@font-face {
    font-family: 'Lato';
    src:url('../../fonts/Lato-Regular.eot');
    src:url('../../fonts/Lato-Regular.ttf') format('truetype'),
        url('../../fonts/Lato-Regular.woff') format('woff'),
        url('../../fonts/Lato-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../fonts/OpenSans-Regular.eot');
    src: url('../../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/OpenSans-Regular.woff') format('woff'),
         url('../../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('../../fonts/OpenSans-Light.eot');
    src: url('../../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/OpenSans-Light.woff') format('woff'),
         url('../../fonts/OpenSans-Light.ttf') format('truetype');
}

body
{
    margin-top:0;
    font-family: 'Open Sans', sans-serif;
    color:#666666;
}

*:focus {
    outline: 0px none transparent;
    -moz-appearance:none;
}

input:required {
    box-shadow:none;
}

::-ms-clear {
    display: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.txt-username:-webkit-autofill {
    background-image:url('../images/email_icon.png');
}

.txt-password:-webkit-autofill {
    background-image:url('../images/password_icon.png');
}

.row-default-1 {
    height:22px;
}

.row-default-2 {
    height:44px;
}

.row-default-3 {
    height:66px;
}

.input-control {
    height:44px;
}

.txt-control {
    display:block;
    width:100%;
    border:none;
    border-bottom: 1px solid #666666;
    color:#333333;
    position:absolute;
    bottom:0;
    left:0;
    padding-bottom:8px;
    background-repeat:no-repeat;
    background-position: center right;
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    border-radius:0;
    padding-left:0;
}

.txt-username
{
    background-image:url('../images/email_icon.png');
}

.txt-password
{
    background-image:url('../images/password_icon.png');
}

.input-group > span {
    position:absolute;
    background-color:#ffffff;
    border:none;
    border-radius:0;
    right:0;
    bottom:0;
    border-bottom: 1px solid #666666;
}

.btn-control {
    background-color:#009ece;
    width:100%;
    height:100%;
    color:#ffffff;
    border:none;
    position:absolute;
    left:0;
    font-family: 'Lato', sans-serif !important;
    font-size:20px;
}

.link-control {
    text-decoration:underline;
    color:#666666;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
}

.link-control:hover {
    text-decoration:none;
    color:#000000;
}

.link-control-forgotpassword{
    position:absolute;
    right:0;
    top:11px;
}

div.page-header h1 {
    font-size: 1em;
    font-family: 'Lato';
    font-weight: normal;
}

@media (min-width:1200px) {
    .container {
        width:1080px !important;
    }
    
}

@media (max-width:768px) {
    .login-form {
    border:none;
    }

    .logo-header 
    {
        height:66px;
        background-image:url('../images/logo-mobile.jpg');
        background-position: center bottom;
        background-repeat:no-repeat;
        margin-top:22px;
        margin-bottom:44px;
    }

    h1{
        font-family:'Raleway Thin', sans-serif;
        font-size:35px;
        bottom:-6px;
    }

    h2{
        font-family:'Open Sans Light', sans-serif;
        font-size:18px;
    }
}

@media (min-width:768px) {
    .login-form {
        border: 1px solid #858585;
        border-top:4px solid #0099cc;
    }
    .logo-header 
    {
        height:66px;
        background-image:url('../images/logo.jpg');
        background-position: center bottom;
        background-repeat:no-repeat;
        margin-top:22px;
        margin-bottom:44px;
    }

    h1{
        font-family:'Raleway Thin', sans-serif;
        font-size:46px;
    }

    h2{
        font-family:'Open Sans Light', sans-serif;
        font-size:20px;
    }
}


h1, h2{
    margin:0; padding:0;
}

div.navbar{
    display:none !important;
}

.form-title {
    color:#009ac6;
    font-size:18pt;
}

.btn-primary {
    background-color:#009ac6;
    border-color:#009ac6;
}

.btn {
    padding-left:25px;
    padding-right:25px;
}

.ng-hide {
    display:none;
}

.input-validation-error
{
    border-bottom: 1px solid #ff6600;
}
.field-validation-error
{
    color: #ff6600;
}

.text-msg {
    color:#4F8A10;
}

@media (max-width: 991px) {
    .footer {
        font-size: 10px;
        font-family: 'Open Sans Light', sans-serif;
    }
}

@media (min-width: 992px) {
    .footer {
        font-size: 13px;
        font-family: 'Open Sans Light', sans-serif;
    }
}