/* Last Refresh: 1/13/2026 10:31:15 PM*/

/* EfficiencySpring CORE STYLE SHEET */

/* ------------------------------------------------------------------------- */
/* TOP LEVEL TAG STYLES                                                      */
/* ------------------------------------------------------------------------- */


/* LINK STYLES */


html
{
    font-size: small;
}

a:link {
    color: rgb(42, 59, 141);
    background-color: transparent;
    text-decoration: none
}

a:visited {
    color: rgb(42, 59, 141);
    background-color: transparent;
    text-decoration: none
}

a:active {
    color: rgb(224, 243, 249);
    background-color: transparent;
    text-decoration: none
}

a:hover {
    color: rgb(194, 37, 41);
    background-color: transparent;
    text-decoration: none
}

body {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: "Segoe UI","Segoe", Arial, Helvetica;
    font-size: small;
    color: rgb(0, 0, 0);
    overflow-y: scroll;
}

img {
    padding: 0px;
    margin: 0px;
    border: 0px;
}




/* HEADER STYLES */
h1 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: xx-large;
    color: rgb(42, 59, 141);
}

h2 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: x-large;
    color: rgb(42, 59, 141);
}

h3 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: large;
    color: rgb(42, 59, 141);
}

h4 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: medium;
    color: rgb(42, 59, 141);
}

h5 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(42, 59, 141);
}

h6 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: x-small;
    color: rgb(42, 59, 141);
}

form {
    margin: 0px;
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(0, 0, 0);
}

/* INPUT STYLES */
textarea {
    font-family: "Segoe UI","Segoe",Arial;
    font-size: small;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    border: 1px rgb(0, 0, 0) solid;
}

input {
    font-family: "Segoe UI","Segoe",Arial;
    font-size: small;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    border: 1px rgb(0, 0, 0) solid;
    padding: 3px;
}

input[type=image]
{
    border: 0px;
}


 input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus   {
    outline: solid 1px rgb(42, 59, 141); 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
} 

select {
    font-family: "Segoe UI","Segoe",Arial;
    font-size: small;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    border: 1px rgb(0, 0, 0) solid;
}

/* PARAGRAPH, LIST AND FONT STYLES */
p {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(0, 0, 0);
    margin-top: 0px;
    margin-bottom: 24px;
}

div {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(0, 0, 0)
}

li {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(0, 0, 0)
}

td {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
}


span {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
}

/*  TABLE STYLES */
table {
    padding: 0px;
    spacing: 0px;
}

td {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(0, 0, 0);
}

input[type=button], input[type=reset], input[type=submit], button {
    margin-left: 0px;
}
/* ------------------------------------------------------------------------- */
/* END TOP LEVEL TAG STYLES                                                  */
/* ------------------------------------------------------------------------- */

.modal-bar * {
    padding: 0px 10px;
}

    .modal-bar *, .modal-bar * * {
        margin: 0px;
        vertical-align: middle
    }

input[type='submit'], input[type='button'], input[type='reset'], button, input[type=file]::file-selector-button {
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    min-width: 50px;
    border: 1px solid  rgb(185, 185, 185);
    background-color: rgb(42, 59, 141);
    color: rgb(255, 255, 255);
    padding: 4px;
}

input[type="checkbox"] {
accent-color: rgb(255, 255, 255);
}

    input[type='submit']:active, input[type='button']:active, input[type='reset']:active, button:active {
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        border: 1px solid rgb(201, 201, 201);
        background-color: rgb(224, 243, 249);
        color: rgb(0, 0, 0)
    }

    input[type='submit']:hover, input[type='button']:hover, input[type='reset']:hover, button:hover {
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        border: 1px solid rgb(204, 204, 204);
        background-color: rgb(194, 37, 41);
        color: rgb(255, 255, 255)
    }



/* CLASS SPECIFIC STYLES BEGIN HERE */


a.side:link {
    font-size: x-small;
    color: rgb(42, 59, 141);
    background-color: transparent;
    text-decoration: none;
    font-weight: bold
}

a.side:visited {
    font-size: x-small;
    color: rgb(42, 59, 141)
    background-color: transparent;
    text-decoration: none;
    font-weight: bold
}

a.side:active {
    font-size: x-small;
     rgb(42, 59, 141)
    background-color: transparent;
    text-decoration: none;
    font-weight: bold
}

a.side:hover {
    font-size: x-small;
    rgb(194, 37, 41)
    background-color: transparent;
    text-decoration: none;
    font-weight: bold
}

a.login:link {
    color: rgb(42, 59, 141);
    background-color: transparent;
    text-decoration: none
}

a.login:visited {
    color: rgb(42, 59, 141);
    background-color: transparent;
    text-decoration: none
}

a.login:active {
    color: rgb(224, 243, 249);
    background-color: transparent;
    text-decoration: none
}

a.login:hover {
    color: rgb(194, 37, 41);
    background-color: transparent;
    text-decoration: none
}


a.file:link {
    color: rgb(42, 59, 141);
    background-color: transparent;
    text-decoration: none;
    font-size: 8pt
}

a.file:visited {
    color: rgb(42, 59, 141);
    background-color: transparent;
    text-decoration: none;
    font-size: 8pt
}

a.file:active {
    color: rgb(224, 243, 249);
    background-color: transparent;
    text-decoration: none;
    font-size: 8pt
}

a.file:hover {
    color: rgb(194, 37, 41);
    background-color: transparent;
    text-decoration: none;
    font-size: 8pt
}

a.breadcrumb {
    font-size: small
}

.field-label {
    font-weight: bold;
}

.field-label-edit {
    font-weight: normal;
}

body.main {
    background-color: rgb(224, 243, 249);

}

body.short {
    background-color: rgb(255, 255, 255);
    margin-top: 0px
}

button.small {
    font-size: x-small;
}

span.hidden {
    visibility: hidden;
    display: none;
}

span.submenu {
    font-size: x-small;
}

span.bodyhead {
    font-size: large;
    font-weight: 500;
    color: rgb(42, 59, 141);
}

span.bodyhead2 {
    font-size: medium;
    font-weight: 500;
    color: rgb(42, 59, 141);
}

span.bodyhead3 {
    font-size: small;
    font-weight: 500;
    color: rgb(42, 59, 141);
}

span.ajaxloading {
    font-size: 8pt;
    font-weight: bold;
    height: 20px;
}

span.ajaxloadingfm {
    font-size: 8pt;
    font-weight: bold;
    height: 20px;
    color: rgb(255, 255, 255);
}


span.adminpanel {
    font-size: x-small;
    font-weight: bold
}

div.admintile {
    text-align: center;
    width: 110px;
    height: 85px;
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

span.errortext {
    color: rgb(255, 0, 0);
    background-color: ;
}

span.fileManagerHeader {
    font-size: small;
    font-weight: bold;
    color: rgb(255, 255, 255)
}


iframe.filemanageriframe {
    border-width: 1px;
    border-color: rgb(173, 173, 173);
    padding: 3px;
}



tr.fileManagerHeader, tr.fileManagerHeader .bodyhead3 {
    background-color: rgb(42, 59, 141);
    color: rgb(255, 255, 255);
}

    tr.fileManagerHeader td {
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: rgb(189, 189, 189);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: rgb(189, 189, 189);
    }

tr.fileManagerRow td {
    border-bottom-width: 1px;
    border-bottom-color: rgb(173, 173, 173);
    border-bottom-style: solid;
}

tr.fileManagerRow td:nth-child(2)
{
    width: 31px;
}

tr.fileManagerRow:hover, tr.fileManagerRow:hover td {
    background-color: rgb(179, 184, 207);
    color: rgb(255, 255, 255)
}


.fileManagertable tr:first-of-type {
    background-color: rgb(42, 59, 141);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    background-repeat: repeat-x;
    border: 1px solid rgb(173, 173, 173);
    height: 24px;

}

.fileManagertable tr:first-of-type td, .fileManagertable tr:first-of-type td a {
    color: rgb(255, 255, 255);

}



@media all and (max-width: 500px) {

    .fileManagertable {
        padding: 0px;
        border: 0px;
    }

        .fileManagertable tr:first-of-type {

            display: none;
        }

        .fileManagertable tr td.hideOnSmall {
            display: none;
        }
 
        
            .fileManagertable tr:hover td {
                font-size: small;
            }

            .fileManagertable tr td:before {
                content: attr(data-title)
            }

            .fileManagertable tr td:empty {
                display: none
            }

    .smallremove {
        display: none;
    }
}


span.breadcrumb {
    font-size: medium
}

span.breadcrumb-empty-placeholder {
    display: none
}

span.subsection_header {
    font-weight: 500;
    color: rgb(42, 59, 141);
    font-size: large;
}



span.small {
    font-size: x-small;
}

span.italics {
    font-style: italic;
}

span.required {
    color: rgb(255, 0, 0);

}

span.recommended {
    color: ;
}

span.reqreccontainer {
    width: 8px;
    display: inline-block;
    text-align: left;
}

span.errortext {
    color: rgb(255, 0, 0);
    background-color: ;
}

span.duplicate {
    visibility: hidden;
    font-style: italic;
    font-weight: bold;
}

span.heading {
    font-weight: bold;
    font-size: medium;
}

span.export {
    color: rgb(42, 59, 141);
    cursor: pointer
}

span.disabledtext {
    color: darkgray;
}


.border {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(173, 173, 173);
}

.bottomthickborder {
    border-bottom: 2px solid rgb(0, 0, 0);
}



/* Sitemap Styles */
span.sitemap-section a {
    font-size: small;
}

span.sitemap-submenu a {
    font-size: x-small;
}


/* End Sitemap styles */




/* ------------------------------------------------------------------------- */
/* Tab, Tab Pane, and Table Styles used by Data Manager                      */
/* ------------------------------------------------------------------------- */

.tabpane {
    background-color: rgb(233, 233, 233);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(162, 162, 162);
    /* -moz-box-shadow: rgb(169, 169, 169)  3px 3px 5px; */ -webkit-box-shadow: rgb(169, 169, 169) 2px 2px 5px;
    box-shadow: rgb(169, 169, 169)  2px 2px 5px;
}

.curvedpanecorners {
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.emptytab {
    background-color: rgb(185, 185, 185);
}

.tabpanediv {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    background-color: rgb(233, 233, 233);
}

.tabpaneresults {
    background-color: rgb(233, 233, 233);
}


.tabpaneadmin {
    background-color: rgb(255, 255, 255);
}

.tab_center {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(42, 59, 141);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(42, 59, 141);
    text-align: center;
    padding: 6px;
    min-width: 120px;
    border-top-style: solid;
    border-top-color: rgb(42, 59, 141);
    border-top-width: 1px;
    background-color: rgb(42, 59, 141);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    background-repeat: repeat-x;
}

    .tab_center:hover {
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: rgb(215, 157, 158);
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(215, 157, 158);
        text-align: center;
        padding: 6px;
        min-width: 120px;
        border-top-style: solid;
        border-top-color: rgb(215, 157, 158);
        border-top-width: 1px;
        background-color: rgb(215, 157, 158);
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        background-repeat: repeat-x;
    }

.tab_center_on {
    text-align: center;
    padding: 6px;
    min-width: 120px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(194, 37, 41);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(194, 37, 41);
    border-top-style: solid;
    border-top-color: rgb(194, 37, 41);
    border-top-width: 1px;
    background-color: rgb(194, 37, 41);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
}

    .tab_center_on a:link {
        color: rgb(255, 255, 255);
        font-weight: bold;
    }

    .tab_center_on a:hover {
        color: rgb(255, 255, 255);
        font-weight: bold;
    }

    .tab_center_on a:active {
        color: rgb(255, 255, 255);
        font-weight: bold;
    }

    .tab_center_on a:visited {
        color: rgb(255, 255, 255);
        font-weight: bold;
    }

.tab_center a {
    font-weight: bold;
    color: rgb(255, 255, 255);
}


.tab_center a:hover {
    font-weight: bold;
    color: rgb(255, 255, 255);
}

table.subviewtable {
    background-color: rgb(255, 255, 255);
    border-collapse: separate;
}

    table.subviewtable tr:first-child {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 5003;
    }

table.searchresultstable {
    background-color: rgb(255, 255, 255);

    border-collapse: separate;
}

    table.searchresultstable tr.stickyheader {
        position: sticky;
        position: -webkit-sticky;
        z-index:5000;

        top: 0;
    }

    table.subgrid {
        border-collapse: separate;
        background-color: rgb(255, 255, 255);
    }

        table.subgrid tr:first-child {
            position: sticky;
            position: -webkit-sticky;
            top: 0;
 
            z-index: 5001;
        }


.subcontent {
    background-color: transparent;
}

/* ------------------------------------------------------------------------- */
/* End Tab and Table Styles used by Data Manager                             */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* Data Manager duplciate styles                                             */
/* ------------------------------------------------------------------------- */
table.duplicatechecktable {
    width: 500px;
    border-top-width: 1px;
    border-top-color: rgb(173, 173, 173);
    border-top-style: solid;
    border-left-width: 1px;
    border-left-color: rgb(173, 173, 173);
    border-left-style: solid;
    background-color: #F2F2F2;
    background-color: rgb(233, 233, 233);
}

    table.duplicatechecktable tr td {
        border-bottom-width: 1px;
        border-bottom-color: rgb(173, 173, 173);
        border-bottom-style: solid;
        border-right-width: 1px;
        border-right-color: rgb(173, 173, 173);
        border-right-style: solid;
    }




/* ------------------------------------------------------------------------- */
/* Data Manager structure element default styles                             */
/* ------------------------------------------------------------------------- */
input.structure-select-type-in {
    width: 200px;
}

select.structure-select-type-in {
    width: 205px;
}

input.structureTypeInLookupSelected {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    font-weight: bold;
}

input.structureTypeInLookupNotSelected {
    background-color: rgb(255, 255, 255);
}

div.structureTypeInLookupDiv {
    margin-left: 5px;
    margin-top: 5px;
    background-color: rgb(255, 255, 255);
    padding: 3px;
    border-width: 1px;
    border-style: outset;
    width: 200px;
    height: 200px;
    font-size: small;
    overflow: scroll;
}

.subrecord-divider {
    border-bottom-color: rgb(173, 173, 173);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.structurehelp {
    border-width: 0px;
    vertical-align: text-top;
}

.popupexportdialog {
    visibility: hidden;
    background: #ddd;
    color: rgb(0,0,0);
    position: fixed;
    left: 40%;
    top: 40%;
    width: 220px;
    padding: 10px 10px 0 10px;
    border: 1px dotted red;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
}

.popupexportdialog li, .popupexportdialog  p {
    color: rgb(0,0,0);
}

/* ------------------------------------------------------------------------- */
/* End Data Manager structure element default styles                         */
/* ------------------------------------------------------------------------- */
.metroicon26 {
    padding: 0px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
    width: 26px;
    border: 0px;
}

.metroicon26-disabled {
    padding: 0px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
    width: 26px;
    border: 0px;
}

.metroicon16 {
    padding: 0px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px 8px 8px 8px;
    width: 16px;
    border: 0px;
}

.metroicon14 {
    padding: 0px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
    width: 14px;
    border: 0px;
}


/* ------------------------------------------------------------------------- */
/* Menu Button Styles                                                        */
/* ------------------------------------------------------------------------- */





.subbar {
    BACKGROUND-COLOR: rgb(255, 255, 255);
    list-style: none;
}



#site-top-menu .top-menu {
    float: left;
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    box-sizing: border-box;
    
}

#site-top-menu .top-menu2 {
    float: left;
    padding: 0px;
    margin: 0px;
}


    #site-top-menu .top-menu .subbaroff:hover, #site-top-menu .top-menu2 .subbaroff:hover {
        background-color: rgb(69, 81, 141);
        vertical-align: middle;
        min-height: 20px;
        padding-top: 2px;
        margin-top: 5px;
        margin-right: 20px;
        border-style: solid;
        border-color: rgb(0,153,204);
        border-width: 0px;
        font-size: medium;
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        background-repeat: repeat-x;
    }

    #site-top-menu .top-menu .subbarimage, #site-top-menu .top-menu2 .subbarimage {
        float: left;
        list-style: none;
    }

    #site-top-menu .top-menu .subbaron, #site-top-menu .top-menu2 .subbaron {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px 5px 5px 5px;
        list-style: none;
        background-color: rgb(224, 243, 249);
        vertical-align: middle;
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        min-height: 20px;
        padding-top: 2px;
        padding-bottom:4px;
        margin-top: 5px;
        margin-right: 20px;
        border-style: solid;
        color: rgb(0, 0, 0);
        border-width: 0px;
        font-size: medium;
        float: left;
    }



    #site-top-menu .top-menu .subbaroff, #site-top-menu .top-menu2 .subbaroff {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px 5px 5px 5px;
        list-style: none;
        vertical-align: middle;
        min-height: 20px;
        padding-top: 2px;
        padding-bottom: 4px;
        margin-top: 5px;
        margin-right: 20px;
        border-style: solid;
        border-color: rgb(255,255,255);
        border-width: 0px;
        backgroundcolor: rgb(42, 59, 141);
        font-size: medium;
        float: left;
    }

        #site-top-menu .top-menu .subbaroff:hover a, #site-top-menu .top-menu2 .subbaroff:hover a {
            color: rgb(255, 255, 255)
        }

    #site-top-menu .top-menu .subbaron a, #site-top-menu .top-menu2 .subbaron a {
        color: rgb(0, 0, 0);
    }

    #site-top-menu .top-menu .subbaroff a, #site-top-menu .top-menu2 .subbaroff a {
        color: rgb(255, 255, 255)
    }

@media all and (max-width: 500px) {

    #site-top-menu {
        padding-bottom: 5px;
    }

        #site-top-menu .top-menu2 .subbaron {
            clear: left;
            width: 300px;
            text-align: left;
        }

        #site-top-menu .top-menu2 .subbaroff {
            clear: left;
            width: 300px;
            text-align: left;
        }

        #site-top-menu .top-menu2 {
            padding-top: 30px;
            height: auto;
            overflow: visible;
        }

        #site-top-menu .top-menu {
            display: none;
            max-width: 300px;
        }

        #site-top-menu .burgerbutton {
            padding-top: 2px;
            padding-right: 5px;
            border: 0px;
            width: 30px;
            height: 30px;
            float: right;
        }

    .sectionBarMenu .burgerbutton, div.sectionBarSectionText {
        float: left;
    }

    .sectionBarMenu .burgerbutton {
        float: right;
        padding-top: 4px;
        padding-right: 13px;
        border: 0px;
        width: 30px;
        height: 30px;
    }

    div.sectionBarMenuOption {
    }

    #site-sidebar-ajax-pane {
        padding-left: 0px;
    }

    #sectionBarMenuBr {
        display:none;
    }


    .sectionBarMenu .top-menu {
        display: none;
    }

    .sectionBarMenu .top-menu2 {
        height: auto;
    }
    .sectionBarMenu #largeWidthSectionBarOptions {
        display: none;
    }
    .sectionBarMenu #smallWidthSectionBarOptions {
        clear: both;
    }
    .pageBarMenu .burgerbutton, div.sectionBarSectionText {
        float: left;
    }

    .pageBarMenu .burgerbutton {
        float: right;
        padding-top: 4px;
        padding-right: 13px;
        border: 0px;
        width: 30px;
        height: 30px;
    }

    div.pageBarMenuOption {
    }


    .pageBarSearchBar {
        width: 80px;
    }

    #pageBarMenuBr {
    }


    .pageBarMenu .top-menu {
        clear:both;
        display: none;
    }

    .pageBarMenu .top-menu2 {
        clear:both;
        height: auto;
    }
    #collapsing-content-sectionbar {
        clear: both;
    }

    div.pageBarMenu #Results_Section-container {
        padding-left: 13px;
    }

}
@media all and (min-width: 501px) {


    .burgerbutton {
        display: none
    }

    #site-top-menu {
        padding-bottom: 5px;
      
    }

    .top-menu .subbaron {
        text-align: center;
    }

    .top-menu .subbaroff {
        text-align: center;
    }

    .top-menu2 .subbaron {
        text-align: center;
    }

    .top-menu2 .subbaroff {
        text-align: center;
    }


    #site-sidebar-ajax-pane {
        padding-left: 5px;
    }

    div.sectionBarMenu,  {

        float: left;
    }

    div.sectionBarMenuOption {
        border-right: 2px solid rgb(206, 206, 206);
        float: left;
    }

    #sectionBarMenuBr {
        display: none;
    }

    div.pageBarMenuOption {
        border-right: 2px solid rgb(192, 192, 192);
        float: left;
    }


    div.pageBarMenu {
        float: left;
    }

    #pageBarMenuBr {
        display: none;
    }

    div.sectionBarSearchBarDiv {
        float: right;
    }
    div.pageBarMenu #Results_Section-container {
        padding-right: 4px;
        float: right;
        height: 40px;
    }

}
/* --------------------------------- */
/* Secondary menu styles */
/* --------------------------------- */

#site-secondary-menu .top-menu, #site-secondary-menu .top-menu2 {
    float: left;
    padding: 0px;
    margin: 0px;
}

    #site-secondary-menu .top-menu .subbarimage, #site-secondary-menu .top-menu2 .subbarimage {
        float: left;
        list-style: none;
    }

    #site-secondary-menu .top-menu .subbaroff:hover, #site-secondary-menu .top-menu2 .subbaroff:hover {
        vertical-align: top;
    }

    #site-secondary-menu .top-menu .subbaron, #site-secondary-menu .top-menu2 .subbaron {
        list-style: none;
        vertical-align: top;
        margin-bottom: 0px;
        padding-right: 1px;
        padding-left: 1px;
        border-right: 1px  rgb(42, 59, 141) solid
    }


    #site-secondary-menu .top-menu .subbaroff, #site-secondary-menu .top-menu2 .subbaroff {
        list-style: none;
        vertical-align: top;
        margin-bottom: 0px;
        padding-right: 1px;
        padding-left: 1px;
        border-right: 1px rgb(42, 59, 141) solid
    }

        #site-secondary-menu .top-menu .subbaroff:hover a, #site-secondary-menu .top-menu2 .subbaroff:hover a {
            background-color: ;
            color: rgb(194, 37, 41);
        }

    #site-secondary-menu .top-menu .subbaron a, #site-secondary-menu .top-menu2 .subbaron a {
        background-color: ;
        color: rgb(224, 243, 249);
    }

    #site-secondary-menu .top-menu .subbaroff a, #site-secondary-menu .top-menu2 .subbaroff a {
        background-color: ;
        color: rgb(42, 59, 141);
    }


/* --------------------------------- */
/* End Secondary menu styles */
/* --------------------------------- */


img.mediumicon {
    border-width: 0px;
}


    img.mediumicon:hover {
        -moz-box-shadow: rgb(169, 169, 169)  0px 03px 30px;
        -webkit-box-shadow: rgb(169, 169, 169)  0px -0px 30px;
        box-shadow: rgb(169, 169, 169)  0px -0px 30px;
    }


div.splitbutton {
    float: left;
}


    div.splitbutton div.leftsplit {
        float: left;
        border: solid rgb(185, 185, 185) 1px;
        margin-right: 0px;
        height: 20px;
        padding: 2px;
    }

    div.splitbutton div.rightsplit {
        float: left;
        margin-left: 0px;
        border-top: solid rgb(185, 185, 185) 1px;
        border-left: solid rgb(185, 185, 185) 1px;
        border-bottom: solid rgb(185, 185, 185) 1px;
        height: 20px;
        padding: 2px;
    }


    div.splitbutton button.leftsplit {
        float: left;
        margin-right: 0px;
        padding: 4px;
        height: 30px;
        border-top: 1px rgb(185, 185, 185) solid;
        border-bottom: 1px rgb(185, 185, 185) solid;
        border-right: 1px rgb(185, 185, 185) solid;
        border-left: 1px rgb(185, 185, 185) solid;
    }

    div.splitbutton button.rightsplit {
        float: left;
        margin-left: 0px;
        height: 30px;
        padding: 4px;
        border-top: 1px rgb(185, 185, 185) solid;
        border-bottom: 1px rgb(185, 185, 185) solid;
        border-right: 1px rgb(185, 185, 185)solid;
        border-left: 0px rgb(185, 185, 185) solid;
    }

    div.splitbutton button.leftsplit a {
        color: rgb(255, 255, 255);
    }

    div.splitbutton button.rightsplit a {
        color: rgb(255, 255, 255);
    }



/* ------------------------------------------------------------------------- */
/* End Menu Button Styles                                                    */
/* ------------------------------------------------------------------------- */







/* ------------------------------------------------------------------------- */
/* Content Manager Styles                                                    */
/* ------------------------------------------------------------------------- */
.contentstate {
    padding: 5px;
    border: solid 2px #fdd48b;
    font-weight: bold;
}
/* ------------------------------------------------------------------------- */
/* End Content Manager Styles                                                */
/* ------------------------------------------------------------------------- */







/* ------------------------------------------------------------------------- */
/* Global Search Styles                                                      */
/* ------------------------------------------------------------------------- */
td.toolheader {
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: bold;
    color: rgb(42, 59, 141);
    font-size: large;
}

td.toolheadericon {
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 10px;
}


td.searchsectionheader1 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 2px rgb(173, 173, 173);
}

td.searchsectionheader2 {
    font-size: 12px;
    text-align: right;
    border-bottom: solid 2px rgb(173, 173, 173);
}
/* ------------------------------------------------------------------------- */
/* END Global Search Styles                                                  */
/* ------------------------------------------------------------------------- */








/* ------------------------------------------------------------------------- */
/* DIALOG BOX AND GRID STYLES                                                */
/* ------------------------------------------------------------------------- */

td.dialogboxheader {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}

div.dialogboxheader, td.dialogboxheader, th.dialogboxheader {
    border-bottom-style: solid;
    border-bottom-color: rgb(173, 173, 173);
    border-bottom-width: 1px;
    background-color: rgb(42, 59, 141);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    font-size: small;
    font-weight: bold;
    color: rgb(255, 255, 255);
}

    div.dialogboxheader a, td.dialogboxheader a, th.dialogboxheader a  {
        color: rgb(255, 255, 255);
        background-color: transparent;
        text-decoration: none
    }

        div.dialogboxheader a:link, td.dialogboxheader a:link, th.dialogboxheader a:link {
            color: rgb(255, 255, 255);
            background-color: transparent;
            text-decoration: none
        }

        div.dialogboxheader a:visited, td.dialogboxheader a:visited, th.dialogboxheader a:visited {
            color: rgb(255, 255, 255);
            background-color: transparent;
            text-decoration: none
        }

        div.dialogboxheader a:active, td.dialogboxheader a:active, th.dialogboxheader a:active  {
            color: rgb(255, 255, 255);
            background-color: transparent;
            text-decoration: none
        }

        div.dialogboxheader a:hover, td.dialogboxheader a:hover, th.dialogboxheader a:hover {
            color: rgb(255, 255, 255);
            background-color: transparent;
            text-decoration: none
        }


/* Column headers that are clickable */
th.dialogcolumnheaderclick, td.dialogcolumnheaderclick {
    background-color: rgb(42, 59, 141);
    font-size: small;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-align: left;
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    background-repeat: repeat-x;
}





    th.dialogcolumnheaderclick a:link, td.dialogcolumnheaderclick a:link {
        color: rgb(255, 255, 255);
        background-color: transparent;
        text-decoration: none
    }

    th.dialogcolumnheaderclick a:visited, td.dialogcolumnheaderclick a:visited {
        color: rgb(255, 255, 255);
        background-color: transparent;
        text-decoration: none
    }

    th.dialogcolumnheaderclick a:active, td.dialogcolumnheaderclick a:active {
        color:rgb(255, 255, 255);
        background-color: transparent;
        text-decoration: none
    }

    th.dialogcolumnheaderclick:hover a:link,
    td.dialogcolumnheaderclick:hover a:link,
    th.dialogcolumnheaderclick:hover a:visited,
    td.dialogcolumnheaderclick:hover a:visited,
    th.dialogcolumnheaderclick:hover a:active,
    td.dialogcolumnheaderclick:hover a:active,
    th.dialogcolumnheaderclick a:hover,
    td.dialogcolumnheaderclick a:hover

    {
        color: rgb(255, 255, 255);
        background-color: transparent;
        text-decoration: none
    }

    th.dialogcolumnheaderclick:hover, td.dialogcolumnheaderclick:hover {
        background-color: rgb(69, 81, 141);
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        background-repeat: repeat-x;
        color: rgb(255, 255, 255);
    }

/* Column headers that are readonly */
th.dialogcolumnheader, td.dialogcolumnheader {
    background-color: rgb(42, 59, 141);
    
    font-size: small;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-align: left;
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    background-repeat: repeat-x;
}


    th.dialogcolumnheader a:link, td.dialogcolumnheader a:link,
    th.dialogcolumnheader a:visited, td.dialogcolumnheader a:visited,
    th.dialogcolumnheader a:active, td.dialogcolumnheader a:active {
        color: rgb(255, 255, 255);
        background-color: transparent;
        text-decoration: none
    }


    th.dialogcolumnheader a:hover, td.dialogcolumnheader a:hover {
        color: rgb(255, 255, 255);
        background-color: transparent;
        text-decoration: none
    }


    div.dialogboxheader div,
    th.dialogboxheader div,
    td.dialogboxheader div,
    div.dialogboxheader div a:link,
    th.dialogboxheader div a:link,
    td.dialogboxheader div a:link,
    div.dialogboxheader div a:visited,
    th.dialogboxheader div a:visited,
    td.dialogboxheader div a:visited
{
        color: rgb(255, 255, 255)
    }

.contentbackDELL {
    BACKGROUND-COLOR: rgb(255, 0, 0) !important;
}
    .contentbackDELL:hover {
        BACKGROUND-COLOR: rgb(179, 184, 207) !important
    }

    .contentbackDELL td {
        font-size: x-small;
        color: rgb(255, 255, 255) !important;
    }

    .contentbackDELL:hover td {
        font-size: x-small;
        color: rgb(255, 255, 255) !important;
    }


.searchresultstable > tbody > tr:nth-child(even) ,
.subviewtable > tbody >  tr:nth-child(even)
{
    background-color: rgb(233, 233, 233);
}


.searchresultstable > tbody > tr:nth-child(even),
.searchresultstable > tbody >  tr:nth-child(even) > td,
.searchresultstable > tbody >  tr:nth-child(even) > td > ul > li,
.subviewtable > tbody >  tr:nth-child(even),
.subviewtable > tbody >  tr:nth-child(even) > td,
.subviewtable > tbody >  tr:nth-child(even) > td > ul > li {
     color: rgb(0, 0, 0);
}


.searchresultstable > tbody > tr:nth-child(odd),
.subviewtable > tbody >  tr:nth-child(odd)
{

    background-color: rgb(220, 220, 220);
}


.searchresultstable > tbody >  tr:nth-child(odd),
.searchresultstable > tbody >  tr:nth-child(odd) > td,
.searchresultstable > tbody >  tr:nth-child(odd) > td > ul > li,
.subviewtable > tbody >  tr:nth-child(odd),
.subviewtable > tbody >  tr:nth-child(odd) > td,
.subviewtable > tbody >  tr:nth-child(odd) > td > ul > li {
     color: rgb(0, 0, 0);
}


.searchresultstable > tbody >  tr:hover,
.searchresultstable > tbody >  tr:hover > td,
.searchresultstable > tbody >  tr:hover > td > ul > li,
.subviewtable > tbody >  tr:hover,
.subviewtable > tbody > tr:hover > td,
.subviewtable > tbody > tr:hover td > ul > li {
    BACKGROUND-COLOR: rgb(179, 184, 207);
    color: rgb(255, 255, 255);
}

.searchresultstable > tbody >  tr:hover > td > a > DIV.masked_icon,
.subviewtable > tbody >  tr:hover > td > a > DIV.masked_icon
{
      BACKGROUND-COLOR: rgb(255, 255, 255);
    
}

.searchresultstable > tbody >  tr > td > a > DIV.masked_icon,
.subviewtable > tbody >  tr > td > a > DIV.masked_icon
{
       BACKGROUND-COLOR: rgb(0, 0, 0);
      margin-right: 3px;
}

.subviewtable tr td,
.subviewtable tr td ul li,
.searchresultstable tr td,
.searchresultstable tr td ul li
{
    font-size: x-small;
}


.subviewtable tr:hover td,
.searchresultstable tr:hover td {
    font-size: x-small;
}

.searchresultstable tr.headerrow th input[type='text'], .fldinput-search input[type='text'] {
    height: 20px;
    padding: 4px;
}

.searchresultstable tr.headerrow th input[type='submit'] {
    height: 32px;
  
}

.searchresultstable tr.headerrow th select, .fldinput-search select {
    height: 28px;

}

.searchresultstable tr.headerrow th label {
    float:left;
    clear: left;

}

@media all and (max-width: 500px) {

    .searchresultstable {
        padding: 0px;
        border: 0px;
    }

        .searchresultstable tr.headerrow {
            background-color: rgb(42, 59, 141);
            background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
            background-repeat: repeat-x;
            display: none;
        }

        .searchresultstable tr {
            padding-right: 0px;
            padding-left: 0px;
            width: 100%;
            display: block;
            float: left;
            clear: left;
        }

            .searchresultstable tr td {
                font-size: small;
                padding-right: 0px;
                padding-left: 5px;
                width: 95%;
                display: block;
                float: left;
                clear: left;
            }

            .searchresultstable tr:hover td {
                font-size: small;
            }

            .searchresultstable tr td:before {
                content: attr(data-title)
            }

            .searchresultstable tr td:empty {
                display: none
            }


    .subgrid tr:first-of-type {
        background-color: rgb(42, 59, 141);
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        background-repeat: repeat-x;
        display: none;
    }

    .subgrid tr {
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
        display: block;
        float: left;
        clear: left;
    }

        .subgrid tr td {
            font-size: small;
            padding-right: 0px;
            padding-left: 5px;
            width: 95%;
            display: block;
            float: left;
            clear: left;
        }

        .subgrid tr:hover td {
            font-size: small;
        }

        .subgrid tr td:before {
            content: attr(data-title)
        }

        .subgrid tr td:empty {
            display: none
        }

        .subgrid tr td input[type=text] {
            width: 100%
        }

        .subgrid tr td select {
            width: 100%
        }

        .subgrid tr td textarea {
            width: 100%
        }

    .subviewtable tr:first-of-type {
        background-color: rgb(42, 59, 141);
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        background-repeat: repeat-x;
        display: none;
    }

    .fldinput-aev {
        width: 100%
    }


        .fldinput-aev input[type=text]:not(.hasDatepicker) {
            width: 95%
        }
        .fldinput-aev select {
            width: 95%
        }

        .fldinput-aev textarea {
            width: 95%
        }


    .subviewtable tr {
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
        display: block;
        float: left;
        clear: left;
    }

        .subviewtable tr td {
            font-size: small;
            padding-right: 0px;
            padding-left: 5px;
            width: 95%;
            display: block;
            float: left;
            clear: left;
        }

        .subviewtable tr:hover td {
            font-size: small;
        }

        .subviewtable tr td:before {
            content: attr(data-title)
        }

        .subviewtable tr td:empty {
            display: none
        }
}


/* Styles for result rows */
.contentback2, .contentback2 td, .contentback2 td ul li  {
    BACKGROUND-COLOR: rgb(233, 233, 233);
    color: rgb(0, 0, 0);
}

.contentback3, .contentback3 td, .contentback3 td ul li {
    BACKGROUND-color: rgb(220, 220, 220);
    color: rgb(0, 0, 0);
}

.contentback2:hover, .contentback2:hover td, .contentback2:hover td ul li {
    BACKGROUND-COLOR: rgb(179, 184, 207);
    color: rgb(255, 255, 255);
}

.contentback3:hover,  .contentback3:hover td, .contentback3:hover td ul li {
    BACKGROUND-COLOR: rgb(179, 184, 207);
    color: rgb(255, 255, 255);
}

.contentback2 td,
.contentback3 td,
.contentback2 td ul li,
.contentback3 td ul li,
.contentback2:hover td,
.contentback3:hover td
{
    font-size: x-small;
}

.contentbackDELL td,
.contentbackDELL:hover td {
    font-size: x-small;
}


.metroicon26,
.metroicon14,
.metroicon16
{
    background-color: rgb(42, 59, 141);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    border: 0px;
}

.metroicon26:hover,
.metroicon14:hover,
.metroicon16:hover
{
    background-color: rgb(194, 37, 41);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    border: 0px;
}



.metroicon26 {
    padding: 0px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
    width: 26px;
}

.metroicon26-disabled {
    padding: 0px;
    background-color: rgb(176, 176, 176);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
    width: 26px;
    
}

.metroicon16 {
    padding: 0px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px 8px 8px 8px;
    width: 16px;
}

.metroicon14 {
    padding: 0px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
    width: 14px;
}

@media all and (max-width: 500px) {

    .metroicon26-disabled, .metroicon26 {
        width: 36px;
    }
}



/* ------------------------------------------------------------------------- */
/* End DIALOG BOX AND GRID STYLES                                            */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* Dropdown Menu Styles                                                      */
/* ------------------------------------------------------------------------- */
div.dropdown {
    position: absolute;
    visibility: hidden;
    min-width: 200px;
    text-align: left;
    background-color: rgb(224, 243, 249);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(222, 222, 222);
    z-index: 10000;
}

.ddcontainerBack {
    position: absolute;
    visibility: hidden;
    min-width: 200px;
    z-index: 100;
    height: 1px;
    background-color: rgb(224, 243, 249);
}

ul.ddlist {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding-left: 0px;
    display: none;
}

    ul.ddlist li {
        width: 100%;
        border-bottom: solid 1px rgb(222, 222, 222);
        text-align: left;
        cursor: pointer;
        color: rgb(0, 0, 0);
        font-size: 11pt;
        font-weight: bold;
        line-height: 18px;
        min-height: 25px;
        padding: 7px 0px 1px 0px;
        margin-bottom: 0px;
    }

        ul.ddlist li a {
            color: rgb(0, 0, 0);
            font-size: x-small;
            font-weight: bold;
        }

        



        ul.ddlist li div.ddarrow {
            float: left;
            margin-left: 5px;
            margin-right: 6px;
            color: rgb(0, 0, 0);
        }

        ul.ddlist li:hover, 
        ul.ddlist li:focus,
        ul.ddlist li:hover a, 
        ul.ddlist li:focus a,
        ul.ddlist li:focus div.ddarrow,
        ul.ddlist li:hover div.ddarrow  {
            background-color: rgb(194, 37, 41);
            color: rgb(255, 255, 255);

        }



/* ------------------------------------------------------------------------- */
/* End Dropdown styles                                                       */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* Additional Elements for Div-based Positioning                             */
/* ------------------------------------------------------------------------- */
#site-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 7px;
    background: rgb(255, 255, 255);
}

@media all and (max-width: 500px) {

    #site-container {
        width: 100%;
    }

    #site-top-menu {
        width: 100%;
    }

    #site-logo {
        padding-bottom: 7px;
        padding-left: 5px;
        padding-top: 0px;
    }
}

@media all and (min-width: 501px) {

    #site-logo {
        padding-bottom: 7px;
        padding-left: 5px;
        padding-top: 8px;
    }

    #site-container {
        width: 95%;
        margin-top: 0px;
    }

    #site-top-menu {
        width: 100%;
    }
}

div.fldlbl-150 {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 150px;
    vertical-align: top;
    clear: left;
}

div.fldlbl-search {
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    width: 250px;
    vertical-align: top;
    clear: left;
}

div.fldinput-search {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    float: left;
    vertical-align: top;
    min-width: 200px;
}

div.row100 {
    width: 100%;
    min-height: 24px;
    float: left;
    clear: left;
}

div.rulerow {
    box-sizing: border-box;
    width: 100%;
    min-height: 28px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    float: left;
    clear: left;
}

div.fldlbl-aev {
    padding-left: 0px;
    padding-right: 5px;
    padding-bottom: 5px;
    float: left;
    vertical-align: top;
    clear: left;
}

div.fldinput-aev {
    padding-left: 0px;
    padding-right: 20px;
    padding-bottom: 10px;
    float: left;
    vertical-align: top;
    min-width: 200px;
     box-sizing: border-box;
    
    
}



#site-pagecontent {
    padding-top: 10px;
    float: left;
    padding-left: 5px;
    padding-right:0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    background-color: rgb(255, 255, 255);
    min-height: 477px;
}

.mce-content-body {
     background-color: rgb(255, 255, 255) !important;
}

@media print {

    #site-pagecontent {
        width: 95% !important;
    }

    #site-sidebar {
        display: none;
    }
}

.modalFrame {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(173, 173, 173);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow:  rgb(169, 169, 169)  15px 15px 30px;
    -webkit-box-shadow:  rgb(169, 169, 169)  15px 15px 30px;
    box-shadow:  rgb(169, 169, 169)  15px 15px 30px;
    z-index: 100000;
}

#MainContent {
    background-color: transparent;
}

#massFrame {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(173, 173, 173);
    box-shadow: rgb(169, 169, 169)  15px 15px 30px;
    z-index: 500;
}

#site-footer {
    padding-top: 13px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    align-content: center;
}

    #site-footer div {
        font-family: "Segoe UI","Segoe",arial;
        font-size: x-small;
        color: ;
    }

        #site-footer div a {
            font-family: "Segoe UI","Segoe",arial;
            font-size: x-small;
            color: ;
        }


#site-top-menu {
    float: left;
    clear: left right;
    margin: 0px;
    padding-top: 0px;
    box-sizing: border-box;
    background-color: rgb(42, 59, 141);
}

#site-secondary-menu {
    float: right;
    margin-right: 5px;
}


#site-logo {
    float: left;
    width: 200px;
    padding-bottom: 7px;
}

#site-sidebar-arrowID {
    margin-left: 1px;
    margin-top: 2px;
}

#site-sidebar {
    min-height: 477px;
    float: left;
    width: 175px;
    margin-left: 0px;
    overflow: hidden;
    padding-top: 10px;
    clear: left;
}

#site-sidebar_nav {
    padding-top: 0px;
    padding-bottom: 6px;
    margin-bottom: 5px;
    padding-left: 15px;
    box-sizing: border-box;
    width: 168px;
}

    #site-sidebar_nav a {
        font-size: 13pt;
        color: rgb(42, 59, 141);
    }

#site-sidebar-ajax-pane {
    float: left;
    width: 15px;
    padding-top: 7px;
    height: 400px;
}

.sidebar-menu-icon {
    vertical-align: middle;
    width: 34px;
    padding-left: 7px;
    padding-right: 10px;
    border: 0px;
}

#site-helpicon {
    float: right;
}

/* ------------------------------------------------------------------------- */
/* End Additional Elements for Div-based Positioning                         */
/* ------------------------------------------------------------------------- */

/*==================================================================================*/
/* Styles for in page Section Bar and Page Bar                                      */
/*==================================================================================*/

div.menubar-prevnext-page {
    padding-top: 4px;
    height: 30px;
    float: right;
    padding-right: 4px;

}
    div.menubar-prevnext-page * {
        height: inherit;
    }

    div.menubar-prevnext-page a .metroicon26, div.menubar-prevnext-page a .metroicon26-disabled {

        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px 7px 7px 7px;
        border: 0px;
        width: 30px;
    }
.metroicon26 {
    padding: 0px;
    
}

/*-------------*/
/* SECTION BAR */
/*-------------*/
div.sectionBarMenu {
    background-color: rgb(42, 59, 141);
    border-bottom: 2px solid rgb(189, 189, 189);
    min-height: 40px;
    line-height: 40px;
    width: 100%;
}

div.sectionBarSectionText {
    color: rgb(255, 255, 255);
    font-style: italic;
    font-weight: bold;
    padding-left: 13px;
    padding-right: 39px;
    float: left;
}

    div.sectionBarSectionText a {
        color: rgb(255, 255, 255);
    }

div.sectionBarMenuOption {
    padding-left: 13px;
    padding-right: 13px;
    color: rgb(255, 255, 255);
}

.sectionBarMenuOption:hover,
.sectionBarMenuOption:hover a,
.sectionBarMenuOption a:hover,
.sectionBarMenuOption:hover a:hover {
    background-color: rgb(194, 37, 41);
    color: ;
}




div.sectionBarMenuOption a {
    color: rgb(255, 255, 255);
}

div.sectionBarSearchBarDiv {
    height: 40px;
    padding-left: 13px;
    padding-right: 4px
}

input.sectionBarSearchBar {
    width: 205px;
    height: 20px;
    background-color: rgb(255, 255, 255);
    font-size: 11pt;
    padding-left: 4px;
    border: 0px none rgb(255, 255, 255);
}
input.sectionBarSearchBar ::placeholder{
    color: rgb(42, 59, 141);
}
input.sectionBarSearchBar {
    color: rgb(0, 0, 0);

}

    /*-----------*/
    /* PAGE BAR */
    /*-----------*/

div.pageBarMenu {
    float: left;
    width: 100%;
    line-height: 40px;
    background-color:rgb(224, 243, 249);
    border-bottom: 2px solid rgb(189, 189, 189);
    margin-bottom: 12px;
}


div.pageBarPageTypeText {
    color: rgb(0, 0, 0);
    font-style: italic;
    font-weight: bold;
    padding-left: 13px;
    padding-right: 39px;
    float: left;
}

div.pageBarMenuOption {
    padding-left: 13px;
    padding-right: 13px;
    color: rgb(0, 0, 0);
    
}



div.pageBarMenuOption a {
    color: rgb(0, 0, 0);
}
div.pageBarMenu #Results_Section-container form {
    color: rgb(0, 0, 0);
}

.pageBarMenuOption:hover,
.pageBarMenuOption:hover a,
.pageBarMenuOption a:hover, 
.pageBarMenuOption:hover a:hover {
    background-color: rgb(194, 37, 41);
    color: rgb(255, 255, 255);
}

/*------------------------------*/
/* Submenu Section/Page Bar CSS */
/*------------------------------*/
img.more {
    width: 10px;
    height: 6px;
    padding-left: 3px;
}

ul.SectionBar {
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
    width: 180px;
    background-color: rgb(42, 59, 141)
    list-style-type: none;
}

div.SectionBardd {
    display: none;
}

ul.SectionBar li {
    padding-left: 13px;
    padding-top: 5px;
    height: 25px;
    color: rgb(255, 255, 255);
    border: 1px solid  rgb(206, 206, 206);
}

    ul.SectionBar li a {
        color: rgb(255, 255, 255);
        text-decoration: none;
    }

    ul.SectionBar li:hover {
        background-color: rgb(194, 37, 41);
    }


ul.PageBar {
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
    background-color: rgb(224, 243, 249);
    list-style-type: none;
}

div.PageBardd {
    display: none;
}

ul.PageBar li {
    padding-left: 13px;
    padding-top: 5px;
    height: 25px;
    color: rgb(0, 0, 0);
    border: 1px solid  rgb(192, 192, 192);
}

    ul.PageBar li a {
        color: rgb(0, 0, 0);
        text-decoration: none;
    }

    ul.PageBar li:hover {
        background-color: rgb(194, 37, 41);
    }

/*----------------------------------------*/
/* Submenu Section/Page Bar Container CSS */
/*----------------------------------------*/

div.sBar_dropdown {
    position: absolute;
    visibility: hidden;
    width: 180px;
    text-align: left;
    background-color: rgb(224, 243, 249);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(222, 222, 222);
    
    z-index: 10000;
}

.sBar_ddcontainerBack {
    position: absolute;
    visibility: hidden;
    width: 180px;
    z-index: 10000;
    background-color: rgb(224, 243, 249);
}

div.pBar_dropdown {
    position: absolute;
    visibility: hidden;
    width: 180px;
    text-align: left;
    background-color: rgb(224, 243, 249);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(222, 222, 222);
    z-index: 10000;
}

.pBar_ddcontainerBack {
    position: absolute;
    visibility: hidden;
    width: 180px;
    z-index: 100;
    background-color: rgb(224, 243, 249);
}

input.menubarbutton {
    background: none !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    /*border is optional
     border-bottom:1px solid rgb(185, 185, 185) */
    cursor: pointer;
}



/* ------------------------------------------------------------------------- */
/* Topic Tree Styles                                                         */
/* ------------------------------------------------------------------------- */
td.tree-edit-row {
    height: 50px;
    width: 100%;
    border-top: 1px solid black;
    -moz-user-select: none
}
/* ------------------------------------------------------------------------- */
/* End Topic Tree Styles                                                         */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */ 
/* Sidebar Styles                                                            */
/* ------------------------------------------------------------------------- */
div.sidebar_subnav {
    font-size: x-small;
    padding-top: 3px;
    margin-left: 17px;
    padding-bottom: 1px;
}

.sidemenu_images {
    vertical-align: middle;
    margin-left: 0px;
}

.sidemenu_images a
{
    font-size: x-small; font-weight: bold;
}

.side-menu {
    padding: 0px;
    padding-top: 10px;
    padding-left: 10px;
    margin: 0px;
    box-sizing: border-box;
}


    .side-menu .subbaroff:hover {
        background-color: rgb(0,153,204);
        vertical-align: middle;
        text-align: center;
        min-height: 20px;
        padding-top: 2px;
        margin-bottom: 5px;
        margin-right: 5px;
        border-style: solid;
        border-color: rgb(0,153,204);
        border-width: 1px;
        min-width: 100px;
        font-size: small;
    }

    .side-menu subbaron {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px 5px 5px 5px;
        list-style: none;
        background-color: rgb(147,205,102);
        vertical-align: middle;
        text-align: center;
        min-height: 20px;
        padding-top: 2px;
        margin-bottom: 5px;
        margin-right: 5px;
        border-style: solid;
        color: rgb(93,143,52);
        border-width: 1px;
        min-width: 100px;
        font-size: small;
        margin-left: 15px;
        width: 170px;
    }


    .side-menu .subbaroff {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px 5px 5px 5px;
        list-style: none;
        background-color: rgb(190,230,255);
        vertical-align: middle;
        text-align: center;
        min-height: 20px;
        padding-top: 2px;
        margin-bottom: 5px;
        margin-right: 5px;
        border-style: solid;
        border-color: rgb(0,153,204);
        border-width: 1px;
        min-width: 100px;
        font-size: small;
        margin-left: 15px;
        width: 170px;
    }

        .side-menu .subbaroff:hover a {
            color: #FFFFFF
        }

    .side-menu .subbaron a {
        color: rgb(255,255,255)
    }

    .side-menu .subbaroff a {
        color: rgb(0,123,184)
    }

    .side-menu .subbarimage {
        list-style: none;
    }


div.panels_container {
    min-height: 318px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 16px;
    float: left;
}

div.panel_container {
    padding-bottom: 15px;
    float: left;
}

div.panel_background {
    background-color: rgb(233, 233, 233);
    color: rgb(0, 0, 0);
    padding-bottom: 5px;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

div.panel_outline {
    width: 168px;
    float: left;
    border:  rgb(173, 173, 173) solid 1px;
    width: 168px;
    background-color: rgb(233, 233, 233);
}

div.panel_nav {
    padding-left: 5px;
    padding-top: 3px;
    font-size: x-small;
}

    div.panel_nav div {
        font-size: x-small;
    }

div.panel_subnav {
    padding-left: 30px;
    padding-top: 3px;
}

div.horizontal-divider {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 16px;
    padding-top: 3px;
    border-bottom: solid 1px rgb(0, 0, 0);
    font-size: 3px;
}


div.sidebar_panel_header {
    border-bottom-style: solid;
    border-bottom-color: rgb(173, 173, 173);
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-color: rgb(173, 173, 173);
    border-top-width: 0px;
    padding: 4px;
    background-color: rgb(42, 59, 141);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    font-size: small;
    font-weight: bold;
    color: rgb(255, 255, 255);
}

span.adminlabel {
    font-size: x-small;
    font-weight: bold;
    color: rgb(0, 0, 0);
}


span.panelheader {
    font-size: small;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

div.sidebar_panel_footer {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(173, 173, 173);
    padding: 5px;
    text-align: left;
}

.arrow {
    background-image: URL("/images/rb_arrow.gif")
}


/* Topic Linking Classes */
div.links_text {
    padding: 5px;
}




/* --------- ---------------------------------------------------------------- */
/* End Sidebar Styles                                                        */
/* ------------------------------------------------------------------------- */

td.commentpane-commentcell {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(173, 173, 173);
    padding-left: 30px
}

.validation-error-bg-color, .validation-error-bg-color div {
    background-color:  rgb(179, 184, 207);
    color:  rgb(255, 255, 255);
}

.div-modal{
    padding: 10px;
    background-color: rgb(233, 233, 233);
}
.modalblankout {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10000;
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity=20)
}

table.cross-tab-grid-table {
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
}

    table.cross-tab-grid-table * {
        border: 0px;
        padding: 3px;
        border-collapse: collapse;
    }

    table.cross-tab-grid-table td:hover {
        box-shadow: inset 0px 0px 0px 3px rgb(169, 169, 169);
        -webkit-box-shadow: inset 0px 0px 0px 3px rgb(169, 169, 169);
    }

    table.cross-tab-grid-table tbody tr th {
        font-size: medium;
    }

    table.cross-tab-grid-table tbody tr:nth-child(1n) td {
        background-color: rgb(233, 233, 233);
        color: rgb(0, 0, 0);
    }

    table.cross-tab-grid-table tbody tr:nth-child(2n) td {
        background-color: rgb(220, 220, 220);
        color: rgb(0, 0, 0);
    }


    table.cross-tab-grid-table tbody tr td {
        position: relative;
        background-color: inherit;
        border-style: solid;
        border-right-width: 2px;
    }

#filter-div {
    float: left;
    width: 200px;
    display: inline-block;
    clear: left;
}

#main-content {
    float: left;
}

#filter-sidebar {
    float: left;
    width: 15px;
    height: 400px;
    padding: 0px;
    background-color: rgb(185, 185, 185);
}

#filter-sidebar-border {
    float: left;
    width: 15px;
    height: 400px;
    padding: 0px;
}


@media all and (max-width: 800px) {
    #filter-div {
        display: none;
    }
}

.sig {
    width: 400px;
    height: 200px;
    border: 1px solid red;
}

/* width */
::-webkit-scrollbar {
    width: 15px;
    background-color: rgb(233, 233, 233);

}

/* Track */
::-webkit-scrollbar-track { 
    box-shadow: inset 0 0 1px rgb(169, 169, 169);
  
}

/* Handle */
::-webkit-scrollbar-thumb {
    background-color: rgb(42, 59, 141);
}

/* Handle */
::-webkit-scrollbar-thumb:hover {
    background-color: rgb(190, 190, 190);
}


@media screen and (prefers-color-scheme: dark)
{

}

div.Applet_Container
{
    background-color: rgb(255, 255, 255);
	border: solid 1px rgb(173, 173, 173);
}

div.Applet_Hud {

	border-bottom: solid 1px rgb(173, 173, 173);
	background-color: rgb(42, 59, 141);
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);;
	background-repeat: repeat-x;
}




div.Dashboard_Heading
{
	border-bottom: solid 1px rgb(0, 0, 0);

}



 .select2-selection__rendered  { background-color: rgb(255, 255, 255)  !important; color: rgb(0, 0, 0)  !important } 

.select2-results__option { background-color: rgb(255, 255, 255) !important } 

.select2-search--dropdown  { background-color:rgb(255, 255, 255)  !important} 

.select2-search__field { background-color:rgb(255, 255, 255)  !important} 

.select2-container {background-color:rgb(255, 255, 255)  !important; !important; z-index: 10000;} 

 .select2-selection--single { box-sizing: content-box !important }

.select2-results__option--highlighted { color: rgb(255, 255, 255);background-color:rgb(42, 59, 141)  !important} 

.select2-selection__choice__display { color: rgb(255, 255, 255); background-color:rgb(42, 59, 141)  !important} 


.select2-selection--multiple  {background-color:rgb(255, 255, 255)  !important} 


.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(0, 0, 0) !important;
  
}




.ui-datepicker-title span { color: rgb(50, 50, 50) }

/* Calendar Theming Colors */

.calendar-othermonthdate{
    background-color: rgb(224, 243, 249);
}
.calendar-date{
    color: rgb(0, 0, 0) ;
    background-color: rgb(233, 233, 233);
}
.calendar-eventdate{
    color: rgb(255, 255, 255);
    background-color: rgb(179, 184, 207);
}
.calendar-eventdate:hover{
    color: rgb(255, 255, 255);
    background-color: rgb(255, 0, 0);
}
.calendar-headercolumn{
    color: rgb(255, 255, 255);
    background-color: rgb(42, 59, 141);
}
.calendar-linkcolor{
    color: rgb(194, 37, 41)
}

.ui-datepicker-header {
    background: rgb(42, 59, 141);
    color: rgb(255, 255, 255);
    font-family:'Times New Roman';
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}

.ui-datepicker thead {
    background-color: #f7f7f7;

    /*border-bottom: 1px solid #bbb;*/
}

.ui-datepicker th {
    background-color:rgb(233, 233, 233) ;
    text-transform: uppercase;
    font-size: 8pt;
    color: rgb(0, 0, 0) ;
    /*text-shadow: 1px 0px 0px #fff;*/
    /*filter: dropshadow(color=#fff, offx=1, offy=0);*/
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
    color: rgb(0, 0, 0) ;
}

.ui-datepicker-calendar .ui-state-default {
      background: rgb(233, 233, 233);
      color:rgb(0, 0, 0);

}

.ui-datepicker-calendar .ui-state-hover {
    background: rgb(255, 0, 0);
    color: rgb(255, 255, 255);
}

.ui-datepicker-calendar .ui-state-active {
    background: rgb(179, 184, 207);
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: rgb(255, 255, 255);
    text-shadow: 0px 1px 0px #4d7a85;
    border: 1px solid #55838f;
    position: relative;
    margin: -1px;
}

.ui-datepicker-unselectable .ui-state-default {
    background: rgb(176, 176, 176);
    color: #000;
}


/* Dynamic themed icons with blended backgrounds */


.masked_icon {
  -webkit-mask-mode: alpha;
 -webkit-mask-size: cover;
  mask-mode: alpha;
  mask-size: cover;
  background-size: cover; 
  background-blend-mode: multiply;
  display: inline-block;
}

.masked_icon:hover {
      background-blend-mode: multiply;
}

.masked_icon img
{
    display: none;
}

.filemanagerlistaction .masked_icon {margin-right: 3px; }


.image_magnifying_glass {
  background-image: url("/images/top/search.svg");
  -webkit-mask-image: url("/images/top/search.svg");
  mask-image: url("/images/top/search.svg");
  width: 30px;
  height: 30px;
  background-color: rgb(42, 59, 141);
}

.image_magnifying_glass:hover {
  background-color: rgb(194, 37, 41);
}

.image_help_circle {
  background-image: url("/images/question-circular-button.svg");
  -webkit-mask-image: url("/images/question-circular-button.svg");
  mask-image: url("/images/question-circular-button.svg");
  width: 30px;
  height: 30px;
  background-color: rgb(42, 59, 141);
}

.image_help_circle:hover {
  background-color: rgb(194, 37, 41);
}

.image_dm_edit {
  background-image: url("/images/database_manager/pen.svg");
  -webkit-mask-image: url("/images/database_manager/pen.svg");
  mask-image: url("/images/database_manager/pen.svg");
  width: 16px;
  height: 16px;
  background-color: rgb(0, 0, 0);
}

.image_dm_edit:hover {
  background-color: rgb(255, 255, 255);
}

.image_dm_view {
  background-image: url("/images/database_manager/document.svg");
  -webkit-mask-image: url("/images/database_manager/document.svg");
  mask-image: url("/images/database_manager/document.svg");
  width: 16px;
  height: 16px;
  background-color: rgb(0, 0, 0);
}

.image_dm_view:hover {
  background-color: rgb(255, 255, 255);
}

.image_dm_expand {
  background-image: url("/images/database_manager/angle-down.svg");
  -webkit-mask-image: url("/images/database_manager/angle-down.svg");
  mask-image: url("/images/database_manager/angle-down.svg");
  width: 16px;
  height: 16px;
  background-color: rgb(0, 0, 0);
}

.image_dm_expand:hover {
  background-color: rgb(255, 255, 255);
}

.image_dm_expand_close {
  background-image: url("/images/database_manager/angle-up.svg");
  -webkit-mask-image: url("/images/database_manager/angle-up.svg");
  mask-image: url("/images/database_manager/angle-up.svg");
  width: 18px;
  height: 18px;
  background-color: rgb(0, 0, 0);
}

.image_dm_expand_close:hover {
  background-color: rgb(255, 255, 255);
}

/* File Manager Icons */
.image_fm_addfolder {
  background-image: url("/images/file_manager/svg/addfolder.svg");
  -webkit-mask-image: url("/images/file_manager/svg/addfolder.svg");
  mask-image: url("/images/file_manager/svg/addfolder.svg");
  background-color: rgb(42, 59, 141);
  width: 30px;
  height: 30px;
}

.image_fm_addfolder:hover {
  background-color: rgb(194, 37, 41);
}



.image_fm_checkin {
  background-image: url("/images/file_manager/svg/checkin.svg");
  -webkit-mask-image: url("/images/file_manager/svg/checkin.svg");
  mask-image: url("/images/file_manager/svg/checkin.svg");
  background-color: rgb(42, 59, 141);
  width: 22px;
  height: 22px;
}

.image_fm_checkin:hover {
  background-color: rgb(194, 37, 41);
}




.image_fm_checkout {
  background-image: url("/images/file_manager/svg/checkout.svg");
  -webkit-mask-image: url("/images/file_manager/svg/checkout.svg");
  mask-image: url("/images/file_manager/svg/checkout.svg");
  background-color: rgb(42, 59, 141);
  width: 22px;
  height: 22px;
}

.image_fm_checkout:hover {
  background-color: rgb(194, 37, 41);
}



.image_fm_clipboard {
  background-image: url("/images/file_manager/svg/clipboard.svg");
  -webkit-mask-image: url("/images/file_manager/svg/clipboard.svg");
  mask-image: url("/images/file_manager/svg/clipboard.svg");
  background-color: rgb(42, 59, 141);
  width: 30px;
  height: 30px;
}

.image_fm_clipboard:hover {
  background-color: rgb(194, 37, 41);
}


.image_fm_comment {
  background-image: url("/images/file_manager/svg/comment.svg");
  -webkit-mask-image: url("/images/file_manager/svg/comment.svg");
  mask-image: url("/images/file_manager/svg/comment.svg");
  background-color: rgb(42, 59, 141);
  width: 22px;
  height: 22px;
}

.image_fm_comment:hover {
  background-color: rgb(194, 37, 41);
}


.image_fm_copy {
  background-image: url("/images/file_manager/svg/copy.svg");
  -webkit-mask-image: url("/images/file_manager/svg/copy.svg");
  mask-image: url("/images/file_manager/svg/copy.svg");
  background-color: rgb(42, 59, 141);
  width: 30px;
  height: 30px;
}

.image_fm_copy:hover {
  background-color: rgb(194, 37, 41);
}


.image_fm_cut {
  background-image: url("/images/file_manager/svg/cut.svg");
  -webkit-mask-image: url("/images/file_manager/svg/cut.svg");
  mask-image: url("/images/file_manager/svg/cut.svg");
  background-color: rgb(42, 59, 141);
  width: 30px;
  height: 30px;
}

.image_fm_cut:hover {
  background-color: rgb(194, 37, 41);
}




.image_fm_delete {
  background-image: url("/images/file_manager/svg/delete.svg");
  -webkit-mask-image: url("/images/file_manager/svg/delete.svg");
  mask-image: url("/images/file_manager/svg/delete.svg");
  background-color: rgb(42, 59, 141);
  width: 30px;
  height: 30px;
}

.image_fm_delete:hover {
  background-color: rgb(194, 37, 41);
}

.image_fm_delete_small {
  background-image: url("/images/file_manager/svg/delete.svg");
  -webkit-mask-image: url("/images/file_manager/svg/delete.svg");
  mask-image: url("/images/file_manager/svg/delete.svg");
  background-color: rgb(42, 59, 141);
  width: 22px;
  height: 22px;zg
}

.image_fm_delete_small:hover {
  background-color: rgb(194, 37, 41);
}



.image_fm_download {
  background-image: url("/images/file_manager/svg/download.svg");
  -webkit-mask-image: url("/images/file_manager/svg/download.svg");
  mask-image: url("/images/file_manager/svg/download.svg");
  background-color: rgb(42, 59, 141);
  width: 30px;
  height: 30px;
}

.image_fm_download:hover {
  background-color: rgb(194, 37, 41);
}

.image_fm_download_small {
  background-image: url("/images/file_manager/svg/download.svg");
  -webkit-mask-image: url("/images/file_manager/svg/download.svg");
  mask-image: url("/images/file_manager/svg/download.svg");
  background-color: rgb(42, 59, 141);
  width: 22px;
  height: 22px;
}

.image_fm_download_small:hover {
  background-color: rgb(194, 37, 41);
}


.image_fm_upleft {
  background-image: url("/images/file_manager/svg/upleft.svg");
  -webkit-mask-image: url("/images/file_manager/svg/upleft.svg");
  mask-image: url("/images/file_manager/svg/upleft.svg");
  background-color: rgb(255, 255, 255);
  width: 22px;
  height: 26px;
}

.image_fm_upleft:hover {
  background-color: rgb(194, 37, 41);
}



.image_fm_folder {
  background-image: url("/images/file_manager/svg/folder.svg");
  -webkit-mask-image: url("/images/file_manager/svg/folder.svg");
  mask-image: url("/images/file_manager/svg/folder.svg");
  background-color: rgb(42, 59, 141);
  width: 22px;
  height: 22px;
}

.image_fm_folder:hover {
  background-color: rgb(194, 37, 41);
}



.image_fm_paste {
  background-image: url("/images/file_manager/svg/paste.svg");
  -webkit-mask-image: url("/images/file_manager/svg/paste.svg");
  mask-image: url("/images/file_manager/svg/paste.svg");
  background-color: rgb(42, 59, 141);
  width: 30px;
  height: 30px;
}

.image_fm_paste:hover {
  background-color: rgb(194, 37, 41);
}




.image_fm_rename {
  background-image: url("/images/file_manager/svg/rename.svg");
  -webkit-mask-image: url("/images/file_manager/svg/rename.svg");
  mask-image: url("/images/file_manager/svg/rename.svg");
  background-color: rgb(42, 59, 141);
  width: 22px;
  height: 22px;
}

.image_fm_rename:hover {
  background-color: rgb(194, 37, 41);
}





.image_fm_resizeimage {
  background-image: url("/images/file_manager/svg/resizeimage.svg");
  -webkit-mask-image: url("/images/file_manager/svg/resizeimage.svg");
  mask-image: url("/images/file_manager/svg/resizeimage.svg");
  background-color: rgb(42, 59, 141);
  width: 22px;
  height: 22px;
}

.image_fm_resizeimage:hover {
  background-color: rgb(194, 37, 41);
}



.image_fm_unzip {
  background-image: url("/images/file_manager/svg/unzip.svg");
  -webkit-mask-image: url("/images/file_manager/svg/unzip.svg");
  mask-image: url("/images/file_manager/svg/unzip.svg");
  background-color: rgb(42, 59, 141);
  width: 22px;
  height: 22px;
}

.image_fm_unzip:hover {
  background-color: rgb(194, 37, 41);
}

.image_fm_upload_small {
  background-image: url("/images/file_manager/svg/upload.svg");
  -webkit-mask-image: url("/images/file_manager/svg/upload.svg");
  mask-image: url("/images/file_manager/svg/upload.svg");
  background-color: rgb(42, 59, 141);
  width: 22px;
  height: 22px;
}

.image_fm_upload_small:hover {
  background-color: rgb(194, 37, 41);
}


.image_fm_upload {
  background-image: url("/images/file_manager/svg/upload.svg");
  -webkit-mask-image: url("/images/file_manager/svg/upload.svg");
  mask-image: url("/images/file_manager/svg/upload.svg");
  background-color: rgb(42, 59, 141);
  width: 30px;
  height: 30px;
}

.image_fm_upload:hover {
  background-color: rgb(194, 37, 41);
}



.image_fm_view {
  background-image: url("/images/file_manager/svg/view.svg");
  -webkit-mask-image: url("/images/file_manager/svg/view.svg");
  mask-image: url("/images/file_manager/svg/view.svg");
  background-color: rgb(42, 59, 141);
  width: 22px;
  height: 22px;
}

.image_fm_view:hover {
  background-color: rgb(194, 37, 41);
}



.image_fm_zip {
  background-image: url("/images/file_manager/svg/zip.svg");
  -webkit-mask-image: url("/images/file_manager/svg/zip.svg");
  mask-image: url("/images/file_manager/svg/zip.svg");
  background-color: rgb(42, 59, 141);
  width: 30px;
  height: 30px;
}

.image_fm_zip:hover {
  background-color: rgb(194, 37, 41);
}




.fileManagerRow:hover .masked_icon,
.fileManagerRow:hover .masked_icon:hover
{
  background-color: rgb(255, 255, 255);
}

.fileManagerRow:hover a:link,
.fileManagerRow:hover a:hover,
.fileManagerRow:hover a
{
  color: rgb(255, 255, 255);
}

    .ai-chat-message-user {
        border: 1px solid rgb(173, 173, 173);
        background-color: rgb(233, 233, 233);
        color: rgb(0, 0, 0);
   
        margin-left: auto;
        margin-right: 5px;
        text-align: left;
        width:80%;
        padding: 20px;

            
    }




#site-logo img {
content: url("https://amhic.com/wp-content/themes/amhic_child/assets/img/logo.png")
}


            .ai-chat-message-assistant {
                border: 1px solid rgb(173, 173, 173); 
                background-color: rgb(220, 220, 220);
                color: rgb(0, 0, 0);
                 margin-left: 0px;
                 margin-right: auto;
                padding: 20px;
                width:80%;
            }
            .ai-chat-message-citation {
                border: 1px solid rgb(173, 173, 173); 
                width: calc(100% - 20px);
                 margin-left: 0px;
                 margin-right: auto;
                padding: 20px;
        
            
            }

            .ai-chat-message-assistant li {
                margin-top: 2px; 
            }
            .ai-chat-message-assistant li:last-child  {
                margin-bottom:15px; 
            }

            .ai-chat-message-assistant li p {
                margin-bottom:0px; 
            }

            .ai-chat-message-copy {

            }

            .ai-chat-snippet-copy {

            }
  



            .chat-history-linkdiv
            {
                padding-bottom: 10px;
                padding-top: 10px;
                padding-left: 10px;
                padding-right: 10px;
                margin-left: 10px;
                width: 250px;
                float:left;
                clear:left;
                background-color: rgb(233, 233, 233);
                color: rgb(0, 0, 0); 
                border: 1px solid rgb(173, 173, 173);
                margin-bottom: 10px;
                border-radius: 5px;

            }

            #chat-left-pane
            {
                
                float:left;
                width: 300px;
                margin-left: 10px;
                margin-top: 10px;
                padding: 10px;
                max-width:300px;
                max-height: calc(100vh - 75px);
            
                padding-bottom: 10px;  
                border-radius: 5px;

            }

            #chat-left-pane-history-button
            {
                display: none;
            }
            #chat-left-pane button
            {
                border-radius: 5px;
            }
            
            #chat-history {
                float:left;
                width: 300px;
                clear: left;
                max-width:300px;
                max-height: calc(100vh - 105px);
                overflow-y: scroll; 
                margin-top: 0px;
                padding-bottom: 10px; 
                padding-top: 10px;
                padding-right: 10px;
                border-radius: 5px;
            }

            #chat-container {
                float: left;
                max-width: 800px;
                margin-top: 20px;
                margin-left: 15px;
                padding: 20px;
                padding-top:5px;
                min-width: 280px;
                width: calc(100% - 400px);
                border-radius: 5px;
            } 

            #message-thread {
                max-height: calc(100vh - 224px);
                min-height:calc(100vh - 224px);
                overflow-y: scroll;
                padding-bottom: 10px;
            }

            @media all and (max-width: 700px) {

                    #chat-left-pane {
                        max-height: 16px; 
                        width:calc(100vw - 40px);
                        overflow: hidden;
                         max-width:calc(100vw - 40px);
                        margin-top: 0px;

                        padding-left: 0px;

                    }
                  #chat-left-pane:hover {
                     
                  }
                    
                    #chat-left-pane-history-button
                    {
                        display: inline;
                    }

                    .chat-left-pane-extended {
                         max-height: calc(100vh - 30px) !important;
                         height: calc(100vh - 30px) !important;
                    }

                    #chat-history {
                            max-width:calc(100vw - 60px);
                            width:calc(100vw - 60px);
                            padding: 10px;

                    }

                    .chat-left-pane-extended #chat-history {
                         max-height: calc(100vh) !important;
                         height: calc(100vh) !important;
                    }

                    #chat-container {
                        width: calc(100vw - 80px);
                        max-width: calc(100vw - 80px);
                        margin-top: 10px;
                        margin-left: 10px;
                    }

                    #message-thread {
                        max-height: calc(100vh - 275px);
                        min-height:calc(100vh - 275px);
                    }
  
            }



            #message-thread div {
                margin-bottom: 10px;padding-right:5px;
                overflow-wrap: break-word;
            }
            #message-input {
                width: 100%;
                padding: 10px;
                margin-top: 20px;
                box-sizing: border-box;
            }
            #send-button {

  
        
            }