*{
    margin:0;
    padding:0;
    border: 0;
}

html, body {
    height: 100%;
    width: 100%;
}
/*-------------------------------------------------------------------------------------------*/
/*------------------------------------------- logo ------------------------------------------*/
.bodywrapper{position: relative; min-height: calc(100% - 68px)}

.loginboxinner{background: #293946}

.loginbox .logo{
    border-bottom: 1px solid #56647d;
    padding: 5px 0 20px;
    height: 31px;
}

.loginbox .logo img{height: 100%; text-align: center}

#header_top_block{position: relative; height: 68px; z-index: 100}

.topheader, .header {background: /*#007acd*/#fff;}

.topheader{border: 0 none; /*padding-right: 490px*/ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc; box-sizing: border-box; height: 69px;}

.header{box-shadow: 0 1px 0 rgba(255,255,255,.2) inset}

.topheader .left h1.logo{margin: 0}

.topheader .left h1.logo a{display: block; height: 31px;}

.topheader .left h1.logo img{height: 100%}

.topheader .left .cabinet_title{position: relative; top: 3px; border: 0 none; box-shadow: -1px 0 0 rgba(255,255,255,.2); color: #3e3e3e}

.headermenu li, .headermenu li.current, .headermenu{border: 0 none}

.headermenu li.current a{box-shadow: none; background: transparent}

/*-------------------------------------------------------------------------------------------*/
/*------------------------------------------- menu ------------------------------------------*/
.headermenu li:hover a{background: #fb9337;}
/*.headermenu li a span.icon-flatscreen{background-position: center -160px;}
.headermenu li a span.icon-inventoryrates{background-position: center -310px;}
.headermenu li a span.icon-front-desk{background-position: center -210px;}
.headermenu li a span.icon-marketing{background-position: center -110px;}
.headermenu li a span.icon-reports{background-position: center -910px;}
.headermenu li a span.icon-hotelsettings, .headermenu li a span.icon-globalsettings{background-position: center -410px;}
.headermenu li a span.icon-accounting{background-position: center -10px;}
.headermenu li a span.icon-cms{background-position: center -360px;}
.headermenu li a span.icon-productsAndSuppliers{background-position: center -709px}
.headermenu li a span.icon-productsAndSuppliers{background-position: center -259px;}*/

.headermenu li a span.icon-flatscreen{background: url("../images/menu/speedometer.svg") no-repeat center; background-size: auto 28px}
.headermenu li a span.icon-front-desk{background: url("../images/menu/service.svg") no-repeat center; background-size: auto 35px}
.headermenu li a span.icon-inventoryrates{background: url("../images/menu/money.svg") no-repeat center; background-size: auto 30px}
.headermenu li a span.icon-marketing{background: url("../images/menu/user.svg") no-repeat center; background-size: auto 30px}
.headermenu li a span.icon-globalsettings{background: url("../images/menu/settings.svg") no-repeat center; background-size: auto 30px}
.headermenu li a span.icon-cms{background: url("../images/menu/content.svg") no-repeat center; background-size: auto 30px}
.headermenu li a span.icon-partners{background: url("../images/menu/network.svg") no-repeat center; background-size: auto 30px}
.headermenu li a span.icon-reports{background: url("../images/menu/chart.svg") no-repeat center; background-size: auto 30px}
.headermenu li a span.icon-productsAndSuppliers{background: url("../images/menu/folder.svg") no-repeat center; background-size: auto 30px}
.headermenu li a span.icon-accounting{background: url("../images/menu/pie-chart.svg") no-repeat center; background-size: auto 30px}
.headermenu li a span.icon-freshdesk{background: url("../images/menu/support.svg") no-repeat center; background-size: auto 35px}

.headermenu li.current:hover ul li a{padding: 5px 0}

.headermenu li.current > a{color: #FFF200; font-weight: 700}
.headermenu li.current:hover > a{color: #4F46E5}

.headermenu li a span.icon{opacity: .5; height: 30px}

.headermenu li a span.icon svg{height: 100%; display: block; margin: 0 auto}

.headermenu li.current > a svg,
.headermenu li:hover a svg{fill: #4F46E5}
.headermenu li:hover a svg .cls-1,
.headermenu li.current > a svg .cls-1{stroke: #4F46E5}

.headermenu li:hover a span, .headermenu li.current a span{opacity: 1}
/*
.headermenu li.current a{position: relative}

.headermenu li.current a:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    border-bottom: 6px solid #fb9337;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}*/

.headermenu li a{font-weight: 200; font-size: 12px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.vernav2 ul li a, .pageheader .pagetitle{color: #000}
/*-------------------------------------------------------------------------------------------*/
/*----------------------------------------- sub-menu ----------------------------------------*/
.headermenu li ul{background: #E9E9F9}

.sub-menu{padding: 10px 10px 0; background: /*#fb9337*/ #E9E9F9; white-space: nowrap}

.sub-menu .sub-category{
    /*border: 1px solid #fff;*/
    float: left;
    padding: 0px;
    margin-bottom: 15px;
    position: relative;
}

.sub-menu .sub-category .category-title{
    color: #fff;
    font-size: 12px;
    /*position: absolute;*/
    font-style: italic;
    font-weight: bold;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    background: #fb9337;
    padding: 0 5px;
    position: relative;
    bottom: -20px;
    margin-top: -15px;
    display: none;
}

.headermenu li:hover{background: none; -webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;}

.headermenu li ul{float: none; display: inline-block; vertical-align: top; padding: 10px;}

.headermenu li ul li{
    border-top: 1px solid #F9BD80;
    border-color: #B0BABF;
    /*border-bottom: 1px solid #C76000;*/
    width: 200px;
    white-space: normal;
}

.headermenu li ul li.headline{
    font-weight: bold;
    font-family: Roboto Condensed;
    text-transform: uppercase;
    color: #000;
}

.headermenu li ul li.headline:hover{
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.headermenu li ul li a{color: #000; text-transform: none; padding: 5px 0; font-family: Arial; font-size: 13px;}
.headermenu li ul li a:hover{color: #fff;}
.headermenu li ul li:first-child{border-top: 0 none;}
.headermenu li ul li:last-child{border-bottom: 0 none}

/*.headermenu li.headermenu-item .sub-menu.globalsettings,
.short_mainMenu .headermenu li.headermenu-item .sub-menu.globalsettings{left: 50%;margin-left: -450px; right: auto}*/


.withvernav .centercontent{margin-left: 67px;}

.withsecondnav .centercontent{margin-left: 298px;}

.withvernav.withmenucoll2 .centercontent{margin-left: 222px;}

.withsecondnav.withmenucoll2 .centercontent{margin-left: 453px;}

.left-menu-sidebar{position: absolute; left: 0; height: 100%; top: 68px; z-index: 20; background: #fff; }

.withsecondnav .left-menu-sidebar{border-right: 1px solid #cccccc;}

.withvernav .left-menu-sidebar{
    display: flex;
}

.left-menu-container{background:/* #007acd;*/#FAF8FF; width: 67px; border-right: 1px solid #cccccc}

.withmenucoll2 .left-menu-container{width: 222px;}

.left-menu-sidebar .vernav2 > ul.headermenu{display: block}

ul.headermenu li.current ul{display: inline-block}

.left-menu-sidebar ul.headermenu ul{border: 0 none; display: inline-block!important;}

.left-menu-sidebar ul.headermenu ul li a{border-left: 0 none;}

.left-menu-sidebar ul.headermenu > li{height: auto; float: none; border: 0 none; box-shadow: 0 -1px 0 rgba(255,255,255,.2)}

.left-menu-sidebar ul.headermenu > li:first-of-type{box-shadow: none}

.left-menu-sidebar .iconmenu > ul > li.current > a{background: /*#fb9337*/#E9E8F9}

.left-menu-sidebar .iconmenu > ul > li > a{
    /*color: #fff;*/
    color: #252C32;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 10px 12px 2px;
    background: /*#007acd;*/#FAF8FF;
    min-width: auto;
    text-transform: none;
    text-decoration: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    /*width: 67px;*/
}

.left-menu-sidebar ul.headermenu > li > a p{display: none}

.left-menu-sidebar .iconmenu > ul > li:hover{border-color: /*#fb9337*/#E9E8F9;}

.left-menu-sidebar .iconmenu > ul > li:hover > a {
    background: /*#fb9337*/#E9E8F9;
}

.left-menu-sidebar .sub-menu .sub-category{font-weight: normal}

.left-menu-sidebar .headermenu li:last-child .sub-menu{
    top: 50%;
    transform: translate(0, -70%);
}
@media (max-height : 760px) {
    .left-menu-sidebar .headermenu li:nth-child(6) .sub-menu {
        top: -100px;
    }
}

.headermenu ul li a:hover{color: #fff}

.left-menu-sidebar .headermenu li a span.icon{width: 50px; margin: 0}

.left-menu-sidebar .headermenu .sub-menu{left: 100%; margin-left: 0!important;top: 0; border-radius: 0 6px 6px 0}

.left-menu-sidebar .sub-menu .sub-category li a{background: transparent; color: #000; font-weight: 400}

.left-menu-sidebar .sub-menu .sub-category li a:hover{color: /*#fff*/#4F46E5}

.withsecondnav.withmenucoll2 .left-tree-container{left: 222px;}

.withmenucoll2 .left-menu-sidebar ul.headermenu > li > a p{display: block; text-align: left}

.withmenucoll2 .left-menu-sidebar ul.headermenu > li.current > a p{color: #4F46E5;}

.withmenucoll2 .left-menu-sidebar .iconmenu > ul > li > a{/*width: 222px;*/ justify-content: flex-start;}

.secondmenu{background: #fff; padding: 22px 0; box-sizing: border-box}

.secondmenu ul li {
    display: block;
    padding: 0 16px;
    position: relative;
    width: 230px;
    box-sizing: border-box;
}

.secondmenu ul li a {
    padding: 6px 12px;
    font-size: 14px;
    color: #252C32;
    box-sizing: border-box;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    border-radius: 6px;
}

.secondmenu ul li.current a:not(.isRedBg),
.secondmenu ul li a:not(.isRedBg):hover {
    background-color: #E9E9F9;
    color: #4F46E5;
    font-weight: bold;
}

.secondmenu ul li a.isRedBg{background: #ffdcdf}

.secondmenu ul li.current a{ font-weight: bold;}

.secondmenu ul li .cnt{
    background: #B0BABF;
    color: #fff;
    min-width: 20px;
    height: 20px;
    text-align: center;
    font-weight: 500;
    display: inline-block;
    font-size: 12px;
    border-radius: 4px;
    padding: 0 2px;
    box-sizing: border-box;
}

.secondmenu ul li.is-header{
    padding: 0 28px 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #ccc;

}
/*-------------------------------------------------------------------------------------------*/
/*------------------------------------------- select ----------------------------------------*/

.topheader .right div.selector{
    background: #007acd;
    margin: 5px 7px;
    border: 1px solid #fff;
    border-radius: 2px;
}

.topheader .right div.selector span{background: none; color: #fff; position: relative}

.topheader .right div.selector span:after,
.userinfo span.user:after{
    content:'';
    border-top: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    right: 10px;
    top: 15px;
}

.topheader .right div.selector select{cursor: pointer}

.topheader div.selector select option{
    background: #fff;
}

.topheader .userinfo span,
.topheader .user-block,
.topheader .user-block .log-out{color:/* #fff*/#3e3e3e; font-size: 13px;}

.topheader .user-block .last-log,
.topheader .user-block .userinfo,
.topheader .user-block .log-out{
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

.topheader .user-block .log-out{border-left: 1px solid #fff; padding-left: 10px; padding-right: 5px;}

.topheader .user-block{
    float: left;
    padding: 10px 0px 10px 20px;
    border-left: 1px solid #fff;
    margin-left: 15px;
}

.topheader .user-block .userinfo{
    padding: 0;
    background: transparent;
    box-shadow: none;
    -moz-shadow: none;
    -webkit-shadow: none;
    border-bottom: 0 none;
    margin-right: 5px;
    margin-left: 0;
}

.topheader .user-block .userinfo:hover{background: none;}

.topheader .user-block .userinfo span{position: relative}

.topheader .user-block .userinfo span.user {padding-right: 10px; padding-left: 0}

.topheader .user-block .userinfo span b,
.topheader .user-block .log-out{text-decoration: underline;}

.topheader .user-block .userinfo span.user:after{
    right: 0;
    top: 10px;
    border-left-width: 3px;
    border-right-width: 3px;
}

.topheader .user-block .userinfo span:hover b,
.topheader .user-block .log-out:hover{text-decoration: none;}

.profile-block{
    position: relative;
}

.profile-block .photo{
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 100%;
    cursor: pointer;
}

.profile-block img{
    display: block;
    height: 100%;
    max-width: none;
    min-width: 100%;
}

.topheader .dropButton{cursor: pointer}

.topheader .btn_box{margin: 0}

.topheader .btn_box svg{display: block}

.topheader .btn_box .menu,
.topheader .btn_box .menu-ver1{
    z-index: 9999;
    white-space: nowrap;
    position: absolute;
    top: calc(100% + 5px);
    top: -webkit-calc(100% + 5px);
    top: -moz-calc(100% + 5px);
    right: 0;
    padding: 16px;
    background: #fff;
    border-radius: 6px;
    min-width: 200px;
    text-align: left;
    border: 1px solid #E5E9EB;
    box-shadow: 4px 4px 4px -3px #00000040;
}

.topheader .btn_box .menu-ver1{
    padding: 0;
    width: 405px;
}

.topheader .btn_box .menu-ver1 a{color: #0E73F6; text-decoration: none; font-weight: 500}

.topheader .btn_box .menu-ver1 a:hover{text-decoration: underline}

.topheader .btn_box .drop_down_block:before{display: none}

.topheader .btn_box .menu li{border: 0 none}

.topheader .btn_box .menu li a{
    text-decoration: none;
    color: #000;
    font-size: 14px;
    display: block;
    padding: 8px;
    border-radius: 6px;
    font-weight: normal;
}

.topheader .btn_box .menu li a:hover{
    background-color: #E9E9F9;
    color: #4F46E5;
}

.topheader .btn_box .menu select{
    font-size: 14px;
    width: 100%;
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 3px #ddd inset;
    height: 29px;
}

.topheader .menu-notifIcon{
    position: relative;
}

.topheader .menu-notifIcon .default-badge{
    position: absolute;
    bottom: 10px;
    right: calc(100% - 9px);
}

.topheader .menu-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    background: #F9FAFB;
    border-bottom: 1px solid #F1F1F1;
    border-radius: 6px 6px 0 0;
}

.topheader .menu-header .name{
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.topheader .menu-header .name-withIcon{cursor: pointer}

.topheader .menu-header .sound-cntrl{margin-right: 20px;}

.topheader .menu-header .sound-cntrl svg{
    display: block;
    cursor: pointer;
}

.topheader .menu-body{
    overflow: auto;
    min-height: 470px;
    max-height: 470px;
}

.topheader .menu-body .dialogs-field_row{padding: 0; display: block}

.topheader .menu-body .dialogs-field_row:hover{text-decoration: none!important;}

.topheader .menu-body .dialogs-field{border-radius: 0}

.topheader .menu-footer{
    background: #F9FAFB;
    padding: 12px;
    text-align: center;
    border-radius: 0 0 6px 6px;
}

.topheader .menu-footer a{color: #0E73F6;}


.notifSettings-point{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    border-bottom: 1px solid #E5E9EB
}

.notifSettings-point .title{
    color: #000;
    font-size: 14px;
}
/*-------------------------------------------------------------------------------------------*/
/*------------------------------------------- booked ----------------------------------------*/

.header .booked{
    float: right;
    margin: 15px 12px 0;
}

.header .booked .booked-block{background: #34445e; padding: 5px 10px; margin: 0 auto 1px; text-align: center}

.header .booked .booked-title{
    font-weight: bold;
    font-size: 12px;
    color: #fb9337;
    text-align: center;
}

.header .booked .booked-block .point{
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    color: #fff;
    font-weight: bold;
}

.header .booked .booked-block .point span{
    display: inline-block;
    color: #000;
    font-size: 16px;
    background: #fb9337;
    margin-right: 5px;
    padding: 0 5px;
}

/*-------------------------------------------------------------------------------------------*/
/*---------------------------------------- settingMenu --------------------------------------*/
.setting-menu{
    background: #E5E6E7;
    padding: 0 5px;
    margin: 0 auto;
    text-align: center;
}

.setting-menu .control_point{
    display: table-cell;
    width: 33.3333%;
    padding: 15px 7px;
    vertical-align: top;
}

.setting-menu .column{
    position: relative;
    border: 1px solid #CDCDCD;
    padding: 10px 0px;
    text-align: left;
}

.setting-menu .column > ul{padding: 0 10px}

.setting-menu .column .column-title{
    background: #E5E6E7;
    padding: 0 15px;
    color: #A6A9AB;
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    left: 0;
    right: 0;
    margin: -15px auto 0;
    display: table;
    text-align: center;
    bottom: -20px;
}

.setting-menu .column ul li{
    border-bottom: 1px solid #C0C1C4;
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.setting-menu .column ul li:last-child,
.setting-menu .column ul li:nth-last-child(2){border-bottom: transparent}

.setting-menu .column ul li a{
    padding: 5px;
    font-size: 14px;
    color: #000;
    display: block;
}

.setting-menu .column ul li a:hover,
.setting-menu .column ul li a.active{background: #fb9337; font-weight: bold}

.setting-sub_menu{
    position: absolute;
    left: 0;
    top: 0;
    width: 240px;
    background: #ECEDED;
}

.setting-sub_menu .top-block{
    background: #C6C8CA;
    text-transform: uppercase;
    color: #57585A;
    padding: 10px 15px;
    font-size: 15px;
}

.setting-sub_menu ul li a{
    color: #000;
    font-size: 12px;
    padding: 10px 5px 10px 30px;
    position: relative;
    border-bottom: 2px solid #DEE0E1;
    display: block;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
}

.setting-sub_menu ul li:last-child a{border-bottom: 0 none}

.setting-sub_menu  ul li a:before{
    border-left: 6px solid #929497;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    content:'';
    position: absolute;
    top: 16px;
    left: 16px;
}

.setting-sub_menu ul li a:hover,
.setting-sub_menu ul li a.active{
    background: #F3A400;
    color: #fff;
}

.setting-sub_menu ul li a:hover:before,
.setting-sub_menu ul li a.active:before{border-left-color: #fff}

/*-------------------------------------------------------------------------------------------*/
/*--------------------------------------- hotelbuilder --------------------------------------*/

.hotel-build .h1{
    font-size: 18px;
    font-weight: bold;
    color: #000;
    border-bottom: 2px solid #E7E7E8;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.hotel-build  .button-hotel{
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    padding: 7px 15px;
    background: #00AEEF;
    border-radius: 10px;
    margin: 0 25px 15px 0;
    display: inline-block;
    text-align: center;
    line-height: 18px;
}

.hotel-build  .button-hotel:hover,
.hotel-build  .button-hotel.active{background: #F58220;}

.widget .tabbedmenu li a{background: #485b79; color: #fff}
.widget .tabbedmenu li a span.h2{color: #fff}

.widget form{padding: 0}

.widget .confirm-dialog-delete-all{margin: 7px auto}

.widget .confirm-dialog-delete-all label{
    padding: 0;
    float: none;
    width: auto;
}

.widget .confirm-dialog-delete-all div.checker{
    float: none;
}

/*-------------------------------------------------------------------------------------------*/
/*-------------------------------- hotelbuilderCtaegoryRooms --------------------------------*/

.formRow .field-inner .title-h1{color: #D1D2D4; text-transform: uppercase; font-weight: bold; font-size: 16px;}

.formRow .field-inner table.category-rooms{
    width: 100%;
    border-collapse: collapse;
}

.formRow .field-inner table.category-rooms tr th{
    background: #BCBDC0;
    color: #fff;
    font-weight: bold;
    border-right: 1px solid #fff;
}

.formRow .field-inner table.category-rooms tr th:last-child{border-right: 0 none}

.formRow .field-inner table.category-rooms tr{
    background: #E1F4FC;
    border: 1px solid #D2D3D6;
}

.formRow .field-inner table.category-rooms tr.service-option-tr td{padding: 5px 10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    vertical-align: middle;
}

.formRow .field-inner table.category-rooms tr.service-option-tr td input[type="text"]{
    border: 1px solid #000;
    background: #fff;
    color: #000;
    height: 30px;
    width: 100%;
    padding: 0 5px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.formRow .field-inner table.category-rooms tr.service-option-tr td.total input[type="text"]{
    background: #E6E7E9;
}

.formRow .field-inner table.category-rooms tr.service-option-tr td input.hasDatepicker{
    width: 140px!important;
    display: block;
    margin: 0 auto;
}

.formRow .field-inner table.category-rooms tr.service-option-tr td:nth-child(6) label{
    padding: 0;
    font-weight: normal;
    color: #000;
    font-size: 11px;
    width: auto;
    float: none;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.formRow .field-inner table.category-rooms tr.service-option-tr td:nth-child(6) .checker{float: left}

.formRow .field-inner table.category-rooms tr.service-option-tr td:nth-child(5) .selector{background: none;}

.formRow .field-inner table.category-rooms tr.service-option-tr td:nth-child(5) .selector select{padding: 0}

.formRow .field-inner table.category-rooms tr.service-option-tr td:nth-child(5) select{
    opacity: 1!important;
    filter:alpha(opacity=100)!important;
    background: #fff;
    height: 31px;
    padding: 4px 35px 2px 2px;
}

.formRow .field-inner table.category-rooms tr.service-option-tr td:last-child{text-align: center}

.formRow .field-inner table.category-rooms tr.service-option-tr td .close,
.formRow .field-inner table.category-rooms tr.service-option-tr td .add{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.formRow .field-inner table.category-rooms tr.service-option-tr td .close{
    color: red;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

.formRow .field-inner table.category-rooms tr.service-option-tr td .add{
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #B1B2B5;
    border-radius: 3px;
    line-height: 21px;
}

/*-------------------------------------------------------------------------------------------*/
/*------------------------------------ left-menu-sidebar ------------------------------------*/

.ui-resizable-handle{
    background: #ddd;
    margin: 5px 3px;
    height: 3px;
    position: relative;
    z-index: 200;
}

.ui-resizable-handle:before{
    content:'';
    height: 6px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    top: -2px;
    width: 50px;
    background: #b8b8b8;
    border-radius: 3px;
    z-index: 200;
}

.ui-resizable-handle:hover{cursor: move;}

/*-------------------------------------------------------------------------------------------*/
/*------------------------------------ left-menu-switcher -----------------------------------*/
.switcher{
    margin: 10px auto;
    padding: 1px 1px 1px 0;
    text-align: center;
}

.switcher .switcher-button{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 41px;
    color: #fff;
    background: #455F90;
    font-weight: bold;
    line-height: 40px;
    width: 50%;
    font-size: 14px;
    margin: 0 -3px;
    border-right: 1px solid #394E7A;
    border-left: 1px solid #5E79AE;
    border-top: 2px solid #BBBDBF;
    border-bottom: 1px solid #BBBDBF;
}

.switcher .switcher-button:last-child{border-right: 0 none;}
.switcher .switcher-button:first-child{border-left: 0 none}

.switcher .switcher-button.current{
    color: #FFF100;
    background: #37507F;
}
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.mCSB_scrollTools.mCSB_scrollTools_horizontal{ height: 12px;}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height: 10px; margin: 0}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right: 16px;}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height: 6px; margin: 2px auto}

/*.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{min-width: 215px;}*/

.mCSB_container_wrapper{margin-right: 15px; margin-bottom: 15px;}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom: 15px;}

.mCSB_container_wrapper > .mCSB_container{padding-right: 0px;}

.ztree{width: 230px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_container{width:400px!important;}

.ztree li.active a,
.ztree li.level4 a{width: 300px; text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;}

div#contextMenu {
    z-index: 201;
}

.jstree .jstree-leaf .custom-rate.rate-purchas:before,
.jstree .jstree-leaf .custom-rate.rate-sell:before{
    content:'';
    border-top: 5px solid #FAA61A;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: relative;
    top: 10px;
    margin-right: 5px;
}

.jstree .jstree-leaf .custom-rate.rate-sell:before{border-top: 0 none; border-bottom: 5px solid #008000; top: -10px;}

.widgets{margin: 50px 0 0;}

.widgets .sticky-wrap,
.widgets .contentwrapper{margin-top: 0; padding-top: 0}

.widgets.open-side{padding-left: 255px; position: relative;}

/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------- externalrelates ------------------------------------*/
.relateas-form{
    padding: 30px 0 10px;
    border-top: 2px solid gray;
    border-bottom: 2px solid gray;
    margin: 20px 0 30px;
}

.relateas-form .radio-point{
    display: inline-block;
    vertical-align: top;
    margin: 20px 30px 20px 0;
}

.relateas-form table{margin: 20px 0;}

.relateas-form table tr th,
.relateas-form table tr td{text-align: left}

#relates_form h2,
form.external-room h2{font-weight: normal}

form.external-room h2{margin: 20px 0 20px 10px}

.external-room .relateas-form{padding-top: 10px}

.external-room .relateas-form table tr td{padding: 10px}

.external-room .relateas-form table tr td:last-child{width: 80%}

.external-room .relateas-form table tr td:last-child input[type="text"]{width: 100%}

form.external-room input[type="button"] {margin: 0 30px 20px 10px}

.external-room .relateas-form table tr.external_rooms_type{
    color: #485b79;
    font-weight: bold;
    font-size: 14px;
}

.formRow .field-inner  .category-rooms.rooms th{
    vertical-align: middle;
    line-height: 19px;
    padding: 10px 0;
}

.formRow .field-inner  .category-rooms.rooms tr th:first-child{width: 20%}

.formRow .field-inner  .category-rooms.rooms td.add_beds{width: 135px;}

.formRow .field-inner  .category-rooms.rooms td.add_beds label{
    display: inline-block;
    vertical-align: top;
    width: auto;
    float: none;
    padding: 9px 0px;
}

/*-------------------------------------------------------------------------------------------*/
/*--------------------------------------- hotelcontent --------------------------------------*/

.hotel_content .top_panel{
    background: #c6c8ca;
    padding: 10px 15px;
}

.hotel_content .top_panel a{
    float: right;
    text-decoration: underline;
}

.hotel_content .top_panel a:hover{text-decoration: none}

.hotel_content .top_panel a:before{
    content:'[';
}

.hotel_content .top_panel a:after{
    content:']';
}

.hotel_content .top_panel .point{
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    color: #000;
    font-size: 14px;
}

.hotel_content .top_panel .point span{
    background: url("../images/uniform/sprite.png") 0 -260px;
    height: 19px;
    width: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.hotel_content .top_panel .point span.cheked{background-position: -114px -260px;}

.hotel_content .hotel_body{
    margin: 20px 0;
}

.hotel_content .hotel_body .image_box{
    padding-left: 280px;
    color: #000;
    font-size: 14px;
}

.hotel_content .hotel_body .image_box .title{font-size: 24px; color: #000; font-weight: bold}

.hotel_content .hotel_body .main_image{
    width: 270px;
    float: left;
    background: #eceded;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.hotel_content .hotel_body .image_box  .sub_title{
    margin: 7px 0;
    color: #000;
    padding-bottom: 7px;
    border-bottom: 1px solid gray;
}

.hotel_content .hotel_body .block{
    margin: 20px 0;
}

.hotel_content .hotel_body .block h3{
    padding-bottom: 10px;
    border-bottom: 1px solid gray;
    margin-bottom: 10px;
}

.hotel_content .hotel_body .block .category_title{
    font-weight: bold;
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
    border-bottom: 1px dashed #000;
}

.hotel_content .hotel_body .block .facility {width: 500px; margin: 10px 0}

.hotel_content .hotel_body .block .facility table{width: 100%; border: 1px solid #cdcdcd; border-top: 0 none}

.hotel_content .hotel_body .block .facility table td{padding-left: 10px;}

.hotel_content .hotel_body .block .facility table td span.pay,
.hotel_content .hotel_body .block .facility table td span.check{
    height: 15px;
    width: 15px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.hotel_content .hotel_body .block .facility table td span.pay{background: url('../images/pay.gif') no-repeat center;}
.hotel_content .hotel_body .block .facility table td span.check{background: url('../images/check.gif') no-repeat center;}

.hotel_content .hotel_body .block .facility .title{
    border: 1px solid #cdcdcd;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #000;
    font-size: 14px;
    background: #eceded;
}

.hotel_content .hotel_body .block .control_point{
    background: #eceded;
    padding: 10px;
    width: 47%;
    margin: 0 9px 10px;
    display: inline-block;
    vertical-align: top;
    min-width: 300px;
}

.hotel_content .hotel_body .block .control_point .image{
    width: 110px;
    float: left;
    background: #c6c8ca;
    text-align: center;
    min-height: 60px;
    line-height: 60px;
}

.hotel_content .hotel_body .block .control_point .right_side{
    padding-left: 120px;
    color: #000;
}

.hotel_content .hotel_body .block .control_point .right_side .title{
    color: #000;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid gray;
    margin-bottom: 10px;
    font-size: 16px;
}

.hotel_content .hotel_body .block .control_point .right_side ul label{font-weight: bold; margin-right: 7px;}

.hotel_content .hotel_body .block .control_point .right_side a{
    text-decoration: underline;
    color: #fb9337;
    display: block;
    margin-top: 10px;
    font-weight: bold;
}

.hotel_content .hotel_body .block .control_point .right_side a:hover{text-decoration: none;}

.hotel_content .hotel_body .block  .map_block{
    width: 70%;
    min-width: 450px;
    float: left;
    margin-right: 15px;
    height: 200px;
}

.hotel_content .hotel_body .block.map ul{display: inline-block; vertical-align: top}

.hotel_content .hotel_body .block.map ul li{
    color: #000;
    font-size: 14px;
}

.hotel_content.v2 .hotel_body .main_image{
    padding: 95px 0;
}

.hotel_content.v2 .hotel_body .block .default_text{font-size: 18px; font-weight: bold; color: #000}

.hotel_content.v2 .hotel_body .block.map .map_block{
    background: #eceded;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 90px 0;
}

.hotel_content.v2 .hotel_body .block.map .map_block a{
    display: block;
    text-decoration: underline;
}

.hotel_content.v2 .hotel_body .block.map .map_block a:hover{text-decoration: none}

.bx-wrapper img{
    width: 100%;
    height: 100px;
    -webkit-background-size:cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size:cover;
}

/*-------------------------------------------------------------------------------------------*/
/*------------------------------------------- stars -----------------------------------------*/
dl.star-rating {
    height:20px;
    margin:0px 0 15px;
    display:inline-block;
    width:280px;
}

dl.star-rating dd {
    position:relative;
    float:left;
    margin:0px;
}

dl.star-rating dt {
    border:1px solid;
    width:25px;
    height:20px;
    float:right;
    margin:0px;
    font-size:12px;
    padding-top:3px;
}

dl.star-rating ol {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100px;
    height: 20px;
    position: relative;
    background: url(../images/stars.png);
    float:left;
}

dl.star-rating li {
    float: left;
    margin: 0;
    padding: 0;
}

dl.star-rating li a {
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    position: absolute;
    text-decoration: none;
    z-index: 10;
}

dl.star-rating li a:hover {
    background: url(../images/stars.png) left center;
    left: 0;
    z-index: 2;
}

dl.star-rating a.star1 {
    left: 0px;
}
dl.star-rating a.star1:hover {
    width: 20px;
}
dl.star-rating a.star2 {
    left: 20px;
}
dl.star-rating a.star2:hover {
    width: 40px;
}

dl.star-rating a.star3 {
    left: 40px;
}
dl.star-rating a.star3:hover {
    width: 60px;
}
dl.star-rating a.star4 {
    left: 60px;
}
dl.star-rating a.star4:hover {
    width: 80px;
}
dl.star-rating a.star5 {
    left: 80px;
}
dl.star-rating a.star5:hover {
    width: 100px;
}

dl.star-rating li.current {
    background: url(../images/stars.png) left bottom;
    height: 20px;
    z-index: 1;
}

.hotel_content .hotel_body .main_image img {
    max-width: 270px;
}

/*-------------------------------------------------------------------------------------------*/
/*------------------------------------- form hotelfacilietes --------------------------------*/
.widgets .check-block {
    border: 1px solid #dddddd;
}

.widgets .check-block .serch_field{
    margin: 15px 15px 20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.widgets .check-block ul{margin-bottom: 30px; padding: 15px;}

.widgets .check-block ul li{
    display: inline-block;
    vertical-align: top;
    width: 24%;
    min-width: 150px;
    margin: 10px 0;
}

.widgets .check-block ul li label{font-weight: bold; position: relative; top: 1px;}

.widgets .check-block .button{
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 20px;
}

.widgets .check-block input[type="submit"]{padding: 9px 10px; float: right}

.widgets .check-block .bottom_panel{
    border-top: 1px solid #dddddd;
    padding: 15px;
}

.fc-widget-content .info_zero_remaining_rooms{
    position: absolute;
    top: 50%;
    text-align: center;
    left: 0;
    right: 0;
    margin: -30px auto 0;
}

.fc-widget-content .day-block.ifallotused_on_request{background: #ffc }
.fc-widget-content .day-block.ifallotused_free_sell{background: #dbf3ff }
.fc-widget-content .day-block.day-soldout{background: #CC0000!important;}

.stdform.stdform2 .formRow .radio-button-sets .radio_box1,
.stdform.stdform2 .formRow .radio-button-sets .radio_box2,
.stdform.stdform2 .formRow .radio-button-sets .radio_block1,
.transl-f-form .radio-button-sets .radio_block1{
    display: inline-block;
    vertical-align: top;
}

.stdform.stdform2 .formRow .radio-button-sets .radio_box1 label,
.stdform.stdform2 .formRow .radio-button-sets .radio_box2 label,
.stdform.stdform2 .formRow .radio-button-sets .radio2_content label,
.stdform.stdform2 .formRow .radio-button-sets .radio_block1 label,
.transl-f-form .radio-button-sets .radio_block1 label{padding: 12px 5px 12px 0}

.stdform.stdform2 .formRow .radio-button-sets .radio2_content input[type="text"]{
    float: none;
    margin-right: 10px;
}

.stdform.stdform2 .formRow .radio-button-sets .radio2_content label{display: inline-block; vertical-align: top; float: none}

.fc-widget-content .fc-day-number{z-index: 20}

h3.pageCapt{padding: 10px 0}

.stdform.stdform2 .formRow .radio-button-sets .radio_block1 label{width: 110px;}

.tab_content .stdform.stdform2 .formRow .radio-button-sets .radio_block1 label{width: 200px;}

.fc-widget-content .day-info span.icon-lightning{
    background: url("../images/lightning.png") center no-repeat;
    vertical-align: top;
}

.inputtext {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 3px #ddd inset;
    color: #666;
    padding: 7px 5px;
    vertical-align: middle;
    width: 85%;
}

.formRow .field-inner .scheme li{
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.formRow .field-inner .scheme li:last-child{border-bottom: 0 none}

.formRow .field-inner .scheme li .column{
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    padding: 2px 0;
}

.formRow .field-inner .scheme li .column .chosen-container{width: 100%!important;}

.formRow .field-inner .scheme li .column.format-markup{display: block; margin: 5px 0}

.formRow .field-inner .scheme li .column.markup-row{max-width: 280px;}

.formRow .field-inner .scheme li .column.markup-row select{width: 100%}

.formRow .field-inner .scheme li .column.col1{width: 35%}
.formRow .field-inner .scheme li .column.col2{width: 20%}
.formRow .field-inner .scheme li .column.col3{width: 25%}
.formRow .field-inner .scheme li .column.col4{width: 175px}
.formRow .field-inner .scheme li .column.col5{width: 115px}
.formRow .field-inner .scheme li  .selector{width: 100%; max-width: 100%}

.withvernav .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all{
    z-index: 600!important;
    background: #fff;
    border: 1px solid #dddddd;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.withvernav .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-menu-item a{border-bottom-color: #dddddd}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active{background: #e5e6e7; color: #999}

/*-------------------------------------------------------------------------------------------*/
/*---------------------------------------- form translate -----------------------------------*/
.transl-f-form{display: inline-block; vertical-align: top}

.transl-f-form div.selector{padding-right: 10px;}

.transl-f-form input[type=submit]{
    height: 33px;
    opacity: 0.9;
}

.transl-f-form table{border-collapse: collapse}

.tab_container .tab_content .addon-regions{
    border-bottom: 1px solid #ccc;
    margin-top: 20px;
    padding: 0 20px;
}

.tab_container .tab_content .addon-regions a{
    display: inline-block;
    color: #666;
    background: #fff;
}

.tab_container .tab_content .addon-regions a:hover{
    -webkit-box-shadow: 0 1px 3px #ddd inset;
    -moz-box-shadow: 0 1px 3px #ddd inset;
    box-shadow: 0 1px 3px #ddd inset;
}

.withvernav .left-menu-sidebar input.ui-autocomplete-input{
    border: 2px solid #FB9337;
    height: 35px;
    width: 231px;
    padding: 0 25px 0 5px;
    position: relative;
    background: #f7f7f7;
    color: #333;
    -webkit-box-shadow: 0 2px 0 #ddd inset;
    -moz-box-shadow: 0 2px 0 #ddd inset;
    box-shadow: 0 2px 0 #ddd inset;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*top: -2px;*/
    background: url("../images/search.png") no-repeat right center;
}

.withvernav .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all{width: 231px!important; height: 500px; overflow: auto}

.sub-menu{top: 95px; z-index: 9999}

.headermenu > li{height: 95px;}

.headermenu li ul{position: relative}

body.short_mainMenu #header_top_block .topheader{
    padding-left: 430px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body.short_mainMenu #header_top_block .topheader .left{
    position: absolute;
    left: 10px;
    top: 13px;
}

body.short_mainMenu #header_top_block .topheader .left .cabinet_title{
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 195px;
    border-right: 1px solid #606d84;
}

.header{z-index: 300; padding-right: 60px;}

.main_menu_open{
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: -22px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #FB9337;
    font-size: 25px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.main_menu_open:before{
    content:'\2013';
    display: block;
    line-height: 31px;
    border: 1px solid #fff;
    border-radius: 100%;
    height: 34px;
    width: 34px;
    position: absolute;
    left: 2px;
    top: 2px;
}

.main_menu_open.close{
    bottom: 11px;
    height: 35px;
    width: 35px;
    background: none;
    border: 1px solid #fff;
    font-weight: normal;
}

.main_menu_open.close:before{
    content:'+';
    border: 0 none;
    width: 35px;
    height: 35px;
    position: relative;
    left: 0;
    top: 0;
    line-height: 35px;
}

#header_top_block .header{
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}


body.short_mainMenu #header_top_block .header{
    position: absolute;
    top: 0;
    left: 430px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

body.short_mainMenu #header_top_block .header .headermenu > li > a p{display: none}

body.short_mainMenu .left-menu-sidebar .left-menu-container{top: 60px!important;}

body.short_mainMenu #header_top_block .headermenu{border-right: 0 none}

body.short_mainMenu #header_top_block .headermenu > li {height: 60px}

body.short_mainMenu #header_top_block .headermenu > li > a{min-width: 50px; padding: 0px 5px; height: 60px;}

body.short_mainMenu #header_top_block .headermenu > li{border: 0 none}

body.short_mainMenu #header_top_block .headermenu li a span.icon{position: relative; top: 15px}

body.short_mainMenu #header_top_block .header{
    border-bottom: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
}

body.short_mainMenu #header_top_block{
    border-bottom: 5px solid #fb9337;
    -webkit-box-shadow: 0 1px 0 #50627f inset;
    -moz-box-shadow: 0 1px 0 #50627f inset;
    box-shadow: 0 1px 0 #50627f inset;
}

body.short_mainMenu #header_top_block .headermenu .sub-menu{top: 60px;}
/*
@media (max-width: 1580px) {
    .headermenu li.headermenu-item .sub-menu.cms{left: auto; right: -185px;}
}*/

/*
    @media (max-width: 1280px) {
        .headermenu li.headermenu-item .sub-menu.cms{left: 0; right: auto}
    }

    @media (max-width: 1180px) {
        body.short_mainMenu #header_top_block .headermenu{display: none;}
        body.short_mainMenu #header_top_block .header{height: 60px;}
        .main_menu_open.close{right: 12px;}
    }

    @media (max-width: 1085px) {
        .headermenu li.headermenu-item{min-width: 176px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;}
        .headermenu li.headermenu-item .sub-menu.globalsettings{left: 0; right: auto; margin-left: 0!important;}
    }

    @media (max-width: 950px) {
        .headermenu li.headermenu-item{min-width: 50px}
}*/

.userinfodrop{z-index: 500}


.btn_box{
    display: inline-block;
    vertical-align: top;
    margin-right: 3px;
    position: relative;
    font-size: 12px;
    font-family: Arial;
}

.btn_box a.btngrid{
    text-transform: uppercase;
    margin: 0;
    display: block;
    background-color: #f7f7f7;
}

.btn_box a.btngrid:hover{
    background-color: #464646;
}

a.btngrid_cms{background-position: -158px -480px;}

a.btngrid_cms:hover{background-position: -157px -481px}

a.btngrid_cms:hover,
.btn_box .drop_down_block li a:hover{
    background-color: #464646;
    color: #dddddd;
}

.btn_box .drop_down_block{
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    background: #f7f7f7;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
    display: none;
    z-index: 300;
    white-space: nowrap;
    min-width: 180px;
    box-sizing: border-box;
}
.btn_box .drop_down_block.top {
    bottom: 32px;
    top: auto;
}

.btn_box .drop_down_block:before{
    content:'';
    border-bottom: 6px solid #ccc;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    top: -7px;
    right: 7px;
}

.btn_box .drop_down_block.top:before{
    bottom: -8px;
    top: auto;
    border-bottom: 0 none;
    border-top: 6px solid #ccc;
}

.btn_box .drop_down_block li{
    display: block!important;
    border-top: 1px solid #ccc;
}

.btn_box .drop_down_block li a{
    color: #666;
    font-weight: bold;
    display: block;
    padding: 7px;
    text-decoration: none!important;
}

.btn_box .drop_down_block  .btn_box{
    display: block;
    margin: 0;
}

.btn_box .drop_down_block li a.btn{
    border: 3px solid transparent;
    background-color: transparent;
    padding: 0;
    position: relative;
}

.btn_box .drop_down_block li a.btn:hover,
.btn_box .drop_down_block li a.btn:hover span:not(.red-counter-box){background-color: #464646}

.btn_box .drop_down_block li a.btn span:not(.red-counter-box){
    box-shadow: none;
    text-align: left;
    padding: 10px 10px 10px 14px;
}

.btn_box .drop_down_block li a.btn span.red-counter-box{top: -4px;}

.btn_box .drop_down_block li:first-child{border-top: 0 none}

.btn_box .drop_down_block li .btn_box .drop_down_block{
    position: relative;
    top: 0;
    border: 0 none;
    text-align: left;
    margin-left: 39px;
    padding: 0;
}

.btn_box .drop_down_block li .btn_box .drop_down_block li a{
    padding: 12px 4px;
}

.btn_box .drop_down_block li .btn_box .drop_down_block:before{
    display: none;
}

.left-menu-sidebar .btn-toggle-tree{
    height: 1px;
    cursor: pointer;
    margin: 25px 10px;
    position: relative;
    background: #e5e5e5;
    /*background: url("../images/ztreecollapsed.png") no-repeat center 0;*/
}

.left-menu-sidebar .btn-toggle-tree:before{
    content: '';
    background: url('../images/treeico.png') no-repeat;
    height: 35px;
    width: 35px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    top: -17px;
}

/* 1280 */
@media (max-width : 1280px) {
    .setting-menu .column ul li {  width: 100%  }
    .setting-menu .column ul li:last-child,
    .setting-menu .column ul li:nth-last-child(2){border-bottom: 1px solid #C0C1C4}
}

.payment-terms-row {
    display: inline-block;
    vertical-align: top;
}

.payment-terms-row label{float: none; padding: 0 0 10px 0}

#sticked-block.fix{
    position: fixed;
    top: -11px;
    left: 0;
    width: 230px;
}

.booking-wrapper .gray-panel .status-block{
    background: #fff;
    float: right;
    color: #060;
    padding: 0 10px;
    height: 28px;
    position: relative;
    top: -4px;
    line-height: 28px;
    border: 1px solid #f0882c;
}

.booking-wrapper .gray-panel .status-block.notpayment{color: red}

.type-guaranty{
    display: inline-block;
    padding: 2px 5px;
    border: 1px solid transparent;
    line-height: 11px;
    font-size: 11px;
}

.type-guaranty.red{
    color: red;
    border-color: red;
}

.type-guaranty.green{
    color: green;
    border-color: green;
}

.booking-wrapper .booking-guest .btn_box{display: block}

.booking-wrapper .booking-guest .btn_box .drop_down_block{top: 40px;}

.booking-wrapper .booking-guest .wButton.greenwB.block-right{cursor: pointer}

.plupload_buttons .choose-all{
    float: none;
    margin: 10px 8px;
}

.total-invoice{margin-bottom: 10px; font-weight: bold}

.total-invoice .counter{color: #060; margin-left: 5px;}

.stdform_table table{width: 100%; border-collapse: collapse}

.stdform_table table tr th{background: #f7f7f7; color: #000}

.stdform_table table tr th,
.stdform_table table tr td{border: 1px solid #ddd; padding: 7px 10px}
/*
.btn.btn_orange.btn_pencil:active{
    background-position: -154px -262px;
}*/

.greenwB{cursor: pointer}

.status-confirmed,
.status-request,
    /*.status-cancel,*/
    /*.status-soldout,*/
.status-requestcancel,
    /*.status-confirmcancel,*/
.status-waiterpapprove,
.status-finish,
.status-refused,
.status-cancel,
.status-no-status,
.status-penalty{
    width: 24px;
    height: 24px;
    display: block;
    background: url('../images/status.png') 0 0;
    margin: 0 auto;
}

.status-confirmed{background-position: center -217px;}
.status-request{background-position: center -94px;}
/*.status-cancel*/.status-no-status{background-position: center -63px;}
/*.status-soldout, */.status-refused{background-position: center -155px; height: 23px;}
.status-requestcancel{background-position: center -187px;}
/*.status-confirmcancel*/.status-cancel{background-position: center -122px;}
.status-waiterpapprove{background-position: center -33px;}
.status-finish{background-position: center -246px;}
.status-penalty{background-position: center -276px;}

.status-legend{margin: 20px 0}

.status-legend li{
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 36px;
    margin: 5px 30px 5px 0;
}

.status-legend li span{
    position: absolute;
    left: 0;
    top: -1px;
}

.widget.filtration-form .booking-search .selector{
    max-width: 230px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search-stats-form .chosen-container{width: 100%!important; min-width: 165px;}

.search-stats-form .selector{
    max-width: 100%;
}

.search-stats-form input[type="text"] {
    min-width: 140px;
    width: 100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search-stats-form td{vertical-align: middle}

.search-stats-form  .stats-form-item{
    display: inline-block;
    vertical-align: middle;
    min-width: 240px;
    padding: 5px 10px 5px 0;
}

.search-stats-form  .stats-form-item.date-item{
    min-width: 200px;
}

.search-stats-form  .stats-form-item.date-item input[type="text"],
.search-stats-form  .stats-form-item.ip-item input[type="text"]{
    min-width: 110px;
}

.search-stats-form  .stats-form-item.ip-item{
    width: 16%;
    min-width: 150px;
}

.search-stats-form  .stats-form-item-inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.search-stats-form  .stats-form-item-inner > div{padding-right: 5px;}

.widget.filtration-form .booking-search input[type="text"]{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.widget.filtration-form .booking-search td{padding: 0 3px;}

.widget.filtration-form .booking-search .datepickerWithoutText.hasDatepicker{width: 109px!important;}

.summary-block.filtration-form td{width: 33.3333%}

.widget.filtration-form .booking-search.col-3 td{width: 33.3333%; padding-right: 24px;}

.widget.filtration-form .booking-search.col-3 .selector{max-width: none}

.filtration-form table td {
    padding-bottom: 4px;
}

.dataTables_length{min-height: 49px; box-sizing: border-box;}

.dataTables_filter .stdbtn.with-icon.btn_black{background-image: none}

.dataTables_filter .stdbtn.with-icon.btn_black svg path{stroke: #fff}

.radioField-form{
    background: #f7f7f7;
    color: #333;
    border: 1px solid #DDDDDD;
    padding: 3px 9px;
    display: inline-block;
    font-weight: 700;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    30% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.dataTables_filter .stdbtn.with-icon.btn_black svg{
    animation: rotation 1.5s linear 0s infinite;
}

#last_cache_update{
    font-weight: bold;
    font-size: 18px;
    margin: 15px 0;
}

#last_cache_update a{
    text-decoration: underline;
    color: blue;
    margin-left: 10px;
    font-weight: normal;
}

#last_cache_update a:hover{text-decoration: none}

.stdform.stdform2 .formRow .field-inner table.dropoff-box{width: 100%}

.stdform.stdform2 .formRow .field-inner table.dropoff-box .service-option-input label{width: auto; float: none; padding: 10px 0}

.addon-stop-point .chosen-container{width: 215px!important;}

.calendar-widget .fc-widget-content .day-links a.plus-link:hover{text-decoration: underline}

.weekDays .week-day{border: 1px solid #ccc; margin-right: 5px; padding-top: 2px;}

.formRow .weekDays .week-day .checker{margin-right: 2px; margin-top: 0}

.formRow .weekDays .week-day label{margin-right: 5px; line-height: 21px;}

.fc-header.fc-header-controls #uniform-adults,
.fc-header.fc-header-controls #uniform-children,
.fc-header.fc-header-controls #uniform-infants{position: relative; padding-right: 25px}

.fc-header.fc-header-controls #uniform-adults:after,
.fc-header.fc-header-controls #uniform-children:after,
.fc-header.fc-header-controls #uniform-infants:after{
    content:'';
    background: url('../images/people_ico.png') no-repeat;
    width: 17px;
    position: absolute;
    right: 8px;
    top: 0;
    height: 30px;
}

.fc-header.fc-header-controls #uniform-adults:after{background-position: 0px 0px; }
.fc-header.fc-header-controls #uniform-children:after{background-position: 0px -39px}
.fc-header.fc-header-controls #uniform-infants:after{background-position: 0px -71px;}

.room-availability-table .weekend{background: #FBB5B5!important;}

.fc-widget-content .fc-day-number{width: 65px; font-size: 1.1em}

.fc-widget-content .day-text-row{font-size: 12px;}

table.fc-border-separate{font-size: 1.1em}
table.fc-border-separate td{font-size: 12px}

.link_change{
    white-space: nowrap;
    color: #463682;
}

.link_change:hover{text-decoration: underline}

.fc-widget-content .day-top-info .bg-green-out{
    background: green;
    color: #fff;
    width: 30px;
    text-align: center;
}

.stdform.stdform2 .formRow{border-color: transparent; background: none}

.stdform.stdform2 .formRowInner > label{text-align: right; padding: 12px;}

.widget .widget{margin: 0;}

.widget .side-small-cols > .widget{border: 0 none}

.ui-tabs-nav{height: auto; min-height: 41px}

.ui-tabs-panel ul{margin: 0}

.ui-tabs-nav:after{
    content: "";
    clear: both;
    display: table;
}

.ui-tabs-panel input.inputtext{
    width: 100%!important;
    box-sizing: border-box;
}

.ui-tabs-nav li a{padding-left: 13px; padding-right: 13px;}

.setting-point .ui-tabs-panel ul:not(.chosen-results) li{padding-left: 0}

.stdform.stdform2 .formRow.formTitle{/*border-top: 1px solid #DDDDDD; */border-bottom: 1px solid #DDDDDD}

.stdform.stdform2 .formRow.formTitle label{font-size: 18px; font-weight: bold; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;}

.stdform.stdform2 .formRow.formTitle h4{display: inline-block}

.stdform.stdform2 .formRow .field-inner{padding: 12px;}

.hideTree{height: 0!important;}

/**/
.fc-widget-content:hover{
    background: rgba(204,204,204,0.3);
}

.fc-widget-content .day-links,
.fc-day-content table .link_change{
    opacity: 0;
}

.fc-widget-content .day-top-info span.bg-purple{display: none}

.fc-widget-content:hover .day-links,
.fc-widget-content:hover table .link_change{opacity: 1;}

.fc-widget-content:hover .day-links{background: #D9DEF0; padding-top: 5px;}

.day-block:hover .day-top-info span.bg-purple{display: inline-block}

.fc-widget-content .day-right-links a.plus-link{color: #463682}

.fc-widget-content .day-links a{color: #463682!important}

.product-list .sheme-box{
    background: #EEEEEE;
    position: relative;
    padding: 15px;
}

.product-list .sheme_setting_box{position: relative}

.product-list li .sheme-box:before,
.product-list .sheme_setting_box:before{
    content: '';
    border-bottom: 5px solid #EEEEEE;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: -5px;
    left: 25px;
}

.product-list .sheme_setting_box:before{border-bottom-color: #D1D2D4}

.formRow .field-inner .product-list li{border-bottom: 0 none}

.product-list .sheme-title{
    background: #D1D2D4;
    padding: 2px 15px;
    position: relative;
    z-index: 10;
    color: #383838;
    font-size: 13px;
    font-weight: bold;
}

.product-list  .bottom-column{margin-top: 15px;}

.product-list .column label{display: block; padding: 0 0 5px; float: none}

.rules-box td,
.policy-box td{padding: 5px 10px 5px 0; vertical-align: top}

.rules-box td.service-option-input .body .button.basic{margin: 7px 10px 0 0 }

.rules-box td:first-child{min-width: 110px;}

.stdtable.datatables td a{text-decoration: underline}
.stdtable.datatables td a:hover{text-decoration: none}

a.simple-blue-link{
    color: blue;
    text-decoration: underline;
}

a.simple-blue-link:hover{text-decoration: none}

a.btngrid_confirm{background-position: -194px -480px}

.formRow.has-add_btn .formRowInner{
    display: inline-block;
    vertical-align: top;
}

.add_btn{
    background: url("../images/icons/icons/add_plus.png") no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-top: 18px;
}

.formRow.has-add_btn .chosen-container{min-width: 190px; width: 100%!important;}

.ages-item{display: inline-block; vertical-align: top;}

.ages-item + .ages-item{padding-left: 25px;}

.ages-item label{
    margin-left: 0;
    width: auto;
    float: none;
    padding: 0
}

.stops-time.v1{
    display: table;
    width: 100%;
    margin-top: 5px;
}

.stops-time.v1 > div{
    display: table-cell;
    vertical-align: middle;
}

.stops-time.v1 .addon-stop-point{width: 100px;}

.stops-time.v1 .stops-remove{width: 200px; padding-left: 10px;}

.stops-time.v1 .chosen-container{width: 100%!important;}

.stops-time .addon-stop-point .time-input,
.stops-time .addon-stop-point .stops-select,
.stops-time .addon-stop-point,
.stops-time .delete-stop-place{
    display: inline-block;
    vertical-align: middle;
}

.region-item{margin-bottom: 20px; padding-top: 20px; border-top: 1px solid #DDDDDD}

.jstree-default.jstree-focused{max-height: 500px;}

table.policy-box .hotel-list .chosen-container{min-width: 180px; width: 100%!important;}
#submit-preloader {
    z-index: 1000;
}
#submit-preloader {
    position: absolute;
}

.form input[type="number"],
.form input[type="text"] {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 3px #ddd inset;
    color: #666;
    padding: 7px 5px;
    vertical-align: middle;
    width: 85%;
}

.booking-wrapper h4{padding: 10px 12px 10px 20px}

.filter_column{line-height: 12px;}

.filter_column  .filter-date.datepickerWithoutText{margin: 3px 0; width: 65px!important;}

.dataTables_wrapper input[type="checkbox"]{width: auto}

.widget .check-line-list.scroll-list-box{max-height: 600px; overflow-y: auto}

.day-description .day-field{
    padding: 10px 20px 20px;
    background: #EEEEEE;
    margin: 20px 0;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.day-description table.day-flight-table{width: 100%}

.day-description table.day-flight-table td, .day-description table.day-flight-table th{line-height: 14px; vertical-align: top}

.day-description table.day-flight-table .thead td{color: #333; padding: 0}

.day-description table.day-flight-table td{padding: 10px 0}

.day-description table.day-flight-table .nowrap-text, .nowrap-text{white-space: nowrap}

.day-description .ui-tabs{overflow: visible}

.day-description .ui-tabs-panel ul.tabs{margin: 0 0 10px}

.day-description .item-box{margin-bottom: 20px;}

.service-item-window .star-block select{border: 1px solid #ccc; margin-top: 5px;}

.field-space{padding-bottom: 15px;}

.i{display: inline-block; vertical-align: top; padding-right: 10px;}

.stick .main-tabs-day{
    position: fixed;
    top: 0;
    z-index: 2;
    right: 33px;
    left: 506px;
}

.table-box .no-data{
    color: #fff;
    background: #CD1F00;
    height: 19px;
    padding: 0 3px;
    white-space: nowrap;
    line-height: 19px;
    font-size: 11px;
}

#jqg_globalpolicies-index-0-ajax th:nth-child(3){width: 30%!important;}
#jqg_waitlists-index-0-ajax th:nth-child(9){width: 25%!important;}
/*------------------------------------------------------------------------------------------- */
/*----------------------------------- SETTINGS B2C ------------------------------------------ */
/*------------------------------------------------------------------------------------------- */
.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.flex-row.content-space {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.styled-content-box{
    padding: 15px;
    background: #e7e7e7;
    border: 1px solid #D0D1D1;
    margin-bottom: 15px;
}

.styled-content-box .right-offset{padding-right: 10px;}

.styled-content-box .content-right{margin-top: 10px;}

.contentwrapper .blue-link{color: blue; text-decoration: underline}

.contentwrapper .blue-link:hover{text-decoration: none}

.styled-content-box .btn{background-image: none;}

.styled-content-box .btn span{margin-left: 0}

.styled-content-box .block-right{margin-top: 8px;}

ul.isRedBullet li{
    position: relative;
    padding-left: 16px;
}

ul.isRedBullet li + li{margin-top: 12px}

ul.isRedBullet li:before{
    content: '';
    height: 8px;
    width: 8px;
    background: red;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 5px;
}

.border-line {
    border-bottom: 1px solid #E3E3E3;
}

.content-spacer{padding-top: 16px}

.content-spacer.x01{padding-top: 4px;}
.content-spacer.x0{padding-top: 8px;}
.content-spacer.x1{padding-top: 12px;}
.content-spacer.x2{
    padding-top: 24px;
}
.content-spacer.x3{
    padding-top: 32px;
}
.content-spacer.x4{
    padding-top: 48px;
}

.text-center{text-align: center}

.spaced-block{padding-bottom: 16px;}

.spaced-block.x1{padding-bottom: 12px;}

.std-status{
    border-radius: 24px;
    border-width: 1px;
    border-style: solid;
    padding: 4px 6px;
    line-height: 14px;
    font-size: 14px;
    cursor: default;
    font-weight: 400;
    display: inline-block;
    white-space: nowrap;
}

.std-status.wrap{white-space: normal}

.std-status.v1{
    display: block;
    text-align: center;
    padding: 11px 8px;
}

.std-status.v1.inlineVisisble{
    display: inline-block;
}

.std-status.green{
    background: #E8FDD8;
    color: #028100;
    border-color: #DEF4CD
}

.std-status.gray{
    background: #EDEDEC;
    color: #3e3e3e;
    border-color: #D5D5D0
}

.std-status.grayLight{
    background: #EAF1F8;
    color: #465975;
    border-color: #D8E2EC
}

.std-status.orange{
    background: #FFF6DF;
    color: #DD8A0F;
    border-color: #FFEDC2
}

.std-status.red{
    background: #F4DFE8;
    color: #BE1653;
    border-color: #E6BFD0
}

.std-status.purple{
    background: #D2C7EE;
    color: #50388B;
    border-color: #B8ABD8;
}

.std-status.blue{
    background: #E5EEFE;
    color: #2F58D1;
    border-color: #D3E0FD;
}

.std-status.v2{
    border-radius: 6px;
    padding: 2px 6px;
    line-height: 16px;
    text-align: center;
}

.std-status.v2.green{
    background: #DCFCE7;
    color: #15803D;
    border-color: #BBF7D0
}

.std-status.v2.red{
    background: #FEE2E2;
    color: #B91C1C;
    border-color: #FECACA
}

.std-status.v2.orange{
    background: #FFEDD5;
    color: #C2410C;
    border-color: #FED7AA
}

.inline-offset-field{display: inline-block; vertical-align: top; padding-right: 15px;}

.white-border-box .stdtable .inline-offset-field input[type="radio"]{
    position: relative;
    top: 2px;
    margin-right: 2px;
}

.dd-field{margin-top: 15px; border-top: 1px solid #E3E3E3; padding-top: 15px; float: none}

.dd-field .dd-item .edit-form{padding: 8px 20px;}

.dd-field .dd-handle{padding: 15px 20px; font-size: 20px; height: auto;}

.dd-handle{display: flex; justify-content: space-between}

#template-box .dd-item .dd-handle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.table-edt-btns {
    display: flex;
    justify-content: flex-end;
    margin: 0 -3px;
}

.table-edt-btns > div {
    padding: 0 3px;
    box-sizing: border-box;
}

.dd-field .dd-handle .btn{position: relative; top: -4px;}

.dd-field .dd-handle .table-edt-btns .btn{top: 0}

.dd-field .dd-handle .btn i{display: none}

.dd-field .dd-item.dd-open{background: #fff}

.dd-field .dd-item.dd-open .dd-handle{color: #F48221; background: #fff}

.widget .setting-point{padding: 15px 0}

.widget .setting-point h4{margin-bottom: 15px;}

.widget .setting-point h5{margin-bottom: 10px;}

.setting-point .col-xs-4{
    float: left;
    width: 33.3333%;
    padding: 5px 15px 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.setting-point .table-imitate-line{display: table-row}

.setting-point .table-imitate-row{display: table; width: 100%}

.setting-point .table-imitate-cell{
    display: table-cell;
    vertical-align: middle;
}

.setting-point .display-option{
    width: 136px;
    border: 1px solid #000;
    text-align: center;
    margin-right: 10px;
}

.setting-point .display-option img{
    max-height: 62px;
}

.setting-point .display-option .radio-line{background: #F1F1F1; border-top: 1px solid #000; padding: 2px;}

.setting-point .display-option .radio-line.active{background: #f7941d}

.setting-point.select-img .table-imitate-cell{vertical-align: middle; padding: 0}

.setting-point .half-block{width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.setting-point .half-block.right-offset{padding-right: 15px;}

.setting-point .preview-gallery{margin-left: -2px;}

.setting-point .preview-gallery .file-view{max-width: 140px;}

.setting-point .preview-gallery .file-view img{max-width: 100%; height: auto; background: #F1F1F1; border: 0 none}

.setting-point .fact-list .left-number{
    width: 150px;
    padding: 0;
    background: #F1F1F1;
}

.setting-point .fact-list .left-number > div{
    padding: 15px;
}

.setting-point .fact-list .left-number input{
    width: 100%;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.setting-point .list-img{height: 21px; text-align: center; font-size: 11px; line-height: 11px; color: gray; margin-bottom: 5px;}

.setting-point .offset-row{margin: 0 -15px;}

.setting-point .offset-row .col{
    float: left;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.setting-point .upload-box {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}

.setting-point .fact-list .item-point{
    position: relative;
    padding: 10px;
    border: 1px solid #CCCCCC;
    margin: 5px 0 20px;
}

.switcher-control {
    font-size: 22px;
    color: #019944;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 5px;
}

.switcher-control.is-disable {
    color: #BDBDBD;
}

.setting-point .fact-list.is-multiply .item-point{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    padding: 7px;
}

.setting-point .del-circle{
    position: absolute;
    right: -7px;
    top: -9px;
    color: #3c4353;
    text-decoration: none;
    font-family: Arial;
    height: 20px;
    width: 20px;
    text-align: center;
    border: 1px solid #3c4353;
    font-weight: bold;
    font-size: 15px;
    background: #fff;
    line-height: 15px;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.setting-point .del-circle:hover{
    background: #3c4353;
    color: #fff;
}

.setting-point .color-point{
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
}

.setting-point .color-point input[type="text"]{
    height: 46px;
    width: 46px;
    border: 1px solid #CDCDCD;
}

.color-field{
    border: 1px solid #CDCDCD;
    padding: 2px;
    width: 42px;
    height: 42px;
    position: relative;
}

.color-field > div{
    border: 1px solid #CDCDCD;
    height: 40px;
    width: 40px;
}

.color-field:after{
    content: '';
    width: 10px;
    height: 8px;
    border: 1px solid #CDCDCD;
    background: #e7e7e7;
    position: absolute;
    right: -1px;
    bottom: -1px;
}

/*--------------------------------------------------------------------------------------*/
.optionSwitch-wrap{
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}

.optionSwitch-wrap ._col{
    padding: 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    box-sizing: border-box;
}

.optionSwitch-wrap.cnt-4 ._col{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.optionSwitch-item{
    border-radius: 24px;
    border: 1px solid #E5E9F8;
    background: #fff;
    cursor: pointer;
    position: relative;
    height: 100%;
}

.optionSwitch-item .item-preview{
    padding: 20px;
    text-align: center;
}

.optionSwitch-item .item-preview img{max-width: 100%}

.optionSwitch-item .item-footer{
    padding: 16px 20px;
    border-top: 1px solid #E5E9F8;
    display: flex;
    justify-content: space-between;
}

.optionSwitch-item .name{
    position: relative;
    padding: 0 20px;
}

.optionSwitch-item .name input[type="radio"]{
    position: absolute;
    left: 0;
    top: 2px;
}

.optionSwitch-item .colors{white-space: nowrap}

.optionSwitch-item .colors .circle{
    height: 16px;
    width: 16px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: top;
    margin-left: 1px;
}

.optionSwitch-item .colors .circle.clr1{background: #0064CE}
.optionSwitch-item .colors .circle.clr2{background: #6C8495}
.optionSwitch-item .colors .circle.clr3{background: #CBE4FF}
.optionSwitch-item .colors .circle.clr4{background: #EDEDED}
.optionSwitch-item .colors .circle.clr5{background: #D3D3D3}
.optionSwitch-item .colors .circle.clr1-1{background: #CFDC00}
.optionSwitch-item .colors .circle.clr1-2{background: #97A009}
.optionSwitch-item .colors .circle.clr1-3{background: #3E3E3E}
.optionSwitch-item .colors .circle.clr1-4{background: #FF980E}
.optionSwitch-item .colors .circle.clr1-5{background: #FFCC87}
.optionSwitch-item .colors .circle.clr2-1{background: #BD254B}
.optionSwitch-item .colors .circle.clr2-2{background: #B71280}
.optionSwitch-item .colors .circle.clr2-3{background: #562EAC}
.optionSwitch-item .colors .circle.clr2-4{background: #F1DEEB}
.optionSwitch-item .colors .circle.clr2-5{background: #FFEFFA}

.optionSwitch-item:hover:not(.current){
    border-color: #C8DFED;
    background: #EEF5FC;
}

.optionSwitch-item.current{
    border-color: #0064CE;
    box-shadow: 0 0 0 1px #0064CE;
}

.optionSwitch-item .item-label{
    display: none;
    position: absolute;
    right: -1px;
    top: -1px;
    color: #fff;
    background: #0064CE;
    border-radius: 0 24px 0 24px;
    font-weight: 700;
    padding: 3px 24px 5px;
}

.optionSwitch-item.current .item-label{display: block}

.widget .stickem-line.stickit{
    border: 1px solid #CCCCCC;
    padding: 10px;
    z-index: 50;
    margin: 0 -11px;
    -webkit-box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fafafa;
}

.widget .stickem-line .widget{padding: 0}

.widget .stickem-line-container{position: relative; min-height: 70px;}

.side-small-cols .content-col{position: relative}

.modal-gallery-box{
    padding: 20px 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modal-gallery-box .items-box{font-size: 0; max-height: 650px; overflow-y: auto; background: #F6F6F6}

.modal-gallery-box .gallery-item{
    display: inline-block;
    vertical-align: top;
    padding: 5px 0 5px 5px;
    max-width: 80px;
}

.modal-gallery-box .gallery-item img{    height: auto; max-width: 100%;}


.tab_sm.ui-tabs-panel ul li{padding-left: 0}
.tab_sm .ui-tabs-nav li a{padding: 10px;}
/*stick*/
.stickem-container {
    position: relative;
}

.stickit {
    position: fixed;
    top: 0;
}

.stickit-end {
    bottom: 0;
    position: absolute;
    left: 0;
}

@media (max-height: 850px) {
    .widget .check-line-list.scroll-list-box{max-height: 500px;}
}

@media (max-height: 750px) {
    .widget .check-line-list.scroll-list-box{max-height: 450px;}
}

@media (max-height: 700px) {
    .widget .check-line-list.scroll-list-box{max-height: 400px;}
}
textarea.custom {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 3px #ddd inset;
    color: #666;
    padding: 6px 5px;
    width: 85%;
}

.side-small-cols.not-side-offset {
    padding: 0;
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.side-small-cols .point-left-side.col-w75 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.side-small-cols .point-left-side {
    border-right: 1px solid #CCCCCC;
}

.side-small-cols .point-right-side.col-w25 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.side-small-cols h4.parameter-title {
    padding: 7px 30px 8px 15px;
    cursor: pointer;
    background: #F5F5F5;
    text-align: left;
    position: relative;
    margin: 0;
    font-size: 16px;
}

.setting-point label {
    text-transform: none;
    font-weight: normal;
    padding: 0 0 10px;
    display: block;
    line-height: 16px;
    float: none;
    width: auto;
}

.parameter-box {
    padding: 0 15px;
}

.parameter-box .setting-point.spaced-block{padding: 0 0 15px;}

.parameter-box .setting-point select,
.parameter-box .setting-point input{
    width: 100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.parameter-box .setting-point.two-column {
    margin: 0 -7px;
}

.parameter-box .setting-point .half-block {
    padding: 0 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*------------------------------------------------------------------------------------------- */
/*---------------------------------------- LEAD --------------------------------------------- */
/*------------------------------------------------------------------------------------------- */
.header-gray-box{padding: 15px; margin-bottom: 15px; background: #ededed}

.header-gray-box h4{color: #485b79; padding-bottom: 4px}

.header-gray-box .status-text {
    color: #000;
    font-family: Arial;
    padding: 4px 5px;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    line-height: 16px;
}

.header-gray-box .status-text > span{
    display: inline;
    vertical-align: top;
    border-bottom: 1px dashed #000;
    line-height: 15px;
}

.header-gray-box .status-text:hover > span{border-color: transparent}

.noteRow{
    background: #FBF9F4;
    border: 1px solid #FAF4E5;
    padding: 8px 12px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 12px;
    color: #000;
}

.std-badge{
    background-color: #c6c6c6;
    color: #fff;
    border-radius: 2px;
    cursor: default;
    display: inline-block;
    font-size: 12px;
    padding: 0 2px;
    min-width: 22px;
    text-align-last: center;
    border: 1px solid #96A0AB;
}

.send-proposal-modal .col-count-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.send-proposal-modal .spaced-block{
    padding-bottom: 15px;
}

.statistic-grid{
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
}

.statistic-grid .statistic-grid_item{padding: 12px;}

.statistic-val{
    position: relative;
    line-height: 19px;
    padding-left: 16px;
}

.statistic-val:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    border-radius: 6px;
    background: #fb9337;
}

.statistic-val .statistic-val_sum {
    padding-bottom: 6px;
    font-size: 16px;
    font-weight: 700;
}

.user-info-box table.stdtable{
    border-collapse: collapse;
}

.user-info-box .stdtable th{color: #666}

.solid-block {
    border-top: 1px solid #E3E3E3;
    padding-top: 15px;
}

.group-block .white-border-box{
    background: #fff;
    padding: 16px;
    border: 1px solid #E9E9E9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.group-block .full-info-block{
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.group-block .full-info-block .half-block{width: 49%}

.group-block table{border-collapse: collapse}

.group-block .user-info-box{
    font-size: 14px;
}

.group-block .user-info-box .text-line{line-height: 18px;}

.group-block .user-info-box .solid-block{border-top: 1px solid #E3E3E3; padding-top: 15px; margin-top: 15px;}

.comment-form textarea{width: 100%; border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;}

.comment-form .el-row{margin: 0 -5px;}

.comment-form .el-row .el-item{padding: 0 5px; width: 22%; float: left}
.comment-form .el-row .el-item.cols2{width: 34%}

.comment-form .el-row input[type="text"]{width: 100%!important;}

.comment-form .el-row.col-3 .el-item{width: 33.3333%}

.comment-form .error-message{font-size: 11px; line-height: 12px; color: red}

.comment-form .selectBox-dropdown{
    width: 100%!important;
    min-width: 110px;
    -webkit-box-shadow: 0 2px 2px -2px #cccccc inset;
    -moz-box-shadow: 0 2px 2px -2px #cccccc inset;
    box-shadow: 0 2px 2px -2px #cccccc inset;
    border: 1px solid #d2d2d2;
}

.tabs-block .box{display: none; border-top: 1px solid #E3E3E3; padding-top: 15px;}

.tabs-block .box.visible{display: block}

.tabs-block .tabs-btn-panel{height: 51px;}

.tabs-block .tab-btn{
    height: 45px;
    width: 45px;
    text-align: center;
    color: #000;
    border: 1px solid #E3E3E3;
    line-height: 52px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin: 0 0 -1px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tabs-block .tab-btn.active{height: 52px; border-bottom-color: #fff;}

.tabs-block .tab-btn i{
    font-size: 24px;
    line-height: 40px;
}

.msg-box{position: relative; padding-left: 55px; margin-top: 20px;}

.msg-box:before{
    content:"";
    position: absolute;
    width: 1px;
    background: #000;
    top: -7px;
    left: 0;
    bottom: 15px;
}

.msg-box .comment-point{position: relative; margin-bottom: 10px;}

.msg-box .comment-point .left-ico{color: #000; font-size: 22px; position: absolute; left: -40px; top: 10px;}

.msg-box .comment-point .left-ico:before{
    content: '';
    position: absolute;
    left: -14px;
    width: 10px;
    background: #000;
    top: 50%;
    height: 1px;
}

.group-block .fa-bell-o{
    -ms-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.msg-box .msg-body{
    display: inline-block;
    border-radius: 4px;
    padding: 10px;
    background: #B2DEEB;
    font-size: 14px;
    line-height: 18px;
}

.msg-box .red-msg .msg-body{background: #FE0000; color: #fff}

.msg-body .msg-text{font-style: italic; margin-top: 10px;}

.msg-box .data-text, .tooltip1 #tooltip-type{
    color: #fff;
    font-size: 12px;
    background: #2D2D2D;
    padding: 4px 12px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);
    display: inline-block;
    margin-right: 5px;
    border-radius: 4px;
}

table.smp-table{width: 100%}

table.smp-table th{text-align: left; padding: 5px; line-height: 14px;}

table.smp-table td{vertical-align: top; padding: 5px;}

table.smp-table td:first-child,
table.smp-table th:first-child{padding-left: 0}

table.smp-table td:last-child,
table.smp-table th:last-child{padding-right: 0}

table.smp-table td input[type="text"]{width: 100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

table.smp-table td select,
table.smp-table td div.selector span{width: 100%}

table.smp-table td div.selector span{height: 31px;}

table.smp-table td div.selector{max-width: 100%; width: 100%}

table.smp-table td div.selector,
table.smp-table td div.selector span{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.smp-table .chosen-container-multi .chosen-choices li.search-field{height: 29px;}

table.smp-table td .ui-datepicker-append{display: none}

table.smp-table td .chosen-container{width: 100%!important;}

a.btn-filters{
    height: 31px;
    margin-right: 3px;
    width: 31px;
    vertical-align: middle;
}

a.btn-filters.btn_chat {background-position: -84px -299px; }
a.btn-filters.btn_bell{ background-position: -191px -48px; }
a.btn-filters.btn_calendar { background-position: -84px -155px; }

a.btngrid{position: relative}

a.btn .secondary-counter-box {
    position: absolute;
    color: #fff;
    text-align: center;
    background-color: #fb9337;
    font-size: 11px;
    font-family: Arial;
    font-weight: 700;
    border-radius: 50rem;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px!important;
    margin: 0;
    box-sizing: border-box;
    z-index: 5;

    --bs-border-opacity: 1;
    border: 1px solid #fff;
    transform: translate(-50%,-50%) !important;
    cursor: pointer;
}

a.btn .red-counter-box{
    position: absolute;
    right: -8px;
    top: -7px;
}

a.btn .red-counter-box,
.red-counter-box{
    color: #fff;
    text-align: center;
    background: red;
    font-size: 11px;
    font-family: Arial;
    border-radius: 100%;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
    display: inline-block;
}

.widget .offer-view{padding: 15px;}

.header-gray-box .dashed-text-line.font_bold{
    display: inline-block;
    vertical-align: middle;
}

.h5 {
    font-size: 16px;
    font-weight: 200;
}

.font_bold {
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.offer-view .group-block .full-info-block .half-block{width: 100%}

.offer-view .product-item {
    border: 1px solid #E9E9E9;
    position: relative;
    margin-top: 15px;
    min-height: 180px;
    background: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.group-block .product-pid-bg {
    position: absolute;
    left: 0;
    top: 0;
    padding: 3px;
    background: #585f6e;
    border-radius: 0 0 6px 0;
    display: inline-block;
    z-index: 5;
}

.group-block .product-pid-bg > input {
    margin: 0;
    display: block;
}

.product-item .product-item-inner {
    flex: 1;
    padding: 18px;
}

.product-item .main-photo {
    width: 180px;
    height: 145px;
    float: left;
    position: relative;
}

.product-item .main-photo > a {
    display: block;
    height: 100%;
    width: 100%;
    background: #EEEEEE;
    overflow: hidden;
}

.product-item .main-photo img {
    height: 100%;
    min-width: 100%;
    max-width: none;
}

.product-item .id-block {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 0 10px;
    height: 20px;
    background: #3E3C3D;
    line-height: 19px;
    white-space: nowrap;
    position: absolute;
    top: 1px;
    left: 1px;
}

.product-item .main-side {
    padding: 0 0 0 195px;
}

.product-item .blue-title {
    margin: 5px 0;
}

.product-item .blue-title a {
    text-transform: uppercase;
    color: #164f9c;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    line-height: 20px;
}

.product-item .blue-title.color-dark a {
    cursor: default;
    color: #313131;
    margin-top: 0;
}

.product-item .gray-subtitle {
    color: #7f7f7f;
    font-size: 11px;
    text-transform: uppercase;
}

.product-item .rating-block {
    position: relative;
    max-width: 150px;
    color: #164f9c;
    text-align: right;
    font-size: 12px;
    display: table-row;
    cursor: default;
}

.product-item .rating-block span {
    display: table-cell;
    vertical-align: middle;
    width: 70px;
    padding-right: 5px;
    font-weight: bold;
    text-align: right;
}

.product-item  .rating-block .number {
    background: #164f9c;
    color: #fff;
    font-size: 16px;
    height: 30px;
    width: 45px;
    line-height: 30px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.product-item .product-info {
    margin-bottom: 10px;
}

.product-item .product-info > div {
    display: inline-block;
    vertical-align: top;
    margin: 5px 10px 5px 0;
}

.product-item .details-bx .title {
    color: #ababab;
}

.product-item .details-bx .type {
    color: #000;
    font-weight: bold;
    display: inline;
    vertical-align: top;
    line-height: 14px;
}

.group-block .price_list{
    padding: 10px;
    position: relative;
    width: 235px;
    background: #F4F4E2;
}

.group-block .price_list .table-imitate-cell{padding: 0 0 10px;}

.group-block .hotel-flight-box.hotel_point.total_flight {
    background: transparent;
    padding: 0;
    border: 0 none;
    margin: 0;
    width: 100%;
}

.group-block .place {
    padding-left: 20px;
    position: relative;
    font-size: 13px;
    margin: 10px 10px 10px 0;
    display: inline-block;
    vertical-align: top;
    line-height: 14px;
}

.group-block .place.green {
    color: green;
}

.flight-group-box .flight_content.v1:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E3E3E3;
}

.flight-group-box .flight_content.v1 {
    padding: 0px 0 0 80px;
    min-height: 65px;
}

.group-block .hotel-flight-box .route{
    width: auto;
    float: none;
    border: 0 none;
}

.flight-group-box .flight_content.v1 .flight_in,
.flight-group-box .flight_content.v1 .flight_out{
    width: 23%;
    text-align: left;
    margin-top: 8px;
}

.flight-group-box .flight_content.v1 .flight_in{float: left}

.flight-group-box .flight_content.v1 .flight_out{float: right}

.flight-group-box .flight_content.v1 .in_route {
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    margin: 0 23%;
}

.flight-group-box .flight_content.v1 .flight_in .place .title{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    text-transform: uppercase;
    color: #313131;
    font-size: 14px;
}

.flight-group-box .flight_content.v1 .route .left_part {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.flight-group-box .flight_content.v1 .trip-line {
    padding-left: 0;
    margin: 5px 5px 0;
    position: relative;
}

.flight-group-box .flight_content.v1 .trip-line .orange-border-box {
    border: 1px solid #FBD619;
    border-radius: 2px;
    height: 25px;
    text-transform: uppercase;
    line-height: 27px;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
    margin-right: 3px;
    min-width: 23px;
    text-align: center;
    cursor: default;
}

.hotel-flight-box .route .row .trip-line .time {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    padding-left: 0;
}

.hotel-flight-box .trip-line .time b {
    display: block;
    font-size: 14px;
    color: #313131;
}

.trip-line .plane-ico {
    position: absolute;
    top: 50%;
    background: #9FAAAC;
    height: 1px;
    left: 0;
    right: 0;
    margin: -2px 105px 0;
    width: auto;
}

.trip-line .plane-ico .time{padding-left: 18px!important;}

.trip-line .plane-ico .circle {
    display: none;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    border: 1px solid #9faaac;
    background: #fff;
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: 0;
}

.trip-line .plane-ico .circle2 {
    left: 50%;
    margin-left: -10px;
}

.trip-line .plane-ico .circle3 {
    left: 50%;
    margin-left: -40px;
}

.trip-line .top-text{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
    bottom: calc(100% + 7px);
    bottom: -moz-calc(100% + 7px);
    bottom: -webkit-calc(100% + 7px);
    color: #000;
}

.trip-line .top-text .time:before {
    content: '';
    background: url(../images/sprite/flight_sprite.png) no-repeat -80px -5px;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
}

.trip-line .direct {
    color: #009944;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
    top: calc(100% + 7px);
    top: -moz-calc(100% + 7px);
    top: -webkit-calc(100% + 7px);
}

.trip-line .plane-ico:after {
    content: '';
    position: absolute;
    background: url(../images/sprite/flight_sprite.png) -48px -41px;
    height: 20px;
    width: 20px;
    right: -2px;
    top: -8px;
}

.product-item .full-width-content {
    margin: 0 -15px 0 -18px;
    -webkit-box-shadow: 0 -2px 4px 0 rgba(128, 128, 128, 0.1) inset;
    -moz-box-shadow: 0 -2px 4px 0 rgba(128, 128, 128, 0.1) inset;
    box-shadow: 0 -2px 4px 0 rgba(128, 128, 128, 0.1) inset;
    padding-bottom: 15px;
}

.transfer-container {
    margin: 0 -10px;
}

.transfer-container > div {
    padding: 0 10px;
    position: relative;
}

.transfer-container .half-block{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.transfer-container .center-arr {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -15px;
}

.transfer-container .blue-text-title {
    color: #164f9c;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 18px;
}

.text-left{text-align: left}

.text-right{text-align: right}

.half-block {
    width: 50%;
}

.right-offset{padding-right: 20px;}

.left-offset{padding-left: 20px;}

.text-upper{text-transform: uppercase}

.color-black{color: #000}

.content-left{float: left}

.content-right{float: right}

/*------------------------------------------------------------------------*/
/*--------------------------------- CALENDAR -----------------------------*/
/*------------------------------------------------------------------------*/
.calendar-legend{margin: 30px 0}

.calendar-legend li{display: inline-block; vertical-align: top; margin: 5px 15px 5px 0}

.calendar-legend li > span{
    height: 20px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset;
}

.calendar-legend .blue-color-bg{background: #00ddff}
.calendar-legend .green-color-bg{background: #9ce08d}
.calendar-legend .yellow-color-bg{background: #ffcc00}
.calendar-legend .red-color-bg{background: #ff7f7f}
.calendar-legend .gray-color-bg{background: #d3d3d3}
.calendar-legend .lilac-color-bg{background: #acb7ff}

.simple-calendar .fc-widget-content .fc-day-number{position: relative; background: none; width: auto; font-size: 16px;}

.simple-calendar .fc-widget-content:hover{background: none}

.simple-calendar .fc-widget-content > div{position: static}

.simple-calendar .fc-bg{position: absolute!important;}

.simple-calendar .fc-content{background: transparent}
/*-----------------------------------------------------*/
/*------------------ TOOLTIP --------------------------*/
/*-----------------------------------------------------*/
.tooltip1 {
    position: absolute;
    z-index: 1999;
    left: -9999px;
    background-color: #dedede;
    padding: 20px;
    width: 250px;
    -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.2), 0 0 1px 1px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 0 20px 2px rgba(0,0,0,0.2), 0 0 1px 1px rgba(0,0,0,0.1) inset;
    box-shadow: 0 0 20px 2px rgba(0,0,0,0.2), 0 0 1px 1px rgba(0,0,0,0.1) inset;
    font-size: 14px;
    line-height: 18px;
}
.tooltip1 p {
    margin:0;
    color:#fff;
    background-color:#222;
    padding:2px 7px;
}

.tooltip1 #tooltip-description{font-weight: bold; font-size: 16px; margin-bottom: 10px;}

.tooltip1 #tooltip-date{display: inline-block}

.tooltip1 span {
    position: absolute;
    border-bottom: 15px solid #d3d3d3;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    top: -13px;
    left: 50%;
    margin-left: -10px;
}
/*-------------------------------------------------------------------------------------------*/
/*----------------------------------------- BOOKINGS ----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.bookNo-link{
    color: #0064CE;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
}

.channelType-label{
    font-size: 12px;
    line-height: 17px;
    color: #FFFFFF;
    font-weight: 500;
    border-radius: 2px;
    cursor: default;
    padding: 0 2px;
    background: #5183F4;
    text-align: center;
    display: inline-block;
    margin-bottom: 2px;
}

.channelType-label.s-2x{
    font-size: 18px;
    line-height: 25px;
    padding: 0 4px;
}

.channelType-label.channel-B2B{background: #5183F4;}

.channelType-label.channel-B2C,
.channelType-label.channel-B2Cmanager{background: #F26FE5;}

.showMore-link{
    color: #0064CE;
    cursor: pointer;
}

.name-withIcon{
    position: relative;
    padding-left: 20px;
    line-height: 18px;
    text-align: left;
    display: inline-block;
}

.name-withIcon > svg, .name-withIcon .icon{
    position: absolute;
    left: 0;
    top: 1px;
}

.name-withIcon.centerPos > svg,
.name-withIcon.centerPos .icon{
    top: 50%;
    transform: translate(0, -50%);
}

.name-withIcon.s-26{padding-left: 26px;}

.name-withIcon.r-pos{padding-left: 0; padding-right: 20px;}

.name-withIcon.r-pos > svg{left: auto; right: 0}

.name-withIcon.centerPos > svg{
    top: 50%;
    transform: translate(0, -50%);
}

.checkField-row {
    position: relative;
    padding-left: 24px;
}

.checkField-row input[type="radio"],
.checkField-row input[type="checkbox"],
.checkField-row .radio{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.checkField-row .radio{left: -2px}

.checkField-row.topPos{line-height: 19px}

.checkField-row.topPos input[type="radio"],
.checkField-row.topPos input[type="checkbox"]{
    top: 1px;
    transform: translate(0, 0);
}

.productEditIcon{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.name-withIcon svg.name-withIcon_pax1{
    top: -1px;
    left: 2px;
}

.name-withIcon svg.name-withIcon_night{
    top: 2px;
}

.name-withIcon svg.name-withIcon_car{
    top: 2px;
}

.name-withIcon svg.name-withIcon_room{
    top: 4px;
}

.is-disable-pax {
    color: #CAD3D9;
}

.is-disable-pax svg path{fill: #CAD3D9;}

.status-field{
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
    padding: 0;
    background-repeat: no-repeat;
}

.status-field.confirmed{background: url("../../static/images/unit/status/confirmed.svg") no-repeat top center}
.status-field.finish{background: url("../../static/images/unit/status/finish.svg") no-repeat top center}
.status-field.cancel{background: url("../../static/images/unit/status/cancel.svg") no-repeat top center; width: 14px; height: 14px;}
.status-field.waiterpapprove,
.status-field.timelimit{background: url("../../static/images/unit/status/waiterpapprove.svg") no-repeat top center; width: 30px}
.status-field.waiting.confirmation,
.status-field.new{background: url("../../static/images/unit/status/waiting_confirmation.svg") no-repeat top center}
.status-field.refused,
.status-field.soldout{background: url("../../static/images/unit/status/refused.svg") no-repeat top center;}
.status-field.requestcancel{background: url("../../static/images/unit/status/requestcancel.svg") no-repeat top center; width: 30px}
.status-field.no-status{background: url("../../static/images/unit/status/no-status.svg") no-repeat top center}
.status-field.penalty{background: url("../../static/images/unit/status/penalty.svg") no-repeat top center}
.status-field.waitpayment{background: url("../../static/images/unit/status/waitpayment.svg") no-repeat top center}
.status-field.waiterpeditapprove,
.status-field.waiting.edit.approve{background: url("../../static/images/unit/status/waiterpeditapprove.svg") no-repeat top center; width: 30px;}
.status-field.error{background: url("../../static/images/unit/status/no-status.svg") no-repeat top center}
.status-field.partialconfirm{background: url("../../static/images/unit/status/partialconfirm.svg") no-repeat top center; width: 30px;}
.status-field.partialerror{background: url("../../static/images/unit/status/partialconfirm.svg") no-repeat top center; width: 30px}
.status-field.partialfinish{background: url("../../static/images/unit/status/partialfinish.svg") no-repeat top center; width: 30px}
.status-field.refused_2{background: url("../../static/images/unit/status/refused_2.svg") no-repeat top center; width: 30px}

.tipsy-inner {
    background: #fcfcfc;
    border: 1px solid #000;
    color: #333;
}

.table-box .item-row td{text-align: center}

.table-box .item-row.is-priority{background: #f7cece}

.table-box tr.item-row.is-hover{position: relative}

.table-box tr.item-row.is-hover:hover:after{
    content: '';
    position: absolute;
    border: 1px solid #4F46E5;
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 2px;
    border-radius: 8px;
    pointer-events: none;
}

.table-box tr.item-row.is-hover:hover td{background: rgba(233, 233, 249, 0.3); cursor: pointer}

.table-box tr.item-row.ticket-row td:nth-child(3){width: 32%}
.table-box tr.item-row.ticket-row td:nth-child(5){width: 20%}

.table-box .item-row .show-hide-btn {
    height: 30px;
    width: 30px;
    text-align: center;
    background: #f7941f;
    cursor: pointer;
    margin: 0 auto;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.table-box .item-row .show-hide-btn i{position: relative; top: 6px;}

.table-box .item-row .show-hide-btn.hide {
    background: #777777;
}

.table-box .item-row .show-hide-btn.hide svg{
    rotate: 90deg;
}

.table-box .item-row .show-hide-btn.loading {
    background-image: url(../images/loaders/loader11.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.table-box .item-row .bg-box {
    background: #01A659;
}

.table-box .item-row .bg-box a {
    color: #fff;
    white-space: nowrap;
    font-weight: 600;
}

.dashed-text-line{
    display: inline;
    vertical-align: top;
    border-bottom: 1px dashed #000;
    line-height: 15px;
}

.dashed-text-line:hover {
    border-bottom-color: transparent;
    cursor: pointer;
}

.dashed-text-line.font_bold{font-weight: bold}

.grid-container .title{
    font-weight: bold;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-size: 28px;
    margin-bottom: 25px;
}

.grid-container .spaced-block.booked-hotels {
    padding: 15px 480px 15px 15px;
    background: #EDEDED;
    margin-bottom: 10px;
    position: relative;
}

.grid-container .table-imitate-row {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.grid-container .spaced-block.booked-hotels .table-imitate-cell {
    vertical-align: middle;
    padding: 0;
    display: table-cell;
}

.grid-container .spaced-block.booked-hotels .table-imitate-cell.text-right{text-align: right}

.grid-container .spaced-block.booked-hotels .time-limit{margin-bottom: 15px;}

.grid-container .time-limit > div{
    color: #fc894b;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
}

.grid-container .spaced-block.booked-hotels h4{
    background: none;
    padding: 0;
    color: #666;
}

.grid-container .spaced-block.booked-hotels .sub-title{line-height: 25px;}

.channel-label{
    border: 1px solid #485b79;
    font-size: 11px;
    padding: 0 3px;
    color: #485b79;
    line-height: 14px;
    display: inline-block;
    font-weight: bold;
}

.grid-container table tr.row-disabled td {
    background-color: #d0eaf3!important;
    color: #acacac;
}

.grid-container .detaled-order .block-left{float: none}

.grid-container .styled-table-box{width: 100%}

.grid-container .styled-table-box.spaced{padding: 16px; box-sizing: border-box;}

.grid-container .gray-panel {
    background-color: #bbb;
    padding: 11px 4px 8px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    min-height: 24px;
}

.grid-container .gray-panel .flight-options{margin-top: 5px;}

.grid-container .gray-panel .flight-options > .dashed-text-line{
    color: #1e1e1e;
    font-size: 12px;
    margin-left: 10px;
    font-family: 'Arial';
}
/*
 ul.dot_list li{
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 0 10px;
    white-space: nowrap;
}*/

form textarea{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.detail-reservation-btns ul{margin: -5px 0}

.detail-reservation-btns ul li{display: inline-block; margin: 5px 0; vertical-align: top;}

.reservation-head h3{margin-bottom: 10px;}

.grid-container .gray-panel .btn_box{margin: -5px 0 0 10px!important;}

.grid-container .btn_box .wButton{padding: 0 10px; min-width: 75px;}

.styled-table-box th, .styled-table-box td{text-align: center!important; vertical-align: middle}

.styled-table-box table.align-left td{
    text-align: left!important;
}

.grid-container .styled-table td, .grid-container .styled-table th{text-align: center}

a.stdbtn.btn_blue, a.stdbtn.btn_orange{background-image: none}

.stdtable.datatables .grid-container .stdbtn{text-decoration: none;}

.grid-container .stdbtn{display: inline-block; padding: 7px 10px}

.sticky-table table td:not(.sticky-cell){border: #ddd solid 1px;}

.sticky-table table td.sticky-cell{text-align: left!important;}

.sticky-table table tr.sticky-footer td, .sticky-table table tr.sticky-footer th, .sticky-table table tr.sticky-header td, .sticky-table table tr.sticky-header th{
    border: #ddd solid 1px; outline: none
}

.grid-container .solid-block{
    border-top: 1px solid #E3E3E3;
    padding-top: 15px;
}

.confirmation .full-total-cost {
    display: block;
    padding-top: 10px;
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.grid-container .text-right{text-align: right}

.grid-container .text-left{text-align: left}
/*
.grid-container .spaced-block{padding-bottom: 15px;}*/

.grid-container  .content-right{float: right}

.grid-container  .content-left{float: left}

.grid-container .full-block {
    width: 100%;
}

.grid-container  .text-line.block-right.text-right, .grid-container .policy-box.spaced-block{
    line-height: 20px;
    font-size: 14px;
}

.grid-container .policy-box.spaced-block > div{line-height: 20px;}

.grid-container .policy-box.spaced-block{color: #000}

.grid-container .aircompany-services{
    height: 24px;
    width: 24px;
    border-radius: 100%;
    display: inline-block;
    background: url(../images/icons/sprites.white.png) -158px -122px #bbb;
}

.grid-container .aircompany-services i{display: none}

.show-on-btn{position: relative}

.show-on-btn img.ui-datepicker-trigger{
    position: absolute;
    right: 5px;
    top: 6px;
    cursor: pointer;
}

.reservations table.sent-doc td{vertical-align: middle; padding: 5px 0; border: 0 none!important;}

.reservations table.sent-doc .field-set{position: relative}

.reservations table.sent-doc .error-message{display: none; position: absolute; left: 0; top: 100%; line-height: 12px; font-weight: normal;}

.reservations table.sent-doc .error .error-message {display: block}

.grid-container .styled-table-box td.text-left{text-align: left!important;}

#modal-content .additional-field .show-on-btn input.hasDatepicker{padding: 7px 25px 7px 5px!important; background-image: none!important;}

#modal-content .additional-field input[type="text"]{
    width: 100%!important;
    margin-bottom: 0; 
    padding:  7px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#modal-content .additional-field input[type="text"].d-picker + input[type="text"].d-picker{
    margin-top: 5px;
}

#modal-content .styled-table-box table{width: 100%}

#modal-content .guest-edit .valid-field{margin-bottom: 10px; position: relative}

#modal-content .guest-edit .error{color: inherit; font-weight: normal}

#modal-content .guest-edit .error .error-message{color: red}

#modal-content .guest-edit .selectBox{margin-bottom: 0!important;}
/*
#modal-content .guest-edit .hasDatepicker{background-image: none!important;}*/

#modal-content .guest-edit .stdbtn{background-image: none}
/*
#modal-content .guest-edit  .text-center.content-spacer{text-align: center; padding-top: 0}*/

#modal-content .button{text-align: center}

#modal-content .disabled{opacity: 0.5;}

#modal-content .button.non-active{
    background: #C1C1C1;
    color: #fff;
    border-color: #C1C1C1;
}

#modal-content .text-center{text-align: center}

.choice-tariff .choice-item{
    width: 300px;
    margin: 15px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #cedfe6;
    text-align: left;
    color: #5e6a76;
    position: relative;
    padding-bottom: 50px;
}

.choice-tariff .choice-item .spacer-box{padding: 20px;}

.choice-tariff .choice-item .spaced-block{padding-bottom: 15px;}

.choice-tariff .choice-head{
    color: #164f9c;
    font-weight: bold;
    background: #e2f1f6;
    padding: 15px 20px;
    font-size: 18px;
    border-radius: 5px 5px 0 0;
}

.choice-tariff .black-text-line{color: #000; font-size: 14px;}

.choice-tariff li{padding: 3px 0}

.choice-tariff .remove-red-ico {
    background: url(../images/icons/icons/cancel_red.png) no-repeat;
    width: 8px;
    height: 8px;
    cursor: pointer;
}

.choice-tariff li i{font-size: 11px; margin-right: 5px; width: 10px;}

.choice-tariff .fa-check{color: #3BB069}

.choice-tariff .remove-red-ico{display: inline-block;}

.choice-tariff .fa-usd{color: #164f9c; font-size: 12px;}

.choice-tariff .table-imitate-cell{vertical-align: middle}

.choice-tariff .bottom-block{right: 0}

.choice-tariff .tariff-info{
    font-size: 12px;
    padding: 5px;
    border: 1px solid #E3E3E3;
    line-height: 16px;
    color: #4b4a4a;
}

.choice-tariff .tariff-info > i{
    font-size: 13px;
    color: #313131;
    margin-right: 5px;
}

.hotel-flight-box{
    width: 860px;
    margin: 15px 0;
    border: 1px solid #cedfe6;
    padding: 15px;
    color: #5e6a76;
    background: #fff;
    position: relative;
    font-size: 12px;
}

.hotel-flight-box .flight_field{margin-bottom: 10px;}

.hotel-flight-box .flex-row{display: block}

.hotel-flight-box .way_name{
    color: #5e6a76;
    font-size: 16px;
    float: left;
    margin-bottom: 10px;
}

.hotel-flight-box .type {
    font-size: 12px;
    float: right;
    text-align: right;
    line-height: 14px;
    margin-bottom: 10px;
}

.hotel-flight-box .type .place{
    padding-left: 20px;
    position: relative;
    color: green;
    font-size: 13px;
    margin: 10px 10px 10px 0;
    display: inline-block;
    vertical-align: top;
    line-height: 14px;
}

.hotel-flight-box .type .place.red{color: red; }

.hotel-flight-box .type .place i{
    background: url("../images/icons/icons/baggage.png") no-repeat;
    width: 15px;
    height: 14px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 1px;
}

.hotel-flight-box .type .place.red i:after{
    content: '';
    width: 1px;
    height: 22px;
    background: red;
    position: absolute;
    top: -4px;
    right: 8px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    font-weight: normal;
}

.hotel-flight-box .left-offset{padding-left: 20px;}

.hotel-flight-box .font_bold{font-weight: bold;}

.hotel-flight-box .flight_layout{
    padding: 10px 0;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 0 #e0e0e0;
    -moz-box-shadow: 1px 1px 0 #e0e0e0;
    box-shadow: 1px 1px 0 #e0e0e0;
    background: #e2f1f6;
}

.hotel-flight-box .flight_content {
    padding: 0 10px 0 90px;
    position: relative;
    min-height: 85px;
    margin: 0;
}

.hotel-flight-box .flight_content .left_image {
    position: absolute;
    left: 10px;
    top: 15px;
    width: 70px;
    text-align: center;
}

.hotel-flight-box .flight_content .left_image img {
    max-width: 100%;
    max-height: 26px;
}

.hotel-flight-box .flight_content .left_image .number {
    font-size: 12px;
    color: #000;
    padding: 0 5px;
    background: #e0dfdf;
    margin: 10px auto 0;
    display: inline-block;
    height: 17px;
    line-height: 16px;
}

.hotel-flight-box .route {
    width: 81%;
    float: left;
    border-left: 1px solid #e0e0e0;
    padding: 0 0 0 15px;
    box-sizing: border-box;
}

.hotel-flight-box .route.full-width{width: 100%}

.hotel-flight-box .route .left_part {
    width: 70%;
    float: left;
}

.informing-label{color: #FF9600}

.hotel-flight-box .route .row {
    font-size: 12px;
    padding: 5px 0;
    line-height: 18px;
    position: relative;
}

.hotel-flight-box .route .row .date {
    width: 85px;
    color: #534f4f;
    font-size: 11px;
    float: left;
}

.hotel-flight-box .route .row .time {
    position: relative;
    padding-left: 28px;
    color: #010101;
    font-size: 18px;
}

.hotel-flight-box .route .row span.ico1 {background-position: -4px -4px;}

.hotel-flight-box .route .row span.ico2{background-position:  -39px -4px}

.hotel-flight-box .route .date span {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/sprite/flight_sprite.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
}

.hotel-flight-box .route .place {
    color: #7f7f7f;
    padding-left: 0;
    margin: 0;
    line-height: 18px;
    display: block;
}

.hotel-flight-box .route .place .title {
    color: #313131;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

.hotel-flight-box .route .right_block {
    width: 29%;
    float: right;
    text-align: center;
}

.route-grid{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.hotel-flight-box .flight_content .route .route-grid .left_part{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.hotel-flight-box .flight_content .route .route-grid .right_block{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    font-size: 12px;
    text-align: left;
}

.route-info-row{
    padding: 2px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.route-info-row .icon{width: 24px; text-align: center}

.route-info-row .icon svg{display: block; margin: 0 auto}

.flight_content .flight-route_time{
    border-left: 2px solid #CFD7DF;
    padding: 12px 0 12px 24px;
    position: relative;
    display: flex;
    align-items: center;
}

.flight_content .flight-route_time svg{margin-right: 4px}

.flight_content .flight-route_time:before{
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    background: #CFD7DF;
    width: 20px;
}

.baggage-categories_info{
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-items: center;
    margin: 0 -6px;
    font-size: 12px;
    cursor: default;
}

.baggage-categories_info ._cell{
    padding: 2px 6px;
    display: flex;
    align-items: center;
    text-align: left;
}

.hover-hint-wrap .baggage-categories_info ._cell{padding: 6px}

.baggage-categories_info .icon{
    width: 24px;
    text-align: center;
}

.baggage-categories_info .icon svg{display: block; margin: 0 auto}

.baggage-categories_info .baggage-categories_price{
    font-weight: 700;
    white-space: nowrap;
}

.hover-hint-container .baggage-categories_info .baggage-categories_price{
    color: #FFCF24;
}

.baggage-categories_info .baggage-categories_include{
    color: #13bb5d;
}

.hotel-flight-box .route .route_time {
    font-size: 18px;
    color: #000;
    position: relative;
    left: -2px;
}

.hotel-flight-box .route .route_time span {
    background: url(../images/sprite/flight_sprite.png) no-repeat -80px -5px;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.hotel-flight-box .route .route_block .vehicle-row{
    margin-top: 10px;
}

.hotel-flight-box .route .route_block .vehicle-row i.fa{font-size: 10px;vertical-align: middle; margin-right: 2px;}

.hotel-flight-box .route .route_block .plane .icon {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/sprite/flight_sprite.png) no-repeat -113px -6px;
    width: 15px;
    height: 15px;
}

.hotel-flight-box .flight_content .transfer {
    background: #e0e0e0;
    color: #534f4f;
    position: relative;
    padding: 0 75px 0 7px;
    height: 20px;
    line-height: 20px;
    margin: 10px 0;
}

.hotel-flight-box .flight_content .transfer i.fa{margin-right: 3px;}

.hotel-flight-box .flight_content .transfer:before {
    content: '';
    position: absolute;
    left: -16px;
    height: 1px;
    width: 15px;
    background: #e0e0e0;
    top: 10px;
}

.table-var-box{
    margin: 0 20px 15px 0;
}

.table-var-box table{width: 100%; border-collapse: collapse;}

.table-var-box table .radio-col{width: 10%; text-align: center; vertical-align: middle}

.table-var-box table .radio-col input[type="radio"]{margin: 0}

.table-var-box table .center-col{width: 37%; text-align: left}

.table-var-box table .last-col{text-align: right; width: 15%}

.table-var-box .variants-scroll-box{overflow-y: scroll; max-height: 250px; margin-right: -20px;}

.table-var-box .variants-scroll-box table{margin-right: -20px;}

.table-var-box table .th{
    padding: 8px;
    font-weight: bold;
}

.table-var-box .variants-scroll-box td{
    padding: 8px;
    border: 1px solid #eee;
}

.table-var-box .variants-scroll-box tr:nth-child(odd) td {
    background: #fff;
}

.table-var-box legend{padding: 0 0 10px; font-family: 'Roboto Condensed'; font-weight: bold; font-size: 16px;}

.info-msg{
    background: #FEEFDA;
    border: 1px solid #EBD6C3;
    color: #A50D0C;
    padding: 7px 7px 7px 35px;
    position: relative;
    margin-bottom: 10px;
    text-align: left;
}

.info-msg.noIcon{
    padding: 8px;
    color: #666;
    font-weight: bold;
}

.info-msg.noIcon .default-tag{
    background: #B0BABF;
    border-color: #B0BABF;
    color: #fff;
    font-weight: 700;
}

.info-msg.only-text{
    background: none;
    border: 0 none;
}

.info-msg i{
    position: absolute;
    font-size: 18px;
    left: 10px;
    top: 8px;
}

#modal-content{max-width: 1000px;}

.modal-full-inner-content{
    width: 920px;
}

.modal-middle-inner-content{
    width: 680px;
}

.show-preloader-after, .show-preloader-before{position: relative;}

.show-preloader-after:after, .show-preloader-before:after{
    content: '';
    background: url(../images/loading-small.gif) no-repeat;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -8px;
}

.show-preloader-before:after{left: auto; right: 100%}

#modal-content .download-doc-point{
    padding: 5px 0;
}

#modal-content .download-doc-point label{display: inline-block}

#modal-content .download-doc-point .dashed-text-line{vertical-align: inherit}

.gwt-radio-btn input{margin: 0 5px 0 0; position: relative; top: 2px;}

/*---------------------------------------------------------------------------------- */
/*------------------------------------- UI-DIALOG ---------------------------------- */
/*---------------------------------------------------------------------------------- */
.ui-dialog{
    padding: 8px;
    background: rgba(0,0,0,0.2);
    border: 0 none;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    width: auto!important;
    max-width: 960px;
}

.ui-draggable .ui-dialog-titlebar{
    background: none;
    position: static;
    border: 0 none;
    padding: 0;
}

.ui-dialog .ui-dialog-title{display: none}

.ui-dialog .ui-dialog-titlebar-close{
    background: url(../../static/images/close.png) 0 0 no-repeat!important;
    width: 24px;
    height: 27px;
    top: -7px;
    right: -7px;
    margin: 0;
    z-index: 101;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
    border: 0 none;
}

.ui-dialog .ui-dialog-titlebar-close span{display: none}

.ui-dialog .ui-dialog-content{
    padding: 20px;
    border: 0 none;
    background: #F8F8F8;
    border-radius: 8px;
    overflow: inherit;
    height: auto!important;
}

.ui-widget-overlay{
    background: #000;
    opacity: 0.7;
}
/*------------------------------------------------------------------------------------------- */
/*----------------------------------- AVIA ADDITIONAL SERVICE ------------------------------- */
/*------------------------------------------------------------------------------------------- */
.block-i {
    display: inline-block;
    vertical-align: middle;
}

.table-imitate-row{
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.table-imitate-line{
    display: table-row;
}
.table-imitate-cell{
    display: table-cell;
    vertical-align: top;
    padding: 10px 15px
}
.table-imitate-row.view-center-align{
    width: auto;
}
.table-imitate-row.view-center-align .table-imitate-cell{
    padding: 0;
    vertical-align: middle;
}

.cost .price.new{
    color: #164f9c;
    font-weight: bold;
    font-size: 22px;
}

.variants-box {
    border: 1px solid #d1e1e8;
    padding: 15px;
    position: relative;
    background: #e2f1f6;
}

.tab-wrap{
    position: relative;
    top: 1px;
    z-index: 1;
    display: table;
}

.tab-wrap li{
    display: table-cell;
    vertical-align: middle;
    margin-right: 10px;
    padding: 5px 15px;
    height: 35px;
    line-height: 18px;
    font-size: 13px;
    color: #5e6a76;
    text-decoration: none;
    border: 1px solid #d1e1e8;
    border-bottom: 0 none;
    cursor: pointer;
    background: #fff;
}

.tab-wrap li.visible {
    background: #e2f1f6;
    -webkit-box-shadow: 0px -2px 0px 0px #4cabd9;
    -moz-box-shadow: 0px -2px 0px 0px #4cabd9;
    box-shadow: 0px -2px 0px 0px #4cabd9;
}

.open-blue-panel{
    background: #51bfe2;
    padding: 9px 120px 9px 70px;
    font-size: 14px;
    position: relative;
    height: 33px;
}

.open-blue-panel.fixed-panel{position: fixed; top: 0; z-index: 100; width: 895px;}

.open-blue-panel span{
    font-weight: bold;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    color: #07020d;
    text-transform: uppercase;
    line-height: 33px;
    cursor: default;
}

.open-blue-panel .left-plus{
    position: absolute;
    left: 10px;
    top: 9px;
    height: 33px;
    width: 38px;
    background: url("../../static/images/yellow_plus.png") center #585F6E no-repeat;
}

.open-blue-panel .white_btn{
    height: 35px;
    position: absolute;
    right: 10px;
    top: 8px;
    line-height: 37px;
    font-size: 12px;
    text-transform: uppercase;
    min-width: 100px;
    border-radius: 1px;
    border: 1px solid white;
    color: white;
    text-align: center;
    cursor: pointer;
}

.open-blue-panel .white_btn:hover{background: rgba(0,0,0,0.1)}
/*
.additional-service-wrap{
    width: 920px;
}*/

.service-group{margin-bottom: 3px;}

.service-group .service-box{
    background: #E7E7E7;
    padding: 20px;
}

.additional-service-wrap .variants-box{padding-bottom: 0}

.additional-service-wrap .additional-service-inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.additional-service-item{
    padding: 15px 15px 15px 35px;
    background: #fff;
    border: 1px solid #E3E3E3;
    width: 49%;
    position: relative;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.additional-service-item .additional-service-name{
    font-size: 14px;
    text-transform: uppercase;
}

.additional-service-item .additional-service-detail{margin-top: 3px; border-top: 1px solid #E3E3E3; padding-top: 3px;}

.additional-service-item ul.additional-service-detail-list{font-size: 0}

.additional-service-item ul.additional-service-detail-list li{font-size: 12px; display: inline-block; vertical-align: top; width: 50%; margin-bottom: 3px;}

.additional-service-item ul.additional-service-detail-list.real-width li{width: auto; padding-right: 15px;}

.additional-service-item .additional-service-detail > div + div{margin-top: 3px;}

.additional-service-item.full-width{width: 100%}

.service-filter-box .col-xs-4{padding: 0 5px;}

.service-filter-box .spacer-box{margin: 0 -5px; padding: 0}

.service-filter-box .spacer-box h6{font-weight: normal; font-family: 'roboto_bold'}

.additional-service-item input[type="checkbox"],
.additional-service-item input[type="radio"]{
    position: absolute;
    left: 12px;
    top: 16px;
    margin: 0;
}

.additional-service-item .price{
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
}

.modal-title{
    color: #666;
    font-size: 18px;
    padding-bottom: 15px;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.formRow .field-inner .chosen-container{font-weight: normal}

.formRow .field-inner .chosen-container-multi .chosen-choices li.search-choice{padding: 3px 20px 3px 5px; border: 1px solid #aaa;}

.formRow .field-inner .chosen-container-multi .chosen-choices li.search-field{padding: 0}

.formRow .field-inner .chosen-container .chosen-results li{padding: 5px 6px}

.formRow .field-inner .variant-box .radio{float: none;padding: 0;}

.formRow .field-inner .variant-box{padding: 0; margin: -10px;}

.formRow .field-inner .setting-point{padding: 0}

.stdform.stdform2 .booking-params .nights_amount .chosen-container{width: auto!important;}

.menu-accordion .checkboxes-wrap label{padding: 0}

.services-add-block .services-add-block-inner{
    border-top: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    font-size: 0;
}

.services-add-block .services-item{
    width: 33.3333%;
    display: inline-block;
    vertical-align: top;
    height: 270px;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    cursor: default;
    font-size: 14px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.services-add-block.cols-services-4 .services-item{width: 25%}

.services-add-block .services-item:last-of-type{border-right: 0 none}

.services-add-block .service-title{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 7px auto 10px;
    padding: 0 15px;
    height: 40px;
    -webkit-align-items: flex-end;
    -moz-align-items: center;
    align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    color: #414141;
}

.services-add-block .service-price-from{
    color: #777777;
    padding: 0 15px 20px;
}

.services-add-block .service-image{
    height: 90px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
}

.services-add-block .service-image.suitcase{
    background-image: url("../images/services/suitcase.png");
}

.services-add-block .service-image.meal{
    background-image: url("../images/services/meal.png");
}

.services-add-block .service-image.seat{
    background-image: url("../images/services/seat.png");
}

.services-add-block .service-image.airport{
    background-image: url("../images/services/airport.png");
}

.services-add-block .service-image.airplane{
    background-image: url("../images/services/airplane.png");
}

.services-add-block .service-btn{
    margin: 20px auto 0;
}

.common-select-services-wrapper{
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 0;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: normal;
}

.common-select-services-wrapper .baggage-icon{
    vertical-align: middle;
    margin-right: 10px;
}

.common-select-services-wrapper .common-gray-color{
    color: #777777;
}

.common-select-services-wrapper .table-imitate-cell:first-of-type{padding-left: 0}
.common-select-services-wrapper .table-imitate-cell:last-of-type{padding-right: 0}

.modal-add-services .name{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}

.modal-add-services .sub-name{
    color: #909090;
    font-size: 12px;
    line-height: normal;
    padding: 0 0 15px;
}

.booking-baggage-add .booking-baggage-add-row{margin-bottom: 5px;}

.seat-map-legend{
    margin: 10px auto 15px;
}

.seat-map-legend-category{
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

.seat-map-legend .seat-map-legend-category:not(:first-child){margin-left: 20px;}

.seat-map-legend-category .circle {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 4px;
    background: #5E6A76;
}

.seat-map-legend-category:before{
    content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 4px;
}

.seat-map-legend-category.expensive:before{background: #FF9600}
.seat-map-legend-category.normal:before{background: #5E6A76}
.seat-map-legend-category.cheap:before{background: #019944}

.seat-map-legend-category .seat-map-legend-title{
    font-size: 14px;
    line-height: normal;
}

.seat-map-legend-category .seat-map-legend-price{
    color: #777777;
}

.seat-map-plane{
    max-height: 440px;
    overflow-y: auto;
    text-align: center;
    padding: 20px 0;
    background: #fff;
    -webkit-box-shadow: 0px 3px 6px -2px rgba(128,128,128,0.3) inset;
    -moz-box-shadow: 0px 3px 6px -2px rgba(128,128,128,0.3) inset;
    box-shadow: 0px 3px 6px -2px rgba(128,128,128,0.3) inset;
    position: relative;
}

.booking-seat-map-table{display: inline-block}

.booking-seat-map-table .booking-seat-map-table-row{white-space: nowrap}

.booking-seat-map-table .booking-seat{
    cursor: pointer;
    border-radius: 100%;
    text-align: center;
    background-color: #fff;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    width: 40px;
    margin: 2px 0;
    line-height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.booking-seat-map-table .booking-seat.expensive{
    color: #FF9600;
    border: 2px solid #FF9600;
}

.booking-seat-map-table .booking-seat.normal{
    color: #5E6A76;
    border: 2px solid #5E6A76;
}

.booking-seat-map-table .booking-seat.cheap{
    color: #019944;
    border: 2px solid #019944;
}

.booking-seat-map-table .booking-seat.not-available{
    border: 2px solid transparent;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.12);
    cursor: default;
}

.booking-seat-map-table .booking-seat.space{width: 10px;}

.booking-seat-map-table .booking-seat.expensive:hover {
    -webkit-box-shadow: 0 1px 10px 0 #FF9600;
    -moz-box-shadow: 0 1px 10px 0 #FF9600;
    box-shadow: 0 1px 10px 0 #FF9600;
}

.booking-seat-map-table .booking-seat.normal:hover {
    -webkit-box-shadow: 0 1px 10px 0 #5E6A76;
    -moz-box-shadow: 0 1px 10px 0 #5E6A76;
    box-shadow: 0 1px 10px 0 #5E6A76;
}

.booking-seat-map-table .booking-seat.cheap:hover {
    -webkit-box-shadow: 0 1px 10px 0 #019944;
    -moz-box-shadow: 0 1px 10px 0 #019944;
    box-shadow: 0 1px 10px 0 #019944;
}

.booking-seat-map-table .booking-seat.expensive.is-select{
    background: #FF9600;
    color: #fff
}

.booking-seat-map-table .booking-seat.normal.is-select{
    background: #5E6A76;
    color: #fff
}

.booking-seat-map-table .booking-seat.cheap.is-select{
    background: #019944;
    color: #fff
}

.booking-seat-map-table .booking-seat-map-exit-row{
    color: #ababab;
    text-transform: uppercase;
    padding: 10px 5px;
    background: #fafafa;
    margin: 10px 0;
}

.seat-map-help{
    text-align: center;
    font-weight: bold;
    padding: 15px 5px;
    font-size: 14px;
    background: #dedede;
    color: #4F4F4F;
}

.select-seats-container{
    padding: 15px;
    background: #fff;
    border: 1px solid #E3E3E3;
}

.select-seats-container .seat-map-legend{margin-top: 0}

.select-seats-inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.select-seats-inner .passenger-choice{
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    margin-right: 5px;
}

.select-seats-inner .passenger-point{
    background: #fff;
    padding: 15px 10px;
    -webkit-box-shadow: 0 3px 2px -2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 3px 2px -2px rgba(0,0,0,0.4);
    box-shadow: 0 3px 2px -2px rgba(0,0,0,0.4);
    color: #1e1e1e;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    border: 1px solid #E3E3E3;
}

.select-seats-inner .passenger-point.current{
    background: #e2f1f6;
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.select-seats-inner .passenger-point:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.select-seats-inner .passenger-point.current:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    background: #e2f1f6;
    width: 5px;
}

.select-seats-inner .passenger-name{font-size: 13px; margin-right: 10px; white-space: nowrap}

.select-seats-inner .passenger-select-detail{text-align: right}

.select-seats-inner .passenger-select-detail a{color: #164f9c; margin: 5px 0 5px 5px; display: inline-block;}

.select-seats-inner .passenger-select-seat-category.expensive{color: #FF9600}
.select-seats-inner .passenger-select-seat-category.normal{color: #5E6A76}
.select-seats-inner .passenger-select-seat-category.cheap{color: #019944}
.select-seats-inner .passenger-select-seat-category.cheap-t1{color: #15589c}

.select-seats-inner .passenger-point + .passenger-point{margin-top: 5px;}

.select-seats-inner .right-slect-seats{
    width: 100%;
    background: #e2f1f6;
    padding: 5px;
}

.select-seats-inner .seat-map-plane{max-width: none;}

.service-full-item{
    border: 1px solid #e9e9e9;
    background: #fff;
    padding: 15px 15px 15px 130px;
    position: relative;
    min-height: 130px;
    margin-top: 15px;
    color: #000;
}

.service-full-item .service-full-item-image{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 130px;
}

.service-full-item .service-full-item-image.transfers{
    background: url('../images/services/transfer.png') no-repeat 20px center;
}

.service-full-item .service-full-item-image.excursions{
    background: url('../images/services/excursion.png') no-repeat 20px center;
}

.service-full-item .service-full-item-top-row{
    margin-bottom: 10px;
}

.service-full-item .service-full-item-title{
    font-size: 16px;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #414141;
}

.service-full-item .service-full-item-title.content-left{float: left; padding: 7px 15px 7px 0;}

.service-full-item .service-full-item-text ul{margin-top: 10px;}

.service-full-item .service-full-item-text .light-green{
    color: #2dd976;
    font-family: 'roboto_bold';
}

.service-full-item .service-full-item-text ul li{
    display: block;
    color: #7f7f7f;
    position: relative;
    padding-left: 20px;
    margin: 3px 0;
}

.service-full-item .service-full-item-text ul li:before{
    content: '';
    width: 8px;
    height: 4px;
    border-bottom: 2px solid #019944;
    border-left: 2px solid #019944;
    text-align: center;
    position: absolute;
    left: 1px;
    top: 2px;
    color: #fff;
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.room-additional-items.category .pickups-box .selectBox-label{max-width: none}

.room-additional-items.category  .right_side .col{height: 75px; padding-top: 10px; border-right: 1px solid #fff; position: relative}

.room-additional-items.category  .excursion .col{padding-top: 35px;}

.room-additional-items.category .excursion .col label,
.room-additional-items.category .excursion .col .label{
    position: absolute;
    top: 5px;
    line-height: 13px;
    margin-bottom: 0;
}

.room-additional-items.category .excursion .col.total .label{right: 10px;}

.room-additional-items.category  .right_side .col.total{float: right;}

.room-additional-items.category  .bottom-panel .total,
.room-additional-items.category  .bottom-panel .button-side,
.room-additional-items.category  .bottom-panel .cost,
.room-additional-items.category  .bottom-panel .label{
    display: table-cell;
    vertical-align: middle;
}

.room-additional-items.category  .bottom-panel .total,
.room-additional-items.category  .bottom-panel .button-side{padding-left: 20px;}

.room-additional-items.category  .bottom-panel .label{padding-right: 7px; font-size: 14px;}


.room-additional-items.category  .bottom-panel .cost span{margin-top: 0;}

.room-additional-items.category .bottom-panel .cost .price.is-crossed{
    text-decoration: line-through;
}

.room-additional-items.category .free-label{
    display: table-cell;
    vertical-align: middle;
    color: #38b067;
    font-family: 'roboto_black';
    font-size: 16px;
    padding-left: 10px;
    text-transform: uppercase;
    line-height: 22px;
}

.room-additional-items.category .bottom-panel .cost .price.old{
    display: inline-block;
    font-size: 17px;
    margin-bottom: 5px;
}

.room-additional-items.category .transfer .right_part{padding-right: 0}

.room-additional-items.category .transfer .selectBox-label{max-width: none;}

.excursionGroup .bottom-panel{padding: 15px;}

.room-additional-items.category .bottom-panel .dashed-text-line{
    color: #38b067;
    border-color: #38b067;
    margin-right: 15px;
    font-family: roboto_medium;
}

.room-additional-items.category .bottom-panel .content-left{margin-top: 10px;}

.room-additional-items.category .transfer .title{font-size: 14px; text-transform: uppercase; margin-bottom: 5px;}

.excursionGroup .room-additional-items.category .table-imitate-cell{padding: 0;}

.room-additional-items.category .excursion-title{
    margin: 0 15px 5px 0;
    cursor: pointer;
    border-bottom: 1px dashed #666;
    display: inline;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #666;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

.room-additional-items.category .excursion-title:hover{border-bottom-color: transparent}

.room-additional-items.category table{
    width: 100%;
    margin-top: 10px;
    /*background: #e2f1f6;*/
    min-width: 490px;
    border-collapse: collapse;
}

.room-additional-items.category table td{
    padding: 10px;
    border: 1px solid #E3E3E3;
    background: #fff!important;
    text-align: left;
}

.room-additional-items.category table td .selectBox-dropdown{max-width: none}

.room-additional-v1{
    padding: 20px;
    background: #E7E7E7;
}

.room-additional-v1 .room-additional-v1-inner{
    background: #fff;
    padding: 15px;
    border: 1px solid #cedfe6;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    margin-bottom: 15px;
    color: #444444;
    line-height: 17px;
    position: relative;
}

.room-additional-items.category .add-service-table .table-imitate-cell{vertical-align: middle; padding: 5px 15px 5px 0}

.room-additional-items.category .add-service-table .table-imitate-cell:last-of-type{padding-right: 0}

.room-additional-items.category .add-service-table .price-table{display: table}

.room-additional-items.category .add-service-table .price-table .total,
.room-additional-items.category .add-service-table .price-table .button-side{
    display: table-cell;
    vertical-align: middle;
}

.room-additional-items.category .add-service-table .price-table .button-side{padding-left: 10px;}

.room-additional-items.category .add-service-table .price{margin-top: 0;}

.room-additional-items.category .total .green.text-upper{
    font-size: 14px;
    margin: 0;
}

.room-additional-items.category .bottom-panel .green.text-upper{display: none!important;}

.room-additional-items.category .bottom-panel .total > div,
.room-additional-items.category .bottom-panel .total .cost .price.new{display: block!important;}

.category .type {
    color: #38b067;
    text-transform: uppercase;
    font-size: 10px;
    bordeR: 1px solid #38b067;
    padding: 0 5px;
    height: 24px;
    line-height: 23px;
    display: inline-block;
}

.field-block-bg {
    background: #ebeced;
    border: 0 none;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    padding: 15px;
}

.field-block-bg .col-xs-4{
    width: 33.3333%;
    float: left;
}

.field-block-bg .col-xs-4 h6{
    font-size: 12px;
}

.category .field_set{
    background: #fff;
    padding: 10px 10px 15px;
    border: 1px solid #cedfe6;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    color: #444444;
}

.room-additional-items.category .bottom-shadow-field .content-left{float: left}

.room-additional-items .transfer .auto-info-row {
    display: table;
    width: 100%;
}

.room-additional-items .transfer .auto-info-row > div {
    display: table-cell;
    vertical-align: middle;
}

.room-additional-items .transfer .auto-image img, .room-additional-items .transfer .auto-image {
    width: 125px;
}

.room-additional-items .transfer .auto-image {
    padding-right: 10px;
}

.room-additional-items .gray-title {
    font-size: 13px;
    color: #ababab;
    margin-bottom: 6px;
}

.room-additional-items .black-text-line {
    font-size: 14px;
    color: #000;
}

.room-additional-items .transfer-space {
    margin: 0 -20px;
    position: relative;
}

.room-additional-items .transfer-space .col-xs-6{
    padding: 0 20px;
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.room-additional-items .transfer_point .table-imitate-cell {
    border-right: 1px solid #E9E9E9;
    padding: 15px 10px 5px;
}

.room-additional-items .transfer_point .table-imitate-cell:last-child {
    border-right: 0 none;
    padding-right: 0;
}

.icon-set-right-arrow:before{
    content: '\f178';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 50%;
    z-index: 80;
    font-size: 15px;
    margin-left: -12px;
    font-style: normal;
    color: #666;
}

.switch-btn {
    border-radius: 2px;
    display: table;
    height: 31px;
}

.switch-btn > a {
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
    padding: 0 10px;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    height: 100%;
    background: #CFDCE2;
    -webkit-box-shadow: -1px 1px 0 #E0EDF2 inset, 1px 1px 0 #F0F8FA;
    -moz-box-shadow: -1px 1px 0 #E0EDF2 inset, 1px 1px 0 #F0F8FA;
    box-shadow: -1px 1px 0 #E0EDF2 inset, 1px 1px 0 #F0F8FA;
    border: 1px solid #D8D2DC;
    border-bottom-color: #ACB3B6;
    min-width: 110px;
    text-align: center;
    position: relative;
}

.switch-btn > a:first-of-type {
    border-right: 1px solid #ACB3B6;
}

.switch-btn > a.active, .switch-btn > a.current {
    background: #ebeced;
    color: #828282;
    text-shadow: 1px 1px 0px #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom-color: #D8D2DC;
    cursor: default;
}

.orange-info-msg, .red-info-msg{
    padding: 8px 5px 8px 30px;
    font-size: 14px;
    position: relative;
    margin-bottom: 15px;
    color: #313131;
}

.orange-info-msg i, .red-info-msg i{
    font-size: 19px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 9px;
    margin-top: -9px;
    line-height: 20px;
}

.orange-info-msg i {
    color: #FF9600;
}

.orange-info-msg{
    border: 1px solid #FF9600;
}

.red-info-msg{
    border: 1px solid #FF5452;
}

.red-info-msg i{
    color: #FF5452
}

.red-important-text{
    font-size: 14px;
    color: #A50D0C;
    font-weight: bold;
}

.time-limit-note > div{
    color: #A50D0C;
    border: 1px solid #A50D0C;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px;
}

.time-limit-note div{
    display: inline-block;
}

.basic-accordion .ui-accordion-header{
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 14px;
}

.basic-accordion h3.ui-state-active{color: #474747; font-weight: normal}

.basic-accordion{margin: 30px 0}

.basic-accordion h3{
    background: #f4f4f5;
    border: 1px solid #E5E5E5;
}

.basic-accordion h3:before{
    content: '+';
    position: absolute;
    left: 15px;
    top: 13px;
    font-size: 18px;
    line-height: 18px;
}

.basic-accordion h3.ui-state-active:before{content:'-'}

.basic-accordion .ui-accordion-header{
    padding: 15px 15px 15px 40px;
    text-transform: uppercase;
    border-radius: 0;
    margin-top: 10px;
}

.basic-accordion .ui-accordion-content{
    background: #fff;
    border: 1px solid #E5E5E5;
    border-top: 0 none;
    padding: 10px;
    height: auto!important;
}

.basic-accordion .ui-accordion-content a{color: #164f9c}

.basic-accordion .ui-accordion-header .ui-icon{display: none}
/*-------------------------------------------------------------------------------------------*/
/*---------------------------------------- PAGINATOR ----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.pages.right-side{
    text-align: right;
    padding: 5px;
    background: #fff;
    border-top: 1px solid #ddd;
}

.pages.right-side ul li{
    display: inline-block;
    font-size: 11px;
    margin: 0 2px;
}

.pages.right-side ul li a{
    border: 1px solid #ccc;
    padding: 5px 7px;
    font-weight: bold;
    background: #fcfcfc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    -moz-box-shadow: 1px 1px 2px #ddd;
    -webkit-box-shadow: 1px 1px 2px #ddd;
    box-shadow: 1px 1px 2px #ddd;
    display: inline-block;
    line-height: 16px;
}

.pages.right-side ul li.current a{
    border: 1px solid #F0882C;
    background: #F0882C;
    color: #fff;
    padding: 5px 7px;
    margin-left: 5px;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.pages.right-side ul li:hover a{
    background: none repeat scroll 0 0 #464646;
    border: 1px solid #6B6B6B;
    cursor: pointer;
    color: #fff;
}

/*-------------------------------------------------------------------------*/
/*-------------------------------- HELP SERVICE ---------------------------*/
/*-------------------------------------------------------------------------*/
.comment-form textarea{width: 100%; border-radius: 3px;}

.comment-form .el-row{margin: 0 -2px;}

.comment-form .el-row .el-item{padding: 0 2px; width: 22%; float: left}
.comment-form .el-row .el-item.cols2{width: 34%}

.comment-form .el-row .selectBox-dropdown{min-width: 50px}

.comment-form .el-row input[type="text"]{width: 100%!important;}

.comment-form .el-row.col-3 .el-item{width: 33.3333%}

.comment-form .error-message{font-size: 11px; line-height: 12px;}

.comment-form .selectBox-dropdown{
    width: 100%!important;
    min-width: 110px;
    -webkit-box-shadow: 0 2px 2px -2px #cccccc inset;
    -moz-box-shadow: 0 2px 2px -2px #cccccc inset;
    box-shadow: 0 2px 2px -2px #cccccc inset;
    border: 1px solid #d2d2d2;
}

.help-desc-container{
    margin-top: 60px;
}

.main-help-desc-block{
    background: #858c9b;
    background: -moz-linear-gradient(left,  #858c9b 0%, #585f6e 100%);
    background: -webkit-linear-gradient(left,  #858c9b 0%,#585f6e 100%);
    background: linear-gradient(to right,  #858c9b 0%,#585f6e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858c9b', endColorstr='#585f6e',GradientType=1 );
    color: #fff;
    position: relative;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.main-help-desc-block > .d-flex{
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    min-height: 130px;
    flex: 1;
}

body.tez-style .main-help-desc-block{
    background: rgb(20,192,243);
    background: -moz-linear-gradient(-45deg, rgba(20,192,243,1) -16.49%, rgba(3,126,196,1) 53.61%, rgba(0,94,155,1) 99.59%);
    background: -webkit-linear-gradient(-45deg, rgba(20,192,243,1) -16.49%,rgba(3,126,196,1) 53.61%,rgba(0,94,155,1) 99.59%);
    background: linear-gradient(135deg, rgba(20,192,243,1) -16.49%,rgba(3,126,196,1) 53.61%,rgba(0,94,155,1) 99.59%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14c0f3', endColorstr='#005e9b',GradientType=1 );
}

.main-help-desc-block .main-help-left{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}

.main-help-desc-block .main-help-left .main-help-image{
    position: absolute;
    bottom: 0;
    left: 0;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 25%;
}

.main-help-desc-block .main-help-left .main-help-image img{display: block}

.main-help-desc-block .main-help-right{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -ms-flex-wrap: wrap;
     flex-wrap: wrap;*/
    margin-right: -15px;
    margin-left: -15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    font-size: 14px;
}

.main-help-desc-block .main-help-right .col-w{
    padding: 0 5px;
}

.main-help-desc-block a.link{
    color: #fff
}

.main-help-desc-block .main-help-title{
    font-size: 36px;
    font-family: 'roboto_bold';
    color: #fff;
    line-height: 40px;
    margin-top: -5px;
}

.main-help-desc-block .main-help-subtitle{
    font-size: 24px;
    line-height: normal;
    color: #fff;
    margin-top: 15px;
    font-family: 'roboto_medium';
}

.main-help-desc-block .help-btn{
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-family: 'roboto_bold';
    padding: 12px 20px;
    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
    -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
    box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
    border-radius: 2px;
    white-space: nowrap;
}

body.tez-style .main-help-desc-block .help-btn{
    -webkit-box-shadow: 0 0 0 1px #56C8EA;
    -moz-box-shadow: 0 0 0 1px #56C8EA;
    box-shadow: 0 0 0 1px #56C8EA;
}

.main-help-desc-block .help-btn:hover{text-decoration: underline}

.help-desc-container .upload-file-btn{
    font-size: 22px;
    color: #000;
    border: 1px solid #E3E3E3;
    display: inline-block;
    padding: 0 10px;
    border-radius: 4px;
    height: 35px;
    line-height: 35px;
}

.attachment-box{
    background: #fafafa;
    padding: 10px 10px 0;
}

.attachment-box .attachment-item{
    padding: 7px 23px 7px 10px;
    border-radius: 2px;
    border: 1px solid #E3E3E3;
    position: relative;
    font-size: 12px;
    margin-bottom: 10px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    cursor: default;
}

.attachment-box .attachment-item span{
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.attachment-box .attachment-item i{
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer;
    font-size: 13px;
    color: #777777;
}

.attachment-box .attachment-item i:hover{color: #000}

.tickets-container{
    background: #f4f4f4;
    -webkit-box-shadow: 0px 3px 2px -2px grey inset;
    -moz-box-shadow: 0px 3px 2px -2px gray inset;
    box-shadow: 0px 3px 2px -2px grey inset;
    padding: 8px;
}

.tickets-container.v-1 .t-items{background: #fff}

.ticket-item{
    background: #fff;
    box-shadow: 0 1px 0 0 #cfd7df;
    /*padding: 12px;*/
}

.ticket-item + .ticket-item{
    margin-top: 8px;
}

.ticket-item .ticket-item-main{
    position: relative;
    padding: 12px 52px 12px 12px;
    cursor: pointer;
}

.ticket-item .ticket-item-main-inner{
    display: table;
    width: 100%;
    font-size: 14px;
}

.ticket-item .ticket-item-main .ticket-item-left,
.ticket-item .ticket-item-main .ticket-item-right{
    display: table-cell;
    vertical-align: middle;
}

.ticket-item .ticket-item-main .ticket-item-left{padding-right: 10px}

.ticket-item .ticket-item-main .ticket-item-right .ticket-item-row + .ticket-item-row{
    margin-top: 7px;
}

.ticket-item .list-text-info{
    margin-top: 7px;
}

.ticket-item .list-text-info .main-ico{
    margin-right: 5px;
}

.ticket-item .list-text-info .status-info{
    color: #8D9695;
}

.ticket-item .ticket-rating{
    border-top: 1px solid #E3E3E3;
    margin-top: 7px;
    padding-top: 5px;
}

.ticket-item .ticket-rating .help-desc-rating-cell{margin: 0 0 0 5px;}

.ticket-item .list-text-info .status-info i.fa-circle{
    font-size: 3px;
    vertical-align: middle;
    margin: 0 2px;
}

.ticket-item .toggle-btn{
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    width: 30px;
    color: #fff;
    text-align: center;
    background: #f7941f;
    line-height: 30px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 1px;
}

.ticket-item .toggle-btn:before{
    content: '\f107';
    font-family: 'FontAwesome';
}

.ticket-item .toggle-btn.is-open{
    background: #777777
}

.ticket-item .toggle-btn.is-open:before{
    content: '\f106';
}

.ticket-item .ticket-status{
    display: inline-block;
    padding: 3px 5px;
    background-color: #ffecf0;
    color: #c82124;
    border: 1px solid #ffd0d6;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 7px;
}

.ticket-item .ticket-item-detail{
    border-top: 2px solid #EBF0F5;
    padding: 12px;
    margin-top: 12px;
}

.tickets-container.v-1 .ticket-item .ticket-item-detail{
    border: 0 none;
    margin: 0;
}

.tickets-container.v-1 .ticket-item{
    width: 50%;
    box-shadow: none;
}

.tickets-container.v-1 .ticket-item.isAnswer{float: right}

.ticket-item-detail .direct-chat-row{
    position: relative;
    padding-left: 66px;
    margin-top: 20px;
    max-width: 700px;
    width: 100%;
}

.ticket-item-detail .answer-msg.direct-chat-row{padding: 0 66px 0 0; float: right}

.ticket-item-detail .direct-chat-row:not(.answer-msg) .direct-chat-avatar img{
    height: 100%;
    min-width: 100%;
    max-width: none;
}

.ticket-item-detail .direct-chat-row:not(.answer-msg) .direct-chat-avatar{
    right: auto;
    left: 0;
}

.ticket-item-detail .direct-chat-avatar{
    height: 36px;
    width: 36px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.ticket-item-detail .direct-chat-avatar .chat-avatar img {
    max-width: none;
    height: 100%;
    min-width: 100%;
}

.ticket-item-detail .direct-chat-avatar svg{height: 100%; width: 100%}

.ticket-item-detail .direct-chat-msg{
    background: #F3F5F7;
    padding: 10px 12px;
    border-radius: 16px;
    color: #000;
}

.ticket-item-detail .answer-msg .direct-chat-msg{
    background: #FFFBEE;
}

.ticket-item-detail .direct-chat-msg p{
    padding: 0;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
}

.ticket-item-detail .direct-chat-msg + .direct-chat-msg{
    margin-top: 12px;
}

.ticket-item-detail .direct-chat-msg.answer-msg{
    background: #FEF1E1;
}

.ticket-item-detail .direct-chat-text{
    margin-top: 8px;
    line-height: 18px;
}

.attachment-list li{
    display: inline-block;
    vertical-align: top;
    margin: 10px 15px 0 0;
}

.attachment-list li:last-of-type{margin-right: 0}

.attachment-list li a{
    color: #000;
    font-size: 13px;
}

.ticket-item-detail .answer-comment-box{
    margin-top: 25px;
}

.answer-comment-box .left-offset{vertical-align: top}

.answer-comment-box .answer-comment-box-title{
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'roboto_bold';
}

.answer-comment-box .label{padding-bottom: 5px;}

#page-content .answer-comment-box.new-question .selectBox{width: 100%!important;}

.answer-comment-box.new-question .selectBox-label{min-width: 100%}

.new-question{
    background: #fff;
    padding: 12px;
    box-shadow: 0 1px 0 0 #cfd7df;
}

.new-question + .t-items{margin-top: 8px;}

.help-desc-rating-form{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 3px solid #E9E9E9;
}

.help-desc-rating-form h4{padding-bottom: 15px;}

.help-desc-rating-form .radio-btn-field{margin: 10px 0}

.help-desc-rating-cell,
label.help-desc-rating-cell{
    display: inline-block;
    margin-right: 2px;
    padding: 5px 7px;
    color: #fff;
    border-radius: 2px;
    font-size: 13px;
    cursor: default;
    font-weight: normal;
}

label.help-desc-rating-cell{cursor: pointer;}

.help-desc-rating-cell.red-color{
    background: #C60001;
}

.help-desc-rating-cell.orange-color{
    background: #F5980B;
}

.help-desc-rating-cell.green-color{
    background: #1ED81B;
}

.help-desc-rating-form .radio-btn-field .help-desc-rating-cell input[type="radio"]{
    margin: 0 3px 0 0;
    padding: 0;
    position: relative;
    top: 2px;
    cursor: pointer;
}

.help-desc-rating-comment{
    margin-top: 30px;
}

.help-desc-rating-comment textarea{
    width: 100%;
    height: 60px;
    font-size: 13px;
    outline: none;
}

.help-desc-review-list{
    /* padding: 15px;
     background: #f4f4f4;*/
    margin-top: 20px;
}

.help-desc-review-list .review-list-item {
    border: 1px solid #E9E9E9;
    padding: 20px;
    background: #f4f4f4;
}

.help-desc-review-list h4{
    margin-top: 0;
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.help-desc-review-list .review-list-item + .review-list-item {margin-top: 15px;}

.help-desc-review-list .review-list-item .comment{
    font-style: italic;
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid #E9E9E9;
}

/*------------------------------------------------------------------------------------------- */
/*----------------------------------- VIEW RESERVATION -------------------------------------- */
/*------------------------------------------------------------------------------------------- */
.reservationsLegend{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    padding-top: 35px;
}

.reservationsLegend .reservationsLegend_col{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 12px;
    box-sizing: border-box;
}

.reservationsLegend .reservationsLegend_item{
    cursor: default;
    padding-left: 24px;
    position: relative;
    font-size: 12px;
    line-height: 16px;
    color: #526678;
}

.reservationsLegend .reservationsLegend_item + .reservationsLegend_item{margin-top: 6px;}

.reservationsLegend .reservationsLegend_item img{
    height: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.reservationView-titleBox{
    position: relative;
    padding: 0 75px 10px 0;
    margin: 0 30px;
}

.reservationView-title{
    display: flex;
    align-items: center;
    color: #1C375F;
    font-family: 'roboto_medium';
    margin: 0 -4px;
}

.reservationView-title.is-mainTitle{
    font-size: 32px;
    line-height: 44px;
    margin: 0 -8px;
}

.reservationView-title > div{padding: 0 4px;}

.reservationView-title.is-mainTitle > div,
.reservationView-title.is-mainTitle h1.inner-title{
    padding: 0 8px;
}

.reservationView-titleBox .reservationView-rightIcon{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    margin: 0 -8px;
}

.reservationView-titleBox .reservationView-rightIcon > div{padding: 0 8px;}

.reservationView-header{font-size: 14px;}

.reservationView-statusBox{
    font-size: 16px;
    line-height: 22px;
    color: #526678;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.reservationView-statusBox .status-field{margin: 0 8px 0 0;}


.reservationView-agencyInfo{padding-bottom: 5px;}

.reservationView-agencyInfo .reservationView-agency{
    font-size: 20px;
    line-height: 27px;
    color: #1C375F;
    padding-right: 10px;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.reservationView-dateInfo{
    line-height: 19px;
}

.reservationView-systemNotify{
    font-size: 13px;
    color: #6C8495;
    padding-left: 10px;
}

.reservationView-systemNotify .full{display: inline}

.reservationView-notifyModal .full{padding-bottom: 10px; line-height: 19px;}

.reservationView-notifyModal .full:last-of-type{padding-bottom: 0}

.reservationView-headerRow{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: -7px;
}

.reservationView-headerRow > div{padding: 7px;}

.reservationView-btns{
    display: flex;
    margin: 0 -5px;
}

.reservationView-btns .reservationView-btns_item{padding: 0 5px;}

.reservationView-notifyModal{max-height: 300px; overflow-y: auto}

.reservation-box{
    background: #fff;
    border: 1px solid #E5E9F8;
    border-radius: 16px;
    margin-bottom: 16px;
}

.reservation-box.ver-bg{background: #F9FAFE;}

div.content-spacerBox{
    margin-top: 30px;
}

.reservation-box .reservation-box_subname,
.reservation-box .reservation-box_name{
    background: #F9FAFE;
    border-bottom: 1px solid #E5E9F8;
    color: #1C375F;
    font-weight: bold;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.reservation-box .reservation-box_name .inner-left{
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

.reservation-box .reservation-box_name{
    border-radius: 16px 16px 0 0;
    padding: 16px 24px;
    height: 65px;
    justify-content: space-between;
    box-sizing: border-box;
}

.reservation-box.ver-bg .reservation-box_name{border: 0 none}

.reservation-box .reservation-box_name .vertical-line{
    margin: 0 10px 0 20px;
    width: 1px;
    height: 32px;
    background: #CFD7DF;
}

.reservation-box .reservation-box_name .inner-left{
    font-size: 20px;
    line-height: 27px;
}

.reservation-box .reservation-box_name .inner-right_btn + .inner-right_btn{margin-left: 10px;}

.reservation-box .reservation-box_name > div{
    display: flex;
    align-items: center;
}

.reservation-box .reservation-box_name > div + div{padding-left: 20px;}

.product-status{
    font-size: 16px;
    line-height: 22px;
    color: #1C375F;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: bold;
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: default;
}

.product-status .status-field{margin-left: 10px;}

.drop-iconButton{
    height: 32px;
    width: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drop-iconButton:hover svg{fill: #0064CE}

.userData-grid{
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}

.userData-grid .userData-grid_col{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 8px;
    box-sizing: border-box;
}

.userData-box{
    border: 1px solid #E3E3E3;
    border-radius: 20px;
    padding: 16px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    background: #fff;
}

.userData-box.isLoad:before{
    content: '';
    background: url('../images/loading.gif') rgba(255,255,255,.5) no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: default;
    z-index: 2;
    border-radius: 20px;
}

.userData-box.active{
    background: rgba(233, 233, 249, 0.3);
    border-color: #4F46E5;
    box-shadow: 0 0 0.5px #4F46E5;
}

.userData-box .title{
    font-size: 16px;
    padding-left: 32px;
    position: relative;
    margin-bottom: 16px;
}

.userData-box .title .radio,
.userData-box .title input{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: auto;
}

.userData-box .text + .text{margin-top: 8px}

.userData-box select{
    max-width: 100%;
}

.userData-box div.selector{display: block}

.grades-container{
    display: flex;
    flex-wrap: wrap;
    margin: 8px -16px -16px;
}

.grades-container .grades-container_col{padding: 16px;}

.grades-container .grades-container_col:nth-child(1){
    -ms-flex: 0 0 66.6667%;
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
}

.grades-container .grades-container_col:nth-child(2){
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.grades-title{
    font-size: 16px;
    font-family: 'roboto_medium';
    padding-bottom: 24px;
}

.grades-grid{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: -16px;
}

.grades-grid .grades-grid_col:not(.full-w){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding: 16px;
}

.grades-grid .grades-grid_col.full-w{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 16px;
}

.grade-box.with-value{padding-right: 44px; position: relative}

.grade-box .grade-name{
    padding-bottom: 8px;
}

.grade-box .grade-field{
    height: 8px;
    border-radius: 6px;
    position: relative;
    background: #D9D9D9;
    cursor: default;
}

.grade-box .grade-percent{
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 10px;
}

.grade-box .grade-active{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #028100;
    border-radius: 6px;
}

.grade-box .grade-active.is-orange{background: #EE940C}

.grade-box .grade-active.is-yellow{background: #FFCF24}

.grade-box .grade-value{
    position: absolute;
    right: 0;
    bottom: -4px;
}

.grade-box.v1 .grade-field{
    background: #E7E7E7;
    height: 17px;
    border-radius: 4px;
}

.grade-box.v1 .grade-active{background: #31AB2F; border-radius: 4px;}

.grade-box.v1 .grade-value{
    font-size: 12px;
    line-height: 15px;
    right: calc(100% - 38px);
    top: 2px;
}

.grade-box.with-value.v1{
    padding: 0 0 0 44px;
}

.dataFilling-block {
    margin-top: 36px;
    border: 1px solid #E3E3E3;
    border-radius: 12px;
}

.dataFilling-header{
    background: #fff;
    border-radius: 12px;
    padding: 20px 96px 20px 64px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.isOpen .dataFilling-header{border-bottom-left-radius: 0; border-bottom-right-radius: 0}

.dataFilling-header .icon{
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translate(0, -50%);
}

.dataFilling-header .grade-box{width: 211px}

.dataFilling-header .name{
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

.dataFilling-header .arr-showHide{
    border-radius: 8px;
    width: 44px;
    height: 30px;
    background: #0064CE;
    border: 1px solid #0064CE;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0, -50%);
}

.isOpen .dataFilling-header .arr-showHide{
    background: #fff;
}

.isOpen .dataFilling-header .arr-showHide svg{
    transform: rotate(90deg);
}

.isOpen .dataFilling-header .arr-showHide svg path{fill: #0064CE}

.dataFilling-body{
    padding: 24px 30px;
    display: none;
    border-top: 1px solid #CFD7DF;
    background: #fff;
    border-radius: 0 0 12px 12px;
}

.isOpen .dataFilling-body{display: block}

.dataFilling-body .title{
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0;
}

.dataFilling-body .step{
    font-size: 16px;
    line-height: 22px;
}

.dataFilling-body .isAddComment{
    position: relative;
    padding-right: 28px;
}

.dataFilling-body .isAddComment .commentIco{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
}

.dataFields-box .agency-сnt-modal-general{
    display: flex;
    flex-wrap: wrap;
}

.dataFields-box .agency-сnt-modal-general .agency-сnt-modal-col{
    display: flex;
    flex-direction: column;
    float: none;
}
/*
.dataFields-box .agency-сnt-modal-col label{flex: 1}*/

.dataFields-photo + .dataFields-photo{margin-top: 36px}

.dataFields-photo .name{
    font-size:16px;
    font-weight: bold;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    line-height: 24px;
}

.dataFields-photo .photo-item{
    background: #fff;
    height: 120px;
    min-width: 120px;
    text-align: center;
    border: 1px dashed #CFD7DF;
    position: relative;
}

.dataFields-photo .photo-item img{
    height: 100%
}

.dataFields-photo .photo-item .delete{
    position: absolute;
    right: 4px;
    top: 4px;
    border-radius: 28px;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    display: none;
    width: 24px;
    height: 24px;
    padding: 4px;
    z-index: 5;
}

.dataFields-photo .photo-item:hover .delete{display: block}

.agency-сnt-modal-general {
    margin: -8px;
}

.agency-сnt-modal-general .agency-сnt-modal-col{
    padding: 8px;
    float: left;
    box-sizing: border-box;
}

.dataFields-box .agency-сnt-modal-general {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.dataFields-box .agency-сnt-modal-general .agency-сnt-modal-col {
    display: flex;
    flex-direction: column;
    float: none;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.dataFields-box .agency-сnt-modal-general .agency-сnt-modal-col label{
    font-weight: bold;
    margin-bottom: 4px;
}

.agency-сnt-modal-col input[type="text"]{width: 100%!important; box-sizing: border-box;}

.agency-сnt-modal-col select{width: 100%}

.agency-сnt-modal-col textarea {
    width: 100%;
    resize: vertical;
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fcfcfc;
    vertical-align: middle;
    -moz-box-shadow: inset 0 1px 3px #ddd;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;
    min-height: 60px;
    padding: 8px;
    box-sizing: border-box;
}

.agency-сnt-modal-general .agency-сnt-modal-col.w-50 {
    width: 50%;
}

.agency-сnt-modal-general .agency-сnt-modal-col.w-100 {
    width: 100%;
}

.agency-сnt-modal-col .agency-сnt-field {
    position: relative;
}

.agency-сnt-modal-col .agency-сnt-field .error {
    position: absolute;
    left: 0;
    top: calc(100% - 2px);
    font-size: 10px;
    background: #bf0000;
    color: #fff !important;
    border-radius: 3px;
    padding: 1px 6px;
    line-height: 13px;
    display: none;
}

.agency-сnt-modal-col .agency-сnt-field .error:before{
    content: '';
    position: absolute;
    left: 6px;
    bottom: 100%;
    border-bottom: 3px solid #bf0000;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.hint-help-field {
    position: relative;
    padding-right: 24px;
    display: inline-block;
}

.hint-help-field .hint-help-icon {
    position: absolute;
    right: 0;
    height: 16px;
    width: 16px;
    cursor: pointer;
    top: 50%;
    transform: translate(0, -50%);
    line-height: 0;
}

.warning-message{
    background: #FBF9F4;
    border: 1px solid #FAF4E5;
    position: relative;
    padding: 12px 12px 12px 48px;
    font-size: 13px;
    border-radius: 8px;
}

.warning-message.redStyle{
    background-color: #FFF2F2;
    border-color: #f5c6cb;
}

.warning-message.isShort{
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 6px;
    font-size: 12px;
    line-height: 16px;
}

.warning-message svg{
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translate(0, -50%);
}

.warning-message.noIcon{padding-left: 12px}

.services-add-block .services-add-block-inner{
    /*border-top: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;*/
    border: 1px solid #E5E9F8;
    font-size: 0;
    text-align: center;
    background: #fff;
    border-radius: 16px;
}

.services-add-block .services-item{
    width: 33.3333%;
    display: inline-block;
    vertical-align: top;
    height: 270px;
    /*border-bottom: 1px solid #e9e9e9;*/
    border-right: 1px solid #E5E9F8;
    cursor: default;
    font-size: 14px;
    text-align: center;
    /*background: #fff;*/
}

.services-add-block.cols-services-4 .services-item{width: 25%}

.services-add-block.cols-services-5 .services-item{width: 20%}

.services-add-block.cols-services-2 .services-item{width: 50%}

.services-add-block .services-item:last-of-type{border-right: 0 none}

.services-add-block .service-title{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 7px auto 10px;
    padding: 0 15px;
    height: 40px;
    -webkit-align-items: flex-end;
    -moz-align-items: center;
    align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 16px;
    /*color: #414141;*/
}

.services-add-block .service-price-from{
    color: #777777;
    padding: 0 15px 20px;
}

.services-add-block .service-image{
    height: 90px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    background-color: #fff;
}

.services-add-block .service-image.suitcase{
    background-image: url("../images/services/suitcase.png");
}

.services-add-block .service-image.meal{
    background-image: url("../images/services/meal.png");
}

.services-add-block .service-image.seat{
    background-image: url("../images/services/seat.png");
}

.services-add-block .service-image.airport{
    background-image: url("../images/services/airport.png");
}

.services-add-block .service-image.airplane{
    background-image: url("../images/services/airplane.png");
}

.services-add-block .service-image.excursion{
    background-image: url("../images/services/excursion.png");
}

.services-add-block .service-image.transfer{
    background-image: url("../images/services/transfer.png");
}

.services-add-block .service-image.car{
    background-image: url("../images/services/car.png");
}

.services-add-block .service-image.insurance{
    background-image: url("../images/services/insurance.png");
}

.services-add-block .service-image.covidtest{
    background-image: url("../images/services/covid.png");
}

.services-add-block .service-btn{
    margin: 20px auto 0;
}

.reservation-box .services-add-block{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.reservation-box .services-add-block .services-add-block-inner{
    border: 0 none;
}

.reservation-box .services-add-block.cols-services-1 ._inner:hover,
.reservation-box .services-add-block.cols-services-2 ._inner:hover{background: #EEF5FC}

.reservation-box .services-add-block.cols-services-1 .services-item{
    width: 100%;
}

.reservation-box .services-add-block.cols-services-1 ._inner,
.reservation-box .services-add-block.cols-services-2 ._inner{
    background: #fff;
    border-radius: 16px;
    border: 1px solid #E5E9F8;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}

.reservation-box .services-add-block.cols-services-1 .service-image{margin: 0 30px 0 0}

.reservation-box .services-add-block.cols-services-2 .service-image{margin: 0 10px 0 0}

.reservation-box .services-add-block.cols-services-1 .services-item .service-info,
.reservation-box .services-add-block.cols-services-2 .services-item .service-info{
    flex: 1;
    border: 0 none;
    padding: 0 24px 0 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    background: transparent;
}

.reservation-box .services-add-block.cols-services-1 .service-btn .blue_btn,
.reservation-box .services-add-block.cols-services-2 .service-btn .blue_btn{
    border-radius: 8px!important;
    padding: 0 15px;
    font-size: 15px;
    height: 37px;
    line-height: 35px;
}

.reservation-box .services-add-block.cols-services-2 .services-item{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.reservation-box .services-add-block.cols-services-3 .services-item{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.reservation-box .services-add-block .services-item{
    padding: 0 16px;
    background: transparent;
    height: 100%;
    border: 0 none;
}

.reservation-box .services-add-block .service-info{
    background: #fff;
    border: 1px solid #E5E9F8;
    border-radius: 16px 16px 0 0;
    padding: 16px 16px 24px;
}

.reservation-box .services-add-block .service-image{
    height: 86px;
    margin-bottom: 24px;
    background: transparent;
}

.reservation-box .services-add-block .service-image img{max-height: 100%}
/*
.reservation-box .services-add-block .service-image img{height: 100%}*/

.reservation-box .services-add-block .service-title{
    font-size: 24px;
    line-height: 33px;
    color: #1C375F;
    margin: 0;
    padding: 0;
    height: auto;
}

.reservation-box .services-add-block .service-price-from{
    font-size: 18px;
    line-height: 25px;
}

.reservation-box .services-add-block .service-btn{margin: 0}

.reservation-box .services-add-block .service-btn .blue_btn{
    display: block;
    border-radius: 0 0 16px 16px!important;
    font-size: 16px;
    line-height: 22px;
    padding: 13px;
    height: auto;
}


.reservation-box .reservation-box_subname{
    line-height: 19px;
    padding: 10px 24px;
    border-top: 1px solid #E5E9F8;
}

.reservation-box .reservation-box_name .inner-left svg,
.reservation-box .reservation-box_subname svg{margin-right: 10px;}

.reservation-box .reservation-box_body{
    line-height: 19px;
}

.reservation-box .reservation-box_body.spaced{
    padding: 16px 24px;
}

.reservation-box .reservation-box_body.spaced-1{
    padding: 0 24px 24px;
}

.financeDocs-grid{
    display: flex;
    flex-wrap: wrap;
    margin: 15px -10px -15px;
    font-size: 14px;
}

.financeDocs-grid .financeDocs-grid_col{
    padding: 15px 10px;
    box-sizing: border-box;
}

.financeDocs-grid .financeDocs-grid_col:nth-child(1){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62%;
    flex: 0 0 62%;
    max-width: 62%;
}

.financeDocs-grid .financeDocs-grid_col:nth-child(2){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38%;
    flex: 0 0 38%;
    max-width: 38%;
}

.financeDocs-grid .financeDocs-grid_col .reservation-box{height: 100%}

.financeDocs-grid .reservation-box_body{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 65px);
}

.finance-grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding: 16px 24px 0;
    box-sizing: border-box;
}

.finance-grid > div{
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;
}

.financeDocs-btn{
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
}

.financeDocs-btn .blue_btn{margin-left: 10px;}

.financeDocs-btn .blue_btn:first-of-type{margin: 0}

.financeDocs-autoCancellation{
    background: #FBF9F4;
    border-top: 1px solid #FAF4E5;
    border-radius: 0px 0px 16px 16px;
    position: relative;
    padding: 16px 24px 16px 62px;
    color: #526678;
}

.financeDocs-autoCancellation svg{position: absolute; left: 24px; top: 16px;}

.financeDocs-autoCancellation .title{padding-bottom: 4px}

.page-empty{
    text-align: center;
    padding: 88px 0 0;
    min-height: 600px;
}

.page-empty .icon{padding-bottom: 24px;}

.page-empty .title{
    font-size: 18px;
    line-height: 22px;
}

.page-empty .sub-title{
    padding-top: 8px;
    max-width: 340px;
    margin: 0 auto;
}

.page-empty .btn-block{text-align: center}

.page-empty .btn-block .blue_btn{
    max-width: 330px;
    margin: 0 auto;
}

.reservation-box .page-empty{
    min-height: 0;
    padding: 60px 0;
}

table.reservation-stdTable{
    width: 100%;
}

table.reservation-stdTable td{
    vertical-align: middle;
    padding: 5px;
    line-height: 19px;
    border: 0 none;
}

table.reservation-stdTable tr td:first-of-type{padding-left: 0}

table.reservation-stdTable tr td:last-of-type{padding-right: 0}

table.reservation-stdTable .stdTable-textOrange{
    color: #F67142
}

table.reservation-stdTable .stdTable-textGreen{
    color: #028100
}

table.reservation-stdTable .stdTable-delimiter{
    height: 1px;
    background: #CFD7DF;
}

.finance-grid table.reservation-stdTable tr td:last-of-type{text-align: right}

.document-list{
    overflow: auto;
    height: 145px;
    padding: 16px 24px 0;
}

.document-list .document-list_item{
    position: relative;
    padding: 5px 74px 5px 0;
    line-height: 19px;
}

.document-list ._inner{
    display: flex;
    justify-content: space-between;
    margin: 0 -5px;
}

.document-list .document-list_item + .document-list_item{margin-top: 10px;}

.document-list ._inner > div{padding: 0 5px;}

.document-list_status.statusColor-orange{color: #FFB400}
.document-list_status.statusColor-green{color: #028100}
.document-list_status.statusColor-blue{color: #5183F4}
.document-list_status.statusColor-red{color: #CE2735}

.document-list .document-list_btnBox{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
}

.document-list .document-list_btn{
    width: 28px;
    height: 28px;
    background: #E9EEF1;
    border-radius: 6px;
    padding: 6px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
}

.document-list .document-list_btn:hover{background: #0540D0}

.document-list .document-list_btn:hover svg path{fill: #fff}

.document-list .document-list_btn + .document-list_btn{margin-left: 8px;}

.reservation-tbl{
    display: table;
    width: 100%;
}

.reservation-tbl .reservation-tbl_row{display: table-row}

.reservation-tbl .tbl_cell{
    display: table-cell;
    vertical-align: middle;
    padding: 8px 5px;
    border-bottom: 1px solid #E5E9F8;
}

.reservation-tbl .reservation-tbl_row:last-of-type .tbl_cell{border: 0 none}

.reservation-tbl .tbl_cell:first-child{padding-left: 24px;}
.reservation-tbl .tbl_cell:last-child{padding-right: 24px;}

#modal-content .reservation-tbl .tbl_cell:first-child{padding-left: 0}

#modal-content .reservation-tbl .tbl_cell:last-child{padding-right: 0}

.reservation-tbl .tbl_cell.tbl_th{
    color: #1C375F;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

.booking-wrapper .product-item{position: relative}

.product-header{
    border-bottom: 1px solid #E5E9F8;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.hotel-header .hotel-star-box{margin-bottom: 6px;}

.hotel-header .product-name{
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 28px;
    text-decoration: none;
}

.hotel-header .product-location{
    padding-top: 6px;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.transfer-header .product-item:before{
    content: '';
    width: 1px;
    background: #95A0AB;
    top: 8px;
    bottom: 8px;
    position: absolute;
    left: 3px;
}

.transfer-header .product-points{
    position: relative;
    padding-left: 12px;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Roboto Condensed';
}

.transfer-header .product-points + .product-points{margin-top: 10px;}

.transfer-header .product-points:before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 7px;
    border: 1px solid #95A0AB;
}

.transfer-header .product-points:nth-child(1):before{background: #fff}

.transfer-header .product-points:nth-child(2):before{background: #95A0AB;}

.product-additional{
    display: flex;
    flex-wrap: wrap;
}

.product-additional .inner-left{
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    flex-wrap: wrap;
}

.product-additional .inner-right{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding-left: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    box-sizing: border-box;
}

.product-additional .inner-left .product-additional_col:nth-child(1){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 20px;
    box-sizing: border-box;
}

.product-additional .inner-left .product-additional_col:nth-child(2){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 20px;
    box-sizing: border-box;
}

.product-additional .inner-left .product-additional_col:nth-child(3){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.product-additional .product-additional_name{
    font-size: 16px;
    line-height: 22px;
    color: #1C375F;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    position: relative;
    padding-left: 30px;
    cursor: default;
    margin-bottom: 10px;
    white-space: nowrap;
    font-weight: 700;
}

.product-additional .product-additional_name svg{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.product-grey-txt{color: #6C8495;}

.product-lightgrey-txt{color: #526678;}

.product-additional_row + .product-additional_row{padding-top: 6px;}

.product-paxGrid{
    display: flex;
    align-items: center;
    margin: 0 -7px;
}

.product-paxGrid .product-paxGrid_item{
    padding: 0 7px 0 24px;
    position: relative;
}

.product-paxGrid .product-paxGrid_item svg{
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translate(0, -50%);
}

.is-disable-pax{color: #CAD3D9;}

.is-disable-pax svg path{fill: #CAD3D9;}

.product-priceTotal{
    color: #0064CE;
    font-size: 16px;
    line-height: 22px;
}

.dashboardField{
    background: #F7F7F7;
    border: 1px solid #DDDDDD;
    border-radius: 16px;
    padding: 12px;
    box-sizing: border-box;
    color: #000;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dashboardField.isTopPos{
    justify-content: flex-start;
}

.dashboardField .dashboardField-name{
    color: #71717A;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    line-height: normal;
}

.dashboardField .dashboardField-title{
    font-weight: 700;
    text-transform: uppercase;
}

.dashboardField .dashboardField-top{
    display: flex;
    justify-content: space-between;
    /*flex-wrap: wrap;*/
    padding-bottom: 16px;
}

.dashboardField .dashboardField-top.alignLeft{justify-content: start; align-items: center}

.dashboardField .dashboardField-percent{font-weight: 700; padding-left: 6px; line-height: normal;}

.dashboardField .dashboardField-percent.color-green{color: #00BD35}

.dashboardField .dashboardField-percent.color-red{color: #FF7777}

.dashboardField .dashboardField-indicator{
    width: 24px;
    height: 10px;
    border-radius: 6px;
    cursor: default;
}

.dashboardField .dashboardField-indicator.color-gray{background: #BABABA}
.dashboardField .dashboardField-indicator.color-yellow{background: #FFCC48}
.dashboardField .dashboardField-indicator.color-green{background: #39AF45}

.dashboardField .dashboardField-name + .dashboardField-indicator{margin: -2px 0 0 12px;}

.dashboardField .dashboardField-cell a,
.dashboardField .dashboardField-cell{
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    color: inherit;
}

.dashboardField .abbr-segment{
    font-size: 20px;
}

.dashboardField *[title], .dashboardField-name[title] {
    cursor: help;
}
.dashboardField a[title] {
    cursor: pointer;
}

.dashboardField .dashboardField-cell span{font-size: 22px;}

.dashboardField .dashboardField-select div.selector,
.dashboardField .dashboardField-select div.selector:hover,
.dashboardField .dashboardField-select div.selector:active{
    background: none;
}

.dashboardField .dashboardField-select div.selector,
.dashboardField .dashboardField-select div.selector select{
    height: 22px;
}

.dashboardField .dashboardField-select div.selector span{
    color: #0064CE;
    border: 1px solid #0064CE;
    height: 20px;
    line-height: 20px;
    border-radius: 16px;
    padding: 0 30px 0 12px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy45MDA1MiAxTDQuNDUwMjYgNS4wODMzM0wxIDEiIHN0cm9rZT0iIzI0ODlGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) #fff no-repeat right+8px center;
    cursor: pointer;
}

.dashboard-grid + .dashboard-grid{padding-top: 16px;}

.dashboard-grid .dashboard-grid_row,
.dashboard-grid ._row{
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}

.dashboard-grid ._row.h-50{
    height: calc(50% + 12px);
}

.dashboard-grid .dashboard-grid_row + .dashboard-grid_row{padding-top: 16px;}

.dashboard-grid ._col{
    padding: 8px;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.dashboard-grid ._col.w-100{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.dashboard-grid ._row.cols-7 ._col{
    -ms-flex: 0 0 14.2857%;
    flex: 0 0 14.2857%;
    max-width: 14.2857%;
}

.dashboard-grid ._row.cols-7 ._col.w-x2{
    -ms-flex: 0 0 21.4286%;
    flex: 0 0 21.4286%;
    max-width: 21.4286%;
}
/*
.dashboard-grid ._row.cnt-2 ._col{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}*/

.dashboard-grid .dashboard-grid_col{padding: 8px; box-sizing: border-box;}

.dashboard-grid .dashboard-grid_col:nth-child(1){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42.8%;
    flex: 0 0 42.8%;
    max-width: 42.8%;
}

.dashboard-grid .dashboard-grid_col:nth-child(2),
.dashboard-grid .dashboard-grid_col:nth-child(3){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28.6%;
    flex: 0 0 28.6%;
    max-width: 28.6%;
}

.dashboard-grid.v-2 .dashboard-grid_col:nth-child(1){
    -ms-flex: 0 0 71.4%;
    flex: 0 0 71.4%;
    max-width: 71.4%;
}

.dashboard-grid.v-1 .dashboard-grid_col:nth-child(1){
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    max-width: 31%;
}

.dashboard-grid.v-1 .dashboard-grid_col:nth-child(2),
.dashboard-grid.v-1 .dashboard-grid_col:nth-child(3),
.dashboard-grid.v-1 .dashboard-grid_col:nth-child(4){
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
}

.dashboard-grid.v-3 .dashboard-grid_col:nth-child(1){
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.dashboard-grid.v-3 .dashboard-grid_col:nth-child(2){
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.dashboard-grid.v-3 .dashboard-grid_col:nth-child(3){
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
}

.dashboard-grid.v-3 .dashboard-grid_col:nth-child(4){
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
}

.dashboard-grid.v-3 .dashboard-grid_col:nth-child(5){
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
}

.dashboard-grid.v-4 .dashboard-grid_col:nth-child(1){
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.dashboard-grid.v-4 ._col{
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.dashboard-grid.v-5 .dashboard-grid_col:nth-child(1){
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.dashboard-grid.v-5 .dashboard-grid_col:nth-child(2){
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.dashboard-grid .dashboard-grid_col.w-24{
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
}

.dashboard-grid .dashboard-grid_col.w-46{
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
}

.dashboard-grid .dashboard-grid_col.w-33{
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.dashboard-grid .dashboard-grid_col.w-30{
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.dashboard-grid .dashboard-grid_col.w-50{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.dashboard-grid .dashboard-grid_col.w-57{
    -ms-flex: 0 0 57.2%;
    flex: 0 0 57.2%;
    max-width: 57.2%;
}

.dashboard-grid .dashboard-grid_col.w-100{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.dashboard-grid.v-4 ._row{
    height: calc(100% + 16px);
}

.dashboard-grid .dashboardField-content{
    background: #fff;
    border-radius: 6px;
    padding: 16px;
    min-height: 200px;
    overflow: auto;
    flex: 1;
}

.dashboard-grid .dashboardField-content.noScroll{overflow: visible}

table.leaderBoard{width: 100%}

table.leaderBoard th{
    color: #71717A;
    text-align: left;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 12px;
}

table.leaderBoard td{vertical-align: middle;  padding-top: 36px;}

table.leaderBoard th + th,
table.leaderBoard td + td{padding-left: 12px}

table.leaderBoard .manager-info .right-info{font-size: 15px}

table.leaderBoard img.trophy{
    height: 46px;
    display: block;
}

table.leaderBoard .rating{
    background: #38BE8C;
    padding: 4px 0;
    border-radius: 6px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    cursor: default;
    width: 52px;
    text-align: center;
}

.pie-chartBox{
    height: 140px;
    width: 140px;
    position: relative;
}

.pie-chartBox .pie-chart_text {
    font-size: 12px;
    color: #667085;
    line-height: 16px;
    text-align: center;
    top: 50%;
    left: 15px;
    right: 15px;
    position: absolute;
    transform: translate(0, -50%);
}

.pie-chartBox .pie-chart_num{
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: normal;
}

.bar-chart{
    background: #D9D9D9;
    height: 10px;
    position: relative;
    border-radius: 6px;
    min-width: 180px;
}

.bar-chart span{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 6px;
    background: #2489FF;
}

.channelType-label{
    font-size: 12px;
    line-height: 17px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    border-radius: 2px;
    cursor: default;
    padding: 1px 6px 0;
    background: #5183F4;
    text-align: center;
    display: inline-block;
}

.channelType-label.channel-B2B{background: #5183F4;}

.channelType-label.channel-B2CMID,
.channelType-label.channel-B2C{background: #F26FE5;}

.channelType-label.channel-B2B2C{background: #55B7BD}

.channelType-label.channel-API{background: #f49851}

.channelType-label.channel-NET{background: #f40000}

table.dashboardField-channel{min-width: 160px; border-spacing: 0;}

table.dashboardField-channel td{
    vertical-align: middle;
    padding: 1px 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

table.dashboardField-channel td:nth-child(1){padding-right: 16px;}

table.dashboardField-channel td:last-of-type{text-align: right}

table.dashboardField-channel .num{
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

table.dashboardField-channel tr.is-hover td{
    padding: 1px 4px;
}

table.dashboardField-channel tr.is-hover:hover td{
    border-color: #0064CE;
    cursor: pointer;
}

table.dashboardField-channel tr.is-hover td:first-of-type{border-left: 1px solid transparent;}
table.dashboardField-channel tr.is-hover td:last-of-type{border-right: 1px solid transparent;}

table.dashboardField-channel tr.is-hover:hover td:first-of-type{border-color: #0064CE; border-bottom-left-radius: 4px; border-top-left-radius: 4px}

table.dashboardField-channel tr.is-hover:hover td:last-of-type{border-color: #0064CE; border-bottom-right-radius: 4px; border-top-right-radius: 4px}

.dashboardField-verBox .dashboardField-verBox_num,
table.dashboardField-cancelled .num{
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
}
table.dashboardField-cancelled a.num {
    color: inherit;
    text-decoration: none;
}

table.dashboardField-cancelled td:nth-child(1){padding-right: 16px; min-width: 50px;}
table.dashboardField-cancelled tr.active {
    background-color: inherit;
}

.dashboardField table.dashboardField-table{width: 100%}

.dashboardField table.dashboardField-table td{padding-right: 16px;}

.dashboardField table.dashboardField-table td:last-child{padding-right: 0}

.dashboardField table.dashboardField-table tr + tr > td,
table.dashboardField-cancelled tr + tr > td{padding-top: 8px;}

.dashboardField-verBox .dashboardField-verBox_name,
table.dashboardField-cancelled .text,
.dashboardField small {
    color: #71717A;
    font-size: 11px;
    text-decoration: none;
}

table.dashboardField-cancelled tr.active .text,
.dashboardField-verBox.active .dashboardField-verBox_name {
    text-decoration: underline;
}

.dashboardField small {
    font-size: 10px;
}

table.dashboardField-searchRes{
    width: 100%;
}

table.dashboardField-searchRes td{text-align: right; padding: 4px 12px;}

table.dashboardField-searchRes td:nth-child(1){text-align: left; padding-left: 0}

table.dashboardField-searchRes td:last-child{padding-right: 0; width: 100%}

table.dashboardField-searchRes .num{
    font-size: 18px;
    font-weight: 700;
}

.dashboardField .dashboardField-grid{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -8px;
}

.dashboardField .dashboardField-grid_col{
   padding: 8px;
}

.dashboardField-verBox .dashboardField-verBox_num{
    position: relative;
    padding-left: 24px;
    color: inherit;
    text-decoration: none;
    display: block;
}

.dashboardField-verBox .dashboardField-verBox_num span{display: inline-block; float: none; margin: 0}

.dashboardField-verBox .dashboardField-verBox_num a{
    color: #000;
    text-decoration: none;
    margin: 0;
    float: none;
}

.dashboardField-verBox .dashboardField-verBox_num .circle{
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
}

.dashboardField-verBox + .dashboardField-verBox{padding-top: 12px;}

.dashboardField-verBox .dashboardField-verBox_num .circle.color-green{background: #39AF45}
.dashboardField-verBox .dashboardField-verBox_num .circle.color-yellow{background: #FFCC48}
.dashboardField-verBox .dashboardField-verBox_num .circle.color-gray{background: #BABABA}
.dashboardField-verBox .dashboardField-verBox_num .circle.color-red{background: #ff3737}

ul.dashboardField-list{
    column-count: 2;
}

ul.dashboardField-list li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EFEFEF;
    padding-top: 12px;
}

ul.dashboardField-list li.warning-row .dashboardField-list_name{position: relative; padding-right: 24px; color: #CE2735; font-weight: bold; }

ul.dashboardField-list li.warning-row .dashboardField-list_name svg{
    position: absolute;
    right: 0;
    bottom: 3px;
}

ul.dashboardField-list li .dashboardField-list_num{
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    position: relative;
}

ul.dashboardField-list li .dashboardField-list_num a{color: inherit; text-decoration: none}

ul.dashboardField-list li .dashboardField-list_num a:hover{text-decoration: underline}

ul.dashboardField-list li .gray-text{
    color: #71717A;
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
    vertical-align: middle;
}

ul.dashboardField-list li .dashboardField-list_num .percent{
    position: absolute;
    top: -10px;
    right: -4px;
    font-size: 11px
}

.columnGrid{
    display: flex;
    margin: -4px;
}

.columnGrid .columnGrid_col{
    padding: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.columnGrid .columnGrid_col ._inner{border: 1px solid #ddd; height: 100%}

.columnGrid .columnGrid_head{
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
    padding: 7px 10px;
    line-height: 21px;
    font-weight: 700;
    color: #333;
}

.columnGrid .columnGrid_head .std-badge{margin-left: 4px}

.columnGrid .columnGrid_body{
    padding: 8px;
}

.agencyBox{
    background: #F7F7F7;
    padding: 8px;
    box-sizing: border-box;
    color: #000;
    position: relative;
}

.agencyBox + .agencyBox{margin-top: 8px;}

.agencyBox h5{padding-right: 16px; position: relative; margin-bottom: 4px}

.agencyBox-params{
    display: flex;
    flex-wrap: wrap;
    margin: -3px;
}

.agencyBox-params .agencyBox-params_point{
    color: #666;
    padding: 3px;
}

.statusIco{
    height: 10px;
    width: 10px;
    position: absolute;
    top: 17px;
    right: 12px;
    border-radius: 100%;
}

.statusIco.bg1{background: #39AF45}
.statusIco.bg2{background: #ff3737}
.statusIco.bg3{background: #FFCC48}


/*-------------------------------------------------------------------------------------------*/
/*------------------------------------------ DIALOG -----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.withvernav .dialogContent{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 68px;
    color: #252C32;
}

.dialogContent .contentwrapper{
    padding: 0;
    height: 100%;
}

.dialogGrid{
    padding: 0 340px 0 390px;
    height:  calc(100% + 35px);
    position: relative;
}

.dialogGrid-left{
    width: 390px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dialogGrid-left_head{
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    padding: 16px;
}

.blue_btn.s-small.back-btn{
    min-width: 100px;
    position: relative;
    padding-left: 22px;
}

.blue_btn.s-small.back-btn svg{
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
}

.blue_btn.s-small.back-btn:hover svg path{fill: #fff}

.dialogGrid-tab{
    position: relative;
    padding: 36px 24px 36px 66px;
    cursor: pointer;
    border-bottom: 1px solid #E5E9EB;
}

.dialogGrid-tab.active,
.dialogGrid-tab:hover{background: rgba(233, 233, 249, 0.3);}

.dialogGrid-tab .dialogGrid-tab_radio{
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translate(0, -50%);
    width: 16px;
    height: 16px;
    border: 2px solid #84909A;
    border-radius: 100%;
    box-sizing: border-box;
}

.dialogGrid-tab.active .dialogGrid-tab_radio{
    border-color: #4F46E5;
}

.dialogGrid-tab.active .dialogGrid-tab_radio:before{
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #4F46E5;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -4px;
}

.dialogGrid-tab .dialogGrid-tab_text{
    position: relative;
    padding-left: 43px;
    font-weight: 700;
    font-size: 14px;
}

.dialogGrid-tab .dialogGrid-tab_icon{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.dialogGrid-tab .dialogGrid-tab_icon svg{display: block}

.dialogGrid-left_head .switchTabs li{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.dialogGrid-left_body{flex: 1; overflow: auto;}

.dialogGrid-left .dialogGrid-left_footer{
    padding: 24px;
    text-align: center;
}

.dialogGrid-left .dialogGrid-left_footer .dialogs-load{display: inline-block}

.dialogGrid-center{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.dialogGrid-center_head{}

.dialogGrid-center_head ._inner{
    padding: 16px 36px;
    border-bottom: 1px solid #ddd
}

.dialogGrid-center_head .warning-message{
    border: 0 none;
    border-radius: 0;
    padding-left: 64px;
}

.dialogGrid-center_head .warning-message svg{left: 36px;}

.dialogGrid-center_head .ticket-user-reply + div{margin-top: 4px}

.dialogGrid-center_head .btn_box{margin: 0}

.dialogGrid-center_head .num{
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    position: relative;
    padding-left: 30px;
}

.dialogGrid-center_head .num svg{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.dialogGrid-center_head .date{
    color: #B0BABF;
    font-size: 14px;
}

.dialogGrid-center_head .title{
    font-size: 16px;
    color: #000;
    padding-bottom: 8px;
}

.dialogGrid-center_head .favourite{
    cursor: pointer;
}

.dialogGrid-center_head .favourite:hover svg path{
    fill: #EDAB01;
}

.dialogGrid-center_head .view-now{
    height: 26px;
    width: 26px;
    background: #4F46E5;
    border-radius: 100%;
    cursor: pointer;
    text-align: center;
    padding: 5px 0;
    box-sizing: border-box;
}

@keyframes spin {
    from {    transform: rotateY(0);}
    to {    transform: rotateY(180deg);}
}

.dialogGrid-center_head .view-now svg{
    animation: spin 1.3s linear 0s infinite;
    transition-delay: 2s
}

.violet-label,
.green-label,
.yellow-label,
.gray-label{
    display: inline-block;
    cursor: default;
    border-radius: 4px;
    padding: 2px 14px;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.gray-label{
    color: #64748B;
    background: #F7F7F7;
}

.violet-label{
    color: #4F46E5;
    background: #EEEDFD;
}

.green-label{
    color: #11D260;
    background: #DBF8E7;
}

.yellow-label{
    color: #FFB800;
    background: rgba(248, 199, 75, 0.2);
}

.dialogGrid-center .stdbtn,
.stdbtn.with-icon{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 6px 12px;
    justify-content: center;
    line-height: 19px;
    height: 33px;
    text-decoration: none;
}

.dialogGrid-center .stdbtn:not(.btngrid){min-width: 168px;}

.dialogGrid-center .dialogGrid-center_head a.btngrid{min-width: 33px}

.dialogGrid-center .dialogGrid-center_head a.btn_info2 {
    background-position: -191px -118px;
}

.dialogGrid-center .stdbtn svg,
.stdbtn.with-icon svg{
    display: block;
    margin-right: 8px;
}

.dialogGrid-center_head .default-tag{padding: 4px 6px;}

.reservation-carousel{
    position: relative;
}

.reservation-carousel .arr{
    height: 24px;
    width: 24px;
    border: 1px solid #4F46E5;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    cursor: pointer;
}

.reservation-carousel .arr.pos-left{left: -32px}
.reservation-carousel .arr.pos-left svg{transform: rotate(-180deg)}
.reservation-carousel .arr.pos-right{right: -32px}

.reservation-carousel .arr:hover{background: #4F46E5}

.reservation-carousel .arr:hover svg path{stroke: #fff}

.reservation-shortInfo{
    box-shadow: 0px 1px 4px 0px #00000033;
    border: 1px solid #DDE1E4;
    padding: 12px 16px;
    color: #64748B;
    border-radius: 4px;
    margin-top: 16px;
}

@keyframes hotelFlashAnimation{
    0% { opacity: 1; }
    100% { opacity: .5; }
}

@-webkit-keyframes hotelFlashAnimation{
    0% { opacity: 1; }
    100% { opacity: .5; }
}

.reservation-shortInfo.isLoad{
    animation: hotelFlashAnimation .8s ease-in-out alternate infinite;
    padding: 18px 16px;
}

.reservation-shortInfo.isLoad > .default-grid > .column{flex: 1}

.reservation-shortInfo.isLoad .name-withIcon{
    display: block;
}

.shortInfoModel-channelBox{
    position: relative;
    padding-left: 40px;
}

.shortInfoModel-channel{
    width: 32px;
    height: 18px;
    background: #eeeeee;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: -2px;
}

.shortInfoModel-statusBox{
    position: relative;
    padding-left: 28px;
}

.shortInfoModel-statusIcon{
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #eeeeee;
    position: absolute;
    left: 0;
    top: -3px;
}

.shortInfoModel-text{
    height: 14px;
    width: 100%;
    background: #eeeeee;
    border-radius: 8px;
}

.dialogGrid-center_body{
    flex: 1;
    overflow: auto;
}

.dialogGrid-center_body.grayBg{
    background: #F9F9F9;
}

.dialogGrid-form_container{
    padding: 24px 36px;
}

.dialogGrid-form_container h4{
    margin: 0!important;
    font-size: 16px;
}

.dialogGrid-form{ margin-top: 54px;}

.dialogGrid-form input[type=text]{
    width: 100%;
    box-sizing: border-box;
}

.dialogGrid-form .stdform.stdform2 .formRowInner > label{
    color: #5B6871;
    text-align: left;
    padding-left: 0;
}

.dialogGrid-center_body .dialogList-wrap{
    padding: 24px 36px;
}

.dialogGrid-center_footer{
   /* border-top: 1px solid #ddd;*/
}

.dialogGrid-center_footer .chat-footer{
    border-top: 1px solid #ddd;
}

.dialogGrid-right{
    width: 340px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.dialogGrid-right_body{
    flex: 1;
    overflow: auto;
}

.dialogGrid-right_field{
    padding: 16px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}

.dialogGrid-right_field .empty-fieldDetail{
    color: #DDE1E4;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 0;
}

.dialogGrid-right_field .empty-fieldDetail svg{margin-right: 12px;}

.dialogGrid-right_field h4{font-size: 16px; padding-bottom: 12px;}

.dialogGrid-right_field table.table-fieldDetail{width: 100%}

.dialogGrid-right_field table.table-fieldDetail td{
    padding: 6px 0;
}

.dialogGrid-right_field table.table-fieldDetail .selector{width: 100%; box-sizing: border-box}

.dialogGrid-right_field table.table-fieldDetail .name{
    color: #5B6871;
    padding-right: 16px;
    font-size: 12px;
}

.dialogGrid-right_field .country-flag{
    position: relative;
    padding-left: 22px;
}

.dialogGrid-right_field .country-flag img{
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 16px;
    transform: translate(0, -50%);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .25);
    border-radius: 2px;
}

.manager-info{
    display: flex;
    align-items: center;
}

.manager-info .photoBox{position: relative}

.status-circle{
    background: #fff;
    width: 21px;
    height: 21px;
    border-radius: 100%;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: -11px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    z-index: 2;
}

.rightIconPos .status-circle, .status-circle.social{left: auto; right: -8px;}

.rightIconPos .status-circle.social{left: -11px; right: auto}

.status-circle.s18{
    height: 18px;
    width: 18px;
}

.status-circle.fire{top: -4px;}

.status-circle.star,
.status-circle.group,
.status-circle.social{bottom: -4px;}

.manager-info .photoBox .ava{
    height: 45px;
    width: 45px;
    border-radius: 100%;
    background: #DCE6FD;
    overflow: hidden;
    text-align: center;
    position: relative;
    display: block;
}

.manager-info .photoBox .ava svg{margin: 14px}

.manager-info .photoBox .ava img{
    min-height: 100%;
    min-width: 100%;
    max-width: 55px;
    max-height: 55px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.manager-info .photoBox .ava.s22{width: 22px; height: 22px}

.manager-info .photoBox .ava.s22 img{
    max-width: 28px;
    max-height: 28px;
}

.manager-info .right-info{
    padding-left: 12px;
}

.priority-label{
    border: 2px solid rgb(208 14 7);
    border-radius: 4px;
    display: inline-block;
    padding: 1px 4px;
    font-size: 11px;
    color: rgb(208 14 7);
    line-height: 12px;
    font-weight: bold;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.manager-info .name{font-size: 14px; color: #000}

.manager-info .sub-name{
    color: #B0BABF;
    font-size: 12px;
    line-height: 16px;
}

.table-box .item-row.is-priority .manager-info .sub-name{color: #7f7f7f}

/*---------------------------------------------------------------------------------- */
/*---------------------------------- COMBO ----------------------------------------- */
/*---------------------------------------------------------------------------------- */
.combo.default-style{
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px #ddd inset;
    background: #fff;
    text-align: left;
    outline: none;
    vertical-align: middle;
    background: #fff;
    border-radius: 4px;
    display: block;
    cursor: pointer;
    height: 31px;
    position: relative;
    box-sizing: border-box;
}

.combo.default-style .current{
    padding: 4px 34px 4px 12px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
    line-height: 16px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
}

.combo.default-style .current.spaced{padding-top: 6px; padding-bottom: 6px}

.combo.default-style .arrow{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 15px;
    border-top: 6px solid #7E7E7E;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.combo.default-style .dropdown{
    display: none;
    position: absolute;
    left: 0;
    min-width: 100%;
    top: 100%;
    border: solid 1px #CFD7DF;
    background: #FFF;
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    overflow: auto;
    max-height: 202px;
    z-index: 200;
}

.combo.default-style .dropdown ul{
    display: block;
    position: relative;
    border: 0 none;
    box-shadow: none;
}

.combo.default-style .dropdown li{
    padding: 8px 12px;
    cursor: pointer;
}

.combo.default-style .dropdown li:hover{
    background-color: rgba(233, 233, 249, 0.7);
}

.combo .comboLi-isIcon{
    position: relative;
    padding-left: 28px;
}

.combo .current .comboLi-isIcon{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 3px;
    padding-bottom: 3px;
}

.combo .comboLi-isIcon .icon{
    margin-right: 8px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 22px;
    text-align: center;
}

.combo .comboLi-isIcon .icon svg{display: block; margin: 0 auto}

.combo .comboLi-isIcon .icon.photo{
    width: 22px;
    height: 22px;
    overflow: hidden;
    border-radius: 100%;
}

.combo .comboLi-isIcon .icon.photo img{height: 100%; max-width: none; min-width: 100%}

.combo input[type=text] {
    display: none;
}

.searchFieldBlock-row{
    position: relative;
    padding-left: 40px;
}

.searchFieldBlock-row a.btn{
    position: absolute;
    left: 0;
    top: 0;
    padding: 6px 9px;
    box-sizing: border-box;
    height: 30px;
    width: 30px;
}

.searchFieldBlock-row a.btn:hover svg path{fill: #fff}

.searchFieldBlock{position: relative}

.searchFieldBlock .searchFieldBlock-input{position: relative; z-index: 13}

.searchFieldBlock .icon-search{
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translate(0, -50%);
    height: 15px;
}

.searchFieldBlock .searchFieldBlock-input input{
    padding-left: 36px;
    box-sizing: border-box;
    width: 100%;
}

.searchFieldBlock .searchFieldBlock-drop{
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #E5E9EB;
    box-shadow: 4px 4px 4px -3px #00000040;
    /*padding: 8px;*/
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    display: none;
    z-index: 12;
    min-width: 570px;
    color: #000;
}

.searchFieldBlock .searchFieldBlock-header{
    padding: 8px 16px;
}

.searchFieldBlock .searchFieldBlock-drop ._inner{
    max-height: 340px;
    overflow: auto;
    /*margin-left: -8px;*/
}

.searchFieldBlock .searchFieldBlock-result{position: relative}

.searchFieldBlock .searchFieldBlock-result:hover{
    background: #E9E9F9;
    /*border-radius: 5px;*/
}

.searchFieldBlock-table{
    width: 100%;
    display: table;
}

.searchFieldBlock-table .searchFieldBlock-row{display: table-row}

.searchFieldBlock-table .cell{
    display: table-cell;
    vertical-align: middle;
    padding: 8px;
}

.searchFieldBlock a.article-link{
    color: #444;
    text-decoration: none;
    position: relative;
    padding: 6px 12px 6px 36px;
    display: block;
}

.searchFieldBlock a.article-link:hover{
    text-decoration: underline;
}

.searchFieldBlock .searchFieldBlock-result .is-word{color: #D71C97}
/*
.searchFieldBlock .searchFieldBlock-result svg{
    position: absolute;
    left: 8px;
    top: 6px
}
*/
.searchFieldBlock .searchFieldBlock-result{margin-top: 2px;}

.switchTabs ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -2px;
}

.switchTabs li{
    padding: 0 2px;
    box-sizing: border-box;
}

.switchTabs li a{
    border-radius: 6px;
    padding: 6px 12px;
    box-sizing: border-box;
    text-decoration: none;
    color: #252C32;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*
.switchTabs li + li{margin-left: 8px}*/

.switchTabs .cnt{
    min-width: 20px;
    height: 20px;
    border-radius: 4px;
    display: inline-block;
    background: #B0BABF;
    color: #fff;
    text-align: center;
    margin-left: 8px;
    font-size: 12px;
    padding: 0 4px;
    box-sizing: border-box;
}

.switchTabs .active a,
.switchTabs li:hover a{background: #E9E9F9;}

.switchTabs .active a{color: #4F46E5; font-weight: 600;}

.switchTabs .active a .cnt{background: #4F46E5}

.switchTabs li:hover a{color: #4F46E5}

.toggle-control{
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.toggle-control.is-disabled{cursor: not-allowed; opacity: .3;}

.toggle-control-body{
    border: 1px solid #909BA7;
    width: 32px;
    height: 16px;
    border-radius: 16px;
    padding: 2px;
    box-sizing: border-box;
}

.toggle-control:before{
    content:'';
    height: 12px;
    width: 12px;
    background: #909BA7;
    border-radius: 100%;
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 1;
}

.toggle-control.is-on .toggle-control-body{border-color: #4F46E5; background: #e9e9f9}

.toggle-control.is-on:before{
    background: #4F46E5;
    right: 2px;
    left: auto;
}

.toggle-control-box{position: relative; padding-left: 40px;}

.toggle-control-box .toggle-control{position: absolute; left: 0; top: 2px}

.toggle-control-box.center-pos .toggle-control{top: 50%; margin-top: -5px;}

.dialogs-field_row{padding: 1px; border-bottom: 1px solid #ddd}

.dialogs-field{
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid transparent;
}

.is-grayBg .dialogs-field{background: #F7F7F7}

.dialogs-field:hover{background: rgba(233, 233, 249, 0.3); cursor: pointer; border-color: #4F46E5}

.dialogs-field .default-grid .column.w-64{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64%;
    flex: 0 0 64%;
    max-width: 64%;
}

.dialogs-field .default-grid .column.w-36{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
}

.notify-badge{
    font-size: 14px;
    line-height: 18px;
    color: #B0BABF;
    position: relative;
    padding-left: 16px;
    margin-bottom: 8px;
}

.notify-badge.red{color: #CE2735}

.notify-badge:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    background: #B0BABF;
    border-radius: 4px;
    width: 10px;
    height: 10px;
}

.notify-badge.red:before{background: #CE2735}

.dialogs-field_row.current{background: rgba(233, 233, 249, 0.7)}

.dialogs-field_row.current .dialogs-field{background: transparent}

.dialogs-field_row.current .dialogs-field:hover{border-color: transparent; background: transparent}

.dialogs-field + .dialogs-field{margin-top: 12px;}

.dialogs-field .likes-list .photo{padding-right: 0; display: flex}

.dialogs-field .likes-list .photo .ava{
    overflow: visible;
    position: relative;
    border: 0 none;
    background: transparent;
    height: 35px;
    width: 35px;
}

.dialogs-field .ava ._inner,
.likes-list .photo .ava ._inner{
    display: inline-block;
    height: 35px;
    width: 35px;
    overflow: hidden;
    border-radius: 100%;
    background: #DCE6FD;
    text-align: center;
    box-sizing: border-box;
}

.dialog-title{color: #000; font-size: 14px; text-decoration: none!important;}

.table-box tr.item-row.ticket-row .dialog-title span.is-noWrap{
    white-space: nowrap;
}

.dialogs-field .time{
    color: #6A6A6A;
    font-size: 12px;
    font-weight: 300;
}

.dialogs-field .name,
.dialog-id{
    padding-bottom: 6px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    color: #000;
    position: relative;
    padding-left: 26px;
}

.dialogs-field .name.is-noWrap{
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 4px;
}

.dialogs-field .name.no-space{
    padding-bottom: 0;
    white-space: normal;
}

.dialog-id a{color: #000; text-decoration: none!important;}

.dialog-id a:hover{text-decoration: underline!important;}

.dialog-id{padding-bottom: 0}

.dialogs-field .name .source,
.dialog-id .source{
    position: absolute;
    left: 0;
    top: 2px;
}

.dialogs-field .name .source.ico2,
.dialog-id .source.ico2{top: 0}

.dialogs-field .name.is-noWrap .source{top: 6px}
.dialogs-field .name.is-noWrap .source.ico2{top: 4px}

.dialogs-field .name .source svg,
.dialog-id .source svg{display: block}

.dialogs-field .name .source.withCircle:before,
.dialog-id .source.withCircle:before{
    content: '';
    width: 8px;
    height: 8px;
    background: #4F46E5;
    border-radius: 100%;
    position: absolute;
    border: 2px solid #fff;
    right: -5px;
    top: -5px;
}

.dialogs-field .name .source.withCircle.green:before,
.dialog-id .source.withCircle.green:before{background: #11D260}

.dialogsShort-field{
    position: relative;
    padding-right: 36px;
}

.dialogsShort-field + .dialogsShort-field{margin-top: 16px;}

.dialogsShort-field .dialogsShort_arr{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.dialogsShort-field .dialogsShort_title{
    position: relative;
    padding-left: 28px;
}

.dialogsShort-field .dialogsShort_title a{
    display: block;
    color: #000;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.dialogsShort-field .dialogsShort_title svg{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.dialogsShort-field .dialogsShort_date{
    color: #667085
}

.chat-msg{
    padding: 0 44px;
    position: relative;
    margin-bottom: 16px;
}

.chat-msg + .chat-msg{margin-top: 16px;}

.chat-msg .status-circle{
    left: -8px
}

.chat-msg .status-circle.star{top: 22px; bottom: auto}

.chat-msg .status-circle.group{
    left: auto;
    right: -8px;
    top: 22px;
    bottom: auto
}

.chat-msg.in,
.chat-msg.consultant{float: right}

.chat-msg.out{float: left}

.chat-msg ._inner{position: relative}

.chat-msg .chat-msg_like,
.chat-msg .chat-msg_rating{
    /*box-shadow: 0 0 3px 1px #ddd;
    background: #fff;*/
    height: 24px;
    width: 24px;
    border-radius: 100%;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -12px;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-msg .chat-msg_rating{cursor: default}

.chat-msg .chat-msg_like.rightPos,
.chat-msg .chat-msg_rating.rightPos{left: auto; right: -30px}

.chat-msg .chat-msg_like svg{
    stroke: #C4CDD3;
    stroke-width: 3px;
    /*fill: #F3F5F7;*/
    fill: #fff;
}

.chat-msg .chat-msg_like:hover svg,
.chat-msg .chat-msg_like.active svg{fill: #CA2634; stroke: #CA2634;}

.chat-msg .chat-msg_wrap{
    display: inline-block;
}

.chat-msg.full-w{width: 50%;}

.chat-msg.full-w .chat-msg_wrap,
.chat-msg.full-w .chat-msg_wrap .chat-msg_text{display: block; max-width: none}

.chat-msg .chat-msg_fio{
    color: #666;
    font-size: 13px;
    padding-bottom: 4px;
}

.chat-msg.consultant .chat-msg_fio{text-align: right}

.chat-msg .chat-msg_textBox{
    position: relative;
}

.chat-msg .chat-msg_textBox .chat-msg_ratingBox{
    background: #fff;
    position: absolute;
    bottom: -7px;
    right: calc(100% - 9px);
    border-radius: 16px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 3px 1px #ddd;
    z-index: 5;
}

.chat-msg .chat-msg_textBox .chat-msg_ratingBox.rightPos{
    left: calc(100% - 9px);
    right: auto;
}

.chat-msg .chat-msg_textBox .chat-msg_ratingBox svg{display: block; height: 14px; width: 14px;}

.chat-msg .chat-msg_textBox:hover .chat-msg_ratingBox{
    display: block;
    visibility: visible;
    opacity: 1;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.chat-msg .chat-msg_textBox .chat-msg_ratingBox .item{
    display: none;
    padding: 4px;
}

.chat-msg .chat-msg_textBox .chat-msg_ratingBox .item a{display: block;}

.chat-msg .chat-msg_textBox .chat-msg_ratingBox .item:last-of-type,
.chat-msg .chat-msg_textBox .chat-msg_ratingBox:hover .item{
    display: block;
}

.chat-msg .chat-msg_textBox .chat-msg_ratingBox:hover .item{display: block; padding: 6px}

.chat-msg .chat-msg_textBox .chat-msg_ratingBox:hover svg{width: 18px; height: 18px}

.chat-msg .chat-msg_textBox .chat-msg_ratingBox .item a:hover svg{
    animation-name: pulse;
    animation-duration: 0.5s;
    animation-timing-function: ease-in;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.chat-msg .chat-msg_text{
    background: #FFFBEE;
    border-radius: 16px;
    padding: 10px 12px;
    display: inline-block;
    color: #000;
    min-width: 120px;
    word-break: break-word;
    font-size: 14px;
    line-height: 22px;
    max-width: 440px;
}

.chat-msg .chat-msg_text .bg.rb table{width: 100%}

.chat-msg .chat-msg_text .bg.rb table .d,
.chat-msg .chat-msg_text .bg.rb table .k{width: 100%!important;}

.chat-msg .chat-msg_text img{max-width: 100%}

.chat-msg .chat-msg_text audio{display: block}

.chat-msg .chat-msg_text .speechBtn{
    height: 32px;
    width: 32px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: -8px;
}

.chat-msg .chat-msg_text .speechBtn:hover{background: #e5e7e8}

.typing-wrap{display: flex}

.typing-wrap .typing-wrap_box{
    animation-name: typingMsgColor;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-duration: 1.5s;
}

.typing-wrap .typing-wrap_box:nth-child(2){animation-delay: .5s;}

.typing-wrap .typing-wrap_box:nth-child(3){animation-delay: .75s;}

.typing-wrap .circle{
    height: 4px;
    width: 4px;
    border-radius: 100%;
    animation-duration: 1.5s;
    margin: 6px 3px 6px 0;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    background: #65686c;
    animation-name: typingMsgPos;
    animation-delay: .2s;
}

.typing-wrap .typing-wrap_box:nth-child(1) .circle{animation-delay: .2s;}

.typing-wrap .typing-wrap_box:nth-child(2) .circle{animation-delay: .3s;}

.typing-wrap .typing-wrap_box:nth-child(3) .circle{animation-delay: .4s;}

@keyframes typingMsgPos {
    0% {
        transform: translateY(0)
    }

    28% {
        transform: translateY(-5px)
    }

    44% {
        transform: translateY(0)
    }
}

@keyframes typingMsgColor {
    0% {
        opacity: .6
    }

    33% {
        opacity: .3
    }

    100% {
        opacity: .6
    }
}

.chat-msg .chat-msg_text a{word-break: break-all;}

.chat-msg .chat-msg_time{
    color: #667085;
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px;
    cursor: default;
}

.chat-msg.consultant .chat-msg_text{background: #EAEAFF;}

.chat-msg.out .chat-msg_text{background: #F3F5F7;}

.chat-msg.isAutoReply .chat-msg_text{background: #ffb4b4!important; min-width: 200px}

.dialogGrid-center_body.grayBg .chat-msg.out .chat-msg_text{background: #fff}

.chat-msg.consultant.isInternal .chat-msg_text{background: #FFFBEE;}

.chat-msg.out .chat-msg_time{text-align: right}

.chat-msg .chat-msg_aiRate label{cursor: pointer}

.chat-msg .chat-msg_aiRate label + label{margin-left: 4px}

.chat-msg .chat-msg_aiRate svg{
    display: inline-block;
    vertical-align: middle;
}

.chat-msg .chat-msg_btn .blue_btn{
    font-family: 'roboto';
    font-size: 14px;
    line-height: 19px;
    height: auto;
    padding: 6px 12px;
}

.chat-msg .chat-msg_btn .blue_btn + .blue_btn{
    margin-top: 8px;
}

.chat-avatar{
    height: 36px;
    width: 36px;
    border-radius: 100%;
    overflow: hidden;
}

.chat-msg .chat-avatar{
    position: absolute;
    right: -44px;
    top: 0;
}

.chat-msg.out .chat-avatar{
    right: auto;
    left: -44px;
}

.chat-avatar img{
    max-width: none;
    height: 100%;
    min-width: 100%;
}

.chat-msg .chat-msg_btn .blue_btn:hover,
.chat-msg .chat-msg_btn .blue_btn.active{
    background: #E5EDF4;
    color: #0064CE
}

.chat-consultant{
    height: 1px;
    background: #C4CDD3;
    text-align: center;
    position: relative;
    margin: 32px 0;
    cursor: default;
}

.chat-consultant ._inner{
    padding: 0 16px;
    position: absolute;
    background: #fff;
    top: -12px;
    left: 50%;
    transform: translate(-50%, 0);
    color: #667085;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    min-height: 24px;
}

.chatWidget-window .chat-consultant ._inner{background: #F3F5F7;}

.dialogGrid-center_body.grayBg .chat-consultant ._inner{background: #F9F9F9}

.chat-consultant.isPriority{
    background: #ffbb00;
    margin: 24px 0 62px;
}

.chat-consultant.isPriority .warning-message{
    border-color: #ffbb00;
    color: #000;
}

.chat-end{text-align: center; padding: 48px 0}

.chat-end .chat-end_title{
    color: #667085;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
}

.chat-consultant .defaultLoader{margin-left: 12px;}

.chat-consultant .photo{
    height: 24px;
    width: 24px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 12px;
}

.chat-consultant .photo img{height: 100%; max-width: none; min-width: 100%}

.chat-consultant .icon{margin-right: 12px;}

.dialogList-wrap.v1 .chat-msg{
    max-width: none;
    padding-right: 0;
    padding-left: 50px;
    float: none;
}

.dialogList-wrap.v1 .chat-msg .chat-msg_wrap{display: block}

.dialogList-wrap.v1 .chat-msg.out .chat-avatar{left: -50px}

.dialogList-wrap.v1 .chat-msg.out .chat-msg_text{
    border-radius: 8px;
    background: #F9FAFE;
    border: 1px solid #CFD7DF;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    max-width: none;
    font-size: 12px;
}

.dialogList-wrap.v1 .chat-sent{
    margin-left: 50px;
    background: none;
}

.dialogList-wrap.v1 .chat-sent button.btn-onlyIcon{
    position: absolute;
    right: 16px;
    top: 10px;
}

.dialogList-wrap.v1 .chat-sent textarea{
    height: 36px;
    border-radius: 31px;
    padding: 8px 44px 8px 24px;
    background: #F9F9F9;
    border: 1px solid #CFD7DF;
    line-height: 19px;
    overflow: hidden
}

.dialogList-wrap.v1 .t-color-grey1{
    color: #9c9c9c;
}

.styledChosen-box{
    position: relative;
}

.dialogList-wrap .chat-body .styledChosen-box .input-place-drop,
.chatWidget-window .styledChosen-box .input-place-drop{
    margin-bottom: 16px;
    position: relative;
}

.styledChosen-box .row-container{
    height: 35px;
}

.styledChosen-box .styledChosen-result{
    display: table;
    width: 100%;
}

.styledChosen-box .styledChosen-result_row{display: table-row}

.styledChosen-box .styledChosen-result_row:hover{cursor: pointer; background: #eef5fc}

.styledChosen-box .result_cell{display: table-cell; vertical-align: middle; padding: 2px; font-size: 12px}

.styledChosen-box .result_cell input[type=checkbox]{margin: 0; position: static; display: block;}

.styledChosen-box .result_cell svg{display: block; margin: 0 auto;}

.styledChosen-box .result_cell .status-field{
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
}

.styledChosen-box .result_cell .status-field.timelimit,
.styledChosen-box .result_cell .status-field.requestcancel,
.styledChosen-box .result_cell .status-field.partialconfirm,
.styledChosen-box .result_cell .status-field.partialerror,
.styledChosen-box .result_cell .status-field.partialfinish,
.styledChosen-box .result_cell .status-field.refused_2{
    width: 18px;
}

.styledChosen-box .result_cell .status-field.cancel{width: 10px; height: 10px}

.styledChosen-box .search-field-head{
    min-width: 0;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #CFD7DF;
    height: 35px;
}

.styledChosen-box.activePlaceField .search-field-head{
    min-width: 0;
    border-color: transparent;
}

.chatWidget-wrap .styledChosen-box .input-place-drop{position: relative; min-width: calc(100% + 2px); border-radius: 8px}

.styledChosen-box .input-place-container{padding: 8px 8px 8px 32px; height: 100%;}

.styledChosen-box.noIcon .input-place-container{padding-left: 8px;}

.styledChosen-box .styledChosen-box_icon{
    position: absolute;
    left: 11px;
    top: 10px;
    z-index: 20;
}

.styledChosen-box .input-place-drop .scroll-content{
    padding: 12px 8px 12px 12px;
    max-height: 116px;
    overflow: auto;
}

.styledChosen-box .input-place-container .input-enter-text input[type="text"]{font-size: 12px;}

.activePlaceField.styledChosen-box .input-place-drop-inner{
    margin-top: -37px;
    padding-top: 37px;
}

.styledChosen-box.activePlaceField .search-field-head{min-width: 0}

.styledChosen-box .styledChosen-result_btn{padding: 12px;}

.styledChosen-box .input-place-container .checked-place{
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    padding-left: 2px;
    font-size: 12px;
    font-family: 'roboto_medium';
    line-height: 16px;
    padding-right: 20px;
    height: 18px;
}

.styledChosen-box .input-place-container .checked-place .checked-place-close{
    font-size: 14px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    right: 2px;
    top: 1px;
}

.typing-block{
    background: #FFFBEE;
    padding: 6px 16px 6px 24px;
    cursor: default;
}

.typing-block .typing-text{
    color: #64748B;
    font-size: 14px;
    padding-right: 6px;
}

.chat-sent{
    position: relative;
}

.chatgpt{
    border: 1px solid #4F46E5;
    border-radius: 6px;
    height: 33px;
    width: 33px;
    cursor: pointer;
    padding: 4px 0;
    box-sizing: border-box;
    text-align: center;
    display: block;
}

.chatgpt:hover{background: #4F46E5}

.chatgpt:hover svg path{fill: #fff}

.chat-sent .chatgpt{
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 2;
}

.chat-sent .chatgpt_update{
    position: absolute;
    left: 24px;
    top: 53px;
    cursor: pointer;
}

.chat-sent .chat-sent_lang{
    position: absolute;
    right: 16px;
    top: 16px;
}

.chat-sent .chat-sent_lang div.selector{height: 26px;     background: none;}

.chat-sent .chat-sent_lang div.selector span{
    border-radius: 6px;
    color: #4F46E5;
    border: 1px solid #4F46E5;
    height: 24px;
    line-height: 24px;
    padding: 0 24px 0 8px;
    background: url("data:image/svg+xml,%0A%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.705492 0.704421C1.09474 0.315173 1.7257 0.314733 2.11549 0.703438L5 3.57991L7.88451 0.703437C8.2743 0.314733 8.90526 0.315173 9.29451 0.704421C9.68414 1.09405 9.68414 1.72577 9.29451 2.1154L5.70711 5.70281C5.31658 6.09333 4.68342 6.09333 4.29289 5.70281L0.705491 2.1154C0.315859 1.72577 0.315859 1.09405 0.705492 0.704421Z' fill='%234F46E5'/%3E%3C/svg%3E%0A") #fff no-repeat right +8px center;
    cursor: pointer;
}

.chat-sent .resize-btn{
    cursor: pointer;
}

.chat-sent .resize-btn:hover svg path,
.chat-sent .resize-btn.active svg path{stroke: #4F46E5}

.chat-sent textarea{
    border: 0 none;
    padding: 12px 100px 8px 68px;
    line-height: 22px;
    min-height: 0;
    height: 90px;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    resize: none;
}

.chat-sent.fullView textarea{height: 250px;}

.chat-sent .scroll-textarea{border: 0 none}

.chat-sent .scrollbar-outer > .scroll-element .scroll-element_track{background: transparent}

.chat-sent .scrollbar-outer > .scroll-element .scroll-bar{background: #BDBFC1}

.chat-sent .scroll-textarea > .scroll-content{height: 60px!important; transition: 500ms height ease;}

.uploadFiles{
    margin: 8px -8px -8px;
    font-size: 0;
}

.uploadFiles li{
    font-size: 14px;
    padding: 8px;
    width: 120px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.uploadFiles .uploadFiles-field{
    position: relative;
    width: 100%;;
    height: 60px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.15);
    text-align: center;
}

.chatWidget-window .uploadFiles li{width: 50%}

.uploadFiles .uploadFiles-field a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.uploadFiles .uploadFiles-field img{
    height: 100%;
    max-width: none!important;
}

.uploadFiles .uploadFiles-controls{
    display: flex;
    align-items: center;
    justify-content: space-around;
    opacity: 0;
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 6px;
    background: #fff;
    border-radius: 4px;
    z-index: 2;
    text-align: center;
    padding: 4px 3px 3px;
}

.uploadFiles .uploadFiles-controls a{background-image: none}

.uploadFiles .uploadFiles-field:hover .uploadFiles-controls{opacity: 1}

.chat-sent .chat-sent_btns{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 16px 12px;
}

.chat-sent .chat-sent_controls{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding: 12px 16px 32px;
}

.chat-sent .chat-sent_btns .attachment-btn{margin-left: 11px}

.chat-sent .chat-sent_btns .attachment-btn:hover path{fill: #4F46E5}

.chat-sent .chat-sent_controls .editor-btns svg{
    display: block;
}

.chat-sent .chat-sent_controls .editor-btns button:hover svg path{fill: #333}

.chat-sent button.defaultIco-hover{
    padding: 0;
    display: inline-block;
    background: transparent;
}

.chat-sent button.defaultIco-hover svg{display: block}

.chat-sent .downloadItems{
    padding: 0 8px 8px 16px;
}

.chat-sent .button-hint-box{
    position: relative;
}

.chat-sent .button-hint-box .blue_btn.violetStyle.fill{white-space: nowrap}

.chat-sent .hint-text{
    color: #B0BABF;
    cursor: default;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
}

.defaultLoader{
    width: 22px;
    height: 22px;
    border: 3px solid #C3C5C7;
    border-bottom-color: #0064CE;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: loaderrotation 1s linear infinite;
}

@keyframes loaderrotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.default-tag{
    border: 1px solid #CFD7DF;
    border-radius: 6px;
    color: #526678;
    cursor: default;
    padding: 2px 6px;
    background: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    position: relative;
    white-space: nowrap;
}

.default-tag.current:before{
    content: '';
    width: 3px;
    background: #4F46E5;
    position: absolute;
    left: -1px;
    top: 2px;
    bottom: 2px;
    border-radius: 10px;
}

.default-tag.styled{
    border: 1px dashed #4F46E5;
    padding-right: 32px;
}

.default-tag.styled .icon{
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translate(0, -50%);
}

.default-tag.styled .icon svg{display: block}

.default-tag.styled a{color: #4F46E5}

.default-tag.is-active{
    border-color: #4F46E5;
    color: #4F46E5;
    cursor: pointer;
}

.default-tag.is-active:hover{
    background: #4F46E5;
    color: #fff;
}

.default-tag.is-red{
    background: #f7cece;
    color: #e82607;
    border-color: #ff9b9b;
}

.default-tag a{color: #64748B}

.default-tag a:hover{text-decoration: none}

.default-tag.s1{
    padding: 4px 6px;
}

.default-tag.s2{
    padding: 6px 10px;
    font-size: 14px;
    line-height: 18px;
}

ul.buttons-list{margin: -4px;}

ul.buttons-list > li{
    display: inline-block;
    vertical-align: middle;
    padding: 4px;
}

ul.buttons-list.spaced-x2{margin: -8px;}

ul.buttons-list.spaced-x2 > li{padding: 8px;}

.likes-list{
    display: flex;
    align-items: center;
    color: #6C8495;
    font-size: 16px;
}

.likes-list .photo{
    padding-right: 12px;
    height: 38px;
    white-space: nowrap;
}

.likes-list .photo .ava{
    display: inline-block;
    height: 35px;
    width: 35px;
    overflow: hidden;
    border-radius: 100%;
    background: #DCE6FD;
    text-align: center;
    /*border: 2px solid #fff;*/

    overflow: visible;
    position: relative;
    border: 0 none;
    background: transparent;
}

.likes-list .photo .ava + .ava{margin-left: -16px}

.likes-list .photo .ava img{
    height: 100%;
    max-width: none;
    min-width: 100%;
}

.likes-list .photo .ava.empty{
    border: 2px dashed #5C95FF;
    background: #fff;
    box-sizing: border-box;
}

.likes-list .photo .ava.empty.isGreen{border-color: #58DC8F}
.likes-list .photo .ava.empty.isYellow{border-color: #FFCB5C}
.likes-list .photo .ava.empty.isLilac{border-color: #D778FF}
.likes-list .photo .ava.empty.isRed{border-color: #FF787A}
.likes-list .photo .ava.empty.isBlue{border-color: #00CEF3}
.likes-list .photo .ava.empty.isGreen1{border-color: #43D7CC}
.likes-list .photo .ava.empty ._inner{
    background: transparent;
    height: 100%;
    width: 100%;
}

.default-badge{
    background: #CE2735;
    border-radius: 8px;
    color: #fff;
    cursor: default;
    padding: 2px;
    min-width: 28px;
    text-align: center;
    font-weight: 500;
    line-height: 18px;
    display: inline-block;
    text-decoration: none;
    box-sizing: border-box;
}

.default-badge.s-16{
    min-width: 20px;
    padding: 0 2px;
    line-height: 16px;
    font-weight: 500;
    border-radius: 4px;
}

a.default-badge{cursor: pointer}

.default-badge.v1{
    font-size: 12px;
    line-height: 14px;
    min-width: 26px;
    border-radius: 12px;
    padding-top: 2px;
    min-height: 18px;
}

.default-badge.disabled{
    background: #CFD7DF;
    opacity: 1!important;
    color: #000;
}

.table-box .item-row.is-priority .default-badge.disabled{color: #000}

.default-table table{width: 100%; border-collapse: collapse;}

.default-table table td{
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: middle;
}

.default-table .default-badge.v1{min-width: 32px;}

.operation-type{
    padding: 4px 30px 4px 8px;
    border-radius: 4px;
    cursor: default;
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

.operation-type svg{
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translate(0, -50%);
}

.operation-type.t-darkblue{background: #D7E2EC; color: #465975;}

.operation-type.t-green{background: #D7F2C2; color: #028100;}

.operation-type.t-blue{background: #DCE6FD; color: #5183F4;}

.operation-type.t-orange{background: #FFEDC2; color: #EE940C;}

.operation-type.t-pink{background: #FCDDF9; color: #BE1653;}

.default-grid{
    display: flex;
    margin: -8px;
    align-items: center;
}

.default-grid.s2{margin: -2px;}

.default-grid.s2 .column{padding: 2px;}

.default-grid.s4{margin: -4px;}

.default-grid.s4 .column{padding: 4px;}

.default-grid.alignStart{align-items: flex-start}

.default-grid.wrap{flex-wrap: wrap}

.default-grid.spaceBetween{justify-content: space-between}

.default-grid.end{justify-content: flex-end}

.default-grid.noWrap{flex-wrap: nowrap!important;}

.default-grid.isRow{
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    /*margin: 0;*/
}

.default-grid/*:not(.isRow)*/ .column{padding: 8px; box-sizing: border-box}

.default-grid:not(.isRow) .column.w-50{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.default-grid:not(.isRow) .column.w-33{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.default-grid:not(.isRow) .column.w-66{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6667%;
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
}

.default-grid.isRow > .column{width: 100%}

.filter-panel .filter-panel_i{padding-top: 26px; position: relative}

.filter-panel label{
    color: #5B6871;
    display: block;
    min-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 0;
}

.filter-panel .filter-panel_check{padding-top: 4px;}

.filter-panel .chosen-container{min-width: 180px;}

.filter-panel input[type=text].is-default{width: 100%; box-sizing: border-box}

.dialog-update{
    display: inline-block;
}

.dialog-update .violet-label + .yellow-label{margin-top: 4px}

.dialog-update > div{display: block}

.dialog-update .formRating-stars + div{margin-top: 4px}

.dialog-update .violet-label, .dialog-update .green-label, tr.ticket-row .gray-label{
    padding: 1px 6px;
}

.dialog-priority{
    position: relative;
    padding-left: 18px;
    display: inline-block;
    cursor: default;
}

.dialog-priority .circle{
    height: 11px;
    width: 11px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
}

.dialog-priority.red .circle{background: #FF2400}
.dialog-priority.green .circle{background: #11D260}
.dialog-priority.gray .circle{background: #C6C6C6}
.dialog-priority.orange .circle{background: #fb9337}

.dialog-status{
    position: relative;
    padding-left: 22px;
    display: inline-block;
    cursor: default;
}

.dialog-status svg{position: absolute; left: 0; top: 50%; transform: translate(0, -50%)}
/*
.dialog-status.blue{color: #0064CE;}
.dialog-status.yellow{color: #FFB800;}
.dialog-status.green{color: #11D260;}*/

.formRating-stars{
    display: flex!important;
    align-items: center;
    transform: scaleX(-1);
    /*justify-content: flex-end;*/
    justify-content: center;
    /*margin: -4px;*/
}

.formRating-stars .star{padding: 3px; cursor: pointer; height: 31px; box-sizing: border-box;}

.formRating-stars.s-sm .star{height: 18px}

.formRating-stars.isDefault .star{cursor: default}

.formRating-stars .star svg{
    fill: #fff;
    stroke: #B0B7BC;
    display: block;
}

.formRating-stars .star.active svg,
.formRating-stars:not(.isDefault) .star:hover svg,
.formRating-stars:not(.isDefault) .star:hover ~ .star svg,
.formRating-stars .star.active svg,
.formRating-stars .star.active ~ .star svg{fill: #F6C71F; stroke: #F6C71F;}

.reset-link{
    color: #4F46E5;
    position: relative;
    padding-left: 18px;
    font-size: 12px;
    line-height: 17px;
    cursor: pointer;
}

.reset-link svg{
    position: absolute;
    left: 0;
    top: 2px;
}

.reset-link:hover{text-decoration: underline}

.filter-panel .reset-link{/*margin-top: 6px; */white-space: nowrap}

.hover-hint-container{
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.hover-hint-container .hover-hint-wrap{
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    position: absolute;
    z-index: 302;
    right: 0;
    font-size: 13px;
    top: calc(100% + 5px);
    top: -moz-calc(100% + 5px);
    top: -webkit-calc(100% + 5px);
    text-align: left;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    font-family: 'roboto';
    display: none;
    border: 1px solid #3e3e3e;
}

.hover-hint-container .hover-hint-wrap.full-width{padding: 0}

.hover-hint-container .hover-hint-wrap.s-350{width: 350px; margin-left: -175px;}

.hover-hint-wrap:after {
    content: '';
    border-bottom: 5px solid #3e3e3e;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    bottom: 100%;
    right: 50%;
    margin-right: -7px;
}

.hover-hint-container:hover .hover-hint-wrap{display: block}

.hover-hint-container.is-clickable:hover .hover-hint-wrap,
.hover-hint-container.disable-hints:hover .hover-hint-wrap{display: none;}

.hover-hint-container .hover-hint-scroll{max-height: 300px; overflow: auto}

.hover-hint-container .hover-hint-wrap a{color: #d9d9d9}

.hover-hint-container.top-hint-pos .hover-hint-wrap{
    top: auto;
    bottom: calc(100% + 5px);
    bottom: -moz-calc(100% + 5px);
    bottom: -webkit-calc(100% + 5px);
}

.hover-hint-container.top-hint-pos .hover-hint-wrap:after{
    bottom: auto;
    top: 100%;
    border-bottom: 0 none;
    border-top: 5px solid #3e3e3e;
}

.hover-hint-container.left-hint-pos .hover-hint-wrap{
    left: 0;
    margin: 0;
}

.hover-hint-container.left-hint-pos .hover-hint-wrap:after{
    right: auto;
    left: 10px;
    margin: 0;
}

.hover-hint-container.right-hint-pos .hover-hint-wrap{
    left: 100%;
    right: auto;
    margin: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.hover-hint-container.rightBottom-hint-pos .hover-hint-wrap{
    left: auto;
    right: 0;
}

.hover-hint-container.rightBottom-hint-pos .hover-hint-wrap:after{
    right: 14px;
    left: auto;
    margin: 0;
}

.timeline-container{display: flex; margin-top: 32px;}

.timeline-container .timeline-step{-webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; text-align: center; position: relative;}

.timeline-container .circle{background: #fff; height: 24px; width: 24px; border-radius: 100%; border: 2px solid #E5EDF4; margin: 0 auto 12px; z-index: 2; position: relative;}

.timeline-container .circle svg{display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}

.timeline-container .name{color: #1C375F; font-size: 16px;}

.timeline-container .date{color: #6C8495; padding-top: 4px}

.timeline-container .timeline-step:after, .timeline-container .timeline-step:last-child:before, .timeline-container .timeline-step:first-child:before{content: ''; width: 100%; height: 8px; position: absolute; background-color: #E5EDF4; top: 8px; left: -50%;}

.timeline-container .timeline-step:first-child:before{border-radius: 8px 0 0 8px}

.timeline-container .timeline-step:last-child:before{border-radius: 0 8px 8px 0}

.timeline-container .timeline-step:first-child:before{width: 50%; left: 0;}

.timeline-container .timeline-step:first-child:after{content: none;}

.timeline-container .timeline-step:last-child:before{width: 50%; left: auto; right: 0;}

.timeline-container .active .circle{background: #0064CE; border-color: #0064CE}

.timeline-container .active .circle svg{display: block}

.timeline-container .active .date{color: #3e3e3e; }

.timeline-container .timeline-step.active:after,
.timeline-container .timeline-step.active:last-child:before,
.timeline-container .timeline-step.active:first-child:before{background: #0064CE}

.profile-dataBox{
    background: #F7F7F7;
    border-radius: 16px;
    border: 1px solid #DDDDDD;
    color: #000;
    margin-top: 24px;
}

.profile-dataBox.isBottomSpaced{margin-bottom: 24px;}

.profile-dataBox .box-title{
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 16px;
}

.profile-dataBox .box-name{
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #CFD7DF;
    padding: 16px 24px;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

.profile-dataBox .box-name .box-subtext{
    font-size: 14px;
    line-height: 18px;
    padding-top: 8px;
    font-weight: 500;
    color: #71717A;
}

.profile-dataBox .box-content{
    padding: 16px 24px;
}

.profile-dataBox .box-grid{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -8px;
}

.profile-dataBox .box-grid .box-grid_col{padding: 8px;}

.profileStatistic-grid{
    display: flex;
    flex-wrap: wrap;
    margin: -8px -16px;
}

.profileStatistic-grid ._col{
    padding: 8px 16px;
    /*-webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;*/
    box-sizing: border-box;
}

.profileStatistic-grid .item{
    border-left: 3px solid #E7EAEE;
    padding-left: 6px;
    box-sizing: border-box;
}

.profileStatistic-grid .title{
    color: #71717A;
}

.profileStatistic-grid .value{
    padding-top: 6px;
    display: flex;
    align-items: center;
}

.profileStatistic-grid .num{
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    padding-right: 8px;
    min-width: 70px;
}

.prcnt{
    font-size: 16px;
    position: relative;
    padding-left: 10px;
    font-weight: 500;
    display: inline-block;
}

.prcnt.notArr{padding: 0}

.prcnt.notArr:before{display: none}

.prcnt:before{
    content: '';
    position: absolute;
    left: 0;
}

.prcnt.is-green{color: #87CB7C;}

.prcnt.is-green:before{
    border-bottom: 7px solid #87CB7C;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 6px;
}

.prcnt.is-red{color: #FF6B6B;}

.prcnt.is-red:before{
    border-top: 7px solid #FF6B6B;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 7px;
}

.default-dataBox{
    padding: 24px;
    background: #fff;
    border-radius: 20px;
    margin-top: 24px;
}


@media (max-width: 1700px) {
    .dashboardField .dashboardField-cell{font-size: 26px;}
    .bar-chart{width: 100%; min-width: auto}
}

@media (max-width: 1600px) {
    /*.chat-sent .chat-sent_controls{flex-wrap: wrap}
    .chat-sent .chat-sent_controls ._col{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .chat-sent .chat-sent_controls ._col:last-of-type{padding-top: 12px}
    .chat-sent .chat-sent_controls ._col:last-of-type .default-grid{justify-content: flex-end}*/
    .dialogGrid-left{width: 360px;}
    .dialogGrid-right{width: 300px}
    .dialogGrid{padding: 0 300px 0 360px}
    .dialogGrid-right_field table.table-fieldDetail .combo.default-style{max-width: 180px;}
}

@media (max-width: 1540px) {
    body.short_mainMenu #header_top_block .topheader .left h1.logo {  float: none  }
    body.short_mainMenu #header_top_block .topheader .left{top: 0}
    .topheader .left h1.logo a h1{font-size: 28px; margin: 7px 0 5px}
    body.short_mainMenu #header_top_block .topheader .left .cabinet_title{padding: 0px 10px 0 0; margin: 0px 10px 0 0; border: 0 none; max-width: 210px;}
    body.short_mainMenu #header_top_block .topheader{padding-left: 220px;}
    body.short_mainMenu #header_top_block .header{left: 220px;}
    .chat-sent .chat-sent_controls{flex-direction: column}
    .chat-sent .chat-sent_controls ._col{width: 100%}
    .chat-sent .chat-sent_controls ._col + ._col{padding-top: 16px}
    .chat-sent .chat-sent_controls ._col:nth-child(2) .default-grid{justify-content: flex-end}
}

@media (max-width: 1420px) {
    /*.headermenu li.headermenu-item .sub-menu.globalsettings{left: auto; right: -245px; margin-left: 0}*/
    .headermenu li ul li{width: 170px;}
    .headermenu li ul{padding: 10px 5px;}
   /* .headermenu li.headermenu-item .sub-menu.cms{right: 0}*/
    .dashboard-grid.v-2 .dashboard-grid_col:nth-child(1),
    .dashboard-grid.v-2 .dashboard-grid_col:nth-child(2){-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .dialogGrid-left{width: 310px}
    .dialogGrid{padding-left: 310px}
    .dialogGrid-left_head .switchTabs li{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}

@media (max-width: 1380px) {
    body.short_mainMenu #header_top_block .headermenu > li > a{min-width: 35px;}
    /*.short_mainMenu .headermenu li.headermenu-item:nth-child(6) .sub-menu{left: 50%; right: auto; margin-left: -450px;}*/
    .dashboard-grid .dashboard-grid_col:nth-child(1){-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .dashboard-grid .dashboard-grid_col:nth-child(2), .dashboard-grid .dashboard-grid_col:nth-child(3){-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}

@media (max-width: 1280px){
    .table-box{overflow: auto}
    .table-box table{min-width: 1000px;}
    .filtration-form{overflow: auto}
    .filtration-form table{min-width: 1000px;}
    .dashboard-grid.v-1 .dashboard-grid_col:nth-child(1),
    .dashboard-grid.v-1 .dashboard-grid_col:nth-child(2),
    .dashboard-grid.v-1 .dashboard-grid_col:nth-child(3),
    .dashboard-grid.v-1 .dashboard-grid_col:nth-child(4){-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .dashboard-grid.v-5 .dashboard-grid_col:nth-child(1), .dashboard-grid.v-5 .dashboard-grid_col:nth-child(2){-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .dashboard-grid ._row.cols-7 ._col, .dashboard-grid ._row.cols-7 ._col.w-x2{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
    .filter-panel-box .filter-panel{display: none; margin-top: 16px}
    .filter-panel-box .mob-filterBtn{display: inline-block!important; cursor: pointer}
    .filter-panel-box .filter-grid{flex-direction: column}
    .filter-panel-box .filter-grid > .column{width: 100%}
    .filter-panel-box .filter-grid .filter-grid_items .column{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
    .filter-panel-box .filter-grid select{width: 100%}
    .filter-panel-box .filter-grid input.hasDatepicker{width: 25%!important;}
    .filter-panel-box .filter-grid .filter-btn{justify-content: flex-end}
    .filter-panel-box .filter-panel .isMoreFilter{display: block!important;}
    .filter-panel-box .filter-panel .moreFilter-btn{display: none}
    .withsecondnav .centercontent{margin-left: 67px}
    .secondmenu{display: none}
    .withsecondnav .centercontent .pagetitle{margin-right: 46px}
    .pageheader .mob-menu{display: block!important; position: absolute; right: 0; top: 19px;}
    .dialogGrid-left, .dialogGrid-right{display: none}
    .dialogGrid{padding-left: 0; padding-right: 0}
    .dialogGrid-center_head ._inner{padding-left: 16px; padding-right: 16px}
    .chat-sent .chat-sent_controls{flex-direction: row}
    .dialogGrid-center_head .is-mobMenu{display: block!important;}
    .dialogGrid.is-openRightBar .dialogGrid-right{display: block!important;}
    .dialogGrid.is-openRightBar{padding-right: 300px}
    .togglemenu{display: none}
}

@media (max-width: 1100px){
    .dashboard-grid ._col{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .dashboard-grid ._row.cols-7 ._col, .dashboard-grid ._row.cols-7 ._col.w-x2{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
    .filter-panel-box .filter-grid .filter-grid_items .column{-ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%;max-width: 33.3333%;}
    .chat-sent .chat-sent_controls ._col{width: auto}
    .chat-sent .chat-sent_controls .stdbtn{font-size: 0; width: 33px; min-width: auto; position: relative}
    .chat-sent .chat-sent_controls .stdbtn svg{position: absolute; left: 50%;top: 50%;transform: translate(-50%, -50%);}
}

@media (max-width: 950px){
    .topheader .left .cabinet_title,
    .topheader .user-block .last-log{display: none}
    .topheader .left h1.logo a{height: 22px;}
    .topheader .user-block{margin: 0; border: 0 none; padding-left: 5px;}
    .filter-panel-box .filter-grid .filter-grid_items .column{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .dialogGrid.is-openRightBar{padding-right: 0}
    .dialogGrid.is-openRightBar .dialogGrid-right{width: 100%; position: fixed; background: #fff;z-index: 200; overflow: auto}
    .dialogGrid.is-openRightBar .dialogGrid-right .close-btn{display: block!important; position: absolute; right: 12px; top: 12px;}
    .dialogGrid-right .dialogGrid-right_field{max-width: 400px}
    .dialogGrid-right_body{overflow: unset}
}

@media (max-width: 800px){
    .left-menu-sidebar ul.headermenu ul{display: block!important;}
    .headermenu li ul{padding-top: 0; padding-bottom: 0}
    h1.pagetitle .content-right{float: none; margin-top: 16px;}
    .overflow-box{overflow: auto}
    .dashboard-grid .dashboard-grid_col:nth-child(2), .dashboard-grid .dashboard-grid_col:nth-child(3){-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .dashboard-grid ._row.cols-7 ._col, .dashboard-grid ._row.cols-7 ._col.w-x2{-ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%;max-width: 33.3333%;}
    .dashboard-grid ._row.cols-7 ._col.w-x2{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}

@media (max-width: 768px){
    .stdform.stdform2 .formRowInner > label{text-align: left}
    .grid-container .gray-panel{font-size: 14px;}
    .dataTables_filter{position: relative; top: 0; right: 0; padding: 8px; border: 1px solid #ddd;}
    .left-menu-sidebar .headermenu li:last-child .sub-menu{top: -100px; transform: translate(0, 0)}
    .dashboard-grid.v-1 .dashboard-grid_col:nth-child(1),
    .dashboard-grid.v-1 .dashboard-grid_col:nth-child(2),
    .dashboard-grid.v-1 .dashboard-grid_col:nth-child(3),
    .dashboard-grid.v-1 .dashboard-grid_col:nth-child(4){-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    ul.dashboardField-list{column-count: 1}
    .dialogGrid-center_head ._inner > .default-grid{flex-wrap: wrap; justify-content: flex-end;}
    .dialogGrid-center_head ._inner > .default-grid > .column:nth-child(1){min-width: 100%}
    .dialogGrid-center_head .reservation-shortInfo{display: none}
    .chat-sent .chat-sent_controls ._col + ._col > .default-grid{flex-direction: column}
    .chat-sent .chat-sent_controls ._col + ._col > .default-grid .column:nth-child(1){order: 1}
    .chat-sent .hint-text{display: none}
}

@media (max-width: 600px){
    .detail-reservation-btns ul li{display: block}
    .detail-reservation-btns .content-left,
    .detail-reservation-btns .content-right{float: none}
    .detail-reservation-btns ul li .blue_btn,
    .detail-reservation-btns ul li .btn_box,
    .detail-reservation-btns ul li .btn_box .wButton{display: block}
    .status-legend li{display: block}
    .two_third.dashboard_left .one_half{width: 100%}
    .dialogGrid-center_body{min-height: 340px}
    .dialogGrid-center_body .dialogList-wrap{padding: 16px}
    .dashboard-grid ._row.cols-7 ._col, .dashboard-grid ._row.cols-7 ._col.w-x2{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .dashboardField .dashboardField-cell, .dashboardField .dashboardField-cell a, .dashboardField .dashboardField-cell{font-size: 20px}
    .dashboardField .dashboardField-cell span{font-size: 16px}
    .dashboardField .dashboardField-name{font-size: 10px}
    .dashboardField .dashboardField-grid{flex-wrap: wrap}
    .dashboardField .dashboardField-grid_col{flex: 1}
    table.dashboardField-channel{width: 100%}
}

@media (max-width: 460px){
    .dashboard-grid ._row.cols-7 ._col, .dashboard-grid ._row.cols-7 ._col.w-x2{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}

@media (max-width: 420px){
    .dialogGrid-center_head ._inner > .default-grid > .column:nth-child(1) > .default-grid{flex-direction: column; align-items: flex-start;}
    .dialogGrid-center_head ._inner > .default-grid > .column:nth-child(1) > .default-grid .column:nth-child(2){display: none}
}

@media (max-width: 370px){
    div.selector{padding-left: 6px;}
    div.selector span{padding-right: 22px;}

}