/**********************************************************************************************
                                          THEME KEBSYS
***********************************************************************************************/
/*******************/
/***** WIDGETS *****/
/*******************/
/*****************/
/***** ALERT *****/
/*****************/
/*****************/
/***** LIGHT *****/
/*****************/
.mat-mdc-raised-button {
  background: #d3dae4;
  color: #1e293b;
}
.mat-mdc-raised-button .mat-mdc-button-ripple .mat-ripple-element {
  background: rgba(30, 41, 59, 0.1);
}

.mat-mdc-fab:not([class*=mat-elevation-z]),
.mat-mdc-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.mat-mdc-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.mat-mdc-button {
  background: none;
  color: #1e293b;
}
.mat-mdc-button .mat-mdc-button-ripple .mat-ripple-element {
  background: #1e293b;
}

.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  background: #2563eb;
  color: #ffffff;
}
.mat-mdc-unelevated-button.mat-primary .mat-mdc-button-ripple .mat-ripple-element,
.mat-mdc-raised-button.mat-primary .mat-mdc-button-ripple .mat-ripple-element,
.mat-mdc-fab.mat-primary .mat-mdc-button-ripple .mat-ripple-element,
.mat-mdc-mini-fab.mat-primary .mat-mdc-button-ripple .mat-ripple-element {
  background: rgba(255, 255, 255, 0.1);
}

.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  background: #f97316;
  color: #ffffff;
}
.mat-mdc-unelevated-button.mat-accent .mat-mdc-button-ripple .mat-ripple-element,
.mat-mdc-raised-button.mat-accent .mat-mdc-button-ripple .mat-ripple-element,
.mat-mdc-fab.mat-accent .mat-mdc-button-ripple .mat-ripple-element,
.mat-mdc-mini-fab.mat-accent .mat-mdc-button-ripple .mat-ripple-element {
  background: rgba(255, 255, 255, 0.1);
}

.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  background: #ef4444;
  color: #ffffff;
}
.mat-mdc-unelevated-button.mat-warn .mat-mdc-button-ripple .mat-ripple-element,
.mat-mdc-raised-button.mat-warn .mat-mdc-button-ripple .mat-ripple-element,
.mat-mdc-fab.mat-warn .mat-mdc-button-ripple .mat-ripple-element,
.mat-mdc-mini-fab.mat-warn .mat-mdc-button-ripple .mat-ripple-element {
  background: rgba(255, 255, 255, 0.1);
}

.mat-mdc-unelevated-button[disabled],
.mat-mdc-raised-button[disabled],
.mat-mdc-fab[disabled],
.mat-mdc-mini-fab[disabled] {
  background: #d3dae4 !important;
  color: #8893a4 !important;
  border: 1px solid #cdd5e0 !important;
  box-shadow: none !important;
}

.mat-mdc-card {
  background: #f0f4f8;
  color: #1e293b;
}

.mat-mdc-card-title {
  color: #1e293b;
}

.mat-mdc-card-subtitle {
  color: #1e293b;
}

.mat-mdc-checkbox .mdc-checkbox__background {
  border-color: #cbd5e1 !important;
}
.mat-mdc-checkbox .mdc-label,
.mat-mdc-checkbox label {
  color: #1e293b !important;
}
.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
  background: #2563eb;
}
.mat-mdc-checkbox.mat-primary.mat-mdc-checkbox-checked .mdc-checkbox__background {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
}
.mat-mdc-checkbox.mat-accent.mat-mdc-checkbox-checked .mdc-checkbox__background {
  background-color: #f97316 !important;
  border-color: #f97316 !important;
}
.mat-mdc-checkbox.mat-warn.mat-mdc-checkbox-checked .mdc-checkbox__background {
  background-color: #ef4444 !important;
  border-color: #ef4444 !important;
}
.mat-mdc-checkbox .mdc-checkbox__checkmark {
  color: #fff !important;
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled .mdc-label, .mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: #64748b !important;
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled .mdc-checkbox__background {
  border-color: #cdd5e0 !important;
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled.mat-mdc-checkbox-checked .mdc-checkbox__background {
  background-color: #dde3ec !important;
}

.mat-datepicker-content,
.mat-mdc-datepicker-content {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  background: #ffffff !important;
  color: #1e293b !important;
}
.mat-datepicker-content .mat-calendar,
.mat-datepicker-content .mat-mdc-calendar,
.mat-mdc-datepicker-content .mat-calendar,
.mat-mdc-datepicker-content .mat-mdc-calendar {
  background: #ffffff !important;
  color: #1e293b !important;
}
.mat-datepicker-content .mat-calendar-period-button,
.mat-datepicker-content .mat-mdc-button,
.mat-mdc-datepicker-content .mat-calendar-period-button,
.mat-mdc-datepicker-content .mat-mdc-button {
  color: #1e293b !important;
}
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-content .mat-mdc-icon-button,
.mat-mdc-datepicker-content .mat-calendar-next-button,
.mat-mdc-datepicker-content .mat-calendar-previous-button,
.mat-mdc-datepicker-content .mat-mdc-icon-button {
  color: #1e293b !important;
}
.mat-datepicker-content .mat-calendar-next-button svg,
.mat-datepicker-content .mat-calendar-previous-button svg,
.mat-datepicker-content .mat-mdc-icon-button svg,
.mat-mdc-datepicker-content .mat-calendar-next-button svg,
.mat-mdc-datepicker-content .mat-calendar-previous-button svg,
.mat-mdc-datepicker-content .mat-mdc-icon-button svg {
  fill: #1e293b !important;
}
.mat-datepicker-content .mat-calendar-next-button .mat-mdc-button-persistent-ripple,
.mat-datepicker-content .mat-calendar-next-button .mat-icon,
.mat-datepicker-content .mat-calendar-previous-button .mat-mdc-button-persistent-ripple,
.mat-datepicker-content .mat-calendar-previous-button .mat-icon,
.mat-datepicker-content .mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.mat-datepicker-content .mat-mdc-icon-button .mat-icon,
.mat-mdc-datepicker-content .mat-calendar-next-button .mat-mdc-button-persistent-ripple,
.mat-mdc-datepicker-content .mat-calendar-next-button .mat-icon,
.mat-mdc-datepicker-content .mat-calendar-previous-button .mat-mdc-button-persistent-ripple,
.mat-mdc-datepicker-content .mat-calendar-previous-button .mat-icon,
.mat-mdc-datepicker-content .mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.mat-mdc-datepicker-content .mat-mdc-icon-button .mat-icon {
  color: #1e293b !important;
}
.mat-datepicker-content .mat-mdc-button-touch-target,
.mat-mdc-datepicker-content .mat-mdc-button-touch-target {
  color: inherit !important;
}
.mat-datepicker-content .mat-calendar-table-header,
.mat-datepicker-content .mat-calendar-table-header th,
.mat-datepicker-content .mat-calendar-table-header-divider,
.mat-mdc-datepicker-content .mat-calendar-table-header,
.mat-mdc-datepicker-content .mat-calendar-table-header th,
.mat-mdc-datepicker-content .mat-calendar-table-header-divider {
  color: #475569 !important;
}
.mat-datepicker-content .mat-calendar-table-header-divider::after,
.mat-mdc-datepicker-content .mat-calendar-table-header-divider::after {
  background: #cbd5e1 !important;
}
.mat-datepicker-content .mat-calendar-arrow,
.mat-mdc-datepicker-content .mat-calendar-arrow {
  fill: #1e293b !important;
  border-top-color: #1e293b !important;
}
.mat-datepicker-content .mat-calendar-body-label,
.mat-mdc-datepicker-content .mat-calendar-body-label {
  color: #475569 !important;
}
.mat-datepicker-content .mat-calendar-body-cell,
.mat-datepicker-content .mat-calendar-body-cell-content,
.mat-mdc-datepicker-content .mat-calendar-body-cell,
.mat-mdc-datepicker-content .mat-calendar-body-cell-content {
  color: #1e293b !important;
}
.mat-datepicker-content .mat-calendar-body-today:not(.mat-calendar-body-selected),
.mat-mdc-datepicker-content .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: #475569 !important;
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-mdc-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background: rgba(30, 41, 59, 0.1) !important;
}
.mat-datepicker-content.mat-primary .mat-calendar-body-selected,
.mat-mdc-datepicker-content.mat-primary .mat-calendar-body-selected {
  background: #2563eb !important;
  color: #ffffff !important;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected,
.mat-mdc-datepicker-content.mat-accent .mat-calendar-body-selected {
  background: #f97316 !important;
  color: #ffffff !important;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected,
.mat-mdc-datepicker-content.mat-warn .mat-calendar-body-selected {
  background: #ef4444 !important;
  color: #ffffff !important;
}
.mat-datepicker-content .mat-calendar-body-disabled > .mat-calendar-body-cell-content,
.mat-mdc-datepicker-content .mat-calendar-body-disabled > .mat-calendar-body-cell-content {
  color: #64748b !important;
}

.mat-datepicker-toggle,
.mat-mdc-datepicker-toggle {
  color: #1e293b !important;
}
.mat-datepicker-toggle .mat-mdc-icon-button,
.mat-mdc-datepicker-toggle .mat-mdc-icon-button {
  color: #1e293b !important;
}
.mat-datepicker-toggle .mat-mdc-icon-button svg,
.mat-mdc-datepicker-toggle .mat-mdc-icon-button svg {
  fill: #1e293b !important;
}

.mat-date-range-input-separator {
  color: #1e293b !important;
}

.mat-divider {
  border-top-color: #cbd5e1;
}

.mat-expansion-panel {
  background: #f0f4f8;
  color: #1e293b;
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.06);
}

.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: #1e293b;
}

.mat-expansion-panel-header .mat-content {
  color: #1e293b;
}

input {
  caret-color: #1e293b !important;
}

.mat-mdc-form-field-hint,
.mat-hint {
  color: #64748b;
}

/***************************************************************************************************
                            MDC FORM FIELD - ANGULAR MATERIAL 18+
****************************************************************************************************/
.mat-mdc-form-field.mat-focused .mdc-floating-label {
  color: #2563eb !important;
}
.mat-mdc-form-field .mat-mdc-input-element,
.mat-mdc-form-field input.mat-mdc-input-element,
.mat-mdc-form-field textarea.mat-mdc-input-element {
  color: #1e293b !important;
}
.mat-mdc-form-field .mat-mdc-input-element::placeholder {
  color: #475569 !important;
  opacity: 0.7;
}
.mat-mdc-form-field .mdc-floating-label,
.mat-mdc-form-field .mat-mdc-floating-label {
  color: #475569 !important;
}
.mat-mdc-form-field .mdc-text-field--filled {
  background-color: #e8edf3 !important;
}
.mat-mdc-form-field .mdc-text-field--filled .mdc-line-ripple::before {
  border-bottom-color: #cbd5e1 !important;
}
.mat-mdc-form-field .mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: #2563eb !important;
}
.mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #e8edf3 !important;
}
.mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled):hover {
  background-color: #e8edf3 !important;
}
.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__leading,
.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__notch,
.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing {
  border-color: #cbd5e1 !important;
}
.mat-mdc-form-field .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #2563eb !important;
}
.mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__leading,
.mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__notch,
.mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__trailing {
  border-color: #1e293b !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mdc-floating-label,
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-floating-label, .mat-mdc-form-field.mat-mdc-form-field-disabled .mdc-floating-label,
.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-mdc-floating-label {
  color: #94a3b8 !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element, .mat-mdc-form-field.mat-mdc-form-field-disabled .mat-mdc-input-element {
  color: #64748b !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--filled, .mat-mdc-form-field.mat-mdc-form-field-disabled .mdc-text-field--filled {
  background-color: #dde3ec !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--filled .mdc-line-ripple::before, .mat-mdc-form-field.mat-mdc-form-field-disabled .mdc-text-field--filled .mdc-line-ripple::before {
  border-bottom-color: #cdd5e0 !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline__trailing, .mat-mdc-form-field.mat-mdc-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-mdc-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-mdc-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline__trailing {
  border-color: #cdd5e0 !important;
}

.mat-mdc-icon-button {
  color: #1e293b;
}
.mat-mdc-icon-button .mat-mdc-button-ripple .mat-ripple-element {
  background: #1e293b;
}
.mat-mdc-icon-button.mat-primary, .mat-mdc-icon-button.mat-primary i {
  color: #2563eb;
}
.mat-mdc-icon-button.mat-accent, .mat-mdc-icon-button.mat-accent i {
  color: #f97316;
}
.mat-mdc-icon-button.mat-warn, .mat-mdc-icon-button.mat-warn i {
  color: #ef4444;
}
.mat-mdc-icon-button[disabled], .mat-mdc-icon-button[disabled] i {
  color: #64748b;
}

.mat-icon-button {
  color: #1e293b;
}
.mat-icon-button .mat-ripple-element {
  background: #1e293b;
}
.mat-icon-button.mat-primary, .mat-icon-button.mat-primary i {
  color: #2563eb;
}
.mat-icon-button.mat-accent, .mat-icon-button.mat-accent i {
  color: #f97316;
}
.mat-icon-button.mat-warn, .mat-icon-button.mat-warn i {
  color: #ef4444;
}
.mat-icon-button[disabled], .mat-icon-button[disabled] i {
  color: #64748b;
}

.mat-mdc-menu-panel {
  background: #ffffff !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 4px 0 !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  color: #1e293b !important;
  font-size: 0.875rem;
  min-height: 40px;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  color: inherit;
  font-size: inherit;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover:not([disabled]) {
  background: rgba(30, 41, 59, 0.1) !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-ripple .mat-ripple-element {
  background: rgba(30, 41, 59, 0.1);
}

.mat-mdc-radio-button .mdc-radio__outer-circle {
  border-color: #cbd5e1 !important;
}
.mat-mdc-radio-button .mdc-label,
.mat-mdc-radio-button label {
  color: #1e293b !important;
}
.mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: #2563eb !important;
}
.mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mdc-radio__inner-circle {
  border-color: #2563eb !important;
}
.mat-mdc-radio-button.mat-accent.mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: #f97316 !important;
}
.mat-mdc-radio-button.mat-accent.mat-mdc-radio-checked .mdc-radio__inner-circle {
  border-color: #f97316 !important;
}
.mat-mdc-radio-button.mat-warn.mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: #ef4444 !important;
}
.mat-mdc-radio-button.mat-warn.mat-mdc-radio-checked .mdc-radio__inner-circle {
  border-color: #ef4444 !important;
}
.mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-radio__outer-circle {
  border-color: #cdd5e0 !important;
}
.mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-radio__inner-circle {
  border-color: #64748b !important;
}
.mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-label, .mat-mdc-radio-button.mat-mdc-radio-disabled label {
  color: #64748b !important;
}

.mat-mdc-select .mat-mdc-select-value {
  color: #1e293b !important;
}
.mat-mdc-select .mat-mdc-select-arrow {
  color: #1e293b !important;
}
.mat-mdc-select .mat-mdc-select-arrow svg {
  fill: #1e293b !important;
}
.mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  color: #1e293b !important;
  border-top-color: #1e293b !important;
}
.mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-value,
.mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
  color: #64748b !important;
}
.mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-value svg,
.mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow svg {
  fill: #64748b !important;
}

.mat-mdc-select-panel {
  background: #ffffff !important;
}
.mat-mdc-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
}
.mat-mdc-select-panel .mat-mdc-option {
  color: #1e293b !important;
}
.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text {
  color: inherit !important;
}
.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled), .mat-mdc-select-panel .mat-mdc-option:focus:not(.mdc-list-item--disabled) {
  background: rgba(30, 41, 59, 0.1) !important;
}
.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected, .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active {
  background: rgba(249, 115, 22, 0.18) !important;
}
.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active .mdc-list-item__primary-text {
  color: #f97316 !important;
}

.mat-mdc-autocomplete-panel {
  background: #ffffff !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
}
.mat-mdc-autocomplete-panel .mat-mdc-option {
  color: #1e293b !important;
}
.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  background: rgba(30, 41, 59, 0.1) !important;
}

/***************************************************************************************************
                            MDC SLIDE TOGGLE - ANGULAR MATERIAL 18+
****************************************************************************************************/
.mat-mdc-slide-toggle {
  color: #1e293b !important;
}
.mat-mdc-slide-toggle .mdc-label,
.mat-mdc-slide-toggle .mdc-form-field > label,
.mat-mdc-slide-toggle .mat-mdc-slide-toggle-content,
.mat-mdc-slide-toggle label {
  color: #1e293b !important;
}
.mat-mdc-slide-toggle .mdc-switch__icons,
.mat-mdc-slide-toggle .mdc-form-field {
  color: #1e293b !important;
}
.mat-mdc-slide-toggle .mdc-switch__track {
  background-color: #cbd5e1 !important;
}
.mat-mdc-slide-toggle .mdc-switch__handle::after {
  background-color: #1e293b !important;
}
.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__track {
  background-color: rgba(37, 99, 235, 0.5) !important;
}
.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__handle::after {
  background-color: #2563eb !important;
}
.mat-mdc-slide-toggle.mat-accent.mat-mdc-slide-toggle-checked .mdc-switch__track {
  background-color: rgba(249, 115, 22, 0.5) !important;
}
.mat-mdc-slide-toggle.mat-accent.mat-mdc-slide-toggle-checked .mdc-switch__handle::after {
  background-color: #f97316 !important;
}
.mat-mdc-slide-toggle.mat-warn.mat-mdc-slide-toggle-checked .mdc-switch__track {
  background-color: rgba(239, 68, 68, 0.5) !important;
}
.mat-mdc-slide-toggle.mat-warn.mat-mdc-slide-toggle-checked .mdc-switch__handle::after {
  background-color: #ef4444 !important;
}
.mat-mdc-slide-toggle.mat-mdc-slide-toggle-disabled, .mat-mdc-slide-toggle.mdc-switch--disabled {
  opacity: 1 !important;
}
.mat-mdc-slide-toggle.mat-mdc-slide-toggle-disabled .mdc-label,
.mat-mdc-slide-toggle.mat-mdc-slide-toggle-disabled label, .mat-mdc-slide-toggle.mdc-switch--disabled .mdc-label,
.mat-mdc-slide-toggle.mdc-switch--disabled label {
  color: #64748b !important;
}
.mat-mdc-slide-toggle.mat-mdc-slide-toggle-disabled .mdc-switch__track, .mat-mdc-slide-toggle.mdc-switch--disabled .mdc-switch__track {
  background-color: #cdd5e0 !important;
}
.mat-mdc-slide-toggle.mat-mdc-slide-toggle-disabled .mdc-switch__handle::after, .mat-mdc-slide-toggle.mdc-switch--disabled .mdc-switch__handle::after {
  background-color: #64748b !important;
}

.mat-mdc-tab-group .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label {
  color: #475569;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mat-mdc-tab-group .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #1e293b;
}
.mat-mdc-tab-group .mat-mdc-tab-labels .mat-ripple-element {
  background: rgba(30, 41, 59, 0.1);
}
.mat-mdc-tab-group .mat-mdc-tab-header {
  border-bottom: 1px solid #cbd5e1;
}
.mat-mdc-tab-group .mat-mdc-tab-body-wrapper {
  color: #1e293b;
}
.mat-mdc-tab-group .mdc-tab-indicator__content--underline {
  border-color: #2563eb;
}

app-chart-doughnut {
  display: block;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

app-chart-bar {
  display: block;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

app-view-image img {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

#aat-header {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 50%, #1e40af 100%);
}

#aat-header-logo {
  background: #1e3a8a;
  color: #ffffff;
}

#aat-header-options {
  background: transparent;
  color: #ffffff;
}

.aat-header-button:hover {
  background: rgba(255, 255, 255, 0.1);
}

.aat-notification-menu .aat-notification-header {
  background: #eaeff5;
  color: #1e293b;
}
.aat-notification-menu .aat-notification-empty {
  color: #1e293b;
}
.aat-notification-menu .aat-notification-item.aat-notification-unread {
  background: rgba(37, 99, 235, 0.05);
}
.aat-notification-menu .aat-notification-item.aat-notification-unread::before {
  background: #2563eb;
}
.aat-notification-menu .aat-notification-icon.aat-notification-info {
  background: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
}
.aat-notification-menu .aat-notification-icon.aat-notification-warning {
  background: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}
.aat-notification-menu .aat-notification-icon.aat-notification-error {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}
.aat-notification-menu .aat-notification-icon.aat-notification-success {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}
.aat-notification-menu .aat-notification-content {
  color: #1e293b;
}
.aat-notification-menu .aat-notification-list .mat-divider {
  border-top-color: #dce3ed;
}
.aat-notification-menu .aat-notification-footer {
  background: #eaeff5;
}
.aat-notification-menu .mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: #dce3ed;
}

#aat-sidebar {
  background: #edf1f7;
  color: #334155;
  border-right: 1px solid #dce3ed;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
#aat-sidebar::-webkit-scrollbar-thumb {
  background: rgba(51, 65, 85, 0.2);
}
#aat-sidebar::-webkit-scrollbar-thumb:hover {
  background: rgba(51, 65, 85, 0.3);
}
#aat-sidebar .aat-sticky-top {
  background: #edf1f7;
}
#aat-sidebar .aat-sidebar-toggle:before {
  background: #2563eb;
}
#aat-sidebar .aat-widget-company {
  background: rgba(51, 65, 85, 0.03);
  color: #334155;
  border-bottom: 1px solid #dce3ed;
}
#aat-sidebar mat-expansion-panel,
#aat-sidebar .mat-expansion-panel {
  background: #edf1f7 !important;
  color: #334155;
}
#aat-sidebar mat-expansion-panel:not([class*=mat-elevation-z]),
#aat-sidebar .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none !important;
  border-bottom: 1px solid #dce3ed;
}
#aat-sidebar .aat-sidebar-submenu,
#aat-sidebar mat-panel-title,
#aat-sidebar mat-panel-description,
#aat-sidebar .mat-expansion-panel-header-title,
#aat-sidebar .mat-expansion-panel-header-description,
#aat-sidebar .mat-expansion-indicator::after,
#aat-sidebar .mat-content {
  color: #334155;
}
#aat-sidebar mat-panel-title i,
#aat-sidebar .mat-expansion-panel-header-title i {
  color: #3b82f6;
  font-size: 22px;
  transition: color 0.3s ease;
}
#aat-sidebar .aat-sidebar-submenu i {
  color: #3b82f6;
  opacity: 0.6;
}
#aat-sidebar .aat-sidebar-submenu:before {
  background: #2563eb;
}
#aat-sidebar mat-expansion-panel-header:hover,
#aat-sidebar .mat-expansion-panel-header:hover {
  background: rgba(59, 130, 246, 0.08) !important;
}
#aat-sidebar mat-expansion-panel-header:hover i,
#aat-sidebar .mat-expansion-panel-header:hover i {
  color: #2563eb;
}
#aat-sidebar mat-expansion-panel-header .mat-ripple-element,
#aat-sidebar mat-expansion-panel-header .mat-mdc-button-ripple,
#aat-sidebar .mat-expansion-panel-header .mat-ripple-element,
#aat-sidebar .mat-expansion-panel-header .mat-mdc-button-ripple {
  background: rgba(59, 130, 246, 0.1);
}
#aat-sidebar .aat-sidebar-submenu:hover {
  background: rgba(59, 130, 246, 0.08);
}
#aat-sidebar .aat-sidebar-submenu:hover .aat-mat-panel-description {
  color: #2563eb;
}
#aat-sidebar .aat-sidebar-submenu.active {
  background: rgba(37, 99, 235, 0.12);
}
#aat-sidebar .aat-sidebar-submenu.active:before {
  opacity: 1;
}
#aat-sidebar .aat-sidebar-submenu.active .aat-mat-panel-description {
  color: #2563eb;
  font-weight: 600;
}
#aat-sidebar .aat-sidebar-submenu.active i {
  color: #2563eb;
  opacity: 1;
}
#aat-sidebar .aat-sidebar-toggle.active:before {
  opacity: 1;
}
#aat-sidebar .aat-sidebar-toggle.active i {
  color: #2563eb;
}
#aat-sidebar mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title i {
  color: #2563eb;
}

#aat-breadcrumb {
  background: #e4e9f1;
  color: #1e293b;
}

#aat-page-content {
  background: #e4e9f1;
  color: #1e293b;
}

#aat-louder {
  background: rgba(15, 23, 42, 0.6);
  color: #ffffff;
}

#aat-overlay {
  background: rgba(15, 23, 42, 0.6);
  color: #ffffff;
}

#aat-login .aat-login-content .aat-login-company-info {
  color: white;
}

.swal-modal,
.swal-button {
  background: #ffffff !important;
  color: #1e293b !important;
}

.swal-text,
.swal-title {
  color: #1e293b !important;
}

.swal-button:focus,
.swal-button:active,
.swal-button:hover,
.swal-button:not([disabled]):hover {
  background: rgba(30, 41, 59, 0.1) !important;
}

.swal-button,
.swal-button:focus {
  box-shadow: none !important;
  outline: none !important;
}

.toast-success {
  background-color: #22c55e;
}

.toast-info {
  background-color: #3b82f6;
}

.toast-warning {
  background-color: #f59e0b;
}

.toast-error {
  background-color: #ef4444;
}

#toast-container > div {
  opacity: 1;
  box-shadow: none;
}

#toast-container > :hover {
  box-shadow: none;
}

#toast-container > :hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
}

.aat-background-color-primary {
  background-color: #2563eb;
}

.aat-background-color-accent {
  background-color: #f97316;
}

.aat-background-color-warn {
  background-color: #ef4444;
}

.aat-color-primary {
  color: #2563eb;
}

.aat-color-accent {
  color: #f97316;
}

.aat-color-warn {
  color: #ef4444;
}

body {
  background: #e4e9f1;
  color: #1e293b;
}

app-button-open-dialog.aat-color-input button:disabled {
  background: #edf1f7;
  color: #1e293b;
  border-radius: 0;
}

.aat-color-input {
  background: #e4e9f1;
}
.aat-color-input:disabled {
  background: #edf1f7;
  color: #1e293b;
}

.aat-widget-selected.mat-mdc-form-field .mat-mdc-input-element {
  color: #3b82f6 !important;
  font-weight: 600 !important;
}
.aat-widget-selected.mat-mdc-form-field .mdc-text-field--filled .mdc-line-ripple::before {
  border-bottom-width: 2px !important;
  border-bottom-color: #3b82f6 !important;
}
.aat-widget-selected.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__leading,
.aat-widget-selected.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__notch,
.aat-widget-selected.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing {
  border-color: #3b82f6 !important;
  border-width: 2px !important;
}

.aat-border-bottom {
  border-bottom: 1px solid #dce3ed;
}

.aat-card {
  background: #f0f4f8;
  color: #1e293b;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.06);
}
.aat-card .aat-card-header {
  background: #eaeff5;
  color: #1e293b;
}
.aat-card .aat-card-footer {
  background: #eaeff5;
  color: #1e293b;
}

.mat-mdc-paginator {
  background: #f0f4f8;
  color: #1e293b;
}
.mat-mdc-paginator .mat-mdc-paginator-page-size-label,
.mat-mdc-paginator .mat-mdc-paginator-range-label {
  color: #475569;
}
.mat-mdc-paginator .mat-mdc-select-value {
  color: #1e293b;
}
.mat-mdc-paginator .mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator .mat-mdc-paginator-navigation-next,
.mat-mdc-paginator .mat-mdc-paginator-navigation-first,
.mat-mdc-paginator .mat-mdc-paginator-navigation-last {
  color: #1e293b;
}
.mat-mdc-paginator .mat-mdc-paginator-navigation-previous[disabled],
.mat-mdc-paginator .mat-mdc-paginator-navigation-next[disabled],
.mat-mdc-paginator .mat-mdc-paginator-navigation-first[disabled],
.mat-mdc-paginator .mat-mdc-paginator-navigation-last[disabled] {
  color: #64748b;
}

.aat-table {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.aat-table table {
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  background: #edf1f7;
}
.aat-table table tr th {
  background: #dbe2ed;
  color: #0f172a;
  border: 1px solid #c8d2df;
}
.aat-table table tr th .mat-sort-header-arrow {
  color: #0f172a;
}
.aat-table table tr td {
  background: #edf1f7;
  color: #1e293b;
  border-bottom: 1px solid #dce3ed;
  border-left: 1px solid #dce3ed;
}
.aat-table table tr td input {
  background: #e4e9f1;
  color: #1e293b;
}
.aat-table table tr td input:focus {
  background: #e4e9f1;
  color: #1e293b;
  box-shadow: inset 0 0 0 2px #3b82f6;
}
.aat-table table tr td input:disabled {
  background: #edf1f7;
  color: #1e293b;
}
.aat-table table tbody tr:nth-child(even) td {
  background: rgba(219, 226, 237, 0.3);
}
.aat-table table tbody tr:nth-child(even) td input:disabled {
  background: rgba(219, 226, 237, 0.3);
}
.aat-table table tbody tr:hover td {
  background: rgba(37, 99, 235, 0.05);
}
.aat-table table tbody tr:hover td input:disabled {
  background: rgba(37, 99, 235, 0.05);
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #94a3b8;
}

::-webkit-scrollbar-thumb {
  background: #94a3b8;
}

.aat-badge.aat-badge-success {
  color: white;
  background-color: #22c55e;
}
.aat-badge.aat-badge-info {
  color: white;
  background-color: #3b82f6;
}
.aat-badge.aat-badge-warning {
  color: white;
  background-color: #f59e0b;
}
.aat-badge.aat-badge-error {
  color: white;
  background-color: #ef4444;
}

.reports-title {
  color: #1e293b;
}

.reports-subtitle {
  color: #64748b;
}

.report-item {
  color: #1e293b;
}
.report-item:hover {
  background: rgba(37, 99, 235, 0.06);
}
.report-item.active {
  border-left-color: #2563eb;
  background: rgba(37, 99, 235, 0.1);
}
.report-item.active .report-item-icon {
  color: #2563eb;
}

.report-item-icon {
  color: #64748b;
}

.report-detail-header {
  border-bottom-color: #dce3ed;
}

.report-detail-icon {
  color: #2563eb;
}

.report-detail-title {
  color: #1e293b;
}

.report-detail-description {
  color: #64748b;
}

.report-detail-empty {
  color: #64748b;
}

.report-filters-title {
  color: #64748b;
}

.report-actions {
  border-top-color: #dce3ed;
}

@media (max-width: 768px) {
  .report-item.active {
    border-bottom-color: #2563eb;
  }
}
@media (max-width: 400px) {
  .report-item.active {
    border-left-color: #2563eb;
  }
}