input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=number], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=date], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=file], select {
  width: 100%;
/*  padding: 12px 20px;
  margin: 8px 0;
  display: block;
  border: 1px solid #ccc;*/
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #04AA6D;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

div.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}


.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.cc-selector-2 input{
    position:absolute;
    z-index:999;
}

.visa{background-image:url(/paref_portal/static/src/images/pay_visa.png);}
.mastercard{background-image:url(/paref_portal/static/src/images/pay_mastercard.png);}
.paymaya{background-image:url(/paref_portal/static/src/images/pay_paymaya.png);}
.unionbank{background-image:url(/paref_portal/static/src/images/pay_ub.png);}
.bank{background-image:url(/paref_portal/static/src/images/pay_bank.png);}
.bank_ewb{background-image:url(/paref_portal/static/src/images/pay_bank_ewb.png);}
.bank_bpi{background-image:url(/paref_portal/static/src/images/pay_bank_bpi.png);}
.otc{background-image:url(/paref_portal/static/src/images/pay_otc.png);}
.bank_cb{background-image:url(/paref_portal/static/src/images/pay_bank_cb.png);}
.bank_pnb{background-image:url(/paref_portal/static/src/images/pay_bank_pnb.png);}
.cashier{background-image:url(/paref_portal/static/src/images/pay_cashier.png);}
.bank_lb{background-image:url(/paref_portal/static/src/images/pay_bank_lb.png);}
.bank_mb{background-image:url(/paref_portal/static/src/images/pay_bank_mb.png);}
.bank_bdo{background-image:url(/paref_portal/static/src/images/pay_bank_bdo.png);}
.bank_citi{background-image:url(/paref_portal/static/src/images/pay_bank_citi.png);}


.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width: 100px;height:70px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
/*a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}
* { font-family:monospace; }*/
.cc-selector-2 input{ margin: 5px 0 0 12px; }
.cc-selector-2 label{ margin-left: 7px; }
span.cc{ color:#6d84b4 }


.amount_residual{
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.bank-label{
  position: relative;
  left: -110px;
  top: 0px;
  color: black;
  width: 200px;

}

.bank-details p{
  display: block !important;
  margin-block-start: 0px !important;
  margin-block-end: 0px !important;
  margin-inline-start: 0px !important;
  margin-inline-end: 0px !important;
  color: red;
}