@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html {
    font-size: .9rem;
}

body {
    font-family: Roboto, sans-serif;
    font-size: 100%;
    background-color: #f4f6f9;
}

.main-header,
.main-sidebar .brand-link {
    background-color: #fff;
}

.main-sidebar[class*="sidebar-light-"] {
    background-color: #f4f6f9;
}

.main-sidebar[class*="sidebar-dark-"] {
    background-color: #252f3f;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #161e2e;
}

/* .content-header h1 {
  font-size: 1.125rem;
} */

.text-decoration-underline {
    text-decoration: underline;
}

body .btn:not(.btn-link) {
    /* font-weight: 500; */
}

body label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
}

body .callout,
body .info-box,
body .card {
    /* box-shadow: 0 0 0 1px rgba(0,0,0,.125); */
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
    /* border-width: 1px;
  border-style: solid;
  border-color: rgba(0,0,0,.125); */
}

.input-group--search .input-group-prepend .input-group-text {
    background-color: transparent;
    border-right-width: 0;
}

.input-group--search .input-group-prepend+.form-control {
    border-left-width: 0;
}

input[type="search"].form-control {
    padding-left: 2.675rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(136, 145, 164)' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v5.15.4 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons  Inc.--%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
    background-size: 1rem auto;
    background-repeat: no-repeat;
    background-position: center left 0.875rem;
}

.modal-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4285714286;
}

.cursor-pointer {
    cursor: pointer;
}

@media (min-width: 576px) {
    body .navbar-nav>.user-menu .user-image {
        margin-right: 0;
    }
}

body .user-image+span {
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    position: fixed;
    top: -1000px;
    right: -1000px;
}

/* ------------------------------------------------------ */

body .select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #fd9843;
    box-shadow: 0 0 0 .2rem rgb(255 0 0 / .25)
}

.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text,
.login-card-body .input-group .form-control:focus~.input-group-prepend .input-group-text,
.register-card-body .input-group .form-control:focus~.input-group-append .input-group-text,
.register-card-body .input-group .form-control:focus~.input-group-prepend .input-group-text,
.custom-control-input:focus:not(:checked)~.custom-control-label::before,
.form-control:focus {
    border-color: #fd9843
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(253, 126, 20, .5);
}

.card-primary.card-outline {
    border-top-color: #fd7e14
}

.btn-outline-primary {
    border-color: #fd7e14
}

.btn-outline-primary {
    color: #fd7e14
}

.text-primary {
    color: #fd7e14 !important
}

.bg-primary {
    color: #000 !important;
}

.bg-primary,
body .select2-container--bootstrap4 .select2-results__option--highlighted,
body .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: #fd7e14 !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #ca6510 !important
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle,
.btn-primary,
.custom-control-input:checked~.custom-control-label::before,
.page-item.active .page-link {
    background-color: #fd7e14;
    border-color: #fd7e14;
    color: #000;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: #ffe8b3;
    border-color: #ffe8b3;
    color: #000;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: inset 0 0 0 transparent, 0 0 0 1px #fff, 0 0 0 .2rem rgb(255 0 0 / .25)
}

a,
.page-link {
    color: #fd7e14
}

a:hover,
.page-link:hover {
    color: #ca6510
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #ca6510;
    border-color: #ca6510;
    color: #000;
}


.nav-tabs.nav-tabs-border .nav-link {
    color: #6c757d;
}

.nav-tabs.nav-tabs-border .nav-link:hover {
    color: #fd7e14;
    border-color: transparent;
}

.nav-tabs.nav-tabs-border .nav-item.show .nav-link,
.nav-tabs.nav-tabs-border .nav-link.active {
    color: #fd7e14;
    border-color: transparent;
    border-bottom: 2px solid #fd7e14;
}
