* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

/* Shell styles */
.shell-logo-container {
  text-align: center;
  background: #0f3693;
}

.shell-hero {
  background: linear-gradient(#0f37934b, #0f37934b),
    url(../../HotelFiles/11507/h-hero.jpg) no-repeat center top;
  background-size: cover;
  height: 47.5vh;
  z-index: 0;
}

/* Shell BE */
.shell-be {
  padding: 8rem 0;
  background-color: #f1f1f1;
}

/* Booking Engine custom styles */
#cancelReservation {
  font-size: 12px;
}

.roomName,
.ui-datepicker-header,
.summary .summaryHeader {
  background: #0f3693;
}

.reserveRoom,
.done .step-number,
.done .step-number:before {
  background: #f9c446;
}

.reserveRoom:hover {
  background: #dfb34b;
}

.reserveRoom,
.reserveRoom:hover {
  color: #000000;
}
.done .step-number {
  color: #0f3693;
}

/* select room */
.on,
.roomName:hover,
.roomName:focus {
  background: #4973d5;
}

.roomName h4 {
  color: #fff;
}


/* Responsive Styles */
@media only screen and (max-width: 753px) {
  .main-header {
    position: relative;
    box-shadow: none;
    margin: 0;
  }


  .shell-hero {
    height: 25vh;
  }

  .shell-be {
    padding: 4rem 0;
  }

  #mainStage {
    margin-top: 35px;
  }

  #guest-login {
    position: relative;
    width: 100px;
    margin-bottom: 20px;
  }
}