/* @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    html {
      transform: rotate(-90deg);
      transform-origin: left top;
      width: 100vh;
      overflow-x: hidden;
      position: absolute;
      top: 100%;
      left: 0;
    }
  } */
  
html,body{
    height: 100%;
}
.hp{
    height:100%;
}
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
}
.app-body {
    background-image: linear-gradient(90deg,#85cbec,#3bbce8,#319ed6,#1b70ab);
    padding-top: 20px;
    min-height: 600px !important;  
}

.page-login .pageTitle{
    display: none;
}

.footer {
    margin: 0 -15px !important;
    background-color: #1d81c1;
    height: 50px;
    padding: 10px;
}
.page-room-night .footer{
    background-color: #153d58;
}
.column20 {
    float: left;
    padding: 0 20px;
    width:19.7%;
    text-align: center;
}
.column25 {
    float: left;
    padding: 0 20px;
    width:24.63%;
    text-align: center;
}

.app2 .bicon {
    position: absolute;
    bottom: 70px;
}
.high-temp.page-room-night .star {
    background: transparent;
}