@charset "UTF-8";
.dark-mode, .login-page, .register-page {
  background-color: rgb(57, 62, 70);
}
.dark-mode .login-logo a,
.dark-mode .register-logo a, .login-page .login-logo a,
.login-page .register-logo a, .register-page .login-logo a,
.register-page .register-logo a {
  color: white;
}
.dark-mode [class*=sidebar-dark-],
.dark-mode .card,
.dark-mode .login-card-body,
.dark-mode .register-card-body, .login-page [class*=sidebar-dark-],
.login-page .card,
.login-page .login-card-body,
.login-page .register-card-body, .register-page [class*=sidebar-dark-],
.register-page .card,
.register-page .login-card-body,
.register-page .register-card-body {
  background-color: rgb(34, 40, 49);
}
.dark-mode [class*=sidebar-dark] .brand-link, .login-page [class*=sidebar-dark] .brand-link, .register-page [class*=sidebar-dark] .brand-link {
  border-color: rgb(238, 238, 238);
}
.dark-mode .main-header, .login-page .main-header, .register-page .main-header {
  border-bottom: 1px solid rgb(238, 238, 238);
}
.dark-mode .card-primary.card-outline, .login-page .card-primary.card-outline, .register-page .card-primary.card-outline {
  border-top: 3px solid rgb(238, 238, 238);
}
.dark-mode .navbar-white, .login-page .navbar-white, .register-page .navbar-white {
  background-color: rgb(34, 40, 49);
  color: white;
}
.dark-mode .navbar-white .navbar-nav .nav-link, .login-page .navbar-white .navbar-nav .nav-link, .register-page .navbar-white .navbar-nav .nav-link {
  color: white;
}
.dark-mode .preloader,
.dark-mode .content-wrapper, .login-page .preloader,
.login-page .content-wrapper, .register-page .preloader,
.register-page .content-wrapper {
  background-color: rgb(57, 62, 70) !important;
}
.dark-mode .link-black,
.dark-mode .link-dark,
.dark-mode .text-black,
.dark-mode .text-dark, .login-page .link-black,
.login-page .link-dark,
.login-page .text-black,
.login-page .text-dark, .register-page .link-black,
.register-page .link-dark,
.register-page .text-black,
.register-page .text-dark {
  color: white !important;
}
.dark-mode a, .login-page a, .register-page a {
  color: rgb(253, 112, 20);
}
.dark-mode .btn-primary, .login-page .btn-primary, .register-page .btn-primary {
  color: white;
  background-color: rgb(253, 112, 20);
  border-color: rgb(253, 112, 20);
  box-shadow: none;
}
.dark-mode .btn-primary:hover, .login-page .btn-primary:hover, .register-page .btn-primary:hover {
  color: white;
  background-color: rgb(34, 40, 49);
  border-color: white;
}
.dark-mode .btn-app,
.dark-mode .btn-default, .login-page .btn-app,
.login-page .btn-default, .register-page .btn-app,
.register-page .btn-default {
  background-color: rgb(57, 62, 70);
  border-color: white;
}
.dark-mode .custom-control-label::before,
.dark-mode .custom-file-label,
.dark-mode .custom-file-label::after,
.dark-mode .custom-select,
.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar),
.dark-mode .input-group-text, .login-page .custom-control-label::before,
.login-page .custom-file-label,
.login-page .custom-file-label::after,
.login-page .custom-select,
.login-page .form-control:not(.form-control-navbar):not(.form-control-sidebar),
.login-page .input-group-text, .register-page .custom-control-label::before,
.register-page .custom-file-label,
.register-page .custom-file-label::after,
.register-page .custom-select,
.register-page .form-control:not(.form-control-navbar):not(.form-control-sidebar),
.register-page .input-group-text {
  background-color: rgb(34, 40, 49) !important;
  color: white !important;
}
.dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active, .login-page .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.login-page .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active, .register-page .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.register-page .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: rgb(253, 112, 20);
  color: white;
}
.dark-mode .page-item.active .page-link, .login-page .page-item.active .page-link, .register-page .page-item.active .page-link {
  background-color: rgb(253, 112, 20);
  border-color: rgb(253, 112, 20);
  color: white;
}
.dark-mode .page-item:not(.active) .page-link, .login-page .page-item:not(.active) .page-link, .register-page .page-item:not(.active) .page-link {
  background-color: rgb(34, 40, 49);
  border-color: white;
  color: white;
}
.dark-mode .btn-primary:not(:disabled):not(.disabled).active,
.dark-mode .btn-primary:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-primary.dropdown-toggle, .login-page .btn-primary:not(:disabled):not(.disabled).active,
.login-page .btn-primary:not(:disabled):not(.disabled):active,
.login-page .show > .btn-primary.dropdown-toggle, .register-page .btn-primary:not(:disabled):not(.disabled).active,
.register-page .btn-primary:not(:disabled):not(.disabled):active,
.register-page .show > .btn-primary.dropdown-toggle {
  color: white;
  background-color: rgb(34, 40, 49);
  border-color: rgb(34, 40, 49);
}
.dark-mode .dropdown-menu,
.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer, .login-page .dropdown-menu,
.login-page .navbar-nav > .user-menu > .dropdown-menu > .user-footer, .register-page .dropdown-menu,
.register-page .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: rgb(34, 40, 49);
  color: white;
}
.dark-mode .dropdown-item.active,
.dark-mode .dropdown-item:active, .login-page .dropdown-item.active,
.login-page .dropdown-item:active, .register-page .dropdown-item.active,
.register-page .dropdown-item:active {
  color: white;
  text-decoration: none;
  background-color: rgb(34, 40, 49);
}
.dark-mode a:not(.btn):hover, .login-page a:not(.btn):hover, .register-page a:not(.btn):hover {
  color: white;
}
.dark-mode .dropdown-item:focus,
.dark-mode .dropdown-item:hover, .login-page .dropdown-item:focus,
.login-page .dropdown-item:hover, .register-page .dropdown-item:focus,
.register-page .dropdown-item:hover {
  background-color: rgb(34, 40, 49);
}
.dark-mode .nice-select, .login-page .nice-select, .register-page .nice-select {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: unset;
  background-color: rgb(34, 40, 49);
}
.dark-mode .nice-select .nice-select-dropdown, .login-page .nice-select .nice-select-dropdown, .register-page .nice-select .nice-select-dropdown {
  background-color: rgb(34, 40, 49);
}
.dark-mode .nice-select .nice-select-search, .login-page .nice-select .nice-select-search, .register-page .nice-select .nice-select-search {
  background-color: rgb(34, 40, 49);
  color: white;
  font-size: 1rem;
  line-height: unset;
}
.dark-mode .nice-select .option:hover, .dark-mode .nice-select .option.focus, .dark-mode .nice-select .option.selected.focus´, .login-page .nice-select .option:hover, .login-page .nice-select .option.focus, .login-page .nice-select .option.selected.focus´, .register-page .nice-select .option:hover, .register-page .nice-select .option.focus, .register-page .nice-select .option.selected.focus´ {
  background-color: rgb(34, 40, 49);
  font-weight: 700;
}

table[data-toggle=table] tr td img {
  width: 46px;
  height: 38px;
  object-fit: contain;
}

table[data-toggle=table].table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.2);
}

/*
 * Plugin: Select2
 * ---------------
 */
.select2-container--default.select2-container--focus,
.select2-selection.select2-container--focus,
.select2-container--default:focus,
.select2-selection:focus,
.select2-container--default:active,
.select2-selection:active {
  outline: none;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #6c757d;
  background-color: rgb(34, 40, 49);
  padding: 6px 12px;
  height: 34px;
}

.select2-container--default.select2-container--open {
  border-color: rgb(253, 112, 20);
}

.select2-dropdown {
  border: 1px solid #6c757d;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: rgb(253, 112, 20);
  color: white;
}

.select2-results__option {
  padding: 6px 12px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -4px;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 6px;
  padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px;
  right: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 0;
}

.select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
  border: 1px solid #6c757d;
}

.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
  outline: none;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: white;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: white;
  line-height: 28px;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  color: white;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #6c757d;
}

.select2-container--default .select2-selection--multiple:focus {
  border-color: rgb(253, 112, 20);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #6c757d;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgb(253, 112, 20);
  border-color: rgb(253, 112, 20);
  padding: 1px 10px;
  color: white;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: white;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: rgb(253, 112, 20);
  color: white;
}

/*# sourceMappingURL=custom.css.map */
