@charset "UTF-8";

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ===========================================
=========== Toogle Filter Style ==============
=========================================== */

.search-filter-fixed .toggle.filter {
  display: none;
}

.search-filter-fixed .toggle-filters-btn {
  background: #51a332;
  border: 2px solid #51a332;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
}

/* ===========================================
========== Container Styles Pex ==============
=========================================== */

.col-no-padding,
.booking-summary-container {
  max-width: 1000px;
  padding: 0;
}

.col-no-padding.col-md-10.col-xs-12,
.col-no-padding.col-md-12,
.booking-summary-container {
  float: none;
  margin: 0 auto;
}

.col-no-padding.col-md-10.col-xs-12 {
  padding: 0 30px;
}

.login.col-centered,
.login-form.col-centered,
#booking-journey-applet .otp-new-password-container {
  width: 90%;
  margin: 20px auto;
  flex: 0 0 100%;
  max-width: 1150px;
}

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

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

#back-button-container {
  width: 90%;
  max-width: 1000px;
  margin: 60px auto -60px;
}

#back-button {
  background: none;
  border: none;
  font-family: Dosis, sans-serif;
  font-weight: bold;
  padding: 0;
  text-transform: uppercase;
}

/* ===========================================
============ SearchSite Styles ===============
=========================================== */

.divFrozen {
  opacity: 0.6;
  pointer-events: none;
}

body.page-template-template-pex-search
header.header.invest
a.btn.primary.sticky
body.page-template-template-pex-journey
header.header.invest
a.btn.primary.sticky,
body.page-template-template-pex-enquiry header.header.invest a.btn.primary.sticky,
body.page-template-template-pex-other-enquiry header.header.invest a.btn.primary.sticky {
  display: none;
}

#booking-title-container {
  position: absolute;
  /*top: 190px;*/
  left: 0px;
  right: 0px;
  z-index: 8;
}

#booking-title {
  width: 80%;
  max-width: 380px;
  margin: 0 auto;
}

#top-menu.search-filter-fixed {
  margin: 0 auto;
  background: #e6e9ed;
  color: #2a2c44;
  padding: 240px 20px 20px;
  max-width: 100%;
  z-index: 5;
}

#top-menu.search-filter-fixed .search-tool-bar {
  max-width: 1000px;
  float: none;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.search-filter-fixed .search-title-top {
  display: none;
}

.search-filter-fixed .search-tool-bar .search-form-filter label {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.search-filter-fixed .search-tool-bar .search-form-filter {
  margin-bottom: 15px;
  max-width: 30%;
  flex-basis: 30%;
  flex-grow: 1;
}

@media screen and (max-width: 1199px) {
  #top-menu.search-filter-fixed {
    /*top: -20px;*/
  }
  #booking-title-container {
    top: 230px;
  }
}
@media screen and (max-width: 960px) {
  #top-menu.search-filter-fixed {
    /*top: -75px;*/
  }

  .search-filter-fixed .search-tool-bar .search-form-filter {
    /*max-width: 33% !important;*/
  }
}
@media screen and (max-width: 767px) {
  #booking-title-container {
    top: 240px;
  }

  .search-filter-fixed .search-tool-bar .search-form-filter {
    max-width: 50% !important;
    flex-basis: 50%;
  }

  .search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-bookingTypes,
  .search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-PROPERTYTYPE {
    /*float: left;*/
  }
}
@media screen and (max-width: 550px) {
  #top-menu.search-filter-fixed {
    /*top: -95px;*/
  }

  .search-filter-fixed .search-tool-bar .search-form-filter {
    max-width: 100% !important;
    flex-basis: 100%;
  }

  .search-filter-fixed .search-tool-bar .form-group button#pex-search-button-horizontal {
    padding: 7px 25px !important;
  }
  .search-filter-fixed .search-tool-bar .form-group button.pex-reset-search-button-horizontal {
    padding: 5px 10px !important;
  }
}
@media screen and (max-width: 400px) {
  #booking-title-container {
    top: 260px;
  }
}

.search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-BUILDING,
.search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-PROPERTYTYPE {
  max-width: 40%;
  flex-basis: 40%;
}

.search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-AREA {
  order: 1;
}
.search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-BUILDING {
  order: 2;
}
.search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-PORTFOLIO {
  order: 3;
}
.search-filter-fixed .search-tool-bar .search-form-filter.dropdown-radio-gender {
  order: 4;
}
.search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-bookingTypes {
  order: 6;
}
.search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-PROPERTYTYPE {
  order: 5;
}

#demo-search-applet .search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-bookingTypes {
  float: right;
}

#demo-search-applet .search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-PROPERTYTYPE {
  float: none;
  display: inline-block;
}

.search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-FLOOR,
.search-filter-fixed .search-tool-bar .search-date,
.search-filter-fixed .search-tool-bar .search-form-filter.dropdown-radio-min-budget,
.search-filter-fixed .search-tool-bar .search-form-filter.dropdown-radio-budget,
.search-filter-fixed .search-tool-bar .search-end-date
{
  display: none;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group,
.search-filter-fixed .search-tool-bar .search-form-filter .input-group .btn-group {
  width: 100%;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group .input-group-addon {
  display: none;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group button.dropdown-toggle {
  width: 100%;
  padding: 8px 18px;
  border: 1px solid #d7dbe2;
  text-transform: none;
  text-align: left;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  height: 40px;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group button.dropdown-toggle,
.search-filter-fixed .search-tool-bar .search-form-filter .input-group button.radio-select-toggle-btn {
  margin-top: 0px;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group button.dropdown-toggle:hover {
  filter: none;
  box-shadow: none;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group ul.dropdown-menu {
  background: #2a2c44;
  color: white;
  border-radius: 0;
  margin-top: 5px;
  padding: 0;
  min-width: 215px;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group ul.dropdown-menu li {
  cursor: pointer;
  margin: 0;
  padding: 5px 10px;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group .dropdown-category ul.dropdown-menu li {
  margin-left: 20px;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group .dropdown-category ul.dropdown-menu li.pex-element-disabled {
  display: none;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group ul.dropdown-menu li i.fa.fa-square-o {
  margin-left: -20px;
  width: 20px;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group ul.dropdown-menu li.pex-element-selected,
.search-filter-fixed .search-tool-bar .search-form-filter .input-group ul.dropdown-menu li:hover {
  color: #51a332;
}

.search-filter-fixed .search-tool-bar .search-form-filter .input-group ul.dropdown-menu li#placeHolder {
  color: #aaa;
}
.search-filter-fixed .search-tool-bar .search-form-filter .input-group .dropdown-single-select ul.dropdown-menu li i.radio-element-selected {
  display: none;
}

.search-filter-fixed .search-tool-bar > .form-group:last-child {
  clear: both;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin: 25px 0 20px;
  order: 10;
}

.search-filter-fixed .search-tool-bar > .form-group:last-child label.control-label {
  display: none;
}

.search-filter-fixed .search-tool-bar .form-group button#pex-search-button-horizontal {
  float: right;
  background: #51a332;
  color: white;
  border-radius: 20.5px;
  border: none;
  padding: 7px 60px;
  margin-left: 20px;
  margin-bottom: 5px;
}
.search-filter-fixed .search-tool-bar .form-group button#pex-search-button-horizontal .fa.fa-search,
.search-filter-fixed .search-tool-bar .form-group button.pex-reset-search-button-horizontal .fa.fa-refresh {
  display: none;
}

.search-filter-fixed .search-tool-bar .form-group button {
  cursor: pointer;
}

.search-filter-fixed .search-tool-bar .form-group button .hidden {
  display: inline;
  visibility: visible;
}

.search-filter-fixed .search-tool-bar .form-group button.pex-reset-search-button-horizontal {
  float: right;
  padding: 5px 15px;
}
.search-filter-fixed .search-tool-bar .form-group button.pex-reset-search-button-horizontal .hidden {
  float: right;
  padding: 0 8px;
}

.search-filter-fixed .search-tool-bar .form-group button.pex-my-shortlist-button-horizontal,
.search-filter-fixed .search-tool-bar .form-group button#log-in-btn {
  display: none;
}

.search-filter-fixed .toggle button {
  float: right;
}

.search-tool-bar .search-form-filter .hidden,
.search-tool-bar .form-group .hidden {
  visibility: hidden;
  display: none;
}

.pex-search-button-horizontal,
.pex-reset-search-button-horizontal,
.pex-my-shortlist-button-horizontal {
  padding: 5px 10px;
}

.fa-refresh:before {
  content: "\f021";
}

.fa-sign-in:before {
  content: "\f007";
}

.fa-square-o:before {
  content: "\f0c8";
}

.radio-element-selected:before {
  content: "\f058";
}

.pex-element-selected .fa-square-o:before {
  content: "\f14a";
}

.pex-list-date,
.dropdown-toggle-date {
  width: 100%;
}

.dropdown-category-container .fa.fa-icon:after,
.radio-dropdown-container .fa.fa-icon:after {
  content: "\f1ad";
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group .form-control,
.btn-default,
.input-group-addon,
.form-control {
  color: #2a2c44;
}

.form-control,
.input-group-addon {
  background-color: #fff;
  /***border-radius: 22px;***/
  padding: 9px 12px;
  /*min-height: 46px;*/
  border: 1px solid #ced2d5;
  box-shadow: none;
  -webkit-appearance: none;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
  display: table-cell;
}

.input-group .form-control select,
button {
  cursor: pointer;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 115px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.input-group-addon:first-child {
  padding: 6px 10px;
  border-radius: 0;
  border: 1px solid #2a2c44;
  border-right: 0;
}

.radio-select-toggle-btn,
.category-toggle-btn {
  border-radius: 0;
}

.dropdown-category .caret,
.dropdown-single-select .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  right: 5px;
  top: 50%;
}

.dropdown-category .category-toggle-btn,
.dropdown-single-select .radio-select-toggle-btn {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  padding: 6px 18px 6px 8px;
  font-size: 14px;
  line-height: 1.42857143;
  /*border-radius: 0 15px 15px 0;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-category.dropdown ul.dropdown-menu {
  display: none;
}

.dropdown-category.dropdown.open ul.dropdown-menu,
.dropdown-single-select.dropdown.open ul.dropdown-menu {
  display: inline-block;
  width: 100%;
  background: #fff;
  color: #2a2c44;
}

button#date {
  padding-right: 15px;
  padding-left: 15px;
  border-left: 1px solid #eee;
  border-radius: 0;
}

.dropdown-category.dropdown.open ul.dropdown-menu li {
  padding-left: 10px;
}

.dropdown-category.dropdown.open ul.dropdown-menu li:before,
.dropdown-single-select.dropdown.open ul.dropdown-menu li:before {
  position: relative;
  background: transparent;
  width: 0;
  height: 0;
  content: inherit;
}

.dropdown-single-select.dropdown ul.dropdown-menu {
  display: none;
}

.dropdown-single-select.dropdown.open ul.dropdown-menu {
  display: block;
}

.room-title h3 {
  margin-top: 0;
  font-weight: 300;
  color: #51a332;
}

.room-type-description {
  width: 66.66666667%;
}

.room-type-description p {
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  line-height: 2.3rem;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: block;
  vertical-align: middle;
}

.btn-group .btn:first-child {
  margin-left: 0;
}

.btn-default {
  background-color: #fff;
}

#pex-demo .row .col-md-10.col-xs-12 {
  margin: 0 auto;
}
#pex-demo .row .col-md-10.col-xs-12 div.alert-success div.alert-success {
  padding: 40px 0 20px;
  text-align: center;
}

/* ===========================================
============ Search Results ==================
=========================================== */

.search-results .panel-heading {
  display: none;
}

.single-property {
  border: solid 1px #e6e9ed;
  margin-top: 45px;
}

.single-property .row {
  position: relative;
  margin: 0;
}
.single-property .row .col-md-4,
.single-property .row .col-md-6,
.single-property .row .col-md-2 {
  padding: 0;
  flex: unset;
}
.single-property .row .col-md-4 {
  width: 40%;
  max-width: 40%;
  position: static;
}
.single-property .row .col-md-6.room-type-description {
  width: 60%;
  max-width: 60%;
  margin-bottom: 20px;
}
.single-property .row .col-md-2 {
  position: absolute;
  top: 19px;
  right: 0px;
  margin-right: 20px;
  min-width: 210px;
  text-align: right;
}

.single-property .col-md-4 .room-title.above-image,
.single-property .col-md-6.room-type-description .room-title {
  display: block;
  height: 66px;
  background: #e6e9ed;
}

.single-property .col-md-4 .room-title.above-image {
  padding: 10px 0 0 20px;
}
.single-property .col-md-4 .room-title.above-image h3 {
  position: absolute;
  z-index: 1;
  margin: 0;
  padding-top: 9px;
  color: #232835;
  font-weight: bold;
  text-transform: uppercase;
}
.single-property .col-md-4 .room-title.above-image h3 span.building-name {
  text-transform: none;
}

.single-property .col-md-6.room-type-description .room-title {
  margin-bottom: 20px;
}

.single-property .col-md-6.room-type-description .room-title h3 {
  display: none;
}

.single-property .col-md-6.room-type-description p {
  margin-left: 140px;
  margin-right: 25px;
  min-height: 23px;
}

.single-property .col-md-6.room-type-description p.buildingAndArea,
.single-property .col-md-6.room-type-description p.features,
.single-property .col-md-6.room-type-description p.floor,
.single-property .col-md-6.room-type-description p.portfolio,
.single-property .col-md-6.room-type-description p.extraFeatures {
  display: none;
}

.single-property .col-md-6.room-type-description p b {
  display: inline-block;
  margin-left: -120px;
  position: absolute;
}

.single-property .col-md-4 .room-title.above-image h3,
.single-property .col-md-2 .room-price-number {
  font-family: Dosis, sans-serif;
  font-weight: bold;
  font-size: 18px;
}

.single-property .room-img {
  padding: 20px;
}

.single-property p.no-images {
  padding: 20px;
}

.single-property .buttons {
  padding-left: 20px;
  max-width: 100%;
  width: 100%;
  flex: 0 0 100%;
}

.single-property .buttons button.pex-room-details {
  display: none;
  color: #51a332;
  text-decoration: underline;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: 1.4rem;
  margin-right: 15px;
}
.single-property .buttons button.pex-room-details .fa.fa-home,
.single-property
.buttons
button.pex-room-enquire
.fa.fa-comments-o
.pex-room-details-container
#book-box
.btn-block
button.book-now-linked-offer-list
.fa.fa-bed,
.pex-room-details-container #book-box .btn-block a.pex-room-arrange .fa.fa-eye,
.pex-room-details-container #room-list .pex-offer button.pex-book-now .fa.fa-bed {
  display: none;
}
.single-property .buttons button.pex-room-details:hover,
.single-property .buttons a:hover,
.pex-room-details-container #book-box .btn-block button.book-now-linked-offer-list:hover,
.pex-room-details-container #book-box .btn-block a:hover {
  box-shadow: none;
}

.single-property .buttons .details-buttons a.pex-room-enquire,
.single-property .buttons .details-buttons a.pex-room-arrange,
.pex-room-details-container #room-list .pex-offer button.pex-book-now {
  border-radius: 17px;
  font-size: 1.6rem;
  padding: 2px 10px;
  margin-right: 15px;
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid;
}

.single-property .buttons .details-buttons a.pex-room-enquire,
.pex-room-details-container #room-list .pex-offer button.pex-book-now {
  background: #51a332;
  color: #fff;
  border-color: #51a332;
}

.single-property .buttons .details-buttons a.pex-room-arrange .fa.fa-eye {
  display: none;
}

.pex-room-details-container #room-list .pex-offer button.pex-book-now {
  padding: 3px 25px;
  margin-top: 1px;
}

/*.pex-room-details-container #book-box .btn-block a.pex-room-arrange,*/
.pex-room-details-container #room-list .pex-offer button.add-to-shortlist {
  display: none;
}

.single-property .room-list,
.pex-room-details-container .room-list {
  flex: 0 0 100%;
  font-size: 1.4rem;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 0 20px;
  overflow-x: auto;
}

.single-property .room-list,
.single-property .room-list table,
.pex-room-details-container .room-list,
.pex-room-details-container .room-list table {
  width: 100%;
  max-width: 100%;
}

.single-property .room-list table,
.pex-room-details-container .room-list table {
  min-width: 650px;
}

.single-property .room-list table th,
.single-property .room-list table td,
.pex-room-details-container .room-list table th,
.pex-room-details-container .room-list table td {
  padding: 10px 0;
  border-bottom: 1px solid #e6e9ed;
}

.single-property .room-list table th,
.pex-room-details-container .room-list table th {
  text-transform: uppercase;
}

/*.single-property .room-list table th.gender,
.single-property .room-list table td.offer-gender,
.pex-room-details-container .room-list table th.gender,
.pex-room-details-container .room-list table td.offer-gender {
  display: none;
}*/

.single-property .room-list table th.table-btns,
.single-property .room-list table td.text-right,
.pex-room-details-container .room-list table th.table-btns,
.pex-room-details-container .room-list table td.text-right {
  display: none;
}

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

.single-property .room-list .btn-group .pex-book-now {
  display: none;
}

.single-property .property-group {
  /*padding: 20px;
  padding-top: 10px;
  font-size: 1.2rem;*/
  display: none;
}

.single-property .property-group i.fa.fa-building-o {
  display: none;
}

.search-filter-fixed .col-md-1,
.search-filter-fixed .col-md-10,
.search-filter-fixed .col-md-11,
.search-filter-fixed .col-md-12,
.search-filter-fixed .col-md-2,
.search-filter-fixed .col-md-3,
.search-filter-fixed .col-md-4,
.search-filter-fixed .col-md-5,
.search-filter-fixed .col-md-6,
.search-filter-fixed .col-md-7,
.search-filter-fixed .col-md-8,
.search-filter-fixed .col-md-9 {
  float: left;
}

@media screen and (max-width: 768px) {
  .single-property .row .col-md-4 {
    width: 100%;
    max-width: 100%;
  }

  .single-property .col-md-6.room-type-description .room-title {
    display: none;
  }

  .single-property .row .col-md-6.room-type-description {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 550px) {
  .single-property .col-md-4 .room-title.above-image h3 {
    padding-top: 0;
  }

  .single-property .row .col-md-2 {
    top: 33px;
  }
}

/* ===========================================
=========== Room Details =====================
=========================================== */

.pex-room-details-container {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 90px 0px 300px;
  z-index: 9;
  background: white;
}

.pex-room-details-container #sec0,
.pex-room-details-container > .col-no-padding.pull-right.col-md-12.col-xs-12 {
  flex: initial;
  border: 1px solid #e6e9ed;
  margin: 20px 0;
}

.pex-room-details-container #sec0 {
  width: 60%;
  border-right: none;
}

.pex-room-details-container > .col-no-padding.pull-right.col-md-12.col-xs-12 {
  position: initial;
  width: 40%;
  border-left: none;
}

.pex-room-details-container .room-details-tab-container {
  margin: 0 5px;
}

.pex-room-details-container #sec0 .carousel {
  padding: 0;
}

.pex-room-details-container #sec0 p.no-images {
  padding: 20px 20px 5px;
}

.pex-room-details-container h1.room-title {
  position: absolute;
  top: 65px;
  left: 0;
  font-size: 2rem;
}

.pex-room-details-container #book-box {
  position: inherit;
  width: 100%;
  max-width: 100%;
  padding: 20px 30px;
}

.pex-room-details-container #book-box .panel-heading {
  position: absolute;
  top: 65px;
  right: -10px;
  font-family: "Dosis", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 10px;
  text-transform: lowercase;
}

.pex-room-details-container #book-box .btn-block a.pex-room-enquire {
  background: #51a332;
  color: #fff;
  border-color: #51a332;
  margin-bottom: 10px;
  margin-right: 10px;
}

.pex-room-details-container #book-box .btn-block button.book-now-linked-offer-list {
  display: none;
}

.pex-room-details-container #book-box .btn-block a.pex-room-enquire i.fa.fa-comments-o {
  display: none;
}

.pex-room-details-container #book-box .details {
  display: none;
}

.pex-room-details-container .room-details-feats #back-button-container {
  position: absolute;
  top: -40px;
  left: 0;
}

.pex-room-details-container .description .col-md-9 {
  margin: 5px 0;
  position: initial;
  max-width: 100%;
  padding: 0 30px;
}

.pex-room-details-container .description .col-md-9 h3.room-short-description {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.pex-room-details-container #room-details-tabs-component {
  width: 100%;
}

.pex-room-details-container .description ul.nav.nav-tabs {
  padding: 0;
  border-bottom: 1px solid #e6e9ed;
}
.pex-room-details-container .description ul.nav.nav-tabs li {
  display: inline-block;
  padding: 5px 20px;
  border-bottom: 1px solid #e6e9ed;
  background: white;
  margin-bottom: -1px;
}
.pex-room-details-container .description ul.nav.nav-tabs li.active {
  border: 1px solid #e6e9ed;
  border-bottom: 1px solid white;
  border-radius: 5px 5px 0 0;
}
.pex-room-details-container .description ul.nav.nav-tabs li.active a {
  color: #232835;
}
.pex-room-details-container .description ul.nav.nav-tabs li::before {
  background: none;
}

.pex-room-details-container .description .tab-content div.tab-pane .room-detailed-description,
.pex-room-details-container .description .tab-content div.tab-pane .room-fplan {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  position: absolute;
  padding-right: 35px;
}
.pex-room-details-container .description .tab-content div.tab-pane.in .room-detailed-description,
.pex-room-details-container .description .tab-content div.tab-pane.in .room-fplan {
  opacity: 1;
}
.pex-room-details-container .description .tab-content div.tab-pane.active .room-detailed-description,
.pex-room-details-container .description .tab-content div.tab-pane.active .room-fplan {
  position: static;
  padding-right: 0;
}

.pex-room-details-container .description .tab-content div.tab-pane .room-detailed-description .room-main-description a br {
  display: none;
}
.pex-room-details-container .description .tab-content div.tab-pane .room-detailed-description .room-main-description a img {
  display: inline-block;
}

.pex-room-details-container .room-list {
  position: absolute;
  left: 0;
  bottom: 70px;
  height: 200px;
}

.pex-room-details-container .privacy-policy {
  position: absolute;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .pex-room-details-container #sec0,
  .pex-room-details-container > .col-no-padding.pull-right.col-md-12.col-xs-12 {
    width: 100%;
    border: none;
  }

  .pex-room-details-container h1.room-title {
    top: 20px;
  }

  .pex-room-details-container #book-box .panel-heading {
    padding: 10px;
    background: #fff;
    top: 80px;
  }
}

/* ===========================================
=========== Book Summary Styles ==============
=========================================== */

.booking-summary-container {
  padding: 20px 0;
}

.booking-summary-container h3.booking-summary-title {
  color: #2a2c44;
}

.booking-summary-container .booking-summary-room-title h3 {
  color: #51a332;
}

.booking-summary-room-information {
  width: 100%;
  padding: 20px 0;
}

.booking-summary-room-information .col-md-6 {
  width: 50%;
  display: inline-block;
  max-width: 50%;
  padding-right: 0;
  vertical-align: top;
}

.booking-summary-room-information .form-group {
  margin-bottom: 10px;
}

.booking-summary-room-information label {
  width: 100%;
  display: inline-block;
}

.booking-summary-room-information input {
  border-radius: 0;
  width: 100%;
}

.booking-summary-container .panel-footer .continue-booking-btn {
  width: 100%;
  background: #51a332;
  color: #fff;
  border: 1px solid #51a332;
}

/* ===========================================
=========== Login Site Styles Pex ============
=========================================== */

#pex-demo .login,
#booking-journey-applet .login-form,
#booking-journey-applet .otp-new-password-container {
  padding: 40px 30px;
  border: solid 1px #d7dbe2;
  margin: 70px auto;
}

.pex-login-username .input-group,
.pex-login-password .input-group,
#booking-journey-applet .login-username .input-group,
#booking-journey-applet .login-password .input-group,
#booking-journey-applet .otp-new-password-container .otp-new-password-form-email .input-group,
#booking-journey-applet .otp-new-password-container .otp-new-password-form-password .input-group,
#booking-journey-applet .otp-new-password-container .otp-new-password-form-confirm-password .input-group {
  width: 100%;
  margin: 5px auto;
}

.pex-login-username .input-group .input-group-addon,
.pex-login-password .input-group .input-group-addon,
#booking-journey-applet .login-username .input-group .input-group-addon,
#booking-journey-applet .login-password .input-group .input-group-addon,
#booking-journey-applet .otp-new-password-container .input-group .input-group-addon {
  display: none;
}

.pex-login-username .input-group input.form-control,
.pex-login-password .input-group input.form-control,
#booking-journey-applet .login-username .input-group input.form-control,
#booking-journey-applet .login-password .input-group input.form-control,
#booking-journey-applet .otp-new-password-container .input-group input.form-control {
  border-radius: 0;
  border: 1px solid #d7dbe2;
  width: 100%;
  padding-left: 15px;
}

.pex-login-username .input-group input.form-control::placeholder,
.pex-login-password .input-group input.form-control::placeholder,
#booking-journey-applet .login-username .input-group input.form-control::placeholder,
#booking-journey-applet .login-password .input-group input.form-control::placeholder,
#booking-journey-applet .otp-new-password-container .input-group input.form-control::placeholder {
  font-size: 14px;
  color: #9e9e9e;
}

.login.col-centered .web-form-instance,
.login.col-centered .btns-bottom,
.login-form.col-centered .web-form-instance,
.login-form.col-centered .btns-bottom {
  width: 53%;
}

.login.col-centered .web-form-instance,
.login-form.col-centered .web-form-instance,
#booking-journey-applet .otp-new-password-container .web-form-instance {
  margin: 25px auto;
}

.login.col-centered .web-form-instance .form-group,
.login-form.col-centered .web-form-instance .form-group,
#booking-journey-applet .otp-new-password-container .form-group {
  width: 100%;
  margin-bottom: 10px;
}

.login.col-centered .btns-bottom,
.login-form.col-centered .btns-bottom,
#booking-journey-applet .otp-new-password-container .btns-bottom {
  padding: 0 20px;
  margin: 20px auto 25px;
  text-align: left;
}

.login-form.col-centered .btns-bottom {
  text-align: right;
}

.login.col-centered .btns-bottom button.btn,
.login-form.col-centered .btns-bottom button.btn,
#booking-journey-applet .otp-new-password-container .btns-bottom button.btn {
  color: #fff;
  cursor: pointer;
  padding: 5px 20px;
}

.login.col-centered .row-button-checkbox,
.login-form.col-centered .row-button-checkbox {
  width: 38%;
  margin: 0 auto;
}

.login.col-centered .btns-bottom .pex-login-button,
.login-form.col-centered .btns-bottom .login-btn,
#booking-journey-applet .otp-new-password-container .btns-bottom .otp-new-password-save-button {
  background: #51a332;
  border: 1px solid #51a332;
  float: right;
}

.login.col-centered .btns-bottom .pex-register-button {
  background: #c6047c;
  border: 1px solid #c6047c;
}

.login.col-centered .row-button-checkbox .pex-forgot-password-link,
.login-form.col-centered #forgot-password-link {
  background: none;
  border: none;
  color: #51a332;
  font-size: 14px;
  text-decoration: underline;
  padding: 0;
}

.login-form.col-centered #forgot-password-link {
  float: left;
  margin-top: 8px;
}

.login.col-centered .row-button-checkbox .pex-forgot-password-link:hover,
.login-form.col-centered #forgot-password-link:hover {
  box-shadow: none;
  cursor: pointer;
}

#booking-journey-applet .otp-new-password-container .panel-body {
  width: 43%;
  margin: 0 auto;
}

#booking-journey-applet .otp-new-password-container .panel-body .alert-message {
  padding: 0px 15px 5px;
}

#booking-journey-applet .otp-new-password-container .input-group input:disabled {
  background: #eee;
  opacity: 0.7;
  cursor: default;
  margin-bottom: -5px;
}

@media only screen and (max-width: 1024px) {
  .login.col-centered .btns-bottom .pex-login-button,
  .login-form.col-centered .btns-bottom .login-btn {
    float: none;
  }

  .login.col-centered .btns-bottom button.btn,
  .login-form.col-centered .btns-bottom button.btn,
  #booking-journey-applet .otp-new-password-container .btns-bottom button.btn {
    width: 100%;
    margin: 5px 0;
  }
}

@media only screen and (max-width: 768px) {
  .login.col-centered .web-form-instance,
  .login.col-centered .btns-bottom,
  .login-form.col-centered .web-form-instance,
  .login-form.col-centered .btns-bottom,
  #booking-journey-applet .otp-new-password-container .panel-body {
    width: 90%;
  }
}

/* ===========================================
============= Register, Booking Styles Pex ============
=========================================== */

.register.col-centered,
.enquiry-room-form {
  max-width: 1000px;
  width: 90%;
  margin: 70px auto 30px;
  flex: 0 0 100%;
  padding: 40px 30px;
  border: solid 1px #d7dbe2;
}

.register .pex-register-form-title,
.enquiry-room-form .enquiry-room-form-title {
  text-transform: uppercase;
  margin-bottom: 30px;
}

.register .form-horizontal .web-form-instance span.search-applet-register-form-firstName,
.register .form-horizontal .web-form-instance span.search-applet-register-form-mobile-theNumber {
  padding-left: 15px;
  width: 100%;
}

.register .form-horizontal .web-form-instance span.search-applet-register-form-mobile-theNumber {
  margin-top: 30px;
}

.register .form-horizontal .web-form-instance span.search-applet-register-form-firstName h4,
.register .form-horizontal .web-form-instance span.search-applet-register-form-mobile-theNumber h4 {
  color: #2a2c44;
  font-size: 16px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  margin: 0;
}

.register .form-horizontal .web-form-instance .form-group,
.enquiry-room-form .form-group {
  width: 100%;
  max-width: 100%;
  margin: 10px 0;
}

.register .form-horizontal .web-form-instance .form-group label {
  display: none;
}

.register .form-horizontal .web-form-instance .form-group .input-group-addon,
.enquiry-room-form .form-group .input-group-addon {
  display: none;
}

.register .form-horizontal .web-form-instance .form-group input,
.register .form-horizontal .web-form-instance .form-group select,
.enquiry-room-form .form-group input,
.enquiry-room-form .form-group select {
  border-radius: 0;
  border: 1px solid #d7dbe2;
  width: 100%;
  font-size: 1.4rem;
}

.register .form-horizontal .web-form-instance .form-group input::placeholder,
.enquiry-room-form .form-group input::placeholder {
  font-size: 14px;
  color: #666;
}

.register .form-horizontal .web-form-instance .form-group .col-sm-9,
.enquiry-room-form .form-group .col-sm-9 {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  padding: 0 10px;
}

.register .form-horizontal .web-form-instance .form-group .col-sm-9 .input-group,
.enquiry-room-form .form-group .col-sm-9 .input-group {
  width: 100%;
  display: inline-block;
}

.register .form-horizontal .web-form-instance .form-group.firstName,
.register .form-horizontal .web-form-instance .form-group.lastName,
  /*.register .form-horizontal .web-form-instance .form-group.gender,*/
.register .form-horizontal .web-form-instance .form-group.user-password,
.register .form-horizontal .web-form-instance .form-group.user-password-confirmation {
  width: 50%;
}

.register .form-horizontal .web-form-instance .form-group select,
.enquiry-room-form .form-group select {
  /*padding-top: 9px;*/
}

.register .form-horizontal .web-form-instance .form-group select option,
.enquiry-room-form .form-group select option {
  background: #2a2c44;
  color: white;
}

.register .form-horizontal .web-form-instance .form-group select option:first-child,
.enquiry-room-form .form-group select option:first-child {
  color: #9a9a9a;
}

.register .form-horizontal .form-group.mobile-theNumber .mobile-theNumber-container {
  margin: 0;
}

.country-select.col-md-6 {
  display: inline-block;
  width: 33.33%;
  max-width: 33.33%;
  flex: 0 0 33.33%;
  padding: 0;
}

.register .form-horizontal .web-form-instance .form-group .country-select .mobile-theNumber-prefix,
.register .form-horizontal .web-form-instance .form-group .country-select .mobile-theNumber-prefix .dropdown-single-country-prefix,
.form-group .country-select .dropdown-single-country-prefix {
  display: inline-block;
  width: 100%;
}

.dropdown {
  width: 100%;
}

.form-group .radio-select-toggle-btn.dropdown-toggle,
.form-group .category-toggle-btn.dropdown-toggle {
  width: 100%;
  height: 46px;
  padding: 0 0 0 15px;
  margin-top: -3px;
  text-align: left;
  text-transform: none;
  border: 1px solid #d7dbe2;
  color: #2a2c44;
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  cursor: pointer;
}

.form-group .radio-select-toggle-btn.dropdown-toggle,
.form-group .category-toggle-btn.dropdown-toggle:hover {
  box-shadow: none;
  filter: none;
}

.phone-number.col-md-6 {
  display: inline-block;
  width: 66.67%;
  max-width: 66.67%;
  flex: 0 0 66.67%;
  padding: 0;
  padding-left: 15px;
  margin-top: -3px;
}

.phone-number.col-md-6 input {
  min-height: 46px;
}

.dropdown ul#menuItem {
  display: none;
}

.dropdown.open ul#menuItem {
  display: block;
  width: 100%;
  min-width: 300px;
  max-height: 250px;
  overflow: auto;
  margin-top: 5px;
  padding: 5px;
  background: #2a2c44;
  color: white;
  border-radius: 0px;
}

.dropdown.open ul#menuItem #searchElementTextBox {
  padding: 7px 20px;
  margin-bottom: 5px;
  /*position: sticky;
  top: 0px;
  z-index: 1000;*/
}

.dropdown.open ul#menuItem li.list-group-item {
  padding: 5px 20px;
  margin: 0;
  cursor: pointer;
}

.dropdown.open ul#menuItem li.list-group-item:hover {
  color: #51a332;
}

.dropdown.open ul#menuItem li:before {
  position: relative;
  background: transparent;
  width: 0;
  height: 0;
  content: inherit;
}

.register .form-horizontal .web-form-instance .form-group #search-applet-register-form-optOut,
.enquiry-room-form .form-group #room-enquiry-guest-optOut,
.enquiry-room-form .form-group #other-room-enquiry-guest-optOut {
  display: inline;
  width: auto;
  margin-right: 10px;
}

.register.col-centered .form-group .col-sm-9 {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

.register.col-centered .pex-register-button,
.enquiry-room-form .btn-submit-generic-webform {
  float: right;
  background: #51a332;
  border: 1px solid #51a332;
  color: #fff;
  margin-left: 10px;
  margin-bottom: 10px;
}

.register.col-centered .pex-back-to-login {
  float: right;
  background: #c6047c;
  border: 1px solid #c6047c;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .register .form-horizontal .web-form-instance .form-group.firstName,
  .register .form-horizontal .web-form-instance .form-group.lastName,
  .register .form-horizontal .web-form-instance .form-group.gender,
  .register .form-horizontal .web-form-instance .form-group.mobile-theNumber,
  .register .form-horizontal .web-form-instance .form-group.user-password,
  .register .form-horizontal .web-form-instance .form-group.user-password-confirmation {
    width: 100%;
  }

  .register .form-horizontal .web-form-instance .form-group .country-select,
  .register .form-horizontal .web-form-instance .form-group .mobile-theNumber-container .phone-number {
    width: 50%;
  }
}

/* ===========================================
============= Booking Styles Pex =============
=========================================== */
.enquiry-room-form .form-group {
  padding: 0;
  display: inline-block;
  font-size: 1.4rem;
}

.enquiry-room-form .form-group.guest-title,
.enquiry-room-form .form-group.guest-firstName,
.enquiry-room-form .form-group.guest-lastName,
.enquiry-room-form .form-group.guest-gender,
.enquiry-room-form .form-group.guest-dateOfBirth,
.enquiry-room-form .form-group.guest-email {
  width: 33.33%;
  max-width: 33.33%;
}

.enquiry-room-form .form-group.enquiry-tmZone,
.enquiry-room-form .form-group.area,
.enquiry-room-form .form-group.building,
.enquiry-room-form .form-group.enquiry-propertyType {
  width: 50%;
  max-width: 50%;
}

.enquiry-room-form .form-group.enquiry-start,
.enquiry-room-form .form-group.enquiry-end {
  width: 25%;
  max-width: 25%;
}

.enquiry-room-form .form-group.guest-mobile-theNumber,
.enquiry-room-form .form-group.enquiry-reasonForMove,
.enquiry-room-form .form-group.enquiry-comments,
.enquiry-room-form .form-group.enquiry-comments textarea {
  width: 100%;
}

.react-datepicker-wrapper,
.react-datepicker-wrapper .react-datepicker__input-container {
  width: 100%;
}

.enquiry-room-form .form-group select:disabled {
  font-weight: bold;
  background: #d7dbe2;
}

.enquiry-room-form .form-group.enquiry-comments textarea {
  border-radius: 0;
  padding: 10px 15px;
  height: 50px;
}

.enquiry-room-form .btn-group-vertical.btn-block {
  width: 100%;
}

.enquiry-room-form .form-group.guest-mobile-theNumber .guest-mobile-theNumber.col-md-12-container.row {
  margin: 0 -10px;
}

.enquiry-room-form .form-group .country-select,
.enquiry-room-form .form-group .phone-number {
  padding: 0 10px;
}

.enquiry-room-form .form-group.enquiry-start .react-datepicker__input-container input,
.enquiry-room-form .form-group.enquiry-end .react-datepicker__input-container input {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .enquiry-room-form .form-group.guest-title,
  .enquiry-room-form .form-group.guest-firstName,
  .enquiry-room-form .form-group.guest-lastName,
  .enquiry-room-form .form-group.guest-gender,
  .enquiry-room-form .form-group.guest-dateOfBirth,
  .enquiry-room-form .form-group.guest-email {
    width: 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 580px) {
  .enquiry-room-form .form-group,
  .enquiry-room-form .form-group .guest-mobile-theNumber > .col-md-6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100%;
    margin: 10px 0;
  }

  .enquiry-room-form .form-group.guest-mobile-theNumber {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/* ===========================================
============== Reset Styles Pex ==============
=========================================== */

.forgot-password.col-centered {
  width: 60%;
  margin: 20px auto;
  max-width:60%;
}

.forgot-password.col-centered .web-form-instance {
  margin: 20px 0;
}

.forgot-password.col-centered .web-form-instance .forgot-password-form-email {
  width: 100%;
}

.forgot-password.col-centered .web-form-instance .forgot-password-form-email .col-md-12 {
  padding: 0;
}

.forgot-password .web-form-instance .forgot-password-form-email .input-group {
  width: 100%;
}

.forgot-password .web-form-instance .forgot-password-form-email .input-group-addon {
  display: none;
}

.forgot-password .web-form-instance .forgot-password-form-email input {
  border-radius: 0;
  border: 1px solid #d7dbe2;
  width: 100%;
}

.forgot-password.col-centered .btns-bottom {
  text-align: center;
}

.forgot-password.col-centered .btns-bottom button {
  width: 90%;
  background: #51a332;
  border: 1px solid #51a332;
  color: #fff;
}

/* ===========================================
============= Cookie Styles Pex ==============
=========================================== */

.privacy-policy {
  margin: 20px auto 30px;
  width: 90%;
  max-width: 960px;
}

.privacy-policy a,
#booking-journey-applet .privacyPolicy a {
  color: #51a332;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 30px;
}

#booking-journey-applet span.privacyPolicy.input-group-addon {
  background: none;
  border: none;
  text-align: left;
  padding: 5px 0;
  text-transform: uppercase;
}

/* ===========================================
============= Journey ========================
=========================================== */

#booking-journey-applet .container-fluid.booking-step {
  width: 90%;
  max-width: 1000px;
  border: solid 1px #d7dbe2;
  margin: 40px auto;
  padding: 20px 30px;
}

#booking-journey-applet .progress-box .box-content.col-md-6 {
  width: 100%;
  flex: 0 0 100%;
  margin: 0;
}

#booking-journey-applet .progress-box-top div.col-sm-4 {
  display: inline-block;
}

#booking-journey-applet .progress-box-top button.bj-step-title {
  border: none;
  background: none;
  padding: 0;
  font-size: 2rem;
  font-weight: bold;
  margin-left: -15px;
}
#booking-journey-applet .progress-box-top button.bj-step-title:hover {
  box-shadow: none;
}
#booking-journey-applet .progress-box-top button.bj-toggle-info-button,
#booking-journey-applet .progress-box-top button.log-out-button,
#booking-journey-applet .progress-box-top button.log-out-button,
#booking-journey-applet button.bj-steps-completed {
  background: none;
  cursor: pointer;
}

#booking-journey-applet button.bj-steps-completed {
  margin-left: 10px;
}

#booking-journey-applet button.bj-steps-completed a {
  color: #2a2c44;
}

#booking-journey-applet .progress-box .pex-collapse {
  width: 100%;
  margin-top: 40px;
  display: none;
}
#booking-journey-applet .progress-box .pex-collapse.show {
  display: block;
}

#booking-journey-applet .progress-box #step-description .step-desc-row {
  display: none;
}

#booking-journey-applet .progress-box #step-description .step-desc {
  padding: 15px;
  background: #f5f5f5;
  margin-bottom: 20px;
}

#booking-journey-applet .progress-box #step-description .room-details .step-desc-content .bj-room-title {
  font-family: Dosis, sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
}
@media screen and (max-width: 580px) {
  #booking-journey-applet .progress-box #step-description .room-details .step-desc-content .bj-room-title {
    margin-top:10px;
  }
}

#booking-journey-applet .progress-box #step-description .room-details .step-desc-content > div,
#booking-journey-applet .progress-box #step-description .people div.email {
  /*margin-left: 150px;*/
  font-size: 1.4rem;
  display:flex;
  flex-direction:row;
}
@media screen and (max-width: 767px) {
  #booking-journey-applet .progress-box #step-description .room-details .step-desc-content > div,
  #booking-journey-applet .progress-box #step-description .people div.email {
    flex-direction:column;
  }
}

#booking-journey-applet #booking-content .finished-message .row .col-sm-12 > div {
  font-size: 1.4rem;
  display: flex;
  flex-direction: row;
}

#booking-journey-applet .progress-box #step-description .room-details .step-desc-content > div.address {
  display: none;
}

#booking-journey-applet .progress-box #step-description .room-details .step-desc-content > div small,
#booking-journey-applet .progress-box #step-description .people div.email small,
#booking-journey-applet #booking-content .finished-message .row .col-sm-12 > div small {
  /***
  margin-left: -150px;
  position: absolute;*/
  font-size: 100%;
  min-width: 30%;
}

#booking-journey-applet .progress-box #step-description .room-details .step-desc-content > div p,
#booking-journey-applet .progress-box #step-description .people div.email div,
#booking-journey-applet #booking-content .finished-message .row .col-sm-12 > div div {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0;
  min-width: 70%;
}

#booking-journey-applet .progress-box #step-description .people .fa.fa-users {
  display: none;
}

#booking-journey-applet .booking-step #booking-content {
  width: 100%;
  flex: 0 0 100%;
  margin: 0;
  padding: 0 5px;
}

#booking-journey-applet .booking-step #booking-content .panel-heading {
  display: none;
}

#booking-journey-applet .booking-step #booking-content .next-of-kin-container .contact-alerts,
#booking-journey-applet .booking-step #booking-content .guarantor-container .contact-alerts {
  padding: 10px 30px 5px;
}
#booking-journey-applet .booking-step #booking-content .next-of-kin-container .section-group,
#booking-journey-applet .booking-step #booking-content .guarantor-container .section-group {
  padding: 0 15px;
}
#booking-journey-applet .booking-step #booking-content .section-group .email-exists-alert,
#booking-journey-applet .booking-step #booking-content #sign-signed-message {
  margin: 0 10px;
}
#booking-journey-applet .booking-step #booking-content .section-group .email-exists-container .input-group-addon {
  display: none;
}

#booking-journey-applet #booking-content .form-group {
  margin: 10px 0;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

#booking-journey-applet #booking-content .form-group input:disabled,
#booking-journey-applet #booking-content .form-group select:disabled,
#booking-journey-applet #booking-content .form-group button:disabled {
  background: #eee;
  opacity: 0.7;
  cursor: default;
}

#booking-journey-applet #booking-content .form-group button.guarantor-email-btn,
#booking-journey-applet #booking-content .form-group button.change-email-secure-btn,
#booking-journey-applet #booking-content .form-group button.promo-code-btn,
#booking-journey-applet #booking-content button.recurring-extra-btn,
#booking-journey-applet #booking-content button.show-payment-window-btn {
  margin-top: 10px;
  background: white;
}

#booking-journey-applet #booking-content .form-group label {
  display: none;
}

#booking-journey-applet #booking-content input,
#booking-journey-applet #booking-content select.form-control {
  border-radius: 0;
  border: 1px solid #d7dbe2;
  width: 100%;
  font-size: 1.4rem;
}

#booking-journey-applet #booking-content input {
  padding-left: 18px;
  padding-right: 18px;
}

#booking-journey-applet #booking-content select.form-control {
  padding-top: 9px;
  cursor: pointer;
}

#booking-journey-applet #booking-content select.form-control option {
  background: #2a2c44;
  color: white;
}

#booking-journey-applet #booking-content select.form-control option:first-child {
  color: #9a9a9a;
}

#booking-journey-applet #booking-content .form-group.title,
#booking-journey-applet #booking-content .form-group.firstName,
#booking-journey-applet #booking-content .form-group.lastName,
#booking-journey-applet #booking-content .form-group.gender,
#booking-journey-applet #booking-content .form-group.dateOfBirth,
#booking-journey-applet #booking-content .form-group.citizenOf,
#booking-journey-applet #booking-content .form-group.address-postcode,
#booking-journey-applet #booking-content .form-group.address-line3,
#booking-journey-applet #booking-content .form-group.address-country {
  width: 33.33%;
  max-width: 33.33%;
}

#booking-journey-applet #booking-content .form-group.address-line1,
#booking-journey-applet #booking-content .form-group.address-line2 {
  width: 50%;
  max-width: 50%;
}

#booking-journey-applet #booking-content .form-group button#citizenOf,
#booking-journey-applet #booking-content .form-group button#address-country {
  margin-top: -1px;
}

#booking-journey-applet #booking-content .form-group .mobile-theNumber.row {
  padding: 0 5px;
}
#booking-journey-applet #booking-content .form-group .country-select,
#booking-journey-applet #booking-content .form-group .phone-number {
  padding: 0 10px;
}

#booking-journey-applet #booking-content .form-group .optOut label,
#booking-journey-applet #booking-content .form-group .privacyPolicy label {
  display: flex;
  flex-direction: row;
}
#booking-journey-applet #booking-content .form-group .optOut label input[type="checkbox"],
#booking-journey-applet #booking-content .form-group .privacyPolicy label input[type="checkbox"] {
  width: auto;
  margin-right: 14px;
}

#booking-journey-applet #booking-content .form-group #moreDetails-optOut,
#booking-journey-applet #booking-content .form-group #moreDetails-privacyPolicy {
  display: inline;
  width: auto;
  margin-right: 10px;
  font-size: 1.4rem;
}

#booking-journey-applet .booking-step #booking-content .payment-container .section-group {
  padding: 0 15px;
}
#booking-journey-applet .booking-step #booking-content .payment-container .section-group > .col-xs-12 {
  width: 33.33%;
  max-width: 33.33%;
  flex: 0 0 33.33%;
  margin: 10px 0;
  padding: 0 10px;
}
#booking-journey-applet #booking-content .form-group.promo-code {
  padding: 0;
}
#booking-journey-applet .booking-step #booking-content .payment-container .input-group-addon {
  display: none;
}
#booking-journey-applet #booking-content .form-group button.promo-code-btn {
  float: right;
}

#booking-journey-applet .booking-step #booking-content .payment-container .payment-summary {
  width: 100%;
  padding: 0 25px;
  margin-bottom: 40px;
}
#booking-journey-applet .booking-step #booking-content .payment-container .payment-summary h4,
#booking-journey-applet .booking-step #booking-content .pay-container .pay-summary h4,
#booking-journey-applet .booking-step #booking-content .pay-container .payment-schedule-summary h4 {
  font-weight: bold;
  margin-top: 10px;
}
#booking-journey-applet .booking-step #booking-content .payment-container .payment-summary h4 .pull-right,
#booking-journey-applet .booking-step #booking-content .pay-container .pay-summary h4 .pull-right,
#booking-journey-applet .booking-step #booking-content .pay-container .payment-schedule-summary h4 .pull-right,
#booking-journey-applet #booking-content .finished-message h4 .pull-right {
  float: right;
}
#booking-journey-applet .booking-step #booking-content .payment-container .payment-summary table,
#booking-journey-applet .booking-step #booking-content .payment-container .summary-charge-lines table,
#booking-journey-applet .booking-step #booking-content .pay-container .pay-summary table,
#booking-journey-applet .booking-step #booking-content .pay-container .payment-schedule-summary table,
#booking-journey-applet #booking-content .finished-message table {
  width: 100%;
}

#booking-journey-applet .booking-step #booking-content .pay-container .panel-body > .row > .col-xs-12 {
  width: 50%;
  padding: 0 25px;
}
#booking-journey-applet .booking-step #booking-content .pay-container button.show-payment-window-btn {
  display: block;
  margin: 10px auto 20px;
}

#booking-journey-applet #booking-content .finished-message h3,
#booking-journey-applet #booking-content .finished-message h4 {
  font-weight: bold;
  margin-top: 10px;
}
#booking-journey-applet .booking-step #booking-content .pay-container #pay-iframe {
  height: 370px !important;
  border: 1px solid #d7dbe2;
}

#booking-journey-applet #booking-content .finished-message > div {
  display: inline-block;
  width: 50%;
  padding: 20px;
  vertical-align: top;
}

#booking-journey-applet #booking-content .form-group.btns-bottom.row {
  padding: 0;
  margin: 20px 0 0 0;
}
#booking-journey-applet #booking-content .form-group.btns-bottom.row > .col-md-12 {
  padding: 0 10px;
}
#booking-journey-applet #booking-content .form-group.btns-bottom.row > .col-md-12 .btn-group-justified {
  width: 100%;
}
#booking-journey-applet #booking-content .form-group.btns-bottom.row > .col-md-12 button#bj-next-step {
  margin-right: 0;
}

#booking-journey-applet #booking-content .form-group button#bj-next-step {
  float: right;
  background: #51a332;
  border: 1px solid #51a332;
  color: #fff;
  margin-right: 15px;
  cursor: pointer;
}

span.error-message {
  font-size: 1.4rem;
  color: red;
}

#booking-journey-applet .sign-container .agreement-section,
#booking-journey-applet .sign-container .download-section {
  margin: 0;
  padding: 0 10px;
}
#booking-journey-applet .sign-container .download-section {
  margin-top: 20px;
  justify-content: center;
}
#booking-journey-applet .sign-container .agreement-section .echo-sign-container {
  margin: 0;
}
#booking-journey-applet .sign-container .agreement-section div {
  width: 100%;
}
#booking-journey-applet .sign-container .agreement-section .full-form {
  min-height: 650px;
}

#booking-journey-applet .otp-message,
#booking-journey-applet .otp-sent-magic-link {
  margin: 20px;
  margin-left: 40px;
}
#booking-journey-applet .otp-login-link,
#booking-journey-applet .otp-send {
  margin: 0 5px;
  color: #007bff;
  cursor: pointer;
}

@media screen and (max-width: 960px) {
  #booking-journey-applet #booking-content .finished-message > div {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  #booking-journey-applet #booking-content .form-group {
    width: 100% !important;
    max-width: 100% !important;
  }

  #booking-journey-applet .progress-box-top div.col-sm-4 {
    width: 25%;
    max-width: 25%;
  }

  #booking-journey-applet .progress-box-top div.col-sm-4.text-left {
    width: 50%;
    max-width: 50%;
  }

  #booking-journey-applet .booking-step #booking-content .payment-container .section-group > .col-xs-12 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
  #booking-journey-applet .booking-step #booking-content .payment-container .section-group > .col-xs-12:last-child {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: -10px;
  }

  #booking-journey-applet .booking-step #booking-content .pay-container .panel-body > .row > .col-xs-12 {
    width: 100%;
    margin-top: 10px;
  }
}

@media screen and (max-width: 480px) {
  #booking-journey-applet .progress-box-top div.col-sm-4 {
    width: 50%;
    max-width: 50%;
    margin-top: 20px;
  }

  #booking-journey-applet .progress-box-top div.col-sm-4.text-left {
    width: 100%;
    max-width: 100%;
  }
}

/* ===========================================
=========== Progress Bar Pex =================
=========================================== */

progress {
  display: inline-block;
  vertical-align: baseline;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-bar-striped,
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
  background-image: -o-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
  background-image: linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress-bar.active,
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
  background-image: -o-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
  background-image: linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
  background-image: -o-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
  background-image: linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
  background-image: -o-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
  background-image: linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
  background-image: -o-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
  background-image: linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent
  );
}

/* ===========================================
=========== Carousel Styles Pex ==============
=========================================== */

.glyphicon-chevron-left:before {
  content: "←";
}

.glyphicon-chevron-right:before {
  content: "→";
}

.single-property .carousel-inner > .item {
  height: 223px;
}

.single-property .carousel-inner > .item > img {
  max-height: 223px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pex-room-details-container .carousel-inner > .item > img {
  max-height: 400px;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.carousel {
  position: relative;
  padding: 20px;
  max-width: 600px;
  margin: 0 auto;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.active.right,
  .carousel-inner > .item.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active.left,
  .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active,
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  left: 10px;
}
.carousel-control.right {
  right: 10px;
  left: auto;
}
.carousel-control:focus,
.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "\2039";
}
.carousel-control .icon-next:before {
  content: "\203a";
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 5;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000\9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
} /*  closed open media query min-width 768px ?*/



.dropdown-category.dropdown.open ul.dropdown-menu.pex-menu-items-date {
  width: 450px;
}

.pex-menu-items-date .search-date-wrapper .left-side,
.pex-menu-items-date .search-date-wrapper .right-side {
  display: inline-block;
  vertical-align: top;
}

.change-password.col-centered {
  margin: 20px auto;
}

.change-password .input-group-addon {
  display: none;
}

.change-password .control-label {
  max-width: 100%;
  padding: 0;
}

.change-password .form-group .col-sm-9 {
  padding: 0;
  max-width: 100%;
}

.change-password input {
  border-radius: 0;
  border: 1px solid #d7dbe2;
  width: 100%;
  margin-bottom: 10px;
}
.change-password .container-fluid {
  margin: 0;
  padding: 0;
}

.change-password .form-group {
  width: 100%;
}

.change-password .web-form-instance {
  margin: 20px 0;
}

.change-password #change-password-save-button {
  width: 100%;
  background: #51a332;
  border: 1px solid #51a332;
  color: #fff;
}

.room-details-title {
  display: none;
}

.no-results-message {
  text-align: center;
  padding-top: 20px;
}

/*--- Milestone Booking Anpassungen 2022-04 Begin ---*/
@media screen and (min-width: 551px) {
  body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-BUILDING, .search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-PROPERTYTYPE,
  body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .search-form-filter {
    max-width: 50%;
    flex-basis: 50%;
  }
}

.booking-step.row #booking-content #done-a-container .btns-bottom button#done-a-logout,	/* Button "Log out and visit the Customer App later" verstecken */
.booking-step.row #booking-content #done-a-container .webform-group .step-custom-content,	/* Text "Please note for residents in MILESTONE Aachen West, the Tenant Portal..." */
.booking-step.row #booking-content #done-a-container .btns-bottom a.noCompletedWorflowRedirectProp,	/* GO TO TENANT PORTAL */
body.page-template-template-pex-search_extended .single-property a.pex-room-enquire,
body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .search-form-filter.dropdown-category-container-PORTFOLIO,
body.page-template-template-pex-search_extended .booking-summary-room-information .floor.form-group,
body.page-template-template-pex-search_extended .booking-summary-room-information .portfolio.form-group,
body.page-template-template-pex-search_extended #room-list button.add-to-shortlist,
.search-filter-fixed .search-tool-bar .dropdown-category-container-AREA,
  /** .search-filter-fixed .search-tool-bar .dropdown-radio-gender, ---> vorerst bei alt/neu belassen **/
.search-filter-fixed .search-tool-bar button.pex-reset-search-button-horizontal,
  /*
  body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .search-date,
  */
body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .search-end-date {
  display:none !important;
}


body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .react-datepicker,
body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .react-datepicker__current-month,
body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .react-datepicker-time__header {
  font-size: 1.6rem;
}

body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .col-md-2.search-date,
body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .col-md-2.search-end-date {
  display:flex;
}
@media screen and (min-width: 551px) {
  body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .col-md-2.search-date,
  body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .col-md-2.search-end-date {
    flex-basis:50%;
  }
}
@media screen and (min-width: 768px) {
  body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .col-md-2.search-date,
  body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .col-md-2.search-end-date {
    flex-basis:50%;
    min-width:50%;
  }
}

body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .col-md-2.search-date .search-form-filter,
body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .col-md-2.search-end-date .search-form-filter {
  max-width:100% !important;
}

body.page-template-template-pex-search_extended .search-filter-fixed .search-tool-bar .col-md-2.search-date .dropdown-category.dropdown.open ul.dropdown-menu.pex-menu-items-date {
  width:100%;
}

body.page-template-template-pex-search_extended .single-property .room-list th.table-btns,
body.page-template-template-pex-search_extended .single-property .room-list td.text-right {
  display:block;
}
body.page-template-template-pex-search_extended .single-property .room-list th.table-btns::after {
  content:'\a0';
}

body.page-template-template-pex-search_extended .single-property .room-list td.text-right button.pex-book-now,
body.page-template-template-pex-search_extended .single-property .room-list td.text-right button.add-to-shortlist,
body.page-template-template-pex-search_extended #end-date .search-end-date {
  display:inline-block;
}
body.page-template-template-pex-search_extended .single-property .room-list td.text-right button.add-to-shortlist,
body.page-template-template-pex-search_extended .single-property .room-list td.text-right button.pex-book-now {
  margin-top:4px;
  margin-bottom:4px;
}

body.page-template-template-pex-search_extended .single-property .room-list td.text-right button.add-to-shortlist {
  margin-left:8px;
}

.single-property .room-list table th,
.pex-room-details-container .room-list table th {
  border-bottom: none;
}
.single-property .room-list table td,
.pex-room-details-container .room-list table td {
  border-top: 1px solid #e6e9ed;
  border-bottom: none;
}
.single-property .room-list table tr:last-child td,
.pex-room-details-container .room-list table tr:last-child td {
  border-bottom: 1px solid #e6e9ed;
}

/*** BOOKING SUMMARY, REGISTRATION FORM Common Begin ***/
div#pex-demo > div#demo-search-applet.pex-search-applet > div.container-fluid > div.col-centered.col-sm-6,
  /*div#pex-demo > div#demo-search-applet.pex-search-applet > div.container-fluid > div.row,*/
div#pex-demo > div#demo-search-applet.pex-search-applet > div.container-fluid > div.container-fluid,
div#pex-demo > div#demo-search-applet.pex-search-applet > div.container-fluid > div.forgot-password-container {
  margin: 0 auto;
  background: #e6e9ed;
  color: #2a2c44;
  padding: 240px 20px 20px;
  max-width: 100%;
  z-index: 5;
}

div#pex-demo > div#demo-search-applet.pex-search-applet > div.container-fluid #sec0.register {
  background: #e6e9ed;
  margin: 0 auto;
  padding: 240px 20px 20px;
  max-width: 100%;
}
div#pex-demo > div#demo-search-applet.pex-search-applet > div.container-fluid #sec0.register > form.form-horizontal {
  max-width: 960px;
  margin: 0 auto;
}
div#pex-demo > div#demo-search-applet.pex-search-applet > div.container-fluid #sec0.register > form.form-horizontal div.btn-submit-rgister {
  padding:0 15px;
}


/*** BOOKING SUMMARY, REGISTRATION FORM Common End ***/

/*** BOOKING SUMMARY Begin ***/

div#pex-demo > div#demo-search-applet.pex-search-applet > div.container-fluid {
  padding-right:0;
  padding-left:0;
}

div#pex-demo > div#demo-search-applet.pex-search-applet > div.container-fluid > div.col-centered.col-sm-6 .booking-summary-room-information label {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 0;
}
div#pex-demo > div#demo-search-applet.pex-search-applet > div.container-fluid > div.col-centered.col-sm-6 .panel-footer {
  text-align:center;
}
div#pex-demo > div#demo-search-applet.pex-search-applet > div.container-fluid > div.col-centered.col-sm-6 .panel-footer button {
  width:auto;
  padding: 7px 60px;
}

@media screen and (max-width: 550px) {
  .booking-summary-room-information .col-md-6 {
    width: 100%;
    max-width: 100%;
    padding-right: 15px;
  }
}

.booking-summary-room-information .col-md-12 {
  padding-right:0;
}
.booking-summary-room-information .col-md-12 .row {
  margin-right:0;
  margin-left:0;
}
.booking-summary-room-information .col-md-12 .row .col-md-6:last-child {
  padding-left:0;
}
@media screen and (min-width: 551px) {
  .booking-summary-room-information .col-md-12 .row .col-md-6:first-child {
    padding-right:8px;
  }
  .booking-summary-room-information .col-md-12 .row .col-md-6:last-child {
    padding-left:8px;
  }
}

span.booking-summary-img .carousel-inner > .item {
  height: 223px;
}
span.booking-summary-img .carousel-inner > .item > img {
  max-height: 223px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
h3.booking-summary-title,
.booking-summary-room-title h3 {
  font-family: Dosis, sans-serif;
  font-weight: bold;
  font-size: 22px;
}

#booking-journey-applet .booking-step #booking-content .payment-schedule-summary {
  padding: 0 15px 20px 15px;
}
@media screen and (max-width: 550px) {
  #booking-journey-applet .booking-step #booking-content .payment-schedule-summary,
  #booking-journey-applet .booking-step #booking-content .recurring-payments {
    font-size:1.4rem;
  }
}

#booking-journey-applet .booking-step #booking-content .payment-schedule-summary button#toggle-recurring-payments {
  margin-top:15px;
}

#booking-journey-applet .booking-step #booking-content a#done-a-next-step {
  margin-left:15px;
}
#booking-journey-applet #booking-content .btns-bottom a#done-a-next-step a {
  color:#2A2C44;
}
@media screen and (max-width: 550px) {
  #booking-journey-applet .booking-step #booking-content .pay-container .btn-group.btn-group-justified {
    display:flex;
    flex-direction:column;
    align-items: center;
  }
  #booking-journey-applet .booking-step #booking-content .pay-container .btn-group.btn-group-justified button#bj-previous-step,
  #booking-journey-applet .booking-step #booking-content .pay-container .btn-group.btn-group-justified button#bj-next-step {
    width: fit-content;
  }
  #booking-journey-applet .booking-step #booking-content .pay-container .btn-group.btn-group-justified button#bj-next-step {
    margin-top:20px;
  }
}
#booking-journey-applet .step-desc-body .tenant-email {
  word-break: break-all;
}

#booking-journey-applet .booking-step #booking-content #done-a-container .finished-message .step-desc .step-desc-body > div.row {
  display:block;
}

#booking-journey-applet .booking-step .bj-tenancy-heading {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items:center;
}
#booking-journey-applet .booking-step .bj-tenancy-heading button.bj-toggle-info-button,
#booking-journey-applet .booking-step .bj-tenancy-heading button.log-out-button {
  margin-top:15px;
}
@media screen and (min-width: 768px) {
  #booking-journey-applet .booking-step .bj-tenancy-heading {
    flex-direction: row;
  }
  #booking-journey-applet .booking-step .bj-tenancy-heading button.bj-toggle-info-button,
  #booking-journey-applet .booking-step .bj-tenancy-heading button.log-out-button {
    margin-top:0;
  }
}
#booking-journey-applet .booking-step .bj-tenancy-heading .col-sm-4 {
  max-width: 100% !important;
  width: 100% !important;
  text-align:center;
  flex:auto;
  margin-top:0;
}

/*** BOOKING SUMMARY End ***/

/*** LOGIN Begin ***/
#login-form h1.login-title {
  font-family: Dosis, sans-serif;
  font-weight: bold;
  font-size: 22px;
}
#login-form span.input-group-addon {
  display:none;
}
#login-form .btns-bottom .row {
  display:block;
  margin:0;
  text-align:center;
  color:red;
}

input#generic-login-form-username, input#generic-login-form-password {
  width:100%;
}
button#register-btn {
  color:#000;
  background-color:#fff;
}
@media screen and (min-width: 1025px) {
  button#login-btn {
    margin-left:10px;
  }
}
/*** LOGIN End ***/


/*** REGISTRATION FORM Begin ***/
h1.pex-register-form-title {
  font-family: Dosis, sans-serif;
  font-weight: bold;
  font-size: 22px;
}



/*** REGISTRATION FORM End ***/

/*** SIGN HOLD Begin ***/

#sign-hold-container .panel-heading {
  display:block !important;
}
#sign-hold-container .panel-body {
  margin:20px 0 0 0;
}
#sign-hold-container .panel-body .ref-steps-list.row {
  display:block;
}
#sign-hold-container .panel-body .ref-steps-list.row .alert {
  margin:15px 25px;
}
#sign-hold-container .panel-body .ref-steps-list.row .alert > span {
  background-color: #f5f5f5;
  padding: 10px 20px;
  display: inline-block;
}

#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.not-signed,
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.signed {
  padding:20px 0;
}

#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.not-signed .row,
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.signed .row {
  margin:0;
}
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.not-signed .row .tenant-ref-name,
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.signed .row .tenant-ref-name {
  width: 50%;
  padding: 4px 10px 0 0;
}
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.not-signed .row .ref-step,
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.signed .row .ref-step {
  width: 50%;
  padding: 0 0 0 10px;
}
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.not-signed .row .tenant-ref-name h2.user-name,
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.not-signed .row .tenant-ref-name small.user-email,
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.not-signed .row .ref-step .text-danger {
  color:#a94442;
}
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.signed .row .tenant-ref-name h2.user-name,
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.signed .row .tenant-ref-name small.user-email,
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.signed .row .ref-step .text-success {
  color:#51a332;
}
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.not-signed .row .tenant-ref-name h5.user-role,
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.signed .row .tenant-ref-name h5.user-role {
  font-size: 1.6rem;
  margin-bottom: 0.2rem;
}
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.not-signed .row .tenant-ref-name h2.user-name,
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.signed .row .tenant-ref-name h2.user-name {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.not-signed .row .ref-step i.fa-clock-o,
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.signed .row .ref-step i.fa-check {
  width: 55px;
  height: 55px;
  display: inline-block;
}

#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.not-signed .row .ref-step i.fa-clock-o {
  background-image: url(../../assets/images/milestone_icon_hourglass_color.svg);
}
#sign-hold-container .panel-body .ref-steps-list.row .tenant-referencing.tenant.signed .row .ref-step i.fa-check {
  background-image: url(../../assets/images/milestone_icon_signed_color.svg);
}

/*** SIGN HOLD End ***/

#building-form .pex-room-type .pex-room.row {
  margin-bottom:18px;
}
#building-form .pex-room-type .pex-room.row .pex-room-price {
  font-size:1.9rem;
}

#building-form .pex-room-type .pex-room.row .btn-group a.pex-room-book,
body.page-template-template-pex-search_extended #room-list button.pex-book-now {
  background: #51A332;
  border: 2px solid #51A332;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 700;
}
#building-form .pex-room-type .pex-room.row .btn-group a.pex-room-book:after,
body.page-template-template-pex-search_extended #room-list button.pex-book-now:after {
  content: ' Now' !important;
}
html[lang="de-DE"] #building-form .pex-room-type .pex-room.row .btn-group a.pex-room-book:after,
html[lang="de-DE"] body.page-template-template-pex-search_extended #room-list button.pex-book-now:after {
  content: '' !important;
}
html[lang="de-DE"] #building-form .pex-room-type .pex-room.row .btn-group a.pex-room-book:after,
html[lang="de-DE"] body.page-template-template-pex-search_extended #room-list button.pex-book-now:before {
  content: 'Jetzt ' !important;
}


/* ENQUIRY Button */
#building-form .pex-room-type .pex-room.row .btn-group a.pex-room-enquire {
  position: absolute;
  top: 60px;
  left: 0;
}

div.container.mobile #building-form .pex-room-type .pex-room.row .btn-group a.pex-room-enquire {
}

/* ONE-TIME FEES Button */
.appartement .box-button.pex-extended {
  margin-left: 130px;
}
div.container.mobile .box-button.pex-extended {
  margin:60px 0 20px 0;
  display:inline-flex;
}

body.page-template-template-pex-journey button#show-pay-btn {
  background: #C6047C !important;
  border: 2px solid #C6047C;
  color: #FFF;
}

/*--- Milestone Booking Anpassungen 2022-04 End ---*/

/* PEX-Temp-Styles BEGIN */

.pex-rooms-in-building .panel-heading,
.pex-rooms-in-building .panel-body .room-type-image,
.pex-rooms-in-building .panel-body .below-image,
.pex-rooms-in-building .panel-body .room-type-description,
.pex-rooms-in-building .panel-body .room-type-rooms .room-type-headings {
  display:none;
  visibility:hidden;
}
div.container.mobile .pex-rooms-in-building .pex-room-type.panel {
  display:block;
  overflow:visible;
  padding:20px 0;
}

.pex-rooms-in-building .panel-body .room-type-rooms .pex-room.row,
.pex-rooms-in-building .panel-body .room-type-information-no-offer {
  /*background-color:#E6E9ED;*/
}
.pex-rooms-in-building .panel-body .room-type-information-no-offer p {
  margin:0;
}

.pex-rooms-in-building .panel-body .room-type-rooms .pex-room.row,
.pex-rooms-in-building .panel-body .room-type-information-no-offer {
  margin: 0;
  padding: 25px 0 0 0;
}
.pex-rooms-in-building .panel-body .room-type-information-no-offer {
  font-weight:bold;
  margin:0 0 -20px 0;
}

.pex-rooms-in-building .panel-body .room-type-rooms .pex-room.row .col-md-4 {
  flex: 0 0 100%;
  max-width: 100%;
  padding:0;
}

@media (max-width: 767px) {
  .pex-rooms-in-building .panel-body .room-type-rooms .pex-room.row .col-md-4 {
    padding:0;
  }
}

.pex-rooms-in-building .panel-body .room-type-rooms .pex-room.row .btn-group {
  margin-top:20px;
}
.pex-rooms-in-building .panel-body .room-type-rooms .pex-room.row .btn-group .btn-sm:first-child {
  margin-right:20px;
}

.pex-rooms-in-building .panel-body .room-type-rooms .pex-room.row .btn-group .pex-room-book {
  background: #C6047C;
  border: 2px solid #C6047C;
  color: #FFF;
}

.pex-rooms-in-building .panel-body .room-type-rooms .pex-room.row span.pex-room-price {
  font-weight:bold;
}


.pex-rooms-in-building .panel-body .room-type-image .carousel-inner > .item {
  height: 223px;
}
.pex-rooms-in-building .panel-body .room-type-image .carousel-inner > .item > img {
  max-height: 223px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* statt verstecken dann live "Preis" nicht mehr rausrendern (Page-Builder "Appartement") */
.appartement.pex-extended-appartement ul li:nth-child(2),
.appartement.pex-extended-appartement ul li:nth-child(4) {
  display:none;
  visibility:hidden;
}

/* hiding progress bar - medani/mwd/rpx */
.progress-bar-container {
  /*display: none;*/
}

/* hide period table columns in room overview */
.room-list .period, .room-list td[data-title="Period"], .room-list td[data-title="Periode"] {
  /*display: none;*/
}

.booking-journey-applet .step-list {
  display: none;
}

/* PEX-Temp-Styles END */