.bg-body{
    background-color: #0d6efd !important;
}
.nav-link{
    color: #fff !important;
}
.sidebar-brand{
    background-color: #fff !important;
}
.sidebar-wrapper .nav-treeview > .nav-item > .nav-link.active{
    background-color: #0d6efd !important;
}
.sidebar-wrapper .sidebar-menu > .nav-item > .nav-link.active:not(:hover){
    background-color: #0d6efd !important;
}
.sidebar-wrapper .sidebar-menu > .nav-item:hover > .nav-link.active{
    background-color: #0d6efd !important;
}
.text-right{
    text-align: right;
}
.login-lbl {
    color: #555;
    text-align: center;
    font-size: 14px;
}

.cus-table-header
{
    border-bottom-width: 0px; padding:7px 5px 7px 5px;
    background-color: #0d6efd;
    
    text-align: left;
}
.cus-table-header th
{
    border-bottom-width: 0px; padding:7px 5px 7px 5px;
    background-color: #0d6efd;
    color: #fff;
    text-align: left;
}

.cus-table-header tr th
{
    border-bottom-width: 0px; padding:7px 5px 7px 5px;
    background-color: #0d6efd;
    color: #fff;
    text-align: left;
    font-weight: 500;
}
.alert-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #d32535;
}
.alert-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #148ea1;
}
.alert-warning {
    color: #1f2d3d;
    background-color: #ffc107;
    border-color: #edb100;
}
.alert-success {
    color: #fff;
    background-color: #28a745;
    border-color: #23923d;
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: none;
}

.font-40{
    font-size: 40px;
    color: #28a745;
}
.pay-failed{
    font-size: 40px;
    color: #dc3545;
}
.fs-14{
    font-size: 14px;
}
.fs-16{
    font-size: 16px;
}
.fs-18{
    font-size: 18px;
}
.fw-500{
    font-weight: 500;
}
.text-grey{
    color: #666;
}
.circle-with-tick {
    width: 70px;
    height: 70px;
    border-radius: 50%; /* Makes it a circle */
    background-color: #28a745; /* Green background */
    position: relative;
  }
  
  .circle-with-tick::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 40px;
    border: solid white;
    border-width: 0 6px 6px 0;
    transform: translate(-50%, -60%) rotate(45deg); /* Centers and rotates the tick */
    box-sizing: border-box;
  }

  .circle-with-x {
    width: 70px;
    height: 70px;
    border-radius: 50%; /* Makes it a circle */
    background-color: #dc3545; /* Red background */
    position: relative;
  }
  
  .circle-with-x::before,
  .circle-with-x::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 6px;
    background-color: white;
    transform: translate(-50%, -50%) rotate(45deg); /* Diagonal line 1 */
    border-radius: 3px; /* Slightly rounded ends */
  }
  
  .circle-with-x::after {
    transform: translate(-50%, -50%) rotate(-45deg); /* Diagonal line 2 */
  }
  .active-sub{
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  .sidebar-menu .nav-link {
    cursor: pointer;
}

.form-label {
    margin-bottom: 0.2rem !important;
}

body {
    font-size: 14px;
}

.paginate_button {
    padding-left: 0px;
    padding-right: 7px;
    cursor: pointer;
    text-decoration: none;
}

.paginate_button:last-child {
    padding-right: 0px;
}

.paginate_button.current {
    font-weight: 500;
}