/* Start:/local/components/intravision/depozit.calculator/templates/.default/style.css?17658792335951*/
.ui-hint-icon {
    display: inline-block;
    margin: 7px 0 0 0;
    width: 13px;
    height: 13px;
    background-image: url('data:image/png;/local/images/free-icon-information-625073.png');
}
#legal-form-msp{
    -webkit-appearance: auto;
}
.ui-hint-content {
color: black;
background-color: white;
}
.popup-window-dark {
background-color: white;
}
.popup-window-dark .popup-window-angly--arrow {
background-color: #ffffff;
}
#info-msp-calculator{
max-width: 300px;
display: inline-block;
border-radius: 5px;
font-size: 14px;
}
.description-text-calculator{
font-size: 14px;
padding-left: 18px;
padding-right: 18px;

padding: 20px;
border-radius: 12px;
position: relative;
margin-top: 30px;
}
.calculator-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.legal-form-btn {
padding: 16px 20px;
font-size: 1em;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 40px;
cursor: pointer;
transition: all 0.2s;

}
.legal-form-btn.active {
background-color: #102C3E;
color: white;
border: 1px solid #102C3E;
}
.calculator-rs{
width: 70%;
}
.calculator-controls{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.slider-group{
width: 48%;
}
.slider-group__title {
background-color: white;
border-radius: 12px;
padding: 20px;
}
.p-title-calc {
color: #788291;
font-size: 14px;
}
#amount-slider {
width: 100%;
border: 2px solid #fff; 
cursor: pointer;
}
.custom-range::-webkit-slider-thumb {
border-radius: 50%;
cursor: pointer;
background: #ED3731;
appearance: none;
width: 20px;
height: 20px;
margin-top: -7px;


box-shadow: 0 0 0 1px #fff;
transition: all 0.2s ease-in-out;
outline: none;
position: relative;
z-index: 2;
}
.custom-range::-webkit-slider-thumb {
border-radius: 50%;
cursor: pointer;
background: #ED3731;
appearance: none;
width: 20px;
height: 20px;
margin-top: -7px;


box-shadow: 0 0 0 1px #fff;
transition: all 0.2s ease-in-out;
outline: none;
position: relative;
z-index: 2;

}       
.custom-range::-webkit-slider-runnable-track {

height: 8px;
}
.custom-range::-moz-range-track {
background: #d3d3d3;
border-radius: 4px;
height: 8px;
}
.custom-range{
width: 100%;

border: 2px solid #fff; 

cursor: pointer;;
}
.custom-range {
-webkit-appearance: none;
width: 100%;
height: 8px;
background: #d3d3d3;
border-radius: 4px;
outline: none;
padding: 0;
margin: 0;
}
.custom-range-label {
display: flex;
justify-content: space-between;
margin-top: -5px;
padding-left: 2px;
padding-right: 2px;
color: #788291;
font-size: 14px;

}
.deposit-type-container{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.deposit-type-card{
width: 48%;
background-color: white;
border-radius: 12px;
padding: 20px;
}
.deposit-type-card__content{
display: flex;
justify-content: space-start;

}
.custom-radio input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 22px;
height: 22px;
background: url(/local/images/Ellipse3.svg) 0 0 no-repeat;
cursor: pointer;
margin-right: 10px;
}

.custom-radio input[type=radio]:checked {
background: url(/local/images/Group2.svg) 0 0 no-repeat;
}
.deposit-name {
width: 60%;
font-size: 16px;
font-weight: 600;
}
.deposit-type-card__content-name{
width: 60%;
}
.deposit-rate {
font-size: 16px;
font-weight: 600;
}
.deposit-daily {
color: #53B23E;
font-weight: 600;

}
.custom-radio {
width: 10%;
padding-top: 3px;
}
.deposit-type-card__content-rates{
width: 40%;
text-align: end;
}
.calculator-results{
width: 27%;
background-color: white;

padding: 20px;
border-radius: 12px;
align-self: normal;
position: relative;
}
.legal-form-selector {
margin-bottom: 20px;
margin-top: 15px;
}
#ul-button {
margin-left: 20px;
}
.calculator-wrapper.p-title-calc {
margin-top: 15px;
}
span#amount-display {
font-size: 22px;
font-weight: 600;
}
span#term-display {
font-size: 22px;
font-weight: 600;
}
.slider-group__title {
display: flex;
justify-content: space-between;
}
.slider-group__title-range{
align-self: center;
color: #788291;
font-size: 18px;
}
.result-item-arrow{
display: flex;
}
#profit-result {
font-size: 24px;
font-weight: 600;
color: #53B23E;
padding-left: 10px;
}
.anchor-link{
position: absolute;
bottom: 20px;
}
.result-value {
font-size: 24px;
font-weight: 600;
}
.result-item {
padding-left: 18px;
}
#amount-input{
border: 0px solid #ccc;
padding: 5px;
margin-right: 10px;
width: 250px;
font-size: 22px;
font-weight: 600;
}
#term-display{
border: 0px solid #ccc;
padding: 5px;
margin-right: 10px;
width: 250px;
font-size: 22px;
font-weight: 600;
}
@media (max-width: 1140px) {

.calculator-rs{
width: 50%;
}
.calculator-results{
width: 43%;
}
.slider-group{
width: 95%;
padding-bottom: 20px;
}
.deposit-type-card{
width: 95%;
margin-bottom: 20px;
}
.calculator-controls{
flex-direction: column;
}
.deposit-type-container{
flex-direction: column;
}
}
@media (min-width: 720px) {
.calculator-card{
background-color: #F5F5F5!important;
}
.deposit-rate-label{
display: none;
}
.classic-label-sx{
display: none;
}
}
@media (max-width: 720px) {
.calculator-card{
background-color: #F5F5F5!important;
}
.calculator-wrapper{
flex-direction: column;
}
.calculator-rs {
width: 100%;
}
.calculator-results{
width: 95%;
margin-left: 15px;
}
.calculator-wrapper.p-title-calc {
margin-top: 15px;
align-items: flex-start;
}
.anchor-link {
position: static;
width: 100%;
padding-top: 20px;
}
.anchor-link>.btn{
width: 100%;
text-align: center;
}
.deposit-type-card__content {
flex-direction: row;
flex-wrap: wrap;
}
.deposit-type-card__content-rates{
width: 100%;
display: flex;
justify-content: flex-start;
gap: 5px;
padding-left:5px;
}
.deposit-rate-label{
display: block;
color: #788291;
}
.deposit-type-card__content-name{
width: 85%;
}
.deposit-type-card__content-name>.deposit-name{
width: 100%;
}
.classic-label{
display: none;
}
.classic-label-sx{
display: block;
width: 100%;
}

}
@media (max-width: 480px) {
.calculator-results{
width: 95%;
margin-left: 10px;
}
}
/* End */


/* Start:/local/templates/main/components/intravision/credit.form/credit_form_custom_local/style.css?17658792341917*/
.error-field {
    border: 2px solid #ff0000 !important;
}

.feedback__message {
    margin: 10px 0;
    padding: 10px;
    border-radius: 4px;
    display: none;
}

.error-message-sub {
    background-color: rgba(255, 0, 0, 0.1);
    color: #ff0000;
    border: 1px solid #ff0000;
}

.success-message {
    background-color: rgba(0, 255, 0, 0.1);
    color: #008000;
    border: 1px solid #008000;
}

.checkbox.error-field .checkbox__label {
    color: #ff0000;
}

.checkbox.error-field .checkbox__input + .checkbox__label:before {
    border-color: #ff0000;
}
.buttom_form_credit {
    display: inline-block;
    margin-left: 20px;
}
a.a_form_credit:hover {
    text-decoration: none;
    color: black;
}
.feedback__message_s {
    margin-top: 40px;
    width: 100%;
    background-color: white;
    padding: 7rem 7.8rem;
    border-radius: 6px;
    display: flex;
    
}
.form_credit_mass_desk{
    width: 50%;
}
.form_credit_mass_tel{
    width: 50%;
}
.form_credit_mass_title {
    color: #333333;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
}
.form_credit_mass_text {
    font-size: 26px;
    line-height: 32px;
    font-weight: 500;
    padding-top: 20px;
}
.form_credit_tel {
    color: #003869;
    font-size: 42px;
    font-weight: 700;
    line-height: 32px;
    width: 50%;
    text-align: end;
}
@media (max-width: 990px) {
    .feedback__message_s {
        flex-direction: column;
    }
    .form_credit_mass_desk{
        width: 100%;
    }
    .form_credit_tel{
        width: 100%;
    }
    .form_credit_tel {
        text-align: justify;
        margin-top: 40px;
    }
}
@media (max-width: 560px) {
    .form_credit_tel {
        font-size: 20px;
    }
    .buttom_form_credit {
        display: block!important; 
        margin-left: 00px; 
        margin-top: 10px;
    }
}

/* End */
/* /local/components/intravision/depozit.calculator/templates/.default/style.css?17658792335951 */
/* /local/templates/main/components/intravision/credit.form/credit_form_custom_local/style.css?17658792341917 */