.editprofilearea{width:100%; float:left;margin:auto; background:#FFFFFF;padding: 0px 29px;min-height:384px;margin-bottom:8px;border-radius: 6px;}
.modal {left: 0;right: 0;padding: 0;width:73%;margin: 0 auto;overflow: visible !important;border-radius: 2px;will-change: top, opacity;font-size: 1rem !important;background-color: transparent;}
.modal-content { position: relative;  /* background-color: #fff; */   /* border: 1px solid #999; */   /* border: 1px solid rgba(0,0,0,.2); */   border-radius: 6px;   /* outline: 0; */    /* -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); */    /* box-shadow: 0 3px 9px rgba(0,0,0,.5); */    /* background-clip: padding-box; */}
/* ************************login******************** */
.login .modal-content {position: relative;background-color: #ebecf1 !important; border: 1px solid #999 !important;border: 1px solid rgba(0,0,0,.2) !important;border-radius: 6px !important;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5) !important;box-shadow: 0 3px 9px rgba(0,0,0,.5) !important; background-clip: padding-box !important;}

@media only screen and (min-width: 750px){	
	.login-modal{ width: 400px;}
	.login .close-mob a {top: 10px;	margin-right: 2px;z-index: 10;}
	.close-mob {display: none;}
}

@media only screen and (min-width: 750px){
	.toast {	border-radius: 20px;background-color: #fffa7a;	padding: 5px 10px;font-size: 1.1rem;color: #333 !important;line-height: 1rem;border: 1px solid #efea61;text-align: center;}
}
@media only screen and (min-width: 993px){
	.toast {float: right;}
}

.toast {border-radius: 2px;top: 0;width: auto;clear: both;margin-top: 10px;position: relative;max-width: 100%;height: 48px;line-height: 48px;background-color: #323232;padding: 0 25px;font-size: 1.1rem;font-weight: 300;color: #333;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;}
.forgetcolum .modal-content {position: relative;background-color: #FFF !important; border: 1px solid #999 !important;border: 1px solid rgba(0,0,0,.2) !important;border-radius: 6px !important;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5) !important;box-shadow: 0 3px 9px rgba(0,0,0,.5) !important; background-clip: padding-box !important;}
.forgetcolum .modal-content {position: relative;background-color:transparent;border: 1px solid #999;border: 0px solid rgba(0,0,0,.2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 0px 0px rgba(0,0,0,.5);background-clip: padding-box;}
.forgetcolum .modal-content {padding:7px 2px;min-height:500px;width: 100%; margin-top:10%;}

.modal-header .close {margin-top: -18px;right: -7px;position: relative;color: #fff;background: #333;padding: 0px 4px;border-radius: 46%;}
.close {float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity:1;}
.modal-close {cursor:pointer;}
.close-mob a {top: 10px;margin-right:4px;}
.close-mob a, .info-dis .close-btn a {color: #000; width: 8%; position: absolute; right: 1px; background: #fff; padding: 3px; border-radius: 10px; font-size: 14px; border: 1px solid #000; z-index: 99999999999999999; text-align: center;}
.close-blk {position: absolute;top: -10px;right: -10px;background: #656d73;color: #fff;padding: 5px 10px;border-radius: 50%;border: 2px solid #fff;}
.close-blk {top: -20px;right: -20px;background: #656d73;color: #fff;padding: 5px 10px;border-radius: 50%;border: 2px solid #fff;}
.modal .modal-close {cursor: pointer;}
.close-mob a {top: 0;}
.close-mob a {top:5px;margin-right:6px;}
.comp-name {float: left;font-size: 1.3em;font-weight: 300;padding-bottom: 10px;}
.model-head {background: #374047;color: #fff;font-size: 1.145rem!important;line-height: 2rem;}

.login .login-modal{ width: 100%;}
.loginarea{padding:8px 10px !important;margin: 10px;}
.loginarea .checkboxarea{width:100%; float:left; margin:auto; padding:0px 6px;}
.login .modal-content {position: relative;background-color:transparent !important;border: 1px solid #999;border: 0px solid rgba(0,0,0,.2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 0px 0px rgba(0,0,0,.5);background-clip: padding-box;}
.login .modal-content {padding:7px 2px;min-height:550px;width: 100%;}
.loginarea .form-group {margin-bottom: 15px;padding:0px 6px;}
.login .announc-top {position: relative;top:0px;width:100%;left:0px;padding: 4px; text-align:center;}
.login .announc-top {padding:4px;background: #fff3d3;}
.login .announc-top a {color: #3b444b;font-size: .82rem; text-align:center;}
.loginarea h3 {font-size: 2.5rem !important; font-weight: 300;  margin: 10px 6px 28px}
.loginarea input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {color: #333!important;border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.loginarea input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {border-bottom: 1px solid #4caf50;box-shadow: 0 1px 0 0 #4caf50;}
.loginarea.open-msg2 input {border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.loginarea.open-msg2 input {border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.loginarea input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height: 3rem;width: 100%;font-size: .8rem;margin: 0 0 15px 0;padding: 0;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;}
.loginarea .form-control {display: block;width: 100%;    height: 20px !important;padding: 6px 12px;font-size: 14px !important;line-height: 1.428571429;color: #555;vertical-align: middle;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}.loginarea .btn-signin {width: 100%;background: #3d4247;}
.loginarea .btn-signin, .btn-signin2, .pf-collapse .btn-signin {color: #fff;border: 0;padding: 15px;margin: 10px 0;font-size: 1.2rem;font-weight: 500;}
.loginarea .btn-signin {width: 97%;background: #3d4247;color: #fff;border: 0;padding: 15px;margin: 10px 6px;font-size: 1.2rem;font-weight: 500;}
.loginarea .input-group-addon:last-child {border-left: 0;}
.loginarea .glyphicon-eye-open:before {content: "";}
.loginarea .quartiles:after, .cf:after {clear: both;}

#showPsw {cursor: pointer;position: absolute;right: 0;height: 36px;padding: 5px 15px 5px 8px;width: 30px;line-height: 2rem;background: transparent;border: 0;}
#showPsw {cursor: pointer;position: absolute;right: 0;height: 36px;padding: 5px 15px 5px 8px;width: 30px;line-height: 2rem;background: 0 0;border: 0;color: #999;}

.forget{margin-top:10px;}
.loginarea .login-or {position: relative;margin-top: 10px;padding-top:4px;padding-bottom: 10px;}
.loginarea .login-or, .login-or2 {margin-bottom: 10px;text-transform: uppercase;width: 100%;float: left;}
.loginarea .hr-or {background-color: #cdcdcd;height: 1px;margin-top: 0!important;margin-bottom: 0!important;}
.loginarea .span-or {display: block;position: absolute;left: 50%;top: -2px;margin-left: -25px;background-color: #ebecf1;width: 50px;text-align: center;}
.loginarea .siocalmargin{text-align:center;margin-bottom:12px;}
.loginarea .siocalimg{width:75%;}
.loginarea .btn-signup {width: 80%;background: #00add1;color: #fff;border: 0;padding: 15px;margin: 10px 0;font-size: 1.2rem;font-weight: 500;border-radius: 20px;}

/* ************************forget******************** */
.forgetarea{padding:8px 10px !important;margin: 10px;}
.forgetarea input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {color: #333!important;border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.forgetarea.open-msg2 input {border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.forgetarea.open-msg2 input {border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.forgetarea input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height: 3rem;width: 100%;font-size: .8rem;margin: 0 0 15px 0;padding: 0;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;}
.forgetarea .form-control {display: block;width: 100%;    height: 20px !important;padding: 6px 12px;font-size: 14px !important;line-height: 1.428571429;color: #555;vertical-align: middle;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.loginarea .btn-signin {width: 100%;background: #3d4247;}
.forgetarea .btn-signin, .btn-signin2, .pf-collapse .btn-signin {color: #fff;border: 0;padding: 15px;margin: 10px 0;font-size: 1.2rem;font-weight: 500;}
.forgetarea .btn-signin {width: 97%;background: #3d4247;color: #fff;border: 0;padding: 15px;margin: 10px 6px;font-size: 1.2rem;font-weight: 500;}
.forgetarea .btns {margin: 10px 0;text-align: center;}
.forgetarea .blu-cir-btn {background: #00add1;border: 1px solid #00a0c9;padding: 8px 25px;font-size: .9rem;border-radius: 20px;color: #fff;margin: 5px;text-transform: uppercase;font-weight: 500;}
.forgetarea .blu-cir-btn {background: #00add1;border: 1px solid #00a0c9;border-radius: 20px;color: #fff;text-transform: uppercase;font-weight: 500;}
.forgetarea .grey-cir-btn {background: #eee;border-radius: 20px;padding: 8px 25px;font-size: .9rem;border: 1px solid #a4adb4;color: #333;margin: 5px;text-transform: uppercase;}
.forgetarea .grey-cir-btn {background: #eee;border-radius: 20px;border: 1px solid #a4adb4;color: #333;text-transform: uppercase;}
.forgetarea .blu-cir-btn, .grey-cir-btn {padding: 8px 25px;font-size: .9rem;margin: 5px;}

/* ************************reset password******************** */
.reset-password {width:100%; float:left; margin:auto;height:100%;background: url(../images/login_bg.jpg) no-repeat;position: relative;background-size: 100% 100%;padding:40px;top:70px; margin-bottom:50px;}
.reset-password .register-sect {width: 100%;background: 0 0;margin: 0;max-width: 100%;}

@media only screen and (min-width: 750px){
	.login-modal {width:354px !important;  /* width: 50% !important; */}
	.reset-password .register-sect {width:100%;margin: 20px auto 0!important;}	
	.reset-password .login-pg-sec {width:100%;background: #ebecf1;padding: 30px;min-width: 320px;}
}
.reset-password .login-pg-sec h3 {color: #3b444b!important;}
.reset-password  h3 {font-size: 2.5rem;font-weight: 300;margin: 10px 0 20px;line-height: 2.8rem;}
.reset-password .reset-pass-input p {font-size: .9rem;color: #666;text-align: left;margin: 10px 0 5px;}
.reset-password .reset-pass-input input {width: 93%;margin: 0;}
.reset-pass-input input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {color: #333!important;border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.reset-pass-input input {border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.reset-pass-input input {border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.reset-pass-input input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height: 3rem;width: 100%;font-size: .8rem;margin: 0 0 15px 0;padding: 0;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;}
.reset-pass-input .form-control {display: block;width: 93%; height:30px;padding: 6px 12px;font-size: 14px !important;line-height: 1.428571429;color: #555;vertical-align: middle;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.reset-password .blu-cir-btn {background: #00add1;border: 1px solid #00a0c9;border-radius: 20px;color: #FFF;text-transform: uppercase;font-weight: 500;}
.reset-password .grey-cir-btn {padding: 11px 25px;font-size: .9rem;margin:0px;}
.reset-password .grey-cir-btn {background: #FFFFFF;border-radius: 20px;border: 1px solid #a4adb4;color: #333;text-transform: uppercase;}
.reset-password .blu-cir-btn{padding:12px 25px;  font-size: .9rem;  margin: 5px;}
.resettext{color: #FFFFFF; font-size: 36px;  font-weight: 200;  position: relative;  margin-top:15%; line-height: 1.3;margin-bottom: 5%;}

/* ************************welcomearea******************** */
.welcomearea {width:100%; float:left; margin:auto; min-height:350px; height:100%;background: url(../images/login_bg.jpg) no-repeat;position: relative;background-size: 100% 100%;margin-top:6%;padding:20px;position:relative;}
.welcome-content{width:100%; float:left; margin:auto; text-align:center; font-size:36px; font-weight:200;color:#FFF;margin-top:10%;}
.welcome-content-btn{width:100%; float:left; margin:auto; text-align:center; font-size:26px; font-weight:200;color:#FFF;margin-top:2%;}
.welcomearea .blu-cir-btn, .grey-cir-btn { padding: 12px 25px; font-size: .9rem; margin: 5px;}

@media only screen and (min-width:750px) and (max-width:960px) {
	.modal {left: 0; right: 0; padding: 0; width: 96%; margin: 0 auto; overflow: visible !important;  border-radius: 2px;will-change: top, opacity;font-size: 1rem !important; background-color: transparent;}
	.forgetcolum .modal-content {padding: 7px 2px;min-height: 450px;width: 100%;margin-top: 10%;}
}
@media only screen and (max-width: 750px){
	.forgetcolum .modal-content {padding: 7px 2px; min-height: 381px; width: 100%; margin-top: 13%;}
	.modal-dialog {width: auto !important;  margin:12px auto !important;}
	.editprofilearea {width: 100%;  float: left;  margin: auto; background: #FFFFFF;  padding: 0px 29px;    min-height: 396px;}
	.toast {padding: 4px 4px;font-size: 13px;}
	.modal {left: 0; right: 0; padding: 0; width: 100%; margin: 0 auto;overflow: visible !important;  border-radius: 2px; will-change: top, opacity; font-size: 1rem !important; background-color: transparent;top:4%;}
	.reset-password {width: 100%; float: left; margin: auto;  height: 100%;  background: url(../images/login_bg.jpg) no-repeat;  position: relative;  background-size: 100% 100%; margin-top: 5%; padding: 20px;margin-bottom: 50px;}
	.reset-password .reset-pass-input p {font-size: .9rem;color: #FFF;text-align: left;margin: 10px 0 5px;}
	.reset-password .login-pg-sec h3 {color: #FFF!important;}
	.welcome-content{width:100%; float:left; margin:auto; text-align:center; font-size:26px; font-weight:200;color:#FFF;margin-top:20%;}
	.resettext{color: #FFFFFF; font-size: 32px;  font-weight: 200;  position: relative;  margin-top: 0%; line-height: 1.3;margin-bottom: 5%;}
}
/* ************************signup******************** */
.signup .modal-content {position: relative;background-color: transparent;border: 1px solid #999;border: 0px solid rgba(0,0,0,.2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 0px 0px rgba(0,0,0,.5);background-clip: padding-box;}
.signup .modal-content {-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);box-shadow: 0 5px 15px rgba(0,0,0,.5);}
.signup .modal-content {/* overflow-y: auto; */max-height:560px;/* overflow-x: hidden; *//* background: #fff; */min-height: 350px;}

@media only screen and (min-width: 750px){		
	.toast {border-radius: 2px;  top: 0;  width: auto;  clear: both;  margin-top: 10px;  position: relative;  max-width: 100%;  height: auto;   line-height: 1.3 !important;  background-color: #323232; padding: 0 25px; font-size: 1.1rem;  font-weight: 300; color: #fff;  display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;  -webkit-justify-content: space-between; justify-content: space-between;}
	.signup-modal{width: 40%;}
}
.modal-dialog {width: auto;  margin: 30px auto;}
.signup .signup-modal{ width: 100%;}
.signarea{padding:8px 10px !important;margin:0px;background-color: #FFF !important; }
.signarea .checkboxarea{width:100%; float:left; margin:auto; padding:0px 6px;}

.signarea .form-group {margin-bottom: 15px;padding:0px 6px;}
.modal .modal-secnd {float: left;width: 100% !important;border-radius: 2px;background: #374047;height: auto !important;margin: 0;-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);-moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);padding: 7px;}
.signarea h3 {font-size: 2.5rem !important; font-weight: 300;  margin: 10px 6px 15px}
.signarea  small {display: block;font-size: 1.3rem;font-weight: 300; /* color: #fff; */   line-height: 2.8rem;padding: 0px 6px;}
.signarea input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {color: #333!important;border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.signarea.open-msg2 input {border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.signarea.open-msg2 input {border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.signarea input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height: 3rem;width: 100%;font-size: .8rem;margin: 0 0 15px 0;padding: 0;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;}
.signarea .form-control {display: block;width: 100%;    height: 20px !important;padding: 6px 12px;font-size: 14px !important;line-height: 1.428571429;color: #555;vertical-align: middle;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.txt-cr{text-align:center;}
.signarea .btn-signup {width: 42%;background: #00add1;color: #fff;border: 0;padding: 15px;margin: 10px 0;font-size: 1.2rem;font-weight: 500;border-radius: 20px;}

.signarea .login-or {position: relative;margin-top: 10px;padding-top:4px;padding-bottom: 10px;}
.signarea .login-or, .login-or2 {margin-bottom: 10px;text-transform: uppercase;width: 100%;float: left;}
.signarea .hr-or {background-color: #cdcdcd;height: 1px;margin-top: 0!important;margin-bottom: 0!important;}
.signarea .span-or {display: block;position: absolute;left: 50%;top: -2px;margin-left: -25px;background-color: #ebecf1;width: 50px;text-align: center;}
.signarea .siocalmargin{text-align:center;margin-bottom:12px;}
.signarea .siocalimg{width:48%;}

.edt-pfl-cont, .fgt-psw-cont {padding: 10px;}
.prof-edit-sec img {border-radius: 50%;width: 70px;height: 70px;margin-bottom: 10px;}
.fgt-pass-input {margin: 20px 0;}
.fgt-pass-input p {font-size: .9rem;color: #666;  text-align: left; margin: 10px 0 5px;}
img { vertical-align: middle;}
.prof-edit-sec, .th-txt1, .trahis-top { text-align: center !important;}
.fgt-pass-input input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {color: #333!important;border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.fgt-pass-input.open-msg2 input {border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.fgt-pass-input.open-msg2 input {border: 1px solid #ddd;border-radius: 2px;padding: 10px;background: #fff;width: 95%;}
.fgt-pass-input input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height: 3rem;width: 100%;font-size: .8rem;margin: 0 0 15px 0;padding: 0;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;}
.fgt-pass-input .form-control {display: block;width: 93%;    height: 20px !important;padding: 6px 12px;font-size: 15px !important;line-height: 1.428571429;color: #555;vertical-align: middle;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.editprofilearea .btns {margin: 10px 0;text-align: center;}
.editprofilearea .blu-cir-btn {padding: 9px 25px; font-size: .9rem; margin: 5px;}
.editprofilearea .grey-cir-btn {background: #FFFFFF; border-radius: 20px; border: 1px solid #a4adb4; color: #333;text-transform: uppercase;}
.editprofilearea .blu-cir-btn {background: #00add1; border: 1px solid #00a0c9; border-radius: 20px; color: #FFF; text-transform: uppercase;font-weight: 500;}
.editprofilearea .blu-cir-btn {background: #00add1;border: 1px solid #00a0c9;padding: 8px 25px;font-size: .9rem;border-radius: 20px;color: #fff;margin: 5px;text-transform: uppercase;font-weight: 500;}
.editprofilearea .blu-cir-btn {background: #00add1;border: 1px solid #00a0c9;border-radius: 20px;color: #fff;text-transform: uppercase;font-weight: 500;}
.editprofilearea .grey-cir-btn {background: #eee;border-radius: 20px;padding: 8px 25px;font-size: .9rem;border: 1px solid #a4adb4;color: #333;margin: 5px;text-transform: uppercase;}
.editprofilearea .blu-cir-btn, .grey-cir-btn {padding: 8px 25px;font-size: .9rem;margin: 5px;}

@media only screen and (max-width:320px){	
	.modalannounc-top {background: #fff3d3 !important; padding: 0px; margin: 8px 8px;color: #333;text-align: center; font-size: 13px;}
	.modal-dialog {width: auto !important;  margin:15px auto;}
	.modal .modal-secnd {float: left;width: 100% !important;	border-radius: 2px;	background: #374047;	height: 820px !important;margin: 0;	-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);-moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);	padding: 3px;}
}