/*
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 : 22/10/2015, 11:54:45 PM
    Author     : Jonathan
*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
    background-color: #EAEAEA;
    /*height: 100%;*/
}

form {
    margin: 0px;
}

.form-wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
    display: none;
    margin-bottom: 40px;
    
    min-height: 100%;
    height: auto !important;
    height: 100%;
    
}

.form-header {
    padding: 20px 0;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background-color: #fff;
    box-sizing: border-box;
}

.title {
    text-align: center;
    margin-bottom: 50px;
}

h1 {
    font-weight: 700;
    letter-spacing: -1px;
}

h5 {
    font-size: 14px;
}

.form-main {
    background-color: #505050;
    padding: 40px 50px;
}

.form-group {
    margin-bottom: 15px;
}

input[type="text"], input[type="password"] {
    background-color: #404040;
    padding-left: 20px;
    border-radius: 0;
    border: none;
    margin-bottom: 10px;
    color: #ccc;
    height: 43px;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-block {
    display: block;
    width: 100%;
}

.signin {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FF8627;
    color: #fff;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.form-header .fa-user {
    font-size: 3em;
    color: #fff;
    border-radius: 50%;
    border: 3px solid #E7E7E7;
    padding: 15px 20px;
    background: #f6f8f9;
    background: -moz-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9));
    background: -webkit-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -o-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -ms-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: linear-gradient(135deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 );
}

.form-header .fa-user.fail {
  color: #FF8479;
  border: 3px solid #FF8479;
  -webkit-transition: color 200ms linear;
  -moz-transition: color 200ms linear;
  -o-transition: color 200ms linear;
  -ms-transition: color 200ms linear;
  transition: color 200ms linear;
}

.form-footer {
    background-color: #404040;
    padding: 10px 30px;
}

.form-footer a:hover {
  text-decoration: none;
  /*color: white;*/
}

.glyphicon-wrench, .glyphicon-ok {

    font-size: 10pt;
    color: #6f6f6f;
    border-radius: 50%;
    background-color: #505050;
    padding: 5px 8px;
    margin-right: 7px;
    
}