/* Minification failed. Returning unminified contents.
(31,58): run-time error CSS1046: Expect comma, found '168'
(31,66): run-time error CSS1046: Expect comma, found '/'
(31,80): run-time error CSS1046: Expect comma, found '4'
(31,86): run-time error CSS1046: Expect comma, found '/'
 */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Roboto:100,300,400,500,700);
body {
    padding: 0px;
    font-family: 'Roboto',sans-serif;
}

.login {
    display: flex;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    right: 0px;
    height: 100%;
}
    .login > .left-context {
        flex: 75;
        width: 70%;
        height: 100%;
        background-image: url('/Images/login-background.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position:relative;
    }
        .login > .left-context > .layer {
            width: 100%;
            height: 100%;
            background-color: #0ab5eb;
            /*background: linear-gradient(to bottom, rgb(123 10 235 / 0.90),rgba(4, 94, 216, 0.9));*/
            background: linear-gradient(to bottom, rgb(6 168 251 / 0.9),rgb(71 4 216 / 0.90));
            padding: 50px;
            padding-top: 250px;
        }
            .login > .left-context > .layer > .title {
                color: #fff;
                font-size: 50px;
                line-height:50px;
                font-family: 'Roboto',sans-serif;
                font-weight: 100;
            }
                .login > .left-context > .layer > .title > span {
                    font-size: 60px;
                    color: #14fca3;
                }
            .login > .left-context > .layer > .details {
                color: #fff;
                font-size: 20px;
                line-height: 20px;
                font-family: 'Roboto',sans-serif;
                font-weight: 300;
                padding-top:10px;
            }

    .login > .right-context {
        flex: 25;
        width: 30%;
        height: 100%;
        background-color: #fff;
        padding: 50px;
        padding-top: 20px;
        position:relative;
    }
    .login > .right-context > .logo {
        text-align:right;
    }
        .login > .right-context > .logo > img {
            height:45px;
        }
        .login > .right-context > .login-context {
            padding-top:120px;
        }
            .login > .right-context > .login-context > .title {
                color: #40b4f1;
                font-weight: bold;
                font-size: 16px;
            }
            .login > .right-context > .login-context > .input-context {
                width:100%;
                position:relative;
            }
                .login > .right-context > .login-context > .input-context > .input {
                    width: 100%;
                    padding: 15px;
                    padding-left:40px;
                    margin-top:10px;
                    padding-bottom: 5px;
                    border: none;
                    border-bottom: 1px solid #dcddde;
                    box-shadow:0px 1px 5px rgba(62, 101, 139, 0.1);
                    outline: none;
                }
                .login > .right-context > .login-context > .input-context > i {
                    position:absolute;
                    left:10px;
                    top:27px;
                    font-size:16px;
                }

            .login > .right-context > .login-context > .remember-context {
                font-size:12px;
                color:#1e8bc4;
                padding-top:10px;
            }
                .login > .right-context > .login-context > .remember-context > label {
                    font-weight: 500 !important;
                    cursor:pointer;
                }
            .login > .right-context > .login-context > .button {
                background-color: #06a8fb;
                border: none;
                border-radius: 20px;
                padding: 8px;
                color: #fff;
                width: 100%;
                font-weight: bold;
                margin-top: 5px;
                outline: none;
            }
            .login > .right-context > .login-context > .button:hover {
                background-color: #1180bb;
            }
            .login > .right-context > .login-context > .forget-context {
                text-align: right;
                font-size: 12px;
                color: #1e8bc4;
                margin-top: 10px;
            }
        .login > .right-context > .copyright {
            position:absolute;
            bottom:0px;
            padding:10px;
        }



.loader {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}

    .loader > .main-context {
        display: table;
        height: 100%;
        width: 100%;
    }

        .loader > .main-context > .body {
            height: 100%;
            color: #fff;
            width: 100%;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            color:#14fca3;
        }

            .loader > .main-context > .body > .title {
                padding-top: 5px;
                color: #fff;
            }

@media (max-width:767px) {
    .login{
        display:block;
    }
    .login > .left-context {
        display: none!important;
    }

    .login > .right-context {
        flex: unset;
        width: 100%;
        height: 100%;
        background-color: #fff;
        padding: 10px;
        padding-top: 10px;
        position: relative;
    }
}