.header {
    border-bottom: 0;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
    height: 60px;
}

body {
    background-color: #f1f1f1;
}

.overflow-scroll {
    max-height : 360px;
    overflow-y : auto;
}

#loading{
    text-align: center;
    top: 45%;
    position: fixed;
    z-index: 1040;
    width: 100%;
}
#loading img{
    background-color: rgb(255, 255, 255);
    border: 1px solid #ddd;
    padding: 10px 20px;
}

.login-panel {
    background-color: #fff;
    margin-top: 5%;
    padding-bottom: 100px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}

.login-logo {
    padding: 60px;
}

.login-title {
    padding-bottom: 40px;
}

.login-form {
    width: 25%;
    margin: 0px auto;
}

#map_wrapper {
    height: 370px;
    padding: 20px 0px 50px 0px;
}

.has-fieldicon i.ficon {
    width: 0;
}

#map_canvas {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}

.provider-img {
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer
}

.provider-img:hover {
    cursor: pointer
}

.provider-img-map {
    line-height: 84px;
    text-align: center;
    padding-right: 0;
}

.aphrd-shadow {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}

.hotel-name {
    font-size: 18px;
}

.hotel-edit {
    margin-top: 5px;
}

.hotel-iframe {
    border-top: 1px solid #ddd;
}

.navbar-fixed-bottom {
    background-color: #fff;
}

.navbar-fixed-bottom .container {
    padding: 15px 50px 20px 50px;
}

.wrap {
    width: 100%;
    height: 400px;
    padding: 0;
    overflow: hidden;
}

.zoom-btn {
    cursor: pointer;
}

.zoom-btn:hover {
    cursor: pointer;
}

.frame {
    border: 1px solid #ddd;
    width: 1280px;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.roomlist {
    height: 150px;
    overflow: auto;
}

.roomlist ul li:before {
    content: "• ";
    margin-right: 10px;
    margin-left: 10px;
    color: #333;
    /* or whatever color you prefer */
}

.skip-btn {
    text-align: left;
    display: inline-block;
    float: right;
}

.skip-btn:hover {
    cursor: pointer;
}

#popup{
    position: absolute;
    top: 50%;
    margin-top: -200px;
    margin-left: -200px;
    left: 50%;
    z-index: 2000;
}
#popup .modal-content{
    width: 400px;
}

.LOGIN-CSS .modal-fb {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.LOGIN-CSS .modal-fb span {
    color: #454545;
    background-color: #fff;
    position: absolute;
    top: 54px;
    left: 48%;
    padding-left: 5px;
    padding-right: 5px
}

.LOGIN-CSS .modal-fb hr {
    margin-bottom: 0;
    border-color: #979797
}

.LOGIN-CSS .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.LOGIN-CSS .vertical-alignment-helper .vertical-alignment-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
    border-radius: 0
}

.LOGIN-CSS .vertical-alignment-helper .vertical-alignment-center .modal-header {
    border: none;
    padding: 36px 36px 20px
}

.LOGIN-CSS .vertical-alignment-helper .vertical-alignment-center .modal-header h3 {
    font-size: 18;
    color: #5b5b5b;
    font-weight: 700
}

.LOGIN-CSS .vertical-alignment-helper .vertical-alignment-center .modal-header .close {
    margin-right: -36.5px;
    margin-top: -95.5px;
    opacity: inherit;
    color: #fff;
}

.LOGIN-CSS .vertical-alignment-helper .vertical-alignment-center .modal-body {
    padding: 0 36px 26px
}

.LOGIN-CSS .vertical-alignment-helper .vertical-alignment-center .modal-footer {
    text-align: center;
    padding: 26px 36px;
    font-weight: 700
}

.LOGIN-CSS .popup-login {
    font-size: 14;
    color: #454545
}

.LOGIN-CSS .popup-login .hide-text {
    text-indent: -1000em
}

.LOGIN-CSS .popup-login .margin10 {
    margin-bottom: 10px
}

.LOGIN-CSS .popup-login .topmargin26 {
    margin-top: 26px
}

.LOGIN-CSS .popup-login .margin24 {
    margin-bottom: 24px
}

.LOGIN-CSS .popup-login a {
    cursor: pointer
}

.LOGIN-CSS .popup-login .warning-input-field {
    border: 1px solid red
}

.LOGIN-CSS .popup-login .respond-warning {
    display: none;
    color: red;
    background-color: #ffe8e8;
    border: 1.5px solid red;
    padding: 10px 12px;
    margin: 0 0 26px
}

.LOGIN-CSS .popup-login .signin-loading-icon,
.LOGIN-CSS .popup-login .signup-loading-icon {
    background-image: url(/images/desktop/spinner-blue.gif);
    background-repeat: no-repeat;
    width: 18px;
    height: 19.5px;
    position: relative;
    top: 4px;
    margin: auto
}

.LOGIN-CSS .popup-login .btn {
    margin-top: 32px;
}

.LOGIN-CSS .popup-login .btn-primary {
    margin-bottom: 0;
    font-weight: 700
}

.LOGIN-CSS .popup-login .btn-primary:focus,
.LOGIN-CSS .popup-login .btn-primary:hover {
    margin-bottom: 0;
    font-weight: 700;
    color: #FFF;
    background-color: #2F9EED
}

.LOGIN-CSS .popup-login .btn-loading {
    background-image: url(/images/desktop/spinner-blue.gif);
    background-repeat: no-repeat;
    background-position: center
}

.LOGIN-CSS .popup-login .form-group {
    margin-bottom: 0
}

.LOGIN-CSS .popup-login .form-group.text-center li {
    padding-bottom: 0
}

.LOGIN-CSS .popup-login .form-group label em {
    font-style: normal;
    font-weight: 700;
    color: #F99E00;
    margin-bottom: 10px
}

.LOGIN-CSS .popup-login .form-group #signin-password-label {
    margin-top: 26px
}

.LOGIN-CSS .popup-login .form-group .forgot-password-container {
    margin-top: 10px;
    text-align: right
}

.LOGIN-CSS .popup-login .form-group .forgot-password-container .forgot-password {
    color: #53b7ff;
    font-size: 16px
}

.LOGIN-CSS .popup-login .feedback-warning {
    display: none;
    color: red;
    margin: 10px 0 0
}

.LOGIN-CSS .popup-login input[type=checkbox] {
    border: 1px solid #0283df;
    background: #0283df;
    color: #fff
}

.LOGIN-CSS .popup-login .login-1454 .signup-action-label {
    font-weight: 400
}

.LOGIN-CSS .popup-login .login-1454 .signup-action {
    cursor: pointer;
    margin-top: 16px;
    margin-bottom: 16px;
    border: 2px solid #0283DF;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    color: #0283DF;
    border-radius: 4px
}

.LOGIN-CSS .popup-login .login-1454 .signup-action:hover {
    border: 2px solid #B0DEFF;
    color: #B0DEFF
}

.LOGIN-CSS .popup-login .login-captcha-panel {
    margin-bottom: -20px
}

.LOGIN-CSS .popup-login .fb-login-panel {
    display: none
}

.LOGIN-CSS .popup-login .fb-login-panel .fb-button {
    cursor: pointer;
    background-color: #3b5998;
    color: #fff;
    border-color: #3b5998;
    font-weight: 700;
    width: 100%;
    margin-bottom: 16px;
    text-align: center;
    border-radius: 3px;
    padding: 14px 20px
}

.LOGIN-CSS .popup-login .fb-login-panel .fb-button:active:hover,
.LOGIN-CSS .popup-login .fb-login-panel .fb-button:focus,
.LOGIN-CSS .popup-login .fb-login-panel .fb-button:hover {
    background-color: #3b5998;
    color: #fff;
    text-decoration: none
}

.LOGIN-CSS .popup-login .fb-login-panel .fb-button a,
.LOGIN-CSS .popup-login .fb-login-panel .fb-button a:hover {
    color: #fff;
    text-decoration: none
}

.LOGIN-CSS .popup-login .fb-login-panel .fb-button .fbicon {
    margin-right: 13px;
    color: #fff
}

.LOGIN-CSS .popup-login .fb-login-panel .fb-button .fb-loading-icon {
    background-image: url(/images/desktop/spinner-blue.gif);
    background-repeat: no-repeat;
    width: 18px;
    height: 19.5px;
    position: relative;
    top: 4px;
    margin: auto
}

.LOGIN-CSS .popup-login .fb-login-panel .fb-separator-container {
    display: table;
    margin-bottom: 6px;
    text-align: center;
    height: 40px;
    max-height: 40px
}

.LOGIN-CSS .popup-login .fb-login-panel .fb-separator-container .fb-separator-container-row {
    display: table-row
}

.LOGIN-CSS .popup-login .fb-login-panel .fb-separator-container .fb-separator-container-row .fb-or {
    display: table-cell;
    vertical-align: middle
}

.LOGIN-CSS .popup-login .fb-login-panel .fb-separator-container .fb-separator-container-row .fb-or-sides {
    display: table-cell;
    width: 50%;
    padding: 10px;
    vertical-align: middle
}

.LOGIN-CSS .popup-login .fb-login-panel .fb-separator-container .fb-separator-container-row .fb-or-sides hr {
    border: 1px solid #5b5b5b;
    opacity: .3
}

.popup-signup .form-label {
    margin-bottom: 10px
}

.popup-signup .button-action-panel {
    text-align: center
}

.popup-signup .button-action-panel .btn {
    width: 50%;
    margin: auto
}

.popup-signup .button-action-panel .btn-hollow {
    cursor: pointer;
    margin-top: 16px;
    margin-bottom: 16px;
    border: 2px solid #0283DF;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    color: #0283DF;
    border-radius: 4px;
    display: inline-block;
    float: initial;
    background-color: #fff
}

.popup-signup .button-action-panel .btn-hollow:focus,
.popup-signup .button-action-panel .btn-hollow:hover {
    border: 2px solid #B0DEFF;
    color: #B0DEFF
}

.popup-signup .fb-login-panel .fb-button {
    margin: auto;
    width: 50%!important
}

.popup-signup .margin20 {
    margin-bottom: 20px!important
}

.popup-signup .margin26 {
    margin-bottom: 26px!important
}

.popup-signup .squish {
    margin-left: 0!important;
    margin-right: 0!important
}

#signin-popup.LOGIN-CSS .modal {
    width: 100%;
    margin-left: -50%;
    left: 50%;
    z-index: 1500;
    pointer-events: none
}

#signin-popup.LOGIN-CSS .modal-signin .modal-content {
    width: 600px;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    padding: 0;
    z-index: 1500
}

#signin-popup.LOGIN-CSS .modal-signup .modal-content {
    width: 800px;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    padding: 0;
    z-index: 1500
}

.header-inline {
    display: inline-block;
    margin-right: 20px;
}

.btn-popUp {
    margin-bottom: 0;
    font-weight: 700
}

.btn-popUp:focus,
.btn-popUp:hover {
    margin-bottom: 0;
    font-weight: 700;
    color: #FFF;
    background-color: #4EA5E2
}
.HeaderContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 16px;
}

.HeaderContainer--LogoContainer {
    text-align: center;
    background-color: #fff;
    padding: 8px;
}
.ContentContainer--Main {
    text-align: center;
    padding: 0 24px;
}

.ContentContainer--Image {
    margin-top: 128px;
}

.ContentContainer--Desc {
    margin-top: 32px;
    font-size: 24px;
    color: #2a2a2e;
}

.ContentContainer--Subtitle {
    margin-top: 8px;
    font-size: 14px;
    color: #737373;
}

.FooterContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 16px;
    background-color: #2a2a3a;
}

.FooterContainer--Head {
    margin-bottom: 4px;
}