.promotion-wrapper .promotion-title { font-size: 1.65rem; font-weight: 700; margin-bottom: 10px } .promotion-wrapper .promotion-content .promotion-row { margin-top: -1px; border: 1px solid #e5e5e5; } .promotion-wrapper .promotion-content .promotion-row:first-child { margin-top: 0 } .promotion-wrapper .promotion-content .promotion-row:nth-child(odd) { background-color: #2a2f43 } @media (max-width: 767.98px) { .promotion-wrapper .promotion-content .promotion-row { margin-top: 0; margin-bottom: 1rem; } .promotion-wrapper .promotion-content .promotion-button { padding: 0; border-left: none } } .promotion-wrapper .promotion-content .promotion-icon { font-size: 1.75rem; display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 1rem; border-right: 1px solid #e5e5e5; } .promotion-wrapper .promotion-content .promotion-info { height: 100%; padding: 1rem } .promotion-wrapper .promotion-content .promotion-info > div { margin-bottom: 4px } .promotion-wrapper .promotion-content .promotion-info > div strong { font-size: 1.25rem } .promotion-wrapper .promotion-content .promotion-info > span { display: block; max-height: 75px; overflow-y: auto; font-size: .875rem } .promotion-wrapper .promotion-content .promotion-button { display: flex; align-items: center; justify-content: center; height: 100%; padding: 1rem; border-left: 1px solid #e5e5e5; } .cart-block { border: 1px solid #d8d8d8; padding: 1.5rem; margin-bottom: 1.5rem; border-radius: 1px } .cart-block .cart-panel-secure-logo { text-align: right } .cart-block .cart-panel-secure-logo img { max-width: 9rem; opacity: .8 } .cart-block .contentbox-header { margin-bottom: 1rem } .cart-block .contentbox-header h4 { font-size: 1.5rem; font-weight: 700; } .cart-block.cart-block-error { border-color: #dc3545; position: relative } .cart-block.cart-block-error > .validate-error { position: absolute; bottom: -10px; right: 10px; background-color: #fff } #cart-popup-container .cart-flush-items, #cart-container .cart-flush-items { display: flex; justify-content: end; margin-bottom: 1rem } #cart-popup-container .cart-flush-items .cart-item-flush, #cart-container .cart-flush-items .cart-item-flush { padding: .3rem .2rem 0rem; border-bottom: 1px solid rgba(0,0,0,0); border-radius: 0; font-weight: 700 } #cart-popup-container .cart-flush-items .cart-item-flush i, #cart-container .cart-flush-items .cart-item-flush i { font-size: 1.1rem; margin-top: -2px } #cart-popup-container .cart-flush-items .cart-item-flush i + span, #cart-container .cart-flush-items .cart-item-flush i + span { margin-left: .3rem; vertical-align: middle } #cart-popup-container .cart-flush-items .cart-item-flush:hover, #cart-container .cart-flush-items .cart-item-flush:hover { border-color: #000 } #cart-popup-container #free-shipping .free-shipping-content, #cart-container #free-shipping .free-shipping-content { display: flex; align-items: center; justify-content: flex-end } #cart-popup-container #free-shipping .free-shipping-content .free-shipping-text, #cart-container #free-shipping .free-shipping-content .free-shipping-text { font-size: 1.5rem; text-align: right; padding: 0 1.5rem } #cart-popup-container #free-shipping .free-shipping-content .free-shipping-text > div, #cart-container #free-shipping .free-shipping-content .free-shipping-text > div { font-weight: 700 } @media(max-width: 991.98px) { #cart-popup-container #free-shipping .free-shipping-content .free-shipping-text, #cart-container #free-shipping .free-shipping-content .free-shipping-text { font-size: 1.2rem } } @media(max-width: 575.98px) { #cart-popup-container #free-shipping .free-shipping-content .free-shipping-text, #cart-container #free-shipping .free-shipping-content .free-shipping-text { font-size: 1.1rem } } #cart-popup-container #free-shipping .free-shipping-content .free-shipping-icon, #cart-container #free-shipping .free-shipping-content .free-shipping-icon { padding: 0 1.5rem } #cart-popup-container #free-shipping .free-shipping-content .free-shipping-icon i, #cart-container #free-shipping .free-shipping-content .free-shipping-icon i { font-size: 4rem } @media(max-width: 767.98px) { #cart-popup-container #cart-content .contentbox-header, #cart-container #cart-content .contentbox-header { margin-bottom: 0 } } #cart-popup-container #cart-items .cart-item, #cart-container #cart-items .cart-item { border-bottom: 1px solid #d8d8d8; padding: 1.5rem; position: relative } #cart-popup-container #cart-items .cart-item:last-child, #cart-container #cart-items .cart-item:last-child { margin-bottom: 1.5rem } #cart-popup-container #cart-items .cart-item:hover, #cart-container #cart-items .cart-item:hover { background-color: #f5f5f5 } @media(max-width: 991.98px) { #cart-popup-container #cart-items .cart-item, #cart-container #cart-items .cart-item { padding: 2.2rem 1.5rem 1.5rem 0 } #cart-popup-container #cart-items .cart-item:hover, #cart-container #cart-items .cart-item:hover { background-color: rgba(0,0,0,0) } } #cart-popup-container #cart-items .cart-item .cart-item-image, #cart-container #cart-items .cart-item .cart-item-image { position: relative; padding-top: 100% } #cart-popup-container #cart-items .cart-item .cart-item-image img, #cart-container #cart-items .cart-item .cart-item-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; display: block } @media(max-width: 767.98px) { #cart-popup-container #cart-items .cart-item .cart-item-detail, #cart-container #cart-items .cart-item .cart-item-detail { height: 100%; display: flex } } #cart-popup-container #cart-items .cart-item .cart-item-name > div, #cart-container #cart-items .cart-item .cart-item-name > div { min-height: 6rem; margin-bottom: 1.5rem } @media(max-width: 767.98px) { #cart-popup-container #cart-items .cart-item .cart-item-name > div, #cart-container #cart-items .cart-item .cart-item-name > div { min-height: auto } } #cart-popup-container #cart-items .cart-item .cart-item-name > div a, #cart-container #cart-items .cart-item .cart-item-name > div a { } #cart-popup-container #cart-items .cart-item .cart-item-name .cart-item-delete, #cart-container #cart-items .cart-item .cart-item-name .cart-item-delete { color: #bbb; padding: .3rem .6rem; border: 1px solid #d8d8d8 } #cart-popup-container #cart-items .cart-item .cart-item-name .cart-item-delete i, #cart-container #cart-items .cart-item .cart-item-name .cart-item-delete i { font-size: 1.1rem; margin-top: -2px } #cart-popup-container #cart-items .cart-item .cart-item-name .cart-item-delete i + span, #cart-container #cart-items .cart-item .cart-item-name .cart-item-delete i + span { margin-left: .3rem; vertical-align: middle } #cart-popup-container #cart-items .cart-item .cart-item-name .cart-item-delete:hover, #cart-container #cart-items .cart-item .cart-item-name .cart-item-delete:hover { border-color: #d8d8d8; } @media(max-width: 991.98px) { #cart-popup-container #cart-items .cart-item .cart-item-name .cart-item-delete, #cart-container #cart-items .cart-item .cart-item-name .cart-item-delete { display: none } } @media(max-width: 991.98px) { #cart-popup-container #cart-items .cart-item .cart-item-quantity, #cart-container #cart-items .cart-item .cart-item-quantity { display: flex; height: 100%; align-items: flex-end; justify-content: flex-start } } @media(max-width: 991.98px) { #cart-popup-container #cart-items .cart-item .cart-item-price-container, #cart-container #cart-items .cart-item .cart-item-price-container { display: flex; height: 100%; align-items: flex-end; justify-content: flex-end } } #cart-popup-container #cart-items .cart-item .product-quantity, #cart-container #cart-items .cart-item .product-quantity { display: flex; align-items: stretch; justify-content: stretch; border: 1px solid #d8d8d8; border-radius: 1px } #cart-popup-container #cart-items .cart-item .product-quantity > div, #cart-container #cart-items .cart-item .product-quantity > div { flex: 0 1 auto; position: relative } #cart-popup-container #cart-items .cart-item .product-quantity a, #cart-container #cart-items .cart-item .product-quantity a { flex: 0 0 3rem; display: flex; align-items: center; justify-content: center; color: #4b4b4b } #cart-popup-container #cart-items .cart-item .product-quantity a:first-child, #cart-container #cart-items .cart-item .product-quantity a:first-child { border-right: 1px solid #d8d8d8 } #cart-popup-container #cart-items .cart-item .product-quantity a:last-child, #cart-container #cart-items .cart-item .product-quantity a:last-child { border-left: 1px solid #d8d8d8 } @media(max-width: 575.98px) { #cart-popup-container #cart-items .cart-item .product-quantity a, #cart-container #cart-items .cart-item .product-quantity a { flex: 0 0 2rem } #cart-popup-container #cart-items .cart-item .product-quantity a i, #cart-container #cart-items .cart-item .product-quantity a i { font-size: .8rem } } #cart-popup-container #cart-items .cart-item .product-quantity input, #cart-container #cart-items .cart-item .product-quantity input { text-align: center; border: none; padding: .2rem .3rem 1.5rem .3rem } #cart-popup-container #cart-items .cart-item .product-quantity .product-quantity-name, #cart-container #cart-items .cart-item .product-quantity .product-quantity-name { position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 1rem } #cart-popup-container #cart-items .cart-item .cart-item-price, #cart-container #cart-items .cart-item .cart-item-price { text-align: right } #cart-popup-container #cart-items .cart-item .cart-item-price .item-price, #cart-container #cart-items .cart-item .cart-item-price .item-price { text-decoration: line-through; font-size: 1.1rem } #cart-popup-container #cart-items .cart-item .cart-item-price .item-rebate-price, #cart-container #cart-items .cart-item .cart-item-price .item-rebate-price { font-weight: 700; font-size: 1.4rem } @media(max-width: 575.98px) { #cart-popup-container #cart-items .cart-item .cart-item-price .item-rebate-price, #cart-container #cart-items .cart-item .cart-item-price .item-rebate-price { font-size: 1.3rem } } #cart-popup-container #cart-items .cart-item .cart-item-price .item-tax, #cart-container #cart-items .cart-item .cart-item-price .item-tax { font-size: 1.1rem } #cart-popup-container #cart-items .cart-item .cart-item-delete-mobile, #cart-container #cart-items .cart-item .cart-item-delete-mobile { display: none; color: #d5d5d5; padding: .6rem; position: absolute; top: 0; right: -6px } #cart-popup-container #cart-items .cart-item .cart-item-delete-mobile i, #cart-container #cart-items .cart-item .cart-item-delete-mobile i { font-size: 1.5rem } #cart-popup-container #cart-items .cart-item .cart-item-delete-mobile:hover, #cart-container #cart-items .cart-item .cart-item-delete-mobile:hover { border-color: #d8d8d8; } @media(max-width: 991.98px) { #cart-popup-container #cart-items .cart-item .cart-item-delete-mobile, #cart-container #cart-items .cart-item .cart-item-delete-mobile { display: block } } #cart-popup-container .cart-buttons button i, #cart-container .cart-buttons button i { font-size: 1.1rem; margin-top: -2px } #cart-popup-container .cart-buttons button i + span, #cart-container .cart-buttons button i + span { margin-left: .3rem; vertical-align: middle } #cart-popup-container #cart-promoted-products .promotion-list, #cart-container #cart-promoted-products .promotion-list { position: relative } #cart-popup-container #cart-promoted-products .promotion-list .list-header, #cart-container #cart-promoted-products .promotion-list .list-header { border: solid 1px #d8d8d8; cursor: pointer; position: relative; border-radius: 1px } #cart-popup-container #cart-promoted-products .promotion-list .list-box, #cart-container #cart-promoted-products .promotion-list .list-box { width: 100%; display: flex; justify-content: space-between } #cart-popup-container #cart-promoted-products .promotion-list .list-box > span, #cart-container #cart-promoted-products .promotion-list .list-box > span { position: relative; flex: 1 0 0; max-width: 100%; padding: 1.05rem; display: flex; align-items: center } #cart-popup-container #cart-promoted-products .promotion-list .list-box > span i, #cart-container #cart-promoted-products .promotion-list .list-box > span i { font-size: 1.5rem } #cart-popup-container #cart-promoted-products .promotion-list .list-box > span > span, #cart-container #cart-promoted-products .promotion-list .list-box > span > span { display: block; vertical-align: middle; margin-left: 1rem; white-space: normal; font-weight: 700 } #cart-popup-container #cart-promoted-products .promotion-list .list-box > span > span > em, #cart-container #cart-promoted-products .promotion-list .list-box > span > span > em { display: block; font-size: .875rem; font-weight: 400; } #cart-popup-container #cart-promoted-products .promotion-list .list-box > i, #cart-container #cart-promoted-products .promotion-list .list-box > i { flex: 0 0 3.2rem; display: flex; align-items: center; justify-content: center; border-left: 1px solid #d8d8d8; font-size: 1.5rem } #cart-popup-container #cart-promoted-products .promotion-list .list-content, #cart-container #cart-promoted-products .promotion-list .list-content { border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; position: absolute; top: 100%; left: 0; right: 0; display: none; z-index: 3 } #cart-popup-container #cart-promoted-products .promotion-list .list-content ul li, #cart-container #cart-promoted-products .promotion-list .list-content ul li { background-color: #2a2f43; border-bottom: 1px solid #d8d8d8; cursor: pointer } #cart-popup-container #cart-promoted-products .promotion-list .list-content ul li:hover, #cart-container #cart-promoted-products .promotion-list .list-content ul li:hover { background-color: #000028 } #cart-popup-container #cart-promoted-products .promotion-list.active .list-content, #cart-container #cart-promoted-products .promotion-list.active .list-content { display: block } #cart-popup-container .cart-panel-promotion, #cart-container .cart-panel-promotion { margin-bottom: 1rem; border-bottom: 1px solid; padding-bottom: 10px; } #cart-popup-container .cart-panel-promotion .cart-panel-promotion-title, #cart-container .cart-panel-promotion .cart-panel-promotion-title { display: flex; align-items: center; justify-content: space-between; width: 100%; font-weight: 700; margin-bottom: 1rem } #cart-popup-container .cart-panel-promotion .cart-panel-promotion-title > span, #cart-container .cart-panel-promotion .cart-panel-promotion-title > span { flex: 1 0 auto } #cart-popup-container .cart-panel-promotion .cart-panel-promotion-title > button, #cart-container .cart-panel-promotion .cart-panel-promotion-title > button { flex: 0 0 auto; font-size: .875rem; border-bottom: 1px solid } #cart-popup-container .cart-panel-promotion > span, #cart-container .cart-panel-promotion > span { display: flex; font-size: .95rem; } #cart-popup-container .cart-panel-promotion > span > i, #cart-container .cart-panel-promotion > span > i { font-size: 1.25rem; margin-right: .8rem } #cart-popup-container .information-content i.fa-exclamation-circle, #cart-container .information-content i.fa-exclamation-circle { font-size: 7.2rem } #cart-popup-container .cart-alert, #cart-container .cart-alert { border-color: #d8d8d8; background-color: #f5f5f5; margin-bottom: 1.5rem } #cart-popup-container .cart-alert > div, #cart-container .cart-alert > div { padding: .3rem 0 } #cart-popup-container .cart-alert i, #cart-container .cart-alert i { font-size: 1.4rem; margin-right: .5rem; color: #656565 } .contentbox-header { margin-bottom: 1.5rem } .contentbox-header p { display: block; font-size: 13px; margin-bottom: 0 } .contentbox-header h4 { font-size: 1.5rem; margin-bottom: 0 } .promotion-container { padding: 1rem; } .promotion-popup-area .promotion-popup-content .promotion-popup-material-title { font-weight: 700; margin-bottom: .5rem; } .promotion-popup-list-label { padding: .8rem } .promotion-popup-list-label label { margin-bottom: 0 } .promotion-popup-list-amount, .promotion-popup-list-unitprice, .promotion-popup-list-tax, .promotion-popup-list-includetax { width: 15%; padding: .8rem !important; vertical-align: middle !important } #post-promotion-choices, .promotional-product-variants { display: none } .promotion-popup-list-input .form-control { display: inline-block; text-align: center; width: 54%; height: calc(2.5rem + 2px); margin-right: 4px; } .promotion-popup-list-input span { display: inline-block; text-align: center } .promotional-product-variants-overflow { max-height: 20rem; overflow-y: auto } .promotional-product-variants-overflow tr:first-child td { border-top: none } .promotional-product-variants-overflow td { vertical-align: middle } .custom-responsive-table-header { padding: 1rem; margin-bottom: 1.5rem; background: #fafafa; border: 1px solid #eee; border-radius: 1px } .custom-responsive-table-header:before, .custom-responsive-table-header:after { content: " "; display: table } .custom-responsive-table-header:after { clear: both } .custom-responsive-table-header .dataTables_filter { float: left; width: 50% } .custom-responsive-table-header .dataTables_filter label { width: 100%; margin-bottom: 0; display: block } .custom-responsive-table-header .dataTables_filter label span { float: left; width: 9rem; line-height: 3.8rem } .custom-responsive-table-header .dataTables_filter label input { float: left; max-width: 20rem } @media(max-width: 991.98px) { .custom-responsive-table-header .dataTables_filter { width: 60% } .custom-responsive-table-header .dataTables_filter label span { width: 100% } } .custom-responsive-table-header .dataTables_length { float: right; width: 50% } .custom-responsive-table-header .dataTables_length label { width: 100%; display: block; text-align: right; margin-bottom: 0 } .custom-responsive-table-header .dataTables_length label span { display: inline-block; margin-right: 1rem } .custom-responsive-table-header .dataTables_length label .selectbox { width: 6rem; height: 3.8rem !important; display: inline-block } .custom-responsive-table-header .dataTables_length label .selectbox select { height: auto !important } @media(max-width: 991.98px) { .custom-responsive-table-header .dataTables_length { width: 32% } .custom-responsive-table-header .dataTables_length label span { width: 100%; display: block; line-height: 3.8rem; text-align: left } .custom-responsive-table-header .dataTables_length label .selectbox { width: 100% } } .custom-responsive-table-body { width: 100%; margin-bottom: 1.5rem } @media(max-width: 1199.98px) { .custom-responsive-table-body { overflow-x: auto; -webkit-overflow-scrolling: touch } } .custom-responsive-table-body-inner { display: table; border: 1px solid #eee; margin-bottom: 0; border-radius: 1px } @media(max-width: 1199.98px) { .custom-responsive-table-body-inner { min-width: 660px } } .custom-responsive-table-body-inner > thead { background: #ededed } .custom-responsive-table-body-inner > thead > tr > th { font-weight: 700; border: 1px solid #eee; vertical-align: middle; border-top: none; position: relative } .custom-responsive-table-body-inner > thead > tr > th span { font-size: 1.1rem; font-weight: normal; display: block } .custom-responsive-table-body-inner > tbody > tr:nth-child(2n) { background: #fbfbfb } .custom-responsive-table-body-inner > tbody > tr > td { border: 1px solid #eee; vertical-align: middle; font-size: .875rem; } .custom-responsive-table-body-inner > tbody > tr .dataTables_empty { text-align: center; padding: 3rem 0 } .custom-responsive-table-footer { width: 100% } .custom-responsive-table-footer:before, .custom-responsive-table-footer:after { content: " "; display: table } .custom-responsive-table-footer:after { clear: both } .custom-responsive-table-footer .custom-responsive-table-info { float: left; line-height: 3.4rem } @media(max-width: 767.98px) { .custom-responsive-table-footer .custom-responsive-table-info { width: 100%; text-align: center } } .custom-responsive-table-footer .custom-responsive-table-pagination { float: right } .custom-responsive-table-footer .custom-responsive-table-pagination a { float: left; display: block; padding: .7rem 1.3rem; border: 1px solid #eee; border-right: none } .custom-responsive-table-footer .custom-responsive-table-pagination a:first-child { border-top-left-radius: .4rem; border-bottom-left-radius: .4rem; border-left: 1px solid #eee } .custom-responsive-table-footer .custom-responsive-table-pagination a:last-child { border-top-right-radius: .4rem; border-bottom-right-radius: .4rem; border-right: 1px solid #eee } .custom-responsive-table-footer .custom-responsive-table-pagination a.disabled { color: #ccc; border-color: #eee } .custom-responsive-table-footer .custom-responsive-table-pagination a.active { background: #fafafa; border-color: #eee; color: #4b4b4b } @media(max-width: 767.98px) { .custom-responsive-table-footer .custom-responsive-table-pagination { width: 100%; text-align: center } .custom-responsive-table-footer .custom-responsive-table-pagination a { float: none; display: inline-block; margin-left: -0.3rem } } #promotion-product .promotion-product-row { display: flex; align-items: center; border: 1px solid #eee; margin-top: -1px; flex-wrap: wrap } #promotion-product .odd { background-color: #fafafa } #promotion-product .promotion-product-header .promotion-product-row { background-color: #eee } #promotion-product .promotion-product-row-left > *, #promotion-product .promotion-product-row-right > *, #promotion-product .promotion-product-row-center > * { padding: .75rem } #promotion-product .promotion-product-header .promotion-product-row-left > *, #promotion-product .promotion-product-header .promotion-product-row-right > *, #promotion-product .promotion-product-header .promotion-product-row-center > * { font-weight: 700; } #promotion-product .promotion-product-content { font-size: .875rem; } #promotion-product .promotion-product-row-left > * > strong, #promotion-product .promotion-product-row-right > * > strong, #promotion-product .promotion-product-row-center > * > strong { display: none } #promotion-product .promotion-product-row-left > * > strong:after, #promotion-product .promotion-product-row-right > * > strong:after, #promotion-product .promotion-product-row-center > * > strong:after { content: " : " } #promotion-product .promotion-product-row-left { flex: 0 0 auto } #promotion-product .promotion-product-row-center { display: flex; flex: 1 0 0; align-items: center; flex-wrap: wrap } #promotion-product .promotion-product-row-right { flex: 0 0 140px } #promotion-product .promotion-product-image { width: 5rem; flex: 0 0 5rem; text-align: center } #promotion-product .promotion-product-image a { display: block } #promotion-product .promotion-product-image a img { width: 5rem } #promotion-product .promotion-product-name { max-width: 100%; flex: 6 0 0 } #promotion-product .promotion-product-price { max-width: 100%; flex: 3 0 0 } #promotion-product .promotion-product-tax-amount { max-width: 100%; flex: 1 0 0 } #promotion-product .promotion-product-price-with-tax { max-width: 100%; flex: 3 0 0; text-align: right } #promotion-product .promotion-product-price-with-tax > div { display: inline } #promotion-product .promotion-product-price-with-tax .rebated-price { text-decoration: line-through; display: block } #promotion-product .promotion-product-price-with-tax .rebate-price { display: block } #promotion-product .promotion-product-button { text-align: right; max-width: 100%; flex: 1 0 0 } @media(max-width: 1199.98px) { #promotion-product .promotion-option-product .promotion-product-row-center { align-items: center } #promotion-product .promotion-product-header { display: none } #promotion-product .promotion-product-row { padding: 1rem 0 } #promotion-product .promotion-product-row-center { align-items: flex-start } #promotion-product .promotion-product-row-center > * { max-width: 100%; flex: 0 0 100%; padding: .2rem 0; text-align: left } #promotion-product .promotion-product-row-center > *:empty { display: none } #promotion-product .promotion-product-row-center > * > strong { display: inline } #promotion-product .promotion-product-row-center > * .rebated-price { display: inline-block } #promotion-product .promotion-product-row-center > * .rebate-price { display: inline-block } } @media(max-width: 767.98px) { #promotion-product .promotion-product-row-right { flex: 0 0 100% } #promotion-product .promotion-product-button { text-align: center } }