@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);

html, body{

	min-height: 100%;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-weight: 400;

}

a{ font-size:14px; color:#000; }

a:hover{ text-decoration: none; color:#0066CC; }

a:focus{ text-decoration: none; outline:none; color:#000;}



.notes-login{

	float: left;

	width:64%;

}

.form-login{

	float: left;

	width: 35%;

}

.container-dw{

	padding-left: 15px;

	padding-right: 15px;

	margin-left:auto;

	margin-right:auto;

}



html, body{

	margin: 0;

	padding: 0;

	height: 100%;

	background: transparent;

	line-height: 1;

}



h1, .h1, h2, .h2, h3, .h3{

	margin-top:0px;

	margin-bottom:15px;

	*text-shadow: -1px 1px 2px #fff;

}

p{

	margin-top:10px;

	margin-bottom:10px;

}



.page-login{

	height: 100%;

	min-height: 600px;

	position: relative;

	border-radius:4px;

}



.page-login .text{

	color:#333333;

}



.panel-login label {

	font-weight:700;

	font-size:14px;

}

.panel-login .form-control, .panel-login select {

	margin-bottom:10px;

	font-size:16px;

	height:40px;

}



.panel-login{

	*background:rgba(19, 35, 47, 0.9);

	*border-radius: 4px;

	box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);

	padding:10px;

}



@media (min-width: 300px) {

	.page-login{

		padding: 5px; 

		margin:5px;

		margin-top:0;

	}

}



.login-body:before {

	content: '';

	position:absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	/*

	background-image: linear-gradient(to right,#9400D3,rgba(192, 233, 248, 0.5),#9400D3);

	*/

	background-repeat:repeat;

}



.radio, .checkbox{

	margin-bottom: 0px;

	margin-top: 0px;

}

.footer-login{

	position:fixed;

	bottom:0px;

	width:100%;

	display:block;

	margin:20px 0px;

	font-size:14px;

}

.footer-login a{

	color:#333333;

}

.linkbottom{

	padding:10px;

	padding-top:15px;

	width:100%;

	text-align:center;

	font-weight:bold;

}



.alert-block{

	color:#b94a48;

}	

.help-block{

	display:none;

}



@media (min-width: 768px) {

	.container-dw {

		width: 750px;

	}

	.page-login{

		padding: 5px; 

		margin:5px;

		margin-top:0;

	}

}

@media (min-width: 992px) {

	.container-dw {

		width: 970px;

	}

	.page-login{

		padding:15px; 

		margin:15px;

		margin-top:0;

	}

}

@media (min-width: 1200px) {

	.container-dw {

		width: 1070px;

	}

	.page-login{

		padding: 15px; 

		margin:15px;

		margin-top:0;

	}

}

.clearboth{

	clear:both;

}



.short-desc{

	width:100%; 

	border-bottom:1px solid #eee;

	padding-top:30px;

	padding-bottom:30px;

	margin-bottom:20px;

	font-size:20px;

	font-weight:500;

}

.long-desc{

	font-size:18px;

	padding-top:10px;

	width:80%;

	line-height:25px;

}



/*TODO:: request demo*/

.container-progress{

	padding-left: 15px;

	padding-right: 15px;

	margin-left: auto;

	margin-right: auto;	

}

.container-progress .text{

	font-size:17px;

	text-align:center;

	text-shadow:1px 1px 1px #efef;

	font-weight:500;

	color:#666666;

	line-height:30px;

}

.container-progress .logo{

	font-size:17px;

	text-align:center;

	margin-top:40px;

	margin-bottom:20px;

}

@media (min-width: 300px) {

	.container-progress{

		width:100%;

	}	

}

@media (min-width: 768px) {

	.container-progress{

		width:80%;

	}	

}

@media (min-width: 992px) {

	.container-progress{

		width:50%;

	}	

}

@media (min-width: 1200px) {

	.container-progress{

		width:50%;

	}	

}