@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('MaterialIcons-Regular.ttf') format('truetype');
}

@media (max-width:480px) { 
	
	#login-modal .modal-dialog{
		
		width: auto !important
	}

	
}
@media (max-width:780px) { 
	
	#login-modal .modal-dialog{
		
		width: auto !important
	}

	
}
.drpdn-loguse  {
	width: 200px !important;
}
.drpdn-loguse span.onlyusrnme {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: normal !important;
}
.drpdn-loguse .onlyusrnme .usrinsdimg {
	margin-left: 5px;
}
.drpdn-loguse > li > a {
	white-space: normal !important;
    padding: 10px 13px;
}
#div-forms{
	
	height: auto !important;
	min-height: 440px !important;
}

.usriconlogdin {
	cursor: pointer;
}
.clr10{
	
	width: 100%;
	height: 10px;
	clear: both
}

#login-modal input[type=text], input[type=password] {
	margin-bottom: 10px;
}



/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

.modal-dialog{
	
	float: none !important
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    border-radius: 0;

}
form#login-form button.btn-primary,form#lost-form button.btn-primary,form#register-form button.btn-primary {
    border-radius: 0 !important;
}

.modal-header {
    min-height: 16.43px;
    padding: 10px;
    border-bottom: 0px !important;
}

.modal-body {
    position: relative;
    padding: 5px 0 !important;
	width: 90% !important;;
	margin: 0 auto !important;
}

.modal-footer {
    padding: 0 !important;;
    padding-bottom: 15px !important;;
    border-top: 0px !important;;
}



.loginBtn{
		
		padding: 8px;
		margin:10px;
		text-align: center;
	    border-radius: 5px;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-ms-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
.faLoginbutton {
	
}
.faLoginbutton i {
	padding: 8px;
	margin:6px;
}
a.loginBtn,
a.faLoginbutton{
	
	text-align: center !important;
	text-decoration: none !important
}

a.faLoginbutton:focus,
a.faLoginbutton:hover{
	background: none !important
}

a.faLoginbutton {
	font-size: 26px;
	color: #fff;
}

#div-login-msg .title,
#div-register-msg .title,
#div-lost-msg .title{
	
	text-align: center;
	font-size: 23px;
	font-weight: bold;
    color: #982a84;
}

.modal-body p,
.modal-footer p
{
	
	text-align: center;
	padding: 10px
}

.modal-body input.form-control{
	
	border: none !important;
	box-shadow: none !important
}

.signlogin{
	
	text-align: center;
	margin-top: 10px
}

input#login_username,
input#login_password,
input#register_email,
input#register_password,
input#register_username,
input#register_name{

	border-bottom: 1px solid #e5e5e5 !important;
	padding: 25px 0 !important
}

#login_username::placeholder,
#login_password::placeholder,
#register_email::placeholder,
#register_password::placeholder,
#register_name::placeholder,
#register_username::placeholder,
#lost_email::placeholder{

	color: #e5e5e5 !important;
}

#login_lost_btn{
	
	font-size: 11px;
	padding: 10px 0 20px 0
}

.signupbtn{
	
	text-align: center;
}

button#login_register_btn{
	
	padding: 0 !important;
}

button#register_login_btn{
	
	padding: 0 !important;
	margin-left: 5px !important;;
	margin-top: 10px !important;
}

.social img{
	
	border-radius: 100%;
	padding: 5px
	
}

.social{
	
	text-align: center;
	margin-top: 10px
}

.success_alert {
	
	text-align: center;
	padding: 5px 0;
	font-weight: bold;
	color: white;
	background: #27ae60;
	width: 90%;
	margin: 10px auto;
	border-radius: 5px;
	font-size: 10px;
}

.error_alert{
text-align: center;
    padding: 10px 0;
    color: #FFF;
    background: #ff4700;
    width: 90%;
    margin: 10px auto;
    border-radius: 5px;
    font-size: 12px;
}

.waiting{
	
    text-align: center;
	padding: 5px 0;
	font-weight: bold;
	color: #000;
	background: #eccc68;
	width: 90%;
	margin: 10px auto !important;;
	border-radius: 5px;
	font-size: 10px;	
	
	
}

.checkbox input[type="checkbox"]{
	
	top: 2px
}
#login-modal.modal {
	overflow: auto !important;
	direction: rtl
}

#welcome-modal .modal-body{
	
	padding-top: 20px !important
}

#welcome-modal .modal-body img{
	
	width:80px
}

span.lstext{
	
	margin-right: 5px
}

span.sltext{
	
	position: relative;
	top:5px
}

button#lost_login_btn{
	
	padding-left: 0 !important;
}

button#lost_register_btn{
	
	padding-right: 0 !important;
}

form#login-form .checkbox{
	
	margin-bottom: 0 !important
}

	.lost-btn,.reg-btn,.login-btn{
	    
	    text-align:center;
	}

button#lost_login_btn{
    
    color:rgba(250, 70, 79, 1) !important;
}

button#lost_register_btn{
    
    color:rgba(250, 70, 79, 1) !important;
}

ul.drpdn-loguse,ul.drpdn-loguse img{
    
    text-align:right;
}

input#login_password{
    
    font-family:'tahoma' !important;
}

#login-form #checkbox_id{
    
    display:block !important;
	opacity: 1 !important;
	position: absolute !important;
	right: 0 !important;
	z-index:1 !important; ;
}