@font-face {
    font-family: 'EncodeSans';
    src: url('../fonts/EncodeSansCondensed-Regular.ttf');
    src: url('../fonts/EncodeSansCondensed-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'EncodeSans-Bold';
    src: url('../fonts/EncodeSansCondensed-Bold.ttf');
    src: url('../fonts/EncodeSansCondensed-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'EncodeSans-Light';
    src: url('../fonts/EncodeSansCondensed-Light.ttf');
    src: url('../fonts/EncodeSansCondensed-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'EncodeSans-SemiBold';
    src: url('../fonts/EncodeSansCondensed-SemiBold.ttf');
    src: url('../fonts/EncodeSansCondensed-SemiBold.ttf') format('truetype');
}

html, body, form {
    width: 100%;
    height: 100%;
}


body::after {
    content: "";
    /*background: url('../Loginbackground.jpg') no-repeat center #CFD8DC;*/
    /*background-size: cover;*/
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.loginContainer {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginBox {
    background-color: #ECEFF1;
    padding: 25px;
    width: 60%;
    min-width: 666px;
    text-align: center;
    border-radius: 10px 0 0 0;
    -webkit-box-shadow: 4px 4px 8px 2px #AAA; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 4px 4px 8px 2px #AAA; /* Firefox 3.5 - 3.6 */
    box-shadow: 4px 4px 8px 2px #AAA; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    font-family: EncodeSans-SemiBold, sans-serif;
    font-size: 2em;
    color: #3D3D3D;
}

    .loginBox table {
        width: 100%;
    }

table tr td {
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
}

.controlCell .textbox {
    width: 100%;
    color: #3D3D3D;
}

.captchaCell, .buttonCell {
    text-align: right;
}

.g-recaptcha {
    float: right;
}

.textbox {
    padding: 6px 8px;
    font-weight: 300;
    transition: outline 0.25s ease;
}

    .textbox:focus {
        outline: 2px solid #66BB6A;
        transition: outline 0.25s ease;
    }

.btn {
    font-size: 1.1em;
    color: #FFF;
}

.deSignLogo {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 175px;
    padding: 10px 25px;
    background-color: #AAA;
    border-radius: 10px 0 0 0;
    cursor: pointer;
    transition: all 0.3s;
}

    .deSignLogo img {
        width: 75%;
    }

    .deSignLogo:hover {
        opacity: 0.8;
    }

    .deSignLogo p {
        color: #FFF;
        font-size: 0.8em;
        text-align: right;
    }