/* ----------------------------------------------- */
/* LOGIN PAGE STYLES							   */
/* ----------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Extra small devices (phones, less than 768px)																																				 */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Sticky footer 								   */
/* ----------------------------------------------- */
html { position: relative; min-height: 100%; }
/* Margin bottom by footer height */
body { margin-bottom: 30px; background:#000; }
/* Set the fixed height of the footer here */
.footer { position: absolute; bottom: 0; width: 100%; height: 30px; }

/* LOGIN PAGE - GENERAL STYLES 					   */
/* ----------------------------------------------- */
.topPad { position:relative; margin-top:20px; }
.bottomPad { position:relative; margin-bottom:20px;}

.topPadBtn { position:relative; margin-top:10px; }
.bottomPadBtn { position:relative; margin-bottom:10px;}

.topBrowserLine { position:relative; width:100%; height:1px; border-top:3px solid #3c8dbc; }
.logoContainer { position:relative; background:#ffffff; border-radius:0px 0px 5px 5px; padding:15px 0px 0px 0px; }
.loginLogoImg { position:relative; margin:0 auto; height: auto;  max-width: 83%; display: block;  }

.login-footer { font-size:12px; font-weight:bold; color:#000000; }

.box-header { position: relative; padding: 10px 20px; color: #444; display: block;}
.box-body { position: relative; padding: 10px 20px; border-radius: 0 0 3px 3px; }
.box-footer { position: relative; padding: 10px 20px; background-color: #ffffff; border-top: 1px solid #f4f4f4; border-radius: 0 0 3px 3px;}

/* Error messages */
.blockTxt { position:relative; display:block; }
.MessagePadRight { position:relative; padding-right:10px; display:block;}



/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Small devices (tablets, 768px and up)																																						 */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) { 

	.topPad { position:relative; margin-top:40px; }


 }



/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Medium devices (desktops, 992px and up)																																						 */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 992px) { 

	.topPad { position:relative; margin-top:60px; }
	.login-footer { font-size:14px !important; }
 }

 
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Large devices (large desktops, 1200px and up)																																				 */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) { 

	
	/* LOGIN PAGE - GENERAL STYLES 					   */
	/* ----------------------------------------------- */
	.topPad { position:relative; margin-top:90px; }
	.bottomPad { position:relative margin-bottom:20px;}

	
	.login-footer { font-size:14px !important; }


 }



/* ----------------------------------------------- */
/* VIDEO - STYLES	                               */
/* ----------------------------------------------- */
video {
	position:fixed;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-100;
	-webkit-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	background:url(https://www.cleansure.com/video/video.jpg) no-repeat;background-size:cover;
	-webkit-transition:1s opacity;
	/*
	transition:1s opacity}div{font-family:Agenda-Light,Agenda\ Light,Agenda,Arial\ Narrow,sans-serif;
	font-weight:100;
	background:rgba(0,0,0,.3);
	color:#fff;
	padding:2rem;
	
	width:33%;
	margin:2rem;
	float:right;
	font-size:1.2rem
	*/
	}