:root {
  --theme-white-sidebar-bg: #13294b;
  --theme-white-container-bg:#fafafa;
  --theme-dark-container-bg:#001730;
  --theme-second-color:#aad340;
}

body{
    background-color: var(--theme-white-container-bg);
}

.pml-table-container .list-status .bg-active , .btn-secondary:hover  {
  background: var(--theme-white-sidebar-bg);
  color: #fff;
}

body.mode-dark .alert-warning {
  background-color: var(--theme-dark-container-bg);
}
body.mode-dark .btn-secondary,
.btn-primary,
.btn-secondary,
.btn-info,
.styled[type="radio"]:checked ~ .check-symbol::after,.btn.sort-direction{
  background: var(--theme-white-sidebar-bg);
  color: #fff;
  border: none;
}
body.mode-dark .btn-secondary:hover,
.btn-primary:hover,
.btn-info:hover {
  background: var(--theme-white-sidebar-bg);
  color: #fff;
}

.leftbar .navbar-main {
    background-color: var(--theme-white-sidebar-bg);
}

body {
 color: var(--theme-white-sidebar-bg);
}

.mode-light .page-container{
    background: var(--theme-white-container-bg) !important;
}

body.mode-dark .navbar-main {
 background-color: var(--theme-white-sidebar-bg);
}

 .mode-dark .page-container , body.mode-dark .top-sticky-content{
 background-color: var(--theme-dark-container-bg);
}

.but-change-theme-mode[data-mode="dark"] svg {
    fill: var(--theme-second-color) !important;
}

.nav-tabs > li.active > a.nav-link, .nav-tabs > li > a.nav-link.active, .nav-tabs > li > a.nav-link:hover, .nav-tabs > li > a.nav-link:focus{
    background-color: transparent;
   border-bottom-color: var(--theme-second-color);
}
body.mode-dark .top-controls-container a , body.mode-dark .top-controls-container a:hover {
    color: var(--theme-second-color);
}
.bg-slate-800 {
    background-color: var(--theme-dark-container-bg);
}

.login-page .small a{
    color: var(--theme-second-color);
} 

.login-page .login-button {
    background-color: var(--theme-second-color);
    color: var(--theme-white-container-bg);
}
body.mode-dark a:not(.btn, .dropdown-item) , body.mode-dark a:not(.btn, .dropdown-item):hover {
color: var(--theme-white-container-bg);
}

 a , a:hover {
color: var(--theme-dark-container-bg);
}

body.mode-dark .top-controls-container a:not(.btn, .dropdown-item) , body.mode-dark .top-controls-container a:not(.btn, .dropdown-item):hover {
color: var(--theme-second-color);
}

.styled[type="checkbox"]:checked ~ .check-symbol::before{
    background-color: var(--theme-dark-container-bg);
}

label.checker input:checked ~ .checker-symbol::before {
 background-color: var(--theme-second-color);
 border:none;
}

#mainAppNav .navbar-right .top-user-menus > .active > a {
    background-color: var(--theme-second-color);
    color: var(--theme-white-container-bg);
}

body.mode-dark{
   background-color: var(--theme-dark-container-bg); 
}

#TemplatesIndexContent  .template-card .btn-light{
    background-color: var(--theme-second-color);
    color: var(--theme-white-container-bg);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #dddddd !important;
}
 
.dropdown-menu > li > a:hover {
 background: #8f8f8f4a !important;
}

#TemplatesIndexContainer .filter-box .btn.sort-direction:hover , #TemplatesIndexContainer .filter-box .btn.sort-direction {
    background-color: #dddddd;
    color: #888888;
}