*, ::before, ::after {box-sizing: border-box;margin: 0px;padding: 0px;}
html, html a {-webkit-font-smoothing: antialiased;}
a {text-decoration: none;color: inherit;}
@font-face {font-family: 'NotoSansBold';src: url(../fonts/NotoSansBold.ttf)}
@font-face {font-family: 'NotoSansSemiBold';src: url(../fonts/NotoSansSemiBold.ttf)}
@font-face {font-family: 'NotoSansRegular';src: url(../fonts/NotoSansRegular.ttf)}
li {list-style: none;}
body {height: 100%;margin: auto !important;overflow-x: hidden !important;color: #000;font-family: 'NotoSansRegular';}
.container {max-width: 1100px;margin: 0 auto;width: 100%;}
.testSite {color: #F00;font-size: 28px;left: 50%;position: fixed;top: 0px;z-index: 1000;width: 150px;margin-left: -75px;text-align: center;}

.bg_holder {background: #009247;height: calc(100vh - 128px);float: left;width: 35%;display: flex;align-items: center;position: relative;justify-content: center;}
.bg_holder > div {position: relative;z-index: 26;box-shadow: 0px 0px 5px #009247;}
.pnlDefaultAds {float: left;width: 65%;height: calc(100vh - 128px);position: relative;}
.pnlDefaultAds:before {content: '';background: url(../images/defaultBannerBefore.png) no-repeat;width: 335px;position: absolute;height: calc(100vh - 128px);left: -70px;background-size: 100% 100%;z-index: 25;}
.defaultAdsImg {height: calc(100vh - 128px);float: left;width: 100%;object-fit: cover;object-position: right;}
.pnlDefaultAds .swiper-button-next, .pnlDefaultAds .swiper-button-prev {display:none !important}
.pnlAds {float: left;width: 100%;overflow: hidden;}
.login_body {float: left;background-color: #ffffff;max-width: 380px;border-radius: 5px;padding-bottom: 10px;}
.login_body h1 {float: left;width: 100%;font-size: 15px;margin: 0 0 15px 0;font-family: 'NotoSansBold';color: #169048;padding: 15px 20px;border-bottom: 1px solid #D5D8D8;}
.inputDiv {float: left;width: 100%;margin-bottom: 10px;padding: 0 15px;}
.inputDiv span {float: left;width: 100%;line-height: 12px;margin-bottom: 10px;font-size: 12px;font-family: 'NotoSansBold';}
.inputDiv .input {float: left;width: 100%;height: 35px;outline: none;border: 1px solid #D5D8D8;padding: 0 15px;font-size: 12px;border-radius: 5px;}
.ddlSelect {appearance: none;background: url(../images/select.png) no-repeat;background-position: 93% center;float: right;border-radius: 5px;border: 1px solid #D5D8D8;outline: none;font-size: 12px;padding: 0 15px;height:35px;width: 100%;cursor: pointer;}
.logIn {display: table;width: calc(100% - 30px);margin: auto;border: none;background: #169048;color: #fff;font-size: 12px;height: 35px;cursor: pointer;outline: none;margin-bottom: 10px;border-radius: 5px;transition: all 0.4s ease;}
.logIn:hover {background: #007539;}
.btnCancel {display: table;width: calc(100% - 30px);margin: auto;border: 1px solid #169048;background: #fff;color: #169048;font-size: 12px;height: 35px;cursor: pointer;outline: none;margin-bottom: 10px;border-radius: 5px;transition: all 0.4s ease;}
.btnCancel:hover {background: #009247;color: #fff;border-color: #009247;}
.login_body a {float: left;width: 100%;text-align: center;margin-top: 5px;font-size: 13px;color: #169048;}
.custom-control {float: left;width: 100%;font-size: 11px;padding: 2px 15px;}    
.custom-control a {float: none;width: auto;text-align: left;margin: 0;font-size: inherit;}    

.phoneApproved {float: left;width: 49%;margin-bottom: 15px;}
.phoneApproved:nth-child(1) {margin-right:2%;}
.phoneApproved span {float: left;width: 100%;font-family: 'NotoSansBold';font-size: 15px;}
.phoneApproved input {float: left;height: 45px;padding: 10px;font-size: 14px;width: 100%;outline: none;border: 1px solid #c4c4c4;border-radius: 5px;color: #000;}
.errorBorderLeft {border-left: 6px solid #ff0000 !important;}

.phoneApprovedControl {margin: 0 0 10px 0;float: left;width: 49%;font-family: 'NotoSansSemiBold';font-size: 13px;line-height: 15px;}
.phoneApprovedControl input {float: left;width: 15px;height: 15px;margin-right: 7px;}

.btnPhoneApproved {float: right;background: #169048;color: #fff;font-size: 14px;padding: 10px 20px;border-radius: 5px;border: 1px solid transparent;transition: all 0.4s ease;font-family: 'NotoSansSemiBold';    margin: 0 0 0 15px;}
.btnPhoneApproved:hover {background: #007539;}

.btnPhoneApprovedClosed {background: url(../images/errorClosed.png) no-repeat;width: 20px;height: 20px;border: none;outline: none;background-size: contain;}

.error-text {font-family: 'NotoSansSemiBold';float:left;width:100%;margin-bottom: 5px;font-size: 12px;color:red;}
.error-text1 {font-family: 'NotoSansSemiBold';float:left;width:100%;font-size: 14px;margin-bottom: 15px;color:red;}

.header {float: left;width: 100%;}
.headerTop {float: left;width: 100%;padding: 20px 0;display: flex;align-items: center;justify-content: space-between;}
.headerTop > a {float: left;width: 160px;}
.headerTop > a img {float: left;width: 100%;}
.headerTop ul {margin: 0;padding: 0;}
.headerTop ul li {float: left;margin-left: 30px;}
.headerTop ul li:first-child {margin-left: 0;}
.headerTop ul li a {font-size: 12px;color: #169048;display: flex;align-items: center;font-family: 'NotoSansSemiBold';}
.headerTop ul li a img {margin-right: 7px;}
.headerTop ul li a div {position:relative;}
.btn-new-catalog {position: absolute;top: -11px;}
.headerBottom {float: left;width: 100%;background: #169048;}

.headerNav {float: left;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.headerNav > ul {margin: 0;padding: 0;}
.headerNav > ul li {float: left;}
.headerNav > ul li a {color: #fff;font-family: 'NotoSansBold';font-size: 13px;padding: 25px 15px;float: left;width: 100%;transition: all 0.4s ease;}
.headerNav > ul li a:hover {background: #01A953;}
.headerNav > ul li a > img {display: none;}
.headerNav > ul li a.disabled {background: #11773b !important;cursor: context-menu;color: #dedede;}
.lblDat {background: #01A953;}
.lblDat:hover {background: #107a3b !important;}

.vinProContentModal input {height: 50px;margin-bottom: 20px;padding: 10px;font-size: 14px !important;width: 100%;outline: none !important;border: 1px solid #c4c4c4 !important;border-radius: 5px !important;color: #000 !important;border-left: 4px solid #ec1e31 !important;}
.vinProContent {float:left;width:100%;}
.vinProContent input {height: 50px;margin-bottom: 10px;padding: 10px;font-size: 14px !important;width: 100%;outline: none !important;border: 1px solid #c4c4c4 !important;border-radius: 5px !important;color: #000 !important;}
.vinProContent select {appearance: none;background: url(../images/select.png) no-repeat;height: 50px;background-position: 96% center;border-radius: 5px;border: 1px solid #c4c4c4;outline: none;font-size: 14px;padding: 10px 15px;width: 100%;margin-bottom: 10px;cursor: pointer;font-family: 'NotoSansRegular';color: #000;}
.vinProBasicBottom {float: left;width: 100%;margin-top: 30px;}
.query {margin: 0 auto 20px auto;background: #eee;border-radius: 5px;transition: all 0.4s ease;color: #4d3d60;border: 1px solid #ccc;padding: 10px 15px;display: table;font-family: 'NotoSansSemiBold';}
.query:hover {background: #ccc;}
.btnFinishProcess {float: right;margin: 0;border: 1px solid #169048;border-radius: 5px;transition: all 0.4s ease;color: #169048;background: transparent;font-size: 14px;padding: 10px 15px;}
.btnFinishProcess:hover {background: #169048;color:#fff;}
.lblVin {float: left;width: 100%;font-family: 'NotoSansBold';text-align: center;margin-bottom: 50px;font-size: 20px;}
.remainingVinCredit {margin: 0 auto;background: #169048;border-radius: 5px;color: #fff;padding: 10px 20px;display: table;font-family: 'NotoSansBold';position: absolute;left: 0;right: 0;bottom: 25px;}
.required {border-left: 5px solid #ff0000;}

.vinIcon {float: left;width: 100%;display: flex;align-items: center;justify-content: center;}
.vinIcon img {width:100px;}
.vinIcon span {font-family: 'NotoSansBold';text-align: center;font-size: 20px;margin-left: 17px;}

.vin {display: flex;align-items: end;margin-bottom: 10px !important;justify-content: space-between;width: 100%;}
.vin span:last-child {font-size: 13px;color: #ec1e31;}

.navBasket {float: left;padding-right: 5px;position: relative;margin-right: 5px;}
.navBasket img {width: 15px;float: left;}
.navBasket span {background: #ec1e31;position: absolute;top: -15px;right: -5px;width: 20px;height: 20px;line-height: 20px;font-size: 10px;border-radius: 100%;text-align: center;font-family: 'NotoSansRegular';}
.account-navigation-wrapper {display: flex;align-items: center;height: 69px;flex-direction: row-reverse;}
.distInfo {display:flex;}
.distributorNameValue {margin-right: 10px;width: 130px;color: #fff;}
.distributorNameValue .distributorNameValueBold, .companyName .companyNameBold {color: #fff;font-size: 12px;width: 100%;display: block;font-family: 'NotoSansBold';}
.distributorNameValue .distributorNameValueSpan, .companyName .distributorNameValueSpan {float: left;color: #fff;font-size: 11px;}
.companyName {display: flex;align-items: center;position: relative;}
.companyName img {width: 35px;height: 35px;border-radius: 100%;}
.companyName div {float: right;width: 250px;}
.customerExtract {background: #01a953;display: flex;align-items: center;height: 100%;margin: 0 10px 0 0;padding: 0 15px;}
.customerExtract a {width: 100%;float: left;position: relative;}
.customerExtract a > span {color: #fff;font-size: 12px;width: 100%;display: block;font-family: 'NotoSansBold';}
.customerExtract div {display: flex;align-items: center;margin: 5px 0 0 0;}
.customerExtract div img {margin-right: 5px;}
.customerExtract div span {color: #fff;font-size: 12px;font-family: 'NotoSansBold';}
.swiperBanner {width: 100%;float: left;position: relative;}
.swiper-wrapper {width: 100%;height: 100%;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;margin-right: 20px;}
.swiper-pagination-bullet {position: relative;width: 30px;height: auto;text-align: left;border-radius: 0;opacity: 1;margin-right: 20px;background-color: transparent;}
.swiper-pagination-bullet i {position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;height: 7px;background-color: #fff;border-radius: 10px;}
.swiper-pagination-bullet b {position: absolute;bottom: 0;left: 0;z-index: 2;width: 0%;height: 7px;background-color: #169048;border-radius: 10px;}
.swiper-pagination-bullet-active {width: 45px;}
.swiper-pagination-bullet-active b {animation-name: countingBar;animation-duration: 3s;animation-timing-function: ease-in;animation-iteration-count: 1;animation-direction: alternate;animation-fill-mode: forwards;}
.sliderContainer {max-width: 1040px;margin: auto;position: relative;top: -45px;}
.swiperBanner .swiper-button-next svg, .swiperBanner .swiper-button-next:after, .swiperBanner .swiper-button-prev svg, .swiperBanner .swiper-button-prev:after {display:none !important}
.swiperBanner .swiper-button-next:before {content:'';background: url(../images/rightArrow.png) no-repeat;width: 10px;height: 8px;}
.swiperBanner .swiper-button-prev:before {content:'';background: url(../images/leftArrow.png) no-repeat;width: 10px;height: 8px;}

@keyframes countingBar {
    0% {width: 0;}
    100% {width: 100%;}
}
.sliderBg {float: left;width: 100%;height:260px;}
.searchNav {float: left;width: 100%;margin-top: 20px;position: relative;z-index: 9;}
.searchNav .nav {justify-content: center;border: none;}
.searchNav .nav .nav-item {margin: 0 5px;}
.searchNav .nav .nav-item .nav-link {background: #EBF0F0;color: #979797;font-size: 14px;border: none;border-radius: 0;margin: 0;padding: 13px 26px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.searchNav .nav .nav-item .nav-link:hover {background: #fff;}
.searchNav .nav .nav-item .nav-link.active {background: #fff;color: #169048;}
.searchNav .tab-content {float: left;width: 100%;}
.search {float: left;width: 100%;display: flex;background: #fff;padding: 15px;border-radius: 5px;box-shadow: 0px 0px 5px #636363;}
.search .txtSearch {width: 100%;float: left;border: none;background: none;font-size: 14px;outline: none;height: 50px;}
.search .btnSearch {background: #169048;border: none;padding: 0 45px;color: #fff;outline: none;transition: all 0.4s ease;border-radius: 5px;}
.search .btnSearch:hover {background-color: #007539;}
.searchResult {display: table;max-width: 96%;margin: 0 auto;background: #fff;z-index: 999;position: absolute;box-shadow: 0px 0px 10px #919191;top: 82px;left: 0;right: 0;border-radius: 5px;width: 100%;}
.searchResultTitle {float: left;width: 100%;font-size: 16px;font-family: 'NotoSansBold';color: #169048;position:relative;}
.searchResult ul {padding: 0;margin: 10px 0 0 0;float: left;width: 100%;height: 295px;overflow: overlay;}
.popularSearches {padding: 20px;float: left;width: 100%;border-left: 1px solid #e5e5e5;}
.popularSearches ul li {float: left;width: 99%;border: 1px solid #ebebeb;margin: 5px 0;padding: 10px;display: flex;align-items: center;justify-content: space-between;border-radius: 5px;}
.popularSearches ul li a {float: left;display: flex;align-items: center;width: 65%;}
.popularSearches ul li a img {height: 45px;width: 45px;object-fit: cover;object-position: center;}
.popularSearches ul li a > span {font-size: 12px;line-height: 15px;margin-left: 6px;}
.favLiRight {display: flex;align-items: center;width: 33%;margin-left: 2%;}
.popularSearches ul li .favPrice {width: 100%;float: left;margin-right: 25px;text-align: right;}
.popularSearches ul li .favPrice > span {float: left;width: 100%;font-size: 11px;color: #747474;display: flex;justify-content: end;align-items: end;line-height: 17px;}
.popularSearches ul li .favPrice > span > span {color:#000}
.popularSearches ul li .favPrice > span div {text-decoration: line-through;margin-left:5px;}
.popularSearches ul li .favPrice b {float: left;width: 100%;color: #169048;font-size: 14px;font-family: 'NotoSansBold';height: 33px;line-height: 33px;}
.popularSearches ul li .favStock {margin-right: 15px;text-align: center;}
.popularSearches ul li .favStock > span {font-size: 11px;line-height: 17px;float: left;width: 100%;}
.popularSearches ul li .favStock b {float: left;width: 100%;color: #169048;font-size: 13px;font-family: 'NotoSansBold';height: 33px;line-height: 33px;}
.favLiRight .info {width: 35px;float: left;margin: 15px 10px 0 0;}

.popularSearches ul li .favQuantity {float: left;text-align: center;margin-right: 25px;}
.popularSearches ul li .favQuantity span {font-size: 11px;line-height: 17px;float: left;width: 100%;}
.popularSearches ul li .favQuantity input {text-align: center;height: 33px;width: 35px;outline: none;font-size: 13px;color: #828282;border: 1px solid #c4c4c4;border-radius: 3px;}
.popularSearches ul li .favLiRight > input {float: right;border: none;background: #169048;font-size: 12px;color: #fff;outline: none;transition: all 0.4s ease;padding: 7px 10px;border-radius: 3px;margin-top: 17px;}
.popularSearches ul li .favLiRight > input:hover {background-color: #007539;}
.vehicleInfo {float: left;width: 100%;display: flex;background: #fff;padding: 15px;justify-content: space-between;border-radius: 5px;box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);}
.vehicleInfo select {background: url(../images/select.png) no-repeat;height: 50px;border: 1px solid #c4c4c4;border-radius: 3px;width: 14%;appearance: none;background-position: 96% center;cursor: pointer;padding: 0 20px 0 15px;font-size: 14px;outline: none;border-radius: 3px;margin-right: 10px;font-family: 'NotoSansRegular';color:#000;}
.vehicleInfo button {float: right;border: none;background: #169048;font-size: 14px;color: #fff;outline: none;transition: all 0.4s ease;padding: 6px 60px;border-radius: 3px;}
.vehicleInfo button:hover {background-color: #007539;}
.productFeature {float: left;width: 100%;display: flex;background: #fff;padding: 15px;justify-content: space-between;border-radius: 5px;box-shadow: 0px 0px 5px #636363;}
.productFeature select {background: url(../images/select.png) no-repeat;height: 50px;border: 1px solid #c4c4c4;border-radius: 3px;width: 21%;appearance: none;background-position: 96% center;cursor: pointer;padding: 0 20px 0 15px;font-size: 14px;outline: none;margin-right: 10px;color:#000;}
.productFeature button {float: right;border: none;background: #169048;font-size: 14px;color: #fff;outline: none;transition: all 0.4s ease;padding: 6px 60px;border-radius: 5px;}
.productFeature button:hover {background-color: #007539;}
.mainCarousel {float: left;width: 100%;margin-bottom: 50px;}
.mainCarousel > h1 {float: left;width: 100%;margin: 40px 0 0 0;text-align: center;font-size: 30px;font-family: 'NotoSansBold';color: #169048;}
.mainCarousel > span {float: left;width: 100%;margin: 0 0 45px 0;text-align: center;font-size: 14px;}

.swiperProduct {width: 100%;float: left;position: relative;overflow:hidden}
.product {position: relative;width: 100%;float: left;border: 1px solid #c4c4c4;border-radius: 3px;margin-bottom: 3px;overflow: hidden;}
.product a {float: left;width: 100%;padding: 25px 15px 0 15px;}
.product a b {float: left;width: 100%;line-height: normal;text-align: center;height: 80px;margin-bottom: 10px;font-size: 14px;font-family: 'NotoSansBold';}
.product-top {float: left;width: 100%;height: 230px;display: flex;align-items: center;justify-content: center;margin-bottom: 15px;}
.product-top img {max-width: 100%;height: 180px;}
.product-bottom {float: left;width: 100%;text-align: center;margin-bottom: 15px;}
.product-prices{float: left;width: 100%;}
.taxPrices {float: left;width: 100%;display: flex;justify-content: center;}
.productList .product .taxPrices {display: block;text-align: right;}
.productList .product .taxPrices span {margin: 0;width: 100%;}
.taxPrices span {font-size: 12px;float: left;margin-right: 5px;}
.taxPrices div {font-size: 12px;color: #747474;text-decoration: line-through;}
.product-prices h4 {margin: 0;font-weight: normal;font-family: 'NotoSansBold';font-size: 24px;color: #169048;float: left;width: 100%;}
.product .addToCart {float: left;width: calc(100% - 30px);border: none;background: #009247;padding: 10px 0;color: #fff;font-size: 14px;position: absolute;left: 15px;bottom: -100%;z-index: 99;transition: all 0.3s ease;border-radius: 5px;}
.product .addToCart:hover {background: #01A953!important;color: #fff;}
.product:hover .addToCart {bottom: 15px;}
.arrowRight {position: absolute;right: -25px;top: 50%;cursor: pointer;}
.arrowLeft {position: absolute;left: -25px;top: 50%;cursor: pointer;}
.opportunitySlider {float: left;width: 100%;position: relative;}
.opportunitySlider a, .opportunitySlider a img {float: left;width: 100%;}
.opportunitySlider .swiper-pagination {bottom: 25px;top: auto;right: auto;left: 40px;}
.opportunitySlider .swiper-pagination .swiper-pagination-bullet b {background-color: #EC1C27;}
.categories {float: left;width: 100%;margin-bottom: 50px;}
.categories > h1 {float: left;width: 100%;margin: 50px 0 0 0;text-align: center;font-size: 30px;font-weight: normal;font-family: 'NotoSansSemiBold';color: #169048;}
.categories > span {float: left;width: 100%;margin: 0 0 45px 0;text-align: center;font-size: 14px;}
.categories ul {float: left;width: 100%;padding: 0;margin: 0;display: flex;gap: 15px;}
.categories ul li {float: left;width: 100%;text-align: center;}
.categories ul li a {float: left;width: 100%;background: #EBF0F0;padding: 40px 0;border-radius: 5px;}
.categories ul li a img {display: table;margin: auto;}
.categories ul li a input {width: 40px;}
.categories ul li a b {float: left;width: 100%;font-size: 14px;margin: 15px 0 0 0;font-family: 'NotoSansBold';}
.categories ul li a span {float: left;width: 100%;color: #ACB1B1;margin: 10px 0;font-size: 12px;}
.categories ul li a .categoriesArrow {transition: transform 0.3s ease-out;}
.categories ul li a:hover .categoriesArrow {transform: translateX(10px);}
.categories ul li a:hover span {color: #009247;}
.footer {float: left;width: 100%;border-top: 1px solid #c4c4c4;padding: 40px 0;}
.footerTop {float: left;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.footerTop > img {float: right;width: 100px;}
.footerLeft {float: left;width: 280px;}
.footerLeft > a {width: 160px;float: left;}
.footerLeft > a img {float: left;width: 100%;}
.footerLeft span {font-size: 11px;line-height: 16px;float: left;color: #169048;margin-top: 20px;}
.footerLeft span a {text-decoration: underline;}
.footerBottom {float: left;display: flex;justify-content: center;flex-wrap: wrap;}
.navBottom {padding: 0;margin: 0;}
.navBottom li {float: left;}
.navBottom li a {font-family: 'NotoSansBold';padding: 0 20px;color: #129a4e;font-size: 14px;}
.footerNav {float: left;margin: 30px 0 0 0;padding: 0;width:100%;display:flex;justify-content:center;}
.footerNav li {float: left;padding: 0 10px;}
.footerNav li a {font-size: 11px;float: left;width: 100%;}
.bottom {float: left;width: 100%;background: #EBF0F0;padding: 15px 0;}
.bottom span {font-size: 11px;color: #AFAFAF;}
.currency_bottom {margin-top: 10px;float: left;width: 100%;text-align: center;}
.currency_bottom table {display: inline-block;font-size: 14px;}
.currency_bottom table th {padding: 0 5px;font-family: 'NotoSansBold';}
.currency_bottom table td {padding: 0 10px 0 0;}
.filterBg {border: 1px solid #C4C4C4;float: left;width: 100%;}

.pageAddress {float: left;width: 100%;height: 100px;display: flex;align-items: center;justify-content: space-between;}
.pageAddress div > span {font-family: 'NotoSansBold';color: #169048;font-size: 24px;}
.pageAddress > a {color: #169048;float: right;padding: 15px 20px;border: 1px solid #169048;font-size: 12px;line-height: 12px;display: flex;align-items: center;border-radius: 5px;transition: all 0.5s ease;}
.pageAddress > a svg {margin-right: 3px;transition: transform 0.3s ease-out;}
.pageAddress > a:hover {color: #fff;background: #169048;}
.pageAddress > a:hover svg {transform: translateX(-5px);}
.pageAddress > a:hover svg path {fill: #fff;}
.content {float: left;width: 100%;padding: 50px 0;}
.filter-menu {float: left;width: 255px;}
.filterBody {float: left;width: 100%;margin-bottom: 15px;}
.filterTitle {float: left;width: 100%;border: none;outline: none;cursor: pointer;font-size: 17px;line-height: 17px;padding: 15px 7px;text-align: left;font-weight: normal;font-family: 'NotoSansBold';background: none;position: relative;}
.filterTitle::before {content: '';background: url(../images/categoryArrow.png) no-repeat;transition: all 0.5s ease;-webkit-transform: rotate(180deg);position: absolute;right: 10px;top: 20px;width: 15px;height: 8px;background-size: contain;}
.filterTitle.active::before {-webkit-transform: rotate(360deg);}
.filterCard {float: left;width: 100%;border: 1px solid #c4c4c4;padding: 15px;border-radius: 5px;}
.filterCard br {display:none !important}
.filterCard b {float: left;width: 100%;color: #169048;font-size: 14px;margin-top: 7px;font-family: 'NotoSansBold';}
.overflowScrool {float: left;width: 100%;max-height: 180px;overflow: overlay;margin-bottom: 10px;}
.checkbox {float: left;width: 100%;padding: 7px 0;font-size: 12px;display: flex;align-items: center;}
.checkbox input {accent-color: #169048;width: 15px;height: 15px;margin-right: 5px;}
.checkbox label {line-height: 15px;}
.codeProductName {float: left;width: 100%;}
.codeProductName input {float: left;width: 100%;font-size: 14px;border: 1px solid #c4c4c4;padding: 8px;border-radius: 5px;margin-bottom: 15px;outline: none;}
.codeProductName .btnSearch {float: left;width: 100%;cursor: pointer;border-radius: 5px;border: none;background: #169048;color: #fff;padding: 8px 0;transition: all 0.5s ease;font-size: 14px;margin: 0;}
.codeProductName .btnSearch:hover {background: #007539;}
.filterButton {float: left;width: 100%;background: #169048;border: none;outline: none; color: #fff; height: 40px;border-radius: 5px;transition: all 0.5s ease;font-size: 14px;}
.filterButton:hover {background: #007539;}
.productContent {float: left;width: calc(100% - 255px);padding-left: 30px;}
.productContentTop {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;}
.productContentTop span {font-size: 20px;line-height: 20px;padding: 15px 0;font-family: 'NotoSansBold';color: #169048;}
.productContentTop a {color: #EC1C27;font-size: 13px;}
.selectedFilter {float: left;width: 100%;padding: 15px;background: #EBF0F0;display: flex;align-items: center;justify-content: space-between;border-radius: 5px;}
.selectedFilter > span {font-size: 14px;font-family: 'NotoSansBold';}
.selectedFilter div {float: right;}
.selectedFilter div a {float: left;margin-left: 10px;font-size: 12px;background: #169048;border-radius: 50px;padding: 3px 13px;color: #fff;}
.stockFilter {float: left;width: 100%;padding: 15px 0;display: flex;align-items: center;justify-content: space-between;}
.stockProduct {display: flex;align-items: center;}
.stockProduct input {width: 15px;height: 15px;accent-color: #169048;margin-right: 10px;}
.stockProduct label {font-size: 13px;line-height: 15px;}
.stockFilterRight {display: flex;align-items: center;}
.productGrid {display: flex;align-items: center;}
.productGrid > span {font-size: 12px;}
.productGrid > div {border: 1px solid #c4c4c4;outline: none;border-radius: 3px;padding: 8px;margin: 0 15px;}
.productGrid > div input {border: none;background: none;outline: none;float: left;width: 22px;margin: 0 4px;filter: grayscale(100%);}
.productGrid > div input:hover {filter: none}
.productGrid > div input.active {filter: none}
.stockFilterRight > select {font-size: 14px;padding: 0 30px 0 10px;border: 1px solid #c4c4c4;outline: none;border-radius: 3px;height: 35px;color: #000;appearance: none;background: url(../images/arrowIconUpDown.png) no-repeat;background-size: 13px;background-position: 95% center;cursor: pointer;font-family: 'NotoSansRegular';}
.productCard {float: left;width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.productCard .product {margin: 0;}
.productCard .product-bottom > span, .productCard .product-bottom .info, .mProductInfo, .mProductInfo b {display: none;}
.productList .mProductInfo {width: 21%;float: left;display:block;}
.productList .product-bottom .mProductInfo > span {display: block;font-size: 12px;color: #169048;float: left;}
.productList {grid-template-columns: repeat(1, 1fr);}
.productList .product {display: flex;align-items: center;justify-content: space-between;padding-right: 15px;}
.productList .product a {padding: 15px;width: 30%;display: flex;align-items: center;}
.productList .product .product-top {width: 20%;margin: 0;height: auto;display: block;text-align: center;}
.productList .product .product-top img {width: 100%;height: auto;}
.productList .product-bottom {width: 55%;text-align: left;display: flex;align-items: center;margin: 0;padding-right: 10px;}
.productList .product a b {width: 80%;padding: 0 5px;;line-height: normal;height: auto;margin-bottom: 0;font-size: 12px;text-align:left;}
.productList .product-bottom .info {display: block;width: 4%;margin: 0 1%;cursor: pointer;}
.info input {float:left;width:100%;}
.productList .product-prices h4 {font-size: 16px;line-height: 16px;}
.productList .product-prices {width: 29%;text-align: right;}
.productList .product .addToCart {width: auto;padding: 10px 20px;position: relative;left: auto;bottom: auto;transition: none;font-size: 12px;}
.productListTitle {float: left;width: 100%;margin-bottom: 5px;}
.productListTitle span {float: left;font-size: 12px;font-family: 'NotoSansBold';}
.productListTitle span:nth-child(1) {width: 8%;}
.productListTitle span:nth-child(2) {width: 22%;}
.productListTitle span:nth-child(3) {width: 10%;}
.productListTitle span:nth-child(4) {width: 8%;}
.productListTitle span:nth-child(5) {width: 9%;}
.productListTitle span:nth-child(6) {width: 8%;}
.productListTitle span:nth-child(7) {width: 18%;text-align: right;}

.searchResultList {float:left;width:100%;}
.searchResultList > h1 {float: left;width: 100%;margin: 50px 0 20px 0;text-align: center;font-size: 30px;font-family: 'NotoSansBold';color: #169048;}
.pnlProductList ul {float: left;width: 100%;padding: 0;margin: 0;}
.pnlProductList ul li {width: 100%;float: left;border: 1px solid #c4c4c4;border-radius: 3px;margin-bottom: 20px;display: flex;align-items: center;justify-content: space-between;padding: 15px;}
.pnlProductList ul li .listProduct {float: left;cursor: pointer;display: flex;align-items: center;width: 70%;}
.pnlProductList ul li .listProduct img {height:45px;}
.pnlProductList ul li .listProduct b {width: 100%;padding: 0 10px;font-size: 14px;font-family: 'NotoSansBold';}
.pnlProductList ul li .listContent {width: 21%;}
.pnlProductList ul li .listContent span:first-child {font-size: 13px;font-family: 'NotoSansBold';width: 100%;float: left;}
.pnlProductList ul li .listContent span:last-child {font-size: 13px;color:#009247;width: 100%;float: left;}
.pnlProductList ul li .info {width: 4%;margin: 0 2%;cursor: pointer;}
.pnlProductList ul li .taxPrices {justify-content: end;}
.pnlProductList ul li .product-prices h4 {text-align:right;}
.pnlProductList ul li .product-prices {width: 45%;padding-right: 15px;}
.pnlProductList ul li .addToCart {width: 26%;padding: 10px 20px;font-size: 13px;}

.productDetailAdress {float:left;width:100%;margin-bottom:15px;}
.productDetailAdress .breadcrumb {color: #B7B7B7;margin: 0;font-size: 13px;}
.productDetailAdress .breadcrumb li {padding: 0 20px 0 0;position: relative;}
.productDetailAdress .breadcrumb li:after {content: '>';position: absolute;right: 5px;top: 0;}
.productDetailAdress .breadcrumb li:last-child {padding: 0;}
.productDetailAdress .breadcrumb li:last-child::after {display: none;}
.productDetailAdress .breadcrumb li a:hover {color:#169048}

.pdTop {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.pdTop h1 {margin: 0;font-size: 25px;font-weight: normal;font-family: 'NotoSansSemiBold';width: 70%;}
.pdTop a {color: #169048 !important;float: right;padding: 15px 20px;border: 1px solid #169048;font-size: 12px;line-height: 12px;display: flex;align-items: center;border-radius: 5px;transition: all 0.5s ease;cursor:pointer}
.pdTop a svg {margin-right: 3px;transition: transform 0.3s ease-out;}
.pdTop a:hover {color: #fff !important;background: #169048;}
.pdTop a:hover svg {transform: translateX(-5px);}
.pdTop a:hover svg path {fill: #fff;}

.productImage {float: left;width: 500px;}
.productImage ul {float: left;width: 100%;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;}
.productImage ul li {float: left;width: 100%;border: 1px solid #c4c4c4;border-radius: 5px;padding: 8px;cursor: pointer;}
.productImage ul li img {float: left;width: 100%;border-radius: 5px;}
.productImageLarge {float: left;width: 100%;border: 1px solid #c4c4c4;border-radius: 5px;padding: 15px;margin-bottom: 15px;}
.productImageLarge img {float: left;width: 100%;border-radius: 5px;}
.productDetail {float: left;width: calc(100% - 500px);padding: 0 0 0 30px;}
.price {float: left;}
.priceTop {float: left;display: flex;align-items: center;font-size: 12px;}
.priceTop > span {float: left;margin-right:5px}
.priceTop div span {text-decoration: line-through;}
.price h3 {float: left;width: 100%;display: flex;align-items: center;font-size: 36px;color: #169048;font-weight: normal;font-family: 'NotoSansBold';margin: 0;}

.productDetail > ul {float: left;width: 100%;margin: 35px 0;padding: 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
.productDetail > ul li {float: left;width: 100%;}
.productDetail > ul li b {float: left;width: 100%;font-size: 14px;line-height: 20px;font-family: 'NotoSansBold';}
.productDetail > ul li span {float: left;width: 100%;font-size: 14px;}
.productDetail > ul li img {float: left;max-width: 135px;}
.productDetailTitle {float: left;width: 100%;font-size: 14px;line-height: 20px;margin-bottom: 10px;font-family: 'NotoSansBold';}
.whichWarehouse {float: left;width: 100%;border-top: 1px solid #c4c4c4;border-bottom: 1px solid #c4c4c4;margin-bottom: 25px;}
.whichWarehouse h2 {display: flex;align-items: center;margin: 0;font-size: 14px;font-weight: normal;font-family: 'NotoSansBold';position: relative;padding: 15px 10px;cursor: pointer;}
.whichWarehouse h2 img {margin-right: 10px;}
.whichWarehouse h2::before {content: '';width: 16px;height: 16px;background: url(../images/plus.png) no-repeat;background-size: contain;background-position: center;position: absolute;right: 10px;}
.whichWarehouse h2.active::before {background: url(../images/minus.png) no-repeat;background-size: contain;background-position: center;}
.whichWarehouse .storageMostValue {padding: 0 10px;margin: 0;display: none;}
.whichWarehouse .storageMostValue li {float: left;width: 100%;font-size: 14px;padding: 5px 0;display: flex;align-items: center;justify-content: space-between;}
.whichWarehouse .storageMostValue li small {color: #169048;font-size: inherit;}
.productDetail .description {float: left;width: 100%;font-size: 14px;line-height: 20px;margin-bottom: 25px;}
.quantity {float: left;width: 150px;display: flex;border: 1px solid #000;border-radius: 5px;}
.quantity input {float: left;width: 60px;height: 50px;border: none;outline: none;text-align: center;}
.quantity .add, .quantity .sub {border: none;outline: none;background: none;width: 45px;float: left;height: 50px;font-size: 20px;color: #169048;}
.addToCart {color: #fff;float: right;padding: 0px 20px;border: 1px solid #009247;font-size: 15px;line-height: 12px;display: flex;align-items: center;border-radius: 5px;transition: all 0.5s ease;height: 50px;width: calc(100% - 180px);justify-content: center;background: #009247;}
.addToCart svg {margin-right: 10px;transition: transform 0.3s ease-out;}
.addToCart:hover {color: #169048;background: #fff !important;}
.addToCart:hover svg {transform: translateX(-5px);}
.addToCart:hover svg path {fill: #169048;}
.productDetailTabMenu {float: left;width: 100%;margin: 45px 0 0 0;}
.productDetailTabMenu ul {justify-content: center;margin-bottom: -1px;}
.productDetailTabMenu ul li {margin: 0 10px;}
.productDetailTabMenu ul li a {border: 1px solid #c4c4c4;border-bottom: 0;border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;font-size: 14px;padding: 15px 40px;color: #000;}
.productDetailTabMenu ul li a:hover {background: #EBF0F0;color: #169048;border-color: transparent;}
.productDetailTabMenu ul li a.nav-link.active {background: #EBF0F0;color: #169048;border-color: transparent;}
.productDetailTabMenu .tab-content {float: left;width: 100%;}
.productDetailTabMenu .tab-content > div {float: left;width: 100%;background: #EBF0F0;padding: 19px;border-radius: 5px;font-size: 14px;}
.productDetailTabMenu .tab-content > div > span {float: left;width: 100%;font-size: 15px;color: #000;}
.likeSvg {background: none;outline: none;padding: 0;cursor: pointer;margin: 15px 0 0 0;float: right;height: 50px;width: 50px;border: 1px solid #169048;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.likeSvg svg use {fill: transparent;stroke: #ec1e31;stroke-width: 1.2;transition: all 0.33s ease;}
.likeSvg svg use:last-child {fill: #ec1e31;stroke: #ec1e31;opacity: 0;transform: scale(.33);transform-origin: center;}
.likeSvg.on svg use {stroke: transparent;}
.likeSvg.on svg use:last-child {opacity: 1;transform: none;transition: all 1.2s linear(0, 0.045 1.4%, 0.185 3.1%, 1.16 10.6%, 1.307, 1.37 14.7%, 1.372, 1.367 16%,1.33 17.5%, 0.958 25.3%, 0.891, 0.863 29.8% 31.2%, 0.877 32.7%, 1.015 40.4%,1.04, 1.051 44.8%, 1.046 47.9%, 0.995 55.6%, 0.981 59.8%, 0.983 63.1%,1.007 74.7%, 0.998 89.2%, 1);}
.likeSvg svg {width: 18px;height: 18px;overflow: visible!important;position: absolute;}
.currentAccountStatement {float: left;width: 100%;}
.currentAccountStatement > h1 {float: left;font-size: 20px;font-family: 'NotoSansBold';margin: 0;}
.onlinePay {float: right;background: #169048;color: #fff;font-size: 14px;padding: 10px 20px;border-radius: 5px;border: 1px solid transparent;transition: all 0.4s ease;}
.onlinePay:hover {background: #007539}
.currentAccount {float: left;width: 100%;}
.currentAccountNav {float: left;width: 280px;border: 1px solid #c4c4c4;border-radius: 5px;}
.currentAccountNav .nav-link {float: left;width: 100%;text-align: left;padding: 20px;border-bottom: 1px solid #c4c4c4;display: flex;align-items: center;justify-content: space-between;font-family: 'NotoSansBold';font-size: 14px;}
.currentAccountNav .nav-link img {display: none;}
.currentAccountNav .nav-link.active {color: #169048;}
.currentAccountNav .nav-link.active img {display: block;}
.currentAccountNav .nav-link:hover {color: #009247;}
.currentAccountNav .exit {float: left;width: 100%;text-align: left;padding: 20px;border-bottom: 1px solid #c4c4c4;display: flex;align-items: center;justify-content: space-between;font-family: 'NotoSansBold';color: #EC1C27;background: none;border: none;outline: none;font-size: 14px;}
.currentAccount > .tab-content {float: left;width: calc(100% - 280px);padding: 0 0 0 30px;}
.generalTotalDebt {float: left;width: 100%;margin: 30px 0;display: flex;justify-content: space-between;}
.generalTotalDebtList {float: left;width: 65%;border: 1px solid #c4c4c4;border-radius: 5px;padding: 15px;}
.generalTotalDebtList h2 {float: left;font-family: 'NotoSansBold';font-size: 14px;margin: 0;line-height: 20px;}
.generalTotalDebtList img {float: right;}
.generalTotalDebtList ul {padding: 0;margin: 15px 0 0 0;float: left;width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
.generalTotalDebtList ul li {float: left;width: 100%;height: 190px;background: #EBF0F0;padding: 15px;border-radius: 5px;position: relative;}
.generalTotalDebtList ul li span {float: left;width: 100%;font-size: 12px;}
.generalTotalDebtList ul li b {position: absolute;right: 15px;bottom: 15px;font-size: 18px;font-family: 'NotoSansBold';}
.generalTotalDebtList ul li:nth-child(1) b {color: #EC1C27;}
.generalTotalDebtList ul li:nth-child(2) b {color: #169048;}
.canceledConfirmedOrders {border: 1px solid #c4c4c4;border-radius: 5px;padding: 15px;float: right;width: 31%;}
.canceledConfirmedOrders h2 {float: left;color: #169048;font-family: 'NotoSansBold';font-size: 14px;margin: 0;line-height: 20px;}
.canceledConfirmedOrders img {float: right;}
.canceledConfirmedOrders ul {padding: 0;float: left;width: 100%;margin: 15px 0 0 0;display: grid;grid-template-columns: repeat(1, 1fr);gap: 15px;}
.canceledConfirmedOrders ul li {float: left;width: 100%;height: 87px;background: #EBF0F0;padding: 15px;border-radius: 5px;position: relative;}
.canceledConfirmedOrders ul li span {float: left;width: 100%;height: 35px;font-size: 12px;}
.canceledConfirmedOrders ul li b {position: absolute;right: 15px;bottom: 15px;font-size: 18px;font-family: 'NotoSansBold';}
.canceledConfirmedOrders ul li:nth-child(1) b {color: #169048;}
.canceledConfirmedOrders ul li:nth-child(2) b {color: #EC1C27;}
.debtDetail {border: 1px solid #c4c4c4;border-radius: 5px;padding: 15px;float: right;width: 100%;}
.debtDetail > h2 {float: left;color: #169048;font-family: 'NotoSansBold';font-size: 14px;margin: 0;line-height: 20px;}
.debtDetail > img {float: right;}
.debtDetail ul {padding: 0;float: left;width: 100%;}
.debtDetail ul li {float: left;width: 100%;background: #EBF0F0;padding: 15px;border-radius: 5px;margin-top: 15px;}
.debtDetail ul li a {float: left;width: 100%;display: flex;align-items: center;}
.debtDetail ul li h1 {margin: 0;display: flex;align-items: center;font-size: 14px;font-family: 'NotoSansBold';width: 100%;}
.debtDetail ul li h1 img {margin-right: 10px;}
.debtDetail ul li div {width: 80%;text-align: right;}
.debtDetail ul li div:last-child {width: 65%;}
.debtDetail ul li div span {float: left;width: 100%;font-size: 12px;}
.debtDetail ul li div h2 {font-size: 14px;margin: 0;float: left;width: 100%;font-family: 'NotoSansBold';}
.debtDetail ul li div:nth-child(2) h2 {color: #169048;}
.debtDetail ul li div:nth-child(3) h2 {color: #EC1C27;}
.basketGeneral {float: left;width: 100%;}
.basketList {float: left;width: 840px;}
.basketList > b {float: left;width: 100%;font-family: 'NotoSansBold';font-size: 12px;}
.basketList > b small {font-weight: normal;color: #169048;font-family: 'NotoSansRegular';font-size: inherit;}
.basketList ul {padding: 0;margin: 0 0 15px 0;float: left;width: 100%;}
.basketList ul li {float: left;width: 100%;margin: 15px 0 0 0;border: 1px solid #c4c4c4;border-radius: 5px;padding: 15px;display: flex;align-items: center;justify-content: space-between;position:relative;}
.basketList ul li input[type=checkbox] {float: left;accent-color: #169048;width: 15px;height: 15px;}
.basketList ul li > div a {width: 235px;display: flex;align-items: center;}
.basketList ul li > div a img {width: 45px;margin: 0 5px;}
.basketList ul li > div a span {font-size: 12px;width: 190px;font-family: 'NotoSansBold';}
.basketList ul li > div {width: 100%;display: flex;align-items: center;}
.basketList ul li > div > div {text-align: center;margin: 0 5px;float: left;width: 20%;}
.basketList ul li > div > div:last-child {text-align: right;}
.basketList ul li > div > div span:first-child {font-size: 12px;float: left;width: 100%;font-family: 'NotoSansBold';}
.basketList ul li > div > div span:last-child {color: #169048;font-size: 12px;display: inline-block;width: 100%;}
.basketList ul li input[type=text] {width: 35px;height: 35px;text-align: center;border-radius: 5px;outline: none;border: 1px solid #000;font-size: 12px;}
.basketList ul li > div > span {font-size: 12px;margin-left: 3%;}
.basketList ul li > div > div p {font-size: 12px;margin: 0;text-decoration: line-through;}
.basketList ul li > div > div b {color: #169048;font-family: 'NotoSansBold'; font-size: 14px;}
.basketList ul li .delete {width: 60px;height: 35px;border: 1px solid #EC1C27;border-radius: 5px;background: transparent;outline: none;font-size: 12px;color: #EC1C27;}
.basketList ul li.campaignItems a {width: 550px;}
.basketList ul li.campaignItems > div > div {width: 13%;}
.orderSummary {float: right;width: calc(100% - 860px);}
.orderSummary > h1 {float: left;width: 100%;font-size: 20px;font-family: 'NotoSansBold';margin: 0 0 10px 0;}
.orderSummaryList {float: left;width: 100%;border: 1px solid #c4c4c4;border-radius: 5px;}
.orderSummaryList .onlinePayment {display: table;margin: 15px auto;width: calc(100% - 30px);background: #169048;border-radius: 5px;transition: all 0.4s ease;color: #fff;border: 1px solid transparent;font-size: 14px;padding: 10px 0;}
.orderSummaryList .onlinePayment:hover {background: #007539;}
.orderSummaryList .addOpenAccount {display: table;margin: 15px auto;width: calc(100% - 30px);background: transparent;border-radius: 5px;transition: all 0.4s ease;color: #169048;border: 1px solid #169048;font-size: 14px;padding: 10px 0;}
.orderSummaryList .addOpenAccount:hover {color: #fff;background: #009247;}
.orderSummaryList > span {float: left;font-size: 14px;font-family: 'NotoSansBold';width: 100%;padding: 0 15px;}
.orderSummaryContent {float:left;width:100%;}
.orderSummaryContent > span {float: left;font-size: 14px;font-family: 'NotoSansBold';width: 100%;padding: 0 15px;}
.orderSummaryContent > select {appearance: none;background: url(../images/select.png) no-repeat;background-position: 93% center;border-radius: 5px;border: 1px solid #c4c4c4;outline: none;font-size: 14px;padding: 10px 15px;width: calc(100% - 30px);margin: 0 auto 15px auto;cursor: pointer;font-family: 'NotoSansRegular';display: table;color:#000;}

.credit-card {width: 100%;max-width: 440px;height: 220px;perspective: 1000px;margin: 75px 0 40px 0;position: relative;float: left;}
.card-front, .card-back {width: 100%;height: 100%;border-radius: 15px;backface-visibility: hidden;position: absolute;top: 0;left: 0;padding: 20px;box-sizing: border-box;color: white;font-family: 'NotoSansRegular';transition: transform 0.8s ease-in-out;}
.card-front {background: #09a64e;background: linear-gradient(140deg, #09a64e 0%, #0bb75c 50%, #09a64e 100%);;z-index: 2;}
.card-back {background: #09a64e;background: linear-gradient(140deg, #09a64e 0%, #0bb75c 50%, #09a64e 100%);;transform: rotateY(180deg);}
.credit-card.flipped .card-front {transform: rotateY(180deg);}
.credit-card.flipped .card-back {transform: rotateY(0);z-index: 3;}
.card-number {font-size: 20px;margin-top: 25px;}
.card-holder {margin-top: 15px;font-size: 16px;}
.bank-logo {width: 80px;height: auto;}
.cvv-label {font-size: 16px;margin-bottom: 5px;}
.cvv-value {background-color: white;color: black;padding: 5px 10px;width: 50px;border-radius: 4px;}
.card-details-row {display: flex;justify-content: space-between;margin-top: 30px;}
.expiry-date {font-size: 16px; margin-top: 15px;}
.cardBank {width: 90px;height: 40px;position: absolute;left: 20px;top: 20px;}
.type-logo { position: absolute; bottom: 25px; right: 25px; width: 90px; height: auto;}

.summary {float: left;width: 100%;padding: 10px 15px;margin: 0;border-bottom: 1px solid #c4c4c4;}
.summary li {float: left;width: 100%;font-size: 12px;display: flex;align-items: center;justify-content: space-between;margin: 5px 0;}
.summary li b {font-family: 'NotoSansBold';}
.summary li:nth-child(2) span {color: #169048;}
.bankInstallmentInformation {float: left;width: 100%;margin: 20px 0;}
.bankInstallmentInformation table {margin:0;}
.bankInstallmentInformation table thead tr th {background: #169048;color: #fff;font-family: 'NotoSansBold';font-size: 12px;margin: 0;}
.bankInstallmentInformation table tbody tr td {font-size: 12px;align-content: center;}
.bankInstallmentInformation table tbody tr td img {width: 90px;}
.inform {float: right;width: 100%;}
.inform > span {float:left;width:100%;font-family: 'NotoSansBold';font-size: 15px;color: #169048;margin-bottom:10px}
.inform ul {float:left;width:100%;margin: 0;}
.inform ul li {font-size: 13px;list-style: disc;}
.conditions {float: left;width: 100%;padding: 5px 15px;margin: 0;}
.conditions li {display: flex;align-items: center;font-size: 12px;line-height: 17px;margin: 10px 0;}
.conditions li input {margin-right: 10px;}
.conditions li a {text-decoration: underline}
.kdvTotal {display: table;margin: 15px auto;width: calc(100% - 30px);background: #EBF0F0;border-radius: 5px;padding: 15px;}
.kdvTotal span {float: left;width: 100%;font-size: 12px;color: #169048;}
.kdvTotal b {float: left;width: 100%;text-align: right;margin: 20px 0 0 0;color: #169048;font-size: 20px;font-family: 'NotoSansBold';}
.allSelect {float: left;width: 100%;display: flex;align-items: center;}
.allSelect input {accent-color: #169048;margin: 0 10px 0 0;width: 15px;height: 15px;}
.allSelect label {font-size: 12px;}
.similarProduct {float: left;width: 100%;margin-top: 120px;}
.similarProduct > h1 {float: left;width: 100%;text-align: center;color: #009247;font-size: 20px;margin: 0 0 30px 0;font-family: 'NotoSansBold';}
.priceDifferences > p {float: left;width: 100%;font-size: 12px;margin: 0 0 10px 0;}
.priceDifferencesTitle {float: left;width: 100%;padding: 15px 15px 0 15px;display: flex;align-items: center;}
.priceDifferencesTitle span {font-size: 12px;font-family: 'NotoSansBold';float: left;margin: 0 5px;}
.priceDifferencesTitle span:nth-child(1) {width: 16%;}
.priceDifferencesTitle span:nth-child(2) {width: 36%;}
.priceDifferencesTitle span:nth-child(3) {width: 15%;text-align: right;}
.priceDifferencesTitle span:nth-child(4) {width: 15%;text-align: right;}
.priceDifferences ul {margin: 0;padding: 0;float: left;width: 100%;}
.priceDifferences ul li {float: left;width: 100%;margin: 7px 0;border: 1px solid #c4c4c4;border-radius: 5px;padding: 15px;display: flex;align-items: center;justify-content: space-between;}
.priceDifferences ul li div {margin: 0 5px;font-size: 12px;}
.priceDifferences ul li div:nth-child(1) {width: 15%;}
.priceDifferences ul li div:nth-child(2) {width: 35%;}
.priceDifferences ul li div:nth-child(3) {width: 15%;text-align: right;}
.priceDifferences ul li div:nth-child(4) {width: 15%;text-align: right;}
.priceDifferences ul li div span {color: #169048;float:left;width:100%;}
.priceDifferences ul li input {border: 1px solid #169048;outline: none;padding: 5px;border-radius: 100%;width: 30px;}
.priceDifferences ul li input:last-child {border: 1px solid #EC1C27;outline: none;color: #EC1C27;margin-left: 10px;}

.paymentMethodUl {float: left;width: 100%;margin: 0 0 30px 0;padding: 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.paymentMethodUl a {float: left;width: 100%;display: flex;align-items: center;justify-content: center;color: #169048;font-size: 14px;border: 1px solid #c4c4c4;height: 60px;border-radius: 5px;position: relative;}
.paymentMethodUl a::after {content: '';background: url(../images/polygon.png) no-repeat;position: absolute;left: 0;right: 0;width: 12px;height: 9px;bottom: -8px;margin: auto;display: none;}
.paymentMethodUl a img {margin-right: 5px;}
.paymentMethodUl a .anone {display:none;}
.paymentMethodUl a:hover {background: #f3f3f3;}
.paymentMethodUl a.active {background: #007539;color: #fff;}
.paymentMethodUl a.active img {display:none !important}
.paymentMethodUl a.active .anone {display:block !important}
.paymentMethodUl a.active::after {display: block;}
.onlinePaymentTitle {float: left;width: 100%;text-align: center;font-size: 14px;margin-bottom: 30px;}
.paymentMethod {float: left;width: 100%;display: flex;justify-content: space-between;}
.radioDebtList {float: left;width: 68%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
.radioItem {float: left;width: 100%;position: relative;}
.radioItem input {position: absolute;top: 10px;left: 10px;width: 15px;height: 15px;border: 2px solid #fff;background-clip: border-box;border-radius: 50%;appearance: none;transition: background-color 0.3s, box-shadow 0.3s;z-index: 1;box-shadow: 0px 0px 0px 2px #169048;}
.radioItem label {float: left;width: 100%;padding: 10px;border: 1px solid #c4c4c4;height: 100px;border-radius: 5px;cursor: pointer;align-content: flex-end;position: relative;}
.radioItem label span {float: left;width: 100%;font-size: 12px;text-align: right;}
.radioItem label b {float: left;width: 100%;color: #169048;text-align: right;line-height: 15px;font-family: 'NotoSansBold';}
.radioItem input:checked {box-shadow: 0px 0px 0px 3px #ffffff;background-color: #169048;}
.radioItem input:checked + label {border: none;background: #169048;}
.radioItem input:checked + label b, .radioItem input:checked + label span {color: #fff;}

.paymentAmount {float: right;border: 1px solid #c4c4c4;width: 30%;border-radius: 5px;display: flex;align-items: center;padding: 0 20px;justify-content: space-between;}
.paymentAmount table {float: left;height: 50px;padding: 10px;font-size: 14px !important;width: 100%;outline: none !important;border: 1px solid #c4c4c4 !important;border-radius: 5px !important;border-left: 4px solid #ec1e31 !important;}
.paymentAmount input {padding-right:7px !important;text-align:right;width:97% !important}
.overdueDebtToggle {float: left;width: 100%;border: 1px solid #c4c4c4;border-radius: 5px;margin: 30px 0;cursor:pointer;}
.overdueDebtToggle .orderSummaryButton {float: left;width: 100%;border: none;text-align: left;background: none;font-family: 'NotoSansBold';font-size: 20px;color: #169048;line-height: 30px;position: relative;padding: 20px;}
.overdueDebtToggle .orderSummaryButton::after {content: '';background: url(../images/orderSummary.png) no-repeat;position: absolute;right: 20px;top: 20px;width: 30px;height: 30px;background-size: contain;transition: all 0.5s ease;-webkit-transform: rotate(0deg);}
.overdueDebtToggle .orderSummaryButton.active::after {-webkit-transform: rotate(180deg);}
.btnRefreshInvoice {height: 50px;background: #c4c4c4;display: flex;align-items: center;width: 50px;justify-content: center;}
.btnRefreshInvoice img {float:left;height: 20px;transform: rotate(0deg);transition: 0.3s ease-in-out;}
.btnRefreshInvoice:hover img {transform: rotate(90deg);}

.accountStatmentListEmpty {float: left;width: 100%;}
.accountStatmentList {display: table;width: calc(100% - 40px);font-size: 14px;border: 1px solid #c4c4c4;height: 360px;margin: 0 auto 20px auto;overflow: auto;}
.accountStatmentList table {font-size: 12px;}
.accountStatmentList table tbody tr th {color: #169048;font-family: 'NotoSansBold';}
.debtsAndTotal {float: left;width: 100%;}
.debtsLeft {float: left;width: 55%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;border: 1px solid #c4c4c4;border-radius: 5px;}

.debtsLeft div {float: left;border-left: 1px solid #c4c4c4;padding: 30px 20px;}
.debtsLeft div:first-child {border: none;}
.debtsLeft span {float: left;width: 100%;font-size: 12px;}
.debtsLeft b {float: left;width: 100%;color: #009247;font-size: 16px;font-family: 'NotoSansBold';}
.debtsTotalRight {width: 40%;float: right;text-align: right;padding: 31px;background: #EBF0F0;border-radius: 5px;}
.debtsTotalRight span {float: left;width: 100%;font-size: 12px;}
.debtsTotalRight b {float: left;width: 100%;color: #009247;font-size: 16px;font-family: 'NotoSansBold';}

.virtualPOS {float: left;width: 100%;}
.virtualPOSLink {width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.virtualPOSLink a {float: left;width: 100%;border: 1px solid #c4c4c4;padding: 20px;height: 160px;position: relative;border-radius: 5px;transition: all 0.4s ease;}
.virtualPOSLink a span {float: left;width: 100%;font-size: 18px;font-family: 'NotoSansBold';color: #009247;}
.virtualPOSLink a p {float: left;width: 100%;margin: 0;font-size: 13px;}
.virtualPOSLink a svg {position: absolute;bottom: 20px;right: 20px;}
.virtualPOSLink a svg path {fill: #000;transition: all 0.4s ease;}
.virtualPOSLink a:hover svg path {fill: #fff;}
.virtualPOSLink a:hover {border-color: #009247;color: #fff;background: #009247;}
.virtualPOSLink a:hover span {color: #fff}

.amountPayable {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 35px;background: #169048;height: 100px;color: #fff;border-radius: 5px;}
.amountPayable span {font-size: 14px;}
.amountPayable b {font-size: 24px;}

.paymentInformation {float: left;width: 100%;margin: 30px 0;border: 1px solid #c4c4c4;border-radius: 5px;padding: 20px;}
.paymentInformation h1 {font-family: 'NotoSansBold';font-size: 20px;color: #169048;line-height: 30px;margin: 0 0 35px 0;}
.paymentInformation > .paymentInfoDiv {float: right;width: 45%;padding-right: 10%;}
.paymentInformationInput {float: left;width: 100%;margin-bottom: 25px;}
.paymentInformationInput span {float: left;width: 100%;font-size: 14px;font-family: 'NotoSansBold';margin-bottom: 5px;}
.paymentInformationInput table {float: left;height: 50px;padding: 10px;font-size: 14px !important;width: 100%;outline: none !important;border: none !important;border-radius: 5px !important;}
.dxeButtonEdit td.dxic {padding: 0;overflow: inherit;}
.paymentInformationInput input {float: left;height: 50px;padding: 10px;font-size: 14px !important;width: 100%;outline: none !important;border: 1px solid #c4c4c4 !important;border-radius: 5px !important;color: #000 !important;}
.paymentInformationInput table.txtPaymentAmount input{padding-right:7px !important;text-align:right;width: 98% !important;}
.paymentInformation > .paymentInfoDiv .btnPayment {float: right;width: 100%;font-size: 15px;height: 50px;border: none;background: #169048;color: #fff;border-radius: 5px;cursor: pointer;transition: all 0.4s ease;}
.paymentInformation > .paymentInfoDiv .btnPayment:hover {background: #007539;}
.paymentInformation > .paymentInfoDiv .btnPayment:disabled {background: #c4c4c4;cursor:auto}
.contractCheck {float: left;width: 100%;display: flex;align-items: center;}
.contractCheck input {width: 15px;height: 15px;margin-right: 10px;}
.contractCheck a {font-size: 12px;line-height: 15px;}

.addressInfo {float: left;width: 100%;margin-bottom: 30px;}
.addressOrderDescription {float: left;width: 65%;}
.addressOrderDescription > span {float: left;width: 100%;margin-bottom: 10px;font-family: 'NotoSansBold';color: #169048;font-size: 15px;}
.addressOrderDescription textarea {float: left;width: 100%;height: 90px;border: 1px solid #c4c4c4;outline: none;padding: 10px;font-size: 14px;border-radius: 5px;resize: none;margin-top:15px;}
.addressOrderDescription textarea:disabled {background: #EBF0F0;border-color: #EBF0F0;margin:0}
.orderPayment {float: right;width: 30%;}
.orderPayment > span {float: left;width: 100%;margin-bottom: 10px;font-family: 'NotoSansBold';text-align: right;line-height: 16px;}
.orderPayment > h3 {float: left;width: 100%;font-size: 20px;font-family: 'NotoSansBold';margin: 0 0 10px 0;text-align:right;}
.orderPaymentPrice {float: left;width: 100%;border: 1px solid #c4c4c4;border-radius: 5px;padding: 10px 15px;margin-bottom: 15px;}
.orderPaymentPrice ul {float: left;width: 100%;padding: 0 0 5px 0;margin: 0 0 10px 0;border-bottom: 1px solid #c4c4c4;}
.orderPaymentPrice ul li {float: left;width: 100%;display: flex;font-size: 14px;align-items: center;justify-content: space-between;margin: 5px 0;}
.orderPaymentPrice ul li b {font-family: 'NotoSansBold';font-size: 17px;}
.orderPaymentPrice ul li:last-child b {color: #169048;}
.orderPaymentPrice ul li > div > span {float: left;width: 100%;margin-bottom: 10px;font-family: 'NotoSansBold';text-align: right;line-height: 15px;font-size: 15px;}
.orderPaymentPrice .txtExcractPay {float: left;width: 100%;height: 40px;border: 1px solid #c4c4c4;padding: 0 10px;font-size: 13px;border-radius: 5px;font-family: 'NotoSansRegular';}
.orderPaymentPrice .txtExcractPay input {padding: 0 0 0 10px;}
.btnCompletePayment {float: left;width: 100%;border: none;background: #009247;padding: 10px 0;color: #fff;font-size: 14px;transition: all 0.3s ease;border-radius: 5px;}
.btnCompletePayment:hover {background: #007539;}

.paymentType {float: left;width: 100%;margin: 10px 0;}
.paymentType span {float: left;width: 100%;margin-bottom: 10px;font-family: 'NotoSansBold';text-align: right;line-height: 15px;font-size: 15px;}
.paymentType select {float: left;width: 100%;height: 40px;border: 1px solid #c4c4c4;cursor: pointer;outline: none;padding: 0 10px;font-size: 14px;border-radius: 5px;background: url(../images/select.png) no-repeat;appearance: none;background-position: 96% center;font-family: 'NotoSansRegular';color:#000;}


.installmentInformation {float: left;width: 100%;border: 1px solid #c4c4c4;border-radius: 5px;padding: 20px;}
.installmentInformation h1 {font-family: 'NotoSansBold';font-size: 20px;color: #169048;line-height: 30px;margin: 0;}
.banks {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 25px;}
.banks .bank {float: left;width: 100%;border: 1px solid #c4c4c4;border-radius: 5px;overflow: hidden;}
.banks .bank h3 {float: left;width: 100%;color: #169048;text-align: center;font-size: 12px;line-height: 40px;margin: 0;display: flex;align-items: center;justify-content: center;font-family: 'NotoSansBold';}
.banks .bank h3 img {margin-right:5px;}
.banks .bank table {float: left;width: 100%;font-size: 12px;}
.banks .bank table thead tr td {color: #169048;font-family: 'NotoSansBold';}
.banks .bank table tbody tr td:first-child {color: #169048;font-family: 'NotoSansBold';}
.banks .bank table tr {border-top: 1px solid #c4c4c4;}
.banks .bank table tr td {padding: 5px 10px;}
.warningBank {margin: 15px 0 0 0;padding: 0;float: left;width: 100%;}
.warningBank li {float: left;width: 100%;font-size: 13px;margin: 5px 0;}
.searchResultContent {float: left;width: 100%;margin: 50px 0;}
.searchResultContentTop {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;}
.searchResultContentTop span {font-size: 20px;line-height: 20px;padding: 15px 0;font-family: 'NotoSansSemiBold';color: #169048;}
.searchResultContentTop a {color: #EC1C27;font-size: 13px;}
.searchResultSelectedFilter {float: left;width: 100%;padding: 15px;background: #EBF0F0;display: flex;align-items: center;justify-content: space-between;border-radius: 5px;}
.searchResultSelectedFilter > span {font-size: 14px;font-family: 'NotoSansSemiBold';}
.searchResultSelectedFilter div {float: right;}
.searchResultSelectedFilter div a {float: left;margin-left: 10px;font-size: 12px;background: #169048;border-radius: 50px;padding: 3px 13px;color: #fff;}
.searchResultContent > ul {padding: 0;margin: 0;float: left;width: 100%;}
.searchResultContent > ul li {float: left;width: 100%;margin: 0 0 15px 0;border: 1px solid #c4c4c4;border-radius: 5px;padding: 15px;display: flex;align-items: center;justify-content: space-between;}
.searchResultContent > ul li a {display: flex;align-items: center;}
.searchResultContent > ul li a img {width: 50px;margin: 0 5px;}
.searchResultContent > ul li a b {color: #000;font-size: 14px;margin: 0 5px;width: 150px;float: left;}
.searchResultContent > ul li div {text-align: center;margin: 0 5px;}
.searchResultContent > ul li > div > strong {color: #000;font-size: 14px;float: left;width: 100%;}
.searchResultContent > ul li > div > span {color: #169048;font-size: 14px;}
.searchResultContent > ul li input[type=text] {width: 40px;height: 40px;text-align: center;border-radius: 5px;outline: none;border: 1px solid #000;font-size: 14px;}
.searchResultContent > ul li > div > p {color: #000;font-size: 14px;margin: 0;text-decoration: line-through;}
.searchResultContent > ul li > div > b {color: #169048;}
.searchResultContent > ul li button {border: none;border-radius: 5px;background: #169048;outline: none;font-size: 14px;color: #fff;padding: 10px 15px;}
.searchResultContent > ul li .srInfo {position: relative;padding: 10px 0;}
.searchResultContent > ul li .srInfo img {cursor: pointer;}
.srInfoDetail {display: none;position: absolute;top: 45px;right: -90px;z-index: 9;background-color: #fff;border-radius: 5px;margin: 0 !important;width: 200px;box-shadow: 0px 0px 5px #636363;padding: 10px;}
.srInfoDetail::before {content: '';width: 0px;height: 0px;border-style: solid;border-width: 0 7px 7px 7px;border-color: transparent transparent #ffffff transparent;transform: rotate(0deg);position: absolute;top: -7px;right: 0;left: 0;margin: auto;}
.srInfoDetail b {float: left;width: 100%;font-size: 14px;}
.srInfoDetail span {font-size: 13px;float: left;width: 100%;}
.searchResultContent > ul li .srInfo:hover .srInfoDetail {display: block;}

.myOrders {float: left;width: 100%;}
.myOrders > h1 {float: left;font-size: 20px;font-family: 'NotoSansBold';margin: 0;}
.myOrdersTop {float: left;width: 100%;margin: 20px 0;}
.myOrdersTop select {appearance: none;background: url(../images/select.png) no-repeat;background-position: 93% center;float: left;border-radius: 5px;border: 1px solid #c4c4c4;outline: none;font-size: 14px;padding: 10px 15px;width: 200px;margin: 0 30px 0 0;cursor: pointer;font-family: 'NotoSansRegular';color:#000;}
.myOrdersTop input {float: right;background: #169048;color: #fff;font-size: 14px;padding: 10px 20px;border-radius: 5px;border: 1px solid transparent;transition: all 0.4s ease;}
.myOrdersTop input:hover {background: #007539}
.myOrdersUl {margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;float: left;width: 100%;}
.myOrdersUl li {float: left;width: 100%;border: 1px solid #C4C4C4;border-radius: 5px;}
.myOrderCardBody {float: left;width: 100%;padding: 15px;}
.myOrderCardBody > div {float: left;width: 50%;}
.myOrderCardBody > div:nth-child(4) {text-align: right;}
.myOrderCardBody b {float: left;width: 100%;font-size: 12px;font-family: 'NotoSansBold';}
.myOrderCardBody > span, .myOrderCardBody div > span {float: left;width: 100%;font-size: 12px;margin-bottom: 20px;}
.myOrdersCard {float: left;width: 100%;border-bottom: 1px solid #c4c4c4;padding: 15px;display: flex;align-items: center;justify-content: space-between;font-size: 12px;}
.myOrdersCard > div b {font-family: 'NotoSansBold';float: right;}
.myOrdersCard > div span {color: #169048;float: right;width: 100%;text-align: right;}
.myOrdersUl li a {float: left;width: 100%;display: flex;align-items: center;color: #169048;font-size: 12px;font-family: 'NotoSansBold';border: none;background: none;cursor: pointer;outline: none;}
.myOrdersUl li a img {margin: 0 0 0 10px;transition: transform 0.3s ease-out;}
.myOrdersUl li a:hover img {transform: translateX(5px);}
.headerTitle h1 {margin: 0;font-size: 15px;font-family: 'NotoSansBold';}
.headerTitle > span {font-size: 13px;}

.salesExecutives {float: left;width: 100%;}
.salesExecutives > h1 {float: left;font-size: 20px;font-family: 'NotoSansBold';margin: 0 0 15px 0;width: 100%;}
.salesExecutiveList {float: left;width: 100%;margin: 0;padding: 0;}
.salesExecutiveList li {float: left;width: 100%;border-bottom: 1px solid #c4c4c4;padding: 0 10px 15px 10px;font-size: 13px;margin-bottom: 20px;}
.salesExecutiveList li:last-child {margin:0}
.salesExecutiveList li div {display: flex;padding: 5px 0;}
.salesExecutiveList li div b {font-family: 'NotoSansBold';width: 200px;}
.salesExecutiveList li div > span {}

.previousOrderDetailTitle {float: left;width: 100%;margin-bottom: 10px;}
.previousOrderDetailTitle span {float: left;font-size: 12px;padding: 0 5px;font-family: 'NotoSansBold';}
.previousOrderDetailTitle span:nth-child(1) {width: 26%;}
.previousOrderDetailTitle span:nth-child(2) {width: 13%;}
.previousOrderDetailTitle span:nth-child(3) {width: 9%;}
.previousOrderDetailTitle span:nth-child(4) {width: 7%;}
.previousOrderDetailTitle span:nth-child(5) {width: 15%;}
.previousOrderDetailTitle span:nth-child(6) {width: 15%;text-align:right;}
.previousOrderDetailTitle span:nth-child(7) {width: 15%;text-align:right;}
.previousOrderDetail {float: left;width: 100%;max-height: 510px;overflow-y: auto;}
.previousOrderDetail ul {padding: 0;margin: 0;float: left;width: 100%;}
.previousOrderDetail ul li {float: left;width: 100%;margin: 0 0 7px 0;border: 1px solid #c4c4c4;padding: 10px 5px;display: inline-flex;align-items: center;}
.previousOrderDetail ul li > div {padding: 0 5px;}
.previousOrderDetail ul li > div:nth-child(1) {width: 26%;}
.previousOrderDetail ul li > div:nth-child(2) {width: 13%;}
.previousOrderDetail ul li > div:nth-child(3) {width: 9%;}
.previousOrderDetail ul li > div:nth-child(4) {width: 7%;}
.previousOrderDetail ul li > div:nth-child(5) {width: 15%;}
.previousOrderDetail ul li > div:nth-child(6) {width: 15%;text-align:right;}
.previousOrderDetail ul li > div:nth-child(7) {width: 15%;text-align:right;}
.previousOrderDetail ul li > div span:first-child {display: none;}
.previousOrderDetail ul li > div span {float: left;width: 100%;font-size: 12px;color: #169048;}
.previousOrderDetail ul li > div:nth-child(1) span {font-family: 'NotoSansBold';color: #000!important;}
.previousOrderDetail ul li > div input {float: left;max-width: 60px;font-size: 13px;border: 1px solid #c4c4c4;height: 35px;text-align: center;outline: none;border-radius: 5px;}
.previousOrderDetail ul li > div p {float: left;width: 100%;font-size: 12px;margin: 0;text-decoration: line-through;}
.previousOrderDetail ul li > div b {color: #169048;float: left;width: 100%;font-size: 14px;font-family: 'NotoSansBold';}
.previousOrderDetail > div a {float: right;background: #169048;color: #fff;font-size: 14px;padding: 10px 20px;border-radius: 5px;border: 1px solid transparent;transition: all 0.4s ease;}
.previousOrderDetail > div a:hover {background: #01A953}

.usedCodeDetailTitle {float: left;width: 100%;margin-bottom: 10px;}
.usedCodeDetailTitle span {float: left;font-size: 12px;padding: 0 5px;font-family: 'NotoSansBold';}
.usedCodeDetailTitle span:nth-child(1) {width: 39%;}
.usedCodeDetailTitle span:nth-child(2) {width: 13%;}
.usedCodeDetailTitle span:nth-child(3) {width: 9%;}
.usedCodeDetailTitle span:nth-child(4) {width: 7%;}
.usedCodeDetailTitle span:nth-child(5) {width: 17%;}
.usedCodeDetailTitle span:nth-child(6) {width: 15%;text-align:right;}
.usedCodeDetail {float: left;width: 100%;max-height: 510px;overflow-y: auto;}
.usedCodeDetail ul {padding: 0;margin: 0;float: left;width: 100%;}
.usedCodeDetail ul li {float: left;width: 100%;margin: 0 0 7px 0;border: 1px solid #c4c4c4;padding: 10px 5px;display: inline-flex;align-items: center;}
.usedCodeDetail ul li > div {padding: 0 5px;}
.usedCodeDetail ul li > div:nth-child(1) {width: 39%;}
.usedCodeDetail ul li > div:nth-child(2) {width: 13%;}
.usedCodeDetail ul li > div:nth-child(3) {width: 9%;}
.usedCodeDetail ul li > div:nth-child(4) {width: 7%;}
.usedCodeDetail ul li > div:nth-child(5) {width: 17%;}
.usedCodeDetail ul li > div:nth-child(6) {width: 15%;text-align:right;}
.usedCodeDetail ul li > div:nth-child(1) span {font-family: 'NotoSansBold';color: #000!important;}
.usedCodeDetail ul li.error-row > div span {float: left;width: 100%;font-size: 12px;color: red!important;}
.usedCodeDetail ul li > div span:first-child {display: none;}
.usedCodeDetail ul li > div span {float: left;width: 100%;font-size: 12px;color: #169048;}

.pagination {float: left;width: 100%;text-align: center;margin-top: 20px;display: block;}
.pagination ul {padding: 0;margin: 0 auto;display: table;}
.pagination ul li {margin: 0 5px;float: left;width: 50px;height: 40px;line-height: 30px;}
.pagination ul li a {float: left;width: 50px;height: 40px;font-size: 12px;line-height: 40px;border-radius: 3px;cursor: pointer;border: 1px solid #c4c4c4;}
.pagination ul li a.active {background: #169048;color: #fff;font-family: 'NotoSansBold';border-color: transparent;}
.pagination ul li a:hover {background: #009247;color: #fff !important;border-color: transparent;font-family: 'NotoSansBold';}
.pagination ul li:first-child, .pagination ul li:last-child, .pagination ul li:nth-child(4), .pagination ul li:nth-child(2) {width: 100px;}
.pagination ul li:first-child a, .pagination ul li:nth-child(2) a, .pagination ul li:last-child a, .pagination ul li:nth-child(4) a {width: 100%;display: flex;align-items: center;justify-content: center;}
.pagination ul li:first-child a img, .pagination ul li:nth-child(2) a img {margin-right: 5px;transition: transform 0.3s ease-out;}
.pagination ul li:last-child a img, .pagination ul li:nth-child(4) a img {margin-left: 5px;transition: transform 0.3s ease-out;}
.pagination ul li:first-child a:hover, .pagination ul li:last-child a:hover, .pagination ul li:nth-child(4) a:hover, .pagination ul li:nth-child(2) a:hover {background: none;color: #000 !important;border-color: #c4c4c4;}
.pagination ul li:nth-child(2) a:hover img, .pagination ul li:first-child a:hover img {transform: translateX(-5px);}
.pagination ul li:last-child a:hover img {transform: translateX(5px);}
.pagination ul li:nth-child(4) a:hover img {transform: translateX(5px);}

.favoriteProducts {float: left;width: 100%;}
.favoriteProducts > h1 {float: left;font-size: 20px;font-weight: normal;font-family: 'NotoSansBold';margin: 0;}
.favoriteProductsTop {float: left;width: 100%;margin: 20px 0;display: flex;align-items: center;justify-content: space-between;}
.favoriteProductsTop select {appearance: none;background: url(../images/select.png) no-repeat;background-position: 97% center;float: left;border: 1px solid #C4C4C4;outline: none;font-size: 14px;padding: 8px 15px 8px 8px;cursor: pointer;border-radius: 5px;font-family: 'NotoSansRegular';color:#000;}
.unFollow {position: absolute;right: 15px;top: 15px;border: none;background: none;outline: none;cursor: pointer;}
.myCurrentAccount {float: left;width: 100%;}
.myCurrentAccount > h1 {float: left;font-size: 20px;font-family: 'NotoSansBold';margin: 0;}
.myCurrentAccountTabMenu {float: left;width: 100%;margin: 25px 0;display: flex;justify-content: space-between;}
.myCurrentAccountTabMenu ul li {margin: 0 5px;}
.myCurrentAccountTabMenu ul li:first-child {margin-left: 0;}
.myCurrentAccountTabMenu ul li a {position: relative;font-size: 14px;padding: 10px 25px;color: #169048 !important;border: 1px solid #c4c4c4;}
.myCurrentAccountTabMenu ul li a::before {content: '';background: url(../images/polygon.png) no-repeat;width: 12px;height: 9px;position: absolute;bottom: -8px;left: 0;right: 0;margin: auto;background-size: contain;display: none;}
.myCurrentAccountTabMenu ul li a:hover {background: #f3f3f3 !important}
.myCurrentAccountTabMenu ul li a.active {background: #007539 !important;color: #fff !important;border-color: #007539;}
.myCurrentAccountTabMenu ul li a.active:before {display: block;}
.myCurrentAccountTabMenu > input {float: right;background: #169048;color: #fff;font-size: 14px;padding: 10px 20px;border-radius: 5px;border: 1px solid transparent;transition: all 0.4s ease;}
.myCurrentAccountTabMenu > input:hover {background: #007539}
.myCurrentAccount .tab-content {float: left;width: 100%;}
.myCurrentAccountList {float: left;width: 100%;font-size: 14px;border: 1px solid #c4c4c4;height: 360px;overflow: auto;}
.myCurrentAccountList table {margin: 0;font-size: 12px;}
.myCurrentAccountList table tbody tr th {font-family: 'NotoSansBold';color: #169048;}
.myCurrentAccountList table tr td {align-content: center;}
.myCurrentAccountList table tr:last-child td {border-bottom: 0;}
.collectionList {float: left;width: 100%;font-size: 14px;}
.collectionList table {margin: 0;font-size: 12px;}
.collectionList table tbody tr th {font-family: 'NotoSansBold';}
.collectionList table tr td {align-content: center;}
.txtSearchVin {float: left;width: 100%;margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;}
.txtSearchVin div {position: relative;max-width: 300px;width: 100%;}
.txtSearchVin input[type=text] {float: left;height: 40px;padding: 10px 40px 10px 10px;font-size: 14px !important;outline: none;border: 1px solid #c4c4c4;border-radius: 5px;color: #000;width: 100%;}
.txtSearchVin input[type=image] {position: absolute;right: 6px;width: 25px;top: 6px;}
.myCurrentAccountTab > ul {margin: 10px 0 0 0;float: left;width: 100%;padding: 0;display: grid;grid-template-columns: repeat(3, 1fr);border-radius: 5px;overflow: hidden;}
.myCurrentAccountTab > ul li {float: left;width: 100%;padding: 15px 20px;background: #EBF0F0;color: #169048;}
.myCurrentAccountTab > ul li:nth-child(2) {border-left: 1px solid #fff;}
.myCurrentAccountTab > ul li:nth-child(3) {background: #169048;color: #fff;}
.myCurrentAccountTab > ul li span {float: left;width: 100%;font-size: 24px;line-height: 24px;font-family: 'NotoSansBold';}
.myCurrentAccountTab > ul li p {float: left;width: 100%;font-size: 14px;margin-bottom: 10px;}
.myCurrentAccountTab div  a {float: right;background: #169048;color: #fff;font-size: 14px;padding: 10px 20px;border-radius: 5px;border: 1px solid transparent;transition: all 0.4s ease;margin-top: 10px;text-align:center;}
.myCurrentAccountTab div  a:hover {background: #007539}
.profileInformation {float: left;width: 100%;}
.profileInformation > h1 {float: left;font-size: 20px;font-family: 'NotoSansBold';margin: 0;}
.profilPhoto {float: left;width: 100%;margin: 15px 0;background: #169048;padding: 30px 15px;color: #fff;display: flex;align-items: center;justify-content: space-between;border-radius: 5px;}
.profilPhoto .userName {float: left;width: 100%;font-size: 18px;font-family: 'NotoSansBold';}
.profilPhoto .companyValue {float: left;width: 100%;font-size: 15px;}
.pp {float: left;display: flex;align-items: center;}
.pp label {float: left;margin-right: 20px;width: 90px;cursor:pointer;}
.pp input {display: none;}
.pp label img {float: left;width: 100%;object-fit: contain;border-radius: 100%;border: 2px solid #fff;}
.pp span {float: left;font-size: 15px;color: #fff;}
.pp span b {float: left;width: 100%;font-size: 18px;font-family: 'NotoSansBold';}
.profilPhoto > input {padding: 10px 20px;border: none;color: #169048;font-size: 13px;outline: none;border-radius: 5px;cursor: pointer;background:#f0f0f0 !important;}

.userInfo {float: left;width: 100%;margin: 15px 0;border: 1px solid #c4c4c4;padding: 15px;border-radius: 5px;}
.userInfo > h1 {float: left;font-size: 20px;font-family: 'NotoSansBold';color: #169048;margin: 0 0 15px 0;}
.userInfo > input {outline: none;float: right;background: #169048;color: #fff;font-size: 14px;padding: 10px 20px;border-radius: 5px;border: 1px solid transparent;transition: all 0.4s ease;}
.userInfo > input:hover {background: #007539}
.tripleUserInfoInput {float: left;width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
.userInfoInput {float: left;width: 100%;margin-bottom: 20px;}
.userInfoInput span {float: left;width: 100%;font-family: 'NotoSansBold';margin-bottom: 5px;font-size: 14px;}
.userInfoInput select {float: left;width: 100%;height: 50px;border: 1px solid #c4c4c4;outline: none;padding: 0 15px;font-size: 14px;border-radius: 5px;background: url(../images/select.png) no-repeat;appearance: none;background-position: 96% center;font-family: 'NotoSansRegular';color:#000;}
.userInfoInput input {float: left;width: 100%;height: 50px;border: 1px solid #c4c4c4;outline: none;padding: 0 15px;font-size: 14px;border-radius: 5px;}
.userInfoInput input:disabled {background: #EBF0F0;border-color: #EBF0F0;}
.users {float: left;width: 100%;margin-bottom: 20px;display:flex;align-items:end}
.users div {float: left;margin-right: 20px;width: 250px;}
.users div span {float: left;width: 100%;font-size: 15px;font-family: 'NotoSansBold';margin-bottom: 5px;}
.users div select {appearance: none;background: url(../images/select.png) no-repeat;background-position: 93% center;float: left;border-radius: 5px;border: 1px solid #c4c4c4;outline: none;font-size: 14px;padding: 11px 15px;width: 100%;margin: 0 30px 0 0;cursor: pointer;font-family: 'NotoSansRegular';color:#000;}
.users div input:disabled {float: left;width: 100%;height: 45px;border: 1px solid #EBF0F0;outline: none;padding: 0 15px;font-size: 14px;border-radius: 5px;background: #EBF0F0;}
.users > input {float: left;background: #169048;color: #fff;font-size: 14px;padding: 0 20px;height: 45px;border-radius: 5px;border: 1px solid transparent;transition: all 0.4s ease;}
.users > input:hover {background: #007539}

.roleAuthority {float: left;width: 100%;margin: 0;border: 1px solid #c4c4c4;padding: 20px;border-radius: 5px;}
.roleAuthority .dlPermissionItem {margin: 10px 0;}
.roleAuthority b {float: left;width: 100%;margin: 0 0 5px 0;font-size: 15px;font-family: 'NotoSansBold';}
.checkBoxListOfPermissionGroup span {float: left;border: 1px solid #c4c4c4;padding: 10px;border-radius: 5px;margin: 0 10px 10px 0;display: flex;align-items: center;}
.checkBoxListOfPermissionGroup label {float: left;font-size: 14px;}
.checkBoxListOfPermissionGroup input {accent-color: #169048;width: 15px;height: 15px;margin-right: 5px;}

.agreementh1 {float: left;font-size: 20px;font-family: 'NotoSansBold';margin: 0 0 20px 0;}
.agreementTitle {float: left;width: 100%;margin: 0 0 10px 0;}
.agreementTitle span {float: left;font-size: 12px;font-family: 'NotoSansBold';}
.agreementTitle span:nth-child(1) {width: 34%;}
.agreementTitle span:nth-child(2) {width: 13%;}
.agreementTitle span:nth-child(3) {width: 13%;}
.agreementTitle span:nth-child(4) {width: 40%}
.agreementList {float: left;width: 100%;}
.agreementList ul {margin: 0 0 15px 0;width: 100%;float: left;border: 1px solid #c4c4c4;padding: 20px 10px;border-radius: 5px;}
.agreementList ul li {float: left;font-size: 12px;}
.agreementList ul li:nth-child(1) {width: 34%;}
.agreementList ul li:nth-child(2) {width: 13%;}
.agreementList ul li:nth-child(3) {width: 13%;}
.agreementList ul li:nth-child(4) {width: 20%;}
.agreementList ul li:nth-child(5) {width: 20%;}
.agreementList ul li a {font-family: 'NotoSansBold';color: #009247;display: flex;align-items: center;}
.agreementList ul li a img {margin-left: 10px;transition: transform 0.3s ease-out;}
.agreementList ul li a:hover img {transform: translateX(5px);}

.agreementContent {float: left;width: 100%;}
.agreementContent h1 {display:inline-block;font-size: 20px;font-weight: normal;font-family: 'NotoSansBold';margin: 0;}
.agreementContent > span {float: right;font-size: 13px;color: #9F9F9F;}
.agreementContent > p {float: left;width: 100%;margin: 0 0 10px 0;font-size: 14px;}
.agreementContent ul {display: inline-block;padding: 0;font-size:14px !important;}
.agreementContent ul span, .agreementContent p span {font-size:14px !important;}

.pnlCollections > ul {margin: 0;padding: 0;float: right;}
.pnlCollections > ul li {float: left;}
.pnlCollections > ul li a {font-size: 13px;font-family: 'NotoSansBold';padding: 5px 10px;border-bottom: 1px solid transparent;float: left;width: 100%;transition: all 0.4s ease;}
.pnlCollections > ul li a:hover {border-bottom-color: #169048;color: #169048;}
.pnlCollections > ul li a.active {border-bottom-color: #169048;color: #169048;}

.lblLastBalance {text-align: right;float: left;width: 100%;font-family: 'NotoSansBold';font-size: 13px;}

.rptUserDetail {float: left;width: 33.3%;display: flex;align-items: center;}
.rptUserDetail label {padding: 0 0 0 10px;font-size: 14px;}
.rptUserDetail span {float: left;width: 100%;}
.rptUserDetail span:first-child {font-family: 'NotoSansBold';}
.btnSavePreferences {margin: 30px 0;background: #169048;color: #fff;font-size: 14px;font-family: 'NotoSansBold';padding: 0 20px;height: 45px;border-radius: 5px;border: 1px solid transparent;transition: all 0.4s ease;}
.btnSavePreferences:hover {background: #007539}

.requests {float: left;width: 100%;padding: 20px;border-bottom: 1px solid #c4c4c4;display: flex;align-items: center;justify-content: space-between;font-family: 'NotoSansBold';font-size: 14px;cursor: pointer;}
.requests img {transform: rotate(-90deg);transition: all 0.4s ease;}
.requests.active img {transform: rotate(0deg);}
.requestsButton {float: left;width: 100%;background: #f2f2f2;}

.invoiceQuantityInput {height: 35px;border: 1px solid #c4c4c4;width: 75%;padding: 0 20px 0 15px;font-size: 14px;outline: none;float: left;border-radius: 5px;text-align: center;}
.onlineOrder {float: left;width: 100%;}
.onlineOrder > h1 {float: left;font-size: 20px;font-family: 'NotoSansBold';margin: 0;}
.onlineOrderTop {float: left;width: 100%;margin: 20px 0;display: flex;align-items: center;justify-content: space-between;}
.onlineOrderTop span {font-size: 12px;}
.onlineOrderTop select {appearance: none;background: url(../images/select.png) no-repeat;background-position: 97% center;float: left;border: 1px solid #C4C4C4;outline: none;font-size: 13px;padding: 8px 15px 8px 5px;width: 150px;cursor: pointer;border-radius: 5px;font-family: 'NotoSansRegular';color:#000;}
.onlineOrderTitle {float: left;width: 100%;margin: 0 0 10px 0;}
.onlineOrderTitle span {float: left;font-size: 12px;font-family: 'NotoSansBold';}
.onlineOrderTitle span:nth-child(1) {width: 34%;}
.onlineOrderTitle span:nth-child(2) {width: 13%;}
.onlineOrderTitle span:nth-child(3) {width: 13%;}
.onlineOrderTitle span:nth-child(4) {width: 40%}
.onlineOrderList {float: left;width: 100%;}
.onlineOrderList ul {margin: 0 0 15px 0;width: 100%;float: left;border: 1px solid #c4c4c4;padding: 20px 10px;border-radius: 5px;}
.onlineOrderList ul li {float: left;font-size: 13px;}
.onlineOrderList ul li:nth-child(1) {width: 34%;font-family: 'NotoSansBold';}
.onlineOrderList ul li:nth-child(2) {width: 13%;color: #169048;}
.onlineOrderList ul li:nth-child(3) {width: 13%;color: #169048;}
.onlineOrderList ul li:nth-child(4) {width: 20%;font-family: 'NotoSansBold';color: #169048;}
.onlineOrderList ul li:nth-child(5) {width: 20%;}
.onlineOrderList ul li > span:first-child {display: none;}
.onlineOrderList ul li > span {float: left;width: 100%;}
.onlineOrderList ul li a {font-family: 'NotoSansBold';color: #169048;display: flex;align-items: center;}
.onlineOrderList ul li a img {margin-left: 10px;transition: transform 0.3s ease-out;}
.onlineOrderList ul li a:hover img {transform: translateX(5px);}

.onlineOrderReturn > h1 {margin: 0 0 25px 0;font-size: 20px;font-family: 'NotoSansBold';float: left;width: 100%;}
.onlineOrderReturn > span {font-size: 14px;float: left;width: 100%;margin-bottom: 7px;}
.onlineOrderReturnTitle {float: left;width: 100%;margin: 0 0 10px 0;padding: 0 10px;}
.onlineOrderReturnTitle span {font-size: 12px;float: left;font-family: 'NotoSansBold';}
.onlineOrderReturnTitle span:nth-child(1) {width: 4%;}
.onlineOrderReturnTitle span:nth-child(2) {width: 30%;}
.onlineOrderReturnTitle span:nth-child(3) {width: 12%;}
.onlineOrderReturnTitle span:nth-child(4) {width: 10%;}
.onlineOrderReturnTitle span:nth-child(5) {width: 7%;}
.onlineOrderReturnTitle span:nth-child(6) {width: 12%;}
.onlineOrderReturnTitle span:nth-child(7) {width: 12%;}
.onlineOrderReturnTitle span:nth-child(8) {width: 13%;}
.onlineOrderReturnList {float: left;width: 100%;margin-bottom: 10px;}
.onlineOrderReturnList > input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.onlineOrderReturnList label {float: left;width: 100%;padding:10px;border: 1px solid #c4c4c4;cursor: pointer;border-radius: 5px;display: flex;align-items: center;}
.checkbox__checkmark {float: left;width: 4%;}
.checkbox__checkmark div {width: 15px;height: 15px;float: left;border: 1px solid #000;position: relative;border-radius: 3px;}
.onlineOrderReturnList > input:checked ~ label {border: 1px solid #169048;}
.onlineOrderReturnList > input:checked ~ label .checkbox__checkmark div::after {content: '✓';position: absolute;left: 0;top: 0;line-height: 13px;font-size: 12px;width: 100%;text-align: center;color: #009247;}
.onlineOrderReturnListRight {float: left;width: 96%;display: flex;align-items: center;}
.onlineOrderReturnListRight div {float: left;}
.onlineOrderReturnListRight div span:first-child {display: none;font-family: 'NotoSansBold';}
.onlineOrderReturnListRight div b {float: left;width: 100%;font-size: 12px;line-height: 15px;font-family: 'NotoSansBold';}
.onlineOrderReturnListRight div span {float: left;font-size: 12px;line-height: 15px;color: #169048;}
.onlineOrderReturnListRight div:nth-child(1) {width: 31%;}
.onlineOrderReturnListRight div:nth-child(2) {width: 13%;}
.onlineOrderReturnListRight div:nth-child(3) {width: 10%;}
.onlineOrderReturnListRight div:nth-child(4) {width: 7%;}
.onlineOrderReturnListRight div:nth-child(5) {width: 13%;}
.onlineOrderReturnListRight div:nth-child(6) {width: 13%;font-family: 'NotoSansBold';}
.onlineOrderReturnListRight div:nth-child(7) {width: 13%;font-family: 'NotoSansBold';}

.onlineOrderReturnSucces {text-align: center;padding: 45px var(--bs-modal-padding);}
.onlineOrderReturnSucces img {margin: 0 0 30px 0;}
.onlineOrderReturnSucces h1 {font-size: 18px;margin: 0 0 20px 0;}
.onlineOrderReturnSucces span {float: left;width: 100%;font-size: 14px;margin-bottom: 15px;}
.onlineOrderReturnSucces div {float: left;width: 100%;}
.onlineOrderReturnSucces div a {display: inline-block;border: 1px solid #169048;color: #169048;font-size: 14px;padding: 15px 30px;border-radius: 5px;}
.onlineOrderReturnSucces div a:last-child {background: #009247;color: #fff;margin-left: 20px;}

.returnReason {float: left;width: 100%;margin: 25px 0 0 0;}
.returnReason > h1 {margin: 0 0 5px 0;font-size: 20px;color: #169048;font-family: 'NotoSansBold';}
.returnReason > input {float: right;background: #169048;color: #fff;font-size: 14px;padding: 10px 25px;border-radius: 5px;border: none;transition: all 0.4s ease;}
.returnReason > input:hover {background: #007539;}
.returnReason > span {float: left;width: 100%;font-size: 14px;margin-bottom: 5px;}
.returnReasonInput {float: left;width: 100%;margin: 10px 0;}
.returnReasonInput span {float: left;width: 100%;font-family: 'NotoSansBold';font-size: 14px;margin-bottom: 5px;}
.returnReasonInput textarea {height: 100px;border: 1px solid #c4c4c4;width: 100%;padding: 10px;font-size: 13px;outline: none;float: left;resize: none;border-radius: 5px;}
    
.offlineOrder {float: left;width: 100%;}
.offlineOrder h1 {float: left;font-size: 20px;font-family: 'NotoSansBold';margin: 0;}
.offlineOrder > span {float: left;width: 100%;font-size: 15px;margin: 30px 0;}
.offlineOrder a.requestForm {border: 1px solid #169048;background: none;color: #169048;font-size: 14px;padding: 10px 20px;outline: none;float: left;margin-right: 30px;border-radius: 5px;transition: all 0.4s ease;}
.offlineOrder input.uploadForm {border: none;background: #169048;color: #fff;font-size: 14px;padding: 10px 20px;outline: none;float: left;border-radius: 5px;transition: all 0.4s ease;}
.offlineOrder a.requestForm:hover {background: #f3f3f3;}
.offlineOrder input.uploadForm:hover {background: #007539}

.refundRequests {float: left;width: 100%;}
.refundRequests > h1 {float: left;font-size: 20px;font-family: 'NotoSansBold';margin: 0;}
.refundRequestsTop {float: left;width: 100%;margin: 20px 0;display: flex;align-items: center;justify-content: space-between;}
.refundRequestsTop span {font-size: 14px;}
.refundRequestsTop select {appearance: none;background: url(../images/select.png) no-repeat;background-position: 97% center;float: left;border: 1px solid #C4C4C4;outline: none;font-size: 13px;padding: 8px 15px 8px 5px;width: 150px;cursor: pointer;border-radius: 5px;font-family: 'NotoSansRegular';color:#000;}
.refundRequestsTitle {float: left;width: 100%;padding: 0 10px;margin: 10px 0;}
.refundRequestsTitle span {font-size: 12px;float: left;font-family: 'NotoSansBold';}
.refundRequestsTitle span:nth-child(1) {width: 40%;}
.refundRequestsTitle span:nth-child(2) {width: 22%;}
.refundRequestsTitle span:nth-child(3) {width: 20%;}
.refundRequestsTitle span:nth-child(4) {width: 28%;}
.refundRequestsList {float: left;width: 100%;}
.refundRequestsList ul {margin: 0 0 15px 0;width: 100%;float: left;border: 1px solid #c4c4c4;padding: 15px 10px;border-radius: 5px;}
.refundRequestsList ul li {font-size: 12px;float: left;}
.refundRequestsList ul li > span:first-child {display: none;color: initial;}
.refundRequestsList ul li:nth-child(1) {width: 40%;font-family: 'NotoSansBold';}
.refundRequestsList ul li:nth-child(2) {width: 22%;color: #169048;}
.refundRequestsList ul li:nth-child(3) {width: 20%;}
.refundRequestsList ul li:nth-child(4) {width: 18%;}
.refundRequestsList ul li:nth-child(5) {width: 10%;}
.refundRequestsList ul li a {font-family: 'NotoSansBold';color: #169048;display: flex;align-items: center;}
.refundRequestsList ul li a img {margin-left: 10px;transition: transform 0.3s ease-out;}
.refundRequestsList ul li a:hover img {transform: translateX(5px);}

.refundRequestsModal > h1 {float: left;font-size: 20px;font-family: 'NotoSansBold';margin: 0;}
.refundRequestsModal > b {float: left;font-size: 15px;font-family: 'NotoSansBold';}
.refundRequestsModal > span {font-size: 13px;float: right;font-family: 'NotoSansBold';}
.refundRequestsModal > input {display: table;margin: 0 auto 15px auto;border: none;background: #169048;color: #fff;font-size: 14px;padding: 10px 20px;outline: none;border-radius: 5px;transition: all 0.4s ease;}
.refundRequestsModal > input:hover {background: #007539}
.refundRequestsContent {float: left;width: 100%;}
.refundRequestsContent h1 {float: left;font-size: 15px;font-family: 'NotoSansBold';color: #169048;margin: 25px 0 0 0;width: 100%;}
.refundRequestsContent span {font-size: 14px;float: left;width: 100%;margin: 10px 0;}
.refundRequestsContent button.newRequest {margin: 20px 0 0 15px;background: none;color: #169048;font-size: 14px;border: 1px solid #169048;padding: 10px 20px;float: right;border-radius: 5px;transition: all 0.4s ease;}
.refundRequestsContent input.okey {margin: 20px 0 0 15px;border-radius: 5px;background: #169048;color: #fff;font-size: 14px;border: none;padding: 10px 20px;float: right;transition: all 0.4s ease;}
.refundRequestsContent textarea {height: 150px;border: 1px solid #c4c4c4;border-radius: 5px;margin: 10px 0 30px 0;width: 100%;padding: 10px 20px;font-size: 14px;outline: none;float: left;resize: none;}
.refundRequestsContent button.newRequest:hover {background: #f3f3f3;}
.refundRequestsContent input.okey:hover {background: #007539}
.refundRequestsModalTitle {float: left;width: 100%;margin:10px 0;padding: 0 10px;}
.refundRequestsModalTitle span {font-size: 12px;float: left;font-family: 'NotoSansBold';}
.refundRequestsModalTitle span:nth-child(1) {width: 25%;}
.refundRequestsModalTitle span:nth-child(2) {width: 13%;}
.refundRequestsModalTitle span:nth-child(3) {width: 10%;}
.refundRequestsModalTitle span:nth-child(4) {width: 10%;}
.refundRequestsModalTitle span:nth-child(5) {width: 15%;}
.refundRequestsModalTitle span:nth-child(6) {width: 14%;}
.refundRequestsModalTitle span:nth-child(7) {width: 13%;}
.refundRequestsModalList {float: left;width: 100%;margin-bottom: 25px;}
.refundRequestsModalList ul {float: left;width: 100%;padding: 15px 10px;margin: 0;border: 1px solid #c4c4c4;border-radius: 5px;}
.refundRequestsModalList ul li {float: left;font-size: 12px;}
.refundRequestsModalList ul li:nth-child(1) {width: 25%;}
.refundRequestsModalList ul li:nth-child(2) {width: 13%;}
.refundRequestsModalList ul li:nth-child(3) {width: 10%;}
.refundRequestsModalList ul li:nth-child(4) {width: 10%;}
.refundRequestsModalList ul li:nth-child(5) {width: 15%;}
.refundRequestsModalList ul li:nth-child(6) {width: 14%;}
.refundRequestsModalList ul li:nth-child(7) {width: 13%;}

.techSupport {float: left;width: 100%;}
.techSupport > h1 {float: left;font-size: 20px;font-family: 'NotoSansBold';margin: 0;}
.techSupportForm {float: left;width: 100%;border: 1px solid #c4c4c4;padding: 20px;margin: 25px 0 60px 0;border-radius: 5px;}
.techSupportRow {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.techSupportInput {float: left;width: 100%;margin: 0 0 15px 0;}
.techSupportInput span {float: left;width: 100%;font-family: 'NotoSansBold';font-size: 14px;margin-bottom: 5px;}
.techSupportInput select {background: url(../images/select.png) no-repeat;height: 50px;border: 1px solid #c4c4c4;width: 100%;appearance: none;background-position: 96% center;cursor: pointer;padding: 0 20px 0 15px;font-size: 14px;outline: none;border-radius: 5px;font-family: 'NotoSansRegular';color:#000;}
.techSupportInput input {height: 50px;border: 1px solid #c4c4c4;width: 100%;padding: 0 20px 0 15px;font-size: 14px;outline: none;float: left;border-radius: 5px;}
.techSupportInput textarea {height: 100px;border: 1px solid #c4c4c4;width: 100%;padding: 10px 20px;font-size: 14px;outline: none;float: left;resize: none;border-radius: 5px;}
.techSupportForm > input {outline: none;float: right;background: #169048;color: #fff;font-size: 14px;padding: 10px 20px;border-radius: 5px;border: 1px solid transparent;transition: all 0.4s ease;}
.techSupportForm > input:hover {background: #007539;}
.techSupportTop {float: left;width: 100%;margin: 20px 0 40px 0;display: flex;justify-content: space-between;}
.techSupportTop select {appearance: none;background: url(../images/select.png) no-repeat;background-position: 97% center;float: left;border: 1px solid #C4C4C4;outline: none;font-size: 14px;padding: 8px 15px 8px 5px;width: 150px;cursor: pointer;border-radius: 5px;font-family: 'NotoSansRegular';color:#000;}
.techSupportTop ul li {margin-left: 10px;}
.techSupportTop ul li a {background: none;padding: 10px 25px;font-size: 13px;position: relative;color: #169048;border: 1px solid #c4c4c4;}
.techSupportTop ul li a:hover {background: #f3f3f3;color: #009247;}
.techSupportTop ul li a:before {content: '';background: url(../images/polygon.png) no-repeat;position: absolute;left: 0;right: 0;width: 15px;height: 9px;bottom: -8px;margin: auto;display: none;}
.techSupportTop ul li a.active {color: #fff !important;background: #007539 !important;border-color: #007539;}
.techSupportTop ul li a.active:before {display: block;}

.activeRequestsTitle {float: left;width: 100%;margin: 10px 0;padding: 0 10px;}
.activeRequestsTitle span {font-size: 12px;float: left;font-family: 'NotoSansBold';}
.activeRequestsTitle span:nth-child(1) {width: 20%;}
.activeRequestsTitle span:nth-child(2) {width: 30%;}
.activeRequestsTitle span:nth-child(3) {width: 12%;}
.activeRequestsTitle span:nth-child(4) {width: 38%;}
.activeRequestsList {float: left;width: 100%;margin-bottom: 25px;}
.activeRequestsList ul {float: left;width: 100%;padding: 15px 10px;margin: 0 0 15px 0;border: 1px solid #c4c4c4;border-radius: 5px;}
.activeRequestsList ul li {float: left;font-size: 12px;color: #169048;}
.activeRequestsList ul li > span:first-child {display: none;}
.activeRequestsList ul li:nth-child(1) {width: 20%;color: #000;font-family: 'NotoSansBold';}
.activeRequestsList ul li:nth-child(2) {width: 30%;}
.activeRequestsList ul li:nth-child(3) {width: 12%;}
.activeRequestsList ul li:nth-child(4) {width: 28%;}
.activeRequestsList ul li:nth-child(5) {width: 10%;}
.activeRequestsList ul li a {font-family: 'NotoSansBold';color: #169048;display: flex;align-items: center;}
.activeRequestsList ul li a img {margin-left: 10px;transition: transform 0.3s ease-out;}
.activeRequestsList ul li a:hover img {transform: translateX(5px);}

.vehicleQuery {float: left;width: 100%;display: flex;align-items: center;margin-bottom: 25px;}
.vehicleQuery input[type=text] {float: left;height: 50px;padding: 10px;font-size: 14px !important;outline: none !important;border: 1px solid #c4c4c4 !important;border-radius: 5px !important;color: #000 !important;width: 38%;margin: 0 2% 0 0;}
.vehicleQuery input[type=submit] {background: #169048;border: none;height: 50px;color: #fff;outline: none;transition: all 0.4s ease;border-radius: 5px;width: 20%;font-size: 15px;}
.vehicleQuery input[type=submit]:hover {background-color: #007539;}

.codewinner {float: left;width: 100%;}
.codewinner h1 {float: left;width: 100%;font-size: 20px;font-family: 'NotoSansBold';margin: 0 0 15px 0;}
.codewinnerList {float: left;width: 100%;margin-bottom: 30px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;padding: 25px 40px;border: 1px solid #c4c4c4;border-radius: 5px;}
.codewinnerList li span {font-size: 20px;margin-left: 30px;}
.productChoice {float: left;width: 69%;}
.productChoice ul {float: left;width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;padding: 0;margin: 0;}
.productChoice ul li {float: left;width: 100%;text-align: center;border: 1px solid #c4c4c4;padding: 25px;cursor: pointer;border-radius: 5px;}
.productChoice ul li input {max-width: 100%;height: 180px;} 
.productChoice ul li span {float: left;width: 100%;margin: 10px 0 0 0;font-size: 15px;font-family: 'NotoSansBold';}

.pointsEntry {float: right;width: 29%;}
.pointsEntrySelectedProduct {float: left;width: 100%;border: 1px solid #c4c4c4;padding: 10px;margin-bottom: 50px;border-radius: 5px;}
.pointsEntrySelectedProduct div {float: left;width: 100%;background: #EBF0F0;padding: 20px;color: #169048;margin-bottom: 15px;border-radius: 5px;}
.pointsEntrySelectedProduct div b {float: left;width: 100%;font-size: 18px;font-family: 'NotoSansBold';}
.pointsEntrySelectedProduct div > span {float: left;width: 100%;font-size: 12px;}
.pointsEntrySelectedProduct .txtEnterCode {float: left;width: 100%;height: 50px;outline: none;border: 1px solid #c4c4c4;border-radius: 5px;font-size: 14px;padding: 0 20px;margin: 0 0 10px 0;}
.pointsEntrySelectedProduct .btnConfirm {float: left;width: 100%;background: #169048;color: #fff;border: none;outline: none;height: 50px;border-radius: 5px;transition: all 0.4s ease;font-size: 14px;}
.pointsEntrySelectedProduct .btnConfirm:hover {background: #007539}
.pointsEntrySelectedProduct a {float: left;width: 100%;color: #169048;border: 1px solid #169048;margin-top: 10px;outline: none;height: 50px;border-radius: 5px;transition: all 0.4s ease;align-content: center;text-align: center;font-size: 14px;}
.pointsEntrySelectedProduct a:hover {background: #007539;border-color:#007539;color:#fff;}
.newCode {float: left;width: 100%;background: #169048;padding: 15px;display: flex;align-items: center;justify-content: space-between;border-radius: 5px;}
.newCode span {float: left;font-size: 20px;font-family: 'NotoSansBold';color: #fff;margin-right: 5px;}
.newCode input {float: right;background: #fff;padding: 10px 20px;font-size: 14px;color: #169048;border-radius: 5px;border: none;outline: none;margin-left:10px;}
.currentMovements {float: left;width: 100%;margin: 40px 0;display: flex;align-items: center;justify-content: space-between;}
.currentMovements span {float: left;font-family: 'NotoSansBold';font-size: 20px;}
.currentMovements ul li {margin-left: 10px;}
.currentMovements ul li a {background: none;padding: 10px 25px;font-size: 13px;position: relative;color: #169048;border: 1px solid #c4c4c4;}
.currentMovements ul li a:hover {background: #f3f3f3;color: #009247;}
.currentMovements ul li a:before {content: '';background: url(../images/polygon.png) no-repeat;position: absolute;left: 0;right: 0;width: 15px;height: 9px;bottom: -8px;margin: auto;display: none;}
.currentMovements ul li a.active {color: #fff !important;background: #007539 !important;border-color: #007539;}
.currentMovements ul li a.active:before {display: block;}
.tabCodeWinner {float: left;width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;padding: 0;margin: 0;}
.tabCodeWinner li {float: left;width: 100%;text-align: center;border: 1px solid #c4c4c4;padding: 15px;border-radius: 5px;}
.tabCodeWinner li img {max-width: 100%;height: 180px;display: table;margin: auto;}
.tabCodeWinner b {float: left;width: 100%;margin: 10px 0 0 0;font-size: 15px;font-family: 'NotoSansBold';height: 45px;}
.tabCodeWinner div {float:left;width:100%;}
.tabCodeWinner div table {float:left;width:100%;font-size: 11px;text-align: left;margin: 10px 0 0 0;}
.tabCodeWinner div a {float: left;width: 100%;background: #169048;border-radius: 5px;padding: 10px;font-size: 13px;color: #fff;margin: 10px 0 0 0;}
.campaignTop {float: left;width: 100%;margin: 0 0 25px 0;}
.campaignTop select {appearance: none;background: url(../images/select.png) no-repeat;background-position: 93% center;float: right;border-radius: 5px;border: 1px solid #c4c4c4;outline: none;font-size: 14px;padding: 11px 15px;width: 170px;cursor: pointer;font-family: 'NotoSansRegular';margin: 0 0 0 25px;color:#000;}
.campaignList {float: left;width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;padding: 0;margin: 0 0 30px 0;}
.campaignList li {float: left;width: 100%;text-align: center;border-radius: 5px;border: 1px solid #c4c4c4;overflow: hidden;position: relative;}
.campaignList li > img {max-width: 100%;display: table;margin: auto;}
.campaignList li > span {float: left;margin: 20px 0 0 0;font-size: 12px;position: absolute;left: 0;padding: 5px 15px;background: #009247;color: #fff;font-family: 'NotoSansBold';}
.campaignList li b {float: left;width: 100%;margin: 20px 0 0 0;font-family: 'NotoSansBold';font-size: 14px;height: 65px;padding: 0 10px;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;line-height: 21px;}
.campaignList li p {float: left;width: 100%;font-size: 13px;margin: 15px 0;color: #169048;}
.campaignList li a {font-size: 13px;font-family: 'NotoSansBold';color: #169048;float: left;width: 100%;padding: 15px 0;border-top: 1px solid #c4c4c4;}
.campaignList li a img {transition: transform 0.3s ease-out;margin-left: 5px;}
.campaignList li a:hover img {transform: translateX(10px);}
.campaignContent {float: left;width: 100%;}
.campaignContent h1 {float: left;font-size: 23px;font-family: 'NotoSansBold';margin: 0 0 25px 0;width: 100%;}
.campaignContent > span {float: left;font-size: 14px;color: #169048;margin: 0 0 20px 0;width: 100%;}
.campaignContent > p {float: left;width: 100%;margin: 0 0 10px 0;font-size: 14px;}
.campaignContent > a {font-size: 13px;font-family: 'NotoSansBold';color: #169048;float: left;padding: 13px 20px;border: 1px solid #169048;border-radius: 5px;}
.campaignContent > a img {transition: transform 0.3s ease-out;}
.campaignContent > a:hover img {transform: translateX(10px);}
.campaignContent > img {display: table;margin: 0 auto 35px auto;max-width: 100%;}
.campaignProduct {float:left;width:100%;}
.campaignProduct ul {float: left;width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;padding:0;margin:0;}
.campaignProduct ul li {position: relative;width: 100%;float: left;border: 1px solid #c4c4c4;border-radius: 3px;margin-bottom: 3px;overflow: hidden;}
.campaignProduct ul li a {float: left;width: 100%;padding: 25px 15px 0 15px;}
.campaignProduct ul li a b {float: left;width: 100%;line-height: normal;text-align: center;height: 80px;margin-bottom: 10px;font-size: 14px;font-family: 'NotoSansBold';}
.campaignProduct ul li .addToCart {float: left;width: calc(100% - 30px);border: none;background: #009247;padding: 10px 0;color: #fff;font-size: 14px;position: absolute;left: 15px;bottom: -100%;z-index: 99;transition: all 0.3s ease;border-radius: 5px;}
.campaignProduct ul li .addToCart:hover {background: #01A953!important;color: #fff;}
.campaignProduct ul li:hover .addToCart {bottom: 15px;}

.faq {float: left;width: 100%;border: 1px solid #c4c4c4;margin-bottom: 20px;border-radius: 5px;}
.faq h1 {float: left;width: 100%;padding: 25px;font-size: 14px;margin: 0;cursor: pointer;position: relative;font-family: 'NotoSansBold';}
.faq h1::before {content: '';background: url(../images/categoryArrow.png) no-repeat;width: 20px;height: 10px;position: absolute;right: 25px;background-size: contain;top: 30px;transition: all 0.5s ease;-webkit-transform: rotate(0deg);}
.faq h1.active:before {-webkit-transform: rotate(180deg);}
.faq p {float: left;width: 100%;margin: 0;padding: 0 25px 25px 25px;display: none;font-size: 14px;}
.faq1 {float: left;width: 100%;border: 1px solid #c4c4c4;margin-bottom: 20px;border-radius: 5px;}
.faq1 h1 {float: left;width: 100%;padding: 25px;font-size: 14px;margin: 0;cursor: pointer;position: relative;font-family: 'NotoSansBold';}
.faq1 h1::before {content: '';background: url(../images/categoryArrow.png) no-repeat;width: 20px;height: 10px;position: absolute;right: 25px;background-size: contain;top: 30px;transition: all 0.5s ease;-webkit-transform: rotate(0deg);}
.faq1 h1.active:before {-webkit-transform: rotate(180deg);}
.faq1 .faqDetail {float: left;width: 100%;padding: 0 25px 25px 25px;display: none;font-size: 14px;}
.faq1 .faqDetail * {font-size: 14px;margin: 0 !important;padding:0 !important;}
.contract {float: left;width: 100%;}
.contract > ul {padding: 0;margin: 0;width: 270px;float: left;}
.contract > ul li {float: left;width: 100%;}
.contract > ul li a {float: left;width: 100%;font-size: 14px;padding: 10px;font-family: 'NotoSansBold';}
.contract ul li a.active {color: #119a4e;}
.contract ul li a:hover {color: #119a4e;}
.contractContent {float: left;width: calc(100% - 270px);padding-left: 15px;font-size: 14px;}
.contractContent h5 {font-family: 'NotoSansBold';float: left;width: 100%;margin: 0 0 30px 0;font-size: 23px;}
.contractContent > strong {font-family: 'NotoSansBold';font-size:16px;}
.contractContent p {margin: 0 0 10px 0;}
.casContent {float: left;width: 100%;display: flex;justify-content: space-between;}
.casProfile {background: #EBF0F0;border-radius: 5px;float: left;width: 38%;text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.casProfile img {border: 2px solid #fff;border-radius: 100%; height: 180px;width: 180px;object-fit: cover;}
.casProfile b {float: left;width: 100%;margin-top: 30px;font-size: 24px;color: #169048;line-height: 20px;}
.casInfo {border: 1px solid #EBEBEB;float: left;width: 58%;padding: 25px;font-size: 13px;border-radius: 5px;}
.casInfo b {float: left;width: 100%;font-family: 'NotoSansBold';}
.casInfo > span {float: left;width: 100%;margin-bottom: 30px;}
.error404 {float: left;width: 100%;text-align: center;height: calc(100vh - 400px);align-content: center;background: url(../images/404.jpg) no-repeat;background-position: right;background-size: cover;color: #fff;}
.error404 h1 {font-size: 200px;margin: 0 0 35px 0;line-height: 165px;}
.error404 span {float: left;width: 100%;font-size: 15px;}
.error404 a {display: inline-block;background: #169048;color: #fff;outline: none;border-radius: 5px;transition: all 0.4s ease;padding: 10px 20px;font-size: 12px;margin-top: 35px;}
.error404 a:hover {background: #007539}
.red {color: #EC1C27;}
.green {color: #169048;}

.ErrorAndSuccessDiv {top: 180px;position: fixed;left: 0;right: 0;padding: 15px;border-radius: 5px;border: 1px solid #fff;max-width: 750px;max-height: 500px;overflow: auto;margin: auto;z-index: 99999;}
.ErrorAndSuccessDiv div {display: flex;align-items: center;justify-content: center;float: left;width: 100%;position: relative;padding: 0 25px;}
.closed {float: right;width: 15px;position: absolute;right: 0;top: 0;}
.successDiv {background: #169048;}
.successDiv img {width: 25px;border-radius: 100%;margin-right: 10px;}
.successDiv span {color: #fff;font-size: 14px;}
.errorDiv {background:#ec1c27;}
.errorDiv img {width: 25px;border-radius: 100%;margin-right: 10px;padding: 5px;border: 1px solid #fff;}
.errorDiv span {color: #fff;font-size: 15px;}

.cookieseal-banner {position: fixed;z-index: 999;left: 0;right: 0;bottom: 0;background: #ececec;padding: 15px;display: flex;flex-direction: row;align-items: center;gap: 2em;box-shadow: 0px 0px 5px #000;}
.cookieseal-banner p {margin: 0;font-size: 13px;}
.cookieseal-banner p a {text-decoration: underline;}
.cookieseal-banner-buttons {display: flex;flex: 1 0 0;justify-content: space-between;gap: 1em;}
.cookieseal-banner-popup {background-color: #01834f;border: none;border-radius: 3px;color: #fff;font-family: 'NotoSansSemiBold';padding: 0.5em;font-size: 13px;}
.cookiePolicyContent h1 {float: left;width: 100%;font-size: 16px;font-family: 'NotoSansBold';}
.cookiePolicyContent > span {font-size: 13px;margin: 0 0 15px 0;float: left;width: 100%;}
.cookiePolicyTabMenu {float: left;width: 100%;border: 1px solid #dfdfdf;border-radius: 5px;overflow: hidden;}
.cookiePolicyContent > input {background-color: #169048;border: none;border-radius: 3px;color: #fff;font-family: 'NotoSansSemiBold';padding: 0.8em;font-size: 13px;float: right;margin: 15px 0 0 0;}
.checkbox-wrapper-9 .tgl {display: none;}
.checkbox-wrapper-9 .tgl::-moz-selection, .checkbox-wrapper-9 .tgl:after::-moz-selection, .checkbox-wrapper-9 .tgl:before::-moz-selection, .checkbox-wrapper-9 .tgl *::-moz-selection, .checkbox-wrapper-9 .tgl *:after::-moz-selection, .checkbox-wrapper-9 .tgl *:before::-moz-selection, .checkbox-wrapper-9 .tgl + .tgl-btn::-moz-selection, .checkbox-wrapper-9 .tgl::selection, .checkbox-wrapper-9 .tgl:after::selection, .checkbox-wrapper-9 .tgl:before::selection, .checkbox-wrapper-9 .tgl *::selection, .checkbox-wrapper-9 .tgl *:after::selection, .checkbox-wrapper-9 .tgl *:before::selection, .checkbox-wrapper-9 .tgl + .tgl-btn::selection {background: none;}
.checkbox-wrapper-9 .tgl + .tgl-btn {outline: 0;display: block;width: 3em;height: 1.5em;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox-wrapper-9 .tgl + .tgl-btn:after, .checkbox-wrapper-9 .tgl + .tgl-btn:before {position: relative;display: block;content: "";width: 50%;height: 100%;}
.checkbox-wrapper-9 .tgl + .tgl-btn:after {left: 0;}
.checkbox-wrapper-9 .tgl + .tgl-btn:before {display: none;}
.checkbox-wrapper-9 .tgl:checked + .tgl-btn:after {left: 50%;}
.checkbox-wrapper-9 .tgl-flat + .tgl-btn {padding: 2px;transition: all 0.2s ease;background: #fff;border: 3px solid #000;border-radius: 2em;margin: 0;}
.checkbox-wrapper-9 .tgl-flat + .tgl-btn:after {transition: all 0.2s ease;background: #23272b;content: "";border-radius: 1em;}
.checkbox-wrapper-9 .tgl-flat:checked + .tgl-btn {border: 3px solid #119a4e;}
.checkbox-wrapper-9 .tgl-flat:checked + .tgl-btn:after {left: 50%;background: #119a4e;}
.cookiePolicyCard {float: left;width: 100%;padding: 15px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #dfdfdf;background: #f7f7f7;position:relative;}
.cookiePolicyCard > input {width: 100%;text-align: left;border: none;background: none;outline: none;font-size: 13px;}
.cookiePolicyCard > span {width: 100%;text-align: right;font-family: 'NotoSansBold';font-size: 13px;}
.cookiePolicyBody {float: left;width: 100%;padding: 15px;display:none;}
.cookiePolicyBody span {font-size: 13px;float: left;width: 100%;}

.emptyInformation {display: flex;align-items: center;justify-content: center;width: 100%;border: 1px solid #1976D2;border-radius: 5px;background: #E3F2FD;color: #1976D2;padding: 15px;float:left;}
.emptyInformation img {width: 20px;margin-right: 5px;}
.emptyInformation span {font-size: 12px;font-family: 'NotoSansSemiBold';}

.crossCode ul {float: left;width: 100%;padding:0;margin:0;}
.crossCode ul li {float: left;width: 100%;display:flex;justify-content:space-between;font-size: 14px;}
.crossCode ul li b {font-family: 'NotoSansBold';}

.logo_white, .mblHeader, .MblHeaderNav, .selectTabs, .onlinePay1, .myCurrentAccountSelectTabs, .techSupportSelectTabs, .bankSelect, .mQuantity b, .mblFixedAddToCart, .currentMovementsSelect, .paymentMethodSelect, .mblFilter, .filterTitleMobil, .mblScroll > .productContentTop, .currentAccountSelect, .mnone {display: none;}

.maintenance {background:url(../images/maintenance.png) no-repeat;float: left;width: 100%;height: calc(100vh - 128px);background-size: cover;background-position: center right;align-content: center;}
.maintenance .container div {float: left;background-color: #ffffff;max-width: 430px;border-radius: 5px;padding: 35px 25px;box-shadow: 0px 0px 5px 0px #5f5f5f;text-align: center;}
.maintenance .container div span:first-child {font-size: 23px;margin: 0 0 20px 0;font-family: 'NotoSansBold';color: #169048;float: left;width: 100%;}
.maintenance .container div span:last-child {float: left;width: 100%;line-height: 25px;font-size: 17px;}

.paymentSuccessfully {float: left;width: 100%;text-align: center;margin: 120px 0;}
.paymentSuccessfully img {display: table;width: 100px;margin: auto;}
.paymentSuccessfully h1 {font-family: 'NotoSansBold';margin: 20px 0 0 0;font-size: 25px;color: #169048;}

.paymentFail {float: left;width: 100%;text-align: center;margin: 120px 0;}
.paymentFail img {display: table;width: 100px;margin: auto;}
.paymentFail h1 {font-family: 'NotoSansBold';margin: 20px 0 0 0;font-size: 25px;color: #f00023;}

.links {float: left;width: 100%;text-align: center;margin-bottom: 35px;}
.links a {display: inline-block;border: 1px solid #169048;color: #169048;padding: 10px;border-radius: 5px;font-size: 14px;margin: 0 5px;transition: all 0.4s ease;}
.links a:hover {background: #169048;color: #fff;}

.collectionInformation {float: left;width: 100%;margin: 70px 0;}
.collectionInformation > span {font-family: 'NotoSansBold';color: #169048;font-size: 20px;float: left;width: 100%;margin-bottom: 15px;}
.collectionInformation table {margin: 0;font-size: 13px;}
.collectionInformation table th {color: #169048;font-family: 'NotoSansBold';}

.orderNo {display: table;margin: 25px auto 0 auto;text-align: left;}
.orderNo div {display: flex;margin: 5px 0;font-size: 14px;}
.orderNo div span:first-child {font-family: 'NotoSansBold';width: 220px;text-align:left;}

.loadingPanel {background-color: Black;position: fixed;z-index: 10000;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.6;-moz-opacity: 0.6;filter: alpha(opacity=60);}
.loadingPanelImage {background-color: Black;background-image: url("../images/loading.gif");background-position: center;width: 130px;height: 130px;position: relative;left: 45%;top: 35%;}

#pageLoading {min-height: 2048px;width: 100%;text-align: center;}
#pageLoading .loading-bar-spinner {z-index: 10002;margin: 0 auto;margin-top: 200px;width: 128px;height: 128px;}
#pageLoading .loading-bar-spinner .spinner-icon {width: 128px;height: 128px;border: solid 10px transparent;border-top-color: #29d;border-left-color: #29d;border-radius: 50%;-webkit-animation: loading-bar-spinner 400ms linear infinite;-moz-animation: loading-bar-spinner 400ms linear infinite;-ms-animation: loading-bar-spinner 400ms linear infinite;-o-animation: loading-bar-spinner 400ms linear infinite;animation: loading-bar-spinner 400ms linear infinite;}

.productContentDetail {float: left;width: 100%;margin-bottom: 20px;}
.productContentDetail > img {float: left;width: 40%;}
.productContentDetail ul {padding: 0 0 0 25px;margin: 0;float: left;width: 60%;}
.productContentDetail ul li {margin-bottom: 10px;padding: 0 0 10px 0;float: left;width: 100%;font-size: 14px;border-bottom: 1px solid #c4c4c4;display: flex;}
.productContentDetail ul li:last-child {margin-bottom: 0;border-bottom:0;}
.productContentDetail ul li span:first-child {font-family: 'NotoSansBold';width: 45%;}
.productContentDetail ul li span:last-child {width: 55%;}

.productContentDescription {float: left;width: 100%;margin-bottom: 15px;font-size:14px;}
.productContentDescription span {float: left;width: 100%;font-family: 'NotoSansBold';margin-bottom: 5px;}
.productContentDescription p {float: left;width: 100%;margin: 0;}

.productContentBottom {float: left;width: 100%;}
.productContentBottom > span {float: left;width: 100%;font-family: 'NotoSansBold';margin-bottom: 10px;font-size: 14px;}
.productContentBottom .quantity {width: 40%;}
.productContentBottom .quantity input {width:32%;}
.productContentBottom .quantity .add, .productContentBottom  .quantity .sub {width:34%}
.productContentBottom > input {float: right;width: calc(60% - 25px);background: #009247;padding: 15px 0;color: #fff;font-size: 14px;transition: all 0.3s ease;border-radius: 5px;}
.productContentBottom > input:hover {background:#01A953}

.contractAccordion, .pnlAdmobil, .pnlMiddleBannerMobil {display:none;}

.paginationDiv {float: left;width: 100%}
.pageTotal {float: left;width: 100%;margin-top: 7px;}
.pageTotal > span {font-family: 'NotoSansBold';font-size: 10px;color: #b5b5b5;float: left;margin-right: 15px;}

.row-green {color:#009343;}
.row-red {color:#F00023;}
.row-orange {color:#e57a07;}

.lblLoadingDescription {display: flex;align-items: center;font-size: 14px;font-family: 'NotoSansBold';}
.lblLoadingDescription img {width: 40px;}

.customerDescription {float: left;padding: 10px;width: 100%;font-size: 14px !important;outline: none !important;border: 1px solid rgb(196, 196, 196) !important;border-radius: 5px !important;color: rgb(0, 0, 0) !important;}

.pastOrderTitle {display: flex;width: 100%;padding: 15px;align-items: center;}
.pastOrderTitle img {width: 50px;margin-right: 10px;}
.pastOrderTitle span {font-size: 13px;font-family: 'NotoSansBold';overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.pnlPastOrderDetail table {padding: 0;margin: 0;width: 100%;font-size:13px;}
.pnlPastOrderDetail table th {padding: 5px 7px;font-family: 'NotoSansBold';}
.pnlPastOrderDetail table td:last-child {text-align:right;}

.privacySecurity {float: left;width: 100%;background: #EBF0F0;padding: 10px 50px;}
.privacySecurity a {font-size: 12px;}

@media screen and (max-width: 1110px) {
    .canceledConfirmedOrders h2 {width: 70%;}
    .unFollow {width: 40px;}
    .header, .headerBottom, .sliderContainer, .paymentMethodUl, .productContentTop, .selectedFilter, .stockProduct, .productGrid, .usedCodeDetailTitle, .pnlAds, .pnlAdBanner, .myOrders > h1 {display: none;}
    .pnlAdmobil, .pnlMiddleBannerMobil {display:block}
    .mblHeader {display: flex;align-items: center;justify-content: space-between;padding: 15px;float: left;width: 100%;}
    .mblHeader > a {width: 120px;float: left;}
    .mblHeader > a img {float: left;width: 100%;}
    .mblHeaderRight {display: flex;align-items: center;}
    .mblHeaderRight a {margin-right: 20px;width: 20px;position: relative;float: left;}
    .mblHeaderRight a img {float: left;}
    .mblHeaderRight a span {background: #ec1e31;position: absolute;top: -15px;right: -5px;width: 20px;height: 20px;line-height: 20px;font-size: 10px;border-radius: 100%;text-align: center;font-family: 'NotoSansRegular';color: #fff;}
    .bar {cursor:pointer;float: right;}   
    .bar-1 {display: block;width: 25px;height: 3px;background: #169048;margin-top: 0;transition: 0.4s;border-radius: 10px;}      
    .bar-2 {display: block;width: 25px;height: 3px;background: #169048;margin-top: 4px;transition: 0.4s;border-radius: 10px;}    
    .bar-3 {display: block;width: 25px;height: 3px;background: #169048;margin-top: 4px;transition:0.4s;border-radius: 10px;}
    .change .bar-1 {-webkit-transform: rotate(-45deg) translate(-10px, 5px);transform: rotate(-45deg) translate(-8px, 0px);}
    .change .bar-2 {opacity:0;}
    .change .bar-3 {-webkit-transform: rotate(45deg) translate(-10px, 5px);transform: rotate(45deg) translate(-9px, -3px);}
    .bottom {text-align: center;}
    .filterBg, .searchResult {display:block !important;}
    .searchResult {top: 57px;}
    .bg_holder {background: #009247;height: 100vh;padding: 0 15px;width:100%;}
    .pnlDefaultAds {display:none;}
    .logo_white {display: table;margin: 0 auto 20px auto;width: 175px;}
    .login_body {display: table;float: none;}
    .headerBottom {position: absolute;height: calc(100vh - 67px);left: 0;top: 67px;z-index: 9999999;}
    .headerBottom .container {padding: 0;}
    .headerNav {flex-direction: column-reverse;}
    .account-navigation-wrapper {background: #fff;width: 100%;border-top: 1px solid #169048;display: block;height: auto;}
    .distributorNameValue .distributorNameValueBold, .companyName .companyNameBold, .distributorNameValue .distributorNameValueSpan {color: #169048;}
    .companyName .distributorNameValueSpan, .distributorNameValue .distributorNameValueBold {overflow: hidden;max-height: 33px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;color: #169048;width:100%;}
    .companyName {padding: 10px 0;text-align:right;width: 60%;}
    .companyName div {padding: 0 10px;width:100%;}
    .companyName img {background: #169048;border: 2px solid #169048;}
    .distributorNameValue {margin-right: 0;width: 40%;}
    .distInfo {align-items: center;padding: 0 15px;}
    .customerExtract {height: auto;margin: 0;padding: 10px 15px;border-bottom: 1px solid #fff;}
    .customerExtract a > span {text-align: center;}
    .customerExtract div {justify-content: center;}
    .headerNav > ul {width: 100%;float: left;}
    .headerNav > ul li {width: 100%;}
    .headerNav > ul li a {padding: 15px;border-bottom: 1px solid #007439;}
    .headerNav > ul li a > img {display: inline-block;width: 10px;float: right;}
    .navBasket img {display: none;}
    .navBasket {padding-right: 0;margin-right: 0;margin-left: 5px;float: none;display: inline-flex;}
    .navBasket span {position: relative;top: 0;right: 0;float: left;}
    .MblHeaderNav, .footerTop {display: block;}
    .MblHeaderNav ul {float: left;width: 100%;padding: 0 15px;margin: 15px 0;display: flex;justify-content: center;flex-wrap: wrap;}
    .MblHeaderNav ul li {margin: 0 10px;}
    .MblHeaderNav ul li a {float: left;width: 100%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 13px;font-family: 'NotoSansBold';padding: 10px;}
    .MblHeaderNav ul li a div {position:relative;}
    .MblHeaderNav ul li a img {margin-right: 5px;}
    .MblHeaderNav > a {float: left;width: 100%;display: flex;align-items: center;justify-content: center;color: #32fc6e;font-size: 14px;font-family: 'NotoSansBold';padding: 10px;}
    .MblHeaderNav > a img {margin-right: 5px;}
    .sliderContainer {top: -70px;}
    .sliderContainer .swiper-pagination-bullets.swiper-pagination-horizontal {left: 0;text-align: center;}
    .swiper-pagination-bullet b, .swiper-pagination-bullet i {height: 5px;}
    .sliderBg {height:auto;}
    .searchNav .nav .nav-item {margin: 0 4px;}   
    .searchNav .nav .nav-item:first-child {margin-left: 0;}
    .searchNav .nav .nav-item:last-child {margin-right: 0;}
    .searchNav .nav .nav-item .nav-link {font-size: 12px;padding: 12px;}
    .search .txtSearch {font-size: 12px;height: 35px;}
    .search .btnSearch {padding: 0 15px;font-size: 13px;}
    .searchResultList > h1 {margin: 20px 0;font-size: 20px; }
    .pnlProductList ul li {flex-wrap: wrap;}
    .pnlProductList ul li .listProduct {margin-bottom: 10px;width:100% !important;}
    .pnlProductList ul li .listContent {margin-bottom: 10px;}
    .pnlProductList ul li .addToCart {width: 50%;margin: 0 !important;}
    .pnlProductList ul li .product-prices {padding:0;}
    .searchResultTitle {font-size: 14px;}
    .searchResult ul {height: 130px;}
    .popularSearches {padding:15px 15px 0 15px;width: 100%;border-top: 1px solid #e5e5e5;}
    .popularSearches ul li {display: block;}
    .popularSearches ul li a > span {max-width: 100%;}
    .favLiRight {width: 100%;margin: 10px 0 0 0;float: left;}
    .popularSearches ul li .favStock {margin-right: 10px;}
    .popularSearches ul li a {width: 100%;}
    .popularSearches ul li .favQuantity {margin-right: 10px;}
    .popularSearches ul li .favPrice {margin-right: 10px;}
    .search, .vehicleInfo, .productFeature {padding: 10px;}
    .vehicleInfo, .productFeature {display: block;}
    .vehicleInfo select, .productFeature select {width: 100%;margin: 0 0 10px 0;font-size: 12px;}
    .vehicleInfo button, .productFeature button {height: 50px;}
    .mainCarousel > h1 {margin: 20px 0 0 0;font-size: 20px;}
    .categories > h1 {margin: 30px 0 0 0;font-size: 25px;}
    .mainCarousel > span, .categories > span {margin: 0 0 30px 0;font-size: 12px;}
    .product a {padding: 15px 15px 0 15px;}
    .product-top {height: 145px;}
    .product a b {font-size: 12px;}
    .product-top img {height: 140px;}
    .product-prices h4 {font-size: 20px;}
    .addToCart {float: none;margin: 0 auto 15px auto;position: relative!important;font-size: 12px!important;height: 40px;bottom: 0 !important;}
    .mainCarousel {margin-bottom: 30px;}
    .opportunitySlider .swiper-pagination {bottom: 10px;left: 10px;}
    .categories ul {display: grid;grid-template-columns: repeat(2, 1fr);}
    .categories ul li a {padding: 25px 0;}
    .categories ul li a img {max-width: 35px;}
    .categories ul li a b {font-size: 13px;}
    .categories ul li a span {margin: 7px 0;font-size: 12px;}
    .pageAddress {height: 65px;}
    .pageAddress div > span {font-size: 16px;}
    .content {padding: 25px 0;}
    .basketList, .basketList ul li > div a span {width: 100%;}
    .basketList ul li {margin: 10px 0 0 0;padding: 10px;}
    .basketList ul li > div {float: left;flex-wrap: wrap;}
    .basketList ul li > div a {width: 90% !important;}
    .basketList ul li > div > div {margin: 5px 2%;width: 32% !important;text-align:left;}
    .basketList ul li .delete {position: absolute;right: 5px;top: 10px;background: url(../images/deleteProduct.png) no-repeat;background-size: 17px;border: none;color: transparent;text-indent: 15000%;width: 30px;height: 25px;background-position: center;}
    .basketList ul li input[type=text] {margin-left: 2%;}
    .similarProduct {margin-top: 30px;}
    .orderSummary {width: 100%;position: fixed;background: #fff;z-index: 999999;left: 0;right: 0;bottom: 0;box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);}
    .orderSummary > h1 {font-size: 16px;padding: 15px;border-bottom: 1px solid #c4c4c4;position:relative;}
    .orderSummary > h1:before {content:'';background:url(../images/categoryArrow.png) no-repeat;position: absolute;right: 16px;top: 17px;width: 25px;height: 13px;background-size: contain;transition: all 0.5s ease;-webkit-transform: rotate(180deg);}
    .orderSummary > h1.active:before {-webkit-transform: rotate(0deg);}
    .orderSummaryList {border: none;border-radius: 0;}
    .summary {padding: 5px 15px;}
    .conditions li {font-size: 11px;line-height: 15px;margin: 5px 0;width: 50%;float: left;}
    .conditions li input {margin-right: 5px;}
    .kdvTotal {padding: 10px;display: flex;align-items: center;justify-content: space-between;}
    .kdvTotal span {width: auto;}
    .kdvTotal b {width: auto;margin: 0;}
    .orderSummaryList .onlinePayment, .orderSummaryList .addOpenAccount {font-size: 12px;padding: 10px 0;float: left;margin: 0 0 15px 4%;width: 44%;}
    .currentAccountNav, .onlinePay, .currentAccountStatement > h1, .pagination ul li a span, .favoriteProducts > h1, .previousOrderDetailTitle, .myCurrentAccount > h1, .myCurrentAccountTabMenu ul, .profileInformation > h1, .onlineOrder > h1, .onlineOrderTitle, .onlineOrderReturnTitle, .offlineOrder h1, .refundRequests > h1, .refundRequestsTitle {display: none;}
    .currentAccount > .tab-content {width: 100%;padding: 0;}
    .profilPhoto {padding: 30px 15px;display: block;margin:0}
    .pp {text-align: center;width:100%;display: block;margin-bottom: 15px;}
    .pp label {width: 110px;height:110px;float: none;margin: 0;}
    .profilPhoto > input {display: table;margin: auto;}
    .selectTabs {display: block;background: url(../images/select.png) no-repeat;height: 50px;border: 1px solid #c4c4c4;border-radius: 5px;width: 100%;appearance: none;background-position: 96% center;cursor: pointer;padding: 0 20px;font-size: 14px;outline: none;margin-bottom: 20px;color:#000}
    .generalTotalDebt {margin: 25px 0;display: block;}
    .generalTotalDebtList {width: 100%;}
    .generalTotalDebtList ul {grid-template-columns: repeat(1, 1fr);}
    .generalTotalDebtList ul li, .canceledConfirmedOrders ul li span {height: auto;}
    .generalTotalDebtList ul li b {position: relative;right: 0;bottom: 0;float: left;width: 100%;text-align: right;margin-top: 20px;}
    .canceledConfirmedOrders {width: 100%;margin-top: 25px;}
    .canceledConfirmedOrders ul li {height: auto;display: flex;align-items: center;}
    .canceledConfirmedOrders ul li b {position: relative;right: 0;bottom: 0;}
    .debtDetail ul li a, .previousOrderDetail ul li, .previousOrderDetail ul li > div span:first-child, .usedCodeDetail ul li > div span:first-child {display: block;}
    .credit-card {float: none;display: table;margin: 40px auto;}
    .usedCodeDetail ul li > div {width:33%!important;float:left;}
    .usedCodeDetail ul li {display:block;}
    .debtDetail ul li h1 {margin: 0 0 10px 0;}
    .debtDetail ul li div {width: 45%;float: left;}
    .debtDetail ul li div:nth-child(2) {width: 55%;}
    .debtDetail ul li div:last-child {width: 100%;margin-top: 10px;}
    .rptUserDetail {width:100%;margin-bottom:10px;}
    .onlinePay1 {display: block;float: right;background: #169048;color: #fff;font-size: 15px;padding: 10px 20px;border-radius: 5px;margin-top: 10px;text-align: center;width: 100%;}
    .myOrdersTop select:nth-child(2){margin: 0;}
    .myOrdersTop select {width: 48%;margin: 0px 4% 0 0;}
    .myOrdersTop input {width: 100%;margin-top: 15px;}
    .myOrdersUl {grid-template-columns: repeat(1, 1fr);}

    .pagination ul li:first-child, .pagination ul li:last-child {width: 40px;}
    .pagination ul li:first-child a img {margin-right: 0;}
    .pagination ul li:last-child a img {margin-left: 0;}
    .previousOrderDetail > div a {width: 100%;text-align: center;margin-top: 10px;}
    .previousOrderDetail ul li > div {float: left;margin-bottom: 5px;}
    .previousOrderDetail ul li > div:nth-child(1), .myCurrentAccountTabMenu > input {width: 100%;}
    .previousOrderDetail ul li > div:nth-child(2), .previousOrderDetail ul li > div:nth-child(3), .previousOrderDetail ul li > div:nth-child(4), .previousOrderDetail ul li > div:nth-child(5), .previousOrderDetail ul li > div:nth-child(6), .previousOrderDetail ul li > div:nth-child(7) {width: 50%;}
    .previousOrderDetail ul li > div:nth-child(6), .previousOrderDetail ul li > div:nth-child(7) {text-align: left;}
    .usedCodeDetail ul li > div span {height: 40px;}
    .usedCodeDetail ul li > div:nth-child(3) {text-align:right;}
    .previousOrderDetail ul li > div span:first-child, .usedCodeDetail ul li > div span:first-child {display: block;float: left;width: 100%;font-family: 'NotoSansBold';font-size: 13px;height: auto;}
    .previousOrderDetail ul li > div span {font-size: 12px;}
    .productCard {grid-template-columns: repeat(2, 1fr);}
    .productList {grid-template-columns: repeat(1, 1fr) !important;}
    .productList .product {flex-wrap: wrap;padding-right: 0;}
    .productList .product .addToCart {width: calc(100% - 30px);}
    .productList .product a {padding:10px!important;width: 100%;}
    .productList .product-bottom {width: 100%;padding: 0 10px 10px 10px;}
    .productList .product .product-top {width: 45px;}
    .productList .product a b {padding: 0 0 0 5px;}
    .productList .product-prices {width: 40%;}
    .mProductInfo b {display: block;font-size: 12px;float: left;width: 100%;font-family: 'NotoSansBold';}
    .productList .mProductInfo:nth-child(1) {width: 40%;}
    .productList .mProductInfo:nth-child(2) {width: 30%;}
    .productList .mProductInfo:nth-child(3) {width: 20%;}
    .productList .mProductInfo:nth-child(4) {width: 25%;}
    .productList .product .taxPrices span {font-family: 'NotoSansBold';}
    .productListTitle {display:none;}
    .agreementTitle span {padding: 0 10px;}
    .agreementList ul {padding:0}
    .agreementList ul li:nth-child(1), .agreementTitle span:nth-child(1) {width: 40%;}
    .agreementList ul li:nth-child(2), .agreementList ul li:nth-child(3), .agreementTitle span:nth-child(2), .agreementTitle span:nth-child(3), .agreementTitle span:nth-child(4) {width: 20%;}
    .agreementList ul li:nth-child(5) {width: 100%;border-top: 1px solid #c4c4c4;padding: 10px;}
    .agreementList ul li {padding: 10px;}
    .agreementList ul li a {justify-content: center;}
    .myCurrentAccountTabMenu {display: block;margin: 20px 0;}
    .myCurrentAccountSelectTabs, .paymentMethodSelect, .bankSelect, .currentMovementsSelect, .currentAccountSelect {display: block;background: url(../images/selectWhite.png) no-repeat #169048;height: 50px;border: none;border-radius: 5px;width: 100%;appearance: none;background-position: 96% center;background-size: 9px;cursor: pointer;padding: 0 20px;font-size: 14px;outline: none;color: #fff;margin-bottom: 15px;}
    .myCurrentAccountTab > ul {grid-template-columns: repeat(1, 1fr);text-align: center;}
    .myCurrentAccountTab > ul li:nth-child(2) {border-left: none;border-top: 1px solid #fff;}
    .myCurrentAccountTab div  a, .userInfo > input {width: 100%;}
    .tripleUserInfoInput {grid-template-columns: repeat(1, 1fr);gap: 0;}
    .users {margin: 20px 0;display:block}
    .users > input {width: 100%;margin-top: 15px;}
    .users div {margin-right: 0;width: 100%;}
    .users div select {width: 100%;margin: 0 0 15px 0;}
    .onlineOrderTop, .refundRequestsTop {display: block;}
    .onlineOrderTop span, .refundRequestsTop span {float: left;width: 100%;font-size: 13px;text-align: center;margin-bottom: 15px;}
    .onlineOrderTop select, .refundRequestsTop select, .campaignTop select {background-position: 96% center;padding: 10px 15px;width: 100%;}
    .onlineOrderList ul li span:first-child, .refundRequestsList ul li span:first-child, .activeRequestsList ul li span:first-child {display: block;font-family: 'NotoSansBold';}
    .onlineOrderList ul li:nth-child(1), .activeRequestsList ul li:nth-child(1) {width: 100%;margin-bottom: 5px;}
    .onlineOrderList ul li:nth-child(2), .onlineOrderList ul li:nth-child(3), .activeRequestsList ul li:nth-child(2), .activeRequestsList ul li:nth-child(3) {width: 50%;}
    .onlineOrderList ul li:nth-child(2) strong, .onlineOrderList ul li:nth-child(3) strong, .onlineOrderList ul li:nth-child(4) strong, .refundRequestsList ul li:nth-child(2) strong, .activeRequestsList ul li > span:first-child {color: #000;}
    .onlineOrderList ul li:nth-child(4), .activeRequestsList ul li:nth-child(4) {width: 50%;margin-top: 5px;}
    .onlineOrderList ul li:nth-child(5), .refundRequestsList ul li:nth-child(5), .activeRequestsList ul li:nth-child(5), .activeRequestsList ul li:nth-child(5) {width: 100%;margin-top: 15px;}
    .onlineOrderList ul li a, .refundRequestsList ul li a, .activeRequestsList ul li a {justify-content: center;}
    .onlineOrderReturn > span {font-size: 12px;margin-bottom: 5px;}
    .onlineOrderReturn > h1 {margin: 0 0 20px 0;font-size: 16px;}
    .onlineOrderReturnList label {justify-content: space-between;}
    .onlineOrderReturnListRight {width: 92%;display: block;}
    .onlineOrderReturnListRight div span:first-child {display: block;float: left;width: 100%;font-size: 12px;color: #000;}
    .onlineOrderReturnListRight div:nth-child(1), .refundRequestsList ul li:nth-child(1) {width: 100%;margin-bottom: 5px;}
    .onlineOrderReturnListRight div:nth-child(2), .onlineOrderReturnListRight div:nth-child(3), .onlineOrderReturnListRight div:nth-child(4), .onlineOrderReturnListRight div:nth-child(5), .onlineOrderReturnListRight div:nth-child(6), .refundRequestsList ul li:nth-child(2), .refundRequestsList ul li:nth-child(3), .refundRequestsList ul li:nth-child(4) {width: 50%;margin: 3px 0;}
    .onlineOrderReturnListRight div:nth-child(7) {width: 50%;}
    .invoiceQuantityInput {width: 65px;}
    .onlineOrderReturnListRight div b {color: #169048;}
    .returnReason > h1 {font-size: 18px;}
    .returnReason > input, .techSupportForm > input {width: 100%;}
    .offlineOrder > span {font-size: 14px;margin: 20px 0;text-align: center;}
    .offlineOrder input.requestForm {font-size: 13px;width: 49%;margin-right: 1%;}
    .offlineOrder input.uploadForm {font-size: 13px;width: 49%;margin-left: 1%;}
    .techSupport {margin-top: 20px;}
    .techSupportForm {margin: 20px 0 40px 0;}
    .techSupportRow {grid-template-columns: repeat(1, 1fr);gap: 0;}
    .techSupportTop {margin: 20px 0;display: block;}
    .techSupportTop select {padding: 15px;width: 100%;margin-bottom: 0;}
    .techSupportTop > ul, .activeRequestsTitle {display: none;}
    .techSupportSelectTabs, .bankSelect {display: block;border: none !important;background: url(../images/selectWhite.png) no-repeat #169048 !important;height: 50px;background-position: 96% center !important;background-size: 9px !important;color: #fff;margin: 15px 0;}
    .refundRequestsModal > span {float: left;margin: 10px 0 0 0;}
    .refundRequestsContent input.okey, .refundRequestsContent button.newRequest {margin: 20px 0 0 0;width: 100%;}
    .paymentMethod {display: block;}
    .radioDebtList {width: 100%;margin-bottom: 15px;grid-template-columns: repeat(1, 1fr);gap: 15px;}
    .radioItem label, .virtualPOSLink a {height: auto;}
    .radioItem input {top: 25px;}
    .radioItem label span {margin-bottom: 10px;}
    .paymentAmount {width: 100%;display: block;padding: 15px;}
    .overdueDebtToggle .orderSummaryButton {font-size: 18px;}
    .amountPayable {display: block;padding: 15px;height: auto;}
    .amountPayable b {float: right;width: 100%;text-align: right;margin-top: 15px;}
    .paymentInformation, .overdueDebtToggle {padding: 15px;}
    .paymentInformation h1 {font-size: 18px;line-height: 30px;margin: 0 0 15px 0;}
    .paymentInformation > .paymentInfoDiv {width: 100%;padding-right: 0;}
    .paymentInformationInput {margin-bottom: 15px;}
    .debtsLeft {width: 100%;grid-template-columns: repeat(1, 1fr);gap: 0;margin-bottom: 15px;}
    .debtsLeft div {padding: 20px;border-left: 0;border-top: 1px solid #c4c4c4;}
    .debtsTotalRight {width: 100%;text-align: left;padding: 20px;}
    .onlinePaymentTitle {margin-bottom: 20px;}
    .virtualPOSLink {grid-template-columns: repeat(1, 1fr);gap: 15px;}
    .virtualPOSLink a svg {bottom: 40px;}
    .banks {grid-template-columns: repeat(1, 1fr);gap: 10px;margin-top:0}
    .pdTop a, .price, .likeSvg {display: none;}
    .bank.active, .mnone {display: block}
    .addressOrderDescription {width: 100%;}
    .orderPayment {width: 100%;position: fixed;background: #fff;z-index: 999999;left: 0;right: 0;bottom: 0;box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);padding: 15px;}
    .orderPayment > h3 {font-size: 16px;}
    .installmentInformation {padding: 15px;margin-bottom: 20px;}
    .installmentInformation h1 {font-size: 16px;}
    .pdTop h1 {font-size: 20px;width: 100%;}
    .productImage, .productChoice, .stockFilterRight > select {width: 100%;}
    .productDetail {width: 100%;padding: 0;}
    .productDetail > ul {margin: 20px 0; ;grid-template-columns: repeat(3, 1fr);gap: 15px;}
    .productDetail .addToCart {display: none;}
    .mQuantity {width: 100%;display: flex;justify-content: center;align-items: center;}
    .mQuantity b {display: block;font-size: 14px;line-height: 20px;font-family: 'NotoSansBold';margin-left: 10px;}
    .productDetailTabMenu ul li {margin: 0 1%;}
    .productDetailTabMenu ul li a {font-size: 12px;padding: 15px;}
    .productDetailTabMenu ul li:first-child {margin-left: 0;}
    .productDetailTabMenu ul li:last-child {margin-right: 0;}
    .productDetailTabMenu {margin: 25px 0 0 0;}
    .mblFixedAddToCart {width: 100%;position: fixed;background: #fff;z-index: 999999999;left: 0;right: 0;bottom: 30px;box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);display: block;padding: 15px;}
    .mblPrice {float: left;width: 100%;margin: 0 0 10px 0;display: flex;align-items: center;justify-content: space-between;}
    .mblPrice > span {font-size: 11px;}
    .mblPrice > div {display: flex;align-items: end;}
    .mblPrice > div small {font-size: 12px;text-decoration: line-through;margin-right: 10px;}
    .mblPrice > div h3 {font-size: 18px;color: #169048;font-family: 'NotoSansBold';margin: 0;}
    .mblPrice > div > div {font-size: 12px;text-decoration: line-through;margin-right: 10px;}
    .mblFixedAddToCart .likeSvg {display: flex;float: left;border-radius: 10px;margin: 0;}
    .mblFixedAddToCart .addToCart {width: calc(100% - 70px);margin: 0;height: 50px;float: right;}
    .campaignList {grid-template-columns: repeat(1, 1fr);gap: 15px;}
    .campaignProduct ul {grid-template-columns: repeat(2, 1fr);gap: 10px;}
    .campaignContent h1 {font-size: 20px;margin: 0 0 20px 0;}
    .codewinnerList {grid-template-columns: repeat(1, 1fr);gap: 0;padding: 0;}
    .codewinnerList li {display: flex;align-items: center;justify-content: center;padding: 15px 0;border-top: 1px solid #c4c4c4;}
    .codewinnerList li:first-child {border: none;}
    .codewinnerList li img {width: 70px;}
    .codewinnerList li span {font-size: 18px;}
    .pointsEntry {width: 100%;display: flex;justify-content: space-between;}
    .pointsEntrySelectedProduct div {padding: 20px 10px;}
    .pointsEntrySelectedProduct div b {font-size: 15px;height: 70px;}
    .productChoice ul {grid-template-columns: repeat(2, 1fr);gap: 15px;}
    .productChoice ul li label img, .tabCodeWinner li img {height: 140px;}
    .newCode {display: block;}
    .newCode span {width: 100%;text-align: center;margin-bottom: 15px;}
    .newCode input {width: 100%;text-align: center;}
    .currentMovements {margin: 25px 0;display: block;}
    .currentMovements > ul {display: none;}
    .tabCodeWinner {grid-template-columns: repeat(2, 1fr);gap: 15px;}
    .tabCodeWinner li, .productChoice ul li label {padding: 15px;}
    .tabCodeWinner b {font-size: 14px;}
    .currentMovements span {margin-bottom: 20px;}
    .filter-menu {position: fixed;top: 0;left: -100%;width: 320px;height: 100%;background: white;transition: left 0.6s ease-in-out;z-index: 1000;}
    #overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 999;}
    .productContent {width: 100%;padding-left: 0;}
    .stockFilter {padding-top: 0;flex-direction: row-reverse;}
    .mblFilter {display: flex;align-items: center;justify-content: center;border: 1px solid #c4c4c4;outline: none;border-radius: 3px;height: 35px;background: none;width: 47%;font-size: 14px;}
    .mblFilter img {width: 15px;margin-right: 7px;}
    .stockFilterRight {width: 47%;}
    .filterTitleMobil {display: flex;align-items: center;justify-content: space-between;padding: 15px;border-bottom: 1px solid #c4c4c4;}
    .filterTitleMobil span {color: #169048;font-family: 'NotoSansBold';font-size: 15px;}
    .filterTitleMobil button {border: none;background: none;outline: none;width: 18px;}
    .filterTitleMobil button img {float: left;width: 100%;}
    .filter-menu .productContentTop {display: block;float: left;width: 100%;padding: 15px;border-bottom: 1px solid #c4c4c4;}
    .filter-menu .stockProduct {display: flex;float: left;}
    .filter-menu .stockProduct input {width: 12px;height: 12px;margin-right: 5px;}
    .filter-menu .stockProduct label {font-size: 12px;line-height: 12px;}
    .filter-menu .productContentTop a {font-size: 12px;line-height: 12px;float: right;}
    .filter-menu .selectedFilter {display: block;margin-top: 15px;}
    .filter-menu .selectedFilter > span {font-size: 13px;line-height: normal;padding: 0;float: left;width: 45%;}
    .filter-menu .selectedFilter div {width: 55%;}
    .filter-menu .selectedFilter div a {margin: 2px;font-size: 10px !important;padding: 3px 5px;}
    .filterTitle {font-size: 14px;padding: 15px;border-bottom: 1px solid #c4c4c4;}
    .filterBody {margin-bottom: 0;}
    .filterCard {border-radius: 0;border-top: 0;}
    .mblScroll {float: left;width: 100%;height: calc(100% - 54px);overflow: auto;}
    .filterButton {width: calc(320px - 30px);margin: 15px 0 15px 15px;}
    .faq h1 {padding: 15px;font-size: 13px;}
    .faq h1::before {width: 15px;right: 10px;top: 25px;}
    .faq p {padding: 0 15px 15px 15px;font-size: 13px;}
    .faq1 h1 {padding: 15px;font-size: 13px;}
    .faq1 h1::before {width: 15px;right: 10px;top: 25px;}
    .casContent {display:block;}
    .casProfile {width: 100%;padding: 40px 25px;}
    .casInfo {width: 100%;margin-top: 35px;}
    .paymentType select {height: auto;background: none;border: none;padding: 0;text-align: right;}
    .paymentType span {margin-bottom: 5px;}
    .footer {padding: 25px 0;}
    .footerLeft {width: 100%;display: flex;align-items: center;justify-content: space-between;}
    .footerLeft > a {width: 100%;max-width: 190px;}
    .footerLeft span {font-size: 13px;line-height: 20px;margin-top: 0;padding-left: 10px;text-align: right;}
    .footerBottom {display: block;width: 100%;margin: 30px 0;}
    .navBottom {float: left;width: 50%;}
    .navBottom li a {padding: 5px 0;font-size: 13px;float: left;width: 100%;}
    .footerNav {margin-top: 0;width: 50%;display:block;}
    .footerNav li {width: 100%;}
    .footerNav li a {font-size: 12px;float: left;width: 100%;padding: 5px 0;text-align: right;}
    .footerTop > img {max-width: 95px;float: none;display: table;margin: 0 auto;}

    .error404 {height: calc(100vh - 67px);}
    .error404 h1 {font-size: 170px;line-height: 130px;}

    .cookieseal-banner {display: block;}
    .cookieseal-banner p {margin-bottom: 10px;}
    .cookieseal-banner-buttons {display: block;text-align: center;}
    .cookieseal-banner-popup {margin: 5px;}
    .ErrorAndSuccessDiv {top:50px;width: 95%;}
    .ErrorAndSuccessDiv div {padding: 0 25px 0 0;}

    .productContentDetail > img {width:100%}
    .productContentDetail ul {width: 100%;padding: 0;margin-top: 15px;}
    .productContentDetail ul li {margin-bottom: 5px;padding: 0 0 5px 0;font-size: 13px;}

    .contractContent {width: 100%;padding-left: 0;}
    .agreementContent h1 {font-size: 16px;}
    .agreementContent > span {font-size: 11px;}
    .agreementContent ul span, .agreementContent p span {font-size: 12px !important;}

    .contractAccordion {display: block;position: relative;font-family: 'NotoSansBold';float: left;width: 100%;font-size: 15px;padding: 15px;background: #c4c4c4;border-radius: 7px;}
    .contractAccordion:before {content: '';background: url(../images/categoryArrow.png) no-repeat;position: absolute;right: 16px;top: 20px;width: 25px;height: 13px;background-size: contain;transition: all 0.5s ease;}
    .contractAccordion.active:before {-webkit-transform: rotate(180deg);}
    .contract > ul {padding: 5px 0 0 0;margin: -5px 0 0 0;width: 100%;border: 1px solid #c4c4c4;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;display:none;}
    .contractContent {margin-top: 15px;}
    .contract > ul li a {font-size: 13px;border-bottom: 1px solid #c4c4c4;}
    .contract > ul li:last-child a {border-bottom: none;}
    .contractContent h5 {margin: 0 0 10px 0;font-size: 16px;}
    .profilPhoto .userName {font-size: 16px;}
    .profilPhoto .companyValue {font-size: 13px;}
    .remainingVinCredit {width: 85%;text-align: center;}
    .vehicleQuery {display:block;margin-bottom:15px;}
    .vehicleQuery input[type=text] {width: 100%;margin: 0 0 15px 0;}
    .vehicleQuery input[type=submit] {width: 100%;}
    .agreementh1 {font-size: 17px;margin: 0 0 10px 0;}
    .txtSearchVin {display:block;}
    .txtSearchVin div {max-width: 100%;float:left;}
    .searchResultList {margin-top: 90%;}
    .phoneApproved {width: 100%;}
    .phoneApprovedControl {margin: 0 0 15px 0;width: 100%;}


}

::-webkit-input-placeholder {
    color: #383838;
}
.backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;opacity:0.6}