/* Verde Texto: #b2dd4c     #2e396d ou #34495e         Cinzento: #808080; */

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* =================================== GLOBALS =====================================*/

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    text-rendering: optimizeLegibility;
    font-family: Raleway, Calibri, Tahoma, Geneva, Verdana, sans-serif;
    background-color: transparent;
    color: #797979;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}

label.error {
    color: red;
}

.row {
    margin: 0;
}

.d-none {
    display: none;
}

.Numbers_font {
    font-family: 'Open Sans', sans-serif;
}

.mv_align_left {
    text-align: left;
}

.mv_align_center {
    text-align: center;
}

.mv_align_right {
    text-align: right;
}
/**************************************************/
.ct-registerclient-main {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    background-color: #fff;
}

.ct-checkout {
    padding: 20px;
}

    .ct-checkout h4 {
        font-size: 25px;
        padding-left: 1.5rem;
        color: #202020;
        font-weight: 700;
    }

    .ct-checkout h5 {
        font-size: 17px;
        padding-left: 1.5rem;
        color: #797979;
        font-weight: 500;
    }

    .ct-checkout h6 {
        font-size: 15px;
        padding-left: 1.5rem;
        margin-bottom: 0px;
        color: #B2DD4C;
        font-weight: 600;
    }

/** frm_details_card ************************************************/


.ct-cart-checkout-header {
    color: #bbbbbb;
    padding-left: 1.5rem !important;
}

.ct-cart-info {
    padding-top: 25px;
    padding-left: 1.5rem;
    padding-bottom: 5px;
    color: #c0c0c0;
    font-size: 13px;
}

.form-control {
    border: none;
    border-bottom: 2px solid #B2DD4C;
    border-radius: 0;
}

    .form-control::-moz-placeholder {
        color: #c0c0c0;
        font-size: 14px;
        font-weight: 300;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #c0c0c0;
        font-size: 14px;
        font-weight: 300;
    }

    .form-control::-webkit-input-placeholder {
        color: #c0c0c0;
        font-size: 14px;
        font-weight: 300;
    }

    .form-control:focus {
        box-shadow: none !important;
        border-bottom: 2px solid #4E5151 !important;
    }


.ct-resume .form-group {
}

a {
    color: #B2DD4C;
    text-decoration: none;
    background-color: transparent;
}

    a:hover {
        color: #B2DD4C;
        text-decoration: underline;
        background-color: transparent;
    }

label {
    display: inline;
    margin-bottom: 0;
}

#clientcardcharging_done {
    padding-top: 110px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 60px;
    font-size: 17px;
    color: #202020;
}

/*************/
#chkRGPD, #chkMGM {
    display: inline-block;
    width: 35px;
    height: 20px;
}

.MGMPromotion {
    padding-left: 20px;
    color: #c0c0c0;
    font-weight: 400;
}
/*************/
.btn-primary {
    background-color: #B2DD4C !important;
    border: 2px solid #B2DD4C !important;
    color: #fff !important;
    font-size: 13px;
    letter-spacing: 0.15em;
    font-weight: 600;
    text-decoration: none;
    max-width: 120px;
    display: inline-block;
    padding: 10px !important;
    border-radius: 4px;
    box-shadow: none !important;
}

    .btn-primary:hover {
        color: #B2DD4C;
        background-color: #ffffff;
        border: 2px solid #B2DD4C;
    }

    .btn-primary:focus, .focus.btn-primary {
        color: #B2DD4C;
        background-color: #ffffff;
        border: 2px solid #4E5151;
    }

    .btn-primary:after {
        color: #9fc4ce;
        background-color: #ffffff;
        border: 2px solid #B2DD4C;
    }

    .btn-primary:active:after {
        color: #9fc4ce;
        background-color: #ffffff;
        border: 2px solid #B2DD4C;
    }


.btn-cancel {
    background-color: #fff !important;
    border: 2px solid #B2DD4C !important;
    color: #B2DD4C !important;
    font-size: 13px !important;
    letter-spacing: 0.15em;
    font-weight: 600;
    text-decoration: none;
    max-width: 120px;
    display: inline-block;
    padding: 10px !important;
    border-radius: 4px;
    box-shadow: none !important;
}

    .btn-cancel:hover {
        border: 2px solid #cccccc !important;
        color: #cccccc !important;
    }

    .btn-cancel:focus, .focus.btn-cancel {
        border: 2px solid #cccccc !important;
        color: #cccccc !important;
    }


.disabled.btn-cancel, :disabled.btn-cancel {
    border: 2px solid #cccccc !important;
    background-color: #cccccc !important;
    color: #ffffff;
}



@media only screen and (max-width: 560px) {
    .ct-registerclient-main {
        width: 100%;
        margin-top: 0px;
    }

    .ct-checkout {
        padding: 20px 0;
    }
}