/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28/09/2017, 14:01:43
    Author     : cbarroso
*/

@font-face {
    font-family: Aller;
    src: url(font/Aller_Rg.ttf);
}

body {
    margin:0;
    font-family: Aller;
    background-image: url('../images/fibra_background.jpg');
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y:auto;
    display: table;
}

center{
    display: table-cell;
    vertical-align: middle;
}

#body-login p{
    height: 30px;
}

#titulo{
    color: white;
    font-family: Aller;
    font-size: 18px;
}

.label{
    border-top-left-radius: 30px;
    border: none;
    border-bottom-left-radius: 30px;
    padding-left: 10px !important;
    width: 20px;
    background: #d1d3d4;
    color: #6d6e71;
    vertical-align: top;
    padding: 5px 5px 5px 10px;
    padding-left: 10px;
    margin-right: -4px;
    display: inline-block;
    height: 20px;
}

#username,#password{
    font-family: Aller;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    border: 0px solid #3e454e;
    width: 200px;
    color: #6d6e71;
    height: 30px;
    padding: 5px 5px 5px 10px;
    border: none;
    outline: none;
    font-size: 15px;
}

.user-icon{
    vertical-align: middle;
    margin-bottom: 2px;
}

#btn-login {
    border-radius: 30px;
    border: 0px solid transparent;
    cursor: pointer;
    display: block;
    width: 100px;
    background: #3c454e;
    color: white;
    height: 25px;
    font-family: Aller;
}

#login{
    min-height: 300px;
    padding:10px;
}

#label-remember{
    color: white;
}

@media screen and (max-width:390px){
    #logo-fibra{
        width: 260px;
    }
}