/* MailCraft - schemat koloru "cobalt" dla Acelle (Cobalt Editorial).
   Zadanie #25 Etap A. Lustro core/css/theme/green.css z paleta kobaltowa.
   Aktywacja: Setting frontend_scheme=cobalt (+ backend_scheme=cobalt) -> body.theme-cobalt + load tego pliku.
   Deploy: public/core/css/theme/cobalt.css. Update-safe: nowy plik (nie nadpisuje dostarczanych), setting w DB.
   Paleta: kobalt #3D5AFE, deep #2E3FAF, 100 #ECEEFF, ink #0A2540. Bez em-dash. */

.theme-cobalt .navbar-main {
    background-color: rgba(10, 37, 64, 0.96)!important;
}
.theme-cobalt .btn-info {
    background-color: #8aa0ff;
    border-color: #8aa0ff;
}
.theme-cobalt .btn-info:hover {
    background-color: #6f8bff;
    border-color: #6f8bff;
}
.theme-cobalt .btn-primary {
    background-color: #3D5AFE;
    border-color: #3D5AFE;
}
.theme-cobalt .btn-primary:hover {
    background-color: #2E3FAF;
    border-color: #2E3FAF;
}
.theme-cobalt a:not(.btn, .dropdown-item, .nav-link) {
    color: #3D5AFE;
}
.theme-cobalt a:not(.btn, .dropdown-item, .nav-link):hover {
    color: #2E3FAF;
}
.theme-cobalt .progress-bar-info {
    background-color: #2E3FAF;
}
.theme-cobalt .page-item.active .page-link {
    background-color: #ECEEFF;
    border-color:#3D5AFE;
}
.theme-cobalt .dropdown-menu li:hover > a {
    background-color: #ECEEFF;
}
.theme-cobalt .dropdown-menu > .active > a,
.theme-cobalt .dropdown-menu > .active > a:hover,
.theme-cobalt .dropdown-menu > .active > a:focus {
    background-color: #DCE0FF;
}
.theme-cobalt .nav-tabs > li.active > a,
.theme-cobalt .nav-tabs > li.active > a:hover,
.theme-cobalt .nav-tabs > li.active > a:focus {
    border-bottom-color: #2E3FAF;
}
.theme-cobalt .select2-results__option[aria-selected=false]:hover {
    background-color: #ECEEFF!important;
}
.theme-cobalt .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #c9d2ff !important;
}
.theme-cobalt .progress-bar {
    background-color: #3D5AFE;
}
.theme-cobalt .nav-tabs > li.active > a.nav-link,
.theme-cobalt .nav-tabs > li > a.nav-link.active,
.theme-cobalt .nav-tabs > li > a.nav-link:hover,
.theme-cobalt .nav-tabs > li > a.nav-link:focus {
    border-bottom-color: #3D5AFE;
}
body.mode-dark.theme-cobalt,
body.mode-dark.theme-cobalt .modal-content,
body.mode-dark.theme-cobalt .dropdown-menu li,
body.mode-dark.theme-cobalt .select2-dropdown,
body.mode-dark.theme-cobalt .autofill-dropbox-container,
body.mode-dark.theme-cobalt .top-sticky-content,
body.mode-dark.theme-cobalt .search-results,
body.mode-dark.theme-cobalt .template-create-sticky {
    background-color: rgb(13, 23, 42);
}
body.mode-dark.theme-cobalt .navbar-main {
    background-color: rgba(6, 17, 42, 0.92)!important;
}
body.mode-dark.theme-cobalt a:not(.btn, .dropdown-item, .nav-link) {
    color: #8aa0ff;
}
body.mode-dark.theme-cobalt a:not(.btn, .dropdown-item, .nav-link):hover {
    color: #c2ccff;
}
.theme-cobalt .switchery[type="checkbox"]:checked ~ .check-symbol:before,
.theme-cobalt .styled[type="checkbox"]:checked ~ .check-symbol:before {
    background-color: #3D5AFE;
    border-color: #3D5AFE;
}
.theme-cobalt .styled[type="radio"]:checked ~ .check-symbol:after {
    background-color: #3D5AFE;
}
.theme-cobalt.bg-slate-800 {
    background-color: #2b3242;
    border-color: #2b3242;
}