/*
Created on : Oct 17, 2023, 10:00:43 AM
Author : bob
*/
/* Font */
/* Inter */
/* https://fonts.google.com/specimen/Inter */
/* MuseoModerno */
/* https://fonts.google.com/specimen/MuseoModerno */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=MuseoModerno:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* General */
body {
font-family: 'Inter', sans-serif !important;
font-size: 0.875rem;
font-weight: 400;
}
/* html header fixed and footer absolute bottom */
html {
min-height: 100%;
/* min-height 100% so footer would be always on bottom */
position: relative;
/* set padding-top padding-bottom according to header footer height */
padding-top: 0;
}
/* Main container */
.main-container {
padding: 3rem 0;
}
.main-container.has-bottom-save {
padding-bottom: 9rem;
}
/* Headers */
h1 {
font-size: 1.875rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}
/* ::selection */
/* ::selection {
background: #616161;
color: #fafafa;
} */
.calendar-holder ::selection,
.aside-col ::selection {
background: transparent;
}
img::selection {
background: transparent;
color: unset;
}
.grecaptcha-badge {
display: none !important;
visibility: hidden !important;
}
/* Focus disable dotted box on focus */
a:focus,
button:focus,
.btn:focus,
.form-control:focus,
.form-check-input:focus,
.form-select:focus,
.choices__inner:focus,
.is-focused .choices__inner,
.is-open .choices__inner,
.choices__input,
.choices__input:focus {
outline: none !important;
box-shadow: none !important;
}
a.disabled,
a:disabled,
.btn.disabled,
.btn:disabled {
pointer-events: unset;
cursor: not-allowed;
opacity: 0.5;
}
a.disabled:hover,
a:disabled:hover,
.btn.disabled:hover,
.btn:disabled:hover {
text-decoration: none !important;
}
.visibility-hidden {
visibility: hidden;
}
strong {
font-weight: 600;
}
/* a */
a {
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
text-underline-offset: 0.188rem;
}
a.btn:hover,
a.btn:focus {
text-decoration: none;
}
.btn-link.underline,
a.link-underline {
text-decoration: underline;
}
.btn-link.underline:hover,
a.link-underline:hover {
text-decoration: none;
}
a.dark-link-underline {
text-decoration: underline;
}
a.dark-link-underline:hover {
text-decoration: none;
}
a.item-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
/* Image */
img {
max-width: 100%;
height: auto;
}
svg {
flex-shrink: 0;
}
svg.export {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.mb-30 {
margin-bottom: 1.875rem;
}
.mb-50 {
margin-bottom: 3rem;
}
.no-shadow {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}
/* Email link */
.email-link {
cursor: pointer;
}
/* Breadcrumb */
.breadcrumb {
padding: 0 0 1rem 0;
margin-bottom: 0;
font-weight: 500;
}
.breadcrumb-item+.breadcrumb-item {
padding-left: 0.25rem;
}
.breadcrumb-item+.breadcrumb-item::before {
position: relative;
top: 2px;
width: 0.875rem;
height: auto;
padding: 0;
margin-right: 0.25rem;
}
.breadcrumb-item span {
font-weight: 500;
}
.breadcrumb-item span i {
margin-right: 0.313rem;
}
.breadcrumb-item.active {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 20rem;
}
/* Plugin tel react */
.react-international-phone-input-container .react-international-phone-input,
.react-international-phone-country-selector-button {
height: var(--react-international-phone-height, 48px);
}
.react-international-phone-input-container .react-international-phone-input {
-webkit-border-top-right-radius: 0.5rem;
-webkit-border-bottom-right-radius: 0.5rem;
-moz-border-radius-topright: 0.5rem;
-moz-border-radius-bottomright: 0.5rem;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.react-international-phone-input-container .react-international-phone-country-selector-button {
padding: 0.5rem;
-webkit-border-top-left-radius: 0.5rem;
-webkit-border-bottom-left-radius: 0.5rem;
-moz-border-radius-topleft: 0.5rem;
-moz-border-radius-bottomleft: 0.5rem;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.react-international-phone-country-selector-dropdown {
outline: 0 none;
top: 56px;
}
.react-international-phone-country-selector-dropdown__list-item {
margin-bottom: 0.5rem;
}
/* Toggle content */
.toggle-content {
display: none;
}
.toggle-content.is-visible {
display: block;
}
/* Popover */
.popover.custom-popover {
z-index: 1011;
}
.popover.custom-popover.header-popover {
z-index: 1025;
}
.popover.custom-popover .main-header-popover h2 {
margin-bottom: 0.5rem;
}
.popover.custom-popover .main-header-popover p:last-child {
margin-bottom: 0;
}
.popover.popover-xs {
min-width: 0;
}
.popover.custom-popover.popover-sm {
width: 200px;
max-width: 200px;
}
.popover.custom-popover.popover-md {
width: 300px;
max-width: 300px;
}
.popover.custom-popover.popover-lg {
width: 400px;
max-width: 400px;
}
.popover.custom-popover.popover-xl {
width: 500px;
max-width: 500px;
}
.popover {
min-width: 17.25rem;
border: 0 none;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
font-size: 0.75rem;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
}
.popover.custom-popover.popover-with-close-btn .popover-body {
padding: 0;
}
.popover-header {
border-bottom: 0 none;
-webkit-border-top-left-radius: 0.5rem;
-webkit-border-top-right-radius: 0.5rem;
-moz-border-radius-topleft: 0.5rem;
-moz-border-radius-topright: 0.5rem;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.popover.custom-popover .item-header {
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
word-break: break-word;
padding: 1rem 3rem 1rem 1rem;
-webkit-border-top-left-radius: 0.5rem;
-webkit-border-top-right-radius: 0.5rem;
-moz-border-radius-topleft: 0.5rem;
-moz-border-radius-topright: 0.5rem;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.popover.custom-popover .item-header .btn-close {
position: absolute;
top: 0;
right: 0;
width: 2.5rem;
height: 2.5rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
.popover.custom-popover .item-header .btn-close svg {
width: 1rem;
height: 1rem;
}
.popover.custom-popover h2,
.popover.custom-popover .item-header h2 {
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0;
}
.popover.custom-popover .item-content .col:not(:last-child) .popover-list {
margin-bottom: 0.5rem;
}
.popover.custom-popover .popover-list h3 {
font-size: 0.75rem;
font-weight: 500;
margin-bottom: 0;
}
.popover.custom-popover .item-content .popover-list p {
font-weight: 600;
margin-bottom: 0;
}
.popover.custom-popover .item-progress {
font-size: 0.75rem;
display: inline-flex;
align-items: center;
margin-bottom: 0.125rem;
}
.popover.custom-popover .item-progress .badge:empty {
display: block;
}
.popover.custom-popover .item-progress .badge {
position: relative;
top: 0;
left: 0;
margin-right: 0.25rem;
padding: 0;
width: 0.5rem;
height: 0.5rem;
}
.popover.custom-popover .item-content {
margin-top: 0;
}
.popover.custom-popover.popover-with-close-btn .item-content {
padding: 1rem;
}
.popover.custom-popover .item-content p {
font-size: 0.75rem;
margin-bottom: 0.25rem;
}
.popover.custom-popover .item-content p span {
font-weight: 500;
}
.popover.custom-popover .item-content ul {
padding: 0;
margin: 0;
}
.popover.custom-popover .item-content ul li {
list-style: none;
font-size: 0.75rem;
padding: 0 0 0.125rem 0;
}
.popover.custom-popover .item-content ul li a {
font-weight: 500;
}
/* Media */
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.media .media-image {
display: flex;
margin-right: 1rem;
}
.media .media-body {
-ms-flex: 1;
flex: 1;
}
.btn.btn-media {
height: auto;
width: 100%;
padding: 0;
}
.btn-media .media {
padding: 1rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
-webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.btn-media .media>svg {
position: absolute;
top: 50%;
right: 0.625rem;
width: 0.875rem;
height: 0.875rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.btn-media .media-image {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
margin-right: 0.625rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.btn-media .media-image svg {
width: auto;
height: 1.25rem;
}
.btn-media .media-image span {
font-size: 1.25rem;
}
.btn-media .media-body {
text-align: left;
}
.btn-media .media-body span {
font-weight: 500;
}
/* Dropdown */
.dropdown-toggle-no-caret:after {
display: none;
}
.dropdown-toggle {
position: relative;
}
.dropdown-toggle svg,
.top-header .col-header-options .btn-search svg,
.header .col-header-options .btn-search svg {
position: absolute;
top: 50%;
right: 0.625rem;
width: 0.625rem;
height: 0.625rem;
-webkit-transform: translateY(-50%) rotate(0deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.col-header-options .btn-search svg:last-child,
.col-header-options .btn-search.collapsed svg:first-child {
display: block;
}
.col-header-options .btn-search svg:first-child,
.col-header-options .btn-search.collapsed svg:last-child {
display: none;
}
.dropdown-toggle.show svg {
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.dropdown-toggle.no-transform svg {
position: relative;
right: auto;
top: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.dropdown-toggle.no-transform.show svg {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.dropdown-toggle .icon-holder {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
margin-right: 0.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.dropdown-toggle .icon-holder svg {
position: relative;
top: 0;
right: 0;
width: 20px;
height: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.dropdown-menu {
font-size: 0.875rem;
border: 0 none;
box-shadow: 0 none;
}
.dropdown-custom.dropdown-menu {
padding: 1rem;
box-shadow: 0 none;
-webkit-box-shadow: 0px 0px 2.25rem 0px rgba(255, 255, 255, 0.25);
-moz-box-shadow: 0px 0px 2.25rem 0px rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 2.25rem 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.header-center-holder nav .dropdown-custom.dropdown-menu {
top: 1.125rem !important;
}
.header-center-holder nav .dropdown-custom.dropdown-menu:not(.dropdown-megamenu) {
padding: 1rem;
}
.header-center-holder nav .dropdown-custom.dropdown-menu .dropdown-item:hover,
.header-center-holder nav .dropdown-custom.dropdown-menu .dropdown-item:focus {
background-color: transparent;
text-decoration: underline;
}
.dropdown-custom.dropdown-menu.dropdown-login .btn {
width: 100%;
font-size: 0.875rem;
}
.dropdown-custom.dropdown-menu.dropdown-login .btn:not(:last-child) {
margin-bottom: 0.625rem;
}
/* Mega menu */
.dropdown-mega {
position: static;
max-width: 100%;
}
.dropdown-custom.dropdown-menu.dropdown-megamenu {
top: 1.125rem !important;
width: 100%;
padding: 1.25rem 0;
left: 0;
right: 0;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.dropdown-custom.dropdown-menu.dropdown-megamenu .col-mega .content-holder {
display: block;
width: 100%;
height: 100%;
}
.dropdown-custom.dropdown-menu.dropdown-megamenu h2 {
font-size: 1.25rem;
font-weight: 600;
}
.dropdown-custom.dropdown-menu.dropdown-megamenu li a {
color: inherit;
}
.dropdown-toggle:before {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.1);
content: '';
z-index: 0;
cursor: default;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: none;
}
.dropdown-toggle.show:before {
opacity: 1;
visibility: visible;
}
.offcanvas-backdrop.show {
opacity: unset;
}
/* Multilevel Menu */
.header .dropdown-menu.multilevel-menu {
padding: 1rem;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 0.625rem;
-moz-border-radius-bottomleft: 0.625rem;
border-bottom-left-radius: 0.625rem;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-webkit-box-shadow: 0 0 0 0 transparent;
-moz-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
.header .dropdown-menu.multilevel-menu .submenu {
padding: 1rem;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0.625rem;
-moz-border-radius-bottomright: 0.625rem;
border-bottom-right-radius: 0.625rem;
-webkit-box-shadow: 0 0 0 0 transparent;
-moz-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
.dropdown-menu.multilevel-menu .dropdown-content {
height: 60vh;
overflow-y: auto;
overflow-x: hidden;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
overscroll-behavior: contain;
}
.dropdown-menu.multilevel-menu li {
position: relative;
}
.dropdown-menu.multilevel-menu .dropdown-item {
font-weight: 500;
-webkit-border-radius: 0.375rem;
-moz-border-radius: 0.375rem;
border-radius: 0.375rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.dropdown-menu.multilevel-menu .submenu {
display: none;
position: fixed;
left: 100%;
top: 0;
border-left: 1px solid #C8CACC;
}
.dropdown-menu.multilevel-menu .submenu .dropdown-content {
height: 60vh;
overflow-y: auto;
overflow-x: hidden;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
}
.dropdown-menu.multilevel-menu .submenu.left {
right: 100%;
left: auto;
}
.dropdown-menu.multilevel-menu li.dropdown>a {
padding-right: 25px;
}
.dropdown-menu.multilevel-menu li.dropdown>a::after {
position: absolute;
top: 50%;
right: 8px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
width: 16px;
height: 16px;
}
.dropdown-menu.multilevel-menu li.dropdown.active>.submenu {
display: block;
}
/* Multilevel menu style-2 */
.dropdown-menu.multilevel-menu-style2 {
-webkit-border-top-left-radius: 0.625rem;
-moz-border-radius-topleft: 0.625rem;
border-top-left-radius: 0.625rem;
-webkit-border-top-right-radius: 0.625rem;
-moz-border-radius-topright: 0.625rem;
border-top-right-radius: 0.625rem;
-webkit-border-bottom-left-radius: 0.625rem;
-moz-border-radius-bottomleft: 0.625rem;
border-bottom-left-radius: 0.625rem;
-webkit-border-bottom-right-radius: 0.625rem;
-moz-border-radius-bottomright: 0.625rem;
border-bottom-right-radius: 0.625rem;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
}
.dropdown-menu.multilevel-menu-style2 li {
position: relative;
}
.dropdown-menu.multilevel-menu-style2 .submenu {
display: none;
position: absolute;
left: 100%;
top: -8px;
border-left: 0 none;
}
.dropdown-menu.multilevel-menu-style2 .submenu.left {
right: 100%;
left: auto;
}
/* .dropdown-menu.multilevel-menu-style2 .dropdown-item {
-webkit-border-radius: 0.375rem;
-moz-border-radius: 0.375rem;
border-radius: 0.375rem;
} */
.dropdown-menu.multilevel-menu-style2 li.dropdown>a {
padding-right: 25px;
}
.dropdown-menu.multilevel-menu-style2 li.dropdown>a::after {
position: absolute;
top: 50%;
right: 8px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
width: 16px;
height: 16px;
}
.dropdown-menu.multilevel-menu-style2 li.dropdown:hover>.submenu {
display: block;
}
.dropdown-menu.multilevel-menu,
.dropdown-menu.multilevel-menu-style2 {
top: 1.15rem !important;
}
.top-header .property-option .dropdown-menu,
.col-header-options .language-option .dropdown-menu,
.col-header-options .cart-option .dropdown-menu,
.col-header-options .user-option .dropdown-menu,
.col-header-options .theme-option .dropdown-menu,
.col-header-options .notification-option .dropdown-menu {
top: 0;
}
.col-header-options .cart-option .dropdown-toggle.show svg,
.col-header-options .user-option .dropdown-toggle.show svg,
.col-header-options .notification-option .dropdown-toggle.show svg {
-webkit-transform: translateY(-50%) rotate(0deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.col-header-options .btn-user .media-image.user-image {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
overflow: hidden;
}
.col-header-options .btn-user .media-image.user-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.col-header-options .btn-user .media-image.user-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.col-header-options .user-option .media-image.user-image .user-initials {
position: absolute;
}
.col-header-options .dropdown-center .dropdown-menu::before {
content: "";
position: absolute;
width: 1rem;
height: 1rem;
transform: translateX(-100%) translateY(-50%) rotate(45deg);
top: 0%;
right: calc(50% - 1.5rem);
z-index: -1;
display: none;
}
.col-header-options .dropdown-menu::before {
content: "";
position: absolute;
width: 1rem;
height: 1rem;
transform: translateX(-100%) translateY(-50%) rotate(45deg);
top: 0%;
right: 0;
z-index: -1;
display: none;
}
.col-header-options .language-option .dropdown-toggle.show svg {
-webkit-transform: translateY(-50%) rotate(0deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.top-header .property-option .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 2.5rem;
height: 2.5rem;
margin-right: 1.25rem;
outline-offset: 0.25rem;
}
.top-header .property-option .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.top-header .property-option .media-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.top-header .property-option .media-image span {
position: absolute;
font-size: 1.25rem;
}
.top-header .property-option .media-body {
overflow: hidden;
}
.top-header .property-option .media-body h3 {
font-size: 1rem;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
}
.top-header .property-option .media-body .media-subtitle {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
}
.top-header .property-option .btn {
height: auto;
padding: 0 2rem;
max-width: 30rem;
}
.top-header .property-option .btn:hover h3 {
text-decoration: underline;
}
.top-header .col-header-center .header-center-holder .header-center-options .btn-group:not(:last-child) {
margin-right: 2rem;
}
.top-header .col-header-center .header-center-holder .header-center-options .btn-group:first-child::after {
content: "";
height: 1.875rem;
width: 1px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.top-header .property-option .btn h3 {
margin-bottom: 0.25rem;
}
.top-header .property-option .btn .media-subtitle {
text-align: left;
font-size: 0.75rem;
}
.top-header .property-option .btn svg {
width: 0.625rem;
height: 0.625rem;
margin: 0;
}
.top-header-container .page-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2rem;
}
.top-header-container .page-header h1 {
line-height: 1;
font-weight: 600;
margin-bottom: 0.313rem;
}
.top-header-container .page-header p {
font-size: 0.875rem;
font-weight: 400;
}
.dropdown-menu.dropdown-sm {
min-width: 9rem;
max-width: 9rem;
}
.dropdown-menu.dropdown-md {
min-width: 12.5rem;
max-width: 12.5rem;
}
.dropdown-menu.dropdown-lg {
min-width: 17.5rem;
max-width: 17.5rem;
}
.dropdown-menu.dropdown-xl {
min-width: 20rem;
max-width: 20rem;
}
.dropdown-custom .dropdown-user {
padding: .5rem 1rem;
}
.dropdown-custom .dropdown-user p {
margin-bottom: 0;
font-weight: 500;
}
.dropdown-custom .dropdown-user p.text-light {
font-size: 0.75rem;
}
.dropdown-item {
padding: .5rem 1rem;
white-space: normal;
}
.dropdown-item:hover,
.dropdown-item:focus {
text-decoration: none;
}
.dropdown-item.active {
font-weight: 500;
}
.dropdown-divider {
opacity: 1;
}
.dropdown-custom .dropdown-content {
padding: 0;
}
.dropdown-custom .dropdown-content-indented .dropdown-item {
padding-left: 2rem;
}
.dropdown-custom h6 {
padding: 0 1rem;
}
.dropdown-custom .dropdown-header {
display: flex;
justify-content: flex-start;
padding: .625rem 1rem;
align-items: center;
font-weight: 500;
text-transform: uppercase;
-webkit-border-radius: 0.375rem;
-moz-border-radius: 0.375rem;
border-radius: 0.375rem;
}
.dropdown-custom .dropdown-header:hover,
.dropdown-custom .dropdown-header:focus {
text-decoration: none;
}
.dropdown-custom .dropdown-header svg {
width: 25px;
height: 25px;
margin-right: 0.625rem;
}
.dropdown-custom .dropdown-item {
display: flex;
justify-content: flex-start;
align-items: center;
font-weight: 500;
-webkit-border-radius: 0.375rem;
-moz-border-radius: 0.375rem;
border-radius: 0.375rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.dropdown-custom .dropdown-item svg {
width: 0.875rem;
height: 0.875rem;
margin-right: 0.625rem;
}
.dropdown-custom .dropdown-item.logout {
font-weight: 700;
}
.dropdown-custom .dropdown-content .dropdown-item.new-request {
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-weight: 700;
text-decoration: none;
text-align: left;
}
.dropdown-custom .dropdown-content .dropdown-item.new-request span:last-child {
padding: 0 0.5rem;
}
/* inner-page-nav */
.inner-page-nav {
margin: 1.875rem 0;
padding: 2.5rem 0;
}
.inner-page-nav .page-nav-holder {
display: flex;
align-items: center;
}
.inner-page-nav .page-nav-holder.content-center {
justify-content: center;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination {
display: flex;
justify-content: center;
align-items: center;
height: 3rem;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a {
display: flex;
justify-content: space-between;
align-items: center;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a:hover,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a:focus,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a.disabled:hover span,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a.disabled:focus span {
text-decoration: none;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination a {
position: relative;
padding: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a.disabled {
opacity: 0;
visibility: hidden;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder:first-child a span {
margin-left: 0.625rem;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder:last-child a span {
margin-right: 0.625rem;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a:hover span {
text-decoration: none;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
height: 2.5rem;
width: 2.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon svg {
width: 1rem;
height: 1rem;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination svg {
position: absolute;
top: 50%;
width: 2rem;
height: auto;
flex-shrink: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .page-nav-pagination-pages-count {
width: 9.375rem;
font-weight: 500;
text-align: center;
}
.inner-page-nav .page-nav-holder.content-right {
justify-content: flex-end;
}
.inner-page-nav .page-nav-holder.content-right label {
font-weight: 600;
margin-right: 5px;
margin-bottom: 0;
font-size: 14px;
color: #fff;
}
.inner-page-nav .page-nav-holder.content-right .page-nav-pagination-total-pages {
flex-basis: 100%;
margin-right: 20px;
}
/* Loader */
/* Loader Dots */
.loader-holder {
position: fixed;
top: 50%;
left: 50%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-color: transparent;
/* -webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); */
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 20;
}
.loader-holder .loader {
display: flex;
align-items: center;
justify-content: space-around;
width: 5.625rem;
height: auto;
margin: 0 auto;
/* animation: slide-in 2s; */
}
@keyframes leap {
0% {
transform: translateY(0);
}
7% {
transform: scale(1);
}
25% {
transform: scale(1.3);
}
50% {
transform: scale(1);
}
75% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.loader-holder .dot {
width: 1.25rem;
height: 1.25rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.loader-holder .dot:nth-child(1) {
animation: leap 1s ease-in-out alternate 0.4s infinite;
}
.loader-holder .dot:nth-child(2) {
animation: leap 1s ease-in-out alternate 0.6s infinite;
}
.loader-holder .dot:nth-child(3) {
animation: leap 1s ease-in-out alternate 0.8s infinite;
}
/* Form */
/* Remove Arrows/Spinners */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.form-group {
margin-bottom: 1.875rem;
}
.form-group.with-info-box .content-holder {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.form-group.with-info-box .content-holder .field-holder {
display: flex;
flex-wrap: wrap;
flex-basis: 50%;
padding-right: 1.5rem;
}
.field-holder.field-holder-sm {
max-width: 6rem;
}
.field-holder.field-holder-md {
max-width: 12rem;
}
.form-group.inline-content {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.form-group.inline-content .check-fields {
margin-left: 3rem;
}
.form-group.with-info-box .content-holder .field-holder .choices,
.form-group.with-info-box .content-holder .field-holder .input-holder {
width: 100%;
}
.form-group.with-info-box .content-holder .info-box,
.form-group.with-info-box .content-holder .media.status {
flex-basis: 50%;
width: 50%;
margin-bottom: 0;
}
.form-group.with-info-box .content-holder .info-box.info.full-width {
width: 100%;
flex-basis: 100%;
}
.form-group-sm {
width: 8rem;
}
/* Form group input number */
.form-group .input-group.input-number {
width: 7.563rem;
}
.form-group .input-group.input-number .btn {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: 2.5rem;
height: 2.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.form-group .input-group.input-number .btn svg {
width: 1.25rem;
height: 1.25rem;
}
.form-group .input-group.input-number .form-control {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 2.5rem;
max-width: 2.5rem;
height: 2.5rem;
font-size: 1rem;
padding: 0;
margin: 0 1px !important;
border: 0 none;
-webkit-border-radius: 0.5rem !important;
-moz-border-radius: 0.5rem !important;
border-radius: 0.5rem !important;
}
.form-group label {
display: flex;
align-items: center;
justify-content: flex-start;
font-weight: 500;
padding-left: 0.75em;
margin-bottom: 0.25rem;
width: 100%;
padding-right: 2.5rem;
}
.invalid-feedback {
padding-left: 0.75rem;
}
.is-invalid~.input-options .invalid-feedback {
display: block;
}
.input-options {
display: flex;
align-items: center;
justify-content: flex-end;
}
.input-options .invalid-feedback {
width: auto;
}
.input-options .char-count {
font-size: 0.75rem;
padding-right: 0.75rem;
margin-top: 0.25rem;
}
.input-with-span {
position: relative;
}
.input-with-span input {
padding-right: 5.25rem;
}
.input-with-span span {
position: absolute;
right: 0.625rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.input-with-left-icon {
position: relative;
}
.input-with-left-icon input {
padding-left: 2.5rem;
}
.input-with-left-icon svg {
width: 1rem;
height: auto;
position: absolute;
left: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.inline-holder .input-with-left-icon {
width: 100%;
margin-right: 1rem;
}
.input-with-left-icon input {
padding-left: 3rem;
}
.input-with-left-icon .input-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
height: 3rem;
width: 3rem;
padding: 0;
font-size: 0.875rem;
font-weight: 500;
z-index: 1;
}
.input-with-left-icon .input-icon span {
font-size: 1.25rem;
}
.input-with-left-icon .input-icon svg {
width: 0.875rem;
height: 0.875rem;
}
.input-with-left-icon svg.ionicon {
width: 1.25rem;
height: auto;
position: absolute;
left: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.input-with-right-icon {
position: relative;
}
.input-with-right-icon input {
padding-right: 3rem;
}
.input-with-right-icon .form-control.is-invalid {
background-position: left calc(0.375em + 0.1875rem) center;
padding-left: 2rem;
}
.input-with-right-icon .input-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
top: 0;
height: 3rem;
width: 3rem;
padding: 0;
font-size: 0.875rem;
font-weight: 500;
z-index: 1;
}
.input-with-right-icon .input-icon span {
font-size: 1.25rem;
}
.input-with-right-icon .input-icon svg {
width: 0.875rem;
height: 0.875rem;
}
.input-with-right-icon svg.ionicon {
width: 1.25rem;
height: auto;
position: absolute;
left: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.input-with-right-icon svg {
width: 1rem;
height: auto;
position: absolute;
right: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.input-with-right-icon svg.ionicon {
width: 1.25rem;
height: auto;
position: absolute;
right: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.form-group .inline-holder.input-with-select {
position: relative;
display: block;
}
.inline-holder.input-with-select .form-control {
padding-right: 5.625rem;
}
.inline-holder.input-with-select .form-select {
position: absolute;
top: 0;
right: 0;
border-color: transparent;
background-color: transparent;
width: 5rem;
}
.form-group .inline-holder.input-with-select .inline-item:not(:last-child) {
margin: 0;
}
.inline-holder.input-with-select .form-control.is-invalid {
background-position: left calc(0.375em + 0.1875rem) center;
padding-left: 2rem;
}
label.btn {
margin: 0;
font-weight: 500;
-webkit-appearance: initial;
}
.form-group .toggle-content {
position: absolute;
top: 100%;
width: 100%;
font-size: 0.75rem;
font-weight: 500;
padding: 0.313rem 0.75em;
z-index: 1;
}
.form-group .inline-holder,
.form-group .input-holder {
display: flex;
align-items: center;
justify-content: flex-start;
}
.form-group .input-holder .input-with-left-icon,
.form-group .input-holder .input-with-right-icon {
width: 100%;
}
.form-group .inline-holder .inline-item:not(:last-child) {
margin-right: 1rem;
}
.form-group .inline-holder .form-check.form-switch .form-check-label {
min-width: 4.75rem;
}
.form-group .inline-holder input .form-group .form-control {
height: 3rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.form-control::placeholder {
opacity: 1;
font-weight: 300;
}
.form-control:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.form-control[readonly] {
opacity: 1;
cursor: not-allowed;
}
.form-control.form-input-xs {
width: 5.625rem;
}
form .select-fields {
margin-bottom: 2rem;
}
form .select-fields .form-group:last-child {
margin-bottom: 0;
}
.form-group .select-holder {
display: inline-block;
width: 50%;
}
form .select-fields .form-group.label-title {
margin-bottom: 0;
}
.form-text {
font-size: 1em;
padding-left: 0.75em;
}
.form-text-preview {
font-size: 1em;
font-weight: 500;
font-style: italic;
padding-left: 2rem;
}
.form-title {
font-size: 1.125rem;
font-weight: 500;
margin-top: 2rem;
}
.form-title img {
width: 8.75rem;
margin-bottom: 0.5rem;
}
.form-title h2 {
font-size: 1.125rem;
padding-bottom: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.form-title.style-2 {
border: 0 none;
margin: 0;
padding: 0;
font-weight: 500;
}
.form-title.style-2:not(:first-child) {
margin-top: 2.5rem;
}
.form-title.style-2 h2 {
font-size: 1.125rem;
font-weight: 500;
margin: 0;
padding: 0;
}
.form-title.style-2 p {
font-size: 0.875rem;
}
.form-title.style-3 {
margin-top: 0;
}
.form-title.style-3 h2 {
font-size: 1.125rem;
font-weight: 500;
margin-top: 0;
margin-bottom: 1.875rem;
padding: 0;
}
.form-title.style-3 h3 {
font-size: 1.125rem;
font-weight: 500;
margin-top: 0;
margin-bottom: 0.5rem;
padding: 0;
}
.form-title.style-4 {
margin-top: 0;
}
.form-title.style-4 h2 {
font-size: 1.25rem;
font-weight: 500;
margin-top: 0;
margin-bottom: 1.875rem;
padding: 0;
}
.form-title.style-5 {
margin-top: 0;
margin-bottom: 0.25rem;
}
.form-title.style-5 h2 {
font-size: 1.125rem;
font-weight: 500;
margin-top: 0;
margin-bottom: 1.875rem;
padding: 0;
}
.form-title.with-text {
margin-top: 0;
margin-bottom: 1.875rem;
}
.form-title.with-text h2 {
font-size: 1.125rem;
font-weight: 500;
margin-top: 0;
margin-bottom: 0.5rem;
padding: 0;
}
.form-title.with-text p {
font-size: 0.875rem;
margin-bottom: 0;
font-weight: 400;
}
.form-title.with-button {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0;
margin-bottom: 1.875rem;
}
.form-title.with-button .choices {
margin-bottom: 0;
flex: 1;
}
.title-choices.with-button .choices .choices__inner {
min-height: 3rem;
}
.form-title.with-button h2 {
font-size: 1.125rem;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-weight: 500;
}
.form-title.with-button .btn {
font-size: 0.875rem;
height: 2.5rem;
flex-shrink: 0;
}
.title-choices.with-button .btn {
height: 3rem;
}
.form-title.with-button .btn-circle {
width: 2.5rem;
height: 2.5rem;
}
.form-title.with-button .btn-circle span {
font-size: 1.25rem;
}
.form-title.with-button .title-options {
display: flex;
align-items: center;
flex-shrink: 0;
padding-left: 1rem;
}
.form-title.with-button .title-options .btn:not(:last-child) {
margin-right: 1rem;
}
.form-title.title-choices {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 1.875rem;
}
.form-title.title-choices.center {
justify-content: center;
}
.form-title.title-choices .choices {
margin-bottom: 0;
width: 50%;
}
.form-check-title {
margin-bottom: 1.25rem;
}
.form-control {
font-size: 0.875rem;
height: 3rem;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
}
.input-group>.form-control {
padding: 0 1rem;
-webkit-border-top-left-radius: 1.563rem;
-webkit-border-bottom-left-radius: 1.563rem;
-moz-border-radius-topleft: 1.563rem;
-moz-border-radius-bottomleft: 1.563rem;
border-top-left-radius: 1.563rem;
border-bottom-left-radius: 1.563rem;
}
.input-group .btn {
height: 3rem;
padding: 0 2rem;
}
textarea.form-control.no-resize {
resize: none;
}
textarea.form-control.height-5 {
min-height: calc(5em + (.75rem + 2px));
}
textarea.form-control.height-10 {
min-height: calc(10em + (.75rem + 2px));
}
textarea.form-control.height-20 {
min-height: calc(20em + (.75rem + 2px));
}
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label {
opacity: 1;
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
box-shadow: none;
}
.form-control.input-with-icon {
padding: 0 .75rem 0 3rem;
}
.form-floating {
position: relative;
}
.form-floating>label {
padding: 1.5rem 1.5rem 0 1.5rem;
}
.form-floating>.form-control {
height: calc(4.5rem + 2px);
padding: 1.5rem 1.5rem;
}
.form-floating>.form-select {
height: calc(4.5rem + 2px);
padding: 1.625rem 2.25rem .625rem 1.5rem;
-moz-padding-start: 1.2rem;
}
/* Form floating with icon*/
.form-floating .form-control~.icon {
position: absolute;
left: -3.125rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 2.5rem;
width: 2.5rem;
background-image: none;
}
.form-floating>.form-control.is-invalid:not(:placeholder-shown)~label,
label.is-invalid,
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label {
opacity: 1;
}
.form-floating .form-control~.error {
display: flex;
align-items: center;
position: absolute;
right: -12.813rem;
width: 12.5rem;
top: 0;
}
.form-floating .form-control~.error span {
flex: 1;
margin-left: 0.313rem;
}
.form-floating .form-control~.error svg {
position: relative;
top: 0.313rem;
min-width: 2.5rem;
width: 2.5rem;
-webkit-transform: rotate(170deg);
-moz-transform: rotate(170deg);
-ms-transform: rotate(170deg);
-o-transform: rotate(170deg);
transform: rotate(170deg);
}
.form-inline-button {
display: flex;
align-items: flex-end;
height: 100%;
}
/* Browse button */
label.btn-browse {
display: flex;
align-items: center;
justify-content: center;
height: 2.25rem;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
padding: 0 3rem;
}
.image-preview {
display: flex;
align-items: center;
justify-content: center;
min-height: 2.5rem;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
}
.image-preview img {
height: 2.25rem;
width: auto;
}
.input-text {
margin-top: 0.25rem;
padding-left: 0.75em;
}
.input-text p {
font-size: 0.75rem;
margin-bottom: 0;
}
.input-text a {
display: inline-block;
margin-top: 0.5rem;
}
.check-text {
display: block;
margin-top: 1rem;
padding-left: 0.75em;
}
/* Truncate */
.truncate {
display: flex;
width: 100%;
white-space: nowrap;
}
.truncate p {
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
.truncate span {
padding-left: 0.25rem;
}
.form-group .truncate {
position: absolute;
top: 100%;
left: 0;
margin-top: 0.125rem;
padding-right: calc(2.5rem + 0.75em);
padding-left: 0.75em;
}
.form-group .download-link a {
text-decoration: none;
}
.form-group .download-link a:hover {
text-decoration: underline;
}
.form-group .download-link a svg {
width: 1.25rem;
height: 1.25rem;
margin-left: 0.125rem;
}
/* Select */
.form-select {
height: 3rem;
font-size: 0.875rem;
font-weight: 500;
cursor: pointer;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
background-size: 10px 10px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.form-select.form-select-xs {
width: 5.625rem;
}
.form-select.form-select-sm {
width: 9rem;
}
.form-select.select-sm {
height: 1.625rem;
padding: 0 2.25rem 0 .75rem;
}
.form-select.multiple {
height: auto;
}
.form-select:focus {
box-shadow: none;
}
.form-select.select-pill {
padding: .375rem 2.25rem .375rem 1.2rem;
-moz-padding-start: calc(1.2rem - 3px);
-webkit-border-radius: 1.563rem;
-moz-border-radius: 1.563rem;
border-radius: 1.563rem;
}
/* Form check */
.check-holder {
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
border-radius: .25rem;
padding: .375rem .75rem .375rem .75rem;
margin-bottom: 0.313rem;
max-height: 9.375rem;
overflow-y: auto;
}
.check-holder .form-check:last-child {
margin-bottom: 0;
}
.form-check {
position: relative;
display: flex;
align-items: center;
margin-bottom: 0.313rem;
padding-right: 2rem;
}
.form-check.form-check-inline {
display: inline-flex;
}
.form-check label {
cursor: pointer;
font-weight: 500;
margin-bottom: 0;
padding-left: 0.5rem;
padding-right: 0;
width: auto;
}
.form-check label a {
font-weight: 500;
}
.accordion-item .form-check span {
position: absolute;
top: 50%;
right: 0.5rem;
font-weight: 500;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.accordion-item .form-check label {
width: 100%;
font-weight: 500;
padding-left: 0.5rem;
}
.form-check .form-check-input {
flex-shrink: 0;
width: 1.75em;
height: 1.75em;
margin-top: 0;
margin-right: 0;
cursor: pointer;
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
border-radius: .25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
cursor: not-allowed;
}
.form-check label a {
margin-left: 0.25rem;
}
/* Form Switch */
.form-check.form-switch {
margin-bottom: 0;
}
.form-check.form-switch .form-check-input {
height: 1.5em !important;
}
.form-check.form-switch.left {
padding-left: 2.5em !important;
padding-right: 0 !important;
}
.form-check.form-switch.left .form-check-input {
margin-left: -2.5em !important;
}
.form-check.form-switch.right {
padding-left: 0 !important;
padding-right: 0 !important;
}
.form-check.form-switch.right .form-check-input {
margin: 0 !important;
}
.form-check.form-switch.right .form-check-label {
padding-right: 0.625rem !important;
padding-left: 0 !important;
}
.form-check.form-switch .form-check-input {
width: 2.5em !important;
background-position: left center;
border-radius: 2.5em !important;
transition: background-position 0.15s ease-in-out;
}
/* Form stacked */
.form-stacked .form-control,
.form-stacked .form-select {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-top: 0;
}
/* Form info */
.form-group .form-field {
position: relative;
padding-right: 3rem;
}
.check-cols .form-field {
padding-right: 0;
}
.slider-field {
display: block;
margin-top: 2.5rem;
}
.slider-field .slider-info {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 3.75rem;
}
.slider-field .slider-info .item-holder {
display: flex;
align-items: center;
justify-content: center;
}
.slider-field .slider-info p {
display: inline-flex;
align-items: center;
font-weight: 600;
margin-bottom: 0;
}
.slider-field .slider-info span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
font-weight: 600;
margin-left: 0.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.image-box .content-holder .slider-field .disclaimer {
font-size: 0.75rem;
margin-top: 2.5rem;
text-align: center;
}
.slider-container {
position: relative;
width: 100%;
}
.slider-styled {
height: 0.25rem;
}
.slider-styled .noUi-handle {
height: 1.25rem;
width: 1.25rem;
top: -0.5rem;
right: -0.625rem;
/* half the width */
box-shadow: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: grab;
}
.slider-styled .noUi-handle.noUi-active {
cursor: grabbing;
}
.noUi-handle::before,
.noUi-handle::after {
display: none;
}
.noUi-base {
cursor: pointer;
}
.noUi-target {
border: 0 none;
box-shadow: none;
}
.noUi-marker-horizontal.noUi-marker {
width: 1px;
}
.noUi-value {
font-size: 0.75rem;
margin-top: 0.5rem;
}
.noUi-tooltip {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border: 0 none;
padding: 0;
margin-bottom: 0.5rem;
font-size: 0.75rem;
font-weight: 600;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.noUi-horizontal .noUi-tooltip {
bottom: 100%;
}
.modal-slider-price .slider-field {
margin-top: 3.75rem;
}
.modal-slider-price .noUi-tooltip {
min-width: 4rem;
-webkit-border-radius: 1.563rem;
-moz-border-radius: 1.563rem;
border-radius: 1.563rem;
}
.modal-slider-price .slider-container {
padding: 0 1rem;
margin-bottom: 1.875rem;
}
/* React range slider style */
.input-range__track {
height: 0.25rem;
}
.input-range__slider {
height: 1.25rem;
width: 1.25rem;
margin-top: -0.75rem;
cursor: grab;
}
.input-range__slider:focus {
cursor: grabbing;
}
.input-range__label--value {
top: -3.525rem;
left: 2px;
}
.input-range__slider-container .input-range__label-container {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border: 0 none;
padding: 0;
margin-bottom: 0.5rem;
font-size: 0.75rem;
font-weight: 600;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.input-range__label {
font-family: 'Inter', sans-serif !important;
font-size: 0.75rem;
}
.login-content .form-group .form-field {
padding-right: 0;
}
.btn-copy {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: 3rem;
height: 3rem;
}
.btn-copy span {
font-size: 1.375rem;
}
.btn-password {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: 3rem;
height: 3rem;
}
.btn-password span {
font-size: 1.375rem;
}
.btn-password span:last-child {
display: none;
}
.btn-password.visible span:first-child {
display: none;
}
.btn-password.visible span:last-child {
display: flex;
}
.check-fields.right .form-field {
justify-content: flex-end;
}
.check-fields .form-field {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-right: 0;
}
.check-fields .form-field .form-check {
padding-right: 0;
}
.check-fields .form-field .form-check-inline {
margin-right: 1.25rem;
}
.check-fields .form-field .form-check-inline:last-child {
margin-right: 0;
}
.check-fields.stacked .form-check:not(:last-child) {
margin-bottom: 1rem;
}
.btn-block {
width: 100%;
}
.form-group .form-info {
position: absolute;
right: 0;
top: 0;
margin-left: 0.5rem;
}
.form-group .form-label .form-info {
position: relative;
top: 0;
right: unset;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
width: 1.5rem;
}
.form-group .form-label .form-info .btn-information {
height: auto;
width: auto;
}
.form-group .form-label .form-field {
display: inline-flex;
padding: 0;
}
.form-group .form-info>svg {
width: 1.25rem;
height: auto;
}
.form-group .form-info .hover-notification {
position: absolute;
top: 0;
left: 100%;
display: flex;
align-items: baseline;
opacity: 0;
visibility: hidden;
padding-left: 0.5rem;
font-size: 0.875rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.form-group .form-info .hover-notification svg {
position: relative;
top: -2.75rem;
width: 4rem;
height: auto;
margin-right: 0.625rem;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
.form-group .form-info .hover-notification span {
position: absolute;
left: 100%;
bottom: calc(100% - 0.313rem);
width: 8rem;
margin-left: 0.5rem;
font-size: 0.875rem;
-webkit-transform: translateY(25%);
-moz-transform: translateY(25%);
-ms-transform: translatY(25%);
-o-transform: translateY(25%);
transform: translateY(25%);
}
.form-group .form-info:hover .hover-notification {
opacity: 1;
visibility: visible;
}
.form-group .form-info .btn-info {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 2.25rem;
height: 2.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.form-group .form-info .btn-info svg {
width: 1.25rem;
height: 1.25rem;
}
/* Coming soon Host */
.coming-soon-body {
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.coming-soon-body .page-wrapper {
background-color: transparent;
}
.coming-soon-holder {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
z-index: 1;
}
.coming-soon-holder .bc-holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.8);
}
.coming-soon-holder .content-holder {
position: absolute;
padding: 1.875rem;
max-width: 34rem;
}
.coming-soon-holder .content-holder h1 {
font-weight: 900;
margin-bottom: 1.875rem;
}
.coming-soon-holder .content-holder p {
font-weight: 500;
}
.coming-soon-holder .content-holder p:last-child {
margin-bottom: 0;
}
.coming-soon-holder .content-holder a {
font-weight: 900;
}
/* Choices autocomplete */
.choices {
font-size: 0.875rem;
}
.choices-holder {
display: flex;
align-items: center;
}
.choices-holder .choices {
flex: 1;
}
.choices-holder.center {
justify-content: center;
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
word-break: break-word;
}
.choices__placeholder {
opacity: 1;
}
.choices__inner {
padding: .375rem .75rem;
-webkit-border-radius: .625rem;
-moz-border-radius: .625rem;
border-radius: .625rem;
min-height: 3rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.choices[data-type*="select-one"] .choices__inner {
padding-bottom: .375rem;
}
.login-section.host-register .choices__inner {
min-height: 2.5rem;
}
.login-section.host-register .choices__input {
height: 1.5rem;
}
.is-open .choices__inner {
border-radius: 0.625rem 0.625rem 0 0;
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
border-radius: 0 0 .625rem 0.625rem;
z-index: 2;
}
.choices[data-type*="select-multiple"]::after {
content: "";
border: 0 none;
position: absolute;
right: 11.5px;
top: 50%;
pointer-events: none;
}
.choices[data-type*="select-one"]::after,
.choices[data-type*="select-multiple"]::after {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border: 0 none;
background-repeat: no-repeat;
background-position: top center;
background-size: 10px 12px;
width: 12px;
height: 10px;
margin: 0;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-transform: translateY(-50%) rotate(0deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.choices[data-type*="select-one"].is-open::after,
.choices[data-type*="select-multiple"].is-open::after {
margin: 0;
border: 0 none;
-webkit-transform: translateY(-50%) rotate(18deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.choices[data-type*="select-one"] .choices__list--dropdown .choices__item--selectable,
.choices[data-type*="select-one"] .choices__list[aria-expanded] .choices__item--selectable {
padding-right: 10px;
}
.is-flipped.is-open .choices__inner {
border-radius: 0 0 0.625rem 0.625rem;
}
.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
border-radius: 0.625rem 0.625rem 0 0;
}
.choices__input,
.choices[data-type*="select-one"] .choices__input {
background-color: transparent;
font-size: 0.875rem;
height: 1.875rem;
margin: 0;
padding: 0;
vertical-align: middle;
}
.choices[data-type*="select-one"] .choices__input {
padding: .375rem .75rem;
min-height: 3rem;
}
.choices__list--multiple .choices__item {
display: inline-flex;
align-items: center;
border: 0 none;
margin: 0.313rem 0.625rem 0.313rem 0;
height: 1.875rem;
font-size: 0.875rem;
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
border-radius: .25rem;
}
.choices[data-type*="select-one"] .choices__inner {
display: flex;
align-items: center;
justify-content: flex-start;
padding-right: 1.875rem;
}
.choices__list--multiple .choices__item.is-highlighted {
border: 0 none;
}
.choices__list--multiple .choices__item[data-deletable],
.choices[data-type*="select-one"] .choices__list--single {
padding-right: 0.625rem;
}
.choices[data-type*="select-one"] .choices__list--single {
padding: 0;
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
border-radius: .25rem;
}
.choices[data-type*="select-one"] .choices__list--single .choices__item {
position: relative;
display: block;
align-items: center;
border: 0 none;
margin: 0;
height: 1.875rem;
padding: 4px 0;
font-size: 0.875rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
border-radius: .25rem;
}
.choices[data-type*="select-one"] .choices__button,
.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
background-size: 1rem;
width: 1rem;
opacity: 1;
border-left: 0 none;
margin-right: 0;
line-height: 1.5;
}
.choices[data-type*="select-one"] .choices__button {
right: 10px;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
opacity: 1;
}
@media (min-width: 992px) {
.host-register .choices__list--dropdown .choices__list,
.host-register .choices__list[aria-expanded] .choices__list {
min-height: 370px;
}
}
/* Datepicker */
.datepicker-dropdown .datepicker-picker {
-webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.datepicker-cell.focused,
.datepicker-cell.selected,
.datepicker-cell.selected:hover {
font-weight: 700;
}
/* Info box */
.alert.info-box {
padding: 1.875rem 4rem 1.875rem 1.875rem;
margin-bottom: 3rem;
min-height: unset;
}
.info-box {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
flex-basis: 100%;
width: 100%;
padding: 1.875rem;
margin-bottom: 3rem;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.info-box .info-icon {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
margin-right: 1rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.info-box.info .info-icon {
color: #fff;
}
.info-box.in-between-form-group {
margin-top: 1.125rem;
margin-bottom: 1.875rem;
}
.info-box.top-aligned {
align-items: flex-start;
}
.info-box.top-margin {
margin-top: 1.875rem;
}
.info-box.top-margin-bottom-0 {
margin-top: 1.875rem;
margin-bottom: 0;
}
.info-box.top-margin-0-bottom-0 {
margin-top: 0;
margin-bottom: 0;
}
.info-box.stacked {
margin-top: 3rem;
}
.info-box .info-icon svg {
width: auto;
height: 1.25rem;
flex-shrink: 0;
}
.info-box .info-icon span {
font-size: 1.25rem;
}
.info-box .info-content h2 {
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 1.25rem;
}
.info-box.top-aligned .info-content h2 {
margin-top: 0.6rem;
}
.info-box .info-content p {
margin-bottom: 0.5rem;
}
.info-box .info-content p:last-child {
margin: 0;
}
.info-box .info-content p a {
word-break: break-word;
}
.info-box .info-content ul {
padding: 0;
margin: 0;
}
.info-box .info-content ul li {
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-start;
list-style: none;
margin-bottom: 0.625rem;
}
.error-group h3 {
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 0.625rem;
}
.error-group:not(:first-child) h3 {
margin-top: 1rem;
}
ul.default-icon,
ul.check-icon,
ul.minus-icon,
ul.error-icon,
ul.chevron-icon {
padding: 0;
margin: 0;
}
ul.default-icon li,
ul.check-icon li,
ul.minus-icon li,
ul.error-icon li,
ul.chevron-icon li {
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-start;
list-style: none;
margin-bottom: 0.625rem;
}
ul.default-icon li::before {
content: url('data:image/svg+xml,');
margin-right: 0.625rem;
width: 1rem;
height: 1rem;
flex-shrink: 0;
margin-top: 2px;
}
ul.check-icon li::before {
content: url('data:image/svg+xml,');
margin-right: 0.625rem;
width: 1rem;
height: 1rem;
flex-shrink: 0;
}
ul.minus-icon li::before {
content: url('data:image/svg+xml,');
margin-right: 0.625rem;
width: 1rem;
height: 1rem;
flex-shrink: 0;
}
ul.error-icon li::before {
content: url('data:image/svg+xml,');
margin-right: 0.625rem;
width: 1rem;
height: 1rem;
flex-shrink: 0;
margin-top: 2px;
}
ul.chevron-icon li::before {
content: url('data:image/svg+xml,');
margin-right: 0.313rem;
width: 1rem;
height: 1rem;
flex-shrink: 0;
margin-top: 3px;
}
.alert.info-box .btn-close {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
width: 2.5rem;
height: 2.5rem;
position: absolute;
top: 50%;
right: 1.375rem;
text-transform: uppercase;
background-image: none;
opacity: 1;
z-index: 2;
box-sizing: border-box;
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
border-radius: .25rem;
border: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.alert.info-box.top-aligned .btn-close {
top: 1.875rem;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
/* Material icons */
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 20
}
/* Map */
#map-canvas {
height: 30rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
/* Google maps bug fix remove border on focus */
.gm-style iframe+div {
border: none !important;
}
/* Googgle maps - Custom Info window */
.custom-info-window {
font-family: 'Inter', sans-serif !important;
font-size: 0.875rem;
padding: 0.875rem;
}
.custom-close-button {
position: absolute;
top: 0.313rem;
right: 0.313rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
line-height: 1;
background-image: none !important;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 1.25rem;
height: 1.25rem;
opacity: 1;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.custom-close-button svg {
width: 0.625rem;
height: auto;
}
.custom-info-window h5 {
font-size: 1rem;
font-weight: 500;
margin: 0 0 0.5rem;
}
.custom-info-window p:last-child {
margin-bottom: 0;
}
/* Info Window Google Maps classes */
/* Info window style */
.gm-style .gm-style-iw-c {
-webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.gm-ui-hover-effect {
display: none !important;
}
.gm-style-iw-ch {
padding-top: 10px !important;
}
.gm-style .gm-style-iw-c:focus,
.gm-style .gm-style-iw-c:focus-within {
border: none !important;
outline: none !important;
}
/* Remove default google close button */
.gm-style .gm-style-iw-c>button {
display: none !important;
}
/* Alerts */
.alert {
display: flex;
align-items: center;
padding: 1rem 2rem;
min-height: 4.625rem;
margin-bottom: 3.125rem;
-webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.alert-light {
border: 0 none;
}
.alert-dismissible {
padding-right: 6rem;
}
.alert-dismissible .btn-close,
.alert-dismissible .btn-ok {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
width: 2.75rem;
height: 2.75rem;
position: absolute;
top: 50%;
right: 2rem;
text-transform: uppercase;
opacity: 1;
z-index: 2;
box-sizing: border-box;
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
border-radius: .25rem;
border: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.alert-dismissible .btn-close {
background-image: none;
}
.alert-dismissible .btn-close svg {
width: 0.75rem;
height: auto;
}
.help-holder {
position: fixed;
right: 2rem;
bottom: 2rem;
width: 25rem;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
z-index: 1005;
padding: 3rem;
margin: 0;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.help-holder h2 {
font-size: 1.25rem;
font-weight: 500;
}
.help-holder .btn-close {
position: absolute;
right: 0;
top: 0;
z-index: 1010;
width: 2.5rem;
height: 2.5rem;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
/* Toast */
.toast-container {
position: fixed;
padding: 0 0.75rem;
top: 9.25rem;
left: 50%;
z-index: 1070;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.toast:not(.showing):not(.show) {
opacity: 0;
visibility: hidden;
}
.toast {
position: relative;
width: 34.5rem;
border: 0 none;
padding: 0.625rem 5.625rem 0.625rem 1.375rem;
-webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
opacity: 1;
visibility: visible;
}
.toast .toast-body {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-basis: 100%;
padding: 0.75rem 0;
}
.toast .toast-content {
display: flex;
flex-wrap: wrap;
flex-basis: 100%;
padding-left: 3.438rem;
}
.toast .toast-border {
width: 0.375rem;
min-width: 0.375rem;
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
border-radius: .25rem;
}
.toast .toast-icon {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.toast .toast-icon svg {
width: auto;
height: 1.25rem;
}
.toast h3 {
width: 100%;
font-size: 1rem;
font-weight: 500;
margin-bottom: 0;
}
.toast p {
width: 100%;
margin-bottom: 0;
}
.toast a {
font-weight: 500;
}
.toast ul {
padding-left: 0;
margin-bottom: 0;
}
.toast ul li {
list-style: none;
}
.toast .svg-deco {
width: auto;
height: 1.875rem;
position: absolute;
top: 50%;
right: 5.625rem;
-webkit-transform: translateY(-50%) rotate(25deg);
-moz-transform: translateY(-50%) rotate(25deg);
-ms-transform: translateY(-50%) rotate(25deg);
-o-transform: translateY(-50%) rotate(25deg);
transform: translateY(-50%) rotate(25deg);
}
.toast .btn-close {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
width: 2.25rem;
height: 2.25rem;
position: absolute;
top: 50%;
right: 1.375rem;
text-transform: uppercase;
background-image: none;
opacity: 1;
z-index: 2;
box-sizing: border-box;
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
border-radius: .25rem;
border: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.toast .btn-close svg {
width: 0.75rem;
height: auto;
}
/* Modal */
.modal-backdrop,
.my-backdrop,
.offcanvas-backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
/* Modal Plan colors */
/* Overwrite z-index for Coloris */
.clr-picker {
z-index: 1056;
}
.modal-plan-colors {
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.modal-plan-colors .btn-plan-color {
display: flex;
align-items: center;
justify-content: center;
width: 3rem !important;
height: 3rem !important;
border: 0 none;
outline: none;
box-shadow: none;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}
.modal-plan-colors .plan-color {
display: flex;
align-items: center;
justify-content: center;
width: 3rem !important;
height: 3rem !important;
border: 0 none;
outline: none;
box-shadow: none;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: default;
}
.modal-plan-colors .btn-plan-color:not(:last-child) {
margin-right: 0.625rem;
}
.modal-plan-colors .media-icon {
display: flex;
align-items: center;
justify-content: center;
width: 1.875rem !important;
height: 1.875rem !important;
margin: 0 !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.modal-plan-colors .media-icon svg {
width: 1.25rem !important;
height: 1.25rem !important;
}
.modal-plan-colors .btn .media-icon {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.modal-plan-colors .btn.active .media-icon,
.modal-plan-colors .btn:hover .media-icon {
visibility: visible;
opacity: 1;
}
/* Split Screen Login Page */
.split-screen .content-holder {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
min-height: 100vh;
}
.split-screen .split-left .content-holder {
padding: 4.5rem 1.25rem;
}
.split-screen .content-holder .content-item {
width: 28.125rem;
}
.split-screen .btn {
height: 2.5rem;
}
.split-screen .choices__inner {
min-height: 2.5rem;
}
.split-screen .input-with-right-icon input {
padding-right: 2.5rem;
}
.split-screen .input-with-right-icon .btn-password {
width: 2.5rem;
}
.split-screen .split-right .content-holder .content-item {
width: 85%;
}
.split-screen .splide .slider-item {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
width: 100%;
}
.split-screen .splide .slider-item .image-holder {
margin-bottom: 1.875rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.split-screen .splide .slider-item .image-holder img {
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.split-screen .splide .item-content {
text-align: center;
}
.split-screen .splide .item-content.text-left {
text-align: left;
}
.split-screen .splide .item-content h1 {
font-size: 1.875rem;
font-weight: 500;
}
.split-screen .splide .item-content h2 {
font-size: 1.875rem;
font-weight: 800;
}
.split-screen .logo,
.split-screen .logo-mobile {
position: absolute;
top: 1.25rem;
left: 1.5rem;
height: 2.5rem;
width: auto;
}
.split-screen .logo-mobile {
display: none;
}
.split-screen .header-buttons {
position: absolute;
top: 1.25rem;
right: 1.5rem;
z-index: 1;
}
.split-screen .header-buttons .btn-circle {
width: 2.5rem;
height: 2.5rem;
}
.split-screen .header-buttons .btn:not(:last-child) {
margin-right: 1rem;
}
.split-screen .content-holder .main-title {
display: block;
width: 100%;
margin-bottom: 1.875rem;
}
.split-screen .content-holder .main-title h1 {
font-size: 1.875rem;
font-weight: 500;
}
.split-screen .content-holder .main-title p {
margin-bottom: 0;
}
.split-screen .login-networks {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: 1.25rem;
}
.split-screen .login-networks .btn {
flex: 1;
font-size: 0.875rem;
height: 2.5rem;
}
.split-screen .login-networks .btn:not(:last-child) {
margin-right: 0.625rem;
}
.split-screen .content-holder .form-group {
margin-bottom: 1.25rem;
}
.split-screen .content-holder .form-field {
padding-right: 0;
}
.split-screen .content-holder .form-control {
height: 2.5rem;
}
.split-screen .content-holder .login-options {
display: flex;
align-items: center;
justify-content: space-between;
}
.split-screen .content-holder .login-options .form-check,
.split-screen .content-holder .login-options p {
margin-bottom: 0;
}
.split-screen .content-holder .button-holder {
margin: 2.5rem 0 0 0;
}
.split-screen .content-holder .promo-text {
margin-top: 1.875rem;
margin-bottom: 0;
}
.split-screen .content-holder .button-holder .btn {
height: 2.5rem;
}
.split-screen .split-left .content-holder .button-holder .btn {
width: 100%;
height: 2.5rem;
}
.split-screen .content-holder .user-register {
display: block;
width: 100%;
text-align: center;
margin-top: 1rem;
}
.split-screen .content-holder .user-register p {
text-align: center;
margin-bottom: 0;
}
.split-screen .content-holder .promo-text a {
font-weight: 600;
}
/* Login background image option */
.split-screen .background-section {
height: 100vh;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 0;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
z-index: 0;
}
/* Ebook */
.split-screen .content-holder .ebook-item {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.split-screen .split-large-image .image-holder img {
max-height: calc(100vh - 12rem);
width: auto;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.separator-line {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 1.25rem;
}
.separator-line span {
padding: 0 0.625rem;
z-index: 1;
}
.separator-line::before {
content: "";
display: block;
height: 1px;
position: absolute;
right: 0;
left: 0;
}
.button-back {
margin-bottom: 1.25rem;
}
.button-back .btn {
padding: 0;
height: auto;
font-size: 0.875rem;
}
.button-back .btn svg {
position: relative;
left: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.button-back .btn:hover svg {
left: -0.25rem;
}
.login-section .global-form {
background-color: transparent;
/* -webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); */
}
.login-section.host-register .global-form {
padding: 0 3rem;
}
.login-section.register-section .global-form,
.login-section.login-section-holder .global-form {
/* -webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); */
padding: 3rem 4rem;
}
.login-section .global-form .form-group label {
padding-right: 0.75em;
}
.modal-backdrop.show {
opacity: unset;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.custom-modal .modal-content {
border: 0 none;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
}
.custom-modal .modal-header {
position: relative;
justify-content: flex-start;
flex-wrap: wrap;
border-bottom: 0 none;
padding: 1.25rem 3.75rem 1.25rem 1.25rem;
}
.custom-modal .modal-header .btn-close {
position: absolute;
top: 50%;
right: 1.25rem;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
width: 2.25rem;
height: 2.25rem;
background-image: none;
opacity: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.custom-modal .modal-header .btn-close svg {
width: 0.75rem;
height: auto;
}
.custom-modal .modal-icon-holder {
margin-right: 1.25rem;
}
.custom-modal .modal-icon-holder svg {
width: 4.375rem;
height: auto;
}
.custom-modal .modal-header .modal-title {
position: relative;
font-size: 1.25rem;
font-weight: 500;
width: 100%;
}
.custom-modal .modal-header p {
margin-bottom: 0;
}
.custom-modal .modal-header-content h5 {
font-size: 1.25rem;
font-weight: 500;
}
.custom-modal .modal-header-content p {
margin-bottom: 0;
font-weight: 500;
}
.custom-modal .modal-header-content p svg {
width: 16px;
height: auto;
margin-left: 0.313rem;
flex-shrink: 0;
}
.custom-modal .modal-body {
padding: 1.25rem;
}
.modal-body ul.list-unstyled li {
padding: 0.25rem 0;
}
.custom-modal .modal-body p {
line-height: 1.3;
}
.custom-modal .modal-body p.lead {
font-size: 1rem;
font-weight: 500;
}
.custom-modal .modal-header-content .modal-info>a {
display: none;
}
.custom-modal .modal-header-content .modal-info {
position: absolute;
left: 100%;
top: 50%;
margin-left: 0.75rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.custom-modal .modal-header-content .modal-info>svg {
width: 1.25rem;
height: auto;
}
.custom-modal .modal-header-content .modal-info .hover-notification {
position: absolute;
top: 0;
left: 100%;
display: flex;
align-items: baseline;
opacity: 0;
visibility: hidden;
padding-left: 1rem;
font-size: 0.875rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.custom-modal .modal-header-content .modal-info .hover-notification svg {
position: relative;
top: 0.313rem;
width: 3.75rem;
height: auto;
margin-right: 0.313rem;
-webkit-transform: rotate(70deg);
-moz-transform: rotate(70deg);
-ms-transform: rotate(70deg);
-o-transform: rotate(70deg);
transform: rotate(70deg);
}
.custom-modal .modal-header-content .modal-info .hover-notification span {
position: absolute;
top: 100%;
left: -1.25rem;
width: 9.5rem;
margin-left: 0;
font-size: 0.75rem;
line-height: 1.3;
}
.custom-modal .modal-header-content .modal-info:hover .hover-notification {
opacity: 1;
visibility: visible;
}
.custom-modal .modal-footer {
display: flex;
justify-content: flex-end;
align-items: center;
border-top: 0 none;
padding: 1.25rem 1.25rem 1.25rem 1.25rem;
z-index: 1;
}
.custom-modal .modal-footer .btn {
padding: 0 3rem;
margin: 0;
}
.custom-modal .modal-footer .btn:not(:last-child) {
margin-right: 15px;
}
.custom-modal .modal-body .item-header {
display: block;
margin-bottom: 1.875rem;
}
.custom-modal .modal-body .item-header .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.custom-modal .modal-body .item-header .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 8rem;
height: 8rem;
margin-right: 1.25rem;
outline-offset: 0.25rem;
}
.custom-modal .modal-body .item-header .media-image span {
position: absolute;
font-size: 2rem;
}
.custom-modal .modal-body .item-header .media-body h3 {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 0.25rem;
}
.custom-modal .modal-body .item-header .media-body p:not(:last-child) {
margin-bottom: 0.25rem;
word-break: break-word;
}
.custom-modal .modal-body .item-header .media-body p:last-child {
margin-bottom: 0;
}
.custom-modal .modal-body .item-header .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.custom-modal .modal-body .edit-item {
position: relative;
display: flex;
align-items: center;
padding: 1rem 2rem 1rem 2.625rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
-webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.custom-modal .modal-body .edit-item {
margin-bottom: 1.875rem;
}
.custom-modal .modal-body .edit-item .item-icon {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
top: 8px;
left: 0.625rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 10;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.custom-modal .modal-body .edit-item .item-icon svg {
width: 1rem;
height: 1rem;
margin-right: 0;
}
.custom-modal .modal-body .edit-item>svg {
position: absolute;
top: 50%;
right: 0.625rem;
width: 0.875rem;
height: 0.875rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.custom-modal .modal-body .edit-item:hover svg {
right: 0.4rem;
}
.custom-modal .modal-body .edit-item .item-content {
display: flex;
align-items: center;
}
.custom-modal .modal-body .edit-item .item-content h5 {
display: block;
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0;
line-height: 1.5;
}
.custom-modal .modal-body .edit-item .item-content .btn-information {
width: 1.875rem;
height: 1rem;
z-index: 10;
}
.custom-modal .modal-body .edit-item .item-content .btn-information svg {
width: 1.875rem;
height: 1rem;
}
/* Modal Price Section */
.modal-price-section:not(:first-child) {
padding-top: 1.875rem;
}
.global-form .modal-price-section .button-holder {
margin-bottom: 0;
}
/* Modal Card */
.modal-card .form-data-holder {
height: 100%;
}
.modal-card .form-group {
margin-bottom: 0;
}
.modal-card .form-group.stacked {
margin-bottom: 1.875rem;
}
.modal-card .form-data-holder .form-check-inline {
padding-right: 0;
}
/* Modal Review */
.modal-review {
padding: 1.875rem;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
/* Modal Gallery */
.gallery-modal.custom-modal .gallery-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.gallery-modal.custom-modal .modal-header {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: transparent;
z-index: 1;
}
.gallery-modal.custom-modal .modal-header .btn-close {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
top: 1rem;
right: 1rem;
-webkit-transform: unset;
-moz-transform: unset;
-ms-transform: unset;
-o-transform: unset;
transform: unset;
}
.gallery-modal.custom-modal .splide {
width: 100%;
}
.gallery-modal .main-carousel .splide__pagination {
bottom: 2.25rem;
}
.gallery-container .main-carousel .splide__list {
text-align: center;
}
.gallery-container .main-carousel .splide__list img {
max-height: 80vh;
width: auto;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.gallery-container .splide-thumbnails {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 1rem;
}
.gallery-container .splide-thumbnails .splide__slide {
max-width: 6.75rem;
overflow: hidden;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
padding: 0.25rem;
}
.gallery-container .splide-thumbnails .splide__track--nav>.splide__list>.splide__slide {
border: 1px solid transparent;
}
.gallery-container .splide-thumbnails .splide__track--nav>.splide__list>.splide__slide.is-active {
border: 1px solid #5F23D3;
opacity: 1;
}
.gallery-modal .splide-thumbnails .thumbnali-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
overflow: hidden;
width: 6.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.gallery-modal .splide-thumbnails .thumbnali-image:before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.gallery-modal .splide-thumbnails .thumbnali-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* Buttons */
.btn {
font-size: 0.875rem;
font-weight: 500;
height: 3rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn,
.btn:hover,
.btn:focus {
border: 0 none;
}
.btn-categories {
display: flex;
justify-content: flex-start;
align-items: center;
}
.btn-categories .icon-holder {
display: flex;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
margin-right: 0.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.btn-categories .icon-holder svg {
right: unset;
top: auto;
margin: 0 !important;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.col-categories .btn-group .btn:hover span {
text-decoration: underline;
}
.col-categories .btn-group .btn:hover span,
.col-header-options .btn-group .btn:hover span {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.col-header-options .btn-group.language-option .btn:hover span {
text-decoration: underline;
}
.btn-information {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 3rem;
height: 3rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn-information svg {
width: 1.5rem;
height: 1.5rem;
}
.btn-with-icon svg {
margin-right: 0.625rem;
height: 1.25rem;
width: auto;
}
.btn-with-icon svg.logo-facebook {
height: 1.438rem;
}
.btn-square-transparent-white,
.btn-square-blue,
.btn-square-purple,
.btn-square-gray,
.btn-square-pink,
.btn-square-orange,
.btn-square-red,
.btn-square-yellow,
.btn-square-black,
.btn-square-white,
.btn-square-green {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0 none;
height: 3rem;
padding: 0 2.5rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
font-size: 1rem;
}
.btn-square-outline-blue {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
height: 3rem;
padding: 0 3rem;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
}
.btn-pill-outline-yellow {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0 none;
height: 3rem;
padding: 0 3rem;
-webkit-border-radius: 1.563rem;
-moz-border-radius: 1.563rem;
border-radius: 1.563rem;
}
.btn-pill-blue,
.btn-pill-green,
.btn-pill-white,
.btn-pill-yellow,
.btn-pill-gray {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0 none;
height: 3rem;
padding: 0 3rem;
-webkit-border-radius: 1.563rem;
-moz-border-radius: 1.563rem;
border-radius: 1.563rem;
}
.btn-pill-lg {
height: 3.75rem;
-webkit-border-radius: 3.75rem;
-moz-border-radius: 3.75rem;
border-radius: 3.75rem;
}
.btn-circle {
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.btn-circle svg {
width: 1.25rem;
height: 1.25rem;
}
.btn-circle .svg-close {
width: 0.75rem;
height: 0.75rem;
}
/* Button Icon With Text */
.btn-icon-with-text {
display: inline-flex;
align-items: center;
justify-content: flex-start;
height: 2.5rem;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-icon-with-text .icon-holder {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
margin-right: 0.625rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn-icon-with-text .icon-holder svg {
width: 1.375rem;
height: 1.375rem;
}
.btn-icon-with-text .icon-holder span {
font-size: 1.375rem;
}
/* Button Link With Arrow */
.btn-link-with-arrow {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 1rem 2rem 1rem 0;
}
.btn-link-with-arrow .icon-holder {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 2.25rem;
height: 2.25rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-right: 0.675rem;
}
.btn-link-with-arrow .icon-holder span {
font-size: 1.25rem;
}
.btn-link-with-arrow>svg {
position: absolute;
top: 50%;
right: 0.625rem;
width: 0.875rem;
height: 0.875rem;
flex-shrink: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn-link-with-arrow:hover>svg {
right: 0.4rem;
}
/* Button SM */
.btn-sm {
height: 1.625rem !important;
padding: 0 0.5rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
}
/* Button smaller */
.btn-smaller {
height: 2.25rem !important;
font-size: 0.875rem !important;
}
/* Opacity hover 0.8 */
.toast .btn-close:hover,
.aside-col .aside-header .btn:hover,
.footer>a:hover,
.blue-page-footer>a:hover,
.error-footer>a:hover,
.login-footer>a:hover,
.btn-square-yellow:hover,
.btn-pill-yellow:hover,
.btn-pill-blue:hover,
.btn-pill-green:hover,
.btn-pill-gray:hover,
.btn-pill-white:hover,
.btn-square-transparent-white:hover,
.btn-square-blue:hover,
.btn-square-purple:hover,
.btn-square-gray:hover,
.btn-square-pink:hover,
.btn-square-orange:hover,
.btn-square-red:hover,
.btn-square-green:hover,
.btn-square-white:hover,
.btn-square-black:hover,
.btn-square-outline-blue:hover,
.aside-holder .aside-nav ul li .btn-link.new-request:hover,
.page-holder .page-header .page-header-content .form-select:hover,
.desktop-table .table-header .col .btn-sort:hover,
.btn-browse:hover,
.custom-modal .modal-header .btn-close:hover,
.btn-close:hover,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a:hover .icon,
.footer .footer-content .social-links ul li a:hover,
.btn.btn-chat-bot:hover,
.custom-close-button:hover,
.btn-circle:hover,
.custom-pagination .previous.page:hover,
.custom-pagination .next.page:hover,
.btn-media:hover,
.btn-icon-with-text:hover .icon-holder,
.btn-link-with-arrow:hover {
opacity: 0.8;
}
.custom-pagination .previous.page,
.custom-pagination .next.page {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn.disabled:hover,
.btn:disabled:hover {
opacity: 1;
}
.btn-link:hover {
text-decoration: none;
}
/* Badges */
.badge {
padding: 0.25em 0.5em;
}
.badge.badge-notification {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0.375rem;
left: 50%;
width: 0.625rem;
height: 0.625rem;
padding: 0;
font-size: .875em;
line-height: unset;
z-index: 1;
-webkit-transform: translate(-10%, -25%);
-moz-transform: translate(-10%, -25%);
-ms-transform: translate(-10%, -25%);
-o-transform: translate(-10%, -25%);
transform: translate(-10%, -25%);
}
.badge.badge-red-dot,
.badge.badge-yellow-dot,
.badge.badge-green-dot {
position: absolute;
top: 0;
width: 0.625rem;
height: 0.625rem;
padding: 0;
z-index: 1;
}
.arrow-box {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: max-content;
height: 1.875rem;
padding: 0 0.625rem;
margin-right: 25px;
font-size: 0.75rem;
font-weight: 700;
z-index: 3;
}
.arrow-box .arrow.down-left {
width: 1.5rem;
height: 1rem;
position: absolute;
top: calc(100% + 0.15rem);
left: 0.5rem;
-webkit-transform: translateY(-50%) rotate(0deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
overflow: hidden;
z-index: 1;
}
.arrow-box .arrow::after {
content: "";
position: absolute;
width: 1.25rem;
height: 1.25rem;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
top: 0;
left: 50%;
}
/* Header */
/* .header-container {
position: sticky;
position: -webkit-sticky;
display: block;
top: 0;
left: 0;
right: 0;
z-index: 1020;
} */
.header-container {
position: relative;
display: block;
z-index: 1020;
}
.header {
display: flex;
align-items: center;
flex-wrap: wrap;
height: 5rem;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
.top-header-container {
position: relative;
z-index: 1021;
}
.top-header {
display: flex;
align-items: center;
height: 5rem;
padding: 0;
}
.top-header .col-top-country {
display: flex;
align-items: center;
min-width: 12.5rem;
}
.top-header .col-top-country .btn {
display: flex;
align-items: center;
font-size: 0.813rem;
font-weight: 500;
padding: 0;
text-decoration: none;
filter: grayscale(100%);
}
.top-header .col-top-country .btn:hover {
filter: grayscale(0%);
}
.top-header .col-top-country .btn.active,
.top-header .col-top-country .btn.active:hover {
filter: grayscale(0%);
}
.top-header .col-top-country .btn:not(:last-child) {
margin-right: 1rem;
}
.top-header .col-top-country svg {
height: 1.25rem;
width: 1.25rem;
margin-right: 0.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.top-header .col-promo {
display: flex;
align-items: center;
justify-content: center;
}
.top-header .col-promo .btn {
display: flex;
align-items: center;
justify-content: center;
font-size: 0.813rem;
font-weight: 500;
padding: 0;
text-decoration: none;
}
.top-header .col-info {
display: flex;
align-items: center;
justify-content: flex-end;
min-width: 12.5rem;
}
.top-header .col-info ul {
display: flex;
align-items: center;
margin: 0;
padding: 0;
}
.top-header .col-info ul li {
display: inline-flex;
align-items: center;
justify-content: center;
list-style: none;
}
.top-header .col-info ul li:not(:last-child) {
margin-right: 0.625rem;
}
.top-header .col-info ul li a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-weight: 500;
padding: 0;
}
.header .col-header-center .header-center-holder nav>ul li .btn-nav:hover span.badge {
text-decoration: none;
}
.top-header .col-info ul li a:hover,
.top-header .col-info ul li a:focus,
.header .col-header-center .header-center-holder nav>ul li .btn-nav:hover span,
.col-header-options .btn-group .btn:hover .media-body span,
.col-header-options .btn-group .btn.show .media-body span {
text-decoration: underline;
text-underline-offset: 0.188rem;
}
.top-header .col-info ul li a svg {
width: 1.25rem;
height: 1.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-header>.container-fluid,
.header>.container-fluid {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.top-header .col-logo,
.top-header .col-header-options,
.header .col-logo,
.header .col-categories,
.header .col-header-options {
display: flex;
align-items: center;
}
.top-header .col-header-options,
.header .col-header-options {
justify-content: flex-end;
width: 12.5rem;
}
.top-header .col-logo,
.header .col-logo {
position: relative;
width: 12.5rem;
}
.top-header .col-logo .logo-letters,
.header .col-logo .logo-letters {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.top-header .logo img,
.header .logo img,
.header .logo svg {
height: auto;
width: 100%;
}
.top-header .logo svg {
height: 2.5rem;
width: auto;
}
.top-header .btn svg,
.header .btn svg {
width: 1.375rem;
height: 1.375rem;
margin-right: 0.5rem;
}
.top-header .col-header-center .header-center-holder,
.top-header .col-header-center .header-center-holder .header-center-options,
.header .col-header-center .header-center-holder {
display: flex;
justify-content: center;
align-items: center;
}
.header .col-header-center .header-center-holder nav {
display: block;
width: 100%;
}
.header .col-header-center .header-center-holder nav>ul {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
}
.header .col-header-center .header-center-holder nav>ul>li:not(:last-child) {
margin-right: 0.625rem;
}
.header .col-header-center .header-center-holder nav ul.megamenu-list {
display: block;
}
.header .col-header-center .header-center-holder nav ul.megamenu-list li a {
display: block;
padding: 0.25rem 0;
font-size: 1rem;
}
.header .col-header-center .header-center-holder nav>ul li {
list-style: none;
}
.header .col-header-center .header-center-holder nav>ul li .btn-nav {
display: flex;
align-items: center;
padding: 0 0.5rem 0 0;
}
.header .col-header-center .header-center-holder nav>ul li.dropdown .btn-nav,
.header .col-header-center .header-center-holder nav>ul li.dropdown-mega .btn-nav {
padding: 0 1.875rem 0 0;
}
.header .col-header-center .header-center-holder nav>ul li .btn-nav .icon-holder {
position: relative;
background-color: transparent;
margin-right: 0;
height: auto;
width: 2.5rem;
}
.header .col-header-center .header-center-holder nav>ul li .btn-nav .icon-holder .badge.badge-notification {
top: -0.25rem;
left: 0.25rem;
width: 1.125rem;
height: 1.125rem;
font-size: 0.675rem;
font-weight: 500;
}
.header .col-header-center .header-center-holder nav>ul li .btn-nav .icon-holder svg {
width: 1.375rem;
height: 1.375rem;
margin-right: 0;
}
.header .col-header-center .header-center-holder nav>ul li .btn-nav>svg {
width: 0.875rem;
height: 0.875rem;
margin: 0;
}
.header .col-header-center .header-center-holder nav>ul li .btn-nav span svg {
width: 1.375rem;
height: 1.375rem;
margin-right: 0.75rem;
}
.top-header .col-header-center .header-center-holder.search-open,
.header .col-header-center .header-center-holder.search-open {
position: relative;
}
.top-header .col-header-center .header-center-holder {
height: 100%;
}
.header .col-header-center .header-center-holder.search-open nav {
display: none;
}
.top-header .col-header-center .header-center-holder .search-box,
.header .col-header-center .header-center-holder .search-box {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 60vw;
}
.top-header .col-header-center .header-center-holder .header-search,
.header .col-header-center .header-center-holder .header-search {
position: absolute;
width: 100%;
z-index: 1;
transition: none;
}
.top-header .col-header-center .header-center-holder .collapsing {
display: none;
}
.header .col-header-center .header-center-holder .header-search.collapsing,
.header .col-header-center .header-center-holder .header-search.collapsing .form-control {
display: none;
}
.top-header .col-header-center .header-center-holder .search-box .input-group .form-control,
.header .col-header-center .header-center-holder .search-box .input-group .form-control {
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.top-header .col-header-options .btn-group:not(:last-child),
.header .col-header-options .btn-group:not(:last-child) {
margin-right: 1.25rem;
}
.top-header .col-header-options .btn-group.user-option,
.header .col-header-options .btn-group.user-option {
margin-right: 0;
}
.top-header .col-header-options .btn:not(.btn-link):hover {
opacity: 0.8;
}
.btn-categories,
.top-header .col-header-options .btn-cart,
.top-header .col-header-options .btn-notification,
.top-header .col-header-options .btn-language,
.top-header .col-header-options .btn-help,
.top-header .col-header-options .btn-user,
.top-header .col-header-options .btn-search,
.header .col-header-options .btn-cart,
.header .col-header-options .btn-notification,
.header .col-header-options .btn-user,
.header .col-header-options .btn-search {
padding: 0 0 0 0;
border: 0 none;
}
.top-header .col-header-options .btn-cart .media-image,
.top-header .col-header-options .btn-language .media-image,
.top-header .col-header-options .btn-help .media-image,
.top-header .col-header-options .btn-notification .media-image,
.top-header .col-header-options .btn-user .media-image,
.top-header .col-header-options .btn-search .media-image,
.header .col-header-options .btn-notification .media-image,
.header .col-header-options .btn-cart .media-image,
.header .col-header-options .btn-user .media-image,
.header .col-header-options .btn-search .media-image {
position: relative;
margin-right: 0;
justify-content: center;
align-items: center;
}
.top-header .col-header-options .btn-group .badge-notification,
.header .col-header-options .btn-group .badge-notification {
top: 0;
width: 1.125rem;
height: 1.125rem;
font-size: 0.675rem;
font-weight: 500;
}
.top-header .col-header-options .btn-cart .media-image,
.top-header .col-header-options .btn-language .media-image,
.top-header .col-header-options .btn-help .media-image,
.top-header .col-header-options .btn-notification .media-image,
.top-header .col-header-options .btn-search .media-image,
.top-header .col-header-options .btn-user img,
.header .col-header-options .btn-cart .media-image,
.header .col-header-options .btn-notification .media-image,
.header .col-header-options .btn-user .media-image,
.header .col-header-options .btn-search .media-image,
.header .col-header-options .btn-user img {
width: 1.375rem;
height: 2.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.top-header .col-header-options .btn-user .media-image {
width: 2.5rem;
height: 2.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.top-header .col-header-options .btn-user .media span svg {
width: 0.675rem;
height: 0.675rem;
}
.top-header .col-header-options .btn-user .media span {
-webkit-transform: translate(-20%, -4%);
-moz-transform: translate(-20%, -4%);
-ms-transform: translate(-20%, -4%);
-o-transform: translate(-20%, -4%);
transform: translate(20%, -4%);
}
.top-header .col-header-options .btn-user.active .media-image,
.top-header .col-header-options .btn-user.active img {
width: 2.5rem;
}
.top-header .col-header-options .btn-cart svg,
.top-header .col-header-options .btn-language svg,
.top-header .col-header-options .btn-help svg,
.top-header .col-header-options .btn-notification svg,
.top-header .col-header-options .btn-user svg,
.top-header .col-header-options .btn-search svg,
.header .col-header-options .btn-cart svg,
.header .col-header-options .btn-notification svg,
.header .col-header-options .btn-user svg,
.header .col-header-options .btn-search svg {
width: 1.375rem;
height: 1.375rem;
margin-right: 0;
right: unset;
}
.top-header .col-header-options .btn-search svg:last-child,
.header .col-header-options .btn-search svg:last-child {
width: 1.625rem;
height: 1.625rem;
}
.col-header-options .language-option .btn-language svg {
margin-right: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.dropdown-custom.dropdown-menu.dropdown-language .btn svg {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.top-header .col-header-options a.btn-help {
height: 100%;
}
.top-header .col-header-options .btn-help svg {
width: 1.76rem;
height: auto;
}
.dropdown-custom.dropdown-menu.dropdown-language .btn,
.dropdown-custom.dropdown-menu.dropdown-user .dropdown-item.active:hover {
text-decoration: none;
}
.dropdown-custom.dropdown-menu.dropdown-user .dropdown-item:hover {
background-color: transparent;
text-decoration: underline;
}
.header .col-header-options .btn-icon,
.header .col-header-options .btn-icon {
width: 1.875rem;
padding: 0;
}
.top-header .col-header-options .btn-icon svg,
.header .col-header-options .btn-icon svg {
margin-right: 0;
}
.top-header .col-header-options .btn-icon-dropdown,
.header .col-header-options .btn-icon-dropdown {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.top-header .col-header-options .btn-icon-dropdown svg,
.header .col-header-options .btn-icon-dropdown svg {
right: unset;
margin: 0;
}
.col-header-options .btn-icon .badge.badge-notification-dot:empty,
.aside-timeline .timeline-item .item-content .item-progress .badge:empty,
.search-item-holder .item-content .content-col .badge:empty,
.location-status-holder .item-content .content-col .badge:empty,
.search-col .media-body .status .status-item .badge:empty {
display: block;
}
.col-header-options .btn-icon .badge.badge-notification-dot {
top: 3px;
}
/* Search */
.search-box svg.search-icon {
display: flex;
align-items: center;
justify-content: center;
width: 1.25rem;
height: 100%;
position: absolute;
top: 50%;
left: 1rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.col-header-options .dropdown-cart .dropdown-content {
max-height: 18.5rem;
overflow-y: auto;
overscroll-behavior: contain;
}
/* Autocomplete */
.autocomplete {
position: absolute;
top: calc(100% - 0.5rem);
width: 100%;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
padding: 0;
font-size: 14px;
z-index: 5;
-webkit-border-top-right-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
-webkit-border-bottom-right-radius: 0.625rem;
-webkit-border-bottom-left-radius: 0.625rem;
-moz-border-radius-bottomright: 0.625rem;
-moz-border-radius-bottomleft: 0.625rem;
border-bottom-right-radius: 0.625rem;
border-bottom-left-radius: 0.625rem;
}
.search-results-holder {
display: flex;
align-items: flex-start;
flex-basis: 100%;
overflow: hidden;
}
.search-col {
overflow: hidden;
}
.search-col:first-child {
width: 15rem;
padding-left: 0;
}
.search-col:last-child {
flex: 1 0 0%;
}
.search-col .search-content {
height: 50vh;
padding: 0 1rem 1rem 1rem;
overflow-x: hidden;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
overscroll-behavior: contain;
}
.search-col .search-content.search-results {
padding-top: 0.625rem;
}
.custom-modal.faq .search-col .search-content {
height: 60vh;
}
.custom-modal.faq .modal-fullscreen .search-col .search-content {
height: calc(100vh - 11.75rem);
max-height: 100%;
}
.search-col>h3 {
padding-left: 1rem;
padding-bottom: 0.625rem;
font-size: 1.25rem;
font-weight: 600;
}
.search-results {
display: none;
}
.search-results.active {
display: block;
}
.search-col .media:hover h3 {
text-decoration: underline;
}
.search-col .media-image {
position: relative;
}
.search-col .media-image::after {
content: "";
height: 100%;
left: 0;
mix-blend-mode: darken;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.search-col .media-image .top-sticker {
top: 0.313rem;
left: 0.313rem;
height: 1.625rem;
padding: 0 0.625rem;
font-size: 0.75rem;
}
.search-col .media-image img {
max-width: 6.5rem;
height: auto;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
}
.search-col .media.top-aligned {
align-items: flex-start;
}
.search-col .media-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
margin-right: 1rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.search-col .media-icon svg {
width: 1.375rem;
height: 1.375rem;
}
.search-col .media-body h3 {
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.25rem;
}
.search-col .media-body .status {
display: flex;
align-items: center;
justify-content: flex-start;
}
.search-col .media-body .status .status-item {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-size: 0.75rem;
}
.search-col .media-body .item-price {
position: relative;
display: block;
font-size: 1rem;
font-weight: 600;
}
.search-col .media-body .item-price span {
display: block;
width: 100%;
}
.search-col .media-body .item-price.discount.animation {
height: 1.875rem;
overflow: hidden;
}
.search-col .media-body .item-price.discount.animation>div>div {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
padding: 0;
height: 1.875rem;
}
.search-col .media-body .item-price.discount.animation div:first-child {
-webkit-animation: text-animation 9s infinite;
/* Safari 4+ */
-moz-animation: text-animation 9s infinite;
/* Fx 5+ */
-o-animation: text-animation 9s infinite;
/* Opera 12+ */
animation: text-animation 9s infinite;
/* IE 10+, Fx 29+ */
}
.search-col .media-body .item-price.discount.animation .animation-item {
display: flex;
align-items: center;
justify-content: flex-start;
}
.search-col .media-body .item-price.discount.animation .animation-item:last-child {
font-size: 0.875rem;
font-weight: 500;
}
.search-col .media-body .results-subtitle {
position: relative;
display: block;
font-size: 0.75rem;
font-weight: 600;
}
.search-col .vertical-menu {
padding: 1.25rem 0 0 0;
margin: 0;
}
.search-col .vertical-menu li {
list-style: none;
}
.search-col .vertical-menu li a {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
font-size: 0.875rem;
font-weight: 500;
padding: 1rem 2rem 1rem 1rem;
margin-bottom: 1.875rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
-webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.search-col .vertical-menu li a:hover,
.search-col .vertical-menu li a:focus {
text-decoration: none;
-webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1) !important;
-moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1) !important;
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1) !important;
}
.search-col .vertical-menu li a svg {
position: absolute;
top: 50%;
right: 0.625rem;
width: 0.875rem;
height: 0.875rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.search-col .vertical-menu li a:hover svg {
right: 0.4rem;
}
.search-col .media {
position: relative;
}
.search-col .media:not(:last-child) {
margin-bottom: 1.5rem;
}
.search-col .media:first-child {
padding-top: 0.875rem;
}
.search-col .media {
position: relative;
padding: 0 0 1.5rem 0;
flex-wrap: wrap;
}
.search-col .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 6.5rem;
margin-right: 1.25rem;
outline-offset: 0.25rem;
}
.search-col .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.search-col .media-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.search-col .media-image span {
position: absolute;
font-size: 2rem;
}
.search-col .media-body h3 {
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.125rem;
}
.search-col .media-body .media-subtitle p {
font-size: 0.75rem;
margin-bottom: 0;
}
.search-col .media-body .media-subtitle p:not(:last-child) {
margin-bottom: 0.25rem;
}
.search-col .media .progress-holder {
margin: 0.875rem 0 0 0;
padding: 0;
}
/* Modal FAQ Item */
.custom-modal.faq .modal-header .modal-title {
display: flex;
justify-content: flex-start;
align-items: center;
}
.custom-modal .modal-header .icon-holder {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
margin-right: 0.625rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.custom-modal .modal-header .icon-holder svg {
width: 1.375rem;
height: 1.375rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.custom-modal.faq .modal-body {
padding: 0;
}
.custom-modal.faq .search-col .search-content {
padding-top: 1.25rem;
}
.custom-modal.faq .search-col .search-content>h3 {
font-size: 1.875rem;
font-weight: 400;
margin-bottom: 1.875rem;
padding-top: 0.125rem;
}
.custom-modal.faq .search-content .title {
display: block;
margin-bottom: 2rem;
}
.custom-modal.faq .search-content .title p {
margin-bottom: 0;
}
.search-content .faq-item {
display: block;
width: 100%;
padding: 2rem 0;
}
.faq-item h2 {
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 1rem;
}
.faq-item h3 {
font-size: 1rem;
font-weight: 600;
margin-top: 1.875rem;
}
/* UL style disc */
ul.style-disc {
padding-left: 0.875rem;
}
ul.style-disc li {
list-style-type: circle;
}
ul.style-disc li:not(:last-child) {
margin-bottom: 0.25rem;
}
/* Mark */
mark {
padding: 0.25rem 0.5rem;
font-weight: 600;
}
/* Onboarding Form Item */
.form-item {
width: 100%;
height: auto;
position: relative;
padding: 3rem 0 3rem 0;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
overflow: hidden;
}
.form-item~.item-extras {
display: none;
}
.form-item.selected~.item-extras {
display: flex;
}
.form-item .media {
flex-wrap: wrap;
}
.form-item.square-style {
padding: 0;
}
.form-item.square-style::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.form-item.square-style .media {
position: absolute;
top: 50%;
width: 100%;
flex-wrap: wrap;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.form-item .media-image {
width: 100%;
flex-shrink: 0;
margin-right: 0;
margin-bottom: 1rem;
justify-content: center;
}
.form-item .media-image .icon-holder {
display: flex;
align-items: center;
justify-content: center;
width: 3.75rem;
height: 3.75rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.form-item .media-image .icon-holder svg {
width: 1.875rem;
height: 1.875rem;
}
.form-item .media-image .icon-holder span {
font-size: 1.875rem;
}
.form-item .media-image.brand-logo {
margin-bottom: 0;
padding: 0 1rem;
}
.form-item .media-image.brand-logo svg {
color: #16180D;
width: auto;
}
.form-item .media-image.brand-logo svg,
.form-item .media-image.brand-logo img {
width: auto;
height: 1.5rem;
}
.form-item .media-body {
padding: 0 0.75rem;
}
.form-item .media-body h2 {
font-size: 1rem;
font-weight: 500;
text-align: center;
margin-bottom: 0;
}
.form-item .media-body p {
text-align: center;
font-size: 0.75rem;
margin-bottom: 0;
margin-top: 0.5rem;
}
.form-item .item-icon {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
top: 0.625rem;
right: 0.625rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 10;
opacity: 0;
visibility: hidden;
}
.form-item:hover .item-icon,
.form-item.selected .item-icon {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.form-item .item-icon svg {
width: 1rem;
height: 1rem;
margin-right: 0;
}
.check-cols .form-group {
margin-bottom: 1rem;
}
.check-cols.stacked .form-group:not(:last-child) {
margin-bottom: 1rem;
}
.check-cols.stacked .form-group:last-child {
margin-bottom: 1.875rem;
}
/* .select-cols .form-group {
margin-bottom: 1.875rem;
} */
.form-field~.item-extras {
display: none;
}
.form-field.checked~.item-extras {
display: flex;
}
.check-fields.check-stacked .form-check {
width: 100%;
}
.item-extras .form-field {
padding: 0 1rem;
}
.item-extras .form-field.with-button {
padding: 0;
}
.item-extras .form-field.with-button .form-control {
padding-right: 8.75rem;
}
.item-extras .form-field.with-button .btn {
position: absolute;
top: 0;
right: 0;
-webkit-border-top-right-radius: 0.5rem;
-webkit-border-bottom-right-radius: 0.5rem;
-moz-border-radius-topright: 0.5rem;
-moz-border-radius-bottomright: 0.5rem;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.check-fields.check-stacked .form-check.form-switch {
margin-bottom: 1rem;
}
.form-group.check-stacked .form-check:not(:last-child) {
margin-bottom: 1rem;
}
.item-quantity {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.item-extras .item-quantity {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.875rem;
padding: 0 1rem 1.875rem 1rem;
}
.item-quantity label {
width: auto;
padding: 0;
margin-right: 0.625rem;
}
.item-quantity .label-holder {
display: flex;
align-items: center;
flex: 1;
}
.item-quantity .label-holder>span {
font-size: 2.5rem;
margin-right: 0.625rem;
display: none;
}
.item-quantity .label-holder label {
margin-bottom: 0;
flex-wrap: wrap;
}
.item-quantity .label-holder label span {
display: block;
width: 100%;
font-size: 0.75rem;
}
.border-after {
position: relative;
}
.border-after::after {
content: "";
height: 100%;
width: 1px;
position: absolute;
top: 0;
right: 0;
}
/* Main slider */
.main-slider {
margin-bottom: 1.5rem;
}
.main-slider-holder,
.main-slider-holder .splide,
.main-slider-holder .splide__track {
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
overflow: hidden;
}
.splide.full-height {
min-height: 100vh;
display: flex;
align-items: center;
}
.splide.full-height .splide__pagination {
bottom: 1.875rem;
}
.main-slider-holder .splide__slide a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.main-slider-holder .slider-button {
position: absolute;
bottom: 1rem;
right: 1rem;
}
.splide__arrow {
width: 2.5rem;
height: 2.5rem;
opacity: 1;
}
.splide__arrow svg {
width: 1.25rem;
height: 1.25rem;
}
.splide__pagination__page {
width: 0.5rem;
height: 0.5rem;
opacity: 1;
}
.carousel-progress {
margin-top: 1.875rem;
}
.carousel-progress-bar {
height: 2px;
transition: width 500ms ease;
width: 0;
}
/* Section title */
.section-title {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
}
.section-title h2 {
font-size: 1.25rem;
font-weight: 500;
padding: 0;
margin-bottom: 0;
}
.section-title h2 a:hover,
.section-title h2 a:focus {
text-decoration: none;
}
.view-all-link {
display: flex;
align-items: center;
padding: 0.625rem 0;
font-size: 0.875rem;
font-weight: 500;
}
.view-all-link svg {
width: 1.25rem;
height: auto;
}
.view-all-link .icon-holder {
margin-left: 0.313rem;
}
.section-title h2 span {
font-size: 1.5rem;
padding: 0 0.5rem 0.5rem 0.5rem;
transform: translate(-50%, -50%);
background-image: linear-gradient(#FDCA40, #FDCA40);
background-size: 100% 3px;
background-repeat: no-repeat;
background-position: 0% 100%;
transition: background-size .3s, background-position .3s ease-in-out;
}
.section-holder:hover .section-title h2 span {
background-size: 100% 15%;
background-position: 0% 100%;
transition: background-position .3s, background-size .3s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* Aside */
.spacer-col {
position: relative;
display: block;
width: 21.75rem;
}
.aside-col {
position: relative;
width: 24rem;
min-height: 100%;
padding: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
z-index: 1000;
}
.aside-col.timeline-col {
width: 20rem;
}
.aside-col.collapse:not(.show) {
display: block;
position: relative;
margin-left: -12.5rem;
margin-right: 3rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.my-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
opacity: unset;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.aside-col.collapsing.collapse-horizontal {
width: 15rem !important;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.aside-col-holder {
display: flex;
flex-direction: column;
position: fixed;
top: 0;
padding-top: 10rem;
padding-bottom: 0;
padding-right: 1.5rem;
bottom: 0;
width: 24rem;
max-width: 100%;
background-clip: padding-box;
z-index: 1000;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.aside-col-holder.profile-aside {
padding-right: 0;
padding-left: 1.5rem;
}
.aside-col.timeline-col .aside-col-holder {
width: 20rem;
padding-top: 11.875rem;
padding-right: 0;
padding-left: 0.5rem;
}
.aside-col.in-scroll .aside-col-holder {
padding-top: 3rem;
padding-bottom: 3rem;
}
.aside-col.timeline-col.in-scroll .aside-col-holder {
padding-top: 3rem;
padding-bottom: 3rem;
padding-right: 0;
padding-left: 0.5rem;
}
.desktop-timeline.aside-col.timeline-col .aside-col-holder {
padding-top: 10rem;
}
.desktop-timeline.aside-col.timeline-col .timeline-item:first-of-type {
margin-top: 0.438rem;
}
.desktop-timeline.aside-col.timeline-col.in-scroll .aside-col-holder {
padding-top: 0;
padding-bottom: 0;
}
.onboarding-timeline.aside-col.timeline-col .aside-col-holder {
padding-top: 5rem;
}
.onboarding-timeline.aside-col.timeline-col .timeline-item:first-of-type {
margin-top: 0.438rem;
}
.onboarding-timeline.aside-col.timeline-col.in-scroll .aside-col-holder {
padding-top: 0;
padding-bottom: 0;
}
.aside-col.collapse.show .aside-col-holder {
visibility: visible;
}
.aside-col.collapsing .aside-col-holder {
display: none;
}
.aside-holder {
padding: 0 0 0 0;
overflow-y: auto;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
overscroll-behavior: contain;
}
.aside-col.timeline-col .aside-holder {
padding: 1.5rem 1.5rem 3rem 1.25rem;
}
.aside-col .aside-holder.aside-calendar-holder {
padding: 3rem 0 3rem 0;
}
.offcanvas .brand-logo svg,
.aside-holder .brand-logo img,
.aside-holder .brand-logo svg,
.aside-holder .brand-logo img {
width: auto;
height: 1.25rem;
}
.aside-holder.aside-accordion-holder {
padding-top: 1.1rem;
}
.aside-holder.aside-accordion-holder .custom-accordion .accordion-body .form-check {
align-items: flex-start;
padding-right: 2.5rem;
}
.aside-holder.aside-accordion-holder .accordion-item .form-check span {
top: 0.656rem;
line-height: 1;
}
/*hide scroll bar web-kit browsers */
.aside-holder::-webkit-scrollbar {
width: 0;
height: 0;
}
.aside-holder::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.aside-holder::-webkit-scrollbar-thumb {
background-color: transparent;
outline: 0 solid transparent;
}
.aside-holder .aside-title {
font-size: 1.5rem;
font-weight: 600;
padding-bottom: 0.5rem;
}
.aside-col .aside-header {
position: relative;
padding: 0 0.75rem;
margin-bottom: 1.5rem;
}
.aside-col .aside-header .btn {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 2.25rem;
height: 2.25rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.aside-header .btn {
padding: 0;
border: 0 none;
}
.aside-header svg {
width: 1.25rem;
height: auto;
}
.aside-col.collapse:not(.show) .aside-header .btn svg {
width: 1.875rem;
}
.aside-col.collapse.show .menu-icon,
.aside-col.collapse:not(.show) .close-icon,
.aside-col.collapsing .menu-icon,
.aside-col.collapsing .close-icon {
display: none;
opacity: 0;
visibility: hidden;
}
.aside-col.collapse:not(.show) .menu-icon,
.aside-col.collapse .close-icon {
display: block;
opacity: 1;
visibility: visible;
}
.aside-holder .aside-nav>.btn-link {
text-decoration: none;
padding-left: 0;
padding-right: 0;
}
.aside-holder .aside-nav ul {
padding: 0;
margin: 0;
}
.aside-holder .aside-nav ul li {
list-style: none;
}
.aside-holder .aside-nav ul li .btn {
text-decoration: none;
padding: 0.3rem 0;
text-align: left;
font-size: 0.75rem;
}
.aside-holder .aside-nav ul li .btn {
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-weight: 500;
}
.aside-holder .aside-nav ul li .btn.active,
.aside-holder .aside-nav ul li span:last-child {
font-weight: 700;
}
.aside-holder .aside-nav ul li span:first-child {
margin-right: 0.5rem;
}
.aside-holder .aside-nav ul li .btn:hover span:first-child {
text-decoration: underline;
}
.aside-holder .aside-nav ul li span:last-child {
font-size: 0.75rem;
padding: 0.25rem 0.5rem;
}
.aside-holder .aside-nav ul li .btn-link.new-request:hover span:first-child {
text-decoration: none;
}
.aside-holder .aside-nav ul li .btn-link.new-request span:last-child {
background-color: transparent;
font-size: 0.75rem;
}
.aside-footer {
position: absolute;
left: 0;
bottom: 0;
padding: 1rem 0.75rem 2rem 0.75rem;
width: 100%;
z-index: 3;
}
.aside-footer .btn svg {
width: 1rem;
height: auto;
margin-right: 0.5rem;
}
/* Calendar Aside */
.aside-box {
padding: 1rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* .aside-box:hover {
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
} */
.aside-box:not(:last-of-type) {
margin-bottom: 1.25rem;
}
.aside-box-title {
position: relative;
margin-bottom: 1.25rem;
}
.aside-box-title h2 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.313rem;
padding: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.aside-box-title h2.with-icon {
display: flex;
align-items: center;
}
.aside-box-title h2.with-icon svg {
width: 1.5rem;
height: 1.5rem;
margin-left: 0.625rem;
}
.aside-box h3 {
font-size: 1rem;
font-weight: 600;
margin-bottom: 1rem;
}
.aside-box h3.mt {
margin-top: 1.875rem;
}
.aside-box-title p {
font-size: 0.875rem;
margin-bottom: 0;
}
.aside-box .form-group {
position: relative;
margin-bottom: 1.25rem;
}
.aside-box .form-group li .btn-link {
padding: 0;
height: auto;
text-decoration: none;
}
.aside-box .form-group li .btn-link:hover {
text-decoration: underline;
}
.aside-box.rates-box ul.chevron-icon {
margin-top: 0.625rem;
margin-bottom: 1.875rem;
padding-left: 0.5rem;
}
.custom-input-group {
margin-bottom: 0;
}
.custom-input-group .form-control {
padding-left: 3rem;
padding-right: 8rem;
}
.custom-input-group .input-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
height: 3rem;
width: 3rem;
padding: 0;
font-size: 0.875rem;
font-weight: 600;
z-index: 1;
}
.custom-input-group.copy-link.form-group {
margin-bottom: 1.875rem;
}
.custom-input-group.copy-link .form-field {
padding-right: 0;
}
.custom-input-group.copy-link .form-control {
padding-left: 0.75rem;
padding-right: 8.625rem;
}
.custom-input-group.copy-link .btn {
padding: 0 2.5rem;
}
.form-group.input-with-right-icon .input-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0.75rem;
top: 0;
height: 3rem;
width: 3rem;
padding: 0;
font-size: 0.875rem;
font-weight: 600;
z-index: 1;
}
.form-group.input-with-left-icon .input-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0.75rem;
top: 0;
height: 3rem;
width: 3rem;
padding: 0;
font-size: 0.875rem;
font-weight: 600;
z-index: 1;
}
.form-group .input-icon svg,
.custom-input-group .input-icon svg {
width: 0.875rem;
height: 0.875rem;
}
.custom-input-group .options-holder {
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
right: 0;
top: 0;
height: 3rem;
width: max-content;
padding: 0;
z-index: 1;
}
.custom-input-group .btn {
height: 3rem;
padding: 0 1rem;
font-size: 0.875rem;
font-weight: 600;
z-index: 1;
-webkit-border-radius: 0;
-moz-border-radius: 00;
border-radius: 0;
}
.custom-input-group .btn:last-child {
-webkit-border-top-right-radius: 0.5rem;
-webkit-border-bottom-right-radius: 0.5rem;
-moz-border-radius-topright: 0.5rem;
-moz-border-radius-bottomright: 0.5rem;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.custom-input-group .btn svg {
width: 1.25rem;
height: 1.25rem;
}
.custom-input-group .btn:last-child svg {
margin-right: 0.5rem;
}
.aside-box .form-group:last-child {
margin-bottom: 0;
}
.aside-box .form-check {
margin-bottom: 1rem;
}
.aside-box .form-check.mb-0 {
margin-bottom: 0;
}
.aside-box .button-holder {
display: flex;
align-items: center;
justify-content: flex-end;
}
.aside-box .button-holder .btn:not(:last-child) {
margin-right: 1rem;
}
.aside-box.date-box .custom-accordion .accordion-button {
font-size: 0.875rem;
}
.aside-box.rates-box .form-group>.form-group {
margin-bottom: 0;
}
.aside-box.price-plan-box .custom-accordion .accordion-button {
font-size: 0.875rem;
}
.aside-box.price-plan-box .price-plan {
display: block;
padding: 0;
height: auto;
font-weight: 400;
}
.aside-box.price-plan-box .price-plan:not(:last-child) {
margin-bottom: 0.625rem;
}
.aside-box.price-plan-box .price-plan .media-image {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 1.875rem;
height: 1.875rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-right: 0.675rem;
}
.aside-box.price-plan-box .price-plan .media-icon {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 1.125rem;
height: 1.125rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.aside-box.price-plan-box .price-plan .media-icon svg {
width: 0.875rem;
height: 0.875rem;
}
.aside-box.price-plan-box .price-plan .media-icon {
visibility: hidden;
opacity: 0;
}
.aside-box.price-plan-box .price-plan .media-body.with-icon {
display: flex;
align-items: center;
text-align: left;
padding-right: 0.4rem;
}
.aside-box.price-plan-box .price-plan .media-body.with-icon svg {
width: 1.25rem;
height: 1.25rem;
margin-left: 0.313rem;
}
.aside-box.price-plan-box .price-plan:hover .media-icon,
.aside-box.price-plan-box .price-plan.active .media-icon {
visibility: visible;
opacity: 1;
}
.aside-box.price-plan-box .button-holder {
display: flex;
align-items: center;
justify-content: center;
margin-top: 1rem;
}
.aside-box.updated-box .media {
margin-bottom: 1.25rem;
font-weight: 600;
}
.aside-box.updated-box .media-image {
align-items: center;
justify-content: center;
margin-right: 0.5rem;
width: 1.875rem;
height: 1.875rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.aside-box.updated-box .media-image svg {
width: 1.25rem;
height: 1.25rem;
}
.lead {
font-weight: 400;
}
.aside-box.updated-box .lead {
font-size: 0.875rem;
}
.aside-box.updated-box .lead strong {
font-size: 0.875rem;
}
.page-container,
.bottom-page-container {
min-width: 0;
}
/* Page holder */
.page-holder {
padding: 0 0.75rem;
}
.page-holder .page-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2rem;
}
.page-holder .page-header h1 {
margin-bottom: 0.313rem;
line-height: 1;
border-bottom: 0 none;
}
.page-holder .page-header p {
margin-bottom: 0;
}
/* Active filters */
.active-filters-container {
display: flex;
padding: 0;
margin-bottom: 0;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.active-filters-slider-container {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;
padding: 0;
overscroll-behavior: contain;
}
.active-filters-slider {
position: relative;
overflow-x: scroll;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0.5rem 0;
}
.active-filters-mask {
overflow-x: visible;
padding: 0;
}
.active-filters-content {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
white-space: nowrap;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
width: 100%;
}
.active-filters-content .btn:first-child {
position: sticky;
position: -webkit-sticky;
z-index: 2;
left: 0;
}
.active-filters-content .btn:nth-child(2) {
position: relative;
left: 0;
}
.active-filters-content .btn {
display: flex;
align-items: center;
padding: 0;
padding-right: 1rem;
margin-right: 0.25rem;
text-decoration: none;
}
.active-filters-content .btn:hover {
text-decoration: underline;
text-underline-offset: 0.188rem;
}
.active-filters-content .btn .icon-holder {
display: flex;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-left: 0.313rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
}
.active-filters-content .btn svg {
width: 1rem;
height: 1rem;
}
/* Calendar section */
.calendar-header {
position: sticky;
position: -webkit-sticky;
top: 0;
z-index: 1010;
}
.calendar-section {
position: relative;
width: 100%;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.calendar-section .badge:empty {
display: block;
}
/* Calendar */
.calendar-holder {
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
}
.calendar-toolbar,
.calendar-top-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
margin-bottom: 0;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
-webkit-border-top-left-radius: 0.625rem;
-moz-border-radius-topleft: 0.625rem;
border-top-left-radius: 0.625rem;
-webkit-border-top-right-radius: 0.625rem;
-moz-border-radius-topright: 0.625rem;
border-top-right-radius: 0.625rem;
}
.calendar-top-toolbar {
position: relative;
z-index: 1011;
}
.calendar-options-holder {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1.5rem;
flex-basis: 100%;
background-color: #fff;
-webkit-border-top-left-radius: 0.625rem;
-moz-border-radius-topleft: 0.625rem;
border-top-left-radius: 0.625rem;
-webkit-border-top-right-radius: 0.625rem;
-moz-border-radius-topright: 0.625rem;
border-top-right-radius: 0.625rem;
}
.col-calendar-top-toolbar .calendar-options-holder {
width: 100%;
padding: 2rem 1.5rem;
}
.month-view {
padding: 2rem 1.062rem 2rem 1.5rem;
}
.calendar-toolbar .calendar-toolbar-month {
display: inline-flex;
align-items: center;
font-size: 1.25rem;
font-weight: 600;
width: 12.5rem;
height: 1.875rem;
}
.calendar-toolbar .calendar-toolbar-month .calendar-year {
margin-left: 0.5rem;
font-weight: 400;
}
.calendar-toolbar .calendar-toolbar-options.center-options {
flex: 1;
}
.calendar-top-toolbar .calendar-toolbar-choices {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
max-width: 100%;
margin-right: 1rem;
}
.calendar-top-toolbar .calendar-toolbar-choices .choices {
width: 100%;
font-weight: 500;
}
.calendar-top-toolbar .calendar-toolbar-options:last-child {
justify-content: flex-end;
flex-shrink: 0;
}
.calendar-top-toolbar .calendar-toolbar-options,
.calendar-top-toolbar .calendar-toolbar-item {
display: flex;
align-items: center;
justify-content: center;
}
.calendar-top-toolbar .calendar-toolbar-item:not(:last-child) {
margin-right: 1rem;
}
.calendar-toolbar .calendar-toolbar-item a,
.calendar-toolbar .calendar-toolbar-item .btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 0 1rem;
height: 3rem;
}
.calendar-toolbar .calendar-toolbar-item a svg {
position: absolute;
top: 50%;
width: 1rem;
height: auto;
flex-shrink: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.calendar-toolbar .calendar-toolbar-item:first-child a svg {
left: -0.3rem;
}
.calendar-toolbar .calendar-toolbar-item:last-child a svg {
right: -0.3rem;
}
.day-preview {
height: 100%;
padding: 1rem 2rem 1rem 0;
}
.day-preview .day-preview-header {
margin-bottom: 2rem;
}
.day-preview .day-preview-header h3 {
margin-bottom: 0;
}
.day-preview .day-preview-header .clock {
font-size: 1rem;
}
.day-preview .day-preview-content ul {
padding: 0;
margin: 0;
height: 26rem;
overflow-y: auto;
}
.day-preview .day-preview-content ul li {
list-style: none;
}
.day-preview .day-preview-content ul li a {
display: flex;
align-items: flex-start;
padding: 0.5rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.day-preview .day-preview-content ul li a:hover,
.day-preview .day-preview-content ul li a:focus {
text-decoration: none;
}
.day-preview .day-preview-content ul li a span {
font-size: 1rem;
}
.day-preview .day-preview-content ul li a span:first-child {
display: flex;
align-items: center;
justify-content: center;
width: 3.75rem;
margin-right: 1rem;
height: 1.875rem;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.month-view-top-bar {
display: flex;
align-items: center;
margin-top: 0;
padding: 1rem 1.5rem;
padding-top: 1rem;
flex-basis: 100%;
}
.month-view-top-bar .day-of-the-week {
width: calc(100% / 7);
padding: 0 0.625rem;
font-size: 1rem;
font-weight: 600;
}
.month-view-top-bar .day-of-the-week span:last-child {
display: none;
}
.month-view .week-bar {
position: relative;
display: flex;
align-items: flex-start;
}
.month-view .week-bar:nth-child(2),
.month-view .week-bar:nth-child(2) .calendar-day:first-of-type {
-webkit-border-top-left-radius: 0.5rem;
-moz-border-radius-topleft: 0.5rem;
border-top-left-radius: 0.5rem;
}
.month-view .week-bar:nth-child(2),
.month-view .week-bar:nth-child(2) .calendar-day:last-of-type {
-webkit-border-top-right-radius: 0.5rem;
-moz-border-radius-topright: 0.5rem;
border-top-right-radius: 0.5rem;
}
.month-view .week-bar:last-child,
.month-view .week-bar:last-child .calendar-day:first-of-type {
-webkit-border-bottom-left-radius: 0.5rem;
-moz-border-radius-bottomleft: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.month-view .week-bar:last-child,
.month-view .week-bar:last-child .calendar-day:last-of-type {
-webkit-border-bottom-right-radius: 0.5rem;
-moz-border-radius-bottomright: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.month-view .week-bar .calendar-day {
position: relative;
width: calc(100% / 7);
margin-right: -1px;
margin-bottom: -1px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.calendar-day.selected:hover {
background-color: transparent;
}
.calendar-day .selection {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
width: calc(100% + 1px);
border: 3px dashed transparent;
}
.calendar-day .selection.b-top-none {
border-top: 0 none;
}
/* .calendar-day .selection.b-right {
-webkit-border-top-right-radius: 0.625rem;
-webkit-border-bottom-right-radius: 0.625rem;
-moz-border-radius-topright: 0.625rem;
-moz-border-radius-bottomright: 0.625rem;
border-top-right-radius: 0.625rem;
border-bottom-right-radius: 0.625rem;
} */
.calendar-day .selection.b-right-none {
border-right: 0 none;
}
.calendar-day .selection.b-bottom-none {
border-bottom: 0 none;
}
/* .calendar-day .selection.b-left {
-webkit-border-top-left-radius: 0.625rem;
-webkit-border-bottom-left-radius: 0.625rem;
-moz-border-radius-topleft: 0.625rem;
-moz-border-radius-bottomleft: 0.625rem;
border-top-left-radius: 0.625rem;
border-bottom-left-radius: 0.625rem;
} */
.calendar-day .selection.b-left-none {
border-left: 0 none;
}
.calendar-day .selection .controls {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.calendar-day .selection .controls .btn-control {
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.calendar-day .selection .controls .btn-control:first-child {
-webkit-transform: translateX(-15px);
-moz-transform: translateX(-15px);
-ms-transform: translateX(-15px);
-o-transform: translateX(-15px);
transform: translateX(-15px);
}
.calendar-day .selection .controls .btn-control:last-child {
-webkit-transform: translateX(15px);
-moz-transform: translateX(15px);
-ms-transform: translateX(15px);
-o-transform: translateX(15px);
transform: translateX(15px);
}
.calendar-day .selection .controls .btn-control svg {
width: 18px;
height: 18px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.calendar-day .day-availability {
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 0.75rem;
font-weight: 500;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.month-view .week-bar:last-child .calendar-day {
margin-bottom: 0;
}
.month-view .month-title {
display: inline-flex;
align-items: center;
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.625rem;
}
.month-view .month-title .month-text {
font-size: 1.25rem;
font-weight: 600;
}
.month-view .month-title .year-text {
margin-left: 0.5rem;
font-weight: 400;
}
/* makes calendar-day square */
.month-view .week-bar .calendar-day:before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.month-view .week-bar .calendar-day.inactive {
border-right-color: transparent;
border-left-color: transparent;
}
.month-view .week-bar .calendar-day.inactive:first-of-type {
border-left-color: #C8CACC;
}
.month-view .week-bar .calendar-day.inactive:last-of-type {
border-right-color: #C8CACC;
}
.month-view .week-bar .calendar-day .btn-price {
position: absolute;
bottom: 10px;
right: 10px;
padding: 0;
height: auto;
font-size: 0.75rem;
z-index: 15;
}
.month-view .week-bar .calendar-day .calendar-date {
position: absolute;
top: 10px;
left: 10px;
font-size: 0.875rem;
font-weight: 600;
line-height: 1;
}
.month-view .week-bar .calendar-day .calendar-date span {
font-weight: 400;
}
.month-view .week-bar .calendar-day .calendar-bar {
position: absolute;
bottom: -1.25rem;
left: 0;
width: 1.25rem;
height: 1.25rem;
display: flex;
font-weight: 600;
font-size: 0.75rem;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.select-bar {
position: absolute;
top: 40px;
height: 22px;
padding: 0;
z-index: 15;
}
.border-radius-25 {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.border-radius-0 {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.border-radius-left-0 {
-webkit-border-radius: 25px;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 25px;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-radius: 25px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.border-radius-right-0 {
-webkit-border-radius: 25px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 25px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-radius: 25px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.select-bar .select-bar-text {
position: absolute;
top: 50%;
left: 0;
padding: 0 0.875rem 0 0.875rem;
font-size: 0.75rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.select-bar.start-day {
width: 70%;
left: 30%;
margin-left: 2px;
-webkit-border-radius: 25px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 25px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-radius: 25px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
/* z-index: 2; */
}
.select-bar.full-day {
width: calc(100% + 2px);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
/* z-index: 2; */
}
.select-bar.end-day {
width: 20%;
right: 80%;
margin-right: 2px;
-webkit-border-radius: 0;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius: 0;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
border-radius: 0;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
/* z-index: 2; */
}
/* Custom table */
.custom-table {
display: block;
margin-bottom: 1.875rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
}
.custom-table .table {
margin-bottom: 0;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.custom-table .table thead th {
font-size: 0.875rem;
padding: 1rem 0.875rem;
min-width: auto;
font-weight: 600;
}
.custom-table .table caption {
font-size: 0.75rem;
font-weight: 600;
padding: 1rem 0.875rem;
width: 100%;
-webkit-border-bottom-right-radius: 0.625rem;
-webkit-border-bottom-left-radius: 0.625rem;
-moz-border-radius-bottomright: 0.625rem;
-moz-border-radius-bottomleft: 0.625rem;
border-bottom-right-radius: 0.625rem;
border-bottom-left-radius: 0.625rem;
}
.custom-table .table caption p:not(:last-child) {
margin-bottom: 0.5rem;
}
.custom-table .table caption p:last-child {
margin-bottom: 0;
}
.custom-table .table tbody th,
.custom-table .table tbody td {
padding: 1rem 0.875rem;
font-weight: 600;
}
/* Calendar save options */
.bottom-holder {
padding: 0 0 0 0.75rem;
}
.bottom-save-holder {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
}
.bottom-page-container {
position: relative;
}
.bottom-save-holder .row {
width: 100%;
}
.bottom-save-options {
display: flex;
align-items: flex-end;
justify-content: space-between;
padding: 1.45rem;
-webkit-border-top-left-radius: 0.625rem;
-webkit-border-top-right-radius: 0.625rem;
-moz-border-radius-topleft: 0.625rem;
-moz-border-radius-topright: 0.625rem;
border-top-left-radius: 0.625rem;
border-top-right-radius: 0.625rem;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
}
.bottom-save-options .options-holder {
position: relative;
display: flex;
justify-content: flex-end;
}
.bottom-save-options .options-holder .btn:not(:last-child) {
margin-right: 1rem;
}
.bottom-save-options .options-holder p {
position: absolute;
bottom: 100%;
left: 0;
}
/* Table scroll */
.table-scroll {
position: relative;
width: 100%;
z-index: 1;
margin: 0;
overflow-x: auto;
/*hide scroll bar FF*/
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
}
.table-data .table-scroll {
font-size: 0.75rem;
}
/*hide scroll bar web-kit browsers */
.table-scroll::-webkit-scrollbar {
width: 0;
height: 0;
}
.table-scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.table-scroll::-webkit-scrollbar-thumb {
background-color: transparent;
outline: 0px solid transparent;
}
.table-scroll .dropdown-toggle.show:before {
opacity: 0;
visibility: hidden;
}
.table-scroll table {
width: 100%;
min-width: 100%;
margin: auto;
border-collapse: separate;
border-spacing: 0;
}
.table-scroll th,
.table-scroll td {
padding: 0.625rem 1.125rem;
vertical-align: middle;
}
.table-scroll th {
position: sticky;
position: -webkit-sticky;
top: 0;
}
.table-scroll th:first-child,
.table-scroll td:first-child,
.table-scroll th:nth-child(2),
.table-scroll td:nth-child(2) {
position: sticky;
position: -webkit-sticky;
z-index: 2;
}
.table-data .table-scroll th:nth-child(2),
.table-data .table-scroll td:nth-child(2) {
position: relative;
z-index: unset;
left: unset;
}
.table-scroll th:first-child,
.table-scroll td:first-child {
left: 0;
}
.table-scroll th:last-child,
.table-scroll td:last-child {
position: sticky;
position: -webkit-sticky;
right: 0;
z-index: 2;
}
.table-scroll thead th {
z-index: 1;
}
.table-scroll thead th:first-child,
.table-scroll thead th:nth-child(2) {
font-weight: 500;
}
.table-scroll thead th {
font-weight: 500;
}
/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
position: sticky;
position: -webkit-sticky;
bottom: 0;
padding: 1rem 1rem;
font-weight: 500;
z-index: 4;
}
.table-scroll thead th:first-child,
.table-scroll tfoot th:first-child,
.table-scroll thead th:nth-child(2),
.table-scroll tfoot th:nth-child(2) {
z-index: 5;
}
.table-holder {
position: relative;
}
.table-holder>h3 {
font-size: 0.875rem;
font-weight: 500;
}
.table-holder.table-data>h3 {
margin-bottom: 0.313rem;
}
.table-holder.table-data>p {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 0.75rem;
}
.table-holder.table-data>p strong {
font-weight: 500;
margin-right: 0.313rem;
}
.table-holder.table-data>p span {
width: 1.25rem;
height: 1.25rem;
display: inline-block;
margin: 0 0.313rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.table-holder.table-data .table-scroll .table-title td:first-child {
left: 0;
border-left: 0 none;
}
.table-holder.table-data .table-scroll .table-title td {
padding: 0;
}
.table-holder.table-data .table-title .col-table-title {
padding: 0.25rem 1.125rem;
font-weight: 500;
}
.table-holder.table-data {
margin-top: 1rem;
margin-bottom: 2.5rem;
}
.table-holder .table-options {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 1rem;
}
.table-holder .table-options .table-actions {
display: inline-flex;
align-items: flex-end;
justify-content: flex-end;
flex-basis: 100%;
}
.table-holder .table-options .table-actions .dropdown-content .btn {
text-decoration: none;
margin-left: 0;
}
.table-holder .table-options .table-actions .dropdown-content .btn:hover {
text-decoration: underline;
}
.table-holder .table-options .table-actions .dropdown-toggle svg {
margin-right: 0;
right: unset;
}
.table-holder .table-options .table-actions .dropdown-toggle.show svg {
-webkit-transform: translateY(-50%) rotate(0deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.table-filters {
display: inline-flex;
align-items: center;
justify-content: flex-start;
flex-basis: 100%;
}
.table-filters form {
display: flex;
align-items: center;
justify-content: flex-start;
}
.table-filters .form-group {
margin-bottom: 0;
}
.table-filters .form-group:not(:last-child) {
margin-right: 1rem;
}
.table-filters .form-group .choices {
width: 20rem;
}
.table-filters .form-group .choices .choices__inner {
min-height: 2.25rem;
padding-top: 0;
padding-bottom: 0;
}
.table-actions .table-actions-holder {
display: flex;
align-items: center;
}
.table-options .table-actions .table-actions-holder>.btn {
height: 2.25rem;
font-size: 0.875rem;
margin-left: 0;
}
.table-filters .form-group .form-label {
display: inline-flex;
align-items: center;
}
.table-filters .form-group .form-select {
height: 2.25rem;
min-width: 10rem;
}
.table-holder .table-options .table-actions .btn .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
padding: 0;
}
.table-holder .table-search {
margin-right: 1rem;
}
.table-holder .table-search .form-group {
margin-bottom: 0;
}
.table-holder .table-search .form-group .form-control {
height: 2.25rem;
min-width: 16rem;
}
.table-holder .controls-container {
display: inline-flex;
align-items: center;
margin-left: 1.25rem;
}
.table-holder .controls-container .control {
display: flex;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
cursor: pointer;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.table-holder .controls-container .control:not(:last-child) {
margin-right: 0.625rem;
}
.table-holder .controls-container .control svg {
width: 1rem;
height: auto;
}
/* Desktop table */
.table-options .table-actions .btn-action,
.panel-body .panel-data .btn-action {
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.table-options .table-actions .btn-action svg,
.panel-body .panel-data .btn-action svg {
width: 1.25rem;
height: 1.25rem;
}
.table-options .table-actions .btn-action span,
.panel-body .panel-data .btn-action span {
font-size: 1.25rem;
}
.table-options .table-actions .btn,
.table-options .table-actions .btn-action {
margin-left: 0.625rem;
}
.table-options .table-actions .btn-action:first-child {
margin-left: 0;
}
.table-options .table-actions .btn-action:last-of-type {
margin-right: 0;
}
.desktop-table .table-header {
padding-bottom: 0.625rem;
font-weight: 500;
}
.desktop-table .table-header th:nth-last-child(2),
.desktop-table .table-content td:nth-last-child(2) {
border-right: 0 none !important;
}
.desktop-table .table-header .col {
height: 2.75rem;
}
.desktop-table .table-header .col.with-info {
position: relative;
padding-right: 2rem;
}
.desktop-table .table-header .col .form-info {
top: unset;
margin: 0;
}
.desktop-table .table-header .col .form-info .btn-information {
width: auto;
height: auto;
}
.desktop-table .table-header .col .btn-sort {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
flex-basis: 100%;
height: 1.875rem;
padding: 0;
border: 0 none;
font-weight: 500;
padding-right: 1.25rem;
}
.desktop-table .table-header .col .btn-sort .badge-notification {
top: 50%;
left: -0.75rem;
width: 0.5rem;
height: 0.5rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.desktop-table .table-header .col .btn-sort:hover {
border: 0 none;
}
.desktop-table .table-header .col .btn-sort svg {
right: 0;
width: 0.625rem;
height: 0.625rem;
margin: 0;
}
.desktop-table tbody tr th,
.desktop-table tbody tr td {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.desktop-table .table-content th .col,
.desktop-table .table-content td .col {
position: relative;
padding: 0;
min-height: 2rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.desktop-table .table-content .row:last-child {
border: 0 none;
}
.desktop-table .table-header .col,
.desktop-table .table-content .col {
display: flex;
justify-content: flex-start;
align-items: center;
}
.desktop-table.font-sm .table-content .col,
.desktop-table.font-sm .table-content .col .form-select {
font-size: 0.75rem;
}
.desktop-table.font-sm .table-content .col.col-check {
font-size: 0.875rem;
}
.desktop-table .table-header .col {
font-weight: 500;
}
.desktop-table .table-header .col .dropdown-menu .dropdown-item {
position: relative;
padding-right: 2rem;
}
.desktop-table .table-header .col .dropdown-menu .dropdown-item.active::after {
position: absolute;
top: 50%;
right: 0.5rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 1.25rem;
height: 1.25rem;
}
.desktop-table .table-header .col .dropdown-menu .dropdown-item svg {
width: 1.25rem;
height: 1.25rem;
position: absolute;
right: 0.5rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.desktop-table .col-check {
min-width: 1.25rem;
max-width: 1.25rem;
}
.desktop-table .col-ordinal {
min-width: 2.5rem;
font-weight: 500;
}
.desktop-table .col-file-number {
min-width: 8.5rem;
font-weight: 500;
}
.desktop-table .col-accreditation {
min-width: 24rem;
}
.desktop-table .col-extrasmall {
min-width: 1.25rem;
max-width: 1.25rem;
}
.desktop-table .col-smaller {
min-width: 3rem;
max-width: max-content;
}
.desktop-table .col-small {
min-width: 10rem;
max-width: max-content;
}
.desktop-table .col-medium {
min-width: 13rem;
max-width: min-content;
}
.desktop-table .col-large {
min-width: 20rem;
max-width: min-content;
}
.desktop-table.data-table .col-large {
min-width: 18rem;
max-width: min-content;
}
.desktop-table .col-location {
min-width: 4rem;
}
.desktop-table .col-location .highlight:not(:last-child) {
margin-right: 0.313rem;
}
.desktop-table .col-check .form-check {
margin-bottom: 0;
padding-right: 0;
}
.desktop-table .col-check .form-check .form-check-input {
margin-right: 0;
}
.custom-accordion .form-check .form-check-input,
.accordion-footer .form-check .form-check-input {
width: 1.75em;
height: 1.75em;
}
.custom-accordion .accordion-header {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: unset;
}
.desktop-table .table-header tr:last-child th:last-child,
.desktop-table .table-header tr:first-child th:first-child {
min-width: 0;
width: 1px;
}
.desktop-table .col-calendar-name {
min-width: 12.5rem;
font-weight: 500;
}
.desktop-table .col-plan-name {
min-width: 8.5rem;
font-weight: 500;
}
.desktop-table .col-date {
min-width: 4rem;
}
.desktop-table .col-date.with-info {
min-width: 6rem;
}
.desktop-table .col-submitted {
min-width: 6rem;
}
.desktop-table .col-processed {
min-width: 6rem;
}
.desktop-table .col-status {
min-width: 0;
}
.desktop-table .col-actions {
min-width: 3rem;
}
.desktop-table .col-discount {
min-width: 7.75rem;
}
.desktop-table .col-minimum-stay {
min-width: 7.5rem;
}
.desktop-table .col-cancelation-policy {
min-width: 15rem;
}
.desktop-table .col-unit-name {
min-width: 11.5rem;
font-weight: 500;
}
.desktop-table .col-max-guests {
min-width: 10rem;
}
.desktop-table .col-max-adults {
min-width: 10rem;
}
.desktop-table .col-max-kids {
min-width: 10rem;
}
.desktop-table .col-max-kids-paying {
min-width: 10rem;
}
.desktop-table .col-price {
min-width: 7rem;
}
.desktop-table .col-total-price {
min-width: 5.625rem;
}
.desktop-table .col-total-price .col-content {
display: block;
width: 100%;
}
.desktop-table .col-total-price .col-content p {
text-align: right;
margin-bottom: 0;
}
.desktop-table .col-total-reservation-price {
min-width: 7.103rem;
}
.desktop-table .col-total-reservation-price .col-content {
display: block;
width: 100%;
}
.desktop-table .col-total-reservation-price .col-content p:not(:last-child) {
margin-bottom: 0.313rem;
padding-bottom: 0.313rem;
}
.desktop-table .col-total-reservation-price .col-content p:last-child {
margin-bottom: 0;
}
.desktop-table tr.total-earnings:hover td {
background-color: transparent;
}
.desktop-table .table-content tr.total-earnings td:not(:last-child),
.desktop-table .table-content tr.total-earnings td:nth-last-child(2),
.desktop-table .table-content tr.total-earnings td:last-child {
border: 0 none;
}
.desktop-table .col-total-earnings {
min-width: 0;
}
.desktop-table .col-total-earnings .col-content {
display: block;
width: 100%;
}
.desktop-table .col-total-earnings .col-content p {
text-align: right;
margin-bottom: 0;
font-size: 0.875rem;
}
.desktop-table .col-total-earnings .col-content p strong {
margin-left: 0.313rem;
}
.desktop-table .col-guest {
min-width: 9rem;
}
.desktop-table .col-guest .col-content p {
margin-bottom: 0;
}
.desktop-table .col-guest .col-content ul {
display: flex;
margin: 0.25rem 0 0 0;
padding-left: 0;
}
.desktop-table .col-guest .col-content ul li {
list-style: none;
}
.desktop-table .col-guest .col-content ul li:not(:last-child) {
margin-right: 0.5rem;
padding-right: 0.5rem;
}
.desktop-table .col-hotel {
min-width: 9rem;
}
.desktop-table .col-hotel .col-content p {
margin-bottom: 0;
}
.desktop-table .col-hotel .col-content .operational-status {
position: relative;
display: flex;
align-items: center;
font-weight: 600;
padding-left: 0.875rem;
}
.desktop-table .col-hotel .operational-status .badge.badge-notification {
top: 50%;
left: 0;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.desktop-table .col-reservation-number {
min-width: 6.25rem;
}
.desktop-table .table-content .col-date .col-content p,
.desktop-table .table-content .col-discount .col-content p,
.desktop-table .table-content .col-minimum-stay .col-content p {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 0;
}
.desktop-table .table-content .col-date .col-content strong {
width: 1.313rem;
margin-right: 0.25rem;
}
.desktop-table .table-content .col-discount .col-content strong {
min-width: 1.75rem;
margin-right: 0.25rem;
}
.desktop-table .table-content .col-minimum-stay .col-content strong {
min-width: 0.5rem;
margin-right: 0.25rem;
}
.desktop-table .col-commission {
min-width: 4.688rem;
}
.desktop-table .table-header .col.col-commission {
flex-wrap: wrap;
}
.desktop-table .table-header .col.col-commission small {
display: block;
width: 100%;
font-size: 0.75rem;
}
.desktop-table .col-commission .col-content p {
text-align: left;
margin-bottom: 0;
}
.desktop-table .table-header .col.col-total-commission {
flex-wrap: wrap;
}
.desktop-table .table-header .col.col-total-commission small {
display: block;
width: 100%;
font-size: 0.75rem;
}
.desktop-table .col-total-commission {
min-width: 4.688rem;
}
.desktop-table .col-total-commission .col-content {
display: block;
width: 100%;
}
.desktop-table .col-total-commission .col-content p {
text-align: right;
margin-bottom: 0;
}
.desktop-table .col-overnight-stays {
min-width: 3.313rem;
}
.desktop-table .col-overnight-stays .col-content {
display: block;
width: 100%;
}
.desktop-table .col-overnight-stays .col-content p {
text-align: left;
margin-bottom: 0;
}
.desktop-table .table-content .col.col-actions {
justify-content: center;
}
.desktop-table .col-actions .icon-holder {
position: relative;
}
.desktop-table .col-actions .icon-holder:not(:last-child) {
margin-right: 0.625rem;
}
.desktop-table .col-actions .icon-holder .btn-action {
width: 1.875rem;
height: 1.875rem;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.desktop-table .col-actions .icon-holder .btn-action .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 1.875rem;
height: 1.875rem;
}
.desktop-table .col-actions .icon-holder .btn-action:disabled {
opacity: 1;
}
.desktop-table .col-actions .icon-holder svg {
width: 1.125rem;
height: 1.125rem;
}
.desktop-table .col-actions .icon-holder span {
font-size: 1rem;
}
.desktop-table .table-content .tr-collapse td {
padding: 0;
border: 0 none;
background-color: #ffffff;
}
/* pagination */
.page-pagination {
margin-bottom: 0;
padding: 1.875rem 0;
}
.table-footer {
padding: 1.25rem 0 4.5rem 0;
}
.page-pagination .pagination-holder,
.table-footer .table-footer-holder {
display: flex;
align-items: center;
}
.page-pagination .pagination-holder .form-select,
.table-footer .table-footer-holder .form-select {
height: 2.25rem;
max-width: 13rem;
}
.page-pagination .pagination-holder.content-left,
.table-footer .table-footer-holder.content-left {
justify-content: flex-start;
}
.table-footer .table-footer-holder.content-left .form-check {
margin-left: 1rem;
margin-right: 1.5rem;
margin-bottom: 0;
}
.accordion-footer .accordion-footer-holder.content-left label,
.table-footer .table-footer-holder.content-left label {
margin-right: 0.625rem;
margin-bottom: 0;
font-size: 0.75rem;
font-weight: 500;
width: auto;
padding-left: 0;
padding-right: 0;
}
.accordion-footer .accordion-footer-holder.content-left .form-control,
.table-footer .table-footer-holder.content-left .form-control {
width: 4.5rem;
height: 2.25rem;
}
.page-pagination .pagination-holder.content-left label {
margin-right: 1rem;
}
.page-pagination .pagination-holder.content-center,
.table-footer .table-footer-holder.content-center {
justify-content: center;
}
.page-pagination .pagination-holder.content-right,
.table-footer .table-footer-holder.content-right {
justify-content: flex-end;
}
.page-pagination .pagination-holder.content-right .pagination-total-pages,
.table-footer .table-footer-holder.content-right .table-footer-total-pages {
margin-right: 1rem;
font-size: 0.75rem;
}
.page-pagination .pagination-holder.content-left .form-control {
width: 3.625rem;
height: 2.25rem;
}
.page-pagination .pagination-holder.content-right .form-select,
.table-footer .table-footer-holder.content-right .form-select {
width: 4.625rem;
}
/* My account */
.offcanvas-profile-mobile .nav-aside ul,
.profile-aside .nav-aside ul {
padding: 0;
margin: 0;
}
.offcanvas-profile-mobile .nav-aside ul li,
.profile-aside .nav-aside ul li {
list-style: none;
}
.offcanvas-profile-mobile .nav-aside ul li a,
.profile-aside .nav-aside ul li a {
display: inline-flex;
align-items: center;
padding: 1rem 0;
font-size: 0.875rem;
font-weight: 500;
text-decoration: none;
text-underline-offset: 0.188rem;
}
.offcanvas-profile-mobile .nav-aside ul li a .icon-holder,
.profile-aside .nav-aside ul li a .icon-holder {
position: relative;
background-color: transparent;
margin-right: 0;
height: auto;
width: 2rem;
}
.offcanvas-profile-mobile .nav-aside ul li a .icon-holder svg,
.profile-aside .nav-aside ul li a .icon-holder svg {
width: 1.375rem;
height: 1.375rem;
margin-right: 0;
}
/* User header */
.user-header {
margin-bottom: 3rem;
}
.user-header .button-holder {
position: relative;
display: flex;
flex-wrap: wrap;
margin-bottom: 0.625rem;
}
.user-header .button-holder .btn:not(:last-child) {
margin-right: 1rem;
}
.btn.disabled,
.btn:disabled,
.user-header .button-holder .btn.disabled,
.user-header .button-holder .btn:disabled {
opacity: 1;
}
.user-header .media {
position: relative;
}
.user-header .media .image-holder {
position: relative;
margin-right: 2rem;
}
.user-header .media .btn-action {
position: absolute;
left: 5.75rem;
top: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 2.5rem;
height: 2.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
}
.user-header .media .btn-action .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
flex-shrink: 0;
}
.user-header .media .btn-action span {
font-size: 1.25rem;
}
.user-header .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 8rem;
margin-right: 0;
outline-offset: 0.25rem;
}
.user-header .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.user-header .media-image span {
position: absolute;
font-size: 2rem;
}
.user-header .media-image svg {
position: absolute;
width: 2.5rem;
height: 2.5rem;
}
.user-header .media-image .user-initials {
position: absolute;
font-size: 2rem;
font-weight: 600;
}
.user-header .media-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.user-header .media-body h1 {
font-size: 0.875rem;
font-weight: 500;
}
.user-header .media-body h2 {
font-size: 1.125rem;
font-weight: 500;
}
.user-header .media-body h1 {
margin-bottom: 0.1875rem;
}
.user-header .media-body h2,
.user-header p {
margin-bottom: 0;
}
.user-header p.user-id {
font-size: 0.75rem;
}
.user-header .user-data {
display: flex;
margin-top: 1rem;
}
.user-header .user-data-item p.with-btn-information {
position: relative;
padding-right: 1.5rem;
display: inline-block;
}
.user-header .user-data-item p.with-btn-information .btn-information {
position: absolute;
top: 0;
right: 0;
width: 1.3rem;
height: 1.3rem;
}
.user-header .user-data .user-data-item:first-child {
padding-left: 0;
}
.user-header .user-data .user-data-item {
padding: 0 0.625rem;
}
.user-header .user-data .user-data-item a:focus {
text-decoration: none;
}
.user-header .user-data .user-rating {
display: flex;
align-items: center;
}
.user-header .user-data .user-data-item .user-rating svg {
width: 1rem;
height: auto;
margin-right: 0.313rem;
}
.user-header .user-data .user-data-item .user-rating strong {
margin-right: 0.313rem;
}
.rating-holder {
display: flex;
align-items: center;
}
.rating-holder .rating-square {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
font-size: 1rem;
font-weight: 600;
-webkit-border-radius: 0.625rem;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 0.625rem;
-moz-border-radius-bottomleft: 0;
border-radius: 0.625rem;
border-bottom-left-radius: 0;
}
.rating-holder .rating-text {
margin-left: 0.625rem;
}
.rating-holder .rating-text p {
margin-bottom: 0;
}
.rating-holder .rating-text p strong {
font-size: 1rem;
line-height: 1;
}
.rating-holder .rating-text p a {
font-weight: 600;
}
/* Property header */
.property-header {
margin-bottom: 3rem;
}
.property-header .button-holder {
position: relative;
display: flex;
flex-wrap: wrap;
margin-bottom: 0.625rem;
}
.property-header .button-holder .btn:not(:last-child) {
margin-right: 1rem;
}
.property-header .button-holder .btn.disabled,
.property-header .button-holder .btn:disabled {
opacity: 1;
}
.property-header .media {
position: relative;
}
.property-header .media .image-holder {
position: relative;
margin-right: 2rem;
}
.property-header .media .btn-action {
position: absolute;
left: 5.5rem;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 3.125rem;
height: 3.125rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
}
.property-header .media .btn-action .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 3.125rem;
height: 3.125rem;
flex-shrink: 0;
}
.property-header .media .btn-action span {
font-size: 1.5rem;
}
.property-header .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 8rem;
margin-right: 1.25rem;
outline-offset: 0.25rem;
}
.property-header .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.property-header .media-image span {
position: absolute;
font-size: 2rem;
}
.property-header .media-image svg {
position: absolute;
width: 2.5rem;
height: 2.5rem;
}
.property-header .media-image .user-initials {
position: absolute;
font-size: 2rem;
font-weight: 600;
}
.property-header .media-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.property-header .media-body h2 {
font-size: 0.875rem;
font-weight: 500;
}
.property-header .media-body h3 {
font-size: 1.125rem;
font-weight: 500;
}
.property-header .media-body h2 {
margin-bottom: 0.1875rem;
}
.property-header .media-body h3,
.property-header p {
margin-bottom: 0;
}
.property-header p.property-id {
font-size: 0.75rem;
}
.property-header .property-data {
display: flex;
margin-top: 1rem;
}
.property-header .property-data-item p.with-btn-information {
position: relative;
padding-right: 1.5rem;
display: inline-block;
}
.property-header .property-data-item p.with-btn-information .btn-information {
position: absolute;
top: 0;
right: 0;
width: 1.3rem;
height: 1.3rem;
}
.property-header .property-data .property-data-item:first-child {
padding-left: 0;
}
.property-header .property-data .property-data-item {
padding: 0 0.625rem;
}
.property-header .property-data .property-data-item a:focus {
text-decoration: none;
}
.property-header .property-data .property-rating {
display: flex;
align-items: center;
}
.property-header .property-data .property-data-item .property-rating svg {
width: 1rem;
height: auto;
margin-right: 0.313rem;
}
.property-header .property-data .property-data-item .property-rating strong {
margin-right: 0.313rem;
}
/* Guest header */
.guest-header {
margin-bottom: 1.875rem;
}
.guest-header .button-holder {
position: relative;
display: flex;
flex-wrap: wrap;
margin-bottom: 0.625rem;
}
.guest-header .button-holder .btn:not(:last-child) {
margin-right: 1rem;
}
.guest-header .button-holder .btn.disabled,
.guest-header .button-holder .btn:disabled {
opacity: 1;
}
.guest-header .media {
position: relative;
align-items: flex-start;
}
.guest-header .media .btn-action {
position: absolute;
left: 5.5rem;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 3.125rem;
height: 3.125rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
}
.guest-header .media .btn-action .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 3.125rem;
height: 3.125rem;
flex-shrink: 0;
}
.guest-header .media .btn-action span {
font-size: 1.5rem;
}
.guest-header .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 8rem;
margin-right: 1.25rem;
outline-offset: 0.25rem;
}
.guest-header .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.guest-header .media-image span {
position: absolute;
font-size: 2rem;
}
.guest-header .media-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.guest-header .media-body {
position: relative;
}
.guest-header .media-body .highlight {
margin-bottom: 0.5rem;
}
.guest-header .media-body h3 {
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 0.25rem;
}
.guest-header p {
margin-bottom: 0;
}
.guest-header .guest-data {
display: flex;
margin-top: 1rem;
}
.guest-header .guest-data .guest-data-item:first-child {
padding-left: 0;
}
.guest-header .guest-data .guest-data-item {
padding: 0 0.625rem;
}
.guest-header .guest-data .guest-data-item strong {
font-weight: 500;
}
.guest-rating {
display: flex;
align-items: center;
}
.guest-header .guest-data .guest-data-item .guest-rating svg {
width: 1rem;
height: auto;
margin-right: 0.313rem;
}
.guest-header .guest-data .guest-data-item .guest-rating strong {
margin-right: 0.313rem;
}
/* Reservation header */
.reservation-header {
margin-bottom: 1.875rem;
}
.reservation-header .button-holder {
position: relative;
display: flex;
flex-wrap: wrap;
margin-bottom: 0.625rem;
}
.reservation-header .button-holder .btn:not(:last-child) {
margin-right: 1rem;
}
.reservation-header .button-holder .btn.disabled,
.reservation-header .button-holder .btn:disabled {
opacity: 1;
}
.reservation-header .media {
position: relative;
align-items: center;
}
.reservation-header .media .btn-action {
position: absolute;
left: 5.5rem;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 3.125rem;
height: 3.125rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
}
.reservation-header .media .btn-action .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 3.125rem;
height: 3.125rem;
flex-shrink: 0;
}
.reservation-header .media .btn-action span {
font-size: 1.5rem;
}
.reservation-header .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 8rem;
margin-right: 1.25rem;
outline-offset: 0.25rem;
}
.reservation-header .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.reservation-header .media-image span {
position: absolute;
font-size: 2rem;
}
.reservation-header .media-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.reservation-header .media-body {
position: relative;
}
.reservation-header .media-body .highlight {
margin-bottom: 0.5rem;
}
.reservation-header .media-body h3 {
font-size: 1.125rem;
margin-bottom: 0.25rem;
font-weight: 500;
}
.reservation-header p {
margin-bottom: 0;
}
.reservation-header .reservation-data {
display: flex;
margin-top: 1rem;
}
.reservation-header .reservation-data .reservation-data-item:first-child {
padding-left: 0;
}
.reservation-header .reservation-data .reservation-data-item {
padding: 0 0.625rem;
}
.reservation-header .reservation-data .reservation-data-item strong {
font-weight: 500;
}
/* Reservation details */
.reservation-details {
display: block;
padding-bottom: 1.875rem;
margin-bottom: 1.875rem;
}
.reservation-details:last-child {
border-bottom: 0 none;
}
.reservation-details>h2 {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 1.875rem;
}
.reservation-details .section-title {
margin-bottom: 1.875rem;
padding: 0;
}
.reservation-details .section-title h2 {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 0;
}
.reservation-details .icon-item {
margin-bottom: 1rem;
}
.reservation-details .icon-item .media {
align-items: flex-start;
}
.reservation-details .icon-item .media .media-icon {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-right: 0.675rem;
}
.reservation-details .icon-item .media .media-icon svg {
width: 1.375rem;
height: 1.375rem;
}
.reservation-details .icon-item .media .media-icon span {
font-size: 1.875rem;
}
.reservation-details .icon-item .media-body {
margin-top: 0.125rem;
}
.reservation-details .icon-item .media-body ul {
display: flex;
margin: 0;
padding-left: 0;
}
.reservation-details .icon-item .media-body ul li {
list-style: none;
}
.reservation-details .icon-item .media-body ul li:not(:last-child) {
margin-right: 0.5rem;
padding-right: 0.5rem;
}
.reservation-details .status-item:last-child {
margin-bottom: 0;
}
.reservation-details .button-holder {
display: flex;
align-items: center;
justify-content: center;
margin-top: 1.875rem;
}
.reservation-details .button-holder .btn:not(:last-child) {
margin-right: 2.5rem;
}
.reservation-details .reservation-policy:not(:last-child) {
margin-bottom: 1.875rem;
}
.reservation-details .reservation-policy h3 {
font-size: 1rem;
font-weight: 500;
}
.reservation-details .collapse-col::before {
display: none;
}
.reservation-details .collapse-col .item-collapse {
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.reservation-details .collapse-col .collapse-holder {
padding: 0 0 0 6.25rem;
}
.reservation-details .collapse-col .item-header .media-image {
width: 5rem;
height: 5rem;
}
.reservation-details .collapse-col .item-header .media-body h3 {
font-weight: 500;
margin-bottom: 0;
}
.reservation-details .collapse-col .icon-item {
margin-bottom: 0;
}
.reservation-details .payment-info {
display: block;
margin-bottom: 1.875rem;
}
.reservation-details .payment-info h3 {
font-size: 1rem;
font-weight: 500;
margin-bottom: 0;
}
.reservation-details .payment-info .icon-item .media {
align-items: flex-start;
}
.reservation-details .payment-info .icon-item .media .media-icon span {
font-size: 1.875rem;
}
.reservation-details .payment-info .icon-item .media .media-body ul {
display: block;
width: 50%;
margin-top: 0.5rem;
}
.reservation-details .payment-info .icon-item .media .media-body ul li {
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
border-right: 0;
padding: 0;
margin: 0 0 0.5rem 0;
}
.reservation-details .payment-info .icon-item .media .media-body ul li span small {
display: inline-flex;
font-size: 0.75rem;
width: 4.25rem;
}
.reservation-details .payment-info .icon-item .media .media-body ul li span.additional-info {
font-size: 0.75rem;
}
.reservation-details .payment-info .icon-item .media .media-body ul li span small.currency,
.reservation-details .payment-info .icon-item .media .media-body ul li span small.commission {
width: auto;
}
.reservation-details .payment-info .icon-item .media .media-body ul li span:last-child {
width: 6.25rem;
text-align: right;
}
.reservation-details .payment-info .icon-item .media .media-body ul li.total {
margin: 0;
padding: 0.5rem 0;
}
.reservation-details .payment-info .icon-item .media .media-body ul li.total span {
font-weight: 600;
}
.reservation-details .payment-info .icon-item .media .media-body ul li.total span:last-child {
width: 6.5rem;
}
.reservation-details .payment-info .icon-item .media .media-body ul li.total span:first-child {
text-transform: uppercase;
}
.reservation-details .payment-info .icon-item .media .media-body ul li svg {
position: absolute;
top: 50%;
right: -1.25rem;
width: 1rem;
height: 1rem;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.reservation-details .payment-info .item-link.collapsed+span+span+svg {
-webkit-transform: translateY(-50%) rotate(0deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.reservation-details .payment-info .item-link+span+span+svg {
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.reservation-details .payment-info .icon-item .media .media-body ul li.collapse-content {
margin-bottom: 0;
align-items: flex-start;
}
.reservation-details .payment-info .icon-item .media .media-body ul li.collapse-content .collapse,
.reservation-details .payment-info .icon-item .media .media-body ul li.collapse-content .collapsing {
width: 100%;
}
.reservation-details .payment-info .icon-item .media .media-body ul li.collapse-content .collapse-holder {
font-size: 0.75rem;
padding: 0;
margin-bottom: 0.5rem;
}
.reservation-details .payment-info .icon-item .media .media-body ul li.collapse-content .collapse-holder ul {
display: block;
width: 100%;
margin-top: 0;
}
.reservation-details .help-reservation {
display: block;
margin-bottom: 1.875rem;
}
.reservation-details .help-reservation .btn {
padding-top: 0;
padding-bottom: 0;
height: auto;
width: 13.125rem;
text-align: left;
}
.reservation-details .help-reservation .btn:not(:last-child) {
margin-bottom: 1rem;
}
/* Rating Stars */
/*
* -------------------------------------------------------
* NOTE: For the styling to work, there needs to be a radio
* input selected by default. There also needs to be a
* radio input before the first star, regardless of
* whether you offer a 'no rating' or 0 stars option
*
* This codepen uses FontAwesome icons
*/
.form-group .rating-group {
display: inline-flex;
height: 3rem;
}
/* make hover effect work properly in IE */
.form-group .rating-icon {
pointer-events: none;
}
/* hide radio inputs */
.form-group .rating-input {
position: absolute !important;
left: -9999px !important;
}
/* set icon padding and size */
.form-group label.rating-label {
cursor: pointer;
padding: 0 0.1em;
font-size: 2rem;
margin-bottom: 0;
}
/* set default star color */
.form-group .rating-icon-star {
color: #FDCA40;
}
/* set color of none icon when unchecked */
.form-group .rating-icon-none {
color: #F0F0F0;
}
/* if none icon is checked, make it red */
.form-group .rating-input-none:checked+.rating-label .rating-icon-none {
color: #FE6227;
}
/* if any input is checked, make its following siblings grey */
.form-group .rating-input:checked~.rating-label .rating-icon-star {
color: #F0F0F0;
}
/* make all stars orange on rating group hover */
.form-group .rating-group:hover .rating-label .rating-icon-star {
color: #FDCA40;
}
/* make hovered input's following siblings grey on hover */
.form-group .rating-input:hover~.rating-label .rating-icon-star {
color: #F0F0F0;
}
/* make none icon grey on rating group hover */
.form-group .rating-group:hover .rating-input-none:not(:hover)+.rating-label .rating-icon-none {
color: #F0F0F0;
}
/* make none icon red on hover */
.form-group .rating-input-none:hover+.rating-label .rating-icon-none {
color: #FE6227;
}
.form-group label.rating-label span {
font-size: 2rem;
}
/* Global form */
.global-form .button-holder {
margin-top: 1rem;
margin-bottom: 1rem;
}
.global-form .button-holder.mt-lg {
margin-top: 3rem;
}
.global-form .button-holder.center {
display: flex;
align-items: center;
justify-content: center;
}
.global-form .button-holder .btn {
height: 3rem;
}
.global-form .button-holder .btn:not(:last-child) {
margin-right: 1rem;
}
.card-holder {
margin-bottom: 3rem;
}
.card-holder .form-data-holder {
height: 100%;
}
.form-section-title {
margin-bottom: 1.25rem;
}
.form-section-title h2 {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 0.313rem;
}
.form-section-title p {
margin-bottom: 0;
}
.form-title-holder:not(:first-child) {
margin-top: 1.875rem;
}
.choices-title-holder {
display: flex;
align-items: center;
justify-content: center;
}
.field-title h2 {
font-size: 1.25rem;
padding-bottom: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.form-data-holder {
padding: 1.875rem;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.form-data-holder .item-extras {
padding-top: 1.875rem;
}
.form-data-holder .item-extras .form-group:last-child {
margin-bottom: 0;
}
.form-data-holder .item-extras.item-stacked .form-group:last-child {
margin-bottom: 1.875rem;
}
.form-data-holder .title-holder {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.875rem;
padding-bottom: 1.875rem;
}
.form-data-holder .modal-title-holder {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.875rem;
}
.form-data-holder .modal-title-holder .form-title.style-3 h2 {
margin-bottom: 0;
}
.form-data-holder .title-holder .form-group,
.form-data-holder .title-holder .form-title.style-3 h2 {
margin-bottom: 0;
}
.form-data-holder .title-holder .status-field {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
}
.form-data-holder .title-holder .title-options .btn {
height: 2.5rem;
font-size: 0.875rem;
}
.form-data-holder.colored-title {
padding: 0;
}
.form-data-holder.colored-title.absolute-button {
position: relative;
padding-bottom: 8rem;
}
.form-data-holder.colored-title .title-holder {
padding: 1.25rem 1.875rem;
border-bottom: 0 none;
-webkit-border-top-left-radius: 0.625rem;
-webkit-border-top-right-radius: 0.625rem;
-moz-border-radius-topleft: 0.625rem;
-moz-border-radius-topright: 0.625rem;
border-top-left-radius: 0.625rem;
border-top-right-radius: 0.625rem;
}
.form-data-holder.colored-title .content-holder {
padding: 0 1.875rem;
}
.form-data-holder.colored-title .content-holder.left {
padding-right: 0;
}
.form-data-holder.colored-title .content-holder.right {
padding-left: 0;
}
.t-mr-b-0 {
margin-top: 1.875rem;
margin-bottom: 0;
}
.form-data-holder.colored-title .button-holder {
margin-top: 3rem;
margin-bottom: 2.875rem;
padding: 0 1.875rem;
}
.form-data-holder.colored-title .button-holder.absolute {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.item-facility {
position: relative;
padding: 1rem;
margin-right: 3.25rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.collapse-col {
position: relative;
}
.collapse-col .item-collapse:hover .item-header .media-body h3 {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.collapse-col:not(:last-child)::before {
content: "";
position: absolute;
top: calc(100% + 1px);
left: 2.5rem;
right: auto;
z-index: 2;
width: 2px;
height: 1.875rem;
}
.collapse-col.gallery:not(:last-child)::before {
display: none;
}
.item-collapse {
position: relative;
padding: 1.875rem 1.875rem 1.875rem 3.25rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
}
.item-collapse.disabled .item-link {
cursor: not-allowed;
}
.item-collapse .item-icon {
position: absolute;
top: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
left: 1rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 10;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.item-collapse .item-icon svg {
width: 1rem;
height: 1rem;
margin-right: 0;
}
.item-collapse.pulse-effect,
.item-facility.pulse-effect {
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.collapse-col:not(:last-child),
.item-facility-col:not(:last-child) {
margin-bottom: 1.875rem;
}
.item-facility-col.host-edit-facility-col .item-facility {
margin-top: 0;
margin-right: 0;
}
.item-facility-col.host-edit-facility-col:last-child {
margin-bottom: 1.875rem;
}
.collapse-col.gallery {
margin-bottom: 1.875rem;
}
.collapse-col.gallery .item-collapse {
padding-left: 1.875rem;
}
.collapse-col.gallery .item-header {
display: block;
}
.collapse-col.gallery .item-header .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 8rem;
height: 8rem;
margin-right: 1.25rem;
outline-offset: 0.25rem;
}
.collapse-col.gallery .item-header .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.collapse-col.gallery .item-header .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.collapse-col.gallery .item-header .media-image span {
position: absolute;
font-size: 2rem;
}
.collapse-col.gallery .item-header .media-body h3 {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 0.25rem;
}
.collapse-col.gallery .item-header p:not(:last-child) {
margin-bottom: 0.25rem;
word-break: break-word;
}
.collapse-col.gallery .item-header .unit-info {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.collapse-col.gallery .item-header .unit-info .info-item:not(:last-child) {
margin-right: 1rem;
}
.collapse-col.gallery .item-header .info-item {
display: flex;
align-items: center;
margin-bottom: 0.313rem;
}
.collapse-col.gallery .item-header .info-item span {
font-size: 1.875rem;
margin-right: 0.313rem;
}
.collapse-col.gallery .item-header .info-item strong {
font-weight: 500;
}
.item-collapse .item-content,
.item-facility .item-content {
position: relative;
padding-right: 1.625rem;
}
.item-collapse h2 {
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 0;
}
.item-facility h2 {
font-size: 1rem;
}
.collapse-col .item-collapse:hover .item-content h2 {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.item-collapse p,
.item-facility p {
margin-bottom: 0;
word-break: break-word;
}
.item-facility .item-options {
position: absolute;
top: 50%;
right: -4.25rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 20;
}
.item-collapse .item-content>svg,
.item-facility .item-content>svg {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 1rem;
height: 1rem;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.item-collapse .item-link.collapsed+.item-content>svg,
.item-facility .item-link.collapsed+.item-content>svg {
-webkit-transform: translateY(-50%) rotate(0deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.item-collapse .item-link+.item-content>svg,
.item-facility .item-link+.item-content>svg {
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.item-collapse .collapse,
.item-facility .collapse {
position: relative;
z-index: 20;
}
.item-facility .item-quantity {
display: flex;
align-items: center;
justify-content: space-between;
}
.collapse-holder {
position: relative;
padding: 1.875rem 0;
}
.item-facility .item-link {
/* cursor: url('../images/chevron-up.svg'), auto; */
}
.item-facility .item-link.collapsed {
/* cursor: url('../images/chevron-down.svg'), auto; */
}
.facility-box .form-data-holder {
height: 100%;
}
.facility-box .form-group {
margin-bottom: 0;
}
.facility-box .row:not(:last-child) .form-group.check-fields {
margin-bottom: 1.875rem;
}
.facility-box .item-quantity {
display: flex;
align-items: center;
justify-content: space-between;
}
/* Unit item */
.item-unit {
position: relative;
padding: 1rem;
margin-right: 3.5rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.item-unit.host-edit-unit {
margin: 0 0 1.875rem 0;
border: 0 none;
padding: 0;
}
.form-data-holder .content-holder .with-item-unit:not(:first-child) {
margin-top: 3rem;
}
.form-data-holder .content-holder .with-item-unit .item-unit.host-edit-unit {
margin-top: 0;
margin-bottom: 1.25rem;
}
.item-unit.host-edit-unit .item-header {
margin-bottom: 0;
}
.item-unit .item-header {
display: block;
margin-bottom: 1.875rem;
}
.item-unit .item-header .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 8rem;
height: 8rem;
margin-right: 1.25rem;
outline-offset: 0.25rem;
}
.item-unit .item-header .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.item-unit .item-header .media-image span {
position: absolute;
font-size: 2rem;
}
.item-unit .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.item-unit .item-header .media-body h3 {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 0.25rem;
}
.item-unit-col:not(:last-child) {
margin-bottom: 1.875rem;
}
.item-unit .item-content {
position: relative;
}
.item-unit h2 {
font-size: 1rem;
}
.item-unit p:not(:last-child) {
margin-bottom: 0.25rem;
word-break: break-word;
}
.item-unit p:last-child {
margin-bottom: 0;
}
.item-unit .item-options {
position: absolute;
top: 0;
right: -4.5rem;
z-index: 20;
}
.item-unit .item-options .btn:not(:last-child) {
margin-bottom: 0.875rem;
}
.item-options .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
flex-shrink: 0;
}
.item-unit .item-options span,
.item-options .popover-holder span {
font-size: 1.25rem;
}
.item-unit .item-content>svg {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 1rem;
height: 1rem;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.item-unit .item-link.collapsed+.item-content>svg {
-webkit-transform: translateY(-50%) rotate(0deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.item-unit .item-link+.item-content>svg {
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.item-unit .collapse {
position: relative;
z-index: 20;
}
.item-unit .item-quantity {
display: inline-flex;
align-items: center;
justify-content: space-between;
}
.item-unit .unit-info {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 1.875rem;
}
.item-unit .unit-info .info-item {
display: flex;
align-items: center;
}
.item-unit .unit-info .info-item:not(:last-child) {
margin-right: 1.875rem;
}
.item-unit .unit-info .info-item span {
font-size: 1.875rem;
margin-right: 0.313rem;
}
.item-unit .unit-info .info-item strong {
margin-left: 0.25rem;
}
/* No documents element */
.no-documents {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 100%;
margin: 8rem 0;
}
.no-documents svg {
width: 4rem;
height: auto;
margin-bottom: 1rem;
}
.no-documents p {
flex-basis: 100%;
text-align: center;
margin-bottom: 0;
font-weight: 500;
}
/* Accreditation timeline */
.aside-timeline {
padding: 0;
}
.aside-timeline h4 {
display: block;
font-size: 1rem;
font-weight: 500;
padding: .625rem 0;
margin-bottom: 0;
line-height: 1.5;
}
.aside-timeline .timeline-item {
position: relative;
align-items: center;
padding: 1rem 1rem 1rem 2.625rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
margin-bottom: 1.875rem;
z-index: 2;
}
.aside-timeline .timeline-item .btn-information {
width: 1.875rem;
height: 1rem;
}
.progress {
position: relative;
width: 100%;
max-width: calc(100% - 50px);
height: 0.25rem;
margin: 0;
overflow: visible;
z-index: 10;
}
.progress-holder {
display: block;
margin: 0 0 1rem 0;
padding: 0 0 0 0.625rem;
}
.progress-holder p {
font-size: 0.75rem;
font-weight: 500;
}
.progress-bar {
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
border-radius: .25rem;
}
.progress .progress-total {
position: absolute;
left: 100%;
top: 50%;
width: 50px;
text-align: right;
padding: 0 0.625rem 0 0;
font-size: 0.75rem;
line-height: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.custom-accordion .accordion-item.timeline-item {
padding: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.custom-accordion .accordion-item.timeline-item .accordion-button {
font-size: 0.875rem;
font-weight: 500;
padding: 1rem 2rem 1rem 2.625rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.custom-accordion .accordion-item.timeline-item .accordion-button svg {
width: 0.875rem;
height: 0.875rem;
}
.custom-accordion .accordion-item.timeline-item.link-item {
padding: 1rem 2rem 1rem 2.625rem;
}
.custom-accordion .accordion-item.timeline-item:first-of-type,
.custom-accordion .accordion-item.timeline-item,
.custom-accordion .accordion-item.timeline-item:last-of-type {
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.aside-timeline .timeline-item:hover {
text-decoration: none;
}
.aside-timeline .timeline-item:not(:last-child)::before {
content: "";
position: absolute;
top: calc(100% + 1px);
left: 1.25rem;
right: auto;
z-index: 2;
width: 2px;
height: 2rem;
}
.aside-timeline .timeline-item .item-icon {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
top: 8px;
left: 0.625rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 10;
}
.custom-accordion .accordion-item.timeline-item .item-icon {
top: 0.875rem;
}
.custom-accordion .accordion-item.timeline-item,
.custom-accordion .accordion-item.timeline-item:hover,
.custom-accordion .accordion-item.timeline-item.active {
-webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.custom-accordion .accordion-item.timeline-item.link-item .item-icon {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.custom-accordion .accordion-item.timeline-item.link-item>svg {
position: absolute;
top: 50%;
right: 0.625rem;
width: 0.875rem;
height: 0.875rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.custom-accordion .accordion-item.timeline-item.link-item:hover svg {
right: 0.4rem;
}
.aside-timeline .timeline-item.disabled,
.aside-timeline .timeline-item.disabled .item-icon {
cursor: not-allowed;
}
.aside-timeline .timeline-item.disabled:hover h5 {
text-decoration: none;
}
.aside-timeline .timeline-item .item-icon .active-border {
position: absolute;
display: block;
background-color: transparent;
width: 2rem;
height: 2rem;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.aside-timeline .timeline-item .item-icon svg {
width: 1rem;
height: 1rem;
margin-right: 0;
}
.aside-timeline .timeline-item:not(.link-item) .item-content {
padding: 0 1rem 0.625rem 2.625rem;
}
.aside-timeline .timeline-item .item-content h5 {
display: block;
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0;
line-height: 1.5;
}
.aside-timeline .timeline-item .item-content p {
margin-bottom: 0;
}
.aside-timeline .timeline-item .item-content .item-progress-holder:not(:last-child) {
display: block;
margin-bottom: 0.25rem;
}
.aside-timeline .timeline-item .item-content .item-progress {
font-size: 0.75rem;
display: inline-flex;
align-items: center;
font-weight: 500;
}
.aside-timeline .timeline-item .item-content .item-progress .badge {
position: relative;
top: 0;
left: 0;
margin-right: 0.25rem;
padding: 0;
width: 0.5rem;
height: 0.5rem;
}
.aside-timeline .timeline-item .item-content .item-progress svg {
width: 1.875rem;
height: 1rem;
}
.aside-timeline .timeline-item .item-content .item-progress span {
font-size: 1rem;
}
.aside-timeline .timeline-item .item-content a.item-progress:hover .btn-information span {
text-decoration: none !important;
}
/* Resizable and draggable element */
.movable-box {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 25%;
min-height: 3.125rem;
padding: 0;
margin: 0;
box-sizing: border-box;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
touch-action: none;
z-index: 2;
}
.movable-box .drag-handle {
position: absolute;
top: 50%;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.movable-box .drag-handle svg {
width: 1.25rem;
height: 1.25rem;
}
.movable-box .resize-handle {
position: absolute;
top: 0;
right: 0;
padding: 0;
color: #fff;
}
#drag-1,
#drag-2 {
touch-action: none;
user-select: none;
transform: translate(0px, 0px);
}
.movable-box .movable-box-options,
.highlighted-area .highlighted-area-options {
position: absolute;
display: flex;
align-items: center;
justify-content: flex-end;
bottom: 100%;
right: 0;
padding: 0.5rem;
z-index: 1;
}
.movable-box .movable-box-options .btn,
.highlighted-area .highlighted-area-options .btn {
display: flex;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.movable-box .movable-box-options .btn:not(:last-child),
.highlighted-area .highlighted-area-options .btn:not(:last-child) {
margin-right: 0.313rem;
}
.movable-box .movable-box-options .btn svg,
.highlighted-area .highlighted-area-options .btn svg {
width: 1rem;
height: 1rem;
}
/* Offcanvas */
.offcanvas {
border: 0 none !important;
-webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.offcanvas.offcanvas-medium {
width: 30rem;
}
.offcanvas.offcanvas-filters {
width: 20rem;
padding: 0;
}
.offcanvas.offcanvas-filters .custom-accordion .accordion-body .form-check {
align-items: flex-start;
padding-right: 2.5rem;
}
.offcanvas.offcanvas-filters .custom-accordion .accordion-item .form-check span {
top: 0.656rem;
line-height: 1;
}
.offcanvas.offcanvas-timeline {
width: 20rem;
}
.offcanvas.offcanvas-categories {
width: 20rem;
}
.offcanvas.offcanvas-search {
width: 100%;
}
.offcanvas-header {
position: relative;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
padding: 1rem 4.5rem 1rem 1.5rem;
min-height: 5rem;
}
.offcanvas-header h2 {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 0;
width: 100%;
}
.offcanvas-header p {
width: 100%;
margin-bottom: 0;
}
.offcanvas-body {
padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
.offcanvas-divider {
margin: .5rem 0;
overflow: hidden;
opacity: 1;
}
.offcanvas-close {
display: flex;
padding: 1rem 0.5rem;
-webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.offcanvas .offcanvas-header .btn-close {
position: absolute;
top: 50%;
right: 1.25rem;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
width: 2.25rem;
height: 2.25rem;
background-image: none;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
}
.offcanvas .btn-close svg {
width: 0.75rem;
height: auto;
}
.offcanvas-close .btn {
width: 100%;
}
.offcanvas-close .btn svg {
width: auto;
height: 0.875rem;
margin-right: 0.625rem;
}
/* Offcanvas Notificactions */
.offcanvas-notifications .media {
position: relative;
align-items: flex-start;
padding: 0 0 1.5rem 0;
}
.offcanvas-notifications .media:not(:last-child) {
margin-bottom: 1.5rem;
}
.offcanvas-notifications .media-image {
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.offcanvas-notifications .media-image svg {
width: 1.375rem;
height: 1.375rem;
}
.offcanvas-notifications .media-body h3 {
font-size: 1rem;
font-weight: 600;
}
.offcanvas-notifications .media-body p:last-child {
margin-bottom: 0;
}
.offcanvas-notifications .media:hover h3 {
text-decoration: underline;
}
.offcanvas-notifications .media time {
display: block;
margin-bottom: .5rem;
}
/* Offcanvas Properties */
.offcanvas-properties .media {
position: relative;
padding: 0 0 1.5rem 0;
flex-wrap: wrap;
}
.offcanvas-properties .media:not(:last-child) {
margin-bottom: 1.5rem;
}
.offcanvas-properties .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 6.5rem;
margin-right: 1.25rem;
outline-offset: 0.25rem;
}
.offcanvas-properties .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.offcanvas-properties .media-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.offcanvas-properties .media-image img {
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
}
.offcanvas-properties .media-image span {
position: absolute;
font-size: 2rem;
}
.offcanvas-properties .media-body h3 {
font-size: 1rem;
font-weight: 600;
padding-right: 5rem;
margin-bottom: 0.125rem;
}
.offcanvas-properties .media:hover h3 {
text-decoration: underline;
}
.offcanvas-properties .media-subtitle p {
font-size: 0.75rem;
}
.offcanvas-properties .media-subtitle p:not(:last-child) {
margin-bottom: 0.25rem;
}
.offcanvas-properties .media-subtitle p:last-child {
margin-bottom: 0;
}
.offcanvas-properties .media .progress-holder {
margin: 0.875rem 0 0 0;
padding: 0;
}
.offcanvas-properties .media .media-options {
position: absolute;
top: -0.25rem;
right: 0;
display: flex;
align-items: center;
justify-content: flex-end;
z-index: 15;
}
.offcanvas-properties .media .media-options .btn:not(:last-child) {
margin-right: 0.625rem;
}
.offcanvas-properties .media .media-options .btn span {
font-size: 1rem;
}
.offcanvas-properties .media .media-options .btn {
width: 1.875rem;
height: 1.875rem;
}
.offcanvas-properties .media .btn-close {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
width: 1.875rem;
height: 1.875rem;
background-image: none;
opacity: 1;
}
.offcanvas-properties .media .btn-close svg {
width: 0.675rem;
}
.offcanvas-properties .media.disabled .media-image,
.offcanvas-properties .media.disabled h3,
.offcanvas-properties .media.disabled p,
.offcanvas-properties .media.disabled .media-options {
opacity: 0.5;
}
.offcanvas-properties .media.disabled:hover h3 {
text-decoration: none;
}
.disabled-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: not-allowed;
z-index: 20;
}
/* Offcanvas Cart */
.offcanvas.offcanvas-cart {
width: 30rem;
}
.offcanvas-cart .cart-item {
display: flex;
position: relative;
padding: 2rem 0;
}
.offcanvas-cart .cart-item .cart-item-content {
display: block;
width: 100%;
}
.offcanvas-cart .cart-item-header {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 1rem;
}
.offcanvas-cart .cart-item-header .cart-item-options {
display: flex;
align-items: center;
justify-content: flex-end;
}
.offcanvas-cart .cart-item-header .cart-item-options .btn-option {
display: flex;
align-items: center;
height: auto;
padding: 0 0.313rem;
}
.offcanvas-cart .cart-item-header .cart-item-options .btn-option:hover {
text-decoration: underline;
text-underline-offset: 0.188rem;
}
.offcanvas-cart .cart-item-header .cart-item-options .btn-option:not(:last-child) {
margin-right: 0.313rem;
}
.offcanvas-cart .cart-item-header .cart-item-options .btn-option svg {
width: 1.25rem;
height: 1.25rem;
margin-left: 0.313rem;
}
.offcanvas-cart .cart-item-body {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.offcanvas-cart .cart-item-image {
position: relative;
display: flex;
margin-bottom: 1.5rem;
margin-right: 1rem;
}
.offcanvas-cart .cart-item-image::after {
content: "";
height: 100%;
left: 0;
mix-blend-mode: darken;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.offcanvas-cart .cart-item-image img {
max-width: 6.5rem;
}
.offcanvas-cart .cart-item-image .top-sticker {
top: 0.313rem;
left: 0.313rem;
height: 1.625rem;
padding: 0 0.625rem;
font-size: 0.75rem;
}
.offcanvas-cart .cart-item-description {
flex: 1;
}
.offcanvas-cart .cart-item-description h3 {
font-size: 1rem;
font-weight: 600;
}
.offcanvas-cart .cart-item-description ul {
padding: 0;
margin: 0;
}
.offcanvas-cart .cart-item-description ul li {
list-style: none;
}
.offcanvas-cart .cart-item-description ul li span:first-child {
font-weight: 600;
}
.offcanvas-cart .cart-item-description ul li.price {
font-weight: 600;
}
.offcanvas-cart .cart-item-footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1rem;
}
.offcanvas-cart .cart-item-footer .cart-item-quantity {
display: flex;
align-items: center;
}
.offcanvas-cart .cart-item-footer .cart-item-quantity .form-group {
display: flex;
flex-shrink: 0;
margin-bottom: 0;
margin-right: 1rem;
}
.offcanvas-cart .cart-item-footer .cart-item-quantity .form-group .input-group {
align-items: center;
}
.offcanvas-cart .cart-item-footer .cart-item-quantity .form-group .input-group .btn {
padding: 0;
margin: 0;
width: 2rem;
height: 2rem;
}
.offcanvas-cart .cart-item-footer .cart-item-quantity .form-group .input-group .btn svg {
width: 1rem;
height: 1rem;
}
.offcanvas-cart .cart-item-footer .cart-item-quantity .form-group .input-group .form-control {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 2.5rem;
height: 2rem;
font-size: 1rem;
padding: 0;
margin: 0 1px !important;
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.offcanvas-cart .cart-item-footer .cart-item-price {
display: flex;
flex-wrap: wrap;
flex: 1;
}
.offcanvas-cart .cart-item-footer .cart-item-price {
font-size: 1.25rem;
font-weight: 600;
line-height: 1;
}
.offcanvas-cart .cart-item-footer .cart-item-price span {
display: block;
width: 100%;
font-size: 0.875rem;
font-weight: 500;
margin-top: 0.25rem;
}
.offcanvas-cart .total-price-holder {
display: block;
width: 100%;
margin-top: 1rem;
}
.offcanvas-cart .total-price-holder .total-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.5rem 0;
font-size: 1rem;
font-weight: 600;
}
.offcanvas-cart .total-price-holder .total-item.total-price {
padding-top: 1rem;
margin-top: 1rem;
font-size: 1.25rem;
}
.offcanvas-footer {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
flex-shrink: 0;
z-index: 1;
padding: 1.25rem 1.25rem;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
}
.offcanvas-footer .btn {
font-size: 1rem;
}
.offcanvas-footer .btn:not(:last-child) {
margin-right: 1rem;
}
/* Dropzone */
.dropArea {
position: relative;
}
.dropArea::before {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background-color: #fff;
}
.dropzone-holder {
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
padding: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.dropzone-holder:hover {
cursor: pointer;
}
.dropzone-holder .dropzone-text {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 1.875rem;
}
.form-group .dropzone-holder .dropzone-text label {
display: inline-flex;
justify-content: center;
width: auto;
padding-left: 2.5rem;
}
.dropzone-holder .dropzone-text h2 {
font-size: 1rem;
font-weight: 600;
display: block;
width: 100%;
text-align: center;
margin: 0;
}
.dropzone-holder .dropzone-text .btn {
margin: 1.625rem 0;
}
.dropzone-holder .dropzone-text p {
display: block;
width: 100%;
text-align: center;
}
.dropzone-holder .dropzone-text p:last-child {
margin-bottom: 0;
}
.uploaded-holder {
display: block;
margin-top: 3.75rem;
}
.uploaded-options-section {
display: block;
margin-top: 1.875rem;
}
.uploaded-options-section.mt-0 {
margin-top: 0;
}
.uploaded-options-section .uploaded-options-holder {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.875rem;
}
.uploaded-options-section .uploaded-check {
display: inline-flex;
align-items: center;
}
.uploaded-options-section .form-check {
padding-right: 0;
margin-bottom: 0;
}
.uploaded-options-section .form-check:not(:last-child) {
margin-right: 1rem;
}
.uploaded-options-section .form-check label {
display: flex;
align-items: center;
padding: 0;
}
.uploaded-options-section .form-check input {
margin-right: 0.625rem;
}
.uploaded-options-section .uploaded-select {
display: block;
width: 100%;
}
.uploaded-options-section .uploaded-select .form-label {
font-weight: 500;
}
.uploaded-options-section .uploaded-options {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 1;
}
.uploaded-options-section .uploaded-options .btn:not(:last-child) {
margin-right: 0.625rem;
}
.uploaded-options-section .uploaded-options .btn-action {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
width: 2.25rem;
height: 2.25rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.uploaded-options-section .uploaded-options .btn-action .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
flex-shrink: 0;
}
.uploaded-options-section .uploaded-options .btn-action svg {
width: auto;
height: 1.25rem;
}
.uploaded-options-section .uploaded-options .btn-action span {
font-size: 1.25rem;
}
.uploaded-holder .uploaded-text {
display: block;
margin-bottom: 3.75rem;
}
.dropzone-col {
position: relative;
margin-bottom: 1.875rem;
cursor: grab;
}
.dropzone-col.no-grab {
cursor: default;
}
.dropzone-col.sortable-chosen {
cursor: grabbing;
}
.dropzone-item {
position: relative;
border: 1px solid transparent;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
overflow: hidden;
}
.dropzone-item .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.dropzone-item .item-icon {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.dropzone-item .item-icon span {
font-size: 5rem;
}
.dropzone-item::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.dropzone-item .form-check {
position: absolute;
top: 0.625rem;
left: 0.625rem;
height: 1.875rem;
z-index: 1;
padding-right: 0;
margin-bottom: 0;
margin-right: 0;
}
.dropzone-item .form-check label {
font-size: 0.75rem;
background-color: #fff;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
margin-left: 0.313rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
}
.dropzone-item .btn-delete {
position: absolute;
top: 0.625rem;
right: 0.625rem;
z-index: 1;
width: 2rem;
height: 2rem;
}
.dropzone-item .btn-delete svg {
width: 0.625rem;
height: 0.625rem;
}
.dropzone-item .bottom-options {
position: absolute;
bottom: 0.625rem;
right: 0.625rem;
display: flex;
justify-content: flex-end;
width: 100%;
z-index: 1;
}
.dropzone-item .bottom-options .btn {
width: 2rem;
height: 2rem;
}
.dropzone-item .bottom-options .btn svg {
width: 1.275rem;
height: 1.275rem;
}
.dropzone-item .item-progress {
position: absolute;
top: 50%;
padding: 0.625rem;
width: 100%;
display: block;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.dropzone-item .item-progress.bottom {
top: unset;
bottom: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.dropzone-item .item-progress .progress-total {
padding-right: 0;
}
.dropzone-item .item-warning {
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.dropzone-col .item-warning .item-holder {
display: flex;
align-items: center;
justify-content: center;
font-size: 0.75rem;
font-weight: 600;
padding: 0.375rem 0.5rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
}
.dropzone-col .item-warning svg {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.313rem;
}
.dropzone-col .item-warning span {
font-size: 1.25rem;
margin-right: 0.313rem;
}
.dropzone-col .upload-file-name {
display: flex;
align-items: center;
justify-content: flex-start;
max-width: 100%;
font-size: 0.75rem;
padding: 0.25rem 0.625rem;
}
.dropzone-col .file-name {
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.dropzone-col .file-info {
display: inline-flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
}
.uploaded-holder>.main-badge {
display: flex;
justify-content: flex-start;
align-items: center;
}
.dropzone-col.sortable-chosen.main-image .main-badge,
.dropzone-col.sortable-ghost.main-image .main-badge,
.dropzone-col .main-badge {
display: none;
}
.dropzone-col.main-image .main-badge {
display: flex;
width: max-content;
}
.main-image .main-badge {
position: absolute;
top: 0;
left: 50%;
justify-content: center;
align-items: center;
z-index: 1;
-webkit-transform: translateX(-50%) translateY(-100%);
-moz-transform: translateX(-50%) translateY(-100%);
-ms-transform: translateX(-50%) translateY(-100%);
-o-transform: translateX(-50%) translateY(-100%);
transform: translateX(-50%) translateY(-100%);
}
.uploaded-holder>.main-badge span,
.main-image .main-badge span {
display: inline-block;
font-size: 0.75rem;
line-height: 1;
padding: 0.375rem 0.5rem;
font-weight: 600;
-webkit-border-top-left-radius: 0.25rem;
-webkit-border-top-right-radius: 0.25rem;
-moz-border-radius-topleft: 0.25rem;
-moz-border-radius-topright: 0.25rem;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.hidden {
display: none !important;
}
/* Pagination custom */
.custom-pagination-holder {
position: relative;
}
.custom-pagination {
display: flex;
justify-content: center;
width: 19.25rem;
height: 2.25rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
}
.custom-pagination .page {
display: inline-flex;
align-items: center;
justify-content: center;
flex-basis: 2.25rem;
flex-shrink: 0;
height: 2.25rem;
width: 2.25rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}
.custom-pagination .page svg {
width: 1rem;
height: auto;
}
.custom-pagination .pages {
display: flex;
align-items: center;
justify-content: flex-start;
overflow-x: auto;
margin: 0 0.625rem;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
/* prevent the page from scrolling when scrolling an element */
overscroll-behavior: contain;
}
.custom-pagination-holder .mouse {
position: absolute;
top: calc(100% + 2.25rem);
left: 50%;
width: 6.25rem;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.custom-pagination-holder:hover .mouse {
opacity: 1;
visibility: visible;
}
.custom-pagination-holder .mouse svg {
position: relative;
width: 2.25rem;
top: -2.25rem;
right: -0.625rem;
}
.icon-scroll {
margin-left: 0.313rem;
}
.icon-scroll,
.icon-scroll::before {
position: absolute;
left: 50%;
}
.icon-scroll {
width: 1.25rem;
height: 2rem;
top: calc(50% - 2rem);
-webkit-border-radius: 1.563rem;
-moz-border-radius: 1.563rem;
border-radius: 1.563rem;
}
.icon-scroll::before {
content: '';
width: 0.313rem;
height: 0.313rem;
margin-left: -0.1565rem;
top: 0.313rem;
border-radius: 50%;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: scroll;
animation-name: scroll;
}
@keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(1.25rem);
}
}
.custom-pagination-holder .mouse img {
width: 3rem;
}
/*hide scroll bar web-kit browsers */
.custom-pagination .pages::-webkit-scrollbar {
width: 0;
height: 0;
}
.custom-pagination .pages::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.custom-pagination .pages::-webkit-scrollbar-thumb {
background-color: transparent;
outline: 0px solid transparent;
}
.custom-pagination .pages .page {
font-weight: 500;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.custom-pagination .page.disabled,
.custom-pagination .page:disabled,
.splide__arrow:disabled {
cursor: not-allowed;
opacity: 0.3;
}
/* Accordion custom */
.accordion-title {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
padding: 0;
margin-top: 1rem;
}
.accordion-title h3 {
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0.313rem;
}
.accordion-title p {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
width: 100%;
font-size: 0.75rem;
}
.accordion-title p strong {
display: block;
font-weight: 500;
margin-right: 0.313rem;
width: 100%;
}
.accordion-title p span {
width: 1.25rem;
height: 1.25rem;
display: inline-block;
flex-shrink: 0;
margin: 0 0.313rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.accordion-section-title {
padding: 0.313rem 0.625rem;
font-weight: 500;
}
.accordion-filter {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0;
margin-bottom: 30px;
}
.accordion-filter .filter-holder {
display: flex;
align-items: center;
flex: 1;
}
.accordion-filter label {
font-weight: 500;
margin-right: 0.313rem;
width: auto;
padding: 0;
margin-bottom: 0;
}
.accordion-actions {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 2.125rem;
margin-bottom: 2.25rem;
}
.accordion-actions.only-action-buttons {
justify-content: flex-end;
}
.accordion-search .form-group,
.accordion-select .form-group {
margin-bottom: 0;
}
.accordion-actions .form-check {
padding-right: 0;
margin-bottom: 0;
}
.accordion-actions .form-check label {
display: flex;
align-items: center;
padding: 0;
}
.accordion-actions .form-check input {
margin-right: 0.625rem;
}
.accordion-actions .accordion-action-buttons {
display: flex;
align-items: center;
justify-content: flex-end;
}
.accordion-actions .accordion-action-buttons .btn {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
width: 2.25rem;
height: 2.25rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.accordion-actions .accordion-action-buttons .btn:not(:last-child) {
margin-right: 0.625rem;
}
.accordion-actions .accordion-action-buttons svg {
width: auto;
height: 1.25rem;
}
.accordion-actions .accordion-action-buttons .btn span {
font-size: 1.25rem;
}
.custom-accordion .accordion-body {
padding: 0 0 1rem 0;
}
.offcanvas-categories .custom-accordion .accordion-item {
border: 0;
}
.offcanvas-categories .custom-accordion .accordion-button {
font-size: 1rem;
font-weight: 600;
}
.offcanvas-categories .link-item {
padding: 1rem 0;
font-size: 1rem;
font-weight: 600;
}
.offcanvas-categories .link-item a {
display: flex;
align-items: center;
}
.offcanvas-categories .link-item .icon-holder,
.offcanvas-categories .custom-accordion .accordion-button .icon-holder {
position: relative;
background-color: transparent;
margin-right: 0.625rem;
}
.offcanvas-categories .link-item .icon-holder svg {
width: 1.375rem;
height: 1.375rem;
margin-right: 0;
}
.offcanvas-categories .link-item .icon-holder .badge.badge-notification {
top: -0.25rem;
left: -0.25rem;
width: 1.125rem;
height: 1.125rem;
font-size: 0.675rem;
font-weight: 500;
}
.offcanvas-categories .custom-accordion .accordion-button .icon-holder svg {
position: relative;
top: 0;
right: unset;
width: 1.375rem;
height: 1.375rem;
margin-right: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.mobile-property-holder {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.mobile-property-holder .btn-group:first-child::after {
content: "";
height: 1.875rem;
width: 1px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.mobile-property-holder .property-option {
display: block;
width: 100%;
}
.mobile-property-holder .property-option .btn {
height: auto;
padding: 0;
width: 100%;
}
.mobile-property-holder .property-option .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 2.5rem;
height: 2.5rem;
margin-right: 1.25rem;
outline-offset: 0.25rem;
}
.mobile-property-holder .property-option .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.mobile-property-holder .property-option .media-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.mobile-property-holder .property-option .media-image span {
position: absolute;
font-size: 1.25rem;
}
.mobile-property-holder .property-option .media-body {
overflow: hidden;
padding-right: 3.125rem;
}
.mobile-property-holder .property-option .btn-action {
position: absolute;
top: 50%;
right: 0;
height: 2.5rem;
width: 2.5rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.mobile-property-holder .property-option .btn-action svg {
margin: 0;
}
.mobile-property-holder .property-option .btn h3 {
font-size: 1rem;
font-weight: 500;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
margin-bottom: 0.25rem;
}
.mobile-property-holder .property-option .btn .media-subtitle {
text-align: left;
font-size: 0.75rem;
}
.mobile-property-holder .property-option .media-body .media-subtitle {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
}
.custom-accordion .accordion-body ul.mobile-menu {
position: relative;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
padding: 0 0 0 2rem;
margin: 0;
}
.custom-accordion .accordion-body ul.mobile-menu li {
display: flex;
align-items: center;
justify-content: flex-start;
flex-basis: 100%;
list-style: none;
}
.custom-accordion .accordion-body ul.mobile-menu li .menu-item {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
font-weight: 500;
padding: 0.5rem 0;
font-size: 0.875rem;
-webkit-border-radius: 0.375rem;
-moz-border-radius: 0.375rem;
border-radius: 0.375rem;
}
.custom-accordion .accordion-body ul.mobile-menu li .menu-item svg {
position: absolute;
top: 50%;
right: 0;
width: 0.875rem;
height: 0.875rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.custom-accordion .accordion-body ul.mobile-menu li .menu-item:hover,
.custom-accordion .accordion-body ul.mobile-menu li .menu-item:focus {
text-decoration: none;
}
.custom-accordion .accordion-body ul.mobile-menu li:last-child .menu-item {
font-weight: 500;
}
.custom-accordion .accordion-body img {
margin-top: 0.5rem;
}
.custom-accordion .badge:empty {
display: block;
}
.custom-accordion .accordion-button {
font-size: 1rem;
font-weight: 600;
padding-right: 1.75rem;
}
.custom-accordion.table-company .accordion-item .accordion-button {
padding-left: 0.625rem;
padding-right: 1.75rem;
}
.custom-accordion .accordion-header .highlight {
display: inline-block;
padding: 0.25rem 0.5rem;
line-height: 1;
font-weight: 500;
font-size: 0.75rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
}
.highlight {
display: inline-block;
padding: 0.25rem 0.5rem;
line-height: 1;
font-weight: 500;
font-size: 0.75rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
min-width: 5.25rem;
text-align: center;
}
.custom-accordion .accordion-button .user-badges .badge {
position: relative;
}
.custom-accordion .accordion-button .user-badges .badge:not(:last-child) {
margin-right: 0.313rem;
}
.custom-accordion .accordion-item {
border-top: 0 none;
border-right: 0 none;
border-left: 0 none;
}
.table-accordion.custom-accordion.collapse-with-badges .accordion-item {
margin-bottom: 1.5rem;
}
.table-accordion.custom-accordion .accordion-item .form-check {
padding-right: 0;
margin-bottom: 0;
}
.custom-accordion .accordion-item:first-of-type {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.custom-accordion .accordion-item:last-of-type {
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.custom-accordion .accordion-button {
padding: 1rem 0;
font-weight: 500;
padding-right: 2rem;
}
.custom-accordion .accordion-button:not(.collapsed) {
box-shadow: none;
}
.custom-accordion .accordion-button::after,
.custom-accordion .accordion-button:not(.collapsed)::after {
background-image: none;
display: none;
}
.custom-accordion .accordion-button>svg {
position: absolute;
top: 50%;
right: 0.625rem;
width: 0.875rem;
height: 0.875rem;
flex-shrink: 0;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.custom-accordion .accordion-button.collapsed>svg {
-webkit-transform: translateY(-50%) rotate(0deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.custom-accordion .accordion-body .form-check {
display: flex;
align-items: center;
width: 100%;
margin-bottom: 1rem;
}
.custom-accordion .accordion-body .inline-holder .input-with-right-icon {
margin-right: 1rem;
}
.custom-accordion .accordion-body .inline-holder .form-check.form-switch {
margin-bottom: 0;
}
.custom-accordion.with-media-image .accordion-body {
padding-top: 0.5rem;
}
.custom-accordion .accordion-button .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 3rem;
height: 3rem;
margin-right: 1.25rem;
outline-offset: 0.25rem;
}
.custom-accordion .accordion-button .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.custom-accordion .accordion-button .media-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.custom-accordion .accordion-button .media-image span {
position: absolute;
font-size: 1.25rem;
}
.paragraph-info-box {
position: relative;
display: block;
width: 100%;
padding-right: 3rem;
}
.paragraph-info-box .form-info {
position: absolute;
right: 0;
top: 0;
margin-left: 0.75rem;
}
.form-inline-check {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.form-inline-check.week-days-check .form-check {
display: inline-flex;
width: calc(100% / 5);
padding-right: 0;
margin-right: 0;
flex-shrink: 0;
}
.custom-accordion .accordion-body .form-check .form-check-input {
margin-top: 0;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.custom-accordion ul.accordion-data {
padding-left: 0.625rem;
padding-right: 0.625rem;
margin-bottom: 0;
}
.custom-accordion ul.accordion-data li {
list-style: none;
display: flex;
align-items: flex-start;
padding: 0.313rem 0;
}
.custom-accordion ul.accordion-data.vertical-center li {
align-items: center;
}
.custom-accordion ul.accordion-data li:last-child {
align-items: center;
}
.custom-accordion ul.accordion-data li:last-child {
padding-bottom: 0;
}
.custom-accordion ul.accordion-data li span:first-child {
min-width: 6.875rem;
max-width: 6.875rem;
font-weight: 500;
margin-right: 0.313rem;
}
.custom-accordion.font-sm ul.accordion-data li span:last-child {
font-size: 0.75rem;
}
.custom-accordion.font-sm ul.accordion-data li span:last-child .btn span {
font-size: 1rem;
margin-top: unset;
}
.custom-accordion ul.accordion-data li span {
width: 100%;
display: flex;
align-items: center;
word-break: break-word;
}
.custom-accordion ul.accordion-data li span .span-content p {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 0;
}
.custom-accordion ul.accordion-data li span .span-content.date strong {
width: 1.313rem;
margin-right: 0.25rem;
}
.custom-accordion ul.accordion-data li span .span-content.discount strong {
min-width: 1.75rem;
margin-right: 0.25rem;
}
.custom-accordion ul.accordion-data li span .span-content.minimum-stay strong {
min-width: 0.5rem;
margin-right: 0.25rem;
}
.custom-accordion ul.accordion-data li span a {
text-decoration: underline;
}
.custom-accordion ul.accordion-data li span .btn-action {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 1.875rem;
height: 1.875rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.custom-accordion ul.accordion-data li span .btn-action:not(:last-child) {
margin-right: 0.625rem;
}
.custom-accordion ul.accordion-data li span .btn-action:first-child {
padding-left: 0;
}
.custom-accordion ul.accordion-data li span .btn-action svg {
width: 1.125rem;
height: 1.125rem;
}
.custom-accordion ul.accordion-data li span .btn-action span {
min-width: unset;
max-width: unset;
font-weight: unset;
margin-right: unset;
width: auto;
display: unset;
align-items: unset;
word-break: unset;
font-size: 1.125rem;
}
.custom-accordion ul.accordion-data li span .highlight:not(:last-child) {
margin-right: 0.313rem;
}
.custom-accordion.with-badges .accordion-item {
margin-top: 2.25rem;
}
.custom-accordion.with-badges .accordion-item:first-child {
margin-top: 3rem;
}
.custom-accordion.with-badges .highlight {
position: absolute;
bottom: 100%;
}
.custom-accordion.with-badges.with-status .accordion-button {
flex-wrap: wrap;
}
.custom-accordion.with-badges .operational-status {
position: relative;
display: flex;
align-items: center;
width: 100%;
font-weight: 600;
padding-left: 0.875rem;
margin-bottom: 0.25rem;
font-size: 0.75rem;
}
.custom-accordion.with-badges .operational-status .badge.badge-notification {
top: 50%;
left: 0;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.custom-accordion.with-badges .form-check {
padding-right: 0;
margin-bottom: 0;
margin-right: 0.625rem;
}
.custom-accordion.font-sm .accordion-button {
font-size: 0.875rem;
}
.custom-accordion.font-sm .accordion-data li span,
.custom-accordion.font-sm .accordion-data li span .form-select {
font-size: 0.75rem;
}
/* accordion-footer */
.accordion-footer {
margin-top: 1.625rem;
padding: 1.25rem 0;
}
.accordion-footer .accordion-footer-holder {
display: flex;
align-items: center;
}
.accordion-footer .accordion-footer-holder.content-left {
justify-content: flex-start;
}
.accordion-footer .accordion-footer-holder.content-left .content-left-holder {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: 5.5rem;
}
.accordion-footer .accordion-footer-holder.content-left label {
margin-right: 0;
margin-bottom: 0.313rem;
width: 100%;
}
.accordion-footer .accordion-footer-holder.content-left .form-control {
width: 100%;
height: 2.25rem;
}
.accordion-footer .accordion-footer-holder.content-left .form-check {
margin-bottom: 0;
}
.accordion-footer .accordion-footer-holder.content-center {
justify-content: center;
}
.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin-top: 2rem;
}
.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination .accordion-footer-pages-count {
width: 9.375rem;
font-size: 1rem;
font-weight: 500;
text-align: center;
}
.accordion-footer .accordion-footer-pagination {
overflow-x: scroll;
scroll-behavior: smooth;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
margin-bottom: 2rem;
}
/*hide scroll bar web-kit browsers */
.accordion-footer .accordion-footer-pagination::-webkit-scrollbar {
width: 0;
height: 0;
}
.accordion-footer .accordion-footer-pagination::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.accordion-footer .accordion-footer-pagination::-webkit-scrollbar-thumb {
background-color: transparent;
outline: 0px solid transparent;
}
.accordion-footer .custom-pagination-holder {
overflow-x: hidden;
}
.accordion-footer .accordion-footer-holder.content-right {
justify-content: flex-end;
}
.accordion-footer .accordion-footer-holder.content-right .content-right-holder {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
width: 5.5rem;
}
.accordion-footer .accordion-footer-holder.content-right label {
margin-bottom: 0.313rem;
width: 100%;
padding-left: 0;
padding-right: 0;
font-size: 0.75rem;
}
.accordion-footer .accordion-footer-holder .accordion-footer-total-pages {
font-size: 0.875rem;
padding: 0 0 1.25rem 0;
font-weight: 500;
}
.accordion-footer .accordion-footer-holder .form-select {
height: 2.25rem;
}
.accordion-footer .accordion-footer-holder.content-right .form-select {
width: 5.5rem;
}
/* User service */
.btn-user-service {
position: fixed;
right: 1.5rem;
bottom: 4.875rem;
z-index: 1040;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.btn-user-service>svg {
width: 1.375rem;
height: 1.375rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn-user-service:hover,
.btn-user-service:hover>svg {
opacity: 1;
}
/* Chat bot */
body.chat-bot-open {
overflow: hidden;
}
.btn-chat-bot {
position: fixed;
right: 1.5rem;
bottom: 1.5rem;
z-index: 1040;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.btn-chat-bot>svg {
width: 1.375rem;
height: 1.375rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn-chat-bot:hover,
.btn-chat-bot:hover>svg {
opacity: 1;
}
.chat-bot {
position: fixed;
right: 1.5rem;
bottom: 1.5rem;
z-index: 1040;
width: auto;
max-width: 500px;
}
.chat-bot .chat-bot-dialog {
position: relative;
width: auto;
max-width: 26.25rem;
}
.chat-bot .chat-bot-content {
position: relative;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
background-clip: padding-box;
width: 100%;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.chat-bot .chat-bot-header {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
flex-shrink: 0;
flex-basis: 100%;
padding: 0 3.75rem 0 1rem;
height: 86px;
-webkit-border-top-left-radius: 0.625rem;
-webkit-border-top-right-radius: 0.625rem;
-moz-border-radius-topleft: 0.625rem;
-moz-border-radius-topright: 0.625rem;
border-top-left-radius: 0.625rem;
border-top-right-radius: 0.625rem;
}
.chat-bot .chat-bot-header .chat-bot-icon-holder {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
margin-right: 0.625rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.chat-bot .chat-bot-header .chat-bot-icon-holder svg {
width: 1.375rem;
height: auto;
}
.chat-bot .chat-bot-header .chat-bot-icon-holder img {
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.chat-bot .chat-bot-header h5 {
font-size: 1rem;
font-weight: 500;
margin-bottom: 0;
}
.chat-bot .chat-bot-header p {
margin-bottom: 0;
font-size: 0.75rem;
}
.chat-bot .chat-bot-header p svg {
width: 1rem;
height: auto;
margin-left: 0.313rem;
flex-shrink: 0;
}
.chat-bot .chat-bot-header .btn-close {
position: absolute;
top: 50%;
right: 1rem;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
width: 30px;
height: 30px;
background-image: none;
opacity: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.chat-bot .chat-bot-header .btn-close svg {
width: 0.75rem;
height: auto;
}
.chat-bot .chat-bot-body {
display: block;
width: 100%;
padding: 1rem;
max-height: 21.875rem;
overflow-y: auto;
}
.chat-bot .chat-bot-body .message {
display: flex;
flex-wrap: wrap;
flex-basis: 100%;
margin-bottom: 1.875rem;
}
.chat-bot .chat-bot-body .message.message-sent {
justify-content: flex-start;
}
.chat-bot .chat-bot-body .message.message-received {
justify-content: flex-end;
}
.chat-bot .chat-bot-body .message .message-content {
display: flex;
align-items: flex-end;
max-width: 80%;
}
.chat-bot .chat-bot-body .message.message-sent .message-content {
max-width: 90%;
}
.chat-bot .chat-bot-body .message .message-icon-holder {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
margin-right: 0.625rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.chat-bot .chat-bot-body .message .message-icon-holder svg {
width: 1.375rem;
height: 1.375rem;
}
.chat-bot .chat-bot-body .message .message-icon-holder img {
width: 2.5rem;
height: 2.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.chat-bot .chat-bot-body .message .message-icon-holder span {
font-size: 1.625rem;
}
.chat-bot .chat-bot-body .message .message-bubble {
padding: 1rem 1.25rem;
word-break: break-word;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.chat-bot .chat-bot-body .message .message-time {
display: flex;
justify-content: center;
flex-basis: 100%;
margin-bottom: 0.25rem;
font-size: 0.75rem;
}
.chat-bot .chat-bot-input {
display: flex;
align-items: center;
justify-content: space-between;
flex-basis: 100%;
padding: 1rem 0;
-webkit-border-bottom-right-radius: 0.625rem;
-webkit-border-bottom-left-radius: 0.625rem;
-moz-border-radius-bottomright: 0.625rem;
-moz-border-radius-bottomleft: 0.625rem;
border-bottom-right-radius: 0.625rem;
border-bottom-left-radius: 0.625rem;
}
.chat-bot .chat-bot-input .form-control {
min-height: calc(1.5em + (.75rem + 2px));
height: 2.75rem;
border: 0 none;
padding: 0 15px;
resize: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.chat-bot .chat-bot-input .btn-send {
padding: 0 15px 0 0;
}
.chat-bot .chat-bot-input .btn-send svg {
width: 30px;
height: auto;
}
/* Blank page */
.blank-page-holder {
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
.blank-page-holder .blank-page-icon {
display: flex;
align-items: center;
justify-content: center;
flex-basis: 100%;
margin-bottom: 3rem;
}
.blank-page-holder .blank-page-icon svg {
width: 10rem;
height: auto;
}
.blank-page-holder .blank-page-title {
margin-bottom: 2rem;
text-align: center;
}
.blank-page-holder .blank-page-title h1 {
font-size: 2.25rem;
font-weight: 500;
margin-bottom: 0;
}
.blank-page-holder .blank-page-content {
text-align: left;
font-size: 1rem;
line-height: 1.3;
}
.blank-page-holder .blank-page-content .button-holder {
display: flex;
align-items: center;
justify-content: center;
margin-top: 3rem;
}
/* 404 */
.error-content {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
min-height: 100vh;
width: 100%;
padding: 2rem 0;
}
.error-content .icon-holder {
display: flex;
align-items: center;
justify-content: center;
flex-basis: 100%;
}
.error-content .icon-holder svg {
width: 10rem;
height: auto;
}
.error-content .error-content-holder {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.error-content .error-content-holder .error-body {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-basis: 100%;
}
.error-content .error-content-holder .error-body p {
margin-bottom: 0;
}
.error-content .error-content-holder .error-body .button-holder {
display: flex;
align-items: center;
justify-content: center;
margin-top: 3rem;
}
.error-content .error-content-holder .error-body .button-holder .btn {
width: 10rem;
padding: 0;
font-weight: 500;
}
.error-content .error-content-holder .error-body .error-title {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-basis: 100%;
padding: 2rem 0;
}
.error-content .error-content-holder .error-body .error-title h1 {
font-size: 3rem;
font-weight: 500;
margin-bottom: 0;
}
.error-content .error-content-holder .error-body .error-title p {
font-size: 1.25rem;
}
.error-content .error-content-holder .error-body .lead {
font-size: 10rem;
font-weight: 500;
line-height: 0.8;
}
.error-content .error-content-holder .error-body .error-title h1,
.error-content .error-content-holder .error-body p,
.error-content .error-content-holder .error-body .error-title p {
width: 100%;
text-align: center;
}
/* Text Glitch Effect */
.error-content .error-content-holder .error-body .hero {
line-height: 0.8;
display: inline-block;
z-index: 2;
/* Bright things in dark environments usually cast that light, giving off a glow */
filter: drop-shadow(0 0 0);
}
.error-content .error-content-holder .error-body .layers {
position: relative;
}
.error-content .error-content-holder .error-body .layers::before,
.error-content .error-content-holder .error-body .layers::after {
content: attr(data-text);
position: absolute;
width: 90%;
z-index: -1;
}
.error-content .error-content-holder .error-body .layers::before {
top: 0.625rem;
left: 1rem;
color: #e0287d;
}
.error-content .error-content-holder .error-body .layers::after {
top: 0.313rem;
left: -0.625rem;
color: #1bc7fb;
}
.error-content .error-content-holder .error-body .single-path {
clip-path: polygon(0% 12%,
53% 12%,
53% 26%,
25% 26%,
25% 86%,
31% 86%,
31% 0%,
53% 0%,
53% 84%,
92% 84%,
92% 82%,
70% 82%,
70% 29%,
78% 29%,
78% 65%,
69% 65%,
69% 66%,
77% 66%,
77% 45%,
85% 45%,
85% 26%,
97% 26%,
97% 28%,
84% 28%,
84% 34%,
54% 34%,
54% 89%,
30% 89%,
30% 58%,
83% 58%,
83% 5%,
68% 5%,
68% 36%,
62% 36%,
62% 1%,
12% 1%,
12% 34%,
60% 34%,
60% 57%,
98% 57%,
98% 83%,
1% 83%,
1% 53%,
91% 53%,
91% 84%,
8% 84%,
8% 83%,
4% 83%);
}
.error-content .error-content-holder .error-body .paths {
animation: paths 5s step-end infinite;
}
@keyframes paths {
0% {
clip-path: polygon(0% 43%,
83% 43%,
83% 22%,
23% 22%,
23% 24%,
91% 24%,
91% 26%,
18% 26%,
18% 83%,
29% 83%,
29% 17%,
41% 17%,
41% 39%,
18% 39%,
18% 82%,
54% 82%,
54% 88%,
19% 88%,
19% 4%,
39% 4%,
39% 14%,
76% 14%,
76% 52%,
23% 52%,
23% 35%,
19% 35%,
19% 8%,
36% 8%,
36% 31%,
73% 31%,
73% 16%,
1% 16%,
1% 56%,
50% 56%,
50% 8%);
}
5% {
clip-path: polygon(0% 29%,
44% 29%,
44% 83%,
94% 83%,
94% 56%,
11% 56%,
11% 64%,
94% 64%,
94% 70%,
88% 70%,
88% 32%,
18% 32%,
18% 96%,
10% 96%,
10% 62%,
9% 62%,
9% 84%,
68% 84%,
68% 50%,
52% 50%,
52% 55%,
35% 55%,
35% 87%,
25% 87%,
25% 39%,
15% 39%,
15% 88%,
52% 88%);
}
30% {
clip-path: polygon(0% 53%,
93% 53%,
93% 62%,
68% 62%,
68% 37%,
97% 37%,
97% 89%,
13% 89%,
13% 45%,
51% 45%,
51% 88%,
17% 88%,
17% 54%,
81% 54%,
81% 75%,
79% 75%,
79% 76%,
38% 76%,
38% 28%,
61% 28%,
61% 12%,
55% 12%,
55% 62%,
68% 62%,
68% 51%,
0% 51%,
0% 92%,
63% 92%,
63% 4%,
65% 4%);
}
45% {
clip-path: polygon(0% 33%,
2% 33%,
2% 69%,
58% 69%,
58% 94%,
55% 94%,
55% 25%,
33% 25%,
33% 85%,
16% 85%,
16% 19%,
5% 19%,
5% 20%,
79% 20%,
79% 96%,
93% 96%,
93% 50%,
5% 50%,
5% 74%,
55% 74%,
55% 57%,
96% 57%,
96% 59%,
87% 59%,
87% 65%,
82% 65%,
82% 39%,
63% 39%,
63% 92%,
4% 92%,
4% 36%,
24% 36%,
24% 70%,
1% 70%,
1% 43%,
15% 43%,
15% 28%,
23% 28%,
23% 71%,
90% 71%,
90% 86%,
97% 86%,
97% 1%,
60% 1%,
60% 67%,
71% 67%,
71% 91%,
17% 91%,
17% 14%,
39% 14%,
39% 30%,
58% 30%,
58% 11%,
52% 11%,
52% 83%,
68% 83%);
}
76% {
clip-path: polygon(0% 26%,
15% 26%,
15% 73%,
72% 73%,
72% 70%,
77% 70%,
77% 75%,
8% 75%,
8% 42%,
4% 42%,
4% 61%,
17% 61%,
17% 12%,
26% 12%,
26% 63%,
73% 63%,
73% 43%,
90% 43%,
90% 67%,
50% 67%,
50% 41%,
42% 41%,
42% 46%,
50% 46%,
50% 84%,
96% 84%,
96% 78%,
49% 78%,
49% 25%,
63% 25%,
63% 14%);
}
90% {
clip-path: polygon(0% 41%,
13% 41%,
13% 6%,
87% 6%,
87% 93%,
10% 93%,
10% 13%,
89% 13%,
89% 6%,
3% 6%,
3% 8%,
16% 8%,
16% 79%,
0% 79%,
0% 99%,
92% 99%,
92% 90%,
5% 90%,
5% 60%,
0% 60%,
0% 48%,
89% 48%,
89% 13%,
80% 13%,
80% 43%,
95% 43%,
95% 19%,
80% 19%,
80% 85%,
38% 85%,
38% 62%);
}
1%,
7%,
33%,
47%,
78%,
93% {
clip-path: none;
}
}
.error-content .error-content-holder .error-body .movement {
/* Normally this position would be absolute & on the layers, set to relative here so we can see it on the div */
position: relative;
animation: movement 8s step-end infinite;
}
@keyframes movement {
0% {
top: 0;
left: -1.25rem;
}
15% {
top: 0.625rem;
left: 0.625rem;
}
60% {
top: 0.313rem;
left: -0.625rem;
}
75% {
top: -0.313rem;
left: 1.25rem;
}
100% {
top: 0.625rem;
left: 0.313rem;
}
}
.error-content .error-content-holder .error-body .opacity {
animation: opacity 5s step-end infinite;
}
@keyframes opacity {
0% {
opacity: 0.1;
}
5% {
opacity: 0.7;
}
30% {
opacity: 0.4;
}
45% {
opacity: 0.6;
}
76% {
opacity: 0.4;
}
90% {
opacity: 0.8;
}
1%,
7%,
33%,
47%,
78%,
93% {
opacity: 0;
}
}
.error-content .error-content-holder .error-body .font {
animation: font 7s step-end infinite;
}
@keyframes font {
0% {
font-weight: 100;
color: #e0287d;
filter: blur(3px);
}
20% {
font-weight: 500;
color: #fff;
filter: blur(0);
}
50% {
font-weight: 300;
color: #1bc7fb;
filter: blur(2px);
}
60% {
font-weight: 700;
color: #fff;
filter: blur(0);
}
90% {
font-weight: 500;
color: #e0287d;
filter: blur(0.375rem);
}
}
.error-content .error-content-holder .error-body .glitch span {
animation: paths 5s step-end infinite;
}
.error-content .error-content-holder .error-body .glitch::before {
animation: paths 5s step-end infinite, opacity 5s step-end infinite,
font 8s step-end infinite, movement 10s step-end infinite;
}
.error-content .error-content-holder .error-body .glitch::after {
animation: paths 5s step-end infinite, opacity 5s step-end infinite,
font 7s step-end infinite, movement 8s step-end infinite;
}
/* 404 Error page */
.error-page-holder {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.error-page-holder>img {
position: absolute;
right: 0;
bottom: -12.5rem;
width: 40rem;
z-index: 1;
}
.error-page-holder .error-page-content {
position: relative;
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0 2rem;
z-index: 2;
max-width: 85%;
}
.error-page-holder .error-page-content img {
width: 25rem;
height: auto;
}
.error-page-holder .error-page-content h1 {
display: block;
text-align: left;
font-size: 1.875rem;
font-size: 5rem;
font-weight: 900;
margin-bottom: 0.5rem;
}
.error-page-holder .error-page-content h2 {
font-size: 2rem;
text-transform: uppercase;
font-weight: 800;
}
.error-page-holder .error-page-content .media {
flex-wrap: wrap;
align-items: flex-start;
}
.error-page-holder .error-page-content .media .media-image {
margin-right: 3rem;
}
.error-page-holder .error-page-content .media .media-image span {
font-size: 12.5rem;
line-height: 0.9125;
font-weight: 900;
}
.error-page-holder .error-page-content .media .media-body {
max-width: 30rem;
}
.error-page-holder .error-page-content p {
display: block;
width: 100%;
text-align: left;
font-size: 1rem;
}
.error-page-holder .error-page-content p a {
text-decoration: underline;
}
.error-page-holder .error-page-content p a:hover {
text-decoration: none;
}
.error-page-holder .error-page-content .button-holder {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
margin-top: 1.875rem;
}
.error-page-holder .error-page-content .button-holder .btn:not(:last-child) {
margin-right: 1rem;
}
.error-page-holder .error-page-content .logo-holder {
display: block;
text-align: center;
width: 100%;
margin-top: 3rem;
}
/* Newsletter cancelation */
.error-page-holder .global-form .form-group label {
color: #fff;
}
/* Led Pay Error page */
.led-error-holder {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.led-error-holder .led-error-content {
position: relative;
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0 2rem;
max-width: 32rem;
}
.led-error-holder .led-error-content img {
width: 32rem;
margin-bottom: 3rem;
}
.led-error-holder .logo {
position: absolute;
top: 1.25rem;
left: 1.5rem;
}
.led-error-holder .logo svg {
height: 2.5rem;
width: auto;
}
.led-error-holder .led-error-content h1 {
display: block;
width: 100%;
text-align: center;
font-size: 1.875rem;
color: #fff;
font-weight: 600;
margin-bottom: 1.25rem;
}
.led-error-holder .led-error-content p {
display: block;
width: 100%;
text-align: center;
font-size: 0.875rem;
color: #fff;
}
.led-error-holder .led-error-content .button-holder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 1.875rem;
}
.led-error-holder .led-error-content .button-holder .btn:not(:last-child) {
margin-right: 1rem;
}
.led-error-holder .led-error-content .global-form {
width: 100%;
max-width: 32rem;
margin-top: 0.875rem;
}
.led-error-holder .led-error-content .global-form .form-field {
padding-right: 0;
}
.led-error-content textarea.form-control {
min-height: calc(10em + (.75rem + 2px));
}
/* Splash page */
.splash-holder {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.splash-holder .splash-content {
position: relative;
padding: 0 2rem;
}
.splash-holder .splash-content img {
width: 35rem;
margin-bottom: 1.875rem;
}
.splash-holder .splash-content p {
position: absolute;
top: 100%;
left: 0;
width: 100%;
word-break: break-word;
margin: 0;
padding: 0 2rem;
text-align: center;
}
/* SVG Paper Plane Animation CSS */
.svg-animaton-holder {
position: absolute;
bottom: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.svg-animaton-holder svg {
width: 8rem;
height: auto;
}
.st0 {
fill: #1E6794;
}
.st1 {
fill: #808080;
}
.st2 {
fill: url(#stand_surface_1_);
}
.st3 {
fill: url(#SVGID_1_);
}
.st4 {
fill: #222426;
}
.st5 {
display: none;
}
.st6 {
display: inline;
fill: #2E3192;
}
.st7 {
display: inline;
fill: #00FFFF;
}
.st8 {
fill: #006837;
}
.st9 {
fill: #00FF00;
}
.st10 {
fill: #662D91;
}
.st11 {
fill: #FF00FF;
}
.st12 {
fill: #666666;
}
.st13 {
fill: #1A1A1A;
}
.st14 {
fill: #0071BC;
}
.st15 {
fill: #29ABE2;
}
.st16 {
opacity: 0.6;
fill-rule: evenodd;
clip-rule: evenodd;
fill: url(#paper_shadow_1_);
}
.st17 {
fill: url(#SVGID_2_);
}
.st18 {
fill: url(#SVGID_3_);
}
.st19 {
fill: #F2F2F2;
}
.st20 {
fill: #CCCCCC;
}
.st21 {
fill: #999999;
}
.st22 {
clip-path: url(#exhaust_l_mask_1_);
}
.st23 {
fill: url(#exhaust_l_inner_1_);
}
.st24 {
fill: url(#exhaust_l_outer_1_);
}
.st25 {
clip-path: url(#exhaust_r_mask_1_);
}
.st26 {
fill: url(#exhaust_r_inner_1_);
}
.st27 {
fill: url(#exhaust_r_outer_1_);
}
.st28 {
fill: #B0A690;
}
.st29 {
fill: #DAD7C5;
}
.st30 {
fill: #A5A395;
}
.st31 {
fill-rule: evenodd;
clip-rule: evenodd;
fill: url(#star_l_1_);
}
.st32 {
fill-rule: evenodd;
clip-rule: evenodd;
fill: url(#star_r_1_);
}
#paper_shadow {
transform: translate(0, 0);
opacity: .45;
transition: 2s ease-in .25s;
}
svg.takeoff #paper_shadow {
transform: translate(0, 10px);
opacity: .75;
transition: 2s ease-in .75s;
}
#full_plane {
transition: 2s ease-in .25s;
transform: translate(0, 0);
}
svg.takeoff #full_plane {
transform: translate(10px, -15px);
transition: 2s ease-in .75s;
}
#pipes {
transform: translate(15px, -25px);
transition: 1.25s ease-in-out .5s;
}
svg.takeoff #pipes {
transform: translate(0, 0);
transition: 1.75s ease-in-out
}
#star_r,
#star_l {
opacity: 0
}
svg.takeoff #star_r {
animation: swoosh-r 1.3s linear 1.8s infinite;
}
svg.takeoff #star_l {
animation: swoosh-l 1s linear 2.15s infinite
}
#exhaust_r,
#exhaust_l {
opacity: 0;
transition: .75s ease-out;
}
svg.takeoff #exhaust_r,
svg.takeoff #exhaust_l {
opacity: 1;
transition: .75s ease-in 1s;
}
svg.takeoff #exhaust_r_outer,
svg.takeoff #exhaust_l_outer {
animation: exhaust-on-outer .075s 0s infinite;
}
svg.takeoff #exhaust_r_inner,
svg.takeoff #exhaust_l_inner {
animation: exhaust-on-inner .075s 0s infinite;
}
@keyframes swoosh-r {
0% {
opacity: 0
}
40% {
transform: translate(0, 0);
opacity: 0
}
45% {
opacity: 1
}
65% {
opacity: 1
}
70% {
transform: translate(-200px, 200px);
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes swoosh-l {
0% {
opacity: 0
}
40% {
transform: translate(0, 0);
opacity: 0
}
45% {
opacity: 1
}
75% {
opacity: 1
}
80% {
transform: translate(-300px, 200px);
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes exhaust-on-outer {
from {
transform: scale(1);
opacity: 1
}
to {
transform: scale(.995);
opacity: .5
}
}
@keyframes exhaust-on-inner {
from {
opacity: 1
}
to {
opacity: .75
}
}
/* Landing */
/***********/
/* Custom container */
@media (min-width: 1500px) {
html.landing-page body .page-wrapper .main-container .container {
max-width: 1420px;
}
}
@media (min-width: 1600px) {
html.landing-page body .page-wrapper .main-container .container {
max-width: 1520px;
}
.container-fluid.custom-container {
max-width: 90%;
}
.bottom-save-holder {
padding: 0px 5.65%;
}
}
@media (min-width: 1700px) {
html.landing-page body .page-wrapper .main-container .container {
max-width: 1620px;
}
}
/* page-wrapper.login-wrapper Background Animation */
html.landing-page,
html.landing-page body,
html.landing-page body .page-wrapper {
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
width: 100vw;
background-color: transparent;
/* 100vh mobile browser bug CSS Safari fix */
height: 100%;
/* height: -webkit-fill-available; */
/* 100vh mobile browser bug JS fix */
/* height: 100vh;
height: var(--app-height); */
}
html.landing-page body .page-wrapper {
overflow-y: auto;
}
html.landing-page body .page-wrapper .main-container {
height: 100%;
/* height: -webkit-fill-available; */
}
html.landing-page body .page-wrapper .main-container .container,
html.landing-page body .page-wrapper .main-container .container .row,
html.landing-page body .page-wrapper .main-container .container .row .main-content,
html.landing-page body .page-wrapper .main-container .container .row .main-content .login-section {
height: 100%;
}
html.landing-page body {
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
/* -webkit-animation: slidein 120s;
animation: slidein 120s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; */
}
@-webkit-keyframes slidein {
from {
background-position: top;
background-size: 4000px auto;
-moz-background-size: 4000px auto;
-webkit-background-size: 4000px auto;
-o-background-size: 4000px auto;
}
to {
background-position: 0 0;
background-size: 2500px auto;
-moz-background-size: 2500px auto;
-webkit-background-size: 2500px auto;
-o-background-size: 2500px auto;
}
}
@keyframes slidein {
from {
background-position: top;
background-size: 4000px auto;
-moz-background-size: 4000px auto;
-webkit-background-size: 4000px auto;
-o-background-size: 4000px auto;
}
to {
background-position: 0 0;
background-size: 2500px auto;
-moz-background-size: 2500px auto;
-webkit-background-size: 2500px auto;
-o-background-size: 2500px auto;
}
}
.login-section {
display: flex;
justify-content: center;
align-items: center;
}
.login-section.host-register {
align-items: flex-start;
}
.login-section .login-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.5rem 1.625rem 0 1.625rem;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
}
.login-section .login-header .logo-holder {
display: flex;
justify-content: flex-start;
}
.login-section .login-header .logo-holder a {
display: flex;
align-items: center;
}
.login-section .login-header .logo-holder .logo-text {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
font-size: 0.875rem;
font-weight: 500;
}
.login-section .login-header .logo-holder .logo-text span {
width: 100%;
display: block;
text-transform: uppercase;
font-size: 1.25rem;
line-height: 1;
}
.login-section .login-header .logo-holder .logo {
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.75rem;
}
.login-section .login-header .logo-holder .logo img {
width: auto;
height: 3rem;
}
.login-section .login-header .logo-holder .logo svg {
height: 3rem;
}
.login-section .login-content .logo-holder {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 1.5rem 4rem;
}
.login-section.host-register .logo-holder {
margin-bottom: 3.125rem;
}
.login-section .login-content .content-holder {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
height: 100%;
padding: 1.5rem 4rem;
}
.login-section.host-register .login-content .content-holder {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
height: 100%;
padding: 0 3rem;
}
.login-section.host-register .login-content .content-holder .logo img {
width: 85%;
}
.login-section.host-register .login-content .content-holder .logo {
display: block;
margin-bottom: 3.125rem;
}
.login-section.register-section .login-content .content-holder {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
height: 100%;
padding: 3rem 4rem;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.login-section.host-register .login-content h1,
.login-section.login-section-holder .login-content h1,
.login-section.register-section .login-content h1 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
.login-section.host-register .login-content p,
.login-section.login-section-holder .login-content p,
.login-section.register-section .login-content p {
font-size: 1rem;
}
.login-section .login-content .content-holder .content-item h1 {
font-size: 2.5rem;
font-weight: 600;
margin-bottom: 3.125rem;
line-height: 1.1;
}
.login-section .login-content .content-holder .content-item h2 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 2.25rem;
}
.login-section .login-content .content-holder .content-item p {
font-size: 1rem;
}
.login-section.host-register .login-content .content-holder .content-item p {
font-size: 1.25rem;
font-weight: 300;
line-height: 1.3;
margin-bottom: 2.25rem;
}
.login-section .login-header .header-button .btn {
width: 12.5rem;
height: 3rem;
}
.login-section .login-content {
width: 100%;
display: block;
}
.login-section.host-register .login-content {
height: 100%;
}
.login-section .login-content h1 {
font-size: 2.25rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
.login-section.landing-section .login-content h1 {
margin-bottom: 3.125rem;
}
.login-section.landing-section .login-content .logo-holder .logo p {
font-size: 1rem;
text-align: center;
margin-bottom: 0;
}
.login-section.landing-section .login-content .logo-holder .logo .button-holder {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
margin-top: 1.875rem;
}
.login-section.landing-section .login-content .logo-holder .logo .button-holder .btn:not(:last-child) {
margin-right: 1rem;
}
.login-section .login-content p {
font-size: 1.5rem;
font-weight: 300;
line-height: 1.3;
margin-bottom: 2.25rem;
}
.login-section .global-form {
width: 100%;
padding: 1.5rem 4rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.login-section.register .global-form {
width: 55rem;
max-width: 100%;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.login-section .global-form .form-group {
margin-bottom: 1.875rem;
}
.login-section.host-register .centerline-form {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
height: 100%;
}
.login-section.host-register .global-form .form-group {
margin-bottom: 1rem;
}
.login-section.host-register .global-form .form-check-label {
width: max-content;
}
.login-section.login-section-holder .global-form .form-group,
.login-section.register-section .global-form .form-group {
margin-bottom: 1.75rem;
}
.login-section.landing-section .global-form .form-group {
margin-bottom: 0;
}
.login-section.landing-section .global-form .form-group .form-field {
padding-right: 5rem;
}
.login-section .global-form .form-group .form-control,
.login-section.landing-section .global-form .form-group .form-control {
font-size: 1.25rem;
height: 4rem;
}
.login-section.host-register .global-form .form-group .form-control {
height: 2.5rem;
}
.login-section.login-section-holder .global-form .form-group .form-control,
.login-section.register-section .global-form .form-group .form-control {
font-size: 1rem;
height: 3rem;
}
.login-section .login-form .form-floating {
margin-bottom: 0.5rem;
}
.login-section .login-content .forgoten-password {
margin: 0 0 0.5rem 0;
font-size: 0.875rem;
}
.login-section .login-content .forgoten-password p {
font-size: 1rem;
}
.login-section .login-content .forgoten-password a {
font-weight: 500;
}
.login-section .login-content .button-holder {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: column;
margin-top: 1.625rem;
}
.login-section.host-register .login-content .button-holder {
margin-top: 1rem;
}
.login-section .login-content .button-holder .form-check {
width: 100%;
margin-bottom: 3.125rem;
}
.login-section.host-register .login-content .button-holder .form-check {
margin-bottom: 2rem;
}
.login-section .login-content .button-holder .form-check label {
font-size: 1rem;
font-weight: 300;
}
.login-section .global-form .button-holder .btn {
width: auto;
padding: 0 3rem;
}
/* Host Landing Page */
.host-landing-header {
position: sticky;
top: 0;
display: flex;
align-items: center;
height: 5rem;
padding: 0;
z-index: 10;
}
.host-landing-header .container-fluid {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.host-landing-header .content-holder {
display: flex;
align-items: center;
justify-content: space-between;
}
.host-landing-header .content-holder .logo-host {
flex-shrink: 0;
}
.host-landing-header .content-holder .logo-host .logo-mobile {
display: none;
}
.host-landing-header .content-holder .logo-host img {
height: 3rem;
width: auto;
}
.host-landing-header .content-holder .logo-host .logo-desktop {
height: 2.5rem;
width: auto;
}
/* Host Landing Section */
.host-section {
padding: 5rem 0;
}
.host-section:first-of-type {
padding: 3rem 0 0 0;
}
.host-section .content-holder {
padding: 0;
}
.host-section .content-holder.stacked-holder {
margin-top: 5rem;
}
.host-section .content-holder p.subtitle {
font-size: 1.125rem;
font-weight: 500;
}
/* Host Map section */
.host-section.map-section .content-holder h2,
.host-section.map-section .content-holder p {
text-align: center;
}
.host-section.map-section .button-holder {
margin-top: 0.875rem;
}
.host-section.map-section .button-holder .btn {
font-size: 0.875rem;
padding: 0 1.875rem;
height: 2.875rem;
}
.host-section.map-section .button-holder .btn:not(:last-child) {
margin-right: 1rem;
}
.host-section.map-section.image-box .content-holder .btn {
margin-top: 1rem;
}
.host-section.map-section .map-holder {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
padding-left: 2rem;
}
.host-section.map-section .map-holder #map-canvas {
width: 100%;
max-width: 37.5rem;
height: 37.5rem;
border-radius: 1.25rem;
}
.host-section.map-section .button-holder {
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
.host-section.map-section .slider-field {
margin-top: 2.5rem;
}
.host-section.map-section .slider-total {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 4.5rem;
}
.host-section.map-section .slider-total .item-holder {
display: block;
width: 100%;
}
.host-section.map-section .slider-field .slider-total p {
display: block;
font-weight: 400;
margin-bottom: 0;
width: 100%;
}
.host-section.map-section .slider-field .slider-total p:first-child {
font-size: 1.875rem;
font-weight: 800;
line-height: 1;
}
.host-section.map-section .slider-total .item-holder .item-total {
display: block;
text-align: center;
width: 100%;
font-size: 4rem;
font-weight: 800;
margin: 0;
height: auto;
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.host-section.map-section .noUi-tooltip {
width: auto;
padding: 0 1rem;
margin-bottom: 0.875rem;
-webkit-border-radius: 1.563rem;
-moz-border-radius: 1.563rem;
border-radius: 1.563rem;
}
.host-section.map-section .slider-styled {
height: 0.313rem;
}
.host-section.map-section .slider-styled .noUi-handle {
top: -0.938rem;
height: 2.25rem;
width: 2.25rem;
}
/* Host Join us */
.host-join-us {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 3.75rem;
}
.host-join-us .user-item {
position: relative;
margin-right: 1.25rem;
}
.host-join-us .user-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.host-join-us .user-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 6rem;
height: 6rem;
}
.host-join-us .user-item:first-child .user-image {
width: 9rem;
height: 9rem;
}
.host-join-us .user-image .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
}
.host-join-us .user-item .badge {
position: absolute;
top: 0.25rem;
left: 100%;
z-index: 1;
padding: 0.5rem 0.875rem;
-webkit-transform: translateY(-75%);
-moz-transform: translateY(-75%);
-ms-transform: translateY(-75%);
-o-transform: translateX(-75%);
transform: translateX(-75%);
}
/* Image Box */
.image-box .col {
display: flex;
align-items: center;
justify-content: center;
}
.image-box.image-full-width .col {
align-items: flex-start;
justify-content: center;
}
.image-box.image-full-width h3 {
padding: 3.5rem 0 5rem 0;
font-size: 2rem;
font-weight: 600;
}
.image-box.image-full-width h3 strong {
font-weight: 700;
}
.image-box.image-left .col:first-child {
order: 1;
}
.image-box.image-left .col:last-child {
order: 2;
}
.image-box.image-right .col:first-child {
order: 2;
}
.image-box.image-right .col:last-child {
order: 1;
}
.image-box .host-image {
position: relative;
width: 100%;
text-align: center;
padding-left: 2rem;
}
.image-box .host-image img {
max-height: 37.5rem;
width: auto;
}
.image-box .host-image .floating-buttons {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.image-box .host-image .floating-buttons .btn {
position: absolute;
padding: 0 1rem;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
}
.image-box .host-image .floating-buttons .btn:first-child {
top: 15%;
right: 10%;
}
.image-box .host-image .floating-buttons .btn:nth-child(2) {
top: 50%;
left: 10%;
}
.image-box .host-image .floating-buttons .btn:last-child {
bottom: 25%;
right: 3%;
}
.float-anination {
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate
}
.animation-top {
-webkit-animation-name: floating-top-2, floating-top-1;
animation-name: floating-top-2, floating-top-1;
}
.animation-bottom {
-webkit-animation-name: floating-bottom-2, floating-bottom-1;
animation-name: floating-bottom-2, floating-bottom-1;
}
.animation-right {
-webkit-animation-name: floating-right-2, floating-right-1;
animation-name: floating-right-2, floating-right-1;
}
/* Floating Top */
@keyframes floating-top-1 {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px)
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
}
@-webkit-keyframes floating-top-2 {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
}
@keyframes floating-top-2 {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
}
/* Floating Bottom */
@keyframes floating-bottom-1 {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
}
@-webkit-keyframes floating-bottom-2 {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
}
@keyframes floating-bottom-2 {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
}
/* Floating Right */
@keyframes floating-right-1 {
0% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
50% {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
100% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
}
@-webkit-keyframes floating-right-2 {
100% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
}
@keyframes floating-right-2 {
100% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
}
.image-box .host-image .floating-buttons .btn .icon-holder {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
margin-right: 0.625rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.image-box .host-image .floating-buttons .btn .icon-holder svg {
width: 1.25rem;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.image-box .content-holder .top-title {
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 1.25rem;
}
.image-box .content-holder h1 {
font-size: 3rem;
font-weight: 900;
margin-bottom: 1.25rem;
line-height: 1.1;
}
.image-box .content-holder h2 {
font-size: 2rem;
font-weight: 800;
line-height: 1.1;
margin-bottom: 0.25rem;
}
.image-box .content-holder p {
font-size: 0.875rem;
margin-bottom: 0;
}
.image-box .content-holder .btn {
margin-top: 2rem;
font-size: 0.875rem;
height: 3.125rem;
font-weight: 600;
}
/* Host Stats Section */
.host-section.stats-section {
position: relative;
}
.host-section.stats-section .col:last-child {
align-items: flex-start;
justify-content: flex-start;
}
.host-section.stats-section .col:nth-child(2) {
align-items: flex-start;
}
.host-section.stats-section .logo-on-image img {
position: absolute;
top: 3.5rem;
padding-left: 0.5rem;
max-width: 66.66666667%;
height: auto;
z-index: 1;
}
.host-section.stats-section .content-holder {
width: 100%;
z-index: 2;
padding-left: 1rem;
padding-top: 0.625rem;
}
.host-section.stats-section .counter-holder {
margin-top: 1.25rem;
margin-bottom: 2.5rem;
}
.host-section.stats-section .counter-content {
max-width: 13.75rem;
}
.host-section.stats-section .stat-figure {
font-size: 2.5rem;
font-weight: 600;
}
.host-section.stats-section .stat-caption {
font-size: 0.75rem;
}
.host-section.stats-section .promo-text h3 {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 1rem;
}
.host-section.stats-section .promo-text p:not(:last-child) {
margin-bottom: 1rem;
}
/* Host Advertise Section */
.advertise-section .advertise-steps {
margin-top: 3rem;
padding-left: 0.625rem;
}
.host-section.advertise-section .content-holder {
width: 100%;
}
.advertise-section .advertise-steps .media {
max-width: 30.625rem;
}
.advertise-section .advertise-steps .media:not(:last-child) {
margin-bottom: 1.875rem;
}
.advertise-section .advertise-steps .media h3 {
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 0.25rem;
}
.advertise-section .button-holder {
display: block;
margin-top: 1.875rem;
padding-left: 4.375rem;
}
.advertise-section .button-holder .btn {
text-transform: uppercase;
}
.advertise-section .advertise-steps .media .media-icon {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
margin-right: 1.25rem;
font-size: 1rem;
font-weight: 500;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/* Host About Section */
.host-section.about-section {
padding-bottom: 0;
}
.host-section.about-section h2 {
font-size: 2rem;
font-weight: 800;
line-height: 1.1;
}
.host-section.about-section .items-holder {
display: block;
width: 100%;
padding: 2.5rem 0;
}
.host-section.about-section .items-holder:first-of-type {
margin-top: 1.875rem;
}
.host-section.about-section .items-holder .media-holder {
display: flex;
align-items: center;
}
.host-section.about-section .items-holder .media {
max-width: 32.5rem;
}
.host-section.about-section .items-holder .col:first-child .media-holder {
justify-content: flex-start;
}
.host-section.about-section .items-holder .col:last-child .media-holder {
justify-content: flex-end;
}
.host-section.about-section .items-holder .media-icon svg {
width: 3.75rem;
height: auto;
margin-right: 1.25rem;
}
.host-section.about-section .items-holder .media-body h3 {
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 0.25rem;
}
.host-section.about-section .items-holder .media-body p {
margin-bottom: 0;
font-size: 0.75rem;
}
/* Host Splide */
.host-section .splide-container {
display: block;
padding: 3rem 0;
margin-top: 1.875rem;
}
.host-section .splide-container .media-image {
margin-right: 3rem;
max-width: 25rem;
}
.host-section .splide-container .media-body h3 {
font-size: 1.5rem;
font-weight: 500;
}
.host-section .splide-container .media-body>p {
font-size: 1rem;
}
.host-section .splide-container .splide__pagination {
width: 25rem;
text-align: center;
right: unset;
bottom: 1.25rem;
}
.host-section .splide-container .testimonial-info {
margin-bottom: 1.875rem;
}
/* Splide Testimonials */
.testimonials-slider .splide-holder {
padding: 0 4rem;
}
.testimonials-slider .splide__track {
padding: 0.5rem !important;
}
.splide-testimonial .splide__arrow--prev {
left: -4rem;
}
.splide-testimonial .splide__arrow--next {
right: -4rem;
}
.splide-testimonial .splide__pagination {
bottom: 0;
}
/* Page options */
.page-options {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 1rem;
}
.page-options .page-actions {
display: inline-flex;
align-items: flex-end;
justify-content: flex-end;
flex-basis: 100%;
}
.page-filters {
display: inline-flex;
align-items: center;
justify-content: flex-start;
flex-basis: 100%;
}
.page-filters .form-group:not(:last-child) {
margin-right: 1rem;
}
.page-filters .form-group .form-label {
display: inline-flex;
align-items: center;
}
.page-filters .form-group .form-select {
height: 2.25rem;
min-width: 10rem;
}
.page-options .page-actions .btn-action:last-of-type {
margin-right: 0;
}
.page-options .page-actions .btn-action {
margin-left: 0.625rem;
}
.page-options .page-actions .btn .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
padding: 0;
}
.page-options .page-actions .btn-action svg {
width: 1.25rem;
height: 1.25rem;
}
/* Testimonial Item */
.col-testimonial {
margin-bottom: 3rem;
}
.testimonial-item {
position: relative;
}
.testimonial-item .media {
margin-bottom: 1rem;
padding-bottom: 1rem;
}
.testimonial-item .media .media-image {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
outline-offset: 0.25rem;
margin-right: 1.25rem;
}
.testimonial-item .media .media-image img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.testimonial-item .media .media-image svg {
width: 1.375rem;
height: 1.375rem;
}
.testimonial-item .media .media-body {
position: relative;
padding-right: 3.5rem;
overflow: hidden;
}
.testimonial-item .media-body .new-badge {
position: absolute;
right: 0;
top: 50%;
padding: 0.25rem 0.5rem;
line-height: 1;
font-weight: 500;
font-size: 0.75rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.testimonial-item .media .media-body p {
font-size: 1rem;
margin-bottom: 0;
font-weight: 600;
line-height: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.testimonial-item .media .media-body time {
font-size: 0.75rem;
}
.testimonial-item .rating-holder .rating-square {
width: 2.25rem;
height: 2.25rem;
font-size: 0.875rem;
margin-right: 0.625rem;
}
.testimonial-item .rating-holder .rating-text {
margin-left: 0.313rem;
}
.testimonial-item .rating-holder .rating-text p {
font-size: 0.875rem;
font-weight: 400;
}
.testimonial-item .title {
font-size: 1rem;
font-weight: 600;
margin-bottom: 1rem;
}
.testimonial-item .user-rating {
display: flex;
align-items: center;
margin-bottom: 0.25rem;
}
.testimonial-item .user-rating svg {
width: 1rem;
height: auto;
margin-right: 0.313rem;
}
.testimonial-item .user-rating strong {
margin-right: 0.313rem;
}
.testimonial-item .testimonial-content-item {
display: flex;
align-items: flex-start;
margin-bottom: 0.875rem;
}
.testimonial-item .testimonial-content-item p {
margin-bottom: 0;
line-height: 1.5;
}
.testimonial-item .testimonial-content-item .truncate-overflow {
max-width: 100%;
height: 3.938rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
/* max lines */
-webkit-box-orient: vertical;
max-length: 120;
white-space: normal;
}
.testimonial-item .testimonial-content-item svg {
width: 1.25rem;
height: 1.25rem;
flex-shrink: 0;
margin-right: 0.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.testimonial-item .btn {
margin-left: 1.75rem;
padding-top: 0;
padding-bottom: 0;
height: 1.25rem;
}
/* Host FAQ Tabs */
.host-section .tabs-holder .tab-content {
display: block;
margin-top: 1.875rem;
}
.host-section .tabs-holder .tab-content h3 {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 1rem;
}
.host-section .nav-underline .nav-link {
padding-bottom: 0.188rem;
}
.host-section .nav-underline .nav-link:active,
.host-section .nav-underline .nav-link.active {
font-weight: 400;
}
.host-section .nav-underline .nav-item+.nav-item::before {
content: '-';
float: left;
position: relative;
top: 6px;
font-size: 1rem;
width: 0.875rem;
height: auto;
padding: 0;
margin-right: 0.5rem;
}
.host-section .custom-accordion .accordion-button {
padding: 1.25rem 2rem 1.25rem 0;
font-weight: 600;
}
.host-section .custom-accordion .accordion-item {
border-bottom: 0 none;
margin-bottom: 1.25rem;
padding: 0 0.875rem 0 1.875rem;
}
/* Status item */
.status-group-title {
font-size: 1rem;
font-weight: 600;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.status-item {
margin-bottom: 1.875rem;
}
.status-item.margin-top {
margin-top: 1.875rem;
}
.status-item:last-child {
margin-bottom: 3rem;
}
.status-item h3 {
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 1rem;
}
.media.status {
align-items: flex-start;
}
.media.status.center {
align-items: center;
}
.media.status:not(:last-child) {
margin-bottom: 0.25rem;
}
.media.status.unit:not(:last-child) {
margin-bottom: 1.25rem;
}
.media.status.unit .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 3rem;
height: 3rem;
margin-right: 1.25rem;
outline-offset: 0.25rem;
}
.media.status.unit .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.media.status.unit .media-image span {
position: absolute;
font-size: 1.25rem;
}
.media.status.unit .media-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.media.status.unit .media-body {
font-weight: 500;
}
.status-item .unit-discounts {
display: block;
padding-left: 3.75rem;
}
.media.status .media-image,
.media.status .media-icon {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-right: 0.675rem;
}
.media.status .media-image svg {
width: 1rem;
height: 1rem;
}
.media.status .media-icon svg {
width: 1.375rem;
height: 1.375rem;
}
.media.status .media-icon span {
font-size: 1.375rem;
}
.media.status .media-image span {
font-size: 1rem;
}
.media.status .media-body p {
display: inline-flex;
margin-bottom: 0.625rem;
width: 100%;
}
.media.status .media-body .btn {
margin-left: 0;
height: 2.25rem;
font-size: 0.875rem;
}
.media.status.info {
font-size: 0.75rem;
margin-top: 0.5rem;
}
.media.status.info .media-body {
margin-top: 0.2rem;
}
/*** Chat page ***/
/*****************/
/* Chat aside */
.chat-aside {
padding-left: 1.5rem;
width: 24rem;
}
.chat-aside .aside-box {
padding: 1rem 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.chat-aside .contact-header {
padding: 0 1rem 1rem 1rem;
}
.chat-aside .contact-header-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
}
.chat-aside .contact-header-title h1 {
display: flex;
align-items: center;
font-size: 1.25rem;
line-height: 1;
font-weight: 600;
margin-bottom: 0;
}
.chat-aside .contact-header-title .btn-information {
width: 1.3rem;
height: 1.3rem;
margin-left: 0.313rem;
}
.chat-aside .contact-header .btn-action {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 2.25rem;
height: 2.25rem;
padding: 0;
margin-left: 1rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.chat-aside .contact-header .btn-action .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
padding: 0;
}
.chat-aside .contact-header .btn-action svg {
width: 1.25rem;
height: 1.25rem;
}
.chat-aside .contact-header-search {
display: block;
width: 100%;
}
.chat-aside .contact-header-search .search-holder .input-group .form-control {
height: 2.25rem;
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.chat-aside .contact-header-search .search-holder svg.search-icon {
display: flex;
align-items: center;
justify-content: center;
width: 1.25rem;
height: 100%;
position: absolute;
top: 50%;
left: 1rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.chat-aside .contact-header-options {
display: flex;
align-items: center;
justify-content: space-between;
}
.chat-aside .contact-header-options .form-select {
height: 2.25rem;
width: auto;
}
.chat-aside .contact-overflow-holder {
overflow-y: auto;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
overscroll-behavior: contain;
}
.chat-aside .contacts-holder {
overflow: hidden;
}
.chat-aside .contact-item {
position: relative;
display: block;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.chat-aside .contact-item:hover,
.chat-aside .contact-item:focus {
text-decoration: none;
}
.chat-aside .contact-item .contact-item-content {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 1.25rem 1rem;
}
.chat-aside .contact-item .contact-item-content .image-holder {
position: relative;
display: flex;
margin-right: 1.5rem;
}
.chat-aside .contact-item .contact-item-content .image-holder .badge.badge-notification {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 1.25rem;
height: 1.25rem;
font-size: 0.675rem;
font-weight: 600;
padding: 0;
line-height: unset;
z-index: 1;
-webkit-transform: unset;
-moz-transform: unset;
-ms-transform: unset;
-o-transform: unset;
transform: unset;
}
.chat-aside .contact-item .contact-item-content .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 5rem;
outline-offset: 0.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.chat-aside .contact-item .contact-item-content .media-image::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.chat-aside .contact-item .contact-item-content .media-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.8;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.chat-aside .contact-item .contact-item-content .media-image span {
position: absolute;
font-size: 2rem;
}
.chat-aside .contact-item .contact-item-content .media-image-user {
position: absolute;
left: 3.5rem;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 2.5rem;
height: 2.5rem;
z-index: 1;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.chat-aside .contact-item.active .contact-item-content .media-image .item-image,
.chat-aside .contact-item:hover .contact-item-content .media-image .item-image {
opacity: 1;
}
.chat-aside .contact-item .contact-item-content .media-image-user::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.chat-aside .contact-item .contact-item-content .media-image-user .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.chat-aside .contact-item .contact-item-content .media-image-user span {
position: absolute;
font-size: 1.25rem;
}
.chat-aside .contact-item .contact-item-content .contact-info {
overflow: hidden;
height: 100%;
width: 100%;
}
.chat-aside .contact-item .contact-item-content .contact-info-header {
display: flex;
}
.chat-aside .contact-item .contact-info time {
position: absolute;
top: 0.15rem;
right: 1rem;
margin-bottom: 0;
font-size: 0.75rem;
}
.chat-aside .contact-item .contact-item-content .contact-info-header .contact-name {
font-size: 1rem;
font-weight: 500;
margin-bottom: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.chat-aside .contact-item .contact-info p.subtitle {
font-size: 0.75rem;
font-weight: 500;
margin-bottom: 0.313rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.chat-aside .contact-item .contact-info p.teaser {
font-size: 0.75rem;
margin-bottom: 0.313rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.chat-aside .contact-item .contact-info .property {
font-size: 0.75rem;
margin-bottom: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.chat-aside .contact-item .contact-info p.booked-date {
font-size: 0.75rem;
margin-bottom: 0;
}
.chat-aside .contact-item .swipe-options {
position: absolute;
top: 0;
right: -4.25rem;
display: flex;
align-items: center;
height: calc(100% + 1px);
width: 4.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.chat-aside .contact-item .swipe-options .option-holder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border-radius: 0;
cursor: default;
}
.chat-aside .contact-item .swipe-options .option-holder .btn {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 2.25rem;
height: 2.25rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.chat-aside .contact-item .swipe-options .option-holder .btn svg {
width: 1.25rem;
height: 1.25rem;
}
.chat-aside .contact-item.swap-open {
margin-left: -4.25rem;
margin-right: 4.25rem;
}
/* Chat messages */
.chat-section .page-container {
padding: 0 1.5rem 0 0;
}
.chat-section .page-holder.messages-chat {
position: relative;
height: 100%;
padding: 0 0 0 0;
-webkit-border-top-right-radius: 0.625rem;
-webkit-border-bottom-right-radius: 0.625rem;
-moz-border-radius-topright: 0.625rem;
-moz-border-radius-bottomright: 0.625rem;
border-top-right-radius: 0.625rem;
border-bottom-right-radius: 0.625rem;
}
.messages-chat .messages-chat-header {
display: flex;
align-items: center;
}
.messages-chat .messages-chat-header .media {
overflow: hidden;
padding: 1rem 4rem 1rem 1rem;
width: 100%;
}
.messages-chat .messages-chat-header .media-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width: 3.125rem;
outline-offset: 0.25rem;
}
.messages-chat .messages-chat-header .media-image:before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.messages-chat .messages-chat-header .media-image .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.messages-chat .messages-chat-header .media-image span {
position: absolute;
font-size: 1.875rem;
}
.messages-chat .messages-chat-header .media-body {
overflow: hidden;
}
.messages-chat .messages-chat-header .media-body p.contact-name {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.messages-chat .messages-chat-header .media-body p.property-name {
margin-bottom: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.messages-chat .messages-chat-header-options {
position: absolute;
right: 1rem;
}
.messages-chat .messages-chat-header-options .btn-action {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.messages-chat .messages-chat-header-options .btn-action .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
}
.messages-chat .messages-chat-header-options .btn-action span {
font-size: 1.375rem;
}
.messages-chat .messages-content-holder {
display: block;
width: 100%;
padding: 1rem;
overflow-y: auto;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
overscroll-behavior: contain;
}
.messages-chat .messages-content-holder .new-messages-indicator {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 2px;
background-color: #FDCA40;
margin: 2.5rem 0 1.875rem;
}
.messages-chat .messages-content-holder .new-messages-indicator .indicator-text {
display: flex;
align-items: center;
position: absolute;
top: 50%;
background-color: #fff;
font-size: 0.75rem;
font-weight: 600;
padding: 0 1rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.messages-chat .messages-content-holder .new-messages-indicator .indicator-text span {
display: flex;
align-items: center;
justify-content: center;
width: 1.5rem;
height: 1.5rem;
background-color: #FDCA40;
margin-right: 0.5rem;
}
.messages-chat .new-messages-button-holder {
display: flex;
align-items: center;
justify-content: center;
}
.messages-chat .message {
display: flex;
flex-wrap: wrap;
flex-basis: 100%;
margin-bottom: 1.875rem;
}
.messages-chat .message.message-sent {
justify-content: flex-end;
}
.messages-chat .message.message-received {
justify-content: flex-start;
}
.messages-chat .message .message-content {
position: relative;
display: flex;
align-items: flex-start;
max-width: 80%;
}
/* massages-image regular
.messages-chat .message .message-content .uploaded-image-holder {
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.messages-chat .message .message-content .uploaded-image-holder img {
max-height: 18.75rem;
width: auto;
margin-right: 1rem;
margin-bottom: 1rem;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.messages-chat .message .message-content .uploaded-image-holder img:not(:last-child) {
margin-right: 1rem;
}
*/
/* total-images */
.messages-chat .message .message-content .total-images {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0.625rem;
font-size: 0.75rem;
font-weight: 400;
padding: 0 0.5rem;
height: 2.25rem;
z-index: 5;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
}
.messages-chat .message .message-content .total-images .media-image {
margin-right: 0.313rem;
}
.messages-chat .message .message-content .total-images .media-image span {
font-size: 1.25rem;
}
.messages-chat .message.message-received .message-content .total-images {
left: 0.625rem;
}
.messages-chat .message.message-sent .message-content .total-images {
right: 0.625rem;
}
/* download-images */
.messages-chat .message .message-content .download-images {
position: absolute;
top: 0.625rem;
z-index: 5;
}
.messages-chat .message .message-content .download-images .btn {
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.messages-chat .message .message-content .download-images .btn .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
}
.messages-chat .message .message-content .download-images .btn span {
font-size: 1.25rem;
}
.messages-chat .message.message-received .message-content .download-images {
right: 0.625rem;
}
.messages-chat .message.message-sent .message-content .download-images {
left: 0.625rem;
}
/* uploaded-image-holder */
.messages-chat .message .message-content .uploaded-image-holder {
position: relative;
display: inline-block;
width: 12.5rem;
height: 18.75rem;
cursor: pointer;
}
.messages-chat .message .message-content .uploaded-image-holder a,
.messages-chat .message .message-content .uploaded-image-holder a:hover,
.messages-chat .message .message-content .uploaded-image-holder a:focus {
text-decoration: none;
}
.messages-chat .message .message-content .uploaded-image-holder img {
position: absolute;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
-webkit-box-shadow: 0 0.125rem 0.313rem rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0.125rem 0.313rem rgba(0, 0, 0, 0.1);
box-shadow: 0 0.125rem 0.313rem rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* message-received uploaded-image-holder */
.messages-chat .message.message-received .message-content .uploaded-image-holder {
margin-top: 1.25rem;
}
/* message-received rotate */
.messages-chat .message.message-received .message-content .uploaded-image-holder img:nth-child(1) {
transform: rotate(0deg);
z-index: 4;
left: 0;
}
.messages-chat .message.message-received .message-content .uploaded-image-holder img:nth-child(2) {
transform: rotate(5deg);
z-index: 3;
left: 0.938rem;
}
.messages-chat .message.message-received .message-content .uploaded-image-holder img:nth-child(3) {
transform: rotate(10deg);
z-index: 2;
left: 1.563rem;
}
.messages-chat .message.message-received .message-content .uploaded-image-holder img:nth-child(4) {
transform: rotate(15deg);
z-index: 1;
left: 2.188rem;
}
.messages-chat .message.message-received .message-content .uploaded-image-holder:hover img {
transform: rotate(0deg);
left: 0;
}
/* uploading images */
.messages-chat .message-content .uploaded-image-holder .item-progress {
display: none;
}
.messages-chat .message-content .uploaded-image-holder.uploading {
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
cursor: default;
}
.messages-chat .message-content .uploaded-image-holder.uploading .download-images,
.messages-chat .message-content .uploaded-image-holder.uploading a {
display: none;
}
.messages-chat .message-content .uploaded-image-holder .item-progress {
position: absolute;
top: 50%;
padding: 0.625rem;
width: 100%;
display: block;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
/* message-sent uploaded-image-holder */
.messages-chat .message.message-sent .message-content .uploaded-image-holder {
margin-top: 1.25rem;
}
/* message-sent rotate */
.messages-chat .message.message-sent .message-content .uploaded-image-holder img:nth-child(1) {
transform: rotate(0deg);
z-index: 4;
right: 0;
}
.messages-chat .message.message-sent .message-content .uploaded-image-holder img:nth-child(2) {
transform: rotate(-5deg);
z-index: 3;
right: 0.938rem;
}
.messages-chat .message.message-sent .message-content .uploaded-image-holder img:nth-child(3) {
transform: rotate(-10deg);
z-index: 2;
right: 1.563rem;
}
.messages-chat .message.message-sent .message-content .uploaded-image-holder img:nth-child(4) {
transform: rotate(-15deg);
z-index: 1;
right: 2.188rem;
}
.messages-chat .message.message-sent .message-content .uploaded-image-holder:hover img {
transform: rotate(0deg);
right: 0;
}
/* uploaded-file, web-link */
.messages-chat .message .message-content .uploaded-file .btn {
padding: 0;
height: auto;
}
.messages-chat .message .message-content .web-link a,
.messages-chat .message .message-content .web-link a:hover,
.messages-chat .message .message-content .web-link a:focus {
text-decoration: none;
}
.messages-chat .message .message-content .uploaded-file .media-image,
.messages-chat .message .message-content .web-link .media-image {
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.messages-chat .message .message-content .uploaded-file .media-image span,
.messages-chat .message .message-content .web-link .media-image span {
font-size: 1.25rem;
}
.messages-chat .message .message-content .uploaded-file .media-body p,
.messages-chat .message .message-content .web-link .media-body p {
margin-bottom: 0;
text-align: left;
}
.messages-chat .message .message-content .uploaded-file .media-body p:last-child,
.messages-chat .message .message-content .web-link .media-body p:last-child {
font-size: 0.75rem;
}
/* message-video-holder */
.messages-chat .message .message-content .message-video-holder {
display: block;
width: 29rem;
height: auto;
margin: 0;
overflow: hidden;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.messages-chat .message.message-received .message-content {
max-width: 90%;
}
.messages-chat .message .message-image-holder {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
margin-right: 1rem;
width: 3.125rem;
outline-offset: 0.25rem;
}
.messages-chat .message .message-image-holder::before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.messages-chat .message .message-image-holder .item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.messages-chat .message .message-image-holder span {
position: absolute;
font-size: 1.875rem;
}
.messages-chat .message .message-image-holder svg {
width: 1.375rem;
height: 1.375rem;
}
.messages-chat .message .message-image-holder img {
width: 2.5rem;
height: 2.5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.messages-chat .message .message-image-holder span {
font-size: 1.625rem;
}
.messages-chat .message .message-bubble {
padding: 1rem 1.25rem;
word-break: break-word;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.messages-chat .message .message-time {
display: flex;
justify-content: center;
flex-basis: 100%;
margin-bottom: 0.5rem;
font-size: 0.75rem;
}
.messages-chat .message .message-content .message-status {
position: absolute;
top: 100%;
right: 0.625rem;
margin-top: 0.25rem;
font-size: 0.75rem;
}
.messages-chat .message-input {
display: flex;
align-items: flex-end;
padding: 1rem;
}
.messages-chat .message-input .btn-action {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.messages-chat .message-input .btn-action .popover-holder {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
}
.messages-chat .message-input .btn-action span {
font-size: 1.375rem;
}
.messages-chat .message-input .form-control {
margin: 0 1rem;
resize: none;
}
.messages-chat .message-bubble .typing {
display: flex;
align-items: center;
justify-content: center;
height: 1.313rem;
}
.messages-chat .message-bubble .dot {
width: 0.625rem;
height: 0.625rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
animation: blink 1.4s infinite both;
}
.messages-chat .message-bubble .dot:not(:last-child) {
margin-right: 0.313rem;
}
.messages-chat .message-bubble .dot:nth-child(2) {
animation-delay: 0.2s;
}
.messages-chat .message-bubble .dot:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes blink {
0% {
opacity: 0.2;
}
20% {
opacity: 1;
}
100% {
opacity: 0.2;
}
}
/* Footer */
.footer {
display: flex;
align-items: center;
align-self: flex-end;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
width: 100%;
margin-top: 5rem;
}
/* Footer Benefit Item */
.footer .benefits-wrapper {
padding: 5rem 0;
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.footer .benefit-item a:hover {
text-decoration: none;
}
.footer .benefit-item a:hover h3 {
text-decoration: underline;
}
.footer .benefit-item a:hover p {
text-decoration: none;
}
.footer .benefit-item:not(:last-child) {
border-right: 0;
}
.footer .benefit-item {
flex-wrap: wrap;
}
.footer .benefit-item h3 {
font-size: 1.675rem;
font-weight: 600;
margin-bottom: 1.2rem;
}
.footer .benefit-item p {
font-size: 1.2rem;
font-weight: 400;
}
.footer .benefit-item .media {
flex-wrap: wrap;
}
.footer .benefit-item .media-image {
width: 100%;
justify-content: center;
margin-right: 0;
margin-bottom: 1.25rem;
}
.footer .benefit-item .media-body {
text-align: center;
}
.footer .benefit-item .media-image svg {
height: 3rem;
}
.footer .footer-content {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
width: 100%;
padding: 3rem 0 3rem 0;
}
.footer .footer-content h3 {
display: flex;
align-items: center;
font-size: 1.125rem;
font-weight: 600;
}
.footer .footer-content.newsletter h3 {
font-size: 1.125rem;
font-weight: 600;
}
.footer .footer-content.newsletter .title-holder {
margin-bottom: 1.75rem;
}
.footer .footer-content form {
display: block;
width: 100%;
margin-bottom: 0;
}
.footer .footer-content .form-group {
position: relative;
margin-bottom: 0;
}
.footer .footer-content .form-control {
padding: 0 6.25rem 0 1rem;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
}
.footer .footer-content .form-group .btn {
position: absolute;
right: 0;
top: 0;
height: 3.125rem;
width: 6.25rem;
padding: 0 1rem;
font-size: 0.875rem;
font-weight: 600;
z-index: 1;
}
.footer .footer-content .footer-nav {
display: flex;
align-items: center;
justify-content: flex-start;
flex-basis: 100%;
flex-wrap: wrap;
padding: 0;
margin-bottom: 0;
overflow: hidden;
}
.footer .footer-content .footer-nav li {
list-style: none;
display: flex;
width: 100%;
white-space: nowrap;
}
.footer .footer-content .footer-nav a {
font-weight: 500;
padding: 0.125rem 0;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
.footer .footer-content .footer-nav li:first-child a {
padding-top: 0;
}
.footer .footer-content .footer-nav a:hover {
text-decoration: underline;
}
.footer .copyright {
margin: 0;
}
.footer .copyright p {
font-weight: 600;
margin-bottom: 0.5rem;
}
.footer .copyright ul {
padding: 0;
margin: 0;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.footer .copyright ul li {
list-style: none;
font-size: 0.75rem;
}
.footer .copyright ul li:not(:last-child) {
margin-right: 1rem;
}
.footer .developed-by {
font-size: 0.75rem;
margin-top: 1rem;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
align-items: flex-end;
justify-content: center;
}
.footer .footer-content .social-links {
width: 100%;
margin-top: 2.5rem;
}
.footer .footer-content .social-links svg {
width: 1.25rem;
height: 1.25rem;
}
.footer .footer-content .social-links ul {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0;
margin: 0;
}
.footer .footer-content .social-links ul li {
display: inline-flex;
align-items: center;
justify-content: center;
list-style: none;
}
.footer .footer-content .social-links ul li:not(:last-child) {
margin-right: 1rem;
}
.footer .footer-content .social-links ul li svg {
width: 2rem;
height: 2rem;
}
.footer .payment-cards {
display: flex;
align-items: center;
height: 100%;
justify-content: flex-end;
}
.footer .payment-cards .payment-item {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
height: 2rem;
padding: 0.1625rem 0.25rem;
overflow: hidden;
-webkit-border-radius: 0.375rem;
-moz-border-radius: 0.375rem;
border-radius: 0.375rem;
}
.footer .payment-cards .payment-item:not(:last-child) {
margin-right: 1rem;
}
.footer .payment-cards .payment-item img {
height: 1.25rem;
width: auto;
}
.footer .subfooter {
display: flex;
align-items: center;
justify-content: space-between;
flex-basis: 100%;
padding: 1rem 1.5rem;
margin-top: 1rem;
font-size: 0.75rem;
}
.blue-page-footer,
.error-footer,
.login-footer {
position: absolute;
bottom: 0;
padding: 0 1.625rem 1.5rem 1.625rem;
;
display: flex;
align-items: center;
align-self: flex-end;
justify-content: space-between;
width: 100%;
}
.footer a,
.blue-page-footer>a,
.error-footer>a,
.login-footer>a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.footer>a:hover,
.footer>a:focus,
.blue-page-footer>a:hover,
.blue-page-footer>a:focus,
.error-footer>a:hover,
.error-footer>a:focus,
.login-footer>a:hover,
.login-footer>a:focus {
text-decoration: none;
}
.footer p,
.blue-page-footer p,
.error-footer p,
.login-footer p {
margin-bottom: 0;
}
.blue-page-footer p a,
.error-footer p a,
.login-footer p a {
text-decoration: underline;
}
.blue-page-footer p a:hover,
.error-footer p a:hover,
.login-footer p a:hover {
text-decoration: none;
}
.login-footer p {
padding: 0.5rem 0.75rem;
line-height: 1;
font-weight: 500;
font-size: 0.75rem;
-webkit-border-radius: 1.563rem;
-moz-border-radius: 1.563rem;
border-radius: 1.563rem;
background-color: transparent;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
/* Scroll down animated */
.scroll-down-mob {
display: none;
}
.aside-col .scroll-down {
display: block;
position: relative;
padding-top: 3.75rem;
text-align: center;
}
.aside-col .scroll-down .arrow-down {
display: block;
margin: 0 auto;
width: 0.625rem;
height: 1.5rem;
}
.aside-col .scroll-down .arrow-down:after {
content: '';
display: block;
margin: 0;
padding: 0;
width: 0.5rem;
height: 0.5rem;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
behavior: url(-ms-transform.htc);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.aside-col .scroll-down .scroll-title {
display: block;
color: #ffffff;
}
.aside-col .scroll-down::before {
-webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
/* Safari 4+ */
-moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
/* Fx 5+ */
-o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
/* Opera 12+ */
animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
/* IE 10+, Fx 29+ */
position: absolute;
top: 0;
left: 50%;
margin-left: -0.063rem;
width: 0.063rem;
height: 3.75rem;
background: #ffffff;
content: ' ';
}
@-webkit-keyframes elasticus {
0% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
50% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50.1% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
}
@-moz-keyframes elasticus {
0% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
50% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50.1% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
}
@-o-keyframes elasticus {
0% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
50% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50.1% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
}
@keyframes elasticus {
0% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
50% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50.1% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
}
.mobile-calendar-toolbar-holder {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 1rem;
}
/******************************/
/* Default light color scheme */
/******************************/
/* Background colors */
/*********************/
/* background #191E39 */
html.landing-page,
.custom-modal .modal-header,
.custom-pagination .previous,
.custom-pagination .next,
.col-header-options .dropdown-cart .button-holder .btn:first-child,
.btn-pill-black,
.btn-pill-black:hover,
.btn-pill-black:focus,
.icon-holder.black,
.form-data-holder.colored-title .title-holder {
background-color: #191E39;
}
.light-gray-bg {
background-color: #f7f7f7;
}
.form-group .input-group.input-number .btn {
background-color: transparent;
}
html.landing-page body .page-wrapper {
background-color: rgba(0, 0, 0, 0.7);
}
html.landing-page.host-register-page body .page-wrapper {
background-color: rgba(0, 0, 0, 0.8);
}
/* background #ffffff */
.header,
.header .col-header-center .header-center-holder .header-search,
.header-center-holder nav .dropdown-custom.dropdown-menu:not(.dropdown-megamenu),
.btn-square-white,
.btn-square-white:hover,
.btn-square-white:focus,
.btn-square-white.disabled,
.btn-square-white:disabled,
.btn-square-white:active,
.btn-square-white.active,
.btn-square-white:first-child:active,
:not(.btn-check)+.btn-square-white:active,
.splide__pagination__page,
.top-sticker.white,
.footer .payment-cards .payment-item,
.custom-pagination .previous.page,
.custom-pagination .next.page,
.custom-modal .form-select,
.custom-modal .form-control,
.choices__inner,
.is-focused .choices__inner,
.is-open .choices__inner,
.choices__list--dropdown,
.choices__list[aria-expanded],
.offcanvas-hr .vimeo-body .offcanvas-licence-section,
.choices__list--single,
.form-data-holder,
.col-header-options .dropdown-menu,
.col-header-options .dropdown-menu::before,
.dropzone-item .item-progress,
.uploading-col .dropzone-item,
.slider-styled .noUi-handle,
.form-control[readonly],
.bottom-save-options,
.separator-line span,
.host-landing-header,
.aside-box.price-plan-box .price-plan .media-image .media-icon,
.chat-aside .contact-item,
.messages-chat .message .message-content .total-images,
.offcanvas-footer {
background-color: #ffffff;
}
/* background #F2F3F6 */
.carousel-progress,
.form-control:disabled,
.form-select:disabled,
.item-collapse.disabled .item-icon,
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__list--single {
background-color: #F2F3F6;
}
.calendar-day.passed,
.calendar-day.passed:hover {
background-color: #F2F3F6;
}
/* background #ffffff */
html,
.calendar-top-toolbar,
.calendar-toolbar,
.page-wrapper,
.dropdown-menu,
.aside-col.collapse:not(.show) .aside-header .btn svg,
.aside-footer,
.mobile-modal-info,
.btn-pill-white,
.btn-pill-white:hover,
.btn-pill-white:focus,
.btn-pill-white.disabled,
.btn-pill-white:disabled,
.btn-pill-white:active,
.btn-pill-white.active,
.btn-pill-white:first-child:active,
:not(.btn-check)+.btn-pill-white:active,
.alert-light,
.toast,
.custom-accordion .accordion-body ul.mobile-menu li .menu-item.active,
.form-group .form-info .btn-info,
.offcanvas,
.custom-accordion .accordion-button,
.custom-accordion .accordion-button:not(.collapsed),
.custom-accordion .accordion,
.custom-accordion .accordion-item,
.login-section .content-col,
.datepicker-picker,
.datepicker-controls .button,
.dropdown-item.active,
.table-scroll th,
.table-scroll td,
.page-pagination,
.active-filters-container,
.autocomplete,
.main-slider-holder,
.splide-products .col-title,
.splide-products .col-title::before,
.search-item-holder,
.footer,
.search-col .vertical-menu li a:hover,
.active-filters-content .btn:first-child,
.active-filters-content .btn .icon-holder,
.form-check-input:checked,
.chat-bot .chat-bot-body,
.chat-bot-input,
.dropzone-col .item-warning .item-holder,
.btn-circle.white,
.input-range__slider,
.btn-action.white,
.btn-pill-outline-yellow,
.host-section.map-section .noUi-target,
.host-section.map-section .input-range__track,
.modal-plan-colors .media-icon,
.chat-section .page-container {
background-color: #ffffff;
}
.form-control,
.form-control:focus,
.form-select {
background-color: #ffffff;
}
.toast .btn-close,
.custom-modal .modal-header .btn-close {
background-color: transparent;
}
/* background #f6f6f6 */
.offcanvas-cart .cart-item-image::after {
background-color: #f6f6f6;
}
/* background #f7f7f7 */
.dropdown-menu.multilevel-menu-style2 .dropdown-item:hover,
.dropdown-menu.multilevel-menu-style2 li.dropdown.active>.dropdown-item,
.dropdown-menu.multilevel-menu-style2 li.dropdown:hover>.dropdown-item,
.upload-list .media,
.datepicker-cell:not(.disabled):not(.selected):hover,
.aside-timeline .timeline-item.disabled .item-icon,
.search-item-holder .item-header .download {
background-color: #f7f7f7;
}
.dropdown-item:hover,
.dropdown-item:focus {
background-color: transparent;
}
/* background #f9f9f9*/
.desktop-table tbody tr:hover th,
.desktop-table tbody tr:hover td,
.progress,
.noUi-target,
.input-range__track,
.host-section .custom-accordion .accordion-item,
.host-section .custom-accordion .accordion-button,
.host-section .custom-accordion .accordion-button:not(.collapsed),
.footer,
.footer .footer-content .form-control {
background-color: #f7f7f7;
}
.noUi-marker-large {
background: #A0A1A3;
}
/* background #E5F4FB */
.table-holder.table-data .table-title .col-table-title,
.accordion-section-title {
background-color: #E5F4FB;
}
.calendar-day .selection,
.calendar-day:hover {
background-color: rgba(95, 35, 211, 0.1);
}
.calendar-day.closed:hover,
.calendar-day .selection.closed {
background-color: rgba(0, 29, 74, 0.1);
}
.calendar-day.yellow:hover,
.calendar-day .selection.yellow {
background-color: rgba(253, 202, 64, 0.1);
}
.calendar-day.orange:hover,
.calendar-day .selection.orange {
background-color: rgba(254, 98, 39, 0.1);
}
.calendar-day.magenta:hover,
.calendar-day .selection.magenta {
background-color: rgba(195, 35, 186, 0.1);
}
.calendar-day.green:hover,
.calendar-day .selection.green {
background-color: rgba(36, 212, 64, 0.1);
}
/* background #2448D4 */
.scroll-line,
.btn-square-blue,
.btn-square-blue:hover,
.btn-square-blue:focus,
.btn-square-blue.disabled,
.btn-square-blue:disabled,
.btn-square-blue:active,
.btn-square-blue.active,
.btn-square-blue:first-child:active,
:not(.btn-check)+.btn-square-blue:active,
.blue-bg,
.datepicker-cell.focused:not(.selected),
.datepicker-cell.focused:not(.selected):hover,
.login-section .login-aside-col,
.blue-page-content,
.error-content,
.login-fields .login-icon .icon-holder,
.datepicker-cell.selected,
.datepicker-cell.selected:hover,
.datepicker-cell.selected:focus,
.btn-pill-blue,
.btn-pill-blue:hover,
.btn-pill-blue:focus,
.btn-pill-blue.disabled,
.btn-pill-blue:disabled,
.desktop-table .table-header .col .btn-sort .badge-notification,
label.btn-browse,
label.btn-browse:hover,
label.btn-browse:focus,
.info-box.info .info-icon,
.top-header .col-logo .logo-letters,
.header .col-logo .logo-letters {
background-color: #2448D4;
}
.toast.toast-info .toast-icon,
.top-header-container,
.top-header .col-header-options .btn-user .media-image,
.top-header .col-header-options .btn-search .media-image,
.header .col-header-options .btn-user .media-image,
.header .col-header-options .btn-search .media-image,
.search-box .input-group .form-control,
.search-box .input-group .form-control:focus,
.datepicker-cell.focused:not(.selected),
.datepicker-cell.focused:not(.selected):hover,
.datepicker-cell.selected,
.datepicker-cell.selected:hover,
.datepicker-cell.selected:focus,
.popover-header,
.popover.custom-popover .item-header,
.select-bar,
.select-bar:hover,
.select-bar:focus,
.select-bar:active,
:not(.btn-check)+.select-bar.btn:active,
.select-bar.btn:focus-visible,
.calendar-day .selection .controls .btn-control,
.btn-square-purple,
.btn-square-purple:hover,
.btn-square-purple:focus,
.btn-square-purple.disabled,
.btn-square-purple:disabled,
.btn-square-purple:active,
.btn-square-purple.active,
.btn-square-purple:first-child:active,
:not(.btn-check)+.btn-square-purple:active,
.aside-timeline .timeline-item .item-icon,
.item-collapse .item-icon,
.custom-modal .modal-body .edit-item .item-icon,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon,
.aside-timeline .timeline-item .item-content .item-progress .badge,
html.splash-page,
.splash-holder,
.offcanvas-header,
.offcanvas.offcanvas-timeline .offcanvas-header,
mark.purple,
.info-box.info .info-icon.purple,
.chat-bot .chat-bot-header,
.custom-modal.purple .modal-header,
.btn-circle.purple,
.custom-table .table thead th,
.loader-holder .dot:nth-child(1),
.loader-holder .dot:nth-child(3),
.offcanvas-notifications .media-image,
.search-col .media-icon,
.highlight.purple,
.btn-action.purple,
.custom-pagination .previous.page,
.custom-pagination .next.page,
.btn-media .media-image.purple,
.purple-bg,
.splide__arrow.purple,
.badge.purple,
.icon-holder.purple,
.media.status .media-image.purple,
.messages-chat .message.message-sent .message-bubble,
.messages-chat .message .message-content .uploaded-file .media-image,
.messages-chat .message .message-content .web-link .media-image,
.messages-chat .message-bubble .dot,
.rating-holder .rating-square {
background-color: #5F23D3;
}
.error-page-holder .error-page-content .button-holder .btn-square-purple {
background-color: #4b1ba5;
}
.login-section.host-register .login-content .global-form {
background-color: transparent;
}
.login-section.login-section-holder .global-form,
.login-section.register-section .login-content .global-form {
background-color: transparent;
}
.login-section.host-register .login-content .content-holder {
background-color: transparent;
}
.login-section.register-section .login-content .content-holder {
background-color: rgba(95, 35, 211, .5);
/* background-color: rgba(253, 202, 64, .3); */
}
.plan-default,
.plan-default:hover,
.plan-default:focus,
.plan-default:active,
.plan-default.active,
.plan-default.btn:first-child:active,
.plan-default.btn.active,
:not(.btn-check)+.plan-default.btn:active,
.reservation-details .help-reservation .btn .icon-holder {
background-color: #5F23D3;
}
.plan-yellow,
.plan-yellow:hover,
.plan-yellow:focus,
.plan-yellow:active,
.plan-yellow.active,
.plan-yellow.btn:first-child:active,
.plan-yellow.btn.active,
:not(.btn-check)+.plan-yellow.btn:active,
.select-bar.yellow-plan,
.select-bar.yellow-plan:hover,
.select-bar.yellow-plan:focus,
.select-bar.yellow-plan:active,
:not(.btn-check)+.select-bar.yellow-plan.btn:active,
.select-bar.yellow-plan.btn:focus-visible,
.popover.custom-popover.yellow-arrow .item-header,
.messages-chat .message-bubble .dot:nth-child(2),
.bg-yellow {
background-color: #FDCA40;
}
.bg-pink {
background-color: #FFBBFA;
}
.plan-orange,
.plan-orange:hover,
.plan-orange:focus,
.plan-orange:active,
.plan-orange.active,
.plan-orange.btn:first-child:active,
.plan-orange.btn.active,
:not(.btn-check)+.plan-orange.btn:active,
.select-bar.orange-plan,
.select-bar.orange-plan:hover,
.select-bar.orange-plan:focus,
.select-bar.orange-plan:active,
:not(.btn-check)+.select-bar.orange-plan.btn:active,
.select-bar.orange-plan.btn:focus-visible,
.popover.custom-popover.orange-arrow .item-header,
.reservation-details .help-reservation .btn .icon-holder.orange {
background-color: #FE6227;
}
.plan-magenta,
.plan-magenta:hover,
.plan-magenta:focus,
.plan-magenta:active,
.plan-magenta.active,
.plan-magenta.btn:first-child:active,
.plan-magenta.btn.active,
:not(.btn-check)+.plan-magenta.btn:active,
.select-bar.magenta-plan,
.select-bar.magenta-plan:hover,
.select-bar.magenta-plan:focus,
.select-bar.magenta-plan:active,
:not(.btn-check)+.select-bar.magenta-plan.btn:active,
.select-bar.magenta-plan.btn:focus-visible,
.popover.custom-popover.magenta-arrow .item-header {
background-color: #C323BA;
}
.plan-green,
.plan-green:hover,
.plan-green:focus,
.plan-green:active,
.plan-green.active,
.plan-green.btn:first-child:active,
.plan-green.btn.active,
:not(.btn-check)+.plan-green.btn:active,
.select-bar.green-plan,
.select-bar.green-plan:hover,
.select-bar.green-plan:focus,
.select-bar.green-plan:active,
:not(.btn-check)+.select-bar.green-plan.btn:active,
.select-bar.green-plan.btn:focus-visible,
.popover.custom-popover.green-arrow .item-header {
background-color: #24D440;
}
/* background #f5f5f5 */
.dropdown-toggle .icon-holder,
.dropdown-custom .dropdown-header:hover,
.dropdown-custom .dropdown-header:focus,
.btn-square-gray,
.btn-square-gray:hover,
.btn-square-gray:focus,
.btn-square-gray.disabled,
.btn-square-gray:disabled,
.btn-square-gray:active,
.btn-square-gray.active,
.btn-square-gray:first-child:active,
:not(.btn-check)+.btn-square-gray:active,
.btn-pill-gray,
.btn-pill-gray:hover,
.btn-pill-gray:focus,
.btn-pill-gray.disabled,
.btn-pill-gray:disabled,
.btn-pill-gray:active,
.btn-pill-gray.active,
.btn-pill-gray:first-child:active,
:not(.btn-check)+.btn-pill-gray:active,
.highlight.gray,
.col-header-options .btn-icon-dropdown,
.aside-col .aside-header .btn,
.aside-holder .aside-nav ul li span:last-child,
.aside-timeline .timeline-item .highlight,
.arrow-box,
.arrow-box .arrow::after,
.choices__list--multiple .choices__item,
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted,
.tests-holder .test-answers .answer-holder .ordinal-count,
mark.gray,
.table-scroll thead th,
.table-holder .controls-container .control,
.custom-pagination .pages .page:not(.active):hover,
.custom-accordion .accordion-button .media-image,
.media.status.unit .media-image,
.property-header .media-image,
.user-header .media-image,
.guest-header .media-image,
.reservation-header .media-image,
.chat-aside .contact-item .contact-item-content .media-image,
.chat-aside .contact-item .contact-item-content .media-image-user,
.messages-chat .messages-chat-header .media-image,
.messages-chat .message .message-bubble,
.messages-chat .message .message-image-holder,
.messages-chat .message .message-bubble.uploaded-file,
.messages-chat .message .message-bubble.web-link,
.testimonial-item .media .media-image,
.splide-testimonial .splide__pagination__page,
.dropzone-item .item-icon,
.messages-chat .message-content .uploaded-image-holder.uploading {
background-color: #f5f5f5;
}
.choices__list--multiple .choices__item.is-highlighted,
.form-group .input-group.input-number .form-control,
.form-item .media-image .icon-holder,
.chat-bot .chat-bot-body .message .message-bubble,
.btn-circle.gray,
.empty-placeholder,
.item-unit .item-header .media-image,
.collapse-col.gallery .item-header .media-image,
.offcanvas-properties .media-image,
.top-header .property-option .media-image,
.mobile-property-holder .property-option .media-image,
.custom-modal .modal-body .item-header .media-image,
.search-col .media-image,
.btn-action.gray,
.gallery-modal.custom-modal .modal-header .btn-close,
.gallery-modal .main-carousel .splide__pagination .splide__pagination__page {
background-color: #f5f5f5;
}
.form-check.form-switch .form-check-input {
background-color: #E0E0E0;
}
/* background #C8CACC */
.page-holder .page-header .page-header-content .page-title .button-holder::before,
.aside-timeline .timeline-item:not(:last-child)::before,
.collapse-col:not(:last-child)::before,
.border-after::after,
.separator-line::before {
background-color: #C8CACC;
}
.select-bar.imported-airbnb,
.select-bar.imported-airbnb:hover,
.select-bar.imported-airbnb:focus,
.select-bar.imported-airbnb:active,
:not(.btn-check)+.select-bar.imported-airbnb.btn:active,
.select-bar.imported-airbnb.btn:focus-visible,
.popover.custom-popover.popover-imported-airbnb .item-header {
background-color: #FF5A5F;
}
.select-bar.imported-booking,
.select-bar.imported-booking:hover,
.select-bar.imported-booking:focus,
.select-bar.imported-booking:active,
:not(.btn-check)+.select-bar.imported-booking.btn:active,
.select-bar.imported-booking.btn:focus-visible,
.popover.custom-popover.popover-imported-booking .item-header {
background-color: #003B95;
}
.modal-backdrop,
.my-backdrop,
.offcanvas-backdrop,
.top-header .col-header-center .header-center-holder .header-center-options .btn-group:first-child::after,
.mobile-property-holder .btn-group:first-child::after {
background-color: rgba(255, 255, 255, 0.3);
}
.btn-square-transparent-white {
background-color: rgba(255, 255, 255, 0.2);
}
.btn-square-transparent-white:hover,
.btn-square-transparent-white:focus {
background-color: rgba(255, 255, 255, 0.1);
}
/* background #001D4A */
.highlight.black {
background-color: #001D4A;
}
/* background #191E39 */
.select-bar.closed,
.select-bar.closed:hover,
.select-bar.closed:focus,
.select-bar.closed:active,
:not(.btn-check)+.select-bar.closed.btn:active,
.select-bar.closed.btn:focus-visible,
.calendar-day .selection.closed .controls .btn-control,
.icon-scroll::before,
.btn-square-black,
.btn-square-black:hover,
.btn-square-black:focus,
.btn-square-black.disabled,
.btn-square-black:disabled,
.btn-square-black:active,
.btn-square-black.active,
.btn-square-black:first-child:active,
:not(.btn-check)+.btn-square-black:active,
.top-header .search-box .form-control,
.top-header .search-box .form-control:focus,
mark.black,
.table-scroll.dark-header thead th {
background-color: #001D4A;
}
/* background #ee303c */
.toast.toast-danger .toast-icon,
.badge.badge-red-dot,
.highlight.red,
.btn-square-red,
.btn-square-red:hover,
.btn-square-red:focus,
.btn-square-red.disabled,
.btn-square-red:disabled,
.btn-square-red:active,
.btn-square-red.active,
.btn-square-red:first-child:active,
:not(.btn-check)+.btn-square-red:active,
.top-sticker.red,
.info-box.danger .info-icon,
.btn-circle.red {
background-color: #ee303c;
}
/* background #FE6227 */
.badge.badge-notification,
.top-header .badge.badge-notification.orange,
.header .badge.badge-notification.orange,
.btn-square-orange,
.btn-square-orange:hover,
.btn-square-orange:focus,
.btn-square-orange.disabled,
.btn-square-orange:disabled,
.btn-square-orange:active,
.btn-square-orange.active,
.btn-square-orange:first-child:active,
:not(.btn-check)+.btn-orange:active,
.info-box.info .info-icon.orange,
.btn-circle.orange,
.aside-timeline .timeline-item .item-content .item-progress .badge.orange,
.timeline-item.orange .item-icon,
.item-collapse.orange .item-icon,
.custom-modal .modal-body .edit-item.orange .item-icon,
.offcanvas-notifications .media.orange .media-image,
.highlight.orange,
.btn-action.orange,
.toast.toast-danger .toast-icon,
.media.status .media-image.orange,
.icon-holder.orange,
.selection.orange .controls .btn-control {
background-color: #FE6227;
}
.badge.badge-notification.magenta,
.top-header .badge.badge-notification.magenta,
.header .badge.badge-notification.magenta,
.btn-square-pink,
.btn-square-pink:hover,
.btn-square-pink:focus,
.btn-square-pink.disabled,
.btn-square-pink:disabled,
.btn-square-pink:active,
.btn-square-pink.active,
.btn-square-pink:first-child:active,
:not(.btn-check)+.btn-square-pink:active,
.info-box.info .info-icon.pink,
.btn-circle.pink,
.highlight.pink,
.btn-action.pink,
.top-header .badge.badge-notification.pink,
.selection.magenta .controls .btn-control {
background-color: #C323BA;
}
/* background #FDCA40 */
.badge.badge-notification.yellow,
.top-header .badge.badge-notification.yellow,
.header .badge.badge-notification.yellow,
.toast.toast-warning .toast-icon,
.badge.badge-yellow-dot,
.btn-square-yellow,
.btn-square-yellow:hover,
.btn-square-yellow:focus,
.btn-square-yellow.disabled,
.btn-square-yellow:disabled,
.btn-square-yellow:active,
.btn-square-yellow.active,
.btn-square-yellow:first-child:active,
:not(.btn-check)+.btn-square-yellow:active,
.btn-pill-yellow,
.btn-pill-yellow:hover,
.btn-pill-yellow:focus,
.btn-pill-yellow.disabled,
.btn-pill-yellow:disabled,
.btn-pill-yellow:active,
.btn-pill-yellow.active,
.btn-pill-yellow:first-child:active,
:not(.btn-check)+.btn-pill-yellow:active,
.btn-pill-outline-yellow:hover,
.btn-pill-outline-yellow:focus,
.btn-pill-outline-yellow.disabled,
.btn-pill-outline-yellow:disabled,
.btn-pill-outline-yellow:active,
.btn-pill-outline-yellow.active,
.btn-pill-outline-yellow:first-child:active,
:not(.btn-check)+.btn-pill-outline-yellow:active,
.highlight.yellow,
.popover.custom-popover .item-progress .badge,
.dropdown-menu.multilevel-menu .dropdown-item:hover,
.dropdown-menu.multilevel-menu li.dropdown.active>.dropdown-item,
.dropdown-menu.multilevel-menu li.dropdown:hover>.dropdown-item,
.splide__pagination__page.is-active,
.progress-bar,
.aside-timeline .timeline-item.active .item-icon,
.item-collapse.active .item-icon,
.aside-timeline .timeline-item .item-content .item-progress .badge.yellow,
mark.yellow,
.info-box.info .info-icon.yellow,
.btn.btn-chat-bot,
.btn.btn-chat-bot:hover,
.btn.btn-chat-bot:focus,
.btn.btn-user-service,
.btn.btn-user-service:hover,
.btn.btn-user-service:focus,
.chat-bot .chat-bot-header .chat-bot-icon-holder,
.chat-bot .chat-bot-body .message .message-icon-holder,
.btn-circle.yellow,
.main-image .main-badge span,
.loader-holder .dot:nth-child(2),
.slider-value,
.noUi-connect,
.noUi-tooltip,
.btn-categories .icon-holder,
.input-range__track--active,
.input-range__track .input-range__label-container,
.btn-action.yellow,
.custom-pagination .pages .page.active,
.btn-media .media-image.yellow,
.custom-modal .modal-header .icon-holder,
.splide__arrow.yellow,
.icon-holder.yellow,
.selection.yellow .controls .btn-control,
.gallery-modal .main-carousel .splide__pagination .splide__pagination__page.is-active {
background-color: #FDCA40;
}
/* background #79c142 */
.toast.toast-success .toast-icon,
.badge.badge-green-dot,
.highlight.green,
.status.green,
.top-sticker.green,
.btn-square-green,
.btn-square-green:hover,
.btn-square-green:focus,
.btn-square-green.disabled,
.btn-square-green:disabled,
.btn-square-green:active,
.btn-square-green.active,
.btn-square-green:first-child:active,
:not(.btn-check)+.btn-square-green:active,
.btn-pill-green,
.btn-pill-green:hover,
.btn-pill-green:focus,
.btn-pill-green.disabled,
.btn-pill-green:disabled,
.btn-pill-green:active,
.btn-pill-green.active,
.btn-pill-green:first-child:active,
:not(.btn-check)+.btn-pill-green:active,
.item-collapse.success .item-icon,
.aside-timeline .timeline-item.success .item-icon,
.custom-modal .modal-body .edit-item.success .item-icon,
.form-item .item-icon,
.aside-timeline .timeline-item.success .highlight,
.aside-timeline .timeline-item.success .item-content .item-progress .badge,
.popover.custom-popover .item-progress.success .badge,
.aside-box.updated-box .media-image,
.form-check.form-switch .form-check-input:checked,
.aside-timeline .timeline-item .item-content .item-progress .badge.success,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon.green,
.progress-bar.success,
.aside-timeline .timeline-item.success::before,
.form-item.selected .icon-holder,
mark.green,
.info-box.info .info-icon.green,
.btn-circle.green,
.btn-action.green,
.collapse-col.success:not(:last-child)::before,
.badge.badge-notification.green,
.media.status .media-image.green,
.selection.green .controls .btn-control {
background-color: #24D440;
}
.carousel-progress-bar {
background-color: #5ac2b0;
}
.calendar-day.inactive:hover {
background-color: transparent;
}
/* Pulse effect */
.btn-pill-green.pulse-effect,
.btn-pill-blue.pulse-effect {
-webkit-border-radius: 1.563rem;
-moz-border-radius: 1.563rem;
border-radius: 1.563rem;
}
.btn-square-green.pulse-effect,
.btn-square-purple.pulse-effect,
.btn-square-yellow.pulse-effect,
.btn-square-yellow.pulse-effect {
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.top-sticker.pulse-effect,
input.pulse-effect,
select.pulse-effect,
textarea.pulse-effect {
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
}
.item-warning .item-holder.pulse-effect {
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
}
.pulse-effect {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pulse-effect.orange {
box-shadow: 0 0 0 0 rgba(254, 98, 39, 1);
animation: pulse-orange 3s infinite;
}
.pulse-effect.yellow {
box-shadow: 0 0 0 0 rgba(253, 202, 64, 1);
animation: pulse-yellow 3s infinite;
}
.pulse-effect.blue {
box-shadow: 0 0 0 0 rgba(0, 145, 213, 1);
animation: pulse-blue 3s infinite;
}
.pulse-effect.green {
box-shadow: 0 0 0 0 rgba(121, 193, 66, 1);
animation: pulse-green 3s infinite;
}
.pulse-effect.red {
box-shadow: 0 0 0 0 rgba(238, 48, 60, 1);
animation: pulse-red 3s infinite;
}
.pulse-effect.purple {
box-shadow: 0 0 0 0 rgba(95, 35, 211, 1);
animation: pulse-purple 3s infinite;
}
.pulse-effect.magenta {
box-shadow: 0 0 0 0 rgba(195, 35, 186, 1);
animation: pulse-magenta 3s infinite;
}
@keyframes pulse-orange {
0% {
box-shadow: 0 0 0 0 rgba(254, 98, 39, 0.7);
}
70% {
box-shadow: 0 0 0 0.625rem rgba(254, 98, 39, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(254, 98, 39, 0);
}
}
@keyframes pulse-yellow {
0% {
box-shadow: 0 0 0 0 rgba(253, 202, 64, 0.7);
}
70% {
box-shadow: 0 0 0 0.625rem rgba(253, 202, 64, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 202, 64, 0);
}
}
@keyframes pulse-blue {
0% {
box-shadow: 0 0 0 0 rgba(0, 145, 213, 0.7);
}
70% {
box-shadow: 0 0 0 0.625rem rgba(0, 145, 213, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 145, 213, 0);
}
}
@keyframes pulse-green {
0% {
box-shadow: 0 0 0 0 rgba(121, 193, 66, 0.7);
}
70% {
box-shadow: 0 0 0 0.625rem rgba(121, 193, 66, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(121, 193, 66, 0);
}
}
@keyframes pulse-red {
0% {
box-shadow: 0 0 0 0 rgba(238, 48, 60, 0.7);
}
70% {
box-shadow: 0 0 0 0.625rem rgba(238, 48, 60, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(238, 48, 60, 0);
}
}
@keyframes pulse-purple {
0% {
box-shadow: 0 0 0 0 rgba(95, 35, 211, 0.7);
}
70% {
box-shadow: 0 0 0 0.625rem rgba(95, 35, 211, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(95, 35, 211, 0);
}
}
@keyframes pulse-magenta {
0% {
box-shadow: 0 0 0 0 rgba(195, 35, 186, 0.7);
}
70% {
box-shadow: 0 0 0 0.625rem rgba(195, 35, 186, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(195, 35, 186, 0);
}
}
/* background #ffeaed */
.table-holder.table-data>p span,
.table-holder.table-data .suspended td,
.accordion-title p span,
.custom-accordion .accordion-item.suspended .accordion-button {
background-color: #ffeaed;
}
.form-control.is-invalid,
.form-control.is-invalid:focus,
.form-select.is-invalid,
.form-select.is-invalid:focus,
.item-collapse.is-invalid,
.item-facility.is-invalid {
background-color: #FFEFE9;
}
.was-validated .form-control:invalid {
background-color: #FFEFE9;
box-shadow: 0 0 0 0 rgb(254 98 39);
animation: pulse-orange 3s infinite;
}
svg.logo-facebook {
color: #2563eb;
}
/* Font colors */
/*********************/
/* font #191E39 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
.header .col-header-center .header-center-holder nav>ul li .btn-nav,
.header-center-holder nav .dropdown-custom.dropdown-menu .dropdown-item,
.header .col-header-center .header-center-holder nav>ul li .btn-nav .icon-holder .badge.yellow,
.col-header-options .btn-group .btn span.badge.yellow,
.badge.badge-notification.yellow,
.col-categories .btn-group .btn span,
.col-categories .btn-group .btn:hover span,
.col-categories .btn-group .btn.show span,
.col-header-options .btn-group .btn:hover .media-body span,
.col-header-options .btn-group .btn.show .media-body span,
.header .col-categories .btn-group a:focus,
.btn-categories .icon-holder svg,
.custom-accordion .accordion-body ul.mobile-menu li .menu-item,
.search-col .vertical-menu li a,
.toast,
.toast .btn-close,
.btn-close,
.breadcrumb-item a,
.breadcrumb-item a:hover,
.breadcrumb-item a:focus,
.breadcrumb-item.active,
a,
a:hover,
a:focus,
a.dark-link,
a.dark-link-underline,
a.dark-link:hover,
a.dark-link:focus,
a.dark-link-underline:hover,
a.dark-link-underline:focus,
.upload-list .media .btn-link,
.dropdown-item,
.dropdown-custom .dropdown-header,
.form-text,
.form-text-preview,
.form-check label a,
.dropdown-menu,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-custom .dropdown-header:hover,
.dropdown-custom .dropdown-header:focus,
.form-select,
.form-select:focus,
.form-control,
.form-control:focus,
.form-control::placeholder,
.btn,
.btn:hover,
.btn-square-yellow,
.btn-square-yellow:hover,
.btn-square-yellow:focus,
.btn-square-yellow.disabled,
.btn-square-yellow:disabled,
.btn-square-yellow:active,
.btn-square-yellow.active,
.btn-square-yellow:first-child:active,
:not(.btn-check)+.btn-square-yellow:active,
.btn-square-white,
.btn-square-white:hover,
.btn-square-white:focus,
.btn-square-white.disabled,
.btn-square-white:disabled,
.btn-square-white:active,
.btn-square-white.active,
.btn-square-white:first-child:active,
:not(.btn-check)+.btn-square-white:active,
.btn-pill-yellow,
.btn-pill-yellow:hover,
.btn-pill-yellow:focus,
.btn-pill-yellow.disabled,
.btn-pill-yellow:disabled,
.btn-pill-yellow:active,
.btn-pill-yellow.active,
.btn-pill-yellow:first-child:active,
:not(.btn-check)+.btn-pill-yellow:active,
.search-col h3 a,
.col-header-options .btn-icon-dropdown svg,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-title h2 a,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options .btn-options,
.col-header-options .dropdown-cart .button-holder .btn:last-child,
.btn-square-gray,
.btn-square-gray:hover,
.btn-square-gray:focus,
.btn-square-gray.disabled,
.btn-square-gray:disabled,
.btn-square-gray:active,
.btn-square-gray.active,
.btn-square-gray:first-child:active,
:not(.btn-check)+.btn-square-gray:active,
.btn-pill-gray,
.btn-pill-gray:hover,
.btn-pill-gray:focus,
.btn-pill-gray.disabled,
.btn-pill-gray:disabled,
.btn-pill-gray:active,
.btn-pill-gray.active,
.btn-pill-gray:first-child:active,
:not(.btn-check)+.btn-pill-gray:active,
.highlight.gray,
.top-sticker.white,
.product-item h3 a,
.btn-square-outline-blue,
.btn-square-outline-blue:hover,
.btn-square-outline-blue:focus,
.btn-square-outline-blue.disabled,
.btn-square-outline-blue:disabled,
.custom-modal .modal-icon-holder svg,
.custom-modal .modal-header-content h5,
.top-header .col-header-options .btn-cart svg,
.top-header .col-header-options .btn-notification svg,
.top-header .col-header-options .btn-user svg,
.top-header .col-header-options .btn-search svg,
.top-header ul.vertical-menu li a:hover,
.header .col-header-options .btn-cart svg,
.header .col-header-options .btn-notification svg,
.header .col-header-options .btn-user svg,
.header .col-header-options .btn-search svg,
.aside-col .aside-header .btn,
.aside-holder .aside-nav ul li .btn,
.aside-holder .aside-nav ul li span:last-child,
.aside-holder .aside-nav ul li .btn-link.new-request span:first-child,
.datepicker-controls .button,
.datepicker-header .datepicker-controls .button:hover,
.datepicker-cell.day,
.custom-pagination .previous.page,
.custom-pagination .next.page,
.custom-accordion .accordion-button,
.custom-accordion .accordion-button:not(.collapsed),
.active-filters-content .btn,
.active-filters-content .btn:hover,
.active-filters-content .btn:focus,
.active-filters-content .btn .icon-holder,
.active-filters-content .btn:hover .icon-holder,
.active-filters-content .btn:focus .icon-holder,
.footer .footer-content .footer-nav a,
.footer .footer-content .footer-nav a:hover,
.footer .footer-content .footer-nav a:focus,
.section-title h2 a,
.form-group .download-link a,
.form-group .download-link a:hover,
.form-group .download-link a:focus,
.upload-list .media a,
.upload-list .media a:hover,
.upload-list .media a:focus,
.aside-timeline .timeline-item.disabled .item-icon,
.item-collapse.disabled .item-icon,
.item-collapse.active .item-icon,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a:hover,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a:focus,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a.disabled,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a.disabled:hover,
.view-all-link,
.view-all-link:hover,
.view-all-link:focus,
.movable-box,
.aside-timeline .timeline-item,
.aside-timeline .timeline-item .item-content h5,
.aside-timeline .timeline-item .item-content p,
.aside-timeline .timeline-item .highlight,
.aside-timeline .timeline-item .item-content .item-progress,
.popover.custom-popover .item-content ul li a,
.popover.custom-popover .item-content a:hover,
.popover.custom-popover .item-content a:focus,
.document-modal .documents-list .documents-col-holder .documents-holder .document-page-item,
.search-item-holder .item-title h2 a,
.search-item-holder .item-header .download,
.search-item-holder .item-content .content-col ul li span a,
.feature-categories .splide .splide__slide a,
.benefit-item a,
.benefit-item a:hover,
.benefit-item a:focus,
.latest-news .col .content-holder h3 a,
.offcanvas-cart .cart-item-description ul li span:first-child,
.form-group .input-group.input-number .btn,
.choices__list--multiple .choices__item,
.footer,
.footer a,
.aside-timeline .timeline-item.active .item-icon,
.chat-bot .chat-bot-header .chat-bot-icon-holder svg,
.chat-bot-icon-holder span,
.info-box.info .info-icon.yellow,
.custom-close-button,
.custom-close-button svg,
.btn-circle.yellow,
.btn-circle.yellow span,
.btn-circle.transparent,
.btn-circle.gray,
.btn-circle.gray .material-symbols-outlined,
.btn-circle.white,
.main-image .main-badge span,
a.link-underline,
.input-range__slider-container .input-range__label,
.top-header .property-option .btn .media-image span,
.btn-action.yellow,
.btn-action.gray,
.btn-action.white,
.custom-pagination .pages .page.active,
.btn-media .media-image.yellow,
.custom-modal .modal-header .icon-holder,
.splide__arrow,
.highlight.yellow,
.calendar-toolbar .calendar-toolbar-month,
.calendar-toolbar .calendar-toolbar-month .calendar-year,
.calendar-toolbar .calendar-toolbar-item .btn,
.custom-accordion.with-media-image .accordion-item .accordion-button .media-image,
.custom-accordion.with-media-image .accordion-item:hover .accordion-button .media-image,
.custom-accordion.with-badges .accordion-item .accordion-button .operational-status,
.media.status.unit .media-image span,
.gallery-modal.custom-modal .modal-header .btn-close,
.messages-chat .message .message-content .uploaded-file .media-body p,
.messages-chat .message .message-content .web-link .media-body p {
color: #191E39;
}
.form-control[readonly]::placeholder {
color: #191E39;
font-weight: 500;
}
a.link-underline {
text-decoration-color: #191E39 !important;
}
.link-underline-purple {
text-decoration-color: #5F23D3 !important;
}
.rs-container .rs-scale span:last-child {
width: 0 !important;
}
/* font #ffffff */
.top-header .col-promo .btn,
.top-header ul li a,
.top-header .col-top-country a,
.top-header .col-top-country .btn,
.top-header .col-top-country .btn.active,
.top-header ul li a:hover,
.top-header ul li a:focus,
.top-header ul li a:hover svg,
.top-header .col-header-options .btn .media-image svg,
.search-box .input-group .form-control::placeholder,
.search-box .input-group .form-control,
.search-box .input-group .form-control:focus,
.search-box svg.search-icon,
.header .col-header-options .btn .media-image svg,
.offcanvas-header,
.offcanvas-header .modal-title,
.offcanvas-header .offcanvas-title,
.offcanvas-header .btn-close,
.custom-modal .modal-header .modal-title,
.custom-modal .modal-header p,
.custom-modal .modal-header .btn-close,
.popover-header,
.popover.custom-popover .item-header h2,
.popover.custom-popover .item-header .btn-close,
.btn-categories,
.btn-categories:hover,
.btn-categories:focus,
.col-header-options .dropdown-cart .button-holder .btn:first-child,
.col-header-options .btn-group .btn span.badge,
.col-header-options .btn-group .btn span.badge svg,
.toast .toast-icon svg,
.btn-square-blue,
.btn-square-blue:hover,
.btn-square-blue:focus,
.btn-square-blue.disabled,
.btn-square-blue:disabled,
.btn-square-blue:active,
.btn-square-blue.active,
.btn-square-blue:first-child:active,
:not(.btn-check)+.btn-square-blue:active,
.btn-square-purple,
.btn-square-purple:hover,
.btn-square-purple:focus,
.btn-square-purple.disabled,
.btn-square-purple:disabled,
.btn-square-purple.active,
.btn-square-purple:first-child:active,
:not(.btn-check)+.btn-square-purple:active,
.btn-square-black,
.btn-square-black:hover,
.btn-square-black:focus,
.btn-square-black.disabled,
.btn-square-black:disabled,
.btn-square-black:active,
.btn-square-black.active,
.btn-square-black:first-child:active,
:not(.btn-check)+.btn-square-black:active,
.btn-square-pink,
.btn-square-pink:hover,
.btn-square-pink:focus,
.btn-square-pink.disabled,
.btn-square-pink:disabled,
.btn-square-pink:active,
.btn-square-pink.active,
.btn-square-pink:first-child:active,
:not(.btn-check)+.btn-square-pink:active,
.btn-square-red,
.btn-square-red:hover,
.btn-square-red:focus,
.btn-square-red.disabled,
.btn-square-red:disabled,
.btn-square-red:active,
.btn-square-red.active,
.btn-square-red:first-child:active,
:not(.btn-check)+.btn-square-red:active,
.btn-square-green,
.btn-square-green:hover,
.btn-square-green:focus,
.btn-square-green.disabled,
.btn-square-green:disabled,
.btn-square-green:active,
.btn-square-green.active,
.btn-square-green:first-child:active,
:not(.btn-check)+.btn-square-green:active,
.btn-square-transparent-white,
.btn-pill-black,
.btn-pill-black:hover,
.btn-pill-black:focus,
.btn-pill-black.disabled,
.btn-pill-black:disabled,
.btn-pill-black:active,
.btn-pill-black.active,
.btn-pill-black:first-child:active,
:not(.btn-check)+.btn-pill-black:active,
.btn-square-orange,
.btn-square-orange:hover,
.btn-square-orange:focus,
.btn-square-orange.disabled,
.btn-square-orange:disabled,
.btn-square-orange:active,
.btn-square-orange.active,
.btn-square-orange:first-child:active,
:not(.btn-check)+.btn-orange:active,
.btn-pill-blue,
.btn-pill-blue:hover,
.btn-pill-blue:focus,
.btn-pill-blue.disabled,
.btn-pill-blue:disabled,
.btn-pill-blue:active,
.btn-pill-blue.active,
.btn-pill-blue:first-child:active,
:not(.btn-check)+.btn-pill-blue:active,
.btn-pill-green,
.btn-pill-green:hover,
.btn-pill-green:focus,
.btn-pill-green.disabled,
.btn-pill-green:disabled,
.btn-pill-green:active,
.btn-pill-green.active,
.btn-pill-green:first-child:active,
:not(.btn-check)+.btn-pill-green:active,
.datepicker-cell.focused:not(.selected),
.blue-bg,
.login-section .login-aside-col,
.login-footer p,
.login-footer p a,
.blue-page-content .blue-page-content-holder .blue-page-body,
.blue-page-content .icon-holder,
.error-content .error-content-holder .error-body,
.error-content .icon-holder,
.error-footer>a,
.error-footer p a,
.blue-page-footer>a,
.blue-page-footer p a,
.login-section .login-content h1,
.login-section .login-content p,
.login-section .login-content .form-group label,
.login-section .login-content .form-check label,
.login-section .login-header .logo-holder a,
.login-section .login-header .logo-holder a:hover,
.login-section .login-header .logo-holder a:focus,
.login-section .logo-item a,
.login-fields .login-icon .icon-holder,
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination svg,
.datepicker-cell.selected,
.datepicker-cell.selected:hover,
.datepicker-cell.selected:focus,
.highlight.green,
.highlight.red,
.highlight.black,
.highlight.orange,
.highlight.pink,
.highlight.purple,
.top-sticker.green,
.aside-timeline .timeline-item.success .highlight,
.top-sticker.red,
.top-sticker.blue,
.top-sticker.violet,
.newsletter .section-holder,
.aside-timeline .timeline-item .item-icon,
.item-collapse .item-icon,
.custom-modal .modal-body .edit-item .item-icon,
.form-item .item-icon,
label.btn-browse,
label.btn-browse:hover,
label.btn-browse:focus,
.movable-box .drag-handle,
.movable-box .movable-box-options .btn,
.document-modal .document-actions .btn-action.green,
.btn-action.green,
.btn-action.purple,
.btn-action.orange,
.btn-action.pink,
.info-box.info .info-icon,
.info-box.danger .info-icon,
.top-header .col-logo .logo-letters,
.header .col-logo .logo-letters,
.select-bar,
.select-bar:hover,
.select-bar:focus,
.select-bar:active,
:not(.btn-check)+.select-bar.btn:active,
.select-bar.btn:focus-visible,
.calendar-day .selection .controls .btn-control,
.aside-box.updated-box .media-image,
.top-header .property-option .btn,
.top-header .property-option .btn .media-subtitle,
.top-header .property-option .btn h3,
.login-section .login-content .forgoten-password a,
.login-section .login-content .content-holder h2,
.top-header-container .page-header,
.top-header-container .page-header h1,
.splash-holder .splash-content .progress-total,
.top-header .col-header-options .btn-user.active .media-image,
.form-item.selected .media-image .icon-holder,
mark.purple,
mark.green,
mark.black,
.chat-bot .chat-bot-header,
.chat-bot .chat-bot-header h5,
.chat-bot .chat-bot-header .btn-close svg,
.btn-circle,
.btn-circle.red,
.btn-circle.red:hover,
.btn-circle.purple,
.btn-circle.purple:hover,
.btn-circle .material-symbols-outlined,
.main-image .main-badge,
.custom-table .table thead th,
.mobile-table td::before,
.top-header .col-header-options .btn-user .media-image,
.offcanvas-notifications .media-image,
.offcanvas-notifications .media-image svg,
.search-col .media-icon,
.search-col .media-icon svg,
.custom-pagination .previous.page,
.custom-pagination .next.page,
.btn.btn-square-purple:disabled,
.btn-media .media-image.purple,
.split-colored,
.split-colored h1,
.split-colored h2,
.split-colored p,
.splide__arrow.purple,
.error-page-holder .error-page-content h1,
.error-page-holder .error-page-content h2,
.error-page-holder .error-page-content p,
.error-page-holder .error-page-content .media .media-image span,
.led-error-holder .led-error-content .global-form .form-group label,
.badge.purple,
.icon-holder.black,
.icon-holder.purple,
.purple-bg h1,
.purple-bg h2,
.purple-bg h3,
.purple-bg p,
.advertise-section .advertise-steps .media .media-icon,
.media.status .media-image svg,
.media.status .media-image span,
.form-data-holder.colored-title .title-holder,
.form-data-holder.colored-title .title-holder h2,
.icon-holder.orange,
.table-scroll.dark-header thead th,
svg.white,
.reservation-details .help-reservation .btn .icon-holder,
.messages-chat .message.message-sent .message-bubble,
.messages-chat .message.message-sent .message-bubble a,
.messages-chat .message .message-content .uploaded-file .media-image,
.messages-chat .message .message-content .web-link .media-image,
.rating-holder .rating-square {
color: #ffffff;
}
/* color #2448D4 */
.aside-holder .aside-nav li .btn-link.new-request,
.aside-holder .aside-nav ul li .btn-link.new-request span:last-child,
.dropdown-custom .dropdown-content .dropdown-item.new-request span,
.form-group .form-info>svg,
svg.blue,
.custom-modal .modal-header-content .modal-info>svg,
.custom-modal .modal-header-content .modal-info .hover-notification span,
.blank-page-holder .blank-page-icon svg,
.dropdown-menu.multilevel-menu-style2 li.dropdown.active:focus>.dropdown-item,
.btn-link.blue {
color: #2448D4;
}
/* font #A0A1A3 */
.text-light,
.choices__placeholder,
.item-quantity .label-holder span {
color: #A0A1A3 !important;
}
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn:disabled,
.form-select:disabled,
.form-control:disabled,
.form-control[readonly],
.login-fields .login-title p,
.login-section .login-fields .button-holder p,
.datepicker-cell.next:not(.disabled),
.datepicker-cell.prev:not(.disabled),
.col-header-options .dropdown-notification .media-body time,
.truncate p,
.truncate span,
.month-view .week-bar .calendar-day .calendar-date span,
.month-view .month-title .year-text,
.popover.custom-popover .item-content .popover-list p,
.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after,
.upload-file-name,
.item-unit .unit-info .info-item span,
.noUi-pips,
.input-range__label,
.collapse-col.gallery .item-header .unit-info .info-item>span,
.form-section-title p,
.reservation-details .icon-item .media .media-icon span {
color: #A0A1A3;
}
.datepicker-cell.disabled {
color: #A0A1A3;
cursor: not-allowed;
}
/* color: #acacac */
.benefit-item .media-image svg {
color: #acacac;
}
del,
.product-item .item-price,
.search-col .media-body .item-price,
.search-col .media-body .results-subtitle,
.latest-news .col .content-holder p,
.offcanvas-cart .cart-item-description ul li,
.offcanvas-cart .cart-item-footer .cart-item-price,
.host-section .splide-container .testimonial-info {
color: #A0A1A3;
}
/* font #68B984 */
.text-green,
.svg-green,
ul.green li::before {
color: #68B984 !important;
}
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options .btn:first-child {
color: #C8CACC;
}
/* social colors */
a.twitter svg,
.top-header ul li a.twitter:hover svg {
color: #55acee;
}
a.linkedin svg,
.top-header ul li a.linkedin:hover svg {
color: #0e76a8;
}
a.youtube svg,
.top-header ul li a.youtube:hover svg {
color: #b31217;
}
.top-header ul li a:hover,
.footer ul li a:hover {
opacity: 1;
}
/* font #FDCA40 */
.top-header .col-header-options .btn-help .media-image svg,
.splash-holder .splash-content p,
.text-yellow,
svg.yellow,
.led-error-holder .led-error-content a,
.led-error-holder .led-error-content a:hover,
.led-error-holder .led-error-content a:focus,
.error-page-holder .error-page-content p a,
.error-page-holder .error-page-content p a:hover,
.error-page-holder .error-page-content p a:focus {
color: #FDCA40;
}
/* font #ee303c */
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label,
.form-floating>.form-control.is-invalid:not(:placeholder-shown)~label,
label.is-invalid,
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label,
.text-red,
.svg-red,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options .btn:first-child:hover,
.header .col-header-center .header-center-holder nav>ul li .btn-nav.discounts,
.product-item .item-price.discount span,
.search-col .media-body .item-price.discount span,
.offcanvas-categories .link-item.discounts a,
.offcanvas-cart .cart-item-description ul li.discount,
.offcanvas-cart .cart-item-footer .cart-item-price.discount,
.offcanvas-cart .total-price-holder .total-item.savings,
.btn-information.warning,
.invalid-feedback,
.dropzone-col .item-warning svg,
.dropzone-col .item-warning span,
.info-box .info-content ul.orange li::before,
.collapse-col.gallery .item-header .unit-info .info-item.error span {
color: #FE6227 !important;
}
svg.purple,
.btn-link.purple,
.popover.custom-popover .item-content .popover-list a,
.text-purple,
.text-purple:hover,
.text-purple:focus,
.text-purple.disabled,
.text-purple:disabled,
.text-purple:active,
.text-purple.active,
.text-purple:first-child:active,
:not(.btn-check)+.text-purple:active,
.table-holder .controls-container .control:hover,
.nav-underline.text-purple .nav-link,
.nav-underline.text-purple .nav-link.active,
.nav-underline.text-purple .show>.nav-link,
.split-screen .content-holder .promo-text a,
.split-screen .content-holder .promo-text a:hover,
.split-screen .content-holder .promo-text a:focus,
.link-underline-purple,
.input-options .char-count strong,
.aside-box.price-plan-box .price-plan .media-image .media-icon,
.aside-box:hover .aside-box-title h2,
.aside-box .form-group:hover h3,
.accordion-item:hover .accordion-button,
.collapse-col .item-collapse:hover .item-content h2,
.collapse-col .item-collapse:hover .item-header .media-body h3,
.collapse-col .item-collapse:hover .item-content svg,
.offcanvas-profile-mobile .nav-aside ul li a:hover span,
.offcanvas-profile-mobile .nav-aside ul li.active a span,
.profile-aside .nav-aside ul li a:hover span,
.profile-aside .nav-aside ul li.active a span,
.dropdown-item.active,
.header-center-holder nav .dropdown-custom.dropdown-menu .dropdown-item.active,
.header .col-header-center .header-center-holder nav>ul li .btn-nav.active,
.custom-accordion .accordion-button.active,
.custom-accordion .accordion-body ul.mobile-menu li .menu-item.active,
.search-col .vertical-menu li a.active,
.search-col .vertical-menu-mobile li a.active,
.search-col .vertical-menu li a:hover,
.reservation-details .payment-info .item-link:hover+span,
.reservation-details .payment-info .item-link:hover+span+span,
.reservation-details .payment-info .item-link:hover+span+span+svg,
.chat-aside .contact-item:hover .contact-name,
.chat-aside .contact-item.active .contact-name,
.user-header .user-data .user-data-item a,
.property-header .property-data .property-data-item a,
.dropzone-item .item-icon {
color: #5F23D3;
}
.text-pink,
.text-pink:hover,
.text-pink:focus {
color: #C323BA;
}
.text-orange,
.text-orange:hover,
.text-orange:focus,
.is-invalid~.input-options .char-count strong,
.dropdown-custom .dropdown-item.logout {
color: #FE6227;
}
.text-green {
color: #24D440;
}
/* border 1px #C323BA */
:not(.btn-check)+.btn-square-pink:active {
border: 1px solid #C323BA;
}
.main-image .dropzone-item {
border-color: #b83488;
}
/* border 2px #FE6227 */
.active-border.orange {
border: 2px solid #FE6227;
}
.active-border.green {
border: 2px solid #24D440;
}
.active-border.magenta {
border: 2px solid #C323BA;
}
.search-box .form-control,
.search-box .input-group .form-control:focus,
.form-control:hover,
.form-select:hover,
.form-check:hover .form-check-input,
.form-check .form-check-input:focus,
.form-check .form-check-input:checked {
border-color: #5F23D3;
}
.modal-card.rules-overview .form-data-holder {
border: 1px solid #5F23D3;
}
.main-image .dropzone-item {
border-color: #FDCA40;
}
.btn-pill-outline-yellow,
.btn-pill-outline-yellow:hover,
.btn-pill-outline-yellow:focus,
.btn-pill-outline-yellow.disabled,
.btn-pill-outline-yellow:disabled,
.btn-pill-outline-yellow:active,
.btn-pill-outline-yellow.active,
.btn-pill-outline-yellow:first-child:active,
:not(.btn-check)+.btn-pill-outline-yellow:active {
border: 1px solid #FDCA40;
}
.slider-styled .noUi-handle,
.input-range__slider {
border: 4px solid #FDCA40;
}
.host-section.map-section .slider-styled .noUi-handle {
border: 8px solid #FDCA40;
}
/* background image section title */
.section-title h2 span {
background-image: linear-gradient(#FDCA40, #FDCA40);
}
.product-item .item-colors .color-option {
border: 2px solid transparent;
}
.product-item .item-colors .color-option.active,
.product-item .item-colors .color-option:hover {
border: 2px solid #191E39;
}
/* border-right 1px #C8CACC */
.aside-col.timeline-col .aside-col-holder,
.property-header .property-data .property-data-item:not(:last-child),
.user-header .user-data .user-data-item:not(:last-child),
.guest-header .guest-data .guest-data-item:not(:last-child),
.reservation-header .reservation-data .reservation-data-item:not(:last-child) {
border-right: 1px solid #C8CACC;
}
.custom-table .table caption {
border-right: 1px solid #C8CACC;
border-left: 1px solid #C8CACC;
border-bottom: 1px solid #C8CACC;
}
.custom-table .table {
--bs-table-border-color: #C8CACC;
}
.footer .benefits-wrapper,
.offcanvas-cart .cart-item:not(:last-child),
.toolbar-section,
.calendar-toolbar,
.chat-bot .chat-bot-header,
.chat-bot .chat-bot-body,
.faq-item:last-child,
.form-data-holder .title-holder.border-bottom,
.status-group-title,
.reservation-details,
.reservation-details .payment-info .icon-item .media .media-body ul li.collapse-content .collapse-holder,
.messages-chat .messages-chat-header,
.calendar-top-toolbar,
.reservation-details .collapse-col {
border-bottom: 1px solid #C8CACC;
}
.desktop-table .col-total-reservation-price .col-content p:not(:last-child) {
border-bottom: 1px dashed #C8CACC;
}
.mobile-table td:not(:last-child),
.testimonial-item .media {
border-bottom: 1px solid #C8CACC !important;
}
.autocomplete {
border-top: 0.5rem solid #5F23D3;
border-left: 1px solid #5F23D3;
border-right: 1px solid #5F23D3;
border-bottom: 1px solid #5F23D3;
}
.mobile-property-holder .property-option .media-image,
.chat-aside .contact-item:hover .contact-item-content .media-image,
.chat-aside .contact-item.active .contact-item-content .media-image {
outline: 1px solid #5F23D3;
}
.host-section .nav-underline .nav-link {
border-bottom-width: 1px;
}
.top-header .autocomplete {
border-top: 0.5rem solid #191E39;
border-left: 1px solid #191E39;
border-right: 1px solid #191E39;
border-bottom: 1px solid #191E39;
}
.top-header .search-box .form-control {
border: 1px solid #191E39;
}
.autocomplete[style="display: block;"]~#autocompleteInput {
border-bottom: 0;
}
/* border 1px #C8CACC */
.form-control,
.form-control:disabled,
.form-control[readonly],
.form-select,
.categories-menu-holder .submenu,
.categories-menu-holder .sub-submenu,
.aside-box,
.image-preview,
.check-holder,
.upload-list,
.mob-data-card,
.footer .payment-cards .payment-item,
.month-view .week-bar .calendar-day,
.choices__inner,
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded],
.form-item,
.form-item:focus,
.form-item:focus-visible,
.item-facility,
.item-unit,
.dropzone-item,
.mobile-table tr,
.btn-square-white.btn-border,
.btn-square-white.btn-border:hover,
.btn-square-white.btn-border:focus,
.btn-square-white.btn-border.disabled,
.btn-square-white.btn-border:disabled,
.btn-square-white.btn-border:active,
.btn-square-white.btn-border.active,
.btn-square-white.btn-border:first-child:active,
:not(.btn-check)+.btn-square-white.btn-border:active,
.react-international-phone-country-selector-button,
.react-international-phone-input-container .react-international-phone-input,
.chat-aside .contact-item .contact-item-content .media-image-user {
border: 1px solid #C8CACC;
}
.chat-section .page-holder.messages-chat {
border-top: 1px solid #C8CACC;
border-right: 1px solid #C8CACC;
border-bottom: 1px solid #C8CACC;
}
.dropzone-col.sortable-ghost.main-image .dropzone-item,
.dropzone-col.sortable-chosen.main-image .dropzone-item,
.dropzone-col.sortable-ghost .dropzone-item,
.dropzone-col.sortable-chosen .dropzone-item,
.aside-box:hover,
.choices:not(.is-open):hover .choices__inner {
border-color: #5F23D3;
}
.slider-field .slider-info .item-holder span {
background-color: #FDCA40;
}
.sortable-ghost,
.sortable-chosen {
opacity: 1 !important;
}
.dropzone-holder,
.empty-placeholder {
border: 1px dashed #C8CACC;
}
.host-join-us .user-item .badge,
.advertise-section .advertise-steps .media .media-icon {
border: 1px solid #ffffff;
}
.form-item.selected,
.form-item:hover,
.form-item:first-child:active {
border: 1px solid #24D440;
}
.custom-accordion .accordion-item.timeline-item,
.custom-accordion .accordion-item.timeline-item:last-of-type,
.top-header .col-header-options .btn-user.active .media-image,
.top-header .col-header-options .btn-user .media-image,
.collapse-col {
border: 1px solid #ffffff;
}
.top-header .property-option .media-image {
outline: 1px solid rgba(255, 255, 255, 1);
}
/* border-color #C8CACC */
.choices__inner:focus,
.is-focused .choices__inner,
.is-open .choices__inner,
.choices[data-type*="select-one"] .choices__input,
.chat-aside .aside-box:hover {
border-color: #C8CACC;
}
.form-control:focus,
.form-select:focus,
.item-facility:hover,
.item-unit:hover,
.dropzone-holder:hover {
border-color: #5F23D3;
}
/* border-bottom #C8CACC */
.custom-accordion .accordion-item,
.desktop-table th,
.desktop-table td,
.col-header-options .dropdown-cart .cart-item:not(:last-child),
.horizontal-menu-container>h3,
.search-col>h3,
.search-col .media:not(:last-child),
.offcanvas-properties .media:not(:last-child),
.document-modal .modal-header,
.search-item-holder .item-header,
.search-item-holder .item-content,
.location-status-holder .item-content,
.data-card .data-header-col,
.data-card .data-col,
.data-location .data-header-col,
.data-location .data-col,
.aside-holder .aside-title,
.offcanvas-notifications .media:not(:last-child),
.item-extras .item-quantity,
.offcanvas-profile-mobile .nav-aside ul li:not(:last-child),
.profile-aside .nav-aside ul li:not(:last-child),
.chat-aside .contact-header,
.chat-aside .contact-item:not(:last-child),
.chat-aside .contact-item:not(:last-child) .swipe-options .option-holder {
border-bottom: 1px solid #C8CACC;
}
.header,
.header-center-holder nav .dropdown-custom.dropdown-menu:not(.dropdown-megamenu) {
border-bottom: 0 none;
-webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
}
.dropdown-custom.dropdown-menu.dropdown-megamenu,
.reservation-details .payment-info .icon-item .media .media-body ul li.total {
border-top: 1px solid #C8CACC;
border-bottom: 1px solid #C8CACC;
}
.dropdown-custom.dropdown-menu.dropdown-megamenu .col-mega:first-child .content-holder {
border-right: 1px solid #C8CACC;
}
/* border-top #C8CACC */
.dropdown-divider,
.offcanvas-divider,
.developed-by,
.offcanvas-cart .total-price-holder .total-item.total-price,
.month-view-top-bar,
.faq-item,
.host-section.about-section .items-holder,
.host-section .splide-container,
.modal-price-section:not(:first-child) {
border-top: 1px solid #C8CACC;
}
/* border-right #C8CACC */
.desktop-table .table-header th:not(:last-child),
.desktop-table .table-content th,
.desktop-table .table-content td:not(:last-child),
.search-col:first-child .search-content,
.location-status-holder .item-content .content-col:first-child,
.data-card .data-header-col:not(:last-child),
.data-card .data-col:not(:last-child),
.data-location .data-header-col:not(:last-child),
.data-location .data-col:not(:last-child),
.desktop-table .col-guest .col-content ul li:not(:last-child),
.reservation-details .icon-item .media-body ul li:not(:last-child) {
border-right: 1px solid #C8CACC;
}
.desktop-table .table-header th:last-child,
.desktop-table .table-content td:last-child {
border-left: 1px solid #C8CACC;
}
.dark-header .desktop-table .table-header th:first-child,
.dark-header .desktop-table .table-header th:not(:last-child) {
border-right: 1px solid #5F23D3;
}
.dark-header .desktop-table .table-header th:last-child {
border-left: 1px solid #5F23D3;
}
.search-item-holder .item-content .content-col:nth-child(2) {
border-left: 1px solid #C8CACC;
border-right: 1px solid #C8CACC;
}
.document-modal .documents-list .documents-col-holder .documents-holder {
border-left: 1px solid #C8CACC;
}
/* border-color #C8CACC */
.form-check .form-check-input {
border-color: #C8CACC;
}
/* Outline */
.item-unit .item-header .media-image,
.offcanvas-properties .media .media-image,
.custom-modal .modal-body .item-header .media-image,
.search-col .media-image,
.collapse-col.gallery .item-header .media-image,
.custom-accordion .accordion-button .media-image,
.media.status.unit .media-image,
.property-header .media-image,
.user-header .media-image,
.guest-header .media-image,
.reservation-header .media-image,
.chat-aside .contact-item .contact-item-content .media-image,
.messages-chat .messages-chat-header .media-image,
.messages-chat .message .message-image-holder,
.testimonial-item .media .media-image {
outline: 1px solid #C8CACC;
}
.offcanvas-properties .media.active .media-image {
outline: 1px solid #5F23D3;
}
.form-check.form-switch .form-check-input,
.form-check.form-switch:hover .form-check-input,
.form-check.form-switch .form-check-input:focus {
border-color: transparent;
}
.form-check.form-switch .form-check-input:checked {
border-color: #24D440;
}
.field-title h2 {
border-bottom: 1px solid #C8CACC;
}
.document-modal .documents-list .documents-col-holder .documents-holder .document-page-item:hover {
border: 2px solid #C8CACC;
text-decoration: none;
}
/* border 1px #000000 */
.top-sticker.white,
.icon-scroll,
.offcanvas-cart .cart-item-footer .cart-item-quantity .form-group .input-group .btn,
.active-filters-content .btn .icon-holder {
border: 1px solid #000000;
}
.offcanvas-header .btn-close {
border: 1px solid transparent;
}
/* border #2448D4 */
.btn-square-outline-blue,
.btn-square-outline-blue:hover,
.btn-square-outline-blue:focus {
border: 1px solid #2448D4;
}
.document-modal .documents-list .documents-col-holder .documents-holder .document-page-item.active {
border: 2px solid #2448D4;
}
.calendar-day .selection.b-top {
border-top-color: #5F23D3;
}
.calendar-day .selection.b-right {
border-right-color: #5F23D3;
}
.calendar-day .selection.b-bottom {
border-bottom-color: #5F23D3;
}
.calendar-day .selection.b-left {
border-left-color: #5F23D3;
}
.calendar-day .selection.closed.b-top {
border-top-color: #001D4A;
}
.calendar-day .selection.closed.b-right {
border-right-color: #001D4A;
}
.calendar-day .selection.closed.b-bottom {
border-bottom-color: #001D4A;
}
.calendar-day .selection.closed.b-left {
border-left-color: #001D4A;
}
.calendar-day .selection.magenta.b-top {
border-top-color: #C323BA;
}
.calendar-day .selection.magenta.b-right {
border-right-color: #C323BA;
}
.calendar-day .selection.magenta.b-bottom {
border-bottom-color: #C323BA;
}
.calendar-day .selection.magenta.b-left {
border-left-color: #C323BA;
}
.calendar-day .selection.yellow.b-top {
border-top-color: #FDCA40;
}
.calendar-day .selection.yellow.b-right {
border-right-color: #FDCA40;
}
.calendar-day .selection.yellow.b-bottom {
border-bottom-color: #FDCA40;
}
.calendar-day .selection.yellow.b-left {
border-left-color: #FDCA40;
}
.calendar-day .selection.orange.b-top {
border-top-color: #FE6227;
}
.calendar-day .selection.orange.b-right {
border-right-color: #FE6227;
}
.calendar-day .selection.orange.b-bottom {
border-bottom-color: #FE6227;
}
.calendar-day .selection.orange.b-left {
border-left-color: #FE6227;
}
.calendar-day .selection.green.b-top {
border-top-color: #24D440;
}
.calendar-day .selection.green.b-right {
border-right-color: #24D440;
}
.calendar-day .selection.green.b-bottom {
border-bottom-color: #24D440;
}
.calendar-day .selection.green.b-left {
border-left-color: #24D440;
}
/* border-color #ee303c */
.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-select.is-invalid,
.was-validated .form-select:invalid,
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus,
.form-stacked .form-floating .form-control.is-invalid,
.form-stacked .form-floating:first-of-type .form-control.is-invalid,
.item-facility.is-invalid,
.item-collapse.is-invalid {
border-color: #FE6227;
}
/* popover-arrow border-color #2448D4 */
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
border-right-color: #2448D4;
left: 1px;
}
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
border-left-color: #2448D4;
right: 1px;
}
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
border-top-color: #2448D4;
bottom: 1px;
}
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
border-bottom-color: #2448D4;
top: 1px;
}
/* popover-arrow border-color #5F23D3 */
.purple-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.purple-arrow.bs-popover-end>.popover-arrow::before,
.purple-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.purple-arrow.bs-popover-end>.popover-arrow::after,
.user-info-popover.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.user-info-popover.bs-popover-end>.popover-arrow::before,
.user-info-popover.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.user-info-popover.bs-popover-end>.popover-arrow::after {
border-right-color: #5F23D3;
left: 1px;
}
.purple-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.purple-arrow.bs-popover-start>.popover-arrow::before,
.purple-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.purple-arrow.bs-popover-start>.popover-arrow::after,
.user-info-popover.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.user-info-popover.bs-popover-start>.popover-arrow::before,
.user-info-popover.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.user-info-popover.bs-popover-start>.popover-arrow::after {
border-left-color: #5F23D3;
right: 1px;
}
.purple-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.purple-arrow.bs-popover-top>.popover-arrow::before,
.purple-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.purple-arrow.bs-popover-top>.popover-arrow::after,
.user-info-popover.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.user-info-popover.bs-popover-top>.popover-arrow::before,
.user-info-popover.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.user-info-popover.bs-popover-top>.popover-arrow::after {
border-top-color: #5F23D3;
bottom: 1px;
}
.purple-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.purple-arrow.bs-popover-bottom>.popover-arrow::before,
.purple-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.purple-arrow.bs-popover-bottom>.popover-arrow::after,
.user-info-popover.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.user-info-popover.bs-popover-bottom>.popover-arrow::before,
.user-info-popover.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.user-info-popover.bs-popover-bottom>.popover-arrow::after {
border-bottom-color: #5F23D3;
top: 1px;
}
/* popover-arrow border-color #24D440 */
.green-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.green-arrow.bs-popover-end>.popover-arrow::before,
.green-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.green-arrow.bs-popover-end>.popover-arrow::after {
border-right-color: #24D440;
left: 1px;
}
.green-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.green-arrow.bs-popover-start>.popover-arrow::before,
.green-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.green-arrow.bs-popover-start>.popover-arrow::after {
border-left-color: #24D440;
right: 1px;
}
.green-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.green-arrow.bs-popover-top>.popover-arrow::before,
.green-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.green-arrow.bs-popover-top>.popover-arrow::after {
border-top-color: #24D440;
bottom: 1px;
}
.green-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.green-arrow.bs-popover-bottom>.popover-arrow::before,
.green-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.green-arrow.bs-popover-bottom>.popover-arrow::after {
border-bottom-color: #24D440;
top: 1px;
}
/* popover-arrow magenta arrow */
.magenta-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.magenta-arrow.bs-popover-end>.popover-arrow::before,
.magenta-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.magenta-arrow.bs-popover-end>.popover-arrow::after {
border-right-color: #C323BA;
left: 1px;
}
.magenta-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.magenta-arrow.bs-popover-start>.popover-arrow::before,
.magenta-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.magenta-arrow.bs-popover-start>.popover-arrow::after {
border-left-color: #C323BA;
right: 1px;
}
.magenta-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.magenta-arrow.bs-popover-top>.popover-arrow::before,
.magenta-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.magenta-arrow.bs-popover-top>.popover-arrow::after {
border-top-color: #C323BA;
bottom: 1px;
}
.magenta-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.magenta-arrow.bs-popover-bottom>.popover-arrow::before,
.magenta-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.magenta-arrow.bs-popover-bottom>.popover-arrow::after {
border-bottom-color: #C323BA;
top: 1px;
}
/* popover-arrow border-color yellow-arrow */
.yellow-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.yellow-arrow.bs-popover-end>.popover-arrow::before,
.yellow-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.yellow-arrow.bs-popover-end>.popover-arrow::after {
border-right-color: #FDCA40;
left: 1px;
}
.yellow-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.yellow-arrow.bs-popover-start>.popover-arrow::before,
.yellow-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.yellow-arrow.bs-popover-start>.popover-arrow::after {
border-left-color: #FDCA40;
right: 1px;
}
.yellow-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.yellow-arrow.bs-popover-top>.popover-arrow::before,
.yellow-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.yellow-arrow.bs-popover-top>.popover-arrow::after {
border-top-color: #FDCA40;
bottom: 1px;
}
.yellow-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.yellow-arrow.bs-popover-bottom>.popover-arrow::before,
.yellow-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.yellow-arrow.bs-popover-bottom>.popover-arrow::after {
border-bottom-color: #FDCA40;
top: 1px;
}
/* popover-arrow border-color orange-arrow */
.orange-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.orange-arrow.bs-popover-end>.popover-arrow::before,
.orange-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.yorangeellow-arrow.bs-popover-end>.popover-arrow::after {
border-right-color: #FE6227;
left: 1px;
}
.orange-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.orange-arrow.bs-popover-start>.popover-arrow::before,
.orange-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.orange-arrow.bs-popover-start>.popover-arrow::after {
border-left-color: #FE6227;
right: 1px;
}
.orange-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.orange-arrow.bs-popover-top>.popover-arrow::before,
.orange-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.orange-arrow.bs-popover-top>.popover-arrow::after {
border-top-color: #FE6227;
bottom: 1px;
}
.orange-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.orange-arrow.bs-popover-bottom>.popover-arrow::before,
.orange-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.orange-arrow.bs-popover-bottom>.popover-arrow::after {
border-bottom-color: #FE6227;
top: 1px;
}
/* popover-arrow imported-airbnb */
.popover-imported-airbnb.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.popover-imported-airbnb.bs-popover-end>.popover-arrow::before,
.popover-imported-airbnb.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.popover-imported-airbnb.bs-popover-end>.popover-arrow::after {
border-right-color: #FF5A5F;
}
.popover-imported-airbnb.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.popover-imported-airbnb.bs-popover-start>.popover-arrow::before,
.popover-imported-airbnb.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.popover-imported-airbnb.bs-popover-start>.popover-arrow::after {
border-left-color: #FF5A5F;
}
.popover-imported-airbnb.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.popover-imported-airbnb.bs-popover-top>.popover-arrow::before,
.popover-imported-airbnb.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.popover-imported-airbnb.bs-popover-top>.popover-arrow::after {
border-top-color: #FF5A5F;
}
.popover-imported-airbnb.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.popover-imported-airbnb.bs-popover-bottom>.popover-arrow::before,
.popover-imported-airbnb.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.popover-imported-airbnb.bs-popover-bottom>.popover-arrow::after {
border-bottom-color: #FF5A5F;
}
/* popover-arrow imported-booking */
.popover-imported-booking.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.popover-imported-booking.bs-popover-end>.popover-arrow::before,
.popover-imported-booking.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.popover-imported-booking.bs-popover-end>.popover-arrow::after {
border-right-color: #003B95;
}
.popover-imported-booking.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.popover-imported-booking.bs-popover-start>.popover-arrow::before,
.popover-imported-booking.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.popover-imported-booking.bs-popover-start>.popover-arrow::after {
border-left-color: #003B95;
}
.popover-imported-booking.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.popover-imported-booking.bs-popover-top>.popover-arrow::before,
.popover-imported-booking.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.popover-imported-booking.bs-popover-top>.popover-arrow::after {
border-top-color: #003B95;
}
.popover-imported-booking.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.popover-imported-booking.bs-popover-bottom>.popover-arrow::before,
.popover-imported-booking.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.popover-imported-booking.bs-popover-bottom>.popover-arrow::after {
border-bottom-color: #003B95;
}
/* dropdown multilevel menu svg color #000000 */
.dropdown-menu.multilevel-menu li.dropdown>a::after,
.dropdown-menu.multilevel-menu-style2 li.dropdown>a::after {
content: url('data:image/svg+xml,');
}
/* dropdown sort table svg color #2448D4 */
.desktop-table .table-header .col .dropdown-menu .dropdown-item.active::after {
content: url('data:image/svg+xml,');
}
/* Breadcrumb before svg color #000000 */
.breadcrumb-item+.breadcrumb-item::before {
content: url('data:image/svg+xml,');
}
/* form-control svg color #FE6227 */
.form-control.is-invalid,
.was-validated .form-control:invalid {
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='%23FE6227'%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='%23FE6227' stroke='none'/%3e%3c/svg%3e");
}
/* form-select svg color #000000 */
.form-select {
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='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
/* form-select svg color #FE6227 */
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
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='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 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='%23FE6227'%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='%23FE6227' stroke='none'/%3e%3c/svg%3e");
}
/* form-select:disabled svg color #A0A1A3 */
.form-select:disabled {
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='%23A0A1A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
cursor: not-allowed;
}
/* .form-check .form-check-input:checked radio and checkbox color #5F23D3 */
.form-check .form-check-input:checked[type="checkbox"],
.form-check .form-check-input:checked[type="radio"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%235F23D3' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:active {
filter: brightness(100%);
}
/* .form-switch */
.form-check.form-switch .form-check-input {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.75' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-check.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.75' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-check.form-switch .form-check-input:checked {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.75' fill='%23ffffff'/%3e%3c/svg%3e");
background-position: right center;
}
/* choices single chevron */
.choices[data-type*="select-one"]::after {
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='%23334659' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.choices[data-type*="select-multiple"]::after {
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='%23334659' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="select-one"] .choices__button,
.choices[data-type*="text"] .choices__button {
background-image: url('data:image/svg+xml,');
}
@media (max-width: 1199px) {
.mobile-table td {
background: rgb(95, 35, 211);
background: linear-gradient(90deg, rgba(95, 35, 211, 1) 50%, rgba(255, 255, 255, 1) 50%);
}
}
@media (max-width: 991px) {
.login-section .logo-item a {
color: #000000;
}
.top-header .col-featured ul li:last-child a {
color: #FDCA40;
}
}
/*********************/
/* Dark color scheme */
/*********************/
@media (prefers-color-scheme: dark) {
/* Dark color scheme here ... */
}
/*********************/
/**** Media query ****/
/*********************/
@media (min-width: 1200px) and (max-width: 1299px) {
/* .form-check .form-check-input,
.custom-accordion .form-check .form-check-input,
.accordion-footer .form-check .form-check-input {
width: 1.25em;
height: 1.25em;
} */
.login-section.host-register .form-check .form-check-input {
width: 1.75em;
height: 1.75em;
}
.accordion-item .form-check label {
font-size: 0.75rem;
}
.accordion-item .form-check.form-switch .form-check-label {
font-size: 0.875rem;
}
}
@media (min-width: 1200px) {
.filters-mobile-button {
display: none;
}
}
@media (min-width: 992px) {
.mobile-property-option,
.top-header .logo-mobile,
.header .logo-mobile,
.form-group .toggle,
.form-group .toggle-content,
.section-toolbar .progress-holder,
.top-header ul li a .mobile-icon,
.col-categories.mobile,
.top-header .col-featured ul.featured-mobile,
.col-header-options .search-mobile-option,
.main-slider-holder .splide.mobile-slider {
display: none;
}
.main-slider-holder .splide__slide {
height: 31.25rem;
background-repeat: no-repeat;
background-size: cover;
background-position: top left;
}
.main-slider-holder .splide .splide__arrows {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 1rem;
left: 1rem;
}
.main-slider-holder .splide .splide__arrows .splide__arrow {
position: relative;
top: unset;
left: unset;
right: unset;
transform: none;
}
.main-slider-holder .splide .splide__arrows .splide__arrow:not(:first-of-type) {
margin-left: 0.5rem;
}
.featured-categories .section-holder .splide__arrow--prev {
left: 0;
transform: translate(-50%, -50%);
}
.featured-categories .section-holder .splide__arrow--next {
right: 0;
transform: translate(50%, -50%);
}
.col-mobile-total-pages {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.top-header .property-option .btn {
max-width: 18.75rem;
}
.bottom-save-holder .row {
width: auto;
min-width: 100%;
}
.bottom-save-holder .bottom-holder {
padding: 0 0.75rem 0 0.75rem;
}
.bottom-save-holder .col-auto {
display: none;
}
.latest-news .col .content-holder h3 {
font-size: 1.5rem;
}
.footer .benefit-item h3 {
font-size: 1.25rem;
}
.footer .benefit-item p {
font-size: 1rem;
}
.footer .payment-cards .payment-item:not(:last-child) {
margin-right: 0.5rem;
}
.main-banner .content-holder p {
font-size: 1rem;
}
.login-section .aside-content-holder {
padding: 2rem;
}
.login-section .aside-content-holder .aside-body p {
font-size: 1rem;
}
.login-section .logo-item a,
.login-section .logo-item .hover-notification span {
font-size: 0.875rem;
}
.search-col:first-child {
width: 40%;
padding-left: 0;
}
.custom-modal.faq .search-col:first-child {
width: 15rem;
}
.aside-col,
.aside-col-holder {
width: 18rem;
}
.chat-section .aside-col {
width: 24rem;
}
}
@media (min-width: 768px) {
.offcanvas-md .offcanvas-body {
padding: 0 1.5rem 1rem 1.5rem;
}
.messages-custom-settings {
overflow: hidden;
}
}
/* max-width */
@media (max-width: 1599px) {
.error-page-holder>img {
bottom: -10.5rem;
width: 35rem;
}
}
@media (max-width: 1399px) {
.error-page-holder>img {
bottom: -9rem;
width: 30rem;
}
.login-section .login-content h1 {
font-size: 1.875rem;
}
.login-section .login-content p {
font-size: 1.25rem;
}
}
@media (max-width: 1299px) {
.error-page-holder>img {
bottom: -9rem;
width: 30rem;
}
.login-section .login-content .content-holder .content-item h1,
.main-banner .content-holder h1,
.page-section.splide-full-width h2,
.splide-products .title h2,
.latest-news h2 {
font-size: 2rem;
}
.login-section.host-register .login-content .content-holder .content-item p {
font-size: 1rem;
}
.login-section .login-content .button-holder .form-check label {
font-size: 0.875rem;
}
}
@media (max-width: 1199px) {
.split-screen .split-large-image .image-holder img {
max-height: calc(100vh - 9rem);
}
.error-page-holder .error-page-content .media .media-image span {
font-size: 10rem;
}
.error-page-holder .error-page-content h1 {
font-size: 4rem;
}
.error-page-holder .error-page-content h2 {
font-size: 1.625rem;
}
.error-page-holder .error-page-content p {
font-size: 0.875rem;
}
.split-screen .content-holder {
padding: 4.5rem 1.25rem;
}
.visibility-xl {
visibility: hidden;
opacity: 0;
}
.login-section .login-content .logo-holder {
padding: 1.5rem 0;
}
.login-section .login-content .logo-holder .logo {
width: 26.25rem;
}
.login-section.landing-section .global-form .form-group .form-field {
padding-right: 0;
}
.search-item-holder .item-content .content-col:nth-child(2),
.location-status-holder .item-content .content-col:first-child {
border: 0 none;
}
.custom-table .table thead th {
min-width: 12.25rem;
}
/* Mobile Table */
/* Force table to not be like table anymore */
.mobile-table table {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.mobile-table thead,
.mobile-table th,
.mobile-table td,
.mobile-table tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.mobile-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.mobile-table thead,
.mobile-table tbody,
.mobile-table tr {
width: 100%;
-webkit-border-top-left-radius: 0.625rem;
-webkit-border-top-right-radius: 0.625rem;
-moz-border-radius-topleft: 0.625rem;
-moz-border-radius-topright: 0.625rem;
border-top-left-radius: 0.625rem;
border-top-right-radius: 0.625rem;
}
.mobile-table tr {
width: 100%;
}
.mobile-table td {
/* Behave like a "row" */
border: none;
position: relative;
white-space: normal;
text-align: left;
}
.mobile-table td::before {
/* Now like a table header */
position: relative;
display: inline-flex;
vertical-align: middle;
/* Top/left values mimic padding */
width: 50%;
padding-right: 0.625rem;
white-space: normal;
text-align: left;
font-weight: 600;
}
/* Label the data */
.mobile-table td::before {
content: attr(data-title);
}
.mobile-table td:first-child {
-webkit-border-top-left-radius: 0.625rem;
-webkit-border-top-right-radius: 0.625rem;
-moz-border-radius-topleft: 0.625rem;
-moz-border-radius-topright: 0.625rem;
border-top-left-radius: 0.625rem;
border-top-right-radius: 0.625rem;
}
.mobile-table td strong,
.mobile-table td span {
display: inline-flex;
justify-content: flex-end;
width: 50%;
}
.image-box .content-holder h1 {
font-size: 2.5rem;
}
.host-join-us .user-image {
width: 4rem;
height: 4rem;
}
.host-join-us .user-item:first-child .user-image {
width: 7rem;
height: 7rem;
}
.image-box .host-image .floating-buttons .btn:first-child {
right: 5%;
}
.image-box .host-image .floating-buttons .btn:nth-child(2) {
left: 5%;
}
.image-box .host-image .floating-buttons .btn:last-child {
right: 0;
}
.image-box .content-holder h2,
.host-section.about-section h2 {
font-size: 1.875rem;
}
.host-section.map-section .slider-field .slider-total p:first-child {
font-size: 1.625rem;
}
.host-section.stats-section .stat-figure {
font-size: 2rem;
}
.section-toolbar {
display: block;
width: 100%;
margin-top: 2rem;
}
.page-holder .page-header {
flex-wrap: wrap;
}
.filters-mobile-button {
width: 100%;
margin-bottom: 1.25rem;
}
.main-container.has-bottom-save {
padding-bottom: 3rem;
}
.bottom-save-options {
display: none;
}
}
@media (max-width: 991px) {
.calendar-holder {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.calendar-day .day-availability,
.calendar-day .selection .controls {
display: none;
}
.calendar-col {
padding: 0 0.5rem;
}
.col-calendar-top-toolbar,
.calendar-header {
padding: 0;
}
.month-col {
padding: 0 0.5rem;
}
.col-calendar-top-toolbar .calendar-options-holder {
flex-wrap: wrap;
padding: 0 0.75rem 2rem 0.75rem;
}
.calendar-top-toolbar .calendar-toolbar-choices {
margin-right: 0;
}
.calendar-top-toolbar .calendar-toolbar-options {
margin-top: 1rem;
width: 100%;
}
.calendar-top-toolbar .calendar-toolbar-item {
width: 50%;
}
.calendar-options-holder {
padding: 0.75rem;
}
.month-view-top-bar {
padding: 0.5rem 0.875rem;
}
.month-view {
padding: 1.5rem 0 1.5rem 0.375rem;
}
.month-view-top-bar .day-of-the-week {
padding: 0;
text-align: center;
}
.calendar-toolbar .calendar-toolbar-options {
display: none;
}
.select-bar {
top: 50%;
height: 1rem;
padding: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.month-view-top-bar .day-of-the-week span:first-child {
display: none;
}
.month-view-top-bar .day-of-the-week span:last-child {
display: block;
font-size: 0.75rem;
}
.month-view .week-bar .calendar-day .calendar-date {
left: 0;
right: 0;
font-size: 0.75rem;
text-align: center;
}
.month-view .week-bar .calendar-day .btn-price {
left: 0;
right: 0;
font-size: 0.65rem;
text-align: center;
}
.select-bar .select-bar-text {
font-size: 0.75rem;
}
.modal-card .form-group.stacked-mob {
margin-bottom: 1.875rem;
}
.custom-accordion ul.accordion-data li.title-above-mob {
flex-wrap: wrap;
}
.custom-accordion ul.accordion-data li.title-above-mob span:first-child {
min-width: 100%;
max-width: 100%;
width: 100%;
margin-right: 0;
margin-bottom: 0.313rem;
}
.aside-timeline {
padding: 1rem 0;
}
.custom-modal.faq .search-col .vertical-menu {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
white-space: nowrap;
overflow-x: scroll;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 1.25rem;
}
.custom-modal.faq .search-col .vertical-menu li a {
margin-bottom: 0;
}
.custom-modal.faq .search-col .vertical-menu li:not(:last-child) {
margin-right: 1rem;
}
.custom-modal.faq .search-col:first-child .search-content {
height: auto;
padding: 0;
}
.custom-modal.faq .search-col .search-content {
height: 50vh;
}
.mobile-calendar-toolbar-holder {
position: relative;
z-index: 1011;
margin: 0 -0.25rem 1rem -0.25rem;
}
.mobile-calendar-toolbar-holder .btn-calendar-options {
display: none;
}
.mobile-calendar-toolbar-holder .calendar-toolbar-item {
display: flex;
width: 100%;
}
.mobile-calendar-toolbar-holder .calendar-toolbar-item .choices {
width: 100%;
}
.select-bar .select-bar-text {
padding: 0 0.75rem 0 0.75rem;
}
.bottom-holder {
padding: 0 0;
}
.bottom-save-holder .row {
width: auto;
min-width: 100%;
}
.bottom-save-holder .col-auto {
display: none;
}
.bottom-holder .options-holder .btn {
height: 2.5rem;
padding: 0 1rem;
font-size: 0.875rem;
}
.bottom-save-options .options-holder .btn:not(:last-child) {
margin-right: 0.75rem;
}
.bottom-holder .bottom-save-options {
padding: 1.25rem 0.875rem;
}
.form-title.title-choices .choices {
width: 75%;
}
.error-page-holder .error-page-content .media .media-image {
width: 100%;
margin-right: 0;
margin-bottom: 1.875rem;
}
.error-page-holder .error-page-content .media .media-image span {
font-size: 7rem;
}
.error-page-holder .error-page-content .media .media-body {
width: 100%;
}
.error-page-holder .error-page-content h1 {
font-size: 3rem;
}
.error-page-holder .error-page-content h2 {
font-size: 1.375rem;
}
.error-page-holder .error-page-content p {
font-size: 0.875rem;
}
.top-header ul li a span {
display: none;
}
.top-header .col-info ul li:not(:last-child) {
margin-right: 1.25rem;
}
.top-header ul li:nth-child(3) {
margin-right: 0;
}
.top-header>.container-fluid,
.header>.container-fluid {
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.top-header .col-logo,
.header .col-logo {
width: auto;
}
.col-categories.desktop {
display: none;
}
.col-categories .btn-group .btn span {
display: none;
}
.top-header .logo,
.header .logo {
display: none;
}
.top-header .logo-mobile,
.header .logo-mobile {
display: block;
width: 2.5rem;
}
.top-header .logo svg {
height: 2.5rem;
width: 2.5rem;
}
.top-header .logo img,
.header .logo img {
height: 2.25rem;
}
.header .col-header-center,
.col-header-options .btn-group .btn .media-body span {
display: none;
}
.col-header-options {
flex: 1 0 0%;
justify-content: flex-end;
}
.section.main-banner {
padding: 2.5rem 0;
}
.section.main-banner .content-holder {
margin-bottom: 2.5rem;
}
.image-box .image-holder {
margin-bottom: 2.5rem;
}
.image-box.image-right .content-holder {
margin-bottom: 3rem;
}
.host-section:first-of-type.image-box .image-holder {
margin-bottom: 0;
}
.image-box .host-image {
padding-left: 0;
}
.host-section.map-section .map-holder {
padding-left: 0;
margin-top: 1.875rem;
}
.host-section.map-section .map-holder #map-canvas {
max-width: 100%;
}
.host-section.about-section .items-holder .col:last-child .media-holder {
margin-top: 1.875rem;
justify-content: flex-start;
}
.host-section .splide-container .media {
flex-wrap: wrap;
}
.host-section .splide-container .media-image {
width: 100%;
margin-right: 0;
margin-bottom: 1.875rem;
}
.host-section .splide-container .splide__pagination {
bottom: calc(100% - 2.25rem);
width: 100%;
max-width: 25rem;
}
.host-section.stats-section .logo-on-image img {
position: relative;
top: 0;
max-width: 100%;
margin-bottom: -10rem;
padding-right: 0.5rem;
}
.splide-products .title {
margin-bottom: 2.5rem;
}
.splide-products .col-title::before {
display: none;
}
.feature-categories .splide__slide,
.splide-products .splide__slide {
max-width: 18.75rem;
}
.latest-news .col:not(:last-of-type) {
margin-bottom: 5rem;
}
.footer .benefit-item h3 {
font-size: 1.25rem;
}
.footer .benefit-item p {
font-size: 1rem;
}
.footer .footer-content {
max-width: 28.75rem;
margin: 0;
}
.footer .footer-content:not(.newsletter) {
padding-top: 0;
}
.newsletter .section-holder .col-newsletter,
.newsletter .section-holder .col-newsletter .input-group {
justify-content: center;
}
.newsletter .section-holder .col-newsletter h4 {
margin-bottom: 0.5rem;
}
.newsletter .section-holder .col-newsletter h4,
.newsletter .section-holder .col-newsletter p {
text-align: center;
}
.newsletter .section-holder .col-newsletter:first-child {
margin-bottom: 1.5rem;
}
.newsletter .section-holder .col-newsletter,
.newsletter .section-holder .col-newsletter .input-group .btn {
padding: 0 1rem;
}
.footer .copyright {
text-align: center;
}
.footer .copyright ul {
justify-content: center;
flex-wrap: wrap;
margin-bottom: 2.5rem;
}
.footer .payment-cards {
justify-content: center;
flex-wrap: wrap;
padding-bottom: 1.5rem;
}
.footer .payment-cards .payment-item {
margin: 0 0.25rem;
}
.footer .payment-cards .payment-item:not(:last-child) {
margin-right: 0.25rem;
}
.section-title {
flex-wrap: wrap;
justify-content: center;
}
.section-title h2 {
width: 100%;
text-align: center;
}
.view-all-link {
margin: 15px 0 0 0;
}
.preview-fields {
margin-bottom: 1rem;
}
.footer .footer-content .footer-nav ul {
display: flex;
flex-wrap: wrap;
}
.btn-categories .icon-holder,
.top-header .col-header-options .btn-user .media-image,
.top-header .col-header-options .btn-cart .media-image,
.top-header .col-header-options .btn-language .media-image,
.top-header .col-header-options .btn-notification .media-image,
.top-header .col-header-options .btn-search .media-image,
.header .col-header-options .btn-user .media-image,
.header .col-header-options .btn-cart .media-image,
.header .col-header-options .btn-notification .media-image,
.header .col-header-options .btn-search .media-image {
margin-right: 0;
}
.offcanvas.offcanvas.offcanvas-search .offcanvas-body {
padding: 0;
}
.search-box {
padding: 1rem 1.5rem 1rem 1.5rem;
}
.search-box .input-group .form-control {
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.autocomplete-mobile {
padding-top: 1rem;
}
.search-results-holder {
flex-wrap: wrap;
overflow: unset;
}
.search-col,
.search-col:first-child,
.search-col:last-child {
flex: 0 0 100%;
max-width: 100%;
}
.search-col>h3 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.search-col:first-child .search-content {
border-right: 0 none;
}
.search-col .search-content {
padding: 0 1.5rem 1.5rem 1.5rem;
height: auto;
}
.search-col .vertical-menu-mobile {
padding: 0;
margin: 0;
}
.search-col .vertical-menu-mobile li {
list-style: none;
}
.search-col .vertical-menu-mobile li a {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
font-size: 1rem;
font-weight: 500;
padding: 0.5rem 0;
-webkit-border-radius: 0.375rem;
-moz-border-radius: 0.375rem;
border-radius: 0.375rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.main-slider-holder .slider-button {
right: 0;
left: 0;
text-align: center;
}
.section-holder .splide {
padding: 1rem 4rem 2rem 4rem;
}
.scroll-down-mob {
display: block;
}
.page-container,
.bottom-page-container {
padding: 0;
}
.page-holder {
padding: 0 1rem;
}
.aside-col {
position: fixed;
top: 0;
left: 0;
}
.chat-section .aside-col {
position: relative;
top: unset;
left: unset;
}
.chat-section .aside-col,
.chat-section .aside-col .chat-aside {
width: 20rem;
}
.messages-chat .message .message-content .message-video-holder {
width: 16rem;
}
.messages-chat .message .message-content .uploaded-image-holder {
width: 10rem;
height: 15rem;
}
.aside-col,
.aside-col .dropdown-menu,
.aside-col .custom-accordion .accordion-item {
overscroll-behavior: contain;
}
.aside-col .aside-col-holder {
-webkit-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
visibility: hidden;
}
.toolbar-section-holder {
flex-wrap: wrap;
}
.active-filters-slider {
width: 100%;
}
.toolbar-section {
position: relative;
}
.toolbar-section .toolbar-holder {
flex-basis: 100%;
justify-content: space-between;
margin-top: 0;
margin-left: 0;
}
.toolbar-section .toolbar-holder label {
display: none;
}
.toolbar-section .toolbar-holder .btn-pill-yellow {
padding: 0 1.5rem;
}
.toolbar-section .toolbar-holder>.btn svg {
width: 1.25rem;
height: auto;
margin-right: 0.313rem;
}
.page-holder .page-header .page-header-content .icon-holder {
position: relative;
top: 0;
left: 0;
margin-right: 0.5rem;
}
.aside-col.collapse:not(.show) {
position: fixed;
top: 0;
left: -15rem;
height: 100vh;
margin-right: 0;
margin-left: 0;
}
.aside-col .aside-header {
margin-top: 0.313rem;
}
.custom-pagination-holder .mouse {
display: none;
}
.page-pagination .col-go-to-page .pagination-holder.content-left {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: 6rem;
}
.page-pagination .col-go-to-page .pagination-holder.content-left label {
margin-right: 0;
margin-bottom: 0.313rem;
width: 100%;
}
.page-pagination .col-go-to-page .pagination-holder.content-left .form-control {
width: 100%;
height: 2.125rem;
}
.page-pagination .col-mobile-total-pages {
order: 1;
font-size: 1rem;
padding: 0 0 1.25rem 0;
}
.page-pagination .col-go-to-page {
order: 2;
}
.page-pagination .col-show-items {
display: flex;
order: 3;
}
.page-pagination .col-pagination {
order: 4;
margin-top: 2rem;
}
.page-pagination .col-show-items {
justify-content: flex-end;
}
.page-pagination .col-show-items .pagination-holder.content-right {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
width: 5.5rem;
}
.page-pagination .col-show-items .pagination-holder.content-right .form-select {
width: 5.5rem;
}
.page-pagination .col-show-items .pagination-holder.content-right label {
margin-bottom: 0.313rem;
width: 100%;
}
.page-pagination .col-show-items .pagination-holder.content-right .pagination-total-pages {
display: none;
}
.vacation-form {
padding-right: 2rem;
}
.accordion-filter {
padding: 0 0.75rem;
margin-bottom: 1.875rem;
}
.accordion-actions .accordion-action-buttons .btn.open-all svg:first-child,
.accordion-actions .accordion-action-buttons .btn.close-all svg:last-child {
display: block;
}
.accordion-actions .accordion-action-buttons .btn.open-all svg:last-child,
.accordion-actions .accordion-action-buttons .btn.close-all svg:first-child {
display: none;
}
.form-group .form-info .hover-notification,
.custom-modal .modal-header-content .modal-info .hover-notification {
display: none;
}
.custom-modal .modal-header-content {
position: relative;
}
.custom-modal .modal-header-content .modal-info>a {
display: block;
}
.mobile-modal-info {
position: absolute;
top: 100%;
width: 100%;
font-size: 0.75rem;
font-weight: 500;
padding: 0.313rem 0;
z-index: 1;
}
form.global-form {
padding-right: 0;
}
.upload-fields .form-group .form-field .btn-upload {
width: 100%;
}
.form-group .form-info {
margin-left: 0.313rem;
}
.form-check .form-check-input {
width: 1.75em;
height: 1.75em;
}
.login-section .aside-content-holder {
padding: 2rem;
}
.login-section .aside-content-holder .aside-body p {
font-size: 1rem;
}
.login-section .logo-item a {
font-size: 0.875rem;
}
.login-section .logo-item {
width: 50%;
margin-bottom: 1rem;
}
.login-section .logo-item:not(:last-child) {
margin-right: 0;
}
.login-section .logo-section {
flex-wrap: wrap;
}
.login-section .login-holder {
align-items: flex-start;
}
.login-section .login-holder .login-fields {
height: auto;
}
.login-section .login-aside-col:first-child {
display: none;
}
.login-section .logo-section.mobile-only {
margin-top: 1rem;
margin-bottom: 1rem;
}
.login-section .login-aside-col figure,
.login-section .logo-item .hover-notification {
display: none;
}
.blue-page-footer,
.error-footer,
.login-footer {
padding: 0 0.75rem 1.5rem 0.75rem;
}
.host-section.stats-section .counter-holder .counter-item {
display: flex;
justify-content: center;
}
.host-section.stats-section,
.host-section.stats-section .stat-figure,
.host-section.stats-section .stat-caption {
text-align: center;
}
.slider-container {
padding: 0 3rem;
}
.mobile-title-holder .title-options {
display: flex;
justify-content: center;
margin-bottom: 2rem;
}
.property-header .media,
.user-header .media,
.reservation-header .media {
align-items: flex-start;
}
.property-header .media-image,
.user-header .media-image,
.guest-header .media-image,
.reservation-header .media-image {
width: 5rem;
}
.user-header .media .btn-action {
width: 2.5rem;
height: 2.5rem;
left: 3.5rem;
}
.user-header .media .btn-action .popover-holder {
width: 2.5rem;
height: 2.5rem;
}
.user-header .media .btn-action span {
font-size: 1.25rem;
}
.property-header .media-body h3,
.user-header .media-body h2,
.guest-header .media-body h3,
.reservation-header .media-body h3 {
font-size: 1rem;
word-break: break-word;
}
.property-header .property-data,
.user-header .user-data,
.guest-header .guest-data,
.reservation-header .reservation-data {
flex-wrap: wrap;
}
.property-header .property-data .property-data-item,
.user-header .user-data .user-data-item,
.guest-header .guest-data .guest-data-item,
.reservation-header .reservation-data .reservation-data-item {
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
}
.property-header .property-data .property-data-item:not(:last-child),
.user-header .user-data .user-data-item:not(:last-child),
.guest-header .guest-data .guest-data-item:not(:last-child),
.reservation-header .reservation-data .reservation-data-item:not(:last-child) {
border: 0 none;
}
.reservation-details .collapse-col .item-header .media-image {
width: 3rem;
height: 3rem;
}
.reservation-details .collapse-col .item-header .media-image span {
font-size: 1.25rem;
}
.reservation-details .payment-info .icon-item .media .media-body ul {
width: calc(100% - 1.25rem);
}
.reservation-details .collapse-col .item-header .media-body h3 {
font-size: 1rem;
}
.reservation-details .collapse-col .collapse-holder {
padding: 0 0 0 0;
}
}
@media (max-width: 767px) {
.offcanvas-header {
padding: 1rem 3.25rem 1rem 1.25rem;
}
.offcanvas .offcanvas-header .btn-close {
right: 1rem;
}
.offcanvas-body {
padding: 1.5rem 1.25rem;
}
.offcanvas-footer {
padding: 1.25rem 1.25rem;
}
.offcanvas-footer .btn {
padding: 0 2rem;
font-size: 0.875rem;
}
.testimonial-item {
margin-bottom: 3rem;
}
.testimonials-slider .splide-holder {
padding: 0;
}
html.messages-closed,
html.messages-closed body,
html.messages-opened,
html.messages-opened body {
height: 100%;
/* max-height: 100vh; */
overflow: hidden;
touch-action: none;
}
.chat-section .aside-col {
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
html.messages-opened .top-header-container,
html.messages-opened .header-container,
html.messages-opened .chat-section .aside-col {
visibility: hidden;
opacity: 0;
display: none !important;
}
html.messages-opened .main-container.messages-main-container {
padding: 0;
}
.main-container.messages-main-container {
padding-bottom: 3rem;
}
.messages-chat .btn-back {
position: absolute;
bottom: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
background-color: transparent;
padding: 0;
}
.messages-chat .btn-back svg {
width: 1.25rem;
height: 1.25rem;
flex-shrink: 0;
margin-right: 0.313rem;
}
.chat-section .aside-col,
.chat-section .aside-col .chat-aside {
width: 100%;
}
.chat-aside,
.chat-section .page-container {
padding: 0 0.75rem;
}
.chat-section .aside-col {
z-index: 1;
}
.chat-section .page-container {
position: fixed;
top: 0;
bottom: 0;
right: -100%;
z-index: 1021;
padding-top: 3rem;
padding-bottom: 0.5rem;
height: 100%;
overflow: hidden;
-webkit-overflow-scrolling: touch;
/* smooth scroll on iOS */
box-sizing: border-box;
/* Osiguraj da padding ne povećava ukupnu visinu */
-webkit-transition: right 0.3s ease-in-out;
-o-transition: right 0.3s ease-in-out;
transition: right 0.3s ease-in-out;
}
.messages-chat .messages-content-holder {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.messages-chat .message-input {
position: absolute;
bottom: 0;
width: 100%;
z-index: 10;
}
.chat-aside .aside-box {
-webkit-border-top-right-radius: 0.625rem;
-webkit-border-bottom-right-radius: 0.625rem;
-moz-border-radius-topright: 0.625rem;
-moz-border-radius-bottomright: 0.625rem;
border-top-right-radius: 0.625rem;
border-bottom-right-radius: 0.625rem;
}
.chat-section .page-holder.messages-chat {
-webkit-border-top-left-radius: 0.625rem;
-webkit-border-bottom-left-radius: 0.625rem;
-moz-border-radius-topleft: 0.625rem;
-moz-border-radius-bottomleft: 0.625rem;
border-top-left-radius: 0.625rem;
border-bottom-left-radius: 0.625rem;
}
.chat-section .page-holder.messages-chat {
border-left: 1px solid #C8CACC;
}
.messages-chat .messages-chat-header .media-image,
.messages-chat .message .message-image-holder {
width: 2.5rem;
}
.messages-chat .messages-chat-header .media-body p.contact-name {
font-size: 1rem;
}
.messages-chat .messages-chat-header .media-body p.property-name {
font-size: 0.75rem;
}
.messages-chat .messages-chat-header-options .btn-action {
width: 2.25rem;
height: 2.25rem;
}
.messages-chat .messages-chat-header-options .btn-action span {
font-size: 1.25rem;
}
.modal-slider-price .slider-container {
padding: 0 1.25rem;
}
.form-title.title-choices .choices {
width: 100%;
}
.sticky-mob-title {
position: sticky;
position: -webkit-sticky;
top: 0;
z-index: 2;
}
.coming-soon-holder {
background-position: left;
}
.coming-soon-holder .bc-holder {
padding-top: 10rem;
}
.error-page-holder>img {
display: none;
}
.split-screen .login-networks {
flex-wrap: wrap;
}
.split-screen .login-networks .btn {
width: 100%;
flex: unset;
}
.split-screen .login-networks .btn:not(:last-child) {
margin-right: 0;
margin-bottom: 1rem;
}
.split-screen .split-right .content-holder .content-item {
width: 100%;
padding: 0 1.25rem;
}
.split-screen .logo.desktop {
display: none;
}
.split-screen .logo-mobile {
display: block;
}
.split-screen .split-landing .content-holder .main-title {
margin-top: 1.875rem;
}
.custom-pagination {
width: 14.75rem;
}
.global-form .button-holder.inline .btn {
width: 100%;
}
.global-form .button-holder.inline .btn:not(:last-child) {
margin-bottom: 1rem;
margin-right: 0;
}
.form-data-holder {
padding: 1.25rem 1rem;
}
.offcanvas-properties .media-body h3 {
font-size: 0.875rem;
}
.offcanvas-properties .media-image {
width: 4rem;
}
.offcanvas-properties .media .media-options {
top: -0.5rem;
}
.item-facility,
.item-unit {
margin-top: 2.875rem;
margin-right: 0;
}
.item-unit .item-content {
position: unset;
}
.item-unit .item-header .media,
.collapse-col.gallery .item-header .media {
flex-wrap: wrap;
justify-content: center;
}
.item-unit .item-header .media-image,
.collapse-col.gallery .item-header .media-image {
width: 70%;
height: auto;
margin-right: 0;
margin-bottom: 1rem;
}
.item-unit .item-header .media-body,
.collapse-col.gallery .item-header .media-body {
width: 100%;
flex-basis: 100%;
}
.item-facility .item-options {
top: -2.875rem;
right: -0.625rem;
display: flex;
align-items: center;
}
.item-unit .item-options {
top: -2.875rem;
right: 0.625rem;
display: flex;
align-items: center;
}
.item-unit .item-options .btn:nth-child(1) {
order: 3;
}
.item-unit .item-options .btn:nth-child(2) {
order: 2;
}
.item-unit .item-options .btn:nth-child(3) {
order: 1;
}
.item-unit .item-options .btn:not(:last-child) {
margin-left: 0.625rem;
}
.item-unit .item-options .btn:not(:last-child) {
margin-bottom: 0;
}
.form-title.with-button {
flex-wrap: wrap;
}
.form-title.with-button .choices {
display: block;
width: 100%;
flex: auto;
}
.form-title.with-button h2 {
width: 100%;
}
.form-title.with-button .title-options {
width: 100%;
}
.form-title.with-button .btn {
margin-top: 1rem;
width: 100%;
}
.form-title.with-button .title-options {
padding-left: 0;
}
.item-unit .unit-info .info-item {
width: 100%;
margin-bottom: 0.25rem;
}
.dropzone-col .item-warning .item-holder {
font-size: 0.625rem;
padding: 0.313rem 0.25rem;
}
.dropzone-col .item-warning span {
font-size: 1rem;
}
.top-header .col-promo {
display: none;
}
.top-header .col-top-country,
.top-header .col-info {
min-width: 0;
}
.top-header .col-info.col-auto {
flex: 1 0 0%;
}
.login-section.register-section .global-form,
.login-section.login-section-holder .global-form,
.login-section.register-section .login-content .content-holder {
padding: 2.5rem 2.5rem;
}
.login-section.host-register .login-content .content-holder,
.login-section.host-register .global-form {
padding: 1rem 2.5rem;
}
.login-section .global-form {
padding: 1.5rem 1.25rem;
}
.login-section.host-register .global-form .form-check {
padding-right: 1rem;
}
.custom-modal .modal-header .modal-title {
font-size: 1.125rem;
}
.custom-modal .modal-footer .btn {
padding: 0 1rem;
}
.top-header .col-top-country .logo-text,
.login-section .login-header .logo-holder .logo-text {
display: none;
}
.col-header-options .dropdown-custom .dropdown-content,
.col-header-options .dropdown-notification .dropdown-content {
max-height: 23rem;
}
.check-fields .form-field .form-check-inline {
width: 50%;
margin-right: 0;
margin-bottom: 1rem;
padding-right: 0.5rem;
}
.benefits-section {
display: none;
}
.footer .benefits-wrapper {
flex-wrap: wrap;
}
.footer .benefit-item {
width: 100%;
}
.footer .benefit-item:not(:last-child) {
margin-bottom: 1.5rem;
}
.footer .footer-content,
.footer .copyright,
.footer .payment-cards {
max-width: 100%;
}
.footer .footer-content .footer-nav li:not(:last-child) {
margin-bottom: 0.25rem;
}
.footer .copyright,
.footer .payment-cards {
margin: 0 auto;
}
.footer .copyright ul li {
margin-bottom: 0.5rem;
}
.footer .payment-cards .payment-item {
margin-bottom: 0.25rem;
}
.page-holder .page-header .page-header-content .page-title {
margin-right: 0;
}
.page-holder .page-header .page-header-content .page-title .button-holder {
width: 100%;
padding-left: 0;
margin-left: 0;
margin-top: 1rem;
}
.page-holder .page-header .page-header-content .page-title .button-holder::before {
display: none;
}
.custom-modal .modal-icon-holder svg {
width: 3rem;
}
.custom-modal .modal-body {
padding: 1.25rem;
}
.custom-modal .modal-body p.lead {
font-size: 0.875rem;
}
.col-header-options .user-option .dropdown-menu {
right: 0 !important;
}
.col-header-options .dropdown-menu::before {
right: 0.625rem;
}
.search-item-holder .item-content .content-col ul li,
.location-status-holder .item-content .content-col ul li {
flex-wrap: wrap;
}
.search-item-holder .item-content .content-col ul li span,
.location-status-holder .item-content .content-col ul li span {
width: auto;
}
.inner-page-nav .page-nav-holder.content-center .icon-holder a span {
display: none;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination .icon-holder a {
justify-content: center;
}
.inner-page-nav .page-nav-holder.content-center .page-nav-pagination-pagination a {
width: 2.25rem;
height: 2.25rem;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.login-section .login-header {
padding: 1.5rem 0.75rem 0 0.75rem;
}
html.landing-page body .page-wrapper .main-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
overscroll-behavior: contain;
}
html.landing-page.login-page body .page-wrapper .main-container {
padding-top: 6rem;
}
html.landing-page body .page-wrapper .main-container {
height: 100%;
height: -webkit-fill-available;
}
.main-container {
padding-bottom: 5rem;
}
.form-group .form-control {
height: 3rem;
}
.login-section .login-header .logo-holder .logo svg {
height: 2rem;
}
.login-section .login-header .header-button .btn {
width: 8.125rem;
padding: 0 1.25rem;
}
.login-section.landing-section .global-form .form-group .form-control {
font-size: 1rem;
}
.login-section.landing-section .login-content .logo-holder .logo .button-holder {
margin-bottom: 1.875rem;
}
.login-section.landing-section .login-content .logo-holder .logo .button-holder .btn:not(:last-child) {
margin-right: 0;
margin-bottom: 1rem;
}
.login-section.landing-section {
align-items: flex-start;
}
.login-section .login-content {
display: block;
width: 100%;
max-width: 100%;
height: auto;
padding: 0;
}
.login-section .login-content .logo-holder .logo {
max-width: 16.25rem;
}
.login-section .login-content .content-holder .content-item h1,
.login-section .login-content h1 {
font-size: 1.375rem;
}
.landing-page.login-page .login-section {
align-items: flex-start;
}
.login-section.host-register .login-content .content-holder .content-item p,
.login-section .login-content p {
font-size: 0.875rem;
}
.login-section .login-content .button-holder .form-check label {
font-size: 0.875rem;
}
html.landing-page body .page-wrapper .main-container .container .row .main-content {
overflow-y: auto;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-ms-overflow-style: none;
overscroll-behavior: contain;
}
html.landing-page body .page-wrapper .main-container .container .row .main-content .login-section.register {
height: auto;
}
.login-section .login-content .button-holder {
flex-wrap: wrap;
}
.login-section .login-content .button-holder .recaptcha-holder {
width: 100%;
margin-bottom: 3rem;
}
.btn-user-service {
right: 0.75rem;
bottom: 4.625rem;
}
.btn-chat-bot {
right: 0.75rem;
bottom: 1.25rem;
}
.chat-bot {
width: 100%;
max-width: 100%;
height: 100%;
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.chat-bot .chat-bot-arrow {
display: none;
}
.chat-bot .chat-bot-dialog {
max-width: 100%;
width: 100%;
max-height: 100%;
height: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.chat-bot .chat-bot-header {
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.chat-bot .chat-bot-input {
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.chat-bot .chat-bot-content {
width: 100%;
height: 100%;
}
.chat-bot .chat-bot-content form {
position: absolute;
top: 86px;
left: 0;
right: 0;
bottom: 0;
max-height: 100%;
}
.chat-bot .chat-bot-body {
position: relative;
max-height: unset;
height: calc(100% - (74px));
}
.chat-bot .chat-bot-input {
height: 74px;
}
.host-landing-header .container-fluid {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.host-landing-header .content-holder .logo-host .logo-desktop {
display: none;
}
.host-landing-header .content-holder .logo-host .logo-mobile {
display: block;
width: 2.5rem;
}
.host-section .content-holder,
.host-section.stats-section .content-holder {
padding: 0;
}
.image-box .content-holder .btn {
font-size: 0.875rem;
}
.image-box .host-image .floating-buttons .btn:nth-child(2) {
top: 35%;
}
.image-box .host-image .floating-buttons .btn .icon-holder {
width: 2rem;
height: 2rem;
}
.image-box .host-image .floating-buttons .btn-pill-lg {
height: 3.25rem;
}
.host-join-us {
flex-wrap: wrap;
margin-top: 1.875rem;
}
.host-join-us p {
width: 100%;
margin-top: 1rem;
}
.host-join-us .user-image {
width: 3rem;
height: 3rem;
}
.host-join-us .user-item:first-child .user-image {
width: 5rem;
height: 5rem;
}
.host-join-us .user-item .badge {
top: -0.75rem;
left: calc(100% + 0.75rem);
}
.footer .subfooter {
flex-wrap: wrap;
}
.footer .subfooter p {
width: 100%;
text-align: center;
}
.blue-page-content .icon-holder svg,
.blank-page-holder .blank-page-icon svg {
width: 6rem;
}
.blue-page-content .blue-page-content-holder .blue-page-body .blue-page-title h1,
.blank-page-holder .blank-page-title h1 {
font-size: 1.625rem;
}
.blue-page-content .blue-page-content-holder .blue-page-body .blue-page-title p {
font-size: 1rem;
}
.blue-page-content .blue-page-content-holder .blue-page-body .button-holder .btn {
width: 8rem;
}
.global-form .button-holder.multiple-buttons .btn {
padding: 0 2rem;
}
.form-data-holder .title-holder {
padding-bottom: 1.25rem;
}
.form-data-holder.colored-title .title-holder {
padding: 1.25rem 1.25rem;
}
.form-group.with-info-box .content-holder {
flex-wrap: wrap;
padding: 1rem 1.25rem;
}
.form-group.with-info-box .content-holder .field-holder {
flex-basis: 100%;
padding-right: 0;
margin-bottom: 1.25rem;
}
.form-group.with-info-box .content-holder .info-box {
flex-basis: 100%;
}
.month-view .week-bar .calendar-day::before {
padding-top: 160%;
}
}
@media (max-width: 400px) {
.check-fields .form-field .form-check-inline {
width: 100%;
}
.item-unit .item-quantity .label-holder {
margin-bottom: 0.5rem;
}
.global-form .button-holder.multiple-buttons {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.global-form .button-holder.multiple-buttons .btn {
width: 80%;
}
.global-form .button-holder.multiple-buttons .btn:not(:last-child) {
margin-bottom: 1.875rem;
}
.global-form .button-holder.multiple-buttons .btn:not(:last-child) {
margin-right: 0;
}
}
@media (max-width: 375px) {
.login-section .global-form .button-holder .btn {
padding: 0 2rem;
}
.led-error-holder .led-error-content {
margin-top: 5rem;
}
}
@media (max-width: 360px) {
html.landing-page body .page-wrapper .main-container .container .row .main-content .login-section.landing-section {
height: auto;
}
.led-error-holder .led-error-content h1 {
font-size: 1.5rem;
}
.led-error-content textarea.form-control {
min-height: calc(5em + (.75rem + 2px));
}
.col-header-options .dropdown-custom .dropdown-content,
.col-header-options .dropdown-notification .dropdown-content {
max-height: 16rem;
overflow-y: auto;
}
}
@media (max-width: 340px) {
/* .login-section .global-form {
padding: 1.25rem 1.25rem;
margin-top: 3rem;
} */
.login-section .global-form .button-holder .btn {
padding: 0 1.5rem;
}
}