.p-1{
  padding: 1rem;
}

.p-2{
  padding: 2rem;
}

.p-3{
  padding: 3rem;
}

.p-4{
  padding: 4rem;
}

.p-5{
  padding: 5rem;
}

.p-10{
  padding: 10rem;
}

.p-20{
  padding: 20rem;
}


.pt-1{
  padding-top: 1rem;
}

.pt-2{
  padding-top: 2rem;
}

.pt-3{
  padding-top: 3rem;
}

.pt-4{
  padding-top: 4rem;
}

.pt-5{
  padding-top: 5rem;
}

.pt-10{
  padding-top: 10rem;
}

.pt-20{
  padding-top: 20rem;
}


.pb-1{
  padding-bottom: 1rem;
}

.pb-2{
  padding-bottom: 2rem;
}

.pb-3{
  padding-bottom: 3rem;
}

.pb-4{
  padding-bottom: 4rem;
}

.pb-5{
  padding-bottom: 5rem;
}

.pb-10{
  padding-bottom: 10rem;
}

.pb-20{
  padding-bottom: 20rem;
}


.pl-1{
  padding-left: 1rem;
}

.pl-2{
  padding-left: 2rem;
}

.pl-3{
  padding-left: 3rem;
}

.pl-4{
  padding-left: 4rem;
}

.pl-5{
  padding-left: 5rem;
}

.pl-10{
  padding-left: 10rem;
}

.pl-20{
  padding-left: 20rem;
}


.pr-1{
  padding-right: 1rem;
}

.pr-2{
  padding-right: 2rem;
}

.pr-3{
  padding-right: 3rem;
}

.pr-4{
  padding-right: 4rem;
}

.pr-5{
  padding-right: 5rem;
}

.pr-10{
  padding-right: 10rem;
}

.pr-20{
  padding-right: 20rem;
}

.m-1{
  margin: 1rem;
}

.m-2{
  margin: 2rem;
}

.m-3{
  margin: 3rem;
}

.m-4{
  margin: 4rem;
}

.m-5{
  margin: 5rem;
}

.m-10{
  margin: 10rem;
}

.m-20{
  margin: 20rem;
}


.mt-1{
  margin-top: 1rem;
}

.mt-2{
  margin-top: 2rem;
}

.mt-3{
  margin-top: 3rem;
}

.mt-4{
  margin-top: 4rem;
}

.mt-5{
  margin-top: 5rem;
}

.mt-10{
  margin-top: 10rem;
}

.mt-20{
  margin-top: 20rem;
}


.mb-1{
  margin-bottom: 1rem;
}

.mb-2{
  margin-bottom: 2rem;
}

.mb-3{
  margin-bottom: 3rem;
}

.mb-4{
  margin-bottom: 4rem;
}

.mb-5{
  margin-bottom: 5rem;
}

.mb-6{
  margin-bottom: 6rem;
}

.mb-10{
  margin-bottom: 10rem;
}

.mb-20{
  margin-bottom: 20rem;
}


.ml-1{
  margin-left: 1rem;
}

.ml-2{
  margin-left: 2rem;
}

.ml-3{
  margin-left: 3rem;
}

.ml-4{
  margin-left: 4rem;
}

.ml-5{
  margin-left: 5rem;
}

.ml-10{
  margin-left: 10rem;
}

.ml-20{
  margin-left: 20rem;
}


.mr-1{
  margin-right: 1rem;
}

.mr-2{
  margin-right: 2rem;
}

.mr-3{
  margin-right: 3rem;
}

.mr-4{
  margin-right: 4rem;
}

.mr-5{
  margin-right: 5rem;
}

.mr-10{
  margin-right: 10rem;
}

.mr-20{
  margin-right: 20rem;
}

.mt-auto{
  margin-top: auto;
}

.mb-auto{
  margin-bottom: auto;
}

.ml-auto{
  margin-left: auto;
}

.mr-auto{
  margin-right: auto;
}

.mt-n-2{
  margin-top: -2rem;
}

.mt-n-5{
  margin-top: -5rem;
}

.mt-n-10{
  margin-top: -5rem;
}

.payment-section {
  padding-top: 20px;
}

.payment-info-table {
  margin-bottom: 0;
}

.payment-info-table td {
  border: none !important;
  padding: 4px !important;
}

.payment-label {
  width: 120px;
}

.qr-code-wrapper {
  display: flex;
  justify-content: flex-end;
}

.qr-code-container {
  position: relative;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 10px;
  padding: 15px;
  background: #fff;
}

.qr-code-image {
  width: 150px;
  height: 150px;
  display: block;
}

.qr-code-text {
  position: absolute;
  right: -48px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: center;
  white-space: nowrap;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.banking-reference {
  margin-top: 20px;
  padding: 10px;
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.table-bwa {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.table-bwa thead th {
  vertical-align: middle;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  padding: 0.5rem;
}

.table-bwa tbody td {
  padding: 0.5rem;
  border: 1px solid #dee2e6;
}

.table-bwa .active td {
  background-color: #e9ecef;
  font-weight: bold;
}

.table-bwa .text-right {
  text-align: right;
}

.table-bwa .text-center {
  text-align: center;
}

.table-bwa .year-group-even {
  background-color: rgba(0,0,0,0.02);
}

.table-bwa .year-group-odd {
  background-color: rgba(0,0,0,0.06);
}

.table-bwa .year-header-even {
  background-color: rgba(0,0,0,0.03) !important;
}

.table-bwa .year-header-odd {
  background-color: rgba(0,0,0,0.07) !important;
}

.nav-tabs-documents > li{
  border: unset;
}

.nav-tabs-documents > li.active{
  border: unset;
}

.nav-tabs-documents > li.active > a, .nav-tabs-documents > li.active > a:hover, .nav-tabs-documents > li.active > a:focus{
  color:#fff;
}