body {
    padding: 0;
    background: none;
}
.kx_link:hover {
    text-shadow: 0 0 20px #058bd9 !important;
    color: #358faa !important;
}

.KX_checkout {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    max-width: 800px;
    border: solid 1px #d6d6d6;
    border-radius: 6px;
    background-color: #f7f7f7;
    margin: 20px auto;
    display: flex;
}

    .KX_checkout.shadow {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    }

    .KX_checkout .KX_area_details {
        position: relative;
        min-width: 250px;
        background-color: #fdfdfd;
        padding: 0 10px 20px 10px;
        max-width: 250px;
        display: inline-block;
        vertical-align: top;
        border-radius: 6px 0 0 6px;
        border-right: 1px solid #e6e6e6;
        text-align: left;
    }

        .KX_checkout .KX_area_details hr, .KX_checkout .KX_area_payment hr {
            margin-bottom: 0;
            margin-top: .8rem;
        }

        .KX_checkout .KX_area_details table.KX_content {
            font-size: 9pt;
            width: 100%;
        }

            .KX_checkout .KX_area_details table.KX_content tr.KX_billing_data {
                background: #f7f7f7;
            }

                .KX_checkout .KX_area_details table.KX_content tr.KX_billing_data:hover {
                    background: #f0f4f7;
                }


        .KX_checkout .KX_area_details td.KX_label, .KX_checkout .KX_area_details td.KX_data {
            padding: 3px 0 0 0;
        }

            .KX_checkout .KX_area_details td.KX_label label {
                margin: 0px;
                font-size: 8pt;
                display: inline-block;
                margin-bottom: .3rem;
            }

        .KX_checkout .KX_area_details .KX_billing_data td.KX_label label {
            margin-bottom: 0;
        }

        .KX_checkout .KX_area_details .KX_label {
            color: #5e5e5e;
        }

        .KX_checkout .KX_area_details .KX_data {
            text-align: right;
            padding: 3px 0 0 0;
        }

        .KX_checkout .KX_area_details .KX_subtitle {
            padding-bottom: 0;
            border-bottom: 1px solid #d6d6d6
        }

        .KX_checkout .KX_area_details .KX_idata.KX_label {
            padding-top: 0;
            font-weight: 600;
            color: #484848;
            font-size: 8pt;
        }

        .KX_checkout .KX_area_details .KX_idata.KX_data {
            padding-top: 0;
            color: #484848;
            font-size: 8pt;
        }

        .KX_checkout .KX_area_details .client_logo {
            width: 100%;
            height: 35px;
            background-size: contain;
            background-repeat: no-repeat;
            margin: auto;
            background-position: center;
            margin: 4px auto;
            max-width: 229px;
        }

    .KX_checkout .KX_area_payment {
        background-color: #f0f4f7;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        border-radius: 0 6px 6px 0;
        height: 100%;
        width: 100%;
        min-height: 330px;
    }

        .KX_checkout .KX_area_payment .KX_body {
            padding: 10px 5px;
        }

        .KX_checkout .KX_area_payment .KX_MOP_button {
            width: 90px;
            height: 110px;
            display: inline-block;
            border: solid 1px #e6e6e6;
            border-radius: 4px;
            margin: 18px;
            vertical-align: top;
            padding: 1px 5px;
            cursor: pointer;
            background: #e9f0f5;
        }

            .KX_checkout .KX_area_payment .KX_MOP_button .KX_MOP_title {
                color: #5e5e5e;
                margin: 0;
                font-size: 8pt;
            }

            .KX_checkout .KX_area_payment .KX_MOP_button .KX_MOP_logo {
                width: 100%;
            }

                .KX_checkout .KX_area_payment .KX_MOP_button .KX_MOP_logo > img {
                    width: 100%;
                    border-radius: 2px;
                }

            .KX_checkout .KX_area_payment .KX_MOP_button:hover {
                background: #ddebf5;
            }

        .KX_checkout .KX_area_payment .KX_area_buttons, .KX_checkout.KX_direct .KX_area_buttons {
            text-align: right;
            padding: 0 15px 8px;
        }

        .KX_checkout .KX_area_payment .KX_title, .KX_checkout.KX_direct .KX_title {
            font-weight: bold;
        }

            .KX_checkout .KX_area_payment .KX_title.with_ico, .KX_checkout.KX_direct .KX_title.with_ico {
                line-height: .8;
                padding-top: 8px;
                font-size: 10pt;
                margin-bottom: 3px;
            }

        .KX_checkout .KX_area_payment .KX_title_separator, .KX_checkout.KX_direct .KX_title_separator {
            font-weight: 500;
            font-size: .9rem;
            padding: 3px 0 0 0;
            color: maroon;
            margin-bottom: 5px;
        }

        .KX_checkout .KX_area_payment input, .KX_checkout .KX_area_payment select {
            font-size: .9rem;
            padding: .275rem .65rem;
            display: block;
            height: calc(1.95rem + 2px);
        }

            .KX_checkout .KX_area_payment input.KX_input_phone {
                padding-right: 0 !important;
                margin: 0 !important;
                border-radius: 0 .25rem .25rem 0;
            }

            .KX_checkout .KX_area_payment input::placeholder, .KX_checkout.KX_direct input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
                color: #818c95;
            }

            .KX_checkout .KX_area_payment input:-ms-input-placeholder, KX_checkout.KX_direct input:-ms-input-placeholder { /* Internet Explorer 10-11 */
                color: #818c95;
            }

            .KX_checkout .KX_area_payment input::-ms-input-placeholder, .KX_checkout.KX_direct input::-ms-input-placeholder { /* Microsoft Edge */
                color: #818c95;
            }


        .KX_checkout .KX_area_payment .KX_simple_area, .KX_checkout.KX_direct .KX_simple_area {
            padding: 8pt 16pt 0;
        }

            .KX_checkout .KX_area_payment .KX_simple_area .KX_subtitle, .KX_checkout.KX_direct .KX_simple_area .KX_subtitle {
                font-size: .8rem;
            }

            .KX_checkout .KX_area_payment .KX_simple_area .KX_input_group, .KX_checkout.KX_direct .KX_simple_area .KX_input_group {
                margin-bottom: 7px;
            }

            .KX_checkout .KX_area_payment .KX_simple_area input, .KX_checkout .KX_area_payment .KX_simple_area select, .KX_checkout.KX_direct .KX_simple_area input, .KX_checkout.KX_direct .KX_simple_area select {
                border: none;
                border-bottom: 1px solid #ced4da;
                border-radius: initial;
                background: #f9f9f9;
                font-weight: 100;
                font-size: 10pt;
                font-weight: 400;
            }


        .KX_checkout .KX_area_payment .KX_card, .KX_checkout.KX_direct .KX_card {
            background-repeat: no-repeat;
            background-size: cover;
            background: linear-gradient(0deg, rgb(230, 230, 230) 0%, rgba(255,255,255,1) 40%, rgb(236, 236, 236));
            border-radius: 8px;
            padding: 0 6px;
            max-width: 460px;
            margin: 0 auto;
            padding: 9px 5px 0px;
            border: solid 1px #afafaf;
            border: solid 1px #0a3375;
        }

            .KX_checkout .KX_area_payment .KX_card .KX_label, .KX_checkout.KX_direct .KX_card .KX_label {
                display: inline-block;
                margin-bottom: .1rem;
                font-weight: 600;
                font-size: .8rem;
                color: #000000;
                text-shadow: 1px 1px #fff;
            }

            .KX_checkout .KX_area_payment .KX_card input, .KX_checkout .KX_area_payment .KX_card select, .KX_checkout.KX_direct .KX_card input,, .KX_checkout.KX_direct .KX_card select {
                background: #ffffffe0;
                color: #313131;
                font-weight: 500;
            }

            .KX_checkout .KX_area_payment .KX_card .KX_input_group, .KX_checkout.KX_direct .KX_card .KX_input_group {
                text-align: left;
                margin-bottom: 0;
            }

                .KX_checkout .KX_area_payment .KX_card .KX_input_group .form-group, .KX_checkout.KX_direct .KX_card .KX_input_group .form-group {
                    margin-bottom: 4px;
                }


        .KX_checkout .KX_area_payment .KX_input_group_line {
            margin-bottom: 5px;
        }

            .KX_checkout .KX_area_payment .KX_input_group_line .KX_label {
                border-radius: .25rem 0 0 .25rem;
                border-right: none;
                font-size: 10pt;
                font-weight: 600;
                min-width: 100px;
            }
        /*CyberSource*/
        .KX_checkout .KX_area_payment .KX_card.KX_CSRCSA, .KX_checkout.KX_direct .KX_card.KX_CSRCSA {
            background: linear-gradient(0deg, rgb(230, 230, 230) 0%, rgba(255,255,255,1) 40%, rgb(236, 236, 236));
            /* background-image: url(http://devkqtest.eastus2.cloudapp.azure.com/KXPayment/content/fop/bag_card_4.jpg) !important;
                background-attachment: fixed;*/
        }

            .KX_checkout .KX_area_payment .KX_card.KX_CSRCSA .KX_label, .KX_checkout.KX_direct .KX_card.KX_CSRCSA .KX_label {
                color: #000000;
                text-shadow: 1px 1px #fff;
            }

        .KX_checkout .KX_area_payment .KX_CSRCSA .KX_title, .KX_checkout.KX_direct .KX_CSRCSA .KX_title {
            color: #083375;
            font-weight: bold;
        }

        /*RQ*/

        .KX_checkout .KX_area_payment .KX_QR .KX_QR_content {
            display: inline-block;
            vertical-align: middle;
            width: 230px;
            padding: 10px;
            border-radius: 6px;
            border: solid 1px rgb(210, 54, 48);
            background: #ffffff;
        }

        .KX_checkout .KX_area_payment .KX_QR table.KX_qr_information {
            display: inline-block;
            max-width: 260px;
            font-size: 8pt;
            vertical-align: middle;
            padding: 8px;
            color: #3e0b0b;
            text-align: left;
            background: #ffffffad;
            text-align: left;
        }

            .KX_checkout .KX_area_payment .KX_QR table.KX_qr_information tr td {
                padding-bottom: 8px;
            }

        .KX_checkout .KX_area_payment .KX_QR .KX_title {
            color: maroon;
            font-weight: bold;
        }

        /*TIGO MONEY*/

        .KX_checkout .KX_area_payment .KX_card.KX_TIMO {
            background: rgb(0, 52, 126);
        }

        .KX_checkout .KX_area_payment .KX_TIMO .KX_title {
            color: #083375;
            font-weight: bold;
        }

        .KX_checkout .KX_area_payment .KX_TIMO .KX_input_group {
            margin-bottom: .8rem;
        }

        .KX_checkout .KX_area_payment .KX_TIMO .KX_label {
            color: #ffbd00;
            text-shadow: 1px 1px #252525;
        }

        /*CLIENTES BCP*/
        .KX_checkout .KX_area_payment .KX_BCPBTN .KX_input_group {
            margin-bottom: .4rem;
        }

        .KX_checkout .KX_area_payment .KX_BCPBTN .KX_title {
            color: #083375;
        }

        .KX_checkout .KX_area_payment .KX_card.KX_soli_form, .KX_checkout.KX_direct .KX_card.KX_soli_form {
            background: rgb(3,162,209);
            background: linear-gradient(149deg, rgba(3,162,209,1) 0%, rgba(12,201,231,1) 100%);
        }

            .KX_checkout .KX_area_payment .KX_card.KX_soli_form .KX_label, .KX_checkout.KX_direct .KX_card.KX_soli_form .KX_label {
                text-shadow: 1px 1px #0bc7e6;
            }


        .KX_checkout .KX_area_payment .KX_card.KX_BCP_debit_card, .KX_checkout.KX_direct .KX_card.KX_BCP_debit_card {
            border: solid 1px #15750a;
        }

            .KX_checkout .KX_area_payment .KX_card.KX_BCP_debit_card .KX_title {
                color: #15750a;
            }

        .KX_checkout .KX_area_payment .KX_card.KX_BCP_credit_card, .KX_checkout.KX_direct .KX_card.KX_BCP_credit_card {
            border: solid 1px #0829a0;
        }

            .KX_checkout .KX_area_payment .KX_card.KX_BCP_credit_card .KX_title {
                color: #0829a0;
            }

    /*DIRECT*/
    .KX_checkout.KX_direct {
        background: none;
        border: none;
        margin: 0 auto;
        width: 100%;
        padding: 0;
        display: block;
    }

        .KX_checkout.KX_direct .form_content {
            margin: 0 auto;
        }

        .KX_checkout.KX_direct .KX_header {
            max-width: 460px;
            margin: auto;
        }

            .KX_checkout.KX_direct .KX_header .KX_input_group {
                margin-bottom: 3px;
            }

            .KX_checkout.KX_direct .KX_header label {
                font-size: .8rem;
                margin: 0;
            }

        .KX_checkout.KX_direct .KX_area_payment {
            background-color: initial;
        }


    .KX_checkout .KX_button {
        cursor: pointer;
    }

        .KX_checkout .KX_button i.KX_icon {
            font-size: 10pt;
            color: maroon;
            cursor: pointer;
        }

        .KX_checkout .KX_button .spinner {
            display: none;
        }

        .KX_checkout .KX_button:disabled .spinner {
            display: initial;
        }

        .KX_checkout .KX_button:hover .KX_label label {
            font-weight: bold;
            cursor: pointer;
        }

    .KX_checkout .KX_ordercode {
        font-size: 10pt;
        font-weight: bold;
    }

    .KX_checkout .KX_amount {
        font-weight: bold;
    }


    .KX_checkout .KX_timelimit {
        font-size: 8pt;
        font-weight: bold;
    }

    .KX_checkout .KX_highlight {
        color: maroon !important;
    }

    .KX_checkout .KX_title {
        padding-top: 10px;
    }

    .KX_checkout.test_environment .KX_area_details, .KX_checkout.test_environment .KX_area_payment, .KX_checkout.KX_direct.test_environment {
        background-image: url(http://devkqtest.eastus2.cloudapp.azure.com/KXPayment/content/images/test_bck.png);
    }


.error_tooltipcontainer .tooltip-inner {
    color: #fff;
    background-color: #d01111;
    padding: .1rem .3rem;
    font-size: .8rem;
}

.error_tooltipcontainer.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #d5322f;
}

.message_payment_response {
    font-size: 9pt;
    text-align: left;
    padding-left: 30px;
    line-height: 1;
    display: none;
}

    .message_payment_response.error {
        color: #dc0606;
        display: block !important;
    }

        .message_payment_response.error:after {
            content: '';
            display: block;
            height: 15px;
            width: 15px;
            position: relative;
            top: -14px;
            left: -18px;
            background: url(https://devkqtest.eastus2.cloudapp.azure.com/KQ.TR.WebApplication/content/images/notification_error.png) no-repeat 0px 0px;
            background-size: 15px;
        }

    .message_payment_response.success {
        color: #0c5c02;
        display: block !important;
    }

    .message_payment_response.information {
        color: #0552a5;
        display: block !important;
    }

.alert {
    margin: 0 10px 10px 10px;
    padding: 1px;
    font-size: 9pt;
}

    .alert.alert-dismissible {
        padding-right: 27px;
    }

.alert-dismissible .close {
    padding: 0.1rem 0.25rem;
}

.alert-danger {
    background-color: rgba(248, 215, 218, 0.89);
}


.chosen-container-single .chosen-search input[type="text"] {
    background-size: 85px !important;
    background-position-y: -36px !important;
    background-position-x: 105% !important;
}

.chosen-container {
    display: block !important;
}

.chosen-container-single .chosen-single {
    box-shadow: none !important;
    border: none !important;
    background: #f9f9f9 !important;
    border-radius: initial !important;
    border-bottom: solid #d5dadf 1px !important;
}

    .chosen-container-single .chosen-single span {
        text-align: left !important;
    }