/* === Main components === */
/*** Headers ***/
/*** Footer ***/
/*** Headings and titles ***/
/*** Links ***/
/* === Fonts === */
/* === Navbar === */
/*** Navbar Dropdown ***/
/*** Mega Menu ***/
/* Options (First Level) */
/* Collapse (Second Level) */
/* List (Third Level) */
/*** Dropdown Item list (Fourth Level) ***/
/*** User dropdown ***/
/*** Menu help ***/
/*** Navbar Toggler ***/
/* === Sidebar === */
/*** Sidebar Dropdown ***/
/* === Forms components === */
/*** Helpers ***/
/*** Labels ***/
/*** Placeholders ***/
/*** Form controls ***/
/*** Input groups***/
/*** Custom controls (Checkboxes and Radios ) ***/
/*** Datetimepicker Bootstrap ***/
/*** Bootstrap select ***/
/*** Inputs and Buttons ***/
/* === Report components === */
/*** Filters ***/
/***  Group Filters ***/
/*** Tables ***/
/*** Pagination ***/
/* === Dashboard === */
/* === Other components === */
/*** Cards ***/
/*** Tabs***/
/*** Wizards ***/
/*** User register ***/
/*** Loaders / Spinners***/
/*** Dfw file ***/
/* Calendar (Full calendar) */
/* Image actions */
/* Dfw Cropper */
/* ID Card */
/* Push modal */
/* Layouts */
/*** Navbar top ***/
.navbar-top {
  padding: 0px 20px 0 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 45px 0px; }

.navbar-brand > img {
  max-height: 70px; }

/*** Menu user***/
.user-dropdown-container {
  display: inline-block; }

.user-dropdown {
  color: white; }

.user-dropdown:hover,
.user-dropdown:focus {
  color: #00205c; }

.user-menu-mobile-container {
  text-align: right;
  /*width: 100%;*/ }

/*** Menu help***/
.help-dropdown-container {
  display: inline-block; }

.help-dropdown {
  color: white; }

.help-dropdown:hover,
.help-dropdown:focus {
  color: #00205c; }

.help-menu-mobile-container {
  text-align: right; }

/* Menu Item */
.megamenu-menu .nav-item {
  position: relative;
  font-size: 12px; }

/* Menu link */
.megamenu-menu .nav-link {
  /*text-align: center;*/ }

.megamenu-menu .nav-link.active {
  color: #00205c !important; }

.megamenu-menu .nav-link > svg {
  height: 25px;
  font-size: 20px;
  display: block;
  margin: auto; }

/* Options First Level */
.menu-title {
  font-weight: 600; }

#userDropdown span {
  font-size: 12px; }

.dropdown-menu-right {
  z-index: 9999; }

.megamenu-menu .menu-option:focus,
.megamenu-menu .menu-option:hover,
.megamenu-menu .menu-option[aria-expanded="true"],
.megamenu-menu .menu-option.active[aria-expanded="true"],
.megamenu-menu .menu-option.active:hover {
  background-color: #ffffff;
  color: #cf3339 !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.megamenu-menu > .nav-item > .nav-link::after {
  display: none; }

/*** Collapse (Second Level )***/
.megamenu-menu .collapsing.megamenu-collapse {
  position: static;
  background-color: #ffffff;
  width: 100%;
  left: 0;
  padding: 30px; }

.megamenu-menu .collapse.megamenu-collapse {
  position: static;
  width: 100%;
  max-height: 60vh;
  min-height: 30vh;
  overflow-y: scroll;
  padding: 30px;
  z-index: 1000;
  left: 0;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 45px 0px; }

.megamenu-menu .collapse.megamenu-collapse.show {
  display: block !important; }

.megamenu-collapse .nav-link {
  color: #cf3339 !important; }

.megamenu-collapse .nav-link:hover,
.megamenu-collapse .nav-link:focus {
  color: #922226 !important; }

.megamenu-title {
  color: #cf3339;
  font-weight: 600; }

/* Droup on mobile */
.megamenu-menu .dropup + .collapse.megamenu-collapse {
  top: auto !important;
  bottom: 100% !important;
  position: absolute; }

/*** Scrollbar collapse***/
/* width */
.megamenu-collapse::-webkit-scrollbar {
  width: 7px;
  height: 7px; }

/* Track */
.megamenu-collapse::-webkit-scrollbar-track {
  background: #f1f1f1; }

/* Handle */
.megamenu-collapse::-webkit-scrollbar-thumb {
  background: #888888;
  border-radius: 10px; }

/* Handle on hover */
.megamenu-collapse::-webkit-scrollbar-thumb:hover {
  background: #555555; }

/*** List (Third Level) ***/
.megamenu-menu .menu-list {
  flex-direction: column;
  margin-bottom: 20px; }

.megamenu-menu .megamenu-collapse .menu-list .nav-link {
  color: #cf3339 !important;
  text-align: left;
  white-space: initial; }

.megamenu-menu .megamenu-collapse .menu-list .nav-link:hover,
.megamenu-menu .megamenu-collapse .menu-list .nav-link:focus,
.megamenu-menu .megamenu-collapse .menu-list .nav-link.active {
  color: #922226 !important; }

/*** Dropdown Item list (Fourth Level) ***/
.megamenu-menu .menu-list .dropdown-menu > .nav-item > .nav-link:hover,
.megamenu-menu .menu-list .dropdown-menu > .nav-item > .nav-link:focus,
.megamenu-menu .menu-list .dropdown-menu > .nav-item > .nav-link:active {
  color: #ffffff !important;
  background-color: #922226; }

/*** Menu title ***/
.nav-item.menu-title h6 {
  color: #cf3339;
  font-weight: 600;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0; }

.nav-item.menu-title .menu-list .nav-link {
  padding-left: 3rem; }

/*Navbar Toggler*/
.navbar .navbar-toggler {
  color: white; }

/*** Responsive ***/
@media (max-width: 575px) {
  .navbar-brand > img {
    max-width: 150px; } }

@media only screen and (min-width: 992px) {
  .megamenu-menu .nav-item {
    position: static;
    /*top: 70px;*/ }
  .megamenu-menu .collapse.megamenu-collapse {
    position: absolute;
    top: calc(70px - .3125rem); }
  .megamenu-menu .collapsing.megamenu-collapse {
    position: absolute; }
  .megamenu-menu .nav-link:hover > .dropdown-megamenu {
    display: block; }
  .megamenu-menu .menu-list .nav-item {
    position: relative; }
  /*.dropdown:hover:not(.disabled):not(.date-field-group)>.megamenu-collapse {
        display: block;
    }*/
  .dropdown:hover:not(.disabled):not(.date-field-group) > .megamenu-collapse.collapsing {
    transition: height .35s ease; }
  /*.dropdown:hover:not(.disabled):not(.date-field-group)>.megamenu-collapse.collapse {
        transition:height .35s ease;
    }
    .dropdown:hover:not(.disabled):not(.date-field-group)>.megamenu-collapse.collapse.show {
        transition:height .35s ease;
    }*/ }

@media only screen and (min-width: 1200px) {
  .nav-link {
    min-width: 80px; }
  .navbar-top {
    min-height: 80px; }
  /*** Content ***/
  .content {
    margin-top: 100px; } }