/*CSS for inputs*/
/*OB - OTBASY BANK*/
/* CSS NEED TO BE NAMED AS  OB-{{NAME OF CLASS OR ID}}-{{COLOR AND ETC.}} */


.form-control.ob-form-check-input:checked {
    background-color: #008F91 !important;
    border-color: #008F91 !important;
    accent-color: #008F91 !important;
}

.form-control.ob-form-check-input:focus:enabled {
    border-color: #008F91 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 5px rgb(0, 143, 145) !important;
    box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 5px rgb(0, 143, 145) !important;
}

.form-control.ob-form-control, .form-control.ob-form-control.textarea {
    color: #19181B !important;
}

    .form-control.ob-form-control:focus, .form-control.ob-form-control.textarea:focus {
        border-color: #008F91 !important;
        outline: none;
        -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
        box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
    }

    .form-control.ob-form-control:hover, .form-control.ob-form-control.textarea:hover {
        border-color: #19181B !important;
        outline: none;
        -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
        box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
    }


    .form-control.ob-form-control::-ms-reveal {
        display: none
    }


    .form-control.ob-form-control.error, .form-control.ob-form-control.error:hover, .form-control.ob-form-control.error:focus, .form-control.ob-form-control.error:active {
        border-color: #d74338 !important;
        outline: none;
        -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
        box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
    }