/*{{{ =Layout*/

html
, body {
    height: 100%;
}

body {
    font: 14px "PT Sans", Helvetica, Arial, sans-serif;
    color: #292929;
    background: #fff;
}

.h-wrapper {
    min-width: unset;
    min-height: 100%;
}

.h-fixed {
    padding: 0 30px;
}

.h-outfixed-wrap {
    position: relative;
    left: -30px;
    margin-right: -60px;
}
.h-outfixed-wrap.var2 {
    left: -15px;
    margin-right: -30px;
}

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.h-l {
    overflow: hidden;
}

.clear {
    height: 1px;
    line-height: 0;
    font-size: 0;
    clear: both;
}

.gap {
    height: 12px;
}
.hor-gap {
    width: 15px;
    display: inline-block;
}

a {
    color: #7aa3cc;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.default-link1 {
    color: #00a9e2;
}
.default-link1:hover {
    text-decoration: underline;
}

img {
    border: none;
    max-width: 100%;
}

.hr-bord {
    font-size: 0;
    line-height: 0;
    height: 0;
    border-bottom: 1px solid #e9e7e7;
    margin: 0 0 18px;
}

/*}}}*/


/*{{{ =Header*/

header {
    background: #2b6599;
}

header a {
    color: #b6cde1;
}

header a:hover {
    color: #fff;
}

.topnav {
    float: left;
}

.topnav ul {
    margin: 0;
}

.topnav li {
    float: left;
    font-size: 16px;
}

.topnav li.active {
    background: #214d74;
}

.topnav a {
    display: block;
    padding: 17px 13px 15px;
    border-bottom: 2px solid #2b6599;
}

.topnav li.active a {
    border-bottom-color: #00aeef;
    color: #fff;
}

.b-topright {
    float: right;
    width: 110px;
    padding: 10px 40px 10px 0;
    position: relative;
}

.b-topright a {
    color: #0a4374;
}

.b-topright h2 {
    font-size: 100%;
    font-weight: 400;
    line-height: 1.333;
    margin: 0;
}

.b-topright .topright-name {
    display: block;
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b-topright .topright-address {
    display: block;
    font-size: 11px;
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.logout {
    position: absolute;
    top: 50%; right: 12px;
    transform: translateY(-50%);
}

.multiplaces-opener {
    position: absolute;
    top: 50%; right: 12px;
    transform: translateY(-50%);
    font-size: 20px;
    color: #0b4475;
}

/*}}}*/


/*{{{ =Popup*/

.b-popup {
    position: absolute;
    z-index: 500;
    background: #fff;
    box-shadow: 0 3px 9px rgba(0,0,0,.44);
    border-radius: 5px;
    font-size: 13px;
    display: none;
}
.multiplaces-popup {
    width: 360px;
    top: 100%; right: 21px;
    margin-top: 23px;
}

.b-popup-header {
    background: #f2f2f2;
    border-radius: 5px 5px 0 0;
    padding: 20px 25px;
}

.b-popup-header h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.333;
    margin: 0;
}

.multiplaces-list a {
    display: block;
    padding: 20px 25px 20px 65px;
    position: relative;
}
.multiplaces-list li:nth-child(even) a {
    background: #fafafa;
}

.multiplaces-list a:after {
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: absolute;
    top: 50%; left: 26px;
    margin-top: -5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.multiplaces-list .active a:after {
    background: #00aeef;
    border: none;
}

.multiplace-address {
    display: block;
    color: #292929;
}

.multiplace-name {
    display: block;
    color: #696969;
}

.active .multiplace-address
, .active .multiplace-name {
    color: #00aeef;
}

.b-popup-footer {
    padding: 20px 20px 20px 25px;
}

.logout.static {
    position: static;
    transform: none;
    color: #00aeef;
    float: right;
}

.logout.static .fa-sign-out {
    font-size: 14px;
    color: #292929;
    margin: 0 0 0 10px;
}

/*}}}*/


/*{{{ =H-content-wrap*/

.h-content-wrap {
    padding: 20px 0;
}

textarea {
    width: 100%;
    height: 67px;
    margin: 0;
    padding: 9px;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background: #fff;
    font: italic 12px "PT Sans", Helvetica, Arial, sans-serif;
    color: #696969;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}
textarea:focus {
    box-shadow: inset 0 -1px 2px rgba(0,0,0,.2);
}
textarea::-webkit-input-placeholder { color: #c6c6c6; opacity: 1; }
textarea:-moz-placeholder { color: #c6c6c6; opacity: 1; }
textarea::-moz-placeholder { color: #c6c6c6; opacity: 1; }
textarea:-ms-input-placeholder { color: #c6c6c6; opacity: 1; }
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

textarea.f-s-normal {
    font-size: 14px;
    font-style: normal;
}

.file-download {
    position: relative;
    height: 28px;
}
.file-download input.file {
    opacity: 0;
    position: absolute;
    top: 0; right: 0;
    text-align: right;
    z-index: 2;
    outline: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.file-download .fakefile {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
}

input.text {
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0 9px;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    background: #fff;
    font: 12px "PT Sans", Helvetica, Arial, sans-serif;
    color: #696969;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input.text:focus {
    box-shadow: inset 0 -1px 2px rgba(0,0,0,.2);
}
input.text::-webkit-input-placeholder { color: #c6c6c6; opacity: 1; }
input.text:-moz-placeholder { color: #c6c6c6; opacity: 1; }
input.text::-moz-placeholder { color: #c6c6c6; opacity: 1; }
input.text:-ms-input-placeholder { color: #c6c6c6; opacity: 1; }
input.text:focus::-webkit-input-placeholder { color:transparent; }
input.text:focus:-moz-placeholder { color:transparent; }
input.text:focus::-moz-placeholder { color:transparent; }
input.text:focus:-ms-input-placeholder { color:transparent; }
input.text:disabled {
    background: #efefef;
}

.tel-mask-wrap {
    position: relative;
}
.b-sideshadow-item .tel-mask-wrap {
    margin: 0 0 18px;
}

input.text.tel-mask {
    padding-left: 24px;
}

.tel-mask-wrap .fa-search {
    display: block;
    position: absolute;
    top: 50%; right: 8px;
    margin-top: -7px;
    font-size: 13px;
    color: #99acbd;
}

.datepicker-input-wrap {
    position: relative;
}
.datepicker-input-wrap .fa-calendar {
    position: absolute;
    top: 50%; right: 7px;
    z-index: 10;
    transform: translateY(-50%);
    font-size: 13px;
    color: #c6c6c6;
}
.datepicker-input-wrap .ph-calendar-blank {
    position: absolute;
    top: 50%; right: 8px;
    z-index: 10;
    transform: translateY(-50%);
    font-size: 24px;
    color: #5C5C5C;
}
.datepicker-input-wrap .datepicker-input-label {
    position: absolute;
    top: 50%; left: 8px;
    z-index: 10;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
}
.h-subbigpopup-inner .datepicker-input-wrap .fa-calendar {
    z-index: auto;
}
.datepicker-input-wrap .datepicker-input
, .datepicker-input-wrap .datepicker-input-single {
    background-color: transparent;
    position: relative;
    z-index: 10;
}
.new-styles .datepicker-input-wrap-single input.text
, .new-styles .datepicker-input-wrap input.text {
    background-color: transparent !important;
    position: relative;
    z-index: 10;
}
.datepicker-input-wrap.inline {
    display: inline-block;
    margin: 0 10px;
}

.search-input-wrap {
    position: relative;
}
.search-input-wrap .search-input-label {
    position: absolute;
    top: 50%; left: 8px;
    transform: translateY(-50%);
    font-size: 24px;
    color: #5C5C5C;
}
.search-input-wrap input.text {
    padding-left: 40px;
}

.icon-input-wrap {
    position: relative;
}
.icon-input-wrap .ph {
    position: absolute;
    top: 50%; right: 8px;
    transform: translateY(-50%);
    font-size: 24px;
    color: #5C5C5C;
}
.new-styles .icon-input-wrap input.text {
    padding-right: 36px;
}

.reset-input-wrap {
    position: relative;
}
.reset-input-wrap input.reset {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}
.reset-input-wrap input.text:focus + input.reset,
.reset-input-wrap.chosen input.text + input.reset,
.reset-input-wrap.chosen input.text ~ input.reset,
.reset-input-wrap input.text:focus + .ui-helper-hidden-accessible + input.reset {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAkElEQVR42u2USwrAIAxEPWpuoheQObKlSC225tsunXXeI+iQlHb+TaVKH2YqoaEhSzjyOcMo0AWCouNo4HZAkRQDL9KKrMKE8wozvla48LfCjc+KED4pYvhDUULFHssr7dTxiOJ+OrmdKq4X3NR5l2L972YFXxuTQm6dqqik1eZSyBepGNrJXiSCelQtMzvOHJuWALADA3RDAAAAAElFTkSuQmCC) 0 0 no-repeat;
    background-size: 16px 16px;
}

.reset-input-wrap input.text + label.percent {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
}

.reset-input-wrap .toggle-password {
    display: block;
    width: 24px;
    height: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAATlBMVEVHcExbW1tbW1tcXFxbW1tbW1tbW1tXV1dcXFxaWlpPT09fX19cXFxaWlpcXFxcXFxbW1tcXFxcXFxaWlpbW1tZWVlaWlpbW1taWlpcXFx6z99OAAAAGXRSTlMAgEC/73DfIN9gEBDPMO9Qn5B/oK9Qj28fNu39OwAAAOdJREFUeF7tksluhDAQBTFubywDzJbU//9oUEY4Dc7It1xCnV5b9Wyp5eavOTk5CZcY6o60eTBQa4QI5meSslH6ooyJolH4PPRJAuL4zm8jkPKYG1x/969kX3EHiOnN9QxHPwGvSqftzlletIdChNl5AKxpx251w+TsBUDcAnHvf4APTbhRIqZregFzXJv7DmlAg131FQPSq8IMfssOfAQkenCb4eGpHtBrW7LmYM67Akb9l+55sHkjk96m3f0l70MeBPr8sBROQa8sgc+mRgt2ywM8qgUHy5Zv4KqFBGmXq6RU5P/IyRdsFBPYg+OOcwAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: 24px 24px;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
}
.reset-input-wrap .toggle-password.eye {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAV1BMVEUAAABYWFhdXV1cXFxbW1tbW1tcXFxaWlpcXFxcXFxcXFxbW1taWlpcXFxQUFBgYGBdXV1cXFxcXFxbW1tbW1tcXFxbW1tcXFxZWVlcXFxdXV1aWlpcXFwoux4SAAAAHHRSTlMAIN9An9+/MO+Az3BgfxAQ71CvoI+gz29QkJ+QLwK1mQAAAXxJREFUeF7tVNt2wyAMi7kHyIWk27ot//+dMxQwdNn63lM9VTqSLUjS4VnwAjhh2YFg6uLhkXuekpfApv8yII4TCPhzejIY5QLMyDV3m0nSdOrXqYwKc6d6lYqdLPlYo52fDLIx4u7lWMcUlQvcZkUoWyTVav3veS+kFm0ToETj33J5vR4VRt+0ZetbaaRvmQD6zchR3GMCsvyGpB4QGPYpBH/LponK8mKx4ZKJIM8QcBLUSYbGLpT2yUNhQV3HhvFaCkuM1YKbNRIysUo+keQFkiw4phCiVOp6C7DlUaBU8ZFg8NKKvLtv2z4sWYqSaacD3V0BoM3fiKJSMW2g9VybhyWa09hloDSQRzbXJ4Fuj9JgItEoTmuz7evo7tsh3fIObX6/fPN2pLMRxv5lzlBFseTvEj6TsFtkgtPHSP6u1WFrTQJX9WMkUBPlO3EOKqqSBvW1ItbNcR29EJxakzTOwzlgf/hHdg8YZe9mOP0BwH8rlrxWOBieBC/8AGAaKy0xSxdJAAAAAElFTkSuQmCC");
}
.reset-input-wrap .reset-input-prepos {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
}
.reset-input-wrap.input-right input.text {
    text-align: right;
}

.currency-input-wrap {
    position: relative;
}
.new-styles .currency-input-wrap input.text {
    padding-right: 23px;
    text-align: right;
}
.new-styles .currency-input-wrap.with-all-summ input.text {
    padding-right: 100px;
}
.new-styles .currency-input-wrap.without-all-summ input.text {
    padding-right: 23px;
}
.currency-input-wrap label {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 20px;
    color: #5c5c5c;
}
.currency-input-wrap .currency {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
}

.currency-input-wrap .currency-input-summ {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}
.all-by-card {
    color: #006FBC;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #1f1f1f;
}

.currency-input-wrap.with-all-summ .currency-input-summ,
.currency-input-wrap.without-all-summ .currency-input-summ {
    opacity: 0;
    width: 0;
    overflow: hidden;
}
.currency-input-wrap.with-all-summ.s-visible .currency-input-summ,
.currency-input-wrap.without-all-summ.s-visible .currency-input-summ {
    opacity: 1;
    width: auto;
}
.currency-input-wrap.with-all-summ .currency,
.currency-input-wrap.without-all-summ .currency {
    position: static;
    transform: none;
}

.barcode-input-wrap {
    position: relative;
}
.barcode-input-wrap .barcode-input-label {
    position: absolute;
    top: 50%; right: 8px;
    transform: translateY(-50%);
    font-size: 24px;
    color: #5C5C5C;
}

.input-wrap-icon {
    position: relative;
    display: inline-block;
}
.input-wrap-icon + .input-wrap-icon {
    margin-left: 17px;
}
.input-wrap-icon .fa {
    font-size: 14px;
    color: #c6c6c6;
    position: absolute;
    top: 50%; right: 10px;
    transform: translateY(-50%);
}
.input-wrap-icon input.text {
    padding-right: 30px;
}

.seven {
    font: 12px "PT Sans", Helvetica, Arial, sans-serif;
    color: #cacaca;
    position: absolute;
    top: 50%; left: 9px;
    transform: translateY(-50%);
}
.b-sideshadow-item .seven {
    color: #98acbd;
}

select {
    display: block;
    height: 28px;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid #b7b7b7;
    background: #fff;
    font: 14px "PT Sans", Helvetica, Arial, sans-serif;
    color: #696969;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

select.select {
    width: 100%;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    background: url(../i/select-arr.png) right 9px center no-repeat #fff;
    font-size: 12px;
    color: #c6c6c6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.select.small {
    background-position: right 5px center;
    font-style: normal;
    color: #292929;
    text-align: left;
    padding-left: 5px;
}
select.select.small.v2 {
    color: #696969;
}
select.select:focus {
    box-shadow: inset 0 -1px 2px rgba(0,0,0,.2);
    outline: none;
}
select.select.chosen {
    border-color: rgba(1, 144, 219, 0.48);
    background-color: rgba(1, 144, 219, 0.08);
    color: #006FBC;
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.radio-list {
    text-align: center;
    margin: 0;
}

.radio-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 7px;
    position: relative;
    font-size: 12px;
}
.radio-list li:first-child {
    margin-left: 0;
}
.radio-list li:last-child {
    margin-right: 0;
}

.radio-list input.radio {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0; left: 0;
    opacity: 0;
}

.radio-list label {
    display: block;
    position: relative;
    padding: 0 0 15px;
}

.radio-list label:after {
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #717171;
    border-radius: 50%;
    position: absolute;
    bottom: 0; left: 50%;
    margin-left: -5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.radio-list label.inline {
    display: inline-block;
}

.radio-list input.radio:checked + label:after {
    background: #00aeef;
    border: none;
    box-shadow: inset 0 3px 7px rgba(0,0,0,.2);
}

.radio-list.var2 {
    text-align: left;
}
.radio-list.var2 li {
    margin: 0 0 0 12px;
}
.radio-list.var2 li:first-child {
    margin-left: 0;
}
.radio-list.var2 label {
    padding: 0 0 0 20px;
}
.radio-list.var2 label:after {
    bottom: auto; top: 50%; left: 0;
    margin: -5px 0 0;
}

.radio-list.f-s-14 li {
    font-size: 14px;
}

.forms-tbl-layout .radio-list.var2.f-left li {
    line-height: 28px;
}

.radio-list.block li {
    display: block;
    margin: 0 0 12px;
}
.radio-list.block label:after {
    margin-top: -6px;
}


.radio-list.buttons li {
    display: block;
    float: left;
    margin: 0;
}
.radio-list.buttons label {
    padding: 0 5px;
    min-width: 97px;
    line-height: 26px;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-right: none;
}
.radio-list.buttons li:first-child label {
    border-radius: 3px 0 0 3px;
}
.radio-list.buttons li:last-child label {
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #c9c9c9;
}
.radio-list.buttons label:after {
    display: none;
}
.radio-list.buttons input.radio:checked + label {
    background: #f7f6f6;
    box-shadow: inset 0 0 5px rgba(129,132,135,.45);
}


.radio-list.buttons.small label {
    padding: 0 5px;
    min-width: 55px;
    font-size: 9px;
    line-height: 17px;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-right: none;
}


.b-field-right .radio-list.icons {
    padding: 4px 0 0 10px;
}
.radio-list.icons li {
    display: block;
    float: left;
    margin: 0 0 0 5px;
}
.radio-list.icons label {
    display: block;
    padding: 0;
    width: 20px;
    height: 20px;
    background: #c9cac9;
    border-radius: 50%;
    box-shadow: 0 2px 1px rgba(0,0,0,.2);
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}
.radio-list.icons label:after {
    display: none;
}
.radio-list.icons input.radio:checked + label.lock {
    background: #eb0b0b;
}
.radio-list.icons input.radio:checked + label.unlock {
    background: #26b934;
}


.checkbox-custom {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 2px;
    position: relative;
}
.checkbox-custom input[type=checkbox] {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0; left: 0;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.checkbox-custom .fa-check {
    font-size: 16px;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    color: #329bf5;
    display: none;
}
.checkbox-custom input[type=checkbox]:checked + .fa-check {
    display: block;
}

.checkbox-custom.smaller {
    width: 13px;
    height: 13px;
    border-color: #b7b7b7;
    margin-top: -3px;
}
.checkbox-custom.smaller .fa-check {
    font-size: 11px;
    color: #00aeef;
}
.checkbox-list .checkbox-custom.smaller + label {
    margin: 0 0 0 7px;
}
.checkbox-custom-switch {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}
.checkbox-custom-switch.d-i-b {
    display: inline-block;
}
.checkbox-custom-switch.f-s-16 {
    font-size: 16px;
    line-height: 24px;
}
.checkbox-custom-switch label {
    padding: 0 0 0 52px;
    color: #5c5c5c;
    display: inline-block;
    cursor: pointer;
}
.checkbox-custom-switch.switch-right {
    text-align: right;
}
.checkbox-custom-switch.switch-right label {
    padding: 0 52px 0 0;
}
.checkbox-custom-switch.switch-right.ltr {
    text-align: left;
}
.checkbox-custom-switch.switch-right.ltr label {
    padding-left: 8px;
}
.checkbox-custom-switch input.checkbox {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.checkbox-custom-switch.switch-right input.checkbox {
    left: auto;
    right: 0;
}
.checkbox-custom-switch .switcher {
    display: block;
    box-sizing: border-box;
    width: 44px;
    height: 24px;
    border: 2px solid rgba(0,0,0,.16);
    background: #fff;
    border-radius: 99px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.checkbox-custom-switch.switch-right .switcher {
    left: auto;
    right: 0;
}
.checkbox-custom-switch.switch-top .switcher {
    top: 0;
    transform: none;
}
.checkbox-custom-switch .switcher:after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: #8f8f8f;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    transition: left 0.1s ease-out;
}
.checkbox-custom-switch input.checkbox:checked + .switcher {
    background: #0190db;
    border-color: #0190db;
}
.checkbox-custom-switch input.checkbox:checked + .switcher:after {
    background: #fff;
    left: 22px;
}
.checkbox-custom-switch input.checkbox:checked + .switcher + .switcher-copy {
    color: #1F1F1F;
}
.checkbox-custom-switch .switcher-copy {
    position: relative;
}
.checkbox-custom-switch .switcher-copy-dop {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 2px 0 0;
}

.checkbox-custom-switch label.switcher-radio-label {
    padding-left: 40px;
}
.checkbox-custom-switch label.switcher-radio-label-2 {
    padding-left: 32px;
}
.checkbox-custom-switch input.radio {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.checkbox-custom-switch .switcher-radio {
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 2px solid #8F8F8F;
    background: #fff;
    border-radius: 99px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.checkbox-custom-switch.switch-top .switcher-radio {
    top: 0;
    transform: none;
}
.checkbox-custom-switch .switcher-radio:after {
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.1s ease-out;
}
.checkbox-custom-switch input.radio:checked + .switcher-radio {
    border-color: #0190db;
}
.checkbox-custom-switch input.radio:checked + .switcher-radio:after {
    background: #0190db;
    opacity: 1;
}
.checkbox-custom-switch input.radio:checked + .switcher-radio + .switcher-copy {
    color: #1f1f1f;
}
.checkbox-custom-switch input.radio + .switcher-radio + .switcher-copy .switcher-copy-name {
    min-width: 120px;
    margin-right: 8px;
    display: inline-block;
}


.checkbox-list li {
    margin: 0 0 10px;
    line-height: 28px;
}
.checkbox-list.smaller-lh li {
    line-height: 18px;
}
.checkbox-list li.inline-block {
    display: inline-block;
    vertical-align: top;
    width: 44%;
}
.checkbox-list li.inline-block + li.inline-block {
    width: 55%;
}
.checkbox-list li.inline-block.auto-w {
    width: auto;
    margin: 0;
}
.checkbox-list li.inline-block.auto-w + li.inline-block.auto-w {
    width: auto;
    margin-left: 12px;
}
.checkbox-list li.w-50 {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 15px);
    margin: 0;
}
.checkbox-list li.w-50:nth-child(even) {
    width: calc(50% - 35px);
    margin-left: 40px;
}
.checkbox-list li:last-child {
    margin-bottom: 0;
}
.checkbox-list input.checkbox {
    margin: 0 8px 0 0;
    padding: 0;
    vertical-align: baseline;
}
.checkbox-list .radio-list {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 15px;
}

.checkbox-list.l-h-no li {
    line-height: inherit;
}

.sortable-list li {
    background: #f2f2f2;
    padding: 0 0 10px;
}
.sortable-list li:last-child {
    padding: 0;
}
.sortable-list li:hover {
    cursor: move;
}
.sortable-list table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
.sortable-list table td {
    padding: 0 10px 0 0;
    text-align: left;
    vertical-align: middle;
}
.sortable-list table td:last-child {
    padding-right: 0;
}
.sortable-list table td.centered {
    text-align: center;
}
.sortable-list table td.fix-width {
    width: 165px;
}
.sortable-list .proff {
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 165px;
}
.sortable-list .fa {
    color: #c6c6c6;
}
.sortable-list select {
    min-width: 165px;
}


button.submit {
    width: 98px;
    height: 28px;
    margin: 0;
    padding: 0 10px;
    border: none;
    border-radius: 3px;
    background: #26b934;
    font: 14px "PT Sans", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
}
button.submit.no-upper {
    text-transform: none;
}
button.submit:hover {
    background: #278c31;
}
button.submit.white {
    background: #fff;
    border: 2px solid #26b934;
    color: #26b934;
}
button.submit.white:hover {
    border-color: #278c31;
    color: #278c31;
}
button.submit.white-noborder {
    background: #fff;
    border: none;
    color: #006FBC;
}
button.submit.white-noborder:hover {
    background: #fff;
    border: none;
    color: #00539D;
}
button.submit.white-blue-border {
    background: #fff;
    border: 1px solid rgba(1, 144, 219, 0.48);
    color: #1f1f1f;
}
button.submit.white-blue-border:hover {
    background: #fff;
    border: 1px solid rgba(1, 144, 219, 0.48);
    color: #0190DB;
}
button.submit.white-blue-border:active {
    background: #fff;
    border: 1px solid #00539D;
    color: #006FBC;
}
button.submit.white-blue-border-blue {
    background: #fff;
    border: 1px solid rgba(1, 144, 219, 0.48);
    color: #0190DB;
}
button.submit.white-blue-border-blue:hover {
    background: #fff;
    border: 1px solid rgba(1, 144, 219, 0.48);
    color: #006FBC;
}
button.submit.white-blue-border-blue:active {
    background: #fff;
    border: 1px solid #00539D;
    color: #006FBC;
}
button.submit.blue {
    background: #0191ea;
}
button.submit.blue:disabled {
    opacity: .48;
}
button.submit.blue:disabled:hover {
    background: #0191ea;
}
button.submit.blue:hover {
    background: #0c71b0;
}
button.submit.gray {
    background: #b7b7b7;
}
button.submit.gray:hover {
    background: #7f7f7f;
}
button.submit.yellow {
    background: #ebbc32;
}
button.submit.yellow:hover {
    background: #b39028;
}
button.submit.light-blue {
    background: #51caf7;
}
button.submit.light-blue:hover {
    background: #43a0c3;
}
button.submit.dark-blue {
    background: #2b6599;
}
button.submit.dark-blue:hover {
    background: #25537c;
}
button.submit.red {
    background: #eb0b0b;
}
button.submit.red:hover {
    background: #bc0a0a;
}
button.dark-green {
    background: #2B9927;
}
button.submit.dark-green:hover {
    background: #278c31;
}
button.submit:disabled {
    cursor: default;
}
button.submit.gray:disabled:hover {
    background: #b7b7b7;
}
button.submit.auto-width {
    width: auto
}

.forms-tbl-layout button.submit {
    width: 100%;
}
.forms-tbl-layout button.submit.auto {
    width: auto;
    padding: 0 20px;
}

.reset-all-filters {
    margin-right: 44px;
    color: #006FBC;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}


#ui-datepicker-div {
    background: #f2f2f2;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
    z-index: 101;
}


.breadcrumbs {
    margin: 0 0 20px;
}
.breadcrumbs li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 7px 0 0;
    padding: 0 17px 0 0;
    color: #1fb6f1;
}
.breadcrumbs li:after {
    display: block;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    position: absolute;
    top: 3px; right: 0;
}
.breadcrumbs li:last-child:after {
    display: none;
}
.breadcrumbs.back li {
    padding: 0 0 0 13px;
}
.breadcrumbs.back li:after
, .breadcrumbs.back li:last-child:after {
    display: block;
    content: "\f104";
    right: auto; left: 0;
}
.breadcrumbs a {
    color: #5eb4de;
} 


.b-field {
    margin: 0 0 27px;
}

.h-filters-wrap {
    margin: 0 0 8px;
}
.h-filters-wrap.whw-filters-var {
    margin: 8px 0 0;
}
.h-filters-wrap.whw-filters-var2 {
    margin: 0;
}
.filters-with-paddings {
    margin: 0;
    padding: 16px 0;
}
.filters-with-padding-top {
    margin: 0;
    padding-top: 16px;
}

.forms-tbl-layout {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
.forms-tbl-layout.auto-width {
    width: auto;
}

.forms-tbl-layout th.row-title {
    font-size: 14px;
    font-weight: bold;
    color: #696969;
    text-align: left;
    vertical-align: middle;
    padding: 0 15px 18px 0;
    width: 11%;
}
.forms-tbl-layout td {
    padding: 0 18px 18px 0;
}
.forms-tbl-layout td.var2-padd {
    padding-top: 20px;
    padding-bottom: 10px;
}
.forms-tbl-layout td.var3-padd {
    padding-top: 20px;
}
.forms-tbl-layout td:last-child {
    padding-right: 0;
}
.forms-tbl-layout .right {
    text-align: right;
}
.f-l-r-wrap .forms-tbl-layout td {
    padding-bottom: 6px;
}

.forms-tbl-layout.var2 th {
    font-size: 14px;
    line-height: 28px;
    font-weight: normal;
    color: #696969;
    text-align: left;
    vertical-align: middle;
    padding: 0 15px 10px 0;
    width: 240px;
}
.forms-tbl-layout.var2 td {
    padding: 0 0 10px;
    text-align: left;
    vertical-align: middle;
}
.forms-tbl-layout.var2 tr:last-child th
, .forms-tbl-layout.var2 tr:last-child td {
    padding-bottom: 0;
}
.forms-tbl-layout.var2 select {
    display: inline-block;
    margin-left: 15px;
}
.forms-tbl-layout.var2 input.text {
    display: inline-block;
    margin-left: 15px;
    width: 40px;
    font-style: normal;
}

.compare-period-opener {
    font-size: 13px;
    color: #333;
}
.compare-period-opener span {
    text-decoration: underline;
}
.compare-period-opener .fa {
    font-size: 14px;
}
#compare-period-tr {
    display: none;
}


.custom-dropdown-wrap {
    padding: 6px 0 0;
}
.custom-dropdown-wrap .row-title {
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #696969;
    margin: 0;
    padding: 0 15px 18px 0;
    width: 11%;
}
.custom-dropdown-block {
    box-sizing: border-box;
    float: left;
    width: 17.8%;
    padding: 0 20px 18px 0;
    position: relative;
    z-index: 5;
}
.custom-dropdown-opener {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    color: #00aeef;
    position: relative;
    z-index: 1;
    white-space: nowrap;
}
.custom-dropdown-opener span {
    text-decoration: underline;
}
.custom-dropdown-opener .fa {
    font-size: 14px;
    margin: 0 0 0 5px;
}
.custom-dropdown {
    box-sizing: border-box;
    position: absolute;
    top: -18px; left: -15px;
    width: 92.5%;
    padding: 45px 15px 30px;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 3px 7px rgba(0,0,0,.1);
    display: none;
}
.custom-dropdown-closer {
    font-size: 12px;
    color: #c6c6c6;
    text-decoration: underline;
    position: absolute;
    bottom: 15px; right: 12px;
}


.slider-range-wrap {
    width: 427px;
    margin: 0 auto;
    padding: 51px 0 10px;
    position: relative;
    font-size: 13px;
    color: #696969;
}
.slider-range-pattern1
, .slider-range-pattern2 {
    width: 417px;
    height: 52px;
    background: url(../i/range-pattern1.png)  0 0 no-repeat;
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
}
.slider-range-pattern2 {
    background-image: url(../i/range-pattern2.png);
}
.ui-slider {
    height: 3px;
    margin: 0 16px 40px;
    border: none;
    background: #696969;
    border-radius: 0;
    font-family: "PT Sans", helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #696969;
}
.ui-slider:after
, .ui-slider:before {
    display: block;
    content: " ";
    width: 16px;
    height: 3px;
    background: #696969;
    position: absolute;
    top: 0;
}
.ui-slider:before {
    left: -16px;
}
.ui-slider:after {
    right: -16px;
}
.ui-slider .ui-slider-range {
    background: #00aeef;
    border: none;
    border-radius: 0
}
.ui-slider .ui-slider-handle {
    background: #fff;
    border: 3px solid #00aeef;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    box-shadow: 0 3px 7px rgba(0,0,0,.1);
    top: -16px;
    left: -16px;
    margin-left: -16px;
    font-size: 13px;
    font-weight: 400;
    color: #696969;
}
.ui-slider .slider-range1-max
, .ui-slider .slider-range1-min
, .ui-slider .slider-range2-max
, .ui-slider .slider-range2-min {
    display: block;
    white-space: nowrap;
    position: absolute;
    top: 42px; left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.slider-range1-text
, .slider-range2-text {
    display: block;
    position: absolute;
    top: 63px; left: 50%;
    transform: translateX(-50%);
    text-align: center;
}


.h-clients-card-wrap {
    position: relative;
}
.h-clients-card-wrap .bigwindow-sub-body-padding {
    padding: 0;
}
.h-clients-card-wrap .sub-roll-up-wrap {
    padding: 0;
}
.h-clients-card-wrap .sub-client-card input.text {
    height: 24px;
}


.b-lk-balance {
    width: 190px;
    margin: 0 0 30px;
    background: #fff;
    box-shadow: 0 3px 9px rgba(0,0,0,.14);
    font-size: 13px;
    color: #292929;
    text-align: center;
}
.b-lk-balance-inner {
    padding: 15px;
}
.b-lk-balance-inner p {
    margin: 0 0 12px;
}
.b-lk-balance-inner strong {
    display: block;
    font-size: 28px;
    line-height: 100%;
    font-weight: normal;
}
.b-lk-balance-inner strong .fa {
    font-size: 18px;
    font-weight: bold;
}
.lk-balance-put {
    display: block;
    background: #26b934;
    font-size: 14px;
    color: #fff;
    padding: 10px;
}
.lk-balance-put .fa {
    margin-right: 5px;
}


.b-license-fb-title {
    float: left;
    width: 15%;
    font-size: 14px;
    color: #333;
    margin: 0;
}
.h-license-fb-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: center;
    justify-content: flex-start;
    position: relative;
    right: -18px;
    margin-left: -18px;
}
.b-license-fb {
    box-sizing: border-box;
    width: 31.4%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    border: 1px solid #e4e5e5;
    margin: 0 1.9% 50px 0;
}
.h-license-fb-wrap-var2 .b-license-fb {
    width: 42.5%;
    margin-bottom: 30px;
}
.h-license-fb-wrap-var3 .b-license-fb {
    width: 23.1%;
}
.b-license-fb-color1 {
    background: #c9f0cb;
    border: none;
}
.b-license-fb-color2 {
    background: #faeeaa;
}
.b-license-fb-color3 {
    background: #f7f7f7;
    margin-bottom: 1.9%;
}
.b-license-fb-inner {
    padding: 25px 25px 15px;
    font-size: 14px;
}
.b-license-fb-center .b-license-fb-inner {
    padding: 18px 15px 15px;
    text-align: center;
}
.b-license-fb-inner h3 {
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 15px;
}
.b-license-fb-center .b-license-fb-inner h3.with-icons {
    margin: 0 0 6px;
}
.b-license-fb-inner .with-icons-height {
    display: block;
    height: 60px;
    line-height: 60px;
}
.b-license-fb-inner .with-icons-height .fa {
    color: #00aff0;
    font-size: 50px;
}
.b-license-fb-inner .with-icons-height .fa-gift
, .b-license-fb-inner .with-icons-height .fa-print {
    font-size: 60px;
}
.b-license-fb-inner .with-icons-height .fa-mobile.var1 {
    font-size: 70px;
    position: relative;
    top: -10px;
}
.b-license-fb-inner .with-icons-height .fa-bar-chart {
    font-size: 46px;
}
.b-license-fb-inner .with-icons-height .fa-volume-control-phone {
    font-size: 41px;
    transform: rotate(-30deg);
}
.b-license-fb-inner a {
    color: #00aeef;
    text-decoration: underline;
}
.b-license-fb-inner p {
    margin: 0 0 10px;
}
.license-icons {
    margin: 0 0 17px;
}
.license-icons li {
    float: left;
    width: 50%;
    font-size: 13px;
}
.b-license-fb-center .license-icons li {
    float: none;
    width: auto;
}
.license-icons .infinity {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}
.license-icons .fa-user
, .license-icons .fa-calendar {
    font-size: 16px;
    color: #9a9b9b;
    margin: 0 7px 0 0;
}
.license-icons .fa-calendar {
    font-size: 14px;
}
.license-list {
    margin: 0 0 10px;
}
.license-price {
    font-size: 22px;
    color: #00b1ea;
    line-height: 34px;
}
.b-license-fb-inner .license-buy-btn {
    display: block;
    background: #00aeef;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 8px 22px 7px;
}
.b-license-fb .license-long-btn {
    display: block;
    background: #00aeef;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 8px 10px 7px;
    width: 127px;
}


h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.333;
    text-transform: uppercase;
    color: #2b6599;
    margin: 0 0 16px;
}
.smaller-h2 {
    font-size: 13px;
}


.h-bottom-wrap {
    padding: 23px 0;
}


.f-l-r-wrap {
    padding: 1px 0;
    min-height: 32px;
}
.f-l-r-wrap h2 {
    margin: 6px 0 0;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}
.f-right + .f-right {
    margin: 0 12px 0 0;
}

.ov-h {
    overflow: hidden;
    padding: 0 0 0 8px;
}

.pager li {
    float: left;
    margin: 0 4px 0 0;
}

.pager a {
    display: block;
    background: #fff;
    border: 1px solid #dcd9d9;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.26);
    padding: 0 5px;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    min-width: 16px;
    color: #bababa;
}

.pager a:hover {
    background: #bababa;
    border-color: #bababa;
    box-shadow: inset 0 15px 18px rgba(0,0,0,.06);
    color: #fff;
}

.pager .current a {
    border-color: #cacaca;
    background: #cacaca;
    box-shadow: none;
    color: #fff;
}

.pager .wide a {
    min-width: 65px;
}

.v-a-midd 
, .version-new .quest-link-opener.v-a-midd {
    display: inline-block;
    vertical-align: middle;
}

.btn-xls {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #dcd9d9;
    border-radius: 3px;
    min-height: 28px;
    padding: 4px 18px;
    font-size: 14px;
    color: #bababa;
    text-align: center;
}
.btn-xls-2 {
    border-color: #979797;
    color: #989898;
}

.btn-xls:hover {
    background: #bababa;
    border-color: #bababa;
    box-shadow: inset 0 15px 18px rgba(0,0,0,.06);
    color: #fff;
}
.btn-xls.upper {
    text-transform: uppercase;
}

.btn-blue {
    background: #0191ea;
    border-radius: 3px;
    padding: 4px 18px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}

.btn-blue:hover {
    background: #0570b2;
    color: #fff;
}
.btn-blue.upper {
    text-transform: uppercase;
}

.btn-blue-dark {
    background: #2b6599;
    border-radius: 3px;
    padding: 4px 18px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
}

.btn-blue-dark:hover {
    background: #25537c;
    color: #fff;
}
.btn-blue-dark.upper
, .btn-green.upper {
    text-transform: uppercase;
    font-weight: normal;
}

.btn-blue-light
, button.btn-blue-light {
    background: #02baff;
    border-radius: 3px;
    padding: 5px 18px 3px;
    min-height: 28px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    white-space: nowrap;
}
.btn-blue-light.upper
, button.btn-blue-light.upper {
    text-transform: uppercase;
}

.btn-blue-light:hover
, button.btn-blue-light:hover {
    background: #06a1db;
    color: #fff;
}




.btn-grey
, button.btn-grey {
    background: #e2e2e2;
    border-radius: 3px;
    padding: 5px 18px 3px;
    min-height: 28px;
    font-size: 14px;
    color: #545454 !important;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    white-space: nowrap;
    text-decoration: none !important;
}
.btn-grey.upper
, button.btn-grey.upper {
    text-transform: uppercase;
}

.btn-grey:hover
, button.btn-grey:hover {
    background: #b1b1b1 !important;
}

.btn-green {
    background: #26b934;
    border-radius: 3px;
    padding: 4px 18px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}
.btn-green:hover {
    background: #278c31;
}

.btn-brown {
    background: #bb8a5f;
    border-radius: 3px;
    padding: 4px 18px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}
.btn-brown:hover {
    background: #86674b;
    box-shadow: inset 0 0 5px rgba(0,0,0,.34);
}

.btn-white {
    background: #fff;
    box-shadow: 0 2px 7px rgba(0,0,0,.11);
    border-radius: 3px;
    padding: 4px 10px;
    min-width: 65px;
    font-size: 14px;
    color: #010101;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box;
}
.btn-white:hover
, .btn-white:active {
    background: #00aeef;
    color: #fff;
}

.tabs {
    float: left;
    border: 1px solid #dcd9d9;
    border-radius: 5px;
}
.tabs li {
    float: left;
    border-left: 1px solid #dcd9d9;
    font-size: 11px;
}
.tabs li:first-child {
    border-left: none;
}
.tabs a {
    display: block;
    min-width: 44px;
    padding: 6px 10px 5px;
    text-align: center;
    color: #696969;
}
.tabs .current a {
    background: #f2f2f2;
    box-shadow: inset 0 0 5px rgba(25, 87, 143, .13);
}
.tabs .current:first-child a {
    border-radius: 5px 0 0 5px;
}
.tabs .current:last-child a {
    border-radius: 0 5px 5px 0;
}

/*}}}*/


/*{{{ Grid*/

.grid-table-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 300px;
}
.grid-table-wrap.h-auto {
    height: auto;
}
.grid-table-wrap.rows  {
    display: block;
}
.var2 .grid-table-wrap {
    height: 50px;
}

.grid-cell1 {
    display: table-cell;
    width: 60%;
    height: 100%;
    vertical-align: top;
}
.grid-table-wrap.rows .grid-cell1 {
    width: auto;
    height: auto;
    display: block;
    position: relative;
    right: -20px;
    margin-left: -20px;
}

.grid-cell2 {
    display: table-cell;
    box-sizing: border-box;
    width: 40%;
    height: 100%;
    padding: 0 0 20px;
    vertical-align: top;
}
.grid-table-wrap.rows .grid-cell2 {
    width: 100%;
    height: auto;
    display: block;
}

.grid-cell3 {
    display: table-cell;
    box-sizing: border-box;
    width: 20%;
    height: 100%;
    vertical-align: top;
    padding: 0 0 20px;
}

.grid-cell-half {
    display: table-cell;
    width: 50%;
    height: 100%;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 15px;
}

.box-shadow {
    background: #fff;
    box-shadow: 0 3px 9px rgba(0,0,0,.24);
    box-sizing: border-box;
    height: 100%;
    position: relative;
}
.b-yellow-c {
    background: #fff3d1;
}
.b-orange-c {
    background: #ffe9d1;
}
.b-nude-c {
    background: #fddcb6;
}
.b-pink-c {
    background: #ffe0e0;
}
.c-orange-c {
    color: #ffa038;
}

.box-shadow_padding {
    padding: 15px 20px;
    position: relative;
}
.box-shadow_padding.gray {
    background: #f2f2f2;
    color: #696969;
}
.box-shadow_padding h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 20px;
}
.box-shadow_padding-right {
    padding: 0 20px 0 0;
}

/*}}}*/


/*{{{ =Statistics*/

.h-statistics-wrap {
    padding: 0;
}

.statistics-list {
    float: left;
    width: 100%;
}
.wide-var .statistics-list {
    position: relative;
    right: -20px;
    margin-left: -20px;
    min-width: 100%;
    width: auto;
}

.statistics-list li {
    float: left;
    width: 33.3%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 20px 0;
}
.statistics-list li.wide {
    width: 100%;
    float: none;
    clear: both;
}
.statistics-list li.half {
    width: 50%;
}
.statistics-list.four-cols li {
    width: 25%;
}

.statistics-inner {
    padding: 15px 12px;
    font-size: 11px;
}
.statistics-inner.var2 {
    padding-left: 17px;
    padding-right: 17px;
}
.statistics-inner.popup-var {
    padding: 20px 0 0 30px;
    position: relative;
}

.statistics-inner h4 {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.333;
    text-transform: uppercase;
    color: #292929;
    margin: 0 0 5px;
}
.statistics-inner h4 .fa-rub {
    color: #a9a9a9;
}
.statistics-inner .p-right {
    position: relative;
    padding-right: 35%;
}
.p-right-abs {
    width: 35%;
    position: absolute;
    top: 0; right: 0;
    font-size: 26px;
    font-weight: normal;
    white-space: nowrap;
}

.statistics-date {
    color: #a9a9a9;
}

.statistics-centered {
    text-align: center;
    padding: 15px 0 0;
}

.statistics-centered .summ {
    font-size: 28px;
    line-height: 100%;
}

.statistics-centered .fa-rub {
    font-size: 20px;
    color: #a9a9a9;
    margin-left: 3px;
}
.statistics-centered .fa-gray {
    display: inline-block;
    font-size: 22px;
    line-height: 100%;
    color: #a9a9a9;
    margin-left: 3px;
}

.chart-pie-wrap {
    width: 90px;
    height: 90px;
    margin: 0 auto -14px;
    position: relative;
    top: -14px;
}
.popup-var .chart-pie-wrap {
    margin-left: 0;
    margin-right: 0;
}

.chart-pie-wrap:before {
    display: block;
    content: " ";
    width: 88%; height: 88%;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,.17);
}

.chart-pie-wrap .ct-chart {
    height: 90px;
}

.chart-line-wrap .ct-chart {
    height: 218px;
}

.chart-line-wrap .ct-chart#chart5 {
    height: 140px;
}

.ct-chart svg {
    display: block;
    position: relative;
}

.ct-label {
    display: none;
    font-size: 9px;
    color: #292929;
}

.ct-area, .ct-line {
  pointer-events: none;
}

.ct-line {
    stroke-width: 1px;
}
.ct-label.ct-horizontal.ct-end {
    display: block;
    text-align: center;
    transform: translateX(-50%);
    white-space: nowrap;
}

.ct-chart-graph .ct-label.ct-horizontal.ct-end {
    text-align: left;
    transform: none;
    color: #8F8F8F;
    font-size: 10px;
}

.ct-chart-graph .ct-label.ct-vertical.ct-start {
    color: #8F8F8F;
    font-size: 10px;
    transform: translateY(4px);
}

.ct-chart-graph .ct-grid {
    stroke: #D6D6D6;
    stroke-dasharray: 0px;
}

.ct-chart-graph .ct-series-a .ct-area {
    fill: url(#graphGradient);
}

.ct-chart-graph .ct-series-a .ct-line {
    stroke: url(#graphGradient);
}

.ct-point {
    stroke-width: 5px;
}
.ct-point:hover {
    stroke-width: 10px;
}

.ct-series-a .ct-area
, .ct-series-a .ct-slice-pie {
    fill: #47ce4f;
}
.ct-series-a .ct-point
, .ct-series-a .ct-line {
    stroke: #47ce4f;
}
.chart-line-wrap .ct-series-a .ct-area
, .chart-line-wrap .ct-series-a .ct-slice-pie {
    fill: #26b934;
}
.chart-line-wrap .ct-series-a .ct-point
, .chart-line-wrap .ct-series-a .ct-line {
    stroke: #26b934;
}

.ct-series-b .ct-area
, .ct-series-b .ct-slice-pie {
    fill: #0073e7;
}
.ct-series-b .ct-point
, .ct-series-b .ct-line {
    stroke: #0073e7;
}
.chart-line-wrap .ct-series-b .ct-area
, .chart-line-wrap .ct-series-b .ct-slice-pie {
    fill: #00aeef;
}
.chart-line-wrap .ct-series-b .ct-point
, .chart-line-wrap .ct-series-b .ct-line {
    stroke: #00aeef;
}

.ct-series-c .ct-area
, .ct-series-c .ct-slice-pie {
    fill: #9732ab;
}
.ct-series-c .ct-point
, .ct-series-c .ct-line {
    stroke: #9732ab;
}

.ct-series-d .ct-area
, .ct-series-d .ct-slice-pie {
    fill: #ffd149;
}
.ct-series-d .ct-point
, .ct-series-d .ct-line {
    stroke: #ffd149;
}

.ct-series-e .ct-area
, .ct-series-e .ct-slice-pie {
    fill: #ffa63b;
}
.ct-series-e .ct-point
, .ct-series-e .ct-line {
    stroke: #ffa63b;
}

.ct-series-f .ct-area
, .ct-series-f .ct-slice-pie {
    fill: #ff4745;
}
.ct-series-f .ct-point
, .ct-series-f .ct-line {
    stroke: #ff4745;
}

.ct-series-g .ct-area
, .ct-series-g .ct-slice-pie {
    fill: #adadad;
}
.ct-series-g .ct-point
, .ct-series-g .ct-line {
    stroke: #adadad;
}

.ct-series .ct-slice-donut-solid {
    stroke: #fff;
    stroke-width: 4px;
    transition: all 0.1s ease-out;
}
.ct-series-a .ct-slice-donut-solid {
    fill: #5BB2E0;
}
.ct-series-b .ct-slice-donut-solid {
    fill: #F5B800;
}
.ct-series-c .ct-slice-donut-solid {
    fill: #75B872;
}
.ct-series-d .ct-slice-donut-solid {
    fill: #A58FD4;
}
.ct-series-e .ct-slice-donut-solid {
    fill: #F57F7D;
}
.ct-series-f .ct-slice-donut-solid {
    fill: #8A420F;
}
.ct-series-g .ct-slice-donut-solid {
    fill: #47EBB4;
}
.ct-series .ct-slice-donut-solid:hover {
    stroke-width: 0;
}


.ct-chart-bar .ct-series-a .ct-bar {
    stroke: rgba(0,174,239,.53);
}


.chart-colors {
    position: relative;
    left: -6px;
    margin: 10px -12px -8px 0;
    text-align: center;
}
.statistics-inner.var2 .chart-colors {
    left: 0;
    margin: 0;
    text-align: left;
}
.popup-var .chart-colors {
    margin: 0;
    width: 150px;
    position: absolute;
    top: 30px; left: auto; right: 0;
    text-align: left;
}

.chart-colors .bull {
    display: inline-block;
    vertical-align: top;
    margin: 0 16px 0 0;
    padding: 0 0 0 13px;
    font-size: 9px;
    line-height: 10px;
    color: #afafaf;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.chart-colors .bull:first-child {
    margin-left: 0;
}
.chart-colors .bull:last-child {
    margin-right: 0;
}
.chart-colors.bigger .bull {
    font-size: 11px;
}
.popup-var .chart-colors .bull {
    float: none;
    display: block;
    width: 100% !important;
    margin: 0 0 13px;
}

.chart-colors .bull:before {
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 50%; left: 0;
    margin-top: -5px;
}

.chart-colors .bull.yellow:before {
    background: #ffd048;
}

.chart-colors .bull.green:before {
    background: #46ce4e;
}
.var2 .chart-colors .bull.green:before {
    background: #26b934;
}

.chart-colors .bull.blue:before {
    background: #007ee9;
}
.var2 .chart-colors .bull.blue:before {
    background: #00aeef;
}

.chart-colors .bull.purple:before {
    background: #9430a8;
}

.chart-colors .bull.orange:before {
    background: #ffa63c;
}

.chart-colors .bull.red:before {
    background: #ff4442;
}

.chart-colors .bull.grey:before {
    background: #bdbdbd;
}

.chart-colors .bull.white:before {
    background: #fff;
    border: 1px solid #717171;
    box-sizing: border-box;
}

.chart-colors .bull.square:before {
    width: 22px;
    height: 22px;
    border-radius: 0;
    border: 1px solid #b7b7b7;
    box-shadow: 0 3px 9px rgba(0,0,0,.14);
}

.chart-colors .bull.gray.square:before {
    background: #f2f2f2;
    content: "Н";
    color: #000;
    text-align: center;
    line-height: 22px;
    box-sizing: border-box;
}

.chart-colors .underline {
    text-decoration: underline;
    color: #2c71a6;
}

.statistics-padd {
    padding-right: 35%;
    position: relative;
}
.statistics-padd .chart-colors {
    width: 35%;
    position: absolute;
    top: 50%; left: 65%;
    transform: translateY(-50%);
    margin: 0;
    text-align: left;
}
.statistics-padd .chart-colors .bull {
    display: block;
    margin: 0 0 10px;
    padding-left: 16px;
}
.statistics-padd .chart-colors .bull:last-child {
    margin-bottom: 0;
}

.chartist-tooltip {
    position: absolute;
    z-index: 1;
    opacity: 0;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    color: #000;
    text-align: center;
    pointer-events: none;
    font-size: 13px;
    line-height: 100%;
    display: none;
}
.body-bigpopup_opened .chartist-tooltip {
    z-index: 110;
}
.chartist-tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top-color: #fff;
    transform: scale(1, 2);
}
.chartist-tooltip.tooltip-show {
    opacity: 1;
    display: block;
}

.line-tooltip {
    width: 100px;
    height: 100px;
    padding: 0;
    background: #fff;
    border-radius: 50%;
    font-size: 30px;
    line-height: 100px;
    text-shadow: none;
    box-shadow: 20px 0 40px rgba(0,0,0,.2);
    margin: 15px 0 0 45px;
    color: #000;
}
.line-tooltip:before {
    top: 90%;
    transform: scale(1.5, 3) skewX(110deg);
    margin-left: -50px;
    border-top-color: #fff;
}
.line-tooltip .perc {
    display: none;
}


.top-rating {
    padding: 15px 0 0;
}
.top-rating li {
    position: relative;
    margin: 0 0 15px;
    padding: 0 32px 0 45px;
}
.top-rating.without-pic li {
    padding-left: 0;
}
.top-rating.two-right-cols li {
    padding-right: 100px;
}
.top-rating-pic
, .top-rating-pic-default {
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
}
.top-rating-pic.round {
    border-radius: 50%;
}
.top-rating-pic-default {
    border-radius: 50%;
    background: #e6ecf0;
    width: 27px;
    height: 27px;
}
.top-rating-name {
    display: block;
    font-size: 12px;
    line-height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 0 5px;
}
.top-rating-bar {
    height: 12px;
    background: #e6ecf0;
    position: relative;
}
.top-rating-bar-percent {
    height: 100%;
    background: #2dc042;
}
.top-rating-bar-count {
    display: block;
    width: 32px;
    color: #000;
    line-height: 12px;
    position: absolute;
    top: 0; right: -32px;
    text-align: right;
}
.top-rating.two-right-cols .top-rating-bar-count {
    width: 50px;
    right: -50px;
}
.top-rating-bar-count2 {
    display: block;
    width: 50px;
    color: #000;
    line-height: 12px;
    position: absolute;
    top: 0; right: -100px;
    text-align: right;
}

.b-item-m {
    margin: 0 0 30px;
}
.b-item-m2 {
    margin: 0 0 20px;
}
.b-item-m0 {
    margin: 0;
}

.short-calendar-tbl {
    width: 100%;
}
.short-calendar-tbl th {
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    background: #fff;
    font-size: 12px;
    color: #b6cde1;
    padding: 10px 0;
}
.short-calendar-tbl th.var2 {
    font-size: 14px;
    color: #000;
    padding-bottom: 0;
}
.short-calendar-tbl td {
    text-align: center;
    vertical-align: middle;
    border-right: 7px solid #f2f2f2;
    border-bottom: 7px solid #f2f2f2;
    width: 14%;
}
.short-calendar-tbl tbody tr:first-child td {
    border-top: 5px solid #f2f2f2;
}
.short-calendar-tbl td:first-child {
    border-left: 7px solid #f2f2f2;
}
.short-calendar-tbl .short-d-item {
    height: 33px;
    position: relative;
    font-size: 12px;
    line-height: 33px;
    box-shadow: 0 3px 9px rgba(0,0,0,.09);
}
.short-calendar-tbl .empty .short-d-item {
    background: #f2f2f2;
    box-shadow: inset 0 0 10px #fff;
    cursor: default;
}
.short-calendar-tbl td .short-d-item {
    background: #9ed6a5;
    color: #1ca229;
    cursor: pointer;
}
.short-calendar-tbl .inactive .short-d-item {
    background: #f39e9d;
    color: #dd0908;
}

.short-calendar-tbl .short-d-item .numb {
    position: absolute;
    top: 6px; left: 6px;
    color: #fff;
    line-height: 100%;
}

/*}}}*/


/*{{{ =Fixed table header */

.fixed-table-container {
    position: relative;
}

.fixed-header-table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

.fixed-header-table thead {
    box-shadow: 0 8px 4px -4px rgba(0,0,0,.12);
}

.fixed-header-table th {
    background: #fff;
    border-bottom: 1px solid #c8c7c7;
    font: 700 12px "PT Sans Caption", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #696969;
    text-align: left;
    vertical-align: middle;
    padding: 15px 0;
}
.fixed-header-table th.v-bott {
    vertical-align: bottom;
}

.fixed-header-table td {
    border-bottom: 1px solid #f2f2f2;
    text-align: left;
    vertical-align: middle;
    padding: 24px 0;
    font-size: 11px;
    line-height: 130%;
}

.fixed-header-table tbody tr:nth-child(even) td {
    background: #f0f0f0;
}

.fixed-header-table th.centered
, .fixed-header-table td.centered {
    text-align: center;
}

.fixed-header-table th.right
, .fixed-header-table td.right {
    text-align: right;
}

.fixed-header-table.var2 th:last-child
, .fixed-header-table.var2 td:last-child {
    padding-right: 20px;
}

.fixed-header-table.odd tbody tr:nth-child(even) td {
    background: none;
}
.fixed-header-table.odd tbody tr:nth-child(odd) td {
    background: #f0f0f0;
}
.fixed-header-table.odd th:last-child
, .fixed-header-table.odd td:last-child {
    padding-right: 30px;
}
.fixed-header-table.odd td {
    padding-top: 10px;
    padding-bottom: 10px;
}
.fixed-header-table .money-plus {
    color: #2b6599;
    font-weight: bold;
}
.fixed-header-table .money-minus {
    color: #be000e;
    font-weight: bold;
}
.fixed-header-table .mixed td {
    background: #fdd208;
}
.fixed-header-table tbody tr.mixed:nth-child(even) td, 
.fixed-header-table tbody tr.mixed:nth-child(odd) td {
    background: #fdd208;
}

.fixed-table-container .fixed {
    position: absolute;
    top: 0; left: 0;
    z-index: 1;
    /*position: fixed;
    top: 0;*/
    width: auto;
    display: none;
    table-layout: fixed;
}

.fht-w {
    padding: 0 10px;
}
.fixed-header-table th:first-child .fht-w
, .fixed-header-table td:first-child .fht-w {
    padding-left: 30px;
}

.fht-ic {
    display: block;
    margin: 0 auto 4px;
}

.f-s-10 {
    font-size: 10px;
}
.f-s-11 {
    font-size: 11px;
}
.f-s-12 {
    font-size: 12px;
}
.f-s-13 {
    font-size: 13px;
}
.f-s-14 {
    font-size: 14px;
}
.f-s-16 {
    font-size: 16px;
}
.f-s-18 {
    font-size: 18px;
}
.sub-p40 {
    padding-left: 40px;
}
.sub-m4 {
    margin-bottom: 4px;
}
.sub-m10 {
    margin-bottom: 10px;
}

.c-grey {
    color: #949494;
}
.c-grey2 {
    color: #a9a9a9;
}
.c-grey3 {
    color: #b7b7b7;
}
.c-grey4 {
    color: #7e7e7e;
}
.c-grey5 {
    color: #999;
}
.c-grey6 {
    color: #696969;
}
.c-grey7 {
    color: #8f8f8f;
}
.c-grey8 {
    color: #5c5c5c;
}
.c-orange {
    color: #fb8c12;
}
.c-blue {
    color: #2b6599;
}
.c-brown {
    color: #A37A00;
}
.c-new-red {
    color: #DB2835;
}

.nobr {
    white-space: nowrap;
}

.padd {
    padding: 2px 0;
}

.fht-status {
    display: block;
    font-size: 9px;
    line-height: 120%;
    color: #949494;
}
.fht-status.f-s-12 {
    font-size: 12px;
}

.fht-status i {
    display: block;
    width: 25px;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    font-style: italic;
    text-align: center;
    background: #949494;
    border-radius: 50%;
    margin: 0 auto 3px;
    color: #fff;
}

.fixed-header-table a {
    color: #0066cc;
    text-decoration: underline;
}
.fixed-header-table a.light-blue {
    color: #00aeef;
}
.fixed-header-table a.dark-blue {
    color: #2b6599;
}

.new-status-row .fht-ic-l
, .new-status-row .fht-status {
    color: #0191ea;
}
.new-status-row .fht-status i {
    background-color: #0191ea;
}

.done-status-row .fht-ic-l
, .done-status-row .fht-status {
    color: #00b314;
}
.done-status-row .fht-status i {
    background-color: #00b314;
}

.open-status-row .fht-ic-l
, .open-status-row .fht-status {
    color: #cc0000;
}
.open-status-row .fht-status i {
    background-color: #cc0000;
}

.cancel-status-row .fht-ic-l
, .cancel-status-row .fht-status {
    color: #696969;
}
.cancel-status-row .fht-status i {
    background-color: #696969;
}

.b-t-item {
    position: relative;
    padding: 8px 0 8px 45px;
    font-size: 12px;
}
.b-t-item.without-pic 
, .sub-add-item-tbl .b-t-item.without-pic {
    padding-left: 5px;
}
.t-item-pic {
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
}

.b-t-item.med {
    padding: 13px 0 13px 55px;
    font-size: 14px;
    vertical-align: middle;
}
.b-t-item.med .t-item-pic {
    border-radius: 50%;
}
.b-t-item.med .fa-repeat {
    font-size: 22px;
    color: #02baff;
    margin: 0 0 0 12px;
    vertical-align: middle;
}

.fht-w .fa-pencil-square-o {
    font-size: 20px;
    color: #a9a9a9;
}


.version-new .fixed-table-container .fixed {
    z-index: 11;
    position: fixed;
    top: 55px;
    left: auto;
}



.version-new .fixed-header-table th {
    border-right: 1px solid #d0d0d0;
    color: #000;
    padding: 30px 0;
    font-weight: 500;
}
.version-new .fixed-header-table th:last-child {
    border-right: none;
}
.version-new .fixed-header-table td {
    padding: 19px 0;
    font-size: 14px;
    line-height: 130%;
    color: #292929;
}
.version-new .fixed-header-table tbody tr:nth-child(even) td {
    background: #fff;
}
.version-new .fixed-header-table .fht-w {
    padding: 0 15px;
}
.version-new .fixed-header-table.p2 .fht-w {
    padding: 0 7px;
}

.version-new .box-shadow {
    height: auto;
}
.col-resizable-table
, .default-content-table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

.col-resizable-table thead 
, .default-content-table thead {
    box-shadow: 0 8px 4px -4px rgba(0,0,0,.12);
}

.col-resizable-table th
, .default-content-table th {
    background: #fff;
    position: relative;
    z-index: 1;
    font: 500 12px "PT Sans Caption", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #000;
    text-align: left;
    vertical-align: middle;
    padding: 30px 0;
    overflow: hidden;
}
.col-resizable-table.sticky-header th
, .default-content-table.sticky-header th {
    position: sticky;
    top: 55px;
    z-index: 2;
}
.col-resizable-table th:after
, .default-content-table th:after {
    content: "";
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #c8c7c7;
    border-right: 1px solid #d0d0d0;
    position: absolute;
    top: 0; left: 0;
}
.col-resizable-table th.transparent-border:after
, .default-content-table th.transparent-border:after {
    border-right-color: transparent;
}
.col-resizable-table th.f-s-14
, .default-content-table th.f-s-14 {
    font-size: 14px;
}
.col-resizable-table th.f-s-16
, .default-content-table th.f-s-16 {
    font-size: 16px;
}
.col-resizable-table th:last-child:after
, .default-content-table th:last-child:after {
    border-right: none;
}
.col-resizable-table th.vertical-transform
, .default-content-table th.vertical-transform {
    height: 110px;
    padding: 5px 0;
}
.col-resizable-table .centered
, .default-content-table .centered {
    text-align: center;
}
.col-resizable-table .right
, .default-content-table .right {
    text-align: right;
}
.col-resizable-table .v-bott
, .default-content-table .v-bott {
    vertical-align: bottom;
}
.col-resizable-table .v-top
, .default-content-table .v-top {
    vertical-align: top;
}
.col-resizable-table h4 
, .default-content-table h4 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #303949;
    margin: 0;
}
.aa {
    width: 20px;
    overflow: hidden;
}

.col-resizable-table td
, .default-content-table td {
    border-bottom: 1px solid #d9d9d9;
    text-align: left;
    vertical-align: middle;
    padding: 19px 0;
    font-size: 14px;
    line-height: 130%;
    color: #292929;
}
.col-resizable-table.with-dividers td
, .default-content-table.with-dividers td {
    position: relative;
}
.col-resizable-table.with-dividers td:after
, .default-content-table.with-dividers td:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #d8d8d8;
    position: absolute;
    top: 0; right: 0;
}
.col-resizable-table.with-dividers td:last-child:after
, .default-content-table.with-dividers td:last-child:after {
    background: none;
}
.col-resizable-table .tsumm td
, .default-content-table .tsumm td {
    border-bottom-color: #a09e9e;
}
.col-resizable-table .nobord td
, .default-content-table .nobord td {
    border-bottom-color: transparent;
}
.col-resizable-table .ostatok td
, .col-resizable-table .light-blue-tr td
, .default-content-table .ostatok td
, .default-content-table .light-blue-tr td {
    background: #d3f3ff;
}
.col-resizable-table .ostatok-all td
, .col-resizable-table .yellow td
, .default-content-table .ostatok-all td
, .default-content-table .yellow td {
    background: #fdd208;
}
.col-resizable-table .light-green td
, .default-content-table .light-green td {
    background: #cafbdf;
}
.col-resizable-table tr:last-child td
, .default-content-table tr:last-child td {
    border-bottom: none;
}
.col-resizable-table td.f-s-12
, .default-content-table td.f-s-12 {
    font-size: 12px;
}
.col-resizable-table .red-tr td
, .default-content-table .red-tr td {
    background: #fed2d2;
}
.col-resizable-table td.red-td
, .default-content-table td.red-td {
    background: #fed2d2;
}
.col-resizable-table td.green-td
, .default-content-table td.green-td {
    background: #cafbdf;
}
.col-resizable-table .green-tr td
, .default-content-table .green-tr td {
    background: #cafbdf;
}
.col-resizable-table .light-yellow-tr td
, .default-content-table .light-yellow-tr td {
    background: #fdecb1;
}

.col-resizable-table .fht-w
, .default-content-table .fht-w {
    padding: 0 15px;
}
.col-resizable-table.p2 .fht-w
, .default-content-table.p2 .fht-w {
    padding: 0 7px;
}
.col-resizable-table .dop-left-p .fht-w
, .default-content-table .dop-left-p .fht-w {
    padding-left: 34px;
}
.col-resizable-table th.vertical-transform .fht-w
, .default-content-table th.vertical-transform .fht-w {
    transform: rotate(90deg);
    padding: 0;
}
.with-vertical-transform .fht-w {
    padding: 0 3px;
}
.col-resizable-table a[title]
, .default-content-table a[title]
, .col-resizable-table .tooltip-not-link 
, .default-content-table .tooltip-not-link {
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.col-resizable-table a
, .default-content-table a {
    color: #0066cc;
    text-decoration: underline;
}
.col-resizable-table a.light-blue
, .default-content-table a.light-blue {
    color: #06bdf9;
}
.col-resizable-table a.op-blue
, .default-content-table a.op-blue {
    color: #4689d7;
}
.col-resizable-table a.ic-a
, .default-content-table a.ic-a {
    color: #888;
    text-decoration: none;
    margin: 0 5px;
}
.col-resizable-table a.i-letter
, .default-content-table a.i-letter {
    text-decoration: none;
    margin: 0 auto;
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.col-resizable-table .btn-blue-light
, .default-content-table .btn-blue-light {
    color: #fff;
    text-decoration: none;
}
.col-resizable-table .fa-pencil
, .col-resizable-table .fa-trash
, .default-content-table .fa-pencil
, .default-content-table .fa-trash {
    color: #888;
    cursor: pointer;
}
.col-resizable-table .not-under
, .default-content-table .not-under {
    vertical-align: middle;
    margin: 0 0 0 5px;
    display: inline-block;
}

.col-resizable-table .red
, .default-content-table .red {
    color: #ed1d1d;
}
.col-resizable-table .green
, .default-content-table .green {
    color: #42bf16;
}

.col-resizable-table .big-perc
, .default-content-table .big-perc {
    font: 20px Arial, sans-serif;
    color: #06bdf9;
}
.default-content-table .fw-b {
    font-weight: 600;
}

.def-tbl-field {
    margin: 0 0 10px;
}
.def-tbl-field:last-child {
    margin: 0;
}
.def-tbl-field > label {
    display: block;
    margin: 0 0 3px;
    font-size: 13px;
    color: #828282;
}
.def-tbl-field.elems-inline .f-left {
    float: none;
}
.def-tbl-field.elems-inline input.text
, .def-tbl-field.elems-inline span.f-left {
    display: inline-block;
    vertical-align: middle;
}



.years-pager {
    padding: 0 0 20px;
}
.years-pager li {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 0;
    color: #000;
}
.years-pager a {
    color: #00aeef;
    text-decoration: underline;
}

/*}}}*/


/*{{{ = Fixed table header var2 */

.fht-table
, .fht-table thead
, .fht-table tfoot
, .fht-table tbody
, .fht-table tr
, .fht-table th
, .fht-table td {
    margin: 0;
	padding: 0;
}

.fht-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.fht-table-wrapper
, .fht-table-wrapper .fht-thead
, .fht-table-wrapper .fht-tfoot
, .fht-table-wrapper .fht-fixed-column .fht-tbody
, .fht-table-wrapper .fht-fixed-body .fht-tbody
, .fht-table-wrapper .fht-tbody {
	overflow: hidden;
	position: relative;
}

.fht-table-wrapper .fht-fixed-body .fht-tbody
, .fht-table-wrapper .fht-tbody {
    overflow: auto;
}

.fht-table-wrapper .fht-table .fht-cell {
	overflow: hidden;
    height: 1px;
}

.fht-table-wrapper .fht-fixed-column
, .fht-table-wrapper .fht-fixed-body {
    position: absolute;
    top: 0; left: 0;
}

.fht-table-wrapper .fht-fixed-column {
    z-index: 1;
}

.fancyTable tr th
, .fancyTable tr td {
    padding: 15px 5px;
    text-align: left;
    vertical-align: top;
}
.fancyTable.var2 tr th
, .fancyTablevar2 tr td {
    padding-left: 2px;
    padding-right: 2px;
    width: 40px;
}
.fancyTable tr th:first-child
, .fancyTable tr td:first-child
, .fancyTable.var2 tr th:first-child
, .fancyTable.var2 tr td:first-child {
    padding-left: 12px;
}
.fancyTable tr th:last-child
, .fancyTable tr td:last-child
, .fancyTable.var2 tr th:last-child
, .fancyTable.var2 tr td:last-child {
    padding-right: 12px;
}
.fancyTable tr th.centered
, .fancyTable tr td.centered {
    text-align: center;
}

.fancyTable thead tr th
, .fancyTable thead tr td
, .fancyTable tfoot tr th
, .fancyTable tfoot tr td {
	background: #e1eaf3;
	color: #6490b7;
	font-size: 9px;
    text-transform: uppercase;
    padding-top: 0;
    padding-bottom: 20px;
}
.fancyTable thead tr:first-child th
, .fancyTable thead tr:first-child td
, .fancyTable tfoot tr:first-child th
, .fancyTable tfoot tr:first-child td {
    padding-top: 20px;
}
.fancyTable tfoot tr th
, .fancyTable tfoot tr td {
    font-size: 10px;
    font-weight: normal;
    color: #292929;
    padding-top: 15px;
    padding-bottom: 0;
}
.fancyTable tfoot tr:last-child th
, .fancyTable tfoot tr:last-child td {
    padding-bottom: 15px;
}

.fancyTable tbody tr td {
	background: #fafafa;
    border-bottom: 1px solid #e1e1e1;
    font-size: 12px;
}
.fancyTable tbody tr.odd td {
	background-color: #fff;
}
.fancyTable.var2 tbody tr td {
    font-size: 10px;
    border-left: 1px solid #e1e1e1;
}

.b-writing-head {
    padding: 10px 0;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    color: #585b5d;
}
.b-writing-head h3 {
    font-size: 14px;
    color: #2b6599;
    margin: 0 0 3px;
}

.b-writing-head-btns {
    padding: 25px 0 10px;
}
.b-writing-head-btns .btn {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 5px;
    min-width: 90px;
    height: 28px;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    border-radius: 5px;
    text-align: center;
    box-sizing: border-box;
    background: #2b6599;
    color: #fff;
}
.b-writing-head-btns .btn.inactive {
    background: #fff;
    border: 1px solid #f1f1f1;
    color: #c2c2c2;
    line-height: 26px;
    font-weight: normal;
}
.b-writing-head-btns .btn:hover
, .b-writing-head-btns .btn:active
, .b-writing-head-btns .btn.active {
    background: #00aeef;
}
.b-writing-head-btns .btn:last-child {
    margin: 0;
}

.cashbox-status {
    float: left;
    margin: -5px 13px 0 0;
}
.cashbox-status li {
    float: left;
    width: 52px;
}
.cashbox-summ {
    display: block;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 3px;
    color: #f0c20c;
}
.cashbox-var2 .cashbox-summ {
    color: #3eb147;
}
.cashbox-bar {
    display: block;
    width: 52px;
    height: 7px;
    background: url(../i/cashbox-bar1.png) 0 0 no-repeat;
}
.cashbox-var2 .cashbox-bar {
    background-image: url(../i/cashbox-bar2.png);
}
.cashbox-time {
    display: block;
    text-align: center;
    font-size: 8px;
    text-transform: uppercase;
    color: #8baac7;
    margin: 5px 0 0;
}

.b-writing-body {
    position: relative;
}
.b-writing-body h4 {
    font-size: 12px;
    font-weight: normal;
    color: #2b6599;
    min-height: 16px;
    margin: 0 0 6px;
}
.b-writing-body h4 a {
    color: #2b6599;
    text-decoration: underline;
}
.red.b-writing-body h4 a {
    color: #eb0b0b;
}
.red2.b-writing-body h4 {
    color: #e74227;
}
.green.b-writing-body h4 {
    color: #25b533;
}
.var2 .b-writing-body h4 {
    font-size: 10px;
}
.b-writing-body-btns {
    padding: 10px 0 0;
    position: relative;
    min-height: 28px;
}
.b-writing-body-btns-inner {
    width: 320px;
    position: absolute;
    top: 10px; right: 0;
}
.b-writing-body-btns .btn {
    float: right;
    margin: 0 0 0 10px;
    padding: 0 5px;
    min-width: 70px;
    height: 28px;
    font-size: 10px;
    line-height: 28px;
    border-radius: 5px;
    text-align: center;
    box-sizing: border-box;
}
.b-writing-body-btns .btn:last-child {
    margin: 0;
}
.b-writing-body-btns .btn.cancel {
    background: #fedad9;
    color: #de2525;
}
.b-writing-body-btns .btn.move {
    background: #d9f3fd;
    color: #0191ea;
}
.b-writing-body-btns .btn.postpone {
    background: #fff;
    border: 1px solid #adadad;
    line-height: 26px;
    color: #838282;
}
.b-writing-body-btns .btn.confirm {
    background: #daf3dd;
    color: #26b934;
}


.h-bigpopup-wrap.right-var.pure-js-animation {
    opacity: 0;
    width: 0;
    transition: all .3s ease-out;
    display: block;
    left: unset;
    right: 0;
    overflow: hidden;
}
.h-bigpopup-wrap.right-var.pure-js-animation.h-bigpopup-wrap_opened {
    opacity: 1;
    width: 100%;
    overflow: visible;
}
.h-bigpopup-wrap.right-var.pure-js-animation .bigpopup-right-overlay {
    display: none;
}
.h-bigpopup-wrap.right-var.pure-js-animation.h-bigpopup-wrap_opened .bigpopup-right-overlay {
    display: block;
}
.version-new .h-bigpopup-wrap.right-var.pure-js-animation .h-bigpopup-inner {
    right: -450px;
}
.version-new .h-bigpopup-wrap.right-var.pure-js-animation.h-bigpopup-wrap_opened .h-bigpopup-inner {
    right: 0;
    transition: right ease-out .3s .3s;
}


.h-bigpopup-inner_out2 {
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 68px 0 0;
}
.h-bigpopup-inner_out3 {
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 68px 0 60px;
}

.bigpopup-head-fixed {
    width: 100%;
    height: 68px;
    background: #e1eaf3;
    position: absolute;
    top: 0; left: 0;
}
.bigpopup-head-fixed h3 {
    display: table-cell;
    vertical-align: middle;
    height: 68px;
    padding: 0 12px;
    font-size: 14px;
    color: #2b6599;
}

.bigpopup-body-scroll {
    height: 100%;
}
.bigpopup-body-scroll.notes-bg {
    background: url(../i/cell-bg.png);
}
textarea.autoheight-text {
    border: none;
    background: none;
    border-radius: 0;
    overflow: hidden;
    resize: none;
    padding: 20px 12px;
    font-size: 14px;
    font-style: normal;
    color: #585b5d;
}
textarea.autoheight-text::-webkit-input-placeholder { font-style: italic; color: #c4c5c6; opacity: 1; }
textarea.autoheight-text:-moz-placeholder { font-style: italic; color: #c4c5c6; opacity: 1; }
textarea.autoheight-text::-moz-placeholder { font-style: italic; color: #c4c5c6; opacity: 1; }
textarea.autoheight-text:-ms-input-placeholder { font-style: italic; color: #c4c5c6; opacity: 1; }
textarea.autoheight-text:focus::-webkit-input-placeholder { color:transparent; }
textarea.autoheight-text:focus:-moz-placeholder { color:transparent; }
textarea.autoheight-text:focus::-moz-placeholder { color:transparent; }
textarea.autoheight-text:focus:-ms-input-placeholder { color:transparent; }
textarea.autoheight-text:focus {
    box-shadow: none;
    outline: none;
}

.son-chat {
    padding: 20px 0 1px;
}
.son-chat li {
    position: relative;
    margin: 0 0 20px;
    padding: 0 7px 0 70px;
    color: #585b5d;
}
.son-chat li.client {
    padding: 0 65px 0 12px;
}
.son-chat-logo {
    display: block;
    width: 40px;
    height: 40px;
    background: #f2f7fc;
    border-radius: 50%;
    position: absolute;
    top: 4px; left: 12px;
    text-align: center;
    font-size: 12px;
    line-height: 38px;
}
.son-chat li.client .son-chat-logo {
    background: #ffeaad;
    color: #e5bd4a;
    left: auto; right: 7px;
}
.son-chat-logo img {
    vertical-align: middle;
}
.son-chat-text {
    background: #f2f7fc;
    position: relative;
    border-radius: 15px;
    padding: 20px 15px;
}
.son-chat li.client .son-chat-text {
    background: #ffeaad;
}
.son-chat-text:after {
    content: " ";
    position: absolute;
    top: 10px; right: 100%;
	width: 0;
    height: 0;
	pointer-events: none;
    border: solid transparent;
    border-width: 16px;
	border-color: rgba(242, 247, 252, 0);
	border-right-color: #f2f7fc;
    transform: scaleX(2);
}
.son-chat li.client .son-chat-text:after {
    right: auto; left: 100%;
	border-color: rgba(255, 234, 173, 0);
    border-right-color: rgba(255, 234, 173, 0);
	border-left-color: #ffeaad;
}
.son-chat-time {
    font-size: 12px;
    color: #c4c5c6;
    padding: 15px 10px 0 0;
    text-align: right;
}

.bigpopup-foot-fixed {
    width: 100%;
    height: 60px;
    background: #e0e9f2;
    position: absolute;
    bottom: 0; left: 0;
}
.bigpopup-foot-fixed_inner {
    padding: 16px 8px 0 14px;
}
.bigpopup-foot-fixed_inner input.text {
    float: left;
    width: 280px;
}
.bigpopup-foot-fixed_inner button {
    float: right;
    width: 30px;
    height: 28px;
    background: #ffeaad;
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    box-shadow: 0 3px 7px rgba(0,0,0,.11);
    font-size: 12px;
    color: #e5bd4a;
    cursor: pointer;
}
.bigpopup-foot-fixed_inner button:hover {
    background: #e5bd4a;
    color: #ffeaad;
}

/*}}}*/


/*{{{ =detail-time-tbl*/

.detail-time-tbl {
    width: 100%;
}

.detail-time-tbl thead {
    background: #fff;
    box-shadow: 0 3px 9px rgba(0,0,0,.14);
}

.detail-time-tbl th
, .detail-time-tbl td {
    width: 27px;
    text-align: center;
    vertical-align: middle;
}

.detail-time-tbl th {
    font-weight: normal;
    vertical-align: top;
    padding: 15px 0 0;
}
.detail-time-tbl .var2 th {
    padding: 0 0 15px;
    border-bottom: 1px solid #bfbfbf;
}
.detail-time-tbl .detail-th {
    text-align: left;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    width: 150px;
}

.detait-t-number {
    display: block;
    line-height: 100%;
    margin: 0 0 5px;
}
.detait-t-number sup {
    font-size: 8px;
    line-height: 100%;
    display: inline-block;
}
.detait-t-day {
    display: block;
    font-size: 12px;
    line-height: 100%;
    color: #707070;
}
.detail-time-tbl .weekend
, .detail-time-tbl .weekend .detait-t-day {
    color: #cd4e4e;
}

.detail-time-tbl .chart-colors {
    left: 0;
    margin: 3px 0 0;
    text-align: left;
}
.detail-time-tbl .chart-colors .green:before {
    background: #2dab3f;
}
.detail-time-tbl .chart-colors .red:before {
    background: #dd0908;
}

.detail-time-tbl td {
    border: 1px solid #d6d6d6;
    background: #fff;
    font-size: 10px;
    height: 25px;
}
.detail-time-tbl td.no-bord {
    border-top-color: transparent;
}
.detail-time-tbl td.w90 {
    width: 50px;
}
.detail-time-tbl td.gray
, .detail-t-part.gray {
    background: #f2f2f2;
    color: #777676;
}
.detail-time-tbl td.red
, .detail-t-part.red {
    background: #dd0908;
    color: #fff;
}
.detail-time-tbl td.green
, .detail-t-part.green {
    background: #2dab3f;
    color: #fff;
}
.detail-time-tbl td.light-green
, .detail-time-list_for-staff .light-green {
    background: #82bf8c;
    color: #fff;
}
.detail-time-tbl td.light-red
, .detail-time-list_for-staff .light-red {
    background: #dbadad;
    color: #fff;
}
.detail-time-tbl td.light-blue
, .detail-time-list_for-staff .light-blue {
    background: #acc3d7;
    color: #fff;
}
.detail-time-tbl .f-s-14 {
    font-size: 14px;
}
.detail-time-tbl .left {
    text-align: left;
}
.detail-time-tbl .padd {
    padding-left: 15px;
    padding-right: 15px;
    width: 150;
}
.detail-t-part {
    box-sizing: border-box;
    float: left;
    border-left: 1px solid #d6d6d6;
    height: 100%;
}
.detail-t-part:first-child {
    border-left: none;
}
.detail-t-part.w25 {
    width: 25%;
}

.detail-time-tbl_for-staff {
    overflow: hidden;
    box-shadow: 0 3px 9px rgba(0,0,0,.14);
}
.detail-time-tbl_for-staff tbody td {
    position: relative;
}
.detail-time-tbl_for-staff tbody td.popup-box-opener:hover {
    background: rgba(0,175,240,.2);
    box-shadow: inset 0 0 0 2px #454545;
}
.detail-time-tbl_for-staff tbody td.popup-box-opener:hover:before {
    background: rgba(0,175,240,.1);
    content: "";
    width: 10000px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 150%;
    box-shadow: 14px 0 7px 0 rgba(0,175,240,.1);
}
.detail-time-tbl_for-staff tbody td.popup-box-opener:hover:after {
    background: rgba(0,175,240,.1);
    content: "";
    width: 100%;
    height: 10000px;
    position: absolute;
    bottom: 117%;
    left: 0;
    box-shadow: 0 5px 5px 0 rgba(0,175,240,.1);
}
.detail-time-tbl_for-staff .var2 th {
    padding-top: 15px;
}
.detail-time-tbl_for-staff td {
    font-size: 12px;
}
.popup-box-opener {
    cursor: pointer;
}
.detail-time-tbl_for-staff td.popup-box-opener-active {
    box-shadow: inset 0 0 0 2px #454545;
    background: #c3e5f2;
}
.detail-time-tbl_for-staff .b-t-item {
    padding: 0 0 0 32px;
    font-size: inherit;
}
.detail-time-tbl_for-staff .chart-colors {
    margin: 0 15px;
}
.detail-time-tbl_for-staff .chart-colors .bull {
    padding: 0 0 14px;
    font-size: 12px;
    line-height: 100%;
}
.detail-time-tbl_for-staff .chart-colors .bull.square {
    padding: 0 0 0 30px;
    line-height: 22px;
    margin: 0 5px 5px 0;
}
.detail-time-tbl_for-staff .chart-colors .bull:before {
    top: auto;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -5px;
}
.detail-time-tbl_for-staff .chart-colors .bull.square:before {
    top: 50%;
    bottom: auto;
    left: 0;
    margin: -11px 0 0;
}

.detail-time-list_for-staff {
    padding: 4px 0 0;
}
.detail-time-list_for-staff li {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    line-height: 21px;
    color: #777676;
    margin: 0 0 0 15px;
}
.detail-time-list_for-staff .box {
    display: inline-block;
    vertical-align: top;
    width: 21px;
    height: 21px;
    box-shadow: 0 3px 9px rgba(0,0,0,.14);
    font-size: 10px;
    line-height: 21px;
    text-align: center;
    margin: 0 5px 0 0;
}

/*}}}*/


/*{{{ =popup-box-wrap*/

.popup-box-wrap {
    width: 305px;
    background: #fff;
    box-shadow: 0 0px 7px rgba(0,0,0,.53);
    position: absolute;
    z-index: 999;
    display: none;
}
/*.popup-box-wrap:after { 
    content: " "; 
    width: 0; 
    height: 0; 
    position: absolute; 
    top: 100%; right: 95px;
    border: 10px solid rgba(255, 255, 255, 0);
    border-top-color: #fff;
    pointer-events: none; 
}*/
.popup-box-closer {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0; right: 0;
    cursor: pointer;
    text-align: center;
}
.popup-box-closer .fa-times {
    font-size: 13px;
    line-height: 35px;
    color: #a6bcd2;
}
.popup-box-inner {
    padding: 20px 16px 13px;
}
.popup-box-title {
    margin: 0;
    padding: 0 0 15px;
    font-size: 14px;
    font-weight: bold;
    color: #2b6599;
}
.popup-box-inner .b-field {
    margin: 0;
}
.popup-box-inner .forms-tbl-layout th {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    color: #777676;
    padding: 0 8px 7px;
}
.popup-box-inner .forms-tbl-layout td {
    padding: 0 8px 13px;
}
.popup-box-inner .forms-tbl-layout th:first-child
, .popup-box-inner .forms-tbl-layout td:first-child {
    padding-left: 0;
}
.popup-box-inner .forms-tbl-layout th:last-child
, .popup-box-inner .forms-tbl-layout td:last-child {
    padding-right: 0;
}
.popup-box-inner select.inline {
    display: inline-block;
    width: 50px;
    margin-right: 3px;
}
.popup-box-inner .ele {
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
    margin: 0 7px 0 4px;
}
.popup-box-inner .fa-plus-circle {
    font-size: 20px;
    color: #2b6599;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 0 0 5px;
}
.popup-box-inner button.submit {
    box-shadow: -1px 1px 2px rgba(0,0,0,.2);
    text-transform: none;
    font-weight: bold;
}
.popup-box-inner .add-credit-form textarea {
    font-style: normal;
}
.popup-box-inner .add-credit-form .forms-tbl-layout td {
    color: #7e7e7e;
    font-size: 13px;
}

.popup-box-wrap.center-wide {
    width: 416px;
    box-shadow: 0 3px 9px rgba(0,0,0,.14);
}
.popup-box-wrap.center-wide .popup-box-title {
    color: #292929;
}

.popup-box-wrap.center-wide_var2 {
    width: 593px;
}
.popup-box-wrap.center-wide_var3 {
    width: 224px;
}
.popup-box-wrap.center-wide_var4 {
    width: 480px;
}
.popup-box-wrap.center-relative {
    width: 610px;
    position: fixed;
}
.popup-box-wrap.center-wide_var2 .popup-box-title {
    color: #303949;
    position: relative;
    left: -16px;
    margin: 0 -32px 20px 0;
    border-bottom: 1px solid #d0d0d0;
    padding: 0 16px 17px;
    text-transform: uppercase;
}
.popup-box-wrap.center-wide_var2 .popup-box-closer {
    top: -3px; right: -40px;
    width: 23px;
    height: 26px;
    color: #fff;
}
.popup-box-wrap.center-wide_var2 .fa-times-circle-o {
    font-size: 26px;
}
.popup-box-wrap.center-relative:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    position: fixed;
    top: 0; left: 0;
    z-index: -1;
}
.popup-box-wrap.center-relative .popup-box-inner {
    background: #fff;
    padding: 20px 25px;
}
.popup-box-wrap.center-relative .popup-box-title {
    border: none;
    left: 0;
    margin: 0;
    padding: 0 0 20px;
    font-weight: normal;
}

.colored-marker-list {
    box-shadow: 2px 0 7px rgba(0,0,0,.25);
    background: #fff;
    max-height: 295px;
    overflow: auto;
}
.colored-marker-list li
, .checkbox-list.round-check.colored-marker-list li {
    margin: 0;
    padding: 18px 60px 19px 27px;
    border-bottom: 1px solid #d9d9d9;
    line-height: 120%;
    position: relative;
}
.colored-marker-list li:last-child {
    border: none;
}
.colored-marker-list li:after {
    content: "";
    display: block;
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0; left: 0;
    background: #fff;
}
.colored-marker-list li.bg1:after {
    background: #a3d39c;
}
.colored-marker-list li.bg2:after {
    background: #6dcff6;
}
.colored-marker-list li.bg3:after {
    background: #bd8cbf;
}
.colored-marker-list li.bg4:after {
    background: #f9ad81;
}
.colored-marker-list li.bg5:after {
    background: #fff568;
}
.colored-marker-list .checkbox-custom {
    position: absolute;
    top: 50%; right: 0;
    transform: translateY(-50%);
}

.popup-box-wrap.popup-time-info-hover {
    width: 220px;
    background: #2e6ca4;
    box-shadow: none;
}
.popup-box-wrap.popup-time-info-hover:after {
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
	border: solid transparent;
	border-color: rgba(46, 108, 164, 0);
    border-width: 8px;
    pointer-events: none;
}
.popup-box-wrap.popup-time-info-hover.left:after { 
    bottom: 100%;
    left: 16px;
    border-bottom-color: #2e6ca4;
}
.popup-box-wrap.popup-time-info-hover.right:after { 
    bottom: 100%;
    right: 16px;
    border-bottom-color: #2e6ca4;
}
.popup-box-wrap.popup-time-info-hover.right_bottom:after { 
    top: 100%;
    right: 16px;
    border-top-color: #2e6ca4;
}
.popup-time-info-hover .popup-box-inner {
    padding: 20px 14px 1px;
}
.time-info-list li {
    position: relative;
    margin: 0 0 25px;
    padding: 0 0 0 28px;
    font-size: 13px;
    color: #fff;
}
.time-info-list .fa {
    font-size: 15px;
    color: #29bcf3;
    position: absolute;
    top: 0; left: 0;
}
.time-info-list strong {
    font-size: 14px;
}

.popup-box-wrap.photo-download-popup {
    width: 765px;
}
.version-new .popup-box-wrap.photo-download-popup .popup-box-inner {
    padding: 0;
}
.popup-box-wrap.photo-download-popup .popup-box-title {
    left: 0;
    margin: 0;
    padding-top: 20px;
}
.b-download-avatar-crop {
    box-sizing: border-box;
    float: left;
    width: 550px;
    height: 550px;
    padding: 25px;
    position: relative;
}
.b-download-avatar-crop .file-download.choose-photo {
    width: 164px;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}
.b-download-avatar-crop-area {
    width: 500px;
    height: 500px;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: relative;
}
.b-download-avatar-crop-area:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.b-download-avatar-view {
    box-sizing: border-box;
    float: right;
    width: 215px;
    height: 550px;
    padding: 25px;
    border-left: 1px solid #d0d0d0;
    position: relative;
}
.b-download-avatar-view h4 {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #303949;
    margin: 0 0 20px;
}
.b-download-avatar-view-result {
    width: 67px;
    height: 67px;
    background-color: #dae4e4;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 0 20px;
}
.b-download-avatar-view .file-download.button {
    width: 100%;
}
.b-download-avatar-view-foot {
    box-sizing: border-box;
    width: 100%;
    padding: 0 25px 25px;
    position: absolute;
    bottom: 0; left: 0;
}
.version-new .popup-box-inner .b-download-avatar-view button.submit {
    width: 100%;
    font-weight: normal;
}

.dop-info-del {
    font-size: 20px;
    color: #ff1200;
}

.dop-add-option {
    color: #109dd2;
    line-height: 20px;
    display: inline-block;
}
.popup-box-inner .dop-add-option .fa-plus-circle {
    color: #109dd2;
    margin: -2px 5px 0 0;
}

/*}}}*/


/*{{{ =Columns*/

.with-columns {
    display: flex;
    align-items: stretch;
    padding: 0;
    position: relative;
}

.h-sidebar {
    background: #26292e;
    width: 185px;
    padding: 0 0 70px;
    flex-shrink: 0;
    position: relative;
    z-index: 5;
    color: #b6cde1;
}
.h-sidebar.narrow {
    width: 120px;
}
.with-columns .h-sidebar {
    height: 100%;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.0);
    scrollbar-width: thin;
    box-sizing: border-box;
}

.h-content-column {
    padding: 13px 0 0;
    flex-basis: 100%;
}
.h-content-column.color2 {
    background: #e1eaf3;
    overflow: hidden;
}

/*}}}*/


/*{{{ =Sidebar*/

.sidebar-nav li {
    position: relative;
    box-shadow: 0 6px 3px -3px rgba(0,0,0,.14);
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
}

.sidebar-nav a {
    display: block;
    color: #b6cde1;
    padding: 21px 10px 21px 17px;
}

.sidebar-nav .active a {
    border-left: 1px solid #00aeef;
    padding-left: 16px;
    color: #fff;
}

.sidebar-nav .active a:after {
    left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(38, 41, 46, 0);
	border-left-color: #26292e;
	border-width: 6px;
	margin-top: -6px;
}

.sidebar-nav .summ {
    display: inline-block;
    background: #2b6599;
    border-radius: 3px;
    line-height: 20px;
    margin: 0 0 0 5px;
    padding: 0 3px;
    color: #fff;
}

.sidebar-nav .summ .fa {
    font-size: 9px;
}

.sidebar-nav .summ .fa-sms {
    font-size: 8px;
    font-style: normal;
}


.air-variant .sidebar-nav-head {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    padding: 30px 20px 15px;
}

.air-variant .sidebar-nav li {
    font-size: 14px;
    line-height: normal;
    text-transform: none;
}

.version-new .air-variant .sidebar-nav a {
    min-height: auto;
    color: #000;
    transition: none;
    line-height: normal;
    padding: 15px 30px 15px 50px;
}

.version-new .air-variant .sidebar-nav .active a {
    border-right: none;
}

.version-new .air-variant .sidebar-nav .active a:after {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVJREFUeNpivPboDQMyYEJi/wURLEBsCMScQPwIiHlBAuehKjSB+AdAADFCzXAA4gMw/VeAuBKk1AqIfwNxG4hzDIjvAjEjQAAxotn7H4irgLgdxAFJPgHRUAkQEAViNiDOABkjg6RzFxC7Qt33AyCAkI3lgAq+BztUVhjFa+uA+D6yd5ElvYB4JxC/hYmD7HyCpOAPEAtAFQiCJMOQJIWBeBMQN8F0HoNK6APxYSAuAuJ+mCQMGANxIRBPggkABBB6CMFAJhDnAvFSaGj9Q5ZE9yYy2AfE74C4BUpXovkabKM9kOZHC3oQ+AHEqkBcDcSSQPwBiLuAuA9o40+QPw4wEAdAwdYGTQWrmKA2YcNcIAVA/B2qsQganavQQw4ZgFxhj6RhOtTpCD/+//+fgRwAEEDYogPkfHlogBzDpglXdMgC8VRoCOrishGbRjEg9gRia6gBusRqvAbE+VC2LS7N2DR+habJSCAGBYANNs2g6PABYma0VPMXmlf2AHEEkuYcIL4E0zgDS3JjgCZsdljoQzVPhCbBYyCN0sRGHRDzAfFzmI1WUEF020AuiIE6jwHqRJCzH8I0HsdhQwjU/zBNwUB8Bzlw0AEPEGcDcQEQS2DThEujBTT7MOHShEsjSNEaaNKLw6aJotwBEGC4Cit0wA3EUkCsDcRKQPwNiE8C8W0g/kKMAaAcha8AQAegMqsYGq0wcApa/oMKxOvEWkyshd+h6eUatFwQBGIzIDYC4tNAvJFYi4kNUgakCjIMmiJUoMHMDK17z+CzGBakIAuFkHyKLU8ig1/Q0gHUBvAG4gAgVodWHwxYLL4BVf8POQ6boZmBEZqm/+Ox9D9S7QsK5tdArIAkzwrElkBsAsT+UIt3QqPjPczCLAbqA5jFMlBHnoLVhyALV0AlmIg0DOZLNmicikPrPWTwCeorUCrehl7WRJLhAy5oKgUlHl9orYZsEajSXQRtAJKVLZihloDiywAaP55QMaIsItVCZSAOhBbNJliCjqBFpFoIimNHaN77CS3aHgPxamItItXCc0BcD8QuQGwHrd7mQpuYpBXe5Jb65AIANfTPsn7P0NAAAAAASUVORK5CYII=") 50% 50% no-repeat;
    background-size: 14px 14px;
    position: absolute;
    top: 50%; right: 15px; left: auto;
    transform: translateY(-50%);
    border: none;
    margin: 0;
}

.version-new .air-variant .sidebar-nav .sidebar-nav-text {
    position: static;
    transform: none;
    width: auto;
}

.air-variant .fa-ic {
    display: block;
    position: absolute;
    top: 50%; left: 21px;
    transform: translateY(-50%);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.air-variant .fa-ic1 {
    width: 20px;
    height: 19px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAmCAYAAAHB8+mLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAn1JREFUeNpi/P//P8PfPfL/GRgYGJldHjKAAAsDBDCCCLOaPWBJFuVZXkCGNlhQGKLgP0wlGGza3wiS/M8IMhMGXljbgmmAAGIACf7ZLfcfRMMwukVgdYxKMz1huv8LPypCcRLMIog2bBYBBBBcEOYrEBvkM6j5cACy5z8DFgC1k5EBzZOMaOr+n2pxQRZjZGHAAeCBAFOJ7HAsCuGSAAHECI0euCDQI4zYNCJbDVL9EClE4QDoXgYmJP4jNE/xI9Ow+EZIz/ICxnsRIzarBYD4IxaTPhAMHpCb0MMWXziihBsTA27wEWoqCH/EF+AfoO4Hu5cFj4n8yDEDEEAoJiLFkDw0XFEyFDEAl81YTYDlFWgQI/sN5F8BUMoERSCSuDa2JAyOVEiGLoKJKGCJyw+w0P6PFLlEhRM5XsYHGPFENWkGglIeesZETRqNeBMYPvABlzgLAQUkA5a7adsYGagIAAIIV8KGA1xFEC7AhCcm5cnyMimK0ctAbKkAl4H4EjFI7j2amCC+dEhMmAnhcgC2vIw1H6PlZbxh+J+CLIczUggp/k+TWCbGAmqVNuQZCK3nqOdlfEUXJV7+T4tIwRWO/8ktYAm68D+1DMTZdCDQfqO/l6kW0wABhtPL0OoAWTOo7v2HVNLDGgcktX1o6WM9aIMMBORwtaeIrS2IzeWkOPASWghSJaMSyocsFGRaUgF65wBbexGjPYRW4zHgr/1wASxmEFM7EpsG/9MgbVOtMceEFgWMFGCBgc7FlIIHBGKLcaAcyDgoQ5CY1golbf9BA2gaxUhNtP9DIQQ/klgqfBxyUfxhsDqQcVCH4N20bYM6ikd2MYOlOUVycQMAZ33JKbB/LP0AAAAASUVORK5CYII=");
    background-size: 20px 19px;
}

.air-variant .fa-ic2 {
    width: 20px;
    height: 11px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAWCAYAAAHFie4mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAa5JREFUeNpiVJrpyYAGtjExYAIWxudWNixAxmsg/g8TBQggRizaGbBpZwBpB2l7jywIEEAg7V+ANDcDAQDSzUAMgNktAsRs+BQCBBBWl2MDLMj+JaSQkRiFRHsGZOIzIJZEDzdsCqWA+DcQC+FTCBBARPsaD4AFRgMQNzIxUA98gXmFUsCIK7RBAfkImjo+kms6zIVXgVgLyt4CxD+gbB4gZiXFQIAAokakgBxyDW8GJBGAfPcZ6hvi8wABwAM1tI/ovIIDCALxOyD+AMTiQPyLUi+DspcR1OBf1ArD82TlemIBsgvnUiOCQJGSAcTTkcTeUWDeJ5CBD9AEz6LFIsku3AFNOlOBOAuIXSnxMkCAUSPrUaM8/QPEC4C4Doifo/v4AhDzDrAjQe5IgWIGqCNBjl3AAnX9ezo76AM05DiAWAlHZfIE5DaQA00GMORArZCf0ECaBcT1QPwGW30yUOAXobKY6iUXtQETgYpxOxDzD3TuQa4Dy4C4EFa5DgYAcmAvEBcRyHEDBb6CorgYmlBBjasSLA4ShsoPBOZBToN/oKEpCJXUA+JdFFamFAMAxwlUKh1925EAAAAASUVORK5CYII=");
    background-size: 20px 11px;
}

.air-variant .fa-ic3 {
    width: 20px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABRdJREFUeNpifG5lwwAFa4D4DBB3sDAgQAiMwQRVgQJAgmeRBazjee0YkcyEAQ2AAEIW/AHEHDDt/6GCHFA6EiTIiKZ9OROaJXIw7TNggkcXfn4EogECCNmi/1iM0gLiXCDORDYSXREIXAMpAuIlIIU/0WWBbpiMJhQDs1oTiK8z4AZ/YVaDFEWAvIeuAEozAwQQelCaA/E2IH4KxAZA/A8mwYJE7wRiZyAWRtIIDwmY1cZQRegApOgrzKT/OIIGBriBuB1kYgwDYVABUriaCIVgN07EJQkM+GNwxwKDBxQz7AQMlGGBKnoFxGI4FIE9CwseMaSUCbcZiF/DQgQggLAlchCYCsRZQHwPiOuAeAcQfwZiHSBOBeIMIP4FxFJA/BYl4JEMBDn3NxBbAPFJBuLBG1A+AGJ/5CQxHYiVCUQkLiCCHDYs0AToDsRKDJQBcM4HGbgViNUZKAf/YV5+DsRy6IGLIyGxAqmlQLwPWHjMwKYGFClM0AzJSKELQclnBRM004pgSV+kAFBS2gjEsrAE+xbqQlDp8J0Eg1KgDlkKi20mNAVeQMwJZXdAFWPDT0D5DIjnQB3yDWYAQADhyikwy8qAOAqI1aAlz34g7saX8JmwiAlDy2hQRMkDcQIQ80ENXQ8tYf9DsydBA6dDs5Ih1CugWuAcNN++hYaVElROA2owCy4DQbEUClV8DS39YUsBztB8/xvZUBgjHIhdgZiLxORyEslQlGpgBRmGIRu6D1YFgwxsB9WWFOYSkPfTYV6uwBHbpIL7oJKLCbmkoBDUAnEpNVwGA6BqwoFoA4FJx5yAElCdw8tCjGHAso8Raiio3sgDpVeg2Ds0ZdpAfAuUl/+TUxYCDa+GFswZQMP/Q3PZQ5CBj6GtoKNUqAKYQV62hEY5KwWGaULz+z8maNn2EVrqkguuQSt9eF6GVQGHgfgGiYaB2jGzYJUcE1qL7Dq0WCcWgErqU7Bsh27gN2hst0MLV0schjAiFbLJQOyDLIktHYpC64sTQCyNw9BOXEkNIEBzZu7SQBhE8c16gOAFQSsRbYSUKsHYiYJHpSAqGKw90iuptPMvUGMqRYkWdmlTBBQiWmgjiBJErO20UIv4Dfl9spFssrkzMGTZzc68bDLz3kxycUpWAag8oNwvlFngs36j4+/xQ3Csb/LZInpSHtmr8n4avKsANyHPPmKkiLlULEAhgyiBjpXvkKiBIk3YVHcqR1FeyVhHDIm1rfyIa1E7AsoGMIREGKFAW+wYvUTbJ7aHXJ/WQTMbQDePfRXvLqKmi7FHcum87xRWBsBeVHEn02/YqL6Fyd3O8Po3v5s0funVY3nm5kqb5B4Hi2AyBdwW7eOwDAxVDrsEi2Da1OVvcLJeTGPxm2hwsYc6AqixDDSilaSC25yMjfmklOqFo2xEhpjHIup8ssBQrVrHCcC48nnl01CRUSLIxP9GrkB3wEgL9LsTGc7Ve79swszwGhcu9hHwhV1DqlrfowIum6wVoUAFds6iRpJQqk+LhV0milNuqKWdQacyUQe1PArSIDfo6lM1AhdjDguBKYPqApD5pIWLq2WaiyeQcut2YuGcfV8MgSnTvLeCwLzkuCan5I7kUzPfbOqajfRm/YbCicGVpZqHWCliX5BrltyOBesPe0sX6uJZ+Z1l9ZNkmltmZ+KGQ5s4HuTaAXtRfd89sbqIvUYuoxyS3/rBvBD7MGzUY2mwH8j6JyP9V4ZsNG4Ny2rdqf0C+co46HFpWn0AAAAASUVORK5CYII=");
    background-size: 20px 20px;
}

.air-variant .fa-ic3 {
    width: 20px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABRdJREFUeNpifG5lwwAFa4D4DBB3sDAgQAiMwQRVgQJAgmeRBazjee0YkcyEAQ2AAEIW/AHEHDDt/6GCHFA6EiTIiKZ9OROaJXIw7TNggkcXfn4EogECCNmi/1iM0gLiXCDORDYSXREIXAMpAuIlIIU/0WWBbpiMJhQDs1oTiK8z4AZ/YVaDFEWAvIeuAEozAwQQelCaA/E2IH4KxAZA/A8mwYJE7wRiZyAWRtIIDwmY1cZQRegApOgrzKT/OIIGBriBuB1kYgwDYVABUriaCIVgN07EJQkM+GNwxwKDBxQz7AQMlGGBKnoFxGI4FIE9CwseMaSUCbcZiF/DQgQggLAlchCYCsRZQHwPiOuAeAcQfwZiHSBOBeIMIP4FxFJA/BYl4JEMBDn3NxBbAPFJBuLBG1A+AGJ/5CQxHYiVCUQkLiCCHDYs0AToDsRKDJQBcM4HGbgViNUZKAf/YV5+DsRy6IGLIyGxAqmlQLwPWHjMwKYGFClM0AzJSKELQclnBRM004pgSV+kAFBS2gjEsrAE+xbqQlDp8J0Eg1KgDlkKi20mNAVeQMwJZXdAFWPDT0D5DIjnQB3yDWYAQADhyikwy8qAOAqI1aAlz34g7saX8JmwiAlDy2hQRMkDcQIQ80ENXQ8tYf9DsydBA6dDs5Ih1CugWuAcNN++hYaVElROA2owCy4DQbEUClV8DS39YUsBztB8/xvZUBgjHIhdgZiLxORyEslQlGpgBRmGIRu6D1YFgwxsB9WWFOYSkPfTYV6uwBHbpIL7oJKLCbmkoBDUAnEpNVwGA6BqwoFoA4FJx5yAElCdw8tCjGHAso8Raiio3sgDpVeg2Ds0ZdpAfAuUl/+TUxYCDa+GFswZQMP/Q3PZQ5CBj6GtoKNUqAKYQV62hEY5KwWGaULz+z8maNn2EVrqkguuQSt9eF6GVQGHgfgGiYaB2jGzYJUcE1qL7Dq0WCcWgErqU7Bsh27gN2hst0MLV0schjAiFbLJQOyDLIktHYpC64sTQCyNw9BOXEkNIEBzZu7SQBhE8c16gOAFQSsRbYSUKsHYiYJHpSAqGKw90iuptPMvUGMqRYkWdmlTBBQiWmgjiBJErO20UIv4Dfl9spFssrkzMGTZzc68bDLz3kxycUpWAag8oNwvlFngs36j4+/xQ3Csb/LZInpSHtmr8n4avKsANyHPPmKkiLlULEAhgyiBjpXvkKiBIk3YVHcqR1FeyVhHDIm1rfyIa1E7AsoGMIREGKFAW+wYvUTbJ7aHXJ/WQTMbQDePfRXvLqKmi7FHcum87xRWBsBeVHEn02/YqL6Fyd3O8Po3v5s0funVY3nm5kqb5B4Hi2AyBdwW7eOwDAxVDrsEi2Da1OVvcLJeTGPxm2hwsYc6AqixDDSilaSC25yMjfmklOqFo2xEhpjHIup8ssBQrVrHCcC48nnl01CRUSLIxP9GrkB3wEgL9LsTGc7Ve79swszwGhcu9hHwhV1DqlrfowIum6wVoUAFds6iRpJQqk+LhV0milNuqKWdQacyUQe1PArSIDfo6lM1AhdjDguBKYPqApD5pIWLq2WaiyeQcut2YuGcfV8MgSnTvLeCwLzkuCan5I7kUzPfbOqajfRm/YbCicGVpZqHWCliX5BrltyOBesPe0sX6uJZ+Z1l9ZNkmltmZ+KGQ5s4HuTaAXtRfd89sbqIvUYuoxyS3/rBvBD7MGzUY2mwH8j6JyP9V4ZsNG4Ny2rdqf0C+co46HFpWn0AAAAASUVORK5CYII=");
    background-size: 20px 20px;
}

.air-variant .fa-ic4 {
    width: 20px;
    height: 15px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAAEp2mxLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcFJREFUeNpiUJrp+R+EgYABhEFsRhAh/KiIkYGB4T8Qg2gGprtp28AMZMCkPMvrP7ogQAAxIJsHN9O0ejcDknlgmokBC8AqCBBAyE7CC9Cd+R+Kkfl4nI4FsICIt3J9YA6WQGAEGgRmAAQQ2I0wUXSFyLaBFDIAPYPXWpCNTGiO/o+G4XIgXxP0CEgNEwORgAnmK3wApIZoE2HhyIgjeBhgKQ0ggGDhyIjNA8Q4CWviAdHQMEc2HD0JMKKlUQY0tYyweGFkoCJgBGUTEDCr2UOxC0+1uBAfK8QAUJiyQBMwozBDEVUMZcHiLWxsdDFGXPoAAggl+yErIJRsoEnmPzYXUhLL6HrB5So4EUNjmWwALY3+M2Er2LCUFwyEyg+8ZS8lgOoGshBTCBADoOYwDgEvUzMfE122kwD+D60wZCSlVMElxgIPUDnSKilcYQ8QYDhrPQIJmCopgphIRnEgNUoxagBYuwzkQFz55D+u8hitQsUX3+SqpW2qHvTZjhalP+Mgdh8jy2B0FXJJMZoGKU6DyIUmtVoj1CzImXCUUYMF/B/8UUxki57Yvgs11OJ2ILZWyAA3FuAOJDYdUrNQJ8pOAIdbsuhLGBHjAAAAAElFTkSuQmCC");
    background-size: 20px 15px;
}

.air-variant .fa-ic5 {
    width: 20px;
    height: 15px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAAEp2mxLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAthJREFUeNpiNK3e/Z8BCZxqcWFkgrIZoZjBrGYPAxMDFgAWPO6QDDLiP5AGcf8DBBAjspkg80A0C8wsmHlw7UggAyzoJHoGbB7UzOlA+ilAAMHMZMTiiP8wO2D24ARAe7WB1FVsdqODq1AnMDD+//+f4e8e+VAgexWIz+zyEKwCKAZWAOSDrQcIIEb0sEQCjEA3MiC7kZGBCEDIM6jxgAP8x4gwHEAAiD8SoxAE+IFYBqYQFE3/ncVOw6MNKvYByn6MHI4ggQhgmK2EhiHMjfBwBQggfHGNz5MoYUx0MBIbxMSGIj6wApcEuQYWoccvpQZ+hYb7fSDuxRqG0FyOAiwPzEXhg9TAxKDqFYF8MVhEoWeCn0DMBmX/AmJ2bE6DGvQBqXB6hZxKAAIIX/bDBwgmG1LTIQO1Y5m88oHUhA0KBqq7cNAY+JXaBj4C4jnUNFATiEEpXJlqsQwEgkD8Hj0NUxIpoOxXAcRvMFxIbMEAE0didwKpfCBuBOJ6uAuBEigVCjofJlZ9NRPe9qi5lgGTkwTiOiAWgRnICFTEiOYaRqRmDiNMTav29F8wNS1aM36hqXmDXJuhZ3p4LQYDUDWw1gMDcu2HDAACjNziixzACMvv5BY2jDRy2P8BKQ2p3TzABmhSug760ppAA3JQOxBU0qUNZgeuB+KZ0J4K12B0YCIQGwCxErT+jRxsDgSBi0DMCcRrgHgZEJ9GaosOCgfCAKgGsQRifSD+AcTeRJWD2GplbAC9psbR+sZQi2b+CaAcqPW+A4i3APEhIHYC1YLEhGAYEF+BdgeuQPlkAWBXlGGpaS3Ica+wmAWqZdyB2A+IbaH2OeCti0GGKXE/w7Do3lcphujTzSQ5DpdZD79J/o041fIJh7bfQAxqNOSBahKQA9GjAORLbRwDGTokRjFeswiZA3YgqHmE1gQCgXBoC08FiO9AW3zwphB60wkdIJmD1yxC5oAAACz1CwZxBWjcAAAAAElFTkSuQmCC");
    background-size: 20px 15px;
}

.air-variant .fa-ic6 {
    width: 20px;
    height: 18px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAYAAAGMO0iAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA9lJREFUeNpiVJrp+Z+BgYHxbto2Bhhg/P//P4PyLC8RIPsNSAAsCRIEql4JomEYrBIEgKphup+CBV9Y2zIgA4AAYsRmEQtIAF07C4yFpFIawyK4k55b2fxHpgECCOZ4kKITQLwOiNeCNKAby4LkOjkg7kJ2GQwADXJDNhEXcANq3gV3JLLnreN5GY4u/AznSxw9zAAQQLDAyAbiadisRY8JkOKFUI9sRlYA08wE5QcCcQJQcDNOI6HRCMbIUQnDQHEeEM3EQBh8Rg/HHiAuwRJUvHDPoAUuAzbPwE2Eh2M82ABEOKYxYEThf6gJ4PT0YqEtzCowHyCA0JPPNSDWQraWQPQyoEcSuoE7gdgdSV4CiDWAWBuNlkRy7Q0o/gc0PIQFzUKQYbVA3Ay1/QXIV0B8gFCcAB10DTlFIIMmBhIB0DBQ+tTCZaAjSA0DmQBb4QGPSSLBNaDrtJGLE4zYIhSzaKABqwvREiSyICMoQxMrz8RAZQAQQLCShAE5tWNLsMQCFlgWAoZbD44kQVJOQU7Y04H4GRCfA6V8oEFXoTngCqwsISfZrALiMCTLNKB5WxMt67FC1byGWgrKJY5A16qjZ71QJK/8AbkOaNEVYrwMVJeG7mUQeE4ojHCEcxlQXRe2ZDONzNTShCsdgiImgAwD9+Iy8C0QZ5JY0qgBqSJ8OcWNRNf1AcPvJrZ0CAPXSUnYQOCKK2HDwGRQ5iehxKnAW9qQmPVSgXgO0Mv/8RoIbU0QBWBlAaHyEAVYQytrlAobuWokUB6GQAvQ/7B8DcotMIxNHhlgM3ApEnsxqfLYDIxBYseRKg8QYLhaQaCK/SGoqUNMoUpLwIJDHFRGLAPiHEKFNYk1LsmexeXAlUA8D4jXA/EDIBZBwqJARwlh0fMT2sUB4VfQyuENEn6Jxgfhf0TXUFhCBNSei8LWaiKzzSIAxGJongXxRWEeh2JQDcgMtIMLXwjCorkG2gDdSW4UIYEPUHwLT3LRBVKXgFiemHYSqAGxkdTqhUIwEYj7gZ5+RCgNIofiDlDHFdSjpaXLgKHnC6QsgNibULmFDEBRe49OodgPqumAofedFAfC2jmZNA69PJBbgI6bREzJjw5mQnNgOI0cxw6kOoC4kJRyEBl8gdZpmdDykaoFNRC0gkZZgKG3kVwHgkACjWIXNKpTDMT6RBfUZEQRJdpBwzmfgKGXSLYDsTXAsAHkRhkywNZAwwaQG23kRDEDtLFWB8SqQHwb2htZRahGebHQlij9uACxPe4r0AwC6i2yQemVUHGa6mdiGOSAWAfqAHEEtFP1G0pHQMVpqh8AZpWwF0kjF+wAAAAASUVORK5CYII=");
    background-size: 20px 18px;
}

.air-variant .fa-ic7 {
    width: 20px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABihJREFUeNpiNK3ezQAFa4D4DBB3sIB4m/Y3gqhXQNzr51jPwAJVARLIgmlhAuKzQJzNgARAKtsZUIELQAAxIln0A4g5YCr/Ay1iBNK/QAJAiyJBZjJCVfJB6eVMDFgASHAGuiBAACFb9B/JKLhLgDgYiDNZYCJQB3wFYm4khXuAjtkDpI+CrPkJFXyHpggZWIMUsgOxKxALAfFEIJ4HxKpQp8CdBbN6N9CKCCBtCsRWMPcjuZsRIICQPQMC5kC8DYifArEBEP9DDnMYfRmINYFYGNlKWEjAFPoBfa0JFXwPxGuBOBnEBzoJZCoTC5KuyUCcC8QCWCKgHUSUQwU4GXCDCpDCVVDOZDwKwcZOgrIvEFLojhZuIE/1gqIPSZ0sCzRmfkJpWKIoRg8iWPCwA4MBJMAFxN+hYpFQZ4E1AwTgpPxZCIyiMI4oH8CE2UDxCeySMr2TXYkMFl/AwGYgk0w2mwgfxvSWyeBPr2LgOfXcOp1IPPWrt/Pebufe8zzXTsZpzHhcQQ9swRnkQB1UaPUkONrU6O8H8DCkpo0XtQdLXUDH0ukOVN3liCa0RBibLVRNjjflhWXAgLWs2lPm6Tn3RmnAmgqm9lbDdNhVxtC6816f0uEKFNVP8WI+9Ltu7sgHmbf6MQed0J+SDQvmolvgomzxTpLPjalJ0P0IQ5swT0JbhWdIa5zADMRACpTUehnWSE5qfbjmwrh7Ur+ozyHJoxZo2ziVWbtz8fMDPkhLzOmGwG3wEoDVsldpIIii8BqXIAErsfARFJJW7BRFUAiihb+lTXyA2FhbmPQW9oKVxoAWNhaiIDYSQYKlD2AZkKjxXvgmDDc7GmUvnCI7OyezM3POuSGluD/bFWxyB9WDrwVVwf1Pk2yNIO5P9WHBHhd5VvCAG3SQZ0/F5reqoySYV4tOeP+RA9B6hlgP6SOJ8Fw9iojppyZExyvov0vqPnlNUBSyITNphujusKJlM37Ks7bdwxMXxd7KlaTOaY8JyvjeuyGtCZougl3o35l718aO6t6zCyNRv8ZZQCnmLuW8wYbg0JD1UyrXydh3Cir/T7fZ123JROmVmsV0moSaOcNpEmqAvSQRPnEofy1Nw+MMzrHuDRTIkqXAxLzxTldFQUUJp7RjNINZwRm5vIqhLhIXDdMsRfRweo+/3ArVkSvmYuvYAgp5RTE7+N+bIbwi9LvS0wgoi9jnzIs3NISDbEUtkHZHroPwDTaHiR6gnt8qSzt+SWvSY7AtPmebTd8IEGl43WISWz5ZyLFHMYFqIE9abMVAwmFG3wL0YjahEEVhGL5uxkR+8pOVn51YWVgSkbJRSkpSLEdkJaTsLNlYWNjIypAFiQhN7FiwoilbFgobRFG4Xz2nDp1z7x3MvHU6zcydc957zne+732PX00xoQIR1e+TeWy4RkQsEAihhUMQJAzveNtr6tYke5gVsuXxn0bG+GTM3qDJsy3fy4Br7J8MNue1aa/ivP0ybbyyfXEkqgTcDJ+l+GxD9iXMFkuliXEwOz1SB06aIIaXJLDNKVlEFBi3uJRlj7FiUR9yHWSczxBNtnTQYGIVDvAzs8z9wMH6RrCKNFfG5OOWcNhk0l2vJbCwfrEXJSMWWvKxjgnkVAniuEpN6pI3IuSWfcuK7SGcu1Io/29BRtOwmn3EpnCqVta2gjhYNfypBXLPrPCWk16oQyOcJly0s0OAmjBPP4C7ygQUl34XYS+4sDxcT3/mZA6X9DUu8lBQZHn4nL45gwSVwX4SgkfaQTBhXFv28gwRVG70yCXnCaYtd0AJyEt1ufVazy8nrfXaMb0fcrGAglkheII6K7BYOqXQcnBs66SbBU51kIYaQ3clvVb882rHgEO4CKdTVYun2PdhBqo3ePh3zd21svJ3IVbuhiu8Zf3W0IAI1amWcjv1UyyMoMviKMdui0R1sPIN/xhzXYj4LKTcik1urVKe5N5mQy7GMNXpQjdKZ5M5ozq5IMEaoUzF+JzkPujwj6Ta8e11WnYY1S8BwuhBFXNDtDL02w6Br+z1MWGRRLU8anmsEhJNYnIJfFWfl8ir90Fvk6rk10ND7FQbsVhD7czn92cOxxUVKMGN0UeqE30BPVaO2H3bROcAAAAASUVORK5CYII=");
    background-size: 20px 20px;
}

.air-variant .fa-ic8 {
    width: 20px;
    height: 21px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqCAYAAAG2MSnwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABnZJREFUeNpi+P//PwMI/9kttwjGZmFAACazmj3bgbQni/IsL6iYtqswA0M2kPGJUWmm538ggxEkfHThZxD1nwUmAAQvgPgfiM8IMhgGXljbgmmAAILZLAnEDNhsZwDaDqZBtgP1a4PM5Qba/gVkJrJFXzbtbwRZ9hwkCHMSTJIBq+0AAYQi+HePPMhMHhDb8sBcEPUDiGWA+A2S18He54GxgA5xA1IcMD7Ibj8g3sSACv6fanFhRBZgYcABgG7LAVJT4MGPxTQGqM9Aioqg/CKAAIJ7BugREPUBiAWYXR5i6ES3WgCIfwODmRVItwExyKcGQPdiKASZCFJ0DYi1gLgKFtDIKQNmIihofqFbDfIMPxCHIYldeCvXdxBqEjwlgaw+BjMOCkyA+A/QXfnontFFs+UPKB2+WAiOY1j8MoKsvowlJFxBTkBKLRdACq2AOBBJ4Rkg3o3m7nCQwo9AvB5J0ABK30QSu4GSzDByABIACCCsCqHRCZKwBuIZQAzKEUXQNIoTgGKQiQE/AGXMPyCLgYY5IYmBvMQGygdQi4PxuhAXAKYpeA5Czw8gs8BpDClngaLjJRALoSkuBOIJkCRVJAekXiNnbCCoABVEyEkMZoMkJBnC4xaGJ0ATczgw6b1CMwwEOqDJFOJlYAl3EUinAfFJAj7+D0x5jISChYmBPADyUTGaWDGsuNWHKpAF4ic4DAB5OQHK/gbE6kB8C01NLxBvYUEqY0Dst1gipRiWz6GgDIhXIeUAZLCSpGSDljOeA7EEsjQoYgECCF9OWQzEvkCsCdKMrQDEBnCVx33QsA0A4megIIHVR+RmPVCtqQfEB4D4K5qcCBBfgtY7TcQmm2lAfA6IbUAVIzAfr4GKB0NzSjoQ80FLyX/EGFgILeK3ALHUcYfkECDtAsRroCniOAOkZAcVkDugdQZphQM0DP9jyXqi0PTLjl444AfAYkH4URE2GVDk3cDm5QKkOgeG36KlhE/QWg4Z7IZWGigGgmqQSiwlTSaoboWWJlOBpY0ktLhCthQUvq+Q02E4tNAUweKdVdDY/oAUdnyEEvYKAqXOHWiNBW65gAIeH0Bp8eEBpkA8B1ge6lOrPDwLzTkwEIUlAqPwtq3QgDE0u8EMWwR1zH+k4g8UeUzI5SG+FL549bqvsJpuKRAzo6n/D61W/zJBS+LXeAxTAZXQoUHcNkjp7R+OOhzs7IXQrPMCiyJQXr2NVGLvJrY8NEDKKcjgPbQt+AdLZP7DFsHIsTwBS04RwmJYDLSkYURr94LE4sitU6KBeAmadCxIjJJKCisACNCL+YREFUVh3AHdVAtzoUSbEkQXrlrpNiSUCZJaNMsQJVdBLqc/YxBELWzhomxAM7CNoFhq5CIxRFwa2aJFTbSpxRhj1qIgpvvB78H1Mm/efW+sA5er79733pl3z/m+7xzvB0JcTQT5CWe5QDYJnep8Ca0W0gszAY887TTjnSX4t621Oh+C9CHQJFIpleBdF0DTcsjYtfVvrV/wFMXEtnP9k+obQ97HkRzKhDuqqIH3G2bcDnlmFm4WWbXZXJIkBr2M0mMLeu0142XELT2AztsAxIMj9uf4fcVglB4Ykx7osJgjyt4wn4xDTzqaQeqlAsLtO/JpnrVq7HyP+YmHg4+Zx6McFIy8soJ3AJ2WRlLoF2a4NsAe7V11Vb7RK+ulY9OrHHGZH9UN9Dfw9xxrfWiZbFiSKDuf44jkRitfzbUfYJ24ecI6lhdcX4Z/psxY+dOws2LJZ2nAR9Q2v6lvlqjeitWyuJ6sbIcinsbMbP2QDmh9ihdfcvYU+TrZJED9AOduJnDOjaMWilw9c8jOxqQmUVhC57a4GJTAmmkF7BoB2Riy5wjOn6O4Uex+A2IWzMgTSjUV3UksR0Ls0THKg10p5jzX99iXCxyc5QGXD8CJIPZmnS8mdThKoqTI4BlLNX7l/27WR9hfrKecOUNx+qGGOJRzd834PP3s5zUzT1pZrvAZtjI/yu7TzXioGAxgZpE+5ntwqeD5sABm2oGZszR1gvVfKPhGcNPXlBcluzWVpjWlnsJHrm0Q0GpcHDbjKIE9xFqZvV+4N11Bl68xZ2KeSKaSmlE2nbao7iIvvU5vLWjPbIF5vXYjLsTOU2+qj3mI44uyq6iinVgSPY5VkPM5Al+2Ce++BtoET7rhihld7NHeW//TQRcH+1HmVXHwnzl4UPYXc1kKT5x64o0AAAAASUVORK5CYII=");
    background-size: 20px 21px;
}

.air-variant .fa-ic9 {
    width: 20px;
    height: 17px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAYAAAFaYqudAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABKVJREFUeNpi+P//P8Of3XJgDGI/t7J5wMSAAPV/98gzSBw9rMAIkgVxQIDZ5SGYZlSa6QlXenTh5/9AlYwMUDO3wswEYYAAggnCBUAYbhHI3BfWtuwgNkxwKtSS3xgWgcDdtG3YzQQIILA7YWZCwQagUQEMaICJARMEgDRBHfMfl8JZsBB4XS/HCPYwFoXVQJyGxOdCNgEggFDCEgruAU1UIsaNcEVAN66BsVnQFHEC8XeEDXLXcFkN8iUjsk5Y1KJbzYzk68kwRegKQSb9Q3MGQhIWh7eUrv5Xu6fNiO4zcJyiuZEbiL+CGEBrq4GB3YoreL4isS3RTQYIIHiiQEsYyEAAiBOBHutHlwCGMy+QygTa3oUrvLGB9+hBiwQ+IacbFBcCXXcbSKlADYABViB+BcR/gPgzVAxE//m4TFSLP+r1UTSL8XoZFJedQFyCHOFQr4LkeoCuK0R3Mj4v/8Hj1T/oXkVOD/eBtAIQ/wClV3AsMP9l/PiX+f1/SNKEBQGoEPii8PGfyiM+pnP/GBn+InsVmG7S8Xl5BRBHYEvjQO+uALouApe3sHn5Py6vgooMXF6FAYAAwlY4oYNQIF6NHClIFoQALVhDqIBAB0tIkSPGwIt45K6TamAYEEfjCM9gbHKEst5cIObFHsZy80QbH/HjM/A/FH9AKlVAtdJdtOwIZjPx/QXpXQW16ANU7x0WtBIRGXiAijIgPovuCmD55gY1+DR67ONLNiDDRNETNjT8XgKTizi2MMIXKT/xyP3FJYHLQGsgjsERu6BSOpaUrAcCS6EFBjawDOhdRZxZD1ja/EeOPVBsSbP8Fnj6h/UBqHSBNTVg8kYv/jqck2BeDxX7Di2l7gJLmy6YC1FiF1it6YFcB6zaNqHbDmwbgeWs43k3oVd3+GL5ChDroBsGimVg+F0BelcHX07A23ogUQ6rgYpojRzk2AXJpRIykAVL7FrhiV1LQgYCBBhKFUCgwscHtkMLERtsBTEuAPT1RiAlCXSoGanpmhQAyjTu0OAnxXGges4PiFVJTTSkAB5oC7kKiB+S4DguaNFdBwy9O7R0IMiSW0DcQaK+OUD8AOi4ZlITNSkgAFoj6pCSfoFVhy+QigRiQ5BaQmkWI5MANZUBKWUkIQ701ju02QhKP4+hFSJylLOiqWWFigMNZ2R80yUtz6H/9ROP1/t/WOpETqh9MHCf3FwMiiInbAUZvhABpr2Z0IpZARi9/4mJJnKi2BmIk/GUb7gc5wAtZG2JdRw5mQSkfjEQTwHi4yQ4jgnahpwGdNwRUi0kBfRA018BGfpADbg8UqMLY8QBFwBW+6ZA6hQoDQGr/p3EWgBsEpiAGntA7AlsFuzA1RvG58AiIK2O1toUQFdowfnVC9il+nT9F8dVtDTMi8VcXlj6Fv/6T/YXM+OP9xyMH6E9cWx9ZlhuvgN0sCp6JukjIvQaoLlPCRh6P0gIPZA+UACIAUMPqz6CIUhEMQMK3RvQXtkaQo5C6lfC9aH32KidSUBNpvXEOA69OQXE6yhxHDHlYDG0KnMmscwDDUxoQwtzigChEAQVJ/FA/JFEc3NBzTBg6H2k1IEAgVPevToGaDMAAAAASUVORK5CYII=");
    background-size: 20px 17px;
}

.air-variant .fa-ic10 {
    width: 20px;
    height: 15px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAAEp2mxLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAo1JREFUeNpifG5lwyZx9PCvv3vkGWCABYh/gRjMLg9RBA8BsZ3yLK//yII+IIbwoyJGmCBAADECzewTbXxUxIAMgIIM////R8Eg7f+B5oG0opi5XBiiG24mQACBzFwApOOBbmWEuvU/AxYA0p0AxPNAHLV72iimoCtkgPqJ4W7aNgZcAKSwF4hBDmI0q9mD02qAAAK58S0oLIBuZEAOT3TABMRCSPy3UBPR8VsWZMcDI0MYnxtBPk4CcYABitfqRJKtBgYPXqv/gpwH4kCDB6dCJiT+f1wKAQIIFo6wIGIEhScI4It3fABkM8j9AkD8AVkCmr4ZSTUQ5o0PDFQCIBfeBCVYmJdhEtC4JMvL6kAcB8RbkSWgKZ2RHANBYBE1vfwJiHnRvQxNQ6+AWJQE814DBBC42AEVEUAsCSrSYDL4siKhWC6EpsPnaHIvcOQbfPg5curfhGZgFhkOzIZlUmwJe92gSNhMDFQGIC/bQcv4JGQJfKUeIQMPQtlWQKyBFsviJJr3AtnLr6gRy6CEDSq+vEHZD1YWUhopb6mZl2kSy8uAOByIBaEFBQOhCoaQCyOh9GM0uSAy8nIQspfnoBk4gwwHzgAIMFAsw5oZyAAkVoIt1qHFWgAQzyKxrCQVvAHiVJCPU7FIphLyGY0dBwIiQDwT5EAZUOMRiP9B4wnEliWgWQJaUtIai4OiGLcrqJCxB10+HnEOBBVcoUC8AsmxoHQYCMQbsWmAVlt0zcVL0EISlDhXDaZcbA6toJB7KeaDJReDovgC1LVEAXydyxGfiwWgeNDl4vnQRiYymI/e6KS0WUKJA/2wiPsT0PcSiMXo4L5XoCiWBOIJQPweiidCxfCBLCyNZqo7DmQPAKQvy8L2qY7VAAAAAElFTkSuQmCC");
    background-size: 20px 15px;
}

.air-variant .fa-ic11 {
    width: 20px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAoJJREFUeNpi/LNb7j8DGmCC0oxq97R5gRikgJEJSUESTBEjSLvlgbmMQDbYmOMOySgq4QAggBixWcQCtQTMuaV0FcV2BpiZMJUMwo+KwAKWjxj+47QIIIBgFjHCBGDmI9uBbg9MEUjjdmyuxLCFKKtxASYGIgFAAGENNWyABd1aHL7+j+5rmOkXCLnRFUrrE1K4BxqOjMT4mhGXZ8AAmLL+C6NJAiN/NzDy3WDBQ0zo/EcxEYsC0k0ECCCi45pI8J8FlwxyTCIBZiD+A3IAcpomJZH9A+KHSHyQYeaUpFqQPCjwdkATQCAQnyKUaAnmACD+BcTBQLyB2OzCiBTdJMUCMBmgRAoTA5XB4DeQ6CKHWAAQQFQ3kAVf2UHVrEcgCzLgynospBgCBLeBWAaIOcnJKZ+heVcQKVhUgFiH3GRjC8QCSJYehtJXyTUQVrfACgNrIHahNGFHAbEhEK+G8vdSauByKB0CxHHUynpp0OJrMbUMnA3E7KTmFAbk8lCYCI3AShZbeYjVhTuhxT0xmKiE7U6N0oZ2hQOFdcpIDkOqVQMAAUb1OoXagIVQG5fcKgcXwFUVYYsOYtteZDsGCPyBeB4QbwLiRHo2bCYD8QcgTsGjJgLamBQiNSCo4UA+IOaHluR5WOS9keoikCNj6e3AeGiBBAITgTgSSc4OiLcg1biB1MokpAIPID4HbQIsA+LXQPwOiA8itTVcqJmLyQFmQHwX2ivahVT+XQNVI4Oh9Q9qN2pDMwwj1LwH0E7+P2qXg+SCL0iNW6oD5JqEkWFwAeIKalLbI6QC9PYLuWlwNwltHGLx7mERxUwMgxyMpkFK0yCx5aDrQEXxkCoHB2XTHwCByPhNglQFFgAAAABJRU5ErkJggg==");
    background-size: 20px 20px;
}

.air-variant .fa-ic12 {
    width: 20px;
    height: 21px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqCAYAAAG2MSnwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABhBJREFUeNpi/P//P8MLa1sGZMAEFXAH4p9wQSC+DsQPgZgdKnYaJKgJxFFIuk2ZoIw6IP4PZd9kQlLxAkqrAwQQ43MrGxCjB4hLkC0CaUuH8uWQBXmhgo9ggh5AfBnJ7P8gwV1AbAgVAFnACLP9DxALAfEREAcggGC2CwLxOxAf2RhkPkw3uiIGKP8eukKQ/a8YMIESEJuAGCxQAXeoVX+BmBlN8RkgXsaEZhXMbTxIYQsCUQABxIgUkbeBOBWID2BxAgMLVBFINys0SBigcfoTJRVA6b9QRZlQ/k80q+FxsxzKn47m5jxkhQVAHM2AHcghKwTF3x0grsWiEJRWfiNH4Vcg/gLE4tg8DHI/LMBFobHwD8mDDEiJ4z9M8Bs0XaHHN8znjOgxowuVfAh1OyOy/cgAFkzy6A4FCCCYZ9B96g/Ee4DYF4iN0ZwCCp1WHMGJ4sGbUA3tQAyK//mg/Ad1BSMUg9T/QE7PuAwE5Ww1KJsVLRzQA6wXiJ3Rkwxy2CgDcSMQf4DazoCUxXlwOOQ+1KL/6BYyQSVBQAeIJXDZjAPADBVANvAfVOIJEHOipQNiDQU5KhQ9UkAS74HYCclQCSINFYQauB49GYNcWAHEc4D4NRDfAOIUAoYVQy0HZYFAJiwK3GGFJhBsAOIGIN6HJC8CxL+g2YYfGuuMsIqBCYetC4FYG4jjgTgJiK2grkgG4rdAzAbEXED8EV0jQAAxYqm15kFz92Yofk5CBMFrPGSQCMRLgNgBKffA8AOCBiKxv0E1PQPildAw4UPKLSB8GIh34jOQBSnJcEINtECqbkDADUl9LFQNB1quwjBwNZLBj6FsVxyOcIdGDDc+A4OhOaYCSW4PDgN3QYPKEYj3YzMwACk8u5HkXAnkjO9YSiKwIWuR+HxEpo4fUJcuwGYgCNtB66M3JCQ5d2jCZ0I38Ay0yP8JNTSABEMTkFpXKHUKelJgJMFQUANAH4ivICfsEmhzcBO0XFxFgoESyG025FrvP7RCeohUt/wh0lCQgetBdRMTWoMLZFgYtI3wlgRX6sIaH0xoFQ+oYpKEtpi4kLIhIaAE9eFx9BaBPFRCEFodHCcQQWzQWBaA1p73sRWwoBJ4NzQ5gcrCiTgMOw5NasnItScTjkaXCTTrSSI366BgKtQXe6GuX4+rPEQGptBKqgQaOaDIioEapAHVV4OvtGHA0mr+Ao0kYSjuIiYpseCRE4W1N6HVqSYx0Q0QoBbzeYUgDOP4riglUivJrxK35SIHTnKwJ5ctm9wcODlIDnJAcSIhBwf8BZT24ECKA2pxEaUlDkQtUX5F69eapz6r6W1ndsaMp55mdnb3ned5n/f5Pt/nSUXnVCkAdLMNvpfKd4pGuZ5wffM4FKOYzPGyMFcxrlWpV0n1A/TbNFYdQOwzMXwnjn+SVCHppbfxQEHFiBEF1/VyjW4Y4NAJOBbEYUc7KDx3UuF3suiw7tm6QiU2TdaPcUSipNOgEwMlZ1eV78+p107kg4QIE4nFvxgood5VQh4HW7+V/zQrZ7DJ4ruCRCJEtci0Y+CKpmXcv3Ptt1nyrcgIhlYDjEVWDByHT8jWH+gKxDSzFbclTMhzYLX16Qw85V6IUqPMNfDsit5j7R+MjJI8NxS5TjMDpVlqYIAgIR3VdEDTUj4HaIuzXTbySdNiTSOazhtV6eQZjPDjNzBLPGzBS3lWQREtd9nIBJuzQNXfMIMZFbNqYT5eXaZf2MhaOyKFoYe1L2BnKYFaxawxmMIlyXOPl33/YOQMDX8576kwq8VBzmIIfKykYvgoaxOp2hIXZBMDvzj3gQyTHw/BsJOY1YaXJVBPaXP2TZy0I/k4HSdaWVDdvXSLL+kwKwYEdVEWH6G2Mf3kx8Zwp52hawICXwfMeekShN0+ZNjArFuy3UPm5cFefexwdZp1qjRdxqBvojHFbnmZaUSs8sF0mNXO51fWiFNfQ8pQaoDdSUC7nnTjR2HYs04ouhFmzYNZNezsIYT0lnJ5x3ORY5xZdZtRW8WsM86OZHohB1zaqlzW9jsxzu4Oqph1BCa+sGvdtAqfTlO6aGfr9/4HO4B91CNq+5AAAAAASUVORK5CYII=");
    background-size: 20px 21px;
}


.b-sideshadow-item {
    box-shadow: 0 6px 3px -3px rgba(0,0,0,.14);
    padding: 24px 0;
}
.b-sideshadow-item.to-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 185px;
    background: #26292e;
    padding: 17px 0;
}
.feedback-link {
    display: block;
    padding: 2px 12px;
    color: #00aeef;
}

.b-sideshadow-item-inner {
    padding: 0 12px;
}

.datepicker-input-inline .ui-widget {
    font: 14px "PT Sans", Helvetica, Arial, sans-serif;
}
.datepicker-input-inline .ui-widget-content {
    border: none;
    background: none;
    color: #b6cde1;
    padding: 0;
}
.datepicker-input-inline .ui-widget-header {
    background: none;
    border: none;
    padding: 0;
    color: #b6cde1;
}
.datepicker-input-inline .ui-datepicker .ui-datepicker-prev
, .datepicker-input-inline .ui-datepicker .ui-datepicker-next {
    top: 0;
    left: 0;
}
.datepicker-input-inline .ui-datepicker .ui-datepicker-next {
    left: auto;
    right: 0;
}
.datepicker-input-inline .ui-datepicker .ui-datepicker-prev:hover
, .datepicker-input-inline .ui-datepicker .ui-datepicker-next:hover {
    background: none;
}
.datepicker-input-inline .ui-datepicker .ui-datepicker-prev span
, .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    width: 6px;
    height: 10px;
    margin: -5px 0 0 -3px;
    background-position: -147px -4px;
}
.datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    background-position: -153px -4px;
}
.datepicker-input-inline .ui-datepicker table {
    width: auto;
    margin: 0 auto;
}
.datepicker-input-inline .ui-datepicker th {
    padding: 15px 0 6px;
}
.datepicker-input-inline .ui-datepicker td {
    padding: 1px 0;
}
.datepicker-input-inline .ui-datepicker td span
, .datepicker-input-inline .ui-datepicker td a {
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: none;
    font-size: 12px;
    line-height: 24px;
    color: #b6cde1;
    box-sizing: border-box;
}
.datepicker-input-inline .ui-datepicker .ui-datepicker-today .ui-state-highlight {
    border: 1px solid #b6cde1;
    border-radius: 50%;
    background: none;
}
.datepicker-input-inline .ui-state-disabled
, .datepicker-input-inline .ui-priority-secondary {
    opacity: 1;
}
.datepicker-input-inline .ui-state-disabled .ui-state-default {
    color: #667f97;
}
.datepicker-input-inline .ui-datepicker .ui-state-active {
    background: #00aeef;
    color: #fff;
    border-radius: 50%;
}
.datepicker-input-inline .ui-datepicker .ui-datepicker-week-end
, .datepicker-input-inline .ui-datepicker .ui-datepicker-week-end .ui-state-default {
    color: inherit;
}

.datepicker-input-inline.week-input-inline .ui-datepicker .selected .ui-state-active {
    border-radius: 0;
}
.datepicker-input-inline.week-input-inline .ui-datepicker .selected td:first-child .ui-state-active {
    border-radius: 50% 0 0 50%;
}
.datepicker-input-inline.week-input-inline .ui-datepicker .selected td:last-child .ui-state-active {
    border-radius: 0 50% 50% 0;
}
.datepicker-input-inline.week-input-inline .ui-datepicker .selected .ui-datepicker-today .ui-state-highlight {
    border: none;
    background: #00aeef;
}

.ui-datepicker-multi-2 {
    width: 100% !important;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    float: none;
    width: 100%;
}
.ui-datepicker-multi-2 .ui-datepicker-group-first {
    box-shadow: 0 6px 3px -3px rgba(0,0,0,.14);
    margin: 0 0 24px;
    padding: 0 0 24px;
}


.b-sideshadow-item input.text {
    background: none;
    color: #a8bdcf;
    border-color: #a8bdcf;
}


.side-bigpopup-include {
    position: relative;
}
.side-bigpopup-include.active:before
, .side-bigpopup-include.active:after {
    content: " ";
    display: block;
    position: absolute;
}
.side-bigpopup-include.active:before {
    width: 1px;
    height: 100%;
    background: #00aeef;
    top: 0; left: -12px;
}
.side-bigpopup-include.active:after {
    left: 100%;
	top: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	pointer-events: none;
	border-color: rgba(38, 41, 46, 0);
	border-left-color: #26292e;
	border-width: 6px;
	margin-top: -6px;
    margin-left: 12px;
}
.side-bigpopup-include.to-bottom.active:before {
    left: 0;
}
.side-bigpopup-include.to-bottom.active:after {
    margin-left: 0;
}

.ui-autocomplete {
    background: none;
    border: none;
    padding: 0;
    font-family: inherit;
    background: #b6cde1;
}
.ui-autocomplete .ui-menu-item {
    border-bottom: 1px solid #fff;
    font-size: 10px;
    display: table;
    width: 100%;
}
.ui-autocomplete .ui-menu-item a {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    height: 62px;
    color: #292929;
}
.ui-autocomplete .ui-menu-item a.ui-state-focus
, .ui-autocomplete .ui-menu-item a.ui-state-active 
, .ui-autocomplete .ui-menu-item a:hover
, .ui-autocomplete .ui-menu-item a:focus {
    margin: 0;
    border: none;
    background: #f2f2f2;
}
.tel-autocomp-name {
    margin: 0 0 1px;
    display: block;
    font-size: 12px;
    width: 132px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tel-autocomp-phone {
    display: block;
}
.tel-autocomp-comment {
    margin: 1px 0 0;
    display: block;
    width: 132px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tel-autocomplete-wrap-4 .ui-autocomplete {
    background: #fff;
    border: 1px solid #d0d0d0;
    border-top: none;
}
.tel-autocomplete-wrap-4 .ui-autocomplete .ui-menu-item {
    border-bottom: 1px solid #d0d0d0;
    font-size: 14px;
}
.tel-autocomplete-wrap-4 .ui-autocomplete .ui-menu-item a {
    padding: 0 12px;
    height: 58px;
    color: #303949;
}
.tel-autocomplete-wrap-4 .ui-autocomplete .ui-menu-item a.ui-state-focus
, .tel-autocomplete-wrap-4 .ui-autocomplete .ui-menu-item a.ui-state-active {
    color: #fff;
    background: #06bdf9;
}
.tel-autocomplete-wrap-4 .jspDrag {
	background: #d0d0d0;
}


.tel-autocomplete-wrap-4 .tel-autocomp-phone
, .tel-autocomplete-wrap-4 .tel-autocomp-name {
    display: inline;
}
.tel-autocomplete-wrap-4 .tel-autocomp-name {
    margin-left: 5px;
}


.project-autocomplete-wrap .ui-autocomplete {
    background: #fff;
    border: 1px solid #d0d0d0;
}
.project-autocomplete-wrap .ui-autocomplete .ui-menu-item {
    border-bottom: 1px solid #d0d0d0;
    font-size: 14px;
}
.project-autocomplete-wrap .ui-autocomplete .ui-menu-item a {
    padding: 0 12px;
    height: 58px;
    color: #303949;
}
.project-autocomplete-wrap .ui-autocomplete .ui-menu-item a.ui-state-focus
, .project-autocomplete-wrap .ui-autocomplete .ui-menu-item a.ui-state-active {
    color: #fff;
    background: #06bdf9;
}
.project-autocomplete-wrap .jspDrag {
	background: #d0d0d0;
}
.project-autocomplete-wrap .project-autocomp-title {
    display: block;
    font-weight: bold;
    margin: 0;
}
.project-autocomplete-wrap .project-autocomp-name {
    margin: 0 10px 0 0;
}


.side-sched-item {
    margin: 6px 0 0;
    padding: 8px 0;
    display: table;
    width: 100%;
}
.side-sched-item dt {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding: 0 5px 0 0;
}
.side-sched-item dd {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}
.side-sched-item dd .btn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 30px;
    padding: 3px 9px 2px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #2b6599;
    border-radius: 5px;
}
.side-sched-item dd .btn.white {
    background: #fff;
    color: #000;
}
.side-sched-item dd .fa-rub {
    font-size: 10px;
    margin-left: 3px;
}
.side-sched-item dd .edit-link {
    display: inline-block;
    font-size: 20px;
    height: 20px;
    color: #b6cde1;
    margin: 0 0 0 16px;
}
.side-sched-item dd .edit-link:first-child {
    margin: 0;
}
.side-sched-item dd .edit-link.active-2 {
    color: #00aeef;
}

/*}}}*/


/*{{{ =Schedule*/

.page-title-wrap {
    position: relative;
    padding: 0 0 13px;
}
.page-title-wrap.no-margin {
    padding: 0;
}
.abs-centered {
    width: 50%;
    position: absolute;
    top: 0; left: 50%;
    z-index: -1;
    margin: 0 0 0 -25%;
    text-align: center;
    line-height: 25px;
    font-weight: normal;
    text-transform: none;
}
.abs-centered__summ {
    margin: 0 0 0 30px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #136E1F;
}
.abs-centered__summ-currency {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #2B9927;
    border-radius: 50%;
    color: #fff;
}
.abs-centered__summ-currency .fa-rub {
    line-height: 24px;
    color: #fff;
}

.h-schedule-wrap {
    position: relative;
}
.h-schedule-head {
    width: 100%;
    height: 80px;
    overflow: hidden;
    position: sticky;
    top: 0; left: 0;
    z-index: 4;
    background: #fff;
    box-shadow: 0 3px 7px rgba(0,0,0,.19);
}
.h-schedule-head.shadow-only-bottom {
    box-shadow: 0 10px 7px -7px rgba(0,0,0,.19);
}
.h-schedule-head-inner {
    padding-right: 140px;
}

.h-schedule-body {
    height: 100%;
    overflow-y: scroll;
}
.with-current-time {
    position: relative;
}
.h-schedule-body-inner {
    padding-right: 125px;
    position: relative;
    min-height: 100%;
    margin-top: -80px;
}

.schedule_current_time {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 3;
    background: rgba(255,59,56,.48);
}
.schedule_current_time-d {
    display: block;
    width: 36px;
    height: 17px;
    background: #ff3b38;
    border-radius: 99px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 10px;
    line-height: 17px;
    color: #fff;
    text-align: center;
}

.schedule_current_time.sgb-timetable-updated {
    left: 12px;
    width: calc(100% - 12px);
}

.sched-tbl {
    width: 100%;
}

.sched-tbl th {
    border-right: 4px solid #fff;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}
.sched-tbl th.active {
    background: #fff;
    box-shadow: 7px 0px 7px -7px rgba(0,0,0,0.19), -7px 0px 7px -7px rgba(0,0,0,0.19);
}

.sched-tbl td {
    border-bottom: 1px solid #807f7f;
    border-right: 4px solid #fff;
    background: #fff;
    font-size: 8px;
    height: 12px;
    color: #c2c0c0;
    cursor: pointer;
}

.sched-tbl td.td2 {
    border-bottom: 1px solid #e9e9e9;
}

.sched-tbl td.td2_2 {
    border-right: none;
    border-bottom: none;
    font-size: 10px;
    color: #807f7f;
    vertical-align: top;
    width: 17px;
    cursor: auto;
}

.sched-tbl td.td3 {
    border-bottom: none;
    border-right: none;
    font-size: 12px;
    color: #000;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    cursor: auto;
}

.sched-tbl .disabled td {
    background: #f6f6f6;
}
.sched-tbl .disabled .td2_2
, .sched-tbl .disabled .td3 {
    background: #fff;
}

.sched-tbl td.invisible {
    color: transparent;
}

.sch-inn {
    position: relative;
    height: 12px;
}

.sch-time {
    display: block;
    line-height: 100%;
}
.sch-time sup {
    line-height: 100%;
    font-size: 6px;
}

.sch-time-hover {
    display: none;
    box-sizing: border-box;
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0; left: 0;
    font-size: 9px;
    line-height: 12px;
    padding: 0 5px;
    background: #0191ea;
    border-radius: 2px;
    color: #fff;
}
.sched-tbl td:hover .sch-time-hover {
    display: block;
}


.b-appointment {
    width: 100%;
    height: 26px;
    position: absolute;
    top: 0; left: 0;
    z-index: 1;
    background: #bce5c2;
    overflow: hidden;
}
.b-appo-head {
    background: #00b23c;
    height: 12px;
    color: #fff;
    font-size: 9px;
    line-height: 12px;
    padding: 0 4px;
    position: relative;
    white-space: nowrap;
}
.b-appo-body {
    padding: 6px 4px 6px 10px;
    font-size: 11px;
    color: #292929;
}
.b-appo-body .dop {
    font-style: italic;
    color: #929393;
}
.b-appo-green.b-appointment {
    background: #bce5c2;
}
.b-appo-green .b-appo-head {
    background: #00b23c;
}
.b-appo-red.b-appointment {
    background: #f4c1c2;
}
.b-appo-red .b-appo-head {
    background: #d00010;
    padding-right: 50px;
}
.b-appo-blue.b-appointment {
    background: #c2e0f2;
}
.b-appo-blue .b-appo-head {
    background: #0191ea;
    padding-right: 50px;
}
.b-appo-head-icons {
    width: 43px;
    white-space: nowrap;
    color: rgba(0,0,0,.5);
    position: absolute;
    top: 0; right: 0;
}
.sched-2weeks .b-appo-head-icons {
    right: auto; left: 63px;
}
.b-appo-head-icons .fa {
    font-size: 8px;
    margin: 0 5px 0 0;
}
.b-appo-head-icons .fa-lock
, .b-appo-head-icons .fa-unlock {
    font-size: 9px;
}
.b-appo-head-icons .fa-phone {
    position: relative;
}
.b-appo-head-icons .fa-phone:after {
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0; left: 40%;
    transform: rotate(45deg);
}
.b-appo-head-icons .fa-scissors {
    transform: rotate(-90deg);
    color: rgba(0,0,0,.9);
}

.b-appo-border {
    width: 4px;
    height: calc(100% - 12px);
    position: absolute;
    top: 12px;
    left: 0;
    background: #EF38FF;
}

.b-appo-corner {
    position: absolute;
    bottom: -2px;
    right: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent;
    border-bottom-color: #FF15F6;
    transform: rotate(135deg);
}



.h-schedule-aside .b-sched-master-item {
    padding: 10px 0;
    height: auto;
}
.h-schedule-aside .b-sched-master-item.active {
    box-shadow: 0 3px 7px rgba(0,0,0,.19);
    background: #fff;
}
.b-sched-master-item a {
    display: inline-block;
}
.sched-master-img {
    position: relative;
    margin: 0 auto 3px;
    width: 27px;
}
.sched-master-img:after {
    display: block;
    content: " ";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    bottom: 0; left: 100%;
}
.sched-master-img.online:after {
    background: #26b934;
}
.sched-master-img.offline:after {
    background: #dd0908;
}
.sched-master-img img {
    display: block;
    max-width: 100%;
    border-radius: 50%;
}
.b-sched-master-item h4 {
    font-size: 10px;
    font-weight: normal;
    line-height: 100%;
    margin: 0 auto 3px;
    color: #292929;
    max-width: 95px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.b-sched-master-item h5 {
    font-size: 8px;
    font-weight: normal;
    line-height: 100%;
    color: #9d9d9d;
    margin: 0 auto;
    max-width: 95px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b-sched-icon {
    margin: 0 0 8px;
}
.b-sched-icon + .b-sched-icon {
    margin: 8px 0 0;
}
.b-sched-icon a {
    color: #02baff;
}


.h-schedule-aside {
    width: 125px;
    padding: 90px 0 0;
    position: absolute;
    top: 0; right: 0;
    text-align: center;
}


.sched-2weeks .h-schedule-head
, .sched-1week .h-schedule-head {
    height: 102px;
}
.sched-2weeks .h-schedule-head:before
, .sched-1week .h-schedule-head:before {
    content: " ";
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0; left: 0;
    background: #f6f6f6;
    box-shadow: inset 0 -5px 5px -5px rgba(0,0,0,.19);
}
.sched-2weeks .sched-tbl th
, .sched-1week .sched-tbl th  {
    height: 22px;
    font-size: 12px;
}
.sched-2weeks .sched-tbl th.weekend
, .sched-1week .sched-tbl th.weekend {
    color: #ce4a4a;
}
.sched-2weeks .sched-tbl td
, .sched-1week .sched-tbl td {
    width: 100px;
}
.sched-2weeks .sched-tbl td.td2_2
, .sched-1week .sched-tbl td.td2_2 {
    width: 17px;
}
.sched-2weeks .sched-tbl td.td3
, .sched-1week .sched-tbl td.td3 {
    width: 40px;
}
.sched-2weeks .h-subschedule-head-inner
, .sched-1week .h-subschedule-head-inner {
    position: relative;
}
.sched-2weeks .sub-sched-tbl
, .sched-1week .sub-sched-tbl {
    width: 100%;
}
.sched-2weeks .sub-sched-tbl th
, .sched-1week .sub-sched-tbl th {
    height: 80px;
    border: none;
}
.sched-2weeks .h-schedule-body
, .sched-1week .h-schedule-body {
    background: #f6f6f6;
}
.sched-2weeks .h-schedule-body-inner
, .sched-1week .h-schedule-body-inner {
    padding-right: 0;
    margin-right: 125px;
    background: #fff;
    margin-top: -102px;
}
.sched-2weeks .h-schedule-aside
, .sched-1week .h-schedule-aside {
    padding-top: 110px;
    right: -125px;
}


.weeks-list li {
    margin: 0 0 5px;
    text-align: center;
}

.weeks-list .week-day-check {
    display: inline-block;
    vertical-align: middle;
    width: 135px;
    color: #2b6599;
    font-size: 12px;
}
.weeks-list .weekend .week-day-check {
    color: #f39e9d;
}

.weeks-list .week-selects {
    display: inline-block;
    vertical-align: middle;
}

.weeks-list select {
    width: 50px;
    display: inline-block;
    margin: 0 2px;
}

.weeks-list .ele {
    display: inline-block;
    font-size: 20px;
    line-height: 28px;
    margin: 0 3px;
}


.course-view-schedule-wrap .h-schedule-head {
    top: 55px;
}
.course-view-schedule-wrap .h-schedule-head-inner {
    padding-right: 17px;
}
.course-view-schedule-wrap .h-schedule-body-inner {
    padding-right: 17px;
}
.course-view-schedule-wrap .sched-tbl th {
    border-right-width: 1px;
    height: 40px;
    font-size: 12px;
    line-height: 32px;
    color: #696969;
    text-align: left;
    vertical-align: top;
}
.course-view-schedule-wrap .sched-tbl .hours th {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    text-align: center;
    vertical-align: bottom;
}
.course-view-schedule-wrap .sched-tbl td {
    border: 1px solid #969696;
    border-top-color: transparent;
    height: 50px;
}
.course-view-schedule-wrap .sched-tbl td:nth-child(odd) {
    border-right-color: #e9e9e9;
}
.course-view-schedule-wrap td.numb {
    width: 40px;
    border-color: transparent;
    font-size: 12px;
    color: #000;
    cursor: normal;
    text-align: center;
}
.course-view-schedule-wrap .weekend .numb {
    color: #fe0000;
}
.course-view-schedule-wrap.day-view .numb {
    width: 17px;
}
.course-view-schedule-wrap .sched-tbl td.numb:nth-child(odd) {
    border-right-color: transparent;
}
.course-view-schedule-wrap td.type {
    width: 135px;
    border-left-color: transparent;
    cursor: normal;
    font-size: 14px;
}
.course-view-schedule-wrap.day-view .type {
    width: 152px;
}
.course-view-schedule-wrap .type .day {
    font-size: 10px;
    color: #807f7f;
    display: inline-block;
    width: 17px;
}
.course-view-schedule-wrap .weekend .type .day {
    color: #fe0000;
}
.course-view-schedule-wrap .type .room {
    color: #2b6599;
    display: inline-block;
    padding-right: 5px;
}
.course-view-schedule-wrap.day-view .type .room {
    padding-left: 8px;
}
.course-view-schedule-wrap .sch-inn {
    width: calc(100% + 1px);
    height: 100%;
}
.course-view-schedule-wrap .b-appointment {
    height: 100%;
}
.course-view-schedule-wrap .sch-time-hover {
    height: 100%;
    border-radius: 0;
    background: rgba(4,146,223,.1);
}
.course-view-schedule-wrap .highlight {
    background: rgba(4,146,223,.1);
}

/*}}}*/


/*{{{ = Left popups*/

.h-bigpopup-wrap {
    position: absolute;
    top: 0; left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 55px 0 0 185px;
    box-sizing: border-box;
    display: none;
}

.bigpopup-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.36);
}

.h-bigpopup-inner {
    float: left;
    width: 337px;
    height: 100%;
    background: #fff;
    position: relative;
    z-index: 10;
    left: -340px;
    overflow: hidden;
    box-shadow: 0 0 24px rgba(0,0,0,.11);
}

.h-bigpopup-inner_out {
    position: relative;
    right: -15px;
    margin-left: -15px;
    height: 100%;
}

.bigpopup-closer {
    position: absolute;
    top: 10px; right: 15px;
    z-index: 1;
    font-size: 13px;
    color: #a6bcd2;
    cursor: pointer;
}

.body-bigpopup_opened header
, .body-bigpopup_opened .h-sidebar {
    position: relative;
    z-index: 110;
}

.h-subbigpopup-inner {
    width: 337px;
    height: 100%;
    background: #fff;
    float: left;
    box-shadow: 0 0 24px rgba(0,0,0,.11);
    position: relative;
    left: -340px;
    display: none;
}

.h-subbigpopup-inner_out {
    padding: 30px 20px;
}

.subbigpopup-closer 
, .subbigpopup-left-closer {
    position: absolute;
    top: 10px; right: 15px;
    z-index: 1;
    font-size: 13px;
    color: #e4e4e4;
    cursor: pointer;
}

.h-subbigpopup-inner_out h3 {
    font-size: 14px;
    color: #2b6599;
    margin: 0 0 35px;
}

.h-subbigpopup-inner .forms-tbl-layout th {
    padding: 0 15px 5px;
    font-size: 12px;
    font-weight: normal;
    color: #c6c6c6;
    text-align: left;
    vertical-align: top;
}
.h-subbigpopup-inner .forms-tbl-layout td {
    padding: 0 15px 15px;
    font-size: 12px;
    font-weight: normal;
    width: 133px;
}
.h-subbigpopup-inner .forms-tbl-layout th:first-child
, .h-subbigpopup-inner .forms-tbl-layout td:first-child {
    padding-left: 0;
}
.h-subbigpopup-inner .forms-tbl-layout th:last-child
, .h-subbigpopup-inner .forms-tbl-layout td:last-child {
    padding-right: 0;
}
.h-subbigpopup-inner .forms-tbl-layout td.separator {
    padding-left: 0;
    padding-right: 0;
    width: 1px;
}

.h-qrcode-popup-wrap {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.qrcode-popup-closer {
    font-size: 24px;
    color: #5C5C5C;
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 24px;
}
.h-qrcode-popup-inner {
    max-width: 720px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}
.qrcode-popup-frame {
    margin: 20px 0 0;
}
.qrcode-popup-frame img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.qrcode-popup-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin: 0 0 8px;
}
.qrcode-popup-badge {
    display: inline-flex;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 99px;
    margin: 0 0 32px;
    padding: 8px 16px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: #5C5C5C;
}
.qrcode-popup-copy {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    max-width: 480px;
    margin: 0 auto;
}

.b-limit-settings-wrap {
    padding: 0 0 25px;
}
.b-limit-settings-wrap h4 {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    margin: 0 0 10px;
}
.limit-time-tbl {
    margin: 0 0 15px;
    padding: 0;
    border-collapse: collapse;
}
.limit-time-tbl th
, .limit-time-tbl td {
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
}
.limit-time-tbl th {
    font-size: 10px;
    font-weight: normal;
    color: #000;
    padding: 0 0 3px;
}
.limit-time-tbl td {
    padding: 0;
}
.limit-time-tbl .short-t-item {
    width: 10px;
    height: 10px;
    background: #82bf8c;
    margin: 0 1px 0 0;
    cursor: pointer;
}
.limit-time-tbl td:nth-child(even) .short-t-item {
    margin-right: 3px;
}
.limit-time-tbl .short-t-item.inactive {
    background: #f39e9d;
}

.limit-calendar {
    max-width: 504px;
    margin: 0 auto;
}


.h-bigpopup-wrap.right-var
, .h-bigpopup-wrap.left-var {
    padding: 0;
    position: fixed;
}

.bigpopup-right-overlay
, .bigpopup-left-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.36);
}

.h-bigpopup-wrap.right-var .h-bigpopup-inner {
    float: right;
    width: 262px;
    left: auto; right: -270px;
    overflow: visible;
}
.h-bigpopup-wrap.left-var .h-bigpopup-inner {
    width: 500px;
    left: -510px;
    overflow: visible;
}

.bigpopup-right-closer {
    width: 27px;
    height: 27px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 13px; left: -40px;
    z-index: 1;
    font-size: 13px;
    line-height: 27px;
    text-align: center;
    color: #696969;
    cursor: pointer;
}
.bigpopup-left-closer {
    width: 27px;
    height: 27px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 13px; right: -40px;
    z-index: 1;
    font-size: 13px;
    line-height: 27px;
    text-align: center;
    color: #696969;
    cursor: pointer;
}

.h-bigpopup-wrap.right-var .bigpopup-head-fixed h3
, .h-bigpopup-wrap.left-var .bigpopup-head-fixed h3 {
    padding: 0 20px;
    font-size: 18px;
}
.h-bigpopup-wrap.right-var .bigpopup-body-scroll_inner 
, .h-bigpopup-wrap.left-var .bigpopup-body-scroll_inner {
    padding: 27px 20px 5px;
}
.bigpopup-body-scroll_inner h4 {
    font-size: 16px;
    margin: 0 0 30px;
}
.bigpopup-body-scroll_inner p {
    margin: 0 0 20px;
}

.h-bigpopup-wrap.left-var .h-subbigpopup-inner {
    width: 623px;
}

/*}}}*/


/*{{{ = Bigwindow popup}}}*/

.h-bigwindow-wrap {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-top: 55px;
    position: fixed;
    top: 0; left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 500;
    display: none;
}
.h-bigwindow-wrap_opened {
    display: block;
    background: rgba(0,0,0,.36);
    overflow: hidden;
}
body.hidden {
    overflow: hidden;
}

.h-bigwindow-inner {
    box-sizing: border-box;
    width: 550px;
    height: 100%;
    position: relative;
}

.bigwindow-closer
, .bigwindow-closer-static {
    display: block;
    width: 19px;
    height: 19px;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: -1px; right: -45px;
}

.h-bigwindow-subinner {
    background: #d0d0d0;
    box-shadow: 0 3px 7px rgba(0,0,0,.19);
    position: relative;
    z-index: 1;
    height: 100%;
}

.h-bigwindow-sub-subinner {
    box-sizing: border-box;
    width: 340px;
    height: 100%;
    padding-top: 49px;
    background: #fff;
    box-shadow: 0 3px 7px rgba(0,0,0,.19);
    position: absolute;
    top: 0; left: 0;
    display: none;
    overflow: hidden;
}
.h-bigwindow-sub-subinner.wide {
    width: 100%;
    padding-top: 56px;
}
.h-bigwindow-sub-subinner.wide.w-footer {
    padding-bottom: 50px;
}
.h-bigwindow-sub-subinner.wide.w-white-footer {
    padding-bottom: 80px;
}
.h-bigwindow-sub-subinner.p-t-more {
    padding-top: 185px;
}
.h-bigwindow-sub-subinner.blue-var {
    background: #e1eaf3;
}
.bigwindow-sub-closer {
    display: block;
    color: #a6bcd2;
    font-size: 13px;
    cursor: pointer;
    position: absolute;
    top: 16px; right: 19px;
    z-index: 101;
}

.bigwindow-head {
    background: #fff;
    box-shadow: 0 3px 14px -7px rgba(0,0,0,.7);
    padding: 15px 24px;
    position: relative;
}
div.bigwindow-head h2 {
    color: #0191ea;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
div.bigwindow-head h2.red {
    color: #eb0b0b;
}
div.bigwindow-head h2.green {
    color: #26b934;
}
div.bigwindow-head h2.left {
    float: left;
    width: 155px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 10px 0 0;
}
div.bigwindow-head h2 .another-appos {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-weight: normal;
    color: #292929;
}
div.bigwindow-head h2 .complex-icon {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    border: 2px solid #d3d2d2;
    border-radius: 50%;
    text-align: center;
    font-size: 8px;
    line-height: 13px;
    color: #d3d2d2;
    margin: 0 2px;
}
.bw-appo-icons {
    position: absolute;
    top: 10px; right: 20px;
}
.bw-appo-icons li {
    float: left;
    margin: 0 0 0 5px;
    cursor: pointer;
}
.bw-appo-icons li.lock-icon
, .bw-appo-icons li.unlock-icon
, .bw-appo-icons li.good-icon
, .bw-appo-icons li.bad-icon
, .bw-appo-icons li.info-icon {
    width: 20px;
    height: 20px;
    background: #eb0b0b;
    border-radius: 50%;
    box-shadow: 0 2px 1px rgba(0,0,0,.2);
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    margin-top: 4px;
    display: none;
}
.bw-appo-icons li.unlock-icon {
    background: #00b75c;
}
.bw-appo-icons li.good-icon {
    display: block;
    background: #00b75c;
}
.bw-appo-icons li.bad-icon {
    display: block;
    background: #eb0b0b;
}
.bw-appo-icons li.info-icon {
    display: block;
    background: #2b6599;
    font-size: 12px;
    line-height: 20px;
}
.bw-appo-icons li.info-icon a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}
.bw-appo-icons .house {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../i/house-ic.png) 0 0 no-repeat;
}

.bigwindow-body {
    padding: 11px 20px 5px;
}
.bigwindow-body button.submit {
    box-shadow: -1px 1px 2px rgba(0,0,0,.2);
    text-transform: none;
    font-weight: bold;
}
.h-bigwindow-sub-subinner button.submit {
    text-transform: none;
}
.bigwindow-body .b-field-left button.submit {
    margin: 0 10px 0 0;
}
.bigwindow-body .b-field-right button.submit {
    margin: 0 0 0 10px;
}

.bigwindow-body-height {
    box-sizing: border-box;
    height: calc(100% - 49px);
}

.bw-body-flex {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.bw-body-flex .h-bw-scroll {
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: #bdd5ed #fff;
    scrollbar-width: thin;
}
.bw-body-flex .h-bw-auto-1,
.bw-body-flex .h-bw-auto-2 {
    flex-shrink: 0;
    flex-grow: 0;
}

.bigwindow-body .b-field {
    margin: 0 0 8px;
    color: #696969;
}
.bigwindow-body .h-bw-scroll .b-field:last-child {
    margin-bottom: 0;
}
.bigwindow-body .h-bw-scroll .b-field.bg2:last-child {
    margin-bottom: 15px;
}
.bigwindow-body .b-field.var2 {
    padding: 15px 12px;
}
.bigwindow-body .b-field.var2_2 {
    padding: 15px 12px;
}
.bigwindow-body .b-field.var3 {
    padding: 15px 25px 15px 12px;
    position: relative;
}
.bigwindow-body .var3_2 {
    padding-right: 13px;
}
.bigwindow-body .b-field.bg1 {
    background: #fff;
}
.bigwindow-body .b-field.bg2 {
    background: #f2f7fc;
    box-shadow: 0 3px 7px rgba(0,0,0,.17);
    position: relative;
    margin-bottom: 15px;
}
.bigwindow-body .b-field.bg2:before {
    content: " ";
    position: absolute;
    top: 100%; right: 18px;
	height: 0;
	width: 0;
	pointer-events: none;
    border: solid transparent;
	border-color: rgba(242, 247, 252, 0);
	border-top-color: #f2f7fc;
	border-width: 13px;
    transform: scale(1, 2);
}
.bigwindow-body .b-field.bg2_2:before {
    right: auto; left: 10px;
}
.bigwindow-body .b-field.bg3 {
    background: #f4f1e1;
}
.bigwindow-body .b-field.summ {
    background: #fff;
    position: relative;
    margin: 0 0 12px;
}
.h-bw-auto-1
, .h-bw-auto-2
, .h-bw-scroll {
    padding: 0 0 1px;
}
.h-bw-scroll {
    position: relative;
    right: -15px;
    margin-left: -30px;
    margin-bottom: 8px;
}
.h-bw-scroll-inner {
    padding: 0 5px 0 15px;
    width: 510px;
}

.whole-width .h-bigwindow-inner {
    width: 100%;
    padding: 0 60px;
}
.whole-width .h-bigwindow-subinner {
    background: #fff;
}
.whole-width .bigwindow-head {
    box-shadow: none;
}
.whole-width .h-bw-scroll-inner {
    width: auto;
}
.whole-width .bigwindow-body {
    padding-left: 30px;
    padding-right: 30px;
}
.whole-width .for-staff-wrap {
    padding: 10px 0 0;
}

.h-bigwindow-wrap.white-body .h-bigwindow-subinner {
    background: #fff;
}
.h-bigwindow-wrap.white-body .bigwindow-head {
    box-shadow: none;
}
.h-bigwindow-wrap.white-body .bigwindow-head h2 {
    color: #000;
}
.h-bigwindow-wrap.white-body .bigwindow-sub-head-fixed {
    background: #fff;
}
.h-bigwindow-wrap.white-body .bigwindow-sub-head-fixed h3 {
    text-transform: uppercase;
    color: #000;
    height: auto;
    padding: 15px 30px 0;
}
.h-bigwindow-wrap.white-body .bigwindow-sub-body-padding {
    padding: 21px 30px;
}
.bw-days-edit-wrap {
    padding: 10px 5px;
}
.bw-days-edit-wrap .forms-tbl-layout th {
    font-size: 14px;
    color: #303949;
    text-align: left;
    vertical-align: top;
    padding: 0 0 5px;
}
.bw-days-edit-wrap button.submit {
    text-transform: uppercase;
    width: 160px;
}
.bw-days-edit-wrap button.submit.blue {
    background: #02baff;
}
.bw-days-edit-choose {
    padding: 0 0 25px;
    font-weight: bold;
    color: #303949;
}
.bw-days-edit-choose a {
    color: #02baff;
    font-size: 11px;
    margin-left: 10px;
}
.bw-days-edit-choose .fa-chevron-right + .fa-chevron-right {
    margin-left: -5px;
}
.bw-days-edit-person {
    padding: 0 0 10px 40px;
    color: #303949;
}
.bw-days-edit-person-name {
    position: relative;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 20px;
}
.bw-days-edit-person-pic {
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    border-radius: 50%;
}
.bw-days-edit-person-day li {
    position: relative;
    font-weight: bold;
    font-size: 14px;
    margin: 0 4px 25px 0;
    padding: 0 30px 0 0;
}
.bw-days-edit-person-day-closer {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 20px;
    color: #f91232;
}

.b-field-left {
    float: left;
}
.b-field-left.half {
    box-sizing: border-box;
    width: 50%;
    padding-right: 6px;
}
.b-field-left.w40 {
    box-sizing: border-box;
    width: 40%;
    padding-right: 6px;
}
.middle.w40 {
    box-sizing: border-box;
    width: 40%;
    padding-left: 6px;
    padding-right: 6px;
}
.bigwindow-body .l-h-28 {
    line-height: 28px;
}
.b-field-right {
    float: right;
}
.b-field-right.half {
    box-sizing: border-box;
    width: 50%;
    padding-left: 6px;
}
.b-field-right.w20 {
    box-sizing: border-box;
    width: 20%;
    padding-left: 6px;
}

.b-field.summ .fa-rub {
    position: absolute;
    top: 50%; left: 14px;
    margin-top: -12px;
    border: 2px solid #696969;
    font-size: 16px;
    line-height: 19px;
    color: #696969;
    width: 19px;
    height: 19px;
    text-align: center;
}
.itogo-headline {
    text-align: center;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 100%;
    text-transform: uppercase;
    color: #7e7e7e;
}
.itogo-headline-summ {
    display: block;
    font-size: 18px;
    line-height: 100%;
    color: #292929;
    margin: 5px 0 0;
}
.itogo-headline.var2 {
    text-align: left;
}
.itogo-headline.var2 .itogo-headline-summ {
  display: inline-block;
}

.itogo-coll1
, .itogo-coll2
, .itogo-coll3
, .itogo-coll4
, .itogo-coll5
, .itogo-coll6 {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    min-height: 24px;
}
.itogo-coll1 {
    padding-left: 58px;
    width: 49%;
}
.itogo-coll2 {
    width: 27%;
}
.itogo-coll3 {
    width: 21%;
    padding-right: 5px;
}
.itogo-coll4 {
    width: 58%;
}
.itogo-coll4_2 {
    width: 55.88%;
}
.itogo-coll5 {
    width: 20%;
    padding-left: 5px;
}

.itogo-tbl {
    width: 100%;
}
.itogo-tbl th {
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    color: #7e7e7e;
    padding: 0 10px 5px 0;
}
.itogo-tbl td {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #7e7e7e;
    padding: 0 0 5px;
}
.itogo-tbl tr:last-child th
, .itogo-tbl tr:last-child td {
    padding-bottom: 0;
}
.itogo-tbl .fa-plus-circle
, .itogo-tbl .fa-pencil {
    margin: 0 auto;
    font-size: 14px;
    color: #2b6599;
}

.bw-client-h3-texts {
    padding: 10px 0 0;
}
.bigwindow-body .b-field h3 {
    font-size: 14px;
    font-weight: normal;
    color: #292929;
    margin: 0 0 12px;
}
.bigwindow-body .b-field-left h3 {
    margin: 0;
}
.bigwindow-body .b-field .h3-dop-info {
    font-size: 10px;
    color: #c0bfbf;
    margin: 0 0 0 14px;
}
.bigwindow-body .b-field .h3-dop-info.red {
    color: #eb0b0b;
}
.bigwindow-body .b-field .bw-client-h3-texts .h3-dop-info {
    display: block;
    margin: 3px 0 0;
}
.bigwindow-body .b-field .h3-dop-info-new {
    display: inline-block;
    background: #fff76b;
    font-size: 12px;
    line-height: 20px;
    color: #292929;
    margin: 0 0 0 3px;
    padding: 0 9px;
    border-radius: 10px;
}

.bigwindow-body .b-field-table.w100 {
    width: 100%;
}
.bigwindow-body .b-field-table th {
    font-size: 14px;
    font-weight: normal;
    color: #292929;
    text-align: left;
    vertical-align: middle;
    padding: 0 10px 0 0;
}
.bigwindow-body .b-field-table td {
    font-size: 14px;
    color: #696969;
    text-align: left;
    vertical-align: middle;
}
.bigwindow-body .b-field-table a {
    color: #51caf7;
}

.bw-listeners-tbl {
    width: 100%;
}
.bw-listeners-tbl td {
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
    color: #696969;
    padding: 0 15px 5px 0 0;
}
.bw-listeners-tbl td.c1 {
    width: 40px;
}
.bw-listeners-tbl td:last-child {
    padding-right: 0;
}
.bw-listeners-tbl td.chevron-td {
    width: 10px;
}

.b-bw-client-col1 {
    width: 100px;
    float: left;
}
.b-bw-client-col2 {
    width: 370px;
    float: right;
}
.bigwindow-body .b-field .b-bw-client-col1 h3 {
    margin: 0;
}

.bw-client-option-trigger {
    display: block;
    font-size: 14px;
    color: #c9cac9;
    position: absolute;
    top: 14px; right: 8px;
}

.bw-client-option {
    padding: 10px 0 0;
    font-size: 13px;
    color: #7e7e7e;
    clear: both;
    display: none;
}
.bw-client-option.bw-expand {
    display: block;
}
.bw-client-option .i {
    font-style: italic;
    margin: 0 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bw-client-option .i-btn {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 20px;
    color: #292929;
    background: #c7edfb;
    border-radius: 10px;
    padding: 0 12px;
    margin: 0 4px 0 0;
}
.bw-client-option .i-btn.var2 {
    background: #ffc7c7;
}
.bw-client-option .i-btn .fa-birthday-cake {
    font-size: 11px;
}

.bw-client-check {
    padding: 10px 0 0;
    font-size: 12px;
    color: #696969;
}
.bw-client-check strong {
    font-size: 13px;
    margin: 0 10px 0 0;
}

.bigwindow-body .was-date {
    font-size: 10px;
    color: #26b934;
    margin: 0 3px 0 0;
}

.bigwindow-body input.text
, .bigwindow-body select
, .sub-client-card select
, .h-bigwindow-sub-subinner input.text {
    height: 24px;
}

.sub-add-item-tbl input.text {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    font-size: 10px;
    display: block;
}

.bigwindow-body textarea.bwp-text {
    height: 32px;
    padding: 0 9px;
    line-height: 120%;
}
.bigwindow-body div.bwp-text {
    box-sizing: border-box;
    min-height: 32px;
    padding: 0 9px;
    line-height: 120%;
    font-size: 12px;
    font-style: italic;
}
.bigwindow-body .select-text {
    line-height: 24px;
}

.bw-fa-chevron-right-warp {
    position: absolute;
    top: 50%; right: 10px;
    margin-top: -12px;
    font-size: 24px;
    color: #696969;
}
.bw-fa-chevron-right-warp.var2 {
    position: relative;
    top: auto; right: -3px;
    margin: 0;
}

.bw-add {
    color: #2b6599;
    font-size: 12px;
}
.bw-add .fa-plus-circle {
    font-size: 20px;
    vertical-align: middle;
    margin-top: -2px;
}

.bw-remove-client-item {
    color: #2b6599;
    font-size: 13px;
    position: absolute;
    top: 2px; right: 5px;
    cursor: pointer;
}
.bw-remove-client-item.hide {
    display: none;
}

.bw-services-tbl {
    width: 100%;
}
.bw-services-tbl th {
    padding: 0 3px 3px;
    font-size: 12px;
    font-weight: normal;
    color: #a5a5a5;
    text-align: center;
    vertical-align: middle;
}
.bw-services-tbl th:first-child {
    padding-left: 0;
}
.bigwindow-body .b-field .bw-services-tbl th h3 {
    text-align: left;
    margin: 0;
}
.bw-services-tbl td {
    padding: 9px 3px 0;
    font-size: 12px;
    color: #696969;
    text-align: left;
    vertical-align: middle;
}
.bw-services-tbl td:first-child {
    padding-left: 0;
}
.bw-services-tbl td:last-child {
    padding-right: 0;
}
.bw-services-tbl td.chevron-td {
    padding-left: 0;
}
.bw-services-tbl input.text {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    font-size: 10px;
    display: block;
}
.bw-service-title {
    display: block;
    font-weight: bold;
}
.bw-service-name.nowrap {
    white-space: nowrap;
}
.bw-service-name.nowrap img {
    vertical-align: middle;
    margin: 0 3px 0 0;
}
.bw-service-nowrap {
    display: inline-block;
    max-width: 245px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.bw-service-dop {
    color: #a5a5a5;
    white-space: nowrap;
}
.bw-service-remove {
    font-size: 14px;
    color: #cc0000;
}

.bw-appo-date {
    float: left;
    vertical-align: middle;
    margin: 0 5px 0 0;
    line-height: 28px;
}
.bw-appo-date .fa-calendar {
    font-size: 22px;
    margin: 0 5px 0 0;
}

.b-field .short-inline {
    float: left;
    width: 58px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.b-field .short-inline-div {
    float: left;
    line-height: 28px;
}
.bw-dash {
    float: left;
    font-size: 12px;
    line-height: 28px;
    margin: 0 7px;
}

.bw-pic {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
}
.bw-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 135px;
}
.bw-name .fa-plus-circle {
    font-size: 20px;
    color: #2b6599;
    vertical-align: middle;
    margin-left: 5px;
}

.b-field .radio-list.buttons {
    float: right;
}
.bigwindow-head .radio-list.buttons.small {
    float: left;
}

.bw-warning-popup {
    width: 294px;
    background: rgba(235,11,11,.7);
    position: absolute;
    bottom: 23%; left: 50%;
    margin-left: -147px;
    z-index: 3;
    display: none;
}
.bw-warning-inner {
    padding: 20px;
    font-size: 14px;
    color: #fff;
}
.bw-warning-headline {
    margin: 0 0 35px;
    padding: 0 0 0 30px;
    position: relative;
}
.bw-warning-headline .exclamation {
    position: absolute;
    top: 0; left: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    width: 13px;
    height: 13px;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
}
.bw-warning-inner p {
    margin: 0 0 25px;
}
.bw-warning-link {
    display: block;
    width: 100px;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    color: #fff;
}
.bw-warning-link.left {
    float: left;
}
.bw-warning-link.right {
    float: right;
}

.bigwindow-sub-head-fixed {
    width: 100%;
    height: 49px;
    background: #e1eaf3;
    position: absolute;
    top: 0; left: 0;
}
.h-bigwindow-sub-subinner.wide .bigwindow-sub-head-fixed {
    height: 56px;
}
.h-bigwindow-sub-subinner.p-t-more .bigwindow-sub-head-fixed {
    height: 185px;
}
.bigwindow-sub-head-fixed h3 {
    display: table-cell;
    vertical-align: middle;
    height: 49px;
    padding: 0 17px;
    font-size: 14px;
    color: #2b6599;
}
.h-bigwindow-sub-subinner.wide .bigwindow-sub-head-fixed h3 {
    height: 56px;
}
.h-bigwindow-sub-subinner.wide .bigwindow-sub-head-fixed h3.color2 {
    color: #000;
}
.h-bigwindow-sub-subinner.wide .bigwindow-sub-head-fixed h3.color2 a {
    color: #2b6599;
    text-decoration: underline;
}
.bigwindow-sub-head-fixed h3 .fa-plus-circle {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 5px;
}
.h-bigwindow-sub-subinner.wide .f-tbl-right {
    display: table-cell;
    vertical-align: middle;
    height: 56px;
    padding: 0 45px 0 0;
}

.bigwindow-sub-foot-fixed {
    width: 100%;
    height: 50px;
    background: #e1eaf3;
    position: absolute;
    bottom: 0; left: 0;
}
.h-bigwindow-sub-subinner.wide .bigwindow-sub-foot-fixed .f-tbl-right {
    height: 50px;
    padding-right: 20px;
}
.h-bigwindow-sub-subinner.wide.w-white-footer .bigwindow-sub-foot-fixed .f-tbl-right {
    height: 80px;
    padding-right: 30px;
}

.w-white-footer .bigwindow-sub-foot-fixed {
    background: #fff;
    border-top: 1px solid #d0d0d0;
    height: 80px;
}

.bigwindow-sub-body-scroll {
    height: 100%;
}
.bigwindow-sub-body-scroll.default-scroll {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: #bdd5ed #fff;
    scrollbar-width: thin;
    margin-right: 3px;
}
.bigwindow-sub-body-scroll.default-scroll .bigwindow-sub-body-padding {
    padding-right: 14px;
}

.son-chat.var2 li {
    padding: 0 9px 0 75px;
}
.son-chat.var2 .son-chat-logo {
    left: 17px;
}
.son-chat.var2 li.client {
    padding: 0 65px 0 17px;
}
.son-chat.var2 .son-chat-text
, .son-chat.var2 .son-chat-logo {
    background: #e1eaf3;
}
.son-chat.var2 .son-chat-logo {
    color: #7a9dbd;
}
.son-chat.var2 .son-chat-text:after {
    border-right-color: #e1eaf3;
}
.son-chat.var2 .son-chat-time {
    padding:  0 0 5px;
    text-align: left;
    color: #7a9dbd;
}
.son-chat.var2 li.client .son-chat-time {
    color: #e4bc4f;
}

.bigwindow-sub-body-padding {
    padding: 0 17px;
}

.sub-add-item-row {
    background: #d0d0d0;
}
.sub-add-item-row.var2 {
    background: #edecec;
    border: none;
}
.sub-add-item-row-accord {
    min-height: 49px;
    padding: 0 50px 0 10px;
    border-bottom: 1px solid #979797;
    font-size: 12px;
    line-height: 49px;
    position: relative;
    cursor: pointer;
}
.sub-add-item-row-accord.opened {
    border-bottom-color: #edecec;
    box-shadow: 0 8px 4px -4px rgba(0,0,0,.12);
}
.sub-add-item-row-accord .fa-angle-right {
    font-size: 24px;
    position: absolute;
    top: 50%; right: 20px;
    margin-top: -12px;
    transition: transform 0.1s ease-out;
}
.sub-add-item-row-accord.opened .fa-angle-right {
    transform: rotate(90deg);
}
.sub-add-item-row-hide {
    background: #fff;
    display: none;
}

.sub-add-item-tbl {
    width: 100%;
}
.sub-add-item-tbl th
, .sub-add-item-tbl td {
    padding: 10px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    color: #292929;
}
.sub-add-item-tbl th {
    font-size: 9px;
    text-transform: uppercase;
    color: #2b6599;
    border-bottom: 1px solid #9c9c9c;
}
.sub-add-item-tbl td {
    border-bottom: 1px solid #cacaca;
    background: #fff;
}
.sub-add-item-tbl td.td-name {
    background: #edecec;
    border-bottom-color: #edecec;
    padding-left: 35px;
}
.sub-add-item-tbl td.td-w-padd {
    padding-left: 20px;
}
.sub-add-item-tbl th .fa-plus-circle {
    font-size: 12px;
}
.sub-add-item-tbl .al-l {
    text-align: left;
}
.sub-add-item-tbl .b-t-item {
    padding-left: 38px;
}
.sub-add-item-tbl .b-t-item.f-s-14 {
    font-size: 14px;
    color: #696969;
}
.sub-add-td-icons .fa-refresh {
    font-size: 18px;
    color: #2b6599;
    margin-right: 6px;
}
.sub-add-td-icons .fa-times {
    font-size: 20px;
    color: #eb0b0b;
    margin-left: 6px;
}

.sub-add-item-tbl.up td {
    vertical-align: bottom;
    color: #2b6599;
    font-size: 12px;
    background: none;
}
.sub-add-item-tbl.up td.bigger {
    padding-left: 0;
    font-size: 14px;
}
.sub-add-item-tbl.up .bw-service-title {
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    margin-right: 10px;
}


.sub-client-card {
    box-sizing: border-box;
    float: left;
    width: 62%;
    padding: 11px;
    background: #f4f1e1;
    box-shadow: 0 3px 9px rgba(0,0,0,.24);
    min-height: 220px;
}
.sub-client-avatar {
    float: left;
    width: 105px;
    padding: 0 0 0 11px;
}
.sub-client-avatar img {
    display: block;
    border-radius: 50%;
}
.sub-client-inp {
    overflow: hidden;
}
.sub-client-inp input {
    margin: 0 0 6px;
}
.sub-client-inp-flex {
    display: flex;
    align-items: center;
    gap: 0 8px;
    margin: 0 0 6px;
}
.sub-client-inp-flex input {
    flex-shrink: 1;
    margin: 0;
}
.sub-client-inp-flex .checkbox-list li.w-s-now {
    white-space: nowrap;
}
.sub-client-inp-flex .checkbox-list li.d-fl {
    display: flex;
    align-items: center;
}
.sub-client-inp-flex .checkbox-list li.d-fl .checkbox-custom.smaller {
    margin-top: 0;
}
.sub-client-inp-flex .i-letter {
    flex-shrink: 0;
    margin-left: 0;
    background: #2b6599;
}
.sub-client-card .forms-tbl-layout th {
    font-size: 13px;
    font-weight: normal;
    color: #7e7e7e;
    padding-right: 5px;
    padding-bottom: 6px;
}
.sub-client-card .forms-tbl-layout td {
    padding-right: 10px;
    padding-bottom: 6px;
}
.sub-client-card .forms-tbl-layout td:last-child {
    padding-right: 0;
}
.sub-client-card .datepicker-input-wrap .datepicker-input-single {
    background-color: #fff;
}.sub-client-card .datepicker-input-wrap .fa-calendar {
    z-index: auto;
}
.sub-client-card textarea {
    height: 75px;
    display: block;
}

.sub-client-account {
    float: right;
    width: 38%;
}
.sub-client-account-list {
    padding: 0 0 0 12px;
}
.sub-client-account-list li {
    height: 44px;
    margin: 0 0 11px;
    padding: 22px 0 0 110px;
    position: relative;
    font-size: 14px;
    text-align: center;
    color: #696969;
    position: relative;
}
.sub-client-account-list li.green {
    background: #b9f2be;
}
.sub-client-account-list li.blue {
    background: #bbeffa;
}
.sub-client-account-list li.red {
    background: #fbbbbb;
}
.sub-client-account-list li:last-child {
    margin: 0;
}
.sub-client-account-list h4 {
    box-sizing: border-box;
    width: 110px;
    height: 100%;
    padding-top: 8px;
    position: absolute;
    top: 0; left: 0;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}
.sub-client-account-list li.green h4 {
    background: #26b934;
    color: #b9f2be;
}
.sub-client-account-list li.blue h4 {
    background: #31c2e1;
    color: #bbeffa;
    padding-top: 6px
}
.sub-client-account-list li.red h4 {
    background: #eb0b0b;
    color: #fbbbbb;
    padding-top: 10px;
}
.sub-client-account-list h4 .fa {
    font-size: 34px;
    line-height: 100%;
}
.sub-client-account-list li.blue h4 .fa {
    font-size: 40px;
}
.sub-client-account-list h4 .minus {
    font-size: 40px;
    line-height: 34px;
}
.sub-client-account-list h4 .d {
    display: block;
    line-height: 100%;
}
.sub-client-account-list li.green h4 .d {
    margin-top: 3px;
}
.sub-client-account-list strong {
    font-size: 26px;
    font-weight: normal;
}
.sub-client-account-list .bonus {
    font-size: 12px;
}

.b-bonus-settings-wrap {
    padding: 0 0 55px;
}
.b-bonus-settings-wrap:last-child {
    padding: 0;
}
.b-bonus-settings-head {
    margin: 0 0 18px;
}
.b-bonus-settings-head h3 {
    font-size: 14px;
    color: #292929;
    margin: 0 0 6px;
}
.b-bonus-settings-head h4 {
    font-size: 13px;
    font-weight: normal;
    color: #7e7e7e;
    margin: 0;
}

.sub-client-stat {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}
.sub-client-stat li {
    background: #31c2e1;
    background-image: linear-gradient(to top, #2db0cc, #31c2e1);
    flex-grow: 1;
    margin: 0 5px;
    text-align: center;
    height: 70px;
    font-size: 12px;
    line-height: 100%;
    color: #fff;
    position: relative;
}
.sub-client-stat li:first-child {
    margin-left: 0;
}
.sub-client-stat li:last-child {
    margin-right: 0;
}
.sub-client-stat strong {
    display: block;
    padding: 12px 0 6px;
    font-size: 18px;
    font-weight: normal;
    line-height: 100%;
}

.sub-hr {
    font-size: 0;
    line-height: 0;
    height: 0;
    margin: 10px 0 0; 
}
.sub-client-white-box {
    background: #fff;
    margin: 0 0 10px;
    padding: 10px;
    position: relative;
}
.sub-client-white-box h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 3px;
}
.sub-client-personal-data-agree-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.sub-client-personal-data-agree-list {
    display: flex;
    align-items: flex-start;
    margin-left: auto;
    gap: 0 20px;
}
.sub-client-personal-data-agree-list a {
    color: #06C;
}
.sub-client-personal-data-agree-list li.disabled {
    position: relative;
}
.sub-client-personal-data-agree-list li.disabled:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; left: 0;
}
.sub-client-personal-data-agree-list li.disabled a {
    color: #A5A5A5;
}
.sub-client-writings-tbl {
    width: 100%;
}
.sub-client-writings-tbl td {
    text-align: left;
    vertical-align: middle;
    padding: 0 6px 8px;
    font-size: 11px;
}
.sub-client-writings-tbl tr:last-child td {
    padding-bottom: 0;
}
.sub-client-writings-tbl a.v1 {
    color: #0066cc;
    text-decoration: underline;
}
.sub-client-writings-tbl a.v2 {
    color: #0191ea;
    text-decoration: underline;
}
.sub-client-writings-tbl .pla {
    width: 85px;
    height: 20px;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
}
.sub-client-writings-tbl .pla.green {
    background: #b9f2be;
}
.sub-client-writings-tbl .pla.red {
    background: #fbbbbb;
}

.sub-client-cols-wrap {
    overflow: hidden;
    position: relative;
    left: -10px;
    margin-right: -10px;
}
.sub-client-cols-wrap .sub-client-white-box {
    min-height: 75px;
}
.sub-client-col {
    box-sizing: border-box;
    width: 33.3%;
    padding-left: 10px;
    float: left;
}
.list-sth {
    padding-top: 10px;
}
.list-sth li {
    font-size: 12px;
    color: #7e7e7e;
    margin: 0 0 5px;
}
.list-sth .ws-nowr {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 85%;
}
.list-sth2  {
    padding-top: 2px;
}
.list-sth2 li {
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 100%;
    color: #292929;
}
.list-sth2 .plashka
, .sub-roll-up-table .plashka {
    display: inline-block;
    background: #c7edfb;
    border-radius: 10px;
    line-height: 100%;
    padding: 4px 10px;
}
.sub-roll-up-table .plashka {
    margin-left: 10px;
}

.sub-roll-up-opener {
    position: absolute;
    top: 0; right: 0;
    font-size: 14px;
    color: #696969;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.sub-roll-up-wrap {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 56px 17px 50px;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 100;
    display: none;
}
.sub-roll-up-wrap-inner {
    box-sizing: border-box;
    background: #fff;
    height: 100%;
    padding-top: 50px;
    position: relative;
}
.sub-roll-up-closer {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0; right: 0;
    z-index: 10;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #696969;
    cursor: pointer;
}
.sub-roll-up-wrap-inner .scroll-pane {
    width: 100%;
    height: 100%;
}
.sub-roll-up-wrap-inner .default-scroll {
    width: 100%;
    height: 100%;
    overflow: auto;
    scrollbar-color: #bdd5ed rgba(0, 0, 0, .00);
    scrollbar-width: thin;
}
.sub-roll-up-head {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0; left: 0;
}
.sub-roll-up-head h3 {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    font-size: 14px;
    color: #292929;
    margin: 0;
    padding: 0 17px;
}
.sub-roll-up-head .sub-roll-up-head-abs {
    position: absolute;
    top: 0; right: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    color: #2b6599;
    padding: 0 40px 0 17px;
}
.sub-roll-up-head button.sub-roll-up-head-abs {
    line-height: normal;
    color: #fff;
    padding: 0 10px;
    top: 50%; right: 36px;
    transform: translateY(-50%);
}
.sub-roll-up-head .sub-roll-up-head-abs.sub-roll-up-opener {
    width: auto;
    height: auto;
}
.sub-roll-up-padd {
    padding: 0 17px 17px;
    color: #7e7e7e;
}
.h-bigwindow-sub-subinner .sub-roll-up-padd input.text {
    height: 28px;
}
.sub-roll-up-padd .forms-tbl-layout {
    margin: 0 0 10px;
}
.sub-roll-up-padd .forms-tbl-layout td {
    padding: 0 6px 6px 0;
    width: 95px;
}
.sub-roll-up-padd .forms-tbl-layout td:last-child {
    padding-right: 0;
    padding-left: 16px;
}
.sub-roll-up-table {
    width: 100%;
    margin: 0 0 15px;
}
.sub-roll-up-table thead {
    box-shadow: 0 8px 4px -4px rgba(0,0,0,.12);
}
.sub-roll-up-table th {
    padding: 12px 5px 10px;
    text-align: left;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #696969;
    background: #f4f4f4;
}
.sub-roll-up-table .b-left {
    border-left: 1px solid #e3dfdf;
}
.sub-roll-up-table .fa-commenting {
    font-size: 14px;
}
.sub-roll-up-table .fa-plus-circle {
    font-size: 14px;
    color: #696969;
}
.sub-roll-up-table td {
    padding: 11px 5px;
    text-align: left;
    vertical-align: middle;
    font-size: 10px;
}
.sub-roll-up-table .bg {
    background: #e1eaf3;
}
.sub-roll-up-table th:first-child
, .sub-roll-up-table td:first-child {
    padding-left: 10px;
}
.sub-roll-up-table th:last-child
, .sub-roll-up-table td:last-child {
    padding-right: 10px;
}
.sub-roll-up-table tbody tr:first-child td {
    padding-top: 20px;
}
.sub-roll-up-table .centered {
    text-align: center;
}
.sub-roll-up-table .v-top {
    vertical-align: top;
}
.sub-roll-up-table .right {
    text-align: right;
}
.sub-roll-up-table.color-grey td {
    color: #7e7e7e;
}
.sub-roll-up-table a {
    color: #0191ea;
}
.sub-roll-up-table a.c2 {
    color: #0066cc;
}
.sub-roll-up-table a.underline {
    text-decoration: underline;
}
.sub-roll-up-table td.f-s-11 {
    font-size: 11px;
}
.sub-roll-up-table td.f-s-12 {
    font-size: 12px;
}
.sub-roll-up-table td.f-s-13 {
    font-size: 13px;
}
.sub-roll-up-table .c-red {
    color: #eb0b0b;
}
.sub-roll-up-padd .pager {
    overflow: hidden;
}

.sub-summ-white-box {
    background: #fff;
    margin: 0 0 10px;
}
.sub-summ-check {
    padding: 17px 40px 17px 18px;
    position: relative;
    font-size: 14px;
    color: #696969;
}
.sub-summ-check input.checkbox {
    position: absolute;
    top: 50%; right: 10px;
    transform: translateY(-50%);
}
input.checkbox.with-shadow {
    margin: 0 10px;
    box-shadow: 0 0 0 1px #329bf5;
    border-radius: 3px;
}
.input-checkbox-wrap-w-m {
    margin: 0 0 15px;
    font-size: 13px;
    color: #696969;
}
.input-checkbox-wrap-w-m input.checkbox.with-shadow {
    margin: 0 5px 0 0;
}
.sub-summ-check .d-c {
    color: #292929;
}
.sub-summ-check-opened {
    display: none;
}
.sub-summ-check-opened .sub-roll-up-table {
    margin: 0;
}
.sub-summ-white-box-padd {
    padding: 17px 18px;
}
.sub-summ-tbl {
    margin: 0 auto;
}
.sub-summ-tbl td {
    text-align: left;
    vertical-align: middle;
    padding: 0 8px 10px;
}
.sub-summ-tbl td.right {
    text-align: right;
}
.sub-summ-tbl td.centered {
    text-align: center;
}
.sub-summ-tbl tr:last-child td {
    padding-bottom: 0;
}
.sub-summ-tbl input.text {
    text-align: center;
}


.bigwindow-sub-head-padd {
    padding: 0 17px;
}

.sub-change-master-change {
    position: relative;
    margin: 0 20px 0 0;
}
.sub-change-master-btn {
    display: block;
    box-sizing: border-box;
    position: relative;
    width: 300px;
    height: 50px;
    padding: 0 30px 0 12px;
    background: #edecec;
    box-shadow: 0 2px 15px rgba(0,0,0,.13);
    color: #292929;
    font-size: 12px;
    line-height: 50px;
}
.sub-change-master-btn .fa-angle-right {
    font-size: 24px;
    color: #696969;
    position: absolute;
    top: 50%;
    right: 18px;
    margin-top: -12px;
    transition: transform ease .2s;
}
.sub-change-master-change.opened .sub-change-master-btn .fa-angle-right {
    transform: rotate(90deg);
}
.sub-change-master-list {
    width: 300px;
    max-height: 300px;
    overflow: auto;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 10;
    display: none;
}
.sub-change-master-list li {
    background: #fff;
    border-bottom: 1px solid #cacaca;
    height: 50px;
    position: relative;
    padding: 0 48px 0 40px;
    cursor: pointer;
}
.sub-change-master-list li.active .checkbox-custom .fa-check {
    display: block;
}
.sub-change-master-list .bw-pic {
    position: absolute;
    top: 50%;
    left: 11px;
    transform: translate(0, -50%);
}
.sub-change-master-list .bw-name {
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translate(0, -50%);
    max-width: 200px;
}
.sub-change-master-list .checkbox-custom {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translate(0, -50%);
}
.sub-change-master-result {
    padding-top: 11px;
}
.sub-change-master-result .bw-name {
    color: #696969;
    max-width: 100%;
}

/*{{{ =Flexslider*/
.change-date-slider-wrap {
    margin: 22px 0 0;
    padding: 0 22px;
}
.flexslider .slides {
    margin: 0;
    padding: 0;
}
.flexslider .slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    margin: 0;
}
.flexslider .slides img {
    max-width: 100%;
}
.no-js .slides > li:first-child {
    display: block;
}
.flexslider {
    position: relative;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.flex-direction-nav a {
    display: block;
    position: absolute;
    top: 50%;
    margin: -12px 0 0;
    cursor: pointer;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #696969;
}
.flex-direction-nav .flex-prev {
    left: 0;
}
.flex-direction-nav .flex-next {
    right: 0;
}
.flex-direction-nav .flex-disabled {
    display: none;
}
.flex-direction-nav .flex-prev:before {
    content: "\f104";
}
.flex-direction-nav .flex-next:before {
    content: "\f105";
}

.change-month-slider-wrap .flex-direction-nav a {
    top: 7px;
    margin: 0;
    color: #d1cfcf;
    font-weight: bold;
}
.change-month-slider-wrap .flex-direction-nav .flex-prev {
    left: 32px;
}
.change-month-slider-wrap .flex-direction-nav .flex-next {
    right: 32px;
}

.slide-day-item {
    font-size: 10px;
    color: #292929;
    text-align: center;
}
.slide-day-item.weekend {
    color: #eb0b0b;
}
.slide-day-item .day-number {
    font-size: 14px;
}

/*}}}*/

.sub-change-order-tbl-wrap {
    padding: 0 10px 0 19px;
}
.sub-change-order-tbl {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
.sub-change-order-tbl td {
    width: 7%;
    padding: 0 0 6px;
}
.sub-ch-order-item {
    margin: 0 3px;
    height: 20px;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background: #77a4c9;
    cursor: pointer;
}
.sub-ch-order-item.active
, .sub-ch-order-item:hover {
    background: #2b6599;
}
.sub-ch-order-item.disabled {
    color: #b1b1b1;
    background: none;
    cursor: default;
}

/*}}}*/


/*{{{ = Catalog*/

.catalog-tbl-row {
    width: 100%;
}
.catalog-tbl-row.var2 {
    table-layout: fixed;
}
.catalog-tbl-row thead {
    background: #fff;
    box-shadow: 0 4px 7px rgba(0,0,0,.27);
    position: relative;
}
.catalog-tbl-row.var2 thead.c-grey {
    box-shadow: none;
    background: #edecec;
    position: static;
}
.catalog-tbl-row.var2 thead.c-grey-dark {
    box-shadow: none;
    background: #d0d0d0;
    position: static;
}
.catalog-tbl-row.var2 thead.w-shadow {
    box-shadow: 0 4px 7px rgba(0,0,0,.27);
}
.catalog-tbl-row.var2 thead.c-grey td {
    background: #edecec;
    text-transform: uppercase;
}
.catalog-tbl-row.var2 thead.c-grey.v2 td {
    text-transform: none;
}
.catalog-tbl-row th {
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2b6599;
    padding: 18px 12px;
    border-bottom: 1px solid #9c9c9c;
    text-align: center;
    vertical-align: middle;
}
.catalog-tbl-row.var2 th {
    color: #696969;
}
.catalog-tbl-row.var2 th.c2 {
    color: #2b6599;
}
.catalog-tbl-row tbody tr {
    box-shadow: 0 2px 6px rgba(0,0,0,.13);
}
.catalog-tbl-row.var2 tbody tr {
    box-shadow: none;
}
.catalog-tbl-row td {
    box-sizing: border-box;
    font-size: 14px;
    color: #292929;
    padding: 13px 12px 11px;
    height: 50px;
    background: #d0d0d0;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #9c9c9c;
    text-align: center;
    vertical-align: middle;
}
.catalog-tbl-row.var2 tbody {
    display: none;
}
.catalog-tbl-row.var2.static tbody {
    display: table-row-group;
}
.catalog-tbl-row.var2 tbody td {
    background: #fff;
    border-top: none;
    border-bottom-color: #f2f2f2;
}
.catalog-tbl-row.var2 tbody tr:last-child td {
    border-bottom-color: #9c9c9c;
}
.catalog-tbl-row.var2.static tbody tr:last-child td {
    border-bottom-color: #f2f2f2;
}
.catalog-tbl-row.var2 tbody tr:nth-child(even) td {
    background: #fafafa;
}
.catalog-tbl-row .left {
    text-align: left;
}
.catalog-tbl-row .right {
    text-align: right;
}
.catalog-tbl-row .checkbox-custom {
    width: 20px;
    height: 20px;
}
.catalog-tbl-row .fa-pencil {
    color: #26b934;
    margin: 0 7px;
}
.catalog-tbl-row .fa-times {
    color: #cc0000;
    margin: 0 7px;
}
.catalog-tbl-row .fa-camera {
    color: #777;
}
.catalog-tbl-row .fa-angle-right {
    font-size: 24px;
    color: #696969;
    margin: 0 12px 0 0;
    transition: transform ease .2s;
    cursor: pointer;
}
.opened > .catalog-tbl-row .fa-angle-right {
    transform: rotate(90deg);
}
.catalog-tbl-row.var2 .opened .fa-angle-right {
    transform: rotate(90deg);
}
.catalog-tbl-row h3 {
    font-size: 14px;
    font-weight: normal;
    position: relative;
    margin: 0;
    padding: 0 0 0 25px;
}
.catalog-tbl-row h3 .fa-arrows {
    color: #a6b4c0;
    position: absolute;
    top: 50%; left: 0;
    margin-top: -7px;
    cursor: move;
}
.catalog-tbl-row h3 a {
    color: #2b6599;
}
.catalog-tbl-row h3 .fa-plus-circle {
    font-size: 20px;
    vertical-align: bottom;
    margin-right: 6px;
}
.catalog-sortale-list .catalog-sortale-list {
    display: none;
}
.catalog-sortale-list .catalog-sortale-list .catalog-tbl-row td {
    background: #edecec;
}
.catalog-sortale-list .catalog-sortale-list .catalog-tbl-row h3 {
    padding-left: 52px;
}
.catalog-sortale-list .catalog-sortale-list .catalog-sortale-list .catalog-tbl-row td {
    background: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 22px;
}
.catalog-sortale-list .catalog-sortale-list .catalog-sortale-list .catalog-tbl-row h3 {
    padding-left: 100px;
}
.catalog-sortale-list .ui-state-disabled {
    opacity: 1;
}

/*}}}*/


/*{{{ = Jscrollpane*/

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0; right: 0;
	width: 9px;
	height: 100%;
    background: #fff;
}
.fht-table-wrapper .jspVerticalBar {
    right: 15px;
}
.h-bigwindow-sub-subinner.p-t-more .jspVerticalBar {
    right: 19px;
}
.jspVerticalBar:before {
    content: " ";
    display: block;
    width: 9px;
	height: 100%;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    position: absolute;
    top: 0; left: 0;
}

.jspHorizontalBar {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 8px;
}

.jspCap {
	height: 2px;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	position: relative;
}

.jspDrag {
	background: #bdd5ed;
    width: 3px;
	position: relative;
	top: 0;
	left: 3px;
    border-radius: 2px;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack
, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspHorizontalBar .jspDrag {
    background: #d0d0d0;
    border-radius: 4px;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow {
	height: 16px;
}

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/*}}}*/


/*{{{ = Popup in the questions icon*/

.quest-link-opener {
    font-size: 14px;
    vertical-align: middle;
    color: #2b6599;
    margin: 0 0 0 10px;
}
.quest-link-opener.absolute {
    position: absolute;
    top: 15px; right: 15px;
    margin: 0;
}


.default-popup-link {
    font-size: 14px;
    vertical-align: middle;
    color: #2b6599;
    margin: 0 0 0 10px;
}
.default-popup-link.absolute {
    position: absolute;
    top: 15px; right: 15px;
    margin: 0;
}
.default-popup-link.opened {
    color: #000;
}

.i-letter {
    display: block;
    width: 20px;
    height: 20px;
    font: italic 12px/20px "PT Sans Caption";
    text-align: center;
    background: #0191ea;
    border-radius: 50%;
    color: #fff !important;
}
.red .i-letter {
    background: #eb0b0b;
}
.green .i-letter {
    background: #00b314;
}
.grey .i-letter {
    background: #bdbdbd;
}
.dark-grey .i-letter {
    background: #696969;
}
.i-letter.absolute {
    top: -5px; right: 0;
}

.b-default-popup {
    display: none;
    max-width: 350px;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    position: absolute;
    z-index: 20;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 1000;
}
.default-popup-closer {
    display: block;
    width: 11px;
    height: 14px;
    position: absolute;
    top: 5px;
    right: 9px;
    cursor: pointer;
}
.b-default-popup-inner {
    padding: 25px 15px;
}

/*}}}*/


.b-popup-buble-wrap {
    display: none;
    position: absolute;
    top: 0; left: 100px;
    z-index: 501;
    width: 326px;
    background: #fa4b43;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
}
.b-popup-buble-wrap:after {
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
	top: 15px; right: 100%;
	border: solid transparent;
	border-color: rgba(250, 75, 67, 0);
	border-right-color: #fa4b43;
	border-width: 10px;
    pointer-events: none;
    transform: scaleX(2);
}
.b-popup-buble-inner {
    padding: 18px;
}
.b-popup-buble-wrap p {
    margin: 0 0 8px;
}
.b-popup-buble-wrap .h-bottom-wrap {
    padding: 0;
}


.b-master-buble-wrap {
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: 0; left: 100px;
    z-index: 501;
    width: 211px;
    background: #fff;
    border: 1px solid #e7e7e7;
    box-shadow: 0 3px 24px rgba(0,0,0,.1);
    font-size: 14px;
    color: #fff;
}
.b-master-buble-wrap:after {
    bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.b-master-buble-inner {
    padding: 27px 17px 22px;
}
.master-buble-nav li {
    margin: 0 0 15px;
    font-size: 13px;
}
.master-buble-nav a {
    display: inline-block;
    padding: 0 0 0 27px;
    position: relative;
    color: #000;
}
.master-buble-nav .fa {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.master-buble-nav .fa-times-circle {
    color: #fc6c6c;
}
.master-buble-nav .external {
    margin: 0;
    padding: 3px 0 0;
    text-align: right;
}
.master-buble-nav .external a {
    padding: 0 20px 0 0;
    color: #00aeef;
}
.master-buble-nav .external .fa {
    left: auto;
    right: 0;
    margin-top: 1px;
}


.h-modal-popup-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.40);
    z-index: 10000;
}

.h-modal-popup-body {
    width: 480px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}
.h-modal-popup-wrap.width2 .h-modal-popup-body {
    width: 640px;
}
.h-modal-popup-wrap.with-max-height .h-modal-popup-body {
    max-height: 80%;
    display: flex;
    flex-direction: column;
}

.modal-popup-closer {
    font-size: 32px;
    color: #5C5C5C;
    cursor: pointer;
    padding: 8px;
    position: absolute;
    top: 4px;
    right: 4px;
}
.new-styles .modal-popup-closer {
    font-size: 24px;
    top: 8px;
    right: 8px;
}

.h-modal-popup-inner-header {
    padding: 16px 52px 16px 16px;
}
.h-modal-popup-wrap.with-max-height .h-modal-popup-inner-header {
    flex-grow: 0;
    flex-shrink: 0;
}
.h-modal-popup-inner-header h2,
.new-styles .h-modal-popup-inner-header h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
}
.h-modal-popup-inner-copy {
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
}
.h-modal-popup-wrap.with-max-height .h-modal-popup-inner-copy {
    box-sizing: border-box;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.04);
    scrollbar-width: thin;
}
.h-modal-popup-inner-copy p {
    margin: 0;
}
.h-modal-popup-inner-footer {
    padding: 16px;
    display: flex;
    gap: 0 8px;
}
.b-mpic-book {
    padding: 16px;
}
.b-mpic-book-copy {
    margin: 0 0 32px;
}
.b-mpic-book-copy:last-child {
    margin: 0;
}
.b-mpic-book-bonuses {
    display: block;
    font-size: 28px;
    line-height: 150%;
    font-weight: 400;
    color: #2B9927;
}


/*{{{ =h-sms-birth-wrap*/

.h-sms-birth-wrap {
    padding: 25px 0 0;
}

.h-sms-birth-visual {
    float: left;
    width: 225px;
    height: 477px;
    background: url(../i/phone-tmp.jpg) 0 0 no-repeat;
    position: relative;
    color: #fff;
    margin: 0 30px 0 0;
}
.sms-birth-time {
    position: absolute;
    top: 110px; left: 43px;
    font-size: 60px;
    font-weight: 300;
    line-height: 100%;
}
.sms-birth-date {
    position: absolute;
    top: 170px; left: 46px;
    font-size: 12px;
}
.sms-birth-text {
    position: absolute;
    top: 210px; left: 30px;
    width: 140px;
    font-size: 13px;
    line-height: 100%;
    background: url(../i/sms-icon.png) 0 0 no-repeat;
    padding: 0 0 0 18px;
}
.sms-birth-text h5 {
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;
    margin: 0 0 10px;
}
.sms-birth-text p {
    margin: 0;
}

.h-sms-birth-template {
    float: left;
    width: 405px;
    margin: 0 50px 0 0;
    padding: 20px 0 0;
}
.h-sms-birth-template h4 {
    font-size: 14px;
    color: #696969;
    margin: 0 0 20px;
}
.sms-birth-textarea {
    border: 1px solid #acacac;
}
.sms-birth-textarea textarea {
    display: block;
    margin: 0;
    padding: 20px;
    font-size: 14px;
    font-style: normal;
    color: #292929; 
    border: none;
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    height: 140px;
}
.sms-birth-textarea-list {
    background: #e6e6e6;
    padding: 15px 20px;
}
.sms-birth-textarea-list li {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    margin: 0 5px 0 0;
    font-weight: bold;
}

.h-sms-birth-settings {
    float: left;
    width: 390px;
    padding: 20px 0 0;
}
.h-sms-birth-settings h4 {
    font-size: 14px;
    color: #696969;
    margin: 0 0 20px;
}
.h-sms-birth-settings select {
    display: block;
    width: 95px;
    margin: 0 0 45px;
}
.h-sms-birth-settings input.text {
    display: block;
    width: 227px;
    margin: 0 0 45px;
}
.h-sms-birth-settings label {
    font-size: 13px;
    color: #696969;
}

.h-sms-oferta p {
    margin: 0 0 20px;
}
.h-sms-oferta a {
    color: #136c8f;
    text-decoration: underline;
}


.h-sms-buy-steps {
    position: relative;
    padding: 0 0 1px 45px;
}
.h-sms-buy-steps:after {
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background: #696969;
    position: absolute;
    top: 0; left: 14px;
}
.h-sms-buy-steps:last-child:after {
    display: none;
}
.h-sms-buy-steps.done:after {
    background: #00aeef;
}

.sms-buy-step-bull {
    position: relative;
    left: -45px;
    margin: 0 -45px 20px 0;
    padding: 0 0 0 45px;
    line-height: 30px;
    font-size: 14px;
    color: #696969;
}
.sms-buy-step-bull:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    background: #fff;
    border: 1px solid #696969;
    border-radius: 50%;
    position: absolute;
    top: 50%; left: 0;
    z-index: 1;
    margin-top: -15px;
}
.sms-buy-step-bull.active {
    color: #00aeef;
}
.sms-buy-step-bull.active:after
, .h-sms-buy-steps.done .sms-buy-step-bull:after {
    border-color: #00aeef;
}

.sms-buy-list li {
    display: inline-block;
    vertical-align: top;
    width: 156px;
    border: 1px solid #e4e5e5;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    position: relative;
    margin: 0 20px 20px 0;
}
.sms-buy-list li.color1:hover
, .sms-buy-list li.color1.active {
    border-color: #fdd208;
}
.sms-buy-list li.color2:hover
, .sms-buy-list li.color2.active {
    border-color: #fca104;
}
.sms-buy-list li.color3:hover
, .sms-buy-list li.color3.active {
    border-color: #fa4c43;
}
.sms-buy-list li.color4:hover
, .sms-buy-list li.color4.active {
    border-color: #ba5dd2;
}
.sms-buy-list li.color5:hover
, .sms-buy-list li.color5.active {
    border-color: #2099f5;
}
.sms-buy-list li.color6:hover
, .sms-buy-list li.color6.active {
    border-color: #42c01d;
}
.sms-buy-list li:after {
    display: block;
    content: "";
    width: 100%;
    height: 7px;
    padding: 0 1px;
    background: red;
    position: absolute;
    top: -1px; left: -1px;
}
.sms-buy-list li.color1:after {
    background: #fdd208;
}
.sms-buy-list li.color2:after {
    background: #fca104;
}
.sms-buy-list li.color3:after {
    background: #fa4c43;
}
.sms-buy-list li.color4:after {
    background: #ba5dd2;
}
.sms-buy-list li.color5:after {
    background: #2099f5;
}
.sms-buy-list li.color6:after {
    background: #42c01d;
}
.sms-buy-list-inn {
    display: block;
    box-sizing: border-box;
    position: relative;
    min-height: 202px;
    padding: 30px 20px 52px;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
}
.sms-buy-list-inn h4 {
    font-size: 16px;
    font-weight: normal;
    color: #00aeef;
    margin: 0 0 17px;
}
.sms-buy-list-inn h4 b {
    font-weight: bold;
    font-size: 26px;
}
.sms-buy-list.var2 .sms-buy-list-inn h4 {
    font-size: 14px;
    color: #000;
}
.sms-buy-list-inn p {
    margin: 0 0 17px;
}
.sms-buy-summ {
    font-size: 22px;
    font-weight: bold;
    color: #26292e;
    margin: 0 0 13px;
}
.sms-buy-btn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 88px;
    padding: 0 5px;
    font: 14px/34px "Myriad Pro", Helvetica, sans-serif;
    text-transform: uppercase;
    background: #00aeef;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    bottom: 18px; left: 50%;
    transform: translateX(-50%);

}

.sms-buy-list.chosen li {
    display: block;
    width: auto;
    margin: 0 0 35px;
}
.sms-buy-list.chosen li:after {
    display: none;
}
.sms-buy-chosen-tbl {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
.sms-buy-chosen-tbl th {
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    padding: 18px 15px;
}
.sms-buy-list li.color1 .sms-buy-chosen-tbl th {
    background: #fdd208;
}
.sms-buy-list li.color2 .sms-buy-chosen-tbl th {
    background: #fca104;
}
.sms-buy-list li.color3 .sms-buy-chosen-tbl th {
    background: #fa4c43;
}
.sms-buy-list li.color4 .sms-buy-chosen-tbl th {
    background: #ba5dd2;
}
.sms-buy-list li.color5 .sms-buy-chosen-tbl th {
    background: #2099f5;
}
.sms-buy-list li.color6 .sms-buy-chosen-tbl th {
    background: #42c01d;
}
.sms-buy-chosen-tbl td {
    text-align: center;
    vertical-align: top;
    font-size: 14px;
    color: #696969;
    padding: 15px 15px 18px;
    width: 33.3%;
    border-left: 1px solid #e4e5e5;
}
.sms-buy-chosen-tbl td:first-child {
    border: none;
}
.sms-buy-list li.color1 .sms-buy-chosen-tbl td {
    border-color: #fdd208;
}
.sms-buy-list li.color2 .sms-buy-chosen-tbl td {
    border-color: #fca104;
}
.sms-buy-list li.color3 .sms-buy-chosen-tbl td {
    border-color: #fa4c43;
}
.sms-buy-list li.color4 .sms-buy-chosen-tbl td {
    border-color: #ba5dd2;
}
.sms-buy-list li.color5 .sms-buy-chosen-tbl td {
    border-color: #2099f5;
}
.sms-buy-list li.color6 .sms-buy-chosen-tbl td {
    border-color: #42c01d;
}

.sms-buy-list.var2 li {
    width: 31%;
}
.sms-buy-list.var2 .sms-buy-list-inn {
    min-height: auto;
}
.sms-buy-list.var2 .sms-buy-btn {
    min-width: 180px;
}

/*}}}*/


/*{{{ =Topbanner*/

.h-topbanner-wrap {
    background: #fa4c43;
    color: #fff;
}
.h-topbanner-wrap p {
    margin: 0;
}
.h-topbanner-wrap a {
    color: #fff;
    text-decoration: underline;
}
.h-topbanner-inner {
    padding: 10px 25px 7px;
    position: relative;
}
.topbanner-closer {
    position: absolute;
    top: 50%; right: 22px;
    transform: translateY(-50%);
}

/*}}}*/

.b-sched-master-item {
    width: 125px;
    margin: auto;
}

/*{{{ = Version new*/

.version-new {
    background: #f5f5f5;
}

div.version-new {
    height: 55px;
}

div.version-new.new-styles {
    height: auto;
}

.version-new .h-wrapper {
    padding-top: 55px;
    box-sizing: border-box;
}

.version-new header {
    background: #303949;
    width: 100%;
    position: fixed;
    top: 0; left: 0;
    z-index: 20;
    display: block;
}
.version-new header a {
    color: #fff;
}
.version-new header a:hover {
    color: #b6cde1;
}
.h-package-body.new-styles div.version-new header {
    height: 55px;
}

.version-new .topnav li {
    font-size: 15px;
}
.version-new .topnav li.ellipsis {
    font-size: 18px;
    position: relative;
}
.version-new .topnav li.active {
    background: #59616e;
}
.version-new .topnav a {
    box-sizing: border-box;
    border-bottom-color: transparent;
    min-height: 55px;
}
.version-new .topnav li.active a {
    color: #b6cde1;
}
.version-new .topnav li.ellipsis > a {
    padding-top: 19px;
    padding-bottom: 0px;
    box-sizing: border-box;
}
.version-new .topsubnav {
    position: absolute;
    top: 100%; left: -20px;
    z-index: 999;
    width: 168px;
    border: 1px solid #d0d0d0;
    background: #fff;
    box-shadow: 0 2px 40px rgba(0,0,0,.36);
    display: none;
}
.version-new .topsubnav:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
    border-width: 12px;
    position: absolute;
    bottom: calc(100% - 3px); left: 26px;
    pointer-events: none;
    transform: scaleY(2);
}
.version-new .topsubnav li {
    float: none;
    position: relative;
    z-index: 1;
}
.version-new .topsubnav a {
    color: #303949;
    border: none;
    padding-left: 32px;
}
.version-new .topsubnav a:hover {
    color: #bed4ea;
    background: #303948;
}
.version-new .b-topright {
    width: auto;
    padding: 0 32px 0 0;
}
.version-new .b-topright li {
    float: left;
    box-sizing: border-box;
    padding-top: 14px;
}
.version-new .b-topright .avatar {
    position: relative;
    height: 53px;
}
.version-new .b-topright .settings {
    margin: 5px 20px 0 27px;
    font-size: 16px;
}
.version-new .b-topright .avatar-holder {
    width: 29px;
    height: 29px;
    background: #06bdf9;
    border-radius: 50%;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 32px;
}
.version-new .b-topright .avatar-holder a {
    display: block;
    color: #fff;
}
.version-new .b-topright .avatar-holder img {
    display: block;
    width: 29px;
    height: 29px;
    border-radius: 50%;
}
.version-new .topright-lk-wrap {
    position: absolute;
    top: 100%; right: -3px;
    z-index: 999;
    width: 292px;
    border: 1px solid #d0d0d0;
    background: #fff;
    box-shadow: 0 2px 40px rgba(0,0,0,.36);
    color: #303949;
    display: none;
}
.version-new .topright-lk-wrap:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
    border-width: 12px;
    position: absolute;
    bottom: calc(100% - 3px); right: 4px;
    pointer-events: none;
    transform: scaleY(2);
}
.version-new .topright-lk-sec {
    border-bottom: 1px solid #d0d0d0;
    padding: 20px 20px 20px 30px;
}
.version-new .topright-lk-sec:last-child {
    border-bottom: none;
}
.version-new .topright-lk-sec h4 {
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 17px;
}
.version-new .b-topright .topright-lk-wrap li {
    float: none;
    padding: 0 0 15px;
}
.version-new .b-topright .topright-lk-wrap li:last-child {
    padding: 0;
}
.version-new .topright-lk-wrap a
, .version-new .topright-lk-wrap a:hover {
    color: #06bdf9;
}
.version-new a.external
, .version-new a.external:hover {
    color: #303949;
}
.version-new a.tech-question {
    color: #f78e06;
}
.version-new a.logout {
    color: #303949;
    position: static;
    transform: none;
}
.version-new .username .avatar-holder {
    float: left;
    margin: 5px 14px 0 0;
}
.version-new .username.topright-lk-sec h4 {
    margin: 0;
}
.version-new .username.topright-lk-sec .name {
    color: #696969;
}
.version-new .topright-salon-selector {
    position: relative;
    background: #59616e;
    width: 314px;
}
.version-new .topright-salon-selector-name {
    display: block;
    color: #fff;
    line-height: 28px;
    padding: 0 30px 0 8px;
    position: relative;
    cursor: pointer;
}
.version-new .topright-salon-selector-name .name-string {
    display: block;
    max-width: 275px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.version-new .topright-salon-selector-name .fa-chevron-down {
    position: absolute;
    top: 50%; right: 10px;
    transform: translateY(-50%);
    font-size: 13px;
}
.version-new .topright-salon-selector-list-wrap {
    position: absolute;
    top: 100%; left: 0;
    z-index: 999;
    width: 312px;
    max-height: 467px;
    overflow: auto;
    border: 1px solid #d0d0d0;
    background: #fff;
    display: none;
}
.version-new .topright-salon-selector-search {
    border-bottom: 1px solid #d0d0d0;
    position: relative;
}
.version-new .topright-salon-selector-search input.text {
    padding: 0 10px 0 44px;
    border: none;
    border-radius: 0;
    height: 56px;
    font-size: 14px;
    color: #59616e;
}
.version-new .topright-salon-selector-search .fa-search {
    position: absolute;
    top: 50%; left: 15px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #303949;
}
.version-new .topright-salon-selector-list li {
    float: none;
    padding-top: 0;
    border-bottom: 1px solid #d0d0d0;
}
.version-new .topright-salon-selector-list li:last-child {
    border-bottom: none;
}
.version-new .topright-salon-selector-list a {
    color: #303949;
    display: block;
    padding: 20px 12px;
}
.version-new .topright-salon-selector-list a:hover {
    color: #fff;
    background: #06bdf9;
}

.version-new .ui-tooltip
, .ui-tooltip.custom-tooltip {
    padding: 13px;
    min-width: 92px;
	-webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(36,36,36,.75);
    border-radius: 5px;
    color: #fff;
    box-sizing: border-box;
    border-width: 0;
    padding: 15px 20px 12px;
}
.version-new .ui-tooltip-inner
, .ui-tooltip.custom-tooltip .ui-tooltip-inner {
    font: 10px "PT Sans", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
}
.version-new .ui-tooltip-inner.left
, .ui-tooltip.custom-tooltip .ui-tooltip-inner.left {
    text-align: left;
}
.version-new .ui-tooltip-inner.f-s-14
, .ui-tooltip.custom-tooltip .ui-tooltip-inner.f-s-14 {
    font-size: 14px;
}
.version-new .ui-tooltip-inner a
, .ui-tooltip.custom-tooltip .ui-tooltip-inner a {
    color: #aac6e1;
    text-transform: none;
}
.ui-tooltip.custom-tooltip.styles-var2 {
    padding: 0;
}
.ui-tooltip.custom-tooltip.styles-var2 .ui-tooltip-inner {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 16px;
}
.ui-tooltip.custom-tooltip.styles-var2 .ui-tooltip-inner .hr {
    height: 1px;
    background: rgba(255, 255, 255, 0.16);
    margin: 8px 0;
}
.ui-tooltip.custom-tooltip.styles-var2 .ui-tooltip-inner .all {
    display: flex;
    align-items: center;
    gap: 0 4px;
}
.ui-tooltip.custom-tooltip.styles-var2 .ui-tooltip-inner .all .ph {
    font-size: 16px;
    opacity: 0.64;
}

.version-new h2 {
    color: #000;
    font-weight: 500;
}
.version-new h2.bold {
    font-weight: bold;
    color: #303949;
}

.version-new .datepicker-input-wrap .datepicker-input
, .version-new .datepicker-input-wrap .datepicker-input-single
, .version-new .datepicker-input-wrap-single input.text
, .version-new .datepicker-input-wrap input.text.datepicker-input:focus
, .version-new .datepicker-input-wrap input.text.datepicker-input-single:focus
, .version-new .datepicker-input-wrap-single input.text:focus {
    background-color: transparent;
}
.version-new .datepicker-input-wrap input.text.datepicker-input-single
, .version-new .datepicker-input-wrap-single input.text {
    text-indent: 0;
}
.version-new .datepicker-input-wrap.chosen .datepicker-input {
    border-color: rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
    color: #006FBC;
}

.version-new .quest-link-opener {
    display: inline-block;
    box-sizing: border-box;
    width: 21px;
    height: 21px;
    border: 2px solid #f78e06;
    border-radius: 50%;
    font: bold 11px/16px Georgia, serif;
    text-transform: none;
    vertical-align: bottom;
    text-align: center;
    color: #f78e06;
    margin: 0 0 0 10px;
}
.version-new .quest-link-opener.absolute {
    top: 11px; right: 9px;
    margin: 0;
}

.version-new .h-bigpopup-wrap.right-var {
    padding-top: 55px;
}
.version-new .h-bigpopup-wrap.right-var .h-bigpopup-inner {
    width: 445px;
    right: -450px;
}
.h-package-body.new-styles .h-bigpopup-wrap.right-var .h-bigpopup-inner {
    width: 480px;
    right: -485px;
}
.version-new .h-bigpopup-wrap.right-var .bigpopup-head-fixed {
    background: #f78e06;
    color: #fff;
}
.version-new .h-bigpopup-wrap.right-var .bigpopup-head-fixed h3 {
    color: #fff;
}
.version-new .h-bigpopup-wrap.right-var .bigpopup-body-scroll_inner h4 {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 25px;
}
.version-new .bigpopup-right-closer {
    background: none;
    font-size: 26px;
    color: #fff;
}

.version-new .h-bigpopup-wrap.project-filter-popup.right-var .h-bigpopup-inner {
    width: 253px;
    right: -260px;
}
.version-new .h-bigpopup-wrap.project-filter-popup.right-var .bigpopup-head-fixed {
    background: #fff;
    border-bottom: 1px solid #d0d0d0;
    color: #303949;
    box-sizing: border-box;
}
.version-new .h-bigpopup-wrap.project-filter-popup.right-var .bigpopup-head-fixed h3 {
    color: #303949;
    font-size: 14px;
    text-transform: uppercase;
}
.version-new .project-filter-popup .bigpopup-right-closer {
    background: none;
    font-size: 15px;
    color: #888;
    top: 8px; left: auto; right: 10px;
}
.project-filter-popup .radio-list {
    padding: 0 0 50px;
}
.project-filter-popup .radio-list:last-child {
    padding: 0;
}
.project-filter-popup .radio-list label {
    padding: 0;
}
.project-filter-popup .radio-list label:after {
    display: none;
}
.project-filter-popup .radio-list .fa-check {
    display: none;
    position: absolute;
    top: 50%; right: 0;
    transform: translateY(-50%);
}
.project-filter-popup .radio-list input.radio:checked + label {
    color: #02b9fd;
}
.project-filter-popup .radio-list input.radio:checked + label .fa-check {
    display: block;
}
.pf-img-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.pf-img {
    margin: 0 15px 0 0;
    width: 29px;
    height: 29px;
}
.pf-ing img {
    display: block;
    border-radius: 50%;
}
.pf-img-wrap h5 {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    max-width: 160px;
}

.top-goods-slider-wrap {
    padding: 14px 10px 0;
}
.top-goods-slider.flexslider .slides > li {
    padding: 0;
    width: 33.3%;
    text-align: center;
}
.top-goods-pic {
    height: 82px;
    margin: 0 0 3px;
    box-sizing: border-box;
}
.top-goods-pic.brand img {
    display: block;
    width: 80px;
    height: 80px;
    max-height: 100%;
    border: 1px solid #dadada;
    border-radius: 50%;
    margin: 0 auto;
}
.top-goods-pic.box-default {
    padding: 10px 0 0;
}
.top-goods-pic.box-default img {
    margin: 0 auto;
    display: block;
}
.top-goods-pic.tovar img {
    display: block;
    max-height: 100%;
    margin: 0 auto;
}
.top-goods-name {
    font-size: 12px;
    color: #292929;
}
.top-goods-name a {
    color: #292929;
    font-size: 12px;
}
.top-goods-name span {
    font-size: 18px;
    font-weight: bold;
    color: #06bdf9;
}

.version-new .flex-direction-nav a {
    color: #a9a9a9;
    font-size: 18px;
}
.version-new .flex-direction-nav .flex-prev:before {
    content: "\f053";
}
.version-new .flex-direction-nav .flex-next:before {
    content: "\f054";
}

.version-new .grid-cell2 {
    padding: 0;
}
.chart-line-wrap .ct-chart#chart5 {
    height: 236px;
}


.version-new #ui-datepicker-div {
    background: #fff;
    border: 1px solid #d0d0d0;
    box-shadow: 0 2px 40px rgba(0,0,0,.36);
    width: 345px;
    padding: 30px 25px;
    font: 14px "PT Sans", Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}
.version-new .ui-datepicker-header {
    background: none;
    border: none;
    color: #00aeef;
    font-weight: bold;
    padding: 0 0 30px;
}
.version-new .ui-datepicker .ui-datepicker-prev span
, .version-new .ui-datepicker .ui-datepicker-next span {
    display: block;
    width: 7px;
    height: 10px;
    background: url(../../f/i/cal-arrow.png) 0 0 no-repeat;
}
.version-new .ui-datepicker .ui-datepicker-prev-hover
, .version-new .ui-datepicker .ui-datepicker-next-hover {
    background: none;
}
.version-new .ui-datepicker .ui-datepicker-next span {
    transform: rotate(180deg);
}
.version-new .ui-datepicker table {
    font-size: 13px;
    margin: 0;
}
.version-new .ui-datepicker td {
    padding: 3px;
}
.version-new .ui-datepicker th {
    padding: 3px;
    font-size: 14px;
    color: #303949;
}
.version-new .ui-datepicker table .ui-state-default {
    border: none;
    background: none;
    color: #303949;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    box-sizing: border-box;
}
.version-new .ui-datepicker table .ui-state-hover 
, .version-new .ui-datepicker table .ui-state-active {
    background: #00aeef;
    color: #fff;
}
.version-new .ui-datepicker table .ui-state-highlight {
    border: 1px solid #696969;
    background: none;
    color: #303949;
}


.version-new .with-columns {
    display: block;
}
.version-new .h-sidebar {
    position: absolute;
    top: 0; left: 0;
}
.version-new .h-content-column {
    padding-bottom: 13px;
    padding-left: 184px;
    transition: padding-left .3s ease-out;
}
.version-new .h-sidebar.narrow.shrink + .h-content-column {
    padding-left: 55px;
}

.version-new .h-sidebar {
    background: #e9e7e7;
    float: left;
    box-sizing: border-box;
}
.version-new .h-sidebar.narrow {
    width: 184px;
    box-shadow: none;
    transition: width .3s ease-out;
}
.version-new .h-sidebar.narrow.shrink {
    width: 55px;
}
.version-new .sidebar-nav li {
    box-shadow: none;
}
.version-new .sidebar-nav a {
    padding: 0;
    width: 184px;
    min-height: 55px;
    position: relative;
    color: #696969;
    box-sizing: border-box;
    transition: width .3s ease-out;
    line-height: 120%;
}
.version-new .h-sidebar.narrow.shrink .sidebar-nav a {
    width: 55px;
    display: block;
}
.version-new .sidebar-nav .active a {
    background: #fff;
    color: #06bdf9;
    border-left: none;
    border-right: 2px solid #06bdf9;
}
.version-new .sidebar-nav .active a:after {
    display: none;
}
.version-new .sidebar-nav .sidebar-nav-text {
    display: block;
    width: 115px;
    position: absolute;
    top: 50%; left: 55px;
    transform: translateY(-50%);
    opacity: 1;
    transition: opacity .5s ease-out;
}
.version-new .h-sidebar.shrink .sidebar-nav-text {
    opacity: 0;
    transition: opacity 0s ease-out;
}
.version-new .sidebar-nav .to-bottom {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%;
}
.version-new .sidebar-nav .to-bottom a {
    color: #f78e06;
}
.version-new .sidebar-nav .fa {
    position: absolute;
    top: 50%; left: 22px;
    transform: translateY(-50%);
    font-size: 14px;
}
.version-new .sidebar-nav .fa-handshake-o {
    left: 22px;
}
.version-new .sidebar-nav .fa-list-ul {
    font-size: 12px;
    left: 23px;
}
.version-new .sidebar-nav .fa-commenting {
    font-size: 15px;
    left: 19px;
}
.version-new .sidebar-nav .fa-id-card {
    font-size: 13px;
}
.version-new .sidebar-nav .fa-print {
    font-size: 15px;
}
.version-new .sidebar-nav .fa-z {
    font: bold 16px "PT Sans", serif;
    color: #696969;
}
.version-new .sidebar-nav .fa.fa-phone.revert {
    transform: translateY(-50%) rotate(270deg);
}
.version-new .sidebar-nav .fa.fa-gavel.revert {
    transform: translateY(-50%) rotate(90deg);
}
.version-new .sidebar-nav .fa.fa-clone.revert {
    transform: translateY(-50%) rotate(270deg);
}
.sidebar-shrinker {
    display: block;
    width: 16px;
    height: 50px;
    background: rgba(233,231,231, .7);
    box-shadow: 2px 2px 7px rgba(0,0,0,.25);
    position: absolute;
    top: 290px; left: 100%;
    font-size: 10px;
    color: #696969;
    text-align: center;
    line-height: 50px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
}
.h-sidebar.narrow.shrink .sidebar-shrinker .fa-chevron-left {
    transform: rotate(180deg);
}
.sidebar-shrinker:after {
    display: block;
    content: "";
    width: 10px;
    height: 100%;
    background: #e9e7e7;
    position: absolute;
    top: 0; left: -10px;
}


.version-new .h-sidebar.air-variant {
    background: #fff;
    box-shadow: 12px 0 40px 2px rgba(0,0,0,.06);
}


.version-new .b-license-fb-title {
    width: 11%;
}
.version-new .b-license-fb {
    border: none;
}
.version-new .h-license-fb-wrap-var2 .b-license-fb {
    width: 100%;
}
.version-new .h-license-fb-wrap-var2.alt-2 .b-license-fb {
    width: 48.1%;
}
.version-new .b-license-fb.green {
    border-top: 11px solid #42c01d;
}
.version-new .b-license-fb.green-body {
    border: 1px solid #42c01d;
    border-top-width: 11px;
    background: #F0FAED;
}
.version-new .b-license-fb.green-body .license-price {
    color: #000;
}
.version-new .b-license-fb.green-body .license-long-btn {
    background: #42C01D;
}
.version-new .b-license-fb-inner h4 {
    font-size: 14px;
    margin: 0 0 17px;
}
.version-new .license-icons li {
    width: auto;
}
.version-new .license-icons li:last-child {
    float: right;
}
.version-new .b-license-fb-color2 .license-icons li {
    width: 50%;
}
.version-new .b-license-fb-color2 .license-icons li:last-child {
    float: left;
}
.version-new .b-license-fb-center .license-icons li {
    float: none;
    width: auto;
}
.version-new .h-license-fb-wrap-var2 .license-icons {
    float: right;
}
.version-new .h-license-fb-wrap-var2 .license-icons li {
    width: auto;
    margin: 0 0 0 30px;
}
.version-new .b-license-fb .centered .license-long-btn {
    margin: 0 auto;
}
.version-new .b-license-fb-w-bott {
    position: relative;
    margin-top: 35px;
}
.version-new .b-license-fb-w-bott h2 {
    position: absolute;
    top: -46px;
    left: 0;
}
.version-new .b-license-fb-w-bott .b-license-fb-inner {
    padding-bottom: 70px;
}
.license-pos-bott {
    box-sizing: border-box;
    padding: 0 25px;
    width: 100%;
    position: absolute;
    bottom: 35px;
    left: 0;
}


.h-client-card {
    background: #fff;
}
.h-client-card-header {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    position: relative;
    z-index: 1;
    padding: 23px 0;
}
.h-client-card-header h2 {
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
    margin: 0;
    text-align: center;
}
.h-client-card-content {
    position: relative;
    background: #f9f9f9;
}
.h-client-card-content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.client-card-connect {
    position: absolute;
    top: 50%; left: 25px;
    transform: translateY(-50%);
}
.client-card-connect li {
    float: left;
    margin: 0 20px 0 0;
}
.client-card-connect a {
    display: block;
    width: 40px;
    height: 40px;
    border: 2px solid #02baff;
    border-radius: 50%;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    color: #02baff;
}
.client-card-connect .fa-phone {
    transform: rotate(270deg);
}
.client-card-connect .sms {
    font-size: 13px;
    font-weight: bold;
}
.client-card-position {
    position: absolute;
    top: 50%; right: 30px;
    transform: translateY(-50%);
}

.h-client-card-aside {
    float: left;
    width: 272px;
}
.h-client-card-aside:after {
    display: block;
    content: "";
    box-sizing: border-box;
    width: 273px;
    height: 100%;
    background: #fff;
    border-right: 1px solid #d0d0d0;
    position: absolute;
    top: 0; left: 0;
}
.client-card-nav {
    padding: 20px 30px;
    position: relative;
    z-index: 1;
}
.client-card-nav li {
    border-bottom: 1px solid #d0d0d0;
    padding: 12px 0 9px;
}
.client-card-nav a {
    color: #292929;
}
.client-card-nav li.active a {
    color: #06bdf9;
}

.h-client-card-main {
    background: #f9f9f9;
    padding: 32px 30px;
    overflow: hidden;
    border-left: 1px solid #d0d0d0;
}
.b-card-client-form {
    overflow: hidden;
}
.b-card-warning-info {
    background: #F8E6AB;
    border-radius: 15px;
    margin: 0 0 17px;
    padding: 15px;
    font-size: 12px;
    color: #292929;
}
.b-card-warning-info h4 {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
}
.b-card-warning-info p {
    margin: 0;
}
.b-card-warning-info a {
    color: #4689D7;
    text-decoration: underline;
}
.b-card-client-form fieldset {
    margin: 0 0 25px;
}
.b-card-client-form label {
    display: block;
    font-weight: bold;
    color: #303949;
    margin: 0 0 7px;
}
.b-card-client-info {
    float: right;
    width: 165px;
    margin: 0 0 0 30px;
}
.b-card-ava {
    margin: 0 0 25px;
}
.card-ava-holder {
    width: 165px;
    height: 165px;
    background: #e9e7e7;
}
.card-ava-holder img {
    display: block;
}
.card-ava-replace {
    background: #1fb6f1;
    display: block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
}
.card-ava-default {
    box-sizing: border-box;
    width: 165px;
    height: 165px;
    background: #e9e7e7;
    text-align: center;
    padding: 52px 0 0;
}
.card-ava-default .fa-camera {
    font-size: 60px;
    color: #fff;
}
.b-card-rating {
    margin: 0 0 25px;
    padding: 22px 0 0;
    height: 14px;
    position: relative;
}
.card-rating-place {
    box-sizing: border-box;
    height: 14px;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    position: relative;
}
.card-rating-indicator {
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    border-radius: 10px;
}
.card-rating-count {
    position: absolute;
    top: 0px; left: 0;
}
.b-card-comment h4 {
    font-size: 14px;
    margin: 0 0 8px;
}
.b-card-comment textarea {
    width: 163px;
    height: 163px;
    font-style: normal;
}
.client-dl 
, .client-dl dd
, .client-dl dt {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}
.client-dl {
    line-height: 28px;
    margin: 0 15px 0 0;
}
.version-new h2.client-h2 {
    font-weight: bold;
}

.h-client-card-footer {
    border-top: 1px solid #d0d0d0;
    padding: 0 30px;
}
.h-client-card-main .h-client-card-footer {
    position: relative;
    bottom: -32px;
    left: -30px;
    margin: -32px -60px 0 0;
    padding: 0 60px;
    background: #fff;
}




.select2-container--default .select2-selection--single {
    border: 1px solid #b7b7b7;
    border-radius: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    color: #c6c6c6;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #c6c6c6 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #c6c6c6 transparent;
    border-width: 0 5px 5px 5px;
}
.select2-dropdown {
    border-color: #d0d0d0;
    border-radius: 0;
}
.select2-search--dropdown {
    padding: 0;
    border-bottom: 1px solid #d0d0d0;
}
.select2-search--dropdown:after {
    font-family: FontAwesome;
    color: #303949;
    content: "\f002";
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    left: 14px;
    top: 18px;
}
.select2-search--dropdown .select2-search__field {
    padding: 0 10px 0 44px;
    border: none;
    height: 56px;
    font-size: 14px;
    color: #59616e;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
}
.select2-search--dropdown .select2-search__field:focus {
    box-shadow: inset 0 -1px 2px rgba(0,0,0,.2);
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 410px;
}
.select2-results__option {
    border-bottom: 1px solid #d0d0d0;
    padding: 20px 12px;
}
.select2-results__option:last-child {
    border-bottom: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]
, .select2-container--default .select2-results__option[aria-selected=true] {
    color: #fff;
    background: #06bdf9;
}




.select2-container.select-search {
    display: block;
}
.select2-container.select-search .select2-choice {
    box-sizing: border-box;
    height: 28px;
    padding: 0 26px 0 6px;
    border-color: #b7b7b7;
    font-size: 12px;
    line-height: 26px;
    color: #c6c6c6;
    border-radius: 3px;
    background: #fff;
}
.select2-container-active.select-search .select2-choice {
    border-color: #b7b7b7;
    box-shadow: inset 0 -1px 2px rgba(0,0,0,.2);
}
.select2-dropdown-open.select-search .select2-choice {
    border-radius: 3px 3px 0 0;
}
.select2-container.select-search .select2-choice>.select2-chosen {
    width: 100%;
    min-width: 190px;
    max-width: 320px;
}
.select2-container.select-search .select2-choice .select2-arrow {
    width: 28px;
    border: none;
    border-radius: 0;
    background: none;
}
.select2-container.select-search .select2-choice .select2-arrow b {
    width: 0;
    height: 0;
    position: absolute;
    top: 50%; left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    border-color: #c6c6c6 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
}
.select2-dropdown-open.select-search .select2-choice .select2-arrow b {
    border-color: transparent transparent #c6c6c6 transparent;
    border-width: 0 5px 5px 5px;
}
.select2-drop.select-search-spec {
    color: #292929;
    border: 1px solid #b7b7b7;
    border-radius: 0;
    box-shadow: none;
}
.select2-drop-active.select-search-spec {
    border-color: #b7b7b7;
}
.select-search-spec .select2-search {
    padding: 0;
    border-bottom: 1px solid #d0d0d0;
}
.select-search-spec .select2-search:before {
    font-family: FontAwesome;
    color: #303949;
    content: "\f002";
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    left: 14px;
    top: 18px;
}
.select-search-spec .select2-search input {
    padding: 0 10px 0 44px;
    background: #fff !important;
    border: none;
    height: 56px !important;
    font-size: 14px;
    color: #59616e;
}
.select-search-spec .select2-search input:focus {
    box-shadow: inset 0 -1px 2px rgba(0,0,0,.2);
}
.select-search-spec .select2-results {
    max-height: 400px;
    padding: 0;
    margin: 0;
}
.select-search-spec .select2-results .select2-result-label {
    border-bottom: 1px solid #d0d0d0;
    padding: 20px 12px;
    min-height: auto;
}
.select-search-spec .select2-results .select2-highlighted {
    background: #06bdf9;
}






.version-new .popup-box-wrap.center-wide:before
, .popup-box-wrap.version-new-popup.center-wide:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; left: 0;
    background: rgba(0,0,0,.26);
    z-index: -1;
}
.version-new .popup-box-wrap.center-wide .popup-box-inner 
, .popup-box-wrap.version-new-popup.center-wide .popup-box-inner {
    background: #fff;
    box-shadow: 0 3px 9px rgba(0,0,0,.14);
}
.version-new .popup-box-inner .forms-tbl-layout th
, .version-new-popup .popup-box-inner .forms-tbl-layout th {
    font-weight: bold;
    color: #303949;
}
.version-new .popup-box-inner .forms-tbl-layout.grey-th th
, .version-new-popup .popup-box-inner .forms-tbl-layout.grey-th th {
    font-weight: normal;
    font-size: 13px;
    color: #828282;
    padding-bottom: 5px;
}
.version-new .popup-box-inner button.submit
, .version-new-popup .popup-box-inner button.submit {
    text-transform: uppercase;
    width: 160px;
}
.version-new .popup-box-inner button.submit.blue
, .version-new-popup .popup-box-inner button.submit.blue {
    background: #02baff;
}
.version-new .popup-box-inner button.submit.grey 
, .version-new-popup .popup-box-inner button.submit.grey {
    background: #d0d0d0;
    color: #4d4d4d;
}


.version-new .hr-bord {
    margin: 23px 0;
}
.version-new .forms-tbl-layout + .hr-bord {
    margin: 5px 0 23px;
}
.version-new .b-staff-card-data-body + .hr-bord {
    margin: 10px 0;
    border-bottom-color: #d0d0d0;
}

.version-new .forms-tbl-layout th.row-title {
    color: #000;
}
.version-new .f-l-r-wrap .forms-tbl-layout td {
    padding-bottom: 18px;
}
.version-new .h-filters-wrap .forms-tbl-layout .radio-list {
    padding-top: 5px;
}
.version-new .h-filters-wrap .forms-tbl-layout .radio-list li {
    font-size: 13px;
    color: #696969;
}
.version-new .h-filters-wrap .forms-tbl-layout .checkbox-list li {
    font-size: 12px;
    color: #696969;
}
.version-new .slider-range-wrap {
    width: 205px;
    margin: 0;
    padding: 20px 0 14px;
}
.version-new .ui-slider {
    margin-bottom: 0;
}
.version-new .ui-slider .slider-range1-max
, .version-new .ui-slider .slider-range1-min {
    top: 4px;
}
.version-new .slider-range1-text {
    width: 100%;
    top: -3px;
}

.version-new .radio-list.icons li {
    display: inline-block;
    float: none;
    margin: 0;
}
.version-new .radio-list.icons label {
    width: 31px;
    height: 31px;
    background: #fff;
    box-shadow: none;
    border: 1px solid #e2e0e0;
    font-size: 18px;
    line-height: 31px;
}
.version-new .radio-list.icons .fa-check {
    display: none;
}
.version-new .radio-list.icons input.radio:checked + label {
    border-color: #007dbd;
}
.version-new .radio-list.icons input.radio:checked + label .fa-check {
    display: inline-block;
    color: #007dbd;
}

.b-bonus-plat {
    background: #fdd208;
    box-shadow: 0 3px 9px rgba(0,0,0,.24);
    height: 77px;
    padding: 0 0 0 70px;
    font-size: 36px;
    line-height: 77px;
    text-align: center;
    position: relative;
}
.bonus-balance-h {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    color: #292929;
    position: absolute;
    top: 0; left: 15px;
}


.col-resizable-table .checkbox-custom {
    width: 13px;
    height: 13px;
}
.col-resizable-table .checkbox-custom .fa-check {
    font-size: 11px;
}


.h-client-card-main .statistics-list {
    float: none;
    width: auto;
    position: relative;
    right: -20px;
    margin-left: -20px;
}
.h-client-stat-wrap {
    background: #fff;
}
.client-stat-inner {
    padding: 30px 10px;
}
.client-stat-col {
    float: left;
    width: 50%;
}
.chart-donut-descr {
    float: left;
    width: 150px;
    padding: 0 10px;
}
.chart-donut-descr h3 {
    font-size: 14px;
    margin: 0 0 3px;
}
.donut-colors {
    font-size: 34px;
    line-height: 100%;
    margin: 0 0 15px;
}
.donut-colors:last-child {
    margin: 0;
}
.f-s-var2 .donut-colors {
    font-size: 25px;
}
.donut-colors.col1 {
    color: #02baff;
}
.donut-colors.col2 {
    color: #72d7fb;
}
.donut-colors.col3 {
    color: #2dc042;
}
.donut-colors.col4 {
    color: #ff0000;
}
.donut-colors.col5 {
    color: #a9a9a9;
}
.donut-colors .fa-rub {
    font-size: 20px;
}
.chart-donut-wrap {
    float: left;
    width: 172px;
    height: 172px;
    padding: 0 10px;
}
.chart-donut-wrap.palette1 .ct-series-a .ct-slice-donut-solid {
    fill: #06bdf9;
    stroke: #fff;
    stroke-width: 2px;
}
.chart-donut-wrap.palette1 .ct-series-b .ct-slice-donut-solid {
    fill: #72d7fb;
    stroke: #fff;
    stroke-width: 2px;
}
.chart-donut-wrap.palette2 .ct-series-a .ct-slice-donut-solid {
    fill: #2dc042;
    stroke: #fff;
    stroke-width: 2px;
}
.chart-donut-wrap.palette2 .ct-series-b .ct-slice-donut-solid {
    fill: #a9a9a9;
    stroke: #fff;
    stroke-width: 2px;
}
.chart-donut-wrap.palette2 .ct-series-c .ct-slice-donut-solid {
    fill: #ff0000;
    stroke: #fff;
    stroke-width: 2px;
}
.chart-donut-wrap.palette2 .ct-series-d .ct-slice-donut-solid {
    fill: #06bdf9;
    stroke: #fff;
    stroke-width: 2px;
}

/*}}}*/


/*{{{ =Staff*/

.staff-h2 {
    font-size: 24px;
    font-weight: bold;
    text-transform: none;
    color: #000;
    margin: 0 0 20px;
}

.h-staff-card-header {
    background: #fff;
    margin: 0 0 18px;
    position: relative;
}
.staff-copy {
    box-sizing: border-box;
    display: block;
    width: 44px;
    height: 44px;
    font-size: 18px;
    color: #06bdf9;
    border: 2px solid #06bdf9;
    border-radius: 50%;
    position: absolute;
    top: 50%; right: 28px;
    transform: translateY(-50%);
    text-align: center;
    line-height: 40px;
}
.staff-copy .fa-files-o {
    transform: scale(-1, 1);
}
.staff-card-nav {
    padding: 30px 80px 30px 25px;
}
.staff-card-nav li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin: 0 25px 0 0;
}
.staff-card-nav a {
    color: #292929;
}
.staff-card-nav .active a {
    color: #06bdf9;
}

.h-staff-card-sidebar {
    float: left;
    width: 275px;
    margin: 0 18px 0 0;
    padding: 0 0 80px;
}
.b-staff-card-section {
    background: #fff;
    margin: 0 0 20px;
}
.b-staff-card-section.color2 {
    background: #fae28c;
}
.b-staff-card-person {
    position: relative;
    text-align: center;
    padding: 20px 25px;
}
.b-staff-card-person h3 {
    font-size: 24px;
    font-weight: normal;
    color: #000;
    margin: 0 0 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.b-staff-card-person h4 {
    font-size: 14px;
    font-weight: normal;
    color: #6f6f6f;
    margin: 0;
}
.staff-card-img-change {
    position: absolute;
    top: 17px; right: 17px;
    font-size: 14px;
    color: #6f6f6f;
}
.staff-card-img {
    width: 175px;
    height: 175px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto 20px;
}
.staff-card-img.var2 {
    width: 134px;
    height: 134px;
}
.staff-card-img img {
    display: block;
    border-radius: 50%;
}
.b-staff-card-info {
    padding: 20px 25px;
}
.staff-card-info-field h4 {
    font-size: 14px;
    color: #303949;
    margin: 0 0 5px;
}
.staff-card-info-field input.text + .checkbox-list {
    padding: 15px 0;
}
.staff-card-info-field:last-child input.text + .checkbox-list {
    padding-bottom: 0;
}
.checkbox-list.round-check li {
    color: #303949;
    margin: 0 0 7px;
}
.checkbox-list.round-check li:last-child {
    margin: 0;
}
.checkbox-list.round-check .checkbox-custom {
    width: 35px;
    height: 35px;
    border-radius: none;
    border: none;
    background: none;
    margin: 0 10px 0 0;
}
.checkbox-list.round-check.single {
    text-align: center;
}
.checkbox-list.round-check.single .checkbox-custom {
    margin: 0;
}
.checkbox-list.round-check .checkbox-custom .fa-check {
    display: block;
    box-sizing: border-box;
    color: #007dbd;
    font-size: 18px;
    width: 35px;
    height: 35px;
    background: #fff;
    border: 1px solid #e2e0e0;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
}
.checkbox-list.round-check .checkbox-custom .fa-check:before {
    display: none;
}
.checkbox-custom input[type=checkbox]:checked + .fa-check {
    border-color: #007dbd;
}
.checkbox-custom input[type=checkbox]:checked + .fa-check:before {
    display: inline;
}
.checkbox-list.round-check label {
    display: inline-block;
    vertical-align: middle;
}
.version-new .checkbox-list.round-check .quest-link-opener {
    vertical-align: middle;
}
.checkbox-list.round-check a.light-blue {
    color: #02baff;
    text-decoration: underline;
}
.b-staff-card-status {
    position: relative;
    padding: 20px 25px;
}
.version-new .b-staff-card-status .quest-link-opener.absolute {
    top: 14px; right: 14px;
}

.h-staff-card-content {
    overflow: hidden;
    padding: 0 0 80px;
}
.b-staff-card-data {
    position: relative;
}
.version-new .b-staff-card-data .quest-link-opener.absolute {
    top: 11px; right: 11px;
}
.b-staff-card-data-head {
    padding: 20px 25px;
    border-bottom: 1px solid #d0d0d0;
}
.b-staff-card-data-head h4 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #303949;
    margin: 0 20px 0 0;
}
.b-staff-card-data-head h4.f-left {
    margin-top: 6px;
}
.b-staff-card-data-body {
    padding: 20px 25px;
}
.b-staff-card-data-body h4.staff-card-data-body-h4 {
    font-size: 14px;
    color: #303949;
    margin: 0 0 20px;
}
.b-staff-card-data-body .forms-tbl-layout th {
    font-size: 14px;
    color: #303949;
    padding: 0 0 8px;
    text-align: left;
    vertical-align: top;
}
.b-staff-card-data-body .forms-tbl-layout tr:last-child td {
    padding-bottom: 0;
}

.staff-content-table {
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
}
.staff-content-table td {
    border: 1px solid #b7b7b7;
    text-align: left;
    vertical-align: middle;
    padding: 10px 0;
    font-size: 14px;
    color: #303949;
}
.staff-content-table tr.level-1-tr td {
    background: #fdd208;
}
.staff-content-table tr.level-2-tr td {
    background: #d3f3ff;
}
.staff-content-table .fht-w {
    padding: 0 10px;
    position: relative;
}
.staff-content-table tr.level-1-tr td:first-child .fht-w {
    padding-left: 14px;
}
.staff-content-table tr.level-2-tr td:first-child .fht-w {
    padding-left: 43px;
}
.staff-content-table tr.level-3-tr td:first-child .fht-w {
    padding-left: 85px;
}
.staff-content-table .centered {
    text-align: center;
}
.staff-content-table .checkbox-custom {
    position: absolute;
    top: 50%; 
    transform: translateY(-50%);
}
.staff-content-table tr.level-1-tr .checkbox-custom {
    position: relative;
    top: auto;
    transform: none;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.staff-content-table tr.level-2-tr .checkbox-custom {
    left: 14px;
}
.staff-content-table tr.level-3-tr .checkbox-custom {
    left: 56px;
}
.staff-edit-input {
    width: 40px;
    position: relative;
    top: -3px; left: -5px;
    margin: 0 -12px -6px 0;
}
.staff-edit-input input.text {
    text-align: center;
}
.b-staff-card-section .h-bottom-wrap {
    padding-bottom: 0;
}

.staff-schedule-select-wrap select {
    float: left;
    width: 63px;
    margin: 0 11px 0 0;
}
.staff-schedule-select-wrap.width2 select {
    width: 95px;
}
.select-spacer {
    float: left;
    width: 22px;
}
.staff-schedule-select-wrap .v-al-m {
    line-height: 28px;
    margin: 0 11px 0 0;
}
.staff-schedule-add-tr {
    display: block;
    width: 26px;
    height: 26px;
    box-shadow: 0 3px 26px rgba(0,0,0,.09);
    border-radius: 50%;
    background: #02baff;
    font: bold 14px/24px Arila, sans-serif;
    text-decoration: none;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}
.staff-schedule-added-tr td {
    position: relative;
    padding-top: 0;
}
.staff-schedule-added-tr td:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: -1px;
    left: 0;
}
.staff-schedule-added-tr td .staff-schedule-add-tr {
    background: #b4b4b4;
    transform: rotate(45deg);
}
.both-radios-wrap {
    padding-top: 30px;
}

.h-staff-card-footer {
    box-sizing: border-box;
    position: fixed;
    bottom: 0; left: 0;
    z-index: 20;
    width: 100%;
    height: 78px;
    padding: 25px 85px 0 0;
    background: #fff;
    border-top: 1px solid #d0d0d0;
}


.days-edit-teaser {
    width: 245px;
    height: 42px;
    box-sizing: border-box;
    padding: 12px 0 0 18px;
    position: fixed;
    bottom: 0;
    left: 20px;
    z-index: 400;
    background: #2e2e2e;
    border-radius: 10px 10px 0 0;
    color: #fff;
}
.days-edit-teaser-closer
, .days-edit-teaser .fa-window-maximize {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer;
    margin-top: 1px;
}
.days-edit-teaser .fa-window-maximize {
    right: 45px;
}
.days-edit-teaser a {
    color: #fff;
}

/*}}}*/


/*{{{ =Staff schedule*/

.h-grafik-head {
    background: #808080;
    position: relative;
    padding: 13px 50px 12px;
    text-align: center;
}

.h-grafik-head h2 {
    font-size: 24px;
    font-weight: normal;
    line-height: 100%;
    color: #fff;
}

.h-grafik-head .larr
, .h-grafik-head .rarr {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../i/arrows.png) 0 0 no-repeat;
    position: absolute;
    top: 50%; left: 12px;
    margin-top: -12px;
    cursor: pointer;
    text-indent: -9999px;
    outline: none;
}

.h-grafik-head .rarr {
    background-position: 0 -24px;
    left: auto; right: 12px;
}

.grafik-table {
    border: 2px solid #808080;
    border-top: none;
    width: 100%;
    table-layout: fixed;
    margin: 0 0 10px;
}

.grafik-table td {
    border: 1px solid #808080;
    background: #f2f2f2;
    width: 14.3%;
    height: 38px;
    text-align: left;
    vertical-align: top;
}

.grafik-table td.work-td {
    background: #fff;
}

.grafik-table td.sick-td {
    background: #f7dfdf;
}

.grafik-table td.rest-td {
    background: #f7dfdf;
}

.grafik-table td.spec-td {
    background: #dff7df;
}

.grafik-table td.vacation-td {
    background: #dfebf7;
}

.wtd-wr {
    height: 100%;
    position: relative;
    min-width: 78px;
    padding: 0 5px;
}

.popup-opener-active {
    outline: 4px solid #7aa3cc;
}

.wtd-date {
    display: block;
    width: 25px;
    position: absolute;
    top: 4px; left: 5px;
    font-size: 18px;
    font-weight: bold;
    line-height: 100%;
    color: #4c4c4c;
}

.non-working-td .wtd-date
, .weekend-td .wtd-date {
    color: #cc7a7a;
}

.rest-td .wtd-date {
    color: #cc7a7a;
}


.wtd-ic {
    display: block;
    width: 17px;
    height: 18px;
    background-image: url(../i/grafik-ic.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 5px; right: 5px;
    text-indent: -9999px;
    overflow: hidden;
    outline: none;
}

.dl-col dl .wtd-ic {
    top: 0; right: auto; left: 0;
}

.wtd-ic_work {
    background-position: 0 0;
}

.wtd-ic_sick {
    background-position: 0 -18px;
}

.wtd-ic_rest {
    background-position: 0 -126px;
}

.wtd-ic_spec {
    background-position: 0 -144px;
}

.wtd-ic_vacation {
    background-position: 0 -36px;
}

.wtd-ic_vacation2 {
    background-position: 0 -108px;
}

.wtd-ic_overtime {
    background-position: 0 -54px;
}

.wtd-ic_trip {
    background-position: 0 -72px;
}

.wtd-ic_decree {
    background-position: 0 -90px;
}

.wtd-time {
    font-size: 9px;
    line-height: 110%;
    color: #4c4c4c;
    display: block;
    width: 100%;
    padding: 24px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dl-col {
    float: left;
    width: 33.2%;
    min-height: 70px;
    border-left: 1px dotted #797979;
}

.dl-col_var2 {
    width: 24.9%;
    min-height: 45px;
}

.dl-col dl {
    margin: 0 30px 5px 0;
    padding: 0 0 0 20px;
}

.dl-col_first {
    border: none;
}

.dl-col_first dl {
    padding: 0;
}

.dl-col dl dt {
    width: 25px;
    height: 18px;
    float: left;
    position: relative;
}

.dl-col dl dd {
    overflow: hidden;
}

.dl-col input.submit {
    float: right;
    margin: 18px 0 0;
    padding: 5px 35px;
}


.updated_vers .h-grafik-head {
    background: #fff;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    height: 78px;
}
.updated_vers .h-grafik-head h2 {
    font-size: 18px;
    color: #303949;
    text-transform: uppercase;
    margin: 0;
    padding: 32px 0 0;
}
.updated_vers .h-grafik-head .larr
, .updated_vers .h-grafik-head .rarr {
    display: block;
    width: 35px;
    height: 35px;
    background: #02baff;
    position: absolute;
    top: 50%;
    left: 14px;
    margin-top: -17px;
    cursor: pointer;
    text-indent: 0;
    outline: none;
    border-radius: 50%;
}
.updated_vers .h-grafik-head .rarr {
    left: auto; right: 14px;
}
.updated_vers .h-grafik-head .fa-arrow-left
, .updated_vers .h-grafik-head .fa-arrow-right {
    font-size: 26px;
    line-height: 35px;
    color: #fff;
}
.updated_vers .grafik-table {
    border: none;
    width: 100%;
    table-layout: fixed;
    margin: 0 0 24px;
}
.updated_vers .grafik-table td {
    border: 1px solid #a2a3a3;
    background: #eaeaea;
    width: 14.3%;
    height: 70px;
    text-align: left;
    vertical-align: top;
}
.updated_vers .grafik-table td.work-td {
    background: #a8dab0;
}
.updated_vers .grafik-table td.sick-td {
    background: #f2d4d4;
}
.updated_vers .grafik-table td.rest-td {
    background: #c7dcee;
}
.updated_vers .grafik-table td.vacation-td {
    background: #c7dcee;
}
.updated_vers .wtd-wr {
    height: 100%;
    position: relative;
    min-width: none;
    padding: 0 11px;
    box-sizing: border-box;
}
.updated_vers .popup-opener-active
, .updated_vers .popup-box-opener-active {
    outline: 5px solid #fae28c;
}
.updated_vers .wtd-date {
    display: block;
    width: auto;
    position: absolute;
    top: 10px;
    left: 11px;
    font: bold 20px Arial, sans-serif;
    color: rgba(0,0,0,.6);
}
.updated_vers .non-working-td .wtd-date {
    color: #c63d3d;
}
.updated_vers .wtd-date sup {
    color: #00a651;
    font-size: 20px;
    position: absolute;
    top: -5px; left: 100%;
    padding: 0 0 0 3px;
}
.updated_vers .wtd-ic {
    display: block;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    background: none;
    position: absolute;
    top: 10px; right: 11px;
    text-indent: 0;
    overflow: hidden;
    outline: none;
    border-radius: 4px;
    font: 12px/22px Arial, sans-serif;
    color: #fff;
    text-align: center;
}
.updated_vers .dl-col dl .wtd-ic {
    top: 0; right: auto; left: 0;
}
.updated_vers .wtd-ic_work {
    background: #82bf8b;
}
.updated_vers .wtd-ic_sick {
    background: #dbadad;
}
.updated_vers .wtd-ic_rest {
    background: #acc3d7;
}
.updated_vers .wtd-ic_spec {
    background: #acc3d7;
}
.updated_vers .wtd-ic_vacation {
    background: #acc3d7;
}
.updated_vers .wtd-ic_vacation2 {
    background: #acc3d7;
}
.updated_vers .wtd-ic_overtime {
    background: #82bf8b;
}
.updated_vers .wtd-ic_trip {
    background: #acc3d7;
}
.updated_vers .wtd-ic_decree {
    background: #dbadad;
}
.updated_vers .wtd-ic_manual {
    background: #fff;
    border: 1px solid #636363;
    font-size: 14px;
    font-weight: bold;
    color: rgba(0,0,0,.8);
}
.updated_vers .wtd-ic_manual .star {
    color: #00a651;
    font-size: 20px;
    line-height: 16px;
    display: inline-block;
    position: relative;
    top: 2px;
}
.updated_vers .wtd-time {
    font: 11px/100% Arial, sans-serif;
    color: rgba(0,0,0,.8);
    display: block;
    width: calc(100% - 22px);
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 12px; left: 11px;
}

.updated_vers .dl-col {
    float: left;
    width: 25%;
    min-height: auto;
    border: none;
}
.updated_vers .dl-col_var2 {
    width: 24.9%;
    min-height: auto;
}
.updated_vers .dl-col dl {
    margin: 0 30px 9px 0;
    padding: 0;
}
.updated_vers .dl-col_first {
    border: none;
}
.updated_vers .dl-col_first dl {
    padding: 0;
}
.updated_vers .dl-col dl dt {
    width: 22px;
    height: 22px;
    float: left;
    position: relative;
}
.updated_vers .dl-col dl dd {
    overflow: hidden;
    padding: 0 0 0 12px;
}
.updated_vers .dl-col input.submit {
    float: right;
    margin: 18px 0 0;
    padding: 5px 35px;
}


.h-popup-wrap {
    width: 335px;
    background: #f2f2f2;
    box-shadow: 0 2px 10px rgba(0,0,0,.75);
    position: absolute;
}

.h-popup-wrap:after { 
    content: " "; 
    width: 0; 
    height: 0; 
    position: absolute; 
    top: 100%; right: 85px;
    border: 10px solid rgba(242, 242, 242, 0);
    border-top-color: #f2f2f2;
    pointer-events: none; 
}

.popup-closer {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../i/close.png) 0 0 no-repeat;
    position: absolute;
    top: 17px; right: 10px;
    cursor: pointer;
}

.h-popup-inner {
    padding: 17px 10px 10px;
}

.h-popup-title {
    border-bottom: 1px dotted #797979;
    margin: 0 0 10px;
    padding: 0 35px 17px 0;
    font-size: 16px;
    line-height: 100%;
    color: #4c4c4c;
}

.grafik-edit-form fieldset {
    position: relative;
    left: -10px;
    margin: 0 -10px 0 0;
}

.grafik-edit-form table {
    width: 100%;
}

.grafik-edit-form th {
    font-size: 12px;
    font-weight: normal;
    line-height: 100%;
    color: #a6a6a6;
    text-align: left;
    vertical-align: top;
    padding: 0 0 2px;
}

.grafik-edit-form td {
    text-align: left;
    vertical-align: top;
    padding: 0 0 10px;
}

.grafik-edit-form .b-form-mar {
    padding: 0 0 0 10px;
}

.time-wrap select {
    float: left;
    width: 60px;
}

.time-wrap .ele {
    float: left;
    line-height: 32px;
    margin: 0 5px;
}

.time-wrap .plus-link {
    position: static;
    float: right;
    margin: 5px 0 0;
}

.choose-box-office {
    line-height: 30px;
}
.choose-box-office a {
    color: #06bdf9;
}
    
/*}}}*/


/*{{{ =Courses*/

.b-staff-card-course {
    text-align: center;
    padding: 20px 10px;
}

.b-staff-card-course h3 {
    font-size: 24px;
    margin: 0 0 5px;
}
.b-staff-card-course h4 {
    font-size: 14px;
    font-weight: normal;
    color: #6f6f6f;
    margin: 0;
}

/*}}}*/


/*{{{ =Partners*/

.b-sep-section {
    background: #fff;
    margin: 0 0 25px;
}
.b-sep-section-head {
    padding: 20px 25px;
    border-bottom: 1px solid #d0d0d0;
}
.b-sep-section-head h4 {
    font-size: 14px;
    font-weight: normal;
    color: #303949;
    text-transform: uppercase;
    margin: 0;
}
.b-sep-section-body {
    padding: 30px 30px 30px 25px;
}
.b-sep-section-body p {
    margin: 0 0 25px;
}

/*}}}*/


/*{{{ =Settings apps*/

.file-download.button {
    width: 220px;
}
.file-download.button a {
    display: block;
}

.b-settings-box {
    margin: 0 0 50px;
}
.b-settings-box:last-child {
    margin: 0;
}
.b-settings-box h4 {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #303949;
    margin: 0 0 20px;
}
.b-settings-pic {
    float: left;
    width: 212px;
    margin: 0 28px 0 0;
}
.b-settings-content {
    overflow: hidden;
}

.sett-custom-btn {
    display: block;
    width: 212px;
    height: 37px;
    background: #dae4e4;
    border-radius: 20px;
    text-transform: uppercase;
    color: #292929;
    text-align: center;
    line-height: 37px;
}

.sett-custom-call {
    display: block;
    width: 70px;
    height: 70px;
    background: #7e9da9;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 50px;
    line-height: 76px;
    margin: 0 auto;
}

.with-th-in-tr th {
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    padding: 0 18px 25px 0;
}
.with-th-in-tr td {
    padding-bottom: 25px;
}
.with-th-in-tr tr:last-child th
, .with-th-in-tr tr:last-child td {
    padding-bottom: 0;
}

.downloaded-files-list {
    position: relative;
    bottom: -25px;
    margin-top: -25px;
}
.downloaded-files-list li {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    padding: 0 5px 25px 0;
}
.downloaded-files-list .dl-img {
    margin: 0 0 13px;
    position: relative;
}
.downloaded-files-list .dl-img img {
    display: block;
    width: 60px;
    height: 60px;
}
.downloaded-files-list .dl-img .dl-album {
    position: absolute;
    top: 50%; left: 80px;
    transform: translateY(-50%);
}
.downloaded-files-list .dl-delete
, .downloaded-files-list .dl-orig {
    display: block;
    margin: 0 0 5px;
}
.downloaded-files-list .dl-delete a {
    color: #ff0404;
}
.downloaded-files-list .dl-orig a 
, .downloaded-files-list .dl-album a {
    color: #2cc2f9;
}
.downloaded-files-list.w33 li {
    width: 29.8%;
    box-sizing: border-box;
}

.sett-hash {
    float: left;
    width: 17px;
    margin-left: -17px;
    font-size: 18px;
    line-height: 28px;
    color: #696969;
}

.b-settings-box-footer {
    box-sizing: border-box;
    height: 78px;
    position: relative;
    left: -30px; bottom: -13px;
    margin: -13px -60px 0 0;
    padding: 25px 85px 0 0;
    background: #fff;
    border-top: 1px solid #d0d0d0;
}

/*}}}*/


/*{{{ =Project*/

.b-theme {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 30%;
    padding: 0 30px 30px 0;
}
.b-theme-inner {
    box-sizing: border-box;
    background: #fff;
    padding: 18px;
    position: relative;
    min-height: 130px;
}
.b-theme-inner h4 {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #303949;
    margin: 0 60px 12px 0;
}
.theme-edit-ic
, .theme-basket-ic {
    position: absolute;
    top: 15px; right: 48px;
    font-size: 14px;
    color: #888;
}
.theme-basket-ic {
    right: 18px;
}
.b-theme-tasks {
    margin: 0 0 10px;
}
.b-theme-tasks h5 {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: normal;
    color: #292929;
    margin: 0 13px 0 0;
}
.theme-task-count {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #292929;
    margin: 0 13px 0 0;
    padding: 0 0 0 20px;
    position: relative;
}
.theme-task-count:after {
    content: " ";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
}
.theme-task-count.blue:after {
    background: #46c7fa;
}
.theme-task-count.red:after {
    background: #ed1c24;
}
.theme-numbers {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.theme-numbers li {
    display: inline-block;
    margin: 0 2px 0 0;
}
.theme-numbers img {
    display: block;
    border-radius: 50%;
}
.theme-numbers.ellipsis:after {
    content: "\2026";
    display: block;
    width: 20px;
    height: 100%;
    position: absolute;
    bottom: 0; right: 0;
    background: #fff;
    font-size: 20px;
    line-height: 40px;
    color: #292929;
    text-align: right;
}
.theme-avatar-holder {
    width: 29px;
    height: 29px;
    background: #06bdf9;
    border-radius: 50%;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 29px;
}


.h-project-fixed-head {
    background: #f5f5f5;
    box-sizing: border-box;
    width: calc(100% - 184px - 60px);
    height: 66px;
    padding: 13px 0 0;
    position: fixed;
    top: 55px;
    z-index: 1;
    transition: width .3s ease-out;
}
.h-sidebar.shrink + .h-content-column .h-project-fixed-head {
    width: calc(100% - 55px - 60px);
}
.h-project-fixed-head .f-l-r-wrap h2 {
    margin-top: 3px;
}

.h-project-search-wrap {
    overflow: hidden;
    padding: 0 18px 0 20px;
}
.h-project-search-inner {
    position: relative;
}
.h-project-search-wrap input.text {
    border-color: transparent;
}
.h-project-search-wrap input.text:focus {
    box-shadow: none;
}
.h-project-search-wrap .fa-search {
    position: absolute;
    top: 50%; right: 10px;
    transform: translateY(-50%);
    font-size: 14px;
    color: #888;
}
.version-new .project-filter-opener {
    display: block;
    width: auto;
    height: auto;
    border: none;
    font-size: 18px;
    color: #888;
    float: right;
    margin: 4px 85px 0 0;
}
.version-new .project-filter-opener:hover {
    color: #02baff;
}

.h-tasks-scroll-wrap {
    position: relative;
    margin: 53px 0 0 0;
    overflow-x: scroll;
    overflow-y: hidden;
    transform: rotateX(180deg);
}
.h-tasks-scroll-wrap::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 8px;
}
.h-tasks-scroll-wrap::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #d0d0d0;
}

.h-tasks-wrap {
    box-sizing: border-box;
    display: flex;
    padding: 0 0 22px;
    position: relative;
    left: -30px;
    margin-right: -30px;
    height: 100%;
}
.b-task {
    box-sizing: border-box;
    float: left;
    width: 33.3%;
    min-width: 356px;
    max-height: 100%;
    padding: 0 0 0 30px;
    transform: scale(1, -1);
}
.b-task-inner {
    height: 100%;
}
.b-task-head {
    padding: 17px 65px 16px 20px;
    border-bottom: 1px solid #d0d0d0;
    position: relative;
    background: #e9e7e7;
}
.b-task-head h4 {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #303949;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.b-task-head .task-edit-ic
, .b-task-head .task-basket-ic {
    position: absolute;
    top: 50%; right: 45px;
    transform: translateY(-50%);
    font-size: 14px;
    color: #888;
}
.b-task-head .task-basket-ic {
    right: 15px;
}
.b-task-body {
    height: calc(100% - 53px);
    overflow: auto;
}
.b-task-body-inner {
    background: #e9e7e7;
    padding: 10px;
}
.tasks-list li {
    background: #fff;
    box-shadow: 9px 6px 24px rgba(0,0,0,.1);
    margin: 0 0 10px;
    padding: 13px;
}
.tasks-list li:last-child {
    margin: 0;
}
.tasks-list h5 {
    font-size: 14px;
    font-weight: normal;
    color: #292929;
    margin: 0 0 10px;
}
.tasks-list-meta {
    float: left;
    margin: 3px 0 0;
}
.task-status {
    display: inline-block;
    vertical-align: middle;
    background: #dae4e4;
    line-height: 24px;
    border-radius: 13px;
    margin: 0 11px 0 0;
    padding: 0 10px;
}
.task-status.red {
    background: #ed1c24;
    color: #fff;
}
.task-status.green {
    background: #28d239;
    color: #fff;
}
.task-comment {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}
.task-attach {
    display: inline-block;
    vertical-align: middle;
}
.task-attach .fa-paperclip {
    transform: rotate(-90deg);
}
.tasks-list-numbers {
    float: right;
    position: relative;
}
.tasks-list-numbers.ellipsis {
    padding: 0 20px 0 0;
}
.tasks-list-numbers.ellipsis:after {
    content: "\2026";
    display: block;
    width: 20px;
    height: 100%;
    position: absolute;
    bottom: 0; right: 0;
    background: #fff;
    font-size: 20px;
    line-height: 40px;
    color: #292929;
    text-align: right;
}
.tasks-list-numbers-item {
    float: left;
    margin: 0 0 0 5px;
}
.tasks-list-numbers-item img {
    display: block;
}


.b-excell-download {
    background: #fff;
    border: 1px solid #d3d3d3;
    min-height: 105px;
    position: relative;
    margin: 0 0 30px;
}
.b-excell-download .file-download.button {
    width: 164px;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}
.b-excell-download .checkbox-list.round-check {
    position: absolute;
    top: 50%; left: 25px;
    transform: translateY(-50%);
}

.box-shadow.scrollable {
    overflow: auto;
}


.room-avail-border {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    margin: 0 auto;
    background: #fff;
}
.room-avail-border.green {
    border-color: #36bd43;
    color: #36bd43;
}
.room-avail-border.red {
    border-color: #cc0000;
    color: #cc0000;
}
.room-avail-border.grey {
    border-color: #c7be8a;
    color: #c7be8a;
}


.h-white-wide-bigwindow-wrap .h-bigwindow-inner {
    width: 767px;
}
.h-white-wide-bigwindow-wrap .h-bigwindow-subinner {
    background: #fff;
    box-shadow: none;
    box-sizing: border-box;
    padding: 53px 0 0;
}
.h-white-wide-bigwindow-wrap .bigwindow-head {
    box-shadow: none;
    border-bottom: 1px solid #d0d0d0;
    box-sizing: border-box;
    width: 100%;
    padding: 18px 30px 16px;
    position: absolute;
    top: 0; left: 0;
}
.h-white-wide-bigwindow-wrap div.bigwindow-head h2 {
    font-weight: normal;
    color: #303949;
}
.h-white-wide-bigwindow-wrap .bigwindow-body {
    padding: 0;
    height: 100%;
    overflow: auto;
}
.h-white-wide-bigwindow-wrap .bigwindow-footer {
    padding: 25px 30px;
    background: #fff;
    border-top: 1px solid #d0d0d0;
}

.bw-popup-task-col1 {
    box-sizing: border-box;
    float: left;
    padding: 20px 15px 0 30px;
    width: 555px;
}
.bw-popup-task-field {
    margin: 0 0 13px;
}
.bw-popup-task-field h3 {
    font-size: 14px;
    font-weight: bold;
    color: #292929;
    margin: 0;
}
.bw-popup-task-field h4 {
    font-size: 13px;
    font-weight: normal;
    color: #828282;
    margin: 0 0 10px;
}
.bw-popup-task-field label {
    display: block;
    font-size: 13px;
    color: #828282;
    margin: 0 0 3px;
}
.bigwindow-body .bw-popup-task-field input.text {
    height: 28px;
    font-size: 14px;
    color: #292929;
}
.bw-popup-task-field textarea {
    height: 133px;
    font-size: 14px;
    font-style: normal;
    color: #292929;
}
.bw-popup-task-people {
    display: inline-block;
    vertical-align: top;
    margin: 0 40px 0 0;
}
.bw-popup-task-people h5 {
    font-size: 13px;
    font-weight: normal;
    color: #828282;
    margin: 0 0 5px;
}
.bw-popup-task-people-list li {
    float: left;
    margin: 0 6px 0 0;
}
.bw-popup-task-people-list img {
    display: block;
    border-radius: 50%;
}
.bw-popup-task-people-list-add {
    display: block;
    width: 29px;
    height: 29px;
    background: #dae4e4;
    border-radius: 50%;
    font-size: 27px;
    line-height: 29px;
    text-align: center;
    color: #3c4452;
    cursor: pointer;
}
.bw-popup-task-people-list .hellip {
    display: inline-block;
    height: 29px;
    overflow: hidden;
    font-size: 20px;
    line-height: 38px;
    color: #292929;
}

.bw-popup-task-dates-list li {
    margin: 0 0 13px;
}
.bw-popup-task-dates-list-inn {
    box-sizing: border-box;
    display: inline-block;
    border-radius: 12px;
    border: 1px solid #dae4e4;
    font-size: 14px;
    color: #292929;
    padding: 2px 10px;
    min-height: 25px;
}
.bw-popup-task-dates-list-inn.deadline {
    background: #dae4e4;
}
.bw-popup-task-dates-list-inn.milestone {
    background: #fff;
}

.bw-popup-task-files-list li {
    margin: 0 0 3px;
}
.bw-popup-task-files-list a {
    color: #02baff;
}

.bw-popup-task-activity {
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 0 45px;
}
.bw-popup-task-activity-ava {
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0; left: 0;
}
.bw-popup-task-activity-ava img {
    display: block;
    border-radius: 50%;
}
.bw-popup-task-activity p {
    margin: 0 0 3px;
}
.bw-popup-task-activity a {
    color: #02baff;
}
.bw-popup-task-activity textarea {
    height: 80px;
}
.bw-popup-task-activity-date {
    font-size: 13px;
    color: #828282;
}

.bw-popup-task-col2 {
    box-sizing: border-box;
    position: fixed;
    left: 555px;
    padding: 41px 30px 0 15px;
    width: 211px;
}
.bw-popup-task-btns li {
    margin: 0 0 22px;
}
.bigwindow-body .bw-popup-task-col2 button.submit {
    width: 100%;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
.bw-popup-task-col2 .file-download.button {
    width: 100%;
}
.bw-popup-task-col2 .file-download.button .btn-blue-light {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
.b-t-item.f-s-14 {
    font-size: 14px;
    padding: 6px 0 6px 40px;
}


.datepicker-task-inline {
    margin: 0 0 20px;
}
.datepicker-task-inline .ui-datepicker {
    padding: 0;
    border: none;
    color: rgba(0,0,0,.8);
    font-family: Arial, sans-serif;
}
.datepicker-task-inline .ui-datepicker-header {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    height: 78px;
    padding: 0;
}
.datepicker-task-inline .ui-datepicker .ui-datepicker-prev
, .datepicker-task-inline .ui-datepicker .ui-datepicker-next {
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: #02baff;
    border-radius: 50%;
    cursor: pointer;
}
.datepicker-task-inline .ui-datepicker .ui-datepicker-prev {
    left: 15px;
}
.datepicker-task-inline .ui-datepicker .ui-datepicker-next {
    right: 15px;
}
.datepicker-task-inline .ui-datepicker .ui-datepicker-prev:after
, .datepicker-task-inline .ui-datepicker .ui-datepicker-next:after {
    display: block;
    content: "\f060";
    font: normal normal normal 26px/35px FontAwesome;
    text-align: center;
}
.datepicker-task-inline .ui-datepicker .ui-datepicker-next:after {
    transform: rotate(-180deg);
}
.datepicker-task-inline .ui-datepicker .ui-datepicker-prev span
, .datepicker-task-inline .ui-datepicker .ui-datepicker-next span {
    display: none;
}
.datepicker-task-inline .ui-datepicker .ui-datepicker-title {
    margin: 0;
    color: #303949;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 78px;
    font-weight: normal;
    text-transform: uppercase;
}
.datepicker-task-inline .ui-datepicker table thead {
    display: none;
}
.datepicker-task-inline .ui-datepicker td {
    border: 1px solid #a2a3a3;
    background: #fff;
    width: 14.3%;
    height: 70px;
    text-align: left;
    vertical-align: top;
    padding: 0;
}
.datepicker-task-inline .ui-datepicker table .ui-state-default {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    font: bold 20px Arial, sans-serif;
    color: rgba(0,0,0,.8);
    padding: 10px 11px 0;
    text-align: left;
    border-radius: 0;
}
.datepicker-task-inline .ui-datepicker table .ui-datepicker-week-end .ui-state-default {
    color: rgba(198,61,61,.8);
}
.datepicker-task-inline .ui-datepicker table .ui-state-hover {
    background: none;
}
.datepicker-task-inline .ui-datepicker table .ui-state-active
, .datepicker-task-inline .ui-datepicker table .ui-datepicker-week-end .ui-state-active {
    color: rgba(255,255,255,.8);
    background: #02baff;
}
.datepicker-task-inline .ui-datepicker table .ui-state-highlight {
    border: none;
}

/*}}}*/





/*{{{ =Sidebar Theme White*/

.sidebar-theme__white {
    background: #fff;
    box-sizing: border-box;
    border-right: 1px solid #E9E9E9;
    color: #444;
}

.sidebar-theme__white .b-sideshadow-item,
.sidebar-theme__white .ui-datepicker-multi-2 .ui-datepicker-group-first {
    box-shadow: none;
}

.sidebar-theme__white .datepicker-input-inline .ui-widget-header,
.sidebar-theme__white .datepicker-input-inline .ui-widget-content,
.sidebar-theme__white .datepicker-input-inline .ui-datepicker td span, 
.sidebar-theme__white .datepicker-input-inline .ui-datepicker td a {
    color: #444;
}

.sidebar-theme__white .datepicker-input-inline .ui-state-disabled .ui-state-default {
    color: #b0b0b0;
}

.sidebar-theme__white .datepicker-input-inline .ui-datepicker .ui-datepicker-today .ui-state-highlight {
    border-color: #0087B8;
}

.sidebar-theme__white .datepicker-input-inline .ui-datepicker .ui-state-active {
    background: #FFFF00;
    color: #444;
}

.sidebar-theme__white .b-sideshadow-item input.text {
    color: #444;
    border-color: #b0b0b0;
}

.sidebar-theme__white .side-sched-item dd .btn.white {
    background: #EBEBEB;
    color: #000;
}

.sidebar-theme__white .side-sched-item dd .btn {
    color: #fff;
    background: #0087B8;
}

.sidebar-theme__white .side-sched-item dd .edit-link {
    color: #0087B8;
}

.sidebar-theme__white .b-sideshadow-item.to-bottom {
    background: #fff;
    box-sizing: border-box;
    border-right: 1px solid #E9E9E9;
}

.sidebar-theme__white .feedback-link {
    color: #0087B8;
}

.sidebar-theme__white .datepicker-input-inline .ui-datepicker .ui-datepicker-prev span,
.sidebar-theme__white .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    width: 5px;
    height: 8px;
    margin: -4px 0 0 -3px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAQAAACFdibLAAAAaElEQVR42oXQwQ3AIAgFUEfpCIxgBO5uoJvUDTuCIzCCJiagtSaF2wvJB5xbim4Srhjf1EbLlxrWA/lrECYjUYoLwSAPJIaay1UpZEvFOZcMPRw5ZEUShj+mosy6/MbP+pCy3T4ZJeQOQ9Jo4np5ZQUAAAAASUVORK5CYII=") 0 0 no-repeat;
    background-size: 5px 8px;
}

.sidebar-theme__white .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    transform: rotate(180deg);
}

/*}}}*/


/*{{{ =Sidebar Theme Blue*/

.sidebar-theme__blue {
    background: #001F52;
    color: #B6CDE1;
}

.sidebar-theme__blue .b-sideshadow-item,
.sidebar-theme__blue .ui-datepicker-multi-2 .ui-datepicker-group-first {
    box-shadow: none;
}

.sidebar-theme__blue .datepicker-input-inline .ui-widget-header,
.sidebar-theme__blue .datepicker-input-inline .ui-widget-content,
.sidebar-theme__blue .datepicker-input-inline .ui-datepicker td span, 
.sidebar-theme__blue .datepicker-input-inline .ui-datepicker td a {
    color: #B6CDE1;
}

.sidebar-theme__blue .datepicker-input-inline .ui-state-disabled .ui-state-default {
    color: #667F97;
}

.sidebar-theme__blue .datepicker-input-inline .ui-datepicker .ui-datepicker-today .ui-state-highlight {
    border-color: #fff;
}

.sidebar-theme__blue .datepicker-input-inline .ui-datepicker .ui-state-active {
    background: #FFFF00;
    color: #B6CDE1;
}

.sidebar-theme__blue .b-sideshadow-item input.text {
    color: #A8BDCF;
    border-color: #A8BDCF;
}

.sidebar-theme__blue .side-sched-item dd .btn.white {
    background: #fff;
    color: #000;
}

.sidebar-theme__blue .side-sched-item dd .btn {
    color: #fff;
    background: #2B6599;
}

.sidebar-theme__blue .side-sched-item dd .edit-link {
    color: #2B6599;
}

.sidebar-theme__blue .b-sideshadow-item.to-bottom {
    background: #001F52;
}

.sidebar-theme__blue .feedback-link {
    color: #00AEEF;
}

.sidebar-theme__blue .datepicker-input-inline .ui-datepicker .ui-datepicker-prev span,
.sidebar-theme__blue .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    width: 5px;
    height: 8px;
    margin: -4px 0 0 -3px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAf0lEQVR4AWPABbaff1y/7ezD90B8f9OZ+wH4FP1Hwu/xK0Lg+0QpWn/8vgKSoifxWBS9R1G0DehYbIq2nrpvAFcE4oAEMRSi+xTkBnRFW8/eT8DwJTbTQO6FyaNYTbRikFW4PEOh4tP3G/AFOGHF5x6eB8kRUIyIa0KK34PcDwCVETkI93NS2wAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: 5px 8px;
}

.sidebar-theme__blue .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    transform: rotate(180deg);
}

/*}}}*/


/*{{{ =Sidebar Theme Green*/

.sidebar-theme__green {
    background: #2F4C40;
    color: #C0D8CE;
}

.sidebar-theme__green .b-sideshadow-item,
.sidebar-theme__green .ui-datepicker-multi-2 .ui-datepicker-group-first {
    box-shadow: none;
}

.sidebar-theme__green .datepicker-input-inline .ui-widget-header,
.sidebar-theme__green .datepicker-input-inline .ui-widget-content,
.sidebar-theme__green .datepicker-input-inline .ui-datepicker td span, 
.sidebar-theme__green .datepicker-input-inline .ui-datepicker td a {
    color: #C0D8CE;
}

.sidebar-theme__green .datepicker-input-inline .ui-state-disabled .ui-state-default {
    color: #74AA93;
}

.sidebar-theme__green .datepicker-input-inline .ui-datepicker .ui-datepicker-today .ui-state-highlight {
    border-color: #fff;
}

.sidebar-theme__green .datepicker-input-inline .ui-datepicker .ui-state-active {
    background: #FFFF00;
    color: #B6CDE1;
}

.sidebar-theme__green .b-sideshadow-item input.text {
    color: #74AA93;
    border-color: #74AA93;
}

.sidebar-theme__green .side-sched-item dd .btn.white {
    background: #fff;
    color: #000;
}

.sidebar-theme__green .side-sched-item dd .btn {
    color: #fff;
    background: #000;
}

.sidebar-theme__green .side-sched-item dd .edit-link {
    color: #fff;
}

.sidebar-theme__green .b-sideshadow-item.to-bottom {
    background: #2F4C40;
}

.sidebar-theme__green .feedback-link {
    color: #5AC8F1;
}

.sidebar-theme__green .datepicker-input-inline .ui-datepicker .ui-datepicker-prev span,
.sidebar-theme__green .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    width: 5px;
    height: 8px;
    margin: -4px 0 0 -3px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAf0lEQVR4AWPABQ7ePF9/4Oa59wdunLu//+aZAJyKgAr+wzBIA35FCHyfKEX7rx9XQFYUj5BEWImiCORYrIpunTKAKwJxQILoCjF8CnIDhqLrZxMwfInNNJB7YfIoVhOtGGQVVs9cOWVAseIG/AFOWPF5kBwBxYi4xqkY5k6Q+wG9LznoVIJ6TAAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: 5px 8px;
}

.sidebar-theme__green .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    transform: rotate(180deg);
}

/*}}}*/


/*{{{ =Sidebar Theme Light Blue*/

.sidebar-theme__lightblue {
    background: #EBF2FF;
    color: #444;
}

.sidebar-theme__lightblue .b-sideshadow-item,
.sidebar-theme__lightblue .ui-datepicker-multi-2 .ui-datepicker-group-first {
    box-shadow: none;
}

.sidebar-theme__lightblue .datepicker-input-inline .ui-widget-header,
.sidebar-theme__lightblue .datepicker-input-inline .ui-widget-content,
.sidebar-theme__lightblue .datepicker-input-inline .ui-datepicker td span, 
.sidebar-theme__lightblue .datepicker-input-inline .ui-datepicker td a {
    color: #444;
}

.sidebar-theme__lightblue .datepicker-input-inline .ui-state-disabled .ui-state-default {
    color: #B0B0B0;
}

.sidebar-theme__lightblue .datepicker-input-inline .ui-datepicker .ui-datepicker-today .ui-state-highlight {
    border-color: #1881DC;
}

.sidebar-theme__lightblue .datepicker-input-inline .ui-datepicker .ui-state-active {
    background: #FFFF00;
    color: #444;
}

.sidebar-theme__lightblue .b-sideshadow-item input.text {
    color: #5D7C98;
    border-color: #5D7C98;
}

.sidebar-theme__lightblue .side-sched-item dd .btn.white {
    background: #fff;
    color: #000;
}

.sidebar-theme__lightblue .side-sched-item dd .btn {
    color: #fff;
    background: #2B6599;
}

.sidebar-theme__lightblue .side-sched-item dd .edit-link {
    color: #2B6599;
}

.sidebar-theme__lightblue .b-sideshadow-item.to-bottom {
    background: #EBF2FF;
}

.sidebar-theme__lightblue .feedback-link {
    color: #1881DC;
}

.sidebar-theme__lightblue .datepicker-input-inline .ui-datepicker .ui-datepicker-prev span,
.sidebar-theme__lightblue .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    width: 5px;
    height: 8px;
    margin: -4px 0 0 -3px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAQAAACFdibLAAAAaElEQVR42oXQwQ3AIAgFUEfpCIxgBO5uoJvUDTuCIzCCJiagtSaF2wvJB5xbim4Srhjf1EbLlxrWA/lrECYjUYoLwSAPJIaay1UpZEvFOZcMPRw5ZEUShj+mosy6/MbP+pCy3T4ZJeQOQ9Jo4np5ZQUAAAAASUVORK5CYII=") 0 0 no-repeat;
    background-size: 5px 8px;
}

.sidebar-theme__lightblue .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    transform: rotate(180deg);
}

/*}}}*/


/*{{{ =Sidebar Theme Light Green*/

.sidebar-theme__lightgreen {
    background: #E4F1EC;
    color: #444;
}

.sidebar-theme__lightgreen .b-sideshadow-item,
.sidebar-theme__lightgreen .ui-datepicker-multi-2 .ui-datepicker-group-first {
    box-shadow: none;
}

.sidebar-theme__lightgreen .datepicker-input-inline .ui-widget-header,
.sidebar-theme__lightgreen .datepicker-input-inline .ui-widget-content,
.sidebar-theme__lightgreen .datepicker-input-inline .ui-datepicker td span, 
.sidebar-theme__lightgreen .datepicker-input-inline .ui-datepicker td a {
    color: #444;
}

.sidebar-theme__lightgreen .datepicker-input-inline .ui-state-disabled .ui-state-default {
    color: #B0B0B0;
}

.sidebar-theme__lightgreen .datepicker-input-inline .ui-datepicker .ui-datepicker-today .ui-state-highlight {
    border-color: #5D987F;
}

.sidebar-theme__lightgreen .datepicker-input-inline .ui-datepicker .ui-state-active {
    background: #FF9B70;
    color: #444;
}

.sidebar-theme__lightgreen .b-sideshadow-item input.text {
    color: #95B2A6;
    border-color: #95B2A6;
}

.sidebar-theme__lightgreen .side-sched-item dd .btn.white {
    background: #fff;
    color: #000;
}

.sidebar-theme__lightgreen .side-sched-item dd .btn {
    color: #fff;
    background: #5D987F;
}

.sidebar-theme__lightgreen .side-sched-item dd .edit-link {
    color: #5D987F;
}

.sidebar-theme__lightgreen .b-sideshadow-item.to-bottom {
    background: #E4F1EC;
}

.sidebar-theme__lightgreen .feedback-link {
    color: #1881DC;
}

.sidebar-theme__lightgreen .datepicker-input-inline .ui-datepicker .ui-datepicker-prev span,
.sidebar-theme__lightgreen .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    width: 5px;
    height: 8px;
    margin: -4px 0 0 -3px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAQAAACFdibLAAAAaElEQVR42oXQwQ3AIAgFUEfpCIxgBO5uoJvUDTuCIzCCJiagtSaF2wvJB5xbim4Srhjf1EbLlxrWA/lrECYjUYoLwSAPJIaay1UpZEvFOZcMPRw5ZEUShj+mosy6/MbP+pCy3T4ZJeQOQ9Jo4np5ZQUAAAAASUVORK5CYII=") 0 0 no-repeat;
    background-size: 5px 8px;
}

.sidebar-theme__lightgreen .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    transform: rotate(180deg);
}

/*}}}*/


/*{{{ =Sidebar Theme Light Grey*/

.sidebar-theme__lightgrey {
    background: #E9EAEC;
    color: #444;
}

.sidebar-theme__lightgrey .b-sideshadow-item,
.sidebar-theme__lightgrey .ui-datepicker-multi-2 .ui-datepicker-group-first {
    box-shadow: none;
}

.sidebar-theme__lightgrey .datepicker-input-inline .ui-widget-header,
.sidebar-theme__lightgrey .datepicker-input-inline .ui-widget-content,
.sidebar-theme__lightgrey .datepicker-input-inline .ui-datepicker td span, 
.sidebar-theme__lightgrey .datepicker-input-inline .ui-datepicker td a {
    color: #444;
}

.sidebar-theme__lightgrey .datepicker-input-inline .ui-state-disabled .ui-state-default {
    color: #B0B0B0;
}

.sidebar-theme__lightgrey .datepicker-input-inline .ui-datepicker .ui-datepicker-today .ui-state-highlight {
    border-color: #1881DC;
}

.sidebar-theme__lightgrey .datepicker-input-inline .ui-datepicker .ui-state-active {
    background: #FFFF00;
    color: #444;
}

.sidebar-theme__lightgrey .b-sideshadow-item input.text {
    color: #5D7C98;
    border-color: #5D7C98;
}

.sidebar-theme__lightgrey .side-sched-item dd .btn.white {
    background: #fff;
    color: #000;
}

.sidebar-theme__lightgrey .side-sched-item dd .btn {
    color: #fff;
    background: #2B6599;
}

.sidebar-theme__lightgrey .side-sched-item dd .edit-link {
    color: #2B6599;
}

.sidebar-theme__lightgrey .b-sideshadow-item.to-bottom {
    background: #E9EAEC;
}

.sidebar-theme__lightgrey .feedback-link {
    color: #1881DC;
}

.sidebar-theme__lightgrey .datepicker-input-inline .ui-datepicker .ui-datepicker-prev span,
.sidebar-theme__lightgrey .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    width: 5px;
    height: 8px;
    margin: -4px 0 0 -3px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAQAAACFdibLAAAAaElEQVR42oXQwQ3AIAgFUEfpCIxgBO5uoJvUDTuCIzCCJiagtSaF2wvJB5xbim4Srhjf1EbLlxrWA/lrECYjUYoLwSAPJIaay1UpZEvFOZcMPRw5ZEUShj+mosy6/MbP+pCy3T4ZJeQOQ9Jo4np5ZQUAAAAASUVORK5CYII=") 0 0 no-repeat;
    background-size: 5px 8px;
}

.sidebar-theme__lightgrey .datepicker-input-inline .ui-datepicker .ui-datepicker-next span {
    transform: rotate(180deg);
}

/*}}}*/



body.new-styles,
.h-package.new-styles,
.h-package-body.new-styles {
    font: 16px/24px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #1F1F1F;
    background: #fff;
}
.h-package-body {
    height: 100%;
}

.new-styles a {
    color: #006FBC;
}
.new-styles a:hover {
    color: #00539D
}

.new-styles .h-fixed {
    padding: 0 16px;
}

.new-styles header {
    background: #1f1f1f;
    display: flex;
    align-items: center;
    position: sticky;
}
.new-styles .topnav {
    padding: 0 0 0 16px;
    float: none;
    box-sizing: border-box;
    width: 60%;
    display: flex;
    align-items: center;
}
.new-styles .topnav > ul {
    display: flex;
    overflow: hidden;
}
.new-styles .topnav li {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin: 4px 0;
    float: none;
}
.new-styles .topnav a {
    color: rgba(255, 255, 255, 0.64);
    min-height: 40px;
    padding: 10px 16px;
    border-bottom: none;
}
.new-styles .topnav li.active {
    background: none;
}
.new-styles .topnav li.active a {
    color: #fff;
    border-radius: 8px;
    border-bottom: none;
    background: rgba(1, 144, 219, 0.24);
}
.new-styles .topnav .ellipsis {
    font-size: 18px;
    position: relative;
    line-height: 20px;
    font-weight: 600;
    margin: 4px 0;
}
.new-styles .topnav .ellipsis > a {
    padding: 4px 8px;
    box-sizing: border-box;
    font-size: 32px;
    color: rgba(255, 255, 255, 0.64);
    min-height: 40px;
    border-bottom: none;
}
.new-styles .topnav .ellipsis > a:hover {
    color: #b6cde1;
}
.new-styles .topsubnav {
    left: -20px;
    width: 205px;
    border: none;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 16px 24px 0px rgba(0, 0, 0, 0.06);
}
.new-styles .topsubnav:after {
    display: none;
}
.new-styles .topsubnav li {
    margin: 0;
    padding: 0;
}
.new-styles .topsubnav li a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #1F1F1F;
    padding: 10px 16px;
}
.new-styles .topsubnav a:hover {
    color: #1f1f1f;
    background: rgba(1, 144, 219, 0.08);
}
.new-styles .topsubnav li:first-child a:hover {
    border-radius: 8px 8px 0 0;
}
.new-styles .topsubnav li:last-child a:hover {
    border-radius: 0 0 8px 8px;
}

.new-styles .b-topright {
    padding: 0 16px 0 0;
    box-sizing: border-box;
    float: none;
    width: 40%;
    display: flex;
    justify-content: flex-end;
}
.new-styles .b-topright > ul {
    display: flex;
}
.new-styles .b-topright li {
    padding: 8px 0;
    float: none;
}
.new-styles .b-topright .search {
    margin: 0 24px 0 0;
    font-size: 32px;
}
.new-styles .b-topright .search a {
    color: rgba(255,255,255,.64);
}
.new-styles .b-topright .avatar {
    height: auto;
    margin: 0 16px;
    display: flex;
    align-items: center;
}
.new-styles .b-topright .avatar-holder {
    width: 32px;
    height: 32px;
    background: #A695E7;
    border-radius: 8px;
    overflow: hidden;
    font-size: 14px;
    text-transform: none;
    color: #fff;
    text-align: center;
    line-height: 32px;
}
.new-styles .topright-salon-selector {
    position: relative;
    background: none;
    width: auto;
    max-width: 320px;
}
.new-styles .topright-salon-selector select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border-radius: 360px;
    border: 1px solid rgba(255,255,255,.64);
    width: 100%;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAD1BMVEVHcEz///////////////8T4DEaAAAABXRSTlMALno9LfTXJ/EAAABESURBVHja7YoxDgAgEIO8ev9/syPRBCdH2VoYn6dU3b9K5ulnQtGhwKe3SeGHTS7znOa51SPwUuClwGuBBwq80D0+AAsNSAEJRIQaRAAAAABJRU5ErkJggg==) right 16px center no-repeat #1f1f1f;
    background-size: 16px 16px;
    font: 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: rgba(255, 255, 255, 0.64);
    margin: 0;
    padding: 0 40px 0 16px;
}
.new-styles .b-topright .settings {
    margin: 0 8px;
    font-size: 24px;
    display: flex;
    align-items: center;
}
.new-styles .b-topright .settings a {
    color: rgba(255,255,255,.64);
    height: 24px;
}
.new-styles .topright-lk-wrap {
    position: absolute;
    top: 54px;
    right: -3px;
    z-index: 999;
    width: 292px;
    max-height: 300px;
    overflow: auto;
    border: none;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 16px 24px 0px rgba(0, 0, 0, 0.06);
    color: #1f1f1f;
}
.new-styles .topright-lk-wrap:after {
    display: none;
}

.new-styles .h-wrapper {
    padding-top: 0;
    min-width: 1024px;
    height: 100%;
}

.new-styles h2 {
    color: #1f1f1f;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-transform: none;
    margin: 0 0 28px;
}
.new-styles h2.color2 {
    color: #0190DB;
}
.new-styles .f-l-r-wrap h2 {
    margin: 6px 0 0;
}

.new-styles h3.head-h3 {
    color: #1f1f1f;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 16px;
}

.new-styles .quest-link-opener {
    width: 24px;
    height: 24px;
    border: none;
    color: #5c5c5c;
    font-size: 24px;
}
.new-styles .i-icon {
    width: 24px;
    height: 24px;
    border: none;
    color: #5c5c5c;
    font-size: 24px;
    vertical-align: middle;
    margin: 0 0 0 10px;
}
.new-styles .switcher-copy .i-icon {
    margin-left: 5px;
}

.version-new.new-styles #ui-datepicker-div {
    font: 14px "SF Pro Display", Helvetica, Arial, sans-serif;
}

.new-styles .forms-tbl-layout td {
    padding: 0 16px 16px 0;
}
.new-styles .forms-tbl-layout td:last-child {
    padding-right: 0;
}
.new-styles .forms-tbl-layout + .hr-bord,
.new-styles .forms-layout-auto__row + .hr-bord {
    margin: 0 0 16px;
}

.new-styles input.text {
    border-radius: 8px;
    border-color: #D6D6D6;
    height: 36px;
    font: 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #1F1F1F;
    padding: 0 8px;
}
.new-styles input.text:focus {
    border-color: rgba(1, 144, 219, 0.48);
    background-color: #fff;
    color: #1F1F1F;
    box-shadow: none;
}
.new-styles input.text:disabled {
    border: none;
    background-color: rgba(0, 0, 0, 0.04);
}
.new-styles .reset-input-wrap.chosen input.text {
    border-color: rgba(1, 144, 219, 0.48);
    background-color: rgba(1, 144, 219, 0.08);
    color: #006FBC;
    box-shadow: none;
}
.new-styles input.text.al-r {
    text-align: right;
}
.new-styles input.text::-webkit-input-placeholder { color: #5C5C5C; opacity: 1; }
.new-styles input.text:-moz-placeholder { color: #5C5C5C; opacity: 1; }
.new-styles input.text::-moz-placeholder { color: #5C5C5C; opacity: 1; }
.new-styles input.text:-ms-input-placeholder { color: #5C5C5C; opacity: 1; }
.new-styles input.text:focus::-webkit-input-placeholder { color:transparent; }
.new-styles input.text:focus:-moz-placeholder { color:transparent; }
.new-styles input.text:focus::-moz-placeholder { color:transparent; }
.new-styles input.text:focus:-ms-input-placeholder { color:transparent; }
.new-styles .h-wholewindow-modal input.text::-webkit-input-placeholder { opacity: .7; }
.new-styles .h-wholewindow-modal input.text:-moz-placeholder { opacity: .7; }
.new-styles .h-wholewindow-modal input.text::-moz-placeholder { opacity: .7; }
.new-styles .h-wholewindow-modal input.text:-ms-input-placeholder { opacity: .7; }

.new-styles .datepicker-input-wrap input.text {
    padding-left: 8px;
    text-indent: 24px;
}
.new-styles .datepicker-input-wrap input.text.datepicker-input-single
, .new-styles .datepicker-input-wrap-single input.text {
    text-indent: 0;
}
.new-styles .search-input-wrap input.text {
    padding-left: 40px;
}
.new-styles .reset-input-wrap input.text {
    padding-right: 25px;
}
.new-styles .datepicker-input-wrap .ph-calendar-blank,
.new-styles .datepicker-input-wrap .datepicker-input-label {
    z-index: 0;
}
.new-styles input.text.high {
    height: 44px;
    font-size: 16px;
    line-height: 24px;
}
.new-styles input.text.wrong,
.new-styles input.text.error {
    border-color: rgba(255, 59, 56, 0.48);
}
.new-styles .error-message {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #FF3B38;
    margin: 4px 0 0;
}
.new-styles .error-tr .error-message {
    margin-top: 0;
}

.new-styles .file-download {
    height: 36px;
}

.new-styles textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 72px;
    margin: 0;
    padding: 12px 16px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    background: #fff;
    font: 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #1F1F1F;
    resize: none;
    overflow: hidden;
}
.new-styles textarea.resize {
    resize: vertical;
}
.new-styles textarea.height240 {
    height: 240px;
}
.new-styles textarea:focus {
    box-shadow: none;
    border-color: rgba(1, 144, 219, 0.48);
    background-color: #fff;
}
.new-styles textarea::-webkit-input-placeholder { color: #8F8F8F; opacity: 1; }
.new-styles textarea:-moz-placeholder { color: #8F8F8F; opacity: 1; }
.new-styles textarea::-moz-placeholder { color: #8F8F8F; opacity: 1; }
.new-styles textarea:-ms-input-placeholder { color: #8F8F8F; opacity: 1; }
.new-styles textarea:focus::-webkit-input-placeholder { color:transparent; }
.new-styles textarea:focus:-moz-placeholder { color:transparent; }
.new-styles textarea:focus::-moz-placeholder { color:transparent; }
.new-styles textarea:focus:-ms-input-placeholder { color:transparent; }

.new-styles select.select {
    height: 36px;
    border-radius: 8px;
    border-color: #D6D6D6;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAAp0lEQVR4AWJwL/AZcDy0HTHqiFFHjDpi1BHd3d0OPT09Cf39/QKUWULYPKwaurq6DICKAe3WMQ2AUAwGYatIwAEYeAUHSEISlOESNhpu7fBvzeUbez2LiNNCsrHQG2PsJUQeg7CQN4DWUUEAWQ0EQKEBQkIEAISHCAAIDxEAEB4iACA8RABAaEhu+wsAoSEGAEJBBMAjgDiARwCZcvMnoP+JRjSiEWI3XmLh7MfTOxoAAAAASUVORK5CYII=");
    background-size: 16px 16px;
    font: 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #5C5C5C;
    padding: 0 32px 0 12px;
}
.new-styles select.select:focus {
    border-color: rgba(1, 144, 219, 0.48);
    background-color: #fff;
    color: #5C5C5C;
    box-shadow: none;
}
.new-styles select.chosen {
    border-color: rgba(1, 144, 219, 0.48);
    background-color: rgba(1, 144, 219, 0.08);
    color: #006FBC;
    box-shadow: none;
}
.new-styles select.select.high {
    height: 44px;
}

.new-styles .checkbox-custom {
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    border-radius: 0;
    position: relative;
}
.new-styles .checkbox-custom .checkbox-custom-border {
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 2px solid #8F8F8F;
    border-radius: 8px;
    position: relative;
    background-color: #fff;
}
.new-styles .checkbox-custom input[type=checkbox]:checked + .checkbox-custom-border {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAElBMVEVHcEz///////////////////+IGTx/AAAABnRSTlMAX+/f/2ACuuDCAAAAUElEQVR42u3QOQ4AIAwDwRz2/7+MqFISVzSeeo0iwsz2sjqlHkCJPVrswU/9/In0fgNI5Z7CXQj3E1du+1lMv1xMLywYS5xeWTAE7GKY2dMB2vYCAIeZdXAAAAAASUVORK5CYII=") 50% 50% no-repeat #0190DB;
    background-size: 24px 24px;
    border-color: #0190DB;
}
.new-styles .checkbox-custom input[type=checkbox]:checked + .checkbox-custom-border .ph-check {
    display: block;
}
.new-styles .checkbox-custom-label {
    display: flex;
    gap: 0 12px;
}
.new-styles .checkbox-custom-copy {
    font-size: 14px;
    line-height: 24px;
    color: #5c5c5c;
}
.new-styles .checkbox-custom-copy.f-s-16 {
    font-size: 16px;
    line-height: 24px;
}
.new-styles .checkbox-custom:has(input[type=checkbox]:checked) + .checkbox-custom-copy {
    color: #1f1f1f;
}

.new-styles button.submit {
    width: 134px;
    height: 44px;
    border-radius: 8px;
    font: 600 16px/24px "SF Pro Display", Helvetica, Arial, sans-serif;
    text-transform: none;
}
.new-styles button.submit.smaller {
    height: 36px;
    font-size: 14px;
    line-height: 20px;
}
.new-styles button.submit.f-s-15 {
    font-size: 15px;
    line-height: 20px;
}
.new-styles button.submit.auto {
    width: auto;
    padding: 0 34px;
}
.new-styles button.submit.auto-2 {
    width: auto;
    padding: 0 24px;
}
.new-styles button.submit.auto-w100 {
    width: 100%;
    padding: 0;
}
.new-styles button.submit.no-lr-paddings {
    padding-left: 0;
    padding-right: 0;
}
.new-styles button.submit.fw-n {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 0 16px;
    height: 40px;
}
.new-styles button.submit.fs-14 {
    font-size: 14px;
    line-height: 20px;
}
.new-styles button.w-icon {
    display: flex;
    align-items: center;
}
.new-styles button.w-icon .ph {
    font-size: 24px;
    margin: 0 8px 0 0;
}
.new-styles button.w-icon .ph-svg {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    fill: #0190DB;
}
.new-styles button.w-icon.excel-export .ph {
    opacity: .64;
}
.new-styles button.w-icon.icon-plus .ph {
    opacity: .64;
}
.new-styles button.w-icon.icon-transparent .ph {
    opacity: .64;
}


.new-styles .h-statistics-wrap {
    padding: 8px 0 12px;
}

.new-styles .default-content-table-wrap-auto {
    width: 100%;
    overflow: auto;
}
.new-styles .default-content-table thead {
    box-shadow: none;
    border-top: 2px solid #D6D6D6;
    border-bottom: 2px solid #D6D6D6;
}
.new-styles .default-content-table thead.border-only-bottom {
    border-top: 2px solid transparent;
}
.new-styles .default-content-table thead.padding-only-bottom th {
    padding-top: 0;
}
.new-styles .default-content-table th {
    font: 500 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    text-transform: none;
    color: #1F1F1F;
    padding: 18px 0;
}
.new-styles .default-content-table th:after {
    display: none;
}
.new-styles .default-content-table tbody tr {
    height: 1px;
}
.new-styles .default-content-table td {
    box-sizing: border-box;
    height: inherit;
    border-bottom: 1px solid #D6D6D6;
    padding: 16px 0 15px;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
    vertical-align: top;
}
.new-styles .default-content-table tr:last-child td {
    border-bottom: 1px solid #D6D6D6;
}
.new-styles .default-content-table tbody tr.colored td {
    background: rgba(1, 144, 219, 0.08);
    border-bottom-color: #fff;
}
.new-styles .default-content-table .fht-w {
    padding: 0 8px;
}
.new-styles .default-content-table.alt-padds th:first-child .fht-w,
.new-styles .default-content-table.alt-padds td:first-child .fht-w {
    padding-left: 0;
}
.new-styles .default-content-table.alt-padds th:last-child .fht-w,
.new-styles .default-content-table.alt-padds td:last-child .fht-w {
    padding-right: 0;
}
.new-styles .default-content-table .fht-color {
    width: 4px;
    height: 100%;
    border-radius: 0 360px 360px 0;
}
.new-styles .default-content-table .ph {
    font-size: 24px;
}
.new-styles .default-content-table td .ph {
    color: #5c5c5c;
}
.new-styles .f-s-12 {
    font-size: 12px;
    line-height: 16px;
}
.new-styles .default-content-table td .f-s-12 .ph {
    font-size: 16px;
    margin-right: 3px;
}
.new-styles .default-content-table td .w-icon {
    display: flex;
    align-items: center;
}
.new-styles .default-content-table td .ellipsis {
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new-styles .default-content-table a {
    color: #006FBC;
    text-decoration: none;
}
.new-styles .default-content-table a .ph {
    color: #006FBC;
    margin-right: 3px;
}
.new-styles .default-content-table a:hover,
.new-styles .default-content-table a:hover .ph {
    color: #00539D;
}
.new-styles .default-content-table .fht-actions a,
.new-styles .default-content-table .fht-actions a .ph {
    color: #0190DB;
}
.new-styles .default-content-table .fht-actions a:hover,
.new-styles .default-content-table .fht-actions a:hover .ph {
    color: #006FBC;
}
.new-styles .default-content-table a.quest-link-opener,
.new-styles .default-content-table a.quest-link-opener .ph {
    color: #5c5c5c;
}

.new-styles .default-content-table .fht-actions {
    margin-top: 10px;
}
.new-styles .col-resizable-table a.ic-a,
.new-styles .default-content-table a.ic-a,
.new-styles .default-content-table a.ic-a .ph {
    color: #5c5c5c;
    text-decoration: none;
    margin: 0 5px;
}
.fht-event-status {
    display: inline-block;
    border-radius: 360px;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 8px;
}
.fht-event-status.agree {
    background: #75B872;
    color: #fff;
}
.fht-event-status.decline {
    background: #F57F7D;
    color: #fff;
}

.new-styles .ct-chart-lines {
    display: flex;
    margin-right: -2px;
    padding: 0 0 36px;
}
.new-styles .ct-chart-lines .ct-chart-line-item {
    padding: 0 2px 0 0;
    box-sizing: border-box;
    width: 100%;
    height: 16px;
}
.new-styles .ct-chart-lines .ct-chart-line-item .line {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(0,0,0,.08);
    border-radius: 360px;
}
.new-styles .ct-chart-lines .ct-chart-line-item.green .line {
    background: #75B872;
}
.new-styles .ct-chart-lines .ct-chart-line-item.red .line {
    background: #F57F7D;
}
.new-styles .ct-chart-lines .ct-chart-line-item.blue .line {
    background: #5BB2E0;
}
.new-styles .ct-chart-lines .ct-chart-line-item.grey .line {
    background: #8F8F8F;
}
.new-styles .ct-chart-lines .ct-chart-line-item .line-text {
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}
.new-styles .ct-chart-lines .ct-chart-line-item.green .line-text {
    color: #136E1F;
}
.new-styles .ct-chart-lines .ct-chart-line-item.red .line-text {
    color: #B71C34;
}
.new-styles .ct-chart-lines .ct-chart-line-item.blue .line-text {
    color: #006FBC;
}
.new-styles .ct-chart-lines .ct-chart-line-item.grey .line-text {
    color: #5C5C5C;
}

.new-styles .grid-cell2 {
    padding: 0 0 20px;
}
.new-styles .grid-table-wrap .box-shadow_padding-right {
    height: 100%;
}
.new-styles .grid-table-wrap .box-shadow {
    height: 100%;
}
.new-styles .box-shadow {
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.16), 0px 4px 8px 0px rgba(0, 0, 0, 0.04), 0px 12px 24px 0px rgba(0, 0, 0, 0.04), 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
}
.new-styles .statistics-inner {
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
}
.new-styles .statistics-inner h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    text-transform: none;
    color: #1F1F1F;
    margin: 0 0 8px;
}
.new-styles .statistics-inner h4.d-fl {
    display: flex;
}
.new-styles .statistics-inner h4.d-fl .ml-auto {
    margin-left: auto;
}
.new-styles .ct-chart-results h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 12px;
}
.new-styles .ct-chart-results-list li {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0 0 8px;
}
.new-styles .ct-chart-results-list.wrap li {
    align-items: flex-start;
}
.new-styles .ct-chart-results-list.f-s-16 li {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 12px
}
.new-styles .ct-chart-results-list li:last-child {
    margin-bottom: 0;
}
.new-styles .ct-chart-results-list .ct-chart-results-list_bul {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    margin: 0 8px 0 0;
    background: rgba(0,0,0,.08);
}
.new-styles .ct-chart-results-list .ct-chart-results-list_bul.blue {
    background: #5BB2E0;
}
.new-styles .ct-chart-results-list .ct-chart-results-list_bul.yellow {
    background: #F5B800;
}
.new-styles .ct-chart-results-list .ct-chart-results-list_bul.green {
    background: #75B872;
}
.new-styles .ct-chart-results-list .ct-chart-results-list_bul.purple {
    background: #A58FD4;
}
.new-styles .ct-chart-results-list .ct-chart-results-list_title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new-styles .ct-chart-results-list .ct-chart-results-list_title.f-w-600 {
    font-weight: 600;
}
.new-styles .ct-chart-results-list.wrap .ct-chart-results-list_title {
    white-space: wrap;
    max-width: 170px;
}
.new-styles .ct-chart-results-list .ct-chart-results-list_numb {
    margin: 0 16px;
    color: #8f8f8f;
}
.new-styles .ct-chart-results-list.wrap .ct-chart-results-list_numb {
    margin: 0 8px;
}
.new-styles .ct-chart-results-list .ct-chart-results-list_total {
    margin-left: auto;
    font-weight: 600;
}
.new-styles .ct-chart-results-list .ct-chart-results-list_total.f-w-400 {
    font-weight: 400;
    white-space: nowrap;
}
.new-styles .ct-chart-results-list a {
    color: #006FBC;
}
.new-styles .ct-chart-results-list a:hover {
    color: #00539D;
}

.new-styles .statistics-padding {
    padding: 8px 0 0;
}
.new-styles .chart-line-wrap {
    position: relative;
    margin: 0 0 16px;
}
.new-styles .chart-line-wrap .statistics-all {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
}
.new-styles .chart-line-wrap .statistics-all strong {
    display: block;
    font-size: 28px;
    line-height: 130%;
    font-weight: 400;
    color: #1f1f1f;
}
.new-styles .chart-line-wrap .ct-chart {
    height: 160px;
}
.new-styles .whwm-summary-charts-padding .chart-line-wrap.single-value .ct-chart .ct-series.ct-series-a {
    transform: translateY(-3px);
}
.new-styles .whwm-summary-charts-padding .single-value .statistics-all {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 50%;
}

.new-styles .h-bottom-wrap {
    padding: 16px 0;
    text-align: center;
}
.new-styles .h-bottom-wrap.padding-top-24 {
    padding-top: 24px;
}
.new-styles .pager-show {
    font-size: 14px;
    line-height: 20px;
    color: #5c5c5c;
    margin: 0 0 16px;
}
.new-styles .pager li {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}
.new-styles .pager a {
    height: 40px;
    background: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: none;
    padding: 0;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    min-width: 40px;
    color: #0190DB;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-styles .pager a:hover {
    color: #006FBC;
}
.new-styles .pager .current a {
    background: rgba(1, 144, 219, 0.08);
    color: #5C5C5C;
}
.new-styles .pager .ellipsis a {
    color: #8f8f8f;
}
.new-styles .pager .ph {
    font-size: 24px;
}

.new-styles .modal-statistics-padding {
    padding: 0 0 0 192px;
    position: relative;
    min-height: 160px;
}
.new-styles .modal-statistics-padding .chart-line-wrap {
    width: 160px;
    position: fixed;
    top: 72px;
    left: 16px;
    margin: 0;
}
.new-styles .modal-statistics-padding .ct-chart-results {
    width: 256px;
}

.new-styles .default-popup-link {
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
    margin: inherit;
}
.new-styles .whw-modal-foot-btn.default-popup-link.opened {
    color: #0190DB;
}
.new-styles .whw-modal-foot-btn.default-popup-link.opened:hover {
    color: #006FBC;
}
.h-wholewindow-modal .whw-modal-foot-btn
.new-styles .default-popup-link.icon {
    display: inline-block;
    vertical-align: bottom;
    width: 24px;
    height: 24px;
    border: none;
    color: #5c5c5c;
    font-size: 24px;
    margin: 0 0 0 10px;
}
.new-styles .b-default-popup {
    background: #fff;
    border: none;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.16), 0px 4px 8px 0px rgba(0, 0, 0, 0.04), 0px 12px 24px 0px rgba(0, 0, 0, 0.04), 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
}
.new-styles .default-popup-closer {
    display: flex;
    font-size: 14px;
    display: none;
}
.new-styles .b-default-popup-inner {
    padding: 16px 8px;
    font-weight: 400;
    color: #1F1F1F;
}
.new-styles .defalut-popup-list li {
    margin: 0 0 4px;
}
.new-styles .defalut-popup-list.f-s-14 li {
    font-size: 14px;
    line-height: 20px;
}
.new-styles .defalut-popup-list li:last-child {
    margin: 0;
}
.new-styles .defalut-popup-list .ph {
    font-size: 24px;
    color: #5C5C5C;
    margin: 0 10px 0 0;
    vertical-align: middle;
    display: inline-block;
}
.new-styles .defalut-popup-list a {
    color: #1f1f1f;
    display: block;
    padding: 12px 16px;
}
.new-styles .defalut-popup-list a:hover {
    background: rgba(1, 144, 219, 0.08);
    color: #1f1f1f;
}
.new-styles .defalut-popup-list a .ph {
    color: #5c5c5c;
}


.h-content-title-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 0 20px;
}
.h-content-title-flex__right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 16px;
}
.h-content-title-flex h2 {
    margin: 0;
}

.new-styles .forms-layout-auto__row {
    display: flex;
    gap: 0 16px;
    align-items: center;
    flex-wrap: wrap;
}
.new-styles .forms-layout-auto__row.forms-layout-auto__row-end {
    align-items: flex-end;
}
.new-styles .forms-layout-auto__row .forms-layout-auto__col {
    margin: 0 0 16px;
}
.new-styles .forms-layout-auto__row .forms-layout-auto__col:only-child {
    margin: 0;
}
.new-styles .forms-layout-auto__row.only-padding .forms-layout-auto__col:only-child {
    margin-bottom: 16px;
}
.forms-layout-auto__row-with-padding {
    padding: 16px 0;
}
.forms-layout-auto__row-with-padding-2 {
    padding: 0 0 16px;
}
.forms-layout-auto__row-with-padding-3 {
    padding: 0 0 8px;
}
.forms-layout-auto__row-with-padding-4 {
    padding: 0 0 24px;
}
.forms-layout-auto__col.resize {
    flex-grow: 1;
    flex-shrink: 1;
}
.forms-layout-auto__col.w33 {
    width: calc(33.3% - 16px);
}
.new-styles .forms-layout-auto__col.to-right {
    margin-left: auto;
}
.forms-layout-auto__label {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5C5C5C;
    margin: 0 0 4px;
    min-height: 16px;
}
.forms-layout-auto__label.d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.forms-layout-auto__blank {
    min-height: 36px;
}
.forms-layout-auto__blank .f-s-28 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
}
.forms-layout-auto__blank .red {
    color: #FF3B38;
}
.forms-layout-auto__blank .green {
    color: #136E1F;
}
.forms-layout-auto__label .symbold-count {
    font-size: 14px;
    line-height: 20px;
    color: #8F8F8F;
}
.forms-layout-auto__copy strong {
    font-weight: 600;
}


.forms-layout-table__fieldset {
    padding: 0 0 16px;
    position: relative;
}
.forms-layout-table__fieldset:last-child,
.forms-layout-table__fieldset.no-bott-padding {
    padding: 0;
}
.forms-layout-table__fieldset h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #1f1f1f;
    margin: 0 0 16px;
}
.forms-layout-table__fieldset h3 .add {
    font-weight: 400;
    color: #5C5C5C;
}
.forms-layout-table__row {
    display: flex;
    gap: 0 32px;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin: 0 0 16px;
    position: relative;
}
.forms-layout-table__row.no-bott-margin {
    margin-bottom: 0;
}
.forms-layout-table__row.gap16 {
    gap: 0 16px;
}
.forms-layout-table__row.gap0 {
    gap: 0;
}
.forms-layout-table__row.gap8 {
    gap: 0 8px;
}
.forms-layout-table__row.flex-wrap {
    flex-wrap: wrap;
}
.forms-layout-table__row.centered {
    align-items: center;
}
.forms-layout-table__row.with-btn {
    padding-top: 8px;
}
.forms-layout-table__row.with-btn button {
    margin-right: 5px;
}
.forms-layout-table__row.with-btn.gap0 button {
    margin-right: 8px;
}
.forms-layout-table__row.with-btn button:last-child {
    margin-right: 0;
}
.forms-layout-table__col.resize {
    flex-shrink: 1;
    flex-grow: 1;
}
.forms-layout-table__col.shrink-no {
    flex-shrink: 0;
}
.forms-layout-table__label {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5C5C5C;
    margin: 0 0 4px;
    min-height: 16px;
}
.forms-layout-table__label.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.forms-layout-table__copy.f-s-14 {
    font-size: 14px;
    line-height: 20px;
}
.forms-layout-table__info {
    font-size: 16px;
    line-height: 24px;
    color: #1f1f1f;
}
.forms-layout-table__info p {
    margin: 0 0 8px;
}
.forms-layout-table__edit {
    font-size: 24px;
    padding: 8px;
}
.forms-layout-table__delete {
    font-size: 24px;
    padding: 8px;
}
.forms-layout-table__delete a {
    color: #5C5C5C;
}
.forms-layout-table__inn-section {
    margin: 0 0 16px;
}
.forms-layout-table__inn-section:last-child {
    margin: 0;
}
.forms-layout-table__qr-code {
    width: 240px;
    position: absolute;
    top: 40px;
    left: 100%;
    margin-left: 32px;
}
.forms-layout-table__qr-code-holder {
    width: 240px;
    height: 240px;
}
.forms-layout-table__qr-code-icons {
    padding: 8px 0 0;
    display: flex;
    justify-content: center;
}
.forms-layout-table__qr-code-icons a {
    color: #5C5C5C
}
.forms-layout-table__qr-code-icon-space {
    padding: 8px;
    display: inline-block;
    font-size: 24px;
}
.forms-layout-table__icons-list {
    display: flex;
    align-items: center;
}
.forms-layout-table__icons-list .forms-layout-table__delete,
.forms-layout-table__icons-list .forms-layout-table__edit {
    display: block;
}
.textarea-letters-counter {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #8f8f8f;
}


.hierarchy-checkbox-label {
    display: block;
    border-bottom: 1px solid #D6D6D6;
    position: relative;
}

.hierarchy-checkbox-label-inner {
    display: flex;
    align-items: center;
    gap: 0 16px;
    padding: 14px 12px 14px 8px;
    cursor: pointer;
}

.hierarchy-checkbox-list ul ul .hierarchy-checkbox-label-inner {
    padding-left: 32px;
}

.hierarchy-checkbox-list ul ul ul .hierarchy-checkbox-label-inner {
    padding-left: 56px;
}

.hierarchy-checkbox-copy-wrap {
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
}

.hierarchy-checkbox-list ul ul .hierarchy-checkbox-copy-wrap {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.hierarchy-checkbox-list ul ul ul .hierarchy-checkbox-copy-wrap {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.hierarchy-checkbox-action-wrap {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0 8px;
    font-size: 14px;
    line-height: 20px;
}

.hierarchy-checkbox-action-wrap b {
    font-weight: 600;
}

.hierarchy-checkbox-action-input {
    width: 56px;
}

.hierarchy-checkbox-action-input input.text {
    text-align: center;
    color: #8F8F8F;
}

.hierarchy-checkbox-action-input input.text:focus {
    color: #1f1f1f;
}

.hierarchy-checkbox-action-item {
    min-width: 40px;
    text-align: center;
}

.hierarchy-checkbox-list input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
}

.hierarchy-checkbox-list input[type="checkbox"]:checked + .hierarchy-checkbox-label-inner {
    background-color: #e6f4ff;
}

.hierarchy-checkbox-list input[type="checkbox"]:checked + .hierarchy-checkbox-label-inner.not-final-hierarchy-level {
    background-color: transparent;
}

.hierarchy-checkbox {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 2px solid #8F8F8F;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    pointer-events: none;
}

.hierarchy-checkbox-list input[type="checkbox"]:checked + .hierarchy-checkbox-label-inner .hierarchy-checkbox {
    border-color: #0190DB;
    background: #0190DB;
    color: #fff;
}

.hierarchy-checkbox-list input[type="checkbox"]:checked + .hierarchy-checkbox-label-inner .hierarchy-checkbox-copy-wrap {
    color: #006FBC;
}

.hierarchy-checkbox-list input[type="checkbox"]:checked + .hierarchy-checkbox-label-inner.not-final-hierarchy-level .hierarchy-checkbox-copy-wrap {
    color: #1f1f1f;
}

.hierarchy-checkbox-list input[type="checkbox"]:checked + .hierarchy-checkbox-label-inner input.text {
    color: #1f1f1f;
}

.hierarchy-checkbox i::before {
    font-family: 'Phosphor-Bold';
    font-style: normal;
}

.hierarchy-checkbox.indeterminate {
    border-color: #0190DB;
}

.hierarchy-checkbox.indeterminate i {
    color: #0190DB;
}


.workers-edit-list-wrap {
    display: flex;
    align-items: flex-start;
    gap: 12px 24px;
    flex-wrap: wrap;
    margin-right: -24px;
}

.workers-edit-list-item {
    width: calc(33.3% - 24px);
}

.b-workers-edit {
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 0 8px;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
}
.b-workers-edit:hover {
    background: rgba(1, 144, 219, 0.08);
    border-radius: 2px;
}
.b-workers-edit.active {
    background: rgba(1, 144, 219, 0.08);
    border-radius: 2px;
}
.b-workers-edit-avatar {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    position: relative;
    flex-shrink: 0;
}
.b-workers-edit-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.b-workers-edit-avatar-empty {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 48px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    background: #5c5c5c;
}
.b-workers-edit-avatar .ph-check-circle {
    display: none;
    position: absolute;
    bottom: 2px;
    right: 2px;
    font-size: 16px;
    color: #0190DB;
}
.b-workers-edit.active .b-workers-edit-avatar .ph-check-circle {
    display: block;
}
.b-workers-edit-avatar .ph-check-circle:after {
    display: block;
    content: "";
    width: 9px;
    height: 9px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.b-workers-edit-avatar .ph-check-circle:before {
    position: relative;
    z-index: 1;
}
.b-workers-edit-copy {
    width: calc(100% - 56px);
}
.b-workers-edit-name {
    font-size: 16px;
    line-height: 24px;
    color: #1f1f1f;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.b-workers-edit-position {
    font-size: 14px;
    line-height: 20px;
    color: #5c5c5c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}







.new-styles .select2-container .select2-selection--single {
    height: 36px;
}
.new-styles .select2-container--default .select2-selection--single {
    border: 1px solid #D6D6D6;
    border-radius: 8px;
}
.new-styles .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #5C5C5C;
}
.new-styles .select2-container--default.select2-container--focus.select2-container--below .select2-selection--single,
.new-styles .select2-container--default.select2-container--focus.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-color: rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
}
.new-styles .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.new-styles .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-color: rgba(1, 144, 219, 0.48);
    background: #fff;
}

.new-styles .select2-container--default .select2-selection--single .select2-selection__rendered {
    font: 14px/34px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #5C5C5C;
    padding: 0 32px 0 12px;
}
.new-styles .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered {
    color: #006FBC;
}
.new-styles .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    color: #5C5C5C;
}
.new-styles .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    position: absolute;
    top: 1px;
    right: 10px;
    width: 16px;
}
.new-styles .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAAp0lEQVR4AWJwL/AZcDy0HTHqiFFHjDpi1BHd3d0OPT09Cf39/QKUWULYPKwaurq6DICKAe3WMQ2AUAwGYatIwAEYeAUHSEISlOESNhpu7fBvzeUbez2LiNNCsrHQG2PsJUQeg7CQN4DWUUEAWQ0EQKEBQkIEAISHCAAIDxEAEB4iACA8RABAaEhu+wsAoSEGAEJBBMAjgDiARwCZcvMnoP+JRjSiEWI3XmLh7MfTOxoAAAAASUVORK5CYII=) 0 0 no-repeat;
    background-size: 16px 16px;
    border: none;
    height: 16px;
    width: 16px;
    margin: -8px 0 0 -8px;
    transition: transform 0.1s ease-out;
}
.new-styles .select2-container--default.select2-container--focus.select2-container--below .select2-selection--single .select2-selection__arrow b {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAElBMVEVHcEyPj4+Ojo6MjIyPj4+Pj4/DYwnBAAAABXRSTlMAgH9gYFjQlRgAAABlSURBVHja1dIxDgAhCERREeb+V95G8zGbsdcO/is0cTx0Mu+blObZp9RFaQu6qi9iC3owIkxH2I6gG0F3gm4E3QjXub/mtSNMjzCC9y9hO8J0hO2If7ci6YjjR9ERNbpgYvPO+QC/XwLJWQ5aXAAAAABJRU5ErkJggg==);
}
.new-styles .select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__arrow b,
.new-styles .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple .select2-selection__arrow b {
    transform: rotate(-180deg);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAAp0lEQVR4AWJwL/AZcDy0HTHqiFFHjDpi1BHd3d0OPT09Cf39/QKUWULYPKwaurq6DICKAe3WMQ2AUAwGYatIwAEYeAUHSEISlOESNhpu7fBvzeUbez2LiNNCsrHQG2PsJUQeg7CQN4DWUUEAWQ0EQKEBQkIEAISHCAAIDxEAEB4iACA8RABAaEhu+wsAoSEGAEJBBMAjgDiARwCZcvMnoP+JRjSiEWI3XmLh7MfTOxoAAAAASUVORK5CYII=);
}
.new-styles .select2-dropdown {
    border: none;
    background: #fff;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 16px 24px 0px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    max-width: 280px;
    min-width: 280px;
    margin-top: 4px;
    padding: 16px;
}
.new-styles .select-search-spec .select2-search {
    min-height: 44px;
    border: none;
    margin: 0 0 16px;
    position: relative;
}
.new-styles .select-search-spec .select2-search:before,
.new-styles .select-search-spec .select2-search:after {
    font-family: Phosphor;
    color: #303949;
    content: "\f4a8";
    font-size: 24px;
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #5c5c5c;
}
.new-styles .select-search-spec .select2-search input {
    box-sizing: border-box;
    margin: 0;
    padding: 0 16px 0 48px;
    background: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    height: 44px !important;
    font: 16px/24px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #5C5C5C;
}
.new-styles .select-search-spec .select2-search input:focus {
    box-shadow: none;
}
.new-styles .select-search-spec .select2-results {
    max-height: 330px;
}
.new-styles .select2-container--default .select2-results>.select2-results__options {
    max-height: 330px;
}
.new-styles .select2-results li {
    margin: 0 0 4px;
}
.new-styles .select2-results li:last-child {
    margin: 0;
}
.new-styles .select2-results__option {
    border: none;
    border-radius: 2px;
    padding: 12px 16px;
}
.new-styles .select2-container--default .select2-results__option--highlighted[aria-selected],
.new-styles .select2-container--default .select2-results__option[aria-selected=true] {
    color: #1f1f1f;
    background: rgba(1, 144, 219, 0.08);
}
.new-styles .select2-container--default .select2-results__option--selected {
    color: #1f1f1f;
    background: rgba(1, 144, 219, 0.08);
}
.new-styles .select2-container--default .select2-results__option--disabled {
    display: none;
}
.new-styles .select-search-spec .select2-results .select2-highlighted {
    background: none;
    color: #1F1F1F;
}
.new-styles .select-search-spec .select2-results .select2-result-label {
    border-bottom: none;
    padding: 12px 0 12px 36px;
    min-height: auto;
    position: relative;
}
.new-styles .select-search-spec .select2-results .select2-result-label:before {
    display: block;
    content: "";
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 2px solid #8F8F8F;
    border-radius: 8px;
    position: relative;
    background-color: #fff;
    position: absolute;
    top: 12px;
    left: 0;
}
.new-styles .select-search-spec .select2-results .select2-highlighted .select2-result-label:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAElBMVEVHcEz///////////////////+IGTx/AAAABnRSTlMAX+/f/2ACuuDCAAAAUElEQVR42u3QOQ4AIAwDwRz2/7+MqFISVzSeeo0iwsz2sjqlHkCJPVrswU/9/In0fgNI5Z7CXQj3E1du+1lMv1xMLywYS5xeWTAE7GKY2dMB2vYCAIeZdXAAAAAASUVORK5CYII=) 50% 50% no-repeat #0190DB;
    background-size: 24px 24px;
    border-color: #0190DB;
}
.new-styles .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: none;
}
.new-styles .select2-dropdown.select-multisearch-spec {
    max-width: 360px;
    min-width: 360px;
}
.new-styles .select-multisearch-spec .select2-results__option {
    padding-right: 40px;
    position: relative;
}
.new-styles .select2-container--default .select-multisearch-spec .select2-results__option--selected:after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAD1BMVEVHcEwAj9kCkNoBkNsAj9vcYeisAAAABXRSTlMAYH//gNh8oI0AAABESURBVHja5dIxCgAwCATBnOf/35wysIJ2abx2Fmw86yf1HrYGtwbPry4NbgedgaO9n6+gs6CzoLOA14LOgs4lvHmRfbuH+gFOcqR9XgAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: 16px 16px;
    position: absolute;
    top: 16px;
    right: 16px;
}

.new-styles .s-c-wp {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.new-styles .s-c-wp .s-c-ava {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    object-fit: cover;
    margin: 0 8px 0 0;
    background: #6EC9CB;
    font-size: 14px;
    line-height: 48px;
    color: #fff;
    text-align: center;
}
.new-styles .s-c-icon {
    width: 24px;
    margin: 0 8px 0 0;
}
.new-styles .s-c-icon svg {
    display: block;
}
.new-styles .s-c-color {
    width: 24px;
    height: 24px;
    border-radius: 99px;
    margin: 0 8px 0 0;
}
.new-styles .s-c-wp .s-c-ava + .s-c-inn {
    width: calc(100% - 56px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-styles .s-c-wp .s-c-icon + .s-c-inn,
.new-styles .s-c-wp .s-c-color + .s-c-inn {
    width: calc(100% - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-styles .s-c-sub {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vscomp-ele.select-virtual-avatars,
.vscomp-ele.select-min-width {
    min-width: 146px;
}
.whw-filters-var .vscomp-ele.select-virtual-avatars {
    min-width: 140px;
}
.select-virtual-w100-wrap .vscomp-ele {
    max-width: 100%;
}
.new-styles .vscomp-wrapper {
    color: #5C5C5C;
    font-family: "SF Pro Display", Helvetica, Arial, sans-serif;
}
.new-styles .vscomp-toggle-button {
    background-color: #fff;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    padding: 7px 32px 7px 12px;
    position: relative;
}
.new-styles .high .vscomp-toggle-button {
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 16px;
}
.new-styles .al-right .vscomp-toggle-button {
    justify-content: flex-end;
}
.new-styles .from .vscomp-toggle-button:before,
.new-styles .to .vscomp-toggle-button:before {
    display: block;
    content: "с";
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
}
.new-styles .to .vscomp-toggle-button:before {
    content: "по";
}
.new-styles .from .vscomp-toggle-button,
.new-styles .to .vscomp-toggle-button {
    color: #1f1f1f;
}
.new-styles .vscomp-wrapper:not(.has-value) .vscomp-value {
    opacity: 1;
}
.new-styles .vscomp-arrow {
    width: 34px;
}
.new-styles .vscomp-wrapper.has-clear-button .vscomp-toggle-button {
    padding-right: 32px;
}
.new-styles .vscomp-arrow:after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAAp0lEQVR4AWJwL/AZcDy0HTHqiFFHjDpi1BHd3d0OPT09Cf39/QKUWULYPKwaurq6DICKAe3WMQ2AUAwGYatIwAEYeAUHSEISlOESNhpu7fBvzeUbez2LiNNCsrHQG2PsJUQeg7CQN4DWUUEAWQ0EQKEBQkIEAISHCAAIDxEAEB4iACA8RABAaEhu+wsAoSEGAEJBBMAjgDiARwCZcvMnoP+JRjSiEWI3XmLh7MfTOxoAAAAASUVORK5CYII=") 0 0 no-repeat;
    background-size: 16px 16px;
    transform: none;
    border: none;
    content: "";
    height: 16px;
    margin-top: 0;
    width: 16px;
    transition: transform 0.1s ease-out;
}
.new-styles .vscomp-wrapper.focused .vscomp-arrow:after {
    transform: rotate(-180deg);
}
.new-styles .vscomp-wrapper.has-clear-button.has-value .vscomp-arrow {
    display: none;
}
.new-styles .vscomp-wrapper.has-clear-button.has-value .vscomp-clear-button {
    width: 32px;
    right: 0;
    border-radius: 0;
}
.new-styles .vscomp-wrapper.focused .vscomp-toggle-button,
.new-styles .vscomp-wrapper:focus .vscomp-toggle-button {
    box-shadow: none;
    border-color: rgba(1, 144, 219, 0.48);
}
.new-styles .vscomp-wrapper.has-value .vscomp-toggle-button {
    box-shadow: none;
    border-color: rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
    color: #006FBC;
}
.new-styles .select-virtual.selected-default .vscomp-wrapper.has-value .vscomp-toggle-button {
    box-shadow: none;
    border-color: #d6d6d6;
    background: #fff;
    color: #1f1f1f;
}
.new-styles .vscomp-clear-icon {
    width: 16px;
    height: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAElBMVEVHcEyPj4+Ojo6MjIyPj4+Pj4/DYwnBAAAABXRSTlMAgH9gYFjQlRgAAABlSURBVHja1dIxDgAhCERREeb+V95G8zGbsdcO/is0cTx0Mu+blObZp9RFaQu6qi9iC3owIkxH2I6gG0F3gm4E3QjXub/mtSNMjzCC9y9hO8J0hO2If7ci6YjjR9ERNbpgYvPO+QC/XwLJWQ5aXAAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: 16px 16px;
}
.new-styles .vscomp-clear-icon:before,
.new-styles .vscomp-clear-icon:after {
    display: none;
}
.new-styles .vscomp-clear-button:hover {
    background: none;
}
.new-styles .pop-comp-wrapper {
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 16px 24px 0px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    color: #1F1F1F;
}
.new-styles .vscomp-dropbox {
    border-radius: 8px;
    padding: 8px;
    font-size: 14px;
    line-height: 20px;
}
.new-styles .vscomp-wrapper.multiple .vscomp-search-wrapper {
    height: 52px;
}
.new-styles .vscomp-search-container {
    border-bottom: none;
    height: 36px;
    padding: 0;
    margin: 0 0 16px;
}
.new-styles .vscomp-search-container:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAWlBMVEVHcExfX19aWlpcXFxbW1tcXFxbW1tbW1tXV1dcXFxbW1tbW1tPT09bW1tcXFxcXFxcXFxaWlpcXFxbW1tbW1taWlpcXFxaWlpbW1tbW1tZWVlaWlpbW1tcXFx6BEnEAAAAHXRSTlMAEGDfQL/fgCB/758QcM+Q7zBgX6+QUI+wz1Cgb5TBk9AAAAE2SURBVHhe3ZTJcoMwEES1IiGxG2xn6f//zVhUKi48mkl8ycHvCLxptUCo12Re+hB61/1NcH7CN8Ml/ip8TjiQZSV6FGzeQsgeO60gnMr4FH6GntdieM0J7f74oWpsSmBk5gNoyL1Qylcz4gS8dYrQA7jUBHufTw1HBQOAWesIWF0LCKqOTkBfCWgURwD8o7DyASWCtkilAcsHWdNcVsSzANejcC5XeCJgSa1REDSQiBCUAICnBdIqyx0SKe0FwQGettJEkPbEAo4XBuBd/lzIa4UmOy1E5NqWeBohH5WYuD9KtEBmTuJJUTr27HrUMuLAttNN5dfoLA5z6DBrurvgSqpg6BEApmzmmxRduz/euMAbyjR4YLy5xGCVtO11ZUPN/bqXGbal1CGGzH8b5kmDCjLGqFfhC1drIZznSK9cAAAAAElFTkSuQmCC") 0 0 no-repeat;
    background-size: 24px 24px;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
}
.new-styles .vscomp-wrapper.has-select-all .vscomp-toggle-all-button {
    display: none;
}
.new-styles .vscomp-search-input {
    background-color: #fff;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    font: 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    height: 36px;
    padding: 0 40px 0 41px;
    width: 100%;
}
.new-styles .vscomp-wrapper.has-select-all .vscomp-search-input,
.new-styles .vscomp-wrapper.has-select-all .vscomp-toggle-all-label {
    width: 100%;
}
.new-styles .vscomp-search-input:focus {
    border-color: rgba(1, 144, 219, 0.48);
}
.new-styles .vscomp-search-clear {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 16px;
    height: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAElBMVEVHcEyPj4+Ojo6MjIyPj4+Pj4/DYwnBAAAABXRSTlMAgH9gYFjQlRgAAABlSURBVHja1dIxDgAhCERREeb+V95G8zGbsdcO/is0cTx0Mu+blObZp9RFaQu6qi9iC3owIkxH2I6gG0F3gm4E3QjXub/mtSNMjzCC9y9hO8J0hO2If7ci6YjjR9ERNbpgYvPO+QC/XwLJWQ5aXAAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: 16px 16px;
    transform: translateY(-50%);
    text-indent: -9999px;
    overflow: hidden;
}
.new-styles .vscomp-options-container {
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.04);
    scrollbar-width: thin;
}
.new-styles .vscomp-option {
    height: 48px;
    padding: 0 8px;
    margin: 0;
    border-bottom: 4px solid #fff;
}
.new-styles .vscomp-option:last-child {
    border-bottom: none;
}
.new-styles .vscomp-option.focused,
.new-styles .vscomp-option.selected {
    background: rgba(1, 144, 219, 0.08);
    border-radius: 2px;
}
.new-styles .vscomp-option.disabled[data-value="none"] {
    display: none;
}
.new-styles .vscomp-wrapper .checkbox-icon {
    order: 2;
    height: 16px;
    width: 16px;
    margin: 0 0 0 8px;
}
.new-styles .vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon {
    transform: none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAD1BMVEVHcEwAj9kCkNoBkNsAj9vcYeisAAAABXRSTlMAYH//gNh8oI0AAABESURBVHja5dIxCgAwCATBnOf/35wysIJ2abx2Fmw86yf1HrYGtwbPry4NbgedgaO9n6+gs6CzoLOA14LOgs4lvHmRfbuH+gFOcqR9XgAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: 16px 16px;
}
.new-styles .vscomp-wrapper .checkbox-icon::after {
    display: none;
}
.new-styles .vscomp-option-text {
    order: 1;
}
.new-styles .multiple .vscomp-value {
    display: flex;
    align-items: center;
}
.new-styles .vscomp-selected-value-count {
    order: 2;
    min-width: 20px;
    height: 20px;
    background: #0190DB;
    border-radius: 360px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    margin: 0 0 0 8px;
}

.new-styles .vscomp-wrapper-with-avatar .vscomp-dropbox {
    padding-left: 8px;
    padding-right: 8px;
}
.new-styles .vscomp-wrapper-with-avatar .vscomp-option {
    height: 64px;
    padding: 4px 8px 4px 52px;
    margin: 0;
    border-bottom: none;
}
.new-styles .vscomp-wrapper-with-avatar .vscomp-option-description {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #6EC9CB;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 4px;
    left: 4px;
}
.new-styles .vscomp-wrapper-with-avatar .vscomp-option-description img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: cover;
}
.new-styles .vscomp-wrapper-with-avatar .vscomp-value .s-c-sub {
    display: none;
}

.new-styles .vscomp-wrapper-with-icons .vscomp-option {
    padding-left: 40px;
}
.new-styles .vscomp-wrapper-with-icons .vscomp-option-description {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
}
.new-styles .vscomp-wrapper-with-icons .vscomp-option-description svg {
    display: block;
}
.new-styles .vscomp-wrapper-with-icons .vscomp-value .s-c-sub {
    display: none;
}

.new-styles .vscomp-wrapper-with-colors .vscomp-option {
    padding-left: 40px;
}
.new-styles .vscomp-wrapper-with-colors .vscomp-option-description {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
}
.new-styles .vscomp-wrapper-with-colors .s-c-color {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 99px;
}
.new-styles .vscomp-wrapper-with-colors .vscomp-value .s-c-sub {
    display: none;
}

.select-custom-ui-wrap {
    position: relative;
}
.select-custom-ui-wrap.avatars {
    min-width: 140px;
}
.select-custom-ui-wrap.min-w {
    min-width: 146px;
}
.select-custom-ui-wrap.d-flex {
    display: flex;
    align-items: center;
    gap: 0 8px;
}
.wholewindow-modal-timeslots .select-custom-ui-wrap {
    width: 100%;
}
.wholewindow-modal-timeslots .select-custom-ui-wrap label.from,
.wholewindow-modal-timeslots .select-custom-ui-wrap label.to {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
}
.select-custom-ui-wrap.al-right .ui-selectmenu-button {
    justify-content: flex-end;
}

.ui-button.ui-selectmenu-button {
    box-sizing: border-box;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    background: #fff;
    margin: 0;
    padding: 7px 7px 7px 11px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 8px;
    width: 100%;
    max-width: 250px;
    font: 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #5c5c5c;
}
.ui-button.ui-selectmenu-button-open {
    border-color: rgba(1, 144, 219, 0.48);
}
.ui-button.ui-selectmenu-button.chosen {
    border-color: rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
    color: #006FBC;
}
.ui-button.ui-selectmenu-button:hover {
    border: 1px solid #D6D6D6;
    background: #fff;
    font-weight: normal;
    color: #5c5c5c;
}
.ui-button.ui-selectmenu-button:active {
    border: 1px solid #D6D6D6;
    background: #fff;
    font-weight: normal;
    color: #5c5c5c;
}
.ui-button.ui-selectmenu-button:focus {
    border: 1px solid rgba(1, 144, 219, 0.48);
    background: #fff;
    font-weight: normal;
    color: #5c5c5c;
}
.select-virtual-w100-wrap .ui-button.ui-selectmenu-button {
    max-width: 100%;
}
.ui-button.ui-selectmenu-button .ui-icon.ui-selectmenu-icon {
    order: 2;
    margin: 0;
    width: 16px;
    height: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAAp0lEQVR4AWJwL/AZcDy0HTHqiFFHjDpi1BHd3d0OPT09Cf39/QKUWULYPKwaurq6DICKAe3WMQ2AUAwGYatIwAEYeAUHSEISlOESNhpu7fBvzeUbez2LiNNCsrHQG2PsJUQeg7CQN4DWUUEAWQ0EQKEBQkIEAISHCAAIDxEAEB4iACA8RABAaEhu+wsAoSEGAEJBBMAjgDiARwCZcvMnoP+JRjSiEWI3XmLh7MfTOxoAAAAASUVORK5CYII=") 0 0 no-repeat;
    background-size: 16px 16px;
    transform: rotate(0deg);
    transition: transform 0.1s ease-out;
    flex-shrink: 0;
}
.ui-button.ui-selectmenu-button-open .ui-icon.ui-selectmenu-icon {
    transform: rotate(-180deg);
}
.ui-selectmenu-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ui-selectmenu-menu {
    z-index: 1000;
    position: absolute;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.06), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.04);
    display: none;
    padding: 8px 0;
}
.ui-selectmenu-open {
    display: block;
}
.ui-selectmenu-menu .ui-menu {
    box-sizing: border-box;
    max-height: 290px;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, .16) rgba(0, 0, 0, .04);
    scrollbar-width: thin;
    margin: 0;
    padding: 0 0 0 8px;
    background: none;
    border: none;
    border-right: 8px solid transparent;
    font: 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #1f1f1f;
    border-radius: 0;
}
.ui-selectmenu-menu .ui-menu-with-search {
    min-width: 280px;
    max-width: 280px;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item {
    margin: 0 0 4px;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item:lasr-child {
    margin: 0;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper {
    box-sizing: border-box;
    padding: 4px 8px;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 0 8px;
}
.ui-selectmenu-menu .ui-menu .ui-state-active {
    border: none;
    background: rgba(1, 144, 219, 0.08);
    border-radius: 2px;
    color: #1F1F1F;
    margin: 0;
}
.ui-selectmenu-menu .ui-icon {
    display: none;
    top: 0;
    left: 0;
    position: static;
    order: 1;
    flex-shrink: 0;
}
.ui-selectmenu-menu .ui-icon.ui-icon-avatar {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
}
.ui-selectmenu-menu .ui-icon.ui-icon-avatar-default {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #6EC9CB;
    text-indent: 0;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #fff;
}
.ui-selectmenu-menu .ui-icon.ui-icon-mark {
    display: block;
    width: 24px;
    height: 24px;
    text-indent: 0;
    background: none;
}
.ui-selectmenu-menu .ui-icon.ui-icon-mark .s-c-color {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 99px;
}
.ui-selectmenu-menu .select-ui-option-copy {
    order: 2;
    width: 100%;
}
.ui-selectmenu-menu .ui-menu-icons .select-ui-option-copy {
    width: calc(100% - 48px);
}
.ui-selectmenu-menu .select-ui-option-copy span.name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-selectmenu-menu .select-ui-option-copy span.job {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select-custom-ui-search-wrap {
    margin: 0 8px 16px;
    position: relative;
}
.select-custom-ui-search-wrap:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAWlBMVEVHcExfX19aWlpcXFxbW1tcXFxbW1tbW1tXV1dcXFxbW1tbW1tPT09bW1tcXFxcXFxcXFxaWlpcXFxbW1tbW1taWlpcXFxaWlpbW1tbW1tZWVlaWlpbW1tcXFx6BEnEAAAAHXRSTlMAEGDfQL/fgCB/758QcM+Q7zBgX6+QUI+wz1Cgb5TBk9AAAAE2SURBVHhe3ZTJcoMwEES1IiGxG2xn6f//zVhUKi48mkl8ycHvCLxptUCo12Re+hB61/1NcH7CN8Ml/ip8TjiQZSV6FGzeQsgeO60gnMr4FH6GntdieM0J7f74oWpsSmBk5gNoyL1Qylcz4gS8dYrQA7jUBHufTw1HBQOAWesIWF0LCKqOTkBfCWgURwD8o7DyASWCtkilAcsHWdNcVsSzANejcC5XeCJgSa1REDSQiBCUAICnBdIqyx0SKe0FwQGettJEkPbEAo4XBuBd/lzIa4UmOy1E5NqWeBohH5WYuD9KtEBmTuJJUTr27HrUMuLAttNN5dfoLA5z6DBrurvgSqpg6BEApmzmmxRduz/euMAbyjR4YLy5xGCVtO11ZUPN/bqXGbal1CGGzH8b5kmDCjLGqFfhC1drIZznSK9cAAAAAElFTkSuQmCC) 0 0 no-repeat;
    background-size: 24px 24px;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
}
.select-custom-ui-search-wrap input.text {
    display: block;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    font: 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    height: 36px;
    margin: 0;
    padding: 0 40px 0 41px;
    width: 100%;
    color: #1f1f1f;
}
.select-custom-ui-search-wrap input.text:focus {
    border-color: rgba(1, 144, 219, 0.48);
    box-shadow: none;
}
.select-custom-ui-search-wrap input.reset {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}
.select-custom-ui-search-wrap input.text:focus + input.reset {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAkElEQVR42u2USwrAIAxEPWpuoheQObKlSC225tsunXXeI+iQlHb+TaVKH2YqoaEhSzjyOcMo0AWCouNo4HZAkRQDL9KKrMKE8wozvla48LfCjc+KED4pYvhDUULFHssr7dTxiOJ+OrmdKq4X3NR5l2L972YFXxuTQm6dqqik1eZSyBepGNrJXiSCelQtMzvOHJuWALADA3RDAAAAAElFTkSuQmCC) 0 0 no-repeat;
    background-size: 16px 16px;
}


.new-styles #ui-datepicker-div {
    background: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 16px 24px 0px rgba(0, 0, 0, 0.06);
    width: 280px;
    padding: 16px;
    font: 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #1f1f1f;
    box-sizing: border-box;
    margin-top: 4px;
}
.new-styles .ui-datepicker-header {
    background: none;
    border: none;
    color: #0190DB;
    font-weight: 600;
    padding: 0 0 20px;
}
.new-styles .ui-datepicker .ui-datepicker-title {
    font-size: 16px;
    line-height: 24px;
}
.new-styles .ui-datepicker .ui-datepicker-prev,
.new-styles .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
}
.new-styles .ui-datepicker .ui-datepicker-prev {
    left: 0;
}
.new-styles .ui-datepicker .ui-datepicker-next {
    right: 0;
}
.new-styles .ui-datepicker .ui-datepicker-prev span,
.new-styles .ui-datepicker .ui-datepicker-next span {
    display: block;
    width: 24px;
    height: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAD1BMVEVHcExaWlpcXFxcXFxbW1uBNml1AAAABXRSTlMAYH//gNh8oI0AAAA7SURBVHja7dWxDQAwDMOwqMn/NxfoB1qCDtZMz660Hzh/upG+kX7i45c8z8vBKdNkkcU3C+wCfShppQtdGgHTa0WawAAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: 24px 24px;
    top: 0;
    left: 0;
    margin: 0;
}
.new-styles .ui-datepicker table {
    font-size: 14px;
    margin: 0;
}
.new-styles .ui-datepicker th {
    padding: 8px 0;
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    text-transform: lowercase;
}
.new-styles .ui-datepicker td {
    padding: 2px;
}
.new-styles .ui-datepicker table .ui-state-default {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 32px;
    color: #1f1f1f;
}
.new-styles .ui-datepicker table .ui-state-highlight {
    border: 1px solid rgba(1, 144, 219, 0.48);
    background: none;
    color: #006FBC;
}
.new-styles .ui-datepicker table .ui-state-hover,
.new-styles .ui-datepicker table .ui-state-active {
    background: #0190DB;
    color: #fff;
}

.new-styles .ui-tooltip,
.ui-tooltip.custom-tooltip  {
    padding: 8px 12px;
    max-width: 216px;
    background: rgba(0, 0, 0, 0.64);
    border-radius: 8px;
    opacity: 1;
}
.new-styles .ui-tooltip-inner,
.ui-tooltip.custom-tooltip .ui-tooltip-inner {
    font: 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    text-transform: none;
}

.new-styles .h-bottom-fixed-btns-wrap {
    box-sizing: border-box;
    width: 100%;
    padding: 16px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #0190DB;
    display: flex;
    justify-content: space-between;
}

.new-styles .h-bigpopup-wrap.right-var {
    padding-top: 0;
    z-index: 999;
}
.new-styles .bigpopup-right-overlay,
.new-styles .bigpopup-left-overlay {
    background: rgba(0, 0, 0, 0.40);
}
.new-styles .version-new .h-bigpopup-wrap.right-var .h-bigpopup-inner {
    width: 480px;
}
.new-styles .bigpopup-right-closer {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    top: 16px;
    left: auto;
    right: 16px;
    color: #5C5C5C;
}
.new-styles .h-bigpopup-inner_out2 {
    padding:  56px 0 0;
}
.new-styles .h-bigpopup-wrap.right-var .bigpopup-head-fixed {
    background: #fff;
    color: #1F1F1F;
    height: 56px;
}
.new-styles .h-bigpopup-wrap.right-var .bigpopup-head-fixed h3 {
    padding: 0 16px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #1f1f1f;
}
.new-styles .bigpopup-body-scroll {
    display: flex;
    flex-direction: column;
}
.new-styles .h-bigpopup-wrap.right-var .bigpopup-body-scroll_inner {
    padding: 16px;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, .16) rgba(0, 0, 0, .04);
    scrollbar-width: thin;
}
.new-styles .bigpopup-body-footer__btns {
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 8px;
    margin-top: auto;
}
.new-styles .wholewindow-submodal-footer .bigpopup-body-footer__btns {
    padding: 0;
}
.new-styles .bigpopup-body-footer__btns.flex-start {
    justify-content: flex-start;
    gap: 0 8px;
}
.new-styles .bigpopup-body-footer__btns .btn.w33 {
    width: calc(33.3% - 5px)
}
.new-styles .bigpopup-body-footer__btns .btn.w50 {
    width: calc(50% - 5px)
}
.new-styles .bigpopup-body-footer__btns .btn.w66 {
    width: calc(66.6% - 4px)
}
.new-styles .bigpopup-body-footer__btns .btn .ph,
.new-styles .bigpopup-body-footer__btns .btn svg {
    display: block;
    margin: 0 auto;
    font-size: 24px;
    color: #0190DB;
}
.new-styles .bigpopup-body-footer__btns .btn {
    box-sizing: border-box;
    padding: 5px;
    height: 72px;
    background: #fff;
    border: 1px solid rgba(1, 144, 219, 0.48);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #0190DB;
}
.new-styles .bigpopup-body-footer__btns .btn:hover {
    border-color: rgba(1, 144, 219, 0.68);
}
.new-styles .bigpopup-body-footer__btns .btn:hover,
.new-styles .bigpopup-body-footer__btns .btn:hover .ph {
    color: #006FBC;
}

.booking-log__item {
    border-bottom: 1px solid #D6D6D6;
    padding: 16px 0 8px;
}
.booking-log__item-date {
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
    display: flex;
    align-items: center;
    margin: 0 0 16px;
}
.booking-log__item-date-satus {
    font-size: 12px;
    line-height: 16px;
    padding: 2px 8px;
    border-radius: 360px;
    color: #fff;
    margin: 0 0 0 8px;
}
.booking-log__item-date-satus.create {
    background: #5BB2E0;
}
.booking-log__item-date-satus.confirm {
    background: #A58FD4;
}
.booking-log__item-date-satus.change {
    background: #E0A800;
}
.booking-log__item-date-satus.place {
    background: #75B872;
}
.booking-log__item-date-satus.cancel {
    background: #8F8F8F;
}
.booking-log__item-create {
    font-size: 16px;
    line-height: 24px;
    color: #1f1f1f;
    margin: 0 0 8px;
}
.booking-log__item-subtl {
    display: flex;
    align-items: flex-start;
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 24px;
    color: #1f1f1f;
}
.booking-log__item-subtl-title {
    width: 64px;
    margin: 0 8px 0 0;
    color: #5c5c5c;
}
.booking-log__item-subtl-info {
    width: calc(100% - 72px);
    color: #1f1f1f;
}
.booking-log__item-subtl-subinfo {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
}
.booking-log__item-subtl-subinfo + .booking-log__item-subtl-subinfo {
    margin-top: 2px;
}
.booking-log__item-data {
    margin: 0 0 16px;
}
.booking-log__item-data:last-child {
    margin: 0 0 8px;
}
.booking-log__item-data-label {
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    margin: 0 0 4px;
}
.booking-log__item-data-copy {
    font-size: 16px;
    line-height: 24px;
    color: #1f1f1f;
}
.booking-log__summ {
    padding: 12px 0 4px;
}
.booking-log__summ li {
    margin: 0 0 8px;
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
}
.booking-log__summ li.all {
    font-size: 16px;
    line-height: 24px;
}
.booking-log__summ li.all .booking-log__summ-right {
    font-weight: 600;
}
.booking-log__summ-right {
    margin-left: auto;
}


.new-styles .ui-autocomplete,
.ui-autocomplete.new-styles {
    box-sizing: border-box;
    background: #fff;
    border: none;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 16px 24px 0px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    padding: 8px;
    font-family: inherit;
    width: 280px;
    max-height: 360px;
    overflow: auto;
    font: 16px/24px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #1f1f1f;
}
.ui-autocomplete.new-styles {
    z-index: 1000;
}
.new-styles .ui-autocomplete .ui-menu-item,
.ui-autocomplete.new-styles .ui-menu-item {
    border-bottom: none;
    font: 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #1f1f1f;
    display: block;
    width: auto;
}
.new-styles .ui-autocomplete .ui-menu-item a,
.ui-autocomplete.new-styles .ui-menu-item a {
    display: block;
    padding: 4px 8px;
    height: auto;
    color: #1f1f1f;
}
.new-styles .ui-autocomplete .ui-menu-item a.ui-state-focus,
.new-styles .ui-autocomplete .ui-menu-item a.ui-state-active,
.ui-autocomplete.new-styles  .ui-menu-item a.ui-state-focus, 
.ui-autocomplete.new-styles .ui-menu-item a.ui-state-active,
.ui-autocomplete.new-styles .ui-menu-item a:focus,
.ui-autocomplete.new-styles .ui-menu-item a:hover,
.new-styles .ui-autocomplete.new-styles .ui-menu-item a:focus,
.new-styles .ui-autocomplete.new-styles .ui-menu-item a:hover {
    margin: 0;
    border: none;
    background: rgba(1, 144, 219, 0.08);
    border-radius: 2px;
}
.new-styles .ui-autocomplete .input-autocomp-item-copy1,
.ui-autocomplete.new-styles .input-autocomp-item-copy1 {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    margin: 0 0 4px;
}
.new-styles .ui-autocomplete .input-autocomp-item-copy2,
.ui-autocomplete.new-styles .input-autocomp-item-copy2 {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #5c5c5c;
}


.h-wholewindow-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,.4);
    display: none;
}
.h-wholewindow-modal_opened {
    display: block;
    overflow: hidden;
}
.h-wholewindow-modal a {
    color: #006FBC;
}
.h-wholewindow-modal a:hover {
    color: #00539D;
}
.h-wholewindow-modal-inner {
    box-sizing: border-box;
    width: 640px;
    height: 100%;
    position: relative;
    z-index: 3;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.wholewindow-modal-from-right .h-wholewindow-modal-inner {
    width: 480px;
    position: absolute;
    top: 0;
    right: -100%;
    transition: right .5s ease-in-out;
}
.h-wholewindow-modal_opened.wholewindow-modal-from-right .h-wholewindow-modal-inner {
    right: 0;
}
.wholewindow-modal-from-right .wholewindow-modal-header {
    border: none;
    min-height: 56px;
    padding: 16px 0;
}

.wholewindow-modal-full-width .h-wholewindow-modal-inner {
    width: 100%;
}

.wholewindow-modal-width480 .h-wholewindow-modal-inner {
    width: 480px;
}

.wholewindow-modal-paddings {
    padding: 0 16px;
}
.h-wholewindow-submodal-inner {
    box-sizing: border-box;
    width: calc(100% - 640px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 100%;
    background: #fff;
    border-left: 1px solid #D6D6D6;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    transition: right .5s ease-in-out;
}
.h-wholewindow-submodal-inner#whw-submodal-history {
    width: 455px;
}
.h-wholewindow-submodal-inner.from-right-edge {
    width: 480px;
    right: -100%;
}
.h-wholewindow-submodal-inner.from-right-edge.full-width {
    z-index: 4;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    transition: none;
}
.h-wholewindow-submodal-inner.from-right-edge.full-inner-width {
    width: 100%;
}
.h-wholewindow-submodal-inner_opened {
    right: 0;
}
.h-wholewindow-submodal-inner_opened#whw-submodal-history {
    right: calc(100% - 640px - 455px);
}
.h-wholewindow-submodal-inner_opened.from-right-edge,
.h-wholewindow-submodal-inner_opened .h-wholewindow-submodal-inner.from-right-edge {
    right: 0;
}
.wholewindow-modal-closer,
.wholewindow-submodal-closer {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 20px;
    right: 16px;
    cursor: pointer;
    color: rgba(92,92,92,1);
}
.wholewindow-modal-closer .ph,
.wholewindow-submodal-closer .ph {
    font-size: 24px;
}

.wholewindow-submodal-external {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 16px;
    right: 74px;
    cursor: pointer;
    color: rgba(92,92,92,1);
}
.wholewindow-submodal-external .ph {
    font-size: 32px;
}

@media screen and (min-width: 1400px) {
    .h-wholewindow-modal-inner {
        width: 720px;
    }
    .wholewindow-modal-paddings {
        padding: 0 32px;
    }
    .h-wholewindow-submodal-inner {
        width: calc(100% - 720px);
    }
    .h-wholewindow-submodal-inner_opened#whw-submodal-history {
        right: calc(100% - 720px - 455px);
    }
    .wholewindow-modal-closer,
    .wholewindow-submodal-closer {
        right: 24px;
    }
}

.wholewindow-modal-header {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 66px;
    border-bottom: 1px solid #D6D6D6;
    flex-shrink: 0;
}
.wholewindow-modal-header h2,
.new-styles .wholewindow-modal-header h2 {
    margin: 0;
}
.wholewindow-modal-header .wholewindow-modal-paddings {
    box-sizing: border-box;
    width: 100%;
}

.wholewindow-modal-header-colored {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.wholewindow-modal-header-colored:after {
    display: block;
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
}
.wholewindow-modal-header-colored.filled h2 {
    color: #0190DB;
}
.wholewindow-modal-header-colored.filled:after {
    background: #5BB2E0;
}
.wholewindow-modal-header-colored.confirmed h2 {
    color: #8F67A2;
}
.wholewindow-modal-header-colored.confirmed:after {
    background: #A58FD4;
}
.wholewindow-modal-header-colored.current h2 {
    color: #FF3B38;
}
.wholewindow-modal-header-colored.current:after {
    background: #F57F7D;
}
.wholewindow-modal-header-colored.done h2 {
    color: #2B9927;
}
.wholewindow-modal-header-colored.done:after {
    background: #75B872;
}
.wholewindow-modal-header-colored.finished h2 {
    color: #2B9927;
}
.wholewindow-modal-header-colored.finished:after {
    background: #75B872;
}
.wholewindow-modal-header-colored.canceled h2 {
    color: #8F8F8F;
}
.wholewindow-modal-header-colored.canceled:after {
    background: #D6D6D6;
}

.wholewindow-modal-head-flex {
    display: flex;
    align-items: center;
    padding-right: 48px;
}
.wholewindow-modal-head-ptops {
    padding: 20px 0 16px;
}
.wholewindow-modal-head-status {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5C5C5C;
    margin: 4px 0 0;
}
.wholewindow-modal-head-status .ph {
    font-size: 16px;
    margin: 0 4px 0 0;
}
.wholewindow-modal-head-flex-right {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.wholewindow-modal-head-btns-ptop {
    padding: 12px 0 0;
}
.wholewindow-modal-head-btns {
    display: flex;
    align-items: center;
    gap: 8px;
}
.wholewindow-modal-head-btns li {
    box-sizing: border-box;
    height: 36px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    background: #fff;
    padding: 0 12px;
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    cursor: pointer;
}
.wholewindow-modal-head-btns li .ph {
    font-size: 16px;
    margin-right: 4px;
    display: none;
}
.wholewindow-modal-head-btns li.resize {
    flex-grow: 1;
    width: 50px;
}
.wholewindow-modal-head-btns li.hight {
    height: 40px;
}
.wholewindow-modal-head-btns li.selected {
    border-color: rgba(1, 144, 219, 0.48);
    background-color: rgba(1, 144, 219, 0.08);
    color: #006FBC;
}
.wholewindow-modal-head-btns li.selected .ph {
    display: inline-flex;
    color: #006FBC;
}
.wholewindow-modal-head-btns li.confirm {
    border-color: rgba(155, 71, 194, 0.48);
    color: #8F67A2;
}
.wholewindow-modal-head-btns li.confirm .ph {
    font-size: 24px;
    margin-right: 8px;
    color: #8F67A2;
    display: inline-flex;
}
.wholewindow-modal-head-btns li.selected.confirm {
    border-color: #A58FD4;
    background-color: #A58FD4;
    color: #fff;
}
.wholewindow-modal-head-btns li.selected.confirm .ph {
    display: inline-flex;
    opacity: 0.64;
    color: #fff;
}
.wholewindow-modal-head-btns .default-with-icon {
    border-color: rgba(1, 144, 219, 0.48);
    color: #0190db;
}
.wholewindow-modal-head-btns .default-with-icon:hover {
    border-color: #006FBC;
    color: #006FBC;
}
.wholewindow-modal-head-btns .default-with-icon .ph {
    display: inline-flex;
    font-size: 24px;
    margin-right: 8px;
}

.wholewindow-modal-body {
    flex-grow: 1;
    overflow: auto;
    scrollbar-color: rgba(0,0,0,.16) rgba(0,0,0,.04);
    scrollbar-width: thin;
}

.wholewindow-modal-h100 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
}
.wholewindow-modal-h100-scroll {
    flex-grow: 1;
    overflow: auto;
    scrollbar-color: rgba(0,0,0,.16) rgba(0,0,0,.04);
    scrollbar-width: thin;
}

.wholewindow-modal-fieldset {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
}
.wholewindow-modal-fieldset-label {
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    margin: 0 0 8px;
}
.wholewindow-modal-fieldset-col {
    min-width: 0;
}
.wholewindow-modal-fieldset.nobord {
    border: none;
}
.wholewindow-modal-h100-fixed .wholewindow-modal-fieldset:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.wholewindow-modal-fieldset-col.to-right {
    margin-left: auto;
    flex-shrink: 0;
}
.wholewindow-modal-fieldset-col.w-padd {
    padding-top: 16px;
    padding-bottom: 16px;
}
.wholewindow-modal-fieldset-col.w-padd2 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.wholewindow-modal-fieldset-col.w-padd3 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.wholewindow-modal-fieldset-col.w-padd3-bott {
    padding-bottom: 8px;
}
.wholewindow-modal-fieldset-col.w50 {
    width: 50%;
}
.wholewindow-modal-fieldset-col.w100 {
    width: 100%;
}
.wholewindow-modal-fieldset-col.w25 {
    width: 25%;
}
.wholewindow-modal-fieldset-col.grow {
    flex-grow: 1;
}
.wholewindow-modal-fieldset-col-label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #1f1f1f;
    margin: 0;
    min-width: 64px;
}
.whw-h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
}
.whw-h3.padd-top-8 {
    padding-top: 8px;
}
.whw-h3.mg-bott-16 {
    margin-bottom: 16px;
}
.whw-h3.mg-bott-24 {
    margin-bottom: 24px;
}
.whw-h3.mg-bott-8 {
    margin-bottom: 8px;
}
.whw-h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 16px;
}
.whw-h4.padd-top {
    padding-top: 16px;
}
.whw-h4.mg-zero {
    margin: 0;
}
.whw-copy-grey {
    font-size: 14px;
    line-height: 20px;
    margin: 4px 0 0;
    color: #5C5C5C;
}
.whw-copy-grey-smaller {
    font-size: 12px;
    line-height: 16px;
    margin: 4px 0 16px;
    color: #5C5C5C;
}
.wholewindow-modal-timeslots {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 16px 14px 0;
}
.wholewindow-modal-timeslots .reset-input-wrap {
    flex-shrink: 0;
    width: calc(50% - 40px);
}
.wholewindow-modal-timeslots .reset-input-wrap label.from {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
}
.wholewindow-modal-timeslots .reset-input-wrap input.text.from {
    text-align: right;
    padding-right: 32px;
}
.wholewindow-modal-timeslots-filled {
    min-width: 100px;
}
.wholewindow-modal-timeslots-filled-label {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 2px;
    color: #5C5C5C;
}
.wholewindow-modal-timeslots-filled-copy {
    font-size: 14px;
    line-height: 20px;
}
.whw-timeslots-now {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.wholewindow-modal-reasons {
    padding: 12px 0;
}
.wholewindow-modal-reasons-filled-label {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 2px;
    color: #5C5C5C;
}
.wholewindow-modal-reasons-filled-copy {
    font-size: 14px;
    line-height: 20px;
}

.wholewindow-modal-master-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    min-height: 40px;
}
.wholewindow-modal-fieldset-col + .wholewindow-modal-fieldset-col .wholewindow-modal-master-wrap {
    padding-left: 16px;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.wholewindow-modal-master-wrap-unknown {
    display: flex;
    align-items: center;
    width: 100%;
}
.wholewindow-modal-master-wrap-h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #8F8F8F;
    margin: 0;
}

.wholewindow-modal-master {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-grow: 1;
}
.wholewindow-modal-master img {
    border-radius: 8px;
    flex-shrink: 0;
    flex-grow: 0;
}
.wholewindow-modal-master-inner {
    flex-shrink: 0;
    flex-grow: 0;
    width: 100%;
}
.wholewindow-modal-fieldset-col + .wholewindow-modal-fieldset-col .wholewindow-modal-master-inner {
    width: calc(100% - 56px);
}
.wholewindow-modal-master-name {
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wholewindow-modal-master-position {
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wholewindow-modal-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #0190DB;
    border-radius: 8px;
    text-align: center;
    margin-left: auto;
    flex-shrink: 0;
}
.wholewindow-modal-icon.w-auto {
    width: auto;
    height: auto;
    font-size: inherit;
    color: inherit;
    border-radius: 0;
}
.wholewindow-modal-client-status {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5C5C5C;
    background: rgba(1, 144, 219, 0.12);
    border-radius: 360px;
    padding: 4px 12px;
}
.wholewindow-modal-client-write {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #2B9927;
    display: flex;
    align-items: center;
}
.wholewindow-modal-icon a.wholewindow-modal-client-write {
    color: #2B9927;
}
.wholewindow-modal-client-write .ph {
    font-size: 24px;
    margin: 0 2px 0 0;
}
.wholewindow-modal-icon a {
    display: inline-flex;
    color: #0190DB;
}
.wholewindow-modal-icon a.gray {
    color: #5c5c5c;
}
.wholewindow-modal-icon a.light-gray {
    color: #8F8F8F;
}
.wholewindow-modal-icon.active {
    background: rgba(255, 59, 56, 0.08);
    color: #DB2835;
}
.wholewindow-modal-icon.active a {
    color: #DB2835;
}

.wholewindow-modal-inputs-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 16px 14px 0;
}
.wholewindow-modal-inputs-wrap .reset-input-wrap {
    width: 50%;
}
.wholewindow-modal-inputs-wrap .reset-input-wrap.auto {
    width: auto;
}
.wholewindow-modal-inputs-wrap2 {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px 0 16px;
}
.wholewindow-modal-h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #1f1f1f;
}
.wholewindow-modal-expand {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.wholewindow-modal-fieldset-col + .wholewindow-modal-fieldset-col .wholewindow-modal-master-wrap .wholewindow-modal-expand {
    font-size: 16px;
    line-height: 24px;
}
.wholewindow-modal-fieldset-col + .wholewindow-modal-fieldset-col .wholewindow-modal-master-wrap .wholewindow-modal-expand.fs-14 {
    font-size: 14px;
    line-height: 20px;
}

.checklist-btns-wrap {
    padding: 14px 16px 14px 0;
}
.checklist-btns {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.checklist-btns.no-overflow {
    overflow: visible;
}
.checklist-btns:after {
    display: block;
    content: "";
    width: 32px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    position: absolute;
    top: 0;
    right: 0;
}
.checklist-btns.no-overflow:after {
    display: none;
}
.checklist-btns li {
    display: inline-block;
    margin: 0 8px 0 0;
}
.checklist-btns.no-overflow li {
    margin: 0 1px 0 0;
}
.checklist-btns .checklist-btns-label {
    position: relative;
}
.checklist-btns input[type="checkbox"],
.checklist-btns input[type="radio"] {
    margin: 0;
    padding: 0;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.checklist-btns .checklist-btns-copy {
    display: flex;
    align-items: center;
    border-radius: 8px;
    height: 34px;
    border: 1px solid transparent;
    background: rgba(0, 0, 0, 0.04);
    padding: 0 12px;
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
    gap: 8px;
    position: relative;
    cursor: pointer;
}
.checklist-btns .checklist-btns-copy:hover {
    border-color: rgba(1, 144, 219, 0.48);
    background-color: #fff;
}
.checklist-btns .checklist-btns-copy:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAD1BMVEVHcEwAj9kCkNoBkNsAj9vcYeisAAAABXRSTlMAYH//gNh8oI0AAABESURBVHja5dIxCgAwCATBnOf/35wysIJ2abx2Fmw86yf1HrYGtwbPry4NbgedgaO9n6+gs6CzoLOA14LOgs4lvHmRfbuH+gFOcqR9XgAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: 16px 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.checklist-btns input[type="checkbox"]:checked + .checklist-btns-copy,
.checklist-btns input[type="radio"]:checked + .checklist-btns-copy {
    border-color: rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
    color: #006FBC;
    padding-left: 28px;
}
.checklist-btns input[type="checkbox"]:checked + .checklist-btns-copy:after,
.checklist-btns input[type="radio"]:checked + .checklist-btns-copy:after {
    left: 8px;
    display: block;
}
.checklist-btns.w-icons input[type="checkbox"]:checked + .checklist-btns-copy,
.checklist-btns.w-icons input[type="radio"]:checked + .checklist-btns-copy {
    padding-left: 12px;
    padding-right: 28px;
}
.checklist-btns.w-icons input[type="checkbox"]:checked + .checklist-btns-copy:after,
.checklist-btns.w-icons input[type="radio"]:checked + .checklist-btns-copy:after {
    left: auto;
    right: 8px;
}
.checklist-btns .checklist-btns-copy-icon {
    width: 24px;
    font-size: 24px;
    display: flex;
}
.checklist-btns .checklist-btns-copy-color {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.16);
}

.whw-checklist-rows-bookings {
    overflow: hidden;
    padding: 16px 0 0;
}
.whw-checklist-rows-bookings li {
    margin: 0 0 2px;
}
.whw-checklist-rows-bookings label {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 8px;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
}
.whw-checklist-rows-bookings li.selected  label {
    background: rgba(1, 144, 219, 0.08);
}
.whw-checklist-rows-bookings-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.whw-checklist-rows-bookings-right {
    margin-left: auto;
    white-space: nowrap;
    font-weight: 600;
}
.whw-checklist-rows-bookings-right .go-to {
    margin-right: 16px;
}

.whw-user-modal-name {
    position: relative;
    padding: 0 0 0 48px;
}
.whw-user-modal-name-avatar {
    display: block; 
    width: 40px;
    height: 40px;
    background: #A695E7;
    border-radius: 8px;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.whw-user-modal-license-wrap {
    padding: 24px 0 0;
}
.whw-user-modal-license-title {
    font-size: 16px;
    line-height: 24px;
    font-size: 600;
    margin: 0 0 4px;
}
.whw-user-modal-license-copy {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 16px;
}
.whw-user-modal-license-list {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 0 14px;
}
.whw-user-modal-license-list li {
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    padding: 8px 12px;
    flex: 0 0 calc(33.3333% - 4px);
    color: #5c5c5c;
}
.whw-user-modal-license-list .expair-urgent {
    background: rgba(255, 59, 56, 0.08);
    color: #DB2835;
}
.whw-user-modal-license-list .expair-soon {
    background: rgba(245, 184, 0, 0.12);
    color: #A37A00;
}
.whw-user-modal-license-list-name {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0 0 4px;
    color: #1f1f1f;
}
.whw-user-modal-license-list-dop {
    font-size: 12px;
    line-height: 16px;
}
.whw-user-modal-license-actions {
    padding: 10px 0;
}
.whw-user-modal-license-actions a {
    font-size: 14px;
    line-height: 10px;
    font-weight: 600;
}

.whw-user-modal-links-list {
    border-top: 1px solid rgba(0, 0, 0, 0.16);
    padding: 8px 0 0;
}
.whw-user-modal-links-list-logout {
    border-top: 1px solid rgba(0, 0, 0, 0.16);
    margin-top: 8px;
    padding: 8px 0 0;
}
.whw-user-modal-links-list-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px;
    gap: 0 8px;
}
.whw-user-modal-links-list-item:hover {
    background: rgba(1, 144, 219, 0.08);
}
.whw-user-modal-links-list-icon {
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.whw-user-modal-links-list-icon.base {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAA5FBMVEVHcEwAUZsAU5wAUpwAUp0AT5cAT58AU5wAT58AUZoAUpwAUpwAVJoAVZoAT5oAU50AUp4AUZ0AT5wAUpwAU5sAUp4AUpoAUpwAU50BkNv///8AbbgAZrCAx+0AcbwAYqzv+P2AyO0AV6EBgcu/4/YRl93f8fsBfcdBq+QBiNMAWqQAW6Uhnt9wweuQzu9guugAecQBhc9guekAdcDP6viQz+9wwOsBcrwBecQxpeIAbrgBbrhArOSw3PQBecMAgMsBdsAAfcgBiNQAdsAgnuAAiNNguehQsuav3fSg1fFRsuZRs+axNw65AAAAGHRSTlMAgN/fvyAg7xBwYL9wMDCfb3BQUIB/YKBxUr94AAAB3UlEQVR4Xt2V1XbcMBiE16m3ju2FJimMjMsc5jLj+79P5azOHEmG5Hrn+hv9JP1q7ap6ge84/mHvSfC+73pQ8txg/zH8laLp6beb+BdbfJXEWRYnKxTaO6jFn7uQyj8vhdLy44PHbdfwzwCsx8LQg2WvXcu/EyXd0lHmRzxe13xU6XAlfy4qdS4dbqk/AOZEpj/T9O+UjjGAg3JCtwTSQVQopeMt4Jkj7ANrHn8VKV0xyApwjAF7wJ1QOpHo5Pp6Jh0nTMoKEWgBNhIcFtBQOt4LpRzw9RaZAf5soYlWxqXZKA9YCkHs1xY6jaIPvCWA16K6WkbiNxNZyFqEVnaPhiMgoWEzOVbMjRZBJMBrGnwgFhSdsk8XNMR61Q6Q2fh0IfmZoDJOggb7dHaVhoaU0gIf/CPOlDi3pGQYDNXFYNGH5bZSp6zXbisH99VykLcGx6txKRp1BoSawQfyOpQZBdb1HhtTuLn4bgSwX5Bjlc2hMQD6CmUIfRSLSOremJq9NzrQk5oWBuYkvgDoNK+Z4WxwbKyZsHqRzUWFPo3qVx+yMh83L9f1mXU8l3HdupcWPu8f33JIheRL6jzDg0f/UDz2pzLIG/vLevnoLxeEHunQJ96o7lHx7Qbd1o7qP+yXfTratWkBAAAAAElFTkSuQmCC");
}
.whw-user-modal-links-list-icon.school {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAulBMVEVHcEwAM08AM04AM00AMk0AM04AL08AL08ANE4ANE4AM0sAM04ANE4ANE4AM04ANE4AMk8ANE8AM08AMk8AN08AM08AMk0ANE8Ab7wBhMkAbqcAaK4AS3IASngAO10AVoMBYpUBhckAWZMAYpUAP2AAQGABbqcBebgAOFYAYKEAQmoAebgAa7UAQ2oAUYUAVYwAUYYBkNsBitIBi9IAOVcAOlcATn4AUoUAVowARWkAYKAAZKcATX8AP2NOBBIIAAAAF3RSTlMAQJ+AYN8QIL/fQO/vf6CvYHCAcCBQcIGG7xEAAAF/SURBVHhe3dHXksMgDAVQkhhjp28V7um9be///1trwDOEiI2T2bfcV93DaAS53Lj3zlnA8QH800ndAxGDlNafR4J49VPrvad+T5IqOwpYtag/5OlnUELcVlM0sr6olxBdj6eiahK/xcrqOtPYejDHN+pGJiNF0GlGE9RFxLykbmCiv4XZ62FoCv0tvvX1EGAsCD4YoQJmweEKAIfkcfiSA0pYW86GgW3peGnWwRMfUvEksS+dBfv1ClHpUivJoCDhuKjrABwhH2pKiAlSvTQiMLOAaJfigy1jWd+tLIDzKAGTBMX7K86tQBJ0GjWyA0XUtxT1xfwIUJkvJCnqnJcAkYE8mKqXAk3SgeJ20ASQc022K74HBofAA4B3jqOA7FcNwGgu3v4CrzmijGCRRnaA+iJuRwwSRD4l8FyCcy1H6+2XBtF2LeqNK2INa4PMbJ1sNpvv5GcGKsY6mJhpmAfFpNtp7LU7Ny4GGFWcWh7n7lYMECjJRQAK9DzAaoz8J79bO4zpcMtznwAAAABJRU5ErkJggg==");
}
.whw-user-modal-links-list-icon.signout {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAYFBMVEVHcEzW7fnU7PcAbbsAbrvX7/cAb7cAbrvP5/fW7PjV7fnV7PkAbbsAbrwAbr0AbboAbr0Ab7y73fHW7flrrtobf8MafsPJ5fUafsQbf8Rrrts1j8uTxuYoh8hDls+FvuItc+ykAAAAEXRSTlMAr7CQ7yAg3yDvv7+Af4+gn5tOUXAAAACvSURBVHhe7dXJDoMwDEVR2jKUznaYOv//X5Zdkz5j6XWHxF37oIBIkhEtHXP51oSo1dYCJ0kKcbUl8gTcQtLOANFTsZoFYeagfysHXnJVCtxlFAzQbhSlD1BUJQFQIPAFAhRVLBBo89tZIoGgFbNqEnQswCVdnCXxL41py3xWnEfgzyPA+YH5+Z4ig3L7YVBuiz76fw+B+QP/uG9SsDbAwbtQisxok09cKPW+yNiWPl3kUGVvvTTVAAAAAElFTkSuQmCC");
}
.whw-user-modal-links-list-copy {
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
}

.tab-example-switch-wrap {
    display: none;
}
.tab-example-switch-wrap.opened {
    display: block;
}

.wholewindow-modal-footer {
    box-sizing: border-box;
    padding: 17px 0;
    min-height: 76px;
    flex-shrink: 0;
}
.wholewindow-modal-footer-flex {
    display: flex;
    align-items: center;
}
.wholewindow-modal-footer-flex-padd1 {
    margin: 0 0 20px;
}
.wholewindow-modal-footer-flex-padd2 {
    margin: 0 0 8px;
}
.wholewindow-modal-footer-flex-padd3 {
    margin: 0 0 4px;
}
.wholewindow-modal-footer-flex .right,
.h-cgb-footer-flex .right,
.add-footer-flex .right {
    margin-left: auto;
}
.wholewindow-modal-footer-total-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0 64px;
}
.wholewindow-modal-footer-total-copy {
    font-size: 16px;
    line-height: 24px;
}
.wholewindow-modal-footer-total {
    font-size: 28px;
    line-height: 150%;
    font-weight: 400;
}
.wholewindow-modal-footer-f-s-14 {
    font-size: 14px;
    line-height: 20px;
}
.wholewindow-modal-footer-bold {
    font-weight: 600;
}

.wholewindow-modal-footer-btns {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}
.wholewindow-modal-footer-flex + .wholewindow-modal-footer-btns {
    padding: 16px 0 0;
}
.whw-foot-action__all {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-left: 32px;
}
.h-cgb-footer-flex .whw-foot-action__all {
    margin-left: 0;
}
.add-footer-flex {
    display: flex;
    align-items: center;
}
.wholewindow-modal-footer-btns-small {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
}
.wholewindow-modal-footer-btns-small button.submit,
.new-styles .wholewindow-modal-footer-btns-small button.submit {
    padding-left: 24px;
    padding-right: 24px;
}
.whw-modal-foot-btn {
    box-sizing: border-box;
    height: 72px;
    border-radius: 8px;
    border: 1px solid rgba(1, 144, 219, 0.48);
    background: #fff;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    flex-grow: 1;
    color: #0190DB;
}
.h-wholewindow-modal .whw-modal-foot-btn {
    color: #0190DB;
}
.whw-modal-foot-btn.single {
    min-width: 128px;
    padding-left: 8px;
    padding-right: 8px;
}
.whw-modal-foot-btn .ph {
    display: block;
    margin: 0 auto 4px;
    font-size: 24px;
    color: #0190DB;
}
.whw-modal-foot-btn:hover {
    border-color: #006FBC;
    color: #006FBC;
}
.h-wholewindow-modal .whw-modal-foot-btn:hover {
    color: #006FBC;
}
.whw-modal-foot-btn:hover .ph {
    color: #006FBC;
}
.h-content-body-after-tabs-wrap .whw-modal-foot-btn {
    color: #0190DB;
}
.h-content-body-after-tabs-wrap .whw-modal-foot-btn:hover {
    color: #006FBC;
}

.whw-modal-foot-btn.green {
    border-color: #2B9927;
    background-color: #2B9927;
    color: #fff;
}
.h-wholewindow-modal .whw-modal-foot-btn.green {
    color: #fff;
}
.whw-modal-foot-btn.green .ph {
    color: #fff;
    opacity: 0.64;
}
.whw-modal-foot-btn.green:hover {
    border-color: #278c31;
    background-color: #278c31;
    color: #fff;
}
.h-wholewindow-modal .whw-modal-foot-btn.green:hover {
    color: #fff;
}
.whw-modal-foot-btn.green:hover .ph {
    color: #fff;
}

.whw-modal-foot-btn.blue {
    border-color: #0190DB;
    background-color: #0190DB;
    color: #fff;
}
.h-wholewindow-modal .whw-modal-foot-btn.blue {
    color: #fff;
}
.whw-modal-foot-btn.blue .ph {
    color: #fff;
    opacity: 0.64;
}
.whw-modal-foot-btn.blue:hover {
    border-color: #006FBC;
    background-color: #006FBC;
    color: #fff;
}
.h-wholewindow-modal .whw-modal-foot-btn.blue:hover {
    color: #fff;
}
.whw-modal-foot-btn.blue:hover .ph {
    color: #fff;
}

.whw-modal-foot-btn-wrap {
    flex-grow: 1;
    position: relative;
}

.whw-personal-data-agree-wrap {
    position: relative;
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    z-index: 1;
}
.whw-personal-data-agree-buble {
    box-sizing: border-box;
    width: 264px;
    padding: 16px 8px;
    position: absolute;
    top: calc(100% - 6px);
    left: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04), 0px 12px 24px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.16);
    display: none;
}
.whw-personal-data-agree-list li {
    margin: 0 0 2px;
}
.whw-personal-data-agree-list li:last-child {
    margin: 0;
}
.whw-personal-data-agree-list li.disabled {
    position: relative;
}
.whw-personal-data-agree-list li.disabled:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.48);
    position: absolute;
    top: 0;
    left: 0;
}
.whw-personal-data-agree-list a {
    display: flex;
    align-items: center;
    gap: 0 8px;
    color: #1f1f1f;
    padding: 8px 12px;
}
.whw-personal-data-agree-list a .ph {
    font-size: 24px;
    color: #5C5C5C;
}
.whw-personal-data-agree-list a:hover {
    background: rgba(1, 144, 219, 0.08);
    color: #1f1f1f;
}


.wholewindow-submodal-header {
    box-sizing: border-box;
    padding: 20px 0;
    min-height: 66px;
    border-bottom: 1px solid #D6D6D6;
    flex-shrink: 0;
}
.from-right-edge .wholewindow-submodal-header {
    border: none;
    min-height: 56px;
    padding: 16px 0;
}
.from-right-edge .wholewindow-submodal-header .wholewindow-submodal-closer {
    top: 16px;
}
.from-right-edge.with-own-shadow .wholewindow-submodal-header,
.from-right-edge.with-own-shadow .wholewindow-submodal-body {
    position: relative;
    z-index: 2;
}
.wholewindow-submodal-header h2,
.new-styles .wholewindow-submodal-header h2 {
    margin: 0;
}
.wholewindow-title-flex {
    display: flex;
    align-items: center;
}
.wholewindow-title-flex .wholewindow-title-flex-kol {
    color: #5C5C5C;
}
.wholewindow-title-flex__right {
    margin: 0 13% 0 auto;
    display: flex;
    align-items: center;
}

.wholewindow-modal-alt-tabs-wrap {
    padding: 0 0 16px;
}
.wholewindow-modal-alt-tabs-list {
    display: flex;
    align-items: center;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
}
.wholewindow-modal-alt-tabs-list li {
    width: 50%;
}
.wholewindow-modal-alt-tabs-list.auto-width li {
    width: auto;
}
.wholewindow-modal-alt-tabs-list a {
    box-sizing: border-box;
    display: block;
    position: relative;
    top: -1px;
    margin-bottom: -2px;
    border-radius: 8px;
    height: 36px;
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    color: #5C5C5C;
}
.wholewindow-modal-alt-tabs-list.auto-width a {
    padding-left: 16px;
    padding-right: 16px;
}
.wholewindow-modal-alt-tabs-list li:first-child a {
    left: -1px;
    margin-right: -2px;
}
.wholewindow-modal-alt-tabs-list li:last-child a {
    right: -1px;
    margin-left: -2px;
}
.wholewindow-modal-alt-tabs-list li a:hover {
    background: rgba(245, 184, 0, 0.12);
    color: #1F1F1F;
}
.wholewindow-modal-alt-tabs-list li.active a {
    background: #F5C400;
    color: #1F1F1F;
}
.wholewindow-modal-alt-tabs-list.width-auto {
    display: inline-flex;
}
.wholewindow-modal-alt-tabs-list.width-auto li {
    width: auto;
}
.wholewindow-modal-alt-tabs-list.width-auto a {
    padding-left: 16px;
    padding-right: 16px;
}

.wholewindow-submodal-tabs-wrap {
    margin-bottom: -20px;
    padding: 12px 0 0;
    overflow: auto;
    scrollbar-color: rgba(0,0,0,.16) rgba(0,0,0,.04);
    scrollbar-width: thin;
}
.wholewindow-submodal-tabs-list {
    display: flex;
    align-items: center;
}
.wholewindow-submodal-tabs-list a {
    display: block;
    padding: 16px 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #5C5C5C;
}
.wholewindow-submodal-tabs-list a.active {
    color: #1F1F1F;
    border-bottom: 4px solid #0190DB;
    padding-bottom: 12px;
}

.wholewindow-submodal-tabholder {
    flex-grow: 1;
    display: none;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
}
.wholewindow-submodal-tabholder_opened {
    display: flex;
}

.wholewindow-submodal-body {
    flex-grow: 1;
    overflow: auto;
    scrollbar-color: rgba(0,0,0,.16) rgba(0,0,0,.04);
    scrollbar-width: thin;
}

.wholewindow-submodal-tophold {
    padding: 16px 0;
}

.checklist-rows .checklist-btns-label {
    position: relative;
}
.checklist-rows input[type="checkbox"],
.checklist-rows input[type="radio"] {
    margin: 0;
    padding: 0;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.checklist-rows .checklist-rows-copy {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 2px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 24px;
    color: #1F1F1F;
    position: relative;
    cursor: pointer;
}
.checklist-rows li:last-child .checklist-rows-copy {
    border: none;
}
.checklist-rows .checklist-rows-copy:hover {
    background: rgba(1, 144, 219, 0.08);
}
.checklist-rows .checklist-rows-copy:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAD1BMVEVHcEwAj9kCkNoBkNsAj9vcYeisAAAABXRSTlMAYH//gNh8oI0AAABESURBVHja5dIxCgAwCATBnOf/35wysIJ2abx2Fmw86yf1HrYGtwbPry4NbgedgaO9n6+gs6CzoLOA14LOgs4lvHmRfbuH+gFOcqR9XgAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: 16px 16px;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    display: none;
}
.checklist-rows input[type="checkbox"]:checked + .checklist-rows-copy,
.checklist-rows input[type="radio"]:checked + .checklist-rows-copy {
    background: rgba(1, 144, 219, 0.08);
}
.checklist-rows input[type="checkbox"]:checked + .checklist-rows-copy:after,
.checklist-rows input[type="radio"]:checked + .checklist-rows-copy:after {
    display: block;
}
.checklist-rows .checklist-rows-copy-icon {
    width: 24px;
    font-size: 24px;
    display: flex;
}
.checklist-rows .checklist-rows-copy-color {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.custom-settings-icons {
    font-size: 24px;
}
.custom-settings-icons.black-stroke {
    text-shadow:
    1px 0 0 #000,
    -1px 0 0 #000,
    0 1px 0 #000,
    0 -1px 0 #000;
}
.custom-settings-icons.white-stroke {
    text-shadow:
    1px 0 0 #fff,
    -1px 0 0 #fff,
    0 1px 0 #fff,
    0 -1px 0 #fff;
}

.wholewindow-filter-tags-wrap {
    padding: 0 0 8px;
}
.wholewindow-filter-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.wholewindow-filter-tags-list.gap4 {
    gap: 4px;
}
.wholewindow-filter-tags-list li {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    color: #5C5C5C;
}
.wholewindow-filter-tags-list li:hover {
    border-color: rgba(1, 144, 219, 0.48);
    background-color: #fff;
    cursor: pointer;    
}
.wholewindow-filter-tags-list li.active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAbklEQVR4Ae2WAQaAUBAFq5N2k7pBdb32MGUjeNECk/w3LMCbIfE70w7GLPt43RcMW0z9GkceGaFyPuApj/kncsv1l6Hl90AOYnINkAj2m+eARgDyOgKQ1xGAvI4A5O8RqFwjeLlEsHL+YcFjjDkBQUYAtBN0PhAAAAAASUVORK5CYII=") 8px 50% no-repeat rgba(1,144,219,.08);
    background-size: 16px 16px;
    border-color: rgba(1,144,219,.48);
    padding-left: 28px;
    color: #006fbc;
}
.wholewindow-filter-tags-list.no-tick li {
    display: flex;
    align-items: center;
    gap: 0 4px;
    padding-left: 11px;
    padding-right: 11px;
}
.wholewindow-filter-tags-list.no-tick li.active {
    background-image: none;
    padding-left: 11px;
    padding-right: 8px;
}
.wholewindow-filter-tags-list li.add-day-slot {
    background: none;
    border: none;
    padding: 0;
}
.whw-filter-tags-item-close {
    display: none;
    align-items: center;
    font-size: 16px;
    color: #8F8F8F;
    cursor: pointer;
}
.wholewindow-filter-tags-list.no-tick li.active .whw-filter-tags-item-close {
    display: flex;
}

.wholewindow-accordion {
    overflow: hidden;
}
.wholewindow-accordion-tab {
    position: relative;
}
.wholewindow-accordion-tab input.wholewindow-accordion-tab__input {
    width: 100%;
    height: 57px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}
.wholewindow-accordion-tab input.wholewindow-accordion-tab__input.for-close {
    z-index: 2;
    display: none;
}
.wholewindow-accordion-tab input.wholewindow-accordion-tab__input:checked ~ input.wholewindow-accordion-tab__input.for-close {
    display: block;
}
.wholewindow-accordion-tab__content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.35s ease-in-out;
}
.without-animation .wholewindow-accordion-tab__content {
    transition: none;
}
.wholewindow-accordion-tab input.wholewindow-accordion-tab__input:checked ~ .wholewindow-accordion-tab__content {
    max-height: 10000px;
}
.wholewindow-accordion-tab__label {
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    margin: 0 8px;
    padding: 16px 44px 16px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #1f1f1f;
    position: relative;
}
.wholewindow-accordion-tab__label:after {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAD1BMVEVHcExbW1tcXFxaWlpcXFycx81kAAAABHRSTlMAgH9gt7N5ewAAAFtJREFUeNrt0yEOADEIBVEo3P/MazapmDSTugq+ZZ4kZrMZV3V3re517ld3EWzBniDyF4c+I1Swd8GewnoK7SnYi0CvAr0K9CrQq0CvAr0J9CLQu8jrB5zNHtsHjWQB7bsAw8YAAAAASUVORK5CYII=") 0 0 no-repeat;
    background-size: 24px 24px;
    text-align: center;
    transform: rotate(0deg);
    transition: all 0.35s;
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -12px;
}
.without-animation .wholewindow-accordion-tab__label:after {
    transition: none;
}
.wholewindow-accordion-tab input.wholewindow-accordion-tab__input:checked + .wholewindow-accordion-tab__label:after {
    transform: rotate(180deg);
}
.wholewindow-accordion-tab input.wholewindow-accordion-tab__input:not(:checked) + .wholewindow-accordion-tab__label:hover::after {
    animation: bounce .5s infinite;
}
@keyframes bounce {
    25% {
        transform: rotate(90deg) translate(.25rem);
    }
    75% {
        transform: rotate(90deg) translate(-.25rem);
    }
}
.without-animation .wholewindow-accordion-tab input.wholewindow-accordion-tab__input:not(:checked) + .wholewindow-accordion-tab__label:hover::after {
    animation: none;
}
.wholewindow-accordion-tab__label.always-opened {
    z-index: 1;
    padding-right: 4px;
}
.wholewindow-accordion-tab__label.always-opened:after {
    display: none;
}
.wholewindow-subaccordion .wholewindow-accordion-tab__label {
    margin-left: 32px;
    font-size: 14px;
    line-height: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.wholewindow-accordion-tab .wholewindow-subaccordion input.wholewindow-accordion-tab__input {
    height: 49px;
}
.wholewindow-accordion-tab__content_list {
    margin: 0 8px 0 56px;
}
.wholewindow-accordion-tab__content_list.only-level {
    margin: 0 8px 0 32px;
}
.wholewindow-accordion-tab__content_list .chosen {
    background: rgba(1, 144, 219, 0.08);
    position: relative;
}
.wholewindow-accordion-tab__content_list .chosen .whw-acc-item-title,
.wholewindow-accordion-tab__content_list .chosen .whw-acc-item-description,
.wholewindow-accordion-tab__content_list .chosen .whw-acc-item-dop {
    color: #006FBC;
}
.wholewindow-accordion-tab__content_list .chosen:before,
.wholewindow-accordion-tab__content_list .chosen:after {
    display: block;
    content: "";
    height: 100%;
    background: rgba(1, 144, 219, 0.08);
    position: absolute;
    top: 0;
}
.wholewindow-accordion-tab__content_list .chosen:before {
    width: 56px;
    left: -56px;
}
.wholewindow-accordion-tab__content_list .chosen:after {
    width: 8px;
    right: -8px;
}

.wholewindow-accordion-tab__content_list .chosen2 {
    background: rgba(1, 144, 219, 0.08);
    position: relative;
}
.wholewindow-accordion-tab__content_list .chosen2:before,
.wholewindow-accordion-tab__content_list .chosen2:after {
    display: block;
    content: "";
    height: 100%;
    background: rgba(1, 144, 219, 0.08);
    position: absolute;
    top: 0;
}
.wholewindow-accordion-tab__content_list .chosen2:before {
    width: 56px;
    left: -56px;
}
.wholewindow-accordion-tab__content_list .chosen2:after {
    width: 8px;
    right: -8px;
}

.wholewindow-accordion-tab__content_list .not-exist {
    position: relative;
}
.wholewindow-accordion-tab__content_list .not-exist:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAWlBMVEVHcEyNjY2MjIyPj4+Ojo6Ojo6Pj4+Ojo6NjY2Pj4+Pj4+Pj4+Pj4+NjY2Ojo6Pj4+Ojo6Ojo6Ojo6Pj4+MjIyOjo6Li4uKioqNjY2Pj4+Hh4eUlJSNjY2Pj48d71QxAAAAHXRSTlMAcGAw778Q34AgcGBAkK9Qf49vgFCfQDCwkCAfoAf3UiYAAAFbSURBVHhe3VXZcsMgDAxYRBw+a6fptf//m51JMh6EbNxM37Jvi3eFELI4vSqu1nhvluufxGfjCA+Qs+cj+UgQoEuo6d/ucu4777ue78TsyoMDABfDupBuHhd29AyAW7l4s3DY1X/q9Vk4pJ7arUgDbTocQM12rg0BTtUHwJBxazPSAjA6oTnXA7mjA0he4QXgnHvA55wLfiYg1QxtsYVdNxAGWRMjaaobjCwUAaFuCABlhc4yEgZ57GYlC/BxZOgBmyfYHRk6wFQ+V1eeNzyfklWHDsxBHXqQZVXQZRUX9601+uJkp1RhAac6RcwbHsuMUtHerUwAEO1c/kFeHrsBZAQGLqfyD5qEQAQY9dyIMmRIMctgARD/MWayQTZs6d9pf/Rh1PqpPlzZFuG50Otxz3b9/GWcGPcakR8PyuT91N8JxWqP/RAEaD585VL+KK63UUczRO9jak4vil9cDyUj+iO0KgAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: 24px 24px;
    position: absolute;
    top: 10px;
    left: -32px;
}
.wholewindow-accordion-tab__content_list .not-exist .whw-acc-item-title {
    color: #5c5c5c;
}
.wholewindow-accordion-tab__content_list .not-exist .whw-acc-item-dop {
    color: #8f8f8f;
}

.whw-acc-item {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
    display: flex;
    align-items: center;
    gap: 16px;
}
.whw-acc-item-image {
    flex-shrink: 0;
    flex-grow: 0;
    width: 40px;
    height: 40px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAA6UlEQVR4AWJwL/ABtGMHGgzDQBjHCdWKTqgZra61iUXe/wX3jWJOZck2udvc8QeIn5HlVHQKVOBPAjEN8ihm5pGpCZxQLGyuAsS4Ehip/xoQY5Al9ch/ALwhu1OTDdxgZxQrNyGTA5xQZGpOArfbGZkzKaAVALQKlAgcnw/GdGiUAAz0wEcEGjiBLuPlOXABrwXP48IBPBYABw6gKwA6DuAg/RdcC4Az1y1uM7fvyAX0qHmB8yxAgnQ7OIu8pLc4oBVdUNBl4c0U2IoGbsjAiPPUk1iPWOqTQPIHO6KlUifU/ePXLQUqUIF3c3qHpvd4wxUAAAAASUVORK5CYII=") 50% 50% no-repeat rgba(0, 0, 0, 0.04);
    background-size: 20px 20px;
    border-radius: 8px;
}
.whw-acc-item-image img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.whw-acc-item-col1 {
    flex-grow: 0;
}
.whw-acc-item-title {
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    margin: 0 0 4px;
}
.whw-acc-item-description {
    font-size: 12px;
    line-height: 16px;
    color: #1f1f1f;
    margin: 0 0 4px;
}
.whw-acc-item-dop {
    font-size: 12px;
    line-height: 16px;
    color: #5c5c5c;
}
.whw-acc-item-dop-gender,
.whw-acc-item-dop-price,
.whw-acc-item-dop-time {
    margin: 0 16px 0 0;
}
.whw-acc-item-not-exist {
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    margin: 4px 0 0;
}
.whw-acc-item-inputs {
    white-space: nowrap;
    flex-shrink: 0;
}
.whw-acc-item-inputs-units {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 0 4px;
}

.whw-acc-item.bigger {
    gap: 8px;
}
.whw-acc-item.bigger .whw-acc-item-image {
    width: 48px;
    height: 48px;
    gap: 8px;
}
.whw-acc-item.bigger .whw-acc-item-title {
    font-size: 16px;
    line-height: 24px;
}
.whw-acc-item.bigger .whw-acc-item-dop {
    font-size: 14px;
    line-height: 20px;
}
.wholewindow-accordion-tab__content_list .chosen .whw-acc-item.bigger .whw-acc-item-title {
    color: #1f1f1f;
}
.wholewindow-accordion-tab__content_list .chosen .whw-acc-item.bigger .whw-acc-item-dop {
    color: #5c5c5c;
}

.whw-acc-item-col2 {
    margin-left: auto;
    flex-shrink: 0;
}
.add-dell-input-wrap {
    box-sizing: border-box;
    display: block;
    width: 98px;
    height: 40px;
    border: 1px solid rgba(1, 144, 219, 0.48);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
.add-dell-input-wrap.short {
    width: 40px;
}
.add-dell-input-nowrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 98px;
}
.add-dell-input-nowrap.single {
    width: 40px;
}
.add-dell-input-wrap .add-dell-input {
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    width: 100%;
    height: 40px;
    font: 14px 'SF Pro Display',Helvetica,Arial,sans-serif;
    color: #1f1f1f;
    text-align: center;
    position: relative;
    position: absolute;
    top: 0;
    right: 0;
}
.add-dell-input-wrap .add-dell-minus,
.add-dell-input-wrap .add-dell-plus,
.add-dell-input-wrap .add-dell-trash {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006FBC;
}
.add-dell-input-wrap .add-dell-plus {
    right: 0;
}
.add-dell-input-wrap .add-dell-minus,
.add-dell-input-wrap .add-dell-trash {
    left: 0;
}
.whw-acc-icons {
    font-size: 24px;
    color: #5C5C5C;
    padding: 0 4px;
}
.whw-acc-icons-item {
    margin: 0 4px;
}

.whw-visit-verification-info-wrap {
    padding: 16px 0;
}
.whw-visit-verification-info-send-again {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin: 8px 0;
}
.whw-visit-verification-info-timeout {
    margin: 16px 0 0;
    padding: 8px 0;
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
}
.whw-visit-verification-info-timeout strong {
    font-weight: 600;
}


.wholewindow-submodal-footer {
    box-sizing: border-box;
    padding: 16px 0;
    min-height: 74px;
    flex-shrink: 0;
}
.wholewindow-submodal-footer-flex {
    display: flex;
    align-items: center;
}
.wholewindow-submodal-footer-flex.with-gap {
    gap: 0 8px;
}
.wholewindow-submodal-footer h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin: 0;
}
.wholewindow-submodal-footer-right {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-left: auto;
}
.wholewindow-submodal-footer-total {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-left: 32px;
}

.wholewindow-add-onetime-service {
    padding: 0 8px;
}
.wholewindow-add-onetime-service-inputs-wrap {
    padding: 8px 0;
}
.wholewindow-add-onetime-service-inputs {
    display: flex;
    align-items: center;
    gap: 8px;
}
.wholewindow-add-onetime-service-link {
    padding: 18px 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.wholewindow-modal-client-wrap {
    width: 100%;
    box-sizing: border-box;
}
.wholewindow-modal-client-flex {
    display: flex;
    align-items: center;
    width: 100%;
}
.wholewindow-modal-client-info {
    padding: 4px 0 12px;
    display: flex;
    align-items: center;
    gap: 32px;
}
.wholewindow-modal-client-info.padd-top-var2 {
    padding-top: 13px;
}
.wholewindow-modal-client-info:last-child {
    padding-bottom: 20px;
}
.wholewindow-modal-client-dl dt {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #5C5C5C;
    margin: 0 0 4px;
}
.wholewindow-modal-client-dl dd.smaller {
    font-size: 14px;
    line-height: 20px;
}
.wholewindow-modal-client-dl .color-red {
    color: #DB2835;
}
.wholewindow-modal-client-list {
    display: flex;
    align-items: center;
}
.wholewindow-modal-client-list li {
    font-size: 14px;
    line-height: 20px;
    padding: 2px 16px;
    border-right: 1px solid #D6D6D6;
}
.wholewindow-modal-client-list li:first-child {
    padding-left: 0;
}
.wholewindow-modal-client-list li:last-child {
    padding-right: 0;
    border-right: none;
}
.wholewindow-modal-client-tags {
    padding: 8px 0;
}
.wholewindow-modal-client-tags.to-right {
    margin-left: auto;
}
.wholewindow-modal-client-tags.no-padd {
    padding: 0;
}
.wholewindow-modal-client-tags-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}
.wholewindow-modal-client-tags-list li {
    padding: 4px 12px;
    border-radius: 360px;
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    display: flex;
    align-items: center;
}
.wholewindow-modal-client-tags-list li .ph-fill {
    font-size: 16px;
    margin: 0 4px 0 0;
}
.wholewindow-modal-client-tags-list li.tags1 {
    background: rgba(1, 144, 219, 0.12);
}
.wholewindow-modal-client-tags-list li.tags2 {
    background: rgba(255, 59, 56, 0.12);
}
.wholewindow-modal-client-tags-list li.plus-more {
    background: rgba(0, 0, 0, 0.04);
    font-weight: 600;
}
.wholewindow-modal-client-discounts {
    padding: 12px 0;
}
.wholewindow-modal-client-discounts-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.wholewindow-modal-client-discounts-list li {
    padding: 8px 10px 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    display: flex;
    align-items: center;
    border: 1px dashed rgba(43, 153, 39, 0.48);
    background: #fff;
}
.wholewindow-modal-client-discounts-list li.debt {
    border-color: rgba(255, 59, 56, 0.48);
}
.wholewindow-modal-client-discounts-list li .ph {
    font-size: 16px;
    margin-left: 8px;
    color: #5c5c5c;
}
.wholewindow-modal-client-adds {
    padding: 6px 0 12px;
}
.wholewindow-modal-client-adds-list li {
    margin: 0 0 4px;
    padding: 2px 0 2px 32px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.wholewindow-modal-client-adds-list .f-s-12 {
    font-size: 12px;
    line-height: 20px;
}
.wholewindow-modal-client-adds-list .pos {
    position: absolute;
    top: 0;
    left: 0;
}
.wholewindow-modal-client-adds-list .ph {
    font-size: 24px;
    color: #5c5c5c;
}
.wholewindow-modal-client-adds-list .ph-link {
    color: #0190DB;
}
.wholewindow-modal-client-adds-list .ph-del-link {
    font-size: 16px;
    color: #DB2835;
    vertical-align: sub;
    margin-left: 8px;
}
.wholewindow-modal-client-adds-list .ph-del-link .ph {
    font-size: 16px;
    color: #DB2835;
}
.wwmcal-dfl-wrap {
    display: flex;
    justify-content: space-between;
}
.wwmcal-personal-agree {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #1D8722;
    display: inline-flex;
    padding: 0 0 0 32px;
}
.wwmcal-personal-agree-ptops {
    margin-top: 6px;
}
.wwmcal-personal-agree .ph {
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 24px;
    color: #2B9927;
}
.whw-client-bookings-head-meta .whw-status-with-icon {
    position: relative;
    padding: 0 0 0 16px;
}
.wholewindow-modal-fieldset .whw-status0,
.whw-client-bookings-head-meta .whw-status0 {
    color: #006FBC;
}
.wholewindow-modal-fieldset .whw-status1,
.whw-client-bookings-head-meta .whw-status1 {
    color: #FF3B38;
}
.wholewindow-modal-fieldset .whw-status2,
.whw-client-bookings-head-meta .whw-status2 {
    color: #8F67A2;
}
.wholewindow-modal-fieldset .whw-status3,
.whw-client-bookings-head-meta .whw-status3 {
    color: #5C5C5C;
}
.wholewindow-modal-fieldset .whw-status4,
.whw-client-bookings-head-meta .whw-status4 {
    color: #136E1F;
}
.wholewindow-modal-fieldset .whw-status5,
.whw-client-bookings-head-meta .whw-status5 {
    color: #7A558B;
}
.wholewindow-modal-fieldset .whw-status6,
.whw-client-bookings-head-meta .whw-status6 {
    color: #694587;
}
.wholewindow-modal-fieldset .whw-status7,
.whw-client-bookings-head-meta .whw-status7 {
    color: #0190DB;
}
.whw-client-bookings-head-meta .whw-status-with-icon:before {
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.whw-client-bookings-head-meta .whw-status-with-icon.whw-status1:before {
    background-color: #F57F7D;
}
.whw-client-bookings-head-meta .whw-status-with-icon.whw-status2:before {
    background-color: #A58FD4;
}
.whw-client-bookings-head-meta .whw-status-with-icon.whw-status3:before {
    background-color: #5C5C5C;
}
.whw-client-bookings-head-meta .whw-status-with-icon.whw-status4:before {
    background-color: #136E1F;
}
.whw-client-bookings-head-meta .whw-status-with-icon.whw-status5:before {
    background-color: #7A558B;
}
.whw-client-bookings-head-meta .whw-status-with-icon.whw-status6:before {
    background-color: #694587;
}
.whw-client-bookings-head-meta .whw-status-with-icon.whw-status7:before {
    background-color: #5BB2E0;
}
.wholewindow-modal-fieldset .with-border {
    display: inline-block;
    border-left: 1px solid #D9D9D9;
    padding: 0 0 0 8px;
    margin: 0 0 0 8px;
}
.wholewindow-modal-tbl,
.wholewindow-modal-tbl th,
.wholewindow-modal-tbl td {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: none;
}
.wholewindow-modal-tbl {
    width: 100%;
}
.wholewindow-modal-tbl th {
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #5C5C5C;
    padding: 0px 4px 16px;
}
.wholewindow-modal-tbl td {
    border-bottom: 1px dashed #D6D6D6;
    padding: 8px 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #1f1f1f;
    text-align: left;
    vertical-align: top;
}
.wholewindow-modal-tbl th:first-child,
.wholewindow-modal-tbl td:first-child {
    padding-left: 0;
}
.wholewindow-modal-tbl th:last-child,
.wholewindow-modal-tbl td:last-child {
    padding-right: 0;
}
.wholewindow-modal-tbl tr:last-child td {
    border-bottom: none;
}
.wholewindow-modal-tbl .nowrap {
    white-space: nowrap;
}
.wholewindow-modal-tbl .centered {
    text-align: center;
}
.wholewindow-modal-tbl .al-right {
    text-align: right;
}
.wholewindow-modal-tbl .w-icons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}
.wholewindow-modal-tbl .w-icons .ph {
    font-size: 24px;
}
.wholewindow-modal-tbl .w-icons .ph-pencil-simple {
    color: #0190DB;
}
.wholewindow-modal-tbl .w-icons .ph-x {
    color: #8F8F8F;
}
.wholewindow-modal-tbl .fs-12 {
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
}
.wholewindow-modal-tbl .whw-flex {
    display: flex;
    align-items: center;
    gap: 4px;
}
.wholewindow-modal-tbl .whw-del {
    font-size: 16px;
    color: #DB2835;
    display: inline-flex;
    align-items: center;
    vertical-align: bottom;
}
.wholewindow-modal-tbl .whw-tbl-mh {
    min-height: 36px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.wholewindow-modal-tbl .whw-th-fw400 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0 0 0 15px;
}
.wholewindow-modal-tbl .whw-th-fw400 .ph {
    vertical-align: middle;
    color: #DB2835;
}
.wholewindow-modal-results-wrap {
    padding: 12px 0;
    display: flex;
    align-items: flex-start;
    gap: 0 32px;
}
.wholewindow-modal-result-dl {
    max-width: 25%;
}
.wholewindow-modal-result-dl.w100 {
    max-width: 100%;
}
.checklist-btns.wholewindow-modal-result-dl:after {
    display: none;
}
.wholewindow-modal-result-dl dt {
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    margin: 0 0 2px;
}
.wholewindow-modal-result-dl dd {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 2px;
    display: flex;
    gap: 0 4px;
}
.wholewindow-modal-result-dl dd:last-child {
    margin-bottom: 0;
}
.wholewindow-modal-result-dl.w100 dd {
    gap: 0 8px;
}
.wholewindow-modal-result-dl-copy {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wholewindow-modal-result-dl-copy-price {
    margin: 0 0 0 8px;
}
.checklist-btns.wholewindow-modal-result-dl .checklist-btns-copy-icon {
    width: 16px;
    font-size: 16px;
    align-items: center;
}
.wholewindow-modal-result-dl .custom-settings-icons {
    font-size: 16px;
}
.checklist-btns.wholewindow-modal-result-dl .checklist-btns-copy-color {
    width: 16px;
    height: 16px;
}

.h-wholewindow-modal .new-flexslider {
    margin: 0 -24px;
    padding: 0 24px;
}
.h-wholewindow-modal .new-flexslider.change-date-slider-wrap {
    margin: 0;
    padding: 0;
}
.h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-direction-nav .flex-next {
    right: -8px;
}
.h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-direction-nav .flex-prev {
    left: -8px;
}

.h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-viewport {
    padding: 0 16px;
}
.h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-viewport-frame-left,
.h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-viewport-frame-right {
    box-sizing: border-box;
    width: 16px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-viewport-frame-right {
    left: auto;
    right: 0;
}
@media screen and (min-width: 1400px) {
    .h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-viewport {
        padding: 0 32px;
    }
    .h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-viewport-frame-left,
    .h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-viewport-frame-right {
        width: 32px;
    }
    .h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-direction-nav .flex-next {
        right: 8px;
    }
    .h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-direction-nav .flex-prev {
        left: 8px;
    }
}


.h-wholewindow-modal .new-flexslider.change-date-slider-wrap,
.h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-viewport {
    height: 100%;
}
.h-wholewindow-modal .new-flexslider.change-date-slider-wrap .flex-viewport {
    overflow-y: auto !important;
    scrollbar-color: rgba(0,0,0,.16) rgba(0,0,0,.04);
    scrollbar-width: thin;
}
.new-flexslider .flex-direction-nav a {
    font-family: "Phosphor";
    font-size: 32px;
    color: #5C5C5C;
    margin-top: -16px;
}
.new-flexslider .flex-direction-nav .flex-next:before {
    content: "\ea00"
}
.new-flexslider .flex-direction-nav .flex-prev:before {
    content: "\e9ff";
}
.new-flexslider .flex-active {
    background: rgba(1, 144, 219, 0.08);
}
.new-flexslider.change-date-slider-wrap .flex-direction-nav a {
    top: 6px;
    margin-top: 0;
}
.new-flexslider .slide-day-item {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #5C5C5C;
    padding: 4px 0 8px;
    position: sticky;
    top: 0;
    background: #fff;
}
.new-flexslider .slide-time-item {
    display: none;
}
.new-flexslider .slide-day-item.weekend {
    color: #FF3B38;
}
.new-flexslider .slide-day-item .day-number,
.new-flexslider .slide-day-item .month {
    display: inline;
    text-transform: lowercase;
}
.new-flexslider .slide-day-item .day-week {
    font-size: 12px;
    line-height: 16px;
    text-transform: lowercase;
}
.new-flexslider .slide-master-item {
    text-align: center;
    padding: 4px 8px;
}
.new-flexslider .slide-master-item-avatar {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 auto 2px;
}
.new-flexslider .slide-master-item-avatar.blank {
    background: #6EC9CB;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #fff;
}
.new-flexslider .slide-master-item-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.new-flexslider .slide-master-item-name {
    font-size: 12px;
    line-height: 16px;
    color: #1F1F1F;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.new-flexslider .slide-master-item-position {
    font-size: 10px;
    line-height: 14px;
    color: #5c5c5c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.h-wholewindow-modal .sub-ch-order-item {
    box-sizing: border-box;
    margin: 0 2px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    height: 28px;
    font-size: 14px;
    line-height: 26px;
    color: #5C5C5C;
}
.h-wholewindow-modal .sub-ch-order-item.active {
    border-color: rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
    color: #006FBC;
}
.h-wholewindow-modal .sub-ch-order-item:hover {
    border-color: rgba(1, 144, 219, 0.48);
}
.h-wholewindow-modal .sub-ch-order-item.disabled {
    border-color: transparent;
    color: rgba(0, 0, 0, 0.16);
    background: #fff;
}
.h-wholewindow-modal .sub-ch-order-item.slot-hover-good {
    border-color: rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
    color: #006FBC;
}
.h-wholewindow-modal .sub-ch-order-item.slot-hover-bad {
    border-color: rgba(255, 59, 56, 0.48);
    background: rgba(255, 59, 56, 0.08);
    color: #DB2835;
}
.h-wholewindow-modal .slide-time-wrap .sub-ch-order-item {
    margin: 0 2px 4px;
}
.h-wholewindow-modal .slide-time-wrap .sub-ch-order-item:last-child {
    margin-bottom: 0;
}

.wholewindow-modal-table-wrap {
    padding: 0 0 20px;
}
.whw-table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
}
.whw-table th {
    padding: 20px 8px 18px;
    text-align: left;
    vertical-align: top;
    border-bottom: 2px solid #D6D6D6;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.whw-sticky-table {
    border-collapse: separate;
}
.whw-sticky-table th {
    background: #fff;
    position: sticky;
    top: 0;
}
.whw-table th.al-r {
    text-align: right;
}
.whw-table th.al-c {
    text-align: center;
}
.whw-table td {
    padding: 8px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 14px;
    line-height: 20px;
}
.whw-table td.al-r {
    text-align: right;
}
.whw-table td.al-c {
    text-align: center;
}
.whw-table td.nowrap {
    white-space: nowrap;
}
.whw-table tr.tr-blue td {
    background: rgba(1, 144, 219, 0.08);
}
.whw-table tr.tr-grey td {
    background: rgba(0, 0, 0, 0.04);
}
.whw-table .f-s-12 {
    font-size: 12px;
    line-height: 16px;
}
.whw-table .f-w-bold {
    font-weight: 600;
}
.whw-table .grey {
    color: #5C5C5C;
}
.whw-table .red {
    color: #DB2835;
}
.whw-table .green {
    color: #136E1F;
}
.whw-table p {
    margin: 4px 0 0;
}
.whw-table-icons {
    margin-left: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.whw-table-icons .ph-bold {
    font-size: 16px;
}
.whw-table-icons .ph-basket {
    color: #00539D;
}
.whw-table-icons .ph-scissors {
    color: #136E1F;
}
.whw-table-icons-btns {
    display: inline-flex;
    align-items: center;
}
.whw-table-ic-link,
.h-wholewindow-modal a.whw-table-ic-link {
    font-size: 24px;
    padding: 8px;
    color: #5C5C5C;
}
.whw-table-icons-btns button.submit,
.new-styles .whw-table-icons-btns button.submit {
    margin-left: 8px;
    padding-left: 24px;
    padding-right: 24px;
}
.whw-table-icon-single {
    display: inline-flex;
    align-items: center;
    font-size: 24px;
    color: #5c5c5c;
}
.h-wholewindow-modal a.whw-table-icon-single {
    color: #5c5c5c;
}
.whw-table-icon-round {
    display: inline-flex;
    width: 32px;
    height: 32px;
    border-radius: 360px;
    align-items: center;
    justify-content: center;
}
.whw-table-icon-round.green {
    background: #2B9927;
}
.whw-table-icon-round.red {
    background: #FF3B38;
}
.whw-table-icon-round .ph {
    font-size: 16px;
    color: #fff;
}
.whw-table .mg-left {
    margin-left: 8px;
}
.whw-table .whw-table-div-flex {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -2px;
}
.whw-table .whw-table-badge {
    display: inline-flex;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    padding: 2px 8px;
    border-radius: 360px;
}
.whw-table .whw-table-badge.green {
    background: #75B872;
}
.whw-table .whw-table-badge.red {
    background: #F57F7D;
}
.whw-table .whw-table-badge-2 {
    display: inline-flex;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 12px;
    border-radius: 360px;
}
.whw-table .whw-table-badge-2.green {
    background: rgba(43, 153, 39, 0.12);
    color: #136E1F;
}
.whw-table .whw-table-badge-2.red {
    background: rgba(255, 59, 56, 0.12);
    color: #B71C34;
}
.whw-table-days-mark {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0 8px;
}
.whw-table-days-mark__item {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
    background: rgba(0, 0, 0, 0.04);
}
.whw-table-days-mark__item.green {
    background: #99CE97;
    color: #136E1F;
}
.whw-table-days-mark__item.red {
    background: #FFA19F;
    color: #B71C34;
}
.whw-table-days-mark__item.blue {
    background: #85CAEE;
    color: #00539D;
}
.whw-table-days-mark__item.grey {
    background: rgba(0, 0, 0, 0.16);
}
.whw-table-days-mark__date {
    margin: 2px 0 0;
}
.whw-table-days-mark__time-slots {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    margin: 4px 0 0;
}

.whw-table-dl-summ {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    margin: 0 0 4px;
}
.whw-table-dl-summ:before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 5px;
    left: 0;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAAGklEQVR42mO4evXqfRA+f/68AAMIwAQYoAAAVmUP9mZcdk4AAAAASUVORK5CYII=") 0 0 repeat-x;
    background-size: 2px 1px;
}
.whw-table-dl-summ dt {
    position: relative;
    max-width: 70%;
}
.whw-table-dl-summ dd {
    background: #fff;
    position: relative;
    padding: 0 0 0 8px;
}
.whw-table-dl-summ-bg {
    background: #fff;
}
.whw-table-dl-summ-numb {
    background: #fff;
    color: #8F8F8F;
    margin: 0 8px 0 5px;
}
.whw-table-dl-summ-dop {
    box-sizing: border-box;
    word-wrap: break-word;
    margin: 4px 0 0;
    padding: 0 48px 0 0;
    position: relative;
}
.whw-table-dl-summ-dop dd {
    width: 40px;
    position: absolute;
    top: 8px;
    right: 0;
    text-align: center;
    font-size: 24px;
    color: #5C5C5C;
}

.whw-table.padd2 td {
    padding: 15px 8px;
}
.whw-table.padd2 th:first-child,
.whw-table.padd2 td:first-child {
    padding-left: 0;
}
.whw-table.padd2 th.al-r:last-child,
.whw-table.padd2 td.al-r:last-child {
    padding-left: 0;
}
.whw-table.padd2 p {
    margin: 4px 0 0;
}
.whw-table.padd2 td.with-line,
.whw-table.padd2 td.with-line:first-child {
    position: relative;
    padding-left: 12px;
}
.whw-table-line {
    box-sizing: border-box;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: red;
}

.whw-table-var2 {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}
.whw-table-var2 td {
    padding: 4px 0 4px 8px;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
}
.whw-table-var2 tr.error-tr td {
    padding-top: 0;
}
.whw-table-var2 td:first-child {
    padding-left: 0;
}
.whw-table-var2 .whw-tbl-mh {
    min-height: 36px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.whw-table-var2 .al-r {
    text-align: right;
}
.whw-table-var2 .va-top {
    vertical-align: top;
}
.whw-table-var2 .nowrap {
    white-space: nowrap;
}
.whw-table-var2 .f-s-16 {
    font-size: 16px;
    line-height: 24px;
}
.whw-table-var2 .f-s-12 {
    font-size: 12px;
    line-height: 16px;
}
.whw-table-var2 .f-s-28 {
    font-size: 28px;
    line-height: 150%;
}
.whw-table-var2 .grey {
    color: #5C5C5C;
}
.whw-table-var2 .blue {
    color: #006FBC;
}
.whw-table-var2 button.submit.blue {
    color: #fff;
}
.whw-table-var2 strong {
    font-weight: 600;
}
.whw-table-var2 .checkbox-custom-switch {
    margin: 6px 0;
}
.whw-table-var2 .rest {
    margin-right: 4px;
}
.whw-table-var2 .ellipsis {
    max-width: 224px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.whw-table-var2 .padd-8 {
    padding-top: 8px;
}

.whw-table-var3 {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
}
.whw-table-var3 th {
    padding: 4px 8px;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5C5C5C;
}
.whw-table-var3 th:first-child {
    padding-left: 0;
}
.whw-table-var3 td {
    padding: 4px 8px;
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
}
.whw-table-var3 td:first-child {
    padding-left: 0;
}
.whw-table-var3 .nowrap {
    white-space: nowrap;
}
.whw-table-var3 .f-s-12 {
    font-size: 12px;
    line-height: 16px;
}
.whw-table-var3 .grey {
    color: #5C5C5C;
}
.whw-table-var3 .mg-t {
    margin-top: 4px;
}
.whw-table-var3 p {
    margin: 0;
}

.blue-on-check tr.blue-marked td {
    background: rgba(1, 144, 219, 0.08);
    border-bottom-color: #fff;
}
.wholewindow-modal-fieldset.blue-on-check.blue-marked {
    background: rgba(1, 144, 219, 0.08);
}
.wholewindow-modal-fieldset.blue-on-check .checkbox-custom-switch.switch-right {
    margin-right: 8px;
}

.whw-horizont-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.whw-horizont-list li {
    font-size: 14px;
    line-height: 20px;
    padding: 0 8px;
}
.whw-horizont-list strong {
    font-weight: 600;
}
.whw-horizont-list .whw-horizont-list_label {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
}
.whw-horizont-list .whw-horizont-list_field {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
}
.whw-padding-wrapper {
    margin: 32px 0 0;
}
.whw-padding-wrapper.zero-top-padding {
    margin: 0;
}
.whw-uds-btns-wrap {
    display: flex;
    align-items: center;
    gap: 0 16px;
}
.whw-uds-btn {
    padding: 10px 0;
}
.whw-uds-btn-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.whw-uds-field-wrap {
    display: flex;
    align-items: center;
    gap: 0 16px;
}
.whw-uds-field-x .ph-x {
    font-size: 24px;
    color: #8F8F8F;
}
.whw-uds-none {
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
    padding: 0 8px;
}

.whw-services-list-title {
    display: flex;
    align-items: center;
    margin: 0 0 8px;
    gap: 8px;
}
.whw-services-list-title-left {
    width: 80%;
}
.whw-services-list-title-left h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.whw-services-list-title-whole h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
}
.whw-services-list-title-right {
    margin-left: auto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-align: right;
}
.whw-services-list-body {
    display: flex;
    align-items: flex-start;
    gap: 0 64px;
}
.whw-services-list-body-left {
    width: 50%;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
.whw-services-list-body-left table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
.whw-services-list-body-left table td {
    text-align: left;
    vertical-align: top;
    padding: 0 0 8px;
}
.whw-services-list-body-left table tr:last-child td {
    padding-bottom: 0;
}
.whw-services-list-body-left table td.al-r {
    text-align: right;
}
.whw-services-list-body-right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.whw-services-list-body-right table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}
.whw-services-list-body-right table td {
    text-align: left;
    vertical-align: middle;
    padding: 0 10px 8px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #5c5c5c;
}
.whw-services-list-body-right table tr:last-child td {
    padding-bottom: 0;
}
.whw-services-list-body-right table tr td:first-child {
    width: 110px;
}
.whw-services-list-body-right table tr td:last-child {
    padding-right: 0;
}
.whw-services-list-body-right table td.al-r {
    text-align: right;
}
.whw-services-form-frame {
    width: auto;
}
.whw-services-form-frame .ui-button.ui-selectmenu-button {
    width: 100%;
    max-width: none;
}
.whw-summary-form-frame {
    width: 112px;
}
.whw-summary-flex {
    display: flex;
    align-items: center;
    gap: 8px;
}
.whw-table-flex {
    display: flex;
    align-items: center;
}
.whw-table-var2-dop-link-wrap {
    height: 44px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.whw-table-var2-dop-link-add {
    display: none;
}
.whw-table-var2-dop-link-add.default-opened {
    display: block;
}

.wholewindow-modal-forms-layout-row {
    display: flex;
    align-items: flex-start;
    margin: 0 -8px 14px 0;
}
.wholewindow-modal-forms-layout-row.padd2 {
    margin: 0 -16px 16px 0;
}
.wholewindow-modal-forms-layout-row.bott-padd-no,
.wholewindow-modal-forms-layout-row.bott-padd-no:first-child {
    margin-bottom: 0;
}
.wholewindow-modal-forms-layout-row:first-child {
    margin-bottom: 18px;
}
.wholewindow-modal-forms-layout-row.bott-padd-8 {
    margin-bottom: 8px;
}
.wholewindow-modal-forms-layout-row.top-padd-8 {
    margin-top: 8px;
}
.wholewindow-modal-forms-layout-col {
    box-sizing: border-box;
    padding: 0 8px 0 0;
}
.wholewindow-modal-forms-layout-row.padd2 .wholewindow-modal-forms-layout-col {
    padding-right: 16px;
}
.wholewindow-modal-forms-layout-col.grow {
    flex-grow: 1;
}
.wholewindow-modal-forms-layout-col.w65 {
    width: 65%;
}
.wholewindow-modal-forms-layout-col .datepicker-input-wrap {
    width: 100%;
}
.wholewindow-modal-forms-layout-label {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5C5C5C;
    min-height: 16px;
    margin: 0 0 4px;
}
.wholewindow-modal-forms-layout-label.nowrap {
    white-space: nowrap;
}
.wholewindow-modal-forms-layout-label.f-s-16 {
    font-size: 16px;
    line-height: 24px;
}
.wholewindow-modal-forms-layout-label.inline {
    margin: 0;
}
.wholewindow-modal-forms-layout-field {
    min-height: 36px;
}
.wholewindow-modal-forms-layout-field.d-flex {
    display: flex;
    align-items: center;
    gap: 8px;
}
.wholewindow-modal-forms-layout-field .select-virtual-w100-wrap,
.wholewindow-modal-forms-layout-field .reset-input-wrap {
    width: 100%;
    min-width: calc(100% - 48px);
}
.wholewindow-modal-forms-layout-hr-dashed {
    height: 1px;
    border-bottom: 1px dashed #D6D6D6;
    margin: 0 0 8px;
}


.wholewindow-submodal-tabholder-cols-wrap {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 0;
}
@media screen and (min-width: 1400px) {
    .wholewindow-submodal-tabholder-cols-wrap {
        gap: 32px;
    }
}
.wholewindow-submodal-tabholder-leftcol {
    flex-grow: 1;
}
.wholewindow-submodal-tabholder-rightcol {
    width: 160px;
    margin-left: auto;
    flex-shrink: 0;
}

.whs-client-card-meta {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    margin: 0 0 8px;
    padding: 11px;
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
}
.whs-client-card-meta-title {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 0 8px;
}
.whs-client-card-meta-title-icon {
    font-size: 24px;
    color: #0190DB;
}
.whs-client-card-meta-title-copy {
    padding: 2px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #1F1F1F;
}
.whs-client-card-meta-progress-bar {
    margin: 0 0 8px;
    height: 8px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.08);
}
.whs-client-card-meta-progress {
    border-radius: 4px;
    background: #2B9927;
    height: 100%;
}
.whs-client-card-meta-bold {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #1F1F1F;
    margin: 0 0 4px;
}
.whs-client-card-meta-regular {
    margin: 0 0 4px;
}
.whs-client-card-meta-regular p {
    margin: 0;
}

.whs-checkbox-custom-switch-item {
    padding: 8px 0;
    margin: 0 0 8px;
}
.whs-checkbox-custom-switch-item:last-child {
    margin: 0;
}
.whs-checkbox-custom-switch-item.mg-zero {
    margin: 0;
}
.whs-checkbox-custom-switch-item.pd-zero {
    padding: 0;
}
.whs-checkbox-custom-switch-item-exclude {
    padding: 10px 0 26px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.whw-filter-misc {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 16px;
}
.whw-filter-misc-item {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.whw-filter-misc-item.f-s-16 {
    font-size: 16px;
    line-height: 24px;
}
.whw-filter-misc-item.ptop {
    padding-top: 8px;
}
.whw-filter-misc-result-wrap {
    padding: 8px 0 0;
}
.show-when-checked.hide,
.show-when-unchecked.hide {
    display: none;
}

.whw-client-bookings-wrap {
    padding: 8px 0;
}
.whw-client-bookings-wrap.no-padd {
    padding: 0;
}
.whw-client-bookings-item {
    border-bottom: 1px solid #D6D6D6;
    padding: 16px 32px 16px 16px;
    position: relative;
}
.whw-client-bookings-item.rpad-2 {
    padding-right: 16px;
}
.whw-client-bookings-status {
    width: 4px;
    height: calc(100% - 22px);
    position: absolute;
    top: 11px;
    left: 0;
    border-radius: 0 360px 360px 0;
    background: #fff;
}
.whw-client-bookings-item .dots-link {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 16px;
    right: 0;
    color: #5c5c5c;
}
.whw-client-bookings-item .dots-link .ph {
    font-size: 24px;
}
.whw-client-bookings-item:first-child {
    border-top: 1px solid #D6D6D6;
}
.whw-client-bookings-head {
    padding: 0 0 12px;
}
.whw-client-bookings-head-date {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 4px;
    color: #1f1f1f;
}
.whw-client-bookings-head-meta {
    display: flex;
    align-items: center;
    gap: 0 8px;
    font-size: 12px;
    line-height: 16px;
}
.whw-client-bookings-head-meta-number {
    color: #5c5c5c;
}
.whw-client-bookings-cols {
    display: flex;
    align-items: flex-start;
    gap: 0 32px;
}
.whw-client-bookings-col1 {
    width: 160px;
    flex-shrink: 0;
}
.whw-client-bookings-col1.width2 {
    width: 192px;
}
.whw-client-bookings-col2 {
    width: calc(100% - 160px);
}
.whw-client-bookings-col2.width2 {
    width: calc(100% - 192px);
}
.whw-client-bookings-number {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 2px;
    color: #5C5C5C;
}
.whw-client-bookings-number-col1 {
    color: #1f1f1f;
}
.whw-client-bookings-number .ph {
    font-size: 16px;
    display: inline-block;
    transform: translateY(2px);
}
.whw-client-bookings-date-actual {
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    margin: 0 0 3px;
}
.whw-client-bookings-date {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 12px;
    color: #5C5C5C;
}
.whw-client-bookings-info {
    display: flex;
    align-items: center;
    gap: 8px;
}
.whw-client-bookings-info img {
    border-radius: 8px;
    flex-shrink: 0;
    flex-grow: 0;
}
.whw-client-bookings-info-inner {
    flex-shrink: 0;
    flex-grow: 0;
    width: calc(100% - 56px);
}
.whw-client-bookings-info-name {
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 2px;
}
.whw-client-bookings-info-name.d-flex {
    display: flex;
    align-items: center;
    gap: 0 4px;
}
.whw-client-bookings-info-name-lock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255, 59, 56, 0.08);
    font-size: 12px;
    color: #DB2835;
}
.whw-client-bookings-info-position {
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.whw-client-bookings-services-title {
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 2px;
}
.whw-client-bookings-services-name {
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.whw-client-bookings-total {
    padding: 4px 0 0;
    text-align: right;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #1f1f1f;
}
.whw-client-bookings-comment {
    position: relative;
    border-radius: 8px;
    border-top: 1px dashed #D6D6D6;
    margin: 12px 0 0;
    padding: 7px 20px 0 20px;
    font-size: 12px;
    line-height: 16px;
    color: #1F1F1F;
}
.whw-client-bookings-comment .ph {
    font-size: 16px;
    color: #5C5C5C;
    position: absolute;
    top: 7px;
    left: 0;
}
.whw-client-bookings-pager {
    padding: 16px 0;
}
.whw-client-bookings-pager-show {
    text-align: center;
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
}
.whw-client-bookings-pager-list {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.whw-client-bookings-pager-list li {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    margin: 0 2px;
}
.whw-client-bookings-pager-list li a {
    display: block;
    width: 40px;
    height: 40px;
    color: #0190DB;
}
.whw-client-bookings-pager-list li a.arrows {
    display: flex;
    align-items: center;
    justify-content: center;
}
.whw-client-bookings-pager-list .current {
    border-radius: 8px;
    background: rgba(1, 144, 219, 0.08);
    color: #5C5C5C;
}
.whw-client-bookings-pager-list .ph {
    font-size: 24px;
}
.whw-deposits-table-wrap {
    padding: 8px 0 24px;
}
.whw-deposits-summ {
    padding: 0 0 16px;
    display: flex;
    align-items: flex-start;
    gap: 0 32px;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
}
.whw-bonus-switcher-wrap {
    padding: 10px 0 34px;
    display: flex;
    align-items: flex-start;
    gap: 0 32px;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    color: #5C5C5C;
}
.whw-bonus-switcher-wrap strong {
    font-weight: 600;
}
.whw-bonus-switcher.active {
    color: #00539D;
}
.whw-bonus-switcher-result {
    padding: 0 0 8px;
    display: none;
}
.whw-bonus-switcher-result_opened {
    display: block;
}
.whw-bonus-search-name-result-list {
    max-height: 286px;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.04);
    scrollbar-width: thin;
}
.whw-bonus-search-name-result-item {
    padding: 0 8px;
    border-bottom: 1px solid #D6D6D6;
}
.whw-bonus-search-name-result-item .checkbox-custom-switch label.switcher-radio-label {
    padding-top: 16px;
    padding-bottom: 16px;
}
.whw-bonus-search-name-result-item.selected {
    background: rgba(1, 144, 219, 0.08);
}
.whw-bonus-search-name-result-button {
    padding: 16px 0;
}

.whw-work-schedule-wrap {
    position: relative;
}
.whw-work-schedule-table-overlay {
    pointer-events: none;
    position: absolute;
    z-index: 5;
    background: rgba(1, 144, 219, 0.08);
}
#whw-work-schedule-horiz,
#whw-work-schedule-vert {
    position: absolute;
    background: rgba(1, 144, 219, 0.08);
    pointer-events: none;
    z-index: 10;
    border-radius: 8px;
}
.whw-work-schedule-tbl {
    margin: 0;
    padding: 0;
    border-collapse: separate;
    width: 100%;
    position: relative;
    table-layout: fixed;
}
.whw-work-schedule-tbl th {
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding: 14px 0 13px;
    text-align: center;
    vertical-align: bottom;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #1f1f1f;
}
.whw-work-schedule-tbl tr.bord-padding-no th {
    border-color: #fff;
    padding: 0;
}
.whw-work-schedule-tbl tr.bord-dark-grey th {
    border-color: #5C5C5C;
}
.whw-work-schedule-tbl tr.bord-padding-no + tr.bord-dark-grey th {
    border-top-color: #fff;
    padding: 12px 0 10px;
}
.whw-work-schedule-tbl thead tr:first-child th {
    border-top: 1px solid #fff;
}
.whw-work-schedule-tbl thead tr th {
    position: sticky;
    top: 51px;
    z-index: 2;
    background: #fff;
}
.whw-work-schedule-tbl thead tr:first-child th {
    position: sticky;
    top: 0;
}
.whw-work-schedule-tbl thead tr.bord-padding-no + tr th {
    position: sticky;
    top: 26px;
}
.whw-work-schedule-tbl thead tr.bord-padding-no + tr + tr th {
    position: sticky;
    top: 80px;
}
.whw-work-schedule-tbl thead tr th.bord-vert-new-month {
    border-left: 1px solid #D6D6D6;
}
.whw-work-schedule-tbl-month {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 4px;
    padding: 0 0 0 8px;
    text-align: left;
    position: relative;
}
.whw-work-schedule-tbl td {
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
.whw-work-schedule-tbl .whw-work-schedule-tbl-h3 {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
.whw-work-schedule-tbl .whw-work-schedule-tbl-h4 {
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #5c5c5c;
    padding: 16px 0 8px;
}
.whw-work-schedule-tbl .whw-work-schedule-tbl-h4.uppercase {
    text-transform: uppercase;
    font-weight: 700;
}
.whw-work-schedule-tbl-date {
    display: block;
}
.whw-work-schedule-tbl-day {
    display: block;
    font-size: 10px;
    line-height: 14px;
    margin-top: -3px;
}
.line-height-bigger .whw-work-schedule-tbl-day {
    margin-top: 0;
}
.weekend .whw-work-schedule-tbl-date,
.weekend .whw-work-schedule-tbl-day {
    color: #DB2835;
}
.whw-work-schedule-tbl-pers {
    display: flex;
    align-items: center;
    gap: 0 8px;
    cursor: pointer;
    margin: 0 12px 0 0;
    position: relative;
    z-index: 1;
    max-width: 192px;
}
.whw-work-schedule-tbl-pers-avatar {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    position: relative;
    flex-shrink: 0;
}
.whw-work-schedule-tbl-pers-avatar img {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 8px;
}
.whw-work-schedule-tbl-pers-copy {
    width: calc(100% - 48px);
}
.whw-work-schedule-tbl-pers-name {
    font-size: 12px;
    line-height: 16px;
    color: #1f1f1f;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.whw-work-schedule-tbl-pers.f-s-bigger .whw-work-schedule-tbl-pers-name {
    font-size: 16px;
    line-height: 24px;
}
.whw-work-schedule-tbl-pers-position {
    font-size: 10px;
    line-height: 14px;
    color: #5c5c5c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.whw-work-schedule-tbl-pers.f-s-bigger .whw-work-schedule-tbl-pers-position {
    font-size: 12px;
    line-height: 16px;
}
.whw-work-schedule-tbl-slot {
    min-width: 15px;
    max-width: 100%;
    height: 40px;
    border-radius: 8px;
    background: rgba(0,0,0,.04);
    margin: 4px 2px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
}
a.whw-work-schedule-tbl-slot-click {
    display: block;
    color: inherit;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.whw-work-schedule-tbl-slot .ph-fill {
    display: none;
    position: absolute;
    bottom: -1px;
    right: -1px;
    font-size: 16px;
    color: rgba(1, 144, 219, 1);
}
.whw-work-schedule-tbl .whw-work-schedule-tbl-slot:hover {
    box-shadow: inset 0 0 0 1px rgba(1, 144, 219, 0.48);
    color: rgba(255, 255, 255, 0.64);
    position: relative;
    z-index: 0;
}
.whw-work-schedule-tbl-slot.selected {
    box-shadow: inset 0 0 0 1px rgba(1, 144, 219, 0.48);
    color: rgba(255, 255, 255, 0.64);
    background: rgba(1, 144, 219, 0.08);
}
.whw-work-schedule-tbl-slot a.whw-work-schedule-tbl-slot-click {
    color: inherit;
}
.whw-work-schedule-tbl-slot.selected .ph-fill {
    display: block;
}
.whw-work-schedule-tbl-slot.selected .ph-fill:after {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

.whw-wsts-work,
.whw-wsts-overtime {
    background: #75B872;
}
.whw-wsts-work:hover,
.whw-wsts-overtime:hover {
    background: #3D9595;
}
.whw-wsts-work.selected,
.whw-wsts-overtime.selected {
    background: #3D9595;
}
.whw-wsts-sick,
.whw-wsts-maternity {
    background: #F57F7D;
}
.whw-wsts-sick:hover,
.whw-wsts-maternity:hover {
    background: #A77A91;
}
.whw-wsts-sick.selected,
.whw-wsts-maternity.selected {
    background: #A77A91;
}
.whw-wsts-vacation,
.whw-wsts-unpaied-leave,
.whw-wsts-business-trip {
    background: #5BB2E0;
}
.whw-wsts-vacation:hover,
.whw-wsts-unpaied-leave:hover,
.whw-wsts-business-trip:hover {
    background: #2F92CF;
}
.whw-wsts-vacation.selected,
.whw-wsts-unpaied-leave.selected,
.whw-wsts-business-trip.selected {
    background: #2F92CF;
}
.whw-wsts-truancy {
    background: #5C5C5C;
}
.whw-wsts-truancy:hover {
    background: #30658A;
}
.whw-wsts-truancy.selected {
    background: #30658A;
}
.whw-wsts-asterisk:after {
    display: block;
    content: "*";
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    top: -2px;
    right: 4px;
    color: #fff;
}
.whw-wsts-underline .whw-work-schedule-tbl-slot-copy {
    position: relative;
}
.whw-wsts-underline .whw-work-schedule-tbl-slot-copy:after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: rgba(255, 255, 255, 0.64);
    border-radius: 2px;
}
.whw-wsts-flex .whw-work-schedule-tbl-slot-copy {
    margin-left: 8px;
}
.whw-wsts-flex a.whw-work-schedule-tbl-slot-click {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 8px;
}
.whw-work-schedule-tbl-slot-time {
    font-size: 12px;
    line-height: 16px;
    color: #1f1f1f;
    margin-right: 8px;
}
.whw-wsts-truancy .whw-work-schedule-tbl-slot-time {
    color: #fff;
}
.whw-wsts-list {
    columns: 5;
}
.whw-wsts-list li {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #5c5c5c;
}
.whw-wsts-list .whw-work-schedule-tbl-slot {
    width: 24px;
    height: 24px;
    max-width: 24px;
    font-size: 14px;
    line-height: 24px;
}
.whw-wsts-list .whw-wsts-asterisk {
    background: rgba(0, 0, 0, 0.04);
}
.whw-wsts-list .whw-wsts-asterisk:after {
    font-size: 24px;
    top: 4px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    color: #1F1F1F;
}

.whw-add-edit-section-wrap {
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.flexslider.change-master-slider-wrap .slides > li {
    display: block;
    float: left;
    width: 120px;
}

.new-flexslider.flexslider.change-master-slider-wrap .slide-master-item {
    min-height: 72px;
    box-sizing: border-box;
}


.h-content-wrap.columns-grid {
    box-sizing: border-box;
    padding: 0;
    height: calc(100vh - 48px);
    display: flex;
    align-items: stretch;
}
.h-content-wrap.columns-grid.h55 {
    height: calc(100vh - 55px);
}

.h-columns-grid-left-sidebar {
    width: 72px;
    box-sizing: border-box;
    border-right: 1px solid #D6D6D6;
    flex-shrink: 0;
}

.h-columns-grid-body {
    flex-grow: 1;
}
.h-columns-grid-body .h-fixed {
    padding: 0 32px;
}
.h-columns-grid-body-scroll {
    height: 100%;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.0);
    scrollbar-width: thin;
}
.h-columns-grid-body-inner {
    padding: 20px 0;
}
.h-columns-grid-body-inner__title-flex {
    display: flex;
    align-items: center;
    margin: 0 0 28px;
}
.new-styles .h-columns-grid-body-inner__title-flex h2 {
    margin: 0;
}

.h-columns-grid-body.d-fl-column {
    display: flex;
    flex-direction: column;
}

.h-columns-grid-body-footer {
    margin-top: auto;
    padding: 15px 0;
}

.h-cgb-footer-flex {
    display: flex;
    align-items: center;
    gap: 0 32px;
}
.h-cgb-footer-flex.gap-8 {
    gap: 0 8px;
}

.b-cgb-f-copy {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.plus-buble-var2 {
    margin-left: auto;
}

.b-personal-h2-flex {
    display: flex;
    align-items: center;
}
.b-personal-receive-agrees {
    display: inline-block;
    background: rgba(43, 153, 39, 0.08);
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #1F1F1F;
    margin-left: auto;
}
.b-personal-receive-agrees .from-all {
    color: #5C5C5C;
}

.h-trandist-stat-wrap {
    padding: 8px 0 0;
}
.b-trandist-stat-cards-wrap {
    display: flex;
    align-items: stretch;
    gap: 16px;
    flex-wrap: wrap;
}
.b-trandist-stat-card {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    background: #fff;
    padding: 12px 12px 16px;
    box-sizing: border-box;
    width: 256px;
}
.b-trandist-stat-card h4 {
    display: flex;
    gap: 0 8px;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 32px;
}
.trandist-stat-card-icon {
    font-size: 24px;
    color: #0190DB;
}
.trandist-stat-card-list {
    display: flex;
    align-items: flex-start;
    gap: 0 32px;
}
.trandist-stat-card-list-title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 4px;
}
.trandist-stat-card-list-figure {
    display: flex;
    align-items: center;
    gap: 0 4px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.trandist-stat-card-list-figure.down {
    color: #DB2835;
}
.trandist-stat-card-list-figure.down .ph {
    color: #FF3B38;
}
.trandist-stat-card-list-figure.up {
    color: #1D8722;
}
.trandist-stat-card-list-figure.up .ph {
    color: #2B9927;
}


.b-sidebar-cols-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.b-sidebar-col-scroll {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    padding: 12px 0 0;
}
.b-sidebar-col-fixed {
    padding: 16px 0;
}
.b-sidebar-col-expander {
    display: block;
    cursor: pointer;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 16px;
    position: relative;
}
.b-sidebar-col-expander:before {
    content: "";
    display: block;
    width: 100%;
    height: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    position: absolute;
    top: -25px;
    left: 0;
}
.b-sidebar-col-expander-bookmark {
    display: flex;
    width: 32px;
    height: 16px;
    border-radius: 0 0 8px 8px;
    background: rgba(0, 0, 0, 0.04);
    margin: 0 auto;
    color: #8F8F8F;
    align-items: center;
    justify-content: center;
}
.sidebar-col-nav a {
    display: block;
    padding: 8px 0;
    color: #5C5C5C;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}
.sidebar-col-nav li.active a {
    background: rgba(1, 144, 219, 0.08);
    border-top: 1px solid rgba(1, 144, 219, 0.48);
    border-bottom: 1px solid rgba(1, 144, 219, 0.48);
    padding-top: 7px;
    padding-bottom: 7px;
    color: #006FBC;
}
.sidebar-col-nav-icon {
    display: block;
    text-align: center;
    font-size: 24px;
}
.sidebar-col-nav-copy {
    display: block;
    text-align: center;
    margin: 2px 0 0;
}
.sidebar-col-nav-icon svg {
    display: block;
    margin: 0 auto;
    fill: #5C5C5C;
}
.sidebar-col-nav li.active .sidebar-col-nav-icon svg,
.sidebar-col-nav a:hover .sidebar-col-nav-icon svg {
    fill: #006FBC;
}

.h-columns-grid-add-sidebar {
    box-sizing: border-box;
    width: 0;
    border-right: 1px solid transparent;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
    
}
.h-columns-grid-add-sidebar_opened {
    border-right: 1px solid #D6D6D6;
    width: 240px;
    opacity: 1;
    overflow: visible;
}

.h-columns-grid-add-sidebar-header {
    border-bottom: 1px solid #D6D6D6;
    padding: 20px 56px 20px 16px;
    position: relative;
}
.h-columns-grid-add-sidebar-header h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: #1F1F1F;
    margin: 0;
}
.b-cgas-closer {
    font-size: 24px;
    padding: 8px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    color: #5C5C5C;
    cursor: pointer;
}
.h-columns-grid-add-sidebar-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.b-cgas-body-search {
    padding: 24px 16px 16px;
}
.h-columns-grid-add-sidebar-body-scroll {
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.0);
    scrollbar-width: thin;
    margin: 0 8px 0 0;
    padding: 0 0 0 16px;
    height: 100%;
}
.b-cgas-body-search-results li {
    font-size: 14px;
    line-height: 20px;
}
.b-cgas-body-search-results a {
    display: flex;
    align-items: center;
    padding: 12px 4px;
    color: #1f1f1f;
    gap: 0 8px;
}
.b-cgas-body-search-results a:hover {
    background: rgba(1, 144, 219, 0.08);
    color: #1F1F1F;
}
.cgas-body-search-results-icon {
    font-size: 24px;
    color: #5c5c5c;
}


.h-content-body-tabs-list {
    border-bottom: 1px solid #D6D6D6;
    display: flex;
    align-items: flex-start;
}
.h-content-body-tabs-list li {
    box-sizing: border-box;
    padding: 16px 8px 12px;
    border-bottom: 4px solid transparent;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.h-content-body-tabs-list li.current {
    border-color: #0190DB;
}
.h-content-body-tabs-list li a {
    color: #5C5C5C;
}
.h-content-body-tabs-list li.current a {
    color: #1F1F1F;
}

.h-content-body-tabs-tab {
    height: 0;
    overflow: hidden;
}
.h-content-body-tabs-tab_opened {
    height: auto;
    overflow: visible;
    padding: 16px 0 0;
}

.h-content-body-after-tabs-wrap {
    padding: 24px 0 0;
}

.h-personal-data-maxw {
    max-width: 720px;
}
.h-personal-data-maxw-2 {
    max-width: 968px;
}

.b-pd-copy {
    margin: 0 0 16px;
}
.b-pd-copy p {
    margin: 0 0 8px;
}
.b-pd-buy {
    display: flex;
    align-items: center;
    gap: 0 16px;
}
.b-pd-buy-price {
    font-size: 28px;
    line-height: 150%;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
}
.b-pd-illustration {
    margin: 0 0 32px;
}
.b-pd-illustration img {
    display: block;
    max-width: 100%;
}

.h-personal-data-footer-btn {
    padding: 20px 0 0;
    text-align: right;
}

.b-personal-data-info {
    border-radius: 8px;
    background: rgba(255, 59, 56, 0.08);
    padding: 16px;
    margin: 0 0 32px;
}
.b-personal-data-info p {
    margin: 0 0 8px;
}
.b-personal-data-info p:last-child {
    margin: 0;
}

.b-personal-data-not-info {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 24px;
    color: #1f1f1f;
}

.hiw-list li {
    display: flex;
    align-items: flex-start;
    gap: 0 5px;
}
.hiw-list-number {
    min-width: 20px;
}

.b-pd-ref-info h2 {
    margin: 0 0 8px;
}
.b-pd-ref-info h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    padding: 24px 0 0;
    margin: 0 0 8px;
}
.b-pd-ref-info p {
    margin: 0 0 8px;
}
.b-pd-ref-info ol li {
    position: relative;
    padding: 0 0 0 20px;
}
.b-pd-ref-info ol .ls-number {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    text-align: right;
}
.b-pd-ref-btn {
    padding: 24px 0 16px;
}

.b-pd-ref-slider-item {
    padding: 28px 0 58px;
}

.b-pd-ref-slider {
    margin: 0 8px;
    padding: 0 8px;
    height: 8px;
    border-radius: 9999px;
    background: rgba(0, 0, 0, .08);
    position: relative;
}

.b-pd-ref-slider-start {
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    position: absolute;
    top: -28px;
    left: 0
}

.b-pd-ref-slider-end {
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    position: absolute;
    top: -28px;
    right: 0
}

.b-pd-ref-slider-handle-wrap {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    position: absolute;
    top: 0;
    left: 0
}

.b-pd-ref-slider-handle {
    height: 100%;
    background: #75b872;
    position: relative
}

.b-pd-ref-slider-handle:before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #75b872;
    border-radius: 9999px 0 0 9999px;
    position: absolute;
    top: 0;
    left: -8px
}

.b-pd-ref-slider-handle.whole100:after {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #75b872;
    border-radius: 0 9999px 9999px 0;
    position: absolute;
    top: 0;
    right: -8px
}

.b-pd-ref-slider-handle-copy {
    display: block;
    content: "";
    width: 1px;
    height: 16px;
    background: #75b872;
    border-radius: 9999px;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    transform: translateY(-50%)
}

.b-pd-ref-slider-handle-copy-buble {
    border-radius: 8px;
    background: rgba(0,0,0,.64);
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
    position: absolute;
    top: 22px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 0 4px
}

.b-pd-ref-slider-handle-copy-buble.right {
    right: -15px
}

.b-pd-ref-slider-handle-copy-buble.right:before {
    right: 10px
}

.b-pd-ref-slider-handle-copy-buble.center {
    left: 50%;
    transform: translateX(-50%)
}

.b-pd-ref-slider-handle-copy-buble.center:before {
    left: 50%;
    transform: translateX(-50%)
}

.b-pd-ref-slider-handle-copy-buble.left {
    left: -15px
}

.b-pd-ref-slider-handle-copy-buble.left:before {
    left: 10px
}

.b-pd-ref-slider-handle-copy-buble:before {
    display: block;
    content: "";
    width: 12px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAMCAYAAACX8hZLAAAAUElEQVR42rXNsQkAIAwFUReztnEYN7G2dlFjIVieHAYO0nxeKq3i4nI0or5/unsF5h2FBMAhAXAIAwZCgIUA4CEAeAgAHgKAhwDgoYP0j8hYeiTjxZcvvNwAAAAASUVORK5CYII=) 0 0 no-repeat;
    background-size: 12px 6px;
    position: absolute;
    top: -6px
}

.b-pd-ref-slider-handle-copy-buble .ph {
    font-size: 24px;
    opacity: .64;
}

.b-pd-ref-slider-scale {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    padding: 0 8px;
    position: absolute;
    bottom: -4px;
    left: 0
}

.b-pd-ref-slider-scale li {
    width: 1px;
    height: 4px;
    border-radius: 0 0 999px 999px;
    background: rgba(0,0,0,.16);
    position: relative
}

.b-pd-ref-slider-scale li:first-child .b-pd-ref-slider-scale-percent,
.b-pd-ref-slider-scale li:last-child .b-pd-ref-slider-scale-percent {
    opacity: 1
}

.b-pd-ref-slider-scale-percent {
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    line-height: 14px;
    color: #8f8f8f;
    opacity: 0
}

.b-pd-admin-logged {
    font-size: 12px;
    line-height: 16px;
    color: #2b9927;
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 20px;
}
.b-pd-admin-logged:before {
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #75B872;
    position: absolute;
    top: 2px;
    left: 0;
}
.b-pd-admin-not-auth {
    background: rgba(255, 59, 56, 0.08);
    border-radius: 8px;
    margin: 0 0 16px;
    padding: 16px;
    font-size: 14px;
    line-height: 16px;
}
.b-pd-admin-not-auth-badge {
    font-size: 12px;
    line-height: 16px;
    color: #FF3B38;
    position: relative;
    margin: 0 0 16px;
    padding: 0 0 0 20px;
}
.b-pd-admin-not-auth-badge:before {
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #F57F7D;
    position: absolute;
    top: 2px;
    left: 0;
}
.b-pd-admin-not-auth h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 4px;
}
.b-pd-admin-not-auth p {
    margin: 0 0 16px
}
.b-pd-admin-qrcode {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.b-pd-admin-qrcode-link {
    display: inline-flex;
    align-items: center;
    gap: 0 4px;
}
.b-pd-admin-qrcode .ph {
    font-size: 24px;
}





.h-content-wrap.schedule-grid {
    box-sizing: border-box;
    padding: 0;
    height: calc(100% - 48px);
}
.h-content-wrap.schedule-grid.h55 {
    height: calc(100% - 55px);
}

.h-schedule-grid-left-sidebar {
    float: left;
    width: 229px;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #D6D6D6;
    flex-shrink: 0;
}
.h-schedule-grid-left-sidebar.narrow-icons {
    width: 73px;
}

.h-schedule-grid-left-sidebar-sections {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.sch-gls-sections-narrow {
    width: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-out;
}
.narrow-icons .sch-gls-sections-narrow {
    width: 100%;
    height: 100%;
    overflow: visible;
}
.sch-gls-sections-wide {
    width: 100%;
    height: 100%;
    overflow: visible;
    transition: all 0.3s ease-out;
}
.narrow-icons .sch-gls-sections-wide {
    width: 0;
    height: 0;
    overflow: hidden;
}
.h-schedule-grid-left-sidebar-scroll {
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.0);
    scrollbar-width: thin;
    padding: 8px 16px;
}

.narrow-icons .h-schedule-grid-left-sidebar-scroll {
    overflow: visible;
}

.datepicker-input-inline.updated-design .ui-datepicker-multi-2 .ui-datepicker-group-first,
.datepicker-input-inline.updated-design .ui-datepicker-multi-2 .ui-datepicker-group {
    margin: 0;
    padding: 8px 0;
    box-shadow: none;
}
.datepicker-input-inline.updated-design .ui-widget {
    font: 14px "SF Pro Display", Helvetica, Arial, sans-serif;
}
.datepicker-input-inline.updated-design .ui-datepicker-inline.ui-datepicker {
    width: 100%;
    padding: 8px 0;
}
.datepicker-input-inline.updated-design .ui-datepicker-inline.ui-datepicker.ui-datepicker-multi-2 {
    padding: 0;
}
.datepicker-input-inline.updated-design .ui-widget-content {
    color: #1F1F1F;
}
.datepicker-input-inline.updated-design .ui-widget-header {
    color: #006FBC;
    padding: 0 0 4px;
}
.datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-prev span
, .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-next span {
    width: 16px;
    height: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAFVBMVEVHcExaWlpdXV1cXFxbW1tcXFxcXFyk258zAAAAB3RSTlMAYJ//gH+gT4eOYwAAADZJREFUeNrt0jEKACAMQ9F+o97/yAVXoVkLmvX9MdF0UPuQMC6Mz4ed4yZYUW3/4ipwBfb2vZbNqgFs73TItQAAAABJRU5ErkJggg==") 50% 50% no-repeat;
    background-size: 16px 16px;
    margin: 4px 0 0 4px;
}
.datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-next span {
    transform: rotate(-180deg);
    margin: 4px 4px 0 0;
}
.datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-title {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 24px;
}
.datepicker-input-inline.updated-design .ui-datepicker table {
    width: 100%;
    max-width: 196px;
}
.datepicker-input-inline.updated-design .ui-datepicker th {
    padding: 4px 0 8px;
    font-size: 10px;
    line-height: 14px;
    color: #5C5C5C;
}
.datepicker-input-inline.updated-design .ui-datepicker td {
    padding: 0;
}
.datepicker-input-inline.updated-design .ui-datepicker td span
, .datepicker-input-inline.updated-design .ui-datepicker td a {
    width: 100%;
    height: 28px;
    padding: 0;
    border: 1px solid transparent;
    background: none;
    font-size: 12px;
    line-height: 26px;
    color: #1F1F1F;
    box-sizing: border-box;
}
.datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-today .ui-state-highlight {
    border: 1px solid rgba(1, 144, 219, 0.48);
    color: #006FBC;
    border-radius: 8px;
    background: none;
}
.datepicker-input-inline.updated-design .ui-state-disabled
, .datepicker-input-inline.updated-design .ui-priority-secondary
, .datepicker-input-inline.updated-design .ui-state-disabled.ui-datepicker-week-end
, .datepicker-input-inline.updated-design .ui-priority-secondary.ui-datepicker-week-end {
    color: #8F8F8F;
}
.datepicker-input-inline.updated-design .ui-state-disabled .ui-state-default
, .datepicker-input-inline.updated-design .ui-datepicker-other-month .ui-state-default {
    color: #8F8F8F;
}
.datepicker-input-inline.updated-design .ui-datepicker .ui-state-active {
    border-color: #0190DB;
    background: #0190DB;
    color: #fff;
    border-radius: 8px;
}
.regime-week .datepicker-input-inline.updated-design .ui-datepicker-calendar tr.current-week td,
.regime-2weeks .datepicker-input-inline.updated-design .ui-datepicker-calendar tr.current-week td,
.regime-2weeks .datepicker-input-inline.updated-design .ui-datepicker-calendar tr.next-week td {
    background: rgba(1, 144, 219, 0.08);
    position: relative;
}
.datepicker-input-inline.updated-design tr.current-week td:first-child,
.datepicker-input-inline.updated-design tr.next-week td:first-child {
    border-radius: 8px 0 0 8px;
}

.datepicker-input-inline.updated-design tr.current-week td:last-child,
.datepicker-input-inline.updated-design tr.next-week td:last-child {
    border-radius: 0 8px 8px 0;
}
.regime-week .datepicker-input-inline.updated-design .ui-datepicker-calendar tr.current-week td:after,
.regime-2weeks .datepicker-input-inline.updated-design .ui-datepicker-calendar tr.current-week td:after,
.regime-2weeks .datepicker-input-inline.updated-design .ui-datepicker-calendar tr.next-week td:after {
    display: block;
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-top: 1px solid rgba(1, 144, 219, 0.48);
    border-bottom: 1px solid rgba(1, 144, 219, 0.48);
    position: absolute;
    top: 0; left: 0;
}

.datepicker-input-inline.updated-design tr.current-week td:first-child:after,
.datepicker-input-inline.updated-design tr.next-week td:first-child:after {
    border-radius: 8px 0 0 8px;
    border-left: 1px solid rgba(1, 144, 219, 0.48);
}

.datepicker-input-inline.updated-design tr.current-week td:last-child:after,
.datepicker-input-inline.updated-design tr.next-week td:last-child:after {
    border-radius: 0 8px 8px 0;
    border-right: 1px solid rgba(1, 144, 219, 0.48);
}
.regime-week .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendar .current-week td .ui-state-default,
.regime-2weeks .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendar .current-week td .ui-state-default,
.regime-2weeks .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendar .next-week td .ui-state-default {
    position: relative;
    z-index: 1;
}
.regime-week .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendar .current-week td a,
.regime-2weeks .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendar .current-week td a,
.regime-2weeks .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendar .next-week td a {
    color: #1F1F1F;
}
.regime-week .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendar .current-week td a.ui-state-active,
.regime-2weeks .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendar .current-week td a.ui-state-active,
.regime-2weeks .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendar .next-week td a.ui-state-active {
    color: #fff;
}
.regime-week .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendar .current-week td a.ui-state-highlight,
.regime-2weeks .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendar .current-week td a.ui-state-highlight,
.regime-2weeks .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendar .next-week td a.ui-state-highlight {
    color: #006FBC;
}


.regime-month .datepicker-input-inline.updated-design .ui-datepicker-calendar td.current-month-day {
    background: rgba(1, 144, 219, 0.08);
    position: relative;
}
.datepicker-input-inline.updated-design td.current-month-day:first-child,
.datepicker-input-inline.updated-design td.current-month-day-first {
    border-radius: 8px 0 0 8px;
}

.datepicker-input-inline.updated-design td.current-month-day:last-child,
.datepicker-input-inline.updated-design td.current-month-day-last {
    border-radius: 0 8px 8px 0;
}
.regime-month .datepicker-input-inline.updated-design .ui-datepicker-calendar td.current-month-day:after {
    display: block;
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-top: 1px solid rgba(1, 144, 219, 0.48);
    border-bottom: 1px solid rgba(1, 144, 219, 0.48);
    position: absolute;
    top: 0; left: 0;
}

.datepicker-input-inline.updated-design td.current-month-day:first-child:after,
.datepicker-input-inline.updated-design td.current-month-day-first:after {
    border-radius: 8px 0 0 8px;
    border-left: 1px solid rgba(1, 144, 219, 0.48);
}

.datepicker-input-inline.updated-design td.current-month-day:last-child:after,
.datepicker-input-inline.updated-design td.current-month-day-last:after {
    border-radius: 0 8px 8px 0;
    border-right: 1px solid rgba(1, 144, 219, 0.48);
}
.regime-month .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendard td.current-month-day .ui-state-default {
    position: relative;
    z-index: 1;
}
.regime-month .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendard td.current-month-day a {
    color: #1F1F1F;
}
.regime-month .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendard td.current-month-day a.ui-state-active {
    color: #fff;
}
.regime-month .datepicker-input-inline.updated-design .ui-datepicker .ui-datepicker-calendard td.current-month-day a.ui-state-highlight {
    color: #006FBC;
}


.datepicker-input-inline-row-wrap {
    position: relative;
    width: calc(100% - 48px);
}
.datepicker-input-inline-row-wrap:before {
    display: block;
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.datepicker-input-inline-row.row-design {
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.0);
    scrollbar-width: thin;
    position: relative;
    border-radius: 8px;
}
.datepicker-input-inline-row.row-design .ui-helper-clearfix:before,
.datepicker-input-inline-row.row-design .ui-helper-clearfix:after {
    display: none;
}
.datepicker-input-inline-row.row-design .ui-datepicker-inline {
    display: flex !important;
    margin: 0;
    padding: 0;
    font-family: "SF Pro Display", Helvetica, Arial, sans-serif;
    background: unset;
    border: none;
}
.datepicker-input-inline-row.row-design .ui-datepicker-multi-2 .ui-datepicker-group-first {
    margin: 0;
    padding: 0;
    box-shadow: none;
}
.datepicker-input-inline-row.row-design .ui-datepicker-row-break {
    display: none;
}
.datepicker-input-inline-row.row-design .ui-datepicker-multi-2 .ui-datepicker-group {
    display: flex;
    align-items: center;
}
.datepicker-input-inline-row.row-design .ui-datepicker-header {
    padding: 0;
}
.datepicker-input-inline-row.row-design .ui-datepicker .ui-datepicker-title {
    margin: 0;
    width: 24px;
    height: 40px;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    color: #8F8F8F;
    position: relative;
}
.datepicker-input-inline-row.row-design .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    transform: rotate(-90deg);
    position: absolute;
    top: 34%;
    left: 0;
}
.datepicker-input-inline-row.row-design .ui-datepicker .ui-datepicker-prev,
.datepicker-input-inline-row.row-design .ui-datepicker .ui-datepicker-title .ui-datepicker-year,
.datepicker-input-inline-row.row-design .ui-datepicker .ui-datepicker-next {
    display: none;
}
.datepicker-input-inline-row.row-design .ui-datepicker table {
    display: flex;
    width: calc(100% - 24px);
    position: relative;
}
.datepicker-input-inline-row.row-design .ui-datepicker table thead {
    display: none;
}
.datepicker-input-inline-row.row-design .ui-datepicker table tbody {
    display: flex;
    width: 100%;
}
.datepicker-input-inline-row.row-design .ui-datepicker table tr {
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.datepicker-input-inline-row.row-design .ui-datepicker td {
    padding: 0;
    flex-grow: 1;
    position: relative;
}
.datepicker-input-inline-row.row-design .ui-datepicker td::before {
    content: attr(title);
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    line-height: 14px;
    color: #5C5C5C;
}
.datepicker-input-inline-row.row-design .ui-datepicker table td:hover::before,
.datepicker-input-inline-row.row-design .ui-datepicker table td.ui-datepicker-current-day::before {
    color: #fff;
}
.datepicker-input-inline-row.row-design .ui-datepicker table td.ui-datepicker-current-day.ui-datepicker-today::before {
    color: #5c5c5c;
}
.datepicker-input-inline-row.row-design .ui-datepicker td.ui-datepicker-other-month,
.datepicker-input-inline-row.row-design .ui-state-disabled {
    display: none;
}
.datepicker-input-inline-row.row-design .ui-datepicker table .ui-state-default {
    width: 36.45px;
    height: 40px;
    padding: 5px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #5c5c5c;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}
.datepicker-input-inline-row.row-design .ui-datepicker .ui-datepicker-week-end .ui-state-default {
    color: #5c5c5c;
}
.datepicker-input-inline-row.row-design .ui-datepicker .ui-datepicker-today .ui-state-highlight {
    border: 1px solid rgba(1, 144, 219, 0.48);
    color: #5c5c5c;
    border-radius: 8px;
    background: none;
}
.datepicker-input-inline-row.row-design .ui-datepicker table td:hover,
.datepicker-input-inline-row.row-design .ui-datepicker table td.ui-datepicker-current-day {
    color: #fff;
    background: #0190DB;
    border-radius: 8px;
}
.datepicker-input-inline-row.row-design .ui-datepicker table td.ui-datepicker-current-day.ui-datepicker-today {
    color: #5c5c5c;
    background: none;
}
.datepicker-input-inline-row.row-design .ui-datepicker table .ui-state-hover,
.datepicker-input-inline-row.row-design .ui-datepicker table .ui-state-active {
    color: unset;
    background: unset;
}
.datepicker-input-inline-row.row-design .ui-datepicker .ui-datepicker-week-end .ui-state-hover,
.datepicker-input-inline-row.row-design .ui-datepicker .ui-datepicker-week-end .ui-state-active {
    color: unset;
    background: unset;
}

.datepicker-input-inline-row-manual {
    display: flex;
    position: relative;
}
.dp-m-month {
    width: 24px;
    height: 40px;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    color: #8F8F8F;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
}
.dp-m-day-month-transform {
    transform: rotate(-90deg);
    position: absolute;
    top: 34%;
    left: 0;
}
.dp-m-day-item {
    box-sizing: border-box;
    height: 40px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #5c5c5c;
    flex-grow: 1;
}
.dp-m-day-item:hover,
.dp-m-day-item-active {
    background: #0190DB;
    color: #fff;
}
.dp-m-day-item-today {
    border: 1px solid rgba(1, 144, 219, 0.48);
    color: #5c5c5c;
}
.dp-m-day-date {
    font-size: 12px;
    line-height: 14px;
}
.dp-m-day-name {
    font-size: 10px;
    line-height: 12px;
}

.b-sch-gls-calendar-wrap {
    overflow: hidden;
    transition: height 0.1s ease-out;
}

.b-sch-gls-calendar-expander {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 16px;
    position: relative;
}
.b-sch-gls-calendar-expander.collapsed {
    border-bottom: none;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.b-sch-gls-calendar-expander-bookmark {
    display: flex;
    width: 32px;
    height: 16px;
    border-radius: 8px 8px 0 0;
    background: rgba(0, 0, 0, 0.04);
    margin: 0 auto;
    color: #8F8F8F;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.b-sch-gls-calendar-expander.collapsed .b-sch-gls-calendar-expander-bookmark {
    border-radius: 0 0 8px 8px;
}
.b-sch-gls-calendar-expander-bookmark-arrow,
.new-styles .b-sch-gls-calendar-expander-bookmark-arrow {
    color: #8F8F8F;
}
.b-sch-gls-calendar-expander-bookmark-arrow.mark1 {
    display: flex;
}
.b-sch-gls-calendar-expander-bookmark-arrow.mark2 {
    display: none;
}
.b-sch-gls-calendar-expander.collapsed .b-sch-gls-calendar-expander-bookmark-arrow.mark1 {
    display: none;
}
.b-sch-gls-calendar-expander.collapsed .b-sch-gls-calendar-expander-bookmark-arrow.mark2 {
    display: flex;
}
.b-sch-gls-search-wrap {
    padding: 16px 0 24px;
}
.b-sch-gls-h4 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5C5C5C;
    margin: 0 0 16px;
}
.b-sch-gls-todays {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0 16px;
    margin: 0 0 16px;
}
.b-sch-gls-todays dt {
    font-size: 14px;
    line-height: 20px;
}
.b-sch-gls-todays dd {
    font-size: 14px;
    line-height: 20px;
    color: #006FBC;
    text-align: right;
    white-space: nowrap;
}

.b-sch-gls-icons-nav {
    padding: 4px 0;
}
.b-sch-gls-icons-nav li {
    position: relative;
}
.b-sch-gls-icons-nav li.search {
    padding: 0 0 12px;
}
.b-sch-gls-icons-nav-icon-item {
    display: block;
    padding: 7px 8px;
    font-size: 24px;
    color: #5C5C5C;
    cursor: pointer;
    text-align: center;
    position: relative;
}
.b-sch-gls-icons-nav-icon-item .dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #0190DB;
    position: absolute;
    top: 4px; right: 4px;
}
.b-sch-gls-icons-nav-icon-item svg {
    display: block;
    height: 26px;
    fill: #5C5C5C;
}
.b-sch-gls-icons-nav-wide {
    display: none;
}
.b-sch-gls-icons-nav li:hover {
    z-index: 5;
}
.b-sch-gls-icons-nav li:hover .b-sch-gls-icons-nav-wide {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 228px;
    height: 100%;
    padding: 0 16px;
    position: absolute;
    top: 0; left: -16px;
    background: #FFF;
    box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.06), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.04);
}
.b-sch-gls-icons-nav li.search:hover .b-sch-gls-icons-nav-wide {
    top: -12px;
    height: 64px;
}
.b-sch-gls-icons-nav-wide .b-sch-gls-todays {
    margin: 0;
    width: 100%;
}

.h-schedule-grid-left-sidebar-footer {
    padding: 16px;
    margin-top: auto;
}
.b-sch-gls-footer-btns-wrap {
    display: flex;
    align-items: center;
}
.b-sch-gls-footer-btns-item.to-right {
    margin-left: auto;
}
.b-sch-gls-footer-btn {
    display: block;
    padding: 7px 8px;
    font-size: 24px;
    color: #5C5C5C;
}

.narrow-icons .b-sch-gls-footer-btns-wrap {
    flex-direction: column;
}

.btn-buble-wrap {
    box-sizing: border-box;
    width: 300px;
    padding: 16px 8px;
    position: absolute;
    bottom: calc(100% + 4px);
    left: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04), 0px 12px 24px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.16);
    display: none;
}
.btn-buble-list li {
    margin: 0 0 2px;
    font-size: 14px;
    line-height: 20px;
}
.btn-buble-list li:last-child {
    margin: 0;
}
.btn-buble-list a {
    display: flex;
    align-items: center;
    gap: 0 8px;
    color: #1f1f1f;
    padding: 8px 12px;
}
.btn-buble-list a .ph {
    font-size: 24px;
    color: #5C5C5C;
}
.btn-buble-list a:hover {
    background: rgba(1, 144, 219, 0.08);
    color: #1f1f1f;
}





.h-schedule-grid-right-sidebar {
    float: right;
    width: 73px;
    height: 100%;
    box-sizing: border-box;
    border-left: 1px solid #D6D6D6;
    flex-shrink: 0;
}

.h-schedule-grid-right-sidebar-sections {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.b-sch-grs-icons-nav {
    padding: 0 0 8px;
}
.b-sch-grs-icons-nav.var2 {
    padding: 0;
    width: 40px;
}
.b-sch-grs-icons-nav li {
    position: relative;
}
.b-sch-grs-icons-nav li.plus {
    padding: 12px 0 20px;
}
.b-sch-grs-icons-nav.var2 li.plus {
    padding: 0;
}
.b-sch-grs-icons-nav li.plus .b-sch-grs-icons-nav-item {
    background: #0190DB;
    border-radius: 8px;
    font-size: 24px;
    color: #fff;
    text-align: center;
}
.b-sch-grs-plus-buble-wrap {
    box-sizing: border-box;
    width: 274px;
    max-height: 85vh;
    padding: 16px 8px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04), 0px 12px 24px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.16);
    position: absolute;
    top: 12px;
    right: 60px;
    z-index: 5;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.0);
    scrollbar-width: thin;
    display: none;
}
.b-sch-grs-icons-nav.var2 .b-sch-grs-plus-buble-wrap {
    top: 0;
    right: 44px;
    width: 344px;
}
.b-sch-grs-plus-buble-nav li {
    margin: 0 0 4px;
}
.b-sch-grs-plus-buble-nav li:last-child {
    margin: 0;
}
.b-sch-grs-plus-buble-nav-item,
.new-styles .b-sch-grs-plus-buble-nav-item {
    display: flex;
    align-items: center;
    gap: 0 8px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
}
.b-sch-grs-icons-nav.var2 .b-sch-grs-plus-buble-nav-item,
.new-styles .b-sch-grs-icons-nav.var2 .b-sch-grs-plus-buble-nav-item {
    gap: 0 12px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 24px;
}
.b-sch-grs-plus-buble-nav-item:hover,
.new-styles .b-sch-grs-plus-buble-nav-item:hover {
    background: rgba(1, 144, 219, 0.08);
    color: #1f1f1f;
}
.b-sch-grs-plus-buble-nav-item-icon {
    font-size: 24px;
    color: #5C5C5C;
}
.b-sch-grs-plus-buble-nav-item svg {
    display: block;
}
.b-sch-grs-plus-buble-hr {
    height: 1px;
    background: rgba(0, 0, 0, 0.16);
    margin: 12px 0;
}
.b-sch-grs-icons-nav-item {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    padding: 8px;
    position: relative;
}
.b-sch-grs-icons-nav-item svg {
    display: block;
}
.b-sch-grs-icons-nav-item .dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #0190DB;
    position: absolute;
    top: 4px; right: 4px;
}

.h-schedule-grid-right-sidebar-scroll {
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.0);
    scrollbar-width: thin;
    padding: 8px 6px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    flex-grow: 1;
}
.b-sch-grs-masters-item {
    padding: 4px 0;
    text-align: center;
    cursor: pointer;
}
.b-sch-grs-masters-item-avatar {
    width: 28px;
    height: 28px;
    margin: 0 auto 2px;
    border-radius: 8px;
    position: relative;
}
.b-sch-grs-masters-item-avatar img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 8px;
}
.b-sch-grs-masters-item-avatar-empty {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    background: #5c5c5c;
}
.b-sch-grs-masters-item-avatar .dot {
    display: block;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #2B9927;
    position: absolute;
    top: -4px;
    right: -4px;
}
.b-sch-grs-masters-item-name {
    font-size: 12px;
    line-height: 16px;
    color: #1f1f1f;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.b-sch-grs-masters-item-position {
    font-size: 10px;
    line-height: 14px;
    color: #5c5c5c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.b-sch-grs-masters-expander {
    display: block;
    cursor: pointer;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 16px;
    position: relative;
    padding: 0 0 16px;
}
.b-sch-grs-masters-expander:before {
    display: block;
    content: "";
    width: 100%;
    height: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    position: absolute;
    top: -25px;
    left: 0;
}
.b-sch-grs-masters-expander-bookmark {
    display: flex;
    width: 32px;
    height: 16px;
    border-radius: 0 0 8px 8px;
    background: rgba(0, 0, 0, 0.04);
    margin: 0 auto;
    color: #8F8F8F;
    align-items: center;
    justify-content: center;
}



.h-schedule-grid-right-masters-panel {
    float: right;
    width: 0;
    height: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
    transition: width 0.1s ease-out;
}
.h-schedule-grid-right-masters-panel.open-masters-panel {
    width: 241px;
}
.h-schedule-grid-right-masters-panel-sections {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #D6D6D6;
}
.h-schedule-grid-right-masters-panel-header {
    box-sizing: border-box;
    min-height: 66px;
    padding: 8px 8px 8px 16px;
    border-bottom: 1px solid #D6D6D6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.h-schedule-grid-right-masters-panel-header h3 {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: #1f1f1f;
}
.b-sch-grs-masters-panel-closer {
    font-size: 24px;
    padding: 8px;
    cursor: pointer;
    color: #5C5C5C;
}
.h-schedule-grid-right-masters-panel-body {
    box-sizing: border-box;
    flex-grow: 1;
    padding: 8px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 66px);
}
.b-sch-grs-masters-panel-search-wrap {
    padding: 16px 8px;
}
.b-sch-grs-masters-panel-body-scroll {
    flex-grow: 1;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.0);
    scrollbar-width: thin;
    padding: 0 8px;
}
.b-sch-grs-masters-panel-search-item {
    margin: 0 0 8px;
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 0 8px;
    cursor: pointer;
}
.b-sch-grs-masters-panel-search-item.active,
.b-sch-grs-masters-panel-search-item:hover {
    background: rgba(1, 144, 219, 0.08);
    border-radius: 8px;
}
.b-sch-grs-masters-panel-search-item-avatar {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    position: relative;
    flex-shrink: 0;
}
.b-sch-grs-masters-panel-search-item-avatar img {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 8px;
}
.b-sch-grs-masters-panel-search-item-avatar-empty {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    background: #5c5c5c;
}
.b-sch-grs-masters-panel-search-item-avatar .dot {
    display: block;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #2B9927;
    position: absolute;
    top: -4px;
    right: -4px;
}
.b-sch-grs-masters-panel-search-item-copy {
    width: calc(100% - 48px);
}
.b-sch-grs-masters-panel-search-item-name {
    font-size: 12px;
    line-height: 16px;
    color: #1f1f1f;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.b-sch-grs-masters-panel-search-item-position {
    font-size: 10px;
    line-height: 14px;
    color: #5c5c5c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.h-schedule-grid-right-canceled-panel {
    float: right;
    width: 192px;
    height: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
}
.h-schedule-grid-right-canceled-panel-sections {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #D6D6D6;
}
.h-schedule-grid-right-canceled-panel-header {
    box-sizing: border-box;
    min-height: 58px;
    padding: 18px 16px 4px;
}
.h-schedule-grid-right-canceled-panel-header h3 {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #1f1f1f;
}
.b-sch-grs-canceled-panel-header-loss {
    font-size: 10px;
    line-height: 14px;
    color: #1f1f1f;
}
.h-schedule-grid-right-canceled-panel-body {
    box-sizing: border-box;
    flex-grow: 1;
    padding: 4px 8px 8px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 66px);
}
.b-sch-grs-canceled-panel-body-scroll {
    flex-grow: 1;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.0);
    scrollbar-width: thin;
    padding: 0 8px;
}
.b-sch-grs-canceled-panel-item {
    margin: 0 0 12px;
    background: #F5F5F5;
    border-radius: 4px;
}
.b-sch-grs-canceled-panel-item-head {
    background: #E0E0E0;
    border-radius: 4px 4px 0 0;
    min-height: 16px;
    padding: 0 2px 0 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    color: #5C5C5C;
}
.b-sch-grs-canceled-panel-item-head-right {
    display: flex;
    align-items: center;
    gap: 0 4px;
}
.b-sch-grs-canceled-panel-item-head-right .dot {
    display: block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0190DB;
}
.b-sch-grs-canceled-panel-item-info-popup {
    font-size: 12px;
    display: inline-flex;
}
.b-sch-grs-canceled-panel-item-body {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
}
.b-sch-grs-canceled-panel-item-name {
    margin: 0 0 2px;
}
.b-sch-grs-canceled-panel-item-phone {
    margin: 0 0 4px;
}
.b-sch-grs-canceled-panel-item-service {
    margin: 0 0 4px;
}
.b-sch-grs-canceled-panel-item-reason {
    display: flex;
    align-items: flex-start;
    gap: 0 4px;
}
.b-sch-grs-canceled-panel-item-reason .ph {
    font-size: 16px;
}







.h-schedule-grid-body {
    overflow-x: hidden;
    height: 100%;
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.0);
    scrollbar-width: thin;
}
.h-schedule-grid-body-sections {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.h-schedule-grid-body-header {
    background: #fff;
}
.b-sgb-header-top-wrap {
    padding: 8px 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.b-sgb-header-top-wrap h1 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0 16px;
}
.b-sgb-header-top-calendars-icons {
    font-size: 24px;
    color: #5C5C5C;
    cursor: pointer;
    position: relative;
}
.b-sgb-header-top-calendars-icons-hide {
    display: none;
}
.datepicker-input-icon-trigger {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.b-sgb-header-top-left {
    display: flex;
    align-items: center;
    padding: 12px 0;
}
.b-sgb-header-top-price-wrap {
    font-size: 14px;
    line-height: 20px;
    border-left: 1px solid #D6D6D6;
    margin: 0 0 0 16px;
    padding: 0 0 0 18px;
    display: flex;
    align-items: center;
    gap: 0 4px;
}
.b-sgb-header-top-price-wrap .wholewindow-modal-opener {
    display: flex;
    align-items: center;
    gap: 0 4px;
}
.b-sgb-header-top-price {
    color: #006FBC;
}
.b-sgb-header-top-caret {
    color: #8F8F8F;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
}

.b-sgb-header-top-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 8px;
    padding: 4px 0;
}
.b-sgb-header-top-tabs {
    display: flex;
    align-items: center;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    margin: 0 12px;
}
.b-sgb-header-top-tabs:last-of-type {
    margin-right: 0;
}
.b-sgb-header-top-tabs a {
    box-sizing: border-box;
    display: block;
    position: relative;
    top: -1px;
    margin-bottom: -2px;
    border-radius: 8px;
    padding: 0 16px;
    height: 36px;
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    color: #5C5C5C;
}
.b-sgb-header-top-tabs li:first-child a {
    left: -1px;
    margin-right: -2px;
}
.b-sgb-header-top-tabs li:last-child a {
    right: -1px;
    margin-left: -2px;
}
.b-sgb-header-top-tabs li a:hover {
    background: rgba(245, 184, 0, 0.12);
    color: #1F1F1F;
}
.b-sgb-header-top-tabs li.active a {
    border: 1px solid #F5C400;
    background: #F5C400;
    color: #1F1F1F;
}

.b-sgb-header-top-calendars-wrap-hide {
    height: 0;
    overflow: hidden;
}
.b-sgb-header-top-calendars-flex {
    display: flex;
    gap: 0 8px;
    padding: 4px 16px 16px;
}
.b-sgb-header-top-calendars-icon {
    width: 24px;
    font-size: 24px;
    padding: 7px 8px;
    color: #5C5C5C;
    cursor: pointer;
    position: relative;
}

.b-sgb-header-top-filters-icon {
    box-sizing: border-box;
    font-size: 24px;
    padding: 7px;
    border-radius: 8px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #5C5C5C;
}
.b-sgb-header-top-filters-icon.b-sgb-filters-icon-opened {
    border-color: rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
    color: #006FBC;
}

.b-sgb-header-top-filters-wrap {
    padding: 8px 0;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.0);
    scrollbar-width: thin;
    display: none;
}
.b-sgb-header-top-filters-padding {
    padding: 0 0 0 16px;
}
.b-sgb-header-top-filters-padding .checklist-btns li:last-child {
    margin-right: 13px;
}

.b-sgb-thead-masters-wrap {
    margin-bottom: 5px;
    padding: 12px 0;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 4;
}
.b-sgb-thead-masters-row,
.b-sgb-tbody-timetable-row {
    display: flex;
    align-items: center;
    justify-content: stretch;
}
.b-sgb-schedule-left-col,
.b-sgb-schedule-right-col {
    width: 48px;
    height: 100%;
    flex-shrink: 0;
}
.b-sgb-schedule-caret-left,
.b-sgb-schedule-caret-right {
    font-size: 32px;
    color: #8F8F8F;
    display: flex;
    align-items: center;
    justify-content: center;
}
.b-sgb-schedule-middle-col {
    width: calc(100% - 96px);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: stretch;
    gap: 0 4px;
}
.b-sgb-schedule-masters-item {
    width: 50%;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 0 8px;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
}
.b-sgb-schedule-masters-item:hover {
    background: rgba(1, 144, 219, 0.08);
    border-radius: 8px;
}
.b-sgb-schedule-masters-item.active {
    border: 1px solid rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
    border-radius: 8px;
    padding: 3px;
}
.b-sgb-schedule-masters-item-avatar {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    position: relative;
    flex-shrink: 0;
}
.b-sgb-schedule-masters-item-avatar img {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 8px;
}
.b-sgb-schedule-masters-item-avatar-empty {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    background: #5c5c5c;
}
.b-sgb-schedule-masters-item-avatar .dot {
    display: block;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #2B9927;
    position: absolute;
    top: -4px;
    right: -4px;
}
.b-sgb-schedule-masters-item-copy {
    width: calc(100% - 48px);
}
.b-sgb-schedule-masters-item-name {
    font-size: 12px;
    line-height: 16px;
    color: #1f1f1f;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.b-sgb-schedule-masters-item-position {
    font-size: 10px;
    line-height: 14px;
    color: #5c5c5c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.b-sgb-schedule-masters-item-buble {
    box-sizing: border;
    width: 272px;
    padding: 16px 8px;
    background: #fff;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04), 0px 12px 24px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    position: absolute;
    top: 100%;
    left: 0;
}

.h-schedule-grid-body-section {
    flex-grow: 1;
}
.h-schedule-grid-body-section.d-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.b-sgb-schedule-empty-wrap {
    text-align: center;
}
.b-sgb-schedule-empty-wrap h2.b-sgb-schedule-empty-title,
.new-styles .b-sgb-schedule-empty-wrap h2.b-sgb-schedule-empty-title {
    line-height: 26px;
    margin: 0 0 8px;
}
.b-sgb-schedule-empty-copy {
    font-size: 16px;
    line-height: 24px;
    color: #5C5C5C;
    margin: 0 0 16px;
}
.b-sgb-schedule-empty-btns {
    padding: 16px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.b-sgb-schedule-empty-btns button + button {
    margin-top: 16px;
}

.b-sgb-tbody-timetable-wrap {
    position: relative;
}
.b-sgb-tbody-timetable-row {
    height: 21px;
}
.b-sgb-tbody-timetable-row.sgb-timetable-past .b-sgb-schedule-middle-col {
    background-color: #f5f5f5;
}
.b-sgb-tbody-timetable-item {
    height: 100%;
    box-sizing: border-box;
}
.b-sgb-tbody-timetable-item.sgb-timetable-disabled,
.b-sgb-tbody-timetable-item.sgb-timetable-slot-disabled {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAP4AAAAoAgMAAACjn6/wAAAACVBMVEUAAAAAAABHcEym4wbIAAAAA3RSTlMUCgAbtif4AAAAW0lEQVR4Ae3ToRHDMABD0V9SXOxpOkqwp8kIAibWlDENFtXdn+DdfYbvpB/T/6QL70+S8PomiYxgiIxgiozAIiOwiAhORAQnMoINGcGiL/SFvtAX+kJf6Auv9ADp5GyNWg/7kwAAAABJRU5ErkJggg==") 0 0;
    background-size: 127px 20px;
}
.b-sgb-tbody-timetable-item.sgb-timetable-past {
    position: relative;
    background-color: #f5f5f5;
}
.b-sgb-tbody-timetable-item.sgb-timetable-past:before {
    content: "";
    display: block;
    width: 4px;
    height: calc(100% + 2px); 
    position: absolute;
    top: -1px;
    left: 100%;
    background-color: #f5f5f5;
}
.b-sgb-tbody-timetable-row .b-sgb-schedule-middle-col .b-sgb-tbody-timetable-item {
    width: 50%;
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
}
.b-sgb-tbody-timetable-row .b-sgb-schedule-middle-col .b-sgb-tbody-timetable-item:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px; 
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.08);
}
.b-sgb-tbody-timetable-row.sgb-timetable-hour .b-sgb-schedule-middle-col .b-sgb-tbody-timetable-item:after {
    background-color: rgba(0, 0, 0, 0.16);
}

.b-sgb-tbody-timetable-row.sgb-timetable-dates {
    background: #fff;
    position: sticky;
    top: 72px;
    z-index: 4;
    height: auto;
    margin-bottom: 4px;
}
.sgb-timetable-dates .b-sgb-schedule-left-col,
.sgb-timetable-dates .b-sgb-schedule-right-col {
    opacity: 0;
}
.b-sgb-tbody-timetable-row.sgb-timetable-dates .b-sgb-schedule-middle-col .b-sgb-tbody-timetable-item {
    border-top: 1px solid transparent;
    height: 32px;
}
.b-sgb-tbody-timetable-row.sgb-timetable-dates .b-sgb-schedule-middle-col .b-sgb-tbody-timetable-item:after {
    display: none;
}

.sgb-timetable-month .b-sgb-tbody-timetable-row .b-sgb-schedule-middle-col .b-sgb-tbody-timetable-item.sgb-timetable-disabled,
.sgb-timetable-week .b-sgb-tbody-timetable-row .b-sgb-schedule-middle-col .b-sgb-tbody-timetable-item.sgb-timetable-disabled {
    width: 16px;
    flex-shrink: 0;
}
.sgb-timetable-month .b-sgb-tbody-timetable-row.sgb-timetable-dates .b-sgb-schedule-middle-col .b-sgb-tbody-timetable-item.sgb-timetable-disabled,
.sgb-timetable-week .b-sgb-tbody-timetable-row.sgb-timetable-dates .b-sgb-schedule-middle-col .b-sgb-tbody-timetable-item.sgb-timetable-disabled {
    background: #fff;
}
.b-sgb-tt-date-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 36px;
}
.b-sgb-tt-date-wrap-expand {
    cursor: pointer;
}
.b-sgb-tt-date-numb {
    display: block;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    text-align: center;
    color: #1f1f1f;
}
@media screen and (max-width: 1100px) {
    .b-sgb-tt-date-numb {
        font-size: 10px;
        line-height: 12px;
    }
}
.b-sgb-tt-date-day {
    display: block;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    text-align: center;
    color: #1f1f1f;
}
@media screen and (max-width: 1100px) {
    .b-sgb-tt-date-day {
        font-size: 8px;
        line-height: 12px;
    }
}
.sgb-timetable-weekend .b-sgb-tt-date-numb,
.sgb-timetable-weekend .b-sgb-tt-date-day {
    color: #DB2835;
}
.sgb-timetable-disabled .b-sgb-tt-date-numb,
.sgb-timetable-disabled .b-sgb-tt-date-day {
    color: #8f8f8f;
}
.b-sgb-tbody-timetable-row .b-sgb-schedule-middle-col .b-sgb-tbody-timetable-item.sgb-timetable-chosen {
    width: 96px;
    flex-shrink: 0;
}
@media screen and (min-width: 1281px) and (max-width: 1600px) {
    .b-sgb-tbody-timetable-row .b-sgb-schedule-middle-col .b-sgb-tbody-timetable-item.sgb-timetable-chosen {
        width: 144px;
    }
}
@media screen and (min-width: 1601px) {
    .b-sgb-tbody-timetable-row .b-sgb-schedule-middle-col .b-sgb-tbody-timetable-item.sgb-timetable-chosen {
        width: 192px;
    }
}
.sgb-timetable-chosen .b-sgb-tt-date-numb,
.sgb-timetable-chosen .b-sgb-tt-date-day {
    color: #006FBC;
}
.sgb-timetable-month .b-sgb-tt-appointment-head-time,
.sgb-timetable-month .b-sgb-tt-appointment-head-icons .ph-fill,
.sgb-timetable-month .b-sgb-tt-appointment-body {
    display: none;
}
.sgb-timetable-month .b-sgb-tt-appointment-head-icons {
    max-width: 100%;
}
.sgb-timetable-month .sgb-timetable-chosen .b-sgb-tt-appointment-head-time,
.sgb-timetable-month .sgb-timetable-chosen .b-sgb-tt-appointment-head-icons .ph-fill,
.sgb-timetable-month .sgb-timetable-chosen .b-sgb-tt-appointment-body {
    display: inherit;
}
.sgb-timetable-month .sgb-timetable-chosen .b-sgb-tt-appointment-head-icons {
    max-width: inherit;
}
.b-sgb-tt-appointment-dot {
    width: 8px;
    height: 8px;
    outline: 4px solid rgba(255, 21, 246, 0.40);
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
}
.b-sgb-tt-appointment-border {
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #FF15F6;
}
.b-sgb-tt-appointment-corner {
    position: absolute;
    bottom: -14px;
    right: -17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 26px 26px 26px;
    border-color: transparent;
    border-bottom-color: #FF15F6;
    transform: rotate(135deg);
}
.b-sgb-tt-appointment-name-color {
    background: #EDA86C;
}

.b-sgb-tbody-timeslot {
    display: block;
    font-size: 10px;
    line-height: 14px;
    color: #5C5C5C;
    text-align: right;
    padding: 0 4px 0 0;
    transform: translateY(-7px);
}
.b-sgb-schedule-right-col .b-sgb-tbody-timeslot {
    padding: 0 16px 0 0;
}

.b-sgb-tt-timeslot-hover {
    display: none;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 1px);
    padding: 0 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0190DB;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
}
.b-sgb-tbody-timetable-item:not(.sgb-timetable-disabled, .sgb-timetable-slot-disabled):hover .b-sgb-tt-timeslot-hover {
    display: flex;
}
.b-sgb-tbody-timetable-item:not(.sgb-timetable-disabled, .sgb-timetable-slot-disabled):hover .b-sgb-tt-timeslot-hover:has(+ .b-sgb-tt-appointment) {
    display: none;
}

.b-sgb-tt-appointment {
    box-sizing: border-box;
    padding: 3px 2px 2px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.b-sgb-tt-appointment-inner {
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.b-sgb-tt-appo-green .b-sgb-tt-appointment-inner {
    background: #CCE7CB;
}
.b-sgb-tt-appo-red .b-sgb-tt-appointment-inner {
    background: #FFD0CF;
}
.b-sgb-tt-appo-violet .b-sgb-tt-appointment-inner {
    background: #D4ECF9;
}
.b-sgb-tt-appo-violet-green .b-sgb-tt-appointment-inner {
    background: #A1E3E3;
}
.b-sgb-tt-appo-blue .b-sgb-tt-appointment-inner {
    background: #D4ECF9;
}
.b-sgb-tt-appo-cross .b-sgb-tt-appointment-inner {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.04);
}
.b-sgb-tt-appo-cross-level1 {
    margin-left: 8px;
}
.b-sgb-tt-appo-cross-level2 {
    margin-left: 16px;
}
.b-sgb-tt-appo-cross-level3 {
    margin-left: 24px;
}
.b-sgb-tt-appo-cross-level4 {
    margin-left: 32px;
}
.b-sgb-tt-appo-cross-level5 {
    margin-left: 40px;
}
.b-sgb-tt-appo-cross-level6 {
    margin-left: 48px;
}
.b-sgb-tt-appointment-head {
    border-radius: 4px 4px 0 0;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px 0 6px;
}
.b-sgb-tt-appo-green .b-sgb-tt-appointment-head {
    background: #75B872;
}
.b-sgb-tt-appo-red .b-sgb-tt-appointment-head {
    background: #F57F7D;
}
.b-sgb-tt-appo-violet .b-sgb-tt-appointment-head {
    background: #A58FD4;
}
.b-sgb-tt-appo-violet-green .b-sgb-tt-appointment-head,
.b-sgb-tt-appointment div.b-sgb-tt-appointment-head-violet {
    background: #A58FD4;
}
.b-sgb-tt-appo-blue .b-sgb-tt-appointment-head {
    background: #5BB2E0;
}
.b-sgb-tt-appointment-head-time {
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    color: #1f1f1f;
    max-width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.b-sgb-tt-appointment-head-icons {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 12px;
    gap: 0 4px;
    color: rgba(0,0,0,.64);
    max-width: 50%;
    margin-left: auto;
    padding: 0 0 0 4px;
    overflow: hidden;
}
.b-sgb-tt-appointment-head-icons .black-stroke {
    text-shadow: 1px 0 0 rgba(0,0,0,.64), -1px 0 0 rgba(0,0,0,.64), 0 1px 0 rgba(0,0,0,.64), 0 -1px 0 rgba(0,0,0,.64);
}
.b-sgb-tt-appointment-head-icons .white-stroke {
    text-shadow: 1px 0 0 rgba(255,255,255,.64), -1px 0 0 rgba(255,255,255,.64), 0 1px 0 rgba(255,255,255,.64), 0 -1px 0 rgba(255,255,255,.64);
}
.b-sgb-tt-appointment-head-icons-info-popup {
    display: inline-flex;
    cursor: pointer;
}
.b-sgb-tt-appointment-body {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #1f1f1f;
}
.b-sgb-tt-appointment-body-name,
.b-sgb-tt-appointment-body-phone,
.b-sgb-tt-appointment-body-service {
    margin: 0 0 4px;
}

.popup-box-wrap.b-sgb-tt-appointment-info-popup {
    width: 240px;
    background: rgba(0, 0, 0, 0.64);
    border-radius: 8px;
    box-shadow: none;
}
.popup-box-wrap.b-sgb-tt-appointment-info-popup:after {
    display: none;
}
.b-sgb-tt-appointment-info-popup .popup-box-inner {
    padding: 8px 12px;
}
.b-sgb-tt-appointment-info-popup-item {
    margin: 0 0 8px;
    color: #fff;
}
.b-sgb-tt-appointment-info-popup-item:last-child {
    margin: 0;
}
.b-sgb-tt-appointment-info-popup-item-name {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    display: block;
}
.b-sgb-tt-appointment-info-popup-item-copy {
    font-size: 12px;
    line-height: 16px;
    color: rgba(255, 255, 255, 0.64);
    margin: 2px 0 0;
    display: block;
}
.b-sgb-tt-appointment-info-popup-item-note {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    padding: 8px 0 0;
}

.popup-box-wrap.b-sgb-tt-masters-info-popup {
    width: 272px;
    background: #fff;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04), 0px 12px 24px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
}
.popup-box-wrap.b-sgb-tt-masters-info-popup .popup-box-inner {
    padding: 16px 8px;
}
.b-sgb-tt-masters-info-popup-nav-item {
    margin: 0 0 4px;
}
.b-sgb-tt-masters-info-popup-nav-item-block {
    display: flex;
    align-items: center;
    gap: 0 8px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
}
.new-styles a.b-sgb-tt-masters-info-popup-nav-item-block {
    color: #1f1f1f;
}
.b-sgb-tt-masters-info-popup-nav-item-block .ph {
    font-size: 24px;
    color: #5c5c5c;
}
.b-sgb-tt-masters-info-popup-nav-item-block:hover {
    background: rgba(1, 144, 219, 0.08);
    color: #1f1f1f;
}
.b-sgb-tt-masters-info-popup-nav-hr {
    margin: 12px 16px;
    height: 1px;
    background: rgba(0, 0, 0, 0.16);
}

.b-sgb-tt-appointment.wholewindow-modal-opener {
    z-index: 1;
    cursor: pointer;
}
.b-sgb-tt-appointment.wholewindow-modal-opener .b-sgb-tt-appointment-head {
    cursor: move;
}

.ui-draggable-support .b-sgb-tt-appointment-head {
    display: block;
    overflow: hidden;
    padding: 0;
}
.ui-draggable-support .b-sgb-tt-appointment-head-time {
    float: left;
    line-height: 16px;
    padding-left: 6px;
    box-sizing: border-box;
}
.ui-draggable-support .b-sgb-tt-appointment-head-icons {
    float: right;
    margin: 2px 0 0;
    padding: 0 4px 0 0;
}
.ui-draggable-support .b-sgb-tt-appointment {
    position: relative;
}


.whwm-summary-wrap {
    padding: 24px 0;
}
.whwm-summary-section {
    padding: 0 0 16px;
}
.whwm-summary-section.padd-var2 {
    padding: 0 0 8px;
}
.whwm-summary-hr {
    height: 1px;
    background: #D6D6D6;
    margin-bottom: 16px;
}
.whwm-summary-item {
    margin: 0 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 8px;
}
.whwm-summary-item.f-s-14,
.whwm-summary-item .f-s-14 {
    font-size: 14px;
    line-height: 20px;
}
.whwm-summary-item.f-w-bold {
    font-weight: 600;
}
.whwm-summary-item .f-s-20 {
    font-size: 20px;
    line-height: 26px;
}
.whwm-summary-item .f-w-500 {
    font-weight: 500;
}
.whwm-summary-item dt {
    display: flex;
    align-items: center;
    gap: 0 8px;
    max-width: 67%;
}
.whwm-summary-item.fl-start {
    align-items: flex-start;
}
.whwm-summary-item.fl-start dt {
    align-items: flex-start;
}
.whwm-summary-item dd {
    margin-left: 8px;
    display: flex;
}
.whwm-summary-item__summ {
    white-space: nowrap;
}
.whwm-summary-item__summ.green {
    color: #1D8722;
}
.whwm-summary-item__summ.red {
    color: #DB2835;
}
.whwm-summary-item .ph-arrow-circle-down {
    font-size: 32px;
    color: #2B9927;
}
.whwm-summary-item .whwm-summary-item__kol {
    font-size: 14px;
    line-height: 20px;
    color: #8F8F8F;
}
.whwm-summary-graph-wrap {
    padding: 24px 0 16px;
}
.whwm-cancelled-wrap .whwm-summary-graph-wrap {
    padding-top: 0;
    max-width: 656px;
}
.whwm-summary-graph-wrap h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 12px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.whwm-summary-graph-lines {
    padding: 0 0 28px;
    display: flex;
    gap: 0 2px;
    align-items: flex-start;
}
.whwm-summary-graph-line-item {
    flex-grow: 1;
}
.whwm-summary-graph-line-grey {
    height: 8px;
    border-radius: 360px;
    background: rgba(0, 0, 0, 0.08);
    position: relative;
}
.whwm-summary-graph-line-colored {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 360px;
}
.whwm-summary-graph-line-colored.green {
    background: #75B872;
    color: #136E1F;
}
.whwm-summary-graph-line-colored.red {
    background: #F57F7D;
    color: #B71C34;
}
.whwm-summary-graph-line-colored.blue {
    background: #5BB2E0;
    color: #006FBC;
}
.whwm-summary-graph-line-colored.grey {
    background: #8F8F8F;
    color: #5C5C5C;
}
.whwm-summary-graph-line-text {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}
.whwm-summary-graph-line-buble {
    display: none;
    box-sizing: border-box;
    white-space: nowrap;
    position: absolute;
    bottom: 16px;
    left: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.64);
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    padding: 8px 12px;
}
.whwm-summary-graph-line-buble:after {
    content: "";
    display: block;
    width: 12px;
    height: 6px;
    position: absolute;
    bottom: -6px;
    left: 14px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAYAAAB4MH11AAAAWUlEQVR4AWIAghlAvJhGuA9kgS0NLbBlcC/woZUltgDS5pAKAAAGolD/1nsTZzG/ALz9QUiML0DS8AVIGr6gJMARODHuwIlxBSEh7oCJcQdObn3QosWWWH0AfG7XnZdSchIAAAAASUVORK5CYII=") 0 0 no-repeat;
    background-size: 12px 6px;
}
.whwm-summary-graph-line-colored:hover .whwm-summary-graph-line-buble {
    display: block;
}
.whwm-summary-graph-line-item:last-child .whwm-summary-graph-line-buble {
    left: unset;
    right: 0;
}
.whwm-summary-graph-line-item:last-child .whwm-summary-graph-line-buble:after {
    left: unset;
    right: 14px;
}

.whwm-summary-charts-wrap {
    padding: 16px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.whwm-summary-charts-box {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 24px 16px 16px;
}
.whwm-summary-charts-box.w50 {
    width: calc(50% - 8px);
}
.whwm-summary-charts-box.w100 {
    width: 100%;
}

.whwm-unconfirmed-wrap {
    padding: 16px 0;
}

.whwm-cancelled-wrap {
    padding: 16px 0;
}

.whwm-rescheduled-wrap {
    padding: 16px 0;
}

.whwm-cash-register-wrap {
    padding: 16px 0;
}

.whwm-kkm-wrap {
    padding: 16px 0;
}


.b-kartoteka-inform-banner {
    box-sizing: border-box;
    max-width: 990px;
    border-radius: 15px;
    border: 2px solid #F4A4AB;
    background: url(../i/planes.png) right 20px center no-repeat #fff;
    background-size: 648px 99px;
    margin: 0 0 8px;
    padding: 12px;
    min-height: 99px;
}
.b-kartoteka-inform-logo {
    width: 128px;
    height: 32px;
    background: url(../i/kartoteka_logo.png) 0 0 no-repeat;
    background-size: 128px 32px;
    margin: 0 0 10px;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
}
.b-kartoteka-inform-copy {
    font: 14px/21px 400 "Trebuchet MS", "PT Sans", Helvetica, Arial, sans-serif;
    color: #292929;
    margin: 0 0 10px;
}


.new-styles .topright-salon-select-list {
    width: 314px;
}
.new-styles .topright-salon-select-list.select2-container .select2-choice {
    box-sizing: border-box;
    height: 38px;
    border: 1px solid rgba(255,255,255,.64);
    border-radius: 8px;
    background: #1F1F1F;
    font: 14px / 20px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: rgba(255, 255, 255, 0.64);
    text-indent: 0;
    padding: 0 0 0 11px;
}
.new-styles .select2-container.select2-container-active .select2-choice {
    border-color: #fff;
    color: #fff;
}
.new-styles .select2-container .select2-choice > .select2-chosen {
    margin-right: 35px;
    padding: 8px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new-styles .select2-container .select2-choice abbr {
    display: none;
}
.new-styles .topright-salon-select-list.select2-container .select2-choice .select2-arrow {
    border: none;
    background: none;
    width: 38px;
    height: 100%;
}
.new-styles .topright-salon-select-list.select2-container .select2-choice .select2-arrow b {
    width: 16px;
    height: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAD1BMVEVHcEz///////////////8T4DEaAAAABXRSTlMAPaNRUj3RmTkAAABGSURBVHja7dExEgAQDAVRCfc/s0KxxliVMun8t51W9/Ui3ltk9tNHZmwBBb4CnhQ6uDOJM4ozqwO4FLgUuBS4FLh+W93tJhzkARDKTNQDAAAAAElFTkSuQmCC") 0 0 no-repeat !important;
    background-size: 16px 16px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    transform: rotate(0deg);
    transition: transform 0.1s ease;
}
.new-styles .select2-container.select2-dropdown-open .select2-choice .select2-arrow b {
    transform: rotate(-180deg);
}
.new-styles .topright-salon-select-list.select2-container .select2-choice .select2-arrow b:after {
    display: none;
}
.topright-salon-select-list.updated-appearance.select2-drop {
    margin-top: 4px;
    padding-top: 8px;
    border: none;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.06), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.04);
    color: #1f1f1f;
}
.topright-salon-select-list.updated-appearance .select2-search {
    padding: 0 8px;
    min-height: 38px;
}
.topright-salon-select-list.updated-appearance .select2-search input {
    box-sizing: border-box;
    margin: 0;
    padding: 0 10px 0 40px;
    border-radius: 8px;
    border: 1px solid #D6D6D6;
    height: 38px !important;
    min-height: 38px;
    font: 14px / 20px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #1F1F1F;
    background: #fff !important;
}
.topright-salon-select-list.updated-appearance .select2-search input:focus {
    border-color: rgba(1, 144, 219, 0.48);
    box-shadow: none;
}
.topright-salon-select-list.updated-appearance .select2-search:after {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAWlBMVEVHcExfX19aWlpcXFxbW1tcXFxbW1tbW1tXV1dcXFxbW1tbW1tPT09bW1tcXFxcXFxcXFxaWlpcXFxbW1tbW1taWlpcXFxaWlpbW1tbW1tZWVlaWlpbW1tcXFx6BEnEAAAAHXRSTlMAEGDfQL/fgCB/758QcM+Q7zBgX6+QUI+wz1Cgb5TBk9AAAAE2SURBVHhe3ZTJcsMgEERZBQLtlmxn6f//zXhcKVfkYUh0ycHvqOJN05RAvSbz0ofQu+5vgvMTvhku8Vfhc8KOXFeiB2HzFkL2INBWhBONT+Ex9LyS4bUktPflu6qxocAozAfQsJaByhcz4gS8dYrRA7iUBPuYXzAcFwwAYa8jYHUpIKgyOgF9IaBREgHwz8IqB1AEb5GogcgH29NMO5JZgOteONMXmQhYVmusCBpITAiqAoDDAmuV6x0SK+0rggM8b6WZUDsTCzhZGIB3+XfhzAA0P2k5IpeOxPOI+lWJSXpRogWycBNPitOJd9ejlBEHsZ1uCk+js9jN4cOs6X4sp9SKoUcAmLKZb1J0LS1H44JsKNPgifHmMkNU0kZ1awYx9+u9zLAtVIcZdf7bMMeMo4IyRr0KX1drIZw8UinnAAAAAElFTkSuQmCC") 0 0 no-repeat;
    background-size: 24px 24px;
    font-size: 0;
    position: absolute;
    top: 6px;
    left: 16px;
}
.topright-salon-select-list.updated-appearance .select2-results {
    margin: 16px 8px 8px;
    padding: 0;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.0);
    scrollbar-width: thin;
}
.topright-salon-select-list.updated-appearance .select2-results li {
    margin: 0 0 4px;
    border-radius: 2px;
    border: none;
}
.topright-salon-select-list.updated-appearance .select2-results .select2-highlighted {
    background: rgba(1, 144, 219, 0.08);
    color: #1f1f1f;
}
.topright-salon-select-list.updated-appearance .select2-results .select2-result-label {
    padding: 8px;
}
.topright-salon-select-list.updated-appearance .select2-results .select2-no-results {
    padding: 8px;
    background: #f4f4f4;
}

.topright-salon-select-list.updated-appearance.with-data-tags .select2-results .s2-wdt-row {
    display: flex;
    align-items: baseline;
    gap: 0 16px;
}
.topright-salon-select-list.updated-appearance.with-data-tags .s2-wdt-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
}
.topright-salon-select-list.updated-appearance.with-data-tags .s2-wdt-number {
    margin-left: auto;
    font-size: 12px;
    line-height: 16px;
    color: #1f1f1f;
}
.topright-salon-select-list.updated-appearance.with-data-tags .s2-wdt-address {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    margin: 6px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAV1BMVEVHcExbW1tbW1tbW1tcXFxcXFxbW1tcXFxXV1daWlpPT09bW1tfX19cXFxaWlpcXFxZWVlbW1tbW1taWlpcXFxcXFxbW1taWlpcXFxdXV1bW1tbW1tcXFw+x5q0AAAAHHRSTlMAQN+A33/vvyBgEHAQkDDvULCvj2DPbx9Qn8+f544FNgAAAPhJREFUeF6tkttywyAMRGMMkgHHufd6/v8722pwgQmP2QfslRatxOjwUqR89eA1LuN0OLEjDPKLB73/3t3iFfwyyLvpn7hnhecrVbY+8GuXD7jU8tUxdwZgppOe0Gh/SFsicrE6zQxKbgRKNBlzShn+ur1z6Vrc6qUZNVffCMBOzHZFaqwTyC7gSeB5Nwsb7a1YSNfk2UYjpxQgGtFGcORo7WGY91DFVOpFRXQqrvbdIS01Ka6SMnsHT+z4KuRxgRqRpbLFCvTQ1uTB9/PKOW7Ndgz2doOw59kOA8SisKccYjZFsKccI8PtkzLwEB8Cch5l6izW/0vxA2fEEVrfGGajAAAAAElFTkSuQmCC") 0 50% no-repeat;
    background-size: 16px 16px;
    padding: 0 0 0 20px;
}




.discount-orders-section {
    padding: 16px 0 0;
}
.discount-orders-flex-btns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 16px;
}
.discount-orders-link {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    padding: 12px 0;
}
.discount-orders-flex-btns.gap-8 {
    gap: 0 8px;
}
.discount-orders-flex-btns .i-icon {
    margin: 0;
}
.discount-orders-copy {
    font-size: 14px;
    line-height: 20px;
}
.discount-orders-table-check {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
}
.discount-orders-table-check th {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5C5C5C;
    text-align: center;
    vertical-align: top;
    padding: 4px 2px;
}
.discount-orders-table-check td {
    padding: 2px;
}
.discount-orders-table-check td.discount-orders-table-th {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5C5C5C;
    text-align: left;
    vertical-align: middle;
    padding-left: 0;
    width: 22px;
}
.discount-orders-table-check td.discount-orders-table-th:last-child {
    text-align: right;
    padding-right: 0;
    padding-left: 2px;
}
.discount-orders-table-item {
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    width: 24px;
    height: 36px;
    position: relative;
    cursor: pointer;
}
.discount-orders-table-item-check {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    font-size: 16px;
    color: #0190DB;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}
.discount-orders-table-item-check .ph-fill {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.discount-orders-table-item.clicked {
    border-radius: 8px;
    border: 1px solid rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
}
.discount-orders-table-item.clicked .discount-orders-table-item-check {
    display: block;
}
.discount-orders-checkbox-padd {
    padding: 6px 0 14px;
}
.discount-orders-filter-tags-wrap {
    padding: 8px 0 0;
}
.discount-orders-whw-input {
    width: 93px;
}
.discount-orders-checkboxes {
    padding: 24px 0 0;
}
.discount-orders-checkboxes h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 8px;
}
.discount-orders-master-item {
    position: relative;
}
.discount-orders-master-item__input {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}
.discount-orders-master-wrap {
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 0 8px;
}
.discount-orders-master-wrap:hover {
    border-radius: 2px;
    background: rgba(1, 144, 219, 0.08);
}
.discount-orders-master-image {
    flex-shrink: 0;
    flex-grow: 0;
    width: 48px;
    height: 48px;
    background: #A695E7;
    background-size: 20px 20px;
    border-radius: 8px;
    position: relative;
    text-align: center;
}
.discount-orders-master-image img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.discount-orders-master-image-copy {
    font-size: 14px;
    line-height: 48px;
    font-weight: 400;
    color: #fff;
}
.discount-orders-master-image-check {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 2px;
    right: 2px;
    color: #0190DB;
    font-size: 20px;
    background: #fff;
    border-radius: 50%;
}
.discount-orders-master-image-check .ph-fill {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.discount-orders-master-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
    color: #1f1f1f;
}
.discount-orders-master-dop {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
    color: #5C5C5C;
}
.discount-orders-master-item__input:hover + .discount-orders-master-wrap,
.discount-orders-master-item__input:checked + .discount-orders-master-wrap {
    border-radius: 2px;
    background: rgba(1, 144, 219, 0.08);
    cursor: pointer;
}
.discount-orders-master-item__input:checked + .discount-orders-master-wrap .discount-orders-master-title,
.discount-orders-master-item__input:checked + .discount-orders-master-wrap .discount-orders-master-dop {
    color: #006FBC;
}
.discount-orders-master-item__input:checked + .discount-orders-master-wrap .discount-orders-master-image-check {
    display: block;
}
.discount-orders-details-row {
    margin: 0 0 16px;
    display: flex;
    align-items: flex-start;
    gap: 8px 32px;
    flex-wrap: wrap;
}
.discount-orders-details-row:last-child {
    margin: 0;
}
.discount-orders-details-item.wide {
    min-width: 344px;
}
.discount-orders-details-item-title {
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    margin: 0 0 2px;
}
.discount-orders-details-item.inactive .discount-orders-details-item-title {
    color: #8F8F8F;
}
.discount-orders-details-item-copy {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
.discount-orders-details-item.inactive .discount-orders-details-item-copy {
    color: #8F8F8F;
}
.discount-orders-tr-details {
    display: none;
}
.discount-orders-tr-details.discount-orders-tr-details_opened {
    display: table-row;
}
.default-content-table tr.bord-invisible td {
    border-bottom-color: transparent;
}
.default-content-table tr.expired td {
    color: #5C5C5C;
}
.discount-orders-add-btn-section {
    padding: 18px 0 8px;
}




.b-btable-report-wrap {
    position: relative;
}
.b-btable-report-head-title {
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 4;
    height: auto;
}
.b-btable-report-body-wrap {
    padding-top: 16px;
}
.b-btable-report-body-wrap.introjs-showElement {
    position: relative;
}
.b-btable-report-body-wrap.introjs-showElement:before {
    content: "";
    position: fixed;
    bottom: 0;
    left: 105px;
    width: calc(100% - 137px);
    height: 74px;
    background: rgba(0, 0, 0, 0.40);
    box-sizing: border-box;
    z-index: 9999;
}

.b-btable-report-row {
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: stretch;
}
.b-btable-report-head-title .b-btable-report-row {
    height: auto;
    min-height: 52px;
    border-bottom: 1px solid #D6D6D6;
}
.b-btable-report-head-title .b-btable-report-row.with-double-border {
    border-width: 2px;
}
.b-btable-report-left-col {
    width: 160px;
    height: 100%;
    flex-shrink: 0;
    align-self: flex-start;
    display: flex;
    align-items: center;
    justify-content: stretch;
}
.b-btable-report-right-col {
    width: 48px;
    height: 100%;
    flex-shrink: 0;
}
.b-btable-report-head-title .transparent {
    opacity: 0;
}
.b-btable-report-middle-col {
    width: calc(100% - 96px);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: stretch;
    gap: 0 4px;
}
.b-btable-report-item {
    height: 100%;
    box-sizing: border-box;
    padding: 3px 8px 2px;
}
.b-btable-report-head-title .b-btable-report-item {
    padding-top: 13px;
    padding-bottom: 15px;
}
.b-btable-report-head-title .b-btable-report-row .b-btable-report-left-col .b-btable-report-item {
    width: 100%;
}
.b-btable-report-row .b-btable-report-left-col .b-btable-report-item {
    width: 112px;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: 0;
    padding-right: 0;
}
.b-btable-report-row .b-btable-report-left-col .b-btable-report-item.w-time,
.b-btable-report-row .b-btable-report-right-col .b-btable-report-item.w-time {
    width: 48px;
    padding-left: 0;
    padding-right: 0;
}
.b-btable-report-row .b-btable-report-middle-col .b-btable-report-item {
    width: 50%;
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
}
.b-btable-report-row .b-btable-report-middle-col .b-btable-report-item:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.08);
}
.b-btable-report-row.b-btable-report-hour .b-btable-report-middle-col .b-btable-report-item:after {
    background-color: rgba(0, 0, 0, 0.16);
}
.b-btable-report-head-title .b-btable-report-row .b-btable-report-middle-col .b-btable-report-item:after {
    display: none;
}
.clickable-mode .b-btable-report-row .b-btable-report-middle-col .b-btable-report-item {
    cursor: pointer;
}
.b-btable-report-row .b-btable-report-middle-col .b-btable-report-item-choose-slot {
    display: none;
    box-sizing: border-box;
    width: calc(100% + 4px);
    height: 400%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 8px;
    border: 1px solid rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
}
.b-btable-report-row.b-btable-report-hour .b-btable-report-middle-col .b-btable-report-item-choose-slot {
    display: block;
    box-sizing: border-box;
    width: calc(100% + 4px);
    height: 400%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 8px;
    border: 1px solid rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
    opacity: 0;
}
.b-btable-report-row .b-btable-report-middle-col .b-btable-report-item.clicked .b-btable-report-item-choose-slot {
    opacity: 1;
}
.b-btable-report-item-choose-slot-check {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 1;
    cursor: pointer;
    font-size: 20px;
    color: #0190DB;
    background: #fff;
    border-radius: 50%;
}
.b-btable-report-item-choose-slot-check .ph-fill {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.b-btable-report-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.b-btable-report-subtitle {
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin: 4px 0 0;
}
.b-btable-report-timeslot {
    display: block;
    font-size: 10px;
    line-height: 14px;
    color: #5C5C5C;
    text-align: right;
    padding: 0 4px 0 0;
    transform: translateY(-9px);
}
.b-btable-report-right-col .b-btable-report-timeslot {
    padding: 0 16px 0 0;
}
.b-btable-report-copy {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
.b-btable-report-copy.smaller {
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
}
.b-btable-report-percents.top-padding {
    margin: 4px 0 0;
}
.b-btable-report-scale {
    height: 8px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.08);
}
.b-btable-report-scale.smaller {
    height: 4px;
}
.b-btable-report-range {
    height: 100%;
    border-radius: 99px;
    background: rgba(0, 0, 0, 0.08);
}
.b-btable-report-range.yellow {
    background-color: #F5B800;
}
.b-btable-report-range.red {
    background-color: #F57F7D;
}
.b-btable-report-range.green {
    background-color: #75B872;
}
.b-btable-report-item-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.b-btable-report-item-flex.order-right .b-btable-report-copy {
    order: 2;
}
.b-btable-report-item-flex .b-btable-report-percents {
    width: calc(100% - 50px);
}
.b-btable-report-item-flex.order-right .b-btable-report-percents {
    order: 1;
}

.report-onbording-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    --rect-size: 100%;
    background-color: rgba(0, 0, 0, 0.40);
    z-index: 99997;
}
.report-onbording-wrap.step1 .report-onbording-overlay {
    clip-path: polygon( evenodd,
        /* outer rect */
        0 0, /* top - left */
        100% 0, /* top - right */
        100% 100%, /* bottom - right */
        0% 100%, /* bottom - left */
        0 0, /* and top - left again */
        /* do the same with inner rect */
        calc(50% - var(--rect-size) / 2 + 104px) calc(50% - var(--rect-size) / 2 + 370px), /* top-left */
        calc(50% + var(--rect-size) / 2 - 32px) calc(50% - var(--rect-size) / 2 + 370px), /* top-right */
        calc(50% + var(--rect-size) / 2 - 32px) calc(50% + var(--rect-size) / 2 - 74px), /* bottom-right */
        calc(50% - var(--rect-size) / 2 + 104px) calc(50% + var(--rect-size) / 2 - 74px), /* bottom-left */
        calc(50% - var(--rect-size) / 2 + 104px) calc(50% - var(--rect-size) / 2 + 370px) /* top-left again */
    );
}
.report-onbording-wrap.step2 .report-onbording-overlay {
    clip-path: polygon(
        evenodd,
        /* outer rect */
        0 0, /* top-left */
        100% 0, /* top-right */
        100% 100%, /* bottom-right */
        0% 100%, /* bottom-left */
        0 0, /* and top-left again */
        
        /* inner rect (с прижатием к правой границе и отступом слева 73px) */
        calc(50% - var(--rect-size) / 2 + 73px) calc(100% - 74px), /* top-left */
        calc(50% + var(--rect-size) / 2) calc(100% - 74px), /* top-right */
        calc(50% + var(--rect-size) / 2) calc(100% - 0px), /* bottom-right */
        calc(50% - var(--rect-size) / 2 + 73px) calc(100% - 0px), /* bottom-left */
        calc(50% - var(--rect-size) / 2 + 73px) calc(100% - 74px) /* top-left again */
    );
}

.report-onbording-overlay-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
}

.report-onbording-steps-buble {
    width: 320px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.64);
    position: absolute;
    z-index: 99999;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.report-onbording-wrap.step1 .report-onbording-steps-buble {
    top: 234px;
    left: 264px;
}
.report-onbording-wrap.step2 .report-onbording-steps-buble {
    bottom: 69px;
    left: 104px;
}
.report-onbording-steps-buble:after {
	top: 100%;
	left: 14px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: rgba(0, 0, 0, 0.64);
	border-width: 6px;
}
.report-onbording-steps-buble-inner {
    padding: 8px 12px;
}
.rosb-d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rosb-header {
    padding: 0 0 4px;
}
.rosb-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}
.rosb-steps {
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.64);
}
.rosb-footer {
    padding: 4px 0 0;
}
.rosb-next,
.rosb-cancel {
    padding: 6px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}
.rosb-next,
.new-styles a.rosb-next {
    color: #85CAEE;
}
.rosb-cancel,
.new-styles a.rosb-cancel {
    color: rgba(255, 255, 255, 0.64);
}




.h-personal-license-wrap {
    display: flex;
    gap: 16px 0;
    flex-wrap: wrap;
    position: relative;
    right: -16px;
    margin-left: -32px;
    padding: 0 0 32px;
}
.license-two-in-row .h-personal-license-item {
    width: 50%;
}
.license-three-in-row .h-personal-license-item {
    width: 33.3%;
}
.b-personal-license {
    box-sizing: border-box;
    height: 100%;
    margin: 0 16px 0 0;
    padding: 16px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 20px;
}
.b-personal-license-green {
    background: rgba(43, 153, 39, 0.08);
    border-color: rgba(43, 153, 39, 0.08);
}
.b-personal-license-blue {
    background: rgba(1, 144, 219, 0.08);
}
.b-personal-license-yellow {
    background: rgba(245, 184, 0, 0.12);
}
.b-personal-license-red {
    background: rgba(255, 59, 56, 0.08);
}
.pers-license-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 4px;
    display: flex;
    align-items: center;
    gap: 0 8px;
}
.pers-license-title .ph {
    font-size: 24px;
    color: #016AA2;
}
.pers-license-title-dop {
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    display: flex;
    align-items: center;
    gap: 0 4px;
    margin: 0 0 16px;
}
.pers-license-title-dop .ph {
    font-size: 16px;
}
.pers-license-copy {
    padding: 0 0 8px;
}
.pers-license-copy ul {
    padding: 0 0 4px;
}
.pers-license-copy ul li {
    margin: 0 0 4px;
    padding: 0 0 0 20px;
    position: relative;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAY0lEQVR4Ae2TgQaAMBgGe5SARtDbpqfrUVZD8OMTcsEdw+C7MzaJiBBse5vXYznH+VPe8YAqb/dd+SuUP19mDJLyGtBLBPfsY6BGYPIUgclTBCZPEYw8RDDyEIHLa8SXchGRC7nhpC+2tL+/AAAAAElFTkSuQmCC") 0 2px no-repeat;
    background-size: 16px 16px;
}
.pers-license-copy ul li.no-bull {
    padding: 0;
    background: none;
}
.pers-license-copy p {
    margin: 0 0 8px;
}
.pers-license-copy.smaller {
    font-size: 12px;
    line-height: 16px;
    padding: 4px 0 0;
}
.pers-license-foot {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 16px;
}
.pers-license-foot.block {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.pers-license-summ {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: #1f1f1f;
}
.pers-license-foot.smaller .pers-license-summ {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.pers-license-summ-period {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5C5C5C;
}

.h-personal-table-wrap {
    padding: 0 0 32px;
}



.b-ss-copy {
    margin: 0 0 16px;
}
.h-second-serv-positions {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 16px 0 0;
}
.h-second-serv-masters {
    padding: 8px 0;
}
.b-ss-master-item {
    padding: 8px 0;
}
.b-ss-master {
    display: flex;
    align-items: center;
    gap: 0 8px;
    padding: 0 0 8px;
}
.b-ss-master-avatar {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    flex-shrink: 0;
    flex-grow: 0;
}
.b-ss-master-avatar img {
    border-radius: 8px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.b-ss-master-inner {
    flex-shrink: 0;
    flex-grow: 0;
    width: calc(100% - 48px);
}
.b-ss-master-name {
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
}
.b-ss-master-position {
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
}

.b-ss-master-item .slide-time-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.b-ss-master-item .sub-ch-order-item {
    box-sizing: border-box;
    width: 56px;
    margin: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    height: 28px;
    font-size: 14px;
    line-height: 26px;
    color: #5C5C5C;
}
.b-ss-master-item .sub-ch-order-item.active {
    border-color: rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
    color: #006FBC;
}
.b-ss-master-item .sub-ch-order-item:hover {
    border-color: rgba(1, 144, 219, 0.48);
}
.b-ss-master-item .sub-ch-order-item.disabled {
    border-color: transparent;
    color: rgba(0, 0, 0, 0.16);
    background: #fff;
}
.b-ss-master-item .sub-ch-order-item.slot-hover-good {
    border-color: rgba(1, 144, 219, 0.48);
    background: rgba(1, 144, 219, 0.08);
    color: #006FBC;
}
.b-ss-master-item .sub-ch-order-item.slot-hover-bad {
    border-color: rgba(255, 59, 56, 0.48);
    background: rgba(255, 59, 56, 0.08);
    color: #DB2835;
}
.b-ss-master-item .slide-time-wrap .sub-ch-order-item {
    margin: 0;
}
.b-ss-master-item .slide-time-wrap .sub-ch-order-item:last-child {
    margin-bottom: 0;
}




.whw-client-bookings-info {
    display: flex;
    align-items: center;
    gap: 8px;
}
.whw-client-bookings-info img {
    border-radius: 8px;
    flex-shrink: 0;
    flex-grow: 0;
}
.whw-client-bookings-info-inner {
    flex-shrink: 0;
    flex-grow: 0;
    width: calc(100% - 56px);
}
.whw-client-bookings-info-name {
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 2px;
}
.whw-client-bookings-info-name.d-flex {
    display: flex;
    align-items: center;
    gap: 0 4px;
}


.h-key-generate-wrap {
    padding: 8px 0;
}
.b-key-generate-image {
    margin: 0;
    padding: 0 0 8px;
}
.b-key-generate-image img {
    display: block;
}
.b-key-generate-copy {
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
    padding: 0 0 16px;
}
.b-key-generate-popup {
    box-sizing: border-box;
    width: 360px;
    padding: 12px 12px 12px 8px; 
    background: #1f1f1f;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04), 0px 12px 24px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}
.b-key-generate-popup-closer {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    font-size: 24px;
    color: rgba(255,255,255,.64);
    display: flex;
    align-items: center;
    justify-content: center;
}
.b-key-generate-popup-inner {
    position: relative;
    padding: 8px 48px 8px 16px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}
.b-key-generate-popup-inner:before {
    display: block;
    content: "";
    width: 4px;
    height: 100%;
    background: #75B872;
    border-radius: 999999px;
    position: absolute;
    top: 0;
    left: 0;
}




.introjs-helperLayer {
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.40) 0px 0px 0px 0px, rgba(0, 0, 0, 0.40) 0px 0px 0px 5000px  !important;
    position: fixed;
}
.introjs-tooltip {
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.64);
    min-width: 320px;
    max-width: 350px;
    border-radius: 8px;
    box-shadow: none;
    font: 400 14px/20px "SF Pro Display", Helvetica, Arial, sans-serif;
    color: #fff;
}
.introjs-arrow {
    border: 6px solid transparent;
}
.introjs-arrow {
    left: 14px;
}
.introjs-arrow.bottom {
    top: 100%;
    bottom: auto;
    border-top-color: rgba(0, 0, 0, 0.64);
}
.introjs-arrow.top {
    top: -12px;
    border-bottom-color: rgba(0, 0, 0, 0.64);
}
.introjs-arrow.left-bottom {
    left: -12px;
    bottom: 14px;
    border-right-color: rgba(0, 0, 0, 0.64);
}
.introjs-arrow.right-bottom {
    bottom: 14px;
    right: -12px;
    border-right-color: rgba(0, 0, 0, 0.64);
}
.introjs-skipbutton {
    display: none;
}
.introjs-tooltip.introjs-tooltip-custom-1 {
    margin-left: 145px;
    margin-bottom: -25px;
}
.introjs-tooltip.introjs-tooltip-custom-2 {
    margin-left: 17px;
    margin-bottom: -25px;
}
.introjs-tooltip-header {
    padding: 8px 12px 4px;
    min-height: 1px;
}
.introjs-tooltip-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    width: 85%;
    min-height: 1px;
}
.introjs-tooltiptext {
    padding: 0 12px;
}
.introjs-helperNumberLayer {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.64);
}
.introjs-tooltipbuttons {
    padding: 4px 12px 8px;
    border-top: none;
}
.introjs-button {
    box-sizing: border-box;
    padding: 6px 0;
    border: none;
    text-shadow: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #85CAEE;
    background-color: transparent;
    border-radius: 0px;
    outline: 0;
}
.introjs-button:active,
.introjs-button:focus,
.introjs-button:hover {
    outline: 0;
    text-decoration: none;
    background-color: transparent;
    border: none;
    color: inherit;
    box-shadow: none;
}
.introjs-button:focus {
    color: #85CAEE;
}
.introjs-button:hover {
    color: #fff;
}
.introjs-disabled {
    color: rgba(255, 255, 255, 0.64);
}
.introjs-disabled:active,
.introjs-disabled:focus,
.introjs-disabled:hover {
    color: rgba(255, 255, 255, 0.64);
}
.introjs-prevbutton {
    color: rgba(255, 255, 255, 0.64);
}
.introjs-disableInteraction {
    position: fixed;
}
.introjs-tooltipReferenceLayer {
    position: fixed;
}
.introjs-tooltipReferenceLayer * {
    font-family: "SF Pro Display", Helvetica, Arial, sans-serif;
}











.loader {
    height: 2px;
    width: 100%;
    --c:no-repeat linear-gradient(#0190DB 0 0);
    background: var(--c),var(--c),rgba(1, 144, 219, 0.12);
    background-size: 60% 100%;
    animation: l16 3s infinite;
}
@keyframes l16 {
    0%   {background-position:-150% 0,-150% 0}
    66%  {background-position: 250% 0,-150% 0}
    100% {background-position: 250% 0, 250% 0}
}