/*
*
* 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: #fff; /* #ebecf5 */
}
.aside, .aside-menu {
  background-color: #224194;
}
.header {
  background-color: #224194;
}

/*
* 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: #fff;
}
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
  background-color: #fff;
}
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .show > .nav-link {
  border-bottom: 3px solid #224194;
}
.nav .show > .nav-link .nav-text, .nav .nav-link:hover:not(.disabled) .nav-text, .nav .nav-link.active .nav-text {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
  color: #224194;
}
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-arrow {
	color: #224194;
}
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-arrow {
	color: #224194;
}
.aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
	color: #ffffff;
}
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link {
	background-color: #fff;
}
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon.svg-icon svg g [fill] {
	fill: #224194;
}
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-text {
	color: #224194;
}
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link {
	background-color: #fff;
}
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon.svg-icon svg g [fill] {
	fill: #224194;
}
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text {
	color: #224194;
}
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow {
	color: #224194;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
	color: #d1d3e0;
}

/*
* TEXTS
*/
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
  color: #fff;
}
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
  color: #224194;
}
.aside-menu .menu-nav > .menu-section .menu-text, .aside-menu .menu-nav > .menu-section .menu-icon {
	color: #dd4814;
}
/*.aside-menu .menu-nav > .menu-section .menu-icon {
  color: #dd4814;
}*/
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text {
  color: #224194;
}

/*
* 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;
}
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #224194;
}
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #224194;
}

/*
* THEME
*/
.text-theme-color {
	color: #fff !important;
}
.text-theme-primary {
  color: #224194 !important;
}
.svg-icon-theme svg g [fill] {
  fill: #fff !important;
}
.svg-icon-theme-primary svg g [fill] {
  fill: #224194 !important;
}
.bg-theme-color {
	background-color: #224194;
}
.bg-theme-primary {
  background-color: #224194;
}
.bg-theme-light-primary {
  background-color: #E1F0FF;
}
.bg-theme-light-primary-o-40 {
  background-color: rgb(225, 240, 255, 0.4) !important;
}
a.text-hover-theme-primary:hover, .text-hover-theme-primary:hover {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
  color: #224194 !important;
}

/**
 * BUTTONS THEME
 */
#kt_quick_user_toggle {
  background-color: #fff;
}
#kt_quick_user_toggle span {
  color: #224194 !important;
}
.symbol.symbol-theme-color .symbol-label {
  background-color: #BDBEBF;
}
.symbol.symbol-theme-light .symbol-label {
  background-color: #FFF;
  color: #224194;
}
#kt_notifications_toggle span.pulse-ring {
  background-color: rgba(255, 255, 255, 0.75);
}
#kt_notifications_toggle:hover span.pulse-ring {
  background-color: rgba(34, 65, 148, 0.75);
}
.btn-theme:hover svg g [fill], .btn-theme:active > svg g [fill], .btn-theme:focus > svg g [fill], #kt_notifications_toggle:focus > svg g [fill] {
  fill: #224194 !important;
}
.btn-theme:hover .text-theme-color, .btn-theme:active > .text-theme-color, .btn-theme:focus > .text-theme-color {
  color: #224194 !important;
}
.btn.btn-theme-light, .btn-theme-light {
  background-color: #fff !important;
  color:  #224194 !important;
}
.btn.btn-theme-light .svg-icon svg g [fill], .btn-theme-light .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #224194 !important;
}
.btn.btn-theme-primary {
  color: #FFFFFF;
  background-color: #224194;
  border-color: #224194;
}
.btn.btn-theme-primary .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FFFFFF;
}
.btn.btn-theme-light-primary {
  color: #224194;
  background-color: #E1F0FF;
  border-color: transparent;
}
.btn.btn-theme-light-secondary {
  color: #fff;
  background-color: #DD4814;
  border-color: transparent;
}
.btn.btn-theme-light-primary .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #224194;
}
.btn.btn-theme-light-secondary .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #fff;
}
.bg-theme-primary .modal .modal-header .close, .bg-theme-primary .text-light {
  color: #ffffff;
}
.btn.btn-hover-theme-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-theme-primary:focus:not(.btn-text), .btn.btn-hover-theme-primary.focus:not(.btn-text) {
  color: #FFFFFF !important;
  background-color: #224194 !important;
  border-color: #224194 !important;
}
.btn.btn-hover-text-theme-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-theme-primary:focus:not(.btn-text), .btn.btn-hover-text-theme-primary.focus:not(.btn-text) {
  color: #224194 !important;
}