@font-face {
  font-family: 'Quicksand';
  src: local("Quicksand SemiBold"), local("Quicksand-SemiBold"), url("/fonts/Quicksand-SemiBold.woff2") format("woff2"), url("/fonts/Quicksand-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Quicksand';
  src: local("Quicksand Bold"), local("Quicksand-Bold"), url("/fonts/Quicksand-Bold.woff2") format("woff2"), url("/fonts/Quicksand-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Quicksand';
  src: local("Quicksand Regular"), local("Quicksand-Regular"), url("/fonts/Quicksand-Regular.woff2") format("woff2"), url("/fonts/Quicksand-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Quicksand';
  src: local("Quicksand Light"), local("Quicksand-Light"), url("/fonts/Quicksand-Light.woff2") format("woff2"), url("/fonts/Quicksand-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Quicksand';
  src: local("Quicksand Medium"), local("Quicksand-Medium"), url("/fonts/Quicksand-Medium.woff2") format("woff2"), url("/fonts/Quicksand-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

html, body {
  height: 100%; }

body {
  display: flex;
  flex-direction: column;
  background-color: whitesmoke;
  font-family: 'Quicksand', sans-serif;
  font-style: normal;
  overscroll-behavior-y: contain; }

h1 {
  margin-top: 20px; }

.template__content {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 65px;
  justify-content: center; }

/**
  Note: The following sections do not strictly follow BEM. However, these
  are basic rules that should be applied across all Simply Connect sites.
  Moreover, the company site uses WordPress and it is not easy to apply
  specific classes to each of the following elements (for example, paragraph, h1, etc)
 */
.template__content p,
.template__content ul,
.template__content h1,
.template__content h2,
.template__content h3,
.template__content h4,
.wp-block-separator {
  width: 100%; }

@media (min-width: 800px) {
  .template__content p,
  .template__content ul,
  .template__content ol,
  .template__content h1,
  .template__content h2,
  .template__content h3,
  .template__content h4,
  .template__content form,
  .wp-block-separator {
    width: 800px; } }

@media (max-width: 800px) {
  .template__content p,
  .template__content h1,
  .template__content h2,
  .template__content h3,
  .template__content h4 {
    padding-left: 10px;
    padding-right: 10px; }
  .template__content ul {
    padding-right: 10px; } }

/** This class is provided by WordPress */
.wp-block-separator {
  border-top: 1px solid gray;
  margin-top: 1rem;
  margin-bottom: 1rem; }

.template__masthead {
  height: 60vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%; }

.template__masthead__content {
  position: relative;
  top: -60px; }

/**
  Note: The following section does not strictly follow BEM. However, the company site
  uses WordPress and it is not easy to apply specific classes to each of the following
  elements (for example, paragraph, h1, etc)
 */
.template__masthead p,
.template__masthead h1,
.template__masthead h2,
.template__masthead h3,
.template__masthead h4 {
  width: 100%; }

.template__content__form__table {
  border-spacing: 15px;
  border-collapse: separate; }

.template__content__form__checkbox {
  width: calc(100% - 30px);
  position: relative;
  left: 15px;
  margin-top: 10px; }

.template__content__form__submit {
  position: relative;
  left: 15px;
  width: 100%; }

@media (min-width: 800px) {
  .template__content__form__table {
    width: 800px;
    position: relative;
    left: -15px; }
  .template__content__form__checkbox {
    left: 0; }
  .template__content__form__submit {
    left: 0; } }

.sc-box {
  display: flex;
  border-radius: 5px;
  border: 2px solid black;
  padding: 5px;
  margin: 15px;
  width: 100%; }

@media (min-width: 800px) {
  .sc-box {
    width: 800px; }
  .sc-box div {
    width: 675px; } }

.sc-box.info {
  background-color: #abf0f0; }

.sc-box.warning {
  background-color: #ffcf76; }

.sc-box span {
  align-self: center;
  padding: 20px; }

.sc-box span svg {
  width: 70px;
  fill: currentColor; }

.sc-box div {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.sc-box div h1 {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: 100%; }

.sc-box div p {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: 100%; }

.template__navbar {
  user-select: none;
  position: fixed;
  width: 100%;
  z-index: 1000;
  height: 65px;
  display: flex;
  justify-content: space-between; }

.template__navbar__navbar-brand {
  padding-bottom: 0; }

@media (min-width: 40rem) {
  .template__navbar__navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem; } }

.template__navbar__img {
  height: 40px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.template__navbar__logo-link {
  color: white; }

.template__navbar__logo-link:active, .template__navbar__logo-link:hover {
  color: white;
  text-decoration: none; }

.template__navbar__menu {
  flex-direction: row-reverse; }

.template__footer {
  flex-shrink: 0;
  padding: 5px;
  background-color: #e6e6eb;
  border-top: 1px solid rgba(196, 196, 196, 0.9);
  width: 100%;
  z-index: 1000; }

.template__footer__div {
  font-size: medium;
  text-align: center;
  user-select: none; }

.template__footer__div--left {
  display: none; }

.template__footer__company-number {
  display: none; }

@media (min-width: 40rem) {
  .template__footer__company-number {
    display: block; } }

@media (min-width: 800px) {
  .template__footer {
    display: flex;
    justify-content: space-between; }
  .template__footer__div--left {
    display: block;
    width: 100px; }
  .template__footer__div--centre {
    width: 600px; }
  .template__footer__div--right {
    width: 100px; } }

.management__menu {
  height: 100%;
  width: 200px;
  background-color: #00292a;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.management__menu__items {
  list-style: none;
  padding-left: 0;
  width: 200px !important; }

.management__menu__items__item__a {
  color: rgba(255, 255, 255, 0.8) !important;
  text-transform: uppercase;
  height: 50px;
  display: flex;
  align-items: center;
  transition: background-color 0.2s,color 0.2s; }

.management__menu__items__item__a:hover {
  cursor: pointer;
  text-decoration: none; }

.management__menu__items__item__a:active {
  text-decoration: none; }

.management__menu__items__item__a:visited {
  text-decoration: none; }

.management__menu__items__item__a:link {
  text-decoration: none; }

.management__menu__items__item__a--selected, .management__menu__items__item__a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: white !important; }

.management {
  height: 100%;
  width: 100%;
  display: flex; }

.management__loading-cover {
  display: flex;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.5); }

.management__login {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover; }

.management__login__form {
  max-width: 410px;
  background-color: rgba(255, 255, 255, 0.25);
  padding: 30px;
  border-radius: 10px; }

.management__login__form__intro {
  margin-bottom: 20px;
  display: block;
  background-color: #343a40;
  border-radius: 5px;
  color: white;
  text-align: center;
  border: 1px solid black; }

.management__login__form__password {
  margin-top: 10px;
  display: none; }

.management__login__form__login {
  margin-top: 10px;
  width: 100%; }

.management__login__form__login-info {
  padding-top: 10px; }

.management__main {
  width: calc(100% - 200px); }

.management__main__no-locations {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70%; }

.management__main__wizard__page1 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__wizard__page1__next {
  width: 800px;
  display: flex;
  justify-content: end;
  padding-bottom: 15px; }

.management__main__wizard__page1__next__button {
  width: 100px;
  margin-top: 15px; }

.management__main__wizard__page2 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__wizard__page2__container {
  width: 800px; }

.management__main__wizard__page2__container__item label {
  font-weight: bold; }

.management__main__wizard__page2__next {
  width: 800px;
  display: flex;
  justify-content: end;
  padding-bottom: 15px; }

.management__main__wizard__page2__next__button {
  width: 100px;
  margin-top: 15px; }

.management__main__wizard__page3 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__wizard__page3__map {
  height: calc(100vh - 350px);
  width: 800px; }

@media (min-height: 900px) {
  .management__main__wizard__page3__map {
    height: calc(600px); } }

.management__main__wizard__page3__next {
  width: 800px;
  display: flex;
  justify-content: end;
  padding-bottom: 15px; }

.management__main__wizard__page3__next__button {
  width: 100px;
  margin-top: 15px; }

.management__main__wizard__page4 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__wizard__page4__map {
  height: calc(100vh - 350px);
  width: 800px; }

@media (min-height: 900px) {
  .management__main__wizard__page4__map {
    height: calc(600px); } }

.management__main__wizard__page4__next {
  width: 800px;
  display: flex;
  justify-content: end;
  padding-bottom: 15px; }

.management__main__wizard__page4__next__button {
  width: 100px;
  margin-top: 15px; }

.management__main__wizard__page5 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__wizard__page5__next {
  width: 800px;
  display: flex;
  justify-content: end;
  padding-bottom: 15px; }

.management__main__wizard__page5__next__button {
  width: 100px;
  margin-top: 15px; }

.management__main__wizard__page6 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__wizard__page6__container {
  width: 800px; }

.management__main__wizard__page6__container__item {
  margin-top: 50px; }

.management__main__wizard__page6__container__item__disclaimer {
  font-style: italic;
  font-size: small; }

.management__main__wizard__page6__container__item label {
  font-weight: bold; }

.management__main__wizard__page6__next {
  width: 800px;
  display: flex;
  justify-content: end;
  padding-bottom: 15px; }

.management__main__wizard__page6__next__button {
  width: 100px;
  margin-top: 15px; }

.management__main__wizard__page7 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__wizard__page7__container {
  width: 800px; }

.management__main__wizard__page7__container__item {
  margin-top: 50px; }

.management__main__wizard__page7__container__item label {
  font-weight: bold; }

.management__main__wizard__page7__next {
  width: 800px;
  display: flex;
  justify-content: end;
  padding-bottom: 15px; }

.management__main__wizard__page7__next__button {
  width: 100px;
  margin-top: 15px; }

.management__main__wizard__page8 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__wizard__page8__question {
  font-weight: bold; }

.management__main__wizard__page8__container {
  width: 800px; }

.management__main__wizard__page8__container__item {
  margin-top: 50px; }

.management__main__wizard__page8__container__item label {
  font-weight: bold; }

.management__main__wizard__page8__next {
  width: 800px;
  display: flex;
  justify-content: end;
  padding-bottom: 15px; }

.management__main__wizard__page8__next__button {
  width: 100px;
  margin-top: 15px; }

.management__main__wizard__page9 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__wizard__page9__progress {
  width: 800px; }

.management__main__wizard__page9__progress-text {
  width: 800px;
  text-align: center;
  color: green; }

.management__main__wizard__page9__error {
  display: none;
  color: red; }

.management__main__get-started {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__get-started__transfer-user {
  width: 800px;
  display: flex;
  justify-content: center;
  padding-bottom: 15px; }

.management__main__get-started__transfer-user__button {
  margin-top: 15px; }

.management__main__get-started__open-passenger-app {
  width: 800px;
  display: flex;
  justify-content: center;
  padding-bottom: 15px; }

.management__main__get-started__open-passenger-app__button {
  margin-top: 15px; }

@media (min-width: 800px) {
  .management__main__get-started__credentials-table {
    width: 800px; }
  .management__main__get-started__credentials-table__key {
    width: 10rem; }
  .management__main__get-started__credentials-table__value {
    width: 360px; }
  .management__main__get-started__credentials-table__value__input {
    width: 350px; } }

.management__main__get-started__credentials-table {
  margin-bottom: 10px; }

.management__main__get-started__credentials-table__key {
  font-weight: bold; }

.management__main__get-started__credentials-table__value__input {
  background-color: #9cf99c;
  border: 1px solid darkgreen;
  border-radius: 4px;
  padding-left: 5px; }

.management__main__get-started__admin-app__download,
.management__main__get-started__driver-app__download {
  margin-bottom: 20px;
  display: flex;
  justify-content: center; }

.management__main__get-started__admin-app__download__button,
.management__main__get-started__driver-app__download__button {
  max-width: 20rem;
  height: 60px; }

.management__main__get-started__admin-app__licence {
  width: 100%;
  display: flex;
  justify-content: center; }

.management__main__get-started__admin-app__licence__inner {
  border: 2px solid teal;
  border-radius: 5px;
  display: flex;
  flex-direction: column; }

.management__main__get-started__admin-app__licence__inner__iframe {
  width: 80vw;
  height: 70vh;
  border: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.management__main__get-started__admin-app__licence__inner__buttons {
  width: 80vw;
  display: flex;
  background-color: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.management__main__get-started__admin-app__licence__inner__buttons__button {
  margin: 5px; }

.management__main__get-started__admin-app__licence__inner__buttons__already-agreed {
  padding: 5px;
  width: 100%;
  display: grid; }

.management__main__get-started__admin-app__licence__inner__buttons__download-button-1 {
  margin: 5px; }

.management__main__get-started__admin-app__licence__inner__buttons__download-button-2 {
  justify-self: center; }

.management__main__get-started__driver-app__header {
  font-weight: bold;
  font-size: large; }

.simulator {
  height: 100%;
  width: 100%; }

.management__main__simulator__simulations__board__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70%; }

.management__main__simulator__simulations {
  width: 100%;
  height: 100%;
  display: flex; }

.management__main__simulator__simulations__board {
  /*height: 100%;*/
  width: calc(100% - 160px);
  position: relative; }

.management__main__simulator__simulations__board__window {
  position: absolute;
  left: 10px;
  top: 67px;
  width: 500px;
  height: 350px;
  border: 1px solid;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }

.management__main__simulator__simulations__board__window__bar {
  height: 20px;
  background-color: #343a40;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  justify-content: space-between; }

.management__main__simulator__simulations__board__window__bar__title {
  color: white;
  font-size: 14px;
  margin-left: 4px;
  user-select: none; }

.management__main__simulator__simulations__board__window__bar__control-buttons {
  height: 20px;
  width: 56px;
  border-top-right-radius: 5px;
  display: flex; }

.management__main__simulator__simulations__board__window__bar__control-buttons__button {
  height: 14px;
  width: 14px;
  font-size: 12px;
  color: white;
  border-radius: 7px;
  margin-top: 3px;
  margin-left: 3px; }

.management__main__simulator__simulations__board__window__bar__control-buttons__button--minimise {
  display: flex;
  justify-content: center; }

.management__main__simulator__simulations__board__window__bar__control-buttons__button--minimise__inner {
  border-bottom: 2px solid white;
  height: 10px;
  width: 6px; }

.management__main__simulator__simulations__board__window__bar__control-buttons__button--maximise__inner-1 {
  border: 1.5px solid;
  height: 5px;
  top: 5px;
  position: relative;
  width: 5px;
  left: 3px; }

.management__main__simulator__simulations__board__window__bar__control-buttons__button--maximise__inner-2 {
  border-top: 1px solid;
  height: 5px;
  width: 5px;
  left: 4px;
  position: relative;
  top: -1px;
  border-right: 1px solid; }

.management__main__simulator__simulations__board__window__bar__control-buttons__button--minimise:hover {
  background-color: #4f4f4f; }

.management__main__simulator__simulations__board__window__bar__control-buttons__button--maximise:hover {
  background-color: #4f4f4f; }

.management__main__simulator__simulations__board__window__bar__control-buttons__button--close {
  background-color: #e95420; }

.management__main__simulator__simulations__board__window__bar__control-buttons__button--close__inner-1 {
  border-right: 1.5px solid;
  width: 7px;
  height: 7px;
  position: relative;
  top: 1px;
  transform: rotate(45deg);
  left: 1px; }

.management__main__simulator__simulations__board__window__bar__control-buttons__button--close__inner-2 {
  border-right: 1.5px solid;
  width: 7px;
  height: 7px;
  position: relative;
  top: -2px;
  transform: rotate(-45deg);
  left: 1px; }

.management__main__simulator__simulations__board__window__bar__control-buttons__button--close:hover {
  background-color: #eb6637; }

.management__main__simulator__simulations__board__window__content {
  height: calc(100% - 70px); }

.management__main__simulator__simulations__board__window__content__login--drivoid,
.management__main__simulator__simulations__board__window__content__login--passenger {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 5px; }

.management__main__simulator__simulations__board__window__content__login--drivoid__title,
.management__main__simulator__simulations__board__window__content__login--passenger__title {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
  user-select: none; }

.management__main__simulator__simulations__board__window__content__login--drivoid__form,
.management__main__simulator__simulations__board__window__content__login--passenger__form {
  padding: 5px; }

.management__main__simulator__simulations__board__window__content__login--drivoid__button,
.management__main__simulator__simulations__board__window__content__login--passenger__button {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px; }

.management__main__simulator__simulations__board__window__content__login--drivoid__form__details {
  margin-left: 1.25rem;
  /* Same as margin-left for radio box above (specified by Bootstrap from form-check class) */ }

.management__main__simulator__simulations__board__window__content__login--drivoid__button-container,
.management__main__simulator__simulations__board__window__content__login--passenger__button-container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 5px; }

.management__main__simulator__simulations__board__window__content__login--drivoid__button-container__button:disabled,
.management__main__simulator__simulations__board__window__content__login--passenger__button-container__button:disabled {
  opacity: 1; }

.management__main__simulator__simulations__board__window__content__login--drivoid__button-container__button__loader,
.management__main__simulator__simulations__board__window__content__login--passenger__button-container__button__loader {
  height: 30px;
  display: none; }

.management__main__simulator__simulations__bar {
  width: 160px;
  height: 100%;
  background-color: #f8f9fa;
  border-right: 1px solid #343a404a; }

.management__main__simulator__simulations__bar__section {
  height: calc(50% - 32px); }

.management__main__simulator__simulations__bar__section__header {
  font-size: 14px;
  text-transform: uppercase; }

.management__main__simulator__simulations__bar__section__header__title {
  user-select: none; }

.management__main__simulator__simulations__bar__section__add-button {
  cursor: pointer; }

.management__main__simulator__simulations__bar__section__list {
  height: calc(100% - 10px);
  overflow-y: auto; }

.management__main__simulator__simulations__bar__section__list__li {
  user-select: none;
  border: 1px solid #343a404a;
  padding: 6px;
  border-radius: 14px;
  margin: 3px; }

.management__main__simulator__simulations__bar__section__list__li:hover {
  background-color: #fff; }

.management__main__simulator__simulations__bar__section__list__li--minimised {
  background-color: #e8e9eb; }

.management__main__simulator__simulations__bar__section__list__li--maximised {
  background-color: #cbcbcb; }

.management__main__simulator__simulations__bar__section__list__li__name {
  font-size: 12px; }

.management__main__location {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__location__section {
  border: 1px solid lightgray;
  border-radius: 8px;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  width: 800px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 20px; }

.management__main__location__section__left {
  max-width: 70%; }

.management__main__location__section__left__title {
  font-weight: 500;
  font-size: 1.4rem; }

.management__main__location--demo {
  background-color: orange; }

.management__main__location__rename {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__location__rename__container {
  width: 800px; }

.management__main__location__rename__container__item {
  width: 400px; }

.management__main__location__rename__container__item label {
  font-weight: bold; }

.management__main__location__area {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__location__area__map {
  height: calc(100vh - 350px);
  width: 800px; }

@media (min-height: 900px) {
  .management__main__location__area__map {
    height: calc(600px); } }

.management__main__location__area__buttons {
  width: 800px;
  margin-top: 20px;
  margin-bottom: 20px; }

.management__main__location__contact {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__location__contact__container {
  width: 800px; }

.management__main__location__contact__container__item label {
  font-weight: bold; }

.management__main__location__contact__phone-number {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.management__main__location__contact__phone-number__form__inner {
  height: calc(100% - 60px); }

.management__main__location__contact__phone-number__form__inner__intro {
  display: block;
  font-weight: bold; }

.management__main__location__contact__phone-number__form__inner__container__entry {
  background-color: white;
  width: 100%;
  border: 1px solid #ced4da;
  border-radius: 4px; }

.management__main__location__contact__phone-number__form__inner__container__entry__country-select {
  width: 100px;
  background-color: white;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  cursor: pointer; }

.management__main__location__contact__phone-number__form__inner__button {
  margin-top: 10px;
  width: 100%; }

.management__main__location__contact__phone-number__form__inner__container__entry__country-select__flag {
  margin-top: 1px;
  display: flex;
  align-items: center; }

.management__main__location__contact__phone-number__form__inner__container__entry__country-select__country-code {
  width: 80px; }

.management__main__location__contact__phone-number__form__inner__container__entry__country-select__flag__arrow {
  margin-left: 6px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555555;
  display: inline; }

.management__main__location__contact__phone-number__form__inner__container__entry__main-input {
  width: calc(100% - 140px);
  height: 36px;
  border: none;
  outline: none; }

.management__main__location__contact__phone-number__form__inner__container__entry--focussed {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.management__main__location__contact__phone-number__form__inner__container__entry--error {
  border-color: #dc3545;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem); }

.management__main__location__contact__phone-number__form__inner__container__entry--valid {
  border-color: #28a745;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem); }

.management__main__location__contact__phone-number__form__inner__container__country-list {
  height: 200px;
  background-color: white;
  border: 1px solid #e0e0e0;
  position: absolute;
  overflow-y: scroll;
  z-index: 1000; }

.management__main__location__contact__phone-number__form__inner__container__country-list__country-option {
  font-size: 16px;
  font-family: arial, sans-serif;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
  cursor: pointer;
  justify-content: space-between; }

.management__main__location__contact__phone-number__form__inner__container__country-list__country-option__code {
  margin-right: 5px;
  color: #8a8a8a; }

.management__main__location__contact__phone-number__form__help--valid {
  color: green; }

.management__main__location__contact__phone-number__form__help--invalid {
  color: red; }

.management__main__location__contact__phone-number__verification {
  width: 100%;
  display: flex;
  justify-content: center; }

.management__main__location__contact__phone-number__verification__inner {
  border: 2px solid teal;
  border-radius: 5px;
  display: flex;
  flex-direction: column; }

.management__main__location__contact__phone-number__verification__inner__2 {
  width: 80vw;
  height: 450px;
  border: none;
  border-radius: 3px;
  background-color: white; }

.management__main__location__contact__phone-number__verification__inner__2__title {
  font-size: xx-large;
  text-align: center; }

.management__main__location__contact__phone-number__verification__inner__2__subtitle {
  margin-top: 20px;
  font-size: large;
  text-align: center; }

.management__main__location__contact__phone-number__verification__inner__2__buttons {
  display: flex;
  justify-content: space-evenly;
  margin-top: 40px;
  flex-direction: column;
  align-items: center; }

.management__main__location__contact__phone-number__verification__inner__2__buttons__button {
  width: 250px; }

.management__main__location__contact__phone-number__verification__inner__2__code {
  display: flex;
  justify-content: center;
  margin-top: 40px; }

.management__main__location__contact__phone-number__verification__inner__2__code__inner {
  border: 1px solid darkgray;
  border-radius: 5px;
  padding: 5px;
  font-size: 30px;
  min-width: 150px;
  text-align: center;
  background-color: #d3d3d38f; }

.management__main__location__contact__phone-number__verification__inner__2__loader-container {
  width: 100%;
  display: flex;
  justify-content: center; }

.management__main__location__contact__phone-number__verification__inner__2__message {
  width: 100%;
  padding: 20px;
  text-align: center; }

.management__main__location__social {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__location__social__container {
  width: 800px; }

.management__main__location__social__container__item label {
  font-weight: bold; }

.management__main__location__language {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__location__language__container {
  width: 800px; }

.management__main__location__language__container__item label {
  font-weight: bold; }

.management__main__location__payment-pricing {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__location__payment-pricing__container {
  width: 800px;
  padding-bottom: 20px; }

.management__main__location__payment-pricing__container h2 {
  margin-top: 40px;
  font-size: 1.5em; }

.management__main__location__payment-pricing__container h3 {
  margin-top: 40px;
  font-size: 1.2em; }

.management__main__location__payment-pricing__container__description {
  border: 2px solid #eaaa00;
  padding: 5px;
  margin: 10px;
  border-radius: 5px;
  background-color: #eaaa0070;
  display: none; }

.management__main__location__payment-pricing__container__description p {
  width: 100%; }

.management__main__location__payment-pricing__container__description :last-child {
  margin-bottom: 0; }

.management__main__location__payment-pricing__container__item__sub-items {
  margin-left: 40px; }

.management__main__location__booking-rules {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__location__booking-rules__container {
  width: 800px; }

.management__main__location__booking-rules__container__item label {
  font-weight: bold; }

.management__main__location__booking-rules__container__item__units {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.management__main__location__units {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__location__units__container {
  width: 800px; }

.management__main__location__units__container__item label {
  font-weight: bold; }

.management__main__location__age {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__location__age__container {
  width: 800px; }

.management__main__location__age__container__item label {
  font-weight: bold; }

.management__main__location__automation {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__location__automation__container {
  width: 800px; }

.management__main__location__automation__container__item label {
  font-weight: bold; }

.management__main__location__automation__container__item__title {
  margin-top: 40px;
  font-size: 1.5em; }

.management__main__location__automation__container__item__warning {
  display: flex;
  border-radius: 5px;
  border: 2px solid black;
  background-color: #ffcf76;
  padding: 5px;
  margin: 15px; }

.management__main__location__automation__container__item__warning__icon {
  align-self: center;
  padding: 20px; }

.management__main__location__automation__container__item__warning__inner {
  display: flex; }

.management__main__location__automation__container__item__warning__inner__text {
  display: block;
  padding: 0.5em;
  align-self: center; }

.management__main__optimisation-disabled {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70%; }

.management__main__organisation-settings {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__organisation-settings__table {
  width: 800px; }

.management__main__organisation-settings__table__badge {
  border-radius: 3px;
  padding: 3px;
  float: right;
  font-weight: bold; }

.management__main__organisation-settings__table__badge--verified {
  background-color: green;
  color: white; }

.management__main__organisation-settings__table__badge--not-verified {
  background-color: red;
  color: white; }

.management__main__optimisation-settings {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.management__main__optimisation-settings__container {
  width: 800px; }

.management__main__optimisation-settings__container__item label {
  font-weight: bold; }

.management__main__optimisation-settings__warning {
  font-weight: bold; }

.management__main__optimisation-settings__warning--live {
  color: red; }

.management__main__optimisation-settings__container__item__slider {
  width: calc(100% - 44px); }

.management__main__optimisation-settings__container__item__value-readout {
  width: 44px; }

.loader {
  background-color: rgba(0, 0, 0, 0.25);
  position: fixed;
  left: 0;
  width: 100%; }

.loader__internal {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1000;
  border-top: 12px solid #008080;
  border-right: 12px solid #008080;
  border-bottom: 12px solid #eaaa00;
  border-left: 12px solid #51c5e8;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: loader-spin 2s linear infinite;
  margin: -75px 0 0 -50px; }

.loader__status-message {
  position: absolute;
  top: 50%;
  z-index: 1000;
  width: 90%;
  left: 5%;
  margin-top: 40px;
  font-size: large;
  text-align: center;
  font-weight: 100;
  background-color: #343a40;
  border-radius: 5px;
  color: #ffffff;
  user-select: none; }

@keyframes loader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.document-frame {
  background-color: rgba(0, 0, 0, 0.35);
  position: fixed;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.document-frame__internal {
  display: grid; }

.document-frame__internal__close {
  position: absolute;
  width: 80vw;
  height: 40px;
  display: flex;
  justify-content: flex-end; }

.document-frame__internal__close__inner {
  width: 40px;
  height: 40px;
  font-size: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center; }

.document-frame__internal__close__inner:hover {
  color: #8d8d8d; }

/* Override the bootstrap button colours */
.btn-primary {
  background-color: #008080 !important;
  border-color: #008080 !important; }

.btn-warning {
  background-color: #eaaa00 !important;
  border-color: #eaaa00 !important; }

svg {
  fill: currentColor; }

.mfp-close {
  display: none !important;
  /* Otherwise it comes up way outside the iframe and is hard to see */ }