
  
.page-content {
    background-color: #1b9de31f;
  }
.font-size-14 {
        font-size: 20px !important;
        font-weight: 600;
        font-family: 'Inter';
    }


h4.mb-0 {
    font-weight: 700;
    font-size: 2.7rem;
    line-height: 2rem;
    color: #1b9de3 !important;
}
span.badge.badge-soft-success.font-size-11{
    font-weight: 800 !important;
    font-size: 0.895rem !important;
    line-height: 1.25rem;
    
}
span.text-muted.ms-2 {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 800;
    color: #b1a8b9 !important;
}
.text-primary {
    color: #1b9de3 !important;
}
h4.card-title {
    font-weight: bolder;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: 'Nunito';
}
.bg-soft-primary{
    background-color: #1b9de31f !important;
}
.vertical-menu{
    background-color: #1F2C5C !important;
}
.navbar-brand-box{
    background-color: #fff !importanT;
}
span.logo-lg img {
    width: 100%;
    height: 50px;
}
#sidebar-menu ul li a{
    font-size: 18px !important;
    
}
body[data-sidebar=dark] .mm-active .active{
    color: #1b9de3 !important;
}
body[data-sidebar=dark] #sidebar-menu ul li a i{
    color: #fff !important;
}
body[data-sidebar=dark] #sidebar-menu ul li a {
    color: #fff;
}
.alert.alert-primary {
    font-size: 16px;
}
.alert.alert-danger{
    font-size: 16px;

}
th, td {
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
  }
  
  /* Hover effect for table rows */
  tr:hover {
    background-color: #f2f2f299 !important; 
    cursor: pointer;           /* Show a pointer cursor on hover */
  }
  .pl-15{
    padding-left: 15px;
  }
 .pd-all15{
    padding:15px;
 }
 a.nav-link.main-color.active {
    background-color:  #1F2C5C;
    font-size: 17px;
    font-weight: 800;
}
.strong-heading{
    font-size: 17px;
    font-weight: 900;
    color: #000;

}
.set-status{
    font-size: 17px;
    background-color: #1F2C5C !important;
    text-transform: capitalize;
}
.capitalized{
    text-transform: capitalize;
}
.nav-tabs-custom .nav-item .nav-link.active {
    color:  #1F2C5C !important;
}
.nav-tabs-custom .nav-item .nav-link::after{
    background: #1F2C5C !important;
}
.active>.page-link, .page-link.active{

background-color:#1F2C5C !important;
}
.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active .step-number {
    background-color:#1F2C5C !important; 
}
.twitter-bs-wizard .twitter-bs-wizard-nav .step-number {
   
    border: 2px solid #1F2C5C;
    color: #1F2C5C;
}
li.nav-item.waves-effect.waves-light.tab-settings {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-left: 3px;
}
.main-heading-colr{
    color: #1F2C5C;
}
.button-bg-color{
    background-color: #1F2C5C !important;
}
.btn-font-sz {
    font-size: 16px;
}
p.text-muted.mb-0 {
    font-size: 16px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1F2C5C !important;
    color: white;
}
.dec-text{
    font-size: 17px;
}
.uolist-font{
    font-size: 17px;
}
th.sorting {
    color: #fff !important;
}

/* DataTables sort arrows - visible on dark header (like license-requests table) */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
  content: "\25B2" !important;
  font-family: inherit !important;
  font-size: 0.7em !important;
  bottom: 50% !important;
  margin-bottom: 2px !important;
  opacity: 0.6 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  display: block !important;
}
table.dataTable thead .sorting_asc:before {
  opacity: 1 !important;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
  content: "\25BC" !important;
  font-family: inherit !important;
  top: 50% !important;
  margin-top: 2px !important;
  font-size: 0.7em !important;
  opacity: 0.6 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  display: block !important;
}
table.dataTable thead .sorting_desc:after {
  opacity: 1 !important;
}
table.dataTable thead tr th.sorting_asc,
table.dataTable thead tr th.sorting_desc,
table.dataTable thead tr th.sorting,
table.dataTable thead tr td.sorting_asc,
table.dataTable thead tr td.sorting_desc,
table.dataTable thead tr td.sorting {
  padding-right: 26px !important;
  position: relative !important;
}
.verifed{
   background-color: #1b9de3 !important;
}
.form-label {
   
    font-size: 16px;
    color: #000;
}
.form-control{
    font-size:1rem;
}
.form-check-label {
    font-size: 16px;
}
.form-check-input:checked {
    background-color: #1F2C5C;
    border-color: #1F2C5C;
}
.table>thead {
    background-color: #1F2C5C;
}
/* Only header cells in dark thead — not tbody th (e.g. profile label column on white cards) */
.table > thead > tr > th,
table.dataTable > thead > tr > th {
    color: #fff !important;
}
.status-font{
    font-size: 15px;
    font-weight: 600;
}
/*profile styling start*/
#profile-upper {
    position: relative;
  }
  
  #profile-d {
    position: absolute;
    left: 59px;
    bottom: 0px;
    right: 0px;
    height: 180px;
    z-index: 2;
  }
  
  #profile-banner-image {
    height: 360px;
    overflow: hidden;
    z-index: 1;
  }
  
  #profile-banner-image img {
    width: 100%;
    margin-top: -20%;
  }
  
  #profile-pic {
    width: 180px;
    height: 180px;
    border-radius: 91px;
    margin-top: 37px;
    overflow: hidden;
    box-shadow: 0 0 0 5px #fff;
  }
  
  #profile-pic img {
    width: 100%;
  }
  
  #u-name {
    position: absolute;
    top: 120px;
    left: 208px;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
  }
  
  #m-btns {
    position: absolute;
    right: 56px;
    bottom: 20px;
    width: 250px;
  }
  
  #m-btns .td {
    padding: 0 8px;
  }
  
  .m-btn {
    cursor: pointer;
    color: #0e0e0e;
    white-space: pre;
    padding: 6px 12px 6px 12px;
    background-color: #1b9de31f;
    border-radius: 2px;
    font-size: 20px;
    margin-left: 10px;
    font-weight: 600;
  }
  
  .m-btn i {
    font-size: 16px;
    margin-right: 1px;
    vertical-align: middle;
  }
  
  .m-btn span {
    position: relative;
    top: 1px;
  }
  /*profile styling end*/


 
  
 
 
  
  .tb-class {
    display: table;
    width: 100%;
  }
  
  .tr {
    display: table-row;
  }
  
  .td-button {
    display: table-cell;
    vertical-align: middle;
  }
  .set-status-paid{
    font-size: 17px;
    background-color: green !important;
    text-transform: capitalize;
  }
  .login-welcome{
    font-weight: 800;
  }
  button.btn.btn-primary.waves-effect.waves-light.login-btn {
    width: 100% !important;
  }
  .auth-form-group-custom .auti-custom-input-icon{
    color: #1F2C5C;
  }
  .btn-font-login {
    font-size: 18px;
    font-weight: 900;
}
.btn-forget-style{
    color: #1F2C5C !important;
    font-weight: 900 !important;
    font-size: 16px;
}
.login-new{
    font-size: 17px;
}
.login-newacc{
    border: 1px solid #1F2C5C;
    padding: 10px 20px;
    border-radius: 5px;
    color:#1F2C5C !important;
    font-weight: 800 !important;
}

img.login-img{
    
        width: 450px;
        /*height: 250px;*/
        margin-bottom: 20px;
    
}
.authentication-bgs {
    text-align: center;
    background-color: #29b1d79e;
    height: 100%;
    width: 100%;
}
.text-caption{
    
    color: #fff;
    padding: 40px;
    text-align: center;
   margin: -15px 0;

}
.text-caption h4{
    font-size: 40px;
    font-weight: 800;
    color:white;
}
.divider {
    width: 100px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 0 auto;
}
.card.pricing-box.package-col{
    border-top: 6px solid #1F2C5C;
}
h2.p-4.package-heading{
    background-color: #2199ebc7;
    color: #fff;
}
.pricing-box .plan-features li {
    padding: 7px 0;
    border-bottom: 1px solid #1F2C5C;
}
.w-md200 {
    min-width: 200px;
}
.sub-prices{
    font-size: 16px;
    color: #1F2C5C !important;
}

.client-lead-headg{
    font-size: 20px;
    font-weight: 800;
}



 /*mobile media query start*/

 @media only screen and (max-width: 768px) {


 }



 /*mobile media query end*/
  

 
  

  
  

 
  

 
  
 
  

 
 
  
  
  

  