/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/*
 * This file will be build as seperate .css file
 * To build global classes you can also use
 * :global(.name-of-class) {}
 *
 */
*,
*:before,
*:after {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
    background: #f2f2f2;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
}

#appPortal {
    display: flex;
    flex-flow: row wrap;
    height: 100%;
    width: 100%;
}


header {
    background: #f2f2f2;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
    height: 3rem;
    width: 100%;
}

    header h3 {
        color: #e8327d;
        font-weight: 600;
        margin: 0;
        padding: 0.5em 0 0 0;
        text-align: center;
    }

    header .logout--1YHHd {
        display: inline-block;
        height: 3rem;
        font-size: 14px;
        position: absolute;
        right: 0;
        top: 0;
    }

        header .logout--1YHHd a {
            border-left: 1px solid #ccc;
            color: #e8327d;
            display: block;
            height: 100%;
            line-height: 3.2;
            padding: 0 1rem;
            text-decoration: none;
        }

.login--YB8HC {
    background-image: url("/lib/img/bg-portal.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    flex-flow: row wrap;
    height: calc(100% - 3rem);
    width: 100%;
}

    .login--YB8HC .modal--3nJ-O {
        background-color: #652d87;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
        color: #fff;
        margin: auto;
        padding: 1.5rem 2rem;
        max-width: 20rem;
        text-align: center;
        min-width: 300px;
    }

    .login--YB8HC a {
        color: #e32f71;
    }

        .login--YB8HC a:hover {
            text-decoration: none;
        }

        .login--YB8HC button, .login--YB8HC a.button {
            border: none;
            background: #e32f71;
            border-radius: 4px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-size: 0.875em;
            font-weight: 500;
            padding: 0.575rem 0.5rem;
            text-align: center;
            text-decoration: none;
            transition: 0.15s ease-in-out;
            width: 100%;
        }

            .login--YB8HC button:hover, .login--YB8HC a.button:hover {
                background: #fff;
                color: #e32f71;
            }

#oldLogin {
    display: inline-block;
    margin: 1rem 0 0 0;
}


.innerContent {
    height: 100%;
    margin: 0 auto;
    width: 100%;
    padding: 0 1rem;
    max-width: 1200px;
}