/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/olvpay-merchant-portal-ui/src/styles.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
mat-calendar.mat-calendar .mat-calendar-header {
  padding: 8px 15px;
}
mat-calendar.mat-calendar .mat-calendar-header .mat-calendar-controls {
  margin: 0px 0px 5px 0px;
}
mat-calendar.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-mdc-icon-button {
  transition: all 0.3s ease;
}
mat-calendar.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-mdc-icon-button:hover:not(.mat-mdc-button-disabled) {
  background-color: #d0d0d0;
}
mat-calendar.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-disabled {
  opacity: 0.6;
}
mat-calendar.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button {
  transition: all 0.3s ease;
}
mat-calendar.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button:hover {
  border-radius: 50px;
  background-color: #d0d0d0;
}
mat-calendar.mat-calendar .mat-calendar-content {
  padding: 0px 20px;
}
mat-calendar.mat-calendar .mat-calendar-content .mat-calendar-body-cell.in-range .mat-calendar-body-cell-content {
  background: #e6f7f4;
}
mat-calendar.mat-calendar .mat-calendar-content .mat-calendar-body-cell.range-start .mat-calendar-body-cell-content,
mat-calendar.mat-calendar .mat-calendar-content .mat-calendar-body-cell.range-end .mat-calendar-body-cell-content {
  background: #00b9a4;
  color: #fff;
}
mat-calendar.mat-calendar .mat-calendar-content .mat-calendar-body-cell.mat-calendar-body-disabled .mat-calendar-body-cell-content {
  opacity: 0.6;
}
mat-calendar.mat-calendar .mat-calendar-content .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border: 1px solid #00b9a4;
  color: #222222;
}
mat-calendar.mat-calendar .mat-calendar-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled) {
  transition: all 0.3s ease;
}
mat-calendar.mat-calendar .mat-calendar-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content {
  background-color: #d0d0d0;
  border: 1px solid #d0d0d0;
}

/* Global Resets */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* Prevent body scrolling */
  font-family: Roboto, "Helvetica Neue", sans-serif; /* Ensure consistent font */
}

app-root {
  display: block;
  height: 100%;
}

.merchant-dialog-container .mat-mdc-dialog-container {
  padding: 0;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.mat-mdc-menu-panel.custom-menu-panel {
  max-width: none !important;
  width: 350px !important;
  height: 540px !important;
  background-color: #fff !important;
  padding: 25px 20px !important;
  border-radius: 16px !important;
}

.mat-mdc-menu-panel.custom-date-panel {
  max-width: none !important;
  width: 400px !important;
  background-color: #fff !important;
  padding: 25px 20px !important;
  border-radius: 16px !important;
}

.mat-mdc-menu-panel.notification-menu {
  background-color: #fff !important;
  max-width: none !important;
}

.mat-mdc-menu-panel.system-health-menu {
  background-color: #fff !important;
  max-width: none !important;
  width: 450px !important;
}

.tabs {
  display: flex;
  background-color: transparent;
  position: relative;
  margin-bottom: 0;
  z-index: 0;
  padding: 5px 5px 0 5px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: visible;
}
.tabs .tab {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  margin-right: 5px;
  position: relative;
  transition: color 0.2s ease;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.tabs .tab .tab-icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #757575;
  margin-right: 8px;
  transition: background-color 0.2s ease;
}
.tabs .tab .tab-text {
  position: relative;
}
.tabs .tab .tab-text::after {
  content: attr(data-text);
  font-weight: 600;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  display: block;
}
.tabs .tab.active {
  background-color: #e4f2f0;
  color: #00a389;
  font-weight: 600;
}
.tabs .tab.active .tab-icon {
  background-color: #00a389;
}
.tabs .tab:hover:not(.active) {
  color: #333;
}

.tab-content {
  padding: 10px;
  background-color: #e4f2f0;
  border-radius: 0 8px 8px 8px;
  position: relative;
  z-index: 0;
  margin-top: -1px;
  margin-left: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.sidebar-open {
  margin-right: 303px;
}

.tab-title {
  font-size: 18px;
  margin: 0 0 24px 0;
  height: 22px;
}

.inner-tab-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #2a2a2a;
}

.filter-button {
  display: flex;
  align-items: center;
  padding: 9px 20px !important;
  background: #ffffff;
  border-radius: 1000px;
  border: none;
  font-size: 13px;
  box-shadow: 0px 2px 4px rgba(148, 148, 148, 0.25);
  cursor: pointer;
  min-width: 100px;
  justify-content: space-between;
  transition: box-shadow 0.3s ease;
  height: 33px;
}
.filter-button:hover {
  box-shadow: 0px 4px 8px rgba(148, 148, 148, 0.35);
}
.filter-button span {
  font-size: 13px;
}
.filter-button .filter-icon {
  width: 16px;
  height: 14px;
  filter: brightness(0) saturate(100%);
}
.filter-button .clear-icon {
  width: 10px;
  margin-left: 2px;
  filter: brightness(0) saturate(100%);
}

.filter-button .icon {
  margin-left: 8px;
  width: 11px;
  height: 6px;
  transition: transform 0.3s ease;
}

.filter-button.filters-applied {
  background-color: #cfe9e6;
}

.add-create-btn,
.export-button {
  background-color: #00b9a4 !important;
  color: white !important;
  border: none !important;
  border-radius: 20px !important;
  height: 33px !important;
  padding: 8px 16px !important;
  margin-right: 50px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
}
.add-create-btn mat-icon,
.export-button mat-icon {
  margin-right: 4px !important;
  font-size: 18px !important;
  vertical-align: middle !important;
  height: 18px !important;
  width: 18px !important;
}
.add-create-btn .icon,
.export-button .icon {
  width: 10px;
  height: 12px;
  filter: brightness(0) invert(1);
}
.add-create-btn span,
.export-button span {
  font-weight: 500;
  font-size: 13px;
}
.add-create-btn:disabled,
.export-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.add-create-btn:hover,
.export-button:hover {
  background-color: #00877a !important;
}

.mat-mdc-tooltip {
  position: relative;
  background: #757575 !important;
  color: #ffffff !important;
  padding: 3px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  max-width: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

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