/* === Icon Quickpay === */
.watermark-1{
    position: absolute;
    bottom: 40%;
    right: 5%;
    width: 450px;
    top: 50px;
    z-index: 1;
}
.watermark1 {
    position: absolute;
    bottom: 40%;
    right: 10%;
    width: 300px;
    top: 50px;
    transform: rotate(10deg);
}
.watermark-1 {
    bottom: 60%;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .watermark1 {
        position: absolute;
        bottom: 40%;
        right: 10%;
        width: 150px;
        top: 50px;
        transform: rotate(10deg);
    }
}
@media screen and (max-width: 767px) {
    .watermark1 {
        position: absolute;
        bottom: 40%;
        right: 5%;
        width: 150px;
        top: 130px;
        transform: rotate(10deg);
    }
}
@media screen and (max-width: 766px) {
    .watermark1 {
        display: none;
    }
    
    .step-name {
        display: none;
    }
    .step-name1 {
        display: '';
    }
}


.payment-header h2{
    font-size: 3.5rem;
    @media (max-width: 400px) {
      font-size: 2.8rem;
    }
}

.holdingtax{
    margin: 0 auto;
    max-width: 150px;
    width: 100%;
    @media (max-width: 400px) {
      min-width: 100px;
    }
}


/* === Table === */
/*
.tb-invoicelists th:nth-child(3),
.tb-invoicelists th:nth-child(4),
.tb-invoicelists th:nth-child(5),
.tb-invoicelists td:nth-child(3),
.tb-invoicelists td:nth-child(4),
.tb-invoicelists td:nth-child(5)
{
    @media (max-width: 980px) {
        display: none;
    }
}
*/

.tb-invoicelists th:nth-child(2),
.tb-invoicelists th:nth-child(4),
.tb-invoicelists th:nth-child(5),
.tb-invoicelists th:nth-child(6),
.tb-invoicelists td:nth-child(2),
.tb-invoicelists td:nth-child(4),
.tb-invoicelists td:nth-child(5),
.tb-invoicelists td:nth-child(6)
{
    @media (max-width: 980px) {
        display: none;
    }
}

#rpay2 .tb-invoicelists th:nth-child(1),
#rpay2 .tb-invoicelists th:nth-child(4),
#rpay2 .tb-invoicelists th:nth-child(5),
#rpay2 .tb-invoicelists th:nth-child(6),
#rpay2 .tb-invoicelists td:nth-child(1),
#rpay2 .tb-invoicelists td:nth-child(4),
#rpay2 .tb-invoicelists td:nth-child(5),
#rpay2 .tb-invoicelists td:nth-child(6)
{
    @media (max-width: 980px) {
        display: none;
    }
}


.tb-invoicelists td {
    padding: 6px 3px;
}


/* === Input, Checkbox Select === */
input[type="checkbox"].checkMarkPay {
    display: none;
}
input[type="checkbox"].checkMarkPay+label {
    background-image : none;
    background-repeat: none;
}
input[type="checkbox"].checkMarkPay+label.checkLabel {
    background-color     : #ffffff;
    border               : none;
    border-radius        : 25px;
    -o-border-radius     : 25px;
    -moz-border-radius   : 25px;
    -webkit-border-radius: 25px;
    vertical-align       : middle;
    cursor               : pointer;
    display              : inline-block;
    padding              : 0px;
    width                : 42px;
    height               : 42px;
    border               : 2px solid #ccc;
}
input[type="checkbox"].checkMarkPay:checked+label.checkLabel {
    background-image     : url(../img/defaultSet/csscheckbox2.png);
    box-shadow           : none;
    -webkit-touch-callout: none;
    -webkit-user-select  : none;
    -khtml-user-select   : none;
    -moz-user-select     : none;
    -ms-user-select      : none;
    user-select          : none;
}

input[type="checkbox"].checkMarkPay+label,
input[type="checkbox"].checkMarkPay+label.checkLabel{
    margin: 0 auto;
    @media only screen and (max-width: 980px) {
        width : 35px;
        height : 35px;
    }

    @media only screen and (max-width: 400px) {
        width : 25px;
        height : 25px;
    }
}

input[type="checkbox"].checkMarkPay:checked+label.checkLabel{
    @media only screen and (max-width: 980px) {
        background-size: 31px
    }

    @media only screen and (max-width: 400px) {
        background-size: 21px;
    }
}