/** * * TABLE OF CONTENTS: * * 1. Request Custom Quote * 2. Offers * 3. Conversations * 4. Bulk Order * 5. Custom Registration Fields * 6. Subaccounts * 7. Purchase Lists * 8. Fonts * 9. Product page * 10. Media Queries * */ /* 1. Request Custom Quote */ #b2bking_request_custom_quote_button{ margin-bottom: 5px; position: initial; visibility: visible; height: auto; } div#b2bking_before_quote_request_button { display: none; } #b2bking_request_custom_quote_textarea{ width: 100%; min-height: 150px; resize: vertical; margin-bottom: 5px; display: none; } span.b2bking_request_custom_quote_text_label { display: none; text-align: left; margin-top: 15px; } #b2bking_purchase_lists_table_length { display: none; } #b2bking_purchase_lists_table_length label { display: flex !important; align-items: center !important; } div#b2bking_purchase_lists_table_filter label { display: flex !important; align-items: center !important; } #b2bking_purchase_lists_table_filter input { margin-bottom: 0px; } #b2bking_request_custom_quote_textarea_abovetext{ display: none; text-align: left; margin-top: 15px; } #b2bking_request_custom_quote_name, #b2bking_request_custom_quote_email{ width: 50%; margin-bottom: 5px; display: none; } .b2bking_custom_quote_field, .b2bking_custom_quote_field_container{ display: none; } .b2bking_custom_quote_field{ width: 50% !important; margin-bottom: 5px !important; } .b2bking_custom_quote_field_container label { display: flex !important; width: 110px; align-items: flex-end; justify-content: start; } .b2bking_custom_quote_field_container .b2bking_supported_types { display: flex; } .b2bking_categories_orderform_hidden{ display: none; } /* 2. Offers */ .b2bking_offer_download { min-width: 50px !important; margin-left: 10px; background: #8f8f8f !important; } .b2bking_offer_download:hover{ background: #626262 !important; } .b2bking_myaccount_individual_offer_custom_text, .b2bking_myaccount_individual_offer_custom_text_vendor { margin: 0 30px; padding: 10px 0px; font-family: "Inter", Roboto; border-top: 1px solid #d7d7d7; white-space: pre-wrap; color: #515151; line-height: 1.2em; font-size: 11px; } .b2bking-application-pending{ font-style: italic; } .b2bking_offer_myaccount_total{ font-size: 16px; } .b2bking_offer_myaccount_total .amount{ font-weight: 700; font-size: 22px; } .b2bking_offer_myaccount_items_text{ font-size: 15px; } #b2bking_myaccount_offers_container{ margin: 0px 40px; } #b2bking_myaccount_offers_title, #b2bking_myaccount_conversations_title, #b2bking_myaccount_bulkorder_title{ font-family: "Inter", Roboto; font-size: 30px; color: #373737; font-weight: 400; margin-bottom: 12px; } .b2bking_myaccount_individual_offer_top{ font-family: "Inter", Roboto; font-weight: 500; font-size: 17.5px; display: flex; justify-content: center; align-items: center; color: #EDEDED; width: 100%; height: 46px; background: #383838; border-radius: 5px 5px 0px 0px; } .b2bking_myaccount_individual_offer_container{ background: #EBEBEB; box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13); border-radius: 5px; min-height: 200px; position: relative; margin-bottom: 40px; min-width: 422px; } .b2bking_myaccount_individual_offer_top_icon{ position: absolute; left: 15px; top: 13px; width: 17px; } .b2bking_myaccount_individual_offer_header_line{ border-bottom: 1px solid #d7d7d7; margin: 18px 0px 6px 0px; justify-content: space-between; font-family: "Inter", Roboto; font-weight: 500; font-size: 16.5px; color: #646464; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .b2bking_myaccount_individual_offer_header_line_item{ text-align: center; } .b2bking_myaccount_individual_offer_element_line{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; align-items: center; margin: 20px 1px; font-size: 12px; } .b2bking_myaccount_individual_offer_element_line_item{ color: #515151; font-family: "Inter", Roboto; font-size: 11px; text-align: center; } .b2bking_offer_image{ width:60%; margin: auto; } .b2bking_myaccount_individual_offer_bottom_line{ border-top: 1px solid #d7d7d7; justify-content: space-between; display: flex; margin: 0px 30px; padding: 20px 0px; align-items: center; } .b2bking_myaccount_individual_offer_bottom_line_total{ font-family: "Inter", Roboto; font-size: 19px; line-height: 28px; color: #525252; } .b2bking_myaccount_individual_offer_bottom_line_add{ display:flex; } .b2bking_hidden_img{ display: none !important; } .b2bking_myaccount_individual_offer_bottom_line_add button.b2bking_myaccount_individual_offer_bottom_line_button{ background: #3AB1E4; line-height: 15px; min-width: 150px; text-align: end; height: 35px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px !important; padding: 5px 16px; text-transform: none; min-height: 0; display: inline-flex; align-items: center; justify-content: space-between; } .b2bking_offer_insufficient_stock_item { opacity: 0.5; } .b2bking_myaccount_individual_offer_bottom_line_button:hover, .b2bking_myaccount_individual_offer_bottom_line_add button.b2bking_myaccount_individual_offer_bottom_line_button:hover{ background: #0088c2; color: white; outline: none; cursor: pointer; } .b2bking_myaccount_individual_offer_bottom_line_button_icon, .b2bking_myaccount_new_conversation_button_icon{ width: 19px; margin-right: 10px; } button.b2bking_bulkorder_pagination_button { background: white !important; color: #222222 !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; font-weight: 600; font-size: 15px !important; border-radius: 4px !important; width: 100%; max-width: 165px; position: relative; padding: 1px 10px !important; display: flex; align-items: center; justify-content: center; min-height: 42px; margin: 0px 15px; text-transform: none !important; outline: none !important; } button.b2bking_bulkorder_pagination_button:hover{ background: #f7f7f7 !important; } .b2bking_bulkorder_form_container_content_line_cream_view_options.b2bking_cream_view_options_button_hide { background: #f4f4f4; border-bottom: 1px solid #e8e8e8 !important; } button.b2bking_bulkorder_pagination_button.b2bking_bulkorder_pagination_button_indigo { margin-bottom: 10px; background: none !important; color: white !important; border: none !important; } button.b2bking_bulkorder_pagination_button.b2bking_bulkorder_pagination_button_indigo:hover { border: 1px solid #383c3f !important; } .b2bking_pagination_buttons { display: flex; justify-content: center; } .b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_none_in_stock, .b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_none_in_stock:hover, .b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_none_in_stock:focus, .b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_none_in_stock:active, .b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_none_in_stock:target { background: #999 !important; } .b2bking_tiered_total_price_text, .b2bking_tiered_total_price{ display: inline-block; } .b2bking_tiered_total_price_container{ margin-top: 25px; font-size: 20px; } .b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_low_in_stock, .b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_low_in_stock:hover, .b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_low_in_stock:focus, .b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_low_in_stock:active, .b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_low_in_stock:target { background: #bb4a4a !important; } /* 3. Conversations */ #b2bking_myaccount_conversations_container{ margin:0 20px; } #b2bking_myaccount_conversations_container_top{ display: flex; justify-content: space-between; margin-bottom: 12px; } .b2bking_tiered_range_replaced_hidden{ display: none !important; } .b2bking_tiered_clickable tbody tr{ cursor: pointer !important; } #b2bking_myaccount_conversations_container_top button{ background: #3AB1E4; line-height: 15px; min-width: 195px; text-align: end; height: 35px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; padding: 5px 16px; text-transform: none; min-height: 0; display: inline-flex; align-items: center; justify-content: space-between; } #b2bking_myaccount_conversations_container_top button:hover{ background-color: #0088c2; cursor: pointer; } .b2bking_myaccount_individual_conversation_top{ font-family: "Inter", Roboto; font-size: 15px; display: flex; justify-content: space-around; align-items: center; color: #EDEDED; width: 100%; height: 36px; background: #646464; border-radius: 5px 5px 0px 0px; } .b2bking_myaccount_individual_conversation_container{ background: #EBEBEB; box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13); border-radius: 5px; min-height: 150px; position: relative; margin-bottom: 40px; display: block; } .b2bking_myaccount_individual_conversation_top_item{ position: relative; right: 8px; } .b2bking_myaccount_individual_conversation_content{ display: flex; justify-content: space-around; } .b2bking_myaccount_individual_conversation_content_item { width: 140px; padding: 12px; font-family: "Inter", Roboto; font-style: normal; font-weight: 500; font-size: 16px; line-height: 23px; color: #414141; } .b2bking_myaccount_individual_conversation_bottom{ display: flex; justify-content: flex-end; } #b2bking_myaccount_conversations_container .b2bking_myaccount_individual_conversation_container .b2bking_myaccount_individual_conversation_bottom a{ text-decoration: none; } button.b2bking_myaccount_view_conversation_button{ background: #5B5B5B; line-height: 8px; min-width: 195px; text-align: end; height: 32px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; margin-right: 20px; margin-bottom: 10px; margin-left:20px; padding: 0px 18px; border: none; font-family: "Inter", Roboto; font-weight: 500; font-size: 15px; text-transform: none; min-height: 0; display: inline-flex; align-items: center; justify-content: space-between; } button.b2bking_myaccount_view_conversation_button:hover{ background-color: #303030; color: #fff; cursor: pointer; } .b2bking_myaccount_view_conversation_button_icon{ width: 19px; margin-right: 10px; } .b2bking_myaccount_conversations_pagination_container{ display: flex; justify-content: space-between; margin: 0px 20px; } .b2bking_myaccount_coffers_pagination_container{ display: flex; justify-content: space-between; } .b2bking_myaccount_conversations_pagination_button a{ width: 230px; height: 35px; background: #A3A3A3; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); display: inline-flex; border-radius: 3px; justify-content: center; align-items: center; font-family: ""Inter", Roboto Medium", "Inter", Roboto; font-weight: 400; font-size: 16px; line-height: 26px; color: #ECECEC; text-decoration: none !important; } .b2bking_myaccount_conversations_pagination_button a:hover{ background-color: #6a6a6a; } .b2bking_myaccount_conversations_pagination_button a:visited{ color:#ececec; } .b2bking_myaccount_new_conversation_top{ font-family: ""Inter", Roboto Medium", "Inter", Roboto; font-size: 15px; display: flex; justify-content: space-between; align-items: center; color: #EDEDED; height: 36px; background: #646464; border-radius: 5px 5px 0px 0px; padding: 0px 20px; } .b2bking_myaccount_new_conversation_new{ font-weight: 500; } .b2bking_checkbox_child { padding-left: 18px; border-left: 30px solid #777; } .b2bking_myaccount_new_conversation_close{ border-radius: 3px; background: #2F2F2F; padding: 0px 15px; font-weight: 500; } .b2bking_myaccount_new_conversation_close:hover{ background-color: #000000; cursor: pointer; } .b2bking_myaccount_new_conversation_container{ background: #EBEBEB; box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13); border-radius: 5px; min-height: 150px; position: relative; margin-bottom: 40px; display: none; } .b2bking_myaccount_new_conversation_content{ padding: 20px; } .b2bking_myaccount_new_conversation_content_element_text { font-family: ""Inter", Roboto Medium", "Inter", Roboto; font-weight: 600; font-size: 15px; line-height: 21px; color: #4E4E4E; } select#b2bking_myaccount_conversation_type { height: 43px; background: #DEDEDE; border-radius: 4px; padding: 0px 20px; border: none; font-family: ""Inter", Roboto Medium", "Inter", Roboto; width: 100%; margin-bottom: 18px; margin-top: 5px; font-size: 15px; outline: none; color: #8D8D8D; } input#b2bking_myaccount_title_conversation_start { height: 43px; background: #DEDEDE; border-radius: 4px; padding: 0px 20px; border: none; font-family: ""Inter", Roboto Medium", "Inter", Roboto; width: 92%; width: -moz-available; width: -webkit-fill-available; width: fill-available; margin-bottom: 18px; margin-top: 5px; font-size: 15px; outline: none; color: #8D8D8D; box-shadow: none; } input#b2bking_myaccount_title_conversation_start::placeholder, #b2bking_myaccount_textarea_conversation_start::placeholder{ color: #8D8D8D; } #b2bking_myaccount_textarea_conversation_start{ resize: vertical; min-height: 150px; height: 43px; background: #DEDEDE; border-radius: 4px; padding: 10px 20px; border: none; font-family: ""Inter", Roboto Medium", "Inter", Roboto; width: 92%; width: -moz-available; width: -webkit-fill-available; width: fill-available; margin-bottom: 18px; margin-top: 5px; font-size: 15px; outline: none; color: #8D8D8D; box-shadow: none; } .b2bking_myaccount_start_conversation_bottom{ display: flex; justify-content: flex-end; } button.b2bking_myaccount_start_conversation_button{ background: #3AB1E4; line-height: 8px; min-width: 195px; text-align: end; height: 35px; margin-top: 10px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; padding: 0px 18px; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; padding: 5px 16px; text-transform: none; min-height: 0; display: inline-flex; align-items: center; justify-content: space-between; } button.b2bking_myaccount_start_conversation_button:hover{ background-color: #0088c2; color: #fff; cursor: pointer; } .b2bking_myaccount_start_conversation_button_icon{ width: 19px; margin-right: 10px; } /* conversation endpoint (individual conversation view) */ #b2bking_myaccount_conversation_endpoint_container{ margin:0 20px; } #b2bking_myaccount_conversation_endpoint_container_top{ display: flex; justify-content: space-between; align-items: center; } #b2bking_myaccount_conversation_endpoint_container_top button{ line-height: 15px; width: 130px; background: #717171; text-align: end; height: 35px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; padding: 5px 16px; text-transform: none; min-height: 0; } #b2bking_myaccount_conversation_endpoint_container_top button:hover{ background-color: #454545; cursor: pointer; } #b2bking_myaccount_conversation_endpoint_title{ font-family: ""Inter", Roboto Medium", "Inter", Roboto; font-style: normal; font-weight: 500; font-size: 17px; line-height: 26px; color: #313131; } #b2bking_myaccount_conversation_endpoint_container_top_header{ background: #303030; border-radius: 5px 5px 0px 0px; min-height: 45px; margin-top: 30px; font-family: ""Inter", Roboto Medium", "Inter", Roboto; display: flex; justify-content: space-between; align-items: center; padding: 0px 20px; font-size: 13px; } .b2bking_myaccount_conversation_endpoint_container_top_header_item{ color: #D6D6D6; } .b2bking_myaccount_conversation_endpoint_top_header_text_bold{ font-weight: 500; color: #f9f9f9; } .b2bking_myaccount_conversation_endpoint_bottom{ display: flex; justify-content: flex-end; } .b2bking_myaccount_conversation_endpoint_button{ background: #3AB1E4; line-height: 8px; min-width: 165px; text-align: end; height: 35px; margin-top: 10px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; padding: 5px 16px; text-transform: none; min-height: 0; display: inline-flex; align-items: center; justify-content: space-between; margin-left:4px; } button#b2bking_conversation_make_offer_vendor { min-width: 100px; background: #0a6099; } .b2bking_myaccount_conversation_endpoint_button:hover{ background-color: #0088c2; color: #fff; cursor: pointer; } .b2bking_myaccount_conversation_endpoint_button_icon{ width: 19px; margin-right: 10px; } #b2bking_conversation_user_new_message{ resize: vertical; min-height: 125px; outline: none; padding: 15px; margin-top: 20px; background: #F2F2F2; border-radius: 5px; margin-bottom: 5px; width: 92%; width: -moz-available; width: -webkit-fill-available; width: fill-available; } #b2bking_conversation_messages_container{ max-height: 500px; overflow-y: scroll; } .b2bking_conversation_message{ background: #eeeeee; margin: 10px; padding: 15px; padding-right: 10%; padding-bottom: 50px; border-radius: 8px; width: 70%; position: relative; font-family: ""Inter", Roboto Medium", "Inter", Roboto; font-size: 15px; font-weight: normal; } .b2bking_conversation_message_self{ margin-left: auto; background: #e9f1f8; } .b2bking_conversation_message_time{ position: absolute; right: 10px; color: #888f92; font-family: "Inter", Roboto; font-size: 14px; font-weight: bold; bottom: 10px; } /* 4. Bulk Order */ img.b2bking_livesearch_image { width: 50px; display: block; border-radius: 3px; text-align: right; } #b2bking_myaccount_bulkorder_container{ margin: 0px 20px; min-width: 500px; } .b2bking_bulkorder_form_container{ background: #EBEBEB; box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13); border-radius: 5px; min-height: 150px; position: relative; margin-bottom: 40px; display: grid; } .b2bking_bulkorder_form_container_indigo{ background: #13263a; border-radius:20px; box-shadow: none; } button.b2bking_bulkorder_indigo_add, button.b2bking_bulkorder_indigo_add:focus, button.b2bking_bulkorder_indigo_add:target, button.b2bking_bulkorder_indigo_add:active{ background: initial !important; color: #fff !important; font-family: 'DM Sans', sans-serif !important; font-size: 16.7px !important; border: 0 !important; outline: 0 !important; } .b2bking_bulkorder_indigo_product_container { width: 42%; display: flex; align-items: center; } .b2bking_bulkorder_form_container_top{ font-family: "Inter", Roboto; font-size: 15px; display: flex; justify-content: flex-start; align-items: center; padding: 0px 15px; color: #EDEDED; height: 36px; background: #646464; border-radius: 5px 5px 0px 0px; font-weight: 400; } .b2bking_bulkorder_form_container_content{ padding: 20px; } .b2bking_bulkorder_form_container_content_indigo{ padding: 0px !important; } .b2bking_bulkorder_form_container_content_header_product{ width: 58%; display: inline-block; font-family: "Inter", Roboto; font-style: normal; font-weight: bold; font-size: 14px; color: #4E4E4E; } .b2bking_bulkorder_form_container_content_header_qty{ width: 10%; display: inline-block; text-align: center; font-family: "Inter", Roboto; font-style: normal; font-weight: bold; font-size: 14px; color: #4E4E4E; margin-right: 4%; margin-left: 4%; } .b2bking_bulkorder_form_container_content_header_stock{ width: 10%; display: inline-block; text-align: center; font-family: "Inter", Roboto; font-style: normal; font-weight: bold; font-size: 14px; color: #4E4E4E; } .b2bking_bulkorder_form_container_content_header_subtotal{ width: 12%; display: inline-block; text-align:right; font-family: "Inter", Roboto; font-style: normal; font-weight: bold; font-size: 14px; color: #4E4E4E; } .b2bking_bulkorder_form_container_content_header_year, .b2bking_bulkorder_form_container_content_header_manufacturer, .b2bking_bulkorder_form_container_content_header_model, .b2bking_bulkorder_form_container_content_header_engine{ width: calc(25% - 6px); display: inline-block; font-family: "Inter", Roboto; font-style: normal; font-weight: bold; font-size: 14px; color: #4E4E4E; } .b2bking_bulkorder_form_container_info { margin-top: 10px; border-bottom: 1px solid #c0c0c0; } .b2bking_bulkorder_form_container_content_header_qty_indigo{ width: 10%; color: #e5e5e5; font-size:16.7px; font-family: "DM Sans"; font-weight: 400; } .b2bking_bulkorder_form_container_content_header_subtotal_indigo{ width: 18%; color: #e5e5e5; font-size:16.7px; font-family: "DM Sans"; font-weight: 400; text-align: center; } .b2bking_bulkorder_form_container_content_header_cart_indigo { width: 20%; color: #e5e5e5; font-size: 16.7px; font-family: "DM Sans"; text-align: center; padding-left: 5%; font-weight: 400; } .b2bking_bulkorder_form_container_content_line_cart_indigo { font-family: 'DM Sans', sans-serif; font-size: 16.7px !important; text-align: center; width: 20%; position: relative; left: 3.25%; font-weight: 500; } .b2bking_bulkorder_form_container_top_indigo { background: #112232; font-family: "Inter", Roboto; display: flex; justify-content: flex-start; align-items: center; padding: 0px 20px; height: 62px; border-radius: 0px 0px 0px 0px; font-weight: 400; } .b2bking_bulkorder_form_container_content_header_top { height: 66px; display: flex; align-items: center; padding: 0px 20px; color: #fff; font-family: 'DM Sans', sans-serif; font-weight: 300; font-size: 16.7px; } #b2bking_bulkorder_search_text_indigo, #b2bking_bulkorder_search_text_indigo:focus, #b2bking_bulkorder_search_text_indigo:active{ background: #132639; color: #fff; font-family: 'DM Sans', sans-serif; font-weight: 300; font-size: 16.7px; border: 0; outline: 0; padding: 0; width: 350px; box-shadow: none; } #b2bking_bulkorder_search_text_indigo::placeholder{ color: #d1d6da; font-weight: 300; } .b2bking_bulkorder_form_container_bottom_indigo { margin-top: 0px !important; height: 30px; justify-content: center !important; color: white; font-family: 'DM Sans', sans-serif; } .b2bking_bulkorder_form_container_bottom_indigo_large { height: 40px !important; } .b2bking_bulkorder_back_top:hover{ cursor: pointer; } .b2bking_bulkorder_indigo_noproducts { padding: 20px 0px 0px 20px; color: #fff !important; font-family: 'DM Sans', sans-serif; font-size: 16.7px; } .b2bking_bulkorder_form_container_content_line{ position: relative; } .b2bking_loader_img{ margin:auto; display: block; } .b2bking_loader_hidden{ display: none !important; } select#b2bking_bulkorder_searchby_select:hover{ cursor: pointer; background: #666666; } select#b2bking_bulkorder_searchby_select:focus{ outline: none; } select#b2bking_bulkorder_searchby_select { background: #939393; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.06); color: white; border: 0px; margin-left: 5px; height: auto; width: auto; -webkit-appearance: auto; margin-bottom: 0; padding: 1px 5px; border-radius: 3px !important; display: inline-block; font-weight: 400; font-family: ""Inter", Roboto Medium"; } .b2bking_bulkorder_form_container_content_header { margin-bottom: 2px; } .b2bking_bulkorder_clear{ position: absolute; top: 14px; padding: 1px 8px; border-radius: 3px; color: #f0f0f0; left: 50.5%; background: #b8b8b8; height: 27.5px; border: none; text-transform: none; min-height: 0; font-family: "Inter", Roboto; font-size: 15px; font-weight: 500; line-height: normal; } .b2bking_bulkorder_clear:hover{ background-color: #d5d5d5; border-color: #d5d5d5; color: #333333; cursor: pointer; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product{ width: 58%; height: 43px; background: #DEDEDE; border-radius: 4px; padding: 0px 20px; border: none; font-family: "Inter", Roboto; margin-bottom: 18px; padding-right: 25px; margin-top: 5px; font-size: 15px; outline: none; color: #8D8D8D; box-shadow: none; display: inline-block; box-sizing: border-box; } .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_year, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_manufacturer, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_model, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_engine{ width: calc(25% - 6px); height: 43px; background: #DEDEDE; border-radius: 4px; padding: 0px 20px; border: none; font-family: "Inter", Roboto; margin-bottom: 18px; padding-right: 25px; margin-top: 5px; font-size: 15px; outline: none; color: #8D8D8D; box-shadow: none; display: inline-block; box-sizing: border-box; } .b2bking_bulkorder_form_container_content_header_product_indigo, #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product.b2bking_bulkorder_form_container_content_line_product_indigo, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product.b2bking_bulkorder_form_container_content_line_product_indigo{ width: 42%; color: #e5e5e5; font-size:16.9px; font-family: "DM Sans"; font-weight: 400; -webkit-font-smoothing: antialiased; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product:focus, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product:focus, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_year:focus, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_manufacturer:focus, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_model:focus, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_engine:focus{ background: #DEDEDE; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product::placeholder, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product::placeholder, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_year::placeholder, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_manufacturer::placeholder, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_model::placeholder, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_engine::placeholder{ color: #8D8D8D; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty{ width: 10%; height: 43px; background: #DEDEDE; border-radius: 4px; border: none; font-family: "Inter", Roboto; margin-bottom: 18px; margin-top: 5px; font-size: 15px; outline: none; color: #8D8D8D; box-shadow: none; display: inline-block; box-sizing: border-box; padding: 8px; margin-left: 4%; margin-right: 4%; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_indigo, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_indigo { width: 8%; margin: 0% 6%; } input.b2bking_bulkorder_form_container_content_line_qty.b2bking_bulkorder_form_container_content_line_qty_indigo:not(.b2bking_bulkorder_form_container_content_line_qty_cream) { min-width: 40px; } .b2bking_cream_product_nr_icon { position: absolute; background: #3f3f3f; -webkit-font-smoothing: antialiased; font-weight: 700; color: #f7f7f7; border-radius: 100px; min-width: 17px; padding: 0px 3px; font-size: 11px !important; top: 7px; font-family: 'DM Sans', sans-serif; left: 10px; display: flex; align-items: center; justify-content: center; line-height: 1.618 !important; } .b2bking_cream_product_nr_icon.b2bking_cream_product_nr_icon_hidden { display: none !important; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_classic::-webkit-inner-spin-button, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_classic::-webkit-inner-spin-button, #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_classic::-webkit-outer-spin-button, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_classic::-webkit-outer-spin-button { margin: 0; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_classic::-webkit-inner-spin-button, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_classic:hover::-webkit-inner-spin-button, #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_classic::-webkit-outer-spin-button, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_classic:hover::-webkit-outer-spin-button{ } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_classic:focus, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_classic:focus{ background: #DEDEDE; } input.b2bking_bulkorder_form_container_content_line_qty_indigo { background: #132639 !important; color: #fff !important; text-align: center; font-family: "DM Sans"; font-weight: 400; font-size: 16.7px !important; } .b2bking_bulkorder_form_container_content_line_stock { width: 10%; text-align: right; padding-right: 7px; display: inline-block; font-family: "Inter", Roboto; font-style: normal; font-weight: 500; font-size: 14px; line-height: 21px; color: #6B6B6B; box-sizing: border-box; } .b2bking_bulkorder_form_container_content_line_stock.b2bking_outofstock { color: #FF0000; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line_subtotal, .b2bking_bulkorder_form_container_content_line_subtotal { width: 14%; text-align: right; padding-right: 7px; display: inline-block; font-family: "Inter", Roboto; font-style: normal; font-weight: 500; font-size: 14px; line-height: 21px; color: #6B6B6B; box-sizing: border-box; } .b2bking_bulkorder_form_container_content_line_subtotal_indigo{ width: 15% !important; color: #fff !important; text-align: center !important; font-family: "DM Sans" !important; font-weight: 400 !important; font-size: 16.7px !important; } .b2bking_loader_indigo_content { height: 85px; display: flex; justify-content: center; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_button, .b2bking_bulkorder_form_container_newline_button{ background: #939393; font-family: "Inter", Roboto; font-weight: 400; font-size: 12px; line-height: 5px; min-width: 90px; text-align: end; height: 29px; padding: 0px 10px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; border: none; text-transform: none; min-height: 0; display: inline-flex; align-items: center; justify-content: space-between; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_button:hover, .b2bking_bulkorder_form_container_newline_button:hover{ background: #666666; color: #ffffff; cursor: pointer; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_button:focus, .b2bking_bulkorder_form_container_newline_button:focus{ outline: none; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_button_icon, .b2bking_bulkorder_form_container_newline_button_icon { width: 17px; margin-right: 5px; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_container, .b2bking_bulkorder_form_container_newline_container { margin-top: -8px; padding-bottom: 16px; border-bottom: 1px solid #c0c0c0; } .b2bking_bulkorder_form_container_bottom{ justify-content: space-between; display: flex; align-items: center; margin-top: 15px; } .b2bking_bulkorder_form_container_bottom_total{ font-family: "Inter", Roboto; font-style: normal; font-weight: normal; font-size: 18px; line-height: 23px; color: #4E4E4E; } .b2bking_bulkorder_form_container_bottom_add{ display: flex; } button.b2bking_bulkorder_form_container_bottom_add_button{ background: #3AB1E4; line-height: 15px; min-width: 150px; text-align: end; height: 35px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; padding: 5px 16px; text-transform: none; min-height: 0; margin-right: 0; display: inline-flex; align-items: center; justify-content: space-between; } button.b2bking_bulkorder_form_container_bottom_add_button:focus{ outline: none; } button.b2bking_bulkorder_form_container_bottom_add_button:hover{ background-color: #0088c2; color: white; outline: none; cursor: pointer; } .b2bking_bulkorder_form_container_bottom_add_button_icon{ width: 19px; margin-right: 10px; } .b2bking_loader_icon_button{ width: 37px; position: relative; left: -7px; } .b2bking_loader_icon_button_indigo{ width: 37px; position: relative; } .b2bking_loader_icon_button_quote { width: 22px; display: inline-block; float: right; margin-left: 20px; } input#b2bking_bulkorder_search_text_indigo { margin-bottom: 0px !important; margin-top: 0px !important; -webkit-font-smoothing: antialiased; } button.b2bking_bulkorder_form_container_bottom_save_button{ background: #939393; line-height: 15px; min-width: 120px; margin-left: 13px; margin-right: 13px; text-align: end; height: 35px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; padding: 5px 16px; text-transform: none; min-height: 0; display: inline-flex; align-items: center; justify-content: space-between; } .b2bking_bulkorder_form_container_content_line_indigo { min-height: 71px !important; display: flex; align-items: center; color: #fff; border-bottom: 1px solid #112234; padding: 10px 20px; } img.b2bking_bulkorder_indigo_image { width: 40px !important; height: 40px !important; vertical-align: middle !important; display: inline-block !important; border-radius: 8px !important; margin-right: 17px; } .b2bking_bulkorder_indigo_name, .b2bking_bulkorder_indigo_name:focus, .b2bking_bulkorder_indigo_name:visited { font-size: 16.7px; font-family: "DM Sans"; font-weight: 400; color: white !important; text-decoration: none !important; overflow: auto; width: 100%; -webkit-font-smoothing: antialiased; } button.b2bking_bulkorder_form_container_bottom_update_button{ background: #939393; line-height: 15px; min-width: 137px; margin-left: 13px; margin-right: 13px; text-align: end; height: 35px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; padding: 5px 16px; text-transform: none; min-height: 0; display: inline-flex; align-items: center; justify-content: space-between; } button.b2bking_bulkorder_form_container_bottom_save_button:focus, button.b2bking_bulkorder_form_container_bottom_update_button:focus{ outline: none; } button.b2bking_bulkorder_form_container_bottom_save_button:hover, button.b2bking_bulkorder_form_container_bottom_update_button:hover{ background-color: #666666; color: white; outline: none; cursor: pointer; } .b2bking_bulkorder_form_container_bottom_save_button_icon, .b2bking_bulkorder_form_container_bottom_update_button_icon{ width: 19px; margin-right: 10px; } button.b2bking_bulkorder_form_container_bottom_delete_button{ background: #939393; line-height: 15px; width: 93px; text-align: end; height: 35px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; padding: 3px 16px; text-transform: none; min-height: 0; margin-right: 0; display: inline-flex; align-items: center; justify-content: space-between; } button.b2bking_bulkorder_form_container_bottom_delete_button:focus{ outline: none; } button.b2bking_bulkorder_form_container_bottom_delete_button:hover{ background-color: #666666; color: white; cursor: pointer; outline: none; } .b2bking_bulkorder_form_container_bottom_delete_button_icon { width: 21px; position: relative; bottom: 1px; } .b2bking_bulkorder_form_container_content_line_livesearch { background: #646464; width: 68%; position: relative; padding: 10px; border-radius: 0px 0px 4px 4px; bottom: 20px; color: white; font-size: 13px; font-family: "Inter", Roboto; display: none; } .b2bking_livesearch_product_result{ padding: 5px; display: flex; justify-content: space-between; align-items: center; } .b2bking_livesearch_product_result:hover{ background-color: #363636; cursor: pointer; border-radius: 3px; } /* 5. Custom registration fields */ select#b2bking_registration_roles_dropdown, .b2bking_custom_registration_field { width: 100%; } .b2bking_registration_roles_dropdown_section_hidden{ display: none !important; } .b2bking_checkbox_registration_field{ width: auto; } select#b2bking_registration_roles_dropdown{ display: inline-block; } .b2bking_custom_registration_field_textarea{ resize: vertical; min-height: 55px; } .b2bking_country_or_state{ margin-bottom: 0 !important; } /* vat visible and hidden. !important necessary to make sure these stay hidden */ .b2bking_vat_visible{ display: block; } .b2bking_vat_hidden{ display: none !important; } .b2bking_vat_countries_hidden{ display: none !important; } button#b2bking_checkout_registration_validate_vat_button { margin-top: 8px; } /* 6. Subaccounts */ .b2bking_subaccounts_container_top { display: flex; justify-content: space-between; margin-bottom: 17px; align-items: center; } .b2bking_subaccounts_container_top_title { font-family: "Inter", Roboto; font-size: 30px; color: #373737; font-weight: 400; } .b2bking_subaccounts_new_account_container_top_title { font-weight: 400; } button.b2bking_subaccounts_container_top_button { background: #3AB1E4; line-height: 15px; min-width: 195px; text-align: end; height: 35px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; padding: 1px 16px; text-transform: none; min-height: 0; display: inline-flex; align-items: center; justify-content: space-between; } button.b2bking_subaccounts_container_top_button:hover { background-color: #0088c2; color: #ffffff; cursor: pointer; } button.b2bking_subaccounts_container_top_button:focus{ outline: none; } svg.b2bking_subaccounts_container_top_button_icon { width: 29px; } .b2bking_subaccounts_account_container { min-height: 180px; background: #EBEBEB; box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13); border-radius: 5px; margin-bottom: 35px; } .b2bking_subaccounts_account_top { background: #646464; display: flex; border-radius: 5px 5px 0px 0px; justify-content: center; align-items: center; color: #ffffff; font-family: ""Inter", Roboto Medium", "Inter", Roboto; font-style: normal; font-weight: 500; font-size: 14px; line-height: 21px; text-align: center; min-height: 30px; } svg.b2bking_subaccounts_account_top_icon { width: 20px; margin-right: 7px; } .b2bking_subaccounts_account_line { display: flex; justify-content: space-between; margin: 15px; } .b2bking_subaccounts_container .b2bking_subaccounts_account_container .b2bking_subaccounts_account_line a{ text-decoration: none; } .b2bking_subaccounts_account_name { font-family: "Inter", Roboto; font-style: normal; font-weight: 600; font-size: 17px; line-height: 23px; margin-bottom: 5px; text-align: left; color: #292929; } .b2bking_subaccounts_account_title { font-family: "Inter", Roboto; font-style: normal; font-weight: 500; font-size: 13px; line-height: 19px; text-align: left; color: #414141; } button.b2bking_subaccounts_account_button { background: #818181; font-family: "Inter", Roboto; font-weight: 400; font-size: 14px; line-height: 15px; width: 125px; display: inline-flex; justify-content: center; align-items: center; justify-content: space-between; height: 30px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; padding: 0px 10px; border: none; text-decoration: none; text-transform: none; min-height: 0; } button.b2bking_subaccounts_account_button:hover{ background-color: #555555; color: #ffffff; cursor: pointer; text-decoration: none; } button.b2bking_subaccounts_account_button:focus{ outline: none; } svg.b2bking_subaccounts_account_button_icon { width: 19px; margin-right: 5px; } .b2bking_subaccounts_account_phone_email { margin-top: 17px; } .b2bking_subaccounts_account_phone_email_text { font-family: "Inter", Roboto; font-style: normal; font-weight: 500; font-size: 13px; line-height: 19px; text-align: left; margin-bottom: 5px; color: #414141; } .b2bking_subaccounts_new_account_container_top { font-family: "Inter", Roboto; font-size: 15px; display: flex; justify-content: space-between; align-items: center; color: #ffffff; height: 36px; background: #9e9e9e; border-radius: 5px 5px 0px 0px; padding: 0px 20px; } .b2bking_subaccounts_new_account_container_content { padding: 20px; background: #FBFBFB; border-radius: 5px; } .b2bking_subaccounts_new_account_container { margin-bottom: 30px; background: #FBFBFB; box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13); border-radius: 5px; display: none; } .b2bking_subaccounts_edit_account_container { margin-bottom: 30px; background: #FBFBFB; box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13); border-radius: 5px; } .b2bking_subaccounts_new_account_container_content { padding: 20px; } .b2bking_subaccounts_new_account_container_content_large_title { font-family: ""Inter", Roboto Medium", "Inter", Roboto; font-style: normal; font-weight: 500; font-size: 18px; line-height: 26px; min-height: 40px; align-items: center; display: flex; color: #4E4E4E; margin-bottom: 20px; margin-top: 5px; } svg.b2bking_subaccounts_new_account_container_content_large_title_icon { width: 30px; position: relative; bottom: 1px; margin-right: 10px; } .b2bking_span_title_text_subaccount{ margin-left: 15px; margin-right: 15px; } .b2bking_subaccounts_new_account_container_top_close, .b2bking_subaccounts_edit_account_container_top_close { border-radius: 3px; background: #5b5b5b; padding: 0px 15px; font-weight: 500; } .b2bking_subaccounts_new_account_container_top_close:hover, .b2bking_subaccounts_edit_account_container_top_close:hover { background-color: #333333; cursor: pointer; } .b2bking_subaccounts_new_account_container_content_element_label { font-family: ""Inter", Roboto Medium", "Inter", Roboto; font-weight: 500; font-size: 15px; line-height: 21px; color: #4E4E4E; } .b2bking_subaccounts_new_account_container_content_element input.b2bking_subaccounts_new_account_container_content_element_text { height: 43px; background: #ededed; border-radius: 4px; padding: 0px 20px; border: none; font-family: "Inter", Roboto; width: 92%; width: -moz-available; width: -webkit-fill-available; width: fill-available; margin-bottom: 18px; margin-top: 5px; font-size: 15px; outline: none; color: #8D8D8D; box-shadow: none; } .b2bking_subaccounts_new_account_container_content_element input.b2bking_subaccounts_new_account_container_content_element_text::placeholder{ color: #8D8D8D; } .b2bking_subaccount_horizontal_line { border-bottom: 1px solid #cdcdcd; padding-bottom: 15px; } .b2bking_subaccount_top_margin{ margin-top: 20px; } .b2bking_subaccounts_new_account_container_content_element_checkbox { background: #ededed; border-radius: 3px; margin-top: 12px; justify-content: space-between; display: flex; align-items: center; padding: 0px 15px; min-height: 40px; } .b2bking_subaccounts_new_account_container_content_element_checkbox_name { font-family: "Inter", Roboto; font-style: normal; font-weight: 500; font-size: 14px; line-height: 21px; color: #252525; } .b2bking_subaccounts_new_account_container_content_bottom { display: flex; justify-content: space-between; margin-top: 35px; } button.b2bking_subaccounts_new_account_container_content_bottom_button { background: #3AB1E4; align-items: center; line-height: 8px; min-width: 210px; text-align: end; justify-content: space-between; height: 35px; margin-top: 10px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; display: flex; outline: none; padding: 0px 18px; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; padding: 5px 16px; text-transform: none; min-height: 0; } button.b2bking_subaccounts_new_account_container_content_bottom_button:hover{ background-color: #0088c2; color: #fff; cursor: pointer; } button.b2bking_subaccounts_new_account_container_content_bottom_button:focus{ outline: none; color: #fff; } button.b2bking_subaccounts_edit_account_container_content_bottom_button { background: #3AB1E4; align-items: center; line-height: 8px; min-width: 210px; text-align: end; justify-content: space-between; height: 35px; margin-top: 10px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; display: flex; outline: none; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; padding: 5px 16px; text-transform: none; min-height: 0; } button.b2bking_subaccounts_edit_account_container_content_bottom_button:hover{ background-color: #0088c2; color: #fff; cursor: pointer; } button.b2bking_subaccounts_edit_account_container_content_bottom_button:focus{ outline: none; color: #fff; } button.b2bking_subaccounts_edit_account_container_content_bottom_button_delete { background: #6a6a6a; align-items: center; line-height: 8px; min-width: 210px; text-align: end; justify-content: space-between; height: 35px; margin-top: 10px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; display: flex; outline: none; padding: 0px 18px; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; text-transform: none; min-height: 0; } button.b2bking_subaccounts_edit_account_container_content_bottom_button_delete:hover{ background-color: #555555; color: #fff; cursor: pointer; } button.b2bking_subaccounts_edit_account_container_content_bottom_button_delete:focus{ outline: none; color: #fff; } svg.b2bking_subaccounts_new_account_container_content_bottom_button_icon { width: 24px; margin-right: 10px; } .b2bking_subaccounts_new_account_container_content_bottom_validation_errors { color: red; } /* 7. Purchase lists */ div#b2bking_purchase_lists_table_wrapper { font-size: 14px; background: #fff; border-radius: 5px; } table#b2bking_purchase_lists_table { padding-top: 19px; padding-bottom: 13px; width:100%; max-width: 100%; } .b2bking_purchase_lists_top_title { font-family: "Inter", Roboto; font-size: 30px; color: #373737; font-weight: 400; } #b2bking_purchase_lists_table_filter input { border-radius: 4px; box-shadow: none; height: 33px; background: #fff; border: 1px solid #eee; } #b2bking_purchase_lists_table_length select{ border-radius: 4px; } div#b2bking_purchase_lists_table_filter_group { padding-top: 6px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } #b2bking_purchase_lists_table_filter_group select { border-radius: 4px; background: #fff; border: 1px solid #eee; } .b2bking_fositra_filter { width: 24%; } @media(max-width:769px) { .b2bking_fositra_filter { width: 49%; } } button.b2bking_purchase_lists_view_list { border-radius: 3px; display: inline-flex; vertical-align: middle; align-items: center; margin-right: 5px; padding: 4px 8px; justify-content: center; color: #ffffff; background: #2775c9!important; margin-top: 1px; border: none; font-weight: 600; text-transform: none; min-height: 0; line-height: normal; height: 31px; font-family: "Inter", Roboto; font-size: 13px; } button.b2bking_purchase_lists_view_list:hover{ background: #3a98e1; color: #ffffff; cursor: pointer; } button.b2bking_purchase_lists_add_to_cart { border-radius: 3px; display: inline-flex; vertical-align: middle; align-items: center; padding: 4px 8px; justify-content: center; color: #ffffff; background: #606060; margin-right: 5px; margin-top: 1px; border: none; font-weight: 600; text-transform: none; min-height: 0; line-height: normal; height: 31px; font-family: ""Inter", Roboto Medium", "Inter", Roboto; font-size: 13px; min-width: 60px; } button.b2bking_purchase_lists_add_to_cart:hover{ background: #444444; color: #ffffff; cursor: pointer; } #b2bking_purchase_lists_table a.b2bking_purchase_list_button_href:visited, #b2bking_purchase_lists_table a.b2bking_purchase_list_button_href{ text-decoration: none; } #b2bking_purchase_lists_table td, #b2bking_purchase_lists_table th{ text-align: center; } #b2bking_purchase_lists_table td{ padding: 12px 14px; } .b2bking_purchase_list_top_container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .woocommerce .woocommerce-MyAccount-content .b2bking_purchase_list_top_container a.b2bking_purchase_list_new_link{ text-decoration: none !important; } button#b2bking_purchase_list_new_button { background: #3AB1E4; line-height: 15px; min-width: 135px; text-align: end; height: 35px; color: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12); border-radius: 3px; position: relative; outline: none; border: none; font-family: ""Inter", Roboto"; font-weight: 500; font-size: 15.5px; padding: 5px 16px; text-transform: none; min-height: 0; display: inline-flex; align-items: center; justify-content: space-between; } button#b2bking_purchase_list_new_button:hover{ background-color: #0088c2; color: #ffffff; cursor: pointer; } svg.b2bking_purchase_list_new_button_icon { width: 19px; margin-right: 10px; } .b2bking_purchase_list_new_link{ height: fit-content; } table#b2bking_purchase_lists_table thead tr th { color: white; } table#b2bking_purchase_lists_table thead tr th:nth-child(1){ border-radius: 5px 0px 0px 0px; } table#b2bking_purchase_lists_table thead tr th:last-child{ border-radius: 0px 5px 0px 0px; } table#b2bking_purchase_lists_table:not( .has-background ) tbody td{ background: #fff; } table#b2bking_purchase_lists_table tfoot{ display: none; } table#b2bking_purchase_lists_table td{ border-bottom: 1px solid #eee; } #b2bking_purchase_lists_table_length select { border-radius: 4px; background: #fff; border: 1px solid #eee; margin: 0px 5px; } #b2bking_purchase_lists_table_paginate .paginate_button.current { background: #fcfcfc; border: 1px solid #ddd; border-radius: 5px; } #b2bking_purchase_lists_table_paginate .paginate_button:hover { background: #f1f1f1 !important; border: 1px solid #eee; border-radius: 5px; color: #333 !important; cursor: pointer; } img.b2bking_list_download { width: 14px; margin-right: 6px; filter: invert(1); } button.b2bking_purchase_lists_view_list { font-weight: 300 !important; } table#b2bking_purchase_lists_table thead tr th{ border-bottom: none; } /* 8. Fonts */ /* cyrillic-ext */ @font-face { font-family: '"Inter", Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('"Inter", Roboto'), local('"Inter", Roboto-Regular'), url(../fonts/"Inter", Roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: '"Inter", Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('"Inter", Roboto'), local('"Inter", Roboto-Regular'), url(../fonts/"Inter", Roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: '"Inter", Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('"Inter", Roboto'), local('"Inter", Roboto-Regular'), url(../fonts/"Inter", Roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: '"Inter", Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('"Inter", Roboto'), local('"Inter", Roboto-Regular'), url(../fonts/"Inter", Roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: '"Inter", Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('"Inter", Roboto'), local('"Inter", Roboto-Regular'), url(../fonts/"Inter", Roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: '"Inter", Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('"Inter", Roboto'), local('"Inter", Roboto-Regular'), url(../fonts/"Inter", Roboto/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: '"Inter", Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('"Inter", Roboto'), local('"Inter", Roboto-Regular'), url(../fonts/"Inter", Roboto/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; } /* dm-sans-regular - latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; src: local('DM Sans'), url('../fonts/dmsans/dm-sans-v11-latin-regular.woff2') format('woff2'); } /* dm-sans-italic - latin */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 400; src: local('DM Sans'), url('../fonts/dmsans/dm-sans-v11-latin-italic.woff2') format('woff2'); } /* dm-sans-500 - latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; src: local('DM Sans'), url('../fonts/dmsans/dm-sans-v11-latin-500.woff2') format('woff2'); } /* dm-sans-500italic - latin */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 500; src: local('DM Sans'), url('../fonts/dmsans/dm-sans-v11-latin-500italic.woff2') format('woff2'); } /* dm-sans-700 - latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; src: local('DM Sans'), url('../fonts/dmsans/dm-sans-v11-latin-700.woff2') format('woff2'); } /* dm-sans-700italic - latin */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 700; src: local('DM Sans'), url('../fonts/dmsans/ddm-sans-v11-latin-700italic.woff2') format('woff2'); } /* 9. Product Page */ .b2bking_tiered_active_price, .b2bking_tiered_range_replaced{ visibility: visible !important; display: inline-block; } .b2bking_shop_table{ margin-top: 50px; } .b2bking_has_color{ background: rgb(30, 115, 190); background-color: rgb(30, 115, 190); color: rgb(255, 255, 255) !important; } table.b2bking_tiered_price_table tbody td.b2bking_has_color{ background: rgb(30, 115, 190); background-color: rgb(30, 115, 190); color: rgb(255, 255, 255) !important; } .b2bking_bulkorder_form_container_indigo.b2bking_bulkorder_form_container_cream, #b2bking_bulkorder_search_text_indigo.b2bking_bulkorder_search_text_cream, #b2bking_bulkorder_search_text_indigo.b2bking_bulkorder_search_text_cream:focus, #b2bking_bulkorder_search_text_indigo.b2bking_bulkorder_search_text_cream:active{ background: #fff; } .b2bking_bulkorder_form_container_top_indigo.b2bking_bulkorder_form_container_top_cream { background: #f9f9f9; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } .b2bking_bulkorder_form_container_content_line_indigo.b2bking_bulkorder_form_container_content_line_cream{ border-bottom:1px solid #eaeaea; } .b2bking_bulkorder_form_container_content_header_product_indigo.b2bking_bulkorder_form_container_content_header_product_cream, .b2bking_bulkorder_form_container_content_header_qty_indigo.b2bking_bulkorder_form_container_content_header_qty_cream, #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product.b2bking_bulkorder_form_container_content_line_product_indigo.b2bking_bulkorder_form_container_content_line_product_cream, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product.b2bking_bulkorder_form_container_content_line_product_indigo.b2bking_bulkorder_form_container_content_line_product_cream, .b2bking_bulkorder_form_container_content_header_subtotal_indigo.b2bking_bulkorder_form_container_content_header_subtotal_cream, .b2bking_bulkorder_form_container_content_header_cart_indigo.b2bking_bulkorder_form_container_content_header_cart_cream{ color: rgba(0, 0, 0, 0.5) !important; font-weight: 500 !important; -webkit-font-smoothing: antialiased; } .b2bking_bulkorder_form_container_content_header_cream_sku { color: rgba(0, 0, 0, 0.5) !important; font-weight: 500 !important; width: 12%; font-size: 16.7px; font-family: "DM Sans"; -webkit-font-smoothing: antialiased; text-align: center; } .b2bking_bulkorder_form_container_content_header_cream_stock { color: rgba(0, 0, 0, 0.5) !important; font-weight: 500 !important; width: 16%; font-size: 16.7px; font-family: "DM Sans"; -webkit-font-smoothing: antialiased; text-align: center; } .b2bking_bulkorder_cream_stock p{ margin: 0; } .b2bking_bulkorder_cream_sku, .b2bking_bulkorder_cream_stock { color: #393939 !important; -webkit-font-smoothing: antialiased; font-size: 16.7px; font-family: "DM Sans"; font-weight: 400; text-decoration: none !important; text-align: center; } .b2bking_bulkorder_cream_sku{ width: 13%; } .b2bking_bulkorder_cream_stock{ width: 16%; } input.b2bking_bulkorder_form_container_content_line_qty_indigo.b2bking_bulkorder_form_container_content_line_qty_cream{ border-top: 1px solid rgba(0, 0, 0, 0.2) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; border-radius: 0px !important; background: white !important; color: #5D6A76 !important; font-size: 13px !important; } .b2bking_bulkorder_indigo_noproducts.b2bking_bulkorder_cream_noproducts, .b2bking_bulkorder_indigo_name.b2bking_bulkorder_cream_name, .b2bking_bulkorder_indigo_name.b2bking_bulkorder_cream_name:focus, .b2bking_bulkorder_indigo_name.b2bking_bulkorder_cream_name:visited, .b2bking_bulkorder_form_container_content_line_subtotal_indigo.b2bking_bulkorder_form_container_content_line_subtotal_cream, button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add, button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add:focus, button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add:target, button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add:active, .b2bking_bulkorder_form_container_bottom_indigo.b2bking_bulkorder_form_container_bottom_cream{ color: #393939 !important; -webkit-font-smoothing: antialiased; } #b2bking_bulkorder_search_text_indigo.b2bking_bulkorder_search_text_cream::placeholder, #b2bking_bulkorder_search_text_indigo.b2bking_bulkorder_search_text_indigo{ color: #939393 !important; opacity: 0.5; -webkit-font-smoothing: antialiased; } .b2bking_bulkorder_indigo_add{ cursor: pointer; } button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add, button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add:focus { background: #000 !important; color: #ffffff !important; border-radius: 4px !important; width: 100%; max-width: 165px; position: relative; border: none; padding: 1px 10px !important; display: flex; align-items: center; justify-content: center; font-weight: bold; min-height: 42px; margin: auto; text-transform: none !important; } button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add:hover{ background: #3d3d3d !important; } .b2bking_loader_indigo_content.b2bking_loader_cream_content{ filter: invert(); } #b2bking_bulkorder_search_text_indigo.b2bking_bulkorder_search_text_cream{ color: #393939 !important; } .b2bking_bulkorder_form_container_bottom_indigo_large.b2bking_bulkorder_form_container_bottom_cream_large{ min-height: 70px !important; } .b2bking_bulkorder_form_container_content_line_indigo.b2bking_bulkorder_form_container_content_line_cream{ min-height: 81px !important; } .b2bking_bulkorder_form_container_content_header_top_cream { border: 1px solid #dcdcdc; margin: 5px 0px 15px 0px; display: flex; justify-content: space-between; height: 49px; border-radius: 5px; width: 79%; } .b2bking_orderform_filters{ width: 14%; min-width: 85px; position: relative; } .b2bking_orderform_cart { width: 6%; min-width: 25px; padding: 0 10px !important; display: flex; justify-content: space-evenly; } .b2bking_orderform_cart:hover:not(.b2bking_orderform_cart_inactive){ background: rgba(0, 0, 0, 0.05); cursor: pointer; } .b2bking_orderform_checkout { width: 16%; min-width: 25px; padding: 0 10px !important; display: flex; justify-content: space-evenly; } .b2bking_orderform_checkout_inactive div#b2bking_bulkorder_cream_cart_icon, .b2bking_orderform_checkout_inactive #b2bking_bulkorder_cream_filter_cart_text, .b2bking_orderform_cart_inactive div#b2bking_bulkorder_cream_cart_icon, .b2bking_orderform_cart_inactive #b2bking_bulkorder_cream_filter_cart_text { opacity: 0.5; } .b2bking_orderform_checkout:not(.b2bking_orderform_checkout_inactive){ cursor: pointer; } .b2bking_orderform_checkout:not(.b2bking_orderform_checkout_inactive):hover{ background: rgba(0, 0, 0, 0.05); } div#b2bking_bulkorder_cream_filter_cart_text { color: black; position: relative; top: 1px !important; font-size: 16px; font-weight: bold; font-family: "DM Sans", 'sans-serif'; } div#b2bking_bulkorder_cream_cart_icon { display: flex; align-items: center; min-width: 20px; } .b2bking_bulkorder_form_container_content_header_top.b2bking_bulkorder_form_container_content_header_top_cream { margin-right: 5px; } select#b2bking_bulkorder_cream_filters_dropdown { position: absolute; bottom: -39px; } .b2bking_orderform_filters span { font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 15.5px; border: 0; outline: 0; padding: 0; box-shadow: none; color: rgb(0 0 0 / 75%); } .b2bking_bulkorder_indigo_noproducts.b2bking_bulkorder_cream_noproducts { text-align: center; display: grid; justify-content: center; } .b2bking_cream_noproductsfound_text { margin-top: 10px; } .b2bking_bulkorder_form_container_cream_filters{ display: none; } .b2bking_bulkorder_form_cream_main_container.b2bking_bulkorder_form_cream_main_container{ display: flex; } .b2bking_bulkorder_form_cream_main_container_content { width: 100%; } .b2bking_bulkorder_form_container_cream_filters.b2bking_filters_open { border: 1px solid #dcdcdc; border-radius: 5px; overflow-y: auto; max-height: 565px; width: 20%; padding: 20px; display: block; } ul.b2bking_bulkorder_filters_list, ul.b2bking_bulkorder_filters_list_sortby { margin: 0px !important; list-style: none; color: #333; padding-left: 0px !important; -webkit-font-smoothing: antialiased; } .b2bking_bulkorder_filters_list li, .b2bking_bulkorder_filters_list_sortby li { cursor: pointer !important; padding: 5px 0; font-size: 16px; line-height: 20px; margin: 16px 0; list-style: none !important; font-family: "DM Sans"; } .b2bking_bulkorder_filters_list li:hover, .b2bking_bulkorder_filters_list_sortby li:hover { color: black !important; font-weight: 600; } .b2bking_bulkorder_filter_header { font-weight: bold; font-size: 16px; line-height: 24px; font-family: 'DM Sans'; color: rgb(0 0 0 / 66%); padding: 0px 20px 20px 0px; box-shadow: 0px 1px 0px rgb(0 0 0 / 10%); -webkit-font-smoothing: antialiased; } .b2bking_categories_header_separator { height: 26px; } .b2bking_bulkorder_form_cream_main_container_content.b2bking_filters_open { width: 78%; margin-left: 2%; } .b2bking_bulkorder_cream_header_container { display: flex; justify-content: space-between; } div.b2bking_bulkorder_cream_search_icon, div#b2bking_bulkorder_cream_filter_icon { display: flex; align-items: center; } .b2bking_orderform_filters:hover { background: rgba(0, 0, 0, 0.05); cursor: pointer; } .b2bking_bulkorder_form_container_content_header_top_cream input{ font-size: 13.5px !important; } #b2bking_bulkorder_search_text_indigo.b2bking_bulkorder_search_text_cream { width: 100%; border-top: 1px solid #dcdcdc !important; border-bottom: 1px solid #dcdcdc !important; border-radius: 0 !important; min-height: 0px !important; height: inherit !important; } .b2bking_bulkorder_search_text_cream{ -webkit-font-smoothing: antialiased; } img.b2bking_bulkorder_indigo_image.b2bking_bulkorder_cream_image { width: 45px !important; height: 45px !important; vertical-align: middle !important; display: inline-block !important; border-radius: 3px !important; margin-right: 19px; } .b2bking_cream_order_form_final_lines { display: contents; } .b2bking_bulkorder_form_container_content_line_subtotal.b2bking_bulkorder_form_container_content_line_subtotal_indigo.b2bking_bulkorder_form_container_content_line_subtotal_cream .amount { font-weight: normal !important; color: black !important; } .b2bking_cream_input_button { -webkit-font-smoothing: antialiased; width: 30px; font-family: 'DM Sans', sans-serif; font-size: 18px; font-weight: 300; color: #cccccc; padding: 10px; display: flex; justify-content: center; align-items: center; height: 43px; margin-bottom: 0px !important; margin-right: 0px !important; min-height: 0 !important; } button.b2bking_cream_input_button:hover { background: #f3f3f3; color: black !important; cursor: pointer !important; } button.b2bking_cream_input_button:focus, button.b2bking_cream_input_button:target, button.b2bking_cream_input_button:visited, button.b2bking_cream_input_button:active{ outline: none; } .b2bking_cream_input_group { display: contents; } .b2bking_cream_input_group .b2bking_bulkorder_form_container_content_line_qty_indigo.b2bking_bulkorder_form_container_content_line_qty.b2bking_bulkorder_form_container_content_line_qty_cream{ margin: 0% 0% !important; width: 35px !important; /* Firefox */ -moz-appearance: textfield; } .b2bking_cream_input_group .b2bking_bulkorder_form_container_content_line_qty_indigo.b2bking_bulkorder_form_container_content_line_qty.b2bking_bulkorder_form_container_content_line_qty_cream::-webkit-outer-spin-button, .b2bking_cream_input_group .b2bking_bulkorder_form_container_content_line_qty_indigo.b2bking_bulkorder_form_container_content_line_qty.b2bking_bulkorder_form_container_content_line_qty_cream::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .b2bking_cream_input_button.b2bking_cream_input_minus_button { margin-left: 4.3%; border: 1px solid rgba(0, 0, 0, 0.2) !important; border-right: 0px !important; background: white; border-radius: 4px 0px 0px 4px !important; } .b2bking_cream_input_button.b2bking_cream_input_plus_button{ margin-right: 4.3%; border: 1px solid rgba(0, 0, 0, 0.2) !important; border-left: 0px !important; background: white; border-radius: 0px 4px 4px 0px !important; } .b2bking_bulkorder_form_container_content_line_subtotal_cream { width: 17.5% !important; } .b2bking_cream_input_group { display: flex; width: 18%; justify-content: center; } button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_cream_view_options_button{ background: white !important; color: #222222 !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; font-weight: 600; font-size: 15px !important; } button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_cream_view_options_button:hover{ background: #f7f7f7 !important; } .b2bking_text_inactive, .b2bking_bulkorder_form_container_content_line_cream_hidden, .b2bking_bulkorder_cream_search_icon_hide{ display: none !important; } .b2bking_bulkorder_cream_search_icon_clear:hover{ cursor: pointer; } .b2bking_cream_input_group_empty{ color: black; } .b2bking_cream_line_variation_colored{ background: #fafafa !important; } #b2bking_purchase_lists_table th:nth-child(4),#b2bking_purchase_lists_table td:nth-child(4){ display:none; } #b2bking_purchase_lists_table th:nth-child(7),#b2bking_purchase_lists_table td:nth-child(7){ display:none; } /* 10. Media Queries */ @media screen and (max-width: 1200px) { .b2bking_bulkorder_cream_filter_icon, #b2bking_bulkorder_cream_filter_icon{ display: none !important; } .b2bking_orderform_filters{ margin-right: 5px; padding: 0px 10px; } #b2bking_purchase_lists_table th:nth-child(2),#b2bking_purchase_lists_table td:nth-child(2){ display:none; } } @media screen and (max-width: 750px) { button.b2bking_bulkorder_clear{ left:50%; } .b2bking_orderform_cart{ width: 15%; } .b2bking_orderform_checkout{ width: 35%; } #b2bking_purchase_lists_table th:nth-child(3),#b2bking_purchase_lists_table td:nth-child(3){ display:none; } } @media screen and (max-width: 665px) { .b2bking_bulkorder_form_container_content_line_subtotal.b2bking_bulkorder_form_container_content_line_subtotal_indigo.b2bking_bulkorder_form_container_content_line_subtotal_cream { position: absolute; top: 10%; right: 1%; width: 100px !important; font-size: 15px !important; } .b2bking_myaccount_individual_conversation_content_item:nth-child(2), .b2bking_myaccount_individual_conversation_top_item:nth-child(2) { display: none; } .b2bking_myaccount_individual_conversation_content_item{ font-size:13px; } button.b2bking_bulkorder_form_container_bottom_delete_button{ margin-top: 10px; } .b2bking_bulkorder_form_container_content_line_cream_view_options .b2bking_cream_input_group{ display: none !important; } .b2bking_bulkorder_form_container_content_line_cream_view_options .b2bking_bulkorder_form_container_content_line_cart_cream{ margin-left: 0px !important; width: 100% !important; } .b2bking_bulkorder_form_container_content_line_cream_view_options .b2bking_bulkorder_form_container_content_line_cart_indigo{ position: initial !important; } .b2bking_bulkorder_form_container_content_line_cream_view_options button{ width: 200px !important; max-width: 200px !important; } .b2bking_bulkorder_cream_name{ font-size: 14.5px; } .b2bking_bulkorder_indigo_name{ font-size: 13px; } button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add, button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add:focus{ font-size: 14px !important; } button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_cream_view_options_button, button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add.b2bking_cream_view_options_button:focus{ font-size: 14px !important; } img.b2bking_bulkorder_indigo_image.b2bking_bulkorder_cream_image{ margin-right: 0px !important; } .b2bking_bulkorder_form_container_content_line_indigo{ padding: 10px 7px; } .b2bking_conversation_message_time{ font-size:10px !important; } .b2bking_orderform_filters{ margin-right: 5px; padding: 0px 10px; } .b2bking_cream_order_form_final_lines { display: flex; justify-content: center; width: 100%; margin-top: 4px !important; } .b2bking_bulkorder_form_cream_main_container.b2bking_bulkorder_form_cream_main_container{ flex-direction:column; } .b2bking_bulkorder_form_container_cream_filters.b2bking_filters_open{ width:100%; } .b2bking_bulkorder_form_cream_main_container_content.b2bking_filters_open{ width:97%; } .b2bking_bulkorder_form_container_cream_filters.b2bking_filters_open{ margin-bottom:15px; } .b2bking_bulkorder_form_container_bottom_add,.b2bking_bulkorder_form_container_bottom, .b2bking_bulkorder_form_container, #b2bking_myaccount_conversations_container_top, .b2bking_subaccounts_container_top, .b2bking_subaccounts_new_account_container_content_bottom{ display: block; } #b2bking_myaccount_offers_container, #b2bking_myaccount_bulkorder_container{ margin: 0px 0px; } .b2bking_bulkorder_form_container_content_header_qty_cream{ display: none; } .b2bking_myaccount_individual_offer_container, #b2bking_myaccount_bulkorder_container{ min-width: unset; } .b2bking_myaccount_individual_offer_bottom_line{ margin:0px 10px; flex-direction: column-reverse; } .b2bking_myaccount_individual_offer_bottom_line_add{ margin-top: 7px; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty{ width: 20%; } .b2bking_bulkorder_form_container_bottom_total{ margin-top: 10px; } .b2bking_bulkorder_form_container_content_line_subtotal{ width: 100% !important; text-align: center !important; } .b2bking_bulkorder_form_container_content_line_subtotal_indigo{ width: 15% !important; -webkit-font-smoothing: antialiased; } button.b2bking_bulkorder_clear{ left: 45%; } .b2bking_bulkorder_form_container_content_header_subtotal, .b2bking_bulkorder_form_container_content_line_subtotal_indigo:not(.b2bking_bulkorder_form_container_content_line_subtotal_cream), .b2bking_bulkorder_form_container_content_header_cream_stock, .b2bking_bulkorder_form_container_content_header_cream_sku{ display: none !important; } .b2bking_bulkorder_form_container_content_header_cart_indigo{ display: block !important; } .b2bking_bulkorder_form_container_content_header_qty_indigo, .b2bking_bulkorder_form_container_content_line_qty_indigo{ width: 20% !important; -webkit-font-smoothing: antialiased; } .b2bking_bulkorder_form_container_content_header_cart_indigo, .b2bking_bulkorder_form_container_content_line_cart_indigo{ width: 40% !important; -webkit-font-smoothing: antialiased; } .b2bking_bulkorder_indigo_product_container, .b2bking_bulkorder_form_container_content_header_product_indigo{ width: 100% !important; padding: 10px; -webkit-font-smoothing: antialiased; } .b2bking_bulkorder_form_container_content_line.b2bking_bulkorder_form_container_content_line_indigo.b2bking_bulkorder_form_container_content_line_cream { display: flex; flex-direction: column; } .b2bking_bulkorder_cream_product_container{ display: flex; flex-direction: column; text-align: center; } .b2bking_bulkorder_indigo_name.b2bking_bulkorder_cream_name { padding-left: 5px; padding-right: 5px; padding-top: 2px; margin-top: 3px; } .b2bking_bulkorder_form_container_bottom_indigo{ display: flex !important; } .b2bking_bulkorder_form_container_content_line_indigo.b2bking_bulkorder_form_container_content_line_cream .b2bking_bulkorder_form_container_content_line_qty.b2bking_bulkorder_form_container_content_line_qty_indigo.b2bking_bulkorder_form_container_content_line_qty_cream{ margin: 0px 0px 0px 0px !important; width: 45px !important; border-top: 1px solid rgba(0, 0, 0, 0.16) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.16) !important; } .b2bking_cream_input_group{ margin-left: 5%; } .b2bking_bulkorder_form_container_cream_filters.b2bking_filters_open{ padding: 15px; } .b2bking_bulkorder_form_container_content_line_cart_indigo.b2bking_bulkorder_form_container_content_line_cart_cream { margin-left: 25px; } .b2bking_bulkorder_filter_header{ padding: 0px; } .b2bking_bulkorder_cream_filter_icon, #b2bking_bulkorder_cream_filter_icon{ display: none !important; } .b2bking_cream_input_minus_button, .b2bking_cream_input_plus_button { margin-left: 0%; margin-right: 0%; } .b2bking_bulkorder_cream_stock, .b2bking_bulkorder_cream_sku { width: 100%; margin-bottom: 5px; font-size: 13px; } .b2bking_cream_product_nr_icon{ left: 41%; } #b2bking_purchase_lists_table th:nth-child(4),#b2bking_purchase_lists_table td:nth-child(4){ display:none; } } @media screen and (max-width: 365px) { .b2bking_orderform_cart{ display: none; } } @media screen and (max-width: 500px) { .b2bking_orderform_checkout{ display: none; } #b2bking_purchase_lists_table th:nth-child(5),#b2bking_purchase_lists_table td:nth-child(5){ display:none; } }