﻿.LeftFloat {
    float: left;
}

.RightFloat {
    float: right;
}

.CenterText {
    text-align: center;
    width: auto;
}

.LoadingDiv {
    position: fixed;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
}

.DashboardDiv, .DashboardAdminDiv {
    background-color: transparent;
    border: solid transparent;
    border-radius: 10px;
    filter: grayscale(100%);
    margin: 10px 0px 10px 15px;
    outline: none;
    overflow: hidden;
    padding: 15px 15px 15px 15px;
    text-align: center;
    height: 228px;
    display: block;
    font-size: 1em;
    box-shadow: #0e2050 0px 0px 0px 0px, #0e2050 0px 0px 1px 0px;
}

@media (min-width: 50px) {
    .DashboardDiv, .DashboardAdminDiv {
        min-width: 85%;
        max-width: 85%;
    }
}

@media (min-width: 567px) {
    .DashboardDiv, .DashboardAdminDiv {
        min-width: 400px;
        max-width: 400px;
    }
}

.DashboardAdminDiv {
    /*min-width: 380px;
    max-width: 380px;
    height: 250px;
    box-shadow: #0e2050 0px 1px 3px 0px, #0e2050 0px 1px 2px 0px;*/
}

.DashboardDiv:hover, DashboardAdminDiv:hover {
    transition: all .3s ease;
    border: solid transparent;
    filter: grayscale(0%);
    box-shadow: #0e2050 1px 2px 3px 1px, #0e2050 1px 1px 2px 1px;
    /*animation: background 3s infinite alternate-reverse linear, background2 12s infinite alternate-reverse linear;*/
}

.DashboardAdminDiv:hover {
    transition: all .3s ease;
    border: solid transparent;
    filter: grayscale(0%);
    box-shadow: #0e2050 1px 1px 1px 1px, #0e2050 1px 1px 2px 1px;
}

.DashboardDiv:main, .DashboardDiv:focus, .DashboardAdminDiv:main, .DashboardAdminDiv:focus {
    user-select: auto;
}

.DashboardDiv:hover:not(:disabled), .DashboardAdminDiv:hover:not(:disabled) {
    filter: brightness(1);
    -webkit-filter: brightness(1);
}

.DashboardDiv:disabled, .DashboardAdminDiv:disabled {
    cursor: auto;
}

.DashboardDiv:hover:not(:disabled), .DashboardAdminDiv:hover:not(:disabled) {
    filter: brightness(1);
    -webkit-filter: brightness(1);
}

.Description {
}

.Icon-Large {
    width: 100px;
    height: 100px;
}

.Icon-Medium {
    width: 75px;
    height: 75px;
}

.Icon-Small {
    width: 50px;
    height: 50px;
}

.Icon-Smaller {
    width: 25px;
    height: 25px;
}

.Icon-Smallest {
    width: 20px;
    height: 20px;
}

.Logo {
    width: 60px;
    height: 95px;
}

.Icon-Disabled {
    filter: grayscale(90%);
}

    .Icon-Disabled:hover {
        filter: grayscale(0%);
    }
