body {
    background: #F4F4F4;
}

.btn.btn-success,
.btn.btn-primary,
.btn.btn-light-primary {
    color: #FFFFFF;
    background-color: #004D49;
    border-color: #004D49;
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: #004D49;
    color: #fff;
    font-size: 1.0625em;
}

.scrolltop {
    background: #004D49;
}

.bg-primary {
    background: linear-gradient(
            90deg,
            rgba(0, 77, 73, 1) 0%,
            rgba(0, 117, 110, 1) 100%,
            rgba(94, 164, 162, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004d49",endColorstr="#5ea4a2",GradientType=1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.bg-green-amelia {
    background: linear-gradient(
            90deg,
            rgba(0, 77, 73, 1) 0%,
            rgba(0, 117, 110, 1) 100%,
            rgba(94, 164, 162, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004d49",endColorstr="#5ea4a2",GradientType=1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.btn.btn-warning {
    color: black;
}

.nav.nav-pills.nav-success .nav-link.active {
    color: #ffffff;
    background-color: #004D49;
}

.nav.nav-pills.nav-success .show > .nav-link .nav-text, .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-text,
.nav.nav-pills.nav-success .show > .nav-link .nav-text, .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon,
.nav.nav-pills.nav-success .show > .nav-link .nav-text, .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon i {
    color: #004D49;
}

.nav.nav-pills.nav-success .show > .nav-link, .nav.nav-pills.nav-success .nav-link:hover:not(.active) {
    color: #004D49;
    background-color: transparent;
}


/** start::Flash **/
.alert {
    margin-top: -25px;
    border-radius: inherit;
}
/** end::Flash **/

/** start::Toastr **/
.toast-top-right {
    top: 90px;
    right: 12px;
}

.toast.toast-success {
    background-color: #00756EFF;
    color: #ffffff;
}
/** end::Toastr **/

@media (min-width: 992px) {
    .header .header-top {
        background: linear-gradient(
                90deg,
                rgba(0, 77, 73, 1) 0%,
                rgba(0, 117, 110, 1) 100%,
                rgba(94, 164, 162, 1) 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004d49",endColorstr="#5ea4a2",GradientType=1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

    .header-bottom {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    .topbar {
        background-color: #004D49;
    }

    .dt-buttons {
        display: flex !important;
    }
}