/* theme-bright-styles.css */

.theme-calm .main-text {
    color: #252525;
}
  
.theme-calm .second-text-color {
  color: #f9a2a2;
}
  
.theme-calm p {
  color: #252525;
}
  
.theme-calm .card {
  background-color: #fff;
  border: solid 1px transparent;
  color: #2ab3dd;
}

.theme-calm .main-card {
  border: 1px solid #2ab3dd;
}
  
.theme-calm .card-body {
  background-color: #ebfbfc;
}

.theme-calm .main-button {
  background-color: #5bd0d6;
  color: #fff;
}

.theme-calm .main-button:hover {
    background-color: #ffa300;
    border: 2px solid transparent;
    color: #252525;
}

.theme-calm .second-button-color {
  background-color: #a2f9f9;
  color: #252525;
}

.theme-calm .second-button-color:hover {
  background-color: #f9a2f9;
  border: 2px solid transparent;
  color: #fff;
}

.theme-calm .clock-in-button {
  background-color: #5bd0d6;
  color: #fff;
}

.theme-calm .clock-in-button:hover {
  background-color: #ffa300;
  border: 1px solid transparent;
  color: #252525;
}

.theme-calm .clock-out-button {
  background-color: #ffda00;
  color: #252525;
}

.theme-calm .clock-out-button:hover {
  background-color: #f9a2f9;
  border: 1px solid transparent;
  color: #252525;
}

/* main body of app */
.theme-calm header {
  background-color: #c8ffff;
  color: #252525;
}

.theme-calm footer {
  background-color: #c8ffff;
  color: #252525;
}

.theme-calm .dropdown-content {
  background-color: #ebfbfc;
}

.theme-calm .dropdown-content a:hover {
  background-color: transparent !important;
}

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

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

.theme-calm .navlink {
  color: #f9a2f9;

  &:hover {
    color: #ffa300;
  }
}

.theme-calm .card-link {
  color: #058baa;

  &:hover {
    color: #ffa300;
    text-decoration: none;
  }
}
  
.theme-calm .card-small {
  background-color: #ebfbfc;
}

.theme-calm .small-card-border {
  border: 1px solid #2ab3dd;
  border-radius: 4px;
}

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

.theme-calm .badge-danger {
  background-color: #058baa;
}

.theme-calm .show-more-link {
  color: #252525;
}

.theme-calm .show-more-link:hover {
  color: #ffa300;
}

  /* Dashboard */
.theme-calm .dash-card {
  border: 1px solid #2ab3dd;
}

.theme-calm .dash-card-bg {
  background-color: #ebfbfc;
}

.theme-calm .main-label {
  color: #252525;
}

.theme-calm .dash-more-link {
  color: #252525 !important;
}

.theme-calm .dash-more-link:hover {
  color: #ffa300 !important;
}

.theme-calm .critical-number {
  background-color: #ffa300;
  border: 5px solid #252525;
  color: #fff;
}

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

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

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

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

.theme-calm .dash-out-button:hover {
  background-color: #f9a2f9;
  color: #252525;
}

.theme-calm .dash-unworked-link {
  color: #f9a2a2;
}

.theme-calm .dash-unworked-link:hover {
  color: #a2cef9;
}

.theme-calm .dash-out-link {
  color: #cea2f9;
}

.theme-calm .dash-out-link:hover {
  color: #2ab3dd;
}

.theme-calm .dash-in-link {
  color: #ffa300;
}

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