.login-form{max-width:500px;margin:auto;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:8px;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:#f8f8f8;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.login-form .lf-tabs .lf-tab.active{background:#fff;color:#f20000;}
.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 .social{margin:24px 0 0;display:flex;flex-direction:column;}
.login-form .lf-footer .social .sep{display:flex;align-items:center;}
.login-form .lf-footer .social .sep hr{width:100%;}
.login-form .lf-footer .social .sep span{margin:0 16px;}
.login-form .lf-footer .social .button{margin:1em 0 0;}
.login-form .lf-footer .social .button:first-child{margin-top:0;}
.login-form .lf-footer .social .button i{font-size:1.1em;font-weight:normal;}
.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:#f20000;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 #cfcaca;}
.user-menu ul,.user-menu li{list-style:none;margin:0;}
.user-menu > ul{display:flex;}
.user-menu > ul > li{margin:0;position:relative;text-align:center;}
.user-menu > ul > li .a{padding:12px 20px;font-weight:600;color:#080707;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:#f20000;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:#f20000;}
.box.user-box .box-hdr{padding:0;margin:0 0 15px;font-size:1.4em;font-weight:bold;color:#f20000;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;}
.page.grey .user-box{padding:20px;}
.user-loyality .title{font-size:2em;text-align:center;margin:50px 0;text-transform:uppercase;font-weight:bold;}
.user-loyality .title span{color:#f20000;display:inline-block;position:relative;}
.user-loyality .title span:after{content:'';height:4px;position:absolute;left:0;bottom:-5px;right:0;background:#f20000;}
.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;color:#20b36d;text-align:center;font-weight:bold;font-size:32px;border:5px solid #f20000;border-radius:50%;}
.user-loyality .items .item .info{font-size:1.2em;text-align:center;text-transform:uppercase;margin:15px 0 0;}
.user-loyality .items .item:nth-child(2) .icon{color:#ff7043;}
.user-loyality .items .item:nth-child(3) .icon{color:#c9202c;}
.user-loyality .content{margin:50px 0 0;text-align:center;}
.user-panel{padding:24px;margin:0 0 20px;overflow:hidden;background:#f8f8f8;border-radius:8px;}
.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:8px;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:#f20000;}
.user-panel .items .item.credit .icon:before{content:'\f4c0';color:#20b36d;}
.user-panel .items .item.invoices .icon:before{content:'\f571';color:#ff7043;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:#a1a1a1;}
.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-profile .column .trader{margin-top:20px !important;padding-top:20px;border-top:1px solid rgba(0,0,0,0.1);}
.user-profile .column .trader .trader-name{display:flex;align-items:center;}
.user-profile .column .trader .trader-avatar{width:40px;height:40px;border-radius:50%;background:#f8f8f8;overflow:hidden;display:flex;align-items:center;margin-right:10px;}
.user-profile .column .trader .trader-avatar img{height:100%;}
.user-profile .column .trader .trader-data{margin-top:5px;clear:both;}
.user-profile .column.orders .upload-csv{text-align:right;font-size:0.9em;}
.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-noorders .content .goto .sep{height:10px;}
.user-noorders .content .goto .more{font-size:0.9em;}
.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:#f8f8f8;border-radius:8px;}
.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;}
.complaint-products{background:#f8f8f8;border-radius:8px;border:1px solid #cfcaca;overflow:hidden;}
.user-order-cart-rwd{display:none;background:#f8f8f8;padding:20px 20px;border-radius:8px;}
.user-order-cart-rwd .product{margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid #cfcaca;}
.user-order-cart-rwd .product .name{font-weight:600;}
.user-order-cart-rwd .product .name span{font-weight:normal;}
.user-order-cart-rwd .product .items{display:flex;margin-top:14px;flex-wrap:wrap;}
.user-order-cart-rwd .product .items .item{display:flex;margin-right:20px;white-space:nowrap;}
.user-order-cart-rwd .product .items .item .item-name{font-weight:600;margin-right:5px;}
.user-order-cart-rwd .product .items + .items{margin-top:10px;}
.user-order-cart-rwd .sum-products{text-align:right;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid #cfcaca;}
.user-order-cart-rwd .sum-products .label{font-weight:bold;margin-bottom:5px;}
.user-order-cart-rwd .sum-products .value-gross{font-weight:600;}
.user-order-cart-rwd .summary{text-align:right;}
.user-order-cart-rwd .summary .label{font-weight:bold;margin-bottom:5px;}
.user-order-cart-rwd .summary .value-gross{font-weight:600;font-size:1.2em;}
.user-prepaid-redirect{text-align:center;padding:50px 0 30px;background:url(/i/common/ajax-loader.svg) no-repeat center top;background-size:30px;}
.user-prepaid-redirect .info{font-size:1.8em;margin:0 0 10px;}
.user-prepaid-redirect .sub{font-size:1.2em;margin:0 0 30px;}
.user-custom-offer-form{position:relative;}
.user-custom-offer-form.loading{pointer-events:none;}
.user-custom-offer-form.loading::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:100;background:rgba(255,255,255,0.6);}
.tbl.tbl-user-offer .status{text-align:center;display:inline-flex;padding:6px 8px;font-size:0.8em;font-weight:600;line-height:1;white-space:nowrap;border-radius:4px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
@media screen and (max-width: 1500px){.user-menu > ul > li .a{padding:12px 16px;}
}
@media screen and (max-width: 1280px){.user-menu{border:none;}
.user-menu ul{display:none;}
.user-menu .user-rwd-btn{display:flex !important;}
.user-menu .user-rwd-btn::before{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-right:6px;}
.user-filter{flex-wrap:wrap;}
}
@media screen and (max-width: 1000px){.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-order-details{flex-direction:column;margin-bottom:0;}
.user-order-details .column{width:100%;margin:0 0 30px;}
}
@media screen and (max-width: 740px){.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 20px 0;}
.login-form .lf-content h1{font-size:1.6em;}
.login-form .lf-footer{padding:10px 20px 20px;}
.register-form .lf-content .field{display:block;}
.register-form .lf-content .field .label{width:auto;margin:0 0 5px;text-align:left;}
.user-order-cart{display:none;}
.user-order-cart-rwd{display:block;}
.user-loyality .items{flex-direction:column;}
.user-loyality .items .item{width:100%;flex-grow:1;margin:0 0 40px;}
.user-loyality .content{margin-top:20px;}
}
@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.data .trader-name{display:block;}
.user-profile .column.orders h2{text-align:center;}
}