@charset "UTF-8";
a {
  color: var(--color-link); }
  a:hover {
    color: var(--color-link-hover);
    text-decoration: none; }

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

.link-blue {
  color: var(--color-primary); }

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

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

.panoramas .tour-preview img.w-200 {
  width: 200px; }

: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: "Montserrat", sans-serif;
  --font-secondary: "Open sans";
  --font-icons: "Glyphicons Halflings";
  --border-radius-primary: 6px;
  --card-background-primary: #FFFFFF;
  --border-color-primary: #E5E5E5;
  --border-form-input: #B9B9B9;
  --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-end {
  align-items: flex-end; }

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

.flex {
  display: flex; }

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

.items-center, .warning-credit-content {
  align-items: center; }

.items-start {
  align-items: flex-start; }

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

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

.flex-1 {
  flex: 1; }

.justify-between, .warning-credit-content {
  justify-content: space-between; }

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

.justify-items-stretch {
  justify-items: stretch; }

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

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

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

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

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

.flex-gap-5 {
  gap: 0.3125rem; }

.flex-gap-10 {
  gap: 0.625rem; }

.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-transparent {
  background-color: transparent; }

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

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

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

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

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

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

.block {
  display: block; }

.no-display {
  display: none; }

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

.inline {
  display: inline; }

.hide-elem[aria-hidden="true"],
.hidden {
  display: none; }

.overflow-hidden {
  overflow: hidden; }

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

@media screen and (max-width: 640px) {
  .sm\:hidden {
    display: none; } }
.d-flex {
  display: flex; }

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

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

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

.border-r-1 {
  border-right-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); }

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

.border-form-input {
  border: 1px solid var(--border-form-input); }

.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-all {
  pointer-events: all; }

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

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

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

.not-allowed {
  cursor: not-allowed; }

.no-margin {
  margin: 0; }

.m-auto {
  margin: auto; }

.mt-auto {
  margin-top: 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-12 {
  margin-top: 0.75rem; }

.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-40 {
  margin-bottom: 2.5rem; }

.my-5 {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem; }

.mx-5 {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem; }

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

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

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

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

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

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

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

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

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

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

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

.mr-12 {
  margin-right: 0.75rem; }

.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-5 {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem; }

.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-5 {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem; }

.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, .warning-credit {
  padding: 0.625rem; }

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

.py-10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }

.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }

.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }

.pl-0 {
  padding-left: 0; }

.pl-10 {
  padding-left: 0.625rem; }

.pl-20 {
  padding-left: 1.25rem; }

.p-12 {
  padding: 0.75rem; }

.p-20 {
  padding: 1.25rem; }

.p-40 {
  padding: 2.5rem; }

.p-60 {
  padding: 3.75rem; }

.px-5 {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem; }

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

.px-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.px-15 {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

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

.py-0 {
  padding-top: 0;
  padding-bottom: 0; }

.py-10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }

.pt-10 {
  padding-top: 0.625rem; }

.pt-20 {
  padding-top: 1.25rem; }

.pb-10 {
  padding-bottom: 0.625rem; }

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

.pr-20 {
  padding-right: 1.25rem; }

.pr-80 {
  padding-right: 5rem; }

.p-40 {
  padding: 2.5rem; }

.px-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.px-15 {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.px-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.pr-20 {
  padding-right: 1.25rem; }

.text-xs {
  font-size: 0.75rem; }

.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-4xl {
  font-size: 2rem; }

.text-5xl {
  font-size: 2.5rem; }

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

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

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

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

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

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

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

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

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

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

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

.bold {
  font-weight: bold; }

.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; }

.success {
  color: #27ae60; }

.text-danger {
  color: var(--color-card-danger); }

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

.text-disabled {
  opacity: .4; }

.no-wrap {
  white-space: nowrap; }

.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-full {
  border-radius: 50%; }

.rounded {
  border-radius: 0.375rem; }

.rounded-none {
  border-radius: 0; }

.rounded-left-6 {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem; }

.rounded-right-6 {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem; }

.w-full,
.full-width {
  width: 100%; }

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

.w-20 {
  width: 20px; }

.w-25 {
  width: 1.5625rem; }

.w-50 {
  width: 3.125rem; }

.w-100 {
  width: 6.25rem; }

.w-200 {
  width: 12.5rem; }

.w-415 {
  width: 25.9375rem; }

.w-700 {
  width: 43.75rem; }

.w-10 {
  width: 10%; }

.w-900 {
  width: 56.25rem; }

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

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

.w-2\/3 {
  width: 66.66%; }

.w-3\/4 {
  width: 75%; }

.w-9\/10 {
  width: 90%; }

.h-0 {
  height: 0rem; }

.h-25 {
  height: 1.5625rem; }

.h-100 {
  height: 6.25rem; }

.h-220 {
  height: 13.75rem; }

.h-550 {
  height: 34.375rem; }

.h-700 {
  height: 43.75rem; }

.h-240 {
  height: 15rem; }

.h-full {
  height: 100%; }

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

.w-auto {
  width: auto; }

.w-screen {
  width: 100vw; }

.h-screen {
  height: 100vh; }

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

.max-w-200 {
  max-width: 12.5rem; }

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

.object-cover {
  object-fit: cover; }

.w-500 {
  width: 31.25rem; }

.width-max-content {
  width: max-content; }

.leading-30 {
  line-height: 1.875rem; }

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

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

.grid, .warning-credit-content {
  display: grid; }

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

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

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

.grid-rows-2 {
  grid-template-rows: repeat(2, 50%); }

.grid-gap-5 {
  grid-gap: 0.3125rem; }

.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)); }

.grid-cols-1-auto-1 {
  grid-template-columns: 1fr auto 1fr; }

.gap-20, .warning-credit-content {
  grid-gap: 1.25rem; }

.gap-60 {
  grid-gap: 3.75rem; }

.gap-10 {
  grid-gap: 0.625rem; }

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

.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)); }

.grid-header {
  grid-template-columns: 1fr auto; }

.grid-user {
  grid-template-columns: repeat(2, 18.75rem) auto; }

.grid-usage-per-user {
  grid-template-columns: auto repeat(2, 12.5rem); }

.grid-usage-allowances {
  grid-template-columns: auto 25rem repeat(2, 12.5rem); }

.grid-device {
  grid-template-columns: repeat(4, 15.5rem) auto; }

.grid-tour {
  grid-template-columns: 11.25rem 15rem repeat(4, 1fr) 6.25rem; }

.grid-available-days {
  grid-template-columns: repeat(7, 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; }

.static {
  position: static; }

.fixed {
  position: fixed; }

.sticky {
  position: sticky; }

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

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

.-translate-1\/2 {
  transform: translate(-50%, -50%); }

.-translate-y-1\/2 {
  transform: translateY(-50%); }

.-translate-x-1\/2 {
  transform: translateX(-50%); }

.top-0 {
  top: 0; }

.top-2 {
  top: 0.75rem; }

.bottom-0 {
  bottom: 0; }

.right-0 {
  right: 0; }

.right-1 {
  right: 0.5rem; }

.left-0 {
  left: 0; }

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

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

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

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

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

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

.z-max-1 {
  z-index: 2147483646; }

.top-8 {
  top: 0.5rem; }

.top-10 {
  top: 0.625rem; }

.right-10 {
  right: 0.625rem; }

.left-10 {
  left: 0.625rem; }

.left-15 {
  left: 0.9375rem; }

.right-15 {
  right: 0.9375rem; }

.right-25 {
  right: 1.5625rem; }

.sticky-header {
  position: sticky;
  margin: 0;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  top: -1.5rem; }

.opacity-0 {
  opacity: 0; }

.opacity-50 {
  opacity: .5; }

.opacity-80 {
  opacity: .8; }

.opacity-100 {
  opacity: 1; }

.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; } }
.img-holder img {
  max-width: 100%; }

@-webkit-keyframes phAnimation {
  0% {
    transform: translate3d(-30%, 0, 0); }
  100% {
    transform: translate3d(30%, 0, 0); } }
@keyframes phAnimation {
  0% {
    transform: translate3d(-30%, 0, 0); }
  100% {
    transform: translate3d(30%, 0, 0); } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fade-out {
  animation: fadeOut ease 1s forwards; }

.loading-state {
  position: relative;
  overflow: hidden;
  color: var(--color-copy); }

.loading-state::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 500%;
  margin-left: -250%;
  -webkit-animation: phAnimation 1.4s linear infinite;
  animation: phAnimation 1.4s linear infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%; }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.rotate {
  animation: rotating 2s linear infinite; }

.float-left {
  float: left; }

.overflow-auto {
  overflow: auto; }

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

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

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

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

.color-orange {
  color: var(--color-warning); }

.color-green {
  color: var(--color-green); }

.pretty * {
  box-sizing: border-box; }

.pretty input:not([type='checkbox']):not([type='radio']) {
  display: none; }

.pretty {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  white-space: nowrap;
  line-height: 1; }
  .pretty input {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer; }
  .pretty .state label {
    position: initial;
    display: inline-block;
    font-weight: normal;
    margin: 0;
    text-indent: 1.5em;
    min-width: calc(1em + 2px); }
    .pretty .state label:before, .pretty .state label:after {
      content: '';
      width: calc(1em + 2px);
      height: calc(1em + 2px);
      display: block;
      box-sizing: border-box;
      border-radius: 0;
      border: 1px solid transparent;
      z-index: 0;
      position: absolute;
      left: 0;
      top: calc((0% - (100% - 1em)) - 8%);
      background-color: transparent; }
    .pretty .state label:before {
      border-color: #bdc3c7; }
  .pretty .state.p-is-hover, .pretty .state.p-is-indeterminate {
    display: none; }

@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: 0px 0px 0px 0px #bdc3c7; }
  100% {
    box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0); } }
.pretty.p-default.p-fill .state label:after {
  transform: scale(1); }

.pretty.p-default .state label:after {
  transform: scale(0.6); }
.pretty.p-default input:checked ~ .state label:after {
  background-color: #bdc3c7 !important; }

.pretty.p-default.p-thick .state label:before, .pretty.p-default.p-thick .state label:after {
  border-width: calc(1em / 7); }
.pretty.p-default.p-thick .state label:after {
  transform: scale(0.4) !important; }

.pretty.p-icon .state .icon {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0; }
.pretty.p-icon .state .icon:before {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  line-height: 1; }
.pretty.p-icon input:checked ~ .state .icon {
  opacity: 1; }
.pretty.p-icon input:checked ~ .state label:before {
  border-color: #5a656b; }

.pretty.p-svg .state .svg {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0; }
.pretty.p-svg .state svg {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  line-height: 1; }
.pretty.p-svg input:checked ~ .state .svg {
  opacity: 1; }

.pretty.p-image .state img {
  opacity: 0;
  position: absolute;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  top: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  left: 0;
  z-index: 0;
  text-align: center;
  line-height: normal;
  transform: scale(0.8); }
.pretty.p-image input:checked ~ .state img {
  opacity: 1; }

.pretty.p-switch input {
  min-width: 2em; }
.pretty.p-switch .state {
  position: relative; }
  .pretty.p-switch .state:before {
    content: '';
    border: 1px solid #bdc3c7;
    border-radius: 60px;
    width: 2em;
    box-sizing: unset;
    height: calc(1em + 2px);
    position: absolute;
    top: 0;
    top: calc((0% - (100% - 1em)) - 16%);
    z-index: 0;
    transition: all 0.5s ease; }
  .pretty.p-switch .state label {
    text-indent: 2.5em; }
    .pretty.p-switch .state label:before, .pretty.p-switch .state label:after {
      transition: all 0.5s ease;
      border-radius: 100%;
      left: 0;
      border-color: transparent;
      transform: scale(0.8); }
    .pretty.p-switch .state label:after {
      background-color: #bdc3c7 !important; }
.pretty.p-switch input:checked ~ .state:before {
  border-color: #5a656b; }
.pretty.p-switch input:checked ~ .state label:before {
  opacity: 0; }
.pretty.p-switch input:checked ~ .state label:after {
  background-color: #5a656b !important;
  left: 1em; }

.pretty.p-switch.p-fill input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important; }
.pretty.p-switch.p-fill input:checked ~ .state label:before {
  opacity: 0; }
.pretty.p-switch.p-fill input:checked ~ .state label:after {
  background-color: #fff !important;
  left: 1em; }

.pretty.p-switch.p-slim .state:before {
  height: 0.1em;
  background: #bdc3c7 !important;
  top: calc(50% - 0.1em); }
.pretty.p-switch.p-slim input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important; }

.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
  display: none; }
.pretty.p-has-hover input:hover ~ .state.p-is-hover {
  display: block; }
  .pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
    display: block; }

.pretty.p-has-focus input:focus ~ .state label:before {
  box-shadow: 0px 0px 3px 0px #bdc3c7; }

.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state:not(.p-is-indeterminate) {
  display: none; }
.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate {
  display: block; }
  .pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate .icon {
    display: block;
    opacity: 1; }

.pretty.p-toggle .state.p-on {
  opacity: 0;
  display: none; }
.pretty.p-toggle .state.p-off,
.pretty.p-toggle .state .icon,
.pretty.p-toggle .state .svg,
.pretty.p-toggle .state img {
  opacity: 1;
  display: inherit; }
.pretty.p-toggle .state.p-off .icon {
  color: #bdc3c7; }
.pretty.p-toggle input:checked ~ .state.p-on {
  opacity: 1;
  display: inherit; }
.pretty.p-toggle input:checked ~ .state.p-off {
  opacity: 0;
  display: none; }

.pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before {
  content: none; }
.pretty.p-plain.p-plain .icon {
  transform: scale(1.1); }

.pretty.p-round .state label:before, .pretty.p-round .state label:after {
  border-radius: 100%; }
.pretty.p-round.p-icon .state .icon {
  border-radius: 100%;
  overflow: hidden; }
  .pretty.p-round.p-icon .state .icon:before {
    transform: scale(0.8); }

.pretty.p-curve .state label:before, .pretty.p-curve .state label:after {
  border-radius: 20%; }

.pretty.p-smooth label:before,
.pretty.p-smooth label:after,
.pretty.p-smooth .icon,
.pretty.p-smooth .svg {
  transition: all 0.5s ease; }
.pretty.p-smooth input:checked + .state label:after {
  transition: all 0.3s ease; }
.pretty.p-smooth input:checked + .state .icon,
.pretty.p-smooth input:checked + .state .svg,
.pretty.p-smooth input:checked + .state img {
  animation: zoom 0.2s ease; }
.pretty.p-smooth.p-default input:checked + .state label:after {
  animation: zoom 0.2s ease; }
.pretty.p-smooth.p-plain input:checked + .state label:before {
  content: '';
  transform: scale(0);
  transition: all 0.5s ease; }

.pretty.p-tada:not(.p-default) input:checked + .state .icon,
.pretty.p-tada:not(.p-default) input:checked + .state .svg,
.pretty.p-tada:not(.p-default) input:checked + .state img,
.pretty.p-tada:not(.p-default) input:checked + .state label:before,
.pretty.p-tada:not(.p-default) input:checked + .state label:after {
  animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  opacity: 1; }

.pretty.p-jelly:not(.p-default) input:checked + .state .icon,
.pretty.p-jelly:not(.p-default) input:checked + .state .svg,
.pretty.p-jelly:not(.p-default) input:checked + .state img,
.pretty.p-jelly:not(.p-default) input:checked + .state label:before,
.pretty.p-jelly:not(.p-default) input:checked + .state label:after {
  animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }
.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  border-color: transparent; }

.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon,
.pretty.p-rotate:not(.p-default) input:checked ~ .state .svg,
.pretty.p-rotate:not(.p-default) input:checked ~ .state img,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:after {
  animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  border-color: transparent; }

.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
  animation: pulse 1s; }

.pretty input[disabled] {
  cursor: not-allowed;
  display: none; }
  .pretty input[disabled] ~ * {
    opacity: .5; }

.pretty.p-locked input {
  display: none;
  cursor: not-allowed; }

.pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
  background-color: #428bca !important; }
.pretty input:checked ~ .state.p-primary .icon,
.pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon,
.pretty.p-toggle .state.p-primary .svg {
  color: #fff;
  stroke: #fff; }
.pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before {
  border-color: #428bca; }
.pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after {
  background-color: transparent; }
.pretty input:checked ~ .state.p-primary-o .icon,
.pretty input:checked ~ .state.p-primary-o .svg,
.pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon,
.pretty.p-toggle .state.p-primary-o .svg,
.pretty.p-toggle .state.p-primary-o svg {
  color: #428bca;
  stroke: #428bca; }
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
  background-color: #428bca !important; }
.pretty.p-switch input:checked ~ .state.p-primary:before {
  border-color: #428bca; }
.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
  background-color: #428bca !important; }
.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
  border-color: #245682;
  background-color: #245682 !important; }
.pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after {
  background-color: #5bc0de !important; }
.pretty input:checked ~ .state.p-info .icon,
.pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon,
.pretty.p-toggle .state.p-info .svg {
  color: #fff;
  stroke: #fff; }
.pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before {
  border-color: #5bc0de; }
.pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after {
  background-color: transparent; }
.pretty input:checked ~ .state.p-info-o .icon,
.pretty input:checked ~ .state.p-info-o .svg,
.pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon,
.pretty.p-toggle .state.p-info-o .svg,
.pretty.p-toggle .state.p-info-o svg {
  color: #5bc0de;
  stroke: #5bc0de; }
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {
  background-color: #5bc0de !important; }
.pretty.p-switch input:checked ~ .state.p-info:before {
  border-color: #5bc0de; }
.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {
  background-color: #5bc0de !important; }
.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
  border-color: #2390b0;
  background-color: #2390b0 !important; }
.pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after {
  background-color: #5cb85c !important; }
.pretty input:checked ~ .state.p-success .icon,
.pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon,
.pretty.p-toggle .state.p-success .svg {
  color: #fff;
  stroke: #fff; }
.pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before {
  border-color: #5cb85c; }
.pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after {
  background-color: transparent; }
.pretty input:checked ~ .state.p-success-o .icon,
.pretty input:checked ~ .state.p-success-o .svg,
.pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon,
.pretty.p-toggle .state.p-success-o .svg,
.pretty.p-toggle .state.p-success-o svg {
  color: #5cb85c;
  stroke: #5cb85c; }
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
  background-color: #5cb85c !important; }
.pretty.p-switch input:checked ~ .state.p-success:before {
  border-color: #5cb85c; }
.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
  background-color: #5cb85c !important; }
.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
  border-color: #357935;
  background-color: #357935 !important; }
.pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after {
  background-color: #f0ad4e !important; }
.pretty input:checked ~ .state.p-warning .icon,
.pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon,
.pretty.p-toggle .state.p-warning .svg {
  color: #fff;
  stroke: #fff; }
.pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before {
  border-color: #f0ad4e; }
.pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after {
  background-color: transparent; }
.pretty input:checked ~ .state.p-warning-o .icon,
.pretty input:checked ~ .state.p-warning-o .svg,
.pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon,
.pretty.p-toggle .state.p-warning-o .svg,
.pretty.p-toggle .state.p-warning-o svg {
  color: #f0ad4e;
  stroke: #f0ad4e; }
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
  background-color: #f0ad4e !important; }
.pretty.p-switch input:checked ~ .state.p-warning:before {
  border-color: #f0ad4e; }
.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
  background-color: #f0ad4e !important; }
.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
  border-color: #c77c11;
  background-color: #c77c11 !important; }
.pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after {
  background-color: #d9534f !important; }
.pretty input:checked ~ .state.p-danger .icon,
.pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon,
.pretty.p-toggle .state.p-danger .svg {
  color: #fff;
  stroke: #fff; }
.pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before {
  border-color: #d9534f; }
.pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after {
  background-color: transparent; }
.pretty input:checked ~ .state.p-danger-o .icon,
.pretty input:checked ~ .state.p-danger-o .svg,
.pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon,
.pretty.p-toggle .state.p-danger-o .svg,
.pretty.p-toggle .state.p-danger-o svg {
  color: #d9534f;
  stroke: #d9534f; }
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
  background-color: #d9534f !important; }
.pretty.p-switch input:checked ~ .state.p-danger:before {
  border-color: #d9534f; }
.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
  background-color: #d9534f !important; }
.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
  border-color: #a02622;
  background-color: #a02622 !important; }

.pretty.p-bigger label:before,
.pretty.p-bigger label:after,
.pretty.p-bigger .icon,
.pretty.p-bigger .svg,
.pretty.p-bigger .img {
  font-size: 1.2em !important;
  top: calc((0% - (100% - 1em)) - 35%) !important; }
.pretty.p-bigger label {
  text-indent: 1.7em; }

@media print {
  .pretty .state:before,
  .pretty .state label:before,
  .pretty .state label:after,
  .pretty .state .icon {
    color-adjust: exact;
    /* stylelint-disable */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; } }
.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); }

.intl-tel-input {
  width: 100%; }

.fancybox-image, .fancybox-spaceball {
  image-rendering: crisp-edges;
  image-rendering: -webkit-crisp-edges;
  image-rendering: -webkit-optimize-contrast; }

.best-in-place-icon::before {
  content: "\270f";
  font-family: var(--font-icons);
  font-size: 12px;
  margin-right: 0.625rem; }

.best-in-place-input {
  word-break: break-all; }

.best-in-place-input input[type="text"] {
  background: transparent;
  color: var(--color-copy);
  border-bottom: 2px solid var(--color-secondary);
  padding: 0;
  height: 2rem;
  width: 94%; }

.iti__flag {
  background-image: url(//assets.nodalview.com/packs/static/intl-tel-input/build/img/flags-007b2705c0a8f69dfdf6.png); }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url(//assets.nodalview.com/packs/static/intl-tel-input/build/img/flags@2x-9d5328fb490cddd43f66.png); } }
.mdl-phone-number .iti.iti--allow-dropdown {
  margin-top: -7px;
  width: 55%; }
.mdl-phone-number .iti--allow-dropdown input.form-control,
.mdl-phone-number .iti--allow-dropdown input[type=tel].form-control,
.mdl-phone-number .iti--allow-dropdown input[type=text].form-control {
  width: 100%;
  margin-right: 0; }

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

@media only screen and (max-width: 480px) {
  .iti--container {
    height: 200px;
    left: 70px !important;
    top: 520px !important;
    width: 250px;
    z-index: 2147483647; } }
.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-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  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--rounded-none-l {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.button--rounded-none-r {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.button--rounded-none {
  border-radius: 0; }

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

.button-loading-state {
  background-position: 7px center;
  padding-left: 30px;
  opacity: .5;
  background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nv-loader-909ae88c28da09e476c3.gif);
  background-size: auto 50%;
  background-repeat: no-repeat; }

.button-loading-state:hover {
  background-position: 7px center;
  padding-left: 30px;
  opacity: .5;
  background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nv-loader-909ae88c28da09e476c3.gif);
  background-size: auto 50%;
  background-repeat: no-repeat; }

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

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

.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;
  font-size: 1rem;
  border-radius: var(--border-radius-primary);
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  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; }

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

.button--warning:hover {
  background-color: var(--color-card-warning-hover);
  color: var(--background-warning); }

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

.button--error:hover {
  background-color: var(--color-card-error-hover);
  color: var(--background-error); }

.button-border-1 {
  border: 1px solid lightgrey; }

.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-open-house {
  padding: 0.75rem;
  margin-bottom: 1.25rem;
  border-radius: 0.375rem;
  background: var(--color-white); }

.card-no-margin {
  margin: 0; }

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

.card-10 {
  padding: 0.625rem; }

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

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

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

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

.card-list li {
  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);
  margin-bottom: 0.625rem; }
.card-list li:last-child {
  margin: 0; }

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

.card-no-bottom-radius {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.card-no-border {
  border: none; }

.card-no-border-radius {
  border-radius: 0; }

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; }

.pagination-container--single-page {
  grid-template-columns: 1fr 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);
  padding: 0.75rem;
  margin-bottom: 1.25rem;
  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%;
  text-align: center;
  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; }

.field_with_hint, .field_with_hint .hint {
  text-align: left; }

.token-input::-webkit-outer-spin-button,
.token-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.token-input[type="number"] {
  -moz-appearance: textfield; }

.box-input {
  display: flex;
  align-items: baseline; }
  .box-input input {
    appearance: none;
    background-color: var(--background-primary);
    margin: 0 0 0 0.5em;
    min-width: 1.15em;
    height: 1.15em; }
  .box-input input[type=radio] {
    border-radius: 50%; }
  .box-input input[type=checkbox] {
    border-radius: 2px; }
  .box-input input:checked {
    appearance: none;
    text-decoration: none;
    outline: none;
    background: var(--color-primary);
    color: var(--color-white); }

.radio label, .checkbox label {
  padding-left: 0; }

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

.custom-select select {
  appearance: none;
  background: url(//assets.nodalview.com/packs/static/icons/drop-arrow-7d3809168f8fb244943b.svg) no-repeat 99% 50%; }

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

.form-input-date::-webkit-calendar-picker-indicator {
  padding-right: 0;
  margin-right: 0; }

.form-input-date[type="time"],
.form-input-date[type="date"] {
  position: relative;
  padding-left: 30px; }

.form-input-date[type="time"]::-webkit-calendar-picker-indicator,
.form-input-date[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); }

.form-input-date[type="date"]::-webkit-calendar-picker-indicator {
  left: 8px; }

.form-input-date[type="date"]::-webkit-calendar-picker-indicator {
  background: url(//assets.nodalview.com/packs/static/icons/calendar-be7a015c63e4e3c4b27a.svg) no-repeat center center;
  background-size: 18px; }

.form-input-date[type="time"]::-webkit-calendar-picker-indicator {
  background: url(//assets.nodalview.com/packs/static/icons/clock-de72fd665b47e0dfdf04.svg) no-repeat center center;
  background-size: 18px; }

.checkbox-label input[type="checkbox"], .checkbox-label input[type="checkbox"] {
  margin: 0 8px 3px 0;
  position: relative;
  vertical-align: middle; }
.checkbox-label label[for=user_remember_me] {
  font-weight: normal;
  margin-bottom: 0; }

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

.warning-credit {
  z-index: 99;
  top: 55px;
  left: 5px;
  right: 5px;
  margin: 0.625rem 0;
  text-align: initial; }

.warning-credit-content {
  align-items: flex-end;
  grid-template-columns: 1fr auto; }

#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: bold; }

.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;
  margin-top: 0.625rem;
  margin-bottom: 1.25rem; }

.section-title, .organisation__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; }

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

.reveal {
  opacity: 0;
  pointer-events: none; }

.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;
  z-index: 100;
  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-content--small {
  min-width: 0;
  max-width: 37.5rem; }

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

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

[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 {
  position: relative;
  display: inline-block;
  padding-right: 10px; }

.media-editor-tooltip-text {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  margin-left: -106px;
  opacity: 0;
  transition: opacity 0.3s;
  font-family: "Open sans", sans-serif;
  font-weight: 600; }

.media-editor-tooltip-save {
  position: relative;
  display: inline-block; }

.media-editor-tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; }

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

.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: "Open sans", sans-serif; }

.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%; }

.table-header-sticky {
  position: sticky;
  background-color: var(--background-primary);
  top: -1.25rem; }

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

.input-range {
  -webkit-appearance: none;
  background: transparent;
  width: 100%;
  padding: 10px 0; }
  .input-range::-moz-focus-outer {
    border: 0; }
  .input-range:focus {
    outline: 0; }
    .input-range:focus::-webkit-slider-runnable-track {
      background: #7d7d7d; }
    .input-range:focus::-ms-fill-lower {
      background: #707070; }
    .input-range:focus::-ms-fill-upper {
      background: #7d7d7d; }
  .input-range::-webkit-slider-runnable-track {
    cursor: default;
    height: 4px;
    transition: all .2s ease;
    width: 100%;
    background: #707070;
    border-radius: 5px; }
  .input-range::-webkit-slider-thumb {
    background: #515151;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: default;
    height: 12px;
    width: 12px;
    -webkit-appearance: none;
    margin-top: -2px; }
  .input-range::-moz-range-track {
    cursor: default;
    height: 4px;
    transition: all .2s ease;
    width: 100%;
    background: #707070;
    border-radius: 5px;
    height: 2px }
  .input-range::-moz-range-thumb {
    background: #515151;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: default;
    height: 12px;
    width: 12px; }
  .input-range::-ms-track {
    cursor: default;
    height: 4px;
    transition: all .2s ease;
    width: 100%;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent; }
  .input-range::-ms-fill-lower {
    background: #636363;
    border-radius: 10px; }
  .input-range::-ms-fill-upper {
    background: #707070;
    border-radius: 10px; }
  .input-range::-ms-thumb {
    background: #515151;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: default;
    height: 12px;
    width: 12px;
    margin-top: 1px; }
  .input-range:disabled::-webkit-slider-thumb, .input-range:disabled::-moz-range-thumb, .input-range:disabled::-ms-thumb, .input-range:disabled::-webkit-slider-runnable-track, .input-range:disabled::-ms-fill-lower, .input-range:disabled::-ms-fill-upper {
    cursor: not-allowed; }

.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: bold;
  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;
  z-index: 2147483647;
  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: bold;
  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; }

.video-preview-overlay {
  position: relative; }

.video-preview-overlay:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  z-index: 10;
  background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/platform/icons/play-video-overlay-731323d9d0f9b954577f.png);
  width: 60px;
  height: 60px;
  background-size: cover; }


.tab-list {
  box-shadow: inset 0px -1px 0px 0px #ccc;
  margin: 0 0 10px; }

.tab-list.no-margin {
  margin: 0; }

.tabs-trigger,
[data-tabs-trigger] {
  border: none;
  padding: 0.9375rem 1.5625rem;
  margin: 0;
  background: transparent;
  font-size: 14px; }

.tabs-trigger[aria-selected="true"],
[data-tabs-trigger][aria-selected="true"] {
  box-shadow: inset 0px -2px 0px 0px var(--color-primary);
  color: var(--color-primary);
  font-weight: bold; }

.tabs-trigger[data-tabs-disabled],
[data-tabs-trigger][data-tabs-disabled] {
  opacity: .4;
  cursor: not-allowed; }

.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: bold; }
    .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: bold; }
  .policed-tooltip[data-displayed] {
    opacity: 1;
    transition-delay: 0s;
    visibility: visible; }

.progress-bar-signup {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  width: 100%; }

.step-counter {
  color: var(--color-white);
  font-family: "montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  line-height: 23px; }

.progress-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1; }

.progress-item::before {
  position: absolute;
  content: "";
  border-bottom: 4px solid var(--color-secondary);
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2; }

.progress-item::after {
  position: absolute;
  content: "";
  border-bottom: 4px solid var(--color-secondary);
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2; }

.progress-item .step-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--color-secondary);
  position: relative;
  z-index: 5;
  border-radius: 20px; }

.progress-item.completed .step-counter {
  background-color: var(--color-primary); }

.progress-item.active .step-counter {
  background-color: var(--color-primary); }

.progress-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 4px solid var(--color-primary);
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3; }

.progress-item:first-child::before {
  content: none; }

.progress-item:last-child::after {
  content: none; }

.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; }

.list-table {
  list-style: none;
  padding: 0;
  margin: 0;
  background: var(--color-white); }
  .list-table__item, .list-table__header {
    align-items: center;
    box-shadow: 0px 1px 0px var(--color-secondary);
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column; }
    .list-table__item:last-child, .list-table__header:last-child {
      border-bottom-left-radius: 0.375rem;
      border-bottom-right-radius: 0.375rem; }
    .list-table__item:first-child, .list-table__header:first-child {
      border-top-left-radius: 0.375rem;
      border-top-right-radius: 0.375rem; }
  .list-table__header {
    background-color: #EAEAEA;
    padding: 0.5rem 0.75rem;
    position: sticky;
    top: 0; }
  .list-table__item {
    padding: 0.75rem; }
  .list-table:not(.list-table--full):not([expanded]) .list-table__item:nth-child(n+7) {
    display: none; }

.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: 500;
    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: 700; }

#ability_packs_by_category {
  width: 100% !important; }

.organisation-usage-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.usage-details {
  margin-bottom: 1.25rem;
  overflow: hidden;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom-left-radius: var(--border-radius-primary);
  border-bottom-right-radius: var(--border-radius-primary); }

.usage-details--reaching {
  border-color: var(--background-warning); }

.usage-details--above {
  border-color: var(--background-error); }

.card-reaching-limit,
.card-unlimited,
.card-above-limit {
  margin: 0;
  font-weight: bold;
  border: none;
  position: relative; }

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

.card-above-limit {
  color: var(--color-card-error); }

.card-reaching-limit {
  color: var(--color-card-warning); }

.card-above-limit:before {
  font-family: "nodal-icon", sans-serif;
  content: "\f103"; }

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

.checkout-page * {
  font-family: "Montserrat", sans-serif;
  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 .cont {
  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 .bg-red {
  background-color: var(--color-primary);
  color: white; }
.checkout-page .bg-white {
  background: white; }
.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: bold;
    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: bold;
    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: bold; }
.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: bold; }
.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; }
@media screen and (min-width: 576px) {
  .checkout-page .checkout-nav {
    justify-content: left; }
  .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; } }
@media screen and (min-width: 992px) {
  .checkout-page .row-grid {
    font-size: 1em; }
  .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: bold; }
  .checkout-page .invoice-table h5 {
    margin: 8px 0;
    font-size: 1.15em;
    font-weight: bold; }
  .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: bold;
      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;
  position: relative;
  height: 100vh; }

@supports (-webkit-touch-callout: none) {
  .app-container {
    height: -webkit-fill-available; } }
.app-outer-container {
  width: 100%; }

.app-navigation-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: padding-top 0.3s ease-in-out, height 0.3s ease-in-out;
  height: 90px; }

.app-header {
  background: var(--color-white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-style: solid;
  border-color: var(--color-secondary);
  border-width: 0;
  border-bottom-width: 1px; }

.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;
  z-index: 10;
  width: 260px;
  z-index: 200;
  overflow-y: auto;
  overflow-x: hidden; }
  @media (min-width: 1200px) {
    .app-navigation {
      position: static; } }

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

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

.app-navigation-list {
  margin: 0;
  transition: padding 0.3s ease-in-out;
  display: flex;
  height: 100%;
  flex-direction: column;
  list-style: none;
  padding: 0 0.625rem; }
  .app-navigation-list > li:not(:last-child) {
    padding-bottom: 0.625rem; }
  .app-navigation-list .button {
    overflow: hidden; }

.authenticated-sidebar-toggle-container p {
  transition: opacity 0.3s ease-in-out; }

.app-navigation-toggle-container {
  justify-content: center;
  align-items: center;
  transition: padding-bottom 0.3s ease-in-out;
  padding-bottom: 2.5rem; }

.authenticated-sidebar-toggle-button {
  justify-content: flex-start;
  align-items: center;
  transition: padding-bottom 0.3s ease-in-out;
  width: 100%;
  overflow: hidden; }
  .authenticated-sidebar-toggle-button > [data-navigation-toggle-icon] {
    transition: transform 0.3s ease-in-out; }
  .authenticated-sidebar-toggle-button > [data-navigation-toggle-label] {
    transition: opacity 0.3s ease-in-out;
    opacity: 1; }

.app-navigation-toggle {
  transition: right 0.3s ease-in-out;
  left: -0.3125rem; }

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

.tours-index [data-sidebar] {
  margin-top: 3.25rem; }

[data-collapsed-menu] .app-navigation {
  width: 68px; }
  [data-collapsed-menu] .app-navigation.app-navigation-mouse {
    padding-left: 0;
    padding-right: 0; }
[data-collapsed-menu] .app-navigation-toggle {
  right: 0; }
[data-collapsed-menu] .app-navigation-list {
  padding: 0 0.625rem; }
[data-collapsed-menu] .app-navigation-avatar {
  padding-top: 0.625rem;
  height: 60px; }
[data-collapsed-menu] .authenticated-sidebar-toggle-button {
  justify-content: flex-start; }
  [data-collapsed-menu] .authenticated-sidebar-toggle-button > [data-navigation-toggle-icon] {
    transform: rotate(180deg); }
  [data-collapsed-menu] .authenticated-sidebar-toggle-button > [data-navigation-toggle-label] {
    opacity: 0; }
[data-collapsed-menu] .app-navigation-toggle-container {
  justify-content: center; }

.app-navigation-sub-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .app-navigation-sub-list li {
    margin-bottom: 0.625rem; }

[aria-expanded="true"] .sub-menu-caret {
  transform: rotate(180deg); }

.sub-menu-button {
  display: block;
  font-size: 0.875rem;
  padding: 0.3125rem 0.625rem;
  margin-left: 1.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  transition: margin-left 0.3s ease-in-out; }

[data-collapsed-menu] .app-navigation .sub-menu-button {
  margin-left: 0; }

.hotspot-form-wrapper {
  padding-bottom: 32px; }

.rotate-45-r span {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1); }

.rotate-return-hotspot-l span {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1); }

.select-hotspot-list-js {
  min-width: 200px; }

#list {
  display: inline-block; }

.pano-small-thumb-url-div {
  height: 60px;
  overflow: hidden;
  position: relative; }

.pano-small-thumb-url {
  width: 200px;
  position: absolute;
  left: -99999px;
  bottom: -99999px;
  right: -99999px;
  top: -99999px;
  margin: auto; }

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

.list-button-hotspot {
  display: none; }

.linked-scene-container-hotspot {
  display: none; }

.allreadyPlacedHotspotWarning {
  margin-right: 5px; }

.form-data-attributes {
  display: none; }

.hotspot-button-wrapper {
  display: none; }

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

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

.hotspot-info-sign {
  cursor: pointer;
  font-size: 12px; }

p.hotspot-form-label {
  font-size: 14px;
  margin-top: 32px;
  margin-bottom: 16px; }

.save-hotspot-btn-wrapper {
  margin-top: 42px; }

.live-session {
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */ }
  .live-session .host-live-session-grid {
    grid-template-columns: 300px 1fr; }
    .live-session .host-live-session-grid #pano {
      width: 100%; }
  .live-session #business-card-wrapper {
    overflow: visible !important; }
  .live-session #business-card-wrapper,
  .live-session #business-card-wrapper > div,
  .live-session #business-card-wrapper > div > div {
    height: auto !important; }
  .live-session .twilio-audio-setup {
    background: #e7e7e7;
    padding: 5px 25px;
    margin: 4px;
    font-weight: 600;
    font-size: 12px; }
  .live-session #pano, .live-session .matterport-iframe {
    width: 100%;
    height: 100%;
    right: 0;
    border: 0; }
  .live-session .live-session-template {
    height: calc(100vh - 60px);
    position: relative;
    padding: 10px;
    width: 100%;
    overflow: hidden; }
  .live-session #action-bar {
    display: flex;
    height: 60px;
    justify-content: space-between;
    align-items: center;
    padding: 10px; }
  .live-session .live-session-template,
  .live-session #action-bar {
    background: white; }
  .live-session .live-session-template[data-columns] #pano {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    inset: 10px 10px 0 10px;
    width: auto;
    height: auto;
    transition: inset .3s ease-in-out; }
  .live-session #host-panel,
  .live-session #chatbox-panel,
  .live-session #video {
    position: absolute;
    top: 10px;
    bottom: 0;
    transform: translateX(0);
    transition: transform .3s ease-in-out;
    border-radius: 10px;
    overflow: hidden; }
  .live-session #host-panel,
  .live-session #chatbox-panel,
  .live-session #video,
  .live-session #pano {
    border-radius: 6px;
    overflow: hidden; }
  .live-session #host-panel {
    left: 10px;
    width: 300px;
    height: inherit; }
  .live-session #chatbox-panel {
    right: 10px;
    width: 250px; }
  .live-session #video {
    right: calc( 260px + 10px );
    width: 200px;
    padding: 10px;
    background-color: #ededed; }
  .live-session .live-session-template[data-columns] #host-panel {
    transform: translateX(-310px); }
  .live-session .live-session-template[data-columns] #chatbox-panel {
    transform: translateX(310px); }
  .live-session .live-session-template[data-columns] #video {
    transform: translateX(470px); }
  .live-session .live-session-template[data-columns*="sidebar"] #host-panel {
    transform: translateX(0); }
  .live-session .live-session-template[data-columns*="sidebar"] #pano {
    inset: 10px 10px 0 320px; }
  .live-session .live-session-template[data-columns*="chatbox-panel"] #chatbox-panel {
    transform: translateX(0); }
  .live-session .live-session-template[data-columns*="chatbox-panel"] #video {
    transform: translateX(230px); }
  .live-session .live-session-template[data-columns*="chatbox-panel"] #pano {
    inset: 10px 270px 0 10px; }
  .live-session .live-session-template[data-columns*="video"] #video {
    transform: translateX(260px); }
  .live-session .live-session-template[data-columns*="video"] #pano {
    inset: 10px 220px 0 10px; }
  .live-session .live-session-template[data-columns*="chatbox-panel"][data-columns*="video"] #video,
  .live-session .live-session-template[data-columns*="chatbox-panel"][data-columns*="video"] #chatbox-panel {
    transform: translateX(0); }
  .live-session .live-session-template[data-columns*="chatbox-panel"][data-columns*="video"] #pano {
    inset: 10px 480px 0 10px; }
  .live-session .live-session-template[data-columns*="chatbox-panel"][data-columns*="sidebar"] #host-panel,
  .live-session .live-session-template[data-columns*="chatbox-panel"][data-columns*="sidebar"] #chatbox-panel {
    transform: translateX(0); }
  .live-session .live-session-template[data-columns*="chatbox-panel"][data-columns*="sidebar"] #video {
    transform: translateX(230px); }
  .live-session .live-session-template[data-columns*="chatbox-panel"][data-columns*="sidebar"] #pano {
    inset: 10px 270px 0 320px; }
  .live-session .live-session-template[data-columns*="sidebar"][data-columns*="video"] #host-panel {
    transform: translateX(0); }
  .live-session .live-session-template[data-columns*="sidebar"][data-columns*="video"] #video {
    transform: translateX(260px); }
  .live-session .live-session-template[data-columns*="sidebar"][data-columns*="video"] #pano {
    inset: 10px 220px 0 320px; }
  .live-session .live-session-template[data-columns*="chatbox-panel"][data-columns*="sidebar"][data-columns*="video"] #video,
  .live-session .live-session-template[data-columns*="chatbox-panel"][data-columns*="sidebar"][data-columns*="video"] #chatbox-panel,
  .live-session .live-session-template[data-columns*="chatbox-panel"][data-columns*="sidebar"][data-columns*="video"] #host-panel {
    transform: translateX(0); }
  .live-session .live-session-template[data-columns*="chatbox-panel"][data-columns*="sidebar"][data-columns*="video"] #pano {
    inset: 10px 480px 0 320px; }
  .live-session .live-session-template[data-columns] + #action-bar [data-action] {
    background: var(--background-secondary-button);
    transition: background .3s ease-in-out, color .3s ease-in-out;
    color: var(--color-copy); }
    .live-session .live-session-template[data-columns] + #action-bar [data-action] .glyphicon-remove {
      display: none; }
  .live-session .live-session-template[data-columns*="video"] + #action-bar [data-action="video"],
  .live-session .live-session-template[data-columns] + #action-bar [data-action="webcam"][data-active],
  .live-session .live-session-template[data-columns] + #action-bar [data-action="microphone"][data-active],
  .live-session .live-session-template[data-columns*="chatbox-panel"] + #action-bar [data-action="chatbox-panel"],
  .live-session .live-session-template[data-columns*="sidebar"] + #action-bar [data-action="sidebar"] {
    transition: background .3s ease-in-out;
    background: var(--color-primary);
    color: var(--color-white); }
  .live-session .live-session-template[data-columns*="sidebar"] + #action-bar [data-action="sidebar"] .glyphicon {
    display: none; }
  .live-session .live-session-template[data-columns*="sidebar"] + #action-bar [data-action="sidebar"] .glyphicon-remove {
    display: inline; }
  .live-session .live-session-template[data-columns*="chatbox-panel"] + #action-bar [data-action="chatbox-panel"] [data-messages-count] {
    display: none; }
  .live-session #invite-modal .invite-participants {
    z-index: 4005;
    background: #ffffff;
    border-radius: 6px;
    padding: 15px 30px 25px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60%;
    min-width: 450px;
    transform: translate(-50%, -50%); }
    .live-session #invite-modal .invite-participants .header {
      margin-bottom: 20px; }
      .live-session #invite-modal .invite-participants .header h5 {
        font-weight: bold;
        margin-top: 15px; }
    .live-session #invite-modal .invite-participants .option {
      text-align: center;
      border-bottom: 3px solid #515151;
      padding: 5px 10px;
      font-size: 18px; }
      .live-session #invite-modal .invite-participants .option.active {
        border-bottom: 3px solid #126CF3; }
      .live-session #invite-modal .invite-participants .option:hover {
        cursor: pointer;
        border-bottom: 3px solid #126CF3; }
    .live-session #invite-modal .invite-participants .invite-type {
      margin: auto;
      width: 90%;
      text-align: left; }
    .live-session #invite-modal .invite-participants .sms-input {
      color: black;
      resize: none;
      outline: none;
      width: 100%;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 1px grey solid;
      border-radius: 5px;
      padding: 5px;
      margin-bottom: 10px; }
      .live-session #invite-modal .invite-participants .sms-input:focus {
        border-bottom: 2px solid var(--color-primary); }
  .live-session .waiting-room-wrapper {
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 99998;
    background-color: var(--color-primary); }
    .live-session .waiting-room-wrapper > img {
      min-height: 100%;
      min-width: 1024px;
      width: 100%;
      height: auto;
      position: fixed;
      top: 0;
      left: 0; }
    .live-session .waiting-room-wrapper .waiting-room {
      display: flex;
      width: 100vw;
      height: 100vh;
      justify-content: center;
      align-items: center;
      text-align: center;
      position: absolute;
      z-index: 99999; }
      .live-session .waiting-room-wrapper .waiting-room .clock {
        margin-bottom: 15px; }
      .live-session .waiting-room-wrapper .waiting-room .waiting-room-text {
        font-size: 1.2em;
        font-weight: bold; }
      .live-session .waiting-room-wrapper .waiting-room > div {
        background: white;
        border-radius: 6px;
        padding: 25px;
        box-shadow: 0 0 15px #00000020; }
        .live-session .waiting-room-wrapper .waiting-room > div div {
          margin: 15px; }
        .live-session .waiting-room-wrapper .waiting-room > div .countdown ul {
          padding: 0; }
          .live-session .waiting-room-wrapper .waiting-room > div .countdown ul li {
            display: inline-block;
            font-size: .9em;
            list-style-type: none;
            font-weight: bolder;
            padding: 1em;
            text-transform: uppercase; }
            .live-session .waiting-room-wrapper .waiting-room > div .countdown ul li span {
              display: block;
              margin-bottom: 0px;
              font-size: 2rem; }
      .live-session .waiting-room-wrapper .waiting-room .join-btn {
        margin-top: 25px; }
  .live-session .video-participants {
    position: static;
    z-index: 999999;
    cursor: grab;
    right: 20px;
    bottom: 75px; }
    .live-session .video-participants > div {
      width: 100%; }
      .live-session .video-participants > div .video-controls {
        cursor: pointer;
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 1;
        display: flex;
        justify-content: center;
        opacity: 1;
        transition: 0.3s all; }
        .live-session .video-participants > div .video-controls span {
          color: white;
          text-shadow: 1px 0 1px #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
          font-size: 2em !important; }
      .live-session .video-participants > div .video-name {
        margin: 0;
        color: white;
        font-size: 0.75em;
        font-weight: bold;
        text-align: center;
        text-shadow: 1px 0 1px #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0); }
      .live-session .video-participants > div video {
        border: 4px solid #e7e7e7;
        background: #e7e7e7;
        border-radius: 6px;
        box-shadow: 0 0 5px #00000050;
        width: 100%; }
  .live-session #my-video {
    z-index: 999999;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px; }
    .live-session #my-video video {
      width: 100%;
      border-radius: 6px;
      border: 3px solid var(--color-primary);
      box-shadow: 0 0 5px #00000050;
      background: var(--color-primary);
      transform: scale(-1, 1); }
    .live-session #my-video .my-video-controls {
      position: absolute;
      bottom: 5px;
      z-index: 9;
      display: flex;
      justify-content: center;
      width: 100%;
      opacity: 0.2;
      text-shadow: 1px 0 1px #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
      transition: 0.3s all; }
      .live-session #my-video .my-video-controls i {
        margin-right: 10px;
        cursor: pointer; }
  .live-session #my-video:hover .my-video-controls {
    opacity: 0.7; }
  .live-session .control-text {
    font-weight: bold;
    margin: 0;
    font-size: 1.3em; }
    .live-session .control-text img {
      height: 30px;
      margin-right: 10px; }
  .live-session .pids-wrapper {
    width: 100%; }
  .live-session .pid {
    width: calc(16.6% - 10px);
    height: 6px;
    display: inline-block;
    margin: 3px;
    background-color: #e7e7e7; }
    .live-session .pid.on {
      background-color: var(--color-primary); }
  .live-session .switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px; }
  .live-session .switch input {
    opacity: 0;
    width: 0;
    height: 0;
    cursor: pointer; }
  .live-session .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e7e7e7;
    -webkit-transition: .4s;
    transition: .4s; }
  .live-session .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .live-session input:checked + .slider {
    background-color: #47c91b; }
  .live-session input:focus + .slider {
    box-shadow: 0 0 1px var(--color-primary); }
  .live-session input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px); }
  .live-session .slider.round {
    border-radius: 4px; }
  .live-session .slider.round:before {
    border-radius: 3px; }
  .live-session #no-control {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    background: transparent;
    text-align: center;
    justify-content: center;
    align-items: center;
    z-index: 99996;
    display: flex; }
    .live-session #no-control div {
      background-color: #ffffff;
      padding: 1.4em 2em;
      border-radius: 6px;
      z-index: 99999; }
    .live-session #no-control:not(.hidden) + #nodalviewViewer {
      pointer-events: none; }
  .live-session #can-control {
    width: fit-content;
    margin: auto;
    display: none;
    background: white;
    padding: 0.5em 2em;
    border-radius: 0 0 6px 6px; }
  .live-session .participant-my-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 200px; }
  .live-session [data-messages-count] {
    position: absolute;
    top: -6px;
    right: -6px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: white;
    background: #126CF3;
    border-radius: 10px;
    margin-left: 5px;
    font-weight: bold;
    font-size: 12px; }
  .live-session [data-messages-count]:empty {
    display: none; }
  .live-session .timer-js time:not(:empty) {
    display: inline-block;
    margin-left: 10px; }
  .live-session #host-panel {
    overflow-y: scroll;
    background: #ffffff; }
    .live-session #host-panel .loading-pagination-div {
      display: none;
      position: absolute;
      top: 0;
      text-align: center;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: rgba(255, 255, 255, 0.8);
      z-index: 9;
      padding: 50px 20px; }
    .live-session #host-panel .left-container {
      padding: 0 15px; }
      .live-session #host-panel .left-container .h-style {
        margin-left: 10px; }
      .live-session #host-panel .left-container .session-info {
        text-align: center;
        margin: 15px 0; }
        .live-session #host-panel .left-container .session-info button {
          padding: 5px 25px;
          font-weight: 600;
          font-size: 12px; }
      .live-session #host-panel .left-container .live-subscribers {
        padding: 0; }
        .live-session #host-panel .left-container .live-subscribers li {
          padding: 5px; }
      .live-session #host-panel .left-container .invite-participant-icon:hover {
        color: var(--color-primary); }
    .live-session #host-panel .underline-title {
      padding: 2px 0;
      border-bottom: 1px solid grey; }
      .live-session #host-panel .underline-title .glyphicon {
        margin-right: 5px;
        margin-left: 3px; }
    .live-session #host-panel .left-title-container {
      background-color: #e7e7e7;
      color: #515151;
      padding: 5px 15px;
      margin-bottom: 5px;
      cursor: default; }
      .live-session #host-panel .left-title-container .toggle-slider {
        float: right;
        cursor: pointer; }
        .live-session #host-panel .left-title-container .toggle-slider .glyphicon {
          margin: 0;
          margin-top: 3px; }
      .live-session #host-panel .left-title-container .toggle-slider-no-event {
        cursor: default; }
      .live-session #host-panel .left-title-container .glyphicon {
        margin-right: 10px; }
    .live-session #host-panel textarea {
      background: transparent;
      color: black;
      resize: none;
      border: 0 none;
      width: 100%;
      outline: none;
      box-shadow: none;
      border-bottom: 2px solid var(--color-primary);
      border-radius: 0px;
      text-align: center; }
    .live-session #host-panel .live-tour-divider {
      border-top: 1px solid #515151;
      margin: 3px 0 8px; }
    .live-session #host-panel .copy-live-link {
      text-align: right; }
    .live-session #host-panel textarea:active {
      outline: none; }
    .live-session #host-panel .live_pano_title {
      color: #515151;
      padding: 5px 0 0;
      margin: 0;
      line-height: 1em; }
    .live-session #host-panel .search-tour {
      border-bottom: 2px solid var(--color-primary);
      margin: 5px 15px 10px;
      padding: 0 15px; }
      .live-session #host-panel .search-tour .search-tours-js {
        padding-bottom: 5px;
        margin-right: -4px; }
      .live-session #host-panel .search-tour .input-clear {
        background: transparent;
        color: black;
        resize: none;
        border: 0 none;
        outline: none;
        box-shadow: none;
        border-radius: 0px;
        padding: 5px; }
    .live-session #host-panel .tour-preview {
      cursor: pointer; }
      .live-session #host-panel .tour-preview:hover .live_pano_title {
        font-weight: bold; }
    .live-session #host-panel .tours-thumb {
      max-width: 100%;
      height: 80px;
      overflow: hidden;
      position: relative;
      margin-bottom: 2px; }
    .live-session #host-panel #my-video {
      padding: 10px; }
      .live-session #host-panel #my-video video {
        width: 100%;
        border-radius: 6px;
        border: 4px solid var(--color-primary);
        box-shadow: 0 0 5px #00000050;
        background: var(--color-primary);
        transform: scale(-1, 1); }
      .live-session #host-panel #my-video .my-video-controls {
        position: relative;
        bottom: 40px;
        z-index: 9;
        display: flex;
        justify-content: center;
        width: 100%;
        opacity: 0.2;
        text-shadow: 1px 0 1px #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
        transition: 0.3s all;
        margin-bottom: -30px; }
        .live-session #host-panel #my-video .my-video-controls i {
          margin-right: 10px;
          cursor: pointer; }
    .live-session #host-panel #my-video:hover .my-video-controls {
      opacity: 0.7; }
    .live-session #host-panel .connected-participant .waiting {
      color: orange; }
    .live-session #host-panel .connected-participant .connected {
      color: darkgreen; }

.media-editor-grid-panoramas, .media-editor-grid-photos {
  display: grid;
  grid-gap: 1.25rem;
  align-items: center;
  justify-content: center;
  width: 100%; }
  .media-editor-grid-panoramas img, .media-editor-grid-photos img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    cursor: pointer; }
    .media-editor-grid-panoramas img:hover, .media-editor-grid-photos img:hover {
      display: block;
      opacity: 0.5; }

.media-editor-grid-panoramas {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

.media-editor-grid-photos {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

.selectable-row {
  cursor: pointer; }

.selectable-row:hover {
  background: var(--background-primary); }

.selectable-row a {
  display: block; }

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

.session-form, .registration-form {
  min-width: 50%; }

.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(//assets.nodalview.com/packs/static/view-assets/sessions/grey-background-09247944503610e95fed.png) no-repeat center;
  background-size: cover; }

.lower-center {
  position: fixed;
  z-index: 2;
  bottom: 0;
  left: 65%;
  transform: translateX(-50%) translateY(80%);
  mix-blend-mode: overlay; }

.lower-right {
  position: fixed;
  z-index: 2;
  bottom: 0%;
  left: 40%;
  width: 80%;
  transform: translateY(65%);
  mix-blend-mode: overlay; }

.lower-left {
  position: fixed;
  z-index: 4;
  bottom: 0;
  left: 35%;
  transform: translateX(-50%) translateY(80%);
  mix-blend-mode: overlay; }

.lower-wave {
  position: fixed;
  z-index: 7;
  bottom: 0;
  left: 40%;
  transform: translateY(25%);
  mix-blend-mode: overlay;
  width: 80%; }

.typo-left {
  position: fixed;
  left: 3%;
  top: 25%;
  z-index: 8;
  width: 6.5vw;
  mix-blend-mode: overlay; }

.typo-right {
  position: fixed;
  right: 5%;
  top: 10%;
  z-index: 9;
  width: 6vw;
  mix-blend-mode: overlay; }

.upper-center {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-70%);
  mix-blend-mode: overlay;
  width: 60%; }

.upper-full {
  position: fixed;
  z-index: 3;
  top: 0;
  left: -10vw;
  transform: translateY(-72%) rotate(2deg);
  mix-blend-mode: overlay;
  width: 120vw; }

.upper-left {
  position: fixed;
  top: 0;
  right: 30%;
  transform: translateY(-75%);
  z-index: 1; }

.upper-wave {
  position: fixed;
  z-index: 6;
  top: 0;
  left: 0;
  transform: translateY(-45%);
  mix-blend-mode: overlay;
  width: 110vw; }

.photos-grid {
  display: grid;
  grid-auto-rows: 140px;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  grid-gap: 2px; }

.photos-grid li {
  height: 100%;
  overflow: hidden; }

.panorama-photo-video-grid {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-rows: repeat(2, 120px);
  grid-gap: 2px; }

.photos-grid img,
.photos-grid video,
.panorama-photo-video-grid img,
.panorama-photo-video-grid video {
  height: 100%;
  width: 100%;
  overflow: hidden;
  object-fit: cover; }

.panorama-photo-video-grid a:first-child {
  grid-area: 1 / 1 / 3 / 2; }

.photo-empty-state {
  display: block;
  padding: 100px 20px;
  text-align: center; }

.photo-empty-state img {
  width: auto; }

.tour-panorama img {
  width: 100%; }

.tour-panorama-fit {
  display: flex; }

.tour-panorama-fit img {
  width: 100%;
  object-fit: cover;
  height: 230px; }

.tour-matterport-thumbnail {
  height: 240px; }

#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); }

.project-header {
  grid-template-columns: repeat(4, 1fr) auto; }

.image-builder {
  margin-top: -300px;
  color: #5cb85c;
  text-shadow: 0 0 3px black;
  display: none; }
  .image-builder.visible {
    display: block; }

.studio-shot {
  width: 2160px;
  height: 1620px;
  top: 100vh; }

.take-screenshot {
  width: 80px;
  height: 80px;
  color: white;
  margin-top: -120px;
  border-radius: 50%;
  border: 2px solid white;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

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: bold; }
  .smartlinks .portal-warning-box p {
    font-size: 0.875rem;
    margin-bottom: 0;
    font-weight: bold; }

.open-house-host-panel {
  background-color: white;
  width: 300px;
  height: 100vh;
  position: fixed;
  left: 0;
  overflow-y: auto; }
  .open-house-host-panel > div {
    margin-bottom: 10px; }
  .open-house-host-panel .title {
    background-color: #e7e7e7;
    padding: 5px; }
  .open-house-host-panel .take-control-js {
    display: none; }
  .open-house-host-panel .video-preview {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1); }
    .open-house-host-panel .video-preview video {
      margin: 10px;
      width: calc(100% - 20px);
      border-radius: 6px;
      border: 4px solid var(--color-primary);
      background: var(--color-primary);
      box-shadow: 0 0 5px #00000050; }
  .open-house-host-panel .participants {
    padding: 6px;
    color: #333333; }
    .open-house-host-panel .participants .participant {
      display: flex;
      justify-content: space-between; }
      .open-house-host-panel .participants .participant .status-light {
        color: var(--color-primary);
        font-size: 1.2em; }
      .open-house-host-panel .participants .participant .connected {
        color: green; }
      .open-house-host-panel .participants .participant .waiting {
        color: #F9A409; }

.finished-open-house {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-primary);
  height: 100vh;
  width: 100vw; }
  .finished-open-house div {
    background: white;
    border-radius: 6px;
    padding: 50px 25px 25px;
    min-width: 400px;
    text-align: center; }
    .finished-open-house div p {
      text-transform: uppercase;
      margin: 0;
      font-weight: bold;
      font-size: 1.2em; }

.index_open_houses {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .index_open_houses .new_link {
    font-size: 1.4em;
    font-weight: bolder; }
    .index_open_houses .new_link a {
      font-weight: bolder;
      text-decoration: underline; }
  .index_open_houses summary {
    margin-left: 0.9375rem;
    color: var(--color-primary);
    cursor: pointer; }
  .index_open_houses details[open] summary ~ * {
    animation: sweep .5s ease-in-out; }
@keyframes sweep {
  0% {
    opacity: 0;
    margin-top: -10px; }
  100% {
    opacity: 1;
    margin-top: 0; } }
  .index_open_houses details > summary::-webkit-details-marker {
    display: none; }
  .index_open_houses details[open] > summary {
    border-radius: 0.5rem 0.5rem 0 0; }
  .index_open_houses .open-house-title {
    margin-left: 0.9375rem; }
  .index_open_houses .open-house-participants {
    padding: 10px;
    background-color: #f0f1f3; }

.open-house-participants-list li:not(:last-child) {
  border-bottom: 1px solid #EAEAEA; }

.edit-panorama .automatic-return-buttons {
  justify-content: space-around;
  align-items: center;
  padding: 20px;
  margin-bottom: 20px; }
  .edit-panorama .automatic-return-buttons > a {
    margin: 10px; }
.edit-panorama .auto-text {
  padding: 10px; }
.edit-panorama .btn-outline {
  padding: 10px;
  background: none;
  border: 3px solid var(--color-primary);
  color: var(--color-primary);
  box-shadow: 0 0 5px #00000030;
  text-transform: uppercase;
  font-weight: bold; }
  .edit-panorama .btn-outline.enabled {
    color: white;
    background: var(--color-primary);
    border: 3px solid var(--color-primary); }
    .edit-panorama .btn-outline.enabled:focus {
      border: 3px solid var(--color-primary); }
.edit-panorama .alert-nodalview {
  color: var(--color-primary);
  margin: 50px 0;
  border: 1px solid var(--color-primary); }

.edit-panorama-viewer {
  height: 455px; }

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

.organisation__section {
  margin-bottom: 2rem; }
  .organisation__section__title {
    font-weight: 500;
    line-height: 1.2; }
  .organisation__section__list {
    margin-top: 0.625rem; }
  .organisation__section__cta {
    margin-top: 1rem;
    text-align: right; }
    .organisation__section__cta--left {
      text-align: left; }
.organisation__devices {
  margin-bottom: 2rem; }
.organisation__logo {
  margin-bottom: 0; }
  .organisation__logo__cta {
    display: flex;
    margin: 0.25rem -0.25rem 1.5rem; }
  .organisation__logo__previews {
    margin-bottom: 1.5rem; }
    .organisation__logo__previews img {
      max-height: 80%;
      max-width: 80%; }
  .organisation__logo__dialog__spinner {
    padding-top: 25px;
    position: relative;
    text-align: center; }
    .organisation__logo__dialog__spinner .spinner::before {
      top: 10px; }
.organisation__tours__list .list-table__header,
.organisation__tours__list .list-table__item {
  grid-template-columns: 15rem repeat(4, 1fr) 9.375rem; }
.organisation__users {
  margin-bottom: 2rem; }

.user_invitation {
  display: flex;
  align-items: center; }
  .user_invitation__column {
    flex: 1;
    display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--background-primary);
    min-height: 100vh;
    padding: 5rem; }
    .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__illustration {
    margin-bottom: 2.5rem;
    width: 100%; }
  .user_invitation__headline {
    font-size: 2.375rem;
    font-weight: 700;
    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: 700;
  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: 700;
    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(//assets.nodalview.com/packs/static/nodal-icon/nodal-icon-a3c1c87fd38f149ba632.ttf?6ebf800dbc1ab790d976b0c6749fb7fe) format("truetype"), url(//assets.nodalview.com/packs/static/nodal-icon/nodal-icon-45b9770c01b05cd3a795.woff?6ebf800dbc1ab790d976b0c6749fb7fe) format("woff"), url(//assets.nodalview.com/packs/static/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: normal !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-teamleader: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: ""; }

.flag-icon-background, .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat; }

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em; }
  .flag-icon:before {
    content: '\00a0'; }
  .flag-icon.flag-icon-squared {
    width: 1em; }

.flag-icon-ad {
  background-image: url("/images/flags/4x3/ad.svg"); }
  .flag-icon-ad.flag-icon-squared {
    background-image: url("/images/flags/1x1/ad.svg"); }

.flag-icon-ae {
  background-image: url("/images/flags/4x3/ae.svg"); }
  .flag-icon-ae.flag-icon-squared {
    background-image: url("/images/flags/1x1/ae.svg"); }

.flag-icon-af {
  background-image: url("/images/flags/4x3/af.svg"); }
  .flag-icon-af.flag-icon-squared {
    background-image: url("/images/flags/1x1/af.svg"); }

.flag-icon-ag {
  background-image: url("/images/flags/4x3/ag.svg"); }
  .flag-icon-ag.flag-icon-squared {
    background-image: url("/images/flags/1x1/ag.svg"); }

.flag-icon-ai {
  background-image: url("/images/flags/4x3/ai.svg"); }
  .flag-icon-ai.flag-icon-squared {
    background-image: url("/images/flags/1x1/ai.svg"); }

.flag-icon-al {
  background-image: url("/images/flags/4x3/al.svg"); }
  .flag-icon-al.flag-icon-squared {
    background-image: url("/images/flags/1x1/al.svg"); }

.flag-icon-am {
  background-image: url("/images/flags/4x3/am.svg"); }
  .flag-icon-am.flag-icon-squared {
    background-image: url("/images/flags/1x1/am.svg"); }

.flag-icon-ao {
  background-image: url("/images/flags/4x3/ao.svg"); }
  .flag-icon-ao.flag-icon-squared {
    background-image: url("/images/flags/1x1/ao.svg"); }

.flag-icon-aq {
  background-image: url("/images/flags/4x3/aq.svg"); }
  .flag-icon-aq.flag-icon-squared {
    background-image: url("/images/flags/1x1/aq.svg"); }

.flag-icon-ar {
  background-image: url("/images/flags/4x3/ar.svg"); }
  .flag-icon-ar.flag-icon-squared {
    background-image: url("/images/flags/1x1/ar.svg"); }

.flag-icon-as {
  background-image: url("/images/flags/4x3/as.svg"); }
  .flag-icon-as.flag-icon-squared {
    background-image: url("/images/flags/1x1/as.svg"); }

.flag-icon-at {
  background-image: url("/images/flags/4x3/at.svg"); }
  .flag-icon-at.flag-icon-squared {
    background-image: url("/images/flags/1x1/at.svg"); }

.flag-icon-au {
  background-image: url("/images/flags/4x3/au.svg"); }
  .flag-icon-au.flag-icon-squared {
    background-image: url("/images/flags/1x1/au.svg"); }

.flag-icon-aw {
  background-image: url("/images/flags/4x3/aw.svg"); }
  .flag-icon-aw.flag-icon-squared {
    background-image: url("/images/flags/1x1/aw.svg"); }

.flag-icon-ax {
  background-image: url("/images/flags/4x3/ax.svg"); }
  .flag-icon-ax.flag-icon-squared {
    background-image: url("/images/flags/1x1/ax.svg"); }

.flag-icon-az {
  background-image: url("/images/flags/4x3/az.svg"); }
  .flag-icon-az.flag-icon-squared {
    background-image: url("/images/flags/1x1/az.svg"); }

.flag-icon-ba {
  background-image: url("/images/flags/4x3/ba.svg"); }
  .flag-icon-ba.flag-icon-squared {
    background-image: url("/images/flags/1x1/ba.svg"); }

.flag-icon-bb {
  background-image: url("/images/flags/4x3/bb.svg"); }
  .flag-icon-bb.flag-icon-squared {
    background-image: url("/images/flags/1x1/bb.svg"); }

.flag-icon-bd {
  background-image: url("/images/flags/4x3/bd.svg"); }
  .flag-icon-bd.flag-icon-squared {
    background-image: url("/images/flags/1x1/bd.svg"); }

.flag-icon-be {
  background-image: url("/images/flags/4x3/be.svg"); }
  .flag-icon-be.flag-icon-squared {
    background-image: url("/images/flags/1x1/be.svg"); }

.flag-icon-bf {
  background-image: url("/images/flags/4x3/bf.svg"); }
  .flag-icon-bf.flag-icon-squared {
    background-image: url("/images/flags/1x1/bf.svg"); }

.flag-icon-bg {
  background-image: url("/images/flags/4x3/bg.svg"); }
  .flag-icon-bg.flag-icon-squared {
    background-image: url("/images/flags/1x1/bg.svg"); }

.flag-icon-bh {
  background-image: url("/images/flags/4x3/bh.svg"); }
  .flag-icon-bh.flag-icon-squared {
    background-image: url("/images/flags/1x1/bh.svg"); }

.flag-icon-bi {
  background-image: url("/images/flags/4x3/bi.svg"); }
  .flag-icon-bi.flag-icon-squared {
    background-image: url("/images/flags/1x1/bi.svg"); }

.flag-icon-bj {
  background-image: url("/images/flags/4x3/bj.svg"); }
  .flag-icon-bj.flag-icon-squared {
    background-image: url("/images/flags/1x1/bj.svg"); }

.flag-icon-bl {
  background-image: url("/images/flags/4x3/bl.svg"); }
  .flag-icon-bl.flag-icon-squared {
    background-image: url("/images/flags/1x1/bl.svg"); }

.flag-icon-bm {
  background-image: url("/images/flags/4x3/bm.svg"); }
  .flag-icon-bm.flag-icon-squared {
    background-image: url("/images/flags/1x1/bm.svg"); }

.flag-icon-bn {
  background-image: url("/images/flags/4x3/bn.svg"); }
  .flag-icon-bn.flag-icon-squared {
    background-image: url("/images/flags/1x1/bn.svg"); }

.flag-icon-bo {
  background-image: url("/images/flags/4x3/bo.svg"); }
  .flag-icon-bo.flag-icon-squared {
    background-image: url("/images/flags/1x1/bo.svg"); }

.flag-icon-bq {
  background-image: url("/images/flags/4x3/bq.svg"); }
  .flag-icon-bq.flag-icon-squared {
    background-image: url("/images/flags/1x1/bq.svg"); }

.flag-icon-br {
  background-image: url("/images/flags/4x3/br.svg"); }
  .flag-icon-br.flag-icon-squared {
    background-image: url("/images/flags/1x1/br.svg"); }

.flag-icon-bs {
  background-image: url("/images/flags/4x3/bs.svg"); }
  .flag-icon-bs.flag-icon-squared {
    background-image: url("/images/flags/1x1/bs.svg"); }

.flag-icon-bt {
  background-image: url("/images/flags/4x3/bt.svg"); }
  .flag-icon-bt.flag-icon-squared {
    background-image: url("/images/flags/1x1/bt.svg"); }

.flag-icon-bv {
  background-image: url("/images/flags/4x3/bv.svg"); }
  .flag-icon-bv.flag-icon-squared {
    background-image: url("/images/flags/1x1/bv.svg"); }

.flag-icon-bw {
  background-image: url("/images/flags/4x3/bw.svg"); }
  .flag-icon-bw.flag-icon-squared {
    background-image: url("/images/flags/1x1/bw.svg"); }

.flag-icon-by {
  background-image: url("/images/flags/4x3/by.svg"); }
  .flag-icon-by.flag-icon-squared {
    background-image: url("/images/flags/1x1/by.svg"); }

.flag-icon-bz {
  background-image: url("/images/flags/4x3/bz.svg"); }
  .flag-icon-bz.flag-icon-squared {
    background-image: url("/images/flags/1x1/bz.svg"); }

.flag-icon-ca {
  background-image: url("/images/flags/4x3/ca.svg"); }
  .flag-icon-ca.flag-icon-squared {
    background-image: url("/images/flags/1x1/ca.svg"); }

.flag-icon-cc {
  background-image: url("/images/flags/4x3/cc.svg"); }
  .flag-icon-cc.flag-icon-squared {
    background-image: url("/images/flags/1x1/cc.svg"); }

.flag-icon-cd {
  background-image: url("/images/flags/4x3/cd.svg"); }
  .flag-icon-cd.flag-icon-squared {
    background-image: url("/images/flags/1x1/cd.svg"); }

.flag-icon-cf {
  background-image: url("/images/flags/4x3/cf.svg"); }
  .flag-icon-cf.flag-icon-squared {
    background-image: url("/images/flags/1x1/cf.svg"); }

.flag-icon-cg {
  background-image: url("/images/flags/4x3/cg.svg"); }
  .flag-icon-cg.flag-icon-squared {
    background-image: url("/images/flags/1x1/cg.svg"); }

.flag-icon-ch {
  background-image: url("/images/flags/4x3/ch.svg"); }
  .flag-icon-ch.flag-icon-squared {
    background-image: url("/images/flags/1x1/ch.svg"); }

.flag-icon-ci {
  background-image: url("/images/flags/4x3/ci.svg"); }
  .flag-icon-ci.flag-icon-squared {
    background-image: url("/images/flags/1x1/ci.svg"); }

.flag-icon-ck {
  background-image: url("/images/flags/4x3/ck.svg"); }
  .flag-icon-ck.flag-icon-squared {
    background-image: url("/images/flags/1x1/ck.svg"); }

.flag-icon-cl {
  background-image: url("/images/flags/4x3/cl.svg"); }
  .flag-icon-cl.flag-icon-squared {
    background-image: url("/images/flags/1x1/cl.svg"); }

.flag-icon-cm {
  background-image: url("/images/flags/4x3/cm.svg"); }
  .flag-icon-cm.flag-icon-squared {
    background-image: url("/images/flags/1x1/cm.svg"); }

.flag-icon-cn {
  background-image: url("/images/flags/4x3/cn.svg"); }
  .flag-icon-cn.flag-icon-squared {
    background-image: url("/images/flags/1x1/cn.svg"); }

.flag-icon-co {
  background-image: url("/images/flags/4x3/co.svg"); }
  .flag-icon-co.flag-icon-squared {
    background-image: url("/images/flags/1x1/co.svg"); }

.flag-icon-cr {
  background-image: url("/images/flags/4x3/cr.svg"); }
  .flag-icon-cr.flag-icon-squared {
    background-image: url("/images/flags/1x1/cr.svg"); }

.flag-icon-cu {
  background-image: url("/images/flags/4x3/cu.svg"); }
  .flag-icon-cu.flag-icon-squared {
    background-image: url("/images/flags/1x1/cu.svg"); }

.flag-icon-cv {
  background-image: url("/images/flags/4x3/cv.svg"); }
  .flag-icon-cv.flag-icon-squared {
    background-image: url("/images/flags/1x1/cv.svg"); }

.flag-icon-cw {
  background-image: url("/images/flags/4x3/cw.svg"); }
  .flag-icon-cw.flag-icon-squared {
    background-image: url("/images/flags/1x1/cw.svg"); }

.flag-icon-cx {
  background-image: url("/images/flags/4x3/cx.svg"); }
  .flag-icon-cx.flag-icon-squared {
    background-image: url("/images/flags/1x1/cx.svg"); }

.flag-icon-cy {
  background-image: url("/images/flags/4x3/cy.svg"); }
  .flag-icon-cy.flag-icon-squared {
    background-image: url("/images/flags/1x1/cy.svg"); }

.flag-icon-cz {
  background-image: url("/images/flags/4x3/cz.svg"); }
  .flag-icon-cz.flag-icon-squared {
    background-image: url("/images/flags/1x1/cz.svg"); }

.flag-icon-de {
  background-image: url("/images/flags/4x3/de.svg"); }
  .flag-icon-de.flag-icon-squared {
    background-image: url("/images/flags/1x1/de.svg"); }

.flag-icon-dj {
  background-image: url("/images/flags/4x3/dj.svg"); }
  .flag-icon-dj.flag-icon-squared {
    background-image: url("/images/flags/1x1/dj.svg"); }

.flag-icon-dk {
  background-image: url("/images/flags/4x3/dk.svg"); }
  .flag-icon-dk.flag-icon-squared {
    background-image: url("/images/flags/1x1/dk.svg"); }

.flag-icon-dm {
  background-image: url("/images/flags/4x3/dm.svg"); }
  .flag-icon-dm.flag-icon-squared {
    background-image: url("/images/flags/1x1/dm.svg"); }

.flag-icon-do {
  background-image: url("/images/flags/4x3/do.svg"); }
  .flag-icon-do.flag-icon-squared {
    background-image: url("/images/flags/1x1/do.svg"); }

.flag-icon-dz {
  background-image: url("/images/flags/4x3/dz.svg"); }
  .flag-icon-dz.flag-icon-squared {
    background-image: url("/images/flags/1x1/dz.svg"); }

.flag-icon-ec {
  background-image: url("/images/flags/4x3/ec.svg"); }
  .flag-icon-ec.flag-icon-squared {
    background-image: url("/images/flags/1x1/ec.svg"); }

.flag-icon-ee {
  background-image: url("/images/flags/4x3/ee.svg"); }
  .flag-icon-ee.flag-icon-squared {
    background-image: url("/images/flags/1x1/ee.svg"); }

.flag-icon-eg {
  background-image: url("/images/flags/4x3/eg.svg"); }
  .flag-icon-eg.flag-icon-squared {
    background-image: url("/images/flags/1x1/eg.svg"); }

.flag-icon-eh {
  background-image: url("/images/flags/4x3/eh.svg"); }
  .flag-icon-eh.flag-icon-squared {
    background-image: url("/images/flags/1x1/eh.svg"); }

.flag-icon-er {
  background-image: url("/images/flags/4x3/er.svg"); }
  .flag-icon-er.flag-icon-squared {
    background-image: url("/images/flags/1x1/er.svg"); }

.flag-icon-es {
  background-image: url("/images/flags/4x3/es.svg"); }
  .flag-icon-es.flag-icon-squared {
    background-image: url("/images/flags/1x1/es.svg"); }

.flag-icon-et {
  background-image: url("/images/flags/4x3/et.svg"); }
  .flag-icon-et.flag-icon-squared {
    background-image: url("/images/flags/1x1/et.svg"); }

.flag-icon-fi {
  background-image: url("/images/flags/4x3/fi.svg"); }
  .flag-icon-fi.flag-icon-squared {
    background-image: url("/images/flags/1x1/fi.svg"); }

.flag-icon-fj {
  background-image: url("/images/flags/4x3/fj.svg"); }
  .flag-icon-fj.flag-icon-squared {
    background-image: url("/images/flags/1x1/fj.svg"); }

.flag-icon-fk {
  background-image: url("/images/flags/4x3/fk.svg"); }
  .flag-icon-fk.flag-icon-squared {
    background-image: url("/images/flags/1x1/fk.svg"); }

.flag-icon-fm {
  background-image: url("/images/flags/4x3/fm.svg"); }
  .flag-icon-fm.flag-icon-squared {
    background-image: url("/images/flags/1x1/fm.svg"); }

.flag-icon-fo {
  background-image: url("/images/flags/4x3/fo.svg"); }
  .flag-icon-fo.flag-icon-squared {
    background-image: url("/images/flags/1x1/fo.svg"); }

.flag-icon-fr {
  background-image: url("/images/flags/4x3/fr.svg"); }
  .flag-icon-fr.flag-icon-squared {
    background-image: url("/images/flags/1x1/fr.svg"); }

.flag-icon-ga {
  background-image: url("/images/flags/4x3/ga.svg"); }
  .flag-icon-ga.flag-icon-squared {
    background-image: url("/images/flags/1x1/ga.svg"); }

.flag-icon-gb {
  background-image: url("/images/flags/4x3/gb.svg"); }
  .flag-icon-gb.flag-icon-squared {
    background-image: url("/images/flags/1x1/gb.svg"); }

.flag-icon-gd {
  background-image: url("/images/flags/4x3/gd.svg"); }
  .flag-icon-gd.flag-icon-squared {
    background-image: url("/images/flags/1x1/gd.svg"); }

.flag-icon-ge {
  background-image: url("/images/flags/4x3/ge.svg"); }
  .flag-icon-ge.flag-icon-squared {
    background-image: url("/images/flags/1x1/ge.svg"); }

.flag-icon-gf {
  background-image: url("/images/flags/4x3/gf.svg"); }
  .flag-icon-gf.flag-icon-squared {
    background-image: url("/images/flags/1x1/gf.svg"); }

.flag-icon-gg {
  background-image: url("/images/flags/4x3/gg.svg"); }
  .flag-icon-gg.flag-icon-squared {
    background-image: url("/images/flags/1x1/gg.svg"); }

.flag-icon-gh {
  background-image: url("/images/flags/4x3/gh.svg"); }
  .flag-icon-gh.flag-icon-squared {
    background-image: url("/images/flags/1x1/gh.svg"); }

.flag-icon-gi {
  background-image: url("/images/flags/4x3/gi.svg"); }
  .flag-icon-gi.flag-icon-squared {
    background-image: url("/images/flags/1x1/gi.svg"); }

.flag-icon-gl {
  background-image: url("/images/flags/4x3/gl.svg"); }
  .flag-icon-gl.flag-icon-squared {
    background-image: url("/images/flags/1x1/gl.svg"); }

.flag-icon-gm {
  background-image: url("/images/flags/4x3/gm.svg"); }
  .flag-icon-gm.flag-icon-squared {
    background-image: url("/images/flags/1x1/gm.svg"); }

.flag-icon-gn {
  background-image: url("/images/flags/4x3/gn.svg"); }
  .flag-icon-gn.flag-icon-squared {
    background-image: url("/images/flags/1x1/gn.svg"); }

.flag-icon-gp {
  background-image: url("/images/flags/4x3/gp.svg"); }
  .flag-icon-gp.flag-icon-squared {
    background-image: url("/images/flags/1x1/gp.svg"); }

.flag-icon-gq {
  background-image: url("/images/flags/4x3/gq.svg"); }
  .flag-icon-gq.flag-icon-squared {
    background-image: url("/images/flags/1x1/gq.svg"); }

.flag-icon-gr {
  background-image: url("/images/flags/4x3/gr.svg"); }
  .flag-icon-gr.flag-icon-squared {
    background-image: url("/images/flags/1x1/gr.svg"); }

.flag-icon-gs {
  background-image: url("/images/flags/4x3/gs.svg"); }
  .flag-icon-gs.flag-icon-squared {
    background-image: url("/images/flags/1x1/gs.svg"); }

.flag-icon-gt {
  background-image: url("/images/flags/4x3/gt.svg"); }
  .flag-icon-gt.flag-icon-squared {
    background-image: url("/images/flags/1x1/gt.svg"); }

.flag-icon-gu {
  background-image: url("/images/flags/4x3/gu.svg"); }
  .flag-icon-gu.flag-icon-squared {
    background-image: url("/images/flags/1x1/gu.svg"); }

.flag-icon-gw {
  background-image: url("/images/flags/4x3/gw.svg"); }
  .flag-icon-gw.flag-icon-squared {
    background-image: url("/images/flags/1x1/gw.svg"); }

.flag-icon-gy {
  background-image: url("/images/flags/4x3/gy.svg"); }
  .flag-icon-gy.flag-icon-squared {
    background-image: url("/images/flags/1x1/gy.svg"); }

.flag-icon-hk {
  background-image: url("/images/flags/4x3/hk.svg"); }
  .flag-icon-hk.flag-icon-squared {
    background-image: url("/images/flags/1x1/hk.svg"); }

.flag-icon-hm {
  background-image: url("/images/flags/4x3/hm.svg"); }
  .flag-icon-hm.flag-icon-squared {
    background-image: url("/images/flags/1x1/hm.svg"); }

.flag-icon-hn {
  background-image: url("/images/flags/4x3/hn.svg"); }
  .flag-icon-hn.flag-icon-squared {
    background-image: url("/images/flags/1x1/hn.svg"); }

.flag-icon-hr {
  background-image: url("/images/flags/4x3/hr.svg"); }
  .flag-icon-hr.flag-icon-squared {
    background-image: url("/images/flags/1x1/hr.svg"); }

.flag-icon-ht {
  background-image: url("/images/flags/4x3/ht.svg"); }
  .flag-icon-ht.flag-icon-squared {
    background-image: url("/images/flags/1x1/ht.svg"); }

.flag-icon-hu {
  background-image: url("/images/flags/4x3/hu.svg"); }
  .flag-icon-hu.flag-icon-squared {
    background-image: url("/images/flags/1x1/hu.svg"); }

.flag-icon-id {
  background-image: url("/images/flags/4x3/id.svg"); }
  .flag-icon-id.flag-icon-squared {
    background-image: url("/images/flags/1x1/id.svg"); }

.flag-icon-ie {
  background-image: url("/images/flags/4x3/ie.svg"); }
  .flag-icon-ie.flag-icon-squared {
    background-image: url("/images/flags/1x1/ie.svg"); }

.flag-icon-il {
  background-image: url("/images/flags/4x3/il.svg"); }
  .flag-icon-il.flag-icon-squared {
    background-image: url("/images/flags/1x1/il.svg"); }

.flag-icon-im {
  background-image: url("/images/flags/4x3/im.svg"); }
  .flag-icon-im.flag-icon-squared {
    background-image: url("/images/flags/1x1/im.svg"); }

.flag-icon-in {
  background-image: url("/images/flags/4x3/in.svg"); }
  .flag-icon-in.flag-icon-squared {
    background-image: url("/images/flags/1x1/in.svg"); }

.flag-icon-io {
  background-image: url("/images/flags/4x3/io.svg"); }
  .flag-icon-io.flag-icon-squared {
    background-image: url("/images/flags/1x1/io.svg"); }

.flag-icon-iq {
  background-image: url("/images/flags/4x3/iq.svg"); }
  .flag-icon-iq.flag-icon-squared {
    background-image: url("/images/flags/1x1/iq.svg"); }

.flag-icon-ir {
  background-image: url("/images/flags/4x3/ir.svg"); }
  .flag-icon-ir.flag-icon-squared {
    background-image: url("/images/flags/1x1/ir.svg"); }

.flag-icon-is {
  background-image: url("/images/flags/4x3/is.svg"); }
  .flag-icon-is.flag-icon-squared {
    background-image: url("/images/flags/1x1/is.svg"); }

.flag-icon-it {
  background-image: url("/images/flags/4x3/it.svg"); }
  .flag-icon-it.flag-icon-squared {
    background-image: url("/images/flags/1x1/it.svg"); }

.flag-icon-je {
  background-image: url("/images/flags/4x3/je.svg"); }
  .flag-icon-je.flag-icon-squared {
    background-image: url("/images/flags/1x1/je.svg"); }

.flag-icon-jm {
  background-image: url("/images/flags/4x3/jm.svg"); }
  .flag-icon-jm.flag-icon-squared {
    background-image: url("/images/flags/1x1/jm.svg"); }

.flag-icon-jo {
  background-image: url("/images/flags/4x3/jo.svg"); }
  .flag-icon-jo.flag-icon-squared {
    background-image: url("/images/flags/1x1/jo.svg"); }

.flag-icon-jp {
  background-image: url("/images/flags/4x3/jp.svg"); }
  .flag-icon-jp.flag-icon-squared {
    background-image: url("/images/flags/1x1/jp.svg"); }

.flag-icon-ke {
  background-image: url("/images/flags/4x3/ke.svg"); }
  .flag-icon-ke.flag-icon-squared {
    background-image: url("/images/flags/1x1/ke.svg"); }

.flag-icon-kg {
  background-image: url("/images/flags/4x3/kg.svg"); }
  .flag-icon-kg.flag-icon-squared {
    background-image: url("/images/flags/1x1/kg.svg"); }

.flag-icon-kh {
  background-image: url("/images/flags/4x3/kh.svg"); }
  .flag-icon-kh.flag-icon-squared {
    background-image: url("/images/flags/1x1/kh.svg"); }

.flag-icon-ki {
  background-image: url("/images/flags/4x3/ki.svg"); }
  .flag-icon-ki.flag-icon-squared {
    background-image: url("/images/flags/1x1/ki.svg"); }

.flag-icon-km {
  background-image: url("/images/flags/4x3/km.svg"); }
  .flag-icon-km.flag-icon-squared {
    background-image: url("/images/flags/1x1/km.svg"); }

.flag-icon-kn {
  background-image: url("/images/flags/4x3/kn.svg"); }
  .flag-icon-kn.flag-icon-squared {
    background-image: url("/images/flags/1x1/kn.svg"); }

.flag-icon-kp {
  background-image: url("/images/flags/4x3/kp.svg"); }
  .flag-icon-kp.flag-icon-squared {
    background-image: url("/images/flags/1x1/kp.svg"); }

.flag-icon-kr {
  background-image: url("/images/flags/4x3/kr.svg"); }
  .flag-icon-kr.flag-icon-squared {
    background-image: url("/images/flags/1x1/kr.svg"); }

.flag-icon-kw {
  background-image: url("/images/flags/4x3/kw.svg"); }
  .flag-icon-kw.flag-icon-squared {
    background-image: url("/images/flags/1x1/kw.svg"); }

.flag-icon-ky {
  background-image: url("/images/flags/4x3/ky.svg"); }
  .flag-icon-ky.flag-icon-squared {
    background-image: url("/images/flags/1x1/ky.svg"); }

.flag-icon-kz {
  background-image: url("/images/flags/4x3/kz.svg"); }
  .flag-icon-kz.flag-icon-squared {
    background-image: url("/images/flags/1x1/kz.svg"); }

.flag-icon-la {
  background-image: url("/images/flags/4x3/la.svg"); }
  .flag-icon-la.flag-icon-squared {
    background-image: url("/images/flags/1x1/la.svg"); }

.flag-icon-lb {
  background-image: url("/images/flags/4x3/lb.svg"); }
  .flag-icon-lb.flag-icon-squared {
    background-image: url("/images/flags/1x1/lb.svg"); }

.flag-icon-lc {
  background-image: url("/images/flags/4x3/lc.svg"); }
  .flag-icon-lc.flag-icon-squared {
    background-image: url("/images/flags/1x1/lc.svg"); }

.flag-icon-li {
  background-image: url("/images/flags/4x3/li.svg"); }
  .flag-icon-li.flag-icon-squared {
    background-image: url("/images/flags/1x1/li.svg"); }

.flag-icon-lk {
  background-image: url("/images/flags/4x3/lk.svg"); }
  .flag-icon-lk.flag-icon-squared {
    background-image: url("/images/flags/1x1/lk.svg"); }

.flag-icon-lr {
  background-image: url("/images/flags/4x3/lr.svg"); }
  .flag-icon-lr.flag-icon-squared {
    background-image: url("/images/flags/1x1/lr.svg"); }

.flag-icon-ls {
  background-image: url("/images/flags/4x3/ls.svg"); }
  .flag-icon-ls.flag-icon-squared {
    background-image: url("/images/flags/1x1/ls.svg"); }

.flag-icon-lt {
  background-image: url("/images/flags/4x3/lt.svg"); }
  .flag-icon-lt.flag-icon-squared {
    background-image: url("/images/flags/1x1/lt.svg"); }

.flag-icon-lu {
  background-image: url("/images/flags/4x3/lu.svg"); }
  .flag-icon-lu.flag-icon-squared {
    background-image: url("/images/flags/1x1/lu.svg"); }

.flag-icon-lv {
  background-image: url("/images/flags/4x3/lv.svg"); }
  .flag-icon-lv.flag-icon-squared {
    background-image: url("/images/flags/1x1/lv.svg"); }

.flag-icon-ly {
  background-image: url("/images/flags/4x3/ly.svg"); }
  .flag-icon-ly.flag-icon-squared {
    background-image: url("/images/flags/1x1/ly.svg"); }

.flag-icon-ma {
  background-image: url("/images/flags/4x3/ma.svg"); }
  .flag-icon-ma.flag-icon-squared {
    background-image: url("/images/flags/1x1/ma.svg"); }

.flag-icon-mc {
  background-image: url("/images/flags/4x3/mc.svg"); }
  .flag-icon-mc.flag-icon-squared {
    background-image: url("/images/flags/1x1/mc.svg"); }

.flag-icon-md {
  background-image: url("/images/flags/4x3/md.svg"); }
  .flag-icon-md.flag-icon-squared {
    background-image: url("/images/flags/1x1/md.svg"); }

.flag-icon-me {
  background-image: url("/images/flags/4x3/me.svg"); }
  .flag-icon-me.flag-icon-squared {
    background-image: url("/images/flags/1x1/me.svg"); }

.flag-icon-mf {
  background-image: url("/images/flags/4x3/mf.svg"); }
  .flag-icon-mf.flag-icon-squared {
    background-image: url("/images/flags/1x1/mf.svg"); }

.flag-icon-mg {
  background-image: url("/images/flags/4x3/mg.svg"); }
  .flag-icon-mg.flag-icon-squared {
    background-image: url("/images/flags/1x1/mg.svg"); }

.flag-icon-mh {
  background-image: url("/images/flags/4x3/mh.svg"); }
  .flag-icon-mh.flag-icon-squared {
    background-image: url("/images/flags/1x1/mh.svg"); }

.flag-icon-mk {
  background-image: url("/images/flags/4x3/mk.svg"); }
  .flag-icon-mk.flag-icon-squared {
    background-image: url("/images/flags/1x1/mk.svg"); }

.flag-icon-ml {
  background-image: url("/images/flags/4x3/ml.svg"); }
  .flag-icon-ml.flag-icon-squared {
    background-image: url("/images/flags/1x1/ml.svg"); }

.flag-icon-mm {
  background-image: url("/images/flags/4x3/mm.svg"); }
  .flag-icon-mm.flag-icon-squared {
    background-image: url("/images/flags/1x1/mm.svg"); }

.flag-icon-mn {
  background-image: url("/images/flags/4x3/mn.svg"); }
  .flag-icon-mn.flag-icon-squared {
    background-image: url("/images/flags/1x1/mn.svg"); }

.flag-icon-mo {
  background-image: url("/images/flags/4x3/mo.svg"); }
  .flag-icon-mo.flag-icon-squared {
    background-image: url("/images/flags/1x1/mo.svg"); }

.flag-icon-mp {
  background-image: url("/images/flags/4x3/mp.svg"); }
  .flag-icon-mp.flag-icon-squared {
    background-image: url("/images/flags/1x1/mp.svg"); }

.flag-icon-mq {
  background-image: url("/images/flags/4x3/mq.svg"); }
  .flag-icon-mq.flag-icon-squared {
    background-image: url("/images/flags/1x1/mq.svg"); }

.flag-icon-mr {
  background-image: url("/images/flags/4x3/mr.svg"); }
  .flag-icon-mr.flag-icon-squared {
    background-image: url("/images/flags/1x1/mr.svg"); }

.flag-icon-ms {
  background-image: url("/images/flags/4x3/ms.svg"); }
  .flag-icon-ms.flag-icon-squared {
    background-image: url("/images/flags/1x1/ms.svg"); }

.flag-icon-mt {
  background-image: url("/images/flags/4x3/mt.svg"); }
  .flag-icon-mt.flag-icon-squared {
    background-image: url("/images/flags/1x1/mt.svg"); }

.flag-icon-mu {
  background-image: url("/images/flags/4x3/mu.svg"); }
  .flag-icon-mu.flag-icon-squared {
    background-image: url("/images/flags/1x1/mu.svg"); }

.flag-icon-mv {
  background-image: url("/images/flags/4x3/mv.svg"); }
  .flag-icon-mv.flag-icon-squared {
    background-image: url("/images/flags/1x1/mv.svg"); }

.flag-icon-mw {
  background-image: url("/images/flags/4x3/mw.svg"); }
  .flag-icon-mw.flag-icon-squared {
    background-image: url("/images/flags/1x1/mw.svg"); }

.flag-icon-mx {
  background-image: url("/images/flags/4x3/mx.svg"); }
  .flag-icon-mx.flag-icon-squared {
    background-image: url("/images/flags/1x1/mx.svg"); }

.flag-icon-my {
  background-image: url("/images/flags/4x3/my.svg"); }
  .flag-icon-my.flag-icon-squared {
    background-image: url("/images/flags/1x1/my.svg"); }

.flag-icon-mz {
  background-image: url("/images/flags/4x3/mz.svg"); }
  .flag-icon-mz.flag-icon-squared {
    background-image: url("/images/flags/1x1/mz.svg"); }

.flag-icon-na {
  background-image: url("/images/flags/4x3/na.svg"); }
  .flag-icon-na.flag-icon-squared {
    background-image: url("/images/flags/1x1/na.svg"); }

.flag-icon-nc {
  background-image: url("/images/flags/4x3/nc.svg"); }
  .flag-icon-nc.flag-icon-squared {
    background-image: url("/images/flags/1x1/nc.svg"); }

.flag-icon-ne {
  background-image: url("/images/flags/4x3/ne.svg"); }
  .flag-icon-ne.flag-icon-squared {
    background-image: url("/images/flags/1x1/ne.svg"); }

.flag-icon-nf {
  background-image: url("/images/flags/4x3/nf.svg"); }
  .flag-icon-nf.flag-icon-squared {
    background-image: url("/images/flags/1x1/nf.svg"); }

.flag-icon-ng {
  background-image: url("/images/flags/4x3/ng.svg"); }
  .flag-icon-ng.flag-icon-squared {
    background-image: url("/images/flags/1x1/ng.svg"); }

.flag-icon-ni {
  background-image: url("/images/flags/4x3/ni.svg"); }
  .flag-icon-ni.flag-icon-squared {
    background-image: url("/images/flags/1x1/ni.svg"); }

.flag-icon-nl {
  background-image: url("/images/flags/4x3/nl.svg"); }
  .flag-icon-nl.flag-icon-squared {
    background-image: url("/images/flags/1x1/nl.svg"); }

.flag-icon-no {
  background-image: url("/images/flags/4x3/no.svg"); }
  .flag-icon-no.flag-icon-squared {
    background-image: url("/images/flags/1x1/no.svg"); }

.flag-icon-np {
  background-image: url("/images/flags/4x3/np.svg"); }
  .flag-icon-np.flag-icon-squared {
    background-image: url("/images/flags/1x1/np.svg"); }

.flag-icon-nr {
  background-image: url("/images/flags/4x3/nr.svg"); }
  .flag-icon-nr.flag-icon-squared {
    background-image: url("/images/flags/1x1/nr.svg"); }

.flag-icon-nu {
  background-image: url("/images/flags/4x3/nu.svg"); }
  .flag-icon-nu.flag-icon-squared {
    background-image: url("/images/flags/1x1/nu.svg"); }

.flag-icon-nz {
  background-image: url("/images/flags/4x3/nz.svg"); }
  .flag-icon-nz.flag-icon-squared {
    background-image: url("/images/flags/1x1/nz.svg"); }

.flag-icon-om {
  background-image: url("/images/flags/4x3/om.svg"); }
  .flag-icon-om.flag-icon-squared {
    background-image: url("/images/flags/1x1/om.svg"); }

.flag-icon-pa {
  background-image: url("/images/flags/4x3/pa.svg"); }
  .flag-icon-pa.flag-icon-squared {
    background-image: url("/images/flags/1x1/pa.svg"); }

.flag-icon-pe {
  background-image: url("/images/flags/4x3/pe.svg"); }
  .flag-icon-pe.flag-icon-squared {
    background-image: url("/images/flags/1x1/pe.svg"); }

.flag-icon-pf {
  background-image: url("/images/flags/4x3/pf.svg"); }
  .flag-icon-pf.flag-icon-squared {
    background-image: url("/images/flags/1x1/pf.svg"); }

.flag-icon-pg {
  background-image: url("/images/flags/4x3/pg.svg"); }
  .flag-icon-pg.flag-icon-squared {
    background-image: url("/images/flags/1x1/pg.svg"); }

.flag-icon-ph {
  background-image: url("/images/flags/4x3/ph.svg"); }
  .flag-icon-ph.flag-icon-squared {
    background-image: url("/images/flags/1x1/ph.svg"); }

.flag-icon-pk {
  background-image: url("/images/flags/4x3/pk.svg"); }
  .flag-icon-pk.flag-icon-squared {
    background-image: url("/images/flags/1x1/pk.svg"); }

.flag-icon-pl {
  background-image: url("/images/flags/4x3/pl.svg"); }
  .flag-icon-pl.flag-icon-squared {
    background-image: url("/images/flags/1x1/pl.svg"); }

.flag-icon-pm {
  background-image: url("/images/flags/4x3/pm.svg"); }
  .flag-icon-pm.flag-icon-squared {
    background-image: url("/images/flags/1x1/pm.svg"); }

.flag-icon-pn {
  background-image: url("/images/flags/4x3/pn.svg"); }
  .flag-icon-pn.flag-icon-squared {
    background-image: url("/images/flags/1x1/pn.svg"); }

.flag-icon-pr {
  background-image: url("/images/flags/4x3/pr.svg"); }
  .flag-icon-pr.flag-icon-squared {
    background-image: url("/images/flags/1x1/pr.svg"); }

.flag-icon-ps {
  background-image: url("/images/flags/4x3/ps.svg"); }
  .flag-icon-ps.flag-icon-squared {
    background-image: url("/images/flags/1x1/ps.svg"); }

.flag-icon-pt {
  background-image: url("/images/flags/4x3/pt.svg"); }
  .flag-icon-pt.flag-icon-squared {
    background-image: url("/images/flags/1x1/pt.svg"); }

.flag-icon-pw {
  background-image: url("/images/flags/4x3/pw.svg"); }
  .flag-icon-pw.flag-icon-squared {
    background-image: url("/images/flags/1x1/pw.svg"); }

.flag-icon-py {
  background-image: url("/images/flags/4x3/py.svg"); }
  .flag-icon-py.flag-icon-squared {
    background-image: url("/images/flags/1x1/py.svg"); }

.flag-icon-qa {
  background-image: url("/images/flags/4x3/qa.svg"); }
  .flag-icon-qa.flag-icon-squared {
    background-image: url("/images/flags/1x1/qa.svg"); }

.flag-icon-re {
  background-image: url("/images/flags/4x3/re.svg"); }
  .flag-icon-re.flag-icon-squared {
    background-image: url("/images/flags/1x1/re.svg"); }

.flag-icon-ro {
  background-image: url("/images/flags/4x3/ro.svg"); }
  .flag-icon-ro.flag-icon-squared {
    background-image: url("/images/flags/1x1/ro.svg"); }

.flag-icon-rs {
  background-image: url("/images/flags/4x3/rs.svg"); }
  .flag-icon-rs.flag-icon-squared {
    background-image: url("/images/flags/1x1/rs.svg"); }

.flag-icon-ru {
  background-image: url("/images/flags/4x3/ru.svg"); }
  .flag-icon-ru.flag-icon-squared {
    background-image: url("/images/flags/1x1/ru.svg"); }

.flag-icon-rw {
  background-image: url("/images/flags/4x3/rw.svg"); }
  .flag-icon-rw.flag-icon-squared {
    background-image: url("/images/flags/1x1/rw.svg"); }

.flag-icon-sa {
  background-image: url("/images/flags/4x3/sa.svg"); }
  .flag-icon-sa.flag-icon-squared {
    background-image: url("/images/flags/1x1/sa.svg"); }

.flag-icon-sb {
  background-image: url("/images/flags/4x3/sb.svg"); }
  .flag-icon-sb.flag-icon-squared {
    background-image: url("/images/flags/1x1/sb.svg"); }

.flag-icon-sc {
  background-image: url("/images/flags/4x3/sc.svg"); }
  .flag-icon-sc.flag-icon-squared {
    background-image: url("/images/flags/1x1/sc.svg"); }

.flag-icon-sd {
  background-image: url("/images/flags/4x3/sd.svg"); }
  .flag-icon-sd.flag-icon-squared {
    background-image: url("/images/flags/1x1/sd.svg"); }

.flag-icon-se {
  background-image: url("/images/flags/4x3/se.svg"); }
  .flag-icon-se.flag-icon-squared {
    background-image: url("/images/flags/1x1/se.svg"); }

.flag-icon-sg {
  background-image: url("/images/flags/4x3/sg.svg"); }
  .flag-icon-sg.flag-icon-squared {
    background-image: url("/images/flags/1x1/sg.svg"); }

.flag-icon-sh {
  background-image: url("/images/flags/4x3/sh.svg"); }
  .flag-icon-sh.flag-icon-squared {
    background-image: url("/images/flags/1x1/sh.svg"); }

.flag-icon-si {
  background-image: url("/images/flags/4x3/si.svg"); }
  .flag-icon-si.flag-icon-squared {
    background-image: url("/images/flags/1x1/si.svg"); }

.flag-icon-sj {
  background-image: url("/images/flags/4x3/sj.svg"); }
  .flag-icon-sj.flag-icon-squared {
    background-image: url("/images/flags/1x1/sj.svg"); }

.flag-icon-sk {
  background-image: url("/images/flags/4x3/sk.svg"); }
  .flag-icon-sk.flag-icon-squared {
    background-image: url("/images/flags/1x1/sk.svg"); }

.flag-icon-sl {
  background-image: url("/images/flags/4x3/sl.svg"); }
  .flag-icon-sl.flag-icon-squared {
    background-image: url("/images/flags/1x1/sl.svg"); }

.flag-icon-sm {
  background-image: url("/images/flags/4x3/sm.svg"); }
  .flag-icon-sm.flag-icon-squared {
    background-image: url("/images/flags/1x1/sm.svg"); }

.flag-icon-sn {
  background-image: url("/images/flags/4x3/sn.svg"); }
  .flag-icon-sn.flag-icon-squared {
    background-image: url("/images/flags/1x1/sn.svg"); }

.flag-icon-so {
  background-image: url("/images/flags/4x3/so.svg"); }
  .flag-icon-so.flag-icon-squared {
    background-image: url("/images/flags/1x1/so.svg"); }

.flag-icon-sr {
  background-image: url("/images/flags/4x3/sr.svg"); }
  .flag-icon-sr.flag-icon-squared {
    background-image: url("/images/flags/1x1/sr.svg"); }

.flag-icon-ss {
  background-image: url("/images/flags/4x3/ss.svg"); }
  .flag-icon-ss.flag-icon-squared {
    background-image: url("/images/flags/1x1/ss.svg"); }

.flag-icon-st {
  background-image: url("/images/flags/4x3/st.svg"); }
  .flag-icon-st.flag-icon-squared {
    background-image: url("/images/flags/1x1/st.svg"); }

.flag-icon-sv {
  background-image: url("/images/flags/4x3/sv.svg"); }
  .flag-icon-sv.flag-icon-squared {
    background-image: url("/images/flags/1x1/sv.svg"); }

.flag-icon-sx {
  background-image: url("/images/flags/4x3/sx.svg"); }
  .flag-icon-sx.flag-icon-squared {
    background-image: url("/images/flags/1x1/sx.svg"); }

.flag-icon-sy {
  background-image: url("/images/flags/4x3/sy.svg"); }
  .flag-icon-sy.flag-icon-squared {
    background-image: url("/images/flags/1x1/sy.svg"); }

.flag-icon-sz {
  background-image: url("/images/flags/4x3/sz.svg"); }
  .flag-icon-sz.flag-icon-squared {
    background-image: url("/images/flags/1x1/sz.svg"); }

.flag-icon-tc {
  background-image: url("/images/flags/4x3/tc.svg"); }
  .flag-icon-tc.flag-icon-squared {
    background-image: url("/images/flags/1x1/tc.svg"); }

.flag-icon-td {
  background-image: url("/images/flags/4x3/td.svg"); }
  .flag-icon-td.flag-icon-squared {
    background-image: url("/images/flags/1x1/td.svg"); }

.flag-icon-tf {
  background-image: url("/images/flags/4x3/tf.svg"); }
  .flag-icon-tf.flag-icon-squared {
    background-image: url("/images/flags/1x1/tf.svg"); }

.flag-icon-tg {
  background-image: url("/images/flags/4x3/tg.svg"); }
  .flag-icon-tg.flag-icon-squared {
    background-image: url("/images/flags/1x1/tg.svg"); }

.flag-icon-th {
  background-image: url("/images/flags/4x3/th.svg"); }
  .flag-icon-th.flag-icon-squared {
    background-image: url("/images/flags/1x1/th.svg"); }

.flag-icon-tj {
  background-image: url("/images/flags/4x3/tj.svg"); }
  .flag-icon-tj.flag-icon-squared {
    background-image: url("/images/flags/1x1/tj.svg"); }

.flag-icon-tk {
  background-image: url("/images/flags/4x3/tk.svg"); }
  .flag-icon-tk.flag-icon-squared {
    background-image: url("/images/flags/1x1/tk.svg"); }

.flag-icon-tl {
  background-image: url("/images/flags/4x3/tl.svg"); }
  .flag-icon-tl.flag-icon-squared {
    background-image: url("/images/flags/1x1/tl.svg"); }

.flag-icon-tm {
  background-image: url("/images/flags/4x3/tm.svg"); }
  .flag-icon-tm.flag-icon-squared {
    background-image: url("/images/flags/1x1/tm.svg"); }

.flag-icon-tn {
  background-image: url("/images/flags/4x3/tn.svg"); }
  .flag-icon-tn.flag-icon-squared {
    background-image: url("/images/flags/1x1/tn.svg"); }

.flag-icon-to {
  background-image: url("/images/flags/4x3/to.svg"); }
  .flag-icon-to.flag-icon-squared {
    background-image: url("/images/flags/1x1/to.svg"); }

.flag-icon-tr {
  background-image: url("/images/flags/4x3/tr.svg"); }
  .flag-icon-tr.flag-icon-squared {
    background-image: url("/images/flags/1x1/tr.svg"); }

.flag-icon-tt {
  background-image: url("/images/flags/4x3/tt.svg"); }
  .flag-icon-tt.flag-icon-squared {
    background-image: url("/images/flags/1x1/tt.svg"); }

.flag-icon-tv {
  background-image: url("/images/flags/4x3/tv.svg"); }
  .flag-icon-tv.flag-icon-squared {
    background-image: url("/images/flags/1x1/tv.svg"); }

.flag-icon-tw {
  background-image: url("/images/flags/4x3/tw.svg"); }
  .flag-icon-tw.flag-icon-squared {
    background-image: url("/images/flags/1x1/tw.svg"); }

.flag-icon-tz {
  background-image: url("/images/flags/4x3/tz.svg"); }
  .flag-icon-tz.flag-icon-squared {
    background-image: url("/images/flags/1x1/tz.svg"); }

.flag-icon-ua {
  background-image: url("/images/flags/4x3/ua.svg"); }
  .flag-icon-ua.flag-icon-squared {
    background-image: url("/images/flags/1x1/ua.svg"); }

.flag-icon-ug {
  background-image: url("/images/flags/4x3/ug.svg"); }
  .flag-icon-ug.flag-icon-squared {
    background-image: url("/images/flags/1x1/ug.svg"); }

.flag-icon-um {
  background-image: url("/images/flags/4x3/um.svg"); }
  .flag-icon-um.flag-icon-squared {
    background-image: url("/images/flags/1x1/um.svg"); }

.flag-icon-us {
  background-image: url("/images/flags/4x3/us.svg"); }
  .flag-icon-us.flag-icon-squared {
    background-image: url("/images/flags/1x1/us.svg"); }

.flag-icon-uy {
  background-image: url("/images/flags/4x3/uy.svg"); }
  .flag-icon-uy.flag-icon-squared {
    background-image: url("/images/flags/1x1/uy.svg"); }

.flag-icon-uz {
  background-image: url("/images/flags/4x3/uz.svg"); }
  .flag-icon-uz.flag-icon-squared {
    background-image: url("/images/flags/1x1/uz.svg"); }

.flag-icon-va {
  background-image: url("/images/flags/4x3/va.svg"); }
  .flag-icon-va.flag-icon-squared {
    background-image: url("/images/flags/1x1/va.svg"); }

.flag-icon-vc {
  background-image: url("/images/flags/4x3/vc.svg"); }
  .flag-icon-vc.flag-icon-squared {
    background-image: url("/images/flags/1x1/vc.svg"); }

.flag-icon-ve {
  background-image: url("/images/flags/4x3/ve.svg"); }
  .flag-icon-ve.flag-icon-squared {
    background-image: url("/images/flags/1x1/ve.svg"); }

.flag-icon-vg {
  background-image: url("/images/flags/4x3/vg.svg"); }
  .flag-icon-vg.flag-icon-squared {
    background-image: url("/images/flags/1x1/vg.svg"); }

.flag-icon-vi {
  background-image: url("/images/flags/4x3/vi.svg"); }
  .flag-icon-vi.flag-icon-squared {
    background-image: url("/images/flags/1x1/vi.svg"); }

.flag-icon-vn {
  background-image: url("/images/flags/4x3/vn.svg"); }
  .flag-icon-vn.flag-icon-squared {
    background-image: url("/images/flags/1x1/vn.svg"); }

.flag-icon-vu {
  background-image: url("/images/flags/4x3/vu.svg"); }
  .flag-icon-vu.flag-icon-squared {
    background-image: url("/images/flags/1x1/vu.svg"); }

.flag-icon-wf {
  background-image: url("/images/flags/4x3/wf.svg"); }
  .flag-icon-wf.flag-icon-squared {
    background-image: url("/images/flags/1x1/wf.svg"); }

.flag-icon-ws {
  background-image: url("/images/flags/4x3/ws.svg"); }
  .flag-icon-ws.flag-icon-squared {
    background-image: url("/images/flags/1x1/ws.svg"); }

.flag-icon-ye {
  background-image: url("/images/flags/4x3/ye.svg"); }
  .flag-icon-ye.flag-icon-squared {
    background-image: url("/images/flags/1x1/ye.svg"); }

.flag-icon-yt {
  background-image: url("/images/flags/4x3/yt.svg"); }
  .flag-icon-yt.flag-icon-squared {
    background-image: url("/images/flags/1x1/yt.svg"); }

.flag-icon-za {
  background-image: url("/images/flags/4x3/za.svg"); }
  .flag-icon-za.flag-icon-squared {
    background-image: url("/images/flags/1x1/za.svg"); }

.flag-icon-zm {
  background-image: url("/images/flags/4x3/zm.svg"); }
  .flag-icon-zm.flag-icon-squared {
    background-image: url("/images/flags/1x1/zm.svg"); }

.flag-icon-zw {
  background-image: url("/images/flags/4x3/zw.svg"); }
  .flag-icon-zw.flag-icon-squared {
    background-image: url("/images/flags/1x1/zw.svg"); }

.flag-icon-es-ca {
  background-image: url("/images/flags/4x3/es-ca.svg"); }
  .flag-icon-es-ca.flag-icon-squared {
    background-image: url("/images/flags/1x1/es-ca.svg"); }

.flag-icon-eu {
  background-image: url("/images/flags/4x3/eu.svg"); }
  .flag-icon-eu.flag-icon-squared {
    background-image: url("/images/flags/1x1/eu.svg"); }

.flag-icon-gb-eng {
  background-image: url("/images/flags/4x3/gb-eng.svg"); }
  .flag-icon-gb-eng.flag-icon-squared {
    background-image: url("/images/flags/1x1/gb-eng.svg"); }

.flag-icon-gb-nir {
  background-image: url("/images/flags/4x3/gb-nir.svg"); }
  .flag-icon-gb-nir.flag-icon-squared {
    background-image: url("/images/flags/1x1/gb-nir.svg"); }

.flag-icon-gb-sct {
  background-image: url("/images/flags/4x3/gb-sct.svg"); }
  .flag-icon-gb-sct.flag-icon-squared {
    background-image: url("/images/flags/1x1/gb-sct.svg"); }

.flag-icon-gb-wls {
  background-image: url("/images/flags/4x3/gb-wls.svg"); }
  .flag-icon-gb-wls.flag-icon-squared {
    background-image: url("/images/flags/1x1/gb-wls.svg"); }

.flag-icon-un {
  background-image: url("/images/flags/4x3/un.svg"); }
  .flag-icon-un.flag-icon-squared {
    background-image: url("/images/flags/1x1/un.svg"); }

.flag-icon-xk {
  background-image: url("/images/flags/4x3/xk.svg"); }
  .flag-icon-xk.flag-icon-squared {
    background-image: url("/images/flags/1x1/xk.svg"); }

.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-column {
  flex-direction: column;
  display: flex;
  flex: 1; }
  .admin-layout .flex-form-column :nth-child(n) {
    margin: 7px 0; }
  .admin-layout .flex-form-column :nth-child(1) {
    margin-top: 0; }
  .admin-layout .flex-form-column :nth-last-child(1) {
    margin-bottom: 0; }
.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 .full-width-dl {
  display: flex; }
  .admin-layout .full-width-dl dt {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0; }
  .admin-layout .full-width-dl dd {
    flex-grow: 1;
    padding-left: 10px; }
.admin-layout .full-width-dl-no-border {
  display: flex;
  align-items: baseline; }
  .admin-layout .full-width-dl-no-border dt {
    width: calc(20% - 5px); }
  .admin-layout .full-width-dl-no-border dd {
    flex-grow: 1; }
.admin-layout .admin-header {
  height: 45px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
  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: 0px;
    height: 50px; }
    .admin-layout .admin-header .admin-top-nav-div nav a {
      color: #6d6d6d;
      text-transform: uppercase;
      font-weight: 700; }
    .admin-layout .admin-header .admin-top-nav-div nav .active-top-nav-link {
      font-weight: 700;
      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 {
    width: 100%;
    padding: 20px;
    border-radius: 2px; }
    .admin-layout .admin-side-bar header .navigation-logo-light:hover {
      background-color: #3f5b6d; }
.admin-layout .admin-side-bar .side-navigation {
  padding-top: 0px; }
  .admin-layout .admin-side-bar .side-navigation .active {
    background-color: var(--color-primary); }
  .admin-layout .admin-side-bar .side-navigation a {
    font-family: "montserrat";
    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 .main-content-organisations-index .main-content-search {
  min-width: 500px; }
  .admin-layout .main-content-organisations-index .main-content-search form {
    margin-left: -3px; }
.admin-layout .dropdown-custom {
  font-size: 13px;
  padding: 10px 8px 10px 14px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 250px; }
.admin-layout .dropdown-custom .select {
  width: 120%;
  background: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/arrow-3e859260b5bb49d85ef8.png) no-repeat;
  background-position: 80% center;
  background-size: 10%; }
.admin-layout .dropdown-custom .select select {
  background: transparent;
  line-height: 1;
  border: 0;
  padding: 0;
  border-radius: 0;
  width: 120%;
  position: relative;
  z-index: 10;
  font-size: 1em; }
.admin-layout .admin-tab .admin-tab-header .bar1 {
  background-color: #3f5b6d; }
.admin-layout .admin-tab .admin-tab-header .bar2 {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #2c4050, #2c4050);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }
.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: 0px;
    text-transform: initial;
    font-weight: 700; }
    .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-organisation {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  overflow-x: auto; }
  .admin-layout .admin-tab .admin-tab-header .admin-tab-bar-organisation .admin-tab-bar-link {
    padding: 0;
    text-transform: initial;
    font-weight: 700; }
    .admin-layout .admin-tab .admin-tab-header .admin-tab-bar-organisation .admin-tab-bar-link:focus, .admin-layout .admin-tab .admin-tab-header .admin-tab-bar-organisation .admin-tab-bar-link:active {
      text-decoration: initial; }
    .admin-layout .admin-tab .admin-tab-header .admin-tab-bar-organisation .admin-tab-bar-link:not(:last-child) {
      margin-right: 30px; }
  .admin-layout .admin-tab .admin-tab-header .admin-tab-bar-organisation .is-active:after {
    background: var(--color-primary); }
.admin-layout .admin-tab .admin-tab-header .admin-tab-bar--between {
  justify-content: space-between; }
.admin-layout .admin-organisation-stats .bar1 {
  background-color: #3f5b6d; }
.admin-layout .admin-organisation-stats .bar2 {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #2c4050, #2c4050);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }
.admin-layout .navigation-clear {
  background: initial;
  border: none; }
  .admin-layout .navigation-clear .disabled {
    background-color: initial; }

.disabled {
  background-color: #eee;
  color: #c1c0c0; }

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

#custom-search-input {
  padding: 3px;
  border: solid 1px #e4e4e4;
  border-radius: 6px;
  background-color: #fff; }

#custom-search-input input {
  border: 0;
  box-shadow: none; }

#custom-search-input button {
  margin: 2px 0 0 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  padding: 0 8px 0 10px;
  border-left: solid 1px #ccc; }

#custom-search-input button:hover {
  border: 0;
  box-shadow: none;
  border-left: solid 1px #ccc; }

.admin .sidebar {
  position: fixed;
  top: 51px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  /* Scrollable contents if viewport is shorter than content. */
  background-color: #f5f5f5;
  border-right: 1px solid #eee;
  width: 200px; }
  .admin .sidebar .side-navigation {
    text-align: left; }
    .admin .sidebar .side-navigation li {
      margin: 0px;
      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: Bold;
  font-family: "Open sans";
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 0 0px 1000px rgba(0,0,0, .2) inset;
  -webkit-text-fill-color: #4c4547;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0, .2) inset;
  transition: background-color 5000s ease-in-out 0s; }

.loading-btn {
  background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nv-loader-909ae88c28da09e476c3.gif);
  background-size: auto 50%;
  background-repeat: no-repeat;
  background-position: center; }

.descriptions-page input[type='text'] {
  background-color: #f5f5f5; }
.descriptions-page .loading-btn {
  background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nv-loader-909ae88c28da09e476c3.gif);
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: center; }
.descriptions-page input[type='text'] {
  width: 40%;
  float: left;
  height: 30px; }

.tab-content input[type='text'] {
  width: auto;
  float: none;
  height: 30px; }

.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: 0px;
      margin-top: 5px; }

.icon-list {
  display: inline-block;
  margin-bottom: 20px; }
  .icon-list p {
    margin: 0; }
  .icon-list .row {
    margin-bottom: 20px; }
  .icon-list .units {
    height: 30px;
    display: inline-block;
    margin: 0;
    float: left;
    margin-left: 5px;
    position: relative; }
    .icon-list .units span {
      bottom: 0;
      position: absolute; }
  .icon-list div {
    margin-bottom: 10px; }
  .icon-list .icon-label {
    float: left;
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #222739;
    margin-bottom: 5px; }
  .icon-list .icon {
    width: 30px;
    height: 30px;
    margin-bottom: 0px;
    margin-right: 10px;
    float: left; }
    .icon-list .icon img {
      width: 100%;
      height: 100%; }

.connected-participant {
  display: flex;
  justify-content: space-between; }

.button-action-live {
  background-color: var(--color-primary);
  color: white;
  border: 1px solid var(--color-primary);
  text-transform: uppercase;
  outline: none;
  font-weight: 600;
  padding: 6px 22px; }
  .button-action-live:hover {
    cursor: pointer;
    color: white; }

.live-session-icon {
  height: 20px;
  position: relative;
  top: -1px;
  margin-right: 10px; }

.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: 0px;
    color: white;
    font-weight: bold; }

.icon.pages-live_session {
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 0px;
  vertical-align: middle; }
  .icon.pages-live_session.chevron-down {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/chevron-down-c4fd9b30ddc0c0cf5345.png); }
    .icon.pages-live_session.chevron-down-light {
      background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/chevron-down-light-57fc0b20d1d011c0ae1e.png); }
  .icon.pages-live_session.chevron-up {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/chevron-up-eed75d48e24a5afaf72f.png); }
    .icon.pages-live_session.chevron-up-light {
      background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/chevron-up-light-97b1044ceaf123af715f.png); }
  .icon.pages-live_session.info {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/info-2ef587f8659edc8884e2.png); }
  .icon.pages-live_session.user {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/user-e58244b72a61f46092a5.png); }
  .icon.pages-live_session.pencil {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/pencil-716bc145ad751623c6fc.png); }
  .icon.pages-live_session.video {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/video-8dd46916b8197357e7cd.png); }
    .icon.pages-live_session.video-light {
      background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/video-light-cc274feafda4efa537e7.png); }
  .icon.pages-live_session.no-video-light {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/no-video-light-16b2f8306561659abb45.png); }
  .icon.pages-live_session.micro-light {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/micro-light-eae0278e2b4df0213e64.png); }
  .icon.pages-live_session.no-micro-light {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/no-micro-light-abf752add8aa9a2a7c40.png); }
  .icon.pages-live_session.phone {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/phone-31fd3c7fd71acb722bf6.png); }
  .icon.pages-live_session.files {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/files-dba030f0f9d94201db0d.png); }
  .icon.pages-live_session.search {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/search-2a689f8ffad17da7bc14.png); }
  .icon.pages-live_session.chat-light {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/chat-light-67c2e44782c051a58b76.png); }
  .icon.pages-live_session.chat-notification-light {
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/pages/live_session/icons/chat-notification-light-950d9e935bc361a68b4e.png); }
  .icon.pages-live_session.big {
    width: 30px;
    height: 30px; }

.host-info {
  text-align: left;
  margin-left: 60px; }
  .host-info h6 {
    margin-bottom: 10px;
    font-weight: bold; }
  .host-info .contact p {
    line-height: 2em; }
    .host-info .contact p img {
      height: 20px;
      margin-right: 5px; }
  .host-info p {
    margin: 0; }
    .host-info p.lead {
      font-size: 1.3em;
      font-weight: bold; }

.chatbox {
  z-index: 1201;
  right: 1em;
  transition: all 300ms ease;
  height: 100%;
  display: flex;
  flex-direction: column; }
  .chatbox--is-visible {
    transform: translatey(0); }
  .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 .info {
      font-size: 1rem;
      font-style: italic;
      text-align: center;
      display: block;
      width: 100%;
      margin-bottom: 10px; }
    .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: bold; }
      .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; }

* {
  /* Position search icon */
  /* Bootstrap Tags Input */
  /* Styling for element used in example */ }
  * body {
    font-family: "Open sans", sans-serif; }
  * .bg-primary-blue {
    background-color: #2c4050; }
  * .bg-primary-dark {
    background-color: #2e343d; }
  * .bg-primary-red {
    background-color: var(--color-primary); }
  * .bg-info-grey {
    background-color: #B0B0B0; }
  * .bg-info-green {
    background-color: #5FDB2C; }
  * .bg-info-light-green {
    background-color: #64c3a4; }
  * .bg-info-peach {
    background-color: #FBAB7E;
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); }
  * .bg-info-red {
    background-color: #EE4637; }
  * .bg-info-gold {
    background-color: #EC9C2A; }
  * .bg-info-blue {
    background-color: #4384c3; }
  * .bg-info-light-blue {
    background-color: #6ea0ba; }
  * .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; }
  * .preloading-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
    z-index: 99999999; }
  * .transparent-btn {
    background-color: transparent; }
  * .generate-green {
    color: white;
    background-color: #5fc765; }
  * .generate-green:hover {
    color: white;
    background-color: #5fc765; }
  * .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 {
    /* Cross browser flex-grow */
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  * .mdh-expandable-search,
  * .mdh-expandable-search form {
    /* Cross browser inline-flex */
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    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-relative {
    position: relative;
    margin-left: 0; }
  * .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;
    border: none;
    font-size: 14px;
    background-color: white;
    padding: 0px 35px 0px 35px;
    height: 40px;
    line-height: 40px;
    /* TODO: This was recommended for cross browser compatability of input height, check if its actually needed in modern browsers */
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #515051; }
    * .mdh-expandable-search input:focus {
      border: 2px solid #515051; }
  * .mdh-expandable-search input::-webkit-input-placeholder {
    /* WebKit browsers */ }
  * .mdh-expandable-search input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    opacity: 1;
    /* Firefox gives the placeholder a reduced opacity so we have to increase it */ }
  * .mdh-expandable-search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    opacity: 1;
    /* Firefox gives the placeholder a reduced opacity so we have to increase it */ }
  * .mdh-expandable-search input:-ms-input-placeholder {
    /* Internet Explorer 10+ */ }
  * .full-width {
    width: 100%; }
  * .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; }
  * .red-btn {
    background-color: var(--color-primary);
    color: white; }
  * .red-btn:focus {
    outline: 0; }
  * .red-btn:active {
    outline: 0; }
  * .rounded-corner-table {
    border-collapse: separate;
    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: "Montserrat", sans-serif;
      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 0px; }
  * .padded-content-card {
    padding: 0px 24px; }
  * .border-round {
    border-radius: 5px; }
  * .bordered-box-light {
    border: 1px solid #d4d4d4; }
  * .no-margin-card {
    margin: 0; }
  * .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: "Montserrat", sans-serif;
      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 0px;
    height: 55px; }
  * .line-disabled {
    position: relative; }
  * .line-disabled:after {
    content: " ";
    z-index: 10;
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0); }
  * .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 {
    max-width: 2100px;
    padding: 0 50px;
    overflow: auto; }
  * .morphing-btn-wrap {
    display: inline-block;
    position: relative;
    text-align: center; }
  * .morphing-btn {
    -webkit-transition: background 0.3s, color 0.2s 0.2s, width 0.2s 0s;
    -moz-transition: background 0.3s, color 0.2s 0.2s, width 0.2s 0s;
    -o-transition: background 0.3s, color 0.2s 0.2s, width 0.2s 0s;
    transition: color 0.3s 0.2s, width 0.2s 0s;
    white-space: nowrap;
    box-sizing: border-box; }
  * .morphing-btn_circle {
    color: transparent !important;
    padding-left: 0;
    padding-right: 0;
    width: 35.6px !important;
    /* Override inline style rule */
    -webkit-transition: color 0.2s 0s, width 0.3s 0.2s;
    -moz-transition: color 0.2s 0s, width 0.3s 0.2s;
    -o-transition: color 0.2s 0s, width 0.3s 0.2s;
    transition: color 0.2s 0s, width 0.3s 0.2s; }
  * .morphing-btn-clone {
    position: fixed;
    background: var(--color-primary);
    border-radius: 50%;
    z-index: 3;
    -webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
    -o-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
    transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  * .morphing-btn-clone_visible {
    display: block;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important; }
  * .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: 0px 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); }
  * #morphing-content {
    margin: 0;
    position: relative;
    background: transparent;
    color: #fff;
    padding: 6em 10vw;
    line-height: 2;
    z-index: 3;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  * #morphing-content a {
    color: #fff; }
  * .arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid var(--color-primary);
    position: absolute;
    z-index: 9999;
    bottom: 5px;
    left: 38%;
    cursor: pointer;
    opacity: 1; }
  * .arrow-up {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid var(--color-primary);
    position: absolute;
    z-index: 9999;
    top: 5px;
    left: 38%;
    cursor: pointer;
    opacity: 0; }
  * .delete-banner {
    position: absolute;
    z-index: 9999;
    padding: 10px;
    background: var(--color-primary);
    left: 2px;
    right: 2px;
    opacity: 0.9;
    display: none;
    color: white; }
  * .verify-icon-container {
    float: none;
    display: inline-block; }
    * .verify-icon-container img {
      width: 100px; }
    * .verify-icon-container h5 {
      margin-top: 2px;
      margin-bottom: 5px;
      font-size: 16px; }
  * .verify-thumbnail {
    position: relative;
    display: inline-block;
    cursor: pointer; }
    * .verify-thumbnail .arrow-right {
      opacity: 0;
      position: absolute;
      width: 0;
      z-index: 9999;
      top: 40px;
      left: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 10px solid white; }
    * .verify-thumbnail .overlay-verify {
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      color: white;
      opacity: 0;
      -webkit-transition: opacity 0.5s;
      transition: opacity 0.5s;
      background-color: rgba(172, 226, 175, 0.4);
      background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nodalview-check-ok-a04e615d5b48c03aa69e.png);
      background-repeat: no-repeat;
      background-size: 50px;
      background-position: center; }
    * .verify-thumbnail img {
      display: block;
      height: 100px; }
    * .verify-thumbnail .thumbnail-panorama-title {
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      color: white;
      font-family: "Montserrat", sans-serif;
      text-shadow: 0px 0px 3px #000000; }
  * .material-icons {
    margin-right: 11px;
    font-size: 16px; }
  * .greyed-out {
    color: rgba(0, 0, 0, 0.3) !important;
    background-color: transparent; }
  * .disabled {
    opacity: 0.7;
    cursor: no-drop; }
  * .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: "Montserrat", sans-serif; }
  * .worker-dialog-box {
    position: fixed;
    bottom: 25px;
    left: 25px;
    padding: 10px 15px;
    background-color: white;
    border-radius: 2px;
    z-index: 400;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); }
  * .popover-content {
    font-family: "Open sans", sans-serif; }
  * .h-style {
    font-family: "Montserrat", sans-serif; }
  * body {
    overflow-x: hidden;
    font-size: 14px; }
  * td.vcenter {
    vertical-align: middle; }
  * .filter {
    margin-bottom: 15px; }
  * .underline {
    text-decoration: underline; }
  * .application-notifications {
    position: sticky;
    z-index: 99999;
    top: 55px;
    left: 5px;
    right: 5px;
    padding: 0px; }
    * .application-notifications .close {
      top: 5px;
      right: 5px; }
    * .application-notifications p {
      padding: 15px; }
  * .floorplan-icon {
    width: 18px;
    height: 18px;
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nodalview-floorplan-icon-7538f734b2787fb37077.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 0px;
    vertical-align: middle; }
  * .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% */ } }
  * .va-middle {
    vertical-align: middle; }
  * select:focus,
  * select,
  * textarea:focus,
  * textarea,
  * button:focus,
  * button,
  * input:focus,
  * input {
    outline: none; }
  * .btn-primary:active:hover,
  * .btn-primary:active:focus,
  * .btn-primary.focus:active,
  * .btn-primary.active:hover,
  * .btn-primary.active:focus,
  * .btn-primary.active.focus,
  * .open > .btn-primary.dropdown-toggle:hover,
  * .open > .btn-primary.dropdown-toggle:focus,
  * .open > .btn-primary.dropdown-toggle.focus {
    background-color: #f5f5f5;
    color: var(--color-primary);
    border: 1px solid var(--color-primary); }
  * .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);
    padding: 6px 12px; }
  * .button-action-grey,
  * .button-action-grey:hover,
  * .button-action-grey:active,
  * .button-action-grey:focus,
  * .button-action-grey:visited {
    background-color: #515151;
    color: white;
    border: 1px solid #515151;
    text-transform: uppercase;
    outline: none;
    font-weight: 600;
    padding: 6px 12px; }
  * .button-action-grey:disabled,
  * .button-action-grey:disabled:hover {
    border: 1px solid #adadad;
    background-color: #adadad;
    color: #e2e2e2; }
  * .button-action:disabled,
  * .button-action:disabled:hover {
    border: 1px solid #fc8388;
    background-color: #fc8388;
    color: #e2e2e2; }
  * .no-show {
    display: none; }
  * .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); }
  * .overlay-btn-container {
    padding: 5px;
    background-color: rgba(114, 114, 114, 0.8); }
    * .overlay-btn-container .map-overlay-btn {
      padding: 15px; }
  * .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); }
  * .map-overlay-btn-green {
    padding: 6px 12px;
    cursor: pointer;
    background: var(--color-green);
    color: var(--color-white);
    transition: background 0.3s ease-in-out;
    border-radius: var(--border-radius-primary); }
  * .map-overlay-btn-green:hover {
    background: var(--color-green-hover);
    color: var(--color-white); }
  * .nodalview-grey {
    background-color: #cecece;
    color: white;
    border: 1px solid #c4c4c4; }
  * .nodalview-grey:hover {
    background-color: #cecece;
    outline: 0;
    border: 1px solid var(--color-primary);
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  * .nodalview-grey.active {
    background-color: var(--color-primary);
    color: white;
    border: 1px solid var(--color-primary); }
  * .dropdown-menu {
    border-radius: 0px; }
  * .assemblor-option .assemblor-icon {
    display: inline-block;
    margin: 5px; }
    * .assemblor-option .assemblor-icon img {
      width: 20px;
      height: 20px; }
  * .btn-group-label {
    display: block;
    margin-right: 5px; }
  * p {
    font-size: 16px; }
  * input,
  * .request-textarea {
    padding: 10px;
    border: none;
    border-radius: 2px; }
  * .side-bar,
  * .main-box {
    padding: 0 12.5px; }
    @media only screen and (max-width: 768px) {
      * .side-bar,
      * .main-box {
        padding: 0 5px; } }
  @media only screen and (max-width: 768px) {
    * .mobile {
      padding-right: 0px;
      padding-left: 0px; } }
  * .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; }
  * .navbar-default {
    background-color: var(--color-white);
    font-family: "Open sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 3px 0 3px 15px;
    border-color: var(--border-color-primary); }
    * .navbar-default a:hover {
      background: none; }
  * img {
    margin: 0px; }
  * nav .navbar-brand {
    padding: 8px; }
    @media only screen and (max-width: 568px) {
      * nav .navbar-brand {
        width: 30%; }
        * nav .navbar-brand img {
          margin: 5px 0;
          max-width: 100%; } }
    * nav .navbar-brand div {
      height: 100%; }
    * nav .navbar-brand a:hover {
      background-color: none; }
  * .popover {
    max-width: 100vw;
    border-radius: 2px; }
  * .badge {
    border-radius: 4px; }
  * .selected {
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: white; }
  * .profile-pic {
    border-radius: 50%;
    border: 2px solid white;
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
    * .profile-pic #image-round {
      width: 100%; }
  * .side-bar,
  * .main-box {
    padding: 0 12.5px; }
    @media only screen and (max-width: 768px) {
      * .side-bar,
      * .main-box {
        padding: 0 5px; } }
  @media only screen and (max-width: 768px) {
    * .mobile {
      padding-right: 0px;
      padding-left: 0px; } }
  * #hide {
    display: none; }
  * .no-float {
    float: none; }
  * .no-style {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: "Open sans", sans-serif; }
    * .no-style li {
      margin: 4px 0; }
  * .navbar {
    z-index: 890; }
    * .navbar .nav-button {
      padding: 0px; }
    * .navbar .nav-button:hover {
      background-color: transparent;
      padding: 0px; }
  * img {
    margin: 0px; }
  * nav .login-modal,
  * nav .login-modal:visited,
  * nav .login-modal:focus {
    margin: 8px 5px 0px 5px;
    background-color: #f5f5f5;
    border: none;
    color: var(--color-primary); }
  * nav .login-modal:hover {
    color: Black;
    background-color: white;
    border: none; }
  * nav .nav-logo img {
    max-height: 36px; }
    @media only screen and (max-width: 568px) {
      * nav .nav-logo img {
        max-width: 100%; } }
  * nav .nv-border-inverse,
  * nav .nv-border-inverse:visited,
  * nav .nv-border-inverse:focus {
    background-color: transparent;
    border: 1px solid var(--color-primary);
    color: var(--color-primary); }
  * nav .nv-border,
  * nav .nv-border:visited,
  * nav .nv-border:focus {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: white; }
  * nav .nv-border:hover {
    background-color: #f5f5f5;
    color: var(--color-primary);
    border: 1px solid var(--color-primary); }
  * nav .nv-border-inverse:hover {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: white; }
  * .login-modal,
  * .login-modal:visited,
  * .login-modal:focus {
    margin: 8px 5px 0px 5px;
    background-color: #f5f5f5;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    border-radius: 2px; }
  * .login-modal:hover {
    color: White;
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 2px; }
  * .btn-primary,
  * .button-nv-light,
  * .button-nv-light:visited,
  * .button-nv-light:focus,
  * .button-nv-light:active {
    margin: 8px 3px 0px 3px;
    background-color: #f5f5f5;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    border-radius: 2px; }
    * .btn-primary input[type="checkbox"],
    * .button-nv-light input[type="checkbox"],
    * .button-nv-light:visited input[type="checkbox"],
    * .button-nv-light:focus input[type="checkbox"],
    * .button-nv-light:active input[type="checkbox"] {
      display: none; }
    * .btn-primary .badge,
    * .button-nv-light .badge,
    * .button-nv-light:visited .badge,
    * .button-nv-light:focus .badge,
    * .button-nv-light:active .badge {
      color: white;
      background-color: #d6d1d0; }
  * .active-studio {
    color: White;
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 2px; }
  * .button-nv-light:hover {
    color: White;
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 2px; }
    * .button-nv-light:hover .threesixty-icon {
      background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nodalview-360-icon-white-button-42d6bce857601f7ebb65.png); }
  * .button-nv-no-action,
  * .button-nv-no-action:hover,
  * .button-nv-no-action:focus,
  * .button-nv-no-action:visited {
    margin: 8px 3px 0px 3px;
    color: grey;
    border: 1px solid grey;
    background-color: white; }
    * .button-nv-no-action .badge,
    * .button-nv-no-action:hover .badge,
    * .button-nv-no-action:focus .badge,
    * .button-nv-no-action:visited .badge {
      color: white;
      background-color: #d6d1d0; }
  * .no-click {
    cursor: default; }
  * .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; }
  * .pano-choice {
    display: block;
    width: 100%; }
    * .pano-choice .field {
      border-left: 0px; }
  * ul.login-menu {
    list-style: none;
    margin: 0 0 2em;
    padding: 0; }
  * ul.login-menu li {
    display: inline; }
  * .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: bold;
    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: 500; }
  * .address-pin-icon {
    width: 25px;
    height: 25px;
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/track/nodalview-adress-pin-blue-d5a680a3178155d7ae2f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px;
    vertical-align: middle; }
  * .parcel-icon {
    width: 130px;
    height: 130px;
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/track/nodalview-parcel-430b7f1a707f209def82.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; }
  * .delivery-date-icon {
    width: 80px;
    height: 80px;
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/track/nodalview-delivery-date-b8e521e1a7731917c3e3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; }
  * .parcel-preparation-icon {
    width: 80px;
    height: 80px;
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/track/nodalview-order-preparation-28f801fa90fc54c13cdc.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; }
  * .shipper-icon {
    width: 80px;
    height: 80px;
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/track/nodalview-quick-shipping-4cb0050e5c7e6f497995.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; }
  * .barcode-icon {
    width: 80px;
    height: 80px;
    background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/track/nodalview-barcode-cd47295e8197a7625999.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; }
  * .modal {
    z-index: 1400; }
    * .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; }
    * .modal .assemblor-option .btn {
      background-color: #cecece;
      color: white;
      border: 1px solid #c4c4c4; }
    * .modal .assemblor-option .btn:hover {
      background-color: #cecece;
      outline: 0;
      border: 1px solid var(--color-primary);
      background-image: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    * .modal .assemblor-option .nodalview-grey {
      background-color: #cecece;
      color: white;
      border: 1px solid #c4c4c4; }
    * .modal .assemblor-option .nodalview-grey:hover {
      background-color: #cecece;
      outline: 0;
      border: 1px solid var(--color-primary);
      background-image: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    * .modal .assemblor-option .nodalview-grey.active {
      background-color: var(--color-primary);
      color: white;
      border: 1px solid var(--color-primary); }
  * .footer {
    width: 100%;
    background-color: var(--color-primary);
    padding: 15px;
    color: white;
    text-align: center; }
    * .footer a {
      color: white; }
    * .footer a:hover {
      color: black; }
    * .footer .content-container {
      text-align: center; }
      * .footer .content-container .row {
        margin-top: 12.5px;
        margin-bottom: 12.5px; }
  * .gutter {
    width: 100%;
    height: 15px; }
  * .tours,
  * .panoramas,
  * .organisation_users {
    text-align: left; }
    * .tours .tour-preview,
    * .panoramas .tour-preview,
    * .organisation_users .tour-preview {
      position: relative;
      vertical-align: middle;
      z-index: 10;
      min-height: 100px; }
      * .tours .tour-preview .tour-big-title,
      * .panoramas .tour-preview .tour-big-title,
      * .organisation_users .tour-preview .tour-big-title {
        position: absolute;
        bottom: 0px;
        font-size: 25px;
        color: white;
        left: 15px;
        right: 15px;
        height: 100%;
        min-height: 100px;
        margin: 0;
        vertical-align: middle;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.2); }
        @media only screen and (max-width: 568px) {
          * .tours .tour-preview .tour-big-title,
          * .panoramas .tour-preview .tour-big-title,
          * .organisation_users .tour-preview .tour-big-title {
            top: 0;
            bottom: 0;
            min-height: 0px; } }
        * .tours .tour-preview .tour-big-title p,
        * .panoramas .tour-preview .tour-big-title p,
        * .organisation_users .tour-preview .tour-big-title p {
          bottom: 20px;
          position: absolute;
          left: 20px;
          margin: 0;
          vertical-align: middle; }
      * .tours .tour-preview .tour-big-title:hover,
      * .panoramas .tour-preview .tour-big-title:hover,
      * .organisation_users .tour-preview .tour-big-title:hover {
        color: var(--color-primary);
        opacity: 0; }
    * .tours .form,
    * .panoramas .form,
    * .organisation_users .form {
      display: inline;
      float: right; }
    * .tours .field,
    * .panoramas .field,
    * .organisation_users .field {
      display: inline-block; }
    * .tours .left-align,
    * .panoramas .left-align,
    * .organisation_users .left-align {
      text-align: left; }
    * .tours td,
    * .panoramas td,
    * .organisation_users td {
      padding: 2px 5px; }
    * .tours .tour-title,
    * .panoramas .tour-title,
    * .organisation_users .tour-title {
      width: 200px; }
  * .mobile-only {
    display: none; }
    @media only screen and (max-width: 768px) {
      * .mobile-only {
        display: inline-block; } }
  * .desktop-only {
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      * .desktop-only {
        display: none; } }
  * .btn-rounded {
    border-radius: var(--border-radius-primary); }
  * .pointer {
    cursor: pointer; }
  * .login-modal:focus, * .login-modal:active:focus {
    outline: none; }

.tour_map {
  left: 0;
  right: 0;
  height: 400px;
  position: relative; }

.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); }

#edit-organisation-btn {
  display: flow-root; }

.organisations--settings-edit .preview-custom-logo,
.organisations--general_info-edit .preview-custom-logo {
  max-width: 100px; }
.organisations--settings-edit .form-list,
.organisations--general_info-edit .form-list {
  text-align: left; }
.organisations--settings-edit .custom-logo-spinner,
.organisations--general_info-edit .custom-logo-spinner {
  padding-top: 25px;
  text-align: center; }
  .organisations--settings-edit .custom-logo-spinner .spinner::before,
  .organisations--general_info-edit .custom-logo-spinner .spinner::before {
    top: 10px; }
.organisations--settings-edit .custom-logo-dialog-trigger,
.organisations--settings-edit .custom-logo-label,
.organisations--general_info-edit .custom-logo-dialog-trigger,
.organisations--general_info-edit .custom-logo-label {
  display: block;
  background: var(--color-primary);
  cursor: pointer;
  padding: 10px;
  text-align: center;
  color: white;
  text-transform: uppercase; }
.organisations--settings-edit .custom-logo-dialog-trigger,
.organisations--general_info-edit .custom-logo-dialog-trigger {
  background: transparent;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  margin: 10px 0; }
.organisations--settings-edit .bg-danger,
.organisations--general_info-edit .bg-danger {
  padding: 15px; }

.new_style_organisation {
  padding: 0.86rem 1.7142857142857142rem 0 1.7142857142857142rem;
  width: 100%;
  min-width: 67.42857142857143rem; }
  .new_style_organisation .new_style_organisation_card {
    width: 79.5%;
    background: var(--color-neutrals-white);
    border: 1px solid var(--color-neutrals-mediumgray);
    border-radius: var(--border-radius-default);
    color: var(--color-neutrals-black);
    font-family: var(--font-family-primary);
    margin-bottom: 1.7142857142857142rem;
    font-size: 1.1428571428571428rem;
    padding: 1.1428571428571428rem; }
    .new_style_organisation .new_style_organisation_card .new-style-description {
      color: #8e8e93;
      font-size: 1rem;
      margin-bottom: 15px;
      margin-top: 10px;
      line-height: 1.5714285714285714rem; }
    .new_style_organisation .new_style_organisation_card .new-style-btn {
      font-family: var(--font-family-primary);
      font-size: 1.1428571428571428rem;
      line-height: 1.7142857142857142rem;
      min-height: 1.7142857142857142rem;
      padding: 0.5714285714285714rem 1.1428571428571428rem;
      margin-top: 1.4285714285714286rem; }
      .new_style_organisation .new_style_organisation_card .new-style-btn:hover {
        background-color: #e52944; }

* .shareable-link input {
  color: var(--color-primary);
  width: 400px;
  background-color: #f5f5f5;
  max-width: 100%; }
* .container_iframe {
  z-index: 9999999; }
* .cog-list ul li {
  margin: 0;
  padding: 6px 0;
  cursor: pointer; }
  * .cog-list ul li span {
    color: var(--color-primary); }
* .side-nav {
  width: 100%;
  text-align: right; }
  * .side-nav li {
    background-color: #f6f5f4;
    padding: 5px 10px; }
    * .side-nav li span {
      margin-left: 10px;
      color: var(--color-primary); }
      * .side-nav li span a {
        color: #666; }
* #btn-full-width-cta {
  background-color: var(--color-primary);
  color: white;
  transition: .3s ease-in-out; }
  * #btn-full-width-cta span {
    color: var(--color-link);
    transition: .3s ease-in-out; }
* #btn-full-width-cta:hover {
  background-color: #c23c3c;
  color: black; }
  * #btn-full-width-cta:hover span {
    color: white; }
* .side-nav:hover li:hover {
  background-color: #e5e5e5; }
* .photos-panoramas-box {
  overflow: hidden;
  display: flex; }
  * .photos-panoramas-box .option-container {
    margin: 0 0 10px 0;
    padding: 0;
    flex: 1; }
    * .photos-panoramas-box .option-container a {
      cursor: pointer; }
      * .photos-panoramas-box .option-container a .option {
        padding: 10px;
        background-color: #f6f5f4; }
      * .photos-panoramas-box .option-container a .option:hover {
        background-color: #e5e5e5;
        border-bottom: 2px solid var(--color-primary);
        padding: 10px 10px 8px 10px; }
      * .photos-panoramas-box .option-container a .active {
        border-bottom: 2px solid var(--color-primary);
        padding: 10px 10px 8px 10px; }
  * .photos-panoramas-box .option-container:first-child {
    padding-right: 5px; }
  * .photos-panoramas-box .option-container:last-child {
    padding-left: 5px; }
* .vr-btn .vr-icon {
  width: 30px;
  height: 30px;
  background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nodalview-vr-icon-a43d57eb006adf04aedf.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle; }
* .vr-btn .vr-btn-span {
  vertical-align: middle; }
* .threesixty-icon,
* .threesixty-icon-grey,
* .threesixty-icon-white {
  width: 31px;
  height: 13px;
  background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nodalview-360-icon-button-e12989b4ab12d94c5791.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 0;
  vertical-align: middle; }
* .google-icon {
  width: 16px;
  height: 16px;
  margin-left: -2px;
  background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nodalview-download-google-db9fdadbd8a8e1194f74.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 0;
  vertical-align: middle; }
* .threesixty-icon-grey {
  background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nodalview-360-icon-grey-button-2241cdd131ca7e688b14.png); }
* .threesixty-icon-white {
  background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nodalview-360-icon-white-button-42d6bce857601f7ebb65.png); }
* .mobile-imitation,
* .tablet-imitation,
* .browser-imitation {
  margin: 0 auto; }
* .mobile-imitation {
  background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nodalview-phone-simulator-a2def2ed237331a7ecd8.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 280px;
  padding: 82px 15px;
  display: inline-block; }
* .tablet-imitation {
  background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/nodalview-ipad-simulator-e2b93a0a1f0e14a516da.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 3.8% 7%;
  width: 80%; }
* .browser-imitation img {
  width: 100%; }
* .browser-imitation #browser-simulator {
  width: 100%;
  height: 530px; }
* .panoramas td {
  padding: 2px 5px;
  width: 400px; }
* .panoramas .crud-details {
  width: 100px; }
* .panoramas thead,
* .panoramas td {
  text-align: left; }
* .panoramas #hotspots_list td {
  vertical-align: middle; }
* .panoramas .edit_panorama {
  display: inline-block; }
* .panoramas .view-position-form {
  display: none; }
* .panoramas #set-view-explanation {
  padding: 5px 10px;
  display: none;
  border: 1px solid #bac1c6;
  border-radius: 2px;
  margin-top: 10px;
  color: #6e787f; }
  * .panoramas #set-view-explanation span {
    color: #9fd38d; }
* .rename-box {
  border: 1px solid grey;
  border-radius: 2px; }
  * .rename-box span {
    margin-right: 10px; }

.fancybox-thumb-image {
  overflow: hidden; }

.photo-list {
  padding: 0 10px; }
  .photo-list .photo-thumbnail {
    padding: 5px;
    text-align: center; }
    .photo-list .photo-thumbnail .batch-download-checkbox {
      position: absolute;
      left: 10px;
      top: 10px;
      z-index: 99; }
    .photo-list .photo-thumbnail img {
      max-width: 100%; }
    .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 .csdkEditor {
      z-index: 99;
      width: 14px;
      height: 16px;
      cursor: pointer;
      background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/cc-badge-nodalview-small-d1433900ef5120e145e9.png);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      display: inline-block;
      margin-right: 0;
      vertical-align: middle; }
    .photo-list .photo-thumbnail .tool-icon-disabled {
      opacity: .4;
      cursor: not-allowed; }
    .photo-list .photo-thumbnail .tool-icon:hover {
      color: var(--color-primary-hover); }
    .photo-list .photo-thumbnail .csdkEditor:hover {
      background-image: url(//assets.nodalview.com/packs/static/sprockets/images/style-assets/cc-badge-nodalview-small-red-8f70748ef351e2807410.png); }
  .photo-list .add-new-photo {
    padding: 5px; }
    .photo-list .add-new-photo .add-pictures {
      margin: auto; }
      .photo-list .add-new-photo .add-pictures .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: auto; }
    .photo-list .add-new-photo .new-photo {
      background-color: #f4f4f4;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center; }
  .photo-list .assemblor-icon {
    display: inline-block;
    margin: 5px; }
    .photo-list .assemblor-icon img {
      width: 20px;
      height: 20px; }

body {
  background-color: var(--background-primary);
  color: var(--color-copy); }

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px; }

div.field, div.actions {
  margin-bottom: 18px; }

#notice {
  color: green; }

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

.field_with_errors > select,
.field_with_errors > textarea,
.field_with_errors > input {
  border: 1px solid var(--color-primary); }

#error_explanation {
  width: 450px;
  margin: auto;
  border: 2px solid var(--color-primary);
  padding: 7px;
  border-radius: 15px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0; }
  #error_explanation h2 {
    text-align: left;
    line-height: 20px;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    margin-bottom: 8px;
    background-color: var(--color-primary);
    color: #fff; }
  #error_explanation ul li {
    font-size: 12px;
    list-style: none; }

* .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; } }
* .navbar-brand a:hover {
  background-color: rgba(2, 2, 2, 0.5); }
* 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: bolder;
        margin: 20px 0 30px; }
    * #asset-deleted .centered .powered-logo {
      height: 40px;
      margin-top: 25px; }

.progressbar {
  counter-reset: step; }

.progressbar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 12px;
  font-family: Montserrat, sans-serif;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #7d7d7d; }

.progressbar li:before {
  font-weight: bold;
  width: 30px;
  height: 30px;
  content: counter(step);
  counter-increment: step;
  line-height: 30px;
  border: 2px solid #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: white; }

.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 15px;
  left: -50%;
  z-index: -1; }

.progressbar li:first-child:after {
  content: none; }

.progressbar li.active {
  color: #5cb760; }

.progressbar li.active:before {
  border-color: #5cb760;
  color: white;
  font-weight: 700;
  background-color: #5cb760; }

.progressbar li.active + li:after {
  background-color: #5cb760; }

.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; } }
* .user-side {
  text-align: center; }
* .swal-nodalview hr {
  margin-top: 10px;
  margin-bottom: 10px; }
* .swal-nodalview h2 {
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 10px; }
* .swal-nodalview button {
  font-size: 20px;
  font-family: "Open Sans"; }
* .swal-nodalview .swal2-content {
  font-family: "open sans"; }
* .swal-nodalview .swal2-confirm {
  background-color: #8cd4f5;
  box-shadow: rgba(140, 212, 245, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset; }
* .swal-nodalview .swal2-confirm:hover {
  background-color: #85cbea;
  box-shadow: rgba(140, 212, 245, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset; }
* .user-side,
* .tours-list {
  padding: 12.5px;
  font-size: 14px;
  background-color: white;
  margin-bottom: 12.5px;
  word-wrap: break-word; }
  * .user-side p,
  * .tours-list p {
    font-size: 14px; }
  * .user-side .nav-tabs li a,
  * .tours-list .nav-tabs li a {
    border-radius: 2px 2px 0 0; }
  * .user-side .user-heading p,
  * .tours-list .user-heading p {
    vertical-align: middle;
    display: inline-block;
    margin: 0 0 0 5px; }
* .tours-list {
  border: 1px solid var(--color-primary); }
* .hotspot-list .table {
  vertical-align: middle; }
  * .hotspot-list .table td,
  * .hotspot-list .table tr {
    vertical-align: middle; }
    * .hotspot-list .table td hr,
    * .hotspot-list .table tr hr {
      margin: 1px; }
* .hotspot-list .btn {
  margin: 2px;
  vertical-align: middle;
  right: 5px; }
* .pano-small {
  display: inline-block; }
  * .pano-small img {
    width: 100%; }
* .pano-choice label {
  min-height: none; }
* .pano-choice label > input {
  display: none; }
* .pano-choice label > input + img {
  cursor: pointer;
  border: 2px solid transparent; }
* .pano-choice label > input:checked + img {
  border: 2px solid #d95d5d; }
* .pano-choice img {
  width: 100%; }

.modal {
  text-align: center; }

#uploads_container .upload {
  width: 100%;
  padding-top: 10px;
  margin-top: 10px; }
  #uploads_container .upload .progress {
    margin-top: 8px;
    border: solid 1px transparent;
    border-radius: 3px;
    height: 10px;
    width: 100%;
    -moz-border-radius: 3px; }
    #uploads_container .upload .progress .bar {
      height: 10px;
      background: #3ec144; }
    #uploads_container .upload .progress .error {
      background: var(--color-text-red); }

.file-selector::-webkit-file-upload-button {
  visibility: hidden;
  display: inline-block; }

.file-selector {
  width: 160px; }

.file-selector::before {
  content: "Select Panoramas";
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 6px;
  text-align: center;
  display: inline-block;
  padding: 0.625rem 1.25rem;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  color: white; }

.picture-file-selector::before {
  content: "Select Images"; }

.file-selector-french::before {
  content: "Choisir Panoramas"; }

.image-file-selector {
  padding: 10px 20px 10px 25px;
  display: inline-block; }

.image-file-selector::before {
  content: "Select Image"; }

.update-file::before {
  content: "Select Image"; }

.file-selector:hover::before {
  background-color: var(--color-primary);
  color: white; }

.loader {
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  z-index: 8060; }

.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 {
    -webkit-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; }

#hide-spinner {
  display: none; }

.btn-file {
  position: relative;
  overflow: hidden; }

.btn-file:hover {
  position: relative;
  overflow: hidden; }

.btn-file input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  border-radius: 1px;
  cursor: inherit;
  display: block; }

.upload-button {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 2px;
  color: white; }

.upload-button:hover,
.upload-button:active {
  background: #dd6b73;
  border: 1px solid #dd6b73;
  color: white; }

.validate-button input,
.discard-button input {
  display: none; }
.validate-button input[type="submit"],
.discard-button input[type="submit"] {
  display: inline-block;
  position: fixed;
  top: 50px;
  z-index: 9999999999999999999999;
  background-color: var(--color-primary);
  border-radius: 2px;
  color: white; }

.validate-button {
  margin-left: -100px; }

.discard-button {
  margin-left: 100px; }

.video_projects_container {
  padding: 0 100px; }
  .video_projects_container button:focus {
    outline: 0; }

.swal2-container {
  z-index: 1000000 !important;
}

.video_projects .padded-mdl-cell {
  padding: 5px; }
.video_projects .category-title-undeline {
  text-align: left;
  border-bottom: 1px solid var(--color-primary);
  text-transform: uppercase;
  font-weight: 700; }
.video_projects .video-thumbnail-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px; }
  .video_projects .video-thumbnail-gallery .video-thumbnail-medium-wrapper {
    position: relative;
    height: 163px;
    background: black; }
  .video_projects .video-thumbnail-gallery .video-thumbnail-medium {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-top: 56.25%;
    position: relative; }
    .video_projects .video-thumbnail-gallery .video-thumbnail-medium img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      transform: translate(-50%, -50%); }
.video_projects .timeline-wrapper {
  padding-left: 220px;
  padding-right: 220px;
  padding-bottom: 20px;
  position: relative;
  transition: 0.45s all ease;
  min-height: 160px; }
.video_projects .full-screen-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999999; }
  .video_projects .full-screen-video-overlay .video-preview-wrapper {
    text-align: center; }
    .video_projects .full-screen-video-overlay .video-preview-wrapper p {
      padding: 10px; }
.video_projects .full-screen-clip-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999999; }
  .video_projects .full-screen-clip-overlay .clip-preview-wrapper {
    text-align: center; }
    .video_projects .full-screen-clip-overlay .clip-preview-wrapper p {
      padding: 10px; }
.video_projects .play-clip {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 48px;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4); }
.video_projects .trash-clip-icon,
.video_projects .share-clip-icon {
  top: 10px;
  right: 10px;
  display: inline-block;
  position: absolute;
  color: white;
  cursor: pointer;
  text-shadow: 0 0 1px black;
  z-index: 9; }
.video_projects .share-clip-icon {
  top: 30px; }
.video_projects .video-editor-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }
.video_projects .edition-pane {
  padding: 0 10px; }
  @media only screen and (max-width: 1300px) {
    .video_projects .edition-pane {
      padding-top: 10px;
      padding-bottom: 10px;
      max-height: 360px; } }
  @media only screen and (min-width: 1350px) and (max-width: 1450px) {
    .video_projects .edition-pane {
      max-height: 450px; } }
@media only screen and (max-width: 1300px) {
  .video_projects .edition-pane .control-container {
    width: max-content; } }
.video_projects .video-editor-canvas {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 2px solid black; }
.video_projects .row-up {
  margin-top: 5%; }
.video_projects .col-style {
  background-color: white; }
.video_projects .video-btn {
  border-radius: 2px; }
.video_projects .video-btn:disabled {
  opacity: 0.2; }
.video_projects .exitPreviewBtn {
  background-color: var(--color-primary);
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 100px;
  font-weight: 700;
  font-size: 12px;
  height: 20px;
  width: 20px;
  text-align: center;
  color: white;
  cursor: pointer; }
.video_projects .download-video-btn {
  margin: 20px auto;
  display: block; }
.video_projects .txtForm {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2000000; }
  .video_projects .txtForm .txt-form-title {
    font-size: 1.25rem;
    margin: 0;
    font-family: var(--font-family-primary); }
  .video_projects .txtForm .form-wrapper {
    width: 90%;
    max-width: 500px;
    position: absolute; }
    .video_projects .txtForm .form-wrapper .video-input {
      width: 100%; }
    .video_projects .txtForm .form-wrapper .form-selector {
      height: 34px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.428571429;
      color: #555555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px; }
.video_projects .inputTxt {
  width: 99%; }
@media only screen and (max-width: 1300px) {
  .video_projects .video-breadcrumb-nav,
  .video_projects .video-title {
    display: none; } }
.video_projects .lastSave-js {
  right: 7.7em;
  margin-top: 0.4em;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  font-size: small; }
.video_projects .successText {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
.video_projects .item-style {
  outline-style: none;
  height: 112px;
  width: 200px;
  max-height: 112px;
  max-width: 200px;
  margin: 10px;
  text-align: center;
  background-position: center center;
  background-size: cover; }
  @media only screen and (max-width: 1300px) {
    .video_projects .item-style {
      height: 90px;
      max-width: 160px; } }
  @media only screen and (min-width: 1350px) and (max-width: 1450px) {
    .video_projects .item-style {
      height: 105px;
      max-width: 188px; } }
.video_projects .logo {
  width: 23px;
  height: 23px;
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: initial; }
.video_projects .media-container {
  background-color: white;
  max-height: 500px;
  min-height: 500px;
  width: 100%;
  user-select: none;
  /*transition-duration: 0.5s;*/
  padding: inherit;
  /*position: absolute;*/
  outline: 0; }
  @media only screen and (max-width: 1300px) {
    .video_projects .media-container {
      max-height: 300px;
      min-height: 300px; } }
  @media only screen and (min-width: 1350px) and (max-width: 1450px) {
    .video_projects .media-container {
      max-height: 430px;
      min-height: 430px; } }
  .video_projects .media-container .media-list {
    overflow-y: auto;
    min-height: 138.59px;
    max-height: 440px;
    padding-top: 10px;
    font-size: 0;
    line-height: 0; }
    @media only screen and (max-width: 1300px) {
      .video_projects .media-container .media-list {
        max-height: 300px;
        min-height: 300px; } }
    @media only screen and (min-width: 1350px) and (max-width: 1450px) {
      .video_projects .media-container .media-list {
        max-height: 375px;
        min-height: 375px; } }
  .video_projects .media-container .item-style {
    margin: 3px;
    display: inline-block;
    position: relative;
    cursor: pointer; }
    .video_projects .media-container .item-style .txtMediaTime {
      position: absolute; }
    @media only screen and (max-width: 1300px) {
      .video_projects .media-container .item-style {
        height: 90px;
        max-width: 160px; } }
    @media only screen and (min-width: 1350px) and (max-width: 1450px) {
      .video_projects .media-container .item-style {
        height: 105px;
        max-width: 188px; } }
  .video_projects .media-container .left-button {
    display: none;
    border-radius: 5px;
    opacity: 0.5;
    left: 1px;
    position: absolute;
    margin-top: 10%;
    height: 8%;
    z-index: 999; }
  .video_projects .media-container .right-button {
    display: none;
    border-radius: 5px;
    opacity: 0.5;
    right: 1px;
    position: absolute;
    margin-top: 10%;
    height: 8%;
    z-index: 999; }
  .video_projects .media-container .overflowed:hover .right-button {
    display: block; }
  .video_projects .media-container .overflowed:hover .left-button {
    display: block; }
.video_projects .glyphicon-ok-circle {
  font-size: larger;
  opacity: 1;
  color: white;
  position: absolute;
  right: 3%;
  top: 80%; }
.video_projects .btn-border-lightly-rounded {
  border-radius: 3px;
  outline: none; }
.video_projects .glyphicon-warning-sign {
  font-size: medium;
  opacity: 0.8;
  color: red;
  position: absolute;
  right: 10px;
  top: 82px;
  text-shadow: 0 0 2px lightgray; }
.video_projects .red-btn,
.video_projects .generate-green {
  border: 0px solid transparent; }
.video_projects .zoomIn-btn {
  position: absolute;
  right: 55px;
  bottom: 0px;
  z-index: 9999999;
  opacity: 0.7;
  border: 1px solid #f5f5f5;
  height: 40px;
  width: 50px; }
.video_projects .zoomOut-btn {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 9999999;
  opacity: 0.7;
  border: 1px solid #f5f5f5;
  height: 40px;
  width: 50px; }
.video_projects .editor-container .panel-item {
  background-color: white;
  background-size: 50px 50px;
  background-position: center;
  height: 430px;
  width: -webkit-fill-available;
  padding: 0px;
  text-align: center;
  background-repeat: no-repeat;
  overflow-x: scroll;
  position: absolute; }
.video_projects .editor-container .loaderGif {
  background-color: white;
  background-size: 50px 50px;
  background-position: center;
  height: 390px;
  width: -webkit-fill-available;
  padding: 0px;
  text-align: center;
  background-repeat: no-repeat;
  overflow-x: scroll;
  position: absolute; }
.video_projects .editor-container .panel-viewer {
  background-color: #ffff;
  height: 100%;
  width: 100%;
  padding: 0px;
  position: absolute;
  text-align: center; }
.video_projects .editor-container .template-viewer {
  height: 100%;
  width: 100%;
  padding: 0px;
  position: absolute; }
  .video_projects .editor-container .template-viewer .form-details-container {
    visibility: hidden; }
    .video_projects .editor-container .template-viewer .form-details-container td {
      text-align: -webkit-center; }
  .video_projects .editor-container .template-viewer .form-details-container {
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    border: 0;
    display: flex;
    height: 80%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .video_projects .editor-container .template-viewer .form-details-container .property-details-table {
      table-layout: fixed;
      margin-top: 7%;
      width: 92%;
      height: 75%;
      border-collapse: collapse; }
  .video_projects .editor-container .template-viewer #template-property-details {
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    border: 0;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    border-collapse: collapse; }
    .video_projects .editor-container .template-viewer #template-property-details .property-details-table {
      table-layout: fixed;
      margin-top: 5%;
      width: 92%;
      height: 75%;
      border-collapse: collapse; }
    .video_projects .editor-container .template-viewer #template-property-details td {
      display: table-cell;
      height: 50px;
      padding-bottom: 10px; }
    .video_projects .editor-container .template-viewer #template-property-details .prop-detail-cell {
      height: 100%;
      max-height: 50px;
      margin-left: 30%;
      margin-right: 20%;
      padding-left: 5%; }
      .video_projects .editor-container .template-viewer #template-property-details .prop-detail-cell i {
        padding-right: 5%; }
    .video_projects .editor-container .template-viewer #template-property-details .cell-hover:hover {
      cursor: pointer;
      box-shadow: 0 5px 15px 2px rgba(0, 0, 0, 0.1); }
.video_projects .editor-container .logo-panel {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 25%;
  width: 40%;
  margin-top: 15%;
  display: inline-block; }
.video_projects .editor-container .viewer {
  height: 100%;
  width: 100%;
  border-radius: 0.3em;
  position: absolute;
  z-index: 9999; }
.video_projects .editor-container .viewer:hover {
  cursor: pointer; }
.video_projects .editor-container .custom-marker {
  height: 5px;
  color: green;
  position: absolute; }
  .video_projects .editor-container .custom-marker :hover {
    height: 10px;
    width: 10px; }
.video_projects .editor-container .vjs-tip-inner {
  position: absolute; }
.video_projects .editor-container .video-controler {
  position: absolute;
  bottom: 14px;
  width: -webkit-fill-available; }
  .video_projects .editor-container .video-controler .videoPlayBtn {
    margin-left: 20px; }
.video_projects .editor-container .control-container {
  margin-top: 10px;
  bottom: 13px; }
  .video_projects .editor-container .control-container .btn-group {
    margin-left: 50px; }
  .video_projects .editor-container .control-container .txt-btn {
    right: 5px;
    margin-left: 35px;
    margin-right: 35px; }
  @media only screen and (max-width: 1300px) {
    .video_projects .editor-container .control-container {
      width: 600px; } }
.video_projects .fontSizePicker {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  position: absolute;
  top: 18.5em;
  left: 43rem;
  width: 5em; }
.video_projects .row-bottom {
  margin-top: 50px;
  margin-bottom: 20px; }
.video_projects .panel-controler,
.video_projects .control-container,
.video_projects .video-controler,
.video_projects .template-controller {
  margin-top: 1.1em;
  width: 100%; }
  .video_projects .panel-controler .validated-media-logo,
  .video_projects .control-container .validated-media-logo,
  .video_projects .video-controler .validated-media-logo,
  .video_projects .template-controller .validated-media-logo {
    float: right;
    display: none;
    position: inherit;
    color: #5fc765;
    margin-top: 3px;
    margin-right: 5px;
    font-size: xx-large; }
.video_projects .timeline-top-right-buttons {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  height: 40px;
  text-align: left; }
.video_projects #checkLogo {
  z-index: 99999;
  opacity: 1;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 500px;
  top: 70px; }
.video_projects .panel-container {
  outline-style: none;
  height: 15em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60px 60px; }
  @media only screen and (min-width: 1350px) and (max-width: 1450px) {
    .video_projects .panel-container {
      height: 14em; } }
  .video_projects .panel-container .panel-item {
    height: 112px;
    width: 200px;
    margin-bottom: 3em;
    text-align: center;
    background-position: center center;
    margin: 10px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100px;
    border: 2px solid #f5f5f5;
    background-position-y: 40%;
    background-size: 30%;
    cursor: pointer; }
    @media only screen and (max-width: 1300px) {
      .video_projects .panel-container .panel-item {
        height: 90px;
        max-width: 160px; } }
    @media only screen and (min-width: 1350px) and (max-width: 1450px) {
      .video_projects .panel-container .panel-item {
        height: 105px;
        max-width: 188px; } }
    .video_projects .panel-container .panel-item .crossButton {
      float: right;
      color: grey; }
    .video_projects .panel-container .panel-item .glyphicon-ok-circle {
      text-shadow: 0 0 2px lightgrey; }
  .video_projects .panel-container .intro-panel-item {
    left: 0;
    top: 0;
    background-image: url("https://s3.eu-central-1.amazonaws.com/nodalview.video/Resources/logoNodal.png"); }
  .video_projects .panel-container .outro-panel-item {
    right: 0;
    top: 0;
    background-image: url("https://s3.eu-central-1.amazonaws.com/nodalview.video/Resources/logoNodal.png"); }
  .video_projects .panel-container .signCurrent {
    position: absolute;
    width: 40px;
    height: 3px;
    background-color: var(--color-primary);
    opacity: 0.8;
    bottom: -10px;
    text-align: center;
    left: 80px; }
  .video_projects .panel-container .saveProgress {
    position: relative;
    float: right; }
  .video_projects .panel-container .styleBtn {
    position: absolute;
    left: 650px;
    top: 4px; }
  .video_projects .panel-container .soundBar {
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 20px;
    position: absolute;
    margin-bottom: 0; }
    .video_projects .panel-container .soundBar .soundBarContent {
      text-transform: uppercase; }
    .video_projects .panel-container .soundBar .progress-bar-info {
      background-color: var(--color-primary);
      text-align: center;
      color: white;
      font-size: 12px; }
  .video_projects .panel-container .title-timeline {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #f3f2f2; }
    .video_projects .panel-container .title-timeline .title {
      position: absolute;
      left: 70px;
      font-size: 1.3em; }
  .video_projects .panel-container .generateBtn {
    float: right;
    margin-right: 1.3em; }
  .video_projects .panel-container .left-button {
    display: none;
    border-radius: 5px;
    opacity: 0.8;
    left: 180px;
    position: absolute;
    margin-top: 8%;
    height: 20%;
    z-index: 999; }
  .video_projects .panel-container .right-button {
    display: none;
    border-radius: 5px;
    opacity: 0.8;
    right: 180px;
    position: absolute;
    margin-top: 8%;
    height: 20%;
    z-index: 999; }
  .video_projects .panel-container .crossButton {
    width: 30px;
    height: 30px;
    padding: 5px;
    font-weight: 700;
    position: absolute;
    right: 0px;
    top: 0px;
    color: white; }
  .video_projects .panel-container .crossButton:hover {
    color: var(--color-primary-hover); }
  .video_projects .panel-container .timeline-container {
    width: 100%;
    outline-style: none;
    display: -webkit-inline-box;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0; }
    .video_projects .panel-container .timeline-container .item-style {
      margin: 10px;
      position: relative;
      outline-style: none;
      cursor: pointer;
      border: 2px solid #f5f5f5; }
      .video_projects .panel-container .timeline-container .item-style .crossButton {
        width: 30px;
        height: 30px;
        padding: 5px;
        font-weight: 700;
        position: absolute;
        right: 0px;
        top: 0px;
        color: white; }
      .video_projects .panel-container .timeline-container .item-style .crossButton:hover {
        color: var(--color-primary-hover); }
      .video_projects .panel-container .timeline-container .item-style .warning-resolution-sign {
        font-size: xx-large;
        color: #ff6600;
        position: absolute;
        vertical-align: middle;
        opacity: 1;
        text-shadow: none;
        top: 40%;
        left: 6%; }
      .video_projects .panel-container .timeline-container .item-style .signCurrent {
        position: absolute;
        width: 40px;
        height: 3px;
        background-color: var(--color-primary);
        opacity: 0.8;
        bottom: -7px;
        text-align: center;
        left: 80px; }
      .video_projects .panel-container .timeline-container .item-style .glyphicon-ok-circle {
        text-shadow: 0 0 2px grey;
        opacity: 0.75; }
    .video_projects .panel-container .timeline-container .media-placeholder {
      height: 112px;
      width: 200px;
      margin: 10px;
      border: dashed rgba(0, 0, 0, 0.3) 2px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media only screen and (max-width: 1300px) {
        .video_projects .panel-container .timeline-container .media-placeholder {
          height: 90px;
          max-width: 160px; } }
      @media only screen and (min-width: 1350px) and (max-width: 1450px) {
        .video_projects .panel-container .timeline-container .media-placeholder {
          height: 105px;
          max-width: 188px; } }
      .video_projects .panel-container .timeline-container .media-placeholder .placeholder-arrow {
        opacity: 0.2; }
.video_projects .draggable-mirror {
  z-index: 99999999999999999; }
  .video_projects .draggable-mirror .crossButton {
    width: 30px;
    height: 30px;
    padding: 5px;
    font-weight: 700;
    position: absolute;
    right: 0px;
    top: 0px;
    color: white; }
.video_projects .video-import-button {
  position: absolute;
  bottom: 0.6em;
  right: 10px; }
.video_projects .selected {
  background-color: lightgrey; }
.video_projects .vjs-volume-menu-button {
  display: none; }
.video_projects .vjs-fade-in,
.video_projects .vjs-fade-out {
  visibility: visible !important;
  opacity: 1 !important;
  transition-duration: 0s !important; }
.video_projects a.disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: default; }
.video_projects .file-wrapper {
  position: relative;
  overflow: hidden;
  cursor: pointer; }
.video_projects .fileInput {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
  cursor: pointer; }
.video_projects .txtPanel {
  text-align: center;
  margin-top: 5%;
  float: left;
  width: inherit;
  height: 25%;
  display: table;
  justify-content: center;
  align-items: center; }
  .video_projects .txtPanel #txt1 {
    font-size: 160%;
    display: table-cell;
    vertical-align: bottom; }
  .video_projects .txtPanel #txt2 {
    display: table-cell;
    margin-top: 1.5%;
    font-size: inherit;
    vertical-align: middle; }
.video_projects .fontSizePicker {
  display: none; }
.video_projects #loading {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 20px; }
.video_projects .pickr {
  display: inline-block;
  vertical-align: middle; }
  .video_projects .pickr button {
    border: 1px solid lightgrey;
    width: 34px;
    height: 34px; }
.video_projects .row-preview {
  display: none; }
.video_projects .previewVideo {
  height: 470px;
  width: 780px;
  border-radius: 0.3em;
  position: absolute;
  z-index: 9999;
  top: 180px;
  margin-left: 190px;
  padding: inherit;
  box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.6), 0px 7px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.7); }
.video_projects .logoLoader {
  width: 480px;
  height: 60px;
  position: absolute;
  margin-top: 40px;
  left: 700px; }
.video_projects #logoLoaderVideo {
  width: 60px;
  height: 60px;
  margin-left: 210px; }
@font-face {
  .video_projects {
    font-family: "Arial";
    src: url("https://s3.eu-central-1.amazonaws.com/nodalview.video/Resources/WinFonts/arial-unicode.ttf"); } }
@font-face {
  .video_projects {
    font-family: "Times";
    src: url("https://s3.eu-central-1.amazonaws.com/nodalview.video/Resources/WinFonts/times.ttf"); } }
@font-face {
  .video_projects {
    font-family: "Comicbd";
    src: url("https://s3.eu-central-1.amazonaws.com/nodalview.video/Resources/WinFonts/comicbd.ttf"); } }
.video_projects .overflowed:hover .right-button {
  display: block; }
.video_projects .overflowed:hover .left-button {
  display: block; }
.video_projects .template {
  border: 2px solid #f5f5f5; }
.video_projects .video-clip-container {
  border: 2px solid #f5f5f5; }
  .video_projects .video-clip-container .logo {
    top: 6px;
    left: 3px; }
  .video_projects .video-clip-container .videoThumbnail {
    background-size: cover;
    background-position: center center;
    display: block; }

.moving {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.text-preview-container {
  display: none;
  position: absolute;
  padding-top: 3px;
  bottom: 40px;
  z-index: 999999; }
  .text-preview-container.animated {
    transition: ease-in-out 1s;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); }
  .text-preview-container.run-animation {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }

[data-video-type="premium"] .text-preview-container {
  padding: 10px;
  left: 40px; }

.options-save-btn {
  position: inherit;
  align-content: center;
  text-align: center; }

@media only screen and (max-width: 1300px) {
  .save-btn {
    display: none; } }

@media only screen and (max-width: 1300px) {
  .prev-btn {
    display: none; } }

.option-logo-on-video {
  margin-top: 10px;
  margin-bottom: 5px; }

.options-btn-js {
  position: relative;
  margin-top: 2px;
  overflow-x: hidden;
  overflow-y: hidden;
  cursor: pointer; }

.watermark-container {
  width: 150px;
  display: block;
  right: -10px;
  top: 30px;
  position: absolute;
  z-index: 9999999; }
  .watermark-container .watermark {
    width: 100%;
    margin-right: 5px;
    padding: 5px;
    position: inherit;
    top: 14px;
    right: 18px; }
  .watermark-container .watermark-border {
    width: 70%;
    border: 2px solid transparent; }

#rchars {
  display: inline-block;
  margin-top: 5px; }

.watermark-container:hover .watermark-border {
  border: 2px solid white; }

.watermark-container:hover .glyphicon-ring {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid white;
  color: white;
  display: inline-table;
  text-align: center;
  position: absolute;
  background-color: var(--color-primary);
  top: -13px;
  right: 30px; }

.glyphicon-bordered {
  display: none; }

.watermark-container:hover .glyphicon-ring .glyphicon-bordered {
  vertical-align: middle;
  display: table-cell; }

.logo-filter {
  width: inherit; }

.display-panel-btn {
  display: none;
  float: right;
  width: 110px; }

[data-video-type="regular"] #text-preview {
  background-color: rgba(255, 255, 255, 0.6);
  color: black;
  font-weight: bold;
  vertical-align: sub;
  margin-left: 33px;
  font-size: large;
  font-family: "Vollkorn",serif;
  background-color: rgba(255, 255, 255, 0.6);
  padding-left: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 15px;
  color: #000; }

[data-video-type="premium"] #text-preview {
  vertical-align: sub;
  margin-left: 0;
  font-size: large;
  font-family: "Montserrat", serif;
  color: black; }

.roboto {
  font-family: "Roboto", sans-serif; }

.vollkorn {
  font-family: "Vollkorn", serif; }

.ubuntu {
  font-family: "Ubuntu Mono", monospace; }

.prata {
  font-family: "Prata", serif; }

.linkShortcomings {
  color: black;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline; }

.speedChoice {
  cursor: pointer; }

.animation-choice {
  cursor: pointer; }

.animation-menu {
  max-height: 500%;
  overflow: auto; }

@keyframes shadow-pulse-generate {
  0% {
    box-shadow: 0 0 0 0px #5fc765; }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0); } }
@keyframes shadow-pulse-btn {
  0% {
    box-shadow: 0 0 0 0px var(--color-primary); }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } }
.sequence-number {
  position: absolute;
  left: 10px;
  bottom: 5px;
  color: white;
  font-weight: 700;
  font-size: 14px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.overlay-visible {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.95);
  align-items: center;
  justify-content: center;
  display: inline-grid;
  z-index: 999999999999; }
@keyframes blink {
  0% {
    opacity: 0.2; }
  20% {
    opacity: 1; }
  100% {
    opacity: 0.2; } }
  .overlay-visible .loading span {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    font-family: monospace;
    -webkit-text-stroke-width: thick; }
  .overlay-visible .loading span:nth-child(2) {
    animation-delay: 0.2s; }
  .overlay-visible .loading span:nth-child(3) {
    animation-delay: 0.4s; }

.alert-container {
  z-index: 9999999999999; }

.animations-choices-container {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  border: 0;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.animation-table {
  table-layout: fixed;
  margin-top: 7%;
  width: 92%;
  height: 75%;
  border-collapse: collapse; }

.animation-center-cell {
  border-left: 2px solid darkgray;
  border-right: 2px solid darkgray; }

.animation-cell {
  vertical-align: middle;
  /* add vertical align top to fix this issue */ }
  .animation-cell .animation-button-cell {
    display: block;
    padding: 0;
    width: 85%;
    height: 80%;
    background: 0;
    border: 0;
    margin: 7%;
    transition-duration: 0.4s;
    opacity: 0.8; }
  .animation-cell .glyphicon {
    color: darkgrey; }

.animation-button-cell:hover {
  background-color: var(--color-primary-hover); }
  .animation-button-cell:hover .glyphicon {
    color: white; }
  .animation-button-cell:hover .custom-button {
    color: white; }

.color-choice-button {
  transition-duration: 0.4s; }

.color-choice-button .selected {
  border-radius: 50%; }

.panel-banner {
  width: 100%;
  height: 20%;
  bottom: 1em;
  position: absolute; }

.premium-access {
  display: none; }

.admin-layout .admin-header.video-header {
  height: 67px;
  min-height: 67px;
  display: flex;
  justify-content: center;
  padding-left: 15px;
  border-color: var(--border-color-primary); }

.loading a {
  color: var(--color-primary); }

.input-vp-name {
  background: #2a2a2e;
  border-radius: 5px; }
  .input-vp-name:not(:read-only) {
    color: #B9B9B9;
    padding: 5px 10px; }
  .input-vp-name:read-only {
    background: transparent;
    padding: 5px 0; }

.item-table:hover {
  background-color: white !important; }

.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; }

.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; }
.edit-organisation .select2-search-choice {
  text-transform: capitalize;
  font-weight: bold;
  padding: 6px;
  background: none; }

.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; }

.content-full-width {
  max-width: none;
  margin: -1.25rem;
  background: white;
  height: 100vh;
}