﻿@import url("font-awesome.css");
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
body
{
    background-image:url('../images/login/bg-tile.jpg');
    background-repeat:no-repeat;
    background-size:cover;

    font-family: tahoma;
}

.login-box
{
    background:url(../images/login/hero-logo.png) no-repeat;
    background-position:76px 0px;
    /*background-size:150px;*/
    /*color:#fff;*/
    /*height:600px;*/
    left:calc(50% - 230px);
    padding-top:330px;
    position:absolute;
    text-align:center;
    top:20px;
    width:460px;
}

.header
{
    font-size:24px;
    font-weight:normal;
    line-height:36px;

    color: #222;
}

.header span
{
    font-weight:bold;
    font-size:32px;
    line-height:40px;
}

.input-box
{
    background:#222;
    height:200px;
    padding-top:10px;
    margin-bottom:10px;
    width:100%;

    -webkit-box-shadow: -11px 5px 28px 0px rgba(105,103,105,0.35);
    -moz-box-shadow: -11px 5px 28px 0px rgba(105,103,105,0.35);
    box-shadow: -11px 5px 28px 0px rgba(105,103,105,0.35);
}

.input-wrapper
{
    background:#d3d3d3;
    margin:15px auto 0px;
    width:80%;
    height:40px;
    padding-top:10px;
}
.input-wrapper
{
    margin-bottom:0px;
}
.input-wrapper span
{
    /*color:#000;*/
    color: #999;
    display:inline-block;
    float:left;
    font-size:22px;
    border-right:1px solid;
    width:50px;
}
.input-wrapper input
{
    background:none;
    border:none;
    float:left;
    font-size:16px;
    display:inline-block;
    height:25px;
    padding-left:5px;
    width:calc(100% - 70px);
}

.btn-login 
{
    /*background: url('../images/login/btn-login.png') no-repeat;*/
    /*background-color:none;*/
    /*border:none;*/
    /*color:#fff;*/
    display:block;
    font-size:22px;
    height:42px;
    /*line-height:42px;*/
    margin:auto;
    text-align:center;
    width:180px;

    background: #222;
    border: 3px solid #dcb13e;
    color: #dcb13e;
    cursor: pointer;
}

.btn-login:hover {
    background: #dcb13e;
    color: #222;
}

.error-info
{
    font-size:14px;
    line-height:120%;
}