@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@300&display=swap');

.content {
    min-height: 100%;
}

.footer,
.push {
}

a {
    color: #4e48a8;
}

    a:hover {
        opacity: .75;
        text-decoration: none;
    }

body {
    color: #303030;
    background-color: #f3f2ff;
    background-repeat: no-repeat;
}

.font-1 {
    font-family: 'pixelify sans';
}

.font-2 {
    font-family: 'tiny5';
}

.font-3 {
    font-family: 'tiny5';
}

.font-sm {
    font-size: 14px;
}

.font-md {
    font-size: 22px;
}

.font-lg {
    font-size: 18px;
}

.font-xl {
    font-size: 22px;
}

.padding-sm {
    padding: 5px 5px 5px 5px;
}

.padding-md {
    padding: 10px 10px 10px 10px;
}

.padding-lg {
    padding: 20px 20px 20px 20px;
}

.padding-xl {
    padding: 40px 40px 40px 40px;
}

.button {
    padding: 5px 15px 5px 15px;
    border-radius: 50px;
}

    .button:hover {
        opacity: .9;
        cursor: pointer;
    }

.page-loading {
    top: 20px;
    left: 20px;
    padding: 3px 3px 3px 3px;
    background-color: #e3e3e3;
    border-style: solid;
    border-color: #777777;
    border-width: 1px;
    border-radius: 3px;
    opacity: .80;
}

.button {
    border-radius: 100px;
}

.button-1 {
    background-color: #4e48a8;
    color: #fefefe;
    border-color: #464195;
    border-style: solid;
    border-width: 1px;
}

.button-2 {
    background-color: #4e48a8;
    color: #fefefe;
    border-color: #464195;
    border-style: solid;
    border-width: 1px;
}

.dialog {
    border-style: solid;
    border-width: 4px;
    border-color: #5555ff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #000000;
}

.dialog-topbar {
    background-color: #5555ff;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
}

.dialog-body {
    color: #ffffff;
    padding: 0px 0px 0px 0px;
}

    .dialog-body a {
        color: #ffffff;
        opacity: 1.0;
        text-decoration: none;
    }

        .dialog-body a:hover {
            opacity: 0.75;
            text-decoration: none;
        }

.hamburger {
    padding: 1px 1px 1px 1px;
}

    .hamburger a {
        color: #ffffff;
        opacity: .75;
    }

        .hamburger a:hover {
            color: #ffffff;
            opacity: 1.0;
        }

.hamburger-item {
    color: #3b4fa2;
    background-color: #f3f2ff;
    padding: 2px 2px 2px 2px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 1px;
    margin-bottom: 1px;
    border-radius: 5px;
}

.navbar-background-color {
    color: #25215e;
}

.navbar-foreground-color {
    color: #ffffff;  
}

.navbar-menu-background-color {
    color: #4e48a8;
}

.navbar-menu-foreground-color {
    color: #ffffff;
}

.navbar-background-selected-color {
    color: #f3f2ff;
}

.navbar-background-selected-foreground-color {
    color: #4e48a8;
}

.signout-button {
}

    .signout-button a {
        color: #ffffff !important;
        opacity: .90 !important;
    }

table.report {
    border-collapse: collapse;
    width: 100%;
}

    table.report th {
        background-color: #e0ebf8;
        color: #000000;
    }

    table.report td {
        text-align: left;
        padding: 8px;
        color: #000000;
    }

    table.report tr:nth-child(even) {
        background-color: #bdd6f4;
    }

    table.report tr:nth-child(odd) {
        background-color: #d1e3f7;
    }

table.report a {
    color: #0038e8;
}

table.report a:hover {
    opacity: 0.75;
}

/* Wanvas borrowed style rules for the Upload API. */

.wanvas-mood-border {
    border-style: solid;
    border-width: 1px;
}

.wanvas-mood-body {
    color: #000000;
    background-color: #e0dfdf;
    border-color: #cecbcb;
}

.wanvas-mood-1 {
    color: #ffffff;
    background-color: #4489c3;
    border-color: #3077b2;
}

.wanvas-mood-2 {
    color: #ffffff;
    background-color: #344e72;
    border-color: #2c4566;
}

.wanvas-mood-3 {
    color: #e3e3e3;
    background-color: #969696;
    border-color: #7d7c7c;
}

.wanvas-mood-button-1 {
    background-color: #000000;
    color: #e3e3e3;
    border-color: #4640a5;
    padding: 6px 12px;
    cursor: pointer;
}

.wanvas-mood-button-2 {
    background-color: #000000;
    color: #e3e3e3;
    border-color: #4640a5;
    padding: 6px 12px;
    cursor: pointer;
}

.wanvas-mood-button-3 {
    background-color: #5555ff;
    color: #ffffff;
    border-color: #5555ff;
    padding: 8px 12px 8px 12px;
    cursor: pointer;
    font-size: 18px !important;
}

/* Fonts */

.wanvas-font-default {
    font-family: arial;
}

.wanvas-font-heading {
    font-family: arial;
}

.wanvas-font-section {
    font-family: arial;
}

.wanvas-font-button {
    font-family: arial;
}

.wanvas-font-tiny {
    font-size: 14px;
}

.wanvas-font-small {
    font-size: 16px;
}

.wanvas-font-normal {
    font-size: 17px;
}

.wanvas-font-big {
    font-size: 18px;
}

.wanvas-font-biggest {
    font-size: 20px;
}

.admin-menu-item {
    background-color: #94c0ee;
    color: #222222;
    padding: 5px 5px 5px 5px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 2px;
    cursor: pointer;
}

.admin-menu-item-selected {
    background-color: #5390d2;
    color: #ffffff;
    padding: 5px 5px 5px 5px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 2px;
}

.home-page-slogan {
    color: #ffffff;
}

.home-page-description {
    color: #ffffff;
}

.home-page-footer {
    color: #ffffff;
}

    .home-page-footer a {
        color: #ffffff;
    }

        .home-page-footer a:hover {
            opacity: .75;
        }