/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*FRAMEWORK FRONTEND LOGIN STYLE*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*LOGIN BRAND CENTER*/
.LOGINBRANDCENTER{background-image: url('../../../../DE/BRANDING/FORM/logo.png');
    background-color:none;
    background-repeat:no-repeat !important;
    background-position: center center;
    height:85px; margin-top:70px !important; margin-bottom:35px ;}


.LOGINFORM {background:transparent; width:320px;}



/*ERROR MESSAGE*/
.LOGINFORM .login p.error {width:104.1%; text-align:center;}
.LOGINFORM .login p.error {border:0; border-radius:0;}
.LOGINFORM .login p.error {border-left:4px !important; border-left-style:solid !important; border-left-color:#e14d43 !important;}
.LOGINFORM .login p.error {background:#363b3f !important; color:#ffffff !important;}


.LOGINFORM { width:280px !important;}

.LOGINFORM {
  display: block;
  position: absolute;
  margin: auto !important;
  top: 170px; left: 0; bottom: 135px; right: 0;
  padding: 25px 25px 25px;
}

.LOGINFORM #theme-my-login {padding-right:10%;}


/*FORM BUTTON*/
.LOGINFORM input#wp-submit {
			width:109%;
			height:45px !important;
			background:#363b3f !important;
			box-shadow:none !important;
			border-radius: 0;
			border:0;
			margin-top:4%;
			padding:4%;
			font-family:'Open Sans',sans-serif;
			font-size:100%;
			text-transform: uppercase;
			color:#ffffff;
			cursor:pointer;
			transition:background .3s;
			-webkit-transition:background .3s;
}

/*FORM BUTTON HOVER*/
.LOGINFORM input#wp-submit:hover { background:#26292c !important;}

/*FORM BUTTON FOCUS*/
.LOGINFORM input#wp-submit:focus { background:#26292c !important;}

.LOGINFORM #user_login{width:96% !important;}
.LOGINFORM #user_email{width:96% !important;}
.LOGINFORM #user_pass {width:96% !important;}

.LOGINFORM ul.tml-action-links {display:none !important;}

.LOGINFORM  #reg_passmail {display:none !important;}

.LOGINFORM  li {list-style-type:none;}


/*USER FIELD IMAGE*/
.LOGINFORM #user_login{
	background: url(../../../../DE/FRONTEND/FRAMEWORK/LOGIN/icons/user.png) 2% 4px no-repeat;
	padding-left:10.1%;
}

/*PASSWORD FIELD IMAGE*/
.LOGINFORM  #user_pass{
    background: url(../../../../DE/FRONTEND/FRAMEWORK/LOGIN/icons/lock.png) 2% 4px no-repeat;
    padding-left:10.1%;
}

/*EMAIL FIELD IMAGE*/
.LOGINFORM #user_email{
	background: url(../../../../DE/FRONTEND/FRAMEWORK/LOGIN/icons/mail.png) 2% 4px no-repeat;
	padding-left:10.1%;
}




.LOGINFORM li {
			background:transparent;
            border:1px !important; border-style:solid !important; border-color:#e4e4e4 !important;
			box-shadow:none !important;
			border-radius: 0;
			border:0;
			margin-top:4%;
			padding:4%;
			font-family:'Open Sans',sans-serif;
			font-size:100%;
			text-transform: uppercase;
			text-align: center;
			color:#ffffff;
			cursor:pointer;
			transition:background .3s;
			-webkit-transition:background .3s;
}

/*FORM BUTTON HOVER*/
.LOGINFORM li:hover { background:#f1f1f1!important;}

/*FORM BUTTON FOCUS*/
.LOGINFORM li:focus { background:#f1f1f1 !important;}


.LOGINFORM .avatar{
    display: block;
    margin-left: auto;
    margin-right: auto;
    float:none;
}

.LOGINFORM .tml-user-avatar {
			background:#e4e4e4 !important;
			box-shadow:none !important;
			border-radius: 0;
			border:0;
			margin-top:4%;
			padding:4%;
			margin-left:9%;
			font-family:'Open Sans',sans-serif;
			font-size:100%;
			text-transform: uppercase;
			color:#ffffff;
			cursor:pointer;
			transition:background .3s;
			-webkit-transition:background .3s;
}

/*FORM BUTTON HOVER*/
.LOGINFORM .tml-user-avatar:hover { background:#26292c !important;}

/*FORM BUTTON FOCUS*/
.LOGINFORM .tml-user-avatar:focus { background:#26292c !important;}




/*TEXTAREA OUTLINE*/
textarea, input{outline:none; box-shadow: none; -webkit-box-shadow: none; border-radius: 0!important;}

/*FORM INPUT BACKGROUND*/
input{background-color:#e4e4e4 !important; border-color: transparent !important;}

/*FORM INPUT HOVER*/
input:hover {background-color:#e4e4e4 !important; border-color: transparent !important;}

/*FORM INPUT FOCUS*/
input:focus {background-color:transparent !important; border-color:#e4e4e4 !important}