mat-sidenav {
  width: 200px;
  background-color: #2a2a2a !important;
  color: white !important;
}

mat-sidenav-content {
  background-color: #2a2a2a !important;
  color: white !important;
}

table {
  background-color: #3a3a3a !important;
}

td,
th {
  color: white !important;
}

mat-paginator {
  background-color: #3a3a3a !important;
  color: white !important;

  * {
    color: white !important;

  }
}

.mdc-notched-outline__trailing {
  border-color: white !important;
}

.mdc-notched-outline__leading {
  border-color: white !important;

}

.mat-mdc-select-value-text {
  color: white !important;
}

path::not(.bar) {
  filter: invert(100%) sepia(100%) saturate(0%) brightness(102%) contrast(100%);
}

.sidebar {
  color: white !important;
}

.mat-mdc-dialog-surface,
.mdc-menu-surface {
  background-color: #3a3a3a !important;
  color: white !important;
}

h1,
h2,
.mat-mdc-input-element,
.mat-unthemed,
.white {
  color: white !important;
}

h3 {
  color: #ffffffaa !important;
}

.login {
  .mdc-text-field {
    background-color: whitesmoke !important;
  }
}

.mdc-text-field {
  background-color: #3a3a3a !important;
  color: white !important;
}

.login::placeholder {
  color: #777777 !important;
}

input::placeholder {
  color: #ffffff55 !important;
}

input::-ms-input-placeholder {
  color: #ffffff44 !important;
}

.mdc-list-item:not(.mdc-list-item--selected) {
  .mdc-list-item__primary-text {
    color: #ffffffee !important;
  }
}

.mdc-text-field:not(.mdc-text-field--focused) {
  .mat-mdc-form-field-flex {
    .mat-mdc-form-field-infix {
      .mat-mdc-floating-label {
        color: #ffffff55 !important;
      }
    }
  }
}

.change-p {
  color: white !important;
}

.mat-mdc-slide-toggle {
  .mdc-form-field {
    color: #ffffffee !important;
  }
}

.rem1,
.card {
  background-color: #3a3a3a !important;
  color: white !important;
}

.mdc-form-field {
  color: white !important;
}

.mdc-checkbox__background {
  border-color: #e78617 !important;
}

text {
  filter: invert(100%);
}

.gridline-path {
  filter: invert(100%);
}

.polar-chart-background {
  stroke: #fff !important;
}

.grabable {
  border: 1px solid #ffffff !important;
}

.border0 {
  background-color: #3a3a3a !important;
}

.invert {
  color: lightgray;
}

.grade-subject {
  background-color: #3a3a3a !important;
}

.table {
  background-color: #3a3a3a !important;
  color: white !important;
}

.contenedor-subjects {
  background-color: #3a3a3a !important;
}

.list-grades {
  background-color: #3a3a3a !important;

}

.mat-mdc-select-arrow-wrapper,
.mat-calendar-arrow {
  filter: invert(1);
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: white !important;
}

input.mat-input-element {
  color: white !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: rgb(255 255 255 / 42%) !important;
}

.mat-button-toggle-checked {
  background-color: darkgray !important;
  color: white !important;
  border-color: darkgray !important;
}

.mat-button-toggle:not(.mat-button-toggle-checked) {
  background-color: #3a3a3a !important;
  color: white !important;
  border-color: darkgray !important;
}

.mat-button-toggle-group {
  border-color: darkgray !important;
}

.mdc-text-field {
  background-color: #3a3a3a !important;
}

.mat-datepicker-content-container {
  background-color: #3a3a3a !important;
}

.mat-calendar-body-cell-content {
  color: white !important;
}

.mat-calendar-body-today {
  border-color: rgba(255, 255, 255, .38) !important;
}

.notes {
  color: white;
}

.whited {
  color: lightgray !important;
}

.mdc-tab__text-label {
  color: lightgray !important;
}

.breadcrumbs a {
  color: lightgray !important;
}

.obs {
  color: lightgray !important;
}

.mat-expansion-panel {
  background-color: #3a3a3a !important;
}

.mat-stepper-vertical {
  background-color: #3a3a3a !important;
}

.sticky {
  background-color: #4b4b4b !important;
}

.sticky-r {
  background-color: #4b4b4b !important;
}

.container-doc {
  background-color: #1a1a1a !important;
}

.mat-mdc-paginator-icon path{
  filter: invert(1) !important;
}