html, body {
    overflow-x:hidden
}
    body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #fff;
    }

    body::-webkit-scrollbar {
        width: 10px;
        background-color: #F5F5F5;
    }

    body::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #c1c1c1;
        margin:2px
    }
/*PAGINA DE CPF*/
.CPF {
    font-family: 'myriadpro';
}

    .CPF.login-container-fluid {
        margin-top: 3%;
    }

.login-container-fluid input {
    border-radius: 0
}
img.lock {
    width: 58px;
}
.login-container-fluid h2 {
    margin-top: 9%;
    color: #000;
    font-weight: 300;
    font-size: 38px;
    text-transform: uppercase;
    padding-bottom: 67px;
    padding-top: 27px;
    margin-left: -6px;
    letter-spacing: .01px;
}

.logo-cpf {
    margin-top: 4.1em;
    max-width: 129%;
    margin-left: -2px;
}

.entrar {
    font-weight: 900;
    border: solid #00adee;
    border-width: thin;
    width: 120px;
    background-color: #fff;
    float: right;
    margin-top: 30px;
    color: #333;
    padding-top: 8px !important;
    height: 49px;
}

.cpf-container {
    width: 26.5%;
    margin-left: -47px;
    margin-right: 13px;
    padding-right: 36px;
}

.login-container-fluid input {
    border: solid #a9a8a9;
    border-width: thin;
    width: 101%;
    font-size: 20px;
    padding: 2.6% 2.3% 2.3%;
    margin: 1.15% 0 1.15% -1px;
    font-weight: 300;
    height: 50px;
    font-family: myriad-pro-condensed;
}

.box-cpf {
    width: 115%;
}

.cpf-img-right {
    margin-top: 3em;
}

.cpf-img-right img {
    float: right;
    width: 98%;
    margin-top: 5px;
    margin-right: 3px;
}
.cpf-img-left img {
    padding-left: 9px;
    height: 625px !important;
}
.CPF .botao_azul, .CPF button.entrar.botao_azul:hover {
    border: 1px solid #00adee !important;
    color: #353535;
    font-weight: 700;
    text-decoration: none;
    font-size: 20px;
    text-transform: uppercase;
    padding: 5px;
    background-color: #fff !important;
    margin: 2.3em 0.5em 0 0;
}

.CPF .logo {
    max-width: 111%;
    height: auto;
    margin-top: 1px;
}

.CPF-footer > p {
    color: #a9a8a9;
    font-size: 16px;
    margin: 2% 5%;
    font-family: myriad-pro-condensed;
    font-weight: 300;
    text-align: center;
}

.CPF-footer ul {
    margin: 0% 0% 2% 0;
}

footer > ul {
    margin: 0% 2% 5% 0;
    width: 100%;
    height: auto;
    text-align: center;
}

    footer > ul > li {
        display: inline;
        font-weight: 900;
        margin-left: 3%;
        white-space: nowrap;
        margin-right: 1%;
    }

        footer > ul > li > a {
            text-decoration: none;
            color: #000;
            font-weight: 900;
        }

footer > p {
    color: #a9a8a9;
    font-size: 16px;
    margin: 2% 5%;
    font-weight: 300;
    text-align: center;
}

.msg-seguranca {
    margin: 9em 0 6em 2em;
    width: 410px;
}



.login-container-fluid a {
    text-decoration: none;
    color: #036;
    font-family: myriad-pro-condensed;
    font-weight: 900;
    margin-top: 2%;
    display: block;
    margin-left: -1px;
}

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

    .cpf-container {
        width: 50.2% !important;
        margin-left: 2em;
    }
    .cpf-img-right {
       display:none;
    }
    footer ul li  {font-size:20px}
}
@media screen and (max-width: 767px) {
    .cpf-img-left {display:none}
    .cpf-container {
        width: 94% !important;
        margin: 5px auto !important;
        padding: 20px;
    }
    .logo-cpf {
        margin: 0 auto;
    }
    .box-cpf {
        width: 100%;
        padding: 5em;
    }
    .login-container-fluid h2 {
        margin-top: 0;
        font-size: 42px;
        padding-bottom: 1em;
        padding-top: 0;
    }
}
@media screen and (max-width: 690px) {

    .cpf-container {
        width: 94% !important;
        margin: 5px auto !important;
        padding: 20px;
    }

    .logo-cpf {
        margin: 0 auto;
        width:80%
    }
}

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

    .box-cpf {
        width: 100%;
        padding: 2em;
    }

    .msg-seguranca {
        margin: 5em 0;
        width: 100%;
        background-color: #ededed;
        height: 129px;
        padding: 20px;
        font-size: 15px;
        display: flex
    }
    .msg-seguranca p {
        width: 324px;
        float: left;
    }
    img.lock {
        width: 27px;
        float: left;
        height: 37px;
        margin: -5px;
        padding: 0;
        margin-right: 17px;
    }
}