/* CSS Document */

/* CRO Login ==================================================== */
html{ height:100%;}
body.login-cro{ background:#e9e9e9; height:100%; position:relative; display:block; vertical-align:middle; }
body.login-cro #left-container{ background:#fff; width:38%; position:absolute;top:0; bottom:0;}
body.login-cro #left-container h2{ font-size:180%; margin:0 0 0 5%; position:absolute; top:45%; float:left; line-height:150px; bottom:45%;}
body.login-cro #left-container h2:after{ content:"\F023"; float:right; display:inline-block; height:150px; width:150px; border-radius:100%; background:#343a41; margin-right:-10%; text-align:center; font-family:'FontAwesome'; font-size:100px; color:#fff; line-height:140px;}

body.login-cro div#loginbox{width:500px; height:350px; background-color:#fff; position:absolute;left:40%; top:30%;}
body.login-cro div#loginbox:before{ content:" "; background-color:#fff; transform:rotate(45deg); width:30px; height:30px; position:absolute; left:-15px;
-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); top:48%;}


body.login-cro div#loginbox form{ margin:20px; width:auto; padding:20px 0 10px 40px;}
body.login-cro div#loginbox form label{ display:inline-block; width:100px; margin-right:10px;}
body.login-cro div#loginbox form input[type="text"],body.login-cro div#loginbox form input[type="password"]{ display:inline-block; width:300px;}
body.login-cro div#loginbox form a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}








/* Consumer Login ==================================================== */

body.login-consumer{ background:#fff; }
body.login-consumer #top-container{position:relative; width:100%; max-height:58%;}
body.login-consumer #bottom-container{ position:relative; width:96%; margin:0 2%; padding-top:1%;}

body.login-consumer #top-container hgroup{ position:absolute; bottom:2%; left:2%;}
body.login-consumer #top-container hgroup h1{ font-size:65px;}
body.login-consumer #top-container hgroup h2{ font-size:35px;}
body.login-consumer #top-container hgroup p{ font-size:25px; font-weight:200; font-family:source sans pro;}

body.login-consumer #top-container img{ margin:auto; float:none; display:block; height:100%; width:auto;}


body.login-consumer div#loginbox form{ margin:20px; width:auto; padding:10px 0 10px 10px;}
body.login-consumer div#loginbox form label{ display:inline-block; width:100px; margin-right:10px;}
body.login-consumer div#loginbox form input[type="text"],body.login-consumer div#loginbox form input[type="password"]{ display:inline-block; width:300px;}
body.login-consumer div#loginbox form a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}

body.login-consumer .checkbox label:before{ background:#36a9e1;}


body.login-consumer div.circle{ float:right; display:inline-block; height:150px; width:150px; border-radius:100%; text-align:center; font-family:'FontAwesome'; font-size:100px; color:#fff; line-height:140px; margin:-5% 0 0 -0.5%; border:12px solid #fff; font-family:}
body.login-consumer  footer{padding-top:20px !important;}
body.login-consumer #bottom-container footer a{ margin:0 10px; color:#55606e;}


/* Enterprise Login ==================================================== */


body.login-enterprise{ background:#fff; height:99.5%; }
body.login-enterprise #top-container{ padding-top:50px; overflow:visible; position:relative;}

body.login-enterprise div.circle{
  height:150px; width:150px; border-radius:100%; text-align:center; font-family:'FontAwesome'; font-size:100px; color:#fff; line-height:140px;  margin: 0px auto;
}


body.login-enterprise div#loginbox{ width:468px; height:290px; margin:2% auto 0; position:relative;}
body.login-enterprise div#loginbox form{ margin:20px 10px; width:auto; padding:10px 0 10px 10px;}
body.login-enterprise div#loginbox form label{ display:inline-block; width:100px; margin-right:10px;}
body.login-enterprise div#loginbox form input[type="text"],body.login-enterprise div#loginbox form input[type="password"]{ display:inline-block; width:300px;}
body.login-enterprise div#loginbox form a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}
body.login-enterprise div#loginbox form input[type="text"].error,body.login-enterprise div#loginbox form input[type="password"].error{ border-bottom:1px solid #ca1714;}

body.login-enterprise footer a { margin:0 10px;color:#55606e !important;}




/* Text colors */

body,p{ color:#55606e;}

.dark1{ color:#343a41;}
.dark2{ color:#55606e;}
.light1{color:#aab7b7}
.light2{color:#e9e9e9;}
.blue{ color:#36a9e1;}
.red{ color:#cd4237;}
.green{ color:#24afb2;}
.white{color:#fff;}

/*  Backround Color */

.bg-dark{ background:#343a41;}
.bg-dark2{ background:#55606e;}
.bg-light1{background:#aab7b7}
.bg-light2{background:#e9e9e9;}
.bg-blue{ background:#36a9e1;}
.bg-red{ background:#cd4237;}
.bg-green{ background:#24afb2;}
.bg-white{background:#fff;}




.validation-summary-errors{
	overflow:hidden;
	background-color: #f2dede;
	border:1px solid #ebccd1;
	color: #a94442;
	padding:10px 10px 0;
	margin:0 0 20px;
}
.validation-summary-errors ul{
	margin:0;
	padding:0;
	overflow:hidden;
	color:#a63b39;
	font-size:15px;
	line-height:18px;
}
.validation-summary-errors ul li{
	margin:0 0 5px;
	background:url(../images/alert-error.png) no-repeat;
	background-size:15px 15px;
	padding:0 0 0 20px;
}
#setpasswod{
	width:468px;
	margin:0 auto;
	padding:40px 0;
}
#setpasswod label{
	width:120px;
	text-align:right;
	float:left;
}
#setpasswod .textbox-holder{
	overflow:hidden;
	padding:0 21px;
}
#setpasswod input[type="text"],#setpasswod input[type="password"]{width:100%;}
#setpasswod .row-text{
	overflow:hidden;
	margin:0 0 20px;
}
.success-msg{
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}
.success-msg p{
	color:#3c763d;
	font-size:20px;
	text-align:center;
}
/*Changed Login CSS to Handling Flexible Logo Size*/
.circle-line {
    position:relative;
}
.circle-line:before {
    position: absolute;
    height: 40px;
    background: #343a41;
    content: "";
    width: 100%;
    left: 0;
    top: 37%;
    z-index:-1;
}