@import "../../../_theme_variables";
#header-login {
position:relative;
float:right;
padding-top:29px;
margin-left:18px;

      @media (max-width: $screen-xs-max) { // max 767px	
           clear:right
         }
.header_user_info {
float: right;
	a {
	color: $base-text-color;
	display: block;
	cursor: pointer;
	font-size:16px;				
	line-height:18px;	
	@include transition(all 0.3s ease);
	font-family:$font-custom;
	&:hover{color:$color1}
	}
		&.current {
			a {		
				&:after {
			content: "";
				font-family: $font-icon;
				font-size: 16px;
				line-height: 18px;
				color: $base-text-color;
				vertical-align: -2px;
				padding-left: 12px;
				}
			}
				&.active a:after {
						 content: "";	
				}
			}
		}
	.logout {
	overflow:hidden;
	margin-bottom:0;
	}
}
 #header-login-content {
	display:none;
	width:270px;
	padding:15px;
	margin:0;
	position:absolute;
	right:0;
	top:55px;
	z-index:2;
	background:#fff;
	border:$main_border;
	color:#333;
		label {
		color:#333;
		font-weight:normal;
		}
		
	.create{color:#333;text-decoration:underline;
	@include transition(all 0.3s ease);
	   &:hover{color:$color1}
	
	}	
		
	li {
	margin:0;
	padding:0;
		ul {
		margin:0 0 10px 0;
			li {
			display:block;
			border-top:$main_border;
			line-height:35px;
				&:first-child {border:none;}
					a {				
					color:#333;
					padding:0 10px 0 10px;
					display:block;
					@include transition(all 0.3s ease);
					position:relative;z-index:1;
					&:before{
						position:absolute;
						top:0;
						left:0;
						width:0;
						height:100%;
						@include transition(all 0.3s ease);
                        background:$color1;
						content:""	;
						z-index:-1					
						}
					
						&:hover {					
						color:#fff;
							&:before{
								width:100%
								
								}
						}
						i {display:none;}
					}
			}
		}
	}
}
#create_header_account_error {
padding:8px;
}