body {
    background-color: rgb(246, 246, 246);
    font-family: 'Lato', sans-serif;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
.custom-padding-6 { padding-top: 6px; padding-bottom: 6px;}
.login-main-container {
    font-family: 'Lato', sans-serif;
    background-color: #f8f9fa;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
 }

 .login-container {
    background-color: #ffffff;
    padding: 3rem;

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 36.875rem;
 }
 .login-container.blue-border-bottom {border-bottom: 8px solid #025F83;}
 .login-container.green-border-bottom {border-bottom: 8px solid #78BE20;}
 .login-container h2 {
    margin-bottom: 1.1rem;
    font-weight: 700;
    color: #484848;
    font-size: 1.25rem;
 }
 .login-container .forgot-link {
    color: #025F83;
    font-size: 0.875rem;
    text-decoration: none;
 }
 .custom-input-group {
    margin-bottom: 1rem;
    text-align: left;
 }


 .custom-input-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
 }

 .custom-input-group input {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
 }

/* Top section */
.top-section-blue-bg {background-color: #016E9F;}
.top-section-green-bg {background-color: #78BE20;}
.top-section {padding: 8px 0px; }
.top-section .account-link a  {font-family: 'Lato', sans-serif; color: #fff; font-size: 0.875rem;}
.top-section h2 {font-family: 'Lato', sans-serif; font-weight: bold; color: #fff; font-size: 1.125rem; margin: 0;}
.logo-pounchout-new { max-width: 8rem; }
.custom-navigation ul.nav li:last-child a {padding-right: 0px;}
.custom-navigation ul.nav li a { font-weight: bold; font-family: 'Lato', sans-serif; font-size: 14px; color: #444444; text-transform: uppercase;}
.custom-navigation ul.nav li a:hover, .custom-navigation ul.nav li a.active { color: #025F83; }



/* main section */
.search-bar-block { position: relative; width: 23.125rem; }
.search-bar-block .serahbtn { position: absolute; right: 11px;   top: 10px; height: 16px; width: 16px; border-radius: 0px; background: url(../images/searchicon.png) no-repeat; border: none; padding: 0px; margin: 0px;}
.search-bar-block input.form-control { width: 100%; padding-right: 35px; font-size: 0.875rem; color: #444444; font-family: 'Lato', sans-serif;}
.main-block-contianer h2 {margin: 0px; color: #444444; font-size: 1.5rem; font-family: 'Lato', sans-serif; font-weight: bold;}
.custom-new-table { width: 100%; border-collapse: collapse; margin-top: 20px; border: #D2D2D2 solid 1px; background-color: #fff;}
.custom-new-table.table-striped tbody tr:nth-of-type(odd) { background-color: #fff; }
.custom-new-table.table-striped tbody tr:nth-of-type(even) { background-color: #F2F2F2; }
.custom-new-table.table-striped tbody tr td { border-top: 0px;}
.custom-new-table thead th { font-size: 0.875rem; }
.custom-new-table tbody td { font-size: 0.875rem; font-weight: 400; }
.edit-delete-section {color: #025F83; font-size: 0.875rem;}
.content-modal-block-scroll { max-height: 400px; overflow-y: auto; padding-right: 5px; }
.custom-modal-lg h3{ color: #444444; font-size: 16px; font-weight: bold; font-family: 'Lato', sans-serif;  }
.custom-modal-lg p{ color: #444444; font-size: 14px; font-weight: 400; font-family: 'Lato', sans-serif;  }
.custom-modal-lg ul { margin: 0px; padding: 0px;}
.custom-modal-lg ul li { list-style: none; color: #444444;  font-size: 14px; font-weight: 400; font-family: 'Lato', sans-serif;  }

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #fff;
  border-color: #025F83;
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23025F83'/%3e%3c/svg%3e");
}


/* Scrollbar styles */
.content-modal-block-scroll::-webkit-scrollbar {
    width: 5px;
}

.content-modal-block-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.content-modal-block-scroll::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

.content-modal-block-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.custom-modal-lg label { margin-bottom: 5px;}
.gx-2 { margin-right: -5px; margin-left: -5px;}
.gx-2 > *{padding-left: 5px; padding-right: 5px;}
label {
  font-family: 'Open Sans', sans-serif;
  color: #444444;
}
a {
  color: #025F83;
}
.login-container .forgot-link a {
  font-family: 'Open Sans', sans-serif;
  color: #025F83;
  font-size: 14px;
  text-decoration: none;}
 .custom-input-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
 }

 .custom-input-group input {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
 }
.fs-14 {
    font-size: 14px;
}

 @media only screen and (max-width: 767px) {
    .login-container { max-width: 24rem; }
    .login-container { padding: 2rem;}
    .logopounchout { max-width: 120px; }
    .search-bar-block {width: 100%;}
    .custom-navigation ul.nav li a { font-size: 0.75rem; padding: 0.5rem 0.5rem;}

 }

 @media only screen and (max-width: 480px) {
    .login-container { max-width: 18rem; }
    .login-container { padding: 1.5rem;}
    .main-block-contianer h2 { font-size: 1.25rem; }
    .top-section h2 { font-size: 1rem;}
    .custom-navigation ul.nav li a { font-size: 0.6875rem; }
    .logo-pounchout-new {max-width: 7rem;}
    .logo-pounchout-new {max-width: 5rem; }
    .custom-navigation ul.nav li a {padding: 0.5rem .2rem;}
 }

 @media only screen and (min-width: 992px) {
    .custom-modal-lg {max-width: 40.875rem;}
}