/*
*
* DEFAULT THEME COLORS PACK
*
*/


/*
* FONTS
*/
@font-face {
    font-family: 'Century Gothic';
    src: url('../../fonts/century-gothic/CenturyGothic.eot');
    src: url('../../fonts/century-gothic/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/century-gothic/CenturyGothic.woff') format('woff'),
        url('../../fonts/century-gothic/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: "Century Gothic", Poppins, Helvetica, "sans-serif"; }

.tooltip {
  font-family: "Century Gothic", Poppins, Helvetica, "sans-serif"; }

.popover {
  font-family: "Century Gothic", Poppins, Helvetica, "sans-serif"; }

.daterangepicker {
  font-family: "Century Gothic", Poppins, Helvetica, "sans-serif"; }

.vakata-context,
.vakata-context ul {
  font-family: "Century Gothic", Poppins, Helvetica, "sans-serif"; }

.ql-toolbar {
  font-family: "Century Gothic", Poppins, Helvetica, "sans-serif"; }

.uppy .uppy-Root {
  font-family: "Century Gothic", Poppins, Helvetica, "sans-serif"; }

.apexcharts-text,
.apexcharts-title-text,
.apexcharts-legend-text {
  font-family: "Century Gothic", Poppins, Helvetica, "sans-serif" !important; }

  .leaflet-container .leaflet-popup-content-wrapper .leaflet-popup-content {
    font-family: "Century Gothic", Poppins, Helvetica, "sans-serif"; }

html,
body {
  font-family: "Century Gothic", Poppins, Helvetica, "sans-serif"; }



/*
* LAYOUT
*/
.brand {
  background-color: #ebecf5;
}
.aside, .aside-menu {
  background-color: #006d9a;
}
.header {
  background-color: #ebecf5;
}

/*
* MENU
*/
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
  background-color: #1b1b28; /* #94c11f */
}

/*
* TEXTS
*/
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text, .aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
  color: #ffffff;
}
.aside-menu .menu-nav > .menu-section .menu-text {
	color: #94c11f;
}

/*
* ICONS
*/
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon.svg-icon svg g [fill], .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon.svg-icon svg g [fill] {
	fill: #fff;
}

/*
* THEME
*/
.text-theme-color {
	color: #fff;
}
.bg-theme-color {
	background-color: #006d9a;
}