/* Start:/local/components/at/signingup/templates/.default/style.css?17282880509627*/
:root {
    --gray-light: #d4d6d8;
    --text-bold: 600;
    --text-normal: 500;
    --text-light: 400;
}

div.signing_up-container {
    padding-bottom: 300px;
    font-weight: var(--text-normal);
}

div.signing_up-form__section {
    padding-bottom: 30px;
}

div.signing_up-form__section-title {
    font-size: 1.3em;
    font-weight: var(--text-bold);
}

div.signing_up-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8%;
}

div.signing_up-full-row {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8%;
}

div.signing_up-col {
    display: flex;
    flex-direction: column;
    padding: 0;
}

div.signing_up-col .signing_up-field__title {
    font-weight: var(--text-bold);
    padding-bottom: 10px;
}

div.signing_up-col textarea,
div.signing_up-col input,
div.signing_up-col select {
    width: 100%;
    height: 55px;
    border: 1px solid var(--gray-light);
    padding: 15px;
}


div.signing_up-col button {
    width: 70%;
    height: 55px;
    border: 0;
    background-color: #e25304;
    color: white;
    cursor: pointer;
    transition: .3s;
}

div.signing_up-col button:hover {
    background-color: #b44c12;
}

div.signing_up-field__text {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 55px;
    background-color: var(--gray-light);
    padding-left: 20px;
}

div.signing_up-field__text a {
    color: blue;
    cursor: pointer;
}


/* ------- Аккордеон Выберите услугу ---------- */
.signing_up-accordeon__type,
.signing_up-accordeon__body,
.signing_up-accordeon__container {
    display: flex;
    flex-direction: column;
}

.signing_up-accordeon__container {
    width: 100%;
    height: 55px;
    overflow-y: scroll;
    border: 1px solid var(--gray-light);
}

.signing_up-accordeon__item label,
.signing_up-accordeon__type {
    cursor: pointer;
}

.signing_up-accordeon__title {
    padding: 10px 20px;
}

.signing_up-accordeon__title i {
    margin-right: 5px;
    font-size: 1.2em;
    transition: rotate .3s ease;
}

.signing_up-accordeon__title > span {
    display: inline-block;
    width: 98%;
}

.signing_up-accordeon__item {
    width: 100%;
    margin: 10px 0;
    align-items: center;
}

.signing_up-accordeon__item label {
    font-weight: var(--text-normal);
    margin-left: 75px;
    cursor: pointer;
    width: 100%;
    display: inline-block;
}

.signing_up-accordeon__item label::before {
    font-size: 25px !important;
    top: -5px !important;
    left: -38px !important;
    font-weight: 100;
    border-radius: 0 !important;
}

.signing_up-accordeon__item label::after {
    font-size: 16px !important;
    top: -1px !important;
    left: -36px !important;
    font-weight: 100;
}

.signing_up-final-price {
    display: flex;
    justify-content: start;
    padding: 20px 0 0 20px;
}

.signing_up-final-duration {
    display: flex;
    justify-content: start;
    padding: 10px 0 0 20px;
}

.signing_up-final-price > label,
.signing_up-final-duration > label {
    font-weight: var(--text-normal);
}

.signing_up-cancel-services {
    display: flex;
    justify-content: end;
    padding: 20px 0 0 0;
}

/* ------- /Аккордеон Выберите услугу ---------- */


.signing_up-close {
    cursor: pointer;
    padding-left: 20px;
}

.signing_up-cross {
    /*position: absolute;*/
    /*right: 25px;*/
    /*top: 25px;*/
    cursor: pointer;
    width: 25px;
    height: 25px;
}

/*.signing_up-cross::before,*/
/*.signing_up-cross::after {*/
/*    content: " ";*/
/*    width: 17px;*/
/*    height: 1px;*/
/*    background-color: black;*/
/*    display: block;*/
/*    position: relative;*/
/*    top: 10px;*/
/*    left: -25px;*/
/*}*/

/*.signing_up-cross::before {*/
/*    rotate: 45deg;*/
/*}*/

/*.signing_up-cross::after {*/
/*    rotate: -45deg;*/
/*}*/


.signing_up_cppd label {
    font-weight: var(--text-normal);
    margin-left: 40px;
    padding-right: 40px;
    cursor: pointer;
    width: 100%;
    display: inline-block;
}

.signing_up_cppd label::before {
    font-size: 25px !important;
    left: -38px !important;
    font-weight: 100;
    border-radius: 0 !important;
}

.signing_up_cppd label::after {
    font-size: 16px !important;
    top: 5px !important;
    left: -36px !important;
    font-weight: 100;
}


/* ------------ Service list ------------ */
div.signing_up-select_wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
}

div.signing_up-select_wrapper > i {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 2.5em;
    transition: rotate .3s ease;
    cursor: pointer;
}

.signing_up_div_service {
    display: flex;
    align-items: center;
    width: 100%;
    height: 55px;
    padding: 15px;
    border: 1px solid var(--gray-light);
    cursor: pointer;
    user-select: none;
}

.signing_up_div_list {
    position: absolute;
    flex-direction: column;
    top: 55px;
    left: 0;
    cursor: pointer;
    width: 100%;
    max-height: 200px;
    overflow-y: scroll;
    z-index: 2;
    background: #fff;
    user-select: none;
    border: 1px solid var(--gray-light);
}

.signing_up_div_option {
    width: 100%;
    height: 55px;
    padding: 15px;
}

.signing_up_div_option:hover {
    background-color: var(--gray-light);
}

/* ------------ /Service list ------------ */

/* ------------ Set date calendar ------------ */

div.signing_up-date_calendar_wrapper {
    position: relative;
}

div.signing_up-date_calendar_head {
    display: flex;
    align-items: center;

    width: 100%;
    height: 55px;
    border: 1px solid var(--gray-light);
    padding: 15px;

    background-size: 20px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 15px);
    background-position-y: center;

    cursor: pointer;
}

td.signing_up-date_calendar_month {
    font-weight: var(--text-bold);
    padding-left: 6%;
}

td.signing_up-date_calendar_buttons {
    text-align: right;
    padding-right: 2%;
}

td.signing_up-date_calendar_buttons i {
    font-size: 2.2em;
    padding: 0 10px;
    cursor: pointer;
}

td.signing_up-date_calendar_buttons i:hover {
    background-color: var(--gray-light);
}


.signing_up-date_calendar_list {
    background-color: white;
    position: absolute;
    top: 55px;
    width: 100%;
    height: max-content;
    border: 1px solid var(--gray-light);
}

.signing_up-date_calendar_list td {
    height: 50px;
    width: 10%;
}

.signing_up-date_calendar_submit {
    align-self: end;
    max-width: 30%;
    padding: 5px 10px;
}

.signing_up-date_calendar_days {
    color: var(--gray-light);
    text-align: center;
    vertical-align: center;
}

.signing_up-date_calendar_disabled_day {
    color: var(--gray-light);
    text-align: center;
    vertical-align: center;
}

.signing_up-date_calendar_enabled_day {
    color: black;
    cursor: pointer;
    text-align: center;
    vertical-align: center;
}

.signing_up-date_calendar_enabled_day:hover {
    background-color: #eaebec;
    cursor: pointer;
}

td.signing_up-date_calendar_enabled_day[checked='true'] {
    background-color: #e25304;
}

button.signing_up-date_calendar_submit {
    min-width: 40% !important;
    height: 40px !important;
}

/* ------------ /Set date calendar ------------ */


/* ------------ Set time calendar ------------ */
.signing_up-time_calendar_head {
    display: flex;
    align-items: center;

    width: 100%;
    height: 55px;
    border: 1px solid var(--gray-light);
    padding: 15px;

    background-size: 20px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 15px);
    background-position-y: center;

    cursor: pointer;
}

.signing_up-date_calendar_head[disabled="true"],
.signing_up-time_calendar_head[disabled="true"] {
    color: var(--gray-light);
    cursor: not-allowed;
}

.signing_up-time_calendar_wrapper {
    position: relative;
}

.signing_up-time_calendar_list {
    display: none;
    background-color: white;
    position: absolute;
    top: 55px;
    width: 100%;
    height: max-content;
    border: 1px solid var(--gray-light);
}

.signing_up-time_cell_enabled,
.signing_up-time_cell_disabled {
    width: 20%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

.signing_up-time_cell_enabled:hover {
    background-color: var(--gray-light);
    cursor: pointer;

}

.signing_up-time_cell_disabled {
    color: var(--gray-light);
}

/* ------------ /Set time calendar ------------ */
.signing_up-awaiting_popup a {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.signing_up-awaiting_popup_shadow {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    background-color: black;
}

.signing_up-awaiting_popup_window {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    display: flex;
    justify-content: center;
    align-items: center;

    padding: 30px 50px;
    border: 1px solid black;
    background-color: white;
}

.signing_up-errors_list {
    background-color: var(--gray-light);
    color: #fd5849;
    padding: 5%;
    width: 100%;
}

/* End */
/* /local/components/at/signingup/templates/.default/style.css?17282880509627 */