.login-form{max-width:500px;margin:auto;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:12px;overflow:hidden;background:#fff;}
.login-form .lf-tabs{display:flex;}
.login-form .lf-tabs .lf-tab{width:50%;padding:12px 15px;color:inherit;text-align:center;text-transform:uppercase;font-weight:bold;background:#f1f1f1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.login-form .lf-tabs .lf-tab.active{background:#fff;color:#ff6fbc;}
.login-form .lf-content{padding:30px 40px 0;}
.login-form .lf-content h1{font-size:1.8em;margin-bottom:20px;}
.login-form .lf-content .info{margin:-5px 0 20px;font-size:0.9em;}
.login-form .lf-content .field{margin:0 0 10px;}
.login-form .lf-content .field .label{margin:0 0 5px;font-weight:bold;}
.login-form .lf-content .field .inp input,.login-form .lf-content .field .inp select{width:100%;}
.login-form .lf-content .field .chk{display:flex;}
.login-form .lf-content .field .chk .inp-checkbox{flex-shrink:0;margin:0 5px 0 0;}
.login-form .lf-content .field.autologin{font-size:0.9em;margin-top:20px;}
.login-form .lf-content .field.rules{font-size:0.9em;margin-top:15px;}
.login-form .lf-footer{text-align:center;padding:10px 40px 30px;}
.login-form .lf-footer .button.base{display:flex;margin:0 0 20px;}
.login-form .lf-footer .forgot{font-size:0.9em;font-weight:bold;text-decoration:underline;}
.login-form .lf-footer .forgot:hover{text-decoration:none;}
.login-form .lf-footer:after{content:'';display:block;clear:both;}
.register-form{max-width:600px;background:#fff;padding:0;}
.register-form .lf-content .field{display:flex;align-items:center;}
.register-form .lf-content .field .label{width:145px;text-align:right;margin:0 10px 0 0;}
.register-form .lf-content .field .inp{flex-grow:1;}
.register-form .rules-more-btn{font-size:0.9em;color:#ff6fbc;margin:2px 0 5px;}
.register-form .rules-more-btn span:after{content:' \f0d7';font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.register-form .rules-more-btn span:hover{text-decoration:underline;cursor:pointer;}
.register-form .rules-more-btn span.active:after{content:' \f0d8';}
.register-form .rules-more{color:#666;font-size:0.8em;}
.user-menu{margin:0 0 20px;border-bottom:2px solid #cfcfcf;}
.user-menu ul,.user-menu li{list-style:none;margin:0;}
.user-menu > ul{display:flex;}
.user-menu > ul > li{margin:0;position:relative;}
.user-menu > ul > li .a{padding:12px 20px;font-weight:600;color:#191919;display:block;transition:200ms all ease;-webkit-transition:200ms all ease;}
.user-menu > ul > li .a:hover{text-decoration:none;background:rgba(255,255,255,0.1);}
.user-menu > ul > li.active:before{content:'';height:3px;background:#ff6fbc;position:absolute;left:0;right:0;bottom:-2px;}
.user-menu > ul > li:last-child{margin-left:auto;}
.user-menu > ul > li:last-child .a:before{content:'\f2f5';margin-right:5px;font-weight:normal;font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.user-menu > ul > li:last-child .a:hover{opacity:0.8;}
.user-menu .user-rwd-btn{display:none;}
.box.user-box{border:none !important;margin-bottom:50px !important;}
.box.user-box h2{margin:0 0 15px;font-size:1.4em;font-weight:bold;color:#ff6fbc;}
.box.user-box .box-hdr{padding:0;margin:0 0 15px;font-size:1.4em;font-weight:bold;color:#ff6fbc;text-transform:unset;}
.box.user-box .box-cnt{padding:0;}
.box.user-box .remove-avatar{margin-left:5px;vertical-align:bottom;color:#c9202c;font-size:0.8em;text-transform:lowercase;}
.box.user-box .remove-avatar .fa{margin-right:2px;}
.box.user-box .remove-avatar:hover{text-decoration:underline;cursor:pointer;}
.box.user-box .remove-account{text-align:right;font-size:11px;padding:0 10px;}
.box.user-box .remove-account a{color:#c9202c;}
.user-loyality .title{font-size:2em;text-align:center;margin:50px 0;text-transform:uppercase;font-weight:bold;}
.user-loyality .title span{color:#ff6fbc;display:inline-block;position:relative;}
.user-loyality .title span:after{content:'';height:4px;position:absolute;left:0;bottom:-5px;right:0;background:#ff6fbc;}
.user-loyality .items{max-width:900px;display:flex;margin:auto;}
.user-loyality .items .item{width:33.3333%;padding:0 24px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.user-loyality .items .item .icon{width:120px;height:120px;line-height:120px;margin:auto;text-align:center;font-size:30px;border:4px solid #ff6fbc;border-radius:50%;}
.user-loyality .items .item .info{font-size:1.2em;text-align:center;text-transform:uppercase;margin:15px 0 0;}
.user-panel{padding:24px;margin:0 0 20px;overflow:hidden;background:#f1f1f1;border-radius:12px;}
.user-panel .items{display:flex;margin:0 -12px;}
.user-panel .items .item{width:1%;flex-grow:1;padding:16px 16px 16px 65px;margin:0 12px;position:relative;background:#fff;border-radius:12px;box-shadow:0 4px 4px rgba(0,0,0,0.1);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.user-panel .items .item .icon{position:absolute;left:16px;top:12px;font-size:30px;}
.user-panel .items .item .icon:before{font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:bold;}
.user-panel .items .item.orders .icon:before{content:'\f218';color:#ff6fbc;}
.user-panel .items .item.credit .icon:before{content:'\f4c0';color:#97be0d;}
.user-panel .items .item.invoices .icon:before{content:'\f571';color:#cf83c9;margin-left:5px;}
.user-panel .items .item.payments .icon:before{content:'\f843';color:#c9202c;}
.user-panel .items .item .info .title{font-weight:bold;}
.user-panel .items .item .info .value{font-weight:bold;font-size:1.8em;margin:5px 0;}
.user-profile{display:flex;margin:0 -12px 24px;}
.user-profile .column{width:50%;padding:0 12px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.user-profile .column.data{width:25%;}
.user-profile .column.data h2{margin:0 0 20px;}
.user-profile .column .items .item{margin:0 0 15px;}
.user-profile .column .items .item .title{font-weight:bold;margin:0 0 5px;}
.user-profile .column .items .item .hint{font-size:0.8em;margin:5px 0 0;color:#6f6673;}
.user-profile .column .edit a{text-decoration:underline;font-size:0.9em;font-weight:bold;}
.user-profile .column .edit a:hover{text-decoration:none;}
.user-noorders{min-height:185px;max-width:650px;display:flex;align-items:center;}
.user-noorders .image{max-width:40%;margin-right:20px;flex-shrink:0;}
.user-noorders .image img{width:100%;}
.user-noorders .content{display:flex;justify-content:center;flex-direction:column;}
.user-noorders .content .message{font-size:1.4em;}
.user-noorders .content .goto{margin:20px 0 0;}
.user-noorders .content .goto a{text-decoration:underline;font-weight:bold;}
.user-noorders .content .goto a:hover{text-decoration:none;}
.user-order-details{display:flex;margin:0 -12px 30px;}
.user-order-details .column{flex-grow:1;width:33.3333%;padding:0 12px;display:flex;flex-direction:column;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.user-order-details .column .data{flex-grow:1;padding:10px 20px;background:#f1f1f1;border-radius:12px;}
.user-order-details .column .data .tbl tr:last-child{border:none;}
.user-order-details .column .data .tbl td:first-child{padding-left:0;}
.user-filter{display:flex;margin:0 -5px 15px;}
.user-filter .item{width:20%;max-width:320px;min-width:160px;flex-grow:1;padding:0 5px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.user-filter .item input,.user-filter .item select,.user-filter .item .select2-container,.user-filter .item .form-date{width:100%;}
.user-filter .item .select2-container{width:100% !important;}
.user-filter .button{margin:0 5px;}
@media screen and (max-width: 1000px){.user-menu{border:none;}
.user-menu ul{display:none;}
.user-menu .user-rwd-btn{display:flex !important;}
.user-menu .user-rwd-btn:after{content:'\f0c9';font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;margin-left:6px;}
.user-panel{padding:20px 10px 10px !important;border-radius:0 !important;}
.user-panel .items{overflow:hidden;padding:0 13px 10px;}
.user-panel .items.slick-slider{padding:0 0 10px;}
.user-panel .items .slick-list{overflow:visible;width:auto;margin:0 20px;width:calc(100% - 40px);}
.user-panel .items .slick-track{display:flex;}
.user-panel .items .slick-track .slick-slide{height:auto;}
.user-panel .items .slick-track .slick-slide > div{padding:0 5px;height:100%;}
.user-panel .items .slick-track .slick-slide .item{margin:0;height:100%;}
.user-panel .items .item:nth-child(4){display:none;}
.user-profile{flex-wrap:wrap;}
.user-profile .column.data{width:50%;margin-bottom:40px;}
.user-profile .column.orders{width:100%;}
.user-filter{flex-wrap:wrap;}
}
@media screen and (max-width: 740px){.user-order-details{flex-direction:column;margin-bottom:0;}
.user-order-details .column{width:100%;margin:0 0 30px;}
.user-panel{margin-left:-20px !important;margin-right:-20px !important;}
.user-panel .items .item:nth-child(3){display:none;}
}
@media screen and (max-width: 540px){.user-panel .items .item:nth-child(2){display:none;}
.login-form .lf-content{padding:20px 30px 0;}
.login-form .lf-content h1{font-size:1.6em;}
.login-form .lf-footer{padding:10px 30px 20px;}
.register-form .lf-content .field{display:block;}
.register-form .lf-content .field .label{width:auto;margin:0 0 5px;text-align:left;}
}
@media screen and (max-width: 480px){.user-noorders{display:block;text-align:center;}
.user-noorders .image{max-width:unset;padding:0 0 20px;}
.user-noorders .image img{width:auto;}
.user-profile .column.data{width:100%;text-align:center;}
.user-profile .column.orders h2{text-align:center;}
}
