File manager

File manager - Edit - /home/asiatechinc/public_html/bhrhotelsindia.com/public/themes/gotrip/dist/frontend/css/app.css

Back
.modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: #fff; --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: 1px; --bs-modal-border-radius: 0.5rem; --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-modal-inner-border-radius: calc(0.5rem - 1px); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: 1px; --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: 1px; position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: 1px solid var(--bs-alert-border-color); --bs-alert-border-radius: 0.375rem; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: #084298; --bs-alert-bg: #cfe2ff; --bs-alert-border-color: #b6d4fe; } .alert-primary .alert-link { color: #06357a; } .alert-secondary { --bs-alert-color: #41464b; --bs-alert-bg: #e2e3e5; --bs-alert-border-color: #d3d6d8; } .alert-secondary .alert-link { color: #34383c; } .alert-success { --bs-alert-color: #0f5132; --bs-alert-bg: #d1e7dd; --bs-alert-border-color: #badbcc; } .alert-success .alert-link { color: #0c4128; } .alert-info { --bs-alert-color: #055160; --bs-alert-bg: #cff4fc; --bs-alert-border-color: #b6effb; } .alert-info .alert-link { color: #04414d; } .alert-warning { --bs-alert-color: #664d03; --bs-alert-bg: #fff3cd; --bs-alert-border-color: #ffecb5; } .alert-warning .alert-link { color: #523e02; } .alert-danger { --bs-alert-color: #842029; --bs-alert-bg: #f8d7da; --bs-alert-border-color: #f5c2c7; } .alert-danger .alert-link { color: #6a1a21; } .alert-light { --bs-alert-color: #636464; --bs-alert-bg: #fefefe; --bs-alert-border-color: #fdfdfe; } .alert-light .alert-link { color: #4f5050; } .alert-dark { --bs-alert-color: #141619; --bs-alert-bg: #d3d3d4; --bs-alert-border-color: #bcbebf; } .alert-dark .alert-link { color: #101214; } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: #212529; --bs-dropdown-bg: #fff; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: 0.375rem; --bs-dropdown-border-width: 1px; --bs-dropdown-inner-border-radius: calc(0.375rem - 1px); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-dropdown-link-color: #212529; --bs-dropdown-link-hover-color: #1e2125; --bs-dropdown-link-hover-bg: #e9ecef; --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.375rem; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.5rem; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.25rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled { background-color: #e9ecef; opacity: 1; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.25rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.5rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px); } .form-control-color { width: 3rem; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: 0.375rem; } .form-control-color::-webkit-color-swatch { border-radius: 0.375rem; } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + 2px); } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + 2px); } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.375rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #198754; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #198754; } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #198754; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #198754; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #198754; } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.375rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545; } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: #6c757d; display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link.disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: 1px; --bs-nav-tabs-border-color: #dee2e6; --bs-nav-tabs-border-radius: 0.375rem; --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6; --bs-nav-tabs-link-active-color: #495057; --bs-nav-tabs-link-active-bg: #fff; --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); background: none; border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: 0.375rem; --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #0d6efd; } .nav-pills .nav-link { background: none; border: 0; border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: 0.375rem; display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-primary { color: color-yiq(#0d6efd); background-color: #0d6efd; } .badge-secondary { color: color-yiq(#6c757d); background-color: #6c757d; } .badge-success { color: color-yiq(#198754); background-color: #198754; } .badge-info { color: color-yiq(#0dcaf0); background-color: #0dcaf0; } .badge-warning { color: color-yiq(#ffc107); background-color: #ffc107; } .badge-danger { color: color-yiq(#dc3545); background-color: #dc3545; } .badge-light { color: color-yiq(#f8f9fa); background-color: #f8f9fa; } .badge-dark { color: color-yiq(#212529); background-color: #212529; } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-border-width: 1px; --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: 0.375rem; --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(0.375rem - 1px); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(0, 0, 0, 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: #fff; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: var(--bs-card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } body .daterangepicker { width: 900px; max-width: 100vw; box-shadow: 0 10px 35px 0 rgba(5, 16, 54, 0.1019607843); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); margin-top: 0; padding: 30px; border-radius: 4px; font-family: inherit; } @media (max-width: 767px) { body .daterangepicker { width: 100%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } } body .daterangepicker:before, body .daterangepicker:after { display: none; } body .daterangepicker .drp-calendar { padding: 0 !important; width: 100%; max-width: 48%; overflow: hidden; } body .daterangepicker .drp-calendar .next, body .daterangepicker .drp-calendar .prev { font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: var(--text-24) !important; } body .daterangepicker .drp-calendar .next:before, body .daterangepicker .drp-calendar .prev:before { content: "\e930"; } body .daterangepicker .drp-calendar .next span, body .daterangepicker .drp-calendar .prev span { display: none; } body .daterangepicker .drp-calendar .prev:before { content: "\e92b"; } body .daterangepicker .drp-calendar.left { margin-right: 33px !important; } @media (max-width: 991px) { body .daterangepicker .drp-calendar.left { margin-right: 28px !important; } } body .daterangepicker .drp-calendar.left .calendar-table { padding: 0; } @media (min-width: 768px) { body .daterangepicker .drp-calendar.left .next { display: none; } } body .daterangepicker .drp-calendar .calendar-table { padding: 0 !important; background: transparent; } body .daterangepicker .drp-calendar .calendar-table table, body .daterangepicker .drp-calendar .calendar-table thead, body .daterangepicker .drp-calendar .calendar-table tbody, body .daterangepicker .drp-calendar .calendar-table tfoot, body .daterangepicker .drp-calendar .calendar-table tr, body .daterangepicker .drp-calendar .calendar-table th, body .daterangepicker .drp-calendar .calendar-table td { display: block; } body .daterangepicker .drp-calendar .calendar-table table.table-condensed thead tr:first-child { position: relative; display: flex; } body .daterangepicker .drp-calendar .calendar-table table.table-condensed thead tr:first-child th:not(.month) { position: absolute; } body .daterangepicker .drp-calendar .calendar-table table.table-condensed thead tr:first-child .next { right: 0; } body .daterangepicker .drp-calendar .calendar-table table.table-condensed thead tr:last-child { font-size: 14px; font-weight: 600; display: grid; justify-content: center; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 8px; } @media (max-width: 991px) { body .daterangepicker .drp-calendar .calendar-table table.table-condensed thead tr:last-child { gap: 5px; } } body .daterangepicker .drp-calendar .calendar-table table.table-condensed thead tr:last-child > * { justify-content: center; display: flex; align-items: center; flex-direction: column; width: 48px; height: 48px; border-radius: 100%; } @media (max-width: 991px) { body .daterangepicker .drp-calendar .calendar-table table.table-condensed thead tr:last-child > * { width: 45px; height: 45px; } } body .daterangepicker .drp-calendar .calendar-table table.table-condensed tbody tr { display: grid; justify-content: center; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 8px; } @media (max-width: 991px) { body .daterangepicker .drp-calendar .calendar-table table.table-condensed tbody tr { gap: 5px; } } body .daterangepicker .drp-calendar .calendar-table table.table-condensed tbody tr td { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 48px; height: 48px; border-radius: 100%; font-size: 15px; } @media (max-width: 991px) { body .daterangepicker .drp-calendar .calendar-table table.table-condensed tbody tr td { width: 45px; height: 45px; } } body .daterangepicker .drp-calendar .calendar-table table.table-condensed tbody tr td.today { border: 1px solid var(--color-dark-3); } body .daterangepicker .drp-calendar .calendar-table table.table-condensed tbody tr td.active, body .daterangepicker .drp-calendar .calendar-table table.table-condensed tbody tr td.active:hover { background: var(--color-dark-3); } body .daterangepicker .drp-calendar .calendar-table table.table-condensed tbody tr td:not(.off) { /&.start-date ~ .in-range{ position: relative; &:not(.active){ background-color: #F5F5F5; } &:not(.start-date){ &:before{ content: ""; background-color: #F5F5F5; position: absolute; top: 0; left: -36px; right: 16px; z-index: -2; height: 100%; } } }/ } body .daterangepicker .drp-calendar .calendar-table table.table-condensed tbody tr td:not(.off).in-range { position: relative; } body .daterangepicker .drp-calendar .calendar-table table.table-condensed tbody tr td:not(.off).in-range:not(.active) { background-color: #F5F5F5; } body .daterangepicker .drp-calendar .calendar-table table.table-condensed tbody tr td:not(.off).in-range:not(.start-date):before { content: ""; background-color: #F5F5F5; position: absolute; top: 0; left: -36px; right: 16px; z-index: -2; height: 100%; } body .daterangepicker .drp-calendar .calendar-table .month { font-size: 16px; font-weight: 500; width: 100%; margin-bottom: 10px; } body .daterangepicker .drp-calendar .calendar-table .tooltip { display: none; } @media (max-width: 767px) { body .daterangepicker .drp-calendar { max-width: 100%; } body .daterangepicker .drp-calendar.right { display: none; } } body .daterangepicker.single { width: auto; } body .daterangepicker.single .drp-calendar { max-width: 100%; margin-right: 0 !important; } body .daterangepicker.single .drp-calendar.left .next { display: block; } .bravo-pagination .custom-pagination a, .goTrip-bravo-pagination .custom-pagination a { color: initial; } .bravo-pagination .custom-pagination .p-item.active .p-link, .goTrip-bravo-pagination .custom-pagination .p-item.active .p-link { background-color: var(--color-dark-1) !important; color: var(--color-white); } .bravo-pagination .custom-pagination .p-item:hover .p-link, .goTrip-bravo-pagination .custom-pagination .p-item:hover .p-link { background-color: var(--color-light-2); } .form-input input.has-value ~ label, .form-input textarea.has-value ~ label, .form-input select.has-value ~ label { transform: translateY(-10px); } .form-input input:focus, .form-input textarea:focus, .form-input select:focus { border-width: 1px !important; outline: 1px solid #051036; } .form-input select { border: 1px solid var(--color-border); border-radius: 4px; padding: 0 15px; padding-top: 25px; min-height: 70px; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .form-input select:focus { border: 1px solid #051036; outline: 1px solid #051036; } .form-input select ~ label { transform: translateY(-10px); } .form-control { border: 1px solid #ced4da; } .bravo_wrap .form-search-all-service .form-date-search-hotel .check-in-out { position: absolute; z-index: -1; opacity: 0; } .bravo_wrap .form-search-all-service .searchMenu-guests .count-display input { text-align: center; } .bravo_wrap .form-search-all-service .searchMenu-guests .count-display input::-webkit-inner-spin-button, .bravo_wrap .form-search-all-service .searchMenu-guests .count-display input::-webkit-outer-spin-button { display: none; } @media (min-width: 992px) { .bravo_wrap .form-search-all-service .tabs__pane .mainSearch .button-grid.button-column-4 { grid-template-columns: auto auto auto 177px; } } @media (min-width: 992px) { .bravo_wrap .form-search-all-service .tabs__pane .mainSearch .button-grid.button-column-3 { grid-template-columns: auto auto 177px; } } @media (min-width: 992px) { .bravo_wrap .form-search-all-service .tabs__pane .mainSearch .button-grid.button-column-5 { grid-template-columns: 150px 150px 241px 192px 177px; } } @media (min-width: 1200px) { .bravo_wrap .form-search-all-service .tabs__pane .mainSearch .button-grid.button-column-5 { grid-template-columns: auto auto auto auto 177px; } } .bravo_wrap .form-search-all-service .tabs__pane.-tab-item-flight .bravo_form { width: 100%; max-width: 1110px; } .bravo_wrap .form-search-all-service .tabs__pane.-tab-item-flight .bravo_form .searchMenu-date .text-light-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bravo_wrap .form-search-all-service .tabs__pane.-tab-item-flight .form-select-seat-type .seat-input { overflow: hidden; width: 100%; max-width: 235px; } .bravo_wrap .form-search-all-service .tabs__pane.-tab-item-flight .form-select-seat-type .render { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bravo_wrap .form-search-all-service.home4-form-search-hotel .masthead-slider .swiper-slide .masthead__content .content-wrap { margin-bottom: 188px; } @media (max-width: 991px) { .bravo_wrap .form-search-all-service.home4-form-search-hotel .masthead-slider .swiper-slide .masthead__content .content-wrap { margin-bottom: 434px; } } .bravo_wrap .form-search-all-service.home4-form-search-hotel .bravo_form { width: 100%; max-width: 960px; position: absolute; bottom: 140px; left: 50%; transform: translateX(-50%); padding: 0 !important; border-radius: 4px; box-shadow: 0 20px 40px 0 rgba(5, 16, 54, 0.0705882353); } @media (max-width: 991px) { .bravo_wrap .form-search-all-service.home4-form-search-hotel .bravo_form { max-width: 690px; } } @media (max-width: 767px) { .bravo_wrap .form-search-all-service.home4-form-search-hotel .bravo_form { left: 0; margin: 0 15px; width: auto; transform: none; } } @media (min-width: 992px) { .bravo_wrap .form-search-all-service.home4-form-search-hotel .bravo_form .button-grid { grid-template-columns: 1fr 250px 290px auto; } } .bravo_wrap .form-search-all-service.home4-form-search-hotel .bravo_form .button-grid > div:not(.button-item) { padding: 24px; } @media (max-width: 991px) { .bravo_wrap .form-search-all-service.home4-form-search-hotel .bravo_form .button-grid > div:not(.button-item) { padding: 24px 30px !important; } } .bravo_wrap .form-search-all-service.home4-form-search-hotel .bravo_form .button-grid .button-item { height: 100%; } .bravo_wrap .form-search-all-service.home4-form-search-hotel .bravo_form .button-grid .button-item .button { border-radius: 0 !important; height: 100% !important; } @media (max-width: 991px) { .bravo_wrap .form-search-all-service.home4-form-search-hotel .bravo_form .button-grid .button-item .button { padding: 15px 40px; } } .bravo_wrap .bravo-tour-service .subtitle { max-width: 84%; } .bravo_wrap .bravo-tour-service .form-search-service-tour .bravo_form { width: 100%; border-radius: 4px; padding: 20px 20px 20px 0 !important; } @media (max-width: 767px) { .bravo_wrap .bravo-tour-service .form-search-service-tour .bravo_form { padding: 5px 20px 20px 20px !important; } } .bravo_wrap .bravo-tour-service .form-search-service-tour .bravo_form .button-item .button { border-radius: 4px; } .bravo_wrap .bravo-list-locations.style_8 .item { max-height: 300px; } .bravo_wrap .download-app.style_3 .col-left { order: 1; } .bravo_wrap .download-app.style_3 .col-right { order: 0; } @media (max-width: 767px) { .bravo_wrap .news-list-block .size-mb-100 { width: 100%; height: auto; } } .bravo-vendor-form-register .form-group, .bravo_gallery .form-group { margin-bottom: 10px; } .bravo-vendor-form-register .form-control, .bravo_gallery .form-control { border: 1px solid #ced4da; border-radius: 5px; } .bravo-vendor-form-register input[type=checkbox], .bravo_gallery input[type=checkbox] { width: auto; } .bravo-vendor-form-register .embed-responsive, .bravo_gallery .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .bravo-vendor-form-register .embed-responsive-16by9::before, .bravo_gallery .embed-responsive-16by9::before { padding-top: 56.25%; display: block; content: ""; } .bravo-vendor-form-register .embed-responsive .embed-responsive-item, .bravo-vendor-form-register .embed-responsive iframe, .bravo-vendor-form-register .embed-responsive embed, .bravo-vendor-form-register .embed-responsive object, .bravo-vendor-form-register .embed-responsive video, .bravo_gallery .embed-responsive .embed-responsive-item, .bravo_gallery .embed-responsive iframe, .bravo_gallery .embed-responsive embed, .bravo_gallery .embed-responsive object, .bravo_gallery .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .bravo_wrap .bravo-video-popup { display: inline-block; position: relative; } .bravo_wrap .bravo-video-popup .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.7; cursor: pointer; } .bravo_wrap .bravo-video-popup:hover .play-icon { opacity: 1; } .dashboard__sidebar a { color: inherit; } .dashboard__sidebar .sidebar__item .children { display: none; } .dashboard__sidebar .sidebar__item .children.opened { display: block; } .footer.-dashboard p, .footer.-dashboard a { font-size: inherit; color: inherit; } .footer.-dashboard a:hover { color: #0a58ca; } .footer.-dashboard .dropdown > a { font-weight: 500; color: inherit; text-decoration: underline; font-size: var(--text-14); } .sidebar__user .logo { text-align: center; } .sidebar__user .logo .avatar { height: 120px; width: 120px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; margin: 0 auto 10px; } .sidebar__user .logo .avatar-text { width: 100px; height: 100px; display: flex; font-size: 40px; font-weight: 400; border-radius: 50%; background-color: #f2f5f9; margin: 0 auto 10px; justify-content: center; align-items: center; } .sidebar__user .become-vendor { display: inline-flex; border-radius: 20px; } .button.-sm { padding: 9px 24px; } .dashboard__sidebar { padding-top: 40px; } .booking__history table tbody td a.btn, .booking__history table tbody td a:not([href]):not([tabindex]) { color: #FFF; } table.table-3 th, table.table-3 td { padding-left: 10px; padding-right: 10px; } .gotrip-bravo-pagination a { color: #1A2B48; } .gotrip-bravo-pagination .active > * { color: #FFF; background-color: #1A2B48; } .processing span, .unpaid span, .pending span { background-color: #FFF8DD; color: #FFC700; } .partial_payment span { background-color: #E5F0FD; color: #3554D1; } .paid span, .completed span, .confirmed span { background-color: #EBFCEA; color: #008009; } .cancelled span, .cancel span { background-color: #DDDDDD; color: #000000; } .fail span { background-color: #FFF5F8; color: #F1416C; } .draft span { background-color: #F5F5F5; color: #697488; } @media (max-width: 1199px) { .bravo_wrap .bravo_header .currency-dropdown, .bravo_wrap .bravo_header .language-dropdown, .bravo_wrap .bravo_header .login-item { display: none; } } .bravo_wrap .bravo_header .login-item .subnav a { justify-content: flex-start; } .bravo_wrap .bravo_header .login-mobile-item .dropdown-menu { width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: auto; } .bravo_wrap .bravo_header .login-mobile-item .dropdown-menu li:first-child { border-bottom: 1px solid silver; padding-bottom: 6px; } @media (max-width: 1199px) { .bravo_wrap .bravo_header .header-menu .header-menu__content .mobile-footer { display: flex; justify-content: flex-end; } .bravo_wrap .bravo_header .header-menu .header-menu__content .mobile-footer .currency-dropdown, .bravo_wrap .bravo_header .header-menu .header-menu__content .mobile-footer .language-dropdown { display: block; color: initial; margin-left: 15px; } .bravo_wrap .bravo_header .header-menu .header-menu__content .mobile-footer .currency-dropdown a, .bravo_wrap .bravo_header .header-menu .header-menu__content .mobile-footer .language-dropdown a { display: inline-flex; align-items: center; } .bravo_wrap .bravo_header .header-menu .header-menu__content .mobile-footer .currency-dropdown a i, .bravo_wrap .bravo_header .header-menu .header-menu__content .mobile-footer .language-dropdown a i { font-size: 10px; } } .bravo_wrap .bravo_header .header-menu.menu-right .menu__nav li.login-item .subnav { left: initial; right: 0; } .bravo_wrap .bravo_header .header-menu.menu-right .menu__nav li.login-item .subnav:before { left: 75px; } .bravo_wrap .bravo_header .header-logo .logo-dark { display: none; } .header-transparent_v4 .bravo_wrap .bravo_header .currency-dropdown, .header-transparent_v4 .bravo_wrap .bravo_header .language-dropdown, .header-transparent_v4 .bravo_wrap .bravo_header .login-item { color: var(--color-white); } .header-transparent_v4 .bravo_wrap .bravo_header.is-sticky .menu-right .menu__nav .button { color: var(--color-dark-1) !important; border-color: var(--color-dark-1) !important; } .header-transparent_v4 .bravo_wrap .bravo_header.is-sticky .menu-right .menu__nav li { color: var(--color-dark-1); } .header-transparent_v4 .bravo_wrap .bravo_header .header-logo .logo-light { display: none; } .header-transparent_v4 .bravo_wrap .bravo_header .header-logo .logo-dark { display: block; position: static; opacity: 1; } .header-transparent_v5 .bravo_wrap .header-logo .logo-light { display: none; } .header-transparent_v5 .bravo_wrap .header-logo .logo-dark { display: block; position: static; opacity: 1; } .bravo_wrap .bravo_header.is-menu-opened .header-logo .logo-dark { display: block; } .bravo_header.is-menu-opened .icon-menu { color: #000; } .bravo_header.is-menu-opened .icon-user { color: #000; } .login-item .is_login img { border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .bravo_wrap .bravo_header .text-dark-1 .currency-dropdown, .bravo_wrap .bravo_header .text-dark-1 .language-dropdown, .bravo_wrap .bravo_header .text-dark-1 .login-item { color: #051036; } .header-transparent_v6 .header .header-logo .logo-light { display: none; } .header-transparent_v6 .header .header-logo .logo-dark { display: block; position: relative; opacity: 1; } .header-transparent_v7 .bravo_header .header__container .col-left { flex: 1; } .header-transparent_v7 .bravo_header .header__container .col-left .d-flex { justify-content: space-between; } @media (max-width: 1199px) { .header .header-menu .mobile-footer .menu-item-has-children { position: relative; } .header .header-menu .mobile-footer ul.subnav { display: none; position: absolute; bottom: 100%; right: 0; padding: 15px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.16); background-color: #FFF; } .header .header-menu .mobile-footer ul.subnav.active { display: block; } .header-transparent_v2 .header.is-menu-opened .header-logo img.logo-light { display: none; } .header-transparent_v2 .header.is-menu-opened .header-logo img.logo-dark { opacity: 1; position: relative; } .header .header-menu .menu { overflow-y: auto; } } .header .header-menu .menu .mega { display: flex; flex-wrap: wrap; width: 700px; } .header .header-menu .menu .mega.--has-mega-image { width: 900px; } .header .header-menu .menu .mega .mega-image { width: 30%; } .header .header-menu .menu .mega .mega-image img { height: 90%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; } .header .header-menu .menu .mega .subnav { flex: 1; display: flex; opacity: 1; left: 0; top: 0; min-width: 0; position: relative; padding: 0; background-color: transparent; box-shadow: none; flex-wrap: wrap; } .header .header-menu .menu .mega .subnav > li { width: 25%; margin-bottom: 15px; } .header .header-menu .menu .mega .subnav > li > a { font-weight: bold; } .header .header-menu .menu .mega .subnav > li > a:hover { background-color: transparent; } .header .header-menu .menu .mega .subnav .subnav { display: block; } .header .header-menu .menu .mega .subnav .subnav > li { width: 100% !important; margin-bottom: 0; } .header .header-menu .menu .mega .subnav .subnav > li > a { font-weight: 400; padding-bottom: 2px; padding-top: 2px; } .header .header-menu .menu .mega .subnav .subnav > li > a:hover { background-color: transparent; } .header .header-menu .menu .mega .subnav a i.icon { display: none; } .header .header-menu .menu .mega.column-3 { width: 500px; } .header .header-menu .menu .mega.column-3.--has-mega-image { width: 700px; } .header .header-menu .menu .mega.column-3 .mega-image { width: 35%; } .header .header-menu .menu .mega.column-3 .subnav > li { width: 33.33%; } .header .header-menu .menu .mega.column-2 { width: 400px; } .header .header-menu .menu .mega.column-2.--has-mega-image { width: 550px; } .header .header-menu .menu .mega.column-2 .mega-image { width: 45%; } .header .header-menu .menu .mega.column-2 .subnav > li { width: 50%; } .header .gotrip-header-transparent_v8 .header-menu .menu .mega, .header .gotrip-header-transparent_v7 .header-menu .menu .mega { right: -300px; left: auto; } @media (min-width: 1200px) { .header .header-menu .menu li.-has-mega-menu:hover > .mega .subnav { pointer-events: auto; } } @media (min-width: 1200px) { .pc-menu-none { display: none !important; } } @media (max-width: 1199px) { .mb-menu-none { display: none !important; } } .gotrip-topbar { z-index: 9999; } .gotrip-topbar a:hover { color: #FFF; } .gotrip-dropdown .subnav { display: none; background: #FFF; width: 120px; top: 100%; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); left: -15px; position: absolute; } .gotrip-dropdown .subnav:before { content: ""; position: absolute; top: -4px; left: 20px; width: 8px; height: 8px; background-color: white; transform: rotate(45deg); } .gotrip-dropdown .subnav li a { display: block; padding: 2px 15px; font-size: 14px; } .gotrip-dropdown .subnav li a:hover { color: #000; } .gotrip-dropdown > li { position: relative; } .gotrip-dropdown > li > a { font-size: 14px; color: #FFF; } .gotrip-dropdown > li > a i { font-size: 10px; } .gotrip-dropdown > li.show .subnav { display: block; } .bravo_wrap .mailchimp .bravo-subscribe-form { position: relative; } .bravo_wrap .mailchimp .bravo-subscribe-form .form-mess { position: absolute; bottom: -40px; } .bravo_wrap .mailchimp .bravo-subscribe-form .button .fa-spinner { margin-left: 5px; display: none; } .bravo_wrap .mailchimp .bravo-subscribe-form.loading .button .fa-spinner { display: inline; } .bravo_wrap .footer.style_4 .footer_middle_area p { color: var(--color-white); } .bravo_wrap .footer .menu-footer .menu__nav { display: flex; } .bravo_wrap .footer .menu-footer .menu__nav li { position: relative; } .bravo_wrap .footer .menu-footer .menu__nav li a { cursor: pointer; padding: 0 10px; } .bravo_wrap .footer .menu-footer .menu__nav li > a .icon { font-size: 7px; } .bravo_wrap .footer .menu-footer .menu__nav li:hover > .subnav { opacity: 1; pointer-events: auto; } .bravo_wrap .footer .menu-footer .menu__nav li .subnav { position: absolute; bottom: 100%; background-color: white; border-radius: 4px; color: var(--color-dark-1) !important; min-width: 240px; padding: 20px; box-shadow: 0px 10px 60px 0px rgba(5, 16, 54, 0.0509803922); opacity: 0; pointer-events: none; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .bravo_wrap .footer .menu-footer .menu__nav li .subnav > li > a:hover { color: var(--color-blue-1); background-color: rgba(53, 84, 209, 0.05); } .footer.style_6 .text-blue-1 { color: #FFF; } .footer.style_6 a { transition: all 0.3s; } .footer.style_6 a:hover { color: #FFF; opacity: 0.7; } .footer.style_6 .text-light-1 { color: #FFF; } /* ==================================================================== Pricing Section ==================================================================== / .tabs-box { position: relative; } .tabs-box .tab { display: none; } .tabs-box .active-tab { display: block; } .tabs-box .tab-btn { cursor: pointer; } .pricing-section { position: relative; padding: 100px 0 70px; } .pricing-tabs { position: relative; } .pricing-tabs .tab-buttons { text-align: center; position: relative; margin-bottom: 30px; } .pricing-tabs .tab-buttons h4 { display: block; font-weight: 500; font-size: 16px; line-height: 22px; color: #202124; margin-bottom: 15px; } .pricing-tabs .tab-btns { position: relative; display: flex; justify-content: center; align-items: center; } .pricing-tabs .tab-btns:before { position: absolute; top: 0; left: 50%; width: 60px; height: 30px; transform: translateX(-50%); background: #1967D2; border: 1px solid #E7E7EC; box-sizing: border-box; box-shadow: 0px 8px 15px rgba(140, 152, 164, 0.1); border-radius: 30px; content: ""; transition: all 300ms linear; } .pricing-tabs .tab-btns li { list-style: none; position: relative; font-size: 14px; line-height: 30px; color: #696969; cursor: pointer; z-index: 8; padding: 0 48px 0; min-width: 196px; transition: all 300ms ease; } .pricing-tabs .tab-btns li:before { position: absolute; right: -26px; height: 20px; width: 20px; top: 5px; background: #ffffff; content: ""; border-radius: 50%; transition: all 300ms ease; } .pricing-tabs .tab-btns li.active-btn:before { right: 6px; } .pricing-tabs .tab-btns li:last-child:before { display: none; } .pricing-table { position: relative; margin-bottom: 30px; } .pricing-table .inner-box { position: relative; background: #FFFFFF; border: 1px solid #ECEDF2; box-sizing: border-box; border-radius: 8px; padding: 40px 40px; overflow: hidden; transition: all 300ms ease; } .pricing-table .inner-box:hover, .pricing-table.tagged .inner-box { border: 1px solid #1967D2; box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05); } .pricing-table .tag { position: absolute; right: 30px; top: 30px; overflow: hidden; border-radius: 30px; font-size: 13px; line-height: 20px; color: #34A853; padding: 5px 25px; } .pricing-table .tag:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #34A853; opacity: 0.15; content: ""; border-radius: 30px; } .pricing-table .title { display: block; font-weight: 500; font-size: 18px; line-height: 24px; color: #1967D2; margin-bottom: 10px; } .pricing-table .price { position: relative; display: flex; align-items: flex-end; font-size: 30px; line-height: 41px; color: #202124; font-weight: 500; margin-bottom: 40px; transition: all 300ms ease; } .pricing-table .duration { position: relative; font-size: 18px; line-height: 1em; color: #202124; font-weight: 400; bottom: 7px; margin-left: 7px; } .pricing-table .table-content { position: relative; margin-bottom: 50px; } .pricing-table .table-content ul { position: relative; list-style: none; } .pricing-table .table-content ul li { position: relative; font-size: 14px; line-height: 25px; color: #696969; font-weight: 400; margin-bottom: 20px; padding-left: 30px; } .pricing-table .table-content ul li:before { position: absolute; left: 0; top: 0; font-family: FontAwesome; font-size: 16px; color: #202124; content: "\f00c"; } .pricing-table .table-footer { position: relative; } .pricing-table .table-footer a { position: relative; display: block; width: 100%; } .skeleton-loading .thumb-image, .skeleton-loading .g-info > , .skeleton-loading .g-rate-price > , .skeleton-loading.item-loop-wrap:not(.inner-loop-wrap) > , .skeleton-loading .thumb-image .price-wrapper, .skeleton-loading .has-skeleton { position: relative; overflow: hidden; background-color: #dddbdd; } .skeleton-loading .thumb-image:before, .skeleton-loading .g-info > :before, .skeleton-loading .g-rate-price > :before, .skeleton-loading.item-loop-wrap:not(.inner-loop-wrap) > :before, .skeleton-loading .thumb-image .price-wrapper:before, .skeleton-loading .has-skeleton:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #dddbdd; z-index: 3; } .skeleton-loading .thumb-image::after, .skeleton-loading .g-info > ::after, .skeleton-loading .g-rate-price > ::after, .skeleton-loading.item-loop-wrap:not(.inner-loop-wrap) > ::after, .skeleton-loading .thumb-image .price-wrapper::after, .skeleton-loading .has-skeleton::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); z-index: 3; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); -webkit-animation: shimmer 3s infinite; animation: shimmer 3s infinite; } .skeleton-loading .g-rate-price::before { display: none; } .skeleton-loading .sale_info { display: none !important; } @-webkit-keyframes shimmer { 100% { transform: translateX(100%); } } @keyframes shimmer { 100% { transform: translateX(100%); } } .masthead__content .check-in-out { position: absolute; left: -15px; bottom: 1px; z-index: -1; opacity: 0; } .cardImage__leftBadge { width: auto; height: auto; } .align-baseline { align-items: baseline; } .header_2 .dropdown > a { color: #fff; } .list-star { position: relative; display: flex; } .list-star .booking-item-rating-stars { padding: 0; margin: 0; } .list-star .booking-item-rating-stars li { height: 14px; list-style: none; display: flex; align-items: center; } .list-star .booking-item-rating-stars li .fa { font-size: 11px; } .list-star .booking-item-rating-stars-active { position: absolute; width: 0; top: 0; left: 0; overflow: hidden; } .shrink-0 { flex-shrink: 0; } .w-100 { width: 100% !important; } .position-relative { position: relative; } .bravo-list-item .topbar-search { border-bottom: 30px; } .bravo-list-item .topbar-search .control .item:not(:first-child) { margin-left: 5px; padding-left: 5px; border-left: solid 1px #a7a7a7; } .bravo-list-item .topbar-search .control .item .dropdown .dropdown-toggle { padding: 3px 15px; border: solid 1px #ccc; margin-left: 5px; } .bravo-list-item .list-service-item .cardImage__content img { width: 100%; height: 100%; } .has-search-map .bravo_form_search_map .bravo_form { background: var(--color-light-2) !important; width: auto; border-radius: 4px; } @media (min-width: 992px) { .has-search-map .bravo_form_search_map .bravo_form { padding-left: 0 !important; } } .has-search-map .bravo_form_search_map .bravo_form .button-item .button { width: 60px; border-radius: 4px; } @media (max-width: 992px) { .has-search-map .bravo_form_search_map .bravo_form .button-item .button { width: 100%; } } .has-search-map .bravo_form_search_map .bravo_form .button-item .button .icon-search { margin: 0 !important; } .has-search-map .bravo_form_search_map .bravo_form .button-item .button .text-search { display: none; } .has-search-map .halfMap__map #bravo_results_map { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .has-search-map .halfMap__map #bravo_results_map .infobox-item { overflow: hidden; border-radius: 4px; } .has-search-map .halfMap__map #bravo_results_map .infobox-item .hotelsCard__image { border-radius: 0; } .has-search-map .halfMap__map #bravo_results_map .infobox-item .hotelsCard__content { padding: 0 10px 10px 10px; } .bravo_detail .bravo_content .g-attributes .list-attributes { margin: 0 -15px; } .bravo_detail .bravo_content .g-attributes .list-attributes .item { flex: 0 0 25%; max-width: 25%; padding: 7.5px 15px; } @media (max-width: 1023px) { .bravo_detail .bravo_content .g-attributes .list-attributes .item { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } @media (max-width: 655px) { .bravo_detail .bravo_content .g-attributes .list-attributes .item { flex: 0 0 50%; max-width: 50%; } } .bravo_detail .bravo_content .g-attributes .list-attributes .item .img-responsive { width: 20px; height: 20px; } .bravo_detail .review-list .review-item .avatar { width: 60px; height: 60px; border-radius: 50%; } .bravo_detail .review-form .review-items .item .rates .fa.hovered, .bravo_detail .review-form .review-items .item .rates .fa.selected { color: var(--color-yellow-1); } .bravo_detail .review-form .review-items .item .rates .fa.hovered:before, .bravo_detail .review-form .review-items .item .rates .fa.selected:before { content: "\f005"; } .bravo_detail .review-form .form-input .invalid-feedback { position: absolute; bottom: -24px; } .bravo_detail .bravo_single_book_wrap .searchMenu-guests .form-guest-search .input input { max-width: 50px; text-align: center; } .bravo_detail .bravo_single_book_wrap .searchMenu-guests .form-guest-search .input input::-webkit-inner-spin-button, .bravo_detail .bravo_single_book_wrap .searchMenu-guests .form-guest-search .input input::-webkit-outer-spin-button { display: none; } .sale-price { margin-right: 3px; text-decoration: line-through; font-size: 14px; color: #c03 !important; font-weight: 400; } .bravo_wrap .bravo_user_profile .bravo-list-item .list-item .item-list { background: #fff; } .bravo_wrap .bravo_user_profile .bravo-list-item .list-item .item-list .location, .bravo_wrap .bravo_user_profile .bravo-list-item .list-item .item-list .rate { padding-bottom: 5px !important; } .bravo_wrap .bravo_user_profile .language-navigation { margin-bottom: 20px; } .bravo_wrap .bravo_user_profile .language-navigation ul { border: none; } .bravo_wrap .bravo_user_profile .language-navigation ul li { margin: 0; } .bravo_wrap .bravo_user_profile .language-navigation ul li a { border: solid 1px #ccc; border-radius: 0; margin-right: 10px; background: #fff; color: rgba(16, 16, 16, 0.8); } .bravo_wrap .bravo_user_profile .language-navigation ul li a.active { color: #fff; border: solid 1px #fa5636; background: #FA5636; } .bravo_wrap .bravo_user_profile .form-add-service .nav-tabs { background: #4452cf !important; } .bravo_wrap .bravo_user_profile .form-control { border: 1px solid #ced4da !important; } .bravo_wrap .bravo_user_profile input[type=checkbox], .bravo_wrap .bravo_user_profile input[type=radio] { width: auto !important; border: 1px solid #b4b9be !important; } .bravo_wrap .bravo_user_profile .term-item { margin-right: 10px; } .bravo_wrap .bravo_user_profile .bravo-pagination .count-string { float: none !important; text-align: left; } .bravo_wrap .bravo_user_profile .bravo-pagination .custom-pagination { margin-top: 0 !important; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-title { display: none; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-section { padding: 0; border-bottom: 1px solid #EAEEF3; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-section:last-child { border-bottom: 0px; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-section .service-info { display: none !important; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .service-info .service-name a { color: #1A2B48; font-size: 16px; line-height: 25px; font-weight: 500; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .service-info .service-name a:hover { text-decoration: none; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .service-info .address { color: #5E6D77; margin-bottom: 0px; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-list { margin: 0px; padding: 0px; list-style: none; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-list li { margin-bottom: 13px; display: flex; justify-content: space-between; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-list li .val { color: #5E6D77; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-list li:last-child { margin-bottom: 0px; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-list li.no-flex { display: block; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-list li ul { padding-left: 15px; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-list li.final-total { border-top: 1px solid #EAEEF3; padding-top: 10px; font-size: 19px; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-list li.final-total .label { font-weight: 500; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-list li.final-total .val { font-weight: 500; color: #3490dc; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-section ul { margin: 0px; padding: 0px; list-style: none; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-section ul li { display: flex; justify-content: space-between; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DAE1E7; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-section ul li .val { color: #5E6D77; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-section ul li:last-child { margin-bottom: 0px; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-section ul li.no-flex { display: block; } .bravo_wrap .bravo_user_profile .booking-review .booking-review-content .review-section ul li ul { padding-left: 15px; } .bravo_single_book .nav-enquiry { padding: 10px; display: flex; background: #f7f7f7; margin-top: 15px; border-radius: 5px; } .bravo_single_book .nav-enquiry .enquiry-item { flex: 0 0 50%; text-align: center; } .bravo_single_book .nav-enquiry .enquiry-item span { color: #1a2b4e; text-transform: uppercase; font-weight: 500; display: inline-block; border-bottom: solid 1px transparent; cursor: pointer; } .bravo_single_book .nav-enquiry .enquiry-item.active span { border-bottom: solid 1px var(--color-blue-1); color: var(--color-blue-1); } .bravo-booking-page .form-control { border: 1px solid #ced4da; } .bravo-booking-page .input-group-text { border-radius: 0; } .owner-info { background: #FFF; border-radius: 3px; padding: 15px; border: 1px solid #D7DCE3; } .owner-info .media-left { padding-right: 10px; } .owner-info .media-left a { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; } .owner-info .avatar-text { background: #1a2b47; color: #fff; border-radius: 50%; width: 50px; height: 50px; display: block; text-align: center; padding-top: 4px; position: relative; font-size: 29px; top: 0; text-decoration: none; } .owner-info .media-heading { font-weight: 500; font-size: 14px; color: #1a2b48; margin-top: 5px; margin-bottom: 5px; } .owner-info .media-heading a { color: inherit; } .owner-info p { margin-bottom: 5px; color: #5E6D77; font-size: 12px; } .service-wishlist.active .button { border-color: var(--color-blue-1); background-color: var(--color-blue-1) !important; color: white !important; } .bravo-list-car .item-loop-gird-2 .cardImage__content, .bravo-list-car-related .item-loop-gird-2 .cardImage__content { padding: 25px; display: flex; } .bravo-list-car .item-loop-gird-2 .cardImage__content img, .bravo-list-car-related .item-loop-gird-2 .cardImage__content img { eight: auto !important; -o-object-fit: contain; object-fit: contain; } .visible { visibility: visible; } .invisible { visibility: hidden; } .bravo_search_tour .bravo_form_search_map .bravo_form, .bravo_search_car .bravo_form_search_map .bravo_form, .bravo_search_event .bravo_form_search_map .bravo_form, .bravo_search_boat .bravo_form_search_map .bravo_form { background: none !important; } .bravo_search_tour .bravo_form_search_map .bravo_form .button-item, .bravo_search_car .bravo_form_search_map .bravo_form .button-item, .bravo_search_event .bravo_form_search_map .bravo_form .button-item, .bravo_search_boat .bravo_form_search_map .bravo_form .button-item { display: flex; justify-content: end; } .bravo_search_space .bravo_form_search_map .bravo_form { margin-top: 0 !important; } .bravo_search_space .bravo_form_search_map .bravo_form .searchMenu-guests__field { left: auto; right: 0; } .boat-map-form-search .button-grid { grid-template-columns: 1fr 290px auto; } .bravo-location-service-list .loop-type-car .item-loop-gird-2 .cardImage__content { padding: 25px; display: flex; } .bravo-location-service-list .loop-type-car .item-loop-gird-2 .cardImage__content img { height: auto !important; -o-object-fit: contain; object-fit: contain; } .text-dark-1-i { color: var(--color-dark-1) !important; } .gotrip-overview p { color: var(--color-dark-1); } .gotrip-overview h4 { font-weight: 500; font-size: var(--text-16); margin-top: 30px; margin-bottom: 15px; } .gotrip-overview ul { list-style: none; } .gotrip-overview ul li { list-style-type: disc; list-style-position: inside; } .bravo-news .sidebar-widget .sidebar-title h4, .bravo-news .sidebar-widget .sidebar-title h2 { font-weight: 600 !important; } .halfMap.bravo_search_car { margin-top: 0; } .bravo_wrap .bravo_search.halfMap .halfMap__content .gotrip_form_search .button-item { flex: 0 0 60px; max-width: 60px; } @media (max-width: 991px) { .bravo_wrap .bravo_search.halfMap .halfMap__content .gotrip_form_search .button-item { flex: 0 0 100%; max-width: 100%; } } .bravo_wrap .bravo_search .gotrip_form_search { width: 100%; margin-top: 30px; border-radius: 4px; } .bravo_wrap .bravo_search .gotrip_form_search .button-item .button { border-radius: 4px; } .bravo_wrap .gotrip_form_search { display: flex; } .bravo_wrap .gotrip_form_search .field-items { display: flex; flex: 1; } .bravo_wrap .gotrip_form_search .field-items > .row > div:not(:last-child) { border-right: 1px solid var(--color-border); } @media (max-width: 991px) { .bravo_wrap .gotrip_form_search .field-items > .row > div:not(:last-child) { border-right: 0; border-bottom: 1px solid var(--color-border); } } .bravo_wrap .gotrip_form_search .button-item { flex: 0 0 150px; width: 100%; max-width: 150px; justify-content: end; display: flex; } .bravo_wrap .gotrip_form_search .button-item .button { max-width: 150px; } @media (max-width: 991px) { .bravo_wrap .gotrip_form_search .button-item { max-width: 100%; } .bravo_wrap .gotrip_form_search .button-item .button { max-width: 100%; } } .bravo_wrap .gotrip_form_search.form-search-service-hotel .field-items > .row > div { padding: 24px 30px !important; } .bravo_wrap .gotrip_form_search.form-search-service-hotel .button-item .mainSearch__submit { height: 100% !important; border-radius: 0; } .bravo_wrap .gotrip_form_search.form-search-sidebar { flex-direction: column; background: transparent !important; } .bravo_wrap .gotrip_form_search.form-search-sidebar .field-items > .row > div { align-self: normal !important; border-right: none; margin-bottom: 20px; background: #fff; width: 100%; padding: 10px 20px !important; border-radius: 4px; } .bravo_wrap .gotrip_form_search.form-search-sidebar .button-item { flex: 0 0 100%; max-width: 100%; } .bravo_wrap .gotrip_form_search.form-search-sidebar .button-item .button { max-width: 100%; } @media (max-width: 991px) { .bravo_wrap .gotrip_form_search { flex-wrap: wrap; } .bravo_wrap .gotrip_form_search .field-items, .bravo_wrap .gotrip_form_search .button-item { width: 100%; flex: unset; } } @media (max-width: 991px) { .bravo_wrap .halfMap__map { height: 300px; } } .bravo-review-score a.checked { color: #FFF !important; } .cardImage__discounttBadge { position: absolute; bottom: 20px; left: 0; width: auto; } .is_desktop { display: block; } @media (max-width: 1023px) { .is_desktop { display: none; } } .is_mobile { display: none; } @media (max-width: 1023px) { .is_mobile { display: block; } } .gotrip-form-search-grid { background: var(--color-light-2) !important; } .gotrip-form-search-grid .gotrip_form_search { flex-wrap: wrap; background: none !important; padding: 20px !important; } .gotrip-form-search-grid .gotrip_form_search .button-item { max-width: none; } .gotrip-form-search-grid .gotrip_form_search .button-item button { width: 100%; max-width: none; } .gotrip-form-search-grid .gotrip_form_search .field-items { flex: 0 0 100%; } .gotrip-form-search-grid .gotrip_form_search .button-item { flex: 0 0 100%; } .gotrip-form-search-grid .gotrip_form_search .row > div { flex: 0 0 100%; border: none !important; padding: 0 0 15px 0 !important; } .bravo_form_filter.-is-active { display: block !important; background: white; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; overflow-y: scroll; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 1; pointer-events: auto; } .halfMap__content { height: calc(100vh - 100px); overflow: auto; } .btn-apply-advances, .btn-apply-price-range { width: auto; } .toggle-element.-dropdown { min-width: 180px; } .c-pointer { cursor: pointer; } .invalid-feedback.show { display: block; } .bravo-subscribe-form .form-mess .text-success { color: #008009; } .sidebar-checkbox .hide { display: none; } .halfMap__content { overflow-x: hidden; } .clear-loc { right: 0; cursor: pointer; display: none; z-index: 99; } .has-val .clear-loc { display: inline-block; } .searchMenu-loc.has-val .js-search { padding-right: 20px; } .min-height-300 { min-height: 300px; } .text-success { color: #28a745 !important; } .text-danger { color: #dc3545 !important; } .dropdown-notifications button { position: relative; } .dropdown-notifications button .notification-icon { top: 2px; right: 8px; left: auto; } .dropdown-notifications .dropdown-menu { background-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); } .dropdown-notifications .dropdown-menu.-is-active { display: block; } @media (max-width: 767px) { .dropdown-notifications .dropdown-menu-right { right: -60px; } } @media (min-width: 576px) { #flightFormBookModal .modal-dialog { max-width: 1000px; } } .bravo_wrap #flightFormBookModal .modal-dialog .modal-body .icon-loading { align-items: center; justify-content: center; } #bravo_notify .media { display: flex; align-items: flex-start; } #bravo_notify .panel { background-color: #fff; box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); border-radius: 3px; margin-bottom: 20px; } @media (max-width: 767px) { #bravo_notify .col-3, #bravo_notify .col-9 { width: 100%; } } .gotrip-login-modal .modal-header, .gotrip-register-modal .modal-header { border-bottom: dashed 1px #ccc; } @media (max-width: 1023px) { .bravo_detail_boat .cruiseSlider-slider .cruiseSlider__nav { display: none; } } .bravo_detail_location .location_banner .effect { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; } @media (max-width: 766px) { .bravo_detail_location .location_banner .effect { background: #20347a; opacity: 1; } } @media (max-width: 766px) { .bravo_detail_location .location_banner img { display: none; } } @media (max-width: 766px) { .bravo_detail_location .location_banner .text-banner { position: relative !important; padding: 30px !important; } .bravo_detail_location .location_banner .text-banner .text-50 { font-size: 32px !important; } } @media (max-width: 767px) { .bravo_hotel_detail .hotel_list_rooms .room-item .roomGrid .roomGrid__header { display: none; } .bravo_hotel_detail .hotel_list_rooms .room-item .roomGrid .roomGrid__grid { display: block; } .hotel_rooms_form .form-search-rooms .form-search-row .g-button-submit { padding: 20px; } } .gotrip-banner .btn-group { position: absolute; bottom: 20px; left: 10px; display: inline-flex; vertical-align: middle; z-index: 1; } .gotrip-banner .btn-group .btn { margin-left: 10px; background: rgba(26, 43, 72, 0.5); font-size: 14px; color: #fff; padding: 12px 20px; } .gotrip-banner .btn-group .has-icon { display: flex; align-items: center; } .gotrip-banner .btn-group .btn .fa { margin-right: 10px; } .video_popup_modal .modal .modal-dialog { position: relative; top: 50%; width: 100%; transform: translate(0, -50%); margin: -10px auto 0; } .video_popup_modal .modal .modal-content { padding: 0; background: transparent; border: none; } .video_popup_modal .close { float: right; } .video_popup_modal .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .video_popup_modal .embed-responsive-16by9::before { display: block; content: ""; padding-top: 56.25%; } .video_popup_modal .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .review_upload_btn { position: relative; } .helpText:after { content: "\f067"; font-family: "FontAwesome"; font-size: 150%; color: gray; display: flex; align-items: center; justify-content: center; width: 10vh; height: 10vh; border: 3px dashed gray; } .review_upload_file { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 10; } .review_upload_item { cursor: pointer; background-repeat: no-repeat; background-size: cover; background-position: center; height: 10vh; } .alert-text { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-text.danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .item-loop-gird-2 .cardImage__content { padding: 25px; } .item-loop-gird-2 .cardImage__content img { -o-object-fit: contain; object-fit: contain; } .js-results .-link { cursor: pointer; } .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active:hover { color: #FFF !important; } .masthead.-type-9 { z-index: 1; } .count-display input[type=number] { -moz-appearance: textfield; } .searchMenu-guests__field input[type=number] { -moz-appearance: textfield; } .button { cursor: pointer; } .bc-two-tactor-authentication { padding: 100px 0; } .bc-two-tactor-authentication .mb-4 { margin-bottom: 20px !important; } .bc-two-tactor-authentication .form-group { margin-bottom: 15px; } .bc-two-tactor-authentication .form-control { border: 1px solid #ced4da; } .bc-two-tactor-authentication .btn-primary { background-color: #3554D1; padding: 5px 25px; border-radius: 5px; color: white; } .bc-two-tactor-authentication .text-md-right { text-align: right; } .bc-two-tactor-authentication .card-header { color: #fff; background-color: #20347a; } .bravo-form-search-all.carousel_v2 .effect { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 0; } .bravo-form-search-all.carousel_v2 .effect .item { width: 100%; height: 100% !important; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; align-items: center; display: flex; flex-wrap: wrap; align-content: center; } @media (max-width: 768px) { .bravo-form-search-all.carousel_v2 .effect .item { display: block; } .bravo-form-search-all.carousel_v2 .effect .item .text-heading { padding-top: 80px; margin: 0; } } .bravo-form-search-all.carousel_v2 .effect .owl-carousel, .bravo-form-search-all.carousel_v2 .effect .owl-stage-outer, .bravo-form-search-all.carousel_v2 .effect .owl-stage, .bravo-form-search-all.carousel_v2 .effect .owl-item { height: 100%; background-size: cover; background-position: center; } .bravo-form-search-all.carousel_v2 .owl-nav, .bravo-form-search-all.carousel_v2 .owl-dots { display: none !important; } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .profile-summary { border-radius: 5px; } .profile-summary .meta-info.style2 li i { font-size: 16px !important; } .profile-summary .meta-info.style1 li:before { top: 6px !important; } .bravo-news .blog-breadcrumb { padding: 20px 0; border-bottom: 1px solid #EAEEF3; } .bravo-news .blog-breadcrumb ul, .bravo-news .blog-breadcrumb ol, .bravo-news .blog-breadcrumb .ul { list-style: none; display: block; width: 100%; margin-bottom: 0; padding-left: 0; background: #FFF; } .bravo-news .blog-breadcrumb ul li, .bravo-news .blog-breadcrumb ol li, .bravo-news .blog-breadcrumb .ul li { position: relative; display: inline-block; padding-left: 20px; padding-right: 20px; z-index: 0; } .bravo-news .blog-breadcrumb ul li a, .bravo-news .blog-breadcrumb ol li a, .bravo-news .blog-breadcrumb .ul li a { display: block; font-weight: 500; color: #1A2B48; text-decoration: none; line-height: 21px; } .bravo-news .blog-breadcrumb ul li.active, .bravo-news .blog-breadcrumb ol li.active, .bravo-news .blog-breadcrumb .ul li.active { color: #5E6D77; } .bravo-news .blog-breadcrumb ul li:first-child, .bravo-news .blog-breadcrumb ol li:first-child, .bravo-news .blog-breadcrumb .ul li:first-child { padding-left: 0; } .bravo-news .blog-breadcrumb ul li:not(:last-child):after, .bravo-news .blog-breadcrumb ol li:not(:last-child):after, .bravo-news .blog-breadcrumb .ul li:not(:last-child):after { position: absolute; content: ""; top: 50%; right: -2px; margin-top: -2px; width: 4px; height: 4px; background: #EAEEF3; z-index: 1; } .bravo-pagination .count-string { color: #768090; display: block; font-size: 14px; margin-top: 5px; text-align: center; } .bravo-more-book-mobile { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; z-index: 11; display: none; border-top: solid 1px #ddd; line-height: 20px; } @media (max-width: 990px) { .bravo-more-book-mobile { display: block; } } .bravo-more-book-mobile .container { align-items: center; display: flex; -ms-flex-wrap: wrap; height: 65px; flex-wrap: wrap; } .bravo-more-book-mobile .left, .bravo-more-book-mobile .right { flex: 0 0 50%; max-width: 50%; } .bravo-more-book-mobile .left .g-price .prefix { color: #5E6D77; display: inline-block; } .bravo-more-book-mobile .left .g-price .prefix i { font-size: 16px; color: #ffc107; } .bravo-more-book-mobile .left .g-price .fr_text { font-size: 12px; } .bravo-more-book-mobile .left .g-price .price { position: relative; display: inline-block; } .bravo-more-book-mobile .left .g-price .price .text-price { font-size: 20px; color: #1A2B48; font-weight: 500; } .bravo-more-book-mobile .left .g-price .price .onsale { text-decoration: line-through; font-size: 16px; color: #cc0033 !important; font-weight: 400; } .bravo-more-book-mobile .left .g-price i { font-size: 18px; } .bravo-more-book-mobile .left .service-review .list-star { display: inline-block; line-height: 13px; position: relative; } .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars { padding: 0; margin: 0; width: 90px; } .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars:before, .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars:after { content: ""; display: table; clear: both; } .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars li { list-style: none; float: left; margin-right: 5px; } .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars li:last-child { margin-right: 0; } .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars li .fa { font-size: 15px; color: #FFDC00; } .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars-active { position: absolute; width: 0; top: 0; left: 0; overflow: hidden; } .bravo-more-book-mobile .left .service-review .review { position: relative; top: -2px; font-size: 13px; color: #768092; margin-left: 10px; } @media (max-width: 340px) { .bravo-more-book-mobile .left .service-review .review { display: none; } } .bravo-more-book-mobile .right { text-align: right; } .bravo-more-book-mobile .btn-primary { padding: 8px 20px 6px; color: #fff; } .booking_cookie_agreement { background-color: #02071a; color: #ffffff; display: flex; align-items: baseline; z-index: 999999 !important; font-family: var(--title-font-family); position: fixed; right: 0; bottom: 0; left: 0; } .booking_cookie_agreement p { color: #ffffff; } .booking_cookie_agreement a { color: #EB6753; } .booking_cookie_agreement .content-cookie { flex: 1 1; } .booking_cookie_agreement .save-cookie { background-color: #EB6753; padding: 0.5rem; border-radius: 0.5rem; cursor: pointer; border: 1px solid var(--headings-color); color: #ffffff; } .smart-search, .input-search { position: relative; } .smart-search:not(.normal-control) .parent_text, .smart-search:not(.normal-control) .form-control, .input-search:not(.normal-control) .parent_text, .input-search:not(.normal-control) .form-control { border: none; box-shadow: none; font-size: 16px; position: relative; left: 0 !important; padding: 0 !important; height: 25px; background: transparent; } .smart-search:not(.normal-control) .parent_text[readonly], .smart-search:not(.normal-control) .form-control[readonly], .input-search:not(.normal-control) .parent_text[readonly], .input-search:not(.normal-control) .form-control[readonly] { cursor: pointer; } .smart-search .bravo-autocomplete, .input-search .bravo-autocomplete { opacity: 0; visibility: hidden; transition: all 0.3s; position: absolute; background: #fff; padding: 0; top: 100%; margin-top: 35px; left: 0; border: solid 1px #dee2e6; z-index: 20; max-height: 500px; overflow-y: auto; right: -15px; min-width: 500px; border-radius: 5px; } .smart-search .bravo-autocomplete.show, .input-search .bravo-autocomplete.show { opacity: 1; visibility: visible; } @media (max-width: 1023px) { .smart-search .bravo-autocomplete, .input-search .bravo-autocomplete { margin-top: 10px; border-radius: 0; right: 0; left: -55px; background: #f1f1f1; } } .smart-search .bravo-autocomplete .item, .input-search .bravo-autocomplete .item { cursor: pointer; padding: 10px 15px; color: var(--color-dark-1); } .smart-search .bravo-autocomplete .item:nth-child(2n), .input-search .bravo-autocomplete .item:nth-child(2n) { background: #fff; } .smart-search .bravo-autocomplete .item:last-child, .input-search .bravo-autocomplete .item:last-child { margin-bottom: 0; } .smart-search .bravo-autocomplete .item .h-line, .input-search .bravo-autocomplete .item .h-line { font-weight: 500; } .smart-search .bravo-autocomplete .item i, .input-search .bravo-autocomplete .item i { margin-right: 5px; font-size: 16px; position: relative; top: 1px; color: #828282; } .smart-search .bravo-autocomplete .item:hover, .input-search .bravo-autocomplete .item:hover { background: #f5f4f7; } .smart-search .bravo-autocomplete .message, .input-search .bravo-autocomplete .message { display: none; padding: 10px 15px; font-size: 14px; color: #424242; } .smart-search .bravo-autocomplete.on-message .list-item, .input-search .bravo-autocomplete.on-message .list-item { display: none; } .smart-search .bravo-autocomplete.on-message .message, .input-search .bravo-autocomplete.on-message .message { display: block; } .smart-search.normal-control .form-control, .input-search.normal-control .form-control { padding-right: 25px; } .smart-search.normal-control .bravo-autocomplete, .input-search.normal-control .bravo-autocomplete { margin-top: 0px; } .smart-search.normal-control:after, .input-search.normal-control:after { color: #4b4b4b; top: 23px; right: 15px; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings