/*
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 : May 1, 2018, 11:39:53 AM
    Author     : Ab3id
*/

#login_form{
    position: absolute;
    width: 30%;
    height: 50%;
    left:35%;
    top:20%;
}
#login_input{
    position: absolute;
    width: 80%;
    height: 80%;
    left: 13%;
    top: 40%;
}
.closein{
    margin-right: -45px;
    border-radius: 6px 0 0 6px;
    background-color: #363B41;
    color: white;
    padding: 10px 20px;
}
body{
  color: #606468;
  background:url(../images/bg1.jpg) repeat;
  font-family: 'Open Sans', sans-serif;
}
h1{
    position: absolute;
    left: 26%;
}
input{
 border: 0px;
 padding: 0 10px;
 border-radius: 0px 6px 6px 0px;
 height: 40px;
 width: 80%;
 position: relative;
 left: 40px;
}
.ico{
   padding-right: 10px;
   padding-left: 10px;
   background-color: #363B41;
   height: 40px;
   width: 40%;
   padding-top: 10px;
   padding-bottom: 13px;
   border-radius: 4px;
   position: absolute;
   width: 50px;
   height: 18px;
   margin-bottom: 300px;
}
#buto{
 
}
button#btn1{
    border-radius: 5px;
    border: 0;
    width: 40%;
    position:absolute;
    height: 12%;
    background-color: transparent;
}
button#btn2{
    border-radius: 5px;
    border: 0;
    width: 40%;
    position:absolute;
    height: 12%;
    left:50%;
    background-color: transparent;
}
button#btn1:hover{
    background-color:#363B41;
    color:white;
}
button#btn2:hover{
     background-color:#363B41; 
     color: white;
}
#error{
    position: absolute;
    left: 42%;
    top: 65%;
    color: red;
}