/*all page css*/

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url(/assets/img/icon/green_mark.svg);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.is-valid .select2-selection__rendered {
    border: 1px solid #28a745 !important;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url(/assets/img/icon/green_mark.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + 1.5rem) center !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

/* Extra large devices (extra large desktops) */
@media only screen and (min-width: 1200px) {
    
    .saru_show_step {
        width: 12vw;
        margin-top: -3.8vw;
    }
    
}

/* Large devices (Large Tablet desktops : IPad Pro) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    
    .saru_show_step {
        width: 15vw;
        margin-top: -4.5vw;
    }
}


/* Medium devices (ipad Mini / Desktops) */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    
    .saru_show_step {
        width: 40vw;
        margin-top: -10vw;
    }
    
}

/* Extra small devices (phones) */
@media only screen and (max-width: 575.98px) {
    
    .saru_show_step {
        width: 40vw;
        margin-top: -11vw;
    }
    
}