﻿#divTelemarketing {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.password-content {
    width: 100%;
    font-size: 16px;
    padding-top: 210px;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.password-body {
    margin: 0 auto;
    display: table;
}

.txt_login span {
    font-size: 20px;
    text-transform: uppercase;
    float: left;
    width: 100%;
    text-align: center;
}

    .txt_login span:after {
        content: '';
        height: 4px;
        width: 87px;
        background: #F78B2C;
        display: block;
        margin: auto;
        margin-top: 5px;
        margin-bottom: 10px;
    }

.btn_reset {
    float: left;
    font-size: 16px;
    width: 100%;
    color: #1c7874;
    padding: 18px;
    border: 1px solid #1c7874;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: 0.3s;
    background: #fff;
    margin-bottom:10px;
}

    .btn_reset:hover {
        background: #1c7874;
        color: #fff;
    }

.login-Telemarketing {
    width: 100%;
    margin: auto;
    max-width: 731px;
    box-sizing: border-box;
    border: solid 1px #DDDDDD;
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
    margin-bottom: 40px;
    clear: both;
    position: relative;
}

    .login-Telemarketing .input_form {
        float: left;
        width: 100%;
    }

        .login-Telemarketing .input_form span {
            font-size: 16px;
            color: #000;
            float: left;
            width: 100%;
            padding-bottom: 6px;
        }

        .login-Telemarketing .input_form input {
            font-size: 16px;
            float: left;
            width: 100%;
            color: #000;
            padding: 10px;
            border: 1px solid #676767;
            box-sizing: border-box;
            margin-bottom: 20px;
        }

        .login-Telemarketing .input_form select {
            border: 1px solid #676767;
            margin-bottom: 20px;
            float: left;
            width: 100%;
            font-size: 16px;
            color: #000;
            box-sizing: border-box;
            display: block;
            line-height: 1.3;
            padding: 10px 1.4em 10px 10px;
            box-sizing: border-box;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            background-color: #fff;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE2IDkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLC0xNjgzLjE2LC0zODcuNzE1KSI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSw2ODYuMDU4LDU5KSI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNjkzODRlLTE4LC0wLjAyNzY2MjUsMC4wMjc2NjI1LDEuNjkzODRlLTE4LDk2Ny41NzUsMzU5LjU5NykiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTExMTYuMzcsMTA4OS41TDg1Ny4zODMsMTM0OC40OUwxMTE2LjM3LDE2MDcuNDdMMTA5NC4xMiwxNjI5LjcyTDgxMi44OSwxMzQ4LjQ5TDEwOTQuMTIsMTA2Ny4yNkwxMTE2LjM3LDEwODkuNVoiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
            background-repeat: no-repeat, repeat;
            background-position: right .7em top 50%, 0 0;
            background-size: .90em auto, 100%;
        }

    .login-Telemarketing #ContentSite_lblErrorMsg {
        float: left;
        width: 100%;
        background: #DA1B28;
        line-height: 30px;
        font-size: 12px;
        text-align: center;
        box-sizing: border-box;
        color: #fff;
        margin-bottom: 10px;
    }

.divTelemarketingErrorMessage {
    margin-top: 326px;
    padding: 10px;
    background: #f78b2c;
    color: white;
    text-align: center;
}

.login-Telemarketing .input_form .TelemarketingShow {
    float: left !important;
    width: 43px !important;
    height: 43px;
    background: url(//static.giulianaflores.com.br/images/site/password-nao-visivel.png) center no-repeat #fff;
    cursor: pointer;
    position: absolute;
    margin-top: 32px;
    opacity: 0.9;
    right: 91px;
}

.input_form_telemarketing {
        float:left;
        width:100%;
        margin-top:10px;
    }

.divRecaptcha{
    float:left;
}

.input_form_telemarketing #ContentSite_btnClean {
    float:right;
    padding:10px;
    border:solid 1px #000;
    padding: 18px;
    background:none;
    text-transform:uppercase;
    font-size:16px;
    color:#000;
    cursor: pointer;
    transition: 0.3s;
    margin-right:10px;
}

.input_form_telemarketing #ContentSite_btnClean:hover {
    color:#fff;
    background:#000;
}


.input_form_telemarketing #ContentSite_btnOk {
    float:right;
    padding:10px;
    border:solid 1px #8BA400;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 40px;
    padding-right: 40px;
    background:#197B75;
    text-transform:uppercase;
    font-size:16px;
    color:#fff;
    cursor: pointer;
    transition: 0.3s;
}

.input_form_telemarketing #ContentSite_btnOk:hover {
    background:#f78b2c;
}
@media only screen and (max-width:820px) {

    .divTelemarketingMessage {
        background: #98FB98;
        padding: 20px 40px;
        min-width: 75%;
        position: absolute;
        right: 0px;
        top: 132px;
        border-radius: 4px;
        border-left: 8px solid #006400;
        z-index: 999;
        text-align: center;
        margin-right: 5px;
    }

        .divTelemarketingMessage .msg {
            padding: 0 20px;
            font-size: 14px;
            color: #006400;
        }

    .login-Telemarketing .input_form .TelemarketingShow {
            float: left !important;
            width: 41px !important;
            height: 41px;
            background: url(//static.giulianaflores.com.br/images/site/password-nao-visivel.png) center no-repeat #fff;
            cursor: pointer;
            position: absolute;
            margin-top: 33px;
            opacity: 0.9;
            right: 91px !important;
        }

     .input_form_telemarketing #ContentSite_btnClean {
        width:49%;
        float:left;
        margin-right:0;
        margin-top:10px;
    }

    .input_form_telemarketing #ContentSite_btnOk {
        width:49%;
        padding-left:0;
        padding-right:0;
        margin-top:10px;
    }
}

@media only screen and (max-width: 520px) {

    .login-Telemarketing {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 2%;
        margin-right: 2%;
        width: 96%;
    }

        .login-Telemarketing .input_form .TelemarketingShow {
            float: left !important;
            width: 41px !important;
            height: 41px;
            background: url(//static.giulianaflores.com.br/images/site/password-nao-visivel.png) center no-repeat #fff;
            cursor: pointer;
            position: absolute;
            margin-top: 33px;
            opacity: 0.9;
            right: 11px !important;
        }
}

.divTelemarketingMessage {
    background: #98FB98;
    padding: 20px 40px;
    min-width: 355px;
    position: absolute;
    right: 0px;
    top: 400px;
    border-radius: 4px;
    border-left: 8px solid #006400;
    z-index: 999;
}

    .divTelemarketingMessage .msg {
        padding: 0 20px;
        font-size: 18px;
        color: #006400;
    }
