.titletext h4{
    color:#004370;
    font-size: 24px;
    font-family:Roboto;
    margin-bottom: 10px;
    margin-top: 15px ;
}

.texthelp{
    color: #7C7D7E;
    font-size: 14px;
    font-weight: bold;
}

/* label color */
.input-field label {
    color: #7C7D7E;
}
/* label focus color */
.input-field input[type=text]:focus + label {
    color: #7C7D7E;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #7DEA46;
    box-shadow: 0 1px 0 0 transparent;
}
.input-field input{
    border-bottom: 1px solid #004370;
}
.input-field label:not(.label-icon).active{
    font-size: 14px;
    font-weight: bold;
}

.input-field input[type=text][readonly="readonly"]{
    color: #7C7D7E;
    border-bottom:  1px solid #004370;
}

.input-field input[type=text][readonly="readonly"] + label{
    color: #7C7D7E;
    font-size: 14px;
    font-weight: bold;
}

.msgcomunication{
    font-size: 16px;
    color: #ffffff;
    font-family:Roboto;
    background-color: #4D902B;
    font-weight: 400;
}
.msgalert{
    font-size: 16px;
    color: #004370;
    font-family:Roboto;
    background-color: #FED690;
    font-weight: 400;
}

.msgalertverif{
    font-size: 16px;
    color: #ffffff;
    font-family:Roboto;
    background-color: #EA0084;
    font-weight: 400;
}
.msgalertnuverif{
    font-size: 16px;
    color: #004370;
    font-family:Roboto;
    background-color: #FED690;
    font-weight: 400;
    padding: 3px !important;
}
.msgalertnumerov{
    font-size: 30px;
    color: #004370;
    font-family:Roboto;
}
.concep_formu{
    font-size: 14px;
    font-weight: bold;
    color: #7C7D7E;
}

.camp_formu{
    font-size: 14px;
    font-weight:400;
    color: #7C7D7E;
}

.blockConcep{
    color: #ffffff;
    background-color: #366EAF;
    FONT-SIZE: 16px;
    font-weight: bold;
    border-radius: 0px;
    width: 240px;
    padding-left: 10px;
    padding-right: 10px;
}

.blockCamp{
    font-size: 16px;
    font-weight: 400;
    color: #636465;
    padding-right: 0px;
    padding-left: 10px;
}
.blockImage{
    vertical-align: bottom;
    text-align: center;
    width:16%;
}

.campText{
    border-bottom: 1px dotted #C6C7C9;
    padding-bottom: 0px;
}

@media only screen and (max-width: 522px){
    .btnMobile{
        margin-left: 0px;
        width: 100%;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1239px){
    .btnClean{
        margin-right: 10px; ;
    }
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
main {
    flex: 1 0 auto;
}
Html, body {
    height: 100%;
}

.main-style{
    background-image: url(../img/main_fondoET.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.menu-content{
    margin: 0 !important;
}

.foto-content{
    height: 66px !important;
}
.welcome-content{
    text-transform: capitalize;
}
.icono-content{
    height: 64px;
}
.logout-btn{
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 14px !important;
}
.footer-style{
    width: 100%;
    height: 35px;
    min-height: 35px;
    padding: 0 !important;
    text-align: center;
    color: #000!important;
}
.footer-style .footer-copyright{
    color: #fff!important;
}
.footer-style .footer-copyright .container{
    font-size: 14px;
    font-weight: 400;
}
.title-content{
    padding: 0;
    margin: 0 !important;
}
.panel-content{
    padding-left: 50px;
    padding-right: 50px;
}
.msgalertnuverif .icon-info{
    margin-top: 15px !important;
}

.boculto-style{
    visibility: hidden !important;
}
.result-content{
    margin-bottom: 20px !important;
}
.result-msg{
    padding: 3px !important;
}