@charset "utf-8";

#btnDarkModeContainer {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 1;
}
#btnDarkModeContainer:hover {
  -webkit-animation: animate-bounce .5s ease-out;
}
#btnDarkMode:hover,
#btnDarkMode:focus {
  text-decoration: none;
}
#btnDarkMode {
  height: 50px;
  width: 50px;
  padding: 0.375rem 0.75rem;
}
#btnDarkMode i {
  color: #fff;
  font-size: 24px;
}
#toggleDarkMode {
	cursor: pointer;
}
#toggleDarkMode:hover {
	color: #0099de;
	background-color: #f0f6f9;
}
.dark-mode #toggleDarkMode {
	color: #5bcefa;
}
.dark-mode #toggleDarkMode:hover {
	color: #0099de;
	background-color: #0e1f27;
}

.dark-mode #devLinks {
  opacity: .5;
}
.dark-mode #devLinks:hover {
  opacity: 1;
}
.dark-mode a,
.dark-mode .btn-link {
  color: #5bcefa;
}
.dark-mode .text-danger {
	color: #ff6764 !important;
}
.dark-mode .text-success {
	color: #37c256 !important;
}
.dark-mode .row-header .row {
	color: #fff;
}
.dark-mode .row-item,
.dark-mode .row-header .row {
  border-color: #0e1f27;
}
.dark-mode .row-item.text-info,
.dark-mode .row-item:hover {
  color: #5bcefa !important;
}
.dark-mode .row-item:hover {
	background-color: #0e1f27;
}
.dark-mode .row-item.unread .row > [class*="col-"]:first-child::before {
	color: #0e1f27;
}
.dark-mode .row-item.unread:hover .row > [class*="col-"]:first-child::before {
    background-color: #5bcefa !important;
}

.dark-mode.cnf-bg-light,
.dark-mode .cnf-bg-light,
.dark-mode.bg-light,
.dark-mode .bg-light {
  background-color: #0e1f27 !important
}
.dark-mode .navbar-nav:not .dropdown-menu {
  background-color: #192e38;
  box-shadow: 0 5px 40px rgba(0,0,0,.6);
}
@media (min-width: 992px) {
  .dark-mode .dropdown-menu {
    background-color: #192e38;
    box-shadow: 0 5px 40px rgba(0,0,0,.6);
  }
}
.dark-mode .dropdown-item:focus,
.dark-mode .dropdown-item:hover {
  background-color: #0e1f27;
}
.dark-mode .dropdown-divider {
  border-color: rgba(255,255,255,.15);
}

.dark-mode .cnf-card-btn .bg-primary {
  background-color: #0c6894 !important;
}
.dark-mode .cnf-card-btn:hover .bg-primary {
  background-color: #055176 !important;
}
.dark-mode .cnf-card-btn .bg-success {
  background-color: #1e7e34 !important;
}
.dark-mode .cnf-card-btn:hover .bg-success {
  background-color: #205f2f !important;
}

.dark-mode .bg-primary-lighter {
  background-color: rgba(117, 192, 226, 0.2) !important;
}
.dark-mode .bg-danger-lighter {
  background-color: rgba(220, 53, 69, .4) !important;
}
.dark-mode .bg-success-lighter {
  background-color: rgba(40, 167, 69, .4) !important;
}
.dark-mode .bg-gradient-light {
	background: linear-gradient(90deg,#13262f,#162a33)!important;
}
.dark-mode,
.dark-mode p,
.dark-mode h1,
.dark-mode .h1,
.dark-mode h2,
.dark-mode .h2,
.dark-mode h3,
.dark-mode .h3,
.dark-mode h4,
.dark-mode .h4,
.dark-mode h5,
.dark-mode .h5,
.dark-mode h6,
.dark-mode .h6,
.dark-mode .custom-control-input.is-valid~.custom-control-label,
.dark-mode .was-validated .custom-control-input:valid~.custom-control-label,
.dark-mode .show-hide-password,
.dark-mode .form-control,
.dark-mode .input-group-text,
.dark-mode .custom-select,
.dark-mode .btn-dark,
.dark-mode .btn-primary {
  color: #fff;
}
.dark-mode .bg-warning .modal-title {
	color: #212529;
}
.dark-mode .card:not([class^='bg-']):not([class*='bg-']),
.dark-mode .bg-white,
.dark-mode .cnf-callout,
.dark-mode .progress-form {
  background-color: #192e38 !important;
}
.dark-mode .form-control:hover,
.dark-mode .custom-select:hover,
.dark-mode .input-group-text:hover {
  background-color: rgba(183, 211, 249, 0.13);
}
.dark-mode .form-control,
.dark-mode .custom-select,
.dark-mode .form-control.is-valid,
.dark-mode .was-validated .form-control:valid,
.dark-mode .custom-select.is-valid,
.dark-mode .was-validated .custom-select:valid {
  background-color: rgba(255,255,255,0);
}
.dark-mode .form-control.is-invalid,
.dark-mode .was-validated .form-control:invalid,
.dark-mode .custom-select.is-invalid,
.dark-mode .was-validated .custom-select:invalid {
  background-color: rgba(220, 53, 69, 0.18);
  border-color: #dc3545;
}
.dark-mode .was-validated .form-control:invalid:focus,
.dark-mode .form-control.is-invalid:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .6);
}
.dark-mode option {
  background-color: #283033;
}
.dark-mode .cnf-field-icon {
  color: #fff;
}

.dark-mode .btn-dark {
  background-color: #1d4050;
  border-color: #1d4050;
}
.dark-mode .btn-dark:hover {
  background-color: #122731;
  border-color: #122731;
}

.dark-mode .badge-info {
  color: #0e1f27;
}

.dark-mode .progress-bar {
  background-color: #1995a9;
}
.dark-mode .progress {
  background-color: #115b67;
}
.dark-mode .progress-step,
.dark-mode .progress-step-complete {
  color: #41758e;
}
.dark-mode .progress-step-active,
.dark-mode .progress-step-active i {
  color: #3ac4da;
}

.dark-mode .cnf-nav-tabs .nav-link {
  color: rgba(255,255,255,0.75);
}
.dark-mode .cnf-nav-tabs.nav-tabs .nav-link:hover,
.dark-mode .cnf-nav-tabs.nav-tabs .nav-link:focus {
  border-color: rgba(255,255,255,.15);
}
.dark-mode .cnf-nav-tabs.nav-tabs .nav-link.active,
.dark-mode .cnf-nav-tabs.nav-tabs .nav-item.show .nav-link {
  color: #fff;
  background: none;
  border-color: #0099de;
}

.dark-mode .modal-backdrop {
  background-color: #030e13;
}