:root {
    --blue: #205294;
    --bs-myBlue: #0e8d91 !important;
    --bs-myBlue-rgb: 14, 141, 145 !important;
    --bs-success: #205294 !important;
}

.nav-pills .nav-link.active {
    background-color: #0E5031 !important;
}

/* .active a {
    background-color: #0E5031 !important;
    border-color: #0E5031 !important;
} */

.active.nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x) !important;
}

.offcanvas.show .nav-pills .nav-link.active {
    background-color: transparent !important;
}

.modal-backdrop {
    z-index: initial !important;
}

.offcanvas.text-bg-success {
    color: #fff !important;
    --bs-bg-opacity: 0.85;
    background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

/* .nav-item img {
    width: 22px !important;
}

.nav-link:hover {
    text-decoration: underline;
} */

.scroll::-webkit-scrollbar {
    width: 8px;
    /* width of the entire scrollbar */
}

.scroll::-webkit-scrollbar-track {
    background: transparent;
    /* color of the tracking area */
}

.scroll::-webkit-scrollbar-thumb {
    background-color: #ddd;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 3px solid transparent;
    /* creates padding around scroll thumb */
}

.h-30 {
    height: 30%;
}

.row-cols-3 .btn:hover {
    background-color: #d9d9d9 !important;
}

#noticia {
    text-decoration: none;
}

.hover:hover {
    color: #175e3d !important;
    cursor: pointer;
}

#documents-btn:hover {
    background-color: #31D2F2 !important;
}

#line {
    display: flex;
    height: 6px;
}

.no-decoration,
.no-decoration:hover {
    text-decoration: none;
}

.fc .fc-daygrid-day-number, .fc .fc-col-header-cell-cushion {
    text-decoration: none;
    color: #0E5031;
}

.employee-profile {
    width: 33%;
}

/*.btn-myBlue {
    --bs-btn-color: #000;
    --bs-btn-bg: #0e8d91;
    --bs-btn-border-color: #0e8d91;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #38a0a4;
    --bs-btn-hover-border-color: #24979b;
    --bs-btn-focus-shadow-rgb: 13,128,132;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #4aa9ac;
    --bs-btn-active-border-color: #24979b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0e8d91;
    --bs-btn-disabled-border-color: #0e8d91;
}

.btn-outline-myBlue {
    --bs-btn-color: #0e8d91 !important;
    --bs-btn-border-color: #0e8d91 !important;
    --bs-btn-hover-color: #000 !important;
    --bs-btn-hover-bg: #0e8d91 !important;
    --bs-btn-hover-border-color: #0e8d91 !important;
    --bs-btn-focus-shadow-rgb: 14, 141, 145 !important;
    --bs-btn-active-color: #000 !important;
    --bs-btn-active-bg: #0e8d91 !important;
    --bs-btn-active-border-color: #0e8d91 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #0e8d91 !important;
    --bs-btn-disabled-bg: transparent !important;
    --bs-btn-disabled-border-color: #0e8d91 !important;
    --bs-gradient: none !important;
}

.border-myBlue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-myBlue-rgb),var(--bs-border-opacity))!important;
}*/

@media (min-width: 1200px) {
    .h-xl-250 {
        height: 250px !important;
    }
}

@media (max-width: 1400px) {
    .employee-profile {
        width: 50%;
    }
}

@media (max-width: 992px) {

    .no-decoration img {
        width: 70% !important;
    }

    .no-decoration h6 {
        font-size: 0.75rem !important;
    }

    .employee-profile {
        width: 100%;
    }

    #employee-name {
        max-width: 85% !important;
    }
}

@media (max-width: 1000px) {
    .title-docs{
        font-size: 16px !important;
    }
}
@media (max-width: 600px) {
    .title-docs{
        font-size: 12px !important;
    }
}

/* header nav .nav-item:hover ul,
.offcanvas .offcanvas-body .nav-item:hover ul{
    display:block;
}

header .nav .nav-item ul li {
    position: relative !important;
}

header .nav .nav-item ul {
    top: 40px !important;
} */

.bg-success {
    background-color: var(--blue) !important;
}

.text-success {
    color: var(--blue) !important;
}