.loginBackground {
    width: 100%;
    background: #f3f4f7;
    height: 100vh;
    padding-top: 15%;
}

.login-screen {
    min-height: 160px;
    padding: 15px;
    box-sizing: border-box;
    text-decoration: none;
    width: 50%;
    margin: auto;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 500px;
}
    .login-screen i {
        color: #4285f4;
    }

    .login-screen .contentbody {
        display: flex;
    }

    .fragment.login-screen h3 {
        padding: 10px 50px;
        margin: 7px 0 0 0;
        color: #000;
        font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
    }
    .login-screen p {
        font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    }
    .login-screen h4 {
        padding: 0;
        margin: 0;
        color: #000;
        font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    }

    .login-screen h5 {
        padding: 0;
        margin: 0;
        color: darkslategrey;
    }

    /* Fragment extra */

.fragment i {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    color: #4285f4;
}

    .fragment .contentbody {
        display: flex;
    }

    .fragment h3 {
        padding: 0;
        margin: 7px 0 0 0;
        color: #369;

    }

    .fragment h4 {
        padding: 0;
        margin: 0;
        color: #000;
    }

    .fragment h5 {
        padding: 0;
        margin: 0;
        color: darkslategrey;
    }



    /* end: Fragment extra */

    .fragment.bg-info {
        color: #002050;
        border: 1px solid #AFD9EE;
    }

    .fragment.bg-warning {
        color: #000;
        border: 1px solid #F7ECB5;
    }

    .fragment.bg-danger {
        color: #C42417;
        border: 1px solid #E4B9B9;
        word-break: break-word;
    }

    .fragment.bg-success {
        color: #006432;
        border: 1px solid #C1E2B3;
    }

.header-fragment {
    min-height: 60px;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
}

    .header-fragment .fa {
        margin-right: 5px;
    }

    .header-fragment h3 {
        margin-top: 7px;
        padding: 0;
        color: #333333;
    }

/*.k-button .fa {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    margin-left: 0;
    padding-right: 4px;
}*/

.login-screen .form-button {
    margin: 10px 0 15px;
    background: #4285f4;
    border: none;
    transition: background 0.2s;
    text-transform: none;
    font-size: 15px;
}
    .login-screen .form-button:hover {
        background-color: #0075b6;
        box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 4px 2px -3px rgba(0,0,0,0.12), 0 2px 6px 0 rgba(0,0,0,0.2);
    }

.notification-close {
    float: right;
    display: inline-block;
    padding: 2px 7px;
    border: 1px solid #ABABAB;
}

    .notification-close:hover {
        float: right;
        display: inline-block;
        padding: 2px 7px;
        background: #ABABAB;
        color: #fff;
        cursor: pointer;
    }