body, html {
    background: none repeat scroll 0 0 #E5EBF1;
}
body {
    background-color: #E5EBF1!important;
    color: #244A5D;
}

    h1, h2, h3, h4, h5, h6 {
        color: #000000;
    }
    :root {
        
        --portal-heading: #000000;
    }


/* Modal/Dropdown Menu Content Text Color */
.modal-body, .dropdown-menu {
    color: #244A5D !important;
}

/* Catalog Filters */
.catalog-filters--inner {
    background-color: #E5EBF1;
    color: #244A5D;
}

/* Security Message */
.security-message {
    color: #244A5D;
    background-color: #E5EBF1;
    font-size: 0.9em;
    /* override default 1em padding */
    padding: 0.5em;
}

/* Login */
.login-text {
    color: #ffffff !important;
}
.hrdivider span {
    background-color: #E5EBF1 !important;
}
/* Splash Image */

.bg-login-splash {
    background-position: center !important;
}

.bg-login-splash {
    background-color: #324B45;
}

    .bg-login-splash {
        background-image: url("/static/logos/Login_Page.png");
    }

/* Login Splash Background Image Overlay */



/* Custom Banner */


/* Loading image */
/* TODO: [v5] Delete 
 * block below after complete v5 conversion 
 */


/* Content styles */
#tooltip-container .tooltip-inner,
.tooltip > .tooltip-inner {
    color: #FFFFFF;
    background-color: #10162A;
    word-wrap: break-word;
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #10162A !important;
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #10162A !important;
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #10162A !important;
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #10162A !important;
}

/* Dashboard Actions Menu style */
.dashboard-actions__menu > button.dropdown-toggle {
    background-color: #10162A !important;
}
.dashboard-actions__menu > button.dropdown-toggle > svg {
    fill: #FFFFFF !important;
}

/* TODO: [v5] Delete Spinner blocks below after complete v5 conversion */
/* Spinner */
.spinner-inline div {
    display: inline-block;
    background-color: #10162A;
    width: 10px;
    height: 10px;
    border-radius: 4px;
    -webkit-animation: spinner-inline 1s ease-in-out infinite;
       -moz-animation: spinner-inline 1s ease-in-out infinite;
         -o-animation: spinner-inline 1s ease-in-out infinite;
            animation: spinner-inline 1s ease-in-out infinite;

}

.spinner-inline div:nth-child(2) {
  animation-delay: 0.09s;
}
.spinner-inline div:nth-child(3) {
  animation-delay: 0.18s;
}
.spinner-inline div:nth-child(4) {
  animation-delay: 0.27s;
}
.spinner-inline div:nth-child(5) {
  animation-delay: 0.36s;
}

@-webkit-keyframes spinner-inline {
    0% { opacity:1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes spinner-inline {
    0% { opacity:1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes spinner-inline {
    0% { opacity:1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes spinner-inline {
    0% { opacity:1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* Top Navbar */
@media (max-width: 767px) {
    #top-navbar .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        color: #FFFFFF;
    }
    #top-navbar .dropdown-menu>li>a:focus {
        background-color: transparent;
    }
    #top-navbar .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a:hover {
        background-color: transparent;
        color: #d8def2 !important;
    }
}

#header > #main-nav.navbar-portal {
    background-color: #10162A;
}
#top-navbar > ul.navbar-nav > li > a {
    color: #FFFFFF;
}
#main-nav .navbar-toggle > span {
    background-color: #FFFFFF;
}
#main-nav .navbar-toggle:hover > span {
    background-color: #d8def2 !important;
}

/* Nav menu hover colors dynamically calculated based on header bg color */
#top-navbar > ul.navbar-nav > li > a:hover,
#top-navbar > ul.navbar-nav > li > a:focus,
#top-navbar > ul.navbar-nav > li.open > a,
#top-navbar > ul.navbar-nav > li.open > a:hover,
#top-navbar > ul.navbar-nav > li.active > a:hover {
    background-color: transparent;
    color: #d8def2 !important;
    border-bottom: 0;
}
#top-navbar > ul.navbar-nav > li.active > a {
    font-weight: 400;
}
#top-navbar > ul.navbar-nav > li.open > a,
#top-navbar > ul.navbar-nav > li.active > a,
#top-navbar > ul.navbar-nav > li.active > a:focus {
    background-color: transparent !important;
    color: #d8def2 !important;
}
@media (min-width: 768px) {
    #top-navbar > ul.navbar-nav > li.active > a,
    #top-navbar > ul.navbar-nav > li.active > a:focus,
    #main-nav > div.navbar-header > a.active {
        border-bottom: 2px solid #d8def2 !important;
    }
}