/*Общее*/
input:hover,input:focus,textarea:focus,textarea:hover{outline:none}

/*Поля*/
.form input, .form textarea{ line-height:1.5rem; border:none; background-color:var(--cl); border-radius:5px; padding:0.8rem 1rem; width:100%; margin-bottom:0.5rem; }
.form input[type=submit]{display:block;width:100%;border-radius: 20px; }

/**/
form .alert{ color:red; font-size:0.8rem; margin-top:-.5rem; }
form .messages>div{padding:1rem;border: 2px solid green; margin:0.5rem 0; text-align:center}
form .messages .fail{border: 2px solid red;}
form textarea{max-height:200px;    height: 107px;}

/**/
.slider-ui{width:100%;margin:auto; margin-top:5rem; margin-bottom:2rem; border:none !important;background-color:#00000085;border-radius:100px}
.slider-ui .handle{background-color:white !important;outline:none !important; width:3.5rem !important; height:3.5rem !important; text-align:center; line-height:3.5rem; border-radius:100px 100px 100px 0; top:-4.3rem !important; font-weight:700!important; color:var(--c1) !important; border:none !important; box-shadow:0 0 12px rgb(0 0 0 / 30%); font-size:1.2rem; transform:rotate(-45deg); margin-left:-1.7rem; }
.slider-ui .handle span{transform:rotate(45deg);display:block;font-size:0.9rem}
.slider-ui .ui-slider-range-min{ border-radius:100px 0 0 100px !important}

/**/
.datepickers-container{z-index:99999}

/**/
.check { position: relative; padding-bottom: 5px; display: flex; font-size: 0.9rem; color: black; font-weight: 400;    line-height: 20px; }
.check label{padding-left:15px}
.check input{opacity:0;width:auto}
.check input +label:before{content:""; position:absolute; left:0; top:0; width:20px; height:20px; background-color:#cacaca; border:1px solid white; border-radius:30px; }
.check input:checked +label:after{ background-color:var(--c1); content:""; width:12px; height:12px; left:4px; top:4px; border-radius:20px; position:absolute; }
.check a {font-weight: 700;color: var(--c1)}

.radio-bg{display:flex;gap:1rem;flex-wrap:wrap}
.radio-bg .check{ cursor:pointer; z-index:1; color:rgba(0, 0, 0, 0.85); text-align:center; padding:0.2rem 1rem; font-size:18px; }
.radio-bg .check input +label:before{top:0;width:100%;height:100%;z-index:-1}
.radio-bg .check input:checked +label:after{width:100%;height:100%;left:0;top:0;z-index:-1}
.radio-bg .check input{position:absolute}
.radio-bg .check input:checked + label {color:white}
.radio-bg .check label{padding-left:0}


/**/
.form.hide{display:none}