@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body{
  width:986px;
  margin:0 auto;
  padding-top: 2em;
  font-family: "Open Sans", sans-serif;
}


.content-logo{
  float: left;
  margin-right: 1em;
}

.content-title{
  color:#fbfbfb;
  float: left;
}


.logo-title{
  float: left;
  color:#004d9c;
  display: block;
  font-size: 1.4rem;
  padding-top: 22px;
  padding-bottom: 6px;
}

.logo-des{
  color:#5d6878;
  font-size: 0.9rem;
  display: block;
  float: none;
  clear: both;
}

section.content-cols{
  padding: 2em 2em 0em 2em;
  float: left;
  width: 100%;
  clear: both;
}

section.col-1{
  clear: both;
  float: left;
  width: 43%;
  padding-right: 2em;
  padding-top: 3em;
  padding-left: 1em;
}

.padlock{
  float: left;
  margin-top: 15px;
  margin-right: 15px;
}

h1{
  color:#0000ff;
  font-weight: 300;
  font-size: 1.4rem;
}

.col-1 > h1 {
	width: 340px;
}

.des-h1{
  padding-bottom: 2em;
  line-height: 25px;
}

a{
  color:#155773;
  text-decoration: none;
}

a:hover{
  color:#155773;
  text-decoration: underline;
}

a.href-with-info{
  float: left;
}

img.information{
  margin-left: 6px;
  margin-top: 3px;
  float: left;
}

input[type='text'],input[type='password'],select{
  width:360px;
  height: 40px;
  border-left:1px solid #d9e2e9;
  border-top:1px solid #d9e2e9;;
  border-bottom:1px solid #9eb7cd;
  border-right:1px solid #9eb7cd;
  padding-left: 1em;
}

p{
  padding: 0;
  margin:0;
}

div.content-pass{
  padding-top: 1em;
  padding-bottom: 1.5em;
}

.change-pass{
  clear: both;
  padding-top: 5px;
}

label{
  padding-left: 1em;
  padding-bottom: 0.5em;
}

label.pass{
  padding-top: 1.5em;
}

section.col-2{
  padding-top: 1.5em;
}

section.col-1 label {
    clear: both;
    display: block;
}

section.col-2 label{
  clear: both;
  display: block;
}

.btn-login{
  background: #0053a7;
  border: 0px;
  text-align: center;
  color:#FFF;
  width:360px;
  height:50px;
  font-size: 1.2rem;
}

footer{
  float: left;
  width: 100%;
  clear: both;
  border-top: 1px solid #dcdcdc;
  margin-top: 3em;
  padding-top: 1em;
  display: table;
  table-layout: fixed;  
}

footer > div{
	text-align: center;
	display: table-cell;
}

footer a{
  color:#999999;
  font-size: 0.8rem;
}

footer a:hover{
  text-decoration: none;
}

.content-info-forgot{
  float: left;
}

.content-info-forgot:hover .content-modal {
  display: block;
}

.content-modal{
  display: none;
  position: absolute;
  width: 200px;
  background: #FFF;
  margin-left: 31px;
  padding: 1em 2em 1em 2em;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.19), 0 2px 38px rgba(0, 0, 0, 0.2);
  margin-top: -22px;
}

.content-modal:before{
  content: " ";
  width: 0;
  border-left: 0px solid #f0ad4e;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 19px solid #FFF;
  position: absolute;
  left: -13px;
  top: 20px;
}

.modal-title{
  font-weight: bold;
  display: block;
  padding-bottom: 1em;
}

.modal-des{
  line-height: 23px;
}

#credentials_table_header {
	max-width: 360px;
}

#credentials_table_header > font,
#credentials_table_postheader > font {
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
}
 
#credentials_table_header > font,
#credentials_table_postheader > font > font{
	border: 0; 
	border-color: #ebccd1 !important; 
	padding: 10px; 
	border-radius: 4px; 	
	background-color: #f2dede; 
	line-height: 2em;
	color: #a94442 !important; 
	display: inline; 
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone; 
}


/*#MessageDIV >h3{
margin-left:47%;
}*/

#label_input_3{
	padding-top: 1.5em;
}

div.inspectionHostDIVBig
{
    border: 2px solid black;
    visibility: visible;
    position: absolute;
    top: 5%;
    left: 5%;
    width: 80%;
    height: 73%;
    padding: 5%;
    padding-top: 4%;
    width: expression( "90%" );
    height: expression( "90%" );
    background: #ffffff;
    opacity: 0.9;
    filter: alpha(opacity=95);
    text-align: center;
    z-index: 5;
}

#IHoptions{
	width: 100%;
    text-align: center;
}

/*
#input_1, #input_2, #input_3{
	margin-left: 4px;
}
*/

/*** Logout Page ***/
section.content-logout{
  padding: 2em 2em 0em 2em;
  float: left;
  clear: both;
  height: 60%;
  display: table;
  width: 80%;
}

.content-logout > div {
	display:table-cell;
	vertical-align: middle;
	padding-left: 25%;
}

#logout-message-icon {
	padding-right: 15px;
	display:table-cell;
}

#logout-message {
	display:table-cell;
	vertical-align: top;
	padding-top: 8px;
}

#logout-message  h1{
	margin-top: 0px;
}

#logout-message  div{
	font-size: 0.9rem;
}

#logout-message  p{
	margin-top: 1em;
}

footer .logo1 img{
	margin-bottom: 10px;
}

footer .logo1 span,
footer .logo2 span,
footer .logo3 span,
footer .logo4 span{
	color: #999999; 
	font-size: 0.8rem;
}

@media (max-width: 768px) {
/*@media (max-width: 981px)  {*/
    /* For mobile phones: */
	html{
		height: 100%;
		display: table;
		margin: auto;
	}
	
	body{
		width:100%;
		padding:0;
		height: 100%;
		display: table-cell;
		vertical-align: middle;
	}
	
	.col-1 .des-h1{
		display:none;
	}

	.col-1 .content-pass{
		display:none;
	}
	
	footer{
		display:none;
	}

	.content-cols{
		float:none !important;
	}
	
	section.content-cols{
		padding:0;
	}
	
	header{
		padding-top: 0.5em;
		padding-left: 1em;
	}
	
	.logo-title{
		padding-top: 0px;
	}
	
	.content-logout > div {
		padding: 0;
	}		
}