/* Add here all your CSS customizations */
.header.header-nav-menu.header-nav-stripe {
    height: 36px;
}
.header.header-nav-menu .logo:after {
    height: 44px;
    display: none;
}
html, body {
    background-color: #0d4f94;
}

.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-color: #ed9c28;
}

li > a.info {
    background-color: #5bc0de !important;
    color: white;
}

li > a.blue {
    background-color: #0088CC !important;
    color: white;
}

li > a.green {
    background-color: #47a447 !important;
    color: white;
}

li > a.orange {
    background-color: #ed9c28 !important;
    color: white;
}

li > a.red {
    background-color: #d2322d !important;
    color: white;
}

li:hover > a.info  {
    opacity: 0.75;
}

li:hover > a.blue  {
    opacity: 0.75;
}

li:hover > a.green {
    opacity: 0.75;
}

li:hover > a.orange {
    opacity: 0.75;
}

li:hover > a.red {
    opacity: 0.75;
}

.menu-item:hover {
    border-color: #ed9c28 !important;
}

.menu-item:hover p {
    color: #ed9c28 !important;
    font-weight: bold;
}

.message-item:hover a {
    color: #ed9c28 !important;
    font-weight: bold;
}

#table-columnSelect, #table-bulkActionsDropdown {
    background-color: white;
}

.dropdown-menu.show {
    position: relative !important;
    transform: none !important;
}

@media print {    
    @page { size: portrait; }
    /* .rows-print-as-pages .row {
      break-before: always;
    } */
    .break-after-page {
        break-after: page;
    }
}