/* src/styles.css */
@font-face {
  font-family: "Montserrat-Black";
  src: url(/assets/fonts/Montserrat-Black.ttf);
}
@font-face {
  font-family: "Montserrat-BlackItalic";
  src: url(/assets/fonts/Montserrat-BlackItalic.ttf);
}
@font-face {
  font-family: "Montserrat-BlackItalic";
  src: url(/assets/fonts/Montserrat-BlackItalic.ttf);
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url(/assets/fonts/Montserrat-Bold.ttf);
}
@font-face {
  font-family: "Montserrat-BoldItalic";
  src: url(/assets/fonts/Montserrat-BoldItalic.ttf);
}
@font-face {
  font-family: "Montserrat-ExtraBold";
  src: url(/assets/fonts/Montserrat-ExtraBold.ttf);
}
@font-face {
  font-family: "Montserrat-ExtraBoldItalic";
  src: url(/assets/fonts/Montserrat-ExtraBoldItalic.ttf);
}
@font-face {
  font-family: "Montserrat-ExtraLight";
  src: url(/assets/fonts/Montserrat-ExtraLight.ttf);
}
@font-face {
  font-family: "Montserrat-ExtraLightItalic";
  src: url(/assets/fonts/Montserrat-ExtraLightItalic.ttf);
}
@font-face {
  font-family: "Montserrat-Italic";
  src: url(/assets/fonts/Montserrat-Italic.ttf);
}
@font-face {
  font-family: "Montserrat-Light";
  src: url(/assets/fonts/Montserrat-Light.ttf);
}
@font-face {
  font-family: "Montserrat-LightItalic";
  src: url(/assets/fonts/Montserrat-LightItalic.ttf);
}
@font-face {
  font-family: "Montserrat-Medium";
  src: url(/assets/fonts/Montserrat-Medium.ttf);
}
@font-face {
  font-family: "Montserrat-MediumItalic";
  src: url(/assets/fonts/Montserrat-MediumItalic.ttf);
}
@font-face {
  font-family: "Montserrat-Regular";
  src: url(/assets/fonts/Montserrat-Regular.ttf);
}
@font-face {
  font-family: "Montserrat-SemiBoldItalic";
  src: url(/assets/fonts/Montserrat-SemiBoldItalic.ttf);
}
@font-face {
  font-family: "Montserrat-Thin";
  src: url(/assets/fonts/Montserrat-Thin.ttf);
}
@font-face {
  font-family: "Montserrat-ThinItalic";
  src: url(/assets/fonts/Montserrat-ThinItalic.ttf);
}
:root {
  --color-green-light: rgb(231, 240, 235);
  --color-green-light-hover: rgb(219, 233, 225);
  --color-green-light-active: rgb(209, 218, 209, 193);
  --color-green-normal: rgb(18, 105, 54);
  --color-green-normal-hover: rgb(16, 95, 49);
  --color-green-normal-active: rgb(14, 84, 43);
  --color-green-dark: rgb(14, 79, 41);
  --gcolor-reen-dark-hover: rgb(11, 63, 32);
  --color-green-dark-active: rgb(8, 47, 24);
  --color-green-darker: rgb(6, 62, 19);
  --color-blue-light: rgb(230, 236, 250);
  --color-blue-light-hover: rgb(212, 226, 247);
  --color-blue-light-active: rgb(176, 195, 239);
  --color-blue-normal: rgb(0, 61, 204);
  --color-blue-normal-hover: rgb(0, 55, 184);
  --color-blue-normal-active: rgb(0, 49, 163);
  --color-blue-dark: rgb(0, 42, 153);
  --color-blue-dark-hover: rgb(0, 37, 122);
  --color-blue-dark-active: rgb(0, 32, 106);
  --color-blue-darker: rgb(0, 21, 71);
  --color-yellow-light: rgb(255, 249, 232);
  --color-yellow-light-hover: rgb(254, 246, 221);
  --color-yellow-light-active: rgb(253, 237, 184);
  --color-yellow-normal: rgb(250, 196, 27);
  --color-yellow-normal-hover: rgb(225, 176, 24);
  --color-yellow-normal-active: rgb(200, 157, 22);
  --color-yellow-dark: rgb(188, 147, 20);
  --color-yellow-dark-hover: rgb(150, 118, 16);
  --color-yellow-dark-active: rgb(112, 88, 12);
  --color-yellow-darker: rgb(88, 69, 9);
  --color-red-light: rgb(252, 231, 231);
  --color-red-light-hover: rgb(250, 219, 219);
  --color-red-light-active: rgb(245, 181, 181);
  --color-red-normal: rgb(224, 16, 16);
  --color-red-normal-hover: rgb(202, 14, 14);
  --color-red-normal-active: rgb(179, 13, 13);
  --color-red-dark: rgb(168, 12, 12);
  --color-red-dark-hover: rgb(134, 10, 10);
  --color-red-dark-active: rgb(107, 7, 7);
  --color-red-darker: rgb(78, 6, 6);
  --color-grey-light: rgb(238, 238, 238);
  --color-grey-light-hover: rgb(229, 229, 229);
  --color-grey-light-active: rgb(202, 202, 202);
  --color-grey-normal: rgb(84, 84, 84);
  --color-grey-normal-hover: rgb(76, 76, 76);
  --color-grey-normal-active: rgb(67, 67, 67);
  --color-grey-dark: rgb(49, 49, 49);
  --color-grey-dark-hover: rgb(50, 50, 50);
  --color-grey-dark-active: rgb(38, 38, 38);
  --color-grey-darker: rgb(29, 29, 29);
  --color-black-light: rgb(233, 233, 233);
  --color-black-light-hover: rgb(222, 222, 222);
  --color-black-light-active: rgb(186, 186, 186);
  --color-black-normal: rgb(33, 33, 33);
  --color-black-normal-hover: rgb(30, 30, 30);
  --color-black-normal-active: rgb(26, 26, 26);
  --color-black-dark: rgb(25, 25, 25);
  --color-black-dark-hover: rgb(20, 20, 20);
  --color-black-dark-active: rgb(15, 15, 15);
  --color-black-darker: rgb(12, 12, 12);
  --font-montserrat-black: "Montserrat-Black", sans-serif;
  --font-montserrat-black-italic: "Montserrat-BlackItalic", sans-serif;
  --font-montserrat-bold: "Montserrat-Bold", sans-serif;
  --font-montserrat-bold-italic: "Montserrat-BoldItalic", sans-serif;
  --font-montserrat-extrabold: "Montserrat-ExtraBold", sans-serif;
  --font-montserrat-extrabold-italic: "Montserrat-ExtraBoldItalic", sans-serif;
  --font-montserrat-extralight: "Montserrat-ExtraLight", sans-serif;
  --font-montserrat-extralight-italic: "Montserrat-ExtraLightItalic", sans-serif;
  --font-montserrat-italic: "Montserrat-Italic", sans-serif;
  --font-montserrat-light: "Montserrat-Light", sans-serif;
  --font-montserrat-light-italic: "Montserrat-LightItalic", sans-serif;
  --font-montserrat-medium: "Montserrat-Medium", sans-serif;
  --font-montserrat-medium-italic: "Montserrat-MediumItalic", sans-serif;
  --font-montserrat-regular: "Montserrat-Regular", sans-serif;
  --font-montserrat-semibold-italic: "Montserrat-SemiBoldItalic", sans-serif;
  --font-montserrat-thin: "Montserrat-Thin", sans-serif;
  --font-montserrat-thin-italic: "Montserrat-ThinItalic", sans-serif;
}
.none-underline {
  text-decoration: none !important;
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: transparent;
}
h5 {
  margin-bottom: 0;
}
.heading-1 {
  font-size: 24px;
  font-family: var(--font-montserrat-bold);
}
.container-card {
  background: rgba(255, 255, 255, 1);
  border-radius: 12px;
  padding: 24px;
}
.card-header {
  background: transparent;
  border-bottom: 0;
  padding: 20px 10px 0px 10px;
}
.card-custom {
  border-radius: 12px;
  height: 49%;
}
.card-occupancy {
  border-radius: 12px;
}
.card-revenue {
  border-radius: 12px;
  height: 100%;
}
.card-body-custom {
  padding: 20px 16px;
  border: 0 solid var(--color-grey-light);
  border-radius: 12px;
}
.card-title-custom {
  font-size: 14px;
  font-family: var(--font-montserrat-bold);
}
.text-count {
  font-family: var(--font-montserrat-bold);
  font-size: 40px;
}
.btn-danger-custom {
  border: 2px solid var(--color-red-dark);
  font-size: 14px;
  font-family: var(--font-montserrat-medium);
  font-weight: 700;
  color: var(--color-red-dark);
  background: var(--color-red-light);
}
.btn-danger-custom:hover {
  border: 2px solid var(--color-red-dark) !important;
  color: var(--color-red-dark) !important;
  background: var(--color-red-light) !important;
}
.btn-success-custom {
  border: 2px solid var(--color-green-dark);
  font-size: 14px;
  font-family: var(--font-montserrat-medium);
  font-weight: 700;
  color: var(--color-green-dark);
  background: var(--color-green-light);
}
.btn-success-custom:hover {
  border: 2px solid var(--color-green-dark) !important;
  color: var(--color-green-dark) !important;
  background: var(--color-green-light) !important;
}
.badge-success-custom {
  border: 2px solid var(--color-green-normal);
  font-size: 14px;
  font-family: var(--font-montserrat-medium);
  font-weight: 700;
  color: var(--color-green-normal);
  background: var(--color-green-light);
  width: 100px;
  border-radius: 20px;
}
.badge-success-custom:hover {
  border: 2px solid var(--color-green-normal) !important;
  color: var(--color-green-normal) !important;
  background: var(--color-green-light) !important;
}
.badge-warning-custom {
  border: 2px solid var(--color-yellow-normal);
  font-size: 14px;
  font-family: var(--font-montserrat-medium);
  font-weight: 700;
  color: var(--color-yellow-normal);
  background: var(--color-yellow-light);
  width: 100px;
  border-radius: 20px;
}
.badge-warning-custom:hover {
  border: 2px solid var(--color-yellow-normal) !important;
  color: var(--color-yellow-normal) !important;
  background: var(--color-yellow-light) !important;
}
.badge-danger-custom {
  border: 2px solid var(--color-red-normal);
  font-size: 14px;
  font-family: var(--font-montserrat-medium);
  font-weight: 700;
  color: var(--color-red-normal);
  background: var(--color-red-light);
  width: 100px;
  border-radius: 20px;
}
.badge-danger-custom:hover {
  border: 2px solid var(--color-red-normal) !important;
  color: var(--color-red-normal) !important;
  background: var(--color-red-light) !important;
}
.btn-outlet-success-custom {
  border: 2px solid var(--color-green-dark);
  font-size: 14px;
  font-family: var(--font-montserrat-medium);
  font-weight: 700;
  color: var(--color-green-dark);
  background: transparent;
}
.badge-outlet-success-custom:hover {
  border: 2px solid var(--color-green-dark) !important;
  color: var(--color-green-dark) !important;
  background: var(--color-green-light) !important;
}
.btn-desktop {
  display: block;
}
.btn-mobile {
  display: none;
  border: 0px;
  background: transparent;
  cursor: pointer;
}
.container-box {
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid var(--color-green-light);
  gap: 10px;
  margin: 10px 0;
}
.box-text-header1 {
  font-size: 14px;
  font-weight: 400;
  font-family: var(--font-montserrat-regular);
  line-height: 30px;
}
.progress-badge {
  font-family: var(--font-montserrat-bold);
  font-weight: 700;
  font-size: 14px;
  margin-right: 10px;
  line-height: 30px;
}
.custom-progress-success {
  font-family: var(--font-montserrat-bold);
  font-weight: 700;
  font-size: 11px;
  border: 2px solid var(--color-green-dark);
  align-items: center;
  color: var(--color-green-dark);
  padding: 5px 6px;
  background-color: var(--color-green-light);
}
.custom-progress-danger {
  font-family: var(--font-montserrat-bold);
  font-weight: 700;
  font-size: 11px;
  border: 2px solid var(--color-red-dark);
  align-items: center;
  color: var(--color-red-dark);
  padding: 5px 6px;
  background-color: var(--color-red-light);
}
.arrow-up img {
  font-size: 1rem;
}
.title-under-badge {
  font-family: var(--font-montserrat-regular);
  font-size: 12px;
  font-weight: 400;
  color: var(--color-black-dark);
  margin-top: 5px;
}
.group-input {
  position: relative;
  width: 100%;
}
.group-input input {
  padding-right: 40px;
}
.group-input img {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.from-control {
  font-size: 12px;
  font-family: var(--font-montserrat-light);
}
.form-control:focus {
  border-color: var(--color-green-dark);
  box-shadow: none !important;
}
.sortable-header {
  position: relative;
}
.sortable-header span {
  display: inline-block;
  max-width: calc(100% - 20px);
}
.sort-icon {
  position: absolute;
  right: 6px;
  top: 28px;
  transform: translateY(-50%);
  width: 16px;
  height: 18px;
  cursor: pointer;
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--color-green-light);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--color-green-light);
}
.table-responsive {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.table thead th {
  background: var(--color-green-dark);
  font-family: var(--font-montserrat-medium);
  font-weight: 700;
  font-size: 14px;
  color: var(--color-grey-light);
  border-right: 1px solid var(--color-grey-light-active);
}
.table thead tr th span {
  display: block !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--color-green-light);
}
.table > :not(caption) > * > * {
  padding: .5rem .5rem;
  color: var(--color-grey-dark);
  font-size: 14px;
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table tbody td:first-child {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.table thead tr {
  height: 58px;
  vertical-align: middle;
}
.total-page-number {
  display: flex;
  justify-content: start;
  font-family: var(--font-montserrat-medium);
}
.page-pagination {
  display: flex;
  justify-content: end;
}
.pageCount {
  font-family: var(--font-montserrat-medium);
  font-size: 14px;
}
.perPage {
  font-family: var(--font-montserrat-bold) !important;
}
.totalPerPage {
  font-family: var(--font-montserrat-bold) !important;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-item:first-child .page-link {
  border-radius: 4px;
}
.page-item:not(:first-child) {
  margin-left: 5px;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  line-height: 1.25;
  text-decoration: none;
}
.page-link:hover {
  z-index: 2;
  text-decoration: none;
  color: var(--color-green-normal);
  background: var(--color-yellow-normal) !important;
  border-color: var(--color-yellow-normal) !important;
}
.page-link:focus {
  box-shadow: none;
  color: var(--color-green-dark);
}
.page-item.active .page-link {
  z-index: 3;
}
.page-link {
  border: 1px solid var(--color-green-normal) !important;
  background-color: var(--color-grey-light) !important;
  color: var(--color-green-normal);
  border-radius: 4px;
}
.page-item.active .page-link {
  border: 1px solid var(--color-yellow-normal) !important;
  background-color: var(--color-yellow-normal) !important;
  color: var(--color-black-normal);
}
.first-page,
.prev-page,
.next-page,
.last-page {
  background-color: var(--color-green-normal) !important;
  color: white;
  border: 1px solid var(--color-green-normal) !important;
  border-radius: 4px;
}
.first-page:hover,
.prev-page:hover,
.next-page:hover,
.last-page:hover {
  background-color: var(--color-green-normal) !important;
  color: white;
  opacity: 0.9;
}
.custom-overflow {
  overflow-x: auto;
}
.card-sm-header {
  font-family: var(--font-montserrat-bold);
  font-size: 16px;
  font-weight: 700;
  color: #3F3F3F;
  margin-bottom: 6px;
}
.card-sm-title {
  font-size: 12px;
  font-weight: 400;
  color: #3F3F3F;
  font-family: var(--font-montserrat-regular);
}
@media (max-width: 768px) {
  .custom-overflow {
    overflow-x: hidden;
  }
  .btn-success-custom {
    font-size: 10px !important;
  }
  .btn-danger-custom {
    font-size: 10px !important;
  }
  .btn-desktop {
    display: none !important;
  }
  .btn-mobile {
    display: block !important;
  }
  .card-custom {
    border-radius: 12px;
  }
  .total-page-number {
    justify-content: center;
    margin-bottom: 15px;
  }
  .page-pagination {
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .custom-overflow {
    overflow-x: hidden;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */