:root,
[data-bs-theme=light] {
    --bs-fidelitas: #03704f;
    --bs-fidelitas-secondary : #42a889;
    --bs-fidelitas-rgb : 3, 112, 79;
    --bs-fidelitas-secondary-rgb : 66, 168, 137;
    --bs-btn-active-bg: #025139;
    --bs-btn-active-border-color: #0d5f46;
    --bs-btn-bg: #025139;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #0d5f46;

    --bs-pagination-active-bg: #03704f;
    --bs-pagination-active-border-color: #0d5f46;

    /* --bs-table-color-state: #eeeeee; */
    --bs-table-bg: transparent;
    /* --bs-border-width: #fff; */
}

.table {
    font-size: 0.85rem !important;
    /*--bs-table-bg: transparent;*/
}

.table-header-fidelitas{
    --bs-table-bg: var(--bs-fidelitas);
    --bs-table-striped-bg: #21b588;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #168f6b;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #05f5ad;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #3fe6b4;
}

.table-header-fidelitas th{
    color: #fff;
}


.table-header-fidelitas span {
    color: #fff !important;
}

.btn-fidelitas{
    color : #fff;
    background-color: #03704f;
    border-color: #03704f;
}
.btn-fidelitas:hover{
    color : #fff !important;
    background-color: #025139 !important;
    border-color: #0d5f46 !important;
}
.btn-check:focus + .btn-fidelitas, .btn-fidelitas:focus{
    color: #fff;
    background-color: #025139;
    border-color: #0d5f46;
    box-shadow: 0 0 0 0.25rem rgba(15, 78, 41, 0.5);
}
.btn-check:checked + .btn-fidelitas, .btn-check:active + .btn-fidelitas, .btn-fidelitas:active, .btn-fidelitas.active, .show > .btn-fidelitas.dropdown-toggle {
    color: #fff;
    background-color: #025139;
    border-color: #0d5f46;
}
.btn-check:checked + .btn-fidelitas:focus, .btn-check:active + .btn-fidelitas:focus, .btn-fidelitas:active:focus, .btn-fidelitas.active:focus, .show > .btn-fidelitas.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(15, 78, 49, 0.5);
}
.btn-fidelitas:disabled, .btn-fidelitas.disabled{
    color : #fff;
    background-color: #025139;
    border-color: #0d5f46;
}

.btn-fidelitas-secondary{
    color : #fff;
    background-color: var(--bs-fidelitas-secondary);
    border-color: var(--bs-fidelitas-secondary);
}
.btn-fidelitas-secondary:hover{
    color : #fff;
    background-color: #6bc7ab;
    border-color: #6ba493;
}
.btn-check:focus + .btn-fidelitas-secondary, .btn-fidelitas-secondary:focus{
    color: #fff;
    background-color: #6bc7ab;
    border-color: #6ba493;
    box-shadow: 0 0 0 0.25rem rgba(110, 184, 156, 0.5);
}

.btn-check:checked + .btn-fidelitas-secondary, .btn-check:active + .btn-fidelitas-secondary, .btn-fidelitas-secondary:active, .btn-fidelitas-secondary.active, .show > .btn-fidelitas-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6bc7ab;
    border-color: #6ba493;
}
.btn-check:checked + .btn-fidelitas-secondary:focus, .btn-check:active + .btn-fidelitas-secondary:focus, .btn-fidelitas-secondary:active:focus, .btn-fidelitas-secondary.active:focus, .show > .btn-fidelitas-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(110, 184, 156, 0.5);
}
.btn-fidelitas-secondary:disabled, .btn-fidelitas-secondary.disabled{
    color : #fff;
    background-color: #6bc7ab;
    border-color: #6ba493;
}


.btn-outline-fidelitas{
    color: var(--bs-fidelitas);
    border-color: var(--bs-fidelitas);
}
.btn-outline-fidelitas:hover{
    color: #fff;
    background-color: var(--bs-fidelitas);
    border-color: var(--bs-fidelitas);
}
.btn-check:focus + .btn-outline-fidelitas, .btn-outline-fidelitas:focus{
    box-shadow: 0 0 0 0.25rem var(--bs-fidelitas-rgb);
}
.btn-check:checked + .btn-outline-fidelitas, .btn-check:active + .btn-outline-fidelitas, .btn-outline-fidelitas:active, .btn-outline-fidelitas.active, .btn-outline-fidelitas.dropdown-toggle.show {
    color: #fff;
    background-color: var(--bs-fidelitas);
    border-color: var(--bs-fidelitas);
}
.btn-check:checked + .btn-outline-fidelitas:focus, .btn-check:active + .btn-outline-fidelitas:focus, .btn-outline-fidelitas:active:focus, .btn-outline-fidelitas.active:focus, .btn-outline-fidelitas.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem var(--bs-fidelitas-rgb);
}
.btn-outline-fidelitas:disabled, .btn-outline-fidelitas.disabled {
    color: var(--bs-fidelitas);
    background-color: transparent;
}
  
.btn-outline-fidelitas-secondary{
    color: var(--bs-fidelitas-secondary);
    border-color: var(--bs-fidelitas-secondary);
}
.btn-outline-fidelitas-secondary:hover{
    color: #fff;
    background-color: var(--bs-fidelitas-secondary);
    border-color: var(--bs-fidelitas-secondary);
}
.btn-check:focus + .btn-outline-fidelitas-secondary, .btn-outline-fidelitas-secondary:focus{
    box-shadow: 0 0 0 0.25rem rgba(110, 145, 184, 0.5);
}
.btn-check:checked + .btn-outline-fidelitas-secondary, .btn-check:active + .btn-outline-fidelitas-secondary, .btn-outline-fidelitas-secondary:active, .btn-outline-fidelitas-secondary.active, .btn-outline-fidelitas-secondary.dropdown-toggle.show {
    color: #fff;
    background-color: var(--bs-fidelitas-secondary);
    border-color: var(--bs-fidelitas-secondary);
}
.btn-check:checked + .btn-outline-fidelitas-secondary:focus, .btn-check:active + .btn-outline-fidelitas-secondary:focus, .btn-outline-fidelitas-secondary:active:focus, .btn-outline-fidelitas-secondary.active:focus, .btn-outline-fidelitas-secondary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(110, 145, 184, 0.5);
}
.btn-outline-fidelitas-secondary:disabled, .btn-outline-fidelitas-secondary.disabled {
    color: var(--bs-fidelitas-secondary);
    background-color: transparent;
}


.alert-fidelitas{
    color : #042454;
    background-color: #91bdff;
    border-color: #5ca0ff;
}
.alert-fidelitas .alert-link{
    color :#011738;
}

.fixed-right {
    position: fixed;
    right : 0;
    bottom: 0;
    top : 0;
}
  
.fixed-left {
    position: fixed;
    left : 0;
    bottom: 0;
    top : 0;
}

.text-fidelitas{
    --bs-text-opacity :1;
    color : rgba(var(--bs-fidelitas-rgb),var(--bs-text-opacity)) !important;
}

.bg-fidelitas {
    color : #fff;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-fidelitas-rgb), var(--bs-bg-opacity)) !important;
}
  
.bg-fidelitas-secondary {
    color : #fff;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-fidelitas-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.nav-pills .nav-link.nav-fidelitas.active,
.nav-pills .show > .nav-link.nav-fidelitas {
  color: #fff !important;
  background-color: var(--bs-fidelitas) !important;
}

.nav-link.nav-fidelitas {
  color: var(--bs-fidelitas) !important;
}
.nav-link.nav-fidelitas.active {
  color: #fff !important;
  background-color: var(--bs-fidelitas) !important;
}

.border-fidelitas{
    border-color: var(--bs-fidelitas) !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

/* Fix Datatables */
div.dt-container div.dt-paging ul.pagination {
    justify-content: flex-end;
}