/* Add your custom style sheets in this file */
/* Error Messages / ASP.net and Custom */
/* Clears X from Edge*/
input::-ms-clear {
    display: none;
}
/* Clears X from Internet Explorer */
input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.btnSubmit {
    height: 55px;
    line-height: 55px;
    width: 200px;

    border-radius: 10px;
    display: inline-block;
    background: #333333;
    background: var(--brandpri);
    border: none;
    color: #FFF;
    font-weight: 700;
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 60px;
}
.btnSubmit:disabled
{
    background-color:gray;
    cursor:not-allowed;
}
.btnPrimary {
    height:47px;
    border:none;
    background: #333333;
    background: var(--brandpri);
    color: #FFF;
    font-weight:700;
    font-size:18px;
    border-radius: 10px;
    padding-left:10px;
    padding-right:10px;
}
.btnPrimary:disabled {
    height: 47px;
    border: none;
    background: #5C5C5C;
    color: #FFF;
    font-weight: 700;
    font-size: 18px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

/* Clears X from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.hiddencol {
    display: none;
}

.validationSummary
{
    color:red;
}

div#vMessage,
div.vMessage {
    position: relative;
    margin: 10px 0 5px 0px !important;
}

    div#vMessage div#CustomMessages,
    div.vMessage div#CustomMessages,
    div#vMessage div#vSummary,
    div.vMessage div#vSummary,
    div.vMessage div.vSummary,
    div.vMessage div.CustomMessages {
        font-size: 120%;
    }

        div#vMessage div#vSummary ul,
        div.vMessage div#vSummary ul,
        div.vMessage div.vSummary ul,
        div#vMessage div#CustomMessages ul,
        div.vMessage div#CustomMessages ul,
        div.vMessage div.CustomMessages ul {
            list-style-type: none;
            margin: 0;
            padding-left: 0;
        }

            div#vMessage div#vSummary ul li,
            div.vMessage div#vSummary ul li,
            div.vMessage div.vSummary ul li,
            div#vMessage div#CustomMessages ul li,
            div.vMessage div#CustomMessages ul li,
            div.vMessage div.CustomMessages ul li,
            div#vMessage div#vSummary ul li a,
            div.vMessage div#vSummary ul li a,
            div#vMessage div#CustomMessages ul li a,
            div.vMessage div#CustomMessages ul li a,
            div.vMessage div.CustomMessages ul li a {
                /*height: 16px;*/
                color: #C33 !important;
                font-weight: bold;
            }

            div#vMessage div#vSummary ul li,
            div.vMessage div#vSummary ul li,
            div.vMessage div.vSummary ul li,
            div#vMessage div#CustomMessages ul li,
            div.vMessage div#CustomMessages ul li,
            div.vMessage div.CustomMessages ul li {
                margin-left: 0 !important;
                padding-left: 20px !important;
                padding-bottom: 3px;
                background: url('../images/warning.png') no-repeat left top;
            }

                div#vMessage div#vSummary ul li a,
                div.vMessage div#vSummary ul li a,
                div#vMessage div#CustomMessages ul li a,
                div.vMessage div#CustomMessages ul li a,
                div.vMessage div.CustomMessages ul li a,
                span.vText a {
                    text-decoration: underline;
                }

                div#vMessage div#CustomMessages ul li.warn,
                div.vMessage div#CustomMessages ul li.warn,
                div.vMessage div.CustomMessages ul li.warn,
                div#vMessage div#CustomMessages ul li.warn a,
                div.vMessage div#CustomMessages ul li.warn a,
                div.vMessage div.CustomMessages ul li.warn a {
                    color: #988064 !important;
                }

                div#vMessage div#CustomMessages ul li.warn,
                div.vMessage div#CustomMessages ul li.warn,
                div.vMessage div.CustomMessages ul li.warn {
                    background: url('../images/warning.png') no-repeat left top;
                }

                div#vMessage div#CustomMessages ul li.success,
                div.vMessage div#CustomMessages ul li.success,
                div.vMessage div.CustomMessages ul li.success,
                div#vMessage div#CustomMessages ul li.success a,
                div.vMessage div#CustomMessages ul li.success a,
                div#vMessage div.CustomMessages ul li.success a,
                div.vMessage div.CustomMessages ul li.success a {
                    color: #090 !important;
                }

                div#vMessage div#CustomMessages ul li.success,
                div.vMessage div#CustomMessages ul li.success,
                div.vMessage div.CustomMessages ul li.success {
                    background: url('../images/success.png') no-repeat left top;
                }

                div#vMessage div#CustomMessages ul li.info,
                div.vMessage div#CustomMessages ul li.info,
                div.vMessage div.CustomMessages ul li.info,
                div#vMessage div#CustomMessages ul li.info a,
                div.vMessage div#CustomMessages ul li.info a,
                div.vMessage div.CustomMessages ul li.info a {
                    color: #238CD7 !important;
                }

                div#vMessage div#CustomMessages ul li.info,
                div.vMessage div#CustomMessages ul li.info,
                div.vMessage div.CustomMessages ul li.info {
                    background: url('../images/information.png') no-repeat left top;
                }

            div#vMessage div#CustomMessages ul.submenu,
            div.vMessage div#CustomMessages ul.submenu,
            div.vMessage div.CustomMessages ul.submenu {
                list-style-type: disc !important;
            }

                div#vMessage div#CustomMessages ul.submenu li,
                div.vMessage div#CustomMessages ul.submenu li,
                div.vMessage div.CustomMessages ul.submenu li {
                    background-image: none !important;
                    padding-left: 0px !important;
                    margin-left: 15px !important;
                }

.vText {
    margin-left: 5px;
    font-weight: bold;
    color: #C33 !important;
}

.hidden {
    display: none !important;
}
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    color: #ffffff;
    padding: 3px 3px 10px 3px;
    background: #828282 url('../images/pageTitleBg.gif') repeat-x;
    width: 600px;
}

    .modalPopup p {
        padding: 3px;
        border: 1px solid #999;
        background-color: #DDD;
        font-weight: bold;
    }

.popupButton {
    text-align: right;
    margin: 10px 5px 0 0;
    padding: 0;
}

span.popupHeader {
    margin-bottom: 5px;
    display: block;
    padding: 5px 0px 10px 5px;
    font-size: 1.2em;
    font-weight: bold;
    color: #5549A5;
}

.fontbold {
    font-weight: bold;
}
html, body {
    margin: 0;
    padding: 0;
}
/* Every DevExpress control this app used to run (textboxes, buttons, radio lists, validation
   summaries, help text, etc.) independently set "font: 14px Segoe UI ..." on itself -- there was
   never one global rule, just dozens of per-control ones, all agreeing on 14px. Now that those
   controls are gone site-wide (not just the grid) in favor of plain Bootstrap markup, nothing
   provides that baseline anymore, so Bootstrap's own default (16px / 1rem) shows through on every
   page and everything reads bigger than it used to. Setting it on BODY (not html) is the fix that
   was missing before: font-size inherits normally down to text either way, but Bootstrap's rem-
   based padding/margins/icon sizing are anchored to the ROOT (html) element's font-size, not
   body's -- shrinking html shrunk all of that spacing too and made things look broken. Body-only
   leaves every rem-sized measurement untouched and only affects text size. */
body {
    font-size: 14px;
}
/* Site-wide fix for Bootstrap's own .btn-primary/.btn-outline-primary: those classes never read
   --brandpri (the site's actual per-agency color, set at runtime by Header.ascx's
   setColorScheme() call) at all -- they carry their OWN hardcoded hex values (#0d6efd, Bootstrap's
   stock blue) baked directly into the class, via Bootstrap's own scoped --bs-btn-* variables. Any
   page using plain "btn btn-primary"/"btn-outline-primary" instead of a brand-aware class shows
   that hardcoded blue no matter what the agency's actual brand color is. Overriding those same
   --bs-btn-* variables here (this file loads after bootstrap.min.css, so it wins the tie at equal
   specificity) fixes every one of those buttons across the whole site at once, including ones not
   audited individually, rather than hunting down and editing each page's markup one at a time. */
.btn-primary {
    --bs-btn-bg: var(--brandpri);
    --bs-btn-border-color: var(--brandpri);
    --bs-btn-hover-bg: var(--brandpri);
    --bs-btn-hover-border-color: var(--brandpri);
    --bs-btn-active-bg: var(--brandpri);
    --bs-btn-active-border-color: var(--brandpri);
    --bs-btn-disabled-bg: var(--brandpri);
    --bs-btn-disabled-border-color: var(--brandpri);
}
.btn-outline-primary {
    --bs-btn-color: var(--brandpri);
    --bs-btn-border-color: var(--brandpri);
    --bs-btn-hover-bg: var(--brandpri);
    --bs-btn-hover-border-color: var(--brandpri);
    --bs-btn-active-bg: var(--brandpri);
    --bs-btn-active-border-color: var(--brandpri);
    --bs-btn-disabled-color: var(--brandpri);
    --bs-btn-disabled-border-color: var(--brandpri);
}

/* Header */
.headerPane {
    background-color: #EDEDED;
    background-position: left top;
    background-repeat: no-repeat;
    font-family: Tahoma;
}

    .headerPane .headerTop {
        height: 45px;
    }

.loginControl {
    float: right;
    margin-top: 17px;
    margin-right: 25px;
    font-size: 12px;
}

    .loginControl a {
        color: black;
        text-decoration: none;
        border-bottom: dashed 1px black;
        display: inline-block;
    }

.content {
    padding: 5px;
}


/* Account */
.accountHeader h2 {
    margin: 10px 0 7px 0;
    font-size: 16px;
}

.accountHeader p {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.accountHeader {
    margin-bottom: 20px;
}


/* Moderno */
.dxsplControl_Moderno {
    font-family: Segoe UI;
}

    .dxsplControl_Moderno .headerPane,
    .dxsplControl_Moderno .footerMenu li {
        background-color: White;
        color: Black;
    }

    .dxsplControl_Moderno .accountHeader h2 {
        color: #3B3B3B;
    }

    .dxsplControl_Moderno .accountHeader p {
        font-size: 11px;
    }

    .dxsplControl_Moderno .headerMenu {
        margin-top: 13px;
    }

    .dxsplControl_Moderno .loginControl a,
    .dxsplControl_Moderno .templateTitle a {
        color: #0072c6;
        border-color: #0072c6;
    }

    .dxsplControl_Moderno .templateTitle a {
        font-size: 28px;
    }

    .dxsplControl_Moderno .dxsplVSeparator_Moderno {
        border-bottom: 0 !important;
        border-left: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
    }

    .dxsplControl_Moderno .footerPane {
        background: #EDEDED;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05) !important;
}