/****************************************Sidebar Module*****************************************/
.moduletable.login-tips {
    min-height: 642px;
    box-sizing: border-box;
}
.custom.login-tips{
    display: block;
}
.icon {
    background: url(../images/patterns/slices.png) no-repeat;
    display: inline-block;
    position: relative;
}
.login-tips ul {
    padding: 0;
    margin: 0;
	text-align:left;
	list-style:none
}
.login-tips li {
	margin: 15px 0;
    line-height: 25px;
}
.login-tips li span {
	font-size: 12px;
    color: #6d717a;
}
.login-tips i {
    margin-right: 10px;
    top: 6px;
}
.icon-userbox-cart {
    background-position:-1284px -202px;
    width: 21px;
    height: 23px;
}
.icon-userbox-list {
    background-position: -1284px -240px;
    width: 19px;
    height: 21px;
}
.icon-userbox-love {
    background-position: -1285px -285px;
    width: 21px;
    height: 20px;
}
.icon-userbox-comment {
    background-position: -1284px -324px;
    width: 21px;
    height: 20px;
}
.icon-userbox-discount {
    background-position:-1284px -367px;
    width: 21px;
    height: 20px;
}
body.dir-rtl .login-tips ul{
	text-align:right
}
body.dir-rtl .login-tips i {
	margin-right:0;
	margin-left:10px
}
/************************************* User Form*************************************/
.icon-signin:before{
	content: "\f090";
	font-family: FontAwesome, sans-serif;
}
.login, .registration, .remind , .reset,.login + div,.profile-edit{
	max-width: 400px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #dedede;
    background: #F1F2F2;
	font-size:0.8rem
}
.registration{
	max-width:100%
}
.login legend, .registration legend, .remind legend, .reset legend,
.login .page-header h1,.registration .page-header h1, .remind .page-header h1, .reset .page-header h1{
	text-align: left;
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #ececec;
    font-size: 1.2rem;
    font-weight: normal;
}
.login form, .registration form, .remind form, .reset form,.login + div ul,.profile-edit form{
	margin:0 auto;
	padding:20px;
	box-sizing: border-box;
}
.login .btn, .registration .btn, .remind .btn, .reset .btn{
	    width: 100%;
    line-height: 40px;
    position: relative;
    overflow: hidden;
    padding: 0;
    font-family: inherit;
    border-radius: 0;
    letter-spacing: 0;
    margin: 0;
	background:#0045a8;
	color:#fff;
	border-color:#0045a8
}
.registration .btn [class^="icon-"],.registration .btn [class*=" icon-"],
.login .btn [class^="icon-"],.login .btn [class*=" icon-"],
.reset .btn [class^="icon-"],.reset .btn [class*=" icon-"],
.remind .btn [class^="icon-"],.remind .btn [class*=" icon-"],.reset .btn:after{
	width:40px;
	height:40px;
	line-height:40px;
	margin:0;
	position:absolute;
	left:0;
	top:0;
	    font-size: 20px;
}
.registration .btn:before,.login .btn:before,
.reset .btn:before,.remind .btn:before{
	    content: ' ';
    width: 100px;
    height: 100px;
    background: hsla(0,0%,100%,.21);
    border-radius: 50%;
    position: absolute;
    left: -30px;
    top: -30px;
}
.registration .btn:not(.disabled):not(.is-inactive):not([disabled]):before ,
.login .btn:not(.disabled):not(.is-inactive):not([disabled]):before ,
.remind .btn:not(.disabled):not(.is-inactive):not([disabled]):before ,
.reset .btn:not(.disabled):not(.is-inactive):not([disabled]):before {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.registration .btn:not(.disabled):not(.is-inactive):not([disabled]):hover:before,
.login .btn:not(.disabled):not(.is-inactive):not([disabled]):hover:before,
.remind .btn:not(.disabled):not(.is-inactive):not([disabled]):hover:before,
.reset .btn:not(.disabled):not(.is-inactive):not([disabled]):hover:before
 {
    width: 1200px;
    height: 1200px;
    right: -600px;
    top: -600px;
    -webkit-transform: unset;
    transform: unset;
}

.registration .rpp-block,.login .rpp-block{
	padding:10px 20px;
	border-top: 1px solid #ececec;
}
.reset .btn:after{
	content: "\f13e";
	font-family: FontAwesome, sans-serif;
}
body.dir-rtl .registration .btn [class^="icon-"],body.dir-rtl .registration .btn [class*=" icon-"],
body.dir-rtl .login .btn [class^="icon-"],body.dir-rtl .login .btn [class*=" icon-"],
body.dir-rtl .reset .btn [class^="icon-"],body.dir-rtl .reset .btn [class*=" icon-"],
body.dir-rtl .remind .btn [class^="icon-"],body.dir-rtl .remind .btn [class*=" icon-"],
body.dir-rtl .reset .btn:after{
	left:auto;
	right:0
}
body.dir-rtl .registration .btn:before,body.dir-rtl .login .btn:before,
body.dir-rtl .remind .btn:before,body.dir-rtl .reset .btn:before{
	right:-30px;
	left:auto
}
body.dir-rtl .registration .btn [class^="icon-"],body.dir-rtl .registration .btn [class*=" icon-"]{
	left:auto;
	right:0
}
body.dir-rtl .login legend,body.dir-rtl .registration legend,body.dir-rtl .remind legend,body.dir-rtl .reset legend,
body.dir-rtl .login .page-header h1,body.dir-rtl .registration .page-header h1,body.dir-rtl .remind .page-header h1, .reset .page-header h1{
	text-align:right
}
@media screen and (max-width: 767px){
	.login form, .registration form, .remind form, .reset form,.login + div ul,.profile-edit form{
		max-width:100%;
	}
}
/************************************* Login Form*************************************/
.login label[for="remember"]{
	padding-left:30px;
}
.login #remember {
    margin: -30px 0 0;
	float: right;
}
.dir-ltr .login #remember{
	margin-top:-65px
}
.login + div .nav-tabs > li {
    margin: 0;
	font-size:0.75rem;
	width:calc(100%/3);
	float:right;
	text-align:center
}
.login + div .nav-tabs > li > a{
	padding:0;
	background:none;
}
.reset p ,.remind p{
	font-size:0.75rem
}
.login + div .nav-tabs > li:first-child{
	text-align:left
}
.login + div .nav-tabs > li:last-child{
	text-align:right
}
body.dir-rtl .login + div .nav-tabs > li:first-child{
	text-align:right
}
body.dir-rtl .login + div .nav-tabs > li:last-child{
	text-align:left
}
body.dir-rtl .login label[for="remember"]{
	padding-left:0;
	padding-right:30px;
}
@media screen and (max-width: 767px){
	.login + div .nav-tabs > li {
		width:100%;
		text-align:left !important
	}
	body.dir-rtl .login + div .nav-tabs > li {
		text-align:right !important
	}
}
/************************************* Profile*************************************/
.profile{
	font-size:0.8rem
}
.profile legend{
	line-height:35px;
	background:#fbfbfb;
	padding:0 15px;
	border-radius:2px;
	font-size:1rem
}
.profile dt, .profile dd,.dl-horizontal dt, .profile> ul{
	margin:0
}
.dl-horizontal dt{
	width:30%
}
body.dir-rtl .dl-horizontal dt{
	text-align:right
}
@media only all and (max-width: 47.938rem){
	.dl-horizontal dt{
		width:100%
	}
	.profile .dl-horizontal dt{
		border-bottom:1px solid #ddd
	}
	.profile .dl-horizontal dd{
		margin-bottom:2rem
	}
	.profile fieldset{
		display:inline-block;
		width:100%;
		box-sizing:border-box
	}
}