#link-qr-button, #qr-setup-message {
    margin-top: 25px;
    margin-bottom: 50px;
}
#qr-setup-message {
    color: #6d7278;
    font-size: 17px;
}
.toast-container {
    width: 100%;
    position: absolute;
    z-index: 9;
    color: #ffffff;
    top: 0px;
    font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    display: flex;
    align-items: center;
    padding: 18px;
    opacity: 0;
    transform: translateY(-100%);
}

.toast-container.success {
    background-color: #72b22e;
}

.toast-container.failure {
    background-color: #e02020;
}

.toast-container.warning {
    background-color: #e09d20;
}

.toast-animation .toast-container {
    animation-name: toaster-container;
    animation-duration: 5s;
}

@keyframes toaster-container {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    20% {
        opacity: 1;
        transform: translateY(0%);
    }
    80% {
        opacity: 1;
        transform: translateY(0%);
    }
    100% {
        opacity: 0;
        transform: translateY(-100%);
    }
}

.toast-container .toast-text-container {
    display: flex;
}

.toast-container .toast-text-container .toast-icon {
    width: 18px;
}

.toast-container .toast-text-container .toast-text {
    flex: 1;
    padding-left: 11px;
}
forbidden-textarea {
    display: block;
    width: 100%;
}

forbidden-textarea .forbidden-textarea .forbidden-word {
    color: inherit;
}

forbidden-textarea .forbidden-textarea.is-forbidden-word .forbidden-word {
    color: red;
}

/*
*= require app/ios/staff/components/ticket-details/inventory-item-details/inventory-item-details.css
*= require app/ios/staff/components/common/toast-notification/toast-notification.css
*= require app2/staff/components/chat/forbidden-textarea/forbidden-textarea.css
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');

* {
    box-shadow: none !important;
}

body > .pane, body > .view {
    height: 100% !important;
    height: calc(100% + constant(safe-area-inset-bottom) + constant(safe-area-inset-top )) !important;
    height: calc(100% + env(safe-area-inset-bottom) + env(safe-area-inset-top )) !important;
}

input, textarea {
    width: 100%;
}

textarea {
    resize: none;
    overflow: hidden;
}

textarea.multi-line-option {
    height: auto;
    border-radius: 3px;
    padding: 6px;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dfdfdf;
    color: #666666;
    font-weight: var(--font-weight-bold, bold);
    font-size: 16px;
    resize: none;
    overflow: hidden;
}

:focus, a, a:active, a:focus, a:hover, button, button:focus {
    outline: 0;
}

.login-form {
    background-color: #019BB3;
}

.login-form .row {
    position: relative;
    max-width: 370px;
}

.login-form .logo {
    width: 100%;
    padding-bottom: 0;
    padding-top: 0;
}

.login-form .logo img {
    max-height: 128px;
    display: block;
    margin: auto;
}

.button .button-white {
    background-color: #FFF;
    color: #019BB3;
    text-shadow: rgba(250, 250, 255, 0.4) 0px 1px 0px;
}

.center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
}

.login-form p {
    margin-bottom: 5px;
}

.login-form p, .login-form a, .login-form a:hover {
    text-align: center;
    color: #FFF;
}

.login-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
    color: #019BB3 !important;
}

.blue-background {
    background-color: #019BB3;
}

.blue-background input {
    color: #019BB3;
}

.login-fields {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
}

.login-fields-labels {
    flex: 0 0 auto;
}

.login-fields-labels label {
    color: #989697;
    padding: 14px 1px 14px 5px;
    border-bottom: none;
    font-size: 16px;
    height: 52px;
}

.login-fields-inputs {
    flex-grow: 1;
    flex-shrink: 2;
}

.login-fields-inputs input {
    border-top: 1px solid #ddd;
    font-size: 16px;
    height: 52px;
    padding: 14px 5px 14px 5px;
}

.input-label {
    color: #989697;
}

.forgot p {
    font-size: 12px;
    margin-bottom: 0;
}

.forgot .no-decoration {
    text-decoration: none;
}

.forgot .slightly-bigger {
    font-size: 14px;
    font-weight: var(--font-weight-medium, 500);
    line-height: 16px;
    margin-bottom: .15em;
}

.col .facility-icon, .assign-item .facility-icon, .item-checkbox .facility-icon {
    width: 30px;
    height: 30px;
    line-height: 20px;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    float: left;
    margin-right: .55em;
    background: #aaa;
    display: inline-block;
    text-align: center;
    top: 0;
}

.selector-list .assign-item {
    padding: 10px !important;
}

.assign-item .facility-icon {
    margin-top: -6px;
    margin-bottom: -12px;
}

.assign-item .row {
    display: table;
}

.item-checkbox .facility-icon {
    margin-bottom: -1em;
    margin-top: -4px;
}

.col .facility-icon img, .assign-item .facility-icon img, .item-checkbox .facility-icon img {
    max-height: 20px;
    max-width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ticket-item .facility-icon {
    margin-top: 3px;
}

.list .ticket-item .nameContainer {
    font-size: .9em;
    margin-top: -15px;
    display: block;
    text-overflow: ellipsis;
    padding-left: 2.6em;
}

.list .ticket-item .nameContainer.smaller {
    font-size: .55em;
}

.list .ticket-item .col .facility-icon {
    float: left;
}

.list .ticket-item .clear {
    clear: both;
    display: block;
}

.list .ticket-item {
    padding: 0;
    color: rgb(68, 68, 68);
    border-top-color: #ddd;
    border-bottom-color: #ddd;
    border: none;
}

.list .ticket-item .item-content {
    border-top: 1px solid #ddd;
}

.list .ticket-item:last-child .item-content {
    border-bottom: 1px solid #ddd;
}

.list .item-divider {
    background-color: #FFF;
    color: #4dadc3;
    text-align: center;
    font-weight: var(--font-weight-normal, 400);
}

.list .filters-item {
    padding: 0;
    background-color: #cae6ec;
}

.list .filters-item.due-date-filter {
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.49) !important;
    border: solid 1px #d9d9d9;
    overflow: inherit;
    z-index: 3;
    border-top: 0;
}

.list .ticket-item > .row {
    padding-bottom: 0;
}

.list .ticket-item .ticketSummary {
    color: #888;
    font-size: 0.7em;
    line-height: 1.1em;
    overflow: hidden;
    word-wrap: break-word;
    font-weight: var(--font-weight-normal, normal);
    float: left;
    width: 140%;
    text-overflow: ellipsis;
    padding-top: 5px;
}

.list .ticket-item .col > .row {
    padding: 0;
}

.list .ticket-item .col > .row > .col, .list .ticket-item > .row > .col {
    padding-right: 0;
}

.list .ticket-item .roomNumber {
    text-transform: uppercase;
}

.list .ticket-item .guestInfoContainer div {

}

.list .ticket-item .delimeter {
    font-size: .9em;
}

.list .ticket-item .guestInfoContainer {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .9em;
    color: #000000;
    line-height: 1.2em;
}

.list .ticket-item .guestInfoContainer div {
    display: inline-block;
}

.ticket-item .requesterName {
    float: left;
}

.ticket-item .requesterName div {

}

.ticket-item .guestInfoContainer .purple {
    color: #7e57c5;
}

.ticket-item .guestInfoContainer .brown {
    color: #8c6e65;
}

.list .ticket-item .requestName, .list .ticket-item .guest-name {
    line-height: 1.1em;
    width: 100%
}

.list .ticket-item .dueTime {
    text-align: right;
    float: right;
    line-height: .9em;
}

.list .ticket-item .row.hotel-group-selected {
    padding-top: 10px;
}

.list .ticket-item .row.without-summary.hotel-group-selected .dueTime {
    margin-top: -5px;
}

.list .ticket-item .messageIcons > .row {
    padding-top: 0;
}

.list .ticket-item .messageIcons > .row span:not(.red-circle-compact) {
    margin-left: -5px;
}

.list .ticket-item .messageIcons > .row span:first-child {

}

.list .ticket-item .dueTime .owner-label {
    font-size: .7em;

}

.list .ticket-item .dueTime .status-time {
    font-size: .5em;
    line-height: 1.5em;
    color: #888;
}

.list .ticket-item .dueDateTime {
    font-size: .9em;
}

.list .ticket-item .dueTime .dueDateNoTime {
    color: #888;
    font-size: .7em;
    line-height: 12px;
}

.list .ticket-item .dueTime .deferred-icon {
    float: left;
    color: #0388a6;
    position: relative;
    margin-right: 2px;
    margin-top: -2px;
}

.list .ticket-item .dueTime .deferred-icon img {
    max-height: 16px;
}

.list .ticket-item .dueTime .deferred-icon span {
    font-size: 0.5em;
    position: absolute;
    left: 9px;
    top: 7px;
}

.list .ticket-item .dueTime.deferred .owner-label,
.list .ticket-item .dueTime.deferred .dueDateTime {
    color: #0388a6;
}

.list .ticket-item .owner-and-time-wrapper, .list .ticket-item .owner-and-time-wrapper > div {
    float: right;
}

.ticket-item .roomNumber {
}

.col-55 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 55%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}

.ticket-item .col.without-summary {
    padding-top: .7em;
}

.fake-statusbar {
    height: 20px;
    height: constant(safe-area-inset-top );
    height: env(safe-area-inset-top );
    font-size: 12px;
    box-sizing: border-box;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    color: #fff;
    padding: 2px 3px 3px 3px;
}

.fake-statusbar h1 {
    color: rgb(68, 68, 68) !important;
    text-align: center;
    width: 100%;
    font-size: .8em;
    color: rgb(68, 68, 68);
    line-height: 4.3em;
    margin-bottom: 0;
    letter-spacing: 3px;
    font-weight: var(--font-weight-bold, bold);
    text-shadow: 0 1px 0 rgba(250, 250, 2505, 0.4) !important;
    text-transform: uppercase;
    display: none;
}

.bar.bar-alice, .toggle-status, .alice-modal .menu-header {
    background-color: rgb(237, 237, 237);
    border-color: rgb(204, 204, 204);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 3px rgba(150, 150, 150, 0.55);
}

.bar.bar-alice h1 {
    color: rgb(68, 68, 68) !important;
    text-shadow: 0 1px 0 rgba(250, 250, 2505, 0.4) !important;
}

.bar-header.standalone, .toast-container {
    height: 73px !important;
    height: calc(53px + constant(safe-area-inset-top )) !important;
    height: calc(53px + env(safe-area-inset-top )) !important;
}

#tickets-header-container {
    padding: 0;
    z-index: 10;
    flex-direction: column;
}

#tickets-filters-container {
    height: 100%;
    width: 100%;
    position: relative;
    margin-top: 0 !important;
}

#tickets-menu-container {
    display: flex;
    padding: 9px 5px 10px;
    position: absolute;
    z-index: 100;
    background-color: #4dadc3;
    width: 100%;
}

#tickets-search-bar {
    width: 100%;
}

#tickets-search-bar.top-search-bar {
    top: 54px;
    top: calc(54px + constant(safe-area-inset-top)) !important;
    top: calc(54px + env(safe-area-inset-top)) !important;
    position: absolute;
    z-index: 20;
}

#due-date-filter {
    padding: 0;
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.49) !important;
    border-top: 0;
}

#tickets-filter-buttons-container {
    top: 45px;
    top: calc(45px + constant(safe-area-inset-top)) !important;
    top: calc(45px + env(safe-area-inset-top)) !important;
    padding-top: 9px;
    width: 100%;
    transition: top 0.3s;
    position: absolute;
}

#tickets-content-container {
    top: 150px;
    top: calc(150px + constant(safe-area-inset-top)) !important;
    top: calc(150px + env(safe-area-inset-top)) !important;
}

#tickets-content-container.tickets-content-under-search {
    top: 212px !important;
    top: calc(212px + constant(safe-area-inset-top)) !important;
    top: calc(212px + env(safe-area-inset-top)) !important;
}

#tickets-filter-buttons-container.tickets-filter-buttons-under-search {
    top: 107px !important;
    top: calc(107px + constant(safe-area-inset-top)) !important;
    top: calc(107px + env(safe-area-inset-top)) !important;
}

#tickets-content-container.tickets-content-move-up {
    top: 53px !important;
    top: calc(53px + constant(safe-area-inset-top)) !important;
    top: calc(53px + env(safe-area-inset-top)) !important;
}

#tickets-filter-buttons-container.tickets-filter-buttons-hide {
    top: -53px !important;
    top: calc(-53px + constant(safe-area-inset-top)) !important;
    top: calc(-53px + env(safe-area-inset-top)) !important;
}

.bar-header.standalone > *, .toast-container > *, .bar-header.standalone > if-all-granted > * {
    margin-top: 20px !important;
    margin-top: constant(safe-area-inset-top) !important;
    margin-top: env(safe-area-inset-top) !important;
}

#notch-buffer {
    height: 0;
    height: constant(safe-area-inset-top);
    height: env(safe-area-inset-top);
    width: 100%;
    background-color: #4dadc3;
    position: relative;
    z-index: 100;
}

.standalone.scroll-content {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top )) !important;
    top: calc(53px + env(safe-area-inset-top )) !important;
}

.with-offline-indicator.standalone .sms-conversation-messages.scroll-content.standalone,
.with-offline-indicator .sms-conversation-messages.scroll-content {
    top: 128px;
    top: calc(108px + constant(safe-area-inset-top )) !important;
    top: calc(108px + env(safe-area-inset-top )) !important;
}

.with-offline-indicator.standalone .sms-conversation-messages.scroll-content.standalone.has-header.has-sub-header,
.with-offline-indicator .sms-conversation-messages.scroll-content.has-header.has-sub-header {
    top: 172px;
    top: calc(152px + constant(safe-area-inset-top )) !important;
    top: calc(152px + env(safe-area-inset-top )) !important;
}

.has-footer-big {
    bottom: 95px;
}

.ticket-view .toggle-status {
    background-color: #4dadc3;
}

.ticket-view .toggle-status a {
    color: white;
    text-shadow: none;
}

.ticket-view .toggle-status .active {
    /* background-color: rgba(190, 190, 190, 0.75);      */
    color: white;
    text-shadow: none;
}

.menu.menu-left {
    text-shadow: 0 1px 0 rgba(250, 250, 2505, 0.4);
}

.menu.menu-left .scroll-content {
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.2) inset, 0 1px rgba(255, 255, 255, 0.6) !important;
    background-color: rgba(217, 217, 217, 0.6);
}

.menu.menu-left .scroll-content.standalone {
    top: 0px !important;
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top );
    padding-top: env(safe-area-inset-top );
}

.menu.menu-left .hotelLogo {
    height: 59px;
    position: relative;
    overflow: hidden;
}

.menu.menu-left .hotelLogo img, .menu.menu-left .hotelLogo b {
    max-height: 55px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 245px;
    left: 0;
    right: 0;
}

.menu.menu-left .hotelLogo b {
    vertical-align: middle;
    line-height: 55px;
    text-align: center;
}

.menu.menu-left a {
    background-color: rgba(190, 190, 190, 0.75);
    color: rgb(68, 68, 68) !important;
    background-color: rgba(190, 190, 190, 0.75);
    border-bottom-color: rgba(200, 200, 200, 0.95);
}

.loading-back-drop {
    position: absolute;
    bottom: 44px;
    top: 44px;
    left: 0;
    right: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-transition: 0.2s opacity linear;
    -moz-transition: 0.2s opacity linear;
    transition: 0.2s opacity linear;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.standalone .loading-back-drop {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
}

.loading-back-drop.active {
    opacity: 1;
    visibility: visible;
}

.ticket-item .guest-messages-icon-compact, .ticket-item .internal-messages-icon-compact {
    position: relative;
}

.ticket-item .guest-messages-icon-compact {
    min-width: 19px;
    margin-top: 5px;
}

.ticket-item .internal-messages-icon-compact {
    padding-left: 3px;
    padding-top: 5px;
    min-width: 17px;
}

.ticket-item span.red-circle-compact, .ticket-item span.red-circle-compact2 {
    background: #f44336;
    color: #ffffff !important;
    display: inline-block;
    text-align: center;
    top: -3px;
    left: 11px;
    font-size: 7px;
    position: absolute;
}

.ticket-item span.red-circle-compact {
    border-radius: 6px;
    line-height: 12px;
    width: 12px;
    max-height: 12px;
}

.ticket-item span.red-circle-compact2 {
    border-radius: 4px;
    line-height: 8px;
    width: 8px;
    max-height: 8px;
}

.ticket-item .hotelName {
    line-height: 14px;
    overflow: hidden;
    font-size: .7em;
    width: 100%;
    text-overflow: ellipsis;
    float: left;
    position: absolute;
    margin-top: -15px;
    color: #888;
    padding-left: 40px;
}

.modal.alice-modal:not(.full-ticket) {
    position: absolute;
    top: 8%;
    left: 5%;
    right: 0;
    z-index: 10;
    min-height: 80%;
    height: 82%;
    width: 90%;
    background-color: #fff;
    line-height: 1.3em;
    overflow: inherit;
}

.alice-modal.full-ticket {
    background-color: #fbfbfb;
}

.with-offline-indicator.standalone .sms-tickets-content.has-header {
    top: 128px;
    top: calc(108px + constant(safe-area-inset-top ));
    top: calc(108px + env(safe-area-inset-top ));
}

.standalone .sms-tickets-content.has-header {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
}

.alice-modal.full-ticket.standalone .has-header {
    top: 161px;
    top: calc(141px + constant(safe-area-inset-top ));
    top: calc(141px + env(safe-area-inset-top ));
}

#add-guest-content {
    top: 53px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
}

.alice-modal.full-ticket.standalone .has-header-smaller-1 {
    top: 121px;
    top: calc(101px + constant(safe-area-inset-top ));
    top: calc(101px + env(safe-area-inset-top ));
}

.alice-modal.full-ticket.standalone .has-header-smaller-3 {
    top: 105px;
    top: calc(85px + constant(safe-area-inset-top ));
    top: calc(85px + env(safe-area-inset-top ));
}

.alice-modal.full-ticket.standalone .has-header-smaller-2 {
    top: 149px;
    top: calc(129px + constant(safe-area-inset-top ));
    top: calc(129px + env(safe-area-inset-top ));
}

.alice-modal.full-ticket.standalone .has-header-bigger-1 {
    top: 230px;
    top: calc(210px + constant(safe-area-inset-top ));
    top: calc(210px + env(safe-area-inset-top ));
}

.modal.alice-modal.full-ticket.standalone .has-header-bigger-1 {
    top: 230px;
    top: calc(210px + constant(safe-area-inset-top ));
    top: calc(210px + env(safe-area-inset-top ));
}

.modal.alice-modal.full-ticket.standalone .has-header-bigger-2 {
    top: 146px;
    top: calc(126px + constant(safe-area-inset-top ));
    top: calc(126px + env(safe-area-inset-top ));
}

.modal.alice-modal .row.title-row .col {
    height: 27px;
}

.alice-modal.full-ticket .form-list, .send-back-modal .form-list {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.alice-modal.full-ticket .form-list .item {
    border: none;
    margin-bottom: .5em;
}

.alice-modal.full-ticket .form-list .input-label {
    font-weight: var(--font-weight-bold, bold);
    color: #666;
}

.alice-modal.full-ticket .form-list input {
    padding: 6px;
}

.alice-modal .row.title-row h1 {
    color: #FFF;
    cursor: pointer;
}

/** making form overflow hidden to prevent showing inner elements on scroll when inputs has focus */
.alice-modal .form-overflow-hidden {
    height: 100%;
    overflow: hidden !important;
    position: absolute;
    top: 3px;
    width: 100%;
}

.alice-modal .close-reveal-modal {
    width: 25px;
    height: 25px;
    background-color: red;
    position: absolute;
    right: -12px;
    cursor: pointer;
    top: -12px;
    z-index: 12;
    border-radius: 50%;
    color: #FFF;
}

.alice-modal .close-reveal-modal.ion-close:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
}

.alice-modal:not(.new-ticket-request) .bar-header {
    padding: 0;
    height: 189px;
    border-bottom: 0;
}

.alice-modal .bar-header.header-smaller {
    height: 109px;
}

.alice-modal .bar-header.header-smaller-1 {
    height: 101px;
}

.alice-modal .bar-header.header-smaller-3 {
    height: 81px;
}

.alice-modal .bar-header.header-smaller-4 {
    height: 57px;
}

.alice-modal .bar-header.header-smaller-3.standalone {
    height: 105px !important;
    height: calc(85px + constant(safe-area-inset-top )) !important;
    height: calc(85px + env(safe-area-inset-top )) !important;
}

.alice-modal .bar-header.header-bigger-1 {
    height: 211px;
}

.modal.alice-modal .bar-header.header-bigger-2 {
    height: 127px;
}

.modal.alice-modal .bar-header.header-bigger-2.standalone {
    height: 147px !important;
    height: calc(127px + constant(safe-area-inset-top )) !important;
    height: calc(127px + env(safe-area-inset-top )) !important;
}

.alice-modal .bar-header .list {
    width: 100%;
}

.blue, .blue .col, .blue .list > .item {
    color: #FFF;
    background-color: #4cacc3;
}

.alice-modal .item:not(.item-checkbox), .modal.reservation-modal .item:not(.item-checkbox) {
    padding: 5px;
    font-size: 1em;
    border-left: 0;
    border-right: 0;
    margin-left: 0;
    margin-right: 0;
}

#useHelpBlock .item {
    font-size: 1.5em;
    height: 50px;
    padding: 16px 30px 0 30px;
}

#useHelpBlock .item a {
    color: #019bb3;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#useHelpBlock .item .active,
#useHelpBlock .item .activated,
#useHelpBlock .item-complex .active .item-content,
#useHelpBlock .item-complex.activated .item-content {
    color: #ffffff !important;
    background-color: #019bb3;
}

.alice-modal .item.chat, .alice-modal .item.notes {
    padding: 0;
    border-top: 0;
    border-bottom: 0;
}

.alice-modal .ticket-id {
    font-weight: var(--font-weight-normal, normal);
    text-align: left;
    text-overflow: ellipsis;
    position: relative;
}

.alice-modal .ticket-id b {
    width: 98%;
    text-overflow: ellipsis;
}

.alice-modal .ticket-status {
    text-align: right;
    line-height: 1.1em;
    position: relative;
}

.alice-modal .ticket-id > div, .alice-modal .ticket-status > div {
    padding-left: .3em;
    max-height: 56px;
    margin: auto;
    width: 100%;
}

.alice-modal .overflow-ellipsis {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 1.2em;
}

.alice-modal .ticket-id .shift-up {
    margin-top: -1em;
}

.modal.alice-modal .ticket-id .shift-up-inner {
    line-height: 1.5em;
    margin-top: -1px;
    color: #019bb3;
}

.alice-modal .ticket-id .shift-up-internal {
    margin-top: -.5em;
}

.alice-modal .ticket-status > div {
    left: 0;
    right: .3em;
}

.alice-modal .ticket-status .dueText {
    margin-top: -10px;
    float: right;
    white-space: nowrap;
}

.alice-modal .ticket-status .dueText:after {
    content: "";
    display: table;
    clear: both;
}

.alice-modal .smaller {
    font-size: .8em;
}

.alice-modal .bigger {
    font-size: 1.1em;
}

.alice-modal .bold {
    font-weight: var(--font-weight-bold, bold);
}

.alice-modal .col .requestName {
    line-height: 2em;
}

.alice-modal .request-name-icon {
    z-index: 100;
    height: 50px;
    margin: -6px 0 -2px 0;
}

.alice-modal .toggle-status .active {
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
    height: 44px;
}

.alice-modal .item.ticket-name {
    background-color: #f1f5fa !important;
    padding-left: 3px;
}

.alice-modal .ticket-tabs {
    padding: 0;
    height: 48px;
    border: 0;
    box-shadow: none;
    z-index: 0;
    overflow: hidden;
}

.alice-modal .ticket-tabs .toggle-status {
    border-top: 0;
    box-shadow: none;
    z-index: 0;
    background-image: none;
    height: 44px;

}

.alice-modal .ticket-tabs .toggle-status a {
    line-height: 44px;
}

.alice-modal .header-list .item:not(.request-name-icon) {
    border: 0;
}

.alice-modal .header-list {
    padding-bottom: 0;
    padding-top: 0;
}

.alice-modal .has-header {
    top: 191px;
}

.alice-modal .has-header.without-tabs {
    top: 199px;
}

.alice-modal .has-header.without-tabs.is-internal {
    top: 172px;
}

.alice-modal .has-header-smaller {
    top: 141px
}

.alice-modal .has-header-smaller-4 {
    top: 70px
}

.alice-modal .has-footer-huge {
    bottom: 215px;
}

.alice-modal .has-footer-huge.has-keyboard {
    bottom: 50px;
}

.alice-modal .has-header-smaller-1 {
    top: 101px
}

.alice-modal .has-header-smaller-3 {
    top: 85px
}

.alice-modal .has-header-smaller-2 {
    top: 129px
}

.alice-modal .has-header-bigger-1 {
    top: 209px
}

.modal.alice-modal .has-header-bigger-2 {
    top: 126px
}

.modal.alice-modal .has-header-standart {
    top: 51px
}

.modal.alice-modal .has-header-standart.has-header {
    top: 51px
}

.alice-modal .bar.bar-header.header-standart {
    height: 42px;
    color: #fff;
}

.alice-modal .bar.bar-header.header-standart h1 {
    color: #fff;
}

.alice-modal .item.details {
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    line-height: 1.1em;
}

.alice-modal .item.details.smaller {
    font-size: 0.95em;
}

.modal.alice-modal .item.details .grey {
    color: #808080;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre-wrap;
    text-transform: uppercase;
}

.alice-modal .item.details .align-left {
    text-align: left;
    white-space: pre-wrap;
}

.modal .align-center {
    text-align: center;
}

.alice-modal .item.details .align-right {
    text-align: right;
}

.alice-modal .item.details .row {
    padding-left: 0;
    padding-right: 0;
}

.alice-modal .menu-header {
    margin-bottom: 1em;
}

.alice-modal.new-ticket-request .row .col.item-select {
    flex: 0 0 75%;
    max-width: 75%;
}

.alice-modal.new-ticket-request .row .col.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    padding-top: .5em !important;
}

.alice-modal.new-ticket-request .row .col.ellipsis label {
    display: inline;
}

.alice-modal .menu-item-details.row {

}

.alice-toggle {

}

.alice-modal.guest-request .bar.bar-alice, .alice-modal.guest-request .bar.bar-alice h1 {
    background-color: #7e57c5;
}

.alice-modal.internal-request .bar.bar-alice, .alice-modal.internal-request .bar.bar-alice h1 {
    background-color: #8c6e65;
}

.alice-toggle .button, .button.button-blue {
    color: #FFF;
    background-color: #67b7ca;
    border-color: #67b7ca;
    border: none;
    line-height: 2.5em;
}

.alice-toggle .button.active {
    background-color: #0388a6;
}

.alice-toggle > .button:first-child {
    border-radius: 5px 0px 0px 5px;
}

.alice-toggle > .button:last-child {
    border-right-width: 1px;
    border-radius: 0px 5px 5px 0px;
}

.alice-toggle-white .button {
    color: #67b7ca;
    background-color: #ffffff;
}

.alice-toggle-white .button.active {
    color: #ffffff;
    background-color: #67b7ca;
}

.alice-toggle-white .button {
    border: 2px solid #67b7ca;
    box-shadow: none;
}

.button.button-blue {

}

.button.checklist-button-white {
    font-size: 22px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: -0.16px;
    text-align: center;
    color: #019bb3;
    width: 100%;
    height: 54px;
    background-color: #e6fcff;
    border: solid 1px #019bb3;
    border-radius: 27px;
    box-shadow: 0 0 10px 0;
}

.button.checklist-button-white:active {
    animation: touch-button 0.1s ease-in;
    transform: scale(0.95);
}

@keyframes touch-button {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.95);
    }
}

.checklist-button-bar {
    height: 89px;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0), white 40%);
    position: fixed;
    bottom: 0;
    padding: 18px;
}

.button.single {
    border-radius: 0px !important;
}

/* checkbox colors  */
.checkbox input:before, .checkbox .checkbox-icon:before {
    border-color: #67b7ca;
}

.checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before {
    background: #67b7ca;
}

.tickets-subheader {
    height: 55px;
    padding: 0;
    border-top: none;
    background-color: #cae6ec;
}

.standalone .tickets-subheader {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
}

.has-tickets-subheader {
    top: 108px;

}

.standalone .has-tickets-subheader {
    top: 128px;
    top: calc(108px + constant(safe-area-inset-top ));
    top: calc(108px + env(safe-area-inset-top ));
}

.tickets-subheader .new-requests {
    background-color: #4dadc3;
}

.tickets-subheader .new-requests, .mine-all-toggle-row {
    padding: 0 5px 0 5px;
}

.tickets-subheader .new-requests .col-50, .mine-all-toggle-row .col-25 {
    padding: 10px 5px 10px 5px;
    cursor: pointer;
}

.mine-all-toggle-row .col-50 {
    padding-left: 0;
    padding-right: 0;
}

.tickets-subheader .filters {
    background-color: #cae6ec;
}

.tickets-subheader .new-requests .button {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bar.bar-alice {
    background-color: #4dadc3;
}
.bar.bar-alice.bar-darkmode:not(.bar.bar-reorder) {
    background-color: #5b3eab;
}

.bar.bar-alice.bar-has-subheader {
    margin-top: 48px;
}

.bar.bar-alice, .bar.bar-alice h1, .bar.bar-alice .buttons .button {
    color: #FFF !important;
    text-shadow: none !important;
}

.bar.bar-alice.bar-reorder, .bar.bar-reorder h1, .bar.bar-reorder .buttons .button {
    background-color: #323536;
}

#show-search-filter {
    font-size: 17px;
    padding: 10px 16px 0px 17px;
}

.button.purple {
    background-color: #7e57c5;
    color: #f5f5f5;
    text-shadow: none;
    border-color: #7e57c5;
}

.button.brown {
    background-color: #8c6e65;
    color: #f5f5f5;
    text-shadow: none;
    border-color: #8c6e65;
}

.list .filters-item .deffered-wrapper {
    text-align: right;
}

.list .filters-item .deffered-wrapper .button.deferred-tickets {
    position: relative;
    color: #FFF;
    background-color: #67b7ca;
    border: none;
    line-height: .1em;
    min-width: 105px;
    border-radius: 5px;
}

.list .filters-item .deffered-wrapper .button.deferred-tickets.active {
    background-color: #0388a6;
}

.list .filters-item .deffered-wrapper .button.deferred-tickets .deferred-button-div {
    min-width: 135px;
}

.list .filters-item .deffered-wrapper .button.deferred-tickets .deferred-time-span-compact {
    position: absolute;
    top: 21px;
    left: 24px;
    color: rgb(87, 155, 211);
    font-weight: var(--font-weight-boldest, 900);
    font-size: 11px;
    width: 12px;
    text-align: center;
}

.list .filters-item .deffered-wrapper .button.deferred-tickets .deferred-time-span-full {
    position: absolute;
    top: 39px;
    left: 34px;
    color: rgb(87, 155, 211);
    font-weight: var(--font-weight-boldest, 900);
    font-size: 15px;
    width: 18px;
    text-align: center;
}

.list .filters-item .deffered-wrapper .button.deferred-tickets .deferred-icon-for-button {
    height: 24px;
    position: absolute;
    top: 3px;
    left: 5px;
}

.list .filters-item .deffered-wrapper .button.deferred-tickets .deferred-button-inner-div {
    position: absolute;
    left: 39px;
}

.list .filters-item .deffered-wrapper .button.deferred-tickets .deferred-button-inner-div span {
    display: block;
    height: 19px;
    line-height: 16px;
    overflow: hidden;
    font-weight: var(--font-weight-normal, normal);
}

.list .filters-item .deffered-wrapper .button.deferred-tickets .deferred-time-span-button {
    position: absolute;
    top: 15px;
    left: 16px;
    color: white;
    font-size: 11px;
    width: 12px;
    text-align: center;
    line-height: 14px;
}

.alice-modal .item.search-hotels, .alice-modal .item.search-hotels .col {
    padding: 0;
    background-color: #cae6ec;
}

.mobiscroll, .dw-bottom {
    pointer-events: auto;
}

.alice-modal input[readonly], .alice-modal .item-select input[disabled] {
    background-color: transparent;
    cursor: default;
}

.alice-modal .item-select input[readonly] {
    padding-right: 45px;
    text-align: right;
}

.alice-modal .list.new-ticket-list .item > .row, .modal.reservation-modal .list.new-ticket-list .item > .row {
    padding: 0;
}

.alice-modal .list.new-ticket-list .item > .row > .col:not(.item-checkbox),
.modal.reservation-modal .list.new-ticket-list .item > .row > .col:not(.item-checkbox) {
    padding-top: 0;
    padding-bottom: 0;
}

.alice-modal .list.new-ticket-list .item label,
.modal.reservation-modal .list.new-ticket-list .item label {
    font-size: 1em;
    line-height: 1.4em;
}

.alice-modal .list.new-ticket-list input.ng-invalid:not(.ng-pristine),
.modal.reservation-modal .list.new-ticket-list input.ng-invalid:not(.ng-pristine),
.modal.send-back-modal textarea.ng-invalid:not(.ng-pristine),
.modal .item-input-wrapper.invalid-input,
.modal.full-ticket .ng-invalid:not(.ng-pristine) {
    border: 1px solid rgba(255, 0, 0, .4) !important;
}

.alice-modal .list.new-ticket-list .item:first-child,
.modal.reservation-modal .list.new-ticket-list .item:first-child {
    border-top: none;
}

.alice-modal .list.new-ticket-list .item:last-child,
.modal.reservation-modal .list.new-ticket-list .item:last-child {
    border-bottom: none;
}

.alice-modal .item.due-date-block input {
    font-size: .8em;
}

.wordwrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
    word-break: break-word;
}

.alice-modal .list .comments-conversation {
    padding: 0;
}

.alice-modal .list .comments-conversation > div.row {
    margin-right: 0px;
    margin-left: 0px;
    padding: 10px;
}

.alice-modal .list .comments-conversation > div.row.messages {
    padding: 0;
}

.alice-modal .list .comments-conversation > div.row p {
    margin-bottom: 0;
}

.alice-modal .list .comments-conversation > div.row > div.columns {

}

.alice-modal .list .comments-conversation .messages-header {
    background-color: #dadada;
    text-shadow: 0 1px 0 rgba(250, 250, 250, 0.4) !important;
    color: #919191;
    -moz-box-shadow: 0 3px 3px rgba(150, 150, 150, 0.55);
    -webkit-box-shadow: 0 3px 3px rgba(150, 150, 150, 0.55);
    box-shadow: 0 3px 3px rgba(150, 150, 150, 0.55);
    position: relative;
    z-index: 10;
}

.alice-modal .list .comments-conversation .write-message-wrapper {
    background-color: #dadada;
    -moz-box-shadow: 0 -3px 3px rgba(150, 150, 150, 0.55);
    -webkit-box-shadow: 0 -3px 3px rgba(150, 150, 150, 0.55);
    box-shadow: 0 -3px 3px rgba(150, 150, 150, 0.55);
    position: relative;
    z-index: 10;
}

.alice-modal .list .comments-conversation .messages-header p {
    color: rgb(145, 145, 145);
}

.alice-modal .list .comments-conversation .messages-header p strong {
    color: #6e6e6e;
    font-size: 16px;
}

.alice-modal .list .comments-conversation .comments-conversation .row {
    padding: 5px;
    margin: 0;
}

.alice-modal .list .comments-conversation .comments-conversation .comments-conversation-input {
    background-color: transparent;
}

.alice-modal .list .comments-conversation .comments-conversation-row .row .column {
    padding: 0;
    z-index: 1;
}

.alice-modal .list .comments-conversation .comments-conversation-row {
    max-width: 75%;
    float: right;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.alice-modal .list .comments-conversation .comments-conversation-row.from-guest {
    float: left;
    margin-left: 15px;
}

.alice-modal .list .comments-conversation .comments-conversation-row.from-me {
    float: right;
    margin-right: 15px;
}

.alice-modal .list .comments-conversation .comments-conversation-row.from-other-emp {
    float: left;
    margin-left: 15px;
}

.alice-modal .list .comments-conversation .date-row {
    text-align: center;
    color: #aaa;
    text-shadow: 0 1px 0 rgba(250, 250, 250, 0.4) !important;
    margin-bottom: 3px;
    font-size: .8em;
}

.alice-modal .send-message-wrapper {
    background-color: rgb(237, 237, 237);
    border-color: rgb(204, 204, 204);
    position: fixed;
    bottom: 0;
    z-index: 11;
}

.alice-modal .send-message-wrapper .guest-is-offline {
    text-align: center;
    margin: 0;
    line-height: 15px;
    color: rgb(68, 68, 68);
    text-shadow: rgba(255, 255, 255, 0.74902) 0 1px 0;
    max-height: 50px;
}

.alice-modal .send-message-wrapper textarea {
    height: 30px;
    padding: 5px;
    line-height: 22px;
    border-radius: 5px;
}

.alice-modal .send-message-wrapper button {
    background-color: transparent;
    border: none;
    width: 100%;
    font-size: 1.1em;
    border-radius: 5px;
    text-transform: uppercase;
}

.alice-modal .send-message-wrapper.pushed-up {
    bottom: 22%;
}

.alice-modal .ticket-buttons-wrapper {
    background-color: transparent;
    position: fixed;
    bottom: 0;
    padding: 0;
    margin-top: 0;
    border-top: 1px solid rgb(204, 204, 204);
    -moz-box-shadow: 0 0 3px rgba(150, 150, 150, 0.55);
    -webkit-box-shadow: 0 0 3px rgba(150, 150, 150, 0.55);
    box-shadow: 0 0 3px rgba(150, 150, 150, 0.55);
}

.alice-modal .ticket-buttons-wrapper.upper {
    bottom: 48px;
}

.alice-modal .ticket-buttons-wrapper .col, workflow-buttons .ticket-buttons-wrapper .col {
    padding: 0;
}

.alice-modal .ticket-details-scroller {
    bottom: 48px;
}

.alice-modal .ticket-details-scroller.full-scroll {
    bottom: 0;
}

.alice-modal .ticket-details-scroller.details-buttons {
    bottom: 96px;
}

.alice-modal .ticket-buttons-wrapper .button {
    position: relative;
    width: 100%;
    text-transform: uppercase;
    border: none;
    line-height: 44px;
    font-size: 1em;
    border-radius: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.alice-modal .ticket-buttons-wrapper .col .button {
    border-right: 1px solid rgb(204, 204, 204)
}

.alice-modal .ticket-buttons-wrapper .col .button i {
    margin-top: 15px;
}

.alice-modal .ticket-buttons-wrapper .col:first-child .button i {
    float: left;
    margin-left: 10px;
}

.alice-modal .ticket-buttons-wrapper .col:last-child .button i {
    float: right;
    margin-right: 10px;
}

.send-back-modal .scroll-content, .send-back-modal {
    background-color: rgb(237, 237, 237);
}

.send-back-modal .row.due-time input {
    padding-left: .5em;
}

.send-back-modal .scroll-content .item {
    background-color: rgb(237, 237, 237);
    border: none;
}

.send-back-modal .scroll-content .item button {
    position: relative;
    width: 50%;
    text-transform: uppercase;
    border: none;
    line-height: 47px;
    font-size: 1em;
    border-radius: 0;
}

.send-back-modal label.input-label {
    color: #444;
}

.stamp-backdrop {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 100000000;
    pointer-events: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.standalone .stamp-backdrop {

}

.stamp-backdrop.hidden {
    opacity: 0;
    -webkit-transition: 0.5s opacity linear;
    -moz-transition: 0.5s opacity linear;
    transition: 0.5s opacity linear;
}

.stamp-backdrop .stamp-wrapper {
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.stamp-backdrop .stamp-wrapper span {
    padding: 20px;
    font-size: 2.5em;
    text-transform: uppercase;
    border: 3px solid;
}

.slider {
    background: #ededed;
}

.slider .slider-slide {
    top: 42px;
    height: 93%;
}

.slider .slider-pager {
    bottom: 10px;
}

.slider .slider-slide .alice-modal {
    border: 1px solid;
    padding-top: 1px;
    border-color: rgb(204, 204, 204);
    -moz-box-shadow: 0 0 3px rgba(150, 150, 150, 0.55);
    -webkit-box-shadow: 0 0 3px rgba(150, 150, 150, 0.55);
    box-shadow: 0 0 3px rgba(150, 150, 150, 0.55);
}

.slider .slider-slide .alice-modal .ticket-buttons-wrapper {
    position: absolute;
}

/*used to validate mobiscoll fields*/
input.hiddenHack {
    width: 1px;
    height: 1px;
    visibility: hidden;
    position: absolute;
}

.reservation-modal.standalone .has-header {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 7%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 7%;
    -ms-flex: 0 0 7%;
    flex: 0 0 7%;
    max-width: 7%;
}

.col-68 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 68%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 68%;
    -ms-flex: 0 0 68%;
    flex: 0 0 68%;
    max-width: 68%;
}

.col-40 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.col-60 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

/** new style for ticket details -> maybe move to separate file all coloring in future */
.ticket-details-modal, .ticket-details-modal .list.header-list, .ticket-details-modal .list.header-list .item:first-child {
    /*    border-top-left-radius: 5px;
        border-top-right-radius: 5px;*/
    background: none;
}

.ticket-details-modal, .ticket-details-modal .send-message-wrapper, .ticket-details-modal .ticket-buttons-wrapper {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ticket-details-modal .ticket-buttons-wrapper .col:first-child, .ticket-details-modal .ticket-buttons-wrapper .col:first-child .button {
    border-bottom-left-radius: 5px;
}

.ticket-details-modal .ticket-buttons-wrapper .col:last-child, .ticket-details-modal .ticket-buttons-wrapper .col:last-child .button {
    border-bottom-right-radius: 5px;
}

.ticket-details-modal .ticket-buttons-wrapper {
    box-shadow: none;
}

.ticket-details-modal .ticket-buttons-wrapper button {
    font-weight: var(--font-weight-bold, bold);
}

.ticket-details-modal .ticket-buttons-wrapper .button, .ticket-details-modal .send-message-wrapper button, workflow-buttons .ticket-buttons-wrapper button {
    color: #4acae0;
    background: transparent;
}

.full-ticket .requestName .nameContainer {
    text-transform: uppercase;
    line-height: 2.1em;
    font-size: 16px;
    font-weight: var(--font-weight-bold, bold);
}

.ticket-details-modal .requestName .nameContainer {
    text-transform: uppercase;
    line-height: 2.1em;
    font-size: 16px;
    font-weight: var(--font-weight-bold, bold);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-details-modal .requestName .nameContainer.smaller, .full-ticket .requestName .nameContainer.smaller {
    font-size: .75em;
    line-height: 3em;
}

.ticket-details-modal .request-name-icon {
    box-shadow: none;
    border: none;
    background-color: rgb(237, 237, 237);
}

.ticket-details-modal .ticket-tabs {

}

.ticket-details-modal .ticket-tabs .alice-toggle {
    margin-top: .7em;
    padding-left: .9em;
    padding-right: .9em;
}

.ticket-details-modal .ticket-tabs .alice-toggle .button {
    color: #4acae0;
    background-color: #FFFFFF;
    box-shadow: none;
    border-top: 2px solid #4acae0;
    border-bottom: 2px solid #4acae0;
    border-right: 2px solid #4acae0;
}

.ticket-details-modal .ticket-tabs .alice-toggle .button .total {
    color: #aaa;
}

.ticket-details-modal .ticket-tabs .alice-toggle .button:first-child {
    border-left: 2px solid #4acae0;
}

.ticket-details-modal .ticket-tabs .alice-toggle .button.active {
    color: #FFFFFF;
    background-color: #4acae0;
}

.ticket-details-modal .ticket-tabs .alice-toggle .button.active .total {
    color: #FFFFFF;
}

.ticket-details-modal .purple {
    color: #7e57c5;
}

.ticket-details-modal .brown {
    color: #8c6e65;
}

.ticket-details-modal .gray {
    color: #aaa;
}

.ticket-details-modal .comments-conversation-row {
    position: relative;
}

.ticket-details-modal .item.chat .comments-conversation .comments-conversation-row.from-me {
    background-color: #0291cf;
    color: #FFF;
}

.ticket-details-modal .item.chat .comments-conversation .comments-conversation-row.from-other-emp {
    background-color: #aaa;
    color: #FFF;
}

.ticket-details-modal .item.chat .comments-conversation .comments-conversation-row.from-guest {
    background-color: #009933;
    color: #FFF;
}

.ticket-details-modal .item.chat .comments-conversation-row .arrow {
    width: 0;
    height: 0;
    position: absolute;
    bottom: 5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #aaa;
    border-left: none;
    left: -5px;
}

.ticket-details-modal .item.chat .comments-conversation-row.from-me .arrow {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #0291cf;
    border-right: none;
    right: -5px;
    left: auto;
}

.ticket-details-modal .item.chat .comments-conversation-row.from-guest .arrow {
    border-right: 5px solid #009933;
}

.ticket-details-modal .item.notes .comments-conversation .comments-conversation-row.from-me {
    background-color: #0291cf;
    color: #FFF;
}

.ticket-details-modal .item.notes .comments-conversation .comments-conversation-row.from-guest,
.ticket-details-modal .item.notes .comments-conversation .comments-conversation-row.from-other-emp {
    background-color: #aaa;
    color: #FFF;
}

.ticket-details-modal .item.notes .comments-conversation-row .arrow {
    width: 0;
    height: 0;
    position: absolute;
    bottom: 5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #aaa;
    border-left: none;
    left: -5px;
}

.ticket-details-modal .item.notes .comments-conversation-row.from-me .arrow {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #0291cf;
    border-right: none;
    right: -5px;
    left: auto;
}

.ticket-details-modal .item.notes .author-name, .ticket-details-modal .item.chat .author-name {
    padding-left: 1.2em;
    float: left;
    margin-top: -10px;
    font-size: .9em;
    margin-bottom: 0.4em;
}

.ticket-details-modal span.red-circle-compact {
    border-radius: 8px;
    background: transparent;
    color: transparent !important;
    display: inline-block;
    line-height: 1.1em;
    text-align: center;
    margin-left: .5em;
    padding: .2em;
    font-size: 11px;
    min-width: 1.5em;
    position: absolute;
    right: -8px;
    top: -8px;
}

/*fix for ios */
.ticket-details-modal span.red-circle-compact.active {
    background: #f44336 !important;
    color: #ffffff !important;
}

.new-ticket-request input, .new-ticket-request select, .new-ticket-request label {
    color: #4f4f4f;
    font-weight: var(--font-weight-bold, bold);
}

.new-ticket-request div.col-100.required input,
.new-ticket-request div.col-100.required textarea,
.new-ticket-request div.col-100.required span,
.new-ticket-request div.col-100.required label {
    color: #4f4f4f;
    font-weight: var(--font-weight-bold, bold);
}

.new-ticket-request div.col-100.required input::-webkit-input-placeholder, .new-ticket-request div.col-100.required textarea::-webkit-input-placeholder {
    color: #4f4f4f;
    font-weight: var(--font-weight-bold, bold);
}

.new-ticket-request div.col-100:not(.required) input,
.new-ticket-request div.col-100:not(.required) textarea,
.new-ticket-request div.col-100:not(.required) label,
.new-ticket-request div.col-100:not(.required) span {
    color: rgba(0, 0, 0, 0.4);
    font-weight: var(--font-weight-normal, normal);
}

.new-ticket-request div.col-100:not(.required) input::-webkit-input-placeholder, .new-ticket-request div.col-100:not(.required) textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.4);
    font-weight: var(--font-weight-normal, normal);
}

/** mobiscroll select */
.dwwr .dw-li {

}

.dwwr .dw-li.dw-sel, .dwwr .dw-li.dw-v {
    padding-left: 1em;
}

.dwbc .prev-btn, .dwbc .next-btn {
    float: left;
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.dwbc .prev-btn, .dwbc .next-btn {
    vertical-align: middle;
    display: inline-block;
    font-family: Ionicons;
    font-style: normal;
    font-weight: var(--font-weight-normal, 400);
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dwbc .prev-btn:before {
    content: "\f124";
}

.dwbc .next-btn:before {
    content: "\f125";
}

.dwbc .prev-btn.disabled, .dwbc .next-btn.disabled {
    color: #9d9d9d;
    pointer-events: none;
    cursor: default;
}

.dwbc .dwbw:nth-child(1), .dwbc .dwbw:nth-child(2) {
    float: left;
}

.dw-li, .text-align-center {
    text-align: center !important;
}

.send-back-modal .scroll-content .assign-item {
    background-color: #FFF !important;
    color: #4acae0;
    border-bottom: 1px solid #4acae0;
}

.send-back-modal .scroll-content .assign-item.activated {
    background-color: #D9D9D9 !important;
}

.send-back-modal .scroll-content .assign-item:not(:first-child) {
    margin-top: 1px;
}

.send-back-modal .scroll-content .assign-item label {
    font-size: 1.1em;
    font-weight: var(--font-weight-normal, normal);
}

.send-back-modal.standalone .scroll-content.has-header {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
}

.send-back-modal .selector-list .item {
    padding: 1em !important;
}

.send-back-modal .selector-list label input {
    float: right;
}

.menuItemPlusMinusBtns {
    float: right;
    padding: 4px;
    width: 72px;
    height: 38px;
    position: relative;
    top: 0;
}

.menuItemPlusMinusBtns .small-btn {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
    background-color: #0388a6;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15);
}

.menuItemPlusBtn, .menuItemMinusBtn {
    float: left;
    display: inline-block;
    font-family: Ionicons;
    font-style: normal;
    font-weight: var(--font-weight-normal, 400);
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF;
    cursor: pointer;
}

div.menuItemMinusBtn {
    margin-left: 4px;
}

.menuItemPlusMinusBtns .fa-plus {
    top: 12px;
    left: 14px;
    position: absolute;
}

.menuItemPlusMinusBtns .fa-minus {
    top: 12px;
    left: 48px;
    position: absolute;
}

.new-ticket-request .opt-error {
    display: none;
}

.alice-modal.new-ticket-request .row > .col > .row {
    padding: 0;
}

.alice-modal.new-ticket-request .row > .col > .row .small-8 {
    position: relative;
    width: 66.66667%;
}

.alice-modal.new-ticket-request .row > .col > .row .small-4 {
    float: right;
    position: relative;
    width: 33.33333%;
}

.alice-modal.new-ticket-request .row > .col > .row .small-8 input {
    margin-top: 2px;
    border-radius: 0;
}

.alice-modal .transparent-modal-close {
    width: 75px;
    height: 75px;
    background-color: transparent;
    position: absolute;
    right: -15px;
    top: -55px;
    bottom: auto;
}

.alice-modal.new-ticket-request .transparent-modal-close {
    bottom: 10px;
    top: auto;
}

.avatar-wrapper {
    margin-right: .45em;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    float: left;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.2) inset, 0 1px rgba(255, 255, 255, 0.6);
    z-index: 0;
    height: 32px;
    width: 32px;
    background-color: rgba(255, 255, 255, .5);
}

.ion-punch-in-color:before {
    color: #FFFFFF;
    background-color: #a3d074;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
}

.ion-punch-out-color:before {
    color: #FFFFFF;
    background-color: #dc7d79;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
}

.toggle-status .ticket-counter {
    position: absolute;
    top: 1px;
    background: #f44336;
    border-radius: .75em;
    color: #ffffff !important;
    display: inline-block;
    line-height: 1.1em;
    margin-left: .5em;
    padding: .2em;
    font-size: 11px;
    min-width: 1.5em;
    text-align: center;
    z-index: 11;
}

.toggle-status .tab-item.new-tickets {
    opacity: 1;
}

.toggle-status .tab-item.new-tickets > *:not(.ticket-counter) {
    opacity: .7;
}

.toggle-status .tab-item.new-tickets.active > *:not(.ticket-counter) {
    opacity: 1;
}

.toggle-status .tab-item > span {
    font-size: 12px;
}

.swap-users .password-wrapper {
    position: absolute;
    bottom: 44px;
    width: 100%;
    left: 0;
}

.swap-users .bar.bar-footer {
    background-color: #cae6ec;
}

.list.service-options {

}

.list.service-options .item {
    background-color: #fbfbfb;
    border: none;
}

.list.service-options .item input:not([type='checkbox']), .list.service-options .item input[disabled]:not([type='checkbox']),
.list.service-options .item input[readonly]:not([type='checkbox']) {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

    outline: none !important;

    border-radius: 3px;
    padding: 6px;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dfdfdf;
    color: #666666;
    font-weight: var(--font-weight-bold, bold);
    font-size: 16px;
    box-shadow: none;
}

.list.service-options .item .opt-error {
    display: none;
}

.list.service-options .item > .row {
    background-color: #FFF;
    border-radius: 2px;
}

.list.service-options .item > .row input {
    padding-top: 10px;
}

.list.service-options .item .row .small-8 {
    width: 66.66666%;
}

.list.service-options .item .row .small-4 {
    width: 33.33333%;
}

.list.service-options .item label.checkbox {
    display: block;
}

.full-ticket .request-name-icon {
    border: none;
    background-color: rgb(210, 210, 210) !important;
    box-shadow: 0 0 3px rgba(150, 150, 150, 0.55);
}

.full-ticket .request-name-icon span {
    color: #444;
}

.full-ticket .request-name-icon .col {
    background-color: transparent;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.full-ticket .input-label {
    text-transform: uppercase;
    font-weight: var(--font-weight-bold, bold);
    color: #8d8d8d;
    white-space: normal;
    max-width: 100% !important;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.full-ticket .input-label.required::after {
    content: " *";
}

.full-ticket .menu-item-list {
    margin: 0;
    padding: 0 !important;
    border: none;
}

.full-ticket .item-divider {
    background-color: #FFF;
    color: #4dadc3;
    text-align: center;
    font-weight: var(--font-weight-normal, 400);
    font-size: 1.1em;
}

.full-ticket .mbsc-lv-ios .mbsc-lv-gr-title {
    background-color: #FFF;
    color: #4dadc3;
    text-align: center;
    font-weight: var(--font-weight-normal, 400);
    font-size: 1.1em;
    min-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-ticket .menu-price {
    float: right;
    color: #4dadc3;
    font-size: 1.1em;
}

.full-ticket .menu-item-inner {
    font-size: 1.2em;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    color: #444;
}

.full-ticket .menu-item-inner .col-90 {
    white-space: pre-wrap; /* CSS 3 */
    padding-left: .65em;
}

.full-ticket .menu-item-inner .col-10 {
    text-align: right;
    position: relative;
}

.full-ticket .menu-item-inner .col-10 .vertically-centered {
    position: absolute;
    height: 1.5em;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 1.5em;
}

.full-ticket .image-wrapper {
    float: left;
    position: relative;
    height: 42px;
    width: 12%;
    min-width: 54px;
    margin-top: -10px;
    overflow: hidden;
}

.full-ticket .menu-item-inner img {
    max-height: 42px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.full-ticket .item-quantity {
    position: absolute;
    left: 0;
    vertical-align: middle;
    background: #4cacc3;
    color: #fff;
    top: 50%;
    min-width: 1.5em;
    padding: .3em;
    font-weight: var(--font-weight-bold, bold);
    overflow: hidden;
    text-align: center;
    margin-top: -15px;
}

.full-ticket .item-total .col {
    text-align: left;
    color: #4cacc3;
    font-weight: var(--font-weight-bold, bold);
    font-size: 1.1em;
}

.full-ticket .item-total .col:last-child {
    text-align: right;
}

.full-ticket .has-total {
    bottom: 98px !important;
}

.alice-modal.ticket-details-modal {
    background-color: #fff;
    line-height: 1.3em;
    z-index: 10;
    border-radius: 0;
}

.alice-modal.ticket-details-modal .close-new-ticket {
    position: absolute;
    z-index: 100;
    right: -11px;
    top: -11px;
    border: 2px solid #019bb3;
    border-radius: 100px;
    height: 21px;
    width: 21px;
    background-color: #019bb3;
    color: #ffffff;
    padding-left: 4px;
}

.alice-modal.ticket-details-modal .close-new-ticket i {
    height: 21px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    padding: 0;
}

.alice-modal.ticket-details-modal .close-new-ticket i:before {
    height: 21px;
    line-height: 21px;
    font-size: 28px;
}

.alice-modal.ticket-details-modal .item.title-row-wrapper {
    border: none;
    background-color: #4cacc3 !important;
    box-shadow: 0 2px 3px rgba(150, 150, 150, 0.15);
    padding-bottom: 0;
    margin-bottom: 3px;
    border-radius: 0;
}

.alice-modal .item.title-row-wrapper .row.title-row h1 {
    color: #FFF !important;
    cursor: pointer;
    font-size: 1.2em;
    margin-top: -3px;
    line-height: 1.2em;
    text-align: left;
}

.alice-modal .item.action-item {
    background-color: #67b7ca;
    height: 32px;
    text-align: center;
    border-bottom: 1px solid rgba(221, 221, 221, 0.95) !important;
}

.alice-modal .item.action-item .col {
    background-color: #67b7ca;
    font-weight: var(--font-weight-bold, bold);
    font-size: 1.2em;
}

.alice-modal .item.action-item.smaller-text {
    height: 48px;
    font-size: 80%;
    line-height: 1.3em;
}

.alice-modal.full-ticket .item.title-row-wrapper .row.title-row h1 {
    text-align: center;
}

.alice-modal.full-ticket .item.title-row-wrapper .row.title-row h1 i {
    float: left;
}

.alice-modal.full-ticket .item.title-row-wrapper .row.title-row h1 span {
    margin-left: -5px;
}

.alice-modal .title-closer {
    position: absolute;
    left: 0;
    top: 0;
    height: 75px;
    width: 100%;
    background-color: transparent;
    z-index: 999;
}

.alice-modal.ticket-details-modal.standalone .bar-header.standalone {
    background-color: #4dadc3;
    border-radius: 0;
    height: 69px !important;
    height: calc(49px + constant(safe-area-inset-top )) !important;
    height: calc(49px + env(safe-area-inset-top )) !important;
}

.alice-modal.ticket-details-modal .ticket-details-scroller {
    top: 275px;
}

.alice-modal.ticket-details-modal.standalone .ticket-details-scroller {
    top: 304px;
    top: calc(284px + constant(safe-area-inset-top ));
    top: calc(284px + env(safe-area-inset-top ));
}

.alice-modal.ticket-details-modal .ticket-details-scroller.is-internal {
    top: 252px;
}

.alice-modal.ticket-details-modal.standalone .ticket-details-scroller.is-internal {
    top: 281px;
    top: calc(261px + constant(safe-area-inset-top ));
    top: calc(261px + env(safe-area-inset-top ));
}

.alice-modal button.button-white,
.send-back-modal button.button-white {
    background-color: #FFF;
    color: #67b7ca;
    border: none;
    line-height: 47px;
    padding-bottom: 5px;
}

.send-back-modal button.button-white {
    text-transform: uppercase;
    line-height: initial;
    background-color: #f4fdff;
    padding-bottom: 0;
    padding-right: 0;
}

.alice-modal .list.white, .send-back-modal .list.white {
    background-color: #fff;
    border-top: 1px solid #67b7ca;
    padding: 0;
}

.alice-modal.full-ticket .scroll-content {
    background-color: #fbfbfb;
}

.alice-modal.full-ticket .number-container {
    border: 1px solid #dadada;
    border-radius: 3px;
    background-color: #FFF;
}

.list.service-options .item .number-container input {
    border: none;
}

.alice-modal .input-label.menu-item-name {
    color: #43a2ba;
    font-weight: var(--font-weight-bold, bold);
    max-width: 100% !important;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 100%;
    text-align: center;
}

.ticket-row {
    border-left: 5px solid;
}

.ticket-row > .col {
    padding-left: 0;
}

.ticket-row .facility-column, .ticket-row .guest-messages-column, .ticket-row .internal-messages-column {
    max-width: 36px;
}

.ticket-row .user-column {
    max-width: 36px;
}

.ticket-row .status-column {
    max-width: 75px;
}

.ticket-row .facility-icon {
    width: 26px;
    height: 26px;
    line-height: 16px;
    margin-top: 0;
}

.ticket-row .facility-icon img {
    max-height: 18px;
    max-width: 18px;
}

.ticket-row .ticket-name {
    font-size: 18px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-row .ticket-name.smaller {
    font-size: 15px;
}

.ticket-row .employee-avatar {
    height: 26px;
    width: 26px;
}

.ticket-row .ticket-status {
    font-weight: var(--font-weight-bold, bold);
    text-transform: uppercase;
    font-size: 12px;
    border: 2px solid;
    border-radius: 3px;
    padding: 1px;
    width: 64px;
    text-align: center;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
}

.ticket-row .guest-messages-icon-compact {
    margin-left: 4px;
}

.ticket-row .guest-column {
    padding-top: 3px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-row .vip-column {
    padding-top: 0;
    max-width: 32px;
}

.ticket-row .guest-name {
    font-size: 14px;
    color: #888888;
}

.ticket-row .guest-name-highlight {
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    font-size: 13px;
    line-height: 16px;
    background: #019BB3;
    border-radius: 3px;
    padding: 2px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 48%;
    position: absolute;
}

.ticket-row .guest-column-highlight {
    color: #FFFFFF;
}

.ticket-row .guest-vip {
    font-size: 14px;
    font-weight: var(--font-weight-bold, bold);
    text-transform: uppercase;
    color: #db7d00;
}

.guest-vip {
    font-weight: var(--font-weight-bold, bold);
    color: #db7d00;
}

.vip-chat-bar {
    position: absolute;
    margin-top: 44px;
    z-index: 1000;
    width: 100%;
    text-align: center;
    background-color: #de9d48;
    color: white;
}

.vip-chat-bar.standalone {
    margin-top: 64px;
    margin-top: calc(44px + constant(safe-area-inset-top ));
    margin-top: calc(44px + env(safe-area-inset-top ));
}

.ticket-row .spacer-row {
    height: 7px;
}

.ticket-row .internal-messages-column {
    padding-top: 3px;
}

.ticket-row .internal-messages-icon-compact {
    margin-left: 3px;
}

.ticket-row .room-column {
    padding-top: 1px;
}

.ticket-row .room-number {
    font-size: 16px;
    color: #888888;
}

.ticket-row .due-date-column {
    padding-top: 2px;
    text-align: center;
    margin-right: 4px;
    max-width: 100%;
    flex: 0;
}

.ticket-row .due-date-column .timer {
    width: auto;
    text-transform: none;
    color: rgb(221, 86, 82);
    margin-left: .25em;
}

.ticket-row .due-time {
    font-size: 14px;
    font-weight: var(--font-weight-normal, normal);
    text-transform: uppercase;
    color: #888888;
    float: right;
}

.ticket-row .owner-unassigned {
    color: #ff0000;
}

.ticket-row .owner-name {
    color: #4a4a4a;
    word-wrap: break-word;
    white-space: normal;
    text-align: right;
    width: 88%;
}

.ticket-row .owner-name,
.ticket-row .owner-unassigned {
    font-size: 14px;
    float: right;
    padding-right: 6px;
}

.ticket-row .due, .ticket-row .rm {
    font-size: 12px;
    font-weight: var(--font-weight-bold, bold);
    text-transform: uppercase;
}

.ticket-row .internal-column {
    font-size: 14px;
    color: #888888;
    padding-top: 3px;
}

.ticket-row .internal-column-highlight {
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    font-size: 13px;
    line-height: 16px;
    color: #965600;
    padding-top: 3px;
}

.ticket-row .summary-column {
    font-size: 14px;
    color: #888888;
    padding-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 27ch;
}

.ticket-row .summary-column .highlighted {
    background-color: #FFCC33;
}

.ticket-row .guest-room {
    color: #5491a4;
    max-width: 150px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    position: absolute;
}

.list .item-divider-new {
    background-color: #f6f4f4;
    color: #999999;
}

.swap-user-error {
    font-size: .8em;
    line-height: .9em;
    width: 100%;
    text-align: center;
    display: inline-block;
    color: rgba(255, 0, 0, 0.95);
    padding-right: 4%;
    bottom: -6px;
    white-space: pre-wrap;
    margin-top: 5px;
}

.has-error-text {
    bottom: 118px;
}

.italic {
    font-style: italic;
}

.right {
    float: right;
}

.ticket-details-data {
    font-size: 15pt;
    color: rgb(68, 68, 68);
}

.ticket-details-data-long-text {
    z-index: 999;
    position: absolute;
    background-color: #f1f5fa;
    font-size: 16px;
    padding-right: 5px;
    color: rgb(80, 83, 85);
}

.ticket-details-data-small {
    font-size: 12pt;
}

.ticket-details-data.color-blue {
    color: #2f809c;
}

.ticket-details-data.uc {
    text-transform: uppercase;
}

.ticket-details-data.facility-name {
    line-height: 1.5em;
    font-size: 16px;
    float: right;
    margin-top: -4px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.ticket-details-data.facility-name.font-reduced {
    font-size: 13px;
    margin-top: -1px;
}

.full-ticket .favorite-star-wrapper {
    float: right;
    font-size: 1.3em;
    margin-top: -6px;
    padding: 3px;
    position: absolute;
    right: 15px;
}

.full-ticket .favorite-star-wrapper i {
    font-size: 1.3em !important;
}

.full-ticket .transparent-closer {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 90%;
    background-color: transparent;
}

.full-ticket .star-marker-wrapper {
    float: right;
    margin-top: 1px;
    color: #8d8d8d;
    margin-right: .75em;
    position: relative;
    min-width: 25px;
}

.full-ticket .star-marker-wrapper .ion-ios-star {
    position: absolute;
    color: #bababa;
    font-size: 28px;
}

.full-ticket .star-marker-wrapper .ion-ios-star.star-marker-inner {
    font-size: 19px;
    color: #e1e1e1;
    top: 4px;
    left: 4px;
}

.ion-ios7-arrow-down:before {
    content: "\f3d0" !important;
}

.ion-ios7-arrow-up:before {
    content: "\f3d8";
}

.config-lang-img {
    position: absolute;
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
}

.bar-footer .button-bar .button {
    font-size: 19px;
}

.send-back-modal .scroll-content .state-item {
    border-left: none;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.send-back-modal .scroll-content .state-item .inner-content,
.ticket-details-modal .ticket-buttons-wrapper .inner-content,
.state-selector .inner-content,
workflow-buttons .ticket-buttons-wrapper .inner-content {
    border-left: 5px solid;
    margin-left: -1em;
    position: relative;
    padding: 1.42em 1em;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    text-align: left;
}

.ticket-details-modal .ticket-buttons-wrapper .inner-content, .state-selector .inner-content, workflow-buttons .ticket-buttons-wrapper .inner-content {
    padding: 0;
    margin-top: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

.state-selector .inner-content {
    padding-top: .75em;
    padding-bottom: .75em;
    margin-right: -1em;
}

.ticket-details-modal .ticket-buttons-wrapper .inner-content .state-name, .state-selector .inner-content .state-name, workflow-buttons .ticket-buttons-wrapper .state-name {
    margin-left: 1.35em;
}

.send-back-modal .scroll-content .state-item .inner-content .state-name, workflow-buttons .ticket-buttons-wrapper .state-name {
    font-size: 1.1em;
    margin-left: .35em;
    width: 73%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.send-back-modal .scroll-content .state-item .inner-content .abbr-name, .state-selector .abbr-name,
.change-status.abbr-name, .state-selector .inner-content .abbr-name {
    border-radius: 5px;
    border: 2px solid;
    padding: 4px 10px;
    position: absolute;
    top: 0;
    margin: auto;
    bottom: 0;
    height: 2em;
    vertical-align: middle;
    line-height: initial;
    min-width: 4.75em;
    text-align: center;
    font-size: .9em;
}

.change-status.abbr-name {
    right: 2.5em;
    line-height: 15px;
    height: 26px;
    font-weight: var(--font-weight-normal, normal);
}

.send-back-modal .scroll-content .state-item .inner-content .abbr-name, .state-selector .abbr-name {
    float: right;
    right: 0.5em;
}

.item-content {
    padding: 0 !important;
}

.last-multiselect-option {
    margin-bottom: 46px;
    margin-bottom: calc(46px + constant(safe-area-inset-bottom ));
    margin-bottom: calc(46px + env(safe-area-inset-bottom ));
}

.transition-workflow-transition {
    color: white;
    font-size: 1em;
    line-height: 1em;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    vertical-align: middle;
    height: 1em;
    display: table;
    width: 75px;
}

.transition-workflow-transition > span:not(.transition-workflow-transition-icon) {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    white-space: pre-wrap;
}

.transition-workflow-transition.has-icon {
    margin-top: -.5em;
    margin-bottom: 0;
    top: 50%;
}

.transition-workflow-transition .transition-workflow-transition-icon {
    position: absolute;
    top: -17px;
    margin: auto;
    left: 0;
    right: 0;
}

.transition-workflow-transition .transition-workflow-transition-icon:after {
    content: "";
    display: table;
    clear: both;
}

.transition-button {
    line-height: 48px;
    border: none;
    border-radius: 0;
}

.state-selector {
    padding: 0 0 0 1em;
    border: 1px solid #67b7ca;
    border-radius: 0;
    color: #67b7ca;
    font-size: 18px;
    position: relative;
    margin-right: -0.33em;
    margin-left: -0.33em;
}

.backdrop {
    z-index: 105;
}

.loading-container {
    z-index: 107;
}

.ticket-list-transition-button {
    min-width: 75px;
    position: relative;
}

.ticket-list-transition-button:not(:last-child) {
    border-right: 2px solid #FFF;
}

.capitalize-un-bold {
    text-transform: uppercase;
    font-weight: var(--font-weight-normal, normal);
}

.reduced-font-size {
    font-size: 10px;
}

.default-font-size {
    font-size: 14px;
}

.rotating-image {
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.slide-in-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.slide-in-right.ng-enter, .slide-in-right > .ng-enter {
    -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
    transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}

.slide-in-right.ng-enter-active, .slide-in-right > .ng-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-in-right.ng-leave, .slide-in-right > .ng-leave {
    -webkit-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
}

.has-dropdown-mobile {
    position: relative;
}

.has-dropdown-mobile .select2-arrow {
    background-color: #fbfbfb;
    border: solid 1px #dadada;
    border-radius: 0;
    width: 28px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-clip: padding-box;
    cursor: pointer;
}

.has-dropdown-mobile .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.has-dropdown-mobile .select2-arrow b i {
    margin: auto;
    display: inline-block;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 10px;
}

.input-div {
    outline: none !important;
    border-radius: 3px;
    padding: 6px;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dfdfdf;
    color: #666666;
    font-weight: var(--font-weight-bold, bold);
    font-size: 16px;
    cursor: default;
}

.stoplight {
    border-radius: 50%;
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}

.stoplight.stoplight-gray {
    background-color: #9d9d9d;
}

.stoplight.stoplight-green {
    background-color: #a3d074;
}

.stoplight.stoplight-red {
    background-color: #dc7d79;
}

.stoplight.stoplight-yellow {
    background-color: #f1c518;
}

.photo-action-sheet {
    z-index: 1000;
}

.photo-field .photo-container {
    padding-top: 5px;
    border-top: 1px solid #dddddd;
}

.photo-field .photo-container .ionic-scroll {
    margin-right: -11px;
}

.photo-field .photo-container .photo {
    display: inline-block;
}

.photo-field .photo-container .photo div {
    width: 80px;
    height: 80px;
    background-size: cover;
}

.photo-field .photo-container .photo div.image-loading-indicator {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.35);
    float: left;
    text-align: center;
    position: relative;
}

.photo-field .photo-container .photo div.image-loading-indicator .spinner {
    display: inline-block;
    margin-top: 21px;
    z-index: 1;
}

.photo-field .photo-container .photo div.image-loading-indicator .image-preview {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

.photo-field.ng-attachments-invalid .photo.add > div {
    border: 2px solid rgba(255, 0, 0, .4) !important;
}

.photo-field .orientation-2 {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.photo-field .orientation-3 {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.photo-field .orientation-4 {
    -moz-transform: rotate(180deg) scaleX(-1);
    -webkit-transform: rotate(180deg) scaleX(-1);
    -o-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
}

.photo-field .orientation-5 {
    -moz-transform: rotate(270deg) scaleX(-1);
    -webkit-transform: rotate(270deg) scaleX(-1);
    -o-transform: rotate(270deg) scaleX(-1);
    transform: rotate(270deg) scaleX(-1);
}

.photo-field .orientation-6 {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.photo-field .orientation-7 {
    -moz-transform: rotate(90deg) scaleX(-1);
    -webkit-transform: rotate(90deg) scaleX(-1);
    -o-transform: rotate(90deg) scaleX(-1);
    transform: rotate(90deg) scaleX(-1);
}

.photo-field .orientation-8 {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.photo-field .photo-container .photo + .photo {
    padding-left: 8px;
}

.alice-modal.full-ticket.photo-screen-modal .scroll-content {
    background-color: #000000;
    padding: 0;
}

.photo-screen-modal .photo-container {
    height: 100%;
    position: relative;
}

.photo-screen-modal .photo-container .photo-container-scroller {
    display: flex;
    height: 100%;
}
.photo-screen-modal .photo-container .photo-container-scroller .scroll {
    display: flex;
    margin: auto;
}

.photo-screen-modal .photo-container .photo-container-scroller .photo {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.alice-modal .bar.bar-header button.header-button:not(.arrow-button) {
    color: #fff;
    padding-left: 15px;
    margin-top: -2px;
    border: 0;
}

.bar-alice.bar.bar-header button.header-button {
    color: #fff;
    margin-top: -2px;
    border: 0;
}

.alice-modal .bar.bar-header button.header-button:before, .bar-alice.bar.bar-header button.header-button:before {
    font-size: 17px;
    padding-left: 0;
    padding-right: 0;
}

.button.button-icon.icon img {
    height: 21px;
}

.photo-option {
    padding: 5px 11px 5px 11px;
}

.checklist-option {
    padding: 5px 11px 5px 11px;
}

.checklist-field {
    border-bottom: 1px solid #d9d9d9;
}

.checklist-field.last-item {
    border-bottom: none;
}

.checklist-field .fa {
    font-size: 20px;
}

.checklist-field .checkItemName {
    text-overflow: ellipsis;
}

.checklist-field .border-failed {
    border-radius: 2px;
    border: solid 1px #dd5652;
}

.checklist-items-list .scroll {
    padding-bottom: 40px;
}

.checklist-item-option {
    border-bottom: 1px solid rgba(68, 68, 68, .3);
    padding: 0 18px;
    background-color: #F5F6F7;
}

ion-content .checklist-item-option {
    background-color: white;
}

.checklist-item-option-main {
    align-items: center;
    display: flex;
    min-height: 63px;
    padding: 5px 0;
    width: 100%;
}

.custom-check-container.checklist-item-check-column {
    flex: 0 0 auto;
    margin: 0 17px 0 0;
}

.checklist-item-name-desc {
    flex: 1 1 auto;
    margin-right: 9px;
}

.checklist-item-plus-minus {
    color: #505455;
    font-size: 24px;
}

.checklist-item-name {
    font-size: 17px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.checklist-item-buttons {
    text-align: right;
}

.checklist-comment-button {
    border: 0 none;
    font-size: 15px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: 1px;
    color: #019bb3;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    min-width: 0;
}

.custom-check {
    height: 100%;
    width: 100%;
    color: white;
}

.custom-check.fa-close {
    margin-left: 2px;
    margin-top: -2px;
}

.custom-check.fa-minus {
    margin-left: 2.5px;
}

.custom-check-container {
    font-size: 33px;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 10px;
    height: 36px;
    width: 36px;
    border-style: solid;
    border-color: #979797;
}

.custom-check-container.green {
    border-color: #66cc99;
    background-color: #66cc99;
}

.custom-check-container.red {
    border-color: #dd5652;
    background-color: #dd5652;
}

.custom-check-container.grey {
    border-color: #999999;
    background-color: #999999;
}

.checklist-item-desc {
    font-size: 13px;
    color: #888888;
    padding-top: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.checklist-show-comments-container {
    font-size: 26px;
    margin-top: 17px;
}

/**
   Coded by /u/j0be in scss.
   See scss source here -> https://codepen.io/j0be/pen/MKRVyN
*/

.mob-plus-handle {
    width: 12px;
    height: 12px;
    margin: 9px;
    position: relative;
}

.mob-plus-handle .horizontal {
    width: 100%;
    height: 2px;
    background-color: #888888;
    position: absolute;
    top: calc(50% - 1px);
    right: 0px;
}

.mob-plus-handle .vertical {
    height: 100%;
    width: 2px;
    background-color: #888888;
    position: absolute;
    left: calc(50% - 1px);
}

.mob-plus-handle.closed {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.mob-plus-handle.open {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.photo-option .photo-field {
    margin-top: 5px;
}

.col.facility-icon-col {
    max-width: 40px;
}

.col.facility-name-col {
    margin-top: -11px;
}

.show-pass-login-checkbox {
    float: left;
    height: 53px;
}

.show-pass-login-checkbox .fa {
    padding-top: 2px;
    cursor: pointer;
    font-size: 16px;
    font-weight: var(--font-weight-bold, bold);
    color: #ffffff;
}

.show-pass-login-text {
    float: left;
    width: 115px;
    height: 18px;
    font-family: HelveticaNeue;
    font-size: 16px;
    font-weight: var(--font-weight-normal, normal);
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.1px;
    color: #ffffff;
    padding-left: 11px;
    left: 37px;
    white-space: nowrap;
}

.alice-modal .ticket-buttons-wrapper .col-32 {
    width: 32%;
}

.alice-modal .ticket-buttons-wrapper .col-33 {
    width: 33%;
}

.new-ticket-service-facility {
    font-size: 18px;
    font-weight: var(--font-weight-bold, bold);
    width: 85%;
    float: left;
    height: 30px;
}

.new-ticket-service-facility-name {
    margin-top: 5px;
    margin-left: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popup-container.popup-showing {
    z-index: 1000;
}

.navigation-tabs .tabs {
    background-color: #f5f6f7;
    box-shadow: 0 -1px 4px 0 rgba(159, 159, 159, 0.5) !important;
}

.standalone .navigation-tabs .tabs {
    height: 49px;
    margin-bottom: calc(2 * env(safe-area-inset-bottom));
}

.navigation-tabs .tab-item.tab-item-active {
    color: #019bb3;
    border-color: #019bb3;
}

.navigation-tabs .tab-item .tab-title {
    font-size: 12px;
}

.navigation-tabs .tab-item .icon {
    display: block;
    height: 29px;
    margin: 0 auto;
}

.navigation-tabs .tab-item .icon.icon-Rooms-Tab-Blue {
    font-size: 26px;
    line-height: 35px;
}

.navigation-tabs .tab-item .icon.icon-Housekeeping-Staff {
    font-size: 34px;
    line-height: 32px;
}

.navigation-tabs .tab-item .icon.icomoon.icon-ticket {
    font-size: 20px;
    line-height: 35px;
}

.sms-content {
    background-color: #f5f6f7;
}

.sms-tabs .tab-nav.tabs {
    box-shadow: 0 2px 4px 0 rgba(159, 154, 154, 0.5) !important;
}

.sms-tabs .tab-item {
    text-transform: uppercase;
    font-weight: var(--font-weight-bold, bold);
}

.sms-tabs .tab-item.tab-item-active {
    color: #019bb3;
    border-color: #019bb3;
}

.full-width-tab-item + a {
    max-width: 100%;
}

.sms-content.has-header.has-big-header {
    top: 53px;
}

.standalone .sms-content.has-header.has-big-header {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
}

.with-offline-indicator.standalone .sms-content.has-header.has-big-header, .with-offline-indicator .sms-content.has-header.has-big-header {
    top: 128px;
    top: calc(108px + constant(safe-area-inset-top ));
    top: calc(108px + env(safe-area-inset-top ));
}

.hskp.has-header {
    top: 51px;
}

.standalone .hskp.has-header {
    top: 71px;
    top: calc(51px + constant(safe-area-inset-top ));
    top: calc(51px + env(safe-area-inset-top ));
}

.hskp.has-header.has-big-header {
    top: 93px !important;
}

.standalone .hskp.has-header.has-big-header {
    top: 113px;
    top: calc(93px + constant(safe-area-inset-top ));
    top: calc(93px + env(safe-area-inset-top ));
}

.sms-content.has-header.has-sub-header {
    top: 97px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
}

.standalone .sms-content.has-header.has-sub-header {
    top: 117px;
    top: calc(97px + constant(safe-area-inset-top ));
    top: calc(97px + env(safe-area-inset-top ));
}

.standalone .sms-content.has-header.has-sub-header {
    top: 117px;
    top: calc(97px + constant(safe-area-inset-top ));
    top: calc(97px + env(safe-area-inset-top ));
}

.sms-content.has-keyboard {
    bottom: 50px;
}

.sms-tabs.tabs-striped .tabs {
    background-color: #f5f6f7;
}

.sms-tickets-list .list {
    top: 44px;
}

.has-big-header .sms-tickets-list .list {
    top: 0px;
}

.sms-tickets-list ion-item + ion-item {
    margin-top: 4px;
}

.sms-tickets-list .item .badge {
    top: 20px;
    right: 0;
    line-height: 14px;
    font-size: 11px;
}

.sms-tickets-list .item .bold {
    font-weight: var(--font-weight-bold, bold);
}

.sms-tickets-list .guest-name-label {
    font-size: 16px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: -0.1px;
    color: #009bb3;
    white-space: nowrap;
    overflow: hidden;
    max-width: 243px;
    text-overflow: ellipsis;
}

.sms-tickets-list .chat-type-label {
    display: inline-block;
    color: #ffffff;
    background-color: #009bb3;
    padding: 0 5px;
    border-radius: 5px;
    font-size: 10px;
    line-height: 12px;
    margin-right: 1px;
}

.sms-tickets-list .chat-type-label.facebook-item,
.chat-type-label-header.facebook-item {
    background: transparent !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    height: 2em;
    margin-top: 0;
    float: left;
}

.sms-tickets-list .chat-type-label i.fa-facebook-square,
.chat-type-label-header.facebook-item i.fa-facebook-square {
    background-color: white;
    border-radius: 4px;
    color: #3C5A99;
    font-size: 2em;
    line-height: 16px;
}

.chat-type-label-header.facebook-item i.fa-facebook-square {
    margin-top: -2px;
}

.sms-tickets-list .guest-name-label .room-number-label {
    color: #505455;
    font-size: 14px;
    font-weight: var(--font-weight-normal, normal);
}

.sms-tickets-list .has-unread, .sms-conversation .has-unread {
    background-color: #e6fcff;
}

.sms-tickets-list .item-complex {
    padding: 16px;
}

.sms-tickets-list .item-complex a.item-content {
    background-color: transparent;
}

.sms-tickets-list .has-badge {
    padding-right: 24px;
}

.message-form input, .message-form textarea {
    padding: 11px;
}

.button.button-positive.button-alice {
    color: #019bb3;
    font-weight: var(--font-weight-bold, bold);
}

.button.button-icon.button-alice {
    color: #019bb3;
}

.bar > .button.button-alice + .button.button-alice:last-child {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
}

.sms-conversation-wrapper {
    display: table;
    height: 100%;
    width: 100%;
}

.sms-conversation {
    display: table-cell;
    vertical-align: bottom;
    margin-top: -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.sms-message {
    margin-top: 8px;
    margin-bottom: 7px;
}

.sms-message:not(.history) {
    border-radius: 4px;
    background-color: #ffffff;
    width: 66%;
    border: solid 1px #d9d9d9;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 7px;
    padding-bottom: 7px;
    float: left;
}

.sms-message.history {
    font-size: 12px;
    font-weight: var(--font-weight-bold, bold);
    color: #505455;
    text-align: center;
    line-height: 16px;
    padding-top: 7px;
    clear: both;
}

.sms-message.unsupported {
    background-color: #f5f6f7;
}

.sms-message.from-employee, .from-employee {
    float: right;
}

.sms-message .message-author {
    color: #019bb3;
    font-size: 14px;
    font-weight: var(--font-weight-bold, bold);
}

.sms-message .message-author i {
    color: #de9d48;
    font-size: 14px;
    margin-right: 4px;
}

.sms-message.from-employee .message-author {
    color: #965825;
}

.sms-tickets-list .gray-label,
.sms-message .message-author.gray-label {
    color: #999999 !important;
    font-weight: var(--font-weight-normal, normal) !important;
}


.sms-message .stoplight {
    width: 7px;
    height: 7px;
    margin-left: 0;
    margin-bottom: 1px;
}

.sms-message .message-date {
    float: right;
    color: #999999;
    font-size: 12px;
}

.sms-message.has-unread .message-date {
    color: #000000;
    font-weight: var(--font-weight-normal, normal);
}

.sms-message .message-text {
    font-size: 15px;
    word-break: break-word;
}

.sms-message.has-unread .message-text {
    font-weight: var(--font-weight-bold, bold);
}

.sms-conversation .day-label {
    color: #505455;
    font-size: 12px;
    font-weight: var(--font-weight-bold, bold);
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 15px;
}

.message-not-sent {
    padding-left: 30%;
    height: 22px;
    font-size: 9px;
    font-weight: var(--font-weight-bolder, 800);
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: right;
    color: #dd5652;
    float:right;
}

.message-try-again {
    font-weight: var(--font-weight-normal, normal);
    color:#019bb3;
}

.sending-message-modal {
    top:30%;
    left:20%;
    min-width: 0%;
    min-height: 0%;
    height:24%;
    width: 70%;
    border-radius: 14px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #fff;
}

.sending-message-modal-title {
    font-size: 17px;
    font-weight: var(--font-weight-bold, bold);
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    display: inline-block;
    letter-spacing: -0.41px;
    text-align: center;
}

.sending-message-modal-content {
    z-index:0;
    font-size: 13px;
    font-weight: var(--font-weight-bold, bold);
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: -0.08px;
    text-align: center;
}

.sending-message-modal-footer{
    border-top-color: rgba(60, 60, 67, 0.29);
    border-top-style: solid;
    border-top-width: 0.5px;
}

.sending-message-modal-buttons{
    color: #007aff;
    background-color: #fff;
    font-weight:var(--font-weight-bold, bold);
}

.actions-menu {
    z-index: 1000;
    bottom: 40px;
    right: 15px;
    width: 120px;
    position: absolute;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
}

.actions-menu:before {
    content: "";
    position: absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: -7px;
    right: 10px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #d9d9d9 #d9d9d9 transparent;
}

.actions-menu:after {
    content: "";
    position: absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: -5px;
    right: 10px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #fff #fff transparent;
}

.actions-menu .button-block {
    padding: 10px;
    width: 100%;
}

.actions-menu .button-block + .button-block {
    border-top: solid 1px #d9d9d9;
}

.actions-menu .mark-as-read {
    width: 99px;
    height: 33px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
    font-size: 13px;
    color: #505455;
    font-weight: var(--font-weight-bold, bold);
    padding: 0;
}

.has-error {
    border-bottom: 1px solid #ff0000 !important;
}

.float-button {
    background-color: #019bb3;
    color: white;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    line-height: 56px !important;
    text-align: center;
    font-size: 18px !important;
    padding-top: 1px;
    position: absolute;
    bottom: 70px;
    right: 13px;
    z-index: 1000;
    box-shadow: 0 12px 11px 0 rgba(0, 0, 0, 0.24), 0 0 12px 0 rgba(0, 0, 0, 0.12) !important;
}

.bar.bar-subheader.new-message-bar {
    padding: 0;
}

.new-message-bar .input-label {
    width: auto;
}

.new-message-bar .item.item-input {
    border: 0;
    border-bottom: 1px solid #ddd;
}

.new-message .reservations-list .reservation-name {
    color: #009bb3;
    font-weight: var(--font-weight-bold, bold);
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
}

.new-message .reservation-dates {
    font-size: 12px;
    color: #999999;
    text-align: right;
    float: right;
    width: 64px;
}

.new-message .reservation-dates div {
    height: 15px;
}

.new-message .reservation-room {
    float: right;
    color: #505455;
    text-align: right;
    font-size: 16px;
    line-height: 30px;
    margin-right: 12px;
}

.standalone .sms-tabs .tabs {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
}

.standalone.with-offline-indicator .sms-tabs .tabs {
    top: 128px;
    top: calc(108px + constant(safe-area-inset-top ));
    top: calc(108px + env(safe-area-inset-top ));
}

.with-offline-indicator .sms-tabs .tabs {
    top: 108px;
}

.standalone.with-offline-indicator offline-indicator {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
    position: absolute;
    width: 100%;
}

.with-offline-indicator offline-indicator {
    top: 53px;
    position: absolute;
    width: 100%;
}

.standalone .new-message-bar {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
}

.standalone.with-offline-indicator .new-message-bar, .with-offline-indicator .new-message-bar {
    top: 128px;
    top: calc(108px + constant(safe-area-inset-top ));
    top: calc(108px + env(safe-area-inset-top ));
}

.standalone .new-message {
    top: 117px;
    top: calc(97px + constant(safe-area-inset-top ));
    top: calc(97px + env(safe-area-inset-top ));
}

.standalone.with-offline-indicator .new-message {
    top: 172px;
    top: calc(152px + constant(safe-area-inset-top ));
    top: calc(152px + env(safe-area-inset-top ));
}

.typing-indicator div {
    font-size: 13px;
    font-style: italic;
    color: #505455;
    display: inline-block;
}

.typing-indicator img {
    margin-left: 4px;
    height: 21px;
    position: relative;
    top: 11px;
    margin-bottom: 5px;
}

.create-ticket-button {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    font-size: 16px;
    font-weight: var(--font-weight-bold, bold);
}

.chat-type-label-header-wrapper {
    display: inline-block;
    position: absolute;
    top: 19px;
    right: 0;
    width: 50px;
}

.chat-type-label-header-wrapper.chat-type-label-shift-left {
    right: 35px;
}

.chat-type-label-header {
    display: inline-block;
    color: #009bb3;
    background-color: #ffffff;
    padding: 0 5px;
    border-radius: 5px;
    font-size: 10px;
    height: 13px;
    line-height: 12px;
}

.actions-menu-chat-type {
    z-index: 1000;
    top: 40px;
    right: 25px;
    width: 100px;
    position: absolute;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
    bottom: auto;
}

.actions-menu-ticket-details {
    z-index: 1000;
    top: 40px;
    right: 0px;
    width: 250px;
    position: absolute;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
    color: #019bb3;
    bottom: auto;
    font-size: 18px;
    font-weight: var(--font-weight-bold, bold);
    cursor: pointer;
}
.actions-menu-ticket-details:before {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top:-7px;
    bottom: auto;
}
.actions-menu-ticket-details:after {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top:-5px;
    bottom: auto;
}


.actions-menu-chat-type:before, .actions-menu-chat-type:after {
    display: none;
}

select-request ion-header-bar.bar {
    position: relative;
}

.select-request facility-block {
    color: #3f4243;
}

.select-request facility-block > .facility-name {
    height: 36px;
    background-color: #f5f6f7;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    font-size: 18px;
    font-weight: var(--font-weight-bold, bold);
    line-height: 34px;
    padding-left: 18px;
}

.select-request facility-block .service-name, .select-request item-block .service-name {
    height: 54px;
    font-size: 18px;
    line-height: 52px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 38px;
}

.select-hotel hotel-block .hotel-name {
    height: 54px;
    font-size: 18px;
    line-height: 52px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 38px;
    padding-left: 18px;
}

.select-request facility-block .service-name.no-favorite, .select-request item-block .service-name.no-favorite {
    padding-left: 18px;
}

.select-request facility-block service-block:not(:last-child) .service-name,
.select-request item-block .service-name,
.select-hotel hotel-block:not(:last-child) .hotel-name {
    border-bottom: 1px solid #d9d9d9;
}

.select-request facility-block .service-name > i, .select-hotel hotel-block .hotel-name > i {
    padding: 16px 16px 0 0;
    color: #999999;
    font-size: 21px;
    position: absolute;
    right: 0;
}

.select-request facility-block .service-name .facility-name {
    float: right;
    font-style: italic;
}

.select-request item-block .service-name.no-items {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
}

.select-request item-block .service-name.no-items {
    background-color: #F5F6F7;
    color: #BFC1C2;
    padding-right: 18px;
}
.select-request item-block .service-name.no-items .item-name {
    flex: 1 2 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select-request item-block .service-name.no-items .no-items {
    color: #999999;
    flex: 0 1 auto;
    margin-left: 20px;
}


.select-request facility-block .service-name favorite-toggle i {
    font-size: 20px;
    padding: 11px 10px 11px 18px;
}

.bar-alice.bar.bar-header back-button button.header-button {
    margin-top: 1px;
}

.services-search {
    font-size: 18px;
    color: #999999;
    height: 54px;
    padding: 8px 18px;
}

.services-search i {
    color: #505455;
    position: relative;
    top: -25px;
    left: 2px;
}

.services-search input {
    border-bottom: 1px solid #999999;
    padding-left: 25px;
    font-size: 18px;
}

.mob-field .mob-menu-value.display-block {
    display: block;
}

.mob-field input.two-controls-first {
    width: 64% !important;
}

.mob-field input.two-controls-second {
    width: 34% !important;
    position: absolute !important;
    right: 0;
}

.mob-field .input-time-wrapper {
    position: absolute;
    left: 66%;
    right: 18px;
    border-bottom: 1px solid #d9d9d9 !important;
    padding: 32px 0 0 0 !important;
    height: 63px !important;
    text-align: left;
}

.time-part .mob-field .input-time-wrapper {
    left: 0;
    padding-left: 1.2em !important;
}

.mob-field .input-time-wrapper input {
    -moz-appearance: textfield !important;
    -webkit-appearance: textfield !important;
    position: relative !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    width: 100% !important;
    float: left;
    margin-left: 7% !important;
}

.mob-field .input-time-wrapper input::-webkit-clear-button,
.mob-field .input-time-wrapper input::-webkit-calendar-picker-indicator,
.mob-field .input-time-wrapper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: none;
}

/*iphone 5 fixes*/
@media screen and (device-aspect-ratio: 40/71) {
    .mob-field .input-time-wrapper {
        position: absolute;
        left: 57%;
    }
}


assign-field .user-status {
    position: relative;
    top: 43px;
    left: 15px;
    width: 8px;
    height: 8px;
}

assign-field .mob-field input.filled {
    padding-left: 33px !important;
}

assign-field .mob-field label {
    left: 18px;
}

.due-date-control > div {
    width: 48%;
    display: inline-block;
}

.due-date-control .time-part {
    float: right;
}

.due-date-control .time-part .mob-field {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.due-date-control .time-part .mob-field .mob-field-icon {
    left: 0 !important;
}

.mob-field .mob-field-icon.large:not(.mob-field [class*="icon-Turndown"]):not(.mob-field [class*="icon-no-service"]) {
    font-size: 2.5rem;
    margin-left: -0.75rem;
}

.mob-field .mob-field-icon.fa-file-text-o {
    top: 45px;
}

.mob-field .mob-field-icon:is([class*="icon-Turndown"], [class*="icon-no-service"]) {
    font-size: 1.063rem;
}

@media screen and (device-aspect-ratio: 40/71) {
    .due-date-control .date-part {
        width: 57% !important;
    }
    .due-date-control .time-part {
        width: 43% !important;
    }
}


workflow-buttons .workflow-button {
    position: relative;
    width: 100%;
    text-transform: uppercase;
    border: none;
    line-height: 44px;
    font-size: 1em;
    border-radius: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: var(--font-weight-bold, bold);
    height: 54px;
}

workflow-buttons .ticket-buttons-wrapper {
    background-color: transparent;
    position: absolute;
    padding: 0;
    margin-top: 0;
}

workflow-buttons .ticket-buttons-wrapper .state-name {
    font-family: HelveticaNeue;
    font-size: 18px;
    color: #4dadc3;
}

workflow-buttons .ticket-buttons-wrapper .col:last-child .button i {
    float: right;
    margin-right: 10px;
}

workflow-buttons .ticket-buttons-wrapper .col .button i {
    margin-top: 11px;
    color: #4dadc3;
}

workflow-buttons .ticket-buttons-wrapper {
    height: 54px;
}

workflow-buttons .ticket-buttons-wrapper .inner-content {
    height: 53px;
    padding-top: 10px;
}

workflow-buttons .ticket-buttons-wrapper .inner-content .state-name {
    margin-left: 27px;
}

.bar-footer.select-request {
    height: 108px;
    padding: 0;
}

workflow-buttons .save-button {
    position: absolute;
    bottom: 0;
    left: 0;
}

.bar-footer.select-request.single-row {
    height: 54px;
}

.standalone .bar-footer.select-request.single-row {
    height: 74px;
    height: calc(54px + constant(safe-area-inset-bottom));
    height: calc(54px + env(safe-area-inset-bottom));
}

workflow-buttons .ticket-buttons-wrapper.linear-workflow {
    left: 0;
    top: 0;
}

workflow-buttons .mob-status-btn button.status-btn span {
    line-height: 48px;
}

workflow-buttons .mob-status-btn button i {
    line-height: 48px;
}

workflow-buttons .mob-status-btn button {
    height: 53px;
}
.create-ticket-service-options-checklist {
    margin-bottom: 5px;
    padding-bottom: 4px;
    display: flex;
    margin-left: 18px;
    margin-right: 18px;
    border-bottom: solid 1px #d9d9d9;
}

.create-ticket-service-options-checklist .header {
    font-size: 12px;
    letter-spacing: 0.9px;
    color: #878787;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.create-ticket-service-options-checklist .fa {
    font-size: 17px;
}

.create-ticket-service-options-checklist .check-icon {
    float: left;
    color: #999999
}

.create-ticket-service-options-checklist .name {
    width: initial;
    font-size: 18px;
    font-weight: var(--font-weight-bold, bold);
    color: #3f4243;
    text-transform: capitalize;
    margin-left: 27px;
}

.checklist-any-items-comments {
    color: #019bb3;
    float: right;
    margin-right: 9px;
    margin-top: 3px;
}

.checklist-custom-check-failed-header {
    height: 24px;
    width: 22px;
    float: left;
    margin-top: -1px;
    border-radius: 2px;
}

.custom-check.fa-close.checklist-custom-check-fa-failed-item {
    font-size: 24px;
    margin-top: -4px;
    margin-left: -2px;
}

.checklist-number-failed-steps {
    float: right;
    margin-top: 4px;
    width: 22px;
    text-align: center;
    font-size: 16px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: -0.1px;
    color: #505455;
}

.checklist-failed-items {
    width: 46px;
    height: 24px;
    border-radius: 3px;
    border: solid 1px #dd5652;
    float: right;
    margin-top: 2px;
    margin-right: 9px;
}

.checklist-item-comments text-field {
    display: block;
    margin: -13px -18px 0;
}

.custom-button {
    color: #019bb3;
    min-width: 80px;
}

.custom-button .icon {
    color: #019bb3;
}

#add-guest-button {
    font-family: Lato, Arial, serif !important;
    font-weight: var(--font-weight-bold, bold);
    font-size: 16px;
    min-width: auto;
}

.ticket-details .ticket-number {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 12px;
    color: #878787;
}

room-attendant-list .unassigned-button ion-item{
    color: #ffffff;
    background-color: #505455;
    border-color: #505455!important;
    cursor: pointer;
}

.guest-vip.ticket-details {
    position: absolute;
    top: 35px;
    right: 45px;
    padding-top: 2px;
    z-index: 100;
    font-size: 18px;
}

.vip .mob-field input {
    padding-right: 60px !important;
    text-overflow: ellipsis;
}

.non-vip .mob-field input {
    padding-right: 28px !important;
    text-overflow: ellipsis;
}

.sms-tickets-list .guest-name-label .name-label.vip {
    max-width: 50%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 14px;
    margin-bottom: -2px;
}

.mob-field.readonly textarea:focus + .hr, .mob-field.readonly input:focus + .hr {
    border-bottom: none !important;
}

.mob-field label {
    text-overflow: ellipsis;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
}

dropdown-field .mob-field label.filled {
    width: 100%;
}

dropdown-field .mob-field label:not(.filled) {
    width: auto !important;
    left: 20px;
    right: 1em;
}

.ticket-details .item.details {
    margin-top: 9px;
}

.ticket-creation-details {
    font-size: 14px;
    line-height: 1.29;
    color: #999999;
    padding: 14px 18px;
}

.guest-messages-bubble {
    position: absolute;
    top: 35px;
    right: 20px;
    padding-top: 5px;
    z-index: 100;
}

.guest-messages-bubble.with-count {
    right: 6px;
}

.guest-messages-bubble i {
    font-size: 18px;
    color: #999999;
}

.guest-messages-bubble span {
    font-size: 10px;
    border-radius: 8px;
    height: 13px;
    min-width: 13px;
    line-height: 13px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: -0.1px;
    color: #ffffff;
    background-color: #019bb3;
    padding: 1px 4px;
    position: relative;
    bottom: 9px;
    right: 16px;
}

.standalone.new-view .scroll-content {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
    margin-bottom: 20px;
    margin-bottom: constant(safe-area-inset-bottom );
    margin-bottom: env(safe-area-inset-bottom );
}

.staff-notes-footer.bar.bar-footer {
    height: 44px;
    padding: 0;
    bottom: 153px;
    bottom: calc(133px + constant(safe-area-inset-bottom ));
    bottom: calc(133px + env(safe-area-inset-bottom ));
}

.hskp-ticket-view .staff-notes-footer.bar.bar-footer {
    bottom: 0;

    border-top: 1px solid #D4D4D4;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) !important;

    height: 46px;
    height: calc(46px + constant(safe-area-inset-bottom));
    height: calc(46px + env(safe-area-inset-bottom));
}

.staff-notes-footer.bar.bar-footer.has-notes {
    height: 63px;
}

.hskp-ticket-view .staff-notes-footer.bar.bar-footer.has-notes {
    height: 63px;
    height: calc(63px + constant(safe-area-inset-bottom));
    height: calc(63px + env(safe-area-inset-bottom));
}

.assignee-section-footer.bar.bar-footer {
    height: 45px;
    padding: 0;
    bottom: 88px;
}

.standalone .assignee-section-footer.bar.bar-footer {
    height: 45px;
    padding: 0;
    bottom: 108px;
    bottom: calc(88px + constant(safe-area-inset-bottom ));
    bottom: calc(88px + env(safe-area-inset-bottom ));
}

.workflow-buttons-footer.bar.bar-footer {
    height: 54px;
    padding: 0;
}

.due-date-state-footer.bar.bar-footer {
    height: 36px;
    padding: 0;
    bottom: 52px;
}

.has-footer.has-footer-ticket-details {
    bottom: 177px;
}

.standalone .due-date-state-footer.bar.bar-footer {
    height: 36px;
    padding: 0;
    bottom: 72px;
    bottom: calc(52px + constant(safe-area-inset-bottom ));
    bottom: calc(52px + env(safe-area-inset-bottom ));
}

.standalone .has-footer.has-footer-ticket-details {
    bottom: 197px;
    bottom: calc(177px + constant(safe-area-inset-bottom ));
    bottom: calc(177px + env(safe-area-inset-bottom ));
}

.has-footer-ticket-details.has-notes {
    bottom: 196px;
}

.standalone .has-footer-ticket-details.has-notes {
    bottom: 216px;
    bottom: calc(196px + constant(safe-area-inset-bottom ));
    bottom: calc(196px + env(safe-area-inset-bottom ));
}

staff-notes {
    width: 100%;
}

.staff-notes {
    padding: 10px 16px 10px 11px;
}

.staff-notes-footer.bar.bar-footer.has-notes .staff-notes {
    padding-top: 8px;
}

.staff-notes .internal-notes-icon {
    width: 36px;
    height: 30px;
    vertical-align: middle;
    position: relative;
}

.staff-notes .internal-notes-icon i {
    font-size: 21px;
    color: #999999;
}

.staff-notes .internal-notes-icon span {
    font-size: 10px;
    border-radius: 8px;
    height: 16px;
    line-height: 13px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: -0.1px;
    color: #ffffff;
    background-color: #965600;
    padding: 1px 4px;
    position: absolute;
    top: -2px;
    left: 7px;
    max-width: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 16px;
    text-align: center;
}

.staff-notes .notes-header {
    font-size: 17px;
    color: #3f4243;
}

.staff-notes .notes-link {
    font-size: 16px;
    font-weight: var(--font-weight-bold, bold);
    float: right;
    color: #019bb3;
}

.staff-notes .last-note {
    font-size: 14px;
    color: #3f4243;
    padding-left: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.staff-notes .internal-notes-icon, .staff-notes .notes-middle {
    display: inline-block;
}

.staff-notes .notes-middle {
    margin-left: -8px;
    width: calc(100% - 33px);
}

.assignee-section {
    padding: 10px 16px 10px 11px;
    background-color: #f5f6f7;
    border-top: 1px solid #d9d9d9;
}

.assignee-section .assignee-icon {
    width: 36px;
    height: 30px;
    vertical-align: middle;
}

.assignee-section .assignee-icon i {
    font-size: 21px;
    color: #999999;
}

.assignee-section .assignee-icon, .assignee-section .assignee-text {
    display: inline-block;
}

.assignee-section .assignee-text {
    font-size: 16px;
    color: #505455;
    width: calc(100% - 33px);
    margin-left: -8px;
}

.assignee-section .assignee-text.unassigned {
    color: #dd5652;
}

.assignee-section .assignee-text .assign-link {
    float: right;
    color: #019bb3;
    font-weight: var(--font-weight-bold, bold);
}

.assignee-section .assignee-text .stoplight {
    width: 8px;
    height: 8px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2px;
}

.due-date-state-row {
    padding: 0 16px 0 11px;
    border-top: 1px solid #d9d9d9;
}

.due-date-state-row .due-date-icon {
    width: 36px;
    height: 31px;
}

.due-date-state-row .due-date-icon i {
    font-size: 21px;
    color: #999999;
    float: left;
}

.due-date-state-row .due-date-icon, .due-date-state-row .due-date-text {
    display: inline-block;
}

.due-date-state-row .due-date-text {
    font-size: 14px;
    color: #505455;
    width: calc(100% - 33px);
    margin-left: -8px;
    line-height: 35px;
}

.due-date-state-row .due-date-text > span {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
}

.due-date-state-row .due-date-text > span:first-child {
    float: left;
    max-width: 60%;
}

.due-date-state-row .state {
    float: right;
    font-size: 15px;
    font-weight: var(--font-weight-bold, bold);
    text-transform: uppercase;
    max-width: 40%;
}

.slider-slides .due-date-state-row .due-date-text > span:first-child {
    max-width: 62%;
}

.slider-slides .due-date-state-row .state {
    max-width: 38%;
}

h1.title.title-new-ticket {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

h1.title::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
}

text-field.disabled {
    display: block;
    background-color: #f5f6f7;
    color: #999999;
}

text-field .ion-locked {
    visibility: hidden;
}

text-field.disabled .ion-locked {
    color: #999999;
    position: absolute;
    right: 3px;
    top: 38px;
    font-size: 1.2em;
    visibility: visible;
}

text-field.disabled .mob-field textarea.filled, text-field.disabled .mob-field input.filled {
    color: #999999 !important;
    -webkit-text-fill-color: rgba(155, 155, 155, 1);
    -webkit-opacity: 1;
    opacity: 1;
}

.SMS-blocked-by-guest {
    width: 100%;
    height: 21px;
    font-size: 17px;
    color: #d23f41;
    margin-top: 5px;
    margin-left: 11px;
}

.SMS-not-allowed {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius: 2px;
    background-color: rgba(243, 244, 245, 0.8);
    z-index: 1;
    font-size: 14px;
    color: #dd5652;
    font-weight: var(--font-weight-medium, 500);
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}


.top-filter-wrapper {
    height: 52px;
    background-color: #e7edf7;
    padding: 5px 4px;
}

.top-filter-wrapper .toggle-option {
    font-size: 16px;
    font-weight: var(--font-weight-bold, bold);
    color: #999999;
    background-color: #ffffff;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: solid 1px #999999;
}

.top-filter-wrapper .toggle-option.active {
    color: #019bb3;
    background-color: #e6fcff;
    border-bottom: 4px solid #019bb3;
}

.top-filter-wrapper .row, .top-filter-wrapper .col-50 {
    padding: 0;
}

.top-filter-wrapper .top-toggle {
    padding: 0 2px;
}

.top-filter-wrapper .toggle-option-left {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.top-filter-wrapper .toggle-option-right {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.top-filter-wrapper .toggle-option-left:not(.active) {
    border-right: none;
}

.top-filter-wrapper .toggle-option-right:not(.active) {
    border-left: none;
}

#searchFilterInput.top-filter-wrapper {
    height: 63px;
    padding: 13px 0 20px 20px;
    background-color: #f5f6f7;
}

.top-filter-wrapper .mobile-ticket-search-query {
    height: 36px;
    border-width: 0;
    background-color: #f5f6f7;
    font-size: 19px;
    font-weight: var(--font-weight-normal, normal);
}

.top-filter-wrapper #closeMobileSearch {
    color: #999999;
    width: 31px;
    height: 16px;
    padding-top: 11px;
}

.ticket-conversation {
    padding-top: 40px;
    padding-left: 9px;
    padding-right: 15px;
    padding-bottom: 9px;
}

.ticket-conversation .day-label {
    color: #505455;
    font-size: 14px;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 15px;
    letter-spacing: -0.2px;
}

.ticket-conversation .ticket-message {
    border-radius: 4px;
    background-color: #ffffff;
    width: 76%;
    border: solid 1px #d9d9d9;
    padding: 9px 9px 11px 9px;
    float: left;
    margin-top: 7px;
    margin-bottom: 6px;
}

.ticket-conversation .ticket-message.message-right {
    float: right;
}

.ticket-conversation .ticket-message .message-author {
    color: #019bb3;
    font-size: 14px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: -0.2px;
}

.ticket-conversation .ticket-message.from-employee .message-author {
    color: #965825;
}

.ticket-conversation .ticket-message .stoplight {
    width: 9px;
    height: 9px;
    margin-bottom: 1px;
}

.ticket-conversation .ticket-message .message-text {
    font-size: 17px;
    line-height: 1.13;
    letter-spacing: -0.2px;
    color: #505455;
}

.ticket-conversation .ticket-message .deleted-text,
.staff-notes .last-note .deleted-text {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ticket-conversation .ticket-message .deleted-text {
    font-size: 17px;
    line-height: 1.13;
    letter-spacing: -0.2px;
    color: #505455;
}

.staff-notes .last-note .deleted-text {
    font-size: 14px;
    color: #3f4243;
}

.ticket-conversation .ticket-message .message-date {
    float: right;
    color: #999999;
    font-size: 13px;
    letter-spacing: -0.2px;
    font-weight: var(--font-weight-normal, normal);
}

.message-form > div {
    white-space: nowrap;
    width: 100%;
}

.message-form .input-wrapper {
    max-height: 84px;
    overflow: scroll;
    padding-right: .35em;
}

.message-form input,
.message-form textarea,
.message-form forbidden-textarea,
.message-form [contenteditable] {
    font-size: 17px;
    width: 100%;
}

/* region FOH-18490: Forbidden Textarea for Staff App */
.message-form forbidden-textarea,
.message-form [contenteditable] {
    display: inline-block;
    height: auto;
}

.message-form [contenteditable] {
    height: 100%;
}
/* endregion */

.message-form button {
    margin-right: 1em;
    white-space: nowrap;
    float: right;
}

ion-content.new-ticket.has-footer {
    bottom: 55px;
}

.with-opened-keyboard ion-content.new-ticket.has-footer {
    bottom: 0;
}

ion-content.new-ticket.long-footer {
    bottom: 109px;
}

.standalone .new-ticket.has-header,
.standalone .ticket-details.has-header {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
}

.standalone .ticket-details.has-header.offline-visible {
    top: 110px !important;
    top: calc(110px + constant(safe-area-inset-top)) !important;
    top: calc(110px + env(safe-area-inset-top)) !important;
}

.standalone .ticket-details.has-header.has-room-type-header,
.standalone .ticket-details.has-header.has-credits-header,
.platform-android .ticket-details.has-header.has-room-type-header,
.platform-android .ticket-details.has-header.has-credits-header {
    top: 89px !important;
    top: calc(89px + constant(safe-area-inset-top )) !important;
    top: calc(89px + env(safe-area-inset-top )) !important;
}

.standalone .ticket-details.has-header.has-room-type-header.offline-visible,
.standalone .ticket-details.has-header.has-credits-header.offline-visible,
.platform-android .ticket-details.has-header.has-room-type-header.offline-visible,
.platform-android .ticket-details.has-header.has-credits-header.offline-visible {
    top: 144px !important;
    top: calc(144px + constant(safe-area-inset-top)) !important;
    top: calc(144px + env(safe-area-inset-top)) !important;
}

.standalone .ticket-details.has-header.has-room-type-header.has-credits-header,
.platform-android .ticket-details.has-header.has-room-type-header.has-credits-header {
    top: 124px !important;
    top: calc(124px + constant(safe-area-inset-top )) !important;
    top: calc(124px + env(safe-area-inset-top )) !important;
}

.standalone .ticket-details.has-header.has-room-type-header.has-credits-header.offline-visible {
    top: 179px !important;
    top: calc(179px + constant(safe-area-inset-top)) !important;
    top: calc(179px + env(safe-area-inset-top)) !important;
}

.with-offline-indicator.standalone .new-ticket.has-header {
    top: 128px;
    top: calc(128px + constant(safe-area-inset-top ));
    top: calc(128px + env(safe-area-inset-top ));
}

.standalone .new-ticket.has-subheader {
    top: 122px;
    top: calc(102px + constant(safe-area-inset-top ));
    top: calc(102px + env(safe-area-inset-top ));
}

.standalone.with-offline-indicator .new-ticket.has-subheader {
    top: 177px;
    top: calc(157px + constant(safe-area-inset-top ));
    top: calc(157px + env(safe-area-inset-top ));
}

.with-offline-indicator .new-ticket.has-subheader {
    top: 157px;
}

checklist-field .any-items-comments {
    color: #019bb3;
    float: right;
    display: inline-block;
}

checklist-field .any-items-comments i {
    font-size: 36px;
}

checklist-field .mob-field input {
    padding-right: 80px !important;
}

checklist-field .checklist-failed-items {
    float: right;
    display: inline-block;
    width: 35px;
    height: 18px;
    margin-top: 11px;
    margin-right: 8px;
}

checklist-field .checklist-failed-items .checklist-custom-check-failed-header {
    height: 17px;
    width: 18px;
}

checklist-field .checklist-failed-items .custom-check.fa-close.checklist-custom-check-fa-failed-item {
    font-size: 17px;
    line-height: 17px;
    margin-top: -4px;
    margin-left: -1px;
}

checklist-field .checklist-failed-items .checklist-number-failed-steps {
    float: none;
    display: inline;
    font-size: 12px;
    font-weight: var(--font-weight-bold, bold);
    line-height: 18px;
    padding-left: 4px;
}

checklist-field .checklist-failed-items .checklist-number-failed-steps.two-digits {
    padding-left: 0px;
}

checklist-field .processed-counter {
    float: right;
    font-size: 18px;
    color: #505455;
    margin-right: 8px;
    display: inline-block;
    margin-top: 10px;
}

checklist-field .right-side-controls {
    position: absolute;
    top: 25px;
    right: 30px;
}

/*override the styles from alice-sass.css with !important font-family for icons*/
[class^="icon-"].icon-left,
[class*=" icon-"].icon-left,
[class*=" icon-"].icon-right,
[class*=" icon-"].icon-right {
    font-family: inherit !important;
}

/*override animation from alice-sass.css to unhardcode the width*/
@keyframes hrSelcted2 {
    0% {
        /*left: calc(100% - 88px);*/
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        left: -1px;
        opacity: 0
    }
}


@keyframes hrdeSelcted2 {
    0% {
        left: 100%
    }
    25% {
        left: 100%
    }
    100% {
        /*left: calc(100% - 88px)*/
    }
}

.mob-subheader-wrapper.time-toggle .hr.selected {
    animation: hrSelcted2 1.2s !important;
}

.mob-subheader-wrapper.time-toggle .hr.deselected {
    animation: hrdeSelcted2 1.2s !important;
}

div.fit-screen div.login-inputs {
    padding-top: 0;
    padding-bottom: 0;
}

div.login-inputs .input-field {
    color: #000000;
}

div.fit-screen div.show-pass-login-checkbox {
    height: 36px;
}

div.fit-screen button {
    margin-bottom: 0;
}

div.fit-screen p {
    line-height: 16px;
}

.buttons-wrapper-scroll {
    position: relative;
    height: 54px;
    margin-top: .5em;
}

.buttons-wrapper-scroll {
    height: 108px;
}

.buttons-wrapper-scroll.single-row {
    height: 53px;
}

.buttons-wrapper-scroll workflow-buttons {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 108px;
}

.buttons-wrapper-scroll.single-row workflow-buttons {
    height: 53px;
}

.mob-field textarea[readonly],
.mob-field textarea[disabled] {
    padding: 35px 0 0 27px !important;
}

.mob-field.without-icon textarea[readonly],
.mob-field.without-icon textarea[disabled] {
    padding: 35px 0 0 0 !important
}

.associated-tickets {
    padding: 10px 18px;
    border-bottom: 1px solid #d9d9d9 !important;
    font-size: 17px;
    color: #3f4243;
}

.associated-tickets .at-icon {
    float: right;
    color: #999;
    font-size: 20px;
    position: relative;
}

.associated-tickets .at-icon-badge{
    position: absolute;
    background-color: #ef473a;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    padding: 0 4px;
    min-width: 10px;
    border-radius: 6px;
    top: -5px;
    right: -5px;
}

.no-tickets {
    color: #999999;
    font-size: 18px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
}

.gray {
    background-color: #f5f6f7;
}

.login-label-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pointer {
    cursor: pointer;
}

.nonlinear-updating-mask {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    background-color: #ffffff;
}

.nonlinear-updating-mask-text {
    position: absolute;
    top: 50%;
    text-align: center;
    font-size: 18px;
    color: #000000;
    width: 100%;
}

.linear-updating-mask {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    background-color: #ffffff;
    text-align: center;
    font-size: 18px;
    color: #000000;
    line-height: 54px;
}

.bar-alice.bar.bar-header back-button button.header-button.arrow-button, .bar.button {
    width: 63px;
    margin-top: -10px;
    margin-left: -5px;
    height: 53px;
    border-radius: 0;
    font-size: 25px;
    padding-top: 4px;
}

ion-header-bar.bar.bar-alice, .alice-modal:not(.new-ticket-request) ion-header-bar.bar.bar-alice.bar-header {
    height: 53px;
    padding-top: 9px;
    padding-bottom: 10px;
    background-image: none;
}

.has-header {
    top: 53px;
}

.with-offline-indicator .has-header {
    top: 108px;
}

.move-arrow-button .arrow-button {
    margin-top: -22px !important;
    margin-left: -15px !important;
}

.move-arrow-button h1 {
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    padding-left: 65px;
    padding-right: 65px;
}

.bar .title {
    line-height: 53px;
    left: 0 !important;
    right: 0 !important;
}

.bar .title + .buttons {
    top: 9px;
}

.tabs-top > .tabs, .tabs.tabs-top {
    top: 53px;
}

.bar-subheader {
    top:53px;
}

.has-subheader {
    top: 97px;
}

.has-tickets-subheader {
    top: 108px;
}

.subheader-action-item {
    margin-top: 53px;
    position: absolute;
    left: 0;
    right: 0;
    color: #ffffff;
    border-top: none;
    border: 0;
}

.with-offline-indicator .subheader-action-item {
    margin-top: 108px;
    position: absolute;
    left: 0;
    right: 0;
    color: #ffffff;
    border-top: none;
    border: 0;
}

.standalone .subheader-action-item {
    margin-top: 73px;
    margin-top: calc(53px + constant(safe-area-inset-top ));
    margin-top: calc(53px + env(safe-area-inset-top ));
}

.with-offline-indicator.standalone .subheader-action-item {
    margin-top: 108px;
    margin-top: calc(108px + constant(safe-area-inset-top ));
    margin-top: calc(108px + env(safe-area-inset-top ));
}

.arrow-button:after {
    content: none;
}

.platform-android .bar h1.title {
    font-size: 19px;
    line-height: 52px;
}


.btn-triple-dot-vert {
    font-size: 30px !important;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: -10px !important;
    margin-top: 1px !important;
}

.list .item.item-header {
    height: 48px;
    padding-left: 18px;
    font-size: 16px;
    vertical-align: middle;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: var(--font-weight-bold, bold);
}


.list .item.item-checkbox.item-notifications {
    white-space: normal;
}

.bar.bar-subheader.assignee-subheader {
    padding: 0;
}

.bar.bar-subheader.assignee-subheader.standalone {
    top: 73px;
    top: calc(53px + constant(safe-area-inset-top ));
    top: calc(53px + env(safe-area-inset-top ));
}

.with-offline-indicator .bar.bar-subheader.assignee-subheader.standalone,
.with-offline-indicator .bar.bar-subheader.assignee-subheader {
    top: 128px;
    top: calc(108px + constant(safe-area-inset-top ));
    top: calc(108px + env(safe-area-inset-top ));
}

.assignee-subheader .assignee-section-wrapper {
    width: 100%;
}

.assignee-subheader .assignee-section {
    padding: 8px 16px 5px 16px;
    background-color: #ffffff;
    border-top: none;
    border-bottom: 1px solid #d8d8d8;
}

.conv-owner {
    font-size: 12px;
    font-weight: var(--font-weight-bold, bold);
    color: #505455;
    position: absolute;
    top: 21px;
    right: 0;
    line-height: 14px;
    text-align: right;
}

.conv-owner.single-row {
    top: 29px;
}

.sms-tickets-list .item-complex {
     padding-bottom: 4px;
 }

.sms-tickets-list .item-complex p.has-assignee-label {
    width: 70%;
}

.sms-tickets-list ion-item .item-content {
    height: 53px;
}

.bar .bold-title {
    font-size: 20px;
    font-weight: var(--font-weight-bold, bold);
    text-align: center;
}
.bar-footer-large {
    height: 88px;
}

.has-footer-large {
    bottom: 88px;
}

.standalone .has-footer.has-footer-large {
    bottom: 108px;
    bottom: calc(88px + constant(safe-area-inset-bottom));
    bottom: calc(88px + env(safe-area-inset-bottom));
}


#changePasswordForm p.h5 {
    text-align: center;
    color: #66b7ca;
    font-size: 25px;
}

#changePasswordForm .description {
    text-align: center;
    font-size: 16px;
    color: #444444;
}

#changePasswordForm .scroll {
    position: relative;
    top: 50%;
    margin-top: -75px;
}

change-password .alert {
    background-color: #dd5652;
    border-radius: 0;
    color: white;
    font-size: 14px;
    padding: 10px 9px;
}

change-password .alert.big {
    font-weight: var(--font-weight-bold, bold);
    padding: 15px 0;
}

change-password .alert p {
    margin-bottom: 0;
}

change-password .title {
    font-size: 24px;
    font-weight: var(--font-weight-bold, bold);
    margin: 18px 0;
}

change-password password-rules-bubble {
    background-color: #f5f6f7;
    display: block;
    margin-bottom: 17px;
    padding: 3px 21px;
}

change-password password-rules-bubble .password-rules-title {
    font-weight: var(--font-weight-bold, bold);
    margin-bottom: 7px;
}

change-password password-rules-bubble .password-rule {
    line-height: 24px;
}

change-password .controls, change-password .success {
    padding: 0 36px;
}

change-password .success p {
    font-size: 24px;
    font-weight: var(--font-weight-bold, bold);
    margin-bottom: 60px;
}

change-password .success p:first-child {
    margin-bottom: 28px;
}

change-password .success .fa.fa-check {
    color: #a3d074;
    font-size: 71px;
}


change-password .controls label {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
}

change-password .controls .field {
    margin-bottom: 12px;
}

change-password .controls .show-password-field {
    margin: 17px 0;
}

change-password .controls label.upper {
    font-size: 12px;
    text-transform: uppercase;
}

change-password .controls input {
    border-radius: 0;
    display: block;
    height: 50px;
    padding: 0 10px;
}

change-password .controls input.form-control {
    padding-right: 90px;
}

change-password .show-pass-login-checkbox {
    height: initial;
    margin: 0 9px 0 6px;
    width: 20px;
}

change-password .show-pass-login-checkbox .fa {
    font-size: 20px;
    padding-top: 1px;
}

change-password .kv-meter-container {
    margin-top: 16px;
    margin-left: -110px;
}

.password-rule {
    margin-bottom: 6px;
    margin-right: 4px;
    margin-left: 4px;
}

.password-rule-point {
    width: 12px;
    height: 12px;
    text-align: center;
    display: inline-block;
    margin-left: -1px;
    margin-right: 3px;
}

.password-rule-point-passed {
    font-size: 11px;
    color: #66cc99;
}

.password-rule-text-hint {
    color: #000000;
}

.password-rule-point-failed {
    font-size: 12px;
    color: #dd5652;
}

.password-rule-text {
    text-align: left;
}

.password-rule-text-passed {
    color: #66cc99;
}

.password-rule-text-failed {
    color: #000000;
}

/* Override disabled text color on iOS */
.mob-field textarea.filled:disabled, .mob-field input.filled:disabled {
    -webkit-text-fill-color: #505455;
    opacity: 1;
}
.icon-Rooms-Tab{
    padding-top: 5px;
}

.icon-Rooms-Tab:before {
    font-size: 28px;
}

housekeeping-staff-root .hidden {
    display: none;
}

housekeeping-header .top-filter-wrapper,
housekeeping-staff-root .top-filter-wrapper,
housekeeping-header .top-filter-wrapper .toggle-option {
    height: 63px;
    margin-right: -2px;
    padding: 0;
}

housekeeping-header .col {
    padding: 0;
}

housekeeping-header .top-filter-wrapper .toggle-option {
    border: 0;
    border-bottom: 4px solid transparent;
    color: #999999;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: var(--font-weight-bold, bold);
    justify-content: center;
    letter-spacing: 0.55px;
    text-transform: uppercase;
}

housekeeping-header .top-filter-wrapper .toggle-option :last-child {
    font-size: 16px;
}

housekeeping-header .top-filter-wrapper .toggle-option:not(.active) :last-child {
    color: black;
}


housekeeping-header .top-filter-wrapper .toggle-option-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 4px solid #f5f6f7;
    font-weight: var(--font-weight-normal, normal);
    min-width: 100px;
}

housekeeping-header .top-filter-wrapper .toggle-option.active, housekeeping-header .top-filter-wrapper .toggle-option {
    background-color: #f5f6f7;
    line-height: 19px;
    vertical-align: middle;
}

housekeeping-header-item div {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.housekeeping-items-header {
    background-color: #f5f6f7;
    font-size: 14px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: 1px;
    line-height: 27px;
    padding-left: 16px;
    text-transform: uppercase;
}

.housekeeping-items-header.collapsed-header {
    border-top: solid 1px #dddddd;
}

.housekeeping-items-header.reorder-tip {
    font-weight: var(--font-weight-normal, normal);
    letter-spacing: -0.08px;
    text-transform: none;
    line-height: normal;
    padding: 8px 8px 10px 16px;
}

.standalone .tabs-bottom-screen .tabs {
    height: 69px;
    height: calc(49px + constant(safe-area-inset-bottom));
    height: calc(49px + env(safe-area-inset-bottom));
}

.standalone .float-button {
    bottom: 90px;
    bottom: calc(70px + constant(safe-area-inset-bottom));
    bottom: calc(70px + env(safe-area-inset-bottom));
}

.standalone .has-footer {
    bottom: 64px;
    bottom: calc(44px + constant(safe-area-inset-bottom));
    bottom: calc(44px + env(safe-area-inset-bottom));
}

.standalone .bar-footer {
    bottom: 20px;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
}

.housekeeping-item-left {
    flex: 0 0 auto;
    margin-top: -12px;
    overflow: hidden;
    width: calc(100% - 82px);
}

housekeeping-item .row {
    color: #2e2e2e;
    padding: 0;
}

.housekeeping-item-left > .row:first-child {
    color: black;
    height: 57px;
}

housekeeping-item .col {
    flex: 0 0 auto;
    padding: 0;
    width: auto;
}

.housekeeping-item-left .room-number {
    flex-shrink: 1;
    font-size: 40px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: -0.2px;
    line-height: 57px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.housekeeping-item-left .reservation-status {
    margin: 1px 8px 0 4px;
}

.housekeeping-item-left .room-info-icons {
    margin-top: -3px;
    margin-bottom: 17px;
}

housekeeping-item .guest-count {
    font-size: 18px;
    letter-spacing: -0.1px;
    line-height: 22px;
    margin-left: 19px;
    margin-bottom: -6px;
}

housekeeping-item .icon-Amount-of-People {
    font-size: 42px;
    line-height: 22px;
    margin-bottom: -6px;
}

housekeeping-item .icon-Amount-of-Children {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: -6px;
}

.icon-Amount-of-People + .guest-count {
    margin-left: 8px;
}

housekeeping-item .icon-Amount-of-People:before {
    display: block;
    left: -10px;
    position: relative;
    width: 20px;
}

.housekeeping-item-left .guest-names {
    flex-shrink: 1;
    font-size: 15px;
    letter-spacing: -0.2px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.housekeeping-item-left .guest-names ~ * {
    font-size: 15px;
    letter-spacing: -0.2px;
    margin-left: 4px;
}

housekeeping-item .guest-names ~ .vip, .reservation-name-tablet .vip {
    margin-left: 9px;
}

housekeeping-item .vip {
    color: #db7d00;
    font-weight: var(--font-weight-bold, bold);
}

.housekeeping-item-left .reservation-date {
    font-size: 14px;
    height: 20px;
    letter-spacing: -0.2px;
    margin: 0;
}

housekeeping-item .open-related-tickets {
    font-size: 14px;
    margin-left: 16px;
    margin-top: 3px;
}

housekeeping-item .spec-instructions {
    font-size: 10px;
    margin-left: 18px;
    margin-top: 7px;
}

housekeeping-item .no-reservation {
    color: #999999;
}

housekeeping-item .internal-notes {
    margin: 1px 0 -1px 15px;
}

housekeeping-item .reservation-name-tablet .eta-etd-wrapper {
    display: flex;
    gap: 4px;
}

housekeeping-item .reservation-name-tablet .eta-etd-wrapper .eta-time,
housekeeping-item .reservation-name-tablet .eta-etd-wrapper .etd-time {
    margin-left: 0;
}

housekeeping-item .eta-time,
housekeeping-item .etd-time,
housekeeping-item-details .eta-time,
housekeeping-item-details .etd-time {
    border-radius: 4px;
    color: #533F04;
    font-size: 13px;
    margin-left: 7px;
    padding: 0 6px;
}

housekeeping-item .eta-time,
housekeeping-item-details .eta-time {
    background-color: #F8E2A0;
}

housekeeping-item .etd-time,
housekeeping-item-details .etd-time {
    background-color: #FFEBF7;
    color: #AE4787;
}

housekeeping-item .eta-time i,
housekeeping-item .etd-time i,
housekeeping-item-details .eta-time i,
housekeeping-item-details .etd-time i {
    font-size: 14px;
}

housekeeping-item .etd-time i,
housekeeping-item-details .etd-time i {
    color: #AE4787;
}

housekeeping-item .eta-time .eta-label,
housekeeping-item .etd-time .etd-label,
housekeeping-item-details .eta-time .eta-label,
housekeeping-item-details .etd-time .etd-label {
    font-weight: var(--font-weight-bold, 700);
}

housekeeping-item  [class^="icon-Stay-Over"] {
    display: block;
    font-size: 32px;
    height: 20px;
    margin-top: -7px;
    width: 15px;
}

housekeeping-item [class^="icon-Stay-Over"]:before {
    margin-left: -0.3em;
}

housekeeping-item [class^="icon-Departure-Clean"] {
    display: block;
    font-size: 34px;
    height: 20px;
    margin-top: -10px;
    width: 16px;
}

housekeeping-item [class*="icon-Turndown"] {
    display: block;
    font-size: 13px;
    margin-top: 4px;
    width: 16px;
}

housekeeping-item [class^="icon-Departure-Clean"]:before {
    margin-left: -0.29em;
}


.housekeeping-item-right {
    border-radius: 32px;
    height: 64px;
    position: relative;
    width: 64px;
}

.housekeeping-dashboard-row-total {
    margin-left: 18px;
    margin-top: 17px;
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: var(--font-weight-bold, bold);
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #101010;
}

.housekeeping-dashboard-row {
    justify-content: space-between;
    padding: 0 9px;
}

.housekeeping-dashboard-row-separator {
    height: 1px;
    color: #d9d9d9;
    margin-top: 18px;
}

housekeeping-dashboard-item {
    flex: 1 1;
    margin: 0 9px;
}

.housekeeping-dashboard-item-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 63px;
    border-radius: 4px 4px 4px 4px;
    border-style:solid;
    border-bottom-width: 4px;
    font-weight: var(--font-weight-bold, bold);
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    vertical-align: middle;
}

.housekeeping-dashboard-item-count {
    align-self: center;
    font-size: 22px;
    letter-spacing: 0.58px;
    line-height: 30px;
    color: #101010;
}

.housekeeping-dashboard-item-label {
    align-self: center;
    font-size: 11px;
    letter-spacing: 0.5px;
}
housekeeping-bottom-modal {
    position: fixed;
    z-index: 10;
}

.bottom-modal-wrapper {
    left: 0;
    height: 100%;
    padding: 0 9px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 6;
}

.tablet-view .bottom-modal-wrapper {
    padding: 0 15%;
}

.bottom-modal-body {
    overflow: auto;
    max-height: calc(86% - 70px);
}

.bottom-modal-content {
    animation: 0.3s slide-up;
    background-color: #f5f6f7;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    bottom: 0;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.5) !important;
    position: relative;
    top: 100%;
    transform: translateY(-100%);
}

@keyframes slide-up {
    from {
        transform: translateY(0%);
    }

    to {
        top: translateY(-100%);
    }
}

.bottom-modal-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: white;
    display: flex;
    font-size: 20px;
    font-weight: var(--font-weight-bold, bold);
    justify-content: space-between;
    letter-spacing: -0.2px;
    line-height: 24px;
    padding: 19px;
}

.bottom-modal-header > :first-child {
    font-size: 60px;
    height: 23px;
    width: 30px;
}

.bottom-modal-header > :first-child::before {
    position: relative;
    left: -15px;
    top: -20px;
}

.bottom-modal-header > :last-child {
    font-size: 24px;
    font-weight: var(--font-weight-normal, normal);
}

.bottom-modal-header.green {
    background-color: #4ba769;
}

.bottom-modal-header.blue {
    background-color: #019bb3;
}

.bottom-modal-body {
    padding: 19px;
}

.bottom-modal-button {
    border-radius: 8px;
    color: white;
    font-size: 20px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: -0.1px;
    margin-bottom: 9px;
    padding: 20px 0;
    position: relative;
    width: 100%;
}

.bottom-modal-button .button-icon {
    width: 4rem;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    background-position: center;
}

.bottom-modal-button div:not(.button-icon):not(.reservation-detail) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    margin-left: 4rem;
}

.bottom-modal-button-cancel {
    color: black;
    background-color: #d8d8d8;
    text-align: center;
}

.clean-confirmation {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
}

housekeeping-items ion-item {
    max-height: 165px;
}

housekeeping-items housekeeping-items-manager ion-item {
    max-height: 205px;
}

housekeeping-item {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

housekeeping-item .room-attendant-name{
    width: 85px;
    height: 18px;
    font-size: 15px;
    font-weight: var(--font-weight-bold, bold);
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.18px;
    color: #2e2e2e;
    margin-top: 6px;
}

housekeeping-item .icon-Room-Attendant-Name{
    padding-right: 6px;
    font-size: 15px;
}

.full-length {
    min-width: 100%;
}

.half {
    min-width: 50%;
}

.a-third {
    min-width: 33.33333%;
}

.a-fourth {
    min-width: 25%;
}

.almost-a-third {
    min-width: 28%;
}

hskp-credits-header housekeeping-items-header .housekeeping-items-header {
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 15px;
    color: #505455;
}

room-attendant-list .bar .title {
    font-size: 20px;
}

room-attendant-list ion-content .item:not(.item-checkbox) {
    border-radius: 4px;
    border: solid 2px #d9d9d9;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 9px;
    height: 63px;
    padding-top: 14px;
}

room-attendant-list ion-content .item div {
    margin-left: 3px;
    font-size: 20px;
    font-weight: var(--font-weight-bold, bold);
    line-height: normal;
    letter-spacing: -0.21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

room-attendant-list ion-content .room-is-assign .item:not(.item-checkbox) {
    margin-top: 15px;
    border: none;
    padding: 0 0 3px;
    font-size: 18px;
    white-space: normal;
    height: auto;
}

housekeeping-item-details ion-view ion-content .reassign img:not(.reservation-info-img),
housekeeping-item-details ion-view ion-content .reassign .reassign-svg {
    position: relative;
    float: right;
    top: -50px;
    margin-right: 16px;
}

housekeeping-item-details ion-view ion-content .reassign .rush-button {
    z-index: 2;
}

housekeeping-item-details ion-view ion-content .reassign .rush-button.grayed {
    filter: saturate(0) brightness(1.7);
}

.hskp-staff-item {
    align-items: baseline;
    color: black;
    display: flex;
    font-size: 18px;
    height: 54px;
    letter-spacing: -0.19px;
}

.hskp-staff-item div:last-child {
    margin-left: 5px;
}

.hskp-staff-item:first-child {
    border-top: 0;
}

.hskp-no-staff {
    background-color: #F5F6F7;
}

.hskp-no-staff .hskp-no-staff-msg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #999;
    font-size: 18px;
}

.hskp-staff-item .status {
    flex-shrink: 0;
}

.hskp-staff-item .name {
    overflow: hidden;
    text-overflow: ellipsis;
}

.hskp-staff-item div.right-side {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-left: auto;
}

.hskp-staff-item.item {
    display: flex;
    align-items: center;
}

.hskp-staff-item div.pending-requests {
    color: #db7d00;
    font-size: 14px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: var(--font-weight-bold, bold);
    white-space: nowrap;
}
.hskp-staff-item div.work-time {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    color: #6A7072;
}

.hskp-staff-item div.work-time .type {
    font-size: 11px;
    font-weight: var(--font-weight-medium, 500);
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hskp-staff-item div.work-time .time {
    display: flex;
    align-items: center;
    gap: 5.5px;
    overflow: hidden;
}

.hskp-staff-item div.work-time .time span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hskp-staff-item div.work-time.longest .time {
    color: #DB7D00;
}

.hskp-staff-item .attendant-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rushed-room {
    background-color: #f7dddf;
}

.rush-icon-mobile {
    position: absolute;
    right: -12px;
    top: -12px;
}

.mob-field > .housekeeping-item-right {
    bottom: 18px;
    bottom: calc(18px + env(safe-area-inset-bottom));
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4) !important;
    margin-top: 0;
    position: fixed;
    right: 18px;
}

.notes-enabled .mob-field > .housekeeping-item-right {
    bottom: 63px;
    bottom: calc(63px + env(safe-area-inset-bottom));
}

.notes-enabled.has-notes .mob-field > .housekeeping-item-right {
    bottom: 81px;
    bottom: calc(81px + env(safe-area-inset-bottom));
}

.transition-button-space {
    height: 96px;
    width: 1px;
}

.hskp-task-request-rushed div.popup {
    border-radius: 20px !important;
}

.hskp-task-request-rushed div.popup-head {
    border-color: #ddd;
}

.hskp-task-request-rushed h3 {
    font-size: 20px;
}

.hskp-task-request-rushed h5 {
    font-size: 15px;
}

.hskp-task-request-rushed button {
    color: #387ef5 !important;
    font-size: 20px !important;
    border-color: transparent !important;
    background-color: transparent !important;
}

.confirm-rush div.popup {
    border-radius: 14px;
}

.confirm-rush div.popup-head {
    padding: 19px 10px;
}

.confirm-rush h3 {
    font-size: 17px;
}

.confirm-rush h5 {
    font-size: 13px;
}

.confirm-rush div.popup-buttons {
    min-height: unset;
    padding: 0 10px;
}

.confirm-rush .button {
    background-color: transparent !important;
    border: none !important;
    color: #387ef5 !important;
    margin: 0;
    padding: 10px 0;
}

.confirm-rush .button:first-child {
    padding-right: 10px;
}

.confirm-rush .button:last-child {
    border-left: 1px solid #eeeeee !important;
    font-weight: var(--font-weight-semibold, 600);
    padding-left: 10px;
}

housekeeping-top-filters {
    height: 53px !important;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

housekeeping-top-filters .fa-sort-desc {
    margin-left: 5px;
    position: relative;
    top: -3px;
}

housekeeping-top-filters .custom-filters-mob-header-dropdown {
    background-color: white;
    margin-left: 10%;
    margin-top: 35px;
    z-index: 1;
}

.housekeeping-search-icon {
    font-size: 35px;
    position: absolute;
    right: 7px;
    top: 10px;
}

.standalone .housekeeping-search-room {
    padding-top: .15rem;
}

.housekeeping-search-room {
    background-color: #f5f6f7;
    display: flex;
    height: 100%;
    padding: 0 17px;
}

.housekeeping-search-room input {
    background: transparent;
    font-size: 21px;
    font-weight: var(--font-weight-bold, bold);
    height: 100%;
    letter-spacing: -0.13px;
    line-height: initial !important;
    margin-right: 17px;
}

.housekeeping-search-room input::placeholder {
    color: rgba(80, 84, 85, 0.54);
    font-size: 19px;
    letter-spacing: -0.11px;
}

.housekeeping-search-room .ion-close {
    margin-right: -1em;
    padding: 1.175em 1em;
    height: 100%;
}

.standalone .housekeeping-search-room .ion-close {
    padding: 1.125em 1em;
}

.housekeeping-search-room .ion-close::before {
    color: #999999;
    font-size: 21px;
}

housekeeping-items i18n[key="message.noResults"] {
    color: black;
    display: block;
    font-size: 21px;
    letter-spacing: -0.13px;
    position: relative;
    text-align: center;
    top: 42px;
}

.alice-modal .item.action-item.action-item-guest-search {
    background-color: white;
    height: 45px;
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
}

.alice-modal .item.action-item.action-item-guest-search .col {
    background-color: white;
}

.alice-modal .item.action-item.action-item-guest-search .item-input-wrapper {
    background: white;
}

.alice-modal.full-ticket.standalone .has-header-smaller-5 {
    top: 97px;
    top: calc(97px + constant(safe-area-inset-top ));
    top: calc(97px + env(safe-area-inset-top ));
}

.alice-modal.full-ticket.standalone .with-offline-indicator .has-header-smaller-5 {
    top: 152px;
    top: calc(152px + constant(safe-area-inset-top ));
    top: calc(152px + env(safe-area-inset-top ));
}

.no-search-results {
    position: relative;
    height: 100%;
}

.no-search-results .label{
    font-size: 21px;
    font-weight: var(--font-weight-bold, bold);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
}

.guest-search-item {
    padding-left: 18px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 5px;
}

.guest-search-item .guest-search-item-row {
    width: 100%;
    display: flex;
}

.guest-search-item .guest-search-item-row.guest-search-item-row-1 {
    height: 24px;
    line-height: 24px;
}

.guest-search-item .guest-search-item-row.guest-search-item-row-2 {
    height: 19px;
    line-height: 19px;
}

.guest-search-item .guest-search-item-row .guest-search-item-col1 {
    flex: 1;
    margin-right: 8px;
    overflow: hidden;
}

guest-search .item .row {
    padding: 0;
}

.alice-modal guest-search .item:not(.item-checkbox) {
    padding: 0;
}

.guest-search-item-lastname {
    font-size: 20px;
    font-weight: var(--font-weight-bold, bold);
}

.guest-search-item-room {
    font-size: 16px;
    color: #505455;
    text-overflow: ellipsis;
}

.guest-search-item-date {
    font-size: 14px;
    color: #999999;
}

guest-search-item {
    width: 100%;
}

.guest-search-item .guest-search-item-row .guest-search-item-col1.guest-search-item-name {
    display: flex;
}

.guest-search-item .guest-search-item-row .guest-search-item-col1.guest-search-item-name .guest-search-item-lastname {
    overflow: hidden;
    text-overflow: ellipsis;
}

.guest-search-item .vip-status {
    margin-left: 8px;
    font-size: 18px;
    color: #db7d00;
    font-weight: var(--font-weight-bold, bold);
}

.no-padding {
    padding: 0;
}

.white-on-lightgreen {
    background-color: #8fbf67;
    color: #ffffff;
}

.mob-bottom-button, .mob-bottom-button * {
    width: 100%;
    font-size: 22px;
    font-weight: var(--font-weight-bold, bold);
    border: none;
}

.date-picker-2-cols {
    width: 49%;
    display: inline-block;
}

housekeeping-item .unassigned {
    color: #dd5652;
}

checklist-field .mob-field .checklist-fields {
    position: absolute;
    bottom: 0px;
    display: flex;
    width: calc(100% - 36px);
    border-bottom: 1px solid #d9d9d9;
}

checklist-field .mob-field .checklist-fields input {
    flex: 1;
}

checklist-field .mob-field .checklist-fields i {
    position: static;
    line-height: 36px;
}

checklist-field .mob-field .checklist-fields input {
    position: static !important;
    padding-top: 0px !important;
    padding-left: 9px !important;
    padding-right: 0px !important;
    height: 36px !important;
    text-overflow: ellipsis;
    border-bottom: 0 !important;
}

checklist-field .mob-field .checklist-fields .right-side-controls {
    position: static !important;
}

.offline-indicator {
    color: white;
    background-color: black;
    width: 100%;
    text-align: center;
    font-weight: var(--font-weight-bold, bold);
    padding-top: 6px;
}

.offline-indicator .icon-no-connection {
    margin-right: 6px;
    font-size: 22px;
}

.offline-indicator .offline-message {
    line-height: 22px;
    display: flex;
    justify-content: center;
}

.offline-indicator .last-update {
    color: darkgray;
    font-weight: var(--font-weight-normal, normal);
}

.loading-indicator {
    width: 98px;
    height: 36px;
    opacity: 0.75;
    border-radius: 18px;
    background-color: #505455;
    color: #ffffff;
    font-size: 15px;
    line-height: 36px;
    font-weight: var(--font-weight-bold, bold);
    text-align: center;
    position: absolute;
    bottom: 57px;
    bottom: calc(57px + constant(safe-area-inset-bottom));
    bottom: calc(57px + env(safe-area-inset-bottom));
    left: 50%;
    margin-left: -49px;
    z-index: 1000;
}

.offline-indicator-wrapper {
    height: 55px;
    padding: 0;
    border-top: none;
    background-color: black;
}

.related-tickets-title {
    color: #999;
    font-size: 12px;
    letter-spacing: 0.71px;
    margin: 15px 0 9px 0;
    text-transform: uppercase;
}

.related-ticket-list .related-ticket {
    width: 100%;
    background: transparent;
    border: 0 none;
    margin: -0.5625rem -0.5625rem 0 -0.5625rem;
    padding: 0 !important;
}

related-ticket:after, .new-ticket-btn-wrapper:after, associated-ticket:after {
    content: "";
    display: table;
    clear: both;
}

associated-ticket .wrapper, related-ticket .wrapper, .new-ticket-btn-wrapper {
    align-items: center;
    border: solid 1px #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.26) !important; /* override existing !important */
    display: flex;
    justify-content: space-between;
    max-height: 80px;
    margin: 9px;
    min-height: 63px;
    overflow: hidden;
    position: relative;

    background-color: #FFF;

    -webkit-transition: background-color 800ms linear !important;
    -moz-transition: background-color 800ms linear !important;
    -o-transition: background-color 800ms linear !important;
    -ms-transition: background-color 800ms linear !important;
    transition: background-color 800ms linear !important;
}

.new-ticket-btn-wrapper button > span {
    text-transform: capitalize;
}

related-ticket .wrapper.highlight {
    background-color: #e6fcff;
}

associated-ticket .workflow-color, related-ticket .workflow-color {
    height: 80px;
    position: absolute;
    width: 5px;
}

associated-ticket .wrapper > *, related-ticket .wrapper > * {
    flex-shrink: 0;
}

associated-ticket .main-content, related-ticket .main-content {
    flex-grow: 1;
    flex-shrink: 1;
    margin: 9px 0px 9px 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-content .hskp-mobile-blocking-ticket {
    margin-top: 3px;
}

associated-ticket .workflow-name, related-ticket .workflow-name {
    border-radius: 4px;
    letter-spacing: -0.08px;
    font-size: 13px;
    font-weight: var(--font-weight-bold, bold);
    margin: 0 11px;
    text-align: center;
    text-transform: uppercase;
    width: 67px;
}

associated-ticket .title, related-ticket .title {
    font-size: 18px;
    font-weight: var(--font-weight-bold, bold);
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
}

associated-ticket .description, related-ticket .description {
    color: #666666;
    font-size: 14px;
    line-height: 1.14;
    max-height: 33px;
    min-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
}
associated-ticket .description.past {
    color: #dd5652;
}

.new-ticket-btn-wrapper {
    width: 100%;
    padding-top: 0;
    background: transparent !important;
    box-shadow: none !important;
    border: none;
    max-height: initial;
    min-height: initial;
    margin-left: 0;
}

.related-tickets-no-permission {
    align-items: center;
    border-radius: 4px;
    border: solid 1px #d9d9d9;
    display: flex;
    min-height: 54px;
    padding: 0 10px;
    margin-top: 9px;
}

.related-tickets-no-permission .fa-exclamation-circle {
    color: #999999;
    flex: 0 0 auto;
    font-size: 20px;
    margin-right: 8px;
}

.related-tickets-no-permission :not(.fa-exclamation-circle) {
    color: #666666;
    font-size: 15px;
    line-height: 1.2;
}

.related-tickets-title + ion-list .list {
    padding: 0;
}

.row .button.rounded {
    margin-right: -5px;
}

.button.rounded, .rounded.extra-item {
    border-radius: 1.40625rem;
    font-size: 1.0625rem;
    height: 2.8125rem;
    max-width: 98%;
    padding: 0 1.025rem;
}

.button.rounded.blue {
    border: solid 1px #019bb3;
    background-color: #e6fcff;
}

.button.rounded.blue {
    font-weight: var(--font-weight-bold, bold);
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.005625rem;
    color: #019bb3;
}

.rounded.extra-item {
    align-items: center;
    background: #FFFFFF;
    border: solid 1px #d9d9d9;
    border-radius: 30px;
    color: #000000;
    display: flex;
    filter: drop-shadow(0 1px 2px #bfbfbf);
    flex-wrap: nowrap;
    font-weight: var(--font-weight-bold, bold);
    margin: 9px 4px;
}

.rounded.extra-item .item-name {
    text-overflow: ellipsis;
    overflow: hidden;
}

.rounded.extra-item .cancel-item {
    color: #505455;
    font-size: 27px;
    margin-right: -6px;
    padding-left: 6px;
}

.section-selector {
    background-color: #f5f6f7;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important;
    color: #999999;
    display: flex;
    font-size: 16px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: 0.5px;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.section-selector > * {
    flex: 1 1;
    margin: 0 5%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
}

.section-selector .active {
    border-bottom: 3px solid #019bb3;
    color: #019bb3;
}

.section-selector .icomoon {
    font-size: 24px;
    vertical-align: sub;
}

housekeeping-dashboard .edit-sections {
    background-color: #f5f6f7;
    border-top: 1px solid #d8d8d8;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important;
    color: #999999;
    display: flex;
    font-size: 18px;
    justify-content: space-between;
    line-height: 54px;
    padding: 0 18px;
}

housekeeping-dashboard .edit-sections-btn {
    color: #019bb3;
    font-size: 16px;
    font-weight: var(--font-weight-bold, bold);
}

housekeeping-sections ion-header-bar.bar {
    position: relative;
}

housekeeping-sections ion-item.item {
    align-items: center;
    display: flex;
    min-height: 63px;
    margin-top: -2px;
    padding: 0 18px;
}

housekeeping-sections ion-item.item.header {
    height: 72px;
}

housekeeping-sections .section-check {
    border: 1px solid #019bb3;
    border-radius: 15px;
    flex: 0 0 auto;
    height: 30px;
    margin-right: 18px;
    position: relative;
    width: 30px;
}

housekeeping-sections .section-check.selected {
    background-color: #019bb3;
}

housekeeping-sections .section-check.selected::after {
    /* copy from ion one */
    transition: opacity 0.05s ease-in-out;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 33%;
    left: 25%;
    display: table;
    width: 14px;
    height: 6px;
    border: 1px solid #fff;
    border-top: 0;
    border-right: 0;
    content: ' ';
}

housekeeping-sections .section-check.indeterminate {
    background-color: #64666c;
    border-color: #64666c;
}

housekeeping-sections .section-check.indeterminate::after {
    transition: opacity 0.05s ease-in-out;
    position: absolute;
    top: 33%;
    left: 25%;
    display: table;
    width: 14px;
    height: 6px;
    border-bottom: 1px solid #fff;
    content: ' ';
}

housekeeping-sections .floor-name, housekeeping-sections ion-item.item.header {
    color: #505455;
    font-size: 20px;
    font-weight: var(--font-weight-bold, bold);
}

housekeeping-sections ion-item.item.header .subheader {
    color: #6d7278;
    font-size: 15px;
    font-weight: var(--font-weight-normal, normal);
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

housekeeping-sections .subheader > b:not(:first-child) {
    margin-left: 9px;
}

housekeeping-sections .total-selection {
    flex: 1 1 auto;
    overflow: hidden;
}

housekeeping-sections .floor-name {
    flex: 1 1 auto;
    line-height: 21px;
    max-height: 84px;
    margin: 18px 0;
    overflow: hidden;
    white-space: initial;
}

housekeeping-sections .floor-name > :first-child {
    margin-right: 18px;
}

housekeeping-sections .checkouts {
    color: #6d7278;
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: var(--font-weight-normal, normal);
    white-space: nowrap;
}

housekeeping-sections .footer {
    align-items: center;
    background-color: #f5f6f7;
    border: 1px solid #d9d9d9;
    bottom: 0;
    color: #505455;
    display: flex;
    font-size: 22px;
    font-weight: var(--font-weight-bold, bold);
    height: 54px;
    justify-content: center;
    letter-spacing: -0.16px;
    position: fixed;
    width: 100%;
}

housekeeping-sections ion-content.scroll-content {
    margin-bottom: 54px;
    margin-top: 69px;
}

housekeeping-sections ion-content.scroll-content.with-offline {
    margin-top: 124px; /* Add 55px for the offline indicator. */
}

housekeeping-dashboard .edit-sections {
    background-color: #f5f6f7;
    border-top: 1px solid #d8d8d8;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important;
    color: #999999;
    display: flex;
    font-size: 18px;
    justify-content: space-between;
    line-height: 54px;
    padding: 0 18px;
}

housekeeping-dashboard .edit-sections-btn {
    color: #019bb3;
    font-size: 16px;
    font-weight: var(--font-weight-bold, bold);
}

housekeeping-dashboard .floors-count {
    color: #6d7278;
    font-weight: var(--font-weight-bold, bold);
}

.ion-content-offline-header-offset {
    margin-top: 55px;
}

offline-indicator.item-details-offline {
    top: 53px;
    top: calc(53px + constant(safe-area-inset-top)) !important;
    position: absolute;
    left: 0;
    right: 0;
}

.bar.relative {
    position: relative;
}

.checklist-score-header {
    background-color: #f5f6f7;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25) !important;
    color: #6d7278;
    font-size: 18px;
    font-weight: var(--font-weight-bold, bold);
    height: 54px;
    line-height: 54px;
    padding-left: 18px;
    width: 100%;
}

.bar.fixed {
    bottom: 0;
    position: fixed;
}

.mob-field .round-mob-action {
    width: 37px;
    height: 37px;
    border-radius: 26px;
    border: solid 1px #019bb3;
    background-color: #e6fcff;
    position: absolute;
    right: 18px;
    bottom: 9px;
    display: flex;
    justify-content: center;
}

.mob-field .round-mob-action .mob-action-icon {
    color: #019bb3;
    line-height: 35px;
    font-size: 27px;
    position: relative;
    bottom: 1px;
    right: -1px;
}

.reservation-info-container {
    max-width: calc(100% - 35px);
}

.reservation-info {
    background-color: #f5f6f7;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    margin-top: 18px;
    padding: 21px 0;
}

.reservation-info > .mob-field:first-child {
    display: flex;
    min-height: 0;
}

.reservation-info-status-guest-count {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.reservation-info-status {
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 16px;
    letter-spacing: -0.2px;
}

.reservation-info-guest-count {
    display: flex;
    font-size: 20px;
    max-height: 20px;
}

.b-10 {
    position: relative;
    bottom: 10px;
}

.reservation-info-guest-count .icon-Amount-of-People {
    max-width: 25px;
}

.reservation-info-guest-count .icon-Amount-of-People:before {
    left: -11px;
    font-size: 50px;
    position: relative;
    top: -13px;
}

.reservation-info-name-vip {
    display: flex;
    font-size: 20px;
    font-weight: var(--font-weight-bold, bold);
    line-height: 1.35;
    white-space: nowrap;
}

.reservation-info-name {
    color: #000000;
}

.reservation-info-vip {
    color: #db7d00;
}

.reservation-info-name, .reservation-info-vip:first-child {
    text-overflow: ellipsis;
}

.reservation-info-name ~ .reservation-info-vip {
    margin-left: 1ch;
    flex-shrink: 0;
}

.reservation-info-name ~ .reservation-info-shared {
    margin-left: 4px;
    letter-spacing: -0.2px;
}

.reservation-info-name, .reservation-info-vip {
    overflow: hidden;
}

.reservation-info-img-container {
    margin-left: -10px;
    max-width: 50px;
    position: relative;
    top: 7px;
}

.reservation-info-img-container, .reservation-info-img-container + .col {
    padding: 0;
}

.reservation-info-separator {
    min-height: 0;
    width: 100%;
    padding: 0 18px;
}

.details-modal-button {
    padding: 0 !important;
    margin: 0 0 0 auto !important;
    height: auto !important;
    min-width: auto;
    min-height: auto;
}

.reservation-info-separator hr {
    border-top: 1px solid #d9d9d9;
    margin-bottom: 0;
    margin-top: 8px;
}

.special-items {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

.reservation-notes .mob-field {
 padding: 0 5px !important;
}

.reservation-info-wrapper {
    padding: 12px 5px 0;
}

.reservation-info-wrapper .preferences {
    display: block;
    margin-bottom: 9px;
    color: #000;
    font-size: 13px;
    font-weight: var(--font-weight-normal, 400);
}

.reservation-info-specials {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.reservation-info-special {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #ffffff;
    border: solid 1px #999999;
    border-radius: 18px;
    color: black;
    flex: 0 0 auto;
    font-size: 18px;
    font-weight: var(--font-weight-bold, bold);
    line-height: 36px;
    padding: 0 12px;
}

.reservation-info.multiple-reservation-info {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-top: 0;
    padding: 21px 7px;
}

.reservation-info.multiple-reservation-info.grayed-out {
    margin-top: 9px;
    background-color: #f5f6f7;
    color: #999999;
}

.reservation-info.multiple-reservation-info.grayed-out .etd-time {
    opacity: 0.5;
}

.reservation-info.multiple-reservation-info.grayed-out .reservation-info-name,
.reservation-info.multiple-reservation-info.grayed-out .reservation-info-vip,
.reservation-info.multiple-reservation-info.grayed-out .reservation-info-status {
    color: #999999;
}

.reservation-info.multiple-reservation-info.grayed-out .reservation-info-special {
    color: #999999;
    background-color: #f5f6f7;
}

.reservation-info.multiple-reservation-info.grayed-out .reservation-info-img {
    opacity: 50%;
}

.reservation-info.multiple-reservation-info .reservation-info-separator {
    padding: 0 5px;
}

inventory-item-details .pm-history {
    background-color: #f6f4f5;
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5) !important;
}

.pm-history .related-tickets-title {
    margin-top: 0;
    padding-top: 15px;
}

associated-ticket .wrapper.no-margin {
    margin-left: 0;
    margin-right: 0;
}

inventory-item-details .full-list {
    height: 53px;
    line-height: 53px;
    font-size: 19px;
    color: #505455;
    border-top: #d8d8d8 1px solid;
    margin-left: -18px;
    margin-right: -18px;
    padding-left: 18px;
    padding-right: 18px;
}

inventory-item-details .full-list .ion-chevron-right {
    float: right;
    font-size: 21px;
    margin-top: 16px;
}

.pm-history.mob-field {
    margin-top: -4px !important;
}

inventory-item-details .related-ticket-list .list {
    margin-bottom: 9px;
}

.file-field {
    font-size: 18px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 9px;
}

.file-field a {
    color: #019bb3;
    font-weight: var(--font-weight-bold, bold);
}

.file-field a i {
    font-size: 20px;
    color: #505455;
    margin-right: 9px;
}

.file-field .file {
    margin-top: 9px;
}

.new-ticket-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #999999;
    font-weight: var(--font-weight-bold, bold);
}

.new-ticket-loader .new-ticket-loader-text {
    font-size: 24px;
}

.new-ticket-loader .new-ticket-loader-spinner {
    font-size: 37px;
    margin-top: 10px;
    text-align: center;
}

.housekeeping-item-tablet {
    align-items: center;
    display: flex;
    height: 80px;
    width: 100%;
}

.housekeeping-item-tablet > * {
    overflow: hidden;
    white-space: nowrap;
}

.room-number-tablet {
    font-size: 32px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: -0.19px;
    line-height: 1.5;
    text-overflow: ellipsis;
    width: 18%;
}

.reservation-status-tablet {
    text-align: right;
    width: 6%;
}

.reservation-name-tablet {
    font-size: 15px;
    line-height: 1.5;
    margin-right: 15px;
    width: 24%;
}

.reservation-name-tablet.with-eta-etd {
    width: 26%;
}

.reservation-name-tablet-content {
    display: flex;
}

.reservation-name-tablet-content > span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.housekeeping-item-icons-ra-tablet {
    margin-right: auto;
    width: 30%;
}

.housekeeping-item-icons-ra-tablet .room-info-icons {
    height: 18px;
}

.housekeeping-item-status-tablet {
    border-radius: 22px;
    height: 44px;
    width: 44px;
}

.housekeeping-item-status-tablet .rush-icon-mobile {
    right: 5px;
    top: 5px;
    width: 25px;
}

housekeeping-item .connecting-rooms-icon-mobile {
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 2px;
    right: 5px;

    background: #FFFFCC;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 134px;

    text-align: center;
}

.housekeeping-item-right .connecting-rooms-icon-mobile {
    width: 39px;
    height: 39px;
    bottom: -11px;
    right: -11px;
}

.housekeeping-item-right .icon-Connecting-Rooms:before {
    font-size: 37px;
}

housekeeping-item .icon-Connecting-Rooms:before {
    position: relative;
    top: 1px;
    font-size: 23px;
}

housekeeping-item-details .mob-field .icon-Connecting-Rooms {
    font-size: 31px;
    top: 44px;
    left: 13px;
}

housekeeping-item-details .location-items ion-item {
    display: inline-block;
    max-width: 100%;
}

.item.is-tablet-view {
    padding-bottom: 0;
    padding-top: 0;
}

@media only screen and (min-device-width: 525px) and (max-device-width: 768px) {

    ._pendo-nps-poll-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        padding: 5px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 425px;
        margin: auto;
    }

    .pendo-radio {
        margin-top: 10px;
        margin-right: 0px;
    }

    ._pendo-nps-poll-6 {
        margin-left: 30px;
    }

}

/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width: 300px) and (max-device-width: 524px) {
    ._pendo-nps-poll-lowerbound-label {
        margin: 0px 0px 0px 0px !important;
        width: 100% !important;
        text-align: center !important;
    }

    ._pendo-nps-poll-upperbound-label {
        margin: 10px 0px 10px 0px !important;
        width: 100% !important;
        text-align: center !important;
    }

    ._pendo-open-text-poll-input {
        width: 100% !important;
    }

    ._pendo-nps-poll-wrapper {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -moz-flex !important;
        display: -webkit-flex !important;
        display: flex !important;
        justify-content: center !important;
        padding: 5px !important;
        width: 250px !important;
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        margin: auto !important;
    }

    .pendo-radio {
        margin-top: 10px !important;
        border-radius: 25px !important;
        height: 50px !important;
        width: 50px !important;
        line-height: 50px !important;
    }

    ._pendo-nps-poll-0 {
        margin-left: -10px !important;
    }
}

.reorder-mode-button {
    position: absolute;
    display: block;
    right: 19px;
    top: 14px;
    font-size: 24px;
    min-width: 25px;
    height: 25px;
}

.reorder-mode-button.icon-read-message {
    color: #66cc99;
}

.reorder-mode-button.icon-Reorder-Cancel {
    color: #dd5652;
    font-size: 48px;
    left: 5px;
    right: unset;
    z-index: 1;
    top: 1px;
}

.reorder-mode-button.reorder-mode-disabled {
    opacity: 40%;
}

.icon-Reorder-Rooms---Autopilot-On {
    color: #91DCE5;
}

.housekeeping-collapsed-headers {
    position: relative;
}

.reorder {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 0 17px;
    position: absolute;
    right: 0;
    top: 0;
    width: 154px;
    z-index: 2;
}

.reorder::before {
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, white 60%);
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    width: 100vw;
}

.reorder .arrow {
    width: 50px;
    height: 50px;
    border: 1px solid #019bb3;
    background-color: #e6fcff;
    color: #019bb3;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 2px 12px #eaeaea);
    font-size: 15px;
}

.is-tablet-view .reorder {
    width: 142px;
}

.is-tablet-view .reorder::before {
    max-width: 340px;
}

.is-tablet-view .reorder .arrow {
    width: 44px;
    height: 44px;
}

.reorder .arrow.active-arrow {
    transform: scale(0.95);
    background-color: #dcf5f7;
}

.reorder .arrow.arrow-up {
    transform: rotate(180deg);
}

.reorder .arrow[disabled] {
    background-color: #fbfbfb;
    border: 1px solid #d9d9d9;
    color: #d9d9d9;
}

.index-label {
    background-color: white;
    border: solid 1px #979797;
    border-radius: 20px;
    display: none;
    font-size: 15px;
    left: 50%;
    padding: 0 10px 2px 11px;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    z-index: 4;
}

.reorder-border {
    z-index: 3;
}

.reorder-border ion-item {
    border-color: #019bb3;
    border-style: solid;
    border-width: 2px 3px;
}

.reorder-border .index-label {
    display: block;
}

.reorder-shadow {
    filter: drop-shadow(0 3px 20px #ccc);
}

.reorder-alert .popup-head {
    border-bottom: none;
}

.reorder-alert .popup-title {
    font-size: 15px;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: -0.1px;
    max-width: 215px;
}

.reorder-alert .popup-sub-title {
    font-size: 13px;
    letter-spacing: -0.1px;
    margin-top: 19px;
}

.reorder-alert .button-positive {
    font-size: 13px;
    letter-spacing: -0.1px;
}

.reorder-alert .popup-buttons {
    margin: auto;
    width: 120px;
}

.external-system-alert .popup-head {
    margin-top: 24px;
}
.external-system-alert .popup-sub-title {
    font-size: 13px;
    font-weight: var(--font-weight-normal, 400);
    line-height: 14.95px;
}

.external-system-alert .popup-buttons {
    justify-content: center;
    margin-bottom: 9px;
}

.external-system-alert .button.button-positive {
    flex: 0 0 auto;
}

.room-type-room-list {
    font-family: Helvetica Neue, Arial, Sans-Serif;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #999999;
    text-transform: uppercase;
    text-overflow: ellipsis;
}

.room-type-room-list .credits-count {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 17px;
    padding: 1px 7px;
    margin-top: 2px;
    font-size: 13px;
    border-radius: 100px;
    border: 1px solid #999;
}

.room-type-left {
    margin-top: 11px;
    width: calc(19%);
    overflow: hidden;
}

.room-type-tablet {
    width: calc(8%);
}

.room-type-details {
    align-items: center;
    background-color: #f5f6f7;
    border-bottom: solid 1px #d9d9d9;
    color: #505455;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    height: 36px;
    justify-content: center;
    left: 0;
    line-height: 36px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 53px;
    width: 100%;
}

lunch-break-track {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 49px;
    left: 0;
    right: 0;
    z-index: 9;
}
lunch-break-track .lunch-break-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 18px;
    background: #EDFDFF;
    border-top: 1px solid #D9D9D9;
}
.lunch-break-wrapper .end-break-btn {
    display: flex;
    align-items: center;
    padding: 0 24px;
    gap: 10px;
    border-radius: 100px;
    background: #019BB3;
    color: #fff;
}
.lunch-break-wrapper .counter-wrapper {
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    line-height: 1.5;
}
.lunch-break-wrapper .counter-wrapper .counter {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #000;
    font-size: 17px;
    font-weight: var(--font-weight-bold, 700);
}
.end-breaktime-confirm .popup, .alert-popup .popup {
    border-radius: 14px;
}
.alert-popup .popup .popup-head {
    border-bottom: 0;
}
.end-breaktime-confirm .popup-buttons, .alert-popup .popup-buttons {
    padding: 10px 0 0;
}
.end-breaktime-confirm .popup-buttons .button.active, .button.activated {
    border-color: transparent;
}
.end-breaktime-confirm .popup-buttons .button, .alert-popup .popup-buttons .button {
    background: transparent;
    color: #007AFF;
    margin-right: 0;
    border-top: 0.5px solid rgba(0, 0, 0, 0.24);
    border-radius: 0;
}
.end-breaktime-confirm .popup-buttons .button:first-of-type {
    border-right: 0.5px solid rgba(0, 0, 0, 0.24);
}
.hskp-ticket-view lunch-break-track {
    display: none;
}
.ion-clock:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cg clip-path='url(%23clip0_983_17741)'%3E%3Cpath d='M9.49212 1.5835C5.12212 1.5835 1.58337 5.13016 1.58337 9.50016C1.58337 13.8702 5.12212 17.4168 9.49212 17.4168C13.87 17.4168 17.4167 13.8702 17.4167 9.50016C17.4167 5.13016 13.87 1.5835 9.49212 1.5835ZM9.50004 15.8335C6.00087 15.8335 3.16671 12.9993 3.16671 9.50016C3.16671 6.001 6.00087 3.16683 9.50004 3.16683C12.9992 3.16683 15.8334 6.001 15.8334 9.50016C15.8334 12.9993 12.9992 15.8335 9.50004 15.8335ZM9.89587 5.54183H8.70837V10.2918L12.8646 12.7856L13.4584 11.8118L9.89587 9.69808V5.54183Z' fill='%236A7072'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_983_17741'%3E%3Crect width='19' height='19' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.ion-mug-cafe:before {
    content: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='local_cafe_FILL0_wght500_GRAD0_opsz48 (1) 1' clip-path='url(%23clip0_983_17736)'%3E%3Cpath id='Vector' d='M2.53333 16.9666V15.5523H17.2008V16.9666H2.53333ZM6.03677 13.966C5.05955 13.966 4.23133 13.655 3.55212 13.0331C2.87292 12.4113 2.53333 11.6511 2.53333 10.7528V1.7666H17.4678C17.8891 1.7666 18.2498 1.90556 18.5499 2.18347C18.85 2.46139 19 2.79388 19 3.18097V6.50248C19 6.89135 18.85 7.22429 18.5499 7.5013C18.2498 7.77833 17.8891 7.91684 17.4678 7.91684H15.3841V10.7528C15.3841 11.6511 15.0432 12.4113 14.3614 13.0331C13.6795 13.655 12.8508 13.966 11.8752 13.966H6.03677ZM6.04215 12.5466H11.8694C12.3917 12.5466 12.8527 12.3632 13.2523 11.9962C13.652 11.6292 13.8518 11.2131 13.8518 10.7478V3.18593H4.06553V10.7478C4.06553 11.2131 4.26775 11.6292 4.67218 11.9962C5.07662 12.3632 5.53327 12.5466 6.04215 12.5466ZM15.3841 6.50248H17.4624V3.18097H15.3841V6.50248ZM6.04215 12.5466H4.06553H13.8518H6.04215Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_983_17736'%3E%3Crect width='19' height='19' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.ion-mug-cafe-grey:before {
    content: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='local_cafe_FILL0_wght500_GRAD0_opsz48 (1) 1' clip-path='url(%23clip0_983_17736)'%3E%3Cpath id='Vector' d='M2.53333 16.9666V15.5523H17.2008V16.9666H2.53333ZM6.03677 13.966C5.05955 13.966 4.23133 13.655 3.55212 13.0331C2.87292 12.4113 2.53333 11.6511 2.53333 10.7528V1.7666H17.4678C17.8891 1.7666 18.2498 1.90556 18.5499 2.18347C18.85 2.46139 19 2.79388 19 3.18097V6.50248C19 6.89135 18.85 7.22429 18.5499 7.5013C18.2498 7.77833 17.8891 7.91684 17.4678 7.91684H15.3841V10.7528C15.3841 11.6511 15.0432 12.4113 14.3614 13.0331C13.6795 13.655 12.8508 13.966 11.8752 13.966H6.03677ZM6.04215 12.5466H11.8694C12.3917 12.5466 12.8527 12.3632 13.2523 11.9962C13.652 11.6292 13.8518 11.2131 13.8518 10.7478V3.18593H4.06553V10.7478C4.06553 11.2131 4.26775 11.6292 4.67218 11.9962C5.07662 12.3632 5.53327 12.5466 6.04215 12.5466ZM15.3841 6.50248H17.4624V3.18097H15.3841V6.50248ZM6.04215 12.5466H4.06553H13.8518H6.04215Z' fill='%236A7072'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_983_17736'%3E%3Crect width='19' height='19' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.ion-schedule-grey:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cg clip-path='url(%23clip0_983_21123)'%3E%3Cpath d='M9.49212 1.58331C5.12212 1.58331 1.58337 5.12998 1.58337 9.49998C1.58337 13.87 5.12212 17.4166 9.49212 17.4166C13.87 17.4166 17.4167 13.87 17.4167 9.49998C17.4167 5.12998 13.87 1.58331 9.49212 1.58331ZM9.50004 15.8333C6.00087 15.8333 3.16671 12.9991 3.16671 9.49998C3.16671 6.00081 6.00087 3.16665 9.50004 3.16665C12.9992 3.16665 15.8334 6.00081 15.8334 9.49998C15.8334 12.9991 12.9992 15.8333 9.50004 15.8333ZM9.89587 5.54165H8.70837V10.2916L12.8646 12.7854L13.4584 11.8116L9.89587 9.6979V5.54165Z' fill='%236A7072'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_983_21123'%3E%3Crect width='19' height='19' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.ion-mug-cafe-fill:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='local_cafe_FILL1_wght400_GRAD0_opsz24 1'%3E%3Cpath id='Vector' d='M2.66667 14V12.6667H13.3333V14H2.66667ZM5.33334 11.3333C4.60001 11.3333 3.97223 11.0722 3.45001 10.55C2.92778 10.0278 2.66667 9.4 2.66667 8.66667V2H13.3333C13.7 2 14.0139 2.13056 14.275 2.39167C14.5361 2.65278 14.6667 2.96667 14.6667 3.33333V5.33333C14.6667 5.7 14.5361 6.01389 14.275 6.275C14.0139 6.53611 13.7 6.66667 13.3333 6.66667H12V8.66667C12 9.4 11.7389 10.0278 11.2167 10.55C10.6945 11.0722 10.0667 11.3333 9.33334 11.3333H5.33334ZM12 5.33333H13.3333V3.33333H12V5.33333Z' fill='%23444444'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.room-type-details.has-room-type.has-credits {
    height: 71px;
}

.room-type-details .room-type-text {
    height: 32px;
    line-height: 32px;
}

.room-type-details.has-room-type.has-credits .room-type-text {
    margin-top: -6px;
}

.credit-count-wrapper {
    align-items: center;
    border-radius: 100px;
    border: 1px solid #999;
    display: inline-flex;
    flex-shrink: 0;
    gap: 8px;
    height: 24px;
    justify-content: center;
    padding-left: 1em;
    padding-right: 1em;
}

.credit-count-wrapper span {
    margin-right: .1rem;
    line-height: 1rem;
}

.credit-count-wrapper span.description {
    color: #999;
    font-size: 12px;
    font-weight: var(--font-weight-medium, 500);
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.credit-count-wrapper div.credits span {
    color: #505455;
    font-size: 13px;
    font-weight: var(--font-weight-bold, 700);
    line-height: 1.2rem;
}

.credit-count-wrapper div.credits .strikethrough {
    text-decoration: line-through;
}

.credit-count-wrapper span.chevron {
    margin-right: 0;
}

.credit-count-wrapper span.chevron i {
    color: #999999;
    font-size: .75rem;
    line-height: 1rem;
}

.room-type-details.offline-visible {
    top: 108px;
}

div.modal-wrapper > ion-view > ion-content.scroll-content.ionic-scroll.scroll-content-false {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.session-timeout-main-view {
    background-color: transparent;
}

.session-timeout-dialog {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
}

.session-timeout-dialog-background-main {
    background-color: rgba(255, 255, 255, 0.9);
}

.session-timeout-dialog-background-shaded {
    background-color: rgba(100, 100, 100, 0.95);
}

.session-timeout-logo {
    margin-top: 155px;
    margin-left: 25%;
    width: 180px;
    height: 126px;
    overflow: hidden;
}

.session-timeout-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.session-timeout-message {
    top: 15%;
    left: 5%;
    font-size: 21px;
    text-align: center;
    padding: 5%;
}

.session-timeout-learn-more-link {
    font-size: 15px;
    margin-top: 25px;
}

.session-timeout-learn-more-link a {
    color: #101010;
}

.session-timeout-learn-more {
    background: #FFFFFF;
    box-shadow: 0 4px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    position: absolute;
    left: 5%;
    top: 20%;
    bottom: 15%;
    width: 90%;
    height: 50%;
    font-size: 17px;
    font-weight: var(--font-weight-normal, 400);
    padding-top: 15%;
}

.session-timeout-learn-more-block {
    margin-top: 10%;
    margin-left: 15%;
    margin-right: 10%;
}

.close-learn-more {
    font-size: 24px;
    font-weight: var(--font-weight-bold, bold);
    top: 5%;
    right: 5%;
    position: absolute;
    padding-bottom: 10px;
}

.close-learn-more:before {
    content: "\2715";
}

.session-timeout-to-login-page-btn {
    background: #019BB3;
    border-radius: 5px;
    width: 330px;
    height: 48px;
    position: absolute;
    top: 60%;
    left: 6%;
    font-style: normal;
    font-weight: var(--font-weight-normal, normal);
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    padding-top: 14px;
    padding-left: 92px;
}

.session-timeout-notifications-will-stop {
    display: flex;
    margin-top: 35%;
    padding-left: 70px;
    padding-right: 70px;
    text-align: center;
}

.session-timeout-info-icon {
    max-height: 16px;
    max-width: 16px;
    margin: 0 6px 0 0;
}

.shifted-item .housekeeping-item-left {
    width: calc(100% - 65px);
}

.shifted-item .housekeeping-item-left .reservation-status {
    margin: 0 3px 0 0;
}

.hskp-ticket-view .staff-notes {
    padding-left: 20px;
    padding-right: 20px;
}

.hskp-ticket-view .staff-notes .icon-saff-note {
    font-size: 16px;
}

.hskp-ticket-view.is-ios .staff-notes .icon-saff-note {
    font-size: 1.095rem;
}

.hskp-ticket-view .staff-notes .internal-notes-icon {
    height: initial;
    width: initial;
    float: left;
    margin-right: 0.5rem;
    margin-top: 0.1rem;
}

.hskp-ticket-view.is-ios .staff-notes .internal-notes-icon {
    margin-top: 0.085rem;
}

.hskp-ticket-view .staff-notes .notes-header {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 16px;
    text-transform: uppercase;
}

.hskp-ticket-view.is-ios  .staff-notes .notes-header {
   font-size: 0.875rem;
}

.hskp-ticket-view .staff-notes .notes-middle {
    margin-left: 0;
}

.hskp-ticket-view .staff-notes .notes-header i18n {
    display: inline-block;
    float: left;
    margin-top: 3px;
}

.hskp-ticket-view .staff-notes .notes-header span {
    float: left;
    margin-left: 6px;
    margin-top: 2px;
}

.hskp-ticket-view .staff-notes .notes-header i18n:after,
.hskp-ticket-view .staff-notes .internal-notes-icon:after {
    clear: both;
    content: "";
    display: table;
}

.hskp-ticket-view .staff-notes .notes-link {
    align-items: center;
    background: #E6FCFF;
    border-radius: 50%;
    border: 1px solid #019BB3;
    display: flex;
    float: left;
    font-size: 20px;
    height: 22px;
    justify-content: center;
    line-height: 15px;
    margin-left: 12px;
    width: 22px;
}

.hskp-ticket-view .staff-notes .last-note {
    padding-left: 0;
    padding-top: 4px;
}

.hskp-ticket-view .staff-notes .last-note span {
    color: #000000;
    font-family: Helvetica Neue, Arial, Sans-Serif;
    font-size: 17px;
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    line-height: 21px;
}

.hskp-ticket-view .staff-notes .unread-internal-icon,
housekeeping-item .room-info-icons .unread-internal-icon {
    background: #DD5652;
    border-radius: 9px;
    color: #FFF;
    display: inline-block;
    font-family: Lato, Arial, serif !important;
    font-size: 13px;
    font-style: normal;
    font-weight: var(--font-weight-bold, bold);
    height: 18px;
    line-height: 18px;
    margin-left: 8px;
    min-width: 18px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
}

housekeeping-item .room-info-icons .unread-internal-icon {
    height: 13px;
    font-size: 10px;
    line-height: 12px;
    margin-left: -10px;
    min-width: 13px;
    padding-left: 3px;
    vertical-align: top;
}

conversation .standalone .has-footer, conversation .has-footer {
    bottom: 0;
}

conversation .bar-footer {
    bottom: calc(env(safe-area-inset-bottom ));
    border-top: 1px solid #D4D4D4;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgb(0 0 0 / 25%) !important;
    height: auto;
}

.skeleton-loader {
    position: relative;
    background: #dadada
    linear-gradient(to right, #dde0e2 8%, #c5c6c6 18%, #dde0e2 33%);
    background-size: 1000px 104px;
    border-radius: 100px;
    min-width: 30px;
    height: 9px;
    animation: placeHolderShimmer 1s linear infinite;
}

.skeleton-loader.square {
    width: 80px;
    height: 80px;
    border-radius: 5px;
}

.skeleton-square.circle {
    border-radius: 100px;
    background: #fff;
    border: 7.25px solid #dadada;
}

@keyframes aniVertical {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.hskp-staff-item-loader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 21px 22px 36px;
    border-color: #dadada;
}

.hskp-staff-item-loader .skeleton-loader {
    height: 15px;
}

.hskp-staff-item-loader .skeleton-loader:not(:last-of-type) {
    margin-bottom: 10px;
}

.supervisor-overview .hskp-staff-item {
    align-items: flex-start !important;
    padding: 15px;
}
.supervisor-overview .hskp-staff-item .info-wrapper {
    max-width: calc(100% - 79px);
}
.supervisor-overview .hskp-staff-item .overviews-wrapper {
    margin: 0;
}
.supervisor-overview .hskp-staff-item .name-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.supervisor-overview .hskp-staff-item div.work-time {
    flex-direction: row;
    align-items: center;
    gap: 9px;
    margin-left: 26px;
}
.supervisor-overview .hskp-staff-item div.rooms-overviews {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
    margin-left: 26px;
    font-size: 15px;
    font-weight: var(--font-weight-medium, 500);
    line-height: 14px;
}
.supervisor-overview .hskp-staff-item div.message {
    margin-left: 26px;
    margin-top: 8px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-normal, 400);
    line-height: normal;
}
.supervisor-overview .hskp-staff-item .message.pending-requests {
    color: #db7d00;
}
.supervisor-overview .hskp-staff-item div.rooms-overviews .room-count {
    padding: 2px 8px;
    border-radius: 20px;
}
.supervisor-overview .hskp-staff-item div.rooms-overviews .room-count.skipped {
    color: #232D3E;
    background: rgba(156, 156, 156, 0.10);
    border: 1px solid #9C9C9C;
}
.supervisor-overview .hskp-staff-item div.rooms-overviews .room-count.rush {
    color: #D6341F;
    background: #FDECED;
    border: 1px solid #F7ABAB;
}
.supervisor-overview .hskp-staff-item div.rooms-overviews .room-count.cleaned {
    color: #1E40AF;
    background: #EAF3FF;
    border: 1px solid #8ABBFF;
}
.supervisor-overview .hskp-staff-item div.rooms-overviews .room-count.inspected {
    color: #216E47;
    background: #F2F9F4;
    border: 1px solid #ACECBD;
}
.supervisor-overview .hskp-staff-item div.work-time .type {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-normal, 400);
    text-transform: inherit;
    letter-spacing: normal;
}

.supervisor-overview .hskp-staff-item .name {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
}

housekeeping-progressbar-circle .progress-bar {
    width: 74px;
    height: 74px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position:relative;
    font-size: 18px;
    font-weight: var(--font-weight-medium, 500);
    color: #000000;
    z-index:0;
}

housekeeping-progressbar-circle .progress-bar b {
    font-weight: var(--font-weight-medium, 500);
}

housekeeping-progressbar-circle .progress-bar::before {
    content: "";
    position: absolute;
    z-index:-1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    padding: 7.25px;
    background:
            linear-gradient(#fff, #fff) content-box,
            conic-gradient(#00D28F 0 var(--c1), #2563EB calc(var(--c1)) calc(var(--c1) + var(--c2)),
                #5C6B84 calc(var(--c1) + var(--c2)) calc(var(--c1) + var(--c2) + var(--c3)), #dadada 0);
    mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#fff calc(100% - 15px));
}

.conversation-footer-margin {
    height: 100px;
    width: 1px;
}

.white-modal {
    background-color: white;
}

.white-modal .bottom-modal-header, .white-modal .bottom-modal-button {
    color: black;
}

housekeeping-details-modal .bottom-modal-wrapper {
    z-index: 99 !important;
}

.details-modal .bottom-modal-header, .details-modal .bottom-modal-button {
    color:black;
    margin-left: 0;
}

.has-scroll .details-modal .bottom-modal-header {
    position: relative;
    background: #fff;
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.25) !important;
    z-index: 1;
}

.bottom-modal-wrapper:not(.has-scroll) .details-modal.white-modal .bottom-modal-body {
    padding-top: 7px;
}

.details-modal.white-modal .bottom-modal-guest-wrapper {
    padding: 0;
    margin: 0 0 18px;
    min-height: auto;
    background-color: transparent;
}

.details-modal.white-modal .bottom-modal-guest-wrapper .bottom-modal-button {
    padding: 0;
    margin: 0;
    min-height: auto;
    background-color: transparent;
}

.details-modal.white-modal .bottom-modal-guest-wrapper .details {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 10px;
}

.details-modal.white-modal .bottom-modal-guest-wrapper .details svg {
    width: 23px;
    height: 23px;
    font-size: 23px;
    flex: 0 0 23px;
}

.details-modal.white-modal .bottom-modal-guest-wrapper .details span {
    font-size: 16px;
    font-weight: var(--font-weight-normal, 400);
    line-height: 20px;
    color: #505455;
}

.details-modal.white-modal .bottom-modal-guest-wrapper .details span::first-letter {
    text-transform: capitalize;
}

.details-modal.white-modal .bottom-modal-button {
    padding: 0;
    margin: 0 0 18px;
    min-height: auto;
    background-color: transparent;
}

.details-modal .bottom-modal-button .key {
    padding: 7px 15px;
    color: #000;
    font-size: 18px;
    font-weight: var(--font-weight-bold, 700);
    border-radius: 18px;
    border: 1px solid #999;
    background: #FFF;
}

.details-modal .bottom-modal-button .name {
    color: #505455;
    font-size: 18px;
    font-weight: var(--font-weight-medium, 500);
}

.details-modal .bottom-modal-button.reservation-details {
    display: block;
}

.details-modal .reservation-details p {
    font-size: 18px;
    font-weight: var(--font-weight-normal, 400);
    margin: 0;
}

.details-modal .reservation-detail {
    margin-top: 18px;
}

.details-modal .reservation-detail .bold {
    font-weight: var(--font-weight-bold, 700);
}

.white-modal .bottom-modal-button {
    align-items: center;
    background-color: #F5F6F7;
    display: flex;
    gap: 12px;
    min-height: 71px;
    padding: 16px 0 16px 21px;
}

.custom-time .bottom-modal-button {
    justify-content: center;
    min-height: 0;
    padding-left: 0;
}

.custom-time .confirm-button {
    background-color: #4dadc3;
    color: white;
}

.white-modal input[type="time"] {
    font-size: 18px;
    margin-bottom: 21px;
    width: auto;
}

.details-modal .bottom-modal-button div:not(.button-icon) {
    background-color: #fff;
}

.hskp-mobile-blocking-ticket {
    font-size: 12px;
    font-weight: var(--font-weight-bold, 700);
    color: #DD5652;
    background: rgba(221, 86, 82, 0.2);
    border-radius: 100px;
    padding: 1px 5px 1px 0px;
    display: inline-block;
    line-height: 14px;
}

.display-flex {
    display: flex;
}

.hskp-mobile-blocking-ticket i {
    padding-left: 7px;
    font-size: 14px;
}

.housekeeping-item-left .hskp-mobile-blocking-ticket {
    margin-top: 11px;
}

.housekeeping-item-tablet .hskp-mobile-blocking-ticket {
    margin-top: 6px;
}
.hskp-return-later-time {
    border: 2px solid #505455;
    border-radius: 4px;
    color: #505455;
    font-size: 13px;
    line-height: 17px;
    margin-top: 5px;
    padding: 0 9px;
    text-transform: uppercase;
    width: fit-content;
}
.hskp-my-day-section {
    margin: 18px 22px;
    padding: 18px 22px 0;
    border-radius: 4px;
    color: #505455;
    font-size: 18px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) !important;
    overflow: hidden;
}
.hskp-my-day-section hr{
    position: relative;
    background: #D8D8D8;
    width: 200%;
    left: -22px;
    opacity: 0.2;
}
.hskp-my-day-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    font-weight: var(--font-weight-bold, 700);
}
.progressbar {
    width: 100%;
    background: #DADADA;
    height: 8px;
    border-radius: 10px;
}
.hskp-my-day-progressbar {
    margin-bottom: 20px;
}
.progressbar-value {
    background: #00D28F;
    height: 8px;
    border-radius: 10px;
}
.progressbar-content {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    color: #000;
    font-weight: var(--font-weight-bold, 700);
}
.progressbar-content .rooms {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.progressbar-content .rooms .total {
    font-size: 14px;
    color: #505455;
    font-family: Helvetica Neue;
    font-weight: var(--font-weight-medium, 500);

}
.hskp-my-day-section .tasks,
.hskp-my-day-section .credits,
.hskp-my-day-section .room-types {
    padding: 18px 0;
}
.hskp-my-day-section .section-title {
    text-transform: uppercase;
    color: #505455;
    font-family: Helvetica Neue;
    font-size: 14px;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 1px;
}
.hskp-my-day-section .credits {
    display: flex;
    justify-content: space-between;
}
.hskp-my-day-section .tasks span,
.hskp-my-day-section .credits span,
.hskp-my-day-section .room-types span {
     color: #000;
     font-family: Helvetica Neue;
     font-size: 18px;
     font-style: normal;
     font-weight: var(--font-weight-bold, 700);
     line-height: 11px; /* 61.111% */
}
.hskp-my-day-section .tasks .wrapper {
    display: flex;
    align-items: center;
    gap: 3.5rem;
}
.hskp-my-day-section .room-types .wrapper {
    margin-top: 18px;
}
.hskp-my-day-section .room-types .wrapper .room {
    display: flex;
    align-items: center;
    margin-top: 18px;
    gap: 0.5rem;
    font-weight: var(--font-weight-medium, 500);
}
.hskp-my-day-section .room-types .wrapper .room .name {
    padding: 5px;
    border-radius: 4px;
    background: rgba(217, 217, 217, 0.60);
    text-transform: capitalize;
}
.hskp-my-day-section .tasks .wrapper .task {
    display: flex;
    align-items: center;
    margin: 0 -20px;
}
.hskp-my-day-section .tasks .wrapper .task .icon-Departure-Clean {
    position: relative;
    top: -4px;
}
.hskp-my-day-section .tasks .wrapper .task i {
    font-size: 2.5rem;
    color: #979797;
}
.edit-credits-wrapper {
    margin: 28px 17px;
}
.edit-credits-wrapper .messages {
    padding: 0 17px;
    color: #7E7E7E;
    font-size: 14px;
    font-weight: var(--font-weight-normal, 400);

}
.edit-credits-wrapper.invalid .new-credit-count .mob-field input {
    color: #DD5652 !important;
}
.edit-credits-wrapper.invalid .messages {
    color: #DD5652;
}
.standard-credit-count {
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    background: #F5F6F7;
    margin: 28px 0 30px;
    padding: 0px 0 18px;
}
.new-credit-count {
    margin: 0 0 10px;
    padding: 0px 0 18px;
}
.new-credit-count .mob-field, .standard-credit-count .mob-field {
    min-height: 70px;
}
.standard-credit-count .mob-field.readonly label, .mob-field.readonly label.selected {
    color: #999;
    font-family: Helvetica Neue;
    font-size: 12px;
    font-style: normal;
    font-weight: var(--font-weight-normal, 400);
    line-height: normal;
    letter-spacing: 0.929px;
    text-transform: uppercase;
}

.standard-credit-count .mob-field textarea.filled, .standard-credit-count .mob-field input.filled ,
.new-credit-count .mob-field textarea.filled, .new-credit-count .mob-field input.filled {
    padding-left: 0 !important;
    color: #000 !important;
    font-family: Helvetica Neue;
    font-size: 20px !important;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700) !important;
    line-height: normal !important;
}

.new-credit-count .mob-field label.deselected {
    margin-left: 0 !important;
    animation: none !important;
}

.hskp-no-dirties-notice {
display: block;
font-size: 14px;
font-weight: var(--font-weight-bold, bold);
padding: 24px 16px;
}

.hskp-no-rooms-yet-notice {
background-color: #F5F6F7;
color: #999999;
font-size: 20px;
height: 100%;
padding: 35vh 0 0 0;
text-align: center;
width: 100%;
}

/* region FOH-15328 QR Code Scan */
.qrcode-scan-button {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    border-width: 0;
    background-color: transparent;
    bottom: 5px !important;
    z-index: 3;
}

.qrcode-scan-button i,
.qrcode-scan-button span {
    color: #019BB3;
}

.qrcode-scan-button i {
    font-size: 19px;
}

.qrcode-scan-button span {
    font-size: 17px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: normal;
}
/* endregion */

.page-is-not-available {
font-size: 18px;
color: #999;
line-height: 20px;
padding: 9px;
}

.page-is-not-available.new-design {
color: #101010;

display: flex;
flex-direction: column;
align-items: center;
height: 454px;
margin-top: 61px;

background-image: url("access-denied.svg");
background-position: center top;
background-repeat: no-repeat;
}

.page-is-not-available .not-enough-roles,
.page-is-not-available .contact-alice {
max-width: 75%;
text-align: center;
}

.page-is-not-available .not-enough-roles {
font-size: 16px;
margin-top: 194px;
}

.page-is-not-available .contact-alice {
font-size: 19px;
line-height: 22px;
font-weight: var(--font-weight-medium, 500);
margin-top: 21px;
}

.page-is-not-available .return-to-login {
border-radius: 5px;
background-color: #019bb3;
color: white;
height: 48px;
width: 330px;
margin-top: 65px;
font-size: 16px;
line-height: 45px;
font-weight: var(--font-weight-medium, 500);
}

/* region FOH-6942 Mobile Alerts */
.shouldAlert {
    background-color: rgba(247, 221, 223, 0.6);
}
/* endregion */

/* region FOH-16902: Room Move */
.ticket-row .reported-location {
    text-transform: initial;
    font-size: 14px;
    line-height: 17px;
    font-weight: var(--font-weight-medium, 500);
    color: #019BB3;
    text-overflow: initial;
    overflow: initial;
    white-space: initial;
    max-width: 105px;
    position: static;
}

.ticket-details .reported-location .mob-field {
    background-color: #F6F8FE;
}

.ticket-details .guest-recent-room-history .fake-input {
    display: flex;
    align-items: flex-end;
    padding: 0 0 4px 30px;
    gap: 10px;
}

.ticket-details .guest-recent-room-history .mob-field .mob-field-icon {
    top: 36px;
}

.ticket-details .guest-recent-room-history .room {
    font-weight: var(--font-weight-bold, 700);
    font-size: 18px;
    line-height: 22px;
}

.ticket-details .guest-recent-room-history .old-room {
    color: #9BA5B5;
    text-decoration: line-through;
}

.ticket-details .guest-recent-room-history .move-icon {
    color: #5F6C81;
    font-size: 24px;
    line-height: 26px;
}

.ticket-details .guest-recent-room-history .new-room {
    color: #232D3E;
}
/* endregion */

/* region FOH-3324: Show full guest name */
.mob-field.showFullGuestName textarea {
    width: 73% !important;
}
.mob-field.showFullGuestName .hr {
    width: 90% !important;
}
/* endregion */