/*LOGIN DA INTUITIVE*/
/*----------------
    As colunas são dividas por 4:
    - sem class corresponde a 100%.
    -col01 corresponde a 1/4.
    - .col02 corresponde a 2/4.
    - .col03 corresponde a 3/4.
    Algumas colunas tem um padrão um pouco diferente e foi preciso usar um tamanho fixo,
   como por exeplo "col_160" essa corresponde a 160px de tamanhos.
--------------------*/
/*-------------------
     Login 
-------------------*/

body {
    margin: 0;
    padding: 0;
    background: #454545;
}

#divHeader .faixa_ambiente_right, .testeABCad .content_checkout .tit_checkout {
    display: none;
}

.giuliana2013 .tit_checkout {
    display: none;
}

.content_checkout {
    padding-top: 10px;
    background: #fff;
}

    .content_checkout #ContentSite_divMessages table {
        margin: 0 !important;
        border-radius: 6px;
        border: 1px solid #ccc;
    }

        .content_checkout #ContentSite_divMessages table td {
            font: normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
            line-height: 30px;
            padding: 0 5px;
            text-align: center;
        }

    .content_checkout .login_content {
        width: 100%;
        overflow: hidden;
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .content_checkout .login_content .box_login {
            margin: 0;
        }
/*.content_checkout .login_content .box_login .login_esq {float:left; width:49%; border:solid 1px #D7D7D7; box-sizing: border-box; padding:10px;}*/

.button_login {
    width: 100%;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    box-sizing: border-box;
    background: #98B505;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    border: 0;
    transition: 0.3s;
    font-size: 16px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .button_login:hover {
        background: #849704;
    }

.login_simple {
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #D7D7D7;
    box-sizing: border-box;
    padding: 10px;
    width: 96%;
    max-width: 560px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

    .login_simple h2 {
        font-weight: normal;
        float: left;
        width: 100%;
        color: #7C7C7C;
        font-size: 20px;
        font-family: 'Source Sans Pro', sans-serif;
        text-transform: uppercase;
    }

    .login_simple .bt_login {
        width: 100% !important;
        margin-top: 5px;
    }

    .login_simple .jqClearField {
        width: 100%;
        margin: 0;
        height: auto;
        padding: 10px;
        float: left;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #ccc;
    }

    .login_simple #ContentSite_ibtContinueNotPassword {
        float: left;
        font-size: 0;
        width: 100%;
        height: 45px;
        border: none;
        cursor: pointer;
        outline: none;
        background: url('https://static.cestasmichelli.com.br/images/btn-continuar.jpg') #5A7C18 no-repeat center;
    }

/*.content_checkout .login_content .box_login .login_dir {float:right; width:49%; border:solid 1px #D7D7D7; box-sizing: border-box; padding:10px;}*/
.content_checkout .login_content .box_login .txt_login {
    float: left;
    width: 100%;
    text-align: center;
}
    /*.content_checkout .login_content .box_login .txt_login span {float:left; width:100%; color:#7C7C7C; font-size:20px; font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase;}*/
    .content_checkout .login_content .box_login .txt_login p {
        font-size: 12px;
        font-family: 'Source Sans Pro', sans-serif;
        color: #333;
    }

        .content_checkout .login_content .box_login .txt_login p br {
            content: '';
            display: none;
        }
/*.content_checkout .login_content .box_login .form_login .input_form {height:auto; float:left; width:100%;}*/
/*.content_checkout .login_content .box_login .form_login .input_form p {margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#333;}*/
.content_checkout .login_content .button_login {
    width: 100%;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    box-sizing: border-box;
    background: #98B505;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    border: 0;
    transition: 0.3s;
    font-size: 16px;
    cursor: pointer;
}

    .content_checkout .login_content .button_login:hover {
        background: #849704;
    }

/*.content_checkout .login_content .box_login .form_login .input_form input.zip {float:left; width:70%;} 
.content_checkout .login_content .box_login .form_login .input_form input.zipComplement {float:right; width:29%;}*/
.top_search {
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
}

#ContentSite_txtSearch {
    float: left;
    width: 80%;
    padding: 10px;
}

#ContentSite_btnSearch {
    float: left;
    width: 20%;
    padding: 10px;
}
/*.content_checkout .login_content .box_login .form_login .input_form .separador_cep {display:none;}*/
/*.content_checkout .login_content .box_login .form_login .input_form span {width:auto;}*/
.content_checkout .login_content .box_login .form_login span a {
    float: right;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #333;
}

.content_checkout .login_content .box_login .bt_login .input {
    float: left;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    height: 45px !important;
    border: none;
    cursor: pointer;
    outline: none;
    background: #5A7C18;
}

.content_checkout .login_content .box_login .bt_login_facebook {
    width: 49%;
    float: right;
    overflow: hidden;
}

.content_checkout .login_content .box_login .fb_iframe_widget {
    background: none;
    margin: 0 !important;
    height: 45px !important;
    float: left;
    width: 100%;
}

    .content_checkout .login_content .box_login .fb_iframe_widget span {
        height: 45px;
        float: left;
        width: 100%;
    }

.content_checkout .privacidadeSeguranca {
    margin: 80px auto 0;
    position: relative;
}

    .content_checkout .privacidadeSeguranca .siteSeguroFooter {
        float: right;
        width: 20%;
    }

    .content_checkout .privacidadeSeguranca .iteSeguroFootercontent {
        float: left;
        width: 80%;
    }

.giuliana2013 .content_checkout .privacidadeSeguranca .txt_seguranca {
    font-size: 12px;
    line-height: 22px;
}

.giuliana2013 .content_checkout .privacidadeSeguranca .selos_seguranca {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: solid 1px #B2B2B2;
}

.content_checkout .privacidadeSeguranca .siteSeguroFooter h2 {
    float: left;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 15px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

.content_checkout .privacidadeSeguranca .siteSeguroFooter p {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    font-size: 12px;
    text-align: center;
}

.form_login ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    list-style: none;
}

/*AJUSTES CSS LOGIN INICIO*/
#ContentSite_dvSite {
    float: left;
    text-align: center;
    margin-top: 4%;
    height: auto;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    margin-bottom: 50px;
    padding-top: 30px;
    overflow: auto;
}

.content_checkout .login_content .box_login .login_esq {
    margin-bottom: 25px;
    border-right: solid 1px #D2D2D2;
}

.content_checkout .login_content .box_login .login_esq, .content_checkout .login_content .box_login .login_dir {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 4%;
    text-align: center;
    min-height: 280px;
}

.content_checkout .login_content .box_login .form_login .input_form {
    float: left;
    width: 100%;
    margin-bottom: 13px;
    position: relative;
}

    .content_checkout .login_content .box_login .form_login .input_form input {
        float: right;
        width: 70%;
        box-sizing: border-box;
        border: solid 1px #DDDDDD;
        padding: 10px;
        border-radius: 0 !important;
        height: 48px;
    }

#ContentSite_lbtAlterEmail {
    display: none;
}

#ContentSite_lbtRecoverPassword {
    float: left;
    width: 95%;
    text-align: right;
    font-size: 14px;
    line-height: 164%;
    color: #484848;
    text-decoration: underline;
    padding-top: 5px;
    border: none;
    background: transparent;
    cursor: pointer;
}

#ContentSite_ibtContinue {
    background: #d3767f;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 20px 0 20px 0;
    transition: 0.3s;
    text-decoration: none;
    float: right;
    width: 70%;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

    #ContentSite_ibtContinue:hover {
        background: #e7b5b6;
    }

.content_checkout .login_content .box_login .txt_login span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 164%;
    color: #0A0A0A;
}

.content_checkout .login_content .box_login .login_dir .btn_login {
    display: inline-flex;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 24px;
}


.face-newlogin {
    padding: 15px 0 10px 0;
    float: right;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #B2B2B2;
    line-height: 164%;
    color: #000000;
    height: 30px;
    margin-left: 30px;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
    text-align: right;
    padding-right: 35px;
}

/*.google-newlogin{        padding: 15px 0 10px 0;        float: right;           width: 100%;                background: #FFFFFF;        border: 1px solid #B2B2B2;        line-height: 164%;        color: #000000;        height: 30px;        cursor:pointer;        position:relative;        text-align: right;        padding-right: 43px;    }*/
.google-newlogin {
    padding: 15px 0px 10px 0px;
    float: right;
    width: 45%;
    background: #FFFFFF;
    border: 1px solid #B2B2B2;
    line-height: 164%;
    color: #000000;
    height: 30px;
    cursor: pointer;
    position: relative;
    text-align: right;
    padding-right: 55px;
    margin-left: auto;
    margin-right: auto;
}

.btn_login .icon-face {
    position: absolute;
    right: 200px;
}

#ContentSite_ibtNewCustomer {
    background: #E7E7E7;
    border-radius: 4px;
    color: #484848;
    padding: 20px 0 20px 0;
    transition: 0.3s;
    text-decoration: none;
    float: right;
    width: 70%;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 35px;
    margin-right: 83px;
}

.txt_newlogin {
    font-size: 20px;
    line-height: 125%;
    text-align: center;
    color: #0A0A0A;
    margin-bottom: 20px;
}

.content_checkout .login_content .box_login .form_login .input_form span {
    float: left;
    width: 28%;
    text-align: right;
    font-size: 16px;
    line-height: 164%;
    padding-top: 10px;
}

.content_checkout .login_content .box_login .login_dir .txt_newlogindir {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    margin-top: 10px;
}

#ContentSite_ibtLoginQuickEmail {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 4px;
    color: #764637;
    padding: 20px 0 20px 0;
    text-decoration: none;
    float: right;
    width: 70%;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
}

    #ContentSite_ibtLoginQuickEmail:hover {
        background-color: #d3767f;
        color: #FFFFFF;
    }

.txt_newloginfooter {
    font-weight: 400;
    font-size: 12px;
    line-height: 164%;
    color: #484848;
    white-space: nowrap;
}

.content_checkout .login_content .box_login .form_login .input_form .SenhaPassword {
    float: left !important;
    width: 40px !important;
    height: 36px;
    background: url(//static.giulianaflores.com.br/images/site/password-nao-visivel.png) center no-repeat #fff;
    cursor: pointer;
    position: absolute;
    right: 1px;
    margin-top: 1px;
    opacity: 0.9;
}

@media only screen and (max-width: 820px) {

    #ContentSite_dvSite {
        height: auto;
        width: 70%;
        margin: 0 15%;
        border: none;
    }

    .content_checkout .login_content .box_login .login_esq, .content_checkout .login_content .box_login .login_dir {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding-left: 4%;
        padding-right: 4%;
        border: none;
        text-align: center;
        min-height: 250px;
        height: auto;
    }

    .txt_newlogin {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }

    .content_checkout .login_content .box_login .form_login .input_form span {
        float: left;
        width: 42%;
        text-align: left;
        font-size: 16px;
        padding-top: 10px;
        height: 26px;
        font-family: Arial,Helvetica LT Std,Verdana,sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: 164%;
    }

    .content_checkout .login_content .box_login .form_login .input_form input {
        width: 100%
    }

    #ContentSite_lbtRecoverPassword {
        float: left;
        width: 100%;
        text-align: right;
        font-size: 14px;
        line-height: 164%;
        color: #484848;
        text-decoration: underline;
        padding-top: 5px;
        border: none;
        background: transparent;
        cursor: pointer;
    }

    #ContentSite_ibtLoginEmail {
        margin-top: 10px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .content_checkout .login_content .box_login .txt_login {
        font-size: 12px;
        line-height: 164%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .content_checkout .login_content .box_login .login_dir .btn_login {
        display: block;
        margin: 0;
        margin-top: 10px;
    }

    .content_checkout .login_content .box_login .txt_login span {
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 164%;
        color: #0A0A0A;
    }

    .face-newlogin {
        padding: 15px 0px 10px 0px;
        float: right;
        width: 99%;
        background: #FFFFFF;
        border: 1px solid #B2B2B2;
        line-height: 164%;
        color: #000000;
        margin: 0;
        cursor: pointer;
        text-align: center;
    }

    .fb_iframe_widget span {
        display: none;
    }

    .google-newlogin {
        padding: 15px 0px 10px 0px;
        float: right;
        width: 99%;
        background: #FFFFFF;
        border: 1px solid #B2B2B2;
        line-height: 164%;
        color: #000000;
        margin-top: 10px;
        margin-bottom: 30px;
        text-align: center;
    }

    .btn_login .icon-face {
        position: absolute;
        right: 360px;
    }

    .content_checkout .login_content .box_login .login_dir .txt_newlogindir {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        text-align: center;
        margin-bottom: 10px;
    }

    #ContentSite_ibtNewCustomer {
        background: #E7E7E7;
        border-radius: 4px;
        color: #484848;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        padding: 20px 0 20px 0;
        transition: 0.3s;
        text-decoration: none;
        font-size: 14px;
        float: right;
    }

    #ContentSite_ibtContinue, #ContentSite_ibtNewCustomer {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .txt_newloginfooter {
        font-weight: 400;
        font-size: 12px;
        line-height: 164%;
        color: #484848;
        float: left;
        margin: 0 14px;
    }

    .content_checkout .login_content .box_login .form_login .input_form .SenhaPassword {
        float: left !important;
        width: 40px !important;
        height: 36px;
        background: url(//static.giulianaflores.com.br/images/site/password-nao-visivel.png) center no-repeat #fff;
        cursor: pointer;
        position: absolute;
        right: 1px;
        margin-top: 37px;
        opacity: 0.9;
    }

    #ContentSite_ibtLoginQuickEmail {
        background: #FFFFFF;
        border: 1px solid #E7E7E7;
        border-radius: 4px;
        color: #838383;
        padding: 20px 0 20px 0;
        text-decoration: none;
        float: right;
        width: 100%;
        text-align: center;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 520px) {
    .content_checkout .login_content {
        height: 840px;
    }

    #ContentSite_dvSite {
        height: auto;
        width: 100%;
        margin: 0;
        border: none;
    }

    .content_checkout .login_content .box_login .login_esq, .content_checkout .login_content .box_login .login_dir {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding-left: 4%;
        padding-right: 4%;
        border: none;
        text-align: center;
        min-height: 210px;
        height: auto;
    }

    .content_checkout .login_content .box_login .login_dir {
        border-top: 1px solid #DBDBDB;
    }

    .face-newlogin {
        padding: 15px 70px 10px 0px;
        float: right;
        width: 79%;
        background: #FFFFFF;
        border: 1px solid #B2B2B2;
        line-height: 164%;
        color: #000000;
        margin: 0;
        cursor: pointer;
        text-align: right;
    }

    .fb_iframe_widget span {
        display: none;
    }

    .google-newlogin {
        padding: 15px 70px 10px 0px;
        float: right;
        width: 79%;
        background: #FFFFFF;
        border: 1px solid #B2B2B2;
        line-height: 164%;
        color: #000000;
        margin-top: 10px;
        margin-bottom: 30px;
        text-align: right;
    }

    .btn_login .icon-face {
        position: absolute;
        right: 250px;
    }
}

/*Modal Inicio*/
.modal-login {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    overflow: hidden;
}

.modal-content-login {
    margin: 8% auto;
    width: 40%;
    display: grid;
    padding-bottom: 20px;
    background: #FFFFFF;
    border-radius: 15px;
}

/* Modal Content/Box */
.modal-header-login {
    border: 1px solid #888;
    background: #333333;
    color: white;
    text-align: center;
    border-radius: 15px 15px 0px 0px;
}

    /* The Close Button */
    .modal-header-login span {
        color: #FFFFFF;
        float: right;
        font-size: 28px;
        font-weight: bold;
        padding-right: 20px;
        margin-top: 5px;
        cursor: pointer;
    }

    .modal-header-login p {
        padding-left: 20px;
    }

.modal-body-login {
    padding: 20px 20px 20px 40px;
}

    .modal-body-login a {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 164%;
        color: #484848;
    }

    .modal-body-login p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 164%;
        margin-top: 15px !important;
    }

    .modal-body-login input {
        width: 95%;
        height: 50px;
        box-sizing: border-box;
        border: solid 1px #DDDDDD;
        padding: 10px;
        margin-top: 15px !important;
        padding: 10px !important;
    }

#ContentSite_ibtNewRecoverPassword {
    border-radius: 4px;
    color: #FFFFFF;
    padding: 20px 0 20px 0;
    transition: 0.3s;
    text-decoration: none;
    float: left;
    width: 70%;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    background: #547920;
    margin-top: 40px;
    margin-left: 14%;
}

.ibtQuickEmailAccesslogin {
    border-radius: 4px;
    color: #FFFFFF;
    padding: 20px 0 20px 0;
    transition: 0.3s;
    text-decoration: none;
    float: left;
    width: 70%;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    background: #547920;
    margin-top: 40px;
    margin-left: 14%;
}

.msgpasswordreset {
    color: #0F6E2A;
    font-weight: 700;
    font-size: 16px;
    line-height: 164%;
}

#divPasswordMessage {
    margin-top: 15px;
}

.modal-error-login {
    background: #FF7171;
    max-height: 56px;
    text-align: center;
    padding: 2px;
}

    .modal-error-login span {
        font-weight: 400;
        font-size: 12px;
        line-height: 164%;
        color: #4E0000;
    }

.divRecaptcha {
    margin-top: 20px;
    margin-bottom: -40px;
    margin-left: 71px;
}

.divRecaptchaTwo {
    float: right;
    margin-top: 10px;
}

#divRecaptchaNotPassword {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 305px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 820px) {

    .modal-content-login {
        margin: 15% auto;
        width: 90%;
        min-height: 40%;
        max-height: 100%;
        background: #FFFFFF;
        border-radius: 15px;
    }

    .divRecaptcha {
        margin-top: 20px;
        margin-bottom: -40px;
        margin-left: 161px;
    }
}

@media only screen and (max-width: 520px) {

    .modal-content-login {
        margin: 15% auto;
        width: 92%;
        min-height: 70%;
        max-height: 100%;
        background: #FFFFFF;
        border-radius: 15px;
    }

    #divPasswordMessage .info-nova-senha {
        font-size: 9pt;
    }

    #QuickEmailAccessMessagePost span > b {
        font-size: 9pt;
    }

    #ContentSite_ibtNewRecoverPassword {
        border-radius: 4px;
        color: #FFFFFF;
        padding: 20px 0 20px 0;
        transition: 0.3s;
        text-decoration: none;
        float: left;
        width: 80%;
        text-align: center;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        background: #547920;
        margin-top: 40px;
        margin-left: 11%;
    }

    .ibtQuickEmailAccesslogin {
        border-radius: 4px;
        color: #ffffff;
        padding: 20px 0 20px 0;
        transition: 0.3s;
        text-decoration: none;
        float: left;
        width: 80%;
        text-align: center;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        background: #547920;
        margin-top: 40px;
        margin-left: 11%;
    }

    .divRecaptcha {
        margin-top: 20px;
        margin-bottom: -40px;
        margin-left: -20px;
    }

    .divRecaptchaTwo {
        float: left;
        margin-top: 10px;
    }
}
/*Modal Fim*/
/*AJUSTES CSS LOGIN FIM*/