/*===========================================
RECRUITER STYLES (replaces css.css styles) - updated 04/02/2014 - DT

This is the master recruiter stylesheet.
All pages contained inside the recruiter will be most accurately presented here. 
Please add all customizations to this stylesheet.
This stylesheet does not include all styles for a recruiter. However, it does replace many defaults built into the system.
Please check this stylesheet for the highest priority styles.

===========================================
Table of Contents
===========================================
1) Commonly Changed Styles
2) Format Defaults
3) Custom Recruiter Styles
4) Navigation
5) Top & Bottom Styles
6) Recruiter Defaults
7) Volunteer Profile
8) Other Volunteer Pages
9) Opportunity Search Pages
10) Recruiter Search Calendar
11) Message Pages
12) Organization Profile & Pages
13) Approvers Module
14) Widgets

*/







/* Commonly Changed Styles
==========================================*/
textarea {width:100%!important; height: 120px!important;}
.rec-panel {border: none;}
.data-dropdown {
    color: 444;
    font-family: 'Open Sans',Arial,sans-serif;
    font-weight: normal;
    font-size: 1em;
    padding-left: 0;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    width: auto;
    height: auto;
}
.data-radio, .data-textarea, .data-textarea-over, .data-textarea-selected {
    color: inherit;
    font-family: inherit;
    font-weight: normal;
    font-size: inherit;
    height: auto;
    border: 1px;
    width: auto;
}
.data-textarea-over, .data-textarea-selected  {background-color: #fff;}

.colorRed {
	color:#A30234 !important;
}

.mb4 {
	margin-bottom: 4.1px !important;
}

.up1 {
	margin-top: -1px !important;
}






@media all and (max-width: 690px) and (min-width: 375px) {
	.volAgreement {
		margin-top: 20px;
	}
}

@media all and (max-width: 374px) {
	.volAgreement {
		margin-top: 55px;
	}
}

@media all and (max-width: 420px) and (min-width: 315px) {
	.moveDown {
		margin-bottom: 40px;
	}
}

@media all and (max-width: 314px) {
	.moveDown {
		margin-bottom: 55px;
	}
}

.w100 {
	width:100%;
}

.w150 {
	width:150px;
}

.spacing > table > tbody > tr > td {
	padding-right: 20px;
}

@media all and (max-width: 768px) {
	.fixElement {
		width: 200px;
	}
}

.h58 {
	height:58px;
}

@media all and (max-width: 991px) and (min-width: 688px) {
	.changeThing {
		height: 58px;
	}
}

@media all and (max-width: 646px) and (min-width: 601px) {
	.changeThing {
		height: 58px;
	}
	.thisToo {
		margin-top: 10px;
	}
}

@media all and (max-width: 600px) {
	.changeThing {
		height: 58px;
	}
	.thisToo, .theseToo {
		margin-top: 10px;
	}
}

@media all and (max-width: 991px) and (min-width: 768px) {
	#zipbox {
		position: absolute;
		right:-5px;
	}
}

.w230 {
	width:230px !important;
}















/**** Headers & Text ****/

fieldset {
	margin-top:40px;
	margin-bottom:20px;
	border:0;
	padding: 0;
}
legend {
	color: #990134;

    font-size: 1.5em;
	padding:10px 20px;
	margin: 40px 0;
}
h1 {
	font-size:30px;
}
h2 {
	font-size:26px;
	line-height:36px;
}
h3 {
	font-size:23px;
}
h4 {
	color:#444444;
	font-size:18px;
}
h5 {
	color: #555555;
	font-size: 16px;
	font-weight:bold;
}
p {
	font-size:16px;
}
a {
	cursor:pointer;
}

.secondaryHeader {
	text-align: center;
}

.btnRegister {
	background-color: #EC1848;
	border-color: #BD0B33;
	color:white;
}

.newLine {
	min-height: 73px;
}

.btn {
	  -webkit-transition: all .25s ease-in-out;
	  -moz-transition: all .25s ease-in-out;
	  -o-transition: all .25s ease-in-out;
	  transition: all .25s ease-in-out;
}

.btnRegister:hover {
	background-color: #BD0B33;
	color:white;
}

.textxs { font-size:0.7em;}
.text-sm { font-size:0.8em;}
.text-lg { font-size:1.15em;}
.text-xl { font-size:1.25em;}

/**** Field and Label Styles ****/
.data-checkbox {
	margin:0 4px 0 0;
}
.data-text, #LANGUAGE_INPUT, #firstname, #lastname, #email, #login_username, #password, #password_verify {
	border:1px solid #666666;
	border-radius:2px;
	padding:6px 4px;
}
.data-text-over, LANGUAGE_INPUT:hover, #firstname:hover, #lastname:hover, #email:hover, #login_username:hover, #password:hover  {
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	border:1px solid #000000;
	border-radius:2px;
	padding:6px 4px;
}
.data-text-selected, LANGUAGE_INPUT:focus, #firstname:focus, #lastname:focus, #email:focus, #login_username:focus, #password:focus  {
	box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
	border:1px solid #31B3D1;
	border-radius:2px;
	padding:6px 4px;
}
.data-text, .data-text-over, .data-text-selected {
	width:190px;
}
.data-textarea {
	border:1px solid #666666!important;
	border-radius:3px;
	padding:4px 6px;
}
label {
	display:block;


}
select {
	width:200px;
	padding:3px;
	border-radius:4px;
	border:1px solid #666666;
}


/**** Buttons ****/

#login_button, #VOL_FGP_SUBMIT_BUTTON, .button {
  -moz-user-select: none;
  background-image: none;

  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  height: auto;
}



/**** Notices and Helper Text ****/

.helper-text {
	color: #31B3D1;
	font-size: 16px;
}
.subtle-notice {
	color:#666666 !important;
	font-size:14px !important;
}
.info-notice {
}
#ajaxLoadingIndicator {
	background: none repeat scroll 0 0 #ffffff;
	display: block;
	height: 100px !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
}


.wizardTab {
	margin-right: 10px;
}

.wizardCounter {
	margin-top: 8px;
}

.requirementsUL li {
	padding:5px 0;
}

.requirementsUL {
	margin-left: -20px;
}

.lbl-iblock > label {
	display:inline-block;
	position:absolute;
	left:35px;
}

.requirementsAgree tr td > label {
	display:none;
}

.requirementsAgree > table, .requirementsAgree > span, .requirementsAgree > p {
	float:left;
}

.volAgreements table > tbody > tr:last-child, .volAgreements table > tbody > tr > td:last-child {
	display:none;
}

.volAgreements > table {
	display:inline-block;
	float:left;
}

@media all and (min-width:992px ){
	.lbl-iblock {
		min-height: 30px;
	}
}

@media all and (max-width:991px ) and (min-width:461px) {
	.lbl-iblock {
		min-height: 40px;
	}
}

@media all and (max-width:460px ){
	.lbl-iblock {
		min-height: 60px;
	}
}

/*.beginAppImage {
	background: url("https://UCSFHealth.samaritan.com/custom/502/images/volImg5Fade.jpg") no-repeat top right;

}*/

.well.well-small {
	padding:10px !important;
}

@media all and (min-width: 575px) {
	.availMargin > table table {
	margin-right: 40px;
	}
}

@media all and (max-width: 574px) {
	.availMargin > table table {
	margin-right: 10px;
	}
}

table#TypeList > tbody > tr:last-child {
	display:none;
}

#NEXT_TAB_BUTTON, #PREV_TAB_BUTTON {
		background: #052049;
	    /*background: #2676b7;
	    background: -moz-linear-gradient(top, #2676b7 43%, #005195 45%, #005195 99%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(43%,#2676b7), color-stop(45%,#005195), color-stop(99%,#005195));
	    background: -webkit-linear-gradient(top, #2676b7 43%,#005195 45%,#005195 99%);
	    background: -o-linear-gradient(top, #2676b7 43%,#005195 45%,#005195 99%);
	    background: -ms-linear-gradient(top, #2676b7 43%,#005195 45%,#005195 99%);
	    background: linear-gradient(to bottom, #2676b7 43%,#005195 45%,#005195 99%);*/
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2676b7', endColorstr='#005195',GradientType=0 );
	    text-shadow: 0 -1px 1px #10456D;
	    /*border: 1px solid #135489;
	    box-shadow: 0 -3px 3px 3px #135489 inset, 3px 3px 3px rgba(0,0,0,0.3);*/
	    display: inline-block;
	    color: #fff;
	    border-radius: 3px;
	    margin: 0 10px;
	    font-size: 16px;
	    text-transform: uppercase;
}











/* Custom Recruiter Styles
==========================================*/

@media (min-width: 0px) {
	
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

.bannerWrap {
	background-color: #0792CB;
	margin: 0 20px;
}

.bannerDes {
	color: #fff;
	line-height: 1.5em;	
	padding: 20px;
}

.indexBtn a {
	color: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 75px;
    line-height: 80px;
    margin: 12px 0 0;
    text-align: center;	
}

.bannerImg {
	border: 10px solid #fff;
	float: left;
	margin: 20px 0;
	padding: 10px;
	width: 90%;
	background:url(../images/feedimg.jpg);
	background-size: cover;
	background-position: center;
	height: 300px;
}

.popIn .popover-content {
	width: 200px;	
}

hr.style-one { 
	border: 0; 
	height: 1px; 
	background: #333; 
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
	display: inline-block;
	width: 100%; 
	margin: 0 0 10px;
	padding: 0;
}

.createAcctLnk {
	display: block;
	text-align:center;	
}

.thumbnail {
	width: 100%;	
}

#org_photo_place .img-thumbnail {
    width: 350px;
}

#view_details_link {
	width: 100%;	
}

.well-dark {
	background-color: lightgray !important;
	border: 1px solid darkgray !important;	
}

.requireIndicator.not-required {
	display: none;	
}

.headerWrap {
	margin: 0 0 70px;
}

.feedBlock {
	background: #F3CF45;
	height: 220px;
	margin: 0 40px;
}

.feedImg {
	border: 12px solid white;
	box-shadow: 3px 3px 10px gray;
	width: 100%;
	transform:rotate(-2deg);
	margin-left: 20px;
	position:relative;
	margin-top: -30px
}

.feedtxt {
		
}

.hotOppWrap {
	margin: 0 -15px;
	background: #E8D8BD;
	border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
/*	box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.5);
  	-webkit-box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.5);*/
	}

#hotOpp {
	text-align:center;
}

.oppBox h4 {
	text-align: left;
	padding: 5px 10px !important;	
}

.oppBox {
	display:inline-block;
	width: 250px;
	border: 1px solid gray;
	border-radius: 6px;
	margin: 0 10px;
	background: white;
	box-shadow: 2px 4px 5px 1px #707070;
	-moz-box-shadow: 2px 4px 5px 1px #707070;
	-webkit-box-shadow: 2px 4px 5px 1px #707070;
}

.hotOppType {
	min-height: 35px;
	padding: 0 5px;
	text-align: left;
}

.hotOppType .fa {
	font-size: 20px;
	padding: 5px 7px;	
}

.hotOppDate {
	font-size: 12px;
	padding: 5px 10px;
	text-align:left;
}

.hotOppImg {
	background-position:center;
	background-size: cover;	
	width: 248px;
	height: 186px;
	background-repeat:no-repeat;
}

.hotOppImg img{
	
}

.hotOppTitle {
	height: 45px;
	margin: 5px 0 0;
}

.hotOppOrg {
	height: 30px;
}

.hotOppOrg a {
	font-size: 14px;	
}

.hotOppOrg, .hotOppArea{
	padding: 0 10px;	
	text-align: left;
}

.hotOppDetailBtn {
	padding: 10px;
	text-align: left;	
}

.opp-img {
	width: 100%;	
}

#moreSearch-type .btn-group-vertical input[type="checkbox"],
#moreSearch-org .btn-group-vertical input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.check-link.active .fa, .check-link.active .show-active, .check-link .fa.force-show {
    display: inline-block;
}
.check-link .fa, .check-link .show-active {
    display: none;
}

.lp-img {
	border: 12px solid #fff;
	box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.5);
	margin-left: 10px;
	margin-top: -10px;
	transform: rotate(-1.5deg);
	max-width:95%;
	position:relative;  
}

.lp-colorblock1 {
	background: white; 
	min-height:280px;
	max-height: 100%;

}

.lp-colorblock1-inner {

}

.vol-steps {
    border: 3px solid #5878a3;
    line-height: 20px;
    padding: 10px;
}

.volunteer-steps a:hover {
    text-decoration: none;
}

a {
	color:#178CCB;
}

.nav-pills > li.active > a {
	background-color: #052049;
}

.pbs-footer {
	background: #E6E9ED;	
	color: black;
}

.pageID {
	color: white;
	background: #EC1848;	
	margin: 0 0 20px;
	padding: 10px 0;
}

.pageID h3 {
	color: white;	
	margin: 0;
	padding:0;
}

.circle {
	width: 30px;
	height: 30px;
	background: white;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border: 1px solid lightgray;
}

.cl_flag.fa-check {
    margin: 6px 0 0 6px;
}

.tab-pane {
	padding: 0 10px;
}

/* Format Defaults
===========================================*/


html, body {
	color: #444;
	font-size: 100%;
	line-height: 1.3;
	margin: 0 auto;
	font-family: 'Open Sans',Arial,sans-serif;
}

body {
	/*background: #656565;*/	
}

.pagename.container{  /*This is the main wrapper*/
	background:#fff;
	border-top:0 none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	/*font-family: 'Source Sans Pro', sans-serif;*/
	/*color: #178CCB;*/ 
	font-family: 'Open Sans',Arial,sans-serif;
	color:#555z;
}

.header > h1, .header > i {
	display:inline-block;
	font-size:2em;
	line-height: 14px;
}
.header > i {padding:0  0 0 5px;}
.header > p {
	font-style: italic;
	text-decoration: none;
	display:inline-block;
}

.header > i {
	color: #CE2F3F;
}

.header h1 {font-family:'Open Sans',Arial,sans-serif;}
.mainImg {
	background-image: url(https://ucsfhealth.samaritan.com/custom/502/images/UCSFHero.jpg);
	background-repeat: no-repeat;
	background-position: 50% 30%;
	background-size: cover;
	overflow:hidden;
	min-height: 500px;
}

.infoBox {
	background-color: rgba(255,255,255,0.9);
  	color: black;
  	height:auto;
  	padding:15px 15px 35px 15px;
  	text-align: center;
  	border-radius: 5px;
}

.infoBox > p {
	margin-bottom: 20px;
}

.infoBox > a {
	padding:10px;
	color:white;
	background-color:#EC1848;
	border:1px solid #BD0B33;
	border-radius: 5px;
	-webkit-transition: all .25s ease-in-out;
  	-moz-transition: all .25s ease-in-out;
  	-o-transition: all .25s ease-in-out;
  	transition: all .25s ease-in-out;
  	text-decoration: none;
}

.infoBox > h2:after {
  content: "";
  display: block;
  height: 3px;
  background: #EC1848;
  width: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
}

.infoBox > a:hover {
	background-color: #BD0B33;
}

.secondaryInfo {
	background-color: #E6E9ED;
}

.btn-lg {
	border-color: #052049 !important;
}

.btn-default.active {
	background-color: #E6E9ED;
}

#srchBtn {
	background: none !important;
	border:none !important;
}

.sortBtn {
	border:none !important;
	font-size: 14px;
}

.btn.check-link {
	border: 1px solid transparent;
}

/*
a.btn.btn-lg {
	color:white;
	background-color: #178CCB;
}
*/

.fa-check {
	color:#052049 !important;
}

.btn:hover .fa-check {
	color:#052049 !important;
}

.btn.btn-primary:hover {
	background-color: #052049 !important;
}

.btn-lg:hover {
	background-color: #052049 !important;
}

a.btn-lg:hover {
	color:white;
}

.img2 {
	width:100%;
}

.botRow {
	text-align: center;
	color:white;
	height:200px;
	background-color: #EC1848;
	margin-bottom: -1px;
}

.botRow > p {
	font-size: 36px;
	font-style: italic;
}

.webBanner h2, .bannerItem > a {
	color:white;
	font-size: 12pt;
	line-height: 28px;
}

.webBanner h2 {
	margin-top: 2px;
}

.sectionBanner {
	background-color: #052049;
	height:30px;
}

.bannerItem, .bannerItem > a {
	list-style-type: none;
	text-decoration: none;
	margin-top: 2px;
	padding-left: 10px;
}

.sectionHeader {
	height:130px;
}

.logoHeader {
	color:black;
	display:inline-block;
	font-weight: bold;
}

.headerLogo {
    max-width:290px;
    margin-top: 35px;
}

.btn.btn-default.fr, .btn-group.fr.userstatus {
	margin-top: 45px;
}









/* Navigation Styles
===========================================*/

/**** Volunteer Navigation ****/
#volunteer-nav.collapse .nav > li {
	display:inline-block;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#volunteer-nav > ul {
}

#volunteer-nav.collapse.in .nav > li {
	display: block;
	/*border: 1px solid lightgray;
	border-radius:4px;*/	
}
#volunteer-nav.collapse .nav > li + li{
	border-left:0 none;
}

/*For mobile menu collapse */
#volunteer-nav .nav > li {
	text-align:left;
}
#volunteer-nav {
	/*background: #efefef;
	border-radius:3px;*/
	border-radius: 0 !important;	
	background: none !important;
}
#volunteer-nav .nav > li > a {
	color:#000;
	font-size:15px;
	padding:20px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#volunteer-nav .nav > li > a.active {
	/*background:#efefef;*/
	cursor:default;
}
#volunteer-nav .nav > li > a.active:hover, #volunteer-nav .nav > li > a.active:focus {
	background: white;
}
#volunteer-nav .nav > li > a:hover, #volunteer-nav .nav > li > a:focus {
	background: white;
}
#volunteer-nav .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #3A3A3A;
    color: #fff;
}
.navbar {
	border: 0 !important;	
	border-radius: 0 !important;
	margin-bottom: 0 !important;
}
.navbar-toggle {
	background:#CECECE;
	border:1px solid #bbbbbb;
}
.navbar-toggle .icon-bar {
    background-color: #000000;
}

.navRow, .navMenu {
	background-color: #EDEDEE;
}

.col-md-4 > p {
	line-height: 1em;
}

.col-md-4 > strong {
	font-size: x-large;
	line-height: 2.5em;
}

.icons {
	color:white;
}

.fa-facebook-official {
	color: #3B579D;
}

.fa-pinterest {
	color: #BD2126;
}

.fa-twitter {
	color: #2CAAE1;
}

.fa-linkedin-square {
	color: #007BB6;
}



/* Pill navigation for my opportunities */
.nav > li > a {
    display: block;
    padding: 6px 12px;
    position: relative;
}

/**** Breadcrumbs ****/

.breadcrumb {
	background: #fff;
	padding:0;
	margin:0;
	opacity:0.75;
}
.breadcrumb:hover {
	background: #fff;
	padding:0;
	margin:0;
	opacity:1;
}
.breadcrumb div {
	float:left;
}













/* Top & Bottom Styles
===========================================*/


.social {
    color: #77D9EB;
    font-family: 'Open Sans','Avenir LT W01 55 Roman';
    font-size: 12px;
    font-style: normal;
    line-height: 22px;
    list-style-type: none;
    padding-left: 50px;
}
.social a {
    color: #77D9EB;
    font-family: 'Open Sans','Avenir LT W01 55 Roman';
    font-size: 12px;
    font-style: normal;
    line-height: 22px;
    margin-left: 40px;
}
.social a:hover {
    text-decoration: underline;
}


/* Off Canvas 
--------------------------------------------------*/
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
  .row-offcanvas.active #sidebar {
    margin-left: 10px;
  }
}



 /* Recruiter Defaults   ---   (updated 01/09/2014)
 These styles fix some quirks in the front end styling when converting to newer layout
===========================================*/

/* Fixes inline table and class widths on referrals/placements and a couple other volunteer pages */
.first-rec-div > table, .first-rec-div > form > table, .information > table.content-panel > tbody > tr > td > table, form > table, .rec-panel, .sort > table   {
	width:100% !important;
}

/* Hides mytip popups */
.mytip {
	display:none;
}

/* Hides required indication explanation text so you can create your own */
.requireIndicationText {
	display:none;
}
/*New Required indication explanation text*/
.requiretext {
	color: #C91019;
    font-size: 1.2em;
    padding-top: 20px;
	float:left;
}
.requireIndicator {
    color: #C91019;
    display: inline-block;
    font-weight: bold;
	font-size:20px;
	line-height:15px; /*To match label line height*/
    padding: 0 3px 0 0;
	position:relative;
	top:2px;
}
/* Hides tab headers */
.toggler {
	display:none;
}
/* Hides old style buttons */
.td-savebutton {
	display:none;
	}
.td-backbutton {
    display: none;
}
td.data-attr-header{ /* For checkbox list column headers */
	padding-top:12px;
	font-weight:bold;
}
#recruiterForm > table { /* Fixes inline style width 650px */
	width:100%;
}
#fd-VOL_DOB {
	opacity:1 !important;
}













	
/* Volunteer Profile
===========================================*/

/**** 508 Complience ****/

.emptyfield {
	border: 1px solid red;	
}

.emptyfield-label {
	color: red;	
}

.requiredResponse {
	display: none;	
}


/**** Attachments ****/

#TypeListAvailableLayer .ajax-listype-row[id="18"], #TypeListAvailableLayer .ajax-listype-row[id="19"]{
	display:none;
}
#ACTION_TAKE_PHOTO_REQUEST_BUTTON {
    height: inherit !important;
    width: inherit !important;
}

#ACTION_DOWNLOAD, #ACTION_UPLOAD, #ACTION_DELETE, #ACTION_SAVE, #ACTION_RESTORE {
    height: auto !important;
    width: auto !important;
}

#FILE_FIELD {
    border: 0 none;
    height: 100% !important;
    min-height: 40px !important;
    width: 100% !important;
}

#ATTACH_FROM_GROUP td + td {
    float: left;
}

.attach-file-warning {
	display: none;	
}

	
/* Recruiter Pages / Other Volunteer Pages
=============================================*/
		
/**** Dashboard ****/

#vol_photo_place img {
    width: 100%;
}

.myOppsNav li {
	padding: 0 5px;	
}

.desc {
    margin-bottom: 35px;
}

.dashLinks {
	height: 165px;	
}

.dashLinks i.fa {
    font-size: 4em;
}

.dashLinks a {
	display: block;	
}

.dashLinks h4{
	color: #428bca;	
}
	
.dashLinks > a:hover {
	color:#052049;
}
#annualDash:hover {
	cursor: pointer;
}

#annualDash p{
	display:none;
}

#annualDash{
	border: 3px solid;
	font-weight: bold;
}

#annualDash > b {
	font-size: 14pt;
	border-bottom: 1px solid;
	padding-bottom: 3px;
}

#annualDash .fa-check-square-o{
	color:#5cb85c;
	margin-top: 1px;
	font-size: 1.25em;
}

#annualDash .fa-exclamation-triangle{
	color:#ec971f;
	margin-top: 1px;
	font-size: 1.25em;
}

#annualDash .fa-exclamation-circle{
	color:#c9302c;
	margin-top: 1px;
	font-size: 1.25em;
}
#mb_badge_form .name-placeholder, #parnassus_badge_form .name-placeholder {
    font-size: 20px;
    font-family: sans-serif;
    position: absolute;
    font-weight: bold;
    z-index:10000;
}
#mb_badge_form .volunteer-first-name {
    top: 400px;
    left: 325px;
}
#mb_badge_form .volunteer-last-name {
    top: 435px;
    left: 325px;
}
#mb_badge_form .volunteer-fl-name {
    top: 1235px;
    left: 325px;
}
#mb_badge_form .volunteer-eid{
	top: 590px;
    left: 325px;
}

#parnassus_badge_form .volunteer-first-name {
    top: 400px;
    left: 325px;
}
#parnassus_badge_form .volunteer-last-name {
    top: 435px;
    left: 325px;
}
#parnassus_badge_form .volunteer-fl-name {
    top: 1235px;
    left: 325px;
}
#parnassus_badge_form .volunteer-eid{
	top: 590px;
    left: 325px;
}


@media print{
	#mb_badge_form .name-placeholder, #parnassus_badge_form .name-placeholder {
	    font-size: 13px;
	}
	#mb_badge_form .volunteer-first-name {
	    top: 12.3em;
	    left: 13.5em;
	}
	#mb_badge_form .volunteer-last-name {
	    top: 13.7em;
	    left: 13.5em;
	}
	#mb_badge_form .volunteer-fl-name {
	    top: 47.2em;
	    left: 13.5em;
	}

	#parnassus_badge_form .volunteer-first-name {
	    top: 12.3em;
	    left: 13.5em;
	}
	#parnassus_badge_form .volunteer-last-name {
	    top: 13.7em;
	    left: 13.5em;
	}
	#parnassus_badge_form .volunteer-fl-name {
	    top: 47.2em;
	    left: 13.5em;
	}
	#parnassus_badge_form .volunteer-eid, #mb_badge_form .volunteer-eid{
		top: 20.2em;
	    left: 13.5em;
	}
}
	
/**** Login-page ****/
#VolunteerLogin td.heading, #VolunteerLogin td.heading + td  {
	display:none !important;
}
#VolunteerLogin #login_username, #VolunteerLogin #password {
	width:100%;
	margin-bottom:10px;
}
#VolunteerLogin label {
	font-size:16px;
	margin-bottom: 3px;
}

#VolunteerLogin p.important {
	color: black;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	background: #FCC9C9;
	padding:20px 0;
	border: 1px solid #C12828;
	border-radius:5px;
	margin:20px 0;
}
#ssoLogin{
    background: #1ABC9C !important;
    border-color: #0c5f4f !important;
}


/**** Forgot Password ****/
#ForgotPassword label {
	margin-right:8px;
	}
#VOL_FGP_SUBMIT_LINK {
	}
#ForgotPassword #fgt_pwd_form .information {
	
	}
#ForgotPassword #fgt_pwd_form .information > div > font /*matches .important message on login*/ {
	color: black;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	background: #FCC9C9;
	padding:20px 0;
	border: 1px solid #C12828;
	border-radius:5px;
	margin:20px 0;
	display:block;
}

	
	
/**** Placements / Referrals ****/
#referral-placement .information > .content-panel  > tbody > tr > td > table{
	width:100%;
}
#referral-placement form > table {
	width:100%;
}
.content-panel {
	width:100% !important;
}




/**** logbook / log book / log books ****/


#LogBook select {
  border: 1px solid #CCCCCC;
  font-size: 14px !important;
  margin: 0 3px;
  padding: 4px 0 4px 8px;
  width: auto;
  text-indent: -2px;
}
#LogBook label {
   display:inline-block;
	}
#LogBook td {
    height: 26px;
	border-top:0 none !important;
	}
.fixLogbook {
	margin:0 !important;
	}
	
/*Sets Summary to only show hours and no other survey question summary info */
.logbook-summary-list tr + tr {
  display: none;
}
#LogBook .td-border5, #LogBook .td-border1, #LogBook .td-border2, #LogBook .td-border3 {
  border-bottom:1px solid #E1E1E1;
  }
 .logbook-details-section {
	border:1px solid #eee;
	border-radius:5px;
	width:1136px; /*This value changes in recruiter-responsive.css based on responsive design*/
	overflow:auto;
}

.logbook-details-section input {
	margin:0 0 0 6px;
}
.logbook-details-section span {
	padding-left:10px !important;
}
.logbook-details-section > table > tbody > tr > td {
  width: 0;
}
.logbook-details-section > table > tbody > tr > td + td {
  width: auto;
}
.logbook-details-section > table > tbody > tr > td + td + td + td {
  width: 0;
}
.lb-right-scroll-panel {
overflow:auto;
width:879px;
}
.logbook-details-section .td-border2 .field-label-hight2 {
  font-size: 13px;
  font-weight: bold;
}
.date-range-hdr {
  border-right: 1px solid #CCCCCC;
  float: left;
  height: 45px;
  line-height: 45px;
  padding-right: 10px;
  vertical-align: middle;
}
.logbook-summary-list {
}



/**** My Schedule ****/

#Schedule .mytip {
	display:block !important;
}
/* header Section */
#Schedule .content-panel .content-panel form > table {
	border: 0 none !important;
}
#Schedule .content-panel .content-panel form > input + table select {
width:80px;
margin-right:10px;
}

#Schedule .content-panel .content-panel form > input + table td {
	width:auto !important;
}
/* Month Title */
#Schedule .content-panel .content-panel form > input + table  .sch-sub-title {
	padding-left:0;
	font-size:18.5px;
	color: #444;
}
/* For Go button container on date dropdowns */
#Schedule .content-panel .content-panel form > input + table td + td + td{
	width:60px !important;
	text-align:right;
}
#Schedule .sch-td-data div {
  padding: 0;
  width: auto !important;
  text-align: center;
}
#Schedule .sch-sub-title {
    color: #B0232A;
    font-size: 12px;
    font-weight: bold;
    padding-left: 30px;
}
#Schedule .sch-td-calendar-top {
  color: #444444;
  font-size: 16px;
  height: 50px;
  text-align: center;
}
#Schedule .sch-td-calendar-nodata {
    border: 1px solid #E1E1E1;
    height: 100px;
    text-align: left;
    vertical-align: top;
    width: 122px;
	background: #ffffff;
}
/* Date number for each calendar day */
#Schedule .sch-font-calendar-day {
	color: #444;
    font-size: 13px;
    font-weight: bold;
    padding-left: 2px;
}
#Schedule .sch-td-calendar-nodata .sch-font-calendar-day {
	color: #888;
}

#month_wrapper {
	margin-bottom: 80px;
}

#Schedule .sch-td-calendar-data {
background: #F9F0E5;
border:1px solid #E2C8AC;
  height: 100px;
  overflow: hidden;
  text-align: left;
  vertical-align: top;
  width: 122px;
}
#Schedule .sch-td-calendar-data:hover {
background: #FFFDFC;
}

#Schedule .sch-td-calendar-data table {
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}
#Schedule .sch-td-calendar-data table + table {
border-left: 1px solid #ffffff;
border-top:0 none;
}
#Schedule .sch-td-data, .sch-form-border {
  color: #304433;
  font-size: 13px;
}
#Schedule .sch-calendar-hr {
    border: 1px solid #E1E1E1;
    height: 1px;
    width: 90px;
}
#Schedule .sch-td-slotinfo {
    background-color: #F3F3F3;
    border-top: 1px dotted #DEDDD6;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-top: 4px;
}
#Schedule .sch-p-slotinfo {
	padding:10px 0;
}
#Schedule .sch-form-area {
    background-color: #F3F3F3;
    text-align: left;
}
#Schedule .sch-form-area-data {
    background-color: #F3F3F3;
    color: #000000;
    text-align: left;
}
#Schedule .sch-form-border {
    background-color: #006096;
    border-collapse: separate;
}
#Schedule .sch-day-off {
    color: #FF0000;
    font-weight: bold;
    text-align: right;
}
/*hover popup tool-tip*/
.tool-text {
  background: #ffffff;
  font-size: 11px;
  padding: 4px 8px 8px;
  border-bottom:1px solid #fff;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  border-top:1px solid #fff;
  border-radius: 0 0 5px 5px;
  background: #f5f5f5;
}
.tool-title {
  background: #ffffff;
   border-top:1px solid #fff;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  border-bottom: 1px solid #aaaaaa;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 4px 8px;
  border-radius:5px 5px 0 0;
  background: #f5f5f5;
}
.tool-tip {
  border-radius:5px;
  color: #000000;
  width: 400px;
  z-index: 13000;
  border:1px solid #444;
}




/**** Report Service ****/
#ReportService .reportserviceform-not-placed {
font-weight:bold;
font-size:18px;
color: #BD0B33;
}
select#reportservice {
    width: 280px !important;
}

#ReportService #rsinf {
height: auto !important;
}
#ReportService .reportserviceframe {
width:100%!important;
/* min-height: 200px; */
}


	



	
	



/* Opportunity Search/Organization Search Pages Styles
=============================================*/

	
/**** Opp Search Selection ****/
.btn-group > .btn, .btn-group-vertical > .btn {
float:left !important;
}



/**** Search Results Records (includes placement/referral results ****/
#OppSearchResults dl {
	margin-top:0;
}
.opp-location dd{
	padding-left:20px;
	margin-left:0;
}
.opp-results-item-nav {
	border-top:1px solid #E6E9ED;
	padding-top:5px;
	margin-top:10px;
}
#view_map_link {
	display:inline-block;
	padding-left:44px;
	height:42px;
	padding-top:18px;
}
.img-placeholder {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  font-size: 90px;
  line-height: 180px;
  min-height: 180px;
  text-align: center;
}
.result_record {
	padding:10px 0;
	border-bottom:1px solid #dedede;
}
.result_record .more_details_link{
	display:none;
}
.result_record.active .more_details_link{
	display:inline-block;
}
.result_record  .opp_desc_details, .result_record.active .opp_desc_summary{
	display:none;
}
.result_record.active  .opp_desc_details{
	display:block;
}

.result_record:hover {
	background:#fcfcfc;
}
.result_record + .result_record{
	border-top:0 none;
}
.result_record.active {
    background: none repeat scroll 0 0 #FCF8E3;
    border: 3px solid #3071a9;
    padding: 10px;
	margin-left:-10px;
}

	
/**** Opportunity Details ***/

#opp-details-subnav {
	margin:0;
	padding:0;
	list-style:none;
}
#opp-details-subnav li {
	float:left;
	padding:0;
}
#opp-details-subnav li.active {
	float:left;
	padding:0;
	border-top:5px solid #F7A738;
}
#opp-details-subnav li.active a {
	border-top:0 none;
}
#opp-details-subnav a {
	display:block;
	padding:6px 12px;
	font-weight:bold;
	color:#777;
	border-top:5px solid #eee;
}
#opp-details-subnav a:hover {
	color:#333;
	border-top:5px solid #F7A738;
	text-decoration:none;
}
#opp-details-subnav a.selected {
	border-top:5px solid #F7A738;
	color:#333;
	text-decoration:none;
}	
.slot-record {
	border-top: 1px solid #CCCCCC;
	padding: 10px 0 0 0;
}
#oppdetails dd {
	margin:0;
}
.slot-record dd{
	margin: 4px 0;
}
.slot-record dl {
	margin-top:0;
	margin-bottom:0;
}













/* Message Pages
===============================================*/

/**** Volunteer Registration Thank you ****/

/**** Opp Sign Up ****/

/**** Unsign Up ****/

/**** Slot Sign Up ****/

/**** Slot Unsign Up ****/

/**** Organization Registration Thank you ****/



















/* Organization Recruiter Pages
===============================================*/

/**** My Opportunities List ****/

/**** Org Profile ****/
#OrgProfile .contactField td {
	display: block;
}

#OrgProfile .contactField td input {
	margin-bottom: 15px;	
}

/*#OrgProfile .contactField tr {
    float: left;
    margin-right: 10px;
    padding-right: 4px;
}*/

/**** Org Opp Profile ****/
#OrgOppProfile .contactField td {
	display: block;
}

#OrgOppProfile .contactField td input {
	margin-bottom: 15px;	
}

#OrgOppProfile .contactField tr {
    float: left;
    margin-right: 10px;
    padding-right: 4px;
}

#OrgOppProfile .not-required {
	display: none;	
}

#OrgOppProfile #mceu_8, #OrgOppProfile #mceu_24 {
	max-width: 500px;	
}

#OrgOppProfile #mceu_24 {
	width: 100% !important;	
}

/**** Login-page ****/
#OrganizationLogin td.heading, #OrganizationLogin td.heading + td  {
	display:none !important;
}
#OrganizationLogin #login_username, #OrganizationLogin #password {
	width:100%;
	margin-bottom:10px;
}
#OrganizationLogin label {
	font-size:16px;
	margin-bottom: 3px;
}

#OrganizationLogin p.important {
	color: black;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	background: #FCC9C9;
	padding:20px 0;
	border: 1px solid #C12828;
	border-radius:5px;
	margin:20px 0;
}

#OrganizationLogin #forgot_link {
	margin-left: 20px;
}
























/* Approver Module
===============================================*/

/**** Approver Login ****/


/**** Approver Forgot Password ****/

/**** Approver Grid ****/
.grid-approver-data{
	width:100% !important;
}
.grid-approver-data table{
	width:100% !important;
}

.grid-header {
width:26px !important;
}
.grid-header + .grid-header, script + .grid-header{
width:auto !important;
}
.app-log-book-controls .button-std {
	width:auto !important;
}
.grid-header input{
margin:6px;
}
#pSelectAll, #pUnSelectAll {
display:none;
}
#ApproverProfile .td-cancelbutton {
display:none;
}
#approver-edit-entry label {
display:inline-block;
}
#approver-edit-entry input, #approver-edit-entry select{
margin-bottom:10px;
padding:3px 4px;
width:200px !important;
}
#approver-edit-entry textarea {
width:300px !important;
}
#approver-edit-entry .button-std {
width:auto !important;
}
.grid-search-dropdown, .grid-search {
height:auto !important;
padding:1px 3px;
}
#grid.grid-approver-data{
height:auto !important;
}


















/* Widgets
===============================================*/


/**** RSS Feed ****/

.to-flips {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 20px;
	padding: 10px;
	width: 178px;
}
.to-flips h1 {
	margin: 5px 0;
	padding: 0;
}
.to-flips .content {
	height: 150px;
	overflow: hidden;
	position: relative;
}
.to-flips .content .grey{
	color: #999;
}
.to-flips .content .block {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
.to-flips .flipnav{
	margin: 0 0 0 70px;
}
.to-flips .flipnav .btn-left, .to-flips .flipnav .btn-right, .to-flips .flipnav .btn-left-dis, .btn-right-dis {
	width: 20px; height: 25px; 
	color: #fff; float: left;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	margin-right: 5px; 
	background:#444;
}
.to-flips .flipnav .btn-left-dis, .to-flips .flipnav .btn-right-dis {
	color: #ccc;
	cursor: default;
	background:#444;
}




/**** Login Widget ****/
.well {
	color:#EC1848 !important;
}

.well label {
	color:#2D3538 !important;
}










/******* Owl Slider Styles ******/
.slider img {
	height:auto;
	display:block;
	width:100% !important;
}

/*@media all and (min-width: 1200px) {
	.slider img {
		width:1200px !important;
		height:500px !important;
		margin:0 auto;
	}
}*/











/******* New Styles *******/
.footerSection {
	background: #052049;
}

.footerSection li {
	list-style-type: none;
}

.footerSection #footer .footerMenu h4 {
	color: #fff;
	font-size: 14px;
	margin:0;
	padding:0;
	border: medium none;
	font-family: "HelveticaNeueETW01-45Lt","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	line-height: 18px;
	font-weight: 700;
}

.footerSection #footer {
	padding:18px 0 20px;
}

#footer .footerMenu ul {
	margin:0px;
	padding:5px 0 40px;
}

#footer .footerMenu ul li {
	margin:0px;
	padding:0 0 5px;
}

#footer .footerMenu ul li a {
	margin:0px;
	padding:0px;
	font-size: 14px;
	color:#fff;
	text-decoration: none;
	border:none;
	height:auto;
	display:inline;
}

#footer .socFooter a.socIcon.iconFBFooter {
    margin: 0px;
}

#footer .socFooter a.socIcon {
    height: 38px;
    width: 38px;
}

#footer .socFooter a.socIcon {
	display:inline-block;
	height:31px;
	margin:0 0 0 10px;
	overflow:hidden;
	position:relative;
	width:31px;
	background: none;
}

#footer .socFooter a.socIcon img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 31px;
    height: 62px;
}

#footer .socFooter a.socIcon:hover img {
	top:auto;
	bottom:0px;
}

#footer-sub {
	padding:18px 0 20px;
	background:#3c3c3c;
}

#footer-sub p.copy {
	font-size: 13px;
	color:#898989 !important;
	font-family: "HelveticaNeueETW01-45Lt", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#footer-sub .container p {
    text-align: center;
    color: #fff;
}

#footer-sub .container p a {
	color:#5dafbd;
}

.footerSection hr {
	border-top:1px solid #b4b9bf;
}

.fa-facebook-square {
	color:#3C5A99;
}

.fa-twitter-square {
	color:#55ACEE;
}

.fa-youtube-square {
	color:#E62117;
}

.icons div {
    height: 60px;
    width: 60px;
    float: left;
    border-radius: 100%;
    position: relative;
    margin-right: 5px;
}

.icons a {
	position:absolute;
}

.icons .a a {
    top: 8px;
    left: 4px;
}

.icons .b a, .icons .c a, .icons .d a  {
    top: 6px;
    left: 10px;
}

.thumb {
	display: block;
    float: left;
    height: auto;
    line-height: 20px;
    padding: 5px 20px 5px 0;
    width: 140px;
}

.well.now {
	color:#2D3538 !important;
}

.mb3 {
	margin-bottom: 3px !important;
}

.slideshow li {
	position:absolute;
	list-style: none;
}

@media all and (min-width: 1150px) {
	.slideshow li{
		left:50%;
		margin-left: -570px;
	}
	.sliderSection {
		height:500px;
	}
}

.sliderSection {
	background-color: #E6E9ED;
	min-height: 150px;
	position: relative;
	height:auto;
}

.landingThings {
	position: absolute;
	z-index: 9999;
}

@media all and (min-width: 1200px) {
	.landingThings {
		left:50%;
		margin-left: -585px;
	}
}

@media all and (min-width: 768px) {
	.landingUser {
		margin-top: -50px;
	}
}

.item .col-sm-5 {
	position: absolute;
	z-index: 9999;
	color:white;
    bottom: 10%;
    border-radius: 16px;
}

@media all and (min-width: 1200px) {
	.item h1 {
	    font-size: 64px;
	}
	.item p {
		font-size: 1rem;
	}
	/*.item .col-sm-5 {
		margin-left: 50px;
	}*/
}

@media all and (min-width: 768px) and (max-width: 1199px) {
	.item h1 {
		font-size: 38px;
	}
	.item p {
		font-size: 0.75rem;
	}
}

@media all and (max-width: 767px) {
	.item h1 {
		font-size: 1.6rem;
	}
}

@media all and (min-width: 1250px) and (max-width: 1400px) {
	/*.item .col-sm-5 {
		margin-left: 50px;
	}*/
}

@media all and (min-width: 1401px) {
	/*.item .col-sm-5 {
		margin-left: 100px;
	}*/
}

.item {
	position: relative;
}

.bgWhite {
	position: absolute;
    height: 39px;
    width: 31px;
    top: 11px;
    left: 15px;
    background: white;
}

@media all and (max-width: 445px) {
	.popover-markup {
		display:none !important;
	}
}

.searchIcons {
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    height: 200px;
    margin: 0 39px 24px;
    overflow: hidden;
    padding: 8px;
    text-align: center;
    transition: all 500ms linear 0s;
    max-width: 200px;
    min-width: 150px;
    width: 100%;
    display:inline-block;
}

.searchIcons > .btn.btn-primary {
    height: 70%;
    width: 95%;
    margin-left: 2.5%;
}

.searchIcons > input {
	display:none;
}

.searchIcons h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin: 20px auto 0;
    padding: 0;
}

.searchIcons .fa {
	font-size: 6em;
	margin-top: 13px;
}

.rotate {
	-ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg); 
    transform: rotate(270deg);
}

.owl-controls.clickable>.owl-buttons>.owl-prev, .owl-controls.clickable>.owl-buttons>.owl-next {
	height:83px;
	width:83px;
	display:none;
}

.owl-prev {
	background: url(https://ucsfhealth.samaritan.com/custom/502/images/slider/slideLeft.png) !important;
	float:left;
	margin-left:20px;
}

.owl-next {
	background: url(https://ucsfhealth.samaritan.com/custom/502/images/slider/slideRight.png) !important;
	float:right;
	margin-right:20px;
}

.owl-controls.clickable {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top:-46.5px !important;
}

.sliderSection:hover .owl-controls.clickable>.owl-buttons>.owl-prev, .sliderSection:hover .owl-controls.clickable>.owl-buttons>.owl-next {
	display:block !important;
}

.footerSection {
	display:block;
	margin:0 auto;
	width:100%;
}

.headerP {
    float: right;
    font-size: 24px;
    color: #052049;
    margin: 45px 30px 0 0;
}

#home-locations a.home-location {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

#home-locations a.home-location .overlay-text {
    font-size: 18px;
    line-height: 24px;
}

#home-locations a.home-location .overlay-text {
    height: 100%;
    position: absolute;
    width: 100%;
    color: #fff;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    font-family: "HelveticaNeueETW01-45Lt", "Helvetica Neue", Helvetica,Arial,sans-serif;
}

#home-locations a.home-location img {
    height: auto;
    width: 100%;
}

#home-locations a.home-location .overlay-text span {
    left: 15px;
    bottom: 7px;
}

#home-locations a.home-location .overlay-text span {
    position: absolute;
    left: 15px;
    bottom: 7px;
}

.overlay-text span {
	position: absolute;
    left: 30px;
    bottom: 7px;
    text-align: left;
    font-size: 18px;
    line-height: 20px;
    max-width: 100px;
}

.overlay-text {
    height: 100%;
    position: absolute;
    width: 100%;
    color: #fff;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
}

a:hover .overlay {
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 100%;
    max-width: 150px;
    border-radius:4px;
}

@media all and (min-width: 1200px) {
	a:hover .overlay {
		left:20px;
	}
	#aboutSection img {
		margin-left: 20px;
	}
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	.searchIcons {
		margin:0 10px 24px !important;
	}
}

@media all and (min-width: 768px) and (max-width: 991px) {
	#featuredOpt img, #programOpt img {
		left:-40px !important;
	}
	#keyOpt i.fa.fa-search {
		margin-left: -6px !important;
	}
	.searchIcons {
		margin:0 5px 24px !important;
	}
	#aboutSection img {
		max-width: 150px;
	}
	.overlay-text span {
		left:10px !important;
	}
	#aboutSection a:nth-child(1),#aboutSection a:nth-child(2),#aboutSection a:nth-child(3) {
		margin-bottom: 25px;
	}
}

@media all and (max-width: 607px) {
	.overlay-text span {
		left:10px !important;
	}
	#aboutSection img {
		max-width: none !important;
	}
	#aboutSection a {
		max-width: 190px !important;
	    display: block !important;
	    margin: 30px auto !important;
	}
	a:hover .overlay {
		max-width: none !important;
	}
}

@media all and (min-width: 608px) and (max-width: 767px) {
	.overlay-text span {
		left:10px;
	}
	#aboutSection a:nth-child(1),#aboutSection a:nth-child(2),#aboutSection a:nth-child(3) {
		margin-bottom: 25px;
	}
}

@media all and (max-width:767px){
	.sectionHeader{
		height:auto;
	}
	.sliderSection{
		display:none;
	}
}

.item a:hover .fa {
	background-color: rgba(0, 0, 0, 0.8);
}

.owl-item h1, .owl-item a {
	font-family: "Helvetica Neue LT Std 45 Light","HelveticaNeueLTStd-Lt","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}

.owl-item .item a {
	color:white;
	font-size:18px;
	text-decoration: none;
	margin-right:3px;
	font-weight:bold;
}

.owl-item .item a i {
    border: 2px solid;
    padding: 10px 18px 10px 22px;
    margin-right: 15px;
}

.mt19 label {
	margin-top:19px !important;
}

#searchSection {
    background: #e6e5e2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #e6e5e2 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #e6e5e2));
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #e6e5e2 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%, #e6e5e2 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%, #e6e5e2 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%, #e6e5e2 100%);
}

#searchSection .searchIcons {
	border:none !important;
	box-shadow: none !important;
	background-color: rgba(0,0,0,0);
}

#searchSection a {
	text-decoration: none;
}

a.searchIcons {
	text-decoration: none;
}

#aboutSection img {
	border-radius: 4px;
	max-width: 150px;
}

#aboutSection a {
	max-width: 175px;
	display:inline-block;
	margin:0 20px;
	position: relative;
}

@media all and (max-width: 1195px) and (min-width: 975px) {
	#aboutSection a {
		margin:0 15px;
	}
	.overlay-text span {
		left:10px;
	}
}

#searchSection .btn.btn-primary {
	transition:none !important;
	-webkit-transition:none !important;
	-moz-transition:none !important;
	-o-transition:none !important;
}

.fa-4x.fa-search {
	font-size: 4em !important;
	margin-top: 25px !important;
}

.fa span {
	font-family: "HelveticaNeueLTStd-Lt","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif !important;
	font-size: 0.9em !important;
}

#moreSearch-org h4.subtle.ac, #moreSearch-keyword h4.subtle.ac {
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}

#moreSearch-org div.checkbox-inline > label {
	font-size: 24px;
}

#moreSearch-keyword p.subtle-notice {
	font-size: 20px !important;
}


/* Onboarding Section */
ul.onboarding-list li {
    padding: 8px;
    border-bottom:1px solid #ddd;
}
.onboarding-list li.success{
	background: #fff;
}
.onboarding-list li.current{
	background: #fffcd1;
}
.onboarding-list li.warning{
	background: #fffcd1;
}
.onboarding-list li.danger{
	background: #f9cabd;
}
.onboarding-list li.disabled{
	background: #eee;
	color:#666;
}
ul.onboarding-list {
    list-style: none;
    padding: 0;
    font-size:1.1em;
}
ul.onboarding-list .btn{
	float:right;
}
ul.onboarding-list .btn-primary{
	margin-top: -25px;
}
ul.onboarding-list .btn-primary.btn-sm {
    padding: 4px 8px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px;
}
#onboarding_steps_list .ob-value{
	margin-right:20px;
}
#onboarding_steps .ob-date{
	display:none;
}
#onboarding_steps .danger .ob-date{
	display: inline-block;
    font-size: 0.9em;
    font-style: italic;
    margin-left: 10px;
    padding: 3px;
    background: #fffaad;
}
#onboarding_steps .ob-step-num{
	margin-right: 10px;
    background: #eee;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
}
#onboarding_steps .current .ob-step-num{
	background:#fff696;
}
#onboarding_steps .warning .ob-step-num{
	background:#fff9ad;
}
#onboarding_steps .danger .ob-step-num{
	background:#f7b2a0;
}
#onboarding_steps .disabled .ob-step-num{
	background: #ddd;
}
#onboarding_steps .onboarding-next-step{
    padding: 20px 10px;
    background: #e3f9ea;
    margin-bottom: 1px;
    font-weight: bold;
}
#vol_status_place{
    padding: 10px;
    background: #e3f9ea;
    margin-bottom: 20px;
    font-weight: bold;
}
#onboarding_steps .ob-group:after {
  content: "";
  display: table;
  clear: both;
}
#onboarding_steps .ob-info {
    font-style: italic;
    font-size: 0.9em;
}
#onboarding_steps .current .action-text{
	background:#FFFCD1;
	padding:6px 0 6px 10px;
	font-weight:bold;
	font-size:1em;
	margin-top:-35px;
	float: right;
}
#full_obd_list h4{
	font-weight:900;
	margin-top:20px;
}
.training-list #onboarding_finalization_list_hdr, .training-list #onboarding_finalization_list{
	display:none;
}
.training-list .success{
	opacity:0.6;
}
#training_list li.grayed .ob-status > strong {
	display:none;
}
ul.onboarding-list > li.grayed {
	background: #EDEDEE;
}
li.grayed a.notes {
	display:none;
}
li.grayed span {
	color: darkgrey;
}
/******Finished Onboarding******/

#ref_references_2 span.requireIndicator {
	display:none;
}

h3.panel-title {
	color:white;
	font-weight: 600;
    letter-spacing: 0.2px;
}

.panel-success > .panel-heading {
    color: white;
    background-color: #178CCB;
    border-color: #2e6da4;
}

.panel-warning > .panel-heading {
    color: white;
    background-color: #EC1848;
    border-color: #ac2925;
}

.panel-warning {
    border-color: #ac2925;
}

.panel-success {
    border-color: #2e6da4;
}

.panel-duplicate > .panel-heading {
    color: #8a6d3b;
    background-color: #ec971f;
    border-color: #d58512;
}

.panel-duplicate {
    border-color: #d58512;
}

#TypeListAvailableLayer td>div {
	width: auto !important;
}

#refine-search-content-1 input {
	color:#333 !important;
}

#remove_from_slot_link.button {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

#remove_from_slot_link.button:hover, #remove_from_slot_link.button:focus {
    background-color: #d43f3a;
}

#ATTACH_BRIEF {
    background: #fff none repeat scroll 0 0;
    border: medium none;
}

.datepicker {
	z-index: 99999;
}

/* Parent element can be any width and height */ 
.parent{
	position: fixed;
	width: 100%; /* can be any width */
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	text-align: center;
}

.parent:before{ /* pseudo element to force vertical centering of child element */
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.parent:after{ /* pseudo element to create overlay */
	background: black;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.5;
	z-index: 10;
}

/* Centered child element can be any width and height */ 
.centeredchild{
	position: relative; /* position element to participate in z-indexing */
	z-index: 20; /* higher z-index than overlay */
	display: inline-block;
	vertical-align: middle;
	width: 80%; /* can be any width */
}

/* Video container to maintain Youtube 16:9 aspect ratio */ 
.videowrapper{
	position: relative;
	padding-top: 25px;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	height: 0;
}

/* Make Youtube IFRAME responsive */ 
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#spinner {
	height:100vh;
	width:100vw;
	position:absolute;
	z-index:99999999;
	background:rgba(33,33,33,0.7);
	top:0;
	transition: ease-in 1s;
	-o-transition: ease-in 1s;
	-moz-transition: ease-in 1s;
	-webkit-transition: ease-in 1s;
	transition-delay:2s;
	-o-transition-delay:2s;
	-moz-transition-delay:2s;
	-webkit-transition-delay:2s;
}

#spinner > span {
	position:absolute;
	top:50%;
	right:50%;
	z-index:99999999999999;
	color:white;
	margin-right:-75px;
	text-align:center;
	transition: ease-in 1s;
	-o-transition: ease-in 1s;
	-moz-transition: ease-in 1s;
	-webkit-transition: ease-in 1s;
	transition-delay:2s;
	-o-transition-delay:2s;
	-moz-transition-delay:2s;
	-webkit-transition-delay:2s;
}