/*    --------------------------------------------------	:: Import Fonts	-------------------------------------------------- */
@font-face {
    font-family: Roboto-Thin;
    src: url('../fonts/Roboto-Thin.ttf');
}

@font-face {
    font-family: Roboto-Black;
    src: url('../fonts/Roboto-Black.ttf');
}

@font-face {
    font-family: Roboto-Medium;
    src: url('../fonts/Roboto-Medium.ttf');
}

@font-face {
    font-family: Roboto-Light;
    src: url('../fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: Roboto-Regular;
    src: url('../fonts/Roboto-Regular.ttf');
}

/*    --------------------------------------------------	:: Login Section	-------------------------------------------------- */
/*incluido por Dimas/Luiz*/
#agrupamento {
    background: #FFFFFF;
    /*border: 10px solid;*/
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 1px;
    width: 340px;
    /*border: 1px solid;    border-color:#a5a5a5;*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    /*box-shadow : NaNpx NaNpx NaNpx rgba(0, 0, 0, NaN);*/
    box-shadow: 0px 4px 15px 1px #9f9f9f;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=NaN, OffY=NaN, Color='#000000');
}

/*incluido por Dimas/Luiz */
body

    /* Aplica cor de fundo no corpo da pagina */
{
    background-color: #F9F9F9;
}

#form-container p{
    color: #9f9f9f;
    font-size: 14px;
    text-align: center;
    margin:auto ;
    padding: 10px 0;
}

.paragrafo1 {
    font-size: 13px;
    font-weight: normal;
    font-family: Roboto-Medium;
    margin-top: 15px;
    color: #686868;
}

#form-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#cpf {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
}

#cpf:focus{
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;

}

#btn-login{
    margin-top: 12px;
}


#login {
    padding-top: 100px;
    background: #F9F9F9;
}

#login .form-wrap {
    /*width: 30%;*/
    margin: 0 auto;
    margin-bottom: 200px;
    /* adicionado por Dimas */
    background: #F9F9F9;
    /*height:600px;*/
}

#caixa-sucesso {
    width: 340px;
    text-align: left;
    color: #66CC33;
    font-size: 13px;
    background-color: #B4F097;
    font-family: Roboto-Medium;
    border: 0px;
}

#caixa-erro {
    width: 340px;
    text-align: left;
    color: #dc3757;
    font-size: 13px;
    background-color: #f79bad;
    font-family: Roboto-Medium;
    border: 0px;
}

#login h1 {
    /*color: #686868;*/
    color: rgb(104, 104, 104);
    font-size: 32px;
    text-align: center;
    /*font-weight: bold;*/
    letter-spacing: NaNpx;
    font-family: Roboto-Thin;
    /*padding-bottom: 2px;*/
}

#login .form-group {
    margin-bottom: 5px;
    /*height:600px;*/
    /*padding-bottom: 5px;*/
    text-align: left;
    font-family: Roboto-Medium;
}

#login .checkbox {
    margin-bottom: 20px;
    height: 90%;
    /*position: relative;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#login .checkbox.show:before {
    content: '\e013';
    color: #1fa67b;
    font-size: 17px;
    margin: 1px 0 0 3px;
    position: absolute;
    pointer-events: none;
    /*font-family: 'Glyphicons Halflings';*/
}

#login .checkbox .character-checkbox {
    width: 18px;
    height: 18px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #ccc;
    vertical-align: middle;
    display: inline-block;
    /*font:'bold';    font-family: Roboto-Black;*/
}

#login .checkbox .label {
    color: #6d6d6d;
    font-size: 13px;
    font-weight: normal;
    /**/
    font-family: Roboto-Medium;
}

#login .btn.btn-custom {
    font-size: 14px;
    margin-bottom: 10px;
}

#login .forget {
    font-size: 13px;
    text-align: center;
    display: block;
}

/*    --------------------------------------------------	:: Inputs & Buttons	-------------------------------------------------- */
.form-control {
    color: #212121;
}

.btn-custom {
    /*color: #fff;	background-color: #1fa67b;    */
    color: #fff;
    background-color: #43aa0f;
    font-family: Roboto-Medium;
}

.btn-custom:hover,
.btn-custom:focus {
    color: #fff;
}

/*    --------------------------------------------------    :: Footer	-------------------------------------------------- */
#footer {
    color: #A0A0A0;
    font-size: 13px;
    text-align: center;
    font-family: Roboto-Light;
    background: #F9F9F9;
    /*novo*/
    clear: both;
    position: absolute;
    /*height:60px;*/
    bottom: 0;
    width: 100%;
}

#footer p {
    margin-bottom: 0px;
}

#footer a {
    color: inherit;
    margin-bottom: 0px;
}

footer hr

    /* Comentario */
{
    margin-top: 0px;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #D0D0D0;
    width: 100%;
}

#voltar {
    font-family: roboto-medium;
    margin-top: 10px;
}

/* unvisited link */
a:link {
    color: #66cc33;
}

/* visited link */
a:visited {
    color: #66cc33;
}

/* mouse over link */
a:hover {
    color: #66cc33;
}

/* selected link */
a:active {
    color: #66cc33;
}

label.required-fields {
    font-size: 11px;
    font-family: Roboto-Regular;
    text-align: left;
}

#label-email {
    font-size: 14px;
    font-family: Roboto-Regular;
    text-align: left;
}

.required_field {
    font-size: 12px;
}

.required_field:before {
    content: "* ";
    color: red;
}