/* General Changes*/

.container-fluid {
  padding: 0 1.5rem !important;
}
.main-content-area .content-heading {
  padding-left: 0 !important;
}
#main-header {
  padding: 0.5rem 0 !important;
}
#main-header .right-menu {
  margin-top: 0.125rem !important;
}
#main-header .left-side .logo {
  width: 110px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #main-header .right-menu {
    font-size: small;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #main-header #main-nav a,
  #main-header #main-nav span {
    font-size: small;
  }
}
#main-header .right-menu .userinfo {
  margin-top: 2px !important;
}
#main-header
  .right-menu
  #nav-right
  > ul
  > li
  .dropdown-admin-wrap
  .search-menu-dropdown {
  padding: 5px 8px !important;
  margin: 0.5rem 0 5px !important;
}
#main-header
  .right-menu
  #nav-right
  > ul
  > li
  .dropdown-admin-wrap
  .right-sub-list
  > ul
  li
  a {
  font-size: 15px !important;
  line-height: 1.1 !important;
  padding: 0.5rem 1rem !important;
}
#main-header .right-menu #nav-right > ul > li > ul li a {
  font-size: 15px !important;
  line-height: 1.1 !important;
  padding: 0.5rem 1rem !important;
}
#main-header .right-menu .userinfo > ul > li a {
  font-size: 15px !important;
  line-height: 1.1 !important;
  padding: 0.5rem 1rem !important;
}
#main-header .left-side nav#main-nav > ul > li ul li a {
  font-size: 15px !important;
  line-height: 1.1 !important;
  padding: 0.5rem 1rem !important;
}
#main-header .right-menu .userinfo > ul {
  top: 41px !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  padding: 0.5rem 1rem !important;
}
#main-header .right-menu #nav-right > ul > li .dropdown-admin-wrap {
  top: 50px !important;
  padding: 0px 15px 1rem !important;
}
#main-header .right-menu #nav-right > ul > li > ul {
  top: 32px !important;
  padding: 0 0 0.5rem !important;
}
#main-header
  .right-menu
  #nav-right
  > ul
  > li
  .dropdown-admin-wrap
  .search-menu-dropdown
  img {
  width: 20px !important;
  height: 20px !important;
  margin: -2px -5px 0 0 !important;
}
#main-header
  .right-menu
  #nav-right
  > ul
  > li
  .dropdown-admin-wrap
  .search-menu-dropdown
  input {
  font-size: medium !important;
  padding: 0.125rem 0.25rem !important;
}
#main-header
  .right-menu
  #nav-right
  > ul
  > li
  .dropdown-admin-wrap
  .right-sub-list
  > ul {
  scrollbar-width: thin !important;
}
.releasenotes-link {
  padding: 0px 10px 10px 0 !important;
  font-size: small !important;
}
.main-content-area {
  margin-top: -1.125rem !important;
}
.main-content-area .main-content-area-body .content-in {
  padding: 0 0.75rem !important;
}
.breadcrumbs {
  font-size: small !important;
}
.main-content-area-body {
  margin-top: 0.75rem !important;
}
.main-content-area .content-heading h5 {
  margin-bottom: 0rem !important;
  font-weight: 550;
}
.menu-items-info .content-in section.search {
  margin-bottom: 0.25rem !important;
}
.menu-items-info
  .content-in
  section.search
  > div.seach-wrap-frm
  .search-wrap
  input {
  width: calc(100% - 121px) !important;
}
.main-content-area .main-content-area-body {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.main-content-area .needhelp-plus .help-pluslinks {
  background: #f0f0f1;
  z-index: 4 !important;
  line-height: normal;
}
.menu-items-info .content-in .active-filters-wrap {
  z-index: 3 !important;
}
.menu-items-info .content-in .exports-filter-section {
  margin-bottom: 0.75rem !important;
}
.dashboardbtn {
  padding: 0.5rem 1rem !important;
  text-align: center;
  line-height: 1.1;
}
.menu-items-info .content-in .item-filter {
  margin-bottom: 0 !important;
  display: block !important;
}
.item-filter select {
  padding: 6px 8px 5px !important;
}
.item-filter .show-hide-columns .dashboardbtn {
  padding: 0.4rem 0.75rem 0.4rem 1rem !important;
}
.table-grid .table-paginate .items-per-page .page-numbers {
  padding-top: 0.5rem !important;
  height: 42px;
}
.table-grid .table-paginate .items-per-page div.pagelistno {
  width: 73px !important;
}
.table-grid .table-paginate .pagebtns input {
  width: 2.5em !important;
  padding: 0.25rem !important;
}
.table-grid .table-paginate {
  margin: 0.5rem 0 -1rem !important;
}
.table-grid .table-paginate .pagebtns .btns-page {
  line-height: normal !important;
  margin-left: 6px !important;
}
.table-grid .table-paginate .pagebtns .pager-btns-wrap {
  height: 42px;
}
.table-grid .table-paginate .pagebtns .btns-page.page-end-btn svg,
.table-grid .table-paginate .pagebtns .btns-page.page-next-btn svg {
  scale: 1.2 !important;
  margin-top: 3px !important;
}
.menu-items-info .content-in .item-filter .show-hide-columns .close {
  top: 50px !important;
  right: 10px !important;
}
.menu-items-info .content-in .item-filter .show-hide-columns ul {
  scrollbar-width: thin !important;
}
.form-select {
  cursor: pointer;
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .draggable-columns
  .column
  .column-heading {
  height: 50px !important;
  line-height: 1.1;
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .column-buttons
  .column-heading {
  height: 50px !important;
  line-height: 1.1;
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .column-contents
  .row-column {
  height: 50px !important;
  line-height: 1.1;
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .draggable-columns
  .column
  .row-column {
  padding: 0.75rem !important;
}
@media only screen and (max-width: 575px) {
  #menuiteminfo .item-filter .small-screen-filter {
    margin-bottom: 2.25rem !important;
  }
  .table-grid .table-paginate .pagebtns .btns-page {
    line-height: 1.8 !important;
  }
}
/* Small (SM) - ≥576px */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .menu-items-info .content-in .item-filter .itemtype-filter {
    width: 100% !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem;
  }
  .menu-items-info .content-in .item-filter .show-hide-columns {
    width: 100% !important;
    /* display: flex;
    justify-content: center; */
    align-items: center;
    margin-bottom: 0.5rem;
  }
  .menu-items-info .content-in .item-filter .itemtype-filter select {
    width: 100%;
  }
  .menu-items-info .content-in .item-filter .itemtype-filter span {
    width: 30vw;
  }
}

/* Medium (MD) - ≥768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .menu-items-info .content-in .item-filter .itemtype-filter {
    width: 100% !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem;
  }
  .menu-items-info .content-in .item-filter .show-hide-columns {
    width: 100% !important;
    /* display: flex;
    justify-content: center; */
    align-items: center;
    margin-bottom: 0.5rem;
  }
  .menu-items-info .content-in .item-filter .itemtype-filter select {
    width: 100%;
  }
  .menu-items-info .content-in .item-filter .itemtype-filter span {
    width: 20vw;
  }
}

/* Large (LG) - ≥992px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .menu-items-info .content-in .item-filter .itemtype-filter {
    width: 100% !important;
    justify-content: center;
    align-items: center;
    line-height: 1.1;
  }
  .menu-items-info .content-in .item-filter .show-hide-columns {
    width: 100% !important;
    align-items: center;
  }
  .menu-items-info .content-in .item-filter .itemtype-filter select {
    width: 100%;
  }
  .filter-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .item-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .active-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .filter-right {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

/* Extra Large (XL) - ≥1200px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .menu-items-info .content-in .item-filter .show-hide-columns {
    width: 100% !important;
    align-items: center;
  }
  .menu-items-info .content-in .item-filter .itemtype-filter {
    width: 100% !important;
  }
  .filter-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .item-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .active-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .status-left {
    padding-right: 0 !important;
  }
  .filter-right {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

/* Extra Extra Large (XXL) - ≥1400px */
@media only screen and (min-width: 1400px) {
  .menu-items-info .content-in .item-filter .show-hide-columns {
    width: 100% !important;
    align-items: center;
  }
  .menu-items-info .content-in .item-filter .itemtype-filter {
    width: 100% !important;
  }
  .filter-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .item-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .active-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .status-left {
    padding-right: 0 !important;
  }
  .filter-right {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .column-buttons
  .column-contents
  .edit-link,
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .column-buttons
  .column-contents
  .delete-row {
  margin: 0.75rem !important;
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .column-buttons
  .column-contents
  .edit-row,
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .column-buttons
  .column-contents
  .delete-row {
  width: 18px !important;
  height: 18px !important;
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .column-buttons
  .column-contents
  .row-column {
  padding-left: 1.25rem !important;
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .column-buttons
  .column-heading {
  padding: 10px 0 10px 1.25rem !important;
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  #extracolumn
  .heading-col,
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .ss-extra-cols
  .heading-col {
  height: 50px !important;
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  #extracolumn
  .body-grid
  div,
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .ss-extra-cols
  .body-grid
  div {
  height: 50px !important;
}
.table-grid .table-content {
  padding: 0 0 1rem !important;
}
.table-grid .tfloat-v.floating-scrollv {
  right: 1px !important;
  top: 7px !important;
}
.table-grid .tfloat-v.floating-scrollv .body {
  max-height: 750px !important;
}
#menuiteminfo input[type="checkbox"] {
  width: 0.9rem !important;
  height: 0.9rem !important;
}
#menuiteminfo .add-menu-item,
#menuiteminfo .push-updates-econ,
#menuiteminfo .needhelp,
#menuiteminfo .search-items,
#menuiteminfo .searchitem,
#menuiteminfo .export-to-excel,
#menuiteminfo .export-to-pdf,
#menuiteminfo .export-data-to-excel,
#menuiteminfo .import-data,
#menuiteminfo .group-edit,
#menuiteminfo .update-ecom,
#menuiteminfo .group-delete,
#menuiteminfo .export-to-barcode-pdf,
#menuiteminfo .itemtype-filter,
#menuiteminfo .form-select {
  height: 42px !important;
}
#menuiteminfo .needhelp,
#menuiteminfo .add-menu-item {
  line-height: 1.7;
}
#menuiteminfo .btn-style-1.disabled,
.btn-style-2.disabled,
.dashboardbtn.disabled {
  height: 42px;
}
#main-header .left-side nav#main-nav > ul > li.show > ul {
  padding-top: 0.25rem !important;
}
#main-header .left-side nav#main-nav > ul > li ul {
  height: 41px !important;
  width: 250px !important;
  top: 1.75rem !important;
  line-height: 1.1 !important;
  padding: 0 !important;
}
.table-grid .table-paginate .items-per-page {
  z-index: 6 !important;
}

@media only screen and (max-width: 991px) {
  .usermenu-mobile-sub .close {
    top: 8px !important;
    width: 24px !important;
    margin-right: 8px !important;
  }
  #main-header .left-side nav#main-nav .close {
    width: 22px !important;
    height: 22px !important;
    top: 6px !important;
    right: 8px !important;
  }
  #main-header .right-menu #nav-right > ul#nav-right li ul {
    top: 30px !important;
  }
  #main-header .right-menu #nav-right > ul#nav-right li .dropdown-admin-wrap {
    top: 30px !important;
  }
}
#main-content .showlinks,
#main-content .needhelp-plus,
#main-content .need-help a {
  height: 42px !important;
  line-height: 1.6 !important;
}

/* Menu Items Information Page*/

#menuiteminfo .two-fields-row {
  margin: 0 -1rem 0 !important;
}
#menuiteminfo .two-fields-row .field-col {
  width: auto !important;
}

/* Update Menu Item Page */

#updatemenuitem .tabs .content {
  padding: 0.75rem 1rem !important;
}
#updatemenuitem .three-field-row .field-col label {
  font-weight: 550;
}
#updatemenuitem .three-field-row .field-col .lbl {
  font-weight: 550 !important;
}
#updatemenuitem .two-fields-row .field-col .lbl {
  font-weight: 550 !important;
}
#updatemenuitem .two-fields-row,
.three-field-row {
  margin: 0 -15px 0.5rem !important;
}
.update-menu-item .tabs .content .General .general-tab-checkboxes .chckboxlist {
  padding: 0 !important;
}
#updatemenuitem .general-tab-checkboxes .lbl {
  font-weight: 550 !important;
}
#updatemenuitem .single-field-row label {
  font-weight: 550;
}
#updatemenuitem .single-field-row .addwebpages {
  margin: 0.5rem 0 !important;
}
#updatemenuitem .single-field-row .lbl {
  font-weight: 550 !important;
}
#updatemenuitem .single-field-row {
  margin-bottom: 0.125rem !important;
}
.update-menu-item .tabs .content .Advanced-Options .chxbox-lists {
  margin: 1rem 0 0 0 !important;
}
.update-menu-item .tabs .content .Advanced-Options .chxbox-lists li {
  margin: 0.5rem 0 !important;
}
.update-menu-item .tabs .content .Pricing .pricing-tab .colm div:first-child {
  font-weight: 550;
}
.update-menu-item .dollar-sign {
  font-size: large;
}
.update-menu-item
  .tabs
  .content
  .Pricing
  .pricing-tab
  .colm
  div
  input[type="text"] {
  font-size: large;
}
.update-menu-item .tabs .content .Attributes .attributes-tab > div ul {
  margin: 0.5rem 0;
}
.update-menu-item .tabs .content .Attributes .attributes-tab .lbl {
  font-weight: 550 !important;
}
.update-menu-item .dashboardbtn {
  height: 42px !important;
  line-height: 1.6 !important;
  cursor: pointer;
}

/* Update Menu Item General Tab */

#updatemenugentab .active .chckboxlist {
  font-weight: 550 !important;
  text-align: right;
}
#updatemenugentab .general-tab-checkboxes .discount-list .icon-check-right {
  margin: 0 0.5rem 0 0.125rem !important;
}
#updatemenugentab .general-tab-checkboxes .discount-list .checkbox-label-group {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  white-space: nowrap;
}
#updatemenugentab .dashboardbtn {
  height: 42px !important;
  line-height: 1.6 !important;
}
.update-menu-item .tabs .content .Web .upload-image-tab {
  justify-content: flex-end;
}

@media only screen and (max-width: 575px) {
  .three-field-row .field-col {
    margin-bottom: 0.5rem !important;
  }
  #updatemenugentab .barcode img {
    width: 50dvw !important;
  }
  #updatemenugentab .active .chckboxlist {
    text-align: left;
  }
  #updatemenugentab .barcode {
    text-align: center !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .three-field-row .field-col {
    margin-bottom: 0.5rem !important;
  }
  #updatemenugentab .barcode img {
    width: 10.5rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #updatemenugentab .active .chckboxlist {
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #updatemenugentab .barcode img {
    width: 10.5rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #updatemenugentab .active .chckboxlist {
    text-align: right;
  }
}

/* Large (LG) - ≥992px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #updatemenugentab .barcode img {
    width: 10.5rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #updatemenugentab .active .chckboxlist {
    text-align: right;
  }
}

/* Extra Large (XL) - ≥1200px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #updatemenugentab .barcode img {
    width: 10.5rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #updatemenugentab .active .chckboxlist {
    text-align: right;
  }
}

/* Extra Extra Large (XXL) - ≥1400px */
@media only screen and (min-width: 1400px) {
  #updatemenugentab .barcode img {
    width: 10.5rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #updatemenugentab .active .chckboxlist {
    text-align: right;
  }
}

/* Sales Dashboard Page */

.dashboard-area .dashboard-header .helpful-links {
  margin: 0.5rem 0 !important;
  width: max-content !important;
}
.dashboard-area .dashboard-header .helpful-links .dashboardbtn {
  margin-bottom: 0 !important;
}
.dashboard-area .dashboard-v2 .sales-cards .card-dash {
  margin-bottom: 1rem !important;
  background-color: hsla(197, 84%, 85%, 0.2);
}
.dashboard-area .main-content-area-body .content-in .container-fluid {
  padding: 0 0.5rem !important;
}
.dashboard-area .dashboard-v2 .cardBoxGrap {
  padding: 0.75rem !important;
  border-radius: 5px !important;
  margin-bottom: 1rem !important;
  background-color: hsla(240, 4%, 95%, 0.2);
}
.dashboard-area .dashboard-v2 .transaction-tbl .tblwrap table tr th {
  padding: 0 0.25rem 0.5rem 0 !important;
  font-weight: 550 !important;
  line-height: 1.1;
}
.dashboard-area .dashboard-v2 .transaction-tbl .tblwrap table tr td {
  padding: 0.5rem 0.125rem 0 0 !important;
  font-weight: normal !important;
  line-height: 1.1;
  font-size: 15px;
}
.dashboard-area .dashboard-v2 .transaction-tbl .tblwrap table .rcname {
  width: 28% !important;
}
.dashboard-area .dashboard-v2 .transaction-tbl .tblwrap table .ritem {
  width: 28px !important;
}
.dashboard-area .dashboard-v2 .transaction-tbl .tblwrap table .rprice {
  width: 12px !important;
}
.dashboard-area .dashboard-v2 .transaction-tbl .tblwrap table .rdate {
  width: 18px !important;
}
.dashboard-area .dashboard-v2 .transaction-tbl .tblwrap {
  scrollbar-width: thin !important;
  margin-top: 0.75rem;
}
.dashboard-area .apexcharts-text tspan {
  font-size: small !important;
}
.dashboard-area .dashboard-v2 .salesbtn {
  background: #f0f0f1 !important;
  align-items: center !important;
  padding: 0.25rem 0.75rem !important;
}
.dashboard-area .sales-trend h5 {
  font-weight: 550 !important;
  margin-bottom: 0 !important;
}
.dashboard-area .dashboard-v2 .dotbtns {
  margin-bottom: 0 !important;
}
.dashboard-area .dashboard-v2 .recent-transactions {
  background: #f0f0f1 !important;
  align-items: center !important;
  padding: 0.75rem !important;
}
.dashboard-area .dashboard-v2 .salesbtn h5 {
  font-weight: 550 !important;
  margin-bottom: 0 !important;
}
.dashboard-area .tabs .content {
  background-color: #fff;
  padding: 0 0.5rem !important;
}
@media only screen and (max-height: 990px) {
  .dashboard-area .main-content-area-body.AI-tab-body {
    overflow-y: scroll;
    height: 550px !important;
  }
}

/* Label Tab Styles */

.label-tab-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
}
.label-tab-body {
  width: 407px;
  min-height: 287px;
  margin: 0;
  padding: 10px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 8px #0001;
  border: 1px solid #000;
}
.label-tab-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* border-bottom: 1px solid #000; */
  padding-bottom: 5px;
}
.label-tab-editor-panel {
  min-width: 220px;
  max-width: 310px;
  background: #7ca8d0;
  border-radius: 6px;
  padding: 12px 10px;
  box-shadow: 0 2px 8px #0001;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.label-tab-logo {
  min-width: 50px;
  height: 50px;
  background-color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.label-tab-logo img {
  max-width: 100%;
  max-height: 100%;
}
.label-tab-item-name {
  flex-grow: 1;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.1;
}
.label-tab-price {
  font-size: 1rem;
  font-weight: bold;
}
.label-tab-editor {
  margin-top: 0;
  width: 100%;
  height: 139px;
  border: 1px solid #000;
  padding: 5px;
  overflow-y: auto;
}
.label-tab-editor[contenteditable="true"]:focus {
  outline: none;
  border-color: #007bff;
}
.label-tab-toolbar {
  margin-bottom: 5px;
  display: flex;
  gap: 5px;
}
.label-tab-toolbar button,
.label-tab-toolbar select,
.label-tab-toolbar input[type="color"] {
  font-size: 14px;
  padding: 2px 6px;
}
.label-tab-upload {
  margin-bottom: 5px;
}
.label-tab-editor {
  position: relative;
  min-height: 50px;
  padding: 10px;
  border: 1px solid #ccc;
}
.label-tab-editor:empty::before {
  content: attr(data-placeholder);
  color: #aaa;
  pointer-events: none;
}

/* Update Site Profile Page */

#siteprofile .three-field-row .field-col .lbl {
  font-weight: 550 !important;
}
#siteprofile .single-field-row .lbl {
  font-weight: 550 !important;
}
.updateprofile .group-fields {
  margin-bottom: 1rem !important;
}
#siteprofile .single-field-row {
  margin-bottom: 0.5rem !important;
}
#siteprofile .sfafield.taginput {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#siteprofile .sfafield input[type="text"] {
  flex: 1;
}
#siteprofile .dashboardbtn.add-specialfas {
  flex-shrink: 0;
  width: fit-content;
}
.updateprofile .group-fields label[for="IsEcpEnabled"] {
  font-weight: 550;
}
#siteprofile .taginput {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#siteprofile input[type="text"] {
  flex: 1;
}
#siteprofile .dashboardbtn {
  flex-shrink: 0;
  width: fit-content;
}
#siteprofile .row p {
  margin-top: 0;
  margin-bottom: 0.5rem !important;
}

@media (max-width: 767.98px) {
  #siteprofile .btns-wrap {
    justify-content: center !important;
  }
  #siteprofile .dashboardbtn {
    margin-bottom: 0.25rem !important;
  }
  #siteprofile .dashboardbtn.add-specialfas {
    margin-bottom: 0.25rem !important;
  }
}
#siteprofile .addcontact,
#siteprofile .add-address,
#siteprofile .add-specialfas,
#siteprofile .addspecialfare,
#siteprofile .updateprof,
#siteprofile .close {
  height: 42px !important;
  line-height: 1.6 !important;
}

/* Site Settings Page */

.site-settings .sitesettings-head .with-need-help .need-help {
  margin-top: 0.5rem;
}
.site-settings .collapsable-content-wrap h3 {
  font-size: 1.25rem !important;
  padding: 0.75rem;
  background: #f0f0f1 !important;
}
.site-settings .tabs .content {
  padding: 0.75rem 1rem !important;
}
.site-settings .three-field-row .field-col label {
  font-weight: 550;
}
.site-settings .three-field-row .field-col .lbl {
  font-weight: 550 !important;
}
.site-settings .two-fields-row .field-col .lbl {
  font-weight: 550 !important;
}
.site-settings .two-fields-row,
.three-field-row {
  margin: 0 -15px 0.5rem !important;
}
.site-settings .general-tab-checkboxes .lbl {
  font-weight: 550 !important;
}
.site-settings .single-field-row label {
  font-weight: 550;
}
.site-settings .single-field-row .addwebpages {
  margin: 0.5rem 0 !important;
}
.site-settings .single-field-row {
  margin-bottom: 0.125rem !important;
}
.site-settings .datepicker-wrap input {
  padding: 0 0.5rem;
}
#ecom-settings .content .row .lbl {
  font-weight: 550 !important;
}
.site-settings
  .table-grid
  .table-content
  .table-wrapper
  .columns-wrap.nobtns
  .norecords
  .column-heading {
  height: 50px !important;
  line-height: 1.1;
}
.site-settings
  .table-grid
  .table-content
  .table-wrapper
  .columns-wrap.nobtns
  .norecords
  .column-contents
  .row-column {
  height: 50px !important;
  line-height: 1.1;
}
.site-settings .collapsable-content-wrap .collapsable-content {
  padding: 0.75rem !important;
}
.site-settings .collapsable-content-wrap .sub-collapsable-contents {
  padding: 0 0.5rem !important;
}
.site-settings .dashboardbtn {
  height: 42px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
.site-settings .table-grid .topscroll.vis {
  width: 100%;
}
.site-settings .table-grid .table-content .table-wrapper {
  margin-top: 1rem;
  width: 100% !important;
}
.site-settings input[type="text"],
.site-settings input[type="email"],
.site-settings input[type="number"],
.site-settings input[type="password"],
.site-settings select,
.site-settings textarea {
  padding: 10px !important;
}
.site-settings .datepicker-wrap,
.site-settings .timepicker-wrap {
  padding: 0;
}
.site-settings .input-icon > i {
  font-size: 1rem;
}
.site-settings input[name="ServiceFeeAmount"],
.site-settings input[name="Percentage"] {
  padding-left: 20px !important;
  font-size: 1rem;
}
.site-settings input[name="OrderTypeFee"] {
  padding-left: 20px !important;
  font-size: 1rem;
}
.site-settings .single-field-row .lbl {
  font-weight: 550 !important;
}
.site-settings .popupwraper.fullfield main {
  padding: 1rem;
}
.site-settings
  .collapsable-content-wrap.userlogins-wrap
  .sitename-search
  .selected-sitename {
  padding: 10px 30px 10px 12px !important;
}
.site-settings
  .table-layout
  .canvasstoolbar
  .toolbar-menu
  .toolbtns.disable
  .dashboardbtn {
  line-height: 1.2 !important;
}
.site-settings
  .table-layout
  .canvasstoolbar
  .toolbar-menu
  .toolbtns
  .dashboardbtn {
  line-height: 1.2 !important;
}
.site-settings .revenueceter-options {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.25rem;
  margin-bottom: 0.25rem;
  gap: 0 1rem;
}
.site-settings .revenueceter-options input[name="checkbox"] {
  display: flex;
  align-items: center;
  gap: 0 0.125rem;
  margin-bottom: 0.125rem;
}
.site-settings
  .collapsable-content-wrap.dis-mgmt-wrap
  .add-dismgnmttemplate-wrap
  .percentoff:after {
  top: 10px !important;
}
.site-settings
  .collapsable-content-wrap.dis-mgmt-wrap
  .add-dismgnmttemplate-wrap
  .percentoff {
  padding: 0px 36px 0px 12px !important;
  font-size: 1rem;
}
.site-settings .discounttype {
  margin-top: 1rem !important;
}
.site-settings
  .collapsable-content-wrap.dis-mgmt-wrap
  .add-dismgnmttemplate-wrap
  #chxlist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.25rem;
  margin-bottom: 0.25rem;
  gap: 0 1rem;
}
.site-settings
  .collapsable-content-wrap.dis-mgmt-wrap
  .add-dismgnmttemplate-wrap
  #chxlist
  li {
  display: flex;
  align-items: center;
  gap: 0 0.125rem;
  margin-bottom: 0.125rem;
}
.site-settings .general-tab-checkboxes {
  margin-top: 1rem !important;
}
.site-settings .single-field-row .icon-check-right {
  font-weight: 500 !important;
}
.site-settings .filterform .filterbtn {
  margin-right: 0.5rem !important;
}
.site-settings
  .table-grid
  .table-content
  .table-wrapper
  .filterform
  .fields
  div {
  margin-bottom: 0.5rem;
}
.site-settings .search-wrap {
  width: 100% !important;
}

@media (max-width: 767.98px) {
  .site-settings .giftcard-tbl-wrap .buttons-wrap {
    flex-direction: column;
  }
  .site-settings .giftcard-tbl-wrap .single-field-row .field-col {
    width: 100%;
    margin-bottom: 1rem;
  }
  .site-settings .jobcodes-grid .buttons-wrap {
    flex-direction: column;
  }
  .site-settings .jobcodes-grid .single-field-row .field-col {
    width: 100%;
    margin-bottom: 1rem;
  }
  .site-settings .menunames-grid .buttons-wrap {
    flex-direction: column;
  }
  .site-settings .menunames-grid .single-field-row .field-col {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.site-settings .printer-device {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.25rem;
  margin-bottom: 0.25rem;
  gap: 0 1rem;
}
.site-settings .printer-device label {
  display: flex;
  align-items: center;
  gap: 0 0.125rem;
  margin-bottom: 0.125rem;
  margin-left: 0.25rem !important;
  font-weight: 500 !important;
}
.site-settings .room-center {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.25rem;
  margin-bottom: 0.25rem;
  gap: 0 1rem;
}
.site-settings .room-center label {
  display: flex;
  align-items: center;
  gap: 0 0.125rem;
  margin-bottom: 0.125rem;
  margin-left: 0.25rem !important;
  font-weight: 500 !important;
}
.site-settings input[id="IsSI360Enabled"],
.site-settings input[id="IseCommEnabled"],
.site-settings input[id="IseKioskEnabled"] {
  margin-left: 1rem !important;
  font-weight: 500 !important;
}
.site-settings .payments-colapse .tabs .modifier-list {
  margin: 0 !important;
}
.site-settings .chckboxlist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.25rem;
  margin-bottom: 0.25rem;
  gap: 0 1rem;
}
.site-settings .chckboxlist .checkbox-item {
  display: flex;
  align-items: center;
  gap: 0 0.125rem;
  margin-bottom: 0.125rem;
}
.site-settings .chckboxlis label {
  margin-left: 0.25rem !important;
  font-weight: 500 !important;
}
.site-settings .general-tab-checkboxes {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.25rem;
  margin-bottom: 0.25rem;
  gap: 0 1rem;
}
.site-settings .general-tab-checkboxes label {
  display: flex;
  align-items: center;
  gap: 0 0.125rem;
  margin-bottom: 0.125rem;
  margin-left: 0.25rem !important;
  font-weight: 500 !important;
}
.site-settings .payments-colapse .tabs .dashboardbtn.add-modifier {
  background-color: #427fb7 !important;
  width: 75px !important;
}
.site-settings .payments-colapse .tabs .dashboardbtn.delete-mods.disable {
  height: 40px !important;
  line-height: normal !important;
  width: 75px !important;
}
.site-settings #taxFlagListView {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.25rem;
  margin-bottom: 0.25rem;
  gap: 0 1rem;
}
.site-settings .taxflag-list {
  display: flex;
  align-items: center;
  gap: 0 0.125rem;
  margin-bottom: 0.125rem;
  margin-left: 0.25rem !important;
  font-weight: 500 !important;
}
.site-settings #add-salestax .field-col.salestax {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.25rem;
  gap: 0 1rem;
}
.site-settings #add-salestax .checkbox-wrap {
  display: flex;
  align-items: center;
  gap: 0 0.125rem;
  margin-bottom: 0.125rem;
}
.site-settings #add-salestax .checkbox-wrap label {
  margin-left: 0.25rem !important;
  font-weight: 500 !important;
}
.site-settings #siteconfig-add .border-section {
  margin: 0;
  padding: 10px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  background: #f8f9fa;
  border-radius: 6px;
  box-shadow: 0 2px 8px #0001;
  border: 1px solid #000;
  margin-top: 1rem;
}

.site-settings #siteconfig-add .new-company {
  display: flex;
  align-items: center;
  gap: 0 0.125rem;
}

.site-settings #siteconfig-add .new-company .lbl {
  margin-left: 0.25rem !important;
}
.site-settings #siteconfig-add textarea {
  height: 80px !important;
}
.site-settings #siteconfig-add .btns-wrap {
  margin-top: 1rem;
}
.site-settings #add-system-devices-frm .border-section {
  margin: 0;
  padding: 10px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  background: #f8f9fa;
  border-radius: 6px;
  box-shadow: 0 2px 8px #0001;
  border: 1px solid #000;
  margin-bottom: 1rem;
}

/* Transaction Report Page */

#dailytransreports .reports-heading .with-need-help .need-help {
  margin-top: 0.5rem;
}
#dailytransreports .datepicker-wrap input,
#dailytransreports .timepicker-wrap input {
  padding: 0 0.5rem !important;
}
#dailytransreports .form-filter .lbl {
  font-weight: 550 !important;
}
#dailytransreports .form-filter .lbl input[type="checkbox"] {
  margin: 3px 3px 3px 4px !important;
}
#dailytransreports .review-center ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.25rem;
  margin-bottom: 0.25rem;
  gap: 0 1rem;
}
#dailytransreports .review-center li {
  display: flex;
  align-items: center;
  gap: 0 0.125rem;
  margin-bottom: 0.125rem;
}
#dailytransreports
  .select2-container--default
  .select2-search--inline
  .select2-search__field {
  margin-bottom: 0;
  margin-top: 0.5rem;
  padding: 0 0.5rem !important;
}
#dailytransreports .select2-container .select2-selection--multiple {
  min-height: 42px !important;
}
#dailytransreports .adjustment-wrap {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
#dailytransreports
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  margin-bottom: 0 !important;
}
#dailytransreports section {
  margin-bottom: 0.75rem !important;
}
#dailytransreports section .two-fields-row {
  margin: 0 !important;
}
#dailytransreports .table-grid .pag-div {
  height: 50px !important;
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap.nobtns
  .norecords
  .column-heading {
  height: 50px !important;
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap.nobtns
  .norecords
  .colum-contents
  .row-column {
  height: 50px !important;
}
#dailytransreports
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  margin-top: 0.35rem;
  margin-right: 0.5rem;
  font-size: x-large;
  width: 30px;
  height: 30px;
  border: 1px solid #333;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#dailytransreports
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  font-size: x-large;
  width: 25px;
  color: #333;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #333;
  margin: 0.125rem !important;
}
#dailytransreports .meal-plan-dropdown li {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  margin-bottom: 0.125rem;
}
#dailytransreports .search-grid .search-frm input {
  height: 42px !important;
}
#dailytransreports .show-hide-cols .show-columns-list {
  width: 100%;
}
#dailytransreports .searchreportbtn {
  width: auto !important;
}
#dailytransreports .search-transaction-report,
#dailytransreports .export-pdf,
#dailytransreports .export-excel,
#dailytransreports .filtersbtn-current,
#dailytransreports .clear-filters {
  height: 42px !important;
}
#dailytransreports .search-grid .search-frm {
  width: auto !important;
}
#main-header .left-side nav#main-nav > ul > li ul li {
  line-height: 1.1 !important;
  margin-bottom: 0px !important;
}
.table-grid
  .table-content
  .table-wrapper
  .columns-wrap
  .draggable-columns
  .column
  .row-column
  .field-val {
  height: 16px !important;
}
@media only screen and (max-width: 575px) {
  .table-grid .table-paginate > div.pagebtns {
    margin-top: 0 !important;
  }
  .table-grid .topscroll.vis {
    margin-top: 2.5rem !important;
  }
  #dailytransreports .search-grid .search-frm input {
    width: 100% !important;
  }
  .menu-items-info
    .content-in
    section.search
    > div.seach-wrap-frm
    .search-wrap
    input {
    width: 100% !important;
  }
}
.tr-btns .show-hide-columns .dashboardbtn {
  padding: 0.4rem 0.75rem 0.4rem 1rem !important;
}
#dailytransreports .btn-style-1.disabled,
.btn-style-2.disabled,
.dashboardbtn.disabled {
  height: 42px;
}

/* Daily Performance Report Page */

.dailyperformance .reports-heading .with-need-help .need-help {
  margin-top: 0.5rem;
}
.dailyperformance .datepicker-wrap input,
.timepicker-wrap input {
  padding: 0 0.5rem !important;
}
.dailyperformance .form-filter .lbl {
  font-weight: 550 !important;
}
.dailyperformance .form-filter .lbl input[type="checkbox"] {
  margin: 3px 3px 3px 4px !important;
}
.dailyperformance .review-center ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.25rem;
  margin-bottom: 0.25rem;
  gap: 0 1rem;
}
.dailyperformance .review-center li {
  display: flex;
  align-items: center;
  gap: 0 0.125rem;
  margin-bottom: 0.125rem;
}
.dailyperformance .two-fields-row {
  margin: 0 -1rem 0 !important;
}
.dailyperformance .report-preview .prev-report-display .data-display ul li {
  font-size: 1.125rem !important;
}
.dailyperformance .report-preview .prev-report-display .date-range {
  font-size: 1rem !important;
}
.dailyperformance .preview-report,
.dailyperformance .cleardisply,
.dailyperformance .exportpdf,
.dailyperformance .exportexcel {
  height: 42px !important;
}
.first-item {
  width: 100%;
}

/* Daily Item Sales Report Page */

#dailytransreports .revenue-center ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.25rem;
  margin-bottom: 0.25rem;
  gap: 0 1rem;
}
#dailytransreports .revenue-center li {
  display: flex;
  align-items: center;
  gap: 0 0.125rem;
  margin-bottom: 0.125rem;
}
#dailytransreports .search {
  height: 42px !important;
}

/* Daily Meals Sold Report Page */

#salesdatareport .search {
  height: 42px !important;
}
#salesdatareport .filterfrm .lbl {
  font-weight: 550 !important;
}
#salesdatareport .filterfrm .lbl input[type="checkbox"] {
  margin: 3px 3px 3px 4px !important;
}
#salesdatareport .single-field-row {
  margin: 0.25rem 0 !important;
}
#salesdatareport .show-hide-columns {
  width: 100%;
}
#salesdatareport .export-to-excel,
#salesdatareport .export-to-pdf {
  height: 42px !important;
}

/* Gift Card Liability Report Page */

.dailyperformance .single-field-row {
  margin: 0.25rem 0 !important;
}
.columnViews-export .show-hide-columns .dashboardbtn {
  padding: 0.4rem 0.75rem 0.4rem 1rem !important;
}
.dailyperformance .export-pdf,
.dailyperformance .export-excel {
  height: 42px !important;
}
.dailyperformance .resident-info p {
  margin-bottom: 0.5rem !important;
}
.dailyperformance .section-content p {
  margin-bottom: 0.5rem !important;
}

/* Chef Tec Report Page */

#dailytransreports .form-filter .preview-report {
  height: 42px !important;
}
.cheftect-tbl .table-grid .pag-div {
  position: absolute;
}

/* Tips Page */

.dailyperformance .field-col .search-transaction-report {
  height: 42px !important;
}
.flex-end {
  align-items: flex-end;
}
.dailyperformance .show-hide-columns {
  width: 100%;
}
.dailyperformance .table-grid .pag-div {
  height: 50px;
  position: absolute;
}

/* People Page */

.people-page .addnew,
.people-page .export-to-excel,
.people-page .export-to-pdf,
.people-page .import-data,
.people-page .searchpeople,
.people-page .pullpcrecords,
.people-page .peoplegroudedit {
  height: 42px !important;
}
.people-page .buttons-search .people-search-wrap a {
  margin-right: 0.25rem;
  height: 42px;
  line-height: 1.6 !important;
}
.people-page .buttons-search .search-wrap input {
  padding: 8px 10px;
}
.people-page .col-form-label {
  padding-bottom: calc(0.125rem + 1px);
  font-weight: 550;
}
.show-hide-columns .close {
  top: 55px !important;
  right: 25px !important;
  scale: 1.3;
}
.people-page .form-control[name="Status"] {
  padding: 0.5rem 0.75rem;
}
.people-page .buttons-search {
  margin-bottom: 0.75rem !important;
}
.editpeople-page .upper-form .row-field .lbl {
  font-weight: 550 !important;
}
.editpeople-page .main-content-area-body .row-fields {
  margin: 0 -15px 0.5rem !important;
}
.editpeople-page .main-content-area-body .tabs .content {
  padding: 1rem !important;
}
.gen-tab .row-field .lbl {
  font-weight: 550 !important;
}
.editpeople-page .main-content-area-body .tabs {
  margin: 1rem 0 !important;
}
.editpeople-page .formBtns .updatelabor-btn,
.editpeople-page .formBtns .cancel-form {
  height: 42px !important;
}
.editpeople-page .formBtns .cancel-form {
  line-height: 1.6 !important;
}
.customer-resident-tab .uploadimage .upload-img,
.customer-resident-tab .remove-image .delete-img,
.customer-resident-tab .mealplanbtn .add-meal-plan {
  height: 42px !important;
  line-height: 1.6;
}
.customer-resident-tab .row-field .lbl {
  font-weight: 550 !important;
  line-height: 1.2;
}
.customer-resident-tab .main-content-area-body .row-fields {
  margin: -1rem !important;
}
.editpeople-page
  .main-content-area-body
  .tabs
  .content
  .tab-content.customer
  .mealplan-wrap
  .accordion-title {
  font-size: 1.5rem;
  padding: 0.5rem 0.75rem;
  background-color: #ccc;
}
.editpeople-page
  .main-content-area-body
  .tabs
  .content
  .tab-content.customer
  .mealplan-wrap {
  margin-top: 1.5rem;
}
.editpeople-page
  .main-content-area-body
  .tabs
  .content
  .tab-content.customer
  .mealplan-wrap
  #meal-plan-content
  .mealplanbtn {
  margin: 0.5rem 0 1rem;
}
.editpeople-page .table-grid .table-content .content-heading div {
  font-weight: 550;
}
.transactionactivity .container-fluid {
  padding: 0 !important;
}
.transactionactivity .main-content-area .main-content-area-body .content-in {
  padding: 0.5rem 0 !important;
}
.transactionactivity .main-content-area .main-content-area-body {
  padding-top: 0 !important;
}
.transactionactivity .two-fields-row .field-col {
  padding: 0 !important;
  align-items: flex-end;
}
.transactionactivity .table-grid .pag-div {
  position: absolute;
}
#peopleupdate .three-field-row .field-col .lbl {
  font-weight: 550;
}
#peopleupdate .attributes-tab .lbl {
  font-weight: 550;
}
.attributes-tab .allergens ul {
  padding-left: 1rem;
}
.attributes-tab .dietary ul {
  padding-left: 1rem;
}
.attributes-tab ul li input[type="checkbox"] {
  margin-right: 0.25rem;
}

/* People Group Page */

.people-group .addnew {
  height: 42px !important;
}
.people-group .buttons-search {
  margin-bottom: 0.75rem;
}
#updatePeopleGroup .field-col .lbl {
  font-weight: 550 !important;
}
#addNewPeopleGroup .field-col .lbl {
  font-weight: 550 !important;
}
#updatePeopleGroup .two-fields-row {
  margin: 0 -15px 0;
}
#updatePeopleGroup .add-groupbtn,
#updatePeopleGroup .delete-mods,
#updatePeopleGroup .primary-pep,
#updatePeopleGroup .save-changes,
#updatePeopleGroup .close {
  height: 42px !important;
}
#addNewPeopleGroup .add-groupbtn,
#addNewPeopleGroup .delete-mods,
#addNewPeopleGroup .primary-pep,
#addNewPeopleGroup .save-changes,
#addNewPeopleGroup .close {
  height: 42px !important;
}
.people-group .people-group-prim {
  padding: 1rem !important;
}
.popupheading {
  position: relative;
  z-index: 10;
}
.popupheading .close {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #f0f0f0; /* Light gray background */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.popupheading .close:hover {
  background-color: #e0e0e0; /* Slightly darker on hover */
}
.popupheading .close svg {
  width: 20px;
  height: 20px;
}
.popupwraper .popupcontent {
  padding: 1rem !important;
}
.people-group .colname-heading {
  font-weight: 550 !important;
}
.people-group #addNewPeopleGroup {
  padding-bottom: 0;
  padding-right: 0;
}
.people-group #updatePeopleGroup {
  padding-bottom: 0;
  padding-right: 0;
}

/* Change Password Page */

.change-password .single-field-row .lbl {
  font-weight: 550 !important;
}
.change-password .searchpoints,
.change-password .login,
.change-password .close {
  height: 42px !important;
  line-height: 1.6 !important;
}

/* Report ToolTip */

.tooltip-info {
  display: inline-flex;
  align-items: center;
  margin-left: 0.125rem;
  font-weight: 500;
  cursor: pointer;
}
#tooltipTrigger1 {
  display: inline-flex;
  align-items: center;
  color: #0078d7;
  gap: 0.3rem;
}
#tooltipTrigger2 {
  display: inline-flex;
  align-items: center;
  color: #13a10e;
  gap: 0.3rem;
}
.superscript-tooltip {
  position: relative;
  font-size: 0.85em;
  vertical-align: super;
}
.tooltip-content {
  display: none;
  position: absolute;
  top: 140%;
  /* left: 50%;
  transform: translateX(-50%); */
  background-color: #f5f5f9;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid #dadde9;
  border-radius: 4px;
  padding: 1rem;
  z-index: 1000;
  width: 260px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-size: 0.75rem;
}
.tooltip-content input[type="text"] {
  width: 100%;
  padding: 0.4rem;
  font-weight: normal;
  font-size: 0.85rem;
  box-sizing: border-box;
}
.tooltip-content .btn-group {
  text-align: right;
}
.tooltip-content button {
  padding: 0.3rem 0.6rem;
  font-size: 0.85rem;
  margin-left: 0.4rem;
  cursor: pointer;
  line-height: normal;
}
.tooltip-wrapper .tooltip-content {
  top: 1.25rem;
  width: calc(100% + 300px);
}
.tooltip-content label {
  font-size: small;
  font-weight: 550;
}

/* 360 Print Template Preview */

.align-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.print-preview-section .badge {
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
}
.print-preview-section .badge-success {
  font-size: 1em;
  color: #13a10e;
}
.print-preview-section .badge-warning {
  font-size: 1em;
  color: #e0a800;
}
.print-preview-section button.active {
  color: #000;
  background-color: #7ca8d0;
}
.print-preview-section th {
  line-height: normal;
}

/* Basic Receipt Template Styles */
.add-edit-print-temp-prev .receipt-preview-wrap {
  margin-top: 20px;
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 8px;
  display: flex;
  justify-content: center;
}

.add-edit-print-temp-prev .htmltemplate {
  background-color: white;
  width: 500px;
  padding: 25px;
  font-family: "Courier New", monospace;
  font-size: 1rem;
  line-height: 1.4;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.add-edit-print-temp-prev .field-group {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

.add-edit-print-temp-prev .field-group label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #333;
}

.add-edit-print-temp-prev .field-group input[type="text"],
.add-edit-print-temp-prev .field-group input[type="number"],
.add-edit-print-temp-prev .field-group textarea,
.add-edit-print-temp-prev .field-group select {
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 1rem;
  font-family: "Courier New", monospace;
}

.add-edit-print-temp-prev .receipt-header {
  text-align: center;
  margin-bottom: 20px;
  padding: 15px;
  background-color: #f0f0f0;
  border-radius: 5px;
}

.add-edit-print-temp-prev .receipt-divider {
  text-align: center;
  margin: 20px 0;
  font-weight: bold;
  color: #333;
  background-color: #f5f5f5;
  padding: 10px;
  border-radius: 3px;
}

.add-edit-print-temp-prev .receipt-info,
.add-edit-print-temp-prev .receipt-items,
.add-edit-print-temp-prev .receipt-totals {
  margin-bottom: 20px;
  background-color: #f8f8f8;
  padding: 15px;
  border-radius: 5px;
}

.add-edit-print-temp-prev .receipt-footer {
  text-align: center;
  margin-top: 20px;
  border-top: 2px dashed #333;
  padding-top: 15px;
  background-color: #f0f0f0;
  padding: 15px;
  border-radius: 5px;
}

.add-edit-print-temp-prev .receipt-actions {
  margin-top: 20px;
  text-align: center;
  padding: 15px;
  background-color: #e9ecef;
  border-radius: 5px;
}

.add-edit-print-temp-prev .receipt-actions .dashboardbtn {
  margin: 0 10px;
  padding: 10px 20px;
}

/* 360 Print Template Preview Styles */
#receiptPreviewModal .receipt-preview-container {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
}

#receiptPreviewModal .receipt-paper {
  background-color: white;
  width: 300px;
  padding: 20px;
  font-family: "Courier New", monospace;
  font-size: 12px;
  line-height: 1.4;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#receiptPreviewModal .receipt-header {
  text-align: center;
  margin-bottom: 10px;
}

#receiptPreviewModal .company-name {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}

#receiptPreviewModal .company-address {
  font-size: 11px;
  margin-bottom: 10px;
}

#receiptPreviewModal .receipt-divider {
  text-align: center;
  margin: 10px 0;
  font-weight: bold;
}

#receiptPreviewModal .receipt-info {
  margin-bottom: 5px;
}

#receiptPreviewModal .info-line {
  margin-bottom: 2px;
}

#receiptPreviewModal .receipt-items {
  margin-bottom: 5px;
}

#receiptPreviewModal .seat-section {
  margin-bottom: 10px;
  border-left: 2px solid #eee;
  padding-left: 5px;
}

#receiptPreviewModal .seat-header {
  margin-bottom: 3px;
}

#receiptPreviewModal .resident-name {
  margin-bottom: 5px;
  font-size: 11px;
}

#receiptPreviewModal .item-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
}

#receiptPreviewModal .item-details {
  flex-grow: 1;
}

#receiptPreviewModal .item-qty {
  display: inline-block;
  width: 20px;
}

#receiptPreviewModal .item-message {
  font-style: italic;
  font-size: 12px;
  margin-left: 0px;
  margin-bottom: 3px;
  color: #666;
}

#receiptPreviewModal .modifier-line {
  display: flex;
  justify-content: space-between;
  margin-left: 20px;
  margin-bottom: 2px;
  font-size: 11px;
}

#receiptPreviewModal .modifier-message {
  font-style: italic;
  font-size: 10px;
  margin-left: 40px;
  margin-bottom: 3px;
  color: #666;
}

#receiptPreviewModal .receipt-totals {
  border-top: 1px dashed #333;
  padding-top: 5px;
  margin-bottom: 10px;
}

#receiptPreviewModal .total-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
}

#receiptPreviewModal .total-final {
  border-top: 1px solid #333;
  padding-top: 3px;
  margin-top: 5px;
  font-weight: bold;
}

#receiptPreviewModal .receipt-customer-info {
  margin-bottom: 10px;
}

#receiptPreviewModal .customer-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
  font-size: 11px;
}

#receiptPreviewModal .receipt-footer {
  margin-top: 10px;
}

#receiptPreviewModal .thank-you {
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
}

#receiptPreviewModal .date-issued {
  text-align: center;
  font-size: 10px;
  color: #666;
}

#receiptPreviewModal .amount {
  text-align: right;
}

#receiptPreviewModal .template-info {
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 5px;
}

#receiptPreviewModal .template-info h6 {
  margin-bottom: 15px;
  color: #495057;
  text-align: center;
  font-weight: 550;
}

#receiptPreviewModal .template-info .table {
  margin-bottom: 0;
}

#receiptPreviewModal .template-info .table td {
  border: none;
  padding: 5px 0;
  line-height: normal;
}

#receiptPreviewModal #modalStatus .badge {
  color: #000;
  font-size: 0.85em;
}

@media print {
  #receiptPreviewModal .modal-header,
  #receiptPreviewModal .modal-footer,
  #receiptPreviewModal .template-info {
    display: none !important;
  }

  #receiptPreviewModal .modal-body {
    padding: 0 !important;
  }

  #receiptPreviewModal .receipt-preview-container {
    background-color: white !important;
    padding: 0 !important;
  }

  #receiptPreviewModal .receipt-paper {
    box-shadow: none !important;
    border: none !important;
    width: 100% !important;
    max-width: 300px !important;
  }
}
#receiptPreviewModal .close {
  scale: 1.3;
  font-weight: 550;
  border-radius: 50%;
  background-color: #e0e0e0;
  width: 25px;
  height: 25px;
  line-height: 1.1;
}
#receiptPreviewModal .modal-header {
  background-color: #f0f0f0;
}

#receiptPreviewModal .double-dashed {
  position: relative;
  padding-top: 10px;
  margin-bottom: 5px;
}
#receiptPreviewModal .double-dashed::before,
#receiptPreviewModal .double-dashed::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px dashed #333;
}

#receiptPreviewModal .double-dashed::before {
  top: 0;
}

#receiptPreviewModal .double-dashed::after {
  top: 5px;
}

#receiptPreviewModal .all-caps {
  text-transform: uppercase;
}

/* Create Template Modal Styles */

#createTemplateModal .field-group {
  margin-bottom: 15px;
}

#createTemplateModal .field-group label {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
  color: #333;
}

#createTemplateModal .field-group input,
#createTemplateModal .field-group select,
#createTemplateModal .field-group textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  margin: 2px 0;
}

#createTemplateModal .field-group input:focus,
#createTemplateModal .field-group select:focus,
#createTemplateModal .field-group textarea:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#createTemplateModal .receipt-divider {
  text-align: center;
  margin: 20px 0;
  font-weight: bold;
  color: #666;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  padding: 10px 0;
}

#createTemplateModal .receipt-header,
#createTemplateModal .receipt-info,
#createTemplateModal .receipt-items,
#createTemplateModal .receipt-totals,
#createTemplateModal .receipt-footer {
  background-color: #f8f9fa;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
  border-left: 4px solid #007bff;
}

#createTemplateModal .receipt-header {
  border-left-color: #28a745;
}

#createTemplateModal .receipt-info {
  border-left-color: #17a2b8;
}

#createTemplateModal .receipt-items {
  border-left-color: #ffc107;
}

#createTemplateModal .receipt-totals {
  border-left-color: #dc3545;
}

#createTemplateModal .receipt-footer {
  border-left-color: #6c757d;
}

#createTemplateModal .modal-header {
  background-color: #f0f0f0;
}

#createTemplateModal .close {
  scale: 1.3;
  font-weight: 550;
  border-radius: 50%;
  background-color: #e0e0e0;
  width: 25px;
  height: 25px;
  line-height: 1.1;
}
#createTemplateModal .modal-body h5 {
  font-weight: 550;
  text-align: center;
}

#createTemplateModal .template-metadata {
  margin: 0;
  padding: 10px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  background: #f8f9fa;
  border-radius: 6px;
  box-shadow: 0 2px 8px #0001;
  border: 1px solid #000;
}

/* Guest Check Print Template Preview Styles */

#guestCheckPreviewModal .guestcheck-preview-container {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
}

#guestCheckPreviewModal .guestcheck-paper {
  background-color: white;
  width: 300px;
  padding: 20px;
  font-family: "Courier New", monospace;
  font-size: 12px;
  line-height: 1.4;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#guestCheckPreviewModal .guestcheck-header {
  text-align: center;
  margin-bottom: 10px;
}

#guestCheckPreviewModal .company-name {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}

#guestCheckPreviewModal .company-address {
  font-size: 11px;
  margin-bottom: 10px;
}

#guestCheckPreviewModal .guestcheck-divider {
  text-align: center;
  margin: 10px 0;
  font-weight: bold;
}

#guestCheckPreviewModal .guestcheck-info {
  margin-bottom: 5px;
}

#guestCheckPreviewModal .info-line {
  margin-bottom: 2px;
}

#guestCheckPreviewModal .guestcheck-items {
  margin-bottom: 5px;
}

#guestCheckPreviewModal .seat-section {
  margin-bottom: 10px;
  border-left: 2px solid #eee;
  padding-left: 5px;
}

#guestCheckPreviewModal .seat-header {
  margin-bottom: 3px;
}

#guestCheckPreviewModal .resident-name {
  margin-bottom: 5px;
  font-size: 11px;
}

#guestCheckPreviewModal .item-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
}

#guestCheckPreviewModal .item-details {
  flex-grow: 1;
}

#guestCheckPreviewModal .item-qty {
  display: inline-block;
  width: 20px;
}

#guestCheckPreviewModal .item-message {
  font-style: italic;
  font-size: 12px;
  margin-left: 0px;
  margin-bottom: 3px;
  color: #666;
}

#guestCheckPreviewModal .modifier-line {
  display: flex;
  justify-content: space-between;
  margin-left: 20px;
  margin-bottom: 2px;
  font-size: 11px;
}

#guestCheckPreviewModal .modifier-message {
  font-style: italic;
  font-size: 10px;
  margin-left: 40px;
  margin-bottom: 3px;
  color: #666;
}

#guestCheckPreviewModal .guestcheck-totals {
  border-top: 1px dashed #333;
  padding-top: 5px;
  margin-bottom: 10px;
}

#guestCheckPreviewModal .total-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
}

#guestCheckPreviewModal .total-final {
  border-top: 1px solid #333;
  padding-top: 3px;
  margin-top: 5px;
  font-weight: bold;
}

#guestCheckPreviewModal .guestcheck-customer-info {
  margin-bottom: 10px;
}

#guestCheckPreviewModal .customer-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
  font-size: 11px;
}

#guestCheckPreviewModal .guestcheck-footer {
  margin-top: 10px;
}

#guestCheckPreviewModal .thank-you {
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
}

#guestCheckPreviewModal .date-issued {
  text-align: center;
  font-size: 10px;
  color: #666;
}

#guestCheckPreviewModal .amount {
  text-align: right;
}

#guestCheckPreviewModal .template-info {
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 5px;
}

#guestCheckPreviewModal .template-info h6 {
  margin-bottom: 15px;
  color: #495057;
  text-align: center;
  font-weight: 550;
}

#guestCheckPreviewModal .template-info .table {
  margin-bottom: 0;
}

#guestCheckPreviewModal .template-info .table td {
  border: none;
  padding: 5px 0;
  line-height: normal;
}

#guestCheckPreviewModal #modalStatus .badge {
  color: #000;
  font-size: 0.85em;
}

@media print {
  #guestCheckPreviewModal .modal-header,
  #guestCheckPreviewModal .modal-footer,
  #guestCheckPreviewModal .template-info {
    display: none !important;
  }

  #guestCheckPreviewModal .modal-body {
    padding: 0 !important;
  }

  #guestCheckPreviewModal .guestcheck-preview-container {
    background-color: white !important;
    padding: 0 !important;
  }

  #guestCheckPreviewModal .guestcheck-paper {
    box-shadow: none !important;
    border: none !important;
    width: 100% !important;
    max-width: 300px !important;
  }
}
#guestCheckPreviewModal .close {
  scale: 1.3;
  font-weight: 550;
  border-radius: 50%;
  background-color: #e0e0e0;
  width: 25px;
  height: 25px;
  line-height: 1.1;
}
#guestCheckPreviewModal .modal-header {
  background-color: #f0f0f0;
}

#guestCheckPreviewModal .double-dashed {
  position: relative;
  padding-top: 10px;
  margin-bottom: 5px;
}
#guestCheckPreviewModal .double-dashed::before,
#guestCheckPreviewModal .double-dashed::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px dashed #333;
}

#guestCheckPreviewModal .double-dashed::before {
  top: 0;
}

#guestCheckPreviewModal .double-dashed::after {
  top: 5px; /* Adjust spacing between lines */
}

#guestCheckPreviewModal .all-caps {
  text-transform: uppercase;
}

/* Create Guest Check Template Modal Styles */

#createGuestCheckTemplateModal .field-group {
  margin-bottom: 15px;
}

#createGuestCheckTemplateModal .field-group label {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
  color: #333;
}

#createGuestCheckTemplateModal .field-group input,
#createGuestCheckTemplateModal .field-group select,
#createGuestCheckTemplateModal .field-group textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  margin: 2px 0;
}

#createGuestCheckTemplateModal .field-group input:focus,
#createGuestCheckTemplateModal .field-group select:focus,
#createGuestCheckTemplateModal .field-group textarea:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#createGuestCheckTemplateModal .guestcheck-divider {
  text-align: center;
  margin: 20px 0;
  font-weight: bold;
  color: #666;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  padding: 10px 0;
}

#createGuestCheckTemplateModal .guestcheck-header,
#createGuestCheckTemplateModal .guestcheck-info,
#createGuestCheckTemplateModal .guestcheck-items,
#createGuestCheckTemplateModal .guestcheck-totals,
#createGuestCheckTemplateModal .guestcheck-footer {
  background-color: #f8f9fa;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
  border-left: 4px solid #007bff;
}

#createGuestCheckTemplateModal .guestcheck-header {
  border-left-color: #28a745;
}

#createGuestCheckTemplateModal .guestcheck-info {
  border-left-color: #17a2b8;
}

#createGuestCheckTemplateModal .guestcheck-items {
  border-left-color: #ffc107;
}

#createGuestCheckTemplateModal .guestcheck-totals {
  border-left-color: #dc3545;
}

#createGuestCheckTemplateModal .guestcheck-footer {
  border-left-color: #6c757d;
}

#createGuestCheckTemplateModal .modal-header {
  background-color: #f0f0f0;
}

#createGuestCheckTemplateModal .close {
  scale: 1.3;
  font-weight: 550;
  border-radius: 50%;
  background-color: #e0e0e0;
  width: 25px;
  height: 25px;
  line-height: 1.1;
}
#createGuestCheckTemplateModal .modal-body h5 {
  font-weight: 550;
  text-align: center;
}

#createGuestCheckTemplateModal .template-metadata {
  margin: 0;
  padding: 10px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  background: #f8f9fa;
  border-radius: 6px;
  box-shadow: 0 2px 8px #0001;
  border: 1px solid #000;
}

/* Create Kitchen Order Chit Template Modal Styles */

#createKitchenOrderChitTemplateModal .field-group {
  margin-bottom: 15px;
}

#createKitchenOrderChitTemplateModal .field-group label {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
  color: #333;
}

#createKitchenOrderChitTemplateModal .field-group input,
#createKitchenOrderChitTemplateModal .field-group select,
#createKitchenOrderChitTemplateModal .field-group textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  margin: 2px 0;
}

#createKitchenOrderChitTemplateModal .field-group input:focus,
#createKitchenOrderChitTemplateModal .field-group select:focus,
#createKitchenOrderChitTemplateModal .field-group textarea:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#createKitchenOrderChitTemplateModal .kitchenorderchit-divider {
  text-align: center;
  margin: 20px 0;
  font-weight: bold;
  color: #666;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  padding: 10px 0;
}

#createKitchenOrderChitTemplateModal .kitchenorderchit-header,
#createKitchenOrderChitTemplateModal .kitchenorderchit-info,
#createKitchenOrderChitTemplateModal .kitchenorderchit-items,
#createKitchenOrderChitTemplateModal .kitchenorderchit-totals,
#createKitchenOrderChitTemplateModal .kitchenorderchit-footer {
  background-color: #f8f9fa;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
  border-left: 4px solid #007bff;
}

#createKitchenOrderChitTemplateModal .kitchenorderchit-header {
  border-left-color: #28a745;
}

#createKitchenOrderChitTemplateModal .kitchenorderchit-info {
  border-left-color: #17a2b8;
}

#createKitchenOrderChitTemplateModal .kitchenorderchit-items {
  border-left-color: #ffc107;
}

#createKitchenOrderChitTemplateModal .kitchenorderchit-totals {
  border-left-color: #dc3545;
}

#createKitchenOrderChitTemplateModal .kitchenorderchit-footer {
  border-left-color: #6c757d;
}

#createKitchenOrderChitTemplateModal .modal-header {
  background-color: #f0f0f0;
}

#createKitchenOrderChitTemplateModal .close {
  scale: 1.3;
  font-weight: 550;
  border-radius: 50%;
  background-color: #e0e0e0;
  width: 25px;
  height: 25px;
  line-height: 1.1;
}
#createKitchenOrderChitTemplateModal .modal-body h5 {
  font-weight: 550;
  text-align: center;
}

#createKitchenOrderChitTemplateModal .template-metadata {
  margin: 0;
  padding: 10px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  background: #f8f9fa;
  border-radius: 6px;
  box-shadow: 0 2px 8px #0001;
  border: 1px solid #000;
}

/* Kitchen Order Chit Print Template Preview Styles */

#kitchenOrderChitPreviewModal .kitchenorderchit-preview-container {
  background-color: #f5f5f5;
  padding: 18px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
}

#kitchenOrderChitPreviewModal .kitchenorderchit-paper {
  background-color: white;
  width: 300px;
  padding: 18px;
  font-family: "Courier New", monospace;
  font-size: 12px;
  line-height: 1.4;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#kitchenOrderChitPreviewModal .kitchenorderchit-header {
  text-align: left;
  margin-bottom: 10px;
}

#kitchenOrderChitPreviewModal .printer-name {
  font-weight: normal;
  font-size: 1.125rem;
  margin-bottom: 5px;
  line-height: normal;
}

#kitchenOrderChitPreviewModal .company-address {
  font-size: 11px;
  margin-bottom: 10px;
}

#kitchenOrderChitPreviewModal .kitchenorderchit-divider {
  text-align: center;
  margin: 5px 0;
  font-weight: normal;
  font-size: 1rem;
  color: #dc3545;
}

#kitchenOrderChitPreviewModal .kitchenorderchit-seat {
  text-align: center;
  margin: 5px 0;
  font-weight: normal;
  font-size: 1rem;
}

#kitchenOrderChitPreviewModal .kitchenorderchit-info {
  margin-bottom: 5px;
  font-size: 14px;
}

#kitchenOrderChitPreviewModal .info-line {
  margin-bottom: 2px;
}

#kitchenOrderChitPreviewModal .kitchenorderchit-items {
  margin-bottom: 5px;
}

#kitchenOrderChitPreviewModal .seat-section {
  margin-bottom: 10px;
  border-left: 2px solid #eee;
  padding-left: 5px;
}

#kitchenOrderChitPreviewModal .seat-header {
  margin-bottom: 3px;
}

#kitchenOrderChitPreviewModal .resident-name {
  margin-bottom: 5px;
  font-size: 14px;
}

#kitchenOrderChitPreviewModal .item-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
}

#kitchenOrderChitPreviewModal .item-details {
  flex-grow: 1;
}

#kitchenOrderChitPreviewModal .item-qty {
  display: inline-block;
  width: 20px;
}

#kitchenOrderChitPreviewModal .item-message {
  font-style: italic;
  font-size: 14px;
  margin-left: 0px;
  margin-bottom: 3px;
  color: #666;
}

#kitchenOrderChitPreviewModal .modifier-line {
  display: flex;
  justify-content: space-between;
  margin-left: 20px;
  margin-bottom: 2px;
  font-size: 11px;
}

#kitchenOrderChitPreviewModal .modifier-message {
  font-style: italic;
  font-size: 14px;
  margin-left: 40px;
  margin-bottom: 3px;
  color: #666;
}

#kitchenOrderChitPreviewModal .kitchenorderchit-totals {
  border-top: 1px dashed #333;
  padding-top: 5px;
  margin-bottom: 10px;
}

#kitchenOrderChitPreviewModal .total-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
  font-size: 14px;
}

#kitchenOrderChitPreviewModal .total-final {
  border-top: 1px solid #333;
  padding-top: 3px;
  margin-top: 5px;
  font-weight: bold;
}

#kitchenOrderChitPreviewModal .kitchenorderchit-customer-info {
  margin-bottom: 10px;
}

#kitchenOrderChitPreviewModal .customer-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
  font-size: 12px;
}

#kitchenOrderChitPreviewModal .kitchenorderchit-footer {
  margin-top: 10px;
}

#kitchenOrderChitPreviewModal .thank-you {
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
}

#kitchenOrderChitPreviewModal .date-issued {
  text-align: center;
  font-size: 10px;
  color: #666;
}

#kitchenOrderChitPreviewModal .amount {
  text-align: right;
}

#kitchenOrderChitPreviewModal .template-info {
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 5px;
}

#kitchenOrderChitPreviewModal .template-info h6 {
  margin-bottom: 15px;
  color: #495057;
  text-align: center;
  font-weight: 550;
}

#kitchenOrderChitPreviewModal .template-info .table {
  margin-bottom: 0;
}

#kitchenOrderChitPreviewModal .template-info .table td {
  border: none;
  padding: 5px 0;
  line-height: normal;
}

#kitchenOrderChitPreviewModal #modalStatus .badge {
  color: #000;
  font-size: 0.85em;
}

@media print {
  #kitchenOrderChitPreviewModal .modal-header,
  #kitchenOrderChitPreviewModal .modal-footer,
  #kitchenOrderChitPreviewModal .template-info {
    display: none !important;
  }

  #kitchenOrderChitPreviewModal .modal-body {
    padding: 0 !important;
  }

  #kitchenOrderChitPreviewModal .kitchenorderchit-preview-container {
    background-color: white !important;
    padding: 0 !important;
  }

  #kitchenOrderChitPreviewModal .kitchenorderchit-paper {
    box-shadow: none !important;
    border: none !important;
    width: 100% !important;
    max-width: 300px !important;
  }
}
#kitchenOrderChitPreviewModal .close {
  scale: 1.3;
  font-weight: 550;
  border-radius: 50%;
  background-color: #e0e0e0;
  width: 25px;
  height: 25px;
  line-height: 1.1;
}
#kitchenOrderChitPreviewModal .modal-header {
  background-color: #f0f0f0;
}

#kitchenOrderChitPreviewModal .double-dashed {
  position: relative;
  padding-top: 10px;
  margin-bottom: 5px;
}
#kitchenOrderChitPreviewModal .double-dashed::before,
#kitchenOrderChitPreviewModal .double-dashed::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px dashed #333;
}

#kitchenOrderChitPreviewModal .double-dashed::before {
  top: 0;
}

#kitchenOrderChitPreviewModal .double-dashed::after {
  top: 5px; /* Adjust spacing between lines */
}

#kitchenOrderChitPreviewModal .single-dashed {
  position: relative;
  padding-bottom: 5px;
  margin-top: 10px;
}
#kitchenOrderChitPreviewModal .single-dashed::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px dashed #333;
}

#kitchenOrderChitPreviewModal .single-dashed::before {
  top: 0;
}

#kitchenOrderChitPreviewModal .all-caps {
  text-transform: uppercase;
}

#addRemoveItemBtns {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
}

#addRemoveGuestCheckItemBtns {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
}


/* Start Customer Account Statements */

/* ===== Loader Overlay (full-screen, fixed, centered, responsive) ===== */
.loader-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none; /* shown via JS */
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.4);
    padding: env(safe-area-inset-top) 16px env(safe-area-inset-bottom) 16px;
    pointer-events: all;
}

/* Put the cancel-confirm modal ABOVE the overlay */
#cancelConfirmModal {
    z-index: 11000;
}

/* And its backdrop just below the modal but above overlay */
.modal-backdrop.cancel-confirm-backdrop {
    z-index: 10990 !important;
}

body.loader-open {
    overflow: hidden;
}

.loader-timer {
    width: 100%;
    max-width: 420px;
    background: #fff;
    color: #111;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.25);
    padding: 20px 24px;
    text-align: center;
}

    .loader-timer .si-icon img {
        max-width: 160px;
        max-height: 56px;
        width: auto;
        height: auto;
        object-fit: contain;
        margin: 0 auto 8px;
        display: block;
    }

    .loader-timer .loadder-wrap {
        font-size: 14px;
        line-height: 1.4;
        margin: 4px 0 6px;
        word-break: break-word;
    }

    .loader-timer .progress {
        height: 8px;
        background: #e9ecef;
        border-radius: 999px;
        overflow: hidden;
        margin-top: 8px;
    }

    .loader-timer .progress-bar {
        width: 0%;
        height: 100%;
        background: #4a90e2;
        transition: width .25s ease;
    }

    .loader-timer .message {
        margin-top: 8px;
        font-size: 14px;
    }

    .loader-timer .cancel-export {
        margin-top: 10px;
    }

@media (max-width: 480px) {
    .loader-timer {
        max-width: 90vw;
        padding: 16px;
        border-radius: 10px;
    }

        .loader-timer .message, .loader-timer .loadder-wrap {
            font-size: 13px;
        }

        .loader-timer .progress {
            height: 6px;
        }
}

@media (prefers-reduced-motion: reduce) {
    .loader-timer .progress-bar {
        transition: none;
    }
}

/* Tooltip Patch for Resident Fields Meal Plan Status */

.customer-resident-tab .tooltip-sync {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 80%;
}
.customer-resident-tab .tooltip-sync .k-tooltip-content {
  top: -.125rem;
  max-width: 90vw; /* Limits width to 90% of the viewport */
  width: fit-content;
  font-size: 12px;
  line-height: 1.2;
  font-weight: normal;
  padding: .5rem;
  background-color: #0078d7;
  visibility: hidden;
  color: #fff;
  border-radius: 6px;
  position: absolute;
  z-index: 6;
  transform: translateX(15%);
  opacity: 0;
  transition: opacity 0.3s;
  word-wrap: break-word;
  box-sizing: border-box;
}

.customer-resident-tab .tooltip-sync:hover .k-tooltip-content {
  visibility: visible;
  opacity: 1;
} 
.customer-resident-tab .mealplan-status {
  margin-top: 1rem;
}
/* @media only screen and (max-width: 575px) {
  .customer-resident-tab .tooltip-sync .k-tooltip-content {
    width: calc(100%);
  }
} */