.helcimCCForms{ /*:not(.helcimCheckoutForm):not(helcimAddPaymentMethodForm){ */
    .col-15{
        -ms-flex: 15%; /* IE10 */
        flex: 15%;
    }

    .col-20 {
        -ms-flex: 20%; /* IE10 */
        flex: 20%;
    }

    .col-25 {
        -ms-flex: 25%; /* IE10 */
        flex: 25%;
    }

    .col-30 {
        -ms-flex: 30%; /* IE10 */
        flex:     30%;
    }
    
    .col-50 {
        -ms-flex: 50%; /* IE10 */
        flex: 50%;
    }
    
    .col-75 {
        -ms-flex: 75%; /* IE10 */
        flex: 75%;
    }

    .col-80 {
        -ms-flex: 80%; /* IE10 */
        flex: 80%;
    }

    .col-85 {
        -ms-flex: 85%; /* IE10 */
        flex: 85%;
    }

    .col-15,
    .col-20,
    .col-25,
    .col-50,
    .col-75,
    .col-85,
    .col-80,
    .col-30 {
        padding: 0 16px;
    }

    .container {
        background-color: #f2f2f2;
        padding: 5px 20px 15px 20px;
        border: 1px solid lightgrey;
        border-radius: 3px;
    }

    input[type=text]:not(#helcim_cardNumber){
        width: 100%;
        margin-bottom: 20px;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

    label {
        margin-bottom: 10px;
        display: block;
    }

    .icon-container{
        height: 100%;
        width: 60px;
        position: relative;
        font-size: 24px;
    }

    .icon-container .fa{
        position: absolute;
        bottom: 3px;
        right: 0px;
        font-size: 40px;
    }

    .icon-container .fa-cc-visa{
        color: #1A1F71;
    }
    .icon-container .fa-cc-mastercard{
        color: #EB001B;
    }
    .icon-container .fa-cc-discover{
        color: #F79C1F;
    }
    .icon-container .fa-cc-amex{
        color: #016FD0;
    }
    .icon-container .fa-cc-amex{
        color: #016FD0;
    }
    .icon-container .fa-credit-card{
        color: #ff6d00;
    }

    .row{
        display: -ms-flexbox; /* IE10 */
        display: flex;
        -ms-flex-wrap: wrap; /* IE10 */
        flex-wrap: wrap;
        margin: 0 -16px;
    }

    /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (and change the direction - make the "cart" column go on top) */
    @media (max-width: 800px) {
        .row {
        flex-direction: column-reverse;
        }
        
        .col-25 {
        margin-bottom: 20px;
        }
    }

}

.helcimCheckoutForm{


    /* Saved payment Methods*/
/*
    .savedPaymentss{
        visibility       : hidden;
    } */

    #LabelUseSavedPayments{
        text-align       : left;
    }

    #UseSavedPaymentsCBDiv{
        text-align        : right;
    }

    #helcimSavedPaymentSelectBox{
        padding-bottom: 10px;
    }

    /* Helcim Message Css*/
    .helcimMessage{
        width           : 400px;
        max-height      : 200px;
    }

    .helcimMessage ul{
        padding         : 0;
        list-style      : none;
    }

    .helcimMessage ul li{
        margin-bottom   : 5px !important;
        padding-left    : 5px;
        border-color    : #ddd;
        border-style    : solid;
        border-width    : 2px;
        background      : #fff;
    }

    .helcimMessage ul li i.fa-circle-exclamation{
        float           : left;
        padding-right   : 5px;
        color           : #FFD43B;
    }

    /*/responce  span/*/

    span#checkout_responce{
        display: hidden;   
    }

}