/*

 * Profile Related CSS

 */



.has-error-0{

	border-color: #B94A48;

	border-top-color: #B94A48;

	border-right-color-value: #B94A48;

	border-bottom-color: #B94A48;

	border-left-color-value: #B94A48;

	border-left-color-ltr-source: physical;

	border-left-color-rtl-source: physical;

	border-right-color-ltr-source: physical;

	border-right-color-rtl-source: physical;

	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;

}





.login-c1-2 {

	width:94%;

	margin-top:40px;

	background:#ffffff;

	z-index:100;

	margin-left:3%;

	border:1px solid #dcdcdc;

	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1)

}

.login-c2-2 {

	width:100%;

	background:#f2f2f2;

	color:#666;

	z-index:50;

	margin-top:20px;

	border:1px solid #dcdcdc;

	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);

	/*height : 300px;*/

}



.login-wrap {

	min-width: 240px;

	width : 100%;

	max-width : 640px;

}



@media (max-width:400px) {

	

.login-c3-2 {

		padding: 5px 2px;

		margin-left: 0%;

		width: 100%;

		height:54px;

		background:#006699 url('/images/login-blue.png') repeat-y left;

		z-index:10;

	}

}



 @media (min-width:400px) {

	.login-c3-2 {

		margin-left: 20%;

		width: 60%;

		height:54px;

		background:#006699 url('/images/login-blue.png') repeat-y left;

		z-index:10;

	}

	.login-c3-2 .right {

		margin-right:20px;

		margin-top:15px;

	}

	.login-c3-2 .left {

		margin-left:20px;

		margin-top:15px;

	}

	.login-c3-2 .left span {

		width:26px;

		height:26px;

		background:url('/images/login-home.png') scroll 0 0 no-repeat;

		display:block;

		float:left;

		margin-top:-3px;

		margin-right:5px;

	}



 }



.login-img {

	width:150px;

	display:block;

	margin:0 auto 10px;

}



.myprofile-login-bg {

/*	width:100%;

	height:100%;*/

	background:url('/asset/images/myprofile-login-bg.jpg') #fff scroll center center no-repeat;

	position:relative;

	background-size:cover;

}



/*

.login-wrap {

	width:250px;

	height:310px;

	background:transparent;

	margin:auto auto;

	position:absolute;

}

*/

/*-----------------Atlas Login Page CSS-----------------*/

.login-c0 {

	width:96%;

	height:54px;

	background:#006699 url(../../images/login-blue.png) repeat-y left;

	z-index:110;

	margin-left:2%;

	position:absolute;

	text-align:center;

}

.login-c0 h2{ font-size:22px; line-height:24px; font-weight:400; color:#fff; text-align:center; margin:7px 0 0;}



span.icon-update {

    background:url(/asset/myprofile/icon-update.png) no-repeat left top;

    display: inline-block;

    width: 38px;

	height: 38px;

	vertical-align:middle;

	margin:0 10px 0 0;

}

.cpadding20{padding:20px; /*overflow:hidden;*/}

.cpadding10{padding:10px;}

.logmargfix .chpadding50{ overflow:hidden; padding-top:10px; padding-bottom:10px;}

.logmargfix .chpadding50 .right{margin-right:30px;}

.logmargfix .left{margin-top:5px;}

.logmargfix .left a{ font-size:13px; color:#898989;}

/*.login-c1 p{ line-height:18px; margin:0 0 10px; color:#999999;}

a.f-info{color:#999999;}

.login-c1 label{ font-weight:400; color:#666666;}

.login-c1 .form-control{font-family: "Open Sans",sans-serif; font-size:14px; color:#666666; width:272px; height:42px; float:left;}

.mr20{margin-right:20px;}

.login-c1 label strong{ font-size:17px;}*/

/*.login-c1 .w342{ width:342px;}*/

.login-c3 a{ font-size:13px;}

.login-c3 .right a{ text-decoration:underline;}

span.ico-home {

    background: url(../../images/icon-home2.png) no-repeat left top;

    display: inline-block;

    height: 26px;

    margin-right: 5px;

    width: 26px;

	vertical-align:middle;

	

}

/*-----------------Atlas Login Page CSS End-----------------*/



@media (min-width:400px) {

.login-wrap {

/*	width:664px; &*/

/*	height:380px;*/

}

.cpadding50 {

	padding:50px;

}

.chpadding50 {

	padding:0 50px;

}





.alignbottom {

	right:50px!important;

}

.alignbottom2 {

	left:50px!important;

}



}



@media only screen and (max-width: 500px) {

.brochure {

	width:100%;

	float:none;

}

.guarantee {

	width:100%;

	float:none;

	text-align:center;

}

.detailsright .guarantee {

	float:right;

}

.overview {

	padding: 20px;

}

/*.login-wrap{ width:400px;}*/

.logmargfix .left{ float:none; text-align:center; margin-bottom:10px;}

.logmargfix .right{ float:none; text-align:center; margin:0 !important;}



.login-c3-2{margin-left:0; width:100%;}

.login-c0 h2{ font-size:14px;}

}



@media only screen and (max-width: 650px) {

.over-left, .over-right {

	width: 100%;

	float:none;

}

/*.login-wrap{ width:550px;}*/

.login-c1-2 .form-control{ width:100%; margin:0 0 10px;}

}