/*
    Stylesheet for the login screen
*/

html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
    font-size: 1px;
    background-color:#0e0c19 !important;
    background: url('https://imstransport.com/wp-content/uploads/2017/02/background-2017-02-16-1425.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    display: table-cell;
    vertical-align: middle;
    background-color:transparent;
    color: #000;
    font-family: 'Verdana', sans-serif;
    font-size: 12rem;
    font-weight: 400;
    line-height: 1.625;
    padding-top: 0rem;
}

a {
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:relative;
    transition:0.5s color ease;
    text-decoration:none;
    color:rgb(0, 59, 13);
    background-image:none;
}

a:hover {
    color:#033865;
}

a:after{
    content: "";
    transition:0.5s all ease;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:absolute;
    height:1rem;
    width:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom: 0;
    max-width:90%;
    background:#033865;
}

a:hover:after{
    width:100%;
}

.icons {
    width: 15rem;
    opacity: 0.7;
    font-size: 16rem !important;
    margin-right:10rem;
    text-align: center;
}

#btnLogin, #btnSubmitRequest, #btnVerify {
    border: 2rem solid #509042;
    color: #509042;
    border-radius: 5rem;
    font-family: 'Calibri', sans-serif;
    font-weight: bold;
    font-size:18rem;
    padding:2rem 15rem;
    margin-top:5rem;
    text-transform:uppercase;
    cursor:pointer;
    background-color:white;
}

#btnLogin:hover, #btnSubmitRequest:hover, #btnVerify:hover {
    color: #13628b;
    border-color: #13628b;
    font-weight:700;
}

#btnLogin:hover #faLoginIcon,
#btnVerify:hover #faVerifyIcon {
    display:inline !important;
        font-size: 20rem;
    padding-bottom: 10rem;
    padding-left:5rem;
    vertical-align: baseline;
}

.loginInput, .loginInput:hover, .loginInput:active,
.loginInput, .loginInput:hover, .loginInput:active {
    border: 0rem;
    box-shadow: none;
    border-radius: 0;
    width: 150rem;
    font-size: 14rem;
    outline: none;
}

#txtUsername {
    font-weight:bold;
}

#txtUsername::-webkit-input-placeholder,
#txtUsername::-moz-placeholder,
#txtUsername:-ms-input-placeholder,
#txtUsername:-moz-placeholder {
    font-weight:700;
}

input:-webkit-autofill,
input:hover:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000rem white inset !important;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color:white !important;
}

.divLoginContainer table tbody tr {
    height: 25rem;
}
.divLoginContainer {
    width:300rem;
    padding: 40rem 20rem 30rem 20rem;
    border-radius: 15rem;
    background-color: #ffffff;
    -moz-box-shadow: 0 0 50rem #000,0 0 200rem #000;
    -webkit-box-shadow: 0 0 50rem #000, 0 0 200rem #000;
    box-shadow: 0 0 50rem #000, 0 0 200rem #000;
}

.ui-dialog > .ui-widget-header {
    color:white;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #154a2f 0%, #599944 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #154a2f 0%, #599944 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #154a2f 0%, #599944 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #154a2f), color-stop(1, #599944));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #154a2f 0%, #599944 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #154a2f 0%, #599944 100%);
    /*for older ie browers*/
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#154a2f', endColorstr='#599944');
}

.ui-button {
    border: 1rem solid #aaaaaa
    /*{borderColorContent}*/
    ;
    color: #FF0000
    /*{fcContent}*/
    ;
}