body {
    margin: 10px 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #e6d8c6!important;
}

/*.container {margin:0 auto; width:875px; background: url("_images/container_bkg.gif") repeat-y;}*/

nav#navbar-main {
    background-color: #2c6c8a !important;
}

.bg-blue {
    background-color: #2c6c8a
}

#nav {
    text-align: left;
    height: 38px;
    padding: 95px 0 0 300px;
}

    #nav ul {
        display: inline;
        list-style: none;
        padding: 0;
    }

    #nav li {
        display: block;
        float: left;
        margin: 0 0 0 5px;
        padding: 0;
        background: url("_images/tab_bkg.gif") repeat-x;
    }

        #nav li:hover, #nav li.selected {
            background: url("_images/tab_bkg_over.gif") repeat-x;
        }

    #nav a {
        display: block;
        padding: 0px 0 0px 15px;
        margin: 0;
        cursor: hand;
        font-weight: bold;
        background: url("_images/tab_left.gif") left top no-repeat;
        text-decoration: none;
    }

        #nav a span {
            padding: 7px 14px 15px 0px;
            margin: 0;
            cursor: hand;
            background: url("_images/tab_right.gif") right top no-repeat;
        }

        #nav a, #nav a span {
            color: #FFF;
            text-decoration: none;
            display: block;
            float: left
        }

            #nav a:hover, #nav li.selected a {
                color: #fff;
                background: url("_images/tab_left_over.gif") left top no-repeat;
            }

                #nav a:hover span, #nav li.selected a span {
                    color: #fff;
                    background: url("_images/tab_right_over.gif") right top no-repeat;
                }

#navsub {
    height: 32px;
    padding: 0 10px 0 10px;
    margin: 0 auto;
    margin-top: 1px;
    text-align: left;
}

    #navsub ul {
        width: 820px;
        height: 32px;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #navsub li {
        float: left;
        margin: 0;
        padding: 0;
    }

        #navsub li:hover, #navsub li.selected {
            background: url("_images/tab_sub_bkg_over.gif") repeat-x;
        }

    #navsub a {
        cursor: hand;
        font-weight: bold;
        height: 32px;
        font-size: 90%;
        color: #737171;
        background: url("_images/tab_sub_bkg.gif") left bottom no-repeat;
        text-decoration: none;
        padding-left: 12px;
        line-height: 30px;
    }

        #navsub a span {
            cursor: hand;
            height: 32px;
            background: url("_images/tab_sub_bkg.gif") right bottom no-repeat;
            padding-right: 13px
        }

        #navsub a, #navsub a span {
            display: block;
            float: left
        }

/*
Drop down menu
#navsub a:hover, #navsub li.selected a  {color:#000;background:url("_images/tab_sub_left.gif") left top no-repeat; text-decoration:none; padding-left:18px; }
#navsub a:hover span, #navsub li.selected a span  {color:#000;background:url("_images/tab_sub_right.gif") right top no-repeat; padding-right:18px}
*/

h1 {
    font-size: 170%;
    color: #006666;
    margin: 10px 0 0 0;
    padding: 0
}

    h1 span {
        color: #82ac02;
    }

h2 {
    font-size: 130%;
    color: #006666;
    margin: 10px 0 0 0;
    padding: 0
}


.clear {
    clear: both;
}

.error {
    color: Red;
    clear: both;
    text-align: center;
}

.errornocenter {
    color: Red;
}

.leftmargin {
    padding-left: 20px;
}

.topmargin {
    padding-top: 20px;
}

.content {
    padding: 0 0px 0 10px;
}

.content-area {
    background-color: #efefef;
}

.side-nav li .nav-link, .side-nav h3, .side-nav h4, .side-nav h5 {
    color: #efefef;
}

.footer {
    margin: 0 auto;
    width: 875px;
    height: 24px;
}

fieldset {
    font:  sans-serif; /*90%/1*/
    margin: 10px 10px 10px 10px;
    padding: 5px 5px 5px 5px;
}

    fieldset.half {
        width: 395px;
        border: groove 2px;
        vertical-align: top;
    }

    fieldset.provideraddress {
        width: 300px;
    }

    fieldset.noborder {
        font: 90%/1 sans-serif;
        margin: 10px 10px 10px 20px;
        width: 400px;
        padding: 0px 0px 5px 0px;
        float: left;
        display: block;
        position: relative;
        border: 0px solid;
    }

    fieldset.border {
        font: 90%/1 sans-serif;
        margin: 2px 2px 2px 2px;
        float: left;
        display: block;
        position: relative;
        border: 3px solid rgba(44, 108, 138, .5) !important;
    }

    /*
fieldset{min-height:200px;font:90%/1 sans-serif;	background:url(_images/fieldset_bkg.gif) no-repeat; border:none;   margin:10px 10px 0px 0px; width:400px;  padding: 0px 0px 10px 0px; float:left; display:block; position:relative; }
*/
    fieldset.full {
        width: 810px;
        clear: both;
        float: none;
        margin-left: 20px;
        display: block;
    }

        fieldset.full ul {
            list-style-type: none;
            float: none;
            display: block;
        }

    fieldset.fullnoborder {
        width: 810px;
        clear: both;
        float: none;
        margin-left: 20px;
        border: none;
    }

    fieldset.fullnobordercentered {
        width: 810px;
        clear: both;
        float: none;
        margin-left: 20px;
        border: none;
        text-align: center;
    }

    fieldset legend, fieldset.full legend {
        padding: 4px;
        color: #00102d;
        font-size: 120%;
        font-weight: bold;
        text-align: left;
    }

    fieldset legend, fieldset.half legend {
        padding: 4px;
        color: #00102d;
        font-size: 120%;
        font-weight: bold;
        text-align: left;
    }


    fieldset.nested {
        width: 380px;
        margin-left: 4px;
        margin-right: 0;
    }

        fieldset.nested span.text {
            display: block;
            height: 24px;
            margin: 4px 0px 0px 10px;
            padding: 2px 8px 0px 8px;
        }

label {
    line-height:1.5;
    font-weight: bold;
    text-align: left;
    color: #323415;
    border: solid 0px;
    display: block;
    float: left;
    margin: 8px 0px 0px 10px;
    padding: 2px 8px 2px 8px;
    clear: left;
}

    label.form-check-label {
        display: block;
        float: none;
        margin: 0px;
        padding: 0px;
        clear: none;
    }

    label.value{
        font-weight: normal;
    }

    label.autowidth {
        width: auto;
    }


.label, .multilinelabel {
    display: inline-block;
    font-weight: bold;
    width: auto;
}

.label {
    min-width: 4.5em;
}

.labelText {
    display: inline-block;
    min-width: 3.5em;
}

.shortlabel .labelText, .labelShort {
    min-width: 1em;
}

.mediumlabel .labelText, .labelMedium {
    min-width: 8.2em;
}

.longlabel .labelText, .labelLong {
    min-width: 12em;
}

.multilinelabel {
    vertical-align: top;
}

.prewrapedlabel {
    white-space: pre-wrap;
}

.verticalLabel .labelText {
    display: block;
}

.field {
    font-weight: normal;
}

.field, .label {
    vertical-align: middle;
}

.labelBox {
    display: block;
    margin-top: 8px;
    padding: 2px 5px 0px;
    background: url('/App_Themes/Standard/_images/tab_sub_bkg.gif') repeat-x #fff;
    color: #323415;
    height: 15px;
    float: left;
    width: 6em;
    border: thin groove;
}

/* -- New(er) labels */


input[type="text"] {
    padding-left: 5px;
    color: #323415;
    display: block;
    float: left;
    /*font-size: 90%;*/
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
}

input[type="number"] {
    padding-left: 5px;
    color: #323415;
    display: block;
    float: left;
    font-size: 90%;
    margin-left: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
}


input.inline {
    margin-top: 0;
    padding-top: 0;
}

input[type="file"] {
    height: auto;
    width: 400px;
}

input.checkbox, input[type="checkbox"] {
    padding: 0px 0px 7px 7px;
    vertical-align: bottom;
    float: left;
}

input.checkbox, input[type="image"] {
    background: none;
    border: none;
}

input[type="radio"] {
    margin: 5px 0 0 10px;
    padding: 0;
    color: #5B5C56;
    background: #FFFFFF;
    width: 15px;
    float: left;
    clear: none;
    border: none;
}

input[type="hidden"] {
    display: none;
}

.checkbox {
    vertical-align: text-bottom;
    _vertical-align: middle;
    float: left;
}

    .checkbox label {
        text-indent: 5px;
        margin-left: 10px;
        position: relative;
        top: -25px;
    }

.checkbox1 {
    vertical-align: text-bottom;
    _vertical-align: middle;
    float: left;
    padding: 3px;
}

    .checkbox1 label {
        text-indent: 5px;
        margin-left: 10px;
        position: relative;
        top: -25px;
        width: 35px;
    }

.checkbox2 {
    vertical-align: text-bottom;
    _vertical-align: middle;
    float: left;
    padding: 5px;
}

    .checkbox2 label {
        text-indent: 5px;
        margin-left: 10px;
        position: relative;
        top: -25px;
        width: 635px;
    }

select {
    background: #efefef;
    font-size: 90%;
    width: 178px;
    margin: 8px 0px 0px 0px;
    padding-left: 5px;
    float: left;
}

    select.nospacing {
        background: #efefef;
        font-size: 90%;
        width: 180px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
    }

    select.right {
        background: #efefef;
        font-size: 90%;
        width: 180px;
        margin: 9px 0px 0px 0px;
        padding-left: 5px;
        float: right;
    }

.button {
    margin: 5px 5px 5px 5px;
    background: url("_images/td_bkg.gif") repeat-x;
    float: none;
    border: 1px solid #000000;
    width: auto;
    padding: 1px 0px 1px 0px;
    height: auto;
    font-weight: bold;
}

    .button:focus {
        background: url("_images/tab_bkg.gif") repeat-x;
    }

.radios label {
    margin: 5px 0 0 2px;
    padding: 0;
    float: left;
    clear: none;
    width: auto;
    font-weight: normal;
}

.nofloat {
    float: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.halfcentered {
    width: 400px;
    text-align: center;
    border: solid 0px;
    clear: both;
}

.sometext {
    border: solid 0px;
    float: left;
    padding: 2px 8px 2px 8px;
    margin: 8px 0px 0px 0px;
}

.somesmalltext {
    border: solid 0px;
    float: left;
    padding: 2px 8px 2px 8px;
    margin: 3px 0px 0px 0px;
}

table.MainTable {
    border: solid 1px;
    font-family: Arial;
    font-size: inherit;
}

td.MainTable {
    text-align: left;
    padding: 4px 8px 4px 8px;
}

th.MainTable {
    background-color: #dbeaff;
    color: black;
    font-weight: bold;
    text-align: left;
    height: 20px;
    padding: 4px 8px 4px 8px;
}

table.search {
    font-size: 11px;
    text-align: left;
    border: 1px solid #000;
    margin: 10px;
}

.search th {
    padding: 3px;
    font-size: 12px;
    background: url("_images/th_bkg.gif") repeat-x bottom;
    color: white
}

.search td {
    border-bottom: 1px solid #00102d;
    background: #fff url("_images/td_bkg.gif") bottom repeat-x;
}

.alternate td {
    border-bottom: 1px solid #00102d;
    background: #fff url("_images/td_bkg_alternate.gif") bottom repeat-x;
}

.income {
    text-align: left;
    float: left;
    width: 500px;
}

    .income td {
        border-bottom: 1px solid #eee;
    }

.full {
    width: 800px;
}

.fullwidth {
    width: 100%;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.fullright {
    width: 800px;
    float: right;
}

.width20 {
    width: 20px;
}

.width40 {
    width: 40px;
}

.width50 {
    width: 50px;
}

.width80 {
    width: 80px;
}

.width100 {
    width: 100px;
}

.width125 {
    width: 125px;
}

.width150 {
    width: 150px;
}

.width200 {
    width: 200px;
}

.width250 {
    width: 250px;
}

.width300 {
    width: 300px;
}

.width325 {
    width: 325px;
}

.width350 {
    width: 350px;
}

.width375 {
    width: 375px;
}

.width400 {
    width: 400px;
}

.width425 {
    width: 425px;
}

.width450 {
    width: 450px;
}

.width500 {
    width: 500px;
}

.width100Percent {
    width: 100%
}

.login, .loginstatus, .resetpassword {
    position: absolute;
    top: 25px;
    z-index: 200;
    text-align: right;
    width: 600px;
}

.gateway {
    position: absolute;
    top: 55px;
    z-index: 200;
    text-align: right;
    width: 600px;
}

.login a {
    margin-right: 60px;
    background: #fff;
    font-size: 85%;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    padding: 5px;
    border: 1px solid #000;
    border-top: none;
    display: inline-block
}

.loginstatus a {
    margin-right: 60px;
    background: #fff;
    font-size: 85%;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: red;
    padding: 5px;
    border: 1px solid #000;
    border-top: none;
    display: inline-block;
}

.roleSelector {
    width: auto;
    margin: 8px 0px 0px 0px;
}

.gateway a {
    margin-right: 20px;
    background: #fff;
    font-size: 85%;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    padding: 5px;
    border: 1px solid #000;
    border-top: none;
    display: inline-block
}

.resetpassword a {
    margin-right: 20px;
    background: #fff;
    font-size: 85%;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    padding: 5px;
    border: 1px solid #000;
    border-top: none;
    display: inline-block
}

/*
.ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. 
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. 
.ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none. 
.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. 
.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. 
*/
.ajax__tab_header {
    margin-top: -41px;
    width: 100%;
    background: url("_images/tab_sub_bkg.gif") repeat-x;
    height: 41px;
}

    .ajax__tab_header span {
        padding: 0;
        margin: 0;
    }

    .ajax__tab_header span {
        padding: 0;
        margin: 0;
    }

.ajax__tab_tab {
    height: 41px;
    line-height: 30px;
}

.ajax__tab_header span.ajax__tab_active span {
    background: url("_images/tab_sub_bkg_over.gif") repeat-x;
    padding: 0;
    margin: 0;
}

.ajax__tab_header span span span span.ajax__tab_tab {
    padding: 0 5px 0 5px;
    margin: 0 5px 0 5px
}

.ajax__tab_header span.ajax__tab_active span span span.ajax__tab_tab {
    padding: 0 5px 0 5px;
    margin: 0 5px 0 5px
}

.ajax__tab_body {
    display: block;
}

.ajax__tab_header .ajax__tab_active .ajax__tab_inner {
    background: url("_images/tab_sub_right.gif") right top no-repeat;
}

.ajax__tab_header .ajax__tab_active .ajax__tab_outer {
    background: url("_images/tab_sub_left.gif") left top no-repeat;
}


.grid {
    font-family: arial;
    font-size: small;
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
}

    .grid th {
        text-align: center;
        color: #000;
        border-color: #989898 #cbcbcb #989898 #989898;
        border-style: solid solid solid none;
        background: url(/images/sprite.png) repeat-x 0px 0px;
        vertical-align: middle;
        border-width: 1px 1px 1px medium;
        padding: 4px 5px 4px 10px;
    }

        .grid th a {
            text-align: center;
            color: #000;
            display: block;
        }

        .grid th.sortasc, .grid th.sortdesc {
            background: url(/images/sprite.png) repeat-x 0px -100px;
        }

            .grid th.sortasc a {
                background: url(/images/dt-arrow-up.png) no-repeat right 50%;
            }

            .grid th.sortdesc a {
                background: url(/images/dt-arrow-dn.png) no-repeat right 50%;
            }

    .grid .row {
        background-color: #fff;
        border-right: solid 1px #cbcbcb;
    }

    .grid .altrow {
        background-color: #dbeaff;
        border-right: solid 1px #cbcbcb;
    }

    .grid .row td {
        padding: 4px 10px 4px 10px;
    }

    .grid .altrow td {
        padding: 4px 10px 4px 10px;
    }

.noborder {
    border-right: none;
}

.alignmentleft {
    text-align: left;
}

.alignmentright {
    text-align: right;
}

.alignmentcenter {
    text-align: center;
}

.half {
    width: 400px;
    border: solid 0px;
}


.halfsize {
    display: inline-block;
    position: relative;
    width: 45%;
    margin: 0%;
    padding: 0%;
    border: solid 0px;
}

.fullsize {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0%;
    padding: 0%;
    border: solid 0px;
}

.redbox {
    border: solid 2px red;
}

.modalBackground {
    background-color: #000000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalPopup {
    background-color: #e9f4f9;
    border: 4px solid #95c4db;
    border-style: double;
    padding: 10px;
    width: 600px;
    cursor: text;
}

    .modalPopup .modalHeader {
        background: #95c4db;
        color: #000000;
        text-align: center;
        font-weight: bold;
        padding: 2px;
        cursor: default;
    }

        .modalPopup .modalHeader h1 {
            color: #ffffff;
            font-size: x-large;
            margin-bottom: 10px;
        }

    .modalPopup .modalBody {
        background-color: #ffffff;
        padding: 4px 4px 8px 4px;
        text-align: left;
        max-height: 1000px;
        overflow: auto;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 1000000 !important;
    }

        .modalPopup .modalBody table {
            border-collapse: collapse;
        }

        .modalPopup .modalBody select {
            min-width: 40%;
        }

        .modalPopup .modalBody .list {
            margin-left: 15px;
        }

    .modalPopup .modalFooter {
        background: #95c4db;
        color: #000000;
        text-align: center;
        font-weight: bold;
        padding: 2px;
        cursor: default;
    }

    .modalPopup .search {
        text-align: center;
    }

        .modalPopup .search .group {
            width: 80%;
        }

.modalControls {
    position: relative;
    clear: both;
    background-color: #95c4db;
    padding: 4px;
    text-align: left;
}

#workflows, #scheduler {
    clear: both;
    min-height: 20em;
    max-height: 50em;
}

    #workflows .leftside, #scheduler .leftside {
        width: 45%;
        min-height: 20em;
        float: left;
    }

    #workflows .rightside, #scheduler .rightside {
        width: 45%;
        display: inline-block;
        min-height: 20em;
        max-height: 50em;
        vertical-align: top;
    }

    #workflows select, #workflows label {
        max-width: 100%;
        width: 150px;
    }

.emailgrouplist div {
    border: solid thin black;
    margin-left: 40px;
    height: 4.4em;
    overflow-y: auto;
}

.emailgrouplist ul, .emailgroupliststaff ul, .emailgrouplistselectedstaff ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .emailgrouplist ul li, .emailgroupliststaff ul li, .emailgrouplistselectedstaff ul li {
        margin: 0px;
        padding: 0px;
    }

.emailgrouplist label, .emailgroupliststaff label, .emailgrouplistselectedstaff label {
    float: none;
    clear: none;
}

.emailgroup label, .smallCheckbox label {
    display: inline;
    float: none;
    clear: none;
}

.emailgroup label {
    margin: 0px;
}

.emailgroup input[type=checkbox], .smallCheckbox input[type=checkbox] {
    float: none;
    clear: none;
}

.emailgroup input[type=checkbox] {
    margin: 0px;
    padding: 0px;
}

.emailgrouplistselectedstaff input[type=checkbox] {
    margin-left: 3em;
}

.stateStaffList .emailgroupliststaff > div {
    min-height: 100px;
    height: 50%;
    max-height: 400px;
    overflow-y: auto;
}

.stateStaffList ul li {
    display: inline-flex;
    width: 20em;
}

    .stateStaffList ul li .emailgroup > span {
        cursor: pointer;
    }

.smallCheckbox {
    display: block;
    float: left;
    clear: both;
}

.emails {
    display: block;
    margin: 7px;
    float: none;
    clear: both;
}

.email {
    display: block;
    border: thin inset;
    margin: 5px;
    height: 10em;
    overflow-y: scroll;
    float: none;
    clear: both;
}

    .email .emailLabel .labelText {
        font-weight: bold;
        min-width: 4em;
    }

.documentUploading {
    padding: 10px;
}

    .documentUploading div {
        padding: 5px;
    }

.tooltip {
    margin: 0px;
    border: solid 1px black;
    background-color: white;
    padding: 10px;
    text-align: left;
}

.btn-primary {
    background-color: #3f6bbbee !important;
    border-color: #3f6bbbee !important;
}













.ajax__fileupload {
    border: #D3D3D3 1px solid;
    overflow: auto;
    padding: 4px;
}

.ajax__fileupload_selectFileContainer {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
    width: 80px;
}

.ajax__fileupload_selectFileButton {
    background-color: #212121;
    color: #D0D0D0;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    margin-right: 4px;
    text-align: center;
    width: 80px;
}

    .ajax__fileupload_selectFileButton:hover {
        background-color: #000000;
        color: #ffffff;
    }

.ajax__fileupload_topFileStatus {
    color: rgb(127, 126, 126);
}

.ajax__fileupload_ProgressBarHolder {
    margin-right: 70px;
}

.ajax__fileupload_uploadbutton {
    background-color: #000099;
    color: white;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    width: 60px;
}

.ajax_fileupload_cancelbutton {
    background-color: #990033;
    color: white;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    width: 60px;
}

.ajax__fileupload_dropzone {
    border-style: dotted;
    border-width: 1px;
    line-height: 50px;
    margin-bottom: 2px;
    text-align: center;
}

.ajax__fileupload_queueContainer {
    border: #A9A9A9 1px solid;
    border-width: 1px;
    clear: both;
    margin-top: 2px;
    padding: 4px;
}

.ajax__fileupload_progressBar {
    background-color: #CCFFCC;
    padding-left: 4px;
}

.ajax__fileupload_footer {
    height: 20px;
    line-height: 20px;
    margin-top: 2px;
}

.ajax__fileupload_fileItemInfo {
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

    .ajax__fileupload_fileItemInfo .filename {
        font-weight: bold;
    }

    .ajax__fileupload_fileItemInfo .uploadstatus {
        font-style: italic;
    }

    .ajax__fileupload_fileItemInfo .removeButton {
        background-color: #900;
        color: white;
        cursor: pointer;
        display: block;
        float: left;
        height: 20px;
        line-height: 20px;
        text-align: center;
        width: 55px;
    }

    .ajax__fileupload_fileItemInfo .uploadedState {
        background-color: #fff;
        color: #060;
    }

    .ajax__fileupload_fileItemInfo .uploadingState {
        background-color: #fff;
        color: #FF9900;
    }

    .ajax__fileupload_fileItemInfo .pendingState {
        background-color: #fff;
        color: #009;
    }

    .ajax__fileupload_fileItemInfo .errorState {
        background-color: #ff0000;
        color: #ffffff;
    }

    .ajax__fileupload_fileItemInfo .cancelledState {
        background-color: #fff;
        color: #900;
    }

.ajax__fileupload_selectFileContainer input {
    border: medium none;
    cursor: pointer;
    height: 40px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}


.ajax__fileupload_fileItemInfo div.removeButton {
    position: absolute;
    right: 0;
    top: 0;
}

.hide {
    display: none !important;
}

.float-none {
    float: none !important;
}


/*Bootstrap Overrides*/

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .role-selector {
    color: #efefef !important;
}

.navbar-light .navbar-nav .nav-link {
    font-size:1.25rem !important;
}

.navbar-brand .navbar-text {
    color: #efefef !important;
}

#siteNav .navbar-nav > li {
    margin-left: 30px;
    margin-right: 30px;
}

#sideNav {
    min-height: 100vh;
    max-width: 200px
}

@media (max-width:978px) {
    #sideNav {
        min-height: initial;
    }
}