@import "../../../styles.less";

.upper-row {
    background-color: rgba(205, 92, 92, 0.24);
    height: auto;
}

.upper-one {
    background-color: rgba(76, 0, 130, 0.24);
    padding: 24px 15px 36px 15px;
}

// UPPER TWO DIV WITH IT'S CHILDREN DIVS
.upper-two {
    background-color: rgba(130, 0, 113, 0.24);
    padding: 24px 15px 36px 15px;
}

.inner-upper-two {
  width: 100%;
}

// UPPER THREE DIV WITH IT'S CHILDREN DIVS
.upper-three {
    background-color: rgba(0, 52, 130, 0.24);
    padding: 24px 15px 36px 15px;

}

.inner-upper-three {
  width: 100%;
}

.mid-row {
    margin-top: 1.2%;
    background-color: rgba(179, 92, 205, 0.24);
    height: auto;
}

.mid-one {
    background-color: rgba(24, 0, 130, 0.24);
    padding: 24px 15px 36px 15px;
}
.mid-two {
    background-color: rgba(130, 0, 0, 0.24);
    padding: 24px 15px 36px 15px;
}
.mid-three {
    background-color: rgba(130, 74, 0, 0.24);
    padding: 24px 15px 36px 15px;
}

.low-row {
  margin-top: 1.2%;
  background-color: rgba(85, 71, 209, 0.24);
  height: auto;
}

.low-one {
  background-color: rgba(24, 0, 130, 0.24);
  padding: 24px 15px 36px 15px;
}
.low-two {
  background-color: rgba(130, 0, 0, 0.24);
  padding: 24px 15px 36px 15px;
}
.low-three {
  background-color: rgba(130, 74, 0, 0.24);
  padding: 24px 15px 36px 15px;
}

.more:hover {
  color:dimgray;
}

// user rank color classes
.member {
  color: rgb(39, 136, 92);
}
.mod, .modlock {
  color: rgb(42, 85, 148);
}
.admin, .adminlock {
  color: rgb(151, 32, 32);
}
