.footer-copyright {
    background-color: rgba(52, 58, 64, .9);
}


html {
    position: relative;
    height: 100%;
}

body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#body {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.body-content {
    height: 100%;
    margin-block: 2rem;
    position: relative;
    display: table;
}

.footer {
    width: 100%;
    line-height: 3.125rem; /* Vertically center the text there */
    margin-top: auto;
}
.right {
    left: unset !important;
    right: 0 !important;
}
.blue {
    background-color: #1946ba;
    color: #fff;
}

:root {
    --client-primary: #79A16A;
    --client-secondary: #92B88B90;
    --client-success: #79A16A;
    --client-dark: #30573a;
    --client-btn-hover: #4c7f43;
    --client-btn-active: #1b620e;
    --client-tertiary: #A7C5B9;
}

a {
    color: var(--client-primary);
}

    a i {
        color: var(--client-dark);
    }

.page-link {
    color: var(--client-primary);
}

.page-link:hover {    
    color: var(--client-primary);
}

.page-link:focus {
    box-shadow: 0 0 0 0.2rem var(--client-secondary);
}

.page-item.active .page-link {
    background-color: var(--client-primary);
    border-color: var(--client-primary);
    color: #fff
}

.form-control:focus {
    border-color: var(--client-primary) !important;
    box-shadow: 0 0 0 0.2rem var(--client-secondary);
}


.client-primary {
    background-color: var(--client-primary);
    color: var(--client-dark);
    font-weight: 500;
}

.client-nav {
    background: linear-gradient(to right, #fff 20%, var(--client-primary) 100%);
}

.nav-link{
    color: var(--client-dark) !important;
}

.client-secondary {
    background-color: var(--client-secondary);
    color: #A7C5B9;
}

.client-success {
    background-color: var(--client-success);
    border: var(--client-success)
}

.btn-primary, .btn-success {
    background-color: var(--client-primary) !important;
    border: var(--client-success);
}

    .btn-primary:hover, .btn-success:hover {
        background-color: var(--client-btn-hover) !important;
        border-color: var(--client-primary) !important;
    }

    .btn-primary:active, .btn-primary:active, .btn-success:active {
        background-color: var(--client-btn-active) !important;
        box-shadow: 0 0 0 0.2rem var(--client-secondary) !important;
    }
    .btn-primary:focus, .btn-primary:focus, .btn-success:focus {
        background-color: var(--client-btn-active) !important;
        box-shadow: 0 0 0 0.2rem var(--client-secondary) !important;
    }

.btn-link{
    color: var(--client-primary)
}

input[type="checkbox"]{
    background-color: var(--client-primary);
    color: var(--client-primary);
}
.custom-control-label::before {
    background-color: var(--client-tertiary);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--client-primary);
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(121, 161, 106, .65) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    box-shadow: none !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
}

.custom-control-input:active ~ .custom-control-label::before {
    background-color: var(--client-primary);
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: var(--client-primary);
}
.btn-info {
    background-color: var(--client-primary);
    border: var(--client-success);
}

.btn-info:hover{
    background-color: var(--client-btn-hover);
}

.btn-info:active {
    background-color: var(--client-btn-active) !important;
}

.btn-info:focus {
    background-color: var(--client-btn-active) !important;
    box-shadow: 0 0 0 0.2rem var(--client-secondary) !important;
}

.client-icon {
    color: var(--client-dark);
}

#jqueryDataTable_processing div div {
    background: var(--client-primary) !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--client-dark);
    background-color: var(--client-secondary);
}

.yellow {
    background-color: #fad000;
    color: #123285;
}

.tooltipCust {
    position: relative;
    display: inline-block;
}

    .tooltipCust .tooltiptextCust {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -60px;
    }

    .tooltipCust:hover .tooltiptextCust {
        visibility: visible;
    }