.payment-tabs li.active {
    background-color: var(--theme)!important;
     
 }
 
 .rnav-tabs > li.active > a, 
         .rnav-tabs > li.active > a:focus, 
         .rnav-tabs > li.active > a:hover {
             background-color: red !important;
             color: white !important;
             border-color: red !important;
         }
 
         .payment-tabs{
     margin-bottom: 20px;
 }
 .order-history table th{
     border-top: 1px dashed #c0c0c0;
 }
 
 .order-history  .bit-table th{
     padding-bottom: 8px!important;
 }
 
 .rnav-tabs.payment-tabs li{
     background-color: rgb(255,255,255);
 }
 
 .rnav-tabs.payment-tabs li:first-child,
 .rnav-tabs.payment-tabs li:first-child a{
     border-top-left-radius:5px;
 }
 .rnav-tabs.payment-tabs li:first-child a,
 .rnav-tabs.payment-tabs li:first-child{
     border-bottom-left-radius: 5px;
 }
 
 .rnav-tabs.payment-tabs li:last-child,
 .rnav-tabs.payment-tabs li:last-child a{
     border-top-right-radius:5px;
     border-bottom-right-radius: 5px;
 }
 .rnav-tabs.payment-tabs li:last-child a,
 .rnav-tabs.payment-tabs li:last-child{
     border-top-right-radius:10px!important;
 }
 
 .rnav-tabs.payment-tabs li.active{
    background-color: var(--theme)!important;
     
 }

 @media (min-width: 768px) {
    .rnav > li {
      display: table-cell;
      width: 1%;
    }
  }
  .rnav > li {
    float: none;
  }
  .rnav > li {
    position: relative;
    display: block;
  }

  .rd-none{
    display: none!important;
  }

  .overflow-scroll{
    overflow-y:scroll; 
}

.payment-collection-right{
    height: 100vh;
}

.introduction {
    padding: 20px;
}
.introduction h4{
    font-family: roboto_condensedbold;
    font-size: 20px;

}

.introduction p{
    font-size: 13px;
    line-height: 1.6;
}