/* colores */
:root {
  background-color: #FAFAFA!important;
  --toolbar-height: 60px;
  --default-top-padding: 24px;
  --default-bottom-padding: calc(60px + 70px + 24px);
  --inner-height: 100%; }

.bottom-nav {
  border-top: 1px solid #DDDDDD !important;
  background: #FEFEFE65 !important; }

.bottom-nav__destination {
  color: #666666 !important; }

.bottom-nav__destination--active {
  color: #0c4d94 !important; }

.square-icon {
  background-color: #0c4d94;
  color: #FFFFFF; }

.app-module-title {
  color: #111111; }

.app-module-subtitle {
  color: rgba(0, 0, 0, 0.5); }

.glance-card-theme-color {
  background: #FFFFFF70;
  color: #000000; }

.card-theme-color {
  background-color: #FFFFFF;
  color: #111111; }

.card-theme-border-color {
  border: 1px solid #dddddd!important; }

.theme-shadow {
  will-change: filter;
  filter: drop-shadow(1px 0 12px #DDDDDD); }

.mat-toolbar.mat-primary {
  background: #FFFFFF75 !important;
  border-bottom: 1px solid #DDDDDD;
  color: #111111; }

.mat-toolbar.mat-primary .material-symbols-rounded {
  color: #111111!important;
}

.mat-divider {
  color: #CCCCCC75 !important; }

.mat-menu-item {
  color: rgba(0, 0, 0, 0.75); }

.mat-drawer {
  background-color: rgba(224, 224, 224, 0.6) !important; }

.mat-menu-panel {
  background: #FEFEFE65 !important; }

.mat-select-panel:not([class*=mat-elevation-z]) {
  background: rgba(255, 255, 255, 0.7) !important; }

.mat-select-panel .mat-optgroup-label, .mat-select-panel .mat-option {
  color: #000000; }

mat-row, mat-header-row, mat-footer-row {
  border-bottom-color: #33333325; }

.mat-divider {
  color: #33333335 !important;
}

.mat-header-cell {
  color: #666666; }

.mat-dialog-container {
  background: #FFFFFF85 !important;
  color: #111111; }

.mat-form-field-appearance-legacy
.mat-form-field-flex {
  background: #FAFAFA!important;
  border: 2px solid #DDDDDD;
  color: rgba(0, 0, 0, 0.75); }

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: #00000030; }

.mat-select-value {
  color: #111111; }

.mat-select-arrow {
  border-left: 2px solid #333333 !important;
  border-bottom: 2px solid #333333 !important; }

.mat-elevation-z4 {
  will-change: filter;
  box-shadow: none !important;
  filter: drop-shadow(1px 0 12px rgba(0, 0, 0, 0.4)); }

.mat-bottom-sheet-container {
  background: #FFFFFF95; }

.mat-datepicker-content {
  background: #FFFFFF75!important;
  color: #222222!important;
}

.mat-calendar-body-cell-content {
  border-color: #ABABAB;
}

.mat-nav-list
.mat-list-item :hover {
  color: #0c4d94;
  background: #0c4d9420; }

.mat-subheader {
  color: rgba(0, 0, 0, 0.5) !important; }

.mat-menu-item .material-symbols-rounded,
.mat-menu-item .material-symbols-sharp {
  background: #0c4d94;
  /*background: linear-gradient(115deg, #2299fa 25%, #0c4d94 100%);*/
  color: #FFFFFF !important; }

.mat-checkbox-label {
  color: #111111 !important; }

.mat-checkbox-inner-container {
  border: 1px solid #333333 !important;
  border-radius: 4px; }

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  color: white;
  background: #0c4d94;
  /*background: linear-gradient(115deg, #2299fa 25%, #0c4d94 100%);*/
}
  .mat-menu-item:hover:not([disabled]) .mat-icon:not([color]),
  .mat-menu-item:hover:not([disabled]) .mat-menu-item-submenu-trigger::after,
  .mat-menu-item.cdk-program-focused:not([disabled]) .mat-icon:not([color]),
  .mat-menu-item.cdk-program-focused:not([disabled]) .mat-menu-item-submenu-trigger::after,
  .mat-menu-item.cdk-keyboard-focused:not([disabled]) .mat-icon:not([color]),
  .mat-menu-item.cdk-keyboard-focused:not([disabled]) .mat-menu-item-submenu-trigger::after,
  .mat-menu-item-highlighted:not([disabled]) .mat-icon:not([color]),
  .mat-menu-item-highlighted:not([disabled]) .mat-menu-item-submenu-trigger::after {
    color: white; }
  .mat-menu-item:hover:not([disabled]) .material-symbols-rounded,
  .mat-menu-item:hover:not([disabled]) .material-symbols-sharp,
  .mat-menu-item.cdk-program-focused:not([disabled]) .material-symbols-rounded,
  .mat-menu-item.cdk-program-focused:not([disabled]) .material-symbols-sharp,
  .mat-menu-item.cdk-keyboard-focused:not([disabled]) .material-symbols-rounded,
  .mat-menu-item.cdk-keyboard-focused:not([disabled]) .material-symbols-sharp,
  .mat-menu-item-highlighted:not([disabled]) .material-symbols-rounded,
  .mat-menu-item-highlighted:not([disabled]) .material-symbols-sharp {
    background: #FFFFFF50;
    color: #FFFFFF !important; }
  .mat-menu-item:hover:not([disabled]) .mat-tab-label-content,
  .mat-menu-item.cdk-program-focused:not([disabled]) .mat-tab-label-content,
  .mat-menu-item.cdk-keyboard-focused:not([disabled]) .mat-tab-label-content,
  .mat-menu-item-highlighted:not([disabled]) .mat-tab-label-content {
    text-transform: unset !important; }

.mat-tab-label.mat-tab-label-active:not(.mat-tab-disabled),
.mat-tab-label.mat-tab-label-active.cdk-keyboard-focused:not(.mat-tab-disabled) {
  background-color: #FFFFFF;
  color: #000000; }

.mat-paginator, .mat-paginator-page-size .mat-select-trigger {
  color: #333333 !important; }

.mat-paginator-icon {
  fill: #333333; }

.mat-tab-labels {
  background-color: #efefef;
  border: 1px solid #cccccc;
}

.mat-tab-label, .mat-tab-link {
  color: #333333; }

.mat-tab-header-pagination {
  color: #333333; }

.x-small-label {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5); }

.small-label {
  color: rgba(0, 0, 0, 0.5); }

.medium-label {
  color: #333333; }

.x-small-text {
  font-size: 12px;
  color: #111111; }

.small-text {
  color: #111111; }

.medium-text {
  color: #111111; }

.large-text {
  color: #111111; }

.accent-color {
  color: #0c4d94; }

.accent-red-color {
  color: #fa0025; }

.gradient-accent-color {
  background-image: linear-gradient(90deg, #0c4d94 35%, #fa0025 100%); }

.link-action-btn {
  background-color: #EFEFEF;
  color: #0c4d94;
  /*border: 1px solid #0c4d94!important;*/ }

.attenuated-accent-primary-btn {
  background: #0c4d9415;
  color: #0c4c94; }

.accent-border-color {
  border-color: #0c4d94;
}

.attenuated-accent-red-btn {
  background: #cf152015;
  color: #cf1520; }

.x-small-accent {
  font-size: 12px;
  background: transparent;
  color: #0c4d94; }

.small-accent {
  font-size: 14px;
  background: transparent;
  color: #0c4d94; }

.cart-bottom {
  background: linear-gradient(0deg, white 0%, white 25%, white 50%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 0) 100%); }

.order-brand-icon-container img {
  will-change: filter;
  filter: unset; }

.header-pill {
  background: #0c4d9410;
  color: #0c4d94;
}

.cmx-mark {
  background-image: url('../img/caliwallet_modern_background_4.svg');
}