.FormLFUContainer{
    text-align: center;
}

.FormLFUContainer .FormLogin{
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
        
.FormLFUContainer .FormLogin .FormBeforeButton{
    height: 10px !important;
}

.FormLFUContainer .FormLogin .FormHdrLabel,
.FormLFUContainer .FormFrequentUsers .FormHdrLabel{
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    color:black;
    font-size: 18px;
}

.FormLFUContainer .FormLogin .FormLabel{
    margin: 20px 0 0px 0px !important;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    display: inline-block;
    color:#259a91;
}
     
.FormLFUContainer .FormLogin .FormInput{
    display: inline-block;
    margin: 0 0 7px 0;
}
        
.FormLFUContainer .FormLogin .FormInput select{
    font-size: 14px !important;
}

.FormLFUContainer .FormLogin .FormInput input, .FormLFUContainer .FormLogin .FormInput button{
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.FormLFUContainer .FormLogin .FormInput .inputField{
    border-bottom:#99ccc8 2px solid;
    border-top: #ddf1ef 1px solid;
    border-left: #ddf1ef 1px solid;
    border-right: #ddf1ef 1px solid;
    height:25px;
    font-size: 14px !important;
    border-radius: 4px;
}

.FormLFUContainer .FormFrequentUsers{
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
        
.FormLFUContainer .FormFrequentUsers .FormLabel{
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    display: block;
    color: #777;
}
        
.FormLFUContainer .FormFrequentUsers .FormInput{
    display: block;
}
        
.FormLFUContainer .FormFrequentUsers ul.FrequentUsers{
    list-style: none;
    overflow-y: auto;
}
        
.FormLFUContainer .FormFrequentUsers ul.FrequentUsers li{
    color: #777;
    cursor: pointer;
    border-left: 5px solid #99ccc8;
    background-color: whitesmoke;
    margin: 10px 2px;
    padding: 3px 5px;
    font-size: 14px;
    border-radius: 20px;
}
        
.FormLFUContainer .FormFrequentUsers ul.FrequentUsers li:first-child{
}
        
.FormLFUContainer .FormFrequentUsers ul.FrequentUsers li:last-child{
}
        
.FormLFUContainer .FormFrequentUsers ul.FrequentUsers li:hover{
    background-color: #99CCC8;
    color: #fff;
}
        
.FormLFUContainer .FormFrequentUsers ul.FrequentUsers li div{
    display: table-cell;
    vertical-align: middle;
}
        
.FormLFUContainer .FormFrequentUsers ul.FrequentUsers li div img{
}
    
.linkRecuperaPassword{
    width:100%;
    text-align:center;
    font-weight: bolder;
    color: #4eafbf;
    text-decoration: none;
    display: inline-block;
    margin-top: 5px;
    font-size: 12pt;
}
    
.loginbutton{
    background-color:#99ccc8;
    color:white;
    border-radius:3px;
    background-color:#99ccc8;
    color:white;
    border-radius:3px;
    margin-top: -5px;
}
   
.loginbutton:hover{
    background-color:#afe6cf;
}  
@media screen and (min-width: 150px){
    .FormLFUContainer{
        width: 95%;
        /*border:red 1px solid;*/
    }
       
    .FormLFUContainer .FormLogin{
        width: 100%;
    }
        
    .FormLFUContainer .FormLogin .FormLabel{
        width: 100%;
    }
        
    .FormLFUContainer .FormLogin .FormInput{
        width: 100%;
    }
        
    .FormLFUContainer .FormFrequentUsers{
        width: 100%;
        margin-top: 27px;
    }
        
    .FormLFUContainer .FormFrequentUsers .FormLabel{
        margin: 0;
    }
         
    .FormLFUContainer .FormFrequentUsers .FormInput{
        width: 96%;
    }
       
    .FormLFUContainer .FormFrequentUsers ul.FrequentUsers{
        margin: 0;
    }
}
    
@media screen and (min-width: 601px){
    .FormLFUContainer{
        width: 600px;
        /*border:blue 1px solid;*/
    }
       
    .FormLFUContainer .FormLogin{
        width: 290px;
    }
        
    .FormLFUContainer .FormLogin .FormLabel{
        width: 90%;
    }
        
    .FormLFUContainer .FormLogin .FormInput{
        width: 90%;
    }
        
    .FormLFUContainer .FormFrequentUsers{
        border-left:#99ccc8 2px solid;
        margin-top: 0px;
        width: 290px;
        min-height: 245px;
    }
        
    .FormLFUContainer .FormFrequentUsers .FormLabel{
        margin: 7px 10px 0 10px;
    }
         
    .FormLFUContainer .FormFrequentUsers .FormInput{
        width: 100%;
    }
        
    .FormLFUContainer .FormFrequentUsers ul.FrequentUsers{
        padding: 0px;
        margin: 0px 10px;
    }
 }
     
@media screen and (min-width: 1024px){
    .FormLFUContainer{
        width: 800px;
        /*border:green 1px solid;*/
    }
        
    .FormLFUContainer .FormLogin .FormHdrLabel{
        font-size: 20px !important;
    }

    .FormLFUContainer .FormLogin .FormLabel{
        font-size: 18px;
    }
        
    .FormLFUContainer .FormLogin .FormInput{
    }
        
    .FormLFUContainer .FormLogin .FormInput input, .FormLFUContainer .FormLogin .FormInput button{
        font-size: 18px !important;
    }
    
    .FormLFUContainer .FormFrequentUsers{
        margin-top: 0px;
    }
        
    .FormLFUContainer .FormFrequentUsers .FormLabel{
        font-size: 18px !important;
        height: 31px;
        line-height: 31px;
    }
        
    .FormLFUContainer .FormFrequentUsers .FormInput{
        margin: 0 0 7px 0;
    }
        
    .FormLFUContainer .FormFrequentUsers ul.FrequentUsers li:first-child{
        margin-top: 2px;
    }
        
    .FormLFUContainer .FormFrequentUsers ul.FrequentUsers li:last-child{
        margin-bottom: 2px;
    }
        
    .FormLFUContainer .FormFrequentUsers ul.FrequentUsers li div img{
        margin-right: 5px;
    }
}