/* 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. */

:root
{
    --default-color-steelblue: steelblue;
    --default-color-turquoise: #00e5ee;
    /*    --default-color1: #40e0d0;*/
    --default-color-opgbrand: goldenrod;
    --default-module-color: lightblue;
    --default-module-color: lightsteelblue;
    --default-color-darkblue: darkblue;
    --default-color-fairlydarkblue: #396a93;
    --default-padding: 15px;
    --opg-green-color: #74c04f;
    --default-font-weight: 700;
    --default-font-size: 14px;
    --default-font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
    --default-line-height: 1.7;
    --default-toolbar-margin-right: 0px;
    --circle-character: "• ";
    --circle-character-spacebefore: " • ";
    --sidebar-width: 280px;
    --menu-color: darkslategray;
    --menu-color: black;
    --popup-window-title-icon-content: "\f055";
    --default-color-success: #5cb85c;
    --default-color-error: red;
    --default-color-info: steelblue;
    --default-color-question: steelblue;
    --default-color-highlightgridcell: #ffff77;
    --default-color-highlightqualgridcell: #ccffff;
    /*--default-color-note-left: #e6e6e6;*/
    --default-color-note-left: #00004d;
    --default-color-note-right: #6dbd43;
    --shadow-color: black;
}

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

.opgGoToLogin
{
    font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
    margin-bottom: 2rem;
    font-size: 1.15rem;
    min-width: 100%;
}

.opgGoToLogin::before
{
    color: var(--default-color-steelblue);
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f359"; /*arrow-alt-circle-left*/
    margin-right: .5rem;
    margin-left: 1rem;
    vertical-align: middle;
}

.opgGoToLogin:hover::before
{
    color: var(--default-color-opgbrand);
}

a
{
    color: var(--default-color-steelblue);
    text-decoration:none;
}

    a:hover
    {
        color: var(--default-color-opgbrand);
        text-decoration: none;
    }

/*Legal*/

h2.legal
{
    font-size: revert !important;
    font-weight: revert !important;
    margin: revert !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration-line: underline !important;
    font-family: Arial,Tahoma,Sans-Serif !important;
}

h3.legal
{
    font-size: revert !important;
    font-weight: revert !important;
    margin: revert !important;
}

p.legal
{
    font-weight: revert !important;
    pointer-events: revert !important;
    font-family: Arial, Tahoma, Sans-Serif !important;
    font-size: revert !important;
    line-height: revert !important;
    color: revert !important;
    margin: revert !important;
    box-sizing: revert !important;
}

p.legal.red
{
    color: red !important;
}

.popup-window-title
{
    color: white !important;
    font-family: var(--default-font-family);
}

.popup-window-title-legal::before
{
    color: var(--default-color-opgbrand);
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f24e";
    margin-right: .625rem;
}

body.legal
{
    font-family: Arial,Tahoma,Sans-Serif !important;
}

div.legal
{
    font-family: Arial,Tahoma,Sans-Serif !important;
}

.opgLetterWhite
{
    max-width: 8.5in;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-family: Arial,Tahoma,Sans-Serif !important;
}

.opgLetter
{
    max-width: 8.5in;
    margin-left: auto;
    margin-right: auto;
    background-color: whitesmoke;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    font-family: Arial,Tahoma,Sans-Serif !important;
}

ol.lowerAlpha
{
    list-style-type: lower-alpha;
}

ol.upperAlpha
{
    list-style-type: upper-alpha;
}

ol.decimal
{
    list-style-type: decimal
}

ol.upperAlpha
{
    counter-reset: list;
    text-indent: -24px; /* key property */
    margin-left: 24px; /* key property */
}

    ol.upperAlpha > li
    {
        list-style: none;
    }

        ol.upperAlpha > li:before
        {
            content: "(" counter(list, lower-alpha) ") ";
            counter-increment: list;
        }

ol.lowerAlpha
{
    counter-reset: list;
    text-indent: -24px; /* key property */
    margin-left: 24px; /* key property */
}

    ol.lowerAlpha > li
    {
        list-style: none;
    }

        ol.lowerAlpha > li:before
        {
            content: "(" counter(list, lower-alpha) ") ";
            counter-increment: list;
        }

ul.disc
{
    list-style: disc;
}

/*End of Legal*/