.brand-logo {
  background-color: transparent;
}

.brand-logo:before {
  content: url(logo.png);
  background-size: 50%;
}

.brand-background {
  background-image: url(background.jpg);
  background-size: cover;
  background-position: center top;
  background-color: #212121;
  color: white;
}

.brand-primary {
  background-color: #212121;
  color: white;
  border-color: #212121;
  border-width: 1px;
}

.brand-secondary {
  background-color: #e0e0e0;
  color: #212121;
  border-color: #e0e0e0;
  border-width: 1px;
}

.brand-tertiary,
input[type="text"],
input[type="password"],
input[type="email"],
select {
  background-color: white;
  border-color: #e0e0e0;
  color: #212121;
}

.stage-background {
  background-color: #1b191b;
  opacity: 0.8;
}

.black,
.button {
  color: white;
  background-color: #212121;
}
.white {
  color: #212121;
  background-color: white;
}
input.ng-dirty.ng-invalid,
select.ng-dirty.ng-invalid {
  border-color: #f44336;
}
.red {
  background-color: #f44336;
  color: white;
}
.green {
  background-color: #4caf50;
  color: white;
}
.blue {
  background-color: #2196f3;
  color: white;
}
.gray {
  background-color: #757575;
  color: white;
}
.main-color {
  background-color: #fbb03a;
  color: black;
}
/* /////////////////////////// By Hatam */
.participant-list-name {
  margin-right: 25px;
}
.participant-list-name-detail {
  margin-right: 25px;
}
.brand-tertiary {
  transition: all 0.3s;
}

.brand-tertiary-hover:hover {
  transition: all 0.3s;
  background-color: #1f1f1f;
  color: white;
}
.brand-tertiary-hover:hover span {
  color: #fbb03a;
}
.side-bar-list-item .menu {
  position: absolute;
  right: 0px;
}
.brand-quaternary-hover:hover {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(4px);
  color: #fbb03a;
}