@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css');

/* FONT */
body {
    font-family: 'Nunito', sans-serif !important;
    /* font-family: 'Poppins', sans-serif; */
    font-size: 80% !important;
    font-weight: 400 !important;
    line-height: 160% !important;
}
h2 {
    font-size: 150% !important;
    font-weight: bold;
}
h3 {
    font-size: 130% !important;
    font-weight: bold;
}
.card-header h2 {
    margin-bottom: 0 !important;
}
.btn {
    font-size: 90% !important;
}
#btn-menu {
    font-size: 180% !important;
    line-height: 100% !important;
}
.input-group-text {
    font-size: 90% !important;
}
.form-control, .custom-select {
    font-size: 100% !important;
}
.dropdown-menu {
    font-size: 100% !important;
}

/* COLOR */
a {
    color: #005cbf;
}
a:hover {
    color: #353f3e;
    text-decoration: underline;
}
.content-wrapper {
    background: #e8e8e8;
}
.main-sidebar {
    background: #1c457d;
}
.main-sidebar img {
    border-bottom: 1px solid #61553d;
}
.set-footer {
    border-top: 1px solid #DDD;
    padding: 20px;
    background: #F7F7F7;
    color: #999
}
.nav-sidebar {
    padding: 10px;
}
.nav-pills .nav-link {
    color: #fff !important;
}
[class*=sidebar-dark-] .nav-header {
    color: #fff;
    font-size: 80%;
    opacity: 0.4;
    text-transform: uppercase;
}
.nav-pills .show>.nav-link, .nav-item:hover .nav-link {
    color: #fff !important;
    background-color: #1c457d;
    box-shadow: none !important;
}
.nav-pills .nav-link.active {
    color: #fff !important;
    background-color: #33588a;
    box-shadow: none !important;
}

.alert-warning {
    color: #1f2d3d;
    background: #ffe79f;
    border-color: #f9db86;
}
.alert-success {
    color: #2d2d2d;
    background: #7bc58c;
    border-color: #81b98e;
}
.alert-dismissible .close {
    padding: .5rem 1.25rem;
}
.navbar-nav .dropdown-item {
    color: #000000 !important;
}
.navbar-nav .dropdown-item:hover {
    color: #1870ce !important;
}
.navbar-nav .dropdown-item:focus {
    background: #FFF !important;
}
.tlogin-off {
    background: #f7f7f7;
}
.btn-outline-warning {
    color: #ff8707;
    border-color: #ff8707;
}

/* PAGINATION */
@media screen and ( max-width: 400px ){
    li.page-item {
        display: none;
    }
    .page-item:first-child,
    .page-item:nth-child(2),
    .page-item:nth-child(3),
    .page-item:nth-last-child(2),
    .page-item:nth-last-child(3),
    .page-item:last-child,
    .page-item.active,
    .page-item.disabled {
        display: block;
    }
}

/* SELECT 2 */
.select2 {
    width:100%!important;
}
.select2-container .select2-selection--single {
    height: 38px !important;
}

#logo-title {
    display: block;
    padding: 20px;
    /* padding-bottom: 0; */
    color: #fff;
    font-weight: bold;
    font-size: 180%;
}