.card-header {
    position: relative;
    padding: 0.5rem 1rem !important;}

    .login-logo img {
        width: 85px;
        box-shadow: none !important;
    }
    .register-logo img {
        width: 85px;
        box-shadow: none !important;
    }

.navbar {
    --bs-navbar-toggler-font-size: 0.813rem !important;
}
    a {
        color: #1e1e1e;
        text-decoration: underline;
    }

    .link-primary:hover, .link-primary:focus {
        color: #1e1e1e;
        -webkit-text-decoration-color: #1e1e1e;
        text-decoration-color: #1e1e1e;
    }

    .link-primary {
        color: #777777 ;
        -webkit-text-decoration-color: #777777;
        text-decoration-color: #777777;
    }
    .btn-outline-light {
        --bs-btn-color: #000000 !important;
        --bs-btn-hover-bg: #f8f9fa !important;
        --bs-btn-active-border-color: #828282 !important;
        --bs-btn-border-color: #747474 !important;
    }
    .text-light {
        --bs-text-opacity: 1;
        color: rgb(215 215 215) !important;
    }
   
    .jvm-zoom-btn {       
        padding: 3px 5px !important;       
        height: 19px !important;
        width: 19px !important;       
    }
    .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
        color: #1e1e1e !important;
        background-color: #ffffff !important;
        border-color: #1e1e1e !important;
        box-shadow: none;
    }

    .form-check-input:checked {
        background-color: #1e1e1e !important;
        border-color: #1e1e1e !important;
    }

    .form-control {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.3 !important;
    }

    .input-group .btn {
        position: relative;
        z-index: 2;
        margin: 1px 3px !important;
    }

    .form-control {
        box-shadow: none !important;
    }
    .form-control:focus {
        border-color: #1e1e1e !important;
    }

    .form-check-input:checked[type=checkbox] {
        --bs-form-check-bg-image: url(data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-lg" viewBox="0 0 16 16">
        <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z"/>
      </svg>) !important;
    }

    .form-check-input {
        --bs-form-check-bg: var(--bs-body-bg);
        flex-shrink: 0;
        width: 1.3em !important;
        height: 1.3em !important;
    }
    .form-check-input:focus {
        border-color: #1e1e1e !important;
        outline: 0;
        box-shadow: none !important;
    }

    a .btn-primary{
        color: #ffffff !important;
        text-decoration: none !important;
    }

    .btn {
        --bs-btn-padding-x: 0.75rem;
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-font-size:13px !important;
        font-size: 12px !important;
        --bs-btn-font-weight: 400;
        --bs-btn-line-height: 1.3 !important;
    }

    .btn-primary {
        --bs-btn-color: #fff !important;
        --bs-btn-bg: #1e1e1e !important;
        --bs-btn-border-color: #1e1e1e !important;
        --bs-btn-hover-color: #1e1e1e !important;
        --bs-btn-hover-bg: #f9f9f9 !important;
        --bs-btn-hover-border-color: #1e1e1e !important;
        --bs-btn-focus-shadow-rgb: 49, 132, 253 !important;
        --bs-btn-active-color: #1e1e1e !important;
        --bs-btn-active-bg: #f9f9f9 !important;
        --bs-btn-active-border-color: #1e1e1e !important;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff !important;
        --bs-btn-disabled-bg: #d1d1d1 !important;
        --bs-btn-disabled-border-color: #393939 !important;
    }

    .btn-outline-primary {
        --bs-btn-color: #1e1e1e !important;
        --bs-btn-border-color: #1e1e1e !important;
        --bs-btn-hover-color: #fff !important;
        --bs-btn-hover-bg: #1e1e1e !important;
        --bs-btn-hover-border-color: #1e1e1e !important;
        --bs-btn-focus-shadow-rgb: 13, 110, 253;
        --bs-btn-active-color: #fff !important;
        --bs-btn-active-bg: #1e1e1e !important;
        --bs-btn-active-border-color: #1e1e1e !important;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #e1e1e1 !important;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #838383 !important;
        --bs-gradient: none;
    }

    .btn-secoundary {
        --bs-btn-color: #fff !important;
        --bs-btn-bg: #1e1e1e !important;
        --bs-btn-border-color: #1e1e1e !important;
        --bs-btn-hover-color: #1e1e1e !important;
        --bs-btn-hover-bg: #f9f9f9 !important;
        --bs-btn-hover-border-color: #1e1e1e !important;
        --bs-btn-focus-shadow-rgb: 49, 132, 253 !important;
        --bs-btn-active-color: #1e1e1e !important;
        --bs-btn-active-bg: #f9f9f9 !important;
        --bs-btn-active-border-color: #1e1e1e !important;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff !important;
        --bs-btn-disabled-bg: #d1d1d1 !important;
        --bs-btn-disabled-border-color: #393939 !important;
    }

    .accordion {
        --bs-accordion-btn-focus-box-shadow: none !important;
        --bs-accordion-body-padding-x: 1.25rem;
        --bs-accordion-body-padding-y: 1rem;
        --bs-accordion-active-color: #ffffff !important;
        --bs-accordion-active-bg: #1e1e1e !important;
    }

    .accordion-button:not(.collapsed)::after {    
        filter: invert(0.6) !important;
        color: white;
    }


    .accordion-button {   
        padding: 0.600rem 1rem !important;
    }

    .pagination {
        --bs-pagination-padding-x: 0.75rem;
        --bs-pagination-padding-y: 0.375rem;
        --bs-pagination-font-size: 0.813rem !important;}

    .page-link {
        position: relative;
        display: block;
        padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
        font-size: var(--bs-pagination-font-size);
        color: #1e1e1e !important;
    }

    .page-link {
        position: relative;
        display: block;
        padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
        font-size: var(--bs-pagination-font-size);
        color: var(--bs-pagination-color);
        text-decoration: none;
        background-color: var(--bs-pagination-bg);
        border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .page-link.active, .active > .page-link {
        z-index: 3;
        color: #ffffff !important;
        background-color: #1e1e1e !important;
        border-color: #1e1e1e !important;
    }

    .page-link:focus {
        z-index: 3;        
        box-shadow: none !important;
    }