html, body {
	margin:0;
	/* padding:10px; */
	height:100%;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
/* 	width:100%; */
	
	
}

td{
	cursor: pointer;
}

.exportPDF {
     cursor: pointer;
}

#btnExportToPDF{
	color: #fff;
    background-color: #002c80;
    border: none;
}


form {
	margin: 0px;
}




img {
	border-style: none;
	
}

#load{
	border-style: none;
	margin-left:80px;
}
	
}


th {
	font-size: 12px;
	font-weight: bold;
     text-align:left;

}



.boldUnderline {
	font-weight: bold;
	text-decoration: underline;
}

.centerText {
	text-align: center;
}

.logout {
	text-align: right;
    margin-top:-42px; 
    margin-right: 25px;
    

}

.logout1 {
	text-align: right;
    margin-top:-22px; 
    margin-right: 48px;
    

}

a {
	color: #002c80;
}

a:visited {
	color: #000000;
}


.black {
	color: black;
}

.red {
	color: #E12A2A;
	font-size: 130%;
}

.nomargin {
	margin: 0px;
}

.messages {
	font-weight: bold;
	color: red;
	padding-left: 10px;
}
/* Form controls */
label {
	font-size: 12px;
	font-weight: bold;
	margin-right: 4px;
}

.smallLabel {
	font-weight: normal;
	font-size: 10px;
}
.smallLabelShfLtf {
	font-weight: normal;
	font-size: 10px;
	margin-left: 15px;
}

input, textarea, select, .button, button {
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	margin-right: 4px;
	padding: 0px;
	font-weight: normal;
}

input.radio {
	margin-right: 0px;
	margin-left: 5px;
}

.button, button {
	background-color: #002c80;
	color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	height: auto;
/* 	width: 20%; */
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border: none;
	border-radius: 4px;
}



.disablebutton, button {
	background-color: #84878C;
	color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	height: auto;
	width: 20%;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border: none;
	border-radius: 4px;
	position:relative;
	left:20%;
}

.nonstatepaiddisablebutton,button {
  background-color: #84878C;
	color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
	border: none;
	border-radius: 4px;
}







.viewDashboardbutton {
	background-color: #002c80;
	color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	height: auto;
	width: auto;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border: none;
	border-radius: 4px;
	position:relative;
	left:20%;
}

.viewDashboarddisablebutton, button {
	background-color: #84878C;
	color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	height: auto;
	width: auto;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border: none;
	border-radius: 4px;
	position:relative;
	left:20%;
}



.pcabutton, button {
	background-color: #002c80;
	color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	height: auto;
	width: 19.5%;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border: none;
	border-radius: 4px;
}






.button_hover {
	background-color: #97c4fb;
	color: #000;
}





.clear {
	clear: both;
}





/* @media screen and (max-width: 598px)and (min-width: 520px) { */
/*  	table {  */
/*  		overflow-x: auto;  */
/*  		display: block;  */
/*  	}  */
/* } */

/* Hide header when printing any page */
@media print {
	.greeting { display: none; }
	#printButtons { display: none; }
	#container { padding: 0px; }
	.noPrint { display: none; }
}




.errMsg {
	color: red;
/* margin-top:12%; */
/* margin-left:48%; */
}


.errMsg1 {
	color: red;
margin-top:12%;
/* margin-left:25%; */
}


.pointerOnly {
	cursor: pointer;
	color: black;
	text-decoration: none;
}

#selectiveServiceErrorMessage {
	display: none;
}





.hidden {
    display:none;
}





.spacey { word-spacing: 20px; }



.browsehappy {
    padding: 0.2em 0;
    z-index: 1000;
    /* background-color: #eee;/*rgba(248, 248, 248, 0.95);*/
    background-color: yellow;
    font-size: 10px;
    /* height:320px;*/
    height:12px;
    width: 86%;
    position:fixed;
    padding-left: 100px;
    /*bottom: 0;*/
    top: 0;
    left: 10;
}


.newbanner {

  
   position: absoulte;
    top: 115px;
    padding: 15px;
    height: 60px;
    width: 1930px;
    margin-left: -600px;
    background-size: 100%;
}

.buttoncenter {
    margin:auto;
  display:block;
}

#hrconnect-header, .hrconnect-color-gradient { background: -webkit-gradient(linear, left top, right top, from(#0D1D4F), color-stop(50%, #0D1D4F), color-stop(50%, #980000), to(#980000)); background: linear-gradient(to right, #0D1D4F 0%, #0D1D4F 50%, #980000 50%, #980000 100%); }

#hrconnect-header { height: 122px; text-align: center; }

#hrconnect-header-inner { display: block; width: 100%; height: 95px; background: white; }

.hrconnect-logo { max-height: 122px; width: 100%; }

@media (max-width: 767.98px) { 
    #hrconnect-header, #hrconnect-header-inner { height: auto; } 
    _:-ms-fullscreen, :root #hrconnect-header, _:-ms-fullscreen, :root #hrconnect-header-inner { max-height: 118px; height: 100%  }
 
}
    
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.hrconnect-logo {
    max-height: 122px;
    width: 100%;
/*    max-width: 1242px;*/
    height: 100%;
    position: absolute;
}
}

nav3 {

    height:67px;
 margin-top:120px; 
}


.glyphiconcolor{
	
	color:#0D1D50;
}




.userid1{
	
	margin-left:20px;
	
}



#loadingscreen{
/* 
	background-color:  #caccce; */
    z-index: 999;
   /*  positon: fixed; */
    left: 50%; 
   top: 20%;
   /*  width: 15%; */
   /*  margin-top: 50%;
    margin-left: 50%; */
   font-size: 64px; 
    display:none;
    color:darkgrey;
   /*  padding:15px ;   */
    /* background-position: 10px center;  */

}

#vacancies >a{
	
	font-size:16px;
}

/* div.employeedetails_wrapper { */
/*         width: 800px; */
/*         margin: 0 auto; */
/*     }  */

    
    
    p {
    margin: 0 0 12px;
}
    
.expand:after{ 
   content: '\f067';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:5px;
   text-decoration:none;
    font-size:12px;
}  
  
  
  .collapse:after{ 
   content: '\f068';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:5px;
   text-decoration:none;
    font-size:12px;
}   
 
 
 
 .table {
         display:table;
         margin-right:auto;
         margin-left:auto;
         width:100%;
         table-layout: fixed;
         }
 
 
 
 
.employeeIdbutton{
 
 margin-top:1%;
 margin-left:3%
 
 }
 
 
 
.row_selected td
{background-color:#7799ff;}
 
 
 
 .fieldTable th {
/* 	background-color: #FFFFCC; */
	background-color: #F9E988;
	padding-left: 10px;
/* 	padding-right: 30px; */
	border: 1px solid #000;
	cursor: default;		
}

.fieldTable td {
	padding-left: 3px;
	padding-right: 3px;
/* 	border: 1px solid #000; */
	border: 1px solid #000;
	border-collapse: separate;
	border-spacing: 3px;
		
}


.dropdown th {
/* 	background-color: #FFFFCC; */
	background-color: #002c80;;
	padding-left: 10px;
/* 	padding-right: 30px; */
	border: 1px solid #000;
	color: #fff;		
}
 
 h3 {
    color: #002c80;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
}

h2 {
	color: #002c80;
	font-size: 16px;
	font-weight: bold;
}
 

 
 
 
 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:gray;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:gray ;
  
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:gray;
  
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:gray;
}