@charset "UTF-8";
@import url("fontello.css");
.image_viewer {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000ba;
  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 #ffffff4f;
  color: #ffffff8c;
  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;
  /* Handle on hover */
}
.attend .appColorDarkerBackground,
.attend .infoActions,
.attend .hotelstouch-subheader {
  background-color: #d7970f;
  border-top: 1px solid #d2930f;
}
.attend .appColorDarkerText {
  color: #d7970f;
}
.attend .appColorLighterBackground {
  background-color: #f0b02a;
}
.attend .appColorLighterText {
  color: #f0b02a;
}
.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 #dc9a10 !important;
  border-top: 1px solid #d2930f;
}
.attend .hotelstouch-menu::-webkit-scrollbar-thumb,
.attend .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #d2930f !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: #dc9a10 !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 #bf860e !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;
  /* Handle on hover */
}
.tasks .appColorDarkerBackground,
.tasks .infoActions,
.tasks .hotelstouch-subheader {
  background-color: #1a9c5f;
  border-top: 1px solid #1a985c;
}
.tasks .appColorDarkerText {
  color: #1a9c5f;
}
.tasks .appColorLighterBackground {
  background-color: #22c879;
}
.tasks .appColorLighterText {
  color: #22c879;
}
.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 #1ba161 !important;
  border-top: 1px solid #1a985c;
}
.tasks .hotelstouch-menu::-webkit-scrollbar-thumb,
.tasks .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #1a985c !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: #1ba161 !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 #178652 !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;
  /* Handle on hover */
}
.frontdesk .appColorDarkerBackground,
.frontdesk .infoActions,
.frontdesk .hotelstouch-subheader {
  background-color: #9a323c;
  border-top: 1px solid #96313b;
}
.frontdesk .appColorDarkerText {
  color: #9a323c;
}
.frontdesk .appColorLighterBackground {
  background-color: #c03e4c;
}
.frontdesk .appColorLighterText {
  color: #c03e4c;
}
.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 #9e333e !important;
  border-top: 1px solid #96313b;
}
.frontdesk .hotelstouch-menu::-webkit-scrollbar-thumb,
.frontdesk .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #96313b !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: #9e333e !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 #862c35 !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;
  /* Handle on hover */
}
.concierge .appColorDarkerBackground,
.concierge .infoActions,
.concierge .hotelstouch-subheader {
  background-color: #9a8346;
  border-top: 1px solid #978044;
}
.concierge .appColorDarkerText {
  color: #9a8346;
}
.concierge .appColorLighterBackground {
  background-color: #b69d5e;
}
.concierge .appColorLighterText {
  color: #b69d5e;
}
.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 #9e8648 !important;
  border-top: 1px solid #978044;
}
.concierge .hotelstouch-menu::-webkit-scrollbar-thumb,
.concierge .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #978044 !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: #9e8648 !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 #89743e !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;
  /* Handle on hover */
}
.reviews .appColorDarkerBackground,
.reviews .infoActions,
.reviews .hotelstouch-subheader {
  background-color: #444f5c;
  border-top: 1px solid #424c59;
}
.reviews .appColorDarkerText {
  color: #444f5c;
}
.reviews .appColorLighterBackground {
  background-color: #5a677a;
}
.reviews .appColorLighterText {
  color: #5a677a;
}
.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 #46515f !important;
  border-top: 1px solid #424c59;
}
.reviews .hotelstouch-menu::-webkit-scrollbar-thumb,
.reviews .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #424c59 !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: #46515f !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 #39424e !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;
  /* Handle on hover */
}
.pos .appColorDarkerBackground,
.pos .infoActions,
.pos .hotelstouch-subheader {
  background-color: #1b916f;
  border-top: 1px solid #1a8c6b;
}
.pos .appColorDarkerText {
  color: #1b916f;
}
.pos .appColorLighterBackground {
  background-color: #23bb8f;
}
.pos .appColorLighterText {
  color: #23bb8f;
}
.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 #1c9572 !important;
  border-top: 1px solid #1a8c6b;
}
.pos .hotelstouch-menu::-webkit-scrollbar-thumb,
.pos .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #1a8c6b !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: #1c9572 !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 #177b5e !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;
  /* Handle on hover */
}
.receipts .appColorDarkerBackground,
.receipts .infoActions,
.receipts .hotelstouch-subheader {
  background-color: #6c7b7e;
  border-top: 1px solid #6a787b;
}
.receipts .appColorDarkerText {
  color: #6c7b7e;
}
.receipts .appColorLighterBackground {
  background-color: #869497;
}
.receipts .appColorLighterText {
  color: #869497;
}
.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 #6e7d80 !important;
  border-top: 1px solid #6a787b;
}
.receipts .hotelstouch-menu::-webkit-scrollbar-thumb,
.receipts .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #6a787b !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: #6e7d80 !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 #606d70 !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;
  /* Handle on hover */
}
.finance .appColorDarkerBackground,
.finance .infoActions,
.finance .hotelstouch-subheader {
  background-color: #0d5c68;
  border-top: 1px solid #0d5864;
}
.finance .appColorDarkerText {
  color: #0d5c68;
}
.finance .appColorLighterBackground {
  background-color: #138496;
}
.finance .appColorLighterText {
  color: #138496;
}
.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 #0e606d !important;
  border-top: 1px solid #0d5864;
}
.finance .hotelstouch-menu::-webkit-scrollbar-thumb,
.finance .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #0d5864 !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: #0e606d !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 #0a4852 !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;
  /* Handle on hover */
}
.inventory .appColorDarkerBackground,
.inventory .infoActions,
.inventory .hotelstouch-subheader {
  background-color: #323232;
  border-top: 1px solid #303030;
}
.inventory .appColorDarkerText {
  color: #323232;
}
.inventory .appColorLighterBackground {
  background-color: #4c4c4c;
}
.inventory .appColorLighterText {
  color: #4c4c4c;
}
.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 #353535 !important;
  border-top: 1px solid #303030;
}
.inventory .hotelstouch-menu::-webkit-scrollbar-thumb,
.inventory .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #303030 !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: #353535 !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 #262626 !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;
  /* Handle on hover */
}
.expenses .appColorDarkerBackground,
.expenses .infoActions,
.expenses .hotelstouch-subheader {
  background-color: #17704d;
  border-top: 1px solid #166c4a;
}
.expenses .appColorDarkerText {
  color: #17704d;
}
.expenses .appColorLighterBackground {
  background-color: #1f9a6b;
}
.expenses .appColorLighterText {
  color: #1f9a6b;
}
.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 #187450 !important;
  border-top: 1px solid #166c4a;
}
.expenses .hotelstouch-menu::-webkit-scrollbar-thumb,
.expenses .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #166c4a !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: #187450 !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 #125b3f !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;
  /* Handle on hover */
}
.infochannel .appColorDarkerBackground,
.infochannel .infoActions,
.infochannel .hotelstouch-subheader {
  background-color: #cb361e;
  border-top: 1px solid #c7341d;
}
.infochannel .appColorDarkerText {
  color: #cb361e;
}
.infochannel .appColorLighterBackground {
  background-color: #e25139;
}
.infochannel .appColorLighterText {
  color: #e25139;
}
.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 #cf371e !important;
  border-top: 1px solid #c7341d;
}
.infochannel .hotelstouch-menu::-webkit-scrollbar-thumb,
.infochannel .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #c7341d !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: #cf371e !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 #b5301a !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;
  /* Handle on hover */
}
.cameras .appColorDarkerBackground,
.cameras .infoActions,
.cameras .hotelstouch-subheader {
  background-color: #d97b10;
  border-top: 1px solid #d4780f;
}
.cameras .appColorDarkerText {
  color: #d97b10;
}
.cameras .appColorLighterBackground {
  background-color: #f0942c;
}
.cameras .appColorLighterText {
  color: #f0942c;
}
.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 #de7d10 !important;
  border-top: 1px solid #d4780f;
}
.cameras .hotelstouch-menu::-webkit-scrollbar-thumb,
.cameras .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #d4780f !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: #de7d10 !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 #c16d0e !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;
  /* Handle on hover */
}
.screens .appColorDarkerBackground,
.screens .infoActions,
.screens .hotelstouch-subheader {
  background-color: #dd5f0f;
  border-top: 1px solid #d85d0f;
}
.screens .appColorDarkerText {
  color: #dd5f0f;
}
.screens .appColorLighterBackground {
  background-color: #f17a2f;
}
.screens .appColorLighterText {
  color: #f17a2f;
}
.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 #e26110 !important;
  border-top: 1px solid #d85d0f;
}
.screens .hotelstouch-menu::-webkit-scrollbar-thumb,
.screens .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #d85d0f !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: #e26110 !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 #c5550e !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;
  /* Handle on hover */
}
.socialwall .appColorDarkerBackground,
.socialwall .infoActions,
.socialwall .hotelstouch-subheader {
  background-color: #a53c59;
  border-top: 1px solid #a23b57;
}
.socialwall .appColorDarkerText {
  color: #a53c59;
}
.socialwall .appColorLighterBackground {
  background-color: #c15472;
}
.socialwall .appColorLighterText {
  color: #c15472;
}
.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 #a93e5b !important;
  border-top: 1px solid #a23b57;
}
.socialwall .hotelstouch-menu::-webkit-scrollbar-thumb,
.socialwall .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #a23b57 !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: #a93e5b !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 #93354f !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;
  /* Handle on hover */
}
.dashboard .appColorDarkerBackground,
.dashboard .infoActions,
.dashboard .hotelstouch-subheader {
  background-color: #7d3495;
  border-top: 1px solid #7a3391;
}
.dashboard .appColorDarkerText {
  color: #7d3495;
}
.dashboard .appColorLighterBackground {
  background-color: #9d42bb;
}
.dashboard .appColorLighterText {
  color: #9d42bb;
}
.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 #803699 !important;
  border-top: 1px solid #7a3391;
}
.dashboard .hotelstouch-menu::-webkit-scrollbar-thumb,
.dashboard .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #7a3391 !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: #803699 !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 #6d2e82 !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;
  /* Handle on hover */
}
.serverstatus .appColorDarkerBackground,
.serverstatus .infoActions,
.serverstatus .hotelstouch-subheader {
  background-color: #3d317c;
  border-top: 1px solid #3b2f78;
}
.serverstatus .appColorDarkerText {
  color: #3d317c;
}
.serverstatus .appColorLighterBackground {
  background-color: #4f3fa0;
}
.serverstatus .appColorLighterText {
  color: #4f3fa0;
}
.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 #3f327f !important;
  border-top: 1px solid #3b2f78;
}
.serverstatus .hotelstouch-menu::-webkit-scrollbar-thumb,
.serverstatus .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #3b2f78 !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: #3f327f !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 #342a69 !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;
  /* Handle on hover */
}
.nq .appColorDarkerBackground,
.nq .infoActions,
.nq .hotelstouch-subheader {
  background-color: #601793;
  border-top: 1px solid #5e168e;
}
.nq .appColorDarkerText {
  color: #601793;
}
.nq .appColorLighterBackground {
  background-color: #7e1dbf;
}
.nq .appColorLighterText {
  color: #7e1dbf;
}
.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 #631797 !important;
  border-top: 1px solid #5e168e;
}
.nq .hotelstouch-menu::-webkit-scrollbar-thumb,
.nq .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #5e168e !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: #631797 !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 #52137d !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;
  /* Handle on hover */
}
.projects .appColorDarkerBackground,
.projects .infoActions,
.projects .hotelstouch-subheader {
  background-color: #1b36a0;
  border-top: 1px solid #1b349c;
}
.projects .appColorDarkerText {
  color: #1b36a0;
}
.projects .appColorLighterBackground {
  background-color: #2344cc;
}
.projects .appColorLighterText {
  color: #2344cc;
}
.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 #1c37a5 !important;
  border-top: 1px solid #1b349c;
}
.projects .hotelstouch-menu::-webkit-scrollbar-thumb,
.projects .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #1b349c !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: #1c37a5 !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 #182e8a !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;
  /* Handle on hover */
}
.management .appColorDarkerBackground,
.management .infoActions,
.management .hotelstouch-subheader {
  background-color: #412062;
  border-top: 1px solid #3f1e5e;
}
.management .appColorDarkerText {
  color: #412062;
}
.management .appColorLighterBackground {
  background-color: #5b2c88;
}
.management .appColorLighterText {
  color: #5b2c88;
}
.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 #442166 !important;
  border-top: 1px solid #3f1e5e;
}
.management .hotelstouch-menu::-webkit-scrollbar-thumb,
.management .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #3f1e5e !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: #442166 !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 #34194f !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;
  /* Handle on hover */
}
.crm .appColorDarkerBackground,
.crm .infoActions,
.crm .hotelstouch-subheader {
  background-color: #215ac3;
  border-top: 1px solid #2158bf;
}
.crm .appColorDarkerText {
  color: #215ac3;
}
.crm .appColorLighterBackground {
  background-color: #3a73dd;
}
.crm .appColorLighterText {
  color: #3a73dd;
}
.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 #225cc8 !important;
  border-top: 1px solid #2158bf;
}
.crm .hotelstouch-menu::-webkit-scrollbar-thumb,
.crm .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #2158bf !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: #225cc8 !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 #1e50ad !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;
  /* Handle on hover */
}
.counters .appColorDarkerBackground,
.counters .infoActions,
.counters .hotelstouch-subheader {
  background-color: #534877;
  border-top: 1px solid #514674;
}
.counters .appColorDarkerText {
  color: #534877;
}
.counters .appColorLighterBackground {
  background-color: #695c97;
}
.counters .appColorLighterText {
  color: #695c97;
}
.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 #554a7a !important;
  border-top: 1px solid #514674;
}
.counters .hotelstouch-menu::-webkit-scrollbar-thumb,
.counters .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #514674 !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: #554a7a !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 #483f67 !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;
  /* Handle on hover */
}
.messenger .appColorDarkerBackground,
.messenger .infoActions,
.messenger .hotelstouch-subheader {
  background-color: #ad22db;
  border-top: 1px solid #aa21d7;
}
.messenger .appColorDarkerText {
  color: #ad22db;
}
.messenger .appColorLighterBackground {
  background-color: #be4de3;
}
.messenger .appColorLighterText {
  color: #be4de3;
}
.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 #b025dd !important;
  border-top: 1px solid #aa21d7;
}
.messenger .hotelstouch-menu::-webkit-scrollbar-thumb,
.messenger .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #aa21d7 !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: #b025dd !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 #9c1fc5 !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;
  /* Handle on hover */
}
.exchange .appColorDarkerBackground,
.exchange .infoActions,
.exchange .hotelstouch-subheader {
  background-color: #17704d;
  border-top: 1px solid #166c4a;
}
.exchange .appColorDarkerText {
  color: #17704d;
}
.exchange .appColorLighterBackground {
  background-color: #1f9a6b;
}
.exchange .appColorLighterText {
  color: #1f9a6b;
}
.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 #187450 !important;
  border-top: 1px solid #166c4a;
}
.exchange .hotelstouch-menu::-webkit-scrollbar-thumb,
.exchange .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #166c4a !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: #187450 !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 #125b3f !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;
  /* Handle on hover */
}
.support .appColorDarkerBackground,
.support .infoActions,
.support .hotelstouch-subheader {
  background-color: #502364;
  border-top: 1px solid #4d2260;
}
.support .appColorDarkerText {
  color: #502364;
}
.support .appColorLighterBackground {
  background-color: #6e318a;
}
.support .appColorLighterText {
  color: #6e318a;
}
.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 #532568 !important;
  border-top: 1px solid #4d2260;
}
.support .hotelstouch-menu::-webkit-scrollbar-thumb,
.support .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #4d2260 !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: #532568 !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 #411d51 !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;
  /* Handle on hover */
}
.sales .appColorDarkerBackground,
.sales .infoActions,
.sales .hotelstouch-subheader {
  background-color: #0d5c68;
  border-top: 1px solid #0d5864;
}
.sales .appColorDarkerText {
  color: #0d5c68;
}
.sales .appColorLighterBackground {
  background-color: #138496;
}
.sales .appColorLighterText {
  color: #138496;
}
.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 #0e606d !important;
  border-top: 1px solid #0d5864;
}
.sales .hotelstouch-menu::-webkit-scrollbar-thumb,
.sales .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #0d5864 !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: #0e606d !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 #0a4852 !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;
  /* Handle on hover */
}
.legacy-crm .appColorDarkerBackground,
.legacy-crm .infoActions,
.legacy-crm .hotelstouch-subheader {
  background-color: #0d8280;
  border-top: 1px solid #0c7d7b;
}
.legacy-crm .appColorDarkerText {
  color: #0d8280;
}
.legacy-crm .appColorLighterBackground {
  background-color: #11b0ae;
}
.legacy-crm .appColorLighterText {
  color: #11b0ae;
}
.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 #0d8685 !important;
  border-top: 1px solid #0c7d7b;
}
.legacy-crm .hotelstouch-menu::-webkit-scrollbar-thumb,
.legacy-crm .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #0c7d7b !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: #0d8685 !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 #0a6b69 !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;
  /* Handle on hover */
}
.multimedia .appColorDarkerBackground,
.multimedia .infoActions,
.multimedia .hotelstouch-subheader {
  background-color: #f05920;
  border-top: 1px solid #f0561b;
}
.multimedia .appColorDarkerText {
  color: #f05920;
}
.multimedia .appColorLighterBackground {
  background-color: #f47d50;
}
.multimedia .appColorLighterText {
  color: #f47d50;
}
.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 #f15d25 !important;
  border-top: 1px solid #f0561b;
}
.multimedia .hotelstouch-menu::-webkit-scrollbar-thumb,
.multimedia .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #f0561b !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: #f15d25 !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 #e84b0f !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;
  /* Handle on hover */
}
.socialfeed .appColorDarkerBackground,
.socialfeed .infoActions,
.socialfeed .hotelstouch-subheader {
  background-color: #a53c59;
  border-top: 1px solid #a23b57;
}
.socialfeed .appColorDarkerText {
  color: #a53c59;
}
.socialfeed .appColorLighterBackground {
  background-color: #c15472;
}
.socialfeed .appColorLighterText {
  color: #c15472;
}
.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 #a93e5b !important;
  border-top: 1px solid #a23b57;
}
.socialfeed .hotelstouch-menu::-webkit-scrollbar-thumb,
.socialfeed .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #a23b57 !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: #a93e5b !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 #93354f !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;
  /* Handle on hover */
}
.plurato .appColorDarkerBackground,
.plurato .infoActions,
.plurato .hotelstouch-subheader {
  background-color: #003b5d;
  border-top: 1px solid #003857;
}
.plurato .appColorDarkerText {
  color: #003b5d;
}
.plurato .appColorLighterBackground {
  background-color: #005b90;
}
.plurato .appColorLighterText {
  color: #005b90;
}
.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 #003e62 !important;
  border-top: 1px solid #003857;
}
.plurato .hotelstouch-menu::-webkit-scrollbar-thumb,
.plurato .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #003857 !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: #003e62 !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 #002b43 !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;
  /* Handle on hover */
}
.client360 .appColorDarkerBackground,
.client360 .infoActions,
.client360 .hotelstouch-subheader {
  background-color: #003b5d;
  border-top: 1px solid #003857;
}
.client360 .appColorDarkerText {
  color: #003b5d;
}
.client360 .appColorLighterBackground {
  background-color: #005b90;
}
.client360 .appColorLighterText {
  color: #005b90;
}
.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 #003e62 !important;
  border-top: 1px solid #003857;
}
.client360 .hotelstouch-menu::-webkit-scrollbar-thumb,
.client360 .hotelstouch-menu *::-webkit-scrollbar-thumb {
  background: #003857 !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: #003e62 !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 #002b43 !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: white !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 {
  /* Track */
  /* Handle */
  /* Dropdown Button */
  /* Dropdown button on hover & focus */
  /* The container <div> - needed to position the dropdown content */
  /* Dropdown Content (Hidden by Default) */
  /* Links inside the dropdown */
  /* Change color of dropdown links on hover */
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
  /*#remoteVideo {*/
  /*width: 500px;*/
  /*height: 500px;*/
  /*}*/
}
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::-webkit-scrollbar-track,
body *::-webkit-scrollbar-track {
  background: rgba(189, 189, 189, 0.1);
}
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: "";
  font-style: normal;
}
body .glyphicon-arrow-right:before {
  font-family: FontAwesome;
  content: "";
  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 {
  opacity: 0.5;
}
body .jsonKey.closed:before {
  width: 100%;
  margin: 0;
  background-color: var(--textColor);
  color: var(--formColor);
}
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, #00000026 -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: "";
}
body .feedback-window .hotelstouch-feedback.status-1 {
  border-left: 30px solid #ae1a2a !important;
}
body .feedback-window .hotelstouch-feedback.status-1:before {
  content: "";
}
body .feedback-window .hotelstouch-feedback.status-2 {
  border-left: 30px solid #eea712 !important;
}
body .feedback-window .hotelstouch-feedback.status-2:before {
  content: "";
}
body .feedback-window .hotelstouch-feedback.status-3 {
  border-left: 30px solid #1f3db6 !important;
}
body .feedback-window .hotelstouch-feedback.status-3:before {
  content: "";
}
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: "";
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-system:before {
  font-family: FontAwesome;
  content: "";
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-notifications:before {
  font-family: FontAwesome;
  content: "";
}
body.design-2016 .hotelstouch-header .hotelstouch-options .hotelstouch-notifications:not([data-count="0"]):before {
  font-family: FontAwesome;
  content: "";
}
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: "";
}
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: "";
    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: "";
    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: "";
}
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: "";
}
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: "";
}
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: "";
}
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: "";
}
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: "";
  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: "";
}
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: "";
  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: calc(100% / 2) !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: calc(100% / 3) !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: calc(100% / 4) !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: calc(100% / 2) !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: calc(100% / 3) !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: calc(100% / 4) !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: "" 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: white;
  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: calc(100% / 2) !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: calc(100% / 3) !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: calc(100% / 4) !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: calc((1014px / 15) - 10px);
  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: calc((calc((1014px / 15) - 10px) * 1.5) + 5px);
}
body .ht_keyboard .keyboard-row .key[data-key="Caps Lock"], body .ht_keyboard .keyboard-row .key[data-key=Backspace] {
  width: calc((calc((1014px / 15) - 10px) * 2) + 10px);
}
body .ht_keyboard .keyboard-row .key[data-key=Shift] {
  width: calc((calc((1014px / 15) - 10px) * 2.5) + 15px);
}
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: calc(calc((1014px / 15) - 10px) * 1.5);
  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: "";
  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: " " 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: " " 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: calc(100% / 3);
    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: calc(100% / 4);
    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: "";
  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;
  border: 1px solid var(--borderLightColor);
  background-color: var(--formColor);
  color: var(--textColor);
  text-align: center;
}
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.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: "";
  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"] {
  grid-template-columns: 1fr;
}
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="2"] {
  grid-template-columns: 1fr 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="3"] {
  grid-template-columns: 1fr 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="4"] {
  grid-template-columns: 1fr 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="5"] {
  grid-template-columns: 1fr 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="6"] {
  grid-template-columns: 1fr 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="7"] {
  grid-template-columns: 1fr 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="8"] {
  grid-template-columns: 1fr 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="9"] {
  grid-template-columns: 1fr 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.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: "";
  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: "";
  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: calc(100% / 2) !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: calc(100% / 3) !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: calc(100% / 4) !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;
}
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: "";
}
body input[type=checkbox]:checked + label:before {
  content: "";
}
body input[type=radio] + label:before {
  content: "";
}
body input[type=radio]:checked + label:before {
  content: "";
}
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: "";
}
body input[type=checkbox].switch-sides:checked + label:before,
body input[type=radio].switch-sides:checked + label:before {
  content: "";
}
body input[type=checkbox].not_authorized + label:before,
body input[type=radio].not_authorized + label:before {
  content: "";
}
body input[type=checkbox].not_authorized:checked + label:before,
body input[type=radio].not_authorized:checked + label:before {
  content: "";
}
body input[type=checkbox].role_user + label:before,
body input[type=radio].role_user + label:before {
  content: "";
}
body input[type=checkbox].role_user:checked + label:before,
body input[type=radio].role_user:checked + label:before {
  content: "";
}
body input[type=checkbox].role_group_admin + label:before,
body input[type=radio].role_group_admin + label:before {
  content: "";
}
body input[type=checkbox].role_group_admin:checked + label:before,
body input[type=radio].role_group_admin:checked + label:before {
  content: "";
}
body input[type=checkbox].role_application_admin + label:before,
body input[type=radio].role_application_admin + label:before {
  content: "";
}
body input[type=checkbox].role_application_admin:checked + label:before,
body input[type=radio].role_application_admin:checked + label:before {
  content: "";
}
body input[type=checkbox].role_system_admin + label:before,
body input[type=radio].role_system_admin + label:before {
  content: "";
}
body input[type=checkbox].role_system_admin:checked + label:before,
body input[type=radio].role_system_admin:checked + label:before {
  content: "";
}
body input[type=checkbox].switch + label:before,
body input[type=radio].switch + label:before {
  content: "";
}
body input[type=checkbox].switch:checked + label:before,
body input[type=radio].switch:checked + label:before {
  content: "";
}
body input[type=checkbox].select + label:before,
body input[type=radio].select + label:before {
  content: "";
}
body input[type=checkbox].select:checked + label:before,
body input[type=radio].select:checked + label:before {
  content: "";
}
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 {
  color: var(--hotelstouchTheme);
}
body input[type=checkbox].switch:checked + label:before {
  background-color: var(--hotelstouchTheme);
}
body input[type=checkbox].switch:checked + label:after {
  right: 0;
}
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: "";
}
body .hotelstouch-modal .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 .hotelstouch-modal .horizontal-divider:before, body .hotelstouch-modal .horizontal-divider:after {
  content: "";
  width: 100%;
  background-color: var(--borderColor);
  height: 1px;
  display: block;
  background-clip: content-box;
}
body .hotelstouch-modal .horizontal-divider:after {
  padding-left: 10px;
}
body .hotelstouch-modal .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 > .message > span {
  border-left: 1px solid var(--hotelstouchThemeLight);
  padding-left: 10px;
  color: dimgrey;
}
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: calc(100% / 3) !important;
  box-sizing: border-box;
}
body .flex-grid-4 > * {
  width: calc(100% / 4) !important;
  box-sizing: border-box;
}
body .flex-grid-5 > * {
  width: calc(100% / 5) !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: #ffffff47;
}
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: "";
  color: #333333;
  font-size: 20px;
  font-style: normal;
}
body i.TRIP:before {
  font-family: FontAwesome;
  content: "";
  color: #333333;
  font-size: 20px;
  font-style: normal;
}
body i.RECORD_IN:before {
  font-family: FontAwesome;
  content: "";
  color: #1eb26c;
  font-size: 20px;
  font-style: normal;
}
body i.RECORD_OUT:before {
  font-family: FontAwesome;
  content: "";
  color: #ae1a2a !important;
  font-size: 20px;
  font-style: normal;
}
body i.WEB_IN:before {
  font-family: FontAwesome;
  content: "";
  color: #1eb26c;
  font-size: 20px;
  font-style: normal;
}
body i.WEB_OUT:before {
  font-family: FontAwesome;
  content: "";
  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: "";
}
body .loading-dots:after {
  font-family: FontAwesome, "Open Sans";
  transition: 1s all ease;
  animation: dotty-simple steps(1, end) 1.5s infinite;
  content: "  ";
  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, white, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(right, white, rgba(255, 255, 255, 0));
  background: -ms-linear-gradient(right, white, rgba(255, 255, 255, 0));
  background: -o-linear-gradient(right, white, rgba(255, 255, 255, 0));
  background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0));
  background: linear-gradient(to right, white, 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: "";
  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: "";
}
body .hotelstouchInfo .infoActions > div:hover:after {
  content: "";
}
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: "";
}
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: "";
}
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: calc(100% / 12);
  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 .dropbtn {
  background-color: #4caf50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
body .dropbtn:hover,
body .dropbtn:focus {
  background-color: #3e8e41;
}
body .dropdown {
  position: relative;
  display: inline-block;
}
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 .dropdown-content div {
  color: var(--hotelstouchTheme);
  padding: 5px 16px;
  text-decoration: none;
  display: block;
}
body .dropdown-content a:hover {
  background-color: #f1f1f1;
}
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;
}
@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: "  ";
  }
  25% {
    content: "  ";
  }
  50% {
    content: "  ";
  }
  75% {
    content: "  ";
  }
  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;
}

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