.progress{margin-top:2px; position: relative;width: 200px;height: 14px;margin-bottom: 10px;overflow: hidden;background-color: #f5f5f5;border-radius: 4px;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);box-shadow: inset 0 1px 2px rgba(0,0,0,.1);}
.progress-bar{
    background-color: rgb(92, 184, 92);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    box-shadow: rgba(0, 0, 0, 0.14902) 0px -1px 0px 0px inset;
    box-sizing: border-box;
    color: rgb(255, 255, 255);display: block;float: left;font-size: 12px;height: 20px;line-height: 20px;text-align: center;transition-delay: 0s;transition-duration: 0.6s;transition-property: width;transition-timing-function: ease;width: 266.188px;
}

[v-cloak] { display: none; }
.page-layout-1column .columns .column.main { padding: 0 }
.page-main .page-title-wrapper{ border: none; margin: 0; overflow: hidden;}
.page-main .page-title-wrapper .page-title { line-height: 28px; font-size: 20px; text-transform: initial; width: 100%; text-align: center; }

.page-main{ background-color: unset; width: 100%;}
.page-title-wrapper{ display: none;}
.page-layout-1column .columns{ margin: 0px; padding: 0px; position: relative;}
.page-layout-1column .columns .column{ margin: 0px; padding: 0px; }
.page-layout-1column .columns .column.main{ margin: 0px; padding: 0px;}
.page-layout-1column{ width: 100%;}
.page-layout-1column #maincontent{ margin: 0px; padding: 0px; width: 100%; border-radius: unset; box-shadow: unset;}
#maincontent.page-main { width: 100%; max-width: unset; margin: 0; padding: 0;}
.page-layout-1column #maincontent, .page-layout-1column #maincontent .column.main { background: #FFFFFF !important; }
.columns:after{ display: none !important; }
.clearfix::after {content: "";display: table;clear: both;}

/*@font-face{ font-family: 'ErasITC-Bold'; src:url('/fonts/ERASBD.TTF') format("truetype"); }
@font-face{ font-family: 'DengXian'; src:url('/fonts/DENG.TTF') format("truetype"); }
@font-face{ font-family: 'DengXian-Bold'; src:url('/fonts/DENGB.TTF') format("truetype"); }
@font-face{ font-family: 'DengXian-Light'; src:url('/fonts/DENGL.TTF') format("truetype"); }*/


.toolkit-upload-wrapper{background: url(https://img.dxbrick.com/images/toolkit/tool-banner.jpeg) no-repeat;background-position: top center;}
.upload-wrapper { position: relative;  background: rgb(0, 0, 0, 0.1); width: 100%; height: 460px; padding-top: 10px;  max-width: 1920px; aspect-ratio: 1920 / 853;margin: 0 auto; }
/*.upload-wrapper img { width: 100%; height: auto;}*/
.upload-wrapper .upload-content{ height: 55px;}
.upload-wrapper .upload-content .msg{display:none;color: red;width: 80%;float: right;margin-top: 60px;position: absolute;z-index: 1;text-align: center;right: 0;}
.upload-wrapper button {font-family: "OpenSans" !important;border: none; padding: 10px; margin: 0; background: #353535;width: 80%; height: 55px; font-weight: unset; color: #FCE421 !important;text-transform: none; font-size: 20px; opacity: 1;/* float: left;*/}
.upload-wrapper button:after{font-family: "nc-icon" !important;content: "\e794"; font-size: 24px; margin-left: 20px;}
.upload-wrapper .link a { color:#ffc000;}
.upload-wrapper .facebook-link{ font-size: 16px; font-weight: 400; color: #3D3D3D; text-align: center; width: 100%;}
.upload-wrapper .facebook-link .fl-title{ font-size: 36px; font-weight: bold; color: #3D3D3D; line-height: 40px; display: inline-block; }
.upload-wrapper .fl-desc{ overflow: hidden;margin: 15px 0;}
.upload-wrapper .facebook-link a { color: #FFFFFF;border-bottom: 1px solid #ffffff;}

.uploaded-wrapper { height: 130px; padding: 15px; margin: 10px 0 15px; background-color: #F7F9FF;border: 1px solid #CDD8E2; border-radius: 5px; width: 49.5%; float: left; }
.uploaded-wrapper h3 { padding: 10px 0 12px; margin-bottom: 10px; border-bottom: 1px solid #fafafa; }
.uploaded-wrapper .bulk-title{overflow: hidden; padding-right: 20px; width: 100%;}
.uploaded-wrapper .bulk-title .name{ float: left; width: 60%;max-height: 40px;overflow: hidden;}
.uploaded-wrapper .bulk{padding: 0;}
.uploaded-wrapper .bulk-title .addtowand{ float: right; width:40%;text-align: right; }
.uploaded-wrapper .bulk-title .addtowand button{text-transform: none;background: #F8FFFA; font-size: 14px; padding:5px 10px; border: 1px solid #25A954; color:#25A954;  border-radius: 4px; cursor: pointer;}
.uploaded-wrapper .bulk-item { font-size: 12px;display: flex; align-items: center; height: 40px; overflow: hidden; margin-top: 10px; width: 100%; }
.uploaded-wrapper .bulk-item .col { flex: 6; }
.uploaded-wrapper .bulk-item .col.notfound { flex: 5; }
.uploaded-wrapper .bulk-item .action{ text-align: right;}
.uploaded-wrapper .bulk-item a.btn-download, .uploaded-wrapper .bulk-item a.btn-xml-download{ color: #1979c3;}
.uploaded-wrapper .bulk-item a.btn-download:after{content:'\f019'; margin-left: 5px;font-family: FontAwesome;}
.uploaded-wrapper .bulk-item a.btn-xml-download:after{content:'\f019'; margin-left: 5px;font-family: FontAwesome;}
.uploaded-wrapper .bulk-item .col.title .name { width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uploaded-wrapper .bulk-item .col .info{ display: block;}
.uploaded-wrapper .bulk-item .instock .title{ color: #25A954; font-weight:bold; font-size: 12px;}
.uploaded-wrapper .bulk-item .outofstock .title{ color: #438DD4; font-weight:bold; font-size: 12px;}
.uploaded-wrapper .bulk-item .notfound .title{color: #FF813A; font-weight:bold; font-size: 12px;}
.uploaded-wrapper .bulk-data{ text-align: center;}

.uploaded-wrapper .download-file{ padding: 0 20px;}
.uploaded-wrapper .download-file .items{ margin-top: 15px;}
.uploaded-wrapper .download-file .items .download{ margin-top: 10px;}
.uploaded-wrapper .download-file .items .download span{ display:block; text-align: center; width:150px;cursor: pointer;border: 1px solid #2874B2; border-radius: 4px; padding: 5px 20px; color: #2874B2;}
.uploaded-wrapper .download-file .item .fa-img{ width: 25%;float: left;}
.uploaded-wrapper .download-file .item .col{ width: 75%;float: right;}
.uploaded-wrapper .download-file .item .col .name{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.xml-download{ text-align: center; margin: 0 auto;}
.xml-download a{border: 2px solid #2874B2; padding: 10px 20px;border-radius: 5px; font-weight: bold;}

.upload-wrapper .select-mode{ position: relative;  width: 645px; height: 302px; margin: auto; margin-top: 0.7rem; }
.upload-wrapper .select-mode .default{ position: relative; width: 100%;  max-width: 645px; height: 100%; max-height: 302px;}
.upload-wrapper .select-mode select{border: none;height: auto; width: 40%; left: 12%; border-radius: 5px; font-size: 16px; top: 44%; bottom: 23.5%;  right: 38%;}
.upload-wrapper .select-mode select option{ position: relative;height: 53px;color: #2F629E; }
.upload-wrapper .select-mode select option:focus{ background: #DCECFF; }
.title-upload{color: #fff;text-align: center;font-size: 24px; line-height: 60px; margin-top: 15px;}
.upload-wrapper .link{position: absolute; width: 60%; left: 20%; bottom: 10%; font-size: 16px;color: #FFF; text-align: center; margin-top: 20px;}

.downloadable-wrapper { padding: 15px; margin-bottom: 10px; background-color: #E2E6E9; overflow: hidden; position: relative; border-radius: 5px; }
.downloadable-wrapper h3 { padding: 10px 0 12px; margin-bottom: 0; border-bottom: 1px solid #FFF; }
.downloadable-wrapper .no-found { display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #FFF; width: 100%; float: left; }
.downloadable-wrapper .all-no-found { display: block; float: right; text-align: center; padding: 10px; width: 100%; }
.downloadable-wrapper .bulk-item { width: 70%; float: left; overflow: hidden; position: relative; display: flex; height: 40px; line-height: 40px; border-left: 1px solid #FFF; }
.downloadable-wrapper .bulk-item .col { flex: 1.5; }
.downloadable-wrapper .bulk-item .col.title { flex: 4; }
.downloadable-wrapper .bulk-item .col.action { text-align: right; }

.downloadable-wrapper .bulk-item:last-child { width: 30%; right: 0; overflow: hidden; line-height: 80px; border: 1px solid #FFF; padding: 0 20px; top: -40px; border-top: none; height: 80px; }
.downloadable-wrapper .bulk-item:last-child .col.action { width: 100%; overflow: hidden; display: block; flex: none; line-height: 30px; height: 30px; float: left; clear: both; text-align: center; }
.downloadable-wrapper .bulk-item:last-child .col { width: 100%; overflow: hidden; display: block; flex: none; line-height: 30px; height: 30px; float: left; clear: both; }

.downloadable-wrapper .btn-download { padding: 5px 10px; border-radius: 5px; background-color: #fff; color: #666; border: 1px solid #fff; }
.downloadable-wrapper .btn-download.disabled { background-color: #eee; }

.parts-wrapper .parts-title { display: block; justify-content: space-between; align-items: center; padding: 10px 0; height: 60px; }
.parts-wrapper .parts-title .price { color: #2874B2; font-weight: bold; font-size: 20px; }
.parts-wrapper .parts-tabs{ height: 50px; line-height: 50px; float: left;}
.parts-wrapper .parts-tabs .tab-item { padding: 0 20px; cursor: pointer; font-size: 18px; float: left;position: relative;}
.parts-wrapper .parts-tabs .tab-item.selected {margin-top: 1px; z-index: 2;color: #2874B2;background: #F5FAFF; border-radius: 4px 4px 0px 0px; height: 50px; border: 1px solid #CDD8E2;border-bottom:1px solid  #F5FAFF; }
.parts-wrapper .parts-action{ float: right;}
.parts-wrapper .parts-grid{background: #F7F9FF;padding: 10px 30px;border: 1px solid #CDD8E2; width: 100%;}
.parts-wrapper .replace-top{ margin-bottom: 20px;font-size: 16px;}
.parts-wrapper .replace-top .parts-close{ float: right; width: 20px;height: 20px;background: #ddd;border-radius: 10px;text-align: center;line-height: 20px;font-size: 12px;font-weight: bold;cursor: pointer;}
.parts-wrapper .parts-alternative .parts-tabs .tab-item.selected { height: 46px; }

.parts-wrapper .parts-mode { display: flex; align-items: center; font-size: 15px; }
.parts-wrapper .parts-mode .mode { float: left; }
.parts-wrapper .parts-mode .toggle { margin-left: 10px; }
.parts-wrapper .parts-mode .toggle .fa:before { font-size: 22px; }
.parts-wrapper .parts-mode .toggle .fa-toggle-on:before { color: #1B1B1B; }
.parts-wrapper .part-header { padding: 15px 20px; border-radius: 10px 10px 0 0; background-color: #737e86; color: #fff; font-size: 18px; text-align: center; }
.parts-wrapper .part-cols {/* display: flex; align-items: center;*/ }
.parts-wrapper .part-cols .part-c1 { flex: 5; text-align: left; }
.parts-wrapper .part-cols .part-c1 .image { background: #ffffff; }
.parts-wrapper .part-cols .part-c1 .detail { text-align: left; }
.parts-wrapper .part-cols .part-c2 { flex: 2; }
.parts-wrapper .part-cols .part-c3 { flex: 1; }
.parts-wrapper .part-cols .part-c4 { flex: 2; }
.parts-wrapper .part-grid { display: flex; position: relative; min-height: 500px; justify-content: flex-start; flex-wrap: wrap; margin-top: 10px;/*max-height: 600px; overflow: auto;*/ }
.parts-wrapper .part-item { position: relative; border-radius: 5px; width: 200px; height: 290px; min-width: 136px; max-width: 300px; padding: 10px; margin-right: 6px; margin-bottom: 8px; background: #fff; border: 1px solid #E5E5E5; /*box-shadow: 0px 3px 6px 0px rgba(24, 115, 156, 0.16);*/ text-align: center; }
.parts-wrapper .part-item .qty { /*position: absolute; top: 10px; right: 10px;*/ text-align: left; font-size: 12px;}
.parts-wrapper .parts-outofstock .part-item, .parts-wrapper .parts-nofound .part-item{ height: 320px;}
.parts-wrapper .part-item .subtotal{ float: right; color: #2874B2;}
.parts-wrapper .part-item .detail{ text-align: left;}
.parts-wrapper .part-item .title { height: 30px; font-size: 12px; overflow: hidden; line-height: 14px; /*text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; */}
.parts-wrapper .part-item .info { font-size: 12px; color: #666;width: 100%;overflow: hidden; }
.parts-wrapper .part-item .info .first{ width: 35%; float: left;}
.parts-wrapper .part-item .info.stocks{ color: #2874B2;}
.parts-wrapper .part-item .replace-button{margin-top: 5px;}
.parts-wrapper .part-item .replace-button span{cursor: pointer;width: 100%;padding: 5px 10px;background: #FDFDFD;border: 1px solid #2874B2;border-radius: 4px;font-size: 12px;display: block;color: #2874B2;}
.parts-wrapper .part-item.replaced .replace-button span{ background: #2874B2; color: #ffffff;}
.parts-wrapper .part-item .cancel-button{margin-top: 5px;}
.parts-wrapper .part-item .cancel-button span{cursor: pointer;width: 100%;padding: 5px 10px;background: #2874B2;border: 1px solid #2874B2;border-radius: 4px;font-size: 12px;display: block;color: #ffffff;}
.parts-wrapper .part-item.replaced{border: 2px solid #2874B2;}
.parts-wrapper .part-item .image { margin: 5px 0; width: 100%;}
.parts-wrapper .part-item .image img { width: 130px; height: 130px; }
.parts-wrapper .part-item .price { font-size: 14px; }
.parts-wrapper .part-item .status-outofstock { display: block; padding: 2px; color: #2874B2; text-align: center; }
.parts-wrapper .part-item .status-nofound { display: block; padding: 2px; color: #f00; text-align: center; }
.parts-wrapper .part-item .replace span{cursor: pointer;width: 100%; overflow: hidden; border-radius: 4px; margin-top: 5px; padding: 5px;color: #2874B2;border: 1px solid #2874B2;background: #ffffff;}
.parts-alternative .part-item .cancel-replace span{cursor: pointer;margin-top: 5px; width: 100%;overflow: hidden; text-align: center; padding: 5px; border-radius: 4px; border: 1px solid #2874B2; color: #ffffff;background: #2874B2;}
.parts-wrapper .part-item.alternative { cursor: pointer; }
.parts-wrapper .parts-alternative { position: fixed; border-radius: 5px; top: 15%; left: 20%; width: 60%; padding: 20px; background: #fff; z-index: 200; }
.parts-wrapper .parts-alternative .parts-title { display: flex; justify-content: space-between; height: 40px; font-size: 16px; }
.parts-wrapper .parts-alternative .parts-title .parts-close { display: flex; width: 30px; height: 24px; }
.parts-wrapper .parts-alternative .parts-grid { max-height: 590px; overflow: auto; height: 500px;}
.parts-wrapper .parts-alternative .part-item:hover { border: 1px solid #f6aa17; }
.parts-wrapper .parts-outofstock.alternative .part-item { cursor: pointer; }
.parts-wrapper .parts-alternative .part-item .status { position: absolute; margin-top: -15px; width: 115px; }
.parts-wrapper .parts-outofstock .part-item .title { height: 30px; overflow: hidden; line-height: 15px; font-size: 12px; }
.parts-mask { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 100; }

.parts-alternative .part-item{cursor:pointer;width: 18%; height: auto; float: left; margin: 5px;background: #FFFFFF;border: 1px solid #D4D5D4; border-radius: 4px;}
.parts-alternative .part-item .image {float: unset;}
.parts-alternative .part-item .image img { width: 100%; height: auto;}
.parts-alternative .part-item .detail{ text-align: left; overflow: hidden;}
.parts-alternative .part-item .detail .info span{ float: left;}
.parts-alternative .part-item .detail .info span.first{ width: 45%;}
.parts-alternative .part-item .detail .info span.text{ width: 55%; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;}
.replace-search{ overflow: hidden;margin: 0 5px 5px;}
.replace-search #replacesearch{ width:200px; float: left;    height: 40px;
    background: #ffffff;
    background-clip: padding-box;
    border: 1px solid #c2c2c2;
    border-radius: 1px;}
.replace-search button {color: #ffe722;background-color: #353535;border-color: #555555;border-radius: 5px;margin: 0;padding: 10px 15px;cursor: pointer;}

.modal-popup .action-close, .modal-slide .action-close { }
.modal-popup .modal-title{color: #1b1b1b; font-size: 24px; border: none; font-weight: bold; margin: 0px;}
.modal-popup .modal-inner-wrap { margin: 10% auto; border-radius: 5px; width: 60%; max-width: 800px; }
.modal-popup .popup-authentication .modal-inner-wrap { width: 50%; max-width: 500px; }
.modal-popup.modal-slide .modal-footer {display: flex;justify-content: space-around; padding-top: 1rem;text-align: center !important;}
.modal-popup .popup-authentication .modal-inner-wrap { width: 500px; }
.modal-custom .block.block-modal-custom { margin-bottom: 0; }
.modal-custom .block.block-modal-custom .block-content { padding: 0; margin: 20px; }
.modal-custom .block.block-modal-custom .block-content p { font-size: 16px; }

.loader:before, .loader:after { display: none; }
.loading-mask .loader { width: 700px; max-width: 700px; height: 200px; margin: 30vh auto; background-color: rgba(0, 0, 0, 0.7); }
.loading-mask .loader > img { position: inherit; display: block; width: 40px; margin-top: -40px; margin-bottom: 20px; }
.loading-mask .loader p { display: block; color: #fff; }

.pagination { margin: 20px auto; text-align: center; }
.pagination .paginationjs { display: flex; justify-content: center; }

.parts-outofstock, .parts-nofound { position: relative; }
.loadingWrap { background-color: rgba(40, 116, 178, 0.2); position: absolute; z-index: 5; width: 100%; height: 100%; top: 0;left: 0; }
.loadingWrap img { margin-top: 10%; margin-left: 50%;}

#maincontent { margin-bottom: 20px; margin-top: 20px; border-radius: 5px; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }
.parts-wrapper { /*background: #E2E6E9; padding: 20px;*/ border-radius: 5px; display: none; clear: both; }
button.primary { color: #FCE421; background-color: #353535; border-color: #353535; font-size: 18px; padding:10px 15px; cursor: pointer; }
.parts-wrapper .parts-top {color: #565656; cursor: pointer; font-size: 16px; }

.modal-downloadable .item { float: left; text-align: center; margin-right: 5px; padding: 5px 10px; }
.modal-downloadable .block-content { font-size: 18px; }
.modal-downloadable .item span { padding: 15px 20px; border-radius: 5px; background: #353535; color: #FCE421; float: left }
.modal-downloadable .item  span::after { content: '\e76d'; top: 0; left: 0; font-size: 20px; margin-left: 10px; font-family: "nc-icon";}

#export-xml-text{ background: #E9F1F7; border-radius: 5px; border:1px solid #E9F1F7; padding: 10px; width: 100%;}
.modal-popup .modal-header #modal-add-to-cart:focus:focus header{ padding: 1rem 7.5rem 3rem 7.5rem !important; }
.modal-popup .modal-header #modal-add-to-cart{ font-size: 16px;}
#modal-add-to-cart .block-content{ margin: 0px !important;}
#modal-add-to-cart .block-content ul, #modal-add-to-cart .block-content ul li{padding: 0; margin-left: 5px;}
.modal-popup .modal-content { padding-bottom: 2rem; }
.block { margin: 0; }
.paginationjs .paginationjs-pages li { margin: 0 2px; background: #fff; border: 1px solid #aaa; }
.paginationjs .paginationjs-pages li > a { color: #1b1b1b; opacity: 1 !important; }
.paginationjs .paginationjs-pages li.active > a { background: #164E7B; color: #FFFFFF; }
#msgBox { font-size: 18px; background: #e02b27; color: #FFFFFF; font-weight: bold; padding: 10px 20px; border-radius: 5px; margin: 10px 0 0 0; }
#msgBox::before{ content: '\f06a'; font-family: FontAwesome; margin-right: 5px; font-size: 18px; color: #E2A911; font-weight: bold; }

.select-mode .item{height: 100%; max-height: 302px; width: 100%; max-width: 845px; background-color: rgba(255,255,255, 0.9); border-radius: 8px; text-align: center;color: #fff; border: 1px dashed #FFF; position: relative;}
.select-mode .item .info-box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
.select-mode .name{ font-size: 32px; line-height: 32px; height: 48px; margin-bottom: 20px;}
.select-mode .desc{ font-size: 12px; width: 80%;  margin: 10px auto 30px;}
.select-mode .col-sm-6{ height: 100%;}
.select-mode .help{ right: 10px; position: absolute; top: 10px; color: #3D3D3D; font-size: 16px; border: 1px solid #3D3D3D; padding: 2px 8px; border-radius: 5px; background: #FFFFFF;}
.bulklist-total{ float: left; margin-right: 20px; text-align: right;}
.add-total{ color: #25A954;}
.bulklist-total .total{ line-height: 45px;}

.parts-wrapper-top .bulklist-total{ float: left;}
.parts-wrapper-top .parts-tabs{ float: left;}
.parts-wrapper button:focus{color: #ffffff; background-color: #353535;}

.shape {width: 100px;height: 100px;text-align: center;line-height: 100px;border-radius: 50%;font-weight: bold;color: #fff;position: relative;}
.shape > div {position: absolute;}
.shape > .in-storck{z-index: 20;color:#323232;margin-top: 15px;text-align: center;width: 100%;font-size: 12px;font-weight: 500;}
.shape > .bottom {width: 100px;height: 100px;border-radius: 50%;background-color: #fff;border: 4px solid #c0c3c2;}
.shape > .cover {border-radius: 50%;width: 90px;height: 90px;background-color: #FFF;z-index: 10;top: 5px;left: 5px;color: #25A954;line-height: 85px;font-size: 22px;}
.shape > .ring-left {width: 50px;height: 100px;border-radius: 50px 0 0 50px;background-color: #25A954;transform-origin: right center;transform: rotate(0deg);}
.shape > .ring-right {width: 50px;height: 100px;border-radius: 0 50px 50px 0;background-color: #25A954;left: 50px;transform-origin: left center;transform: rotate(0deg);}
.shape > .ring-hide {z-index: 9;border-radius: 0 51px 51px 0;width: 52px;height: 102px;background-color: #fff;top: -1px;left: 49px;transform-origin: left center;display: none;transform: rotate(0deg);}
.shape > .ring-hide > div {z-index: 10;border-radius: 0 50px 50px 0;width: 50px;height: 100px;background-color: transparent;top: 1px;left: 0px;color: #000;line-height: 85px;position: absolute;border: 4px solid #c0c3c2;border-left: 0;}

.uploaded-explain { padding: 60px 0; overflow: hidden;}
.uploaded-explain .name{color: #2874B2;font-size: 32px; font-weight: bold; margin:5rem 0 2rem; }
.uploaded-explain .explain-tool{ width: 100%; position: relative;}
.uploaded-explain .explain-tool .explain-tool-info{ width: 100%; max-width: 1500px; line-height: 30px; margin:0 auto; clear: both; display: flex;}
.uploaded-explain .explain-tool .explain-tool-info .item{ position: relative; padding: 10px;}
.uploaded-explain .explain-tool .explain-tool-info .item:last-child{ clear: right; }
.uploaded-explain .explain-tool .explain-tool-info .item .img{ display: inline-block; position: absolute; max-width: 55px; float: left; }
.uploaded-explain .explain-tool .explain-tool-info .item .info{ display: inline-block; margin-left: 70px; width: 250px;}
.uploaded-explain .explain-tool .explain-tool-info .item .info .title{font-size: 24px; font-weight: bold; color: #333333;line-height: 28px; margin-bottom: 10px;}
.uploaded-explain .explain-tool .item .info .link-button span{ background: #353535; color: #FCE421; padding: 10px 20px; font-size: 16px; border-radius: 5px;}
.uploaded-explain .explain-tool .explain-tool-info .item .info p{font-weight: 300; color: #333333; line-height: 25px;}
.uploaded-explain .explain-tool .explain-tool-info .item .info .link-button{ margin-top: 15px;}
.uploaded-explain .explain-tool .link-button #link-window span:after{content: '\e76d';top: 0;left: 0;font-size: 20px;margin-left: 10px;font-family: "nc-icon";}
.uploaded-explain .explain-tool .explain-tool-info .item .content{ background: #F7F9FF; padding: 30px 15px;overflow: hidden; min-height: 280px; border: 1px solid #E4E4E4;border-radius: 5px;}
.uploaded-explain .explain-tool .explain-tool-info .item .content .notes{position: absolute; top: 10px; right:10px;}

.uploaded-explain .explain-info{ padding: 0; margin: 0; height: auto; overflow: hidden; position: relative; }
.uploaded-explain .explain-info img{ padding: 0; margin: 0; width: 100%; height: auto; position: relative; top: 5px; }
.uploaded-explain .explain-info .txt-box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: -300px; }
.uploaded-explain .explain-info .txt-box .img{ margin-bottom: 50px;}

.toolkit-result-wrapper{ width: 100%; max-width: 1340px; margin: auto; margin-bottom: 15px; display: none; }
.toolkit-result-wrapper .parts-action button:before{content: "\e7a7";font-family: "nc-icon"; margin-right: 5px;}
.toolkit-result-wrapper .parts-action button{ border-radius: 5px;}
.media-pc{ display: block; }
.media-phone{ display: none; }

.modal.fade .modal-header .close{ margin: 10px 10px 0 0;}
.modal.fade .modal-content{ padding: 20px;border-radius: 10px; text-align: center;}
.modal.fade .modal-body{text-align: center;}
.modal.fade .block-title{ text-align: center; font-size: 16px; font-weight: bold;margin-bottom:20px;}
.modal.fade .block-content{text-align: center;}

@media (max-width:767px){
    .media-pc{ display: none; }
    .media-phone{ display: block; }

    .upload-wrapper { background: url(https://img.dxbrick.com/images/toolkit/tool-banner-m.jpeg) no-repeat; background-position: top center; background-size:100% 100%; width: 100%;  max-width: 750px; aspect-ratio: 750 / 833; }

    .page-layout-1column .columns{ padding: 0px;}
    .upload-wrapper .select-mode{ width: 94%; height: 160px;  padding: 0 10px; top: unset; left: unset; transform: unset; margin-top: 10px;}
    .upload-wrapper .link, .upload-wrapper .facebook-link{ margin: auto;width:90%;  text-align: left; font-size: 14px; line-height: 20px;     padding-top: 30%; }
    .upload-wrapper .facebook-link .fl-title{ font-size: 29px; line-height: 29px; margin-bottom: 10px;}
    .title-upload{font-size: 16px;}
    .upload-wrapper button{ font-size: 16px;}
    .modal-popup.modal-slide .modal-inner-wrap{height:auto; margin: 10% 10% 0 0;}
    .upload-wrapper .select-mode select{ font-size: 14px; }

    .uploaded-wrapper{ width: 100%;overflow: hidden;height: auto;margin: 0 0 10px 0px;}
    .uploaded-wrapper .bulk-item{display: block;height:auto;}
    .uploaded-wrapper .bulk-data{width: 50%; float: left;}
    .uploaded-wrapper .bulk-info{width: 50%; float: right;}
    .uploaded-wrapper .bulk-title .name{ width: 100%;}
    .uploaded-wrapper .bulk-title .addtowand{ width: 100%;}
    .uploaded-wrapper .bulk-title .addtowand button{ float: left;}
    .parts-wrapper .parts-title{display: block;height: 115px;}
    .parts-wrapper .bulklist-total{float: left;width: 70%;margin-right: 1%;}
    .parts-wrapper .parts-action button.primary{width: 29%; float: right;padding: 5px;font-size: 14px;}
    .parts-wrapper .parts-action {float: left; overflow: hidden; width: 100%;}
    .parts-wrapper .parts-tabs .tab-item{ padding: 0 5px; font-size: 14px;}
    .add-total{font-size: 12px;}
    .parts-wrapper .parts-alternative{ width: 100%;left:0;}

    .parts-wrapper .parts-grid{ padding: 5px;}
    .parts-wrapper .part-item{width: 50%;margin-right:0px;}
    .upload-wrapper .link{ bottom: 0;}
    .select-mode .help{  right: 20px;top:10px;}
    .uploaded-explain{ padding-top: 20px;}
    .uploaded-explain .name{ margin: 2rem 0 2rem;}
    .uploaded-explain .explain-tool .explain-tool-info{ display: block;}
    .uploaded-explain .explain-steps .steps-no span{ font-size: 28px;}
    .select-mode .name{ margin-bottom: 10px; font-size: 20px;}

    .uploaded-explain .explain-tool .explain-tool-info .item{ margin-bottom: 20px; overflow: hidden;}
    .uploaded-explain .explain-tool .explain-tool-info .item .img{ display: block; float: left; width: 100px; margin-top: 10px;}
    .uploaded-explain .explain-tool .explain-tool-info .item .info{ }
    .uploaded-explain .explain-tool .explain-tool-info .item .info .title{ font-size: 20px;}
    .uploaded-explain .explain-tool .explain-tool-info .item .info p{ font-size: 14px; line-height: 20px;}

    .uploaded-explain .explain-info img{ position: relative; top: 6px; }
    .uploaded-explain .explain-info .txt-box{ margin-left: -50px; }
    .uploaded-explain .explain-info .txt-box .img{ margin-bottom: 10px; width: 80%;}

    .select-mode .item{padding: 35px 10px 20px;}
    .upload-wrapper img{ height: 450px;}
    .uploaded-explain .explain-tool .explain-tool-info{ height: auto;}
    .uploaded-explain .explain-tool{ padding:20px 0px; margin: 0px;}
    .uploaded-explain .explain-steps .steps-no{ width: 100%;font-size: 18px;margin: 3rem auto 0;}
    .uploaded-explain .explain-steps .steps-no img{ margin-top: 20px;}
}
.towishlist { background-color: #2874b2!important;border-color: #2874b2!important;}
fieldset { border:0!important;}
.actions_towishlist {
    background-color: #2874b2!important;
    border-color: #2874b2!important;
}
.wishlist-add-popup-modal.wishlist-results .action-close {
    display:none!important;
}