input[type="text"][disabled], input[type="number"][disabled], input[type="date"][disabled], select[disabled]{
    /*background-color: rgba(0, 0, 0, 0) !important;*/
    cursor: not-allowed;
    /*background: #e9ecef!important;*/
}

.form-control[readonly], .form-control[readonly]:focus{
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 30%, transparent 30%, transparent 100%);
    background-repeat: repeat-x;
    background-size: 3px 1px;
}

select {
    cursor: pointer;
}

.bmd-help-select {
    display: block; 
    margin-top: -14px !important;
    z-index: -1;
}

.form-control, .custom-file-control {
/*    //background-size: 0px 100%, 100% 2rem;
    //above is a fix for ie. may cause unforseen problems...
    //ie handles percents in backgrounds in a weird manner, so it is easy to just set it*/
}
.form-control:focus, .form-group.is-focused .form-control {
/*    //background-size: 100% 100%, 100% 2rem;
    //and this is a fix for the fix above it, since 2rem != 100%*/
}

.form-control:invalid, .si_invalid {
    background-size: 100% 100%, 100% 100%;
    background-image: linear-gradient(to top, #d50000 2px, rgba(213, 0, 0, 0) 2px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, rgba(0, 0, 0, 0) 1px);
}
input.form-control-sm {
    height: 28px !important;
}

textarea.form-control-sm {
    height: 28px;
}

[list] + .bmd-help{
    height: 0;
    overflow-y: visible;
}

.bmd-form-group.bmd-form-group-sm .bmd-label-floating, 
.bmd-form-group.bmd-form-group-sm .bmd-label-placeholder{
    top: 30px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    height: 18px;
}

.btn:disabled{
    cursor: not-allowed;
}

.btn.btn-sm {
    font-size: .875rem;
    text-transform: none;
}

select::-ms-expand {
    display: none!important;
}

.submit-image-btn{
    margin-left: 5px!important;
}

.multiselect_cnt{
    position: relative;
}

.multiselect_options_cnt{
    position: absolute;
    z-index: 10;
    max-height: 180px;
    overflow: auto;
    top: 0;
}

.checkbox-disabled-overlay{
    pointer-events: all;
    cursor: not-allowed!important;
    opacity: 0.4;
}

.multiselect-checkbox > div > .checkbox-decorator{
    width: 20px;
    height: 20px;
    background-color: white;
    position: absolute;    
    border: solid 1px #757575;
    border-radius: 2px;
    cursor: pointer;
}

.multiselect-checkbox{
    margin-bottom: 5px;
}

.multiselect-checkbox .check i{
    color: white;
    font-size: 18px;
}

.multiselect-checkbox-selected{
    color: white;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    animation: checkbox-on 0.3s forwards;
} 


.is-focused .checkbox label .checkbox-decorator .check::before, 
.is-focused label.checkbox-inline .checkbox-decorator .check::before {
    animation: checkbox-off 0s forwards;
}

input::-webkit-calendar-picker-indicator {
    display: none;
}