@font-face {
    font-family: lightFont;
    src: url(../font/Ubuntu-Light.ttf);
  }

  @font-face {
    font-family: boldFont;
    src: url(../font/Ubuntu-Bold.ttf);
  }
  
 
  h1,h2,h3,h5 {
    font-family: boldFont;
  }
  body {
    background: var(--bs-body-bg);
  }
  p,body {
    font-family: lightFont;
    
  }
  p{
    color: #898989;
  }
  .sb-topnav .navbar-brand {
    font-family: boldFont;
}
  .box{
    color: var(--bs-primary);
    background: var(--bs-white);
    border: none;
    border-radius: 25px;
  }
  .center-col-box {
    display: flex;
  justify-content: center;
  height: 100vh;
  }
  .sb-sidenav .sb-sidenav-menu .nav .nav-link {
    padding-top: 2em;
    padding-bottom: 1em;
    margin-left: 1em;
}
.tab-content {
  background: #fff;
  padding: 2em;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.nav-tabs {
  border-bottom: 0;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  border-color: transparent;
}
.nav-link {
  padding: 1.2em;
  font-size: 17px;
  font-family: boldFont;
  color: #9d9d9d;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: var(--bs-primary);
  font-size: 17px;
  font-family: boldFont;
}
.form-floating > label {
  color: #717171;
}
.nav-tabs .nav-link {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.btn-cust{
  font-family: boldFont;
  width: 100%;
  font-size: 27px;
  background: #0b0746;
  outline: 0;
  border: 0;
}
.btn-h{
  position: absolute;
    right: 1px;
    top: 1px;
    height: 56px;
}

.col-box-inside{
  display: flex;
    flex-flow: column;
    height: 100vh;
    justify-content: center;
}
.col-box-inside2{
  padding-top:10vh
}
.over-scroll{
  overflow-y: scroll;
}
  .btn-cust2{
    font-family: boldFont;
    width: 60%;
    font-size: 27px;
    background: #0b0746;
    outline: 0;
    border: 0;
  }
.font-h1{
    font-size: 4rem;
    color: var(--bs-primary);
}
span{ font-family: lightFont;}
.bx-colum-inside-width{
  width: 75vw;
  margin: auto;
}
.error-message {
  color: red;
  margin-top: 5px;
  font-family: boldFont;
}

.uploaded-images {
  margin-top: 20px;
}
#image-preview {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.preview-container {
  display: flex;
  flex-direction: column;
  margin: 5px;
  background: #fff;
  padding: 15px;
  width: 250px;
  text-wrap: wrap;
  word-wrap: break-word;
  position: relative;
}
.preview-image {
  max-width: 80px;
  max-height: 80px;
  margin-bottom: 5px;
  object-fit: contain;
}
.close-btn {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background: #fff;
  padding: 2px;
  border: 1px solid #ccc;
  border-radius: 50%;
  font-size: 12px;
  line-height: 1;
}
div.dataTables_wrapper div.dataTables_filter {
  /*text-align: center;*/
  margin-bottom: 2em;
}
th{
  font-family: boldFont;
  font-size: 18px;
}
tr{
  cursor: pointer;
}
td{
  color: #898989;
}
.img-data-pop{
  width: 180px;
    height: 180px;
    object-fit: contain;
    display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter input {
  padding: 5px 10px;
  outline: 0;
  border-radius: 8px;
  font-size: 18px;
  border: 1px solid #e3e3e3;
}
.btn-cust3 {
  font-family: boldFont;
  width: 100%;
  font-size: 20px;
  background: #0b0746;
  outline: 0;
  border: 0;
}
table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled {
  padding: 14px 8px;
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
  padding: 17px 8px;
}
.float-right {
  float: right;}
  @media (min-width: 991.98px) {
    .layoutSidenav-login {
      flex-basis: 350px !important;
      margin-right: 100px;}}

      @media (min-width:991.98px) {
      .sb-topnav {
        display: none;
    }}

.verifiedLblStyle {

    font-size: 28px;
    font-weight: bolder;
    color: forestgreen;
}