@charset "UTF-8";
@import url("fontello.css");
.image_viewer {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7294117647);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
}

.image_viewer img {
  max-width: calc(100% - 140px);
  max-height: calc(100% - 140px);
  object-fit: contain;
}

.image_viewer .close_button {
  top: 12px;
  right: 12px;
}

.image_viewer .prev_button {
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.image_viewer .next_button {
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.image_viewer .close_button, .image_viewer .prev_button, .image_viewer .next_button {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3098039216);
  color: rgba(255, 255, 255, 0.5490196078);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.image_viewer .dot_container {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  display: flex;
  align-items: center;
  gap: 8px;
}

#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
  width: 60px;
  height: 45px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/* Icon 3 */
#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 6px;
}

#nav-icon3 span:nth-child(4) {
  top: 12px;
}

#nav-icon3.open span:nth-child(1) {
  top: 6px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 6px;
  width: 0%;
  left: 50%;
}

.attend {
  --appColor: #eea712;
}
.attend .appColorDarkerBackground,
.attend .infoActions,
.attend .hotelstouch-subheader {
  background-color: rgb(215.0728346457, 150.6417322835, 15.4271653543);
  border-top: 1px solid rgb(210.3141732283, 147.3086614173, 15.0858267717);
}
.attend .appColorDarkerText {
  color: rgb(215.0728346457, 150.6417322835, 15.4271653543);
}
.attend .appColorLighterBackground {
  background-color: rgb(239.7066929134, 175.8346456693, 41.7933070866);
}
.attend .appColorLighterText {
  color: rgb(239.7066929134, 175.8346456693, 41.7933070866);
}
.attend {
  /* Handle on hover */
}
.attend::-webkit-scrollbar-thumb:hover, .attend::-webkit-scrollbar-button:hover,
.attend *::-webkit-scrollbar-thumb:hover,
.attend *::-webkit-scrollbar-button:hover {
  background-color: #eea712;
}
.attend .key.active {
  background-color: #eea712;
  color: white !important;
}
.attend .appColor {
  background-color: #eea712;
}
.attend:not(.design-2016) .hotelstouch-header {
  background-color: #eea712;
  color: white !important;
}
.attend.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.attend.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #eea712;
}
.attend .profile-data[data-title]:before {
  left: 0 !important;
}
.attend .hotelstouch-menu {
  background-color: #eea712 !important;
  border-right: 1px solid rgb(219.831496063, 153.9748031496, 15.768503937) !important;
  border-top: 1px solid rgb(210.3141732283, 147.3086614173, 15.0858267717);
}
.attend .hotelstouch-menu::-webkit-scrollbar-thumb,
.attend .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(210.3141732283, 147.3086614173, 15.0858267717) !important;
}
.attend .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.attend .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #eea712 !important;
}
.attend .hotelstouch-menu-item.active,
.attend .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(219.831496063, 153.9748031496, 15.768503937) !important;
  color: white;
}
.attend .hotelstouch-menu-item {
  color: white;
}
.attend .hotelstouch-submenu-item.active {
  color: #eea712;
}
.attend .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(191.2795275591, 133.9763779528, 13.7204724409) !important;
}

.attend-text {
  color: #eea712;
}

.attend-background {
  background-color: #eea712;
  color: white !important;
}

.attend-flip-color {
  color: #eea712;
  background-color: transparent;
}
.attend-flip-color:hover {
  background-color: #eea712;
  color: white !important;
}

.tasks {
  --appColor: #1eb26c;
}
.tasks .appColorDarkerBackground,
.tasks .infoActions,
.tasks .hotelstouch-subheader {
  background-color: rgb(26.3221153846, 156.1778846154, 94.7596153846);
  border-top: 1px solid rgb(25.5865384615, 151.8134615385, 92.1115384615);
}
.tasks .appColorDarkerText {
  color: rgb(26.3221153846, 156.1778846154, 94.7596153846);
}
.tasks .appColorLighterBackground {
  background-color: rgb(33.6778846154, 199.8221153846, 121.2403846154);
}
.tasks .appColorLighterText {
  color: rgb(33.6778846154, 199.8221153846, 121.2403846154);
}
.tasks {
  /* Handle on hover */
}
.tasks::-webkit-scrollbar-thumb:hover, .tasks::-webkit-scrollbar-button:hover,
.tasks *::-webkit-scrollbar-thumb:hover,
.tasks *::-webkit-scrollbar-button:hover {
  background-color: #1eb26c;
}
.tasks .key.active {
  background-color: #1eb26c;
  color: white !important;
}
.tasks .appColor {
  background-color: #1eb26c;
}
.tasks:not(.design-2016) .hotelstouch-header {
  background-color: #1eb26c;
  color: white !important;
}
.tasks.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.tasks.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #1eb26c;
}
.tasks .profile-data[data-title]:before {
  left: 0 !important;
}
.tasks .hotelstouch-menu {
  background-color: #1eb26c !important;
  border-right: 1px solid rgb(27.0576923077, 160.5423076923, 97.4076923077) !important;
  border-top: 1px solid rgb(25.5865384615, 151.8134615385, 92.1115384615);
}
.tasks .hotelstouch-menu::-webkit-scrollbar-thumb,
.tasks .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(25.5865384615, 151.8134615385, 92.1115384615) !important;
}
.tasks .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.tasks .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #1eb26c !important;
}
.tasks .hotelstouch-menu-item.active,
.tasks .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(27.0576923077, 160.5423076923, 97.4076923077) !important;
  color: white;
}
.tasks .hotelstouch-menu-item {
  color: white;
}
.tasks .hotelstouch-submenu-item.active {
  color: #1eb26c;
}
.tasks .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(22.6442307692, 134.3557692308, 81.5192307692) !important;
}

.tasks-text {
  color: #1eb26c;
}

.tasks-background {
  background-color: #1eb26c;
  color: white !important;
}

.tasks-flip-color {
  color: #1eb26c;
  background-color: transparent;
}
.tasks-flip-color:hover {
  background-color: #1eb26c;
  color: white !important;
}

.frontdesk {
  --appColor: #ad3844;
}
.frontdesk .appColorDarkerBackground,
.frontdesk .infoActions,
.frontdesk .hotelstouch-subheader {
  background-color: rgb(153.7358078603, 49.7641921397, 60.4279475983);
  border-top: 1px solid rgb(149.8829694323, 48.5170305677, 58.9135371179);
}
.frontdesk .appColorDarkerText {
  color: rgb(153.7358078603, 49.7641921397, 60.4279475983);
}
.frontdesk .appColorLighterBackground {
  background-color: rgb(192.2641921397, 62.2358078603, 75.5720524017);
}
.frontdesk .appColorLighterText {
  color: rgb(192.2641921397, 62.2358078603, 75.5720524017);
}
.frontdesk {
  /* Handle on hover */
}
.frontdesk::-webkit-scrollbar-thumb:hover, .frontdesk::-webkit-scrollbar-button:hover,
.frontdesk *::-webkit-scrollbar-thumb:hover,
.frontdesk *::-webkit-scrollbar-button:hover {
  background-color: #ad3844;
}
.frontdesk .key.active {
  background-color: #ad3844;
  color: white !important;
}
.frontdesk .appColor {
  background-color: #ad3844;
}
.frontdesk:not(.design-2016) .hotelstouch-header {
  background-color: #ad3844;
  color: white !important;
}
.frontdesk.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.frontdesk.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #ad3844;
}
.frontdesk .profile-data[data-title]:before {
  left: 0 !important;
}
.frontdesk .hotelstouch-menu {
  background-color: #ad3844 !important;
  border-right: 1px solid rgb(157.5886462882, 51.0113537118, 61.9423580786) !important;
  border-top: 1px solid rgb(149.8829694323, 48.5170305677, 58.9135371179);
}
.frontdesk .hotelstouch-menu::-webkit-scrollbar-thumb,
.frontdesk .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(149.8829694323, 48.5170305677, 58.9135371179) !important;
}
.frontdesk .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.frontdesk .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #ad3844 !important;
}
.frontdesk .hotelstouch-menu-item.active,
.frontdesk .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(157.5886462882, 51.0113537118, 61.9423580786) !important;
  color: white;
}
.frontdesk .hotelstouch-menu-item {
  color: white;
}
.frontdesk .hotelstouch-submenu-item.active {
  color: #ad3844;
}
.frontdesk .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(134.4716157205, 43.5283842795, 52.8558951965) !important;
}

.frontdesk-text {
  color: #ad3844;
}

.frontdesk-background {
  background-color: #ad3844;
  color: white !important;
}

.frontdesk-flip-color {
  color: #ad3844;
  background-color: transparent;
}
.frontdesk-flip-color:hover {
  background-color: #ad3844;
  color: white !important;
}

.concierge {
  --appColor: #ac924e;
}
.concierge .appColorDarkerBackground,
.concierge .infoActions,
.concierge .hotelstouch-subheader {
  background-color: rgb(154.456, 131.108, 70.044);
  border-top: 1px solid rgb(150.9472, 128.1296, 68.4528);
}
.concierge .appColorDarkerText {
  color: rgb(154.456, 131.108, 70.044);
}
.concierge .appColorLighterBackground {
  background-color: rgb(181.836, 157.448, 93.664);
}
.concierge .appColorLighterText {
  color: rgb(181.836, 157.448, 93.664);
}
.concierge {
  /* Handle on hover */
}
.concierge::-webkit-scrollbar-thumb:hover, .concierge::-webkit-scrollbar-button:hover,
.concierge *::-webkit-scrollbar-thumb:hover,
.concierge *::-webkit-scrollbar-button:hover {
  background-color: #ac924e;
}
.concierge .key.active {
  background-color: #ac924e;
  color: white !important;
}
.concierge .appColor {
  background-color: #ac924e;
}
.concierge:not(.design-2016) .hotelstouch-header {
  background-color: #ac924e;
  color: white !important;
}
.concierge.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.concierge.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #ac924e;
}
.concierge .profile-data[data-title]:before {
  left: 0 !important;
}
.concierge .hotelstouch-menu {
  background-color: #ac924e !important;
  border-right: 1px solid rgb(157.9648, 134.0864, 71.6352) !important;
  border-top: 1px solid rgb(150.9472, 128.1296, 68.4528);
}
.concierge .hotelstouch-menu::-webkit-scrollbar-thumb,
.concierge .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(150.9472, 128.1296, 68.4528) !important;
}
.concierge .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.concierge .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #ac924e !important;
}
.concierge .hotelstouch-menu-item.active,
.concierge .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(157.9648, 134.0864, 71.6352) !important;
  color: white;
}
.concierge .hotelstouch-menu-item {
  color: white;
}
.concierge .hotelstouch-submenu-item.active {
  color: #ac924e;
}
.concierge .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(136.912, 116.216, 62.088) !important;
}

.concierge-text {
  color: #ac924e;
}

.concierge-background {
  background-color: #ac924e;
  color: white !important;
}

.concierge-flip-color {
  color: #ac924e;
  background-color: transparent;
}
.concierge-flip-color:hover {
  background-color: #ac924e;
  color: white !important;
}

.reviews {
  --appColor: #4f5b6b;
}
.reviews .appColorDarkerBackground,
.reviews .infoActions,
.reviews .hotelstouch-subheader {
  background-color: rgb(68.1693548387, 78.5241935484, 92.3306451613);
  border-top: 1px solid rgb(66.0032258065, 76.0290322581, 89.3967741935);
}
.reviews .appColorDarkerText {
  color: rgb(68.1693548387, 78.5241935484, 92.3306451613);
}
.reviews .appColorLighterBackground {
  background-color: rgb(89.8306451613, 103.4758064516, 121.6693548387);
}
.reviews .appColorLighterText {
  color: rgb(89.8306451613, 103.4758064516, 121.6693548387);
}
.reviews {
  /* Handle on hover */
}
.reviews::-webkit-scrollbar-thumb:hover, .reviews::-webkit-scrollbar-button:hover,
.reviews *::-webkit-scrollbar-thumb:hover,
.reviews *::-webkit-scrollbar-button:hover {
  background-color: #4f5b6b;
}
.reviews .key.active {
  background-color: #4f5b6b;
  color: white !important;
}
.reviews .appColor {
  background-color: #4f5b6b;
}
.reviews:not(.design-2016) .hotelstouch-header {
  background-color: #4f5b6b;
  color: white !important;
}
.reviews.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.reviews.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #4f5b6b;
}
.reviews .profile-data[data-title]:before {
  left: 0 !important;
}
.reviews .hotelstouch-menu {
  background-color: #4f5b6b !important;
  border-right: 1px solid rgb(70.335483871, 81.0193548387, 95.264516129) !important;
  border-top: 1px solid rgb(66.0032258065, 76.0290322581, 89.3967741935);
}
.reviews .hotelstouch-menu::-webkit-scrollbar-thumb,
.reviews .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(66.0032258065, 76.0290322581, 89.3967741935) !important;
}
.reviews .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.reviews .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #4f5b6b !important;
}
.reviews .hotelstouch-menu-item.active,
.reviews .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(70.335483871, 81.0193548387, 95.264516129) !important;
  color: white;
}
.reviews .hotelstouch-menu-item {
  color: white;
}
.reviews .hotelstouch-submenu-item.active {
  color: #4f5b6b;
}
.reviews .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(57.3387096774, 66.0483870968, 77.6612903226) !important;
}

.reviews-text {
  color: #4f5b6b;
}

.reviews-background {
  background-color: #4f5b6b;
  color: white !important;
}

.reviews-flip-color {
  color: #4f5b6b;
  background-color: transparent;
}
.reviews-flip-color:hover {
  background-color: #4f5b6b;
  color: white !important;
}

.pos {
  --appColor: #1fa67f;
}
.pos .appColorDarkerBackground,
.pos .infoActions,
.pos .hotelstouch-subheader {
  background-color: rgb(26.9873096447, 144.5126903553, 110.5609137056);
  border-top: 1px solid rgb(26.1847715736, 140.2152284264, 107.2730964467);
}
.pos .appColorDarkerText {
  color: rgb(26.9873096447, 144.5126903553, 110.5609137056);
}
.pos .appColorLighterBackground {
  background-color: rgb(35.0126903553, 187.4873096447, 143.4390862944);
}
.pos .appColorLighterText {
  color: rgb(35.0126903553, 187.4873096447, 143.4390862944);
}
.pos {
  /* Handle on hover */
}
.pos::-webkit-scrollbar-thumb:hover, .pos::-webkit-scrollbar-button:hover,
.pos *::-webkit-scrollbar-thumb:hover,
.pos *::-webkit-scrollbar-button:hover {
  background-color: #1fa67f;
}
.pos .key.active {
  background-color: #1fa67f;
  color: white !important;
}
.pos .appColor {
  background-color: #1fa67f;
}
.pos:not(.design-2016) .hotelstouch-header {
  background-color: #1fa67f;
  color: white !important;
}
.pos.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.pos.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #1fa67f;
}
.pos .profile-data[data-title]:before {
  left: 0 !important;
}
.pos .hotelstouch-menu {
  background-color: #1fa67f !important;
  border-right: 1px solid rgb(27.7898477157, 148.8101522843, 113.8487309645) !important;
  border-top: 1px solid rgb(26.1847715736, 140.2152284264, 107.2730964467);
}
.pos .hotelstouch-menu::-webkit-scrollbar-thumb,
.pos .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(26.1847715736, 140.2152284264, 107.2730964467) !important;
}
.pos .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.pos .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #1fa67f !important;
}
.pos .hotelstouch-menu-item.active,
.pos .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(27.7898477157, 148.8101522843, 113.8487309645) !important;
  color: white;
}
.pos .hotelstouch-menu-item {
  color: white;
}
.pos .hotelstouch-submenu-item.active {
  color: #1fa67f;
}
.pos .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(22.9746192893, 123.0253807107, 94.1218274112) !important;
}

.pos-text {
  color: #1fa67f;
}

.pos-background {
  background-color: #1fa67f;
  color: white !important;
}

.pos-flip-color {
  color: #1fa67f;
  background-color: transparent;
}
.pos-flip-color:hover {
  background-color: #1fa67f;
  color: white !important;
}

.receipts {
  --appColor: #78888b;
}
.receipts .appColorDarkerBackground,
.receipts .infoActions,
.receipts .hotelstouch-subheader {
  background-color: rgb(107.9123505976, 122.796812749, 125.5876494024);
  border-top: 1px solid rgb(105.5553784861, 120.1147410359, 122.8446215139);
}
.receipts .appColorDarkerText {
  color: rgb(107.9123505976, 122.796812749, 125.5876494024);
}
.receipts .appColorLighterBackground {
  background-color: rgb(133.7151394422, 148.0896414343, 150.7848605578);
}
.receipts .appColorLighterText {
  color: rgb(133.7151394422, 148.0896414343, 150.7848605578);
}
.receipts {
  /* Handle on hover */
}
.receipts::-webkit-scrollbar-thumb:hover, .receipts::-webkit-scrollbar-button:hover,
.receipts *::-webkit-scrollbar-thumb:hover,
.receipts *::-webkit-scrollbar-button:hover {
  background-color: #78888b;
}
.receipts .key.active {
  background-color: #78888b;
  color: white !important;
}
.receipts .appColor {
  background-color: #78888b;
}
.receipts:not(.design-2016) .hotelstouch-header {
  background-color: #78888b;
  color: white !important;
}
.receipts.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.receipts.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #78888b;
}
.receipts .profile-data[data-title]:before {
  left: 0 !important;
}
.receipts .hotelstouch-menu {
  background-color: #78888b !important;
  border-right: 1px solid rgb(110.2693227092, 125.4788844622, 128.3306772908) !important;
  border-top: 1px solid rgb(105.5553784861, 120.1147410359, 122.8446215139);
}
.receipts .hotelstouch-menu::-webkit-scrollbar-thumb,
.receipts .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(105.5553784861, 120.1147410359, 122.8446215139) !important;
}
.receipts .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.receipts .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #78888b !important;
}
.receipts .hotelstouch-menu-item.active,
.receipts .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(110.2693227092, 125.4788844622, 128.3306772908) !important;
  color: white;
}
.receipts .hotelstouch-menu-item {
  color: white;
}
.receipts .hotelstouch-submenu-item.active {
  color: #78888b;
}
.receipts .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(96.1274900398, 109.3864541833, 111.8725099602) !important;
}

.receipts-text {
  color: #78888b;
}

.receipts-background {
  background-color: #78888b;
  color: white !important;
}

.receipts-flip-color {
  color: #78888b;
  background-color: transparent;
}
.receipts-flip-color:hover {
  background-color: #78888b;
  color: white !important;
}

.finance {
  --appColor: #10707f;
}
.finance .appColorDarkerBackground,
.finance .infoActions,
.finance .hotelstouch-subheader {
  background-color: rgb(13.1468531469, 92.027972028, 104.3531468531);
  border-top: 1px solid rgb(12.5762237762, 88.0335664336, 99.8237762238);
}
.finance .appColorDarkerText {
  color: rgb(13.1468531469, 92.027972028, 104.3531468531);
}
.finance .appColorLighterBackground {
  background-color: rgb(18.8531468531, 131.972027972, 149.6468531469);
}
.finance .appColorLighterText {
  color: rgb(18.8531468531, 131.972027972, 149.6468531469);
}
.finance {
  /* Handle on hover */
}
.finance::-webkit-scrollbar-thumb:hover, .finance::-webkit-scrollbar-button:hover,
.finance *::-webkit-scrollbar-thumb:hover,
.finance *::-webkit-scrollbar-button:hover {
  background-color: #10707f;
}
.finance .key.active {
  background-color: #10707f;
  color: white !important;
}
.finance .appColor {
  background-color: #10707f;
}
.finance:not(.design-2016) .hotelstouch-header {
  background-color: #10707f;
  color: white !important;
}
.finance.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.finance.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #10707f;
}
.finance .profile-data[data-title]:before {
  left: 0 !important;
}
.finance .hotelstouch-menu {
  background-color: #10707f !important;
  border-right: 1px solid rgb(13.7174825175, 96.0223776224, 108.8825174825) !important;
  border-top: 1px solid rgb(12.5762237762, 88.0335664336, 99.8237762238);
}
.finance .hotelstouch-menu::-webkit-scrollbar-thumb,
.finance .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(12.5762237762, 88.0335664336, 99.8237762238) !important;
}
.finance .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.finance .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #10707f !important;
}
.finance .hotelstouch-menu-item.active,
.finance .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(13.7174825175, 96.0223776224, 108.8825174825) !important;
  color: white;
}
.finance .hotelstouch-menu-item {
  color: white;
}
.finance .hotelstouch-submenu-item.active {
  color: #10707f;
}
.finance .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(10.2937062937, 72.0559440559, 81.7062937063) !important;
}

.finance-text {
  color: #10707f;
}

.finance-background {
  background-color: #10707f;
  color: white !important;
}

.finance-flip-color {
  color: #10707f;
  background-color: transparent;
}
.finance-flip-color:hover {
  background-color: #10707f;
  color: white !important;
}

.inventory {
  --appColor: #3f3f3f;
}
.inventory .appColorDarkerBackground,
.inventory .infoActions,
.inventory .hotelstouch-subheader {
  background-color: rgb(50.25, 50.25, 50.25);
  border-top: 1px solid rgb(47.7, 47.7, 47.7);
}
.inventory .appColorDarkerText {
  color: rgb(50.25, 50.25, 50.25);
}
.inventory .appColorLighterBackground {
  background-color: rgb(75.75, 75.75, 75.75);
}
.inventory .appColorLighterText {
  color: rgb(75.75, 75.75, 75.75);
}
.inventory {
  /* Handle on hover */
}
.inventory::-webkit-scrollbar-thumb:hover, .inventory::-webkit-scrollbar-button:hover,
.inventory *::-webkit-scrollbar-thumb:hover,
.inventory *::-webkit-scrollbar-button:hover {
  background-color: #3f3f3f;
}
.inventory .key.active {
  background-color: #3f3f3f;
  color: white !important;
}
.inventory .appColor {
  background-color: #3f3f3f;
}
.inventory:not(.design-2016) .hotelstouch-header {
  background-color: #3f3f3f;
  color: white !important;
}
.inventory.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.inventory.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #3f3f3f;
}
.inventory .profile-data[data-title]:before {
  left: 0 !important;
}
.inventory .hotelstouch-menu {
  background-color: #3f3f3f !important;
  border-right: 1px solid rgb(52.8, 52.8, 52.8) !important;
  border-top: 1px solid rgb(47.7, 47.7, 47.7);
}
.inventory .hotelstouch-menu::-webkit-scrollbar-thumb,
.inventory .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(47.7, 47.7, 47.7) !important;
}
.inventory .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.inventory .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #3f3f3f !important;
}
.inventory .hotelstouch-menu-item.active,
.inventory .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(52.8, 52.8, 52.8) !important;
  color: white;
}
.inventory .hotelstouch-menu-item {
  color: white;
}
.inventory .hotelstouch-submenu-item.active {
  color: #3f3f3f;
}
.inventory .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(37.5, 37.5, 37.5) !important;
}

.inventory-text {
  color: #3f3f3f;
}

.inventory-background {
  background-color: #3f3f3f;
  color: white !important;
}

.inventory-flip-color {
  color: #3f3f3f;
  background-color: transparent;
}
.inventory-flip-color:hover {
  background-color: #3f3f3f;
  color: white !important;
}

.expenses {
  --appColor: #1b855c;
}
.expenses .appColorDarkerBackground,
.expenses .infoActions,
.expenses .hotelstouch-subheader {
  background-color: rgb(22.696875, 111.803125, 77.3375);
  border-top: 1px solid rgb(21.83625, 107.56375, 74.405);
}
.expenses .appColorDarkerText {
  color: rgb(22.696875, 111.803125, 77.3375);
}
.expenses .appColorLighterBackground {
  background-color: rgb(31.303125, 154.196875, 106.6625);
}
.expenses .appColorLighterText {
  color: rgb(31.303125, 154.196875, 106.6625);
}
.expenses {
  /* Handle on hover */
}
.expenses::-webkit-scrollbar-thumb:hover, .expenses::-webkit-scrollbar-button:hover,
.expenses *::-webkit-scrollbar-thumb:hover,
.expenses *::-webkit-scrollbar-button:hover {
  background-color: #1b855c;
}
.expenses .key.active {
  background-color: #1b855c;
  color: white !important;
}
.expenses .appColor {
  background-color: #1b855c;
}
.expenses:not(.design-2016) .hotelstouch-header {
  background-color: #1b855c;
  color: white !important;
}
.expenses.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.expenses.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #1b855c;
}
.expenses .profile-data[data-title]:before {
  left: 0 !important;
}
.expenses .hotelstouch-menu {
  background-color: #1b855c !important;
  border-right: 1px solid rgb(23.5575, 116.0425, 80.27) !important;
  border-top: 1px solid rgb(21.83625, 107.56375, 74.405);
}
.expenses .hotelstouch-menu::-webkit-scrollbar-thumb,
.expenses .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(21.83625, 107.56375, 74.405) !important;
}
.expenses .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.expenses .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #1b855c !important;
}
.expenses .hotelstouch-menu-item.active,
.expenses .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(23.5575, 116.0425, 80.27) !important;
  color: white;
}
.expenses .hotelstouch-menu-item {
  color: white;
}
.expenses .hotelstouch-submenu-item.active {
  color: #1b855c;
}
.expenses .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(18.39375, 90.60625, 62.675) !important;
}

.expenses-text {
  color: #1b855c;
}

.expenses-background {
  background-color: #1b855c;
  color: white !important;
}

.expenses-flip-color {
  color: #1b855c;
  background-color: transparent;
}
.expenses-flip-color:hover {
  background-color: #1b855c;
  color: white !important;
}

.infochannel {
  --appColor: #df3d23;
}
.infochannel .appColorDarkerBackground,
.infochannel .infoActions,
.infochannel .hotelstouch-subheader {
  background-color: rgb(202.9761904762, 53.5119047619, 29.5238095238);
  border-top: 1px solid rgb(198.5238095238, 52.3380952381, 28.8761904762);
}
.infochannel .appColorDarkerText {
  color: rgb(202.9761904762, 53.5119047619, 29.5238095238);
}
.infochannel .appColorLighterBackground {
  background-color: rgb(226.2380952381, 80.630952381, 57.2619047619);
}
.infochannel .appColorLighterText {
  color: rgb(226.2380952381, 80.630952381, 57.2619047619);
}
.infochannel {
  /* Handle on hover */
}
.infochannel::-webkit-scrollbar-thumb:hover, .infochannel::-webkit-scrollbar-button:hover,
.infochannel *::-webkit-scrollbar-thumb:hover,
.infochannel *::-webkit-scrollbar-button:hover {
  background-color: #df3d23;
}
.infochannel .key.active {
  background-color: #df3d23;
  color: white !important;
}
.infochannel .appColor {
  background-color: #df3d23;
}
.infochannel:not(.design-2016) .hotelstouch-header {
  background-color: #df3d23;
  color: white !important;
}
.infochannel.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.infochannel.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #df3d23;
}
.infochannel .profile-data[data-title]:before {
  left: 0 !important;
}
.infochannel .hotelstouch-menu {
  background-color: #df3d23 !important;
  border-right: 1px solid rgb(207.4285714286, 54.6857142857, 30.1714285714) !important;
  border-top: 1px solid rgb(198.5238095238, 52.3380952381, 28.8761904762);
}
.infochannel .hotelstouch-menu::-webkit-scrollbar-thumb,
.infochannel .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(198.5238095238, 52.3380952381, 28.8761904762) !important;
}
.infochannel .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.infochannel .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #df3d23 !important;
}
.infochannel .hotelstouch-menu-item.active,
.infochannel .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(207.4285714286, 54.6857142857, 30.1714285714) !important;
  color: white;
}
.infochannel .hotelstouch-menu-item {
  color: white;
}
.infochannel .hotelstouch-submenu-item.active {
  color: #df3d23;
}
.infochannel .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(180.7142857143, 47.6428571429, 26.2857142857) !important;
}

.infochannel-text {
  color: #df3d23;
}

.infochannel-background {
  background-color: #df3d23;
  color: white !important;
}

.infochannel-flip-color {
  color: #df3d23;
  background-color: transparent;
}
.infochannel-flip-color:hover {
  background-color: #df3d23;
  color: white !important;
}

.cameras {
  --appColor: #ee8814;
}
.cameras .appColorDarkerBackground,
.cameras .infoActions,
.cameras .hotelstouch-subheader {
  background-color: rgb(216.8154761905, 122.7083333333, 15.6845238095);
  border-top: 1px solid rgb(212.0595238095, 120.0166666667, 15.3404761905);
}
.cameras .appColorDarkerText {
  color: rgb(216.8154761905, 122.7083333333, 15.6845238095);
}
.cameras .appColorLighterBackground {
  background-color: rgb(239.7202380952, 148.0416666667, 43.7797619048);
}
.cameras .appColorLighterText {
  color: rgb(239.7202380952, 148.0416666667, 43.7797619048);
}
.cameras {
  /* Handle on hover */
}
.cameras::-webkit-scrollbar-thumb:hover, .cameras::-webkit-scrollbar-button:hover,
.cameras *::-webkit-scrollbar-thumb:hover,
.cameras *::-webkit-scrollbar-button:hover {
  background-color: #ee8814;
}
.cameras .key.active {
  background-color: #ee8814;
  color: white !important;
}
.cameras .appColor {
  background-color: #ee8814;
}
.cameras:not(.design-2016) .hotelstouch-header {
  background-color: #ee8814;
  color: white !important;
}
.cameras.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.cameras.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #ee8814;
}
.cameras .profile-data[data-title]:before {
  left: 0 !important;
}
.cameras .hotelstouch-menu {
  background-color: #ee8814 !important;
  border-right: 1px solid rgb(221.5714285714, 125.4, 16.0285714286) !important;
  border-top: 1px solid rgb(212.0595238095, 120.0166666667, 15.3404761905);
}
.cameras .hotelstouch-menu::-webkit-scrollbar-thumb,
.cameras .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(212.0595238095, 120.0166666667, 15.3404761905) !important;
}
.cameras .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.cameras .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #ee8814 !important;
}
.cameras .hotelstouch-menu-item.active,
.cameras .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(221.5714285714, 125.4, 16.0285714286) !important;
  color: white;
}
.cameras .hotelstouch-menu-item {
  color: white;
}
.cameras .hotelstouch-submenu-item.active {
  color: #ee8814;
}
.cameras .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(193.0357142857, 109.25, 13.9642857143) !important;
}

.cameras-text {
  color: #ee8814;
}

.cameras-background {
  background-color: #ee8814;
  color: white !important;
}

.cameras-flip-color {
  color: #ee8814;
  background-color: transparent;
}
.cameras-flip-color:hover {
  background-color: #ee8814;
  color: white !important;
}

.screens {
  --appColor: #ef6b17;
}
.screens .appColorDarkerBackground,
.screens .infoActions,
.screens .hotelstouch-subheader {
  background-color: rgb(221.2419354839, 95.3629032258, 15.2580645161);
  border-top: 1px solid rgb(216.4709677419, 93.3064516129, 14.9290322581);
}
.screens .appColorDarkerText {
  color: rgb(221.2419354839, 95.3629032258, 15.2580645161);
}
.screens .appColorLighterBackground {
  background-color: rgb(240.6451612903, 122.2177419355, 46.8548387097);
}
.screens .appColorLighterText {
  color: rgb(240.6451612903, 122.2177419355, 46.8548387097);
}
.screens {
  /* Handle on hover */
}
.screens::-webkit-scrollbar-thumb:hover, .screens::-webkit-scrollbar-button:hover,
.screens *::-webkit-scrollbar-thumb:hover,
.screens *::-webkit-scrollbar-button:hover {
  background-color: #ef6b17;
}
.screens .key.active {
  background-color: #ef6b17;
  color: white !important;
}
.screens .appColor {
  background-color: #ef6b17;
}
.screens:not(.design-2016) .hotelstouch-header {
  background-color: #ef6b17;
  color: white !important;
}
.screens.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.screens.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #ef6b17;
}
.screens .profile-data[data-title]:before {
  left: 0 !important;
}
.screens .hotelstouch-menu {
  background-color: #ef6b17 !important;
  border-right: 1px solid rgb(226.0129032258, 97.4193548387, 15.5870967742) !important;
  border-top: 1px solid rgb(216.4709677419, 93.3064516129, 14.9290322581);
}
.screens .hotelstouch-menu::-webkit-scrollbar-thumb,
.screens .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(216.4709677419, 93.3064516129, 14.9290322581) !important;
}
.screens .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.screens .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #ef6b17 !important;
}
.screens .hotelstouch-menu-item.active,
.screens .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(226.0129032258, 97.4193548387, 15.5870967742) !important;
  color: white;
}
.screens .hotelstouch-menu-item {
  color: white;
}
.screens .hotelstouch-submenu-item.active {
  color: #ef6b17;
}
.screens .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(197.3870967742, 85.0806451613, 13.6129032258) !important;
}

.screens-text {
  color: #ef6b17;
}

.screens-background {
  background-color: #ef6b17;
  color: white !important;
}

.screens-flip-color {
  color: #ef6b17;
  background-color: transparent;
}
.screens-flip-color:hover {
  background-color: #ef6b17;
  color: white !important;
}

.socialwall {
  --appColor: #b84363;
}
.socialwall .appColorDarkerBackground,
.socialwall .infoActions,
.socialwall .hotelstouch-subheader {
  background-color: rgb(165.3067729084, 60.1932270916, 88.9422310757);
  border-top: 1px solid rgb(161.56812749, 58.83187251, 86.9306772908);
}
.socialwall .appColorDarkerText {
  color: rgb(165.3067729084, 60.1932270916, 88.9422310757);
}
.socialwall .appColorLighterBackground {
  background-color: rgb(192.671314741, 83.828685259, 113.5976095618);
}
.socialwall .appColorLighterText {
  color: rgb(192.671314741, 83.828685259, 113.5976095618);
}
.socialwall {
  /* Handle on hover */
}
.socialwall::-webkit-scrollbar-thumb:hover, .socialwall::-webkit-scrollbar-button:hover,
.socialwall *::-webkit-scrollbar-thumb:hover,
.socialwall *::-webkit-scrollbar-button:hover {
  background-color: #b84363;
}
.socialwall .key.active {
  background-color: #b84363;
  color: white !important;
}
.socialwall .appColor {
  background-color: #b84363;
}
.socialwall:not(.design-2016) .hotelstouch-header {
  background-color: #b84363;
  color: white !important;
}
.socialwall.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.socialwall.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #b84363;
}
.socialwall .profile-data[data-title]:before {
  left: 0 !important;
}
.socialwall .hotelstouch-menu {
  background-color: #b84363 !important;
  border-right: 1px solid rgb(169.0454183267, 61.5545816733, 90.9537848606) !important;
  border-top: 1px solid rgb(161.56812749, 58.83187251, 86.9306772908);
}
.socialwall .hotelstouch-menu::-webkit-scrollbar-thumb,
.socialwall .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(161.56812749, 58.83187251, 86.9306772908) !important;
}
.socialwall .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.socialwall .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #b84363 !important;
}
.socialwall .hotelstouch-menu-item.active,
.socialwall .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(169.0454183267, 61.5545816733, 90.9537848606) !important;
  color: white;
}
.socialwall .hotelstouch-menu-item {
  color: white;
}
.socialwall .hotelstouch-submenu-item.active {
  color: #b84363;
}
.socialwall .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(146.6135458167, 53.3864541833, 78.8844621514) !important;
}

.socialwall-text {
  color: #b84363;
}

.socialwall-background {
  background-color: #b84363;
  color: white !important;
}

.socialwall-flip-color {
  color: #b84363;
  background-color: transparent;
}
.socialwall-flip-color:hover {
  background-color: #b84363;
  color: white !important;
}

.dashboard {
  --appColor: #8d3ba8;
}
.dashboard .appColorDarkerBackground,
.dashboard .infoActions,
.dashboard .hotelstouch-subheader {
  background-color: rgb(125.1607929515, 52.372246696, 149.127753304);
  border-top: 1px solid rgb(121.9929515419, 51.0466960352, 145.3533039648);
}
.dashboard .appColorDarkerText {
  color: rgb(125.1607929515, 52.372246696, 149.127753304);
}
.dashboard .appColorLighterBackground {
  background-color: rgb(156.8392070485, 65.627753304, 186.872246696);
}
.dashboard .appColorLighterText {
  color: rgb(156.8392070485, 65.627753304, 186.872246696);
}
.dashboard {
  /* Handle on hover */
}
.dashboard::-webkit-scrollbar-thumb:hover, .dashboard::-webkit-scrollbar-button:hover,
.dashboard *::-webkit-scrollbar-thumb:hover,
.dashboard *::-webkit-scrollbar-button:hover {
  background-color: #8d3ba8;
}
.dashboard .key.active {
  background-color: #8d3ba8;
  color: white !important;
}
.dashboard .appColor {
  background-color: #8d3ba8;
}
.dashboard:not(.design-2016) .hotelstouch-header {
  background-color: #8d3ba8;
  color: white !important;
}
.dashboard.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.dashboard.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #8d3ba8;
}
.dashboard .profile-data[data-title]:before {
  left: 0 !important;
}
.dashboard .hotelstouch-menu {
  background-color: #8d3ba8 !important;
  border-right: 1px solid rgb(128.3286343612, 53.6977973568, 152.9022026432) !important;
  border-top: 1px solid rgb(121.9929515419, 51.0466960352, 145.3533039648);
}
.dashboard .hotelstouch-menu::-webkit-scrollbar-thumb,
.dashboard .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(121.9929515419, 51.0466960352, 145.3533039648) !important;
}
.dashboard .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.dashboard .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #8d3ba8 !important;
}
.dashboard .hotelstouch-menu-item.active,
.dashboard .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(128.3286343612, 53.6977973568, 152.9022026432) !important;
  color: white;
}
.dashboard .hotelstouch-menu-item {
  color: white;
}
.dashboard .hotelstouch-submenu-item.active {
  color: #8d3ba8;
}
.dashboard .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(109.3215859031, 45.7444933921, 130.2555066079) !important;
}

.dashboard-text {
  color: #8d3ba8;
}

.dashboard-background {
  background-color: #8d3ba8;
  color: white !important;
}

.dashboard-flip-color {
  color: #8d3ba8;
  background-color: transparent;
}
.dashboard-flip-color:hover {
  background-color: #8d3ba8;
  color: white !important;
}

.serverstatus {
  --appColor: #46388e;
}
.serverstatus .appColorDarkerBackground,
.serverstatus .infoActions,
.serverstatus .hotelstouch-subheader {
  background-color: rgb(60.9848484848, 48.7878787879, 123.7121212121);
  border-top: 1px solid rgb(59.1818181818, 47.3454545455, 120.0545454545);
}
.serverstatus .appColorDarkerText {
  color: rgb(60.9848484848, 48.7878787879, 123.7121212121);
}
.serverstatus .appColorLighterBackground {
  background-color: rgb(79.0151515152, 63.2121212121, 160.2878787879);
}
.serverstatus .appColorLighterText {
  color: rgb(79.0151515152, 63.2121212121, 160.2878787879);
}
.serverstatus {
  /* Handle on hover */
}
.serverstatus::-webkit-scrollbar-thumb:hover, .serverstatus::-webkit-scrollbar-button:hover,
.serverstatus *::-webkit-scrollbar-thumb:hover,
.serverstatus *::-webkit-scrollbar-button:hover {
  background-color: #46388e;
}
.serverstatus .key.active {
  background-color: #46388e;
  color: white !important;
}
.serverstatus .appColor {
  background-color: #46388e;
}
.serverstatus:not(.design-2016) .hotelstouch-header {
  background-color: #46388e;
  color: white !important;
}
.serverstatus.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.serverstatus.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #46388e;
}
.serverstatus .profile-data[data-title]:before {
  left: 0 !important;
}
.serverstatus .hotelstouch-menu {
  background-color: #46388e !important;
  border-right: 1px solid rgb(62.7878787879, 50.2303030303, 127.3696969697) !important;
  border-top: 1px solid rgb(59.1818181818, 47.3454545455, 120.0545454545);
}
.serverstatus .hotelstouch-menu::-webkit-scrollbar-thumb,
.serverstatus .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(59.1818181818, 47.3454545455, 120.0545454545) !important;
}
.serverstatus .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.serverstatus .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #46388e !important;
}
.serverstatus .hotelstouch-menu-item.active,
.serverstatus .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(62.7878787879, 50.2303030303, 127.3696969697) !important;
  color: white;
}
.serverstatus .hotelstouch-menu-item {
  color: white;
}
.serverstatus .hotelstouch-submenu-item.active {
  color: #46388e;
}
.serverstatus .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(51.9696969697, 41.5757575758, 105.4242424242) !important;
}

.serverstatus-text {
  color: #46388e;
}

.serverstatus-background {
  background-color: #46388e;
  color: white !important;
}

.serverstatus-flip-color {
  color: #46388e;
  background-color: transparent;
}
.serverstatus-flip-color:hover {
  background-color: #46388e;
  color: white !important;
}

.nq {
  --appColor: #6f1aa9;
}
.nq .appColorDarkerBackground,
.nq .infoActions,
.nq .hotelstouch-subheader {
  background-color: rgb(96.4846153846, 22.6, 146.9);
  border-top: 1px solid rgb(93.5815384615, 21.92, 142.48);
}
.nq .appColorDarkerText {
  color: rgb(96.4846153846, 22.6, 146.9);
}
.nq .appColorLighterBackground {
  background-color: rgb(125.5153846154, 29.4, 191.1);
}
.nq .appColorLighterText {
  color: rgb(125.5153846154, 29.4, 191.1);
}
.nq {
  /* Handle on hover */
}
.nq::-webkit-scrollbar-thumb:hover, .nq::-webkit-scrollbar-button:hover,
.nq *::-webkit-scrollbar-thumb:hover,
.nq *::-webkit-scrollbar-button:hover {
  background-color: #6f1aa9;
}
.nq .key.active {
  background-color: #6f1aa9;
  color: white !important;
}
.nq .appColor {
  background-color: #6f1aa9;
}
.nq:not(.design-2016) .hotelstouch-header {
  background-color: #6f1aa9;
  color: white !important;
}
.nq.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.nq.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #6f1aa9;
}
.nq .profile-data[data-title]:before {
  left: 0 !important;
}
.nq .hotelstouch-menu {
  background-color: #6f1aa9 !important;
  border-right: 1px solid rgb(99.3876923077, 23.28, 151.32) !important;
  border-top: 1px solid rgb(93.5815384615, 21.92, 142.48);
}
.nq .hotelstouch-menu::-webkit-scrollbar-thumb,
.nq .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(93.5815384615, 21.92, 142.48) !important;
}
.nq .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.nq .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #6f1aa9 !important;
}
.nq .hotelstouch-menu-item.active,
.nq .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(99.3876923077, 23.28, 151.32) !important;
  color: white;
}
.nq .hotelstouch-menu-item {
  color: white;
}
.nq .hotelstouch-submenu-item.active {
  color: #6f1aa9;
}
.nq .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(81.9692307692, 19.2, 124.8) !important;
}

.nq-text {
  color: #6f1aa9;
}

.nq-background {
  background-color: #6f1aa9;
  color: white !important;
}

.nq-flip-color {
  color: #6f1aa9;
  background-color: transparent;
}
.nq-flip-color:hover {
  background-color: #6f1aa9;
  color: white !important;
}

.projects {
  --appColor: #1f3db6;
}
.projects .appColorDarkerBackground,
.projects .infoActions,
.projects .hotelstouch-subheader {
  background-color: rgb(27.2887323944, 53.6971830986, 160.2112676056);
  border-top: 1px solid rgb(26.5464788732, 52.2366197183, 155.8535211268);
}
.projects .appColorDarkerText {
  color: rgb(27.2887323944, 53.6971830986, 160.2112676056);
}
.projects .appColorLighterBackground {
  background-color: rgb(34.7112676056, 68.3028169014, 203.7887323944);
}
.projects .appColorLighterText {
  color: rgb(34.7112676056, 68.3028169014, 203.7887323944);
}
.projects {
  /* Handle on hover */
}
.projects::-webkit-scrollbar-thumb:hover, .projects::-webkit-scrollbar-button:hover,
.projects *::-webkit-scrollbar-thumb:hover,
.projects *::-webkit-scrollbar-button:hover {
  background-color: #1f3db6;
}
.projects .key.active {
  background-color: #1f3db6;
  color: white !important;
}
.projects .appColor {
  background-color: #1f3db6;
}
.projects:not(.design-2016) .hotelstouch-header {
  background-color: #1f3db6;
  color: white !important;
}
.projects.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.projects.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #1f3db6;
}
.projects .profile-data[data-title]:before {
  left: 0 !important;
}
.projects .hotelstouch-menu {
  background-color: #1f3db6 !important;
  border-right: 1px solid rgb(28.0309859155, 55.1577464789, 164.5690140845) !important;
  border-top: 1px solid rgb(26.5464788732, 52.2366197183, 155.8535211268);
}
.projects .hotelstouch-menu::-webkit-scrollbar-thumb,
.projects .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(26.5464788732, 52.2366197183, 155.8535211268) !important;
}
.projects .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.projects .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #1f3db6 !important;
}
.projects .hotelstouch-menu-item.active,
.projects .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(28.0309859155, 55.1577464789, 164.5690140845) !important;
  color: white;
}
.projects .hotelstouch-menu-item {
  color: white;
}
.projects .hotelstouch-submenu-item.active {
  color: #1f3db6;
}
.projects .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(23.5774647887, 46.3943661972, 138.4225352113) !important;
}

.projects-text {
  color: #1f3db6;
}

.projects-background {
  background-color: #1f3db6;
  color: white !important;
}

.projects-flip-color {
  color: #1f3db6;
  background-color: transparent;
}
.projects-flip-color:hover {
  background-color: #1f3db6;
  color: white !important;
}

.management {
  --appColor: #4e2675;
}
.management .appColorDarkerBackground,
.management .infoActions,
.management .hotelstouch-subheader {
  background-color: rgb(65.1677419355, 31.7483870968, 97.7516129032);
  border-top: 1px solid rgb(62.6012903226, 30.4980645161, 93.9019354839);
}
.management .appColorDarkerText {
  color: rgb(65.1677419355, 31.7483870968, 97.7516129032);
}
.management .appColorLighterBackground {
  background-color: rgb(90.8322580645, 44.2516129032, 136.2483870968);
}
.management .appColorLighterText {
  color: rgb(90.8322580645, 44.2516129032, 136.2483870968);
}
.management {
  /* Handle on hover */
}
.management::-webkit-scrollbar-thumb:hover, .management::-webkit-scrollbar-button:hover,
.management *::-webkit-scrollbar-thumb:hover,
.management *::-webkit-scrollbar-button:hover {
  background-color: #4e2675;
}
.management .key.active {
  background-color: #4e2675;
  color: white !important;
}
.management .appColor {
  background-color: #4e2675;
}
.management:not(.design-2016) .hotelstouch-header {
  background-color: #4e2675;
  color: white !important;
}
.management.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.management.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #4e2675;
}
.management .profile-data[data-title]:before {
  left: 0 !important;
}
.management .hotelstouch-menu {
  background-color: #4e2675 !important;
  border-right: 1px solid rgb(67.7341935484, 32.9987096774, 101.6012903226) !important;
  border-top: 1px solid rgb(62.6012903226, 30.4980645161, 93.9019354839);
}
.management .hotelstouch-menu::-webkit-scrollbar-thumb,
.management .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(62.6012903226, 30.4980645161, 93.9019354839) !important;
}
.management .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.management .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #4e2675 !important;
}
.management .hotelstouch-menu-item.active,
.management .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(67.7341935484, 32.9987096774, 101.6012903226) !important;
  color: white;
}
.management .hotelstouch-menu-item {
  color: white;
}
.management .hotelstouch-submenu-item.active {
  color: #4e2675;
}
.management .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(52.335483871, 25.4967741935, 78.5032258065) !important;
}

.management-text {
  color: #4e2675;
}

.management-background {
  background-color: #4e2675;
  color: white !important;
}

.management-flip-color {
  color: #4e2675;
  background-color: transparent;
}
.management-flip-color:hover {
  background-color: #4e2675;
  color: white !important;
}

.crm {
  --appColor: #2564d9;
}
.crm .appColorDarkerBackground,
.crm .infoActions,
.crm .hotelstouch-subheader {
  background-color: rgb(33.2854330709, 89.9606299213, 195.2145669291);
  border-top: 1px solid rgb(32.542519685, 87.9527559055, 190.857480315);
}
.crm .appColorDarkerText {
  color: rgb(33.2854330709, 89.9606299213, 195.2145669291);
}
.crm .appColorLighterBackground {
  background-color: rgb(58.0767716535, 115.2480314961, 221.4232283465);
}
.crm .appColorLighterText {
  color: rgb(58.0767716535, 115.2480314961, 221.4232283465);
}
.crm {
  /* Handle on hover */
}
.crm::-webkit-scrollbar-thumb:hover, .crm::-webkit-scrollbar-button:hover,
.crm *::-webkit-scrollbar-thumb:hover,
.crm *::-webkit-scrollbar-button:hover {
  background-color: #2564d9;
}
.crm .key.active {
  background-color: #2564d9;
  color: white !important;
}
.crm .appColor {
  background-color: #2564d9;
}
.crm:not(.design-2016) .hotelstouch-header {
  background-color: #2564d9;
  color: white !important;
}
.crm.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.crm.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #2564d9;
}
.crm .profile-data[data-title]:before {
  left: 0 !important;
}
.crm .hotelstouch-menu {
  background-color: #2564d9 !important;
  border-right: 1px solid rgb(34.0283464567, 91.968503937, 199.5716535433) !important;
  border-top: 1px solid rgb(32.542519685, 87.9527559055, 190.857480315);
}
.crm .hotelstouch-menu::-webkit-scrollbar-thumb,
.crm .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(32.542519685, 87.9527559055, 190.857480315) !important;
}
.crm .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.crm .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #2564d9 !important;
}
.crm .hotelstouch-menu-item.active,
.crm .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(34.0283464567, 91.968503937, 199.5716535433) !important;
  color: white;
}
.crm .hotelstouch-menu-item {
  color: white;
}
.crm .hotelstouch-submenu-item.active {
  color: #2564d9;
}
.crm .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(29.5708661417, 79.9212598425, 173.4291338583) !important;
}

.crm-text {
  color: #2564d9;
}

.crm-background {
  background-color: #2564d9;
  color: white !important;
}

.crm-flip-color {
  color: #2564d9;
  background-color: transparent;
}
.crm-flip-color:hover {
  background-color: #2564d9;
  color: white !important;
}

.counters {
  --appColor: #5e5287;
}
.counters .appColorDarkerBackground,
.counters .infoActions,
.counters .hotelstouch-subheader {
  background-color: rgb(82.9539170507, 72.3640552995, 119.1359447005);
  border-top: 1px solid rgb(80.7447004608, 70.4368663594, 115.9631336406);
}
.counters .appColorDarkerText {
  color: rgb(82.9539170507, 72.3640552995, 119.1359447005);
}
.counters .appColorLighterBackground {
  background-color: rgb(105.0460829493, 91.6359447005, 150.8640552995);
}
.counters .appColorLighterText {
  color: rgb(105.0460829493, 91.6359447005, 150.8640552995);
}
.counters {
  /* Handle on hover */
}
.counters::-webkit-scrollbar-thumb:hover, .counters::-webkit-scrollbar-button:hover,
.counters *::-webkit-scrollbar-thumb:hover,
.counters *::-webkit-scrollbar-button:hover {
  background-color: #5e5287;
}
.counters .key.active {
  background-color: #5e5287;
  color: white !important;
}
.counters .appColor {
  background-color: #5e5287;
}
.counters:not(.design-2016) .hotelstouch-header {
  background-color: #5e5287;
  color: white !important;
}
.counters.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.counters.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #5e5287;
}
.counters .profile-data[data-title]:before {
  left: 0 !important;
}
.counters .hotelstouch-menu {
  background-color: #5e5287 !important;
  border-right: 1px solid rgb(85.1631336406, 74.2912442396, 122.3087557604) !important;
  border-top: 1px solid rgb(80.7447004608, 70.4368663594, 115.9631336406);
}
.counters .hotelstouch-menu::-webkit-scrollbar-thumb,
.counters .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(80.7447004608, 70.4368663594, 115.9631336406) !important;
}
.counters .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.counters .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #5e5287 !important;
}
.counters .hotelstouch-menu-item.active,
.counters .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(85.1631336406, 74.2912442396, 122.3087557604) !important;
  color: white;
}
.counters .hotelstouch-menu-item {
  color: white;
}
.counters .hotelstouch-submenu-item.active {
  color: #5e5287;
}
.counters .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(71.9078341014, 62.7281105991, 103.2718894009) !important;
}

.counters-text {
  color: #5e5287;
}

.counters-background {
  background-color: #5e5287;
  color: white !important;
}

.counters-flip-color {
  color: #5e5287;
  background-color: transparent;
}
.counters-flip-color:hover {
  background-color: #5e5287;
  color: white !important;
}

.messenger {
  --appColor: #b637e0;
}
.messenger .appColorDarkerBackground,
.messenger .infoActions,
.messenger .hotelstouch-subheader {
  background-color: rgb(173.3896103896, 34.0194805195, 219.4805194805);
  border-top: 1px solid rgb(169.9012987013, 33.3350649351, 215.0649350649);
}
.messenger .appColorDarkerText {
  color: rgb(173.3896103896, 34.0194805195, 219.4805194805);
}
.messenger .appColorLighterBackground {
  background-color: rgb(190.0584415584, 77.0779220779, 227.4220779221);
}
.messenger .appColorLighterText {
  color: rgb(190.0584415584, 77.0779220779, 227.4220779221);
}
.messenger {
  /* Handle on hover */
}
.messenger::-webkit-scrollbar-thumb:hover, .messenger::-webkit-scrollbar-button:hover,
.messenger *::-webkit-scrollbar-thumb:hover,
.messenger *::-webkit-scrollbar-button:hover {
  background-color: #b637e0;
}
.messenger .key.active {
  background-color: #b637e0;
  color: white !important;
}
.messenger .appColor {
  background-color: #b637e0;
}
.messenger:not(.design-2016) .hotelstouch-header {
  background-color: #b637e0;
  color: white !important;
}
.messenger.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.messenger.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #b637e0;
}
.messenger .profile-data[data-title]:before {
  left: 0 !important;
}
.messenger .hotelstouch-menu {
  background-color: #b637e0 !important;
  border-right: 1px solid rgb(175.5532467532, 37.3376623377, 221.2623376623) !important;
  border-top: 1px solid rgb(169.9012987013, 33.3350649351, 215.0649350649);
}
.messenger .hotelstouch-menu::-webkit-scrollbar-thumb,
.messenger .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(169.9012987013, 33.3350649351, 215.0649350649) !important;
}
.messenger .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.messenger .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #b637e0 !important;
}
.messenger .hotelstouch-menu-item.active,
.messenger .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(175.5532467532, 37.3376623377, 221.2623376623) !important;
  color: white;
}
.messenger .hotelstouch-menu-item {
  color: white;
}
.messenger .hotelstouch-submenu-item.active {
  color: #b637e0;
}
.messenger .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(155.9480519481, 30.5974025974, 197.4025974026) !important;
}

.messenger-text {
  color: #b637e0;
}

.messenger-background {
  background-color: #b637e0;
  color: white !important;
}

.messenger-flip-color {
  color: #b637e0;
  background-color: transparent;
}
.messenger-flip-color:hover {
  background-color: #b637e0;
  color: white !important;
}

.exchange {
  --appColor: #1b855c;
}
.exchange .appColorDarkerBackground,
.exchange .infoActions,
.exchange .hotelstouch-subheader {
  background-color: rgb(22.696875, 111.803125, 77.3375);
  border-top: 1px solid rgb(21.83625, 107.56375, 74.405);
}
.exchange .appColorDarkerText {
  color: rgb(22.696875, 111.803125, 77.3375);
}
.exchange .appColorLighterBackground {
  background-color: rgb(31.303125, 154.196875, 106.6625);
}
.exchange .appColorLighterText {
  color: rgb(31.303125, 154.196875, 106.6625);
}
.exchange {
  /* Handle on hover */
}
.exchange::-webkit-scrollbar-thumb:hover, .exchange::-webkit-scrollbar-button:hover,
.exchange *::-webkit-scrollbar-thumb:hover,
.exchange *::-webkit-scrollbar-button:hover {
  background-color: #1b855c;
}
.exchange .key.active {
  background-color: #1b855c;
  color: white !important;
}
.exchange .appColor {
  background-color: #1b855c;
}
.exchange:not(.design-2016) .hotelstouch-header {
  background-color: #1b855c;
  color: white !important;
}
.exchange.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.exchange.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #1b855c;
}
.exchange .profile-data[data-title]:before {
  left: 0 !important;
}
.exchange .hotelstouch-menu {
  background-color: #1b855c !important;
  border-right: 1px solid rgb(23.5575, 116.0425, 80.27) !important;
  border-top: 1px solid rgb(21.83625, 107.56375, 74.405);
}
.exchange .hotelstouch-menu::-webkit-scrollbar-thumb,
.exchange .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(21.83625, 107.56375, 74.405) !important;
}
.exchange .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.exchange .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #1b855c !important;
}
.exchange .hotelstouch-menu-item.active,
.exchange .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(23.5575, 116.0425, 80.27) !important;
  color: white;
}
.exchange .hotelstouch-menu-item {
  color: white;
}
.exchange .hotelstouch-submenu-item.active {
  color: #1b855c;
}
.exchange .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(18.39375, 90.60625, 62.675) !important;
}

.exchange-text {
  color: #1b855c;
}

.exchange-background {
  background-color: #1b855c;
  color: white !important;
}

.exchange-flip-color {
  color: #1b855c;
  background-color: transparent;
}
.exchange-flip-color:hover {
  background-color: #1b855c;
  color: white !important;
}

.support {
  --appColor: #5f2a77;
}
.support .appColorDarkerBackground,
.support .infoActions,
.support .hotelstouch-subheader {
  background-color: rgb(79.9534161491, 35.347826087, 100.152173913);
  border-top: 1px solid rgb(76.9440993789, 34.0173913043, 96.3826086957);
}
.support .appColorDarkerText {
  color: rgb(79.9534161491, 35.347826087, 100.152173913);
}
.support .appColorLighterBackground {
  background-color: rgb(110.0465838509, 48.652173913, 137.847826087);
}
.support .appColorLighterText {
  color: rgb(110.0465838509, 48.652173913, 137.847826087);
}
.support {
  /* Handle on hover */
}
.support::-webkit-scrollbar-thumb:hover, .support::-webkit-scrollbar-button:hover,
.support *::-webkit-scrollbar-thumb:hover,
.support *::-webkit-scrollbar-button:hover {
  background-color: #5f2a77;
}
.support .key.active {
  background-color: #5f2a77;
  color: white !important;
}
.support .appColor {
  background-color: #5f2a77;
}
.support:not(.design-2016) .hotelstouch-header {
  background-color: #5f2a77;
  color: white !important;
}
.support.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.support.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #5f2a77;
}
.support .profile-data[data-title]:before {
  left: 0 !important;
}
.support .hotelstouch-menu {
  background-color: #5f2a77 !important;
  border-right: 1px solid rgb(82.9627329193, 36.6782608696, 103.9217391304) !important;
  border-top: 1px solid rgb(76.9440993789, 34.0173913043, 96.3826086957);
}
.support .hotelstouch-menu::-webkit-scrollbar-thumb,
.support .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(76.9440993789, 34.0173913043, 96.3826086957) !important;
}
.support .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.support .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #5f2a77 !important;
}
.support .hotelstouch-menu-item.active,
.support .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(82.9627329193, 36.6782608696, 103.9217391304) !important;
  color: white;
}
.support .hotelstouch-menu-item {
  color: white;
}
.support .hotelstouch-submenu-item.active {
  color: #5f2a77;
}
.support .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(64.9068322981, 28.6956521739, 81.3043478261) !important;
}

.support-text {
  color: #5f2a77;
}

.support-background {
  background-color: #5f2a77;
  color: white !important;
}

.support-flip-color {
  color: #5f2a77;
  background-color: transparent;
}
.support-flip-color:hover {
  background-color: #5f2a77;
  color: white !important;
}

.sales {
  --appColor: #10707f;
}
.sales .appColorDarkerBackground,
.sales .infoActions,
.sales .hotelstouch-subheader {
  background-color: rgb(13.1468531469, 92.027972028, 104.3531468531);
  border-top: 1px solid rgb(12.5762237762, 88.0335664336, 99.8237762238);
}
.sales .appColorDarkerText {
  color: rgb(13.1468531469, 92.027972028, 104.3531468531);
}
.sales .appColorLighterBackground {
  background-color: rgb(18.8531468531, 131.972027972, 149.6468531469);
}
.sales .appColorLighterText {
  color: rgb(18.8531468531, 131.972027972, 149.6468531469);
}
.sales {
  /* Handle on hover */
}
.sales::-webkit-scrollbar-thumb:hover, .sales::-webkit-scrollbar-button:hover,
.sales *::-webkit-scrollbar-thumb:hover,
.sales *::-webkit-scrollbar-button:hover {
  background-color: #10707f;
}
.sales .key.active {
  background-color: #10707f;
  color: white !important;
}
.sales .appColor {
  background-color: #10707f;
}
.sales:not(.design-2016) .hotelstouch-header {
  background-color: #10707f;
  color: white !important;
}
.sales.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.sales.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #10707f;
}
.sales .profile-data[data-title]:before {
  left: 0 !important;
}
.sales .hotelstouch-menu {
  background-color: #10707f !important;
  border-right: 1px solid rgb(13.7174825175, 96.0223776224, 108.8825174825) !important;
  border-top: 1px solid rgb(12.5762237762, 88.0335664336, 99.8237762238);
}
.sales .hotelstouch-menu::-webkit-scrollbar-thumb,
.sales .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(12.5762237762, 88.0335664336, 99.8237762238) !important;
}
.sales .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.sales .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #10707f !important;
}
.sales .hotelstouch-menu-item.active,
.sales .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(13.7174825175, 96.0223776224, 108.8825174825) !important;
  color: white;
}
.sales .hotelstouch-menu-item {
  color: white;
}
.sales .hotelstouch-submenu-item.active {
  color: #10707f;
}
.sales .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(10.2937062937, 72.0559440559, 81.7062937063) !important;
}

.sales-text {
  color: #10707f;
}

.sales-background {
  background-color: #10707f;
  color: white !important;
}

.sales-flip-color {
  color: #10707f;
  background-color: transparent;
}
.sales-flip-color:hover {
  background-color: #10707f;
  color: white !important;
}

.legacy-crm {
  --appColor: #0f9997;
}
.legacy-crm .appColorDarkerBackground,
.legacy-crm .infoActions,
.legacy-crm .hotelstouch-subheader {
  background-color: rgb(12.7232142857, 129.7767857143, 128.0803571429);
  border-top: 1px solid rgb(12.2678571429, 125.1321428571, 123.4964285714);
}
.legacy-crm .appColorDarkerText {
  color: rgb(12.7232142857, 129.7767857143, 128.0803571429);
}
.legacy-crm .appColorLighterBackground {
  background-color: rgb(17.2767857143, 176.2232142857, 173.9196428571);
}
.legacy-crm .appColorLighterText {
  color: rgb(17.2767857143, 176.2232142857, 173.9196428571);
}
.legacy-crm {
  /* Handle on hover */
}
.legacy-crm::-webkit-scrollbar-thumb:hover, .legacy-crm::-webkit-scrollbar-button:hover,
.legacy-crm *::-webkit-scrollbar-thumb:hover,
.legacy-crm *::-webkit-scrollbar-button:hover {
  background-color: #0f9997;
}
.legacy-crm .key.active {
  background-color: #0f9997;
  color: white !important;
}
.legacy-crm .appColor {
  background-color: #0f9997;
}
.legacy-crm:not(.design-2016) .hotelstouch-header {
  background-color: #0f9997;
  color: white !important;
}
.legacy-crm.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.legacy-crm.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #0f9997;
}
.legacy-crm .profile-data[data-title]:before {
  left: 0 !important;
}
.legacy-crm .hotelstouch-menu {
  background-color: #0f9997 !important;
  border-right: 1px solid rgb(13.1785714286, 134.4214285714, 132.6642857143) !important;
  border-top: 1px solid rgb(12.2678571429, 125.1321428571, 123.4964285714);
}
.legacy-crm .hotelstouch-menu::-webkit-scrollbar-thumb,
.legacy-crm .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(12.2678571429, 125.1321428571, 123.4964285714) !important;
}
.legacy-crm .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.legacy-crm .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #0f9997 !important;
}
.legacy-crm .hotelstouch-menu-item.active,
.legacy-crm .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(13.1785714286, 134.4214285714, 132.6642857143) !important;
  color: white;
}
.legacy-crm .hotelstouch-menu-item {
  color: white;
}
.legacy-crm .hotelstouch-submenu-item.active {
  color: #0f9997;
}
.legacy-crm .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(10.4464285714, 106.5535714286, 105.1607142857) !important;
}

.legacy-crm-text {
  color: #0f9997;
}

.legacy-crm-background {
  background-color: #0f9997;
  color: white !important;
}

.legacy-crm-flip-color {
  color: #0f9997;
  background-color: transparent;
}
.legacy-crm-flip-color:hover {
  background-color: #0f9997;
  color: white !important;
}

.multimedia {
  --appColor: #f26b38;
}
.multimedia .appColorDarkerBackground,
.multimedia .infoActions,
.multimedia .hotelstouch-subheader {
  background-color: rgb(240.4363207547, 89.1981132075, 32.0636792453);
  border-top: 1px solid rgb(240.1235849057, 85.6377358491, 27.2764150943);
}
.multimedia .appColorDarkerText {
  color: rgb(240.4363207547, 89.1981132075, 32.0636792453);
}
.multimedia .appColorLighterBackground {
  background-color: rgb(243.5636792453, 124.8018867925, 79.9363207547);
}
.multimedia .appColorLighterText {
  color: rgb(243.5636792453, 124.8018867925, 79.9363207547);
}
.multimedia {
  /* Handle on hover */
}
.multimedia::-webkit-scrollbar-thumb:hover, .multimedia::-webkit-scrollbar-button:hover,
.multimedia *::-webkit-scrollbar-thumb:hover,
.multimedia *::-webkit-scrollbar-button:hover {
  background-color: #f26b38;
}
.multimedia .key.active {
  background-color: #f26b38;
  color: white !important;
}
.multimedia .appColor {
  background-color: #f26b38;
}
.multimedia:not(.design-2016) .hotelstouch-header {
  background-color: #f26b38;
  color: white !important;
}
.multimedia.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.multimedia.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #f26b38;
}
.multimedia .profile-data[data-title]:before {
  left: 0 !important;
}
.multimedia .hotelstouch-menu {
  background-color: #f26b38 !important;
  border-right: 1px solid rgb(240.7490566038, 92.758490566, 36.8509433962) !important;
  border-top: 1px solid rgb(240.1235849057, 85.6377358491, 27.2764150943);
}
.multimedia .hotelstouch-menu::-webkit-scrollbar-thumb,
.multimedia .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(240.1235849057, 85.6377358491, 27.2764150943) !important;
}
.multimedia .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.multimedia .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #f26b38 !important;
}
.multimedia .hotelstouch-menu-item.active,
.multimedia .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(240.7490566038, 92.758490566, 36.8509433962) !important;
  color: white;
}
.multimedia .hotelstouch-menu-item {
  color: white;
}
.multimedia .hotelstouch-submenu-item.active {
  color: #f26b38;
}
.multimedia .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(231.8537735849, 74.5660377358, 15.1462264151) !important;
}

.multimedia-text {
  color: #f26b38;
}

.multimedia-background {
  background-color: #f26b38;
  color: white !important;
}

.multimedia-flip-color {
  color: #f26b38;
  background-color: transparent;
}
.multimedia-flip-color:hover {
  background-color: #f26b38;
  color: white !important;
}

.socialfeed {
  --appColor: #b84363;
}
.socialfeed .appColorDarkerBackground,
.socialfeed .infoActions,
.socialfeed .hotelstouch-subheader {
  background-color: rgb(165.3067729084, 60.1932270916, 88.9422310757);
  border-top: 1px solid rgb(161.56812749, 58.83187251, 86.9306772908);
}
.socialfeed .appColorDarkerText {
  color: rgb(165.3067729084, 60.1932270916, 88.9422310757);
}
.socialfeed .appColorLighterBackground {
  background-color: rgb(192.671314741, 83.828685259, 113.5976095618);
}
.socialfeed .appColorLighterText {
  color: rgb(192.671314741, 83.828685259, 113.5976095618);
}
.socialfeed {
  /* Handle on hover */
}
.socialfeed::-webkit-scrollbar-thumb:hover, .socialfeed::-webkit-scrollbar-button:hover,
.socialfeed *::-webkit-scrollbar-thumb:hover,
.socialfeed *::-webkit-scrollbar-button:hover {
  background-color: #b84363;
}
.socialfeed .key.active {
  background-color: #b84363;
  color: white !important;
}
.socialfeed .appColor {
  background-color: #b84363;
}
.socialfeed:not(.design-2016) .hotelstouch-header {
  background-color: #b84363;
  color: white !important;
}
.socialfeed.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.socialfeed.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #b84363;
}
.socialfeed .profile-data[data-title]:before {
  left: 0 !important;
}
.socialfeed .hotelstouch-menu {
  background-color: #b84363 !important;
  border-right: 1px solid rgb(169.0454183267, 61.5545816733, 90.9537848606) !important;
  border-top: 1px solid rgb(161.56812749, 58.83187251, 86.9306772908);
}
.socialfeed .hotelstouch-menu::-webkit-scrollbar-thumb,
.socialfeed .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(161.56812749, 58.83187251, 86.9306772908) !important;
}
.socialfeed .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.socialfeed .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #b84363 !important;
}
.socialfeed .hotelstouch-menu-item.active,
.socialfeed .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(169.0454183267, 61.5545816733, 90.9537848606) !important;
  color: white;
}
.socialfeed .hotelstouch-menu-item {
  color: white;
}
.socialfeed .hotelstouch-submenu-item.active {
  color: #b84363;
}
.socialfeed .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(146.6135458167, 53.3864541833, 78.8844621514) !important;
}

.socialfeed-text {
  color: #b84363;
}

.socialfeed-background {
  background-color: #b84363;
  color: white !important;
}

.socialfeed-flip-color {
  color: #b84363;
  background-color: transparent;
}
.socialfeed-flip-color:hover {
  background-color: #b84363;
  color: white !important;
}

.plurato {
  --appColor: #004B76;
}
.plurato .appColorDarkerBackground,
.plurato .infoActions,
.plurato .hotelstouch-subheader {
  background-color: rgb(0, 58.7923728814, 92.5);
  border-top: 1px solid rgb(0, 55.5508474576, 87.4);
}
.plurato .appColorDarkerText {
  color: rgb(0, 58.7923728814, 92.5);
}
.plurato .appColorLighterBackground {
  background-color: rgb(0, 91.2076271186, 143.5);
}
.plurato .appColorLighterText {
  color: rgb(0, 91.2076271186, 143.5);
}
.plurato {
  /* Handle on hover */
}
.plurato::-webkit-scrollbar-thumb:hover, .plurato::-webkit-scrollbar-button:hover,
.plurato *::-webkit-scrollbar-thumb:hover,
.plurato *::-webkit-scrollbar-button:hover {
  background-color: #004B76;
}
.plurato .key.active {
  background-color: #004B76;
  color: white !important;
}
.plurato .appColor {
  background-color: #004B76;
}
.plurato:not(.design-2016) .hotelstouch-header {
  background-color: #004B76;
  color: white !important;
}
.plurato.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.plurato.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #004B76;
}
.plurato .profile-data[data-title]:before {
  left: 0 !important;
}
.plurato .hotelstouch-menu {
  background-color: #004B76 !important;
  border-right: 1px solid rgb(0, 62.0338983051, 97.6) !important;
  border-top: 1px solid rgb(0, 55.5508474576, 87.4);
}
.plurato .hotelstouch-menu::-webkit-scrollbar-thumb,
.plurato .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(0, 55.5508474576, 87.4) !important;
}
.plurato .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.plurato .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #004B76 !important;
}
.plurato .hotelstouch-menu-item.active,
.plurato .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(0, 62.0338983051, 97.6) !important;
  color: white;
}
.plurato .hotelstouch-menu-item {
  color: white;
}
.plurato .hotelstouch-submenu-item.active {
  color: #004B76;
}
.plurato .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(0, 42.5847457627, 67) !important;
}

.plurato-text {
  color: #004B76;
}

.plurato-background {
  background-color: #004B76;
  color: white !important;
}

.plurato-flip-color {
  color: #004B76;
  background-color: transparent;
}
.plurato-flip-color:hover {
  background-color: #004B76;
  color: white !important;
}

.client360 {
  --appColor: #004B76;
}
.client360 .appColorDarkerBackground,
.client360 .infoActions,
.client360 .hotelstouch-subheader {
  background-color: rgb(0, 58.7923728814, 92.5);
  border-top: 1px solid rgb(0, 55.5508474576, 87.4);
}
.client360 .appColorDarkerText {
  color: rgb(0, 58.7923728814, 92.5);
}
.client360 .appColorLighterBackground {
  background-color: rgb(0, 91.2076271186, 143.5);
}
.client360 .appColorLighterText {
  color: rgb(0, 91.2076271186, 143.5);
}
.client360 {
  /* Handle on hover */
}
.client360::-webkit-scrollbar-thumb:hover, .client360::-webkit-scrollbar-button:hover,
.client360 *::-webkit-scrollbar-thumb:hover,
.client360 *::-webkit-scrollbar-button:hover {
  background-color: #004B76;
}
.client360 .key.active {
  background-color: #004B76;
  color: white !important;
}
.client360 .appColor {
  background-color: #004B76;
}
.client360:not(.design-2016) .hotelstouch-header {
  background-color: #004B76;
  color: white !important;
}
.client360.design-2016 .hotelstouch-header .hotelstouch-logo > [class^=icon-],
.client360.design-2016 .hotelstouch-header .hotelstouch-logo > [class*=" icon-"] {
  color: #004B76;
}
.client360 .profile-data[data-title]:before {
  left: 0 !important;
}
.client360 .hotelstouch-menu {
  background-color: #004B76 !important;
  border-right: 1px solid rgb(0, 62.0338983051, 97.6) !important;
  border-top: 1px solid rgb(0, 55.5508474576, 87.4);
}
.client360 .hotelstouch-menu::-webkit-scrollbar-thumb,
.client360 .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: rgb(0, 55.5508474576, 87.4) !important;
}
.client360 .hotelstouch-menu::-webkit-scrollbar-thumb:hover,
.client360 .hotelstouch-menu *::-webkit-scrollbar-thumb:hover {
  background: #004B76 !important;
}
.client360 .hotelstouch-menu-item.active,
.client360 .hotelstouch-menu-item:hover:not([class$=flip-color]) {
  background-color: rgb(0, 62.0338983051, 97.6) !important;
  color: white;
}
.client360 .hotelstouch-menu-item {
  color: white;
}
.client360 .hotelstouch-submenu-item.active {
  color: #004B76;
}
.client360 .hotelstouch-submenu-item:hover {
  border-left: 3px solid rgb(0, 42.5847457627, 67) !important;
}

.client360-text {
  color: #004B76;
}

.client360-background {
  background-color: #004B76;
  color: white !important;
}

.client360-flip-color {
  color: #004B76;
  background-color: transparent;
}
.client360-flip-color:hover {
  background-color: #004B76;
  color: white !important;
}

@media only screen and (max-width: 1024px) {
  .ht_cashRegister .ht_bill .ht_bill_footer .ht_bill_total {
    font-size: 1.6em !important;
  }
  .ht_cashRegister .ht_bill .ht_bill_footer .ht_bill_process {
    right: 5px !important;
    top: 20px !important;
  }
  .ht_cashRegister .ht_bill .ht_bill_footer .ht_bill_quick_cash {
    right: 77px !important;
    top: 20px !important;
  }
  .hotelstouch-data.grid.product {
    grid-template-columns: repeat(4, 1fr) !important;
  }
  .ht_cash_register_actionbar > * {
    font-size: 1.6em !important;
    min-width: 60px !important;
    height: 60px !important;
  }
  .ht_cash_register_actionbar > *:after {
    font-size: 0.8em !important;
  }
  .showLargeScrollbars::-webkit-scrollbar-button,
  .showLargeScrollbars ::-webkit-scrollbar-button {
    height: 46px;
    width: 40px;
    background-size: 55%;
    border: none;
    background-color: #ececec;
    background-position: center;
    background-repeat: no-repeat;
  }
  .showLargeScrollbars::-webkit-scrollbar,
  .showLargeScrollbars ::-webkit-scrollbar {
    width: 40px;
    height: 40px;
  }
  .showLargeScrollbars::-webkit-scrollbar-button:start:increment, .showLargeScrollbars::-webkit-scrollbar-button:end:decrement,
  .showLargeScrollbars ::-webkit-scrollbar-button:start:increment,
  .showLargeScrollbars ::-webkit-scrollbar-button:end:decrement {
    display: none;
  }
  .showLargeScrollbars::-webkit-scrollbar-button:start:decrement,
  .showLargeScrollbars ::-webkit-scrollbar-button:start:decrement {
    background-image: url("https://design.hotelstouch.com/arrow_up.png");
  }
  .showLargeScrollbars::-webkit-scrollbar-button:end:increment,
  .showLargeScrollbars ::-webkit-scrollbar-button:end:increment {
    background-image: url("https://design.hotelstouch.com/arrow_down.png");
  }
  .showLargeScrollbars::-webkit-scrollbar-thumb,
  .showLargeScrollbars ::-webkit-scrollbar-thumb {
    border-radius: 0px !important;
  }
  .showLargeScrollbars::-webkit-scrollbar-track,
  .showLargeScrollbars ::-webkit-scrollbar-track,
  .showLargeScrollbars .hotelstouch-modal > *::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.58) !important;
  }
}
/* width */
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html,
body {
  height: 100%;
}

i.fa[data-icon]:before {
  content: attr(data-icon);
  padding: 2px;
}

:focus {
  outline: none !important;
}

@media screen and (orientation: portrait) {
  html,
  body.design-2016 {
    width: 99%;
    margin: auto;
  }
}
* {
  box-sizing: border-box;
}

.hidden {
  display: none !important;
}

.lineThrough {
  text-decoration: line-through;
}

.noSelection, body .filters, body.design-2017 .hotelstouch-header .hotelstouch-menu-button, body.Horizontal .hotelstouch-header .hotelstouch-menu-button, body.Vertical .hotelstouch-header .hotelstouch-menu-button, body.appVertical .hotelstouch-header .hotelstouch-menu-button, body.appHorizontal .hotelstouch-header .hotelstouch-menu-button {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
             supported by Chrome and Opera */
}

.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

sup {
  padding: 0 1px;
  border-radius: 4px;
  opacity: 0.6;
}

.half-transparent {
  opacity: 0.5;
}

.text-neutral {
  color: #333333;
}

.background-neutral {
  background-color: #333333;
  color: #ffffff !important;
}
.background-neutral input {
  color: #ffffff !important;
}

.no-background {
  background-color: rgba(255, 255, 255, 0) !important;
}

.white-background {
  background-color: rgb(255, 255, 255) !important;
}

.text-message {
  color: #1eb26c;
}

.background-message,
.background-confirmed {
  background-color: #1eb26c !important;
  color: #ffffff !important;
}
.background-message input,
.background-confirmed input {
  color: #ffffff !important;
}

.text-payment {
  color: #1eb26c;
}

.background-payment {
  background-color: #10805d !important;
  color: #ffffff !important;
}
.background-payment input {
  color: #ffffff !important;
}

.border-error {
  border: 1px solid #ae1a2a;
}

.text-error {
  color: #ae1a2a !important;
}

.background-error,
.background-rejected {
  background-color: #ae1a2a !important;
  color: #ffffff !important;
}
.background-error input,
.background-rejected input {
  color: #ffffff !important;
}

.text-warning {
  color: #eea712 !important;
}

.background-warning,
.background-done {
  background-color: #eea712 !important;
  color: #ffffff !important;
}
.background-warning input,
.background-done input {
  color: #ffffff !important;
}

.background-warning-critical {
  background-color: #ef6b17 !important;
  color: #ffffff;
}

.text-info {
  color: #1f3db6;
}

.background-info,
.background-progress {
  background-color: #1f3db6 !important;
  color: #ffffff !important;
}
.background-info input,
.background-progress input {
  color: #ffffff !important;
}

.text-noInfo {
  color: #333333;
}

.background-noInfo,
.background-pause {
  background-color: #333333 !important;
  color: #ffffff;
}
.background-noInfo input,
.background-pause input {
  color: #ffffff !important;
}

.text-new,
.text-theme {
  color: #4e2675;
}

.background-new,
.background-theme {
  background-color: #4e2675;
  color: #ffffff !important;
}

.appColor {
  color: #ffffff !important;
}

:root,
.hotelstouch,
.light {
  --hotelstouchTheme: #4e2675;
  --hotelstouchThemeLight: #7a5c98;
  --backgroundColor: #f0f0f0;
  --backgroundLightColor: #f7f7f7;
  --borderDarkColor: #ababab;
  --borderColor: #d7d7d7;
  --borderLightColor: #ececec;
  --formColor: #ffffff;
  --textColor: #333333;
  --textButtonColor: #ffffff;
  --headerColor: #ffffff;
  --footerColor: #212121;
  --shadowColor: rgba(0, 0, 0, 0.1);
  --shadowLightColor: rgba(255, 255, 255, 0.1);
  --shadowMediumColor: rgba(51, 51, 51, 0.6);
  --transparentColor: rgba(255, 255, 255, 0);
  --blackColor: #000000;
  --whiteColor: #ffffff;
}

.dark {
  --hotelstouchTheme: #858dae;
  --hotelstouchThemeLight: #a5b0de;
  --backgroundColor: #202020;
  --backgroundLightColor: #3c3c3c;
  --borderDarkColor: #676767;
  --borderColor: #535353;
  --borderLightColor: #2c2c2c;
  --formColor: #464646;
  --textColor: #d0d0d0;
  --textButtonColor: #ffffff;
  --headerColor: #3a3a3a;
  --footerColor: #000000;
  --shadowColor: rgba(0, 0, 0, 0.1);
  --shadowLightColor: rgba(255, 255, 255, 0.1);
  --shadowMediumColor: rgba(51, 51, 51, 0.6);
  --transparentColor: rgba(255, 255, 255, 0);
  --blackColor: #000000;
  --whiteColor: #ffffff;
}

body .ck-body-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1011;
}
body .ck-editor__editable {
  min-height: 200px;
  font-size: 13px;
  color: black;
}
body.inIframe .hotelstouch-menu,
body.inIframe .hotelstouch-header {
  display: none !important;
}
body.inIframe .hotelstouch-body {
  margin: 0 !important;
}
body.inIframe .hotelstouch-content {
  padding-top: 0px !important;
}
body.inIframe .floating-filters .filters {
  top: 36px !important;
}
body {
  /* Track */
}
body::-webkit-scrollbar-track,
body *::-webkit-scrollbar-track {
  background: rgba(189, 189, 189, 0.1);
}
body {
  /* Handle */
}
body::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-thumb {
  background: var(--borderColor);
  border-radius: 3px;
}
body .currency {
  font-size: 0.8em;
}
body .divider {
  background-color: var(--borderLightColor);
  color: var(--hotelstouchTheme);
}
body .backgroundColor {
  background-color: var(--backgroundColor);
}
body .row-image img {
  max-width: 100%;
  max-height: 100%;
}
body .glyphicon-arrow-left:before {
  font-family: FontAwesome;
  content: "\f053";
  font-style: normal;
}
body .glyphicon-arrow-right:before {
  font-family: FontAwesome;
  content: "\f054";
  font-style: normal;
}
body .datetimepicker {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
body .datetimepicker table tr td span {
  height: 30px;
  line-height: 30px;
}
body .datetimepicker .active {
  background-color: var(--hotelstouchTheme);
  background-image: none !important;
}
body .datetimepicker .activeShow {
  background-color: #ef6b17;
  color: var(--whiteColor);
}
@media screen and (orientation: landscape) {
  body .hotelstouch-popup:after {
    display: block;
    position: absolute;
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 12px solid var(--formColor) !important;
  }
}
body a {
  color: var(--textColor);
}
body a.hotelstouch-button {
  height: 30px;
  border-radius: 3px;
  line-height: 30px;
  cursor: pointer;
  padding: 0 !important;
  display: block;
}
body .hotelstouch-theme {
  background-color: var(--hotelstouchTheme) !important;
}
body .light {
  color: var(--textColor) !important;
  background-color: var(--formColor) !important;
}
body .dark {
  background-color: var(--textColor) !important;
  color: var(--formColor) !important;
}
body {
  background-color: var(--backgroundColor);
  color: var(--textColor);
}
body a:hover {
  color: var(--hotelstouchTheme);
}
body {
  margin: 0;
  font-family: "Open Sans", FontAwesome, fontello;
}
body .oneLineThreeDots, body .ht_cashRegister .ht_product_categories .ht_product_category, body .ht_cashRegister .ht_bill .ht_bill_content .ht_bill_product .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .roundImage,
body .circle {
  border-radius: 50% !important;
}
body a,
body a:focus,
body a:visited {
  cursor: pointer;
  text-decoration: none;
}
body div.disabled,
body label.disabled,
body a.disabled {
  opacity: 0.3;
  pointer-events: none !important;
  cursor: no-drop !important;
}
body .border-top {
  border-top: 1px solid var(--borderLightColor);
}
body .border-bottom {
  border-bottom: 1px solid var(--borderLightColor);
}
body .border-left {
  border-left: 1px solid var(--borderLightColor);
}
body .border-right {
  border-right: 1px solid var(--borderLightColor);
}
body .jsonPreview {
  margin: 5px;
  width: 100%;
  border: 1px solid var(--borderLightColor);
}
body .jsonObject {
  background-color: var(--formColor);
  border-radius: 4px;
  padding: 5px;
  margin: 4px;
  width: 100%;
  border: 2px solid var(--borderColor);
  border-left-width: 10px;
  font-size: 12px;
}
body .jsonKey:before {
  content: attr(data-key);
  width: 150px;
  min-width: 150px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--borderLightColor);
  background-color: var(--backgroundColor);
  margin-right: 10px;
}
body .jsonKey {
  display: flex;
  margin: 2px;
  background-color: var(--formColor);
  border: 1px solid var(--borderLightColor);
  border-radius: 3px;
  font-size: 12px;
}
body .jsonKey.closed:before {
  width: 100%;
  margin: 0;
  background-color: var(--textColor);
  color: var(--formColor);
}
body .jsonKey.closed {
  opacity: 0.5;
}
body .jsonKey.closed > span,
body .jsonKey.closed > div {
  display: none;
}
body .jsonList {
  border-left: 2px solid var(--textColor);
  border-radius: 6px;
  margin: 5px 2px;
  padding: 5px;
  border-right: 2px solid var(--textColor);
  display: flex;
  width: fit-content;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
body .jsonList > * {
  width: fit-content !important;
}
body .jsonPreview span {
  background-color: var(--borderLightColor);
  padding: 0 4px;
  border-radius: 4px;
  margin: 2px;
}
body .feedback-window {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 10px;
  max-height: 50vh;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap-reverse;
  z-index: 1200;
  background-image: radial-gradient(at bottom right, rgba(0, 0, 0, 0.1490196078) -20%, transparent 60%);
  min-height: 500px;
  pointer-events: none;
}
body .feedback-window .hotelstouch-feedback {
  pointer-events: all;
  background-color: #ffffff;
  padding: 20px 30px;
  width: calc(15vw + 11vh);
  font-size: 14px;
  max-width: 100% !important;
  z-index: 10;
  margin: 2px;
  box-shadow: 0 0 10px var(--shadowColor);
  position: relative;
  cursor: no-drop;
  border-radius: 6px;
}
body .feedback-window .hotelstouch-feedback:before {
  font-family: FontAwesome;
  position: absolute;
  left: -30px;
  top: 0;
  width: 30px;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
body .feedback-window .hotelstouch-feedback.status-0 {
  border-left: 30px solid #1eb26c !important;
}
body .feedback-window .hotelstouch-feedback.status-0:before {
  content: "\f00c";
}
body .feedback-window .hotelstouch-feedback.status-1 {
  border-left: 30px solid #ae1a2a !important;
}
body .feedback-window .hotelstouch-feedback.status-1:before {
  content: "\f071";
}
body .feedback-window .hotelstouch-feedback.status-2 {
  border-left: 30px solid #eea712 !important;
}
body .feedback-window .hotelstouch-feedback.status-2:before {
  content: "\f12a";
}
body .feedback-window .hotelstouch-feedback.status-3 {
  border-left: 30px solid #1f3db6 !important;
}
body .feedback-window .hotelstouch-feedback.status-3:before {
  content: "\f129";
}
body.NOT_LOGGED_IN {
  background-image: url("../images/logos/login_background_purple.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
body.NOT_LOGGED_IN .hotelstouch-logo,
body.NOT_LOGGED_IN .dbtouch-logo {
  background-position: center;
}
body.design-2016 .hotelstouch-filters.fixed-filters {
  position: absolute !important;
  right: -40px !important;
}
body.design-2016 .hotelstouch-filters .hotelstouch-filters.active {
  min-width: 400px;
  right: 40px !important;
}
body.design-2016 .hotelstouch-menu-button {
  display: none !important;
}
body.design-2016 .infoActions {
  top: 0px !important;
}
body.design-2016 .hotelstouch-footer {
  display: none !important;
  background-color: var(--footerColor);
  display: flex;
  padding: 20px 0;
  font-size: 12px;
  width: 100%;
}
body.design-2016 .hotelstouch-footer .column {
  width: 100%;
  position: relative;
}
body.design-2016 .hotelstouch-footer .column .cell {
  color: var(--formColor);
  margin-left: calc(50% + 10px);
  position: relative;
}
body.design-2016 .hotelstouch-footer .column .cell a {
  color: var(--hotelstouchTheme);
}
body.design-2016 .hotelstouch-footer .column .cell:before {
  content: attr(data-label) "";
  width: 50%;
  text-align: right;
  position: absolute;
  top: 0;
  left: calc(-50% - 10px);
  margin-right: 10px;
  box-sizing: border-box;
}
body.design-2016 .hotelstouch-header {
  height: 60px;
  display: flex;
  justify-content: space-between;
  top: 0;
  z-index: 101;
  width: 1170px;
  margin: auto;
  max-width: 100%;
  padding: 5px 20px;
  box-sizing: border-box;
  padding-left: 0;
}
body.design-2016 .hotelstouch-header .hotelstouch-logo {
  min-width: 300px;
  min-width: 300px;
  width: 300px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0 !important;
  border-radius: 5px;
  background-color: var(--formColor);
  color: var(--textColor) !important;
  padding-left: 10px;
}
body.design-2016 .hotelstouch-header .hotelstouch-options {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: var(--borderLightColor);
  border-radius: 25px;
  padding-left: 10px;
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-search:before {
  font-family: FontAwesome;
  content: "\f002";
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-system:before {
  font-family: FontAwesome;
  content: "\f233";
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-notifications:before {
  font-family: FontAwesome;
  content: "\f0a2";
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-notifications:not([data-count="0"]):before {
  font-family: FontAwesome;
  content: "\f0f3";
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-notifications:not([data-count="0"]):after,
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-messenger:not([data-count="0"]):after {
  background-color: #ae1a2a !important;
  position: absolute;
  content: attr(data-count);
  color: var(--textButtonColor);
  height: 18px;
  width: 18px;
  border-radius: 50%;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  top: -9px;
  right: -6px;
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-apps:before {
  font-family: FontAwesome;
  content: "\f00a";
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover {
  cursor: pointer;
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover:after,
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover:before {
  font-weight: bold;
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon {
  font-size: 15px;
  min-width: 30px;
  text-align: center;
  position: relative;
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon[data-icon]:before {
  font-family: FontAwesome;
  content: attr(data-icon) !important;
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-apps {
  font-size: 20px;
  width: 30px;
  margin: 0 10px;
  text-align: center;
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-user {
  height: 50px;
  width: 50px;
  font-size: 25px;
  line-height: 50px;
  float: right;
  margin-right: 1px;
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  color: var(--shadowLightColor) !important;
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-user:before {
  font-family: "Open Sans";
  content: attr(data-initials);
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-user:hover {
  color: var(--textButtonColor) !important;
  transition: 1s all ease;
  background-blend-mode: screen;
}
@media screen and (orientation: portrait) {
  body.design-2016 .hotelstouch-header {
    height: 50px;
  }
  body.design-2016 .hotelstouch-header .hotelstouch-logo {
    min-width: 50px !important;
    width: 50px !important;
    background-size: cover !important;
    background-position: left !important;
    margin-left: 10px !important;
  }
  body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon,
  body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-apps {
    line-height: 50px !important;
  }
  body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-user {
    width: 45px;
    height: 45px;
    line-height: 45px !important;
    font-size: 18px;
  }
}
body.design-2016 .hotelstouch-content {
  width: 1170px;
  margin: auto;
  max-width: 100%;
  min-height: calc(100% - 90px);
  background-color: var(--formColor);
  padding: 20px;
  border-radius: 5px;
  margin-top: -26px;
  height: fit-content !important;
}
@media screen and (orientation: landscape) {
  body.design-2016 .hotelstouch-content .floating-filters .filters {
    top: 34px !important;
    position: absolute !important;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    position: relative;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .quick-access {
    display: none;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit {
    display: none;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit:before {
    font-family: FontAwesome;
    content: "\f0c9";
    height: 20px;
    font-size: 20px;
    width: 20px;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px;
    background-color: var(--borderLightColor);
    width: 100%;
    text-align: center;
    margin: 0 1px;
    text-transform: uppercase;
    border-radius: 3px;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:nth-child(2) {
    margin-left: 0 !important;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:last-child {
    margin-right: 0 !important;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active {
    background-color: var(--hotelstouchTheme);
    color: var(--textButtonColor);
    margin-bottom: 15px;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active > a {
    width: 100%;
    display: block;
    height: 100%;
    color: var(--textButtonColor);
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .submenu-items {
    width: 100%;
    position: absolute;
    left: 0;
    top: 35px;
    height: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 14px;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .submenu-items .hotelstouch-submenu-item {
    text-transform: capitalize;
    width: 100%;
    height: 100%;
    line-height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1px;
    background-color: var(--borderLightColor);
    border-radius: 3px;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .submenu-items .hotelstouch-submenu-item > a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .submenu-items .hotelstouch-submenu-item.active {
    border-bottom: 3px solid #4e2675;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .submenu-items .hotelstouch-submenu-item i.fa {
    display: block;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .submenu-items .hotelstouch-submenu-item span {
    margin-left: 5px;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active.has-submenu {
    margin-bottom: 70px;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover {
    background-color: var(--hotelstouchTheme);
    color: var(--textButtonColor);
    transition: background-color 0.4s ease;
    cursor: pointer;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover > a {
    width: 100%;
    display: block;
    height: 100%;
    color: var(--textButtonColor);
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item i.fa {
    display: none;
  }
}
@media screen and (orientation: portrait) {
  body.design-2016 .hotelstouch-content .hotelstouch-menu {
    margin-bottom: 35px;
    position: relative;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit {
    width: 100%;
    height: 40px;
    text-align: right;
    line-height: 40px;
    font-size: 25px;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit:before {
    font-family: FontAwesome;
    content: "\f0c9";
    margin-right: 10px;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item {
    background-color: var(--borderColor);
    color: var(--textColor);
    min-height: 40px;
    position: relative;
    padding: 0 0 0 10px;
    line-height: 40px;
    margin: 3px 0;
    cursor: pointer;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item {
    display: none;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active,
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover {
    background-color: var(--hotelstouchTheme);
    color: var(--textButtonColor);
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active > a,
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover > a {
    width: 100%;
    display: block;
    height: 100%;
    color: var(--textButtonColor) !important;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item,
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover .hotelstouch-submenu-item {
    display: block;
    background-color: var(--formColor);
    color: var(--textColor);
    height: 40px;
    position: relative;
    padding: 0 0 0 10px;
    line-height: 40px;
    margin-left: -10px;
    width: 100%;
    border-bottom: 1px solid var(--borderLightColor);
    box-sizing: content-box;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item.active,
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover .hotelstouch-submenu-item.active {
    margin-left: -5px;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item:hover,
  body.design-2016 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover .hotelstouch-submenu-item:hover {
    margin-left: -2.5px;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu.minimized .hotelstouch-menu-exit {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    color: var(--borderDarkColor);
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu.minimized .hotelstouch-menu-item:not(.active) {
    display: none;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu.minimized .hotelstouch-submenu-item:not(.active) {
    display: none;
  }
  body.design-2016 .hotelstouch-content .hotelstouch-menu.minimized .hotelstouch-submenu-item.active {
    background-color: var(--formColor);
    color: var(--textColor);
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    /* float: right; */
    display: block;
    width: 50% !important;
    position: absolute !important;
    top: 0;
    right: 0;
    box-sizing: border-box;
    margin-left: -5px;
  }
}
body.design-2016 .hotelstouch-content .hotelstouch-body {
  width: 100%;
  transition: 1s all;
  position: relative;
  min-height: 100px;
}
body.design-2017, body.Horizontal, body.Vertical, body.appVertical, body.appHorizontal {
  height: 100%;
}
body.design-2017 .hotelstouch-footer, body.Horizontal .hotelstouch-footer, body.Vertical .hotelstouch-footer, body.appVertical .hotelstouch-footer, body.appHorizontal .hotelstouch-footer {
  background-color: var(--footerColor);
  display: flex;
  font-size: 12px;
  transition: 1s all;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  overflow: hidden;
  height: 20px;
  padding: 0;
  position: fixed;
}
body.design-2017 .hotelstouch-footer > *, body.Horizontal .hotelstouch-footer > *, body.Vertical .hotelstouch-footer > *, body.appVertical .hotelstouch-footer > *, body.appHorizontal .hotelstouch-footer > * {
  display: none;
}
body.design-2017 .hotelstouch-footer.active, body.Horizontal .hotelstouch-footer.active, body.Vertical .hotelstouch-footer.active, body.appVertical .hotelstouch-footer.active, body.appHorizontal .hotelstouch-footer.active {
  height: 200px;
}
body.design-2017 .hotelstouch-footer.active .column, body.Horizontal .hotelstouch-footer.active .column, body.Vertical .hotelstouch-footer.active .column, body.appVertical .hotelstouch-footer.active .column, body.appHorizontal .hotelstouch-footer.active .column {
  width: 100%;
  position: relative;
  display: block;
}
body.design-2017 .hotelstouch-footer.active .column .cell, body.Horizontal .hotelstouch-footer.active .column .cell, body.Vertical .hotelstouch-footer.active .column .cell, body.appVertical .hotelstouch-footer.active .column .cell, body.appHorizontal .hotelstouch-footer.active .column .cell {
  color: var(--formColor);
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 10px;
}
body.design-2017 .hotelstouch-footer.active .column .cell a, body.Horizontal .hotelstouch-footer.active .column .cell a, body.Vertical .hotelstouch-footer.active .column .cell a, body.appVertical .hotelstouch-footer.active .column .cell a, body.appHorizontal .hotelstouch-footer.active .column .cell a {
  color: var(--hotelstouchTheme);
}
body.design-2017 .hotelstouch-footer.active .column .cell:before, body.Horizontal .hotelstouch-footer.active .column .cell:before, body.Vertical .hotelstouch-footer.active .column .cell:before, body.appVertical .hotelstouch-footer.active .column .cell:before, body.appHorizontal .hotelstouch-footer.active .column .cell:before {
  content: attr(data-label) "";
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  opacity: 0.6;
  font-size: 10px;
}
body.design-2017 .hotelstouch-subheader, body.Horizontal .hotelstouch-subheader, body.Vertical .hotelstouch-subheader, body.appVertical .hotelstouch-subheader, body.appHorizontal .hotelstouch-subheader {
  position: sticky;
  top: 50px;
  z-index: 6;
  display: flex;
  color: var(--textButtonColor);
  justify-content: flex-end;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  border-top: 1px solid var(--shadowColor);
}
body.design-2017 .hotelstouch-subheader > *, body.Horizontal .hotelstouch-subheader > *, body.Vertical .hotelstouch-subheader > *, body.appVertical .hotelstouch-subheader > *, body.appHorizontal .hotelstouch-subheader > * {
  margin: 0px 5px;
}
body.design-2017 .hotelstouch-header, body.Horizontal .hotelstouch-header, body.Vertical .hotelstouch-header, body.appVertical .hotelstouch-header, body.appHorizontal .hotelstouch-header {
  height: 50px;
  background-color: var(--headerColor);
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: 0;
  width: 100%;
  box-sizing: content-box;
  z-index: 101;
}
body.design-2017 .hotelstouch-header .hotelstouch-menu-button, body.Horizontal .hotelstouch-header .hotelstouch-menu-button, body.Vertical .hotelstouch-header .hotelstouch-menu-button, body.appVertical .hotelstouch-header .hotelstouch-menu-button, body.appHorizontal .hotelstouch-header .hotelstouch-menu-button {
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
body.design-2017 .hotelstouch-header .hotelstouch-logo, body.Horizontal .hotelstouch-header .hotelstouch-logo, body.Vertical .hotelstouch-header .hotelstouch-logo, body.appVertical .hotelstouch-header .hotelstouch-logo, body.appHorizontal .hotelstouch-header .hotelstouch-logo {
  min-width: 280px;
  width: 280px;
  height: 100%;
  background-repeat: no-repeat;
}
body.design-2017 .hotelstouch-header .hotelstouch-logo > div:first-child, body.Horizontal .hotelstouch-header .hotelstouch-logo > div:first-child, body.Vertical .hotelstouch-header .hotelstouch-logo > div:first-child, body.appVertical .hotelstouch-header .hotelstouch-logo > div:first-child, body.appHorizontal .hotelstouch-header .hotelstouch-logo > div:first-child {
  margin: 0 8px;
}
body.design-2017 .hotelstouch-header .hotelstouch-options, body.Horizontal .hotelstouch-header .hotelstouch-options, body.Vertical .hotelstouch-header .hotelstouch-options, body.appVertical .hotelstouch-header .hotelstouch-options, body.appHorizontal .hotelstouch-header .hotelstouch-options {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-search:before, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-search:before, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-search:before, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-search:before, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-search:before {
  font-family: FontAwesome;
  content: "\f002";
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-system:before, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-system:before, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-system:before, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-system:before, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-system:before {
  font-family: FontAwesome;
  content: "\f233";
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-notifications:before, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-notifications:before, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-notifications:before, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-notifications:before, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-notifications:before {
  font-family: FontAwesome;
  content: "\f0a2";
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-notifications[data-count]:not([data-count=""]):not([data-count="0"]).hotelstouch-notifications:before,
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-messenger[data-count]:not([data-count=""]):not([data-count="0"]).hotelstouch-notifications:before, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-notifications[data-count]:not([data-count=""]):not([data-count="0"]).hotelstouch-notifications:before,
body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-messenger[data-count]:not([data-count=""]):not([data-count="0"]).hotelstouch-notifications:before, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-notifications[data-count]:not([data-count=""]):not([data-count="0"]).hotelstouch-notifications:before,
body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-messenger[data-count]:not([data-count=""]):not([data-count="0"]).hotelstouch-notifications:before, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-notifications[data-count]:not([data-count=""]):not([data-count="0"]).hotelstouch-notifications:before,
body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-messenger[data-count]:not([data-count=""]):not([data-count="0"]).hotelstouch-notifications:before, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-notifications[data-count]:not([data-count=""]):not([data-count="0"]).hotelstouch-notifications:before,
body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-messenger[data-count]:not([data-count=""]):not([data-count="0"]).hotelstouch-notifications:before {
  font-family: FontAwesome;
  content: "\f0f3";
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-notifications[data-count]:not([data-count=""]):not([data-count="0"]):after,
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-messenger[data-count]:not([data-count=""]):not([data-count="0"]):after, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-notifications[data-count]:not([data-count=""]):not([data-count="0"]):after,
body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-messenger[data-count]:not([data-count=""]):not([data-count="0"]):after, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-notifications[data-count]:not([data-count=""]):not([data-count="0"]):after,
body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-messenger[data-count]:not([data-count=""]):not([data-count="0"]):after, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-notifications[data-count]:not([data-count=""]):not([data-count="0"]):after,
body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-messenger[data-count]:not([data-count=""]):not([data-count="0"]):after, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-notifications[data-count]:not([data-count=""]):not([data-count="0"]):after,
body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-messenger[data-count]:not([data-count=""]):not([data-count="0"]):after {
  background-color: #f71d34;
  position: absolute;
  content: attr(data-count);
  color: var(--textButtonColor);
  height: 18px;
  width: 18px;
  border-radius: 50%;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  top: 5px;
  right: -6px;
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-apps:before, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-apps:before, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-apps:before, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-apps:before, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-apps:before {
  font-family: FontAwesome;
  content: "\f00a";
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover {
  cursor: pointer;
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover:after,
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover:before, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover:after,
body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover:before, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover:after,
body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover:before, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover:after,
body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover:before, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover:after,
body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon:hover:before {
  font-weight: bold;
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon {
  float: right;
  font-size: 15px;
  height: 100%;
  line-height: 50px;
  min-width: 30px;
  text-align: center;
  position: relative;
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon > a, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon > a, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon > a, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon > a, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon > a {
  float: left;
  padding: 0 5px;
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon[data-icon]:before, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon[data-icon]:before, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon[data-icon]:before, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon[data-icon]:before, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-header-icon[data-icon]:before {
  font-family: FontAwesome;
  content: attr(data-icon) !important;
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-apps, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-apps, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-apps, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-apps, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-apps {
  float: right;
  font-size: 20px;
  height: 100%;
  line-height: 50px;
  width: 30px;
  margin: 0 10px;
  text-align: center;
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-user, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-user, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-user, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-user, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-user {
  height: 44px;
  width: 44px;
  font-size: 20px;
  line-height: 44px;
  float: right;
  margin-right: 1px;
  background-position: center;
  background-size: contain;
  color: var(--shadowLightColor) !important;
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-user:before, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-user:before, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-user:before, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-user:before, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-user:before {
  font-family: "Open Sans";
  content: attr(data-initials);
}
body.design-2017 .hotelstouch-header .hotelstouch-options .hotelstouch-user:hover, body.Horizontal .hotelstouch-header .hotelstouch-options .hotelstouch-user:hover, body.Vertical .hotelstouch-header .hotelstouch-options .hotelstouch-user:hover, body.appVertical .hotelstouch-header .hotelstouch-options .hotelstouch-user:hover, body.appHorizontal .hotelstouch-header .hotelstouch-options .hotelstouch-user:hover {
  color: var(--textButtonColor) !important;
  transition: 1s all ease;
  background-blend-mode: screen;
}
@media screen and (orientation: portrait) {
  body.design-2017 .hotelstouch-body, body.Horizontal .hotelstouch-body, body.Vertical .hotelstouch-body, body.appVertical .hotelstouch-body, body.appHorizontal .hotelstouch-body {
    padding: 0 !important;
  }
  body.design-2017 .hotelstouch-data .data-header, body.Horizontal .hotelstouch-data .data-header, body.Vertical .hotelstouch-data .data-header, body.appVertical .hotelstouch-data .data-header, body.appHorizontal .hotelstouch-data .data-header {
    display: none !important;
  }
  body.design-2017 .hotelstouch-data.table .row-data,
  body.design-2017 .hotelstouch-data.list .row-data, body.Horizontal .hotelstouch-data.table .row-data,
  body.Horizontal .hotelstouch-data.list .row-data, body.Vertical .hotelstouch-data.table .row-data,
  body.Vertical .hotelstouch-data.list .row-data, body.appVertical .hotelstouch-data.table .row-data,
  body.appVertical .hotelstouch-data.list .row-data, body.appHorizontal .hotelstouch-data.table .row-data,
  body.appHorizontal .hotelstouch-data.list .row-data {
    margin: 5px 2px 5px 55px !important;
  }
  body.design-2017 .hotelstouch-data.table .row-data:first-child,
  body.design-2017 .hotelstouch-data.table .row-image + .row-data,
  body.design-2017 .hotelstouch-data.list .row-data:first-child,
  body.design-2017 .hotelstouch-data.list .row-image + .row-data, body.Horizontal .hotelstouch-data.table .row-data:first-child,
  body.Horizontal .hotelstouch-data.table .row-image + .row-data,
  body.Horizontal .hotelstouch-data.list .row-data:first-child,
  body.Horizontal .hotelstouch-data.list .row-image + .row-data, body.Vertical .hotelstouch-data.table .row-data:first-child,
  body.Vertical .hotelstouch-data.table .row-image + .row-data,
  body.Vertical .hotelstouch-data.list .row-data:first-child,
  body.Vertical .hotelstouch-data.list .row-image + .row-data, body.appVertical .hotelstouch-data.table .row-data:first-child,
  body.appVertical .hotelstouch-data.table .row-image + .row-data,
  body.appVertical .hotelstouch-data.list .row-data:first-child,
  body.appVertical .hotelstouch-data.list .row-image + .row-data, body.appHorizontal .hotelstouch-data.table .row-data:first-child,
  body.appHorizontal .hotelstouch-data.table .row-image + .row-data,
  body.appHorizontal .hotelstouch-data.list .row-data:first-child,
  body.appHorizontal .hotelstouch-data.list .row-image + .row-data {
    margin: 0 !important;
  }
  body.design-2017 .hotelstouch-data .data-actions > *, body.Horizontal .hotelstouch-data .data-actions > *, body.Vertical .hotelstouch-data .data-actions > *, body.appVertical .hotelstouch-data .data-actions > *, body.appHorizontal .hotelstouch-data .data-actions > * {
    height: 50px !important;
    line-height: 50px !important;
    font-size: 25px !important;
  }
  body.design-2017 .row-data:not(:nth-child(2)):not(:empty), body.Horizontal .row-data:not(:nth-child(2)):not(:empty), body.Vertical .row-data:not(:nth-child(2)):not(:empty), body.appVertical .row-data:not(:nth-child(2)):not(:empty), body.appHorizontal .row-data:not(:nth-child(2)):not(:empty) {
    align-items: flex-start !important;
    padding: 5px !important;
    background-color: rgba(243, 243, 243, 0.6) !important;
    border: 1px solid var(--borderLightColor) !important;
    border-radius: 5px !important;
  }
  body.design-2017 .row-data:not(:nth-child(2)):not(:empty)[data-label]:before, body.Horizontal .row-data:not(:nth-child(2)):not(:empty)[data-label]:before, body.Vertical .row-data:not(:nth-child(2)):not(:empty)[data-label]:before, body.appVertical .row-data:not(:nth-child(2)):not(:empty)[data-label]:before, body.appHorizontal .row-data:not(:nth-child(2)):not(:empty)[data-label]:before {
    content: attr(data-label);
    border-bottom: 1px solid var(--borderLightColor);
    width: 100%;
    margin-bottom: 5px;
    opacity: 0.5;
    text-transform: uppercase;
  }
  body.design-2017 .hotelstouch-header .hotelstouch-logo, body.Horizontal .hotelstouch-header .hotelstouch-logo, body.Vertical .hotelstouch-header .hotelstouch-logo, body.appVertical .hotelstouch-header .hotelstouch-logo, body.appHorizontal .hotelstouch-header .hotelstouch-logo {
    width: 50px;
    min-width: 50px;
    background-size: cover;
  }
  body.design-2017 .hotelstouch-header .hotelstouch-options, body.Horizontal .hotelstouch-header .hotelstouch-options, body.Vertical .hotelstouch-header .hotelstouch-options, body.appVertical .hotelstouch-header .hotelstouch-options, body.appHorizontal .hotelstouch-header .hotelstouch-options {
    width: 100%;
  }
}
body.design-2017 .hotelstouch-subheader + .hotelstouch-content, body.Horizontal .hotelstouch-subheader + .hotelstouch-content, body.Vertical .hotelstouch-subheader + .hotelstouch-content, body.appVertical .hotelstouch-subheader + .hotelstouch-content, body.appHorizontal .hotelstouch-subheader + .hotelstouch-content {
  height: calc(100% - 82px);
}
body.design-2017 .hotelstouch-header + .hotelstouch-content, body.Horizontal .hotelstouch-header + .hotelstouch-content, body.Vertical .hotelstouch-header + .hotelstouch-content, body.appVertical .hotelstouch-header + .hotelstouch-content, body.appHorizontal .hotelstouch-header + .hotelstouch-content {
  height: calc(100% - 50px);
}
body.design-2017 .hotelstouch-header + .hotelstouch-content .hotelstouch-menu,
body.design-2017 .hotelstouch-subheader + .hotelstouch-content .hotelstouch-menu, body.Horizontal .hotelstouch-header + .hotelstouch-content .hotelstouch-menu,
body.Horizontal .hotelstouch-subheader + .hotelstouch-content .hotelstouch-menu, body.Vertical .hotelstouch-header + .hotelstouch-content .hotelstouch-menu,
body.Vertical .hotelstouch-subheader + .hotelstouch-content .hotelstouch-menu, body.appVertical .hotelstouch-header + .hotelstouch-content .hotelstouch-menu,
body.appVertical .hotelstouch-subheader + .hotelstouch-content .hotelstouch-menu, body.appHorizontal .hotelstouch-header + .hotelstouch-content .hotelstouch-menu,
body.appHorizontal .hotelstouch-subheader + .hotelstouch-content .hotelstouch-menu {
  top: 50px;
  height: calc(100% - 50px) !important;
}
body.design-2017 .hotelstouch-content, body.Horizontal .hotelstouch-content, body.Vertical .hotelstouch-content, body.appVertical .hotelstouch-content, body.appHorizontal .hotelstouch-content {
  display: flex;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu, body.Horizontal .hotelstouch-content .hotelstouch-menu, body.Vertical .hotelstouch-content .hotelstouch-menu, body.appVertical .hotelstouch-content .hotelstouch-menu, body.appHorizontal .hotelstouch-content .hotelstouch-menu {
  padding: 20px;
  height: calc(100% - 50px);
  overflow-y: auto;
  transition: left 0.3s ease;
  min-width: 380px;
  max-width: 380px;
  left: 0;
  display: block;
  background-color: var(--headerColor);
  float: left;
  position: fixed;
  left: 0;
  z-index: 1000;
  border-right: 1px solid var(--borderColor);
  box-shadow: 15px 50px 40px rgba(0, 0, 0, 0.2);
  top: 50px;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .quick-access, body.Horizontal .hotelstouch-content .hotelstouch-menu .quick-access, body.Vertical .hotelstouch-content .hotelstouch-menu .quick-access, body.appVertical .hotelstouch-content .hotelstouch-menu .quick-access, body.appHorizontal .hotelstouch-content .hotelstouch-menu .quick-access {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 20px 5px 0 5px;
  opacity: 0.5;
  border-bottom: 1px solid var(--borderLightColor);
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit {
  height: 20px;
  text-align: right;
  padding: 5px;
  cursor: pointer;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit:before, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit:before, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit:before, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit:before, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-exit:before {
  font-family: FontAwesome;
  content: "\f0c9";
  height: 20px;
  font-size: 20px;
  width: 20px;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item {
  font-size: 16px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 35px;
  line-height: 35px;
  display: block;
  position: relative;
  border-radius: 10px;
  margin: 3px 0;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item > a, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item > a, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item > a, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item > a, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item > a {
  display: flex !important;
  align-items: center;
  color: white;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item i, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item i, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item i, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item i, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-menu-main-item i {
  min-width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: all ease 0.3s;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > a, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > a, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > a, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > a, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > a {
  display: flex !important;
  align-items: center;
  color: white;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > a > i, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > a > i, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > a > i, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > a > i, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > a > i {
  min-width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:not(.active) .fixed-submenu-items, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:not(.active) .fixed-submenu-items, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:not(.active) .fixed-submenu-items, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:not(.active) .fixed-submenu-items, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:not(.active) .fixed-submenu-items {
  display: none;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .fixed-submenu-items .hotelstouch-submenu-item, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .fixed-submenu-items .hotelstouch-submenu-item, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .fixed-submenu-items .hotelstouch-submenu-item, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .fixed-submenu-items .hotelstouch-submenu-item, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .fixed-submenu-items .hotelstouch-submenu-item {
  padding: 3px 0 3px 34px;
  color: var(--textColor);
  text-transform: initial;
  font-size: 14px;
  display: block;
  border-left: 3px solid transparent;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > [class^=icon-],
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > [class*=" icon-"], body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > [class^=icon-],
body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > [class*=" icon-"], body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > [class^=icon-],
body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > [class*=" icon-"], body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > [class^=icon-],
body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > [class*=" icon-"], body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > [class^=icon-],
body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item > [class*=" icon-"] {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.2;
  font-size: 34px;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item > a, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item > a, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item > a, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item > a, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item > a {
  width: 100%;
  height: 100%;
  color: white;
  display: flex;
  align-items: center;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item > a > i, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item > a > i, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item > a > i, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item > a > i, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item > a > i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.opened .hotelstouch-menu-main-item > i, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.opened .hotelstouch-menu-main-item > i, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.opened .hotelstouch-menu-main-item > i, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.opened .hotelstouch-menu-main-item > i, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.opened .hotelstouch-menu-main-item > i {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active {
  background-color: var(--hotelstouchTheme);
  color: var(--textButtonColor);
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active > a, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active > a, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active > a, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active > a, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active > a {
  width: 100%;
  display: block;
  height: 100%;
  color: var(--textButtonColor) !important;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item {
  padding: 3px 0 3px 34px;
  color: var(--textColor);
  text-transform: initial;
  font-size: 14px;
  display: block;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item.active, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item.active, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item.active, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item.active, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item.active .hotelstouch-submenu-item.active {
  border-left: 3px solid white;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover {
  background-color: var(--hotelstouchTheme);
  color: var(--textButtonColor);
  cursor: pointer;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover > a, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover > a, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover > a, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover > a, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item:hover > a {
  width: 100%;
  display: block;
  height: 100%;
  color: var(--textButtonColor);
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item .hotelstouch-submenu-item {
  display: none;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item i.fa, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item i.fa, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item i.fa, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item i.fa, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item i.fa {
  width: 20px;
  text-align: center;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item span, body.Horizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item span, body.Vertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item span, body.appVertical .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item span, body.appHorizontal .hotelstouch-content .hotelstouch-menu .hotelstouch-menu-item span {
  margin-left: 10px;
}
body.design-2017 .hotelstouch-content .hotelstouch-body, body.Horizontal .hotelstouch-content .hotelstouch-body, body.Vertical .hotelstouch-content .hotelstouch-body, body.appVertical .hotelstouch-content .hotelstouch-body, body.appHorizontal .hotelstouch-content .hotelstouch-body {
  width: 100%;
  position: relative;
  min-height: 100px;
  box-sizing: border-box;
}
@media screen and (orientation: landscape) {
  body.design-2017 .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active), body.Horizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active), body.Vertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active), body.appVertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active), body.appHorizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) {
    position: relative;
  }
  body.design-2017 .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) > a, body.Horizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) > a, body.Vertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) > a, body.appVertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) > a, body.appHorizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) > a {
    width: 100%;
    display: block;
    height: 100%;
    color: var(--textButtonColor);
  }
  body.design-2017 .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items, body.Horizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items, body.Vertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items, body.appVertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items, body.appHorizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items {
    position: absolute;
    left: calc(100% - 20px);
    top: 0;
    width: 280px;
    height: fit-content;
    z-index: 1;
    box-shadow: 0px 0px 10px var(--shadowColor);
    max-height: 310px;
    overflow: auto;
  }
  body.design-2017 .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item, body.Horizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item, body.Vertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item, body.appVertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item, body.appHorizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item {
    padding: 0px 17px;
    margin: 0;
    display: block;
    color: var(--textColor);
    background-color: var(--formColor);
    text-transform: initial;
    font-size: 14px;
  }
  body.design-2017 .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item > .submenu-items, body.Horizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item > .submenu-items, body.Vertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item > .submenu-items, body.appVertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item > .submenu-items, body.appHorizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item > .submenu-items {
    display: none;
  }
  body.design-2017 .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item:hover, body.Horizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item:hover, body.Vertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item:hover, body.appVertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item:hover, body.appHorizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item:hover {
    border-left: 2px solid var(--hotelstouchTheme);
    position: relative;
  }
  body.design-2017 .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item:hover > .submenu-items, body.Horizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item:hover > .submenu-items, body.Vertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item:hover > .submenu-items, body.appVertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item:hover > .submenu-items, body.appHorizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item:hover > .submenu-items {
    display: block;
  }
  body.design-2017 .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item.active, body.Horizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item.active, body.Vertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item.active, body.appVertical .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item.active, body.appHorizontal .hotelstouch-content .hotelstouch-menu:not(.minimized) .hotelstouch-menu-item:hover:not(.active) .submenu-items .hotelstouch-submenu-item.active {
    color: var(--hotelstouchTheme);
    background-color: var(--borderLightColor);
  }
  body.design-2017 .hotelstouch-content .hotelstouch-menu.fixed-menu, body.Horizontal .hotelstouch-content .hotelstouch-menu.fixed-menu, body.Vertical .hotelstouch-content .hotelstouch-menu.fixed-menu, body.appVertical .hotelstouch-content .hotelstouch-menu.fixed-menu, body.appHorizontal .hotelstouch-content .hotelstouch-menu.fixed-menu {
    transition: none !important;
  }
  body.design-2017 .hotelstouch-content .hotelstouch-menu.fixed-menu + .hotelstouch-body, body.Horizontal .hotelstouch-content .hotelstouch-menu.fixed-menu + .hotelstouch-body, body.Vertical .hotelstouch-content .hotelstouch-menu.fixed-menu + .hotelstouch-body, body.appVertical .hotelstouch-content .hotelstouch-menu.fixed-menu + .hotelstouch-body, body.appHorizontal .hotelstouch-content .hotelstouch-menu.fixed-menu + .hotelstouch-body {
    margin-left: 300px !important;
    width: calc(100% - 300px);
  }
  body.design-2017 .hotelstouch-content .hotelstouch-menu.show-icons.minimized .quick-access, body.Horizontal .hotelstouch-content .hotelstouch-menu.show-icons.minimized .quick-access, body.Vertical .hotelstouch-content .hotelstouch-menu.show-icons.minimized .quick-access, body.appVertical .hotelstouch-content .hotelstouch-menu.show-icons.minimized .quick-access, body.appHorizontal .hotelstouch-content .hotelstouch-menu.show-icons.minimized .quick-access {
    color: transparent;
  }
  body.design-2017 .hotelstouch-content .hotelstouch-menu.show-icons + .hotelstouch-body, body.Horizontal .hotelstouch-content .hotelstouch-menu.show-icons + .hotelstouch-body, body.Vertical .hotelstouch-content .hotelstouch-menu.show-icons + .hotelstouch-body, body.appVertical .hotelstouch-content .hotelstouch-menu.show-icons + .hotelstouch-body, body.appHorizontal .hotelstouch-content .hotelstouch-menu.show-icons + .hotelstouch-body {
    margin-left: 50px;
  }
}
body.design-2017 .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu), body.Horizontal .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu), body.Vertical .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu), body.appVertical .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu), body.appHorizontal .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) {
  left: -380px;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu).show-icons, body.Horizontal .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu).show-icons, body.Vertical .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu).show-icons, body.appVertical .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu).show-icons, body.appHorizontal .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu).show-icons {
  min-width: 50px;
  max-width: 50px;
  opacity: 1;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-exit, body.Horizontal .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-exit, body.Vertical .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-exit, body.appVertical .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-exit, body.appHorizontal .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-exit {
  text-align: center;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-exit:before, body.Horizontal .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-exit:before, body.Vertical .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-exit:before, body.appVertical .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-exit:before, body.appHorizontal .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-exit:before {
  width: 100%;
}
body.design-2017 .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-item, body.Horizontal .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-item, body.Vertical .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-item, body.appVertical .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-item, body.appHorizontal .hotelstouch-content .hotelstouch-menu.minimized:not(.fixed-menu) .hotelstouch-menu-item {
  font-size: 16px;
  text-transform: uppercase;
}
body div > .filters {
  right: 1px !important;
  top: 31px !important;
}
body .hotelstouch-panel {
  display: flex;
  width: 100%;
  background-color: var(--formColor);
  padding: 5px 10px;
}
body .panel-section {
  width: 100%;
  padding: 5px 10px;
}
body .panel-section:first-child {
  width: 50%;
  min-width: 50%;
  box-sizing: border-box;
}
body .panel-section:not(:last-child) {
  border-right: 1px solid var(--borderLightColor);
}
body .panel-section > * {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
body .panel-section > * {
  justify-content: space-between;
}
body .panel-section:first-child > :first-child {
  font-size: 24px;
  height: 30px;
  text-transform: uppercase;
}
body .panel-section:first-child > :nth-child(2) {
  font-size: 18px;
  height: 22px;
}
body .panel-section:first-child > :nth-child(3) {
  font-size: 12px;
  height: 16px;
}
body .panel-section:not(:first-child) > :first-child {
  font-size: 20px;
  height: 30px;
}
body .panel-section:not(:first-child) > :nth-child(2) {
  font-size: 16px;
  height: 22px;
}
body .panel-section:not(:first-child) > :nth-child(3) {
  font-size: 12px;
  height: 16px;
}
body .square {
  width: 40px;
  height: calc(100% - 10px);
  background-color: var(--hotelstouchTheme);
  color: var(--formColor);
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  margin: 5px;
  background-position: center;
  background-size: cover;
  float: left;
}
body .pagination.number {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  width: fit-content;
  background-color: var(--formColor);
  color: var(--textColor);
  margin: 10px 2px 10px auto;
  height: 40px;
}
body .pagination.number > * {
  cursor: pointer;
  width: 40px !important;
  min-width: 40px !important;
  height: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--borderLightColor);
  margin: 0;
  max-height: 100% !important;
  font-size: 14px !important;
  border-radius: 5px;
  margin: 0 2px;
}
body .pagination.number > input {
  background-color: var(--hotelstouchTheme);
  border-bottom: none;
  color: var(--whiteColor);
}
body .filtersummary {
  background-color: var(--formColor);
  width: 100%;
  height: fit-content;
  padding: 4px;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  box-shadow: -10px 5px 30px -15px rgba(0, 0, 0, 0.23);
}
body .filtersummary:empty {
  display: none !important;
}
body .filtersummary .filtersummarygroup {
  display: flex;
  margin: 1px 5px;
  align-items: center;
  flex-wrap: wrap;
}
body .filtersummary .filtersummarygroup .tag {
  float: none;
  padding: 2px 10px;
  border-radius: 5px;
  margin: 1px;
  cursor: pointer;
  background-color: var(--borderLightColor);
}
body .filters {
  box-shadow: -10px 10px 18px -16px rgba(0, 0, 0, 0.52);
  position: sticky;
  max-height: 500px;
  background-color: var(--formColor);
  height: fit-content;
  overflow: auto;
  border: 1px solid var(--borderLightColor);
  z-index: 101;
  width: 300px;
}
body .filters .datetimepicker {
  font-size: 12px;
  display: none;
  box-shadow: 0px 12px 42px -31px black inset, 0px -12px 42px -31px black inset;
  margin: 0;
  border-radius: 0;
}
body .filters .datetimepicker table tr td span {
  height: 64px !important;
  line-height: 64px !important;
}
body .filters .datetimepicker .table-condensed {
  width: 100%;
  height: 240px;
}
body .filters .filterheader {
  text-transform: uppercase;
  font-size: 12px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--formColor);
  border-bottom: 1px solid var(--borderLightColor);
}
body .filters .filterheader .icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #f7f7f7;
  margin-right: 10px;
}
body .filters .filterheader .icon + span {
  width: 100%;
}
body .filters .filterheader a {
  font-size: 10px;
  white-space: nowrap;
  padding: 6px 8px;
  position: absolute;
  top: 0;
  right: 0;
}
body .filters .filterheader a + a {
  bottom: 0;
  top: unset;
}
body .filters .filterdata {
  box-shadow: 0px 12px 42px -31px black inset, 0px -12px 42px -31px black inset;
  display: flex;
  flex-direction: column;
}
body .filters .filterdata label {
  padding: 0 10px;
  margin: 0 !important;
  font-size: 12px;
  width: 100%;
}
body .filters .filterdata label:before {
  margin-right: 10px;
}
body .filters .filterdata input[type=text] {
  margin: 10px;
  width: calc(100% - 20px);
}
body .filters .filteractions {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: sticky;
  bottom: 0;
  z-index: 11;
  background-color: var(--formColor);
}
body .filters .filteractions a {
  width: 100%;
}
body .floating-filters {
  background-color: var(--formColor);
  display: grid;
  grid-template-columns: auto fit-content(0px);
  grid-template-rows: fit-content(0px);
  overflow: auto;
  height: 100%;
}
body .floating-filters .filters {
  grid-row: 1/2;
  grid-column: 2/3;
  top: 30px !important;
  right: 0px !important;
  position: absolute;
  box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.32) !important;
}
body .floating-filters .filtersummary {
  grid-column: 1/2;
  grid-row: 1/2;
  position: sticky;
  top: 0;
  z-index: 1;
}
body .floating-filters .actionbar {
  position: sticky;
  top: 0;
  background-color: inherit;
  grid-column: 2/3;
  grid-row: 1/2;
  display: flex;
  flex-direction: row;
  z-index: 5;
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  align-items: flex-start;
}
body .floating-filters .actionbar .actiongroup {
  position: absolute;
  top: 0;
  right: 28px;
  cursor: pointer;
}
body .floating-filters .actionbar .actiongroup.active {
  background-color: var(--backgroundLightColor);
  box-shadow: 0 0 10px var(--shadowColor);
}
body .floating-filters .actionbar .actiongroup:not(.active) > * {
  display: none !important;
}
body .floating-filters .actionbar .actiongroup:before {
  content: "\f0d7";
}
body .floating-filters .actionbar .actiongroup + * {
  margin-left: 28px !important;
}
body .floating-filters .actionbar a .icon {
  position: relative;
  font-size: 14px;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
body .floating-filters .actionbar a .icon .subicon {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 8px;
  width: 50%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .floating-filters .actionbar a[data-subicon]:not([data-subicon=""]):not([data-subicon="0"]):after {
  font-family: FontAwesome, "Open Sans";
  content: attr(data-subicon);
  width: 18px;
  font-size: 10px;
  height: 18px;
  display: flex;
  background-color: #ae1a2a !important;
  color: var(--textButtonColor) !important;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 101;
  position: absolute;
  top: -3px;
  right: -7px;
}
body .floating-filters .actionbar a,
body .floating-filters .actionbar .actiongroup:before {
  position: relative;
  background-color: var(--hotelstouchTheme);
  color: var(--textButtonColor) !important;
  margin: 2px;
  border-radius: 5px;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .floating-filters > .hotelstouch-data, body .floating-filters > :not(.pagination):not(.filters):not(.filtersummary):not(.actionbar) {
  grid-column: 1/3;
  grid-row: 2/3;
}
body .floating-filters .pagination {
  grid-column: 1/3;
  grid-row: 3/4;
}
body .right-filters {
  background-color: var(--formColor);
  display: grid;
  grid-template-columns: auto fit-content(0px);
  grid-template-rows: fit-content(0px);
  overflow: auto;
  height: 100%;
}
body .right-filters .filters {
  position: absolute;
  top: 0px !important;
  right: 230px !important;
}
body .right-filters .filtersummary {
  grid-column: 1/2;
  grid-row: 1/2;
  position: sticky;
  top: 0;
  z-index: 1;
  border-right: 1px solid var(--borderLightColor);
}
body .right-filters .actionbar {
  grid-column: 2/3;
  grid-row: 1/3;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: fit-content;
}
body .right-filters .actionbar a {
  letter-spacing: -1px;
  display: block;
  width: 24px;
  padding: 10px 20px;
  width: 220px;
  order: 2;
}
body .right-filters .actionbar a .icon {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
}
body .right-filters .actionbar a[title]:after {
  content: attr(title);
  margin-left: 10px;
}
body .right-filters .actionbar a#filterAction {
  order: 0;
  border-bottom: 1px solid var(--borderLightColor);
}
body .right-filters .actionbar .filters {
  order: 1;
}
body .right-filters > .hotelstouch-data, body .right-filters > *:not(.pagination):not(.filters):not(.filtersummary):not(.actionbar) {
  grid-column: 1/2;
  grid-row: 2/3;
  border-right: 1px solid var(--borderLightColor);
}
body .right-filters .pagination {
  grid-column: 1/3;
  grid-row: 3/4;
}
body #groupTree {
  width: 100%;
}
body .hotelstouch-data:empty:after,
body .profile-data:empty:after,
body #groupTree:empty:after,
body .hotelstouch-quickinfo:empty:after {
  content: "\f119";
  font-size: 32px;
  width: 100%;
  height: 60px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  color: var(--textColor);
  opacity: 0.4;
  display: block;
}
body .hotelstouch-data.constrained {
  max-height: 450px;
  overflow: auto;
}
body .hotelstouch-data.constrained .data-header {
  position: sticky;
  top: 0;
  z-index: 10;
}
body .hotelstouch-data.profile-data {
  border: none !important;
}
body .hotelstouch-data > .data-row.selected {
  background-color: var(--hotelstouchTheme) !important;
  color: var(--textButtonColor) !important;
}
body .hotelstouch-data .data-row + .data-row-info {
  background-color: var(--borderLightColor) !important;
}
body .hotelstouch-data .data-row + .data-row-extra-info {
  font-size: 0.8em;
  width: 100%;
  text-align: right;
  padding: 0px 10px 2px 10px;
  box-sizing: border-box;
  background-color: var(--formColor);
  color: var(--borderDarkColor);
}
body .hotelstouch-data .data-row + .data-row-extra-info .data-row {
  text-align: left;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}
body .hotelstouch-data .data-row + .data-row-extra-info .data-row:first-child {
  border-top: 4px dashed var(--shadowColor);
}
body .hotelstouch-data .data-row + .data-row-extra-info .data-row:last-child {
  border-bottom: 10px solid var(--borderLightColor);
}
body .hotelstouch-data .data-row + .data-row-extra-info .data-row .row-image {
  width: 30px;
  height: 30px;
  min-width: 30px;
  line-height: 30px;
  margin-left: 10px;
}
body .hotelstouch-data .data-row + .data-row-extra-info .data-row .row-title {
  font-size: 0.6em !important;
}
body .hotelstouch-data .data-row + .data-row-extra-info .data-row .row-title {
  font-size: 1.2em !important;
}
body .hotelstouch-data .data-row + .data-row-extra-info .data-row .row-subtitle {
  font-size: 0.8em !important;
}
body .hotelstouch-data.table .data-row + .data-row-extra-info {
  border-bottom: 1px solid var(--borderLightColor);
  margin-top: -2px;
  border-top: none;
}
body .hotelstouch-data.list .data-row + .data-row-extra-info {
  margin-top: -10px;
  margin-bottom: 10px;
  border: none;
}
body .hotelstouch-data.grid .data-row + .data-row-extra-info {
  display: none;
}
body .hotelstouch-data.list .data-header {
  display: none;
}
body .hotelstouch-data.list .row-data-section {
  padding: 0 5px;
  background-color: var(--borderLightColor);
  color: var(--hotelstouchTheme);
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
}
body .hotelstouch-data.list .row-data-section {
  padding: 0 5px;
  background-color: var(--borderLightColor);
  color: var(--hotelstouchTheme);
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
}
body .hotelstouch-data.list .data-row {
  background-color: var(--formColor);
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 51px;
  color: var(--textColor);
  text-decoration: none;
}
body .hotelstouch-data.list .data-row.compressed {
  min-height: 25px;
}
body .hotelstouch-data.list .data-row.hightlight {
  background-color: var(--backgroundColor);
  text-transform: uppercase;
  font-weight: bold;
  color: var(--hotelstouchTheme);
}
body .hotelstouch-data.list .data-row.hightlight.active {
  color: var(--backgroundColor);
  background-color: var(--hotelstouchTheme);
}
body .hotelstouch-data.list .data-row .row-image {
  width: 40px;
  height: 40px;
  margin: 5px;
  background-position: center;
  background-size: cover;
  min-width: 40px;
  text-align: center;
  line-height: 40px;
  color: var(--textButtonColor);
  margin-bottom: auto;
  background-color: var(--hotelstouchTheme);
  position: relative;
  box-shadow: 0 0 10px var(--shadowColor) inset;
  border-radius: 50%;
}
body .hotelstouch-data.list .data-row .row-image .row-gallery {
  display: none;
}
body .hotelstouch-data.list .data-row .row-image .row-extra-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  display: block;
  font-size: 10px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 0 10px var(--shadowColor);
  color: #eea712;
}
body .hotelstouch-data.list .data-row .row-data.top {
  margin-bottom: auto;
  margin-top: 5px;
  max-height: 200px;
  overflow-y: auto;
}
body .hotelstouch-data.list .data-row .row-data {
  width: calc(100% - 60px);
  display: flex;
  flex-basis: 100%;
  flex-flow: row wrap;
  font-size: 12px;
  margin: 0 5px;
}
body .hotelstouch-data.list .data-row .row-data .data-column {
  padding: 5px;
  box-sizing: border-box;
  width: 100% !important;
}
body .hotelstouch-data.list .data-row .row-data .data-column:before {
  content: attr(data-label) " ";
}
body .hotelstouch-data.list .data-row .row-data .row-info {
  text-transform: uppercase;
  line-height: 1;
  font-size: 0.8em;
}
body .hotelstouch-data.list .data-row .row-data .row-title {
  font-size: 16px;
  width: 100%;
  line-height: 22px;
}
body .hotelstouch-data.list .data-row .row-data .row-subtitle {
  font-size: 12px;
  opacity: 0.7;
  width: 100%;
  line-height: 17px;
}
body .hotelstouch-data.list .data-row .row-data .row-subtitle .extra-info {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  margin: 5px 0;
}
body .hotelstouch-data.list .data-row .row-data .row-subtitle .extra-info .subitem {
  width: 60px;
  box-sizing: border-box;
  margin: 1px;
  padding: 1px 3px;
  text-align: center;
  border-radius: 7px;
}
body .hotelstouch-data.list .data-row .row-data .row-subtitle .extra-info .subitem .fa {
  line-height: inherit;
  height: 100%;
  width: 20px;
  font-size: inherit !important;
  text-align: center;
  border-radius: 50%;
}
body .hotelstouch-data.list .data-row .data-actions {
  min-width: 100px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 30px;
  font-size: 18px;
}
body .hotelstouch-data.list .data-row .data-actions.vertical {
  flex-direction: column;
  min-width: 40px !important;
}
body .hotelstouch-data.list .data-row .data-actions input {
  text-align: center;
}
body .hotelstouch-data.list .data-row .data-actions > * {
  color: var(--hotelstouchTheme);
  width: 100%;
  height: 30px !important;
  text-align: center;
  line-height: 30px;
  display: block;
  text-align: center;
}
body .hotelstouch-data.list .data-row .data-actions > *.disabled {
  opacity: 0.3;
}
body .hotelstouch-data.list .data-row .data-actions > * .fa,
body .hotelstouch-data.list .data-row .data-actions > * .fa-stack {
  height: 100%;
  width: 100%;
  text-align: center;
}
body .hotelstouch-data.list .data-row .data-actions > * .multi-action {
  display: none;
}
body .hotelstouch-data.list .data-row .data-actions > *:hover .multi-action {
  background-color: var(--formColor);
  display: flex;
  flex-direction: column;
  z-index: 100;
  position: absolute;
  width: 100%;
  max-width: 200px;
  font-size: 12px !important;
  border: 1px solid var(--borderLightColor);
  box-shadow: 0 10px 10px var(--shadowColor);
  right: 0;
}
body .hotelstouch-data.list .data-row .data-actions.flex-grid-2 {
  flex-wrap: wrap;
}
body .hotelstouch-data.list .data-row .data-actions.flex-grid-2 > * {
  width: 50% !important;
}
body .hotelstouch-data.list .data-row .data-actions.flex-grid-3 {
  flex-wrap: wrap;
}
body .hotelstouch-data.list .data-row .data-actions.flex-grid-3 > * {
  width: 33.3333333333% !important;
}
body .hotelstouch-data.list .data-row .data-actions.flex-grid-4 {
  flex-wrap: wrap;
}
body .hotelstouch-data.list .data-row .data-actions.flex-grid-4 > * {
  width: 25% !important;
}
body .hotelstouch-data.wall {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 20px;
}
body .hotelstouch-data.grid:not(.product) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
body .hotelstouch-data.grid:not(.product) .data-header {
  display: none;
}
body .hotelstouch-data.grid:not(.product) .data-row {
  background-color: var(--backgroundLightColor);
  position: relative;
  max-height: 250px;
}
body .hotelstouch-data.grid:not(.product) .data-row:hover {
  overflow-y: auto;
}
body .hotelstouch-data.grid:not(.product) .data-row:hover .row-data {
  display: block;
}
body .hotelstouch-data.grid:not(.product) .data-row:not(:hover) {
  overflow-y: hidden;
}
body .hotelstouch-data.grid:not(.product) .data-row:not(:hover) .row-data {
  display: none;
}
body .hotelstouch-data.grid:not(.product) .data-row .row-image + .row-data,
body .hotelstouch-data.grid:not(.product) .data-row .row-data:first-child {
  display: block !important;
  padding-top: 0;
}
body .hotelstouch-data.grid:not(.product) .data-row .row-data:first-child {
  margin-top: 150px;
  position: relative;
}
body .hotelstouch-data.grid:not(.product) .data-row .row-data:first-child:after {
  display: block;
  position: absolute;
  content: " ";
  width: calc(100% + 10px);
  height: 150px;
  background-color: var(--backgroundColor);
  top: -150px;
  left: -10px;
}
body .hotelstouch-data.grid:not(.product) .data-row .row-data {
  padding: 10px;
}
body .hotelstouch-data.grid:not(.product) .data-row .row-title {
  font-size: 16px;
}
body .hotelstouch-data.grid:not(.product) .data-row .row-subtitle {
  font-size: 12px;
}
body .hotelstouch-data.grid:not(.product) .data-row .row-image {
  margin: 0;
  width: 100%;
  height: 150px;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  color: rgba(255, 255, 255, 0.39);
  background-size: cover;
  background-position: center;
}
body .hotelstouch-data.grid:not(.product) .data-row:hover .data-actions {
  opacity: 1;
  transition: 0.3s opacity ease;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions {
  min-width: 50px;
  display: flex;
  align-items: center;
  min-height: 30px;
  font-size: 18px;
  position: absolute;
  z-index: 2;
  background-color: var(--formColor);
  right: 0;
  top: 0;
  justify-content: flex-end !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.38);
  border-radius: 10px;
  margin: 5px;
  opacity: 0.3;
  transition: 0.3s opacity ease;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions.vertical {
  flex-direction: column;
  min-width: 40px !important;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions input {
  text-align: center;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions > * {
  padding: 0 10px;
  color: var(--hotelstouchTheme);
  width: 100%;
  height: 30px !important;
  text-align: center;
  line-height: 30px;
  display: block;
  text-align: center;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions > *.disabled {
  opacity: 0.3;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions > * .fa,
body .hotelstouch-data.grid:not(.product) .data-row .data-actions > * .fa-stack {
  height: 100%;
  width: 100%;
  text-align: center;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions > * .multi-action {
  display: none;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions > *:hover .multi-action {
  background-color: var(--formColor);
  display: flex;
  flex-direction: column;
  z-index: 100;
  position: absolute;
  width: 100%;
  max-width: 200px;
  font-size: 12px !important;
  border: 1px solid var(--borderLightColor);
  box-shadow: 0 10px 10px var(--shadowColor);
  right: 0;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions.flex-grid-2 {
  flex-wrap: wrap;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions.flex-grid-2 > * {
  width: 50% !important;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions.flex-grid-3 {
  flex-wrap: wrap;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions.flex-grid-3 > * {
  width: 33.3333333333% !important;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions.flex-grid-4 {
  flex-wrap: wrap;
}
body .hotelstouch-data.grid:not(.product) .data-row .data-actions.flex-grid-4 > * {
  width: 25% !important;
}
body .hotelstouch-data.product {
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 25%;
  display: grid;
  position: relative;
  overflow-y: auto;
  min-height: 100%;
  box-sizing: border-box;
  border-left: 1px solid var(--borderLightColor);
  border-right: 1px solid var(--borderLightColor);
}
body .hotelstouch-data.product .data-row {
  position: relative;
  margin: 5px;
}
body .hotelstouch-data.product .data-row[data-avail]:not([data-avail="0"]):not([data-avail=""]):after {
  content: "\e802" attr(data-avail);
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #3f3f3f;
  color: white;
  z-index: 1;
  padding: 0 8px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .hotelstouch-data.product .data-row[data-notification]:not([data-notification="0"]):not([data-notification=""]):before {
  content: attr(data-notification);
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: #ae1a2a;
  color: white;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .hotelstouch-data.product .data-row.outOfStock {
  pointer-events: none;
}
body .hotelstouch-data.product .data-row.outOfStock:after {
  content: attr(data-error);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: radial-gradient(rgba(255, 0, 0, 0.5), #7c000e);
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 1.8em;
  font-weight: bold;
}
body .hotelstouch-data.product .data-row .fav-button {
  color: rgb(255, 255, 255);
  font-family: FontAwesome;
  position: absolute;
  z-index: 1;
  font-size: 4em;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background: radial-gradient(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.53));
  text-shadow: 0 0 40px #000000;
}
body .hotelstouch-data.product .data-row .fav-button.active {
  color: #ffc107;
  text-shadow: 0 0 40px #ff9400;
}
body .hotelstouch-data.product .data-row .fav-button.visible {
  display: flex !important;
}
body .hotelstouch-data.product .data-row .row-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: white;
  box-shadow: 0px 0px 70px -30px black inset;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4em;
}
body .hotelstouch-data.product .data-row .row-image:after {
  background-image: inherit;
  width: 100%;
  height: calc(100% - 5px);
  position: absolute;
  content: " ";
  filter: blur(4px);
  backface-visibility: hidden;
  overflow: hidden;
  opacity: 1;
  background-position: center;
  background-size: contain;
  padding-left: calc(7% + 5px);
  margin-bottom: 5px;
  box-sizing: border-box;
  background-clip: content-box;
  background-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(100% - 62px), #000000 21%);
}
body .hotelstouch-data.product .data-row .row-data {
  z-index: 1;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: fit-content;
  width: 93%;
  height: 60px;
  text-align: right;
  right: -5px;
  bottom: 5px;
  color: white;
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.36) 50%);
  background-blend-mode: color-burn;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}
body .hotelstouch-data.product .data-row .row-data .row-title {
  font-size: 1.4em;
  line-height: 1;
  padding: 0 10px;
  z-index: 1;
  font-weight: bold;
}
body .hotelstouch-data.product .data-row .row-data .row-subtitle {
  font-size: 0.8em;
  padding: 0 10px 5px 10px;
}
body .hotelstouch-data.product .data-row .row-data .row-info {
  font-size: 0.8em;
  line-height: 1;
  padding: 4px 10px 0 10px;
  text-transform: uppercase;
}
body .hotelstouch-data.table {
  margin-bottom: 0px;
  width: 100%;
}
body .hotelstouch-data.table .data-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--backgroundLightColor);
  height: 35px;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 13px;
  padding: 10px;
}
body .hotelstouch-data.table .data-header .header-data {
  width: 100%;
  margin: 0 5px;
  display: flex;
}
body .hotelstouch-data.table .data-header .header-data > [data-tag] {
  display: none;
}
body .hotelstouch-data.table .data-header .header-data > [data-tag].active {
  display: block;
}
body .hotelstouch-data.table .data-header .header-data.hoverDropdown:hover {
  top: 0;
  position: relative;
  flex-direction: column;
  background-color: var(--formColor);
  z-index: 100;
  box-shadow: 0 0 10px var(--shadowColor);
  border-radius: 5px;
  transition: 0.3s all ease;
}
body .hotelstouch-data.table .data-header .header-data.hoverDropdown:hover > [data-tag] {
  padding: 5px 10px;
  display: block;
  cursor: pointer;
}
body .hotelstouch-data.table .data-header .header-data.hoverDropdown:hover > [data-tag].active {
  color: var(--hotelstouchTheme);
  font-weight: bold;
}
body .hotelstouch-data.table .data-header .header-data.hoverDropdown:hover > :not([data-tag]) {
  display: none;
}
body .hotelstouch-data.table .data-header .header-data:first-child {
  margin-left: 50px;
}
body .hotelstouch-data.table .data-header .header-data .data-column {
  padding: 5px;
  box-sizing: border-box;
}
body .hotelstouch-data.table .data-header .header-actions {
  min-width: 100px;
  max-width: 100px;
  text-align: center;
  justify-content: center;
  margin-left: 20px;
}
body .hotelstouch-data.table .data-row {
  width: 100%;
  background-color: var(--formColor);
  border-bottom: 1px solid var(--borderLightColor);
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 10px;
}
body .hotelstouch-data.table .data-row:not(:first-child) {
  border-top: none;
}
body .hotelstouch-data.table .data-row.compressed {
  min-height: 25px;
}
body .hotelstouch-data.table .data-row.highlight {
  background-color: var(--borderLightColor);
  text-transform: uppercase;
  font-weight: bold;
  color: var(--hotelstouchTheme);
}
body .hotelstouch-data.table .data-row.highlight.active {
  color: var(--backgroundColor);
  background-color: var(--hotelstouchTheme);
}
body .hotelstouch-data.table .data-row.highlight.compressed {
  min-height: 30px;
}
body .hotelstouch-data.table .data-row .row-image {
  width: 40px;
  height: 40px;
  margin: 5px 5px auto 0px;
  background-position: center;
  background-size: cover;
  min-width: 40px;
  text-align: center;
  line-height: 40px;
  color: var(--textButtonColor);
  background-color: var(--hotelstouchTheme);
  position: relative;
  box-shadow: 0 0 10px var(--shadowColor) inset;
  border-radius: 50%;
  overflow: hidden;
  font-weight: 100 !important;
}
body .hotelstouch-data.table .data-row .row-image .subimage {
  border-radius: 50%;
  width: 27px;
  height: 27px;
  position: absolute;
  right: -10px;
  bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border: 2px solid var(--formColor);
}
body .hotelstouch-data.table .data-row .row-image .tag {
  line-height: 15px;
  font-size: 12px;
  max-height: 18px;
  max-width: 18px;
  min-width: 18px;
  min-height: 18px;
  position: absolute;
  bottom: -11px;
  right: -6px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
body .hotelstouch-data.table .data-row .row-image .tag:before {
  margin-right: 0 !important;
}
body .hotelstouch-data.table .data-row .row-image .row-gallery {
  display: none;
}
body .hotelstouch-data.table .data-row .row-image .row-extra-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  display: block;
  font-size: 10px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 0 10px var(--shadowColor);
  color: #eea712;
}
body .hotelstouch-data.table .data-row .row-image.jumbo {
  width: 60px;
  height: 60px;
  font-size: 40px;
  min-width: 60px;
  line-height: 60px;
}
body .hotelstouch-data.table .data-row .row-data.top {
  margin-bottom: auto;
  margin-top: 5px;
  max-height: 200px;
  overflow-y: auto;
}
body .hotelstouch-data.table .data-row .row-data {
  width: calc(100% - 60px);
  display: flex;
  flex-basis: 100%;
  flex-flow: row wrap;
  font-size: 12px;
  margin: 0 5px;
  align-items: center;
}
body .hotelstouch-data.table .data-row .row-data > [data-tag] {
  display: none;
}
body .hotelstouch-data.table .data-row .row-data > [data-tag].active {
  display: block;
}
body .hotelstouch-data.table .data-row .row-data.jumbo .row-title {
  font-size: 18px;
}
body .hotelstouch-data.table .data-row .row-data.jumbo .row-subtitle {
  font-size: 14px;
}
body .hotelstouch-data.table .data-row .row-data .data-column {
  padding: 5px;
  box-sizing: border-box;
}
body .hotelstouch-data.table .data-row .row-data .row-info {
  text-transform: uppercase;
  line-height: 1;
  font-size: 0.8em;
}
body .hotelstouch-data.table .data-row .row-data .row-title {
  font-size: 16px;
  width: 100%;
  font-weight: bold;
  word-break: break-all;
}
body .hotelstouch-data.table .data-row .row-data .row-subtitle {
  font-size: 12px;
  opacity: 0.7;
  width: 100%;
}
body .hotelstouch-data.table .data-row .row-data .row-subtitle .extra-info {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  margin: 5px 0;
}
body .hotelstouch-data.table .data-row .row-data .row-subtitle .extra-info .subitem {
  width: 60px;
  box-sizing: border-box;
  padding: 1px 3px;
  margin: 1px;
  border-radius: 7px;
  text-align: center;
}
body .hotelstouch-data.table .data-row .row-data .row-subtitle .extra-info .subitem .fa {
  line-height: inherit;
  height: 100%;
  width: 20px;
  font-size: inherit !important;
  text-align: center;
  border-radius: 50%;
}
body .hotelstouch-data.table .data-row .data-actions {
  min-width: 100px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 30px;
  font-size: 18px;
  margin-left: 20px;
}
body .hotelstouch-data.table .data-row .data-actions.vertical {
  flex-direction: column;
  min-width: 40px !important;
}
body .hotelstouch-data.table .data-row .data-actions input {
  text-align: center;
}
body .hotelstouch-data.table .data-row .data-actions > * {
  color: var(--hotelstouchTheme) !important;
  width: 100%;
  height: 30px !important;
  text-align: center;
  line-height: 30px;
  display: block;
}
body .hotelstouch-data.table .data-row .data-actions > *.disabled {
  opacity: 0.3;
}
body .hotelstouch-data.table .data-row .data-actions > * .fa,
body .hotelstouch-data.table .data-row .data-actions > * .fa-stack {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  text-align: center;
}
body .hotelstouch-data.table .data-row .data-actions > * .multi-action {
  display: none;
}
body .hotelstouch-data.table .data-row .data-actions > *:hover .multi-action {
  background-color: var(--formColor);
  display: flex;
  flex-direction: column;
  z-index: 100;
  position: absolute;
  width: 100%;
  max-width: 200px;
  font-size: 12px !important;
  border: 1px solid var(--borderLightColor);
  box-shadow: 0 10px 10px var(--shadowColor);
  right: 0;
}
body .hotelstouch-data.table .data-row .data-actions.flex-grid-2 {
  flex-wrap: wrap;
}
body .hotelstouch-data.table .data-row .data-actions.flex-grid-2 > * {
  width: 50% !important;
}
body .hotelstouch-data.table .data-row .data-actions.flex-grid-3 {
  flex-wrap: wrap;
}
body .hotelstouch-data.table .data-row .data-actions.flex-grid-3 > * {
  width: 33.3333333333% !important;
}
body .hotelstouch-data.table .data-row .data-actions.flex-grid-4 {
  flex-wrap: wrap;
}
body .hotelstouch-data.table .data-row .data-actions.flex-grid-4 > * {
  width: 25% !important;
}
body .ht_cashRegister {
  background-color: var(--backgroundLightColor);
  display: grid;
  grid-template-rows: 100px calc(100% - 200px) 100px;
  grid-template-columns: 1fr 3fr auto;
  height: 100vh;
  width: 100vw;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body .ht_cashRegister *::-webkit-scrollbar-track {
  background-color: var(--formColor);
}
body .ht_cashRegister .ht_cash_register_actionbar {
  grid-row: 1/2;
  grid-column: 1/4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #1fa67f;
  color: white;
  padding: 10px;
  box-shadow: 0 10px 50px -34px black inset;
  position: relative;
}
body .ht_cashRegister .ht_cash_register_actionbar img {
  height: 75%;
}
body .ht_cashRegister .ht_cash_register_actionbar .title {
  font-size: 1.4em;
  width: 100%;
}
body .ht_cashRegister .ht_cash_register_actionbar .addPointer, body .ht_cashRegister .ht_cash_register_actionbar input[type=checkbox] + label,
body .ht_cashRegister .ht_cash_register_actionbar input[type=radio] + label, body.design-2017 .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-header .hotelstouch-menu-button, body.design-2017 .hotelstouch-header .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-menu-button, body.Horizontal .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-header .hotelstouch-menu-button, body.Horizontal .hotelstouch-header .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-menu-button, body.Vertical .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-header .hotelstouch-menu-button, body.Vertical .hotelstouch-header .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-menu-button, body.appVertical .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-header .hotelstouch-menu-button, body.appVertical .hotelstouch-header .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-menu-button, body.appHorizontal .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-header .hotelstouch-menu-button, body.appHorizontal .hotelstouch-header .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-menu-button {
  font-size: 2.2em;
  min-width: 80px;
  height: 80px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: rgba(255, 255, 255, 0.17);
  margin: 0 10px;
  border-radius: 10px;
}
body .ht_cashRegister .ht_cash_register_actionbar .addPointer[data-notification]:not([data-notification=""]):not([data-notification="0"]):after, body .ht_cashRegister .ht_cash_register_actionbar input[type=checkbox] + label[data-notification]:not([data-notification=""]):not([data-notification="0"]):after,
body .ht_cashRegister .ht_cash_register_actionbar input[type=radio] + label[data-notification]:not([data-notification=""]):not([data-notification="0"]):after, body.design-2017 .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-header [data-notification].hotelstouch-menu-button:not([data-notification=""]):not([data-notification="0"]):after, body.design-2017 .hotelstouch-header .ht_cashRegister .ht_cash_register_actionbar [data-notification].hotelstouch-menu-button:not([data-notification=""]):not([data-notification="0"]):after, body.Horizontal .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-header [data-notification].hotelstouch-menu-button:not([data-notification=""]):not([data-notification="0"]):after, body.Horizontal .hotelstouch-header .ht_cashRegister .ht_cash_register_actionbar [data-notification].hotelstouch-menu-button:not([data-notification=""]):not([data-notification="0"]):after, body.Vertical .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-header [data-notification].hotelstouch-menu-button:not([data-notification=""]):not([data-notification="0"]):after, body.Vertical .hotelstouch-header .ht_cashRegister .ht_cash_register_actionbar [data-notification].hotelstouch-menu-button:not([data-notification=""]):not([data-notification="0"]):after, body.appVertical .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-header [data-notification].hotelstouch-menu-button:not([data-notification=""]):not([data-notification="0"]):after, body.appVertical .hotelstouch-header .ht_cashRegister .ht_cash_register_actionbar [data-notification].hotelstouch-menu-button:not([data-notification=""]):not([data-notification="0"]):after, body.appHorizontal .ht_cashRegister .ht_cash_register_actionbar .hotelstouch-header [data-notification].hotelstouch-menu-button:not([data-notification=""]):not([data-notification="0"]):after, body.appHorizontal .hotelstouch-header .ht_cashRegister .ht_cash_register_actionbar [data-notification].hotelstouch-menu-button:not([data-notification=""]):not([data-notification="0"]):after {
  content: attr(data-notification);
  background-color: #ae1a2a !important;
  color: white;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 0.6em;
  text-align: center;
}
body .ht_cashRegister .full_box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .ht_cashRegister .ht_bill {
  grid-row: 2/4;
  grid-column: 1/2;
  background-color: var(--formColor);
  display: block;
  min-width: 300px;
}
body .ht_cashRegister .ht_bill .ht_bill_content {
  height: calc(100% - 150px);
  overflow-y: scroll;
}
body .ht_cashRegister .ht_bill .ht_bill_content .ht_bill_product {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 24px 20px;
  padding: 15px 10px;
  position: relative;
}
body .ht_cashRegister .ht_bill .ht_bill_content .ht_bill_product.loading-dots {
  pointer-events: none;
  opacity: 0.8;
}
body .ht_cashRegister .ht_bill .ht_bill_content .ht_bill_product:not(:last-child) {
  border-bottom: 1px solid var(--borderLightColor);
}
body .ht_cashRegister .ht_bill .ht_bill_content .ht_bill_product .title {
  grid-row: 1/2;
  grid-column: 1/2;
  font-size: 1em;
  line-height: 2;
  text-transform: uppercase;
}
body .ht_cashRegister .ht_bill .ht_bill_content .ht_bill_product .subtitle {
  grid-row: 2/3;
  grid-column: 1/2;
  font-size: 0.8em;
  opacity: 0.6;
}
body .ht_cashRegister .ht_bill .ht_bill_content .ht_bill_product .quantity {
  grid-row: 1/3;
  grid-column: 2/3;
  line-height: 45px;
  text-align: right;
}
body .ht_cashRegister .ht_bill .ht_bill_content .ht_bill_product .total {
  grid-row: 1/3;
  grid-column: 3/4;
  position: relative;
  line-height: 45px;
  text-align: right;
}
body .ht_cashRegister .ht_bill .ht_bill_content .ht_bill_product .total .discount {
  color: #ae1a2a;
  font-size: 0.8em;
  text-decoration: line-through;
  position: absolute;
  opacity: 0.6;
  line-height: 1;
  top: 0;
  right: 0;
}
body .ht_cashRegister .ht_bill .ht_bill_header {
  grid-row: 1/2;
  grid-column: 1/3;
  padding: 10px 10px;
  font-weight: bold;
  background-color: #1fa67f;
  color: white;
  height: 50px;
}
body .ht_cashRegister .ht_bill .ht_bill_footer {
  height: 100px;
  border-top: 1px solid var(--borderLightColor);
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 40px 30px;
  position: relative;
}
body .ht_cashRegister .ht_bill .ht_bill_footer .ht_bill_table {
  grid-row: 1/2;
  grid-column: 1/2;
  padding: 0 10px;
  display: flex;
  align-items: flex-end;
  line-height: 1;
  text-transform: uppercase;
  font-size: 0.7em;
}
body .ht_cashRegister .ht_bill .ht_bill_footer .ht_bill_total {
  grid-row: 2/3;
  grid-column: 1/2;
  font-size: 2em;
  display: flex;
  align-items: flex-end;
  padding: 0 10px;
  letter-spacing: -1px;
}
body .ht_cashRegister .ht_bill .ht_bill_footer .ht_bill_payment {
  grid-row: 3/4;
  grid-column: 1/2;
  padding: 0 10px;
  line-height: 1;
}
body .ht_cashRegister .ht_bill .ht_bill_footer .ht_bill_quick_cash {
  position: absolute;
  background-color: var(--hotelstouchTheme);
  color: white;
  width: 60px;
  height: 60px;
  right: 110px;
  top: -30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  line-height: 1;
}
body .ht_cashRegister .ht_bill .ht_bill_footer .ht_bill_process {
  position: absolute;
  background-color: var(--hotelstouchTheme);
  color: white;
  width: 60px;
  height: 60px;
  right: 20px;
  top: -30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  line-height: 1;
}
body .ht_cashRegister .ht_bill + * {
  width: 100%;
  height: 100%;
  background-color: var(--formColor);
  display: flex;
}
body .ht_cashRegister .hotelstouch-data {
  grid-row: 2/3;
  grid-column: 2/3;
}
body .ht_cashRegister .ht_product_categories {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--formColor);
  grid-row: 2/3;
  grid-column: 3/4;
  width: 280px;
  overflow-y: scroll;
}
body .ht_cashRegister .ht_product_categories:not(.active) {
  width: 0px;
}
body .ht_cashRegister .ht_product_categories:not(.active) .ht_product_category {
  display: none;
}
body .ht_cashRegister .ht_product_categories .ht_product_category {
  width: 100%;
  background-color: white;
  border-bottom: 1px solid var(--borderLightColor);
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0px 10px;
  height: 45px;
  flex-shrink: 0;
  align-items: center;
  display: flex;
}
body .ht_cashRegister .ht_product_categories .ht_product_category.active {
  border-left: 10px solid #4e2675 !important;
  opacity: 1 !important;
}
body .ht_cashRegister .ht_product_categories .ht_product_subcategory {
  padding-left: 50px !important;
  opacity: 0.8;
  font-weight: lighter !important;
  font-size: 1em !important;
  background-color: var(--backgroundColor) !important;
  display: none;
}
body .ht_cashRegister .bill_product_navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px;
  background-color: var(--formColor);
  border-left: 1px solid var(--borderLightColor);
  border-top: 1px solid var(--borderLightColor);
  grid-row: 3/4;
  grid-column: 2/4;
}
body .ht_cashRegister .bill_product_navigation > .navSearch {
  display: block;
  width: 100%;
  position: relative;
}
body .ht_cashRegister .bill_product_navigation > .navSearch > .resetSearch {
  position: absolute;
  right: 0;
  height: 100%;
  width: 40px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
}
body .ht_cashRegister .bill_product_navigation > .navSearch > .resetSearch:hover {
  opacity: 1;
}
body .ht_cashRegister .bill_product_navigation > .navBtn {
  height: 60px !important;
  min-width: 60px !important;
  border-radius: 50% !important;
  max-width: 60px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6em !important;
  background-color: var(--backgroundColor) !important;
  color: var(--textColor) !important;
  margin: 0 10px;
}
body .ht_cashRegister .bill_product_navigation > .navBtn:last-child {
  margin-right: 0;
}
body .ht_cashRegister .bill_product_navigation > .navBtn.page {
  border-radius: 0 !important;
  margin: 1px;
}
body .ht_cashRegister .bill_product_navigation > .navBtn.prev {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-right: 0;
}
body .ht_cashRegister .bill_product_navigation > .navBtn.next {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: 0;
}
@media screen and (orientation: portrait) {
  body .hotelstouch-data.table .data-row {
    flex-wrap: wrap;
  }
  body .hotelstouch-data.table .data-row .row-data:nth-child(2) {
    width: calc(100% - 60px);
    max-width: calc(100% - 60px);
  }
  body .hotelstouch-data.table .data-row .data-actions {
    width: 100%;
  }
  body .hotelstouch-data.table .data-header {
    flex-wrap: wrap;
  }
  body .hotelstouch-data.table .data-header .header-data:nth-child(2) {
    width: calc(100% - 60px);
    max-width: calc(100% - 60px);
  }
  body .hotelstouch-data.table .data-header .header-actions {
    display: none !important;
  }
}
body .ht_keyboard {
  background-color: var(--backgroundColor);
  width: 1024px;
  margin: 0 auto;
  padding: 5px;
  box-sizing: border-box;
}
body .ht_keyboard .keyboard-row {
  display: flex;
  position: relative;
}
body .ht_keyboard .keyboard-row .key {
  width: 57.6px;
  height: 47.6px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--formColor);
  margin: 5px;
  border-radius: 5px;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.07));
}
body .ht_keyboard .keyboard-row .key[data-key=Space] {
  width: 100%;
}
body .ht_keyboard .keyboard-row .key[data-key=Tab] {
  width: 91.4px;
}
body .ht_keyboard .keyboard-row .key[data-key="Caps Lock"], body .ht_keyboard .keyboard-row .key[data-key=Backspace] {
  width: 125.2px;
}
body .ht_keyboard .keyboard-row .key[data-key=Shift] {
  width: 159px;
}
body .ht_keyboard .keyboard-row .key[data-key=Enter] {
  height: 105.2px;
  position: absolute;
  right: 0;
  bottom: 0;
}
body .ht_keyboard .keyboard-row .key[data-key=Enter]:before {
  min-width: 86.4px;
  content: " ";
  height: 47.6px;
  display: block;
  top: 0;
  right: 0;
  position: absolute;
  background-color: inherit;
  border-radius: inherit;
}
body .filter-summary {
  margin: 10px 0 2px 0;
  background-color: var(--formColor);
  border: 1px solid var(--borderColor);
  padding: 4px;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
}
body .filter-summary .filter-summary-group {
  display: flex;
  margin: 1px 5px;
  align-items: center;
  flex-wrap: wrap;
}
body .filter-summary .filter-summary-group:before {
  content: attr(data-label) ":";
  /* width: 100%; */
  margin-right: 10px;
}
body .filter-summary .filter-summary-group .filter-summary-item {
  background-color: var(--borderLightColor);
  padding: 2px 10px;
  border-radius: 5px;
  margin: 1px;
  cursor: pointer;
}
body .filter-summary .filter-summary-group .filter-summary-item.not-selected {
  opacity: 0.6;
  text-decoration: line-through;
}
body .hotelstouch-filters.align-right {
  justify-content: flex-end;
  display: flex;
}
body .hotelstouch-filters.align-left {
  justify-content: flex-start;
  display: flex;
}
body .hotelstouch-filters.fixed-filters {
  height: fit-content;
  background-color: var(--formColor);
  border: 1px solid var(--borderColor);
  border-radius: 17.5px;
  position: fixed;
  right: 2px;
  box-shadow: 0 0 10px var(--shadowColor);
  z-index: 100;
  padding: 0 5px;
}
body .hotelstouch-filters.fixed-filters > .hotelstouch-data {
  margin: -5px 0px -5px -5px !important;
  width: calc(100% + 10px);
}
body .hotelstouch-filters.fixed-filters.ignore-default-button {
  border: none;
}
body .hotelstouch-filters.fixed-filters > .ignore-default-button {
  right: 40px;
}
body .hotelstouch-filters.fixed-filters .hotelstouch-data {
  max-height: 500px;
  overflow: auto;
  margin: 0;
  border: none !important;
}
body .hotelstouch-filters.fixed-filters:not(.active) {
  cursor: pointer;
}
body .hotelstouch-filters.fixed-filters:not(.active) > * {
  display: none;
}
body .hotelstouch-filters.fixed-filters:not(.active):not(.ignore-default-button):after {
  content: "\f0b0";
  font-family: FontAwesome;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--hotelstouchTheme);
  color: var(--textButtonColor);
  border-radius: 50%;
  margin: 5px 0 !important;
}
body .hotelstouch-filters.fixed-filters:not(.active):not(.ignore-default-button)[data-icon]:after {
  content: attr(data-icon);
}
body .hotelstouch-filters.fixed-filters:not(.active) .hotelstouch-button:not([type=submit]) {
  display: block;
  background-color: transparent;
  border: none !important;
  padding: 0;
  transition-duration: 0s;
  height: 25px;
  overflow: visible;
  margin: 5px 0;
}
body .hotelstouch-filters.fixed-filters:not(.active) .hotelstouch-button:not([type=submit]):before {
  content: attr(data-icon);
  font-family: FontAwesome;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--hotelstouchTheme) !important;
  color: var(--textButtonColor) !important;
  border-radius: 50%;
}
body .hotelstouch-filters.fixed-filters:not(.active) .hotelstouch-button:not([type=submit]).disabled:before {
  background-color: #d0d0d0 !important;
}
body .hotelstouch-filters.fixed-filters:not(.active) .hotelstouch-button:not([type=submit])[data-subicon]:not([data-subicon=""]):not([data-subicon="0"]):after {
  font-family: FontAwesome, "Open Sans";
  content: attr(data-subicon);
  width: 18px;
  font-size: 10px;
  height: 18px;
  display: flex;
  background-color: #8d3ba8;
  color: var(--textButtonColor) !important;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 101;
  position: absolute;
  top: -3px;
  right: -7px;
}
body .hotelstouch-filters.fixed-filters.active {
  width: 400px;
  max-width: calc(100% - 12px);
  height: auto;
  background-color: var(--formColor);
  color: var(--textColor);
  border: 1px solid var(--borderColor);
  border-radius: 0;
  padding: 35px 5px 5px 5px;
  box-shadow: 0 0 10px var(--shadowColor);
  display: block;
}
body .hotelstouch-filters.fixed-filters.active:after {
  content: "\f0b0 " attr(title);
  font-family: FontAwesome, "Open Sans";
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: flex-start;
  padding: 0 10px;
  align-items: center;
  background-color: var(--hotelstouchTheme);
  color: var(--textButtonColor);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
body .hotelstouch-filters.fixed-filters.active[data-icon]:after {
  content: attr(data-icon) !important;
}
body .hotelstouch-filters.fixed-filters.active[title]:after {
  content: "\f0b0 " attr(title) !important;
}
body .hotelstouch-filters.fixed-filters.active[title][data-icon]:after {
  content: attr(data-icon) "  " attr(title) !important;
}
body .hotelstouch-filters.fixed-filters.active .hotelstouch-button:not([type=submit]) {
  display: none;
}
body .hotelstouch-filters.fixed-filters.active input[type=submit] {
  height: 30px;
}
body .hotelstouch-filters .hotelstouch-filter-group {
  display: flex;
}
body .hotelstouch-filters .hotelstouch-filter-group .hotelstouch-filter:not(:last-child) {
  margin-right: 5px;
}
body .hotelstouch-filters .hotelstouch-filter {
  display: block;
  width: 100%;
  text-align: left;
  height: fit-content;
  max-height: 35px;
  padding: 5px 10px;
  background-color: var(--formColor);
  transition: 0.5s all ease;
  overflow: hidden;
  border-bottom: 1px solid var(--borderColor) !important;
  box-sizing: border-box;
  position: relative;
}
body .hotelstouch-filters .hotelstouch-filter.no-height-limit {
  overflow: inherit !important;
}
body .hotelstouch-filters .hotelstouch-filter:before {
  display: flex;
  justify-content: space-between;
  align-items: center;
  content: attr(data-label);
  cursor: pointer;
  text-transform: uppercase;
}
body .hotelstouch-filters .hotelstouch-filter input[type=text] {
  display: block;
  width: 100%;
  font-size: 15px;
  min-width: 30px;
  box-sizing: border-box;
  height: 100% !important;
  min-height: 28px;
}
body .hotelstouch-filters .hotelstouch-filter:not(.active) input[type=text] {
  border: none;
  padding: 0 !important;
}
body .hotelstouch-filters .hotelstouch-filter.active {
  max-height: 200px;
  overflow: auto;
  outline: none;
  transition: 0.5s all ease;
  overflow-x: hidden;
}
body .hotelstouch-filters .hotelstouch-filter.active > .extra-actions {
  display: flex !important;
  justify-content: space-around;
}
body .hotelstouch-filters .hotelstouch-filter.active > .extra-actions > a {
  background-color: var(--borderLightColor);
  width: 100%;
  margin: 0 1px;
  padding: 2px 10px;
  text-align: center;
  font-size: 12px;
}
body .hotelstouch-filters .hotelstouch-filter.active:not(.hotelstouch-selector) {
  overflow: hidden !important;
}
body .hotelstouch-filters .hotelstouch-filter.active > * {
  display: block;
}
body .hotelstouch-filters .hotelstouch-filter.active > *[type=checkbox] + label,
body .hotelstouch-filters .hotelstouch-filter.active > *[type=radio] + label {
  display: flex;
}
body .hotelstouch-filters .hotelstouch-filter.active .ui-datepicker {
  position: absolute;
  right: 15px;
  z-index: 101;
}
body .hotelstouch-filters .hotelstouch-filter:not(.active):not(.hotelstouch-pagination)[data-label] > * {
  display: none;
}
body .hotelstouch-filters .hotelstouch-filter:not(.active):not(.hotelstouch-pagination) .ui-datepicker {
  display: none !important;
}
body .hotelstouch-filters .hotelstouch-filter.hotelstouch-pagination {
  display: flex;
  justify-content: space-between;
  padding: 0 !important;
  min-width: 290px;
  max-width: 290px;
  align-items: center;
  margin-top: 10px;
  border: 1px solid var(--borderColor);
}
body .hotelstouch-filters .hotelstouch-filter.hotelstouch-pagination a.hotelstouch-selector-option {
  width: 100%;
  min-width: 30px;
}
body .hotelstouch-filters .hotelstouch-filter.hotelstouch-pagination input.hotelstouch-selector-option {
  width: 100%;
  text-align: center;
  display: block;
  background-color: var(--hotelstouchTheme);
  color: var(--formColor);
  font-size: 15px;
  border: none;
  min-width: 30px;
  box-sizing: border-box;
}
body.hotelstouch-editor {
  height: 100% !important;
}
body.hotelstouch-editor .hotelstouch-content {
  height: 100%;
}
body.hotelstouch-editor .hotelstouch-body {
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  display: flex;
  background-image: linear-gradient(45deg, var(--shadowColor) 25%, transparent 25%), linear-gradient(-45deg, var(--shadowColor) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--shadowColor) 75%), linear-gradient(-45deg, transparent 75%, var(--shadowColor) 75%);
  background-size: 19px 19px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
body.hotelstouch-editor .hotelstouch-body .preview-box {
  width: 50%;
  display: flex;
  justify-content: center;
  max-height: 100%;
  overflow-y: auto;
}
body.hotelstouch-editor .hotelstouch-body .preview-box .hotelstouch-data {
  margin: 0;
}
body.hotelstouch-editor .hotelstouch-body .preview-box .row-data,
body.hotelstouch-editor .hotelstouch-body .preview-box .header-data {
  font-size: 9px !important;
  width: calc((100% - 200px) / 7) !important;
  min-width: calc((100% - 200px) / 7) !important;
  max-width: calc((100% - 200px) / 7) !important;
  margin: 0 !important;
  padding: 3px 3px;
}
body.hotelstouch-editor .hotelstouch-body .preview-box .row-data:first-child,
body.hotelstouch-editor .hotelstouch-body .preview-box .header-data:first-child {
  font-size: 9px !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}
body.hotelstouch-editor .hotelstouch-body .preview-box .preview-cell .row-data,
body.hotelstouch-editor .hotelstouch-body .preview-box .preview-cell .header-data {
  width: calc((100% - 200px) / 7) !important;
  min-width: calc((100% - 200px) / 7) !important;
  max-width: calc((100% - 200px) / 7) !important;
  margin: 0 !important;
  padding: 3px 3px;
}
body.hotelstouch-editor .hotelstouch-body .preview-box .preview-cell .row-data:first-child,
body.hotelstouch-editor .hotelstouch-body .preview-box .preview-cell .header-data:first-child {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
body.hotelstouch-editor .hotelstouch-body .preview-box .header-data:first-child {
  margin-left: 5px !important;
}
body.hotelstouch-editor .hotelstouch-body .preview-box .data-row {
  min-height: 20px !important;
}
body.hotelstouch-editor .hotelstouch-body .preview-box .data-header {
  min-height: 20px;
  font-weight: bold;
  background-color: var(--borderLightColor) !important;
}
body.hotelstouch-editor .hotelstouch-body .edit-box {
  width: 50%;
  height: 100%;
  background-color: var(--formColor);
  display: flex;
  flex-direction: column;
}
body.hotelstouch-editor .hotelstouch-body .edit-box .data-panel {
  height: 100%;
  overflow: auto;
}
body.hotelstouch-editor .hotelstouch-body .edit-box .action-panel {
  display: flex;
  justify-content: space-around;
  font-size: 10px;
  height: 20px;
  align-items: center;
  cursor: pointer;
}
body.hotelstouch-editor .hotelstouch-body .edit-box .action-panel > div {
  width: 100%;
  height: 100%;
  background-color: var(--backgroundColor);
  display: flex;
  align-items: center;
  justify-content: center;
}
body.hotelstouch-editor .hotelstouch-body .edit-box .action-panel > div.active {
  background-color: var(--formColor);
}
body .hotelstouch-profile .profile-header {
  height: 120px;
  background-color: var(--formColor);
  position: relative;
}
body .hotelstouch-profile .profile-header + * {
  padding: 10px;
}
body .hotelstouch-profile .profile-header .profile-image {
  width: 90px;
  height: 90px;
  background-color: var(--hotelstouchTheme);
  color: var(--textButtonColor);
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0px;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
}
body .hotelstouch-profile .profile-header .profile-image.add-photo {
  cursor: pointer;
}
body .hotelstouch-profile .profile-header .profile-name {
  padding-left: 100px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-top: 10px;
  height: 90px;
  background-color: var(--borderLightColor);
  font-size: 22px;
  line-height: 20px;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
  line-height: 18px;
}
body .hotelstouch-profile .profile-header .profile-name span {
  display: inline-block;
  width: 100%;
}
body .hotelstouch-profile .profile-header .profile-name span > span {
  width: fit-content !important;
}
body .hotelstouch-profile .profile-header .profile-name > div {
  width: 100%;
  height: 100%;
}
body .hotelstouch-profile .profile-header .profile-name .profile-settings {
  display: flex;
  justify-content: space-around;
  position: absolute;
  top: 0;
  right: 0;
}
body .hotelstouch-profile .profile-header .profile-name .profile-settings .settings-group {
  margin: 4px 4px;
  background-color: var(--formColor);
  border-radius: 5px;
  border: 1px solid var(--borderLightColor);
}
body .hotelstouch-profile .profile-header .profile-name .profile-settings .settings-group .fa {
  width: 30px;
  text-align: center;
  cursor: pointer;
  color: var(--textColor);
  opacity: 0.1;
}
body .hotelstouch-profile .profile-header .profile-name .profile-settings .settings-group .fa:hover,
body .hotelstouch-profile .profile-header .profile-name .profile-settings .settings-group .fa.active {
  opacity: 1;
}
body .hotelstouch-profile .profile-header .profile-actions {
  height: 30px;
  background-color: var(--formColor);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body .hotelstouch-profile .profile-header .profile-actions > * {
  display: block;
  width: 100%;
  text-align: center;
  height: 100%;
  line-height: 30px;
  border-left: 1px solid var(--borderLightColor);
  position: relative;
  text-transform: uppercase;
}
body .hotelstouch-profile .profile-header .profile-actions > * .multi-action {
  display: none;
}
body .hotelstouch-profile .profile-header .profile-actions > *:hover .multi-action {
  background-color: var(--formColor);
  display: flex;
  flex-direction: column;
  z-index: 100;
  position: absolute;
  width: 100%;
  border: 1px solid var(--borderLightColor);
  box-shadow: 0 10px 10px var(--shadowColor);
  right: 0;
}
body .hotelstouch-profile .profile-header .profile-actions > *.active {
  font-weight: bold;
}
@media screen and (orientation: landscape) {
  body .hotelstouch-profile .profile-header .profile-actions > *:before {
    content: attr(data-title);
  }
  body .hotelstouch-profile .profile-header .profile-actions > * .fa {
    padding: 0 10px;
  }
}
body .hotelstouch-profile .profile-split {
  display: inline-block;
  width: 100%;
}
@media screen and (orientation: landscape) {
  body .hotelstouch-profile .profile-split > .left-side {
    width: 25%;
    float: left;
  }
  body .hotelstouch-profile .profile-split > .right-side {
    width: calc(75% - 10px);
    float: left;
    margin-left: 10px;
  }
}
@media screen and (orientation: landscape) {
  body .hotelstouch-profile .profile-split.split-50 > .left-side {
    width: 50%;
  }
  body .hotelstouch-profile .profile-split.split-50 > .right-side {
    width: calc(50% - 10px);
  }
}
@media screen and (orientation: landscape) {
  body .hotelstouch-profile .profile-split.split-75-25 > .left-side {
    width: 75%;
  }
  body .hotelstouch-profile .profile-split.split-75-25 > .right-side {
    width: calc(25% - 10px);
  }
}
@media screen and (orientation: landscape) {
  body .hotelstouch-profile .profile-split.split-66-34 > .left-side {
    width: 66%;
  }
  body .hotelstouch-profile .profile-split.split-66-34 > .right-side {
    width: calc(34% - 10px);
  }
}
@media screen and (orientation: landscape) {
  body .hotelstouch-profile .profile-split.split-67-33 > .left-side {
    width: 67%;
  }
  body .hotelstouch-profile .profile-split.split-67-33 > .right-side {
    width: calc(33% - 10px);
  }
}
body .hotelstouch-profile .profile-data.scrollable {
  max-height: 500px;
  overflow-y: auto;
}
body .hotelstouch-profile .profile-data {
  background-color: var(--formColor);
  font-size: 11px;
  display: flex;
  justify-content: flex-start;
  flex-basis: 100%;
  flex-flow: row wrap;
  position: relative;
  height: fit-content;
}
body .hotelstouch-profile .profile-data > .hotelstouch-data {
  margin-bottom: 0 !important;
  padding-right: 0 !important;
}
body .hotelstouch-profile .profile-data > .hotelstouch-data > .data-row,
body .hotelstouch-profile .profile-data > .hotelstouch-data .data-header {
  border-left: none !important;
  border-right: none !important;
}
body .hotelstouch-profile .profile-data > .hotelstouch-data > .data-row:last-child,
body .hotelstouch-profile .profile-data > .hotelstouch-data .data-header:last-child {
  border-bottom: none !important;
}
body .hotelstouch-profile .profile-data > .hotelstouch-data .data-row-extra-info {
  border-left: none !important;
  border-right: none !important;
}
body .hotelstouch-profile .profile-data > .hotelstouch-data .data-row:last-child,
body .hotelstouch-profile .profile-data > .hotelstouch-data .data-row-extra-info:last-child {
  border-bottom: none !important;
}
body .hotelstouch-profile .profile-data > .hotelstouch-data.grid {
  width: 100%;
}
body .hotelstouch-profile .profile-data .profile-actions {
  width: 100% !important;
  padding: 25px;
  justify-content: flex-end;
  display: flex;
  position: sticky;
  bottom: 0;
  z-index: 13;
  background-color: var(--formColor);
  border-top: 1px solid var(--borderLightColor);
  box-shadow: 0px -10px 80px -40px black;
  margin-top: 180px;
}
body .hotelstouch-profile .profile-data .profile-actions .btn,
body .hotelstouch-profile .profile-data .profile-actions .hotelstouch-button {
  margin: 0 5px;
  width: 160px;
}
body .hotelstouch-profile .profile-data .profile-actions :first-child {
  margin-left: 0 !important;
}
body .hotelstouch-profile .profile-data .profile-actions :last-child {
  margin-right: 0 !important;
}
body .hotelstouch-profile .profile-data .flexGrid {
  width: 100%;
  flex-basis: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
}
body .hotelstouch-profile .profile-data .flexGrid .ht-row {
  width: 33% !important;
}
body .hotelstouch-profile .profile-data .row {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
body .hotelstouch-profile .profile-data .row.addPointer:hover, body .hotelstouch-profile .profile-data input[type=checkbox] + label.row:hover,
body .hotelstouch-profile .profile-data input[type=radio] + label.row:hover, body.design-2017 .hotelstouch-profile .profile-data .hotelstouch-header .row.hotelstouch-menu-button:hover, body.design-2017 .hotelstouch-header .hotelstouch-profile .profile-data .row.hotelstouch-menu-button:hover, body.Horizontal .hotelstouch-profile .profile-data .hotelstouch-header .row.hotelstouch-menu-button:hover, body.Horizontal .hotelstouch-header .hotelstouch-profile .profile-data .row.hotelstouch-menu-button:hover, body.Vertical .hotelstouch-profile .profile-data .hotelstouch-header .row.hotelstouch-menu-button:hover, body.Vertical .hotelstouch-header .hotelstouch-profile .profile-data .row.hotelstouch-menu-button:hover, body.appVertical .hotelstouch-profile .profile-data .hotelstouch-header .row.hotelstouch-menu-button:hover, body.appVertical .hotelstouch-header .hotelstouch-profile .profile-data .row.hotelstouch-menu-button:hover, body.appHorizontal .hotelstouch-profile .profile-data .hotelstouch-header .row.hotelstouch-menu-button:hover, body.appHorizontal .hotelstouch-header .hotelstouch-profile .profile-data .row.hotelstouch-menu-button:hover, body .hotelstouch-profile .profile-data .row.selected {
  background-color: var(--hotelstouchTheme) !important;
  color: var(--textButtonColor) !important;
  transition: 0.5s all ease;
  outline: none !important;
}
body .hotelstouch-profile .profile-data .row.addPointer:hover .fa, body .hotelstouch-profile .profile-data input[type=checkbox] + label.row:hover .fa,
body .hotelstouch-profile .profile-data input[type=radio] + label.row:hover .fa, body.design-2017 .hotelstouch-profile .profile-data .hotelstouch-header .row.hotelstouch-menu-button:hover .fa, body.design-2017 .hotelstouch-header .hotelstouch-profile .profile-data .row.hotelstouch-menu-button:hover .fa, body.Horizontal .hotelstouch-profile .profile-data .hotelstouch-header .row.hotelstouch-menu-button:hover .fa, body.Horizontal .hotelstouch-header .hotelstouch-profile .profile-data .row.hotelstouch-menu-button:hover .fa, body.Vertical .hotelstouch-profile .profile-data .hotelstouch-header .row.hotelstouch-menu-button:hover .fa, body.Vertical .hotelstouch-header .hotelstouch-profile .profile-data .row.hotelstouch-menu-button:hover .fa, body.appVertical .hotelstouch-profile .profile-data .hotelstouch-header .row.hotelstouch-menu-button:hover .fa, body.appVertical .hotelstouch-header .hotelstouch-profile .profile-data .row.hotelstouch-menu-button:hover .fa, body.appHorizontal .hotelstouch-profile .profile-data .hotelstouch-header .row.hotelstouch-menu-button:hover .fa, body.appHorizontal .hotelstouch-header .hotelstouch-profile .profile-data .row.hotelstouch-menu-button:hover .fa, body .hotelstouch-profile .profile-data .row.selected .fa {
  color: var(--textButtonColor) !important;
  transition: 0.5s all ease;
}
body .hotelstouch-profile .profile-data .row .row-image {
  margin-bottom: auto;
  margin-top: 5px;
}
body .hotelstouch-profile .profile-data .row img {
  width: 25px;
  margin-right: 5px;
  margin-bottom: auto;
}
body .hotelstouch-profile .profile-data .row > span {
  height: 100%;
  width: 100%;
  padding: 5px 3px !important;
  display: block;
  box-sizing: border-box;
  margin-bottom: auto;
  margin-top: 0px;
}
body .hotelstouch-profile .profile-data .row > span span {
  width: 100%;
  display: flex;
  text-align: right;
  font-size: 9px;
  margin-top: 6px;
}
body .hotelstouch-profile .profile-data .row span.data-actions {
  display: flex;
  font-size: 20px;
  min-width: 100px;
  max-width: 120px;
  justify-content: space-around;
}
body .hotelstouch-profile .profile-data .row span.data-actions > * {
  margin: 0 5px;
}
body .hotelstouch-profile .profile-data .row.reverse {
  flex-direction: row-reverse;
}
body .hotelstouch-profile .profile-data .row.hasChildren {
  flex-basis: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 13px;
  background-color: var(--borderLightColor);
  border-radius: 5px;
  height: fit-content;
}
body .hotelstouch-profile .profile-data .row > .row:not(:first-child) {
  width: 100%;
  margin-left: 15px !important;
  font-size: 0.8em;
}
body .hotelstouch-profile .profile-data .row > .row:not(:first-child) .row-image {
  width: 30px;
  height: 30px;
  min-width: 30px;
  line-height: 30px;
}
body .hotelstouch-profile .profile-data .row > .row:not(:first-child) > .row:not(:first-child) .row-image {
  width: 20px;
  height: 20px;
  min-width: 20px;
  line-height: 20px;
  font-size: 10px;
}
body .hotelstouch-profile .profile-data .row:last-child {
  border: none;
}
body .hotelstouch-profile .profile-data .row.disabled {
  opacity: 0.3;
  pointer-events: none;
}
body .hotelstouch-profile .profile-data .data-item {
  padding: 15px 30px;
  position: relative;
  width: 100%;
  align-items: center;
}
body .hotelstouch-profile .profile-data .data-item.form-item[data-label]:before {
  position: absolute;
  content: attr(data-label);
  top: -9px;
  left: 30px;
  opacity: 0.5;
  text-align: left;
  padding-right: 5px;
  box-sizing: border-box;
  line-height: 25px;
  padding: 0 2px;
  font-weight: lighter;
  text-transform: uppercase;
}
body .hotelstouch-profile .profile-data .data-item:not(.form-item)[data-label]:before {
  min-width: 135px;
  height: 100%;
  content: attr(data-label) ":";
  top: -12px;
  left: 12px;
  opacity: 0.7;
  text-align: right;
  padding-right: 5px;
  box-sizing: border-box;
  float: left;
}
body .hotelstouch-profile .profile-data[data-title]:before,
body .hotelstouch-profile .profile-data .profile-data-header {
  color: var(--textButtonColor);
  background-color: var(--hotelstouchTheme);
  width: 100% !important;
  padding: 0 30px;
  font-size: 20px;
  line-height: 56px;
  text-transform: uppercase;
  font-weight: lighter;
  content: attr(data-title);
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 12;
  box-shadow: 0 7px 35px -25px black;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body .hotelstouch-profile .profile-data .profile-data-header .profile-data-header-actions {
  display: flex;
  font-size: 10px;
  align-items: center;
}
body .hotelstouch-profile .profile-data .profile-data-header .profile-data-header-actions > * {
  margin-left: 15px;
  color: var(--textButtonColor);
  opacity: 0.5;
}
body .hotelstouch-profile .profile-data .profile-data-header .profile-data-header-actions > *:hover {
  opacity: 1;
}
body .hotelstouch-profile .profile-actions > * {
  text-transform: uppercase;
  font-size: 10px;
}
body .hotelstouch-profile .row-image {
  width: 40px;
  height: 40px;
  margin: 5px;
  background-position: center;
  background-size: cover;
  min-width: 40px;
  text-align: center;
  line-height: 40px;
  color: var(--textButtonColor);
  background-color: var(--hotelstouchTheme);
  font-size: 20px;
  border-radius: 50%;
}
@media screen and (orientation: landscape) {
  body .hotelstouch-profile .profile-data.flex-grid-2 > .data-item,
  body .hotelstouch-profile .profile-data.flex-grid-2 > .row,
  body .hotelstouch-profile .data-item.flex-grid-2 > * {
    width: 50%;
    box-sizing: border-box;
  }
  body .hotelstouch-profile .profile-data.flex-grid-3 > .data-item,
  body .hotelstouch-profile .profile-data.flex-grid-3 > .row,
  body .hotelstouch-profile .data-item.flex-grid-3 > * {
    width: 33.3333333333%;
    box-sizing: border-box;
  }
  body .hotelstouch-profile .profile-data.flex-grid-4 > .data-item,
  body .hotelstouch-profile .profile-data.flex-grid-4 > .row,
  body .hotelstouch-profile .data-item.flex-grid-4 > * {
    width: 25%;
    box-sizing: border-box;
  }
  body .hotelstouch-profile .data-item.force-full-width {
    width: 100% !important;
    box-sizing: border-box;
  }
}
body .hotelstouch-popup {
  position: absolute;
  background-color: var(--formColor);
  min-height: 80px;
  right: 0;
  box-shadow: 0 0 30px -10px var(--shadowMediumColor);
  display: flex;
  flex-basis: 100%;
  flex-flow: row wrap;
  justify-content: flex-start;
  z-index: 5;
}
body .hotelstouch-popup .popup-search {
  width: 100%;
  border-bottom: 1px solid var(--borderLightColor);
  display: flex;
  justify-content: center;
  padding: 10px;
  align-items: center;
}
body .hotelstouch-popup .popup-search input[type=text] {
  border: 1px solid var(--borderLightColor);
  height: 30px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 2px 10px;
  outline: none;
  width: 100%;
  color: var(--textColor);
  background-color: var(--formColor);
}
body .hotelstouch-popup .popup-search:after {
  content: "\f002";
  font-family: FontAwesome;
  background-color: var(--backgroundColor);
  height: 32px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  color: var(--borderColor);
}
body .hotelstouch-popup .hotelstouch-data.list {
  overflow: auto;
  height: calc(100% - 30px);
  width: 400px;
  max-height: 500px;
  border: none !important;
}
body .hotelstouch-popup .hotelstouch-data.list .data-row {
  margin-bottom: 0px !important;
  padding: 10px 20px;
  border-bottom: 1px solid var(--backgroundColor);
}
body .hotelstouch-popup .hotelstouch-data.list .data-row .row-image {
  color: var(--textColor);
  margin-bottom: auto;
  background-color: var(--transparentColor);
}
body .hotelstouch-popup .hotelstouch-data.list a.data-row:hover,
body .hotelstouch-popup .hotelstouch-data.list a.data-row:focus,
body .hotelstouch-popup .hotelstouch-data.list a.data-row.active {
  background-color: var(--hotelstouchTheme) !important;
  color: var(--textButtonColor) !important;
  transition: 0.5s all ease;
  outline: none !important;
}
body .hotelstouch-popup .hotelstouch-data.list a.data-row:hover .fa,
body .hotelstouch-popup .hotelstouch-data.list a.data-row:focus .fa,
body .hotelstouch-popup .hotelstouch-data.list a.data-row.active .fa {
  color: var(--textButtonColor) !important;
  transition: 0.5s all ease;
}
body .hotelstouch-popup .hotelstouch-data.grid {
  overflow: auto;
  width: 270px;
  max-height: 500px;
  justify-content: flex-start;
  border: none !important;
  display: flex;
  flex-wrap: wrap;
}
body .hotelstouch-popup .app_select_grid {
  overflow: auto;
  width: 270px;
  max-height: 500px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
}
body .hotelstouch-popup .app_select_grid .app {
  width: 100%;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 42px;
  flex-direction: column;
  padding: 3px;
  background-clip: content-box;
  transition: 0.2s transform ease;
  border-radius: 12px;
  border: 1px solid #E4E7EC;
}
body .hotelstouch-popup .app_select_grid .app:hover {
  transform: scale(0.9);
  transition: 0.2s transform ease;
}
body .hotelstouch-popup .app_select_grid .app:after {
  content: attr(data-title);
  text-decoration: none;
  width: 100%;
  color: inherit;
  background-color: inherit;
  font-size: 11px;
  text-align: center;
  height: 12px;
  line-height: 12px;
  font-family: "Open sans";
  margin-top: 5px;
}
body .hotelstouch-popup[data-title]:before {
  content: attr(data-title);
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: left;
  font-size: 0.8rem;
  padding: 15px 15px;
  background-color: var(--buttonTextColor);
  color: var(--textColor);
  border-bottom: 1px solid var(--borderLightColor);
}
body .hotelstouch-popup .header {
  display: flex;
  width: 100% !important;
}
body .hotelstouch-popup .header .info {
  padding-left: 5px;
  width: 100%;
}
body .hotelstouch-popup .header .info > .title {
  font-size: 20px;
}
body .hotelstouch-popup .header .info > .subtitle {
  opacity: 0.6;
}
body .hotelstouch-popup .header .status {
  width: 50px;
  max-width: 50px;
  min-width: 50px;
  height: 50px;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  background-size: cover;
}
body .hotelstouch-popup .info-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 10px;
}
body .hotelstouch-popup .info-container > * {
  width: 50%;
  padding: 0 10px;
  margin-top: 5px;
}
body .hotelstouch-popup .info-container > *:nth-child(even) {
  text-align: right;
}
body .hotelstouch-popup .info-container:before {
  content: attr(data-label);
  top: -12px;
  width: 100%;
  background-color: var(--borderLightColor);
  padding: 0 5px;
}
@media screen and (orientation: landscape) {
  body .hotelstouch-popup:after {
    display: block;
    position: absolute;
    content: "";
    border-left: 10px solid var(--transparentColor);
    border-right: 10px solid var(--transparentColor);
    border-top: 0px solid var(--transparentColor);
    border-bottom: 12px solid var(--borderLightColor);
  }
  body .hotelstouch-popup.calendar-popup:not(.flipVertical):after {
    top: -12px;
  }
  body .hotelstouch-popup.calendar-popup.flipVertical:after {
    bottom: -12px !important;
    transform: rotate(180deg);
    border-bottom-color: var(--formColor);
  }
  body .hotelstouch-popup.calendar-popup:not(.flipHorizontal):after {
    left: 6px;
  }
  body .hotelstouch-popup.calendar-popup.flipHorizontal:after {
    right: 6px;
  }
  body .hotelstouch-popup:not(.calendar-popup):after {
    right: 6px;
    top: -12px;
  }
}
@media screen and (orientation: portrait) {
  body .hotelstouch-popup {
    position: fixed;
    height: calc(100% - 100px);
    width: 100%;
    top: 50px !important;
  }
  body .hotelstouch-popup .hotelstouch-data {
    width: 100% !important;
    max-height: calc(100% - 30px) !important;
    height: calc(100% - 30px) !important;
  }
  body .hotelstouch-popup .hotelstouch-data a.app {
    background-size: 45% !important;
  }
  body .hotelstouch-popup .hotelstouch-data a.app:hover {
    background-size: 55% !important;
  }
}
body .attachment-box {
  display: flex;
  font-size: 16px;
  line-height: 16px;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid var(--borderColor);
  padding: 0px 6px;
  border-radius: 5px;
  margin: 0 0 10px 0;
}
body .attachment-box .attachment {
  border-left: 1px solid var(--borderColor);
  border-right: 1px solid var(--borderColor);
  margin: 0 6px !important;
  padding: 5px;
  font-size: 11px !important;
  height: 16px !important;
}
body .attachment-box .attachment:empty:before {
  content: "No file chosen";
}
body .btn,
body .hotelstouch-button,
body input[type=submit],
body input[type=button] {
  cursor: pointer;
}
body .btn > .dropdown,
body .hotelstouch-button > .dropdown,
body input[type=submit] > .dropdown,
body input[type=button] > .dropdown {
  width: 100%;
  background-color: var(--formColor);
  color: #333;
  box-shadow: 0px 5px 60px -15px rgba(0, 0, 0, 0.31);
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}
body .btn > .dropdown > *:not(:last-child),
body .hotelstouch-button > .dropdown > *:not(:last-child),
body input[type=submit] > .dropdown > *:not(:last-child),
body input[type=button] > .dropdown > *:not(:last-child) {
  border-bottom: 1px solid var(--borderLightColor);
}
body .btn:hover > .dropdown,
body .hotelstouch-button:hover > .dropdown,
body input[type=submit]:hover > .dropdown,
body input[type=button]:hover > .dropdown {
  display: block;
  z-index: 2;
}
body .btn:not(.hotelstouch-filter),
body .hotelstouch-button:not(.hotelstouch-filter),
body input[type=submit]:not(.hotelstouch-filter),
body input[type=button]:not(.hotelstouch-filter) {
  height: 35px;
  min-width: 35px;
  border-radius: 0px;
  line-height: 35px;
  font-size: 11px;
  cursor: pointer;
  padding: 0 !important;
  width: 100%;
}
body .btn,
body .hotelstouch-button,
body input[type=submit],
body input[type=button] {
  border: 1px solid var(--borderLightColor);
  background-color: var(--formColor);
  color: var(--textColor);
  text-align: center;
}
body .btn.disabled,
body .hotelstouch-button.disabled,
body input[type=submit].disabled,
body input[type=button].disabled {
  opacity: 0.5;
  pointer-events: none;
}
body .btn.purple,
body .hotelstouch-button.purple,
body input[type=submit] {
  background-color: var(--hotelstouchTheme) !important;
  color: var(--textButtonColor) !important;
}
body form.hotelstouch-form .actions-and-filters {
  display: flex;
  justify-content: flex-end;
}
body form.hotelstouch-form .actions-and-filters .btn,
body form.hotelstouch-form .actions-and-filters .hotelstouch-button,
body form.hotelstouch-form .actions-and-filters input[type=submit],
body form.hotelstouch-form .actions-and-filters input[type=button] {
  width: 200px;
  margin-right: 5px;
}
body form.hotelstouch-form .actions-and-filters .btn:last-child,
body form.hotelstouch-form .actions-and-filters .hotelstouch-button:last-child,
body form.hotelstouch-form .actions-and-filters input[type=submit]:last-child,
body form.hotelstouch-form .actions-and-filters input[type=button]:last-child {
  margin-right: 0 !important;
}
body form.hotelstouch-confirm {
  position: fixed;
  z-index: 1020;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  padding: calc(47vh - 100px) calc(50% - 230px);
  color: var(--whiteColor);
  font-size: 15px;
}
body form.hotelstouch-confirm > .popup {
  padding: 20px 30px;
  background-color: white;
  border-radius: 8px;
  color: black;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
body form.hotelstouch-confirm > .popup #applyToGroupLabel {
  line-height: 1;
  gap: 5px;
  padding-left: 5px;
  min-height: unset;
}
body form.hotelstouch-confirm > .popup > .popup_header {
  display: flex;
  align-items: center;
}
body form.hotelstouch-confirm > .popup > .popup_header > i {
  font-size: 20px;
  color: var(--hotelstouchThemeLight);
  margin-right: 20px;
}
body form.hotelstouch-confirm > .popup > .popup_header > .message_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body form.hotelstouch-confirm > .popup > .popup_header > .message_container .action_description {
  color: #7d7b7b;
}
body form.hotelstouch-confirm > .popup > .popup_header > .message_container .action_message {
  color: black;
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
}
body form.hotelstouch-confirm > .popup > .action_input_container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
body form.hotelstouch-confirm > .popup > .action_input_container > .confirmation_number {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: -10px;
}
body form.hotelstouch-confirm input[type=text] {
  border: 1px solid var(--whiteColor) !important;
  border-radius: 8px;
  height: 30px;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
  background-color: var(--whiteColor);
  cursor: pointer;
  width: 75%;
}
body form.hotelstouch-confirm textarea {
  background-color: var(--whiteColor);
  border-radius: 7px;
  resize: vertical;
}
body form.hotelstouch-confirm input[type=checkbox] + label:before, body form.hotelstouch-confirm input[type=radio] + label:before {
  background-color: inherit;
  font-size: 20px !important;
  color: var(--hotelstouchTheme);
  width: unset;
  min-width: unset;
  min-height: unset;
  height: unset;
}
body form.hotelstouch-confirm input[type=checkbox] + label:after, body form.hotelstouch-confirm input[type=radio] + label:after {
  content: "" !important;
  background-color: inherit;
  color: var(--hotelstouchTheme);
}
body form.hotelstouch-confirm input[type=checkbox]:checked + label:before, body form.hotelstouch-confirm input[type=radio]:checked + label:before {
  background-color: inherit;
  color: var(--hotelstouchTheme);
}
body form.hotelstouch-confirm .split-action {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}
body form.hotelstouch-confirm .split-action input {
  border-radius: 7px;
  font-family: inherit;
  font-size: 13px;
  max-width: 100px;
  line-height: 1;
}
body .data-item.form-item.unlimited-height {
  max-height: none !important;
}
body .data-item.file-container {
  padding: 10px !important;
  box-shadow: 0 0 10px var(--shadowColor) inset;
  border-radius: 5px;
  margin: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
body .data-item.file-container .dialog-file {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  padding: 10px 25px 50px 25px;
  position: relative;
  border-radius: 5px;
  cursor: pointer;
}
body .data-item.file-container .dialog-file.active {
  background-color: var(--shadowColor);
}
body .data-item.file-container .dialog-file > .fa {
  z-index: 1;
  position: absolute;
  bottom: 56px;
  left: 42px;
}
body .data-item.file-container .dialog-file:before {
  content: "\f016";
  font-family: FontAwesome;
  width: 50px;
  height: 50px;
  font-size: 50px;
  text-align: center;
  top: 0;
  left: 0;
  color: var(--textColor);
  z-index: 0;
}
body .data-item.file-container .dialog-file:after {
  content: attr(data-label);
  position: absolute;
  font-size: 9px;
  width: 80px;
  height: 20px;
  bottom: 20px;
  line-height: 10px;
  color: var(--textColor);
  text-align: center;
}
body .data-item.form-item {
  margin-top: 15px;
}
body .data-item.form-item .datetimepicker {
  display: none;
  position: absolute;
  background-color: var(--formColor);
  color: var(--textColor);
  box-shadow: 0 0 10px var(--shadowColor);
}
body .data-item.form-item .data-item-error {
  width: fit-content;
  background-color: #ae1a2a !important;
  color: white;
  padding: 10px;
  position: absolute;
  bottom: -100%;
  right: 10px;
  z-index: 10;
  box-sizing: border-box;
  box-shadow: 0 0 10px var(--shadowColor);
}
body .data-item.form-item .data-item-error:after {
  display: block;
  position: absolute;
  content: "";
  border-left: 8px solid rgba(255, 255, 255, 0);
  border-right: 8px solid rgba(255, 255, 255, 0);
  border-top: 0px solid rgba(255, 255, 255, 0);
  border-bottom: 12px solid #ae1a2a !important;
  top: -12px;
  right: 3px;
}
body .data-item.form-item > input[type=text],
body .data-item.form-item > input[type=password],
body .data-item.form-item > input[type=email],
body .data-item.form-item > input[type=number],
body .data-item.form-item > .hotelstouch-select {
  margin: 0 2px;
}
body .data-item.form-item > input[type=text].disabled, body .data-item.form-item > input[type=text]:disabled, body .data-item.form-item > input[type=text]:read-only:not(div),
body .data-item.form-item > input[type=password].disabled,
body .data-item.form-item > input[type=password]:disabled,
body .data-item.form-item > input[type=password]:read-only:not(div),
body .data-item.form-item > input[type=email].disabled,
body .data-item.form-item > input[type=email]:disabled,
body .data-item.form-item > input[type=email]:read-only:not(div),
body .data-item.form-item > input[type=number].disabled,
body .data-item.form-item > input[type=number]:disabled,
body .data-item.form-item > input[type=number]:read-only:not(div),
body .data-item.form-item > .hotelstouch-select.disabled,
body .data-item.form-item > .hotelstouch-select:disabled,
body .data-item.form-item > .hotelstouch-select:read-only:not(div) {
  opacity: 0.6;
  pointer-events: none;
}
body .data-item.form-item > input[type=checkbox]:not(.switch) + label,
body .data-item.form-item > input[type=radio] + label {
  width: calc(100% - 150px) !important;
}
body .data-item.form-item > .fa {
  font-family: FontAwesome, "Open Sans";
  position: absolute;
  top: 0;
  right: 35px;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  text-align: center;
  justify-content: center;
  z-index: 3;
  padding: 0 5px;
  opacity: 0.6;
}
body .data-item.form-item:before {
  align-items: center !important;
}
body .data-item.form-item.list-controls:before {
  align-items: flex-start !important;
}
body .data-item.form-item.list-controls {
  max-height: none;
}
body .data-item.form-item.list-controls input {
  display: block;
}
body .data-item.form-item.list-controls input:not(:first-child) {
  margin-left: 135px !important;
}
body .hotelstouch-select {
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  min-height: 37px;
}
body .hotelstouch-select.noBorders.matrix .hotelstouch-select-data {
  border: none;
  background-color: var(--borderLightColor);
}
body .hotelstouch-select.noBorders.matrix .selectGroup {
  display: block !important;
}
body .hotelstouch-select.noColorOnSelected .selected {
  background-color: var(--formColor) !important;
}
body .hotelstouch-select input[type=radio] + label:after,
body .hotelstouch-select input[type=checkbox] + label:after {
  color: var(--textColor) !important;
  font-size: 13.3333px;
}
body .hotelstouch-select input[type=radio] + label:before,
body .hotelstouch-select input[type=checkbox] + label:before {
  content: " " !important;
  min-width: 10px;
  width: 10px;
}
body .hotelstouch-select input[type=radio] + label[data-icon]:before,
body .hotelstouch-select input[type=checkbox] + label[data-icon]:before {
  padding: 0 10px;
}
body .hotelstouch-select:empty:before {
  content: "No info";
  background-color: var(--backgroundColor);
  color: var(--borderColor);
  cursor: no-drop;
  opacity: 0.6;
  width: 100%;
  display: flex;
  min-height: 30px;
  justify-content: center;
  align-items: center;
  height: 35px;
  border-radius: 5px;
  border: 1px solid var(--borderLightColor);
}
body .hotelstouch-select:not(.maxtrix).active .hotelstouch-select-data {
  min-height: 180px;
}
body .hotelstouch-select.active .hotelstouch-select-data {
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid var(--borderLightColor);
  z-index: 13;
  border-radius: 0 0 5px 5px;
}
body .hotelstouch-select:not(.matrix):not(.active) .hotelstouch-select-data:before {
  content: "" attr(data-placeholder);
  font-family: "Open Sans", FontAwesome;
  width: 100%;
  height: 100%;
  opacity: 1;
  padding: 0 10px;
  font-weight: bold;
  position: absolute;
  left: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  line-height: 37px;
  border-radius: 6px;
  color: var(--borderColor);
  border: 1px solid var(--borderLightColor);
}
body .hotelstouch-select:not(.active) .selectDataInfo {
  display: none !important;
}
body .hotelstouch-select:not(.active) .selectGroup {
  display: none !important;
}
body .hotelstouch-select:not(.active).noBorders .selectGroup {
  display: block !important;
}
body .hotelstouch-select:not(.active) .hotelstouch-select-data.required:before {
  border: 1px solid #ae1a2a !important;
}
body .hotelstouch-select:not(.active):not(.matrix) .selected {
  width: 100%;
  margin: 0 !important;
  border: 1px solid var(--borderLightColor);
  border-radius: 5px;
  overflow: hidden;
}
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data {
  z-index: 13;
  position: absolute;
  max-height: 180px;
}
body .hotelstouch-select.active:not(.matrix) input[type=text] {
  display: block;
  width: 100% !important;
  float: none;
  border-radius: 5px 5px 0 0;
}
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data {
  box-shadow: 0 0 15px var(--shadowColor);
}
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data.big-data:not(.ignore-big-data) > * {
  display: none;
}
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data.big-data:not(.ignore-big-data) > *:checked, body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data.big-data:not(.ignore-big-data) > *.active {
  display: block;
}
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data input[type=radio] + label,
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data input[type=checkbox] + label {
  display: flex;
  pointer-events: none;
  line-height: 1;
}
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data input[type=radio]:checked + label:before, body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data input[type=radio]:checked + label:after,
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data input[type=checkbox]:checked + label:before,
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data input[type=checkbox]:checked + label:after {
  color: var(--textButtonColor) !important;
}
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data .hide-on-search {
  display: none !important;
}
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data .data-title {
  display: block !important;
}
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data .data-row {
  display: flex;
  pointer-events: all;
  min-height: fit-content;
}
body .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data .data-row.selected {
  background-color: var(--hotelstouchTheme) !important;
  color: var(--textButtonColor) !important;
}
body .hotelstouch-select.matrix > input[type=text] {
  display: block;
  border: 1px solid var(--borderLightColor);
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
body .hotelstouch-select.matrix.required {
  border: 1px solid #ae1a2a;
}
body .hotelstouch-select.matrix .hotelstouch-select-data {
  border-radius: 0 0 5px 5px;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid var(--borderLightColor) !important;
  max-height: 180px;
  padding: 5px;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="1"]:before {
  grid-column: 1/2;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="1"] .selectGroup {
  grid-column: 1/2;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="1"] {
  grid-template-columns: 1fr;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="2"]:before {
  grid-column: 1/3;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="2"] .selectGroup {
  grid-column: 1/3;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="2"] {
  grid-template-columns: 1fr 1fr;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="3"]:before {
  grid-column: 1/4;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="3"] .selectGroup {
  grid-column: 1/4;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="3"] {
  grid-template-columns: 1fr 1fr 1fr;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="4"]:before {
  grid-column: 1/5;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="4"] .selectGroup {
  grid-column: 1/5;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="4"] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="5"]:before {
  grid-column: 1/6;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="5"] .selectGroup {
  grid-column: 1/6;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="5"] {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="6"]:before {
  grid-column: 1/7;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="6"] .selectGroup {
  grid-column: 1/7;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="6"] {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="7"]:before {
  grid-column: 1/8;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="7"] .selectGroup {
  grid-column: 1/8;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="7"] {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="8"]:before {
  grid-column: 1/9;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="8"] .selectGroup {
  grid-column: 1/9;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="8"] {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="9"]:before {
  grid-column: 1/10;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="9"] .selectGroup {
  grid-column: 1/10;
}
body .hotelstouch-select.matrix .hotelstouch-select-data[data-itemsperrow="9"] {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
body .hotelstouch-select.matrix .hotelstouch-select-data.unconstrained {
  max-height: none !important;
}
body .hotelstouch-select.matrix .hotelstouch-select-data .data-title {
  display: block;
}
body .hotelstouch-select.matrix .hotelstouch-select-data .data-row {
  display: flex;
  pointer-events: all;
  opacity: 0.63;
  border: 1px solid var(--borderLightColor);
  box-sizing: border-box;
  margin: 0px;
  min-height: 30px;
}
body .hotelstouch-select.matrix .hotelstouch-select-data .data-row label {
  width: 100%;
  height: 100%;
}
body .hotelstouch-select.matrix .hotelstouch-select-data .data-row.selected {
  pointer-events: all;
  background-color: var(--hotelstouchTheme);
  color: var(--textButtonColor);
}
body .hotelstouch-select.matrix .hotelstouch-select-data .data-row:hover {
  opacity: 1;
}
body .hotelstouch-select.matrix .hotelstouch-select-data .data-row input[type=radio] + label,
body .hotelstouch-select.matrix .hotelstouch-select-data .data-row input[type=checkbox] + label {
  pointer-events: none;
}
body .hotelstouch-select.matrix .hotelstouch-select-data .data-row .row-image {
  width: 30px;
  height: 30px;
  min-width: 30px;
  line-height: 30px;
  font-size: 16px;
}
body .hotelstouch-select.matrix .hotelstouch-select-data .data-row .row-image .fa {
  right: 0px;
}
body .hotelstouch-select.matrix .hotelstouch-select-data .data-row .row-title {
  font-size: 12px !important;
  line-height: 12px !important;
}
body .hotelstouch-select.matrix .hotelstouch-select-data .data-row .row-subtitle {
  font-size: 9px !important;
  line-height: 10px !important;
}
body .hotelstouch-select.matrix .hotelstouch-select-data:before {
  position: relative;
  display: flex !important;
  border: none;
}
body .hotelstouch-select.matrix .toggle-matrix:before {
  content: "\f068";
  font-family: FontAwesome;
}
body .hotelstouch-select .toggle-matrix {
  width: 18px;
  height: 18px;
  background-color: var(--hotelstouchTheme);
  display: block;
  position: absolute;
  right: -9px;
  top: calc(50% - 10px);
  z-index: 6;
  color: white;
  text-align: center;
  line-height: 19px;
  border-radius: 5px;
}
body .hotelstouch-select .toggle-matrix:before {
  content: "\f067";
  font-family: FontAwesome;
}
body .hotelstouch-select input[type=text] {
  display: none;
}
body .hotelstouch-select .hotelstouch-select-data {
  background-color: white;
  box-sizing: content-box;
  min-height: 37px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  z-index: 3;
  border-bottom: none !important;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
body .hotelstouch-select .hotelstouch-select-data > .selectDataInfo {
  display: flex;
  min-height: 37px;
  align-items: center;
  padding: 0 10px;
  border-bottom: 1px solid var(--borderLightColor);
  background: var(--backgroundLightColor);
}
body .hotelstouch-select .hotelstouch-select-data > .selectDataInfo div:last-child {
  margin-left: auto;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
}
body .hotelstouch-select .hotelstouch-select-data > .selectDataInfo div:last-child > .icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .hotelstouch-select .hotelstouch-select-data .selectGroup {
  width: 100%;
  background-color: var(--backgroundColor);
  color: var(--textColor);
  display: block !important;
  padding: 5px !important;
  height: fit-content !important;
  text-transform: uppercase;
  font-size: 16px;
}
body .hotelstouch-select .hotelstouch-select-data .selectGroup:before {
  content: attr(data-label);
}
body .hotelstouch-select .hotelstouch-select-data input[type=radio] + label,
body .hotelstouch-select .hotelstouch-select-data input[type=checkbox] + label {
  float: left;
  clear: both;
  margin: 0 !important;
  pointer-events: none;
  width: 100%;
}
body .hotelstouch-select .hotelstouch-select-data input[type=radio]:checked + label,
body .hotelstouch-select .hotelstouch-select-data input[type=checkbox]:checked + label {
  display: flex;
}
body .hotelstouch-select .hotelstouch-select-data .data-title {
  width: 100%;
  padding: 5px;
  text-transform: uppercase;
  background-color: var(--borderLightColor);
  color: var(--hotelstouchTheme);
  font-weight: bold;
  margin-right: -10px;
  display: none;
}
body .hotelstouch-select .hotelstouch-select-data .data-row {
  background-color: var(--formColor);
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  color: var(--textColor);
  text-decoration: none;
  cursor: pointer;
  display: none;
  position: relative;
  border-bottom: 1px solid var(--borderLightColor);
  transition: 0.3s all ease;
  opacity: 0.6;
  padding: 5px;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .editButton {
  position: absolute;
  display: flex;
  right: 10px;
  font-size: 15px;
  top: 0;
  height: 100%;
  align-items: center;
}
body .hotelstouch-select .hotelstouch-select-data .data-row:hover, body .hotelstouch-select .hotelstouch-select-data .data-row:focus {
  transition: 0.3s all ease;
  opacity: 1 !important;
}
body .hotelstouch-select .hotelstouch-select-data .data-row.selected {
  display: flex;
  pointer-events: none;
  opacity: 1 !important;
}
body .hotelstouch-select .hotelstouch-select-data .data-row.selected .editButton {
  color: var(--textButtonColor);
}
body .hotelstouch-select .hotelstouch-select-data .data-row.selected .row-image {
  border: 1px solid var(--borderLightColor);
  box-sizing: border-box;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .row-image {
  width: 33px;
  height: 33px;
  margin: 5px;
  background-position: center;
  background-size: cover;
  min-width: 33px;
  text-align: center;
  line-height: 33px;
  color: var(--textButtonColor);
  margin-bottom: auto;
  background-color: var(--hotelstouchTheme);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .row-data.top {
  margin-bottom: auto;
  padding-bottom: 5px;
  margin-top: 5px;
  padding-right: 20px;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .row-data {
  width: calc(100% - 10px);
  display: flex;
  flex-basis: 100%;
  flex-flow: row wrap;
  font-size: 12px;
  margin: 0 5px;
  min-height: 33px;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .row-data .data-column {
  padding: 5px;
  box-sizing: border-box;
  width: 100% !important;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .row-data .data-column:before {
  content: attr(data-label) " ";
}
body .hotelstouch-select .hotelstouch-select-data .data-row .row-data .row-title {
  font-size: 12px;
  width: 100%;
  line-height: 16px;
  word-break: break-word;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .row-data .row-subtitle {
  font-size: 10px;
  opacity: 0.7;
  width: 100%;
  line-height: 11px;
  word-break: break-word;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .row-data .row-subtitle .extra-info {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  margin: 5px 0;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .row-data .row-subtitle .extra-info .subitem {
  width: 60px;
  box-sizing: border-box;
  padding: 1px 3px;
  margin: 1px;
  border-radius: 7px;
  text-align: center;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .row-data .row-subtitle .extra-info .subitem .fa {
  line-height: inherit;
  height: 100%;
  width: 20px;
  font-size: inherit !important;
  text-align: center;
  border-radius: 50%;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .data-actions {
  min-width: 100px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 30px;
  font-size: 18px;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .data-actions.vertical {
  flex-direction: column;
  min-width: 40px !important;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .data-actions > * {
  width: 100% !important;
  height: 30px !important;
  text-align: center;
  line-height: 30px;
  display: block;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .data-actions > *.disabled {
  opacity: 0.3;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .data-actions > * .fa,
body .hotelstouch-select .hotelstouch-select-data .data-row .data-actions > * .fa-stack {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  text-align: center;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .data-actions.flex-grid-2 {
  flex-wrap: wrap;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .data-actions.flex-grid-2 > * {
  width: 50% !important;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .data-actions.flex-grid-3 {
  flex-wrap: wrap;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .data-actions.flex-grid-3 > * {
  width: 33.3333333333% !important;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .data-actions.flex-grid-4 {
  flex-wrap: wrap;
}
body .hotelstouch-select .hotelstouch-select-data .data-row .data-actions.flex-grid-4 > * {
  width: 25% !important;
}
body .hotelstouch-select:not(.active):not(.matrix) .hotelstouch-select-data {
  width: 100% !important;
}
body .hotelstouch-select:not(.active):not(.matrix) .hotelstouch-select-data .data-row.selected .editButton {
  color: inherit;
}
body .hotelstouch-select.select-editable:not(.active):not(.matrix) .hotelstouch-select-data .data-row.selected {
  pointer-events: unset;
}
body input[type=number]::-webkit-inner-spin-button,
body input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
body input[type=number] {
  -moz-appearance: textfield;
}
body input[type=text],
body input[type=password],
body input[type=email],
body input[type=number],
body textarea {
  border: 1px solid var(--borderLightColor);
  background-color: var(--formColor);
  color: var(--textColor);
  outline: none;
  width: 100%;
  padding: 0px 10px 0 10px;
  box-sizing: border-box;
  min-height: 32px;
  font-family: "Open Sans";
  font-weight: bold;
  line-height: 35px;
  border-radius: 5px;
  transition: 0.3s all ease;
}
@supports selector(input:has(+ .i)) {
  body input[type=text]:has(+ i.fa), body input[type=text]:has(+ span.material-symbols-rounded),
  body input[type=password]:has(+ i.fa),
  body input[type=password]:has(+ span.material-symbols-rounded),
  body input[type=email]:has(+ i.fa),
  body input[type=email]:has(+ span.material-symbols-rounded),
  body input[type=number]:has(+ i.fa),
  body input[type=number]:has(+ span.material-symbols-rounded),
  body textarea:has(+ i.fa),
  body textarea:has(+ span.material-symbols-rounded) {
    padding-right: 30px;
  }
}
body textarea {
  line-height: 2 !important;
  border: 1px solid var(--borderLightColor);
  border-radius: 5px;
  resize: vertical;
  min-height: 100px;
  padding: 10px;
  font-weight: normal;
}
body input:required:placeholder-shown {
  border: 1px solid rgba(191, 30, 30, 0.6) !important;
}
body input::-webkit-input-placeholder {
  color: var(--borderColor) !important;
}
body input:-moz-placeholder {
  /* Firefox 18- */
  color: var(--borderColor) !important;
}
body input::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--borderColor) !important;
}
body input:-ms-input-placeholder {
  color: var(--borderColor) !important;
}
body input:focus {
  border: 1px solid var(--borderDarkColor);
  transition: 0.3s all ease;
}
body input:disabled {
  background-color: var(--backgroundColor);
  color: var(--borderColor);
  cursor: no-drop;
}
body input[type=checkbox]:disabled + label,
body input[type=radio]:disabled + label {
  cursor: no-drop;
  opacity: 0.5;
}
body input[type=checkbox]:disabled + label:before, body input[type=checkbox]:disabled + label:after,
body input[type=radio]:disabled + label:before,
body input[type=radio]:disabled + label:after {
  cursor: no-drop;
  opacity: 0.5;
}
body input[type=checkbox],
body input[type=radio] {
  display: none !important;
  visibility: hidden;
  position: absolute;
}
body input[type=checkbox] + label,
body input[type=radio] + label {
  min-height: 34px;
  line-height: 34px;
  margin: 0 1px !important;
  position: relative;
  outline: none !important;
  width: fit-content;
  display: flex;
  min-width: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}
body input[type=checkbox] + label.hotelstouch-selector-option,
body input[type=radio] + label.hotelstouch-selector-option {
  min-height: 22px !important;
  margin: 3px !important;
}
body input[type=checkbox] + label.hotelstouch-selector-option:before,
body input[type=radio] + label.hotelstouch-selector-option:before {
  line-height: 21px;
  height: 21px;
}
body input[type=checkbox] + label.hotelstouch-selector-option:after,
body input[type=radio] + label.hotelstouch-selector-option:after {
  line-height: 12px;
  height: 22px;
}
body input[type=checkbox] + label:before,
body input[type=radio] + label:before {
  font-family: FontAwesome;
  background-color: transparent;
  border: none;
  color: var(--shadowColor);
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  cursor: pointer;
  height: 32px;
  width: 32px;
  min-width: 32px;
  z-index: 1;
}
body input[type=checkbox]:checked + label,
body input[type=radio]:checked + label {
  font-weight: bold;
}
body input[type=checkbox]:checked + label:before,
body input[type=radio]:checked + label:before {
  color: var(--hotelstouchTheme) !important;
}
body input[type=radio]:disabled:before {
  color: var(--backgroundColor);
  cursor: no-drop !important;
}
body input[type=checkbox] + label[data-label]:after,
body input[type=radio] + label[data-label]:after {
  content: attr(data-label) " ";
  color: var(--textColor);
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 32px;
  padding: 5px 0 5px 0;
  box-sizing: border-box;
  width: 100%;
}
body input[type=checkbox]:checked + label:after,
body input[type=radio]:checked + label:after {
  color: var(--hotelstouchTheme);
  font-weight: bold;
}
body input[type=checkbox] + label:before {
  content: "\f096";
}
body input[type=checkbox]:checked + label:before {
  content: "\f14a";
}
body input[type=radio] + label:before {
  content: "\f1db";
}
body input[type=radio]:checked + label:before {
  content: "\f192";
}
body input[type=checkbox] + label[data-icon]:before,
body input[type=radio] + label[data-icon]:before {
  content: attr(data-icon) !important;
}
body input[type=checkbox].switch-sides + label:before,
body input[type=radio].switch-sides + label:before {
  content: "\f067";
}
body input[type=checkbox].switch-sides:checked + label:before,
body input[type=radio].switch-sides:checked + label:before {
  content: "\f068";
}
body input[type=checkbox].not_authorized + label:before,
body input[type=radio].not_authorized + label:before {
  content: "\f05e";
}
body input[type=checkbox].not_authorized:checked + label:before,
body input[type=radio].not_authorized:checked + label:before {
  content: "\f05e";
}
body input[type=checkbox].role_user + label:before,
body input[type=radio].role_user + label:before {
  content: "\f2c0";
}
body input[type=checkbox].role_user:checked + label:before,
body input[type=radio].role_user:checked + label:before {
  content: "\f007";
}
body input[type=checkbox].role_group_admin + label:before,
body input[type=radio].role_group_admin + label:before {
  content: "\f0c0";
}
body input[type=checkbox].role_group_admin:checked + label:before,
body input[type=radio].role_group_admin:checked + label:before {
  content: "\f0c0";
}
body input[type=checkbox].role_application_admin + label:before,
body input[type=radio].role_application_admin + label:before {
  content: "\f006";
}
body input[type=checkbox].role_application_admin:checked + label:before,
body input[type=radio].role_application_admin:checked + label:before {
  content: "\f005";
}
body input[type=checkbox].role_system_admin + label:before,
body input[type=radio].role_system_admin + label:before {
  content: "\f08a";
}
body input[type=checkbox].role_system_admin:checked + label:before,
body input[type=radio].role_system_admin:checked + label:before {
  content: "\f004";
}
body input[type=checkbox].switch + label:before,
body input[type=radio].switch + label:before {
  content: "\f204";
}
body input[type=checkbox].switch:checked + label:before,
body input[type=radio].switch:checked + label:before {
  content: "\f205";
}
body input[type=checkbox].select + label:before,
body input[type=radio].select + label:before {
  content: "\f00c";
}
body input[type=checkbox].select:checked + label:before,
body input[type=radio].select:checked + label:before {
  content: "\f00c";
}
body input[type=checkbox].switch {
  display: none;
}
body input[type=checkbox].switch + label {
  color: var(--textColor);
  width: 100% !important;
  position: relative;
  display: block;
}
body input[type=checkbox].switch + label:not(:empty) {
  padding-right: 60px;
}
body input[type=checkbox].switch + label:before {
  content: "" !important;
  background: var(--borderColor);
  width: 50px;
  height: 25px;
  border-radius: 12.5px;
  display: block;
  order: 2;
  position: absolute;
  right: 0;
  top: calc(50% - 12.5px);
  transition: 0.3s background-color ease;
}
body input[type=checkbox].switch + label:after {
  content: "" !important;
  width: 21px;
  height: 21px;
  display: block;
  border-radius: 50%;
  margin: 2px;
  box-sizing: border-box;
  background-color: var(--textButtonColor);
  order: 2;
  position: absolute;
  right: 25px;
  top: calc(50% - 12.5px);
  transition: 0.3s right ease;
  z-index: 1;
}
body input[type=checkbox].switch:checked + label:before {
  background-color: var(--hotelstouchTheme);
}
body input[type=checkbox].switch:checked + label:after {
  right: 0;
}
body input[type=checkbox].switch:checked + label {
  color: var(--hotelstouchTheme);
}
body .hotelstouch-modal {
  position: fixed;
  z-index: 1010;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: grid;
  grid-template-rows: auto fit-content(80%) auto;
  grid-template-columns: auto fit-content(765px) auto;
}
body .hotelstouch-modal > *:not(.user-profile)::-webkit-scrollbar-thumb {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-radius: 30px;
  background: #414141;
}
body .hotelstouch-modal > *::-webkit-scrollbar-track {
  background-color: transparent !important;
}
body .hotelstouch-modal > form,
body .hotelstouch-modal > .hotelstouch-matrix,
body .hotelstouch-modal > .hotelstouch-profile {
  display: flex;
  flex-wrap: wrap;
  grid-row: 2/3;
  grid-column: 2/3;
  overflow-y: auto;
}
body .hotelstouch-modal .profile-data {
  width: 100%;
}
body .hotelstouch-modal .mini-form {
  max-width: 450px;
  min-width: 450px;
  max-height: 400px;
}
body .hotelstouch-modal form.mini-form .profile-data:before {
  display: none;
}
body .hotelstouch-modal form.mini-form .profile-data input[type=password],
body .hotelstouch-modal form.mini-form .profile-data input[type=text],
body .hotelstouch-modal form.mini-form .profile-data input[type=number],
body .hotelstouch-modal form.mini-form .profile-data input[type=email] {
  width: 100% !important;
}
body .hotelstouch-modal form.mini-form .profile-data .data-item.form-item:before {
  display: none;
}
body .hotelstouch-modal form.mini-form .profile-actions {
  margin: 0 !important;
}
body .hotelstouch-modal .hotelstouch-modal-exit {
  position: fixed;
  right: 0px;
  top: 0px;
  height: 75px;
  width: 75px !important;
  font-size: 36px;
  background-color: #333;
  color: white;
  border-bottom-left-radius: 65px;
  text-align: right;
  padding-right: 14px;
  line-height: 1;
  padding-top: 10px;
}
body .hotelstouch-modal .hotelstouch-modal-exit:before {
  font-family: FontAwesome;
  content: "\f00d";
}
body .horizontal-divider {
  text-align: center;
  position: relative;
  display: flex;
  white-space: nowrap;
  align-items: center;
  opacity: 1;
  color: var(--hotelstouchTheme);
  background-color: var(--formColor);
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
body .horizontal-divider:before, body .horizontal-divider:after {
  content: "";
  width: 100%;
  background-color: var(--borderColor);
  height: 1px;
  display: block;
  background-clip: content-box;
}
body .horizontal-divider:after {
  padding-left: 10px;
}
body .horizontal-divider:before {
  padding-right: 10px;
}
body .hotelstouch-action-form {
  color: var(--textColor) !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 auto;
  height: fit-content;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 3px;
  box-shadow: 0 0 10px var(--shadowColor);
  background-color: white;
}
body .hotelstouch-action-form.form_noyes {
  min-width: 320px !important;
  flex-wrap: wrap !important;
  width: min-content;
}
body .hotelstouch-action-form.form_noyes > label {
  font-size: 16px;
  padding: 5px 20px;
  background-color: var(--hotelstouchTheme);
  color: white !important;
}
body .hotelstouch-action-form.form_noyes > textarea {
  margin: 10px 15px;
  font-size: 14px;
}
body .hotelstouch-action-form.form_noyes > .message {
  padding: 20px 20px 10px 20px;
  font-size: 14px;
  display: flex;
  line-height: unset;
  align-items: center;
  border: none;
}
body .hotelstouch-action-form.form_noyes > .message > i {
  font-size: 20px;
  color: var(--hotelstouchThemeLight);
  margin-right: 10px;
}
body .hotelstouch-action-form.form_noyes > .actions-container {
  display: flex;
  justify-content: flex-end;
  padding: 15px;
  line-height: 28px;
}
body .hotelstouch-action-form.form_noyes > .actions-container > .action {
  min-width: 65px;
  border: 1px solid var(--borderLightColor);
  color: dimgrey;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  padding: 0 5px;
}
body .hotelstouch-action-form.form_noyes > .actions-container > .action:hover {
  background-color: var(--hotelstouchTheme);
  border: 1px solid var(--hotelstouchTheme);
  color: white;
}
body .hotelstouch-action-form.form_noyes > .actions-container > .continue {
  margin-left: 10px;
  min-width: 100px;
  background-color: var(--hotelstouchThemeLight);
  border: 1px solid var(--hotelstouchThemeLight);
  color: white !important;
}
body .hotelstouch-action-form > .category-container {
  min-width: 300px;
  display: flex;
  flex-direction: column;
}
body .hotelstouch-action-form > .category-container:not(:last-child) .category-actions-container {
  border-right: 1px solid var(--borderColor);
}
body .hotelstouch-action-form > .category-container:not(:last-child) .category-container-title {
  border-right: 1px solid var(--hotelstouchThemeLight);
}
body .hotelstouch-action-form > .category-container > .category-container-title {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 5px 20px;
  background-color: var(--hotelstouchTheme);
  color: white;
}
body .hotelstouch-action-form > .category-container > .category-actions-container {
  height: 100%;
}
body .hotelstouch-action-form > .category-container > .category-actions-container a {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 5px 20px;
  color: var(--textColor) !important;
  border-bottom: 1px solid #ececec;
}
body .hotelstouch-action-form > .category-container > .category-actions-container a:hover {
  background-color: #f0f0f0;
}
body .hotelstouch-action-form > .category-container > .category-actions-container a > i {
  color: gray;
  min-width: 16px;
  display: flex;
  justify-content: center;
}
body .hotelstouch-action-form > .category-container > .category-actions-container a > span {
  margin-left: 10px;
}
body .hotelstouch-action-form > * {
  width: 100%;
  font-size: 12px;
  line-height: 40px;
  color: var(--textColor) !important;
}
body .hotelstouch-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 5px 0 5px 0 !important;
  background-color: var(--formColor);
  position: relative;
  border-radius: 5px;
}
body .hotelstouch-image > img {
  max-width: 100%;
  min-width: 200px;
  width: 100% !important;
  margin: 0 !important;
  visibility: hidden;
}
body .flex-grid-2 > * {
  width: 50% !important;
  box-sizing: border-box;
}
body .flex-grid-3 > * {
  width: 33.3333333333% !important;
  box-sizing: border-box;
}
body .flex-grid-4 > * {
  width: 25% !important;
  box-sizing: border-box;
}
body .flex-grid-5 > * {
  width: 20% !important;
  box-sizing: border-box;
}
body .tag,
body tag {
  background-color: var(--borderLightColor);
  padding: 2px 4px;
  border-radius: 3px;
  margin: 2px;
  color: var(--textColor);
  width: fit-content;
  float: left;
  position: relative;
  text-align: left;
}
body .tag > img,
body tag > img {
  width: 19px;
  height: 19px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
  left: 0;
  top: 0;
}
body .tag .tag-action,
body tag .tag-action {
  opacity: 0;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50%;
  position: absolute;
  right: 4px;
  top: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 1s ease;
}
body .tag:hover > .tag-action,
body tag:hover > .tag-action {
  opacity: 1;
}
body .tag:focus,
body tag:focus {
  clear: left;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
body .tag[tabindex],
body tag[tabindex] {
  cursor: pointer;
}
body .tag[data-icon]:before,
body tag[data-icon]:before {
  font-family: "Open sans", FontAwesome;
  content: attr(data-icon) !important;
  margin-right: 2px;
  min-width: 10px !important;
  display: inline-block;
  text-align: center;
}
body .tag + .tag.connected:after,
body tag + tag.connected:after,
body .tag-info + .tag.connected:after,
body .tag-info + tag.connected:after {
  content: " ";
  position: absolute;
  width: 22px;
  height: 4px;
  top: -5px;
  left: -16px;
  opacity: 0.8;
  border: 1px solid #333;
  border-bottom: 0;
  z-index: 0;
}
body .tag + .tag-inf,
body tag + tag-info {
  width: fit-content;
  display: table;
  background-color: var(--borderLightColor);
  padding: 2px 4px;
  border-radius: 3px;
  margin: 2px;
  display: none;
}
body .tag:focus + .tag-info,
body tag:focus + .tag-info {
  display: table;
  border-top-left-radius: 0;
}
body .tag.not-selected,
body tag.not-selected {
  opacity: 0.6;
  text-decoration: line-through;
}
body .chip {
  display: flex;
  height: 25px;
  padding: 3px;
  font-size: 12px;
  line-height: 25px;
  border-radius: 25px;
  align-items: center;
  background-color: var(--borderLightColor);
  color: var(--textColor);
  margin: 2px;
}
body .chip .media {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2784313725);
}
body .chip span {
  margin: 0 5px;
}
body .add-border-top {
  border-top: 1px solid var(--borderColor) !important;
}
body .add-border-bottom {
  border-bottom: 1px solid var(--borderColor) !important;
}
body .add-border-left {
  border-left: 1px solid var(--borderColor) !important;
}
body .add-border-right {
  border-right: 1px solid var(--borderColor) !important;
}
body .hotelstouch-logo:empty,
body .dbtouch-logo:empty {
  font-size: 100px;
  justify-content: center;
  color: var(--hotelstouchTheme);
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
}
body .hotelstouch-logo {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body .hotelstouch-logo > [class^=icon-],
body .hotelstouch-logo > [class*=" icon-"] {
  font-size: 36px;
}
body .hotelstouch-logo > [class^=icon-] + div,
body .hotelstouch-logo > [class*=" icon-"] + div {
  font-size: 10px;
  text-transform: uppercase;
}
body .hotelstouch-logo > [class^=icon-] + div div:first-child,
body .hotelstouch-logo > [class*=" icon-"] + div div:first-child {
  font-size: 10px;
  line-height: 10px;
}
body .hotelstouch-logo > [class^=icon-] + div div:last-child,
body .hotelstouch-logo > [class*=" icon-"] + div div:last-child {
  font-size: 25px;
  line-height: 25px;
  font-weight: bold;
}
@media screen and (orientation: portrait) {
  body .hotelstouch-logo > [class^=icon-] + div,
  body .hotelstouch-logo > [class*=" icon-"] + div {
    display: none;
  }
}
body .NOT_VISITED {
  background-color: var(--backgroundColor) !important;
}
body i.DAY_OFF:before {
  font-family: FontAwesome;
  content: "\f015";
  color: #333333;
  font-size: 20px;
  font-style: normal;
}
body i.TRIP:before {
  font-family: FontAwesome;
  content: "\f072";
  color: #333333;
  font-size: 20px;
  font-style: normal;
}
body i.RECORD_IN:before {
  font-family: FontAwesome;
  content: "\f111";
  color: #1eb26c;
  font-size: 20px;
  font-style: normal;
}
body i.RECORD_OUT:before {
  font-family: FontAwesome;
  content: "\f111";
  color: #ae1a2a !important;
  font-size: 20px;
  font-style: normal;
}
body i.WEB_IN:before {
  font-family: FontAwesome;
  content: "\f1db";
  color: #1eb26c;
  font-size: 20px;
  font-style: normal;
}
body i.WEB_OUT:before {
  font-family: FontAwesome;
  content: "\f1db";
  color: #ae1a2a !important;
  font-size: 20px;
  font-style: normal;
}
body img.UNAUTHORIZED {
  opacity: 0.1;
}
body .text-center {
  text-align: center;
  justify-content: center;
}
body .text-left {
  text-align: left;
  justify-content: flex-start;
}
body .text-right {
  text-align: right;
  justify-content: flex-end;
}
body .transparent {
  opacity: 0.3;
}
body .transparent + .data-row-extra-info {
  opacity: 0.3;
}
body .transparent:hover {
  opacity: 0.9;
}
body .transparent:hover + .data-row-extra-info {
  opacity: 0.9;
}
body .loading > *,
body .inactive-content {
  filter: blur(1px);
  opacity: 0.2;
}
body .loading * {
  pointer-events: none !important;
}
body .loading {
  overflow: hidden;
}
body .loading:not(.hotelstouch-content):not(.hotelstouch-modal) {
  position: relative;
}
body .loading:not(.hotelstouch-content):not(.hotelstouch-modal):after {
  position: absolute;
}
body .loading:after {
  position: fixed;
  width: 2vw;
  height: 2vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(4.8vw + 4.2vh);
  font-family: FontAwesome, "Open Sans";
  top: calc(50% - 1vh);
  left: calc(50% - 1vw);
  transition: 1s all ease;
  -webkit-animation: loading-rotate 2s infinite linear;
  animation: loading-rotate 2s infinite linear;
  content: "\f1ce";
}
body .loading-dots:after {
  font-family: FontAwesome, "Open Sans";
  transition: 1s all ease;
  animation: dotty-simple steps(1, end) 1.5s infinite;
  content: "\f111 \f111 \f111";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .critical-pulsing-warning {
  background-color: #ae1a2a !important;
  border-color: #ae1a2a !important;
  opacity: 1 !important;
  z-index: 3 !important;
  transition: 1s all linear;
  -webkit-animation: critical-pulsing 2s linear;
  -webkit-animation-iteration-count: infinite;
  height: 20px !important;
  top: 5px;
  line-height: 20px !important;
  font-size: 10px !important;
}
body .critical-pulsing-warning:before {
  border-top-width: 10px !important;
  border-bottom-width: 10px !important;
}
body .critical-pulsing-warning:after {
  border-top-width: 10px !important;
  border-bottom-width: 10px !important;
}
@media screen and (orientation: portrait) {
  body .landscape-only {
    display: none !important;
  }
}
@media screen and (orientation: landscape) {
  body .portrait-only {
    display: none !important;
  }
}
body .note {
  background-color: #fff0af;
  color: #333;
}
body .stickyNote {
  background-color: #fff0af;
  color: #333;
  font-family: FontAwesome, "Handlee", cursive;
  font-size: 16px;
  box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.4), 0px -70px 78px -10px inset rgba(255, 255, 255, 0.3);
  transform: scale(0.1);
  padding: 33px;
  margin: 40px 0;
  position: absolute;
  top: 18px;
  right: -16px;
  -webkit-transform-origin-x: right;
  -webkit-transform-origin-y: top;
  transition: 0.3s all ease;
  width: 320px;
  height: 320px;
  overflow: auto;
  text-align: justify;
}
body .stickyNote .title {
  font-size: 1.4em;
  font-weight: bold;
}
body .stickyNote::-webkit-scrollbar {
  width: 7px;
  height: 10px;
}
body .stickyNote::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
  border-radius: 3px;
  border-left: 4px solid rgba(0, 0, 0, 0.18);
}
body .stickyNote:hover {
  transform: scale(1);
  z-index: 1;
}
body .comment {
  background-color: var(--formColor);
}
body .reject {
  background-color: #d0515c;
  color: var(--whiteColor) !important;
}
body .keep-pointer-events {
  pointer-events: all !important;
}
body .addPointer, body.design-2017 .hotelstouch-header .hotelstouch-menu-button, body.Horizontal .hotelstouch-header .hotelstouch-menu-button, body.Vertical .hotelstouch-header .hotelstouch-menu-button, body.appVertical .hotelstouch-header .hotelstouch-menu-button, body.appHorizontal .hotelstouch-header .hotelstouch-menu-button, body input[type=checkbox] + label,
body input[type=radio] + label {
  cursor: pointer !important;
}
body .hotelstouch-progress-bar {
  background-color: var(--blackColor);
  width: 100%;
  float: left;
  height: 12px;
  position: relative;
}
body .hotelstouch-progress-bar .fill {
  height: 100%;
  max-width: 100%;
}
body [data-progress="0"] {
  background-color: #1eb26c !important;
}
body [data-progress="1"] {
  background-color: #eea712 !important;
}
body [data-progress="2"] {
  background-color: #ef6b17 !important;
}
body [data-progress="3"] {
  background-color: #ae1a2a !important;
}
body .hotelstouch-progress-bar:after {
  width: 100%;
  height: 100%;
  content: attr(data-title);
  font-size: 10px;
  position: absolute;
  color: var(--whiteColor);
  line-height: 12px;
  top: 0;
  left: 0;
  text-align: center;
}
body .info-box:not(.dont-resize):hover,
body .info-box:not(.dont-resize).full-size {
  width: 300px;
  padding: 0 20px 0 10px;
  height: fit-content;
  transition: 2s all ease;
}
body .info-box:not(.dont-resize):hover .hover-box,
body .info-box:not(.dont-resize).full-size .hover-box {
  display: block;
  width: 100%;
}
body .info-box {
  color: var(--textButtonColor);
  background-color: var(--borderLightColor);
  width: 40px;
  min-height: 40px;
  margin: 4px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border-radius: 5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 2s all ease;
  flex-wrap: wrap;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body .info-box > .fa {
  font-size: 20px;
}
body .info-box .hover-box {
  display: none;
}
body .info-box .extra-box {
  width: 100%;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 19px;
  font-size: 10px;
  text-align: center;
  top: -6px;
  right: -6px;
  border-radius: 50%;
  border: 1px solid var(--formColor);
  box-sizing: border-box;
}
body .highlight-box {
  background-color: var(--borderLightColor);
  margin: 5px 0;
  padding: 2px 5px;
  border-radius: 5px;
  margin: 3px;
  width: calc(100% - 6px);
}
body .highlight-box:first-child {
  margin-top: 6px;
}
body .highlight-box:last-child {
  margin-bottom: 6px;
}
body .highlight-box.active {
  background-color: var(--hotelstouchTheme);
  color: var(--textButtonColor);
}
body .status-box {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 21px;
  border-radius: 3px;
}
body .colorpicker {
  position: absolute;
  right: 12px;
  top: 21px;
  z-index: 13;
}
body .colorpicker input[type=text] {
  width: 100% !important;
}
body .colorpicker .color-preview-box {
  width: 15px;
  height: 15px;
  position: absolute;
  display: block;
  border-radius: 3px;
  box-shadow: 0 0 10px var(--shadowColor);
  right: 30px;
  bottom: -20px;
}
body .colorpicker.active .options {
  position: absolute;
  z-index: 4;
  background-color: var(--formColor);
  padding: 5px;
  top: 31px;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
  border-radius: 5px;
  box-shadow: 0 0 20px var(--shadowColor);
  max-width: 300px;
  right: 20px;
  min-width: 300px;
}
body .colorpicker.active .options .quick-color-box {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 5px;
  box-sizing: border-box;
}
body .colorpicker.active .options .quick-color-box .qcb {
  width: 25px;
  height: 25px;
  margin: 2px;
  border: 1px solid var(--borderColor);
  box-sizing: border-box;
  border-radius: 5px;
}
body .colorpicker.active .options .saturation-value-slider-box {
  width: calc(100% + 30px);
  height: 150px;
  display: block;
  background-color: transparent;
  position: relative;
  margin-left: -15px;
  margin-top: -15px;
}
body .colorpicker.active .options .saturation-value-slider-box .color-box {
  background-color: #ff0000;
  margin: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  top: 0;
  left: 0;
}
body .colorpicker.active .options .saturation-value-slider-box .slider {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: white !important;
  border: 1px solid var(--borderColor);
  border-radius: 50%;
  top: 0px;
  left: 0px;
  z-index: 3;
  box-sizing: border-box;
  cursor: pointer;
}
body .colorpicker.active .options .saturation-value-slider-box:before {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  display: block;
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  margin: 10px;
  z-index: 1;
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  background: -ms-linear-gradient(right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  background: -o-linear-gradient(right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
body .colorpicker.active .options .saturation-value-slider-box:after {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  display: block;
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  margin: 10px;
  z-index: 2;
  background: linear-gradient(rgba(255, 255, 255, 0), #000000);
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), #000000);
  background: -ms-linear-gradient(rgba(255, 255, 255, 0), #000000);
  background: -o-linear-gradient(rgba(255, 255, 255, 0), #000000);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#000000));
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #000000);
  background: linear-gradient(rgba(255, 255, 255, 0), #000000);
}
body .colorpicker.active .options .hue-slider-box,
body .colorpicker.active .options .alpha-slider-box {
  height: 10px;
  width: calc(100% - 10px);
  display: block;
  background-color: var(--formColor);
  position: relative;
  margin: 20px 5px;
}
body .colorpicker.active .options .hue-slider-box .slider,
body .colorpicker.active .options .alpha-slider-box .slider {
  position: absolute;
  height: calc(100% + 10px);
  width: 10px;
  box-sizing: border-box;
  border: 1px solid var(--borderColor);
  background-color: white;
  border-radius: 2px;
  left: 0px;
  top: -5px;
  z-index: 2;
  box-sizing: border-box;
  cursor: pointer;
}
body .colorpicker.active .options .alpha-slider-box .color-box {
  height: 100%;
  width: 100%;
  display: block;
  content: "";
  left: 0;
  position: absolute;
  background: linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
  background: -ms-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
  background: -o-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
body .colorpicker.active .options .hue-slider-box:after {
  height: 100%;
  width: 100%;
  display: block;
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  background: -moz-linear-gradient(left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
body .colorpicker.active .options .alpha-slider-box:before {
  height: 100%;
  width: 100%;
  display: block;
  content: "";
  top: 0;
  position: absolute;
  background-image: -moz-linear-gradient(45deg, #909090 25%, transparent 25%), -moz-linear-gradient(-45deg, #909090 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 75%, #909090 75%), -moz-linear-gradient(-45deg, transparent 75%, #909090 75%);
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #909090), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #909090), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.75, transparent), color-stop(0.75, #909090)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.75, transparent), color-stop(0.75, #909090));
  -moz-background-size: 100px 100px;
  background-size: 100px 100px;
  -webkit-background-size: 10px 10px; /* override value for shitty webkit */
  background-position: 0 0, 5px 0, 5px -5px, 0px 5px;
}
body .matrixForm {
  display: flex;
  overflow: auto;
  max-height: 600px;
}
body .matrixForm.differentColumns .matrix-column:nth-child(2n+1) {
  background-color: var(--formColor);
}
body .matrixForm.differentColumns .matrix-column:nth-child(2n) {
  background-color: var(--borderLightColor);
}
body .matrixForm.differentRows .matrix-cell:nth-child(2n+1) {
  background-color: var(--formColor);
}
body .matrixForm.differentRows .matrix-cell:nth-child(2n) {
  background-color: var(--borderLightColor);
}
body .matrixForm.unconstrained {
  height: fit-content;
}
body .matrixForm .matrix-column {
  position: sticky;
  left: 0;
  height: fit-content;
  width: 100%;
  min-width: fit-content;
}
body .matrixForm .matrix-column:first-child {
  z-index: 1;
  box-shadow: 0 0 10px var(--shadowMediumColor);
}
body .matrixForm .matrix-column:first-child .matrix-cell {
  justify-content: flex-end;
}
body .matrixForm .matrix-column:first-child > .matrix-cell:first-child {
  background-color: var(--borderLightColor);
}
body .matrixForm .matrix-column .matrix-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  height: 32px;
  border-bottom: 1px solid var(--borderColor);
  font-size: 0.7rem;
  padding: 5px 10px;
  text-align: center;
}
body .matrixForm .matrix-column .matrix-cell > * {
  font-size: 0.7rem;
}
body .matrixForm .matrix-column .matrix-cell .control {
  margin: 0 10px;
}
body .matrixForm .matrix-column .matrix-cell:empty:before, body .matrixForm .matrix-column .matrix-cell > div:empty:before {
  content: "N/A";
  display: block;
  opacity: 0.4;
}
body .matrixForm .matrix-column .matrix-cell:first-child {
  position: sticky;
  top: 0;
  height: 70px;
  z-index: 2;
}
body .hotelstouch-matrix {
  width: 100%;
  background-color: var(--formColor);
  color: var(--textColor);
  border: 1px solid var(--borderColor);
}
body .hotelstouch-matrix.form-matrix .title {
  flex-wrap: wrap;
  text-align: right;
}
body .hotelstouch-matrix.form-matrix .title b,
body .hotelstouch-matrix.form-matrix .title i {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
body .hotelstouch-matrix.form-matrix .title i {
  padding-right: 2px;
}
body .hotelstouch-matrix.form-matrix .cell {
  min-width: 160px !important;
  font-size: 12px !important;
  padding: 0px !important;
  min-height: 32px !important;
}
body .hotelstouch-matrix.form-matrix .cell > .cell-info:not(:empty) {
  position: absolute;
  padding: 2px 3px;
  background-color: var(--formColor);
  top: 1px;
  left: 1px;
  color: var(--textColor);
  border-radius: 2px;
  opacity: 0.2;
  z-index: 2;
  font-size: 8px;
  transition: all 0.5s ease;
  line-height: 10px !important;
  min-height: 10px !important;
  min-width: 35px !important;
  display: flex;
  align-items: center;
  text-align: right;
}
body .hotelstouch-matrix.form-matrix .cell > .cell-info:not(:empty) input {
  line-height: inherit;
  font-size: inherit;
  min-height: inherit;
  width: 100%;
  padding: inherit;
  color: var(--textColor) !important;
}
body .hotelstouch-matrix.form-matrix .cell > .cell-info:not(:empty).active {
  opacity: 1;
  font-size: 13px !important;
  min-width: 55px !important;
  transition: all 0.5s ease;
}
body .hotelstouch-matrix.form-matrix .cell input {
  padding-right: 30px;
  text-align: right;
  z-index: 1;
  border-bottom-width: 0px;
}
body .hotelstouch-matrix.form-matrix .cell input:focus {
  border-bottom-width: 2px;
  opacity: 1 !important;
}
body .hotelstouch-matrix.form-matrix .cell > .fa {
  font-family: FontAwesome, "Open Sans";
  position: absolute;
  right: 5px;
  opacity: 0.3;
  font-size: 10px;
}
body .hotelstouch-matrix.form-matrix .hotelstouch-select .data-row {
  min-height: 41px;
}
body .hotelstouch-matrix.form-matrix .hotelstouch-select .data-row .row-image {
  width: 30px;
  height: 30px;
  min-width: 30px;
  line-height: 30px;
}
body .hotelstouch-matrix.form-matrix .hotelstouch-select .data-row .row-title {
  font-size: 12px;
  line-height: 14px;
}
body .hotelstouch-matrix.form-matrix .hotelstouch-select .data-row .row-subtitle {
  font-size: 10px;
  line-height: 10px;
}
body .hotelstouch-matrix .content .header {
  background-color: var(--borderLightColor);
  color: var(--hotelstouchTheme);
}
body .hotelstouch-matrix .content .row {
  padding: 0 !important;
}
body .hotelstouch-matrix .content .footer {
  background-color: var(--borderLightColor);
  color: var(--borderLightColor);
  height: 12px;
}
body .hotelstouch-matrix .content .footer .data {
  overflow-x: scroll !important;
}
body .hotelstouch-matrix .content .header,
body .hotelstouch-matrix .content .row,
body .hotelstouch-matrix .content .footer {
  display: flex;
  justify-content: space-between;
}
body .hotelstouch-matrix .content .header .title,
body .hotelstouch-matrix .content .row .title,
body .hotelstouch-matrix .content .footer .title {
  min-width: 250px;
  max-width: 250px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 5px;
  font-size: 11px;
  height: 30px;
}
body .hotelstouch-matrix .content .header .data,
body .hotelstouch-matrix .content .row .data,
body .hotelstouch-matrix .content .footer .data {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
body .hotelstouch-matrix .content .header .data .scrollable-data,
body .hotelstouch-matrix .content .row .data .scrollable-data,
body .hotelstouch-matrix .content .footer .data .scrollable-data {
  text-align: center;
  float: left;
  height: 100%;
  line-height: 25px;
  min-width: 100%;
  display: flex;
  position: relative;
}
body .hotelstouch-matrix .content .header .data .scrollable-data:empty:after,
body .hotelstouch-matrix .content .row .data .scrollable-data:empty:after,
body .hotelstouch-matrix .content .footer .data .scrollable-data:empty:after {
  display: block;
  color: var(--textColor);
  content: "\f119";
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0.2;
}
body .hotelstouch-matrix .content .header .data .scrollable-data .cell,
body .hotelstouch-matrix .content .row .data .scrollable-data .cell,
body .hotelstouch-matrix .content .footer .data .scrollable-data .cell {
  float: left;
  height: 100%;
  width: 100px !important;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  width: 100% !important;
  min-width: 50px;
  font-size: 9.5px;
  line-height: 12px;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid var(--borderColor);
}
body .hotelstouch-matrix .content .header .data .scrollable-data .cell:hover > .actions,
body .hotelstouch-matrix .content .row .data .scrollable-data .cell:hover > .actions,
body .hotelstouch-matrix .content .footer .data .scrollable-data .cell:hover > .actions {
  display: flex !important;
  position: relative;
  min-width: fit-content;
}
body .hotelstouch-matrix .content .header .data .scrollable-data .cell.disabled,
body .hotelstouch-matrix .content .row .data .scrollable-data .cell.disabled,
body .hotelstouch-matrix .content .footer .data .scrollable-data .cell.disabled {
  color: var(--shadowColor);
}
body .hotelstouch-matrix .content .header:hover > .actions,
body .hotelstouch-matrix .content .row:hover > .actions,
body .hotelstouch-matrix .content .footer:hover > .actions {
  display: flex !important;
}
body .hotelstouch-matrix .content .header .actions,
body .hotelstouch-matrix .content .row .actions,
body .hotelstouch-matrix .content .footer .actions {
  min-width: 60px;
  justify-content: space-around;
  font-size: 20px;
  position: absolute;
  left: 5px;
  background-color: var(--formColor);
  z-index: 10;
  border: 1px solid var(--borderLightColor);
  border-radius: 5px;
  display: none;
  cursor: pointer;
}
body .hotelstouch-matrix .content .header .actions a,
body .hotelstouch-matrix .content .row .actions a,
body .hotelstouch-matrix .content .footer .actions a {
  margin: 0 5px;
  color: var(--hotelstouchTheme);
  cursor: pointer;
  text-decoration: none;
}
body .hotelstouch-quickinfo {
  position: absolute;
  background-color: var(--formColor);
  color: var(--textColor);
  padding: 10px;
  border: 1px solid var(--borderLightColor);
  z-index: 1020;
  max-width: 280px;
  width: 280px;
  max-height: 200px;
  overflow: auto;
  box-shadow: 0 0 10px var(--shadowColor);
}
body .hotelstouch-quickinfo .row {
  display: flex;
  width: 100%;
  font-size: 11px;
}
body .hotelstouch-quickinfo .row:not(:first-child) {
  margin-top: 1px;
}
body .hotelstouch-quickinfo .row .row-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  margin-right: 5px;
}
body .row-image > .flag-icon {
  width: 100% !important;
  height: 100% !important;
  line-height: inherit !important;
}
body .htTable {
  overflow-x: scroll;
  font-size: 16px;
  width: 100%;
}
body .htTable .tableRow {
  display: flex;
  font-size: 0.8em;
  text-align: right;
  border-top: 1px solid var(--apolloBorderColor);
  min-width: fit-content;
}
body .htTable .tableRow .rowImage {
  font-size: 1.4em;
  color: white !important;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin-right: 5px;
  border-radius: 50%;
}
body .htTable .tableRow mainTitle,
body .htTable .tableRow .maintitle {
  display: block;
  font-size: 1em;
}
body .htTable .tableRow subtitle,
body .htTable .tableRow .subtitle {
  display: block;
  font-size: 0.8em;
}
body .htTable .tableRow:not(.scrollableRow) {
  position: sticky;
  left: 0;
  z-index: 10;
}
body .htTable .tableRow:not(.scrollableRow) > * {
  box-shadow: none !important;
}
body .htTable .tableRow > .rowCell:first-child, body .htTable .tableRow > .rowCell:last-child {
  width: 280px;
  min-width: 280px;
  display: block;
  position: sticky;
  left: 0;
  padding: 10px 15px;
  background-color: var(--pageBackgroundColor);
  z-index: 3;
}
body .htTable .tableRow > .rowCell:first-child {
  border-right: 1px solid var(--apolloBorderColor);
}
body .htTable .tableRow > .rowCell.scrollableCell {
  width: 100%;
  display: flex;
}
body .htTable .tableRow > .rowCell.scrollableCell > .cellSection {
  min-width: 215px;
  width: 100%;
  border-right: 1px solid var(--apolloBorderColor);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
body .htTable .tableRow > .rowCell.scrollableCell > .cellSection:last-child {
  border-right: none !important;
}
body .htTable .tableRow > .rowCell.scrollableCell > .cellSection input {
  padding: 2px;
  padding-right: 30px;
  text-align: right;
  z-index: 1;
  min-height: 10px;
  border-color: transparent;
  height: 100%;
  background-color: inherit;
}
body .htTable .tableRow > .rowCell.scrollableCell > .cellSection input:focus {
  opacity: 1 !important;
  border-color: var(--primaryColor);
}
body .htTable .tableRow > .rowCell.scrollableCell > .cellSection input:focus + i.fa {
  color: var(--textColor) !important;
}
body .htTable .tableRow > .rowCell.scrollableCell > .cellSection label {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .htTable .tableRow > .rowCell.scrollableCell > .cellSection i {
  font-family: FontAwesome, "Open Sans";
  position: absolute;
  right: 0;
  width: 30px;
  text-align: left;
  padding: 0 2px;
  opacity: 0.3;
  font-size: 1em !important;
}
body .htTable .tableRow.titleRow {
  text-align: left;
}
body .htTable .tableRow.titleRow mainTitle,
body .htTable .tableRow.titleRow .maintitle {
  font-size: 1.2em;
}
body .hotelstouchInfo {
  font-size: 20px;
  overflow: auto;
  height: 100%;
}
body .hotelstouchInfo .infoHeader {
  display: flex;
  background-color: var(--formColor);
  padding: 20px 0px;
}
body .hotelstouchInfo .infoHeader .infoHeaderSection.image,
body .hotelstouchInfo .infoHeader img {
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 30px !important;
  border-radius: 50%;
  margin-left: 10px;
}
body .hotelstouchInfo .infoHeader .infoHeaderSection.image .subimage,
body .hotelstouchInfo .infoHeader img .subimage {
  border-radius: 50%;
  width: 36px;
  height: 35px;
  position: absolute;
  right: -10px;
  bottom: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px !important;
  border: 2px solid var(--formColor);
}
body .hotelstouchInfo .infoHeader .infoHeaderSection.image > *,
body .hotelstouchInfo .infoHeader img > * {
  font-size: 30px !important;
}
body .hotelstouchInfo .infoHeader .infoHeaderSection {
  width: 100%;
  padding: 5px 10px;
  font-size: 1em;
}
body .hotelstouchInfo .infoHeader .infoHeaderSection > .infoHeaderSubtitle {
  font-size: 0.6em;
  text-transform: uppercase;
}
body .hotelstouchInfo .infoHeader .infoHeaderSection > .infoHeaderTitle {
  font-size: 1em !important;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
}
body .hotelstouchInfo .infoHeader .infoHeaderSection > *:not(.infoHeaderTitle) {
  font-size: 0.6em;
}
body .hotelstouchInfo .infoActions {
  font-size: 0.6em;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  text-transform: uppercase;
  position: sticky;
  top: 0px;
  z-index: 14;
  color: var(--textButtonColor);
  padding: 6px 20px 0px 20px;
}
body .hotelstouchInfo .infoActions > * {
  display: block;
  width: 100%;
  text-align: center;
  height: 100%;
  line-height: 30px;
  position: relative;
  color: var(--textButtonColor);
}
body .hotelstouchInfo .infoActions > *.active {
  background-color: var(--textButtonColor);
  color: var(--textColor);
  border-radius: 5px 5px 0 0;
}
body .hotelstouchInfo .infoActions > div:after {
  content: "\f0d7";
}
body .hotelstouchInfo .infoActions > div:hover:after {
  content: "\f0d8";
}
body .infoActions > *:not(:hover) .multi-action,
body .rowCell:last-child > *:not(:hover) .multi-action {
  display: none;
}
body .infoActions > * .multi-action,
body .rowCell:last-child > * .multi-action {
  background-color: var(--formColor);
  display: flex;
  flex-direction: column;
  z-index: 100;
  position: absolute;
  width: 100%;
  font-size: 12px !important;
  border: 1px solid var(--borderLightColor);
  box-shadow: 0 10px 10px var(--shadowColor);
  right: 0;
}
body .htNotifications {
  position: fixed;
  right: 0px;
  top: 0px;
  height: 80vh;
  width: 20vh;
  min-width: 440px;
  display: block;
  background-color: var(--formColor);
  filter: drop-shadow(-3px 3px 10px rgba(0, 0, 0, 0.17));
  z-index: 4;
  animation-name: notifications;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
body .htNotifications.closed {
  animation-name: notificationsClosed !important;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
body .htNotifications .htNF_tabs {
  display: flex;
  color: var(--textColor);
  text-transform: uppercase;
}
body .htNotifications .htNF_tabs .htNF_tab {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  padding: 0 30px;
  align-items: center;
  font-weight: bold;
  font-size: 1.3em;
}
body .htNotifications .htNF_tabs .htNF_tab.active {
  border-bottom-color: var(--hotelstouchTheme);
}
body .htNotifications .htNF_body {
  height: calc(100% - 137px);
  overflow: auto;
  display: flex;
  flex-direction: column;
}
body .htNotifications .htNF_body .htNF_category {
  color: var(--textColor);
  display: flex;
  margin: 0px 30px;
  min-height: fit-content;
  padding: 10px 0;
}
body .htNotifications .htNF_body .htNF_category.active:after {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  left: 0px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid var(--backgroundColor);
}
body .htNotifications .htNF_body .htNF_category .htNF_info {
  width: 100%;
}
body .htNotifications .htNF_body .htNF_category .htNF_info .htNF_title {
  font-size: 1em;
  text-transform: uppercase;
}
body .htNotifications .htNF_body .htNF_category .htNF_info .htNF_description {
  font-size: 0.8em;
  color: #d0d0d0;
}
body .htNotifications .htNF_body .htNF_category .htNF_number {
  height: 40px;
  min-width: 40px;
  margin: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--backgroundColor);
  color: var(--borderDarkColor);
}
body .htNotifications .htNF_body .htNF_category .htNF_number.hasPriority {
  background-color: #ae1a2a;
  color: var(--textButtonColor);
}
body .htNotifications .htNF_side_body {
  position: absolute;
  right: 100%;
  height: 100%;
  width: 440px;
  background-color: var(--formColor);
  color: var(--textColor);
  top: 0;
  overflow-y: hidden;
  background: var(--backgroundColor) linear-gradient(to right, var(--shadowLightColor) 15%, rgba(255, 255, 255, 0) 80%);
}
body .htNotifications .htNF_side_body .htNF_side_body_title {
  height: 64px;
  display: flex;
  align-items: center;
  color: var(--textButtonColor);
  letter-spacing: 1px;
  box-sizing: border-box;
  z-index: 1;
  padding: 0 30px;
  position: sticky;
  top: 0;
  text-transform: uppercase;
}
body .htNotifications .htNF_side_body .htNF_side_body_content {
  height: calc(100% - 137px);
  overflow: auto;
}
body .htNotifications .htNF_side_body .htNF_side_body_content::-webkit-scrollbar {
  width: 4px;
}
body .htNotifications .htNF_side_body .htNF_side_body_content::-webkit-scrollbar-thumb {
  background: var(--borderColor) !important;
  border-radius: 0px !important;
}
body .htNotifications .htNF_side_body .htNF_side_body_content::-webkit-scrollbar-track {
  background: transparent;
}
body .htNotifications .htNF_side_body .htNF_side_body_actions {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: var(--formColor);
  height: 50px;
  justify-content: flex-start;
  box-shadow: 0px -14px 77px -21px rgba(0, 0, 0, 0.31);
}
body .htNotifications .htNF_side_body .htNF_side_body_actions > * {
  width: calc(50% - 10px);
  margin: 0 5px;
}
body .htNotifications .htNF_side_body .htNF_side_body_actions .hotelstouch-button {
  border-radius: 4px;
  font-size: 12px;
}
body .htNotifications .htNF_footer {
  border-top: 1px solid var(--apolloBorderColor);
  padding: 16px 8px;
  background: var(--pageBackgroundColor);
}
body .htNotifications .htNF_footer .hotelstouch-button {
  width: 50%;
}
body .htEventCalendar {
  display: grid;
  grid-template-columns: 4fr 2fr;
  grid-template-rows: fit-content(0px) auto;
  height: 85vh;
  font-size: 13px;
  margin: 20px auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);
  overflow: hidden;
  border-radius: 10px;
}
body .htEventCalendar .htEC_header {
  grid-row: 1/2;
  grid-column: 1/3;
  background-color: var(--hotelstouchTheme);
  color: white;
  display: flex;
  padding: 2%;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
body .htEventCalendar .htEC_header .htEC_header_filter_info {
  display: grid;
  grid-template-columns: 8.6em auto;
  text-transform: uppercase;
  grid-column-gap: 4px;
}
body .htEventCalendar .htEC_header .htEC_header_filter_info .htEC_year {
  grid-row: 2/4;
  grid-column: 1/2;
  font-size: 3.4em;
  line-height: 0.8em;
}
body .htEventCalendar .htEC_header .htEC_header_filter_info .htEC_month {
  grid-row: 2/3;
  grid-column: 2/3;
  font-size: 1.4em;
  line-height: 1em;
}
body .htEventCalendar .htEC_header .htEC_header_filter_info .htEC_category {
  grid-row: 3/4;
  grid-column: 2/3;
  font-size: 1.2em;
  line-height: 1.2em;
}
body .htEventCalendar .htEC_header .htEC_header_filter_info .htEC_subcategory {
  grid-row: 1/2;
  grid-column: 1/3;
  font-size: 1.4em;
  line-height: 1.4em;
  opacity: 0.5;
}
body .htEventCalendar .htEC_header .htEC_header_info {
  text-align: right;
  height: fit-content;
}
body .htEventCalendar .htEC_header .htEC_header_info .htEC_info_title {
  font-size: 2em;
  line-height: 1;
}
body .htEventCalendar .htEC_header .htEC_header_info .htEC_info_subtitle {
  font-size: 1.4em;
  line-height: 1;
}
body .htEventCalendar .htEC_filters {
  background-color: var(--formColor);
  color: var(--borderColor);
  box-shadow: 0px 14px 38px -19px rgba(0, 0, 0, 0.5);
  position: relative;
  width: 100%;
  left: 0;
  z-index: 2;
  height: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-row: 2/3;
  grid-column: 1/3;
  animation-name: eventCalendarFilters;
  animation-duration: 0.5s;
}
body .htEventCalendar .htEC_filters .htEC_filtersExit {
  position: absolute;
  top: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.33);
}
body .htEventCalendar .htEC_filters .htEC_filterSubmit {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
}
body .htEventCalendar .htEC_filters:after {
  background: linear-gradient(#ffffff 0%, transparent 10%, transparent 82%, #ffffff 99%);
  display: block;
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
body .htEventCalendar .htEC_filters > * {
  height: 100%;
  padding: 0 40px;
  overflow-y: scroll;
  width: 100%;
}
body .htEventCalendar .htEC_filters > *::-webkit-scrollbar {
  width: 1px;
}
body .htEventCalendar .htEC_filters > * > * {
  padding: 10px 0;
}
body .htEventCalendar .htEC_filters > * > *:first-child {
  margin-top: 20px;
}
body .htEventCalendar .htEC_filters > * > *:last-child {
  margin-bottom: 20px;
}
body .htEventCalendar .htEC_filters > * .htEC_filterItem {
  transition: 0.3s all ease;
  cursor: pointer;
}
body .htEventCalendar .htEC_filters > * .htEC_filterItem.active {
  color: #333;
  letter-spacing: 5px;
  font-weight: bold;
}
body .htEventCalendar .htEC_filters .htEC_year {
  font-size: 40px;
  line-height: 36px;
}
body .htEventCalendar .htEC_filters .htEC_month {
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
}
body .htEventCalendar .htEC_filters .htEC_category {
  font-size: 16px;
  line-height: 16px;
}
body .htEventCalendar .htEC_filters .htEC_subcategory {
  font-size: 20px;
  line-height: 20px;
  min-width: 500px;
}
body .htEventCalendar .htEC_filters .htEC_subcategory > .htEC_subcategory {
  padding: 0;
  padding-left: 20px;
  font-size: 0.8em;
}
body .htEventCalendar .htEC_dates {
  grid-row: 2/3;
  grid-column: 1/2;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(7, 1fr);
  background-color: var(--formColor);
  border-bottom: 1px solid var(--borderLightColor);
}
body .htEventCalendar .htEC_dates .htEC_day {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: var(--borderDarkColor);
  transition: 0.3s all ease;
  font-size: 1.2em;
  padding: 8px 5px;
}
body .htEventCalendar .htEC_dates .htEC_day.active {
  padding: 0;
  transform: scale(1.1);
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1));
  background-color: var(--formColor);
  border-radius: 10px;
  z-index: 1;
}
body .htEventCalendar .htEC_dates .htEC_day.active > * {
  border-radius: 10px;
}
body .htEventCalendar .htEC_dates .htEC_day:not(.htEC_weekday) {
  font-weight: bold;
}
body .htEventCalendar .htEC_dates .htEC_day.htEC_other_month {
  background-color: var(--backgroundLightColor);
  color: var(--borderColor);
}
body .htEventCalendar .htEC_dates .htEC_day.htEC_other_month .htEC_day_info:not(:hover) {
  opacity: 0.5;
}
body .htEventCalendar .htEC_dates .htEC_day.htEC_today {
  color: var(--textColor);
  font-size: 3em;
}
body .htEventCalendar .htEC_dates .htEC_day.htEC_today .htEC_day_info {
  font-size: 0.4em;
}
body .htEventCalendar .htEC_dates .htEC_day .htEC_day_info {
  transition: 0.3s all ease;
  display: flex;
  flex-direction: column;
  color: white;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
body .htEventCalendar .htEC_dates .htEC_day .htEC_day_info .htEC_day_notification {
  position: absolute;
  top: -15px;
  right: 5%;
  background-color: #ae1a2a;
  height: 30px;
  width: 30px;
  display: block;
  border-radius: 50%;
  text-align: center;
  line-height: 2em;
  font-size: 1em;
}
body .htEventCalendar .htEC_dates .htEC_day .htEC_day_info .htEC_day_notification:empty {
  display: none;
}
body .htEventCalendar .htEC_dates .htEC_day .htEC_day_info .htEC_day_of_month {
  font-size: 1.6em;
  height: 50%;
  opacity: 0.5;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 1;
  padding: 0 5%;
}
body .htEventCalendar .htEC_dates .htEC_day .htEC_day_info .htEC_day_title {
  font-size: 1.2em;
  height: 50%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 5%;
}
body .htEventCalendar .htEC_dates .htEC_day .htEC_day_info .htEC_day_subtitle {
  font-size: 1em;
  position: absolute;
  top: 1%;
  left: 2%;
  opacity: 0.5;
  padding-left: 3px;
}
body .htEventCalendar .htEC_dates .htEC_day .htEC_day_info .htEC_day_popup {
  display: block;
  position: absolute;
  background-color: white;
  color: #333;
  text-transform: initial;
  font-size: 13px;
  padding: 20px 30px;
  width: fit-content;
  white-space: pre;
  z-index: 1;
  bottom: 100%;
  box-shadow: 0px 0px 21px -8px black;
}
body .htEventCalendar .htEC_dates .htEC_day .htEC_day_info .htEC_day_popup:after {
  content: " ";
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 100%;
  border-top: 20px solid white;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}
body .htEventCalendar .htEC_dates .htEC_day .htEC_day_info:not(:hover) .htEC_day_popup {
  display: none;
}
body .htEventCalendar .htEC_info {
  grid-row: 2/3;
  grid-column: 2/3;
  border-left: 1px solid var(--borderLightColor);
  border-bottom: 1px solid var(--borderLightColor);
  background-color: var(--formColor);
  overflow: hidden;
  max-height: 100%;
  position: relative;
  background: var(--borderLightColor) linear-gradient(to right, rgba(255, 255, 255, 0.1) 15%, rgba(255, 255, 255, 0) 80%);
}
body .htEventCalendar .htEC_info .htEC_info_buttons_container {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  align-items: center;
  position: absolute;
  background-color: var(--formColor);
  bottom: 0;
  height: 50px;
  box-shadow: 0px -10px 42px -20px rgba(0, 0, 0, 0.68);
}
body .htEventCalendar .htEC_info .htEC_info_buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--hotelstouchTheme);
  cursor: pointer;
  opacity: 0.3;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  transition: all 0.3s ease;
}
body .htEventCalendar .htEC_info .htEC_info_buttons:hover {
  transform: scale(2);
  transition: all 0.3s ease;
  opacity: 1 !important;
}
body .htEventCalendar .htEC_info .htEC_info_date_title {
  border-bottom: 2px solid var(--borderLightColor);
  display: flex;
  justify-content: space-between;
}
body .htEventCalendar .htEC_info .htEC_info_date {
  text-transform: uppercase;
  font-size: 1.6em;
  color: var(--borderDarkColor);
  text-align: right;
  border-bottom: 2px solid var(--borderColor);
  height: 50px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin: 0 29px;
}
body .htEventCalendar .htEC_info .htEC_info_no_content {
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: italic;
  height: calc(100% - 60px);
  color: var(--borderColor);
}
body .htEventCalendar .htEC_info .htEC_info_item_container {
  height: calc(100% - 100px);
  overflow: auto;
}
body .htEventCalendar .htEC_info .htEC_info_item_container::-webkit-scrollbar {
  width: 4px;
}
body .htEventCalendar .htEC_info .htEC_info_item_container::-webkit-scrollbar-thumb {
  background: var(--borderColor) !important;
  border-radius: 0px !important;
}
body .htEventCalendar .htEC_info .htEC_info_item_container::-webkit-scrollbar-track {
  background: transparent;
}
body .htEventCalendar .htEC_info .htEC_info_item_container .htEC_info_item.noUrl {
  pointer-events: none;
}
body .htEventCalendar .htEC_info .htEC_info_item_container .htEC_info_item:last-child {
  margin-bottom: 20px;
}
body .htEC_info_item {
  border-radius: 10px;
}
body .htEC_info_item,
body .htNF_info_item {
  display: block;
  padding: 12px 20px 12px 16px;
  margin: 30px;
  position: relative;
  box-shadow: 0px 10px 30px -14px rgba(0, 0, 0, 0.32);
  background-color: var(--formColor);
  border-radius: 5px;
}
body .htEC_info_item .hotelstouch-button,
body .htNF_info_item .hotelstouch-button {
  width: 140px !important;
  height: unset !important;
  font-size: 13px !important;
}
body .htEC_info_item .htEC_item_img,
body .htEC_info_item .htNF_item_img,
body .htNF_info_item .htEC_item_img,
body .htNF_info_item .htNF_item_img {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  position: absolute;
  top: 15px;
  right: -20px;
  font-size: 25px;
}
body .htEC_info_item .htEC_item_img img,
body .htEC_info_item .htNF_item_img img,
body .htNF_info_item .htEC_item_img img,
body .htNF_info_item .htNF_item_img img {
  width: 100%;
  height: 100%;
}
body .htEC_info_item .htEC_item_title,
body .htEC_info_item .htNF_item_title,
body .htNF_info_item .htEC_item_title,
body .htNF_info_item .htNF_item_title {
  line-height: 1;
  font-size: 1.1em;
  font-weight: 600;
}
body .htEC_info_item .htEC_item_subtitle,
body .htEC_info_item .htNF_item_subtitle,
body .htNF_info_item .htEC_item_subtitle,
body .htNF_info_item .htNF_item_subtitle {
  line-height: 1.3;
  font-size: 0.8em;
}
body .htEC_info_item .htEC_item_description,
body .htEC_info_item .htNF_item_description,
body .htNF_info_item .htEC_item_description,
body .htNF_info_item .htNF_item_description {
  font-size: 12px;
  color: var(--borderDarkColor);
}
body .htEC_info_item .htEC_item_highlight,
body .htEC_info_item .htNF_item_highlight,
body .htNF_info_item .htEC_item_highlight,
body .htNF_info_item .htNF_item_highlight {
  font-size: 18px;
  text-align: right;
}
body .hotelstouch-live-feed {
  height: 100%;
  width: 100%;
  border: 1px solid var(--borderColor);
  box-sizing: border-box;
}
body .hotelstouch-live-feed .header,
body .hotelstouch-live-feed .footer {
  background-color: var(--formColor);
  padding: 5px 10px;
  height: 70px;
  box-sizing: border-box;
  box-shadow: 0 0 50px var(--shadowColor);
}
body .hotelstouch-live-feed .header .title,
body .hotelstouch-live-feed .footer .title {
  background-color: var(--formColor);
  font-size: 25px;
  display: flex;
  justify-content: space-between;
}
body .hotelstouch-live-feed .header .subtitle,
body .hotelstouch-live-feed .footer .subtitle {
  background-color: var(--formColor);
  font-size: 17px;
  opacity: 0.8;
  display: flex;
  justify-content: space-between;
}
body .hotelstouch-live-feed .header .extra-info,
body .hotelstouch-live-feed .footer .extra-info {
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  margin: 5px 0;
}
body .hotelstouch-live-feed .header .extra-info .subitem,
body .hotelstouch-live-feed .footer .extra-info .subitem {
  width: 150px;
  box-sizing: border-box;
  margin: 1px;
  padding: 1px 3px;
  text-align: center;
  border-radius: 7px;
}
body .hotelstouch-live-feed .header .extra-info .subitem .fa,
body .hotelstouch-live-feed .footer .extra-info .subitem .fa {
  line-height: inherit;
  height: 100%;
  width: 20px;
  font-size: inherit !important;
  text-align: center;
  border-radius: 50%;
}
body .hotelstouch-live-feed .header {
  border-bottom: 1px solid var(--borderColor);
}
body .hotelstouch-live-feed .header .image {
  background-repeat: no-repeat;
  background-position: center;
  height: 60px;
  width: 60px;
  float: left;
}
body .hotelstouch-live-feed .footer {
  border-top: 1px solid var(--borderColor);
  display: flex;
}
body .hotelstouch-live-feed .content {
  padding: 10px;
  max-height: calc(100% - 160px);
  height: calc(100% - 160px);
  overflow: hidden;
}
body .hotelstouch-live-feed .content .hotelstouch-data {
  flex-wrap: wrap;
  display: flex;
}
body .hotelstouch-live-feed .content .hotelstouch-data .data-row {
  border-bottom: none;
  width: 50%;
  box-sizing: border-box;
}
body .hotelstouch-live-feed .content .hotelstouch-data .data-row.inactive {
  background-color: rgba(174, 26, 42, 0.3);
}
body .hotelstouch-live-feed .content .hotelstouch-data .data-row .row-image {
  width: calc(4vh + 4vw) !important;
  height: calc(4vh + 4vw) !important;
  min-width: calc(4vh + 4vw) !important;
  line-height: calc(4vh + 4vw) !important;
  font-size: calc(2vh + 2vw) !important;
}
body .hotelstouch-live-feed .content .hotelstouch-data .data-row .row-title {
  font-size: calc(1vw + 1vh);
}
body .hotelstouch-live-feed .content .hotelstouch-data .data-row .row-subtitle {
  font-size: calc(0.8vw + 0.8vh);
}
body .ui-datepicker-unselectable {
  opacity: 0.2 !important;
}
body .ui-datepicker {
  background-color: var(--formColor);
  border: 1px solid var(--borderLightColor);
  box-sizing: border-box;
  box-shadow: 0 0 10px var(--shadowColor);
}
body .ui-datepicker .ui-datepicker-month,
body .ui-datepicker .ui-datepicker-year {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0 4px;
}
body .ui-datepicker .ui-datepicker-month {
  border-color: var(--borderLightColor);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
body .ui-datepicker .ui-datepicker-year {
  border-color: var(--borderLightColor);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
body .ui-datepicker .ui-datepicker-other-month {
  opacity: 0.5;
}
body .ui-datepicker .ui-datepicker-prev {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .ui-datepicker .ui-datepicker-prev:before {
  font-family: FontAwesome;
  content: "\f053";
}
body .ui-datepicker .ui-datepicker-next {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .ui-datepicker .ui-datepicker-next:before {
  font-family: FontAwesome;
  content: "\f054";
}
body .ui-datepicker td span,
body .ui-datepicker td a {
  text-align: center;
}
body a.ui-state-active {
  background-color: var(--hotelstouchTheme);
  color: var(--textButtonColor);
}
body .fullyear-grid {
  min-width: 481px;
  background-image: linear-gradient(to right, var(--borderLightColor) 1px, transparent 1px);
  background-size: 8.3333333333%;
  height: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: space-around;
}
body .fullyear-grid:not(.header-data) {
  border-bottom: 1px solid var(--borderLightColor);
  box-sizing: border-box;
}
body .fullyear-grid:before {
  content: "";
}
body .fullyear-grid > span {
  width: 100%;
  text-align: center;
}
body .fullyear-grid .period {
  cursor: pointer;
  font-size: 9px;
  background-color: var(--hotelstouchTheme);
  color: var(--textButtonColor);
  position: absolute;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid transparent;
  background-clip: padding-box;
}
body .popupApplicationIframeMenu {
  width: 70px;
  height: calc(100% - 30px);
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: auto;
}
body .popupApplicationIframeMenu > * {
  height: 70px;
  width: 100%;
  font-size: 1.4rem;
}
body .popupApplicationIframeMenu ~ iframe {
  margin-left: 70px;
  width: calc(100% - 70px) !important;
}
body #messengerLoading,
body .popupApplicationLoading {
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% - 30px);
  width: 100%;
  background: linear-gradient(105deg, white, whitesmoke, white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 110px;
  flex-direction: column;
}
body #messengerLoading > *,
body .popupApplicationLoading > * {
  display: block;
  position: relative !important;
}
body #messengerLoading > .loading-dots,
body .popupApplicationLoading > .loading-dots {
  font-size: 20px;
  color: #b637e0;
  position: relative;
}
body #messengerIframe,
body .popupApplicationIframe {
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
  z-index: 1200;
  border: 1px solid var(--borderColor);
  background-color: var(--backgroundLightColor);
  transition: 0.3s all ease;
  overflow: hidden;
}
body #messengerIframe#messengerIframe,
body .popupApplicationIframe#messengerIframe {
  right: 20vw;
  bottom: 10vh;
  width: 60vw;
  height: 80vh;
  border-radius: 5px;
}
body #messengerIframe .messengerIframeToolbar,
body #messengerIframe .popupApplicationIframeToolbar,
body .popupApplicationIframe .messengerIframeToolbar,
body .popupApplicationIframe .popupApplicationIframeToolbar {
  display: flex;
  min-height: 30px;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid var(--borderColor);
}
body #messengerIframe .messengerIframeToolbar > *,
body #messengerIframe .popupApplicationIframeToolbar > *,
body .popupApplicationIframe .messengerIframeToolbar > *,
body .popupApplicationIframe .popupApplicationIframeToolbar > * {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 30px;
}
body #messengerIframe .messengerIframeToolbar > *:not(:hover),
body #messengerIframe .popupApplicationIframeToolbar > *:not(:hover),
body .popupApplicationIframe .messengerIframeToolbar > *:not(:hover),
body .popupApplicationIframe .popupApplicationIframeToolbar > *:not(:hover) {
  opacity: 0.4;
}
body #messengerIframe iframe,
body .popupApplicationIframe iframe {
  height: calc(100% - 30px);
  width: 100%;
  border: none;
  background-color: white;
}
body #messengerIframe.compact, body #messengerIframe.minimized,
body .popupApplicationIframe.compact,
body .popupApplicationIframe.minimized {
  width: 300px;
  position: fixed;
  bottom: 5px;
  right: 10px;
  height: 550px;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2) !important;
}
body #messengerIframe.minimized,
body .popupApplicationIframe.minimized {
  height: 30px !important;
}
body #messengerIframe.minimized .messengerIframeToolbar,
body #messengerIframe.minimized .popupApplicationIframeToolbar,
body .popupApplicationIframe.minimized .messengerIframeToolbar,
body .popupApplicationIframe.minimized .popupApplicationIframeToolbar {
  border-bottom: none;
}
@media screen and (orientation: portrait) {
  body #messengerIframe,
  body .popupApplicationIframe {
    width: 100vw !important;
    height: 100vh !important;
    z-index: 2000 !important;
    left: 0 !important;
    bottom: 0 !important;
  }
}
body {
  /* Dropdown Button */
}
body .dropbtn {
  background-color: #4caf50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
body {
  /* Dropdown button on hover & focus */
}
body .dropbtn:hover,
body .dropbtn:focus {
  background-color: #3e8e41;
}
body {
  /* The container <div> - needed to position the dropdown content */
}
body .dropdown {
  position: relative;
  display: inline-block;
}
body {
  /* Dropdown Content (Hidden by Default) */
}
body .dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--whiteColor);
  min-width: 200px;
  border-color: #cecece;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  right: 0;
  top: 40px;
}
body {
  /* Links inside the dropdown */
}
body .dropdown-content div {
  color: var(--hotelstouchTheme);
  padding: 5px 16px;
  text-decoration: none;
  display: block;
}
body {
  /* Change color of dropdown links on hover */
}
body .dropdown-content a:hover {
  background-color: #f1f1f1;
}
body {
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
}
body .show {
  display: block;
}
body #videoCallMainContainer {
  height: 100%;
  background-color: var(--formColor);
}
body #videoCallMainContainer .selectUser:hover {
  background-color: var(--hotelstouchTheme);
  color: var(--whiteColor) Text;
}
body #videoCallContainer {
  padding-top: 20px;
  padding-bottom: 20px;
}
body video {
  background: black;
  border: 1px solid gray;
}
body .call-page {
  position: relative;
  display: block;
  margin: 0 auto;
  /*width: 500px;*/
  /*height: 500px;*/
  max-width: 100%;
  max-height: calc((80vw - 20px) * 0.5625);
}
body #localVideo {
  width: 150px;
  height: 120px;
  position: absolute;
  top: 15px;
  right: 15px;
}
body {
  /*#remoteVideo {*/
  /*width: 500px;*/
  /*height: 500px;*/
  /*}*/
}
@media (min-width: 768px) {
  body #remoteVideo {
    width: 100%;
    max-height: calc((70vw - 20px) * 0.5625);
  }
}
@media (max-width: 767px) {
  body #remoteVideo {
    width: 100%;
    max-height: calc((70vw - 20px) * 0.5625);
  }
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: translate(5px, 0);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(5px, 0);
    opacity: 0.5;
  }
}
@-webkit-keyframes loading-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes dotty-simple {
  0% {
    content: "\f10c \f10c \f10c";
  }
  25% {
    content: "\f111 \f10c \f10c";
  }
  50% {
    content: "\f111 \f111 \f10c";
  }
  75% {
    content: "\f111 \f111 \f111";
  }
  100% {
    content: "";
  }
}
@keyframes critical-pulsing {
  0% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  40% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  45% {
    transform: translate(0, 5px);
    -webkit-transform: translate(0, 5px);
  }
  50% {
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
  }
  55% {
    transform: translate(0, 5px);
    -webkit-transform: translate(0, 5px);
  }
  60% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
}
@keyframes eventCalendarFilters {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes notifications {
  0% {
    transform: translateX(200%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes notificationsClosed {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(200%);
  }
}
.decimal_input {
  text-align: right;
  padding-right: 35px !important;
}

/* Flexbox Utilities */
.flex {
  display: flex;
}

.flex_column {
  flex-direction: column;
}

.justify_center {
  justify-content: center;
}

.justify_start {
  justify-content: flex-start;
}

.justify_end {
  justify-content: flex-end;
}

.justify_between {
  justify-content: space-between;
}

.align_items_center {
  align-items: center;
}

.align_items_end {
  align-items: flex-end;
}

.align_items_start {
  align-items: flex-start;
}

.flex_wrap {
  flex-wrap: wrap;
}

.grid {
  display: grid;
}

.grid_2 {
  grid-template-columns: 1fr 1fr;
}

.grid_3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid_4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.gap_0 {
  gap: 0;
}

.gap_4 {
  gap: 4px;
}

.gap_8 {
  gap: 8px;
}

.gap_12 {
  gap: 12px;
}

.gap_16 {
  gap: 16px;
}

.gap_20 {
  gap: 20px;
}

/* Padding Utilities */
.p_0 {
  padding: 0;
}

.p_4 {
  padding: 4px;
}

.p_8 {
  padding: 8px;
}

.p_12 {
  padding: 12px;
}

.p_16 {
  padding: 16px;
}

.p_lr_16 {
  padding: 0 16px;
}

.p_20 {
  padding: 20px;
}

.p_40 {
  padding: 40px;
}

.pt_8 {
  padding-top: 8px;
}

/* Margin Utilities */
.m_0 {
  margin: 0;
}

.m_4 {
  margin: 4px;
}

.m_8 {
  margin: 8px;
}

.m_12 {
  margin: 12px;
}

.ml_4 {
  margin-left: 4px;
}

.ml_8 {
  margin-left: 8px;
}

.ml_12 {
  margin-left: 12px;
}

.mr_4 {
  margin-right: 4px;
}

.mr_8 {
  margin-right: 8px;
}

.mt_0 {
  margin-top: 0;
}

.mt_4 {
  margin-top: 4px;
}

.mt_8 {
  margin-top: 8px;
}

.mt_12 {
  margin-top: 12px;
}

.mt_16 {
  margin-top: 16px;
}

.mt_20 {
  margin-top: 20px;
}

.mb_4 {
  margin-bottom: 4px;
}

.mb_8 {
  margin-bottom: 8px;
}

.mb_12 {
  margin-bottom: 12px;
}

.mb_16 {
  margin-bottom: 16px;
}

.mb_20 {
  margin-bottom: 20px;
}

.m_16 {
  margin: 16px;
}

.m_20 {
  margin: 20px;
}

.m_40 {
  margin: 40px;
}

.mt_8 {
  margin-top: 8px;
}

.mt_12 {
  margin-top: 12px;
}

.mt_16 {
  margin-top: 16px;
}

.mt_auto {
  margin-top: auto;
}

.ml_auto {
  margin-left: auto;
}

/* Text Alignment */
.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

/* Text effects */
.line_through {
  text-decoration: line-through;
}

/* Font Weight */
.font_light {
  font-weight: 300;
}

.font_medium {
  font-weight: 600;
}

.font_bold {
  font-weight: 700;
}

.font_default {
  font-weight: 500;
}

/* Font size */
.font_size_xl {
  font-size: 24px;
}

.font_size_lg {
  font-size: 20px;
}

.font_size_md {
  font-size: 16px;
}

.font_size_default {
  font-size: 14px;
}

.font_size_sm {
  font-size: 12px;
}

/* Opacity */
.low_opacity {
  opacity: 0.6;
}

/* Display */
.d_block {
  display: block;
}

.d_inline {
  display: inline;
}

.d_inline_block {
  display: inline-block;
}

.d_none {
  display: none;
}

/* Width and Height */
.w_full {
  width: 100%;
}

.w_4 {
  width: 4px;
}

.w_8 {
  width: 8px;
}

.w_12 {
  width: 12px;
}

.w_16 {
  width: 16px;
}

.w_20 {
  width: 20px;
}

.w_40 {
  width: 40px;
}

.h_full {
  height: 100%;
}

.h_4 {
  height: 4px;
}

.h_8 {
  height: 8px;
}

.h_12 {
  height: 12px;
}

.h_16 {
  height: 16px;
}

.h_20 {
  height: 20px;
}

.h_40 {
  height: 40px;
}

/* Basic color elements */
.background_light {
  background: white;
}

.highlight_on_hover:hover {
  background-color: var(--highlightColor) !important;
}

.background_ht_theme {
  background: var(--htThemeColor);
  color: var(--apolloTextColorInverted);
}

.foreground_ht_theme {
  color: var(--htThemeColor);
}

.background_primary {
  background: var(--primaryColor) !important;
  color: white !important;
}

.foreground_primary {
  color: var(--primaryColor);
}

.background_highlight {
  background: var(--highlightColor) !important;
}

.background_app_color {
  background: var(--appColor);
  color: white;
}

.foreground_app_color {
  color: var(--appColor);
}

.foreground_success {
  color: #0f6c4f !important;
}
.foreground_warning {
  color: #ca8a05 !important;
}
.foreground_error {
  color: #da2337 !important;
}

.background_success {
  background: #0f6c4f !important;
  color: white !important;
}
.background_warning {
  background: #ca8a05 !important;
  color: white !important;
}
.background_error {
  background: #da2337 !important;
  color: white !important;
}

/* Border styles */
.border_radius_0 {
  border-radius: 0;
}

.border_radius_4 {
  border-radius: 4px;
}

.border_radius_8 {
  border-radius: 8px;
}

.border_radius_12 {
  border-radius: 12px;
}

.border_radius_16 {
  border-radius: 16px;
}

.border_radius_20 {
  border-radius: 20px;
}

.border_radius_50 {
  border-radius: 50%;
}

.border_radius_default {
  border-radius: 12px;
}

.border_default {
  border: 1px solid var(--apolloBorderColor);
}

.border_bottom_default {
  border-bottom: 1px solid var(--apolloBorderColor);
}

.border_top_default {
  border-top: 1px solid var(--apolloBorderColor);
}

/* Shadows */
.box_shadow_default {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

/* Misc */
.position_relative {
  position: relative;
}

.position_absolute {
  position: absolute;
}

.position_fixed {
  position: fixed;
}

.position_sticky {
  position: sticky;
}

.cursor_pointer {
  cursor: pointer;
}

.user_select_none {
  user-select: none;
}

.line_separator {
  width: 100%;
  height: 1px;
  background: var(--apolloBorderColor);
}

.top_0 {
  top: 0;
}

.bottom_0 {
  bottom: 0;
}

.left_0 {
  left: 0;
}

/* Icons */
.material-symbols-rounded {
  font-size: 1.3em;
  vertical-align: middle;
}

@media (max-width: 500px) {
  .hide_on_XS {
    display: none;
  }
}

@media (max-width: 650px) {
  .hide_on_S {
    display: none;
  }
}

@media (max-width: 870px) {
  .hide_on_M {
    display: none;
  }
}

@media (max-width: 1100px) {
  .hide_on_L {
    display: none;
  }
}

@media (max-width: 1300px) {
  .hide_on_XL {
    display: none;
  }
}

.show_on_XS {
  display: none;
}
@media (max-width: 500px) {
  .show_on_XS {
    display: initial;
  }
}

.show_on_S {
  display: none;
}
@media (max-width: 650px) {
  .show_on_S {
    display: initial;
  }
}

.show_on_M {
  display: none;
}
@media (max-width: 870px) {
  .show_on_M {
    display: initial;
  }
}

.show_on_L {
  display: none;
}
@media (max-width: 1100px) {
  .show_on_L {
    display: initial;
  }
}

.show_on_XL {
  display: none;
}
@media (max-width: 1300px) {
  .show_on_XL {
    display: initial;
  }
}

@media (max-width: 500px) {
  .column_on_XS {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 650px) {
  .column_on_S {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 870px) {
  .column_on_M {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 1100px) {
  .column_on_L {
    display: flex;
    flex-direction: column;
  }
}

.swiping_loading_animation {
  position: relative;
  overflow: hidden;
}
.swiping_loading_animation::before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--highlightColor) 50%, rgba(0, 0, 0, 0) 100%);
  height: 100%;
  width: 100%;
  z-index: 1;
  animation: swipingLoadingAnimationKeyframes 0.9s infinite;
}
@keyframes swipingLoadingAnimationKeyframes {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.animate_background {
  transition: background-color var(--animationSpeed) ease;
}

.animate_all {
  transition: all var(--animationSpeed) ease;
}

.slide_in_from_top {
  animation: slideInFromTop var(--animationSpeed);
}
@keyframes slideInFromTop {
  0% {
    transform: translateY(-100vh);
  }
  100% {
    transform: translateX(0);
  }
}

.slide_in_from_bottom {
  animation: slideInFromBottom var(--animationSpeed);
}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(100vh);
  }
  100% {
    transform: translateX(0);
  }
}

.slide_in_from_left {
  animation: slideInFromLeft var(--animationSpeed);
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(0);
  }
}

.slide_in_from_right {
  animation: slideInFromRight var(--animationSpeed);
}
@keyframes slideInFromRight {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}

.spin_infinite {
  animation: spinInfinite 0.8s linear infinite;
}
@keyframes spinInfinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.apollo_ht_menu {
  display: flex;
  flex-direction: column;
  transition: all var(--animationSpeed) ease;
  height: 100%;
  width: 60px;
  flex-shrink: 0;
}
.apollo_ht_menu .apollo_ht_menu_item {
  padding: 8px;
  width: 100%;
  position: relative;
  height: 60px;
}
.apollo_ht_menu .apollo_ht_menu_item .material-symbols-rounded {
  font-size: 24px;
}
.apollo_ht_menu .apollo_ht_menu_item:hover .apollo_ht_menu_item_highlight_area, .apollo_ht_menu .apollo_ht_menu_item.active .apollo_ht_menu_item_highlight_area {
  background: var(--highlightColor);
}
.apollo_ht_menu .apollo_ht_menu_item .apollo_ht_menu_item_highlight_area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  transition: background-color var(--animationSpeed) ease;
}
.apollo_ht_menu .apollo_ht_menu_item .apollo_ht_menu_item_text {
  display: none;
}
.apollo_ht_menu .apollo_button {
  border-radius: 12px;
}
.apollo_ht_menu.opened {
  width: 300px;
}
.apollo_ht_menu.opened .apollo_ht_menu_item_highlight_area {
  justify-content: flex-start;
  padding: 12px;
}
.apollo_ht_menu.opened .apollo_ht_menu_item_text {
  display: inline;
}
.apollo_ht_menu.opened .apollo_button .should_rotate.material-symbols-rounded {
  transform: rotate(180deg);
}
.apollo_ht_menu.opened .tooltip_anchor:hover .tooltip {
  display: none;
}
.apollo_ht_menu .apollo_ht_menu_logo {
  font-size: 28px;
}
.apollo_ht_menu .apollo_button {
  width: 100%;
  height: 100%;
}

.apollo_ht_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  user-select: none;
  height: 60px;
}
.apollo_ht_header .search_button {
  width: 250px;
  justify-content: space-between;
  opacity: 0.6;
}
@media (max-width: 650px) {
  .apollo_ht_header .search_button {
    width: unset;
  }
}
.apollo_ht_header .apollo_ht_header_actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.apollo_ht_header .apollo_ht_header_actions .apollo_ht_header_action {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 12px;
  border-radius: 12px;
}
.apollo_ht_header .apollo_ht_header_actions .apollo_ht_header_action:hover {
  background-color: var(--highlightColor) !important;
}
.apollo_ht_header .apollo_ht_header_actions .apollo_ht_header_action {
  transition: all var(--animationSpeed) ease;
  width: 44px;
  height: 44px;
}
.apollo_ht_header .apollo_ht_header_actions .apollo_ht_header_action[data-count]:not([data-count=""]):not([data-count="0"]):after {
  background-color: #f71d34;
  color: white;
  position: absolute;
  content: attr(data-count);
  height: 18px;
  width: 18px;
  border-radius: 50%;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  top: 0;
  right: -2px;
}
.apollo_ht_header .apollo_ht_header_actions .apollo_ht_header_action > .material-symbols-rounded {
  font-size: 24px;
}

.apollo_button {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all var(--animationSpeed) ease;
  user-select: none;
  background: var(--pageBackgroundColor);
  color: var(--apolloTextColor);
  padding: 8px 12px !important;
}
.apollo_button:hover {
  box-shadow: inset 0 0 100px var(--highlightColor);
}
.apollo_button.primary_outlined {
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}
.apollo_button.primary_outlined:hover {
  background: var(--primaryColor);
  color: white;
}
.apollo_button.primary {
  background: var(--primaryColor);
  color: white;
}
.apollo_button.danger_outlined {
  border-color: #ff3b3b;
  color: #ff3b3b;
}
.apollo_button.danger_outlined:hover {
  background: #ff3b3b;
  color: white;
}
.apollo_button.danger {
  background: #ff3b3b;
  color: white;
}
.apollo_button.success_outlined {
  border-color: #1eb41e;
  color: #1eb41e;
}
.apollo_button.success_outlined:hover {
  background: #1eb41e;
  color: white;
}
.apollo_button.success {
  background: #1eb41e;
  color: white;
}
.apollo_button .button_badge {
  margin-left: 8px;
}
.apollo_button .button_badge.floating {
  margin: 0;
  position: absolute;
  top: 4px;
  right: 4px;
}
.apollo_button .button_badge {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}
.apollo_button .button_badge.error {
  background-color: #f71d34;
  color: white;
}

.apollo_avatar {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--highlightColor);
  width: 40px;
  height: 40px;
}

.apollo_tab_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--apolloBorderColor);
  background: var(--pageBackgroundColor);
  padding: 0 24px;
  z-index: 4;
}
.apollo_tab_container .apollo_tabs {
  display: flex;
  align-items: flex-end;
}
.apollo_tab_container .apollo_tabs .apollo_tab {
  padding: 16px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  user-select: none;
}
.apollo_tab_container .apollo_tabs .apollo_tab:hover {
  color: var(--primaryColor);
}
.apollo_tab_container .apollo_tabs .apollo_tab.active {
  border-bottom-color: var(--primaryColor);
  color: var(--primaryColor);
}

.apollo_button_tabs {
  display: flex;
  padding: 8px;
  border-radius: 12px;
  background: var(--apolloTableHeaderColor);
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
}
.apollo_button_tabs .apollo_button_tab {
  border-radius: 8px;
  cursor: pointer;
  padding: 8px 16px;
  user-select: none;
}
.apollo_button_tabs .apollo_button_tab.active {
  background: var(--pageBackgroundColor);
  color: var(--primaryColor);
}
.apollo_button_tabs .apollo_button_tab:hover:hover {
  background-color: var(--highlightColor) !important;
}

.apollo_dropdown_holder {
  position: relative;
}

.apollo_dropdown {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 12px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 8px;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 250px;
  background-color: var(--pageBackgroundColor);
  z-index: 11;
}
.apollo_dropdown.right {
  left: 0;
  right: unset;
}
.apollo_dropdown.top {
  bottom: 100%;
  top: unset;
}
.apollo_dropdown .dropdown_item {
  padding: 12px;
}
.apollo_dropdown .dropdown_item:hover {
  background-color: var(--highlightColor) !important;
}
.apollo_dropdown .dropdown_item {
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

.apollo_sidebar {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 12px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  max-width: 400px;
}
.apollo_sidebar.stick_to_left {
  right: unset;
  left: 0;
}

.apollo_input_container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.apollo_input_container label {
  display: flex;
  gap: 4px;
  padding: 0 2px;
  font-weight: 600;
}
.apollo_input_container > span.material-symbols-rounded, .apollo_input_container > span.currency {
  position: absolute;
  bottom: 14px;
  line-height: 1;
  right: 6px;
  opacity: 0.7;
}
.apollo_input_container span.currency {
  font-size: 12px;
  bottom: 16px;
}
.apollo_input_container:focus-within > label {
  color: var(--primaryColor);
}

.apollo_input_icon {
  position: absolute;
  right: 0;
  width: 30px;
  text-align: left;
  padding: 0 2px;
  font-size: 0.8em;
  opacity: 0.6;
  top: 50%;
  transform: translateY(-50%);
}
.apollo_input_icon.material-symbols-rounded {
  font-size: 1.1em;
}

.apollo_double_form {
  display: flex;
  gap: 12px;
  padding: 10px 30px;
}

.apollo_single_form {
  padding: 10px 30px;
}

.success_box {
  background: #EAF5F1;
  color: #097538;
}

.dark_theme .success_box {
  background: #153127;
  color: #63a680;
}

.warning_box {
  background: #fff2cf;
  color: #eb770b;
}

.dark_theme .warning_box {
  background: #5a3204;
  color: #e39e5d;
}

.error_box {
  background: #FAE4E6;
  color: #ec1e1f;
}
.error_box.with_border {
  border: 1px solid;
}

.dark_theme .error_box {
  background: #670e17;
  color: #f78384;
}

.apollo_tag {
  border-radius: 8px;
  padding: 4px 8px;
  background: var(--highlightColor);
}
.apollo_tag.success {
  background: #EAF5F1;
  color: #097538;
}
.apollo_tag.warning {
  background: #fff2cf;
  color: #eb770b;
}
.apollo_tag.error {
  background: #FAE4E6;
  color: #ec1e1f;
}
.apollo_tag.error.with_border {
  border: 1px solid;
}

body.dark_theme .apollo_tag.success {
  background: #153127;
  color: #63a680;
}
body.dark_theme .apollo_tag.warning {
  background: #5a3204;
  color: #e39e5d;
}
body.dark_theme .apollo_tag.error {
  background: #670e17;
  color: #f78384;
}

.tooltip {
  font-weight: 500;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  position: absolute;
  border-radius: 8px;
  font-size: 12px;
  z-index: 14;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  background: rgba(20, 28, 37, 0.8117647059);
  color: white;
  display: none;
  padding: 6px 8px;
  width: max-content;
  white-space: normal;
  max-width: 200px;
  line-height: 1.3;
  text-align: center;
}
.tooltip.position_left {
  right: 100%;
  left: unset;
}
.tooltip.position_top {
  top: 0;
  left: 50%;
  right: unset;
  transform: translate(-50%, -100%);
}
.tooltip.position_bottom {
  transform: translate(-50%, 100%);
  bottom: 0;
  top: unset;
  left: 50%;
  right: unset;
}

.tooltip_anchor {
  position: relative;
}
.tooltip_anchor:hover .tooltip {
  display: inline-flex;
}

.apollo_toast {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  z-index: 1011;
  padding: 8px 12px;
  border-radius: 1000px;
  background: rgba(0, 0, 0, 0.8392156863);
  color: white;
  animation: toastAnimationIn var(--animationSpeed);
}
.apollo_toast.animate_out {
  animation: toastAnimationOut var(--animationSpeed) forwards;
}
@keyframes toastAnimationIn {
  0% {
    margin-bottom: -100px;
  }
  100% {
    margin-bottom: 0;
  }
}
@keyframes toastAnimationOut {
  0% {
    margin-bottom: 0;
  }
  100% {
    margin-bottom: -100px;
  }
}

.progress_bar {
  position: relative;
  background: var(--highlightColor);
  width: 100%;
  height: 4px;
  border-radius: 5px;
  overflow: hidden;
}
.progress_bar .progress_bar_progress {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--primaryColor);
}

.apollo_table {
  border-collapse: collapse;
}
.apollo_table tr {
  height: 50px;
}
.apollo_table th {
  background-color: var(--apolloTableHeaderColor);
  padding: 10px;
  font-weight: unset;
}
.apollo_table th:first-of-type {
  border-radius: 10px 0 0 10px;
}
.apollo_table th:last-of-type {
  border-radius: 0 10px 10px 0;
}
.apollo_table td {
  border-bottom: 1px solid var(--apolloBorderColor);
  padding: 10px;
}
.apollo_table.white_space_no_wrap td {
  white-space: nowrap;
}
.apollo_table.p_xl td {
  padding: 10px 20px;
}
.apollo_table.p_xl th {
  padding: 10px 20px;
}

.tile_select_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tile_select_wrapper .tile_select_option {
  display: flex;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid var(--apolloBorderColor);
  cursor: pointer;
}
.tile_select_wrapper .tile_select_option:hover {
  background-color: var(--highlightColor) !important;
}
.tile_select_wrapper .tile_select_option {
  user-select: none;
  gap: 8px 12px;
}
.tile_select_wrapper .tile_select_option img {
  width: 40px;
  height: 24px;
  object-fit: contain;
  border-radius: 4px;
}
.tile_select_wrapper .tile_select_option:has(input:checked) {
  border-color: var(--primaryColor) !important;
}
.tile_select_wrapper .tile_select_option input[type=radio]:checked + .option_icon:after,
.tile_select_wrapper .tile_select_option input[type=checkbox]:checked + .option_icon:after {
  font-family: "Material Symbols Rounded";
  display: inline-block;
  content: "radio_button_checked";
  font-size: 18px;
  color: var(--primaryColor);
}
.tile_select_wrapper .tile_select_option input[type=radio]:not(:checked) + .option_icon:after,
.tile_select_wrapper .tile_select_option input[type=checkbox]:not(:checked) + .option_icon:after {
  font-family: "Material Symbols Rounded";
  display: inline-block;
  content: "radio_button_unchecked";
  font-size: 18px;
}
.tile_select_wrapper .tile_select_required_warning {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  height: fit-content;
  margin: auto 0;
}

.apollo_ht_design .hotelstouch-popup {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 12px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 8px;
  top: 100%;
  background: var(--pageBackgroundColor);
}
.apollo_ht_design .hotelstouch-popup:after {
  display: none;
}
.apollo_ht_design .hotelstouch-popup[data-title]:before {
  display: none;
}
.apollo_ht_design .app_select_grid .app {
  border-color: var(--apolloBorderColor) !important;
  color: var(--apolloTextColor);
}
.apollo_ht_design .hotelstouch-popup .app_select_grid .app:after {
  font-family: unset;
}

body.apollo_ht_design .hotelstouch-modal {
  display: flex;
  justify-content: flex-end;
}
body.apollo_ht_design .hotelstouch-modal.position_left {
  justify-content: flex-start;
}
body.apollo_ht_design .hotelstouch-modal.position_center {
  justify-content: center;
  align-items: center;
}

body.apollo_ht_design .hotelstouch-modal > form, body.apollo_ht_design .hotelstouch-modal > .hotelstouch-matrix, body.apollo_ht_design .hotelstouch-modal > .hotelstouch-profile {
  border-radius: 12px;
  animation: slideInFromRight var(--animationSpeed);
}
@keyframes slideInFromRight {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}
body.apollo_ht_design .hotelstouch-modal > form:not(.hotelstouch-action-form), body.apollo_ht_design .hotelstouch-modal > .hotelstouch-matrix:not(.hotelstouch-action-form), body.apollo_ht_design .hotelstouch-modal > .hotelstouch-profile:not(.hotelstouch-action-form) {
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body.apollo_ht_design .hotelstouch-modal > form, body.apollo_ht_design .hotelstouch-modal > .hotelstouch-matrix, body.apollo_ht_design .hotelstouch-modal > .hotelstouch-profile {
  max-width: 765px;
}

body.apollo_ht_design .hotelstouch-modal.extended-modal > form, body.apollo_ht_design .hotelstouch-modal.extended-modal > .hotelstouch-matrix, body.apollo_ht_design .hotelstouch-modal.extended-modal > .hotelstouch-profile {
  max-width: 95%;
}

body.apollo_ht_design .hotelstouch-modal.jumbo_modal > form, body.apollo_ht_design .hotelstouch-modal.jumbo_modal > .hotelstouch-matrix, body.apollo_ht_design .hotelstouch-modal.jumbo_modal > .hotelstouch-profile {
  max-width: calc(100% - 80px);
}
@media (max-width: 870px) {
  body.apollo_ht_design .hotelstouch-modal.jumbo_modal > form, body.apollo_ht_design .hotelstouch-modal.jumbo_modal > .hotelstouch-matrix, body.apollo_ht_design .hotelstouch-modal.jumbo_modal > .hotelstouch-profile {
    max-width: unset;
  }
}

body.apollo_ht_design .hotelstouch-modal.position_left form, body.apollo_ht_design .hotelstouch-modal.position_left > .hotelstouch-matrix, body.apollo_ht_design .hotelstouch-modal.position_left > .hotelstouch-profile {
  animation: slideInFromLeft var(--animationSpeed);
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(0);
  }
}
body.apollo_ht_design .hotelstouch-modal.position_left form, body.apollo_ht_design .hotelstouch-modal.position_left > .hotelstouch-matrix, body.apollo_ht_design .hotelstouch-modal.position_left > .hotelstouch-profile {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

body.apollo_ht_design .hotelstouch-profile .profile-data[data-title]:before, body.apollo_ht_design .hotelstouch-profile .profile-data .profile-data-header {
  font-size: 20px;
  font-weight: 500;
  border-bottom: 1px solid var(--apolloBorderColor);
  color: inherit;
  background-color: inherit;
  padding: 20px 30px;
  text-transform: unset;
  line-height: unset;
  box-shadow: unset;
  align-self: flex-start;
}

body.apollo_ht_design .hotelstouch-profile .profile-data .profile-data-header .profile-data-header-actions {
  font-size: 12px;
}
body.apollo_ht_design .hotelstouch-profile .profile-data .profile-data-header .profile-data-header-actions > * {
  color: inherit;
  opacity: unset;
}

body.apollo_ht_design .hotelstouch-modal .hotelstouch-modal-exit {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--apolloBorderColor);
}
body.apollo_ht_design .hotelstouch-modal .hotelstouch-modal-exit:hover {
  background-color: var(--highlightColor) !important;
}
body.apollo_ht_design .hotelstouch-modal .hotelstouch-modal-exit {
  position: absolute;
  right: 16px;
  top: 12px;
  border-radius: 50%;
  width: 40px !important;
  height: 40px;
  z-index: 13;
  font-size: 18px;
  padding: unset;
  text-align: unset;
  background: transparent;
  color: var(--apolloTextColor);
  line-height: unset;
}
body.apollo_ht_design .hotelstouch-modal .hotelstouch-modal-exit:before {
  content: "\e5cd";
  font-family: unset;
}

body.apollo_ht_design .hotelstouch-profile .profile-data .profile-actions {
  border-top: 1px solid var(--apolloBorderColor);
  margin-top: auto;
  box-shadow: unset;
  padding: 20px 30px;
  color: inherit;
  background-color: inherit;
}

body.apollo_ht_design .hotelstouch-profile .profile-data .row.hasChildren {
  background: var(--highlightColor);
}

body.apollo_ht_design .hotelstouch-profile .profile-data {
  flex-direction: column;
  background: var(--pageBackgroundColor);
  font-size: unset;
  height: unset;
  position: unset;
}
body.apollo_ht_design .hotelstouch-profile .profile-data .data-item {
  padding: 20px 30px;
}

body.apollo_ht_design .hotelstouch-profile .profile-data .data-item.form-item[data-label]:before {
  opacity: unset;
  text-transform: unset;
  font-weight: 600;
}

body.apollo_ht_design .hotelstouch-profile .profile-data > div:not(.profile-actions):nth-last-child(2) {
  margin-bottom: 180px;
}

body.apollo_ht_design .horizontal-divider:before, body.apollo_ht_design .horizontal-divider:after {
  background: var(--highlightColor);
}
body.apollo_ht_design .horizontal-divider {
  color: var(--primaryColor);
  background: transparent;
}

body.apollo_ht_design .border-top {
  border-top: 1px solid var(--apolloBorderColor);
}

body.apollo_ht_design .tag {
  background: var(--highlightColor);
  color: var(--apolloTextColor);
}

body.apollo_ht_design .hotelstouch-form.in_page_form {
  max-width: 800px;
  width: 100%;
}
body.apollo_ht_design .hotelstouch-form.in_page_form .profile-data[data-title]:before, body.apollo_ht_design .hotelstouch-form.in_page_form .profile-data .profile-data-header {
  position: relative;
  z-index: unset;
  border-bottom: none;
}
body.apollo_ht_design .hotelstouch-form.in_page_form .profile-actions {
  border-top: none;
}
body.apollo_ht_design .hotelstouch-form.in_page_form .profile-actions:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--apolloBorderColor), transparent);
}

body.apollo_ht_design .data-item.form-item > span.material-symbols-rounded {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.6;
}

body.apollo_ht_design .data-item.form-item > .fa {
  font-family: FontAwesome, "Montserrat";
}

body.apollo_ht_design .hotelstouch-button {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all var(--animationSpeed) ease;
  user-select: none;
  background: var(--pageBackgroundColor);
  color: var(--apolloTextColor);
  padding: 8px 12px !important;
}
body.apollo_ht_design .hotelstouch-button:hover {
  box-shadow: inset 0 0 100px var(--highlightColor);
}
body.apollo_ht_design .hotelstouch-button.primary_outlined {
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}
body.apollo_ht_design .hotelstouch-button.primary_outlined:hover {
  background: var(--primaryColor);
  color: white;
}
body.apollo_ht_design .hotelstouch-button.primary {
  background: var(--primaryColor);
  color: white;
}
body.apollo_ht_design .hotelstouch-button.danger_outlined {
  border-color: #ff3b3b;
  color: #ff3b3b;
}
body.apollo_ht_design .hotelstouch-button.danger_outlined:hover {
  background: #ff3b3b;
  color: white;
}
body.apollo_ht_design .hotelstouch-button.danger {
  background: #ff3b3b;
  color: white;
}
body.apollo_ht_design .hotelstouch-button.success_outlined {
  border-color: #1eb41e;
  color: #1eb41e;
}
body.apollo_ht_design .hotelstouch-button.success_outlined:hover {
  background: #1eb41e;
  color: white;
}
body.apollo_ht_design .hotelstouch-button.success {
  background: #1eb41e;
  color: white;
}
body.apollo_ht_design .hotelstouch-button .button_badge {
  margin-left: 8px;
}
body.apollo_ht_design .hotelstouch-button .button_badge.floating {
  margin: 0;
  position: absolute;
  top: 4px;
  right: 4px;
}
body.apollo_ht_design .hotelstouch-button .button_badge {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}
body.apollo_ht_design .hotelstouch-button .button_badge.error {
  background-color: #f71d34;
  color: white;
}
body.apollo_ht_design .hotelstouch-button {
  text-transform: unset;
}

body.apollo_ht_design .btn:not(.hotelstouch-filter), body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter), body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter), body.apollo_ht_design input[type=button]:not(.hotelstouch-filter) {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all var(--animationSpeed) ease;
  user-select: none;
  background: var(--pageBackgroundColor);
  color: var(--apolloTextColor);
  padding: 8px 12px !important;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter):hover, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter):hover, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter):hover, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter):hover {
  box-shadow: inset 0 0 100px var(--highlightColor);
}
body.apollo_ht_design .btn:not(.hotelstouch-filter).primary_outlined, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter).primary_outlined, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter).primary_outlined, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter).primary_outlined {
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}
body.apollo_ht_design .btn:not(.hotelstouch-filter).primary_outlined:hover, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter).primary_outlined:hover, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter).primary_outlined:hover, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter).primary_outlined:hover {
  background: var(--primaryColor);
  color: white;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter).primary, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter).primary, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter).primary, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter).primary {
  background: var(--primaryColor);
  color: white;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter).danger_outlined, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter).danger_outlined, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter).danger_outlined, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter).danger_outlined {
  border-color: #ff3b3b;
  color: #ff3b3b;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter).danger_outlined:hover, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter).danger_outlined:hover, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter).danger_outlined:hover, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter).danger_outlined:hover {
  background: #ff3b3b;
  color: white;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter).danger, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter).danger, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter).danger, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter).danger {
  background: #ff3b3b;
  color: white;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter).success_outlined, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter).success_outlined, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter).success_outlined, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter).success_outlined {
  border-color: #1eb41e;
  color: #1eb41e;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter).success_outlined:hover, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter).success_outlined:hover, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter).success_outlined:hover, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter).success_outlined:hover {
  background: #1eb41e;
  color: white;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter).success, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter).success, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter).success, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter).success {
  background: #1eb41e;
  color: white;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter) .button_badge, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter) .button_badge, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter) .button_badge, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter) .button_badge {
  margin-left: 8px;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter) .button_badge.floating, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter) .button_badge.floating, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter) .button_badge.floating, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter) .button_badge.floating {
  margin: 0;
  position: absolute;
  top: 4px;
  right: 4px;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter) .button_badge, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter) .button_badge, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter) .button_badge, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter) .button_badge {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter) .button_badge.error, body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter) .button_badge.error, body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter) .button_badge.error, body.apollo_ht_design input[type=button]:not(.hotelstouch-filter) .button_badge.error {
  background-color: #f71d34;
  color: white;
}
body.apollo_ht_design .btn:not(.hotelstouch-filter), body.apollo_ht_design .hotelstouch-button:not(.hotelstouch-filter), body.apollo_ht_design input[type=submit]:not(.hotelstouch-filter), body.apollo_ht_design input[type=button]:not(.hotelstouch-filter) {
  text-transform: unset;
  height: 40px;
  line-height: unset;
  font-size: unset;
  font-weight: 500;
}

body.apollo_ht_design .btn.purple, body.apollo_ht_design .hotelstouch-button.purple, body.apollo_ht_design input[type=submit] {
  background: var(--primaryColor) !important;
  color: white !important;
  font-family: "Montserrat", sans-serif, FontAwesome, fontello;
}

body.apollo_ht_design .hotelstouch-profile .profile-data .profile-actions .hotelstouch-button {
  width: fit-content;
  min-width: 160px;
}

body.apollo_ht_design input[type=text], body.apollo_ht_design input[type=password], body.apollo_ht_design input[type=email], body.apollo_ht_design input[type=number], body.apollo_ht_design textarea {
  border-radius: 8px;
  border: 1px solid var(--apolloBorderColor);
  line-height: 44px;
  font-family: unset;
  font-size: inherit;
  font-weight: 500;
  background: var(--pageBackgroundColor);
  color: var(--apolloTextColor);
}
body.apollo_ht_design input[type=text]:focus, body.apollo_ht_design input[type=password]:focus, body.apollo_ht_design input[type=email]:focus, body.apollo_ht_design input[type=number]:focus, body.apollo_ht_design textarea:focus {
  border-color: var(--primaryColor);
}

body.apollo_ht_design.dark_theme input[type=text], body.apollo_ht_design.dark_theme input[type=password], body.apollo_ht_design.dark_theme input[type=email], body.apollo_ht_design.dark_theme input[type=number], body.apollo_ht_design.dark_theme textarea {
  background: #131A22;
}

body.apollo_ht_design input::-webkit-input-placeholder {
  color: var(--apolloTextColor);
}

body.apollo_ht_design.dark_theme input::-webkit-input-placeholder {
  opacity: 0.5;
  font-weight: 400;
}

body.apollo_ht_design .hotelstouch-select {
  min-height: 46px;
}

body.apollo_ht_design .hotelstouch-select:not(.matrix):not(.active) .hotelstouch-select-data:before {
  border-radius: 8px;
  border: 1px solid var(--apolloBorderColor);
  cursor: pointer;
  font: inherit;
  line-height: 44px;
  font-family: unset;
  opacity: 1;
  font-weight: 400;
  color: rgba(52, 64, 81, 0.5);
}

body.apollo_ht_design.dark_theme .hotelstouch-select:not(.matrix):not(.active) .hotelstouch-select-data:before {
  color: rgba(201, 201, 201, 0.5);
  background: #131A22;
}

body.apollo_ht_design .hotelstouch-select .hotelstouch-select-data {
  border-radius: 8px;
  background: var(--pageBackgroundColor);
  min-height: 46px;
}

body .hotelstouch-select:not(.active):not(.matrix) .selected {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px;
}

body.apollo_ht_design .hotelstouch-select.active:not(.matrix) input[type=text] {
  border-radius: 8px;
}

body.apollo_ht_design .hotelstouch-select input[type=radio] + label:before, body .hotelstouch-select input[type=checkbox] + label:before {
  width: 10px !important;
  min-width: 10px !important;
}

body.apollo_ht_design .hotelstouch-select .hotelstouch-select-data .data-row {
  border-bottom: 1px solid var(--apolloBorderColor);
  background: var(--pageBackgroundColor);
  border-color: var(--apolloBorderColor);
  color: unset;
  opacity: 1;
  min-height: 46px;
}
body.apollo_ht_design .hotelstouch-select .hotelstouch-select-data .data-row:not(.selected):focus {
  background: var(--apolloTableHeaderColor) !important;
}

body.apollo_ht_design.dark_theme .hotelstouch-select .hotelstouch-select-data .data-row {
  background: #131A22;
}

body.apollo_ht_design .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

body.apollo_ht_design .hotelstouch-select.active .hotelstouch-select-data {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px;
}

body.apollo_ht_design .hotelstouch-select.active:not(.matrix) .hotelstouch-select-data .data-row.selected {
  background: var(--primaryColor) !important;
  color: white !important;
}

body.apollo_ht_design .hotelstouch-select input[type=radio] + label:after, body .hotelstouch-select input[type=checkbox] + label:after {
  color: unset !important;
  opacity: 1 !important;
}

body.apollo_ht_design .hotelstouch-select .hotelstouch-select-data .data-row .row-image {
  border: 1px solid var(--apolloBorderColor);
  background-color: transparent;
  color: inherit;
  font-size: 16px;
  margin: 0 4px;
}
body.apollo_ht_design .hotelstouch-select .hotelstouch-select-data .data-row .row-image[style*=background-color], body.apollo_ht_design .hotelstouch-select .hotelstouch-select-data .data-row .row-image[style*=background], body.apollo_ht_design .hotelstouch-select .hotelstouch-select-data .data-row .row-image[style*=background-image] {
  color: white;
}
body.apollo_ht_design .hotelstouch-select .hotelstouch-select-data .data-row.selected .row-image {
  border-color: transparent;
}

body.apollo_ht_design .hotelstouch-select input[type=checkbox] + label[data-label]:after, body.apollo_ht_design .hotelstouch-select input[type=radio] + label[data-label]:after {
  font-weight: 500;
  padding: unset;
}

body.apollo_ht_design .hotelstouch-select.matrix .hotelstouch-select-data {
  background: var(--bodyBackgroundColor);
  border: 1px solid var(--apolloBorderColor) !important;
}

body.apollo_ht_design .hotelstouch-select.matrix .hotelstouch-select-data .data-row {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 12px;
}
body.apollo_ht_design .hotelstouch-select.matrix .hotelstouch-select-data .data-row.selected {
  background: var(--primaryColor);
  color: white;
}
body.apollo_ht_design .hotelstouch-select.matrix .hotelstouch-select-data .data-row:not(.selected):hover {
  background: var(--highlightColor);
}
body.apollo_ht_design .hotelstouch-select.matrix .hotelstouch-select-data .data-row .row-data {
  align-items: center;
}

body.apollo_ht_design .hotelstouch-select.matrix > input[type=text] {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px;
}

body.apollo_ht_design .decimal_input {
  padding-right: 42px !important;
}

body.apollo_ht_design .hotelstouch-select:empty:before {
  content: "";
  background: var(--pageBackgroundColor);
  border: 1px solid var(--apolloBorderColor);
  min-height: 44px;
  height: 44px;
}

body.apollo_ht_design .loading-dots:after {
  animation: rotateLoadingIconInfinite 10s linear infinite;
  font-family: "Material Symbols Rounded";
  content: "progress_activity";
  font-size: 22px;
}

@keyframes rotateLoadingIconInfinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3600deg);
  }
}
body.apollo_ht_design input[type=checkbox] + label:before, body.apollo_ht_design input[type=radio] + label:before {
  font-size: 21px;
  min-width: 40px;
  width: 40px;
  color: unset;
}

body.apollo_ht_design input[type=checkbox] + label[data-label]:after,
body.apollo_ht_design input[type=radio] + label[data-label]:after,
body.apollo_ht_design input[type=checkbox].switch + label {
  font-weight: 600;
  color: unset;
  opacity: 0.8;
  user-select: none;
  display: flex;
  line-height: normal;
}

body.apollo_ht_design input[type=checkbox]:checked + label:before, body.apollo_ht_design input[type=radio]:checked + label:before {
  color: var(--primaryColor) !important;
}

body.apollo_ht_design input[type=checkbox]:checked + label:after,
body.apollo_ht_design input[type=radio]:checked + label:after,
body.apollo_ht_design input[type=checkbox].switch:checked + label {
  opacity: 1;
}

body.apollo_ht_design input[type=checkbox].switch:not(:checked) + label:after {
  right: 14px;
}

body.apollo_ht_design input[type=checkbox].switch + label:before {
  background-color: var(--highlightColor);
}

body.apollo_ht_design input[type=checkbox].switch:checked + label:before {
  background-color: var(--primaryColor);
}

body.apollo_ht_design .floating-filters {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: var(--pageBackgroundColor);
  overflow: unset;
  height: unset;
  width: calc(100% - 32px);
  margin: 24px 16px 16px 16px;
}

body.apollo_ht_design .hotelstouch-data > .data-row, body.apollo_ht_design .hotelstouch-data > * > .data-row {
  border-bottom: 1px solid var(--apolloBorderColor);
  background-color: unset;
  color: unset;
}
body.apollo_ht_design .hotelstouch-data > .data-row.highlight, body.apollo_ht_design .hotelstouch-data > * > .data-row.highlight {
  background-color: var(--apolloTableHeaderColor);
  text-transform: unset;
  font-weight: 600;
  color: inherit;
}
body.apollo_ht_design .hotelstouch-data > .data-row .row-data, body.apollo_ht_design .hotelstouch-data > * > .data-row .row-data {
  font-size: unset;
}
body.apollo_ht_design .hotelstouch-data > .data-row .row-data .row-title, body.apollo_ht_design .hotelstouch-data > * > .data-row .row-data .row-title {
  font-size: unset;
  font-weight: 600;
}
body.apollo_ht_design .hotelstouch-data > .data-row.selected, body.apollo_ht_design .hotelstouch-data > * > .data-row.selected {
  background-color: var(--primaryColor) !important;
  color: white !important;
}
body.apollo_ht_design .hotelstouch-data > .data-row.selected input[type=checkbox]:checked + label:before, body.apollo_ht_design .hotelstouch-data > .data-row.selected input[type=radio]:checked + label:before, body.apollo_ht_design .hotelstouch-data > * > .data-row.selected input[type=checkbox]:checked + label:before, body.apollo_ht_design .hotelstouch-data > * > .data-row.selected input[type=radio]:checked + label:before {
  color: white !important;
}

body.apollo_ht_design.apollo_ht_design .filtersummary {
  display: none;
}

body.apollo_ht_design .hotelstouch-data .data-header {
  background-color: var(--highlightColor);
}

body.apollo_ht_design .hotelstouch-data.table .data-header {
  border-radius: 8px;
  background-color: var(--apolloTableHeaderColor);
  text-transform: unset;
}

body.apollo_ht_design .hotelstouch-data.table .data-header .header-data {
  opacity: 0.9;
}

body.apollo_ht_design .hotelstouch-data .data-row .data-actions > * {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
body.apollo_ht_design .hotelstouch-data .data-row .data-actions > *:hover {
  background-color: var(--highlightColor) !important;
}
body.apollo_ht_design .hotelstouch-data .data-row .data-actions > * {
  transition: all var(--animationSpeed) ease;
  color: var(--apolloTextColor) !important;
  text-align: unset;
  line-height: unset;
}

body.apollo_ht_design .hotelstouch-data.table .data-row .data-actions {
  font-size: unset;
}

body.apollo_ht_design .hotelstouch-popup {
  min-height: unset;
}
body.apollo_ht_design .hotelstouch-popup .popup-search {
  border-bottom-color: var(--apolloBorderColor);
}
body.apollo_ht_design .hotelstouch-popup .popup-search input {
  color: var(--apolloTextColor);
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
body.apollo_ht_design .hotelstouch-popup .popup-search:after {
  color: var(--apolloTextColorInverted);
}

body.apollo_ht_design .hotelstouch-popup .hotelstouch-data .data-row {
  padding: 12px;
  border-bottom: unset;
}
body.apollo_ht_design .hotelstouch-popup .hotelstouch-data .data-row:not(:last-of-type) {
  margin-bottom: 4px !important;
}

body.apollo_ht_design .hotelstouch-popup .hotelstouch-data a.data-row {
  border-radius: 12px;
}
body.apollo_ht_design .hotelstouch-popup .hotelstouch-data a.data-row:not(.selected):hover {
  background: var(--highlightColor) !important;
  color: unset !important;
  transition-duration: var(--animationSpeed);
}
body.apollo_ht_design .hotelstouch-popup .hotelstouch-data a.data-row.selected {
  background: var(--primaryColor) !important;
  color: white !important;
}

body.apollo_ht_design .hotelstouch-profile .row-image {
  font-size: unset;
}

body.apollo_ht_design .hotelstouch-data.table .data-row .row-image {
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  background: unset;
  border: 1px solid var(--apolloBorderColor);
  box-shadow: unset;
  color: var(--apolloTextColor) !important;
  margin-right: 5px;
  font-weight: inherit !important;
}

body.apollo_ht_design .hotelstouch-data.table .data-row .row-image[style*=background-image] {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--apolloTableHeaderColor);
}

body.apollo_ht_design .floating-filters .actionbar, body.apollo_ht_design .actionbar {
  gap: 8px;
  z-index: 1;
  flex: 0;
}
body.apollo_ht_design .floating-filters .actionbar .hotelstouch-button, body.apollo_ht_design .actionbar .hotelstouch-button {
  width: fit-content;
}

body.apollo_ht_design .actionbar {
  display: flex;
}

body.apollo_ht_design .hotelstouch-data.table .data-row + .data-row-extra-info {
  border-radius: 12px;
  margin-left: auto;
  position: relative;
  background: var(--bodyBackgroundColor);
  color: var(--apolloTextColor);
  font-size: unset;
  border-top: none;
  border-bottom: none;
  width: calc(100% - 30px);
  margin-top: 8px;
  margin-bottom: 8px;
}
body.apollo_ht_design .hotelstouch-data.table .data-row + .data-row-extra-info:before {
  content: "";
  position: absolute;
  left: -14px;
  top: 0px;
  width: 10px;
  height: 25px;
  border-left: 1px solid var(--apolloBorderColor);
  border-bottom: 1px solid var(--apolloBorderColor);
}

body.apollo_ht_design .hotelstouch-data .data-row + .data-row-extra-info .data-row:first-child {
  border-top: none;
}

body.apollo_ht_design .hotelstouch-data .data-row + .data-row-extra-info .data-row {
  border-bottom: 1px solid var(--apolloBorderColor);
}

body.apollo_ht_design .hotelstouch-data .data-row + .data-row-extra-info .data-row:last-child {
  border-bottom: none;
}

body.apollo_ht_design .hotelstouch-data .data-row + .data-row-extra-info .data-row .row-title {
  font-size: unset !important;
}

body.apollo_ht_design .hotelstouch-data:empty:after {
  display: none !important;
}

body.apollo_ht_design .floating-filters .filters {
  position: fixed;
  height: 100%;
  border-radius: 12px;
  border: 1px solid var(--apolloBorderColor);
  display: flex;
  flex-direction: column;
  animation: slideInFromRight var(--animationSpeed);
}
@keyframes slideInFromRight {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}
body.apollo_ht_design .floating-filters .filters {
  right: 0;
  top: 0 !important;
  background: var(--pageBackgroundColor);
  max-height: unset;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 400px;
}

body.apollo_ht_design .filters .filteractions {
  margin-top: auto;
  gap: 8px;
  border-top: 1px solid var(--apolloBorderColor);
  padding: 16px 8px;
  background: var(--pageBackgroundColor);
}

body.apollo_ht_design .filters .filter_bar_header {
  border-bottom: 1px solid var(--apolloBorderColor);
  display: flex;
  align-items: center;
  padding: 16px;
  position: sticky;
  background: var(--pageBackgroundColor);
  min-height: 64px;
  top: 0;
  z-index: 3;
}
body.apollo_ht_design .filters .filter_bar_header span {
  font-size: 20px;
}

body.apollo_ht_design .filters input[type=checkbox]:checked + label, body.apollo_ht_design .filters input[type=radio]:checked + label {
  font-weight: inherit;
}
body.apollo_ht_design .filters input[type=checkbox]:checked + label:before, body.apollo_ht_design .filters input[type=radio]:checked + label:before {
  font-weight: 700;
}

body.apollo_ht_design .filters label.filterheader {
  width: 100%;
  padding-right: 45px;
  margin: 0 !important;
}
body.apollo_ht_design .filters label.filterheader:before {
  position: absolute;
  right: 4px;
}

body.apollo_ht_design .filters .filterheader {
  border-bottom: 1px solid var(--apolloBorderColor);
  background: var(--pageBackgroundColor);
  text-transform: unset;
  font-size: unset;
  padding: 16px 10px;
  top: 63px;
}

body.apollo_ht_design .filters .filterheader .icon {
  background: unset;
}

body.apollo_ht_design .filters label {
  line-height: 1.3;
}

body.apollo_ht_design .filters .filterdata {
  box-shadow: unset;
  background: var(--highlightColor);
  padding: 8px 0;
}

body.apollo_ht_design .filters .filterdata label {
  padding: 0 8px;
  font-size: 13px;
}

body.apollo_ht_design .filters .datetimepicker {
  box-shadow: unset;
  background: var(--highlightColor);
}

body.apollo_ht_design .data-item.form-item .datetimepicker {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  background: var(--pageBackgroundColor);
  color: var(--apolloTextColor);
}

body.apollo_ht_design .filters .filterdata label:before {
  margin-right: 4px;
}

body.apollo_ht_design .colorpicker.active .options {
  background: var(--bodyBackgroundColor);
}

body.apollo_ht_design .colorpicker.active .options .quick-color-box .qcb {
  border: 1px solid var(--apolloBorderColor);
  cursor: pointer;
}

body.apollo_ht_design .colorpicker .color-preview-box {
  width: 20px;
  height: 20px;
  bottom: -32px;
}

body.apollo_ht_design .feedback-window {
  background-image: unset;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback {
  border-radius: 12px;
  border: 1px solid var(--apolloBorderColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  background: var(--bodyBackgroundColor);
  cursor: unset;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback:before {
  display: none;
  content: none;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback .feedback_action {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback:after {
  content: "";
  height: 2px;
  position: absolute;
  bottom: 6px;
  left: 20px;
  background: var(--highlightColor);
  width: calc(100% - 40px);
  animation: feedbackProgressWidthReduce 5s linear forwards;
}
@keyframes feedbackProgressWidthReduce {
  0% {
    width: calc(100% - 40px);
  }
  100% {
    width: 0;
  }
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-0 {
  border: 1px solid #1eb41e !important;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-0:after {
  background: #1eb41e;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-0 .feedback_message_title {
  color: #1eb41e;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-1 {
  border: 1px solid #ff3b3b !important;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-1:after {
  background: #ff3b3b;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-1 .feedback_message_title {
  color: #ff3b3b;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-2 {
  border: 1px solid #de7e00 !important;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-2:after {
  background: #de7e00;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-2 .feedback_message_title {
  color: #de7e00;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-3 {
  border: 1px solid #00a6de !important;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-3:after {
  background: #00a6de;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-3 .feedback_message_title {
  color: #00a6de;
}

body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-0 {
  background: #f0fdf0;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-1 {
  background: #fff1f1;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-2 {
  background: #fff6e7;
}
body.apollo_ht_design .feedback-window .hotelstouch-feedback.status-3 {
  background: #ecf8ff;
}
body.apollo_ht_design.dark_theme .feedback-window .hotelstouch-feedback.status-0 {
  background: #142522;
}
body.apollo_ht_design.dark_theme .feedback-window .hotelstouch-feedback.status-1 {
  background: #1F1B23;
}
body.apollo_ht_design.dark_theme .feedback-window .hotelstouch-feedback.status-2 {
  background: #202524;
}
body.apollo_ht_design.dark_theme .feedback-window .hotelstouch-feedback.status-3 {
  background: #14242D;
}

body.apollo_ht_design form.hotelstouch-confirm > .popup {
  background: var(--pageBackgroundColor);
  color: var(--apolloTextColor);
}

body.apollo_ht_design form.hotelstouch-confirm > .popup > .popup_header > .message_container .action_message {
  color: var(--apolloTextColor);
}

body.apollo_ht_design form.hotelstouch-confirm > .popup > .popup_header > .message_container .action_description {
  color: var(--apolloTextColor);
  opacity: 0.7;
}

body.apollo_ht_design .NOT_VISITED {
  background: var(--highlightColor) !important;
}

body.apollo_ht_design .hotelstouch-select .hotelstouch-select-data > .selectDataInfo {
  background: var(--apolloTableHeaderColor);
  border-bottom: 1px solid var(--apolloBorderColor);
}

body.apollo_ht_design .pagination.number {
  margin: 0;
  background: unset;
  align-self: flex-end;
}

body.apollo_ht_design .pagination.number > * {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px;
  background: unset;
  color: var(--apolloTextColor);
}

body.apollo_ht_design .pagination.number > input {
  background: var(--primaryColor) !important;
  cursor: unset;
  color: white !important;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

body.apollo_ht_design::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb {
  background: var(--highlightColor);
  border-radius: 0 0 12px 0;
}

body.apollo_ht_design::-webkit-scrollbar-track, body *::-webkit-scrollbar-track {
  border-radius: 0 0 12px 0;
}

body::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-button:hover,
*::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-button:hover {
  background-color: var(--primaryColor) !important;
}

body.apollo_ht_design .matrixForm * {
  background-color: unset;
}
body.apollo_ht_design .matrixForm.differentRows .matrix-cell:nth-child(2n) {
  background-color: unset;
}
body.apollo_ht_design .matrixForm.differentRows .matrix-cell:nth-child(2n+1) {
  background-color: unset;
}
body.apollo_ht_design .matrixForm.differentRows .matrix-cell:nth-child(1) {
  background-color: var(--apolloTableHeaderColor);
}
body.apollo_ht_design .matrixForm .matrix-column:first-child .matrix-cell {
  background: var(--pageBackgroundColor) !important;
}
body.apollo_ht_design .matrixForm .matrix-column .matrix-cell:first-child {
  height: 40px;
}
body.apollo_ht_design .matrixForm .matrix-column:first-child {
  box-shadow: unset;
  border-right: 1px solid var(--apolloBorderColor);
}
body.apollo_ht_design .matrixForm .matrix-column .matrix-cell {
  border-color: var(--apolloBorderColor);
  height: 40px;
}

body.apollo_ht_design .fullyear-grid {
  background-image: linear-gradient(to right, var(--apolloBorderColor) 1px, transparent 1px);
}
body.apollo_ht_design .fullyear-grid:not(.header-data) {
  border-bottom: 1px solid var(--apolloBorderColor);
}
body.apollo_ht_design .fullyear-grid:first-of-type {
  border-top: 1px solid var(--apolloBorderColor);
}

body.apollo_ht_design .htEventCalendar .htEC_dates {
  background: var(--pageBackgroundColor);
  border-bottom: unset;
}
body.apollo_ht_design .htEventCalendar .htEC_dates .htEC_day.active {
  background: var(--highlightColor);
}
body.apollo_ht_design .htEventCalendar .htEC_dates .htEC_day.htEC_today {
  color: var(--primaryColor);
}
body.apollo_ht_design .htEventCalendar .htEC_dates .htEC_day.htEC_other_month {
  background: var(--bodyBackgroundColor);
}

body.apollo_ht_design .htEventCalendar .htEC_info {
  border-left-color: var(--apolloBorderColor);
  background: var(--apolloTableHeaderColor);
  border-bottom: unset;
}
body.apollo_ht_design .htEventCalendar .htEC_info .htEC_info_buttons_container {
  background: var(--bodyBackgroundColor);
}
body.apollo_ht_design .htEventCalendar .htEC_info .htEC_info_buttons_container .htEC_info_buttons {
  color: var(--apolloTextColor);
}
body.apollo_ht_design .htEventCalendar .htEC_info .htEC_info_date {
  text-transform: unset;
  border-bottom: 1px solid var(--highlightColor);
  color: unset;
}

body.apollo_ht_design .htEC_info_item {
  background: var(--bodyBackgroundColor);
}
body.apollo_ht_design .htEC_info_item .htEC_item_highlight {
  border-top-color: var(--apolloBorderColor);
}

body.apollo_ht_design .htEventCalendar .htEC_filters {
  background-color: var(--bodyBackgroundColor);
}
body.apollo_ht_design .htEventCalendar .htEC_filters:after {
  content: unset;
}
body.apollo_ht_design .htEventCalendar .htEC_filters .htEC_filterItem.active {
  letter-spacing: unset;
  color: var(--primaryColor);
}

body.apollo_ht_design .hotelstouchInfo {
  font-size: unset;
  overflow: unset;
  height: unset;
}
body.apollo_ht_design .hotelstouchInfo .infoHeader {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 12px;
  background: unset;
  padding: 16px 0;
}

body.apollo_ht_design .hotelstouchInfo .infoHeader .infoHeaderSection > *:not(.infoHeaderTitle),
body.apollo_ht_design .hotelstouchInfo .infoHeader .infoHeaderSection > .infoHeaderSubtitle {
  font-size: unset;
  text-transform: unset;
}

body.apollo_ht_design .hotelstouchInfo .infoHeader .infoHeaderSection > .infoHeaderTitle {
  font-size: 20px !important;
  font-weight: unset;
  text-transform: unset;
}

body.apollo_ht_design .hotelstouchInfo .infoHeader .infoHeaderSection {
  padding: 0 12px;
}

body.apollo_ht_design .hotelstouchInfo .infoHeader .infoHeaderSection.image, body.apollo_ht_design .hotelstouchInfo .infoHeader img {
  border-radius: 12px;
}

body.apollo_ht_design .htTable .tableRow > .rowCell.scrollableCell > .cellSection:first-child {
  font-weight: 600;
  position: sticky;
  background: var(--bodyBackgroundColor);
  left: 280px;
  z-index: 3;
}
body.apollo_ht_design .htTable .tableRow > .rowCell.scrollableCell > .cellSection:first-child input {
  font-weight: 600;
}

body.apollo_ht_design .htNotifications {
  height: 100vh;
  background-color: var(--pageBackgroundColor);
  border-left: 1px solid var(--apolloBorderColor);
  animation-duration: var(--animationSpeed);
}

body.apollo_ht_design .htNotifications .htNF_tabs {
  color: inherit;
  text-transform: unset;
}

body.apollo_ht_design .htNotifications .htNF_tabs .htNF_tab {
  border-bottom: 1px solid var(--apolloBorderColor);
  font-weight: unset;
  font-size: 20px;
  height: 64px;
}

body.apollo_ht_design .htNotifications .htNF_tabs .close_button,
body.apollo_ht_design .filters .close_button {
  border: 1px solid var(--apolloBorderColor);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  cursor: pointer;
}
body.apollo_ht_design .htNotifications .htNF_tabs .close_button:hover,
body.apollo_ht_design .filters .close_button:hover {
  background-color: var(--highlightColor) !important;
}
body.apollo_ht_design .htNotifications .htNF_tabs .close_button,
body.apollo_ht_design .filters .close_button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  right: 12px;
  top: 14px;
}

body.apollo_ht_design .htNotifications .htNF_body .htNF_category {
  border-bottom: 1px solid var(--apolloBorderColor);
}
body.apollo_ht_design .htNotifications .htNF_body .htNF_category:hover {
  background-color: var(--highlightColor) !important;
}
body.apollo_ht_design .htNotifications .htNF_body .htNF_category {
  color: unset;
  margin: unset;
  padding: 10px 30px;
}
body.apollo_ht_design .htNotifications .htNF_body .htNF_category.active:after {
  border-left-color: var(--bodyBackgroundColor);
}

body.apollo_ht_design .htNotifications .htNF_body .htNF_category .htNF_info {
  line-height: 1.4;
}

body.apollo_ht_design .htNotifications .htNF_body .htNF_category .htNF_info .htNF_title {
  text-transform: unset;
  font-size: 16px;
  font-weight: 600;
}

body.apollo_ht_design .htNotifications .htNF_body .htNF_category .htNF_info .htNF_description {
  color: unset;
  font-size: 13px;
}

body.apollo_ht_design .htNotifications .htNF_body .htNF_category .htNF_number {
  background-color: var(--highlightColor);
  color: unset;
}

body.apollo_ht_design .htNotifications .htNF_body .htNF_category .htNF_number.hasPriority {
  background-color: #da2337;
  color: white;
}

body.apollo_ht_design .htNotifications .htNF_side_body {
  color: unset;
  background: var(--bodyBackgroundColor);
}

body.apollo_ht_design .htEC_info_item, body .htNF_info_item {
  border-radius: 12px;
  border: 1px solid var(--apolloBorderColor);
  background-color: var(--pageBackgroundColor);
  box-shadow: none;
}

body.apollo_ht_design .htNotifications .htNF_side_body .htNF_side_body_actions {
  border-top: 1px solid var(--apolloBorderColor);
  box-shadow: none;
  height: 73px;
  background-color: var(--bodyBackgroundColor);
  padding: 0 12px;
  gap: 8px;
}
body.apollo_ht_design .htNotifications .htNF_side_body .htNF_side_body_actions > * {
  width: 50%;
}

body.apollo_ht_design .htNotifications .htNF_side_body .htNF_side_body_actions .hotelstouch-button {
  border-radius: 8px;
  font-size: unset;
}

body.apollo_ht_design .htNotifications .htNF_side_body .htNF_side_body_title {
  font-size: 20px;
  text-transform: unset;
  letter-spacing: 0;
}

body.apollo_ht_design .htEC_info_item .htEC_item_description, body.apollo_ht_design .htEC_info_item .htNF_item_description, body.apollo_ht_design .htNF_info_item .htEC_item_description, body.apollo_ht_design .htNF_info_item .htNF_item_description {
  font-size: 13px;
  color: unset;
}

body.apollo_ht_design .btn > .dropdown, body.apollo_ht_design .hotelstouch-button > .dropdown, body.apollo_ht_design input[type=submit] > .dropdown, body.apollo_ht_design input[type=button] > .dropdown {
  background: var(--pageBackgroundColor);
  border: 1px solid var(--apolloBorderColor);
  border-radius: 0 0 8px 8px;
  color: var(--apolloTextColor);
  line-height: 2;
}
body.apollo_ht_design .btn > .dropdown > div:hover, body.apollo_ht_design .hotelstouch-button > .dropdown > div:hover, body.apollo_ht_design input[type=submit] > .dropdown > div:hover, body.apollo_ht_design input[type=button] > .dropdown > div:hover {
  background-color: var(--highlightColor) !important;
}

body.apollo_ht_design .btn > .dropdown > *:not(:last-child), body.apollo_ht_design .hotelstouch-button > .dropdown > *:not(:last-child), body.apollo_ht_design input[type=submit] > .dropdown > *:not(:last-child), body.apollo_ht_design input[type=button] > .dropdown > *:not(:last-child) {
  border-bottom: 1px solid var(--apolloBorderColor);
}

body.apollo_ht_design .jsonList {
  border-left-color: var(--apolloTextColor);
  border-right-color: var(--apolloTextColor);
}

body.apollo_ht_design .jsonObject {
  background: var(--pageBackgroundColor);
  border-color: var(--apolloBorderColor);
}

body.apollo_ht_design .jsonKey {
  background-color: unset;
  border-color: var(--apolloBorderColor);
}

body.apollo_ht_design .jsonKey:before {
  background: var(--apolloTableHeaderColor);
  border-color: var(--apolloBorderColor);
}

body.apollo_ht_design .hotelstouch-action-form {
  color: inherit !important;
  background-color: var(--pageBackgroundColor);
  top: unset;
  left: unset;
  transform: unset;
}
body.apollo_ht_design .hotelstouch-action-form > * {
  color: inherit !important;
}
body.apollo_ht_design .hotelstouch-action-form.form_noyes > .message > .material-symbols-rounded {
  font-size: 20px;
  color: var(--primaryColor);
  margin-right: 10px;
}
body.apollo_ht_design .hotelstouch-action-form.form_noyes > .message > span:not(.material-symbols-rounded) {
  border-left: 2px solid var(--primaryColor);
  padding-left: 10px;
  color: unset;
}
body.apollo_ht_design .hotelstouch-action-form.form_noyes > .actions-container > .action {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px;
  color: unset;
}
body.apollo_ht_design .hotelstouch-action-form.form_noyes > .actions-container > .action:hover {
  box-shadow: inset 0 0 100px var(--highlightColor);
  color: unset;
  background-color: unset;
}
body.apollo_ht_design .hotelstouch-action-form.form_noyes > .actions-container > .action.continue:hover {
  color: var(--primaryColor) !important;
  border-color: var(--primaryColor);
}
body.apollo_ht_design .hotelstouch-action-form.form_noyes > .actions-container > .continue {
  background-color: var(--primaryColor);
  border: 1px solid var(--primaryColor);
}
body.apollo_ht_design .hotelstouch-action-form > .category-container:not(:last-child) .category-actions-container {
  border-right: 1px solid var(--apolloBorderColor);
}
body.apollo_ht_design .hotelstouch-action-form > .category-container:not(:last-child) .category-container-title {
  border-right: 1px solid var(--apolloBorderColor);
}
body.apollo_ht_design .hotelstouch-action-form > .category-container > .category-container-title {
  background-color: var(--primaryColor);
}
body.apollo_ht_design .hotelstouch-action-form > .category-container > .category-actions-container a {
  color: var(--apolloTextColor) !important;
  border-bottom: unset;
}
body.apollo_ht_design .hotelstouch-action-form > .category-container > .category-actions-container a:hover {
  color: var(--primaryColor) !important;
  background-color: unset;
}
body.apollo_ht_design .hotelstouch-action-form > .category-container > .category-actions-container a > span.material-symbols-rounded {
  margin-left: 0;
}
body.apollo_ht_design .hotelstouch-action-form > .category-container > .category-actions-container a:not(:last-child) {
  border-bottom: 1px solid var(--apolloBorderColor);
}

.ck.ck-toolbar {
  border: 1px solid var(--apolloBorderColor) !important;
  background: var(--pageBackgroundColor) !important;
  border-radius: 8px 8px 0 0 !important;
}

.ck.ck-reset_all, .ck.ck-reset_all * {
  color: var(--apolloTextColor) !important;
}

.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover {
  background: var(--highlightColor) !important;
}

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

.ck.ck-list {
  background: var(--pageBackgroundColor) !important;
}

.ck.ck-button.ck-on, a.ck.ck-button.ck-on {
  background: transparent !important;
}

.ck.ck-dropdown__panel {
  border: 1px solid var(--apolloBorderColor) !important;
  background: var(--pageBackgroundColor) !important;
}

.ck-content {
  transition: all var(--animationSpeed) ease;
  border: 1px solid var(--apolloBorderColor) !important;
  background: var(--pageBackgroundColor) !important;
  color: var(--apolloTextColor) !important;
  border-radius: 0 0 8px 8px !important;
}

body.apollo_ht_design.dark_theme .ck-content {
  background: #131A22 !important;
}

.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  box-shadow: unset !important;
  border-color: var(--primaryColor) !important;
}

body.apollo_ht_design .ql-toolbar.ql-snow {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px 8px 0 0;
}

body.apollo_ht_design .ql-container {
  font-family: inherit;
  font-size: inherit;
}

body.apollo_ht_design .ql-container.ql-snow {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 0 0 8px 8px;
}

body.apollo_ht_design .ql-snow .ql-picker {
  color: var(--apolloTextColor);
}

body.apollo_ht_design .ql-snow .ql-stroke {
  stroke: var(--apolloTextColor);
}

body.apollo_ht_design .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: var(--bodyBackgroundColor);
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px;
}

body.apollo_ht_design .dropzone {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px;
  border: 2px dashed var(--apolloBorderColor) !important;
  background-color: var(--pageBackgroundColor) !important;
}
body.apollo_ht_design .dropzone .dz-message {
  font-weight: 500;
  font-size: unset;
  color: var(--apolloTextColor);
}
body.apollo_ht_design .dropzone .dz-preview.dz-image-preview {
  background: transparent;
}

body.apollo_ht_design .ui-datepicker {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  background-color: var(--pageBackgroundColor);
}

body.apollo_ht_design .ui-datepicker.sky td > a.ui-state-default {
  border-radius: 4px;
  margin: 4px;
  padding: 8px;
}
body.apollo_ht_design .ui-datepicker.sky td > a.ui-state-default:not(.ui-state-active) {
  background-color: var(--apolloTableHeaderColor);
}
body.apollo_ht_design .ui-datepicker.sky .ui-datepicker-next:before {
  font-family: inherit;
  content: "\e5cc";
  font-size: 22px;
  height: 100%;
}
body.apollo_ht_design .ui-datepicker.sky .ui-datepicker-prev:before {
  font-family: inherit;
  content: "\e5cb";
  font-size: 22px;
  height: 100%;
}

body.apollo_ht_design .ui-datepicker a.ui-state-active {
  border-radius: 4px;
  background-color: var(--primaryColor);
  color: white !important;
}

body.apollo_ht_design .ui-datepicker .ui-datepicker-month,
body.apollo_ht_design .ui-datepicker .ui-datepicker-year {
  border-color: var(--highlightColor);
  background-color: transparent;
  color: inherit;
}

body.apollo_ht_design .ui-datepicker .ui-datepicker-month {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.apollo_ht_design .ui-datepicker .ui-datepicker-year {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

select:focus > option {
  background: var(--pageBackgroundColor);
  color: inherit;
}

.ui-datepicker .ui-state-hover:not(.ui-state-active):hover,
.ui-datepicker .ui-datepicker-prev-hover:hover, .ui-datepicker .ui-datepicker-next-hover:hover {
  background-color: var(--highlightColor) !important;
}
.ui-datepicker .ui-state-hover:not(.ui-state-active),
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  border-radius: 4px;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
}

.ui-datepicker-prev, .ui-datepicker-next {
  transition: background-color var(--animationSpeed) ease;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}

.datetimepicker table tr td.day:hover {
  background: var(--highlightColor) !important;
}

.datetimepicker table tr td.day.active {
  background-color: var(--primaryColor) !important;
}

.datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot tr:first-child th:hover {
  background: var(--highlightColor) !important;
}

.datetimepicker table tr td span:hover {
  background: var(--highlightColor) !important;
}

.datetimepicker table tr td span.active {
  background-color: var(--primaryColor) !important;
}

.apollo_sidebar {
  position: fixed;
  height: 100%;
  border-radius: 12px;
  border: 1px solid var(--apolloBorderColor);
  display: flex;
  flex-direction: column;
  background: var(--pageBackgroundColor);
  width: 400px;
  top: 0;
  z-index: 15;
  overflow: auto;
}
.apollo_sidebar:not(.position_left) {
  animation: slideInFromRight var(--animationSpeed);
}
@keyframes slideInFromRight {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}
.apollo_sidebar:not(.position_left) {
  right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.apollo_sidebar.position_left {
  animation: slideInFromLeft var(--animationSpeed);
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(0);
  }
}
.apollo_sidebar.position_left {
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.apollo_sidebar .sidebar_title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--apolloBorderColor);
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--pageBackgroundColor);
}
.apollo_sidebar .sidebar_title span {
  font-size: 16px;
}
.apollo_sidebar .sidebar_title, .apollo_sidebar .sidebar_row {
  padding: 12px;
}
.apollo_sidebar .close_button {
  border-radius: 50%;
  border: 1px solid var(--apolloBorderColor);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 32px;
  height: 32px;
}

.apollo_card {
  border-radius: 12px;
  border: 1px solid var(--apolloBorderColor);
  display: flex;
  padding: 20px;
  gap: 16px;
}
.apollo_card img {
  border-radius: 8px;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.apollo_card .card_body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.apollo_card .card_body .card_title {
  font-weight: 600;
}
.apollo_card:not(.horizontal) {
  flex-direction: column;
}
.apollo_card.horizontal .card_body {
  gap: 4px;
}
.apollo_card.horizontal img {
  width: 40px;
  height: 40px;
}

body.apollo_ht_design {
  --animationSpeed: 0.2s;
}
body.apollo_ht_design:not(.dark_theme) {
  --primaryColor: #4114bd;
  --bodyBackgroundColor: #f4f5f6;
  --apolloTextColor: #344051;
  --apolloTextColorInverted: #c9c9c9;
  --apolloBorderColor: #E4E7EC;
  --apolloTableHeaderColor: #F2F4F7;
  --pageBackgroundColor: white;
  --highlightColor: rgba(32, 54, 87, 0.0784313725);
  --htThemeColor: #581a67;
}
body.apollo_ht_design.dark_theme {
  --primaryColor: #278eca;
  --bodyBackgroundColor: #1A232D;
  --apolloTextColor: #c9c9c9;
  --apolloTextColorInverted: #344051;
  --apolloBorderColor: #27313F;
  --apolloTableHeaderColor: #27313F;
  --pageBackgroundColor: #141C25;
  --highlightColor: rgba(193, 215, 248, 0.0784313725);
  --htThemeColor: #a026a1;
}
body.apollo_ht_design {
  font-weight: 500;
  font-family: "Montserrat", sans-serif, FontAwesome, fontello, "Material Symbols Rounded";
  font-size: 14px;
  color: var(--apolloTextColor);
}
body.apollo_ht_design a {
  color: inherit;
  font-size: inherit;
}
body.apollo_ht_design a:hover {
  color: inherit;
}

.apollo_ht_body {
  background: var(--bodyBackgroundColor);
  height: 100%;
  display: flex;
  margin: 0;
}

.apollo_ht_main {
  border: 1px solid var(--apolloBorderColor);
  border-radius: 12px;
  background: var(--pageBackgroundColor);
  flex-grow: 1;
  height: calc(100% - 16px);
  margin: 8px 8px 8px 0;
  overflow-x: auto;
}
.apollo_ht_main .apollo_ht_content {
  height: calc(100% - 60px);
  overflow-y: auto;
}

/*# sourceMappingURL=hotelstouchDesignApollo.css.map */