form, table {
    color: #fff;
}

    table tbody tr:hover {
        background-color: rgba(255,255,255,0.1);
    }

    table thead tr th {
        font-weight: 500;
    }


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 16px 8px;
}

.table > thead > tr > th {
    border-color: #fff;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top-color: #fff;
}

.checkbox {
    display: inline-block;
    float: left;
}

    .checkbox:last-child {
        margin-left: 20px;
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: 10px;
    }

label {
    font-weight: 500;
}

#total-amount-container {
    margin-top: 0;
}

.btn-payment {
    border: 1px solid #fff;
    padding: 8px 16px;
    color: #fff;
    display: inline-block;
    position: relative;
    top: -10px;
}

    .btn-payment:hover {
        color: #fff;
        text-decoration: none;
        background-color: #FC474F
    }

#discount {
    background: transparent;
    width: 220px;
    font-weight: 500;
    border: none;
    border-bottom: 1px solid #fff;
    font-size: 18px;
    color: #fff;
    margin-left: 10px;
    padding-left: 5px;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    #discount:focus {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #discount::-webkit-input-placeholder {
        color: rgba(62,216,210,0.3);
    }

    #discount::-moz-placeholder {
        color: rgba(62,216,210,0.3);
    }

    #discount:-ms-input-placeholder {
        color: rgba(62,216,210,0.3);
    }

    #discount:-moz-placeholder {
        color: rgba(62,216,210,0.3);
    }

table tr.disabled {
    pointer-events: none;
}

table tr.mute {
    color: rgba(255,255,255,0.4);
}

   .blink {
            animation: blinker 1s linear 1;
        }

        @keyframes blinker {
            25% {
                background-color: rgba(252,71,79,0.5);
            }
        }
        @-webkit-keyframes blinker {

            25% {
                background-color: rgba(252,71,79,0.5);
            }
        }
        @-moz-keyframes blinker {

            25% {
                background-color: rgba(252,71,79,0.5);
            }
        }
        @-o-keyframes blinker {

            25% {
                background-color: rgba(252,71,79,0.5);
            }
        }
        @-ms-keyframes blinker {

            25% {
                background-color: rgba(252,71,79,0.5);
            }
        }

        table tr td:last-child, table tr th:last-child {
            min-width: 80px !important;
        }

        .checkboxContainer {
            width: 20px;
            height: 20px;
            position: relative;
            background: transparent;
            margin-right: 5px;
            display: inline-block;
        }

            .checkboxContainer + span + .checkboxContainer {
                margin-left: 20px;
            }
            .checkboxContainer + span{
                color:#FC474F;
                font-size:22px;
            }

            .checkboxContainer label {
                width: 17px;
                height: 17px;
                position: absolute;
                top: 3px;
                left: 4px;
                cursor: pointer;
                border: 2px solid #FC474F ;
            }

                .checkboxContainer label:after {
                    content: '';
                    width: 15px;
                    height: 15px;
                    position: absolute;
                    background: #FC474F ;
                    opacity: 0;
                }

                .checkboxContainer label:hover::after {
                    opacity: 0.3;
                }

            .checkboxContainer input[type=checkbox] {
                visibility: hidden;
            }

                .checkboxContainer input[type=checkbox]:checked + label:after {
                    opacity: 1;
                }




        .bank-account-select-wrapper {
            position: relative;
            width: 50px;
            margin-bottom: 0;
            top: -4px;
        }

        .mute .bank-account-select-wrapper {
            opacity: 0.4;
        }

        .bank-account-select-wrapper:after {
            content: "";
            width: 15px;
            height: 15px;
            background: url(/2019/images/arrow-down.svg) no-repeat center;
            top: 9px;
            left: 30px;
            position: absolute;
            display: inline-block;
            background-size: 15px;
            z-index: 0;
            pointer-events: none;
        }


        .bank-account-select-wrapper select {
            color: #FC474F;
            font-size: 18px;
            font-weight: 500;
            padding-left: 10px;
            height: 34px;
            background-color: #fff;
            border-radius: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            display: inline-block;
            box-shadow: none !important;
            padding-top: 3px;
        }

            .bank-account-select-wrapper select:focus::-webkit-input-placeholder {
                color: #FC474F;
                box-shadow: none !important;
            }

            .bank-account-select-wrapper select:focus:-moz-placeholder { /* Firefox 18- */
                color: #FC474F;
                box-shadow: none !important;
            }

            .bank-account-select-wrapper select:focus::-moz-placeholder { /* Firefox 19+ */
                color: #FC474F;
                box-shadow: none !important;
            }

            .bank-account-select-wrapper select:focus:-ms-input-placeholder {
                color: #FC474F;
                box-shadow: none !important;
            }
        #total-amount{
            padding:0 10px;
        }
        .btn-payment.btn-disabled{
            pointer-events:none;
            opacity:0.5;
        }

@media screen and (max-width:991px) {
    #total-amount-container, .btn-payment {
        margin-top: 40px;
    }
}

@media screen and (max-width:768px) {
    #discount {
        margin-left: 0;
    }

    .btn-payment {
        float: left !important;
    }
}