/* Start:/local/components/tichiy/online.zapis/templates/.default/style.css?176069020913942*/
.priem--box {display: flex;--gap: 12px;--columns: 3;gap: var(--gap);flex-wrap: wrap;width: 100%;--height:40px;margin-top: 24px;margin-bottom: 40px}
.priem--col {padding:12px;width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));position: relative}
.priem--title {font-weight: bold;font-size: 16px;color: #454A4C;letter-spacing: normal;margin-bottom: 16px}
.priem--search {position: relative;height: var(--height)}
.priem--search-input {width:100%;height: 100%;padding: 0 40px 0 20px}
.priem--search-input::placeholder {color:#777}
.priem--search-clear {width:24px;height: var(--height);position: absolute;display: flex;align-items: center;justify-content: center;top:50%;right:10px;transform: translateY(-50%);cursor: pointer}
.priem--block {margin-top: 16px}
.priem--block-wrap {height:100%;max-height: 500px;overflow-y: auto;display: flex;flex-direction: column}
.priem--line {cursor: pointer;}

.priem--zagluchka {position: absolute;top:0;left:0;width:100%;height: 100%;display: none;align-items: center;justify-content: center;background-color: rgba(241,241,241,0.9);z-index: 3;user-select: none}
.priem--col.--disabled .priem--zagluchka{display: flex}
.priem--col.--disabled .priem--block-wrap{overflow: hidden}

/* Custom radio */
.d--radio .custom-radio+label::before{width: 16px;height: 16px}

.custom-radio+label::before, .custom-radio:not(:disabled):not(:checked)+label:hover::before,
.custom-radio:not(:disabled):active+label::before, .custom-radio:focus+label::before, .custom-radio:checked+label::before
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}
/* для элемента input c type="radio" */
.custom-radio {position: absolute;z-index: -1;opacity: 0;}
/* для элемента label связанного с .custom-radio */
.custom-radio+label {display: inline-flex;align-items: flex-start;user-select: none;position: relative;cursor: pointer;}
/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio+label::before {content: '';display: inline-block;width: 17px;height: 17px;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 50%;margin-right: 9px;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;margin-top: 4px}
/* стили при наведении курсора на радио */
.custom-radio:not(:disabled):not(:checked)+label:hover::before {
    border-color: rgba(136, 200, 119, 0.5);
}
/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio:not(:disabled):active+label::before {
    background-color: rgba(136, 200, 119, 0.5);
    border-color: rgba(136, 200, 119, 0.5);
}
/* стили для радиокнопки, находящейся в фокусе */
.custom-radio:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(136, 200, 119, 0.5);
}
/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio:focus:not(:checked)+label::before {
    border-color: rgba(136, 200, 119, 0.5);
}
/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked+label::before {
    border-color: rgb(136, 200, 119);
    background-color: rgb(136, 200, 119);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio:disabled+label::before {
    background-color: #fff;
}

.priem--line {order:1}
.priem--line label {padding: 5px 16px;width:100%;height: 100%}
.priem--line[readonly] {opacity: .4;order: 5}
.priem--line[disabled] {display: none}

.priem--search-clear {opacity: .5;transition: .4s}
.priem--search-clear:hover {opacity: 1}

@media all and (max-width: 1024px) {
    body .container{max-width: 100%}
}

@media all and (max-width: 900px) {
    .priem--box {--columns: 2}
    .priem--col:last-child {width: 100%}
    .priem--block-wrap {max-height: 300px}
}

@media all and (max-width: 550px) {
    .priem--box {--columns: 1}
    .priem--col {width: 100%}
}

.priem--time-list {display: flex;gap:4px;flex-wrap: wrap;}
.priem--time-item {padding: 4px 8px;border-radius: 4px;border:1px solid #f6f6f6;font-size: 12px;cursor: pointer;background-color: transparent;color:#454A4C;transition: .4s}
.priem--time-item:hover, .priem--time-item.selected {background-color: rgb(136, 200, 119);color:#fff;}

.priem--ajax {position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 5;background-color: #fff;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: .4s ease-in-out;display: none}
.priem--ajax svg{fill:#ccc}
.priem--col[data-id="col3"].--ajax .priem--ajax {display: flex;opacity: 1;visibility: visible}

.priem--col [data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn {background-color: rgb(136, 200, 119);border: none !important;}

.priem--time-btns {display: none;align-items: center;justify-content: center;margin-top: 12px;opacity: 0;visibility: hidden;transition: .4s ease-in-out;}
.priem--time-box.choosed .priem--time-btns {display: flex;opacity: 1;visibility: visible}
.priem--time-title {font-weight: 400;font-size: 14px;color: #454A4C;letter-spacing: normal;margin-bottom: 16px;margin-top: 10px}

.js--zapis-success {display: none;opacity: 0;visibility: hidden;transition: .4s ease-in-out;align-items: center;justify-content: center;padding:60px 120px;color: #454A4C;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;text-align: center}
.js--zapis-success.active {display: flex;opacity: 1;visibility: visible;}

.at--popup {background-color: rgba(0, 0, 0, 0.5);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1300;justify-content: center;text-align: center;flex-direction: column;align-items: center;display: flex}
.at--popup-inner {background-color: #fff;padding: 40px 40px;position: relative;min-width: 320px;max-width: 450px;max-height: 90vh;-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);text-align: center;border-radius: 4px;}
.popup--close {position: absolute;right: 15px;top: 15px;border-radius: 50%;width: 18px;height: 18px;cursor: pointer;fill: #000;stroke: #000;}

.d--title {font-size: 18px;font-weight: 500;color: #555;width: 100%;margin: 0 auto;padding-bottom: 10px;letter-spacing: 0.3px;}
.d--row {margin-bottom: 10px;}
.d--row input{width: 100%;height: 44px;border-radius: 6px;border-style: none;border-width: 1px;border-bottom: 1px solid #ccc;box-sizing: border-box;padding-left: 12px;background-color: white;background-image: none;margin: 0;display: inline-block;outline: 0;color: #000;font-size: 1rem;line-height: 19px;}
.d--policy {width: 100%;margin: 0 auto;margin-top: 30px;font-size: 12px;line-height: 16px;color: #555;}
.d--inf {border: 1px dotted #88C877;width: 16px;height: 16px;display: inline-flex;align-items: center;justify-content: center;color: #88C877;border-radius: 50%;margin-right: 5px;}
.d--policy a {text-decoration: none;border-bottom: 1px solid #555 !important;background-color: transparent;color: #555;transition: .4s}
.d--policy a:hover {border-bottom: 1px solid transparent !important;}
.d--submit {margin-top: 20px}

.d--error input{border-bottom: 1px solid #ff0000}

.form--agreement {margin-top: 16px}
.form--agreement label a {display: inline-block;color:#9b0002;border-bottom: 1px dashed #9b0002;transition: .4s}
.form--agreement label a:hover {border-bottom: 1px dashed transparent}

.d--submit[disabled] {background-color: #ccc !important;}

/* Custom checkbox */
.custom-checkbox+label::before, .custom-checkbox:not(:disabled):not(:checked)+label:hover::before,
.custom-checkbox:not(:disabled):active+label::before, .custom-checkbox:focus+label::before, .custom-checkbox:checked+label::before
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

/* для элемента input c type="checkbox" */
.custom-checkbox {position: absolute;z-index: -1;opacity: 0;}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox+label {display: inline-block;align-items: center;user-select: none;text-align: left;padding-left: 25px;font-size: 12px;cursor: pointer;position: relative}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox+label::before {content: '';display: inline-block;width: 1em;height: 1em;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 0.25em;margin-right: 0.5em;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;position: absolute;top: 5px;left: 0;}

.d--row.d--checbox-big{margin-bottom: 0}
.d--checbox-big .custom-checkbox+label {padding-left: 35px;font-family: 'Open Sans';font-style: normal;font-weight: 400;font-size: 14px;color: #000;margin-bottom: 0}
.d--checbox-big .custom-checkbox+label::before {width: 22px;height: 22px;top: 0;left: 0;border-radius: 6px}
.d--checbox-big .custom-checkbox:checked+label::before {border-color:#DBDBDB;background-color: transparent;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23606060' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}
.d--checbox-big label {font-family: 'Open Sans';font-style: normal;font-weight: 700;font-size: 16px;line-height: 24px;color: #4F4F4F;}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: #9b0002;
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
    background-color: rgba(255, 97, 46, 0.5);
    border-color: rgba(255, 97, 46, 0.5);
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(255, 97, 46, 0.5);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
    border-color: rgba(255, 97, 46, 0.5);
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked+label::before {
    border-color: #9b0002;
    background-color: #9b0002;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
}

/* Custom radio */
.d--radio .custom-radio+label::before{width: 16px;height: 16px}

.custom-radio+label::before, .custom-radio:not(:disabled):not(:checked)+label:hover::before,
.custom-radio:not(:disabled):active+label::before, .custom-radio:focus+label::before, .custom-radio:checked+label::before
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}
/* для элемента input c type="radio" */
.custom-radio {position: absolute;z-index: -1;opacity: 0;}
/* для элемента label связанного с .custom-radio */
.custom-radio+label {display: inline-flex;align-items: center;user-select: none;position: relative;cursor: pointer;}
/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio+label::before {content: '';display: inline-block;width: 17px;height: 17px;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 50%;margin-right: 9px;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;}
/* стили при наведении курсора на радио */
.custom-radio:not(:disabled):not(:checked)+label:hover::before {
    border-color: rgba(255, 97, 46, 0.5);
}
/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio:not(:disabled):active+label::before {
    background-color: rgba(255, 97, 46, 0.5);
    border-color: rgba(255, 97, 46, 0.5);
}
/* стили для радиокнопки, находящейся в фокусе */
.custom-radio:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(255, 97, 46, 0.5);
}
/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio:focus:not(:checked)+label::before {
    border-color: rgba(255, 97, 46, 0.5);
}
/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked+label::before {
    border-color: var(--main);
    background-color: var(--main);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio:disabled+label::before {
    background-color: #fff;
}



/* End */
/* /local/components/tichiy/online.zapis/templates/.default/style.css?176069020913942 */