body {
  background: #f8f9fa;
}

table tbody tr td {

  max-width: 250px !important;
  word-break: break-all !important;
}

table thead tr th {

  text-transform: capitalize;
}

/* [class*=sidebar-dark-] {
    background-color:#28197E !important;
} */
.login-container {
  height: 100vh !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bottom-wrape {
  display: flex;
  justify-content: space-between;
}

.login-box-msg {
  text-align: left;
  padding-left: 0;
  opacity: 0.7;
}

.bottom-wrape button {
  width: auto;
  padding: 7px 25px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 500;
}

.login-box {
  width: 100%;
  max-width: 750px;
  padding: 35px 75px 75px;
  box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.08);
  border-radius: 32px;
  background-color: #fff;
}

.image-side {
  background-image: url('../images/loginbg.webp');
  /* Replace with your image URL */
  background-size: contain;
  background-position: center;
  height: 100%;
  background-repeat: no-repeat;
}

.card-header .logo {
  width: 100px;
  margin-bottom: 30px;
}

.login-box .card-header {
  border: 0;
  padding: 0;
}

.login-box .card-header .head-text {
  font-size: 36px;
  line-height: 1.15;
  font-weight: 400;
  margin-bottom: 10px;
}

.login-box .card-header .head-text b {
  display: block;
  color: #17a2b8;
}

.form-container {
  padding: 20px !important;
  /* background: #f4f7fd; */
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-container {
  background: url(../images/login-bg.jpg) no-repeat;
}

.login-container .row {
  padding: 0px !important;
  margin: 0px !important;
}

.login-container .col-lg-6 {
  padding: 0px !important;
  margin: 0px !important;
}

.subscription-box {
  height: 250px;
  /* Fixed height to maintain uniformity */
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.subscription-description {
  height: 80px;
  /* Limit description height */
  overflow-y: auto;
  /* Enable scrolling */
  border: 1px solid #ddd;
  /* Optional: Adds a border */
  padding: 5px;
  background-color: #f9f9f9;
  /* Light background */
}

label:not(.form-check-label):not(.custom-file-label) {
    text-transform: capitalize;
}

.h50px {
    height: 50px;
}

@media (min-width: 768px) {
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
    transition: margin-left .3s ease-in-out;
    margin-left: 280px;
  }
}

.main-sidebar, .main-sidebar::before {
  transition: margin-left .3s ease-in-out, width .3s ease-in-out;
  width: 280px;
}

.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {
  width: calc(280px - .5rem * 2);
  transition: width ease-in-out .3s;
}