:root {
    --bs-blue-light: #54ade2;
    --bs-blue-light-rgb: 84 173 226;
}

.bg-blue-light1 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-light {
    background-color: #54ade2 !important;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.extern-main {
  background-image: url('../images/home-div-bg.jpg');
  width: 100%;
  height: 800px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.home .btn-primary {
  --bs-btn-bg: #54ade2;
  --bs-btn-border-color: #54ade2;
  height: 82px;
  vertical-align:central;
  font-size: 32px
}

.navbar .navbar-nav .nav-link:hover {
    background-color: #8aadd1;
    color: #000;
}

.navbar .navbar-nav .nav-link.active {
    background-color: #286EB3;
    color: #fff;
}

.navbar .navbar-nav .nav-link {
    padding: 1em;
    transition: all 0.5s;
    color: #fff;
    font-size: 1.1em;
}

.th-bg {
    background-color: #A3C1C1;
}

.tr-odd {
    background-color: #D9E2DA;
}

.tr-even {
    background-color: #A9B0A9;
}

.sort-up:before {
    content: "\e113";
}

.sort-down:before {
    content: "\e114";
}

.text-left {
  text-align: left
}

.image-radio {
  margin-right: 10px;
}

.disabled-cell a {
   pointer-events: none;
   cursor: default; /* Optional: Change cursor to indicate no action */
   color: inherit; /* Optional: Prevent link text color change */
   text-decoration: none; /* Optional: Remove underline */
}