@mixin page-dark {
  .page {
    & .page-right-title {
      & .title {
        color: white;
      }
    }

    & .row {
      & .c50 {
        & .card-top {
          & .title {
            color: white;
          }
        }
        & .card {
          & .button-link {
            & label:first-child {
              color: $d-p-pink;
            }
          }
        }
      }
    }

    & .card-cont {
      & .font-icon {
        & .cont {
          & span:first-child {
            background-color: $md-dark-primary;
          }
          & span {
            color: $md-dark-text-primary;
          }
        }
      }
    }

    & div {
      & .row {
        & .c75 {
          & .row {
            & .c14 {
              & .card {
                background-color: transparent;
              }
            }
            & .c25 {
              & .textfield {
                background-color: transparent;
                & .elem {
                  background-color: transparent;
                }
              }
            }
          }
        }
      }
      & .multitable {
        & .cont {
          & .line {
            background-color: #2c2c2c;
            & .row {
              & .itemdetail {
                & .row {
                  & .c25 {
                    & .textfield {
                      & input {
                        color: white !important;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        & .cont-bottom {
          & .line {
            & .row {
              & .c16 {
                & .textfield {
                  & input {
                    color: white !important;
                  }
                }
              }
            }
          }
        }
        & .btn {
          background-color: $md-dark-primary;
        }
      }
      & .pl-28 {
        & .row {
          & #cont_main {
            & .row {
              & .c100 {
                background-color: #121212;
                & label {
                  color: white;
                }
              }
            }
          }
        }
      }
    }

    & .fullcont {
      & .appbar {
        & .primary {
          & .fullcont-close {
            @include interaction-dark-surface;
          }

          & .select {
            @include interaction-dark-surface;
          }

          & .fileTab {
            @include interaction-dark-surface;
          }

          & .mailTab {
            @include interaction-dark-surface;
          }

          & .infoTab {
            @include interaction-dark-surface;
          }

          & .changetab {
            @include interaction-dark-surface;
          }

          & div {
            @include interaction-dark-surface;
          }
        }
      }
    }

    & .row {
      & .c50 {
        & .font-card-title {
          color: $md-dark-text-primary !important;
        }
      }
      & .c33 {
        & .textfield {
          & .elem {
            background-color: $md-dark-surface;
            color: $md-dark-text-primary !important;
            &::-webkit-calendar-picker-indicator {
              filter: invert(1);
              opacity: 1;
            }
          }
          & .trailing {
            & svg {
              fill: $md-dark-text-primary !important;
            }
          }
        }
      }
    }

    & .card-chart {
      background-color: $md-dark-surface;
    }
  }

    & .page.page_main {
    & .row.mt-24 {
      & .page-right-title-chart {
        color: $c-p;
      }

      & .page-right-subTitle-chart {
        color: darken($md-dark-text-primary, 25%);
        & span {
          color: darken($md-dark-text-primary, 25%);
        }
      }

      & .row.mt-8 {
        &  .page-right-desc-chart.mx-2 {
          color: darken($md-dark-text-primary, 50%);
        }
      }
    }
  }
}