/* BEGIN SHOWMESSAGE JQUERY */
.notification{font-family: Gotham, HTC Hand, Helvetica, Arial, sans-serif; font-size: large !important;font-weight: bold;background-color: rgb(247, 247, 247);color: red;}
.success{font-family: Gotham, HTC Hand, Helvetica, Arial, sans-serif; font-size: large !important;font-weight: bold;background-color: #acfa58;color: black;}
.fail{font-family: Gotham, HTC Hand, Helvetica, Arial, sans-serif; font-size: large !important;font-weight: bold;background-color: #fe2e2e;color: white;}
.fail li {background:none !important;font-size: large !important;display:block;}
/* END SHOWMESSAGE JQUERY */

.notification_box {
    position: fixed;
    min-width: 500px;
    min-height: 30px;
    left: 2px;
    bottom: 10px;
    padding: 18px 15px 10px 15px;
    color: #c36e00;
    background-color: #fffe87;
    z-index: 10002;
    display: none;
}
.notification_box > p {
    float: left;
}
.notification_box > img {
    float: right;
    margin: 3px 0px 5px 0;
}

.loadingText {
    color: #c36e00;
    display: block;
    text-align: center;
    font-size: larger;
}

.loadingText:after {
    color: #c36e00;
    content: ' .';
    animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {
    0%, 20% {
        color: rgba(0, 0, 0, 0);
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0),
        .5em 0 0 rgba(0, 0, 0, 0);
    }
    40% {
        color: #c36e00;
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0),
        .5em 0 0 rgba(0, 0, 0, 0);
    }
    60% {
        text-shadow: .25em 0 0 #c36e00,
        .5em 0 0 rgba(0, 0, 0, 0);
    }
    80%, 100% {
        text-shadow: .25em 0 0 #c36e00,
        .5em 0 0 #c36e00;
    }
}

.hidden {
    display: none !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.clear {
    clear: both;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-33 {
    width: 33% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40{
    width: 40% !important;
}

.w-45{
    width: 45% !important;
}

.text-blue {
    color: #007bff !important;
}

.text-green {
    color: #33b35a !important;
}

.text-red {
    color: #c82333 !important;
}

.text-white{
    color: whitesmoke !important;
}

.bg-red{
    background-color: #c82333 !important;
}

.bg-green{
    background-color: #4BB543 !important;
}

.bg-blue {
    background-color: #007bff !important;
}

.table-hover >tbody > tr:hover {
    background-color: #FFE5CC;
}

.modal-dialog .modal-body.scroll {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}
/* Make datetimepicker popup displayed below input field */
.bootstrap-datetimepicker-widget {
    /*top: auto !important;*/
    bottom:auto !important;
}

.row-middle> td {
    vertical-align: middle;
}

.row-delete > td {
    background-color: #efa2a9 !important;
}

.form-group .form-check-label{
    cursor: pointer;
}

.form-group > label.required:after {
    content:"*";
    color:red;
}

.side-navbar {
    width: 210px;
}

.side-navbar li ul.collapse li.subactive {
    background-color: rgb(18, 18, 18);
}

.help-block {
    color: #DC3545 !important;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #dadada;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

input:read-only {
    color:grey;
}

.tooltip-inner {
    max-width: 100% !important;
}

.tooltipAllotment {
    width: 200px;
    color: whitesmoke;
}

.tooltipRate {
    width: 320px;
    color: whitesmoke;
}

.section-tab {
    padding: 5px 0 5px 0;
}

.word-wrap {
    word-wrap: break-word;
}

.modal {
    z-index: 9999 !important;
}

.modal-backdrop {
    z-index: 9998;
}

#tblFixedHeader {
    position: fixed;
    top: 0;
    display:none;
    z-index: 9997;
}

#loginMenu {
    margin: 30px 100px 0 0;
}

#loginMenu > .active {
    color: #22773c;
}

#listReservation {
    font-size: 11px;
}

#listReservation .matrix .deals td.unavailable {
    cursor: default;
    background-color: #f0c2c2;
}

#listReservation .matrix .deals td.available {
    color: green;
    background-color: #c2dfd0;
}

.texto_grande {
    font-size: 2rem;
    color: white;
}

.icone_grande {
    font-size: 6rem;
    color:#fff;
}

.twitter-typeahead {
    width: 100%;
}

.list-group-item {
    padding: .25rem 1.25rem;
    max-width: 100%;
}
.list-group-item:hover {
    background-color: orange;
    overflow: visible;
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.reference-item {
    float: left;
    text-align: center;
    margin-left: 20px;
    width: 20px;
    height: 20px;
    background-color: #f0c2c2
}
.reference-text {
    float: left;
    margin-left: 5px;
}
.reference-item.unavailable {
    background-color: #f0c2c2
}
.reference-item.available {
    color: green;
    background-color: #c2dfd0
}

.fraction {
    display: inline-block;
    width: 1em;
}
.fraction div:first-child {
    text-align: center;
    border-bottom: 1px solid black;
}

.fraction div:last-child {
    text-align: center;
}

/* modal */
.modal-dialog.cascading-modal .modal-body, .modal-dialog.cascading-modal .modal-footer {
    padding: 1rem;
}

.modal-dialog .modal-body.scroll {
    max-height: calc(100vh - 282px);
    overflow-y: auto;
}

.modal.modal-vls > .modal-dialog > .modal-content > .modal-body > img {
    margin-top: 13%;
    width: 1024px;
    position: fixed;
}
/* end modal */

/* gallery */
.gallery .hotel-img {
    aspect-ratio: 1.34;
    cursor: zoom-in;
}

.gallery .hotel-img:hover {
    opacity: 0.8;
}

.gallery .hotel-img-container:hover .btn-remove-img {
    display: block;
}

.gallery .btn-remove-img {
    color: #c00;
    position: absolute;
    top: 5px;
    right: 0px;
    width: 20px;
    text-align: right;
    display: none;
}
/* end gallery */

/* ckeditor */
.ck-editor__editable {
    min-height: 200px;
}
.ck.ck-balloon-panel {
    z-index: 10000 !important;
}
/* end ckeditor */