/*
 * Style sheet
 */
 
*{ margin:0px; padding:0px; outline: none;}
html, body {margin:0; padding:0; height:100%; min-height:100%;
font-size: 1rem;
}

/*body {
	font-family: 'PT Sans', Droid Sans, Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	color:#000000;
}*/
.main-container{
	margin-top: 100px;
}
.navbar ul li{
	padding: 0px 20px;
    margin-top: 0px;
    position: relative;
    top: 1px;
} 
.inner_wrap {
    margin-top: 60PX;
}
.contentWrap{
	margin-top: 90px;
}
#wrapper { width:980px; margin:0 auto; min-height:100%; }
* html #wrapper { height:100%; }

/*h1,h2,h3,h4,h5,h6,p,a,em,span,ul,li,ol,img,form {
	margin:0;
	padding:0;
	list-style:none;
	font-style:normal;
	font-weight:normal;
	border:none;
}*/
input, textarea {
	outline:none;
}
a {
	/*color:#789f2c; color:#000033; */
	color: #0D6EFD;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
a.noline:hover {
	text-decoration:none;
}

.hrline{ border-bottom:1px solid #CCCCCC; clear:both; margin-bottom:10px; margin-top:5px;}
.space20{ height:20px;}
.space40{ height:40px;}
.clr{ clear:both;}


/*@font-face { font-family: MyriadProRegular; src: url('https://humbercareerfinder.com/fonts/MyriadPro-Regular.otf'); } 
@font-face { font-family: MyriadProBold; font-weight: bold; src: url('https://humbercareerfinder.com/fonts/MyriadPro-Bold.otf'); } 
@font-face { font-family: MyriadProCond; src: url('https://humbercareerfinder.com/fonts/MyriadPro-Cond.otf'); }
@font-face { font-family: MyriadProSemiboldCond; src: url('https://humbercareerfinder.com/fonts/MyriadPro-SemiboldCond.otf'); }
@font-face { font-family: MyriadProLight; src: url('https://humbercareerfinder.com/fonts/MyriadPro-Light.otf'); }*/


/* FORM ELEMENTS -------------------------------------------------[S]------------------------------------------------- */
.fieldWrap{ width:auto; height:auto; overflow:hidden; clear:both;}
.fieldRow{ width:auto; height:auto; overflow:hidden; clear:both;}
field20, .field50, .field100, .field112, .field115, .field120, .field130, .field150, .field155,.field160,.field170, .field180, .field200, .field220, .field230, .field232, .field250, .field300, .field350 {height:auto;float:left;padding:1px;margin:5px;overflow:hidden;} 
.field20{ width:20px;}
.field50{  width:50px;}	
.field100{ width:100px;}
.field112{ width:112px;}
.field115{ width:115px;}
.field120{ width:120px;}
.field130{ width:130px;}			
.field150{ width:150px;}
.field155{ width:155px;}
.field160{ width:160px;}
.field170{ width:170px;}
.field180{ width:180px;}
.field200{ width:200px;}
.field220{ width:220px;}	
.field230{ width:230px;}
.field232{ width:232px;}
.field250{ width:250px;}				
.field300{ width:300px;}
.field350{ width:350px;}

.common_fieldstyle {width:95%; font-size:12px; line-height:13px; color:#000000; margin-top:1px; margin-left:0; padding:1px;
background-color:#c7c8ca; border: 1px solid #d8d8d8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.common_drop{width:270px; height:auto; font-size:13px; color:#000000; line-height:20px; margin-top:2px; padding:5px; 
background-color:#ffffff; border:1px solid #d8d8d8;}
#common_submitbutton{width:auto; height:auto; cursor:pointer; font-size:13px; font-weight:800; color:#FFFFFF; padding:5px; overflow:hidden;
border:1px solid #9d3469;background-color:#b1479e;}
#common_submitbutton:hover{color:#FFFFFF; background-color:#9d3469;}




/* Layout Width */
.headerWrap, .contentWrap, .footerWrap, .homefooterWrap{ width:auto; height:auto; position:relative; overflow:hidden; }
.headerWrap .header, .contentWrap .banner, .footerWrap .footer, .homefooterWrap .footer, .wrapContainer
{ width:80% !important; }/* Layout Width */

.wrapContainer{position:relative; margin:0 auto; overflow:hidden;}
.homefooterWrap{ height:79px !important; margin-top:-79px;}
.footerWrap{ height:25px !important; margin-top:-25px;}

/* LAYOUT -------------------------------------------------[S]------------------------------------------------- */
/* Header Area*/
.headerWrap .header{ height:108px; position:relative; margin:0 auto; overflow:hidden;}
.headerWrap .header ul.mainmenu{ margin:0px; padding:0px; float:right; width:56.5%; height:108px; list-style-type:none; }
.headerWrap .header ul.mainmenu li{list-style-type:none; display:block; float:left; width:184px; height:108px; font-size:14px;
background-image:url("../img/mainmenuBg.jpg"); background-repeat:no-repeat; background-position:top center;}
.headerWrap .header ul.mainmenu li a{display:block; text-decoration:none; padding:20px 0px 0px 30px; text-align:center;}

.headerWrap .header ul.submenu{ margin:0px; padding:0px; float:right; width:40%; height:108px; list-style-type:none; }
.headerWrap .header ul.submenu li{list-style-type:none; display:block; float:left; width:125px; height:108px; font-size:14px;
background-image:url("../img/submenuBg.jpg"); background-repeat:no-repeat; background-position:0px -40px;}
.headerWrap .header ul.submenu li a{display:block; text-decoration:none; padding:10px 0px 0px 0px; text-align:right;}
.headerWrap .header ul.submenu li a img{ width:95px;}

/*.headerWrap .header.homebg{background-image:url("../img/homeHeaderBg.jpg"); background-repeat:no-repeat; background-position:top left;}*/
/*.headerWrap .header.subpagebg{background-image:url("../img/subpageHeaderBg.png"); background-repeat:no-repeat; background-position:top left;}*/
.headerWrap .header.subpagebg span img{float:left; margin:30px 0px 0px 30px;}
.headerWrap .header.subpagebg .logo{ float:right;}
.headerWrap .header.subpagebg .logo img{ margin:45px 0px 0px -10px; z-index:1000;}


/* Banner Area*/
.contentWrap .banner{/*height:247px;*/ height:230px; position:relative; margin:0 auto; overflow:hidden; background-color:#fff;}
/*.contentWrap .banner.bannerbg{background-image:url("../img/bannerBg.jpg"); background-repeat:no-repeat; background-position:top left;}*/
.contentWrap .banner .heading{padding-left:100px; padding-top:10px;}
.contentWrap .banner h2{ /*color:#789f2c;*/ color:#000033; font-size:30px; text-transform:uppercase; font-weight:bold; text-align:center; line-height:36px;}
.contentWrap .banner h3{ color:#000000; font-size:22px; padding:5px; font-weight:bold; text-align:center; letter-spacing:-1px;}
.contentWrap .banner h4{color:#000000; font-size:18px; padding:5px; text-align:center; }
.contentWrap .banner .notice{ width:396px;height:204px; float:right; padding:20px 0px 0px 0px; margin-right:20px; background-image:url("../img/noticeBg.jpg");background-repeat:no-repeat;background-position:top left; margin-top:20px;}

/* Content Area*/
.contentWrap .contentContainer{height:auto; min-height:300px; position:relative; padding-bottom:40px;  margin:0 auto; overflow:hidden;}
.contentWrap .contentContainer .contentMargin{margin:20px 40px 0px 40px;}
.contentWrap .contentContainer .contentMargin .half{ width:50%; height:auto; float:left;}


/* Footer Area*/
.footerWrap .footer, .homefooterWrap .footer{height:auto; position:relative; margin:0 auto; overflow:hidden; background-color:#000036;}
.footerWrap .footer .logo, .homefooterWrap .footer .logo{ padding:16px 40px 16px 20px;}
.footMenu{ padding:2px 10px 10px 40px; color:#FFFFFF; text-shadow: 1px 1px 1px #a54a00;
filter: dropshadow(color=#a54a00, offx=1, offy=1); font-weight:bold;}
.footMenu a{ color:#FFFFFF;}


/* REGISTRATION -------[S]----  */
.contentWrap .registration{ width:auto; height:auto; margin:0 auto; overflow:hidden;}
.contentWrap .registration form strong{ font-size:18px; font-weight:200;}
.contentWrap .registration h2{ /*color:#789f2c;*/ color:#cc9900; font-size:34px; font-weight:200;}
.contentWrap .registration .registrationForm{ 
	height:auto;
	overflow:hidden;
	background-image:url("../img/RegistrationPageBg.png"); background-position:0px 0px; background-repeat:repeat-y;  
    padding-left: 50px;
	}
.contentWrap .registration .registrationFormStart{
width:852px; height:116px;
background-image:url("../img/RegistrationPageBgTop.png"); background-position:0px 0px; background-repeat:no-repeat; 
margin-top: -26px;
 
}
.contentWrap .registration .registrationFormEnd{
width:852px; height:42px;
margin-bottom:20px;
background-image:url("../img/RegistrationPageBgBottom.png"); background-position:0px 0px; background-repeat:no-repeat; 
}

.reg_submitbutton{width:215px; height:135px; cursor:pointer; display:block; font-size:13px; font-weight:800; color:#FFFFFF; padding:5px; overflow:hidden; background-image:url("../img/RegistrationButton.png"); background-repeat:no-repeat; background-position:center; background-color:#dcdcdc; border:none; outline:none;}
.reg_submitbutton:hover{background-image:url("../img/RegistrationButton.png"); background-repeat:no-repeat; background-position:center;}

.dontEnter{ position:fixed; height:231px; right:0px; top: 180px; z-index:1000;}


/* LoginPage -------[S]----  */
.loginDiv{ position:absolute; width:400px; height:auto; margin:0 auto; left:0; right:0; border:1px solid #dfdfdf; background-color:#f9f9f9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.loginDiv h2{ padding:12px; border-bottom:1px solid #f9f9f9; background-color:#f1f1f1;}
.loginDiv form{border-top:1px solid #dfdfdf}
.loginDiv .fieldRow{border-bottom:1px solid #dfdfdf; padding:12px 20px;}
.loginDiv .loginBottom{ width:auto; height:auto; overflow:hidden;}
.loginDiv .loginBottom span{ float:left; }
.loginDiv .loginBottom span a{font-weight:bold; font-size:12px; color:#7d7c7c; letter-spacing:1px; text-decoration:none; margin:20px 12px; display:block;}
.loginDiv .loginBottom span a:hover{ color:#333333;}
.loginDiv .loginButton{width:auto; height:auto; cursor:pointer; display:block; font-size:12px; font-weight:200; color:#000000; padding:8px 15px; overflow:hidden; background-color:#e7e7e7; border:1px solid #cfcfcf; outline:none; margin:12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  }
.loginDiv .loginButton:hover{ background-color:#eeeeee;}


/* RESULT PAGE -------[S]----  */
.contentWrap .resultDiv{}
.contentWrap .resultDiv p{ line-height:19px; font-size:17px; margin-bottom:10px; text-align:justify;}
.contentWrap .resultDiv h2{ /*color:#789f2c;*/ color:#cc9900; font-size:24px; font-weight:bold;}
.contentWrap .resultDiv h3{ color:#040404; font-size:16px; font-weight:bold;}
.contentWrap .resultDiv span{ color:#040404; font-size:14px; font-weight:bold; line-height:18px;}

.contentWrap .resultDiv ul{ margin-bottom:15px;}
.contentWrap .resultDiv li, .contentWrap .resultDiv li a{ font-size:15px; color:#84888b; font-weight:200; padding:2px;text-decoration:none; }
.contentWrap .resultDiv li a:visited{/*color:#789f2c;*/ color:#84888b;}
.contentWrap .resultDiv li a:hover{/*color:#789f2c;*/ color:#d4a927;}
.contentWrap .resultDiv li a.selected{/*color:#789f2c;*/ color:#84888b;}

.contentWrap .resultDiv  ul.normalListing{ list-style-type:disc !important; color:#040404; padding-left:10px; margin:10px 0px;}
.contentWrap .resultDiv  ul.normalListing li{ list-style-type:disc !important; color:#040404; padding-left:10px; margin-left:40px; font-size:13px; padding:2px;}

.contentWrap ul.submenu{ margin:0px; padding:0px; width:100%; height:150px; list-style-type:none; margin-left:30px;   }
.contentWrap ul.submenu li{list-style-type:none; display:block; float:left; width:150px; height:106px; margin:10px; font-size:14px;}
.contentWrap ul.submenu li a{display:block; text-decoration:none; padding:10px 0px 0px 0px; text-align:right;}

.flipBookButtons {  position: relative; margin: 0px auto; max-width: 800px;  }
.flipBookButtons div.submenu{ margin:0px; padding:10px 0px 0px 0px; width:100%; height:100px; list-style-type:none; margin-left:30px;   }
.flipBookButtons div.submenu .tab{list-style-type:none; display:block; float:left; width:80px; height:53px; margin:10px; font-size:14px;}
.flipBookButtons div.submenu .tab a{display:block; text-decoration:none; padding:10px 0px 0px 0px; text-align:right;}

.grayContainer{ background-color:#808080; color:#FFFFFF; padding:20px; line-height:18px;}
.grayContainer h2{ color:#FFFFFF;}
.grayContainer ul{ list-style-type:disc !important; padding-left:10px; margin:10px 0px;}
.grayContainer ul li{ list-style-type:disc !important; padding-left:10px; margin-left:40px; font-size:14px;}
.grayContainer ul span{ font-weight:bold; font-size:16px;}


/* Assessment Landing -------[S]----  */
.flipbookWrap .firstPage h2{ /*color:#789f2c;*/ color:#000; font-size:26px; font-weight:bold;}
.flipbookWrap .firstPage p{ line-height:25px; font-size:18px; color:#000000;}


/* added by Meena */
.required {
	color:#A90033;
	font-weight:bold;
	text-align:right;
}
.texbox_small {
    height:16px;
    width:70px;
}
.datepic {
     background:#C7C8CA url("../img/calendar.gif") no-repeat right center;
     border:1px solid #D8D8D8;
     /*width:90px;*/
     cursor:pointer;
}
.fieldRow span{ font-size:13px; font-weight:bold;}
/* User statistics report*/
.newWrapHeading {
    color: #789f2c;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 20px;
    text-align: right;
    margin-right:25px;
}
.newWrapHeading a{color: #789f2c; font-weight: bold;}

.tableBorder {
    border: 4px solid #789f2c;
}
.formTable_new {
    background: none repeat scroll 0 0 #789f2c;
}
.formTable_new th {
    background: none repeat scroll 0 0 #789f2c;
    color: #FFFFFF;
}
.formTable_new td {
    background: none repeat scroll 0 0 #FFFFFF;
}

/* Print report Button */
.print_reportbutton{width:auto; height:auto; cursor:pointer; display:block; font-size:16px; font-weight:800; color: #789f2c; padding:5px; overflow:hidden; outline:none; border:2px solid #789f2c; background-color:#FFFFFF;}
.print_reportbutton:hover{ border:2px solid #84888b; color: #84888b; }

/* list the cont in gray box for result page*/
.gray_div ul li {
    font-size: 12px;
    list-style-type: disc !important;
    margin-left: 10px;
    padding-left: 10px;
}
/*added for UAT#1-march 22-2012 - new project datepicker replaced by drop down*/
/*.formSelectBoxDay {
	background-color:#c7c8ca; border: 1px solid #d8d8d8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.formSelectBoxMonth {
	background-color:#c7c8ca; border: 1px solid #d8d8d8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.formSelectBoxYear {
	background-color:#c7c8ca; border: 1px solid #d8d8d8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}*/
.space10{ clear:both; height:10px; overflow:hidden;}
.btnContainer{ display:block; ; 
    margin-top: -60px;
    margin-bottom: 40px;



}
input.submitBtn{ padding:2px; height:30px; /*line-height:30px;*/ line-height:25px; display:inline-block; background:#789f2c; color:#fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc; width:70px; font-weight:bold; font-size:13px; cursor:pointer; }
.loadingImg{ display:inline-block; vertical-align:middle; margin:0px 10px;}



/* Social Share */
.socialShareContainer{ float:left; display:inline-block;margin:0px 10px;}
.socialShareContainer .shareBox{ float:left; display:inline-block;/* height:20px;*/ margin-right:10px; /*margin-top:-13px;*/}


.fb_edge_widget_with_comment{position:static;}
.fb_iframe_widget{position:static;}

.footerWrap .footer, .homefooterWrap .footer{overflow:visible;}
.headerWrap, .contentWrap, .footerWrap, .homefooterWrap {overflow:visible;}
.fb_edge_widget_with_comment span.fb_send_button_form_widget {top:auto !important;bottom:25px !important;left:0px;}
.copyright { font-size:12px; color: #fff; line-height:20px; float:right; }
.registerformconatainer{
	    width: 80%;
    border: solid 1px #eee;
    padding:30px 50px;
}
.submiter{
	padding: 30px 0px;
}

body .first_page {
	    top: 160px;
}
body .innerPageLeft div, body .innerPageRight div {
    margin-bottom: 15px;
}
body .innerPageRight .innerPageWrap{ 
	    font-size: 21px;
		    text-transform: capitalize;   
}
body .contentWrap .resultDiv ul{
	padding:0;
}
.contentWrap .contentContainer{
	margin-top: 30px;
}

.reportpanelleft{
	float:left;
	width:49%;
	height:auto;
}
body .assesmentSuccesMsg1{
	color: #fff;
    padding-top: 105px;
}
body .innerPageLeft .innerPageWrap{
	text-align: left;
}
#careerModal .modal-body{
		background: #00214d;
    color: #fff;
    font-size: 1.5rem;
    padding: 50px 0px;
    border-radius: 10px;
	}
#careerModal h6{
	font-size: 1.5rem;
}
.bg-transparent {
    margin-top: 30px;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #8f8f8f;
  margin: 5px 0;
  transition: all 0.3s;
}

.navbar-fixed-top {
  z-index: 9999;
  position: fixed;
  width: 100%;
  top:0;
}
.collapse:not(.show){
	display: block;
}
.navbar-collapse{
	flex-basis: auto;
}
@media only screen and (max-device-width: 768px) {
.headerWrap .header, .contentWrap .contentContainer, .contentWrap .banner, .footerWrap .footer, .homefooterWrap .footer, .wrapContainer
{
	width:100% !important;
}

.reportpanelleft{
width:100% !important;
}
.contentWrap .resultDiv h2 {
    font-size: 16px !important;
}
.contentWrap .contentContainer {
    margin-top: 1px !important; 
}
.contentWrap .contentContainer .contentMargin {
    margin: 20px 20px 0px 20px !important;
}
body .btnContainer {
    margin-top: 0px;
    margin-bottom: 20px;
}
.registerformconatainer {
    width: 100%;
	Padding: 20px;
}
.headerWrap .header, .contentWrap .contentContainer, .contentWrap .banner, .footerWrap .footer, .homefooterWrap .footer, .wrapContainer
 {
    width: 100% !important;
}
.contentWrap
 {
    margin-top: 70px;
}
.collapse:not(.show){
	display: none;
}
}


@media (max-width: 768px) {
.headerWrap .header, .contentWrap .contentContainer, .contentWrap .banner, .footerWrap .footer, .homefooterWrap .footer, .wrapContainer{
	width: 100% !important;
}
.navbar ul li {
    padding: 5px 3px;
}
.navbar-collapse {
    background: #fff;

	}
.navbar-toggle{
    margin-top: -5px;
		display: block;
}
.fym-header h1 {
    font-size: 2.25em;
}
.container .row img {
    max-width: 121px;
    height: auto;
    padding: 5px 0px;
    text-align: end;
    display: block;
    margin: 0 auto;
}
.btn-info {
    font-size: 15px;
    padding: 5px 15px;
}
.works-how .row h3 {
    text-align: center;
    padding-top: 0px;
    margin-bottom: 18px;
}
.works-how .row {
    padding-bottom: 10px;
	margin-bottom: 30px;
    border-bottom: solid 1px #b8aeae;
}
hr{
	display:none;
}
body .key-message .row section{
	top:0px;
}
.form_inner h3,
.form_inner p{
	text-align:center;
}
.navbar-header{
	width:100%;
}
.registerformconatainer {
    width: 100%;
    padding: 20px;
}
    .container, .container-sm {
        max-width: 100%;
}

}