/* Add here all your CSS customizations */

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-ExtraBoldItalic.eot');
  src: url('../fonts/Poppins/Poppins-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-ExtraBoldItalic.woff') format('woff'),
      url('../fonts/Poppins/Poppins-ExtraBoldItalic.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-ExtraBoldItalic.svg#Poppins-ExtraBoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-ExtraLight.eot');
  src: url('../fonts/Poppins/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-ExtraLight.woff') format('woff'),
      url('../fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-BoldItalic.eot');
  src: url('../fonts/Poppins/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-BoldItalic.woff') format('woff'),
      url('../fonts/Poppins/Poppins-BoldItalic.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-BoldItalic.svg#Poppins-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Bold.eot');
  src: url('../fonts/Poppins/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-Bold.woff') format('woff'),
      url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-Bold.svg#Poppins-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-ExtraBold.eot');
  src: url('../fonts/Poppins/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-ExtraBold.woff') format('woff'),
      url('../fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Black.eot');
  src: url('../fonts/Poppins/Poppins-Black.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-Black.woff') format('woff'),
      url('../fonts/Poppins/Poppins-Black.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-Black.svg#Poppins-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-BlackItalic.eot');
  src: url('../fonts/Poppins/Poppins-BlackItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-BlackItalic.woff') format('woff'),
      url('../fonts/Poppins/Poppins-BlackItalic.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-BlackItalic.svg#Poppins-BlackItalic') format('svg');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-LightItalic.eot');
  src: url('../fonts/Poppins/Poppins-LightItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-LightItalic.woff') format('woff'),
      url('../fonts/Poppins/Poppins-LightItalic.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-LightItalic.svg#Poppins-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Regular.eot');
  src: url('../fonts/Poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-Regular.woff') format('woff'),
      url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-Regular.svg#Poppins-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-SemiBold.eot');
  src: url('../fonts/Poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-SemiBold.woff') format('woff'),
      url('../fonts/Poppins/Poppins-SemiBold.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Medium.eot');
  src: url('../fonts/Poppins/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-Medium.woff') format('woff'),
      url('../fonts/Poppins/Poppins-Medium.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-Medium.svg#Poppins-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Italic.eot');
  src: url('../fonts/Poppins/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-Italic.woff') format('woff'),
      url('../fonts/Poppins/Poppins-Italic.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-Italic.svg#Poppins-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Light.eot');
  src: url('../fonts/Poppins/Poppins-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-Light.woff') format('woff'),
      url('../fonts/Poppins/Poppins-Light.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-Light.svg#Poppins-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-ExtraLightItalic.eot');
  src: url('../fonts/Poppins/Poppins-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-ExtraLightItalic.woff') format('woff'),
      url('../fonts/Poppins/Poppins-ExtraLightItalic.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-ExtraLightItalic.svg#Poppins-ExtraLightItalic') format('svg');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-SemiBoldItalic.eot');
  src: url('../fonts/Poppins/Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-SemiBoldItalic.woff') format('woff'),
      url('../fonts/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Thin.eot');
  src: url('../fonts/Poppins/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-Thin.woff') format('woff'),
      url('../fonts/Poppins/Poppins-Thin.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-Thin.svg#Poppins-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-MediumItalic.eot');
  src: url('../fonts/Poppins/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-MediumItalic.woff') format('woff'),
      url('../fonts/Poppins/Poppins-MediumItalic.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-MediumItalic.svg#Poppins-MediumItalic') format('svg');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-ThinItalic.eot');
  src: url('../fonts/Poppins/Poppins-ThinItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Poppins/Poppins-ThinItalic.woff') format('woff'),
      url('../fonts/Poppins/Poppins-ThinItalic.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-ThinItalic.svg#Poppins-ThinItalic') format('svg');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}



@font-face {
  font-family: "Almarai";
  src: url("../fonts/Almarai/Almarai-Regular.eot");
  src: url("../fonts/Almarai/Almarai-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Almarai/Almarai-Regular.woff") format("woff"), url("../fonts/Almarai/Almarai-Regular.ttf") format("truetype"), url("../fonts/Almarai/Almarai-Regular.svg#Almarai-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }


  body {
    color: #777;
    font-family: "Poppins", "Almarai", Arial, sans-serif;
    line-height: 22px;
    margin: 0;
    font-size: 13px; }

a {
  color: #333; }

a:hover {
  color: #207ef7; }

a:focus {
  color: #207ef7; }

a:active {
  color: #207ef7; }

html .heading-primary,
html .lnk-primary,
html .text-color-primary,
html .text-primary {
  color: #333 !important; }

html .text-color-hover-primary:hover,
html .text-hover-primary:hover {
  color: #333 !important; }

html .heading.heading-primary h1,
html .heading.heading-primary h2,
html .heading.heading-primary h3,
html .heading.heading-primary h4,
html .heading.heading-primary h5,
html .heading.heading-primary h6 {
  border-color: #333; }

html .heading-secondary,
html .lnk-secondary,
html .text-color-secondary,
html .text-secondary {
  color: #207ef7 !important; }

html .text-color-hover-secondary:hover,
html .text-hover-secondary:hover {
  color: #207ef7 !important; }

html .heading.heading-secondary h1,
html .heading.heading-secondary h2,
html .heading.heading-secondary h3,
html .heading.heading-secondary h4,
html .heading.heading-secondary h5,
html .heading.heading-secondary h6 {
  border-color: #207ef7; }

html .heading-tertiary,
html .lnk-tertiary,
html .text-color-tertiary,
html .text-tertiary {
  color: #2BAAB1 !important; }

html .text-color-hover-tertiary:hover,
html .text-hover-tertiary:hover {
  color: #2BAAB1 !important; }

html .heading.heading-tertiary h1,
html .heading.heading-tertiary h2,
html .heading.heading-tertiary h3,
html .heading.heading-tertiary h4,
html .heading.heading-tertiary h5,
html .heading.heading-tertiary h6 {
  border-color: #2BAAB1; }

html .heading-quaternary,
html .lnk-quaternary,
html .text-color-quaternary,
html .text-quaternary {
  color: #383f48 !important; }

html .text-color-hover-quaternary:hover,
html .text-hover-quaternary:hover {
  color: #383f48 !important; }

html .heading.heading-quaternary h1,
html .heading.heading-quaternary h2,
html .heading.heading-quaternary h3,
html .heading.heading-quaternary h4,
html .heading.heading-quaternary h5,
html .heading.heading-quaternary h6 {
  border-color: #383f48; }

html .heading-dark,
html .lnk-dark,
html .text-color-dark,
html .text-dark {
  color: #2e353e !important; }

html .text-color-hover-dark:hover,
html .text-hover-dark:hover {
  color: #2e353e !important; }

html .heading.heading-dark h1,
html .heading.heading-dark h2,
html .heading.heading-dark h3,
html .heading.heading-dark h4,
html .heading.heading-dark h5,
html .heading.heading-dark h6 {
  border-color: #2e353e; }

html .heading-light,
html .lnk-light,
html .text-color-light,
html .text-light {
  color: #FFF !important; }

html .text-color-hover-light:hover,
html .text-hover-light:hover {
  color: #FFF !important; }

html .heading.heading-light h1,
html .heading.heading-light h2,
html .heading.heading-light h3,
html .heading.heading-light h4,
html .heading.heading-light h5,
html .heading.heading-light h6 {
  border-color: #FFF; }

html .bg-primary,
html .background-color-primary {
  background-color: #333 !important; }

html .bg-secondary,
html .background-color-secondary {
  background-color: #207ef7 !important; }

html .bg-tertiary,
html .background-color-tertiary {
  background-color: #2BAAB1 !important; }

html .bg-quaternary,
html .background-color-quaternary {
  background-color: #383f48 !important; }

html .bg-dark,
html .background-color-dark {
  background-color: #2e353e !important; }

html .bg-light,
html .background-color-light {
  background-color: rgba(0, 0, 0, 0.05) !important; }

.btn-gradient:not(.btn-outline) {
  background: linear-gradient(135deg, #333 0%, #207ef7 80%);
  color: #FFF; }

.btn-gradient:not(.btn-outline):hover,
.btn-gradient:not(.btn-outline).hover {
  background: linear-gradient(135deg, #00a1f2 0%, #e9807a 80%);
  color: #FFF; }

.btn-gradient:not(.btn-outline):focus,
.btn-gradient:not(.btn-outline).focus {
  box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5); }

.btn-gradient:not(.btn-outline).disabled,
.btn-gradient:not(.btn-outline):disabled {
  background: linear-gradient(135deg, #333 0%, #207ef7 80%); }

.btn-gradient:not(.btn-outline):active,
.btn-gradient:not(.btn-outline).active {
  background: linear-gradient(135deg, #333 0%, #dd4238 80%) !important;
  color: #FFF !important; }

.btn-gradient.btn-outline {
  -o-border-image: linear-gradient(135deg, #333 0%, #207ef7 80%);
  border-image: linear-gradient(135deg, #333 0%, #207ef7 80%);
  color: #333; }

.btn-gradient.btn-outline:hover,
.btn-gradient.btn-outline.hover {
  -o-border-image: linear-gradient(135deg, #00a1f2 0%, #e9807a 80%);
  border-image: linear-gradient(135deg, #00a1f2 0%, #e9807a 80%);
  color: #00a1f2; }

.btn-gradient.btn-outline:focus,
.btn-gradient.btn-outline.focus {
  box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5); }

.btn-gradient.btn-outline.disabled,
.btn-gradient.btn-outline:disabled {
  -o-border-image: linear-gradient(135deg, #333 0%, #207ef7 80%);
  border-image: linear-gradient(135deg, #333 0%, #207ef7 80%); }

.btn-gradient.btn-outline:active,
.btn-gradient.btn-outline.active {
  -o-border-image: linear-gradient(135deg, #333 0%, #dd4238 80%) !important;
  border-image: linear-gradient(135deg, #333 0%, #dd4238 80%) !important;
  color: #333; }

.sidebar-left .sidebar-header .sidebar-toggle:hover i {
  color: #333; }

@media (min-width: 992px) {
  .header.header-nav-menu .header-nav-main nav > ul > li > a.dropdown-toggle:after {
    border-color: #333 transparent transparent transparent; }
  .header.header-nav-menu .header-nav-main nav > ul > li > a:focus {
    color: #333; }
  .header.header-nav-menu .header-nav-main nav > ul > li.open > a,
  .header.header-nav-menu .header-nav-main nav > ul > li:hover > a,
  .header.header-nav-menu .header-nav-main nav > ul > li.active > a {
    background: #333;
    color: #FFF; }
  .header.header-nav-menu .header-nav-main nav > ul > li.open > a.dropdown-toggle:after,
  .header.header-nav-menu .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after,
  .header.header-nav-menu .header-nav-main nav > ul > li.active > a.dropdown-toggle:after {
    border-color: #ffffff transparent transparent transparent; }
  .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    border-top: 3px solid #333; }
  .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #333; }
  .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li > a.dropdown-toggle:after {
    border-color: #000000 transparent transparent transparent; }
  .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li > a:focus {
    color: #000000; }
  .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li.open > a,
  .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:hover > a,
  .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li.active > a {
    color: #FFF; }
  .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li.open > a.dropdown-toggle:after,
  .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after,
  .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li.active > a.dropdown-toggle:after {
    border-color: #ffffff transparent transparent transparent; }
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li > a.dropdown-toggle:after {
    border-color: #000000 transparent transparent transparent; }
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li > a:focus {
    color: #000000; }
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.open > a,
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:hover > a,
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.active > a {
    color: #333; }
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.open > a:before,
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:hover > a:before,
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.active > a:before {
    background-color: #333; }
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.open > a.dropdown-toggle:after,
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after,
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.active > a.dropdown-toggle:after {
    border-color: #333 transparent transparent transparent; }
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    border-top: 3px solid #333; }
  .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #333; }
  .header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li.open > a,
  .header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li:hover > a,
  .header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li.active > a {
    color: #333 !important; }
  .header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a {
    color: #333; }
  .header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle:not(.toggled):before {
    color: #333; } }

@media (max-width: 991px) {
  .header.header-nav-menu .header-nav-main nav > ul.nav-pills > li.active > a,
  .header.header-nav-menu .header-nav-main nav > ul.nav-pills > li.active > a:hover,
  .header.header-nav-menu .header-nav-main nav > ul.nav-pills > li.active > a:focus {
    background-color: #333; }
  .header-btn-collapse-nav {
    background: #333;
    color: #ffffff; } }

.page-header h2 {
  border-bottom-color: #ec1f27; }

.page-header .sidebar-right-toggle:hover {
  color: #333; }

ul.nav-main > li.nav-active > a {
  box-shadow: 2px 0 0 #333 inset; }

ul.nav-main > li.nav-active > i {
  color: #333; }

ul.nav-main li .nav-children li.nav-active > a {
  color: #333; }

html.sidebar-light:not(.dark) ul.nav-main > li.nav-active > a {
  color: #333; }

.nav-pills-primary > li.active > a {
  background-color: #333; }

.nav-pills-primary > li.active > a:hover,
.nav-pills-primary > li.active > a:active,
.nav-pills-primary > li.active > a:focus {
  background-color: #333; }

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
  background: #333; }

@media only screen and (min-width: 768px) {
  html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li.nav-active a:hover,
  html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li.nav-active a:hover {
    color: #333; }
  html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a span.badge,
  html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a span.badge {
    background-color: #333; } }

@media only screen and (max-width: 1199px) {
  html.boxed .header {
    border-top-color: #333; } }

@media only screen and (min-width: 1200px) {
  html.boxed .header {
    border-top-color: #333; }
  html.boxed .sidebar-right {
    border-top-color: #333;
    min-height: 0; } }

.userbox.show .dropdown-menu a:hover {
  background: #333; }

.mailbox .mailbox-mail-list li.active {
  background: #333; }

.mailbox .mailbox-mail .mailbox-close-mail {
  color: #333; }

.mailbox .mailbox-mail .mailbox-close-mail:hover {
  color: #207ef7; }

.mailbox .mailbox-mail .card .card-header .card-actions a:hover {
  color: #333; }

.media-gallery ul.mg-tags > li a:hover {
  background-color: #333; }

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
  background-color: #333; }

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
  background-color: #333; }

.media-gallery .mg-files .thumbnail.thumbnail-selected {
  box-shadow: 0 0 8px -1px #333; }

.body-sign .card-sign .card-title-sign .title {
  background-color: #333; }

.body-sign .card-sign .card-body {
  border-top-color: #333; }

.body-locked .current-user .user-image {
  border-color: #333; }

.list.list-filter > li a:hover,
.list.list-filter > li a:focus,
.list.list-filter > li a:active {
  border-color: #333; }

.list.list-filter > li a.active {
  background: #333; }

html.modern .dropdown-language + .dropdown-menu .dropdown-item:hover,
html.modern .dropdown-language + .dropdown-menu .dropdown-item:focus {
  color: #333; }

html.modern .dropdown-language + .dropdown-menu .dropdown-item:hover:active,
html.modern .dropdown-language + .dropdown-menu .dropdown-item:focus:active,
html.modern .dropdown-language + .dropdown-menu .dropdown-item:hover.active,
html.modern .dropdown-language + .dropdown-menu .dropdown-item:focus.active {
  background: #333 !important; }

html.modern .userbox .profile-picture.profile-picture-as-text {
  background: #333; }

html.modern .userbox.show .dropdown-menu a:hover,
html.modern .userbox.show .dropdown-menu a:hover i {
  color: #333; }

html.modern .userbox.show .dropdown-menu a:hover:active {
  background-color: #333 !important; }

html.modern .notifications > li .notification-icon:hover i {
  color: #333; }

html.modern .notifications > li.show .notification-icon i {
  color: #333; }

html.modern .notifications .notification-menu .image.image-as-text {
  background: #333; }

html.modern .notifications .notification-menu .view-more {
  color: #333; }

html.modern ul.nav-main li.nav-active i {
  color: #333; }

html.modern ul.nav-main li .nav-children li.nav-active > a {
  color: #333; }

.ecommerce-timeline .ecommerce-timeline-items-wrapper .ecommerce-timeline-item:after {
  background: #333;
  box-shadow: 0px 0px 0px 2px #333; }

.portfolio-item.portfolio-item-new:after {
  background: #333; }

html.landing .text-color-dark {
  color: #212529 !important; }

blockquote.primary {
  border-color: #333; }

.nav-pills > .active a,
.nav-pills > .active a:hover,
.nav-pills > .active a:focus {
  background-color: #333; }

.nav-pills-primary > li a:hover,
.nav-pills-primary > li a:focus,
.nav-pills-primary > li .nav-link:hover,
.nav-pills-primary > li .nav-link:focus {
  color: #FFF;
  background-color: #207ef7; }

.nav-pills-primary > li .nav-link.active {
  color: #FFF;
  background-color: #333; }

.nav-pills-primary > li .active > a,
.nav-pills-primary > li .active > a:hover,
.nav-pills-primary > li .active > a:active,
.nav-pills-primary > li .active > a:focus {
  background-color: #333; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #333; }

.open > .dropdown-toggle.btn-primary {
  background: #333;
  border-color: #207ef7; }

body .btn-primary.dropdown-toggle {
  border-left-color: #207ef7; }

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #333; }

.select2-container--bootstrap .select2-dropdown {
  border-color: #207ef7; }

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: #207ef7;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 136, 204, 0.6); }

.btn-link {
  color: #333; }

.btn-link:hover {
  color: #207ef7; }

.btn-link:active {
  color: #207ef7; }

html .btn-primary {
  background-color: #333;
  border-color: #333 #333 #207ef7;
  color: #FFF; }

html .btn-primary:hover,
html .btn-primary.hover {
  background-color: #207ef7;
  border-color: #207ef7 #207ef7 #333;
  color: #FFF; }

html .btn-primary:focus,
html .btn-primary.focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5); }

html .btn-primary.disabled,
html .btn-primary:disabled {
  background-color: #333;
  border-color: #333 #333 #333; }

html .btn-primary:active,
html .btn-primary.active,
.show > html .btn-primary.dropdown-toggle {
  background-color: #333 !important;
  background-image: none !important;
  border-color: #333 #333 #333 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5) !important; }

html .btn-primary-scale-2 {
  background-color: #207ef7;
  border-color: #207ef7 #207ef7 #207ef7;
  color: #FFF; }

html .btn-primary-scale-2:hover,
html .btn-primary-scale-2.hover {
  background-color: #207ef7;
  border-color: #207ef7 #207ef7 #207ef7;
  color: #FFF; }

html .btn-primary-scale-2:focus,
html .btn-primary-scale-2.focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5); }

html .btn-primary-scale-2.disabled,
html .btn-primary-scale-2:disabled {
  background-color: #207ef7;
  border-color: #207ef7 #207ef7 #207ef7; }

html .btn-primary-scale-2:active,
html .btn-primary-scale-2.active,
.show > html .btn-primary-scale-2.dropdown-toggle {
  background-color: #207ef7 !important;
  background-image: none !important;
  border-color: #207ef7 #207ef7 #207ef7 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5) !important; }

html .show > .btn-primary.dropdown-toggle {
  background-color: #333;
  background-image: none;
  border-color: #333 #333 #333; }

html .btn-secondary {
  background-color: #207ef7;
  border-color: #207ef7 #207ef7 #207ef7;
  color: #FFF; }

html .btn-secondary:hover,
html .btn-secondary.hover {
  background-color: #333;
  border-color: #333 #333 #207ef7;
  color: #FFF; }

html .btn-secondary:focus,
html .btn-secondary.focus {
  box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5); }

html .btn-secondary.disabled,
html .btn-secondary:disabled {
  background-color: #207ef7;
  border-color: #207ef7 #207ef7 #dc372d; }

html .btn-secondary:active,
html .btn-secondary.active,
.show > html .btn-secondary.dropdown-toggle {
  background-color: #dd4238 !important;
  background-image: none !important;
  border-color: #dc372d #dc372d #b7281f !important;
  box-shadow: 0 0 0 0.2rem rgba(227, 97, 89, 0.5) !important; }

html .btn-secondary-scale-2 {
  background-color: #df4c43;
  border-color: #df4c43 #df4c43 #cd2c23;
  color: #FFF; }

html .btn-secondary-scale-2:hover,
html .btn-secondary-scale-2.hover {
  background-color: #e56b64;
  border-color: #e7766f #e7766f #df4c43;
  color: #FFF; }

html .btn-secondary-scale-2:focus,
html .btn-secondary-scale-2.focus {
  box-shadow: 0 0 0 3px rgba(223, 76, 67, 0.5); }

html .btn-secondary-scale-2.disabled,
html .btn-secondary-scale-2:disabled {
  background-color: #df4c43;
  border-color: #df4c43 #df4c43 #cd2c23; }

html .btn-secondary-scale-2:active,
html .btn-secondary-scale-2.active,
.show > html .btn-secondary-scale-2.dropdown-toggle {
  background-color: #d82f24 !important;
  background-image: none !important;
  border-color: #cd2c23 #cd2c23 #a1231b !important;
  box-shadow: 0 0 0 0.2rem rgba(223, 76, 67, 0.5) !important; }

html .show > .btn-secondary.dropdown-toggle {
  background-color: #dd4238;
  background-image: none;
  border-color: #dc372d #dc372d #b7281f; }

html .btn-tertiary {
  background-color: #2BAAB1;
  border-color: #2BAAB1 #2BAAB1 #218388;
  color: #FFF; }

html .btn-tertiary:hover,
html .btn-tertiary.hover {
  background-color: #34c6ce;
  border-color: #3fc9d0 #3fc9d0 #2BAAB1;
  color: #FFF; }

html .btn-tertiary:focus,
html .btn-tertiary.focus {
  box-shadow: 0 0 0 3px rgba(43, 170, 177, 0.5); }

html .btn-tertiary.disabled,
html .btn-tertiary:disabled {
  background-color: #2BAAB1;
  border-color: #2BAAB1 #2BAAB1 #218388; }

html .btn-tertiary:active,
html .btn-tertiary.active,
.show > html .btn-tertiary.dropdown-toggle {
  background-color: #248c92 !important;
  background-image: none !important;
  border-color: #218388 #218388 #175b5f !important;
  box-shadow: 0 0 0 0.2rem rgba(43, 170, 177, 0.5) !important; }

html .btn-tertiary-scale-2 {
  background-color: #26969c;
  border-color: #26969c #26969c #1c6f73;
  color: #FFF; }

html .btn-tertiary-scale-2:hover,
html .btn-tertiary-scale-2.hover {
  background-color: #2db4bb;
  border-color: #30bec6 #30bec6 #26969c;
  color: #FFF; }

html .btn-tertiary-scale-2:focus,
html .btn-tertiary-scale-2.focus {
  box-shadow: 0 0 0 3px rgba(38, 150, 156, 0.5); }

html .btn-tertiary-scale-2.disabled,
html .btn-tertiary-scale-2:disabled {
  background-color: #26969c;
  border-color: #26969c #26969c #1c6f73; }

html .btn-tertiary-scale-2:active,
html .btn-tertiary-scale-2.active,
.show > html .btn-tertiary-scale-2.dropdown-toggle {
  background-color: #1f797e !important;
  background-image: none !important;
  border-color: #1c6f73 #1c6f73 #12474a !important;
  box-shadow: 0 0 0 0.2rem rgba(38, 150, 156, 0.5) !important; }

html .show > .btn-tertiary.dropdown-toggle {
  background-color: #248c92;
  background-image: none;
  border-color: #218388 #218388 #175b5f; }

html .btn-quaternary {
  background-color: #383f48;
  border-color: #383f48 #383f48 #22262b;
  color: #FFF; }

html .btn-quaternary:hover,
html .btn-quaternary.hover {
  background-color: #49525e;
  border-color: #4e5865 #4e5865 #383f48;
  color: #FFF; }

html .btn-quaternary:focus,
html .btn-quaternary.focus {
  box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5); }

html .btn-quaternary.disabled,
html .btn-quaternary:disabled {
  background-color: #383f48;
  border-color: #383f48 #383f48 #22262b; }

html .btn-quaternary:active,
html .btn-quaternary.active,
.show > html .btn-quaternary.dropdown-toggle {
  background-color: #272c32 !important;
  background-image: none !important;
  border-color: #22262b #22262b #0b0d0f !important;
  box-shadow: 0 0 0 0.2rem rgba(56, 63, 72, 0.5) !important; }

html .btn-quaternary-scale-2 {
  background-color: #2d323a;
  border-color: #2d323a #2d323a #17191d;
  color: #FFF; }

html .btn-quaternary-scale-2:hover,
html .btn-quaternary-scale-2.hover {
  background-color: #3e454f;
  border-color: #434c56 #434c56 #2d323a;
  color: #FFF; }

html .btn-quaternary-scale-2:focus,
html .btn-quaternary-scale-2.focus {
  box-shadow: 0 0 0 3px rgba(45, 50, 58, 0.5); }

html .btn-quaternary-scale-2.disabled,
html .btn-quaternary-scale-2:disabled {
  background-color: #2d323a;
  border-color: #2d323a #2d323a #17191d; }

html .btn-quaternary-scale-2:active,
html .btn-quaternary-scale-2.active,
.show > html .btn-quaternary-scale-2.dropdown-toggle {
  background-color: #1c2024 !important;
  background-image: none !important;
  border-color: #17191d #17191d #000000 !important;
  box-shadow: 0 0 0 0.2rem rgba(45, 50, 58, 0.5) !important; }

html .show > .btn-quaternary.dropdown-toggle {
  background-color: #272c32;
  background-image: none;
  border-color: #22262b #22262b #0b0d0f; }

html .btn-dark {
  background-color: #2e353e;
  border-color: #2e353e #2e353e #181c21;
  color: #FFF; }

html .btn-dark:hover,
html .btn-dark.hover {
  background-color: #3e4854;
  border-color: #444e5b #444e5b #2e353e;
  color: #FFF; }

html .btn-dark:focus,
html .btn-dark.focus {
  box-shadow: 0 0 0 3px rgba(46, 53, 62, 0.5); }

html .btn-dark.disabled,
html .btn-dark:disabled {
  background-color: #2e353e;
  border-color: #2e353e #2e353e #181c21; }

html .btn-dark:active,
html .btn-dark.active,
.show > html .btn-dark.dropdown-toggle {
  background-color: #1e2228 !important;
  background-image: none !important;
  border-color: #181c21 #181c21 #030303 !important;
  box-shadow: 0 0 0 0.2rem rgba(46, 53, 62, 0.5) !important; }

html .btn-dark-scale-2 {
  background-color: #23282f;
  border-color: #23282f #23282f #0d0f12;
  color: #FFF; }

html .btn-dark-scale-2:hover,
html .btn-dark-scale-2.hover {
  background-color: #333b45;
  border-color: #39424d #39424d #23282f;
  color: #FFF; }

html .btn-dark-scale-2:focus,
html .btn-dark-scale-2.focus {
  box-shadow: 0 0 0 3px rgba(35, 40, 47, 0.5); }

html .btn-dark-scale-2.disabled,
html .btn-dark-scale-2:disabled {
  background-color: #23282f;
  border-color: #23282f #23282f #0d0f12; }

html .btn-dark-scale-2:active,
html .btn-dark-scale-2.active,
.show > html .btn-dark-scale-2.dropdown-toggle {
  background-color: #131619 !important;
  background-image: none !important;
  border-color: #0d0f12 #0d0f12 #000000 !important;
  box-shadow: 0 0 0 0.2rem rgba(35, 40, 47, 0.5) !important; }

html .show > .btn-dark.dropdown-toggle {
  background-color: #1e2228;
  background-image: none;
  border-color: #181c21 #181c21 #030303; }

html .btn-light {
  background-color: #FFF;
  border-color: #FFF #FFF #e6e6e6;
  color: #777; }

html .btn-light:hover,
html .btn-light.hover {
  background-color: #ffffff;
  border-color: #ffffff #ffffff #FFF;
  color: #777; }

html .btn-light:focus,
html .btn-light.focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); }

html .btn-light.disabled,
html .btn-light:disabled {
  background-color: #FFF;
  border-color: #FFF #FFF #e6e6e6; }

html .btn-light:active,
html .btn-light.active,
.show > html .btn-light.dropdown-toggle {
  background-color: #ececec !important;
  background-image: none !important;
  border-color: #e6e6e6 #e6e6e6 #333ccc !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5) !important; }

html .btn-light-scale-2 {
  background-color: #f2f2f2;
  border-color: #f2f2f2 #f2f2f2 #d9d9d9;
  color: #777; }

html .btn-light-scale-2:hover,
html .btn-light-scale-2.hover {
  background-color: #ffffff;
  border-color: #ffffff #ffffff #f2f2f2;
  color: #777; }

html .btn-light-scale-2:focus,
html .btn-light-scale-2.focus {
  box-shadow: 0 0 0 3px rgba(242, 242, 242, 0.5); }

html .btn-light-scale-2.disabled,
html .btn-light-scale-2:disabled {
  background-color: #f2f2f2;
  border-color: #f2f2f2 #f2f2f2 #d9d9d9; }

html .btn-light-scale-2:active,
html .btn-light-scale-2.active,
.show > html .btn-light-scale-2.dropdown-toggle {
  background-color: #dfdfdf !important;
  background-image: none !important;
  border-color: #d9d9d9 #d9d9d9 #bfbfbf !important;
  box-shadow: 0 0 0 0.2rem rgba(242, 242, 242, 0.5) !important; }

html .show > .btn-light.dropdown-toggle {
  background-color: #ececec;
  background-image: none;
  border-color: #e6e6e6 #e6e6e6 #333ccc; }

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #333; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination .page-item.active .page-link {
  background-color: #333 !important;
  border-color: #333; }

body.dark .pagination > li > a,
body.dark .pagination > li > span,
body.dark .pagination > li > a:hover,
body.dark .pagination > li > span:hover,
body.dark .pagination > li > a:focus,
body.dark .pagination > li > span:focus {
  color: #333; }

body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus {
  background-color: #333;
  border-color: #333; }

.pagination > .active > a,
body.dark .pagination > .active > a {
  background-color: #333;
  border-color: #333 #333 #333;
  color: #fff; }

.pagination > .active > a:hover,
body.dark .pagination > .active > a:hover,
.pagination > .active > a.hover,
body.dark .pagination > .active > a.hover {
  background-color: #00a1f2;
  border-color: #00aaff #00aaff #333;
  color: #fff; }

.pagination > .active > a:focus,
body.dark .pagination > .active > a:focus,
.pagination > .active > a.focus,
body.dark .pagination > .active > a.focus {
  box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5); }

.pagination > .active > a.disabled,
body.dark .pagination > .active > a.disabled,
.pagination > .active > a:disabled,
body.dark .pagination > .active > a:disabled {
  background-color: #333;
  border-color: #333 #333 #333; }

.pagination > .active > a:active,
body.dark .pagination > .active > a:active,
.pagination > .active > a.active,
body.dark .pagination > .active > a.active,
.show > .pagination > .active > a.dropdown-toggle,
.show > body.dark .pagination > .active > a.dropdown-toggle {
  background-color: #333 !important;
  background-image: none !important;
  border-color: #333 #333 #333 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 204, 0.5) !important; }

.switch.switch-primary .ios-switch .on-background {
  background: #333; }

.badge-primary {
  background: #333; }

.alternative-font {
  color: #333; }

.highlight {
  background-color: #333; }

p.drop-caps:first-letter {
  color: #333; }

p.drop-caps.drop-caps-style-2:first-letter {
  background-color: #333; }

.form-control:focus {
  border-color: #207ef7;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 136, 204, 0.3); }

.header .toggle-sidebar-left {
  background: #333; }

.fc .fc-toolbar h2:before {
  color: #333; }

.fc .fc-toolbar .fc-button.fc-state-active {
  background-color: #333; }

.fc .fc-day-grid-container {
  height: auto !important; }

.fc-event {
  background: #333;
  border-color: #333; }

.fc-event.fc-event-primary {
  background: #333;
  border-color: #333; }

.jqvmap-zoomin,
.jqvmap-zoomout {
  background: #333; }

.timeline .tm-items > li .tm-datetime .tm-datetime-time {
  color: #333; }

.timeline .tm-items > li .tm-icon {
  border-color: #333;
  color: #333; }

.timeline.timeline-simple .tm-body .tm-items > li:before {
  background: #333;
  box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #333; }

html.dark .timeline.timeline-simple .tm-body .tm-items > li:before {
  background: #333;
  box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #333; }

.pricing-table .most-popular {
  border-color: #333; }

.pricing-table .most-popular h3 {
  background-color: #333; }

.pricing-table.princig-table-flat .plan h3 {
  background-color: #333; }

.pricing-table.princig-table-flat .plan h3 span {
  background: #333; }

.dataTables_processing {
  background-color: #333; }

.accordion .card-header a {
  color: #333; }

html .accordion.accordion-primary .card-header {
  background-color: #333 !important; }

html .accordion.accordion-primary .card-header a {
  color: #FFF; }

html .accordion.accordion-secondary .card-header {
  background-color: #207ef7 !important; }

html .accordion.accordion-secondary .card-header a {
  color: #FFF; }

html .accordion.accordion-tertiary .card-header {
  background-color: #2BAAB1 !important; }

html .accordion.accordion-tertiary .card-header a {
  color: #FFF; }

html .accordion.accordion-quaternary .card-header {
  background-color: #383f48 !important; }

html .accordion.accordion-quaternary .card-header a {
  color: #FFF; }

html .accordion.accordion-dark .card-header {
  background-color: #2e353e !important; }

html .accordion.accordion-dark .card-header a {
  color: #FFF; }

html .accordion.accordion-light .card-header {
  background-color: #FFF !important; }

html .accordion.accordion-light .card-header a {
  color: #777; }

html .toggle-primary .toggle label {
  color: #333;
  border-left-color: #333;
  border-right-color: #333; }

html .toggle-primary .toggle.active > label {
  background-color: #333 !important;
  border-color: #333;
  color: #FFF; }

html .toggle-primary.toggle-simple .toggle > label:after {
  background-color: #333; }

html .toggle-secondary .toggle label {
  color: #207ef7;
  border-left-color: #207ef7;
  border-right-color: #207ef7; }

html .toggle-secondary .toggle.active > label {
  background-color: #207ef7 !important;
  border-color: #207ef7;
  color: #FFF; }

html .toggle-secondary.toggle-simple .toggle > label:after {
  background-color: #207ef7; }

html .toggle-tertiary .toggle label {
  color: #2BAAB1;
  border-left-color: #2BAAB1;
  border-right-color: #2BAAB1; }

html .toggle-tertiary .toggle.active > label {
  background-color: #2BAAB1 !important;
  border-color: #2BAAB1;
  color: #FFF; }

html .toggle-tertiary.toggle-simple .toggle > label:after {
  background-color: #2BAAB1; }

html .toggle-quaternary .toggle label {
  color: #383f48;
  border-left-color: #383f48;
  border-right-color: #383f48; }

html .toggle-quaternary .toggle.active > label {
  background-color: #383f48 !important;
  border-color: #383f48;
  color: #FFF; }

html .toggle-quaternary.toggle-simple .toggle > label:after {
  background-color: #383f48; }

html .toggle-dark .toggle label {
  color: #2e353e;
  border-left-color: #2e353e;
  border-right-color: #2e353e; }

html .toggle-dark .toggle.active > label {
  background-color: #2e353e !important;
  border-color: #2e353e;
  color: #FFF; }

html .toggle-dark.toggle-simple .toggle > label:after {
  background-color: #2e353e; }

html .toggle-light .toggle label {
  color: #FFF;
  border-left-color: #FFF;
  border-right-color: #FFF; }

html .toggle-light .toggle.active > label {
  background-color: #FFF !important;
  border-color: #FFF;
  color: #777; }

html .toggle-light.toggle-simple .toggle > label:after {
  background-color: #FFF; }

.alert-primary {
  background-color: #333;
  border-color: #333; }

.alert-primary .alert-link {
  color: #333; }

.dd-handle:hover {
  color: #333 !important; }

.dd-placeholder {
  background: #e6f7ff;
  border-color: #333; }

.card-highlight .card-header {
  background-color: #333;
  border-color: #333; }

.card-highlight .card-body {
  background-color: #333; }

html .card-primary .card-header {
  background: #333;
  border-color: #333; }

html .card-featured-primary {
  border-color: #333; }

html .card-featured-primary .card-title {
  color: #333; }

html .card-group .card-accordion-primary {
  background: #333; }

html .card-secondary .card-header {
  background: #207ef7;
  border-color: #207ef7; }

html .card-featured-secondary {
  border-color: #207ef7; }

html .card-featured-secondary .card-title {
  color: #207ef7; }

html .card-group .card-accordion-secondary {
  background: #207ef7; }

html .card-tertiary .card-header {
  background: #2BAAB1;
  border-color: #2BAAB1; }

html .card-featured-tertiary {
  border-color: #2BAAB1; }

html .card-featured-tertiary .card-title {
  color: #2BAAB1; }

html .card-group .card-accordion-tertiary {
  background: #2BAAB1; }

html .card-quaternary .card-header {
  background: #383f48;
  border-color: #383f48; }

html .card-featured-quaternary {
  border-color: #383f48; }

html .card-featured-quaternary .card-title {
  color: #383f48; }

html .card-group .card-accordion-quaternary {
  background: #383f48; }

html .card-dark .card-header {
  background: #2e353e;
  border-color: #2e353e; }

html .card-featured-dark {
  border-color: #2e353e; }

html .card-featured-dark .card-title {
  color: #2e353e; }

html .card-group .card-accordion-dark {
  background: #2e353e; }

html .card-light .card-header {
  background: #FFF;
  border-color: #FFF; }

html .card-featured-light {
  border-color: #FFF; }

html .card-featured-light .card-title {
  color: #FFF; }

html .card-group .card-accordion-light {
  background: #FFF; }

.progress-bar {
  background-color: #333; }

.progress .progress-bar-primary {
  background-color: #333; }

.toggle label {
  border-left-color: #333;
  color: #333; }

.toggle.active > label {
  background: #333 !important;
  border-color: #333; }

.jstree-default .jstree-hovered {
  background-color: #e6f7ff !important; }

.jstree-default .jstree-clicked {
  background-color: #b3e5ff !important; }

.jstree-default .colored {
  color: #333 !important; }

.jstree-default .colored .jstree-icon {
  color: #333 !important; }

.jstree-default .colored-icon .jstree-icon {
  color: #333 !important; }

.sidebar-widget.widget-tasks ul li:before {
  border-color: #333; }

.widget-twitter-profile {
  background-color: #333; }

.widget-twitter-profile .profile-quote {
  background-color: #0096e0; }

.widget-twitter-profile .profile-quote .quote-footer {
  border-top-color: rgba(0, 170, 255, 0.7); }

.widget-profile-info .profile-info .profile-footer {
  border-top-color: rgba(0, 170, 255, 0.7); }

.thumb-info .thumb-info-type {
  background-color: #333; }

.social-icons-list a {
  background: #333; }

.notifications .notification-menu .notification-title {
  background: #333; }

.notifications .notification-menu .notification-title .badge-default {
  background-color: #333; }

.notifications .notification-menu:before,
.notifications .notification-icon:before {
  border-bottom-color: #333; }

.ui-pnotify .notification-primary {
  background: rgba(0, 136, 204, 0.95); }

.ui-pnotify.stack-bar-top .notification-primary,
.ui-pnotify.stack-bar-bottom .notification-primary {
  background: #333; }

.ui-pnotify.notification-primary .notification,
.ui-pnotify.notification-primary .notification-primary {
  background: rgba(0, 136, 204, 0.95); }

.ui-pnotify.notification-primary.stack-bar-top .notification,
.ui-pnotify.notification-primary.stack-bar-bottom .notification,
.ui-pnotify.notification-primary.stack-bar-top .notification-primary,
.ui-pnotify.notification-primary.stack-bar-bottom .notification-primary {
  background: #333; }

.modal-block-primary .fa,
.modal-block-primary .fab,
.modal-block-primary .fal,
.modal-block-primary .far,
.modal-block-primary .fas {
  color: #333; }

.modal-block-primary.modal-header-color .card-header {
  background-color: #333; }

.modal-block-primary.modal-full-color .card {
  background-color: #207ef7; }

.modal-block-primary.modal-full-color .card-header {
  background-color: #333; }

.modal-block-primary.modal-full-color .card-footer {
  background-color: #207ef7; }

.modal-block-primary .modal-icon .fa,
.modal-block-primary .modal-icon .fab,
.modal-block-primary .modal-icon .fal,
.modal-block-primary .modal-icon .far,
.modal-block-primary .modal-icon .fas {
  color: #333; }

html body .tabs .nav-tabs .nav-link,
html.dark body .tabs .nav-tabs .nav-link,
html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover {
  color: #333; }

html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs .nav-link:focus,
html.dark body .tabs .nav-tabs .nav-link:focus {
  border-top-color: #333; }

html body .tabs .nav-tabs li.active .nav-link,
html.dark body .tabs .nav-tabs li.active .nav-link {
  border-top-color: #333;
  color: #333; }

html body .tabs .nav-tabs.nav-justified .nav-link:hover,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover,
html body .tabs .nav-tabs.nav-justified .nav-link:focus,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus {
  border-top-color: #333; }

html body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus {
  border-bottom-color: #333; }

html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus {
  border-left-color: #333; }

html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus {
  border-right-color: #333; }

html body .tabs.tabs-simple .nav-tabs > li.active .nav-link,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link,
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
html body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover {
  border-top-color: #333;
  color: #333; }

html body .tabs-primary .nav-tabs li .nav-link,
html.dark body .tabs-primary .nav-tabs li .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
  color: #333; }

html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
  border-top-color: #333; }

html body .tabs-primary .nav-tabs li.active .nav-link,
html.dark body .tabs-primary .nav-tabs li.active .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-primary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li.active .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-primary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-primary .nav-tabs li.active .nav-link:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus {
  border-top-color: #333;
  color: #333; }

html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
  border-bottom-color: #333; }

html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
  border-bottom-color: #333; }

html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover {
  border-left-color: #333; }

html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:focus {
  border-left-color: #333; }

html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover {
  border-right-color: #333; }

html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:focus {
  border-right-color: #333; }

html body .tabs-secondary .nav-tabs li .nav-link,
html.dark body .tabs-secondary .nav-tabs li .nav-link,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link,
html body .tabs-secondary .nav-tabs li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs li .nav-link:hover,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover {
  color: #207ef7; }

html body .tabs-secondary .nav-tabs li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs li .nav-link:hover,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover {
  border-top-color: #207ef7; }

html body .tabs-secondary .nav-tabs li.active .nav-link,
html.dark body .tabs-secondary .nav-tabs li.active .nav-link,
html body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-secondary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs li.active .nav-link:hover,
html body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-secondary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-secondary .nav-tabs li.active .nav-link:focus,
html body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link:focus {
  border-top-color: #207ef7;
  color: #207ef7; }

html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
  border-bottom-color: #207ef7; }

html body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
  border-bottom-color: #207ef7; }

html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover {
  border-left-color: #207ef7; }

html body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link:focus {
  border-left-color: #207ef7; }

html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover {
  border-right-color: #207ef7; }

html body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link:focus {
  border-right-color: #207ef7; }

html body .tabs-tertiary .nav-tabs li .nav-link,
html.dark body .tabs-tertiary .nav-tabs li .nav-link,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link,
html body .tabs-tertiary .nav-tabs li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover {
  color: #2BAAB1; }

html body .tabs-tertiary .nav-tabs li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover {
  border-top-color: #2BAAB1; }

html body .tabs-tertiary .nav-tabs li.active .nav-link,
html.dark body .tabs-tertiary .nav-tabs li.active .nav-link,
html body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-tertiary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs li.active .nav-link:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-tertiary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-tertiary .nav-tabs li.active .nav-link:focus,
html body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link:focus {
  border-top-color: #2BAAB1;
  color: #2BAAB1; }

html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
  border-bottom-color: #2BAAB1; }

html body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
  border-bottom-color: #2BAAB1; }

html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover {
  border-left-color: #2BAAB1; }

html body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link:focus {
  border-left-color: #2BAAB1; }

html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover {
  border-right-color: #2BAAB1; }

html body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link:focus {
  border-right-color: #2BAAB1; }

html body .tabs-quaternary .nav-tabs li .nav-link,
html.dark body .tabs-quaternary .nav-tabs li .nav-link,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link,
html body .tabs-quaternary .nav-tabs li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover {
  color: #383f48; }

html body .tabs-quaternary .nav-tabs li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover {
  border-top-color: #383f48; }

html body .tabs-quaternary .nav-tabs li.active .nav-link,
html.dark body .tabs-quaternary .nav-tabs li.active .nav-link,
html body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-quaternary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs li.active .nav-link:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-quaternary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-quaternary .nav-tabs li.active .nav-link:focus,
html body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link:focus {
  border-top-color: #383f48;
  color: #383f48; }

html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
  border-bottom-color: #383f48; }

html body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
  border-bottom-color: #383f48; }

html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover {
  border-left-color: #383f48; }

html body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link:focus {
  border-left-color: #383f48; }

html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover {
  border-right-color: #383f48; }

html body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link:focus {
  border-right-color: #383f48; }

html body .tabs-dark .nav-tabs li .nav-link,
html.dark body .tabs-dark .nav-tabs li .nav-link,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link,
html body .tabs-dark .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs li .nav-link:hover,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover {
  color: #2e353e; }

html body .tabs-dark .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs li .nav-link:hover,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover {
  border-top-color: #2e353e; }

html body .tabs-dark .nav-tabs li.active .nav-link,
html.dark body .tabs-dark .nav-tabs li.active .nav-link,
html body .tabs-dark .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-dark .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-dark .nav-tabs li.active .nav-link:hover,
html body .tabs-dark .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-dark .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-dark .nav-tabs li.active .nav-link:focus,
html body .tabs-dark .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active .nav-link:focus {
  border-top-color: #2e353e;
  color: #2e353e; }

html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
  border-bottom-color: #2e353e; }

html body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
  border-bottom-color: #2e353e; }

html body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover {
  border-left-color: #2e353e; }

html body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link:focus {
  border-left-color: #2e353e; }

html body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover {
  border-right-color: #2e353e; }

html body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link:focus {
  border-right-color: #2e353e; }

html body .tabs-light .nav-tabs li .nav-link,
html.dark body .tabs-light .nav-tabs li .nav-link,
html body .tabs-light .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link,
html body .tabs-light .nav-tabs li .nav-link:hover,
html.dark body .tabs-light .nav-tabs li .nav-link:hover,
html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover {
  color: #FFF; }

html body .tabs-light .nav-tabs li .nav-link:hover,
html.dark body .tabs-light .nav-tabs li .nav-link:hover,
html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover {
  border-top-color: #FFF; }

html body .tabs-light .nav-tabs li.active .nav-link,
html.dark body .tabs-light .nav-tabs li.active .nav-link,
html body .tabs-light .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-light .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-light .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-light .nav-tabs li.active .nav-link:hover,
html body .tabs-light .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-light .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-light .nav-tabs li.active .nav-link:focus,
html body .tabs-light .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-light .nav-tabs.nav-justified li.active .nav-link:focus {
  border-top-color: #FFF;
  color: #FFF; }

html body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
  border-bottom-color: #FFF; }

html body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
  border-bottom-color: #FFF; }

html body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover {
  border-left-color: #FFF; }

html body .tabs-light.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-light.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-light.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active .nav-link:focus {
  border-left-color: #FFF; }

html body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover {
  border-right-color: #FFF; }

html body .tabs-light.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-light.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-light.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active .nav-link:focus {
  border-right-color: #FFF; }

.tab-navigation nav > ul > li:hover:not(.nav-expanded) > a {
  background: #333; }

.tab-navigation nav > ul > li > ul > li.nav-active > a {
  color: #333 !important; }

.tab-navigation nav > ul > li > ul > li .dropdown-menu li.nav-active > a {
  color: #333 !important; }

html.has-tab-navigation .toggle-menu {
  background: #333; }

.search-content .search-toolbar .nav-pills li.active a {
  color: #333;
  border-bottom-color: #333; }

.search-results-list .result-thumb .fa,
.search-results-list .result-thumb .fab,
.search-results-list .result-thumb .fal,
.search-results-list .result-thumb .far,
.search-results-list .result-thumb .fas {
  background: #333; }

.scrollable.colored-slider .scrollable-slider {
  background: #333; }

html.dark .search-content .search-toolbar .nav-pills li.active a,
html.dark .search-content .search-toolbar .nav-pills li.active a:hover,
html.dark .search-content .search-toolbar .nav-pills li.active a:focus {
  color: #333;
  border-bottom-color: #333; }

.bootstrap-timepicker-widget table td a:hover {
  background-color: #333; }

#nprogress .bar {
  background: #333; }

#nprogress .peg {
  box-shadow: 0 0 10px 1px #333, 0 0 5px #333; }

.img-thumbnail .zoom {
  background: #333; }

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #0074ad; }

.owl-theme .owl-nav [class*="owl-"] {
  background: #333; }

.owl-theme .owl-nav [class*="owl-"]:focus,
.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: #009ceb; }

.ct-chart .tooltip {
  background: #333; }

.ct-chart .tooltip:after {
  border-top-color: #333; }

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
  stroke: #333; }

.ct-chart .ct-series.ct-series-a .ct-area,
.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
  fill: #333; }

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
  stroke: #207ef7; }

.ct-chart .ct-series.ct-series-b .ct-area,
.ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut) {
  fill: #207ef7; }

.ct-chart .ct-series.ct-series-i .ct-bar,
.ct-chart .ct-series.ct-series-i .ct-line,
.ct-chart .ct-series.ct-series-i .ct-point,
.ct-chart .ct-series.ct-series-i .ct-slice.ct-donut {
  stroke: #207ef7; }

.ct-chart .ct-series.ct-series-i .ct-area,
.ct-chart .ct-series.ct-series-i .ct-slice:not(.ct-donut) {
  fill: #207ef7; }

.ct-chart .ct-series.ct-series-j .ct-bar,
.ct-chart .ct-series.ct-series-j .ct-line,
.ct-chart .ct-series.ct-series-j .ct-point,
.ct-chart .ct-series.ct-series-j .ct-slice.ct-donut {
  stroke: #1ab2ff; }

.ct-chart .ct-series.ct-series-j .ct-area,
.ct-chart .ct-series.ct-series-j .ct-slice:not(.ct-donut) {
  fill: #1ab2ff; }

.ct-chart .ct-series.ct-series-n .ct-bar,
.ct-chart .ct-series.ct-series-n .ct-line,
.ct-chart .ct-series.ct-series-n .ct-point,
.ct-chart .ct-series.ct-series-n .ct-slice.ct-donut {
  stroke: #00111a; }

.ct-chart .ct-series.ct-series-n .ct-area,
.ct-chart .ct-series.ct-series-n .ct-slice:not(.ct-donut) {
  fill: #00111a; }

.ct-chart .ct-series.ct-series-o .ct-bar,
.ct-chart .ct-series.ct-series-o .ct-line,
.ct-chart .ct-series.ct-series-o .ct-point,
.ct-chart .ct-series.ct-series-o .ct-slice.ct-donut {
  stroke: #80d4ff; }

.ct-chart .ct-series.ct-series-o .ct-area,
.ct-chart .ct-series.ct-series-o .ct-slice:not(.ct-donut) {
  fill: #80d4ff; }

.call-to-action.call-to-action-primary {
  background-color: #333; }

ul.simple-bullet-list li:before {
  border-color: #333; }

.simple-card-list li.primary {
  background: #333; }

.simple-todo-list li.completed:before {
  color: #333; }

.bootstrap-tagsinput .badge {
  background: #333; }

html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
  background: #333;
  border-color: #207ef7; }

html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
.checkbox-text-primary input[type="checkbox"]:checked + label:after {
  color: #333; }

html.dark .radio-primary input[type="radio"]:checked + label:after,
.radio-primary input[type="radio"]:checked + label:after {
  background: #333;
  box-shadow: 0px 0px 1px #333; }

.switch.switch-primary .ios-switch .on-background {
  background: #333; }

.progress-bar {
  background-color: #333; }

.progress .progress-bar-primary {
  background-color: #333; }

.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle {
  background: #333; }

.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle {
  background-image: linear-gradient(to left, #00aaff 0, #333 50%, #333 100%); }

.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
  background-image: linear-gradient(to right, #00aaff 0, #333 50%, #333 100%); }

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover,
.datepicker table tr td span:hover {
  background: #333; }

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover {
  background: #333; }

.datepicker table tbody tr td.day:hover {
  background: #333; }

.datepicker table tbody tr td.day.active {
  background: #333; }

html:not(.sidebar-light) .datepicker.datepicker-dark {
  background: transparent; }

html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day:hover {
  background: #333; }

html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.active {
  background: #333; }

.datepicker.datepicker-primary table thead tr:first-child {
  background-color: #333; }

.datepicker.datepicker-primary table thead tr:first-child th:hover {
  background-color: #333; }

.datepicker.datepicker-primary table thead tr:last-child {
  background-color: #207ef7; }

.datepicker.datepicker-primary table thead tr:last-child th:hover {
  background-color: #333; }

.select2-container-multi .select2-choices .select2-search-choice {
  background: #333; }

.wizard-steps > li.active .badge {
  background-color: #333; }

.wizard-steps > li.active a,
.wizard-steps > li.active a:hover,
.wizard-steps > li.active a:focus {
  border-top-color: #333; }

.wizard-tabs ul > li.active .badge {
  background-color: #333; }

html .wizard-progress .steps-progress .progress-indicator,
html.dark .wizard-progress .steps-progress .progress-indicator {
  background: #333; }

html .wizard-progress .wizard-steps li.completed a span,
html.dark .wizard-progress .wizard-steps li.completed a span {
  border-color: #333;
  background: #333; }

html .wizard-progress .wizard-steps li.active a span,
html.dark .wizard-progress .wizard-steps li.active a span {
  color: #333;
  border-color: #333; }

.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
  background-color: #333 !important; }

.dataTables_processing {
  background-color: #333; }

.liquid-meter-wrapper .liquid-meter-selector a.active {
  color: #333; }

.multiselect-container > .active > a,
.multiselect-container > .active > a:hover,
.multiselect-container > .active > a:focus {
  background-color: #333; }

table.dataTable tbody td {
  vertical-align: middle; }

.buttons-excel {
  padding: 0px !important;
  background-color: white !important;
  border: none !important; }

html body .tabs .nav-tabs li.active .nav-link,
html.dark body .tabs .nav-tabs li.active .nav-link {
  background-color: #333132 !important;
  color: White !important; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-pills .nav-link.active:hover {
  background-color: #333132 !important; }

.nav-pills .nav-link:hover {
  background-color: #dddddd !important; }

.sidebar-left .sidebar-header .sidebar-title {
  color: #dddddd; }

/* .switch.disabled {
  pointer-events: none;
  opacity: 0.3; 
} */

.nav-tabs li.active .nav-link,
.nav-tabs li.active .nav-link:hover,
.nav-tabs li.active .nav-link:focus {
  color: #495057;
  border-top: 3px solid #495057; }

.nav-tabs li .nav-link,
.nav-tabs li .nav-link:hover {
  color: #495057; }

.sidebar-left .sidebar-header .sidebar-toggle {
  color: white !important; }
  .sidebar-left .sidebar-header .sidebar-toggle:hover {
    color: white !important; }
  .sidebar-left .sidebar-header .sidebar-toggle .active {
    color: white !important; }

.sidebar-left {
  background: #207ef7; }

ul.nav-main li a {
  color: white !important; }

.sidebar-left .sidebar-header .sidebar-title {
  background: #1157b1;
  color: white; }

.sidebar-left .sidebar-header .sidebar-toggle {
  background: #1157b1;
  color: white; }

.sidebar-left .sidebar-header .sidebar-toggle i {
  color: white; }
  .sidebar-left .sidebar-header .sidebar-toggle i:hover {
    color: white !important; }

.page-header {
  background: #207ef7;
  box-shadow: 1px 3px 0 1px #207ef7; }

ul.nav-main li.nav-parent > a:after {
  color: white; }

ul.nav-main > li > a:hover,
ul.nav-main > li > a:focus {
  background: #D9CCC6;
  color: #333; }

ul.nav-main li .nav-children {
  background: #F0EDE4; }

ul.nav-main li .nav-children li a {
  background: #F0EDE4;
  color: #333 !important; }

ul.nav-main li .nav-children li a:hover,
ul.nav-main li .nav-children li a:focus {
  background: #D9CCC6;
  color: #333; }

ul.nav-main > li.nav-expanded > a {
  background: #D9CCC6;
  color: #333; }

.form-control {
  border: 1px solid #ced4da !important; }

.select2-container--bootstrap .select2-selection {
  border: 1px solid #ced4da !important; }

.page-header .breadcrumbs a,
.page-header .breadcrumbs span {
  color: white; }

.body-sign .card-sign .card-body {
  border-top-color: #207ef7; }

.body-sign .card-sign .card-title-sign .title {
  background-color: #207ef7; }

.nav-pills {
  background-color: #f0ede4; }

.note-editor .note-editable {
  font-family: "Optane", "ElMessiri-Regular"; }

  /* Customizations for Global Med */


  html.no-overflowscrolling .sidebar-left .nano{
    background-color: #207ef7;
  }

.note-editor .note-editable {
  font-family: "Poppins", "Almarai"; }

html.no-overflowscrolling .sidebar-left .nano{
  background: #207ef7;
  box-shadow: -5px 0 0 #1157b1 inset;
}
.page-header{
  border: none;
}
ul.nav-main > li > a:hover, ul.nav-main > li > a:focus{
  background-color: #60baf5;
}
ul.nav-main > li.nav-expanded > a{
  background-color: #60baf5;
}
ul.nav-main li .nav-children,ul.nav-main li .nav-children li a{
  background-color: #e1f3ff;
}
ul.nav-main li .nav-children li a:hover, ul.nav-main li .nav-children li a:focus{
  background-color: white;
}
.sidebar-left .sidebar-header .sidebar-toggle:hover i{
  color: white;
}
.switch.switch-dark .ios-switch .on-background{
  background-color: #207ef7;
}

input.remove-number-quantity-arrows::-webkit-outer-spin-button,input.remove-number-quantity-arrows::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

#SortableTable td:hover{
  cursor:move;
  }

ul.nav-main .nav-children li.nav-parent > a:after{
  color: black;
}

html .btn-primary{
  background-color: #207ef7;
  border-color: #207ef7 #207ef7 #207ef7;
}
html .btn-primary:active, html .btn-primary.active, .show > html .btn-primary.dropdown-toggle{
    background-color: #60baf5 !important;
    background-image: none !important;
    border-color: #60baf5 #60baf5 #60baf5 !important;
    box-shadow: 0 0 0 0.2rem #60baf5 !important;
}

.dir-rtl{
  direction: rtl;
}
.color-white{
  color: white;
}
.theme-dark-blue{
  color: #207ef7;
}
.theme-bg-dark-blue{
  background-color: #207ef7;
}
.bootstrap-tagsinput{
  border: 1px solid #ced4da !important;
}

.bootstrap-tagsinput .badge{
  background-color: #207ef7;
  font-weight: 500;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .nav-pills .nav-link.active:hover{
  background-color: #207ef7 !important;
}

.nav-pills {
  background-color: #f6f6f6;
}
.nav-pills .nav-link:hover{
  background-color: #e1f3ff !important;
}

tr.va-middle.ui-state-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.select2-container--bootstrap .select2-selection--multiple{
  height: 100%;
  padding: 6px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{
  color: #207ef7;
  border-color: #207ef7;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove{
  color: #207ef7;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{
  background-color: #207ef7;
}

html{
  overflow-x: initial !important;
  overflow-y: initial !important;
}

.summernote.dir-rtl + .note-editor .note-editing-area {
    direction: rtl !important;
}