@font-face {
    font-family: 'Silvera Peach';
    src: url('../fonts/Arcticons_sans/AnyConv.com__ArcticonsSans-Regular.eot');
    src: url('../fonts/Arcticons_sans/AnyConv.com__ArcticonsSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arcticons_sans/ArcticonsSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/AnyConv.com__Roboto-Light.eot');
    src: url('../fonts/Roboto/AnyConv.com__Roboto-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body, td {
  margin:0;
  height:100%;
  background: #f9f9f9;
}
.login{
  position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  background: #fff;
  padding: 50px 20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 10px 10px 5px 0px rgba(117, 103, 103, 0.75);
  -webkit-box-shadow: 6px 3px 9px 2px rgba(217, 216, 216, 0.79);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.login p{
    font-family: 'Silvera Peach';
    font-size: 34px;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-bottom: 15px;
    text-align: center;
  color: #594848;    
}
.logo{
    width: 100%;
    margin-bottom: 20px;
}
.user{
    margin-bottom: 20px;
}
.pass{
    margin-bottom: 20px;
}
.user i, .pass i{
    font-size: 2em;
    color:#426593;
}
.user i{
    margin-right: 16px;
}
.pass i{
    margin-right: 15px;
}
.user input, .pass input{
    height: 40px;
    width: 90%;
    vertical-align: super;
    border: none;
    padding: 0 15px;
    background: #ecebeb;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
button{
    border: none;
    padding: 15px 35px;
    color: #fff;
    font-family: 'Roboto';
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-top: 10px;
}
.cancelar{ background: #000; }
.entrar{background: #426593;}
button:hover{
    background: #4f4c4c;
}
.cancelar{
    margin-right: 15px;
}
.btns{
    text-align: right;
    margin-right: 5%;
    margin-left: 5%;
}
::placeholder { font-family: 'Arial'; color:#aaa9a9; }
:-ms-input-placeholder { font-family: 'Arial'; color:#aaa9a9; } /* IE 10+ */
::-webkit-input-placeholder { font-family: 'Arial'; color:#aaa9a9; } /* WebKit */
::-moz-placeholder { font-family: 'Arial'; color:#aaa9a9; } /* Firefox 19+ */
.mi-input::placeholder { font-family: 'Arial'; color:#aaa9a9; }

input:focus{
    outline:0;
}
.user:hover i, .pass:hover i{
    color:#000;    
}