@import url("/ws_resources/assets/fonts/font.css");

body { min-height: 100vh; background:#FFFFFF; font-family:"OptumSans-Regular", Helvetica, Arial, sans-serif; position:relative; }
.alert { margin:-40px 12px 20px 12px; padding-top:22px; position:relative; z-index:0; border-radius:0; }
.item h1 { margin-top:0; }
h1 { color:#4B4D4F; font-size:31px; font-weight:normal; margin-left:24px; }
#header { background: #FFFFFF; height: 18.87vw; }
#header img { display:block; max-width:100%; padding-top: 3.33vw; margin-left:auto; margin-right:auto;}
.hero { background:#fff; border: 1px solid #fff; margin-top:20px; margin-bottom:20px; position:relative; z-index:1; }
form { margin-right:24px; margin-left:24px; }
label { color:#4B4D4F; font-size:14px; font-weight:normal; margin-top:12px; width:100%; display: inline-block; margin-bottom: .5rem;}
label a { color: #4B4D4F; float:right; font-size:22px; margin-top:2px; }
label a:link {color: #0C55B8;font-family: 'OptumSans-Regular'}
label a:hover {color: #003A8D;}
label a:active {color: #002677;}
input { font-weight:normal; }
input:focus { border-color: rgba(130, 216, 255, 0.8)!important; box-shadow: 0 1px 1px rgba(130, 216, 255, 0.075) inset, 0 0 8px rgba(130, 216, 255, 0.6) !important; outline: 0 none !important;}
button.button { font-size:14px; margin:12px auto;}
.button { background: #002677; border:none; border-radius:3px; color: #FFFFFF !important; display:block; font-family:'OptumSans-Regular'; font-size:14px; height: 32px;font-weight: bold; text-transform: uppercase;padding:6px 12px; border-radius: 15px;text-align:center; width:90%; }
.button:hover { background: #001D5B; text-decoration:none;color: #FFFFFF; }


.contact { font-size:12px; margin:18px 0; text-align:left; }
.contact a { color:#A2AAAD; }
.bucket { height:250px; padding: 10px 20px; border:1px solid #d6d6d6; color:#444; position:relative; }
.icon { display: inline-block; float: left; margin: 5px;}
.bucket h4 { margin-top:0; padding-left: 55px; padding-top: 15px; padding-bottom: 10px; border-bottom: 1px solid #C3C5CD; font-weight: bold;
	height: 65px;font-size: 18px;}
.bucket ul { margin-left:30px; }
.bucket ul li { margin-top:10px; margin-bottom:7px; font-size:15px; }
.bucket a,
.bucket a:hover { color:#444; }
.learn-more { background:#00a994; margin-left:-75px; position:absolute; bottom:-15px; left:50%; }
.footer { position: absolute; bottom: 0; width: 100%; background: #FAF8F2; padding:12px 0; margin-top: 30px;border-top: solid;
	border-top-color: #929496;
	border-top-width: 2px;}
.footer span { white-space:nowrap;}
.links { float:left; margin:0; }
.links li { display:inline; padding:0 6px; vertical-align:middle; }
.links li a { font-size: 14px; vertical-align:top; color: #0C55B8;}
.links li a:link {color: #0C55B8; font-family: 'OptumSans-Bold'}
.links li a:hover {color: #003A8D;}
.links li a:active {color: #002677;}
.footer svg { margin-top:-4px; margin-bottom:-5px; }
.links li:first-child { border-right:1px solid #d6d6d6; }
.phone { font-size: 18px; color:white; margin:0px; text-align:left; white-space:nowrap; padding: 5px 0 5px 5px; }
.copyright { font-size: 13px; color:#4B4D4F; margin:0px; padding-bottom:5px; padding-left:6px; }
.resources { padding-bottom: 160px; display: inline-flex;}
.resources .col-lg-4:first-child { margin-top:0; }
.resources .col-lg-4 { margin-top:30px; }
.footer .col-xs-12:first-child { margin-top:0; }
.footer .col-xs-12 { margin-top:12px; }
.serverAlias{font-size: smaller;color:#4B4D4F;}
li a:link {color: #0C55B8;font-family: 'OptumSans-Regular'}
li a:hover {color: #003A8D;}
li a:active {color: #002677;}
/**/
.bucket path[d]{ fill: black; }
.footer path[d]{ fill: white; }
.item img { width: 100%; height: 100% !important; position: absolute; top:0; bottom:0; left:0; right:0;}
.item a::before{ content:""; width: 100%; padding-top: 40%; display:block;}
.o4-legal__social {
	list-style: none;
	margin-top: 12px;
	margin-bottom: 30px
}

.o4-legal__icons {
	margin: 0 3px;
	display: inline-block
}

.o4-legal__icons:first-child {
	margin-left: 0
}

.o4-legal__circle {
	background: #4B4D4F;
	color: #fff;
	transition: all .2s linear;
	width: 36px;
	height: 36px;
	text-align: center;
	padding-top: 5px;
	outline: 0;
	font-size: 1.25rem;
	text-decoration: none;
	border: 0;
	display: inline-block;
	border-radius: 50%
}

.o4-legal__circle span {
	color: #fff
}

.o4-legal__circle:hover {
	transform: scale(1.1);
	text-decoration: none
}

.o4-legal__circle:hover span {
	color: #fff
}

.o4-legal__circle:focus {
	box-shadow: 0 0 0 2px #fff,0 0 0 4px #002677;
	z-index: 1001;
	text-decoration: none
}

.o4-legal__circle:active {
	color: #fff
}

.o4-legal__hr {
	margin-bottom: 16px
}

@media screen and (min-width: 768px) {
	.o4-legal__hr {
		border:0;
		height: 1px;
		margin: 0;
		display: none
	}
}

.assistText {
	clip: rect(1px,1px,1px,1px);
	margin: 0;
	position: absolute !important;
	left: -1000px;
	width: 0;
	height: 0;
	text-indent: -999em;}

.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


.fa-linkedin:before{content:"\f0e1"}
.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}
.fa-twitter:before{content:"\f099"}
@media(min-width:351px){
	#header { height:65px; }
	#header img { padding: 0; }
}

@media(min-width:768px){
	#header img { margin:0; }
	.resources { padding-bottom: 80px; }
	.resources .col-lg-4:first-child + .col-lg-4 { margin-top:0; }
	.phone { margin:0; text-align:center; }
	.copyright { margin:0 6px 0 0; text-align:right; }
	.footer .col-xs-12 { margin-top:0; padding-left:0; padding-right:0; }
}
@media(min-width:992px){
	.container { width:800px; }
}

@media(min-width:1200px){
	.alert { margin-left: -18px;}
	.container { min-width:1170px; }
	.resources .col-lg-4 { margin-top:0; }
	form { margin-right:25px; margin-left:0; }
	h1 { margin-left:0; margin-right:25px; text-align:center; }
	.footer .col-xs-12 { padding-left:15px; padding-right:15px; }
	.footer .col-xs-12:last-child { display:table; height: 35px; }
	.footer .col-xs-12:last-child p { display:inline; vertical-align:middle;}
}

/* Overwrite Bootstrap */
.form-control {
	border-radius: 0px;
}
.logo-header {
	display: block;
	position: absolute;
	/*top: 8px;*/
	left: 3px;
	height: 65px;
	width: 180px;
}
.logo-text {
	font-family: "OptumSans-Regular";
	color: #4B4D4F;
	position: absolute;
	left: 166px;
	padding-left: 50px;
	top: 14px;
	/*border-left: 2px solid white;*/
	text-transform: uppercase;
	font-size: 13px;
	height: 40px;
	vertical-align: bottom;
}
.col-lg-3 h1{
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: "OptumSans-Regular,Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 500;
	line-height: 1.1;
}
.alert-danger { color: #b94a48;background-color: #f2dede; border-color: #eed3d7; }
#error_div{margin-left: 34%;}
.error-message{font-size: 14px;line-height: 1.428571429;}
.alert-dismissable .close {position: relative; top: -2px; right: -10px;}
button.close {padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; color: inherit;}
.close {float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2;}
body {font-size: 14px;line-height: 1.428571429;color: #333;}
.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.ohid {
	color: #0C55B8;
	font-weight: bold;
	float: none;
	text-decoration: underline;
	white-space: nowrap;
}

li {
	margin: 4px auto;
}
a.forgot-password{float: left;}