@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900');

body {
    font-family: 'Roboto', sans-serif;
}

.bg-main {
    background-color: #fbbc3c;
}

.fa-black {
    color: black !important;
}

.highlightSuccess {
    background: #1cc88a !important;
    transition: background-color 1000ms;
}

.highlightFail {
    background: #e74a3b !important;
    transition: background-color 1000ms;
}

.bgTable {
    background: white;
}

.bgTable:nth-child(2n+1) {
    background: #e7e7e8;
}

.overlay-transparent {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: hidden;
}

.modal.masked {
    opacity: 0.3;
    transition: 0.3s;
    filter: blur(3px);
}

.modal-xl.modal-full {
    width: 98% !important;
}

.modal {
    backdrop-filter: blur(1px);
    /* backdrop-filter: blur(1px) contrast(40%); */
}

input[type=checkbox]:enabled+label,
input[type=radio]:enabled+label {
    cursor: pointer;
}


.bootstrap-select .btn-light[aria-disabled=true] {
    background-color: #e9ecef !important;
    color: #495057;
    border: 1px solid #ced4da !important;
    opacity: 1 !important;
}

.bootstrap-select .btn-light[aria-disabled=false] {
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
}

.form-control:disabled,
.form-control[readonly] {
    cursor: not-allowed !important;
}

select.parsley-error + .btn-light, select.parsley-error + .btn-light:hover,
input.parsley-error, select.parsley-error, textarea.parsley-error {
  border-color: #e3342f!important;
  border: 1px solid #e3342f!important;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #ced4da !important;
    background-image: none !important;
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #212529 !important;
}

.font11 {
    font-size: 11px;
}