/* theme-dark-styles.css */
.theme-dark .main-text {
    color: #fff;
  }
  
  .theme-dark .second-text-color {
    color: #00ff0c;
  }
  
  .theme-dark p {
    color: #fff;
  }
  
  .theme-dark .main-button {
    color: #000;
    background-color: #00ff0c;
  }
  
  .theme-dark .main-button:hover {
    background-color: #008d07;
    border: solid 2px transparent;
    color: #fff;
  }
  
  .theme-dark .second-button-color {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
  }
  
  .theme-dark .second-button-color:hover {
    color: #fff;
    background-color: #218838;
    border-color: #fff;
  }
  
  .theme-dark .card {
    background-color: #333;
    color: lightskyblue;
  }
  
  .theme-dark .card-body {
    background-color: #515151;
  }
  
  .theme-dark .main-card {
    border: 1px solid #989696;
    color: #fff;
  }
  
  .theme-dark .main-bg {
    background-color: #282e33;
  }
  
  .theme-dark .secondary-bg {
    background-color: darkcyan;
  }
  
  .theme-dark .eggshell-bg {
    background-color: #3a3936;
  }
  
  .theme-dark .offwhite-bg {
    background-color: #757373;
  }
  
  .theme-dark .navlink {
    color: #fff;
  }
  
  .theme-dark .navlink:hover {
    color: #00ff0c;
  }
  
  .theme-dark .card-link {
    color: #00ff0c;
  }
  
  .theme-dark .card-link:hover {
    color: #f8f8f8;
    text-decoration: none;
  }
  
  .theme-dark .card-small {
    background-color: #222;
  }
  
  .theme-dark .small-card-border {
    border: 1px solid #989696;
    border-radius: 4px;
  }
  
  .theme-dark .recently-clocked-in {
    background-color: #f87474;
    border: 1px solid red;
    border-radius: 4px;
  }
  
  .theme-dark .clock-in-button {
    color: #000;
    background-color: #00ff0c;
    border-color: transparent;
  }
  
  .theme-dark .clock-in-button:hover {
    background-color: #008d07;
    border: solid 2px transparent;
    color: #fff;
  }
  
  .theme-dark .clock-out-button {
    background-color: #ff0000;
    color: #fff;
  }
  
  .theme-dark .clock-out-button:hover {
    background-color: #7f0000;
    color: #999;
    border-color: transparent;
  }
  
  .theme-dark .show-more-link {
    color: #94d4ff;
  }
  
  .theme-dark .show-more-link:hover {
    color: #ffea00;
  }


  /* Dash Styles */
.theme-dark .dash-card {
  border: 1px solid #ccc;
}

.theme-dark .dash-card-bg {
  background-color: #515151;
}

.theme-dark .main-label {
  color: #fff;
}

.theme-dark .dash-more-link {
  color: #4e9bf9;
}

.theme-dark .dash-more-link:hover {
  color: #fff;
}

.theme-dark .critical-number {
  background-color: #ff0000;
  border: 5px solid #7f0000;
  color: #fff;
}

.theme-dark .dash-in-button {
  background-color: #00ff0c;
  color: #000;
}

.theme-dark .dash-in-button:hover {
  background-color: #008d07;
  color: #fff;
}

.theme-dark .dash-in-button:disabled {
  background-color: #008d07;
  color: #fff;
}

.theme-dark .dash-out-button {
  background-color: #ff0000;
  color: #fff;
}

.theme-dark .dash-out-button:hover {
  background-color: #7f0000;
  color: #999;
}

.theme-dark .dash-unworked-link {
  color: #00ff0c;
}

.theme-dark .dash-unworked-link:hover {
  color: #fff;
}

.theme-dark .dash-out-link {
  color: #ff0000;
}

.theme-dark .dash-out-link:hover {
  color: #fe7575;
}

.theme-dark .dash-in-link {
  color: #ffea00;
}

.theme-dark .dash-in-link:hover {
  color: #f9f7c0;
}