/* theme-bright-styles.css */

.theme-bright .main-text {
    color: dodgerblue;
}
  
.theme-bright .second-text-color {
  color: darkturquoise;
}
  
.theme-bright p {
  color: forestgreen;
}
  
.theme-bright .card {
  background-color: ghostwhite;
  border: solid 1px transparent;
  color: coral;
}

.theme-bright .main-card {
  border: 1px solid lightpink;
}
  
.theme-bright .card-body {
  background-color: #f8f8ff;
}

.theme-bright .main-button {
  background-color: #8a2be2;
  color: #fff;
}

.theme-bright .main-button:hover {
    background-color: #ff7f50;
    border: 2px solid #ff7f50;
    color: #252525;
}

.theme-bright .second-button-color {
  background-color: #ffb6c1;
  color: #252525;
}

.theme-bright .second-button-color:hover {
  background-color: #a1ffff;
  border: 2px solid #a1ffff;
  color: #252525;
}

.theme-bright .clock-in-button {
  background-color: #8a2be2;
  color: #fff;
}

.theme-bright .clock-in-button:hover {
  background-color: #ff7f50;
  border: 1px solid #ff7f50;
  color: #252525;
}

.theme-bright .clock-out-button {
  background-color: #ffb6c1;
  color: #252525;
}

.theme-bright .clock-out-button:hover {
  background-color: #a1ffff;
  border: 1px solid #a1ffff;
  color: #000;
}

/* main body of app */
.theme-bright header {
  background-color: #90ee90;
  color: #000;
}

.theme-bright footer {
  background-color: #90ee90;
  color: #000;
}

.theme-bright .dropdown-content {
  background-color: #f8f8ff;
}

.theme-bright .dropdown-content a:hover {
  background-color: #f8f8ff !important;
}

.theme-bright .main-bg {
  background-color: #fff;
}
  
.theme-bright .secondary-bg {
  background-color: brown;
}

.theme-bright .eggshell-bg {
  background-color: #fbd208;
}
  
.theme-bright .offwhite-bg {
  background-color: ghostwhite;
}

.theme-bright .navlink {
  color: #8a2be2;

  &:hover {
    color: goldenrod;
  }
}

.theme-bright .card-link {
  color: mediumpurple;

  &:hover {
    color: goldenrod;
    text-decoration: none;
  }
}
  
.theme-bright .card-small {
  background-color: #fff;
}

.theme-bright .small-card-border {
  border: 1px solid lightpink;
  border-radius: 4px;
}

.theme-bright .recently-clocked-in {
  background-color: lightgrey;
  border: 1px solid red;
  border-radius: 4px;
}

.theme-bright .show-more-link {
  color: #000;
}

.theme-bright .show-more-link:hover {
  color: #ff7f50;
}

  /* Dashboard */
.theme-bright .dash-card {
  border: 1px solid #ffb6c1;
}

.theme-bright .dash-card-bg {
  background-color: #f8f8ff;
}

.theme-bright .main-label {
  color: #000;
}

.theme-bright .dash-more-link {
  color: #000 !important;
}

.theme-bright .dash-more-link:hover {
  color: #ff7f50 !important;
}

.theme-bright .critical-number {
  background-color: #8a2be2;
  border: 5px solid #252525;
  color: #fff;
}

.theme-bright .dash-in-button {
  background-color: #00ced1;
  color: #fff;
}

.theme-bright .dash-in-button:hover {
  background-color: #ff7f50;
  border: 1px solid #ff7f50;
  color: #252525;
}

.theme-bright .dash-in-button:disabled {
  background-color: #252525;
  color: #777;
}

.theme-bright .dash-out-button {
  background-color: #ffb6c1;
  color: #252525;
}

.theme-bright .dash-out-button:hover {
  background-color: #a1ffff;
  color: #252525;
}

.theme-bright .dash-unworked-link {
  color: #00ced1;
}

.theme-bright .dash-unworked-link:hover {
  color: #ffbbc1;
}

.theme-bright .dash-out-link {
  color: #1e90ff;
}

.theme-bright .dash-out-link:hover {
  color: #8a2be2;
}

.theme-bright .dash-in-link {
  color: #ff7f50;
}

.theme-bright .dash-in-link:hover {
  color: #252525;
}