.emoji-list-wrapper {
    display: none;
}
.emoji-list-wrapper.show {
    display: block;
    position: absolute;
    top:-50px;
    left: 0;
    width: 480px;
    background-color: #fefefe;
    z-index: 1;
}
.emoji-list-wrapper .emoji-ele:hover {
    cursor: pointer;
    color: #ff8d0d;
}
.myfiles-wrapper {
    display: none;
}
.myfiles-wrapper.show {
    display: block;
    position: absolute;
    bottom:50px;
    right: 0;
    width: 480px;
    height: 480px;
    background-color: #fefefe;
    border: solid 2px #282828;
    z-index: 1000;
}
video {
    max-width: 100%;
    height: auto;
}
.pdf-viewer-container {
    position: relative;
    width: 100%;
    border: 1px solid #000; }
.pdf-viewer-container .pdf-viewer-preview canvas {
    width: 100%;
    max-width: 100%;
    height: auto; }
.pdf-viewer-container .current-page-number {
    position: absolute;
    right: 0px;
    bottom: 0px;
    transform: translate(0%, 0%);
    font-size: 125%;
    padding: 0px .25em; }
.pdf-viewer-container .pdf-viewer-controller .btn {
    font-size: 200%;
    position: absolute;
    top: 50%;
    padding: 0px;
    width: 1em;
    height: 2em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #ccc;
    transform: translate(0%, -50%);
    display: inline-flex; }
.pdf-viewer-container .pdf-viewer-controller .btn-previous {
    left: 0px;
    border-radius: 0% 2em 2em 0;
    padding-right: .5em; }
.pdf-viewer-container .pdf-viewer-controller .btn-next {
    right: 0px;
    border-radius: 2em 0em 0em 2em;
    padding-left: .5em; }
.pdf-viewer-container.missing-file .pdf-viewer-preview,
.pdf-viewer-container.missing-file .pdf-viewer-controller {
    display: none; }
.room-messages-container {
    display: none;
}
.room-messages-container.active {
    display: block;
    height: 100%;
    overflow-y: scroll;
}
.comment-action-add-into-bank {
    color: #e0e0e0 !important;
}
.inbank-0 .comment-action-add-into-bank {
    color: #07a0ff !important;
}
.lmsgbank-section {
    display: none;
}
.lmsgbank-section.show {
    position: fixed;
    top: 0.3rem;
    left: 0.3rem;
    height: calc(100vh - 4.5rem);
    width: calc(80% - 2rem);
    resize: both;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
    border-radius: 6px;
    display: block;
    z-index: 1001;
}
.lmsgbank-container {
    width: 100%;
    height: calc(100% - 0rem);
    position: relative;
    background-color: #fff;
}
.lmsgbank-section-header {
    position: relative;
    background: linear-gradient(50deg, #0066ff 0, #006400 100%) !important;
    height: 2.8rem;
}
.lmsgbank-section-header:hover {
    cursor: move;
}
.lmsgbank-section-header .title {
    padding-left: 0.7rem;
    padding-top: 0.4rem;
    color: #fff;
}
.lmsgbank-section-header .btn-close {
    position: absolute;
    top:0.2rem;
    right: 0.5rem;
    cursor: pointer;
    color: #ffffff;
}
.lmsgbank-section-header .btn-close:hover{
    font-weight: 700;
}
.lmsgbank-section-body {
    height: calc(100% - 4rem);
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}
.lmsgbank-section-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-right: 1rem;
    z-index: 9;
    height: 2.8rem;
    background-color: #eee;
}
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.popup-booking-section,.members-section {
    display: none;
}
.popup-booking-section.show,.members-section.show {
    position: fixed;
    top: 0.3rem;
    right: 0.3rem;
    height: calc(100vh - 4.5rem);
    width: 680px;
    resize: both;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
    border-radius: 6px;
    display: block;
    z-index: 1001;
}
.popup-booking-container,.members-container {
    width: 100%;
    height: calc(100% - 0rem);
    position: relative;
    background-color: #fff;
}
.popup-booking-section-header,.members-section-header {
    position: relative;
    background: rgba(22,22,23,.8) !important;
    height: 2.8rem;
}
.popup-booking-section-header:hover,.members-section-header:hover {
    cursor: move;
}
.popup-booking-section-header .title,.members-section-header .title {
    padding-left: 0.7rem;
    padding-top: 0.4rem;
    color: #fff;
}
.popup-booking-section-header .nav-pills .nav-link {
    color: rgba(255, 255, 255, 0.69);
    font-weight: 300;
}
.popup-booking-section-header .nav-pills .nav-link.active {
    background-color: transparent !important;
    color: #ffffff;
    font-weight: 900;
}
.popup-booking-section-body,.members-section-body {
    height: calc(100% - 4rem);
    position: relative;
    overflow: auto;
    width: 100%;
    padding-top: 1rem;
}
.list-hotels-container {
    height: calc(100vh - 16rem);
    overflow-y: scroll;
}
#tab-popup-booking-checkrate {
    height: calc(100vh - 12rem);
    overflow-y: scroll;
}
.btn-form-checkrate {
    width: 100%;
}
.available-title{
    font-size: 1.5rem;
}
.text-checkin-out{
    font-size: 0.8rem;
}
/* Chrome, Safari, Edge, Opera */
.booking-item input::-webkit-outer-spin-button,
.booking-item input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
.booking-item input[type=number] {
    -moz-appearance: textfield;
}
@media (max-width:768px) {
    .booking-item .btn-sm {
        padding: 0.3rem !important;
    }
    .form-control.form-control-sm.qty-input {
        padding: 0.2rem !important;
        font-size: 0.8rem;
    }
    .booking-item .room-rate-price {
        font-size: 0.8rem !important;
    }
}
.booking-item .input-group{
    max-width: 180px;
}
.zx-form-group{position:relative;padding-top:16px;padding-bottom:16px;transition:all .25s ease-out}
.zx-form-group label{z-index:2;position:absolute;font-size:16px;top:24px;font-weight:300;transition:all .25s ease-out;pointer-events:none}
.zx-form-group.focus label,.zx-form-group:not(.pristine) label{top:0;font-size:12px;pointer-events:all}
.zx-form-group.focus,.zx-form-group.has-error{margin-bottom:0}
.zx-form-group.has-error .zx-form-control,.zx-form-group.has-error .big-checkbox{border-bottom-color:#f22f46;box-shadow:0 1px 0 #f22f46;margin-bottom:0}
.zx-form-control{box-sizing:border-box;max-width:100%;width:100%;padding:6px 0 4px;display:block;border:1px solid transparent;border-bottom-color:#94979b;font-size:16px;outline:none;transition:all .25s ease-out;border-radius:0}
.zx-form-control:focus{border-bottom-color:#008cff;box-shadow:0 1px 0 #008cff}
.zx-form-control:-webkit-autofill,.zx-form-control:-webkit-autofill:active,.zx-form-control:-webkit-autofill:focus,.zx-form-control:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}
.popup-booking-section-footer,.members-section-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-right: 1rem;
    z-index: 9;
    height: 2.8rem;
    background-color: #eee;
}
.ajax-sending-loader {
    display: none;
}
.ajax-sending-loader.show {
    display: block;
}
.ajax-sending-loader.show .ajax-sending-loader-backdrop {
    position: fixed;
    display: block;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #ccc;
    opacity:0.4;
}
.ajax-sending-loader .ajax-sending-loader-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 30vh;
    width: 40vh;
    text-align: center;
    vertical-align: middle;
    z-index: 9999999;
}
.mg-widget {
    padding: 30px;
    margin-bottom: 30px;
}
.mg-recnt-posts {
    padding: 0;
    margin: 0;
    list-style: none;
}
.mg-widget .mg-recnt-posts .mg-recnt-post {
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
}
.mg-widget .mg-recnt-posts .mg-recnt-post p {
    margin-bottom: 0;
}
.mg-widget .mg-recnt-posts .mg-recnt-post .mg-rp-date {
    font-size: 27px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 15px;
    position: relative;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.2);
    float: left;
    margin-right: 20px;
}
.mg-recnt-post .mg-rp-date .mg-rp-month {
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
}
.mg-recnt-post > h3 {
    font-size: 22px;
    font-weight: 400;
    margin-top: 0;
}
.mg-recnt-post > h3 > a {
    color: rgba(31,26,23,1);
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.mg-recnt-post > h3 > a:hover {
    color: rgba(6,138,131,1);
    text-decoration: none;
}
.mg-recnt-post > p {
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .popup-booking-section.show {
        width: calc(100vw - 0.6rem);
    }
}