.form-control:focus {
    border-color: darkturquoise;
    box-shadow:none;
    border-radius: 0;
  }
  .form-control {
    border-color: lightgray;
    box-shadow:none;
    border-radius: 0;
  }

  body {
    background: linear-gradient(to right, rgb(224, 223, 223), rgb(224, 223, 223));
  }

  .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #36a0b3 !important;
}

.bg-blue {
  background-color: rgb(144, 199, 255);
}

.bg-blue:hover {
  background-color: rgb(108, 160, 227);
}

.bg-pink {
  background-color: #fcadec;
}

.bg-pink:hover {
  background-color: #fc81e3;
}
.bg-disable {
  background-color: rgb(180, 180, 180);
}

.bg-disable:hover {
  background-color: rgb(146, 146, 146);
}
.bg-lightgreen {
  background-color: rgb(158, 255, 157);
}

.bg-lightgreen:hover {
  background-color: rgb(99, 255, 96);
}

.full-height {
  min-height: 80vh; /* Ensures it takes at least the full viewport height */
  max-height: 100%; /* Prevents overflow */
  overflow: auto; /* Allows scrolling if content exceeds height */
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  font-size: 24px;
  font-weight: bold;
  padding: 10px; /* Prevents content from touching edges */
  box-sizing: border-box; /* Ensures padding doesn't increase size */
}


/* HyperLink Designs use class = 'modern-link' */
.modern-link {
    color: #0070f3;
    text-decoration: none !important;
    font-weight: 500;
    position: relative;
    transition: all 0.3s ease;
}

.modern-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #0070f3;
    left: 0;
    bottom: -2px;
    transform: scaleX(0);
    transition: transform 0.3s ease;
    transform-origin: right;
}

.modern-link:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.modern-link:hover {
    color: #0051a8;
}

.fs-12 { font-size: 12px !important; }
.fs-16 { font-size: 16px !important; }
.fs-24 { font-size: 24px !important; }