h6 { font-family: "DB-HeaventRounded" !important; font-size: var(--font14);}
th, td, li {  font-size: var(--font14); }
.bank-1 img{ max-width: 30px; margin-right: 10px;}
.bg-account{ background: #f6f3f2;}
.bg-account.job-padding{ padding: 10px;}
.name-account{ background: #f47920; display: inline-block; border-radius: 10px; padding: 5px 15px;}
.name-account h6{ text-align: center; color: #ffffff;}

td.logo-bank img{ max-width: 120px;}
td.verticle-m{ vertical-align: middle !important;}
.label-font{ font-size: var(--font14); font-weight: normal;}

/* @media (max-width:576px){
	thead tr th, tbody tr td, .label-font{ font-size: var(--font12);}
} */

@media (max-width:380px){
	td.logo-bank img{ max-width: 100%;}
}

@media (max-width:1200px){
	.credit-doc{
		display: block !important;
		text-align: center;
	}
	.credit-pay{
		display: block !important;
		text-align: center;
	}
	.atm-doc {
		display: block !important;
		text-align: center;
	}
}

.job-danger{ width: 20%; float: left; text-align: right; padding-right: 20px; color: #555; font-size: var(--font14);}
.list-danger{ width: 80%; float: left; text-align: left; color: #555;}
.list-danger ul{ margin: 0; padding: 0; list-style: none;}

.bank-2{ text-align: center;}
.bank-2 img{ max-width: 500px;}

.alert-account{ background: #f47920; display: inline-block; border-radius: 10px; padding: 5px 15px;}
.alert-account h6{ text-align: center; color: #ffffff;}

.payment a{ background: #d40101; color: #fff; border-radius: 4px; padding: 5px; display: inline-block; animation: pay 1s ease infinite alternate; 
	text-decoration: none;}
.payment a:hover{ background: #ebebeb; color: #d40101;}

.payment-group { display: flex; justify-content: center; gap: 25px;}
.upload_payment{ background: #0247FE !important;}
.upload_payment:hover{ background: #ebebeb !important; color: #0247FE !important;}

.payment button{ background: #d40101; color: #fff; border: 1px solid #d40101;border-radius: 4px; padding: 5px; display: inline-block; animation: pay 1s ease infinite alternate; 
	text-decoration: none; transition: all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in;}
.payment button:hover{ background: #ebebeb; color: #d40101; border: 1px solid #ebebeb;}

@keyframes pay {
	from { transform: scale(1); }
	to { transform:  scale(1.1); }
}

.package ul{ margin: 0; padding: 0; list-style: none;}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th{
	padding: 15px;}
.blue-blue>tbody>tr>td{ padding: 10px; background: #c6ecff;}
.blue-blue>thead:first-child>tr:first-child>th{ background: #3db6ff;}

.blue-blue>tbody>tr>td.text-bottom{ vertical-align: middle;}

.border-group{
	border: 1px solid #BFBFBF;
    border-radius: 5px;
    background: #FFF;
    padding: 15px;
    overflow: hidden;
}

.text-align-l{
	text-align: left;
}
.text-align-r{
	text-align: right;
}

.credit-doc{
	display: flex;
    justify-content: center;
    gap: 0rem 24rem;
}

.credit-pay{
	display: flex;
    justify-content: center;
    gap: 0rem 32rem;
}

.mt-10{
	margin-top: 10px;
}
.mt-20{
	margin-top: 20px;
}
.mt-30{
	margin-top: 30px;
}
/* 
.payment-cancel a{ background: #d40101; color: #fff; border-radius: 4px; padding: 5px; display: inline-block; animation: pay 1s ease infinite alternate; 
	text-decoration: none;}
.payment-cancel a:hover{ background: #ebebeb; color: #d40101;} */

.payment-cancel button{ background: #fff; color: #bfbfbf; border: 1px solid #bfbfbf;border-radius: 2px; padding: 5px 10px 5px 10px; display: inline-block; animation: pay 1s ease infinite alternate; 
	text-decoration: none; transition: all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in;}
.payment-cancel button:hover{ background: #ebebeb; color: #555; border: 1px solid #ebebeb;}

.payment-cancel a{ background: #fff; color: #bfbfbf; border: 1px solid #bfbfbf;border-radius: 2px; padding: 5px 10px 5px 10px; display: inline-block; animation: pay 1s ease infinite alternate; 
	text-decoration: none; transition: all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in;}
.payment-cancel a:hover{ background: #ebebeb; color: #555; border: 1px solid #ebebeb; cursor: pointer;} 

.head-qr{
	background-color: #0E3D67;
    border-radius: 5px 5px 0 0;
    border: 1px solid #BFBFBF;
    border-bottom: 0;
    overflow: hidden;
    text-align: center;
}
.qr-border-group{
	border: 1px solid #BFBFBF;
    background: #FFF;
    padding: 15px;
    overflow: hidden;
	border-radius : 0 0 5px 5px;
}
.qr-detail{
	background-color: #F9F9F9;
	text-align: center;
	padding: 20px;
	border-radius: 5px 5px;
}

.atm-doc{
	display: flex;
    justify-content: center;
    gap: 0rem 4rem;;
}

.cash-doc{
	display: flex;
    justify-content: center;
    gap: 0rem 1rem;
}

.bank-3 img{ max-width: 100px; margin: 5px;}
.bank-4 img{ max-width: 170px; margin: 5px; padding-left: 30px;}

.pay-success-text{
	color: #32BA7C;
}