/*
 * Style tweaks
 * --------------------------------------------------
 */

/*color
	red(primary) - #b51200
	red(hover- buttons) - #920e00
	gray(primary background) - #333
	gray(navigation) #aaa
*/


html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  /*padding-top: 70px;*/
  font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 
  font-family: 'robotolight','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 	
  padding-top: 0px;
  padding-bottom: 20px;
  background: #333;	  
}

.wrapper{position: relative; z-index: 2000; margin-top: 0px; background: #333; }
.container-fluid{margin-top: 0px; }
.jumbotron {padding: 0px; }

.white{background: #fff; }
.dark{background: #333;}

.light {color: #aaaaaa; }
.red{color: #b51200; }
.primary-color{color: #b51200; }
a.primary:hover{color: #920e00;}

a.red:hover{color: #b51200; text-decoration:underline; }

hr {border-top-color: #b51200; }

.page-header{}
.page-title{font-size: 26px; color: #333;  }
.content-main{
	padding: 20px 30px; 
	font-size: 14px; 
	line-height: 1.5em; 
}

/*Content===========================*/
.jumbotron{margin-top: 50px; }

/*Forms================================*/

.form-control{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#fff;
	-moz-box-shadow:inset 0px 0px 6px #ccc;
	-webkit-box-shadow:inset 0px 1px 6px #ccc;
	box-shadow:inset 0px 1px 6px #ccc;
	}
.form-control:focus{
	border-color: rgba(181, 18, 0, 0.8);
	border-color: #b51200; 
	outline: 0; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(181, 18, 0, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(181, 18, 0, 0.6);
	}
	
label.label{font-size: 14px; color: #666; }


/*Buttons==============================*/

.btn {font-family: 'robotoregular','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
button.btn.btn-primary{color: #fff; backgrouind-color: #bf1200; border: none; }
button.btn.btn-primary:hover{background-color: #920e00; }

/*Main Nav Bar=======================*/

:focus{outline: 0; /*removes the dotted line*/}

.navbar{
		margin-bottom: 0px; 
		margin-top: 10px;
		font-family: 'robotoregular','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;  
		
		}
.navbar-brand img{margin: 0px; max-width: 200px; height: 0;   }
.navbar-brand, .img-responsive {max-width: 200px; }
.navbar-inverse{background: #333; color: #aaaaaa; border: none; }
.collapse.navbar-collapse{margin-bottom: 0px; margin-left: 35px;  }/*Added margin-left 10052015*/
/*ADDED 05222017 to move the menu to the left in mobile view*/
@media screen and (max-width: 767px) {
.collapse.navbar-collapse{ margin-left: -45px;  
   
  }

}

.navbar {margin-left: 15px; position: relative; z-index: 3000; }


.navbar-nav{margin-left: 15px; padding-top: 75px; font-size: 16px; }

.navbar-inverse .navbar-nav > li > a{color: #aaa; }


.navbar-nav > li > a{padding-top: 10px; padding-left: 0px; padding-right: 30px; padding-bottom: 10px; }

ul.nav.navbar-nav.right{margin-right: -35px; }


.navbar-invers .navbar-nav > li > a{margin-left: 0px; }
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus{
	color: #b51200; 
	background: #333; 
	}


ul.nav.navbar-nav.right{float: left; margin-top: 0px;padding-top: 0px;  }	

@media (min-width: 768px) {
  ul.nav.navbar-nav.right{float: right; padding-top: 75px;}
  .navbar-brand{margin: 0 auto; width: 190px; }
  
}

@media (max-width: 768px) {
  ul.nav.navbar-nav.right{float: left; padding-top: 0px;}
  .navbar-brand{margin: 0 auto; width: 190px; }
  .navbar-nav{padding-top: 0px; }
}

/*Pagination=========================*/
ul.pagination.pagination-sm {margin: 20px 40px; }
.pagination>li>a, .pagination>li>span{
	color: #b51200; 
	}
.pagination>li>a:hover{
	color: #920e00; 
	}

/*Side Bar===========================*/
#sidebar {width: 13%; }
#sidebar{margin-top: 20px;  }
button.filterToggle{margin-left: 15px; }
.nav .open > a, .nav .open> a:hover, .nav .open> a:focus{
	background-color: #333; 
	border-color: none; 
	}
.nav > li > a:hover, .nav > li > a:focus {background-color: #333; }
div.well.sidebar-nav ul li{color: #aaaaaa; }
.nav ul li{list-style: none; text-align: left; display: block;}

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 10px;
}

a.dropdown-toggle {text-align: center; line-height: 1em; }
a.dropdown-toggle img {margin-bottom: 0px; }
.dropdown-menu{background: #333; }

.sidebar-nav{ 
	background: #333;
	border: none; 
	padding-right: 0px; 
	margin-right: 0px; 
	font-family: 'robotoregular','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 	
	}
.sidebar-nav ul li a {color: #aaa; }
.sidebar-nav ul li a:visited {color: #aaa;background: #333;  }
.sidebar-nav ul li a:hover {color: #eee; background-color: #333; }
.sidebar-nav ul li a:active {color: #aaa; }


.btn-primary{ margin-left: 15px; background: #b51200; border-color: #333;  }

button.btn-primary:hover{ background: #666; border-color: #333; outline: none;  }
button.btn-primary:active{ background: #666; border-color: #333; outline: none;  }
button.btn-primary:visited{ background: #666; border-color: #333; outline: none;  }
button.btn-primary:focus{ background: #b51200; border-color: #333;  outline: none; }


/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 15px;
  margin: 0 -15px 15px;
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #fff;
  border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}

form.well{
	background: #eeeeee; 
	padding: 8px;
	max-width: 90%; 	
	}
	
.navbar-form{padding: 0px; margin: 0 auto;}
#sidebar{margin: 0 auto;  }
form.navbar-form{margin: 0 auto; }
input.form-control{width: 100%; }

.navbar-form .form-group {
   margin-left: 0px; 
   margin-bottom: 15px; 
}

.btn-primary{margin-left: 0px; }

@media (max-width: 768px) {
  
	#sidebar{width: 200px}

}

/*Home Page==========================*/

h1#replace
{
	font: 0/0 a;
  	text-shadow: none;
  	color: transparent;

}

.header img{max-width: 80%; padding-top: 3em; }

h2.header{
		font-size: 18px; 
		color:  #0474d2; 
		text-shadow: 1px 1px 1px #001c45;
		font-family: 'robotobold','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 	
		}

h3.header{ font-size: 21px;  font-family: 'robotoregular','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
p.header{ width: 90%; font-size: 18px; font-family: 'robotoregular','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
ul.header{font-family: 'robotobold','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }

div.homePage{
	/*Changed 10102016 by Jessica to use loading.gif*/
	/*background: url(../images/WebsiteUnavailable.png);*/
	background: url(../images/loading.gif);
	/*END changed 10102016*/
	background-repeat:no-repeat;
	background-size: auto; 
	background-position-x: 50%;  
	

 }
img.img-responsive.homePage{width: 100%; margin-top: -20px; }


.form-control.homeSearch {width: 40%; }

div.container-large.homePage{ width: 100%; max-width: 1400px; margin: 0 auto; min-height: 700px; position: relative; }
div.homeSearchFields{ 
	width: 90%; /*added 10292014*/
	padding: 20px 50px; 
	background: rgba(250, 250, 250, 0.75); 
	margin-top: 10%; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:inset 0px 0px 6px #ccc;
	-webkit-box-shadow:inset 0px 1px 6px #ccc;
	box-shadow:inset 0px 1px 6px #ccc;
}

.input-group {width: 100%; margin: 10px auto; } 

div.companyDesc{
	width: 90%; /*added 10292014*/
	/*background: rgba(250, 250, 250, 0.75);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:inset 0px 0px 6px #ccc;
	-webkit-box-shadow:inset 0px 1px 6px #ccc;
	box-shadow:inset 0px 1px 6px #ccc;*/ 
	
	}
.companyDesc{text-align: center; margin-top: 30px; margin-bottom: 50px; margin-left: auto; margin-right: auto;  }

.companyDesc ul li{list-style: none; font-size: 21px;  }
.center-in-span{
	float: none; 
   margin: 0 auto; 
   text-align: center; 
   display: block; 
   width: auto; 
   height: auto;
} 

div.container.col-lg-10.companyDesc{margin-left: auto; margin-right: auto; }
@media (min-width: 768px) {
  div.row.homePageSearch{
	  max-width: 1400px;
	  }
	h2.header{ 
				color: #b51200; 
				font-size: 30px; 
				text-shadow: 1px 1px 1px #666;
				font-family: 'robotobold','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 	
				}
	.companyDesc{text-align: center; margin-top: 30px; margin-bottom: 50px; margin-left: auto; margin-right: auto;  }
	.companyDesc ul li{list-style: none; font-size: 21px;  }
	h3.header{ font-size: 24px; color: #333; text-align: left; }
	h4.header{ font-size: 21px; color: #333; font-family: 'robotoregular','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }

	.center-in-span{
		float: none; 
   		margin: 0 auto; 
   		text-align: center; 
   		display: block; 
   		width: auto; 
   		height: auto;
	} 

ul.list-group li{
	text-align: left; 
	margin-left: 0%; 
	max-width: 90%;
	}

.list-group.homePage ul li{ font-size: 24px;  }

}

/*.boxItems{background: #b51200; border: 1px solid #920e00; padding-bottom: 10px;  
.boxItems{background: none; border: none; padding-bottom: 10px;  }*/

.boxItems h4 {color: #e8e8e8; font-family: 'robotoregular','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
.boxItems span.company{color: #000; font-family: 'robotoregular','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
.boxItems span.location{color: #000;}

a.btn.btn-default{margin-top: 10px; }


/*Job Search Page==========================*/
@media (min-width: 1200px) {
  .container {
    width: 970px;
	margin-right: auto; 
	margin-left: auto; 
  }
}


/*
 * Masthead for nav
 */

.search-masthead {
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
   box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}


/*Hyper Apply===================================== */

button.hyperApply{margin-top: 20px; }

/*alternate right side witout hyper apply*/
#rightSide ul li img{max-width: 150px; margin-bottom: 25px;  }

/*search name and description===================*/

.search-job-main{padding: 0px;  }
.search-job-header {
  padding-top: 20px;
  padding-bottom: 20px;
}
.search-job-title {
  margin-top: 30px;
  margin-bottom: 0;
  /*font-size: 60px;*/
  font-weight: normal;
}
h3.search-job-title{font-size: 21px; color: #b51200; background: #eeeeee; padding: 3px; line-height: 1.25em;  }

.search-job-meta {
  font-size: 14px;
  color: #999;
}

.search-job-company {
  font-size: 16px;
  color: #666;
}

.search-job-location {
  font-size: 16px;
  color: #666;
}
.search-job-description {
  font-size: 16px;
  color: #333;
}

/*
 * Main column and sidebar layout
 */

div.search-job-main{padding: 20px 30px; }

.search-main {
  font-size: 18px;
  line-height: 1.5;
}

/*Job Search Details Page ==============*/
.job-resp h4{
		font-family: 'robotobold','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 
		border-bottom: 1px dotted #b51200; }
.job-require h4{
		font-family: 'robotobold','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 
		border-bottom: 1px dotted #b51200; }


/*About Us Page=====================*/.search-resume{}
.section-header {
	max-width: 90%; 
	font-size: 21px; 
	color: #b51200; 
	background: #eeeeee; 
	padding: 3px; 
	line-height: 1.25em;  
	}
p.section {font-size: 16px; color: #333; max-width: 90%}
h3.section-header{
	font-family: 'robotoregular','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 
	
	} 
.section-services{
	margin: 10px; 
	padding: 10px;
	min-height: 200px;
	max-width: 90%; 
	font-size: 14px;   
	background: rgba(238, 238, 238, 0.75);
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:inset 0px 0px 6px #ccc;
	-webkit-box-shadow:inset 0px 1px 6px #ccc;
	box-shadow:inset 0px 1px 6px #ccc;   
	
	}
.section-services h4{
	font-family: 'robotolight','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 
	}
.section-services img{padding-right: 10px; }

/*Resume Search=====================*/
.search-resume{}
.search-resume-name {font-size: 21px; color: #b51200; background: #eeeeee; padding: 3px; line-height: 1.25em;  }
.search-resume-meta {font-size: 14px; color: #999;}
.search-resume-title {font-size: 16px;; color: #666; }
.search-resume-location{font-size: 16px; color: #666; }
.search-resume-experience {font-size: 16px; color: #333; }
span.search-resume-company{color: #999; }


/*Resources Page =====================*/
li.list-group-item a {color: #b51200; }
li.list-group-item a:visited {color: #666; }
li.list-group-item a:hover {color: #b51200; text-decoration: underline; }
li.list-group-item a:active {color: #b51200; }

/*Employer Page =====================*/
h4.section{font-family: 'robotoregular','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }

/*Contact Page========================*/
.address h4 {font-family: 'robotoregular','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
.hours h4 {font-family: 'robotoregular','lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }

/*Login Page =========================*/
.ipAddress {font-size: 11px; color: #999; }
p.loginPage{font-size:12px;  color: #666; max-width: 450px; margin-left: auto; margin-right: auto; margin-top: 110px; margin-bottom: 0px; }
p.loginPageFooter{font-size: 12px; color: #666; max-width: 450px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 0px;}
.login-form{ margin-top: 10px; display: block; width:461px; height: 308px;  background: url(../images/login/loginBG.png) no-repeat; padding: 0px; }
.form-signin {
  /*max-width: 330px;*/
  padding: 15px;
  margin: 0 auto;
  border: none; 
}

h2.form-signin-heading{
	margin-top: 0px; 
	margin-left: 0px;
	padding: 10px 20px;  
	color: #fff; 
	background: #b51200; /* Old browsers */
	background: -moz-linear-gradient(top,  #b51200 1%, #920e00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b51200), color-stop(100%,#920e00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b51200 1%,#920e00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b51200 1%,#920e00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b51200 1%,#920e00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b51200 1%,#920e00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b51200', endColorstr='#920e00',GradientType=0 ); /* IE6-9 */

	}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
  margin-left: 30px; 
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon{background: #fff; }

ul.loginIcons{ 
	display: inline-block; 
	width: 125px; 
	height: 30px; 
	}
ul.loginIcons li a{
	 width: 25px; 
	 height: 25px; 
	}
	
ul.loginIcons li{margin-left: 0px; }

/*Footer============================*/
footer.container{margin-top: 50px; }
footer.container h4{color: #eee;text-align: left; border-bottom: 1px dotted #aaa; padding-left: 5px; margin-left: 5px;  }
footer.container a{color: #aaa; }
footer.container a:visted{color: #aaa; }
footer.container a:hover{color: #eee; text-decoration: none; }
footer.container a:active{color: #aaa; }

ul.footerSection {text-align: left; margin-left: 0px; padding-left: 10px;  }

/*
 * 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 */
	
	
  }
}

/*==========FAQ page==============*/
.question{font-weight: bold; }


/*ADDED class to create space between the search and clear button when the browser window is minimized*/
button.search{margin-top: 3px; margin-bottom: 5px; }
