/******************
    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
*/

body {
	background-color: #fff !important;
	color: #111 !important;
}
a, h1, h2, h3, h4, h5, h6, .text-info {
	color: #003e74 !important;
}    
a:hover, a:focus {
	color: #1a242f !important;
	text-decoration: underline !important;
	cursor: pointer !important;
}    
.progress-bar, .btn-primary {
	background-color: #003e74;
}
.btn-primary {
	color: #fff !important;
}
nav {
	border-bottom: 1px solid #ecf0f1 !important;
}
/* site specific */    
.navbar {
	background-color: #003e74 !important;
	min-height: 60px;
  margin-bottom: 21px;
}
.navbar .container-fluid {
    max-width: 1350px !important;
    margin: 0 auto !important;
}  
/* dark background */
.navbar-default .navbar-nav > li > a, .navbar a {
	color: #fff !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #ddd !important;
	text-decoration: underline;
}
/* end dark background */    
.navbar-brand {
	padding: 10px 0;
}
.navbar-brand img {
	width: 100%;
	max-width: 500px;
	max-height: 91px;        
}
.navbar-brand.logo-container {
    background: url(../files/compsych.png);
    width: 500px;
    height: 91px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1350px;
}
.text-info {
    background: #fff !important;
    display: flex;
    margin-left: 10px;
}
.question-valid-container {
    text-align: left !important;
}
.questionhelp {
	padding-left: 2em;
}
.questionhelp p {
	display: inline;
}
.questionhelp p span span {
	display: block;
	margin-top: 10px;
	color: #b72818 !important;
}
.answer-container, .question-help-container {
	border: 0;
}
.question-title-container, .questionvalidcontainer {
	background-color: #fff !important;
}
.question-text {
	background: #f7f7f7 none repeat scroll 0 0;
	border-radius: 6px !important;
	padding: 5px 10px !important;
}
.question-title-container {
	color: #111 !important;
	font-size: 1.3em !important;
	padding-top: 1em !important;
	padding-bottom: 10px !important;
}
.questionvalidcontainer {
	text-align: left !important;
	padding-left: 2em !important;
	padding-bottom: 0 !important;
}
.answer-container {
	padding-top: 1em !important;
	padding-left: 1em !important;
}
.asterisk, .asterisk:hover {
	font-size: .7em !important;
	vertical-align: super !important;
	color: #b72818 !important;
}
#navigator-container {
	margin-top: 0;
}
body div.row .boilerplate.question-container {
	margin-bottom: 0 !important;
}

.btn-default {
	background-color: #ccc;
	border-color: #ccc;
	color: #000 !important;
}
.btn-default:hover, .btn-default:focus {
	background-color: #999;
	border-color: #999;
	color: #000 !important;
}   
.close {
	opacity: 1;
}
.text-danger, .text-danger:hover {
	color: #b72818 !important;
}    
.input-error {
	border: 1px solid #b72818;
}    
.errormandatory {
	margin-left: 1em;
	margin-top: 1em;
} 

.radio .label-text {
	margin-left: 10px;
}
.checkbox .label-text {
	margin-left: 25px;
}
.navbar-default .navbar-toggle {
	background-color: #fff;
	border-color: #000;
	margin-right: 0;
}    
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #ccc;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000;
}    
.navbar-collapse {
	margin-left: 0 !important;
}

	
		
	  .compsych .navbar, .main .navbar {
        background-color: #003e74 !important;
    }
    .compsych .navbar-nav > li > a, .main .navbar-nav > li > a {
        color: #fff !important;
    }
    .compsych a:hover, .compsych a:focus, .main a:hover, .main a:focus {
        color: #ddd !important;
        text-decoration: underline;
		cursor: pointer !important;
    }
    .compsych .navbar-brand.logo-container, .main.navbar-brand.logo-container {
        background: url(../files/compsych.png) !important;
    }
    .compsych  ul#language-dropdown {
    background-color: #fff !important;
    }
    .compsych .navbar-default .navbar-nav > li > a, .compsych .navbar a {
        color: #000 !important;
    }
    .compsych .dropdown-item:focus, .compsych .dropdown-item:hover {
        color: #fff !important;
    }

 
    .dearbornFmla .navbar {
        background-color: #D2E2EF !important;
    }    
    .dearbornFmla .navbar-nav > li > a {
        color: #003e74 !important;
    }
    .dearbornFmla a:hover, .dearbornFmla a:focus {
        color: #1a242f !important;
        text-decoration: underline !important;
        cursor: pointer !important;
    }
    .dearbornFmla .navbar-brand.logo-container {
        background: url(../files/dearbornFmla.png) !important;
    }
    .dearbornFmla  ul#language-dropdown {
        background-color: #0f6dbe  !important;
    }
    .dearbornFmla  ul#language-dropdown {
    background-color: #fff !important;
    }
    .dearbornFmla .navbar-default .navbar-nav > li > a, .dearbornFmla .navbar a {
        color: #000 !important;
    }
    .dearbornFmla .dropdown-item:focus, .dearbornFmla .dropdown-item:hover {
        color: #fff !important;
    }

	
	  .mooFmla .navbar {
        background-color: #003a70 !important;
    }
    .mooFmla .navbar-nav > li > a {
        color: #fff !important;
    }
    .mooFmla .navbar-default .navbar-nav > li > a:hover, .mooFmla .navbar-default .navbar-nav > li > a:focus {
        color: #ddd !important;
        text-decoration: underline;
    }
	  .mooFmla .navbar-brand.logo-container {
        background: url(../files/mooFmla.png) !important;
    }
	
    .principalFmla .navbar {
          background-color: #fff !important;
    }
    .principalFmla .navbar-nav > li > a {
        color: #003e74 !important;
    }
    .principalFmla a:hover, .principalFmla a:focus {
        color: #1a242f !important;
        text-decoration: underline !important;
        cursor: pointer !important;
    }
    .principalFmla .navbar-brand.logo-container {
        background: url(../files/principalFmla.png) !important;
    }


 	.sunlifeFmla .navbar {
        background-color: #dea60d !important;
    }
    .sunlifeFmla .navbar-nav > li > a {
        color: #003e74 !important;
    }
    .sunlifeFmla a:hover, .sunlifeFmla a:focus {
        color: #1a242f !important;
        text-decoration: underline !important;
        cursor: pointer !important;
    }
    .sunlifeFmla .navbar-brand.logo-container {
        background: url(../files/sunlifeFmla.png) !important;
    }


	.voyaFmla .navbar {
        background-color: #fff !important;
    }
    .voyaFmla .navbar-nav > li > a {
        color: #003e74 !important;
    }
    .voyaFmla a:hover, .voyaFmla a:focus {
        color: #1a242f !important;
        text-decoration: underline !important;
        cursor: pointer !important;
    }
    .voyaFmla .navbar-brand.logo-container {
        background: url(../files/voyaFmla.png) !important;
    }

	
	.partnerGuidance .navbar {
        background-color: #003e74 !important;
    }
    .partnerGuidance .navbar-nav > li > a {
        color: #fff !important;
    }
    .partnerGuidance a:hover, .partnerGuidance a:focus {
        color: #ddd !important;
        text-decoration: underline;
		  cursor: pointer !important;
    }
    .partnerGuidance .navbar-brand.logo-container {
        background: url(../files/partnerGuidance.png) !important;
    }
	
	.bcbsil .navbar {
        background-color: #0f6dbe !important;
    }
    .bcbsil .navbar-nav > li > a {
        color: #fff !important;
    }
    .bcbsil a:hover, .bcbsil a:focus {
        color: #ddd !important;
        text-decoration: underline;
		    cursor: pointer !important;
    }
    .bcbsil .navbar-brand.logo-container {
        background: url(../files/bcbsil.png) !important;
    }
    .bcbsil .navbar, .bcbsil  ul#language-dropdown {
        background-color: #0f6dbe !important;
    }
	
	.bcbstx .navbar {
        background-color: #0f6dbe !important;
    }
    .bcbstx .navbar-nav > li > a {
        color: #fff !important;
    }
    .bcbstx a:hover, .bcbstx a:focus {
        color: #ddd !important;
        text-decoration: underline;
		    cursor: pointer !important;
    }
    .bcbstx .navbar-brand.logo-container {
        background: url(../files/bcbstx.png) !important;
    }
    .bcbstx .navbar, .bcbstx  ul#language-dropdown {
        background-color: #0f6dbe !important;
    }

	
	.fmlaCobrand .navbar {
        background-color: #003e74 !important;
    }
    .fmlaCobrand .navbar-nav > li > a {
        color: #fff !important;
    }
    .fmlaCobrand a:hover, .fmlaCobrand a:focus {
        color: #ddd !important;
        text-decoration: underline;
		    cursor: pointer !important;
    }
    .fmlaCobrand .navbar-brand.logo-container {
        background: url(../files/fmlaCobrand.png) !important;
    }
    
    .fmla .navbar-brand.logo-container {
        background: url(../files/fmla.png) !important;
    }
    
    .gro .navbar-brand.logo-container {
        background: url(../files/gro.png) !important;
    }
    .gro  ul#language-dropdown {
    background-color: #fff !important;
    }
    .gro .navbar-default .navbar-nav > li > a, .gro .navbar a {
        color: #000 !important;
    }
    .gro .dropdown-item:focus, .gro .dropdown-item:hover {
        color: #fff !important;
    }
    a.btn-primary:hover, a.btn-primary:focus {
        color: #fff !important;
        background: #003e74 !important;
    }


@media (max-width: 400px){
	.navbar-header {
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
	.navbar-brand img {
		margin-left: 5px;
	}        
	.navbar-toggle {
		margin-right: 5px !important;            
	}
	.container {
		padding-left: 0;
		padding-right: 0;
	}
	#main-col {
		padding: 0;
	}
	.answer-container {
		padding-left: 0;
	}
	.questionhelp {
		padding-left: 1em;
	}
	.checkbox {
		padding-left: 0;
	}
}