/*** Variables ***/ /*** BREAKPOINTS ***/ /*** Colors ***/ /*** Fonts ***/ .widgets-container .no_items, .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text .carusel-text__sub-title, .osf_home_tmpl .cc_spotlight_products .cc_description, .osf_home_tmpl .cc_feeatured_products .cc_description, .osf_pdp_tmpl .widgets-container .no_items, .osf_tmpl_myaccount .cc_myaccount_nav .panel-heading .cc_title { font-weight: 300; } .checkcontainer, html, body, label, button.btn-primary, input.btn-primary, button.btn-primary.disabled, input.btn-primary.disabled, button.btn-primary.disabled:hover, input.btn-primary.disabled:hover, header .top-bar-link, header .top-bar-link:link, header .top-bar-link:focus, header .top-bar-link:hover, header .changeLocale, header .changeLocale:link, header .changeLocale:focus, header .changeLocale:hover, .ui-widget, .osf-footer .section .nav-list__item a, .osf_pdp_tmpl .tier-outerbox .cc_prt_tier_box_text_range, .shopping-cart .tier-outerbox .cc_prt_tier_box_text_range, .osf_tmpl_myaccount .cc_myaccount_content .panel-body p span:first-child, .osf_tmpl_myaccount .user_form_label, .osf_tmpl_myaccount .addressBookSection .orderPaginationSec .cc_body .row .cc_current_page, .osf_tmpl_myaccount .addressBookSection .orderPaginationSec .cc_body .row .cc_paginator_legend, .osf_tmpl_myaccount .cc_myaccount_mycart .cc_myaccount_content .table-responsive th, .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .createTemplate, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .createTemplate, .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive th, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive th, .osf_tmpl_myaccount .table-responsive th, .cc_myaccount_mywallet .ivalid_payment_message, .cc_order_details .checkout_buyer_information > p, .cc_order_details .checkout_billing_address > p, .cc_order_details .checkout_shipping_address > p, .cc_checkout_review .checkout_buyer_information > p, .cc_checkout_review .checkout_billing_address > p, .cc_checkout_review .checkout_shipping_address > p, .cc_order_details .cart_item .inventory > .value, .cc_checkout_review .cart_item .inventory > .value, .cc_order_details .reviewCartSection > div.cc_total > p, .cc_checkout_review .reviewCartSection > div.cc_total > p, .cc_order_details .order_details_label { font-weight: 400; } button.btn-primary:hover, button.btn-primary:focus, button.btn-primary:active, input.btn-primary:hover, input.btn-primary:focus, input.btn-primary:active, .wishButtons .btn-group.open button.btn-default, .widgets-container .panel.widget-panel, .widgets-container .panel.cc_re_order, header .menu_container .cc_navbar_collapse .dropdown a, .itemNr, .osf_home_tmpl .cc_spotlight_products .panel-title, .osf_home_tmpl .cc_feeatured_products .panel-title, .osf_home_tmpl .cc_spotlight_products .cc_product_name, .osf_home_tmpl .cc_spotlight_products .cc_product_name:link, .osf_home_tmpl .cc_spotlight_products .cc_price, .osf_home_tmpl .cc_spotlight_products .cc_price:link, .osf_home_tmpl .cc_feeatured_products .cc_product_name, .osf_home_tmpl .cc_feeatured_products .cc_product_name:link, .osf_home_tmpl .cc_feeatured_products .cc_price, .osf_home_tmpl .cc_feeatured_products .cc_price:link, .osf-footer .section .nav-list__title, .acctmainSection h3.panel-title.cc_title, .acctmainSection .cc_myaccount_profile h3.panel-title.cc_title, .acctmainSection .alert, #osf_compare .compare-spec-table th, .prodDetailContainer .price_block.cc_price_block, .prodDetailContainer .product_detail .pdp-price-totalprice, .prodDetailContainer .product_detail .pdp-price-totalprice .inc-vat, .prodDetailContainer .product_detail .pdp-price-totalprice .mp-each, .prodDetailContainer .pdp-item-title, .prodDetailContainer .related-product-wrap .cart-item a, .prodDetailContainer .related-product-wrap .cart-price, .prodDetailContainer .pdfSection .pdf-name, .prodDetailContainer .pdp-spec-sec, .osf_pdp_tmpl .widgets-container .minicart .panel, .osf_pdp_tmpl .tier-outerbox, .osf_pdp_tmpl .tier-title, .osf_pdp_tmpl .tier-info-box, .shopping-cart-title, .shopping-cart-item-link-self, .shopping-cart-item-price-tax-inc, .shopping-cart-item-included-items:focus, .shopping-cart-item-included-items:hover, .shopping-cart-item-included-comments:focus, .shopping-cart-item-included-comments:hover, .shopping-cart-item-additional-items:focus, .shopping-cart-item-additional-items:hover, .shopping-cart-item-additional-comments:focus, .shopping-cart-item-additional-comments:hover, .shopping-cart-action-btn:focus, .shopping-cart-action-btn:hover, .shopping-cart-discount-title, .shopping-cart .sub-total-section .grand_total-price, .shopping-cart .tier-outerbox, .shopping-cart .tier-title, .shopping-cart .tier-toggle:hover, .osf_tmpl_myaccount h3.cc_title, .osf_tmpl_myaccount .cc_myaccount_content .panel-body p span:last-child, .osf_tmpl_myaccount .cc_myaccount_content .panel-body .row > div > span:first-child, .osf_tmpl_myaccount .cc_myaccount_nav .acctStepNav .gotoSection, .osf_tmpl_myaccount .cc_myaccount_nav .acctStepNav .gotoSection:link, .osf_tmpl_myaccount .cc_myaccount_nav .acctStepNav .gotoSection:hover, .osf_tmpl_myaccount .cc_myaccount_nav .acctStepNav .gotoSection:visited, .osf_tmpl_myaccount .cc_myaccount_nav .acctStepNav .gotoSection:active, .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table td, .cc_myaccount_mywallet h3.panel-title.cc_title, .checkout-container .info-wrap .form-title, .checkout-container .info-wrap .form-title-wrap .change_address a:hover, .checkout-container .step-links input:hover, .checkout-container .checkout-shipping .shipping-title, .checkout-container .checkout-shipping .shipping_payment_term .checkcontainer a:focus, .checkout-container .checkout-shipping .shipping_payment_term .checkcontainer a:hover, .checkout-container .checkout-shipping .method-title, .cc_checkout_review .step-links input:hover, .cc_checkout_payment_panel .step-links input:hover, .cc_order_details .panel-heading .panel-title, .cc_checkout_review .panel-heading .panel-title, .cc_order_details .cart_item div.cc_price > p, .cc_checkout_review .cart_item div.cc_price > p, .cc_order_details .cart_item .cc_item_title .cc_product_name, .cc_order_details .cart_item .cc_item_title .cc_product_name:link, .cc_order_details .cart_item .cc_item_title .cc_product_name:hover, .cc_order_details .cart_item .cc_item_title .cc_product_name:active, .cc_order_details .cart_item .cc_item_title .cc_product_name:visited, .cc_checkout_review .cart_item .cc_item_title .cc_product_name, .cc_checkout_review .cart_item .cc_item_title .cc_product_name:link, .cc_checkout_review .cart_item .cc_item_title .cc_product_name:hover, .cc_checkout_review .cart_item .cc_item_title .cc_product_name:active, .cc_checkout_review .cart_item .cc_item_title .cc_product_name:visited, .cc_checkout_payment_panel h3.heading, .cc_checkout_payment_panel h3.panel-title, .datepicker.datepicker-dropdown table tr th, .cc_order_details .order_details_value, .cc_order_proof_upload_modal .cc_modal_body .alert { font-weight: 500; } /*** Font Sizes ***/ /*** Button sizes ***/ /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Internet Explorer font */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc-.woff) format("woff"); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxM.woff) format("woff"); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc-.woff) format("woff"); } @font-face { font-family: 'imdadicon'; src: url("/resource/OSF_Theme_Imdad/fonts/imdadicon.ttf?ttk6tr") format("truetype"), url("/resource/OSF_Theme_Imdad/fonts/imdadicon.woff?ttk6tr") format("woff"), url("/resource/OSF_Theme_Imdad/fonts/imdadicon.svg?ttk6tr#imdadicon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'imdadicon'; src: url("/DefaultStore/resource/OSF_Theme_Imdad/fonts/imdadicon.ttf?ttk6tr") format("truetype"), url("/DefaultStore/resource/OSF_Theme_Imdad/fonts/imdadicon.woff?ttk6tr") format("woff"), url("/DefaultStore/resource/OSF_Theme_Imdad/fonts/imdadicon.svg?ttk6tr#imdadicon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } /************ Cairo font **************/ /* arabic */ @font-face { font-family: 'Cairo'; font-style: normal; font-weight: 300; font-display: swap; src: local("Cairo Light"), local("Cairo-Light"), url(https://fonts.gstatic.com/s/cairo/v9/SLXLc1nY6HkvalqKbI6O59ZMaA.woff2) format("woff2"); unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC; } /* latin-ext */ @font-face { font-family: 'Cairo'; font-style: normal; font-weight: 300; font-display: swap; src: local("Cairo Light"), local("Cairo-Light"), url(https://fonts.gstatic.com/s/cairo/v9/SLXLc1nY6HkvalqKbI6F59ZMaA.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Cairo'; font-style: normal; font-weight: 300; font-display: swap; src: local("Cairo Light"), local("Cairo-Light"), url(https://fonts.gstatic.com/s/cairo/v9/SLXLc1nY6HkvalqKbI6L59Y.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* arabic */ @font-face { font-family: 'Cairo'; font-style: normal; font-weight: 400; font-display: swap; src: local("Cairo Regular"), local("Cairo-Regular"), url(https://fonts.gstatic.com/s/cairo/v9/SLXGc1nY6HkvalIkTpu0xg.woff2) format("woff2"); unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC; } /* latin-ext */ @font-face { font-family: 'Cairo'; font-style: normal; font-weight: 400; font-display: swap; src: local("Cairo Regular"), local("Cairo-Regular"), url(https://fonts.gstatic.com/s/cairo/v9/SLXGc1nY6HkvalIvTpu0xg.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Cairo'; font-style: normal; font-weight: 400; font-display: swap; src: local("Cairo Regular"), local("Cairo-Regular"), url(https://fonts.gstatic.com/s/cairo/v9/SLXGc1nY6HkvalIhTps.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* arabic */ @font-face { font-family: 'Cairo'; font-style: normal; font-weight: 500; font-display: swap; src: local("Cairo SemiBold"), local("Cairo-SemiBold"), url(https://fonts.gstatic.com/s/cairo/v9/SLXLc1nY6Hkvalr-ao6O59ZMaA.woff2) format("woff2"); unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC; } /* latin-ext */ @font-face { font-family: 'Cairo'; font-style: normal; font-weight: 500; font-display: swap; src: local("Cairo SemiBold"), local("Cairo-SemiBold"), url(https://fonts.gstatic.com/s/cairo/v9/SLXLc1nY6Hkvalr-ao6F59ZMaA.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Cairo'; font-style: normal; font-weight: 500; font-display: swap; src: local("Cairo SemiBold"), local("Cairo-SemiBold"), url(https://fonts.gstatic.com/s/cairo/v9/SLXLc1nY6Hkvalr-ao6L59Y.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .checkcontainer { color: #3E4348; font-size: 0.875rem; display: block; position: relative; padding-left: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkcontainer input { position: absolute; opacity: 0; cursor: pointer; } .checkcontainer input:checked ~ .checkmark:after { display: block; } .checkcontainer .checkmark { position: absolute; top: 3px; left: 0; height: 16px; width: 16px; background-color: #FFFFFF; border: solid 1px #909090; } .checkcontainer .checkmark::after { content: ""; position: absolute; display: none; left: 4px; top: 0; width: 6px; height: 11px; border: solid #3E4348; border-width: 0 1.5px 1.5px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } html, body { font-size: 1rem; } @media only screen and (max-width: 767px) { html, body { width: 100%; height: 100%; overflow-x: hidden; margin: 0; padding: 0; } } h1 { font-size: 1.875rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.25rem; } h4 { font-size: 1rem; } select.form-control, input.form-control { border-width: 0 0 1px 0; border-radius: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; font-size: 0.75rem; color: #000000; border-bottom: solid 1px #BEC1C4; } @media only screen and (max-width: 767px) { select.form-control, input.form-control { font-size: 1rem; } } select.form-control:focus, input.form-control:focus { border-width: 0 0 1px 0; border-radius: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; color: #000000; border-bottom: solid 1px #000000; } select.form-control::-webkit-input-placeholder, input.form-control::-webkit-input-placeholder { color: #BEC1C4; } select.form-control::-moz-placeholder, input.form-control::-moz-placeholder { color: #BEC1C4; } select.form-control:-ms-input-placeholder, input.form-control:-ms-input-placeholder { color: #BEC1C4; } select.form-control::-ms-input-placeholder, input.form-control::-ms-input-placeholder { color: #BEC1C4; } select.form-control::placeholder, input.form-control::placeholder { color: #BEC1C4; } label { font-size: 0.875rem; color: #3E4348; } .has-error select.form-control, .has-error input.form-control { border-width: 0 0 1px 0; border-radius: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; font-size: 0.75rem; color: #000000; border-bottom: solid 1px #BEC1C4; color: #D40141; border-color: #D40141; } @media only screen and (max-width: 767px) { .has-error select.form-control, .has-error input.form-control { font-size: 1rem; } } .has-error select.form-control:focus, .has-error input.form-control:focus { border-width: 0 0 1px 0; border-radius: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; color: #000000; border-bottom: solid 1px #000000; } .has-error select.form-control::-webkit-input-placeholder, .has-error input.form-control::-webkit-input-placeholder { color: #BEC1C4; } .has-error select.form-control::-moz-placeholder, .has-error input.form-control::-moz-placeholder { color: #BEC1C4; } .has-error select.form-control:-ms-input-placeholder, .has-error input.form-control:-ms-input-placeholder { color: #BEC1C4; } .has-error select.form-control::-ms-input-placeholder, .has-error input.form-control::-ms-input-placeholder { color: #BEC1C4; } .has-error select.form-control::placeholder, .has-error input.form-control::placeholder { color: #BEC1C4; } .has-error select.form-control:focus, .has-error input.form-control:focus { border-color: #D40141; } .has-error label { color: #D40141; } .has-error .help-block { color: #D40141; font-size: 0.875rem; } button.btn-default, input.btn-default, label.btn-default { color: #000000; background-color: #fbbc2a; border-color: #fbbc2a; border-radius: 0; min-width: 7.5rem; padding: 0 2rem; } button.btn-default:active, input.btn-default:active, label.btn-default:active { background-color: #fbbc2a; border-color: #fbbc2a; } button.btn-default:hover, button.btn-default:focus, input.btn-default:hover, input.btn-default:focus, label.btn-default:hover, label.btn-default:focus { background-color: #fdd780; border-color: #fdd780; } button.btn-default.disabled, input.btn-default.disabled, label.btn-default.disabled { color: #EBEBEB; background-color: #BEC1C4; border-color: #BEC1C4; } button.btn-default.disabled:hover, input.btn-default.disabled:hover, label.btn-default.disabled:hover { background-color: #BEC1C4; border-color: #BEC1C4; } button.btn-primary, input.btn-primary { color: #fbbc2a; background-color: transparent; border-color: #fbbc2a; border-radius: 0; border-width: 2px; min-width: 7.5rem; padding: 0 2rem; } button.btn-primary:hover, button.btn-primary:focus, button.btn-primary:active, input.btn-primary:hover, input.btn-primary:focus, input.btn-primary:active { color: #fbbc2a; background-color: transparent; border-color: #fbbc2a; border-width: 2px; outline: solid #fbbc2a 1px; } button.btn-primary:active:focus, input.btn-primary:active:focus, button.btn-primary:active:hover, input.btn-primary:active:hover { background-color: transparent; color: #fbbc2a; border-color: #fbbc2a; outline: solid #fbbc2a 1px; } button.btn-primary.disabled, input.btn-primary.disabled { color: #BEC1C4; background-color: transparent; border-color: #BEC1C4; border-width: 2px; outline: none; } button.btn-primary.disabled:hover, input.btn-primary.disabled:hover { color: #BEC1C4; background-color: transparent; border-color: #BEC1C4; border-width: 2px; outline: none; } .btn-group.open .dropdown-toggle { background-color: #BEC1C4; -webkit-box-shadow: none; box-shadow: none; } .btn-group button.btn-default.dropdown-toggle { max-width: 12.3125rem; border: none; background-color: #EBEBEB; } .btn-group button.btn-default.dropdown-toggle:hover, .btn-group button.btn-default.dropdown-toggle:focus { background-color: #BEC1C4; } .btn-group .dropdown-menu { margin: 0; border-radius: 0; text-align: left; width: 100%; } .btn-group .dropdown-menu button.btn-default { background-color: #fff; border: none; padding: 0 1rem; height: 1.875rem; text-align: left; } .btn-group .dropdown-menu button.btn-default:hover { background-color: #EBEBEB; } button.btn-sm, input.btn-sm, label.btn-sm { font-size: 0.9375rem; height: 2.375rem; border-radius: 0; } button.btn-md { font-size: 1rem; height: 2.875rem; border-radius: 0; } button.btn-lg, input.btn-lg { font-size: 1.125rem; height: 3.5rem; border-radius: 0; } button.btn-ghost, button.btn-ghost:hover, button.btn-ghost:focus, button.btn-ghost:active, button.btn-ghost:active:focus, button.btn-ghost:active:hover, input.btn-ghost, input.btn-ghost:hover, input.btn-ghost:focus, input.btn-ghost:active, input.btn-ghost:active:focus, input.btn-ghost:active:hover { background-color: transparent; border-color: transparent; color: #fbbc2a; outline: none; } button.btn-dropdown { background-color: transparent; border-color: #EBEBEB; border-style: solid; border-width: 2px 2px 2px 2px; } button.btn-dropdown:hover, button.btn-dropdown:focus, button.btn-dropdown:active, button.btn-dropdown.active { background-color: #F1F3F4; } button.textbutton-blue, a.textbutton-blue, span.textbutton-blue { border: 0; padding: 0; background-color: transparent; color: #2054FF; font-size: 0.875rem; line-height: 1.14; font-weight: 400; text-decoration: none; outline: none; } button.textbutton-blue:hover, button.textbutton-blue:hover span, button.textbutton-blue:hover a, a.textbutton-blue:hover, a.textbutton-blue:hover span, a.textbutton-blue:hover a, span.textbutton-blue:hover, span.textbutton-blue:hover span, span.textbutton-blue:hover a { text-shadow: 1px 0px 0px #2054FF; } button.textbutton-blue:hover, button.textbutton-blue:focus, a.textbutton-blue:hover, a.textbutton-blue:focus, span.textbutton-blue:hover, span.textbutton-blue:focus { color: #2054FF; } button.textbutton-blue.disabled, a.textbutton-blue.disabled, span.textbutton-blue.disabled, button.textbutton-blue[disabled], a.textbutton-blue[disabled], span.textbutton-blue[disabled] { color: #B5B5B5; } button.textbutton-blue.disabled:hover, a.textbutton-blue.disabled:hover, span.textbutton-blue.disabled:hover, button.textbutton-blue[disabled]:hover, a.textbutton-blue[disabled]:hover, span.textbutton-blue[disabled]:hover { font-weight: 400; } .breadcrumb li, .breadcrumb a { font-size: 12px; line-height: 1.17; color: #BEC1C4; font-size: 0.75rem !important; } .breadcrumb li:hover, .breadcrumb a:hover { color: #fbbc2a; text-decoration: none; cursor: pointer; } .breadcrumb li:visited, .breadcrumb li:focus, .breadcrumb li:link, .breadcrumb a:visited, .breadcrumb a:focus, .breadcrumb a:link { text-decoration: none; outline: none; } .ccrz_loading_gif { height: 56px; } /* Page layout */ @media only screen and (min-width: 1200px) { .container { width: 1300px; } .cc_main_content_col > .cartContainer, .cc_main_content_col > .featured-prod, .cc_main_content_col > .orderContainer, .cc_main_content_col > .checkoutContent { margin-left: -15px; margin-right: -15px; } .checkout-nav-steps { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) { .cc_left_col, .cc_right_col { padding-left: 0; padding-right: 0; } } #overlay.modal-backdrop.fade.in { background-image: url("../images/loading.gif"); background-position: center; background-repeat: no-repeat; background-size: auto; opacity: 0.75; -webkit-transform: scale(0.55); transform: scale(0.55); margin: -1000px; z-index: 3000; } /* Font family */ .deskLayout { font-family: 'Roboto', sans-serif; } .deskLayout[dir=rtl] { font-family: 'Cairo', sans-serif; } .padLeft10 { padding-left: 10px; } @media only screen and (max-width: 991px) and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { .table-responsive .table { max-width: none; -webkit-overflow-scrolling: touch !important; } } .collapsing { pointer-events: none; } @supports (-webkit-touch-callout: none) { /* CSS specific to iOS devices */ input[type=text], input[type=textarea], select { font-size: 16px !important; } .form-group-sm .form-control ::-webkit-input-placeholder { /* Edge, Safari */ font-size: 12px; } .form-group-sm .form-control :-ms-input-placeholder { /* Internet Explorer */ font-size: 12px; } .form-group-sm .form-control ::-moz-placeholder { font-size: 12px; } .form-group-sm .form-control ::-ms-input-placeholder { font-size: 12px; } .form-group-sm .form-control ::placeholder { font-size: 12px; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slick slider OSF customized */ .osf-slider-wrap .osf-slider-prev, .osf-slider-wrap .osf-slider-next { background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: none; background-color: transparent; z-index: 10; outline: none; } @media only screen and (max-width: 767px) { .osf-slider-wrap .osf-slider-prev, .osf-slider-wrap .osf-slider-next { height: 35px; width: 35px; } } .osf-slider-wrap .osf-slider-prev { background-image: url(../images/splash_arrow_left.svg); left: 22px; } @media only screen and (max-width: 767px) { .osf-slider-wrap .osf-slider-prev { left: 10px; } } .osf-slider-wrap .osf-slider-next { background-image: url(../images/splash_arrow_right.svg); right: 22px; } @media only screen and (max-width: 767px) { .osf-slider-wrap .osf-slider-next { right: 10px; } } .osf-slider-wrap .osf-slider-item { outline: none; } .osf-slider-wrap .osf-slider-item .item-helper { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #F1F3F4; } .page-layout--arabic .osf-slider-prev { background-image: url(../images/splash_arrow_right.svg) !important; left: unset !important; right: 22px !important; } @media only screen and (max-width: 767px) { .page-layout--arabic .osf-slider-prev { right: 10px !important; } } .page-layout--arabic .osf-slider-next { background-image: url(../images/splash_arrow_left.svg) !important; left: 22px !important; right: unset !important; } @media only screen and (max-width: 767px) { .page-layout--arabic .osf-slider-next { left: 10px !important; } } .uiPage .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .uiPage .d-flex div { margin-right: 2rem; } .uiPage .section-colors [class*='color-'] { padding: 2.4rem 1rem; margin: 0.4rem; display: inline-block; border-radius: 15%; color: #ffffff; } .uiPage .section-colors .color-01 { background-color: #fbbc2a; } .uiPage .section-colors .color-02 { background-color: #3E4348; } .uiPage .section-colors .color-03 { background-color: #000000; } .uiPage .section-colors .color-04 { background-color: #909090; } .uiPage .section-colors .color-05 { background-color: #BEC1C4; } .uiPage .section-colors .color-06 { background-color: #EBEBEB; } .uiPage .section-colors .color-07 { background-color: #007AC5; } .uiPage .section-colors .color-08 { background-color: #2054FF; } .uiPage .section-colors .color-09 { background-color: #D40141; } .uiPage .section-colors .color-10 { background-color: #6AC259; } .uiPage .section-fonts { color: #000000; } .uiPage .section-buttons [class*='size-'] { margin: 1rem 0; } .uiPage .section-buttons [class*='size-'] h4 { margin: 0; } .uiPage .section-buttons table tr { border-bottom: none; } .uiPage .section-buttons table th, .uiPage .section-buttons table td { padding: 0.75rem 1rem; } .uiPage .section-buttons table .no-left-pd { padding-left: 0; } .uiPage .section-inputs .form-group, .uiPage .section-selectbox .form-group { display: inline-block; margin-right: 2rem; min-width: 250px; } .uiPage .section-exampleform form .form-group { min-width: 250px; display: inline-block; } .uiPage .section-dropdown .btn-group { max-width: 12.3125rem; } .uiPage h1, .uiPage h2, .uiPage h3, .uiPage h4, .uiPage h5, .uiPage p { padding: 0; margin: 3rem 0; color: #000000; } .uiPage .p1size { font-size: 1rem; } .uiPage .p2size { font-size: 0.875rem; } .uiPage .l1size { font-size: 0.875rem; } .uiPage .i1size { font-size: 0.75rem; } .icon-container .icon-item { margin: 0.5rem 0; } .icon-container .icon-item-name { margin-right: 1rem; } .wishButtons .btn-group.open .icon-ic_arrow_down_small { font-weight: 600; } .wishButtons .btn-group button.btn-default { background-color: transparent; border: none; color: #2054FF; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin: 0; min-width: unset; font-size: 0.875rem; line-height: 1.14; } .wishButtons .btn-group button.btn-default:hover { text-decoration: underline; } .wishButtons .btn-group button.btn-default.dropdown-toggle { color: #2054FF; background-color: transparent; text-decoration: none; } .wishButtons .btn-group button.btn-default.dropdown-toggle:hover, .wishButtons .btn-group button.btn-default.dropdown-toggle:focus { color: #2054FF; font-weight: 700; background-color: transparent; } .wishButtons .btn-group button.btn-default.disabled { color: #B5B5B5; } .wishButtons .dropdown-menu { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .wishButtons .dropdown-menu li:last-child a { color: #2054FF; } .wishButtons .icon-ic_arrow_down_small { padding: 0rem 0.5rem; } .wishButtons:hover .icon-ic_arrow_down_small { font-weight: 600; } .wishButtons .pickWish { padding: 0 1rem; min-width: auto; text-overflow: ellipsis; overflow: hidden; } /**** WIDGETS ****/ .widgets-container { /* Icons */ } .widgets-container .minicart, .widgets-container .wishlist-container, .widgets-container .reorderContainer { background-color: #FFFFFF; display: block; margin-bottom: 30px; } .widgets-container .promotion-box-RightNav .cc_body { padding-top: 0; } .widgets-container .promotion-box-RightNav .wishlist-container { margin-top: 30px; padding: 0; } .widgets-container .promotion-box-RightNav .side-banner { position: relative; } .widgets-container .promotion-box-RightNav .side-banner .cc_promo_link { display: block; } .widgets-container .panel.widget-panel, .widgets-container .panel.cc_re_order { font-size: 1rem; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; border: solid 2px #EBEBEB; background-color: #FFFFFF; padding: 1.25rem; margin: 0px; } .widgets-container .panel.widget-panel .panel-heading, .widgets-container .panel.cc_re_order .panel-heading { padding: 5px 30px 0 0; position: relative; text-transform: uppercase; } .widgets-container .panel.widget-panel .panel-heading .glyphicon, .widgets-container .panel.cc_re_order .panel-heading .glyphicon { font-size: 1.25rem; } .widgets-container .panel.widget-panel .panel-heading .glyphicon-heart-empty, .widgets-container .panel.cc_re_order .panel-heading .glyphicon-heart-empty { top: 4px; } .widgets-container .panel.widget-panel .down-arrow, .widgets-container .panel.cc_re_order .down-arrow { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; width: 40px; } .widgets-container .panel.widget-panel .panel-title, .widgets-container .panel.cc_re_order .panel-title { display: inline-block; color: #3E4348; margin-left: 10px; font-weight: 500; line-height: 1.19; padding-top: 2px; vertical-align: middle; } .widgets-container .panel.cc_re_order { padding: 20px 10px; } .widgets-container .panel.cc_re_order .panel-heading { padding: 5px 30px 0 10px; } .widgets-container .panel.cc_re_order .cc_reorder_details_row { margin: 0px -5px; } .widgets-container .itemNr { padding: 0 5px; top: -1px; left: 14px; height: 16px; min-width: 16px; line-height: 16px; border-radius: 10px; text-align: center; font-size: 12px; font-weight: 500; } .widgets-container .cc_prod_link, .widgets-container .cc_prod_link:link, .widgets-container .cc_product_name_link, .widgets-container .cc_product_name_link:link { font-weight: normal; line-height: 1.5; color: #3E4348; text-decoration: none; font-size: inherit; text-align: left; cursor: pointer; } .widgets-container .cc_prod_link:hover, .widgets-container .cc_product_name_link:hover { color: #fbbc2a; } .widgets-container .summary { border-top: none; } .widgets-container .cc_cart_item_count, .widgets-container .cc_subtotal { color: #3E4348; font-size: 1.25rem; } .widgets-container span.cc_subtotal { margin-bottom: 15px; } .widgets-container .cc_item_heading, .widgets-container .cc_row_total, .widgets-container .sku, .widgets-container .updateCartButton { display: none; } .widgets-container .loggedInAction { text-transform: capitalize; padding: 0; text-align: right; margin-top: 5px; height: auto; } @media only screen and (max-width: 767px) { .widgets-container .loggedInAction { width: auto; } } .widgets-container .no_items { line-height: 1.5; text-align: center; color: #909090; } .widgets-container .gp_btn_reorder { width: 100%; color: #3E4348; } .widgets-container .cc_items { margin-bottom: 1rem; } .widgets-container .cc_items .cc_prod_name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .widgets-container .cc_items .cc_quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .widgets-container .cc_items .form-control { font-weight: normal; font-size: 16px; line-height: 1.5; color: #3E4348; border-color: #EBEBEB; width: 40px; } .widgets-container .minicart .cc_form_group .btn-default { height: auto; } .widgets-container .minicart .cc_row_sum > .osftaxincludedprice { text-align: right; } .widgets-container .minicart .cc_row_sum > .osftaxincludedprice + .form-group { margin: 15px 0 0; } .widgets-container .minicart .cc_row_sum .osftaxincludedprice { color: #3E4348; font-size: 1.25rem; } .widgets-container .minicart-qty { text-align: right; color: #3E4348; } .widgets-container .wishlist-container { /* Responsive styles */ } .widgets-container .wishlist-container .btn.cc_dropdown-toggle { display: block; width: 100%; background-color: transparent; border: 2px solid #EBEBEB; } .widgets-container .wishlist-container .btn.cc_dropdown-toggle:hover { border-color: #BEC1C4; } .widgets-container .wishlist-container .btn.cc_dropdown-toggle .cc_sel_wish { display: inline-block; max-width: 75%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; margin: 0 5px 0 0; } .widgets-container .wishlist-container .quickwishdesk.cc_quickwishdesk { margin-top: 15px; } .widgets-container .wishlist-container .cc_wish_item { padding: 25px 0; border-top: 2px solid #EBEBEB; } .widgets-container .wishlist-container .cc_wish_item:first-child { border-top: none; } .widgets-container .wishlist-container .cc_wish_row { border: none; margin: 0; padding-bottom: 0; } .widgets-container .wishlist-container a#additionalInfoLink { margin-top: 15px; display: inline-block; } .widgets-container .wishlist-container a#additionalInfoLink:hover { text-decoration: none; } .widgets-container .wishlist-container .cc_wish_img { width: 80px; height: 80px; margin-right: 16px; float: left; } .widgets-container .wishlist-container .cc_wish_img a { display: block; } .widgets-container .wishlist-container .cc_qty_control_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .widgets-container .wishlist-container .cc_qty_control_row .form-group { width: 100%; } .widgets-container .wishlist-container .cc_qty_control_row .cc_entry { text-align: right; border-color: #BEC1C4; color: #3E4348; } .widgets-container .wishlist-container .cc_cart_inc_price { font-size: 20px; line-height: 1.2; color: #3E4348; } .widgets-container .wishlist-container .cc_prt_row_tmplentry { margin-top: 7px; font-size: 14px; } .widgets-container .wishlist-container .cc_addto_cart .cc_add_item { color: #3E4348; display: block; width: 100%; line-height: 1.2; } .widgets-container .wishlist-container .cc_addto_cart { margin: 0; } .widgets-container .wishlist-container .panel-default > .panel-heading + .panel-collapse > .panel-body { padding-bottom: 0; } @media only screen and (max-width: 767px) { .widgets-container .wishlist-container .cc_sel_wish { display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 170px; vertical-align: middle; } .widgets-container .wishlist-container .dropdown-menu { max-width: 85vw; overflow: hidden; } } .widgets-container .wishlist-container .dropdown-menu { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .widgets-container .wishlist-container .cc_pick_quick_wish { text-overflow: ellipsis; overflow: hidden; } .widgets-container .reorderContainer { margin-bottom: 0; /* Modal window */ } .widgets-container .reorderContainer .cc_reorder_body { padding-top: 5px; } .widgets-container .reorderContainer .cc_reorder_item { border-top: 2px solid #EBEBEB; border-bottom: none; } .widgets-container .reorderContainer .cc_reorder_item:first-child { border-top: none; } .widgets-container .reorderContainer .cc_reorder_details_col { line-height: 1.5; font-weight: normal; } .widgets-container .reorderContainer .cc_reorder_details_col .cc_reorder_row { margin-bottom: 30px; } .widgets-container .reorderContainer .cc_reorder_details_col .cc_reorder_col { color: #909090; } .widgets-container .reorderContainer .cc_reorder_details_col .cc_prod_qty { text-align: right; color: #3E4348; padding: 0px 10px; } .widgets-container .reorderContainer .cc_reorder_details_col .cc_prod_qty a { line-height: 1.4; font-size: 1rem; } .widgets-container .reorderContainer .cc_reorder_details_col .cc_prod_qty a:hover { text-decoration: none; } .widgets-container .reorderContainer .cc_reorder_details_col .cc_order_total_label { width: 45%; } .widgets-container .reorderContainer .cc_reorder_details_col .cc_order_total_value { width: 55%; } .widgets-container .reorderContainer .cc_reorder_details_col .gp_btn_reorder { color: #3E4348; line-height: 1.2; } .widgets-container .reorderContainer .cc_show_all_items { margin-bottom: 15px; } .widgets-container .reorderContainer .gp_ordered_items_link { padding-right: 0; } .widgets-container .reorderContainer .gp_ordered_items_link:hover { text-decoration: none; } .widgets-container .reorderContainer hr { display: none; } .widgets-container .reorderContainer .cc_footer { text-align: right; } .widgets-container .reorderContainer .cc_footer .cc_reorder_gotohistory { display: inline-block; margin: 0; padding: 6px 0; } .widgets-container .reorderContainer .cc_footer .cc_reorder_gotohistory:hover { text-decoration: none; } .widgets-container .reorderContainer .cc_reorder_included_items_modal .modal-header .cc_reorder_row { margin-bottom: 10px; } .widgets-container .reorderContainer .cc_reorder_included_items_modal .modal-header .cc_reorder_details_col .cc_reorder_col { padding-right: 0; width: 100%; } .widgets-container .reorderContainer .cc_reorder_included_items_modal .modal-header .cc_reorder_orderdate_label p { margin: 0; display: inline-block; } .widgets-container .reorderContainer .cc_reorder_included_items_modal .modal-body { text-align: left; } .widgets-container .reorderContainer .cc_reorder_included_items_modal .modal-footer { padding: 25px 0 0; border-top: none; } .widgets-container .reorderContainer .cc_reorder_included_items_modal .modal-footer .gp_btn_reorder { width: auto; } .widgets-container .reorderContainer .arabic-layout .cc_show_all_items { text-align: left; } .widgets-container .reorderContainer .arabic-layout .cc_footer { text-align: left; } .widgets-container .reorderContainer .arabic-layout .icon-ic_arrow_more { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .widgets-container .reorderContainer .arabic-layout .cc_reorder_included_items_modal { text-align: right; } .widgets-container .reorderContainer .arabic-layout .cc_reorder_included_items_modal .modal-header { text-align: right; } .widgets-container .reorderContainer .arabic-layout .cc_reorder_included_items_modal .modal-header h3 { text-align: right; } .widgets-container .reorderContainer .arabic-layout .cc_reorder_included_items_modal .modal-header .cc_reorder_row { margin-right: -7px; } .widgets-container .reorderContainer .arabic-layout .cc_reorder_included_items_modal .modal-body { text-align: right; } .widgets-container .reorderContainer .arabic-layout .cc_reorder_included_items_modal .modal-body .cc_reorder_prod_desc { float: right; } .widgets-container .icon { font-size: 20px; } .widgets-container .icon.icon-ic_arrow_more { display: inline-block; font-size: 26px; padding-left: 8px; line-height: 14px; vertical-align: middle; } .widgets-container .cc_mini_cart .panel-heading .icon-item-self { position: relative; display: inline-block; padding-right: 15px; } .widgets-container .cc_mini_cart .panel-heading .icon-item-self_ar { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .widgets-container .cc_mini_cart .panel-heading .icon-item-self_ar .itemNr { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .widgets-container .cc_mini_cart .panel-heading .icon-item-self .itemNr { top: -7px; left: 13px; } @media only screen and (max-width: 991px) { .promotion-box-RightNav, .promotion-box-LeftNav { display: none; } .promotion-box-RightNav.promotion-box--visible, .promotion-box-LeftNav.promotion-box--visible { display: block; padding: 0 20px; } } @media only screen and (max-width: 767px) { .promotion-box-RightNav.promotion-box--visible, .promotion-box-LeftNav.promotion-box--visible { padding: 0 15px; } .promotion-box-RightNav .cc_promo, .promotion-box-LeftNav .cc_promo { margin-bottom: 0; padding-bottom: 0; } } .cc_main_container--ar .widgets-container .panel.widget-panel .panel-heading, .cc_main_container--ar .widgets-container .panel.cc_re_order .panel-heading { padding: 5px 0 0 30px; } .cc_main_container--ar .widgets-container .panel.widget-panel .down-arrow, .cc_main_container--ar .widgets-container .panel.cc_re_order .down-arrow { left: 0; right: auto !important; } .cc_main_container--ar .widgets-container .panel.widget-panel .panel-title, .cc_main_container--ar .widgets-container .panel.cc_re_order .panel-title { margin-left: 0; margin-right: 10px; } .cc_main_container--ar .widgets-container .panel.cc_re_order .panel-heading { padding: 5px 10px 0 30px; } .cc_main_container--ar .widgets-container .minicart .cc_row_sum .osftaxincludedprice { text-align: left; } .cc_main_container--ar .widgets-container .minicart-qty { text-align: left; direction: ltr; } .cc_main_container--ar .widgets-container .cc_pick_quick_wish { text-align: right; } .cc_main_container--ar .widgets-container .wishlist-container .cc_wish_row { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc_main_container--ar .widgets-container .wishlist-container .cc_wish_row.cc_wish_row__price { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .cc_main_container--ar .widgets-container .wishlist-container .cc_wish_row .cc_wish_prod_quantity { width: 205px; } .cc_main_container--ar .widgets-container .wishlist-container .cc_qty_control_row .cc_entry { text-align: left; direction: ltr; } .cc_main_container--ar .widgets-container .wishlist-container .cc_dropdown-toggle .cc_sel_wish { margin: 0 0 0 5px; } .cc_main_container--ar .widgets-container .reorderContainer .cc_reorder_included_items_modal .cc_reorder_prod_row .cc_reorder_prod_img { float: right; } .cc_main_container--ar .widgets-container .reorderContainer .cc_reorder_included_items_modal .modal-footer { text-align: left; } .cc_main_container--ar .widgets-container .reorderContainer .cc_reorder_included_items_modal .modal-footer button { margin-left: 0; margin-right: 40px; } .cc_main_container--ar .widgets-container .reorderContainer .arabic-layout .cc_show_all_items { text-align: right; } .cc_main_container--ar .widgets-container .reorderContainer .cc_reorder_details_col .cc_prod_qty { text-align: left; } .cc_main_container--ar .widgets-container .cc_wish_img { margin-right: 0; float: left; margin-left: 16px; overflow: hidden; } .cc_main_container--ar .widgets-container .cc_dropdown .btn .caret { margin-left: 0; margin-right: 10px; } .wishlist-container .pickQuickWish { cursor: pointer; } .icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'imdadicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-ic_account:before { content: "\e900"; } .icon-ic_arrow_down_menue:before { content: "\e901"; } .icon-ic_arrow_down_small:before { content: "\e902"; } .icon-ic_arrow_down:before { content: "\e903"; } .icon-ic_arrow_more:before { content: "\e904"; } .icon-ic_cal:before { content: "\e905"; } .icon-ic_cart:before { content: "\e906"; } .icon-ic_checkbox:before { content: "\e907"; } .icon-ic_checkout:before { content: "\e908"; } .icon-ic_cross:before { content: "\e909"; } .icon-ic_email_blue:before { content: "\e90a"; } .icon-ic_key:before { content: "\e90b"; } .icon-ic_login:before { content: "\e90e"; } .icon-ic_logout:before { content: "\e90f"; } .icon-ic_minus:before { content: "\e910"; } .icon-ic_plus:before { content: "\e911"; } .icon-ic_quote_blue:before { content: "\e912"; } .icon-ic_recent_orders:before { content: "\e913"; } .icon-ic_search:before { content: "\e914"; } .icon-ic_trash:before { content: "\e915"; } .icon-ic_update:before { content: "\e916"; } .icon-ic_wishlist:before { content: "\e917"; } .icon-social_fb:before { content: "\e918"; } .icon-social_insta:before { content: "\e919"; } .icon-social_twitter:before { content: "\e91a"; } .icon-social_youtube:before { content: "\e91b"; } header { background-color: #FFFFFF; } @media only screen and (max-width: 991px) { header { display: none; } } @media only screen and (min-width: 992px) { header .header { margin-left: calc(100vw - 100%); height: auto; } } @media only screen and (min-width: 1200px) { header #logoUrl { width: 1300px; } } header #cc_store_logo_img { background-image: none; -webkit-transform: none; transform: none; } @media only screen and (min-width: 1200px) { header #cc_store_logo_img { margin-left: 0; margin-top: 35px; width: auto; left: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { header #cc_store_logo_img { margin-left: 0; margin-top: 53px; height: auto; } } header #cc_store_logo_img img { max-width: 100%; } header .container:before, header .navbar:before, header .row:before { display: none; } header .container:after, header .navbar:after, header .row:after { clear: none; display: none; } header .navbar-default { background-color: #FFFFFF; z-index: 90; } @media only screen and (min-width: 992px) { header .navbar-default { margin-left: calc(100vw - 100%); border-bottom: 1px solid #EBEBEB; } } @media only screen and (min-width: 1200px) { header .navbar-default .cc_container { width: 1330px; } } header .cc_navbar_col_acct .navbar-header { display: -webkit-box; display: -ms-flexbox; display: flex; } header .cc_navbar_col_acct.pull-left { padding-left: 0; } header .cc_navbar-nav > .cc_dropdown { white-space: nowrap; } header .cc_col_search { position: relative; z-index: 200; margin-top: -20px; } header .cc_col_search .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; } header .cc_col_search .nav svg:hover path { fill: #fbbc2a !important; } header .cc_col_search .nav .top-bar-link { padding-top: 0px; padding-bottom: 0px; font-size: 0.875rem; } header .cc_col_search .cc_loginoutsec .top-bar-link, header .cc_col_search .cc_my_account .top-bar-link { padding-top: 0px; } header .cc_col_search .cc_my_chead .top-bar-link { padding-top: 2px; } header .cc_col_search .cc_my_chead #cartHeader { position: relative; } header .cc_col_search .cc_my_chead #cartHeader .itemNr { top: -3px; left: 32px; } @media only screen and (min-width: 992px) { header .cc_col_search .cc_my_chead_ar { padding-left: 10px; } } header .cc_col_search .cc_search { width: 57px; padding: 0px 3px 0px 10px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } header .cc_col_search .cc_search .input_search { padding-left: 20px; height: 30px; border-left: 2px solid #3E4348; } header .cc_col_search .cc_search .search_form .popover { left: 0px !important; } header .cc_col_search .cc_search .search_form_ar .popover.bottom > .arrow:after { margin-left: 0px; margin-right: -10px; } header .cc_col_search .cc_search .input-group { width: 100%; position: relative; margin-bottom: 15px; } header .cc_col_search .cc_search .input-group.pull-left { width: 97%; } @media only screen and (max-width: 1199px) { header .cc_col_search .cc_search .input-group { width: 80%; } } header .cc_col_search .cc_search #searchText { border-bottom-left-radius: 0px; border-top-left-radius: 0px; width: 0%; font-size: 0.875rem; border: none; display: none; width: calc(100% - 27px); } header .cc_col_search .cc_search #searchText::-ms-clear { display: none; } header .cc_col_search .cc_search .input-group-btn { position: absolute; z-index: 10; right: 0px; } header .cc_col_search .cc_search .input-group-btn .search_button { height: auto; font-size: 20px; } header .cc_col_search .cc_search .input-group-btn-left { left: 0px; right: unset; } header .cc_col_search .show_search { width: 100% !important; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } header .cc_col_search .show_search #searchText { width: 90%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } header .cc_col_search .search_group_display_border .input-group { border-bottom: 2px solid #676767 !important; } header .cc_col_search.pull-left { padding-left: 0; } header .cc_navbar_col_acct, header .cc_navbar_col_misc { padding: 15px; } header .cc_navbar_col_acct .top-bar-link, header .cc_navbar_col_acct .top-bar-link:link, header .cc_navbar_col_acct .changeLocale, header .cc_navbar_col_acct .changeLocale:link, header .cc_navbar_col_misc .top-bar-link, header .cc_navbar_col_misc .top-bar-link:link, header .cc_navbar_col_misc .changeLocale, header .cc_navbar_col_misc .changeLocale:link { font-size: 0.75rem; line-height: normal; } header .cc_navbar_col_misc.margin-right145 { left: 0px; } header .cc_navbar_col_misc.margin-right145 ul.cc_navbar_nav { margin: 0px 62px; } header .cc_navbar_col_misc.margin-right145 ul.cc_navbar_nav.pull-right { padding-right: 15px; } header .cc_navbar_col_misc ul.cc_navbar_nav { margin-left: 47px; } header .top-bar-link, header .top-bar-link:link, header .top-bar-link:focus, header .top-bar-link:hover, header .changeLocale, header .changeLocale:link, header .changeLocale:focus, header .changeLocale:hover { text-decoration: none; color: #3E4348; font-size: 0.75rem; background-color: #FFFFFF !important; cursor: pointer; } header .top-bar-link:hover, header .changeLocale:hover { color: #fbbc2a; } header .menu_container { position: relative; top: -20px; margin-bottom: -20px; background-color: #FFFFFF; } header .menu_container .cc_navbar_collapse .dropdown a { color: #3E4348 !important; font-size: 1rem; text-transform: uppercase; padding: 0px 25px; } header .menu_container .cc_navbar_collapse .dropdown a:hover { color: #fbbc2a !important; } @media only screen and (min-width: 992px) { header .menu_container .cc_navbar_collapse .cc_navbar-nav { margin-top: 0px; margin-left: 190px; } } @media only screen and (min-width: 992px) { header.page-header--ar #cc_store_logo_img { right: 0; margin-right: 0; left: auto; } } header.page-header--ar .second_level_image { -webkit-transform: rotate(180deg); transform: rotate(180deg); } header.page-header--ar .second_level_image.menu-category-image { -webkit-transform: rotate(0); transform: rotate(0); } .itemNr { font-family: 'Roboto', sans-serif; color: #FFFFFF; background-color: #fbbc2a; position: absolute; padding: 0 5px; height: 16px; min-width: 16px; line-height: 16px; border-radius: 10px; text-align: center; font-size: 0.75rem; } .glyphicon-log-in { font-size: 22px; } /*** Mobile header ***/ .mobile_navbar { border: none; border-bottom: 1px solid #EBEBEB; position: unset; margin-bottom: 0px; } .mobile_navbar .mobile-menu { position: unset; } .mobile_navbar .container { width: 100%; } .mobile_navbar .container .cc_navbar_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile_navbar .container .menu_container { position: unset; border-bottom: none; width: auto; top: 0; margin-bottom: 0; } .mobile_navbar .container .cc-search { position: relative; z-index: unset; clear: none; margin-top: 0px; top: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0px; } .mobile_navbar .container .pull-left.cc-search ul.cc_nav { padding: 0px; } .mobile_navbar ul.nav { margin-top: 0px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile_navbar ul.nav > li { padding: 0px; } .mobile_navbar ul.nav > li a { display: inline-block; } .mobile_navbar ul.nav .cc_search { margin: 0px 12px; width: 25px; padding-top: 3px; } .mobile_navbar ul.nav .cc_my_account { text-align: left; } .mobile_navbar ul.nav .cc_my_chead { text-align: center; } .mobile_navbar ul.nav .cc_loginoutsec { text-align: right; } .mobile_navbar ul.nav::before, .mobile_navbar ul.nav::after { display: none; content: none; } .mobile_navbar .cc_navbar_col_misc .list-inline, .mobile_navbar .mobile_top_bar_links { border-top: 1px solid #EBEBEB; width: 100%; padding: 15px 30px !important; } .mobile_navbar .cc_navbar_col_misc .list-inline li .top-bar-link, .mobile_navbar .cc_navbar_col_misc .list-inline li .changeLocale, .mobile_navbar .mobile_top_bar_links li .top-bar-link, .mobile_navbar .mobile_top_bar_links li .changeLocale { color: #909090 !important; } .mobile_navbar .cc_navbar_col_misc { padding: 0px; } .mobile_navbar .navbar-default .navbar-toggle, .mobile_navbar .navbar-default .navbar-toggle:active, .mobile_navbar .navbar-default .navbar-toggle:focus, .mobile_navbar .navbar-default .navbar-toggle:hover { width: 30px; display: block; padding-top: 8px; margin: 6px 16px; position: absolute; z-index: 850; background-color: #FFFFFF; } .mobile_navbar .navbar-default .navbar-toggle .icon-bar, .mobile_navbar .navbar-default .navbar-toggle:active .icon-bar, .mobile_navbar .navbar-default .navbar-toggle:focus .icon-bar, .mobile_navbar .navbar-default .navbar-toggle:hover .icon-bar { background-color: #3E4348; } .mobile_navbar .navbar-toggle-ar { right: 0px; margin-left: 0px; margin-right: 26px; } .mobile_navbar .icon-burger-menu.icon-ic_cross::before { font-size: 17px; color: #3E4348; margin-top: -2px; display: block; } .mobile_navbar .icon-burger-menu.icon-ic_cross span { display: none; } .mobile_navbar .navbar-nav > li { float: none; } .mobile_navbar .navbar-nav > li .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; } .mobile_navbar .cc_navbar_collapse { display: none; } .mobile_navbar .cc_navbar_collapse .dropdown-submenu a::after { content: none; } .mobile_navbar #logoUrl { width: 0px; position: unset; top: unset; z-index: unset; margin: 5px 15px 0px; padding: 0; } @media only screen and (max-width: 767px) { .mobile_navbar #logoUrl { margin: 5px 0 0px; } } .mobile_navbar #logoUrl + ul.nav { width: 100%; } .mobile_navbar #logoUrl + ul.nav .mobile-search { margin-right: 0px; padding: 1px 0px 0px; border: none !important; } .mobile_navbar #logoUrl + ul.nav .border-left.mobile-search { margin: 0px 0px 0px 17px; } .mobile_navbar #logoUrl + ul.nav .input-group { width: 100%; height: 32px; border-bottom: 2px solid transparent; margin-bottom: 0px; } .mobile_navbar #logoUrl + ul.nav .input-group #searchText { top: -4px; background-color: transparent; } .mobile_navbar #logoUrl + ul.nav .input-group .input-group-btn { width: 25px; } .mobile_navbar #cc_store_logo_img { margin: 0px; -webkit-transform: none; transform: none; height: 25px; width: 115px; z-index: 800; background-position: center; background-image: none; line-height: 1.2; } .mobile_navbar #cc_store_logo_img img { max-width: 100%; } .mobile_navbar .cc_cart_header { padding: 0px; width: auto; } .mobile_navbar .cc_cart_header .cc_my_chead { padding: 0px 15px 0px 0px; } .mobile_navbar .cc_cart_header .cc_my_chead_ar { padding: 0px 0px 0px 15px; } .mobile_navbar .cc_cart_header .cartHeaderLink { padding: 2px 15px 0px 0px; } @media only screen and (max-width: 767px) { .mobile_navbar .cc_cart_header .cartHeaderLink { padding-right: 10px; } } .mobile_navbar .cc_cart_header .cartHeaderLink .itemNr { top: -5px; left: 17px; } .mobile_navbar .cc_cart_header .cartHeaderLink_ar { padding: 2px 0px 0px 15px; } .mobile_navbar .navbar-collapse.collapse { display: none !important; } .mobile_navbar .navbar-collapse.collapse.in { display: block !important; height: calc(100vh - 55px) !important; overflow: scroll !important; } .mobile_navbar .navbar-collapse.collapse.in .navbar-nav { margin: 0px !important; } .mobile_navbar .navbar-collapse.collapse.in .navbar-nav .cc_user_links { padding: 0px 30px; } .mobile_navbar .navbar-collapse.collapse.in .navbar-nav .cc_user_links .cc_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mobile_navbar .navbar-collapse.collapse.in .navbar-nav .cc_user_links .cc_nav .loginoutsec .top-bar-link, .mobile_navbar .navbar-collapse.collapse.in .navbar-nav .cc_user_links .cc_nav .cc_my_chead .top-bar-link { padding: 5px 0px 0px !important; } .mobile_navbar .navbar-collapse.collapse.in .navbar-nav .cc_user_links .cc_nav .top-bar-link { line-height: 1.42857143 !important; } .mobile_navbar .navbar-collapse.collapse.in .navbar-nav .cc_user_links .cc_nav .top-bar-link:hover { color: #fbbc2a; } .mobile_navbar .navbar-collapse.collapse.in .navbar-nav .cc_user_links .cc_nav .cc_my_chead .itemNr { top: -2px; left: 15px; } .mobile_navbar .navbar-collapse.collapse.in .navbar-nav .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .mobile_navbar .navbar-collapse.collapse.in .first_level_menu-ar { text-align: right; } .mobile_navbar .navbar-collapse.collapse.in .first_level_menu-ar .dropdown-menu { text-align: right; } .mobile_navbar .cc_navbar_col_misc, .mobile_navbar .mobile_top_bar_links { width: 100%; } .mobile_navbar .cc_navbar_col_misc .navbar-header, .mobile_navbar .mobile_top_bar_links .navbar-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mobile_navbar .cc_navbar_col_misc .list-inline, .mobile_navbar .mobile_top_bar_links .list-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 0px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0px; } .mobile_navbar .cc_navbar_col_misc .list-inline li, .mobile_navbar .mobile_top_bar_links .list-inline li { padding-left: 0px; padding-right: 0px; } .mobile_navbar .cc_navbar_col_misc .list-inline .top-bar-link, .mobile_navbar .cc_navbar_col_misc .list-inline .top-bar-link:link, .mobile_navbar .cc_navbar_col_misc .list-inline .changeLocale, .mobile_navbar .cc_navbar_col_misc .list-inline .changeLocale:link, .mobile_navbar .mobile_top_bar_links .list-inline .top-bar-link, .mobile_navbar .mobile_top_bar_links .list-inline .top-bar-link:link, .mobile_navbar .mobile_top_bar_links .list-inline .changeLocale, .mobile_navbar .mobile_top_bar_links .list-inline .changeLocale:link { font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; text-align: left; color: #3E4348; display: block; text-transform: uppercase; padding: 10px 0px; } .mobile_navbar .cc_navbar_col_misc .list-inline .top-bar-link:hover, .mobile_navbar .cc_navbar_col_misc .list-inline .changeLocale:hover, .mobile_navbar .mobile_top_bar_links .list-inline .top-bar-link:hover, .mobile_navbar .mobile_top_bar_links .list-inline .changeLocale:hover { color: #fbbc2a; } .mobile_navbar .cc_navbar_col_misc .cc_lssec .cc_navbar_nav, .mobile_navbar .mobile_top_bar_links .cc_lssec .cc_navbar_nav { position: relative; top: 0px; left: 0px; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) { padding: 11.5px 15px; border-top: 1px solid #BEC1C4; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; color: #3E4348; padding: 11px 15px; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > a:hover { color: #3E4348 !important; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > ul.first_level_menu, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) .dropdown-menu { padding-left: 10px; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > ul.first_level_menu-ar, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) .dropdown-menu-ar { padding-left: 0px; padding-right: 10px; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > ul.first_level_menu > li > a, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > ul.first_level_menu .dropdown-menu > li > a, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) .dropdown-menu > li > a, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) .dropdown-menu .dropdown-menu > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; text-transform: capitalize !important; line-height: 1.19; padding: 11.5px 17px; background-color: transparent; border-bottom: 1px solid #BEC1C4; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > ul.first_level_menu .dropdown-menu > li > a, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) .dropdown-menu .dropdown-menu > li > a { padding: 11.5px 0 11.5px 0; margin-left: 17px; margin-right: 0; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > ul.first_level_menu .dropdown-menu > li > a > .icon-ic_plus, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > ul.first_level_menu .dropdown-menu > li > a > .icon-ic_minus, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) .dropdown-menu .dropdown-menu > li > a > .icon-ic_plus, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) .dropdown-menu .dropdown-menu > li > a > .icon-ic_minus { margin: 0 17px; } [dir="rtl"] .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > ul.first_level_menu .dropdown-menu > li > a, [dir="rtl"] .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) .dropdown-menu .dropdown-menu > li > a { margin-right: 17px; margin-left: 0; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > .dropdown-menu > li:last-child a { border: none; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > .dropdown-menu .dropdown-menu .dropdown-menu { margin: 0px -15px 0px -35px; background-color: #F1F3F4; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > .dropdown-menu .dropdown-menu .dropdown-menu > li { margin: 0px 15px 0px 35px; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > .dropdown-menu .dropdown-menu .dropdown-menu > li > a { font-size: 14px; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > .dropdown-menu .dropdown-menu .dropdown-menu-ar { margin: 0px -35px 0px -15px; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > .dropdown-menu .dropdown-menu .dropdown-menu-ar > li { margin: 0px 35px 0px 15px; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > ul.first_level_menu > li > .dropdown-menu > li.dropdown-submenu > a, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > ul.first_level_menu > li > .dropdown-menu > li.dropdown-submenu > a:hover, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > ul.first_level_menu > li > .dropdown-menu > li.dropdown-submenu > a:visited { color: #909090 !important; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) > ul.first_level_menu > li > .dropdown-menu > li.dropdown-submenu > ul > li > a { border: none !important; padding-top: 5px !important; padding-bottom: 5px !important; line-height: 1.14 !important; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) .thirdLevelLink, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) .thirdLevelLink:hover { color: #fbbc2a !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; line-height: 1.14 !important; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) .thirdLevelLink .icon, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:not(:first-child) .thirdLevelLink:hover .icon { margin: 0px 15px; font-size: 25px; line-height: 16px; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav > li:nth-child(2) { padding: 11.5px 0px; } .mobile_navbar .mobile-menu #navbar .cc_navbar-nav .icon-ic_plus:before, .mobile_navbar .mobile-menu #navbar .cc_navbar-nav .icon-ic_minus:before { color: #fbbc2a; } .selected { background-color: #BEC1C4; } .modal-content { color: #3E4348; } /*** Mega Menu ***/ #navbar .first_level_item .caret { margin: 0px 10px; } #navbar .first_level_menu_desktop { position: fixed; top: 106px; left: 0px; right: 0px; background-color: #F9F9F9; border: 1px solid #EBEBEB; -webkit-box-shadow: none !important; box-shadow: none !important; padding-bottom: 0px; } #navbar .first_level_menu_desktop li.menu-item { height: 136px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #navbar .first_level_menu_desktop li.menu-item a { text-transform: capitalize !important; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: normal; text-align: center; color: #3E4348; text-decoration: none; } #navbar .first_level_menu_desktop li.menu-item a:active { color: #fbbc2a; } #navbar .first_level_menu_desktop li.menu-item a::after { content: none; } #navbar .first_level_menu_desktop li.menu-item .close-menu { outline: none; padding: 0px 3px; } #navbar .first_level_menu_desktop li.menu-item .close-menu .close-btn { width: 48.6px; height: 48.6px; line-height: 24.3px; font-size: 48.6px; font-weight: 300; color: #878A8C; outline: none; cursor: pointer; } #navbar .first_level_menu_desktop .second_level_item { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #navbar .first_level_menu_desktop .second_level_item > .submenu-item { height: 100%; cursor: pointer; } #navbar .first_level_menu_desktop .second_level_item > .submenu-item > a:hover, #navbar .first_level_menu_desktop .second_level_item > .submenu-item > a:hover > span { color: #fbbc2a !important; text-shadow: 1px 0px 0px #fbbc2a; } #navbar .first_level_menu_desktop .second_level_item:first-child { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #EBEBEB; } #navbar .first_level_menu_desktop .second_level_item:first-child > .submenu-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #navbar .first_level_menu_desktop .second_level_item:first-child > .submenu-item a { text-transform: uppercase !important; margin: 0px; padding: 0px; font-weight: 500; font-size: 1rem; line-height: 1.19; } #navbar .first_level_menu_desktop .second_level_item:first-child > .submenu-item a:last-child { margin: 0px 44px 0px 17px; } #navbar .first_level_menu_desktop .second_level_item:not(:first-child) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } #navbar .first_level_menu_desktop .second_level_item:not(:first-child) .second_level_image { display: block; margin: 20px auto 15px; width: 50px; height: 50px; border: solid 0.5px #4A4A4A; background-color: #FFFFFF; border-radius: 50%; } #navbar .first_level_menu_desktop .second_level_item:not(:first-child) .cc_product { padding-top: 0px; } #navbar .first_level_menu_desktop .second_level_item_selected { border-bottom: 3px solid #fbbc2a; } #navbar .first_level_menu_desktop .second_level_item_selected > div > a { color: #fbbc2a !important; } #navbar .first_level_menu_desktop .second_level_item_ar:first-child { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: none; border-left: 1px solid #EBEBEB; } #navbar .first_level_menu_desktop .second_level_item_ar:first-child > .submenu-item a:last-child { margin: 0px 17px 0px 44px; } #navbar .first_level_menu_desktop .second_level_item_ar:first-child > .submenu-item img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } #navbar .first_level_menu_desktop .second_level_menu { position: fixed; top: 254px; left: 0px !important; right: 0px; -webkit-box-shadow: none; box-shadow: none; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; height: calc(100vh - 245px); overflow: auto; cursor: default; } #navbar .first_level_menu_desktop .second_level_menu.no_children { top: 246px; } #navbar .first_level_menu_desktop .second_level_menu > li.menu-item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; height: auto; overflow: auto; padding-bottom: 30px; } #navbar .first_level_menu_desktop .second_level_menu > li.menu-item > .submenu-item { margin: 34px 0px 0px; padding: 0px; } #navbar .first_level_menu_desktop .second_level_menu > li.menu-item > .submenu-item:not(:nth-child(4n+1)) { border-left: 1px solid #EBEBEB; } #navbar .first_level_menu_desktop .second_level_menu > li.menu-item > .submenu-item > div { height: 48px; padding: 0px 20px; } #navbar .first_level_menu_desktop .second_level_menu > li.menu-item > .submenu-item a { padding: 14px 0px !important; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #fbbc2a !important; } #navbar .first_level_menu_desktop .second_level_menu > li.menu-item .third_level_item_ar .third_level_image { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } #navbar .first_level_menu_desktop .second_level_menu > li.menu-item .third_level_item a span { line-height: 1.14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #navbar .first_level_menu_desktop .second_level_menu > li.menu-item .third_level_item a, #navbar .first_level_menu_desktop .second_level_menu > li.menu-item .third_level_item a span, #navbar .first_level_menu_desktop .second_level_menu > li.menu-item .third_level_item a img { color: #FFC31B !important; } #navbar .first_level_menu_desktop .second_level_menu .third_level_menu { padding: 0px; } #navbar .first_level_menu_desktop .second_level_menu .third_level_menu > li.menu-item { display: block; padding: 0px; height: auto; } #navbar .first_level_menu_desktop .second_level_menu .third_level_menu > li.menu-item > .submenu-item div { padding: 0px 0px 0px 30px; } #navbar .first_level_menu_desktop .second_level_menu .third_level_menu > li.menu-item > .submenu-item div a:hover { color: #fbbc2a !important; } #navbar .first_level_menu_desktop .second_level_menu .third_level_menu > li.menu-item > .submenu-item a { padding: 7px 0px !important; font-size: 1rem; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #3E4348 !important; } #navbar .first_level_menu_desktop .second_level_menu .third_level_menu > li.menu-item > .submenu-item a img { line-height: 1.36; font-size: 0.875rem; } #navbar .first_level_menu_desktop .second_level_menu .third_level_menu_ar img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } #navbar .first_level_menu_desktop .second_level_menu .third_level_menu_ar > li.menu-item > .submenu-item div { padding: 0px 30px 0px 0px; } #navbar .first_level_menu_desktop .second_level_menu .third_level_menu_ar > li.menu-item > .submenu-item div a { text-align: right; } #navbar .first_level_menu_desktop .second_level_menu .third_level_menu_ar .fourth_level_item { margin: 0px 10px 0px 0px !important; } #navbar .first_level_menu_desktop .second_level_menu .third_level_menu .fourth_level_item { margin: 0px 0px 0px 10px; } #navbar .first_level_menu_desktop .second_level_menu_ar > li.menu-item > .submenu-item:not(:nth-child(4n+1)) { border-left: none; border-right: 1px solid #EBEBEB; } #navbar .cc_navbar-nav li a:hover { color: #fbbc2a; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header .navbar .cc_navbar_col_misc .list-inline { margin-left: 28px; } .header .navbar .cc_navbar_col_misc.margin-right145 ul.cc_navbar_nav { margin: 0px 28px; } #navbar > ul.nav > li > a { padding: 3px 6px 0px; } } @media only screen and (max-width: 992px) { header .mobile_navbar { position: relative; } header .mobile_navbar .navbar-default .navbar-header { position: relative; } header .mobile_navbar .navbar-default .navbar-header .navbar-toggle { margin: 2px 0; } } @media only screen and (max-width: 767px) { header .mobile_navbar .navbar-default .navbar-header .navbar-toggle { padding-right: 0; padding-left: 0; } } /*** Search autocomplete styling ***/ .ui-widget { padding: 2px; width: 20% !important; position: fixed; } @media only screen and (max-width: 991px) { .ui-widget { width: 80% !important; } } @media only screen and (max-width: 767px) { .ui-widget { width: 75% !important; } } .ui-widget .ui-menu-item-wrapper, .ui-widget .ui-state-active { color: #3E4348; background-color: #FFFFFF; border-color: #FFFFFF; border: none; margin: 0px; } .ui-widget .ui-menu-item-wrapper:hover, .ui-widget .ui-state-active:hover { background: #F1F3F4; border: none; margin: 0px; } .ui-widget .ui-menu-item-wrapper a, .ui-widget .ui-state-active a { display: block; font-size: 1rem; color: #2054FF; line-height: inherit; } .hideScrollBar, .hideScrollBar_modal { margin: 0px; height: 100%; overflow: hidden; } @media only screen and (min-width: 992px) { .hideScrollBar header, .hideScrollBar_modal header { margin-right: 15px; } } .keep_open { display: block !important; } .deskLayout { margin-top: 106px; } .deskLayout.deskLayout--notification { margin-top: 156px; } @media only screen and (max-width: 992px) { .deskLayout { margin-top: 56px; } } .header_icon { font-size: 25px; } @media only screen and (min-width: 992px) { .header_icon:hover { color: #fbbc2a; } } img.header_icon { width: 25px; } .goToLogin.cc_goto_login, .doLogout.cc_do_logout { padding-bottom: 0; } .goToLogin.cc_goto_login svg, .doLogout.cc_do_logout svg { width: 50px; height: 32px; direction: ltr; } #goToAccount svg { height: 30px; width: 30px; } .extra_margin { margin-bottom: 77px; } .deskLayout #overlay ~ #overlay { display: none; } .cc_main_body.page-layout--arabic .ui-menu-item-wrapper, .cc_main_body.page-layout--arabic .ui-state-active { text-align: right; } .cc_main_body.page-layout--arabic .goToLogin.cc_goto_login svg, .cc_main_body.page-layout--arabic .doLogout.cc_do_logout svg { width: 90px; margin-left: -22px; } .cc_main_body.page-layout--arabic .goToLogin.cc_goto_login svg { width: 118px; margin-left: -35px; } /**** SPLASH ****/ .splash-promo-Desktop { width: 100%; } @media only screen and (max-width: 767px) { .splash-promo-Desktop .carousel { margin-bottom: -115px; } } .splash-promo-Desktop .carousel-inner { overflow-x: hidden; } .splash-promo-Desktop .carousel-inner .item { height: 490px; } .splash-promo-Desktop .carousel-inner .item a { display: block; height: 100%; } .splash-promo-Desktop .carousel-inner .item img { display: block; -o-object-fit: cover; object-fit: cover; height: 100%; } @media only screen and (max-width: 1199px) { .splash-promo-Desktop .carousel-inner .item { height: 400px; } } @media only screen and (max-width: 992px) { .splash-promo-Desktop .carousel-inner .item { height: 310px; } } @media only screen and (max-width: 767px) { .splash-promo-Desktop .carousel-inner .item { overflow: hidden; height: 325px; } .splash-promo-Desktop .carousel-inner .item img { display: block; -o-object-fit: initial; object-fit: initial; width: auto; position: absolute; left: -525px; } } .splash-promo-Desktop .carousel-inner .carusel-content-wrap { top: 0; position: absolute; left: 0; height: 100%; width: 100%; background: rgba(62, 67, 72, 0.5); } .splash-promo-Desktop .carousel-inner .carusel-content { text-decoration: none; position: absolute; bottom: 50%; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); width: 100%; left: 0; padding: 0 175px; } .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text { position: relative; max-width: 45%; } .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text .carusel-text__title { font-size: 2.3rem; color: #fbbc2a; line-height: 1.18; margin-top: 0; } .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text .carusel-text__sub-title { margin-top: 0; color: #FFFFFF; font-size: 1.5rem; } @media only screen and (max-width: 1199px) { .splash-promo-Desktop .carousel-inner .carusel-content { padding: 0 150px; } .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text .carusel-text__title { font-size: 1.875rem; line-height: 1.18; } .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text .carusel-text__sub-title { font-size: 1.5rem; } } @media only screen and (max-width: 991px) { .splash-promo-Desktop .carousel-inner .carusel-content-wrap { background: rgba(62, 67, 72, 0.6); } .splash-promo-Desktop .carousel-inner .carusel-content { left: 10%; right: 10%; margin: 0 20px 15px; padding: 0; width: auto; } .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text { text-align: center; } .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text .carusel-text__title { font-size: 2rem; } .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text .carusel-text__sub-title { font-size: 1.625rem; } } @media only screen and (max-width: 767px) { .splash-promo-Desktop .carousel-inner .carusel-content { margin: 0 15px; } .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text { max-width: none; } .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text .carusel-text__title { font-size: 1.8rem; line-height: 1.1; } .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text .carusel-text__sub-title { font-size: 1rem; font-weight: 400; } } .splash-promo-Desktop .splash-left-arrow { background-image: url("../images/splash_arrow_left.svg"); left: 64px; } @media only screen and (max-width: 991px) { .splash-promo-Desktop .splash-left-arrow { left: 30px; } } @media only screen and (max-width: 767px) { .splash-promo-Desktop .splash-left-arrow { left: 10px; } } .splash-promo-Desktop .splash-right-arrow { background-image: url("../images/splash_arrow_right.svg"); right: 64px; } @media only screen and (max-width: 991px) { .splash-promo-Desktop .splash-right-arrow { right: 30px; } } @media only screen and (max-width: 767px) { .splash-promo-Desktop .splash-right-arrow { right: 10px; } } .splash-promo-Desktop .splash-left-arrow, .splash-promo-Desktop .splash-right-arrow { background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 991px) { .splash-promo-Desktop .splash-left-arrow, .splash-promo-Desktop .splash-right-arrow { height: 35px; width: 35px; } } @media only screen and (max-width: 600px) { .splash-promo-Desktop .splash-left-arrow, .splash-promo-Desktop .splash-right-arrow { height: 25px; width: 25px; } } .splash-promo-Desktop .carousel-indicators { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 0; margin: 0 0 30px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 0px; } .splash-promo-Desktop .carousel-indicators li { background-color: rgba(255, 255, 255, 0.8); margin: 0px 12px; width: 10px; height: 10px; border-radius: 50%; } .splash-promo-Desktop .carousel-indicators li.active { -webkit-box-sizing: content-box; box-sizing: content-box; padding: 5px; margin: 0px 6px; border: 1px solid #FFFFFF; background-clip: content-box; } @media only screen and (max-width: 600px) { .splash-promo-Desktop .carousel-indicators li { margin: 0px 5px; } .splash-promo-Desktop .carousel-indicators li.active { padding: 2px; margin: 0px 5px; } } @media only screen and (max-width: 600px) { .splash-promo-Desktop .carousel-indicators { bottom: -8px; } } .osf_home_tmpl { /* Hide */ /**** SPOTLIGHT & FEATURED ****/ } .osf_home_tmpl.container.cc_main_container { margin-top: 0; } .osf_home_tmpl .widgets-container { padding-top: 100px; } .osf_home_tmpl .cc_right_col.widgets-container .seller-locator-search, .osf_home_tmpl .cc_right_col.widgets-container .quick-order { display: none; } @media only screen and (min-width: 992px) { .osf_home_tmpl .spotlight-container, .osf_home_tmpl .featured-container { margin-left: -25px; margin-right: 5px; } } .osf_home_tmpl .cc_spotlight_products, .osf_home_tmpl .cc_feeatured_products { padding: 0px 0 50px 0; } .osf_home_tmpl .cc_spotlight_products .panel-heading, .osf_home_tmpl .cc_feeatured_products .panel-heading { text-align: center; } .osf_home_tmpl .cc_spotlight_products .panel-title, .osf_home_tmpl .cc_feeatured_products .panel-title { font-size: 1.875rem; line-height: 1.17; color: #3E4348; text-transform: capitalize; margin-bottom: 35px; } .osf_home_tmpl .cc_spotlight_products .cc_body, .osf_home_tmpl .cc_feeatured_products .cc_body { padding: 5px 0 0; } .osf_home_tmpl .cc_spotlight_products .cc_product_name, .osf_home_tmpl .cc_spotlight_products .cc_product_name:link, .osf_home_tmpl .cc_spotlight_products .cc_price, .osf_home_tmpl .cc_spotlight_products .cc_price:link, .osf_home_tmpl .cc_feeatured_products .cc_product_name, .osf_home_tmpl .cc_feeatured_products .cc_product_name:link, .osf_home_tmpl .cc_feeatured_products .cc_price, .osf_home_tmpl .cc_feeatured_products .cc_price:link { font-size: 1.25rem; line-height: 1.2; color: #3E4348; text-decoration: none; } .osf_home_tmpl .cc_spotlight_products .cc_product_name, .osf_home_tmpl .cc_spotlight_products .cc_product_name:focus, .osf_home_tmpl .cc_spotlight_products .cc_price, .osf_home_tmpl .cc_spotlight_products .cc_price:focus, .osf_home_tmpl .cc_feeatured_products .cc_product_name, .osf_home_tmpl .cc_feeatured_products .cc_product_name:focus, .osf_home_tmpl .cc_feeatured_products .cc_price, .osf_home_tmpl .cc_feeatured_products .cc_price:focus { outline: none; } .osf_home_tmpl .cc_spotlight_products .cc_product_name, .osf_home_tmpl .cc_feeatured_products .cc_product_name { text-transform: none; } .osf_home_tmpl .cc_spotlight_products .cc_product_name:hover, .osf_home_tmpl .cc_feeatured_products .cc_product_name:hover { color: #fbbc2a; } .osf_home_tmpl .cc_spotlight_products .cc_product_name::after, .osf_home_tmpl .cc_feeatured_products .cc_product_name::after { width: 35px; height: 4px; display: block; margin-top: 8px; content: ''; background: #fbbc2a; } .osf_home_tmpl .cc_spotlight_products .cc_description, .osf_home_tmpl .cc_feeatured_products .cc_description { font-size: 0.875rem; line-height: 1.54; color: #909090; } .osf_home_tmpl .cc_spotlight_products .cc_featured_prod_list, .osf_home_tmpl .cc_feeatured_products .cc_featured_prod_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media only screen and (min-width: 992px) { .osf_home_tmpl .cc_spotlight_products .cc_featured_prod_list, .osf_home_tmpl .cc_feeatured_products .cc_featured_prod_list { padding-left: 0; } } .osf_home_tmpl .cc_spotlight_products .cc_featured_col, .osf_home_tmpl .cc_feeatured_products .cc_featured_col { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .osf_home_tmpl .cc_spotlight_products .cc_featured_col, .osf_home_tmpl .cc_feeatured_products .cc_featured_col { width: 100%; padding-left: 0; padding-right: 0; } } .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_item, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_item { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #FFFFFF; padding: 0px; margin: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .osf_home_tmpl .cc_spotlight_products .cc_featured_col .prod-image, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .prod-image { height: 310px; background-color: #f1f3f4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #EBEBEB; } .osf_home_tmpl .cc_spotlight_products .cc_featured_col .prod-image a, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .prod-image a { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .osf_home_tmpl .cc_spotlight_products .cc_featured_col .prod-image a img, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .prod-image a img { max-height: 100%; width: 100%; } @media only screen and (max-width: 992px) { .osf_home_tmpl .cc_spotlight_products .cc_featured_col .prod-image a img, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .prod-image a img { width: auto; } } .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info { padding: 10px 20px 20px; text-align: left; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 767px) { .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info { padding: 25px 15px; } } .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info .cc_product_name::after, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info .cc_product_name::after { display: none; } .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info .cc_description, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info .cc_description { margin: 6px 0px 16px; } .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info .prod-price-wrapper, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info .prod-price-wrapper { min-height: 24px; } .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info .cc_price, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info .cc_price { margin: 0px; } .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info .go_to_PDP, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info .go_to_PDP { line-height: 16px; } .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info .go_to_PDP, .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info .go_to_PDP:link, .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info .go_to_PDP:active, .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info .go_to_PDP:visited, .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info .go_to_PDP:hover, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info .go_to_PDP, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info .go_to_PDP:link, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info .go_to_PDP:active, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info .go_to_PDP:visited, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info .go_to_PDP:hover { -ms-flex-item-align: end; align-self: flex-end; font-size: 1.875rem; color: #fbbc2a; text-decoration: none; } .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info.text-right .go_to_PDP, .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info.text-right .go_to_PDP:link, .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info.text-right .go_to_PDP:active, .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info.text-right .go_to_PDP:visited, .osf_home_tmpl .cc_spotlight_products .cc_featured_col .featured_prod_info.text-right .go_to_PDP:hover, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info.text-right .go_to_PDP, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info.text-right .go_to_PDP:link, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info.text-right .go_to_PDP:active, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info.text-right .go_to_PDP:visited, .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_info.text-right .go_to_PDP:hover { -ms-flex-item-align: start; align-self: flex-start; font-size: 1.875rem; color: #fbbc2a; text-decoration: none; } .osf_home_tmpl .cc_spotlight_products .cc_title { margin-top: 35px; margin-bottom: 0; } .osf_home_tmpl .cc_spotlight_products .cc_body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767px) { .osf_home_tmpl .cc_spotlight_products .cc_body { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .osf_home_tmpl .cc_spotlight_products .cc_spotlight_prod_item { max-width: 370px; margin: 0 22px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { .osf_home_tmpl .cc_spotlight_products .cc_spotlight_prod_item { margin-bottom: 20px; } } .osf_home_tmpl .cc_spotlight_products .cc_spotlight_prod_item .cc_prod_image { height: 260px; background-color: #f1f3f4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #EBEBEB; } .osf_home_tmpl .cc_spotlight_products .cc_spotlight_prod_item .cc_prod_image a { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .osf_home_tmpl .cc_spotlight_products .cc_spotlight_prod_item .cc_prod_image a img { max-width: 330px; max-height: 100%; } .osf_home_tmpl .cc_spotlight_products .cc_spotlight_prod_item .cc_prod_details { padding: 5px 20px 10px; } .osf_home_tmpl .cc_spotlight_products .cc_spotlight_prod_item .cc_prod_details .cc_description { font-size: 0.875rem; line-height: 1.54; color: #3E4348; margin: 18px 0 20px; } .osf_home_tmpl .cc_feeatured_products { padding: 0px; } .osf_home_tmpl .reorderContainer .down-arrow { right: 12px !important; } @media only screen and (min-width: 992px) { .osf_home_tmpl.cc_main_container--ar .spotlight-container, .osf_home_tmpl.cc_main_container--ar .featured-container { margin-left: 5px; margin-right: -25px; } } @media only screen and (min-width: 992px) { .osf_home_tmpl.cc_main_container--ar .cc_spotlight_products, .osf_home_tmpl.cc_main_container--ar .cc_feeatured_products { padding-left: 15px; padding-right: 0; } } @media only screen and (min-width: 992px) { .osf_home_tmpl.cc_main_container--ar .cc_spotlight_products .cc_featured_prod_list, .osf_home_tmpl.cc_main_container--ar .cc_feeatured_products .cc_featured_prod_list { padding-right: 0; } } .osf_home_tmpl.cc_main_container--ar .cc_spotlight_products .cc_price, .osf_home_tmpl.cc_main_container--ar .cc_feeatured_products .cc_price { text-align: right; } .osf_home_tmpl.cc_main_container--ar .cc_spotlight_products .icon-ic_arrow_more.gp_prod, .osf_home_tmpl.cc_main_container--ar .cc_feeatured_products .icon-ic_arrow_more.gp_prod { -ms-flex-item-align: end; align-self: flex-end; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .osf_home_tmpl.cc_main_container--ar .cc_spotlight_products .go_to_PDP, .osf_home_tmpl.cc_main_container--ar .cc_feeatured_products .go_to_PDP { -ms-flex-item-align: end !important; align-self: flex-end !important; } .osf_home_tmpl.cc_main_container--ar .reorderContainer .down-arrow { left: 10px !important; } @media only screen and (max-width: 767px) { .page-layout--arabic .splash-promo-Desktop .carousel-inner .item img { left: auto; right: -525px; } } .page-layout--arabic .splash-promo-Desktop .carousel-inner .carusel-content-wrap { background: rgba(62, 67, 72, 0.6); } @media only screen and (max-width: 767px) { .page-layout--arabic .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text .carusel-text__title { line-height: 1.5; } } @media only screen and (min-width: 768px) { .page-layout--arabic .splash-promo-Desktop .carousel-inner .carusel-content .carusel-text .carusel-text__sub-title { margin-top: 20px; } } .page-layout--arabic .splash-promo-Desktop .splash-left-arrow { background-image: url("../images/splash_arrow_right.svg") !important; left: unset !important; right: 64px !important; } @media only screen and (max-width: 991px) { .page-layout--arabic .splash-promo-Desktop .splash-left-arrow { right: 30px !important; } } @media only screen and (max-width: 767px) { .page-layout--arabic .splash-promo-Desktop .splash-left-arrow { right: 10px !important; } } .page-layout--arabic .splash-promo-Desktop .splash-right-arrow { background-image: url("../images/splash_arrow_left.svg") !important; right: unset !important; left: 64px !important; } @media only screen and (max-width: 991px) { .page-layout--arabic .splash-promo-Desktop .splash-right-arrow { left: 30px !important; } } @media only screen and (max-width: 767px) { .page-layout--arabic .splash-promo-Desktop .splash-right-arrow { left: 10px !important; } } .cc_reorder_sku { display: none; } /* responsive styles */ @media only screen and (max-width: 767px) { .osf_home_tmpl .cc_spotlight_products, .osf_home_tmpl .cc_feeatured_products { padding: 0px 0 15px 0; } .osf_home_tmpl .cc_spotlight_products .panel-title, .osf_home_tmpl .cc_feeatured_products .panel-title { margin-bottom: 15px; } .osf_home_tmpl .cc_spotlight_products .cc_spotlight_prod_item { margin-left: 0; margin-right: 0; } .osf_home_tmpl .cc_spotlight_products .cc_spotlight_prod_item .cc_prod_image a img { max-width: 100%; } .osf_home_tmpl .cc_feeatured_products .panel-title { font-size: 20px; } .osf_home_tmpl .cc_feeatured_products .cc_featured_prod_list { padding: 0; } .osf_home_tmpl .widgets-container { padding-top: 0; } .osf_home_tmpl .widgets-container.minicart, .osf_home_tmpl .widgets-container.wishlist-container, .osf_home_tmpl .widgets-container.reorderContainer { padding: 0 15px; } .osf_home_tmpl .widgets-container .reorderContainer .cc_reorder_included_items_modal .modal-footer { padding: 0 5px; } } .cc_mini_cart .fa-caret-down, .cc_re_order .fa-caret-down, .cc_wishlist_panel .fa-caret-down { margin: -4px 5px; } /* styles for '...' */ .block-with-text { height: 2.6rem; /* hide text if it more than N lines */ overflow: hidden; /* for set '...' in absolute position */ position: relative; /* use this value to count block height */ line-height: 1.2em; /* max-height = line-height (1.2) * lines max number (3) */ max-height: 3.6em; /* fix problem when last visible word doesn't adjoin right side */ text-align: left; /* place for '...' */ } .block-with-text_ar { text-align: right; } .navbar-inverse { background-color: #FFFFFF; border-top: 1px solid #BEC1C4; } .navbar-inverse .cc_scroll-top { float: right; } @media only screen and (max-width: 767px) { .navbar-inverse .cc_scroll-top { margin-top: -65px; } } .osf-footer .section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 992px) { .osf-footer .section > div:last-child { padding-right: 0px; } } .osf-footer .section__box { display: block; padding: 15px; } @media only screen and (max-width: 767px) { .osf-footer .section__box { width: 100%; } } .osf-footer .section .nav-list { margin: 0px; } .osf-footer .section .nav-list__title { margin-bottom: 16px; color: #3E4348; } .osf-footer .section .nav-list__title::after { width: 40px; height: 2px; display: block; margin-top: 16px; content: ''; background: #fbbc2a; } .osf-footer .section .nav-list__item { margin: 0 0 16px; } .osf-footer .section .nav-list__item a { text-decoration: none; color: #909090; font-size: 0.875rem; } .osf-footer .section .nav-list__item a:hover { color: #fbbc2a; } .osf-footer .section .nav-list .grid__box:not(:last-child) { margin-right: auto; } @media only screen and (max-width: 767px) { .osf-footer .section .nav-list .grid__box:not(:last-child) { margin-right: 30px; } } .osf-footer .section .nav-list .grid__box-ar:not(:last-child) { margin-left: auto; } @media only screen and (max-width: 767px) { .osf-footer .section .nav-list .grid__box-ar:not(:last-child) { margin-left: 30px; } } .osf-footer .section .icon { width: 20px; height: 24px; color: #909090; font-size: 20px; } @media only screen and (min-width: 1200px) { .osf-footer > .section { width: 1330px; } } .cookie_popup { background-color: rgba(0, 0, 0, 0.8); position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 500; } .cookie_popup .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .cookie_popup .container { display: block; } } .cookie_popup .container::before, .cookie_popup .container::after { content: none; } .cookie_popup .container .cookie_text { width: 75%; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #FFFFFF; padding: 20px 0px; } @media only screen and (max-width: 767px) { .cookie_popup .container .cookie_text { width: 100%; } } .cookie_popup .container .cookie_text a, .cookie_popup .container .cookie_text a:link, .cookie_popup .container .cookie_text a:visited { color: #FFFFFF; } .cookie_popup .container .js-cookieAccept { border: none; height: 38px; } @media only screen and (max-width: 767px) { .cookie_popup .container .js-cookieAccept { width: 100%; margin-bottom: 10px; } } .page-layout--arabic .cookie_text { text-align: right !important; } .page-layout--arabic .cc_scroll-top { float: left; padding-left: 0; padding-right: 0; } #login_main_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; line-height: 1.14; } @media only screen and (max-width: 767px) { #login_main_content { margin-top: 24px; } } #login_main_content > .row { margin: 0; } #login_main_content .cc_user_login { margin-top: -15px; } #login_main_content .panel-heading { padding: 0; } #login_main_content .cc_user_login { margin-bottom: 0; padding-bottom: 0; } #login_main_content h3 { color: #3E4348; padding-bottom: 6px; font-size: 20px; font-weight: 500; line-height: 1.2; } #login_main_content .cc_login { color: #3E4348; font-size: 14px; font-weight: 300; line-height: 1.4; margin-bottom: 0; padding-bottom: 2px; } #login_main_content .loginInput { opacity: 0.7; line-height: 1.17; padding-top: 6px; } #login_main_content .loginInput:active, #login_main_content .loginInput:focus { color: #000000; } #login_main_content .form-group { padding-bottom: 32px; margin-bottom: 0; } #login_main_content form { margin-bottom: 0; } #login_main_content .cc_login_button { margin-top: 8px; } #login_main_content .cc-register { margin-top: 40px; } #login_main_content .cc_forgot_password { margin-top: 32px; margin-bottom: 0; } #login_main_content hr { margin-top: 32px; margin-bottom: 22px; } #login_main_content .cc_create_account { font-size: 14px; font-weight: 300; color: #3E4348; line-height: 1.5; } #login_main_content .cc_register_account { margin-bottom: 110px; } #login_main_content ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #BEC1C4; } #login_main_content ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #BEC1C4; } #login_main_content :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #BEC1C4; } #login_main_content ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #BEC1C4; } #login_main_content ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #BEC1C4; } #login_main_content :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #BEC1C4; } #login_main_content ::-ms-input-placeholder { /* Microsoft Edge */ color: #BEC1C4; } .cc_main_container--ar #login_main_content #loginFormDsk .form-group { text-align: right; } .registrationPage label { position: relative; line-height: 34px; } .registrationPage .cc_shipping_address_panel { display: none; } .registrationPage .business-label { margin-right: 30px; } .registrationPage .personal-information { display: none; } .registrationPage .cc_navbar_col_acct { display: none !important; } .registrationPage .grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .registrationPage .tooltip-label .tooltip { display: none; opacity: 1; background-color: #FFFFFF; border-radius: 6px; padding: 5px; text-align: center; width: 120px; bottom: 0; left: 150px; border-width: 1px; border-style: solid; border-color: #000000; } .registrationPage .tooltip-label:after { content: 'i'; border-style: solid; border-width: 1px; border-color: #909090; border-radius: 50%; padding: 2px 8px; margin-left: 5px; font-size: 12px; } .registrationPage .tooltip-label:hover .tooltip { display: block; } .registrationPage .formTypeRadioBtn { display: none; } .registrationPage .formTypeRadioBtn:checked ~ .checkmark:after { display: block; top: 2px; left: 2px; width: 8px; height: 8px; border-radius: 50%; background-color: #fbbc2a; } .registrationPage .checkmark { position: absolute; top: 1px; left: 0; height: 14px; width: 14px; border-radius: 50%; margin-top: 8px; border-width: 1px; border-style: solid; border-color: #909090; } .registrationPage .checkmark:after { content: ""; position: absolute; display: none; } .registrationPage .formTypeRadioText { margin-left: 20px; } .registrationPage .useBillingAddressCheckbox { display: none; } .registrationPage .useBillingAddressText { margin-left: 28px; } .registrationPage .useBillingAddressText:before { content: ''; display: inline-block; height: 14px; width: 14px; padding: 2px; border: 1px solid #909090; font-weight: 700; position: absolute; left: 0; margin: 8px 0px 0px 15px; } .registrationPage input[type="checkbox"]:checked ~ .useBillingAddressText:before { content: "\e907"; font-family: 'imdadicon' !important; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0.625rem; padding-right: 0px; } .registrationPage .select2-input-container { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .registrationPage .login_error_section i { cursor: pointer; text-decoration: underline; } .registrationPage .has-error .help-block { font-size: 0.75rem; font-style: normal; color: #D40141; } .registrationPage .has-error .cc_phone ~ .select2-container--default { border-width: 0 0 1px 0; border-style: solid; border-color: #D40141; } .registrationPage .bootstrap-select:focus { -webkit-box-shadow: none; box-shadow: none; } .registrationPage .bootstrap-select .btn.dropdown-toggle { line-height: 34px; margin: 0; background-color: white; border-style: solid; border-width: 1px; border-color: #BEC1C4; border-top: 0; border-left: 0; border-right: 0; padding-left: 5px; font-size: 0.75rem; } .registrationPage .bootstrap-select .btn.dropdown-toggle:focus { outline: none !important; } .registrationPage .bootstrap-select .dropdown-menu { border-radius: 0; font-size: 0.75rem; } .registrationPage .bootstrap-select .dropdown-menu.inner a { color: #3E4348; background-color: #FFFFFF; } .registrationPage .bootstrap-select .dropdown-menu.inner a:hover, .registrationPage .bootstrap-select .dropdown-menu.inner a:focus { background-color: #F1F3F4; outline: none; } .registrationPage .panel-title, .registrationPage h3.cc_section_title { font-weight: 500; } .registrationPage .cc_required_fields { color: #909090; } .registrationPage .has-success .form-control { -webkit-box-shadow: none; box-shadow: none; } .registrationPage .alert-info { background-color: #2054FF; color: #FFFFFF; } .select2-container--default { width: 4.8rem !important; padding: 3px 0 2px; border-width: 0 0 1px 0; border-color: #BEC1C4; border-style: solid; } .select2-container--default .select2-dropdown { width: 202px !important; } .select2-container--default span.select2-selection--single { border: none; outline: none; } .select2-container--default span.select2-selection--single .select2-selection__rendered { color: #000000; padding-left: 0; } .select2-container--default span.select2-selection--single .select2-selection__rendered > div { direction: ltr; } .select2-container--default li.select2-results__option { padding: 14px 28px; } .select2-container--default li.select2-results__option span { font-size: 14px; } .select2-container--default .select2-results__option[aria-selected] { background-color: #FFFFFF; } .select2-container--default .select2-search--dropdown.select2-search--hide { display: none; } .select2-container--default .select2-selection__rendered { font-size: 0.75rem; } .select2-container--default .select2-flag { display: inline-block; margin-right: 5px; } .select2-container--default .img-flag { width: 20px; padding-left: 0; } .select2-container--default ul { width: 200px; } .select2-container--default span.select2-search--dropdown { display: none; } .select2-container--default .select2-country, .select2-container--default .select2-code { padding: 0 2px; } .registrationPage.cc_main_container--ar { opacity: 0; } .registrationPage.cc_main_container--ar .business-label { margin-right: 0; margin-left: 30px; } .registrationPage.cc_main_container--ar .newCustomerSection .form-group > label { text-align: right; } .registrationPage.cc_main_container--ar .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; } .registrationPage.cc_main_container--ar .bootstrap-select .dropdown-toggle { padding-right: 5px; padding-left: 32px; } .registrationPage.cc_main_container--ar .bootstrap-select .dropdown-toggle .filter-option { padding-right: 0; padding-left: 32px; text-align: right; } .registrationPage.cc_main_container--ar .bootstrap-select .dropdown-toggle .caret { right: auto; left: 12px; margin-left: 0; margin-right: 10px; } .registrationPage.cc_main_container--ar .bootstrap-select .dropdown-menu { text-align: right; } .registrationPage.cc_main_container--ar .useBillingAddresslabel { float: right; text-align: right; } .registrationPage.cc_main_container--ar .useBillingAddresslabel .useBillingAddressText { margin-right: 28px; margin-left: 0; } .registrationPage.cc_main_container--ar .useBillingAddresslabel .useBillingAddressText:before { left: auto; right: 0; margin-left: 0; margin-right: 15px; } .registrationPage.cc_main_container--ar .has-error .help-block { text-align: right; } .registrationPage.cc_main_container--ar .tooltip-label:after { height: 20px; line-height: 14px; display: inline-block; margin-right: 5px; margin-left: 0; } .page-layout--arabic .select2-container--default .select2-country, .page-layout--arabic .select2-container--default .select2-code { display: inline-block; direction: ltr; } .acctmainSection { color: #3E4348; } @media only screen and (min-width: 992px) { .acctmainSection { padding: 0 0 0 35px; } } @media only screen and (min-width: 1200px) { .acctmainSection { margin-right: -15px; } } .acctmainSection h3.panel-title.cc_title { font-size: 1.875rem; line-height: 1.17; color: #3E4348; } .acctmainSection .cc_myaccount_profile h3.panel-title.cc_title { font-size: 1.25rem; line-height: 1.2; color: #3E4348; } .acctmainSection .cc_myaccount_profile .ccrz_loading_gif { height: 56px; margin: 20px 10px 0px; } .acctmainSection label { font-size: 0.9375rem; line-height: 1.2; } .acctmainSection .alert { color: #3E4348; font-size: 1.125rem; line-height: 1.2; padding: 15px; border: none; text-align: center; } .acctmainSection .alert.alert-success { background-color: #6AC259; color: #3E4348; line-height: 1.17; } .acctmainSection .alert.alert-danger { background-color: #D40141; color: #FFFFFF; font-size: 1rem; line-height: 1.19; } .acctmainSection .alert.alert-info { background-color: #2054FF; color: #FFFFFF; font-size: 1rem; line-height: 1.19; } .acctmainSection .form-group .help-block .alert-danger { background-color: transparent; padding: 0; color: #D40141; font-size: 0.875rem; line-height: 1.2; margin-top: 5px; margin-bottom: 10px; font-weight: normal; text-align: left; } .acctmainSection .form-group--has-error label { color: #D40141; } .acctmainSection .form-group--has-error .form-control { border-bottom-color: #D40141; } @media only screen and (max-width: 767px) { .acctmainSection .cc_reset_password_form .form-group .col-xs-3 { width: 100%; } .acctmainSection .cc_reset_password_form .form-group .col-xs-9 { width: 100%; margin-bottom: 15px; } } @media only screen and (min-width: 768px) { .acctmainSection .cc_reset_password_form .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cc_main_container--ar .acctmainSection { color: #3E4348; } @media only screen and (min-width: 992px) { .cc_main_container--ar .acctmainSection { padding: 0 35px 0 0; } } @media only screen and (min-width: 1200px) { .cc_main_container--ar .acctmainSection { margin-left: -15px; margin-right: 0; } } .cc_main_container--ar .acctmainSection .cc_reset_password_form .form-group .col-xs-3 { float: right; text-align: right; } .cc_main_container--ar .acctmainSection .form-group .help-block .alert { text-align: right; } .cc_main_container--ar .cc_change_password .cc_reset_form .form-group > label { text-align: right; } .cc_forgot_password_panel { visibility: hidden; /* Hide untill content is rendered */ } .cc_forgot_password_panel .panel-title, .cc_forgot_password_panel h3.cc_section_title { font-weight: 500; font-size: 1.25rem; line-height: 1.2; } .cc_forgot_password_panel .form-group > div { color: #909090; font-size: 0.875rem; } .cc_forgot_password_panel .has-error .help-block { font-size: 0.75rem; font-style: normal; color: #D40141; } @media only screen and (max-width: 767px) { .cc_main_container--ar .cc_forgot_password_panel .form-group > div { float: none !important; } } .cc_main_container--ar .cc_forgot_password_panel .form-group .col-sm-offset-2 { margin-left: 0 !important; float: left !important; text-align: right; } @media only screen and (max-width: 767px) { .cc_main_container--ar .cc_forgot_password_panel .form-group .col-sm-offset-2 { float: right !important; } } .cc_main_container--ar .cc_forgot_password_panel .form-group .cc_email { text-align: right; } .cc_main_container--ar .cc_forgot_password_panel .form-group .has-error em { text-align: right; } .productListHeader .cc_category_name { margin-top: 0; margin-bottom: 0; } .productListHeader .cc_search_title { line-height: 1.17; font-size: 1.875rem; color: #3E4348; margin-bottom: 24px; } .productListHeader .cc_product_results_tagline { color: #BEC1C4; font-size: 0.75rem; line-height: 30px; display: block; width: 100%; text-align: right; } .productListHeader .cc_search_message { line-height: 1.5; color: #3E4348; } .productListHeader .page-size-option { width: 100%; } .productListHeader .cc_page_size_control { padding: 0 16px 0 25px; margin-top: 0; margin-right: 32px; } .productListHeader .cc_page_size_control:hover, .productListHeader .cc_page_size_control:focus, .productListHeader .cc_page_size_control:active { background-color: #F1F3F4; } .productListHeader .cc_page_size_control .fa { color: #3E4348; } .productListHeader .cc_sort_options { border-color: #EBEBEB; border-style: solid; border-width: 0 0 0 2px; } .productListHeader .cc_sort_options .btn-dropdown { border-width: 2px 2px 2px 0; } .productListHeader .cc_sort_options .btn-dropdown:hover, .productListHeader .cc_sort_options .btn-dropdown:active, .productListHeader .cc_sort_options .btn-dropdown:focus { background-color: #F1F3F4; } .productListHeader .fa { color: #3E4348; } .productListHeader .cc_filter_breadcrumb { background-color: transparent; border-color: #EBEBEB; border-style: solid; border-width: 2px; color: #3E4348; border-radius: 0; font-weight: 500; } .productListHeader .cc_filter_breadcrumb:active, .productListHeader .cc_filter_breadcrumb:focus, .productListHeader .cc_filter_breadcrumb:hover { background-color: #F1F3F4; } .productListHeader .cc_filter_breadcrumb a { color: #676767; } .productListHeader .cc_remove_filters { color: #2054FF; text-decoration: none; } .productListHeader .panel-body { padding-top: 0; } .productListHeader .cc_controls_panel { display: none; } .productListPage .cc_layout_option, .productComparePage .cc_layout_option { min-width: auto; padding: 7px 12px 7px; } .productListPage .cc_layout_option .fa, .productComparePage .cc_layout_option .fa { width: 25px !important; font-size: 1.33333333em; } @media only screen and (min-width: 992px) { .productListPage .cc_page_header, .productComparePage .cc_page_header { padding: 0 0 0 35px; } } @media only screen and (min-width: 1200px) { .productListPage .cc_page_header, .productComparePage .cc_page_header { margin-right: -30px; } } @media only screen and (min-width: 992px) { .productListPage .cc_results_list, .productComparePage .cc_results_list { padding: 0 0 0 35px; } .productListPage .cc_results_list.cc_grid_container, .productComparePage .cc_results_list.cc_grid_container { padding: 0 0 0 40px; } } .productListPage .cc_grid_container, .productComparePage .cc_grid_container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .productListPage .cc_grid_container .cc_product_item, .productComparePage .cc_grid_container .cc_product_item { height: 100%; } .productListPage .cc_grid_container .cc_product_item .thumbnail, .productComparePage .cc_grid_container .cc_product_item .thumbnail { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .productListPage .cc_grid_container .cc_product_item .thumbnail .cc_product_grid_actions, .productComparePage .cc_grid_container .cc_product_item .thumbnail .cc_product_grid_actions { margin-top: auto; } .productListPage .cc_grid_container .wishButtons, .productComparePage .cc_grid_container .wishButtons { text-align: center; } .productListPage .cc_grid_container .wishButtons .pickWish + button, .productComparePage .cc_grid_container .wishButtons .pickWish + button { margin-left: 12px; } .productListPage .cc_grid_container .wishButtons .caret, .productComparePage .cc_grid_container .wishButtons .caret { margin-left: 0; } @media only screen and (max-width: 991px) { .productListPage .cc_grid_container .cc_product_name_img, .productComparePage .cc_grid_container .cc_product_name_img { background-color: #F1F3F4; display: block; } .productListPage .cc_grid_container .cc_product_name_img .img-responsive, .productComparePage .cc_grid_container .cc_product_name_img .img-responsive { width: 100%; height: auto; max-width: 400px; } } .productListPage .wishButtons li:last-child .pickWish:hover, .productComparePage .wishButtons li:last-child .pickWish:hover { font-weight: 400; text-shadow: 1px 0px 0px #2054FF; background: none; } .productListPage .wishButtons button.pickWish, .productComparePage .wishButtons button.pickWish { padding: 0 1rem; line-height: 1; height: auto; } .productListPage .dropdown-toggle, .productComparePage .dropdown-toggle { min-width: auto; } .productListPage .productListContent .cc_addto_compare, .productComparePage .productListContent .cc_addto_compare { width: auto; } .productListPage div.reorderContainer, .productComparePage div.reorderContainer { padding: 0; } @media only screen and (max-width: 768px) { .productListPage div.reorderContainer, .productComparePage div.reorderContainer { display: none; } } .productListPage .cc_wishlist { float: left; margin-right: 40px; } @media only screen and (min-width: 1200px) { .productComparePage { width: 1170px; } } .productComparePage .cc_grid_item .cc_grid_image_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .productComparePage .cc_grid_item .cc_grid_image_container a { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .productComparePage .cc_grid_item .cc_grid_image_container img { max-height: 100%; width: 100%; } .productComparePage .cc_grid_item .cc_price_container { margin: 10px 0 0; } .productComparePage .product_table_label { margin-bottom: 0; padding-left: 10px; } .productComparePage .table-responsive { margin-top: 0; } .productComparePage .compareCol { padding-top: 0; width: 1%; max-width: 292px; } .productComparePage .compareCol .cc_product_container { position: relative; padding-top: 26px; } .productComparePage .compare-products { display: block; width: 100%; } .productComparePage .cc_wishlist { margin-right: 0; } @media only screen and (max-width: 767px) { .productComparePage .compare-wishlist-container .compareBasicInfo .dropdown.open .btn-default { font-weight: 400; } .productComparePage .compare-wishlist-container .compareBasicInfo .dropdown-backdrop { display: none; } } @media only screen and (min-width: 992px) { .cc_main_container--ar.productListPage .cc_page_header, .cc_main_container--ar.productComparePage .cc_page_header { padding: 0 20px 0 0; } } @media only screen and (min-width: 1200px) { .cc_main_container--ar.productListPage .cc_page_header, .cc_main_container--ar.productComparePage .cc_page_header { margin-right: 0; margin-left: -30px; } } @media only screen and (min-width: 992px) { .cc_main_container--ar.productListPage .cc_results_list, .cc_main_container--ar.productComparePage .cc_results_list { padding: 0 35px 0 0; } } @media only screen and (min-width: 992px) { .cc_main_container--ar.productListPage .cc_results_list.cc_grid_container, .cc_main_container--ar.productComparePage .cc_results_list.cc_grid_container { padding: 0 40px 0 0; } } .cc_main_container--ar.productListPage .cc_grid_item .cc_compare, .cc_main_container--ar.productComparePage .cc_grid_item .cc_compare { float: left; } .cc_main_container--ar.productListPage .cc_yousave_price, .cc_main_container--ar.productComparePage .cc_yousave_price { margin-left: 0px !important; } @media only screen and (max-width: 767px) { .cc_main_container--ar.productListPage .compareTray .cc_remove_from_compare, .cc_main_container--ar.productComparePage .compareTray .cc_remove_from_compare { right: auto !important; left: -5px !important; position: absolute !important; top: 0 !important; } .cc_main_container--ar.productListPage .compareAddToCol .cc_add_to_cart_btn, .cc_main_container--ar.productComparePage .compareAddToCol .cc_add_to_cart_btn { padding: 0px !important; } .cc_main_container--ar.productListPage .compare-wishlist-container .wishButtons > .btn-group, .cc_main_container--ar.productComparePage .compare-wishlist-container .wishButtons > .btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc_main_container--ar.productListPage .compare-wishlist-container .wishButtons > .btn-group .dropdown-toggle, .cc_main_container--ar.productComparePage .compare-wishlist-container .wishButtons > .btn-group .dropdown-toggle { margin: 0px !important; } } .cc_main_container--ar.productListPage .tiered-info::before, .cc_main_container--ar.productComparePage .tiered-info::before { padding-right: 0; } .cc_main_container--ar.productListPage .product-list_filter-actions .col-xs-6:nth-of-type(odd) { padding-left: 5px; padding-right: 0; } .cc_main_container--ar.productListPage .product-list_filter-actions .col-xs-6:nth-of-type(even) { padding-left: 0; padding-right: 5px; } .cc_main_container--ar.productListPage .filterContainer .cc_title { text-align: right; } .cc_main_container--ar.productListPage .filterContainer .cc_filter_options { text-align: right; } .cc_main_container--ar.productListPage .filterContainer .badge { padding-left: 0; padding-right: 7px; } .cc_main_container--ar.productListPage .cc_filter_breadcrumb_panel { padding-right: 15px; padding-left: 0; } @media only screen and (max-width: 767px) { .cc_main_container--ar.productListPage .cc_filter_breadcrumb_panel .cc_filter_breadcrumb_container { clear: both; padding: 0px 25px; } .cc_main_container--ar.productListPage .cc_filter_breadcrumb_panel .cc_filter_breadcrumb_container .cc_filter_breadcrumb_list { padding-right: 0; } } .cc_main_container--ar.productListPage .cc_controls_list { padding-right: 0; } .cc_main_container--ar.productListPage .cc_controls_list > li { float: right; } .cc_main_container--ar.productListPage .productListHeader .cc_product_results_tagline { text-align: left; } .cc_main_container--ar.productListPage .productListHeader .cc_category_details .flex-header .cc_category_name { text-align: right; } .cc_main_container--ar.productListPage .productListHeader .cc_page_size_control { padding: 0 25px 0 16px; margin-left: 32px !important; margin-right: 0; } .cc_main_container--ar.productListPage .btn .caret { margin-left: 0; margin-right: 5px; } .cc_main_container--ar.productListPage .cc_grid_container .wishButtons .pickWish + button { margin-right: 12px; margin-left: 0; } .cc_main_container--ar.productListPage .btn-group .dropdown-menu { text-align: right; } .cc_main_container--ar.productListPage .cc_page_controls .dropdown-menu { right: 0; left: auto; } .cc_main_container--ar.productListPage .cc_page_controls .dropdown-menu button.btn-default { text-align: right; } .cc_main_container--ar.productListPage .cc_sort_controls .dropdown-menu { right: auto; left: 0; width: auto; } .cc_main_container--ar.productListPage .cc_sort_controls .dropdown-menu button.btn-default { text-align: right; } .cc_main_container--ar.productListPage .price-and-tax-container .product-price { padding-right: 0 !important; } .cc_main_container--ar.productListPage .cc_qty_control_row { padding-right: 0; padding-left: 5px; } .cc_main_container--ar.productListPage .cc_results_list .cc_qty_control_row label { padding: 0 0 0 8px; } .cc_main_container--ar.productListPage .compareTrayControls .cc_goto_prod_compare { margin-left: 15px; float: left; } @media only screen and (max-width: 992px) { .cc_main_container--ar.productListPage .compareTrayControls .cc_goto_prod_compare { margin-left: 0; float: none; } } .cc_main_container--ar.productListPage .compareTrayControls .cc_clear_compare { clear: both; float: right; margin-left: 15px; } @media only screen and (max-width: 767px) { .cc_main_container--ar.productListPage .compareTray .close-wrapper { right: auto; left: 0; } } .cc_main_container--ar.productListPage .compareTray .cc_remove_from_compare { left: 15px; right: auto; } .cc_main_container--ar.productListPage .compareTray .compare-tray-row.well .scroll-plane .col:nth-child(n+2) { margin-right: 16px; } .cc_main_container--ar.productListPage .compareTray .compare-tray-row.well .scroll-plane .panel-body .cc_compare_tray_name { text-align: right; } @media only screen and (min-width: 992px) { .cc_main_container--ar.productListPage .compareTrayProd .cc_compare_tray_name { text-align: right; padding-right: 15px; padding-left: 55px; } } .cc_main_container--ar.productListPage .cc_compare_tray_controls { float: left; } .cc_main_container--ar.productListPage .cc_product_item.cc_grid_item .cc_wishlist { margin-right: 0; } .cc_main_container--ar.productListPage .cc_product_item.cc_row_item { /*.cc_compare{ float: left; margin-left: 90px; }*/ } .cc_main_container--ar.productListPage .cc_product_item.cc_row_item .cc_wishlist { float: right; margin-right: 0; margin-left: 40px; } .cc_main_container--ar.productListPage #filtersModal h5.cc_title { text-align: right; } .cc_main_container--ar.productListPage #filtersModal .cc_filter_value { float: right; } .cc_main_container--ar.productListPage #filtersModal .cc_filter_breadcrumb_panel .cc_filter_breadcrumb { margin-right: 0; margin-left: 5px; } .productComparePage.cc_main_container--ar #osf_compare .compare-remove-prd { left: 9px; right: auto; } .productComparePage.cc_main_container--ar .price-and-tax-container .product-price { padding-right: 0 !important; } .productComparePage.cc_main_container--ar .cc_grid_container .wishButtons .pickWish + button { margin-right: 12px; margin-left: 0; } .productComparePage.cc_main_container--ar .wishButtons .dropdown-menu { text-align: right; } .productComparePage.cc_main_container--ar .cc_results_list .cc_qty_control_row label { padding: 0 0 0 8px; } .productComparePage.cc_main_container--ar .gp_quantity_block .cc_qty_control_row { padding-right: 0; padding-left: 5px; } .productComparePage.cc_main_container--ar .cc_compare_spec_price_item { display: inline-block; } .productComparePage.cc_main_container--ar .productCompareBasicTable .compareCol { text-align: right; } div.cc_main_container.productListPage { margin-top: 0px; } .productListPage .compareCol .cc_grid_image_container .cc_product_name_img, .productComparePage .compareCol .cc_grid_image_container .cc_product_name_img { width: 195px; height: 195px; } .productListPage .compareCol .cc_grid_image_container .cc_product_name_img img, .productComparePage .compareCol .cc_grid_image_container .cc_product_name_img img { width: 100%; height: 100%; } .productListPage .compareTrayProd .cc_product_name_img, .productComparePage .compareTrayProd .cc_product_name_img { width: 75px; height: 75px; display: block; } .productListPage .compareTrayProd .cc_product_name_img img, .productComparePage .compareTrayProd .cc_product_name_img img { width: 100%; height: 100%; } .productListPage .minimize-tray, .productComparePage .minimize-tray { color: #2054FF; } .productListPage .cc_grid_item, .productComparePage .cc_grid_item { padding: 0; } .productListPage .cc_grid_item .cc_grid_product_info, .productListPage .cc_grid_item .cc_price_container, .productListPage .cc_grid_item .cc_product_grid_actions, .productComparePage .cc_grid_item .cc_grid_product_info, .productComparePage .cc_grid_item .cc_price_container, .productComparePage .cc_grid_item .cc_product_grid_actions { padding-left: 20px; padding-right: 20px; padding-bottom: 0; } .productListPage .cc_grid_item .cc_price_container, .productComparePage .cc_grid_item .cc_price_container { margin-bottom: 20px; } .productListPage .cc_grid_item .cc_price_container.cc_grid_price_info, .productComparePage .cc_grid_item .cc_price_container.cc_grid_price_info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .productListPage .cc_grid_item .cc_price_container.cc_grid_price_info .tiered-info, .productComparePage .cc_grid_item .cc_price_container.cc_grid_price_info .tiered-info { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } @media only screen and (max-width: 767px) { .productListPage .cc_grid_item .cc_price_container.cc_grid_price_info .tiered-info, .productComparePage .cc_grid_item .cc_price_container.cc_grid_price_info .tiered-info { margin-bottom: 1.125rem; width: 100%; } } .productListPage .cc_grid_item .cc_grid_image_container, .productComparePage .cc_grid_item .cc_grid_image_container { padding: 0; background-color: #F1F3F4; border-top-width: 1px; border-top-style: solid; border-top-color: #F1F3F4; } .productListPage .cc_grid_item .cc_grid_image_container .img-responsive, .productComparePage .cc_grid_item .cc_grid_image_container .img-responsive { max-width: 100%; } .productListPage .cc_grid_item .cc_product_name, .productComparePage .cc_grid_item .cc_product_name { font-size: 1.25rem; line-height: 1.2; } .productListPage .cc_grid_item .cc_desc, .productComparePage .cc_grid_item .cc_desc { height: 2.6rem; } .productListPage .cc_grid_item .cc_availability, .productComparePage .cc_grid_item .cc_availability { margin: 10px 0; padding: 0; height: 1em; line-height: 1em; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .productListPage .cc_grid_item .cc_availability, .productComparePage .cc_grid_item .cc_availability { height: 2em; } } @media only screen and (max-width: 767px) { .productListPage .cc_grid_item .cc_availability, .productComparePage .cc_grid_item .cc_availability { display: none; } } .productListPage .cc_grid_item .cc_price, .productComparePage .cc_grid_item .cc_price { text-align: left; } .productListPage .cc_grid_item hr, .productComparePage .cc_grid_item hr { border-color: #EBEBEB; padding-bottom: 15px; margin: 0; } .productListPage .cc_grid_item .cc_base_price, .productComparePage .cc_grid_item .cc_base_price { color: #909090; } .productListPage .cc_grid_item .cc_base_price_value, .productComparePage .cc_grid_item .cc_base_price_value { text-decoration: none; } .productListPage .cc_grid_item .compare-wishlist-container, .productComparePage .cc_grid_item .compare-wishlist-container { height: 38px; margin-bottom: 5px; } .productListPage .cc_grid_item .cc_wishlist, .productComparePage .cc_grid_item .cc_wishlist { display: inline-block; width: auto; float: none; } .productListPage .cc_grid_item .cc_compare, .productComparePage .cc_grid_item .cc_compare { margin-left: 0; float: right; } .productListPage .cc_grid_item .discount-container, .productComparePage .cc_grid_item .discount-container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; margin-bottom: 25px; margin-right: -5px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .productListPage .cc_grid_item .discount-container, .productComparePage .cc_grid_item .discount-container { height: 2.5em; } } @media only screen and (max-width: 767px) { .productListPage .cc_grid_item .discount-container, .productComparePage .cc_grid_item .discount-container { display: block; margin: 0px; } .productListPage .cc_grid_item .discount-container .cc_baseprice, .productComparePage .cc_grid_item .discount-container .cc_baseprice { display: inline; } .productListPage .cc_grid_item .discount-container .cc_yousave_price, .productComparePage .cc_grid_item .discount-container .cc_yousave_price { display: inline-block; } } .productListPage .cc_grid_item .discount-container .cc_baseprice, .productComparePage .cc_grid_item .discount-container .cc_baseprice { padding-right: 4px; } .productListPage .cc_grid_item .discount-container_ar, .productComparePage .cc_grid_item .discount-container_ar { margin-right: 0px; margin-left: -5px; } @media only screen and (max-width: 992px) { .productListPage .cc_grid_item .discount-container_ar, .productComparePage .cc_grid_item .discount-container_ar { margin-right: 0px; margin-left: 0; } } .productListPage .cc_grid_item .discount-container_ar .cc_baseprice, .productComparePage .cc_grid_item .discount-container_ar .cc_baseprice { padding-right: 0px; padding-left: 4px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .productListPage .cc_grid_item .price-and-tax-container, .productComparePage .cc_grid_item .price-and-tax-container { height: 3em; } } .productListPage .cc_grid_item .price-and-tax-container .product-price, .productComparePage .cc_grid_item .price-and-tax-container .product-price { padding-right: 4px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .productListPage .cc_grid_item .tiered-container, .productComparePage .cc_grid_item .tiered-container { height: 6.5em; } } .productListPage .cc_grid_item .tiered-price, .productComparePage .cc_grid_item .tiered-price { margin-top: 17px; } @media only screen and (max-width: 767px) { .productListPage .cc_grid_item .tiered-price, .productComparePage .cc_grid_item .tiered-price { margin-top: 0; } } .productListPage .cc_grid_item .rfq-label-wrap, .productComparePage .cc_grid_item .rfq-label-wrap { margin-top: 19px; color: #3E4348; } @media only screen and (max-width: 767px) { .productListPage .cc_grid_item .rfq-label-wrap, .productComparePage .cc_grid_item .rfq-label-wrap { font-size: 0.875rem; line-height: 1.14; } } .productListPage .cc_grid_item .tier-info-grid, .productComparePage .cc_grid_item .tier-info-grid { display: block; } .productListPage .cc_grid_item .tier-info-list, .productComparePage .cc_grid_item .tier-info-list { display: none; } .productListPage .cc_row_item .panel-body, .productComparePage .cc_row_item .panel-body { padding: 0; } .productListPage .cc_row_item .cc_product_link, .productComparePage .cc_row_item .cc_product_link { margin-top: 20px; } .productListPage .cc_row_item .cc_product_link a, .productComparePage .cc_row_item .cc_product_link a { font-size: 20px; } .productListPage .cc_row_item .cc_price_container, .productComparePage .cc_row_item .cc_price_container { padding-top: 24px; } .productListPage .cc_row_item .cc_price_container > a.cc_label, .productComparePage .cc_row_item .cc_price_container > a.cc_label { float: none; } .productListPage .cc_row_item .cc_yousave_price, .productComparePage .cc_row_item .cc_yousave_price { margin-left: 13px; } .productListPage .cc_row_item .cc_qty_control_row, .productComparePage .cc_row_item .cc_qty_control_row { padding-right: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .productListPage .cc_row_item .cc_qty_control_row input, .productComparePage .cc_row_item .cc_qty_control_row input { width: 55px; } } .productListPage .cc_row_item .tiered-container, .productComparePage .cc_row_item .tiered-container { text-align: right; } .productListPage .cc_row_item .tiered-price, .productComparePage .cc_row_item .tiered-price { margin-top: 17px; } .productListPage .cc_product_item, .productComparePage .cc_product_item { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); } .productListPage .cc_grid_product_info hr, .productComparePage .cc_grid_product_info hr { margin-top: 16px; } .productListPage .cc_grid_product_info, .productComparePage .cc_grid_product_info { padding-top: 20px; } .productListPage .cc_baseprice, .productListPage .cc_yousave_price, .productComparePage .cc_baseprice, .productComparePage .cc_yousave_price { display: inline-block; padding: 0; } .productListPage .cc_product_item_row, .productComparePage .cc_product_item_row { display: -webkit-box; display: -ms-flexbox; display: flex; } .productListPage .price-qty-addToCart, .productComparePage .price-qty-addToCart { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; } .productListPage .cc_price_container, .productComparePage .cc_price_container { margin-bottom: 12px; } .productListPage .cc_price_container.cc_row_price_info .tiered-info, .productComparePage .cc_price_container.cc_row_price_info .tiered-info { float: right; margin-top: 30px; } .productListPage .cc_price, .productComparePage .cc_price { font-size: 1.25rem; height: 24px; line-height: 1.2; color: #3E4348; font-weight: 500; text-align: right; } .productListPage .discount-container, .productComparePage .discount-container { margin-bottom: 12px; } @media only screen and (min-width: 992px) { .productListPage .cc_product_container, .productComparePage .cc_product_container { padding: 0px 10px; } } .productListPage .cc_product_container h5.cc_product_link, .productComparePage .cc_product_container h5.cc_product_link { height: 48px; margin-bottom: 16px; margin-top: 0; } .productListPage .cc_baseprice, .productComparePage .cc_baseprice { font-size: 1rem; line-height: 1.19; color: #909090; font-weight: 500; } .productListPage .cc_yousave_price, .productComparePage .cc_yousave_price { display: inline-block; color: #6AC259; font-size: 1rem; line-height: 1.19; font-weight: 500; margin-left: 0px; } .productListPage .cc_compare, .productComparePage .cc_compare { display: inline-block; vertical-align: top; margin: 0; } .productListPage .cc_compare .btn, .productComparePage .cc_compare .btn { margin: 0; } .productListPage .cc_wishlist .wishButtons .form-group, .productListPage .cc_compare .wishButtons .form-group, .productComparePage .cc_wishlist .wishButtons .form-group, .productComparePage .cc_compare .wishButtons .form-group { margin-bottom: 0px; } .productListPage .cc_wishlist .btn.btn-sm, .productListPage .cc_compare .btn.btn-sm, .productComparePage .cc_wishlist .btn.btn-sm, .productComparePage .cc_compare .btn.btn-sm { padding: 9px 0; line-height: 1; height: auto; } .productListPage .cc_wishlist .btn.dropdown-toggle, .productListPage .cc_compare .btn.dropdown-toggle, .productComparePage .cc_wishlist .btn.dropdown-toggle, .productComparePage .cc_compare .btn.dropdown-toggle { min-height: 4px; } .productListPage .cc_wishlist .btn.dropdown-toggle .caret, .productListPage .cc_compare .btn.dropdown-toggle .caret, .productComparePage .cc_wishlist .btn.dropdown-toggle .caret, .productComparePage .cc_compare .btn.dropdown-toggle .caret { margin-top: 0px; } .productListPage .cc_product_name, .productComparePage .cc_product_name { font-size: 1.125rem; color: #3E4348; font-weight: 500; line-height: 1.17; } .productListPage .cc_availability, .productComparePage .cc_availability { padding: 12px 0 13px; } .productListPage .available, .productComparePage .available { color: #6AC259; font-size: 0.875rem; } .productListPage .out-of-stock, .productListPage .low-stock, .productComparePage .out-of-stock, .productComparePage .low-stock { font-size: 0.875rem; color: #E37A00; } .productListPage .cc_desc, .productComparePage .cc_desc { height: 2.6rem; margin-bottom: 7px; color: #909090; font-weight: 300; font-size: 0.875rem; line-height: 1.43; overflow: hidden; } .productListPage .cc_product_container .modal-body .cc_desc, .productComparePage .cc_product_container .modal-body .cc_desc { height: 2.6rem; } .productListPage .price-and-tax-container, .productComparePage .price-and-tax-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .productListPage .price-and-tax-container .product-price, .productComparePage .price-and-tax-container .product-price { margin-bottom: 0; } .productListPage .product-price, .productComparePage .product-price { margin-bottom: 12px; } .productListPage .product-tax, .productComparePage .product-tax { font-size: 1rem; font-weight: 500; line-height: 1.19; color: #909090; padding-top: 4px; } .productListPage .cc_qty_control_row, .productComparePage .cc_qty_control_row { padding-right: 5px; padding-left: 0; } .productListPage .cc_qty_control_row .qty, .productComparePage .cc_qty_control_row .qty { border-width: 0 0 1px 0; color: #000000; border-color: #BEC1C4; } .productListPage .cc_qty_control_row input, .productComparePage .cc_qty_control_row input { line-height: normal; width: 60px; } .productListPage .qty_label, .productComparePage .qty_label { font-size: 1rem; height: 34px; line-height: 34px; padding: 0 12px 0 0; color: #909090; } .productListPage .cc_price_container, .productListPage .qty-addToCart, .productComparePage .cc_price_container, .productComparePage .qty-addToCart { padding: 0 20px; } .productListPage .qty-addToCart .cc_action, .productComparePage .qty-addToCart .cc_action { padding: 0; } .productListPage .cc_add_to_btn, .productComparePage .cc_add_to_btn { margin-top: 0; } .productListPage .cc_results_list .cc_input_group, .productComparePage .cc_results_list .cc_input_group { padding: 0; } .productListPage .cc_results_list .cc_qty_control_row label, .productComparePage .cc_results_list .cc_qty_control_row label { padding: 0 8px 0 0; } .productListPage .cc_results_list .cc_qty_control_row input, .productComparePage .cc_results_list .cc_qty_control_row input { padding: 0; text-align: center; } .productListPage .cc_prod_list_item_label, .productComparePage .cc_prod_list_item_label { color: #3E4348; text-align: center; } .productListPage div.minicart, .productComparePage div.minicart { margin-bottom: 0; } .productListPage .cc_filter_breadcrumb_panel, .productComparePage .cc_filter_breadcrumb_panel { padding-left: 15px; } .productListPage .cc_filter_breadcrumb_list, .productComparePage .cc_filter_breadcrumb_list { margin-left: 0; } .productListPage .cc_controls_list, .productComparePage .cc_controls_list { margin-left: 0; } .productListPage .cc_controls_list > li, .productComparePage .cc_controls_list > li { float: left; padding: 0; } .productListPage .measure-each, .productComparePage .measure-each { font-size: 1rem; line-height: 1.19; color: #909090; font-weight: 500; text-decoration: none !important; } .productListPage .tiered-info, .productComparePage .tiered-info { color: #2054FF; font-weight: 500; line-height: 1.14; text-decoration: none; } .productListPage .tiered-info:before, .productComparePage .tiered-info:before { padding-right: 8px; } .productListPage .tiered-info--vol::before, .productComparePage .tiered-info--vol::before { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-direction: normal; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; width: 15px !important; background-color: transparent !important; content: "\f05a"; } .productListPage .plp-qty-control, .productComparePage .plp-qty-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .productListPage .plp-qty-control-btn, .productComparePage .plp-qty-control-btn { background-color: transparent; margin-top: 0; } .productListPage .plp-qty-control-icon, .productComparePage .plp-qty-control-icon { font-size: 0.75rem; } .productListPage .plp-qty-control input, .productComparePage .plp-qty-control input { background-color: transparent; } .productListPage .btn-default:focus, .productComparePage .btn-default:focus { background-color: #fbbc2a; border-color: #fbbc2a; } #osf_compare .compare-heading { margin: 2rem 0 0; color: #3E4348; } #osf_compare .compare-products { padding-left: 0; padding-right: 0; } #osf_compare .compare-remove-prd { position: absolute; right: 9px; top: 0px; font-size: 1.875rem; } #osf_compare .compare-spec-table { color: #3E4348; } #osf_compare .compare-spec-table tr { border-bottom: solid 1px #E4E6E7; } #osf_compare .compare-qty-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } #osf_compare .compare-qty-control { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } #osf_compare .compare-qty-control-btn { background-color: transparent; border: none; } #osf_compare .compare-qty-control-btn:focus { border: none; outline: none; } #osf_compare .compare-qty-control-icon { font-size: 0.75rem; } #osf_compare .STOCK { font-size: 0.875rem; } #osf_compare .STOCK_LOW, #osf_compare .STOCK_UNAVAILABLE { color: #E37A00; } #osf_compare .STOCK_AVAILABLE { color: #6AC259; } #osf_compare .price-and-tax-container { height: 1.5em; } #osf_compare .cc_price_container { margin-bottom: 0; } .compareTray .cc_remove_from_compare { position: absolute; z-index: 1; right: 20px; top: 20px; } @media only screen and (max-width: 767px) { .compareTray .close-wrapper { position: absolute; z-index: 9999; top: -44px; right: 0px; background-color: #fff; width: 44px; height: 44px; } .compareTray .close-wrapper .close { height: 100%; width: 100%; text-align: center; line-height: 44px; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1); opacity: 1; } .compareTray .cc_navbar-fixed-bottom { -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1); } .compareTray .compare-tray-row.well { height: 259px; max-height: 259px; background-color: #fff; padding: 8px; margin-bottom: 0; /* // Track ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; } // Handle ::-webkit-scrollbar-thumb { -webkit-border-radius: 5px !important; border-radius: 5px !important; background: $color-18 !important; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; } ::-webkit-scrollbar-thumb:window-inactive { background: $color-18 !important; } */ } .compareTray .compare-tray-row.well ::-webkit-scrollbar { display: none; } .compareTray .compare-tray-row.well .scroll-pane { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: scroll; overflow-y: hidden; height: 67%; } .compareTray .compare-tray-row.well .scroll-pane .col { width: 25%; height: 153px; max-height: 153px; position: relative; } .compareTray .compare-tray-row.well .scroll-pane .col:nth-child(n+2) { margin-left: 16px; } .compareTray .compare-tray-row.well .scroll-pane .col .panel-body { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 92px; width: 92px; } .compareTray .compare-tray-row.well .scroll-pane .col .panel-body .cc_compare_tray_img { max-height: 92px; height: 92px; margin: 0; } .compareTray .compare-tray-row.well .scroll-pane .col .panel-body .cc_compare_tray_img img { max-width: 92px; text-align: center; width: 100%; height: 100%; overflow: hidden; -o-object-fit: cover; object-fit: cover; } .compareTray .compare-tray-row.well .scroll-pane .col .panel-body .cc_compare_tray_name { margin-top: 8px; font-size: 11px; line-height: 1.18; color: #3E4348; text-transform: none; text-align: left; height: 20px; } .compareTray .compare-tray-row.well .scroll-pane .col .panel-body .cc_remove_from_compare { position: relative; z-index: 1; right: -74px; top: -120px; background-color: #fff; width: 18px; height: 18px; opacity: 1; font-size: 18px; font-weight: 100; color: #909090; } .compareTray .compareTrayControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; position: fixed; bottom: 0px; width: 100%; text-align: center; } .compareTray .compareTrayControls a.cc_clear_compare { height: 38px; font-size: 14px; font-weight: normal; line-height: 2.6; border-top: 1px solid #EBEBEB; color: #2054FF; } .compareTray .compareTrayControls button.cc_goto_prod_compare { height: 46px; font-size: 16px; font-weight: normal; line-height: 1.5; text-align: center; color: #3E4348; background-color: #fbbc2a; } .compareTray #compareCollapse.collapse:not(.in) { display: none; } .compareTray #compareCollapse.collapsing .compareTrayControls { display: none; } } /**** List View styling ****/ .productListContent.cc_results_list:not(.cc_grid_container) { margin: 0px; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_product_container { height: 220px; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_row_item .cc_panel { padding: 0px; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_row_item .tier-info-grid { display: none !important; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_row_item .tier-info-list { display: block !important; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_row_item .tier-info-list a { margin-top: 15px !important; display: block; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_product_image { height: auto; background-color: #F1F3F4; padding: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_product_image a { height: 220px; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_product_image a img { height: 100%; width: 100%; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_price_container { text-align: right; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_price_container .discount-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .productListContent.cc_results_list:not(.cc_grid_container) .rfq-label-wrap { padding-top: 24px; color: #3E4348; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .productListContent.cc_results_list:not(.cc_grid_container) .cc_row_product_info, .productListContent.cc_results_list:not(.cc_grid_container) .price-qty-addToCart { padding-right: 0px; } .productListContent.cc_results_list:not(.cc_grid_container) .qty-addToCart { padding: 0px; } } @media only screen and (max-width: 767px) { .productListContent.cc_results_list:not(.cc_grid_container) .cc_product_item_row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_product_item_row .cc_product_image { height: auto; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_product_item_row .cc_product_name_img { background-color: #F1F3F4; display: block; } .productListContent.cc_results_list:not(.cc_grid_container) .cc_product_item_row .cc_product_name_img .img-responsive { width: 100%; height: auto; max-width: 400px; } } .productListContent.cc_results_list:not(.cc_grid_container) .price-and-tax-container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .filterContainer:focus { outline: none; } .filterContainer #collapseFilters > .panel-body { overflow: hidden; -webkit-transition: .5s ease; transition: .5s ease; } .filterContainer .cc_filter_container { padding: 9px 20px; border: solid 2px #EBEBEB; margin-bottom: 32px; } .filterContainer .cc_filter_container:focus { outline: none; } .filterContainer .panel-heading.cc_heading { border: none; padding: 15px 0; } .filterContainer .cc_filter_options { text-align: left; } .filterContainer h3 { font-size: 1rem; font-weight: 500; line-height: 1.19; color: #3E4348; padding-bottom: 0; } .filterContainer h5 { padding-top: 16px; } .filterContainer h5 a:hover { text-decoration: none; } .filterContainer h5 .fa { width: 9px !important; } .filterContainer hr { padding-top: 16px; border-top-width: 0; border-bottom-width: 1px; border-color: #EBEBEB; border-style: solid; margin-top: 0; margin-bottom: 0; display: none; } .filterContainer .panel-body { padding-top: 0; } .filterContainer .cc_spec_values_container { padding-top: 2px; } .filterContainer .cc_spec_values_container.in + hr { display: block; } .filterContainer .list-group { margin-bottom: 0; padding: 0px; } .filterContainer .list-group-item { border: none; } .filterContainer .cc_spec_filter_option { padding: 2px 0; } .filterContainer .badge { background-color: transparent; font-size: 0.875rem; line-height: 1.14; color: #909090; padding-right: 0; font-weight: 400; } .filterContainer .cc_filter_value { padding: 0px 12px; } .filterContainer .cc_filter_checkbox { width: 21px; height: 21px; margin-top: 0; } .filterContainer .cc_spec_group_container:last-child hr { display: none; } .filterContainer .cc_spec_group_container a { font-size: 0.875rem; font-weight: 400; line-height: 1.43; color: #3E4348; display: block; } .filterContainer .cc_spec_group_container a:hover, .filterContainer .cc_spec_group_container a:focus { text-decoration: none; } .filterContainer .cc_filter_buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 26px 0 0 0; } .filterContainer input[type="checkbox"] { display: none; } .filterContainer .cc_filter_value:before { content: ''; display: inline-block; height: 14px; width: 14px; padding: 2px; border: 1px solid #909090; font-weight: 700; position: absolute; left: 0; margin: 2px 0px 0px 5px; } .filterContainer input[type="checkbox"]:checked ~ .cc_filter_value:before { content: "\e907"; font-family: 'imdadicon' !important; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0.625rem; padding-right: 0px; } .filterContainer .cc_spec_values_container_ar .center-block { padding-left: 0px; padding-right: 20px; } .filterContainer .cc_spec_values_container_ar .cc_filter_value:before { left: unset; right: 0px; } .filterContainer .spec_slider_container { padding: 13px 0px 0px 0px; } .filterContainer .spec_slider_container .noUi-target { width: 100%; padding: 0px 15px; } .filterContainer .spec_slider_container .upperDisp, .filterContainer .spec_slider_container .lowerDisp { margin-right: 0; margin-bottom: 0; padding-bottom: 0; } .filterContainer .spec_slider_container .noUi-handle { height: 30px; width: 30px; background-color: #fbbc2a; border: none; top: -10px; left: -15px; } .filterContainer .spec_slider_container .noUi-handle:before, .filterContainer .spec_slider_container .noUi-handle:after { display: block; left: 10px; top: 8px; } .filterContainer .spec_slider_container .noUi-handle:after { left: 18px; } .filterContainer .spec_slider_container .cc_upper_disp, .filterContainer .spec_slider_container .cc_lower_disp { width: 30px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } _:-ms-fullscreen, :root .productListPage .wishButtons .icon-ic_arrow_down_small { margin-top: 0; } @media only screen and (min-width: 1200px) { _:-ms-fullscreen, :root .productComparePage { width: 1300px; } } .compareTrayProd .panel-body { padding: 25px 0 0; } .compareTrayProd .cc_product_name_img { height: 100px; overflow: hidden; } @media only screen and (max-width: 370px) { .compareTrayProd .cc_product_name_img { display: block; height: 50px; } } .compareTrayProdImageSec { margin: auto -15px; } @media only screen and (max-width: 767px) { .compareTrayProdImageSec { margin: auto -3px; } } .compareTrayProd .img-responsive { max-height: 100%; width: 100%; } @media only screen and (max-width: 370px) { .compareTrayProd .img-responsive { max-width: 50px; } } @media only screen and (min-width: 992px) { .compareTrayProd .cc_compare_tray_name { text-align: left; padding-right: 55px; } } .compareTrayProd .cc_compare_tray_name .cc_product_name { font-size: 0.75rem; font-weight: 400; } @media only screen and (max-width: 370px) { .compareTrayProd .cc_compare_tray_name .cc_product_name { width: 50px; word-break: break-all; } } .productComparePage .cc_spec_table_label, .productComparePage .compareTextRow { color: #3E4348; } .productComparePage .cc_spec_table_label .compareCol, .productComparePage .compareTextRow .compareCol { padding: 10px; } .productComparePage .cc_spec_table_label .compareCol .rfq-label-wrap, .productComparePage .compareTextRow .compareCol .rfq-label-wrap { margin: 0px; } .productComparePage .cc_price_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .productComparePage .discount-container { width: 100%; margin-bottom: 6px; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } .productComparePage .discount-container .cc_baseprice { overflow: visible; white-space: nowrap; } .productComparePage .cc_yousave_price .cc_yousave { padding: 0px 5px; } @media only screen and (max-width: 991px) { .productComparePage .display_mobile_scroll { overflow-x: auto; -webkit-overflow-scrolling: auto; /* Track */ /* Handle */ } .productComparePage .display_mobile_scroll .table-responsive { border: none !important; margin-bottom: 10px; } .productComparePage .display_mobile_scroll .table-responsive th, .productComparePage .display_mobile_scroll .table-responsive td { white-space: normal !important; } .productComparePage .display_mobile_scroll h5.cc_product_link .cc_product_name { font-size: 1rem; } .productComparePage .display_mobile_scroll .compare-qty-wrap { min-width: 180px; } .productComparePage .display_mobile_scroll ::-webkit-scrollbar { height: 12px !important; } .productComparePage .display_mobile_scroll ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important; border-radius: 5px !important; } .productComparePage .display_mobile_scroll ::-webkit-scrollbar-thumb { border-radius: 5px !important; background: #B3B3B3 !important; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important; } .productComparePage .display_mobile_scroll ::-webkit-scrollbar-thumb:window-inactive { background: #B3B3B3 !important; } } @media only screen and (max-width: 991px) { .productComparePage .productComparePage .cc_product_container h5.cc_product_link { height: auto; } } .addToCartConfirmation_container .close_icon_container { float: none !important; } .addToCartConfirmation_container .close_confirmation { cursor: pointer; } .addToCartConfirmation_container .confirmation_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .addToCartConfirmation_container .confirmation_container > div:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .addToCartConfirmation_container .confirmation_container_ar { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; font-family: 'Cairo', sans-serif; } .addToCartConfirmation_container .confirmation_container_ar .display_label { text-align: right; } .addToCartConfirmation_container .confirmation_container_ar > div:last-child { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .addToCartConfirmation_container .display_label { margin: 0px; font-size: 1.25rem; color: #3E4348; } .addToCartConfirmation_container .gotoPLPbtn, .addToCartConfirmation_container .gotoCartbtn { max-width: 200px; width: 100%; margin: 5px; } @media only screen and (max-width: 991px) { .addToCartConfirmation_container .confirmation_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .addToCartConfirmation_container .display_label { text-align: center !important; margin: 0px 0px 15px; } .addToCartConfirmation_container .product-price-value { font-size: 1rem; } } @media only screen and (max-width: 450px) { .addToCartConfirmation_container .confirmation_container > div:last-child { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .addToCartConfirmation_container .gotoPLPbtn, .addToCartConfirmation_container .gotoCartbtn { min-width: 200px; } } @media only screen and (max-width: 991px) { .contentBody.cc_content_body { padding-top: 0; background-color: #FFFFFF; } .productListHeader.cc_page_header { margin-top: 1.5rem; overflow: hidden; } .productListHeader .cc_controls_panel { margin-bottom: 0; padding: 0; } .productListHeader .cc_category_details .cc_category_desc ~ p { display: none !important; } .productListHeader .cc_category_details .flex-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .productListHeader .cc_category_details .flex-header .cc_category_name { font-size: 1.25rem; font-weight: 500; line-height: 1.2; text-align: left; color: #3E4348; justify-self: left; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .productListHeader .cc_category_details .flex-header .cc_product_results_tagline { font-size: 0.75rem; font-weight: normal; font-style: normal; line-height: 1.17; color: #BEC1C4; margin-top: 0; -ms-flex-item-align: center; align-self: center; width: auto; } .productListHeader .cc_remove_filters { font-size: 0.875rem; line-height: 1.14; color: #2054FF; } .productListHeader .cc_filter_breadcrumb { font-size: 0.875rem; font-weight: 500; line-height: 1.14; color: #3E4348; } .productListHeader .cc_filter_breadcrumb a.remove i.icon.icon-ic_cross { font-size: 0.625rem; color: #909090; } .modal-dialog.sort-dialog, .modal-dialog.filter-dialog { height: 100%; margin-bottom: -48px; } .modal-dialog.sort-dialog #collapseFilters, .modal-dialog.filter-dialog #collapseFilters { margin: 0 0 15px; } .modal-dialog.sort-dialog .btn-row, .modal-dialog.filter-dialog .btn-row { position: absolute; bottom: 0; left: 0; right: 0; } .modal-dialog.sort-dialog li.cc_sort_item .icon, .modal-dialog.sort-dialog .btn .icon, .modal-dialog.filter-dialog li.cc_sort_item .icon, .modal-dialog.filter-dialog .btn .icon { opacity: 0.75; } .modal-dialog.sort-dialog .cc_sort_options, .modal-dialog.filter-dialog .cc_sort_options { list-style: none; border: none; border-width: 0; margin: 0px 2px; padding: 0px; } .modal-dialog.sort-dialog .cc_product_sort, .modal-dialog.filter-dialog .cc_product_sort { text-align: left; } .modal-dialog.sort-dialog .cc_sort_item, .modal-dialog.filter-dialog .cc_sort_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: solid 2px #ebebeb; } .modal-dialog.sort-dialog .cc_sort_item .icon, .modal-dialog.filter-dialog .cc_sort_item .icon { margin-top: 8px; font-size: 1.1rem; } .modal-dialog.sort-dialog .cc_sort_item .cc_sort_option, .modal-dialog.filter-dialog .cc_sort_item .cc_sort_option { background-color: #fff; font-size: 0.875rem; line-height: 1.43; color: #3E4348; padding-left: 0; padding-right: 0; } .productListPage #filtersModal, .productListPage #sortModal { border: 10px solid #3E4348 !important; background-color: #fff; margin: 0; border: none; overflow-y: hidden; } .productListPage #filtersModal .panel-heading.cc_heading, .productListPage #sortModal .panel-heading.cc_heading { padding: 30px 15px 5px; } .productListPage #filtersModal button.close, .productListPage #sortModal button.close { width: 100%; margin: 0; padding: 0; opacity: 1; color: #909090; } .productListPage #filtersModal .cc_sort_option, .productListPage #sortModal .cc_sort_option { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .productListPage #filtersModal .icon, .productListPage #sortModal .icon { font-size: 1.5rem; } .productListPage #filtersModal h3.cc_title, .productListPage #sortModal h3.cc_title { font-size: 1.25rem; font-weight: 500; line-height: 1.2; text-align: center; color: #3E4348; margin-top: 21px; margin-bottom: 10px; } .productListPage #filtersModal h5.cc_title, .productListPage #sortModal h5.cc_title { font-size: 0.875rem; line-height: 1.43; text-align: left; color: #3E4348; } .productListPage #filtersModal .cc_filter_value, .productListPage #sortModal .cc_filter_value { float: left; } .productListPage #filtersModal button.btn-viewresults, .productListPage #sortModal button.btn-viewresults { color: #3E4348; font-size: 1rem; line-height: 1.5; position: absolute; bottom: 10px; height: 46px; text-shadow: none; font-weight: normal; } .productListPage #filtersModal { /*.cc_filter_breadcrumbs{ display: none; }*/ } .productListPage #filtersModal .panel-heading.cc_heading { /*height: 100%;*/ padding-left: 0; padding-right: 0; } .productListPage #filtersModal .PLP-filter-content { height: calc(100% - 110px); overflow: scroll; padding: 0 15px; } .productListPage #filtersModal .cc_filter_value:before { margin: 0; height: 20px; width: 20px; } .productListPage #filtersModal input[type="checkbox"]:checked ~ .cc_filter_value:before { font-size: 0.85rem; } .productListPage #filtersModal .cc_filter_breadcrumb_panel { padding-left: 0; padding-right: 0; } .productListPage #filtersModal .cc_filter_breadcrumb_panel .cc_filter_breadcrumb_list { padding: 20px 0 0; border-top: 2px solid #EBEBEB; margin: 0px 20px 15px; } .productListPage #filtersModal .cc_filter_breadcrumb_panel .cc_filter_breadcrumb { background-color: transparent; border-color: #EBEBEB; border-style: solid; border-width: 2px; color: #3E4348; border-radius: 0; font-size: 0.875rem !important; font-weight: 500; line-height: 1.14; margin-right: 5px; } .productListPage #filtersModal .cc_filter_breadcrumb_panel .cc_filter_breadcrumb a { color: #676767; } .productListPage #filtersModal .cc_filter_breadcrumb_panel .cc_filter_breadcrumb a .icon { color: #909090; font-size: 1rem; } .productListPage #filtersModal .cc_filter_options { overflow: scroll; padding-bottom: 40px; } .productListPage #filtersModal .cc_remove_filters_control { text-align: center; border-top: 1px solid #EBEBEB; margin-bottom: 25px; } .productListPage #filtersModal .cc_remove_filters_control .cc_remove_filters { line-height: 1.14; font-size: 0.875rem; color: #2054FF; text-decoration: none; } .productListPage .btn-default:focus { background-color: #fff; border: solid 2px #EBEBEB; } .productListPage .product-list_filter-actions { padding: 0 15px; margin-bottom: 15px; margin-left: 0; margin-right: 0; } .productListPage .product-list_filter-actions .col-xs-6:nth-of-type(odd) { padding-left: 0; padding-right: 5px; } .productListPage .product-list_filter-actions .col-xs-6:nth-of-type(even) { padding-left: 5px; padding-right: 0; } .productListPage .product-list_filter-actions .btn { font-size: 0.875rem; font-weight: 500; line-height: 3.5; text-align: center; color: #3E4348; text-transform: uppercase; min-height: 51px; min-width: 140px; overflow-x: hidden; border-radius: 0; border: 2px solid #EBEBEB; text-overflow: ellipsis; width: -webkit-fill-available; } .productListPage .product-list_filter-actions .btn-filter { margin-left: 0; } .productListPage .product-list_filter-actions .btn-filter p { margin: 0; } .productListPage .product-list_filter-actions .btn-sort p { margin: 0; } .productListPage .productListContent { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .productListPage .productListContent > .clearfix { display: none; } .productListPage .productListContent.row { margin-left: 0; margin-right: 0; } .productListPage .productListContent.row:before, .productListPage .productListContent.row:after { display: none; } .productListPage .cc_product_container .included_items, .productListPage .cc_product_container .cc_qty_control_row, .productListPage .cc_product_container .cc_action, .productListPage .cc_product_container .cc_wishlist { display: none; } .productListPage .cc_grid_item .cc_grid_product_info, .productListPage .cc_grid_item .cc_price_container, .productListPage .cc_grid_item .cc_product_grid_actions { padding: 8px 8px 0 8px; margin: 0; } .productListPage .cc_grid_item .cc_grid_product_info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .productListPage .cc_grid_item .cc_price_container { padding: 0 8px !important; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .productListPage .cc_grid_item .cc_price_container .gp_prod { font-size: 14px; line-height: 1.14; color: #2054FF; } .productListPage .cc_grid_item .cc_price_container .cc_price { font-size: 14px; line-height: 1.14; text-align: left; margin-bottom: 0; } .productListPage .cc_grid_item .cc_price_container .cc_price .product-price-value { color: #3E4348; } .productListPage .cc_grid_item .cc_price_container .cc_price .measure-each { display: none; } .productListPage .cc_grid_item .cc_product_grid_actions { padding: 0 !important; margin: 0 !important; } .productListPage .cc_grid_item .compare-wishlist-container { height: auto; } .productListPage .cc_grid_container .cc_product_container .cc_product_link { overflow: visible; } .productListPage .cc_product_container { padding: 0 !important; width: 48%; margin-bottom: 25px; } .productListPage .cc_product_container h5.cc_product_link { height: auto; margin-bottom: 0; margin-top: 0; } .productListPage .cc_product_item { -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); } .productListPage .cc_product_item .thumbnail { height: 100%; margin-bottom: 0 !important; } .productListPage .cc_product_item .thumbnail .caption { padding: 8px; } .productListPage .cc_product_item .thumbnail .cc_product_name_img { max-height: 140px; } .productListPage .cc_product_item .thumbnail .cc_product_name_img.img_responsive { height: 0; } .productListPage .cc_product_item .thumbnail .cc_product_name_img img { min-height: 140px; height: 140px; -o-object-fit: cover; object-fit: cover; } .productListPage .cc_product_item .cc_product_link a { font-size: 0.875rem; font-weight: 500; font-style: normal; line-height: 1.14; text-align: left; color: #3E4348; } .productListPage .cc_product_item .description.cc_desc { display: none; } .productListPage .cc_product_item hr { display: none; } .productListPage .cc_product_item .cc_availability { font-size: 0.875rem; } .productListPage .cc_product_item .cc_price_container span, .productListPage .cc_product_item .cc_price_container p { font-size: 0.875rem; font-weight: normal; line-height: 1.14; color: #3E4348; margin-left: 4px; } .productListPage .cc_product_item .cc_price_container .cc_price.cc_yousave_price span { color: #6AC259 !important; } .productListPage .compare-wishlist-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .productListPage .compare-wishlist-container .cc_compare { float: unset; } .filterContainer .cc_filter_container { background-color: #fff; padding: 0; } .productComparePage .container.cc_main_container.cc_tmpl_OneColRD { margin-bottom: -24px; } } @media only screen and (min-width: 1200px) { .productListPage .cc_grid_container > .cc_product_container { width: 311px; } } @media only screen and (max-width: 991px) { .cc_list_footer .col-xs-12 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .promotion-box-LeftNav.promotion-box--visible { margin-top: 8px !important; } } .compareTrayControls .cc_clear_compare { display: block; margin-top: 15px; } @media only screen and (min-width: 992px) { .prodDetailContainer { padding: 0 35px 0 0; } } @media only screen and (min-width: 1200px) { .prodDetailContainer { margin-left: -15px; } } .prodDetailContainer .tabSection .cc_nav-tabs { border-bottom: none; text-align: center; background-color: #3E4348; z-index: 100; white-space: nowrap; width: 100% !important; padding: 0; } .prodDetailContainer .tabSection .cc_nav-tabs > li { float: none; display: inline-block; margin-bottom: 0; } .prodDetailContainer .tabSection .cc_nav-tabs > li > a { border: none; margin: 0; color: #FFFFFF; padding: 2rem 1rem; cursor: pointer; background-color: transparent; } @media only screen and (min-width: 992px) { .prodDetailContainer .tabSection .cc_nav-tabs > li > a:focus, .prodDetailContainer .tabSection .cc_nav-tabs > li > a:hover { background-color: transparent; color: #fbbc2a; } } .prodDetailContainer .tabSection .cc_nav-tabs > li > a p { margin: 0; } .prodDetailContainer .tabSection .cc_nav-tabs > li.active > a { color: #fbbc2a; border: none; border-bottom: 3px solid #fbbc2a; background-color: transparent; } .prodDetailContainer .tabSection .cc_nav-tabs > li.active > a:focus, .prodDetailContainer .tabSection .cc_nav-tabs > li.active > a:hover { color: #fbbc2a; border: none; border-bottom: 3px solid #fbbc2a; } .prodDetailContainer .tabSection .tab-content .pane-title { margin-bottom: 1.5rem; color: #3E4348; } .prodDetailContainer .tabSection .tab-content .secContentDescription ul { margin: 10px 0 15px 25px; } .prodDetailContainer .tabSection .tab-content .specSection { padding: 3.5rem; background-color: #F1F3F4; } .prodDetailContainer .tabSection .tab-content .specSection .pdp-spec-sec .groupName { color: #909090; font-size: 0.9375rem; margin-bottom: 2.8125rem; } .prodDetailContainer .tabSection .tab-content .specSection .pdp-spec-sec .spec-name { color: #3E4348; font-size: 1.1875rem; } .prodDetailContainer .tabSection .tab-content .specSection .pdp-spec-sec .spec-value { color: #909090; font-size: 1.25rem; } .prodDetailContainer .tabSection .tab-content .specSection .pdp-spec-sec .spec-sec-hr { border-top: 1px solid #E4E6E7; margin: 2.0625rem 0; } .prodDetailContainer .tabSection .tab-content .pane-hr { margin: 2.5rem 0; } .prodDetailContainer .tabSection .tab-content .cc_tab-pane:last-child hr:last-child { display: none; } .prodDetailContainer .tabSection .panel-body { padding-top: 20px; } .prodDetailContainer .addItem { width: 100%; } .prodDetailContainer .addItem:focus { background-color: #fbbc2a; border-color: #fbbc2a; } .prodDetailContainer .addItem:hover { background-color: #fdd780; border-color: #fdd780; } .prodDetailContainer .price_block.cc_price_block { font-size: 1.25rem; color: #909090; } .prodDetailContainer .tier-info-box-mobile { display: none; } @media only screen and (max-width: 767px) { .prodDetailContainer .tier-info-box-mobile { display: block; } } .prodDetailContainer .product_detail { padding: 0; } .prodDetailContainer .product_detail .inventory { margin-bottom: 1rem; font-size: 0.875rem; } .prodDetailContainer .product_detail .inventory .STOCK_LOW, .prodDetailContainer .product_detail .inventory .STOCK_UNAVAILABLE { color: #E37A00; } .prodDetailContainer .product_detail .inventory .STOCK_AVAILABLE { color: #6AC259; } .prodDetailContainer .product_detail .pdp-price-mainprice { line-height: 1.21; margin-bottom: 1rem; font-size: 1rem; } .prodDetailContainer .product_detail .pdp-price-mainprice-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1rem; } .prodDetailContainer .product_detail .pdp-price-mainprice .mp-val, .prodDetailContainer .product_detail .pdp-price-mainprice .mp-val + span:not([class]) { text-decoration: line-through; font-size: 1rem; } .prodDetailContainer .product_detail .pdp-price-savingprice { color: #6AC259; line-height: 1.19; font-size: 1rem; margin-left: 1.5rem; font-size: normal; } .prodDetailContainer .product_detail .pdp-price-taxprice { line-height: 1.19; font-size: 1rem; margin-bottom: 1.8125rem; } .prodDetailContainer .product_detail .pdp-price-totalprice { color: #3E4348; font-size: 1.25rem; line-height: 1.17; margin-bottom: 2.25rem; } .prodDetailContainer .product_detail .pdp-price-totalprice .mp-each { display: inline-block; margin-right: 5px; } .prodDetailContainer .product_detail .pdp-price-totalprice .inc-vat, .prodDetailContainer .product_detail .pdp-price-totalprice .mp-each { color: #909090; font-size: 1rem; line-height: 24px; } .prodDetailContainer .product_detail .pdp-price .mp-each { text-decoration: none !important; display: inline-block; } .prodDetailContainer .product_detail .cc_agg_section .dropdown-toggle .filter-option-inner-inner { color: #3E4348; } .prodDetailContainer .product_detail .cc_agg_section .dropdown-menu > li > a { color: #3E4348; } .prodDetailContainer .pdp-item-title { font-size: 1.875rem; color: #3E4348; margin-top: 0; } .prodDetailContainer .pdp-item-desc { font-size: 1rem; color: #3E4348; } .prodDetailContainer .cc_alt_image_modal .modalImg { width: 100%; max-width: 500px; } .prodDetailContainer .related-product-wrap .cc_data_link, .prodDetailContainer .related-product-wrap .cc_cart_item { outline: none; } .prodDetailContainer .related-product-wrap .cc_cart_item { height: 210px; background-color: #F1F3F4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .prodDetailContainer .related-product-wrap .cart-item { margin-top: 1.25rem; } @media only screen and (min-width: 768px) { .prodDetailContainer .related-product-wrap .cart-item { min-height: 5.25rem; } } .prodDetailContainer .related-product-wrap .cart-item a { font-size: 1.125rem; color: #909090; padding: 0 1rem; display: block; } @media only screen and (max-width: 767px) { .prodDetailContainer .related-product-wrap .cart-item a { font-size: 1rem; font-weight: 500; line-height: 1.19; color: #909090; } } @media only screen and (min-width: 768px) { .prodDetailContainer .related-product-wrap .cart-item a { min-height: 75px; } } .prodDetailContainer .related-product-wrap .cart-price { font-size: 1.25rem; color: #3E4348; margin: 0; padding: 0 1rem; } @media only screen and (max-width: 767px) { .prodDetailContainer .related-product-wrap .cart-price { font-size: 1rem; font-weight: normal; line-height: 1.19; color: #41464b; } } .prodDetailContainer .related-product-wrap .cart-price-wrap { min-height: 1.75rem; } .prodDetailContainer .related-product-wrap .prod-desc { padding: 0 1rem; } .prodDetailContainer .related-product-wrap .item-helper { padding: 0; min-height: 297px; } @media only screen and (min-width: 768px) { .prodDetailContainer .related-product-wrap .item-helper { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); margin-bottom: 20px; } } .prodDetailContainer .related-product-wrap .prodDetRel { max-height: 100%; } .prodDetailContainer .related-product-wrap .icon-wrap { text-align: right !important; padding: 1rem 2rem; } .prodDetailContainer .related-product-wrap .icon-wrap .icon { cursor: pointer; } .prodDetailContainer .related-product-wrap .icon-wrap .icon .icon-ic_arrow_more { font-size: 1.625rem; color: #fbbc2a; } .prodDetailContainer .related-product-wrap .cc_prod_name { overflow: hidden; } .prodDetailContainer .widget_container h3 { font-size: 1.875rem; } .prodDetailContainer .videoSection .video-wrapper { padding-bottom: 30px; } .prodDetailContainer .videoSection .modal-content { padding: 0; height: unset; } .prodDetailContainer .videoSection .modal-body { padding: 0; } .prodDetailContainer .videoSection svg { cursor: pointer; } .prodDetailContainer .videoSection .col-md-4:first-child { padding-left: 0; } .prodDetailContainer .pdfSection { display: -webkit-box; display: -ms-flexbox; display: flex; } .prodDetailContainer .pdfSection .product-doc-wrap { margin: 0px 35px 0px 0px; } .prodDetailContainer .pdfSection .product-doc-wrap_ar { margin: 0px 0px 0px 35px; } .prodDetailContainer .pdfSection .pdf-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.25rem; color: #3E4348; cursor: pointer; text-decoration: none; } .prodDetailContainer .pdfSection .pdf-name svg { cursor: pointer; margin-right: 1.5rem; } .prodDetailContainer .pdfSection .col-md-4:first-child { padding-left: 0; } .prodDetailContainer .pdp-spec-sec .groupName { color: #909090; font-size: 0.9375rem; line-height: 1.125rem; text-transform: uppercase; margin-bottom: 2.8125rem; } .prodDetailContainer .pdp-spec-sec .cc_name { color: #3E4348; font-size: 1.1875rem; line-height: 1.4375rem; } .prodDetailContainer .pdp-spec-sec .cc_value { color: #909090; font-size: 1.25rem; line-height: 1.5rem; } .prodDetailContainer .pdp-spec-sec hr { border-top-color: #E4E6E7; margin: 2.0625rem 0; } .prodDetailContainer .pdp-spec-sec .nvRow { padding: 0; } .prodDetailContainer .pdp-spec-sec .nvRow .spec-name, .prodDetailContainer .pdp-spec-sec .nvRow .spec-value { padding: 0; } .prodDetailContainer .pdp-spec-sec .nvRow hr:last-child { display: none; } .prodDetailContainer .quantity_block { margin-top: 0.75rem; z-index: 1; width: auto; } @media only screen and (max-width: 992px) { .prodDetailContainer .quantity_block { margin-top: 0; margin-bottom: 0.75rem; } } .prodDetailContainer .quantity_block .cc_quantity_block { padding: 0; } .prodDetailContainer .quantity_block .cc_quantity_block .pdp-qty-control { margin-left: 4px; } .prodDetailContainer .quantity_block input#qty { font-size: 1rem; font-weight: normal; line-height: 1.5; text-align: center; color: #3E4348; border-color: #BEC1C4; } .prodDetailContainer .quantity_block .pdp-qty { text-transform: uppercase; color: #909090; font-size: 1rem; margin-top: 2px; margin-left: -28px; margin-right: 0.75rem; } .prodDetailContainer .secRelatedCrossSell_container { margin-bottom: 42px; } .prodDetailContainer .additional-discount-info { display: block; color: #2054FF; font-size: 0.75rem; line-height: 1.14; margin-top: 6px; } .prodDetailContainer .mobileIncludedQuantity { margin: 10px 0 10px -5px; } @media only screen and (min-width: 992px) { .cc_main_container--ar .prodDetailContainer { padding: 0 0 0 35px; } .cc_main_container--ar .prodDetailContainer .addItem { float: left; } } @media only screen and (min-width: 1200px) { .cc_main_container--ar .prodDetailContainer { margin-left: 0; margin-right: -15px; } } .cc_main_container--ar .prodDetailContainer .quantity_block { float: right; } .cc_main_container--ar .prodDetailContainer .quantity_block .pdp-qty { float: right; margin-right: -28px; margin-left: 12px; } .cc_main_container--ar .prodDetailContainer .wishButtons { text-align: left; } .cc_main_container--ar .prodDetailContainer .pdp-item .btn-group .dropdown-menu { text-align: right; } .cc_main_container--ar .prodDetailContainer .icon-ic_arrow_more { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .cc_main_container--ar .prodDetailContainer .tabSection .tab-content .specSection .pdp-spec-sec .spec-value { text-align: left !important; } .cc_main_container--ar .prodDetailContainer .tabSection .secContentDescription ul { margin: 10px 35px 15px 0px; } .cc_main_container--ar .prodDetailContainer .pdfSection .pdf-name svg { margin-right: 0; margin-left: 1.5rem; } .cc_main_container--ar .prodDetailContainer .pdp-qty-control { float: left !important; } .cc_main_container--ar .prodDetailContainer .pdp-aggr-selection .filter-option { text-align: right; float: right; padding-right: 0; padding-left: 8px; } .cc_main_container--ar .prodDetailContainer .pdp-aggr-selection .caret { left: 12px; right: auto; margin-left: 0; margin-right: 10px; } .cc_main_container--ar .prodDetailContainer .pdp-aggr-selection li a { text-align: right; } .cc_main_container--ar .prodDetailContainer .includedItemsSection h3.cc_title { text-align: right; } .cc_main_container--ar .prodDetailContainer .includedItemsSection .icon-wrap { float: left !important; } .cc_main_container--ar .prodDetailContainer .includedItemsSection .cc_widget_column > div { float: right; } .cc_main_container--ar .prodDetailContainer .includedItemsSection .cc_widget_column .cc_quantity { direction: ltr; text-align: right; } .cc_main_container--ar .prodDetailContainer .pdp-price-savingprice { margin-left: 0; margin-right: 1.5rem; display: inline-block; } @media only screen and (max-width: 767px) { .cc_main_container--ar .prodDetailContainer .product_title.cc_product_title { text-align: right; } .cc_main_container--ar .prodDetailContainer .shortDesc.cc_short_desc { text-align: right; } .cc_main_container--ar .prodDetailContainer .quantity_block .pdp-qty { width: auto; margin-left: 0px; } .cc_main_container--ar .prodDetailContainer .quantity_block .pdp-qty.aggregated { margin-left: 0px !important; } .cc_main_container--ar .prodDetailContainer .wishButtons { text-align: center; } .cc_main_container--ar .prodDetailContainer .tabSection .tab-content h1.pane-title { text-align: right; } .cc_main_container--ar .prodDetailContainer .tabSection .tab-content p.secContentDescription { text-align: right; } .cc_main_container--ar .prodDetailContainer .product_detail_item .tier-wrap .tier-outerbox:nth-child(2n+1) { padding-left: 2px; padding-right: 15px; } .cc_main_container--ar .prodDetailContainer .product_detail_item .tier-wrap .tier-outerbox:nth-child(2n) { padding-left: 10px; padding-right: 2px; } .cc_main_container--ar .prodDetailContainer .cc_prt_heading_label { text-align: right; } .cc_main_container--ar .prodDetailContainer .widgetSection .cc_title { text-align: right !important; } } .cc_main_container--ar .prodDetailContainer .related-tiered-product-wrap .related-tiered-product-tile { float: right; } @media only screen and (max-width: 992px) { .osf_pdp_tmpl.cc_main_container--ar .cc_main_content_col, .osf_pdp_tmpl.cc_main_container--ar .cc_left_col { float: none !important; } } .categoryName .pdp-ctg-name { color: #3E4348; text-transform: uppercase; } .osf_pdp_tmpl .wishButtons { text-align: right; margin-top: 1.5rem; } @media only screen and (max-width: 767px) { .osf_pdp_tmpl .wishButtons { margin-top: 1.5rem; text-align: center; margin-right: -15px; } .osf_pdp_tmpl .wishButtons button.btn-sm { height: 1.375rem; } } .osf_pdp_tmpl .wishButtons .dropdown-menu li a.pickWish { padding: 3px 14px; text-overflow: ellipsis; overflow: hidden; } .osf_pdp_tmpl .widgets-container { padding-top: 0 !important; } .osf_pdp_tmpl .widgets-container .minicart { background-color: #FFFFFF; padding: 0; display: block; margin-bottom: 2.5rem; } .osf_pdp_tmpl .widgets-container .minicart .panel { font-size: 1rem; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; border: solid 2px #EBEBEB; background-color: #FFFFFF; padding: 1.25rem; margin: 0px; } .osf_pdp_tmpl .widgets-container .minicart .panel .panel-heading { position: relative; text-transform: uppercase; } .osf_pdp_tmpl .widgets-container .minicart .panel .panel-heading .glyphicon { font-size: 1.25rem; } .osf_pdp_tmpl .widgets-container .minicart .panel .down-arrow { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; width: 40px; } .osf_pdp_tmpl .widgets-container .minicart .panel .panel-title { display: inline-block; color: #3E4348; margin-left: 1rem; } .osf_pdp_tmpl .widgets-container .minicart .panel .collapse.in { min-height: 5rem; } .osf_pdp_tmpl .widgets-container .minicart .cc_prod_link, .osf_pdp_tmpl .widgets-container .minicart .cc_prod_link:link, .osf_pdp_tmpl .widgets-container .minicart .cc_product_name_link, .osf_pdp_tmpl .widgets-container .minicart .cc_product_name_link:link { font-weight: 400; color: #3E4348; text-decoration: none; font-size: inherit; text-align: left; cursor: pointer; } .osf_pdp_tmpl .widgets-container .minicart .cc_prod_link:hover, .osf_pdp_tmpl .widgets-container .minicart .cc_product_name_link:hover { color: #fbbc2a; } .osf_pdp_tmpl .widgets-container .minicart .summary { border-top: none; } .osf_pdp_tmpl .widgets-container .minicart .cc_cart_item_count, .osf_pdp_tmpl .widgets-container .minicart .cc_subtotal { color: #3E4348; font-size: 1.25rem; } .osf_pdp_tmpl .widgets-container .minicart .cc_item_heading, .osf_pdp_tmpl .widgets-container .minicart .cc_row_total, .osf_pdp_tmpl .widgets-container .minicart .sku, .osf_pdp_tmpl .widgets-container .minicart .updateCartButton { display: none; } .osf_pdp_tmpl .widgets-container .minicart .loggedInAction { font-size: 0.875rem !important; font-weight: 400; line-height: 1.14; text-transform: capitalize; padding: 0; text-align: right; color: #2054FF; } .osf_pdp_tmpl .widgets-container .no_items { line-height: 1.5; text-align: center; color: #909090; } .osf_pdp_tmpl .widgets-container .gp_btn_reorder { width: 100%; } .osf_pdp_tmpl .widgets-container .cc_items { margin-bottom: 1rem; } .osf_pdp_tmpl .widgets-container .cc_items .cc_prod_name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .osf_pdp_tmpl .promotion-box-LeftNav { padding: 0; } .osf_pdp_tmpl .promotion-box-LeftNav .cc_promo_img { width: 100%; } .osf_pdp_tmpl .rfq-label-wrap { color: #909090; font-size: 1rem; margin-bottom: 2rem; } .osf_pdp_tmpl .unit-of-measure { margin-bottom: 1rem; font-size: 0.875rem; color: #3E4348; } .osf_pdp_tmpl .pdp-aggr-selection button.btn-default { background-color: #F1F3F4; border: solid #EBEBEB 2px; height: 38px; padding: 0.5rem; } .osf_pdp_tmpl .pdp-aggr-selection .dropdown-menu { border-radius: 0; } .osf_pdp_tmpl .pdp-aggr-selection .dropdown-menu li a { padding: 0.5rem; } .osf_pdp_tmpl .pdp-aggr-selection .dropdown-menu > .active > a { color: #3E4348; background-color: #F1F3F4; } .osf_pdp_tmpl .tier-outerbox { text-align: center; font-size: 0.75rem; padding: 0 0.625rem; } @media only screen and (min-width: 991px) { .osf_pdp_tmpl .tier-outerbox { padding-right: 0; } } .osf_pdp_tmpl .tier-innerbox { border: solid 2px #EBEBEB; margin-left: 0.3125rem; margin-bottom: 1.3125rem; padding: 0.75rem 0; color: #3E4348; } @media only screen and (min-width: 991px) { .osf_pdp_tmpl .tier-innerbox { margin-bottom: 0.8125rem; } } .osf_pdp_tmpl .tier-innerbox.cc_prt_tier_box_selected { border: solid 2px #F1F3F4; } .osf_pdp_tmpl .tier-innerbox .cc_prt_tier_box_text_price { font-weight: bold; } .osf_pdp_tmpl .tier-innerbox .i-vat { font-weight: normal; } .osf_pdp_tmpl .tier-innerbox b { font-family: 'Roboto', sans-serif; } .osf_pdp_tmpl .tier-title { font-size: 0.875rem; text-transform: uppercase; color: #3E4348; } .osf_pdp_tmpl .tier-info-container > .tier-info-box-wrap { display: none; } .osf_pdp_tmpl .tier-info-text { font-size: 1rem; color: #3E4348; line-height: 1.19; margin-top: -1.5rem; } .osf_pdp_tmpl .tier-info-box { margin: 0; font-size: 1rem; line-height: 1.19; } @media only screen and (max-width: 767px) { .osf_pdp_tmpl .tier-info-box { font-size: 0.875rem; line-height: 1.14; text-align: center; color: #6AC259; } } .osf_pdp_tmpl .tier-info-box-wrap { background-color: #F1F3F4; color: #6AC259; font-size: 0.9375rem; padding: 1rem; margin-top: -40px; margin-bottom: 2rem; } @media only screen and (max-width: 767px) { .osf_pdp_tmpl .tier-info-box-wrap { margin-top: -10px; } } .osf_pdp_tmpl .tier-hr { margin: 2.5rem 0; border-top: 2px solid #EBEBEB; } .osf_pdp_tmpl .tierInf hr { display: none; } .osf_pdp_tmpl .icon { cursor: pointer; } .osf_pdp_tmpl .icon-ic_arrow_more { font-size: 1.625rem; color: #fbbc2a; } .osf_pdp_tmpl .bg-info { background-color: #FFFFFF; } .osf_pdp_tmpl .bg-highlight { background-color: #F1F3F4; border: solid 2px #F1F3F4; } @media only screen and (min-width: 992px) { .osf_pdp_tmpl .cc_prt_outer_row { margin-right: 0; } .osf_pdp_tmpl .wishButtons.cc_plus_minus { padding-right: 0; } .osf_pdp_tmpl .addItem { max-width: 230px; float: right; } } .osf_pdp_tmpl .pdp-qty-control { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .osf_pdp_tmpl .pdp-qty-control-btn { background-color: transparent; border: none; } .osf_pdp_tmpl .pdp-qty-control-btn:focus { border: none; outline: none; } .osf_pdp_tmpl .pdp-qty-control-icon { font-size: 0.75rem; } _:-ms-fullscreen, :root .wishButtons .dropdown .dropdown-toggle { margin-left: -25px; margin-top: 0; min-width: 0; } _:-ms-fullscreen, :root .wishButtons .icon-ic_arrow_down_small { margin-left: 24px; margin-top: 4px; } _:-ms-fullscreen, :root .includedItemsSection .cc_quick_wishlist_item { display: block !important; } @supports (-moz-appearance: none) { .wishButtons .icon-ic_arrow_down_small { margin-top: 1px; } } .container.cc_main_container.osf_pdp_tmpl { margin-top: 0px; } .container.cc_main_container.osf_pdp_tmpl .pdp-ctg-name { margin-top: 0px; } .tier-inf-desktop { display: block; } .tier-inf-mobile { display: none; } @media only screen and (max-width: 767px) { .tier-inf-desktop { display: none; } .tier-inf-mobile { display: block; } .tier-inf-mobile .tier-info-container { margin-top: 5px; padding-top: 25px; padding-bottom: 25px; border-top: 2px solid #EBEBEB; } .tier-inf-mobile .tier-info-box-wrap { margin-bottom: 20px; margin-top: 0; } .tier-inf-mobile .tier-info-box-wrap .tier-info-box { font-size: 0.875rem; line-height: 1.14; font-weight: normal; } .tier-inf-mobile .quick_wishlist { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); } .tier-inf-mobile .quick_wishlist .featured_prod_item { margin-bottom: 0 !important; } .tier-inf-mobile .tier-hr { margin: 25px 0; display: none; } .osf-slider-wrap .osf-slider-prev { left: 10px; } .osf-slider-wrap .osf-slider-next { right: 10px; } .osf-imageslider-wrap .osf-slider-prev, .osf-imageslider-wrap .osf-slider-next { background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: none; background-color: transparent; z-index: 10; outline: none; } } @media only screen and (max-width: 767px) and (max-width: 767px) { .osf-imageslider-wrap .osf-slider-prev, .osf-imageslider-wrap .osf-slider-next { height: 35px; width: 35px; } } @media only screen and (max-width: 767px) { .osf-imageslider-wrap .osf-slider-prev { background-image: url(../images/splash_arrow_left.svg); left: 10px; } .osf-imageslider-wrap .osf-slider-next { background-image: url(../images/splash_arrow_right.svg); right: 10px; } .osf-imageslider-wrap .osf-imageslider-item { height: 290px; max-height: 290px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #F1F3F4; margin: 0 15px; padding: 0; } .osf-imageslider-wrap .osf-imageslider-item img { max-height: 100%; } .osf-imageslider-wrap .osf-imageslider-item .item-helper { -webkit-box-shadow: none; box-shadow: none; border: none; } .prodDetailContainer .cc_product_detail_container { margin: 0; padding: 0; } .prodDetailContainer .product_title.cc_product_title { font-size: 20px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-align: left; color: #3E4348; margin-top: 20px; margin-bottom: 24px; } .prodDetailContainer .shortDesc.cc_short_desc { font-size: 14px; font-weight: normal; line-height: 1.21; letter-spacing: normal; text-align: left; color: #3E4348; } .prodDetailContainer .cc_prt_heading_label { font-size: 14px; font-weight: 500; line-height: 1.14; letter-spacing: normal; text-align: left; color: #3E4348; } .prodDetailContainer .cc_main_prod_image--hidden { display: none; } .prodDetailContainer .addItem { color: #3E4348; } .prodDetailContainer .product_type_aggregate .row .price_block { display: none; } .prodDetailContainer .product_type_aggregate #price-mobile .price_block { display: block; } .prodDetailContainer .product_detail_item .rfq-label-wrap { color: #3E4348; font-size: 0.875rem; } .prodDetailContainer .product_detail_item .pdp-price-mainprice .mp-val, .prodDetailContainer .product_detail_item .pdp-price-mainprice .mp-val + span:not([class]) { text-decoration: line-through; font-size: 1rem; font-weight: 500; color: #909090; } .prodDetailContainer .product_detail_item .pdp-price-mainprice .mp-each { font-size: 1rem; font-weight: 500; color: #909090; } .prodDetailContainer .product_detail_item .tier-wrap .tier-outerbox:nth-child(2n+1) { padding-left: 8px; padding-right: 2px; } .prodDetailContainer .product_detail_item .tier-wrap .tier-outerbox:nth-child(2n) { padding-left: 2px; padding-right: 16px; } .prodDetailContainer .product_detail_item .tier-wrap .tier-outerbox { margin-bottom: -12px; } .prodDetailContainer .product_detail_item .tier-wrap .tier-outerbox .i-vat { display: none; } .prodDetailContainer .product_detail_item .inventory .value p, .prodDetailContainer .product_detail_item .price .pdp-price-savingprice { font-weight: 300; } .prodDetailContainer .product_detail_item .price_block .tier-info-text { font-size: 0.875rem !important; line-height: 1.14; color: #3E4348; margin-top: 1.5rem; margin-bottom: 1rem; font-weight: normal; } .prodDetailContainer .product_detail_item .price_block .pdp-price-totalprice { margin-bottom: 12px; margin-top: 12px; } .prodDetailContainer .product_detail_item .price_block .pdp-price-totalprice .cc_aggPriceValue, .prodDetailContainer .product_detail_item .price_block .pdp-price-totalprice .cc_aggPriceLabel { font-size: 1.125rem; font-weight: 500; line-height: 1.17; color: #3E4348; } .prodDetailContainer .product_detail_item .price_block .pdp-price-totalprice .pdp-total-amount { font-size: 18px; font-weight: 500; line-height: 1.17; color: #41464b; } .prodDetailContainer .product_detail_item .price_block .pdp-price-totalprice .inc-vat { line-height: 1.14; font-weight: 500; font-size: 0.875rem; } .prodDetailContainer .product_detail_item .price_block .pdp-price-totalprice .additional-discount-info { font-size: 0.875rem; font-weight: 500; line-height: 1.21; color: #6AC259; margin-top: 1.5rem; } .prodDetailContainer .product_detail_item .pdp-qty.aggregated { margin-left: -30px !important; } .prodDetailContainer .product_detail_item .unit-of-measure .uom span { font-size: 14px; line-height: 1.14; text-align: left; color: #909090; } .prodDetailContainer .product_detail_item .cc_agg_selection .dropdown-menu li a span.text { white-space: pre-wrap; } .prodDetailContainer .product_detail_item .cc_agg_selection .dropdown-toggle .filter-option-inner-inner { overflow: hidden; text-overflow: ellipsis; } .prodDetailContainer .includedItemsSection h3.cc_title { border-bottom: 0; margin-bottom: 0; font-size: 20px; font-weight: 500; line-height: 1.2; text-align: left; color: #3E4348; } .prodDetailContainer .includedItemsSection .widget_column.cc_widget_column { margin: 0; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); padding: 4px 8px 0 2px; margin-bottom: 12px; } .prodDetailContainer .includedItemsSection .widget_column.cc_widget_column .cc_quick_wishlist_item a img { width: 72px; margin: 0; max-width: 72px; height: 72px; max-height: 72px; -o-object-fit: cover; object-fit: cover; } .prodDetailContainer .includedItemsSection .widget_column.cc_widget_column .cc_quick_wishlist_item p.cc_name { margin-left: -8px; } .prodDetailContainer .includedItemsSection .widget_column.cc_widget_column .cc_pricing { margin-top: 12px; } .prodDetailContainer .includedItemsSection .widget_column.cc_widget_column .cc_pricing p.cc_quantity { font-size: 1rem; line-height: 1.19; color: #3E4348; } .prodDetailContainer .includedItemsSection .widget_column.cc_widget_column .cc_pricing p.price.cc_price span { font-size: 1rem; font-weight: 500; line-height: 1.19; letter-spacing: normal; color: #909090; } .prodDetailContainer .includedItemsSection .widget_column.cc_widget_column .cc_pricing p.price.cc_price .value { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; text-align: right; color: #3E4348; } .prodDetailContainer .widgetSection .panel-body { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); } .prodDetailContainer .widgetSection .secRelatedCrossSell_container { margin-bottom: 25px; padding-bottom: 25px; border-top: 2px solid #EBEBEB; border-bottom: 2px solid #EBEBEB; } .prodDetailContainer .widgetSection h3.cc_title { font-size: 1.25rem; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-align: left !important; color: #3E4348; margin-bottom: 0; } .prodDetailContainer .widgetSection .featured_prod_item .cc_cart_item { height: 216px; max-height: 216px; outline: none; } .prodDetailContainer .widgetSection .featured_prod_item .cc_cart_item img { height: 216px; max-height: 216px; } .prodDetailContainer .widgetSection .featured_prod_info { margin-bottom: 12px; } .prodDetailContainer .widgetSection .featured_prod_info .cc_prod_name { font-size: 1rem; font-weight: 500; font-style: normal; line-height: 1.19; letter-spacing: normal; text-align: left; color: #909090; } .prodDetailContainer .widgetSection .featured_prod_info .cc_prod_name a { font-size: 1rem; color: #909090; padding: 0 1rem; display: block; } .prodDetailContainer .widgetSection .featured_prod_info .cart-price { font-size: 1rem; font-weight: normal; line-height: 1.19; color: #41464b; } .prodDetailContainer .widgetSection .featured_prod_info .icon-wrap { padding: 0 2rem; } .prodDetailContainer .tabSection hr { margin: 0 !important; border-top: none; } .prodDetailContainer .tabSection .panel-body { padding-top: 0; } .prodDetailContainer .tabSection ul#myTab { margin-left: -22px; margin-right: -16px; width: unset !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .prodDetailContainer .tabSection ul#myTab li a { padding: 0.75rem; font-size: 0.875rem; } .prodDetailContainer .tabSection .tab-content { padding: 0; } .prodDetailContainer .tabSection .tab-content h1.pane-title { font-size: 1.25rem; font-weight: 500; line-height: 1.2; text-align: left; color: #3E4348; } .prodDetailContainer .tabSection .tab-content p.secContentDescription { font-size: 14px; line-height: 1.21; text-align: left; color: #3E4348; } .prodDetailContainer .tabSection .tab-content .specSection { padding: 1rem; } .prodDetailContainer .tabSection .tab-content .specSection .spec-name .name { font-size: 12px; font-weight: 500; line-height: 1.17; text-align: left; color: #3E4348; } .prodDetailContainer .tabSection .tab-content .specSection .spec-value .value { font-size: 12px; font-weight: 500; line-height: 1.17; text-align: right; color: #909090; } .prodDetailContainer .tabSection .tab-content .specSection .pdp-spec-sec .groupName { margin-bottom: 0.8125rem !important; } .prodDetailContainer .tabSection .tab-content .specSection .spec-sec-hr { margin: 0.25rem 0 !important; } .prodDetailContainer .tabSection .tab-content .pdfSection { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .prodDetailContainer .tabSection .tab-content .pdfSection .product-doc-wrap, .prodDetailContainer .tabSection .tab-content .pdfSection .product-doc-wrap_ar { margin: 0px; } .prodDetailContainer .tabSection .tab-content .pdfSection .col-md-4 { padding-left: 0; } .prodDetailContainer .tabSection .tab-content .pdfSection .pdf-section { margin: 1rem 0; } .prodDetailContainer .tabSection .tab-content .pdfSection .pdf-name { font-size: 1rem; font-weight: 500; line-height: 1.19; text-align: left; color: #3E4348; } .prodDetailContainer .tabSection .tab-content .pdfSection .pdf-name svg { max-height: 40px; min-height: 40px; max-width: 40px; min-width: 40px; } .prodDetailContainer .tabSection .tab-content .videoSection { margin: 0; } .prodDetailContainer .tabSection .tab-content .videoSection .video-wrapper { margin: 1rem 0; } .cc_product_detail_photo_container .osf-imageslider-wrap .osf-slider-prev { left: 25px; } .cc_product_detail_photo_container .osf-imageslider-wrap .osf-slider-next { right: 25px; } .prod_details_container { float: none !important; } } .cc_tab-content .cc_tab-pane.active { padding-top: 104px; -webkit-transition: 0s; transition: 0s; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cc_tab-content .cc_tab-pane.active { padding-top: 145px; } } @media only screen and (min-width: 768px) { .cc_product_detail_photo_container .slider-hook { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cc_product_detail_photo_container .slider-hook img { width: 80px; height: 80px; } } .shopping-cart-title { color: #3E4348; line-height: 35px; margin-bottom: 1.5rem; } @media only screen and (max-width: 767px) { .shopping-cart-title { font-size: 1.25rem; font-weight: 500; line-height: 1.2; text-align: left; color: #3E4348; } } .shopping-cart-sort-item { font-size: 0.625rem; color: #3E4348; background-color: #FFFFFF; border: solid #EBEBEB 2px; } .shopping-cart-sort-text { font-size: 0.75rem; color: #BEC1C4; line-height: 14px; } .shopping-cart-sort-name { margin: 0 0.375rem; } .shopping-cart-sort-name:hover, .shopping-cart-sort-date:hover { text-decoration: none; } .shopping-cart-item-link-wrap { margin-top: 1.5rem; } @media only screen and (max-width: 991px) { .shopping-cart-item-link-wrap { float: none !important; } .shopping-cart-item-link-wrap .wishButtons.pull-right .pickWish, .shopping-cart-item-link-wrap .wishButtons.pull-right .dropdown-toggle { float: right; } .shopping-cart-item-link-wrap .wishButtons.pull-left .pickWish, .shopping-cart-item-link-wrap .wishButtons.pull-left .dropdown-toggle { float: left; } } .shopping-cart-item-link-self { font-size: 1.125rem; color: #3E4348; line-height: 21px; } .shopping-cart-item-link-self:focus, .shopping-cart-item-link-self:hover { text-decoration: none; color: #3E4348; } .shopping-cart-item-img-wrap { padding: 0; } @media only screen and (max-width: 991px) { .shopping-cart-item-img-wrap { /* float: none !important;*/ } } @media only screen and (min-width: 1200px) { .shopping-cart-item-img-self img { width: 13.75rem; height: 13.75rem; margin: 0; } } .shopping-cart-item-quantity { text-align: center; width: 2.8125rem; border-width: 0 0 1px 0; border-radius: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; font-size: 0.75rem; color: #000000; border-bottom: solid 1px #BEC1C4; } @media only screen and (max-width: 767px) { .shopping-cart-item-quantity { font-size: 1rem; } } .shopping-cart-item-quantity:focus { border-width: 0 0 1px 0; border-radius: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; color: #000000; border-bottom: solid 1px #000000; } .shopping-cart-item-quantity::-webkit-input-placeholder { color: #BEC1C4; } .shopping-cart-item-quantity::-moz-placeholder { color: #BEC1C4; } .shopping-cart-item-quantity:-ms-input-placeholder { color: #BEC1C4; } .shopping-cart-item-quantity::-ms-input-placeholder { color: #BEC1C4; } .shopping-cart-item-quantity::placeholder { color: #BEC1C4; } .shopping-cart-item-quantity:focus { outline: none; } .shopping-cart-item-price-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0.5rem; color: #3E4348; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 992px) { .shopping-cart-item-price-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .shopping-cart-item-price-wrap .savings { color: #6AC259; } .shopping-cart-item-price .updateCartButton { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shopping-cart-item-price .updateCartButton:hover .update_img { -webkit-filter: drop-shadow(1px 1px 0px #2054FF); filter: drop-shadow(1px 1px 0px #2054FF); filter: drop-shadow(1px 1px 0px #2054FF); } .shopping-cart-item-price .update_img { height: 18px; width: 18px; margin: 0px 5px; } .shopping-cart-item-price .price_block { margin-bottom: 1rem; white-space: nowrap; } @media only screen and (min-width: 992px) { .shopping-cart-item-price .price_block { margin-bottom: 0; } .shopping-cart-item-price .price_block_ar { margin-left: 0px; } } @media only screen and (max-width: 1199px) { .shopping-cart-item-price > .quantity { width: 100%; } .shopping-cart-item-price .cc_qty_control_row { margin: 0rem; } .shopping-cart-item-price .cart-qty-control { margin: 0rem 4.5rem; } .shopping-cart-item-price > .price_block { margin: 2.2rem 0rem 0rem; width: 100%; } } @media only screen and (max-width: 991px) { .shopping-cart-item-price { float: none !important; } .shopping-cart-item-price .quantity { float: none !important; padding: 0px 6px; } .shopping-cart-item-price .item_qty_actions > div { width: 100%; } .shopping-cart-item-price .item_qty_actions > div .cart-qty-control { display: inline; margin: 0px; } .shopping-cart-item-price .shopping-cart .wishButtons { margin-top: 0rem; margin-bottom: 0.6rem; } .shopping-cart-item-price-wrap { margin: 0px; } } @media only screen and (max-width: 767px) { .shopping-cart-item-price .item_qty_actions > div .cart-qty-control { margin-left: -22px; } } @media only screen and (max-width: 767px) and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { .shopping-cart-item-price .item_qty_actions > div .cart-qty-control { margin-left: -28px; } } @media only screen and (min-width: 992px) { .shopping-cart-item-price { margin-top: 6.25rem; } .shopping-cart-item-price .rfq-label, .shopping-cart-item-price .shopping-cart-item-delete { display: inline-block; } .shopping-cart-item-price .rfq-label + .shopping-cart-item-delete { margin: 0px 10px; } .shopping-cart-item-price .rfq-label.col-md-10 { white-space: normal; width: 90%; } } @media only screen and (max-width: 991px) { .shopping-cart-item-price .rfq-label { max-width: 55%; text-overflow: ellipsis; position: relative; top: 0px; left: 0px; right: 0px; white-space: normal; font-size: 14px; font-weight: 500; line-height: 1.14; text-align: left; color: #909090; } } @media only screen and (max-width: 767px) { .shopping-cart-item-price .rfq-label { top: -31px; padding: 0px; } .shopping-cart-item-price .no_price_update { top: -21px !important; padding: 0px !important; left: 28px !important; } } .shopping-cart-item-included, .shopping-cart-item-additional { margin: 1.5rem 0; } .shopping-cart-item-included-items, .shopping-cart-item-included-comments, .shopping-cart-item-additional-items, .shopping-cart-item-additional-comments { font-size: 0.875rem; color: #2054FF; line-height: 1.14px; margin-right: 1.5rem; } .shopping-cart-item-included-items:focus, .shopping-cart-item-included-items:hover, .shopping-cart-item-included-comments:focus, .shopping-cart-item-included-comments:hover, .shopping-cart-item-additional-items:focus, .shopping-cart-item-additional-items:hover, .shopping-cart-item-additional-comments:focus, .shopping-cart-item-additional-comments:hover { text-decoration: none; color: #2054FF; } .shopping-cart-item-container { margin: 1.5rem 0; } .shopping-cart-item-container .cart-item-tile { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); margin: 0; position: relative; } .shopping-cart-item-container .cart-item-tile.coupon-wrap { height: 5rem; } .shopping-cart-item-container .cart-item-tile.coupon-wrap .row.availability { display: none; } .shopping-cart-item-container .cart-item-tile .cc_prt_button_div { padding: 0 0.7rem 0.5rem; } .shopping-cart-item-container .additional-discount-info { display: block; padding: 15px; color: #2054FF; font-size: 0.75rem; line-height: 1.14; float: right; } .shopping-cart-item-container .additional-discount-info_ar { float: left; text-align: right !important; } .shopping-cart-action { text-align: right; } .shopping-cart-action-btn { border: none; background-color: transparent; font-size: 0.875rem; color: #2054FF; line-height: 1.14; padding: 0; margin-right: 3.5rem; position: relative; } @media only screen and (max-width: 768px) { .shopping-cart-action-btn { margin: 0 0 0 2rem; } } .shopping-cart-action-btn:focus, .shopping-cart-action-btn:hover { outline: none; border: none; background-color: transparent; } .shopping-cart-action-btn:focus .icon, .shopping-cart-action-btn:hover .icon { font-weight: 600; } .shopping-cart-action-btn .icon { position: absolute; top: -1.5px; left: -23px; font-size: 1.250rem; } @media only screen and (max-width: 991px) { .shopping-cart-action-btn .icon { left: -8px; } } .shopping-cart-action-btn .cc_rfq_link_button { margin-right: 0; } .shopping-cart-action-btn_ar { margin-left: 3.5rem; margin-right: 0; } .shopping-cart-action-btn_ar .icon { left: unset; right: -23px; } @media only screen and (max-width: 991px) { .shopping-cart-action-btn_ar .icon { right: -8px; } } .shopping-cart-action-btn_ar .cc_rfq_link_button { margin-left: 0; } .shopping-cart-discount { border: solid 2px #EBEBEB; padding: 2rem; } .shopping-cart-discount-title { font-size: 1rem; color: #3E4348; line-height: 1.19; text-transform: uppercase; } .shopping-cart-discount-btn { margin-top: 0.625rem; } .shopping-cart-availability { font-size: 0.875rem; margin: 0; } .shopping-cart-availability p { margin: 0; } .shopping-cart-availability .STOCK_LOW, .shopping-cart-availability .STOCK_UNAVAILABLE { color: #E37A00; } .shopping-cart-availability .STOCK_AVAILABLE { color: #6AC259; vertical-align: text-bottom; } .shopping-cart .wishButtons { margin-top: 3.25rem; display: inline-block; } .shopping-cart .wishButtons .btn-group { height: 1rem; } .shopping-cart .wishButtons .btn-group button { height: auto; } .shopping-cart .wishButtons .form-group { margin-bottom: 0; } .shopping-cart .cc_rfq_link_button { margin-right: 0; } .shopping-cart .discount-sec-divider { margin: 1.5rem 1rem; border-top: 2px solid #EBEBEB; } .shopping-cart .wishFinder { margin-bottom: 0; } .shopping-cart .sub-total-section .grand_total-price-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; color: #3E4348; font-size: 1.25rem; } .shopping-cart .sub-total-section .grand_total-info-wrap { margin-bottom: 1.5rem; font-size: 0.875rem; color: #909090; } .shopping-cart .sub-total-section .checkout-btn { width: 100%; height: 3.5rem; border: none; color: #3E4348; } .shopping-cart .sub-total-section .checkout-btn.disabled { color: #EBEBEB; } .shopping-cart .sub-total-section .checkout-btn.disabled:focus { background-color: #BEC1C4; border-color: #BEC1C4; } .shopping-cart .cart-qty-control { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; } @media only screen and (min-width: 992px) { .shopping-cart .cart-qty-control { margin-bottom: 0; } } .shopping-cart .cart-qty-control-btn { background-color: transparent; border: none; } .shopping-cart .cart-qty-control-btn:focus { border: none; outline: none; } .shopping-cart .cart-qty-control-icon { font-size: 0.75rem; } .shopping-cart .item_qty_actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .shopping-cart .item_qty_actions .updateCartButton { margin: 0px 1rem; color: #2054FF; line-height: 1.14; cursor: pointer; } .shopping-cart .item_qty_actions .updateCartButton .icon { top: 0; position: relative; left: auto; padding-right: 10px; } .shopping-cart .item_qty_actions .updateCartButton:hover, .shopping-cart .item_qty_actions .updateCartButton:hover .icon { font-weight: normal; } .shopping-cart .cc_remove_item_button { cursor: pointer; } .shopping-cart .tier-outerbox { text-align: center; font-size: 0.75rem; padding: 0 0.625rem; } @media only screen and (min-width: 991px) { .shopping-cart .tier-outerbox { padding-right: 0; } } @media only screen and (min-width: 767px) { .shopping-cart .tier-outerbox .cc_prt_tier_box_text_price, .shopping-cart .tier-outerbox .cc_prt_tier_box_text_range { color: #3E4348; } } .shopping-cart .tier-outerbox .bg-info { background-color: #F1F3F4; } .shopping-cart .tier-innerbox { border: solid 2px #EBEBEB; margin-left: 0.3125rem; margin-bottom: 1.3125rem; padding: 0.75rem 0; } @media only screen and (min-width: 991px) { .shopping-cart .tier-innerbox { margin-bottom: 0.8125rem; } } .shopping-cart .tier-innerbox b { font-family: 'Roboto', sans-serif; } @media only screen and (max-width: 767px) { .shopping-cart .tier-group-name { border-top: 2px solid #EBEBEB; padding-top: 18px; font-size: 1rem; font-weight: 500; line-height: 1.19; text-align: center; color: #3E4348; } } @media only screen and (max-width: 767px) { .shopping-cart .tier-group-name.sibling-0 { border: none; padding-top: 0; } } .shopping-cart .tier-title { font-size: 0.875rem; text-transform: uppercase; } .shopping-cart .tier-toggle { padding: 0; border: none; margin-top: 1rem; color: #2054FF; font-size: 0.875rem; background-color: transparent; } .shopping-cart .tier-toggle-col { padding: 0; padding-left: 5px; } .shopping-cart .tier-row { margin: 0; padding: 0; } .shopping-cart .tier-container { padding-left: 0; margin: 0; } @media only screen and (max-width: 991px) { .shopping-cart .tier-container { margin-top: 1rem; width: 100%; } } .shopping-cart #couponAddForm .cc_clear_coupon, .shopping-cart #couponAddForm .cc_enter_coupon_code { color: #3E4348; } .shopping-cart #couponClearForm .cc_applied_coupon { color: #3E4348; } .shopping-cart .coupon-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; height: 7.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #3E4348; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .shopping-cart .wishButtons .dropdown .dropdown-toggle { margin: -1px 0px 0px; } } @media only screen and (max-width: 991px) { .shopping-cart .row > .row { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .shopping-cart-discount { padding: 0 1rem; } .shopping-cart .discount-sec-divider { margin: 0.5rem 1rem 1.5rem 1rem; } .shopping-cart .cc_checkout .shopping-cart-action { display: grid !important; gap: 1rem; grid-auto-flow: row; margin-top: 1rem; } .shopping-cart .cc_checkout .shopping-cart-action #emailCartLink { text-align: center; } .shopping-cart .cc_checkout .shopping-cart-action .shopping-cart .cc_rfq_link_button, .shopping-cart .cc_checkout .shopping-cart-action-btn { margin-left: 0; margin-right: 0 !important; } .shopping-cart .cc_checkout .shopping-cart-action .shopping-cart .cc_rfq_link_button .icon, .shopping-cart .cc_checkout .shopping-cart-action-btn .icon { position: relative; top: 3px; } } @media only screen and (min-width: 992px) { .shopping-cart-discount .down-arrow { display: none; } .shopping-cart-discount .collapse { display: block; } } .shopping-cart .cc_action_totals button.shopping-cart-action-btn { line-height: 1.5; } .cart-state-msg { margin-bottom: 1.5rem; font-size: 0.875rem; color: #FFFFFF; padding: 10px 0; background: #2054FF; } @media only screen and (max-width: 767px) { .cart-state-msg { margin-bottom: 0; padding-left: 15px; padding-right: 15px; } } .cart-state-msg div { display: inline-block; text-align: center; } .cart-state-msg div a { color: #FFFFFF; text-decoration: underline; } @media only screen and (max-width: 991px) { .cart-state-msg div { text-align: left; } } #cartStateHeadMessage { display: none; text-align: center; } @media only screen and (max-width: 991px) { #cartStateHeadMessage { text-align: left; } } #rfqModal { overscroll-behavior-y: contain; } @media only screen and (max-width: 767px) { .other-products-group-name { border-top: 2px solid #EBEBEB; padding-top: 18px; font-size: 1rem; font-weight: 500; line-height: 1.19; text-align: center; color: #3E4348; } } @media only screen and (max-width: 767px) { .other-products-group-name.sibling-0 { border: none; padding-top: 0; } } @media only screen and (min-width: 992px) { img.shopping-cart-item-img-self.img-thumbnail { width: 13.75rem; height: 13.75rem; margin: 0; } } .spare-part-qty { display: block; text-align: right; padding: 0px 5px; } .fee-info { display: none; } .spare_part_qty { margin: 0px 25px; } .payment-type .payment { display: none; } .payment-type .payment:checked ~ .checkmark:after { display: block; top: 3px; left: 3px; width: 13px; height: 13px; border-radius: 50%; background-color: #fbbc2a; } .payment-type .checkmark { position: absolute; height: 21px; width: 21px; border-radius: 50%; border-width: 1px; border-style: solid; border-color: #909090; } .payment-type .checkmark:after { content: ""; position: absolute; display: none; } .payment-type .payment_name { margin: 0px 32px; } .cc_main_container .cartContainer + .featured-prod .featured_prod_item { height: 100%; } .cc_main_container .cartContainer + .featured-prod .featured_prod_info { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cc_main_container .cartContainer + .featured-prod .cc_product_name.gp_prod { font-size: 1rem; color: #909090; } .cc_main_container .cartContainer + .featured-prod .cc_price_value { font-size: 1rem; color: #41464b; } @media only screen and (max-width: 767px) { .cc_main_container .cartContainer + .featured-prod .osf_home_tmpl .cc_featured_prod_list { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } .cc_main_container .cartContainer + .featured-prod .osf_home_tmpl .cc_featured_col { margin-bottom: 0; } .cc_main_container .cartContainer + .featured-prod .osf_home_tmpl .cc_feeatured_products .cc_featured_col .featured_prod_item { -webkit-box-shadow: none; box-shadow: none; } } .cc_main_container--ar .shopping-cart .tier-container { padding-left: 0; float: right; } .cc_main_container--ar .shopping-cart .tier-container .cc_prt_outer_row_cart .cc_prt_tier_box_outer { float: right; } .cc_main_container--ar .shopping-cart .tier-toggle-col { padding-left: 0; padding-right: 5px; } .cc_main_container--ar .shopping-cart .cc_modal .form-group { text-align: right; } .cc_main_container--ar .shopping-cart .cc_modal .cc_table .cc_name { text-align: right !important; } .cc_main_container--ar .shopping-cart .cc_modal .modal-footer { text-align: left; } .cc_main_container--ar .shopping-cart .cc_modal .modal-footer .btn-default { margin-left: 0; margin-right: 40px; } .cc_main_container--ar .shopping-cart .cc_modal.cc_cart_wish_modal .modal-footer .btn-default, .cc_main_container--ar .shopping-cart .cc_modal.cc_cart_additional_info_modal .modal-footer .btn-default, .cc_main_container--ar .shopping-cart .cc_modal.cc_cart_rfq_modal .modal-footer .btn-default { margin-right: 0; } .cc_main_container--ar .shopping-cart .shopping-cart-item-included-items, .cc_main_container--ar .shopping-cart .shopping-cart-item-included-comments, .cc_main_container--ar .shopping-cart .shopping-cart-item-additional-items, .cc_main_container--ar .shopping-cart .shopping-cart-item-additional-comments { margin-left: 1.5rem; margin-right: 0; } .cc_main_container--ar .shopping-cart .shopping-cart-action-btn.cc_update_cart_button { margin: 0px 1rem; } .cc_main_container--ar .shopping-cart .shopping-cart-action-btn.cc_update_cart_button .icon { padding-right: 0; padding-left: 10px; } @media only screen and (max-width: 991px) { .cc_main_container--ar .shopping-cart .shopping-cart-action-btn.cc_update_cart_button .icon { padding-left: 25px; } } .cc_main_container--ar .shopping-cart .wishButtons button.btn-default.dropdown-toggle { float: right; } .cc_main_container--ar .shopping-cart .wishButtons .dropdown-menu { text-align: right; } .cc_main_container--ar .shopping-cart .shopping-cart-action-btn.cc_rfq_link_button { margin-left: 0; } .cc_main_container--ar .shopping-cart .cc_coupon_add_form .couponMessagingSection-Error { text-align: right; } .cc_main_container--ar .shopping-cart .shopping-cart-action-btn_ar .icon { left: auto; } .cc_main_container--ar .featured-prod .featured_prod_item .cc_description { display: none !important; } .cc_main_container--ar .featured-prod .featured_prod_item a.go_to_PDP { -webkit-transform: rotate(180deg); transform: rotate(180deg); -ms-flex-item-align: end !important; align-self: flex-end !important; } .cc_main_container--ar .featured-prod .featured_prod_item a.go_to_PDP:hover, .cc_main_container--ar .featured-prod .featured_prod_item a.go_to_PDP:active, .cc_main_container--ar .featured-prod .featured_prod_item a.go_to_PDP:focus { -ms-flex-item-align: end !important; align-self: flex-end !important; } @media only screen and (max-width: 991px) { .page-layout--arabic #cartStateHeadMessage, .page-layout--arabic #cartStateHeadMessage div { text-align: right; } } .cc_stored_payments_selector.payment-type .payment:checked ~ .checkmark:after { width: 14px; } .featured-prod #overlay { display: none; } .cc_cart_rfq_modal .ccrz_loading_gif { height: 56px; } @media only screen and (max-width: 767px) { .cc_cart_item_container .cc_cart_item .cart-item-tile { padding: 8px; } .cc_cart_item_container .cc_cart_item .cart-item-tile.coupon-wrap { height: auto; display: block; } .cc_cart_item_container .cc_cart_item .cart-item-tile.coupon-wrap .cc_coupon_title { font-weight: 500; } .cc_cart_item_container .cc_cart_item .cart-item-tile.coupon-wrap .coupon-value { margin-top: 20px; font-weight: 500; } .cc_cart_item_container .cc_cart_item .cart-item-tile.coupon-wrap .row.availability { display: none; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item { /* &-img-wrap { float: left !important; width: auto; img { min-height: 72px; height: 72px; min-width: 72px; width: 72px; object-fit: cover; } } */ } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item .cc_cart_product_image { margin: 0 -10px 0 -15px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-link-wrap { float: left !important; margin: 0; padding: 0; margin-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-link-wrap p.item_title.cc_item_title { width: 100%; padding-bottom: 4px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-link-wrap p.item_title.cc_item_title .cc_prod_link { font-size: 1rem; font-weight: 500; line-height: 1.19; letter-spacing: normal; text-align: left; color: #3E4348; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-link-wrap .shopping-cart-item-additional { margin: 0; padding: 0; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-link-wrap .shopping-cart-item-additional .included_items.cc_included_items.shopping-cart-item-additional-items { font-size: 0.875rem; font-weight: normal; line-height: 1.14; text-align: left; color: #2054FF; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-link-wrap .shopping-cart-item-additional .included_items.cc_included_items.shopping-cart-item-additional-items p { margin: 0; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-link-wrap .shopping-cart-item-included-items { white-space: nowrap; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-link-wrap .shopping-cart-item-additional-comments, .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-link-wrap .wishFinder { display: none; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-link-wrap .availability { margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.14; text-align: left; min-width: 65%; max-width: 70%; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-link-wrap .availability .shopping-cart-availability { margin-left: 16px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price { float: left !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 8px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .price_block { margin: 8px 26px 0; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .quantity { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .tier-toggle-col { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .tier-toggle-col .cc_prt_button_div { padding: 0; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .tier-toggle-col .cc_prt_button_div .tier-toggle { margin-top: 4px; margin-left: -16px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .tier-toggle-col .cc_prt_button_div .tier-toggle span { font-size: 0.875rem; line-height: 1.14; text-align: left; color: #2054FF; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .tier-toggle-col .cc_prt_div_outer { margin-left: -12px; margin-right: -15px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .tier-toggle-col .tier-innerbox { margin-bottom: 8px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .tier-toggle-col .tier-outerbox { padding: 0; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .tier-toggle-col .tier-outerbox:nth-of-type(even) { padding-left: 2px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .tier-toggle-col .tier-outerbox:nth-of-type(odd) { padding-right: 2px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .additional-discount-info { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .additional-discount-info-mobile { font-size: 0.875rem; font-weight: 500; line-height: 1.14; text-align: left; color: #6AC259; padding: 16px 0 8px 0; margin-left: -12px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price .cc_qty_control_row .item_qty_actions { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-top: 1.125rem; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price .cc_qty_control_row .item_qty_actions .updateCartButton.cc_update_cart_button { color: #3E4348; position: relative; top: 68px; z-index: 5; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price .cc_qty_control_row .item_qty_actions .updateCartButton.cc_update_cart_button .icon.icon-ic_update { top: -1.6px; font-size: 20px; left: 14px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price .cc_qty_control_row .item_qty_actions .updateCartButton.cc_update_cart_button:hover { color: #3E4348; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price .cc_qty_control_row .item_qty_actions .shopping-cart-item-quantity { font-size: 0.875rem; line-height: 1.71; color: #3E4348; border-bottom: solid 2px #BEC1C4; width: 81px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: -6px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price-wrap .cc_value.unit-p { position: relative; top: -25px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price-wrap .shopping-cart-item-delete { position: absolute; bottom: 0; -ms-flex-item-align: start; align-self: flex-start; left: -38px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price-wrap .shopping-cart-item-delete .deleteItem { font-size: 24px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price .shopping-cart-item-delete-wrap { margin-top: -6px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price .shopping-cart-item-delete-wrap .shopping-cart-item-delete { position: absolute; bottom: 0; -ms-flex-item-align: start; align-self: flex-start; left: -38px; } .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price .shopping-cart-item-delete-wrap .shopping-cart-item-delete .deleteItem { font-size: 24px; } .checkout .cart-state-msg { margin: 0 16px 16px 16px; } .osf-imageslider-featureditem .item-helper { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #F1F3F4; } .grand-total-info { display: inline; } .payment-type .payment:checked ~ .checkmark:after { background-color: #3E4348; } } .cart_item_update_mobile { margin: 0px 15px !important; } .cart_item_update_mobile .icon-ic_update { color: #3E4348 !important; } .cart_item_update_mobile .icon-ic_update:hover { color: #3E4348 !important; } .cart_item_savings_mobile { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; color: #6AC259; margin: 15px 0px 0px -10px; } .cart_item_savings_mobile_ar { text-align: right !important; } .price_block.cc_price_block.col-md-8.shopping-cart-item-price-wrap { min-height: 40px; } .cc_main_container--ar .rfq-label.col-md-10 { float: unset !important; } @media only screen and (max-width: 992px) { .cc_main_container--ar .cart-generic-options { padding-right: 0; } .cc_main_container--ar .shopping-cart-availability { line-height: 1.8; } @supports (-webkit-touch-callout: none) { .cc_main_container--ar .shopping-cart-availability { /* CSS specific to iOS devices */ margin-top: -2px; } } } @media only screen and (max-width: 767px) { .cc_main_container--ar .no_price_update { left: unset !important; right: 28px !important; } .cc_main_container--ar .item_qty_actions > div .cart-qty-control { margin-right: -22px !important; margin-left: 0px !important; } } @media only screen and (max-width: 767px) and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { .cc_main_container--ar .item_qty_actions > div .cart-qty-control { margin-right: -20px !important; margin-left: 0px !important; } } @media only screen and (max-width: 767px) { .cc_main_container--ar .shopping-cart-item-delete { left: unset !important; right: -38px; } .cc_main_container--ar .rfq-label.col-md-10 { text-align: right !important; } .cc_main_container--ar .shopping-cart-title { text-align: right; } .cc_main_container--ar .osf_home_tmpl .cc_feeatured_products .cc_featured_prod_list { float: none !important; } .cc_main_container--ar .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .tier-toggle-col .cc_prt_button_div .tier-toggle { margin-left: 0; margin-right: -16px; } .cc_main_container--ar .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-price > .additional-discount-info-mobile { margin-left: 0; margin-right: -12px; } .cc_main_container--ar .cc_cart_item_container .cc_cart_item .cart-item-tile .shopping-cart-item-link-wrap .availability { text-align: right; } } .modal { z-index: 2050; background-color: rgba(0, 0, 0, 0.5); padding-right: 0px !important; } .modal-open { padding-right: 0px !important; } .modal-dialog { width: 760px; height: auto; margin: 55px auto; } .modal-content { padding: 56px; position: relative; height: 100%; } .modal-header { padding: 24px; } .modal-header .cc_close { position: absolute; top: 31px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); line-height: 20px; outline: none; } .modal-header .cc_close span { font-size: 0px; font-family: 'imdadicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .modal-header .cc_close span:before { content: "\e909"; visibility: visible; width: 24.3px; height: 24.3px; font-size: 24.3px; } .modal-header .cc_modal_title { text-align: center; } .modal-body { height: calc(100% - 125px); text-align: center; overflow: auto; } .modal-footer button, .modal-footer input { width: 170px; height: 46px; border-radius: 0px; margin: 0px 0px 0px 40px; font-size: 16px; line-height: 1.19; text-align: center; color: #3E4348; } .modal-footer .btn + .btn { margin-left: 40px; } @media only screen and (max-width: 767px) { .modal-dialog { width: auto; height: auto; margin: 10px; } .modal-content { padding: 56px 28px 28px; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .modal-footer button, .modal-footer input { margin: 0px; padding: 0 10px; } } .modal-backdrop { z-index: 1060; } .page-layout--arabic #countrySwitcherMod .cc_modal_footer { text-align: left; } .page-layout--arabic #countrySwitcherMod .cc_modal_footer .cc_set_country { margin-right: 40px; margin-left: 0; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .align-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .pull-left { float: left !important; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .text-end { text-align: end !important; } .border-left { border: none !important; border-right: 2px solid #3E4348 !important; padding: 0px !important; } .margin-right190 { margin-right: 190px !important; } .margin-right145 { margin-right: 145px !important; } .margin-right14 { margin-right: 14px !important; } .rotateY180 { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .padding-top10 { padding-top: 10px !important; } .no_padding { padding: 0px !important; } .no_margin { margin: 0px !important; } .no_border { border: none !important; } .fa-caret-down { font-family: 'imdadicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); width: 9px !important; height: 5px !important; font-size: 0.625rem; display: block; margin: 7px 5px; } .fa-caret-down:before { content: "\e902"; } @media only screen and (max-width: 992px) { .cc_filter_icon { display: block; padding: 2px 5px 5px; } } .cc_filter_icon .fa-caret-down { width: 20px !important; height: 15px !important; font-size: 1rem; display: block; margin: 0; cursor: pointer; } .rotateX180 { -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: rotateX(180deg) !important; transform: rotateX(180deg) !important; } .rotateX0 { -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: rotateX(0deg) !important; transform: rotateX(0deg) !important; } .icon-toggle.cc_filter_icon.collapsed .fa-caret-down { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; } .noWhiteSpace { white-space: nowrap; } .opacity_full { opacity: 1 !important; } .lowercase { text-transform: lowercase !important; } .uppercase { text-transform: uppercase !important; } .no_pointer_events { pointer-events: none !important; } .transition0s { -webkit-transition: 0s ease !important; transition: 0s ease !important; } .directionLTR { direction: ltr !important; } body.is-static-page .cc_content_body { padding-top: 0; } body.is-static-page .cc_main_container, body.is-static-page .cc_main_container.cc_tmpl_OneColRD.cc_main_content_col { padding: 0; } body.is-static-page .cc_main_container .static-page, body.is-static-page .cc_main_container.cc_tmpl_OneColRD.cc_main_content_col .static-page { opacity: 1; } .static-page { color: #3E4348; } .static-page--copyright { opacity: 0; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } .static-page--copyright .static-page__header { position: relative; padding: 32px 0; min-height: 25vh; background-image: url("https://www.imdad.com/Copyrightsurl/-/media/Corporate-images/Terms_Header.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; z-index: 1; } @media only screen and (min-width: 1200px) { .static-page--copyright .static-page__header { padding: 64px 0; min-height: 340px; } } .static-page--copyright .static-page__header:after { content: ''; background: rgba(62, 67, 72, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .static-page--copyright .static-page__header h1 { width: 100%; position: absolute; left: 0; right: 0; font-size: 40px; bottom: 40px; margin-bottom: 4px; z-index: 3; color: #FFFFFF; } .static-page--copyright .static-page__header p { margin: 0 0 24px; } .static-page--copyright .static-page__content { padding: 64px 15px; color: rgba(0, 0, 0, 0.9); } @media only screen and (max-width: 1199px) { .static-page--copyright .static-page__content { padding: 55px 30px; } } @media only screen and (max-width: 768px) { .static-page--copyright .static-page__content { padding: 40px 20px; } } @media only screen and (max-width: 767px) { .static-page--copyright .static-page__content { padding: 35px 30px; } } .static-page--copyright-ar li { padding-left: 0; padding-right: 24px; } .static-page--copyright-ar li:before { right: 0; } .static-page .cc_breadrumb_container { border-bottom: 1px solid #EBEBEB; width: 100%; padding: 0; } .static-page .cc_breadrumb_container .cc_breadcrumb { padding: 8px 0 8px; margin: 20px auto; max-width: 1300px; list-style: none; background-color: transparent; border-radius: 0; } @media only screen and (max-width: 1199px) { .static-page .cc_breadrumb_container .cc_breadcrumb { max-width: 970px; padding: 8px 15px; } } @media only screen and (max-width: 768px) { .static-page .cc_breadrumb_container .cc_breadcrumb { max-width: 750px; padding: 8px 20px; } } @media only screen and (max-width: 767px) { .static-page .cc_breadrumb_container .cc_breadcrumb { padding: 8px 30px; } } .static-page .cc_breadrumb_container .cc_breadcrumb li { padding: 0; } .static-page__header h1 { font-size: 1.875rem; line-height: 1.2; } @media only screen and (max-width: 767px) { .static-page__header h1 { font-size: 1.4375rem; } } .static-page__content { max-width: 1330px; padding: 0 15px 30px; font-size: 0.875rem; margin: 0 auto; } .static-page__content h1 { margin-bottom: 20px; font-size: 1.875rem; } .static-page__content h3 { margin: 12px 0; font-size: 1.25rem; } .static-page__content h1 + h3 { padding: 10px 0; } @media only screen and (max-width: 1199px) { .static-page__content { max-width: 970px; padding: 0 30px 20px; } } @media only screen and (max-width: 768px) { .static-page__content { max-width: 750px; padding: 0 20px 20px; } } @media only screen and (max-width: 767px) { .static-page__content { padding: 0 30px 20px; } } .static-page__content p { margin: 0 0 12px; } .static-page__content ul { margin-top: 24px; margin-bottom: 24px; padding: 0; width: 100%; } .static-page__content li { position: relative; list-style: none; padding-left: 24px; } .static-page__content li:before { width: 8px; height: 8px; top: 9px; position: absolute; left: 0; content: ''; border: 0; border-radius: 0; background: #fbbc2a; } .static-page--ar .static-page__content li { padding-left: 0; padding-right: 24px; } .static-page--ar .static-page__content li:before { left: auto; right: 0; } @media only screen and (max-width: 1199px) { .static-page--ar .static-page__content { padding-right: 15px; } } @media only screen and (max-width: 768px) { .static-page--ar .static-page__content { padding-right: 20px; } } @media only screen and (max-width: 767px) { .static-page--ar .static-page__content { padding-right: 30px; } } .cc_main_container--ar .static-page__content li { padding-left: 0; padding-right: 24px; } .cc_main_container--ar .static-page__content li:before { left: auto; right: 0; } .cc_home_slider { background-color: transparent; } .cc_home_slider #breadcrumb_desktop_container { position: relative; } @media only screen and (min-width: 1200px) { .cc_home_slider #breadcrumb_desktop_container { width: 1330px; } } .cc_home_slider #breadcrumb_desktop_container .breadcrumb { padding: 8px 0px 8px; margin: 20px 0px; list-style: none; background-color: transparent; border-radius: 0; } .cc_home_slider #breadcrumb_desktop_container .breadcrumb > li + li:before { padding: 0 0px 0 5px; } @media only screen and (max-width: 991px) { .cc_home_slider #breadcrumb_desktop_container .breadcrumb { margin: 20px 0px; } } .cc_home_slider .br-hr { margin-top: 0px; margin-bottom: 20px; border: 0; border-top: 1px solid #EBEBEB; } /*@media only screen and (max-width: $sm - 1) { .cc_home_slider { display: none; } }*/ @media only screen and (min-width: 992px) { #countrySwitcherMod .modal-dialog { margin: 27px auto; } } #countrySwitcherMod .modal-content { padding: 0px 56px; } #countrySwitcherMod .modal-header, #countrySwitcherMod .modal-footer { border: none; } #countrySwitcherMod .modal-header { position: relative; } #countrySwitcherMod .modal-close-btn { position: absolute; top: 25%; left: 100%; } .countryModalTable { border: none; } .countryModalTable .cc_tr_country { border: none; } .countryModalTable .cc_td_country { border: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 60%; cursor: pointer; } .countryModalTable .cc_td_country_ar { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 991px) { .countryModalTable .cc_td_country { width: 100%; } } .countryModalTable .country_flag { margin-right: 35px; margin-left: 25%; } .countryModalTable .country_flag_image { width: 54px; height: 54px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.8); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.8); border-radius: 50%; } .countryModalTable .country_flag_ar { margin: 0px 25% 0px 35px; } @media only screen and (max-width: 991px) { .countryModalTable .country_flag { margin-left: auto; width: 40%; text-align: right; } .countryModalTable .country_flag_ar { margin: 0px auto 0px 35px; text-align: left; } } .countryModalTable .country_name { margin-right: auto; } .countryModalTable .country_name_ar { margin: 0px 0px 0px auto; } @media only screen and (max-width: 991px) { .countryModalTable .country_name { margin-right: auto; text-align: left; width: 40%; } .countryModalTable .country_name_ar { margin: 0px 0px 0px auto; text-align: right; } } .coupon_notification .notification { background-color: #2054FF; color: #FFFFFF; } .coupon_notification .notification .container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 55px 15px 15px; } .coupon_notification .notification .container .coupon_text { line-height: 1.19; font-weight: 500; } .coupon_notification .notification .container .icon-ic_cross { position: absolute; right: 25px; top: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } [dir="rtl"] .coupon_notification .notification .container .icon-ic_cross { left: 25px; right: initial; } @media only screen and (max-width: 991px) { .coupon_notification .notification .container { width: 100%; } .coupon_notification .notification .container .coupon_text { line-height: 1.33; font-size: 0.75rem; } } @media only screen and (min-width: 992px) { .coupon_notification { margin-left: -17px; } .coupon_notification .notification .container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .coupon_notification .notification .container .icon-ic_cross { right: 15px; } [dir="rtl"] .coupon_notification .notification .container .icon-ic_cross { left: 15px; right: auto; } } .page-header--ar .coupon_notification .container { padding: 15px 15px 15px 55px; } header .CN_cc_menu_container_1 #navbar .first_level_menu_desktop { top: 149px; } header .CN_cc_menu_container_1 #navbar .first_level_menu_desktop .second_level_menu { top: 297px; height: calc(100vh - 300px); } header .CN_cc_menu_container_1 #navbar .first_level_menu_desktop .second_level_menu.no_children { top: 289px; } @media only screen and (max-width: 991px) { header .CN_cc_menu_container_1 .navbar-collapse.collapse.in { height: calc(100vh - 92px) !important; } } header .CN_cc_menu_container_2 #navbar .first_level_menu_desktop { top: 203px; } header .CN_cc_menu_container_2 #navbar .first_level_menu_desktop .second_level_menu { top: 351px; height: calc(100vh - 355px); } header .CN_cc_menu_container_2 #navbar .first_level_menu_desktop .second_level_menu.no_children { top: 343px; } @media only screen and (max-width: 991px) { header .CN_cc_menu_container_2 .navbar-collapse.collapse.in { height: calc(100vh - 136px) !important; } } header .CN_cc_menu_container_3 #navbar .first_level_menu_desktop { top: 257px; } header .CN_cc_menu_container_3 #navbar .first_level_menu_desktop .second_level_menu { top: 405px; height: calc(100vh - 410px); } header .CN_cc_menu_container_3 #navbar .first_level_menu_desktop .second_level_menu.no_children { top: 397px; } @media only screen and (max-width: 991px) { header .CN_cc_menu_container_3 .navbar-collapse.collapse.in { height: calc(100vh - 180px) !important; } } header .CN_cc_menu_container_4 #navbar .first_level_menu_desktop { top: 311px; } header .CN_cc_menu_container_4 #navbar .first_level_menu_desktop .second_level_menu { top: 459px; height: calc(100vh - 465px); } header .CN_cc_menu_container_4 #navbar .first_level_menu_desktop .second_level_menu.no_children { top: 451px; } @media only screen and (max-width: 991px) { header .CN_cc_menu_container_4 .navbar-collapse.collapse.in { height: calc(100vh - 224px) !important; } } .deskLayout.CN_deskLayout_1 { margin-top: 160px; } @media only screen and (max-width: 991px) { .deskLayout.CN_deskLayout_1 { margin-top: 100px; } } .deskLayout.CN_deskLayout_2 { margin-top: 214px; } @media only screen and (max-width: 991px) { .deskLayout.CN_deskLayout_2 { margin-top: 144px; } } .deskLayout.CN_deskLayout_3 { margin-top: 268px; } @media only screen and (max-width: 991px) { .deskLayout.CN_deskLayout_3 { margin-top: 188px; } } .deskLayout.CN_deskLayout_4 { margin-top: 322px; } @media only screen and (max-width: 991px) { .deskLayout.CN_deskLayout_4 { margin-top: 232px; } } .osf_tmpl_myaccount { color: #3E4348; /**** Contact Information page ****/ /**** My Account Navigation ****/ /**** Manage Address Book ****/ /**** My Carts ****/ /**** My Account - My Orders ****/ /**** My Wishlists page ****/ } .osf_tmpl_myaccount .title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .osf_tmpl_myaccount .title-wrapper h3.cc_title { margin-bottom: 15px; } .osf_tmpl_myaccount .title-wrapper .profile_edit_btn { margin: 0px 16px; font-size: 0.875rem; cursor: pointer; } .osf_tmpl_myaccount h3.cc_title { color: #3E4348; font-size: 1.875rem; } .osf_tmpl_myaccount .cc_myaccount_content .panel-heading .cc_title { line-height: 1.2; font-size: 1.25rem; margin: 0px; } .osf_tmpl_myaccount .cc_myaccount_content .myAccProfileNote { display: none; } .osf_tmpl_myaccount .cc_myaccount_content .panel { border-color: #EBEBEB; } .osf_tmpl_myaccount .cc_myaccount_content .panel.cc_myaccount_user_information { border: none; } .osf_tmpl_myaccount .cc_myaccount_content .panel-body p span:first-child { font-size: 1rem; min-width: 90px; display: inline-block; line-height: 1.2; } .osf_tmpl_myaccount .cc_myaccount_content .panel-body p span:last-child { line-height: 1.19; margin: 0px 5px; font-size: 1rem; display: inline-block; } @media only screen and (min-width: 768px) { .osf_tmpl_myaccount .cc_myaccount_content .panel-body .row { display: -webkit-box; display: -ms-flexbox; display: flex; } } .osf_tmpl_myaccount .cc_myaccount_content .panel-body .row > div { background-color: #FFFFFF; border: 2px solid #EBEBEB; margin: 25px 10px 0px 15px; } .osf_tmpl_myaccount .cc_myaccount_content .panel-body .row > div > span:first-child { background-color: #FFFFFF; color: #3E4348; text-transform: uppercase; font-size: 1rem; line-height: 1.19; } .osf_tmpl_myaccount .cc_myaccount_content .panel-body .row > div > span:last-child { line-height: 1.5; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .cc_myaccount_content .panel-body .row { display: block; } .osf_tmpl_myaccount .cc_myaccount_content .panel-body .row > div { margin: 25px 15px 0px; float: none; width: auto; padding: 10px; } } .osf_tmpl_myaccount .cc_myaccount_content .panel-body .shorter { min-width: 90px; } .osf_tmpl_myaccount .cc_myaccount_content .updateProfile { margin: 20px 15px 0px; } .osf_tmpl_myaccount .cc_edit_account_form.cc_edit_account_form_ar .form-group, .osf_tmpl_myaccount .cc_edit_account_form.cc_edit_account_form_ar + .form-group { text-align: right; } .osf_tmpl_myaccount .user_form_label { font-size: 1rem; min-width: 90px; display: inline-block; line-height: 1.2; } .osf_tmpl_myaccount .cc_myaccount_nav .panel-heading .cc_title { color: #B3B3B3; font-size: 1.5rem; line-height: 1.17; padding: 0px; margin: 20px; } .osf_tmpl_myaccount .cc_myaccount_nav ul#side_nav { margin: 0px; padding: 0px; } .osf_tmpl_myaccount .cc_myaccount_nav .acctStepNav { border-bottom: 2px solid #EBEBEB !important; padding: 16px 22px; } .osf_tmpl_myaccount .cc_myaccount_nav .acctStepNav .gotoSection, .osf_tmpl_myaccount .cc_myaccount_nav .acctStepNav .gotoSection:link, .osf_tmpl_myaccount .cc_myaccount_nav .acctStepNav .gotoSection:hover, .osf_tmpl_myaccount .cc_myaccount_nav .acctStepNav .gotoSection:visited, .osf_tmpl_myaccount .cc_myaccount_nav .acctStepNav .gotoSection:active { font-size: 1rem; color: #3E4348; line-height: 1.19; text-decoration: none; } .osf_tmpl_myaccount .cc_myaccount_nav .acctStepNav.selectedSection { background-color: #F1F3F4; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .cc_right_col, .osf_tmpl_myaccount .cc_main_content_col { float: none !important; } } .osf_tmpl_myaccount .addressBookSection .cc_myaccount_changePassword { margin: 0px; padding: 0px; } .osf_tmpl_myaccount .addressBookSection .cc_myaccount_changePassword .cc_heading { margin-top: 10px; } .osf_tmpl_myaccount .addressBookSection .cc_myaccount_changePassword .cc_body { padding: 0px; } .osf_tmpl_myaccount .addressBookSection .orderPaginationSec .cc_body .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .osf_tmpl_myaccount .addressBookSection .orderPaginationSec .cc_body .row .col-xs-4:first-child { text-align: left; } .osf_tmpl_myaccount .addressBookSection .orderPaginationSec .cc_body .row .cc_current_page, .osf_tmpl_myaccount .addressBookSection .orderPaginationSec .cc_body .row .cc_paginator_legend { font-size: 0.75rem; color: #BEC1C4; line-height: 46px; padding: 0px; } .osf_tmpl_myaccount .addressBookSection .orderPaginationSec .cc_body .row #itemsPerPage { border: 2px solid #F1F3F4; height: 46px; font-size: 0.875rem; color: #3E4348; line-height: 1.43; padding: 7px 27px 11px 15px; } @media only screen and (max-width: 991px) { .osf_tmpl_myaccount .addressBookSection .orderPaginationSec .cc_body .row #itemsPerPage { padding: 11px !important; width: 125px !important; height: auto; } } .osf_tmpl_myaccount .addressBookSection .orderPaginationSec_en .cc_body .row .col-xs-4:first-child { text-align: right; } .osf_tmpl_myaccount .addressBookSection .orderPaginationSec_en .cc_body .row .col-xs-4:last-child .cc_paginator_form { float: left !important; } .osf_tmpl_myaccount .addressBookSection .orderPaginationSec_en .cc_body .row #itemsPerPage { padding: 11px 15px 11px 27px; } .osf_tmpl_myaccount .addressBookSection .cc_myaccount_addresses .table-responsive { padding: 0px; } .osf_tmpl_myaccount .addressBookSection .cc_myaccount_addresses .table-responsive th { font-weight: 400; } .osf_tmpl_myaccount .addressBookSection .cc_myaccount_addresses .table-responsive .th_ar { text-align: right; } .osf_tmpl_myaccount .addressBookSection .cc_myaccount_addresses .table-responsive tr, .osf_tmpl_myaccount .addressBookSection .cc_myaccount_addresses .table-responsive tr:hover, .osf_tmpl_myaccount .addressBookSection .cc_myaccount_addresses .table-responsive tr:active { background-color: #FFFFFF; border: none; border-bottom: 2px solid #EBEBEB; } .osf_tmpl_myaccount .addressBookSection .cc_myaccount_addresses .table-responsive .status.cc_address_type_value { font-weight: 400; color: #3E4348; } .osf_tmpl_myaccount .cc_myaccount_mycart .panel-heading .cc_title { padding: 15px 0px 0px; } .osf_tmpl_myaccount .cc_myaccount_mycart .cc_myaccount_content .table-responsive { padding: 0px; border: none; } .osf_tmpl_myaccount .cc_myaccount_mycart .cc_myaccount_content .table-responsive tr:hover { background-color: #FFFFFF; } .osf_tmpl_myaccount .cc_myaccount_mycart .cc_myaccount_content .table-responsive .cart_name_col { width: 35%; } .osf_tmpl_myaccount .cc_myaccount_mycart_ar .table-responsive th { text-align: right; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .panel-heading, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .panel-heading { padding: 0; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .panel-heading .cc_title, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .panel-heading .cc_title { padding: 0; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .form-group, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .form-group { vertical-align: bottom; margin-right: 10px; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .form-group, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .form-group { margin-right: 0 !important; } } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .form-group label, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .form-group label { display: block; font-size: 0.875rem; line-height: 1.14; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .form-group-sm .form-control, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .form-group-sm .form-control { padding: 0; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .form-group-sm .form-control, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .form-group-sm .form-control { width: 100%; } } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .form-control[readonly], .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .form-control[readonly] { background-color: transparent; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .form-control[readonly]:focus, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .form-control[readonly]:focus { border-color: #BEC1C4; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .input-group-addon, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .input-group-addon { padding: 5px 12px; background-color: transparent; border-width: 0 0 1px 0; border-radius: 0; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .input-group.date, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .input-group.date { cursor: default; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .input-group.date .input-group-addon, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .input-group.date .input-group-addon { padding: 0 7px; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .input-group.date svg, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .input-group.date svg { display: block; height: 20px; width: 20px; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_search_order_form, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_search_order_form { margin: 20px 0 40px; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_search_order_form.pull-right .form-group label, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_search_order_form.pull-right .form-group label { text-align: right; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_search_order_form .cc_search_order_status button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_search_order_form .cc_search_order_status button { margin: 0px; padding: 5px; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_search_order_form .cc_search_order_status .bs-caret, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_search_order_form .cc_search_order_status .bs-caret { color: #3E4348; } @media only screen and (max-width: 1199px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_search_order_form, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_search_order_form { float: none; margin-bottom: 25px; } } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action { margin: 40px 0 0; } @media only screen and (max-width: 1199px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action { float: none; margin-top: 0; } } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action { text-align: left; } } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action input[type=button], .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action input[type=button], .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action input[type=button], .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action input[type=button] { vertical-align: middle; } @media only screen and (min-width: 768px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action input[type=button], .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action input[type=button], .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action input[type=button], .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action input[type=button] { background-color: transparent; border: none; border-radius: 0; } } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action button:focus, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action input[type=button]:focus, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action button:focus, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action input[type=button]:focus, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action button:focus, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action input[type=button]:focus, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action button:focus, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action input[type=button]:focus { outline: none !important; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action input[type=button], .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action input[type=button], .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action input[type=button], .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action input[type=button] { margin: 0 20px; } } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action .cc_search_order, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action .cc_search_order, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action .cc_search_order, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action .cc_search_order { margin: 0 30px; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action .cc_search_order, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action .cc_search_order, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action .cc_search_order, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action .cc_search_order { padding: 0; } } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action .cc_search_order .icon-ic_search, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action .cc_search_order .icon-ic_search, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action .cc_search_order .icon-ic_search, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action .cc_search_order .icon-ic_search { font-size: 1.375rem; display: block; } @media only screen and (max-width: 1199px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action .cc_search_order .icon-ic_search, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action .cc_search_order .icon-ic_search, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action .cc_search_order .icon-ic_search, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action .cc_search_order .icon-ic_search { font-size: 0.875rem; } } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action .cc_search_order .icon-ic_search:hover, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action .cc_search_order .icon-ic_search:hover, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action .cc_search_order .icon-ic_search:hover, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action .cc_search_order .icon-ic_search:hover { color: #fbbc2a; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_order_search_action .cc_search_order .cc_search_order--text, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_search_action .cc_search_order .cc_search_order--text, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_order_search_action .cc_search_order .cc_search_order--text, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_search_action .cc_search_order .cc_search_order--text { font-size: 0.875rem; vertical-align: text-top; display: inline-block; margin-left: 7px; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_search_invoicer_status + button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_search_invoice_type + button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_search_invoicer_status + button, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_search_invoice_type + button { margin: 0px; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm .form-group.form-group-sm, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm .form-group.form-group-sm { margin-bottom: 15px; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm .form-group.form-group-sm.searchButtons, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm .form-group.form-group-sm.searchButtons { margin-right: 0px !important; margin-left: 0px !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm .form-group.form-group-sm.searchButtons, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm .form-group.form-group-sm.searchButtons { display: -webkit-box; display: -ms-flexbox; display: flex; } } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm .form-group.form-group-sm.searchButtons .icon-ic_search, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm .form-group.form-group-sm.searchButtons .icon-ic_search { margin: 0; font-size: 1.375rem; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm .form-group.form-group-sm.searchButtons .icon-ic_search, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm .form-group.form-group-sm.searchButtons .icon-ic_search { margin: 0 30px; font-size: 0.875rem; } } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm .form-group.form-group-sm.searchButtons .icon-ic_search:hover, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm .form-group.form-group-sm.searchButtons .icon-ic_search:hover { color: #fbbc2a; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm .form-group.form-group-sm.searchButtons .resetInvoiceSearch, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm .form-group.form-group-sm.searchButtons .resetInvoiceSearch { border: 0; padding: 0; background-color: transparent; color: #2054FF; font-size: 0.875rem; line-height: 1.14; font-weight: 400; text-decoration: none; outline: none; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm .form-group.form-group-sm.searchButtons .resetInvoiceSearch:hover, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm .form-group.form-group-sm.searchButtons .resetInvoiceSearch:hover { text-shadow: 1px 0px 0px #2054FF; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm_ar .form-group.form-group-sm, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm_ar .form-group.form-group-sm { margin-right: 0px !important; margin-left: 10px !important; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm_ar .form-group.form-group-sm, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm_ar .form-group.form-group-sm { margin-left: 0 !important; } } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm_ar .form-group label, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm_ar .form-group label { text-align: right; } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm_ar .searchInvoice.cc_search_invoice, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm_ar .searchInvoice.cc_search_invoice { margin: 0px 22px !important; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm div.cc_search_invoicer_status, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .searchInvoiceForm div.cc_search_invoice_type, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm div.cc_search_invoicer_status, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .searchInvoiceForm div.cc_search_invoice_type { width: 100%; } } .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myorders .cc_invoice_table .cc_table_col, .osf_tmpl_myaccount .acctmainSection .cc_myaccount_myinvoices .cc_invoice_table .cc_table_col { height: 60px; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .acctmainSection .cc_order_search_action, .osf_tmpl_myaccount .acctmainSection .cc_invoice_search_action { display: -webkit-box; display: -ms-flexbox; display: flex; clear: both; -ms-flex-pack: distribute; justify-content: space-around; } .osf_tmpl_myaccount .acctmainSection .cc_order_search_action button, .osf_tmpl_myaccount .acctmainSection .cc_invoice_search_action button { width: 40%; margin-left: 0; margin-right: 0; } .osf_tmpl_myaccount .acctmainSection .cc_order_search_action button .icon-ic_search, .osf_tmpl_myaccount .acctmainSection .cc_invoice_search_action button .icon-ic_search { display: inline-block !important; vertical-align: middle !important; margin: 0 !important; font-size: 0.875rem; } .osf_tmpl_myaccount .acctmainSection .cc_order_search_action button .cc_search_order--text, .osf_tmpl_myaccount .acctmainSection .cc_invoice_search_action button .cc_search_order--text { vertical-align: middle !important; margin-left: 0 !important; margin-right: 10px; } } .osf_tmpl_myaccount .acctmainSection .orderPaginationSec { font-size: 0.75rem; color: #BEC1C4; line-height: 1.17; margin-bottom: 15px; } .osf_tmpl_myaccount .acctmainSection .orderPaginationSec .cc_paginator { margin-bottom: 0; padding-bottom: 0; } .osf_tmpl_myaccount .acctmainSection .orderPaginationSec .cc_paginator .textbutton-blue { font-size: 0.75rem; } .osf_tmpl_myaccount .acctmainSection .orderPaginationSec .cc_body .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .osf_tmpl_myaccount .acctmainSection .orderPaginationSec .cc_body .row .col-xs-4:first-child { text-align: right; } .osf_tmpl_myaccount .acctmainSection .orderPaginationSec .cc_body .row .cc_paginator_form { float: left !important; } .osf_tmpl_myaccount .acctmainSection .orderPaginationSec .cc_size_action button { margin: 0px; padding: 0 15px 5px; font-size: 0.875rem; line-height: 1.43; } .osf_tmpl_myaccount .acctmainSection .orderPaginationSec .cc_size_action .bs-caret .caret { color: #3E4348; margin-top: -4px; } .osf_tmpl_myaccount .acctmainSection .orderPaginationSec .cc_current_page { text-transform: capitalize; } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive { padding: 0 0 30px; margin-top: 0; } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table th { padding: 0 12px; font-size: 1rem; line-height: 1.43; font-weight: normal; } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table tr { border-bottom: 2px solid #EBEBEB; } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table tr.cc_table_header_row { border-bottom: none; } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table tr:hover { background-color: transparent; } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table td { padding: 30px 12px 10px; color: #909090; width: 17%; vertical-align: initial; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table td { padding: 10px; } } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table td.cc_table_col--order-number { width: 30%; } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table .cc_col_order_number a { font-size: 1.25rem; line-height: 1.2; } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table .cc_col_order_number a:hover { text-decoration: none; } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table .cc_col_prompt_amend, .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table .cc_col_prompt_cancel { display: none; } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table .cc_col_order_statust { color: #fbbc2a; } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table .cc_col_order_statust.completed, .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table .cc_col_order_statust.delivered { color: #6AC259; } .osf_tmpl_myaccount .acctmainSection .cc_paginator .table-responsive .cc_order_search_table_ar .cc_table_header_row th { text-align: right; } .osf_tmpl_myaccount .acctmainSection.ordersSection--ar { /* Styles for Arabic version */ } .osf_tmpl_myaccount .acctmainSection.ordersSection--ar .cc_myaccount_myorders .cc_order_search_action .cc_search_order { margin: 0 30px; } .osf_tmpl_myaccount .acctmainSection.ordersSection--ar .orderPaginationSec .cc_body .row .cc_paginator_form { float: right !important; } .osf_tmpl_myaccount .acctmainSection.ordersSection--ar .orderPaginationSec .cc_body .row .col-xs-4:first-child { text-align: left; } .osf_tmpl_myaccount .acctmainSection.ordersSection--ar .cc_paginator .table-responsive .cc_order_search_table th { text-align: right; } .osf_tmpl_myaccount .acctmainSection .cc_col_reorder { text-transform: capitalize; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .panel-heading .cc_title, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .panel-heading .cc_title { padding-top: 15px; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .createTemplate, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .createTemplate { font-size: 1.125rem; height: 3.5rem; border-radius: 0; color: #fbbc2a; background-color: transparent; border-color: #fbbc2a; border-radius: 0; border-width: 2px; min-width: 7.5rem; padding: 0 2rem; margin: 10px 0px; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive { padding: 0px; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive tr, .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive tr:hover, .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive tr:active, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive tr, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive tr:hover, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive tr:active { background-color: #FFFFFF; border: none; border-bottom: 2px solid #EBEBEB; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive tr:hover, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive tr:hover { background-color: #FFFFFF; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive th.cc_table_header:nth-child(3), .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive th.cc_table_header:nth-child(3) { width: 11%; padding: 10px 0px; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive .cc_col_active, .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive .button-group input, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive .cc_col_active, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive .button-group input { text-transform: capitalize; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive { width: 100%; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive .cc_mywishlist_table, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive .cc_mywishlist_table { width: 100%; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive .cc_mywishlist_table th, .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive .cc_mywishlist_table td, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive .cc_mywishlist_table th, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive .cc_mywishlist_table td { text-align: center; word-break: break-word; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive .button-group, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive .button-group { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 0px; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .table-responsive .button-group input, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .table-responsive .button-group input { padding: 0px; margin: 0 5px; } } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .cc_save_changes > div, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .cc_save_changes > div { margin: 0px; width: 100%; text-align: center; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .cc_save_changes .cc_save, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .cc_save_changes .cc_save { margin: 0px; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_myaccount_content .cc_wishlist_active.checkcontainer .checkmark, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_myaccount_content .cc_wishlist_active.checkcontainer .checkmark { height: 14px; width: 14px; margin-top: -2px; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .wishlist_actions, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .wishlist_actions { margin-top: 15px; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .wishlist_actions .cc_wishlist_action, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .wishlist_actions .cc_wishlist_action { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0px 15px; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_wishlist_image .cc_prod_link.textbutton-blue, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_wishlist_image .cc_prod_link.textbutton-blue { width: 120px; height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F1F3F4; } .osf_tmpl_myaccount .cc_myaccount_mywishlist .cc_wishlist_image .cc_prod_link.textbutton-blue .img-responsive, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .cc_wishlist_image .cc_prod_link.textbutton-blue .img-responsive { max-width: 100%; max-width: 100%; } .osf_tmpl_myaccount .cc_myaccount_mywishlist_ar .table-responsive th { text-align: right; } .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .well { background-color: #F1F3F4; } .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .deleteItem { text-transform: capitalize; } .osf_tmpl_myaccount .cc_myaccount_mywishlists_container .sku { display: none; } .osf_tmpl_myaccount .cc_myaccount_mywishlists_container hr { margin-top: 0px; border-top: none; } .osf_tmpl_myaccount .cc_myaccount_mywishlists_container_ar .cc_wishlist_item > div, .osf_tmpl_myaccount .cc_myaccount_mywishlists_container_ar .cc_wishlist_item + .row > div { float: right; } .osf_tmpl_myaccount .table-responsive { padding: 0px; } .osf_tmpl_myaccount .table-responsive tr:hover { background-color: #FFFFFF; } .osf_tmpl_myaccount .table-responsive .cart_name_col { width: 35%; } .osf_tmpl_myaccount .table-responsive_ar th { text-align: right; } .osf_tmpl_myaccount .cc_mywallet_table .myWalletButton { text-transform: capitalize; } .osf_tmpl_myaccount .custom_select { -webkit-box-shadow: none; box-shadow: none; } .osf_tmpl_myaccount .custom_select .btn-default, .osf_tmpl_myaccount .custom_select .btn-default:active, .osf_tmpl_myaccount .custom_select .btn-default:focus, .osf_tmpl_myaccount .custom_select .btn-default:hover { padding: 5px 0px; background-color: transparent; border-color: transparent; border-bottom: 1px solid #BEC1C4; margin: 5px 0px; outline: none !important; } .osf_tmpl_myaccount .custom_select .filter-option, .osf_tmpl_myaccount .custom_select .filter-option:focus, .osf_tmpl_myaccount .custom_select .filter-option-inner, .osf_tmpl_myaccount .custom_select .filter-option-inner:focus, .osf_tmpl_myaccount .custom_select .filter-option-inner-inner, .osf_tmpl_myaccount .custom_select .filter-option-inner-inner:focus { outline: none; color: #3E4348; } .osf_tmpl_myaccount .custom_select .dropdown-menu li a, .osf_tmpl_myaccount .custom_select .dropdown-menu li a:focus, .osf_tmpl_myaccount .custom_select .dropdown-menu li a:active { outline: none !important; } .osf_tmpl_myaccount .custom_select .dropdown-menu li.active a { background-color: #EBEBEB; color: #3E4348; } .osf_tmpl_myaccount .custom_select .dropdown-menu li:hover { background-color: #F1F3F4; } @media only screen and (max-width: 991px) { .osf_tmpl_myaccount .ordersSection .cc_paginator .table-responsive .cc_order_search_table .cc_col_order_number a { font-size: 1rem; } .osf_tmpl_myaccount .ordersSection .cc_paginator .table-responsive .cc_order_search_table th, .osf_tmpl_myaccount .ordersSection .cc_paginator .table-responsive .cc_order_search_table td { padding: 10px 20px !important; white-space: nowrap !important; } } .osf_tmpl_myaccount .datepicker.datepicker-dropdown { left: 0 !important; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount .datepicker.datepicker-dropdown .table-condensed { width: 100%; } } .osf_tmpl_myaccount.cc_main_container--ar .addressBookSection .orderPaginationSec .cc_body .row .col-xs-4:first-child { text-align: left; } .osf_tmpl_myaccount.cc_main_container--ar .addressBookSection .orderPaginationSec .cc_body .row .cc_paginator_form { float: right !important; } .osf_tmpl_myaccount.cc_main_container--ar .user_form_label { min-width: 110px; } .osf_tmpl_myaccount.cc_main_container--ar .bootstrap-select .dropdown-toggle .filter-option { text-align: right; padding-right: 0; padding-left: 5px; } .osf_tmpl_myaccount.cc_main_container--ar .bootstrap-select .dropdown-toggle .caret { right: auto; left: 5px; margin-left: 0; } .osf_tmpl_myaccount.cc_main_container--ar .bootstrap-select .dropdown-menu li a { text-align: right; } .osf_tmpl_myaccount.cc_main_container--ar .help-block.has-error { text-align: right; } .osf_tmpl_myaccount.cc_main_container--ar .cc_modal.cc_edit_wishlist .form-horizontal .form-group { margin-right: 0; margin-left: 0; text-align: right; } .osf_tmpl_myaccount.cc_main_container--ar .cc_modal.cc_edit_wishlist .form-horizontal .form-group.cc_wishlist_default .checkcontainer { padding-left: 0; padding-right: 20px; } .osf_tmpl_myaccount.cc_main_container--ar .cc_modal.cc_edit_wishlist .form-horizontal .form-group.cc_wishlist_default .checkcontainer .checkmark { left: auto; right: 0; } .osf_tmpl_myaccount.cc_main_container--ar .wishButtons .pickWish { text-align: right; } .osf_tmpl_myaccount.cc_main_container--ar .datepicker.datepicker-dropdown { left: auto !important; right: 0 !important; } @media only screen and (max-width: 767px) { .osf_tmpl_myaccount.cc_main_container--ar .datepicker.datepicker-dropdown table tr th.dow { font-size: 0.75rem; } } .osf_tmpl_myaccount.cc_main_container--ar .datepicker-switch { direction: ltr; } .cc_myaccount_mywallet h3.panel-title.cc_title { font-size: 1.875rem; line-height: 1.17; color: #3E4348; padding-top: 15px; } .cc_myaccount_mywallet .saveCC { margin-top: 15px; } .cc_myaccount_mywallet .cancelCC, .cc_myaccount_mywallet .saveCC { margin: 15px 0px; } .cc_myaccount_mywallet select.paymentMethod:focus { padding: 5px 10px; color: #3E4348; border-color: #3E4348; } .cc_myaccount_mywallet .messagingSection-Error .alert-danger, .cc_myaccount_mywallet .error_messages_section .alert-danger { color: #FFFFFF; text-align: center; background-color: #D40141; } .cc_myaccount_mywallet .myWalletModal .modal-footer { text-align: center; } .cc_myaccount_mywallet .myWalletModal input[type=button] { margin: 0px 15px; } .cc_myaccount_mywallet .myWalletModal .myWalletModalCloseBtn { background-color: #FFFFFF; border-color: #fbbc2a; color: #fbbc2a; } .cc_myaccount_mywallet_ar .myWalletModal .modal-footer { direction: rtl; } .cc_myaccount_mywallet .searchOrderForm { display: inline-block; width: 175px; } .cc_myaccount_mywallet .searchOrderForm .form-group, .cc_myaccount_mywallet .searchOrderForm .bootstrap-select.paymentMethod { width: 100% !important; } .cc_myaccount_mywallet .searchOrderForm .form-group button.dropdown-toggle, .cc_myaccount_mywallet .searchOrderForm .form-group button.dropdown-toggle:hover, .cc_myaccount_mywallet .searchOrderForm .bootstrap-select.paymentMethod button.dropdown-toggle, .cc_myaccount_mywallet .searchOrderForm .bootstrap-select.paymentMethod button.dropdown-toggle:hover { padding: 5px; } .cc_myaccount_mywallet .ivalid_payment_messages_container { width: calc(100% - 200px); margin-bottom: 30px; } .cc_myaccount_mywallet .ivalid_payment_message { font-size: 1rem; color: #D40141; } .cc_myaccount_mywallet .table-responsive { width: 100%; } .cc_myaccount_mywallet .myWalletModalBody .modal-header, .cc_myaccount_mywallet .myWalletModalBody .modal-footer { border: none; } .cc_myaccount_mywallet .myWalletModalBody .modal-body { display: none; } .cc_myaccount_mywallet .form-horizontal .control-label { text-align: left; } .cc_myaccount_mywallet .form-horizontal .checkcontainer { display: inline-block; } .cc_myaccount_mywallet .form-horizontal .cc_cancel_po { float: left; } .cc_myaccount_mywallet .form-horizontal .cc_save_po { float: right; } .cc_myaccount_mywallet .cc_new_cc_form .cancelCC { float: left; } .cc_myaccount_mywallet .cc_new_cc_form .saveCC { float: right; } .paymentContainer .help-block { color: #D40141; } .paymentContainer .checkcontainer { line-height: 1.7; padding: 0px 30px; } .cc_invoice_table a.ascSort.sortControl.cc_asc_sort { position: absolute; } .cc_invoice_table a.sortControl i.fa { color: #3E4348; } .cc_invoice_payment_container .cc_stored_payments_container .cc_stored_payments_container.po { display: none; } .gotoInvoiceDetails.cc_goto_invoice_details.textbutton-blue { font-size: 16px; font-weight: 500; } .invoicePaymentContainer .panel-heading h3.cc_title { font-size: 1.875rem; line-height: 1.17; color: #3E4348; } .invoicePaymentContainer .heading { display: none; } .invoicePaymentContainer .cc_invoices_table th { color: #3E4348; font-weight: 400; } .invoicePaymentContainer .myInvoices.cc_my_invoices.textbutton-blue, .invoicePaymentContainer .payAllFullLink.cc_pay_all_full_link.textbutton-blue { font-size: 1rem; } .invoicePaymentContainer .cc_nav-tabs_anchor { color: #2054FF; } .cc_panel_invoice_detail .cc_invoice_header_container .invoice_label, .cc_panel_invoice_payment_single .cc_invoice_header_container .invoice_label { text-align: left; } .cc_panel_invoice_detail .cc_invoice_header_container .cc_invoice_header_col .row > div:first-child, .cc_panel_invoice_payment_single .cc_invoice_header_container .cc_invoice_header_col .row > div:first-child { text-align: left; } .cc_panel_invoice_detail .cc_invoice_header_container .cc_invoice_header_col .row > div:first-child div, .cc_panel_invoice_payment_single .cc_invoice_header_container .cc_invoice_header_col .row > div:first-child div { float: none !important; } @media only screen and (min-width: 768px) { #searchInvoiceForm { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #searchInvoiceForm + .searchButtons.cc_invoice_search_action { display: inline-block; vertical-align: unset; } #searchInvoiceForm + .searchButtons.cc_invoice_search_action .searchInvoice { margin: 0px 30px; } #searchInvoiceForm + .searchButtons.cc_invoice_search_action .icon.icon-ic_search { font-size: 1.375rem; display: block; } #searchInvoiceForm + .searchButtons.cc_invoice_search_action .icon.icon-ic_search:hover { color: #fbbc2a; } #searchInvoiceForm + .searchButtons.cc_invoice_search_action .cc_search_order--text.hidden-lg { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { #searchInvoiceForm { margin-bottom: 10px; } button.searchInvoice { margin: 0px 15px; color: #3E4348 !important; border: none !important; min-width: auto !important; padding: 0px; } button.searchInvoice:hover { outline: none !important; } } .cc_main_container--ar .cc_myaccount_content .cc_myaccount_user p span:first-child { min-width: 100px; } .cc_main_container--ar .cc_myaccount_mywallet .form-horizontal .control-label { text-align: right; } .cc_main_container--ar .cc_myaccount_mywallet .form-horizontal .checkbox { text-align: right; } .cc_main_container--ar .cc_myaccount_mywallet .form-horizontal .checkcontainer { text-align: right; } .cc_main_container--ar .cc_myaccount_mywallet .form-horizontal .checkcontainer .checkmark { right: 0; left: auto; } .cc_main_container--ar .cc_myaccount_mywallet .form-horizontal .cc_cancel_po { float: right; } .cc_main_container--ar .cc_myaccount_mywallet .form-horizontal .cc_save_po { float: left; } .cc_main_container--ar .cc_myaccount_mywallet .cc_new_cc_form .form-group { text-align: right; } .cc_main_container--ar .cc_myaccount_mywallet .cc_new_cc_form .checkmark { left: auto; right: 0; } .cc_main_container--ar .cc_myaccount_mywallet .cc_new_cc_form .cancelCC { float: right; } .cc_main_container--ar .cc_myaccount_mywallet .cc_new_cc_form .saveCC { float: left; } .cc_main_container--ar .cc_invoice_table th { text-align: right; } .cc_main_container--ar .cc_panel_invoice_detail .cc_invoice_header_container .invoice_label, .cc_main_container--ar .cc_panel_invoice_payment_single .cc_invoice_header_container .invoice_label { text-align: right; } .cc_main_container--ar .cc_panel_invoice_detail .cc_invoice_header_container .cc_invoice_header_col .row > div:first-child, .cc_main_container--ar .cc_panel_invoice_payment_single .cc_invoice_header_container .cc_invoice_header_col .row > div:first-child { text-align: right; } .cc_main_container--ar .cc_panel_invoice_detail .cc_invoice_action_container, .cc_main_container--ar .cc_panel_invoice_payment_single .cc_invoice_action_container { float: right !important; } .cc_main_container--ar .invoicePaymentContainer .cc_invoices_table th { text-align: right; } .cc_main_container--ar .invoiceContainer.cc_invoice_action_container { float: none; } .cc_main_container--ar .invoicePaymentContainer #frmTokenization .checkcontainer .checkmark { left: unset; right: 0; } .checkout-container #billingAddressForm, .checkout-container #shippingAddressForm { margin: 0; } .checkout-container #billingAddressForm input, .checkout-container #billingAddressForm select, .checkout-container #shippingAddressForm input, .checkout-container #shippingAddressForm select { background-color: transparent; border: none; height: 1.5rem; width: 100%; font-size: 1rem; color: #3E4348; opacity: 1; cursor: text; padding: 0px; } .checkout-container #billingAddressForm select, .checkout-container #shippingAddressForm select { margin-left: 2px; -moz-appearance: none; -webkit-appearance: none; } .checkout-container #billingAddressForm .countryListing::-ms-expand, .checkout-container #shippingAddressForm .countryListing::-ms-expand { display: none; } .checkout-container #billingAddressForm .stateSection .form-control, .checkout-container #shippingAddressForm .stateSection .form-control { padding: 2px; } .checkout-container .info-wrap .form-title { font-size: 1rem; line-height: 1.19; color: #3E4348; text-transform: uppercase; } .checkout-container .info-wrap .form-title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkout-container .info-wrap .form-title-wrap .change_address { margin: 0; } .checkout-container .info-wrap .form-title-wrap .change_address a { color: #2054FF; } .checkout-container .info-wrap .form-title-wrap .change_address a:hover { text-decoration: none; } .checkout-container .info-wrap .form-title-wrap .change_address a:focus { text-decoration: none; } .checkout-container .info-section { padding: 0.625rem 1.25rem; border: solid 2px #EBEBEB; margin-bottom: 2rem; } .checkout-container .info-section-field { height: 1.5rem; } .checkout-container .step-links, .checkout-container .link_button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .checkout-container .step-links input { background-color: transparent; border: none; padding: 0; min-width: unset; color: #2054FF; outline: none; font-size: 0.875rem; } .checkout-container .link_button input { height: 3.5rem; } .checkout-container .checkout-shipping [class*='col-'] { padding: 0; } .checkout-container .checkout-shipping .shipping-title { color: #3E4348; font-size: 1.875rem; line-height: 1.17; } .checkout-container .checkout-shipping .shipping-buttons { margin: 1.875rem 0; } .checkout-container .checkout-shipping .shipping_payment .ship-complete .checkcontainer { display: inline-block; } .checkout-container .checkout-shipping .shipping_payment_term { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .checkout-container .checkout-shipping .shipping_payment_term .checkcontainer { display: inline-block; } .checkout-container .checkout-shipping .shipping_payment_term .checkcontainer a { color: #2054FF; } .checkout-container .checkout-shipping .shipping_payment_term .checkcontainer a:focus, .checkout-container .checkout-shipping .shipping_payment_term .checkcontainer a:hover { text-decoration: none; } .checkout-container .checkout-shipping .shipping_payment_term .checkcontainer .checkmark { top: 1.5px; left: -2px; } .checkout-container .checkout-shipping .shipping-method-select { width: 50%; } .checkout-container .checkout-shipping .shipping-method-select select.shippingOptions { display: none !important; } .checkout-container .checkout-shipping .shipping-guide-text { margin-bottom: 3.75rem; color: #3E4348; } .checkout-container .checkout-shipping .shipForm { margin-top: 0.875rem; } .checkout-container .checkout-shipping .shipnotes { border-radius: 0; border: solid 1px #EBEBEB; } @media only screen and (max-width: 767px) { .checkout-container .checkout-shipping .shipnotes { font-size: 1rem; } } .checkout-container .checkout-shipping .ship-complete { margin: 2.125rem 0; } .checkout-container .checkout-shipping .coso_ship_complete .checkmark { top: 1.5px; left: -2px; } .checkout-container .checkout-shipping .payment-type { margin-bottom: 2.3125rem; } .checkout-container .checkout-shipping .payment-type .credit_card_logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5px 28px -15px; } .checkout-container .checkout-shipping .payment-type .credit_card_logo { display: block; height: 40px; width: auto; } .checkout-container .checkout-shipping .method-title { margin-bottom: 2rem; color: #3E4348; font-size: 1rem; line-height: 1.19; text-transform: uppercase; } .checkout-container .custom_select { -webkit-box-shadow: none; box-shadow: none; width: 250px !important; } .checkout-container .custom_select .btn-default, .checkout-container .custom_select .btn-default:active, .checkout-container .custom_select .btn-default:focus, .checkout-container .custom_select .btn-default:hover { padding: 5px 0px; background-color: transparent; border-color: transparent; border-bottom: 1px solid #BEC1C4; margin: 5px 0px; outline: none !important; } .checkout-container .custom_select .dropdown-toggle:focus { outline: none !important; } .checkout-container .custom_select .filter-option, .checkout-container .custom_select .filter-option:focus, .checkout-container .custom_select .filter-option-inner, .checkout-container .custom_select .filter-option-inner:focus, .checkout-container .custom_select .filter-option-inner-inner, .checkout-container .custom_select .filter-option-inner-inner:focus { outline: none; color: #3E4348; } .checkout-container .custom_select .filter-option-inner-inner { padding: 0px 10px; } .checkout-container .custom_select .dropdown-menu li a, .checkout-container .custom_select .dropdown-menu li a:focus, .checkout-container .custom_select .dropdown-menu li a:active { outline: none !important; } .checkout-container .custom_select .dropdown-menu li.active a { background-color: #EBEBEB; color: #3E4348; } .checkout-container .custom_select .dropdown-menu li:hover { background-color: #F1F3F4; } @media only screen and (max-width: 767px) { .checkout-nav-steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } .checkout-nav-steps .nav-wrap { font-size: 0.5625rem; color: #676767; display: block; position: relative; z-index: 1; } .checkout-nav-steps .nav-wrap .nav-index { display: inline-block; width: 30px; height: 30px; line-height: 25px; border-radius: 50%; border-style: solid; border-width: 0.186rem; border-color: #f1f3f4; margin-bottom: 5px; background-color: white; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; } .checkout-nav-steps .nav-wrap .nav-index.icon::before { font-size: 16px; line-height: 24px; } .checkout-nav-steps .nav-wrap .nav-title { width: 100%; display: block; padding-left: 5px; padding-right: 5px; margin-top: 9px; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #3E4348; } .checkout-nav-steps .nav-wrap .nav-title:focus, .checkout-nav-steps .nav-wrap .nav-title:hover { text-decoration: none; } .checkout-nav-steps .cc_checkoutStep { position: relative; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; } .checkout-nav-steps .cc_checkoutStep:last-child::after { content: none; } .checkout-nav-steps .cc_checkoutStep::after { content: ''; position: absolute; width: 100%; height: 2px; top: 0.9rem; background-color: #e2e5f1; border-radius: 5px; right: -50%; z-index: -1; } .checkout-nav-steps .cc_checkoutStep a:hover, .checkout-nav-steps .cc_checkoutStep a:active { text-decoration: none; } .checkout-nav-steps .cc_checkoutStep.checked { cursor: pointer; } .checkout-nav-steps .active .nav-wrap .nav-index { background-color: #fbbc2a; color: white; } .checkout-nav-steps .active .nav-wrap .nav-title { font-weight: 500; } } @media only screen and (min-width: 768px) { .checkout-nav-steps { padding: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* Arabic layout */ } .checkout-nav-steps li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0; width: 100%; height: 61px; list-style-type: none; padding: 5px 5px 5px 30px; border-right: 4px solid #FFFFFF; position: relative; } .checkout-nav-steps li a { color: #000000; text-decoration: none; text-align: center; } .checkout-nav-steps li:nth-child(n+2)::before { position: absolute; top: -1px; left: 0; display: block; border-left: 25px solid #FFFFFF; border-top: 32px solid transparent; border-bottom: 32px solid transparent; width: 0; height: 0; content: " "; } .checkout-nav-steps li::after { z-index: 1; position: absolute; top: -1px; right: -24px; display: block; border-left: 25px solid transparent; border-top: 32px solid transparent; border-bottom: 32px solid transparent; width: 0; height: 0; content: " "; } .checkout-nav-steps .checked { cursor: pointer; } .checkout-nav-steps .checked a { color: #FFFFFF; } .checkout-nav-steps .nav-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; } .checkout-nav-steps .nav-index { font-size: 1.5rem; margin-right: 0.75rem; width: 1.5rem; text-align: center; } .checkout-nav-steps.checkout-nav-steps--ar .nav-index { margin-left: 0.75rem; margin-right: 0; } .checkout-nav-steps.checkout-nav-steps--ar li { padding-right: 30px; padding-left: 5px; } .checkout-nav-steps.checkout-nav-steps--ar li:nth-child(n+2)::before { left: -25px; border-left: none; border-right-width: 25px; border-right-style: solid; border-right-color: #FFFFFF; right: 0px; left: auto; } .checkout-nav-steps.checkout-nav-steps--ar li::after { border-left-width: 0; border-right-width: 25px; border-right-style: solid; left: -25px; right: auto; } .checkout-nav-steps.checkout-nav-steps--ar li.co-step3 { margin-right: 0; margin-left: 20.5px; } } /* Setup colors (both the background and the arrow) */ @media only screen and (min-width: 768px) { /* Completed */ .checkout-nav-steps li { background-color: #6AC259; } .checkout-nav-steps li::after { border-left-color: #6AC259; border-right-color: #6AC259; } /* active */ .checkout-nav-steps li.active { background-color: #fbbc2a; } .checkout-nav-steps li.active::after { border-left-color: #fbbc2a; border-right-color: #fbbc2a; } /* Following */ .checkout-nav-steps li.active ~ li { background-color: #F1F3F4; } .checkout-nav-steps li.active ~ li::after { border-left-color: #F1F3F4; border-right-color: #F1F3F4; } } .co-step3 { margin-right: 20.5px; } @media only screen and (max-width: 767px) { .co-step3 { margin-right: 0; } } .checkout-nav-steps .checked-overlay { position: absolute; bottom: 0; left: 100%; right: 0; background-color: #6AC259; overflow: hidden; width: 0; height: 100%; -webkit-transition: .5s ease; transition: .5s ease; } .checkout-nav-steps .checked-overlay-text { color: #F1F3F4; font-size: 1.5rem; margin-left: 1rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; } .checkout-nav-steps li:hover .checked-overlay { width: 80%; left: 0; margin: 0 auto; } .icon-checkmark-circle-outline { font-size: 2rem; color: #FFFFFF; } /**** Checkout - Order Review ****/ .cc_checkout_review .step-links, .cc_checkout_review .link_button, .cc_checkout_payment_panel .step-links, .cc_checkout_payment_panel .link_button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0px; } .cc_checkout_review .step-links input, .cc_checkout_payment_panel .step-links input { background-color: transparent; border: none; padding: 0; min-width: unset; color: #2054FF; outline: none; font-size: 0.875rem; } .cc_checkout_review .cc_feeatured_products .panel-heading .panel-title, .cc_checkout_payment_panel .cc_feeatured_products .panel-heading .panel-title { font-size: 1.875rem; line-height: 1.17; color: #3E4348; text-transform: capitalize; margin-bottom: 35px; } .cc_checkout_review .cc_feeatured_products .cc_product_name, .cc_checkout_payment_panel .cc_feeatured_products .cc_product_name { color: #909090 !important; } .cc_order_details .cc_body, .cc_checkout_review .cc_body { padding: 0px; } .cc_order_details .well, .cc_checkout_review .well { background-color: transparent; margin: 32px 0px; padding: 0px; } .cc_order_details .well > .row, .cc_checkout_review .well > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0px; } .cc_order_details .well > .row:before, .cc_order_details .well > .row:after, .cc_checkout_review .well > .row:before, .cc_checkout_review .well > .row:after { content: none !important; } .cc_order_details .checkout_buyer_information, .cc_order_details .checkout_billing_address, .cc_order_details .checkout_shipping_address, .cc_checkout_review .checkout_buyer_information, .cc_checkout_review .checkout_billing_address, .cc_checkout_review .checkout_shipping_address { width: 31.5%; border: 2px solid #EBEBEB; padding: 20px; } .cc_order_details .checkout_buyer_information > h5, .cc_order_details .checkout_billing_address > h5, .cc_order_details .checkout_shipping_address > h5, .cc_checkout_review .checkout_buyer_information > h5, .cc_checkout_review .checkout_billing_address > h5, .cc_checkout_review .checkout_shipping_address > h5 { font-weight: 500 !important; font-size: 1rem; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; color: #3E4348; text-transform: uppercase; margin: 0px 0px 16px; display: inline-block; } .cc_order_details .checkout_buyer_information > p, .cc_order_details .checkout_billing_address > p, .cc_order_details .checkout_shipping_address > p, .cc_checkout_review .checkout_buyer_information > p, .cc_checkout_review .checkout_billing_address > p, .cc_checkout_review .checkout_shipping_address > p { font-size: 1rem; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #3E4348; margin: 0px; } .cc_order_details .checkout_buyer_information > p span, .cc_order_details .checkout_billing_address > p span, .cc_order_details .checkout_shipping_address > p span, .cc_checkout_review .checkout_buyer_information > p span, .cc_checkout_review .checkout_billing_address > p span, .cc_checkout_review .checkout_shipping_address > p span { display: block; } .cc_order_details .checkout_buyer_information .cc_addr_name, .cc_order_details .checkout_buyer_information .cc_addr_company, .cc_order_details .checkout_billing_address .cc_addr_name, .cc_order_details .checkout_billing_address .cc_addr_company, .cc_order_details .checkout_shipping_address .cc_addr_name, .cc_order_details .checkout_shipping_address .cc_addr_company, .cc_checkout_review .checkout_buyer_information .cc_addr_name, .cc_checkout_review .checkout_buyer_information .cc_addr_company, .cc_checkout_review .checkout_billing_address .cc_addr_name, .cc_checkout_review .checkout_billing_address .cc_addr_company, .cc_checkout_review .checkout_shipping_address .cc_addr_name, .cc_checkout_review .checkout_shipping_address .cc_addr_company { margin: 0px; } .cc_order_details .cc_buyer_email, .cc_checkout_review .cc_buyer_email { word-break: break-all; } .cc_order_details .panel-heading .panel-title, .cc_checkout_review .panel-heading .panel-title { font-size: 1rem; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; text-transform: uppercase; padding-top: 0px; color: #3E4348; } .cc_order_details .cart_item, .cc_checkout_review .cart_item { height: 110px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); background-color: #FFFFFF; margin: 24px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; } .cc_order_details .cart_item > div.col-md-2:first-child, .cc_checkout_review .cart_item > div.col-md-2:first-child { padding: 0px; height: 100%; width: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F1F3F4; } .cc_order_details .cart_item > div.col-md-2:first-child .cc_product_name_img, .cc_checkout_review .cart_item > div.col-md-2:first-child .cc_product_name_img { width: 110px; } .cc_order_details .cart_item > div.col-md-2:first-child .orderReview.img-responsive, .cc_checkout_review .cart_item > div.col-md-2:first-child .orderReview.img-responsive { max-height: 110px; max-width: 110px; } .cc_order_details .cart_item > div, .cc_checkout_review .cart_item > div { height: 100%; } .cc_order_details .cart_item > div:last-child, .cc_checkout_review .cart_item > div:last-child { margin-left: auto; } @media only screen and (max-width: 767px) { .cc_order_details .cart_item > div:last-child, .cc_checkout_review .cart_item > div:last-child { margin-left: unset; } } .cc_order_details .cart_item div.cc_price, .cc_checkout_review .cart_item div.cc_price { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: auto; } .cc_order_details .cart_item div.cc_price > p, .cc_checkout_review .cart_item div.cc_price > p { font-size: 1rem; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; margin-bottom: 0px; } .cc_order_details .cart_item div.cc_price .savings, .cc_checkout_review .cart_item div.cc_price .savings { color: #6AC259; } @media only screen and (max-width: 767px) { .cc_order_details .cart_item div.cc_price .savings, .cc_checkout_review .cart_item div.cc_price .savings { -ms-flex-item-align: end !important; align-self: flex-end !important; margin: 5px 0px 0px; } } .cc_order_details .cart_item .cc_item_title, .cc_checkout_review .cart_item .cc_item_title { margin: 20px 0px 10px; } .cc_order_details .cart_item .cc_item_title .cc_product_name, .cc_order_details .cart_item .cc_item_title .cc_product_name:link, .cc_order_details .cart_item .cc_item_title .cc_product_name:hover, .cc_order_details .cart_item .cc_item_title .cc_product_name:active, .cc_order_details .cart_item .cc_item_title .cc_product_name:visited, .cc_checkout_review .cart_item .cc_item_title .cc_product_name, .cc_checkout_review .cart_item .cc_item_title .cc_product_name:link, .cc_checkout_review .cart_item .cc_item_title .cc_product_name:hover, .cc_checkout_review .cart_item .cc_item_title .cc_product_name:active, .cc_checkout_review .cart_item .cc_item_title .cc_product_name:visited { text-decoration: none; color: #3E4348; font-size: 1.125rem; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; } .cc_order_details .cart_item .cc_item_price, .cc_checkout_review .cart_item .cc_item_price { color: #909090; } @media screen and (min-width: 768px) { .cc_order_details .cart_item .cc_item_price, .cc_checkout_review .cart_item .cc_item_price { margin: 0px 15px !important; } } .cc_order_details .cart_item .inventory > .value, .cc_checkout_review .cart_item .inventory > .value { font-size: 0.875rem; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; color: #6AC259; } .cc_order_details .cart_item .inventory > .value.Availability_Available, .cc_checkout_review .cart_item .inventory > .value.Availability_Available { color: #6AC259; } .cc_order_details .cart_item .inventory > .value.Availability_LowStock, .cc_order_details .cart_item .inventory > .value.Availability_OutofStock, .cc_checkout_review .cart_item .inventory > .value.Availability_LowStock, .cc_checkout_review .cart_item .inventory > .value.Availability_OutofStock { color: #E37A00; } .cc_order_details .cart_item .coupon_name, .cc_checkout_review .cart_item .coupon_name { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc_order_details .cart_item .coupon_name .cc_coupon_title, .cc_checkout_review .cart_item .coupon_name .cc_coupon_title { margin: auto 0 auto 110px; } .cc_order_details .cart_item .coupon_value .cc_item_total, .cc_checkout_review .cart_item .coupon_value .cc_item_total { margin-left: auto; } .cc_order_details .cart_item_ar .cc_cart_included_items_modal th, .cc_checkout_review .cart_item_ar .cc_cart_included_items_modal th { text-align: right; } .cc_order_details .cart_item_ar div.cc_price, .cc_checkout_review .cart_item_ar div.cc_price { margin-left: 0px; margin-right: auto; } .cc_order_details .cart_item_ar > div:last-child, .cc_order_details .cart_item_ar .coupon_value .cc_item_total, .cc_checkout_review .cart_item_ar > div:last-child, .cc_checkout_review .cart_item_ar .coupon_value .cc_item_total { margin-right: auto; margin-left: 0px; } .cc_order_details .reviewCartSection > div.cc_total, .cc_checkout_review .reviewCartSection > div.cc_total { margin: 24px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cc_order_details .reviewCartSection > div.cc_total > p, .cc_checkout_review .reviewCartSection > div.cc_total > p { font-size: 1rem; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; color: #3E4348; width: 350px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cc_order_details .reviewCartSection > div.cc_total > p span:last-child, .cc_checkout_review .reviewCartSection > div.cc_total > p span:last-child { font-weight: 500; } @media screen and (max-width: 480px) { .cc_order_details .reviewCartSection > div.cc_total > p, .cc_checkout_review .reviewCartSection > div.cc_total > p { width: 100%; } } .cc_order_details .reviewCartSection > div.cc_total hr, .cc_checkout_review .reviewCartSection > div.cc_total hr { margin: 14px 0px 24px; border: 1px solid #EBEBEB; width: 350px; } @media screen and (max-width: 480px) { .cc_order_details .reviewCartSection > div.cc_total hr, .cc_checkout_review .reviewCartSection > div.cc_total hr { width: 100%; } } .cc_order_details .reviewCartSection > div.cc_total .cc_grand_total span, .cc_checkout_review .reviewCartSection > div.cc_total .cc_grand_total span { line-height: 1.2; } @media only screen and (min-width: 768px) { .cc_order_details .reviewCartSection > div.cc_total .cc_grand_total span, .cc_checkout_review .reviewCartSection > div.cc_total .cc_grand_total span { font-weight: bold !important; font-size: 19px; } } @media only screen and (max-width: 767px) { .cc_order_details .reviewCartSection > div.cc_total .cc_grand_total span, .cc_checkout_review .reviewCartSection > div.cc_total .cc_grand_total span { font-weight: 500 !important; font-size: 1.25rem; } } .cc_order_details .reviewCartSection_ar > div.cc_total, .cc_checkout_review .reviewCartSection_ar > div.cc_total { text-align: left; } .cc_order_details .prod_info, .cc_checkout_review .prod_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cc_order_details .cc_cart_included_items_modal #myModalLabel, .cc_checkout_review .cc_cart_included_items_modal #myModalLabel { text-align: center; } .cc_order_details .cc_cart_included_items_modal tbody, .cc_checkout_review .cc_cart_included_items_modal tbody { text-align: initial; } .cc_order_details .cc_cart_included_items_modal tbody .cc_name br, .cc_order_details .cc_cart_included_items_modal tbody .cc_name .cc_sku, .cc_checkout_review .cc_cart_included_items_modal tbody .cc_name br, .cc_checkout_review .cc_cart_included_items_modal tbody .cc_name .cc_sku { display: none; } @media only screen and (max-width: 767px) { .cc_order_details .well > .row, .cc_checkout_review .well > .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc_order_details .checkout_buyer_information, .cc_order_details .checkout_billing_address, .cc_order_details .checkout_shipping_address, .cc_checkout_review .checkout_buyer_information, .cc_checkout_review .checkout_billing_address, .cc_checkout_review .checkout_shipping_address { width: 100%; margin-bottom: 25px; } .cc_order_details .cart_items_container h3.panel-title, .cc_order_details .cc_checkout_payment_container h3.panel-title, .cc_checkout_review .cart_items_container h3.panel-title, .cc_checkout_review .cc_checkout_payment_container h3.panel-title { font-size: 14px; font-weight: 500; line-height: 1.14; padding: 0; } .cc_order_details .cart_item, .cc_checkout_review .cart_item { min-height: 166px; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc_order_details .cart_item.coupon, .cc_checkout_review .cart_item.coupon { height: 78px; max-height: 78px; } .cc_order_details .cart_item.coupon .coupon_title, .cc_checkout_review .cart_item.coupon .coupon_title { font-size: 16px; font-weight: 500; line-height: 1.19; color: #3E4348; margin: 8px; } .cc_order_details .cart_item.coupon .cc_item_total, .cc_checkout_review .cart_item.coupon .cc_item_total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 16px; font-weight: 500; line-height: 1.19; color: #3E4348; margin: 8px 16px 8px 8px; } .cc_order_details .cart_item > div, .cc_checkout_review .cart_item > div { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc_order_details .cart_item > div.col-xs-5.col-md-6, .cc_checkout_review .cart_item > div.col-xs-5.col-md-6 { padding-right: 0px; } .cc_order_details .cart_item .product-img-wrapper, .cc_checkout_review .cart_item .product-img-wrapper { background-color: #F1F3F4; margin: 8px; min-height: 72px; height: 72px; max-width: 72px; width: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; } .cc_order_details .cart_item .orderReview.img-responsive, .cc_checkout_review .cart_item .orderReview.img-responsive { width: 100%; } .cc_order_details .cart_item .item-title-wrapper, .cc_checkout_review .cart_item .item-title-wrapper { margin: 8px 8px 0 -4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 83%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cc_order_details .cart_item .cc_item_title, .cc_checkout_review .cart_item .cc_item_title { margin: 0; line-height: 1.19; font-size: 16px; font-weight: 500; letter-spacing: normal; text-align: left; } .cc_order_details .cart_item .cc_item_title .cc_product_name, .cc_checkout_review .cart_item .cc_item_title .cc_product_name { color: #3E4348; line-height: inherit !important; font-size: inherit !important; } .cc_order_details .cart_item .cc_prt_tool_tip_text, .cc_checkout_review .cart_item .cc_prt_tool_tip_text { font-size: 14px; line-height: 1.14; } .cc_order_details .cart_item .cc_ext_name, .cc_checkout_review .cart_item .cc_ext_name { word-break: break-word; } .cc_order_details .cart_item .narrow, .cc_checkout_review .cart_item .narrow { margin-left: -2px !important; } .cc_order_details .cart_item .pb-1, .cc_checkout_review .cart_item .pb-1 { padding-bottom: 12px; } .cc_order_details .cart_item .cc_price, .cc_checkout_review .cart_item .cc_price { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 0 12px 18px 0; } .cc_order_details .cart_item .cc_price .cc_order_quantity, .cc_checkout_review .cart_item .cc_price .cc_order_quantity { justify-self: start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .cc_order_details .cart_item .cc_price .cc_order_quantity .cc_quantity, .cc_checkout_review .cart_item .cc_price .cc_order_quantity .cc_quantity { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-weight: normal; color: #3E4348; } .cc_order_details .cart_item .cc_price .cc_item_price, .cc_checkout_review .cart_item .cc_price .cc_item_price { justify-self: center; -ms-flex-item-align: end; align-self: flex-end; font-weight: normal; color: #3E4348; } .cc_order_details .cart_item .cc_price .cc_item_total, .cc_checkout_review .cart_item .cc_price .cc_item_total { justify-self: center !important; -ms-flex-item-align: end !important; align-self: flex-end !important; font-weight: 500; color: #3E4348; margin-top: 6px; } .cc_order_details .cart_item_ar > div:nth-child(2), .cc_checkout_review .cart_item_ar > div:nth-child(2) { padding-left: 0px; padding-right: 15px !important; } .cc_order_details .cc_checkout_payment_panel .paymentBtn, .cc_checkout_review .cc_checkout_payment_panel .paymentBtn { float: none !important; } } @media only screen and (max-width: 485px) { .cc_order_details .link_button, .cc_checkout_review .link_button { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .cc_order_details .link_button .processReview, .cc_checkout_review .link_button .processReview { margin: 0px 0px 15px; } } @media only screen and (max-width: 385px) { .cc_order_details div.cc_total p, .cc_order_details div.cc_total hr, .cc_checkout_review div.cc_total p, .cc_checkout_review div.cc_total hr { width: 100% !important; } } /**** Checkout - Payment ****/ .cc_checkout_payment_panel h3.heading, .cc_checkout_payment_panel h3.panel-title { color: #3E4348; font-size: 1.875rem; line-height: 1.17; margin: 15px 0px; } .cc_checkout_payment_panel .tab-content.cc_tab-content, .cc_checkout_payment_panel .cc_tab-pane.tab-pane { padding-top: 0px; } .cc_checkout_payment_panel .paymentTypeContainer.cdc span, .cc_checkout_payment_panel .paymentTypeContainer.pdc span { display: block; } .cc_checkout_payment_panel .paymentTypeContainer .ccPaymentOuterContainer > ul, .cc_checkout_payment_panel .paymentTypeContainer .ccPaymentOuterContainer > ol { margin: 0px 0px 0px 25px; color: #3E4348; padding: 0px; } .cc_checkout_payment_panel .paymentTypeContainer li { text-align: left; } .cc_checkout_payment_panel .paymentBtn { margin: 45px 0px; } .cc_checkout_payment_panel .paymentBtn.cc_back { margin: 15px 0px; } .cc_checkout_payment_panel .has-error .help-block { font-size: 0.875rem; font-style: normal; color: #D40141; } .cc_checkout_payment_panel .cc-payment-form label, .cc_checkout_payment_panel .cc-payment-form input, .cc_checkout_payment_panel .cc-payment-form select { font-size: 1rem; } @media only screen and (max-width: 767px) { .cc_checkout_payment_panel .cc_payment_processor { margin-bottom: 0; padding: 0; } .cc_checkout_payment_panel .panel-heading { padding: 0; } .cc_checkout_payment_panel p.panel-body { margin: 0; } .cc_checkout_payment_panel h3.panel-title { font-size: 20px; font-weight: 500; line-height: 1.2; color: #3E4348; margin: 0; padding: 0; } .cc_checkout_payment_panel .checkcontainer { line-height: 2; width: 45%; padding: 0px 30px; } .cc_checkout_payment_panel .checkcontainer .checkmark { width: 21px; height: 21px; } .cc_checkout_payment_panel .btn.paymentBtn, .cc_checkout_payment_panel p.cc_action_buttons { float: none !important; } .cc_checkout_payment_panel .btn { max-height: 46px; height: 46px; font-size: 16px; font-weight: normal; line-height: 1.19; text-align: center; } .cc_checkout_payment_panel .btn.btn-default { color: #3E4348; } .cc_checkout_payment_panel .btn.paymentBtn { margin: -24px 0 42px 0; } .cc_checkout_payment_panel .btn.paymentBtn, .cc_checkout_payment_panel .btn.cc_use_stored_payment { width: 100%; } .cc_checkout_payment_panel .tab-content.cc_tab-content { padding: 0; } .cc_checkout_payment_panel .cc_stored_payment_display { font-size: 12px; font-weight: 500; line-height: 1.17; text-align: left; color: #3E4348; } .cc_checkout_payment_panel .cc_stored_payment_display .payment_image_container img { width: 70px; height: 40px; } } .cc_checkout_payment_panel .cc_nav-tabs-payment { display: none !important; } .cc_main_container--ar .ccPaymentOuterContainer .cc-payment-form .form-group { text-align: right; } .cc_main_container--ar .cc_checkout_user_info .checkcontainer { padding-right: 20px; padding-left: 0; } .cc_main_container--ar .cc_checkout_user_info .checkcontainer .checkmark { right: 0px; left: auto; } .cc_main_container--ar .cc_checkout_user_info .cc_ship_form .shipping-guide-text { float: right; } .cc_main_container--ar .cc_checkout_user_info .cc_ship_form .cc_coso_ship_complete { float: right; } .cc_main_container--ar .cc_checkout_user_info .cc_ship_form .cc_coso_ship_notes { clear: both; } .cc_main_container--ar .cc_checkout_user_info .cc_ship_form .cc_shipnotes_label { float: right; } .cc_main_container--ar .cc_checkout_user_info .cc_ship_form .form-group { text-align: right; } .cc_main_container--ar .cc_checkout_user_info .cc_ship_form .bootstrap-select > select { display: none !important; } .cc_main_container--ar .cc_checkout_user_info .cc_ship_form .bootstrap-select .dropdown-toggle .filter-option { text-align: right; } .cc_main_container--ar .cc_checkout_user_info .cc_ship_form .bootstrap-select .dropdown-menu.inner { text-align: right; } .cc_main_container--ar .cc_checkout_user_info .cc_ship_form .bootstrap-select .dropdown-toggle .caret { right: auto; left: 12px; margin-left: 0; margin-right: 10px; } .cc_main_container--ar .checkoutContainer .cc-payment-form .checkcontainer .checkmark { right: 0; left: auto; } .cc_main_container--ar .checkoutContainer #newWalletForm .form-group > label { float: right; text-align: left; } .cc_main_container--ar .checkoutContainer #newWalletForm .form-group .checkbox label { padding-left: 0; padding-right: 20px; } .cc_main_container--ar .checkoutContainer #newWalletForm .form-group .checkbox input[type=checkbox] { margin-left: 0; margin-right: -20px; } .cc_main_container--ar .checkoutContainer #newWalletForm .form-group div.checkbox { text-align: right; margin-right: 220px; } @media only screen and (max-width: 767px) { .cc_main_container--ar .checkoutContainer #newWalletForm .form-group div.checkbox { margin-right: 0; } } .cc_main_container--ar .checkoutContainer #newWalletForm .form-group .help-block { text-align: right; } .cc_main_container--ar .checkoutContent .cc_address_book_modal .cc_title { text-align: right; } .cc_main_container--ar .checkoutContent .cc_address_book_modal .close { float: left; } .cc_main_container--ar .checkoutContent .cc_address_book_modal .cc_title { text-align: right; } .cc_main_container--ar .checkoutContent .cc_address_book_modal .close { float: left; } .cc_main_container--ar .cc_order_proof_upload_modal .modal-close-btn { float: left; } .cc_main_container--ar .cc_order_proof_upload_modal .form-message__item { text-align: right; } .cc_main_container--ar .cc_order_proof_upload_modal .cc_modal_footer { text-align: left; } .cc_main_container--ar .cc_order_proof_upload_modal .cc_modal_footer button { margin: 0 40px 0 0; } @media only screen and (max-width: 767px) { .cc_main_container--ar .cc_order_proof_upload_modal .cc_modal_footer button { margin: 0; } } @media only screen and (max-width: 767px) { .cc_main_container--ar .checkout-shipping .payment-method { clear: both; } .cc_main_container--ar .cc_order_details .cart_item .item-title-wrapper, .cc_main_container--ar .cc_checkout_review .cart_item .item-title-wrapper { margin: 8px -4px 0 0; } .cc_main_container--ar .cc_order_details .cart_item .cc_item_title, .cc_main_container--ar .cc_checkout_review .cart_item .cc_item_title { text-align: right; } .cc_main_container--ar .cc_order_details .cart_item .cc_price, .cc_main_container--ar .cc_checkout_review .cart_item .cc_price { padding: 0 0 18px 0; } .cc_main_container--ar .cc_order_details .cart_item_ar > div:nth-child(2), .cc_main_container--ar .cc_checkout_review .cart_item_ar > div:nth-child(2) { padding-right: 0px !important; width: 100%; } .cc_main_container--ar .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name .cvv_input { padding-right: 0 !important; padding-left: 10px !important; } } .cc_main_container--ar .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name { text-align: right; margin-left: 0; margin-right: 32px; } .cc_main_container--ar .paymentTypeContainer .checkcontainer { line-height: 1.7; padding: 0px 30px; } .cc_main_container--ar .paymentTypeContainer .ccPaymentOuterContainer > ul, .cc_main_container--ar .paymentTypeContainer .ccPaymentOuterContainer > ol { margin: 0px 25px 0px 0px; } .cc_main_container--ar .paymentTypeContainer li { text-align: right !important; } .cc_main_container--ar .cc_checkout_review .cc_feeatured_products .go_to_PDP.icon-ic_arrow_more { -ms-flex-item-align: end !important; align-self: flex-end !important; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .makeCCPayment { margin-top: 15px; } .cc_po_action_buttons .cc_action_buttons { width: 100%; } .checkoutContent #overlay { display: none !important; } .checkout-overlay { position: fixed; background-color: #000000; opacity: 0.4; width: 100%; height: 100%; z-index: 5000; top: 0px; left: 0px; right: 0px; bottom: 0px; } @media only screen and (min-width: 768px) { .checkoutPaymentTarget .cc-payment-form > .form-group, .checkoutPaymentTarget .cc-payment-form .payment-form-top, .checkoutPaymentTarget .cc-payment-form .payment-form-bottom { max-width: 50%; } } .checkoutPaymentTarget .cc-payment-form .form-group { margin-bottom: 20px; } .cc_stored_payments_container .payment_image_container { width: 100px; height: 40px; text-align: center; display: inline-block; } .cc_stored_payments_container .payment_image { height: 100%; width: 70px; } .cc_stored_payments_container .payment_name { line-height: 40px; padding: 0px; } .cc_stored_payments_container .checkmark.stored_payment_checkmark { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cc_stored_payments_container.cc .cc_stored_payments_selector { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F1F3F4; border-radius: 5px; height: 60px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0px 15px; } .cc_stored_payments_container.cc .cc_stored_payments_selector_selected { background-color: #00BCD4; } .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc_stored_payments_container.cc .cc_payment_details { width: 350px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cc_stored_payments_container.cc .cc_type { line-height: 1.5; } @media only screen and (max-width: 600px) { .cc_stored_payments_container.cc .payment_image_container { height: auto; } .cc_stored_payments_container.cc .cc_payment_details { width: 150px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: 1.75; margin: 0px 25px; } } @media only screen and (max-width: 450px) { .cc_shipping_payment .shipping_payment_term { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc_checkout_user_info .userInformation.cc_user_information, .checkout-container .checkout-shipping .shipping-buttons { margin: 0px !important; } .cc_checkout_user_info .cc_link_button, .link_button.coso_proceed { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .cc_checkout_user_info .cc_link_button .cc_proceed, .cc_checkout_user_info .cc_link_button .cc_process_user_info, .link_button.coso_proceed .cc_proceed, .link_button.coso_proceed .cc_process_user_info { margin-bottom: 20px; } .cc_po_action_buttons .cc_action_buttons, .action_buttons_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .cc_po_action_buttons .cc_action_buttons .btn.paymentBtn, .action_buttons_container .btn.paymentBtn { margin: 5px 0px 15px; } .shipping_payment .col-xs-12.col-md-6 { float: none; } } .co-step4 { display: none !important; } .cvv_input { width: 80px !important; padding: 0px 10px !important; font-style: italic !important; border-radius: 10px !important; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cc_checkout_review .cart_item .row.pb-1, .reviewCartSection .cart_item .row.pb-1 { width: 70% !important; } .cc_checkout_review .cart_item .row.pb-1 .col-xs-3, .reviewCartSection .cart_item .row.pb-1 .col-xs-3 { width: auto !important; } .cc_checkout_review .cart_item .product-img-wrapper, .reviewCartSection .cart_item .product-img-wrapper { width: 110px !important; } .cc_checkout_review .cart_item .col-xs-9.col-md-6, .reviewCartSection .cart_item .col-xs-9.col-md-6 { width: 60% !important; } .cc_checkout_review .cart_item .row.pb-1 + .row, .reviewCartSection .cart_item .row.pb-1 + .row { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .cc_checkout_review .cart_item .row.pb-1 + .row .narrow.col-xs-4, .reviewCartSection .cart_item .row.pb-1 + .row .narrow.col-xs-4 { width: 20% !important; padding: 0px 10px !important; } .cc_checkout_review .cart_item .row.pb-1 + .row .col-xs-9, .reviewCartSection .cart_item .row.pb-1 + .row .col-xs-9 { width: 80% !important; } } @media only screen and (max-width: 767px) { .makeCCPayment { margin: 0px 0px 20px !important; } .cc_stored_payments_container.cc { margin: 25px 0 15px; } .cc_stored_payments_container.cc .radio { margin: 0; } .cc_stored_payments_container.cc .cc_stored_payments_selector { background: transparent; border-radius: 0; width: 100%; padding: 0; height: auto; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; display: block; } .cc_stored_payments_container.cc .checkmark.stored_payment_checkmark { top: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name { display: block; margin-right: 0; line-height: normal; } .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name .payment_image_container { display: inline-block; width: auto; line-height: normal; vertical-align: top; } .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name .payment_image_container img { width: auto; height: 22px; } .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name .cc_payment_details { display: inline-block; width: auto; margin: 0 10px; } .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name .cc_payment_details .cc_cardInfo, .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name .cc_payment_details .cc_name { display: block; } .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name .cc_payment_details .cc_endDate, .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name .cc_payment_details .cc_paymentType { display: inline-block; } .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name .cc_payment_details .cc_paymentType { text-transform: capitalize; } .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name .card-cvv-title { font-size: 0.875rem; line-height: normal; font-weight: normal; margin: 5px 0 0; } .cc_stored_payments_container.cc .cc_stored_payment_display.payment_name .cvv_input { width: 100% !important; padding-left: 0 !important; border-radius: 0 !important; font-style: normal !important; font-weight: normal; color: #3E4348; } .cc_stored_payments_container.cc .cc_stored_payments_selector_selected { background: transparent; } .page-layout--arabic .checkout-nav-steps .cc_checkoutStep::after { left: -50%; right: auto; } .checkoutContainer #newWalletForm .cc_po_label_name { margin-top: 20px; } } .datepicker.datepicker-dropdown { border-radius: 0; border-color: #BEC1C4; } .datepicker.datepicker-dropdown table tr { border-bottom: 1px solid #EBEBEB; } .datepicker.datepicker-dropdown table tr th { border-radius: 0; } .datepicker.datepicker-dropdown table tr td { border-radius: 0; } .datepicker.datepicker-dropdown table tr td.day:hover { background: #F1F3F4; } .datepicker.datepicker-dropdown table tr td.today.day { background-color: #F1F3F4; } .datepicker.datepicker-dropdown table tr td.active.day { background-color: #fbbc2a; } .cc_order_details { color: #3E4348; } .cc_order_details .cc_order_confirmation, .cc_order_details .cc_order_information { margin-bottom: 0px; } .cc_order_details .panel-heading .panel-title { font-size: 1.875rem; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; color: #3E4348; margin-top: 40px; text-transform: capitalize; } @media only screen and (max-width: 767px) { .cc_order_details .panel-heading .panel-title { font-size: 1.25rem; font-weight: 500; line-height: 1.2; color: #3E4348; margin-top: 26px; } } .cc_order_details .panel-body { margin: 25px 0px 40px; } .cc_order_details .order_details { color: #3E4348; font-stretch: normal; font-style: normal; font-size: 1rem; letter-spacing: normal; } .cc_order_details .order_details_label { line-height: 1.19; display: inline-block; min-width: 150px; } .cc_order_details .order_details_value { line-height: 1.19; } .cc_order_details .inventory .STOCK_LOW, .cc_order_details .inventory .STOCK_LOW p, .cc_order_details .inventory .STOCK_UNAVAILABLE, .cc_order_details .inventory .STOCK_UNAVAILABLE p { color: #E37A00 !important; } .cc_order_details .inventory .STOCK_AVAILABLE, .cc_order_details .inventory .STOCK_AVAILABLE p { color: #6AC259; } @media only screen and (max-width: 767px) { .cc_order_details .h3.cc_title { font-size: 0.875rem; font-weight: 500; line-height: 1.14; text-align: left; color: #3E4348; } .cc_order_details .h5.cc_buyer_information, .cc_order_details .h5.cc_billing_address_label, .cc_order_details .h5.cc_shipping_address_label { font-size: 0.875rem; font-weight: 500; line-height: 1.14; text-align: left; color: #3E4348; } .cc_order_details .cc_buyer > span, .cc_order_details .cc_billing_address p, .cc_order_details .cc_billing_address span, .cc_order_details .cc_shipping p, .cc_order_details .cc_shipping span .reviewPaymentSection .panel-body span { font-size: 0.875rem; line-height: 1.43; color: #3E4348; } .cc_order_details .cc_order_confirmation_guidingtext1, .cc_order_details .cc_order_confirmation_guidingtext2 { font-size: 0.875rem; line-height: 1.21; text-align: left; color: #3E4348; } .cc_order_details .reviewPaymentSection .panel-heading .panel-title, .cc_order_details .reviewCartSection .panel-heading .panel-title { font-size: 0.875rem; font-weight: 500; line-height: 1.14; color: #3E4348; text-transform: uppercase; } .cc_order_details .cc_total .cc_grand_total .cc_total_label, .cc_order_details .cc_total .cc_grand_total .cc_total_amount { line-height: 1.2; text-align: right; color: #3E4348; } .cc_order_details .cc_total .cc_subTotal_label, .cc_order_details .cc_total .cc_cashDiscount_label, .cc_order_details .cc_total .cc_tax_label, .cc_order_details .cc_total .cc_shipping_label { font-size: 1rem; line-height: 1.19; text-align: left; color: #3E4348; } .cc_order_details .cc_total .cc_subTotal, .cc_order_details .cc_total .cc_cashDiscount, .cc_order_details .cc_total .cc_tax, .cc_order_details .cc_total .cc_shipping_charge { font-size: 1rem; font-weight: 500; line-height: 1.19; text-align: right; color: #3E4348; } } .cc_order_details .gotoOrdersBtn { display: inline-block; margin: 32px 0px 0px; } .cc_order_details .gotoOrdersBtn .orderHistory, .cc_order_details .gotoOrdersBtn .orderHistory:link, .cc_order_details .gotoOrdersBtn .orderHistory:visited, .cc_order_details .gotoOrdersBtn .orderHistory:active, .cc_order_details .gotoOrdersBtn .orderHistory:hover { font-size: 1.125rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; text-align: center; color: #fbbc2a; text-decoration: none; } @media only screen and (max-width: 767px) { .cc_order_details .gotoOrdersBtn { width: 100%; } } .cc_order_details .cc_order_information .panel-body { margin-bottom: 0px; } .cc_order_details .cc_order_information .panel-body p:last-child { margin: 0px; } /* Proof upload modal */ .cc_order_proof_upload_modal .cc_modal_body { text-align: left; } .cc_order_proof_upload_modal .cc_modal_body .files-upload-form { text-align: center; } .cc_order_proof_upload_modal .cc_modal_body .alert { color: #3E4348; font-size: 1.125rem; line-height: 1.2; padding: 15px; border: none; text-align: center; } .cc_order_proof_upload_modal .cc_modal_body .alert.alert-success { background-color: #6AC259; color: #3E4348; line-height: 1.17; } .cc_order_proof_upload_modal .cc_modal_body .alert.alert-danger { background-color: #D40141; color: #FFFFFF; font-size: 1rem; line-height: 1.19; } .cc_order_proof_upload_modal .cc_modal_body .alert.alert-info { background-color: #2054FF; color: #FFFFFF; font-size: 1rem; line-height: 1.19; } .cc_order_proof_upload_modal .cc_modal_body .form-message__item.alert { display: none; } .cc_order_proof_upload_modal .cc_modal_body label.btn { line-height: 2.5; } .cc_order_proof_upload_modal .cc_modal_body .upload-step { width: 85%; display: inline-block; margin-bottom: 25px; text-align: left; } @media only screen and (max-width: 767px) { .cc_order_proof_upload_modal .cc_modal_body .upload-step { width: 100%; } } .cc_order_proof_upload_modal .cc_modal_body .upload-step .upload-step__number { border-radius: 50%; display: inline-block; border: 2px solid #BEC1C4; color: #BEC1C4; width: 25px; height: 25px; text-align: center; font-size: 14px; line-height: 1.5; } .cc_order_proof_upload_modal .cc_modal_body .upload-step .upload-step__text { margin-left: 15px; display: inline-block; color: #BEC1C4; font-size: 1rem; } .cc_order_proof_upload_modal .cc_modal_body .upload-step .upload-step__text .textbutton-blue { font-size: inherit; color: inherit; } .cc_order_proof_upload_modal .cc_modal_body .upload-step .upload-step__text .textbutton-blue:hover { text-shadow: none; } .cc_order_proof_upload_modal .cc_modal_body .upload-step.step-is-active .upload-step__number { border-color: #3E4348; color: #3E4348; } .cc_order_proof_upload_modal .cc_modal_body .upload-step.step-is-active .upload-step__text { color: #3E4348; } .cc_order_proof_upload_modal .cc_modal_body .upload-step.step-is-active .upload-step__text .textbutton-blue { cursor: pointer; color: #2054FF; } .cc_order_proof_upload_modal .cc_modal_body .upload-step.step-is-active .upload-step__text .textbutton-blue:hover { text-shadow: 1px 0px 0px #2054FF; } .cc_order_proof_upload_modal .cc_modal_body #uploadProofFiles-label .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; } .cc_order_proof_upload_modal .cc_modal_body .files-info-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; background-color: #EBEBEB; margin-top: 10px; padding: 10px; } .cc_order_proof_upload_modal .cc_modal_body .files-info-panel .proof-files-list { margin: 0 10px 0 0; font-size: 0.875rem; padding-left: 25px; } .cc_order_proof_upload_modal .cc_modal_body .files-info-panel .proof-files-list .icon-ic_checkout { color: #6AC259; } .cc_order_proof_upload_modal .cc_modal_body .files-info-panel .proof-files-list .icon-ic_cross { color: #D40141; } .cc_order_proof_upload_modal .cc_modal_body .files-info-panel .proof-files-list .proof-file-item { margin: 0 5px; } @media only screen and (max-width: 767px) { .cc_order_proof_upload_modal .cc_modal_body .files-info-panel { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc_order_proof_upload_modal .cc_modal_body .files-info-panel .files-control { margin-top: 15px; } } .cc_order_proof_upload_modal .cc_modal_body #proof-files-remove { padding-left: 5px; padding-right: 5px; } .cc_main_container--ar .cc_order_proof_upload_modal .form-message { text-align: right; } .cc_main_container--ar .cc_order_proof_upload_modal .cc_modal_body .upload-step { text-align: right; } .cc_main_container--ar .cc_order_proof_upload_modal .cc_modal_body .upload-step .upload-step__text { margin-left: 0; margin-right: 15px; } .cc_main_container--ar .cc_order_proof_upload_modal .cc_modal_body .upload-step .files-info-panel .proof-files-list { padding-right: 25px; padding-left: 0; margin-right: 0; margin-left: 10px; max-width: 340px; } .cc_main_container--ar .cc_order_details .cc_order_confirmation_guidingtext1, .cc_main_container--ar .cc_order_details .cc_order_confirmation_guidingtext2 { text-align: right; } .temporaryHidden { display: none !important; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools { -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /* ---------------------------------------- */ .compareTray .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 95px !important; } /*# sourceMappingURL=style.css.map */