html {
    height: 100%;
}
.style-background{
    z-index:-1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    margin: 0;
    padding: 0;
}

body {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: transparent;
    color: white;
}

.Logo {
    opacity: 0;
    width: 100%;
    max-height: 160px;
    -webkit-animation: fadein 1s ease-in 0ms forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s ease-in 0ms forwards; /* Firefox < 16 */
    -ms-animation: fadein 1s ease-in 0ms forwards; /* Internet Explorer */
    -o-animation: fadein 1s ease-in 0ms forwards; /* Opera < 12.1 */
    animation: fadein 1s ease-in 0ms forwards;
}


.ControlsContainer {
    opacity: 0;
    -webkit-animation: fadein 1s ease-in 500ms forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s ease-in 500ms forwards; /* Firefox < 16 */
    -ms-animation: fadein 1s ease-in 500ms forwards; /* Internet Explorer */
    -o-animation: fadein 1s ease-in 500ms forwards; /* Opera < 12.1 */
    animation: fadein 1s ease-in 500ms forwards;
}

.login-box {
    padding: 40px;
    background-color: #240E2F;
    box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.36);
}

.btn-primary {
    color: #fff;
}

.form-signin {
    max-width: 380px;
    padding: 15px;
    margin: 0 auto;
}

    .form-signin .form-signin-heading,
    .form-signin .checkbox {
        margin-bottom: 10px;
    }

    .form-signin .checkbox {
        font-weight: normal;
    }

    .form-signin .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin input[type="email"] {
        margin-bottom: 10px;
        border-width:1px;
        border-radius: 0;
        border-style: solid;
        border-color: black;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-radius: 0;
        border-width:1px;
        border-style: solid;
        border-color: black;
    }

.forgot-link a{
    color:white;
    text-decoration:none;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.btn-primary {
    color: #fff;
    background-color: #401950;
    border-color: #401950;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #905aa3;
        border-color: #905aa3;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #905aa3;
        border-color: #905aa3;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #401950;
        border-color: #401950;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #401950;
            border-color: #401950;
        }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #401950;
        border-color: #401950;
    }

    .btn-primary .badge {
        color: #401950;
        background-color: #fff;
    }