@charset "UTF-8";
.btn.sb-help-link {
  border: none;
  height: 20px;
  margin: 0 3px 3px 3px;
  padding: 0;
  width: 20px; }
  .btn.sb-help-link:after {
    background: transparent url() center center no-repeat;
    background-color: #337ab7;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9InNoYXBlcyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNi4zLDIxLjZjLTEuMywwLjgtMi4xLDIuMy0yLjEsMi45YzAsMC41LTAuNCwxLjEtMC45LDEuMWgtNS40Yy0wLjUsMC0wLjgtMC44LTAuOC0xLjJ2LTEKCQljMC0yLjcsMi43LTUsNC42LTUuOWMxLjctMC44LDIuNC0xLjUsMi40LTIuOWMwLTEuMi0xLjYtMi40LTMuNC0yLjRjLTEsMC0xLjksMC4zLTIuNCwwLjZjLTAuNSwwLjQtMS4xLDAuOS0yLjQsMi42CgkJYy0wLjIsMC4yLTAuNCwwLjQtMC43LDAuNGMtMC4yLDAtMC40LTAuMS0wLjYtMC4ybC0zLjctMi44Yy0wLjQtMC4zLTAuNS0wLjgtMC4yLTEuMmMyLjQtNCw1LjgtNS45LDEwLjQtNS45CgkJYzQuOCwwLDEwLjEsMy44LDEwLjEsOC45QzMxLjMsMTguOCwyOC41LDIwLjQsMjYuMywyMS42eiBNMjQuMywzMy4zYzAsMC41LTAuNCwwLjktMC45LDAuOUgxOGMtMC41LDAtMC45LTAuNC0wLjktMC45di01LjQKCQljMC0wLjUsMC40LTAuOSwwLjktMC45aDUuNGMwLjUsMCwwLjksMC40LDAuOSwwLjlWMzMuM3oiLz4KPC9nPgo8L3N2Zz4K");
    background-size: 95% 95%;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    content: '';
    display: block;
    height: 20px;
    margin: 0;
    width: 20px; }

.image-uploader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative; }
  .image-uploader .file-field, .image-uploader .image-preview {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #ced4da;
    border-radius: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 135px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 5px 5px 0;
    position: relative;
    width: 135px; }
  .image-uploader .file-field {
    background: #fff url("../images/photo.png") center center no-repeat; }
  .image-uploader .inputFile {
    background: #fff;
    cursor: pointer;
    height: 100%;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 3; }
  .image-uploader .label {
    background: rgba(255, 255, 255, 0.5);
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    margin: 0;
    padding: 20px;
    text-align: center; }
  .image-uploader .image-preview {
    background: #fff url() center center no-repeat;
    position: relative;
    z-index: 2; }
    .image-uploader .image-preview .image {
      background: transparent url() center center no-repeat;
      background-size: contain;
      bottom: 10px;
      left: 10px;
      position: absolute;
      right: 10px;
      top: 10px; }

* {
  scrollbar-color: #ccc;
  scrollbar-width: thin; }

* ::-webkit-scrollbar {
  width: 5px; }
* ::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 0; }
* ::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px; }

.popover {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover .popover-header {
    background-color: #fff;
    color: #2a3f54;
    font-size: 1em; }

.datepicker-holder {
  width: 100%;
  max-width: 500px;
  font-size: 12px; }
  .datepicker-holder .calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .datepicker-holder .calendar .form-control {
      font-size: 0.9rem;
      text-align: center; }
    .datepicker-holder .calendar .date {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 5px 2px;
      width: 100%;
      max-width: 280px; }
  @media (min-width: 768px) {
    .datepicker-holder .calendar {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.custom-form-control:disabled, .custom-form-control[readonly] {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  background-color: white !important; }

.flatpickr-calendar {
  margin: auto;
  padding: 5px;
  min-width: 340px;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); }

.flatpickr-rContainer {
  display: block !important;
  margin: auto !important; }

.flatpickr-day {
  border-radius: 0 !important; }

.flatpickr-disabled {
  background: #eee !important;
  color: rgba(57, 57, 57, 0.5) !important; }

.prevDates {
  background: transparent !important;
  color: rgba(57, 57, 57, 0.3) !important; }

.start-day {
  background: url(../assets/new_calendar/start_bg.svg) no-repeat; }

.end-day {
  background: url(../assets/new_calendar/end_bg.svg) no-repeat; }

.start-day.end-day {
  background: #eee !important; }

.calendar-buttons {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  text-align: right; }

.calendar-buttons.bottom {
  background: #eee;
  padding: 10px 25px 10px 10px;
  margin: 27px 0 0 0; }

.close {
  display: inline-block;
  margin: 10px 15px; }

.clear {
  display: inline-block;
  margin: 10px 15px; }

.clear-btn {
  text-align: right;
  cursor: pointer;
  color: #333 !important;
  text-transform: capitalize !important;
  padding: 0 25px 0 0 !important; }

.close-btn {
  text-align: right;
  cursor: pointer; }

.flatpickr-next-month {
  margin: 38px 15px 0 0; }

.flatpickr-prev-month {
  margin: 38px 0 0 15px; }

.fa.icon {
  position: absolute;
  left: 12px;
  top: 48px;
  color: #888; }

.flatpickr-day.inRange {
  background: #dcebfd !important;
  border-radius: 0 !important;
  -webkit-box-shadow: -5px 0 0 #dcebfd, 5px 0 0 #dcebfd !important;
  box-shadow: -5px 0 0 #dcebfd, 5px 0 0 #dcebfd !important;
  cursor: pointer; }

button.clear-btn {
  border: none !important;
  background: #fff !important;
  border-radius: 0 !important; }

.flatpickr-day {
  cursor: pointer; }

.custom_tooltip {
  top: 100px;
  z-index: 20000000000000;
  position: absolute;
  line-height: 24px;
  padding: 10px;
  text-align: center;
  color: #333;
  background: white;
  border: 4px solid white;
  border-radius: 5px;
  text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0px;
          box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0px; }

.custom_tooltip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: #FFFFFF transparent transparent transparent;
  top: 46px;
  left: 95px; }

.custom_tooltip.tRight:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: #FFFFFF transparent transparent transparent;
  top: 46px;
  left: 130px; }

.custom_tooltip.tLeft:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: #FFFFFF transparent transparent transparent;
  top: 46px;
  left: 20px; }

.dates-row {
  width: 100%; }

.dates-row .m-checkin {
  width: 45% !important;
  border: none;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: inline-block;
  color: #555;
  height: 50px;
  vertical-align: top;
  text-align: center; }

.dates-row .m-checkout {
  width: 45% !important;
  border: none;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: inline-block;
  color: #555;
  height: 50px;
  vertical-align: top;
  text-align: center; }

.dates-row .arrow {
  width: 9% !important;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: inline-block;
  color: #555;
  height: 50px;
  vertical-align: top;
  line-height: 50px;
  text-align: center; }

.mobile-cal-fields-owner .clear-btn,
.mobile-cal-fields .clear-btn {
  width: 44%;
  text-align: left;
  font-weight: bold;
  text-transform: capitalize !important;
  color: #333 !important;
  opacity: 0.5;
  margin: 8px 0 0 7px; }

.mobile-cal-fields-owner .close,
.mobile-cal-fields .close {
  width: 44%;
  text-align: right; }

.clear-button-0
.clear-button-1 {
  color: #555;
  font-weight: bold;
  text-align: right; }

	/*
	@media screen and (min-width: 768px) {
		.flatpickr-calendar{
			padding:5px 20px;
			min-width:340px;
		}

		.flatpickr-calendar
		{
			padding: 10px;
			min-width: 657px!important;
		}

		.flatpickr-weekdaycontainer
		{
			padding: 0 0 0 20px!important;
		}
		
		.dayContainer
		{
			padding: 0 0 0 20px!important;
		}

	}
	*/
@media screen and (max-width: 767px) {
  	/*
  	body
  	{
  		overflow-x: hidden;
  		width: 100vw;
  	}
  
  	.modal-open
  	{
  		overflow-y: scroll!important;
  	}
  
  	.flatpickr-calendar
  	{
  		top: 100px!important;
  		margin: 0 auto!important;
  		width: 100vw!important;
  		z-index: 100000000;
  	}
  
  	.flatpickr-innerContainer
  	{
  		text-align: center;
  		justify-content: center;
  	}
  
  	.flatpickr-calendar.open
  	{
  		z-index: 100000000;
  		top: 100px!important;
  	}
  
  	.mobile-cal-base-owner,
  	.mobile-cal-base
  	{
  		position: fixed;
  		top: 0;
  		width: 100vw;
  		background: #fff;
  		height: 100%;
  		z-index: 100000000;
  	}
  
  	.button-row
  	{
  		width: 100vw;
  		clear: both;
  		height: 40px;
  	}
  
  	.mobile-cal-fields-owner,
  	.mobile-cal-fields
  	{
  		position: fixed;
  		top: 0;
  		left: 0;
  		width: 100vw;
  		background: #fff;
  		height: 90px;
  		z-index: 100000001;
  		text-align: center;
  	}
  
  	.mobile-cal-fields-owner .clear-btn,
  	.mobile-cal-fields .clear-btn
  	{
  		width: 44%;
  		text-align: left;
  		font-weight: bold;
  		text-transform: capitalize !important;
  		color: #333!important;
  		opacity: 0.5;
  	}
  
  	.mobile-cal-fields-owner .close,
  	.mobile-cal-fields .close
  	{
  		width: 46%!important;
  		color: #333!important;
  		text-transform: capitalize !important;
  	}
  
  	.dates-row
  	{
  		background: #fff;
  		z-index: 1000000004;
  		width: 100vw!important;
  	}
  
  	.flatpickr-days
  	{
  		z-index: 10!important;
  	}
  
  	.flatpickr-calendar
  	{
  		-webkit-box-shadow: none!important;
  		box-shadow: none!important;
  		z-index: 1000000001;
  		max-width: 100vw!important;
  	}
  
  	input
  	{
  		padding: 0 0 0 10px;
  	}
  
  	.flatpickr-months,
  	.flatpickr-weekdays
  	{
  		display: none;
  	}
  
  	.flatpickr-days
  	{
  		flex-direction:column!important;
  		width: 100%!important;
  	}
  
  	.days-row
  	{
  		width: 100%;
  		height: 30px;
  		display: block;
  		display: flex;
  		border-bottom: 1px solid #555;
  	}
  
  	.months-row
  	{
  		width: 100%;
  		height: 30px;
  		text-align: center;
  		display: block;
  		margin: 45px 0 10px 0;
  		font-weight: bold;
  	}
  
  	.prevDates
  	{
  		background: transparent!important;
  		color: rgba(57,57,57,0.3)!important;
  	}
  
  	.days-row .flatpickr-weekday
  	{
  		display: inline-block;
  		justify-content: space-between;
  	}
  	*/
  /* Chrome/Opera/Safari */
  ::-webkit-input-placeholder {
    color: #333; }

  /* Firefox 19+ */
  ::-moz-placeholder {
    color: #333; }

  /* IE 10+ */
  :-ms-input-placeholder {
    color: #333; }

  /* Firefox 18- */
  :-moz-placeholder {
    color: #333; } }
.slick-control-prev {
  position: absolute;
  left: 25px !important;
  top: 40%;
  z-index: 1;
  background: none;
  border: none;
  font-size: 2em;
  color: #e0e0e7;
  text-shadow: 0px 0px 3px black; }

.slick-control-next {
  position: absolute;
  right: 25px !important;
  top: 40%;
  background: none;
  border: none;
  font-size: 2em;
  color: #e0e0e7;
  text-shadow: 0px 0px 3px black; }

.slick-slide-container, .slick-slide-container * {
  min-height: 0;
  min-width: 0;
  overflow: hidden; }

.slick-track {
  background-color: black; }

.slick-slide-holder .slick-slide-holder-img {
  border-left: 2px solid white;
  border-right: 2px solid white; }

.slick-list .slick-slide {
  padding: 0px !important; }

* {
  -webkit-box-sizing: none;
          box-sizing: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: AvenirNextLTPro-Bold;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/avenir/AvenirNextLTPro-Bold.eot");
  src: url("../fonts/avenir/AvenirNextLTPro-Bold.eot?") format("eot"), url("../fonts/avenir/AvenirNextLTPro-Bold.woff") format("woff"), url("../fonts/avenir/AvenirNextLTPro-Bold.ttf") format("truetype"); }
@font-face {
  font-family: AvenirNextLTPro-It;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/avenir/AvenirNextLTPro-It.eot");
  src: url("../fonts/avenir/AvenirNextLTPro-It.eot?") format("eot"), url("../fonts/avenir/AvenirNextLTPro-It.woff") format("woff"), url("../fonts/avenir/AvenirNextLTPro-It.ttf") format("truetype"); }
@font-face {
  font-family: AvenirNextLTPro-Regular;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/avenir/AvenirNextLTPro-Regular.eot");
  src: url("../fonts/avenir/AvenirNextLTPro-Regular.eot?") format("eot"), url("../fonts/avenir/AvenirNextLTPro-Regular.woff") format("woff"), url("../fonts/avenir/AvenirNextLTPro-Regular.ttf") format("truetype"); }
@-ms-viewport {
  width: device-width; }
.bg-dark, .bg-dark-2 {
  background-color: #2a3f54 !important;
  color: white; }

body {
  font-family: 'Montserrat', sans-serif;
  color: #73879c;
  font-weight: 400;
  height: 100%;
  overscroll-behavior: none;
  min-height: -webkit-fill-available; }

body, html {
  overflow-x: hidden !important; }

h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 100; }

h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300; }

h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400; }

h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400; }

p {
  font-family: 'Montserrat', sans-serif; }

input[type=number] {
  text-align: center; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1; }

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.3);
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  color: white; }
  footer a:hover {
    text-decoration: none; }
  @media (max-width: 700px), (max-height: 600px) {
    footer {
      position: static; } }
  footer .copyright {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    text-align: right; }

#smallMessageHolder {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999999999999;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.4); }
  #smallMessageHolder #smallMessageHolderMessage {
    padding: 10px;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    background-color: white;
    color: black;
    text-align: center;
    width: 98%;
    max-width: 400px; }

#smallMapHolder {
  display: none;
  position: fixed;
  top: 0px;
  top: 70px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #smallMapHolder #hideMapButton {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999999; }

.image-viewer {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 9999999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .image-viewer #image_viewer_image {
    width: 98%;
    max-width: 1000px;
    height: auto;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-radius: 1rem; }
  .image-viewer .close-image-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px; }

.spinner-holder {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0);
  /*rgba(255,255,255,0.4);*/
  z-index: 99999999999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.spinner-gif {
  background-color: white;
  padding: 15px 20px;
  text-align: center;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 4px #333;
          box-shadow: 0px 0px 4px #333; }
  .spinner-gif img {
    width: 50px;
    height: 50px; }
  .spinner-gif div {
    padding-top: 10px; }

.spinner {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  z-index: 99999999999;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px; }

.spinner .path {
  stroke: #93bfec;
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite; }

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124; } }
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124; } }
.card_label {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 240px;
  font-weight: bold; }

/* Open Street Map Styles */
.leaflet-control-attribution {
  display: none; }

.cluster-a {
  text-decoration: none;
  text-align: center; }

.cluster-a img {
  display: inline-block;
  vertical-align: top;
  /*width:100%;max-width:100px;height:auto;*/ }

.cluster-a .feature {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 50px;
  text-align: center; }

.cluster-a .txt {
  width: 230px; }

.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6); }

.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6); }

.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6); }

.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6); }

.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6); }

.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6); }

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: #b5e28c; }

.leaflet-oldie .marker-cluster-small div {
  background-color: #6ecc39; }

.leaflet-oldie .marker-cluster-medium {
  background-color: #f1d357; }

.leaflet-oldie .marker-cluster-medium div {
  background-color: #f0c20c; }

.leaflet-oldie .marker-cluster-large {
  background-color: #fd9c73; }

.leaflet-oldie .marker-cluster-large div {
  background-color: #f18017; }

.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px; }

.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; }

.marker-cluster span {
  line-height: 30px; }

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out; }

.leaflet-cluster-spider-leg {
  /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
  -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  -webkit-transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; }

.modal {
  z-index: 9999999; }
  .modal .modal-content {
    background-color: #2a3f54;
    color: white;
    padding: 0px; }
    .modal .modal-content .modal-header {
      padding: 0px; }
      .modal .modal-content .modal-header .modal-title {
        padding: 17px; }
      .modal .modal-content .modal-header .close {
        margin: 5px;
        color: white !important; }
    .modal .modal-content .modal-body {
      background-color: white;
      color: #2a3f54; }
    .modal .modal-content .modal-footer {
      background-color: white;
      color: #2a3f54; }

/*
	page layout (top nav, side nav and content)
*/
nav#my-menu {
  z-index: 10; }

footer#bottommenu {
  bottom: 0;
  background: #2a3f54;
  display: block;
  position: fixed;
  z-index: 100; }
  @media only screen and (min-width: 768px) {
    footer#bottommenu {
      display: none; } }
  footer#bottommenu .row {
    width: 100%; }
    footer#bottommenu .row .icon {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: center; }
      footer#bottommenu .row .icon a {
        color: #fff;
        font-size: 20px;
        display: block;
        text-align: center;
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
        padding: 0.7rem 0; }
        footer#bottommenu .row .icon a i {
          clear: both; }
        footer#bottommenu .row .icon a span.text {
          clear: both;
          display: block;
          font-size: 14px; }
        footer#bottommenu .row .icon a:hover {
          opacity: 0.5;
          background: #000; }

.footer-navigation {
  -webkit-transition: 0.5s;
  transition: 0.5s; }
  .footer-navigation.nav-up {
    bottom: 60px; }
  .footer-navigation .row {
    margin-left: 0;
    margin-right: 0; }
    .footer-navigation .row .icon .text {
      font-size: 12px; }
    .footer-navigation .row a {
      display: inline-block;
      text-align: center; }
      .footer-navigation .row a img {
        max-height: 25px;
        margin: 0 0 5px 0;
        text-align: center; }

#body-row-checked-in {
  padding-bottom: 100px; }
  @media only screen and (min-width: 768px) {
    #body-row-checked-in {
      padding-bottom: 0; } }

@media (min-width: 1367px) {
  .mm-menu_offcanvas {
    width: 80%;
    min-width: 240px !important;
    max-width: 380px !important; } }

@media (min-width: 1367px) {
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(380px, 0, 0);
    transform: translate3d(380px, 0, 0); } }

.view-map {
  display: inline-block;
  display: inline-block;
  background: #fff;
  padding: 5px 13px;
  border: 1px solid #ccc;
  border-radius: 2px;
  cursor: pointer; }

.nav-tabs {
  border: none !important; }

#search-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  	/*
  	position: relative;
  	width:100%;
  	background:white;
  	border: none;
  	margin-top:45px;
  	padding:55px 20px 3px 20px;
  	//transition: 0.5s;
  	@media(min-width:1366px){
  		margin-top:0px;
  	}
  	.category-button-holder {
  		position: absolute;
  		top: 0px;
  		right: 10px;
  		bottom: 0px;
  		left: 10px;
  		z-index:2!important;
  
  		text-align:right;
  		display:flex;
  		flex-direction:row;
  		justify-content:flex-end;
  		align-items:center;
  
  		.category-button-title,
  		#select_distance {
  			flex:1;
  			margin:3px;
  			//width:150px;
  			//display:inline-block;
  		}
  		.category-button {
  			flex:1;
  			margin:3px;
  			//width: 20%;
  			//display:inline-block;
  			//margin:0 10px 0 0;
  		}
  		.view-favourites {
  		  display: flex;
  		  flex-direction: row;
  		  justify-content: space-between;
  		  align-items: center;
  		  background: #fff;
  		  padding: 0px 13px;
  		  margin: 0px 3px;
  		  border: 1px solid #ccc;
  		  border-radius: 2px;
  		  cursor: pointer;
  		  white-space: nowrap;
  		  span{
  			font-size:1.5em;
  			line-height:1.4em;
  		  }
  		}
  		.view-map{
  			flex:0;
  			//min-width:150px;
  			margin:3px;
  			white-space:nowrap;
  		}
  		@media(max-width:1366px)
  		{
  			
  			//margin-top:50px;
  		}
  	}
  	*/ }
  #search-area .category-button-holder {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 60px 0px 5px 0px; }
  @media (min-width: 1024px) {
    #search-area .category-button-holder {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 10px 0px; } }

.navbar {
  background-color: #2a3f54;
  position: fixed;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  z-index: 5; }
  @media only screen and (min-width: 768px) {
    .navbar {
      position: relative; } }
  .navbar.nav-up {
    top: -60px; }
  .navbar .navbar-brand img {
    max-height: 30px;
    display: block; }
    @media (min-width: 769px) {
      .navbar .navbar-brand img {
        display: none; } }
  .navbar .hamburger .line {
    background-color: #fff; }

#sidebar-container {
  display: none; }

.dropdown-menu, .dropdown-item:hover, .list-group-item:hover {
  background-color: #2a3f54 !important;
  /*#333;*/
  color: white !important; }

.list-group-item img, .nav-item img {
  width: 30px;
  height: 30px; }

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
  width: 230px; }

.sidebar-collapsed {
  width: 60px; }

/* Menu item*/
#sidebar-container .list-group a {
  height: 50px;
  color: white; }

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
  height: 45px;
  padding-left: 30px;
  background-color: #2a3f54; }

.sidebar-submenu {
  font-size: 0.9rem; }

/* Separators */
.sidebar-separator-title {
  background-color: #2a3f54;
  color: white;
  height: 35px; }

.sidebar-separator {
  background-color: #2a3f54;
  color: white;
  height: 25px; }

.logo-separator {
  background-color: #2a3f54;
  color: white;
  height: 60px; }

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
  content: " \f0d7";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px; }

/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
  content: " \f0da";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px; }

.ge-top-nav-item, .ge-top-nav-item-with-subitems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: white; }
  .ge-top-nav-item a, .ge-top-nav-item a:hover, .ge-top-nav-item-with-subitems a, .ge-top-nav-item-with-subitems a:hover {
    color: white !important;
    background-color: red; }

.ge-top-nav-item-with-subitems {
  padding: 5px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.ge-top-nav-subitem {
  padding: 0px 30px; }

/******** mmenu *********/
#my-menu {
  background-color: #2a3f54;
  color: #fff; }
  #my-menu .mm-panel {
    background: #2a3f54; }
    #my-menu .mm-panel li.mm-listitem a {
      display: block;
      font-size: 14px;
      color: #fff; }
      #my-menu .mm-panel li.mm-listitem a img {
        max-height: 18px;
        display: inline-block;
        margin: 0 5px 0 0; }

#header {
  background-color: #2a3f54;
  margin: -8px 0 0 0;
  height: 60px; }

.mm-navbar__title {
  color: #fff; }

.mm-navbar {
  height: 48px;
  background: #337ab7;
  color: #fff; }

#my-menu {
  background-color: #2a3f54;
  color: #fff; }
  #my-menu .mm-panel {
    background: #2a3f54; }
    #my-menu .mm-panel li.mm-listitem a {
      display: block;
      font-size: 14px;
      color: #fff; }
      #my-menu .mm-panel li.mm-listitem a img {
        max-height: 18px;
        display: inline-block;
        margin: 0 9px 0 0; }

.mm-btn:after, .mm-btn:before {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff; }

.sub-category-property {
  /*
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  :after {
  	border-top: 2px solid #fff;
  	border-left: 2px solid #fff;
  }
  :after {
  	-webkit-transform: rotate(135deg);
  	-ms-transform: rotate(135deg);
  	transform: rotate(135deg);
  	right: 23px;
  	left: auto;
  }
  */ }

/*
	main (login page)
*/
.clamp-2,
.clamp-3,
.clamp-4,
.clamp-5 {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.4;
  /* Adjust line-height based on your needs */
  max-height: 4.2em;
  /* Controls the number of lines (line-height * number of lines) */
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

/* .clamp-5{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow:hidden;max-height:200px;text-overflow:ellipsis;} */
.clamp-2 {
  -webkit-line-clamp: 2; }

.clamp-3 {
  -webkit-line-clamp: 3; }

.clamp-4 {
  -webkit-line-clamp: 4; }

.main-main {
  width: 100vw;
  height: 100vh; }
  .main-main .log-in-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 95vh; }
    @media (min-width: 769px) {
      .main-main .log-in-container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 100vh; } }
    .main-main .log-in-container .login-area {
      margin: 5%;
      max-width: 800px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-shadow: 0px 0px 5px 5px #eee;
      box-shadow: 0px 0px 5px 5px #eee; }
      .main-main .log-in-container .login-area .main-logo-holder {
        width: 100%;
        background: #2a3f54;
        padding: 100px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media (min-width: 769px) {
          .main-main .log-in-container .login-area .main-logo-holder {
            width: 50%; } }
      .main-main .log-in-container .login-area .login-form {
        width: 100%;
        padding: 10% 30px; }
        @media (min-width: 769px) {
          .main-main .log-in-container .login-area .login-form {
            width: 50%;
            padding: 100px 30px; } }

.btn-primary {
  background: #2a3f54;
  border: 1px solid #2a3f54;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 10px 17px;
  border-radius: 5px; }
  .btn-primary:hover {
    background: #337ab7;
    border: 1px solid #337ab7;
    -webkit-transition: 0.5s;
    transition: 0.5s; }

.previous-button,
.cancel-button {
  padding: 13px ​17px !important;
  border-radius: 0;
  border-top-right-radius: 20px;
  background: #2a3f54;
  border: 1px solid #2a3f54;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 1.2rem;
  display: inline-block; }
  .previous-button:hover,
  .cancel-button:hover {
    background: #337ab7;
    border: 1px solid #337ab7;
    -webkit-transition: 0.5s;
    transition: 0.5s; }

/**
 * The tick
 */
.input-container input[type=checkbox]:checked + label:after {
  content: "\2713"; }

html, body {
  padding: 0;
  margin: 0;
  width: 100%; }

.login-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: auto;
  background: transparent;
  background-color: #2a3f54;
  color: white; }
  .login-body .base-footer {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center; }
  .login-body .login-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
    height: auto;
    max-width: 900px;
    max-height: 600px; }
  .login-body .login-image {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
    border-radius: none;
    min-height: 300px;
    width: 100%; }
  .login-body .login-image-overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(34, 68, 125, 0.4);
    border-radius: 10px 0px 0px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .login-body .login-image-overlay-text {
    max-width: 300px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    margin: auto;
    padding: 0px 20px;
    font-size: 1.3em;
    font-weight: 500;
    text-transform: uppercase; }
  .login-body .login-area {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    max-width: auto;
    background-color: #2a3f54;
    color: white;
    border-radius: none;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .login-body .login-logo-holder {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-height: 120px; }
  .login-body .login-button-holder {
    text-align: center;
    padding-top: 20px; }
  .login-body .login-form {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .login-body .base-footer {
    position: static;
    background-color: #2a3f54;
    color: white;
    padding: 30px 5px 5px 5px; }
  .login-body .base-footer a {
    font-size: 0.9em;
    color: white; }
  .login-body .login-button-holder .find-booking-button {
    background-color: #337ab7 !important;
    color: white; }

@media (min-width: 768px) {
  .login-body {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: white;
    background: linear-gradient(130deg, #22447d 45%, white 45%);
    height: 100vh; }
    .login-body .base-footer {
      position: fixed;
      left: 0px;
      right: 0px;
      bottom: 0px;
      text-align: center; }
    .login-body .login-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      border-radius: 10px;
      -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
              box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
      width: 95%;
      height: 95%;
      max-width: 900px;
      max-height: 600px; }
    .login-body .login-image {
      position: relative;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      border-radius: 10px 0px 0px 10px; }
    .login-body .login-image-overlay {
      background-color: rgba(34, 68, 125, 0.4);
      border-radius: 10px 0px 0px 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .login-body .login-image-overlay-text {
      color: rgba(255, 255, 255, 0.7);
      text-align: center;
      max-width: 300px;
      font-size: 1.3em;
      font-weight: 500;
      text-transform: uppercase; }
    .login-body .login-area {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      max-width: 400px;
      background-color: #2a3f54;
      color: white;
      border-radius: 0px 10px 10px 0px;
      padding: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .login-body .login-logo-holder {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
    .login-body .login-button-holder {
      text-align: center;
      padding-top: 20px; }
    .login-body .login-form {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .login-body .base-footer {
      position: fixed;
      background-color: #2a3f54;
      color: white;
      padding: 5px; } }
/*
	welcome
*/
body.main-login .login-header {
  width: 100%;
  height: 50px;
  background: #2a3f54; }
  body.main-login .login-header .logo {
    background: url("/assets/images/landscape_logo-min.png") no-repeat;
    width: 300px;
    height: 50px;
    background-size: contain; }
body.main-login .login-mid {
  height: calc(100vh - 80px); }
  body.main-login .login-mid .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 701px) {
      body.main-login .login-mid .con {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    body.main-login .login-mid .con h1 {
      color: #fff;
      text-align: center;
      font-weight: 400 !important;
      text-shadow: 0px 0px 4px rgba(51, 51, 51, 0.6);
      padding: 13vh 0 0 0; }
      @media (min-width: 415px) and (max-width: 700px) {
        body.main-login .login-mid .con h1 {
          padding: 5vh 0 0 0; } }
      @media (min-width: 701px) {
        body.main-login .login-mid .con h1 {
          padding: 0; } }
    body.main-login .login-mid .con h2 {
      color: #fff;
      text-align: center;
      text-shadow: 0px 0px 4px rgba(51, 51, 51, 0.6); }
    body.main-login .login-mid .con .holiday-logo {
      width: 350px;
      height: 60px;
      background: url("/assets/images/Holiday_logo-min.png") no-repeat center center;
      background-size: contain;
      display: block;
      margin: 20px auto 0 auto; }
      @media (min-width: 737px) {
        body.main-login .login-mid .con .holiday-logo {
          margin: 60px auto 0 auto; } }
body.main-login .login-footer {
  background: #fff;
  position: fixed;
  bottom: 60px;
  width: 80vw;
  left: 10vw;
  padding: 10px; }
  @media (min-width: 1024px) {
    body.main-login .login-footer {
      width: 50vw;
      left: 25vw; } }
  body.main-login .login-footer .login-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    @media (min-width: 667px) {
      body.main-login .login-footer .login-form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin: 0 auto 0 auto;
        position: relative; } }
    body.main-login .login-footer .login-form .form-fields {
      margin: 0px 5px 5px 5px;
      padding: 0px 0px; }
      body.main-login .login-footer .login-form .form-fields.fields-email {
        width: 100%;
        padding: 0px 0px 0px 10px; }
        @media (min-width: 667px) {
          body.main-login .login-footer .login-form .form-fields.fields-email {
            width: 42%;
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle;
            padding: 0px; } }
      body.main-login .login-footer .login-form .form-fields.fields-date {
        width: 100%;
        padding: 0px 0px 0px 10px; }
        @media (min-width: 667px) {
          body.main-login .login-footer .login-form .form-fields.fields-date {
            width: 22%;
            display: inline-block;
            margin-bottom: 0;
            padding: 0px;
            vertical-align: middle; } }
      body.main-login .login-footer .login-form .form-fields #check_in {
        padding: 4px 0 0 25px;
        margin: -23px 0 0 0 !important; }
      body.main-login .login-footer .login-form .form-fields .fa-calendar {
        position: relative;
        top: 8px;
        left: 7px; }
      body.main-login .login-footer .login-form .form-fields label {
        font-weight: 555;
        font-size: 0.9em;
        padding: 0px;
        margin-bottom: 0px; }
    body.main-login .login-footer .login-form .form-button {
      width: 100%;
      padding: 10px 0px 0px 0px;
      display: inline-block; }
      @media (min-width: 667px) {
        body.main-login .login-footer .login-form .form-button {
          width: 34%;
          margin-bottom: 0;
          padding: 0px; } }
      body.main-login .login-footer .login-form .form-button .btn-primary {
        width: 100%;
        padding: 7px 17px; }
        @media (max-width: 667px) {
          body.main-login .login-footer .login-form .form-button .btn-primary {
            font-size: 14px; } }
  body.main-login .login-footer .error-message-item {
    margin-bottom: 0;
    padding: 5px 10px; }
body.main-login .base-footer {
  width: 100%;
  height: 30px;
  background: #2a3f54;
  color: #fff;
  line-height: 30px;
  font-size: 12px;
  text-align: center; }
  body.main-login .base-footer a {
    color: #fff;
    text-decoration: none; }
    body.main-login .base-footer a:hover {
      color: #fff;
      text-decoration: none; }

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none !important;
  -webkit-appearance: none !important; }

body.welcome {
  background-size: cover;
  overscroll-behavior: contain !important;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-color: #000; }
  @media (max-width: 700px) {
    body.welcome {
      background-size: cover;
      background-position: center center; } }

.main-welcome {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100vh;
  width: 100vw;
  overflow-y: auto;
  /*background-image:url();*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*backdrop-filter:blur;*/
  background: rgba(0, 0, 0, 0.5); }
  .main-welcome .main-section {
    width: 100%;
    color: white;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center; }
    .main-welcome .main-section .thumb img {
      width: 5rem;
      height: 5rem;
      border-radius: 50%;
      border: 3px solid white;
      -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
              box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5); }
    .main-welcome .main-section .greeting {
      font-size: 1.7em;
      font-weight: 500;
      margin-top: 20vh;
      width: 100%; }
      .main-welcome .main-section .greeting .check-icon {
        width: 40%;
        max-width: 180px; }
      .main-welcome .main-section .greeting h3 {
        margin: 0 0 15px 0; }
    .main-welcome .main-section .arrival-and-departure-holder {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .main-welcome .main-section .arrival {
      font-size: 0.9em;
      font-weight: 500;
      margin-top: 10px;
      padding: 10px; }
    .main-welcome .main-section .departure {
      font-size: 0.9em;
      font-weight: 500;
      margin-top: 10px;
      padding: 10px; }
    .main-welcome .main-section .property-code {
      margin-top: 20px;
      font-weight: 500;
      font-size: 1.7em;
      position: relative; }
    .main-welcome .main-section .awaiting {
      padding: 0 20%; }
      @media (max-width: 480px) {
        .main-welcome .main-section .awaiting {
          font-size: 1em;
          padding: 0 15px; } }
      .main-welcome .main-section .awaiting p {
        margin-bottom: 0; }
      .main-welcome .main-section .awaiting h3 {
        margin: 0 0 15px 0; }
    .main-welcome .main-section .property-address {
      margin-top: 20px;
      font-weight: 500;
      font-size: 1em;
      text-align: center; }
    .main-welcome .main-section .enjoy-your-stay-message {
      font-size: 1em;
      padding: 30px 10px 20px 10px;
      max-width: 520px; }
    .main-welcome .main-section .check-in-successful-message {
      font-size: 1.1em;
      max-width: 520px; }
  @media (max-width: 700px) {
    .main-welcome .main-section {
      /*padding-top:30px;
      justify-content:flex-start;*/
      height: 90%; }
      .main-welcome .main-section .greeting,
      .main-welcome .main-section .arrival,
      .main-welcome .main-section .departure,
      .main-welcome .main-section .property-code,
      .main-welcome .main-section .property-address {
        margin: 0px;
        padding: 3px; }
      .main-welcome .main-section .greeting {
        margin-top: 5vh; } }

#count-down {
  text-align: center;
  width: 100%;
  display: block;
  margin: 20px 0 0 0; }
  #count-down span.con {
    display: inline-block !important; }
    #count-down span.con span.top {
      width: 100% !important;
      text-align: center !important;
      display: block;
      font-size: 34px;
      font-weight: 100; }
    #count-down span.con span.bottom {
      width: 80% !important;
      text-align: center !important;
      font-size: 12px;
      font-weight: 300;
      margin: 0 3px 0 0;
      display: block; }

.start-button a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: fixed;
  bottom: 0px;
  width: 200px;
  right: 0;
  border-radius: 0;
  padding: 15px 0;
  border-top-left-radius: 10px;
  background: #337ab7;
  color: #fff; }
  .start-button a:hover {
    background: #2a3f54;
    text-decoration: none; }

@media only screen and (max-width: 767px) {
  body.main-login.ge-modal-active .login-footer {
    display: none; } }

#smallMessageHolderMessage .modal-header {
  background-color: #2b3e54;
  color: #fff;
  font-weight: 600;
  padding: 15px 20px; }
#smallMessageHolderMessage .modal-body p {
  margin-bottom: 5px; }
#smallMessageHolderMessage.ge-super-field .modal-header {
  padding: 20px 10px; }
#smallMessageHolderMessage.ge-super-field .form-control {
  border: 3px solid #d8dcde;
  font-size: 1.5em;
  text-align: center; }
  #smallMessageHolderMessage.ge-super-field .form-control::-webkit-input-placeholder {
    color: #c8cfd1; }
  #smallMessageHolderMessage.ge-super-field .form-control:-ms-input-placeholder {
    color: #c8cfd1; }
  #smallMessageHolderMessage.ge-super-field .form-control::-ms-input-placeholder {
    color: #c8cfd1; }
  #smallMessageHolderMessage.ge-super-field .form-control::placeholder {
    color: #c8cfd1; }
#smallMessageHolderMessage.ge-super-field #smallMessageHolderButtons .ge-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #2b608f;
  border-color: #2b608f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 !important;
  width: 100%; }
  #smallMessageHolderMessage.ge-super-field #smallMessageHolderButtons .ge-button:hover {
    background-color: #1f4668; }
  #smallMessageHolderMessage.ge-super-field #smallMessageHolderButtons .ge-button:after {
    background: transparent url() center center no-repeat;
    background-size: 95% 95%;
    content: '';
    display: block;
    height: 16px;
    margin: 0 0 0 5px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 40'%3E%3Cpath fill='%23ffffff' d='M25.5,2h2.7l18.3,18.3L28.2,38.6h-2.7l17.3-17.3h-41v-2h41L25.5,2z'/%3E%3C/svg%3E"); }

.greeting img.book-direct {
  margin: 20px 0;
  max-height: 125px;
  -webkit-transform: rotate(-7deg);
          transform: rotate(-7deg);
  width: auto; }
  @media only screen and (min-width: 768px) {
    .greeting img.book-direct {
      max-height: 175px; } }

.popover {
  z-index: 999999991 !important; }

html, body {
  padding: 0px !important;
  width: 100vw;
  overflow-x: hidden; }

#body-row-check-in {
  margin-left: 0;
  margin-right: 0;
  padding: 0px;
  min-height: 99vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }
  @media (min-width: 769px) {
    #body-row-check-in {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media (min-width: 769px) {
    #body-row-check-in .slick-dotted.slick-slider {
      width: 50vw; } }

body.show-terms #check_in_form .instruction {
  display: none; }
  @media (min-width: 1024px) {
    body.show-terms #check_in_form .instruction {
      display: block; } }

#security_deposit_authorisation fieldset .row {
  margin-left: -5px;
  margin-right: -5px; }
  @media only screen and (min-width: 567px) {
    #security_deposit_authorisation fieldset .row {
      margin-bottom: 10px; } }
#security_deposit_authorisation fieldset .col {
  margin: 0 0 10px 0;
  padding-left: 5px;
  padding-right: 5px; }
  @media only screen and (min-width: 567px) {
    #security_deposit_authorisation fieldset .col {
      margin-bottom: 0; } }
#security_deposit_authorisation fieldset .ge-ccards.col {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  #security_deposit_authorisation fieldset .ge-ccards.col .card-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    width: 100%; }
    #security_deposit_authorisation fieldset .ge-ccards.col .card-icons img {
      height: 100%;
      max-height: 32px;
      width: auto; }

#check_in_form .id-upload-box .ge-security-disclaimer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 10%; }
  #check_in_form .id-upload-box .ge-security-disclaimer .ge-disclaimer {
    font-size: 0.75em;
    padding: 0;
    text-align: center; }
#check_in_form .id-upload-box .ge-icon {
  background: #f7f7f7;
  border-radius: 50%;
  color: #2a3f54;
  height: 35px;
  margin: 0 8px 0 0;
  padding: 10px;
  width: 35px; }
#check_in_form .id-upload-box .ge-security-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 0.625em auto;
  width: 100%; }
  @media (min-width: 768px) {
    #check_in_form .id-upload-box .ge-security-title {
      width: auto; } }
  #check_in_form .id-upload-box .ge-security-title .ge-label {
    font-size: 0.8125em;
    text-align: left; }
    @media (min-width: 1024px) {
      #check_in_form .id-upload-box .ge-security-title .ge-label {
        font-size: 1em; } }

#check_in_form {
  /*background-color:#1e1046;*/
  /*background-image:linear-gradient(to top right,#337ab7,#2d74b2);
  backdrop:blur;
  color:white;*/
  background-color: white;
  color: #333;
  padding: 0px;
  width: 100vw;
  overflow-x: hidden;
  margin: 0px;
  margin-bottom: 50px;
  height: auto;
  position: relative;
  /*#################
  # CHECK IN FOOTER #
  #################*/ }
  @media (min-width: 769px) {
    #check_in_form {
      min-height: 650px;
      width: 1366px;
      -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
              box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); } }
  #check_in_form #check_in {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 98vh;
    /*###############
    # CHECK IN BODY #
    ###############*/ }
    @media (min-width: 769px) {
      #check_in_form #check_in {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        min-height: 100%;
        height: 100%; } }
    #check_in_form #check_in #desktop-header {
      display: none; }
    @media (min-width: 769px) {
      #check_in_form #check_in {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
        #check_in_form #check_in #desktop-header {
          display: block;
          width: 100%;
          height: 60px;
          background: #2a3f54; }
          #check_in_form #check_in #desktop-header .check-in-left {
            display: inline-block;
            text-align: left;
            padding: 18px;
            color: #fff;
            width: 60%; }
          #check_in_form #check_in #desktop-header .check-in-right {
            display: inline-block;
            text-align: right;
            padding: 18px;
            color: #fff;
            width: 38%; } }
    #check_in_form #check_in .amount-due-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #efefef;
      padding: 5px;
      margin: 0px;
      border-radius: 5px; }
      @media (min-width: 769px) {
        #check_in_form #check_in .amount-due-box {
          margin: 0px; } }
      #check_in_form #check_in .amount-due-box .booking-label {
        display: inline-block;
        text-align: left;
        /*center;*/
        width: 100%;
        margin: 0px 10px 0px 10px;
        vertical-align: middle; }
        @media (max-width: 769px) {
          #check_in_form #check_in .amount-due-box .booking-label .balance-message {
            width: 100%;
            display: block; } }
      #check_in_form #check_in .amount-due-box .booking-value {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        text-align: right; }
        @media (min-width: 769px) {
          #check_in_form #check_in .amount-due-box .booking-value {
            width: 30%;
            text-align: right; } }
        #check_in_form #check_in .amount-due-box .booking-value .upgrade-btn {
          width: 100%; }
    #check_in_form #check_in .security-deposit-disclaimer {
      padding: 5px;
      font-size: 0.9rem; }
    #check_in_form #check_in .security-deposit-terms-button {
      font-size: 0.9rem; }
    #check_in_form #check_in .security-deposit-terms-button,
    #check_in_form #check_in .security_deposit_terms_back {
      cursor: pointer; }
    #check_in_form #check_in .security-deposit-terms-box {
      padding: 30px; }
    #check_in_form #check_in .header-details {
      padding: 20px; }
      @media (min-width: 769px) {
        #check_in_form #check_in .header-details {
          padding: 0 20px; } }
      #check_in_form #check_in .header-details .greeting-message {
        white-space: nowrap;
        font-size: 1.3em;
        text-align: left;
        font-weight: bold;
        padding: 0 0 28px 0;
        color: #2a3f54; }
      #check_in_form #check_in .header-details .check-in-heading,
      #check_in_form #check_in .header-details .property-address {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        white-space: nowrap;
        font-size: 1em;
        font-weight: 500;
        text-align: left; }
      #check_in_form #check_in .header-details .check-in-agency-name {
        display: none;
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0; }
    #check_in_form #check_in .check-in-header .payment-details {
      display: none; }
    @media (min-width: 769px) {
      #check_in_form #check_in .check-in-header {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        width: 50%;
        display: inline-block;
        height: 100%; } }
    @media (min-width: 769px) {
      #check_in_form #check_in .check-in-header {
        max-height: 562px;
        width: 48%;
        margin: 0 15px 0 0;
        overflow: hidden; }
        #check_in_form #check_in .check-in-header .spacer {
          height: 25px; }
        #check_in_form #check_in .check-in-header .payment-details {
          padding: 25px;
          margin: 15px 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: #efefef;
          width: 100%;
          font-weight: bold; } }
    #check_in_form #check_in .check-in-header .slick-dotted.slick-slider {
      margin-bottom: 0; }
    #check_in_form #check_in .check-in-header .header-image img {
      width: 100%; }
    @media (min-width: 769px) {
      #check_in_form #check_in .check-in-header .header-image {
        height: 508px; }
        #check_in_form #check_in .check-in-header .header-image img {
          height: 508px;
          width: auto; } }
    #check_in_form #check_in .check-in-header .slick-dots {
      bottom: 25px !important; }
      @media (min-width: 769px) {
        #check_in_form #check_in .check-in-header .slick-dots {
          bottom: 45px !important; } }
      @media (min-width: 1366px) {
        #check_in_form #check_in .check-in-header .slick-dots {
          width: 600px; } }
      #check_in_form #check_in .check-in-header .slick-dots li button:before {
        color: #fff; }
    #check_in_form #check_in .check-in-body {
      background-color: white;
      padding: 0 0 60px 0;
      /*##############
      # RIGHT COLUMN #
      ##############*/ }
      @media (min-width: 769px) {
        #check_in_form #check_in .check-in-body {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          width: 50%;
          display: inline-block;
          padding: 0; } }
      @media (min-width: 1366px) {
        #check_in_form #check_in .check-in-body {
          height: 100%;
          max-height: 545px; } }
      @media (max-width: 768px) {
        #check_in_form #check_in .check-in-body.not-active {
          display: none; } }
      #check_in_form #check_in .check-in-body.not-active a.next-button {
        display: none; }
      @media (min-width: 768px) {
        #check_in_form #check_in .check-in-body .check-in-welcome-message {
          display: inline-block;
          width: 49%;
          margin: 15px 0 0 0; } }
      @media (min-width: 769px) {
        #check_in_form #check_in .check-in-body .check-in-welcome-message .check-in-heading,
        #check_in_form #check_in .check-in-body .check-in-welcome-message .property-address,
        #check_in_form #check_in .check-in-body .check-in-welcome-message .check-in-agency-name {
          display: none; } }
      @media (min-width: 769px) {
        #check_in_form #check_in .check-in-body .check-in-left-column {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
          -ms-flex-negative: 0;
              flex-shrink: 0; } }
      #check_in_form #check_in .check-in-body .check-in-left-column .check-in-upgrade-box {
        width: auto;
        margin: 0 0 15px 0; }
      #check_in_form #check_in .check-in-body .check-in-left-column .upload-id-container {
        width: 100%;
        margin: auto;
        margin: 15px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-radius: 5px;
        background-color: #efefef; }
        #check_in_form #check_in .check-in-body .check-in-left-column .upload-id-container .upload-id-box {
          padding: 20px;
          padding-top: 15px;
          padding-bottom: 15px;
          width: 100%;
          max-width: 560px;
          margin: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          #check_in_form #check_in .check-in-body .check-in-left-column .upload-id-container .upload-id-box .upload-id-btn {
            -webkit-box-flex: 0;
                -ms-flex: 0;
                    flex: 0;
            color: white;
            font-size: 1em;
            text-align: center;
            background-color: #2a3f54;
            -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
                    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
            border-radius: 5px;
            cursor: pointer;
            white-space: nowrap;
            padding: 10px;
            padding-left: 17px;
            padding-right: 17px; }
          #check_in_form #check_in .check-in-body .check-in-left-column .upload-id-container .upload-id-box .upload-id-txt {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            font-weight: bold;
            padding: 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            text-align: center; }
            #check_in_form #check_in .check-in-body .check-in-left-column .upload-id-container .upload-id-box .upload-id-txt .upload-id-padlock {
              color: #2a3f54;
              background-color: white;
              -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
                      box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
              font-size: 1.3em;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              text-align: center;
              width: 58px;
              height: 38px;
              border-radius: 17px;
              margin-left: 8px;
              margin-right: 8px; }
      #check_in_form #check_in .check-in-body .check-in-left-column .booking-details,
      #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 25px;
        min-height: 510px; }
        #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card,
        #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card {
          background: #fafafa;
          border-radius: 5px;
          border: 1px solid #efefef;
          min-height: 510px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: stretch;
              -ms-flex-align: stretch;
                  align-items: stretch;
          padding: 0px;
          margin: 0px; }
          #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .card-header,
          #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .card-header {
            background: #efefef;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom: 0 !important;
            padding: 10px; }
            #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .card-header h3,
            #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .card-header h3 {
              margin: 0;
              font-size: 1.2rem;
              font-weight: bold;
              color: #2a3f54; }
          #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .card-header-text,
          #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .card-header-text {
            padding: 10px; }
          #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .booking-detail,
          #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .booking-detail {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 100%;
            margin: auto;
            padding: 10px; }
            #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .booking-detail:last-child,
            #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .booking-detail:last-child {
              -webkit-border-bottom-left-radius: 5px;
              -webkit-border-bottom-right-radius: 5px;
              -moz-border-radius-bottomleft: 5px;
              -moz-border-radius-bottomright: 5px;
              border-bottom-left-radius: 5px;
              border-bottom-right-radius: 5px;
              border-bottom: 1px solid #efefef; }
            #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .booking-detail .booking-label,
            #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .booking-detail .booking-label {
              text-align: left;
              width: 40%;
              font-size: 0.9rem;
              font-weight: bold;
              padding-left: 10px; }
            #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .booking-detail .booking-value,
            #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .booking-detail .booking-value {
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap;
              font-size: 0.9rem;
              -webkit-box-pack: start;
                  -ms-flex-pack: start;
                      justify-content: flex-start;
              padding: 0;
              text-align: left;
              width: 60%; }
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .booking-detail .booking-value .edit-icon,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .booking-detail .booking-value .edit-icon {
                margin-left: auto; }
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .booking-detail .booking-value input,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .booking-detail .booking-value input {
                -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                        flex-grow: 1;
                margin: 0 10px 0 0;
                padding: 0; }
          #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .booking-detail:nth-child(odd),
          #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .booking-detail:nth-child(odd) {
            border: none;
            background-color: #efefef; }
          #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail,
          #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail {
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: start;
            -webkit-box-flex: 0;
                -ms-flex: 0;
                    flex: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: space-evenly;
                -ms-flex-pack: space-evenly;
                    justify-content: space-evenly;
            width: 100%;
            margin: auto;
            padding: 5px 0px;
            min-height: 40px;
            font-size: 0.9em;
            gap: 0px; }
            #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail:last-child,
            #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail:last-child {
              -webkit-border-bottom-left-radius: 5px;
              -webkit-border-bottom-right-radius: 5px;
              -moz-border-radius-bottomleft: 5px;
              -moz-border-radius-bottomright: 5px;
              border-bottom-left-radius: 5px;
              border-bottom-right-radius: 5px;
              border-bottom: 1px solid #efefef; }
            #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-col,
            #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-col {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start; }
            #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-label,
            #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-label {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              text-align: left;
              font-size: 0.9em;
              font-weight: bold;
              padding-left: 10px; }
            #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value,
            #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              font-size: 0.9em;
              -webkit-box-pack: start;
                  -ms-flex-pack: start;
                      justify-content: flex-start;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              padding: 0px; }
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value .edit-icon,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .edit-icon {
                margin-left: auto; }
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value input,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value input {
                -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                        flex-grow: 1;
                margin: 0 10px 0 0;
                padding: 0;
                font-size: 0.9em; }
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value input[type="number"],
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value input[type="number"] {
                padding: 0px 3px;
                max-width: 50px;
                max-height: 38px;
                min-width: 50px; }
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value select,
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value #early_arrival_date,
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value #extend_your_stay_date,
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value #extend_your_stay,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value select,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value #early_arrival_date,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value #extend_your_stay_date,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value #extend_your_stay {
                font-size: 0.9em;
                width: 100%; }
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value .datepicker-holder,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .datepicker-holder {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
                max-width: 100px; }
                #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value .datepicker-holder .calendar,
                #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .datepicker-holder .calendar {
                  width: 100%; }
                  #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value .datepicker-holder .calendar .date,
                  #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .datepicker-holder .calendar .date {
                    margin: 0px; }
            #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-price,
            #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-price {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              text-align: center; }
            #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-price-sm,
            #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-price-sm {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              text-align: center;
              font-size: 0.7em; }
            #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-checked,
            #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-checked {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              max-width: 20px;
              text-align: center; }
            @media (min-width: 768px) {
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-col,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-col {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                        flex-direction: row; }
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-label,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-label {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                text-align: left;
                font-size: 1em;
                font-weight: bold;
                font-size: 1em; }
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value {
                -webkit-box-flex: 0.6;
                    -ms-flex: 0.6;
                        flex: 0.6;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                        flex-direction: row;
                -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                padding: 0;
                text-align: left; }
                #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value .edit-icon,
                #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .edit-icon {
                  margin-left: auto; }
                #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value input,
                #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value input {
                  -webkit-box-flex: 1;
                      -ms-flex-positive: 1;
                          flex-grow: 1;
                  margin: 0;
                  padding: 0;
                  font-size: 1em; }
                #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value select,
                #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value #early_arrival_date,
                #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value #extend_your_stay_date,
                #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value #extend_your_stay,
                #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value select,
                #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value #early_arrival_date,
                #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value #extend_your_stay_date,
                #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value #extend_your_stay {
                  font-size: 1em; }
                #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value .datepicker-holder,
                #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .datepicker-holder {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  width: 100%;
                  max-width: none;
                  -webkit-box-pack: start;
                      -ms-flex-pack: start;
                          justify-content: flex-start;
                  padding: 0px; }
                  #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value .datepicker-holder .calendar,
                  #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .datepicker-holder .calendar {
                    width: 100%;
                    margin: 0px; }
                    #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-value .datepicker-holder .calendar .date,
                    #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .datepicker-holder .calendar .date {
                      margin: 0px;
                      font-size: 0.9em;
                      width: 100%;
                      max-width: none; }
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-price,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-price {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                max-width: 118px;
                text-align: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center; }
              #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail .upgrade-price-sm,
              #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail .upgrade-price-sm {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                text-align: center;
                font-size: 0.7em; } }
          #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail:nth-child(even),
          #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail:nth-child(even) {
            border: none;
            background-color: #efefef; }
          #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-detail-extra,
          #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-detail-extra {
            padding: 0px 10px;
            font-size: 0.8em;
            min-height: auto; }
          #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-description,
          #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-description {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
          #check_in_form #check_in .check-in-body .check-in-left-column .booking-details .detail-card .upgrade-request-button-holder,
          #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .detail-card .upgrade-request-button-holder {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            text-align: right;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: flex-end;
            border: 1px solid right;
            padding: 10px; }
      @media only screen and (min-width: 768px) {
        #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .upgrades-thank-you-message {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          overflow: hidden; }
        #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column #upgrade_request_button {
          z-index: 99; } }
      #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .upgrades-thank-you-message p,
      #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .upgrades-thank-you-message h1,
      #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .upgrades-thank-you-message h2,
      #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .upgrades-thank-you-message li {
        font-family: 'Montserrat', sans-serif;
        text-align: center; }
      #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .upgrades-thank-you-message h1.page-title {
        color: #2a3f54;
        font-size: 21px;
        margin: 24px 0;
        padding: 0; }
      #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .upgrades-thank-you-message p.introduction {
        color: #333;
        font-size: 16px;
        margin: 0 auto 20px auto;
        width: 90%;
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0; }
      #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .upgrades-thank-you-message .branding {
        text-align: center; }
      #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .upgrades-thank-you-message .branding img {
        display: block;
        margin: 20px auto;
        max-width: 250px; }
      #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .upgrades-thank-you-message ul.agent-details {
        list-style: none;
        margin: 20px 0;
        padding: 0; }
      #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .upgrades-thank-you-message ul.agent-details li {
        font-size: 16px; }
      #check_in_form #check_in .check-in-body .check-in-left-column .upgrades-left-column .change-upgrades-button-holder {
        padding: 17px 0px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      #check_in_form #check_in .check-in-body .check-in-right-column {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: 0 15px; }
        #check_in_form #check_in .check-in-body .check-in-right-column .payment-details {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin: 0px;
          padding: 23px; }
          @media (min-width: 1366px) {
            #check_in_form #check_in .check-in-body .check-in-right-column .payment-details {
              display: none; } }
          #check_in_form #check_in .check-in-body .check-in-right-column .payment-details .payment-heading {
            font-size: 1.3em;
            color: #2a3f54; }
          #check_in_form #check_in .check-in-body .check-in-right-column .payment-details .payment-details-bond {
            font-size: 1.1em;
            font-weight: 500;
            padding: 0px; }
        #check_in_form #check_in .check-in-body .check-in-right-column .check-in-upgrade-box {
          display: none; }
          @media (min-width: 769px) {
            #check_in_form #check_in .check-in-body .check-in-right-column .check-in-upgrade-box {
              padding: 20px;
              padding-top: 15px;
              padding-bottom: 15px;
              width: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              background-color: #efefef; }
              #check_in_form #check_in .check-in-body .check-in-right-column .check-in-upgrade-box .upgrade-btn {
                -webkit-box-flex: 0;
                    -ms-flex: 0;
                        flex: 0;
                color: white;
                font-size: 1.2em;
                text-align: center;
                background-color: #2a3f54;
                -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
                        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
                border-radius: 5px;
                cursor: pointer;
                white-space: nowrap;
                padding: 10px;
                padding-left: 17px;
                padding-right: 17px; } }
    @media (min-width: 769px) and (max-width: 768px) {
      #check_in_form #check_in .check-in-body .check-in-right-column .check-in-upgrade-box .upgrade-btn {
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; } }
          @media (min-width: 769px) {
              #check_in_form #check_in .check-in-body .check-in-right-column .check-in-upgrade-box .upgrade-txt {
                display: none; } }
    @media (min-width: 769px) and (min-width: 769px) {
      #check_in_form #check_in .check-in-body .check-in-right-column .check-in-upgrade-box .upgrade-txt {
        font-weight: bold;
        padding: 5px;
        padding-left: 10px;
        display: block; } }

  #check_in_form .check-in-footer {
    position: fixed;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    text-align: right; }
    @media (min-width: 768px) {
      #check_in_form .check-in-footer {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        width: 100%;
        bottom: 0;
        right: 0;
        position: fixed; } }
    #check_in_form .check-in-footer .btn {
      font-size: 1.2rem; }
      #check_in_form .check-in-footer .btn.next-button {
        padding: 10px 25px;
        border-radius: 0;
        border-top-left-radius: 20px; }
      #check_in_form .check-in-footer .btn.continue-checkin {
        padding: 10px 25px;
        border-radius: 0;
        border-top-left-radius: 20px; }
    #check_in_form .check-in-footer .previous-btn.cancel-button {
      border-radius: 0 !important;
      border-top-right-radius: 20px; }
    #check_in_form .check-in-footer .previous-btn.previous-button {
      border-radius: 0 !important;
      border-top-right-radius: 20px; }
    #check_in_form .check-in-footer img {
      width: 100%;
      max-width: 200px;
      height: auto;
      -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
              box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      border-radius: 5px; }
  #check_in_form label {
    cursor: pointer; }
  #check_in_form .review-and-submit-box {
    padding: 20px 10px; }
    @media (min-width: 769px) {
      #check_in_form .review-and-submit-box {
        width: 576px;
        display: inline-block; } }
  #check_in_form .agree-checkbox-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*
    .code-of-conduct
    {
    	display: flex;
    	flex-direction:row;
    	justify-content:space-between;
    	align-items:center;
    	padding: 5px 15px;
    	text-align: left;
    	width: 100%;
    	
    	@media(min-width:1025px) {
    		//width:33%;
    		//text-align:right;
    	}
    	
    	.fa-file-pdf {
    		color:#999;
    	}
    }
    */ }
    #check_in_form .agree-checkbox-holder .terms-checkbox,
    #check_in_form .agree-checkbox-holder .code-of-conduct {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 14px;
      padding: 0 15px;
      text-align: left;
      width: 100%; }
      @media only screen and (min-width: 576px) {
        #check_in_form .agree-checkbox-holder .terms-checkbox,
        #check_in_form .agree-checkbox-holder .code-of-conduct {
          font-size: 14px; } }
      #check_in_form .agree-checkbox-holder .terms-checkbox .question,
      #check_in_form .agree-checkbox-holder .code-of-conduct .question {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 0 5px 0 0; }
      #check_in_form .agree-checkbox-holder .terms-checkbox .answer,
      #check_in_form .agree-checkbox-holder .code-of-conduct .answer {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        max-width: 50px; }
  #check_in_form .pdf-holder {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 0.9em;
    padding: 0px 20px; }
    #check_in_form .pdf-holder .fa-file-pdf {
      color: #999; }
  #check_in_form .question-answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 5px;
    background-color: white;
    color: #333; }
    #check_in_form .question-answer label {
      width: 80%; }
    #check_in_form .question-answer .answers {
      width: 20%; }
      #check_in_form .question-answer .answers .answer {
        display: inline-block; }
  #check_in_form .covid-terms-button {
    display: block;
    cursor: pointer; }
  #check_in_form .covid_terms_back {
    display: block;
    cursor: pointer; }
  #check_in_form .question-answer .question {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 10px; }
  #check_in_form .question-answer .answer {
    white-space: nowrap;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px; }
  #check_in_form .covid-declaration-questions {
    padding: 10px; }
    @media (max-width: 768px) {
      #check_in_form .covid-declaration-questions {
        height: 78vh;
        position: relative;
        overflow-y: auto; } }
    @media (min-width: 769px) {
      #check_in_form .covid-declaration-questions {
        overflow-y: auto;
        height: 55vh; } }
    @media (min-width: 1366px) {
      #check_in_form .covid-declaration-questions {
        overflow-y: auto;
        height: 431px; } }
    #check_in_form .covid-declaration-questions .question-answer:nth-child(odd) {
      background-color: #efefef;
      padding: 5px; }
    #check_in_form .covid-declaration-questions .question-answer {
      margin-top: 0px; }
    #check_in_form .covid-declaration-questions .question-answer:nth-child(even) {
      background-color: #fafafa;
      padding: 5px; }
    #check_in_form .covid-declaration-questions .question-answer .question {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-left: 10px;
      padding-right: 10px; }
    #check_in_form .covid-declaration-questions .question-answer .answer {
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0;
      white-space: nowrap;
      text-align: right;
      padding-left: 10px;
      padding-right: 10px; }
  #check_in_form .small-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    padding: 8px;
    padding-top: 20px;
    margin: 0px;
    margin-bottom: 0px;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(51, 122, 183, 0.8)), to(rgba(0, 0, 0, 0.7)));
    background-image: linear-gradient(to top right, rgba(51, 122, 183, 0.8), rgba(0, 0, 0, 0.7));
    color: white;
    backdrop: blur; }
  #check_in_form .small-message a, #check_in_form .small-message a:hover {
    color: white !important;
    background-color: #337ab7 !important;
    margin: 5px;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }
  #check_in_form .signature-box {
    padding: 10px;
    padding-top: 0px;
    margin: 5px;
    height: 165px; }
  #check_in_form .signature-box-white {
    background-color: white;
    color: black; }
  #check_in_form .terms-box, #check_in_form .id-upload-box, #check_in_form .id-selections {
    padding: 10px;
    padding-top: 0px;
    margin: 5px;
    background-color: white;
    color: #333; }
  #check_in_form .terms-box-white {
    margin: 15px 0 0 0;
    padding: 0px; }
  #check_in_form .terms-and-conditions {
    max-height: 30vh;
    border: 1px inset silver;
    background-color: white;
    color: black;
    overflow-y: auto;
    padding: 14px;
    padding-top: 5px;
    font-size: 0.9rem; }
    @media (min-width: 512px) and (max-width: 768px) {
      #check_in_form .terms-and-conditions {
        max-height: 53vh; } }
    @media (min-width: 769px) {
      #check_in_form .terms-and-conditions {
        max-height: 162px; } }
    #check_in_form .terms-and-conditions h1, #check_in_form .terms-and-conditions h2 {
      font-size: 1.2rem; }
    #check_in_form .terms-and-conditions ul, #check_in_form .terms-and-conditions ol {
      margin: 0 0 0 15px; }
  #check_in_form .image-preview {
    position: relative;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    background-color: white;
    margin: 5px auto;
    height: 37vh;
    width: 90%; }
    @media (min-width: 769px) {
      #check_in_form .image-preview {
        width: 70%;
        height: 210px;
        overflow: hidden;
        min-width: 322px; } }
  #check_in_form .image-preview-drop-zone {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    font-size: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    color: black; }
  #check_in_form .licence-front {
    display: block;
    background: url(../images/licence.jpg) no-repeat center center;
    background-size: contain;
    margin: 20px;
    opacity: 0.3; }
  #check_in_form .licence-back {
    display: block;
    background: url(../images/licence_back.jpg) no-repeat center center;
    background-size: contain;
    opacity: 0.3; }
  #check_in_form .passport {
    display: block;
    background: url(../images/passport.jpg) no-repeat center center;
    background-size: contain;
    opacity: 0.3; }
  #check_in_form .drop-box-holder {
    padding-bottom: 9px;
    text-align: center; }
    #check_in_form .drop-box-holder p {
      font-size: 14px;
      text-align: center;
      padding: 15px 0 0 0; }
  #check_in_form .inputFile {
    background: #ffffcc;
    cursor: pointer;
    height: 100%;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 3; }
  #check_in_form .id-selections {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 10px;
    margin: auto;
    margin-bottom: 0px; }
    @media (min-width: 1366px) {
      #check_in_form .id-selections {
        width: 375px; } }
    #check_in_form .id-selections span {
      font-weight: bold; }
  #check_in_form .license-number-holder,
  #check_in_form .passport-number-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: rows;
            flex-direction: rows;
    width: 100%;
    max-width: 350px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #check_in_form .license-number-holder label,
    #check_in_form .passport-number-holder label {
      padding: 0px;
      margin: 0px; }
  #check_in_form .id-upload-box {
    max-width: 600px;
    margin: auto; }
  #check_in_form #license_holder,
  #check_in_form #passport_holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0px;
    margin-bottom: 0px; }
    #check_in_form #license_holder span, #check_in_form #license_holder label,
    #check_in_form #passport_holder span,
    #check_in_form #passport_holder label {
      font-weight: bold; }
  #check_in_form h4 {
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    padding: 10px;
    margin: 5px;
    border-radius: 5px; }
  #check_in_form .instruction {
    display: block;
    font-weight: bold; }
  #check_in_form .lic-front label,
  #check_in_form .lic-back label {
    font-weight: bold;
    text-align: center;
    width: 80%; }
  #check_in_form #agree_to_terms_and_signature,
  #check_in_form #covid_declaration,
  #check_in_form #bond_authorisation,
  #check_in_form #review_and_submit {
    height: 100%; }
    @media (max-width: 768px) {
      #check_in_form #agree_to_terms_and_signature,
      #check_in_form #covid_declaration,
      #check_in_form #bond_authorisation,
      #check_in_form #review_and_submit {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.6);
        color: white;
        z-index: 99999999;
        height: 100vh; }
        #check_in_form #agree_to_terms_and_signature.active,
        #check_in_form #covid_declaration.active,
        #check_in_form #bond_authorisation.active,
        #check_in_form #review_and_submit.active {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          top: 0;
          left: 0;
          z-index: 99999999; } }
    @media (min-width: 769px) {
      #check_in_form #agree_to_terms_and_signature,
      #check_in_form #covid_declaration,
      #check_in_form #bond_authorisation,
      #check_in_form #review_and_submit {
        position: relative; } }
  #check_in_form #id_uploaded {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    height: 100%; }
    @media (max-width: 768px) {
      #check_in_form #id_uploaded {
        width: 100vw;
        height: 100vh;
        /* padding: 22px 15px 22px 15px; */
        /* align-items: center; */
        background-color: rgba(0, 0, 0, 0.6);
        color: white;
        z-index: 99999999;
        height: 100%;
        top: 0; }
        #check_in_form #id_uploaded.active {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          top: 0;
          left: 0;
          z-index: 99999999; } }
    @media (min-width: 769px) {
      #check_in_form #id_uploaded {
        position: relative; } }
    @media (min-width: 769px) and (max-width: 1024px) {
      #check_in_form #id_uploaded {
        margin: 0 15px 0 0; } }
  #check_in_form #covid_terms .step-container {
    width: 100%; }
    #check_in_form #covid_terms .step-container .terms-box {
      padding: 10px; }
      @media (max-width: 768px) {
        #check_in_form #covid_terms .step-container .terms-box {
          height: 60vh;
          position: relative;
          overflow-y: scroll; } }
      @media (min-width: 769px) {
        #check_in_form #covid_terms .step-container .terms-box {
          overflow-y: scroll;
          height: 45vh; } }
      @media (min-width: 1366px) {
        #check_in_form #covid_terms .step-container .terms-box {
          overflow-y: scroll;
          height: 413px; } }
  #check_in_form #agree_to_terms_and_signature::-webkit-scrollbar,
  #check_in_form #covid_declaration::-webkit-scrollbar,
  #check_in_form #id_uploaded::-webkit-scrollbar,
  #check_in_form #bond_authorisation::-webkit-scrollbar,
  #check_in_form #review_and_submit::-webkit-scrollbar,
  #check_in_form #payments::-webkit-scrollbar {
    width: 20px; }
  #check_in_form #agree_to_terms_and_signature::-webkit-scrollbar-track,
  #check_in_form #covid_declaration::-webkit-scrollbar-track,
  #check_in_form #id_uploaded::-webkit-scrollbar-track,
  #check_in_form #bond_authorisation::-webkit-scrollbar-track,
  #check_in_form #review_and_submit::-webkit-scrollbar-track,
  #check_in_form #payments::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.01);
    border-radius: 10px; }
  #check_in_form #agree_to_terms_and_signature::-webkit-scrollbar-thumb,
  #check_in_form #covid_declaration::-webkit-scrollbar-thumb,
  #check_in_form #id_uploaded::-webkit-scrollbar-thumb,
  #check_in_form #bond_authorisation::-webkit-scrollbar-thumb,
  #check_in_form #review_and_submit::-webkit-scrollbar-thumb,
  #check_in_form #payments::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.01); }
  #check_in_form #payments {
    scrollbar-color: #6969dd #e0e0e0;
    scrollbar-width: thin;
    --scrollbar-color-thumb: #e0e0e0;
    --scrollbar-color-track: #6969dd;
    --scrollbar-width: thin;
    --scrollbar-width-legacy: 0.5rem; }
  #check_in_form #bond_authorisation .step-container,
  #check_in_form #security_deposit_authorisation .step-container,
  #check_in_form #payments .step-container {
    width: 100%; }
    @media (min-width: 769px) {
      #check_in_form #bond_authorisation .step-container,
      #check_in_form #security_deposit_authorisation .step-container,
      #check_in_form #payments .step-container {
        overflow: hidden; } }
  #check_in_form #bond_authorisation label,
  #check_in_form #security_deposit_authorisation label,
  #check_in_form #payments label {
    margin: 0px; }
    #check_in_form #bond_authorisation label button,
    #check_in_form #security_deposit_authorisation label button,
    #check_in_form #payments label button {
      padding: 0px; }
  #check_in_form #bond_authorisation select, #check_in_form #bond_authorisation input,
  #check_in_form #security_deposit_authorisation select,
  #check_in_form #security_deposit_authorisation input,
  #check_in_form #payments select,
  #check_in_form #payments input {
    font-size: 0.7rem; }
  #check_in_form #bond_authorisation button, #check_in_form #bond_authorisation .balance-button,
  #check_in_form #security_deposit_authorisation button,
  #check_in_form #security_deposit_authorisation .balance-button,
  #check_in_form #payments button,
  #check_in_form #payments .balance-button {
    padding: 5px 10px 5px 10px; }
  #check_in_form #bond_authorisation .bond-box,
  #check_in_form #security_deposit_authorisation .bond-box,
  #check_in_form #payments .bond-box {
    margin-left: auto;
    margin-right: auto;
    max-width: 540px; }
  #check_in_form #bond_authorisation .payment-box, #check_in_form #bond_authorisation .bond-box,
  #check_in_form #security_deposit_authorisation .payment-box,
  #check_in_form #security_deposit_authorisation .bond-box,
  #check_in_form #payments .payment-box,
  #check_in_form #payments .bond-box {
    padding: 0px; }
    #check_in_form #bond_authorisation .payment-box .extra-payments-iframe, #check_in_form #bond_authorisation .bond-box .extra-payments-iframe,
    #check_in_form #security_deposit_authorisation .payment-box .extra-payments-iframe,
    #check_in_form #security_deposit_authorisation .bond-box .extra-payments-iframe,
    #check_in_form #payments .payment-box .extra-payments-iframe,
    #check_in_form #payments .bond-box .extra-payments-iframe {
      min-height: 500px;
      overflow: hidden; }
    @media (max-width: 768px) {
      #check_in_form #bond_authorisation .payment-box .extra-payments-iframe, #check_in_form #bond_authorisation .bond-box .extra-payments-iframe,
      #check_in_form #security_deposit_authorisation .payment-box .extra-payments-iframe,
      #check_in_form #security_deposit_authorisation .bond-box .extra-payments-iframe,
      #check_in_form #payments .payment-box .extra-payments-iframe,
      #check_in_form #payments .bond-box .extra-payments-iframe {
        min-height: 830px; } }
    #check_in_form #bond_authorisation .payment-box .card-type, #check_in_form #bond_authorisation .bond-box .card-type,
    #check_in_form #security_deposit_authorisation .payment-box .card-type,
    #check_in_form #security_deposit_authorisation .bond-box .card-type,
    #check_in_form #payments .payment-box .card-type,
    #check_in_form #payments .bond-box .card-type {
      margin: 0 0 5px 0;
      font-size: 0.9em; }
    #check_in_form #bond_authorisation .payment-box .bond-box, #check_in_form #bond_authorisation .bond-box .bond-box,
    #check_in_form #security_deposit_authorisation .payment-box .bond-box,
    #check_in_form #security_deposit_authorisation .bond-box .bond-box,
    #check_in_form #payments .payment-box .bond-box,
    #check_in_form #payments .bond-box .bond-box {
      color: black;
      padding: 0px;
      /*0 0 10px 0;*/
      font-size: 0.9em;
      /*
      display:flex;
      flex-direction:row;
      justify-content:space-evenly;
      align-items:center;
      background-color:#efefef;
      padding:5px;
      margin: 0px 0px 10px 0px;
      @media(min-width:769px)
      {
      	margin: 0px 0px 10px 0px;
      }
      */ }
      #check_in_form #bond_authorisation .payment-box .bond-box .bond-box-heading, #check_in_form #bond_authorisation .bond-box .bond-box .bond-box-heading,
      #check_in_form #security_deposit_authorisation .payment-box .bond-box .bond-box-heading,
      #check_in_form #security_deposit_authorisation .bond-box .bond-box .bond-box-heading,
      #check_in_form #payments .payment-box .bond-box .bond-box-heading,
      #check_in_form #payments .bond-box .bond-box .bond-box-heading {
        padding: 5px; }
      #check_in_form #bond_authorisation .payment-box .bond-box .bond-note, #check_in_form #bond_authorisation .bond-box .bond-box .bond-note,
      #check_in_form #security_deposit_authorisation .payment-box .bond-box .bond-note,
      #check_in_form #security_deposit_authorisation .bond-box .bond-box .bond-note,
      #check_in_form #payments .payment-box .bond-box .bond-note,
      #check_in_form #payments .bond-box .bond-box .bond-note {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: #337ab7;
        margin: 5px 0 0 0;
        padding: 10px;
        color: #fff; }
        #check_in_form #bond_authorisation .payment-box .bond-box .bond-note .bond-box-heading .ge-note, #check_in_form #bond_authorisation .bond-box .bond-box .bond-note .bond-box-heading .ge-note,
        #check_in_form #security_deposit_authorisation .payment-box .bond-box .bond-note .bond-box-heading .ge-note,
        #check_in_form #security_deposit_authorisation .bond-box .bond-box .bond-note .bond-box-heading .ge-note,
        #check_in_form #payments .payment-box .bond-box .bond-note .bond-box-heading .ge-note,
        #check_in_form #payments .bond-box .bond-box .bond-note .bond-box-heading .ge-note {
          display: block;
          font-size: 0.85em;
          margin: 0; }
          @media only screen and (min-width: 1024px) {
            #check_in_form #bond_authorisation .payment-box .bond-box .bond-note .bond-box-heading .ge-note, #check_in_form #bond_authorisation .bond-box .bond-box .bond-note .bond-box-heading .ge-note,
            #check_in_form #security_deposit_authorisation .payment-box .bond-box .bond-note .bond-box-heading .ge-note,
            #check_in_form #security_deposit_authorisation .bond-box .bond-box .bond-note .bond-box-heading .ge-note,
            #check_in_form #payments .payment-box .bond-box .bond-note .bond-box-heading .ge-note,
            #check_in_form #payments .bond-box .bond-box .bond-note .bond-box-heading .ge-note {
              display: inline-block;
              margin-left: 0.5em; } }
        #check_in_form #bond_authorisation .payment-box .bond-box .bond-note .bond-note-text, #check_in_form #bond_authorisation .bond-box .bond-box .bond-note .bond-note-text,
        #check_in_form #security_deposit_authorisation .payment-box .bond-box .bond-note .bond-note-text,
        #check_in_form #security_deposit_authorisation .bond-box .bond-box .bond-note .bond-note-text,
        #check_in_form #payments .payment-box .bond-box .bond-note .bond-note-text,
        #check_in_form #payments .bond-box .bond-box .bond-note .bond-note-text {
          font-weight: normal;
          padding: 5px; }
          #check_in_form #bond_authorisation .payment-box .bond-box .bond-note .bond-note-text *, #check_in_form #bond_authorisation .bond-box .bond-box .bond-note .bond-note-text *,
          #check_in_form #security_deposit_authorisation .payment-box .bond-box .bond-note .bond-note-text *,
          #check_in_form #security_deposit_authorisation .bond-box .bond-box .bond-note .bond-note-text *,
          #check_in_form #payments .payment-box .bond-box .bond-note .bond-note-text *,
          #check_in_form #payments .bond-box .bond-box .bond-note .bond-note-text * {
            padding: 0px;
            margin: 0px; }
        #check_in_form #bond_authorisation .payment-box .bond-box .bond-note .bond-note-amount, #check_in_form #bond_authorisation .bond-box .bond-box .bond-note .bond-note-amount,
        #check_in_form #security_deposit_authorisation .payment-box .bond-box .bond-note .bond-note-amount,
        #check_in_form #security_deposit_authorisation .bond-box .bond-box .bond-note .bond-note-amount,
        #check_in_form #payments .payment-box .bond-box .bond-note .bond-note-amount,
        #check_in_form #payments .bond-box .bond-box .bond-note .bond-note-amount {
          font-weight: bold;
          padding: 5px; }
    #check_in_form #bond_authorisation .payment-box .bond-note-extra, #check_in_form #bond_authorisation .bond-box .bond-note-extra,
    #check_in_form #security_deposit_authorisation .payment-box .bond-note-extra,
    #check_in_form #security_deposit_authorisation .bond-box .bond-note-extra,
    #check_in_form #payments .payment-box .bond-note-extra,
    #check_in_form #payments .bond-box .bond-note-extra {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      #check_in_form #bond_authorisation .payment-box .bond-note-extra .bond-note-text, #check_in_form #bond_authorisation .bond-box .bond-note-extra .bond-note-text,
      #check_in_form #security_deposit_authorisation .payment-box .bond-note-extra .bond-note-text,
      #check_in_form #security_deposit_authorisation .bond-box .bond-note-extra .bond-note-text,
      #check_in_form #payments .payment-box .bond-note-extra .bond-note-text,
      #check_in_form #payments .bond-box .bond-note-extra .bond-note-text {
        font-weight: normal;
        padding: 10px;
        /*
        *{
        	padding:0px;
        	margin:0px;
        }
        */ }
      #check_in_form #bond_authorisation .payment-box .bond-note-extra .bond-note-amount, #check_in_form #bond_authorisation .bond-box .bond-note-extra .bond-note-amount,
      #check_in_form #security_deposit_authorisation .payment-box .bond-note-extra .bond-note-amount,
      #check_in_form #security_deposit_authorisation .bond-box .bond-note-extra .bond-note-amount,
      #check_in_form #payments .payment-box .bond-note-extra .bond-note-amount,
      #check_in_form #payments .bond-box .bond-note-extra .bond-note-amount {
        font-weight: bold;
        padding: 5px; }
    #check_in_form #bond_authorisation .payment-box fieldset, #check_in_form #bond_authorisation .bond-box fieldset,
    #check_in_form #security_deposit_authorisation .payment-box fieldset,
    #check_in_form #security_deposit_authorisation .bond-box fieldset,
    #check_in_form #payments .payment-box fieldset,
    #check_in_form #payments .bond-box fieldset {
      border: none;
      padding: 0px;
      /*
      .row div
      {
      	//padding-top:0px;
      	margin:0px;
      	
      }
      */ }
      #check_in_form #bond_authorisation .payment-box fieldset legend, #check_in_form #bond_authorisation .bond-box fieldset legend,
      #check_in_form #security_deposit_authorisation .payment-box fieldset legend,
      #check_in_form #security_deposit_authorisation .bond-box fieldset legend,
      #check_in_form #payments .payment-box fieldset legend,
      #check_in_form #payments .bond-box fieldset legend {
        font-weight: bold;
        font-size: 0.9em;
        padding: 0px; }
      #check_in_form #bond_authorisation .payment-box fieldset label, #check_in_form #bond_authorisation .bond-box fieldset label,
      #check_in_form #security_deposit_authorisation .payment-box fieldset label,
      #check_in_form #security_deposit_authorisation .bond-box fieldset label,
      #check_in_form #payments .payment-box fieldset label,
      #check_in_form #payments .bond-box fieldset label {
        font-size: 0.9em;
        font-weight: bold;
        cursor: default;
        /*margin: 9px 0 0 3px!important;
        &.no-margin {
        	margin:0!important;
        }*/ }
      #check_in_form #bond_authorisation .payment-box fieldset .payment-col, #check_in_form #bond_authorisation .bond-box fieldset .payment-col,
      #check_in_form #security_deposit_authorisation .payment-box fieldset .payment-col,
      #check_in_form #security_deposit_authorisation .bond-box fieldset .payment-col,
      #check_in_form #payments .payment-box fieldset .payment-col,
      #check_in_form #payments .bond-box fieldset .payment-col {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        margin-bottom: 5px; }
      #check_in_form #bond_authorisation .payment-box fieldset .card-type-holder, #check_in_form #bond_authorisation .bond-box fieldset .card-type-holder,
      #check_in_form #security_deposit_authorisation .payment-box fieldset .card-type-holder,
      #check_in_form #security_deposit_authorisation .bond-box fieldset .card-type-holder,
      #check_in_form #payments .payment-box fieldset .card-type-holder,
      #check_in_form #payments .bond-box fieldset .card-type-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        width: 100%; }
        #check_in_form #bond_authorisation .payment-box fieldset .card-type-holder .card-type-heading, #check_in_form #bond_authorisation .bond-box fieldset .card-type-holder .card-type-heading,
        #check_in_form #security_deposit_authorisation .payment-box fieldset .card-type-holder .card-type-heading,
        #check_in_form #security_deposit_authorisation .bond-box fieldset .card-type-holder .card-type-heading,
        #check_in_form #payments .payment-box fieldset .card-type-holder .card-type-heading,
        #check_in_form #payments .bond-box fieldset .card-type-holder .card-type-heading {
          font-weight: bold; }
      #check_in_form #bond_authorisation .payment-box fieldset .pay-bond-button-holder, #check_in_form #bond_authorisation .bond-box fieldset .pay-bond-button-holder,
      #check_in_form #security_deposit_authorisation .payment-box fieldset .pay-bond-button-holder,
      #check_in_form #security_deposit_authorisation .bond-box fieldset .pay-bond-button-holder,
      #check_in_form #payments .payment-box fieldset .pay-bond-button-holder,
      #check_in_form #payments .bond-box fieldset .pay-bond-button-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        padding: 10px; }
    #check_in_form #bond_authorisation .payment-box .cc-fee-text, #check_in_form #bond_authorisation .bond-box .cc-fee-text,
    #check_in_form #security_deposit_authorisation .payment-box .cc-fee-text,
    #check_in_form #security_deposit_authorisation .bond-box .cc-fee-text,
    #check_in_form #payments .payment-box .cc-fee-text,
    #check_in_form #payments .bond-box .cc-fee-text {
      padding: 0px; }
      #check_in_form #bond_authorisation .payment-box .cc-fee-text label, #check_in_form #bond_authorisation .bond-box .cc-fee-text label,
      #check_in_form #security_deposit_authorisation .payment-box .cc-fee-text label,
      #check_in_form #security_deposit_authorisation .bond-box .cc-fee-text label,
      #check_in_form #payments .payment-box .cc-fee-text label,
      #check_in_form #payments .bond-box .cc-fee-text label {
        font-size: 0.8rem;
        width: 100%;
        text-align: center; }
  #check_in_form #bond_authorisation .payment-box,
  #check_in_form #security_deposit_authorisation .payment-box,
  #check_in_form #payments .payment-box {
    padding: 20px 20px 0 20px; }
    @media only screen and (min-width: 768px) {
      #check_in_form #bond_authorisation .payment-box,
      #check_in_form #security_deposit_authorisation .payment-box,
      #check_in_form #payments .payment-box {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0; } }
  #check_in_form .form-group {
    margin: 0px; }
  #check_in_form #securepay-card-feedback {
    font-size: 0.8em;
    text-align: center;
    width: 100%;
    padding: 5px; }
  #check_in_form #prior_to_arrival h5 {
    font-size: 1rem;
    font-weight: bold;
    margin: 5px 0px 1px 0px; }
  #check_in_form #prior_to_arrival p {
    font-size: 0.9rem;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 0px 0px; }
  #check_in_form #review_and_submit .tick-holder {
    white-space: nowrap;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #check_in_form #review_and_submit .tick-holder .tick-text {
      width: 85%;
      font-weight: bold;
      margin: 0 0 15px 0; }
    #check_in_form #review_and_submit .tick-holder .tick {
      width: 10%;
      text-align: right; }
  #check_in_form .prior-container {
    padding: 20px 10px; }
    @media (min-width: 769px) {
      #check_in_form .prior-container {
        border: 1px solid #efefef;
        max-height: 455px;
        overflow-y: auto; } }
  #check_in_form .step-container {
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: white;
    color: #333;
    padding: 0px;
    /* margin-left: auto; */
    /* margin-right: auto; */ }
    @media (min-width: 769px) {
      #check_in_form .step-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background-color: white;
        color: #333;
        padding: 0px;
        border-radius: 5px;
        margin-left: auto;
        margin-right: auto;
        min-height: 65vh;
        overflow-y: auto; } }
    @media (min-width: 769px) and (max-width: 1024px) {
      #check_in_form .step-container {
        min-height: 65vh; } }
    #check_in_form .step-container .step-container-header {
      background-color: #efefef;
      color: #2a3f54;
      padding: 15px;
      border-radius: 5px 5px 0px 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    #check_in_form .step-container .step-container-footer {
      padding: 10px;
      text-align: center; }
      #check_in_form .step-container .step-container-footer a {
        margin: 5px; }
    #check_in_form .step-container .step-heading {
      font-weight: bold;
      padding: 15px;
      padding-bottom: 0px;
      padding-top: 5px; }
  #check_in_form #signature_holder_div {
    max-height: 100px;
    width: 100%; }
  #check_in_form .signature-buttons {
    width: 100%; }
  #check_in_form .grey-btn-right {
    float: right;
    padding: 10px 15px;
    background: #999;
    color: #fff;
    display: block;
    border-radius: 0;
    border-bottom-right-radius: 10px;
    margin: 0;
    border: none;
    width: 49%;
    font-size: 1.2em; }
  #check_in_form .grey-btn-left {
    float: left;
    padding: 10px 15px;
    background: #999;
    color: #fff;
    display: block;
    border-radius: 0;
    border-bottom-left-radius: 10px;
    margin: 0;
    border: none;
    width: 49%;
    font-size: 1.2em; }

.get-directions a {
  color: #fff; }

.step-container-footer {
  position: relative;
  bottom: 0;
  width: 100%; }
  .step-container-footer h2 {
    font-size: 1.6rem;
    padding: 15px; }
  @media (min-width: 769px) {
    .step-container-footer {
      position: relative;
      margin: 5px ​0 0 0;
      bottom: 0; } }
  @media (min-width: 1366px) {
    .step-container-footer {
      margin: 0;
      position: relative; } }
  .step-container-footer .cancel-button {
    font-size: 1.2rem; }
  .step-container-footer .process-button {
    font-size: 1.2rem; }
  .step-container-footer .next-button {
    margin: 0 1%;
    font-size: 1.2rem; }

@media (max-width: 768px) {
  .not-active {
    display: none; } }

.prior-container,
.terms-box {
  padding: 20px 10px; }

.booking-detail .fa-edit {
  float: right;
  color: #999; }
.booking-detail .fa-check {
  color: green; }

.email,
.mobile,
.rego {
  border: none;
  background: transparent; }
  .email:focus,
  .mobile:focus,
  .rego:focus {
    border: none;
    background: #fff; }

.email:focus,
.mobile:focus,
.rego:focus {
  background: #fff;
  outline: none; }

#myTabContent {
  position: relative;
  z-index: 0; }
  @media (min-width: 1024px) {
    #myTabContent {
      /* height: 85vh; */
      margin: 0; } }
  #myTabContent .tab-pane {
    position: relative; }
  #myTabContent .activities_large_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    #myTabContent .activities_large_view .activity_large_image {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      max-width: 55%; }
      #myTabContent .activities_large_view .activity_large_image img {
        width: 100%;
        height: auto; }
    #myTabContent .activities_large_view .activity_large_details {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      padding: 10px;
      max-width: 45%; }
      #myTabContent .activities_large_view .activity_large_details .activity-icons-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      #myTabContent .activities_large_view .activity_large_details .icons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 5px; }
      #myTabContent .activities_large_view .activity_large_details .icons span {
        padding: 0px 5px 0px 5px; }
      #myTabContent .activities_large_view .activity_large_details .activity_large_description {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        #myTabContent .activities_large_view .activity_large_details .activity_large_description .activity-long-description {
          padding: 5px;
          max-height: 330px;
          overflow-y: auto;
          border: 1px solid #efefef; }
          @media (max-width: 768px) {
            #myTabContent .activities_large_view .activity_large_details .activity_large_description .activity-long-description {
              max-height: none;
              overflow-y: none;
              border: none; } }
      #myTabContent .activities_large_view .activity_large_details .activity_large_event_date h4 {
        font-size: 1.2rem; }
      #myTabContent .activities_large_view .activity_large_details .activity_large_button_holder {
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0;
        text-align: right;
        padding: 5px 0px 0px 0px; }
        #myTabContent .activities_large_view .activity_large_details .activity_large_button_holder button {
          padding: 5px 10px 5px 10px; }
    @media (max-width: 1024px) {
      #myTabContent .activities_large_view .activity_large_image {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      #myTabContent .activities_large_view .activity_large_details {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }
    @media (max-width: 768px) {
      #myTabContent .activities_large_view {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-bottom: 70px;
        margin: 0px; }
        #myTabContent .activities_large_view .activity_large_image,
        #myTabContent .activities_large_view .activity_large_details {
          max-width: 100%; } }

.checked-in-container {
  width: 100%; }
  @media (max-width: 1366px) {
    .checked-in-container #content {
      height: 100vh;
      overflow-y: auto; } }
  @media (max-width: 1366px) {
    .checked-in-container #content #left_column_property {
      height: 100%; } }

@media (min-width: 1366px) {
  #left_column_activity {
    height: 620px;
    width: 100%;
    display: inline-block !important;
    vertical-align: top; } }

ul {
  padding: 0; }

#right_column_activity {
  display: none; }

.close-button {
  position: absolute;
  top: 7px;
  right: 15px;
  z-index: 9999999;
  padding: 3px;
  border-radius: 3px 5px;
  border: none;
  color: #999;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

span.cross {
  padding: 1px 6px;
  border-radius: 25px;
  border: 1px solid #999;
  margin: 0 5px 0 0; }

#smallMapHolder {
  position: absolute;
  width: 1366px;
  margin: 0 auto;
  top: 233px;
  height: 576px;
  z-index: 10;
  padding: 10px;
  background: #eee; }
  @media (max-width: 1366px) {
    #smallMapHolder {
      position: fixed;
      top: 96px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      z-index: 10;
      padding: 10px;
      background: #eee;
      height: 90vh;
      width: 100vw; }
      #smallMapHolder #map {
        border: none;
        position: absolute;
        inset: 62px 10px 20px;
        z-index: 9999;
        display: block;
        border-radius: 10px; } }

.socials {
  /*margin:0 auto;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .socials .socials-heading {
    display: block;
    margin: 15px 0; }
  .socials .icon #x-twitter, .socials .icon #x-twitter-svg-path {
    fill: #999 !important;
    /*#1e3050;*/ }
  .socials .icon #x-twitter:hover #x-twitter-svg-path {
    fill: #333 !important;
    /*#1e3050;*/ }
  .socials .icon a .svg-inline--fa {
    color: #999;
    font-size: 33px;
    display: block;
    margin: 0 5px; }
    .socials .icon a .svg-inline--fa:hover {
      color: #333; }

.socials-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px; }

.social {
  position: relative;
  width: 100px;
  height: 120px;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
  font-size: 2.6em;
  border: 5px solid white;
  border-bottom: 30px solid white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px; }

.facebook {
  background-color: #1877f2;
  color: white;
  z-index: 3; }

.x-twitter {
  background-color: black;
  color: white;
  z-index: 2; }

.instagram {
  background-color: #7232bd;
  color: white;
  z-index: 1; }

.pinterest {
  background-color: #e71b22;
  color: white;
  z-index: 0; }

.pin {
  position: absolute;
  top: -10px;
  left: 40%;
  width: 25px;
  height: 19px; }

.rotate-right {
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg); }

.rotate-left {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg); }

/* WP - Rewrite style for property-welcome-detail - 29th July 2024 */
.property-welcome-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 50px; }
  .property-welcome-detail .welcome-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .property-welcome-detail .welcome-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }
  .property-welcome-detail .welcome-detail {
    padding: 30px; }
    .property-welcome-detail .welcome-detail .welcome-header {
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0;
      padding: 0px 0px 20px 0px;
      font-size: 1.4rem; }
    .property-welcome-detail .welcome-detail .welcome-header:empty {
      padding: 10px 0px 0px 0px; }
    .property-welcome-detail .welcome-detail .welcome-description {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .property-welcome-detail .welcome-detail .property-pdf {
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0;
      padding: 5px 10px;
      text-align: right;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .property-welcome-detail .welcome-detail .property-pdf a {
        padding: 5px 15px;
        font-size: 0.7em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  @media (min-width: 1024px) {
    .property-welcome-detail {
      padding-top: 0px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
      .property-welcome-detail .welcome-image {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        width: 50%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      .property-welcome-detail .welcome-detail {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        width: 50%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: stretch;
            -ms-flex-pack: stretch;
                justify-content: stretch;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        padding: 0px; }
        .property-welcome-detail .welcome-detail .welcome-header {
          padding: 30px; }
        .property-welcome-detail .welcome-detail .welcome-description {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          overflow-y: auto;
          padding: 10px 30px; }
        .property-welcome-detail .welcome-detail .property-pdf {
          -webkit-box-flex: 0;
              -ms-flex: 0;
                  flex: 0;
          padding: 10px 30px;
          border-top: 1px solid #efefef;
          border-right: 1px solid #efefef; } }

/*
.property-welcome-detail {
	width:100%;
	@media(max-width:1365px) {
		height:100%;
		width:100%;
	}
	@media(min-width:1025px) {
		display: flex;
	}
	@media (min-width:1366px) {
		height:628px ​!important;
	}
	.welcome-image {
		width: 100vw;
		overflow: hidden;
		@media(max-width:1024px) {
		height: 50vh;
		}
		@media(min-width:1025px) and (max-width:1365px) {
			height: 100vh!important;
			margin: 0;
			width: 50%;
			order: 2;
		}
		@media(min-width:1366px) {
			height: 625px​!important;
			margin: 0;
			width: 50%;
			order: 2;
		}
		img {
			min-width: 100%;
			object-fit: cover;
			max-height: 100%;
			@media(min-width:1025px) {
				object-fit: cover;
				min-height:100%;
				max-height: 100%;
			}
		}
	}
	h1,h2,h3{
		font-size:1.4em;
	}
	.welcome-detail {
		
		@media(max-width:1024px) {
		margin:0;
		padding:15px 15px 90px 15px;
		height:100%;
		}
		@media(min-width:1025px) and (max-width:1365px) {
			height:100%;
			margin: 0px 15px 0 15px;
			padding: 0 15px 0 15px;
			width: 50%;
			overflow-y: auto;
		}
		@media(min-width:1366px){
			margin: 30px 15px;
			padding: 0 15px 0 15px;
			width: 50%;
			overflow-y: auto;
			height: 565px !important;
		}

	}

}
*/
/*
.ge-panel-list{
	//display: flex;
   //flex-direction: row;
    //flex-wrap: wrap;
    width: 100vw;
	text-align:center;
	@media(min-width:1366px) {
		width:100%;
	}
	.slick-prev:before, .slick-next:before {
		// color:#666!important;
		// font-size:48px!important;
		display:none;
	}
	.slick-next, .slick-prev {
		right:24px!important;
		z-index:10000!important;
		width:79px!important;
		height:100vh!important;
		top:43%;
		@media(min-width:1367px) {
			top:33%!important;
			height:598px!important;
		}
	}
	.slick-next {
		right:-14px!important;
		background: rgb(255,255,255)!important;
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)!important;
		.svg-inline--fa {
			color: #888;
			position: absolute;
			top: 50vh;
			z-index: 10000000000;
			right: 19px;
			font-size: 24px;
		}
	}
	.slick-prev {
		left:-14px!important;
		background: rgb(255,255,255)!important;
		background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)!important;
		.svg-inline--fa {
			color: #888;
			position: absolute;
			top: 50vh;
			z-index: 10000000000;
			left: 19px;
			font-size: 24px;
		}
	}
}
*/
.attraction-title {
  display: none; }
  @media (min-width: 1024px) {
    .attraction-title {
      width: 100%;
      max-width: 50%;
      text-align: left;
      display: block; } }

.tab-pane {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%; }

.ge-panel-list {
  position: relative;
  width: 100%;
  height: 100%;
  list-style-type: none;
  max-height: 600px;
  background-color: transparent; }
  .ge-panel-list .slick-prev:before, .ge-panel-list .slick-next:before {
    display: none; }
  .ge-panel-list .slick-next, .ge-panel-list .slick-prev {
    right: 24px !important;
    z-index: 10000 !important;
    width: 70px !important;
    height: 100vh !important;
    top: 43%;
    /*
    @media(min-width:1367px) {
    	top:33%!important;
    	height:598px!important;
    }
    */ }
    .ge-panel-list .slick-next .svg-inline--fa, .ge-panel-list .slick-prev .svg-inline--fa {
      width: 33px;
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #333;
      position: absolute;
      top: 53vh;
      z-index: 10000000000;
      font-size: 1em; }
  .ge-panel-list .slick-next {
    right: -14px !important;
    background: white !important;
    /*background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)!important;*/ }
    .ge-panel-list .slick-next .svg-inline--fa {
      right: 19px; }
  .ge-panel-list .slick-prev {
    left: -14px !important;
    background: white !important;
    /*background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)!important;*/ }
    .ge-panel-list .slick-prev .svg-inline--fa {
      left: 19px; }
  @media (max-width: 600px) {
    .ge-panel-list .slick-prev, .ge-panel-list .slick-next {
      display: none !important;
      width: 50px !important; } }

.ge-panel-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  max-width: 450px;
  min-height: 560px;
  position: relative; }

.ge-panel .ge-panel-transparent-box {
  position: absolute;
  top: 20px;
  left: 4px;
  right: 4px;
  bottom: 0px;
  border-radius: 20px 20px 0px 0px;
  background-color: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.ge-panel .ge-panel-image {
  position: absolute;
  top: 20px;
  right: 4px;
  left: 4px;
  bottom: 0px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px 20px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.ge-panel .ge-panel-image img {
  display: none; }

.ge-panel .ge-distance-box {
  position: absolute;
  top: 0px;
  left: 4px;
  width: 100px;
  height: 50px;
  border-radius: 50px 50px 50px 0px;
  background-color: #252525;
  color: white;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2em;
  cursor: pointer; }

.ge-panel .ge-title-box {
  position: absolute;
  top: 130px;
  left: 15px;
  right: 15px;
  height: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 1.4em;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer; }

.ge-panel .ge-actions-box {
  position: absolute;
  top: 230px;
  left: 10px;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .ge-panel .ge-actions-box .icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 50%;
    color: white;
    font-size: 1.6em; }
    .ge-panel .ge-actions-box .icons .icon-marker-pin,
    .ge-panel .ge-actions-box .icons .icon-website,
    .ge-panel .ge-actions-box .icons .icon-email,
    .ge-panel .ge-actions-box .icons .icon-phone {
      color: white; }
      .ge-panel .ge-actions-box .icons .icon-marker-pin a,
      .ge-panel .ge-actions-box .icons .icon-website a,
      .ge-panel .ge-actions-box .icons .icon-email a,
      .ge-panel .ge-actions-box .icons .icon-phone a {
        color: white !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0px 5px;
        width: 35px;
        height: 35px; }
  .ge-panel .ge-actions-box .book-online-button {
    background-color: white !important;
    border-color: white !important;
    color: #252525;
    padding: 5px;
    font-size: 0.8em;
    margin: 0px 10px; }

.ge-panel .ge-text-box {
  position: absolute;
  top: 270px;
  left: 15px;
  right: 15px;
  height: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 500; }

.ge-panel .ge-address-box {
  position: absolute;
  bottom: 65px;
  left: 0px;
  right: 30px;
  height: 50px;
  border-radius: 0px 50px 50px 0px;
  background-color: white;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1em;
  font-weight: 500;
  padding-left: 10px;
  cursor: pointer; }
  .ge-panel .ge-address-box span {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .ge-panel .ge-address-box .ge-panel-map-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    min-width: 45px; }
  .ge-panel .ge-address-box .ge-panel-address {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    max-width: 270px; }
    @media (max-width: 600px) {
      .ge-panel .ge-address-box .ge-panel-address {
        max-width: 210px; } }
  .ge-panel .ge-address-box .ge-panel-right-arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    min-width: 40px;
    font-size: 1.3em;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px 10px 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.ge-panel .ge-category-and-town {
  position: absolute;
  bottom: 20px;
  left: 15px;
  right: 15px;
  text-transform: capitalize;
  font-size: 1em;
  color: white;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }

.ge-panel .ge-address-box .fa-map-marker-alt {
  font-size: 2em; }

.ge-panel .ge-favourite-button {
  position: absolute;
  top: 30px;
  right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: white;
  border-color: #cccccc;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2em;
  cursor: pointer; }

.ge-panel .ge-favourite {
  background-color: #f07f7f;
  color: white; }

.ge-thumb {
  margin: 5px;
  min-width: 220px;
  min-height: 220px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 4px solid white;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  border-radius: 4px; }

/*
.ge-panel-list{
	li {
		//flex: 1 0 21%;
		width:98%;
		min-height:600px;
		@media(max-width:735px){
			overflow-y:auto;
		}

		@media(min-width:769px) {
			height:89vh;
			width:28%;
		}

		.ge-heading {
			//padding:10px;
			min-height: 30px;
			h3 {
				font-size:16px;
				font-weight:bold;
				text-align:center;
				//text-align:center;
			}
			p {
				margin:0;
			}
		}
		h4 {
			font-size:16px;
		}
		.activity-icon-bar {
			padding:0 0 10px 0;
					.icons {
						text-align:center;
						width:100%;
						display:inline-block;
						a {
							display:inline-block;
							padding:0 10px;
							font-size:18px;
						}
					}
		}
		.ge-panel {
			background: #fff;
			//border: 1px solid #e0e0e0;
			//border-radius: 5px;
			//box-shadow: 3px 3px 3px #e0e0e0;
			display: inline-block;
			vertical-align:top;
			width: 94.5%;
			margin: 9% 2%;
			.activity-icon-bar {
				padding:0 0 10px 0;
				text-align:left;
				.icons {
					text-align:center;
					width:100%;
					a {
						display:inline-block;
						padding:0 5px;
						font-size:18px;
						color:#999;
					}
				}

			}
			.detail-block {
				margin: -82px 10px 10px 10px;
				background: #fff;
				position: relative;
				z-index: 2;
				border: 1px solid #ccc;
				padding: 15px 15px 0 15px;
				//height: 40vh;
				height:329px;
				-webkit-border-top-left-radius: 10px;
				-webkit-border-top-right-radius: 10px;
				-moz-border-radius-topleft: 10px;
				-moz-border-radius-topright: 10px;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				text-align:center;
				p {
					text-align:center;
				}
			}
			.ge-thumb {
				width:100%;
				height:40vh;

				overflow:hidden;
						
				img
				{
					object-fit:cover;
					height:100%;
					width:100%;
				}
			}
		}

		.view-button {
			padding:5px;
			display:inline-block;
			border:1px solid #999;
			margin:15px 0;
			width:50%;
			text-align:center;

		}
		@media(min-width:736px) and (max-width:768px) {
			width: 50%;
			display:inline-block;
			vertical-align:top;
			overflow:hidden;
			.ge-panel {
				background: #fff;
				display: inline-block;
				vertical-align:top;
				width: 100%;
				margin: 2% 0;
				.detail-block {
					margin: -60px 10px 10px 10px;
					height: 57vh;
				}
				.ge-thumb {
					width:100%;
					height:47vh;
					overflow:hidden;
					img
					{
						object-fit:cover;
						height:100%;
					}
				}
				.ge-heading {
					//padding:10px;
				
					h3 {
						font-size:16px;
						font-weight:bold;
						text-align:center;
					}
					p {
						margin:0;
					}
				}
				h4 {
					padding:5px 10px 0 10px;
					font-size:16px;
					text-align:center;
				}
				.activity-icon-bar {
					padding:0 0 10px 0;
					text-align:left;
					.icons {
						text-align:center;
						width:100%;
						a {
							display:inline-block;
							padding:0 10px;
							font-size:18px;
							color:#999;
						}
					}

				}
				.ge-panel-description-row {
					padding:10px;
					text-align:left;
				}

			}
		}
		@media(min-width:769px) and (max-width:1366px) {
			display:inline-block;
			vertical-align:top;
			overflow:hidden;
			.ge-panel {
				background: #fff;
				display: inline-block;
				vertical-align:top;
				width: 100%;
				margin: 2% 0;
				.detail-block {
					margin: -60px 10px 10px 10px;
				}
				.ge-thumb {
					width:100%;
					height:54vh;
					overflow:hidden;
					img
					{
						object-fit:cover;
						height:100%;
					}
				}
				.ge-heading {
					padding:10px;
				
					h3 {
						font-size:16px;
						font-weight:bold;
					}
					p {
						margin:0;
					}
				}
				h4 {
					padding:5px 10px 0 10px;
					font-size:16px;
				}
				.activity-icon-bar {
					padding:0 0 10px 0;
					text-align:center;
					.icons {
						width:100%;
						display:inline-block;
						a {
							display:inline-block;
							padding:0 10px;
							font-size:18px;
							color:#999;
						}
					}

				}
				.ge-panel-description-row {
					padding:10px;
					text-align:left;
				}
				.detail-block {
					min-height: 40vh;
				}
			}
		}
		@media(min-width:1367px) {
			width: 22%;
			display:inline-block;
			vertical-align:top;
			overflow:hidden;
			.ge-panel {
				background: #fff;
				//border: 1px solid #e0e0e0;
				//border-radius: 5px;
				//box-shadow: 3px 3px 3px #e0e0e0;
				display: inline-block;
				vertical-align:top;
				width: 100%;
				margin: 2% 0;
				.detail-block {
					margin: -112px 10px 10px 10px;
    				height: 348px;
				}

				.ge-thumb {
					width:100%;
					height:34vh;
					overflow:hidden;
					img
					{
						object-fit:cover;
						height:100%;
					}
				}
				.ge-heading {
					padding:10px;
				
					h3 {
						font-size:16px;
						font-weight:bold;
					}
					p {
						margin:0;
					}
				}
				h4 {
					padding:5px 10px 0 10px;
					font-size:16px;
				}
				.activity-icon-bar {
					padding:0 0 10px 0;
					text-align:center;
					.icons {
						width:100%;
						display:inline-block;
						a {
							display:inline-block;
							padding:0 10px;
							font-size:18px;
							color:#999;
						}
					}

				}
				.ge-panel-description-row {
					padding:10px;
					text-align:left;
				}

			}
	}
	}
}
*/
#body-row-checked-in {
  	/*
  	min-height: 99vh;
      height: 100%;
  	*/ }
  @media (min-width: 769px) {
    #body-row-checked-in {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      overflow: hidden; } }
  #body-row-checked-in .content-activity,
  #body-row-checked-in .content-book-again,
  #body-row-checked-in .content-contact,
  #body-row-checked-in .content-features,
  #body-row-checked-in .content-repair,
  #body-row-checked-in .content-share {
    /*
    // @media(min-width:992px) {
    // 	display:inline-block;
    // 	width:1100px;
    // }
    padding:10px 0 0 0;
    @media(min-width:769px) {
    padding:0;
    overflow: hidden;
    //height: 620px;
    height:100vh;
    }
    @media(min-width:1367px) {
    	height:661px;
    }
    */ }
    #body-row-checked-in .content-activity .slide.video,
    #body-row-checked-in .content-book-again .slide.video,
    #body-row-checked-in .content-contact .slide.video,
    #body-row-checked-in .content-features .slide.video,
    #body-row-checked-in .content-repair .slide.video,
    #body-row-checked-in .content-share .slide.video {
      width: 100%;
      aspect-ratio: 16/9; }
    @media (min-width: 1024px) {
      #body-row-checked-in .content-activity,
      #body-row-checked-in .content-book-again,
      #body-row-checked-in .content-contact,
      #body-row-checked-in .content-features,
      #body-row-checked-in .content-repair,
      #body-row-checked-in .content-share {
        min-height: 683px;
        max-height: 683px; } }
  @media (min-width: 1367px) {
    #body-row-checked-in {
      margin-left: 0;
      margin-right: 0;
      padding: 0px;
      min-height: 99vh;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  #body-row-checked-in .checked-in-container {
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0);
    background-size: cover;
    background-repeat: no-repeat; }
    @media (min-width: 768px) and (max-width: 1366px) {
      #body-row-checked-in .checked-in-container {
        -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
                box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); } }
    @media (min-width: 1200px) {
      #body-row-checked-in .checked-in-container {
        width: 1366px;
        -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
                box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
        min-height: 670px;
        overflow: hidden; } }

.slick-track {
  background: transparent; }

.mobile-button {
  display: none; }
  @media (min-width: 769px) {
    .mobile-button {
      display: block; } }

.content-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: space-around;
      -ms-flex-align: space-around;
          align-items: space-around; }

/*
.content-repair{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	@media(min-width:768px){
		flex-direction:row;
		justify-content:space-evenly;
		align-items:stretch;
	}
}
*/
.content-property {
  background: #FFF;
  padding: 56px 0 200px 0; }
  @media (min-width: 769px) {
    .content-property {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 100vh;
      padding: 0; }
      .content-property .slick-dotted.slick-slider {
        margin-bottom: 0; } }
  @media (min-width: 1367px) {
    .content-property {
      display: inline-block;
      width: 1366px;
      height: 683px; } }
  .content-property .property-address {
    padding: 0;
    width: 100%;
    display: inline-block;
    margin: 15px 0 15px 0;
    vertical-align: bottom;
    padding: 0; }
    @media (min-width: 769px) {
      .content-property .property-address {
        display: none; } }
  .content-property .booking-details .property-icons {
    margin: 15px 0;
    display: block; }
    .content-property .booking-details .property-icons div {
      display: inline-block;
      vertical-align: bottom; }
      .content-property .booking-details .property-icons div img {
        display: inline-block;
        vertical-align: top;
        margin: 0 8px 0 0; }
      .content-property .booking-details .property-icons div span {
        display: inline-block;
        vertical-align: bottom;
        margin: 0 8px 0 0; }
        .content-property .booking-details .property-icons div span.label {
          display: none; }

.property-information-holder {
  width: 100vw; }
  @media (min-width: 769px) {
    .property-information-holder {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 992px) and (max-width: 1365px) {
    .property-information-holder {
      width: 100vw; } }
  @media (min-width: 1367px) {
    .property-information-holder {
      width: 100%;
      height: 625px; } }

#body-row-checked-in .data-container {
  position: relative;
  padding: 25px 0 0 0; }
  #body-row-checked-in .data-container .header-image {
    padding: 0; }
    #body-row-checked-in .data-container .header-image img {
      width: 100%; }
  #body-row-checked-in .data-container .maintenance-message-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 20px; }
    #body-row-checked-in .data-container .maintenance-message-holder .maintenance-message {
      max-width: 520px; }
  #body-row-checked-in .data-container .slick-dotted.slick-slider {
    margin-bottom: 0; }
  @media (min-width: 769px) and (max-width: 1366px) {
    #body-row-checked-in .data-container {
      width: 50vw;
      margin: 0;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      height: 100vh; }
      #body-row-checked-in .data-container .header-image {
        height: 100vh;
        padding: 0; }
        #body-row-checked-in .data-container .header-image .slick-list {
          height: 100vh; }
          #body-row-checked-in .data-container .header-image .slick-list .slick-track {
            height: 100vh; }
            #body-row-checked-in .data-container .header-image .slick-list .slick-track li {
              height: 100vh; }
              #body-row-checked-in .data-container .header-image .slick-list .slick-track li img {
                -o-object-fit: cover;
                   object-fit: cover;
                width: auto;
                -o-object-position: 0 0;
                   object-position: 0 0;
                height: 100vh; }
        #body-row-checked-in .data-container .header-image .slick-dots {
          bottom: 45px; }
          #body-row-checked-in .data-container .header-image .slick-dots li {
            margin: 0; }
            #body-row-checked-in .data-container .header-image .slick-dots li button {
              width: 18px;
              height: 18px;
              padding: 0; }
              #body-row-checked-in .data-container .header-image .slick-dots li button:before {
                color: #fff; } }
  @media (min-width: 1367px) {
    #body-row-checked-in .data-container {
      height: 683px !important;
      margin: 0;
      width: 50%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
      #body-row-checked-in .data-container .slick-list {
        height: 683px !important; }
        #body-row-checked-in .data-container .slick-list .slick-track {
          height: 683px !important; }
          #body-row-checked-in .data-container .slick-list .slick-track li {
            height: 683px !important; }
            #body-row-checked-in .data-container .slick-list .slick-track li img {
              -o-object-fit: cover;
                 object-fit: cover;
              width: auto;
              -o-object-position: 0 0;
                 object-position: 0 0;
              height: 683px !important; } }
  #body-row-checked-in .data-container img {
    width: 100%; }
  #body-row-checked-in .data-container.full-width {
    width: 100%;
    padding: 60px 0 0 0; }
  #body-row-checked-in .data-container.full-height {
    padding-top: 0; }

@media (min-width: 1367px) {
  .property-information-holder {
    width: 100%; } }

@media (max-width: 991px) {
  .navbar-expand-md .navbar-toggler {
    display: block; } }

#body-row-checked-in .property-detail {
  overflow-x: hidden;
  padding: 15px 30px 0px 30px; }
  @media (max-width: 767px) {
    #body-row-checked-in .property-detail {
      padding: 0 15px 90px 15px; } }
  @media (min-width: 769px) and (max-width: 991px) {
    #body-row-checked-in .property-detail {
      width: 50vw;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }
  @media (min-width: 992px) and (max-width: 1365px) {
    #body-row-checked-in .property-detail {
      width: 50vw; } }
  @media (min-width: 1366px) {
    #body-row-checked-in .property-detail {
      padding: 15px 30px 0px 30px;
      width: 50%; } }
  #body-row-checked-in .property-detail .property-description {
    padding: 0 0 60px 0; }
    @media (min-width: 1366px) {
      #body-row-checked-in .property-detail .property-description {
        overflow-y: auto;
        max-height: 750px;
        padding: 0; } }
    @media (min-width: 1367px) {
      #body-row-checked-in .property-detail .property-description {
        overflow-y: auto;
        max-height: 428px;
        padding: 0; } }
#body-row-checked-in .upgrades-holder {
  overflow-x: hidden;
  padding: 0px; }
#body-row-checked-in .slick-dots {
  bottom: 25px; }
  @media (min-width: 769px) {
    #body-row-checked-in .slick-dots {
      bottom: 45px; } }
  #body-row-checked-in .slick-dots li {
    margin: 0; }
    #body-row-checked-in .slick-dots li button {
      padding: 0;
      width: 18px;
      height: 18px; }
      #body-row-checked-in .slick-dots li button:before {
        color: #fff; }

.check-in-upgrade-box {
  padding: 15px;
  margin: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #efefef;
  width: 100%; }
  @media (min-width: 736px) and (max-width: 768px) {
    .check-in-upgrade-box {
      width: 49%;
      display: inline-block;
      vertical-align: top; } }
  .check-in-upgrade-box .upgrade-btn {
    color: white;
    font-size: 1.2em;
    text-align: center;
    background-color: #2a3f54;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
    padding: 10px;
    padding-left: 17px;
    padding-right: 17px;
    width: 100%;
    display: inline-block; }
    @media (min-width: 767px) {
      .check-in-upgrade-box .upgrade-btn {
        width: 46%;
        font-size: 16px; } }
    .check-in-upgrade-box .upgrade-btn span.mobile-text {
      display: none; }
      @media (max-width: 767px) {
        .check-in-upgrade-box .upgrade-btn span.mobile-text {
          display: inline-block;
          margin: 0 5px 0 0; } }
  .check-in-upgrade-box .upgrade-txt {
    display: none; }
    @media (min-width: 767px) {
      .check-in-upgrade-box .upgrade-txt {
        font-weight: bold;
        padding: 5px;
        padding-left: 10px;
        display: block;
        font-size: 16px;
        width: 51%;
        display: inline-block; } }

.checked-in .upgrades-left-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 25px;
  min-height: 510px; }
  .checked-in .upgrades-left-column .detail-card {
    background: #fafafa;
    border-radius: 5px;
    border: 1px solid #efefef;
    min-height: 510px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 0px;
    margin: 0px; }
    .checked-in .upgrades-left-column .detail-card .card-header {
      background: #efefef;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom: 0 !important;
      padding: 10px; }
      .checked-in .upgrades-left-column .detail-card .card-header h3 {
        margin: 0;
        font-size: 1.2rem;
        font-weight: bold;
        color: #2a3f54; }
    .checked-in .upgrades-left-column .detail-card .card-header-text {
      padding: 10px; }
    .checked-in .upgrades-left-column .detail-card .booking-detail {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      margin: auto;
      padding: 10px; }
      .checked-in .upgrades-left-column .detail-card .booking-detail:last-child {
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #efefef; }
      .checked-in .upgrades-left-column .detail-card .booking-detail .booking-label {
        text-align: left;
        width: 40%;
        font-size: 0.9rem;
        font-weight: bold;
        padding-left: 10px; }
      .checked-in .upgrades-left-column .detail-card .booking-detail .booking-value {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        font-size: 0.9rem;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding: 0;
        text-align: left;
        width: 60%; }
        .checked-in .upgrades-left-column .detail-card .booking-detail .booking-value .edit-icon {
          margin-left: auto; }
        .checked-in .upgrades-left-column .detail-card .booking-detail .booking-value input {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          margin: 0 10px 0 0;
          padding: 0; }
    .checked-in .upgrades-left-column .detail-card .booking-detail:nth-child(odd) {
      border: none;
      background-color: #efefef; }
    .checked-in .upgrades-left-column .detail-card .upgrade-detail {
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      margin: auto;
      padding: 5px 0px;
      min-height: 40px;
      font-size: 0.9em;
      gap: 0px; }
      .checked-in .upgrades-left-column .detail-card .upgrade-detail:last-child {
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #efefef; }
      .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-col {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
      .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-label {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-align: left;
        font-size: 0.9em;
        font-weight: bold;
        padding-left: 10px; }
      .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        font-size: 0.9em;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0px; }
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .edit-icon {
          margin-left: auto; }
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value input {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          margin: 0 10px 0 0;
          padding: 0;
          font-size: 0.9em; }
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value input[type="number"] {
          padding: 0px 3px;
          max-width: 50px;
          max-height: 38px;
          min-width: 50px; }
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value select,
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value #early_arrival_date,
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value #extend_your_stay_date,
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value #extend_your_stay {
          font-size: 0.9em;
          width: 100%; }
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .datepicker-holder {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          max-width: 100px; }
          .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .datepicker-holder .calendar {
            width: 100%; }
            .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .datepicker-holder .calendar .date {
              margin: 0px; }
      .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-price {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-align: center; }
      .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-price-sm {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-align: center;
        font-size: 0.7em; }
      .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-checked {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        max-width: 20px;
        text-align: center; }
      @media (min-width: 768px) {
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-col {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; }
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-label {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          text-align: left;
          font-size: 1em;
          font-weight: bold;
          font-size: 1em; }
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value {
          -webkit-box-flex: 0.8;
              -ms-flex: 0.8;
                  flex: 0.8;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 0;
          text-align: left; }
          .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .edit-icon {
            margin-left: auto; }
          .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value input {
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            margin: 0;
            padding: 0;
            font-size: 1em; }
          .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value select,
          .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value #early_arrival_date,
          .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value #extend_your_stay_date,
          .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value #extend_your_stay {
            font-size: 1em; }
          .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .datepicker-holder {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            padding: 0px; }
            .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .datepicker-holder .calendar {
              width: 100%;
              margin: 0px; }
              .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-value .datepicker-holder .calendar .date {
                margin: 0px;
                font-size: 0.9em;
                width: 100%;
                max-width: none; }
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-price {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          max-width: 118px;
          text-align: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
        .checked-in .upgrades-left-column .detail-card .upgrade-detail .upgrade-price-sm {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          text-align: center;
          font-size: 0.7em; } }
    .checked-in .upgrades-left-column .detail-card .upgrade-detail:nth-child(even) {
      border: none;
      background-color: #efefef; }
    .checked-in .upgrades-left-column .detail-card .upgrade-detail-extra {
      padding: 0px 10px;
      font-size: 0.8em;
      min-height: auto; }
    .checked-in .upgrades-left-column .detail-card .upgrade-description {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .checked-in .upgrades-left-column .detail-card .upgrade-request-button-holder {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: right;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      border: 1px solid right;
      padding: 10px; }
@media only screen and (min-width: 768px) {
  .checked-in .upgrades-left-column .upgrades-thank-you-message {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden; }
  .checked-in .upgrades-left-column #upgrade_request_button {
    z-index: 99; } }
.checked-in .upgrades-left-column .upgrades-thank-you-message p,
.checked-in .upgrades-left-column .upgrades-thank-you-message h1,
.checked-in .upgrades-left-column .upgrades-thank-you-message h2,
.checked-in .upgrades-left-column .upgrades-thank-you-message li {
  font-family: 'Montserrat', sans-serif;
  text-align: center; }
.checked-in .upgrades-left-column .upgrades-thank-you-message h1.page-title {
  color: #2a3f54;
  font-size: 21px;
  margin: 24px 0;
  padding: 0; }
.checked-in .upgrades-left-column .upgrades-thank-you-message p.introduction {
  color: #333;
  font-size: 16px;
  margin: 0 auto 20px auto;
  width: 90%;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0; }
.checked-in .upgrades-left-column .upgrades-thank-you-message .branding {
  text-align: center; }
.checked-in .upgrades-left-column .upgrades-thank-you-message .branding img {
  display: block;
  margin: 20px auto;
  max-width: 250px; }
.checked-in .upgrades-left-column .upgrades-thank-you-message ul.agent-details {
  list-style: none;
  margin: 20px 0;
  padding: 0; }
.checked-in .upgrades-left-column .upgrades-thank-you-message ul.agent-details li {
  font-size: 16px; }
.checked-in .upgrades-left-column .change-upgrades-button-holder {
  padding: 17px 0px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.property-buttons {
  text-align: right;
  width: 100%; }
  .property-buttons #live-chat {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: fixed;
    bottom: 70px;
    width: 200px;
    right: 0;
    border-radius: 0;
    border-top-left-radius: 10px; }
    @media (min-width: 769px) {
      .property-buttons #live-chat {
        bottom: 0px; } }

.close {
  color: white;
  opacity: 1; }

.ge-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 3px 0px 3px 0px; }
  .ge-form-group label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .ge-form-group .value {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .ge-form-group .value img {
      margin: 0; }

.maintenance-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .maintenance-details .maintenance-content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 20px 40px 20px 40px; }
    .maintenance-details .maintenance-content .drop-box-holder {
      padding-bottom: 10px;
      width: 100%; }
      .maintenance-details .maintenance-content .drop-box-holder .image-uploader {
        margin-top: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .maintenance-details .maintenance-content .drop-box-holder .image-uploader .file-field {
          height: 175px;
          width: 175px; }
      .maintenance-details .maintenance-content .drop-box-holder #fakeMaintenanceImageHolder {
        position: relative;
        background-color: white;
        border: 1px solid #ced4da;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 263px;
        height: 175px;
        overflow: hidden; }
      .maintenance-details .maintenance-content .drop-box-holder .slick-arrow, .maintenance-details .maintenance-content .drop-box-holder .slick-next {
        right: 5px !important; }
      .maintenance-details .maintenance-content .drop-box-holder .slick-prev {
        left: 5px !important;
        z-index: 1; }
  .maintenance-details .maintenance-hero {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    overflow: hidden;
    min-height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 45px; }
  @media (min-width: 760px) {
    .maintenance-details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
      .maintenance-details .maintenance-content {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        max-width: 50%;
        font-size: 0.8em; }
      .maintenance-details .maintenance-hero {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        max-width: 50%;
        min-height: none;
        margin-top: 0px; } }

/*
.ge-form-group-column{
	@media (max-width:1365px){
		display:flex;
		flex-direction:column;
		justify-content:space-evenly;
		align-items:center;
	}
	@media (min-width:1366px){
		width:65%;
		display:inline-block;
		vertical-align: top;
		textarea.form-control {
			height: 135px;
			margin: 8px 0 0 0;
		}
	}
	textarea{
		width:100%;
	}
	.maintenance-description-label{
		width:100%;
		display:flex;
		flex-direction:row;
		justify-content:space-evenly;
		align-items:center;
	}
	.value{
		width:100%;
	}
}

.maintenance-details
{
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0;//25px 15px 0 15px;
	width: 100%;

	.form-group
	{
		margin-bottom:0px;
		padding-bottom:0px;
		
		.form-control,
		textarea
		{
			border-radius:0px;
		}
	}
	
	@media(min-width: 768px)
	{
		//width: 70%;
		//margin: 0 auto;
	}
	
	@media(min-width: 1025px)
	{
		flex-direction: row;
	}
	
	@media(min-width: 1366px)
	{
		//width: 60%;
		//margin: 0 auto;
	}
	
	.maintenance-content
	{
		padding: 10px 20px;
		width: 100%;
		
		@media(min-width: 1025px)
		{
			flex-basis: 50%;
			padding-left: 40px;
			padding-right: 40px;
			width: 50%;
		}
	}
	
	.maintenance-hero
	{
		background: #cccccc;
		height: 0px;
		overflow: hidden;
		padding: 0 0 50% 0;
		position: relative;
		width: 100%;
		
		@media(min-width: 1025px)
		{
			flex-basis: 50%;
			height: 100%;
			order: 2;
			padding-bottom: 0;
			width: 50%;
		}
		
		img
		{
			height: 100%;
			left: 0px;
			max-width: none;
			object-fit: cover;
			position: absolute;
			top: 0px;
			width: 100%;
		}
	}
	
	.image-preview
	{
	}
	
	textarea {
		@media(min-width:768px){
		//height: 217px;
		}
	}
	
	.repairs-introduction
	{
		font-size:0.95em;
		padding:1px;
		a
		{
			white-space:nowrap;
		}
	}
	
	.name-and-type
	{
		display:flex;
		flex-direction:row;
		justify-content:space-evenly;
		align-items:flex-start;
		margin-top:20px;
	}
	.image-preview-slide{
		position:relative;
		background-color:white; //#efefef;
		border:1px solid #ced4da;
		border-radius:0px; //5px;
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:264px; //225px;
		height:175px; //150px;
		overflow:hidden;
	}	
	.drop-box-holder
	{
		padding-bottom:10px;
		width:100%;

		.image-uploader
		{
			margin-top: 3px;
			display:flex;
			flex-direction:row;
			justify-content:flex-start;
			align-items:flex-start;
			.file-field
			{
				height:175px;
				width:175px;
			}
		}

		#fakeMaintenanceImageHolder{
			position:relative;
			background-color:white; //'#efefef';
			border:1px solid #ced4da;
			display:inline-flex;
			align-items:center;
			justify-content:center;
			width:263px;
			height:175px;
			overflow:hidden;
		}
		.slick-arrow, .slick-next
		{
			right:5px!important;
		}

		.slick-prev
		{
			left:5px!important;
			z-index:1;
		}
	}

	@media (min-width:1366px)
	{
		.name-and-type
		{
			flex-direction:row;
			justify-content:space-between;
			align-items:center;
		}		
		.drop-box-holder
		{

		}
	}
}
*/
.checked-in-right {
  display: none; }
  @media (min-width: 769px) {
    .checked-in-right {
      color: #fff;
      display: block; } }

.image-preview-drop-zone {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  font-size: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: black; }

.maintenance-image {
  display: block; }

.sub-category-list li.sub-category-list-item {
  width: 120px;
  display: inline-block;
  margin: 10px; }

#left_column_features {
  display: none; }
  @media (min-width: 769px) {
    #left_column_features {
      display: block; } }

.content ul, .content ol {
  list-style-type: disc;
  padding: 0 0 0 20px; }

.checked-in-container #right_column_features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  		/*
  		//margin: 25px 25px 0 25px;
  		width:100%;
  		@media(min-width:1024px) and (max-width:1365px) {
  		margin:45px 0 0 0;
  		}
  		display:flex;
  		flex-direction:row;
  		
  		#content_holder {
  			order:1;
  			margin:0 0 25px 0;
  			padding: 30px 15px 90px 15px;
  			display:inline-block;
  			width:100vw;
  			@media(min-width:1024px) {
  				width: 50%;
  				display: inline-block;
  				vertical-align: top;
  				height:80vh;
  				margin:25px 0 25px 0;
  			}
  			@media(min-width:1367px) {
  				height:564px;
  				margin:30px 0 25px 0;
  			}
  			h1,h2,h3{
  				font-size:1.4em;
  			}
  			h2{
  				font-size:1.3em;
  			}
  			h3 {
  				padding:0 15px;
  				font-size:1.2rem;
  			}
  
  			.content {
  				padding:0 15px 60px 15px;
  				@media(min-width:1024px){ //min-width:1367px) {
  					overflow-y:auto;
  					height:507px;
  				}
  				padding:0 15px;
  			}
  		}
  		#media_holder {
  			order:2;
  			width:100vw;
  			vertical-align: top;
  			margin:0 0 30px 0;
  			img {
  				object-fit:cover;
  				width: 100%!important;
  				@media(min-width:1024px) and (max-width:1365px) {
  					min-width: 100%!important;
  				}
  				@media(min-width:1366px) {
  					height:625px!important;
  				}
  			}
  			@media(min-width:1024px) and (max-width:1365px) {
  				width: 45%;
  				display: inline-block;
  				vertical-align: top;
  				margin:0;
  				height:100vh;
  			}
  			@media(min-width:1366px) {
  				height:625px!important;
  				overflow:hidden;
  				width: 50%;
  				display: inline-block;
  				vertical-align: top;
  				margin:0;
  				img {
  					object-fit:cover;
  					width: 100%!important;
  				}
  
  			}
  		}
  		@media(max-width:1024px){
  			flex-direction:column;
  			#content_holder{
  				order:2;
  			}
  			#media_holder{
  				order:1;
  			}
  		}
  		*/ }
  .checked-in-container #right_column_features #content_holder {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 30px; }
  .checked-in-container #right_column_features #media_holder {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  @media (min-width: 1024px) {
    .checked-in-container #right_column_features {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      min-height: 550px;
      max-height: 650px; }
      .checked-in-container #right_column_features #content_holder {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        max-width: 50%; }
        .checked-in-container #right_column_features #content_holder .content {
          overflow-y: auto;
          max-height: 507px; }
      .checked-in-container #right_column_features #media_holder {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        max-width: 50%; } }
.checked-in-container #left_column_features {
  display: none; }

.media-slide-area {
  overflow: hidden;
  max-height: 534px;
  margin-bottom: 0 !important; }
  @media (min-width: 1024px) and (max-width: 1365px) {
    .media-slide-area {
      height: 100vh;
      max-height: 100vh; } }
  @media (min-width: 1366px) {
    .media-slide-area {
      max-height: 683px !important;
      height: 683px !important; } }
  .media-slide-area .slick-dots {
    bottom: 10px !important; }
    .media-slide-area .slick-dots li button:before {
      color: #000 !important; }
  .media-slide-area img {
    height: 100%; }
    @media (min-width: 1024px) and (max-width: 1365px) {
      .media-slide-area img {
        height: 100vh;
        max-height: 100vh;
        min-width: 100%; } }

#my-menu:not(.mm-menu) {
  display: none; }

.agent-contact-details {
  padding: 10px 15px 40px 15px; }
  @media (min-width: 768px) {
    .agent-contact-details {
      width: 70%;
      margin: 0 auto; } }
  @media (min-width: 1366px) {
    .agent-contact-details {
      width: 50%;
      margin: 0 auto; } }
  .agent-contact-details .contact-heading {
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #ccc; }
  .agent-contact-details .ge-form-group {
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0; }

.share-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f7f7f7;
  color: black;
  min-height: 100vh; }
  .share-details h2 {
    text-align: center;
    font-weight: 500; }
  .share-details .share-image {
    width: 100%;
    height: auto;
    max-width: 360px; }
  .share-details .share-details-social-links {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 10px; }
    .share-details .share-details-social-links .share-details-social-link {
      font-size: 3em;
      padding: 15px; }
      .share-details .share-details-social-links .share-details-social-link .fa-facebook {
        color: #1877f2;
        /* #3b5998; */ }
      .share-details .share-details-social-links .share-details-social-link .fa-twitter {
        color: #1da1f2; }
      .share-details .share-details-social-links .share-details-social-link .fa-youtube {
        color: #ff0000; }
      .share-details .share-details-social-links .share-details-social-link .fa-pinterest {
        color: #e71b22; }
      .share-details .share-details-social-links .share-details-social-link .fa-linkedin {
        color: #0077b7; }
      .share-details .share-details-social-links .share-details-social-link .fa-instagram {
        color: #7232bd; }
  @media (min-width: 768px) {
    .share-details {
      min-height: 661px; } }
  .share-details .hash-tags-holder {
    padding-top: 20px; }
    .share-details .hash-tags-holder .hash-tag {
      font-size: 2em;
      font-weight: 500;
      text-align: center; }
      .share-details .hash-tags-holder .hash-tag .hash-tag-hash {
        display: inline-block;
        font-style: italic;
        padding: 0px 4px 0px 0px; }
      .share-details .hash-tags-holder .hash-tag .hash-tag-hash.red {
        background: #2a3f54;
        background: -webkit-gradient(linear, left top, right top, from(#F1D754), color-stop(0.78em, #DA528E), color-stop(0%, #2a3f54));
        background: linear-gradient(to right, #F1D754 0%, #DA528E 0.78em, #2a3f54 0%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block; }
      .share-details .hash-tags-holder .hash-tag .hash-tag-hash.blue {
        background: #1BD4B9;
        background: -webkit-gradient(linear, left top, right top, from(#1BD4B9), color-stop(0.79em, #378EC0), color-stop(0%, #2a3f54));
        background: linear-gradient(to right, #1BD4B9 0%, #378EC0 0.79em, #2a3f54 0%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block; }
      .share-details .hash-tags-holder .hash-tag .hash-tag-text {
        display: inline-block;
        color: #2a3f54; }

.maintenance-details .maintenance-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .maintenance-details .maintenance-heading .maintenance-prop-code {
    font-weight: bold;
    width: 100%; }
  .maintenance-details .maintenance-heading .maintenance-address {
    width: 100%; }
  .maintenance-details .maintenance-heading h2 {
    font-size: 26px; }
  .maintenance-details .maintenance-heading img.logo {
    width: 100%;
    height: auto;
    max-width: 200px; }
  .maintenance-details .maintenance-heading .maintenance-property-details {
    padding: 0px 10px;
    text-align: center; }
@media (min-width: 768px) {
  .maintenance-details .maintenance-heading {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .maintenance-details .maintenance-prop-code,
  .maintenance-details .maintenance-address {
    text-align: left; } }
.maintenance-details .modal-footer {
  padding: 0;
  border-top: 0; }
.maintenance-details label {
  margin: 5px 0; }
.maintenance-details .form-group {
  width: 49%;
  display: inline-block; }
.maintenance-details .form-group-full {
  width: 99%;
  display: inline-block; }

@media (max-width: 768px) {
  .property-information-holder.remove-view .property-detail {
    display: none; } }

.book-again {
  height: 100vh;
  min-height: 661px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4); }
  .book-again .book-again-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    padding: 140px 15px 140px 15px;
    		/*
    		.datepicker-holder{
    			display:flex;
    			flex-direction:row;
    			justify-content:space-evenly;
    			align-items:center;
    			box-shadow:0px 0px 4px #333;
    			border-radius:5px;
    			max-width:320px;
    			margin:10px 0px;
    		}
    		.datepicker {
    			//width: 50%;
    			display: flex;//inline-block;
    			flex-direction:row;
    			justify-content:space-evenly;
    			align-items:center;
    			//padding: 10px 0px;
    
    			&.arrival {
    				background:#fff;
    				border-left: 1px solid #eee;
    				border-top: 1px solid #eee;
    				border-bottom: 1px solid #eee;
    				padding: 7px 0px; // 10px 10px;
    				border-radius:5px 0px 0px 5px;
    			}
    			&.departure {
    				background:#fff;
    				border-right: 1px solid #eee;
    				border-top: 1px solid #eee;
    				border-bottom: 1px solid #eee;
    				padding: 7px 0px;
    				//padding:0px;
    				border-radius:0px 5px 5px 0px;
    			}
    			.fa-calendar-alt {
    				display:inline-block;
    				color:rgb(177, 177, 177);
    			}
    			.date-input {
    				border: none;
    				width: 67%;
    			}
    			::-webkit-input-placeholder { //Chrome/Opera/Safari
    				color:rgb(177, 177, 177);
    			  }
    			  ::-moz-placeholder { // Firefox 19+
    				color:rgb(177, 177, 177);
    			  }
    			  :-ms-input-placeholder { // IE 10+
    				color:rgb(177, 177, 177);
    			  }
    			  :-moz-placeholder { // Firefox 18-
    				color:rgb(177, 177, 177);
    			  }
    
    		}
    		*/ }
    .book-again .book-again-content .book-again-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .book-again .book-again-content .book-again-text h3 {
        margin: 25px 0px 0px 0px; }
      .book-again .book-again-content .book-again-text h5 {
        margin: 25px 0px 25px 0px; }
    @media (min-width: 768px) {
      .book-again .book-again-content {
        padding: 20px 15px 50px 15px; } }
    .book-again .book-again-content h5, .book-again .book-again-content h3 {
      color: #fff;
      margin: 10px 0px 10px 0px;
      text-align: center; }
    .book-again .book-again-content .book-text {
      text-align: center;
      margin: 60px 0; }
    .book-again .book-again-content .book-button {
      margin: 5px 0px 10px 0px; }
      .book-again .book-again-content .book-button a {
        color: #fff; }
        .book-again .book-again-content .book-button a:hover {
          color: #fff;
          text-decoration: none; }

.book-link {
  text-align: center;
  width: 100%;
  margin: 10px 0 0 0; }
  .book-link a {
    color: #fff; }
    .book-link a:hover {
      color: #fff;
      text-decoration: none; }

/*
.daterangepicker td.in-range {
 }
  
//   .daterangepicker td.active,
//   .daterangepicker td.active.end-date,
//   .daterangepicker td.active:hover {
// 	background-color: #fff !important;
// 	color: $primary-color !important; }
  
  .daterangepicker td.disabled,
  .daterangepicker td.off {
	background-color: #eee !important;
	color:#888!important;
	border-radius: 0 !important; 
}
  
  td.disabled {
	background: #888; 
}
*/
.scrollable-element {
  scrollbar-width: thin; }

/*
	cleaner
*/
body.cleaner {
  background-size: cover;
  /*###############################
  # Original Cleaner Styles Below #
  ###############################*/ }
  body.cleaner html, body.cleaner body {
    padding: 0px !important;
    width: 100vw;
    overflow-x: hidden; }
  body.cleaner .popover {
    z-index: 999999991 !important; }
  body.cleaner .verification-image-delete-btn {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    font-size: 0.8em;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
    text-decoration: none; }
  body.cleaner .verification-image-number {
    font-size: 0.9em;
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 3px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    color: white;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); }
  body.cleaner .verification-image-slide {
    width: 340px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    border-radius: 5px; }
  body.cleaner .modal-body .slick-slide,
  body.cleaner .preview-image-holder .slick-slide {
    width: 350px;
    height: 208px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    body.cleaner .modal-body .slick-slide img,
    body.cleaner .preview-image-holder .slick-slide img {
      width: 350px;
      height: 200px; }
  body.cleaner #cleaner_check_in_form {
    color: #333;
    margin-bottom: 0px;
    padding: 8px 13px 5px 13px;
    /* border:1px solid #ccc; */
    padding: 0px;
    width: 100vw;
    overflow-x: hidden;
    margin: 0px;
    height: auto;
    position: relative; }
    @media (min-width: 769px) {
      body.cleaner #cleaner_check_in_form {
        height: auto;
        width: 1366px;
        -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
                box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
        overflow-y: hidden; } }
    body.cleaner #cleaner_check_in_form #cleaner_check_in {
      height: auto;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-positive: 1;
          flex-grow: 1;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      /*###############
      # CHECK IN BODY #
      ###############*/ }
      @media (min-width: 769px) {
        body.cleaner #cleaner_check_in_form #cleaner_check_in {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }
      body.cleaner #cleaner_check_in_form #cleaner_check_in #desktop-header {
        display: none; }
      @media (min-width: 769px) {
        body.cleaner #cleaner_check_in_form #cleaner_check_in #desktop-header {
          display: block;
          width: 100%;
          height: 60px;
          background: #2a3f54; }
          body.cleaner #cleaner_check_in_form #cleaner_check_in #desktop-header .check-in-left {
            display: inline-block;
            text-align: left;
            padding: 18px;
            color: #fff;
            width: 60%; }
          body.cleaner #cleaner_check_in_form #cleaner_check_in #desktop-header .check-in-right {
            display: inline-block;
            text-align: right;
            padding: 18px;
            color: #fff;
            width: 38%; } }
      body.cleaner #cleaner_check_in_form #cleaner_check_in .header-details {
        padding: 20px; }
        @media (min-width: 769px) {
          body.cleaner #cleaner_check_in_form #cleaner_check_in .header-details {
            padding: 0 20px; } }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .header-details .greeting-message {
          white-space: nowrap;
          font-size: 1.3em;
          text-align: left;
          font-weight: bold;
          padding: 0 0 28px 0;
          color: #2a3f54; }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .header-details .check-in-heading,
        body.cleaner #cleaner_check_in_form #cleaner_check_in .header-details .property-address {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          white-space: nowrap;
          font-size: 1em;
          font-weight: 500;
          text-align: left; }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .header-details .check-in-agency-name {
          display: none;
          -webkit-box-flex: 0;
              -ms-flex: 0;
                  flex: 0; }
      body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header {
        display: none; }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header .payment-details {
          display: none; }
        @media (min-width: 769px) {
          body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header {
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2;
            width: 50%;
            display: none;
            height: 100%; } }
        @media (min-width: 769px) {
          body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header {
            max-height: 562px;
            width: 48%;
            margin: 0 15px 0 0;
            overflow: hidden; }
            body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header .spacer {
              height: 25px; }
            body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header .payment-details {
              padding: 25px;
              margin: 15px 0;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              background-color: #efefef;
              width: 100%;
              font-weight: bold; } }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header .slick-dotted.slick-slider {
          margin-bottom: 0; }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header .header-image img {
          width: 100%; }
        @media (min-width: 769px) {
          body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header .header-image {
            height: 508px; }
            body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header .header-image img {
              height: 508px;
              width: auto; } }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header .slick-dots {
          bottom: 25px !important; }
          @media (min-width: 769px) {
            body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header .slick-dots {
              bottom: 45px !important; } }
          @media (min-width: 1366px) {
            body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header .slick-dots {
              width: 600px; } }
          body.cleaner #cleaner_check_in_form #cleaner_check_in .check-in-header .slick-dots li button:before {
            color: #fff; }
      body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        background-color: #efefef;
        width: 100%;
        min-height: 555px;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        overflow: hidden;
        /*#############
        # LEFT COLUMN #
        #############*/
        /*##############
        # RIGHT COLUMN #
        ##############*/ }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .ge-button {
          margin: 2px;
          font-size: 0.9em;
          padding: 8px 8px 8px 8px; }
        @media (min-width: 769px) {
          body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body {
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1;
            position: static;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            padding: 0; } }
        @media (max-width: 768px) {
          body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body.not-active {
            display: none; } }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body.not-active a.next-button {
          display: none; }
        @media (min-width: 768px) {
          body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-welcome-message {
            display: inline-block;
            width: 49%;
            margin: 15px 0 0 0; } }
        @media (min-width: 769px) {
          body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-welcome-message .check-in-heading,
          body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-welcome-message .property-address,
          body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-welcome-message .check-in-agency-name {
            display: none; } }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-left-column::-webkit-scrollbar {
          width: 0.3em; }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-left-column::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #e0e0e0; }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-left-column::-webkit-scrollbar-thumb {
          background-color: rgba(0, 0, 0, 0.5);
          outline: none;
          /*1px solid slategrey;*/ }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-left-column {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          width: 100%;
          max-width: 45%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          max-width: 100%;
          max-height: none;
          overflow-y: inherit;
          overflow-x: hidden;
          background-color: white;
          scrollbar-width: thin;
          scrollbar-color: #333;
          scrollbar-width: thin;
          position: relative; }
          @media (max-width: 770px) {
            body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-left-column .main-section-cleaner {
              position: absolute;
              top: 0px;
              right: 0px;
              bottom: 0px;
              left: 0px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-pack: stretch;
                  -ms-flex-pack: stretch;
                      justify-content: stretch;
              -webkit-box-align: stretch;
                  -ms-flex-align: stretch;
                      align-items: stretch; }
            body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-left-column .cleaner-task-summary-list {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-pack: stretch;
                  -ms-flex-pack: stretch;
                      justify-content: stretch;
              -webkit-box-align: stretch;
                  -ms-flex-align: stretch;
                      align-items: stretch;
              position: absolute;
              top: 0px;
              right: 0px;
              bottom: 0px;
              left: 0px; }
              body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-left-column .cleaner-task-summary-list .summary {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                max-height: 140px; }
              body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-left-column .cleaner-task-summary-list #cleaner_tasks_holder {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                overflow-y: auto; }
                body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-left-column .cleaner-task-summary-list #cleaner_tasks_holder .cleaner-task-box {
                  padding: 5px; }
              body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-left-column .cleaner-task-summary-list .task-list-footer {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                max-height: 60px; } }
          @media (min-width: 769px) {
            body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-left-column {
              -webkit-box-ordinal-group: 2;
                  -ms-flex-order: 1;
                      order: 1;
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              -webkit-box-pack: stretch;
                  -ms-flex-pack: stretch;
                      justify-content: stretch;
              -webkit-box-align: stretch;
                  -ms-flex-align: stretch;
                      align-items: stretch;
              max-width: none; } }
        body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-right-column {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          width: 100%;
          max-width: 55%;
          position: relative; }
          @media (min-width: 769px) {
            body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-right-column {
              -webkit-box-ordinal-group: 3;
                  -ms-flex-order: 2;
                      order: 2; }
              body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-right-column .preview-close-btn {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex; } }
          @media (max-width: 769px) {
            body.cleaner #cleaner_check_in_form #cleaner_check_in .cleaner-check-in-body .check-in-right-column {
              max-width: 100%;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; } }
  body.cleaner .main-cleaner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    body.cleaner .main-cleaner .main-section,
    body.cleaner .main-cleaner .main-section-image {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: 100%;
      color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center; }
      body.cleaner .main-cleaner .main-section .thumb img,
      body.cleaner .main-cleaner .main-section-image .thumb img {
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        border: 3px solid white;
        -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
                box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5); }
    @media (max-width: 700px), (max-height: 680px) {
      body.cleaner .main-cleaner .main-section .greeting,
      body.cleaner .main-cleaner .main-section .property-code,
      body.cleaner .main-cleaner .main-section .property-address {
        margin: 0px;
        padding: 3px; } }
  body.cleaner .main-report-preview {
    display: none;
    width: 100%;
    background-color: #fafafa;
    font-weight: bold; }
    body.cleaner .main-report-preview .preview-close-btn {
      padding: 0px 5px 0px 5px; }
    body.cleaner .main-report-preview .cleaner-report-preview {
      width: 100%;
      height: 100vh;
      overflow-x: auto;
      overflow-y: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding-right: 20px; }
      body.cleaner .main-report-preview .cleaner-report-preview .preview-heading-button-holder {
        position: absolute;
        left: 50%;
        top: 10px;
        right: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        gap: 10px;
        z-index: 10001; }
      body.cleaner .main-report-preview .cleaner-report-preview .preview-heading-holder {
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-right: 10px; }
        body.cleaner .main-report-preview .cleaner-report-preview .preview-heading-holder .preview-heading {
          font-size: 1.3em;
          font-weight: bold;
          padding: 10px 5px; }
      body.cleaner .main-report-preview .cleaner-report-preview .preview-notes-holder {
        font-size: 1em;
        padding: 20px 5px;
        font-weight: 800; }
        body.cleaner .main-report-preview .cleaner-report-preview .preview-notes-holder .preview-notes-heading {
          width: 100%;
          font-size: 1.2em; }
      body.cleaner .main-report-preview .cleaner-report-preview .preview-holder {
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 5px 10px 10px 10px;
        background-color: #fafafa;
        margin: 5px; }
        body.cleaner .main-report-preview .cleaner-report-preview .preview-holder .preview-category {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          font-weight: bold !important;
          font-size: 1.1em;
          padding: 5px 0px 7px 0px; }
        body.cleaner .main-report-preview .cleaner-report-preview .preview-holder .preview-task-notes {
          font-size: 0.9em; }
        body.cleaner .main-report-preview .cleaner-report-preview .preview-holder .preview-media-heading {
          font-size: 1em;
          padding: 5px 0px 10px 0px; }
        body.cleaner .main-report-preview .cleaner-report-preview .preview-holder .preview-media {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 10px; }
          body.cleaner .main-report-preview .cleaner-report-preview .preview-holder .preview-media .preview-image-holder {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            position: relative;
            max-width: 350px;
            height: auto; }
          body.cleaner .main-report-preview .cleaner-report-preview .preview-holder .preview-media .preview-video-holder {
            -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
                    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
            background-color: black; }
  @media (min-width: 769px) {
    body.cleaner .main-report-preview {
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      border: 5px solid #fafafa; }
      body.cleaner .main-report-preview .cleaner-report-preview {
        /* min-width: 769px */
        height: auto; }
        body.cleaner .main-report-preview .cleaner-report-preview .preview-holder {
          /* min-width: 769px */
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
                  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
          border-radius: 3px; }
          body.cleaner .main-report-preview .cleaner-report-preview .preview-holder .preview-media {
            /* min-width: 769px */
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            width: 100%;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 10px; }
            body.cleaner .main-report-preview .cleaner-report-preview .preview-holder .preview-media .preview-category {
              /* min-width: 769px */
              padding: 10px; } }
  body.cleaner .main-cleaner-tasks,
  body.cleaner .main-cleaner-tasks-image {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    body.cleaner .main-cleaner-tasks .main-section-cleaner,
    body.cleaner .main-cleaner-tasks .main-section-cleaner-image,
    body.cleaner .main-cleaner-tasks-image .main-section-cleaner,
    body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      color: #333;
      padding: 5px;
      height: auto;
      margin: auto;
      width: 100%; }
      body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list,
      body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list,
      body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list,
      body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list {
        position: relative;
        color: #333;
        font-size: 0.9em;
        padding: 0px; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list h2,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list h2,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list h2,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list h2 {
          background-color: white;
          padding: 10px;
          text-align: center;
          border-bottom: 1px solid #e0e0e0;
          color: #333; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .cleaner-room-link,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list .cleaner-room-link,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list .cleaner-room-link,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list .cleaner-room-link {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border-top: none;
          border-right: none;
          border-left: none;
          border-bottom: 1px solid #e0e0e0;
          background-color: white;
          padding: 10px;
          width: 100%;
          text-decoration: none;
          color: #333; }
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .cleaner-room-link .room-object,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list .cleaner-room-link .room-object,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list .cleaner-room-link .room-object,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list .cleaner-room-link .room-object {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin: 0px 3px 0px 3px;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            -webkit-box-shadow: 0px 0px 2px #000;
                    box-shadow: 0px 0px 2px #000;
            background: radial-gradient(rgba(56, 180, 254, 0.05), rgba(56, 180, 254, 0.6));
            color: #333; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .cleaner-room-link-empty,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list .cleaner-room-link-empty,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list .cleaner-room-link-empty,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list .cleaner-room-link-empty {
          border: none;
          min-height: 71px; }
        @media (max-width: 768px) {
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .cleaner-room-link-empty,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list .cleaner-room-link-empty,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list .cleaner-room-link-empty,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list .cleaner-room-link-empty {
            display: none !important; } }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .room-list-footer,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list .room-list-footer,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list .room-list-footer,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list .room-list-footer {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: white;
          border: none;
          padding: 9px 5px 8px 5px; }
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .room-list-footer .room-list-buttons,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list .room-list-footer .room-list-buttons,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list .room-list-footer .room-list-buttons,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list .room-list-footer .room-list-buttons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 100%; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .cleaner-room-image,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list .cleaner-room-image,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list .cleaner-room-image,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list .cleaner-room-image {
          background-color: white;
          padding: 3px;
          width: 50px;
          height: 50px;
          border-radius: 50%;
          -webkit-box-shadow: 0px 0px 2px #333;
                  box-shadow: 0px 0px 2px #333; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .cleaner-room-title,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list .cleaner-room-title,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list .cleaner-room-title,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list .cleaner-room-title {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          text-align: left;
          padding-left: 10px;
          font-weight: bold; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .tasks-completed-status,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list .tasks-completed-status,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list .tasks-completed-status,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list .tasks-completed-status {
          padding-left: 10px; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .cleaner-room-list-button-holder,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list .cleaner-room-list-button-holder,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list .cleaner-room-list-button-holder,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list .cleaner-room-list-button-holder {
          border-top: 1px solid #efefef;
          text-align: right;
          width: 100%;
          padding: 15px 10px 15px 10px; }
        @media (min-width: 769px) {
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .cleaner-room-list-button-holder,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-list .cleaner-room-list-button-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-list .cleaner-room-list-button-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-list .cleaner-room-list-button-holder {
            position: fixed;
            bottom: 0px;
            left: 0px;
            right: 0px;
            background-color: #efefef;
            z-index: 2; } }
      body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list,
      body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list,
      body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list,
      body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list,
      body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list,
      body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list,
      body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list,
      body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list {
        color: black;
        border: 1px solid #e0e0e0;
        border: none;
        width: 100%;
        color: #333;
        background-color: #efefef;
        width: 100%;
        font-size: 0.9em;
        overflow-y: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: stretch;
            -ms-flex-pack: stretch;
                justify-content: stretch;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary,
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
          background-color: white;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: space-evenly;
              -ms-flex-pack: space-evenly;
                  justify-content: space-evenly;
          -webkit-box-align: stretch;
              -ms-flex-align: stretch;
                  align-items: stretch; }
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .room-detail,
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .room-detail,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .room-detail,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .room-detail,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail {
            width: 100%;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            border-bottom: 1px solid #e0e0e0;
            padding: 5px 10px 0px 10px; }
            @media (min-width: 769px) {
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .room-detail,
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .room-detail,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .room-detail,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .room-detail,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                        flex-direction: row;
                padding: 0px 10px 0px 10px; } }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .room-detail .room-detail-image,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .room-detail .room-detail-image,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail .room-detail-image,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail .room-detail-image,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .room-detail .room-detail-image,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .room-detail .room-detail-image,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail .room-detail-image,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail .room-detail-image {
              width: 80px;
              height: 80px;
              border-radius: 50%;
              -webkit-box-shadow: 0px 0px 2px #333;
                      box-shadow: 0px 0px 2px #333;
              padding: 2px; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .room-detail .room-detail-text,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .room-detail .room-detail-text,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail .room-detail-text,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail .room-detail-text,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .room-detail .room-detail-text,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .room-detail .room-detail-text,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail .room-detail-text,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail .room-detail-text {
              text-align: left;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              padding: 0px 5px 0px 5px;
              width: 100%; }
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .room-detail .room-detail-text .room-detail-description,
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .room-detail .room-detail-text .room-detail-description,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail .room-detail-text .room-detail-description,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail .room-detail-text .room-detail-description,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .room-detail .room-detail-text .room-detail-description,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .room-detail .room-detail-text .room-detail-description,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail .room-detail-text .room-detail-description,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail .room-detail-text .room-detail-description {
                padding: 0px 10px 0px 10px; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .room-detail h3,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .room-detail h3,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail h3,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail h3,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .room-detail h3,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .room-detail h3,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail h3,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail h3 {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: flex-start;
                      flex-direction: flex-start;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              background-color: white;
              color: #2a3f54;
              font-size: 1.2em;
              text-align: left;
              font-weight: bold;
              width: 100%;
              padding: 5px 10px;
              margin: 0px; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .room-detail .live-chat,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .room-detail .live-chat,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail .live-chat,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail .live-chat,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .room-detail .live-chat,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .room-detail .live-chat,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail .live-chat,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail .live-chat {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              text-decoration: none;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .room-detail .live-chat small,
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .room-detail .live-chat small,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail .live-chat small,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail .live-chat small,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .room-detail .live-chat small,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .room-detail .live-chat small,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail .live-chat small,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail .live-chat small {
                font-size: 0.8em;
                font-weight: bold;
                color: #333;
                white-space: nowrap; }
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .room-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .room-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .room-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .room-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .room-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .room-detail .live-chat .fa-comment-dots {
                font-size: 2em;
                color: #2ec0a4; }
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail,
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail {
            background-color: #efefef;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: stretch;
                -ms-flex-pack: stretch;
                    justify-content: stretch;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail h3,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail h3,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail h3,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail h3,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail h3,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail h3,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail h3,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail h3 {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: flex-start;
                      flex-direction: flex-start;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              background-color: white;
              color: #2a3f54;
              font-size: 1.2em;
              text-align: left;
              font-weight: bold;
              width: 100%;
              border: 1px solid #efefef;
              padding: 5px 10px;
              margin: 0px; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .live-chat,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .live-chat,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .live-chat,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .live-chat,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .live-chat,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .live-chat,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .live-chat,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .live-chat {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              text-decoration: none;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .live-chat small,
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .live-chat small,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .live-chat small,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .live-chat small,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .live-chat small,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .live-chat small,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .live-chat small,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .live-chat small {
                font-size: 0.8em;
                font-weight: bold;
                color: #333;
                white-space: nowrap; }
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .live-chat .fa-comment-dots,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .live-chat .fa-comment-dots {
                font-size: 2em;
                color: #2ec0a4; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-start-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-start-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-start-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-start-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-start-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-start-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-start-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-start-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-start-time-column {
              background-color: white;
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              width: 100%;
              border: none;
              border: 2px solid #efefef;
              border-top: none;
              border-right: none;
              border-left: none;
              margin: 0px;
              padding: 5px 10px;
              font-weight: bold; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-finished-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-finished-time {
              border-bottom: 1px solid #efefef; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-start-time-column,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-start-time-column {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-start-button,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-start-button,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-start-button,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-start-button,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-start-button,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-start-button,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-start-button,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-start-button {
              -webkit-box-flex: 0;
                  -ms-flex: 0;
                      flex: 0;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              border-top: 1px solid #efefef;
              border-right: 1px solid #efefef;
              border-bottom: 1px solid #efefef;
              border-left: 1px solid #efefef;
              width: 100%;
              padding: 1px 0px 3px 0px; }
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-start-button a,
              body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-start-button a,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-start-button a,
              body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-start-button a,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-detail .summary-start-button a,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-detail .summary-start-button a,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-detail .summary-start-button a,
              body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-detail .summary-start-button a {
                background-color: #2a3f54;
                -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
                        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
                color: white;
                text-decoration: none;
                font-size: 1.1em;
                font-weight: 500;
                width: 100%;
                margin: 0px;
                padding: 10px 0px 10px 0px; }
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-option-holder,
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-option-holder,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-option-holder,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-option-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-option-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-option-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-option-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-option-holder {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            background-color: #efefef;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: stretch;
                -ms-flex-pack: stretch;
                    justify-content: stretch;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            max-width: 220px;
            padding: 0px 2px 0px 2px; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-option-holder .summary-option,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-option-holder .summary-option,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-option-holder .summary-option,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-option-holder .summary-option,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-option-holder .summary-option,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-option-holder .summary-option,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-option-holder .summary-option,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-option-holder .summary-option {
              background-color: white;
              color: #2a3f54;
              font-weight: bold;
              text-align: left;
              padding: 5px 10px 5px 10px;
              width: 100%;
              -webkit-box-flex: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -webkit-box-pack: space-evenly;
                  -ms-flex-pack: space-evenly;
                      justify-content: space-evenly;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              text-decoration: none;
              border-top: none;
              border-right: none;
              border-left: none; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-option-holder .summary-option-column,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-option-holder .summary-option-column,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-option-holder .summary-option-column,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-option-holder .summary-option-column,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-option-holder .summary-option-column,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-option-holder .summary-option-column,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-option-holder .summary-option-column,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-option-holder .summary-option-column {
              background-color: white;
              color: #2a3f54;
              font-weight: bold;
              padding: 5px 10px 5px 10px;
              border: 1px solid #efefef;
              border-top: none;
              border-right: none;
              border-left: none;
              width: 100%;
              -webkit-box-flex: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -ms-flex-pack: distribute;
                  justify-content: space-around;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              text-align: center;
              text-decoration: none; }
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary .summary-graph-holder,
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .summary .summary-graph-holder,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-graph-holder,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-graph-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .summary .summary-graph-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .summary .summary-graph-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .summary .summary-graph-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .summary .summary-graph-holder {
            -webkit-box-flex: 0;
                -ms-flex: 0;
                    flex: 0;
            border: 1px solid #efefef;
            border-top: none;
            border-right: none;
            border-left: none;
            /*
            position:relative;
            padding:5px 10px 5px 10px;
            border:1px solid #efefef;
            border-top:none;
            border-bottom:none;
            border-left:none;
            */ }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary-address,
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary-address,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary-address,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary-address,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary-address,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary-address,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary-address,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary-address {
          font-size: 1.2em;
          padding: 10px 0px 10px 0px; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-header, body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-header,
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-header,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-header,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-header,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-header,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-header,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-header,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name {
          font-size: 1.2em;
          font-weight: bold;
          text-align: left;
          background-color: white;
          /*box-shadow:0px 0px 2px #333;*/
          padding: 5px 10px 5px 10px;
          margin: 2px; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-cleaner-name {
          font-weight: normal; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder,
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: space-evenly;
              -ms-flex-pack: space-evenly;
                  justify-content: space-evenly;
          -webkit-box-align: stretch;
              -ms-flex-align: stretch;
                  align-items: stretch;
          border: 1px solid black; }
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box,
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            background-color: white;
            /*box-shadow:0px 0px 2px #333;*/
            margin: 2px;
            padding: 5px 10px 5px 10px;
            text-align: left; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-box-heading,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-box-heading,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-box-heading,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-box-heading,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-box-heading,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-box-heading,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-box-heading,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-box-heading {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-box-align: end;
                  -ms-flex-align: end;
                      align-items: flex-end;
              min-height: 40px;
              font-weight: bold; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-time,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-time,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-time {
              font-size: 1.2em;
              min-height: 90px; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-date,
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-date,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-date,
            body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-date,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-date,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-date,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-date,
            body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-holder .cleaner-summary-box .cleaner-summary-date {
              font-size: 1em;
              padding: 0px 2px 0px 2px; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          padding: 15px 10px 15px 10px; }
        @media (min-width: 769px) {
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-room-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-task-summary-list .cleaner-room-summary .cleaner-summary-box-button-holder {
            position: fixed;
            bottom: 0px;
            left: 0px;
            right: 0px;
            background-color: #efefef;
            z-index: 2; } }
      body.cleaner .main-cleaner-tasks .main-section-cleaner .task-list-footer,
      body.cleaner .main-cleaner-tasks .main-section-cleaner-image .task-list-footer,
      body.cleaner .main-cleaner-tasks-image .main-section-cleaner .task-list-footer,
      body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .task-list-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        background-color: white;
        border: 1px solid #efefef;
        padding: 5px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .task-list-footer .task-list-buttons,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .task-list-footer .task-list-buttons,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .task-list-footer .task-list-buttons,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .task-list-footer .task-list-buttons {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 100%;
          padding-right: 5px; }
      body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder,
      body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-tasks-holder,
      body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-tasks-holder,
      body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-tasks-holder {
        position: relative;
        color: black;
        width: 100%;
        max-width: 800px; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder .cleaner-room-name,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-tasks-holder .cleaner-room-name,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-tasks-holder .cleaner-room-name,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-tasks-holder .cleaner-room-name {
          position: relative;
          width: 95%;
          margin: auto;
          text-align: center;
          top: 0px;
          color: black;
          padding: 10px; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-tasks-holder .cleaner-task-box,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-tasks-holder .cleaner-task-box {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 10px;
          width: 100%;
          background-color: white;
          color: #333; }
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box .cleaner-task-hero,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-tasks-holder .cleaner-task-box .cleaner-task-hero,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box .cleaner-task-hero,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-tasks-holder .cleaner-task-box .cleaner-task-hero {
            background-color: #337ab7;
            padding: 10px;
            width: 40;
            height: 40px;
            border-radius: 50%;
            -webkit-box-shadow: 0px 0px 3px #333;
                    box-shadow: 0px 0px 3px #333; }
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box .cleaner-task-title,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-tasks-holder .cleaner-task-box .cleaner-task-title,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box .cleaner-task-title,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-tasks-holder .cleaner-task-box .cleaner-task-title {
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            padding-left: 10px;
            text-align: left;
            font-size: 0.9em;
            font-weight: bold; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box-empty,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-tasks-holder .cleaner-task-box-empty,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box-empty,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-tasks-holder .cleaner-task-box-empty {
          border: none;
          min-height: 71px; }
        @media (max-width: 768px) {
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box-empty,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-tasks-holder .cleaner-task-box-empty,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box-empty,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-tasks-holder .cleaner-task-box-empty {
            display: none !important; } }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder .cleaner-actions-holder,
        body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-tasks-holder .cleaner-actions-holder,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-tasks-holder .cleaner-actions-holder,
        body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-tasks-holder .cleaner-actions-holder {
          border-top: 1px solid #e0e0e0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 10px; }
        @media (min-width: 769px) {
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder .cleaner-actions-holder,
          body.cleaner .main-cleaner-tasks .main-section-cleaner-image .cleaner-tasks-holder .cleaner-actions-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner .cleaner-tasks-holder .cleaner-actions-holder,
          body.cleaner .main-cleaner-tasks-image .main-section-cleaner-image .cleaner-tasks-holder .cleaner-actions-holder {
            position: fixed;
            bottom: 0px;
            left: 0px;
            right: 0px;
            background-color: #efefef;
            z-index: 2; } }
  body.cleaner .main-cleaner-tasks {
    padding: 0px; }
  body.cleaner .main-cleaner-tasks-image {
    padding: 0px;
    max-height: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  @media (min-width: 769px) {
    body.cleaner .main-cleaner-tasks {
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
      body.cleaner .main-cleaner-tasks .main-section-cleaner {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: stretch;
            -ms-flex-pack: stretch;
                justify-content: stretch;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; }
        body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .summary {
            -webkit-box-flex: 0;
                -ms-flex: 0;
                    flex: 0; }
          body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-list {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: stretch;
                -ms-flex-pack: stretch;
                    justify-content: stretch;
            -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                    align-items: stretch; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-list .cleaner-room-link {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1; }
            body.cleaner .main-cleaner-tasks .main-section-cleaner .cleaner-room-summary-list .cleaner-room-list .room-list-footer {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -webkit-box-pack: end;
                  -ms-flex-pack: end;
                      justify-content: flex-end;
              -webkit-box-align: end;
                  -ms-flex-align: end;
                      align-items: flex-end; } }
  @media (max-width: 769px) {
    body.cleaner .main-cleaner-tasks-image {
      max-height: auto; } }
  body.cleaner .linen-sets-container {
    max-height: calc(90vh - 200px);
    overflow-y: auto;
    padding: 0px; }
    body.cleaner .linen-sets-container .form-control {
      height: auto;
      padding: 3px 3px 3px 5px; }
    body.cleaner .linen-sets-container label {
      text-align: left;
      width: 100%;
      padding: 5px; }
    body.cleaner .linen-sets-container select {
      margin-bottom: 8px; }
    body.cleaner .linen-sets-container fieldset {
      padding: 5px;
      margin-top: 10px;
      border: 1px solid #ced4da !important;
      border-radius: 5px; }
      body.cleaner .linen-sets-container fieldset legend {
        border: 1px solid #ced4da;
        background-color: white;
        text-align: left;
        font-size: 0.9em;
        padding: 5px; }
    body.cleaner .linen-sets-container .linen-sets-content,
    body.cleaner .linen-sets-container .bathroom-sets-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding: 0px;
      margin: 3px 0px;
      border-top: 1px solid #efefef; }
      body.cleaner .linen-sets-container .linen-sets-content label,
      body.cleaner .linen-sets-container .bathroom-sets-content label {
        font-size: 0.9em;
        padding: 3px 3px 0px 3px; }
    body.cleaner .linen-sets-container .linen-totals-box-holder {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      body.cleaner .linen-sets-container .linen-totals-box-holder .linen-totals-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: 2px;
        max-width: 80px;
        font-size: 0.65em; }
  body.cleaner .btn-box {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    @media (min-width: 769px) {
      body.cleaner .btn-box {
        padding: 5px 10px 5px 10px; } }
  body.cleaner .button-inactive {
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 2px #333;
            box-shadow: 0px 0px 2px #333;
    background-color: white;
    color: #333;
    padding: 1px 0px 0px 0px; }
  body.cleaner .button-inactive .fa-home,
  body.cleaner .button-inactive .fa-list-alt,
  body.cleaner .button-inactive .fa-list,
  body.cleaner .button-inactive .fa-book,
  body.cleaner .button-inactive .fa-angle-right,
  body.cleaner .button-inactive .fa-angle-left,
  body.cleaner .button-inactive .fa-envelope {
    color: #333;
    font-size: 1.5em;
    font-weight: 0; }
  body.cleaner .button-inactive .fa-angle-right,
  body.cleaner .button-inactive .fa-angle-left {
    padding: 2px 0px 0px 0px; }
  body.cleaner .button-active {
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 2px #000;
            box-shadow: 0px 0px 2px #000;
    background: radial-gradient(rgba(56, 180, 254, 0.05), rgba(56, 180, 254, 0.6));
    /*
    background-color:#1abb9c; //green;
    background: linear-gradient(210deg, rgba(26,187,156,0.9) 40%, rgba(26,187,156,0.1) 100%)!important;
    */
    color: #333; }
  body.cleaner .camera-icon,
  body.cleaner .chat-icon,
  body.cleaner .envelope-icon,
  body.cleaner .home-icon,
  body.cleaner .linen-icon,
  body.cleaner .notes-icon,
  body.cleaner .right-arrow-icon,
  body.cleaner .rooms-icon,
  body.cleaner .video-camera,
  body.cleaner .video-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 0.8em;
    display: block;
    width: 100%;
    height: 26px; }
  body.cleaner .camera-icon {
    background-image: url(../../assets/images/icons/icon-camera-dark.svg); }
  body.cleaner .chat-icon {
    background-image: url(../../assets/images/icons/icon-chat-dark-cleaner.svg); }
  body.cleaner .envelope-icon {
    background-image: url(../../assets/images/icons/icon-envelope-dark.svg); }
  body.cleaner .home-icon {
    background-image: url(../../assets/images/icons/icon-home-dark.svg); }
  body.cleaner .linen-icon {
    background-image: url(../../assets/images/icons/icon-linen.svg); }
  body.cleaner .notes-icon {
    background-image: url(../../assets/images/icons/icon-notes-dark.svg);
    height: 24px; }
  body.cleaner .right-arrow-icon {
    background-image: url(../../assets/images/icons/icon-right-arrow-dark.svg); }
  body.cleaner .rooms-icon {
    background-image: url(../../assets/images/icons/icon-rooms-dark.svg); }
  body.cleaner .video-camera,
  body.cleaner .video-icon {
    background-image: url(../../assets/images/icons/icon-video-dark.svg); }
  body.cleaner .cleaner-task-icon {
    background: -webkit-gradient(linear, left bottom, right top, from(rgba(51, 122, 183, 0.6)), to(rgba(51, 122, 183, 0.9)));
    background: linear-gradient(to top right, rgba(51, 122, 183, 0.6), rgba(51, 122, 183, 0.9));
    background-position: center !important;
    background-size: 65%, 100% !important;
    background-repeat: no-repeat !important;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) !important;
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) !important;
    border-radius: 50% !important;
    position: absolute !important; }
  body.cleaner .comment-dots {
    display: block;
    width: 100%;
    background: url(../../assets/images/icons/chat.svg);
    background-size: 35px 35px;
    background-position: center center;
    background-repeat: no-repeat;
    min-width: 40px;
    min-height: 40px; }

/*
	cleaner
*/
body.cleaner-editor {
  background-size: cover;
  /** Select2 **/
  /** /Select2 **/ }
  body.cleaner-editor .ge-tools button {
    background-color: white;
    color: #333;
    margin-bottom: 0px;
    padding: 8px 13px 5px 13px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 3px #e0e0e0;
            box-shadow: 0px 0px 3px #e0e0e0; }
  body.cleaner-editor .ge-tools .dropdown-menu, body.cleaner-editor .ge-tools .dropdown-item, body.cleaner-editor .ge-tools a {
    background-color: white !important;
    color: #333 !important;
    font-size: 0.9em; }
  body.cleaner-editor .ge-tools .dropdown-menu {
    padding: 0px;
    min-width: auto; }
    body.cleaner-editor .ge-tools .dropdown-menu a {
      background-color: white !important;
      color: #333 !important;
      padding: 5px 12px 5px 12px; }
    body.cleaner-editor .ge-tools .dropdown-menu a:hover {
      background-color: #e0e0e0 !important;
      color: #333 !important; }
  body.cleaner-editor .ge-tools .dropdown-item:hover {
    background-color: #e0e0e0 !important;
    color: #333 !important; }
  body.cleaner-editor .main-cleaner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100vh;
    width: 100vw;
    /*background-image:url();*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*backdrop-filter:blur;*/ }
    body.cleaner-editor .main-cleaner .main-section {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: 100%;
      /*border:1px solid white;*/
      padding: 50px;
      /*padding-top:120px;*/
      color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center; }
      body.cleaner-editor .main-cleaner .main-section .thumb img {
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        border: 3px solid white;
        -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
                box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5); }
      body.cleaner-editor .main-cleaner .main-section .greeting {
        font-size: 1.7em;
        font-weight: 500;
        margin-top: 10px; }
      body.cleaner-editor .main-cleaner .main-section .property-code {
        margin-top: 20px;
        font-weight: 500;
        font-size: 1.7em;
        position: relative; }
      body.cleaner-editor .main-cleaner .main-section .property-address {
        margin-top: 20px;
        font-weight: 500;
        font-size: 1em;
        text-align: center; }
    @media (max-width: 700px), (max-height: 680px) {
      body.cleaner-editor .main-cleaner .main-section {
        height: 100vh; }
        body.cleaner-editor .main-cleaner .main-section .greeting,
        body.cleaner-editor .main-cleaner .main-section .property-code,
        body.cleaner-editor .main-cleaner .main-section .property-address {
          margin: 0px;
          padding: 3px; } }
  body.cleaner-editor .main-cleaner-tasks {
    text-align: center; }
    body.cleaner-editor .main-cleaner-tasks .main-section-cleaner {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      color: #333;
      padding: 0px;
      width: auto;
      height: auto;
      margin: auto;
      width: 100%; }
      body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .cleaner-room-list {
        color: #333;
        border: 1px solid #e0e0e0;
        width: 100%;
        font-size: 0.9em; }
        body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .cleaner-room-list h2 {
          padding: 10px;
          text-align: center;
          border-bottom: 1px solid #e0e0e0;
          color: #333; }
        body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .cleaner-room-link {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border-bottom: 1px solid #e0e0e0;
          padding: 10px;
          width: 100%;
          text-decoration: none;
          color: #333; }
        body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .cleaner-room-image {
          background-color: white;
          padding: 3px;
          width: 50px;
          height: 50px;
          border-radius: 50%;
          -webkit-box-shadow: 0px 0px 2px #333;
                  box-shadow: 0px 0px 2px #333; }
        body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .cleaner-room-title {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          text-align: left;
          padding-left: 10px; }
        body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .tasks-completed-status {
          padding-left: 10px; }
        body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .cleaner-room-list .tasks-total-status {
          padding: 0px;
          text-align: left;
          min-width: 80px; }
      body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder {
        color: black;
        border: 1px solid #e0e0e0;
        width: 100%;
        max-width: 800px; }
        body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border-bottom: 1px solid #e0e0e0;
          padding: 10px;
          width: 100%; }
          body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box .cleaner-task-hero {
            background-color: #337ab7;
            padding: 10px;
            width: 40;
            height: 40px;
            border-radius: 50%;
            -webkit-box-shadow: 0px 0px 2px #333;
                    box-shadow: 0px 0px 2px #333; }
          body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .cleaner-tasks-holder .cleaner-task-box .cleaner-task-title {
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            padding-left: 10px;
            text-align: left;
            font-size: 0.9em; }
      body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .cleaner-actions-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 10px; }
      body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .btn-box {
        padding: 5px 10px 5px 10px; }
      body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .add-room,
      body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .delete-room,
      body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .notes-save,
      body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .photo-send,
      body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .task-complete {
        border: none;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        -webkit-box-shadow: 0px 0px 3px #333;
                box-shadow: 0px 0px 3px #333;
        background-color: white;
        color: black; }
      body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .notes-saved,
      body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .photo-sent,
      body.cleaner-editor .main-cleaner-tasks .main-section-cleaner .task-completed {
        border: none;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        -webkit-box-shadow: 0px 0px 2px #000;
                box-shadow: 0px 0px 2px #000;
        background-color: green;
        color: white; }
  body.cleaner-editor .sb-image-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative; }
    body.cleaner-editor .sb-image-selector .sb-selector {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0.75))), url("../images/photo.png");
      background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url("../images/photo.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover, 30%;
      border: 1px solid #efefef;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      height: 150px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0 10px 0 0;
      max-width: 150px;
      min-width: 150px;
      position: relative;
      text-align: center; }
      body.cleaner-editor .sb-image-selector .sb-selector:after {
        color: #5e7185;
        content: 'Drag and Drop or Click Here to upload your image';
        display: block;
        font-weight: 400;
        height: auto;
        left: 0px;
        opacity: 0.75;
        padding: 10px;
        position: absolute;
        text-size: 1em;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%;
        z-index: 2; }
      body.cleaner-editor .sb-image-selector .sb-selector .inputFile {
        background: #ffffcc;
        cursor: pointer;
        height: 100%;
        left: 0px;
        opacity: 0;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 3; }
        body.cleaner-editor .sb-image-selector .sb-selector .inputFile:disabled {
          cursor: not-allowed; }
    body.cleaner-editor .sb-image-selector .sb-preview {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25))), url("../images/no_image.png");
      background-image: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), url("../images/no_image.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover, 70px 70px;
      border: 1px solid #efefef;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      height: 150px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      max-width: 200px;
      min-width: 150px;
      padding: 10px;
      position: relative; }
      body.cleaner-editor .sb-image-selector .sb-preview img {
        height: auto;
        max-height: 100%;
        max-width: 100%; }
      body.cleaner-editor .sb-image-selector .sb-preview .sb-delete-image-btn {
        background-color: #6c757d;
        border: 1px solid #fff;
        border-radius: 3px;
        color: #fff;
        position: absolute;
        right: 10px;
        text-align: center;
        top: 10px;
        width: 10px;
        height: 10px;
        z-index: 5;
        padding: 0px !important; }
  body.cleaner-editor #category-box-select-image .sub-category-slideshow-slide {
    background-color: white;
    color: black; }
  body.cleaner-editor #category-box-select-image .sub-category-slideshow-caption {
    text-align: center;
    margin-top: -40px;
    opacity: 0.8; }
  body.cleaner-editor #category-box-select-image .sub-category-slideshow-caption span {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 0.9em; }
  body.cleaner-editor #category-box-select-image #property_image_list {
    list-style-type: none;
    min-height: 200px; }
    body.cleaner-editor #category-box-select-image #property_image_list li {
      background-color: #e0e0e0;
      padding: 5px;
      text-align: center; }
      body.cleaner-editor #category-box-select-image #property_image_list li img {
        width: 100%;
        height: auto;
        max-width: 200px;
        display: inline-block;
        background-color: white;
        -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
                box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
        border-radius: 3px;
        padding: 2px; }
  body.cleaner-editor #categoryImagePreviews .sub-category-slideshow-slide {
    display: inline-block;
    vertical-align: middle;
    float: none; }
  body.cleaner-editor #categoryImagePreviews .slick-control-prev {
    position: absolute;
    left: 25px !important;
    top: 40%;
    z-index: 1;
    background: none;
    border: none;
    font-size: 2em;
    color: #e0e0e7;
    text-shadow: 0px 0px 3px black; }
  body.cleaner-editor #categoryImagePreviews .slick-control-next {
    position: absolute;
    right: 25px !important;
    top: 40%;
    background: none;
    border: none;
    font-size: 2em;
    color: #e0e0e7;
    text-shadow: 0px 0px 3px black; }
  body.cleaner-editor .select2-container--default .select2-selection--single,
  body.cleaner-editor .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    min-height: 38px;
    width: 100%; }
  body.cleaner-editor .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #73879C;
    padding-top: 5px; }
  body.cleaner-editor .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-top: 3px; }
  body.cleaner-editor .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    right: 40px; }
  body.cleaner-editor .select2-container--default .select2-selection--multiple .select2-selection__choice,
  body.cleaner-editor .select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 2px;
    border: none;
    border-radius: 0;
    padding: 3px 5px; }
  body.cleaner-editor .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ccc; }
  body.cleaner-editor .select2 {
    width: 100% !important; }

@media (max-width: 970px) {
  .property-name {
    background-image: none !important; } }
#container {
  padding: 0 0 160px 0; }

/**** Hamburger menu ******/
.navbar a {
  display: block; }
.navbar .hamburger {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  background: 0 0;
  border: none;
  opacity: 1;
  width: 25px;
  height: 25px;
  /* margin-bottom: -60px; */
  /* top: 20px; */
  position: -webkit-sticky;
  position: sticky;
  z-index: 100000000;
  margin: 3px 0 -1px 0; }
.navbar .hamburger:hover {
  cursor: pointer;
  opacity: .5; }
.navbar .hamburger .line {
  width: 25px;
  height: 2px;
  background: #fff;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 3px; }
.navbar .hamburger .line:nth-child(1) {
  background-color: #fff; }
.navbar .hamburger .line:nth-child(2) {
  background-color: #fff; }
.navbar .hamburger .line:nth-child(3) {
  background-color: #fff; }
.navbar .hamburger.isactive .line:nth-child(2) {
  opacity: 0; }
.navbar .hamburger.isactive .line:nth-child(1) {
  -webkit-transform: translateY(7px) rotate(45deg);
          transform: translateY(7px) rotate(45deg); }
.navbar .hamburger.isactive .line:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(-45deg);
          transform: translateY(-7px) rotate(-45deg); }
@-webkit-keyframes fade {
  from {
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1; } }
@keyframes fade {
  from {
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1; } }
/* End hamburger */
.main-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .main-section h1 {
    font-size: 1.8rem;
    font-weight: bold; }
  .main-section h3 {
    font-size: 1.3rem;
    margin: 0; }

/* ----------------------------------------------
 * Generated by Animista on 2021-3-4 9:3:5
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
@-webkit-keyframes wait {
  0% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes wait {
  0% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.text-focus-in {
  -webkit-animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  margin: 0 0 10px 0; }

.fade-in-delay {
  -webkit-animation: wait 900ms, fade-in 800ms 900ms;
          animation: wait 900ms, fade-in 800ms 900ms; }

.fade-in-long-delay {
  -webkit-animation: wait 1400ms, fade-in 800ms 1400ms;
          animation: wait 1400ms, fade-in 800ms 1400ms; }

.fade-in-2400-delay {
  -webkit-animation: wait 1600ms, fade-in 800ms 1600ms;
          animation: wait 1600ms, fade-in 800ms 1600ms; }

.show-upgrade-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-height: 600px;
  overflow-y: auto;
  position: relative;
  text-align: left;
  font-size: 0.9em; }
  .show-upgrade-content .upgrade-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px; }
    .show-upgrade-content .upgrade-content .upgrade-title-lg {
      font-weight: 700;
      font-size: 1.2em; }
    .show-upgrade-content .upgrade-content .upgrade-title-sm {
      font-weight: 700;
      font-size: 1em;
      padding: 5px; }
    .show-upgrade-content .upgrade-content .upgrade-rule {
      max-height: 150px;
      padding: 5px;
      overflow: auto;
      border: 1px solid #efefef; }
  .show-upgrade-content .img-holder {
    position: relative;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px; }
    .show-upgrade-content .img-holder img {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: auto;
      max-height: 500px;
      padding: 5px;
      margin-bottom: 5px;
      border: 1px solid #efefef; }
  @media (min-width: 768px) {
    .show-upgrade-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      max-height: 600px;
      position: relative;
      text-align: left;
      font-size: 0.9em;
      overflow: hidden; } }

/*# sourceMappingURL=styles.min.css.map */