mf/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

html, body { font-size: 15.5px; }
/* 
   BASIC 

html, body {
    font-size: 1.55em !important;
}
*/
.checkbox-item.answer-item label.control-label {
  text-align: left;
}


a, a:hover, a:focus {
    color: #004C97;
}
p a {
    color: #004C97;
}
h2 {
    color: #2f6daa;
}
/* 
    NAVBAR 
*/
.navbar-fixed-top {
    position: absolute;
    border: 0px;
    height: 135px;
}
.navbar-header {
    position: relative;
}
.navbar-default {
    color: #004C97;
    background-color: #fff;
}

/* e.g. blue color for language drop down menu */
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
    padding-top: 0px;
    font-size: 0.88em;
    color: #004C97;
}
/* lagnuage drop down open */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #004C97;
    background-color: #E4E4E4;
}
/* dropdown list */
.dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #004C97;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a,.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #004C97;
}
.nav.navbar-nav.navbar-action-link.navbar-right {
    background-color: #fff;
}
.navbar-collapse { 
    border-top-width: 0px;
}
/* spacing from logo to top */
.navbar-brand {
    padding-top: 2px;
    padding-bottom: 5px;
}
.logo-container > a > img {
    max-height: 67px;
    margin-top: 30px;
    margin-bottom: 0px;
    padding: 0px;
}
@media (max-width: 30em) {
    .logo-container > a > img {
        margin-top: 14px;
    }
}
button.navbar-toggle {
    float: left;
}

.navbar-toggle {
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 5px;
    padding-top: 7px;
}
.navbar-default .navbar-toggle {
    border: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #004C97;
}
.navbar-toggle .icon-bar {
    height: 4px;
    width: 21px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: unset;
}
@media (max-width: 768px) {
    .nav-container {
        display: none;
    }
}

/*
   FEU NAVBAR
*/
.navbar-positioner {
    max-width: 65.19em;
    margin-right: auto;
    margin-left: auto;
}
.nav-wrapper {
    position: relative;
    background-color: #004C97;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #004C97;
}
@media (max-width: 65.19em) {
    .nav-wrapper {
        margin-top:3px;
    }
}
.nav-container {
    background-color: #004C97;
    height: 2.95em;
    width: 100%;
}
.nav-feu {
    max-width: 65.19em;
    margin-right: auto;
    margin-left: auto;
}
.fu-mainmenu {
    color: #fff;
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 -0.938em;
}
.feu-root-navigation {
   display: block;
   float: left;
}
.fu-mainmenu > li > a {
    position: relative;
    display: block;
    padding-right: 1.05em;
    padding-left: 1.05em;
    padding-top: 0.91em;
    padding-bottom: 0.80em;
    /* text-decoration: underline; */
    color: #fff;
    text-transform: uppercase;
    line-height: 1em;
    font-size: 1.1em;
    font-weight: 500;
    background-color: #2f6daa;
}
/*
   CONTENT
*/
.container-fluid {
    max-width: 65.19em;
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px;
}
#surveys-list-container {
    margin-top: 7px;
}    
/* checkbox */
.checkbox-item label::after {
    color: white;
}
/* 
   FOOTER
*/
footer {
    margin-top:1em;
    background-color: #ddd;
    padding: 1.875em 0;
    display: block;
  /*  min-height: 13.4em; */
}
footer li {
    margin: 0.1em 0;
    padding: 0;
    font-size: 0.95em;
    line-height: 16.5px;
}
footer li a {
    text-decoration: underline;
    font-size: 0.95em;
    color: #000 !important;
}
.fu-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px;
    max-width: 65.19em;
}
.fu-row {
    margin-left: -5px;
    margin-right: -5px;
}
.fu-col-xs-12 h2 {
    color: #000;
}
.fu-col-lg-7 {
    width: 58.33333333%;
}
.fu-col-sm-6 {
    width: 50%;
}
footer h2 {
    text-transform: uppercase;
    margin: 0 0 0.8em 0;
    font-size: 1.25em;
    font-weight: 500;
}
footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fu-margin-top-40 {
    margin-top: 2.5em;
}
.fu-margin-bottom-20 {
    margin-bottom: 1.25em;
}
.fu-col-sm-6, .fu-col-md-6, .fu-col-lg-6, .fu-col-xs-7, .fu-col-sm-7, .fu-col-md-7, .fu-col-lg-7, .fu-col-xs-8, .fu-col-sm-8, .fu-col-md-8, .fu-col-lg-8, .fu-col-xs-9, .fu-col-sm-9, .fu-col-md-9, .fu-col-lg-9, .fu-col-xs-10, .fu-col-sm-10, .fu-col-md-10, .fu-col-lg-10, .fu-col-xs-11, .fu-col-sm-11, .fu-col-md-11, .fu-col-lg-11, .fu-col-xs-12, .fu-col-sm-12, .fu-col-md-12, .fu-col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}
/* FeU Footer blue bar */
.fu-footer {
    height: 55px;
    color: #fff;
    background-color: #004C97;
}
.fu-footer > div > div > div > img {
    margin: 0.5em 0 0.4em 0;
}
/* 
  BREADCRUMB
 */
#fu-breadcrumb {
    margin-bottom: 2.5em;
}
@media (max-width: 65.19em) {
    #fu-breadcrumb {
        margin-bottom: 1.20em;
    }
}
@media (max-width: 30em) {
    .row > #fu-breadcrumb {
        font-size: 120%;
    }
}
#fu-breadcrumb ul {
    list-style: none;
    padding-top: 20px;
    padding: 16px;
    padding-bottom: 3px;
    line-height: 22px;
}
@media (max-width: 65.19em) {
    #fu-breadcrumb ul {
        padding-top:12px;
    }
}
#fu-breadcrumb ul li {
    margin: 0;
    padding: 0;
    display: inline;
    font-size: 0.81em;
}
.h3 {
    margin: 0 0 1em 0;
    font-size: 1.7em;
    font-weight: 500;
}
@media (max-width: 30em) {
    .h3 {
        font-size: 1.5em;
    }
}
/* 
   PROGRESS BAR
 */
.progress-bar {
    background-color: #2f6daa;
}

.text-info {
    color: #2f6daa;
}
.btn-primary:hover {
    background-color: #2f6daa;
    border-color: #2f6daa;
}
.btn-primary {
    background-color: #004C97;
    border-color: #004C97;
}
/* selected primary button */
.btn-primary.active {
    color: #004C97;
    background-color: #fff;
    border-color: #004C97;
}
.btn-primary.active:hover {
    color: #004C97;
    background-color: #fff;
    border-color: #004C97;
}
.btn-primary.active.focus {
    color: #004C97;
    background-color: #fff;
    border-color: #004C97;
}

/*
    SURVEY
*/
/* e.g. upload button in survey */
.btn-success {
    background-color: #004C97;
    border-color: #004C97;
}
.btn-success:hover {
    background-color: #2f6daa;
    border-color: #2f6daa;
}
/* datepicker icon */
.fa-calendar {
    color: #fff;
}
/* welcome/start heading */
.survey-name {
    font-size:24px;
}
/* welcome/start of survey */
.survey-welcome.h4.text-primary {
    color: unset;
}
}