@import url("stayluma-classic.css");

:root {
    --bs-primary: #1570EF;
    --bs-primary-rgb: 21, 112, 239;
    --bs-link-color: #1570EF;
    --bs-link-hover-color: #105BC4;
}

html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

.header-logo {
    flex-shrink: 0;
    background-color: transparent;
    background-image: url('../images/stayluma-static.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-mask: none;
    mask: none;
    width: 180px;
    height: 44px;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

#components-reconnect-modal {
    align-items: center;
    background: rgba(0, 0, 0, 0.35);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100002;
}

#components-reconnect-modal.components-reconnect-show,
#components-reconnect-modal.components-reconnect-retrying,
#components-reconnect-modal.components-reconnect-failed,
#components-reconnect-modal.components-reconnect-paused,
#components-reconnect-modal.components-reconnect-resume-failed,
#components-reconnect-modal.components-reconnect-rejected {
    display: flex;
}

.components-reconnect-panel {
    background: #fff;
    border: 1px solid #d6d8db;
    border-radius: 6px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
    color: #24292f;
    font-size: 16px;
    max-width: min(420px, calc(100vw - 32px));
    padding: 18px 22px;
    text-align: center;
}

.components-reconnect-message {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-show-message,
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-retrying-message,
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-message,
#components-reconnect-modal.components-reconnect-paused .components-reconnect-paused-message,
#components-reconnect-modal.components-reconnect-resume-failed .components-reconnect-resume-failed-message,
#components-reconnect-modal.components-reconnect-rejected .components-reconnect-rejected-message {
    display: block;
}

/*

div.dxbl-sc-resources-scroll-area, div.dxbl-sc-empty-cell, td.dxbl-v-resource-header > div.dxbl-resource-header-content {
    width: 150px !important;
    
}

 .dxbl-v-resource-header > .dxbl-resource-header-content>span {
     transform: initial !important;
     -ms-transform: initial !important;
     -webkit-transform: initial !important;
     writing-mode: initial !important;
     -ms-writing-mode: initial !important;
     -webkit-writing-mode: initial !important;
     white-space: nowrap !important;     
 }


.hotelcrm-scheduler .dx-scheduler-cell-sizes-vertical {
    height: 40px !important; 
}

.dxbs-sc-resource-headers > tbody > tr > td {
    height: 40px  !important;
}

td.dxbl-v-resource-header, td.dxbl-sc-time-cell {
    height: 50px !important;    
}

td.dxbl-v-resource-header {
    background-color: lightgray !important;
}

*/
.reservation-tbcheckin {
    border-color: darkblue !important;
    background-color: lightblue !important;
    color: red !important;
}
.reservation-gueststaying {
    border-color: darkblue !important;
    background-color: lime !important;
    color: red !important;
}

.reservation-tbcheckout {
    border-color: darkblue !important;
    background-color: bisque !important;
    color: red !important;
}

.reservation-guestcheckout {
    border-color: darkblue !important;
    background-color: cornflowerblue !important;
    color: red !important;
}

.reservation-cancelled {
    border-color: darkblue !important;
    background-color: indianred !important;
    color: black !important;
}

.event-highlighted {
    border-color: darkblue !important;
    background-color: gold !important;
    color: black !important;
    box-shadow: 0 0 10px gold;
}