/* Start:/local/templates/main/components/other/controller/personal.dev.2025/other/blocks/main.register.v3/style.css?17556149309881*/
body {
    font-family: 'Onest', Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.container {
    max-width: none !important;
}

.registration-container {
    max-width: 1208px !important;
    margin: 0px auto;
    background: #fff;
    border-radius: 16px;
    padding: 0px;
    display: flex;
    flex-direction: column;
}

.registration-title {
    font-family: 'Onest', Arial, sans-serif;
    font-size: clamp(1rem, 0.5495rem + 2.2523vw, 2.25rem);
    font-weight: 500;
    color: #181032;
    margin-bottom: 0px;
}

.registration-form {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.form-row {
    display: flex;
    gap: 66px;
}

.form-group {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.form-group label {
    font-size: clamp(0.875rem, 0.7399rem + 0.6757vw, 1.25rem);
    font-weight: 500;
    color: #181032;
}

.form-group input,
.form-group select {
    padding: 15px 16px;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    font-size: 1rem;
    background: #F8F9FB;
    color: #181032;
    outline: none;
    transition: border-color 0.2s;
}

.form-group input:focus,
.form-group select:focus {
    border-color: #17897C;
}

.form-group select#specialty {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #F8F9FB;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    padding: 16px 48px 15px 16px;
    font-size: 1rem;
    color: #181032;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s;
    background-image: none;
}

.form-group select#specialty:focus {
    border-color: #17897C;
}

.form-group select#specialty::-ms-expand {
    display: none;
}

.form-group.specialty-select::after {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 60%;
    right: 16px;
    width: 22px;
    height: 22px;
    background: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 9L11 15L17 9" stroke="%23181032" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
    transform: translateY(-50%);
    display: block;
    z-index: 2;
}

.form-group.specialty-select {
    z-index: 10002;
    position: relative;
}

.tooltip {
    background: #17897C;
    color: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-left: 4px;
    cursor: pointer;
    position: relative;
}

.label-tooltip-row {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
}

.tooltip-popup {
    display: none !important;
}

.form-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
}

.checkbox-group {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.98rem;
}

.checkbox-group input[type="checkbox"] {
    margin-top: 3px;
    accent-color: #17897C;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 4px;
    border: 1.5px solid #17897C;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    position: relative;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.checkbox-group input[type="checkbox"]:checked {
    background: #17897C;
    border-color: #17897C;
}

.checkbox-group input[type="checkbox"]:checked::after {
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    border-radius: 1px;
    transform: rotate(45deg);
}

.checkbox-group label {
    color: #181032;
    font-weight: 400;
}

.checkbox-group a {
    color: #17897C;
    text-decoration: underline;
}

p a {
    color: #473198 !important;
}

.btn-register {
    margin: 0 auto;
    margin-top: 16px;
    padding: 10px 28px;
    background: #17897C;
    color: #fff;
    border: none;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: background 0.2s;
    display: block;
}

.btn-register:hover {
    background: #126e62;
}

.registration-info {
    display: flex;
    gap: 32px;
    background: #EFFEEA;
    border-radius: 12px;
    padding: 24px;
    align-items: flex-start;
    margin-top: 32px;
}

.info-text {
    flex: 1 1 0;
    color: #181032;
    font-size: 16px;
    line-height: 1.6;
}

.info-qr {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.info-qr img {
    width: 110px;
    height: 110px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #E5E7EB;
}

.form-row {
    margin-top: 22px;
}

@media (max-width: 900px) {
    .registration-container {
        
    }
    .form-row {
        flex-direction: column;
        gap: 18px;
    }
    .registration-info {
        flex-direction: column;
        gap: 18px;
        align-items: stretch;
    }
    .info-qr {
        display: none;
    }
}

@media (max-width: 600px) {
    .registration-title {
        font-size: 1.3rem;
    }
    .registration-container {
        
    }
    .info-qr img {
        width: 80px;
        height: 80px;
    }
    .tooltip-popup {
        left: -114px !important;
        right: 0 !important;
        top: 32px !important;
        min-width: unset;
        width: 100vw;
        max-width: 300px;
        font-size: 15px;
        padding: 12px 8px;
        box-sizing: border-box;
        transform: none !important;
        white-space: pre-line;
        word-break: break-word;
        margin-left: 0;
        border-radius: 0 0 12px 12px;
    }
    .phone-country-label {
        left: 10px;
        top: 8px;
    }
    .input-phone-country input {
        padding-left: 38px !important;
        height: 50px;
    }
}

.form-group input.error,
.form-group select.error {
    border-color: #E74C3C !important;
    background: #FFF0F0;
}
.checkbox-group input[type="checkbox"].error {
    outline: 2px solid #E74C3C;
    box-shadow: 0 0 0 2px #E74C3C33;
}

.input-phone-country {
    position: relative;
}
.phone-country-label {
    position: absolute;
    z-index: 11;
    top: 8px;
    left: 10px;

    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
}
.phone-country-label img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.input-phone-country input {
    padding-left: 48px !important;
    background: #F8F9FB;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    font-size: 1rem;
    color: #181032;
    height: 50px;
    box-sizing: border-box;
    width: 100%;
}


.bx-sls .dropdown-block {
    border: 1px solid #D1D5DB !important;
    border-radius: 8px !important;
    padding: 2px 22px 0 30px;
    background: #F8F9FB !important;
}

.bx-sls .dropdown-fade2white {
    background: none !important;
}

.bx-sls .dropdown-block {
    height: 50px !important;
}

.bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route {
    height: 50px !important;
}

.bx-sls .bx-ui-sls-container {
    min-height: 48px !important;
}

.bx-sls .dropdown-icon {
    top: 18px !important;
}

.bx-sls .bx-ui-sls-clear {
    margin-top: 9px !important;
}

.bx-sls input,
.bx-sls .bx-ui-sls-fake,
.bx-sls .bx-ui-sls-container input {
    font-size: 16px !important;
}

.global-city-pane {
    background: #fff;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.10);
    max-height: 220px;
    overflow-y: auto;
    margin-top: 4px;
    padding: 0;
    z-index: 100000;
}

.global-city-pane .dropdown-item {
    padding: 12px 18px;
    font-size: 1rem;
    color: #181032;
    cursor: pointer;
    background: transparent;
    border: none;
    transition: background 0.15s, color 0.15s;
}

.global-city-pane .dropdown-item:hover,
.global-city-pane .dropdown-item.bx-ui-sls-variant-active {
    background: #EFFEEA;
    color: #17897C;
}

.global-city-pane .dropdown-item-text {
    white-space: normal;
    word-break: break-word;
}

.bx-ui-sls-error {
    padding: 12px 18px;
    color: #E74C3C;
    font-size: 1rem;
    background: #FFF0F0;
    border-radius: 0 0 8px 8px;
    text-align: left;
}

.bx-ui-sls-fake.error {
    border: 1.5px solid #E74C3C !important;
    background: #FFF0F0 !important;
    border-radius: 8px !important;
}

.bx-sls .dropdown-block.error {
    border: 1.5px solid #E74C3C !important;
    background: #FFF0F0 !important;
    border-radius: 8px !important;
}

.tooltip-popup-active {
	min-width: 220px;
	max-width: 340px;
	background: #EFFEEA;
	color: #181032;
	border-radius: 8px;
	box-shadow: 0 2px 16px rgba(0,0,0,0.10);
	padding: 16px 18px;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 400;
	white-space: pre-line;
	overflow-wrap: break-word;
	word-break: break-word;
	pointer-events: auto;
}
.specialty-wrapper {
	position: relative;
	z-index: 1;
}
.bx-ui-sls-pane {
	position: absolute !important;
	z-index: 9999 !important;
}

.background-preview {
    background-image: none;
    z-index: auto ;
}

.page .wrapper * {
    z-index: auto;
}

.error_list {
    display: none;
    color: #d00;
    background: #fff0f0;
    border: 1px solid #ffb3b3;
    border-radius: 8px;
    padding: 12px 18px;
    margin: 16px 0 12px 0;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(220,0,0,0.06);
  }

  .form-error {
    color: #d00;
    background: #fff0f0;
    border: 1px solid #ffb3b3;
    border-radius: 8px;
    padding: 12px 18px;
    margin: 16px 0 12px 0;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(220,0,0,0.06);
  }
/* End */


/* Start:/bitrix/components/bitrix/sale.location.selector.search/templates/.default/style.min.css?17556151205525*/
.bx-sls .dropdown-block{border:1px solid #bdbdbd;border-radius:2px;-webkit-box-shadow:inset 0 1px 2px #ebebeb;box-shadow:inset 0 1px 2px #ebebeb;font-size:14px;padding:0 22px 0 30px;position:relative;background-color:#fff}.bx-sls .dropdown-block-ui{font-size:14px;padding:0 22px 0 30px;position:relative;background-color:#fff;margin-top:5px;}

.bx-sls .dropdown-arrow {
	background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/dropdown-errow.png) no-repeat center center; height:100%;top:0;right:0;position:absolute;width:22px}.bx-sls .bx-ui-sls-container{overflow:hidden;min-height:25px}.bx-sls .bx-ui-sls-pane{border:1px solid #bdbdbd;border-radius:2px;-webkit-box-shadow:0 2px 3px #c7c7c7;box-shadow:0 2px 3px #c7c7c7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;max-height:200px;overflow-y:auto;left:0;top:35px;padding:5px 5px 3px 5px;position:absolute;width:100%}.bx-sls .dropdown-active .bx-ui-sls-pane{display:block}.bx-sls .bx-ui-sls-variants{list-style:none;margin:0;padding:0}.bx-sls .dropdown-item{border-radius:2px;padding:7px 4px 7px 10px;margin-bottom:2px}.bx-sls .dropdown-item:hover{background-color:#f1f3f5;cursor:pointer}.bx-sls .dropdown-img{border:0;display:inline-block;height:12px;margin:3px 12px 0 0;vertical-align:top;width:16px}.bx-sls .dropdown-item-text{color:#aba8ac;display:inline-block;vertical-align:top}.bx-sls .dropdown-item-text span{color:#25282c}.bx-sls .dropdown-list-title{border-bottom:1px solid #e5e5e5;height:37px;line-height:37px;padding-left:8px;}

.bx-sls .dropdown-icon {
	background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/lens.png) no-repeat center center; height:14px;left:10px;position:absolute;top:10px;width:14px}.bx-sls .quick-locations{margin-bottom:5px}.bx-sls .quick-location-tag{background-color:#f2f5f8;border:1px solid #cad3dc;border-radius:3px;color:#1e55b9;display:inline-block;font-size:15px;height:27px;line-height:26px;margin:0 3px;padding:0 14px;text-decoration:none;margin-bottom:10px}.bx-sls .quick-location-tag:hover{background-color:#fafafa}.bx-sls .dropdown-fade2white{width:46px;height:31px;position:absolute;top:2px;right:0;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(30%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1);}

.bx-sls .bx-ui-sls-clear{
	background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -3386px no-repeat scroll; width:30px;height:30px;cursor:pointer;cursor:hand;margin-top:2px;position:absolute;top:0;right:0;display:block}.bx-sls .bx-ui-sls-clear:hover{background-position:6px -3418px;}

.bx-sls .bx-ui-sls-loader{
	background-image: url(/bitrix/panel/main/images/waiter-white.gif) !important; background-repeat:no-repeat !important;background-position:right -1px !important;width:30px;height:30px;position:absolute;top:3px;right:2px;display:none}.bx-sls .bx-ui-sls-go-edit{display:none}.bx-sls .bx-ui-sls-pane{max-height:300px}.bx-sls input::-ms-clear{display:none}.bx-sls input[type="text"]{position:relative}.bx-sls .bx-ui-sls-fake,.bx-sls .bx-ui-sls-route{position:absolute !important;top:0;left:0;color:#000 !important;opacity:1 !important;background:transparent !important;border:none !important;box-shadow:none !important;padding:0 22px 0 0 !important;background-position:right 1px;background-repeat:no-repeat;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));font-size:14px;height:33px;width:100%;outline:0;z-index:10}.bx-sls .bx-ui-sls-route{color:#aba8ac !important;z-index:5}.bx-sls .bx-ui-sls-pane{background-color:#fff;z-index:999;border:1px solid #87919c}.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant,.bx-sls .bx-ui-sls-error{padding:10px 10px}.bx-sls .bx-ui-sls-error{color:#f22;padding-left:30px;position:relative}.bx-sls .bx-ui-sls-error div{position:absolute;top:0;left:0;width:25px;height:25px;	background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -2895px no-repeat scroll;}.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover,.bx-sls .bx-ui-sls-variant-active{background-color:#e0e8ea}.adm-sls-edit-link{margin-top:10px}.bx-admin-mode .bx-sls-go-edit{margin-left:10px;display:none}.bx-admin-mode .dropdown-block{border-color:#87919c #959ea9 #9ea7b1;border-radius:4px;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset;box-shadow:0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset;height:25px}.bx-sls.bx-admin-mode .bx-ui-sls-fake,.bx-sls.bx-admin-mode .bx-ui-sls-route{height:25px}.bx-admin-mode .dropdown-icon{top:7px}.bx-admin-mode .dropdown-fade2white{height:22px}.bx-admin-mode .dropdown-fade2white{right:1px}.bx-admin-mode .bx-ui-sls-clear{background-position:6px -3389px;height:22px}.bx-admin-mode .bx-ui-sls-clear:hover{background-position:6px -3421px}.bx-admin-mode .bx-ui-sls-loader{background-position:right -4px !important;height:21px}.bx-admin-mode .bx-ui-sls-pane{top:27px}
/* End */
/* /local/templates/main/components/other/controller/personal.dev.2025/other/blocks/main.register.v3/style.css?17556149309881 */
/* /bitrix/components/bitrix/sale.location.selector.search/templates/.default/style.min.css?17556151205525 */