* { outline: none !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; }
body { background: #F6F7F7; min-width: 1044px; height: 100%; margin: 0; font-family: "Roboto", sans-serif; color: #303336; font-size: 13px; line-height: 1.3; }
.wrapper { width: 1044px; padding: 0 10px; margin: 0 auto; position: relative; }
.wrapper.body { }
.wrapper.body.simple { padding: 0; }
input, textarea, button, select { font-family: "Roboto", sans-serif; }
textarea { resize: vertical; }
sup { vertical-align: super;}
sub { vertical-align: sub;}
h1, h2, h3, h4 { color: #34495e; line-height: 37px; padding: 10px 0 20px 0; margin: 0; }
h1 { padding-top: 30px; color: #303336; font-size: 34px; font-weight: 500; }
.h1-comment { margin: -15px 0 20px 0; color: #2db34b; font-size: 17px; font-weight: 400; display: inline-block; margin-right: 20px; }
.h1-comment a { text-decoration: underline; }
.h1-comment a:hover { text-decoration: none; }
label.inline { padding: 0 3px; }
[class*=icon-] { display: inline-block; }
p { margin: 0 0 10px 0; }
ul { margin: 5px 0; }
a { color: #2DB34B; text-decoration: none; }
a:hover { color: #2DB34B; text-decoration: underline; }
a[class*=icon],
a[class*=icon]:hover { text-decoration: none !important; }
a.func { cursor: pointer; border-bottom: 1px dotted #28B372 !important; color: #28B372 !important; text-decoration: none; }
a.func:hover { color: #32D15A !important; border-bottom: 1px dotted #32D15A !important; }
pre { border: none; background: none; padding: 0; }
img { max-width: 100%; }
.relative { position: relative; }
.static { position: static; }
.inline { display: inline-block; }
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.clr { clear: both; }
.clearfix:before,
.clearfix:after { content: ''; display: block; clear: both; }
body .hidden { display: none; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.comment { color: #BCC4C8; font-size: 12px; }
.nowrap { white-space: nowrap; }
.red { color: #FF2626; }
.flex {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
}
[data-simplebar] { overflow: auto;}
.alert { background: #FCF8E3; padding: 20px 45px 20px 14px; text-align: center; color: #C09853; font-size: 14px; position: relative;}
.alert-error { background: #EC796D; color: #FFFFFF; }
.alert-error a { color: #FFFFFF !important; text-decoration: underline; }
.alert-success { background: #DFF0D8; color: #468847; }
.alert-info { background: #F39C11; color: #FAEFFF; }
.alert .close { margin-top: -7px; color: #C09853; position: absolute; top: 50%; right: 20px; }
.no_selectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.template { display: none; }
.templates { display: none; }
#message { background: #323639; padding: 5px 10px; color: #FFF; }
#message.error-1 { background: #a90000; }
#systemMess { width: 250px; position: fixed; top: 3px; right: 3px; z-index: 101000; }
#systemMess .item { padding: 5px; margin-bottom: 5px; opacity: 0.9; filter: alpha(opacity=90); }
#systemMess .item ul { padding-left: 15px; }
#preloader { }
.preloader { background: rgba(255, 255, 255, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1000000; display: none; overflow: hidden; background-size: 30px 30px; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); animation: barberpole 2s linear infinite; opacity: 0.3; }
@keyframes barberpole {
    from { background-position: 0 0; }
    to { background-position: 60px 30px; }
}
.preloader-window { background: url(../images/common/layout/preloader_spin.GIF) center no-repeat; width: 200px; height: 200px; margin: -100px 0 0 -100px; position: absolute; top: 50%; left: 50%; z-index: 100000; }
#contextmenu_informer { margin-top: 19px; margin-left: -25px; }
#contextmenu_mess a,
#contextmenu_informer a { color: #34495e !important; font-size: 12px; }
#contextmenu_informer div.content { padding: 0; }
#contextmenu_informer ul:first-child:not(.no-mess) { overflow-y: scroll; }
#contextmenu_informer ul:first-child { max-height: 260px; border: none; width: 300px; }
#contextmenu_informer ul:first-child li { position: relative; }
#contextmenu_informer ul:first-child li:hover a.close { display: inline; }
#contextmenu_informer ul:first-child li p { margin: 0; }
#contextmenu_informer a.close { display: none; padding: 0; position: absolute; top: 5px; right: 0; z-index: 1; }
#contextmenu_informer h2 { margin: 5px 0 20px 0 !important; font-size: 12px; line-height: 19px; height: 20px; }
#contextmenu_informer li > span:first-child { color: #34495e; font-size: 12px; margin: 0 10px; line-height: 30px; }
#contextmenu_informer span { padding-right: 4px; }
#contextmenu_informer ul { list-style: none; margin: 0; border-top: 2px solid #ecf0f1 }
#contextmenu_informer .hide_in_informer { display: none; }
#contextmenu_mess ul { width: 300px; }
#contextmenu_mess a[rel] { color: #34495e !important; }
#contextmenu_mess a[rel]:hover { background: #ECF0F1; }
#contextmenu_mess a[rel=create] { background: inherit; color: #34495e !important; }
#contextmenu_mess a[rel=create] span { color: #1ABC9C !important; }
#contextmenu_mess a [class*=icon] { margin-right: 5px; }
#sidemenu_table { width: 100%; min-height: 100%; table-layout: fixed; }
#sidemenu_td { background: #2B2F33; border-bottom: 1px solid #47484A; padding: 0; vertical-align: top; width: 155px; }
#sidemenu_content_td { width: 100%; padding: 0; vertical-align: top; }
#sidemenu { width: 155px; height: 100%; padding: 0; margin: 0; font-size: 14px; list-style: none; }
#sidemenu a { border-top: 1px solid #323639; border-bottom: 1px solid #323639; text-align: center; color: #f6f7f7; font-weight: 300; text-decoration: none; display: block; transition-duration: 300ms; -webkit-transition-duration: 300ms; }
#sidemenu a:hover,
#sidemenu a.active { color: #2db34b; }
#sidemenu a.active { background: #1B2022; }
#sidemenu a [class*=icon] { margin: 0 0 15px 0; font-size: 38px; display: inline-block; }
#sidemenu a .indicator [class*=icon] { font-size: 20px; }
#sidemenu hr { border-top: 1px solid #DBE5EA; border-bottom: 1px solid #F7F9F9; }
#sidemenu a .wrap { display: block; width: 155px; margin: 0 auto; position: relative; padding: 20px 0; }
#sidemenu_content { padding: 12px 15px; display: flex; }
#sidemenu_content > div { width: 100%; }
#sidemenu_content h2 { padding: 0; margin: 0 0 30px 0; color: #303336; font-size: 34px; font-weight: 500; }
#sidemenu_content .inner { background: #FFF; padding: 10px 20px; }
#sidemenu_content .imbedded { margin: -12px -15px 0 -15px; }
.spoiler-wrapper { }
.spoiler-wrapper:last-child { border-bottom: 1px solid #374B5E; }
.spoiler-head { cursor: pointer; background: #ECF0F1; border-top: 1px solid #374B5E; padding: 7px 0; padding: 5px 0; color: #34495e; font-size: 14px; }
.spoiler-head .icon { margin: 0 10px 0 18px; }
.spoiler-body { border: 1px solid #EEEEEE; display: none; }
.spoiler-body .body { padding: 5px; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.tab-pane { position: relative; }
.tab-pane .spoiler-wrapper { border-bottom: 1px solid #374B5E; margin: 0 -20px 20px -25px; }
.tab-pane .spoiler-head { border-bottom: none; padding-left: 25px; }
.tab-pane .spoiler-body { border-bottom: none; padding-left: 25px; }
.tab-pane .spoiler-body ol { margin: 5px 5px 5px 15px; }
#information { width: 100%; top: 20px; left: 0; position: fixed; z-index: 1000000; }
#information .alert { margin: 0 5px; }
#information .alert-error .close { color: #FFF; }
#information .alert-success .close { color: #468847; }
#information .alert-info .close { color: #FAEFFF; }
.bg-gray { background: #F6F7F7; }
.bg-gray-2 { background: #E5E9EB; }
.bg-white { background: #FFF; }
.pad10 { padding: 10px 0; }
.pad01 { padding: 0 15px; }
.pad11 { padding: 10px 15px; }
.fs9 { font-size: 9px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs24 { font-size: 24px; }
table { border-collapse: collapse; border-spacing: 0; max-width: 100%; }
td, th { border: none; text-align: left; vertical-align: top; }
table.table { border-radius: 3px; border: none; border-collapse: separate; background: #FFF; width: 100%; margin: 10px 0; font-size: 13px; }
table.table > :first-child tr:first-child td:first-child,
table.table > :first-child tr:first-child th:first-child { border-top-left-radius: 3px; }
table.table > :first-child tr:first-child td:last-child,
table.table > :first-child tr:first-child th:last-child { border-top-right-radius: 3px; }
table.table > :last-child tr:last-child td:first-child,
table.table > :last-child tr:last-child th:first-child { border-bottom-left-radius: 3px; }
table.table > :last-child tr:last-child td:last-child,
table.table > :last-child tr:last-child th:last-child { border-bottom-right-radius: 3px; }
table.table th,
table.table td { border: 1px solid #E4E4E4; border-top-style: none; border-left-style: none; padding: 7px; vertical-align: top; }
table.table th { color: #4c4c4c; font-weight: 600; vertical-align: middle; }
table.table th:first-child,
table.table td:first-child { border-left-style: solid; }
table.table th.no_first,
table.table td.no_first { border-left-style: none; }
table.table > :first-child tr:first-child th,
table.table > :first-child tr:first-child td { border-top-style: solid; }
table.table thead th { border-color: #cecece; background: #f5f7f8; font-size: 12px; }
table.table thead td { border-bottom: none; background: #F5F9FA; padding: 5px; }
table.table tbody td { padding: 5px; }
table.table tfoot { background: #FFC; }
table.table:not(.table-no-hover) tbody tr:hover th,
table.table:not(.table-no-hover) tbody tr:hover td { background: #f5f9fa; }
table.table th.cb,
table.table td.cb { width: 18px; vertical-align: top; }
table.table .cb .checkbox { width: 18px; padding: 0; margin: 0; }
table.table td.cb.empty { background: #F5F9FA !important; }
table.table td.wait { color: #677481; }
table.table td.ok { color: #1abc9c; }
table.table td.error { color: #e74c3c; }
table th .filter { width: 18px; text-align: center; line-height: 18px; color: #000; font-size: 10px; }
table th .filter:hover,
table th .filter.active { -webkit-filter: none; color: #00A43D; }
table th .filter.filtered { outline: 2px solid #99ff33 !important; }
#extranet .icon_qw { display: inline-block; vertical-align: middle; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #515151;
    text-align: center; line-height: 13px; font-size: 11px; cursor: pointer; color: #444; font-style: normal !important;}
table.table .pika-lendar { margin: 0;}
[data-contextmenu-id] > a { text-decoration: none; }
.contextmenu-bg { width: auto !important; height: auto !important; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.contextmenu { text-align: left; display: none; position: absolute; z-index: 10; }
.contextmenu .content { box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px; border-radius: 2px; border: 1px solid #C8CDD1; background: #FFF; min-width: 90px; padding: 12px 15px; margin: 0; line-height: normal !important; position: relative; list-style: none; }
.contextmenu ul.content { min-width: 200px; padding: 0; }
.contextmenu ul a { border-top: 1px solid #ECF0F1; background: #FFF; padding: 5px 10px; color: #34495e !important; text-decoration: none; display: block; }
.contextmenu ul li:first-child a { border-radius: 2px 2px 0 0; border-top: none; }
.contextmenu ul li:last-child a { border-radius: 0 0 2px 2px; }
.contextmenu ul li:hover > a,
.contextmenu ul a:hover,
.contextmenu ul a.active { background: #ECF0F1; }
.contextmenu hr { margin: 10px -15px; }
.contextmenu .close { color: #9CAAAD !important; position: absolute; top: 10px; right: 10px; }
.contextmenu .footer { border-top: 1px solid #DFE2E6; padding: 10px 15px 0 15px; margin: 12px -15px 0 -15px; }
.contextmenu.with_close .content .footer { padding-right: 20px; padding-left: 20px; margin-right: -20px; margin-left: -20px; }
.contextmenu .buttons { border-radius: 0 0 4px 4px; border-top: 1px solid #374B5E; background: #ECF0F1; padding: 10px 15px; margin: 10px -15px -10px -15px; white-space: nowrap; }
.contextmenu .btn { width: 115px; margin: 1px; }
.contextmenu.top { margin-bottom: 10px; margin-left: -24px; }
.contextmenu.right { margin-top: -7px; }
.contextmenu.bottom { margin-top: 10px; margin-left: -24px; }
.contextmenu.left,
.contextmenu.left.no_right { margin-top: -14px; margin-right: 7px; }
.contextmenu.left.no_right { margin-bottom: 0; margin-left: 0; }
.contextmenu.with_close .content { padding-right: 20px; padding-left: 20px; }
.contextmenu .triangle { position: absolute; }
.contextmenu.top .triangle { background: url(../../../images/template/triangle_bottom.png); width: 20px !important; height: 10px !important; bottom: -9px; left: 14px; }
.contextmenu.right .triangle { background: url(../../../images/template/triangle_left.png); width: 10px !important; height: 20px !important; top: 14px; left: -9px; }
.contextmenu.bottom .triangle { background: url(../../../images/template/triangle_top.png); width: 20px !important; height: 10px !important; top: -9px; left: 14px; }
.contextmenu.bottom.no_right .triangle { right: 14px; left: auto; }
.contextmenu.left .triangle,
.contextmenu.left.no_right .triangle { background: url(../../../images/template/triangle_right.png); width: 10px !important; height: 20px !important; top: 14px; right: -9px; }
.contextmenu.left.no_right .triangle { bottom: auto; left: auto; }
.modal-header { background: #fff; color: #272727; padding: 15px 20px; border-radius: 3px 3px 0 0; }
.modal-header h3 { padding: 0; margin: 0; color: #374B5E; font-size: 16px; font-weight: 600; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.modal-header h3 [class*="icon-"] { padding-right: 5px; line-height: 12px; }
.modal-header .close { color: #6f6f6f; font-size: 20px; line-height: 20px; position: absolute; top: 8px; right: 8px;}
.modal-header .close:hover { color: #34495E;}
.modal-body { padding: 0 20px 20px; max-height: 570px; font-size: 15px; position: relative; overflow-y: auto; background: #fff;}
.modal-body hr { margin: 20px -15px; }
.modal-body h4 { padding: 0; margin: 0 0 10px 0; line-height: normal; }
.modal-body .inner { padding: 18px; margin: -18px; position: relative; }
.modal-body .inner .bt { border-top: 1px dashed #ECF0F1; position: absolute; top: 0; right: 0; left: 0; }
.modal-body .inner .bb { border-bottom: 1px dashed #ECF0F1; position: absolute; right: 0; bottom: 0; left: 0; }
.modal-body .inner.color-1 { background: #F5F9FA; color: #34495e; }
.modal-body .inner strong { color: #34495e; }
.modal-body .comment { line-height: 18px;}
.modal-footer { border-radius: 0 0 4px 4px; border-top: 1px solid #e8e9e9; background: #f9f9f9; padding: 15px 20px; text-align: right; }
.modal-footer .btn { border: 2px solid #00A43D; line-height: 32px; height: auto; min-width: 115px; font-size: 14px; color: #363636; font-weight: 600; background: #fff; margin-left: 15px;}
.modal-footer .btn:hover { background: #fcfcfc;}
.modal-footer .btn.btn_close { display: none; }
.help_popup .modal-header { background: none; border: none; padding: 0; }
.help_popup .modal-header a { top: 2px; z-index: 10; }
.help_popup .modal-header h3 { display: none; }
.help_popup .modal-body a.target { position: absolute; right: 65px; top: 5px; }
.user_avatar { width: 40px; height: 40px; position: relative; }
.user_avatar .status { border-radius: 100%; background: #ECF0F1; padding: 2px; position: absolute; bottom: -1px; right: -1px; }
.user_avatar .status i { border-radius: 100%; width: 12px; height: 12px; display: block; }
.user_avatar .status.online i { background: #1ABC9C; }
.user_avatar .status.offline i { border: 1px solid #1ABC9C; background: #FFF; }
.user_avatar img { border-radius: 100%; width: 40px; height: 40px; }
.tab { display: none; }
.tab.active { display: block; }
.ui-front { z-index: 60000; }
.ui-corner-all { border-radius: 3px; }
.ui-widget { font-family: "Roboto", sans-serif !important; }
.ui-widget-content { border-color: #F4CB13; }
.ui-widget-content a { color: #00BB52; }
.ui-widget-header { font-weight: normal; }
.ui-widget-overlay { background: #040404; opacity: 0.50; filter: Alpha(Opacity=50); }
.ui-dialog { box-shadow: rgba(0, 0, 0, 0.4) 0 0 15px; border-radius: 3px; border: 1px solid #acacac; background: none; padding: 0; }
.ui-dialog-titlebar { display: none; }
.ui-dialog .ui-dialog-content { padding: 0; overflow: hidden; }
.ui-dialog .project_name { word-break: break-all; }
.placeholder { box-shadow: inset #DDD 0 0 5px; background: #F9F9F9 !important; border: 1px dashed #AAA !important; height: 30px; }
.ui-sortable-helper { background: #edf0f1; }
.ui-autocomplete { z-index: 1000; }
.ui-autocomplete li { }
.ui-autocomplete li:hover { background: #ECF0F1; }
.ui-autocomplete a { cursor: pointer; }
.ui-datepicker { padding: 10px; z-index: 30 !important; }
.ui-datepicker .ui-widget-header { border: none; background: none; font-size: 15px; font-weight: 500; }
.ui-datepicker table { font-size: 14px; }
.ui-datepicker td { padding: 0; }
.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; border: none !important; background: none !important; text-decoration: none !important; top: -1px !important; font-size: 24px; font-family: "turbaza"; }
.ui-datepicker-prev:not(.ui-state-disabled):hover,
.ui-datepicker-next:not(.ui-state-disabled):hover { color: #3EB858; }
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon { display: none !important; }
.ui-datepicker-prev { left: 18px !important; }
.ui-datepicker-prev:before { font-family: "icomoon"; content: "\ea44"; }
.ui-datepicker-next { right: 0px !important; }
.ui-datepicker-next:before { font-family: "icomoon"; content: "\ea42"; }
.ui-datepicker th { font-size: 12px; font-weight: normal; }
.ui-datepicker .ui-state-default { border-color: #FFF; background: none; padding: 5px; text-align: center; color: #323639; }
.ui-datepicker .ui-state-hover { border-color: #F4CB13; }
.ui-datepicker .ui-state-active { background: #F4CB13; }
.ui-datepicker td.selected .ui-state-default { margin-bottom: 1px; }
.ui-datepicker td.selected .ui-state-default { border-color: #F4CB13; background: #F4CB13 !important; }
.ui-datepicker td.selected .ui-state-default:hover { background: #F8DB52; }
.ui-datepicker td.selected.first .ui-state-default { border-radius: 14px 0 0 14px; }
.ui-datepicker td.selected.last .ui-state-default { border-radius: 0 14px 14px 0; }
.ui-slider { cursor: pointer; border-radius: 0; border: 0; background: #eef2f5; height: 5px; }
.ui-slider-range { background: #00B440; }
.ui-slider .ui-slider-handle { cursor: pointer; border-radius: 10px; border: none; background: #00B440; width: 15px; height: 15px; top: -5px; left: -5px; }
.tooltip_click { cursor: pointer; position: relative; }
.tooltip_click .tooltip { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }
/* task 3992 - start */
.ui-tooltip-content h1, .ui-tooltip-content h2, .ui-tooltip-content h3, .ui-tooltip-content h4 { line-height: normal; padding: initial; color: #FFF }
.ui-tooltip-content ul { padding-left: 1rem; }
/* task 3992 - end */
.tooltip { }
.ui-tooltip, .ui-tooltip .arrow:after { background: #333; max-width: 505px; z-index: 99999; width: 100%; }
.ui-tooltip { box-shadow: #000 0 0 3px; border-radius: 3px; border: none; padding: 12px; color: #FFF; width: auto;
    max-width: 500px; display: inline-block;}
.ui-tooltip .arrow { width: 70px; height: 6px; margin-left: -35px; overflow: hidden; position: absolute; left: 50%; bottom: -6px; }
.ui-tooltip .arrow.bottom { margin-left: -32px; top: -6px; bottom: auto; }
.ui-tooltip .arrow.left { left: 16px; }
.ui-tooltip .arrow:after { content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); box-shadow: #333 6px 5px 9px -9px; width: 25px; height: 20px; position: absolute; left: 20px; top: -20px; }
.ui-tooltip .arrow.bottom:after { bottom: -20px; top: auto; }
.ui-tooltip .name { margin: 0 0 5px 0; }
.icon-hamburger:after { content: ''; display: block; width: 6px; height: 6px; border-radius: 6px; border: 2px solid #fff;
    position: absolute; right: -5px; top: -5px; background-color: #4aaf40; box-sizing: initial; }
#top_panel .show_menu a .icon-hamburger { display: inline-block; position: relative; top: -2px; }
#top_panel .show_menu a:hover .icon-hamburger:after { border: 2px solid #eee; }
/*иконка любимые базы*/
#likeHeart { display: block; width: 100%;}
#likeHeart .likepath {fill: #484848;fill-opacity: 0.7;stroke: #FFFFFF;stroke-width: 2.5;stroke-linecap: round;stroke-linejoin: round;}
.checked #likeHeart .likepath {fill: #d21a1a;fill-opacity: 0.7;stroke: #FFFFFF;stroke-width: 2.5;stroke-linecap: round;stroke-linejoin: round;}

#top_commercial_block{
    min-height: 180px;
}
.tdu{
    text-decoration: underline;
}


.cm-table{
    width: 100%;
    border-collapse: collapse;
}
.cm-table__occupancy-max-count{
    white-space: nowrap;
}
.cm-table__occupancy-name{
    font-size: 15px;
}
.cm-table__plan-name{
    font-size: 12px;
}
.cm-table__prices-block{
    text-align: center;
    white-space: nowrap;
}
.cm-table__price{
    font-size: 16px;
    font-weight: 500;
}
.cm-table__occupancy-count-block{
    text-align: right;
}
.cm-table__occupancy-count{
    font-size: 15px;
    cursor: pointer;
    border: none;
}
.cm-table__occupancy-count_disabled{
    cursor: default;
}
.cm-table__selected-text{
    font-size: 15px;
    text-align: right;
}

.cm-table th{
    padding: 10px;
    background: #3FAC4D;
    color: #fff;
    font-weight: 400;
    border: 1px solid #fff;
    vertical-align: bottom;
}
.cm-table td{
    padding: 10px;
    border: 1px solid #3FAC4D;
    vertical-align: middle;
}

.cm-table tr:first-child th {
    border-top: 0;
}
.cm-table tr:last-child td {
    border-bottom: 0;
}
.cm-table tr td:first-child,
.cm-table tr th:first-child {
    border-left: 0;
}
.cm-table tr td:last-child,
.cm-table tr th:last-child {
    border-right: 0;
}
.cm-table__occupancy-count-column-mobile{
    display: none;
    margin-top: 15px;
    font-size: 15px;
}


.faked-form-dates{
    display: flex;
    max-width: 650px;
    margin-bottom: 30px;
    margin-left: -10px;
}
.faked-form-dates__el{
    position: relative;
    flex: 1 1 auto;
    margin-left: 10px;
    padding-left: 45px;
    line-height: 50px;
    background: #fff;
    cursor: pointer;
    user-select: none;
    min-width: 0;
}
.faked-form-dates__el_peoples{
}
.faked-form-dates__el > i{
    position: absolute;
    top: 17px;
    left: 15px;
    font-size: 16px;
    color: #333;
}
.faked-form-dates__label{
    position: absolute;
    top: -16px;
    left: 0;
    line-height: 14px;
    font-size: 13px;
    color: #333;
}
.faked-form-dates__input{
    color: #2b2f33;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.faked-form-dates__children-count{
    font-size: 13px;
    color: #777;
}
@media (max-width: 1044px) {
    .faked-form-dates{
        flex-wrap: wrap;
    }
    .faked-form-dates__el{
        margin-bottom: 10px;
        flex: 0 1 calc(50% - 10px);
    }
    .faked-form-dates__label{
        display: none;
    }
    .faked-form-dates__el_peoples{
        flex: 0 1 100%;
    }
}
@media (max-width: 760px) {
    .faked-form-dates{
        max-width: 400px;
        padding-left: 2.5%;
    }
}
@media (max-width: 450px) {
    .faked-form-dates{
        padding: 20px 15px;
        max-width: none;
        background: #f0d24b;
    }
}


.cm-calendar-wrp {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px -20px;
}
.cm-calendar-item {
    margin: 0 16px 20px;
    vertical-align: top;
    font-size: 14px;
    color: #000;
}
.cm-calendar-head {
    padding: 10px 5px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
}
.cm-calendar-item table {
    width: 100%;
}
.cm-calendar-item th {
    padding: 6px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    font-weight: 700;
    text-transform: lowercase;
}
.cm-calendar-item td {
    padding: 10px 8px;
    font-size: 14px;
    text-align: center;
}
.cm-calendar-day {
    background: #E5E9EB;
}
.cm-calendar-day.last {
    color: #999 !important;
}
.cm-calendar-day.today {
    font-weight: bold;
}
.cm-calendar-day.event {
    background: #ffe2ad;
    position: relative;
    cursor: pointer;
    font-weight: 700;
}
.cm-calendar-day.success {
    background: rgba(63, 172, 77, 0.5);
}
.cm-calendar-day.warning {
    background: rgba(244, 203, 20, 0.5);
}
.cm-calendar-day.danger {
    background: red;
}
.cm-calendar-day.event:hover .cm-calendar-popup {
    display: block;
}
.cm-calendar-popup {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    min-width: 200px;
    padding: 15px;
    background: #fff;
    text-align: left;
    font-size: 13px;
    z-index: 100;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    color: #000;
}
.cm-calendar-popup:before {
    content: "";
    border: solid transparent;
    position: absolute;
    left: 8px;
    bottom: 100%;
    border-bottom-color: #fff;
    border-width: 9px;
    margin-left: 0;
}

.cm-calendar-legend{
    display: flex;
    margin-top: 20px;
    font-size: 14px;
}
.cm-calendar-legend > *{
    display: flex;
    align-items: center;
    flex: 1 1 auto;
}
.cm-calendar-legend__icon{
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.cm-calendar-legend__icon_success{
    background: rgba(63, 172, 77, 0.5);
}
.cm-calendar-legend__icon_warning{
    background: rgba(244, 203, 20, 0.5);
}
.cm-calendar-legend__icon_empty{
    background: #E5E9EB;
}

.cm-room-selected-totals-text{
    color: #000;
}
.cm-room-selected-total-price{
    margin-top: 5px;
    color: #000;
    font-size: 14px;
    line-height: 18px;
}
.cm-room-selected-total-price span{
    font-size: 16px;
    font-weight: 500;
}

.commercial_block.mobile{
    display: none;
}

@media (max-width: 768px) {
    .commercial_block.mobile{
        display: block;
    }
    .commercial_block.desctop{
        display: none;
    }
}

.block-loading-fade{
    animation: block-loading-fade .8s ease-out infinite alternate;
}
@keyframes block-loading-fade {
    0% {
        opacity: 0.6;
    }
    100% {
        opacity: 0.3;
    }
}


.ya-promos-section{
    margin: 30px 0;
}
.ya-promos-section:last-child{
    margin-bottom: 0;
}
.ya-promos-section__title{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
}
.ya-promos-section__actions{
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
a.ya-promos-section__action{
    padding: 10px 15px;
    line-height: 24px;
    border: 1px solid #D2AE20;
    font-size: 16px;
}
a.ya-promos-section__action + .ya-promos-section__action{
    margin-left: 10px;
}
.ya-promos-slider{
    display: flex;
    margin: 0 0 0 -15px;
    padding: 0;
    list-style: none;
}
.ya-promos-slider > li{
    display: flex;
    flex: none;
    padding-left: 15px;
    width: 25%;
}

.ya-promo-card{
    display: flex;
    flex-direction: column;
    padding: 8px;
    border-radius: 16px;
    background: #fff;
    color: inherit;
}
.ya-promo-card:hover{
    color: inherit;
    text-decoration: none;
}
.ya-promo-card__img{
    position: relative;
}
.ya-promo-card__img img{
    height: auto;
    border-radius: 16px;
}
.ya-promo-card__promo{
    position: absolute;
    z-index: 1;
    left: 10px;
    bottom: 10px;
    padding: 4px 8px 2px 8px;
    background: #fff;
    border-radius: 6px;
    font-size: 12px;
    cursor: auto;
    user-select: text;
}
.ya-promo-card__body{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto;
    padding: 15px;
}
.ya-promo-card__title{
    font-size: 14px;
    font-weight: 500;

}
.ya-promo-card__date{
    margin-top: 10px;
    font-size: 12px;
    font-weight: 300;
    color: #6E6E6E;
}

@media (max-width: 1023px) {
    .ya-promos-slider{
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .ya-promos-slider > li{
        width: auto;
    }
    .ya-promo-card{
        flex: 0 0 220px;
        width: 220px;
    }
}
@media (max-width: 760px) {
    .ya-promos-section{
        margin-left: 15px;
        margin-right: 15px;
    }
    .ya-promos-section__actions{
        display: block;
    }
    a.ya-promos-section__action{
        display: block;
    }
    a.ya-promos-section__action + .ya-promos-section__action{
        margin: 10px 0 0;
    }
}


@media (max-width: 1599px) {
    .visible\@xl {
        display: none!important;
    }
}

@media (min-width: 768px) {
    .hidden\@m {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .visible\@m {
        display: none !important;
    }
}


.mt10{
    margin-top: 10px;
}
.mt5{
    margin-top: 5px;
}
.mb10{
    margin-bottom: 10px;
}