body {
    font-family: 'Figtree', sans-serif;
}
html,
body {
    overscroll-behavior-y: contain;
}

label {
    margin-bottom: .1rem;
}
/* label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 500 !important;
} */

/* Small phone */
@media (max-width: 476px) {
    body.modal-open {
        /* Keep scrollbar */
        overflow-y: scroll !important;
        position: fixed;
    }
}

/* SCROLL BAR */
::-webkit-scrollbar {
    width: 8px;
    height: 7px;
    cursor: pointer;
}
::-webkit-scrollbar-track {
    background: #d5d5d5;
}
::-webkit-scrollbar-thumb {
    background: #007bff !important;
    border-radius: 6px;
    cursor: grab;
}


img {
    max-width: 100%;
}

.linkjs {
    cursor: pointer;
    color: #007bff;
    text-decoration: none;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link {
    color: #343a40 !important;
}

.hide{
    display: none;
}

/* DATATABLE */
td.details-control {
    background: url("{{{ URL::asset(config('app.asset_images').'/details_open.png') }}}") no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url("{{{ URL::asset(config('app.asset_images').'/details_close.png') }}}") no-repeat center center;
}

/* FORM CONTROL */
label.required::after {
    content: '*';
    margin-left: 4px;
    color: red;
}
.form-control:focus {
    color: #495057;
    background-color: #fff !important;
    border: 2px solid #007bff;
    outline: 0;
    box-shadow: inset 0 0 0 transparent;
}
.form-select:hover{
    cursor: pointer;
}
.form-select:focus {
    color: #495057;
    background-color: #fff !important;
    border: 2px solid #007bff;
    outline: 0;
    box-shadow: inset 0 0 0 transparent;
}
.form-control:disabled:hover,
.form-select:disabled:hover,
.form-control[readonly]:hover {
    cursor: not-allowed;
}
/* SELECT2 */
.select2-container--default .select2-selection--single {
    padding: 6px;
    height: 37px;
    width: 100%;
    font-size: 1.1em;
}
/* .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single {
    border: 1.7px solid #007bff;
} */
.select2-container--default.select2-container--open .select2-selection--single {
    border: 1.7px solid #007bff;
}
.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus {
    outline: 0;
    border: 1px solid #007bff;
}
.select2-container--default.select2-container--disabled .select2-selection--single { cursor:not-allowed }