/*-----------------------------------------------------by Rukmani
[Sign up]
*/
.caret2 {
    border-top: 8px dashed !important;
    border-top: 7px solid !important;
    border-right: 7px solid transparent !important;
    border-left: 7px solid transparent !important;
}
.dplable ul { width:100% !important;}
.dplable { border-bottom:1px solid #c7c7c7}
.dlabel, .dplable{ width:100% !important; margin-top:10px;}
.label2 { text-indent:30px !important;}
.search { left:0 !important}
.button4 { border-radius:0 !important;}
.button3 { background:url(../../../arrow.png) right top no-repeat;}
.fpasswrd { color:#0856a1; font-size:12px;}
.form-focus2 .control-label2 { top:-6px !important;}
.form-focus2 .form-control { height:30px ; border-bottom:none;}
.form-focus2 { border:1px solid #9c9c9c; border-radius:30px; padding:10px;}
.control-label2{ left:40px !important;}
.button2 { width:100% !important;}
.alignment{ text-align:center}
.user-block2 {border-bottom:1px solid #a1a1a1 !important;}
.user-block{ border-bottom:2px solid #0756a1; padding-bottom:10px; margin-bottom:15px !important; width:80%; margin:0 auto}
.user-details small { font-size:12px; color:#afafaf}
.user-details{ font-size:15px; padding:5px 20px 0 20px; float:left}
.user-profile{ float:left; display:inline-block;}
.img-responsive { display:inline-block !important; float:none !important;}
/*------------------------------------------------------------------
[9. Login]
*/

.account-page {padding: 40px 0;}
.account-title {font-size: 32px;font-weight: normal;margin: 0 0 40px;text-align: center;}
.account-box {margin: 0 auto;width: 400px; border:1px solid #e7e7e7;background-color:#fff;}
.account-wrapper {padding:10px 20px; margin:0 auto; width:100%;}
.account-wrapper h3 {font-size:26px;}

.account-logo {margin-bottom: 20px;	}
.account-box .form-group {margin-bottom: 25px;}
.account-box .account-btn {border-radius: 0;font-size: 16px;padding: 15px 26px;border:0; background-color:#0656a1;}
.account-box .account-btn:hover, .account-box .account-btn:focus {border:0;opacity:0.8;}
.account-box a {color: #323232;font-size: 16px;}
.account-box a:hover {color: #ffbc35;}
.account-box .form-control {border: 1px solid #e7e7e7;height: 50px;}
.account-box label {color: #7f8fa4;font-size: 16px;font-weight: normal;}
.account-logo img {width: 200px; padding-top:30px;}

/*------------------------------------------------------------------*/

.btn:active {outline: none;}
.btn-danger {color: #fff;background-color:#0656a1;margin-top: 15px;outline:none;padding:15px 12px;cursor:pointer;letter-spacing: 2px;font-size: 12px;font-weight: 600;border: none;text-transform: uppercase;font-family: 'Raleway', sans-serif;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
.btn-danger:hover, .btn-danger:focus {background-color:#0656a1 !important; border:none;}
.w3_info {flex-basis: 60%;-webkit-flex-basis: 60%;box-sizing: border-box;padding: 1em;background-color: #fff;}
.left_grid_info {padding: 5em 2em;}
.left_grid_info h3 {color: #fff;font-size: 2.2em;}

.left_grid_info h4 {color: #fff;font-size: 1.2em;margin: 1em 0;line-height: 28px;    font-weight: 500;    text-transform: capitalize;}
.left_grid_info p {    color: #fff;    font-size: 14px;	margin: 1em 0;	line-height: 28px;}
.agile_info {	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */	display: -ms-flexbox;      /* TWEENER - IE 10 */	display: -webkit-flex;     /* NEW - Chrome */	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);margin:30px 0 60px 0;}
.w3l_form {    padding: 0px;    flex-basis: 50%;	-webkit-flex-basis: 50%;	background:#041627;}
.w3l_formn {    padding: 0px;    flex-basis: 40%;	-webkit-flex-basis: 40%;	background:#041627;}
.w3_infon {flex-basis: 60%;-webkit-flex-basis: 60%;box-sizing: border-box;background-color: #fff;}
.w3_info p {   padding-bottom: 0px;}
.container {    width: 65%;    margin: 0 auto;}
.backHome{ color:#0656a1; font-weight:500;}
.backHome2{ color:#fff; font-weight:500;}
.otp{font-size: 14px;font-weight: 500; text-align:center; color:#000; line-height:25px;}
.otp-verify{color:#02529a; font-size:22px;}
.otp strong{color:#000;}

.sendOtp{font-size: 14px;font-weight: 500; text-align:center;color:#696969;}
.header{position: relative;top: 0;background-color: #f6f6f6;height:55px;max-width:100%;margin: 0 auto;padding:5px 30px;}
.footer {background: none repeat scroll 0 0 #2E2E2E;height:45px;}
.footerfix {background:#e2e2e2; padding:10px;bottom: 0;width: 100%;position: fixed;z-index:999;color:#000;font-weight:500;}
.whitetxt{ color:#fff;}
.whitetxt a{ color:#fff;}
.whitetxt{ color:#fff;}
/** Responsive **/
 
@media screen and (max-width: 1440px){
	.container {width: 70%;margin: 0 auto;}
}
@media screen and (max-width: 1280px){
	.container {width: 75%;}
}
@media screen and (max-width: 1080px){
	.container {width: 80%;}
	.left_grid_info {padding: 7em 3em;}
	.w3_info {padding: 3em 3em;}
	.left_grid_info h4 {font-size: 1.1em;}
}
@media screen and (max-width: 1024px){
	.left_grid_info h3 {font-size: 2em;}
	.container {width: 84%;}
}
@media screen and (max-width: 991px){
	.w3_info h2 {font-size: 24px;}
	p {font-size: 13px;}
	h1 {font-size: 40px;letter-spacing: 2px;}
}
@media screen and (max-width: 900px){
	
	.container {width: 90%;}
	.left_grid_info h4 {font-size: 1em;}
}

@media screen and (max-width: 768px){
	.container {width: 100%;}
	.left_grid_info {padding: 6em 3em;}
}
@media screen and (max-width: 736px){
	.left_grid_info {padding: 6em 2em;}
	.left_grid_info h3 {font-size: 1.7em;}
	.w3_info h2 {font-size: 22px;}
	.w3_info {padding: 3em 2em;}
	.w3_info h4 {font-size: 14px;}
	.btn-danger {padding: 13px 12px;font-size: 14px;
	}
}
@media screen and (max-width: 640px){
	.w3l_form {padding: 3em 4em;float: none;margin: 0 auto;}
	.left_grid_info {padding: 0;}
	.w3_info {padding: 3em 4em;}
	h1 {font-size: 37px;}
	.agile_info {flex-direction:column-reverse;}
}
@media screen and (max-width: 480px){
	.account-wrapper {padding:5px 0px; margin:0 auto; width:100%;}
	.w3l_form {padding: 3em;  float:left; display:none;}
	.w3_info {padding: 3em;}
	h1 {font-size: 34px;}
.account-logo img {
    width: 200px;
    padding-top: 10px;
}

@media screen and (max-width: 414px){
	.w3l_form {padding: 3em 2em; display:none;}
	.w3_info {padding: 10px;}
.account-wrapper{width:100%;}
	h1 {font-size: 28px;letter-spacing: 1px;}
	.left_grid_info p {font-size: 13px;}
}
@media screen and (max-width: 384px){
	.w3l_form {display:none;}
	.left_grid_info h4 {font-size: .9em;}
	.left_grid_info p {letter-spacing: .5px;}
}
@media screen and (max-width: 375px){
	.left_grid_info h3 {font-size: 1.5em;}
}
@media screen and (max-width: 320px){
	.w3l_form {display:none;}
	h1 {font-size: 25px;letter-spacing: 1px;}
	.btn-danger {padding: 13px 12px;font-size: 13px;}

	.w3_info h2 {font-size: 20px;letter-spacing: 1px;}
}
/** /Responsive **/