/*= COMMON STYLES
 --------------------------------------------------------*/
body {
    background: #efefef;
    font-family: 'Open Sans', sans-serif;
    color: #000111;
 }

 a {
    color: #010412;
    font-weight: 400;
 }
 
 span {
    font-weight: 300;
    color: #000000;
 }

 .mlogin {
    margin: 10px auto 0;
 }

 .mregister {
     margin: 80px auto 0;
 }

 .invtext {
    text-align: center;
    font-size: 13px;
    margin-top: 26px;
    color: #f5f5f5;
 }

 .regtext {
    font-size: 13px;
    margin-top: 26px;
    color: #f5f5f5;
 }

.message {
  text-align: center;
  width: 350px;
  padding: 3px;
  background: #d2d2d2;
}
.error {
  text-align: center;
  width: 350px;
  padding: 3px;
  color: red;
}
 
/*= CONTAINERS
--------------------------------------------------------*/
 .container {
     padding: 25px 16px 25px 10px;
     font-weight: 400;
     overflow: hidden;
     width: 350px;
     height: auto;
     background: #707070;
     box-shadow: 0 1px 3px rgba(0,0,0,.13);
 }
 
 #welcome {
     width: 500px;
     padding: 30px;
     background: #020202;
     margin: 160px auto 0;
     box-shadow: 0 1px 3px rgba(0,0,0,.13);
 }
 
 .container h1 {
     color: #FFFFFF;
     text-align: center;
     font-weight: 300;
     border: 1px dashed #777;
     margin-top: 16px;
 }

 .container label {
     color: #FFFFFF;
     font-size: 14px;
 }

 .logo {
  align="center";
  border: 0;
}

 #login {
     width: 320px;
     margin: auto;
     padding-bottom: 15px;
 }

 .container form .input,.container input[type=text],.container input[type=password],.container input[type=e] {
     background: #E6E1E1;
     font-size: 24px;
     line-height: 1;
     width: 100%;
     padding: 3px;
     margin: 0 6px 5px 0;
    outline: none;
    border: 1px solid #d9d9d9;
 }
 
 .container form .input:focus {
     border: 1px solid #e6e1e1;
     box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
 }
 
 /*= BUTTONS
 --------------------------------------------------------*/
 
 .button{
     border: solid 1px #050505;
     background: #EBDEDE;
     color: #020202;
     padding: 7px 12px;
     border-radius:5px;
     float: left;
     cursor: pointer;
    
 }
 
 .button:hover{
     background: #E6E1E1;
 }
 /*= FOOTER
 --------------------------------------------------------*/
 footer {
     color: #777;
     font-size: 12px;
     text-align: center;
     margin-top: 20px;
 }