@mixin fullcont-dark {
  .fullcont {
		border-left: 1px solid $md-dark-divider;
		background-color: $md-dark-background;
    & .appbar {
      background-color: $md-dark-surface;
      & .primary {
        background-color: $md-dark-surface !important;

		& .fullcont-close {
				& svg {
						fill: darken($md-dark-text-primary, 30%) !important;
					}
				}

				& h1 {
					color: darken($md-dark-text-primary, 30%) !important;
				}
      }
    }

		& .fab-s {
			& .primary {
				background-color: $md-dark-primary;
				@include interaction-dark-primary;
				& svg{
					fill: $md-dark-text-primary;
				}
				& label {
					color: $md-dark-text-primary !important;
				}
			}

			& .secondary {
				background-color: $md-dark-error !important;
				@include interaction-dark-error;
				& svg {
					fill: $md-dark-text-primary;
				}
				& label {
					color: darken($md-dark-text-primary, 50%) !important;
				}
			}

			& .green {
				background-color: $md-dark-secondary !important;
				@include interaction-dark-secondary;
				& svg {
					fill: $md-dark-text-primary;
				}
				& label {
					color: $md-dark-text-primary;
				}
			}
			& .black {
				background-color: $md-dark-error;
				@include interaction-dark-error;
				& svg {
					fill: $md-dark-text-primary;
				}
				& label {
					color: $md-dark-text-primary;
				}
			}

			& div[title="Edit"] {
				background-color: $md-dark-primary;
				@include interaction-dark-primary;
			}

			& #updateButton {
				background-color: $md-dark-primary;
				@include interaction-dark-primary;
			}

			/* & div[title="Update Entity"] {
				background-color: $md-dark-primary;
				@include interaction-dark-primary;
			} */
		}
	
		& .page.page-appbar.info {
			& .row.info {
				& .c100 {
					background-color: $md-dark-surface;
				}
			}
		}

		& .page.page-appbar.entity .mt-8 #mt_lost .pl-28.o54.mt-8 .row div .row {
      & .c16 .font-caption {
        color: darken($md-dark-text-primary, 50%) !important;
      }
      & .c14 .font-caption {
        color: darken($md-dark-text-primary, 50%) !important;
      }
    }

    & .page.page-appbar.entity .mt-8 #mt_lost {
      & .pl-28.o54.mt-8 .row div .row {
        & .c16 .font-caption {
          color: darken($md-dark-text-primary, 50%) !important;
        }
        & .c14 .font-caption {
          color: darken($md-dark-text-primary, 50%) !important;
        }
      }

      & .multitable .cont .line .row div .row {
        & .c100 .textfield {
          & .elem {
            background-color: $md-dark-surface;
            @include interaction-dark-surface;
            color: $md-dark-text-primary !important;
            &::placeholder {
              color: darken($md-dark-text-primary, 50%) !important;
            }
            @include interaction-dark-surface;
            &:focus {
              background-color: $md-dark-surface !important;
            }
          }
					& .chip-cont {
						& .chip {
							& label {
								color: darken($md-dark-text-primary, 50%) !important;
							}
							& span {
								filter: invert(1);
							}
						}
					}
        }

        & .c16 .textfield {
          & .elem {
            background-color: $md-dark-surface;
            @include interaction-dark-surface;
            color: $md-dark-text-primary !important;

            &::placeholder {
              color: darken($md-dark-text-primary, 50%) !important;
            }
            @include interaction-dark-surface;
            &:focus {
              background-color: $md-dark-surface;
            }
          }
          &::after {
            filter: invert(1);
          }
        }

        & .c25 .textfield {
          & .elem {
            background-color: $md-dark-surface;
            @include interaction-dark-surface;
            color: $md-dark-text-primary !important;
            &::placeholder {
              color: darken($md-dark-text-primary, 50%);
            }

            &::-webkit-calendar-picker-indicator {
              filter: invert(1);
            }
          }
          &::after {
            filter: invert(1);
          }
        }
      }

      & .row.mt-8.mb-8 .c50 .row .c50 .textfield {
        & .elem {
          background-color: $md-dark-surface;
          color: $md-dark-text-primary !important;
        }
        & .label {
          color: darken($md-dark-text-primary, 50%) !important;
        }
        &::after {
          filter: invert(1);
        }
      }
    }

  }
}