:root{--dark-black: #272b31}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Red Hat Display,sans-serif!important}#side-nav{position:absolute;top:0;left:0;width:200px;background-color:var(--dark-black);height:100vh}#main-content{position:relative;top:0;left:200px;width:calc(100% - 200px)}.logo-container{margin-top:50px;justify-content:center;text-align:center}.logo{height:60px;width:160px}.tag-container{display:flex;flex-direction:column;margin-top:1rem}.tags{display:flex;flex-direction:row;height:50px;width:auto;font-size:1rem;align-items:center;justify-content:flex-start;padding:20px}.tags:hover{background-color:#0d161e;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.tags.active{background-color:#0d161e}.icons{margin-right:15px}a,a:hover{color:#919497;text-decoration:none;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.login-body{font-family:Arial,sans-serif;background-image:url(/images/background.jpg);background-size:100% 100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;height:100vh;background-color:#f4ebba}.login-container{margin-left:.7rem;width:30rem;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 0 10px #0000001a;text-align:center;justify-content:center;align-items:center;background-color:transparent;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.form-content{justify-content:center;align-items:center;text-align:center}.img-container{width:24rem;justify-content:center;align-items:center;display:block;margin:0 auto}img{width:22rem;justify-content:center;align-items:center}.checkbox{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);width:20%;margin-top:.9rem;accent-color:#3b3836}.rememberMe{display:flex;flex-direction:row;width:10rem;justify-content:center;align-items:center;text-align:center;margin-left:.9rem}input{width:calc(100% - 30px);padding:5px 5px 5px 30px;box-sizing:border-box;margin-bottom:10px;background-color:transparent;border:none;border-bottom:1px solid #fff;outline:none}input:focus{border-bottom:2px solid #fff}.input-group{position:relative;margin-bottom:1rem;width:24rem;justify-self:center;align-items:center;margin-top:3rem;margin-left:2.5rem}.form-icon{margin-right:.65rem}.input-group input::placeholder{color:#fff}.icon{position:absolute;top:38%;transform:translateY(-50%);left:10px;color:#fff}.login-btn{background-color:#ecc42e;color:#000;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700;width:22.2rem;justify-content:center;margin-left:.55em}.login-btn:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.actions{display:flex;flex-direction:row;font-size:13px;justify-content:space-between;width:27rem;margin-left:.4rem}.user{display:flex;flex-direction:row;font-size:5px}.forgotPW{width:10rem;margin-right:.6rem;justify-content:center;align-items:center;text-align:center;margin-top:.8rem}.fpw{color:#fff;font-style:italic}.hover-content{width:100%;height:100%;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:10px;background-color:#3e3e3d;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.card-component:hover .hover-content{display:flex;flex-direction:column;justify-content:center;border:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.view-btn{background-color:#c2c3c8;height:2rem;border:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin-bottom:.5rem;font-size:.8rem}.addToCart-btn{background-color:#f1cc30;height:2rem;border:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-size:.8rem}.card-component{position:relative;border:1px solid #dddbdb;border-radius:5px;width:165px;display:flex;flex-direction:column;align-items:center;margin:1rem}.card-component-info{padding:1rem 1rem 0;display:flex;flex-direction:column;justify-content:center}.card-component p{margin:0;font-size:12px;text-align:center;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-component .code{font-size:11px!important}.brand-logo-container{width:100%;display:flex;justify-content:center}.brand-logo{width:65%}.tire-image{width:100%;margin-top:.5rem;height:5rem;margin-bottom:.5rem;border-radius:5px}.pre-price{width:100%;background-color:#585857;padding:0;text-align:center;color:#fff;padding:.1rem}.now-price{color:#b41014;margin:.5rem 0}.card-component-prices{padding:0 1rem 1rem;display:flex;flex-direction:column;text-align:center}.card-component-prices p{font-size:10px;font-weight:600}.popup-content{position:absolute;display:flex;background-color:#fff;width:70%;padding:1.5rem;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;top:50%;left:50%;transform:translate(-50%,-50%);max-width:868px}#popup-dialog .popup-details img{width:20%}.popup-details{width:100%;display:flex;flex-direction:column}.popup-details h6,.popup-details p{margin-bottom:0}.all-season-container{display:flex;flex-direction:row}#popup-dialog .popup-details .all-season-container img{border-radius:50%;width:14px;margin-right:5px}.all-season-container p{font-size:10px;font-weight:600}.popup-header{border-bottom:1px solid #e5e5e8;padding-bottom:.5rem}.popup-info{margin-top:1rem;display:flex;flex-direction:row}.popup-info .run-flat{display:flex;flex-direction:column;width:20%}.popup-info .run-flat p,.popup-info .tread-depth p,.note-container p{font-size:12px}.popup-info .run-flat button{background-color:#ecc42e;border:none;border-radius:5px;width:80%;height:2rem;font-size:12px;font-weight:500;margin-top:.4rem}.popup-info .tread-depth{margin-left:1rem;width:100%}.popup-info .tread-depth .tread-depth-percentage,.note-container .note-info{border:1px solid #e5e5e8;border-radius:8px;padding:5px;height:2rem;margin-top:.4rem;display:flex;align-items:center}.popup-details .dot{margin-top:1rem;font-size:12px}.popup-details .dot .dot-btns{display:flex;flex-direction:row;width:100%;justify-content:space-between;margin-top:.4rem}.popup-details .dot .dot-btns button{display:flex;flex-direction:column;border:1px solid #e5e5e8;background-color:transparent;padding:.4rem;border-radius:8px;width:24%;height:2rem;justify-content:center;align-items:center}.popup-details .dot .dot-btns button p{font-size:8px}.popup-details .dot .dot-btns button h6{font-size:12px}.note-container{margin-top:1rem}.cost-container{display:flex;flex-direction:row;align-items:center;margin-top:1rem;justify-content:space-between}.addToCart-button{border:none;height:2.5rem;border-radius:5px;background-color:#ecc42e;margin-top:1rem}.close{width:2rem;height:1rem;color:#000;float:right;font-size:20px;font-weight:700;border-radius:50%;background-color:#ecedef;display:flex;align-items:center;justify-content:center;cursor:pointer}.close p{font-size:17px}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.viewed-component{margin-top:.1rem;width:150%;padding-right:1.5rem}.viewed-img{position:relative;width:50%;height:75%}.navigation-buttons{position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%);display:flex;justify-content:space-between;z-index:1}.prev-button,.next-button{background-color:#fff;border:none;padding:5px 10px;border-radius:50%;font-size:18px;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;font-weight:900}.prev-button:hover,.next-button:hover{background-color:#fffc}.slider_area *{margin:0;padding:0;box-sizing:border-box}.product-image-slider{width:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0 15px 15px}.preview:hover .handler{display:block;animation:show-thumb-right .5s}.handler{display:none;position:absolute;background:#fff;width:35px;height:35px;text-align:center;border-radius:50%;line-height:36px;z-index:12}.thumbnail{z-index:11;margin:5px 0;position:relative}#thumb-container{height:100%;overflow-y:scroll;z-index:12;display:flex;justify-content:start}.thumb-left{transform:translateY(-50%);top:50%;left:12px;display:none}.thumb-right{transform:translateY(-50%);top:50%;right:12px;display:none}.thumbnail:hover .thumb-left{display:block;animation:show-thumb-left .5s}@keyframes show-thumb-left{0%{opacity:0;left:2px}to{opacity:1;left:12px}}.thumbnail:hover .thumb-right{display:block;animation:show-thumb-right .5s}@keyframes show-thumb-right{0%{right:2px;opacity:0}to{opacity:1;right:12px}}#thumb-container::-webkit-scrollbar{display:none}.thumbnail img{width:20%;padding:2px;border-radius:10px;display:block}.thumbnail img.active{border:1px solid black}.preview{width:100%;height:495px;margin:0 auto;background:#fff;border-radius:10px;position:relative}.preview img{position:absolute;top:50%;left:50%;width:100%;border-radius:10px}.handler:hover{background-color:#e2e2e2;color:#000}.left{top:48%;left:10px}.right{top:48%;right:10px}.add-user-popup-container,.pay-card-popup-container,.pay-card-approve-container,.pay-cash-popup-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.add-user-popup,.pay-card-popup,.pay-card-approve-popup{position:absolute;display:flex;flex-direction:column;background-color:#fff;width:24%;padding:1.5rem;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;top:50%;left:50%;transform:translate(-50%,-50%);max-width:750px;padding:1rem;min-height:596px}.add-user-popup{min-height:0}.pay-card-popup{padding:2rem!important}.add-user-popup-img{display:flex;justify-content:center;margin-bottom:1rem}.add-user-popup img{width:24%;display:flex;border-radius:50%}.add-user-popup input{border:1px solid #dcdde1;border-radius:4px;font-size:x-small;padding-left:8px;width:98%}.add-user-popup button{border:none;padding:8px;border-radius:4px;color:#fff;background-color:#adacb2;font-size:14px}.pay-card-approve-container .pay-card-popup button,.pay-cash-popup-container button{background-color:#50953e!important}.card-container{width:100%;display:flex;flex-wrap:wrap;align-items:center;max-height:91vh;overflow-y:auto}.card-container::-webkit-scrollbar{width:10px}.card-container::-webkit-scrollbar-track{background:#d7d8dc}.card-container::-webkit-scrollbar-thumb{background:#99989d;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.card-container::-webkit-scrollbar-thumb:hover{background:#555}.pay-card-popup .customer-info{margin-top:1rem}.pay-card-popup p{font-size:12px}.pay-card-popup .price-container,.pay-card-popup .price-container-total{display:flex;justify-content:space-between;border-bottom:1px solid #e5e6e8;height:2rem;align-items:end}.pay-card-popup .price-container h6,.pay-card-popup .price-container-total h5{margin:0}.pay-card-popup .price-container-total{border-bottom:none}.price-container-top{display:flex;justify-content:space-between;border-bottom:1px solid #e5e6e8;height:1.25rem}.pay-card-popup textarea{width:100%;border:1px solid #e5e6e8;padding:.2rem 0 2rem .5rem;margin:0;font-size:12px;height:clamp(2rem,7vw,4rem);margin-top:.5rem}.pay-card-popup textarea::placeholder{color:#b2b1b6}.pay-card-popup textarea:focus{outline:none}.pay-card-popup .dataphone-cash{display:flex;justify-content:center;align-items:center;margin:1rem 0;padding:0 1.6rem;color:#adacb2}.pay-cash-popup-container .dataphone-cash{margin-top:3rem}.pay-card-popup .dataphone-cash img{width:30%;margin-right:8px}.pay-card-popup button{border:none;color:#fff;background-color:#adacb2;padding:.4rem;border-radius:4px;font-size:14px;position:absolute;top:91%;left:10%;width:80%}.approved-tick-container{margin:1.5rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.approved-tick-container h6{margin-top:.5rem;color:#717175}.approved-tick{width:31%;background-color:#50953e;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;padding:.5rem}.approved-tick .fa-check{font-size:4rem}.sale-page-container{display:flex;width:100%;height:100vh}.cart-section{width:349px;display:flex;flex-direction:column}.cart-header{background-color:#000;color:#fff;display:flex;align-items:center;padding:.7rem 1rem}.cart-header h5{margin-bottom:0;font-size:16px}#no-product{padding:1rem;font-size:14px}.hidden{visibility:hidden!important}.add-products-section{height:60vh;background-color:#fff;overflow-y:auto;border-left:1px solid #ccc}.add-products-section::-webkit-scrollbar{width:10px}.add-products-section::-webkit-scrollbar-track{background:#f1f1f1}.add-products-section::-webkit-scrollbar-thumb{background:#888;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.add-products-section::-webkit-scrollbar-thumb:hover{background:#555}.added-product{padding:.8rem .6rem .8rem 1rem;border-bottom:1px solid #c8c9ce}.added-product p{font-size:11px}.model-info{color:#434142;font-weight:900;font-size:14px!important}.added-product-info{display:flex;justify-content:space-between;align-items:center;height:1rem}.added-product-info p{color:#434142;font-weight:700}.added-product-info h4{margin-bottom:0;font-size:16px;font-weight:700}.deleteProduct{font-size:24px;cursor:pointer;font-weight:700}.cart-details{background-color:#fff}.cart-details table h3,.cart-details table h5{margin-bottom:0}.colored-text{color:#4292d4}.total-text{color:#000;font-size:1.2em;font-weight:700}.cost-type{color:#000!important}table{border-collapse:collapse;width:100%;height:100%}td{border:1px solid #c8c9ce;display:flex;padding:.1rem 1rem;align-items:center;border-bottom:0;justify-content:space-between;font-size:14px}tr{width:100%;border:none;margin:0}#checkout-btn{width:100%;background-color:#ecc42e;color:#fff;text-align:center;text-decoration:none;font-size:1.5rem;cursor:pointer;border:none;color:#000;padding:.1rem 0}#checkout-btn:hover{transform:none}#add-customer{width:12%;padding:.5rem;background-color:#76a9da;color:#fff;border:none}.customerField1{padding:0;justify-content:space-between}.customerField2{padding:0;justify-content:space-between;border:none}#customerName{height:1rem;font-size:.8rem;align-items:center;margin:0;border:none}.payment-section{width:100%;display:flex;justify-content:space-between;padding:1rem;background-color:#d3d1d1}.credit-card{display:flex;flex-direction:row;background-color:#50953e;width:210px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;justify-content:space-between;align-items:center;margin-right:1rem}#credit-radio{display:none}#credit-radio+label{position:relative;cursor:pointer;color:#fff;display:flex;justify-content:space-evenly;align-items:center;padding:.8rem}#credit-radio+label:before{content:"";top:50%;width:1rem;height:1rem;border-radius:50%;border:1px solid #50953e;background-color:#fff}#credit-radio:checked+label:before{content:"✓";font-weight:900;color:#50953e;background-color:#fff;border:none;display:flex;justify-content:center;align-items:center}#cash-radio{display:none}#cash-radio+label{position:relative;cursor:pointer;color:#717175;display:flex;justify-content:space-evenly;align-items:center;padding:.8rem}#cash-radio+label:before{content:"";width:1rem;height:1rem;border-radius:50%;border:2px solid #717175}#cash-radio:checked+label:before{content:"✓";font-weight:900;color:#717175;background-color:#fff;border:2px solid #717175;display:flex;justify-content:center;align-items:center}.radio-labels{font-size:12px}#credit-image,#cash-image{width:25%}.credit-icon{color:#fff;font-size:2.5rem;margin-right:1em}.cash{display:flex;flex-direction:row;background-color:#fff;width:210px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;justify-content:space-between;align-items:center}#cash-radio,#credit-radio{width:1.2rem;background-color:#fff;outline:none;cursor:pointer;margin:0}.cash-icon{color:#717175;font-size:2.5rem;margin-right:.5rem}.sales-header{background-color:#dddbdb;display:flex;align-items:center;padding:1rem;justify-content:space-between}.search-box{display:flex;width:60%;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.search-button{border:none;width:10%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#fff;color:#adacb2;display:flex;align-items:center;justify-content:center}.search-input{color:#adacb2;margin-bottom:0;border-bottom:none;padding-left:0}.search-input::placeholder{color:#adacb2;font-weight:400}.sort-box{display:flex;width:30%}.sort-box .options-container{width:100%;margin:0 .5rem}.sort-box .options-container option{color:#868589;font-size:14px}.sort{width:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#fff;border:none;color:#adacb2;padding:.5rem}.sort:focus{outline:none}.card-section{width:calc(100% - 349px)}.cart-container{background-color:#bfbfe5;width:30%}.view-box{width:16%;display:flex;background-color:#dddbdb}.grid-btn,.grid-btn-vertical{border:none;background:none;margin-right:.1rem}.gridBtns{width:100%}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;justify-content:center}.carousel-indicators button.thumbnail{width:100px}.carousel-indicators button.thumbnail:not(.active){opacity:.7}.carousel-indicators{position:static}@media screen and (min-width: 992px){.carousel{margin:0 auto}}@media screen and (min-width: 1440px){.pay-card-popup .dataphone-cash img{width:22%;margin-bottom:1rem}.view-box{width:10%}}.page-container{height:100vh;width:100%;background-color:#ecedef}.header-container{width:100%;padding:3rem 2rem 2rem 4rem;display:flex;justify-content:space-between;height:12rem;align-items:center}.button-container{display:flex;height:3rem}.btn{background-color:#ecedef;border:solid 2px #b8b8bb;border-radius:0;font-size:14px;display:flex;justify-content:center;align-items:center}.btn1,.btn2{border-right:none}.btn1{border-top-left-radius:5px;border-bottom-left-radius:5px}.btn3{border-top-right-radius:5px;border-bottom-right-radius:5px}.btn:hover{background-color:#adacb2}.btn:focus{background-color:#919497;outline:0;box-shadow:none}.info-container{display:flex;background-color:#fff;margin-left:2rem;justify-content:space-evenly;padding:1rem 2rem 1rem 0;height:24rem;align-items:center}#topic{color:#0f0f0f}#value{color:#5b5b5f;font-weight:900}.saleAndPurchase{width:18%}.saleAndPurchase p{font-size:12px}.purchase-orders{background-color:#ecedef;padding:1rem;margin-top:3rem}.chart-container{width:50%}.information{width:15%;display:flex;align-items:end;margin-top:2.5rem}.information .revenue-info{margin-top:.8rem}#dispatched-orders{color:#0f0f0f;margin-top:1rem;font-size:12px}#myChart{width:100%!important;max-height:253px!important;max-width:900px!important}.cards-container{display:flex;flex-direction:row;margin-top:5%;height:4rem;align-items:center;justify-content:center}.para-container{width:40%}.cards-component{display:flex;flex-direction:row;height:5rem;width:24.5rem;justify-content:center}.card{width:11rem;align-items:flex-start;justify-content:center;padding:1.5rem;text-align:center;margin-left:1rem}.card h5{font-size:1rem!important}.avatar1{background-color:#50953e;width:40%;font-size:2rem;color:#a7c99e;align-content:center;display:flex;justify-content:center;align-items:center}.avatar2{background-color:#fb5d5d;width:40%;font-size:2rem;color:#fcadad;display:flex;justify-content:center;align-items:center}.avatar3{background-color:#ecc42e;width:40%;font-size:2rem;color:#f5e196;display:flex;justify-content:center;align-items:center}#total-customers{color:#6fd64b;font-weight:900}#items-to-sale{color:#fb5d5d;font-weight:900}#products-sold{color:#ecc42e;font-weight:900}p{margin:0}.rev{color:#5b5b5f;font-weight:700}.pos-container{color:#4f5358;display:flex;justify-content:center;position:absolute;bottom:0;width:100%}