#top-content {
    width: 60%;
    margin: 3em auto;
    text-align: center;
    padding: 0px;
}

#acc-no {
    margin: 2%;
    padding: 1%;
    text-align: center;
}

.PaymentAmountBtn[type="number"] {
    text-align: center !important;
    font-size: 26px;
    /* border: 1px solid #ddd;*/
    border-style: none !important;
    /*border-radius: 4px;*/
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.3em;
    /* min-width: 15%;
    max-width 35%;*/
    /*width: auto; 35%;*/
    
    height: 1.0em;
    padding-bottom: 0.05em;
    width: fit-content;
    min-width: 2.4em;
}

/*=====================================================================================================*/

/*=====================================================================================================*/

.currencyinput {
    /*    border: 3px inset #ccc;*/
    font-size: 26px;

   
}

    .currencyinput input {
        border: 0;
      
    }

.NotSwitchedPaymentCardHeader {
    background: linear-gradient(135.47deg, #4C2E89 0%, #CA006C 100%);
    color: white;
}

.SwitchedPaymentCardHeader {
    background: linear-gradient(135.47deg, rgba(4,99,171,1) 0%, rgba(1,44,93,1) 100%);
    color: white;
}

#payment-summary {
    width: 50%;
    height: 25%;
    margin: auto;
    text-align: left;
    padding: 5px;
}


button {
    text-align: center;
    color: #fff;
    background-color: #ca006c;
    border-color: #ca006c;
    vertical-align: text-bottom !important;
}



.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    horizontal-align: center;
}

#select-payment {
    background-color: blue;
    height: 20%;
}



.container-payment {
    width: 60%;
    height: 35%;
    margin: auto;
    text-align: center;
    background: linear-gradient(135.47deg, #4C2E89 0%, #CA006C 100%);
  
}

.increment-btns {
    margin: auto;
    padding-bottom: 2%;
}

.container-payment-btn {
    text-align: center;
    /*border: grey;*/
}



span {
    cursor: pointer;
    
}

.number {
    margin-top: 1%;
    margin-right: 25%;
    margin-bottom: 1%;
    margin-left: 25%;
}

.minus, .plus {
    width: 1em;
    height: 2em;
    background: red;
    border-radius: 4px;
    padding: 8px 5px 8px 5px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}


.number-input input[type="number"] {
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

/* Hide up and down arrows in inputbox, works for: Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

/* Hide up and down arrows in inputbox, Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.number-input {
    margin-bottom: 20px;
    padding-top: 20px !important;
    
}