/*pharmacy_modal */ /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .modal { position: fixed; z-index: 9999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; background-color: rgba(0, 0, 0, 0.4); } @media (max-width: 768px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .modal { padding: 0 16px 0 16px; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .modal-content { background-color: #fefefe; margin: auto; padding: 32px; width: 727px; box-shadow: 1px 16px 15px rgba(0, 0, 0, 0.15); border-radius: 6px; position: relative; } @media (max-width: 768px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .modal-content { width: 100%; padding: 16px; margin-top: 104px; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .close { color: #aaa; float: right; font-size: 28px; font-weight: 400; position: absolute; right: 24px; top: 24px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .close:hover, .close:focus { text-decoration: none; cursor: pointer; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .tab { margin-bottom: 40px; overflow: hidden; } @media (max-width: 768px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .tab { margin-top: 50px; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .tab button { float: left; outline: none; cursor: pointer; transition: 0.3s; font-weight: 500; font-size: 18px; text-transform: capitalize; color: #a1a4a9; border: none; background: none; position: relative; padding: 0 0 10px 0; margin-right: 16px; } @media (max-width: 768px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .tab button { font-size: 16px; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .tab button.active { color: #1e4275; border-bottom: 2px solid #1e4275; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .tabcontent { display: none; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper h3 { font-weight: 500; font-size: 14px; color: #000; margin-bottom: 16px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .fileUploadInput { position: relative; z-index: 1; width: 442px; display: flex; } @media (max-width: 768px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .fileUploadInput { width: 100%; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .fileUploadInput input { position: relative; z-index: 1; padding: 0 gap(m); width: 326px; height: 50px; border: 1px solid #e1e4e8; border-radius: 3px 0 0 3px; font-weight: 400; font-size: 16px; color: #4E5055; padding: 10px; } @media (max-width: 768px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .fileUploadInput input { width: 70%; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .fileUploadInput input::-webkit-file-upload-button { visibility: hidden; padding: 0; width: 0; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .fileUploadInput button { height: 50px; width: 102px; line-height: 0; white-space: nowrap; -webkit-user-select: none; user-select: none; color: #fff; background-color: #1e4275; border-radius: 0 3px 3px 0; font-weight: 500; font-size: 14px; border: none; } @media (max-width: 768px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .fileUploadInput button { width: 30%; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type { margin-top: 40px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type h3 { font-weight: 500; font-size: 14px; color: #000; margin-bottom: 16px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .inline-record { list-style: none; margin: 0; padding: 0; display: flex; margin-bottom: 24px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .inline-record li { border: 1px solid #edf1f5; padding: 6px 12px; border-radius: 100px; margin-right: 20px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .inline-record li.active { background: #1e4275; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .inline-record li.active a { color: #fff; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .inline-record li a { color: #121314; font-weight: 400; font-size: 12px; text-decoration: none; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field { border: 1px solid #c8cbd0; width: 100%; height: 61px; padding-top: 8px; padding-left: 18px; border-radius: 4px; margin-bottom: 22px; } @media (max-width: 767px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field { width: 100%; } } @media (min-width: 768px) and (max-width: 998px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field { width: 400px; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field label { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #4E5055; display: block; margin: 0; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field input { width: 100%; border: unset; background-color: #fff; } @media (max-width: 767px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field input { width: 100%; } } @media (min-width: 768px) and (max-width: 998px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field input { width: 378px; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field input::placeholder { color: #121314; font-weight: 300; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field input:focus { outline: none; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field textarea { width: 100%; border: unset; background-color: #fff; height: 168px; resize: none; } @media (max-width: 767px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field textarea { width: 100%; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field textarea::placeholder { color: #121314; font-weight: 400; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field.text-area { height: 200px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .btn-group { text-align: right; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .btn-group .cancel-btn { border: 1px solid #1e4275; padding: 8px 12px; color: #1e4275; background: #fff; border-radius: 6px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .btn-group .upload-btn { background-color: #1e4275; color: #fff; padding: 8px 12px; border-radius: 6px; border: unset; margin-left: 16px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .inline-record { list-style: none; margin: 0; padding: 0; display: flex; margin-bottom: 24px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .inline-record li { border: 1px solid #edf1f5; padding: 6px 12px; border-radius: 100px; margin-right: 20px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .inline-record li.active { background: #1e4275; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .inline-record li.active a { color: #fff; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .inline-record li a { color: #121314; font-weight: 400; font-size: 12px; text-decoration: none; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search { display: flex; justify-content: space-between; margin-top: 24px; } @media (max-width: 768px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search { display: block; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search .search-wrapper { background: #fff; border: 1px solid #c8cbd0; border-radius: 6px; padding: 12px; width: 390px; display: flex; } @media (max-width: 768px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search .search-wrapper { width: 100%; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search .search-wrapper figure { margin: 4px 12px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search .search-wrapper input { width: 100%; border: unset; height: 28px; margin-top: 3px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search .search-wrapper input::placeholder { font-weight: 400; font-size: 14px; color: #183155; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search .search-wrapper input:focus-visible { outline: unset; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search .custom-select { margin-top: 15px; } @media (max-width: 768px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search .custom-select { text-align: right; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search .custom-select select { border: unset; background: unset; font-weight: 500; font-size: 14px; line-height: 21px; text-align: right; text-transform: capitalize; color: #1e4275; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search .custom-select select option { font-weight: 500; font-size: 14px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .attachfile-wrapper .filter-section .filter-search .custom-select select:focus-visible { outline: unset; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .modal-header { margin-bottom: 20px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .modal-header h2 { font-weight: 500; font-size: 18px; line-height: 27px; color: #121314; margin: 0; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .modal-header p { font-style: normal; font-weight: 400; font-size: 12px; line-height: 18px; color: #4E5055; margin: 0; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .single-row { display: flex; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .single-row > div { width: 100%; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .double-row { display: flex; gap: 17px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .double-row > div { width: calc(50% - 17px); } @media (max-width: 768px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .double-row { flex-wrap: wrap; gap: 0; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .radio-btn-wrapper2 { height: auto !important; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .bill-wrapper { margin-bottom: 20px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .bill-wrapper .heading-section { display: flex; width: 100%; justify-content: space-between; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .bill-wrapper .heading-section h6 { font-weight: 600; font-size: 16px; text-transform: capitalize; color: #121314; margin-bottom: 16px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .bill-wrapper .heading-section a { font-weight: 500; font-size: 12px; text-transform: capitalize; color: #1e4275; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .bill-wrapper .heading-section a svg { margin-right: 8px; margin-top: -3px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .bill-wrapper .heading-section a svg path { fill: #1e4275; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover { width: 100%; position: relative; padding: 2px 0 3px 35px; padding: 10px 7px 10px 16px; background: #fff; border-radius: 6px 6px 0 0; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; font-size: 14px; -ms-user-select: none; user-select: none; border-bottom: 1px solid #ddd; max-height: 86px; min-height: 86px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover.active { background: #edf3fc; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover .detail { width: 92%; padding-top: 12px; margin-left: 40px; } @media (max-width: 575px) { /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover .detail { width: 85%; } } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover .detail .content { display: flex; width: 100%; justify-content: space-between; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover .detail .content figure { margin: 0; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover .detail h6 { margin: 0; font-weight: 500; font-size: 14px; text-transform: capitalize; color: #121314; margin-bottom: 5px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover .detail div { font-weight: 400; font-size: 14px; color: #17191b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover .checkmark { position: absolute; top: 25px; left: 16px; height: 21px; width: 21px; border: 1px solid #e5e5e5; background-color: #fff; border-radius: 50%; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover input:checked ~ .checkmark { background-color: #1e4275; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover .checkmark:after { content: ""; position: absolute; display: none; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover input:checked ~ .checkmark:after { display: block; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .checkbox_cover .checkmark:after { left: 7px; top: 4px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .successfull_upload { text-align: center; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .successfull_upload svg { display: block; margin: 0 auto 32px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .successfull_upload h3 { font-weight: 600; font-size: 20px; line-height: 30px; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: capitalize; color: #121314; margin: 0 auto 8px auto; max-width: 384px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .successfull_upload p { font-weight: 400; font-size: 14px; line-height: 21px; display: flex; justify-content: center; align-items: center; text-align: center; color: #4E5055; margin: 0 auto; max-width: 350px; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .successfull_upload .action-area { margin: 76px 0 0 0; display: flex; justify-content: flex-end; } /* line 4, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .successfull_upload .action-area a { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 12px; height: 37px; background: #1e4275; border-radius: 6px; font-weight: 500; font-size: 14px; line-height: 21px; color: #fff; text-decoration: none; } /*pharmacy_modal */ /* line 6, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-prod-modal { display: none; z-index: 9999; } /* line 11, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ #prod_modal .modal-header h2 { margin-bottom: 26px; } /* line 14, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ #prod_modal .upload-area-wrapper .record-type { margin-top: 18px; } /* line 17, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ #prod_modal .upload-area-wrapper .record-type p { font-weight: 400; font-size: 16px; line-height: 24px; color: #121314; margin: 0 0 15px 0; } /*cart_popup*/ /* line 26, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style { background: #fff; width: 100%; border-bottom: 1px solid #EBEBEB; padding-bottom: 18px; } /* line 27, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style a { display: flex; } /* line 28, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style a { text-decoration: none; } /* line 29, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style figure { width: 96px; height: 96px; background: #f4f6f9; border-radius: 6px; padding: 17px; display: flex; justify-content: center; align-items: center; margin-bottom: 0px; } /* line 30, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style .cart_popup_content { width: calc(100% - 96px); padding-left: 16px; } /* line 34, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style figure img { max-width: 100%; max-height: 100%; object-fit: contain; } /* line 35, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style .name { display: block; font-weight: 500; font-size: 18px; line-height: 27px; text-transform: capitalize; color: #121314; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* line 36, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style .name .pharmacy_soldout { font-weight: 500; font-size: 14px; line-height: 21px; text-transform: capitalize; color: #BB6472; margin-left: 8px; } @media (min-width: 360px) { /* line 44, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style { width: 100%; } /* line 45, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style figure { width: 149px; height: 109px; } /* line 46, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style .name { font-size: 12px; line-height: 18px; } } @media (min-width: 768px) { /* line 49, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style { width: 100%; } /* line 50, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style figure { width: 96px; height: 96px; } /* line 51, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style .name { font-size: 14px; line-height: 21px; } } /* line 53, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style .desc { display: block; font-weight: 400; font-size: 10px; line-height: 18px; color: #4E5055; margin-bottom: 9px; } /* line 54, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style .price { display: block; font-weight: 500; font-size: 18px; line-height: 27px; text-transform: capitalize; color: #121314; margin-bottom: 8px; } /* line 55, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .popup_cart_style .add-to-cart .cart-button, .popup_cart_style .add-to-cart button { width: max-content; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px 12px; border: 1px solid #1e4275; border-radius: 6px; font-weight: 500; font-size: 12px; line-height: 18px; text-transform: capitalize; color: #1e4275; background: 0 0; } /* line 56, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ figure { margin: 0; position: relative; } /* cart_pop */ /*sold-out-hover*/ /* line 59, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .sold-out-item-wrap { position: absolute; left: 0; top: 0; background: rgba(47, 49, 53, 0.7); width: 100%; height: 100%; border-radius: 6px; display: flex; justify-content: center; align-items: center; font-weight: 400; font-size: 14px; line-height: 21px; color: rgba(255, 255, 255, 0.7); } /*sold-out-hover*/ /*select 2 library */ /* line 77, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ #s2id_user_lab_departments .select2-choices { height: auto !important; max-height: 100px !important; overflow-y: scroll; } /* line 83, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; } /* line 93, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } /* line 107, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(to top, #eee 0%, #fff 50%); } /* line 138, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-container .select2-choice { padding: 0 8px 0 0; } /* line 142, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(to bottom, #eee 0%, #fff 90%); } /* line 154, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } /* line 158, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; color: #605858; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; } /* line 170, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-container .select2-choice > .select2-chosen { margin-left: 26px; margin-right: 0; margin-top: 3px; } /* line 176, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) right top no-repeat; cursor: pointer; outline: 0; } /* line 193, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } /* line 197, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } /* line 202, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } /* line 220, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 99999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } /* line 238, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); } /* line 249, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop-active { /* border: 1px solid #5897fb; */ border-top: none; } /* line 254, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop.select2-drop-above.select2-drop-active { /* border-top: 1px solid #5897fb; */ } /* line 258, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } /* line 263, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop-auto-width .select2-search { padding-top: 4px; } /* line 267, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0; background-clip: padding-box; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(to top, #ccc 0%, #eee 60%); } /* line 287, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-container .select2-choice .select2-arrow { left: 0; right: auto; position: relative; border-left: none; border-radius: 4px 0 0 4px; border-left: 0px !important; padding-right: 2px; content: "\f107"; /* this is your text. You can also use UTF-8 character codes as I do here */ font-family: FontAwesome; } /* line 299, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container .select2-choice .select2-arrow:after { content: "\f107"; font-family: FontAwesome; color: #7d7d7d; top: 5px; left: -10px; position: absolute; font-size: 25px; display: none; } /* line 311, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) no-repeat 0 1px; } /* line 318, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-container .select2-choice .select2-arrow b { background-position: 0px 1px; } /* line 322, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } /* line 336, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #fff url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) no-repeat 100% -22px; background: url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) no-repeat 100% -22px; background: url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) no-repeat 100% -22px; background: url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) no-repeat 100% -22px; background: url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) no-repeat 100% -22px; } /* line 360, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-search input { padding: 4px 5px 4px 20px; background: #fff url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) no-repeat -37px -22px; background: url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) no-repeat -37px -22px; background: url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) no-repeat -37px -22px; background: url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) no-repeat -37px -22px; background: url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) no-repeat -37px -22px; } /* line 370, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } /* line 374, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-search input.select2-active { background: #fff url(/select2-spinner.gif) no-repeat 100%; background: url(/select2-spinner.gif) no-repeat 100%; background: url(/select2-spinner.gif) no-repeat 100%; background: url(/select2-spinner.gif) no-repeat 100%; background: url(/select2-spinner.gif) no-repeat 100%; } /* line 382, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } /* line 391, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to top, #fff 0%, #eee 50%); } /* line 407, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); } /* line 419, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; } /* line 424, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow { border-right: none; } /* line 428, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } /* line 432, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -16px 1px; } /* line 436, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* results */ /* line 448, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results { padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* line 457, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-results { padding: 0 4px 0 0; margin: 4px 0 4px 4px; } /* line 462, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } /* line 467, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results li { list-style: none; display: list-item; background-image: none; } /* line 473, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } /* line 477, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 491, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results-dept-1 .select2-result-label { padding-left: 20px; } /* line 492, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results-dept-2 .select2-result-label { padding-left: 40px; } /* line 493, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results-dept-3 .select2-result-label { padding-left: 60px; } /* line 494, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results-dept-4 .select2-result-label { padding-left: 80px; } /* line 495, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results-dept-5 .select2-result-label { padding-left: 100px; } /* line 496, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results-dept-6 .select2-result-label { padding-left: 110px; } /* line 497, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results-dept-7 .select2-result-label { padding-left: 120px; } /* line 499, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results .select2-highlighted { background: #3875d7; color: #fff; } /* line 504, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results li em { background: #feffde; font-style: normal; } /* line 509, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results .select2-highlighted em { background: transparent; } /* line 513, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results .select2-highlighted ul { background: #fff; color: #000; } /* line 518, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; padding-left: 5px; } /* disabled look for disabled choices in the results dropdown */ /* line 530, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } /* line 536, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } /* line 542, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results .select2-selected { display: none; } /* line 546, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-more-results.select2-active { background: #f4f4f4 url(/select2-spinner.gif) no-repeat 100%; } /* line 550, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-results .select2-ajax-error { background: rgba(255, 50, 50, 0.2); } /* line 554, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ /* line 561, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } /* line 568, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } /* line 574, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ /* line 581, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0 5px 0 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); } /* line 599, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-container-multi .select2-choices { padding: 0 0 0 5px; } /* line 603, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-locked { padding: 3px 5px 3px 5px !important; } /* line 607, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi .select2-choices { min-height: 26px; } /* line 611, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } /* line 618, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi .select2-choices li { float: left; list-style: none; } /* line 622, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-container-multi .select2-choices li { float: right; } /* line 626, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } /* line 632, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } /* line 646, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url(/select2-spinner.gif) no-repeat 100% !important; } /* line 650, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-default { color: #999 !important; } /* line 654, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); } /* line 684, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice { margin: 6px 5px 0px 0; padding: 3px 18px 3px 5px; } /* line 689, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } /* line 692, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } /* line 696, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url(/assets/select2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) right top no-repeat; } /* line 708, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-search-choice-close { right: auto; left: 3px; } /* line 713, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi .select2-search-choice-close { left: 3px; } /* line 717, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ html[dir="rtl"] .select2-container-multi .select2-search-choice-close { left: auto; right: 2px; } /* line 722, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } /* line 725, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ /* line 730, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } /* line 737, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } /* line 744, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */ /* line 750, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } /* line 755, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } /* line 769, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-display-none { display: none; } /* line 773, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /* Retina-ize icons */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { /* line 785, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url(/assets/select2x2-678521358e1f7b218f207adfba8a966c0ecce75d9e211f0bebe9a82890e423eb.png) !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; } /* line 794, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-search input { background-position: 100% -21px !important; } } /* select 2 library */ /* line 800, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-container-active .select2-choice, .select2-container-active .select2-choices { box-shadow: none; } /* line 804, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .general-select-wrap .select2-container { width: 100%; } /* line 806, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .general-select-wrap .select2-container a { border: none; border-radius: 6px; padding: 8px 16px; background: transparent; height: 37px; font-weight: 400; font-size: 12px; line-height: 18px; color: #1E4275; } /* line 816, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .general-select-wrap .select2-container a > .select2-chosen { color: #1E4275; } /* line 819, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .general-select-wrap .select2-container a .select2-arrow { border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: none; width: 2px; height: 0; right: 2px; display: block; top: 10px; border-radius: 0; } /* line 837, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop { width: 306px !important; margin-top: 8px; position: absolute; z-index: 99999; top: 100%; background: #fff; color: #000; border: 0; box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.16); border-radius: 10px; border-top: 0; border-radius: 0 0 4px 4px; border-radius: 10px; padding-left: 16px; padding-right: 16px; padding-top: 17px; } /* line 855, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop .select2-search input { border: 0; font-weight: 500; font-size: 12px; line-height: 18px; text-transform: capitalize; color: #A1A4A9; } /* line 864, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop .select2-results { list-style: none; padding: 0; margin: 0; } /* line 868, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop .select2-results li { font-weight: 400; font-size: 14px; line-height: 21px; color: #121314; padding: 0 0 16px 0; margin: 0 0 16px 0; border-bottom: 1px solid #E1E4E8; } /* line 876, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop .select2-results li.select2-highlighted { background: transparent; text-decoration: underline; } /* line 880, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop .select2-results li.select2-no-results { background: transparent; } /* line 883, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop .select2-results li:last-child { border-bottom: 0; text-decoration: none; } /* line 887, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .select2-drop .select2-results li > div { padding: 0; } /* line 893, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con { width: 658px; margin-left: 56px; } /* line 896, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con figure { margin: 0; } @media (min-width: 320px) { /* line 893, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con { width: 100%; margin-left: 0px; } } @media (min-width: 768px) { /* line 893, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con { width: 658px; margin-left: 56px; } } /* line 907, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con h2 { font-weight: 500; font-size: 16px; line-height: 24px; text-transform: capitalize; color: #17191B; margin: 0 0 16px 0; } /* line 915, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con .cat-prod-block-wrap { display: flex; gap: 32px; margin-bottom: 40px; } @media (min-width: 320px) { /* line 915, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con .cat-prod-block-wrap { overflow: auto; } } @media (min-width: 768px) { /* line 915, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con .cat-prod-block-wrap { overflow: auto; } } /* line 926, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con .cat-prod-block { background: #fff; width: 207px; } /* line 929, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con .cat-prod-block a { text-decoration: none; } /* line 932, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con .cat-prod-block figure { width: 207px; height: 138px; background: #F4F6F9; border-radius: 6px; padding: 17px 17px 17px; display: flex; justify-content: center; align-items: center; margin-bottom: 12px; } /* line 942, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con .cat-prod-block figure img { max-width: 100%; max-height: 100%; object-fit: contain; } /* line 948, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con .cat-prod-block .cat-name { display: block; font-weight: 500; font-size: 16px; line-height: 24px; text-transform: capitalize; color: #17191B; padding-left: 16px; } /* line 957, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-right-con .cat-prod-block .cat-desc { display: block; font-weight: 400; font-size: 12px; line-height: 18px; color: #4E5055; padding-left: 16px; } /* line 969, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .cat-prod-filter-area { margin-bottom: 40px; display: flex; justify-content: space-between; } /* line 973, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .cat-prod-filter-area .pharmacy-shared-search { margin-top: 0; } /* line 976, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .cat-prod-filter-area > .left { width: 90%; } /* line 978, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .cat-prod-filter-area > .left .twitter-typeahead { width: 100%; } /* line 981, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .cat-prod-filter-area > .left .tt-dataset-Products { padding: 20px; } /* line 984, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .cat-prod-filter-area > .left .tt-suggestion:hover { background: #fff; } /* line 989, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .product-search-list { display: flex; flex-wrap: wrap; gap: 33px; margin-bottom: 33px; } /* line 994, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .product-search-list .cart_block_style { margin-bottom: 22px; } /* line 995, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .product-search-list .cart_block_style a { text-decoration: none; } /* line 1001, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .search-block { margin-top: 0; } /* line 1004, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .search-block .search-main .input-area a { text-decoration: none; } @media (min-width: 320px) { /* line 1007, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .search-block .search-main .input-area .twitter-typeahead .tt-menu { left: -47px !important; width: 330px; } } @media (min-width: 768px) { /* line 1007, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .cat-prod-search-wrap .search-block .search-main .input-area .twitter-typeahead .tt-menu { left: -42px !important; width: 571px; top: 29px !important; } } /* line 1019, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .filter-select span { font-weight: 400; font-size: 12px; line-height: 18px; color: #183155; } /* line 1025, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .filter-select select { border: 0px; background: unset; font-weight: 500; font-size: 14px; line-height: 21px; color: #1E4275; } /* line 1035, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down { left: 0; top: 100%; background: #fff; border-radius: 8px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E1E4E8; width: 100%; cursor: pointer; } /* line 1046, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul { list-style: none; padding: 0; margin: 0; } /* line 1050, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul li { display: flex; justify-content: space-between; align-items: center; } /* line 1055, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul li .left { width: 70%; display: flex; } /* line 1058, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul li .left figure { width: 80px; height: 80px; background: #EDF3FC; border-radius: 6px; display: flex; justify-content: center; align-items: center; margin-right: 14px; } /* line 1067, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul li .left figure img { width: 61px; height: 61px; } /* line 1072, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul li .left .name { display: block; font-weight: 500; font-size: 14px; line-height: 21px; text-transform: capitalize; color: #121314; } @media (min-width: 360px) { /* line 1072, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul li .left .name { font-size: 12px; line-height: 18px; } } @media (min-width: 768px) { /* line 1072, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul li .left .name { font-size: 14px; line-height: 21px; } } /* line 1088, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul li .left .desc { display: block; font-weight: 400; font-size: 12px; line-height: 18px; color: #4E5055; margin-bottom: 9px; } /* line 1096, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul li .left .qty { display: block; font-weight: 400; font-size: 12px; line-height: 18px; color: #4E5055; margin-bottom: 9px; } /* line 1104, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul li .left .price { display: block; font-weight: 500; font-size: 12px; line-height: 19px; text-transform: capitalize; color: #121314; margin-bottom: 8px; } /* line 1114, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul li .addtocard { display: block; margin-top: 7px; } /* line 1117, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-drop-down ul li .addtocard a, .pharmacy-drop-down ul li .addtocard button { padding: 3px 7px; border-radius: 5px; border: 1px solid #ddd; font-size: 12px; text-decoration: none; background: transparent; } /* line 1133, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy_pagination .pagination { margin-bottom: 0 !important; } @media (max-width: 575px) { /* line 1138, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .upload-area-wrapper .record-type .input-field { height: 65px !important; } } /* line 1144, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-cart-wrap { width: 100%; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #EDF1F5; } /* line 1150, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-card-block { display: flex; background: #EBFAF8; border-radius: 10px; } /* line 1155, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-card-block figure { padding: 10px 0px 0 4px; width: 185px; display: flex; align-items: flex-end; } /* line 1161, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-content { width: calc(100% - 185px); padding: 30px 30px 20px 24px; } /* line 1165, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-content h3 { font-weight: 600; font-size: 20px; line-height: 30px; color: #2F3135; margin: 0 0 4px 0; } /* line 1172, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-content h3 strong { font-weight: 600; color: #1E4275; } /* line 1176, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-content h3 span { display: block; } /* line 1179, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-content p { display: block; max-width: 70%; font-weight: 400; font-size: 14px; line-height: 21px; margin: 0 0 24px 0; color: #2F3135; } /* line 1188, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-content a { padding: 12px 16px; border: 1px solid #1E4275; border-radius: 6px; font-weight: 500; font-size: 16px; line-height: 24px; text-transform: capitalize; color: #1E4275; display: inline-block; } @media (max-width: 767px) { /* line 1200, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-card-block figure { padding: 8px 0px 0 0px; width: 138px; display: flex; align-items: flex-end; } /* line 1206, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-card-block figure img { max-width: 100%; } /* line 1209, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-content { width: calc(100% - 138px); padding: 24px 15px 20px 5px; } /* line 1213, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-content h3 { font-size: 16px; line-height: 24px; } /* line 1217, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-content h3 strong { font-size: 18px; line-height: 27px; } /* line 1221, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-content p { font-size: 12px; line-height: 18px; max-width: 100%; margin-bottom: 16px; } /* line 1227, app/assets/stylesheets/b2c_design/pharmacy_cat_content.scss */ .pharmacy-list-content a { padding: 6px 12px; font-weight: 500; font-size: 12px; line-height: 18px; } }