:root {
  /* MDP Core */
  --thememain: #123A8C;   /* sidebar background (royal blue) */
  --theme: #0E2F73;       /* darker blue */
  --theme2: #1A4FB5;      /* lighter blue */

  /* Accent Colors */
  --menuactive: #D50000;  /* active menu (MDP red) */
  --menuactive2: #A80000; /* darker red */
  --menuactivetext: #FFFFFF;

  /* Yellow Accent */
  --highlight: #F5C400;

  /* UI */
  --primary: #123A8C;
  --primary2: #1A4FB5;
  --danger: #D50000;
  --success: #03C03C;
  --blur: #b0bec5;
  --shadow: rgba(0,0,0,0.2);
}

/*SIDEMENU*/

@font-face {
    font-family: "dmsan";
    src: url("../fonts/Mona_Sans/static/MonaSans-Medium.ttf");
}

body {
  background-color: #C5CAE9!important;
}

body, p , a, li , span, code, input, label, select, button, small {
  font-family: "dmsan"!important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "dmsan"!important;
}

th, td {
  font-family: "dmsan"!important;
}

.main-menu.menu-dark {
  background: var(--thememain)!important;
  opacity: 1;
}

.main-menu {
  box-shadow: 0 4px 4px -4px var(--thememain)!important;
}

.main-menu.menu-dark .navigation {
	background: var(--thememain)!important;
}

.nav-pills .nav-link.active {
  background: var(--thememain)!important;
}

.main-menu.menu-dark .navigation > li.active > a {
  background: var(--menuactive)!important;
  box-shadow: 0 4px 4px -4px var(--menuactive)!important;
  font-weight: 700!important;
  color: var(--menuactivetext)!important;
}

.main-menu.menu-dark .navigation > li ul .active {
  background: var(--menuactive)!important;
  box-shadow: 0 4px 4px -4px var(--menuactive)!important;
  color: var(--menuactivetext)!important;
}

.main-menu.menu-dark .navigation > li.open > a, .main-menu.menu-dark .navigation > li.sidebar-group-active > a {
  background: var(--menuactive)!important;
  color: var(--menuactivetext)!important;
}

.main-menu.menu-dark .navigation > li > ul {
	background: var(--theme2)!important;
	border-radius: 10px!important;
}

.main-menu.menu-dark .navigation li.has-sub ul.menu-content {
  padding: 2px!important;
  margin: 0 0 0 0!important;
  color: var(--menuactivetext)!important;
}

.main-menu .navbar-header {
  height: 7rem!important;
}

body.vertical-layout.vertical-menu-modern .main-menu .navbar-header .navbar-brand .brand-logo {
  height: 100px!important;
  width: 25vh!important;
  margin-bottom: 20px!important;
}

/*BUTTON*/

.btn-primary {
  background: var(--theme)!important;
}

.btn-primary:hover {
  border-color: var(--menuactive) !important;
  background: var(--menuactive2)!important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 5px -6px var(--theme);
}

/*FORM*/

.form-control:focus {
  border-color: #F7D400!important;
  box-shadow: 0 0 0 1px rgba(247, 212, 0, 0.25);
}

/*DROPDOWN*/

.dropdown-item:hover, .dropdown-item:focus {
  color: #0A0A0A!important;
  text-decoration: none;
  background-color: #F7D400!important;
}

/* FONTS */
.display-1 { font-size: 4rem!important; }
.display-2 { font-size: 3.5rem!important; }
.display-3 { font-size: 3rem!important; }
.display-4 { font-size: 2.75rem!important; }
.display-5 { font-size: 2.5rem!important; }
.display-6 { font-size: 1.5rem!important; }

.texthidden {
  color: #C5CAE9!important;
}

.text-primary {
  color: #123A8C!important;
}

.text-success-darker {
  color: #43A047!important;
}

.text-info-darker {
  color: #1976D2!important;
}

.text-danger-darker {
  color: #A80000!important;
}