/* Override Buttons */
.btn-success {
  background-color: #AFC137 !important;
  /* border-color: #AFC137 !important;*/
}

/* Override Button Hover/Focus States */
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: #697421 !important;
  /* Darker green for contrast */
  border-color: #AFC137 !important;
}

/* Override Text/Links */
.text-success,
a.text-success:hover {
  color: #def547 !important;
}

/* Override Background/Utility Classes */
.bg-success {
  background-color: #AFC137 !important;
}

/* Override Border/Form Focus */
.border-success {
  border-color: #AFC137 !important;
}

.footer-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #999;
  text-decoration: none;
}

.background1 {
  background-color: #EFEFEF;
}

.background2 {
  background-color: #FFFF99;
}

.cardoffwhite {
  background-color: #f0f0f0;
}

.fixed-width-btn {
  width: 200px;
  text-align: center;
  display: block;
}

.radiitop {
  border-radius: 5px 5px 0 0 !important;
}

.error_codes {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #F00;
}

#fixed-div {
  position: fixed;
  /* This is the key property */
  top: 60px;
  /* Distance from the top of the viewport */
  right: 10px;
  /* Distance from the left of the viewport */
  width: 130px;
  /* Set a small size */
  height: 100px;
  background-color: #3498db;
  /* A nice blue color */
  color: white;
  /* White text for contrast */
  padding: 1px;
  border: 2px solid #2980b9;
  z-index: 1000;
  /* Ensures it stays on top of other content */
  text-align: center;
  line-height: 50px;
  /* Vertically center the text */
  font-family: Arial, sans-serif;
  font-size: 14px;
  border-radius: 5px;
  /* Rounded corners for a modern look */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Subtle shadow */
}

.carousel-item img {
  width: 100%;
  height: 400px;
  /* Fixed height for consistent slides */
  object-fit: cover;
  /* Ensures images cover the area without distortion */
}

.carousel {
  margin: 0 auto;
  /* Center the carousel */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.fade_back {
  background-image: url(../images/stopwatch-fade.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  font-family: Arial, Helvetica, sans-serif;
}