html body .content.

app-content {
overflow: hidden;
background-color: #e8e7e7;
}

body.dark-layout .header-navbar.fixed-top {
background-color: #e8e7e7;
}

body.dark-layout .main-menu-content .navigation-main {

background-color: #e8e7e7;
margin-top: 15px;
}

.header-navbar.fixed-top {
left: 260px;
position: fixed;
background-color: #e8e7e7 !important;
box-shadow: rgb(26 35 59 / 0%) -8px 12px 18px 0px !important;
}

@media (min-width: 992px) {

body.vertical-layout.vertical-menu-modern .main-menu.menu-dark {
border-right: 0px solid #464d5c;
}
}

body.dark-layout .main-menu {
background-color: #e8e7e7 !important;
}

.card-body {
border: 0px solid #ebedf2;
border-radius: 20px !important;
}

body.dark-layout {
background-color: #ffffff;
box-shadow: -8px 12px 20px 0 rgb(11 26 51 / 0%) !important;
border-radius: 20px;
}

.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #FFFFFF;
background-clip: border-box;
border: 0px solid #dfe3e7;
border-radius: 20px;
}

body.dark-layout .card .card-header, body.dark-layout .card .card-footer {

color: #8a99b5;
background-color: #ffffff;
border-color: #464d5c !important;
border-radius: 21px;
}

body.dark-layout .card .card-body {

color: #1a1a1a;
background-color: #ffffff;
border-color: #C9C9C9 !important;
}

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: #4d4d4d;
}

body.dark-layout .card {
background-color: #ffffff;
box-shadow: -8px 12px 20px 0 rgb(44 54 69 / 0%) !important;
border: 1px solid #C9C9C9!important;
}

.text-muted {
color: #272727 !important;
}

.text-success {
color: #39DA8A !important;
font-weight: 600;
}

body.dark-layout input.form-control, body.dark-layout .custom-file-label,

body.dark-layout textarea.form-control {
background-color: #ffffff;
color: #464d5c;
border-radius: 10px;
border-color: #c9c9c9 !important;
}

body.dark-layout p, body.dark-layout small, body.dark-layout span, body.dark-layout

label {
color: #394c62;
font-weight: 500;
}

body.dark-layout .main-menu-content .navigation-main .nav-item i {

color: #8a99b5;
filter: brightness(0.1);
}

.dhr-marquee {
color: #fff;
font-size: 14px;
font-weight: 400;
letter-spacing: .6px;
line-height: 100px;
height: 0px;
margin: 0px;
padding: 0px;
display: inline-block;
}
body.dark-layout .btn[class*="btn-"] {
color: #FFFFFF !important;
background: #39da8a;
}

.primary {
color: #39da8a !important;
}

body.dark-layout .header-navbar .user-name {

color: #394c62 !important;
}

.btn-warning {
border-color: #1fa764 !important;
background-color: #39da8a !important;
color: #fff;
}

.btn-warning:hover, .btn-warning.hover {
background-color: #23bd70 !important;
color: #fff;
}

body.dark-layout .table thead th {

border-color: #C9C9C9;
color: #394c62;
}

body.dark-layout .table tbody td, body.dark-layout .table tbody th {

border-color: #C9C9C9;
color: #394c62;
}

body.dark-layout select.form-control, body.dark-layout .custom-select {

background-color: #ffffff;
color: #394c62;
border-color: #c9c9c9;
border-radius: 10px;
}

body.dark-layout code {
background-color: #ffffff;
color: #39da8a;
}

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

.btn-primary {
border-color: #39da8a !important;
background-color: #39da8a !important;
color: #fff;
}

.btn-primary:hover, .btn-primary.hover {
background-color: #1fa764 !important;
color: #fff;
}

.pagination .page-item.active .page-link, .pagination .page-item.active .page-

link:hover {
border-radius: 0.267rem;
background-color: #39da8a !important;
color: #FFFFFF;
}

body.dark-layout .pagination .page-item .page-link {

border: 1px solid #C9C9C9;
border-right: 0;
border-left: 0;
color: #8a99b5;
}

.logo {
width: 160px;
margin-top: -10px !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: 10px;
border: 1px solid #C9C9C9;
background-color: #ffffff;
transition: none;
}

body.dark-layout .main-menu .shadow-bottom {

background: #e8e7e7;
}

.main-menu.menu-dark .navigation > li ul li > a {

padding: 5px 0px 0px 0px!important;
margin: 0px 5px 10px 10px;
}

body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li

> a > i {
margin-right: 10px;
}

body.dark-layout .nav-tabs ~ .tab-content, body.dark-layout .nav ~ .tab-content,

body.dark-layout .pills-stacked ~ .tab-content {
background-color: #ffffff;
}

@media (max-width: 992px) {

.header-navbar.fixed-top {
left: 0px;
height: 10px !important;
position: fixed;
background-color: #e8e7e7 !important;
box-shadow: rgb(26 35 59 / 0%) -8px 12px 18px 0px !important;
}
}
html body.navbar-sticky .app-content .content-wrapper {
padding: 1.8rem 2.2rem 0;
margin-top: 2rem;
}

.float-right {
float: inherit;
}

body.dark-layout .dropdown-menu:before {
background: #fff;
border-top: 1px solid #C9C9C9;
border-left: 1px solid #C9C9C9;
}

body.dark-layout .dropdown-menu {
background-color: #ffffff;
border: 1px solid #C9C9C9;
color: #394c62;
}

body.dark-layout .dropdown-menu .dropdown-item {

color: #394c62;
}

.rounded-pill {
border-radius: 8px !important;
}

body.dark-layout .pagination .page-item:first-child .page-link {

border-left: 1px solid #C9C9C9;
}

body.dark-layout .pagination .page-item:last-child .page-link {

border-right: 1px solid #C9C9C9;
}

.col-12 {
position: relative;
width: 100%;
padding-right: 0px;
padding-left: 0px;
}

.card .card-header ~ .card-content .card-body {

padding-top: 10px;
}

.bg-success {
background-color: #39DA8A !important;
border: 0px solid;
}

body.dark-layout .dropdown-menu .dropdown-item:hover,

body.dark-layout .dropdown-menu .dropdown-item:focus {
background: #dfe3e7;
}
.btn-outline-primary {
border: 1px solid #38d788;
background-color: transparent;
color: #5A8DEE !important;
}

.divider.divider-primary .divider-text:before, .divider.divider-primary .divider-

text:after {
border-color: #1fa764 !important;
}

body.dark-layout .modal .modal-content, body.dark-layout .modal .modal-body,

body.dark-layout .modal .modal-footer {
background-color: #fefefe;
}

body.dark-layout .modal .modal-header {

background-color: #dfe3e7;
border-bottom: 1px solid #c9c9c9;
}

body.dark-layout .modal .modal-footer {

border-top: 1px solid #c9c9c9;
}

body.dark-layout .divider .divider-text {

background-color: transparent;
color: #394c62;
}

.main-menu.menu-dark .navigation .navigation-header {

color: #bac0c7;
margin: calc(1.5rem - 0.5rem) 0 0.5rem 1.8rem;
padding: 0;
letter-spacing: 1px;
}

.header-msg {
display: none;
}

body.dark-layout {
background-color: #e8e7e7;
box-shadow: -8px 12px 20px 0 rgb(11 26 51 / 0%) !important;
border-radius: 20px;
}