@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic");
/*@font-face {
	font-family: 'spasibo';
	src: url("../fonts/spasibo.eot?78402244");
	src: url("../fonts/spasibo.eot?78402244#iefix") format("embedded-opentype"), url("../fonts/spasibo.woff2?78402244") format("woff2"), url("../fonts/spasibo.woff?78402244") format("woff"), url("../fonts/spasibo.ttf?78402244") format("truetype"), url("../fonts/spasibo.svg?78402244#spasibo") format("svg");
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
    font-family: 'spasibo';
    src: url("../fonts/icon.eot");
    src: url("../fonts/icon.eot#iefix") format("embedded-opentype"), url("../fonts/icon.woff") format("woff"), url("../fonts/icon.ttf") format("truetype"), url("../fonts/icon.svg#icon") format("svg");
    font-weight: normal;
    font-style: normal;
}

* {
    outline: none !important;
    text-decoration: none;
}

html {
    height: 100%;
    padding: 0;
    font-family: Roboto;
    font-weight: 400;
    background: #fff;
    font-size: 10px;
    color: #000000;
}

body {
    height: 100%;
    padding: 0;
    min-height: 100%;
    min-height: 700px;
}

/*иконки*/

[class^='icon-']:before,
[class*=' icon-']:before,
.caret:before,
.date-range:before,
.selectpicker-multi:before,
.jq-checkbox:before,
.select2-container--default .select2-selection--single .select2-selection__arrow b:before,
.dropify-wrapper .dropify-clear:before,
.group .switch-group:before {
    font-family: 'spasibo';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: block;
    margin: 0 auto;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cancel:before,
.dropify-wrapper .dropify-clear:before {
    content: '\e800';
}

/* '' */

.icon-plus:before {
    content: '\e801';
}

/* '' */

.icon-minus:before {
    content: '\e802';
}

/* '' */

.icon-info-circled:before {
    content: '\e803';
}

/* '' */

.icon-sun-inv:before {
    content: '\e804';
}

/* '' */

.icon-moon-inv:before {
    content: '\e805';
}

/* '' */

.icon-calendar:before,
.date-range:before {
    content: '\e806';
}

/* '' */

.icon-search:before {
    content: '\e807';
}

/* '' */

.icon-up-open:before,
.group .switch-group:before {
    content: '\e808';
}

/* '' */

.icon-down-open:before,
.caret:before,
.selectpicker-multi:before,
.group.closed .switch-group:before {
    content: '\e809';
}

/* '' */

.icon-edit:before {
    content: '\e80a';
}

/* '' */

.icon-ok:before,
.jq-checkbox:before {
    content: '\e80b';
}

/* '' */

.icon-export:before {
    content: '\e80c';
}

/* '' */

.icon-pencil:before {
    content: '\e80d';
}

/* '' */

.icon-tag:before {
    content: '\e80e';
}

/* '' */

.icon-lock:before {
    content: '\e80f';
}

/* '' */

.icon-bed:before {
    content: '\e810';
}

/* '' */

.icon-channels:before {
    content: '\e811';
}

/* '' */

.icon-child:before {
    content: '\e812';
}

/* '' */

.icon-cleaning:before {
    content: '\e813';
}

/* '' */

.icon-guests:before {
    content: '\e814';
}

/* '' */

.icon-housing:before {
    content: '\e815';
}

/* '' */

.icon-finans:before {
    content: '\e816';
}

/* '' */

.icon-logout:before {
    content: '\e817';
}

/* '' */

.icon-attention:before {
    content: '\e818';
}

/* '' */

.icon-main:before {
    content: '\e819';
}

/* '' */

.icon-open:before {
    content: '\e81a';
}

/* '' */

.icon-products:before {
    content: '\e81b';
}

/* '' */

.icon-rates_tree:before {
    content: '\e81c';
}

/* '' */

.icon-rates:before {
    content: '\e81d';
}

/* '' */

.icon-report:before {
    content: '\e81e';
}

/* '' */

.icon-reservation:before {
    content: '\e81f';
}

/* '' */

.icon-settings:before {
    content: '\e820';
}

/* '' */

.icon-tabl:before {
    content: '\e821';
}

/* '' */

.icon-tasks:before {
    content: '\e822';
}

/* '' */

.icon-edit-1:before {
    content: '\e823';
}

/* '' */

.icon-mail:before {
    content: '\e824';
}

/* '' */

.icon-pay:before {
    content: '\e826';
}

/* '' */

.icon-line:before {
    content: '\e827';
}

/* '' */

.icon-in:before {
    content: '\e828';
}

/* '' */

.icon-person:before {
    content: '\e829';
}

/* '' */

.icon-square:before {
    content: '\e82a';
}

/* '' */

.icon-user:before {
    content: '\e82c';
}

/* '' */

.icon-out:before {
    content: '\e82d';
}

/* '' */

.icon-bed-1:before {
    content: '\e82e';
}

/* '' */

.icon-warning:before {
    content: '\e82f';
}

/* '' */

.icon-cup:before {
    content: '\e830';
}

/* '' */

.icon-arrow01:before {
    content: '\e831';
}

/* '' */

.icon-arrow02:before {
    content: '\e832';
}

/* '' */

.icon-arrow10:before {
    content: '\e833';
}

/* '' */

.icon-arrow11:before {
    content: '\e834';
}

/* '' */

.icon-arrow12:before {
    content: '\e835';
}

/* '' */

.icon-arrows:before {
    content: '\e836';
}

/* '' */

.icon-arrows1:before {
    content: '\e837';
}

/* '' */

.icon-check1:before {
    content: '\e838';
}

/* '' */

.icon-check2:before {
    content: '\e839';
}

/* '' */

.icon-expand:before {
    content: '\e83a';
}

/* '' */

.icon-food-1:before {
    content: '\e83b';
}

/* '' */

.icon-close:before {
    content: '\e83c';
}

/* '' */

.icon-furniture:before {
    content: '\e83d';
}

/* '' */

.icon-moon:before {
    content: '\e83e';
}

/* '' */

.icon-percent:before {
    content: '\e83f';
}

/* '' */

.icon-002-tea-in-a-teapot:before {
    content: '\e840';
}

/* '' */

.icon-air:before {
    content: '\e843';
}

/* '' */

.icon-bathtub:before {
    content: '\e845';
}

/* '' */

.icon-cigar:before {
    content: '\e846';
}

/* '' */

.icon-cloakroom:before {
    content: '\e847';
}

/* '' */

.icon-comod:before {
    content: '\e848';
}

/* '' */

.icon-desk:before {
    content: '\e849';
}

/* '' */

.icon-drink:before {
    content: '\e84a';
}

/* '' */

.icon-fan:before {
    content: '\e84b';
}

/* '' */

.icon-hair-dryer:before {
    content: '\e84c';
}

/* '' */

.icon-reception-bell:before {
    content: '\e84d';
}

/* '' */

.icon-scissors:before {
    content: '\e84e';
}

/* '' */

.icon-snowflake:before {
    content: '\e84f';
}

/* '' */

.icon-sofa:before {
    content: '\e850';
}

/* '' */

.icon-table:before {
    content: '\e851';
}

/* '' */

.icon-telephone:before {
    content: '\e852';
}

/* '' */

.icon-toilet:before {
    content: '\e853';
}

/* '' */

.icon-travelling-luggage:before {
    content: '\e854';
}

/* '' */

.icon-washing-machine:before {
    content: '\e856';
}

/* '' */

.icon-water:before {
    content: '\e857';
}

/* '' */

.icon-arrow03:before {
    content: '\e858';
}

/* '' */

.icon-arrow04:before {
    content: '\e859';
}

/* '' */

.icon-arrow05:before {
    content: '\e85a';
}

/* '' */

.icon-arrow06:before {
    content: '\e85b';
}

/* '' */

.icon-arrow07:before {
    content: '\e85c';
}

/* '' */

.icon-arrow08:before {
    content: '\e85d';
}

/* '' */

.icon-arrow09:before {
    content: '\e85e';
}

/* '' */

.icon-camera:before {
    content: '\e85f';
}

/* '' */

.icon-print:before {
    content: '\e860';
}

/* '' */

.icon-bin:before {
    content: '\e861';
}

/* '' */

.icon-download:before {
    content: '\e862';
}

/* '' */

.icon-turkey:before {
    content: '\e863';
}

/* '' */

.icon-drink-2:before {
    content: '\e864';
}

/* '' */

.icon-heating:before {
    content: '\e866';
}

/* '' */

.icon-iron:before {
    content: '\e867';
}

/* '' */

.icon-locked-padlock:before {
    content: '\e868';
}

/* '' */

.icon-microwave:before {
    content: '\e86a';
}

/* '' */

.icon-mirror:before {
    content: '\e86b';
}

/* '' */

.icon-no-smoking:before {
    content: '\e86c';
}

/* '' */

.icon-balcony:before {
    content: '\e86d';
}

/* '' */

.icon-bathrobe:before {
    content: '\e86e';
}

/* '' */

.icon-bed-double:before {
    content: '\e870';
}

/* '' */

.icon-bed-single:before {
    content: '\e871';
}

/* '' */

.icon-bed-towel:before {
    content: '\e872';
}

/* '' */

.icon-bidet:before {
    content: '\e873';
}

/* '' */

.icon-binoculars:before {
    content: '\e874';
}

/* '' */

.icon-carpet:before {
    content: '\e875';
}

/* '' */

.icon-cleaning-1:before {
    content: '\e877';
}

/* '' */

.icon-closet:before {
    content: '\e879';
}

/* '' */

.icon-coctail:before {
    content: '\e87a';
}

/* '' */

.icon-conditioner:before {
    content: '\e87b';
}

/* '' */

.icon-cup-of-tea:before {
    content: '\e87c';
}

/* '' */

.icon-curtains:before {
    content: '\e87d';
}

/* '' */

.icon-disabled:before {
    content: '\e87e';
}

/* '' */

.icon-flat-tv:before {
    content: '\e881';
}

/* '' */

.icon-food-in-room:before {
    content: '\e882';
}

/* '' */

.icon-furniture-1:before {
    content: '\e883';
}

/* '' */

.icon-gamepad:before {
    content: '\e884';
}

/* '' */

.icon-ironing-board:before {
    content: '\e888';
}

/* '' */

.icon-kitchen:before {
    content: '\e889';
}

/* '' */

.icon-mirror-1:before {
    content: '\e88b';
}

/* '' */

.icon-mute:before {
    content: '\e88c';
}

/* '' */

.icon-no-animals:before {
    content: '\e88d';
}

/* '' */

.icon-padlock:before {
    content: '\e88f';
}

/* '' */

.icon-parquet:before {
    content: '\e890';
}

/* '' */

.icon-phone:before {
    content: '\e891';
}

/* '' */

.icon-pool:before {
    content: '\e892';
}

/* '' */

.icon-rest-zone:before {
    content: '\e893';
}

/* '' */

.icon-sattelite:before {
    content: '\e894';
}

/* '' */

.icon-savings-box:before {
    content: '\e895';
}

/* '' */

.icon-shower:before {
    content: '\e897';
}

/* '' */

.icon-slippers:before {
    content: '\e898';
}

/* '' */

.icon-teapot:before {
    content: '\e89c';
}

/* '' */

.icon-terrace:before {
    content: '\e89e';
}

/* '' */

.icon-toilet-1:before {
    content: '\e89f';
}

/* '' */

.icon-towel:before {
    content: '\e8a0';
}

/* '' */

.icon-tv:before {
    content: '\e8a1';
}

/* '' */

.icon-washing-machine-1:before {
    content: '\e8a2';
}

/* '' */

.icon-wood-floor:before {
    content: '\e8a4';
}

/* '' */

.icon-all-meals:before {
    content: '\e8a5';
}

/* '' */

.icon-breakfast-and-dinner:before {
    content: '\e8a6';
}

/* '' */

.icon-breakfast:before {
    content: '\e8a7';
}

/* '' */

.icon-dinner:before {
    content: '\e8a8';
}

/* '' */

.icon-lunch:before {
    content: '\e8a9';
}

/* '' */

.icon-no-food:before {
    content: '\e8aa';
}

/* '' */

.icon-view-city:before {
    content: '\e8ac';
}

/* '' */

.icon-view-mountain:before {
    content: '\e8ad';
}

/* '' */

.icon-view-sea:before {
    content: '\e8ae';
}

/* '' */

.icon-view-yard:before {
    content: '\e8af';
}

/* '' */

.icon-alarm-clock:before {
    content: '\e8b0';
}

/* '' */

.icon-animals:before {
    content: '\e8b1';
}

/* '' */

.icon-money:before {
    content: '\f0d6';
}

/* '' */

.icon-exchange:before {
    content: '\f0ec';
}

/* '' */

.icon-coffee:before {
    content: '\f0f4';
}

/* '' */

.icon-food:before {
    content: '\f0f5';
}

/* '' */

.icon-doc-text-inv:before {
    content: '\f15c';
}

/* '' */

.icon-male:before {
    content: '\f183';
}

/* '' */

.icon-paper-plane:before {
    content: '\f1d8';
}

/* '' */

.icon-wifi:before {
    content: '\f1eb';
}

/* '' */

.icon-trash:before {
    content: '\f1f8';
}

/* '' */

.icon-commenting:before {
    content: '\f27a';
}

/* '' */

.icon-credit-card-alt:before {
    content: '\f283';
}

/* '' */

.icon-documents:before { content: '\e825'; }
.icon-time:before { content: '\e841'; }
.icon-writing:before { content: '\e82b'; }
.icon-filterblack:before { content: '\e842'; }
.icon-filter:before { content: '\e844'; }
.icon-cancel-1:before { content: '\e855'; }
.icon-bronirovaniya:before { content: '\e811'; } /* '' */
.icon-shahmatka:before { content: '\e812'; } /* '' */
.icon-kvoti:before { content: '\e8b0'; } /* '' */
.icon-gosti:before { content: '\e8ab'; } /* '' */
.icon-statistika:before { content: '\e813'; } /* '' */
.icon-tarifi:before { content: '\e825'; } /* '' */

/*END иконки*/

/*основной каркас*/

#body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    padding: 0;
    background: #f1f2f7;
    min-width: 1000px;
    overflow: hidden;
    position: relative;
    z-index: 99;
}

.preloader {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.load #body {
    visibility: hidden;
}

.load .preloader {
    display: block;
}

#body_margin {
    padding-top: 73px;
}

.clr {
    display: block;
    clear: both;
}

.table {
    display: table;
    margin: 0;
    width: 100%;
    height: 100%;
}

.table .cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.badge {
    display: block;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin: -14px 0 0 0;
    width: 15px;
    height: 15px;
    color: #fff;
    font-size: 10px;
    line-height: 15px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.badge.orange {
    background: #ed9d3e;
}

.badge.red {
    background: #f23752;
}

.badge.green {
    background: #99d683;
}

.badge.birusa {
    background: #44b8ad;
}

.header {
    position: fixed;
    z-index: 500;
    left: 60px;
    top: 0;
    right: 0;
    height: 50px;
    min-width: 1000px;
    background: #3bc73b;
    font-size: 0;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.header .left {
    float: left;
}

.header .right {
    float: right;
}

.header .add-booking {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 25px;
    height: 50px;
    background: #3bc73b;
    font-size: 14px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header .add-booking:hover {
    background: #6dc04e;
}

.header .add-booking.button-payment {
    background: #32b3b1;
    margin-left: -10px;
}

.header .add-booking.button-payment:hover {
    background: #2aa6a4;
}

.header .button {
    display: block;
    position: relative;
    z-index: 3;
    float: left;
    background: transparent;
    width: 50px;
    height: 50px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header .button:hover {
    background: rgba(0, 0, 0, 0.1);
}

.header .icon {
    display: block;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -7px;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: #fff;
}

.header .search-form {
    display: block;
    position: relative;
    float: left;
    height: 50px;
}

.header .search-form .input-text {
    display: block;
    margin: 0;
    padding: 0 60px 0 20px;
    width: 180px;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    font-family: Roboto;
    font-size: 14px;
    line-height: 50px;
    font-weight: 400;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.header .search-form .input-text:focus {
    width: 270px;
}

.header .search-form .input-text::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.header .search-form .input-text::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.header .search-form .input-text:-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.header .search-form .input-text:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.header .search-form .submit {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    border: none;
    background: none;
    font-size: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header .search-form .submit:hover {
    opacity: .8;
}

.header .user {
    display: block;
    position: relative;
    float: left;
    height: 50px;
    margin: 0;
    padding: 0 60px 0 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    line-height: 50px;
    color: #fff;
}

.header .user .logout {
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    width: 31px;
    height: 100%;
    background: transparent;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header .user .logout:hover {
    background: rgba(0, 0, 0, 0.1);
}

.header .hotel-name {
    display: block;
    margin: 0 0 0 30px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    color: #fff;
}

.sidebar {
    position: fixed;
    z-index: 500;
    left: 0;
    top: 0;
    width: 60px;
    height: 100%;
    margin: 0;
    background: #091c3b;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.sidebar .hotel {
    display: block;
    position: relative;
    margin: 0;
    height: 50px;
    overflow: hidden;
}

.sidebar .hotel .logo {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -14px 0 0 0;
    width: 100%;
    height: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
.sidebar .hotel .logo.big {
    background-image: url('../img/reserv_white.svg');
    -webkit-opacity: 0;
    opacity: 0;
}
.sidebar .hotel .logo.small {
    background-image: url('../img/rv.svg');
    -webkit-opacity: 1;
    opacity: 1;
}

.sidebar .hotel .name {
    display: block;
    margin: 0 0 0 60px;
    width: 180px;
    height: 50px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #fff;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.sidebar .menu {
    margin: 0;
    overflow: hidden;
}

.sidebar .menu a {
    display: block;
    position: relative;
    padding: 0 0 0 60px;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    font-weight: 400;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.sidebar .menu a:hover {
    color: #3bc73b;
}

.sidebar .menu a.active {
    color: #3bc73b;
    background: rgba(0, 0, 0, 0.3);
    cursor: default;
}

.sidebar .menu a.sidebar-toggle {
    background: rgba(255, 255, 255, .1);
}

.sidebar .menu a.sidebar-toggle:hover {
    background: rgba(255, 255, 255, .2);
}

.sidebar .menu .text {
    display: block;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.sidebar .menu .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    margin: -11px 0 0 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
}

.sidebar .menu .icon-open {
    color: #fff;
    -webkit-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}

.sidebar-open .header {
    left: 175px;
}

.sidebar-open .sidebar {
    width: 175px;
}

.sidebar-open .sidebar .menu .text {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
}

.sidebar-open .sidebar .menu .icon-open {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sidebar-open .sidebar .hotel .name {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
}

.sidebar-open .sidebar .hotel .logo.big {
    -webkit-opacity: 1;
    opacity: 1;
}
.sidebar-open .sidebar .hotel .logo.small {
    -webkit-opacity: 0;
    opacity: 0;
}

.sidebar-open .wrapper {
    margin-left: 175px;
}

.sidebar-right {
    display: block;
    position: fixed;
    z-index: 300;
    right: -325px;
    top: 50px;
    bottom: 0;
    margin: 0;
    padding: 1px 0;
    width: 325px;
    background: #fff;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.sidebar-right .caption {
    position: relative;
    margin: 50px 20px 0 20px;
    padding: 0 35px 0 0;
}

.sidebar-right .caption p {
    margin: 5px 0 0 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
}

.sidebar-right .caption p.date {
    margin-top: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.sidebar-right .close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: url("../img/ico-close-sidebar.png") no-repeat;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sidebar-right .close:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    opacity: 0.8;
}

.sidebar-right-open .wrapper {
    margin-right: 325px;
}

.sidebar-right-open .sidebar-right {
    right: 0;
}

.sidebar-right .select2-container--default .select2-selection--multiple .select2-selection__choice {
    max-width: 100%;
}


.wide-sidebar {
    width: 355px;
    display: inline-block;
    vertical-align: top;
    margin: 0px 65px 15px 0px;
}

.wide-sidebar .calculate-form {
    border: 1px solid #e1e1e1;
    margin-top: 40px;
}

.wide-sidebar .caption {
    font-size: 24px;
    font-weight: normal;
    background-color: #f8f8f8;
    padding: 25px 20px;
    margin: 0;
    border-bottom: 1px solid #e1e1e1;
}

.wide-sidebar .options>.option {
    margin-bottom: 5px;
    font-size: 18px;
}

.wide-sidebar .options>.option.option-title {
    margin-bottom: 15px;
}

.wide-sidebar .options {
    padding: 30px 20px 0;
}

.wide-sidebar .option-description * {
    display: inline-block;
    vertical-align: top;
    width: 135px;
    color: #80859c;
    font-size: 14px;
}

.wide-sidebar .option-description .option-count {
    width: 52px;
    margin-left: 10px;
}

.wide-sidebar .option-description .option-price {
    color: #000;
    width: 100px;
    font-weight: bold;
}

.wide-sidebar .option-total-price {
    font-size: 18px;
    color: #007fff;
    border-top: 1px solid #e1e1e1;
    padding: 15px 0;
}

.wide-sidebar .total-price {
    padding: 20px 20px 15px;
    border-top: 1px solid #e1e1e1;
}

.wide-sidebar .total-price * {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    color: #80859c;
    font-size: 24px;
    padding-top: 6px;
}

.wide-sidebar .total-price .price {
    font-size: 36px;
    color: #007fff;
    float: right;
    width: 190px;
    text-align: right;
    margin-top: -10px;
}

.wide-content {
    width: 700px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 15px;
}

.wide-content .checkbox-search {
    border-top: 1px solid #e1e1e1;
    margin-top: 30px;
    padding-top: 5px;
}

.wide-content .apartment {
    border: 1px solid #e1e1e1;
    margin-top: 20px;
    display: none;
}

.wide-content .caption {
    font-weight: bold;
    font-size: 18px;
    padding: 15px;
    margin: 0;
}

.wide-content .caption-mini {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

.wide-content .description {
    background-color: #f8f8f8;
    padding: 20px 15px 15px;
}

.wide-content .description .field {
    position: relative;
    padding-left: 30px;
}

.wide-content .description .field>* {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #80859c;
}

.wide-content .description .demo-icon {
    color: #007fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
}

.wide-content .description .body-info .field {
    padding-left: 20px;
}

.wide-content .inclusive {
    width: 280px;
}

.wide-content .add-place {
    width: 115px;
    padding-left: 20px;
}

.wide-content .count-apartment {
    width: 115px;
    padding-left: 20px;
}

.wide-content .price-apartment {
    width: 145px;
    padding-left: 15px;
}

.wide-content .title-info {
    margin-top: 25px;
    margin-bottom: 15px;
}

.wide-content .title-info * {
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
}

.wide-content .body-info>* {
    display: table-cell;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e1e1e1;
}

.wide-content .body-info {
    background-color: #fff;
    margin-top: 5px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wide-content .body-info .demo-icon {
    font-size: 12px;
    margin-top: -6px;
}

.wide-content .body-info .inclusive {
    width: 270px;
}

.wide-content .body-info .add-place,
.wide-content .body-info .count-apartment,
.wide-content .body-info .price-apartment {
    padding: 10px 25px 0px;
}

.wide-content .body-info .price-apartment {
    width: 135px;
    border-right: none;
    font-size: 18px;
    font-weight: bold;
}

.wrapper {
    margin: 0 0 0 60px;
    padding: 80px 30px 30px 30px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    font-size: 12px !important;
    line-height: 16px !important;
    font-family: Roboto !important;
    font-weight: 300;
    color: #000 !important;
    /*background: url('../img/pxl-black-50.png') repeat !important;*/
    background: white !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    border: none !important;
    margin-top: 50px !important;
    margin-left: 50px !important;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) !important;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) !important;
    -webkit-transition: all 0 ease;
    -o-transition: all 0 ease;
    transition: all 0 ease;
}

body .ui-tooltip {
    border-width: 0px;
}

.loadable-content .load {
    background: #fff url("../img/preloader.svg") center center no-repeat !important;
    background-size: 30px 30px;
}

.loadable-content .load * {
    visibility: hidden;
}

.content {
    position: relative;
    z-index: 100;
    margin: 0 0 30px 0;
    padding: 0 20px;
    border: 1px solid #e1e1e1;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content.no-bg {
    padding: 0;
    background: transparent;
    border-color: transparent;
}

.content .table-panel {
    margin-top: 5px;
    max-width: 100%;
    overflow: auto;
}

.content h1,
.content .h1 {
    margin-left: 0;
    margin-bottom: 35px;
}

.content.small-height {
    overflow-x: inherit;
}

.form-content {
    margin: 0;
    padding: 15px 30px;
}

.form-content.white {
    background: #fff;
}

.line-form {
    display: block;
    margin: 25px -30px 15px -30px;
    background: #c8cbdb;
    height: 1px;
}

.w1155 {
    width: 1155px;
}

.w1285 {
    width: 1285px;
}

.relative-block {
    position: relative;
}

.grid {
    display: block;
    margin: 0 -8px;
    font-size: 0;
}

.grid .grid {
    margin-top: -15px;
}

.grid .col {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 16px 8px 0 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.grid .col.w-auto {
    width: auto;
}

.grid .col.w-9 {
    width: 9%;
}

.grid .col.w-10 {
    width: 10%;
}

.grid .col.w-12 {
    width: 12%;
}

.grid .col.w-13 {
    width: 13%;
}

.grid .col.w-15 {
    width: 15%;
}

.grid .col.w-16 {
    width: 16%;
}

.grid .col.w-17 {
    width: 17%;
}

.grid .col.w-18 {
    width: 18%;
}

.grid .col.w-20 {
    width: 20%;
}

.grid .col.w-21 {
    width: 21%;
}

.grid .col.w-22 {
    width: 22%;
}

.grid .col.w-23 {
    width: 23%;
}

.grid .col.w-24 {
    width: 24%;
}

.grid .col.w-25 {
    width: 25%;
}

.grid .col.w-26 {
    width: 26%;
}

.grid .col.w-28 {
    width: 28%;
}

.grid .col.w-29 {
    width: 29%;
}

.grid .col.w-30 {
    width: 30%;
}

.grid .col.w-31 {
    width: 31%;
}

.grid .col.w-33 {
    width: 33.3333%;
}

.grid .col.w-35 {
    width: 35%;
}

.grid .col.w-37 {
    width: 37%;
}

.grid .col.w-40 {
    width: 40%;
}

.grid .col.w-43 {
    width: 43%;
}

.grid .col.w-45 {
    width: 45%;
}

.grid .col.w-50 {
    width: 50%;
}

.grid .col.w-55 {
    width: 55%;
}

.grid .col.w-60 {
    width: 60%;
}

.grid .col.w-63 {
    width: 63%;
}

.grid .col.w-65 {
    width: 65%;
}

.grid .col.w-66 {
    width: 66.6666%;
}

.grid .col.w-70 {
    width: 70%;
}

.grid .col.w-73 {
    width: 73%;
}

.grid .col.w-75 {
    width: 75%;
}

.grid .col.w-76 {
    width: 76%;
}

/*END основной каркас*/

/* Панель поиска */

.search-panel .search-panel-element {
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    width: 20%;
    max-width: 250px;
}

.search-panel .search-panel-element.date-range input {
    padding-left: 35px;
}

.search-panel .search-panel-element.date-range:before {
    position: absolute;
    margin: 15px;
    color: #007fff;
}

.search-panel .search-panel-element {
    position: relative;
}

/*Конец панель поиска*/

/*Datepicker с диапазоном значений*/

.daterangepicker {
    display: none;
}

.daterangepicker .table-condensed .prev {
    background: url("../img/ico-calendar-arrow-left.png") transparent no-repeat center;
    -webkit-background-size: 7px 7px;
    background-size: 7px;
}

.daterangepicker .table-condensed .next {
    background: url("../img/ico-calendar-arrow-right.png") transparent no-repeat center;
    -webkit-background-size: 7px 7px;
    background-size: 7px;
}

.daterangepicker .input-mini {
    max-width: 210px;
}

.daterangepicker .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
}

.daterangepicker .ranges {
    display: none;
}

.daterangepicker .calendar.right {
    display: none;
}

.daterangepicker .daterangepicker_input {
    display: none;
}

.daterangepicker td.in-range {
    background-color: #c8e3f5;
}

.daterangepicker td.active {
    background-color: #007fff;
}

.daterangepicker td.off {
    visibility: hidden;
}

/*Конец Datepicker с диапазоном значений*/

/*Таблицы*/

.table.dataTable {
    border-color: #c3c3c3;
    margin-top: 0;
}

.table.dataTable thead td {
    border-bottom: none;
    color: #6c6c6c;
    font-weight: bold;
}

.table.dataTable thead td.sortable {
    position: relative;
}

.table.dataTable thead td.sortable i {
    display: block;
}

.table.dataTable thead td.sortable .icon-up-open {
    margin-bottom: -8px;
}

.table.dataTable thead td.sortable .icon-down-open {
    position: relative;
    top: 3px;
}

.table.dataTable thead td.sortable>span {
    display: inline-block;
    position: absolute;
    top: 50%;
    height: 22px;
    margin-top: -10px;
}

.table.dataTable thead td.sortable:hover {
    background-color: #bdddf3;
    cursor: pointer;
}

.table.dataTable thead td.sortable.sort-asc .icon-up-open {
    margin-top: 0px;
}

.table.dataTable thead td.sortable.sort-asc .icon-down-open {
    display: none;
}

.table.dataTable thead td.sortable.sort-desc .icon-up-open {
    display: none;
}

.table.dataTable thead td.sortable.sort-desc .icon-down-open {
    margin-top: 0px;
}

.table.dataTable thead .demo-icon {
    display: inline-block;
    margin-left: 10px;
}

.table.dataTable tbody tr:nth-child(odd) {
    background-color: #f4f8fb;
}

.table.dataTable tbody tr:hover {
    background-color: #bdddf3;
}

.table.dataTable tbody .source img {
    width: 20px;
}

.table.dataTable tbody .table-icon {
    padding: 5px 7px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    width: 25px;
    height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.table.dataTable tbody .apply {
    background-color: #3bc73b;
    margin-right: 5px;
}

.table.dataTable tbody .print,
.table.dataTable tbody .edit {
    background-color: #007fff;
}

.table.dataTable tbody .remove {
    background-color: #f23752;
}

.table.dataTable td {
    padding: 15px;
    font-size: 14px;
}

.table.dataTable td span.green {
    color: #6bb251;
}

.table.dataTable td span.red {
    color: #f23752;
}

.sales-table .name {
    width: 430px;
}

/*Конец стилей для таблиц*/

/*Вкладки*/

/*.ui-tabs{
		 padding: 0;
		 .ui-tabs-nav{
				 padding: 25px 20px 0;
				 li{
						 margin-right: 40px;
				}

		}

		 .ui-tabs-nav:first-child{
				 padding-left: 0;
		}

		 .ui-tabs-nav .ui-tabs-anchor{
				 padding: 0;
		}

		 .ui-widget-header, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
				 border: none;
				 background: transparent;
				 font-size: 24px;
				 padding: 0;
		}

		 .ui-state-default a{
				 position: relative;
				 color: #007fff;
		}

		 .ui-state-default a:after{
				 display: block;
				 content: '';
				 position: absolute;
				 border-bottom: 2px dotted #007fff;
				 width: 100%;
				 bottom: 3px;
		}

		 .ui-state-active a{
				 color: #000;
				 border-bottom: none;
		}

		 .ui-state-active a:after{
				 display: none;
		}

		 .ui-tabs-panel{
				 padding: 35px 0 0;
		}

}

 .ui-widget.ui-widget-content{
		 border: none;
}

*/

/*END вкладки*/

/*типографика*/

/*отступы*/

.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-10 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-220 {
    margin-right: 220px !important;
}

.mr-250 {
    margin-right: 250px !important;
}

.mr-300 {
    margin-right: 300px !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

/*рамки*/

.bt {
    border-top: 1px solid #e1e1e1 !important;
}

.border-bottom {
    border-bottom: 1px solid #e1e1e1 !important;
}

.border-none {
    border: none !important;
}

/*ширина*/

.w100 {
    width: 100% !important;
}

.nowrap {
    white-space: nowrap !important;
}

/*выравнивание текста*/

.align-left {
    text-align: left !important;
}

.align-center {
    text-align: center !important;
}

.align-right {
    text-align: right !important;
}

/*выравнивание блоков*/

.float-left {
    float: left !important;
}

.float-none {
    float: none !important;
}

.float-right {
    float: right !important;
}

.clearfix {
    clear: both;
}

.inline-block {
    display: inline-block !important;
    vertical-align: top;
}

.hidden {
    display: none !important;
}

.visible {
    display: block !important;
}

.bold {
    font-weight: bold !important;
}

.hide {
    display: none !important;
}

.width {
    display: block;
    margin: 0;
    padding: 1px 0;
    max-width: 1920px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.width.w1130 {
    max-width: 1130px;
}

h1,
.h1 {
    margin: 25px 20px 0 20px;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 700;
    color: #000;
}

h2,
.h2 {
    margin: 25px 0 10px 0;
    font-size: 20px;
    line-height: 22px;
    color: #000;
    text-align: left;
}

p.text {
    margin: 15px 0;
    font-size: 14px;
    line-height: 16px;
    color: #303340;
    font-weight: 400;
}

p.text a {
    color: #007fff;
    text-decoration: underline;
}

p.text a:hover {
    text-decoration: none;
}

h2 .resume,
.h2 .resume {
    font-size: 1.2em;
    line-height: 1em;
    color: #007fff !important;
}

.caption-form {
    display: block;
    margin: 0 0 -5px 0;
    min-height: 50px;
    font-size: 18px;
    line-height: 50px;
    font-weight: 400;
    color: #303340;
}

.caption-form.for-column {
    margin-top: -15px;
    margin-bottom: 10px;
}

.caption-form.h-auto {
    line-height: 1.5em;
    min-height: auto;
}
.caption-form.with-checkbox {
    position: relative;
    padding-right: 200px;
}

.caption-form .checkbox-wrapper {
    display: block;
    position: absolute;
    right: 0; top: 0;
    margin: 0;
}
.caption-form .checkbox-wrapper .input-checkbox {
    margin-right: 0;
}

.caption-form .icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 16px;
    margin: 0 0 0 5px;
    font-size: 18px;
    line-height: 1em;
    color: #f23752;
}

.section-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 15px 30px 15px 0;
    padding: 0 50px 0 120px;
    width: 500px;
    height: 80px;
    background: #fff;
    font-size: 18px;
    line-height: 1.2em;
    color: #000;
    text-align: left;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.section-link .section-icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100%;
}

.section-link .section-icon .icon {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -30px 0 0 20px;
    width: 60px;
    height: 60px;
    font-size: 60px;
    color: #007fff;
}

.section-link .arrow {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -10px 0 0 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #007fff;
}

.section-link:hover {
    border-color: #007fff;
}

.breadcrumbs {
    display: block;
    margin: 25px 0;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #80859c;
}

.breadcrumbs a {
    color: #007fff;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.breadcrumbs a:hover {
    border-color: #007fff;
}

.breadcrumbs .divide {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
}

.tab-switches {
    margin: 30px 0 15px 0;
    font-size: 0;
}

.tab-switches .switch {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 30px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    color: #000;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tab-switches .switch:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    height: 1px;
    background: #e1e1e1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tab-switches .switch:hover {
    color: #007fff;
}

.tab-switches .switch.active {
    color: #007fff;
    cursor: default;
}

.tab-switches .switch.active:before {
    height: 2px;
    background: #007fff;
}

.tab-switches.disable {
    position: relative;
    z-index: 3;
}

.tab-switches.disable:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.tab-switches.disable>* {
    position: relative;
    z-index: 1;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    -ms-opacity: 0.3;
    opacity: 0.3;
}

.tabs-wrapper {
    display: block;
    margin: 0;
    padding: 0;
}

.tabs-wrapper .tab {
    display: none;
    margin: 0;
    padding: 0;
}

.tabs-wrapper .tab.active {
    display: block;
}

.table-wrapper {
    display: block;
    margin: 30px 0;
    border: 1px solid #e1e1e1;
    overflow-x: auto;
}

.table-wrapper table {
    margin: 0;
    width: 100%;
}

.table-wrapper table.align-center th {
    text-align: center;
}

.table-wrapper table tr td {
    background: #f4f8fb;
}

.table-wrapper table tr:nth-child(even) td {
    background: #fff;
}

.table-wrapper table tr.tr-link:hover td,
.table-wrapper table tr.tr-button-form:hover td {
    background: #f0f0f0;
}

.table-wrapper table th {
    margin: 0;
    padding: 5px 0;
    text-align: left;
}

.table-wrapper table th p,
.table-wrapper table th div {
    margin: 0 15px;
    font-size: 14px;
    line-height: 40px;
    font-weight: 700;
    color: #6c6c6c;
}

.table-wrapper table th p.sort-button,
.table-wrapper table th div.th-inner {
    display: inline-block;
    vertical-align: top;
    position: relative;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table-wrapper table th .arrows {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -6px 0 0 0;
    height: 32px;
}

.table-wrapper table th .arrows .icon {
    display: block;
    position: relative;
    margin: -7px 0;
    width: 100%;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

.table-wrapper table th.header-table[data-sorter='true'] {
    cursor: pointer;
}

.table-wrapper table th.header-table[data-sorter='true']:hover {
    background: #f0f0f0;
}

.table-wrapper table th.header-table p.sort-button {
    padding-right: 20px;
}

.table-wrapper table th.header-table .arrows {
    display: block;
}

.table-wrapper table th.header-table.headerSortDown .arrows {
    margin-top: -2px;
}

.table-wrapper table th.header-table.headerSortDown .arrows .icon.icon-down-open {
    display: none;
}

.table-wrapper table th.header-table.headerSortUp .arrows {
    margin-top: -2px;
}

.table-wrapper table th.header-table.headerSortUp .arrows .icon.icon-up-open {
    display: none;
}

.table-wrapper table td {
    margin: 0;
    padding: 15px 0;
}
.table-wrapper table td p {
    margin: 0 15px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
}
.table-wrapper table td p .old {
    display: block;
    color: #f9a624;
    text-decoration: line-through;
}

.table-wrapper table tr.delete td {
    background: #f8eaea;
}
.table-wrapper table tr.delete td p {
    color: #f23752;
    text-decoration: line-through;
}

.table-wrapper table td a {
    color: #007fff;
    text-decoration: underline;
}

.table-wrapper table td a:hover {
    text-decoration: none;
}

.table-wrapper table .button-form {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 5px;
    margin-left: 5px;
}

.table-wrapper table .input-checkbox {
    margin: 2px 0;
    height: 24px;
}

.table-wrapper table .input-checkbox .jq-checkbox {
    margin: 0;
    top: 0;
}

.table-wrapper table .input-checkbox11 input {
    display: none;
}

.table-wrapper table .input-checkbox11 .checkbox-icon {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border: 1px solid #c8cbdb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    cursor: pointer;
}

.table-wrapper table .input-checkbox11 .checkbox-icon:before {
    font-family: 'spasibo';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: block;
    margin: 0 auto;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e80b';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -7px;
    width: 14px;
    height: 14px;
    font-size: 14px;
    color: #fff;
}

.table-wrapper table .input-checkbox11 input:checked+.checkbox-icon {
    background-color: #007fff;
    border-color: #007fff;
}

.table-wrapper table .input-radio {
    margin: 2px 0;
    height: 24px;
}

.table-wrapper table .input-radio .jq-radio {
    margin: 0;
    top: 0;
}

.table-wrapper table .control {
    display: block;
    margin: 0 14px;
    height: 32px;
    font-size: 0;
}

.table-wrapper table .control .button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 40px;
    height: 32px;
    color: #3bc73b;
    cursor: pointer;
}

.table-wrapper table .control .button.disable {
    cursor: default;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    -ms-opacity: 0.4;
    opacity: 0.4;
}

.table-wrapper table .control .button .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -6px 0 0 0;
    width: 100%;
    height: 12px;
    font-size: 12px;
}

.table-wrapper table .control .item-input {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 44px;
    height: 32px;
}

.table-wrapper table .control .field-wrap {
    margin: 0;
}

.table-wrapper table .control .field-wrap .input-text {
    height: 32px;
    padding: 0;
    line-height: 32px;
    text-align: center;
}

.table-wrapper.booking-services {
    border-color: transparent;
    margin-top: 5px;
    margin-bottom: 5px;
}

.table-wrapper.booking-services table td:first-child,
.table-wrapper.booking-services table th:first-child {
    width: 50%;
}

.table-wrapper.booking-services table td.price,
.table-wrapper.booking-services table th.price {
    width: 160px;
}

.table-wrapper.booking-services table th p {
    margin: 0 25px;
    font-size: 12px;
    color: #80859c;
    font-weight: 400;
}

.table-wrapper.booking-services table td p {
    margin: 0 25px;
}

.table-angular .table-wrapper td {
    font-size: 14px;
    padding: 15px 15px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
}

.table-angular .table-wrapper .pagination-info {
    font-size: 14px;
    margin: 0 15px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    vertical-align: middle;
}

.table-angular .table-wrapper .page-list {
    display: inline-block;
    font-size: 14px;
    margin: 0 15px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
}

.table-angular .table-wrapper .pagination-detail {
    padding: 15px 0;
}

.table-angular .btn-group.dropup {
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.table-angular .dropdown-menu {
    margin: 0;
}

.angular-input-radio {
    display: inline-block;
    font-size: 14px;
    margin: 0 28px 0 0;
    line-height: 50px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.angular-input-radio input {
    display: none;
}

.angular-input-radio .radio-icon {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #c8cbdb;
    margin-right: 5px;
    vertical-align: middle;
}

.angular-input-radio .radio-icon:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
}

.angular-input-radio input:checked+.radio-icon {
    border-color: #007fff;
}

.angular-input-radio input:checked+.radio-icon:after {
    background: #007fff;
}

.table-angular .btn-group>.btn {
    float: none;
}

.table-angular .fixed-table-pagination {
    position: relative;
}

.table-angular .fixed-table-pagination .pull-left {
    display: inline-block;
}

.table-angular .fixed-table-pagination .pull-right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
}

ul.pagination {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.pagination li {
    display: inline-block;
}

ul.pagination li a {
    display: inline-block;
    font-size: 14px;
    color: #000;
    padding: 6px 12px;
    border: 1px solid #ddd;
}

ul.pagination li.active a {
    background-color: #eee;
}

ul.pagination li a:hover {
    background-color: #eee;
}

.hidden-field-switch {
    margin: 30px 0 15px 0;
}

.hidden-field-switch a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    padding: 0 0 0 25px;
    font-size: 14px;
    line-height: 20px;
    color: #007fff;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hidden-field-switch a span {
    border-bottom: 1px dotted #007fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hidden-field-switch a:hover {
    opacity: .8;
}

.hidden-field-switch .icon {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -9px 0 0 0;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
}

/*END типографика*/

/*Вкладки*/

.dashboard-tab-content {
    display: none;
}

.dashboard-tab-content.active {
    display: block;
}

/*END вкладки*/

/*DASHBOARD на главной странице*/

.picker-day {
    font-size: 20px;
    color: #007fff;
}

.picker-month {
    font-size: 14px;
}

.line {
    position: absolute;
    width: 100%;
    left: 0;
}

.line-0 {
    top: 0;
}

.line-10 {
    top: 10%;
}

.line-20 {
    top: 20%;
}

.line-30 {
    top: 30%;
}

.line-40 {
    top: 40%;
}

.line-50 {
    top: 50%;
}

.line-60 {
    top: 60%;
}

.line-70 {
    top: 70%;
}

.line-80 {
    top: 80%;
}

.line-90 {
    top: 90%;
}

.line-100 {
    top: 100%;
}

#dashboard-date {
    cursor: pointer;
}

.dashboard-wrapper {
    position: relative;
    background-color: #fff;
    padding: 45px 20px 0;
}

.dashboard-left-title {
    width: 50px;
    height: 300px;
    position: absolute;
    top: 45px;
    left: 20px;
    font-size: 12px;
    color: #6b6b6b;
    font-weight: bold;
}

.dashboard-left-title .line {
    height: 10%;
    text-align: right;
    padding-right: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -5px;
}

#dashboard {
    height: 300px;
    position: relative;
    overflow: hidden;
    margin-left: 55px;
    white-space: nowrap;
}

#dashboard .row {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100px;
    height: 100%;
    border-right: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#dashboard .row-01 {
    border-left: 1px solid #e1e1e1;
}

#dashboard .dashboard-grid {
    height: 100%;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
}

#dashboard .dashboard-grid .line {
    border-top: 1px solid #e1e1e1;
}

#dashboard .dashboard-grid .color {
    position: absolute;
    background-color: #5dc2f1;
    width: 100%;
    left: 0;
    z-index: 1;
}

#dashboard .dashboard-grid .color-1 {
    background-color: #007fff;
}

#dashboard .dashboard-grid .color-2 {
    background-color: #45b6ab;
}

#dashboard .dashboard-grid .color-3 {
    background-color: #99d683;
}

#dashboard .dashboard-grid .color-4 {
    background-color: #ffbab9;
}

#dashboard .dashboard-grid .color-5 {
    background-color: #4c5667;
}

#dashboard .current-day {
    background-color: #fffcde;
}

.dashboard-bottom-title {
    position: relative;
    font-size: 0;
    height: 40px;
    overflow: hidden;
    color: #6b6b6b;
    font-weight: bold;
    margin-left: 55px;
    white-space: nowrap;
}

.dashboard-bottom-title .row {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100px;
    height: 100%;
    text-align: center;
}

.dashboard-tab {
    font-size: 14px;
    padding: 5px 45px 5px 15px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
}

.dashboard-tab .badge {
    left: auto;
    padding: 5px;
    right: 15px;
}

.dashboard-tab.active,
.dashboard-tab:hover {
    color: #007fff;
    border-color: #007fff;
}

.dashboard-today {
    padding-top: 9px;
}

/*END DASHBOARD*/

/* бронирование главная */

.reservation .reservation-controlls {
    padding: 30px 20px;
    background-color: #fff;
    font-size: 0;
}

.reservation .reservation-controlls .reservation-field {
    width: 200px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.reservation .reservation-controlls .reservation-search {
    margin: 0;
}

.reservation .reservation-controlls .fast-date {
    display: inline-block;
    font-size: 12px;
    margin-right: 15px;
    text-align: center;
    margin-top: 5px;
    border-bottom: 1px solid #000;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.reservation .reservation-controlls .fast-date:hover {
    border-bottom: 1px solid transparent;
}

.reservation .reservation-content {
    padding: 15px 20px 15px 20px;
    background-color: #fff;
}

.reservation .reservation-tabs {
    margin: 15px 0 15px;
    padding: 0 20px;
}

.tr-link {
    cursor: pointer;
}

.tr-button-form {
    cursor: pointer;
}

.reservation.load .tab-switches {
    display: none;
}

.reservation.load .form-content {
    display: none;
}

.reservation.load .reservation-controlls {
    position: relative;
    z-index: 10;
    margin-bottom: 50px;
}

.reservation.load .reservation-controlls .button-form {
    opacity: .2;
}

/* END бронирование главная */

/*Страница Бронь*/

#armor-page {
    font-size: 14px;
}

#armor-page .icn {
    font-size: 16px;
}

#armor-page .demo-icon {
    color: #007fff;
}

#armor-page .i-name {
    font-size: 12px;
}

#armor-page .icons {
    display: inline-block;
    width: 25px;
    height: 25px;
    padding-top: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#armor-page .icons img {
    width: 100%;
}

#armor-page .user-name {
    max-width: 600px;
}

#armor-page .edit-icon,
#armor-page .plus-icon {
    background-color: #007fff;
    padding: 12px;
    cursor: pointer;
}

#armor-page .edit-icon .demo-icon,
#armor-page .plus-icon .demo-icon {
    color: #fff;
}

#armor-page .plus-icon {
    background-color: #dff0d8;
    position: relative;
    border: 1px solid #3bc73b;
    padding: 0;
    width: 38px;
    height: 38px;
}

#armor-page .plus-icon p {
    color: #3bc73b;
    position: absolute;
    top: 7px;
    left: 12px;
    margin: 0;
    font-size: 20px;
    width: 15px;
    height: 15px;
    text-align: center;
}

#armor-page .voucher {
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
    position: relative;
}

#armor-page .fixed.left {
    background-color: #f8f8f8;
    width: 1050px;
    padding: 15px 20px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#armor-page .fixed.right {
    padding: 15px 20px 30px;
    width: 227px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#armor-page .large-icon {
    font-size: 18px;
}

#armor-page .trigger.on {
    color: #80859c;
}

#armor-page .exit {
    color: #7dcb61;
}

#armor-page textarea {
    height: 95px;
}

#armor-page .price {
    font-size: 18px;
    font-weight: bold;
}

#armor-page .deposit .title {
    color: #80859c;
    position: relative;
    top: 8px;
    left: -4px;
}

#armor-page .deposit .price {
    font-size: 24px;
    color: #3bc73b;
    font-weight: normal;
}

#armor-page .deposit .price.red {
    color: #e86462;
}

#armor-page .remove-voucher {
    position: absolute;
    font-size: 36px;
    color: #fff;
    background-color: #e86462;
    width: 40px;
    height: 40px;
    right: -40px;
    top: 0;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#armor-page .armor-booking {
    position: relative;
    text-align: center;
}

#armor-page .armor-result {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

#armor-page .armor-result .capital {
    font-size: 24px;
    color: #007fff;
}

#armor-page .armor-result .deposit .title {
    font-size: 18px;
    top: 0;
}

#armor-page .armor-result .deposit .price {
    font-size: 36px;
}

/*END страница бронь*/

/*шахматка*/

.chess {
    position: relative;
    z-index: 100;
    margin: 0 0 0px 0;
    padding: 0;
    border: 1px solid #e1e1e1;
    background: #fff;
    min-height: 80vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.chess .chess-sidebar {
    display: block;
    position: relative;
    z-index: 100;
    float: left;
    margin: 0;
    width: 235px;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

.chess .chess-content {
    margin: 0 0 0 235px;
    position: relative;
    z-index: 100;
    overflow-x: auto;
    background: #fff;
}

.chess .scroll-content {
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
}

.chess .row {
    display: block;
    border-top: 1px solid #e1e1e1;
    position: relative;
    z-index: 5;
    height: 34px;
    overflow: hidden;
}

.lite .chess.chess-for-rooms .row {
    height: 59px;
}

.chess .row .cell {
    display: block;
    position: relative;
    z-index: 5;
    margin: 0;
    float: left;
    width: 120px;
    height: 34px;
    border-left: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    -webkit-transition: all 0s !important;
    -o-transition: all 0s !important;
    transition: all 0s !important;
}

.lite .chess.chess-for-rooms .row .cell {
    height: 59px;
}

.chess .row .cell:first-child {
    border-left: 1px solid transparent;
}

.chess .row .cell.w100 {
    width: 100%;
    float: none;
}

.chess .row .cell.w100::after {
    display: none;
}

.chess .row .cell.ui-selecting {
    background: rgba(69, 138, 182, 0.15);
}

.chess .row .cell.ui-selected {
    background: rgba(69, 138, 182, 0);
}

.chess .row .cell.ui-droppable-hover {
    background: rgba(69, 138, 182, 0.15);
}

.chess .row.top {
    border-top: none;
    height: 59px;
}

.chess .row.top.date-row {
    z-index: 100;
    overflow: visible;
}

.chess .row.top .cell {
    height: 59px;
    border-left: 1px solid transparent;
}

.chess .row.top .cell.first {
    border-left: 1px solid #f2f2f2;
}

.chess .row.top .cell::after {
    display: none;
}

.chess .row.title {
    background: #f8f8f8;
    position: relative;
    z-index: 10;
}

.chess .row.title .cell::after {
    display: none;
}

.chess .row .sidebar-drop {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.chess .row .sidebar-drop.active {
    background: rgba(69, 138, 182, 0.05);
}

.chess .row .sidebar-drop.ui-droppable-hover {
    background: rgba(69, 138, 182, 0.15);
}

.chess .row .disable .sidebar-drop {
    background: rgba(69, 138, 182, 0);
}

.chess .divided .cell::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -.5px;
    width: 1px;
    height: 100%;
    background: #f2f2f2;
}

.chess .quota {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 14px;
    /* line-height: 59px; */
    line-height: 34px;
    font-weight: 400;
    color: #000;
    text-align: center;
    text-decoration: none;
    outline: none;
}

.chess .quota.min {
    background: #f8b0b3;
}

.chess .quota.normal {
    background: #faef7b;
}

.chess .quota.max {
    background: #cbf8c1;
}

.chess .archive .quota {
    cursor: default;
    background: none;
}

.chess .quota:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: none;
}

.chess .ui-selecting .quota:before,
.chess .ui-selected .quota:before {
    background: rgba(0, 0, 0, .1);
}

.chess .date {
    position: relative;
    height: 100%;
    font-size: 14px;
    line-height: 59px;
    text-align: center;
}

.chess .date.weekend {
    color: #f23752;
}

.chess .date-switch {
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    margin: -20px 0 0 0;
    height: 40px;
}

.chess .date-switch .switch {
    display: block;
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    height: 40px;
    border: 1px solid #e1e1e1;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    color: #000;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.chess .date-switch .switch b {
    font-size: 18px;
    line-height: 18px;
}

.chess .date-switch .switch.date {
    width: 40px;
    padding-top: 4px;
    color: #007fff;
}

.chess .date-switch .switch.today {
    margin-left: 10px;
    width: 90px;
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
}

.chess .date-switch .switch:hover {
    background: rgba(0, 0, 0, 0.05);
}

.chess .date-switch .switch.active {
    background: #fffcde;
}

.chess .date-switch .arrows {
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    width: 35px;
    height: 40px;
}

.chess .date-switch .arrows .button {
    display: block;
    position: absolute;
    top: 0;
    width: 12px;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.chess .date-switch .arrows .button:hover {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    opacity: 0.5;
}

.chess .date-switch .arrows .prev {
    left: 0;
}

.chess .date-switch .arrows .next {
    right: 0;
}

.chess .date-switch .arrows .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -10px 0 0 0;
    width: 12px;
    height: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.chess .date-switch .arrows .icon.icon-prev {
    background-image: url("../img/ico-calendar-arrow-left.png");
}

.chess .date-switch .arrows .icon.icon-next {
    background-image: url("../img/ico-calendar-arrow-right.png");
}

.chess .date-input {}

.chess .cat {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0 40px 0 20px;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    font-weight: 700;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.chess .cat .icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -3.5px 0 0 0;
    width: 11px;
    height: 7px;
    background-position: center center;
    background-repeat: no-repeat;
}

.chess .cat .icon.icon-down {
    display: none;
    background-image: url("../img/ico-arrow-down.png");
}

.chess .cat .icon.icon-up {
    display: block;
    background-image: url("../img/ico-arrow-up.png");
}

.chess .cat.rooms-hidden .icon.icon-down {
    display: block;
}

.chess .cat.rooms-hidden .icon.icon-up {
    display: none;
}

.lite .chess.chess-for-rooms .cat {
    height: auto;
    line-height: 16px;
    white-space: normal;
    max-height: 48px;
    overflow: hidden;
    top: 50%;
    cursor: default;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lite .chess.chess-for-rooms .cat .icon {
    display: none !important;
}

.chess .cat-max-count {
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    margin: -10px 0 0 0;
    background: #3bc73b;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.chess .num {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: top;
    font-size: 14px;
    line-height: 34px;
    font-weight: 400;
    color: #000;
}

.chess .rate {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: top;
    font-size: 14px;
    line-height: 34px;
    font-weight: 400;
    color: #80859c;
}

.chess .rate .info {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px;
    color: #80859c;
}

.chess .rate .info:first-child {
    margin-left: 0;
}

.chess .rate .icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top: 9px;
    margin: 0 3px 0 0;
    color: #5b98bf;
}

.chess .count {
    display: block;
    position: relative;
    height: 34px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    text-align: center;
    border: 2px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.chess .count.link {
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.chess .count.link:hover {
    opacity: .6;
}
.chess .ui-selecting .count.link {
    opacity: .6;
}

.lite .chess.chess-for-rooms .count {
    height: 59px;
    line-height: 55px;
}

/* .lite .chess.chess-for-rooms .count.link {
    cursor: default;
    background: none;
} */

.chess .count.active {
    border-color: #007fff;
}

.chess .count b {
    font-weight: 700;
}

.chess .count.min {
    background: #f8b0b3;
}

.chess .count.normal {
    background: #faef7b;
}

.chess .count.max {
    background: #cbf8c1;
}

.chess .archive .count.link {
    background: none !important;
    cursor: default;
    opacity: 1;
}

.chess .count .new {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: #3bc73b;
    top: 5px;
    left: 3px;
    margin: 0 3px;
    padding: 0 7px;
    font-size: 12px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: 700;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.lite .chess.chess-for-rooms .count .new {
    top: 17px;
}

.chess .price {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 34px;
    font-weight: 400;
    color: #000;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.chess .price .mdash {
    display: block;
    position: relative;
    top: 15px;
    margin: 0 auto;
    width: 15px;
    height: 1px;
    background: #e1e1e1;
}

.chess .price-button {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 34px;
    font-weight: 400;
    color: #000;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.chess .rooms-wrapper {
    margin: 0;
    position: relative;
    z-index: 100;
    overflow: hidden;
}

.chess.load {
    /* background: #fff url("../img/load.gif") center center no-repeat; */
}

.chess-content.load {
    overflow: hidden;
}

.chess.load:before,
.chess-content.load:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 110;
    left: 235px;
    right: 0;
    top: 59px;
    bottom: 0;
    background: #fff url("../img/preloader.svg") center center no-repeat;
    background-size: 30px 30px;
    border-top: 1px solid #e1e1e1;
}

.chess.load .rooms-wrapper *,
.chess-content.load .rooms-wrapper * {
    visibility: hidden;
}

.chess .highlighting-day {
    display: block;
    position: absolute;
    z-index: 1;
    top: -60px;
    bottom: 0;
    left: -1000px;
    width: 120px;
    background: #fffcde;
}

.chess .timeline {
    display: block;
    position: absolute;
    z-index: 2;
    top: 90px;
    bottom: 0;
    left: -1000px;
    width: 1px;
    background: #f23752;
}

.chess .timeline::before {
    content: '';
    display: block;
    position: absolute;
    top: 4.5px;
    left: 50%;
    margin: 0 0 0 -4.5px;
    border: 4.5px solid transparent;
    border-top: 4.5px solid #f23752;
}

.booking {
    display: block;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    margin: 0 0 0 60px;
    width: 120px;
    height: 35px;
    cursor: pointer;
    -webkit-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}

.booking.ui-draggable-dragging {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}

.booking.dragging {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    opacity: 0.5;
}

.booking.hide {
    display: none;
}

.booking .text {
    display: block;
    position: absolute;
    left: 2px;
    right: 2px;
    top: 50%;
    margin: -15px 0 0 0;
    padding: 0 13px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.booking .text::before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 46px;
    height: 100%;
    background: url("../img/pattern_wt.png") center center repeat;
}

.booking .text::after {
    content: '';
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 100%;
    background: url("../img/pattern_wt.png") center center repeat;
}

.booking .text .wave {
    display: none;
    position: absolute;
    top: 0;
    margin: 0;
    width: 5px;
    height: 30px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.booking .text .wave.left {
    left: 0;
    background-image: url("../img/wave-left.png");
}

.booking .text .wave.right {
    right: 0;
    background-image: url("../img/wave-right.png");
}

.booking.new .text {
    background: rgba(69, 138, 182, 0.15);
    border: 1px dashed #007fff;
}

.booking.in .text {
    background: #3bc73b;
    background: -webkit-gradient(linear, left top, right top, from(#3bc73b), to(#6cb452));
    background: -webkit-linear-gradient(left, #3bc73b, #6cb452);
    background: -o-linear-gradient(left, #3bc73b, #6cb452);
    background: linear-gradient(90deg, #3bc73b, #6cb452);
}

.booking.out {
    cursor: default;
}

.booking.out .text {
    background: #8a9dab;
    background: -webkit-gradient(linear, left top, right top, from(#8a9dab), to(#697d8c));
    background: -webkit-linear-gradient(left, #8a9dab, #697d8c);
    background: -o-linear-gradient(left, #8a9dab, #697d8c);
    background: linear-gradient(90deg, #8a9dab, #697d8c);
}

.booking.confirmed .text {
    background: #45b6ab;
    background: -webkit-gradient(linear, left top, right top, from(#45b6ab), to(#1c9e91));
    background: -webkit-linear-gradient(left, #45b6ab, #1c9e91);
    background: -o-linear-gradient(left, #45b6ab, #1c9e91);
    background: linear-gradient(90deg, #45b6ab, #1c9e91);
}

.booking.not-confirmed .text {
    background: #ed9d3e;
    background: -webkit-gradient(linear, left top, right top, from(#ed9d3e), to(#d67630));
    background: -webkit-linear-gradient(left, #ed9d3e, #d67630);
    background: -o-linear-gradient(left, #ed9d3e, #d67630);
    background: linear-gradient(90deg, #ed9d3e, #d67630);
}

.booking.reserved .text {
    color: #000;
    background: rgba(138, 157, 171, 0.15);
    background: -webkit-gradient(linear, left top, right top, from(rgba(138, 157, 171, 0.15)), to(rgba(105, 125, 140, 0.15)));
    background: -webkit-linear-gradient(left, rgba(138, 157, 171, 0.15), rgba(105, 125, 140, 0.15));
    background: -o-linear-gradient(left, rgba(138, 157, 171, 0.15), rgba(105, 125, 140, 0.15));
    background: linear-gradient(90deg, rgba(138, 157, 171, 0.15), rgba(105, 125, 140, 0.15));
}

.booking.reserved .text::before {
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-image: url("../img/pattern_gr.png");
}

.booking.reserved .text::after {
    display: none !important;
}

.booking.blocked .text {
    color: #000;
    background: rgba(231, 100, 98, 0.15);
    background: -webkit-gradient(linear, left top, right top, from(rgba(231, 100, 98, 0.15)), to(rgba(255, 5, 0, 0.15)));
    background: -webkit-linear-gradient(left, rgba(231, 100, 98, 0.15), rgba(255, 5, 0, 0.15));
    background: -o-linear-gradient(left, rgba(231, 100, 98, 0.15), rgba(255, 5, 0, 0.15));
    background: linear-gradient(90deg, rgba(231, 100, 98, 0.15), rgba(255, 5, 0, 0.15));
}

.booking.blocked .text::before {
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-image: url("../img/pattern_rd.png");
}

.booking.blocked .text::after {
    display: none !important;
}

.booking.early .text {
    left: -48px;
    padding-left: 61px;
}

.booking.early .text::before {
    display: block;
}

.booking.later .text {
    right: -48px;
    padding-right: 61px;
}

.booking.later .text::after {
    display: block;
}

.booking.wave-left .wave.left {
    display: block;
}

.booking.wave-right .wave.right {
    display: block;
}

.new-bookings {
    margin: 20px 0;
}

.new-bookings.load {
    height: 200px;
    background: url("../img/preloader.svg") center center no-repeat;
    background-size: 30px 30px;
}

.new-bookings .item {
    margin: 0;
    padding: 1px 0;
    border-bottom: 1px solid #e1e1e1;
}

.new-bookings .item:first-child {
    border-top: 1px solid #e1e1e1;
}

.new-bookings .booking-wrap {
    margin: 0 18px 10px 18px;
    position: relative;
    height: 35px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.new-bookings .booking {
    margin-left: 0;
    min-width: 100%;
    max-width: 100%;
}

.new-bookings .booking.early .text {
    left: 2px;
}

.new-bookings .booking.later .text {
    right: 2px;
}

.new-bookings .booking.ui-draggable-dragging {
    max-width: 2000000px;
    min-width: auto !important;
}

.new-bookings .info {
    margin: 0 20px;
    padding: 5px 0 2px 0;
    font-size: 0;
}

.new-bookings .info .text {
    display: inline-block;
    height: 20px;
    margin: 0 10px 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #80859c;
}

.new-bookings .info .icon {
    display: inline-block;
    margin: 0 5px 0 0;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    color: #77a9c9;
}

/*END шахматка*/

/*тарифы*/

.rates-filter {
    margin: 20px;
}

.rates-filter .btn-rates {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    background: #007fff;
    vertical-align: top;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rates-filter .btn-rates:first-child {
    margin-left: 0;
}

.rates-filter .btn-rates:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    opacity: 0.8;
}

.rates-filter .btn-rates .icon {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -10px 0 0 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.rates-wrapper {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    bottom: 100px;
    overflow-y: auto;
}

.rates-list {
    margin: 0;
    padding: 1px 0;
    overflow: hidden;
}

.rates-list .item {
    display: block;
    margin: 15px 20px;
    padding: 0 15px;
    border: 1px solid #e1e1e1;
    height: 60px;
    background: #fff;
}

.rates-list .item:first-child {
    margin-top: 0;
}

.rates-list .item .name {
    display: block;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    font-weight: 400;
    color: #80859c;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.rates-list .item .info {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #80859c;
}

.rates-list .item.ui-sortable-placeholder {
    visibility: visible !important;
    background: rgba(69, 138, 182, 0.1);
    border-color: rgba(69, 138, 182, 0.2);
}

.rates-list.disabled {
    border-top: 1px solid #007fff;
    margin-top: 15px;
    padding-top: 30px;
}

.rates-list.disabled .item {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    opacity: 0.5;
}

.rates-buttons {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: 20px;
}

.prices-category-list {
    position: relative;
    margin: 0 0 -20px 0;
    padding: 0 0 1px 0;
    overflow: hidden;
}

.prices-category-list .price-row {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed #cecece;
}

.prices-category-list .price-row.last {
    border-bottom: none;
}
.prices-category-list .price-row:last-child {
	border-bottom: none;
}

.prices-category-list .name {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 33%;
    height: 100%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #000;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.prices-category-list .prices {
    margin: 0 0 0 33%;
    padding: 15px 0 0 0;
    font-size: 0;
}

.prices-category-list .prices .item {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 15px 30px;
}

.prices-category-list .prices .icons {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 10px 0 0;
    padding: 15px 0 0 0;
	font-size: 0;
}

.prices-category-list .prices .icons .icon {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    width: 15px;
    color: #80859c;
	font-style: normal;
}

.prices-category-list .prices .icons .icon.main {
    color: #007fff;
}


.prices-category-list .category-names {
    display: block;
    margin: 0;
    float: left;
    width: 33%;
}
.prices-category-list .category-names p {
    margin: 0 20px 0 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #000;
    text-align: right;
    white-space: normal;
}

.prices-category-list .category-names .tr {
    position: relative;
}
.prices-category-list .category-names .tr:before {
    content: "";
    display: block;
    position: absolute;
    left: 0; right: 0;
    bottom: 1px;
    width: 10000px; height: 1px;
    border-bottom: 1px dashed #cecece;
}
.prices-category-list .category-names .tr:last-child:before {
    border-bottom: none;
}
.prices-category-list .category-names .tr.last:before {
    border-bottom: none;
}

.prices-category-list .category-content {
    display: block;
    margin: 0 0 0 33%;
    overflow-x: auto;
}

.prices-category-list .tr {
    display: block;
    margin: 0;
    padding: 10px 0;
    height: 50px;
    white-space: nowrap;
    font-size: 0;
}
.prices-category-list .tr.for-icons {
    height: 16px;
}



.prices-category-list .item {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    padding: 0;
    width: 100px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
.prices-category-list .tr.for-icons .item {
    text-align: center;
}
.prices-category-list .item .input-text {
    padding-top: 0;
    padding-right: 30px;
    text-align: right;
    line-height: 48px;
}
.prices-category-list .item .rub {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -9px 0 0 0;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    z-index: 5;
}
.prices-category-list .item .plus {
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
    margin: -9px 0 0 0;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    z-index: 5;
}
.prices-category-list .item .icon {
    display: inline-block;
    vertical-align: top;
    margin: 0 1px;
    font-size: 16px;
    line-height: 1em;
    color: #80859c;
}
.prices-category-list .item .icon:first-child {
    color: #007fff;
}

/*END тарифы*/

/* ================== UI-DATEPICKER ================== */

.ui-datepicker {
    z-index: 999 !important;
    font-size: 12px;
    width: 228px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: .5em .2em;
}

.ui-datepicker .ui-icon {
    margin-left: -3px !important;
    margin-top: -5px !important;
    width: 6px !important;
    height: 10px !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: 0 0 !important;
    background-color: transparent;
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-e {
    background-image: url("../img/ico-calendar-arrow-right.png") !important;
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-w {
    background-image: url("../img/ico-calendar-arrow-left.png") !important;
}

/* ================== END UI-DATEPICKER ================== */

/* ================== DATEPICKER ================== */

.calendar-wrapper {
    display: block;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 100%;
    margin: -2px 0 0 0;
    height: 240px;
    background: #fff;
    visibility: hidden;
}

.calendar-wrapper.open {
    visibility: visible;
}

.calendar-wrapper .calendar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0 12px;
}

.calendar-wrapper .week-header {
    display: block;
    position: absolute;
    left: 12px;
    right: 15px;
    height: 30px;
}

.calendar-wrapper .week-header::before {
    content: '';
    display: block;
    position: absolute;
    left: -12px;
    right: -15px;
    top: 0;
    bottom: 0;
    border-bottom: 1px solid #d7dee3;
}

.calendar-wrapper .days {
    display: block;
    position: absolute;
    top: 40px;
    bottom: 10px;
    left: 0;
    right: 0;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.calendar-wrapper .week {
    display: block;
    position: relative;
    margin: 5px 5px 5px 12px;
    height: 30px;
    overflow: hidden;
}

.calendar-wrapper .month {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    height: 20px;
    color: #10293c;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-top: 1px solid #c8c7cc;
}

.calendar-wrapper .month:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 1px solid transparent;
}

.calendar-wrapper .day {
    display: block;
    position: absolute;
    z-index: 3;
    width: 14%;
    height: 100%;
    cursor: pointer;
    font-size: 11px;
    line-height: 30px;
    text-align: center;
    color: #08448a;
}

.calendar-wrapper .day span {
    display: block;
    position: relative;
    z-index: 3;
    margin: 0 auto;
    background: none;
    width: 100%;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #10293c;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.calendar-wrapper .day.d1 {
    left: 0;
}

.calendar-wrapper .day.d2 {
    left: 14%;
}

.calendar-wrapper .day.d3 {
    left: 28%;
}

.calendar-wrapper .day.d4 {
    left: 42%;
}

.calendar-wrapper .day.d5 {
    left: 56%;
}

.calendar-wrapper .day.d6 {
    left: 70%;
}

.calendar-wrapper .day.d7 {
    left: 84%;
    /*width: 16%;
		*/
}

.calendar-wrapper .day::before {
    content: '';
    display: none;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #f2f2f2;
    opacity: 1;
}

.calendar-wrapper .day::after {
    content: '';
    display: none;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #f2f2f2;
    opacity: 1;
}

.calendar-wrapper .day.active span {
    color: #ffffff;
}

.calendar-wrapper .day.start span {
    background: #08448a;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.calendar-wrapper .day.finish span {
    background: #08448a;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.calendar-wrapper .day.hover span {
    background: #f2f2f2;
}

.calendar-wrapper .day.period::before,
.calendar-wrapper .day.period::after {
    display: block;
    width: 50%;
}

.calendar-wrapper .day.period.start::after {
    width: 50%;
}

.calendar-wrapper .day.period.start::before {
    display: none;
}

.calendar-wrapper .day.period.finish::before {
    width: 50%;
}

.calendar-wrapper .day.period.finish::after {
    display: none;
}

.calendar-wrapper .day.disable,
.calendar-wrapper .day.null {
    cursor: default;
    opacity: .2;
    color: #c8c7cc;
}

/* ================== END DATEPICKER ================== */

/*старые модальные/диалоговые окна*/

.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
}

.modal.auth {
    display: block;
    background: rgba(0, 0, 0, 0.8);
}

.modal .modal-content {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -180px 0 0 -295px;
    padding: 15px;
    width: 590px;
    background: #fff;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.modal .modal-content.small {
    margin-top: -150px;
    margin-left: -155px;
    width: 310px;
}

.modal .modal-content.medium {
    margin-top: -200px;
    margin-left: -200px;
    width: 400px;
}

.modal .modal-content.large {
    margin-top: -200px;
    margin-left: -350px;
    width: 700px;
}

.modal .caption {
    margin: 0;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #000;
}

.modal .form {
    display: block;
    margin: 0;
    padding: 1px 0;
}

.modal .form.load {
    background: url("../img/preloader.svg") center center no-repeat;
    background-size: 30px 30px;
}

.modal .form.load * {
    visibility: hidden;
}

.modal .period {
    position: relative;
    margin: 15px 0;
}

.modal .period .divide {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -.5px 0 0 -8px;
    width: 16px;
    height: 1px;
    background: #e1e1e1;
}

.modal .field.datein {
    margin: 0;
    float: left;
    width: 125px;
}

.modal .field.dateout {
    margin: 0;
    float: right;
    width: 125px;
}

.modal .info {
    margin: 15px 0 0 0;
    position: relative;
    overflow: hidden;
}

.modal .info .field {
    width: auto;
}

.modal .link {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #80abcb;
}

.modal .link .icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}

.modal .link .text {
    border-bottom: 1px solid #80abcb;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.modal .link:hover .text {
    border-color: transparent;
}

.modal p {
    margin: 10px 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #80859c;
}

.modal p.success {
    margin: 50px 0;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
}

.fade {
    display: block;
    position: fixed;
    z-index: 996;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
}

.dialog {
    display: none;
    position: absolute;
    z-index: 997;
    left: 0;
    top: 0;
    margin: 0;
    padding: 15px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.dialog::before {
    content: '';
    display: block;
    position: absolute;
    margin: 0;
    margin: 0;
    border: 6px solid transparent;
}

.dialog.top::before {
    left: 50%;
    margin-left: -6px;
    bottom: -12px;
    border-top: 6px solid #fff;
}

.dialog.bottom::before {
    left: 50%;
    top: -12px;
    margin-left: -6px;
    border-bottom: 6px solid #fff;
}

.dialog.right::before {
    top: 10px;
    left: -12px;
    border-right: 6px solid #fff;
}

.dialog.left::before {
    top: 10px;
    right: -12px;
    border-left: 6px solid #fff;
}

.dialog ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dialog ul li {
    display: block;
    margin: 5px 0 0 0;
    padding: 0;
}

.dialog ul li:first-child {
    margin-top: 0;
}

.dialog .link {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #80859c;
    white-space: nowrap;
}

.dialog .link .text {
    border-bottom: 1px solid #bfc2cd;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dialog .link:hover .text {
    border-color: #80859c;
}

.dialog .link .icon {
    display: inline-block;
    margin: 0 10px 0 0;
    color: #007fff;
}

.modal-table {
    margin: 15px 0;
    overflow: auto;
}

.modal-table table {
    margin: 0;
    width: 100%;
}

.modal-table table th,
.modal-table table td {
    margin: 0;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
    vertical-align: middle;
}

.modal-table table th.align-right,
.modal-table table td.align-right {
    text-align: right;
}

.modal-table table th {
    font-weight: 700;
}

.modal-table .total {
    color: #80859c;
}

.modal-table .sum {
    display: inline-block;
    white-space: nowrap;
}

.modal-table .sum.big {
    padding: 10px 0;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}

/*END модальные окна*/

/*оповещения*/

.alert {
    margin: 15px 0;
    padding: 15px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    border: 1px solid transparent;
}

.alert:first-child {
    margin-top: 0;
}

.alert.alert-success {
    background: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert.alert-info {
    background: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert.alert-warning {
    background: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert.alert-danger {
    background: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert b {
    font-size: 14px;
    font-weight: 700;
}

/*END оповещения*/

/*форма авторизации old*/
/*
.auth-wrapper {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: url("../img/bg-auth.jpg") center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.auth-wrapper .auth-header {
    display: block;
    position: relative;
    margin: 0;
    background: #fff;
    height: 95px;
}

.auth-wrapper .auth-header .logo {
    display: block;
    position: absolute;
    left: 40px;
    top: 50%;
    margin-top: -19px;
    width: 155px;
    height: 38px;
    background: url("../img/reserv-logo-bk.svg") 0 center no-repeat;
    background-size: cover;
}

.auth-wrapper .auth-header .supports {
    display: block;
    position: absolute;
    right: 40px;
    top: 0;
    margin: 0;
    padding: 0 0 0 50px;
    height: 95px;
    background: url("../img/phone-call.svg") 0 center no-repeat;
    background-size: 30px;
    font-size: 23px;
    line-height: 95px;
    font-weight: 300;
    color: #1c1c1c;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.auth-wrapper .auth-header .supports:hover {
    color: #65e065;
}

.auth-wrapper .auth-form {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -120px 0 0 -210px;
    width: 420px;
}

.auth-wrapper .caption {
    margin: 0;
    font-size: 23px;
    line-height: 1em;
    font-weight: 700;
    color: #1c1c1c;
    text-align: center;
}

.auth-wrapper .auth-fields {
    display: block;
    position: relative;
    margin: 25px 0;
    z-index: 10;
    background: #fff;
    border: 1px solid #80859c;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.auth-wrapper .auth-fields .field-wrap .input-text {
    border: none !important;
    border-top: 1px solid #80859c !important;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.auth-wrapper .auth-fields .field-wrap:first-child .input-text {
    border-top: none !important;
}

.auth-wrapper .auth-fields .field-wrap.error .input-text {
    color: #f23752;
}

.auth-wrapper .auth-fields .field-wrap.error .label {
    color: #f23752;
}

.auth-wrapper .auth-fields .auth-submit {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    margin: 0;
    border: none;
    width: 60px;
    height: 50px;
    background: url("../img/ico-button-arrows.png") center center no-repeat;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.auth-wrapper .auth-fields .auth-submit:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    opacity: 0.8;
}

.auth-wrapper .info {
    display: block;
    margin: 0;
    text-align: center;
}

.auth-wrapper .info .border {
    margin: 15px auto;
    width: 407px;
    height: 1px;
    background: url("../img/auth-border.png") 0 0 no-repeat;
}

.auth-wrapper .info .link {
    font-size: 14px;
    line-height: 14px;
    color: #000;
}

.auth-wrapper .info .link:hover {
    text-decoration: underline;
}

.auth-wrapper .info p {
    margin: 15px 0;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    text-align: center;
}
*/
/*END форма авторизации old*/

/*форма авторизации new*/

.auth-wrapper {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: url("../img/reservback.jpg") center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.auth-wrapper .auth-form {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 35px 75px;
    box-sizing: border-box;
    width: 550px;
    margin:0;
    border-radius: 3px;
    background-color: #fff;
    transform: translate(-50%,-50%);
}

.auth-wrapper .auth-fields {
    display: block;
    position: relative;
    margin: 0;
    z-index: 10;
    background: #fff;
    border-radius: 0;
    border: none;
    overflow: hidden;
}

.auth-wrapper .auth-fields .field-wrap .input-text {
    border-top: none;
    -webkit-border-radius: 0;
    border-bottom: 2px solid #999fa8;
    border-radius: 0;
    border-left: none;
    border-right: none;
    color: #0e2851;
    padding: 14px 1px 0 2px;
    font-size: 18px;
    line-height: 18px;
}

.auth-wrapper .auth-fields .field-wrap {
    margin-top: 25px;
}

.auth-wrapper .auth-fields .field-wrap .label{
  top: 2px;
  left: 2px;
  color: #0e2851;
  font-size: 12px;
  line-height: 12px;
}

.auth-wrapper .auth-fields .field-wrap.error .input-text {
    border-color: #f23752;
}

.auth-wrapper .auth-fields .field-wrap.success .input-text{
    border-color: #65e065;
}

.auth-wrapper .auth-submit {
     display: block;
    height: 50px;
    -webkit-appearance: none;
    border: none;
    width: 100%;
    background-color: #3bc73b;
    color: #fff;
    margin-top: 44px;
    font-size: 18px;
    line-height: 18px;
    border-radius: 3px;
    text-align: center;
}

.auth-wrapper .auth-submit:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    opacity: 0.8;
}

.auth-wrapper .field-wrap.empty .label {
    top: 14px;
    font-size: 18px;
    line-height: 25px;
}

.auth-wrapper .input-checkbox {
    font-size: 14px;
    line-height: 50px;
    color: #0e2851;
}

.auth-wrapper .input-checkbox .jq-checkbox.checked {
    border-color: #3bc73b;
    background: #3bc73b;
}
.input-checkbox.small .jq-checkbox{
     width: 20px!important;
    height: 20px!important;
}
.auth-wrapper .input-checkbox .jq-checkbox {
   vertical-align: middle;
    margin: 0 14px 0 0;
}

.auth-wrapper .logo {
    background-image: url(../img/reserv_black_slg.svg);
    height: 80px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 221px;
    margin: 30px auto 0 auto;
}

.auth-wrapper .info {
    display: block;
    margin: 44px 0 0 0;
    text-align: center;
}

.auth-wrapper .supports {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -40px;
    text-align: center;
    margin: 0 auto;
    font-size: 13px;
    line-height: 19px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: translateX(-50%);
    color: #fff;
    width: 100%;
}

.auth-wrapper .supports a{
    text-decoration:underline;
    color:#fff;
}
.auth-wrapper .supports a:hover{
    color:#3bc73b;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/*END форма авторизации new*/


/*Элементы форм*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

.form {
    display: block;
    margin: 0;
    padding: 1px 0;
}

.form.load {
    position: relative;
    z-index: 10;
}

.form.load:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/preloader.svg") center center no-repeat !important;
    background-size: 30px 30px;
}

.form.load.ajax-form:before {
    background: none !important;
}

.form.load>* {
    position: relative;
    z-index: 1;
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    -ms-opacity: 0.2;
    opacity: 0.2;
}

.form.load .buttons {
    position: relative;
    z-index: 10;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
}

.form.load .button-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
}

.form.load .submit {
    position: relative;
    z-index: 10;
    background: url("../img/preloader.svg") center center no-repeat !important;
    background-size: 30px 30px;
    color: transparent;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}

.success-form {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    color: #000;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.success-form.show {
    top: 0;
}

.field-col {
    display: inline-block;
    vertical-align: top;
    margin: 15px 30px 15px 0px;
    padding: 0;
    width: 360px;
}

.field-col.w100 {
    width: 100%;
    margin-right: 0;
}

.field-wrap {
    display: block;
    position: relative;
    z-index: 5;
    width: 100%;
}

.field-wrap.hide {
    display: none;
}

.field-wrap .name {
    display: block;
    margin: 0 0 5px 0;
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.field-wrap .rub {
    display: block;
    position: absolute;
    z-index: 5;
    right: 15px;
    top: 100%;
    margin: -35px 0 0 0;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
.field-wrap .label {
    display: block;
    position: absolute;
    z-index: 5;
    top: 10px;
    left: 15px;
    right: 5px;
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    color: #858585;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.field-wrap .input-text {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 15px 15px 0 15px;
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #c8cbdb;
    font-family: Roboto;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.field-wrap.with-rub .input-text {
    padding-right: 40px;
}

.field-wrap .input-text[readonly] {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    opacity: 0.5;
    color: #ccc !important;
}

.field-wrap .input-text.not-opacity[readonly] {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    color: #000 !important;
}

.field-wrap .input-text:focus {
    border-color: #80859c;
}

.field-wrap .input-text.input-autocomplete {
    padding-right: 40px;
}
.field-wrap .input-text.without-placeholder {
    padding-top: 0;
}

.field-wrap textarea {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 25px 15px 15px 15px;
    width: 100%;
    height: 120px;
    background: #fff;
    border: 1px solid #c8cbdb;
    font-family: Roboto;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    resize: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.field-wrap textarea[readonly] {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    opacity: 0.5;
    color: #ccc !important;
}

.field-wrap textarea.not-opacity[readonly] {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    color: #000 !important;
}

.field-wrap textarea:focus {
    border-color: #80859c;
}

.field-wrap .info {
    display: none;
    position: absolute;
    z-index: 5;
    right: 0;
    top: 50%;
    margin: -7px 15px 0 0;
    width: 14px;
    height: 14px;
    font-size: 14px;
    color: #007fff;
}

.field-wrap.empty .label {
    top: 18px;
    font-size: 14px;
    line-height: 14px;
}

.field-wrap.empty .input-text {
    border-color: #c8cbdb;
}

.field-wrap.empty textarea {
    border-color: #c8cbdb;
}

.field-wrap.error .input-text {
    border-color: #f23752;
}

.field-wrap.error textarea {
    border-color: #f23752;
}

.field-wrap.readonly .label {
    color: #ccc;
}

.field-wrap.disable {
    opacity: .2;
}
.field-wrap.disable:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0; top: 0;
    right: 0; bottom: 0;
}


.field-wrap.no-editable .input-text,
.field-wrap.no-editable textarea {
    color: #000 !important;
    background: #f6f7fe !important;
    border-color: #c8cbdb !important;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
}

.field-wrap.show-info .info {
    display: block;
}

.select-with-placeholder {
    display: block;
    position: relative;
    z-index: 5;
    margin: 0;
    height: 50px;
}

.select-with-placeholder .label-select {
    display: block;
    position: absolute;
    left: 15px;
    top: 10px;
    right: 5px;
    font-size: 10px;
    line-height: 10px;
    color: #858585;
    white-space: nowrap;
}

.select-with-placeholder .select2-container--default .select2-selection--single {
    background: transparent;
}

.select-with-placeholder .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 62px;
}

.select-with-placeholder .select2-container--default .select2-selection--single {
    line-height: 60px;
}

.field-sex {
    display: block;
    position: absolute;
    left: 100%;
    top: 16px;
    margin: 0;
    width: 220px;
    text-align: right;
}

/*радиокнопки*/

.input-radio {
    display: inline-block;
    vertical-align: top;
    margin: 0 28px 0 0;
    font-size: 14px;
    line-height: 50px;
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.input-radio .jq-radio {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #c8cbdb;
    top: 13px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.input-radio .jq-radio:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    width: 10px;
    height: 10px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.input-radio .jq-radio.checked {
    border-color: #007fff;
}

.input-radio .jq-radio.checked:before {
    background: #007fff;
}

.input-radio .jq-radio.disabled {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    opacity: 0.5;
}

.input-radio.disabled {
    color: #ccc;
    cursor: default;
}

.input-radio.checked {
    color: black;
}

.input-radio .icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 22px;
    line-height: 22px;
    top: 14px;
    margin-left: 4px;
    color: #80859c;
}

.input-radio.checked .icon {
    color: #007fff;
}

/*чекбоксы*/

.input-checkbox {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin: 0 28px 0 0;
    font-size: 14px;
    line-height: 50px;
    color: #000;
}

.input-checkbox .jq-checkbox {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 13px;
    margin: 0 5px 0 0;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #c8cbdb;
    outline: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.input-checkbox .jq-checkbox:before {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -7px;
    width: 14px;
    height: 14px;
    font-size: 14px;
    color: #fff;
}

.input-checkbox .jq-checkbox.checked {
    border-color: #007fff;
    background: #007fff;
}

.input-checkbox .jq-checkbox.disabled {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    opacity: 0.5;
}

.input-checkbox.small {
    line-height: 18px;
}

.input-checkbox.small .jq-checkbox {
    top: 0;
    width: 16px;
    height: 16px;
}

.input-checkbox.small .jq-checkbox:before {
    margin: -6px 0 0 -6px;
    font-size: 12px;
}

.input-checkbox.disabled {
    color: #ccc;
    cursor: default;
}

/*переключатель*/

.input-switcher {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin: 0;
    font-size: 18px;
    line-height: 50px;
    color: #000;
}

.input-switcher .jq-checkbox {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 13px;
    margin: 0 3px;
    width: 40px;
    height: 24px;
    background: #007fff;
    border: none;
    outline: none;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.input-switcher .jq-checkbox:before {
    content: '';
    display: block;
    position: absolute;
    left: 17px;
    top: 1px;
    margin: 0;
    width: 22px;
    height: 22px;
    font-size: 14px;
    color: #fff;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.input-switcher .jq-checkbox.checked {
    background: #007fff;
}

.input-switcher .jq-checkbox.checked:before {
    left: 1px;
}

.input-switcher .jq-checkbox.disabled {
    cursor: default;
    -webkit-opacity: .8;
    opacity: .8;
}

.disabled .input-switcher,
.input-switcher.disabled {
    color: #ccc;
    cursor: default;
}

/* радио баттоны в виде кнопок/переключателей */
.radio-switches {
    display: block;
    position: relative;
    margin: 0;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
}

.radio-switches .item {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    cursor: pointer;
    outline: none;
}
.radio-switches .item input {
    display: none;
}

.radio-switches .item .text {
    display: block;
    width: 135px; height: 50px;
    border: 1px solid #007fff;
    font-size: 14px;
    line-height: 48px;
    font-weight: 400;
    text-align: center;
    color: #000;
    transition: all .2s ease;
}
.radio-switches .item:first-child .text {
    border-radius: 5px 0 0 5px;
}
.radio-switches .item:last-child .text {
    border-radius: 0 5px 5px 0;
}

.radio-switches .item input:checked+.text {
    background-color: #007fff;
    color: #fff;
}
.radio-switches.disabled {
    position: relative;
    z-index: 3;
    opacity: .8;
}
.radio-switches.disabled:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    left: 0; right: 0;
    top: 0; bottom: 0;
}



.table-fields {
    display: block;
    margin: 0;
    border: 1px solid #c8cbdb;
}

.table-fields .tr {
    display: block;
    position: relative;
    padding: 1px 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #c8cbdb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.table-fields .tr.thead {
    border-top: none;
    background: #f8f8f8;
}

.table-fields .field-label {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 32%;
    height: 100%;
    border-left: 1px solid #c8cbdb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.table-fields .field-label input {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 100%;
    margin: -10px 0 0 0;
    padding: 0 40px 0 15px;
    height: 20px;
    font-family: Roboto;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    background: #fff;
    text-align: right;
    outline: none;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.table-fields .field-label .rub {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -10px 0 0 0;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.table-fields p {
    display: block;
    margin: 13px 34% 13px 15px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
}

.table-fields p.caption {
    margin-right: 15px;
    font-size: 16px;
    font-weight: 700;
}

.table-fields.inline {
    border: none;
}

.table-fields .tr {
    display: inline-block;
    position: relative;
    margin: 10px 28px 0 0;
    width: 100px;
    background: #fff;
    border-top: 1px solid #d2d4df;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.table-fields .field-label {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    margin: 0;
    width: 100%; height: auto;
    border-left: none;
}

.table-fields .field-label input {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 100%;
    margin: -10px 0 0 0;
    padding: 0 40px 0 15px;
    height: 20px;
    font-family: Roboto;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    background: #fff;
    text-align: right;
    outline: none;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.table-fields .field-label .rub {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -10px 0 0 0;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.table-fields p {
    display: block;
    margin: 13px 34% 13px 15px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
}

.table-fields p.caption {
    margin-right: 15px;
    font-size: 16px;
    font-weight: 700;
}
/*выбор номеров/гостей*/

.rooms-guests-select {
    position: relative;
    z-index: 100;
}

.rooms-guests-select .popup-fields {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    margin: 0;
    padding: 1px 10px;
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.rooms-guests-select .popup-fields .item {
    position: relative;
    margin: 0;
    padding: 0;
    height: 65px;
    border-top: 1px solid #e9e9e9;
}

.rooms-guests-select .popup-fields .item:first-child {
    border-top: none;
}

.rooms-guests-select .popup-fields .item.childs-age {
    height: auto;
}

.rooms-guests-select .popup-fields .item-label {
    display: block;
    position: relative;
    margin: 0 140px 0 0;
    top: 50%;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.rooms-guests-select .popup-fields .control {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -16px 0 0 0;
    height: 32px;
    font-size: 0;
}

.rooms-guests-select .popup-fields .control .button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 40px;
    height: 32px;
    color: #3bc73b;
    cursor: pointer;
}

.rooms-guests-select .popup-fields .control .button.disable {
    cursor: default;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    -ms-opacity: 0.4;
    opacity: 0.4;
}

.rooms-guests-select .popup-fields .control .button .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -6px 0 0 0;
    width: 100%;
    height: 12px;
    font-size: 12px;
}

.rooms-guests-select .popup-fields .control .item-input {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 44px;
    height: 32px;
}

.rooms-guests-select .popup-fields .control .field-wrap {
    margin: 0;
}

.rooms-guests-select .popup-fields .control .field-wrap .input-text {
    height: 32px;
    padding: 0;
    line-height: 32px;
    text-align: center;
}

.rooms-guests-select .popup-fields .label-childs {
    display: block;
    margin: 15px 0 5px 0;
    font-size: 14px;
    line-height: 16px;
    color: #787878;
}

.rooms-guests-select .popup-fields .childs-age-selects {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 0;
}

.rooms-guests-select .popup-fields .childs-age-selects .age {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
    width: 55px;
}

.rooms-guests-select .popup-fields .childs-age-selects .select2-selection--single {
    height: 32px;
}

.rooms-guests-select .popup-fields .childs-age-selects .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
}

.rooms-guests-select .popup-fields .childs-age-selects .select2-selection--single .select2-selection__arrow {
    right: 8px;
}

.rooms-guests-select.open .popup-fields {
    display: block;
}

/*END UI kit*/

/*Карточка отеля*/

.hotel-main-info {
    position: relative;
    margin: 0;
    padding: 0 300px 0 0;
}

.upload-logo-hotel {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 285px;
}

.upload-logo-hotel .dropify-wrapper {
    display: block;
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
}

.contacts-fields-group:first-child {
    margin-top: 0;
}

.contacts-field {
    display: block;
    position: relative;
    padding-right: 40px;
}

.contacts-field .action {
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    width: 36px;
    font-size: 0;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    -ms-opacity: 0.3;
    opacity: 0.3;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.contacts-field:hover .action {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
}

/*END Карточка отеля*/

/*Создание бронирования*/

.booking-search-results {
    margin: 55px 0 0 0;
}

.booking-search-results .filter {
    margin: 0;
    padding: 0;
}

.booking-search-results .results {
    margin: 0;
    padding: 1px 0;
}

.booking-search-results .group {
    margin: 40px 0 0 0;
}

.booking-search-results .group:first-child {
    margin-top: 25px;
}

.booking-search-results .name {
    margin: 0;
    font-size: 24px;
    line-height: 1em;
    color: #303340;
}

.booking-search-results .rate {
    position: relative;
    z-index: 5;
    margin: 15px 0;
    border: 1px solid #c8cbdb;
}

.booking-search-results .rate.discount {
    border-color: #ed9d3e;
}

.booking-search-results .rate:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    margin: 0;
    left: 33%;
    top: 15px;
    bottom: 15px;
    border-left: 1px dashed #cccfde;
}

.booking-search-results .rate .percent {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border: 30px solid transparent;
    border-top: 30px solid #ed9d3e;
    border-right: 30px solid #ed9d3e;
}

.booking-search-results .rate .percent b {
    display: block;
    position: absolute;
    left: -2px;
    top: -20px;
    width: 30px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.booking-search-results .rate-options {
    display: block;
    position: relative;
    z-index: 5;
    float: left;
    margin: 30px 0;
    padding: 0;
    width: 33%;
}

.booking-search-results .rate-options li {
    display: block;
    position: relative;
    margin: 15px 30px;
    padding: 0 0 0 35px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.booking-search-results .rate-options li .remark {
    color: #858585;
}

.booking-search-results .rate-options li .icon {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -6px 0 0 0;
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    color: #007fff;
}

.booking-search-results .rate-types {
    margin: 0 0 0 33%;
    padding: 15px 0;
}

.booking-search-results .rate-types .item {
    margin: 15px 30px;
    padding: 0;
    font-size: 0;
    text-align: left;
}

.booking-search-results .rate-types .guests {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    height: 50px;
    text-align: left;
}

.booking-search-results .rate-types .guests .icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 16px;
    margin: 0;
    width: 15px;
    height: 15px;
    font-size: 20px;
    line-height: 1em;
    color: #007fff;
}

.booking-search-results .rate-types .guests .icon.icon-child {
    color: #80859c;
}

.booking-search-results .rate-types .guests .plus {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    margin: 0 0 0 5px;
    font-size: 12px;
    line-height: 50px;
    color: #858585;
}

.booking-search-results .rate-types .price {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    height: 50px;
    font-size: 12px;
    color: #80859c;
    text-align: left;
}

.booking-search-results .rate-types .price-label {
    margin: 0 0 10px;
}

.booking-search-results .rate-types .price b {
    font-weight: 400;
    font-size: 16px;
    color: #000;
}

.booking-search-results .rate-types .count-rooms {
    position: relative;
    z-index: 5;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    height: 50px;
}

.booking-search-results .rate-types .count-rooms .label-select {
    display: block;
    position: absolute;
    left: 15px;
    top: 10px;
    font-size: 10px;
    line-height: 10px;
    color: #858585;
}

.booking-search-results .rate-types .count-rooms .select2-container--default .select2-selection--single {
    background: transparent;
}

.booking-search-results .rate-types .count-rooms .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 62px;
}

.booking-search-results .rate-types .count-rooms .select2-container--default .select2-selection--single {
    line-height: 60px;
}

.booking-search-results .rate-types .price-total {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    font-size: 16px;
    color: #000;
    text-align: left;
}

.booking-search-results .rate-types .price-total .old {
    vertical-align: top;
    color: #858585;
    font-size: 12px;
    text-decoration: line-through;
}

.booking-search-results .rate-types .price-total .price-total-label {
    font-size: 12px;
    color: #80859c;
    margin: 0 0 10px;
}

.booking-sidebar {
    display: block;
    position: fixed;
    z-index: 300;
    right: 0px;
    top: 50px;
    bottom: 0;
    margin: 0;
    padding: 1px 0;
    width: 500px;
    background: #fff;
    border-left: 1px solid #f1f2f7;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.booking-sidebar.load:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 300;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/preloader.svg") center center no-repeat !important;
    background-size: 30px 30px;
}

.booking-sidebar.load>* {
    position: relative;
    z-index: 1;
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    -ms-opacity: 0.2;
    opacity: 0.2;
}

.booking-sidebar .booking-sidebar-toggle {
    display: none;
    position: absolute;
    left: -60px;
    top: 0;
    width: 60px;
    height: 50px;
    background: #80859c;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.booking-sidebar .booking-sidebar-toggle:hover {
    background: #74788d;
}

.booking-sidebar .booking-sidebar-toggle .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    margin: -11px 0 0 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.booking-sidebar .scroll-content {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 217px;
    margin: 0;
    padding: 50px 0 1px 0;
    width: 100%;
    overflow: auto;
}

.booking-sidebar .bottom {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 187px;
}

.lite .booking-sidebar .bottom {
    height: 68px;
}

.lite .booking-sidebar .scroll-content {
    bottom: 100px;
}

.booking-sidebar .group {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #c8cbdb;
}

.booking-sidebar .group .switch-group {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 0 30px;
}

.booking-sidebar .group .switch-group:before {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -8px 0 0 0;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 1em;
    color: #007fff;
}

.booking-sidebar .group .switch-group .sum {
    right: 30px;
}

.booking-sidebar .group .switch-group .icon {
    display: block;
}

.booking-sidebar .group .switchable-content {
    display: block;
}

.booking-sidebar .group .switchable-content .item {
    padding-left: 60px;
}

.booking-sidebar .group.closed .switchable-content {
    display: none;
}

.booking-sidebar .list {
    margin: 0;
    padding: 0;
}

.booking-sidebar .line-dashed {
    margin: 0 30px;
    height: 1px;
    border-bottom: 1px dashed #d4d4d4;
}

.booking-sidebar .item {
    display: block;
    position: relative;
    margin: 0;
    padding: 20px 30px;
}

.booking-sidebar .item .name {
    display: block;
    position: relative;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.booking-sidebar .item .name .percent {
    color: #ed9d3e;
}

.booking-sidebar .item .sum {
    display: block;
    position: absolute;
    right: 60px;
    top: 50%;
    margin: -12px 0 0 0;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.booking-sidebar .item .sum .old {
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    color: #858585;
    text-decoration: line-through;
}

.booking-sidebar .item .sum.ok {
    font-weight: 500;
}

.booking-sidebar .item .date {
    margin: 15px 0 -10px 0;
    font-size: 12px;
    line-height: 16px;
    color: #80859c;
}

.booking-sidebar .item .date:first-child {
    margin-top: 0;
}

.booking-sidebar .item.caption .name {
    margin-right: 150px;
    font-size: 24px;
    line-height: 26px;
    color: #303340;
}

.booking-sidebar .item.caption .name .room-name {
    display: block;
    font-size: 18px;
}

.booking-sidebar .item.caption .sum {
    font-size: 18px;
    color: #007fff;
}

.booking-sidebar .item.resume {
    border-top: 1px solid #c8cbdb;
    border-bottom: 1px solid #c8cbdb;
}

.booking-sidebar .item.resume .sum {
    font-size: 24px;
    color: #007fff;
}

.booking-sidebar .item.resume .sum.minus {
    color: #f23752;
}

.booking-sidebar .item.resume .sum.plus {
    color: #3bc73b;
}

.booking-sidebar .item .rate {
    position: relative;
    margin: 15px 0 0 0;
    padding: 1px 0;
    font-size: 16px;
    line-height: 1em;
}

.booking-sidebar .item .rate .icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 1px;
    margin: 0;
    width: 12px;
    height: 15px;
    font-size: 16px;
    line-height: 1em;
    color: #007fff;
}

.booking-sidebar .item .rate .icon.icon-child {
    color: #80859c;
}

.booking-sidebar .item .rate .plus {
    display: inline-block;
    vertical-align: top;
    height: 18px;
    margin: 0 0 0 5px;
    font-size: 12px;
    line-height: 18px;
    color: #858585;
}

.booking-sidebar .item .rate .count {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 5px;
}

.booking-sidebar .item .rate .sum {
    right: 30px;
}

.booking-sidebar .item .rate .name {
    margin: 0 120px 0 0;
}

.booking-sidebar .item .rate .remove {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -15px 0 0 0;
    width: 30px;
    height: 30px;
    text-align: right;
}

.booking-sidebar .item .rate .remove i {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -6px 0 0 0;
    width: 12px;
    height: 12px;
    font-size: 12px;
    color: #c8cbdb;
}

.booking-sidebar .item .rate .remove:hover i {
    color: #f23752;
}

.booking-sidebar .item .rate .ok {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -15px 0 0 0;
    width: 30px;
    height: 30px;
    text-align: right;
}

.booking-sidebar .item .rate .ok i {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -6px 0 0 0;
    width: 12px;
    height: 12px;
    font-size: 12px;
    color: #3bc73b;
}

.booking-sidebar .services-list {
    margin: 0;
}

.booking-sidebar .services-list .item .date {
    margin-bottom: 0;
    margin-top: 25px;
}

.booking-sidebar .services-list .item .date:first-child {
    margin-top: 0;
}

.booking-sidebar .services-list .item .rate {
    margin-top: 10px;
    margin-bottom: 10px;
}

.booking-sidebar .resume-price {
    margin: 0;
    border-bottom: 2px solid #007fff;
}

.booking-sidebar .resume-price .item .sum {
    font-size: 24px;
}

.booking-sidebar-open .booking-sidebar {
    right: 0px;
}

.booking-sidebar-open .booking-sidebar .booking-sidebar-toggle .icon-open {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/*END Создание бронирования*/

/*Карточка бронирования*/

.booking-card {
    margin: 0;
    padding: 0;
}

.booking-card.load {
    position: relative;
    z-index: 10;
}

.booking-card.load:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/preloader.svg") center center no-repeat !important;
    background-size: 30px 30px;
}

.booking-card.load>* {
    position: relative;
    z-index: 1;
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    -ms-opacity: 0.2;
    opacity: 0.2;
}

.booking-card .booking-caption {
    display: block;
    position: relative;
    margin: 5px 0 35px 0;
    padding: 10px 535px 0 0;
}

.booking-card .booking-caption h1 {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.booking-card .booking-caption .button-remove-booking {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px;
    padding: 5px 0 0 0;
    font-size: 18px;
    line-height: 18px;
    color: #c8cbdb;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.booking-card .booking-caption .button-remove-booking:hover {
    color: #f23752;
}

.booking-card .booking-status-control {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    height: 50px;
    font-size: 0;
}

.booking-card .booking-status-control .button-form {
    margin-top: 0;
}

.booking-card .booking-status-control .status-switches {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 15px;
    width: 410px;
    height: 50px;
    overflow: hidden;
}

.booking-card .booking-status-control .status-switches .switch {
    display: none;
    vertical-align: top;
    width: 50%;
    height: 50px;
    background: #fff;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 50px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    cursor: default;
}

.booking-card .booking-status-control .status-switches .switch:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.booking-card .booking-status-control .status-switches .switch:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.booking-card .booking-status-control .status-switches .switch .round {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 19px;
    margin: 0 10px 0 0;
    width: 10px;
    height: 10px;
    background: #80859c;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.booking-card .booking-status-control .status-switches .switch.current {
    display: block;
    border-color: #c8cbdb;
    background: none;
    float: left;
}

.booking-card .booking-status-control .status-switches .switch.current .round {
    background: #3bc73b;
}

.booking-card .booking-status-control .status-switches .switch.next {
    display: block;
    float: right;
    cursor: pointer;
}

.booking-card .booking-status-control .status-switches .switch.in .round {
    background: #3bc73b;
    background: -webkit-gradient(linear, left top, right top, from(#3bc73b), to(#6cb452));
    background: -webkit-linear-gradient(left, #3bc73b, #6cb452);
    background: -o-linear-gradient(left, #3bc73b, #6cb452);
    background: linear-gradient(90deg, #3bc73b, #6cb452);
}

.booking-card .booking-status-control .status-switches .switch.out .round {
    background: #8a9dab;
    background: -webkit-gradient(linear, left top, right top, from(#8a9dab), to(#697d8c));
    background: -webkit-linear-gradient(left, #8a9dab, #697d8c);
    background: -o-linear-gradient(left, #8a9dab, #697d8c);
    background: linear-gradient(90deg, #8a9dab, #697d8c);
}

.booking-card .booking-status-control .status-switches .switch.confirmed .round {
    background: #45b6ab;
    background: -webkit-gradient(linear, left top, right top, from(#45b6ab), to(#1c9e91));
    background: -webkit-linear-gradient(left, #45b6ab, #1c9e91);
    background: -o-linear-gradient(left, #45b6ab, #1c9e91);
    background: linear-gradient(90deg, #45b6ab, #1c9e91);
}

.booking-card .booking-status-control .status-switches .switch.not-confirmed .round {
    background: #ed9d3e;
    background: -webkit-gradient(linear, left top, right top, from(#ed9d3e), to(#d67630));
    background: -webkit-linear-gradient(left, #ed9d3e, #d67630);
    background: -o-linear-gradient(left, #ed9d3e, #d67630);
    background: linear-gradient(90deg, #ed9d3e, #d67630);
}

.booking-card .booking-status-control .status-switches .switch.new .round {
    background: rgba(69, 138, 182, 0.15);
}

.booking-card .booking-top {
    position: relative;
    padding-top: 24px;
    padding-bottom: 40px;
}

.booking-card .booking-top:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 445px;
    width: 1px;
    background: #c8cbdb;
}

.booking-card .source {
    margin: 0 445px 0 0;
}

.booking-card .form-voucher {
    float: right;
    margin: 0;
    width: 390px;
    overflow: hidden;
}

.booking-card .resume-services {
    margin: 0;
    padding: 15px 0 15px 0;
    text-align: right;
}

.booking-card .resume-services .button-form {
    margin: 0;
}

.booking-card .resume-services .total-price {
    display: inline-block;
    margin: 0 0 0 30px;
    vertical-align: top;
    width: 135px;
    font-size: 18px;
    line-height: 50px;
    color: #007fff;
    text-align: left;
}

.booking-card .main-fields {
    position: relative;
    margin: 0 20px 0 0;
    padding: 0 45px 0 0;
}

.booking-card .main-fields .button-form {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 26px;
}

.booking-card .divided {
    margin: 30px 0px;
    height: 1px;
    border-bottom: 1px dashed #d4d4d4;
}

.booking-card .rate-options {
    display: block;
    position: relative;
    z-index: 5;
    margin: -15px 0 -15px 0;
    padding: 0;
}

.booking-card .rate-options li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 15px 30px 15px 0;
    padding: 0 0 0 25px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.booking-card .rate-options li .remark {
    color: #858585;
}

.booking-card .rate-options li .icon {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -7px 0 0 0;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    color: #007fff;
}

.booking-card .booking-comment {
    margin: 15px 0;
    width: 500px;
}

/*END Карточка бронирования*/

/*Список бронирований*/

/*END Список бронирований*/

/*Расчетные документы*/

#settlement_documents {
    overflow: hidden;
    overflow-x: auto;
}

.settlement-documents {
    font-size: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}

.settlement-documents .item {
    position: relative;
    display: inline-block;
    width: 565px;
    background-color: #fff;
    margin-right: 30px;
    padding: 0 30px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    white-space: normal;
}

.settlement-documents .item * {
    z-index: 1;
    position: relative;
}

.settlement-documents .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10000px;
    background-color: #fff;
    z-index: 0;
}

.settlement-documents .item:last-child {
    margin-right: 0;
}

.settlement-documents .item .item-head {
    position: relative;
    margin-top: 40px;
}

.settlement-documents .item .item-head .text {
    font-size: 0;
    margin-right: 100px;
}

.settlement-documents .item .item-head .text .title {
    display: inline-block;
    color: #000000;
    font-size: 24px;
    font-weight: 400;
    margin-right: 10px;
}

.settlement-documents .item .item-head .text .id {
    display: inline-block;
    color: #80859c;
    font-size: 14px;
    font-weight: 400;
}

.settlement-documents .item .item-head .btns {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.settlement-documents .item .item-head .btns .settlement-btn {
    display: inline-block;
    font-size: 18px;
    margin-right: 20px;
    cursor: pointer;
}

.settlement-documents .item .item-head .btns .settlement-btn:last-child {
    margin-right: 0;
}

.settlement-documents .item .item-head .btns .settlement-btn.btn-movement {
    color: #007fff;
}

.settlement-documents .item .item-head .btns .settlement-btn.btn-edit {
    color: #007fff;
}

.settlement-documents .item .item-head .btns .settlement-btn.btn-del {
    color: #f23752;
}

.settlement-documents .item .item-head .btns .settlement-btn.disabled {
    color: #ccc;
    cursor: default;
}

.settlement-documents .item .item-content {
    border: 1px solid #cccccc;
    margin-top: 25px;
}

.settlement-documents .item .item-content.balance {
    margin-top: 15px;
}

.settlement-documents .item .item-content .content-cell {
    padding: 0 20px 0 20px;
    border-bottom: 1px solid #cccccc;
}

.settlement-documents .item .item-content .content-cell:last-child {
    border-bottom: 0;
}

.settlement-documents .item .item-content .content-cell .content-row {
    position: relative;
    border-bottom: 1px dashed #cccccc;
    padding: 30px 0 25px;
}

.settlement-documents .item .item-content .content-cell .content-row:last-child {
    border: none;
}

.settlement-documents .item .item-content .content-cell .content-row .input-checkbox {
    position: absolute;
    top: 36px;
    left: 0;
    line-height: 1;
}

.settlement-documents .item .item-content .content-cell .content-row .input-checkbox .jq-checkbox {
    top: 0;
    width: 16px;
    height: 16px;
}

.settlement-documents .item .item-content .content-cell .content-row .input-checkbox .jq-checkbox:before {
    font-size: 12px;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
}

.settlement-documents .item .item-content .content-cell .content-row .content-title {
    margin-left: 30px;
    margin-right: 120px;
    color: #80859c;
    font-size: 24px;
    font-weight: 400;
}

.settlement-documents .item .item-content .content-cell .price {
    position: absolute;
    top: 34px;
    right: 0;
    color: #000000;
    font-weight: 400;
}

.settlement-documents .item .item-content .content-cell .price.middle {
    font-size: 18px;
}

.settlement-documents .item .item-content .content-cell .price.small {
    top: 2px;
    font-size: 14px;
}

.settlement-documents .item .item-content .content-cell .price.large {
    top: 30px;
    font-size: 24px;
    color: #007fff;
}

.settlement-documents .item .item-content .content-cell .price.large.red {
    color: #ea7674;
}

.settlement-documents .item .item-content .content-cell .content-line {
    position: relative;
    margin: 10px 0;
}

.settlement-documents .item .item-content .content-cell .content-line .input-checkbox {
    top: 0;
}

.settlement-documents .item .item-content .content-cell .content-line .date {
    position: absolute;
    top: 1px;
    left: 30px;
    color: #80859c;
    font-size: 14px;
    font-weight: 400;
    max-width: 70px;
    max-height: 17px;
    overflow: hidden;
}

.settlement-documents .item .item-content .content-cell .content-line .text {
    margin-left: 110px;
    margin-right: 90px;
    color: #80859c;
    font-size: 16px;
    font-weight: 400;
}

.settlement-documents .item .item-footer {
    margin-top: 30px;
}

.settlement-documents .item .item-footer a {
    display: inline-block;
    color: #007fff;
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
    margin-right: 40px;
}

.settlement-documents .item .item-footer a:hover {
    text-decoration: none;
}

.settlement-documents .item .item-footer a:last-child {
    margin-right: 0;
}

.settlement-documents .item .item-footer a .icon {
    display: inline-block;
    font-size: 24px;
    margin-right: 15px;
}

#modal_edit_settlement_body .field-wrap .input-text {
    padding-top: 0;
}

#modal_edit_settlement_body .field-wrap .input-text[name="sum"] {
    padding-right: 30px;
}

#modal_edit_settlement_body .field-wrap .rub {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -10px 0 0 0;
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    z-index: 5;
}

.change-comment {
    margin-top: 30px;
}

/*END Расчетные документы*/

/*модальные окна*/

.modal-window {
    display: none;
    position: fixed;
    z-index: 998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 1px 0;
    min-width: 1000px;
    background: rgba(0, 0, 0, 0.25);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}

.modal-window .modal-content {
    display: block;
    position: relative;
    margin: 30px auto;
    padding: 30px;
    width: 600px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}

.modal-window .modal-content.w1000 {
    width: 1000px;
}

.modal-window .modal-content.load {
    min-height: 200px;
    background: #fff url("../img/preloader.svg") center center no-repeat;
    background-size: 30px 30px;
}

.modal-window .modal-content.load * {
    visibility: hidden;
}

.modal-window .line-form {
    margin: 10px -30px;
}

.modal-window .item-field {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 15px;
    width: 150px;
    height: 50px;
}

.modal-window .item-field .input-text {
    padding-top: 0;
    padding-right: 35px;
    font-size: 18px;
    line-height: 50px;
    text-align: right;
}

.modal-window .item-field .input-text::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.modal-window .item-field .input-text::-moz-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.modal-window .item-field .input-text:-moz-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.modal-window .item-field .input-text:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.modal-window .item-field .rub {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -10px 0 0 0;
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    z-index: 5;
}

.modal-window .text {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    color: #858585;
}

.modal-window .caption-modal {
    margin: 25px 0;
    font-size: 24px;
    line-height: 1.2em;
    color: #303340;
}

.modal-window .caption-modal:first-child {
    margin-top: 0;
}

.modal-window .caption-modal .sum {
    color: #007fff;
    font-size: 24px;
}

.modal-window .caption-modal .id {
    color: #80859c;
    font-size: 16px;
    margin-left: 15px;
}

.modal-window .sum {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 15px;
    font-size: 18px;
}

.modal-window .sum.plus {
    color: #3bc73b;
}

.modal-window .sum.minus {
    color: #f23752;
}

.modal-window .modal-head {
    position: relative;
}

.modal-window .modal-head .modal-settlement-select {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal-window .modal-head .modal-settlement-select .field-col {
    width: 180px;
    margin: 0;
}

.modal-window .modal-settlement-group {
    margin-top: 30px;
}

.modal-window .modal-settlement-group .modal-settlement-title {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
}

.modal-window .modal-settlement-group .modal-settlement-content {
    border: 1px solid #cccccc;
    margin-top: 15px;
    padding: 5px 20px;
}

.modal-window .modal-settlement-group .modal-settlement-content .item {
    position: relative;
    margin: 20px 0;
}

.modal-window .modal-settlement-group .modal-settlement-content .date {
    position: absolute;
    top: 0;
    left: 0;
    color: #80859c;
    font-size: 14px;
    font-weight: 400;
    max-width: 90px;
}

.modal-window .modal-settlement-group .modal-settlement-content .value {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin-left: 105px;
    margin-right: 80px;
}

.modal-window .modal-settlement-group .modal-settlement-content .price {
    position: absolute;
    top: 0;
    right: 0;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    max-width: 80px;
}

.modal-window .rate {
    display: block;
    position: relative;
    z-index: 5;
    margin: 10px 0;
    border: 1px solid #c8cbdb;
}

.modal-window .rate:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    margin: 0;
    left: 275px;
    top: 15px;
    bottom: 15px;
    border-left: 1px dashed #cccfde;
}

.modal-window .rate .button-form {
    display: block;
    position: absolute;
    right: 25px;
    top: 50%;
    margin: -25px 0 0 0;
}

.modal-window .rate-options {
    display: block;
    float: left;
    width: 200px;
    position: relative;
    z-index: 5;
    margin: 20px 25px;
    padding: 0;
}

.modal-window .rate-options li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 5px 30px 10px 0;
    padding: 0 0 0 25px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.modal-window .rate-options li .remark {
    color: #858585;
}

.modal-window .rate-options li .icon {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -7px 0 0 0;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    color: #007fff;
}

.modal-window .rate-types {
    margin: 0 0 0 300px;
    padding: 1px 0 0 0px;
}

.modal-window .rate-types .item {
    position: relative;
    margin: 15px 0px;
    padding: 0;
    font-size: 0;
    text-align: left;
}

.modal-window .rate-types .guests {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    height: 50px;
    text-align: right;
}

.modal-window .rate-types .guests .icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 16px;
    margin: 0;
    width: 15px;
    height: 15px;
    font-size: 20px;
    line-height: 1em;
    color: #007fff;
}

.modal-window .rate-types .guests .icon.icon-child {
    color: #80859c;
}

.modal-window .rate-types .guests .plus {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    margin: 0 0 0 5px;
    font-size: 12px;
    line-height: 50px;
    color: #858585;
}

.modal-window .rate-types .price-night {
    display: inline-block;
    vertical-align: top;
    width: 105px;
    height: 50px;
    font-size: 12px;
    line-height: 50px;
    color: #80859c;
    text-align: right;
}

.modal-window .rate-types .price-night b {
    font-weight: 400;
    color: #000;
}

.modal-window .rate-types .count-rooms {
    position: relative;
    z-index: 5;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 30px;
    width: 110px;
    height: 50px;
}

.modal-window .rate-types .count-rooms .label-select {
    display: block;
    position: absolute;
    left: 15px;
    top: 10px;
    font-size: 10px;
    line-height: 10px;
    color: #858585;
}

.modal-window .rate-types .count-rooms .select2-container--default .select2-selection--single {
    background: transparent;
}

.modal-window .rate-types .count-rooms .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 62px;
}

.modal-window .rate-types .count-rooms .select2-container--default .select2-selection--single {
    line-height: 60px;
}

.modal-window .rate-types .price-total {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 25px;
    font-size: 18px;
    line-height: 50px;
    color: #000;
    text-align: left;
}

.modal-window .rate-types .price-total .old {
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    color: #858585;
    text-decoration: line-through;
}

.modal-window .more-link {
    display: block;
    margin: 25px;
    font-size: 14px;
    line-height: 18px;
    color: #858585;
    text-align: center;
}

.modal-window .more-link a {
    color: #007fff;
    text-decoration: underline;
}

.modal-window .more-link a:hover {
    text-decoration: none;
}

.open-modal {
    overflow: hidden;
}

/*END модальные окна*/

@media only screen and (max-width: 1760px) {
    .booking-sidebar {
        right: -500px;
    }
    .booking-sidebar .booking-sidebar-toggle {
        display: block;
    }
}

@media only screen and (max-width: 1366px) {
    .table.dataTable td {
        font-size: 12px;
        padding: 10px;
    }
    #dashboard .row,
    .dashboard-bottom-title .row {
        width: 90px;
    }
    .dashboard-bottom-title {
        margin-left: 34px;
    }
    /* .sidebar-open .header {
        left: 60px;
    }
    .sidebar-open .sidebar {
        width: 175px;
    }
    .sidebar-open .wrapper {
        margin-left: 60px;
    } */
    .prices-category-list .name {
        font-size: 14px;
        line-height: 18px;
    }
    .grid .col.medium-w-100 {
        width: 100%;
    }
    /*Создание бронирования*/
    .booking-search-results .rate:before {
        left: 25%;
    }
    .booking-search-results .rate-options {
        width: 25%;
    }
    .booking-search-results .rate-options li {
        margin: 15px 20px;
        padding: 0 0 0 30px;
    }
    .booking-search-results .rate-types {
        margin: 0 0 0 25%;
        padding: 15px 0;
    }
    .booking-search-results .rate-types .item {
        margin: 15px 30px;
        padding: 0;
        font-size: 0;
        text-align: left;
    }
    .booking-search-results .rate-types .guests {
        width: 105px;
    }
    .booking-search-results .rate-types .price-night {
        width: 100px;
    }
    .booking-search-results .rate-types .count-rooms {
        margin: 0 0 0 20px;
    }
    .booking-search-results .rate-types .price-total {
        margin: 0 0 0 20px;
        font-size: 16px;
    }
    .booking-search-results .rate-types .price-total .old {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 1280px) {
    #dashboard .row,
    .dashboard-bottom-title .row {
        width: 80px;
    }
    .dashboard-bottom-title {
        margin-left: 23px;
    }
}

@media only screen and (max-width: 1100px) {
    .grid .col.small-w-100 {
        width: 100%;
    }
}



/* ТАРИФЫ РЕДАКТИРОВАНИЕ */
.rates-sidebar {
    display: block;
    position: fixed;
    z-index: 300;
    right: 0px;
    top: 50px;
    bottom: 0;
    margin: 0;
    padding: 1px 0;
    width: 500px;
    background: #fff;
    border-left: 1px solid #f1f2f7;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.rates-sidebar .rates-sidebar-toggle {
    display: none;
    position: absolute;
    left: -60px;
    top: 0;
    width: 60px;
    height: 50px;
    background: #80859c;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rates-sidebar .rates-sidebar-toggle:hover {
    background: #74788d;
}

.rates-sidebar .rates-sidebar-toggle .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    margin: -11px 0 0 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.rates-sidebar .bottom {
    display: block;
    position: absolute;
    bottom: 0; 
    left: 0; right: 0;
    margin: 0;
    padding: 25px 30px;
    border-top: 1px solid #c8cbdb;
}

.rates-sidebar .scroll-content {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 100px;
    margin: 0;
    padding: 1px 0 1px 0;
    width: 100%;
    overflow: auto;
}

.rates-sidebar .select2-container--default .select2-selection--multiple .select2-selection__choice {
	max-width: 100%;
}

.rates-sidebar-open .rates-sidebar {
    right: 0px;
}

.rates-sidebar-open .rates-sidebar .rates-sidebar-toggle .icon-open {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}


.rates-edit-caption {
    display: block;
    position: relative;
    margin: 5px 0 30px 0;
    padding: 0 50px 0 100px;
}
.rates-edit-caption h1,
.rates-edit-caption .h1 {
    display: block;
    position: absolute;
    left: 0; top: 50%;
    margin: -12px 0 0 0;
    font-size: 24px;
    line-height: 1em;
    height: 24px;
}

.rates-edit-caption .button-remove-rate {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px;
    padding: 5px 0 0 0;
    font-size: 18px;
    line-height: 18px;
    color: #c8cbdb;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.rates-edit-caption .button-remove-rate:hover {
    color: #f23752;
}

.rates-edit-caption .button-copy {
    display: block;
    position: absolute;
    right: 0; top: 0;
    bottom: 0;
    margin: 0;
    font-size: 18px;
    line-height: 1em;
    color: #007fff;
}
.rates-edit-caption .button-copy i {
    display: block;
    position: absolute;
    right: 0; top: 50%;
    margin: -9px 0 0 0;
}

.form-fixed-buttons {
    display: block;
    position: fixed;
    z-index: 400;
    left: 0; right: 0;
    bottom: -100px;
    height: 100px;
    background: rgba(255, 255, 255, .9);
    text-align: right;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.form-fixed-buttons.show {
    bottom: 0;
}
.form-fixed-buttons .wrapper {
    padding-top: 15px;
}

.form-fixed-buttons-margin {
    display: block;
    margin: 0;
    height: 100px;
}

.meals-items {
    display: block;
    margin: -15px 0 0 0;
    padding: 1px 0 0 0;
    text-align: left;
}
.meals-items .item {
    display: inline-block;
    vertical-align: top;
    margin: 10px 30px 0 0;
    width: 100px;
}
.meals-items .item .name {
    display: block;
    margin: 0 0 5px 0;
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.meals-items .item .input-text {
    padding-top: 0;
    padding-right: 30px;
    text-align: right;
    line-height: 48px;
}
.meals-items .item  .rub {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -9px 0 0 0;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    z-index: 5;
}

.rate-prices {
    display: block;
    margin: 20px 0 0 0;
    padding: 0;
}

.rate-prices .grid .col {
    padding-top: 1px;
}

.rate-prices .price {
    display: block;
    position: relative;
    margin: 0;
    padding: 12px 140px 12px 0;
    border-top: 1px solid #e8e8e8;
}
.rate-prices .price p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    color: #000;
}

.rate-prices .actions {
    display: block;
    position: absolute;
    right: 0; top: 20px;
    margin: 0;
}
.rate-prices .actions .item {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 20px;
    font-size: 18px;
    line-height: 1em;
    color: #000;
    outline: none;
    text-decoration: none;
    transition: opacity .2s ease;
}
.rate-prices .actions .item:hover {
    -webkit-opacity: .8;
    opacity: .8;
}
.rate-prices .actions .item.item-copy {
    color: #007fff;
}
.rate-prices .actions .item.item-edit {
    color: #3bc73b;
}
.rate-prices .actions .item.item-archive {
    color: #ff4c52;
}

.rate-prices .actions .input-checkbox {
    margin-top: -16px;
}

.more-prices-button {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.2em;
    color: #000;
    text-align: center;
}
.more-prices-button a {
    color: #000;
    outline: none;
    text-decoration: none;
}
.more-prices-button a:hover {
    text-decoration: underline;
}

#rate_options_form .select2-container--default .select2-search--inline .select2-search__field {
    width: 120px !important;
}

.rate-error-text {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 400;
    color: #f23752;
}

.fullscreen-preloader {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background: rgba(255, 255, 255, .8) url("../img/preloader.svg") center center no-repeat;
    background-size: 30px 30px;
}

.rate-prices-wrapper {
    display: block;
    margin: 0;
}
.rate-prices-wrapper.load {
    min-height: 100px;
    background: url("../img/preloader.svg") center center no-repeat;
    background-size: 30px 30px;
}

.rate-prices-wrapper .divide {
    display: block;
    margin: 15px -30px;
    height: 2px;
    background: #007fff;
}

.rate-items {
    display: block;
    margin: 0;
    padding: 1px 0;
}
.rate-items .item {
    display: block;
    margin: 10px 0;
    padding: 10px 15px;
    border: 1px solid #e8e8e8;
    text-decoration: none;
    outline: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    transition: all .2s ease;
}
.rate-items .item:hover {
    border-color: #007fff;
}
.rate-items .item.active {
    border-color: #007fff;
    background: rgba(69, 138, 182, 0.15);
}
.rate-items .item.new {
    opacity: 0;
    transform: scale(0);
    padding-top: 25px;
    padding-bottom: 25px;
    border: 1px solid #007fff;
    background: rgba(69, 138, 182, 0.15);
    transition: all .6s ease;
}
.rate-items .item.new.show {
    opacity: 1;
    transform: scale(1);
}


.rate-items .item.archive {
    -webkit-opacity: .5;
    opacity: .5;
}
.rate-items .item.archive:hover {
    -webkit-opacity: 1;
    opacity: 1;
}
.rate-items .item p {
    margin: 5px 0;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;
    color: #000;
}

.cancellation-field.disable,
.prepayment-field.disable {
    -webkit-opacity: .2;
    opacity: .2;
}

.spoiler {
    display: block;
    margin: 0;
}
.spoiler .spoiler-switch {
    display: block;
    position: relative;
    margin: 0;
    padding: 25px 30px;
    background: #fff;
    font-size: 18px;
    line-height: 1em;
    color: #000;
    text-decoration: none;
    outline: none;
}
.spoiler .spoiler-switch .icon {
    display: block;
    position: absolute;
    right: 30px; top: 50%;
    margin: -9px 0 0 0;
    font-size: 18px;
    line-height: 1em;
    color: rgba(0, 0, 0, .5);
}
.spoiler.open .spoiler-switch .icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.spoiler .spoiler-content {
    display: none;
    margin: 0;
    padding: 1px 0;
}
.spoiler.open .spoiler-content {
    display: block;
}


.rates-load .chess .chess-sidebar,
.rates-load .chess .chess-content {
    visibility: hidden;
}

@media only screen and (max-width: 1760px) {
    .rates-sidebar {
        right: -500px;
    }
    .rates-sidebar .rates-sidebar-toggle {
        display: block;
    }
}
/* END ТАРИФЫ РЕДАКТИРОВАНИЕ */

/* Фильтр в сайдбаре */
.filter-sidebar {
    display: block;
    position: fixed;
    z-index: 300;
    right: -500px;
    top: 50px;
    bottom: 0;
    margin: 0;
    padding: 1px 0;
    width: 500px;
    background: #fff;
    border-left: 1px solid #f1f2f7;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.filter-sidebar.open {
    right: 0;
}

.filter-sidebar .caption {
    display: block;
    position: absolute;
    z-index: 99;
    left: 0; right: 0;
    top: 0;
    padding: 0 30px;
    height:  75px;
    border-bottom: 1px solid #c8cbdb;
}

.filter-sidebar .caption p {
    margin: 0;
    font-size: 24px;
    line-height: 75px;
    font-weight: 700;
    color: #000;
}

.filter-sidebar .close {
    display: block;
    position: absolute;
    right: 0;
    top: 0; bottom: 0;
    margin: 0;
    width: 50px;
    background: url("../img/ico-close-sidebar.png") center center no-repeat;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.filter-sidebar .close:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    opacity: 0.8;
}

.filter-sidebar .bottom {
    display: block;
    position: absolute;
    z-index: 99;
    bottom: 0; 
    left: 0; right: 0;
    margin: 0;
    padding: 10px 30px;
    background: #fff;
    border-top: 1px solid #c8cbdb;
}

.filter-sidebar .scroll-content {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 75px;
    bottom: 92px;
    margin: 0;
    padding: 1px 0 1px 0;
    width: 100%;
    overflow: auto;
}
.filter-sidebar .scroll-content.for-quotas {
    bottom: 0;
}
.filter-sidebar .select2-container--default .select2-selection--multiple .select2-selection__choice {
	max-width: 100%;
}


.quota-count-items {
    display: block;
    margin: -15px 0 0 0;
    padding: 1px 0 0 0;
    text-align: left;
}
.quota-count-items .item {
    display: inline-block;
    vertical-align: top;
    margin: 10px 30px 0 0;
    width: 150px;
}
.quota-count-items .item .name {
    display: block;
    margin: 0 0 5px 0;
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.quota-items {
    display: block;
    margin: 0;
    padding: 1px 0;
}
.quota-items .item {
    display: block;
    margin: 10px 0;
    padding: 10px 15px;
    border: 1px solid #e8e8e8;
    text-decoration: none;
    outline: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    transition: all .2s ease;
}
.quota-items .item:hover {
    border-color: #007fff;
}

.quota-items .item.archive {
    -webkit-opacity: .5;
    opacity: .5;
}
.quota-items .item.archive:hover {
    -webkit-opacity: 1;
    opacity: 1;
}
.quota-items .item p {
    margin: 5px 0;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;
    color: #000;
}

.more-quotes-button {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.2em;
    color: #000;
    text-align: center;
}
.more-quotes-button a {
    color: #000;
    outline: none;
    text-decoration: none;
}
.more-quotes-button a:hover {
    text-decoration: underline;
}

.set-period-button {
    display: inline-block;
    vertical-align: top;
    margin: 5px 15px 0 0;
    font-size: 12px;
    line-height: 1.2em;
    color: #000;
    border-bottom: 1px solid #000;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.set-period-button:hover {
    border-bottom: 1px solid transparent;
}


.b24-widget-button-pulse-animate {
    display: none !important;
}

.b24-widget-button-position-bottom-left {
    left: 10px !important;
    bottom: 10px !important;
}

.b24-widget-button-block {
    /* width: 55px !important; 
    height: 55px !important; */
}

.b24-widget-button-inner-mask {
    display: none !important;
}

.b24-widget-button-inner-block {
    background: #007fff !important;
}
.b24-widget-button-openline_livechat {
    background-color: #007fff !important;
}
.b24-widget-button-crmform {
    background-color: #007fff !important;
}

.b24-widget-button-icon-animation {
    opacity: 0 !important;
}
.b24-widget-button-inner-item[data-b24-crm-button-icon="openline"] {
    opacity: 1 !important;
}

.b24-widget-button-popup {
    display: none !important;
}