.btn-primary {
    background-color: #c1d118;
    border-color: #213564;
}

.btn-primary:hover {
    background-color: #213564;
    border-color: #213564;
}

.btn-primary:focus {
    background-color: #213564;
    border-color: #213564;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #c1d118;
    border-color: #213564;
}

.btn.btn-flat {
    border-radius: 5px;
}

/* Login page */

.card-primary.card-outline {
    border-top: 3px solid #c1d118;
}

.date-control {
    min-width: max-content;;
}
.form-control {
    min-width: fit-content;
}
.form-control:focus {
    border-color: #c1d118;
}

.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text {
    border-color: #c1d118;
}

.login-card-body .input-group .form-control.is-invalid~.input-group-append .input-group-text {
    border-color: red;
}

.card-footer > p > a {
    color: #213564;
}

.card-footer > p > a:hover {
    color: #c1d118;
}

/* App Sidebar*/

.brand-link {
    color: #c1d118;
}

.brand-link:hover {
    color: #213564;
}

.nav-sidebar .nav-item>.nav-link:hover {
    color: #fff;
    background-color: #c1d118;
}

.nav-pills .nav-link.active {
    color: #fff;
    background-color: #c1d118;
}
.main-sidebar {
    background-color: #fff;
}
.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover {
    width: 250px;
    background-color: #fff;
}

/* App Header */
.card-info.card-outline {
    border-top: 3px solid #c1d118;
}

.btn-info,
.btn-info:focus {
    background-color: #c1d118;
    border-color: #213564;
}

.btn-info:hover {
    background-color: #213564;
    border-color: #213564;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #c1d118;
    border-color: #213564;
    }

.breadcrumb-item >a {
    color: #c1d118;
}

div.dataTables_processing>div:last-child>div:nth-child(n) {
    background-color: #c1d118;
}

/* Filters */
.ranges > ul > li {
    color: #213564;
}
.ranges > ul > li.active {
    background-color: #c1d118;
    border-color: #213564;
}

.ranges > ul > li:hover {
    background-color: #c1d118;
    border-color: #213564;
}

.applyBtn {
    background-color: #c1d118;
    border-color: #213564;
}

.applyBtn:hover {
    background-color: #213564;
}

@media only screen and (max-width: 1500px) {
    .card-body > div > div:nth-child(2) {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .card-body > div > div:nth-child(2) > button {
        margin-bottom: 0.5rem;
        max-width: 6.4rem;
    }
}

@media only screen and (max-width: 860px) {
    .card-body > div > div:nth-child(2) {
        display: flex;
        flex-direction: column;
        align-items: end;
        margin-top: 0.5rem;
    }
}

/* Others */
.btn-warning {
    color: #1f2d3d;
    background-color: #c6ccd0;
    border-color: #778186;
    box-shadow: none;
}

.btn-warning:hover {
    color: #fff;
    background-color: #778186;
    border-color: #778186;
    box-shadow: none;
}

.btn-warning.active {
    color: #fff;
    background-color: #778186;
    border-color: #778186;
    box-shadow: none;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #778186;
    border-color: #778186;
    box-shadow: none;
}

.text-success {
    color: #c1d118 !important;
}

.text-primary {
    color: #213564 !important;
}