html body.navbar-sticky .app-content .content-wrapper {
    padding: 30px 25px 5px 25px;
    margin: 60px 20px 20px 20px;
    background-color: #0e0e0e;
    border-radius: 30px;
}
.badge badge-demo bg-label-danger ms-auto {
    background-color: #ff6300;
    font-size: 0px;
}
.badge.badge-success{
    border-radius: 10px;
}
.badge.badge-danger{
    border-radius: 10px;
}
.badge.badge-warning {
    border-radius: 10px;
    
}
.rounded-pill {
    border-radius: 0px;
    border: 0px;
    
}
.alert.alert-warning{
    background: #02acef!important;
    box-shadow: 0 3px 8px 0 rgba(30,144,255, 0.4)!important;
}
body.dark-layout select.form-control, body.dark-layout .custom-select {
    background-color: #383535;
    color: #fff;
    border-color: #02acef;
    border-radius: 25px;
}
body.dark-layout .main-menu .shadow-bottom {
    background: linear-gradient(180deg, #212121 44%, #212121 73%, #21212100);
}
.dhr-marquee {
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .6px;
    line-height: 50px;
    height: 36px;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

body.dark-layout .card .card-body {
    color: #e9e9e9;
    background-color: #212121;
    border-color: #49494959 !important;
    border-radius: 30px;
    margin-top: 20px;
}

body.dark-layout .btn[class*="btn-"] {
    color: #fff !important;
    border-color: #0e0e0e !important;
    background-color: #01b0f5 !important;
    border-radius: 20px;

}

.card .card-header .card-title {
    margin-bottom: 0;
    color: #fff;
}

.header-navbar .navbar-wrapper {
    width: 100%;
    background: #dee2e7;
}

body.dark-layout .header-navbar .user-name {
    color: #0e0e0e !important;
}

body.dark-layout input.form-control:not(:focus), body.dark-layout .custom-file-label:not(:focus), body.dark-layout textarea.form-control:not(:focus) {
    border-color: #0e0e0e;
    border-radius: 30px;
}

body.dark-layout .card .card-header, body.dark-layout .card .card-footer {
    color: #8a99b5;
    background-color: #0e0e0e00;
    border-color: #0e0e0e !important;
}



.table {
    width: 100%;
    color: #0e0e0e;
    background-color: #01b0f5;
    border-radius: 30px;
}

body.dark-layout .card {
    background-color: #272e4800;
    box-shadow: none;
    border-radius: 30px;
    border: 1px solid #5a8def00 !important;
}

@media (min-width: 992px)
body.vertical-layout.vertical-menu-modern .main-menu.menu-dark {
    border-right: 1px solid #0e0e0e00;
}

.header-navbar.fixed-top {
    left: 260px;
    position: fixed;
    background-color: #1a233a !important;
}

.header-navbar .navbar-wrapper {
    width: 100%;
    background: #1a233a;
}


    @media (max-width: 1200px) {
.header-navbar.fixed-top {
    left: 0 !important;
}
}

avatar {
    white-space: nowrap;
    background-color: #c3c3c3;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    color: #0e0e0e;
    display: inline-flex;
    font-size: 0.8rem;
    text-align: center;
    vertical-align: middle;
    margin: 0;
}

body.dark-layout .nav-tabs ~ .tab-content, body.dark-layout .nav ~ .tab-content, body.dark-layout .pills-stacked ~ .tab-content {
    background-color: #1a233a;
}


.card .card-header ~ .card-content .card-body {
    padding-top: 25px;
}

body.dark-layout ul li {
    color: #8a99b5 !important;
    border-radius: 25px !important;
}


.text-success {
    color: #00ff00 !important;
}
.bg-success {
    background-color: #01b0f5 !important;
    border-radius: 10px;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color: #4b6492 !important;
}
body.dark-layout p, body.dark-layout small, body.dark-layout span, body.dark-layout label {
    color: #fff;
}
body.dark-layout .main-menu-content .navigation-main {
    background-color: #0e0e0e;
}
body.dark-layout {
    background-color: #0e0e0e;
}
body.dark-layout h1, body.dark-layout h2, body.dark-layout h3, body.dark-layout h4, body.dark-layout h5, body.dark-layout h6 {
    color: #fff!important;
}
.text-muted {
    color: #fff !important;
}
body.dark-layout .divider .divider-text {
    background-color: transparent;
    color: #fff!important;
}
.main-menu.menu-dark .navigation > li.nav-item.open.has-sub.open, .main-menu.menu-dark .navigation > li.nav-item.open.has-sub.sidebar-group-active, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub.open, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub.sidebar-group-active {
    border-radius: 0.267rem;
    border: 1px solid #1f1d1dd8;
    background-color: #212121;
    transition: none;
}
body.dark-layout .main-menu-content .navigation-main .nav-item i {
    color: #01b0f5;
}
a {
    color: #5A8DEE;
    text-decoration: none;
    background-color: #01b0f500;
}
body.dark-layout input.form-control, body.dark-layout .custom-file-label, body.dark-layout textarea.form-control {
    background-color: #383535;
    color: #fff;
}
body.dark-layout input.form-control:not(:focus), body.dark-layout .custom-file-label:not(:focus), body.dark-layout textarea.form-control:not(:focus) {
    border-color: #01b0f5;
    border-radius: 30px;
}
body.dark-layout .divider .divider-text {
    background-color: #6f111100;
    color: #afcbe6;
}
.divider.divider-primary .divider-text:before, .divider.divider-primary .divider-text:after {
    border-color: #0e0e0e !important;
}
.divider.divider-success .divider-text:before, .divider.divider-success .divider-text:after {
    border-color: #0e0e0e !important;
}
.table {
    width: 100%;
    color: #0e0e0e;
    background-color: #0e0e0e;
    border-radius: 30px;
}
body.dark-layout .table tbody td, body.dark-layout .table tbody th {
    border-color: #01b0f5;
    color: #fff;
}
body.dark-layout .table thead th {
    border-color: #01b0f5;
    color: #fff;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link i {
    color: #01b0f5;
}
.header-navbar .navbar-wrapper {
    width: 100%;
    background: #0e0e0e;
}
body.dark-layout select.form-control, body.dark-layout .custom-select {
    background-color: #383535;
    color: #fff;
    border-color: #02acef;
    border-radius: 25px;
}
.primary {
    color: #01b0f5 !important;
}
body.dark-layout .main-menu {
    background-color: #0e0e0e !important;
}
.text-primary {
    color: #0e0e0e !important;
}
body.dark-layout .modal .modal-header {
    background-color: #01b0f5;
    border-bottom: 1px solid #0e0e0e;
}
.text-danger {
    color: #ff0000 !important;
}
.text-danger {
    color: #afcbe6 !important;
}
.badge {
    color: #0e0e0e;
    font-family: "Rubik", Helvetica, Arial, serif;
    background-color: #f10001;
    text-transform: uppercase;
}
.badge.badge-danger {
    background-color: #fb0001;
}
body.dark-layout .pagination .page-item .page-link {
    border: 1px solid #afcbe6;
    border-right: 0;
    border-left: 0;
    color: #fff;
}
.pagination .page-item.active .page-link, .pagination .page-item.active .page-link:hover {
    border-radius: 0.267rem;
    background-color: #01b0f5 !important;
    color: #0e0e0e;
}
body.dark-layout .modal .modal-content, body.dark-layout .modal .modal-body, body.dark-layout .modal .modal-footer {
    background-color: #383535;
}
body.dark-layout .dropdown-menu {
    background-color: #0e0e0e;
    border: 1px solid #01b0f5;
}
body.dark-layout .dropdown-menu .dropdown-item:hover, body.dark-layout .dropdown-menu .dropdown-item:focus {
    background: #01b0f5;
}
body.dark-layout .dropdown-menu .dropdown-item {
    color: #afcbe6;
}
body.dark-layout .dropdown-menu .dropdown-item {
    color: #afcbe6;
}
body.dark-layout .nav-tabs ~ .tab-content, body.dark-layout .nav ~ .tab-content, body.dark-layout .pills-stacked ~ .tab-content {
    background-color: #0e0e0e;
}
body.dark-layout code {
    background-color: #01b0f5;
    border-radius: 10px;
}
code {
    padding: .1rem .4rem;
    font-size: 90%;
    color: #0e0e0e;
    background-color: #afcbe6;
    border-radius: 0.1335rem;
}
.alert.alert-success {
    background: #01b0f5 !important;
    color: #fff !important;
    border: none;
}
.ace-twilight {
    background-color: #272e48;
    color: #0e0e0e;
}
.ace-twilight .ace_gutter {
    background: #afcbe6;
    color: #0e0e0e;
}
body.dark-layout .divider .divider-text {
    background-color: #01b0f5;
    border-top-left-radius: 25px;
    color: #0e0e0e;
    border-top-right-radius: 25px;
}

body.dark-layout .dropdown-menu:before {
    background: #0e0e0e;
    border-top: 1px solid #0e0e0e;
    border-left: 1px solid #0e0e0e;
}
badge badge-demo bg-label-danger ms-auto {
    color: #0e0e0e; font-size: 0px; background-color: #0e0e0e;
}

body.dark-layout .card {
    box-shadow: -8px 12px 20px 0 rgba(11, 26, 51, 0) !important;
}
.div.swal-modal{
    background-color: #383535;
}