/* Version: Code Snippet "Incognito Asia Font Manager" 3.4.5 */ @font-face{ font-family:"Archivo";font-weight:300;font-style:italic;src:url("/wp-content/uploads/fonts/Archivo%20300%20italic.woff2") format("woff2");font-display:swap; } @font-face{ font-family:"Archivo";font-weight:300;font-style:normal;src:url("/wp-content/uploads/fonts/Archivo%20300.woff2") format("woff2");font-display:swap; } @font-face{ font-family:"Archivo";font-weight:400;font-style:italic;src:url("/wp-content/uploads/fonts/Archivo%20400%20italic.woff2") format("woff2");font-display:swap; } @font-face{ font-family:"Archivo";font-weight:400;font-style:normal;src:url("/wp-content/uploads/fonts/Archivo%20400.woff2") format("woff2");font-display:swap; } @font-face{ font-family:"Archivo";font-weight:700;font-style:italic;src:url("/wp-content/uploads/fonts/Archivo%20700%20italic.woff2") format("woff2");font-display:swap; } @font-face{ font-family:"Archivo";font-weight:700;font-style:normal;src:url("/wp-content/uploads/fonts/Archivo%20700.woff2") format("woff2");font-display:swap; } @font-face{ font-family:"Archivo Black";font-weight:400;font-style:normal;src:url("/wp-content/uploads/fonts/Archivo%20Black%20400.woff2") format("woff2");font-display:swap; } @font-face{ font-family:"Poppins";font-weight:300;font-style:italic;src:url("/wp-content/uploads/fonts/Poppins%20300%20italic.woff2") format("woff2");font-display:swap; } @font-face{ font-family:"Poppins";font-weight:300;font-style:normal;src:url("/wp-content/uploads/fonts/Poppins%20300.woff2") format("woff2");font-display:swap; } @font-face{ font-family:"Poppins";font-weight:400;font-style:italic;src:url("/wp-content/uploads/fonts/Poppins%20400%20italic.woff2") format("woff2");font-display:swap; } @font-face{ font-family:"Poppins";font-weight:400;font-style:normal;src:url("/wp-content/uploads/fonts/Poppins%20400.woff2") format("woff2");font-display:swap; } @font-face{ font-family:"Poppins";font-weight:700;font-style:italic;src:url("/wp-content/uploads/fonts/Poppins%20700%20italic.woff2") format("woff2");font-display:swap; } @font-face{ font-family:"Poppins";font-weight:700;font-style:normal;src:url("/wp-content/uploads/fonts/Poppins%20700.woff2") format("woff2");font-display:swap; } .has-archivo-font-family{font-family:"Archivo";} .has-archivo-black-font-family{font-family:"Archivo Black";} .has-poppins-font-family{font-family:"Poppins";} img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ /* Bootstrap */ .booknetic_appointment .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .booknetic_appointment .form-row > .col, .booknetic_appointment .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .booknetic_appointment .form-group { margin-bottom: 1rem; } .booknetic_appointment .col-md-1, .booknetic_appointment .col-md-2, .booknetic_appointment .col-md-3, .booknetic_appointment .col-md-4, .booknetic_appointment .col-md-5, .booknetic_appointment .col-md-6, .booknetic_appointment .col-md-7, .booknetic_appointment .col-md-8, .booknetic_appointment .col-md-9, .booknetic_appointment .col-md-10, .booknetic_appointment .col-md-11, .booknetic_appointment .col-md-12, .booknetic_appointment .col-md, .booknetic_appointment .col-md-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .booknetic_appointment .form-control { display: block !important; width: 100% !important; font-weight: 400 !important; line-height: 1.5 !important; background-color: #fff !important; background-clip: padding-box !important; border: 1px solid #E3EAF3 !important; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important; max-width: 100% !important; } .booknetic_appointment .form-control:not(input[type="tel"]){ padding: 0.375rem 0.75rem !important; } @media (prefers-reduced-motion: reduce) { .booknetic_appointment .form-control { transition: none; } } .booknetic_appointment .form-control::-ms-expand { background-color: transparent; border: 0; } .booknetic_appointment .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .booknetic_appointment .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .booknetic_appointment .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .booknetic_appointment .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .booknetic_appointment .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .booknetic_appointment .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .booknetic_appointment .form-control::placeholder { color: #B4BDC4; opacity: 1; } .booknetic_appointment .form-control:disabled, .form-control[readonly] { background-color: #e9ecef !important; opacity: 1 !important; } .booknetic_appointment select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .booknetic_appointment .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .booknetic_appointment select.form-control[size], .booknetic_appointment select.form-control[multiple] { height: auto; } .booknetic_appointment textarea.form-control { height: auto; } .booknetic_appointment label { display: inline-block; margin-bottom: .5rem; } @media (min-width: 768px) { .booknetic_appointment .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .booknetic_appointment .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .booknetic_appointment .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .booknetic_appointment .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .booknetic_appointment .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .booknetic_appointment .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .booknetic_appointment .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .booknetic_appointment .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .booknetic_appointment .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .booknetic_appointment .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .booknetic_appointment .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .booknetic_appointment .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .booknetic_appointment * { font-family: 'Poppins', sans-serif !important; box-sizing: border-box !important; align-content: unset; align-items: unset; align-self: unset; animation: unset; appearance: unset; backface-visibility: unset; background-blend-mode: unset; background: unset; binding: unset; block-size: unset; border-block-end: unset; border-block-start: unset; border-collapse: unset; border-inline-end: unset; border-inline-start: unset; border-radius: unset; border-spacing: unset; border: unset; bottom: unset; box-align: unset; box-decoration-break: unset; box-direction: unset; box-flex: unset; box-ordinal-group: unset; box-orient: unset; box-pack: unset; box-shadow: unset; caption-side: unset; clear: unset; clip-path: unset; clip-rule: unset; clip: unset; color-adjust: unset; color-interpolation-filters: unset; color-interpolation: unset; color: unset; column-fill: unset; column-gap: unset; column-rule: unset; columns: unset; content: unset; control-character-visibility: unset; counter-increment: unset; counter-reset: unset; cursor: unset; dominant-baseline: unset; empty-cells: unset; fill-opacity: unset; fill-rule: unset; fill: unset; filter: unset; flex-flow: unset; flex: unset; float-edge: unset; float: unset !important; flood-color: unset; flood-opacity: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-size-adjust: unset; font-size: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-weight: unset; force-broken-image-icon: unset; height: unset; hyphens: unset; image-orientation: unset; image-region: unset; image-rendering: unset; ime-mode: unset; inline-size: unset; isolation: unset; justify-content: unset; justify-items: unset; justify-self: unset; left: unset; letter-spacing: unset; lighting-color: unset; line-height: unset; list-style: unset; margin-block-end: unset; margin-block-start: unset; margin-inline-end: unset; margin-inline-start: unset; margin: unset; marker-offset: unset; marker: unset; mask-type: unset; mask: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; offset-block-end: unset; offset-block-start: unset; offset-inline-end: unset; offset-inline-start: unset; opacity: unset; order: unset; orient: unset; outline-offset: unset; outline-radius: unset; outline: unset; overflow: unset; padding-block-end: unset; padding-block-start: unset; padding-inline-end: unset; padding-inline-start: unset; padding: unset; page-break-after: unset; page-break-before: unset; page-break-inside: unset; paint-order: unset; perspective-origin: unset; perspective: unset; pointer-events: unset; position: unset; quotes: unset; resize: unset; right: unset; ruby-align: unset; ruby-position: unset; scroll-behavior: unset; scroll-snap-coordinate: unset; scroll-snap-destination: unset; scroll-snap-points-x: unset; scroll-snap-points-y: unset; scroll-snap-type: unset; shape-rendering: unset; stack-sizing: unset; stop-color: unset; stop-opacity: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; stroke: unset; tab-size: unset; table-layout: unset; text-align-last: unset; text-align: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-emphasis-position: unset; text-emphasis: unset; text-indent: unset; text-orientation: unset; text-overflow: unset; text-rendering: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; top: unset; transform-origin: unset; transform-style: unset; transform: unset; transition: unset; user-focus: unset; user-input: unset; user-modify: unset; user-select: unset; vector-effect: unset; vertical-align: unset; visibility: unset; white-space: normal; width: unset; will-change: unset; window-dragging: unset; word-break: unset; word-spacing: unset; word-wrap: unset; writing-mode: unset; z-index: unset; } .iti { --iti-path-flags-1x: url('/wp-content/plugins/booknetic/app/Frontend/assets/images/flags.webp'); --iti-path-flags-2x: url('/wp-content/plugins/booknetic/app/Frontend/assets/images/flags@2x.webp'); --iti-path-globe-1x: url('/wp-content/plugins/booknetic/app/Frontend/assets/images/globe.webp'); --iti-path-globe-2x: url('/wp-content/plugins/booknetic/app/Frontend/assets/images/globe@2x.webp'); } .iti__selected-country{ display: flex !important; align-items: center !important; } .iti__country{ font-size: 14px; } .iti__search-input{ font-size: 14px !important; padding: 5px 10px !important; } .iti__selected-dial-code{ font-size: 14px; color: #292D32; } .booknetic_appointment button{ display: block; } .booknetic_appointment > strong, .booknetic_appointment > em, .booknetic_appointment > s{ width: 100%; display: flex; } .rtl .booknetic_appointment_step_element { text-align: right; } .rtl { direction: rtl; } .rtl .booknetic_appointment_container_header { display: flex; align-items: center; } .rtl .booknetic_appointment_container_header_text { text-align: right; } .rtl .form-row > .booknetic_appointment .col, .rtl .form-row > [class*="col-"] { text-align: right; } .rtl .booknetic_service_category, .rtl .booknetic_location_category { text-align: right; } .booknetic_appointment .form-row label { color: #292D32; } .booknetic_appointment { position: relative; min-width: 980px; width: 980px; height: 600px; background-color: #F5F7FA; -webkit-box-shadow: 0 5px 40px 5px rgba(112,119,125,0.25); -moz-box-shadow: 0 5px 40px 5px rgba(112,119,125,0.25); box-shadow: 0 5px 40px 5px rgba(112,119,125,0.25); display: flex; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .booknetic_appointment_steps { width: 230px; height: 100%; background-color: #292D32; position: relative; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } @media only screen and (max-width: 768px) { .booknetic_appointment_steps.has-logo { height: 200px !important; } } .booknetic_company_logo { display: flex; align-items: center; justify-content: center; margin-top: 25px; margin-bottom: 10px; } .booknetic_company_logo > img { max-width: 100px; max-height: 100px; } .booknetic_appointment_steps_body { padding: 30px 30px 0 30px; overflow-y: auto; max-height: 525px; word-break: break-all; } .booknetic_appointment_steps_footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 75px; border-top: 1px solid #3D4145; text-align: left; color: #FFFFFF; font-size: 12px; font-weight: 500; padding: 15px 30px; display: none; } .booknetic_appointment_steps_footer_txt1 { color: #545D66; } .booknetic_appointment_step_element { color: #626C76; font-size: 14px; margin-bottom: 28px !important; line-height: 21px; cursor: default; display: none; text-align: left; position: static !important; } .booknetic_selected_step { color: #4FBF65; } .booknetic_active_step { color: #FFFFFF; } .booknetic_badge { display: inline-block; width: 24px; height: 24px; background: #4D545A; vertical-align: middle; margin-right: 7px; color: #FFF; text-align: center; font-weight: 600; font-size: 12px; line-height: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } .booknetic_selected_step > .booknetic_badge { position: relative; background: #4FBF65; } .booknetic_selected_step > .booknetic_badge:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #4FBF65; background-image: url('/wp-content/plugins/booknetic/app/Frontend/assets/icons/check-white.svg'); background-repeat: no-repeat; background-position: center; background-size: 10px 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .booknetic_active_step > .booknetic_badge { background: #6C70DC; } .booknetic_no_booknetic_modal { background: #fff; font-family: 'Poppins', sans-serif !important; box-shadow: 0 2px 12px rgba(0,0,0,0.2); } .booknetic_no_booknetic_modal .modal-header { background-color: #334d84; color: #fff; padding: 16px; } .booknetic_no_booknetic_modal .modal-header h3 { margin: 0; font-size: 18px; } .booknetic_no_booknetic_modal .modal-body { font-size: 18px; padding: 20px; } .booknetic_appointment_container { background: #f5f7fa; width: calc(100% - 230px); position: relative; height: 100%; overflow: hidden; } .booknetic_appointment_container_header { padding: 15px 30px; height: 60px; border-bottom: 1px solid #E4EBF3; width: 100%; color: #292D32; font-size: 18px; font-weight: 500; text-align: left; } .booknetic_appointment_container_body { position: relative; padding: 26px; overflow: auto; height: calc(100% - 135px); } .booknetic_appointment_container_footer { position: relative; left: 0; bottom: 0; width: 100%; height: 75px; background: #FFF; padding: 20px 30px; border-top: 1px solid #E4EBF4; display: flex; justify-content: space-between; } /* doit: some wordpress themes such as betheme will add it's own margin and content style to [.button-flat button] class thus added !important */ .booknetic_appointment_container_footer button:after { content: unset; } .booknetic_appointment_container_body>div { height: 100%; } .booknetic_warning_message { max-width: 430px; height: 36px; background-color: #f4be6b; color: #FFF; font-size: 12px; font-weight: 500; padding: 5px 10px; line-height: 25px; display: none; margin-bottom: 15px; z-index: 9; white-space: nowrap; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); } .booknetic_warning_message:before { content: ''; background: url(/wp-content/plugins/booknetic/app/Frontend/assets/icons/warning.svg); display: inline-block; width: 16px; height: 16px; background-size: 100%; background-repeat: no-repeat; vertical-align: middle; margin-right: 8px; } .booknetic_card { position: relative; float: left !important; margin-right: 13px; margin-bottom: 13px; width: 220px; background: #FFF; padding: 25px; cursor: pointer; display: flex; flex-direction: column; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } @media only screen and (min-width: 1001px) { /*add a more precise selector to this element*/ .booknetic_appointment_container .booknetic_card_container { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } .booknetic_appointment_container .booknetic_card_container .booknetic_card { flex-basis: calc(33.333% - 15px); } } .booknetic_card.booknetic_card_selected { padding: 23px; border: 2px solid #53D56C; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .booknetic_card:nth-child(3n) { margin-right: 0; } .rtl .booknetic_card { float: right !important; margin-right: 0; margin-left: 15px; } .rtl .booknetic_card:nth-child(3n) { margin-left: 0; } .booknetic_card:not(.booknetic_card_selected):after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 10px; background-image: url('/wp-content/plugins/booknetic/app/Frontend/assets/images/bottom_dashed.png'); } .booknetic_card_image { display: flex; flex-direction: column; justify-content: center; width: 80px; height: 80px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto; } .booknetic_card_image > img { min-height: 100%; min-width: 100%; object-fit: cover; } .booknetic_card_title { margin-top: 11px; text-align: center; color: #292D32; font-size: 14px; font-weight: 500; word-break: break-word; height: 80px; line-height: 18px; display: flex; flex-direction: column; justify-content: center; } .booknetic_card_title * { text-align: center; } .booknetic_card_description { color: #828F9A; font-size: 12px; text-align: center; font-weight: 400; padding-top: 5px; } .booknetic_preloader_card1 { position: relative; float: left !important; margin-right: 13px; margin-bottom: 13px; width: 220px; height: 210px; background: #FFF; padding: 25px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .booknetic_preloader_card1:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 10px; background-image: url('/wp-content/plugins/booknetic/app/Frontend/assets/images/bottom_dashed.png'); } .booknetic_preloader_card1_image { position: relative; display: flex; flex-direction: column; justify-content: center; width: 80px; height: 80px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto; flex-shrink: 0; } .booknetic_preloader_card1_image:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; } .booknetic_preloader_card1_description:before { content: ''; display: block; width: 100px; height: 8px; margin: 25px auto 0; } .booknetic_preloader_card1_description:after { content: ''; display: block; width: 150px; height: 8px; margin: 14px auto; } .booknetic_preloader_card1:nth-child(3n) { margin-right: 0; } .booknetic_preloader_card2 { position: relative; width: 100%; height: 80px; background-color: #FFFFFF; border-radius: 2px; margin-bottom: 10px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); } .booknetic_preloader_card2_image { position: relative; float: left !important; width: 50px; height: 50px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 15px 20px; } .booknetic_preloader_card2_image:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; } .booknetic_preloader_card2_description:before { content: ''; position: absolute; top: 25px; left: 90px; width: 250px; height: 8px; } .booknetic_preloader_card2_description:after { content: ''; position: absolute; top: 47px; left: 90px; width: 500px; height: 8px; } .booknetic_preloader_card3_box { background: #FFF; padding: 34px 20px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .booknetic_preloader_card3:before { content: ''; display: block; height: 8px; width: 50%; margin-bottom: 14px; } .booknetic_preloader_card3:after { content: ''; display: block; height: 8px; width: 85%; margin-bottom: 60px; } .booknetic_preloader_card1_image:after, .booknetic_preloader_card1_description:before, .booknetic_preloader_card1_description:after, .booknetic_preloader_card2_image:after, .booknetic_preloader_card2_description:before, .booknetic_preloader_card2_description:after, .booknetic_preloader_card3:before, .booknetic_preloader_card3:after { background: #EDF0F4; -webkit-animation: booknetic_preloader 2s infinite; -o-animation: booknetic_preloader 2s infinite; animation: booknetic_preloader 2s infinite; } .booknetic_preloader_card1:nth-child(2) .booknetic_preloader_card1_image:after, .booknetic_preloader_card1:nth-child(2) .booknetic_preloader_card1_description:before, .booknetic_preloader_card1:nth-child(2) .booknetic_preloader_card1_description:after, .booknetic_preloader_card2:nth-child(2) .booknetic_preloader_card2_image:after, .booknetic_preloader_card2:nth-child(2) .booknetic_preloader_card2_description:before, .booknetic_preloader_card2:nth-child(2) .booknetic_preloader_card2_description:after { -webkit-animation-delay: 0.33s; -moz-animation-delay: 0.33s; -o-animation-delay: 0.33s; animation-delay: 0.33s; } .booknetic_preloader_card1:nth-child(3) .booknetic_preloader_card1_image:after, .booknetic_preloader_card1:nth-child(3) .booknetic_preloader_card1_description:before, .booknetic_preloader_card1:nth-child(3) .booknetic_preloader_card1_description:after, .booknetic_preloader_card2:nth-child(3) .booknetic_preloader_card2_image:after, .booknetic_preloader_card2:nth-child(3) .booknetic_preloader_card2_description:before, .booknetic_preloader_card2:nth-child(3) .booknetic_preloader_card2_description:after { -webkit-animation-delay: 0.66s; -moz-animation-delay: 0.66s; -o-animation-delay: 0.66s; animation-delay: 0.66s; } .booknetic_preloader_card3:nth-child(2):before, .booknetic_preloader_card3:nth-child(2):after { -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s; } .booknetic_preloader_card3:nth-child(3):before, .booknetic_preloader_card3:nth-child(3):after { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .booknetic_preloader_card3:nth-child(4):before, .booknetic_preloader_card3:nth-child(4):after { -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; -o-animation-delay: 0.75s; animation-delay: 0.75s; } @-moz-keyframes booknetic_preloader { 0% { background: #EDF0F4; } 50% { background: #F5F7FA; } 100% { background: #EDF0F4; } } @-webkit-keyframes booknetic_preloader { 0% { background: #EDF0F4; } 50% { background: #F5F7FA; } 100% { background: #EDF0F4; } } @-o-keyframes booknetic_preloader { 0% { background: #EDF0F4; } 50% { background: #F5F7FA; } 100% { background: #EDF0F4; } } @keyframes booknetic_preloader { 0% { background: #EDF0F4; } 50% { background: #F5F7FA; } 100% { background: #EDF0F4; } } .booknetic_service_card { background-color: #FFFFFF; border-radius: 2px; margin-bottom: 10px; cursor: pointer; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); } .booknetic_service_card.booknetic_service_card_selected { border: 2px solid #53D56C; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .booknetic_service_card_image { flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; width: 50px; height: 50px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 15px 20px; } .booknetic_service_card.booknetic_service_card_selected .booknetic_service_card_image { margin-top: 13px; margin-left: 18px; } .booknetic_service_card_image > img { min-height: 100%; min-width: 100%; object-fit: cover; } .booknetic_service_card_title { display: flex; flex-direction: column; justify-content: center; height: 100%; text-align: left; line-height: 18px; flex-grow: 1; } .rtl .booknetic_service_card_title { text-align: right; } .booknetic_service_card_title > span:first-child { color: #292D32; font-size: 14px; font-weight: 500; word-break: break-word; } .booknetic_service_card_title > span:last-child { color: #828F9A; font-size: 12px; text-transform: uppercase; } .booknetic_service_card_header { display: flex; align-items: center; justify-content: space-between; } .booknetic_service_card_description { color: #828F9A; font-size: 12px; line-height: 19px; padding: 0 20px 20px; } .booknetic_service_card_price { float: right !important; height: 100%; display: flex; align-items: center; padding-right: 20px; padding-left: 20px; font-weight: 300; text-align: right; color: #4FBF65; font-size: 26px; } .booknetic_service_category, .booknetic_location_category { color: #6C70DC; font-size: 16px; font-weight: 500; margin-top: 30px; margin-bottom: 15px; text-align: left; flex-basis: 100%; } .bkntc_service_list > .booknetic_service_category:first-of-type, .booknetic_card_container > .booknetic_location_category:first-of-type { margin-top: 0; } .booknetic_view_more_service_notes_button, .booknetic_view_less_service_notes_button { font-weight: bold; transition: .2s; } .booknetic_view_more_service_notes_button:hover, .booknetic_view_less_service_notes_button:hover { color: #292D32; } .booknetic_service_card_description_fulltext { display: none; } .booknetic_view_less_service_notes_button { display: none; } /*accordion-start*/ .booknetic_card_container > .booknetic_category_accordion { flex-basis: 100%; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } .booknetic_category_accordion .booknetic_service_category, .booknetic_category_accordion .booknetic_service_extra_title, .booknetic_category_accordion .booknetic_location_category { display: flex; align-items: center; justify-content: space-between; } .booknetic_category_accordion .booknetic_service_category[data-parent="1"], .booknetic_category_accordion .booknetic_service_extra_title[data-parent="1"], .booknetic_category_accordion .booknetic_location_category[data-parent="1"] { cursor: pointer; } .booknetic_category_accordion .booknetic_service_category[data-parent="0"] span, .booknetic_category_accordion .booknetic_service_extra_title[data-parent="0"] span, .booknetic_category_accordion .booknetic_location_category[data-parent="0"] span { display: none; } .booknetic_category_accordion .booknetic_service_category span, .booknetic_category_accordion .booknetic_service_extra_title span, .booknetic_category_accordion .booknetic_location_category span { width: 20px; height: 20px; -webkit-mask-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz48cGF0aCBkPSJNMjk2LjIsOTkwbC03OS41LTc5LjlMNjI0LjMsNTAwTDIxNi43LDg5LjlMMjk2LjIsMTBsNDg3LjEsNDkwTDI5Ni4yLDk5MHoiLz48L2c+Cjwvc3ZnPg=='); -webkit-mask-repeat: no-repeat; background: #6C70DC; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; transition: all 250ms ease-in-out; } .booknetic_category_accordion.active .booknetic_service_category span, .booknetic_category_accordion.active .booknetic_service_extra_title span, .booknetic_category_accordion.active .booknetic_location_category span { transform: rotate(90deg); } .booknetic_category_accordion_hidden { display: none !important; } /*accordion-end*/ .booknetic_service_extra_card_title_quantity { display: flex; align-items: center; flex-grow: 1; justify-content: space-between; } .booknetic_service_extra_card { width: 100%; background-color: #FFFFFF; border-radius: 2px; margin-bottom: 10px; cursor: pointer; border: 2px solid #FFF; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); } .booknetic_service_extra_card_header { display: flex; } .booknetic_service_extra_card.booknetic_service_extra_card_selected { border: 2px solid #53D56C; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .booknetic_service_extra_card_image { display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; width: 50px; height: 50px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 15px 20px; } .booknetic_service_extra_card_image > img { min-height: 100%; min-width: 100%; object-fit: cover; } .booknetic_service_extra_card_title { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; line-height: 18px; margin-right: 24px; } .booknetic_service_extra_card_title > span:first-child { color: #292D32; font-size: 14px; font-weight: 500; word-break: break-word; } .booknetic_service_extra_card_title > span:last-child:not(:empty) { min-width: 35px; color: rgba(69, 44, 12, 0.74); background-color: rgba(255, 205, 79, 0.74); font-size: 12px; font-weight: 400; line-height: 1; text-align: center; vertical-align: middle; padding: 5px 8px; border-radius: 12px; margin-top: 4px; } .booknetic_service_extra_card_price { display: flex; align-items: center; padding-right: 15px; font-weight: 300; text-align: right; color: #828F9A; font-size: 26px; line-height: 26px; margin-left: 24px; } .booknetic_service_extra_card_selected .booknetic_service_extra_card_price { color: #4FBF65; } .booknetic_service_extra_title { color: #6C70DC; font-size: 16px; font-weight: 500; margin-bottom: 15px; } .booknetic_service_extra_quantity { display: flex; justify-content: center; align-items: center; } .booknetic_service_extra_quantity_inc, .booknetic_service_extra_quantity_dec { width: 34px !important; height: 34px !important; background-color: #F7F8FB; border: 1px solid #E3EAF3; border-radius: 2px; text-align: center; color: #ADBFC7; line-height: 36px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .booknetic_service_extra_quantity_inc { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .booknetic_service_extra_quantity_dec { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .booknetic_service_extra_quantity_input { width: 52px !important; height: 34px !important; border: 1px solid #E3EAF3 !important; border-left: 0 !important; border-right: 0 !important; outline: none !important; text-align: center !important; font-size: 14px !important; color: #292D32 !important; background: #FFF !important; margin: 0 !important; border-radius: 0 !important; padding: 0 !important; } .booknetic_service_extra_quantity_input:disabled { border: 1px solid #E3EAF3 !important; } .booknetic_empty_box { width: 100%; height: 100%; background: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); } .booknetic_empty_box > span { display: block; font-size: 16px; color: #828F9A; line-height: 25px; text-align: center; margin: 30px; max-width: 370px; } .booknetic_calendar_head { display: flex; justify-content: center; align-items: center; } .booknetic_calendar_head > div { padding: 0 10px 10px 10px; } .booknetic_calendar_head > .booknetic_month_name { color: #000000; font-size: 14px; } .booknetic_next_month, .booknetic_prev_month { font-size: 16px; color: #111; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .booknetic_date_time_area { width: 100%; display: flex; justify-content: space-between; } .booknetic_date_time_area.booknetic_date_based_reservation { justify-content: center; } .booknetic_calendar_div { width: 370px; height: auto; } .booknetic_date_time_area.booknetic_date_based_reservation .booknetic_time_div { display: none; } #booknetic_calendar_area { border-radius: 2px; background-color: #FFFFFF; box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); } .booknetic_calendar { margin: 0; } .booknetic_week_names > .booknetic_td { color: #C8C9CC; font-size: 13px; letter-spacing: 0.2px; text-align: center; padding: 20px 5px 9px !important; border-bottom: 1px solid #E4EBF4; } .booknetic_calendar > .booknetic_calendar_rows > .booknetic_td { width: calc((100% - 20px) / 7); } .booknetic_calendar_rows > .booknetic_td:first-child { padding-left: 15px !important; width: calc((100% - 20px) / 7 + 10px); } .booknetic_calendar_rows > .booknetic_td:last-child { padding-right: 15px !important; width: calc((100% - 20px) / 7 + 10px); } .booknetic_calendar > div:nth-child(2) > .booknetic_td { padding-top: 10px !important; } .booknetic_calendar > .booknetic_calendar_rows:last-child > .booknetic_td { padding-bottom: 10px !important; } .booknetic_calendar > .booknetic_calendar_rows { display: flex; } .booknetic_calendar_days { padding: 5px !important; } .booknetic_calendar_days > div { position: relative; cursor: pointer; background-color: #ECEFF2; width: 100%; height: 40px; color: #111111; font-size: 15px; text-align: center; line-height: 40px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .booknetic_calendar_days.booknetic_calendar_selected_day > div { background-color: #6C70DC; color: #FFF; } .booknetic_calendar_days.booknetic_calendar_empty_day > div { cursor: default; color: rgba(17,17,17,0.3); } .booknetic_calendar_days > div > span { position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 4px; } .booknetic_calendar_days > div > span > i { width: 5.8%; height: 100%; float: left !important; display: block; } .booknetic_calendar_days > div > span > i[a] { background: #4fbf65; } .booknetic_calendar_days > div > span > i[b] { background: #ECEFF2; } .booknetic_times { width: 305px; height: 312px; border-radius: 2px; background-color: #FFFFFF; box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); padding-top: 0; padding-bottom: 10px; } .booknetic_times_head { padding: 2px 10px 12px 10px; color: #000000; font-size: 14px; text-align: center; } .booknetic_times_title { color: #6C70DC; font-size: 14px; text-align: center; padding: 15px 0 13px; border-bottom: 1px solid #E3EAF3; } .booknetic_times_list { overflow-y: scroll; height: calc(100% - 50px); padding: 5px 10px; -webkit-overflow-scrolling: auto; } .booknetic_times_list::-webkit-scrollbar { width: 5px; } .booknetic_times_list::-webkit-scrollbar-thumb, .booknetic_times_list::-webkit-scrollbar-thumb:window-inactive { background: #ddd; } .booknetic_times_list > div { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #ECEFF2; position: relative; width: calc(33% - 10px); height: 55px; color: #111111; font-size: 14px; float: left !important; margin: 5px; text-align: center; cursor: pointer; line-height: 1.8; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .booknetic_times_list * { text-align: center; } .booknetic_times_list > div.booknetic_selected_time { background: #4fbf65; color: #FFF; } .booknetic_time_group_num { position: absolute; right: -5px; top: -5px; min-width: 18px; height: 18px; background: #4FBF65; color: #FFF; text-align: center; font-size: 11px; font-weight: 600; line-height: 18px; padding: 0 5px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .booknetic_times_list > div.booknetic_selected_time .booknetic_time_group_num { background: #FFF; color: #4FBF65; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.35); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.35); box-shadow: 0 0 30px 0 rgba(0,0,0,0.35); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .booknetic_date_group_num { white-space: nowrap; font-size: 10px !important; top: -8px !important; } .booknetic_btn_primary { height: 36px; font-weight: 600 !important; font-size: 12px !important; line-height: 18px !important; padding: 5px 15px !important; outline: none !important; cursor: pointer; text-decoration: none !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; background-color: #6C70DC !important; color: #FFF !important; border: 0 none !important; background-image: none !important; box-shadow: none !important; text-transform: uppercase !important; letter-spacing: initial !important; font-style: normal !important; } .booknetic_btn_secondary { height: 36px; font-weight: 600 !important; font-size: 12px !important; line-height: 18px !important; padding: 5px 15px !important; outline: none !important; cursor: pointer; text-decoration: none !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; background-color: #F7F8FB !important; color: #8F9CA7 !important; border: 1px solid #E3EAF3 !important; background-image: none !important; box-shadow: none !important; text-transform: uppercase !important; letter-spacing: initial !important; font-style: normal !important; } .booknetic_btn_success { height: 36px; font-weight: 600 !important; font-size: 12px !important; line-height: 18px !important; padding: 5px 15px !important; outline: none !important; cursor: pointer; text-decoration: none !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; background-color: #4FBF65 !important; color: #FFF !important; border: 0 none !important; box-shadow: none !important; text-transform: uppercase !important; letter-spacing: initial !important; font-style: normal !important; } .booknetic_btn_cancel { height: 36px; font-weight: 600 !important; font-size: 12px !important; line-height: 18px !important; padding: 5px 15px !important; outline: none !important; cursor: pointer; text-decoration: none !important; margin-left: 8px; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; background-color: #EA4335 !important; color: #FFF !important; border: 0 !important; box-shadow: none !important; text-transform: uppercase !important; letter-spacing: initial !important; font-style: normal !important; } .booknetic_btn_warning { height: 36px; font-weight: 600 !important; font-size: 12px !important; line-height: 18px !important; padding: 5px 15px !important; outline: none !important; cursor: pointer; text-decoration: none !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: rgb(255, 193, 7) !important; color: #FFF !important; border: 0 none !important; box-shadow: none !important; text-transform: uppercase !important; letter-spacing: initial !important; font-style: normal !important; } .booknetic_social_login_facebook, .booknetic_social_login_google { cursor: pointer; text-decoration: none !important; } .booknetic-login-buttons-container { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; } @media (max-width: 768px) { .booknetic-login-buttons-container { flex-direction: column; } .booknetic-login-buttons-container .gsi-material-button { width: 100%; max-width: 100%; } } .gsi-material-button { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-appearance: none; background-color: #f2f2f2; background-image: none; border: none; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #1f1f1f; cursor: pointer; font-family: 'Roboto', arial, sans-serif; font-size: 14px; height: 40px; letter-spacing: 0.25px; outline: none; overflow: hidden; padding: 0 12px; position: relative; text-align: center; -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s; transition: background-color .218s, border-color .218s, box-shadow .218s; vertical-align: middle; white-space: nowrap; width: auto; max-width: 400px; min-width: min-content; } .gsi-material-button .gsi-material-button-icon { height: 20px; margin-right: 10px; min-width: 20px; width: 20px; } .gsi-material-button .gsi-material-button-icon img { height: 100%; width: 100%; } .gsi-material-button .gsi-material-button-content-wrapper { -webkit-align-items: center; align-items: center; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; height: 100%; justify-content: space-between; position: relative; width: 100%; } .gsi-material-button .gsi-material-button-contents { -webkit-flex-grow: 1; flex-grow: 1; font-family: 'Roboto', arial, sans-serif; font-weight: 500; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .gsi-material-button .gsi-material-button-state { -webkit-transition: opacity .218s; transition: opacity .218s; bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; } .gsi-material-button:disabled { cursor: default; background-color: #ffffff61; } .gsi-material-button:disabled .gsi-material-button-state { background-color: #1f1f1f1f; } .gsi-material-button:disabled .gsi-material-button-contents { opacity: 38%; } .gsi-material-button:disabled .gsi-material-button-icon { opacity: 38%; } .gsi-material-button:not(:disabled):active .gsi-material-button-state, .gsi-material-button:not(:disabled):focus .gsi-material-button-state { background-color: #001d35; opacity: 12%; } .gsi-material-button:not(:disabled):hover { -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15); box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15); } .gsi-material-button:not(:disabled):hover .gsi-material-button-state { background-color: #001d35; opacity: 8%; } .gsi-material-button--facebook { background-color: #1877F2; color: #fff; } .gsi-material-button--facebook .gsi-material-button-contents { color: #fff; } .gsi-material-button--facebook:not(:disabled):hover { background-color: #166fe5; } .gsi-material-button--facebook:not(:disabled):active .gsi-material-button-state, .gsi-material-button--facebook:not(:disabled):focus .gsi-material-button-state { background-color: #fff; } .gsi-material-button--facebook:not(:disabled):hover .gsi-material-button-state { background-color: #fff; } .booknetic_text_primary { color: #6C70DC !important; } .booknetic_text_secondary { color: #8F9CA7 !important; } .booknetic_float_left { float: left !important; } .booknetic_float_right { float: right !important; } .booknetic_clearfix:after { display: table; content: ''; clear: both; } .booknetic_appointment .bkntc_input_identifier_clear { position: absolute; bottom: 10px; right: 15px; cursor: pointer; padding: 2px; } .booknetic_appointment .bkntc_input_identifier_loading { position: absolute; bottom: 10px; right: 15px; padding: 2px; width: 25px; height: 25px; filter: invert(20%) sepia(29%) saturate(876%) hue-rotate(184deg) brightness(92%) contrast(89%); } .booknetic_appointment .form-control ~ .select2 { width: 100% !important; } .booknetic_appointment .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-color: #adbfc7 transparent transparent transparent; } .booknetic_appointment .select2-container--bootstrap .select2-selection__clear { color: #adbfc7; } .booknetic_appointment .select2-container--bootstrap .select2-selection__clear:hover { color: #748086 !important; } .booknetic_appointment .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #292D32; font-size: 14px !important; padding: 6px 0; } .select2-search__field { outline: none !important; } .select2-container { font-family: 'Poppins', sans-serif !important; } .booknetic_appointment .form-control:focus { box-shadow: none !important; border-color: #d3dae2 !important; } .booknetic_appointment .form-control { -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; border-color: #E3EAF3; height: 46px; font-size: 14px; color: #292D32; outline: none !important; } .booknetic_appointment .form-control-plaintext { font-size: 14px !important; color: #292D32 !important; padding-top: 12px !important; } .booknetic_appointment .form-control-lg { height: 62px !important; } .booknetic_appointment .form-group > label { font-size: 14px; text-align: left; } .booknetic_appointment .form-control[type="file"] { display: none !important; } .booknetic_appointment .form-control[type="file"] ~ .form-control { line-height: 28px; color: #828F9A; font-size: 14px; position: relative; cursor: pointer; text-overflow: ellipsis; overflow: hidden; padding-top: 12px !important; padding-right: 90px !important; white-space: nowrap; } .booknetic_appointment .form-control[type="file"] ~ .form-control:after { content: attr(data-label); position: absolute; width: 70px; height: 26px; color: #FFF; background: #ADBFC7; font-size: 12px; font-weight: 600; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: flex; justify-content: center; align-items: center; right: 10px; top: 9px; } .booknetic_appointment textarea.form-control { height: 120px; } .booknetic_appointment .required-star { color: #ff6a4f; } .booknetic_appointment .form-row > .booknetic_appointment .col, .form-row > [class*="col-"] { padding-right: 10px; padding-left: 10px; text-align: left; } .booknetic_appointment input[type="checkbox"] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; width: 18px !important; height: 18px !important; background: #FFF !important; border: 1px solid #cfd8dc !important; outline: none !important; display: inline-block !important; flex-shrink: 0 !important; } .booknetic_appointment input[type="checkbox"][disabled] { background: #e3eaf3 !important; cursor: not-allowed !important; } .booknetic_appointment input[type="checkbox"]:checked { background: #53D56C !important; border-color: #53D56C !important; } .booknetic_appointment input[type="checkbox"]:checked:before { display: none !important; } .booknetic_appointment input[type="checkbox"]:checked:after { all: unset; content: ""; background: url(/wp-content/plugins/booknetic/app/Frontend/assets/icons/check-white.svg) !important; width: 10px !important; background-size: 100% 100% !important; background-repeat: no-repeat; display: block !important; height: 10px !important; margin: 3px !important; } .booknetic_appointment input[type="radio"]:checked:focus { outline: none !important; } .booknetic_appointment input[type="radio"]:checked:after { all: unset !important; } .booknetic_appointment input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: #FFF !important; border: 1px solid #cfd8dc !important; outline: none !important; flex-shrink: 0 !important; padding: inherit !important; } .booknetic_appointment input[type="radio"]:checked { border: 6px solid #53d56c !important; } .booknetic_appointment input[type="radio"] ~ label, .booknetic_appointment input[type="checkbox"] ~ label { padding-left: 8px; vertical-align: middle; font-size: 14px; height: auto; color: #828F9A; cursor: pointer; } #booknetic_bring_someone_checkbox ~ label { line-height: 8px; padding-left: 0; } .booknetic_appointment input[type="radio"]:checked ~ label, .booknetic_appointment input[type="checkbox"]:checked ~ label { color: #292D32; } .booknetic_appointment [data-required="true"]:after { content: '*'; color: #fb3e6e; padding-left: 5px; } .booknetic_appointment .booknetic_input_error { border-color: #fb3e76 !important; } .booknetic_appointment input[type="checkbox"].booknetic_input_error, .booknetic_appointment input[type="radio"].booknetic_input_error{ border: 1px solid #fb3e76 !important; } .booknetic_portlet { /*padding: 13px 20px;*/ background-color: #FFFFFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); } .booknetic_portlet_cols { flex-direction: column; display: flex; justify-content: space-between; } .booknetic_confirm_date_time { padding: 13px 20px; font-size: 14px; font-weight: 500; margin-bottom: 15px; } .booknetic_confirm_date_time > div { display: inline-block; width: calc(50% - 2px); vertical-align: top; } .booknetic_confirm_details { position: relative; font-size: 14px; font-weight: 500; } .booknetic_confirm_details:before { content: ''; position: absolute; top: 10px; left: 0; width: 100%; border: 1px dashed #DBEBF2; } .booknetic_confirm_details:after { content: ''; display: table; clear: both; } .booknetic_confirm_details > .booknetic_confirm_details_title { float: left !important; background: #FFF; padding-right: 15px; position: relative; color: #55585c; font-weight: 500; max-width: 80%; word-break: break-all; } .booknetic_confirm_details > .booknetic_confirm_details_price { float: right !important; background: #FFF; padding-left: 15px; color: #5ac36e; font-weight: 500; position: absolute; right: 0; top: 0; } [data-price-id="discount"] > .booknetic_confirm_details_title, [data-price-id="discount"] > .booknetic_confirm_details_price, .booknetic_gift_discount > .booknetic_confirm_details_title, .booknetic_gift_discount > .booknetic_gift_discount_price, .booknetic_gift_discount_price { color: #E09B22 !important; } .booknetic_gift_discount { display: none; } .booknetic_confirm_container { display: flex; flex-direction: column; height: 100%; } .booknetic_confirm_step_body { display: flex; justify-content: space-between; flex-grow: 1; } .booknetic_confirm_sum_body { width: 370px; } .booknetic_confirm_sum_body_full_width { width: 100%; } .booknetic_confirm_deposit_body { width: 305px; } .booknetic_confirm_deposit_body_full_width { width: 100%; } .booknetic_confirm_step_body .booknetic_portlet { position: relative; height: 100%; } .booknetic_confirm_step_body .booknetic_portlet_content { flex-grow: 1; padding: 13px 28px 13px 20px; height: 180px; overflow: auto; /*padding-right: 8px;*/ margin-right: -8px; } .booknetic_deposit_price { background-color: #F8D7DF; color: #EE4B75; font-size: 14px; font-weight: 500; line-height: 27px; display: flex; justify-content: space-between; align-items: center; padding: 12px; } .booknetic_deposit_price > div:last-child { font-size: 16px; margin-left: 10px; } .booknetic_confirm_sum_price { position: relative; bottom: 0; left: 0; width: 100%; background-color: #DDF7E2; color: #4FBF65; font-size: 14px; font-weight: 500; line-height: 27px; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 46px; } .booknetic_confirm_sum_price > div:last-child { font-size: 18px; } .booknetic_select_method_txt { font-size: 14px; color: #292D32; margin-bottom: 15px; } .booknetic_panel_footer { position: relative; left: 0; margin: 10px; display: flex; } .booknetic_add_coupon { flex-grow: 1; background-color: #FFFFFF; display: flex; justify-content: space-between; align-items: center; padding: 8px; border: 1px solid #E3EAF3; margin: 0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .booknetic_add_coupon input, .booknetic_add_giftcard input { text-align: left; width: 70%; border: 0 !important; color: #828F9A; font-size: 14px; padding: 0 12px !important; outline: 0 !important; height: 30px; } .booknetic_add_coupon button, .booknetic_add_giftcard button { height: 30px; width: 54px; text-align: center; padding-left: 0 !important; padding-right: 0 !important; position: relative; } .booknetic_add_coupon.booknetic_coupon_ok:after, .booknetic_add_giftcard.booknetic_giftcard_ok:after { content: ''; position: absolute; width: 16px; height: 16px; top: 0; bottom: 0; margin: auto; right: 145px; background: url('/wp-content/plugins/booknetic/app/Frontend/assets/icons/success.svg'); background-repeat: no-repeat; background-size: 100%; } .booknetic_add_giftcard { position: relative; background-color: #FFFFFF; display: none; justify-content: space-between; align-items: center; padding: 8px; border: 1px solid #E3EAF3; margin-bottom: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 8px; } .booknetic_payment_methods { display: flex; flex-wrap: wrap; margin-right: -15px; overflow: auto; padding: 16px; align-content: flex-start; flex-grow: 1; } .rtl .booknetic_payment_methods { margin-right: 0; margin-left: -15px; } .booknetic_payment_methods_container { display: flex; flex-direction: column; padding: 0; } .booknetic_payment_methods_footer { background-color: #F8D7DF; font-size: 14px; font-weight: 500; justify-content: space-between; align-items: center; } .booknetic_confirm_deposit_body_full_width .booknetic_payment_methods { justify-content: space-around; } .booknetic_payment_method { width: 127px; height: 80px; cursor: pointer; background: #FFF; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 14px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 6px 12px rgba(151, 151, 151, 0.12); -moz-box-shadow: 0 6px 12px rgba(151, 151, 151, 0.12); box-shadow: 0 6px 12px rgba(151, 151, 151, 0.12); } .booknetic_payment_method > img { margin-bottom: 5px; max-height: 40px; } .booknetic_payment_method > span { text-align: center; } .booknetic_payment_method:nth-child(2n) { margin-right: 0; } .booknetic_payment_method.booknetic_payment_method_selected { border: 2px solid #53D56C; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .booknetic_deposit_radios { display: flex; color: #828F9A; margin: 0 12px 12px; } .booknetic_deposit_radios > div:not(:last-child) { margin-right: 15px; } .booknetic_hr { border-top: 1px solid #E3EAF3; height: 1px; } .booknetic_appointment_finished { background: #FFF; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; display: none; padding: 30px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); } .booknetic_appointment_finished_icon { text-align: center; } .booknetic_appointment_finished_title { color: #4FBF65; font-size: 24px; font-weight: 500; margin-top: 15px; margin-bottom: 15px; } .booknetic_appointment_finished_subtitle { color: #828F9A; font-size: 16px; margin-top: 5px; margin-bottom: 20px; } .booknetic_appointment_finished_code { font-size: 44px; color: #292D32; font-weight: 300; letter-spacing: 10px; margin-bottom: 35px; } .booknetic_appointment_finished_actions > button, .booknetic_appointment_finished_actions > a { margin-right: 5px; margin-left: 5px; height: 46px; min-width: 130px; display: flex; align-items: center; justify-content: center; } .booknetic_appointment_finished_actions > button > img, .booknetic_appointment_finished_actions > a > img { padding-right: 10px; margin-top: -2px; } .rtl .booknetic_appointment_finished_actions > button > img, .rtl .booknetic_appointment_finished_actions > a > img { padding-right: 0; padding-left: 10px; } .booknetic_appointment_finished_actions { text-align: center; margin-top: 15px; display: flex; } .booknetic_appointment_finished_with_error { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; background-color: #FFFFFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); } .booknetic_appointment_finished_with_error > div { max-width: 350px; text-align: center; color: #828F9A; font-size: 16px; line-height: 25px; margin-top: 30px; } .booknetic_loading_layout { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 255, 255, 255, 0.2 ); z-index: 999999999999999 !important; } @-moz-keyframes booknetic_slide { 0% { transform: scale(1); } 50% { opacity: 0.3; transform: scale(2); } 100% { transform: scale(1); } } @-webkit-keyframes booknetic_slide { 0% { transform: scale(1); } 50% { opacity: 0.3; transform: scale(2); } 100% { transform: scale(1); } } @-o-keyframes booknetic_slide { 0% { transform: scale(1); } 50% { opacity: 0.3; transform: scale(2); } 100% { transform: scale(1); } } @keyframes booknetic_slide { 0% { transform: scale(1); } 50% { opacity: 0.3; transform: scale(2); } 100% { transform: scale(1); } } .booknetic_dashed_border { background: linear-gradient(to right, #c0d6df 50%, transparent 0%), linear-gradient(#c0d6df 50%, transparent 0%), linear-gradient(to right, #c0d6df 50%, transparent 0%), linear-gradient(#c0d6df 50%, transparent 0%); background-position: top, right, bottom, left; background-repeat: repeat-x, repeat-y; background-size: 8px 1px, 1px 8px; } .booknetic_inner_addon { position: relative; } .booknetic_inner_addon img, .booknetic_inner_addon i { position: absolute; padding: 14px; pointer-events: none; color: #dae2e6; z-index: 1; } .booknetic_inner_addon > .select2 .select2-selection { padding-left: 40px !important;} .booknetic_left_addon img:first-child, .booknetic_left_addon i:first-child { left: 0px;} .booknetic_right_addon img:last-child, .booknetic_right_addon i:last-child { right: 0px; top: 0; } .booknetic_left_addon input { padding-left: 40px !important; } .booknetic_right_addon input { padding-right: 40px !important; } .booknetic_table_gray { width: 100%; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); background: #FFF; } .booknetic_table_gray thead th { background-color: #adbfc7; color: #FFF; padding: 10px 0px 10px 30px; font-size: 12px; font-weight: 600; border: 0; height: 40px; } .booknetic_table_gray thead th:not(:last-child) { border-right: 1px solid #9dafb7; } .booknetic_table_gray tbody tr td:not(:last-child) { border-right: 1px solid #e3eaf3; } .booknetic_table_gray tbody tr:not(:last-child) td { border-bottom: 1px solid #e3eaf3; } .booknetic_table_gray tbody td { padding: 15px 0px 15px 30px; font-size: 14px; border: 0; vertical-align: middle; } .booknetic_recurring_table > thead > tr > th:nth-child(1) { width: 75px; } .booknetic_recurring_table > thead > tr > th:nth-child(2) { width: 140px; } .booknetic_time_span { display: block; float: left !important; padding-top: 5px; } .booknetic_data_has_error { padding: 7px 11px; float: left !important; } .booknetic_recurring_date_container{ display: flex; justify-content: space-between; align-items:center; } .booknetic_recurring_info_edit_date{ display: none; } .booknetic_appointment .booknetic_hidden, .booknetic_appointment .booknetic_menu_hidden { display: none; } .booknetic_appointment .bkntc-information-step-info-container{ border-radius: 2px; padding: 12px 16px; background: #D3E2FF; font-size: 12px; font-style: normal; font-weight: 600; line-height: 18px; margin: 1px; } .booknetic_appointment .bkntc-information-step-info-container .form-group { margin-bottom: 0; } .booknetic_appointment .bkntc-information-step-info-container label{ color: #5685FF; font-size: 16px; font-weight: 600; line-height: 24px; display: flex; align-items: center; gap: 4px; } .booknetic_recurring_div { width: 100%; display: flex; flex-direction: column; } .booknetic_recurring_div_title { color: #6C70DC; font-size: 14px; font-weight: 500; margin-bottom: 15px; } .booknetic_recurring_div_c { background-color: #FFF; margin-bottom: 30px; } .booknetic_recurring_div_padding { padding: 10px 20px; } #booknetic_recurring_start, #booknetic_recurring_end { text-align: right; /* doit ? niye? */ } #booknetic_daily_recurring_frequency{ text-align: right; padding-right: 55px !important; } .booknetic_day_of_week_box { float: left !important; padding-top: 20px; padding-bottom: 9px; font-size: 14px; margin-left: 20px; margin-right: 15px; } .booknetic_times_days_of_week_area .form-group { margin-bottom: 5px !important; } .booknetic_copy_time_to_all { padding-top: 13px; color: #adbfc7; cursor: pointer; padding-left: 10px; } .booknetic_times_days_of_week_area { display: none; padding: 20px; padding-bottom: 5px; border-top: 1px solid #e3eaf3; } .booknetic_times_days_of_week_area > div { margin-bottom: 10px; } .booknetic_copy_time_to_all { padding: 5px 20px; } .booknetic_date_edit_btn { float: right !important; margin-right: 25px; width: 70px; } .booknetic_days_txt { font-size: 12px; font-weight: 600; font-style: normal; color: #ADBFC7; } .datepicker { padding-bottom: 8px !important; } .datepicker td, .datepicker th { width: 40px !important; height: 40px !important; color: #111; font-size: 14px; position: relative; padding-top: 14px; } .datepicker .day:hover, .datepicker .active { background: transparent !important; color: #FFF !important; } .datepicker .day::before { position: absolute; content: ''; background: #ECEFF2; left: 0; top: 0; width: calc(100% - 10px); height: calc(100% - 10px); margin: 10px 5px 0px 5px; z-index: -1; } .datepicker .day:hover:before, .datepicker .day.active:before { background: #6C70DC; } .datepicker .dow { border-bottom: 1px solid #e4ebf4 !important; color: #C8C9CC; font-size: 13px; } .datepicker .datepicker-switch , .datepicker .prev, .datepicker .next { color: #111; font-size: 14px; } @media only screen and (max-width: 1000px) { .booknetic_appointment > strong, .booknetic_appointment > em, .booknetic_appointment > s{ width: initial; display: block; } .booknetic_service_extra_card_title_quantity { flex-direction: column; align-items: flex-start; } .booknetic_service_extra_card { width: 100%; padding: 12px 0; } .booknetic_appointment { /*width: 360px;*/ min-width: 360px !important; width: 100% !important; height: auto !important; flex-direction: column; } .booknetic_appointment_steps { width: 100%; } .booknetic_appointment_steps_body { padding: 19px 20px; } .rtl .booknetic_appointment_steps_body { display: flex; } .booknetic_appointment_step_element { float: left !important; margin-right: 10px; } .booknetic_step_title { display: none; } .booknetic_appointment_steps_footer { display: none !important; } .booknetic_appointment_container { width: 100%; } .booknetic_appointment_container_body { display: flex; flex-direction: column; padding: 20px; padding-bottom: 75px; min-height: 500px; } .booknetic_appointment_container_header { padding: 19px 20px; } .booknetic_card { float: none !important; width: 100%; height: 130px; padding: 20px; padding-top: 10px; display: flex; flex-direction: row; align-items: center; flex-basis: unset; } .booknetic_card.booknetic_card_selected { padding: 18px; padding-top: 8px; } .booknetic_card_image { margin: 0; } .booknetic_card_title { margin-left: 20px; text-align: left; margin-top: 0; width: calc(100% - 100px); } .booknetic_card_title * { text-align: left; } .booknetic_card_description { text-align: left; } .booknetic_preloader_card1 { float: none !important; width: 100%; display: flex; height: 130px; padding: 20px; padding-top: 10px; align-items: center; } .booknetic_preloader_card1_image { margin: 0; } .booknetic_preloader_card1_description { margin: 20px; } .booknetic_preloader_card1_description:before { margin-left: 0; } .booknetic_service_card_image { margin: 15px; } .booknetic_service_card.booknetic_service_card_selected .booknetic_service_card_image { margin: 13px 15px 13px 13px; } .booknetic_service_card_title { padding: 10px; overflow: hidden; min-width: 0; } .booknetic_service_card_title > span:first-child { font-size: 12px; } .booknetic_service_card { flex-wrap: wrap; } .booknetic_service_card_description { order: 5; padding: 0 16px 12px; width: 100%; max-width: unset; } .booknetic_service_card_price { padding-right: 15px; font-size: 16px; max-width: 130px; width: calc(100% - 200px); white-space: nowrap; justify-content: flex-end; } .booknetic_service_card.booknetic_service_card_selected .booknetic_service_card_price { padding-right: 13px; } /*.booknetic_service_extra_card.booknetic_extra_on_off_mode{*/ /* height: 100px;*/ /*}*/ .booknetic_service_extra_card_image { margin: 12px; } .booknetic_service_extra_card_title { margin-right: 0; } .booknetic_service_extra_card_title > span:first-child { font-size: 12px; } .booknetic_service_extra_card_price { font-size: 16px; line-height: 18px; padding-right: 12px; margin-left: 12px; } .booknetic_service_extra_quantity_inc, .booknetic_service_extra_quantity_dec { width: 30px !important; height: 30px !important; font-size: 12px !important; } .booknetic_service_extra_quantity_input { width: 40px !important; height: 30px !important; font-size: 12px !important; } .booknetic_date_time_area { flex-direction: column; align-items: center; padding-bottom: 10px; } .booknetic_calendar_div { width: 100%; max-width: 350px; } .booknetic_calendar_days { padding: 1px; } .booknetic_calendar_days > div { height: 36px; font-size: 13px; line-height: 36px; } .booknetic_calendar_rows > td:first-child { padding-left: 5px; } .booknetic_calendar_rows > td:last-child { padding-right: 5px; } .booknetic_calendar td { width: 14.28%; margin: auto; font-size: 12px; } .booknetic_time_div { width: 350px; } .booknetic_times { width: 100%; max-width: 350px; } .booknetic_confirm_step_body { flex-direction: column; } .booknetic_confirm_step_body > div { width: 100%; margin-bottom: 15px; } .booknetic_payment_method { width: 120px; } .booknetic_confirm_sum_price { margin-top: 10px; } .booknetic_payment_method { margin-bottom: 7px; } .booknetic_confirm_deposit_body { height: auto; } .booknetic_appointment_finished_actions { flex-direction: column; } .booknetic_appointment_finished_actions > button, .booknetic_appointment_finished_actions > a { margin-bottom: 7px; } .booknetic_appointment_finished_title { font-size: 21px; } .booknetic_appointment_finished_subtitle { font-size: 14px; } .booknetic_appointment_finished_code { font-size: 40px; letter-spacing: 7px; margin-bottom: 30px; } .booknetic_preloader_card2_description::before { width: 120px; } .booknetic_preloader_card2_description::after { width: 155px; } .booknetic_warning_message { position: absolute; top: 20px; width: calc(100% - 60px); } } #booknetic_progress { position: fixed; z-index: 2147483647; top: 0; left: -6px; width: 0; height: 2px; background: #6c70dc; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-transition: width 500ms ease-out; -o-transition: width 500ms ease-out; -webkit-transition: width 500ms ease-out; transition: width 500ms ease-out } #booknetic_progress dd,#booknetic_progress dt { position: absolute; top: 0; height: 2px; -moz-box-shadow: #6c70dc 1px 0 6px 1px; -webkit-box-shadow: #6c70dc 1px 0 6px 1px; box-shadow: #6c70dc 1px 0 6px 1px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100% } #booknetic_progress dd { opacity: 1; width: 20px; right: 0; clip: rect(-6px,22px,14px,10px) } #booknetic_progress dt { opacity: 1; width: 180px; right: -80px; clip: rect(-6px,90px,14px,-6px) } @-moz-keyframes booknetic_progress_pulse { 30% { opacity: 1 } 60% { opacity: 0 } 100% { opacity: 1 } } @-ms-keyframes booknetic_progress_pulse { 30% { opacity: .6 } 60% { opacity: 0 } 100% { opacity: .6 } } @-o-keyframes booknetic_progress_pulse { 30% { opacity: 1 } 60% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes booknetic_progress_pulse { 30% { opacity: .6 } 60% { opacity: 0 } 100% { opacity: .6 } } @keyframes booknetic_progress_pulse { 30% { opacity: 1 } 60% { opacity: 0 } 100% { opacity: 1 } } #booknetic_progress.booknetic_progress_waiting dd,#booknetic_progress.booknetic_progress_waiting dt { -moz-animation: booknetic_progress_pulse 2s ease-out 0s infinite; -o-animation: booknetic_progress_pulse 2s ease-out 0s infinite; -webkit-animation: booknetic_progress_pulse 2s ease-out 0s infinite; animation: booknetic_progress_pulse 2s ease-out 0s infinite } .booknetic_appointment .iti--allow-dropdown { width: 100%; } .booknetic_powered_by { position: absolute; top: 13px; right: -31px; background: #4d545a; color: #FFF; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); font-size: 10px; text-align: center; padding: 2px 0; line-height: 16px; z-index: 999; transform: rotate(45deg); width: 126px; cursor: pointer; text-decoration: none !important; } .booknetic_powered_by > span { display: block; font-size: 11px; font-weight: 600; white-space: nowrap; overflow: hidden; } .rtl .booknetic_powered_by { padding: 2px 0 0 0; left: -31px; right: unset; transform: rotate(-45deg); } #booknetic_bring_someone_section { margin-top: 15px; } #booknetic_bring_someone_section select.form-control { background: url(/wp-content/plugins/booknetic/app/Frontend/assets/icons/arrow-down-xs.svg) white no-repeat 95% !important; } .booknetic_number_of_brought_customers_quantity { display: flex; float: right !important; justify-content: center; align-items: center; width: 120px; margin-right: 8px; height: 100%; margin-top: -5px; } .booknetic_number_of_brought_customers_dec, .booknetic_number_of_brought_customers_inc { cursor: pointer; width: 34px !important; height: 45px !important; background-color: #F7F8FB; border: 1px solid #E3EAF3; border-radius: 2px; text-align: center; color: #ADBFC7; line-height: 43px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: manipulation; } .booknetic_number_of_brought_customers_quantity_input { width: 52px !important; height: 45px !important; border: 1px solid #E3EAF3 !important; border-left: 0 !important; border-right: 0 !important; outline: none !important; text-align: center !important; font-size: 14px !important; color: #292D32 !important; background: #FFF !important; margin: 0 !important; border-radius: 0 !important; padding: 0 !important; box-shadow: unset!important; } .booknetic_number_of_brought_customers.d-none { display: none !important; } .booknetic_staff_profession { /*color: #6c70dc;*/ font-size: 13px; font-weight: 500; margin-bottom: 5px; } .help-text { color: #999; font-size: 13px; } .bkntc_service_list{ position: relative; padding-bottom: 15px; } .booknetic_service_search_wrapper { padding: 0 5px 15px; } .booknetic_service_search_input { width: 100%; height: 46px; padding: 0 12px 0 38px; border: 1px solid #E3EAF3; border-radius: 2px; background-color: #f5f7fa; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23828F9A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 12px center; font-size: 14px; color: #292D32; outline: none; transition: border-color 0.2s, background-color 0.2s; box-sizing: border-box; } .booknetic_service_search_input::placeholder { color: #828F9A; } .booknetic_service_search_input:focus { border-color: var(--booknetic_theme_color, #4E90FF); background-color: #fff; } .bkntc_service_extras_list{ position: relative; padding-bottom: 15px; } /* Cart new */ .booknetic-cart { display: flex; flex-wrap: wrap; align-items: stretch; margin-right: -8px; margin-left: -8px; margin-top: -16px; } .booknetic-cart-col { display: flex; align-items: stretch; padding-right: 8px; padding-left: 8px; margin-top: 16px; background: #f5f7fa !important; } /* doit: some wordpress themes such as betheme will add it's own margin and content style to [.button-flat button] class thus added !important */ .booknetic-cart-col button{ margin: unset; padding: unset !important; border-style: unset !important; border-radius: unset !important; box-shadow: unset !important; } .booknetic-cart-col button:after { content: unset; } .booknetic-cart-item { position: relative; padding: 16px 12px; border-radius: 8px; width: 219px; background: #ffffff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border: 2px solid transparent; } .booknetic-cart-item.active { border-color: #6C70DC; } .booknetic-cart-item .booknetic-cart-item-header { font-size: 20px; font-weight: 500; line-height: 30px; color: #2E3A59; padding-right: 24px; margin-bottom: 10px; } .booknetic-cart-item-header .booknetic-cart-item-btns { position: absolute; right: 12px; top: 52px; padding: 14px 10px; box-shadow: 0 6px 12px rgba(108, 119, 131, 0.25); border-radius: 8px; background: #ffffff; opacity: 0; visibility: hidden; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; z-index: 3; } .booknetic-cart-item-header .booknetic-cart-item-btns.show { opacity: 1; visibility: visible; } .booknetic-cart-item-header > span { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .booknetic-cart-item-more { position: absolute; top: 16px; right: 12px; width: 20px; height: 20px; border: none; background: none !important; cursor: pointer; z-index: 1; outline: none !important; } .booknetic-cart-item-more:hover { background: none; } .booknetic-cart-item-more img { width: 100%; height: 100%; object-fit: contain; } .booknetic-cart-item-btns button { border: none !important; box-shadow: none !important; cursor: pointer; display: flex; align-items: center; width: 100%; background-image: unset !important; } .booknetic-cart-item-btns button:not(:last-child) { margin-bottom: 4px; } .booknetic-cart-item-btns button:hover { background: none; } .booknetic-cart-item-btns button img { width: 20px; height: 20px; object-fit: contain; } .booknetic-cart-item-btns button span { color: #2E3A59; font-size: 12px; line-height: 20px; font-weight: 500; margin-left: 8px; } .booknetic-cart-item-body { position: relative; display: flex; flex-direction: column; } .booknetic-cart-item-body-row { display: flex; align-items: center; position: relative; text-align: left; } .booknetic-cart-item-body-row:not(:last-child) { margin-bottom: 12px; } .booknetic-cart-item-body-row .booknetic-cart-item-body-cell { display: inline-flex; align-items: center; font-size: 14px; line-height: 20px; color: #2E3A59; } .booknetic-cart-item-body-row .booknetic-cart-item-body-cell:first-child { margin-right: 8px; } .booknetic-cart-item-body-row .booknetic-cart-item-body-cell.amount { color: #4FBF65; margin-right: 4px; } .booknetic-cart-item-body-row .booknetic-cart-item-body-cell.amount img { color: #4FBF65; } .booknetic-cart-item-info { position: relative; width: 16px; height: 16px; border: none; background: none !important; /* doit: some wordpress themes such as betheme will add it's own background style to [.button-flat button] class thus added !important */ cursor: pointer; } .booknetic-cart-item-info:hover { background: none; } .booknetic-cart-item-info img { width: 100%; height: 100%; object-fit: contain; } .booknetic-cart-item-info-details { position: absolute; left: 0; right: 0; bottom: 100%; margin-bottom: 13px; background: #DDF7E2; padding: 8px 12px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; opacity: 0; visibility: hidden; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; z-index: 2; } .booknetic-cart-item-info-details-row { display: flex; align-items: center; justify-content: space-between; } .booknetic-cart-item-info-details-row:not(:last-child) { margin-bottom: 8px; } .booknetic-cart-item-info-details-row .booknetic-cart-item-info-details-cell { font-size: 12px; line-height: 16px; font-weight: 500; color: #2E3A59; } .booknetic-cart-item-info-details-row .booknetic-cart-item-info-details-cell:not(:last-child) { margin-right: 8px; } .booknetic-cart-item-info-details-arrow { position: absolute; width: 0; height: 0; border-style: solid; border-width: 12px 8px 0 8px; border-color: #DDF7E2 transparent transparent transparent; bottom: 100%; left: 50%; margin-bottom: 4px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; z-index: 2; } .booknetic-cart-item-info-details-cell.details-cell-success { color: #4FBF65; } .booknetic-cart-item-info-details-cell.details-cell-warning { color: #DB8B00; } .booknetic-cart-item-body-row.show .booknetic-cart-item-info-details, .booknetic-cart-item-body-row.show .booknetic-cart-item-info-details-arrow { opacity: 1; visibility: visible; } button.bkntc_again_booking { margin-top: 20px; font-weight: normal; position: sticky; left: 0; bottom: 0; margin-left: auto !important; /* doit: some wordpress themes such as betheme will add it's own margin style to [.content_wrapper button] class thus added !important */ display: flex; align-items: center; justify-content: center; padding: 8px 12px !important; background: #FFFFFF !important; border: none !important; border-radius: 8px !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; cursor: pointer; box-shadow: 0 6px 12px rgba(108, 119, 131, 0.25) !important; } button.bkntc_again_booking:hover { background: #FFFFFF !important; } button.bkntc_again_booking img { width: 24px; height: 24px; background: #DDF7E2; object-fit: contain; padding: 4px; margin-right: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .rtl button.bkntc_again_booking img { margin-left: 4px; margin-right: 0px; } button.bkntc_again_booking span { font-size: 14px; line-height: 16px; color: #1D2123; } .booknetic-cart-item-error { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 12px; background-color: #FFF2F2; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; opacity: 0; visibility: hidden; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; z-index: 2; } .booknetic-cart-item-error.show { opacity: 1; visibility: visible; } .booknetic-cart-item-error .booknetic-cart-item-error-header { display: flex; justify-content: space-between; margin-bottom: 8px; } .booknetic-cart-item-error .booknetic-cart-item-error-header>div { display: flex; align-items: center; } .booknetic-cart-item-error .booknetic-cart-item-error-header>div img { width: 20px; height: 20px; object-fit: contain; margin-right: 4px; } .booknetic-cart-item-error .booknetic-cart-item-error-header>div span { color: #FF3D71; font-size: 14px; line-height: 20px; font-weight: 500; } .booknetic-cart-item-error .booknetic-cart-item-error-body { font-size: 12px; line-height: 20px; } .booknetic-cart-item-error-close { position: absolute; width: 20px; height: 20px; right: 16px; top: 12px; cursor: pointer; z-index: 2; } .booknetic-cart-item-error-close:hover { background: none; } .booknetic-cart-item-error-close img { width: 100%; height: 100%; object-fit: contain; } .booknetic_appointment_container_header { position: relative; } .booknetic_appointment_container_header .booknetic_appointment_container_header_cart { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .rtl .booknetic_appointment_container_header .booknetic_appointment_container_header_cart{ position: relative; right: 20px; top: 0; transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: none; -o-transform: unset; } .booknetic-appointment-container-cart-btn-r-100 { right: 65px; } .rtl .booknetic-appointment-container-cart-btn-r-100 { right: 0px; } .booknetic_appointment_container_header .booknetic_appointment_container_header_cart>div { position: relative; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #ECEFF2; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .booknetic_appointment_container_header .booknetic_appointment_container_header_cart>div img { width: 16px; height: 16px; margin-right: 6px; margin-top: 6px; } .booknetic_appointment_container_header .booknetic_appointment_container_header_cart>div span { position: absolute; width: 15px; height: 15px; right: 6px; top: 6px; display: flex; align-items: center; justify-content: center; background: #E21E4C; color: #ffffff; font-size: 10px; line-height: 12px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .booknetic-cart-holder { display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; height: 100%; } .booknetic_payment_method { margin-right: 16px; } .rtl .booknetic_payment_method { margin-right: 0; margin-left: 16px; } .rtl .iti--allow-dropdown .iti__flag-container, .rtl .iti--separate-dial-code .iti__flag-container { right: 0 !important; } .rtl .iti--allow-dropdown .iti__flag-container .iti__arrow { margin-left: 0 !important; margin-right: 6px !important; } .rtl .iti--allow-dropdown .iti__flag-container { display: flex; } .rtl .iti--allow-dropdown input { padding-left: 6px !important; padding-right: 52px !important; margin-left: 0; } .rtl .iti__country.iti__standard, .rtl .iti__country.iti__preferred { text-align: right !important; } .rtl .iti__flag-box { margin-left: 6px; margin-right: 0; } .rtl .iti__country { text-align: right; } .booknetic_need_copy>div{ height: 100%; } .booknetic_appointment_container div[data-step-id="cart"] { flex-direction: column; flex-grow: 1; } .booknetic_prices_box{ text-align: left; } /*Products from Inventory Styles*/ .booknetic-products-container{ font-family: Poppins, sans-serif; font-style: normal; } .booknetic-products-header{ color: #6C70DC; font-size: 16px; font-weight: 500; line-height: 24px; padding: 0; margin: 0 0 16px 0; } .booknetic-products-flex{ display: flex !important; justify-content: space-between; align-items: center; } .booknetic-product-item{ background-color: #fff; padding: 15px 16px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06); gap: 12px; cursor: pointer; margin: 0 !important; width: 100%; margin-bottom: 16px !important; border: 2px solid transparent; } .booknetic-product-item.booknetic_service_extra_card_selected{ border: 2px solid #53D56C; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .booknetic-product-info{ margin-right: auto !important; } .booknetic-product-info h3{ color: #292D32; font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 6px; } .booknetic-product-info p{ color: #828F9A; font-size: 12px; font-weight: 400; line-height: 18px; } .booknetic-product-image{ display: flex !important; justify-content: space-between; align-items: center; flex-shrink: 0; overflow: hidden; width: 50px; height: 50px; border-radius: 50%; } .booknetic-product-image img{ width: 100%; height: 100%; object-fit: cover; } .booknetic-product-price{ color: #53D56C; font-size: 26px; line-height: 30px; } /* Scrollbar */ .nice-scrollbar-primary::-webkit-scrollbar { width: 6px; height: 6px; } .nice-scrollbar-primary::-webkit-scrollbar-button { width: 0; height: 0; } .nice-scrollbar-primary::-webkit-scrollbar-thumb { background: rgb(228, 235, 244); border-radius: 6px; } .nice-scrollbar-primary::-webkit-scrollbar-track { border-radius: 6px; } .nice-scrollbar-primary::-webkit-scrollbar-corner { background: transparent; } .nice-scrollbar-primary { overflow: auto !important; scrollbar-color: rgb(228, 235, 244); scrollbar-width: thin; } .booknetic_customer_has_same_timeslot_portlet { text-align:center; background: #FFFF80; margin-bottom: 5px; } .booknetic_service_duration_wrapper { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 4px; } .booknetic_service_duration_wrapper > span { min-width: 35px; color: rgba(69, 44, 12, 0.74); background-color: rgba(255, 205, 79, 0.74); font-size: 12px; font-weight: 400; line-height: 1; text-align: center; vertical-align: middle; padding: 5px 8px; border-radius: 12px; flex-shrink: 0; } .iti__country.iti__preferred { width: 344px!important; max-width: 344px!important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .iti__country.iti__standard { width: 344px!important; max-width: 344px!important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rtl #country-listbox { top: 46px; } .booknetic-cart-item-body-row span:nth-child(2), .booknetic_confirm_date_time div:nth-child(2) span { overflow-wrap: anywhere; } @media only screen and (max-width: 480px) { .booknetic_appointment { min-width: unset!important; } .booknetic_time_div { width: 100%; max-width: 350px; } }.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} :root { --iti-hover-color: rgba(0, 0, 0, 0.05); --iti-border-color: #ccc; --iti-dialcode-color: #999; --iti-dropdown-bg: white; --iti-spacer-horizontal: 8px; --iti-flag-height: 12px; --iti-flag-width: 16px; --iti-border-width: 1px; --iti-arrow-height: 4px; --iti-arrow-width: 6px; --iti-triangle-border: calc(var(--iti-arrow-width) / 2); --iti-arrow-padding: 6px; --iti-arrow-color: #555; --iti-path-flags-1x: url(/wp-content/plugins/booknetic/app/Frontend/assets/img/flags.webp); --iti-path-flags-2x: url(/wp-content/plugins/booknetic/app/Frontend/assets/img/flags@2x.webp); --iti-path-globe-1x: url(/wp-content/plugins/booknetic/app/Frontend/assets/img/globe.webp); --iti-path-globe-2x: url(/wp-content/plugins/booknetic/app/Frontend/assets/img/globe@2x.webp); --iti-flag-sprite-width: 3904px; --iti-flag-sprite-height: 12px; --iti-mobile-popup-margin: 30px; } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti__a11y-text { width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute; } .iti input.iti__tel-input, .iti input.iti__tel-input[type="text"], .iti input.iti__tel-input[type="tel"] { position: relative; z-index: 0; margin: 0 !important; } .iti__country-container { position: absolute; top: 0; bottom: 0; padding: var(--iti-border-width); } .iti__selected-country { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; background: none !important; border: 0; margin: 0; padding: 0; font-family: inherit; font-size: inherit; color: inherit; border-radius: 0 !important; font-weight: inherit; line-height: inherit; text-decoration: none; background-image: unset !important; padding: 0 !important; box-shadow: none !important; } .iti__selected-country-primary { display: flex; align-items: center; height: 100%; padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal); } .iti__arrow { margin-left: var(--iti-arrow-padding); width: 0; height: 0; border-left: var(--iti-triangle-border) solid #fff0; border-right: var(--iti-triangle-border) solid #fff0; border-top: var(--iti-arrow-height) solid var(--iti-arrow-color); } [dir="rtl"] .iti__arrow { margin-right: var(--iti-arrow-padding); margin-left: 0; } .iti__arrow--up { border-top: none; border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color); } .iti__dropdown-content { border-radius: 3px; background-color: var(--iti-dropdown-bg); } .iti--inline-dropdown .iti__dropdown-content { position: absolute; z-index: 99999999; margin-top: 3px; margin-left: calc(var(--iti-border-width) * -1); border: var(--iti-border-width) solid var(--iti-border-color); box-shadow: 1px 1px 4px rgb(0 0 0 / 0.2); } .iti__search-input { width: 100% !important; border-width: 0 !important; border-radius: 3px !important; } .iti__search-input + .iti__country-list { border-top: 1px solid var(--iti-border-color); } .iti__country-list { list-style: none; padding: 0; margin: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; width: 100% !important; } .iti--inline-dropdown .iti__country-list { max-height: 185px; } .iti--flexible-dropdown-width .iti__country-list { white-space: nowrap; } @media (max-width: 500px) { .iti--flexible-dropdown-width .iti__country-list { white-space: normal; } } .iti__country { display: flex; align-items: center; padding: 8px var(--iti-spacer-horizontal); outline: none; } .iti__dial-code { color: var(--iti-dialcode-color); } .iti__country.iti__highlight { background-color: var(--iti-hover-color); } .iti__country-list .iti__flag, .iti__country-name { margin-right: var(--iti-spacer-horizontal); } [dir="rtl"] .iti__country-list .iti__flag, [dir="rtl"] .iti__country-name { margin-right: 0; margin-left: var(--iti-spacer-horizontal); } .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button { cursor: pointer; background-color: transparent !important; } .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary { background-color: var(--iti-hover-color); } .iti .iti__selected-dial-code { margin-left: 4px; } [dir="rtl"] .iti .iti__selected-dial-code { margin-left: 0; margin-right: 4px; } .iti--container { position: fixed; top: -1000px; left: -1000px; z-index: 1060; padding: var(--iti-border-width); } .iti--container:hover { cursor: pointer; } .iti--fullscreen-popup.iti--container { background-color: rgb(0 0 0 / 0.5); top: 0; bottom: 0; left: 0; right: 0; position: fixed; padding: var(--iti-mobile-popup-margin); display: flex; flex-direction: column; justify-content: flex-start; } .iti--fullscreen-popup .iti__dropdown-content { display: flex; flex-direction: column; max-height: 100%; position: relative; } .iti--fullscreen-popup .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { --iti-flag-offset: 100px; height: var(--iti-flag-height) !important; width: var(--iti-flag-width) !important; border-radius: 1px !important; box-shadow: 0 0 1px 0 #888 !important; background-image: var(--iti-path-flags-1x) !important; background-repeat: no-repeat !important; background-position: var(--iti-flag-offset) 0 !important; background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height) !important; } .iti__ac { --iti-flag-offset: 0px; } .iti__ad { --iti-flag-offset: -16px; } .iti__ae { --iti-flag-offset: -32px; } .iti__af { --iti-flag-offset: -48px; } .iti__ag { --iti-flag-offset: -64px; } .iti__ai { --iti-flag-offset: -80px; } .iti__al { --iti-flag-offset: -96px; } .iti__am { --iti-flag-offset: -112px; } .iti__ao { --iti-flag-offset: -128px; } .iti__ar { --iti-flag-offset: -144px; } .iti__as { --iti-flag-offset: -160px; } .iti__at { --iti-flag-offset: -176px; } .iti__au { --iti-flag-offset: -192px; } .iti__aw { --iti-flag-offset: -208px; } .iti__ax { --iti-flag-offset: -224px; } .iti__az { --iti-flag-offset: -240px; } .iti__ba { --iti-flag-offset: -256px; } .iti__bb { --iti-flag-offset: -272px; } .iti__bd { --iti-flag-offset: -288px; } .iti__be { --iti-flag-offset: -304px; } .iti__bf { --iti-flag-offset: -320px; } .iti__bg { --iti-flag-offset: -336px; } .iti__bh { --iti-flag-offset: -352px; } .iti__bi { --iti-flag-offset: -368px; } .iti__bj { --iti-flag-offset: -384px; } .iti__bl { --iti-flag-offset: -400px; } .iti__bm { --iti-flag-offset: -416px; } .iti__bn { --iti-flag-offset: -432px; } .iti__bo { --iti-flag-offset: -448px; } .iti__bq { --iti-flag-offset: -464px; } .iti__br { --iti-flag-offset: -480px; } .iti__bs { --iti-flag-offset: -496px; } .iti__bt { --iti-flag-offset: -512px; } .iti__bw { --iti-flag-offset: -528px; } .iti__by { --iti-flag-offset: -544px; } .iti__bz { --iti-flag-offset: -560px; } .iti__ca { --iti-flag-offset: -576px; } .iti__cc { --iti-flag-offset: -592px; } .iti__cd { --iti-flag-offset: -608px; } .iti__cf { --iti-flag-offset: -624px; } .iti__cg { --iti-flag-offset: -640px; } .iti__ch { --iti-flag-offset: -656px; } .iti__ci { --iti-flag-offset: -672px; } .iti__ck { --iti-flag-offset: -688px; } .iti__cl { --iti-flag-offset: -704px; } .iti__cm { --iti-flag-offset: -720px; } .iti__cn { --iti-flag-offset: -736px; } .iti__co { --iti-flag-offset: -752px; } .iti__cr { --iti-flag-offset: -768px; } .iti__cu { --iti-flag-offset: -784px; } .iti__cv { --iti-flag-offset: -800px; } .iti__cw { --iti-flag-offset: -816px; } .iti__cx { --iti-flag-offset: -832px; } .iti__cy { --iti-flag-offset: -848px; } .iti__cz { --iti-flag-offset: -864px; } .iti__de { --iti-flag-offset: -880px; } .iti__dj { --iti-flag-offset: -896px; } .iti__dk { --iti-flag-offset: -912px; } .iti__dm { --iti-flag-offset: -928px; } .iti__do { --iti-flag-offset: -944px; } .iti__dz { --iti-flag-offset: -960px; } .iti__ec { --iti-flag-offset: -976px; } .iti__ee { --iti-flag-offset: -992px; } .iti__eg { --iti-flag-offset: -1008px; } .iti__eh { --iti-flag-offset: -1024px; } .iti__er { --iti-flag-offset: -1040px; } .iti__es { --iti-flag-offset: -1056px; } .iti__et { --iti-flag-offset: -1072px; } .iti__fi { --iti-flag-offset: -1088px; } .iti__fj { --iti-flag-offset: -1104px; } .iti__fk { --iti-flag-offset: -1120px; } .iti__fm { --iti-flag-offset: -1136px; } .iti__fo { --iti-flag-offset: -1152px; } .iti__fr { --iti-flag-offset: -1168px; } .iti__ga { --iti-flag-offset: -1184px; } .iti__gb { --iti-flag-offset: -1200px; } .iti__gd { --iti-flag-offset: -1216px; } .iti__ge { --iti-flag-offset: -1232px; } .iti__gf { --iti-flag-offset: -1248px; } .iti__gg { --iti-flag-offset: -1264px; } .iti__gh { --iti-flag-offset: -1280px; } .iti__gi { --iti-flag-offset: -1296px; } .iti__gl { --iti-flag-offset: -1312px; } .iti__gm { --iti-flag-offset: -1328px; } .iti__gn { --iti-flag-offset: -1344px; } .iti__gp { --iti-flag-offset: -1360px; } .iti__gq { --iti-flag-offset: -1376px; } .iti__gr { --iti-flag-offset: -1392px; } .iti__gt { --iti-flag-offset: -1408px; } .iti__gu { --iti-flag-offset: -1424px; } .iti__gw { --iti-flag-offset: -1440px; } .iti__gy { --iti-flag-offset: -1456px; } .iti__hk { --iti-flag-offset: -1472px; } .iti__hn { --iti-flag-offset: -1488px; } .iti__hr { --iti-flag-offset: -1504px; } .iti__ht { --iti-flag-offset: -1520px; } .iti__hu { --iti-flag-offset: -1536px; } .iti__id { --iti-flag-offset: -1552px; } .iti__ie { --iti-flag-offset: -1568px; } .iti__il { --iti-flag-offset: -1584px; } .iti__im { --iti-flag-offset: -1600px; } .iti__in { --iti-flag-offset: -1616px; } .iti__io { --iti-flag-offset: -1632px; } .iti__iq { --iti-flag-offset: -1648px; } .iti__ir { --iti-flag-offset: -1664px; } .iti__is { --iti-flag-offset: -1680px; } .iti__it { --iti-flag-offset: -1696px; } .iti__je { --iti-flag-offset: -1712px; } .iti__jm { --iti-flag-offset: -1728px; } .iti__jo { --iti-flag-offset: -1744px; } .iti__jp { --iti-flag-offset: -1760px; } .iti__ke { --iti-flag-offset: -1776px; } .iti__kg { --iti-flag-offset: -1792px; } .iti__kh { --iti-flag-offset: -1808px; } .iti__ki { --iti-flag-offset: -1824px; } .iti__km { --iti-flag-offset: -1840px; } .iti__kn { --iti-flag-offset: -1856px; } .iti__kp { --iti-flag-offset: -1872px; } .iti__kr { --iti-flag-offset: -1888px; } .iti__kw { --iti-flag-offset: -1904px; } .iti__ky { --iti-flag-offset: -1920px; } .iti__kz { --iti-flag-offset: -1936px; } .iti__la { --iti-flag-offset: -1952px; } .iti__lb { --iti-flag-offset: -1968px; } .iti__lc { --iti-flag-offset: -1984px; } .iti__li { --iti-flag-offset: -2000px; } .iti__lk { --iti-flag-offset: -2016px; } .iti__lr { --iti-flag-offset: -2032px; } .iti__ls { --iti-flag-offset: -2048px; } .iti__lt { --iti-flag-offset: -2064px; } .iti__lu { --iti-flag-offset: -2080px; } .iti__lv { --iti-flag-offset: -2096px; } .iti__ly { --iti-flag-offset: -2112px; } .iti__ma { --iti-flag-offset: -2128px; } .iti__mc { --iti-flag-offset: -2144px; } .iti__md { --iti-flag-offset: -2160px; } .iti__me { --iti-flag-offset: -2176px; } .iti__mf { --iti-flag-offset: -2192px; } .iti__mg { --iti-flag-offset: -2208px; } .iti__mh { --iti-flag-offset: -2224px; } .iti__mk { --iti-flag-offset: -2240px; } .iti__ml { --iti-flag-offset: -2256px; } .iti__mm { --iti-flag-offset: -2272px; } .iti__mn { --iti-flag-offset: -2288px; } .iti__mo { --iti-flag-offset: -2304px; } .iti__mp { --iti-flag-offset: -2320px; } .iti__mq { --iti-flag-offset: -2336px; } .iti__mr { --iti-flag-offset: -2352px; } .iti__ms { --iti-flag-offset: -2368px; } .iti__mt { --iti-flag-offset: -2384px; } .iti__mu { --iti-flag-offset: -2400px; } .iti__mv { --iti-flag-offset: -2416px; } .iti__mw { --iti-flag-offset: -2432px; } .iti__mx { --iti-flag-offset: -2448px; } .iti__my { --iti-flag-offset: -2464px; } .iti__mz { --iti-flag-offset: -2480px; } .iti__na { --iti-flag-offset: -2496px; } .iti__nc { --iti-flag-offset: -2512px; } .iti__ne { --iti-flag-offset: -2528px; } .iti__nf { --iti-flag-offset: -2544px; } .iti__ng { --iti-flag-offset: -2560px; } .iti__ni { --iti-flag-offset: -2576px; } .iti__nl { --iti-flag-offset: -2592px; } .iti__no { --iti-flag-offset: -2608px; } .iti__np { --iti-flag-offset: -2624px; } .iti__nr { --iti-flag-offset: -2640px; } .iti__nu { --iti-flag-offset: -2656px; } .iti__nz { --iti-flag-offset: -2672px; } .iti__om { --iti-flag-offset: -2688px; } .iti__pa { --iti-flag-offset: -2704px; } .iti__pe { --iti-flag-offset: -2720px; } .iti__pf { --iti-flag-offset: -2736px; } .iti__pg { --iti-flag-offset: -2752px; } .iti__ph { --iti-flag-offset: -2768px; } .iti__pk { --iti-flag-offset: -2784px; } .iti__pl { --iti-flag-offset: -2800px; } .iti__pm { --iti-flag-offset: -2816px; } .iti__pr { --iti-flag-offset: -2832px; } .iti__ps { --iti-flag-offset: -2848px; } .iti__pt { --iti-flag-offset: -2864px; } .iti__pw { --iti-flag-offset: -2880px; } .iti__py { --iti-flag-offset: -2896px; } .iti__qa { --iti-flag-offset: -2912px; } .iti__re { --iti-flag-offset: -2928px; } .iti__ro { --iti-flag-offset: -2944px; } .iti__rs { --iti-flag-offset: -2960px; } .iti__ru { --iti-flag-offset: -2976px; } .iti__rw { --iti-flag-offset: -2992px; } .iti__sa { --iti-flag-offset: -3008px; } .iti__sb { --iti-flag-offset: -3024px; } .iti__sc { --iti-flag-offset: -3040px; } .iti__sd { --iti-flag-offset: -3056px; } .iti__se { --iti-flag-offset: -3072px; } .iti__sg { --iti-flag-offset: -3088px; } .iti__sh { --iti-flag-offset: -3104px; } .iti__si { --iti-flag-offset: -3120px; } .iti__sj { --iti-flag-offset: -3136px; } .iti__sk { --iti-flag-offset: -3152px; } .iti__sl { --iti-flag-offset: -3168px; } .iti__sm { --iti-flag-offset: -3184px; } .iti__sn { --iti-flag-offset: -3200px; } .iti__so { --iti-flag-offset: -3216px; } .iti__sr { --iti-flag-offset: -3232px; } .iti__ss { --iti-flag-offset: -3248px; } .iti__st { --iti-flag-offset: -3264px; } .iti__sv { --iti-flag-offset: -3280px; } .iti__sx { --iti-flag-offset: -3296px; } .iti__sy { --iti-flag-offset: -3312px; } .iti__sz { --iti-flag-offset: -3328px; } .iti__tc { --iti-flag-offset: -3344px; } .iti__td { --iti-flag-offset: -3360px; } .iti__tg { --iti-flag-offset: -3376px; } .iti__th { --iti-flag-offset: -3392px; } .iti__tj { --iti-flag-offset: -3408px; } .iti__tk { --iti-flag-offset: -3424px; } .iti__tl { --iti-flag-offset: -3440px; } .iti__tm { --iti-flag-offset: -3456px; } .iti__tn { --iti-flag-offset: -3472px; } .iti__to { --iti-flag-offset: -3488px; } .iti__tr { --iti-flag-offset: -3504px; } .iti__tt { --iti-flag-offset: -3520px; } .iti__tv { --iti-flag-offset: -3536px; } .iti__tw { --iti-flag-offset: -3552px; } .iti__tz { --iti-flag-offset: -3568px; } .iti__ua { --iti-flag-offset: -3584px; } .iti__ug { --iti-flag-offset: -3600px; } .iti__us { --iti-flag-offset: -3616px; } .iti__uy { --iti-flag-offset: -3632px; } .iti__uz { --iti-flag-offset: -3648px; } .iti__va { --iti-flag-offset: -3664px; } .iti__vc { --iti-flag-offset: -3680px; } .iti__ve { --iti-flag-offset: -3696px; } .iti__vg { --iti-flag-offset: -3712px; } .iti__vi { --iti-flag-offset: -3728px; } .iti__vn { --iti-flag-offset: -3744px; } .iti__vu { --iti-flag-offset: -3760px; } .iti__wf { --iti-flag-offset: -3776px; } .iti__ws { --iti-flag-offset: -3792px; } .iti__xk { --iti-flag-offset: -3808px; } .iti__ye { --iti-flag-offset: -3824px; } .iti__yt { --iti-flag-offset: -3840px; } .iti__za { --iti-flag-offset: -3856px; } .iti__zm { --iti-flag-offset: -3872px; } .iti__zw { --iti-flag-offset: -3888px; } .iti__globe { background-image: var(--iti-path-globe-1x) !important; background-size: contain !important; background-position: right !important; box-shadow: none !important; height: 19px !important; } @media (min-resolution: 2x) { .iti__flag { background-image: var(--iti-path-flags-2x) !important; } .iti__globe { background-image: var(--iti-path-globe-2x) !important; } } /*! * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme) * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors) * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE) */ .select2-container .select2-search--inline { padding-top: 6px; } .select2-container--bootstrap { display: block; /*------------------------------------* #COMMON STYLES \*------------------------------------*/ /** * Search field in the Select2 dropdown. */ /** * No outline for all search fields - in the dropdown * and inline in multi Select2s. */ /** * Adjust Select2's choices hover and selected styles to match * Bootstrap 3's default dropdown styles. * * @see http://getbootstrap.com/components/#dropdowns */ /** * Clear the selection. */ /** * Address disabled Select2 styles. * * @see https://select2.github.io/examples.html#disabled * @see http://getbootstrap.com/css/#forms-control-disabled */ /*------------------------------------* #DROPDOWN \*------------------------------------*/ /** * Dropdown border color and box-shadow. */ /** * Limit the dropdown height. */ /*------------------------------------* #SINGLE SELECT2 \*------------------------------------*/ /*------------------------------------* #MULTIPLE SELECT2 \*------------------------------------*/ /** * Address Bootstrap control sizing classes * * 1. Reset Bootstrap defaults. * 2. Adjust the dropdown arrow button icon position. * * @see http://getbootstrap.com/css/#forms-control-sizes */ /* 1 */ /*------------------------------------* #RTL SUPPORT \*------------------------------------*/ } .select2-container--bootstrap .select2-selection { background-color: #fff; border: 1px solid #e3eaf3; border-radius: 2px; color: #555555; font-size: 14px; outline: 0; } .select2-container--bootstrap .select2-selection.form-control { border-radius: 2px; } .select2-container--bootstrap .select2-search--dropdown .select2-search__field { background-color: #fff; border: 1px solid #e3eaf3; border-radius: 2px; color: #555555; font-size: 14px; } .select2-container--bootstrap .select2-search__field { outline: 0; /* Firefox 18- */ /** * Firefox 19+ * * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox */ } .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder { color: #999; } .select2-container--bootstrap .select2-search__field:-moz-placeholder { color: #999; } .select2-container--bootstrap .select2-search__field::-moz-placeholder { color: #999; opacity: 1; } .select2-container--bootstrap .select2-search__field:-ms-input-placeholder { color: #999; } .select2-container--bootstrap .select2-results__option { padding: 6px 12px; /** * Disabled results. * * @see https://select2.github.io/examples.html#disabled-results */ /** * Hover state. */ /** * Selected state. */ color: #6a757e; font-size: 14px; } .select2-container--bootstrap .select2-results__option[role=group] { padding: 0; } .select2-container--bootstrap .select2-results__option[aria-disabled=true] { color: #ccc; cursor: not-allowed; } .select2-container--bootstrap .select2-results__option[aria-selected=true] { background-color: #f5f5f5; } .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: #ADBFC7; color: #fff; } .select2-container--bootstrap .select2-results__option .select2-results__option { padding: 6px 12px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option { margin-left: -12px; padding-left: 24px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -24px; padding-left: 36px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -36px; padding-left: 48px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -48px; padding-left: 60px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -60px; padding-left: 72px; } .select2-container--bootstrap .select2-results__group { color: #777777; display: block; padding: 6px 12px; font-size: 12px; line-height: 1.42857143; white-space: nowrap; } .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { border-color: #e3eaf3; } .select2-container--bootstrap.select2-container--open { /** * Make the dropdown arrow point up while the dropdown is visible. */ /** * Handle border radii of the container when the dropdown is showing. */ } .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b { border-color: transparent transparent #999 transparent; border-width: 0 4px 4px 4px; } .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-color: transparent; } .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection { border-top-right-radius: 0; border-top-left-radius: 0; border-top-color: transparent; } .select2-container--bootstrap .select2-selection__clear { color: #cdd5dd; cursor: pointer; float: right; font-weight: 700; margin-right: 10px; font-size: 19px; margin-top: -2px; } .select2-container--bootstrap .select2-selection__clear:hover { color: #333; } .select2-container--bootstrap.select2-container--disabled .select2-selection { border-color: #e3eaf3; -webkit-box-shadow: none; box-shadow: none; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-search__field { cursor: not-allowed; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #f6f8f9; } .select2-container--bootstrap.select2-container--disabled .select2-selection__clear, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove { display: none; } .select2-container--bootstrap .select2-dropdown { border-color: #e3eaf3; overflow-x: hidden; margin-top: -1px; } .select2-container--bootstrap .select2-dropdown--above { margin-top: 1px; } .select2-container--bootstrap .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--bootstrap .select2-selection--single { height: 46px; line-height: 1.42857143; padding: 6px 24px 6px 12px; /** * Adjust the single Select2's dropdown arrow button appearance. */ } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { position: absolute; bottom: 0; right: 12px; top: 0; width: 4px; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-color: #999 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px; height: 0; left: 0; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #495057; padding: 5px 0; font-size: 1rem; } .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder { color: #828F9A; font-size: 14px; } .select2-container--bootstrap .select2-selection--multiple { min-height: 46px; padding: 0; height: auto; /** * Make Multi Select2's choices match Bootstrap 3's default button styles. */ /** * Minus 2px borders. */ /** * Clear the selection. */ } .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; line-height: 1.42857143; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder { color: #999; float: left; margin-top: 5px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { color: #fff; background: #c7cfd9; border: 0; cursor: default; float: left; margin: 9px -2px 0 6px; padding: 3px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 600; font-size: 14px; position: relative; min-width: 26px; height: 26px; text-align: center; } .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent; padding: 0 12px; height: 32px; line-height: 1.42857143; margin-top: 0; min-width: 5em; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 9px; font-size: 19px; color: #cdd5dd; font-weight: 700; } .select2-container--bootstrap .select2-selection--single.input-sm, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single { border-radius: 3px; font-size: 12px; height: 30px; line-height: 1.5; padding: 5px 22px 5px 10px; /* 2 */ } .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { margin-left: -5px; } .select2-container--bootstrap .select2-selection--multiple.input-sm, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple { min-height: 30px; border-radius: 3px; } .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 12px; line-height: 1.5; margin: 4px 0 0 5px; padding: 0 5px; } .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 10px; font-size: 12px; height: 28px; line-height: 1.5; } .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 5px; } .select2-container--bootstrap .select2-selection--single.input-lg, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-group-lg .select2-container--bootstrap .select2-selection--single { border-radius: 6px; font-size: 18px; height: 46px; line-height: 1.3333333; padding: 10px 31px 10px 16px; /* 1 */ } .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { width: 5px; } .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-width: 5px 5px 0 5px; margin-left: -5px; margin-left: -10px; margin-top: -2.5px; } .select2-container--bootstrap .select2-selection--multiple.input-lg, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-group-lg .select2-container--bootstrap .select2-selection--multiple { min-height: 46px; border-radius: 6px; } .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 18px; line-height: 1.3333333; border-radius: 2px; margin: 9px 0 0 8px; padding: 0 10px; } .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 16px; font-size: 18px; height: 44px; line-height: 1.3333333; } .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 10px; } .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single { /** * Make the dropdown arrow point up while the dropdown is visible. */ } .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #999 transparent; border-width: 0 5px 5px 5px; } .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single { /** * Make the dropdown arrow point up while the dropdown is visible. */ } .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #999 transparent; border-width: 0 5px 5px 5px; } .select2-container--bootstrap[dir="rtl"] { /** * Single Select2 * * 1. Makes sure that .select2-selection__placeholder is positioned * correctly. */ /** * Multiple Select2 */ } .select2-container--bootstrap[dir="rtl"] .select2-selection--single { padding-left: 24px; padding-right: 12px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 0; text-align: right; /* 1 */ } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 12px; right: auto; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b { margin-left: 0; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-right: 6px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } /*------------------------------------* #ADDITIONAL GOODIES \*------------------------------------*/ /** * Address Bootstrap's validation states * * If a Select2 widget parent has one of Bootstrap's validation state modifier * classes, adjust Select2's border colors and focus states accordingly. * You may apply said classes to the Select2 dropdown (body > .select2-container) * via JavaScript match Bootstraps' to make its styles match. * * @see http://getbootstrap.com/css/#forms-control-validation */ .has-warning .select2-dropdown, .has-warning .select2-selection { border-color: #8a6d3b; } .has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; border-color: #66512c; } .has-warning.select2-drop-active { border-color: #66512c; } .has-warning.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #66512c; } .has-error .select2-dropdown, .has-error .select2-selection { border-color: #a94442; } .has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; border-color: #843534; } .has-error.select2-drop-active { border-color: #843534; } .has-error.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #843534; } .has-success .select2-dropdown, .has-success .select2-selection { border-color: #3c763d; } .has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; border-color: #2b542c; } .has-success.select2-drop-active { border-color: #2b542c; } .has-success.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #2b542c; } /** * Select2 widgets in Bootstrap Input Groups * * @see http://getbootstrap.com/components/#input-groups * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less */ /** * Reset rounded corners */ .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection, .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control { border-radius: 0; } .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group > .select2-container--bootstrap { display: table; table-layout: fixed; position: relative; z-index: 2; width: 100%; margin-bottom: 0; /** * Adjust z-index like Bootstrap does to show the focus-box-shadow * above appended buttons in .input-group and .form-group. */ /** * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address * Multi Select2's height which - depending on how many elements have been selected - * may grow taller than its initial size. * * @see http://getbootstrap.com/components/#input-groups */ } .input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control { float: none; } .input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus { z-index: 3; } .input-group > .select2-container--bootstrap, .input-group > .select2-container--bootstrap .input-group-btn, .input-group > .select2-container--bootstrap .input-group-btn .btn { vertical-align: top; } /** * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9 * * Provides `!important` for certain properties of the class applied to the * original `