@charset "UTF-8";

html, body {
    font-size: 14px;
}

html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

a {
    text-decoration: none;
    color: var(--color-link);
}

a:hover {
    color: var(--color-link-hover);
    text-decoration: none;
}

#hover-underline:hover {
    text-decoration: underline;
}

a.button--white:focus {
    background: var(--color-primary);
    color: var(--color-white);
}

.card.tours-list {
    border-color: var(--border-color-primary);
}

:root {
    --color-primary: #126CF3;
    --color-primary-hover: #0127C5;
    --color-secondary: #E7E7E7;
    --color-copy: #515151;
    --color-link: #515151;
    --color-link-hover: #212121;
    --color-white: #FFFFFF;
    --color-card: #FFFFFF;
    --color-green: #5cb85c;
    --color-grey: #b4b4b4;
    --color-medium-grey: #EAEAEA;
    --color-green-hover: #407f40;
    --color-text-red: #DA5D5D;
    --color-admin-primary: #2c4050;
    --color-pillar-market: #E2FDF6;
    --background-primary: #F8F8F8;
    --background-secondary-button: #F8F8F8;
    --font-primary: "Inter", sans-serif;
    --font-secondary: "Inter";
    --font-icons: "Glyphicons Halflings";
    --border-radius-primary: 6px;
    --card-background-primary: #FFFFFF;
    --border-color-primary: #E5E5E5;
    --background-info: #daecf7;
    --background-warning: #F2B968;
    --color-card-warning: #82510C;
    --color-card-warning-hover: #533407;
    --background-error: #F87E7E;
    --color-card-error: #610505;
    --color-card-error-hover: #3e0202;
    --background-success: #dff0d8;
    --color-card-danger: #F53D3D;
    --color-card-success: #0DAE7C;
    --backgound-form: #e8e8e8;
    --toast-background-color-information: #3babde;
    --toast-color-information: #06394f;
    --toast-background-color-success: #0fce93;
    --toast-color-success: #064f38;
    --toast-background-color-warning: #f2b968;
    --toast-color-warning: #82510C;
    --toast-background-color-error: #f87e7e;
    --toast-color-error: #610505;
    --button-background-color-facebook: #5170b5;
    --color-warning: #ef882d;
    --secondary-sky-blue: #DFFFF7;
}

.items-base {
    align-items: baseline;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.items-end {
    justify-content: flex-end;
    align-items: flex-end;
}

.flex-1 {
    flex: 1;
}

.justify-between {
    justify-content: space-between;
}

.justify-end {
    justify-content: flex-end;
}

.space-around {
    justify-content: space-around;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-gap-20 {
    gap: 1.25rem;
}


.flex-centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-primary-color {
    background-color: var(--color-primary);
}

.bg-primary {
    background-color: var(--background-primary);
}

.bg-admin-color {
    background-color: var(--color-admin-primary);
}

.bg-secondary-color {
    background-color: var(--color-secondary);
}

.bg-lightgrey {
    background-color: var(--background-primary);
}

.bg-white {
    background: var(--color-white);
}

.bg-form {
    border: 1px solid #cfd5dc;
    background: var(--color-white);
}

.bg-form-focus:focus {
    outline: 0.2857142857142857rem solid #CFDFFD;
}

.bg-blur {
    filter: blur(4px);
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}


.hidden {
    display: none;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-wrap-anywhere {
    overflow-wrap: anywhere;
}

.border-0 {
    border-width: 0;
}

.border-1 {
    border-width: 1px;
}

.border-primary {
    border-color: var(--color-primary);
}

.border-secondary {
    border-color: var(--color-secondary);
}

.border-solid {
    border-style: solid;
}

.border-radius-primary {
    border-radius: var(--border-radius-primary);
}

.img-holder img {
    max-width: 100%;
}

.block {
    display: block;
}

.cursor-pointer {
    cursor: pointer;
}

.unstyled-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.inline-list {
    display: flex;
}

.pointer-events-auto {
    pointer-events: auto;
}
.pointer-events-none {
    pointer-events: none;
}

.children-pointer-events-none * {
    pointer-events: none;
}

.no-margin {
    margin: 0;
}

.m-auto {
    margin: auto;
}

.mb-auto {
    margin-bottom: auto;
}

.mt-0 {
    margin-top: 0;
}

.mt-5 {
    margin-top: 0.3125rem;
}

.mt-8 {
    margin-top: 0.5rem;
}

.mt-10 {
    margin-top: 0.625rem;
}

.mt-15 {
    margin-top: 0.9375rem;
}

.mt-20 {
    margin-top: 1.25rem;
}

.mt-30 {
    margin-top: 1.875rem;
}

.mt-40 {
    margin-top: 2.5rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-5 {
    margin-bottom: 0.3125rem;
}

.mb-10 {
    margin-bottom: 0.625rem;
}

.mb-15 {
    margin-bottom: 0.9375rem;
}

.mb-20 {
    margin-bottom: 1.25rem;
}

.mb-30 {
    margin-bottom: 1.875rem;
}

.mb-40 {
    margin-bottom: 2.5rem;
}

.my-10 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

.ml-0 {
    margin-left: 0;
}

.ml-5 {
    margin-left: 0.3125rem;
}

.ml-10 {
    margin-left: 0.625rem;
}

.mr-0 {
    margin-right: 0;
}

.mr-5 {
    margin-right: 0.3125rem;
}

.mr-10 {
    margin-right: 0.625rem;
}

.mr-15 {
    margin-right: 0.9375rem;
}

.mr-20 {
    margin-right: 1.25rem;
}

.ml-10 {
    margin-left: 0.625rem;
}

.ml-15 {
    margin-left: 0.9375rem;
}

.ml-20 {
    margin-left: 1.25rem;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-10 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

.my-20 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.my-40 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mx-10 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}

.mx-20 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.no-padding {
    padding: 0;
}

.p-5 {
    padding: 0.3125rem;
}

.p-10 {
    padding: 0.625rem;
}

.p-20 {
    padding: 1.25rem;
}

.p-60 {
    padding: 3.75rem;
}

.px-10 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.pb-20 {
    padding-bottom: 1.25rem;
}

.text-sm {
    font-size: 0.875rem;
}

.text-base {
    font-size: 1rem;
}

.text-lg {
    font-size: 1.125rem;
}

.text-xl {
    font-size: 1.25rem;
}

.text-2xl {
    font-size: 1.5rem;
}

.text-3xl {
    font-size: 1.75rem;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-white {
    color: var(--color-white);
}

.text-red {
    color: var(--color-text-red);
}

.text-red:hover {
    color: var(--color-text-red);
}

.text-primary {
    color: var(--color-primary);
}

.overflow-x-auto {
    overflow-x: auto;
}

.text-dark {
    color: var(--color-link);
}

.font-normal {
    font-weight: 400;
}

.bold {
    font-weight: 600;
}

.italic {
    font-style: italic;
}

.uppercase {
    text-transform: uppercase;
}

.no-underline {
    text-decoration: none;
}

.underline-hover:hover {
    text-decoration: underline;
}

.text-underline {
    text-decoration: underline;
}

.hover\:no-underline:hover {
    text-decoration: none;
}

.text-disabled {
    opacity: .4;
}

.text-hover {
    transition: color 0.3s ease-in-out;
}

.text-hover:hover {
    color: var(--color-primary);
}

.text-18 {
    font-size: 18px;
}

.letter-spacing-04 {
    letter-spacing: 0.4px;
}

.rounded {
    border-radius: 0.375rem;
}

.w-full {
    width: 100%;
}

.img-holder img {
    max-width: 100%;
}

.w-200 {
    width: 12.5rem;
}

.w-700 {
    width: 43.75rem;
}

.w-1\/2 {
    width: 50%;
}

.w-1\/3 {
    width: 33.33%;
}

.h-100 {
    height: 6.25rem;
}

.h-full {
    height: 100%;
}

.max-h-full {
    max-height: 100%;
}

.w-auto {
    width: auto;
}

.w-screen {
    width: 100vw;
}

.h-screen {
    height: 100vh;
}

.max-w-500 {
    max-width: 31.25rem;
}

.leading-tight {
    line-height: 1.25;
}

.leading-normal {
    line-height: 1.5;
}

.grid {
    display: grid;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-gap-16 {
    grid-gap: 1rem;
}

.grid-container {
    grid-template-columns: 3fr 1fr;
    grid-gap: 20px;
}

@media (min-width: 1200px) {
    .grid-container {
        grid-gap: 60px;
    }
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gap-20 {
    grid-gap: 1.25rem;
}

.grid-list {
    display: grid;
    margin: 0;
    padding: 0;
    grid-gap: 1.25rem 1.25rem;
    list-style: none;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
}

@media screen and (min-width: 640px) {
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.fixed {
    position: fixed;
}

.left-1\/2 {
    left: 50%;
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

.right-0 {
    right: 0;
}

.left-0 {
    left: 0;
}

.z-10 {
    z-index: 10;
}

.z-50 {
    z-index: 50;
}

.z-100 {
    z-index: 100;
}

.z-max {
    z-index: 2147483647;
}

.lds-spinner {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    transform: scale(0.5);
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: var(--color-primary);
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: -0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fade-out {
    animation: fadeOut ease 1s forwards;
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.rotate {
    animation: rotating 2s linear infinite;
}

.font-primary {
    font-family: var(--font-primary);
}

.overflow-auto {
    overflow: auto;
}

.font-icons {
    font-family: var(--font-icons);
}

@keyframes zoom {
    0% {
        opacity: 0;
        transform: scale(0);
    }
}

@keyframes tada {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: scale(7);
    }
    38% {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: scale(1);
    }
    55% {
        animation-timing-function: ease-in;
        transform: scale(1.5);
    }
    72% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }
    81% {
        animation-timing-function: ease-in;
        transform: scale(1.24);
    }
    89% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }
    95% {
        animation-timing-function: ease-in;
        transform: scale(1.04);
    }
    100% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }
}

@keyframes jelly {
    0% {
        transform: scale3d(1, 1, 1);
    }
    30% {
        transform: scale3d(0.75, 1.25, 1);
    }
    40% {
        transform: scale3d(1.25, 0.75, 1);
    }
    50% {
        transform: scale3d(0.85, 1.15, 1);
    }
    65% {
        transform: scale3d(1.05, 0.95, 1);
    }
    75% {
        transform: scale3d(0.95, 1.05, 1);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rotate {
    0% {
        opacity: 0;
        transform: translateZ(-200px) rotate(-45deg);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) rotate(0);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #bdc3c7;
    }
    100% {
        box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0);
    }
}

.pincode-input {
    width: 50px;
    height: 50px;
    border-radius: var(--border-radius-primary);
    border: 1px solid var(--border-color-primary);
    margin: 0.375rem;
}

.pincode-input:not(:last-child) {
    margin: 0.375rem;
}

.pincode-input.pincode-input--focused {
    border-color: var(--border-color-primary);
}

.pincode-input.pincode-input--filled {
    border-color: var(--color-primary);
}

.fancybox-image {
    image-rendering: crisp-edges;
    image-rendering: -webkit-crisp-edges;
}

#private-access-token .iti.iti--allow-dropdown {
    width: 100%;
}

.card-input-container-mdl {
    margin-top: -11px;
    width: 55%;
}

.material-icons.no-margin {
    margin: 0;
}

.button {
    border-width: 0;
    border-style: solid;
    font-size: 1rem;
    border-radius: var(--border-radius-primary);
    padding: 0.625rem 0.9375rem;
    appearance: none;
    font-family: var(--font-secondary);
    text-decoration: none;
}

.button:active, .button:focus, .button:hover {
    text-decoration: none;
}

.button[disabled] {
    opacity: .65;
    pointer-events: none;
}

.button--primary {
    transition: background .3s ease-in-out;
    background: var(--color-primary);
    color: var(--color-white);
}

.button--primary:hover,
.button--primary:focus {
    background: var(--color-primary-hover);
    color: var(--color-white);
}

.button--secondary {
    background: var(--background-secondary-button);
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    color: var(--color-copy);
}

.button--secondary--active {
    background: var(--color-primary);
    color: var(--color-white);
}

.button--secondary--active:hover {
    color: var(--color-white);
}

.button--white:hover,
.button--secondary:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.button--white {
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    background: var(--color-white);
    color: var(--color-copy);
}

.button-transparent {
    background: transparent;
}

.button--disabled {
    opacity: .4;
    cursor: not-allowed;
}

.button--disabled:hover {
    background: var(--background-secondary-button);
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    color: var(--color-copy);
}

.button--circle {
    border-radius: 50%;
}

.button--small {
    font-size: 0.875rem;
    padding: 0.3125rem 0.625rem;
}

.button--mini {
    font-size: 0.875rem;
    padding: 0.0625rem 0.625rem;
}

.button-outline-primary {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.button--no-style {
    background: none;
    border: none;
}

.button--close {
    transition: color 0.3s ease-in-out;
    background: none;
    color: var(--color-copy);
}

.button--close:hover {
    color: var(--color-primary);
}

.button-secondary-action {
    border-width: 0;
    border-style: solid;
    border-radius: var(--border-radius-primary);
    appearance: none;
    font-family: var(--font-secondary);
    text-decoration: none;
    background: var(--background-secondary-button);
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    color: var(--color-copy);
    width: 100%;
    text-align: left;
    font-size: 0.875rem;
    padding: 0.3125rem 0.625rem;
    display: inline-block;
}

.button-secondary-action:active, .button-secondary-action:focus, .button-secondary-action:hover {
    text-decoration: none;
}

.button-secondary-action[disabled] {
    opacity: .65;
    pointer-events: none;
}

.button-secondary-action:hover {
    text-decoration: none;
}

.card {
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-secondary);
    padding: 0.75rem;
    margin-bottom: 1.25rem;
    border-radius: 0.375rem;
    background: var(--color-white);
}

.card-error {
    background-color: var(--background-error);
    color: var(--color-card-error);
    border: none;
}

.card-success {
    background-color: var(--background-success);
}

/* IN tours/_search_results */
details > summary::-webkit-details-marker {
    display: none;
}

details[open] .details-tooltip {
    z-index: 2147483647;
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-radius: var(--border-radius-primary);
    border-color: var(--border-color-primary);
    padding: 0.625rem;
    background: var(--color-white);
    align-items: flex-start;
    margin-top: 0.625rem;
    color: var(--color-copy);
    transform: translate(0, -175%);
}

details[open] .details-dialog-background,
details[open] .details-dialog {
    position: fixed;
    z-index: 200000;
}

details[open] .details-dialog {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    min-width: 540px;
}

details[open] .details-dialog-title {
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}

details[open] .close-details-dialog {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer;
}

details[open] .details-dialog-background {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1e1e1e;
    opacity: 0.87;
}

.inline-list {
    margin: 0;
    padding: 0;
    display: flex;
}

.inline-list > li {
    display: inline-flex;
}

.inline-list > li:not(:last-child) {
    margin-right: 0.625rem;
}

.inline-list--sticked li:not(:last-child) {
    margin-right: 0;
}

.inline-list--sticked-separator li:not(:last-child) {
    border-right: 1px solid #DBDBDB;
}

.hotspot-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hotspot-list:not(:last-of-type) {
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    margin-bottom: 0.625rem;
    padding-bottom: 0.625rem;
    border-color: #ddd;
}

.hotspot-list > li:not(:last-child) {
    margin-bottom: 0.625rem;
    padding-bottom: 0.625rem;
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #ddd;
}

.table-list:not(.full-table-list) li:nth-child(n+7) {
    display: none;
}

.table-list:not(.full-table-list)[expanded] li:nth-child(n+7),
.table-list:not(.full-table-list)[data-expanded="true"] li:nth-child(n+7) {
    display: grid;
}

.pagination-container {
    display: grid;
    padding: 0.625rem;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: 1fr 2.5fr 1fr;
}

input[disabled],
textarea[disabled],
select[disabled] {
    background: var(--color-secondary);
}

input[readonly],
textarea[readonly],
select[readonly] {
    background: var(--color-secondary);
    cursor: default;
}

.card-input {
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-secondary);
    border-radius: 0.375rem;
    background: var(--color-white);
    cursor: pointer;
    text-align: center;
    margin: 0;
    opacity: 1;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;
    padding: 1.875rem 0;
    width: 100%;
    font-weight: 400;
}

.card-input--small {
    padding: 0.625rem 0;
}

input:disabled + .card-input {
    background-color: var(--color-secondary);
    opacity: .3;
    cursor: not-allowed;
}

input:checked + .card-input {
    opacity: 1;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: white;
}

.form-label {
    display: block;
    width: 100%;
    margin-bottom: 0.3125rem;
    text-align: left;
}

.form-input {
    border-radius: 0.375rem;
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-secondary);
    width: 100%;
    margin-bottom: 1.25rem;
    padding: 0.625rem;
}

.form-field {
    margin-bottom: 1.25rem;
}

.form-input-auto {
    width: auto;
}

.form-input-no-margin {
    margin: 0;
}

.form-label-regular {
    font-weight: 400;
}

.input-error {
    border-width: 2px;
    border-style: solid;
    border-color: var(--color-primary);
    border-radius: 3px;
}

.input__admin {
    border: 1px solid #cecece;
    border-radius: 4px;
    padding: 6px;
}

.text-uppercase {
    text-transform: uppercase;
}

.badge-org-admin {
    color: var(--color-white);
    background-color: var(--color-primary);
    border-radius: 4px;
}

.badge {
    background-color: var(--color-admin-primary);
    border-radius: 4px;
}

.required-label:after {
    content: "*";
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.btn-primary {
    color: whitesmoke;
    background: var(--color-primary);
}

.btn-sm, .btn-group-sm>.btn {
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.bold {
    font-weight: 600;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}


#toasts-container {
    position: fixed;
    z-index: 2147483647;
    top: 1.25rem;
    right: 1.25rem;
}

.toast {
    z-index: 2147483647;
    border-color: var(--color-primary);
    border-radius: var(--border-radius-primary);
    padding: 0.625rem;
    background: var(--color-white);
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.625rem;
    max-width: 300px;
}

.toast[type="information"] {
    background-color: var(--toast-background-color-information);
    color: var(--toast-color-information);
}

.toast[type="success"] {
    background-color: var(--toast-background-color-success);
    color: var(--toast-color-success);
}

.toast[type="warning"] {
    background-color: var(--toast-background-color-warning);
    color: var(--toast-color-warning);
}

.toast[type="error"] {
    background-color: var(--toast-background-color-error);
    color: var(--toast-color-error);
}

.toast-title,
.toast-message {
    margin: 0;
    font-weight: 600;
}

.toast-close {
    border-width: 0;
    background-color: transparent;
    font-size: 1.25rem;
    cursor: pointer;
    margin-left: auto;
}

.page-title {
    font-size: 1.5rem;
    text-align: left;
    margin: 0.625rem 0 1.25rem;
}

.section-title {
    font-size: 1.25rem;
    text-align: left;
    margin: 0;
}

.reveal,
.reveal-background,
.reveal-background-out {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1002;
    overflow: auto;
}

.reveal {
    display: grid;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
}

.reveal-background {
    z-index: 1001;
}

.reveal[data-revealed] {
    opacity: 1;
    pointer-events: all;
}

.reveal[data-revealed] .reveal-background {
    animation: fade-in 0.3s ease-in-out both;
}

.reveal[data-revealed] .reveal-content {
    animation: slide-in 0.3s ease-in-out both;
}

.reveal[data-revealed][data-revealed-out] .reveal-background {
    animation: fade-out 0.3s ease-in-out both;
}

.reveal[data-revealed][data-revealed-out] .reveal-content {
    animation: slide-out 0.3s ease-in-out both;
}

.reveal-react {
    opacity: 1;
    pointer-events: all;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    overflow: auto;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.reveal-react .reveal-background {
    animation: fade-in 0.3s ease-in-out both;
}

.reveal-react .reveal-background-out {
    animation: fade-out 0.3s ease-in-out both;
}

.reveal-react .reveal-content {
    animation: slide-in 0.3s ease-in-out both;
}

.reveal-react .reveal-content-out {
    animation: slide-out 0.3s ease-in-out both;
}

.reveal-background, .reveal-background-out {
    background: rgba(0, 0, 0, 0.4);
}

.prevent-click {
    pointer-events: none;
}

.reveal-content,
.reveal-content-out {
    position: relative;
    background: var(--color-white);
    border-radius: var(--border-radius-primary);
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    z-index: 1003;
    padding: 1.5rem;
    min-width: 90vw;
}

@media (min-width: 900px) {
    .reveal-content,
    .reveal-content-out {
        margin: 0;
        min-width: 60rem;
        max-width: 60rem;
    }
}

@media (max-width: 599px) {
    .reveal-content,
    .reveal-content-out {
        margin: 0;
    }
}

.reveal-header {
    padding-bottom: 1.5rem;
}

.reveal-title {
    margin: 0;
    font-size: 1.5rem;
    text-align: left;
    font-weight: 600;
}

[data-reveal-close] {
    position: absolute;
    top: 0;
    right: 0;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes slide-in {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-50%);
        opacity: 0;
    }
}

.media-editor-tooltip-buttons {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 110%;
    left: 50%;
    margin-left: -65px;
    opacity: 0;
    transition: opacity 0.3s;
    font-family: var(--font-primary);
}

.media-editor-tooltip-buttons::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.media-editor-tooltip:hover .media-editor-tooltip-buttons {
    visibility: visible;
    opacity: 1;
}

.table {
    width: 100%;
}

.underline-link:hover {
    text-decoration: underline;
}

.media-editor {
    display: grid;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--background-primary);
    z-index: 1000;
    width: 100%;
    height: 100%;
    grid-template-areas: "header header" "right-sidebar canvas";
    grid-template-rows: 80px 1fr;
    grid-template-columns: 300px 1fr;
}

.media-editor-active {
    overflow: hidden;
}

.media-editor-active .app-container {
    overflow: hidden;
    height: auto;
}

.media-editor-left,
.media-editor-right {
    background: var(--color-white);
}

.media-editor-left {
    left: 0;
    padding: 0.625rem;
    grid-area: left-sidebar;
    border-right: 1px solid rgba(57, 76, 96, 0.15);
}

.media-editor-right {
    right: 0;
    grid-area: right-sidebar;
    border-left: 1px solid rgba(57, 76, 96, 0.15);
    overflow: auto;
}

.media-editor-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-white);
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    z-index: 100;
    grid-area: header;
    border-bottom: 1px solid rgba(57, 76, 96, 0.15);
}

.media-editor-header-actions {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.media-editor-header-actions > .media-editor-tooltip:not(:last-child),
.media-editor-header-actions > li:not(:last-child) {
    margin-right: 0.625rem;
}

.media-editor-header-actions li.media-editor-header-actions-separator {
    margin-right: 20px;
    padding-right: 20px;
    border-width: 0;
    border-right-width: 1px;
    border-style: solid;
    border-color: var(--color-secondary);
}

.media-editor-canvas {
    grid-area: canvas;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
    position: relative;
    padding: 0.625rem;
}

.media-editor-document {
    display: flex;
    justify-content: center;
    max-width: 1200px;
    max-height: 1200px;
}

.media-editor-document .document-image {
    max-width: 100%;
    max-height: 100%;
}

.media-editor-inner-canvas {
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.media-editor-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    padding: 0.625rem;
    overflow: auto;
    grid-row-end: canvas;
    grid-column-end: canvas;
    grid-row-start: right-sidebar;
    grid-column-start: right-sidebar;
}

.media-editor-document {
    position: relative;
}

.media-editor-tool-title-wrapper {
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: var(--color-secondary);
    padding: 0.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.media-editor-tool-title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
}

#media-editor {
    width: 50%;
    height: 50%;
}

.zoom-levels-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 10;
    top: calc(100% + 20px);
    left: 50%;
    margin-left: -45px;
    background: transparent;
    width: 100%;
    border: 1px solid var(--border-color-primary);
}

.zoom-levels-list button {
    width: 100%;
    background: var(--color-white);
    border-width: 0;
    padding: 0.625rem;
    text-align: left;
}

.zoom-levels-list button:hover {
    background-color: var(--color-secondary);
}

.media-editor-rendering {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: 60px;
    background: white;
    z-index: 0;
}

.media-editor-blur-shape {
    display: block;
    margin-right: 0.625rem;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid #212121;
}

.media-editor-close-button {
    width: 26px;
    height: 26px;
    text-align: center;
    border-width: 0;
    padding: 0;
    font-size: 1rem;
    position: absolute;
    border-radius: 50%;
    font-weight: 600;
    z-index: 2147483647;
    background: var(--color-copy);
    color: var(--color-white);
    top: -13px;
    right: -13px;
    line-height: 1;
}

.active-template {
    position: relative;
    border: 3px solid var(--color-primary);
}

.active-template:after {
    content: "";
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNS44MDk0NyIgY3k9IjUuODA5NTIiIHI9IjQuMjg1NzEiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01LjY2NjYzIDAuNjY2NjI2QzIuOTA2NjMgMC42NjY2MjYgMC42NjY2MjYgMi45MDY2MyAwLjY2NjYyNiA1LjY2NjYzQzAuNjY2NjI2IDguNDI2NjMgMi45MDY2MyAxMC42NjY2IDUuNjY2NjMgMTAuNjY2NkM4LjQyNjYzIDEwLjY2NjYgMTAuNjY2NiA4LjQyNjYzIDEwLjY2NjYgNS42NjY2M0MxMC42NjY2IDIuOTA2NjMgOC40MjY2MyAwLjY2NjYyNiA1LjY2NjYzIDAuNjY2NjI2Wk00LjY2NjYzIDguMTY2NjNMMi4xNjY2MyA1LjY2NjYzTDIuODcxNjMgNC45NjE2M0w0LjY2NjYzIDYuNzUxNjNMOC40NjE2MyAyLjk1NjYzTDkuMTY2NjMgMy42NjY2M0w0LjY2NjYzIDguMTY2NjNaIiBmaWxsPSIjRTk1NTU1Ii8+Cjwvc3ZnPgo=);
    background-size: 10px 10px;
}

.media-editor-preview-img {
    max-width: 80px;
    max-height: 80px;
}

.media-editor-thumb-img {
    width: 1024px;
}

.full-overlay {
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 9999999991;
    top: 0;
    left: 0;
}

[data-popper-container] {
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    opacity: 1;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

[data-popper-container][aria-hidden="true"] {
    pointer-events: none;
    opacity: 0;
}

.react-tooltip {
    border-radius: var(--border-radius-primary) !important;
    font-size: 12px !important;
    padding: 6px !important;
    transition: opacity 0.3s ease-in-out !important;
}

.policed-tooltip {
    z-index: 2147483647;
    opacity: 0;
    position: fixed;
    padding: 10px;
    transition: opacity 0.3s, visibility 0s 0.3s;
    visibility: hidden;
}

.policed-tooltip p {
    position: relative;
    margin: 0;
    border-radius: var(--border-radius-primary);
    font-size: 0.875rem;
    padding: 5px 10px;
    background: black;
    color: white;
    font-weight: 600;
}

.policed-tooltip p::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #000000 transparent transparent transparent;
}

.policed-tooltip a {
    color: white;
    text-decoration: underline;
    font-weight: 600;
}

.policed-tooltip[data-displayed] {
    opacity: 1;
    transition-delay: 0s;
    visibility: visible;
}

/* CLEANDED UNTIL HERE @PGI 12/03/2025 */

.progress-bar--nostep {
    height: 30px;
    min-width: 300px;
    flex: 1;
    position: relative;
}

.progress-bar--nostep .progress-bar--background {
    background-color: var(--color-secondary);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 0.375rem;
}

.progress-bar--nostep .progress-bar--content {
    width: 50%;
    height: 100%;
    position: absolute;
    border-radius: 0.375rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.progress-bar--nostep .progress-bar--content p {
    margin: 0;
}

.progress-bar--nostep .progress-bar--content.green {
    background-color: var(--color-green);
}

.progress-bar--nostep .progress-bar--content.orange {
    background-color: var(--color-warning);
}

.progress-bar--nostep .progress-bar--content.red {
    background-color: var(--color-primary);
}

.breadcrumb-item {
    font-family: var(--font-primary);
    color: var(--color-grey);
    transition: color 0.3s ease-in-out;
}

.breadcrumb-item:active, .breadcrumb-item:focus {
    color: var(--color-grey);
    text-decoration: none;
}

.breadcrumb-item:hover {
    color: var(--color-copy);
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.breadcrumb-item h5 {
    line-height: 32px;
}

.last-breadcrumb {
    font-family: var(--font-primary);
    color: var(--color-copy);
}

.last-breadcrumb:hover, .last-breadcrumb:active, .last-breadcrumb:focus {
    color: var(--color-copy);
    text-decoration: none;
}

.last-breadcrumb h5 {
    line-height: 32px;
}

.dialog {
    transition: opacity 0.3s ease-in-out, visibility 0s linear 0.2s;
    background: none;
    border: none;
    display: block;
    opacity: 0;
    visibility: hidden;
    z-index: 200000;
}

.dialog::backdrop {
    display: none;
}

.dialog[open], .dialog.open {
    opacity: 1;
    transition-delay: 0s;
    visibility: visible;
}

.dialog, .dialog__backdrop {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.dialog__box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0.375rem;
    background: white;
    min-width: 540px;
    padding: 20px;
}

.dialog__title {
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}

.dialog__close-button {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer;
}

.dialog__backdrop {
    background: #1e1e1e;
    opacity: 0.87;
}

.password-field {
    position: relative;
}

.password-field__toggle-button {
    padding: 0.625rem;
    position: absolute;
    background: none;
    border: none;
    right: 0.5rem;
    top: 0.25rem;
}

.password-field__toggle-button > * {
    display: block;
}

.password-field__strength-indicator {
    position: relative;
    text-align: left;
    margin-top: 0.3125rem;
    display: none;
}

.password-field__strength-indicator.visible {
    display: block;
}

.password-field__strength-indicator__progress {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #EAEAEA;
    border-radius: 0.5rem;
    height: 0.5rem;
}

.password-field__strength-indicator__progress:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: block;
    transition: width 0.3s ease-in-out;
    border-radius: inherit;
    content: '';
    width: 0;
}

.password-field__strength-indicator__progress.weak:after {
    background-color: var(--background-error);
    width: 25%;
}

.password-field__strength-indicator__progress.medium:after {
    background-color: var(--background-warning);
    width: 50%;
}

.password-field__strength-indicator__progress.strong:after {
    background-color: var(--color-card-success);
    width: 100%;
}

.password-field__strength-indicator__label {
    font-size: 0.75rem;
}

.c-select {
    background-color: white;
    border: 1px solid var(--border-color-primary);
    border-radius: var(--border-radius-primary);
    position: relative;
    width: 100%;
}

.c-select:hover {
    cursor: pointer;
}

.c-select__selected {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem;
    min-height: 3rem;
    padding: 1rem 1rem;
    position: relative;
    z-index: 1;
}

.c-select__selected span {
    flex: 1;
    margin-right: 0.25rem;
}

.c-select__selected__icon {
    display: inline-block;
    height: 1rem;
    transform: rotate(-90deg);
    width: 1rem;
}

.c-select__dropdown {
    background-color: white;
    border: 1px solid var(--border-color-primary);
    border-radius: var(--border-radius-primary);
    box-shadow: 0 0.25rem 0.75rem -0.25rem rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    margin: 0;
    max-height: 18.75rem;
    min-width: 100%;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: calc(100% + 0.5rem);
    z-index: 2;
}

.c-select__dropdown__item {
    align-items: center;
    display: flex;
    padding: 0.5rem 1rem;
    transition: background 0.2s;
    white-space: nowrap;
}

.c-select__dropdown__item[data-selected], .c-select__dropdown__item:hover {
    background-color: var(--color-medium-grey);
}

.c-select__dropdown__item[disabled] {
    opacity: .4;
    pointer-events: none;
}

.c-select__dropdown__item:before {
    content: '';
    display: none;
    font-family: 'Material Icons';
    line-height: 1;
    margin-right: 0.5rem;
    width: 1rem;
}

.c-select__dropdown__item[data-selected]:before {
    content: 'check';
}

.c-select.open .c-select__selected__icon {
    transform: rotate(90deg);
}

.c-select.open .c-select__dropdown {
    display: block;
}

.c-select--multiple .c-select__dropdown__item:before {
    display: inline-block;
}

.ability-packs-list {
    list-style: none;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.unstyled_ability_packs_admin_org_edit {
    width: max-content;
    color: #bbb;
    font-weight: 600;
}

#ability_packs_by_category {
    width: 100% !important;
    height: auto;
}

#ability_packs_by_category > h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.card-unlimited {
    margin: 0;
    font-weight: 600;
    border: none;
    position: relative;
    color: var(--color-card-success);
}

.gallery-grid-view {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.checkout-page * {
    font-family: var(--font-primary);
    font-weight: 300;
}

.checkout-page h4,
.checkout-page h5,
.checkout-page h6 {
    margin: 0 0 5px 0;
}

.checkout-page body {
    background: var(--color-primary);
}

.checkout-page {
    min-height: 100vh;
}

.checkout-page .wrapping-div {
    width: 100vw;
}

.checkout-page .fixed {
    position: fixed;
    top: 0;
    background-color: white;
}

.checkout-page .checkout-nav {
    padding: 15px;
    display: flex;
    justify-content: center;
}

.checkout-page .checkout-nav .logo {
    height: 25px;
}

.checkout-page .padding-nav {
    padding-top: 51px;
}

.checkout-page .checkout-header {
    justify-content: space-between;
    padding: 25px 15px;
}

.checkout-page .checkout-header p {
    margin: 0;
    line-height: 18px;
}

.checkout-page .checkout-header .lead {
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: 15px;
}

.checkout-page .header-company {
    font-size: 16px;
}

.checkout-page .invoice-table {
    padding-top: 10px;
}

.checkout-page .invoice-table > div {
    padding: 25px 15px;
}

.checkout-page .invoice-table .table-title h4 {
    font-size: 2.2em;
    font-weight: 600;
    margin: 0;
}

.checkout-page .invoice-table .table-header {
    padding: 10px 15px;
}

.checkout-page .invoice-table .table-header div {
    padding: 0;
}

.checkout-page .invoice-table .table-header .table-title {
    font-weight: 600;
}

.checkout-page .row-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    font-size: 1.2em;
    border-bottom: 1px solid #e7e7e7;
    padding: 8px 0;
}

.checkout-page .row-grid > div {
    padding: 10px;
    word-wrap: normal;
}

.checkout-page .row-grid p {
    margin: 0;
    font-weight: 300;
    font-size: 1.1em;
}

.checkout-page .row-grid .description {
    color: #aaa;
}

.checkout-page .row-grid .bold {
    font-weight: 400;
}

.checkout-page .subtotal p,
.checkout-page .shipping p {
    margin: 0;
    font-weight: 300;
    font-size: 1.4em;
}

.checkout-page .mini {
    font-weight: 300;
    font-size: 0.9em;
    margin: -5px 0 0 0;
}

.checkout-page .p-10, .checkout-page .warning-credit {
    padding: 10px;
}

.checkout-page .ml-10 {
    margin-left: 10px;
}

.checkout-page .border-bottom {
    border-bottom: 1px solid #e7e7e7;
}

.checkout-page .justify-item-between {
    justify-content: space-between;
}

.checkout-page .justify-item-center {
    justify-content: center;
}

.checkout-page .text-strong {
    margin: 0;
}

.checkout-page .bold {
    font-weight: 600;
}

.checkout-page .text-left {
    text-align: left;
}

.checkout-page .text-right {
    text-align: right;
}

.checkout-page .mb-1 {
    margin-bottom: 1em;
}

.checkout-page .mb-2 {
    margin-bottom: 2em;
}

.checkout-page .btn-big {
    padding: 12px 45px;
}

.checkout-page .btn-big:hover {
    padding: 12px 45px;
}

.checkout-page .btn-big > span {
    position: relative;
    top: 3px;
}

.checkout-page .payment {
    padding: 20px 0 100px 0;
    text-align: center;
}

.checkout-page .checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: large;
    flex-direction: column;
}

.checkout-page .custom-checkbox {
    height: 25px;
    width: 40px;
    accent-color: var(--color-primary)
}

@media screen and (min-width: 576px) {
    .checkout-page .row-grid {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto repeat(3, 15%);
    }

    .checkout-page .row-grid.title > div {
        padding: 0 10px 0 10px;
    }

    .checkout-page .checkbox-wrapper {
        flex-direction: row;
    }
}

@media screen and (min-width: 992px) {
    .checkout-page .row-grid {
        font-size: 1em;
    }

    .checkout-page .checkout-nav {
        justify-content: left;
    }

    .checkout-page .subtotal p,
    .checkout-page .shipping p {
        font-size: 1.1em;
    }

    .checkout-page .invoice-table h4 {
        margin: 10px 0 5px 0;
        font-size: 1.4em;
        font-weight: 600;
    }

    .checkout-page .invoice-table h5 {
        margin: 8px 0;
        font-size: 1.15em;
        font-weight: 600;
    }

    .checkout-page .invoice-table > div {
        padding: 0;
    }

    .checkout-page .invoice-table .subtotal > div,
    .checkout-page .invoice-table .shipping > div {
        margin-left: 10px;
        margin-right: 10px;
    }

    .checkout-page .invoice-table .total {
        padding-right: 10px;
    }

    .checkout-page .invoice-table .table-header {
        padding: 10px 0;
    }

    .checkout-page .invoice-table .table-title {
        padding-left: 10px;
    }

    .checkout-page .invoice-table .table-title > h4 {
        font-size: 1.5em;
        font-weight: 600;
        margin: 10px 0;
    }

    .checkout-page .checkout-nav,
    .checkout-page .checkout-header,
    .checkout-page .invoice-table,
    .checkout-page .payment {
        max-width: 60%;
        margin: auto;
    }

    .checkout-page .subtotal,
    .checkout-page .shipping {
        padding: 10px 0;
    }

    .checkout-page .payment {
        text-align: right;
    }
}

.app-container {
    display: flex;
    overflow: hidden;
    position: relative;
    height: 100vh;
}

@supports (-webkit-touch-callout: none) {
    .app-container {
        height: fit-content;
    }
}

.app-outer-container {
    overflow: auto;
    width: 100%;
}

.app-content {
    padding: 1.25rem;
    height: 100%;
    transition: width 0.3s ease-in-out;
    width: 100%;
}

.app-content .ignore-app-content {
    margin: -1.25rem;
}

.app-content-inner {
    height: 100%;
    margin: 0 auto;
    max-width: 96rem;
}

.app-navigation {
    background: var(--color-white);
    padding: 0.625rem;
    padding-bottom: 1.25rem;
    border-style: solid;
    border-color: var(--color-secondary);
    border-width: 0;
    border-right-width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transition: width 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    width: 260px;
    z-index: 200;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (min-width: 1200px) {
    .app-navigation {
        position: static;
    }
}

.app-container .button {
    white-space: nowrap;
}

[data-collapsed-menu] .app-navigation {
    width: 68px;
}

[data-collapsed-menu] .app-navigation.app-navigation-mouse {
    padding-left: 0;
    padding-right: 0;
}

#list {
    display: inline-block;
}

.title .glyphicon-eye-close {
    color: grey;
}

.glyphicon-info-sign {
    margin-right: 5px;
}

#linked_scene {
    height: 400px;
    width: 100%;
}

.content-container.passwords,
.content-container.registrations,
.content-container.sessions {
    max-width: none;
    margin: 0;
    padding: 0;
}

.session-form-new-branding {
    width: 100%;
    max-width: 485px;
}

@media (min-width: 320px) and (max-width: 480px) {
    .session-form-new-branding {
        max-width: 300px;
    }
}

.sessions-background, .sessions-background-signup {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
}

.sessions-background {
    background-color: var(--color-primary);
}

@media only screen and (max-width: 1600px) {
    .sessions-background-signup #right-side, .sessions-background-signup #left-side {
        width: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .sessions-background-signup {
        overflow-y: auto;
    }

    .sessions-background-signup label {
        font-size: 0.875rem;
    }

    .sessions-background-signup #text-area h3 {
        font-size: 1.25rem;
    }

    .sessions-background-signup #text-area p {
        font-size: 1rem;
    }

    .sessions-background-signup #signup-form {
        display: flex;
        flex-direction: column;
    }

    .sessions-background-signup #right-side, .sessions-background-signup #left-side {
        margin-top: 1.875rem;
        width: 325px;
    }

    .sessions-background-signup #right-side {
        border-top-left-radius: 0.375rem;
        border-bottom-left-radius: 0.375rem;
        margin-bottom: 1.875rem;
    }

    .sessions-background-signup #right-side h5 {
        font-size: 1.125rem;
    }

    .sessions-background-signup #left-side {
        border-top-right-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
    }
}

.grey-background {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: url(/packs/view-assets/sessions/grey-background-09247944503610e95fed.png) no-repeat center;
    background-size: cover;
}

#private-access-token ~ #pano {
    filter: blur(40px);
}

.floorplan-hotspot {
    cursor: pointer;
    border: 5px solid transparent;
    position: absolute;
    border-radius: 50%;
    margin-top: -10px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
}

.floorplan-hotspot.inactive {
    background: grey;
}

.floorplan-hotspot.active {
    background: var(--color-primary);
}

div[data-smartlink-showcase] .intro-image {
    position: relative;
    z-index: 999999999;
}

div[data-smartlink-showcase] .intro-logo {
    margin-top: 15px;
    z-index: 9999999999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

div[data-smartlink-showcase] .intro-logo .loading-status-p {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 0;
    color: white;
}

div[data-smartlink-showcase] .intro-logo .brand-logo {
    max-width: 200px;
    max-height: 100px;
}

div[data-smartlink-showcase] #pano {
    height: 100vh;
    width: 100vw;
}

.powered-by-logo {
    height: 60px;
}

button.button--small.no-padding-left {
    padding-left: 0;
}

.smartlinks p {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.smartlinks .smartlink-sm-icon {
    width: 25px;
    margin-right: 8px;
}

.smartlinks .portal-warning-box {
    background-color: var(--color-pillar-market);
    border-radius: var(--border-radius-primary);
    width: 31.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: flex;
}

.smartlinks .portal-warning-box a.bold-underline-link {
    text-decoration: underline;
    font-weight: 600;
}

.smartlinks .portal-warning-box p {
    font-size: 0.875rem;
    margin-bottom: 0;
    font-weight: 600;
}

@keyframes sweep {
    0% {
        opacity: 0;
        margin-top: -10px;
    }
    100% {
        opacity: 1;
        margin-top: 0;
    }
}

.token-toc-label {
    width: calc(100% - 30px);
}

.user_invitation {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.user_invitation__column {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--background-primary);
    padding: 5rem 2.5rem;
    width: 100%;
}

@media screen and (min-width: 810px) {
    .user_invitation {
        flex-direction: row;
    }

    .user_invitation__column {
        min-height: 100vh;
        padding: 5rem;
        width: auto;
    }
}

.user_invitation__column--invert {
    background: var(--color-white);
}

.user_invitation__picture {
    max-width: 31.25rem;
    width: 100%;
}

.user_invitation__content {
    width: 100%;
}

.user_invitation__logo {
    margin-bottom: 2.5rem;
    max-width: 12.5rem;
}

.user_invitation__headline {
    font-size: 2.375rem;
    font-weight: 600;
    max-width: 28.125rem;
}

.user_invitation_form__header {
    margin-bottom: 2.5rem;
}

.user_invitation_form__logo {
    max-width: 100%;
    max-height: 5rem;
    margin-bottom: 1rem;
}

.user_invitation_form__headline {
    font-family: var(--font-primary);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.user_invitation_form__headline strong {
    color: var(--color-primary);
}

.user_invitation_form__instructions {
    font-size: 1rem;
}

.user_invitation_form .form-input {
    margin-bottom: 0;
}

.user_invitation_message {
    text-align: left;
}

.user_invitation_message__title {
    font-family: var(--font-primary);
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.user_invitation_message__title strong {
    color: var(--color-primary);
}

.user_invitation_message__text {
    font-family: var(--font-secondary);
    margin: 0;
    margin-bottom: 0.625rem;
    font-size: 1rem;
    font-weight: 400;
}

@font-face {
    font-family: "nodal-icon";
    src: url(/packs/static/fonts/nodal-icon/nodal-icon-a3c1c87fd38f149ba632.ttf?6ebf800dbc1ab790d976b0c6749fb7fe) format("truetype"), url(/packs/static/fonts/nodal-icon/nodal-icon-45b9770c01b05cd3a795.woff?6ebf800dbc1ab790d976b0c6749fb7fe) format("woff"), url(/packs/static/fonts/nodal-icon/nodal-icon-b6cbc8f1182577d31d1c.woff2?6ebf800dbc1ab790d976b0c6749fb7fe) format("woff2");
}

i[class^="nodal-icon-"]:before, i[class*=" nodal-icon-"]:before {
    font-family: nodal-icon !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nodal-icon-360:before {
    content: "";
}

.nodal-icon-adjust:before {
    content: "";
}

.nodal-icon-alert:before {
    content: "";
}

.nodal-icon-antibracket_blur:before {
    content: "";
}

.nodal-icon-arrow_down_a_z:before {
    content: "";
}

.nodal-icon-arrow_down:before {
    content: "";
}

.nodal-icon-arrow_left:before {
    content: "";
}

.nodal-icon-arrow_pointer:before {
    content: "";
}

.nodal-icon-arrow_right_arrow_left:before {
    content: "";
}

.nodal-icon-arrow_right:before {
    content: "";
}

.nodal-icon-arrow_up_arrow_down:before {
    content: "";
}

.nodal-icon-arrow_up_right_from_square:before {
    content: "";
}

.nodal-icon-arrow_up:before {
    content: "";
}

.nodal-icon-arrows_rotate:before {
    content: "";
}

.nodal-icon-backward:before {
    content: "";
}

.nodal-icon-bars_filter:before {
    content: "";
}

.nodal-icon-bars:before {
    content: "";
}

.nodal-icon-battery_empty:before {
    content: "";
}

.nodal-icon-battery_full:before {
    content: "";
}

.nodal-icon-bed:before {
    content: "";
}

.nodal-icon-bell:before {
    content: "";
}

.nodal-icon-blue_sky:before {
    content: "";
}

.nodal-icon-blur:before {
    content: "";
}

.nodal-icon-bolt:before {
    content: "";
}

.nodal-icon-book:before {
    content: "";
}

.nodal-icon-briefcase:before {
    content: "";
}

.nodal-icon-calendar_circle_plus:before {
    content: "";
}

.nodal-icon-calendar_outline:before {
    content: "";
}

.nodal-icon-calendar_solid:before {
    content: "";
}

.nodal-icon-calendar:before {
    content: "";
}

.nodal-icon-camera_outline:before {
    content: "";
}

.nodal-icon-camera_solid:before {
    content: "";
}

.nodal-icon-camera:before {
    content: "";
}

.nodal-icon-capture_mode:before {
    content: "";
}

.nodal-icon-car:before {
    content: "";
}

.nodal-icon-cart_shopping:before {
    content: "";
}

.nodal-icon-chargebee:before {
    content: "";
}

.nodal-icon-chart_column:before {
    content: "";
}

.nodal-icon-chart_mixed:before {
    content: "";
}

.nodal-icon-chart_scatter:before {
    content: "";
}

.nodal-icon-check:before {
    content: "";
}

.nodal-icon-chevron_down:before {
    content: "";
}

.nodal-icon-chevron_left:before {
    content: "";
}

.nodal-icon-chevron_right:before {
    content: "";
}

.nodal-icon-chevron_up:before {
    content: "";
}

.nodal-icon-chevrons_down:before {
    content: "";
}

.nodal-icon-chevrons_up:before {
    content: "";
}

.nodal-icon-circle_info:before {
    content: "";
}

.nodal-icon-circle_pause:before {
    content: "";
}

.nodal-icon-circle_play:before {
    content: "";
}

.nodal-icon-circle_question:before {
    content: "";
}

.nodal-icon-clock:before {
    content: "";
}

.nodal-icon-cloud_arrow_up:before {
    content: "";
}

.nodal-icon-cloud_check:before {
    content: "";
}

.nodal-icon-cloud_slash:before {
    content: "";
}

.nodal-icon-cloud-save:before {
    content: "";
}

.nodal-icon-coins:before {
    content: "";
}

.nodal-icon-comment:before {
    content: "";
}

.nodal-icon-contact:before {
    content: "";
}

.nodal-icon-copy:before {
    content: "";
}

.nodal-icon-crop:before {
    content: "";
}

.nodal-icon-cross:before {
    content: "";
}

.nodal-icon-crosshairs:before {
    content: "";
}

.nodal-icon-crown:before {
    content: "";
}

.nodal-icon-dark_mode:before {
    content: "";
}

.nodal-icon-dashboard:before {
    content: "";
}

.nodal-icon-delete:before {
    content: "";
}

.nodal-icon-denoising:before {
    content: "";
}

.nodal-icon-description:before {
    content: "";
}

.nodal-icon-dots:before {
    content: "";
}

.nodal-icon-download:before {
    content: "";
}

.nodal-icon-drop-arrow:before {
    content: "";
}

.nodal-icon-edge_enhancement:before {
    content: "";
}

.nodal-icon-edit:before {
    content: "";
}

.nodal-icon-envelope:before {
    content: "";
}

.nodal-icon-error:before {
    content: "";
}

.nodal-icon-euro:before {
    content: "";
}

.nodal-icon-exit_camera:before {
    content: "";
}

.nodal-icon-eye_hide:before {
    content: "";
}

.nodal-icon-eye_show:before {
    content: "";
}

.nodal-icon-eye_slash:before {
    content: "";
}

.nodal-icon-eye:before {
    content: "";
}

.nodal-icon-face_frown:before {
    content: "";
}

.nodal-icon-face_smile:before {
    content: "";
}

.nodal-icon-facebook:before {
    content: "";
}

.nodal-icon-faq_outline:before {
    content: "";
}

.nodal-icon-faq_solid:before {
    content: "";
}

.nodal-icon-field_shield:before {
    content: "";
}

.nodal-icon-file_signature:before {
    content: "";
}

.nodal-icon-file_slash:before {
    content: "";
}

.nodal-icon-filter:before {
    content: "";
}

.nodal-icon-floorplan_dark:before {
    content: "";
}

.nodal-icon-floorplan:before {
    content: "";
}

.nodal-icon-forward:before {
    content: "";
}

.nodal-icon-gauge:before {
    content: "";
}

.nodal-icon-gear:before {
    content: "";
}

.nodal-icon-globe:before {
    content: "";
}

.nodal-icon-goal_immersive:before {
    content: "";
}

.nodal-icon-google:before {
    content: "";
}

.nodal-icon-grid:before {
    content: "";
}

.nodal-icon-handshake:before {
    content: "";
}

.nodal-icon-hashtag:before {
    content: "";
}

.nodal-icon-hd:before {
    content: "";
}

.nodal-icon-hdr:before {
    content: "";
}

.nodal-icon-headset:before {
    content: "";
}

.nodal-icon-heart:before {
    content: "";
}

.nodal-icon-hourglass:before {
    content: "";
}

.nodal-icon-house:before {
    content: "";
}

.nodal-icon-house360:before {
    content: "";
}

.nodal-icon-hubspot:before {
    content: "";
}

.nodal-icon-id_card:before {
    content: "";
}

.nodal-icon-image:before {
    content: "";
}

.nodal-icon-import:before {
    content: "";
}

.nodal-icon-indoors_off:before {
    content: "";
}

.nodal-icon-indoors:before {
    content: "";
}

.nodal-icon-info:before {
    content: "";
}

.nodal-icon-instagram:before {
    content: "";
}

.nodal-icon-intercom:before {
    content: "";
}

.nodal-icon-iphone:before {
    content: "";
}

.nodal-icon-key:before {
    content: "";
}

.nodal-icon-language:before {
    content: "";
}

.nodal-icon-laptop:before {
    content: "";
}

.nodal-icon-layer_group:before {
    content: "";
}

.nodal-icon-lightbulb:before {
    content: "";
}

.nodal-icon-link:before {
    content: "";
}

.nodal-icon-list_check:before {
    content: "";
}

.nodal-icon-list_order:before {
    content: "";
}

.nodal-icon-location_dot_slash:before {
    content: "";
}

.nodal-icon-location_dot:before {
    content: "";
}

.nodal-icon-location_pin_active:before {
    content: "";
}

.nodal-icon-location_pin_inactive:before {
    content: "";
}

.nodal-icon-lock_keyhole:before {
    content: "";
}

.nodal-icon-log_out:before {
    content: "";
}

.nodal-icon-logout:before {
    content: "";
}

.nodal-icon-lost_files:before {
    content: "";
}

.nodal-icon-magic:before {
    content: "";
}

.nodal-icon-magnet:before {
    content: "";
}

.nodal-icon-magnifying_glass:before {
    content: "";
}

.nodal-icon-matterport:before {
    content: "";
}

.nodal-icon-media_editor:before {
    content: "";
}

.nodal-icon-messages:before {
    content: "";
}

.nodal-icon-microphone_off:before {
    content: "";
}

.nodal-icon-microphone_on:before {
    content: "";
}

.nodal-icon-microphone_slash:before {
    content: "";
}

.nodal-icon-microphone:before {
    content: "";
}

.nodal-icon-microsoft:before {
    content: "";
}

.nodal-icon-minus:before {
    content: "";
}

.nodal-icon-mobile_notch:before {
    content: "";
}

.nodal-icon-move:before {
    content: "";
}

.nodal-icon-name:before {
    content: "";
}

.nodal-icon-negative:before {
    content: "";
}

.nodal-icon-new:before {
    content: "";
}

.nodal-icon-newspaper:before {
    content: "";
}

.nodal-icon-noise_reduction:before {
    content: "";
}

.nodal-icon-note_sticky:before {
    content: "";
}

.nodal-icon-notification:before {
    content: "";
}

.nodal-icon-organisation:before {
    content: "";
}

.nodal-icon-outdoors_off:before {
    content: "";
}

.nodal-icon-padlock_open:before {
    content: "";
}

.nodal-icon-padlock:before {
    content: "";
}

.nodal-icon-panorama_count_dark:before {
    content: "";
}

.nodal-icon-panorama:before {
    content: "";
}

.nodal-icon-participants:before {
    content: "";
}

.nodal-icon-pause_circle:before {
    content: "";
}

.nodal-icon-pause:before {
    content: "";
}

.nodal-icon-pen:before {
    content: "";
}

.nodal-icon-percent:before {
    content: "";
}

.nodal-icon-perspective_correction:before {
    content: "";
}

.nodal-icon-phone:before {
    content: "";
}

.nodal-icon-picture:before {
    content: "";
}

.nodal-icon-placeholder:before {
    content: "";
}

.nodal-icon-play_video:before {
    content: "";
}

.nodal-icon-play:before {
    content: "";
}

.nodal-icon-plus:before {
    content: "";
}

.nodal-icon-podcast:before {
    content: "";
}

.nodal-icon-power_off:before {
    content: "";
}

.nodal-icon-power:before {
    content: "";
}

.nodal-icon-presentation_screen:before {
    content: "";
}

.nodal-icon-privacy-tip:before {
    content: "";
}

.nodal-icon-privacy:before {
    content: "";
}

.nodal-icon-profile:before {
    content: "";
}

.nodal-icon-progress_circle_cut:before {
    content: "";
}

.nodal-icon-question:before {
    content: "";
}

.nodal-icon-recent_activity:before {
    content: "";
}

.nodal-icon-redo:before {
    content: "";
}

.nodal-icon-rico_theta:before {
    content: "";
}

.nodal-icon-role_short_term:before {
    content: "";
}

.nodal-icon-rotate_left:before {
    content: "";
}

.nodal-icon-rotate_right:before {
    content: "";
}

.nodal-icon-ruler_combined:before {
    content: "";
}

.nodal-icon-search:before {
    content: "";
}

.nodal-icon-selection:before {
    content: "";
}

.nodal-icon-self_timer:before {
    content: "";
}

.nodal-icon-send:before {
    content: "";
}

.nodal-icon-settings:before {
    content: "";
}

.nodal-icon-share_nodes:before {
    content: "";
}

.nodal-icon-share:before {
    content: "";
}

.nodal-icon-shield_exclamation:before {
    content: "";
}

.nodal-icon-shooting:before {
    content: "";
}

.nodal-icon-shop:before {
    content: "";
}

.nodal-icon-shower:before {
    content: "";
}

.nodal-icon-shutter_speed:before {
    content: "";
}

.nodal-icon-sliders_up:before {
    content: "";
}

.nodal-icon-smartphone:before {
    content: "";
}

.nodal-icon-sound:before {
    content: "";
}

.nodal-icon-sparkles:before {
    content: "";
}

.nodal-icon-spinner_third:before {
    content: "";
}

.nodal-icon-square_parking:before {
    content: "";
}

.nodal-icon-square_poll_horizontal:before {
    content: "";
}

.nodal-icon-square_poll_vertical:before {
    content: "";
}

.nodal-icon-star_outline:before {
    content: "";
}

.nodal-icon-star_solid:before {
    content: "";
}

.nodal-icon-star:before {
    content: "";
}

.nodal-icon-stats:before {
    content: "";
}

.nodal-icon-sun:before {
    content: "";
}

.nodal-icon-synchronize:before {
    content: "";
}

.nodal-icon-table_picnic:before {
    content: "";
}

.nodal-icon-tag:before {
    content: "";
}

.nodal-icon-take_video:before {
    content: "";
}

.nodal-icon-terms:before {
    content: "";
}

.nodal-icon-text:before {
    content: "";
}

.nodal-icon-thumbs_down:before {
    content: "";
}

.nodal-icon-thumbs_up:before {
    content: "";
}

.nodal-icon-tick:before {
    content: "";
}

.nodal-icon-timeline_outline:before {
    content: "";
}

.nodal-icon-timeline_solid:before {
    content: "";
}

.nodal-icon-timer:before {
    content: "";
}

.nodal-icon-toilet:before {
    content: "";
}

.nodal-icon-transfer:before {
    content: "";
}

.nodal-icon-transition:before {
    content: "";
}

.nodal-icon-trash:before {
    content: "";
}

.nodal-icon-tree_deciduous:before {
    content: "";
}

.nodal-icon-triangle_exclamation:before {
    content: "";
}

.nodal-icon-undo:before {
    content: "";
}

.nodal-icon-unlock_keyhole:before {
    content: "";
}

.nodal-icon-unuploaded:before {
    content: "";
}

.nodal-icon-up_right_and_down_left_from_center:before {
    content: "";
}

.nodal-icon-update:before {
    content: "";
}

.nodal-icon-upload_hd:before {
    content: "";
}

.nodal-icon-upload:before {
    content: "";
}

.nodal-icon-user_magnifying_glass:before {
    content: "";
}

.nodal-icon-user_outline:before {
    content: "";
}

.nodal-icon-user_plus:before {
    content: "";
}

.nodal-icon-user_solid:before {
    content: "";
}

.nodal-icon-user:before {
    content: "";
}

.nodal-icon-users:before {
    content: "";
}

.nodal-icon-video_count_dark:before {
    content: "";
}

.nodal-icon-video_editor:before {
    content: "";
}

.nodal-icon-video:before {
    content: "";
}

.nodal-icon-volume:before {
    content: "";
}

.nodal-icon-vr:before {
    content: "";
}

.nodal-icon-wand_magic_sparkles:before {
    content: "";
}

.nodal-icon-wave_pulse:before {
    content: "";
}

.nodal-icon-white_boosting:before {
    content: "";
}

.nodal-icon-xmark:before {
    content: "";
}

.nodal-icon-zoom_in:before {
    content: "";
}

.nodal-icon-zoom_out:before {
    content: "";
}

.admin-layout .mdl-layout__content {
    z-index: unset;
    width: -webkit-fill-available;
    width: -moz-available;
    overflow: auto;
}

.always-show-drawer-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.admin-layout .mdl-layout__drawer-button {
    color: var(--color-primary);
    margin: 0;
    font-size: 24px;
}

.no-border {
    border: 0
}

.admin-layout .mdl-layout__drawer-button .material-icons {
    font-size: 28px;
}

.admin-layout .dd-first-cell {
    border-top: none;
}

.admin-layout .tour-search.medium-large-list dt {
    min-width: 45%;
    width: auto;
}

@media (max-width: 839px) {
    .admin-layout .tour-search.mdl-cell {
        margin: 0;
        width: calc(100% - 16px);
    }

    .admin-layout .dd-first-cell.right {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
    }
}

.admin-layout .flex-form {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.admin-layout .flex-form input {
    flex: 1;
    box-shadow: none;
}

.admin-layout .flex-form .checkbox {
    max-width: 20%;
    margin-right: 20%;
}

@media (max-width: 767px) {
    .admin-layout .flex-form input {
        max-width: 100% !important;
    }

    .admin-layout .flex-form label {
        display: none;
    }
}

.admin-layout .flex-form > :nth-child(n) {
    margin: 0 7px;
}

.admin-layout .flex-form > :nth-child(1) {
    margin-left: 0;
}

.admin-layout .flex-form > :nth-last-child(1) {
    margin-right: 0;
}

.admin-layout .admin-header {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid lightgray;
    height: 50px;
    min-height: 50px;
}

.admin-layout .admin-header .admin-top-nav-div {
    padding-left: 0;
    height: 50px;
}

.admin-layout .admin-header .admin-top-nav-div nav a {
    color: #6d6d6d;
    text-transform: uppercase;
    font-weight: 600;
}

.admin-layout .admin-header .admin-top-nav-div nav .active-top-nav-link {
    font-weight: 600;
    color: var(--color-primary);
}

.admin-layout .fixed-top-warning {
    background-color: #f56559;
    font-size: 12px;
    position: fixed;
    left: 239px;
    right: 0;
    padding: 10px;
    text-align: center;
    top: 50px;
    text-transform: uppercase;
    color: white;
}

.admin-layout .admin-side-bar header {
    padding: 20px;
}

.admin-layout .admin-side-bar header .navigation-logo-light {
    padding: 20px;
    border-radius: 2px;
    width: auto;
}

.admin-layout .admin-side-bar header .navigation-logo-light:hover {
    background-color: #3f5b6d;
}

.admin-layout .admin-side-bar .side-navigation {
    padding-top: 0;
}

.admin-layout .admin-side-bar .side-navigation .active {
    background-color: var(--color-primary);
}

.admin-layout .admin-side-bar .side-navigation a {
    font-family: var(--font-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.admin-layout .admin-side-bar .side-navigation a:hover {
    background-color: #3f5b6d;
}

.admin-layout .main-content-search {
    min-width: 500px;
}

.admin-layout .main-content-search form {
    margin-left: -3px;
}

.admin-layout .admin-tab .admin-tab-header .admin-tab-bar {
    justify-content: flex-start;
}

.admin-layout .admin-tab .admin-tab-header .admin-tab-bar .admin-tab-bar-link {
    padding: 0;
    text-transform: initial;
    font-weight: 600;
}

.admin-layout .admin-tab .admin-tab-header .admin-tab-bar .admin-tab-bar-link:focus, .admin-layout .admin-tab .admin-tab-header .admin-tab-bar .admin-tab-bar-link:active {
    text-decoration: initial;
}

.admin-layout .admin-tab .admin-tab-header .admin-tab-bar .admin-tab-bar-link:not(:last-child) {
    margin-right: 30px;
}

.admin-layout .admin-tab .admin-tab-header .admin-tab-bar .is-active:after {
    background: var(--color-primary);
}

.admin-layout .admin-tab .admin-tab-header .admin-tab-bar--between {
    justify-content: space-between;
}

.admin-layout .navigation-clear {
    background: initial;
    border: none;
}

.admin-layout .navigation-clear .disabled {
    background-color: initial;
}

.disabled {
    background-color: #eee;
    color: #c1c0c0;
    opacity: 0.7;
    cursor: no-drop;
}

.tours-admin-table tbody > tr > td {
    vertical-align: middle;
}

.admin .sidebar .side-navigation {
    text-align: left;
}

.admin .sidebar .side-navigation li {
    margin: 0;
    padding: 15px;
}

.admin .sidebar .side-navigation li .icon-nav {
    color: var(--color-primary);
    position: absolute;
}

.admin .sidebar .side-navigation li .text-nav {
    margin-left: 30px;
    font-weight: 600;
}

.admin .sidebar .side-navigation .active {
    background-color: #2c4151;
    color: white;
}

.admin .sidebar .side-navigation .active:hover {
    background-color: #2c4151;
    color: white;
}

.admin .sidebar .side-navigation .subnav-item {
    padding: 10px 10px 10px 45px;
}

.admin .sidebar .side-navigation .subnav-item .icon-subnav {
    position: absolute;
    color: #2c4251;
}

.admin .sidebar .side-navigation .subnav-item .text-subnav {
    color: #acb2b7;
    margin-left: 20px;
}

.admin .sidebar .side-navigation .subnav-item:hover .text-subnav {
    color: var(--color-primary);
    margin-left: 20px;
}

.admin .sidebar .side-navigation li:hover {
    background-color: #dddddd;
}

@media (min-width: 768px) {
    .admin .main {
        padding-top: 20px;
        padding-bottom: 40px;
        padding-right: 40px;
        padding-left: 240px;
        /* 200 + 40 */
    }
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    font-weight: 600;
    font-family: var(--font-primary);
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, .2) inset;
    -webkit-text-fill-color: #4c4547;
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, .2) inset;
    transition: background-color 5000s ease-in-out 0s;
}

.tour-title {
    font-size: 16px;
    text-decoration: underline;
    margin-bottom: 10px;
}

.price-panel img {
    height: 30px;
    width: 30px;
}

.price-panel .icon-value {
    margin: 0;
}

.description-panel {
    padding: 0;
}

@media (max-width: 768px) {
    .description-panel {
        font-size: 10px;
    }
}

.description-panel div {
    padding: 0;
    margin-bottom: 10px;
}

.description-panel div img {
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 10px;
    display: inline-block;
}

@media (max-width: 768px) {
    .description-panel div img {
        height: 20px;
        width: 20px;
    }
}

.description-panel div .icon-value {
    float: left;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 5px;
}

.intro-logo {
    width: 400px;
    z-index: 9999999999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 6px;
    padding: 0 30px 10px;
}

.intro-logo > img {
    height: 40px;
    display: block;
    margin: 20px auto 30px;
}

.intro-logo .loading-text {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 0;
    color: white;
    font-weight: 600;
}

.chatbox {
    z-index: 1201;
    right: 1em;
    transition: all 300ms ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.chatbox__display {
    background: #ededed;
    padding: 0.75em;
    display: flex;
    flex-direction: column;
    overflow: auto;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
}

.chatbox__display-chat {
    background: #fff;
    border-radius: 0.5em;
    color: #666;
    font-weight: 300;
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 0.2em 0.75em;
    width: 85%;
    text-align: left;
    margin-bottom: 10px;
}

.chatbox__display-chat p {
    word-break: keep-all;
    overflow-wrap: break-word;
}

.chatbox__display-chat .name {
    font-size: 0.8em;
    font-weight: 600;
}

.chatbox__display-chat.host {
    box-shadow: 0 0 3px var(--color-primary);
}

.chatbox__display-chat.me {
    margin-left: auto;
    background: var(--color-primary);
    color: white;
}

.chatbox__display-chat.me .name {
    text-align: right;
}

.chatbox__display-chat.others {
    float: left;
}

.chatbox__display-chat p {
    margin: 0 !important;
}

.chatbox__form {
    display: flex;
    padding: 10px;
    background: #ededed;
}

.chatbox__form-input {
    border: none;
    color: #222;
    font-size: 0.9rem;
    font-weight: 300;
    /* padding: 1.25em 1em; */
    width: 100%;
    border-radius: 0;
}

.chatbox__form-input:required {
    box-shadow: none;
}

.chatbox__form-submit {
    background: white;
    border: none;
}

.chatbox__form-submit img {
    height: 30px;
    margin-right: 10px;
}

@keyframes ellipsis {
    to {
        width: 14px;
    }
}

[data-typing-message] {
    background: #ededed;
    padding: 0 10px;
    font-style: italic;
    font-size: 14px;
    margin: 0;
}

[data-typing-message]:empty {
    display: none;
}

[data-typing-message]:after {
    content: "\2026";
    width: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    animation: ellipsis steps(4, end) 1500ms infinite;
    margin-left: 5px;
}

* .bg-primary-blue {
    background-color: #2c4050;
}

* .bg-info-green {
    background-color: #5FDB2C;
}

* .bg-info-red {
    background-color: #EE4637;
}

* .bg-info-gold {
    background-color: #EC9C2A;
}

* .bg-info-blue {
    background-color: #4384c3;
}

* .bg-ndlv-button-red {
    background-color: var(--color-primary);
    color: white;
}

* .bg-ndlv-button-red:hover, * .bg-ndlv-button-red:active {
    background-color: var(--color-primary);
}

* .button-medium {
    line-height: 35px;
    height: initial;
}

* .mdh-expandable-search {
    align-items: center;
    justify-content: center;
}

* .mdh-expandable-search form {
    max-width: 600px;
}

* .mdh-expandable-search,
* .mdh-expandable-search form,
* .mdh-expandable-search input {
    flex-grow: 1;
}

* .mdh-expandable-search,
* .mdh-expandable-search form {
    display: inline-flex;
}

* .delete-text-search {
    opacity: 0;
    position: relative;
    margin-left: -25px;
    margin-top: 4px;
}

* .delete-text-search[data-search-delete-trigger] {
    opacity: 1;
}

* .mdh-expandable-search .searchbar-icon {
    cursor: pointer;
    position: relative;
    right: -40px;
    margin-left: -24px;
    /* Remove the blank space left behind by the icon being relatively positioned */
}

* .mdh-expandable-search .searchbar-icon-button {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
}

* .mdh-expandable-search .searchbar-icon-button .material-icons {
    margin-right: 0;
}

* .mdh-expandable-search input {
    outline: none;
    font-size: 14px;
    background-color: white;
    padding: 0 35px 0 35px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #515051;
}

* .mdh-expandable-search input:focus {
    border: 2px solid #515051;
}

* .mdh-expandable-search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    opacity: 1;
    /* Firefox gives the placeholder a reduced opacity so we have to increase it */
}

* .dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

* .dot-red {
    background-color: #FF6A6A;
}

* .dot-green {
    background-color: #5FDB2C;
}

* .dot-orange {
    background-color: #FFCB2D;
}

* .mdl-data-table .text-center {
    text-align: center;
}

* .mdl-data-table .text-right {
    text-align: right;
}

* .mdl-data-table .text-left {
    text-align: left;
}

* .title-div {
    position: relative;
}

* .title-div .inner-right-button {
    position: absolute;
    top: 0;
    right: 0;
}

* .rounded-corner-table {
    border: solid #a3a3a3 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

* .rounded-corner-table th {
    padding-bottom: 10px;
    font-size: 14px;
}

* .rounded-corner-table td {
    border-bottom: none;
}

* .rounded-corner-table td,
* .rounded-corner-table th {
    /* border-left:solid black 1px; */
    /*border-top:solid black 1px; */
}

* .rounded-corner-table thead th:first-child {
    border-top-left-radius: 4px;
}

* .rounded-corner-table thead th:last-child {
    border-top-right-radius: 4px;
}

* .rounded-corner-table thead th {
    border-bottom: 1px solid #a3a3a3;
    font-family: var(--font-primary);
    color: #2c4050;
}

* .rounded-corner-table th {
    background-color: #efefef;
    border-top: none;
}

* .rounded-corner-table td:first-child,
* .rounded-corner-table th:first-child {
    border-left: none;
}

* .rounded-corner-table tbody tr:first-child td {
    border-top: none;
}

* .mdl-grid .mdl-grid.mdl-grid--nesting {
    margin: 0 0;
}

* .padded-content-card {
    padding: 0 24px;
}

* .border-round {
    border-radius: 5px;
}

* .bordered-box-light {
    border: 1px solid #d4d4d4;
}

* .back-to-main-category-link {
    color: #bbb;
}

* .transparent-data-list {
    margin-bottom: 10px;
    vertical-align: top;
}

* .transparent-data-list dt {
    float: left;
    margin-right: 10px;
    width: 150px;
    color: #bbb;
    font-family: var(--font-primary);
    padding: 12px 10px 12px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

* .transparent-data-list dd {
    padding: 12px 10px 12px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

* .transparent-data-list dd a {
    text-decoration: underline;
}

* .transparent-data-list dd a:hover {
    color: var(--color-primary);
}

* .transparent-data-list dd .mdl-switch {
    top: -3px;
}

* .form-list dl dt {
    width: 40%;
}

* .form-list dl dd {
    border-top: 1px solid transparent;
}

* .form-list dl dd input {
    padding: 7px;
    margin-top: -7px;
    border: 1px solid #cecece;
    width: 55%;
}

* .form-list dl dd select {
    width: 55%;
}

* .save-button-lower-container {
    margin-left: -24px;
    margin-right: -24px;
    background-color: #efefef;
    padding: 8px 24px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: center;
}

* .medium-large-list dt {
    width: 300px;
}

* .medium-large-list dt,
* .medium-large-list dd {
    padding: 16px 10px 16px 0;
    height: 55px;
}

* .mdl-switch.is-checked .mdl-switch__thumb {
    background-color: #79c469;
}

* .mdl-switch.is-checked .mdl-switch__track {
    background: rgba(121, 196, 105, 0.5);
}

* .mdl-switch.is-checked .mdl-js-ripple-effect .mdl-ripple {
    background: #79c469;
}

* .mdl-switch .mdl-switch__thumb {
    background-color: #adadad;
}

* .main-content-grid {
    padding: 0 50px;
    overflow: auto;
}

* .fancybox-bg {
    opacity: 1;
}

* .bootstrap-tagsinput {
    background-color: #fff;
    width: 100%;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}

* .bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
}

* .bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1;
}

* .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777;
}

* .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777;
}

* .bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}

* .bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    background-color: var(--color-primary);
}

* .bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}

* .bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0 2px;
}

* .bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

* .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

* .material-icons {
    margin-right: 11px;
    font-size: 16px;
}

* .greyed-out {
    color: rgba(0, 0, 0, 0.3) !important;
    background-color: transparent;
}

* .material-icons.disabled {
    color: rgba(0, 0, 0, 0.11) !important;
    background-color: transparent;
}

* .glyphicon.disabled {
    color: rgba(0, 0, 0, 0.11) !important;
    background-color: transparent;
}

* h1,
* h2,
* h3,
* h4,
* h5,
* h6 {
    font-family: var(--font-primary);
}

* .h-style {
    font-family: var(--font-primary);
}

* .intro-image .intro-progress {
    height: 300px;
    z-index: 9999999999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

* .intro-image .intro-progress > svg {
    height: 100%;
    display: block;
}

* .intro-image img {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px) {
    * .intro-image {
        /* Specific to this particular image */
    }

    * .intro-image img.bg {
        left: 50%;
        margin-left: -512px;
        /* 50% */
    }
}

* select:focus,
* select,
* textarea:focus,
* textarea,
* button:focus,
* button,
* input:focus,
* input {
    outline: none;
}

* .button-action,
* .button-action:hover,
* .button-action:active,
* .button-action:focus,
* .button-action:visited {
    background-color: var(--color-primary);
    color: white;
    border: 1px solid var(--color-primary);
    text-transform: uppercase;
    outline: none;
    font-weight: 600;
    padding: 6px 12px;
    text-decoration: none !important;
}

* .button-action-green,
* .button-action-green:hover,
* .button-action-green:active,
* .button-action-green:focus,
* .button-action-green:visited {
    background-color: var(--color-green);
    color: white;
    border: 1px solid var(--color-green);
}

* .button-action:disabled,
* .button-action:disabled:hover {
    border: 1px solid #fc8388;
    background-color: #fc8388;
    color: #e2e2e2;
}

* .viewer-overlay-close {
    display: inline-block;
    font-size: 19px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 2px solid gray;
    background-color: #ffffff;
    z-index: 9999;
    cursor: pointer;
}

* .viewer-overlay-close span {
    color: grey;
}

* .viewer-overlay-close:hover {
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
    background-color: rgba(255, 255, 255, 0.9);
}

* .viewer-overlay-close:hover span {
    color: var(--color-primary);
}

* .map-overlay-btn {
    padding: 6px 12px;
    cursor: pointer;
    background: var(--color-primary);
    color: var(--color-white);
    transition: background 0.3s ease-in-out;
    border-radius: var(--border-radius-primary);
}

* .map-overlay-btn:hover {
    background: var(--color-primary-hover);
    color: var(--color-white);
}

* p {
    font-size: 16px;
}

* input {
    padding: 10px;
    border: none;
    border-radius: 2px;
}

* .content-container {
    max-width: 1045px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    min-height: 600px;
}

* .content-container p:not(.text-sm) {
    font-size: 16px;
}

* img {
    margin: 0;
}

* .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

* .selected {
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: white;
}

* .navbar {
    z-index: 890;
}

* nav .nav-logo img {
    max-height: 36px;
}

@media only screen and (max-width: 568px) {
    * nav .nav-logo img {
        max-width: 100%;
    }
}

* .content {
    text-align: center;
}

* .content #pano {
    margin: 0 auto;
}

* .modal-dialog .modal-content {
    background-color: #f5f5f5;
    border-radius: 2px;
}

* .modal-dialog .modal-content .modal-header {
    border-bottom: 1px solid var(--color-primary);
}

* .modal-dialog .close:hover {
    color: var(--color-primary);
    opacity: 1;
}

* .field {
    padding-left: 3px;
}

* .nodalview-pagination {
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    text-align: center;
    padding: 1em;
    cursor: default;
}

* .nodalview-pagination a,
* .nodalview-pagination span {
    padding: 0.2em 0.3em;
}

* .nodalview-pagination .disabled {
    color: #aaaaaa;
}

* .nodalview-pagination .current {
    font-style: normal;
    font-weight: 600;
    color: white;
    background-color: var(--color-primary);
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}

* .nodalview-pagination a:not(.button) {
    text-decoration: none;
    color: black;
}

* .nodalview-pagination a:hover,
* .nodalview-pagination a:focus {
    font-weight: 600;
}

* .modal {
    z-index: 1400;
    text-align: center;
}

* .modal input {
    padding: 10px;
    border-radius: 2px;
    width: 100%;
    display: inline-block;
}

* .modal .btn-rounded {
    border-radius: 40px;
    padding: 6px;
}

* .modal .btn-rounded:focus, * .modal .btn-rounded:active:focus {
    outline: none;
}

* .btn-rounded {
    border-radius: var(--border-radius-primary);
}

* .pointer {
    cursor: pointer;
}

.fc-container .fancybox-bg {
    background: #eee;
}

.fancybox-is-open.fc-container .fancybox-bg {
    opacity: 0.95;
}

.fc-content {
    margin: 20px;
    max-width: 550px;
    padding: 50px;
    box-shadow: 10px 10px 60px -25px;
    border-radius: 4px;
}

.fc-content h3 {
    margin-top: 0;
    font-size: 1.6em;
    letter-spacing: normal;
}

.fc-content p {
    color: #666;
    line-height: 1.5;
}

.fc-content p:last-child {
    margin-bottom: 0;
}

/* Custom animation */
.fancybox-fx-material.fancybox-slide--previous,
.fancybox-fx-material.fancybox-slide--next {
    transform: translateY(-60px) scale(1.1);
    opacity: 0;
}

.fancybox-fx-material.fancybox-slide--current {
    opacity: 1;
    transform: translateY(0) scale(1);
}

* .side-nav {
    width: 100%;
    text-align: right;
}

.fancybox-thumb-image {
    overflow: hidden;
}

.photo-list {
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.photo-list .photo-thumbnail {
    text-align: center;
    max-width: 150px;
    max-height: 112px;
    box-shadow: gray 0 0 5px;
}

.photo-list .photo-thumbnail .batch-download-checkbox {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 99;
}

.photo-list .photo-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo-list .photo-thumbnail a {
    display: flex;
    overflow: hidden;
    align-items: center;
    background-color: #f5f5f5;
}

.photo-list .photo-thumbnail .tool-icon-wrapper {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 10px;
    right: 10px;
}

.photo-list .photo-thumbnail .tool-icon {
    display: inline-block;
    color: white;
    cursor: pointer;
    text-shadow: 0 0 1px black;
    z-index: 9;
}

.photo-list .photo-thumbnail .tool-icon-disabled {
    opacity: .4;
    cursor: not-allowed;
}

.photo-list .photo-thumbnail .tool-icon:hover {
    color: var(--color-primary-hover);
}

body {
    background-color: var(--background-primary);
    color: var(--color-copy);
    margin: 0;
    overflow-x: hidden;
    font-size: 14px;
    font-family: var(--font-primary);
}

div.field, div.actions {
    margin-bottom: 18px;
}

#notice {
    color: green;
}

.field_with_errors {
    color: #EF4538;
}

.field_with_errors > select,
.field_with_errors > textarea,
.field_with_errors > input {
    border: 1px solid #EF4538;
}

#error_explanation {
    margin: auto;
    border: 1px solid #EF4538;
    border-radius: 6px;
    padding-bottom: 0;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#error_explanation h2 {
    line-height: 20px;
    border-radius: 6px 6px 0 0;
    padding: 5px;
    font-size: 14px;
    margin: 0;
    background-color: #EF4538;
    color: #fff;
    font-weight: 600;
}

#error_explanation ul {
    padding: 5px 0;
    margin: 0;
    background-color: #fcf2f0;
    color: #d82e20;
}

#error_explanation ul li {
    font-size: 12px;
    list-style: none;
    margin: 10px 0;
}

* .google-map-in-tours {
    width: 70vw;
    height: calc(70vh - 80px);
}

* .viewer-logo {
    width: 200px;
}

@media only screen and (max-width: 768px) {
    * .viewer-logo {
        width: 150px;
    }
}

* div.modal-body .field {
    display: block;
}

* #asset-deleted {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

* #asset-deleted .centered {
    border: solid var(--color-primary);
    border-radius: 6px;
    background-color: #ffffff;
    padding: 40px;
}

* #asset-deleted .centered .message-content {
    padding: 20px 45px;
    border-radius: 6px;
}

* #asset-deleted .centered .message-content .title {
    text-transform: uppercase;
    font-weight: 600;
    margin: 20px 0 30px;
}

* #asset-deleted .centered .powered-logo {
    height: 40px;
    margin-top: 25px;
}

.timeline-list {
    margin: 0 0 0 10px;
    padding: 0 13px;
    border-left: 1px solid var(--color-primary);
    list-style-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2713%27 height=%2713%27 viewBox=%270 0 13 13%27 fill=%27none%27%3e%3ccircle cx=%276.5%27 cy=%276.5%27 r=%276.5%27 fill=%27%23F8F8F8%27/%3e%3ccircle cx=%276.49996%27 cy=%276.50002%27 r=%274.33333%27 fill=%27%23126CF3%27/%3e%3c/svg%3e");
}

.note-container p {
    margin: 0;
    font-style: italic;
    font-size: 14px;
}

.timeline-live-session-container > div:not(:last-child) {
    margin-bottom: 0.9375rem;
}

.timeline-live-session-container summary {
    color: var(--color-primary);
    cursor: pointer;
}

.timeline-live-session-container details[open] summary ~ * {
    animation: sweep .5s ease-in-out;
}

@keyframes sweep {
    0% {
        opacity: 0;
        margin-top: -10px;
    }
    100% {
        opacity: 1;
        margin-top: 0;
    }
}

* .swal-nodalview hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

* .swal-nodalview h2 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px;
}

* .swal-nodalview button {
    font-size: 20px;
    font-family: var(--font-primary);
}

* .swal-nodalview .swal2-content {
    font-family: var(--font-primary);
}

* .swal-nodalview .swal2-confirm {
    background-color: #8cd4f5;
    box-shadow: rgba(140, 212, 245, 0.8) 0 0 2px, rgba(0, 0, 0, 0.05) 0 0 0 1px inset;
}

* .swal-nodalview .swal2-confirm:hover {
    background-color: #85cbea;
    box-shadow: rgba(140, 212, 245, 0.8) 0 0 2px, rgba(0, 0, 0, 0.05) 0 0 0 1px inset;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
}

.thumb {
    height: 200px;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner {
    min-width: 24px;
    min-height: 24px;
}

.spinner:before {
    content: "Loading…";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-top: -10px;
    margin-left: -10px;
}

.spinner:not(:required):before {
    content: "";
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #03ade0;
    border-bottom-color: #03ade0;
    animation: spinner 0.8s ease infinite;
    -webkit-animation: spinner 0.8s ease infinite;
}

.loading a {
    color: var(--color-primary);
}

.squared-link {
    padding: 0 5px;
    border: solid 1px var(--color-admin-primary);
    border-radius: 25%;
    color: var(--color-admin-primary);
}

.delivery-form-wrapper {
    border: solid 1px #a3a3a3;
}

.delivery-form-wrapper form > .form-list {
    margin-bottom: 35px;
}

.delivery-form-wrapper form > .form-list .select-wrapper {
    margin-top: -7px;
}

.crm-link-btn {
    margin-left: 8px;
    padding: 3px 18px;
}

.crm-link-btn img {
    height: 25px;
}

.crm-link-btn span {
    margin-left: 5px;
}

.crm-link-btn span:hover {
    color: white;
}

@media only screen and (max-width: 1400px) {
    .crm-link-btn {
        padding: 6px 12px;
    }
    .crm-link-btn span {
        display: none;
    }
}


.looker-usage-btn {
    background-color: #ceddf5;
}

.looker-usage-btn span {
    color: #4285f4;
}

.looker-usage-btn img {
    padding: 4px;
}

.teamleader-btn {
    background-color: #00b2b2;
}

.chargebee-btn {
    background-color: #ff7846;
}

.hubspot-btn {
    background-color: #33475b;
}

.hubspot-btn img {
    padding: 4px;
}

.crm-logo {
    height: 25px;
}

.edit-organisation input:read-only {
    background: #e7e7e7;
    cursor: pointer;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn.focus:active, .btn.active:focus, .btn.active.focus {
    outline: 5px auto transparent;
}

body[data-reveal-open] .mdl-layout__content {
    z-index: unset;
}



/* BOOTSTRAP SPECIFICS */

/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}
[role="button"] {
    cursor: pointer;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}
input[type="file"] {
    display: block;
}
input[type="range"] {
    display: block;
    width: 100%;
}
select[multiple],
select[size] {
    height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
}
.form-control {
    display: block;
    width: 100%;
    padding: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: var(--color-admin-primary);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(146, 157, 168, 0.6);
}
.form-control::-moz-placeholder {
    color: #999999;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #999999;
}
.form-control::-webkit-input-placeholder {
    color: #999999;
}
.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}
textarea.form-control {
    height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px;
    }
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 30px;
    }
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 46px;
    }
}
.form-group {
    margin-bottom: 15px;
}
.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}
.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0;
}
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
select.input-sm {
    height: 30px;
    line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
select.input-lg {
    height: 46px;
    line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-static {
        display: inline-block;
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto;
    }
    .form-inline .input-group > .form-control {
        width: 100%;
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}