/* header menu */
nav ul li a{      
  display: block;      
  padding: 0 20px;
  color: #FFF;      
  line-height: 55px;
  font-family: "Droid Sans";      
  font-size: 14px;
  /* text-transform: uppercase; */
}

nav ul li a:hover{        
  background: #605F5F!important;      
  color: #FFF;            
}

nav ul li.active{
	background: #605F5F;
}

ul{
  list-style: none;
}  

.navbar-collapse.in {
    overflow-y: initial;
}   

.header-logo {
	padding:15px 10px;
}
.span-small-text {
	color:#7C7B7B;
	font-size:15px
}
.span-bold-text{
	color:#333333;
	font-weight:bold;
	font-size:15px;
}
.span-number-text{
	color:#D72A2C;
	font-size:25px;
	font-weight:bold
}

.home-hero-image {
	height:350px;
	background:url('../images/oduseebackground.jpg') no-repeat fixed 0 50%  rgba(0, 0, 0, 0);
	background-size: cover;
	margin-bottom:30px
}

.header-info {
	float:right;
}

@media (max-width: 320px) {
	#newlogo{
		width:300px;
	}
	.header-info{
		text-align:center;
		float:none;
	}	
}

@media (max-width: 360px) {	
	#newlogo{
		width:300px;
	}
	.header-info{
		text-align:center;
		float:none;
	}
	.newlogo-container{
		text-align: center;
	}	
}

@media (max-width: 480px) {
	.header-info{
		text-align:center;
		float:none;
	}	
	.newlogo-container{
		text-align: center;
	}	
	ul li small{
		/*display: block;*/
	}
}

@media (max-width: 640px) {	
	.header-info{
		text-align:center;
		float:none;
	}
	.newlogo-container{
		text-align: center;
	}
	.home-hero-image { 		
		background: url('../images/oduseebackground.jpg') no-repeat 0 50% rgba(0, 0, 0, 0);
	}
}

/* header menu */

*{
	font-family: "Droid Sans";      
}

/* JOBS DETAILS PAGE */
@media (max-width: 1023px) { 
	.desc div{
		padding-top: 7px;
		padding-bottom: 20px;
	}
}

/* PROFILE PAGE */
@media (max-width: 480px) {
	#profilePicContainer, img.profilePic{		
		/*width:230px!important;	
		margin-left: 0px!important;		*/	
		width:250px!important;		
	}
	.profile-pic-padding{
		width:250px!important;				
		/*height:250px!important;	
		width:230px!important;		*/
	}
}
@media (max-width: 767px) {
	.profile-pic-padding{
		margin:0 auto;
	}
}

@media (max-width: 990px) {
	.profile-pic{
		margin-bottom: 10px;		
	}
	#jobsMini{
		display: none
	}
	.sort {
		margin-left:15px
	}
}
@media (max-width: 767px) { 
	#general-jumbo .navbar-collapse{
		max-height: 100%;
	}
		
    .nav-tabs > li {
        float:none;
        border:1px solid #dddddd;
    }
    .nav-tabs > li.active > a{
        border:none;
    }
    .nav > li > a:hover, .nav > li > a:focus,
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
     {
        background:none;
        border:none;
    }

    /* profile pic upload */
    #uploadPicWrapper{
    	margin-bottom:10px;
    }
	
	.navbar-toggle .icon-bar{
		background-color: #FFFFFF;
	}

	#registerTooltip{
		display: none!important;
	}
	#signinTooltip{
		display: none!important;
	}
	.about-us-image{
		margin-bottom: 15px;
	}	
}

img.profilePic {
	/*width:100px;*/
	/*height: 120px*/
}

.list-group-item{
	border:0;
}

.media{
    /*box-shadow:0px 0px 4px -2px #000;*/
    margin: 0px 0px 20px 0;
}
.dp{
    border:10px solid #eee;
    transition: all 0.2s ease-in-out;
}
.dp:hover{
    border:2px solid #eee;
    transform:rotate(360deg);
    -ms-transform:rotate(360deg);  
    -webkit-transform:rotate(360deg);  
    /*-webkit-font-smoothing:antialiased;*/
}

.mandatory{
	color:maroon;
	font-weight: bold
}
.tab-content{
	padding:20px 5px;
}	
	.tab-content ul li, .desc p, .desc li{
		line-height: 30px;
	}
	.tab-content ul li span{
		display: inline-block;
		text-align:left;
  		width: 200px;  		
	}
		.tab-content ul li small{
			color : #777;			
		}			
		.td-content {
			color : #777;			
			font-size: 12px
		}

.editAnchor{
	float:right;
	margin-right:-170px
}

/*:invalid {
     border: 2px solid #ff0000;
}*/

/*--
Author: Nieli2
Author URL: base_url()
License: Driver's License
License URL: http://www.lto.gov.ph/
--*/
.is_error{
	color: red;
	text-align: center;
}
.table td{
	font: -webkit-control;
}
.centerize{
	text-align: center;
}
.centerize_pad{
	text-align: center;
	padding: 7px;
}

.st_sharethis_large{
	background-image: url(../images/social_media/sharethis_32.png);
	width: 32px;
	height: 32px;
	display: inline-block;
}
.st_facebook_large{
	background-image: url(../images/social_media/facebook_32.png);
	width: 32px;
	height: 32px;
	display: inline-block;
}
.st_twitter_large{
	background-image: url(../images/social_media/twitter_32.png);
	width: 32px;
	height: 32px;
	display: inline-block;
}
.st_linkedin_large{
	background-image: url(../images/social_media/linkedin_32.png);
	width: 32px;
	height: 32px;
	display: inline-block;
}
.st_pinterest_large{
	background-image: url(../images/social_media/pinterest_32.png);
	width: 32px;
	height: 32px;
	display: inline-block;
}
.st_email_large{
	background-image: url(../images/social_media/email_32.png);
	width: 32px;
	height: 32px;
	display: inline-block;
}
a{text-decoration:none;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,top-nav,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
.clear{clear:both;}
ul.list1 li{
	margin-bottom:6%;
}
ul.list1 li img{
	float:left;
	margin: -20px 1.5px;
}
.desc{
	float:left;
	/* margin-top: -6px; */
	width:83.5%;
}

.desc h4{
	font-size: 1.15em;
	color: #000;
	margin-bottom:8px;
	font-family: 'Droid Sans', sans-serif;
	margin-left: 10px;
	font-weight: 600;
}
.desc p{
	color:#777;
	font-size: 1em;
	font-family: 'Droid Sans', sans-serif;
	margin-left: 10px;
	margin-right: 10px;
	/* font-weight: 600; */
}

.desc ul li, .desc .value{
	color:#777;
	font-family: 'Droid Sans', sans-serif;
	font-weight: 100;
	margin-right: 26px;
}

.desc .value{
	margin-bottom: 10px;
}

.initial{
	padding-bottom: 30px;
}

.process-top-grid-left{
	text-align: center;
	margin-bottom: 20px;
}
.process-top-grid-left h3,.process-bottom-grid-right h3{
	font-size: 2.2em;
	color: #1E1912;
	padding: 0.5em 0 0.5em 0;
	display: block;
    font-family: 'Droid Sans', sans-serif;
    font-weight: 100;
} 
.process-top-grid-left h3 span,.process-bottom-grid-right h3 span{
	font-weight:600;
	font-size:1.2em;
} 
.process-top-grid-left p,.process-bottom-grid-right p{
	font-family: 'Droid Sans', sans-serif;
	color: #5F5F5F;
	line-height: 1.6em;
	font-size: 1em;
	font-weight: 600;
	padding-bottom: 0.8em;
}
.middle-bottom{
	padding: 2% 0;
}
		
.grey{color: #ccc;}
.green, .success{color: #008800;}
.red, .error{color: #FF0000;}
.orange{color:#E67E22;}
.blue {color:#2980B9;}

.bg-green{
	background-color: green;
}

.bg-gray{
	background-color: #ccc;
}

.bg-red{
	background-color: red;
}

.bg-gray{
	background-color: #232323;
}

.bg-light-gray{
	background-color: #ECF0F1;
}

.bold{
	font-weight: bold;
}

.note{
	font-size: 0.750em;
	color: #428cb3;
}

.default-padding{
	padding: 10px 20px;
}

/** ------- footer ------- **/
.footer{	
	padding: 20px;
}

.footer, .small-font, .error, .success{
	font-size: 14px;
}

.mob-email{
	padding-top: 10px;
	padding-bottom: 0px;
}

.mob-copyright{
	padding: 0;	
}

.link-container ul{
	padding-top: 15px;
}

.social-media{
	margin-top:20px;
	padding:20px;
	background:#2B2B2B;
}

/** ------- register ------- **/
html, body{
	height: 100%;
}

.fieldset-legend{
	border-bottom: 1px solid #dddddd; /* #d9edf7; */
	padding: 10px;
}

.pusher-wrap{
	height: auto;
    min-height: 66.2%;
}

.captcha-container{
	padding: 10px 0;
}

/** ------- contact-us ------- **/
#contact-us textarea{
	resize: none;
}

#contact-us #map-Canvas{
	height: 247px;
	margin-bottom: 15px;
}

#contact-us .caption, #faq .caption, #about-us .caption{
	font-weight: bold;
	font-size: 1.250em;
}

#faq .caption, #about-us .caption{
	margin-top: 15px;
	margin-bottom: 15px;
}

#contact-us .address, #faq .question, #faq .answer, #about-us .context{
	line-height: 25px;
}

#contact-us .social-separator{
	margin: 10px 0px 20px;
	width: 125px;
}

.hero-unit {
	background: url("../images/business-backgrounds.jpg") no-repeat scroll 0 0 / cover  rgba(0, 0, 0, 0);
	color: inherit;
	font-size: 18px;
	font-weight: 200;
	line-height: 30px;
	padding: 60px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
}

.hero-unit h1 {
	color: inherit;
	font-size: 3em;
	line-height: 1;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.hero-unit p {
	color: inherit;
	font-size: 1.5em;
}

/** ------- forget-password ------- **/
.fp-link{
	color: #428cb3 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
	line-height: normal !important;
    padding: 0 0 10px !important;
    text-align: right;
    text-transform: capitalize;
}

.fp-link:hover, .fp-link:focus{
	background-color: transparent !important;
	color: #F28D35 !important;
	cursor: pointer;
}

/** ------- faq ------- **/
#faq .question{
	background-color: #F6F6F6; /* #D9EDF7; */
	color: #333333; /* #31708f; */
	cursor:  pointer;
	font-size: 0.938em;	
	font-weight: unset;
	padding: 10px;
}

#faq .question-active{
	background-color: #DDDDDD; /* #ffc367; */
	/* color: #FFFFFF; */
}

#faq .answer, #faq .faq-list-2 p{
	color: #565656;
    font-weight: 500;
}

#faq .answer{
	padding: 25px;
}

#faq .answer, #about-us .context{
	font-size: 0.938em;
	text-align: justify;
}

#faq .accordion li{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: -40px;
}

#faq .faq-list-2{
	list-style-type: disc;
}

.hr-border, .err-msg{
	display: none;	
}

/* Glyph, by Harry Roberts */
hr.style-eight {
	padding: 0;
	border: none;
	border-top: medium double #ccc;
	color: #ccc;
	text-align: center;
}
hr.style-eight:after {
	content: "";
	display: inline-block;
	position: relative; 
	top: -0.7em;  
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}

/** ------- applicant job references / ads ------- **/
#job-references .checkbox{
	margin-bottom:12px;
	margin-top:12px;
}

@media (min-width: 768px) {

	.padding-20{
		padding: 20px 0;
	}
	
	.mob-email{
		padding-top: 0;
	}

	.link-container ul{
		text-align: left;
	}

	.share-link-container{
		padding-top: 10px;
	}	
	
	.copyright-container{
		padding-top: 15px;
	}
	
	.copyright-container p{
		text-align: right;
	}	
	
 	#contact-us .address{
		float: left;
		width: 50%;
	}
	
	#contact-us .social-separator, #about-us .context-separator{
		border-bottom: 1px solid #CCCCCC;
	}
	
	#about-us .context{		
		margin: 0 25px;
	}

	.hr-border{
		display: block;
	}
	
	#faq .hr-border{
		margin-bottom: 30px;
	}
	
	.rm-container{
		padding: 5px 0px 5px 33px;
	}		
	#registerDropdown{
		margin-right:-90px;
	}

}

@media (min-width : 800px) and (max-width : 1280px) {
	
	.pusher-wrap{
		min-height: 89%;
	}
}


/*** JOBS (list, searchbox) ***/

.loading-bar {
	padding: 10px 20px;
	display: block;
	text-align: center;
	box-shadow: inset 0px -45px 30px -40px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	margin: 20px 0;
	font-size: 2em;
	font-family: "museo-sans", sans-serif;
	border: 1px solid #ddd;
	margin-right: 1px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}

.loading-bar:hover {
	box-shadow: inset 0px 45px 30px -40px rgba(0, 0, 0, 0.05);
}

.jobs-list{
  margin:0;
  padding-bottom:20px;
  font-family: 'Droid Sans', sans-serif;
  color: #666;
  font-weight:100;
}

.form-group > label{
  font-weight: 600;
  color: #666;
 /*  margin:10px 0; */
  margin-top: 10px;
  margin-bottom: 10px;
}

.as_active{
  color: #333333;
  background: #f5f5f5
}

#dropdown-list{
    max-height: 187px;
    overflow: auto;
    width:100%;
    /*top: 33px;*/
    /*position: relative;*/
    /*left: 50px;*/
    /*box-shadow:none;*/
}

.label.label-primary {
    display: block;
    float: left;
    margin: 3px;
}

p{
  font-family: 'Droid Sans', sans-serif;
  color: #666;
  font-weight:100;
  padding:10px 0;
}

@media only screen and (max-width:640px){
	.form-control{
		width:100% !important;
	}
}

@media only screen and (max-width:480px){
	#personalDetailsTab span {
		width:100% !important;
	}
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 9px solid transparent;
	
	border-bottom: 10px solid #333;
}

.error-border{
	border: 1px solid #d72a2c;
}

.profile-pic-padding{
	height:120px;
	width:120px;
	overflow:hidden;
}

.main-header.container-fluid, 
.main-header.container-fluid>.container { padding: 0; }
	.nav.navbar-nav.navbar-right { background: #333; padding: 0 15px 15px;  }

	
/*media queries*/
@media (min-width: 768px) { 
	.nav.navbar-nav.navbar-right { background: none; margin: 0; padding: 0; }

}
@media (min-width: 992px) { 
	.nav.navbar-nav.navbar-right { background: none; padding: 0; }

}
/*bootstrap overide*/
.navbar-static-top { border-width: 0; }

/*missi*/
.messi-titlebox.success{
	background: #D72A2C !important;
}
.messi-content{
	padding: 27px 10px !important;
}

select > optgroup{
	color: #870003;
}
select > optgroup > option{
	color: #555;
}

/*for the static upper portion of the website*/
.stafixnov{
  position:fixed;
  width:100%;
  background-color:#fff;
  z-index: 9;
}
@media (max-width: 640px) {
  .stafixnov{
    position:initial;
    width:100%;
    background-color:#fff;
    z-index: 9;
  }
  .stafixclearnov{
  	height: initial !important;
  }
  .multipleselect{
  	height: initial !important;
  }
}