body {
	margin:0px;
	width:100%;
	height:100%;
	color:#7f7f7f;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#page{
	width:100%;
	height:calc(100% - 110px);
	float:left;	
	background-image:url(../images/bgLog.jpg);
	background-repeat:repeat;
	background-size:100% 100%;
	overflow:hidden;
}

#footer{
	width:100%;
	height:110px;
	background-color:#373b3f;
	float:left;
	padding:15px;
	box-sizing: border-box;
}

.col-md-50{
	width:50%;
	float:left;
	height:100%;
	text-align: center;
	box-sizing: border-box;
	position:relative;
}

.col-md-50:first-child{
	border-right:2px solid #a5a5a5;		
}
/*
.col-md-50:before,
.col-md-50 {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}*/


.col-md-logo:before,
.col-md-logo {
    content: "";
    display: inline-block;
    height: 105%;
    vertical-align: middle;
}

	
div.formrow{
	line-height:16px;
	padding-bottom:20px;
	position:relative;
	z-index:1;
	width:100%;
	margin:auto !important
}
.nowp{
	white-space:nowrap
}

div.formrow div.label.top{
	line-height:19px;
	width:100%;
}

div.formrow
div.label{
	color:#808080;
	padding-bottom:12px;
	white-space:normal
}

input::-moz-placeholder{
	color:#686868;
	font-size:14px;
	font-style:normal
}

input,span.pseudoinput,select,textarea,button{
	font-size:14px
}

input.ls-spr.email{
	background-position:0 -30px !important
}

input.error{
	border-color:#E66968
}

input.inset,span.pseudoinput.inset,textarea.inset{
	box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.1) inset
}

input[type="text"],input[type="email"],input[type="password"],span.pseudoinput{
	min-width:150px
}

input[type="text"],input[type="password"],input[type="email"],span.pseudoinput,select,textarea{
	background-color:#E3E1E1;
	border:1px
	solid #D0D0D0;
	border-radius:2px;
	box-shadow:0 0 0 1px rgba(255, 255, 255, 0.01);
	display:inline-block;
	margin:0;
	outline:0
	none;
	overflow:visible;
	padding:11px
	5px 11px 50px;
	transition:all 0.1s linear 0s;
	width:289px
}

input.ls-spr.password{
	background-position:0 -70px !important
}

div.formrow input[type="checkbox"]{
	margin:0;
	padding:0;
	vertical-align:text-bottom}label{padding-left:5px;
	position:relative;
	top:1px
}

button,a.button{
	-moz-border-bottom-colors:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	background-color:#0088CE;
	border-color:#C0392B;
	border-image:none;
	border-style:solid;
	border-width:1px;
	color:#FFF !important;
	text-shadow:0 -1px 0 #006EAA
}

button{
	z-index:1
}

button,a.button{
	border-radius:2px;
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.2);
	cursor:pointer;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	height:auto;
	line-height:normal;
	padding:8px 20px 9px;
	text-decoration:none
}

button.gray,a.button.gray{
	background: -moz-linear-gradient(center top , #FCFCFC 0%, #EEE 80%) repeat scroll 0 0 rgba(0,0,0,0)
}

button.gray,button.gray:hover,button.gray:active,a.button.gray,a.button.gray:hover,a.button.gray:active{
	-moz-border-bottom-colors:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	border-color:#BBB #BBBBBB #999;
	border-image:none;
	border-style:solid;
	border-width:1px;
	color:#555 !important;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.6)
}

.clr{clear:both}

input.ls-spr.password{
	background-position:0 -70px !important
}

.ls-spr{
	background-image:url(../images/sprite.png) !important;
	background-repeat:no-repeat !important
}



.box-login{
	width:480px;
	margin:auto !important;
	height:100%;	
	display:table;
}


.table-login{
	width:480px;	
	display: table-cell;
  	vertical-align: middle;
	
}

.table-login th h1{
	font-size:25px !important;
	color:#7f7f7f;
	padding:0px;
	margin:0px;
	font-weight:normal;
	float:left;
}

.col-md-50 th .fa{
	font-size:60px !important;
	color:#7f7f7f;
	float:left;
}



.bgwhite{
	background-color:#fff;	
	border:1px solid #7f7f7f;
	padding:40px;
	margin-top:15px;
	width:480px;
	box-sizing: border-box;
}

#btnSubmit{
	margin-left:5px;	
}

.formrow a {
	color:#7f7f7f;
	text-decoration:none;	
}


.container {
  display: block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #C0392B;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fa-lock{
	font-size:20px !important;
	margin-right:2px;
}

.clr5{
	clear:both;
	height:5px;	
}

#buttons{
	width:100%;
	margin: auto !important;
	margin-top:-30px !important;
	padding:0px;
}

#buttons li{
	width:33%;
	float:left;
	list-style:none;
	border-right:2px solid	#a5a5a5;
	box-sizing: border-box;
}

#buttons li a{
	color:#7f7f7f;
	text-decoration:none;
}

#buttons li:last-child{
	border-right:none;
}

.logo{
	max-width:600px;	
}

@media(max-width: 1400px){
	#buttons{
		width:100%;	
	}
	
	#buttons li a{
		font-size:13px;
	}
}

@media(max-width: 1230px){
	.logo{
		max-width:400px;
	}
}

@media(max-width: 1010px){
	#buttons li{
		width:33%;
		margin-top:20px;
		border:none;	
	}
	
	#buttons{
		margin-top:-90px !important;	
	}
	
	.box-login,table-login{
		width:380px;		
	}
	
	.bgwhite{
		padding:20px;	
	}
	
	input[type="text"],input[type="password"],input[type="email"],span.pseudoinput,select,textarea{
		width:220px
	}
}

@media(max-width: 835px){
	#buttons{
		width:100%;
		margin: auto !important;
		margin-top:0px !important;
		padding:0px;
	}
	
	#buttons li{
		width:33%;
		float:left;
		list-style:none;
		border-right:2px solid	#a5a5a5;
		box-sizing: border-box;
	}
	
	.col-md-50{
		width:100%;
		float:left;
		position:relative;	
	}
	
	.col-md-50:first-child{
		height:150px;	
	}
	
	.col-md-50:last-child{
		height:400px;	
	}
	
	.box-login{
		height:400px;	
	}
	
	#page{
		overflow:visible;	
	}
	
	.col-md-logo::before {
		display:none	
	}
	
	#page,.col-md-50:last-child, .box-login{
		height:auto !important;	
	}
	
	.col-md-50:first-child{
		height:120px;	
	}
	
	#footer{
		margin-top:20px;	
		padding-bottom:10px;
	}
	
	.hidebr{
		display:none;	
	}
}

@media(max-width: 470px){
	#buttons li{
		width:100%;
		border-right:0px !important;
	}
	
	.logo{
		width:100% !important;		
	}
	
	
}

@media(max-width: 408px){
	
	

	.box-login, .table-login{
		width:100%;	
		display:block;	
	}
	
	.bgwhite{
		padding:15px;
		width:100%;	
	}
	
	input[type="text"], input[type="password"], input[type="email"], span.pseudoinput, select, textarea{
		width:100%;	
	}
	
	#btnSubmit{
		margin-left:0px;
		margin-top:20px;
		width:100%;	
	}
	
	.col-md-50:first-child{
		height:100px;	
	}
	
	
	
	
}