/* Start:/bitrix/templates/crystallux/components/bitrix/breadcrumb/my_breadcrumbs/style.min.css?1713520553467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/crystallux/components/mytec/form.mytec/contacts2/style.css?17781660692338*/
.contacts .title{ font-size: 26px; line-height: 30px; margin-bottom: 13px; }
.contacts textarea{ height: 100px !important }

.form-header i{ width: 54px; height: 54px; line-height: 54px; text-align: center; color: white; float: left; font-size: 28px; }
.form-header .text{ padding-left: 74px; }

label {color: #7b8d99}

.form-group {display: inline-block;width:100%; margin-bottom:0px !important;}
.form-group .required-star{ color: #e02222; margin-left: 3px; font-weight: normal; }
.form-group .input{ position: relative; }
.form-group i{ position: absolute; top: 9px; right: 10px; font-size: 17px; color: #c4ccd1; }
.form-group .hint{ font-size: 11px; line-height: 18px; margin-top: 7px; }

.contacts .btn{ margin: 0; }




form .row .input.status{
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid #e5e5e5;

    & > label{
        width: 100%;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        margin: 0;
        gap: 8px;
        transition: ease-in-out .3s;
        &:has(:checked){
            background-color: #F8F8F8;
        }
        &:hover{
            background-color: #F8F8F8;
            & > input[type="radio"]{
                background-color: #F8F8F8;
            }
        }
        &:first-of-type{
            border-right: 1px solid #e5e5e5;
        }
        & > input[type="radio"]{
            margin: 0;
            margin-bottom: 2px;
            outline: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;

            background-color: #fff;
            background-clip: content-box;
            border: 1px solid #365EDC;
            border-radius: 50%;
            
            width: 16px;
            aspect-ratio: 1/1;

            &:checked,:focus {
                background-color: #365EDC;
                padding: 2px;
            }
        }
    }
}
form .row:has(input#INN){
    transition: 0.3s;
    &:has(input:disabled){
        opacity: 0.85;
    }
    /* & input#INN{
        &::placeholder{
            transition: 0.3s;
            opacity: 0;
        }
        &:disabled{
            &::placeholder{
                opacity: 1;
            }
        }
    } */
}

form .row label.error > input[type='checkbox']{
    border-color: #e02222;
}

/* End */
/* /bitrix/templates/crystallux/components/bitrix/breadcrumb/my_breadcrumbs/style.min.css?1713520553467 */
/* /bitrix/templates/crystallux/components/mytec/form.mytec/contacts2/style.css?17781660692338 */