@font-face {
    font-family: Prompt;
    src: url("../fonts/Prompt-Regular.ttf");
}
:root {
    --pn-b1: #7895B2;
    --pn-b2: #AEBDCA;
    --pn-b3: #E8DFCA;
    --pn-b4: #F5EFE6;
    --pn-b5: #f34957;
    --pn-b6: #e9c46a;
    --pn-b7: #2a9d8f;
    --pn-b8: #5c5c5c;
}
html,
body {
    font-family: Prompt;
    color: var(--pn-b8);
}
h1,
h2,
h3,
h4,
h5 {
    color: var(--pn-b8);
}
#layoutSidenav,
main {
    background: #eff1f7;
}
.card {
    border-radius: 17px;
    border: 0;
    padding: 20px;
    color: var(--pn-b8);
}
.card .card-header {
    background: #fff;
    border: 0;
    border-radius: 17px;
    color: var(--pn-b8);
}
table,
th,
td,
tr {
    color: var(--pn-b8);
}
.sb-sidenav-dark {
    background-color: #fff;
    color: rgba(40, 40, 40, 0.5);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon {
    color: rgba(40, 40, 40, 0.5);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link {
    color: rgba(40, 40, 40, 0.5);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover,
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover > .sb-nav-link-icon {
    color: var(--pn-b2);
}

.sb-sidenav-dark .sb-sidenav-menu .sb-sidenav-menu-heading {
    color: rgba(40, 40, 40, 0.5);
}
.sb-sidenav-dark .sb-sidenav-footer {
    background-color: #ffffff;
}
.bg-dark {
    background-color: var(--pn-b1) !important;
}

.page-item.active .page-link,
.page-item.active .dataTable-pagination a,
.dataTable-pagination .page-item.active a,
.dataTable-pagination li.active .page-link,
.dataTable-pagination li.active a {
    z-index: 3;
    color: #fff;
    background-color: var(--pn-b1);
    border-color: var(--pn-b1);
}
.page-link,
.dataTable-pagination a {
    color: var(--pn-b1);
}
.page-link:hover,
.dataTable-pagination a:hover {
    color: var(--pn-b1);
}
.page-link:focus,
.dataTable-pagination a:focus {
    box-shadow: 0 0 0 0.25rem rgb(var(--pn-b1), 0.5);
}

.btn-primary {
    color: #fff;
    background-color: var(--pn-b1);
    border-color: var(--pn-b1);
}
.btn-primary:hover,
.btn-primary:active {
    background-color: var(--pn-b1);
    border-color: var(--pn-b1);
}
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-check:focus + .btn-primary, .btn-primary:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgb(var(--pn-b1),0.6);
    background-color: var(--pn-b1);
    border-color: var(--pn-b1);
}
 
.btn-warning {
    background-color: var(--pn-b6);
    border-color: var(--pn-b6);
}
.btn-warning:hover,
.btn-warning:active {
    background-color: var(--pn-b6);
    border-color: var(--pn-b6);
}
.btn-check:checked + .btn-warning:focus,
.btn-check:active + .btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.btn-check:focus + .btn-warning, .btn-warning:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgb(var(--pn-b6),0.6);
    background-color: var(--pn-b6);
    border-color: var(--pn-b6);
}

.btn-secondary {
    background-color: var(--pn-b3);
    border-color: var(--pn-b3);
}
.btn-secondary:hover,
.btn-secondary:active {
    background-color: var(--pn-b3);
    border-color: var(--pn-b3);
}
.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.btn-check:focus + .btn-secondary, .btn-secondary:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgb(var(--pn-b3),0.6);
    background-color: var(--pn-b3);
    border-color: var(--pn-b3);
}
 
footer a{
    text-decoration: none;
    color: var(--pn-b2);
}
button.dt-button, div.dt-button, a.dt-button {
    background-color: var(--pn-b1);
    color: #fff;
    border-radius: 3px;
    background-image:none;
}