body {
    background-color: #FFFFFF;
    font-family: Roboto, Arial, Verdana, sans-serif;
    font-size: 18px;
    color: #00008B;
}

.bgBlack {color: #fff !important; background-color: #000; padding: 5px;}
.bgGrey {color: #fff !important; background-color: #888; padding: 5px;}
.bgDarkGrey {color: #fff !important; background-color: #444; padding: 5px;}
.bgLightGrey {background-color: #e9ecef;}

a { font-family: Roboto, Arial, Verdana, sans-serif; font-size: 18px; color: #483D8B; text-decoration: underline;}
a:hover { font-family: Roboto, Arial, Verdana, sans-serif; font-size: 18px; color: #A52A2A; background-color: #fff;}

h1 { font-family: Roboto, Arial, Verdana, sans-serif; font-size: 42px; color: #A52A2A; }
h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-size: 24px; color: #A52A2A; }
h3 { font-family: Roboto, Arial, Verdana, sans-serif; font-size: 18px; color: #731A1A; }
h4 { font-family: Roboto, Arial, Verdana, sans-serif; font-size: 16px; color: #CF640C; }

.min-h-cont-10 {min-height: 10em;}
.min-h-cont-15 {min-height: 15em;}
.min-h-cont-20 {min-height: 20em;}
.min-h-cont-25 {min-height: 25em;}
.min-h-cont-30 {min-height: 30em;}

.smaller {
    font-size: smaller !important;
    font-weight: 400;
}

.pointer {cursor: pointer;}
.move {cursor: move;}
.floatleft {float: left;}
.floatright {float: right;}
.marginauto {
    margin: 0 auto;
}
.padding-0 {padding: 0 !important;}  /*bootstrap padding workaround*/

.hidden{display: none;}

.title-row {
    text-align: center;
}
.title-col {
    background-color: #990000;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}
.fix-padding-switch {
    padding-left: 36px !important;
}

.disclaimer {
    padding : 20px;
    background-color: #FAEBD7;
    border: 1px solid #A52A2A;
    h3 { font-family: Roboto, Arial, Verdana, sans-serif; font-size: 18px; color: red !important; }
}

/* ON BOOTSTRAP IS NOT WORKING, DO LOCAL WORKAROUND */
.text-break {
    word-wrap: break-word;
}

/* HEADER */
header {
    width: 100%;
    background-color: #aaa;
}

.logobg {
    background-image: url("/images/bannerEIDA.png");
    background-color: #ccc;
    background-size: cover;
}

header a:hover {
    background-color: inherit;
}

.lang-flag {margin: 0 10px; float: right; cursor: pointer;}
.lang-button {
    margin: 0 2px;
    float: right;
    cursor: pointer;
    background-color: #ccc;
    color: #444;
    width: 30px;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
}
/* END HEADER */

/* NAV */
nav {
    width: 100%;
    height: 60px;
    background-color: #666;
}

ul.navbar-nav {
    background-color: #888;
    width: -moz-available;
    width: -webkit-fill-available;
}

.navbar {
    z-index: 1;
    height: 40px;
}

.bg-navbar {
    background-color: #666;
}

a.nav-link-prop {
    border-radius: 7px;
    color: #eee !important;
}
a.nav-link-prop:hover {
    background-color: #ccc !important;
    color: #333 !important;
}

.nav-item-2 {
    margin: 2px 2px;
    width: 268px;
    text-align: center;
    text-transform: uppercase;
}
/* END NAV */

/* CENTER */
#div_center {
    min-height: 50vh;
}
/* END CENTER */

/* FOOTER */
footer {
    width: 100%;
    background-color: #aaa;
}

.footer-logo {
    margin: auto 5px;
}
.footer-logo-override {
    height: 120px !important;
}

footer a:hover {
    background-color: inherit;
}
/* END FOOTER */