.brand-logo,
.brand-login-logo {
  display: block;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.brand-logo {
  width: 56px;
  height: 56px;
}

.brand-login-logo {
  width: 180px;
  height: 180px;
}

.header-nav .header-nav-brand .brand-holder a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  /* background: linear-gradient(135deg, #063670 0%, #0a4d95 100%); */
  box-shadow: 0 10px 24px rgba(6, 54, 112, 0.28);
}

.dashboard .img-content-block .title {
  font-size: 15px;
}

#content .text-primary,
#content .logo_text,
.headerbar .text-primary,
.headerbar .logo_text,
#menubar .text-primary,
#menubar .logo_text,
.navbar.navbar-default .text-primary,
.navbar.navbar-default .logo_text,
.modal-content .text-primary,
.dropdown-menu .text-primary,
.admin-dark-content-page .text-primary,
.admin-dark-content-page .logo_text {
  color: #f8fbff !important;
}

.headerbar a,
.headerbar .btn-link,
#menubar a,
#menubar .btn-link,
.navbar.navbar-default a,
.navbar.navbar-default .btn-link,
.dropdown-menu a,
.modal-content a,
.admin-dark-content-page a,
.admin-dark-content-page .btn-link {
  color: #dbe7f4;
}

.headerbar a:hover,
.headerbar a:focus,
.headerbar .btn-link:hover,
.headerbar .btn-link:focus,
#menubar a:hover,
#menubar a:focus,
#menubar .btn-link:hover,
#menubar .btn-link:focus,
.navbar.navbar-default a:hover,
.navbar.navbar-default a:focus,
.navbar.navbar-default .btn-link:hover,
.navbar.navbar-default .btn-link:focus,
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.modal-content a:hover,
.modal-content a:focus,
.admin-dark-content-page a:hover,
.admin-dark-content-page a:focus,
.admin-dark-content-page .btn-link:hover,
.admin-dark-content-page .btn-link:focus {
  color: #ffffff !important;
}

.headerbar,
#header,
.headerbar-left,
.headerbar-right,
.menu-custom-header {
  background: #111827;
}

.headerbar {
  border-bottom: 1px solid #1f3149;
  box-shadow: 0 12px 28px rgba(8, 15, 28, 0.28);
}

.headerbar .header-nav > li > a,
.headerbar .header-nav .profile-info,
.headerbar .header-nav .profile-info small,
.headerbar .btn-icon-toggle {
  color: #f8fbff;
}

.headerbar .header-nav > li > a:hover,
.headerbar .header-nav > li > a:focus,
.headerbar .btn-icon-toggle:hover,
.headerbar .btn-icon-toggle:focus {
  color: #9cc3f5;
}

.headerbar .header-nav-profile .dropdown > a:hover,
.headerbar .header-nav-profile .dropdown > a:focus,
.header-nav-profile .dropdown.open > a {
  background-color: #172235;
}

.header-nav-profile .dropdown.open > a {
  border-color: #172235;
}

body.menubar-hoverable.header-fixed,
#base,
#content {
  background: #0b1220;
}

#menubar,
#menubar:before,
.menubar-fixed-panel,
.menubar-foot-panel {
  background-color: #0f1724;
}

.menubar-fixed-panel {
  border-bottom: 1px solid #1f3149;
}

#menubar .menubar-fixed-panel a,
#menubar .menubar-foot-panel,
#menubar .gui-controls > li > a,
#menubar .gui-controls > li > a .title,
#menubar .gui-controls > li > a .gui-icon,
#menubar .gui-folder > a:after,
#menubar .gui-controls > li ul > li > a,
#menubar .gui-controls > li ul > li > a:before {
  color: #ffffff !important;
}

.gui-controls li.active .gui-icon:hover {
  background-color: #063670;
  color: #ffffff !important;
}

#menubar .gui-controls > li > a:hover,
#menubar .gui-controls > li > a:focus,
#menubar .gui-controls > li.active > a,
#menubar .gui-controls > li ul > li > a:hover,
#menubar .gui-controls > li ul > li > a:focus,
#menubar .gui-controls > li ul > li > a.active {
  background-color: #063670;
}

.btn-primary,
.btn-info,
.btn-primary:focus,
.btn-info:focus,
.btn-primary:active,
.btn-info:active,
.btn-primary.active,
.btn-info.active {
  background-color: #063670;
  border-color: #063670;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-info:hover,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-info {
  background-color: #042a57;
  border-color: #042a57;
  color: #ffffff !important;
}

.form-control:focus,
.select2-container .select2-choice:focus {
  border-color: #063670;
  box-shadow: 0 0 0 1px rgba(6, 54, 112, 0.15);
}

body.admin-tabulator-page section.style-default-bright .form-group .form-control ~ label,
body.admin-tabulator-page section.style-default-bright .floating-label .form-control ~ label,
.admin-dark-content-page .form-group .form-control ~ label,
.admin-dark-content-page .floating-label .form-control ~ label,
.modal-content .form-group .form-control ~ label,
.modal-content .floating-label .form-control ~ label,
.videos-page-dark .form-group .form-control ~ label,
.videos-page-dark .floating-label .form-control ~ label {
  color: #ffffff !important;
  opacity: 1 !important;
}

body.admin-tabulator-page section.style-default-bright .form-group .form-control ~ label:after,
body.admin-tabulator-page section.style-default-bright .form-group .form-control ~ .form-control-line:after,
.admin-dark-content-page .form-group .form-control ~ label:after,
.admin-dark-content-page .form-group .form-control ~ .form-control-line:after,
.modal-content .form-group .form-control ~ label:after,
.modal-content .form-group .form-control ~ .form-control-line:after,
.videos-page-dark .form-group .form-control ~ label:after,
.videos-page-dark .form-group .form-control ~ .form-control-line:after {
  background-color: #063670 !important;
}

body.admin-tabulator-page section.style-default-bright .form-group .form-control:focus,
body.admin-tabulator-page section.style-default-bright .form-group .form-control.dirty,
.admin-dark-content-page .form-group .form-control:focus,
.admin-dark-content-page .form-group .form-control.dirty,
.modal-content .form-group .form-control:focus,
.modal-content .form-group .form-control.dirty,
.videos-page-dark .form-group .form-control:focus,
.videos-page-dark .form-group .form-control.dirty {
  border-bottom-color: #355070 !important;
}

body.admin-tabulator-page section.style-default-bright .form-group .form-control:focus ~ label,
body.admin-tabulator-page section.style-default-bright .form-group .form-control.dirty ~ label,
body.admin-tabulator-page section.style-default-bright .floating-label .form-control:focus ~ label,
body.admin-tabulator-page section.style-default-bright .floating-label .form-control.dirty ~ label,
.admin-dark-content-page .form-group .form-control:focus ~ label,
.admin-dark-content-page .form-group .form-control.dirty ~ label,
.admin-dark-content-page .floating-label .form-control:focus ~ label,
.admin-dark-content-page .floating-label .form-control.dirty ~ label,
.modal-content .form-group .form-control:focus ~ label,
.modal-content .form-group .form-control.dirty ~ label,
.modal-content .floating-label .form-control:focus ~ label,
.modal-content .floating-label .form-control.dirty ~ label,
.videos-page-dark .form-group .form-control:focus ~ label,
.videos-page-dark .form-group .form-control.dirty ~ label,
.videos-page-dark .floating-label .form-control:focus ~ label,
.videos-page-dark .floating-label .form-control.dirty ~ label {
  color: #ffffff !important;
  opacity: 1;
}

body.admin-tabulator-page section.style-default-bright .form-inverse .form-group .form-control:focus,
.admin-dark-content-page .form-inverse .form-group .form-control:focus,
.modal-content .form-inverse .form-group .form-control:focus,
.videos-page-dark .form-inverse .form-group .form-control:focus {
  border-color: rgba(255, 255, 255, 0.32) !important;
}

body.admin-tabulator-page section.style-default-bright .form-inverse .form-group .form-control:focus ~ label,
.admin-dark-content-page .form-inverse .form-group .form-control:focus ~ label,
.modal-content .form-inverse .form-group .form-control:focus ~ label,
.videos-page-dark .form-inverse .form-group .form-control:focus ~ label {
  color: #ffffff !important;
}

body.admin-tabulator-page section.style-default-bright .form-inverse select:focus,
.admin-dark-content-page .form-inverse select:focus,
.modal-content .form-inverse select:focus,
.videos-page-dark .form-inverse select:focus,
body.admin-tabulator-page section.style-default-bright select.form-control:focus,
.admin-dark-content-page select.form-control:focus,
.modal-content select.form-control:focus,
.videos-page-dark select.form-control:focus {
  background: #0f1724 !important;
  color: #ffffff !important;
}

body.admin-tabulator-page section.style-default-bright .has-warning .form-control:focus ~ label,
body.admin-tabulator-page section.style-default-bright .has-warning .form-control.dirty ~ label,
.admin-dark-content-page .has-warning .form-control:focus ~ label,
.admin-dark-content-page .has-warning .form-control.dirty ~ label,
.modal-content .has-warning .form-control:focus ~ label,
.modal-content .has-warning .form-control.dirty ~ label,
.videos-page-dark .has-warning .form-control:focus ~ label,
.videos-page-dark .has-warning .form-control.dirty ~ label {
  color: #ffd54f !important;
}

body.admin-tabulator-page section.style-default-bright .has-error .form-control:focus ~ label,
body.admin-tabulator-page section.style-default-bright .has-error .form-control.dirty ~ label,
.admin-dark-content-page .has-error .form-control:focus ~ label,
.admin-dark-content-page .has-error .form-control.dirty ~ label,
.modal-content .has-error .form-control:focus ~ label,
.modal-content .has-error .form-control.dirty ~ label,
.videos-page-dark .has-error .form-control:focus ~ label,
.videos-page-dark .has-error .form-control.dirty ~ label {
  color: #ff9d9d !important;
}

body.admin-tabulator-page section.style-default-bright .has-success .form-control:focus ~ label,
body.admin-tabulator-page section.style-default-bright .has-success .form-control.dirty ~ label,
.admin-dark-content-page .has-success .form-control:focus ~ label,
.admin-dark-content-page .has-success .form-control.dirty ~ label,
.modal-content .has-success .form-control:focus ~ label,
.modal-content .has-success .form-control.dirty ~ label,
.videos-page-dark .has-success .form-control:focus ~ label,
.videos-page-dark .has-success .form-control.dirty ~ label {
  color: #7ef0b1 !important;
}

body.admin-tabulator-page section.style-default-bright .checkbox-styled:not(ie8) input ~ span,
body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8) input ~ span,
.admin-dark-content-page .checkbox-styled:not(ie8) input ~ span,
.admin-dark-content-page .radio-styled:not(ie8) input ~ span,
.modal-content .checkbox-styled:not(ie8) input ~ span,
.modal-content .radio-styled:not(ie8) input ~ span,
.videos-page-dark .checkbox-styled:not(ie8) input ~ span,
.videos-page-dark .radio-styled:not(ie8) input ~ span {
  color: #ffffff !important;
}

body.admin-tabulator-page section.style-default-bright .checkbox-styled:not(ie8) input ~ span:before,
body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8) input ~ span:before,
.admin-dark-content-page .checkbox-styled:not(ie8) input ~ span:before,
.admin-dark-content-page .radio-styled:not(ie8) input ~ span:before,
.modal-content .checkbox-styled:not(ie8) input ~ span:before,
.modal-content .radio-styled:not(ie8) input ~ span:before,
.videos-page-dark .checkbox-styled:not(ie8) input ~ span:before,
.videos-page-dark .radio-styled:not(ie8) input ~ span:before {
  border-color: #6f86a1 !important;
}

body.admin-tabulator-page section.style-default-bright .checkbox-styled:not(ie8) input:focus ~ span:before,
body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8) input:focus ~ span:before,
.admin-dark-content-page .checkbox-styled:not(ie8) input:focus ~ span:before,
.admin-dark-content-page .radio-styled:not(ie8) input:focus ~ span:before,
.modal-content .checkbox-styled:not(ie8) input:focus ~ span:before,
.modal-content .radio-styled:not(ie8) input:focus ~ span:before,
.videos-page-dark .checkbox-styled:not(ie8) input:focus ~ span:before,
.videos-page-dark .radio-styled:not(ie8) input:focus ~ span:before {
  border-color: #fff !important;
  box-shadow: 0 0 0 3px rgba(6, 54, 112, 0.22);
}

body.admin-tabulator-page section.style-default-bright .checkbox-styled:not(ie8) input:checked ~ span:before,
body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8) input:checked ~ span:before,
.admin-dark-content-page .checkbox-styled:not(ie8) input:checked ~ span:before,
.admin-dark-content-page .radio-styled:not(ie8) input:checked ~ span:before,
.modal-content .checkbox-styled:not(ie8) input:checked ~ span:before,
.modal-content .radio-styled:not(ie8) input:checked ~ span:before,
.videos-page-dark .checkbox-styled:not(ie8) input:checked ~ span:before,
.videos-page-dark .radio-styled:not(ie8) input:checked ~ span:before {
  border-color: #fff !important;
}

body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8) input ~ span:after,
.admin-dark-content-page .radio-styled:not(ie8) input ~ span:after,
.modal-content .radio-styled:not(ie8) input ~ span:after,
.videos-page-dark .radio-styled:not(ie8) input ~ span:after {
  background-color: #063670 !important;
}

body.admin-tabulator-page section.style-default-bright .form-inverse .checkbox-styled:not(ie8) input ~ span:before,
body.admin-tabulator-page section.style-default-bright .form-inverse .radio-styled:not(ie8) input ~ span:before,
.admin-dark-content-page .form-inverse .checkbox-styled:not(ie8) input ~ span:before,
.admin-dark-content-page .form-inverse .radio-styled:not(ie8) input ~ span:before,
.modal-content .form-inverse .checkbox-styled:not(ie8) input ~ span:before,
.modal-content .form-inverse .radio-styled:not(ie8) input ~ span:before,
.videos-page-dark .form-inverse .checkbox-styled:not(ie8) input ~ span:before,
.videos-page-dark .form-inverse .radio-styled:not(ie8) input ~ span:before {
  border-color: rgba(248, 251, 255, 0.7) !important;
}

body.admin-tabulator-page section.style-default-bright .form-inverse .checkbox-styled:not(ie8) input:checked ~ span:before,
body.admin-tabulator-page section.style-default-bright .form-inverse .radio-styled:not(ie8) input:checked ~ span:before,
.admin-dark-content-page .form-inverse .checkbox-styled:not(ie8) input:checked ~ span:before,
.admin-dark-content-page .form-inverse .radio-styled:not(ie8) input:checked ~ span:before,
.modal-content .form-inverse .checkbox-styled:not(ie8) input:checked ~ span:before,
.modal-content .form-inverse .radio-styled:not(ie8) input:checked ~ span:before,
.videos-page-dark .form-inverse .checkbox-styled:not(ie8) input:checked ~ span:before,
.videos-page-dark .form-inverse .radio-styled:not(ie8) input:checked ~ span:before {
  border-color: #9cc3f5 !important;
}

body.admin-tabulator-page section.style-default-bright .checkbox-styled:not(ie8).checkbox-primary input:checked ~ span:before,
body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8).checkbox-primary input:checked ~ span:before,
body.admin-tabulator-page section.style-default-bright .checkbox-styled:not(ie8).radio-primary input:checked ~ span:before,
body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8).radio-primary input:checked ~ span:before,
body.admin-tabulator-page section.style-default-bright .checkbox-styled:not(ie8).checkbox-info input:checked ~ span:before,
body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8).checkbox-info input:checked ~ span:before,
body.admin-tabulator-page section.style-default-bright .checkbox-styled:not(ie8).radio-info input:checked ~ span:before,
body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8).radio-info input:checked ~ span:before,
.admin-dark-content-page .checkbox-styled:not(ie8).checkbox-primary input:checked ~ span:before,
.admin-dark-content-page .radio-styled:not(ie8).checkbox-primary input:checked ~ span:before,
.admin-dark-content-page .checkbox-styled:not(ie8).radio-primary input:checked ~ span:before,
.admin-dark-content-page .radio-styled:not(ie8).radio-primary input:checked ~ span:before,
.admin-dark-content-page .checkbox-styled:not(ie8).checkbox-info input:checked ~ span:before,
.admin-dark-content-page .radio-styled:not(ie8).checkbox-info input:checked ~ span:before,
.admin-dark-content-page .checkbox-styled:not(ie8).radio-info input:checked ~ span:before,
.admin-dark-content-page .radio-styled:not(ie8).radio-info input:checked ~ span:before,
.modal-content .checkbox-styled:not(ie8).checkbox-primary input:checked ~ span:before,
.modal-content .radio-styled:not(ie8).checkbox-primary input:checked ~ span:before,
.modal-content .checkbox-styled:not(ie8).radio-primary input:checked ~ span:before,
.modal-content .radio-styled:not(ie8).radio-primary input:checked ~ span:before,
.modal-content .checkbox-styled:not(ie8).checkbox-info input:checked ~ span:before,
.modal-content .radio-styled:not(ie8).checkbox-info input:checked ~ span:before,
.modal-content .checkbox-styled:not(ie8).radio-info input:checked ~ span:before,
.modal-content .radio-styled:not(ie8).radio-info input:checked ~ span:before,
.videos-page-dark .checkbox-styled:not(ie8).checkbox-primary input:checked ~ span:before,
.videos-page-dark .radio-styled:not(ie8).checkbox-primary input:checked ~ span:before,
.videos-page-dark .checkbox-styled:not(ie8).radio-primary input:checked ~ span:before,
.videos-page-dark .radio-styled:not(ie8).radio-primary input:checked ~ span:before,
.videos-page-dark .checkbox-styled:not(ie8).checkbox-info input:checked ~ span:before,
.videos-page-dark .radio-styled:not(ie8).checkbox-info input:checked ~ span:before,
.videos-page-dark .checkbox-styled:not(ie8).radio-info input:checked ~ span:before,
.videos-page-dark .radio-styled:not(ie8).radio-info input:checked ~ span:before {
  border-color: #063670 !important;
}

body.admin-tabulator-page section.style-default-bright .checkbox-styled:not(ie8).checkbox-primary input ~ span:after,
body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8).checkbox-primary input ~ span:after,
body.admin-tabulator-page section.style-default-bright .checkbox-styled:not(ie8).radio-primary input ~ span:after,
body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8).radio-primary input ~ span:after,
body.admin-tabulator-page section.style-default-bright .checkbox-styled:not(ie8).checkbox-info input ~ span:after,
body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8).checkbox-info input ~ span:after,
body.admin-tabulator-page section.style-default-bright .checkbox-styled:not(ie8).radio-info input ~ span:after,
body.admin-tabulator-page section.style-default-bright .radio-styled:not(ie8).radio-info input ~ span:after,
.admin-dark-content-page .checkbox-styled:not(ie8).checkbox-primary input ~ span:after,
.admin-dark-content-page .radio-styled:not(ie8).checkbox-primary input ~ span:after,
.admin-dark-content-page .checkbox-styled:not(ie8).radio-primary input ~ span:after,
.admin-dark-content-page .radio-styled:not(ie8).radio-primary input ~ span:after,
.admin-dark-content-page .checkbox-styled:not(ie8).checkbox-info input ~ span:after,
.admin-dark-content-page .radio-styled:not(ie8).checkbox-info input ~ span:after,
.admin-dark-content-page .checkbox-styled:not(ie8).radio-info input ~ span:after,
.admin-dark-content-page .radio-styled:not(ie8).radio-info input ~ span:after,
.modal-content .checkbox-styled:not(ie8).checkbox-primary input ~ span:after,
.modal-content .radio-styled:not(ie8).checkbox-primary input ~ span:after,
.modal-content .checkbox-styled:not(ie8).radio-primary input ~ span:after,
.modal-content .radio-styled:not(ie8).radio-primary input ~ span:after,
.modal-content .checkbox-styled:not(ie8).checkbox-info input ~ span:after,
.modal-content .radio-styled:not(ie8).checkbox-info input ~ span:after,
.modal-content .checkbox-styled:not(ie8).radio-info input ~ span:after,
.modal-content .radio-styled:not(ie8).radio-info input ~ span:after,
.videos-page-dark .checkbox-styled:not(ie8).checkbox-primary input ~ span:after,
.videos-page-dark .radio-styled:not(ie8).checkbox-primary input ~ span:after,
.videos-page-dark .checkbox-styled:not(ie8).radio-primary input ~ span:after,
.videos-page-dark .radio-styled:not(ie8).radio-primary input ~ span:after,
.videos-page-dark .checkbox-styled:not(ie8).checkbox-info input ~ span:after,
.videos-page-dark .radio-styled:not(ie8).checkbox-info input ~ span:after,
.videos-page-dark .checkbox-styled:not(ie8).radio-info input ~ span:after,
.videos-page-dark .radio-styled:not(ie8).radio-info input ~ span:after {
  background-color: #063670 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.card-underline .card-head .nav-tabs > li.active > a {
  border-color: #063670;
  color: #f8fbff !important;
}

.pagination > .active > a,
.pagination > .active > span,
.label-primary,
.badge.style-primary {
  background-color: #063670;
  border-color: #063670;
  color: #ffffff !important;
}

.gui-controls li.active > a .title {
  color: #ffffff !important;
}

.navbar.navbar-default {
  background: #111827;
  border: 0;
  box-shadow: 0 12px 24px rgba(8, 15, 28, 0.25);
}

.navbar.navbar-default .navbar-toggle {
  border-color: #355070;
}

.navbar.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar.navbar-default .navbar-nav > li > a,
.navbar.navbar-default .navbar-nav > .active > a,
.navbar.navbar-default .navbar-nav > .active > a:hover,
.navbar.navbar-default .navbar-nav > .active > a:focus {
  background: transparent;
  color: #f8fbff !important;
}

.navbar.navbar-default .navbar-nav > li > a:hover,
.navbar.navbar-default .navbar-nav > li > a:focus {
  color: #9cc3f5 !important;
}

.dropdown-menu {
  background: #111827;
  border-color: #22324a;
  box-shadow: 0 18px 30px rgba(8, 15, 28, 0.28);
}

.dropdown-menu > li > a {
  color: #e7eef8;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: #172235;
  color: #ffffff;
}

.dropdown-menu .divider {
  background: #22324a;
}

.header__search .form .searchbar {
  border-color: #24364e;
  background: #111827;
  border-radius: 12px;
  overflow: visible;
  box-shadow: 0 8px 20px rgba(8, 15, 28, 0.24);
}

.header__search .form,
.header__search .form .searchbar,
.search-autocomplete {
  position: relative;
}

.header__search .form,
.header__search .form .searchbar,
.menu-custom-header,
.headerbar,
.headerbar-right {
  overflow: visible;
}

.header__search input.header__search__input {
  background: #111827;
  color: #f8fbff;
}

.header__search input.header__search__input::placeholder {
  color: #94a3b8;
}

.header__search button,
.menu-custom-header .header__search .form > .btn {
  background: #172235;
  color: #f8fbff;
}

.header__search button:hover,
.header__search button:focus,
.menu-custom-header .header__search .form > .btn:hover,
.menu-custom-header .header__search .form > .btn:focus {
  background: #063670;
  color: #ffffff;
}

.search-autocomplete .autocomplete-items-list {
  top: calc(100% + 6px);
  left: 0;
  z-index: 1200;
  background: #111827;
  border: 1px solid #22324a;
  border-radius: 12px;
  box-shadow: 0 18px 30px rgba(8, 15, 28, 0.28);
}

.search-autocomplete .autocomplete-items-list .autocomplete-item {
  color: #e7eef8;
}

.search-autocomplete .autocomplete-items-list .autocomplete-item:hover {
  background: #172235;
}

.modal-content {
  background: #111827;
  color: #ffffff;
  border: 1px solid #22324a;
  box-shadow: 0 24px 40px rgba(8, 15, 28, 0.3);
}

.modal-header,
.modal-footer {
  border-color: #22324a;
}

.modal-title,
.modal-body label,
.modal-body .form-group label {
  color: #ffffff;
}

.modal-content .close {
  color: #f8fbff;
  opacity: 0.85;
  text-shadow: none;
}

.modal-content .form-control {
  background: #0f1724;
  color: #ffffff;
  border-color: #29415e;
}

body.admin-tabulator-page section.style-default-bright,
.admin-dark-content-page {
  background: linear-gradient(180deg, #0f1724 0%, #111827 100%);
  border: 1px solid #1f3149;
  border-radius: 20px;
  box-shadow: 0 22px 42px rgba(8, 15, 28, 0.32);
  color: #ffffff;;
}

body.admin-tabulator-page section.style-default-bright .section-header,
.admin-dark-content-page .section-header {
  padding-bottom: 18px;
  border-bottom: 1px solid #1f3149;
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.98) 0%, rgba(15, 23, 36, 0.96) 100%);
}

body.admin-tabulator-page section.style-default-bright .section-body,
.admin-dark-content-page .section-body {
  background: transparent;
  color: #ffffff;
}

.admin-tabulator-page #content .text-primary,
body.admin-tabulator-page section.style-default-bright .section-header h1,
body.admin-tabulator-page section.style-default-bright .section-header h2,
body.admin-tabulator-page section.style-default-bright .section-header h3,
body.admin-tabulator-page section.style-default-bright .section-header h4,
body.admin-tabulator-page section.style-default-bright .section-header h5,
body.admin-tabulator-page section.style-default-bright .section-header h6,
body.admin-tabulator-page section.style-default-bright .section-body,
body.admin-tabulator-page section.style-default-bright .section-body p,
body.admin-tabulator-page section.style-default-bright .section-body label,
.admin-dark-content-page .section-header h1,
.admin-dark-content-page .section-header h2,
.admin-dark-content-page .section-header h3,
.admin-dark-content-page .section-header h4,
.admin-dark-content-page .section-header h5,
.admin-dark-content-page .section-header h6,
.admin-dark-content-page .section-body,
.admin-dark-content-page .section-body p,
.admin-dark-content-page .section-body label {
  color: #ffffff;
}

.admin-tabulator-page #content .text-muted,
body.admin-tabulator-page section.style-default-bright small,
body.admin-tabulator-page section.style-default-bright .help-block,
.admin-dark-content-page .text-muted,
.admin-dark-content-page small,
.admin-dark-content-page .help-block {
  color: #ffffff !important;
}

.admin-tabulator-page .users-online,
.admin-tabulator-page .users-online li,
.admin-tabulator-page .users-online .list-inline > li,
body.admin-tabulator-page section.style-default-bright .checkbox-styled span,
body.admin-tabulator-page section.style-default-bright .required {
  color: #ffffff;
}

.admin-tabulator-page .users-online .md-brightness-1 {
  color: #22c55e;
}

body.admin-tabulator-page section.style-default-bright .input-group-content,
body.admin-tabulator-page section.style-default-bright .floating-label,
body.admin-tabulator-page section.style-default-bright .input-group-btn .btn-default,
body.admin-tabulator-page section.style-default-bright .input-group-btn .btn-default-light,
body.admin-tabulator-page section.style-default-bright .btn-default {
  background: #0f1724;
  color: #ffffff;
  border-color: #29415e;
}

body.admin-tabulator-page section.style-default-bright .btn-default:hover,
body.admin-tabulator-page section.style-default-bright .btn-default:focus {
  background: #172235;
  color: #ffffff;
  border-color: #355070;
}

body.admin-tabulator-page section.style-default-bright .form-control,
body.admin-tabulator-page section.style-default-bright select.form-control,
.admin-dark-content-page .form-control,
.admin-dark-content-page select.form-control {
  background: #0f1724 !important;
  color: #ffffff !important;
  border-color: #29415e;
}

body.admin-tabulator-page section.style-default-bright .form-control::placeholder,
.admin-dark-content-page .form-control::placeholder {
  color: #ffffff;
}

body.admin-tabulator-page section.style-default-bright select.form-control option,
.admin-dark-content-page select.form-control option {
  background: #0f1724;
  color: #ffffff;
}

body.admin-tabulator-page section.style-default-bright .select2-container .select2-choice,
body.admin-tabulator-page section.style-default-bright .select2-drop,
body.admin-tabulator-page section.style-default-bright .select2-search input,
.admin-dark-content-page .select2-container .select2-choice,
.admin-dark-content-page .select2-drop,
.admin-dark-content-page .select2-search input {
  background: #0f1724 !important;
  color: #ffffff !important;
  border-color: #29415e !important;
}

body.admin-tabulator-page section.style-default-bright .select2-results .select2-result-label,
body.admin-tabulator-page section.style-default-bright .select2-results,
.admin-dark-content-page .select2-results .select2-result-label,
.admin-dark-content-page .select2-results {
  background: #111827;
  color: #ffffff;
}

body.admin-tabulator-page section.style-default-bright .select2-results .select2-highlighted,
.admin-dark-content-page .select2-results .select2-highlighted {
  background: #063670;
  color: #ffffff;
}

body.admin-tabulator-page section.style-default-bright .btn-default-light,
.admin-dark-content-page .btn-default-light {
  background: #172235;
  border-color: #29415e;
  color: #ffffff;
}

body.admin-tabulator-page section.style-default-bright .btn-default-light:hover,
body.admin-tabulator-page section.style-default-bright .btn-default-light:focus,
body.admin-tabulator-page section.style-default-bright .btn-default-light.active,
body.admin-tabulator-page section.style-default-bright .open > .dropdown-toggle.btn-default-light,
.admin-dark-content-page .btn-default-light:hover,
.admin-dark-content-page .btn-default-light:focus,
.admin-dark-content-page .btn-default-light.active,
.admin-dark-content-page .open > .dropdown-toggle.btn-default-light {
  background: #063670;
  border-color: #063670;
  color: #ffffff;
}

body.admin-tabulator-page .tabulator,
body.admin-tabulator-page .tabulator-custom.tabulator,
.admin-dark-content-page .tabulator,
.admin-dark-content-page .tabulator-custom.tabulator {
  border-color: #24364e;
  background: #0f1724;
  color: #e7eef8;
  border-radius: 14px;
}

body.admin-tabulator-page .tabulator .tabulator-header,
body.admin-tabulator-page .tabulator .tabulator-footer,
body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col,
body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col-row-handle,
body.admin-tabulator-page .tabulator .tabulator-footer .tabulator-calcs-holder,
body.admin-tabulator-page .tabulator .tabulator-header .tabulator-calcs-holder,
.admin-dark-content-page .tabulator .tabulator-header,
.admin-dark-content-page .tabulator .tabulator-footer,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-col,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-col-row-handle,
.admin-dark-content-page .tabulator .tabulator-footer .tabulator-calcs-holder,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-calcs-holder {
  background: #172235 !important;
  color: #e7eef8;
  border-color: #24364e;
}

body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col[data-sortable=true]:hover,
body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-col[data-sortable=true]:hover,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
  background: #203148 !important;
}

body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter,
body.admin-tabulator-page .tabulator .tabulator-footer,
body.admin-tabulator-page .tabulator .tabulator-footer .tabulator-paginator,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter,
.admin-dark-content-page .tabulator .tabulator-footer,
.admin-dark-content-page .tabulator .tabulator-footer .tabulator-paginator {
  color: #9cc3f5;
}

body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow,
body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow.asc,
body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow.desc {
  border-bottom-color: #9cc3f5;
  border-top-color: #9cc3f5;
}

body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input,
body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col .tabulator-header-filter select,
body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea,
body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor,
body.admin-tabulator-page .tabulator .tabulator-footer .tabulator-page-size,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-col .tabulator-header-filter select,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor,
.admin-dark-content-page .tabulator .tabulator-footer .tabulator-page-size {
  background: #0f1724;
  color: #f8fbff;
  border: 1px solid #29415e;
}

body.admin-tabulator-page .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::placeholder,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::placeholder {
  color: #94a3b8;
}

body.admin-tabulator-page .tabulator .tabulator-tableHolder .tabulator-table,
body.admin-tabulator-page .tabulator .tabulator-tableHolder .tabulator-placeholder,
body.admin-tabulator-page .tabulator-row,
body.admin-tabulator-page .tabulator-row .tabulator-frozen,
body.admin-tabulator-page .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row,
body.admin-tabulator-page .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row,
.admin-dark-content-page .tabulator .tabulator-tableHolder .tabulator-table,
.admin-dark-content-page .tabulator .tabulator-tableHolder .tabulator-placeholder,
.admin-dark-content-page .tabulator-row,
.admin-dark-content-page .tabulator-row .tabulator-frozen,
.admin-dark-content-page .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  background: #111827 !important;
  color: #e7eef8;
}

body.admin-tabulator-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row:nth-child(even),
body.admin-tabulator-page .tabulator-row.tabulator-row-even,
.admin-dark-content-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row:nth-child(even),
.admin-dark-content-page .tabulator-row.tabulator-row-even {
  background: #0f1724 !important;
}

body.admin-tabulator-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-selectable:hover,
body.admin-tabulator-page .tabulator-row.tabulator-selectable:hover,
.admin-dark-content-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-selectable:hover,
.admin-dark-content-page .tabulator-row.tabulator-selectable:hover {
  background: #172235 !important;
}

body.admin-tabulator-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-selected,
body.admin-tabulator-page .tabulator-row.tabulator-selected,
.admin-dark-content-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-selected,
.admin-dark-content-page .tabulator-row.tabulator-selected {
  background: #1f3552 !important;
}

body.admin-tabulator-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell,
body.admin-tabulator-page .tabulator-row .tabulator-cell,
body.admin-tabulator-page .tabulator-row .tabulator-row-handle,
.admin-dark-content-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell,
.admin-dark-content-page .tabulator-row .tabulator-cell,
.admin-dark-content-page .tabulator-row .tabulator-row-handle {
  border-color: #24364e;
  color: #e7eef8;
}

body.admin-tabulator-page .tabulator-row.tabulator-group,
body.admin-tabulator-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs,
body.admin-tabulator-page .tabulator .tabulator-header .tabulator-calcs-holder,
body.admin-tabulator-page .tabulator .tabulator-footer .tabulator-calcs-holder,
body.admin-tabulator-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-group .tabulator-group-header,
.admin-dark-content-page .tabulator-row.tabulator-group,
.admin-dark-content-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs,
.admin-dark-content-page .tabulator .tabulator-header .tabulator-calcs-holder,
.admin-dark-content-page .tabulator .tabulator-footer .tabulator-calcs-holder {
  background: #172235 !important;
  color: #f8fbff;
  border-color: #24364e;
}

body.admin-tabulator-page .tabulator-row.tabulator-group:hover,
body.admin-tabulator-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-group .tabulator-group-header:hover,
.admin-dark-content-page .tabulator-row.tabulator-group:hover {
  background: #203148 !important;
}

body.admin-tabulator-page .tabulator-row.tabulator-group .tabulator-arrow,
body.admin-tabulator-page .tabulator-row.tabulator-group span,
body.admin-tabulator-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-group .tabulator-group-header .tabulator-arrow,
body.admin-tabulator-page .tabulator .tabulator-tableHolder .tabulator-table .tabulator-group .tabulator-group-header span,
.admin-dark-content-page .tabulator-row.tabulator-group .tabulator-arrow,
.admin-dark-content-page .tabulator-row.tabulator-group span {
  color: #f8fbff;
  border-left-color: #f8fbff;
}

body.admin-tabulator-page .tabulator .tabulator-footer .tabulator-page,
.admin-dark-content-page .tabulator .tabulator-footer .tabulator-page {
  background: #172235;
  color: #dbe7f4;
  border-color: #29415e;
}

body.admin-tabulator-page .tabulator .tabulator-footer .tabulator-page.active,
body.admin-tabulator-page .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover,
.admin-dark-content-page .tabulator .tabulator-footer .tabulator-page.active,
.admin-dark-content-page .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
  background: #063670;
  color: #ffffff;
  border-color: #063670;
}

body.admin-tabulator-page .tabulator-menu,
body.admin-tabulator-page .tabulator-edit-select-list {
  background: #111827;
  border-color: #24364e;
  color: #e7eef8;
  box-shadow: 0 18px 30px rgba(8, 15, 28, 0.28);
}

body.admin-tabulator-page .tabulator-menu .tabulator-menu-item,
body.admin-tabulator-page .tabulator-edit-select-list .tabulator-edit-select-list-item,
body.admin-tabulator-page .tabulator-edit-select-list .tabulator-edit-select-list-notice,
body.admin-tabulator-page .tabulator-edit-select-list .tabulator-edit-select-list-group {
  color: #e7eef8;
}

body.admin-tabulator-page .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover,
body.admin-tabulator-page .tabulator-edit-select-list .tabulator-edit-select-list-item:hover,
body.admin-tabulator-page .tabulator-edit-select-list .tabulator-edit-select-list-item.active,
body.admin-tabulator-page .tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
  background: #063670;
  color: #ffffff;
}

body.admin-tabulator-page .tabulator .tabulator-loader,
body.admin-tabulator-page .tabulator .tablulator-loader {
  background: rgba(8, 15, 28, 0.72);
}

body.admin-tabulator-page .tabulator .tabulator-loader .tabulator-loader-msg,
body.admin-tabulator-page .tabulator .tablulator-loader .tabulator-loader-msg .tabulator-loading,
body.admin-tabulator-page .tabulator .tablulator-loader .tabulator-loader-msg .tabulator-error {
  background: #111827;
  color: #f8fbff;
  border-color: #29415e;
}

body.admin-tabulator-page .green-lable,
.admin-dark-content-page .green-lable {
  background-color: #1c824a;
  color: #fff;
}

body.admin-tabulator-page .red-lable,
.admin-dark-content-page .red-lable {
  background-color: #751b1b;
  color: #fff;
}

.videos-page-dark {
  background: linear-gradient(180deg, #0f1724 0%, #111827 100%);
  border: 1px solid #1f3149;
  border-radius: 22px;
  box-shadow: 0 22px 42px rgba(8, 15, 28, 0.28);
  color: #dbe7f4;
  padding: 24px;
}

.videos-page-dark h1,
.videos-page-dark h2,
.videos-page-dark h3,
.videos-page-dark h4,
.videos-page-dark p,
.videos-page-dark span,
.videos-page-dark .main__sub-description,
.videos-page-dark .main__sub-description p,
.videos-page-dark .main__sub-description li,
.videos-page-dark .ql-editor,
.videos-page-dark .ql-editor p,
.videos-page-dark .ql-editor li,
.videos-page-dark .ql-editor h1,
.videos-page-dark .ql-editor h2,
.videos-page-dark .ql-editor h3,
.videos-page-dark .ql-editor h4,
.videos-page-dark .ql-editor h5,
.videos-page-dark .ql-editor h6,
.videos-page-dark .ql-editor blockquote,
.videos-page-dark .ql-editor pre,
.videos-page-dark .ql-editor code {
  color: #dbe7f4;
}

.videos-page-dark a,
.videos-page-dark .title span,
.videos-page-dark .aside__top-container a,
.videos-page-dark .aside__more a {
  color: #9cc3f5;
}

.videos-page-dark a:hover,
.videos-page-dark a:focus,
.videos-page-dark .title span:hover {
  color: #ffffff;
}

.videos-page-dark .video__thumbnail,
.videos-page-dark .video__list__item,
.videos-page-dark .video__comment_container,
.videos-page-dark .video__comment,
.videos-page-dark .main__description,
.videos-page-dark .main__video,
.videos-page-dark .video__details {
  border-color: #24364e;
}

.videos-page-dark .main__video,
.videos-page-dark .main__description {
  border-bottom: 1px solid #24364e;
}

.videos-page-dark .video__thumbnail {
  border-radius: 18px;
  overflow: hidden;
  background: #172235;
  box-shadow: 0 16px 30px rgba(8, 15, 28, 0.24);
}

.videos-page-dark .video__thumbnail h2 {
  margin: 0;
  padding: 24px;
  color: #f8fbff;
  font-size: 1.8rem;
  line-height: 1.4;
}

.videos-page-dark .video__thumbnail img,
.videos-page-dark .video__list__item img {
  border-radius: 12px;
}

.videos-page-dark .title h3,
.videos-page-dark h1,
.videos-page-dark h4,
.videos-page-dark .main__description h3 {
  color: #f8fbff;
}

.videos-page-dark .title a,
.videos-page-dark .title span,
.videos-page-dark .video__comment_container .video__comment .video__comment_block .video__comment_title .time {
  color: #9fb0c6;
}

.videos-page-dark .video__list__item {
  padding: 12px;
  border-radius: 16px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.videos-page-dark .video__list__item:hover {
  background: rgba(23, 34, 53, 0.82);
}

.videos-page-dark .video__list__item.active {
  background: rgba(6, 54, 112, 0.22);
  border: 1px solid rgba(6, 54, 112, 0.5);
}

.videos-page-dark .video__list__item.active h3 {
  color: #ffffff;
}

.videos-page-dark .video__comment_container .comment-avatar {
  background: linear-gradient(135deg, #063670 0%, #0a4d95 100%);
  color: #ffffff;
}

.videos-page-dark .video__comment_container .video__comment .video__comment_block {
  background: rgba(23, 34, 53, 0.68);
  border: 1px solid #24364e;
  border-radius: 14px;
  padding: 14px 16px;
}

.videos-page-dark .video__comment_container .comment--input--container .form {
  background: rgba(17, 24, 39, 0.96);
  border: 1px solid #24364e;
  border-radius: 14px;
  padding: 12px 14px;
}

.videos-page-dark .form-control {
  background: #0f1724 !important;
  color: #f8fbff !important;
  border-color: #29415e !important;
}

.videos-page-dark .form-control::placeholder {
  color: #94a3b8;
}

.videos-page-dark .btn-default {
  background: #172235;
  border-color: #29415e;
  color: #dbe7f4;
}

.videos-page-dark .btn-default:hover,
.videos-page-dark .btn-default:focus {
  background: #063670;
  border-color: #063670;
  color: #ffffff;
}

.package-category-video-admin-page .form-group label,
.package-category-video-admin-page .required,
.package-category-video-admin-page .help-block,
.package-category-video-admin-page .ql-editor,
.package-category-video-admin-page .ql-editor p,
.package-category-video-admin-page .ql-editor li,
.package-category-video-admin-page .ql-editor h1,
.package-category-video-admin-page .ql-editor h2,
.package-category-video-admin-page .ql-editor h3,
.package-category-video-admin-page .ql-editor h4,
.package-category-video-admin-page .ql-editor h5,
.package-category-video-admin-page .ql-editor h6,
.package-category-video-admin-page .ql-editor blockquote,
.package-category-video-admin-page .ql-editor pre,
.package-category-video-admin-page .ql-editor code,
.package-category-video-admin-page .select2-container,
.package-category-video-admin-page .select2-container .select2-choice,
.package-category-video-admin-page .select2-results {
  color: #ffffff !important;
}

.package-category-video-admin-page .ql-toolbar.ql-snow,
.package-category-video-admin-page .ql-container.ql-snow,
.package-category-video-admin-page .ql-snow .ql-picker-options,
.package-category-video-admin-page .ql-tooltip,
.package-category-video-admin-page .dropzone,
.package-category-video-admin-page #thumbnail-preview {
  background: #111827;
  border-color: #24364e !important;
  color: #dbe7f4;
}

.package-category-video-admin-page .ql-toolbar.ql-snow .ql-stroke {
  stroke: #dbe7f4;
}

.package-category-video-admin-page .ql-toolbar.ql-snow .ql-fill {
  fill: #dbe7f4;
}

.package-category-video-admin-page .ql-toolbar.ql-snow .ql-picker,
.package-category-video-admin-page .ql-toolbar.ql-snow .ql-picker-label,
.package-category-video-admin-page .ql-toolbar.ql-snow .ql-picker-item,
.package-category-video-admin-page .ql-snow .ql-tooltip input[type=text] {
  color: #ffffff;
}

.package-category-video-admin-page .ql-toolbar.ql-snow button:hover,
.package-category-video-admin-page .ql-toolbar.ql-snow button:focus,
.package-category-video-admin-page .ql-toolbar.ql-snow button.ql-active,
.package-category-video-admin-page .ql-toolbar.ql-snow .ql-picker-label:hover,
.package-category-video-admin-page .ql-toolbar.ql-snow .ql-picker-label.ql-active,
.package-category-video-admin-page .ql-toolbar.ql-snow .ql-picker-item:hover,
.package-category-video-admin-page .ql-toolbar.ql-snow .ql-picker-item.ql-selected {
  color: #ffffff;
}

.package-category-video-admin-page .ql-toolbar.ql-snow button:hover .ql-stroke,
.package-category-video-admin-page .ql-toolbar.ql-snow button:focus .ql-stroke,
.package-category-video-admin-page .ql-toolbar.ql-snow button.ql-active .ql-stroke,
.package-category-video-admin-page .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke,
.package-category-video-admin-page .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke {
  stroke: #9cc3f5;
}

.package-category-video-admin-page .ql-toolbar.ql-snow button:hover .ql-fill,
.package-category-video-admin-page .ql-toolbar.ql-snow button:focus .ql-fill,
.package-category-video-admin-page .ql-toolbar.ql-snow button.ql-active .ql-fill,
.package-category-video-admin-page .ql-toolbar.ql-snow .ql-picker-label:hover .ql-fill,
.package-category-video-admin-page .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-fill {
  fill: #9cc3f5;
}

.package-category-video-admin-page .ql-container.ql-snow {
  min-height: 300px;
}

.package-category-video-admin-page .ql-editor.ql-blank::before {
  color: #94a3b8;
}

.package-category-video-admin-page .ql-snow .ql-picker-options,
.package-category-video-admin-page .ql-snow .ql-tooltip {
  box-shadow: 0 18px 30px rgba(8, 15, 28, 0.28);
}

.package-category-video-admin-page .dropzone .dz-message,
.package-category-video-admin-page .dropzone .dz-preview .dz-details,
.package-category-video-admin-page .dropzone .dz-preview .dz-error-message {
  color: #dbe7f4;
}

.datepicker,
.datepicker-dropdown {
  background: #111827;
  color: #ffffff;
  border: 1px solid #24364e;
  border-radius: 14px;
  box-shadow: 0 18px 30px rgba(8, 15, 28, 0.28);
}

.datepicker-inline {
  border-color: #24364e;
}

.datepicker-dropdown:before {
  border-bottom-color: #24364e;
  border-top-color: #24364e;
}

.datepicker-dropdown:after {
  border-bottom-color: #111827;
  border-top-color: #111827;
}

.datepicker table tr td,
.datepicker table tr th,
.datepicker table tr td span,
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker .dow,
.datepicker .cw {
  color: #ffffff;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused,
.datepicker table tr td span:hover,
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #172235;
  color: #ffffff;
}

.datepicker table tr td.old,
.datepicker table tr td.new,
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: rgba(255, 255, 255, 0.78);
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover,
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background: rgba(6, 54, 112, 0.24);
  border: 1px solid rgba(6, 54, 112, 0.55);
  color: #ffffff;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background: #063670;
  border-color: #063670;
  color: #ffffff;
  text-shadow: none;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: rgba(23, 34, 53, 0.88);
  color: #ffffff;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active {
  background: #063670;
  border-color: #063670;
  color: #ffffff;
}

.admin-legal-page .section-body,
.admin-legal-page .section-body p,
.admin-legal-page .section-body li,
.admin-legal-page .section-body div,
.admin-legal-page .section-body span,
.admin-legal-page .section-body h1,
.admin-legal-page .section-body h2,
.admin-legal-page .section-body h3,
.admin-legal-page .section-body h4,
.admin-legal-page .section-body h5,
.admin-legal-page .section-body h6 {
  color: #dbe7f4;
}

.admin-legal-page .section-body a {
  color: #9cc3f5;
}

.admin-legal-page .section-body a:hover,
.admin-legal-page .section-body a:focus {
  color: #ffffff;
}

.dashboard .row .col-sm-4 {
  margin-top: 10px;
}

.admin-dashboard-page .dashboard .img-content-block .title,
.admin-dashboard-page .dashboard .img-content-block,
.admin-dashboard-page .dashboard .img-content-block .text-primary,
.admin-dashboard-page #myServices .modal-title,
.admin-dashboard-page #myServices .list-group-item {
  color: #dbe7f4;
}

.admin-dashboard-page .dashboard .img-content-block {
  background: linear-gradient(180deg, rgba(15, 23, 36, 0.96) 0%, rgba(17, 24, 39, 0.96) 100%);
  border: 1px solid #24364e;
  border-radius: 18px;
  box-shadow: 0 18px 34px rgba(8, 15, 28, 0.22);
  padding: 12px;
  min-height: 100%;
  position: relative;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

.admin-dashboard-page .dashboard .img-content-block .title {
  margin-top: 10px;
  font-weight: 600;
  color: #ffffff;
}

.admin-dashboard-page .dashboard .img-content-block:hover {
  border-color: #355070;
  background: linear-gradient(180deg, rgba(23, 34, 53, 0.98) 0%, rgba(17, 24, 39, 0.98) 100%);
}

.admin-dashboard-page .dashboard .img-content-block.service-card-active {
  border-color: #063670;
  box-shadow: 0 0 0 1px rgba(6, 54, 112, 0.4), 0 18px 34px rgba(8, 15, 28, 0.22);
  cursor: pointer;
}

.admin-dashboard-page .dashboard .img-content-block.service-card-active:hover {
  transform: translateY(-2px);
}

.admin-dashboard-page .dashboard .img-content-block.service-card-inactive {
  border-color: #4e5f73;
  background: linear-gradient(180deg, rgba(14, 20, 31, 0.94) 0%, rgba(16, 22, 33, 0.94) 100%);
  box-shadow: none;
  opacity: 0.9;
  cursor: pointer;
}

.admin-dashboard-page .dashboard .img-content-block.service-card-inactive:hover {
  transform: none;
  border-color: #314154;
  background: linear-gradient(180deg, rgba(14, 20, 31, 0.94) 0%, rgba(16, 22, 33, 0.94) 100%);
}

.admin-dashboard-page .dashboard .img-content-block.service-card-inactive img {
  filter: grayscale(1);
}

.admin-dashboard-page .dashboard .service-status-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-dashboard-page .dashboard .service-status-badge.is-active {
  background: #063670;
  color: #ffffff;
}

.admin-dashboard-page .dashboard .service-status-badge.is-inactive {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid #41536a;
  color: #ffffff;
}

.admin-dashboard-page .dashboard .service-status-text {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
}

.admin-dashboard-page #myServices .list-group-item {
  background: #111827;
  border-color: #24364e;
}

.admin-dashboard-page #myServices .list-group-item:hover,
.admin-dashboard-page #myServices .list-group-item:focus {
  background: #172235;
  color: #ffffff;
}

.admin-dashboard-page #myServices .list-group-item.service-option-active {
  cursor: pointer;
}

.admin-dashboard-page #myServices .list-group-item.service-option-inactive {
  color: #ffffff;
  opacity: 0.65;
  cursor: default;
}

.admin-dashboard-page #myServices .list-group-item.service-option-inactive:hover,
.admin-dashboard-page #myServices .list-group-item.service-option-inactive:focus {
  background: #111827;
  color: #ffffff;
}

section.section-account {
  /* background: linear-gradient(180deg, #0f1724 0%, #152338 42%, #eef2f7 42%, #eef2f7 100%); */
  min-height: calc(100vh - 50px);
  padding-bottom: 48px;
}

section.section-account > .center-block.text-center {
  max-width: 420px;
  margin: 28px auto 18px;
  padding: 18px 18px 10px;
  border-radius: 22px;
  box-shadow: 0 20px 40px rgba(8, 15, 28, 0.24);
}

.login-custom-page {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 38px rgba(16, 24, 40, 0.14);
}

.gui-controls li.active .gui-icon {
  background-color: #063670;
}

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
  color: #ffffff;
  background-color: #063670;
  border-color: #063670;
}

.dark-input {
  background: #0f1724;
  color: #f8fbff;
  border: 1px solid #29415e;
}