/* jQuery UI Overrides */
.ui-dialog .ui-dialog-content {
    font-family : var(--font-family);
    font-size   : 14px;
    font-weight : normal;
    line-height : 20px;
    margin      : 0;
    padding     : 0;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family : var(--font-family);
    font-size   : 12px;
}

.ui-dialog .ui-dialog-title {
    font-family : var(--font-family);
    font-size   : 1.1em;
}

.ui-dialog .ui-dialog-buttonpane { margin : 0; }

.ui-widget-overlay { opacity : 0.7; }

div.jqi .jqicontainer { font-weight : normal; }

/****** jPlayer Core Overrides ******/
div.jp-current-time, div.jp-duration { width : 40px; }

.jp-audio.withDL { width : 150px; float : left; }

a.jp-actions {
    display  : block;
    float    : left;
    height   : 18px;
    margin   : 3px 6px 0 0;
    overflow : hidden;
    width    : 18px;
}

div.jp-audio.withDL ul.jp-controls { width : 150px; }

div.jp-audio.withDL div.jp-type-single div.jp-progress { width : 111px; }

div.jp-audio.withDL div.jp-type-single div.jp-time-holder { width : 103px; }

a.jp-audio-download { background : url("/images/form_elements/jplayer-sprites.png") -112px -58px no-repeat; }

a.jp-audio-download:hover { background-position : -140px -58px; }

/* End jPlayer */

/* Drop-Down Menu CSS Overrides */
.ddsmoothmenu {
    font-weight: 200;
    right: 0;
    display: flex;
}

.ddsmoothmenu ul li ul {
    background                 : none repeat scroll 0 0 #F8FAFB;
    display                    : none;
    left                       : 0;
    padding                    : 6px 0;
    position                   : absolute;
    visibility                 : hidden;
    border-bottom-left-radius  : 5px;
    border-bottom-right-radius : 5px;
    border-right               : solid 1px #8C8C8C;
    border-bottom              : solid 1px #8C8C8C;
    border-left                : solid 1px #8C8C8C;
    box-shadow                 : 0 3px 6px rgb(136 136 136 / 50%);
}

.ddsmoothmenu ul li ul li:hover {
    background: var(--form-header-color);
}

.ddsmoothmenu ul li ul li a {
    width : 165px; /*width of sub menus*/
}

.ddsmoothmenu ul {
    flex-wrap: nowrap;
    display: flex;
}

.ddsmoothmenu a.selected {
    color  : var(--white) !important;
    cursor : pointer;
}

.ddsmoothmenu ul li ul li a:hover {
    color  : var(--white);
    cursor : pointer;
}

/* End Drop-Down Menu */

/* Validation Engine CSS Overrides */

.formError {
    opacity : 1 !important;
}

.formError .formErrorContent {
    background         : var(--form-border-error-color);
    font-family        : var(--font-family);
    padding            : 6px 10px 6px 10px;
    border-radius      : 5px;
    border             : none;
    box-shadow         : none;
}

.formError .formErrorArrowBottom {
    box-shadow         : none;
    margin             : 0px 0 0 12px;
    top                : 2px;
}

.formError .formErrorArrow {
    margin : 0px 0px 0px 13px;
}

.formError .formErrorArrow div {
    border-left        : none;
    border-right       : none;
    box-shadow         : none;
    background         : var(--form-border-error-color);
}

.formError .formErrorArrow .line3 {
    border-left   : none;
    border-right  : none;
    border-bottom : none;
}

.formError .formErrorArrow .line2 {
    border     : none;
    background : none;
}

.formError .formErrorArrow .line1 {
    border     : none;
    background : none;
}

/* Dalidation Engine CSS Overrides */

/****************************************
    FORM WRAPPER/COLUMN/FIELD CLASSES
****************************************/

.col_mother_wrapper {
    float    : left;
    position : relative;
    margin   : 0;
    padding  : 0;
    border   : 0;
}

.col_wrapper {
    float    : left;
    position : relative;
    margin   : 0 23px 15px 0;
    padding  : 0;
    border   : 0;
}

.colHighlight:hover { background-color: #F4FAFF; }

.col_wrapper.collapseRow .col_row_wrapper {
    padding : 0;
}

label[for] {
    cursor : pointer;
}

div.col_wrapper label,
div.col_wrapper .column-label,
.chk_lbl {
    display   : block;
    margin    : 3px 0 4px 0;
    padding   : 0;
    font-size : 1.2em;
    color     : #2B3651;
    position  : relative;
}
/* match form input right margin */
div.col_wrapper .column-label { margin-right: 14px; }

div.col_wrapper label.disabledLabel {
    color      : #888888;
    font-style : italic;
    cursor: default;
}

div.col_wrapper label a { color: var(--orange); font-style : italic; font-size : 0.85em; text-decoration : none; font-weight : normal; }

div.col_wrapper label a:hover { text-decoration : underline; cursor : pointer; }

div.col_wrapper label a.stdDisplay { color: #2B3651; font-style : normal; font-size : 1.0em; }

div.col_wrapper label a.stdDisplay:hover { text-decoration : underline; cursor : pointer; }

div.col_mother_wrapper fieldset {
    position : relative;
    margin   : 0 5px;
    padding  : 6px;
    border   : 1px solid #9B9D9F;
}

div.col_wrapper fieldset legend {
    padding : 0;
    margin  : 0 0 0 8px;
}

div.col_wrapper fieldset label.fieldLabel {
    display : inline;
    margin  : 0;
    padding : 0 3px;
}

div.col_wrapper.autoLabel label, .autoWidthLabel { float : left; width : auto; padding-right : 13px; }

div.col_wrapper.noLabels .txt { margin-left : 3px; }

div.col_wrapper label.lbl_Title {
    border      : 0 none;
    width       : 100%;
    color       : #465471;
    font-size   : 1.2em;
    font-weight : 600;
    margin-top  : 9px;
    float       : left;
    padding     : 0;
}

div.TitleBox {
    color            : var(--white);
    background-color: #88B6D9;
    font-size        : 14px;
    line-height      : 14px;
    font-weight      : 600;
    float            : left;
    margin           : 0;
    padding          : 4px 7px;
}

div.TitleBox.red { background-color: #E54D3D; }

div.TitleBox.blue { background-color: #88B6D9; }

div.TitleBox.gray { background-color: #58595B; }

span.TitleBoxSub {
    font-weight  : normal;
    font-size    : 12px;
    font-style   : italic;
    padding-left : 12px;
}

div.col_wrapper label.lbl_UL {
    border       : 1px solid var(--heading-color);
    border-width : 0 0 1px 0;
}

.col_row_wrapper {
    margin  : 0;
    padding : 0 0 6px 0;
    width   : 100%;
}

.col_row_wrapper.rounded { border-radius : 6px 6px 6px 6px; margin : 3px 0; padding : 6px 0; }

div.collapseRow div.col_row_wrapper { padding : 0; }

div.collapseRow { padding : 0; }

div.collapseCol {
    margin-right  : 0;
    margin-bottom : 0;
}

.fieldWrapper {
    float   : left;
    padding : 0;
    margin  : 0 14px 0 0;
}

.collapseField .fieldWrapper { margin : 0; }

.fieldWrapper.green input, .fieldWrapper.green select { background-color: #D1E5AE; }

.fieldWrapper.red input, .fieldWrapper.red select { background-color: #FFCCCC; }

.chkfieldWrapper {
    display: flex;
    float   : left;
    padding : 0;
    margin  : 0;
}

.fieldWrapperCheckFS { position : relative; }

.form_corner_tl {
    position   : absolute;
    top        : -3px;
    left       : -3px;
    width      : 3px;
    height     : 3px;
    background : url(../images/form_elements/corner_tl_inactive.png) 0px 0px no-repeat;
}

.form_corner_tl.recMe { background-image : url(../images/form_elements/corner_tl_rec.png); }

.form_corner_tl.requireMe { background-image : url(../images/form_elements/corner_tl_req_inactive.png); }

.form_corner_tl.formActive { background : url(../images/form_elements/corner_tl_active.png) 0px 0px no-repeat; }

.form_corner_tl.formHover { background : url(../images/form_elements/corner_tl_active.png) 0px 0px no-repeat; }

.form_edge_t {
    position   : absolute;
    top        : -3px;
    left       : 0px;
    right      : 0px;
    height     : 3px;
    background : url(../images/form_elements/edge_t_inactive.png) 0px 0px repeat-x;
}

.form_edge_t.recMe { background-image : url(../images/form_elements/edge_t_rec.png); }

.form_edge_t.requireMe { background-image : url(../images/form_elements/edge_t_req_inactive.png); }

.form_edge_t.formActive { background : url(../images/form_elements/edge_t_active.png) 0px 0px repeat-x; }

.form_edge_t.formHover { background : url(../images/form_elements/edge_t_active.png) 0px 0px repeat-x; }

.form_corner_tr {
    position   : absolute;
    top        : -3px;
    right      : -3px;
    width      : 3px;
    height     : 3px;
    background : url(../images/form_elements/corner_tr_inactive.png) 0px 0px no-repeat;
}

.form_corner_tr.recMe { background-image : url(../images/form_elements/corner_tr_rec.png); }

.form_corner_tr.requireMe { background-image : url(../images/form_elements/corner_tr_req_inactive.png); }

.form_corner_tr.formActive { background : url(../images/form_elements/corner_tr_active.png) 0px 0px no-repeat; }

.form_corner_tr.formHover { background : url(../images/form_elements/corner_tr_active.png) 0px 0px no-repeat; }

.form_edge_r {
    position   : absolute;
    right      : -3px;
    top        : 0px;
    bottom     : 0px;
    width      : 3px;
    background : url(../images/form_elements/edge_r_inactive.png) 0px 0px repeat-y;
}

.form_edge_r.recMe { background-image : url(../images/form_elements/edge_r_rec.png); }

.form_edge_r.requireMe { background-image : url(../images/form_elements/edge_r_req_inactive.png); }

.form_edge_r.formActive { background : url(../images/form_elements/edge_r_active.png) 0px 0px repeat-y; }

.form_edge_r.formHover { background : url(../images/form_elements/edge_r_active.png) 0px 0px repeat-y; }

.form_corner_br {
    position   : absolute;
    bottom     : -3px;
    right      : -3px;
    width      : 3px;
    height     : 3px;
    background : url(../images/form_elements/corner_br_inactive.png) 0px 0px no-repeat;
}

.form_corner_br.recMe { background-image : url(../images/form_elements/corner_br_rec.png); }

.form_corner_br.requireMe { background-image : url(../images/form_elements/corner_br_req_inactive.png); }

.form_corner_br.formActive { background : url(../images/form_elements/corner_br_active.png) 0px 0px no-repeat; }

.form_corner_br.formHover { background : url(../images/form_elements/corner_br_active.png) 0px 0px no-repeat; }

.form_edge_b {
    position   : absolute;
    bottom     : -3px;
    left       : 0px;
    right      : 0px;
    height     : 3px;
    background : url(../images/form_elements/edge_b_inactive.png) 0px 0px repeat-x;
}

.form_edge_b.recMe { background-image : url(../images/form_elements/edge_b_rec.png); }

.form_edge_b.requireMe { background-image : url(../images/form_elements/edge_b_req_inactive.png); }

.form_edge_b.formActive { background : url(../images/form_elements/edge_b_active.png) 0px 0px repeat-x; }

.form_edge_b.formHover { background : url(../images/form_elements/edge_b_active.png) 0px 0px repeat-x; }

.form_corner_bl {
    position   : absolute;
    bottom     : -3px;
    left       : -3px;
    width      : 3px;
    height     : 3px;
    background : url(../images/form_elements/corner_bl_inactive.png) 0px 0px no-repeat;
}

.form_corner_bl.recMe { background-image : url(../images/form_elements/corner_bl_rec.png); }

.form_corner_bl.requireMe { background-image : url(../images/form_elements/corner_bl_req_inactive.png); }

.form_corner_bl.formActive { background : url(../images/form_elements/corner_bl_active.png) 0px 0px no-repeat; }

.form_corner_bl.formHover { background : url(../images/form_elements/corner_bl_active.png) 0px 0px no-repeat; }

.form_edge_l {
    position   : absolute;
    left       : -3px;
    top        : 0px;
    bottom     : 0px;
    width      : 3px;
    background : url(../images/form_elements/edge_l_inactive.png) 0px 0px repeat-y;
}

.form_edge_l.recMe { background-image : url(../images/form_elements/edge_l_rec.png); }

.form_edge_l.requireMe { background-image : url(../images/form_elements/edge_l_req_inactive.png); }

.form_edge_l.formActive { background : url(../images/form_elements/edge_l_active.png) 0px 0px repeat-y; }

.form_edge_l.formHover { background : url(../images/form_elements/edge_l_active.png) 0px 0px repeat-y; }

.tab_tl {
    position   : absolute;
    top        : -3px;
    left       : -3px;
    width      : 3px;
    height     : 3px;
    background : url(../images/form_elements/tab_tl.png) 0px 0px no-repeat;
}

.tab_t {
    position   : absolute;
    top        : -3px;
    left       : 0px;
    right      : 0px;
    height     : 3px;
    background : url(../images/form_elements/tab_t.png) 0px 0px repeat-x;
}

.tab_tr {
    position   : absolute;
    top        : -3px;
    right      : -3px;
    width      : 3px;
    height     : 3px;
    background : url(../images/form_elements/tab_tr.png) 0px 0px no-repeat;
}

.tab_r {
    position   : absolute;
    right      : -3px;
    top        : 0px;
    bottom     : 0px;
    width      : 3px;
    background : url(../images/form_elements/tab_r.png) 0px 0px repeat-y;
}

.tab_br {
    position   : absolute;
    bottom     : -3px;
    right      : -6px;
    width      : 6px;
    height     : 3px;
    background : url(../images/form_elements/tab_br.png) 0px 0px no-repeat;
    z-index    : 25;
}

.tab_b {
    position   : absolute;
    bottom     : -3px;
    left       : 0px;
    right      : 0px;
    height     : 3px;
    background : url(../images/form_elements/tab_b.png) 0px 0px repeat-x;
    z-index    : 25;
}

.tab_bl {
    position   : absolute;
    bottom     : -3px;
    left       : -6px;
    width      : 6px;
    height     : 3px;
    background : url(../images/form_elements/tab_bl.png) 0px 0px no-repeat;
    z-index    : 25;
}

.tab_l {
    position   : absolute;
    left       : -3px;
    top        : 0px;
    bottom     : 0px;
    width      : 3px;
    background : url(../images/form_elements/tab_l.png) 0px 0px repeat-y;
}

.txt {
    position         : relative;
    float            : left;
    margin           : 2px 0 4px 0;
    height           : 15px;
    padding          : 0px;
    background-color: var(--form-background-color);
}

input.txtInner {
    font-family      : var(--font-family);
    font-size        : 12px;
    color            : #404040;
    vertical-align   : middle;
    padding          : 0;
    background-color: var(--form-background-color);
    border           : 0;
    outline          : none;
    margin           : -2px 0px 0px 0px;
    line-height      : 17px;
    height           : 17px;
}

div.txtArea .CodeMirror.with-border,
input.txtInner.with-border,
textarea.txtAreaInner.with-border,
select.bluefinSelectEle.with-border {
    border: 1px solid var(--form-border-color);
    border-radius: 3px;
    min-height: 21px;
    box-sizing: border-box;
}

input.txtInner.with-border.no-right,
textarea.txtAreaInner.with-border.no-right,
select.bluefinSelectEle.with-border.no-right {
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

/* DUMB: Safari doesn't support min-height if it interprets an element as flex */
select.bluefinSelectEle.with-border {
    height: 21px;
}

input.txtInner.with-border,
textarea.txtAreaInner.with-border {
    padding: 5px;
}
div.txtArea .CodeMirror.with-border:hover,
div.txtArea .CodeMirror.with-border:focus,
div.txtArea .CodeMirror.with-border.formActive,
input.txtInner.with-border:enabled:hover,
input.txtInner.with-border:enabled:focus,
textarea.txtAreaInner.with-border:enabled:hover,
textarea.txtAreaInner.with-border:enabled:focus,
select.bluefinSelectEle.with-border:enabled:hover,
select.bluefinSelectEle.with-border:enabled:focus {
    border-color: var(--form-border-hover-color);
}

input.with-border[class*="validate[required"],
textarea.with-border[class*="validate[required"],
select.with-border[class*="validate[required"] {
    border-color: var(--form-border-error-color);
}

input.with-border[class*="validate[required"]:hover,
textarea.with-border[class*="validate[required"]:hover,
select.with-border[class*="validate[required"]:hover {
    border-color: var(--form-border-error-hover-color);
}

input.txtInner.with-border.hasDatepicker.f1     { width: calc(var(--form-width-1) + 7px) }
input.txtInner.with-border.hasDatepicker.f1dot5 { width: calc(var(--form-width-1-5) + 7px) }
input.txtInner.with-border.hasDatepicker.f2     { width: calc(var(--form-width-2) + 7px) }
input.txtInner.with-border.hasDatepicker.f2dot5 { width: calc(var(--form-width-2-5) + 7px) }
input.txtInner.with-border.hasDatepicker.f3     { width: calc(var(--form-width-3) + 7px) }
input.txtInner.with-border.hasDatepicker.f3dot5 { width: calc(var(--form-width-3-5) + 7px) }
input.txtInner.with-border.hasDatepicker.f4     { width: calc(var(--form-width-4) + 7px) }
input.txtInner.with-border.hasDatepicker.f4dot5 { width: calc(var(--form-width-4-5) + 7px) }
input.txtInner.with-border.hasDatepicker.f5     { width: calc(var(--form-width-5) + 7px) }
input.txtInner.with-border.hasDatepicker.f6     { width: calc(var(--form-width-6) + 7px) }
input.txtInner.with-border.hasDatepicker.f7     { width: calc(var(--form-width-7) + 7px) }
input.txtInner.with-border.hasDatepicker.f8     { width: calc(var(--form-width-8) + 7px) }
input.txtInner.with-border.hasDatepicker.f9     { width: calc(var(--form-width-9) + 7px) }
input.txtInner.with-border.hasDatepicker.f10    { width: calc(var(--form-width-10) + 7px) }

input.txtInnerDis { background-color: #EEEEEE; }

.txtArea {
    position         : relative;
    padding          : 0;
    float            : left;
    margin           : 3px 0;
    display          : block;
    outline          : none;
}

.txtArea.CK { margin-left : -3px; margin-right : -3px; }

textarea.txtAreaInner {
    background-color: var(--white);
    font-family : var(--font-family);
    font-size   : 12px;
    color       : #404040;
    line-height : 17px;
    padding     : 0;
    margin      : 0;
    border      : 0;
    outline     : none;
}

.bluefinSelectEle {
    color            : #404040;
    background-color: var(--white);
    font-size        : 12px;
    padding          : 0;
    margin           : -2px 0px 0px 0px;
    border           : 0;
    outline          : none;
    float            : left;
    font-family      : inherit;
    vertical-align   : text-top;
}

.sel {
    font-family : var(--font-family);
    height      : 15px;
    margin      : 2px 0 4px 0;
}

.buiCustomSelect {
    height        : 21px;
    line-height   : 21px;
    overflow      : hidden;
    background    : url(/images/form_elements/Select_Arrow_Blue.png) no-repeat right transparent;
    margin-top    : -2px;
    border        : 1px solid transparent;
    border-radius : 3px;
}

.buiCustomSelect:hover {
    border-color: var(--heading-color);
}

.buiCustomSelect select {
    font-size          : 0.8em;
    background         : transparent;
    height             : 21px;
    line-height        : 21px;
    border             : 0;
    -webkit-appearance : none;
}

.mult_sel {
    font-family      : var(--font-family);
    position         : relative;
    margin           : 3px 0;
    padding          : 0;
    float            : left;
    background-color: var(--white);
}

.lookup_search {
    display       : block;
    cursor        : pointer;
    float         : left;
    width         : 16px;
    height        : 16px;
    margin        : -1px 0 0 -8px;
    padding       : 2px 2px 1px 2px;
    border        : 1px solid #73ABDC;
    border-radius : 3px;
    background    : #CDDEEB url('/images/bluefin/quickview-logo.png') 2px 1px no-repeat;
    background    : none, #CDDEEB url('/images/bluefin/quickview.svg') 2px 1px/16px 16px no-repeat;
}

.lookup_search:hover {
    background-color: #1C497C;
}

.verified_wrapper {
    display    : block;
    float      : left;
    height     : 20px;
    width      : 20px;
    margin     : 0 0 0 -8px;
    padding    : 0;
    background : transparent url(/images/form_elements/verified_sprite.png) 0 0 no-repeat;
    background : none, transparent url(/images/form_elements/verified_false.svg) 0 0/20px 20px no-repeat;
}

.verified_wrapper.verified {
    background : transparent url(/images/form_elements/verified_sprite.png) -20px 0 no-repeat;
    background : none, transparent url(/images/form_elements/verified_true.svg) 0 0/20px 20px no-repeat;
}

.verified_wrapper.in_row {
    margin-left : -3px;
}

.error-round {
    display    : block;
    float      : left;
    height     : 20px;
    width      : 20px;
    background : transparent url('/images/form_elements/error_round.svg') 0 1px no-repeat;
    position   : relative;
    padding    : 0;
    margin     : 0;
}

.warning-triangle {
    display    : block;
    float      : left;
    height     : 20px;
    width      : 20px;
    background : transparent url('/images/form_elements/warning_triangle.svg') 0 1px no-repeat;
    position   : relative;
    padding    : 0;
    margin     : 0;
}

.listHeaderBlock {
    position : relative;
    display  : block;
    margin   : 0 0 12px 0;
    padding  : 0;
}

.list {
    position : relative;
    margin   : 0 8px 0 3px;
    padding  : 0;
    float    : left;
}

.list > div[class^='form_'] {
    opacity: .25
}

.list.usePercentWidth {
    margin-left : 3px;
}

.list a { cursor : pointer; text-decoration : none; color: var(--black); }

.list a:hover { text-decoration : underline; }

.list .ui-widget-header { background : #81899A; }

.list ul {
    margin     : 0;
    padding    : 0;
    border     : 0;
    font-size  : 1em;
    list-style : none;
    overflow   : hidden;
}

.list li {
    margin       : 0;
    padding      : 1px 3px;
    list-style   : none;
    overflow     : hidden;
    float        : left;
    border       : 1px solid #81899A;
    border-width : 0;
    position     : relative;
}

.list.usePercentWidth li:first-of-type {
    box-sizing   : border-box;
    padding-left : 5px;
}

.list.usePercentWidth li:last-of-type {
    padding-right : 5px;
    box-sizing    : border-box;
}

.list.usePercentWidth li {
    line-height   : 18px;
    height        : 18px;
    padding       : 0;
    box-sizing    : border-box;
    padding-left  : 3px;
    padding-right : 3px;
}


li.list_header_li { height : 21px; padding : 7px 7px 0 6px; cursor: default;}

.listboxRowBorder .list_body ul { border-bottom: 1px solid #d2d3d6; }

.listBoxCompactRow .list_body ul, .listBoxCompactRow .list_body li { height : 25px !important; line-height : 20px !important; }

.listBoxCompactRow .list_body div.modern-checkbox { margin-top: -3px; }

.listBoxExpandedRow .list_body ul, .listBoxExpandedRow .list_body li { height : 30px !important; line-height : 25px !important; }

.listBoxDoubleHeader li.list_header_li { height : 3em; }

.listBoxTripleHeader li.list_header_li { height : 4.5em; }

ul.list_footer_ul {
    font-weight  : bold;
    color        : #333333;
    border       : 1px solid #333333;
    border-width : 0;
}

li.list_footer_li {
    height  : 14px;
    padding : 2px 7px 1px 6px;
}

.list_body {
    margin   : 0;
    padding  : 0;
    overflow : auto;
}

.list_body li {
    height  : 14px;
    padding : 3px 7px 2px 6px;
    cursor: default;
}

.list_body li.autoHeight {
    height : auto;
}

.list_body li.bigTxt {
    font-size   : 12px;
    line-height : 20px;
    padding     : 3px 6px;
}

/* Added for cases where status flags are used in a list box */
.list_body div.backFill a.statusFlag {
    margin-top : 3px;
}

.list_body ul.row-error {
    background-color: #ed2e25;
    color: white;
}
.list_body ul.row-error:hover {
    background-color: var(--form-border-error-color) !important;
    color: white;
}
.list_body ul.row-warning { background-color: #fcf246; }
.list_body ul.row-warning:hover { background-color: #f7ed43 !important; }

.list_body ul.row-error:hover .list_body_li,
.list_body ul.row-warning:hover .list_body_li {
    background-color: unset !important;
}
.list .list_body ul.row-error a,
.list .list_body ul.row-warning a {
    color: inherit !important;
}

.listBoxExportCont {
    display  : inline-flex;
    margin   : 0;
    padding  : 0 35px 0 8px;
    position : relative;
    top      : inherit;
    left     : inherit;
}

.listBoxExportCont div.listBoxExportCont {
    display  : inline-flex;
    margin   : 0;
    padding  : 0 26px 0 8px;
    position : relative;
    top      : inherit;
    left     : inherit;
}

.listBoxExportCont a:nth-child(2) {
    right : -35px;
}

.listBoxExportCont a:nth-child(3) {
    right : -70px;
}

.listBoxExportCont a:nth-child(4) {
    right : -105px;
}

/* List Box Row Highlighting on Hover */
.list_body ul:hover { background-color: #F5F5F5 !important; }

.list_body ul:hover .list_body_li { background-color: #F5F5F5 !important; }

/* dark grey rows in list box */
.darkGreyListRowOdd {
    background-color: #E6E7E8;
}

.darkGreyListRowEven {
    background-color: #DFDFE0;
}

a.listDocXLS {
    float      : left;
    height     : 10px;
    position   : absolute;
    z-index    : 5000;
    right      : 0;
    bottom     : 2px;
    width      : 32px;
    background : url("/images/form_elements/doc-dl-icons.png") no-repeat scroll -32px -2px transparent;
}

a.listDocCSV {
    float      : left;
    height     : 10px;
    position   : absolute;
    z-index    : 5000;
    right      : 0;
    bottom     : 2px;
    width      : 32px;
    background : url("/images/form_elements/doc-dl-icons.png") no-repeat scroll -96px -2px transparent;
}

a.listButton {
    width            : 80px;
    text-decoration  : none;
    padding          : 0 4px 0 4px;
    height           : 19px;
    line-height      : 19px;
    text-align       : center;
    font-size        : 1em;
    color            : #757B82;
    border           : 1px solid #9399A9;
    background-color: transparent;
    border-radius    : 4px;
    margin           : -1px 0 0 -1px;
}

a.listButton:hover {
    cursor          : pointer;
    font-weight     : 600;
    text-align      : center;
    color           : #5A81BB;
    border-color    : #5A81BB;
    text-decoration : none;
}

a.listButton.Blue { color: var(--heading-color); border-color: var(--heading-color); }

a.listButton.Blue:hover { background-color: var(--heading-color); border-color: #2B3651; color: var(--white) !important; }

a.listButton.Orange { color: var(--white); background-color: var(--lightOrange); border-color: var(--lightOrange); }

a.listButton.Orange:hover { background-color: #CF852E; border-color: #CF852E; color: var(--white) !important; }

a.listButton.DarkBlue { background-color: #37495E; color: var(--white); border-color: #192028; }

a.listButton.DarkBlue:hover { background-color: var(--white); border-color: var(--heading-color); color: var(--heading-color) !important; }

a.listButton.Red {
    color: var(--form-border-error-color);
    border-color: var(--form-border-error-color);
}

a.listButton.Red:hover {
    background-color: var(--form-border-error-color);
    border-color: var(--form-border-error-hover-color);
    color: var(--white) !important;
}

a.listButton.DarkRed {
    background-color: var(--form-border-error-color);
    border-color: var(--form-border-error-hover-color);
    color: var(--white);
}

a.listButton.DarkRed:hover {
    background-color: #F0A78F;
    border-color: var(--form-border-error-hover-color);
    color: var(--form-border-error-hover-color) !important;
}

a.listButton.warning:hover {
    cursor           : pointer;
    color            : #828B94;
    border-color     : #F0474E;
    background-color : #FEF0F0;
}

a.listButton.Green { color: var(--green); border-color: var(--green); }

a.listButton.Green:hover { background-color: var(--green); border-color: var(--darkGreen); color: var(--white); }

a.listButton.DarkGreen { background-color: var(--green); color: var(--white); border-color: var(--darkGreen); }

a.listButton.DarkGreen:hover { color: #428D5D; border-color: #428D5D; background-color: #C5DFAD; font-weight : 600; }

.list a.listToggleExpand {
    position   : absolute;
    background : url(../images/form_elements/toggle-plus.png) no-repeat 0 2px;
    height     : 20px;
    width      : 16px;
    padding    : 0;
    margin     : 0;
}

.list a.listToggleCollapse {
    background-position : -16px 2px;
}

div.backFill {
    position       : absolute;
    top            : 0;
    right          : 0;
    bottom         : 0;
    left           : 0;
    line-height    : inherit;
    padding        : inherit;
    vertical-align : middle;
    display        : block;
}

.buiListBoxColumn div.backFill { left : 1px; }

div.backFill.purple { background-color: #C0A3E8; }

div.backFill.ltgreen { background-color: #C1D67C; }

div.backFill.green { background-color: #A4C04A; }

div.backFill.drkgreen { background-color: #6CC068; color: var(--white); }

div.backFill.ltgray { background-color: #DDDDDD; }

div.backFill.gray { background-color: #666666; color: var(--white); }

div.backFill.ltyellow { background-color: var(--lightYellow); }

div.backFill.yellow { background-color: var(--yellow); }

div.backFill.orange { background-color: #EDA66F; }

div.backFill.ltred { background-color: #FCD3C4; color: var(--black); }

div.backFill.red { background-color: var(--darkRed); color: var(--white); }

div.backFill.drkred { background-color: #E25A43; color: var(--white); }

div.backFill.ltblue { background-color: #EBF4FB; }

.ajaxUploadWrapper {
    float   : left;
    margin  : 3px 0 0 0;
    padding : 0;
}

.ajaxUploadContainer {
    position         : relative;
    margin           : 3px 0 2px 15px;
    padding          : 1px 6px;
    float            : left;
    background-color: var(--white);
}

.ajaxRemoveContainer {
    position         : relative;
    margin           : 3px 17px 2px 0;
    padding          : 1px 6px;
    float            : right;
    background-color: var(--white);
    color            : var(--form-border-error-color);
}

.ajaxRemoveContainer:hover { cursor : pointer; }

.imageNoticeWrapper {
    margin  : 0 8px 0 0;
    padding : 0;
}

.imageNotice {
    display          : none;
    background-color: var(--white);
    border           : 1px solid #AAAAAA;
    border-width     : 1px 1px 0 1px;
    font-size        : 0.9em;
    color            : var(--form-border-error-color);
    margin           : 0;
    padding          : 2px;
    text-align       : center;
}

.ajaxUploadHover { color: var(--heading-color); }

.imageLoader {
    position   : absolute;
    top        : 0;
    left       : 0;
    right      : 0;
    bottom     : 0;
    display    : none;
    background : var(--white) url("/images/ajax-loader.gif") no-repeat scroll 50% 10px;
    text-align : center;
    padding    : 25px 0 0 0;
}

.imgArea {
    position         : relative;
    text-align       : center;
    margin           : 3px;
    padding          : 0;
    float            : left;
    background-color: var(--white);
}

.chk {
    outline-style : none;
    opacity       : 0;
    z-index       : -1;
    margin        : 0;
    padding       : 0;
    height        : 18px;
    width         : 18px;
    cursor        : pointer;
    border        : 0;
}

.chk:disabled,
.chk_wrapper_inner.disabled > .chk_image_check {
    cursor: default;
}

.chk_wrapper_inner {
    position : relative;
    margin   : 1px 0 0 -2px;
}

.chk_image_box {
    background : transparent url(../images/form_elements/checkbox.png) no-repeat scroll 0 0;
    position   : absolute;
    cursor     : pointer;
    height     : 18px;
    left       : 0;
    top        : 0;
    width      : 18px;
    z-index    : 2;
}

.chk_image_box.chkHover {
    background-position : 0px -18px;
}

.chk_image_check {
    background : transparent url(../images/form_elements/checkbox.png) no-repeat scroll -36px 0;
    position   : absolute;
    cursor     : pointer;
    height     : 18px;
    left       : 0;
    top        : 0;
    width      : 18px;
    z-index    : 4;
}

.chk_image_check.chkActive {
    background-position : -36px -18px;
}

.chk_image_check.chkActiveDisable {
    background          : transparent url(../images/form_elements/disabled-checkbox.png) no-repeat scroll 0 0;
    background-position : 0px 0px !important;
}

div.chk_wrapper_fL {
    float   : left;
    padding : 0 5px 0 0;
    margin  : 0;
}

div.chk_wrapper_bottom {
    float   : left;
    padding : 1px 5px 0 0;
    margin  : 0;
}

div.chk_wrapper_rel {
    position : relative;
    margin   : 0;
    padding  : 0;
}

div.chk_wrapper_FS {
    position : absolute;
    top      : 2px;
}

div.sliderContainer {
    float : left;
}

div.slidertxt .ui-slider-horizontal { padding : 0 2px; border-color: #bfbfbf; }

div.slidertxt { margin : 0; padding : 6px 0 0 0; }

.sliderInner { margin-left : -3px; background-color: transparent; }

.mask_def {
    position : absolute;
    height   : 0;
    width    : 0;
    display  : none;
}

.timeentry_def {
    position : absolute;
    height   : 0;
    width    : 0;
    display  : none;
}

.toggleDivWrapper {
    margin   : 0;
    padding  : 0;
    position : relative;
}

div.dialogUserMessage {
    margin     : 15px 0;
    padding    : 8px;
    text-align : center;
}

/* toChecklist Styles */

div.checklist { line-height : 1.4em; border : 0; }

div.checklistHighlighted { border : 0; }

div.checklist label { float : none; width : auto; font-size : 1em; margin : 0; }

div.checklist label.leaveRoomForCheckbox { float : none; width : auto; font-size : 1em; padding : 0 0 0 20px; }

div.checklist li input { margin-top : 2px; }

div.checklist li.checked:hover, div.checklist li.checked:hover label { background-color: #C1EBFF; }

div.checklist li.checked { background-color: #B1DBF4; }

ul.showSelectedItems {
    color               : var(--heading-color);
    font-size           : 0.9em;
    list-style-position : outside;
    margin              : 0;
    padding-left        : 1.4em;
}

ul.showSelectedItems li {
    font-size   : 1.2em;
    line-height : 1.5em;
}

.multSelectedWrapper {
    float    : right;
    width    : 48%;
    margin   : 0;
    padding  : 8px 4px 4px 4px;
    overflow : auto;
}

.multSelectedTitleWrapper {
    float        : right;
    border       : 1px solid #2B3651;
    border-width : 0 0 1px 0;
    width        : 48%;
    margin       : 0;
    padding      : 8px 4px 4px 4px;
    color        : #2B3651;
    font-size    : 1.2em;
    font-family : var(--font-family);
}

/* end */

div.termWrapper {
    padding-bottom : 8px;
    font-family    : var(--font-family);
    font-size      : 12px;
    line-height    : 24px;
    color          : #2B3651;
}

div.termWrapper .optionDisabled { color: #999999; }

div.termWrapper .optionDisabled input { font-style : italic; color: #999999; background-color: #EFEFEF; }

div.termWrapper div.termFieldWrapper {
    position       : relative;
    display        : inline-block;
    vertical-align : top;
}

div.termWrapper div.txt {
    float   : none;
    display : inline-block;
    margin  : 0;
}

div.termWrapper input.txtInner {
    text-align : center;
}

div.termWrapper div.txtArea {
    float   : none;
    display : inline-block;
    margin  : 0;
}

div.termWrapper div.sel {
    margin-right : 8px;
}

div.termWrapper div.chkfieldWrapper {
    float   : none;
    display : inline-block;
    padding : 0;
}

div.termWrapper div.chk_wrapper_fL {
    float   : none;
    display : inline-block;
    padding : 0;
}

div.termWrapper div.chk_wrapper_inner {
    margin : 0;
}

div.termWrapper div.chk_image_box { top : 3px; }

div.termWrapper div.chk_image_check { top : 3px; }

div.termWrapper .timeEntry_wrap {
    margin  : 0;
    padding : 0;
}

div.termWrapper div.clear_div {
    position : absolute;
    display  : none;
}

.reportDocSpacer {
    float   : left;
    width   : 32px;
    height  : 14px;
    margin  : 0;
    padding : 0 6px 0 0;
}

a.reportDoc {
    display  : block;
    position : absolute;
    height   : 14px;
    width    : 32px;
}

a.docTypePDF { background : transparent url(/images/form_elements/doc-dl-icons.png) 0 0 no-repeat; }

a.docTypeXLS { background : transparent url(/images/form_elements/doc-dl-icons.png) -32px 0 no-repeat; }

a.docTypeRTF { background : transparent url(/images/form_elements/doc-dl-icons.png) -64px 0 no-repeat; }

a.docTypeCSV { background : transparent url(/images/form_elements/doc-dl-icons.png) -96px 0 no-repeat; }

a.reportPin {
    display    : block;
    position   : absolute;
    height     : 14px;
    width      : 16px;
    background : transparent url(/images/form_elements/pushpin.png) 0 0 no-repeat;
}

a.reportPinned { background-position : -16px 0; }

a.reportStuck { background-position : -32px 0; }

#bui-button-dl-pdf {
    background-image    : url(/images/docicons/Doc_Icons_Small_PDF.png);
    background-position : 8px 1px;
    background-repeat   : no-repeat;
    padding-left        : 24px;
}

#bui-button-dl-doc {
    background-image    : url(/images/docicons/Doc_Icons_Small_Word.png);
    background-position : 8px 1px;
    background-repeat   : no-repeat;
    padding-left        : 24px;
}

#bui-button-dl-xls {
    background-image    : url(/images/docicons/Doc_Icons_Small_Excel.png);
    background-position : 8px 1px;
    background-repeat   : no-repeat;
    padding-left        : 24px;
}

#bui-button-save-userfile {
    background-image    : url(/images/docicons/Doc_Icons_Small_Folder.png);
    background-position : 8px 1px;
    background-repeat   : no-repeat;
    padding-left        : 24px;
}

#bui-button-send-to-access,
.ui-icon.bui-button-send-to-access{
    background-image    : url(/images/esup/tylertech_logo_emblem.svg);
    background-position : 8px 1px;
    background-repeat   : no-repeat;
    padding-left        : 24px;
}
.ui-icon.bui-button-send-to-access + .ui-button-text {
    padding: 0 1em 0 2.1em;
}

div.multJSwrapper {
    float : left;
}

div.multJSwrapper div.txt {
    float         : none;
    margin-bottom : 12px;
}

div.multJSinnerwrapper {
    margin   : 0;
    padding  : 0;
    position : relative;
}

div.multJSTarget {
    margin   : 0;
    padding  : 0;
    position : relative;
}

div.multJSCloneWrapper {
    position : absolute;
    display  : none;
}

div.multJSAction {
    position : absolute;
    right    : -12px;
    width    : 16px;
    height   : 16px;
    top      : 2px;
}

a.multJSActionAdd {
    display    : block;
    position   : absolute;
    height     : 16px;
    width      : 16px;
    top        : 0;
    left       : 0;
    background : none, transparent url(/images/form_elements/newadd.svg) 0 0/16px 16px no-repeat;
}
a.multJSActionAdd:hover {
    background : none, transparent url(/images/form_elements/newadd_hover.svg) 0 0/16px 16px no-repeat;
}

a.multJSActionDel {
    display    : block;
    position   : absolute;
    height     : 16px;
    width      : 16px;
    top        : 0;
    left       : 0;
    background : none, transparent url(/images/form_elements/newdelete.svg) 0 0 no-repeat;
}
a.multJSActionDel:hover {
    background : none, transparent url(/images/form_elements/newdelete_hover.svg) 0 0 no-repeat;
}

div.multJSTarget .multJSAction {
    right : -26px;
    top   : 0px;
}

div.cfCloneWrapper {
    position : absolute;
    display  : none;
}

div.cfSubFormWrapper {
    float      : left;
    margin     : 0;
    padding    : 0;
    width      : 100%;
    box-sizing : content-box;
}

div.cfSubFormWrapperBorder {
    margin        : 0 0 4px 0;
    padding       : 9px 0 0 9px;
    border        : 1px solid #BBBBBB;
    border-radius : 8px;
}

.cfSubFormWrapper + .clear_div + .cfSubFormWrapper {
    margin-top : 6px;
}

div.cfAddWrapper {
    padding-bottom : 6px;
}

.cfOuterWrapper.cfAddAfterSpacing .cfSubFormWrapper {
    margin: 0 0 6px 0;
}

div.cfEditWrapper, div.cfDelWrapper, div.cfAuditWrapper {
    padding : 0;
    float   : left;
}

.cfAddAction {
    display         : block;
    text-decoration : none;
    height          : 16px;
    line-height     : 16px;
    font-size       : 12px;
    font-weight     : 500;
    color           : #2F3E4A;
    top             : 0;
    left            : 0;
    padding-left    : 20px;
    background      : none, transparent url(/images/form_elements/newadd.svg) 0 0/16px 16px no-repeat;
}

.cfAddAction:hover {
    text-decoration : underline;
    background      : none, transparent url(/images/form_elements/newadd_hover.svg) 0 0/16px 16px no-repeat;
}

.cfAuditAction {
    display         : block;
    color           : var(--heading-color) !important;
    text-decoration : none;
    height          : 16px;
    line-height     : 16px;
    top             : 0;
    left            : 0;
    padding-left    : 20px;
    background      : transparent url(/images/bluefin/sfrm_audit_cf.png) 0 0 no-repeat;
    background      : none, transparent url(/images/bluefin/sfrm_audit.svg) 0 0/16px 16px no-repeat;
}

.cfAuditAction:hover { text-decoration : underline; }

.cfEditAction {
    display         : block;
    text-decoration : none;
    height          : 16px;
    line-height     : 16px;
    font-size       : 12px;
    font-weight     : 500;
    color           : #2F3E4A;
    top             : 0;
    left            : 0;
    padding-left    : 20px;
    background      : none, transparent url(/images/form_elements/newedit.svg) 0 0/16px 16px no-repeat;
}

.cfEditAction:hover {
    text-decoration : underline;
    background      : none, transparent url(/images/form_elements/newedit_hover.svg) 0 0/16px 16px no-repeat;
}

.cfViewAction {
    display         : block;
    color           : var(--heading-color) !important;
    text-decoration : none;
    height          : 16px;
    line-height     : 16px;
    top             : 0;
    left            : 0;
    padding-left    : 20px;
    background      : transparent url(/images/form_elements/view_more.png) 0 0 no-repeat;
}

.cfDelAction {
    display         : block;
    text-decoration : none;
    height          : 16px;
    line-height     : 16px;
    font-size       : 12px;
    font-weight     : 500;
    color           : #2F3E4A;
    top             : 0;
    left            : 0;
    padding-left    : 20px;
    background      : none, transparent url(/images/form_elements/newdelete.svg) 0 0/16px 16px no-repeat;
}

.cfDelAction:hover {
    text-decoration : underline;
    background      : none, transparent url(/images/form_elements/newdelete_hover.svg) 0 0/16px 16px no-repeat;
}

.cfPagePrev {
    width      : 16px;
    height     : 16px;
    background : url(/content/images/emp/rewind.svg) no-repeat;
    cursor     : pointer;
}

.cfPagePrev:hover {
    background : url(/content/images/emp/rewind_hover.svg) no-repeat;
}

.cfPageNext {
    width      : 16px;
    height     : 16px;
    background : url(/content/images/emp/fast_forward.svg) no-repeat;
    cursor     : pointer;
}

.cfPageNext:hover {
    background : url(/content/images/emp/fast_forward_hover.svg) no-repeat;
}

/* Actions */
.action {
    float  : left;
    width  : 18px;
    height : 18px;
    cursor : pointer;
}

.showhistory { background : transparent url(/images/form_elements/showhistory_grey.svg) 0 0 no-repeat; }

.showhistory:hover { background : transparent url(/images/form_elements/showhistory_hover.svg) 0 0 no-repeat; }

.showHistoryStandalone {
    color: var(--orange);
    font-style: italic;
    font-size: 11px;
    right: 0;
    top: 3px;
    cursor: pointer;
}
.showHistoryStandalone:hover {
    text-decoration: underline;
}

.editpencil { background : transparent url(/images/form_elements/editpencil_grey.svg) 0 0 no-repeat; }

.editpencil:hover { background : transparent url(/images/form_elements/editpencil_hover.svg) 0 0 no-repeat; }

a.action.delete { background: transparent url(/images/form_elements/newdelete.svg) 0 0 no-repeat; }
a.action.delete:hover { background: transparent url(/images/form_elements/newdelete_hover.svg) 0 0 no-repeat; }

a.action.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.7;
}

a.listAction {
    display : block;
    cursor  : pointer;
    float   : left;
    height  : 16px;
    width   : 16px;
    padding : 0;
    margin  : -1px 6px 0 0;
}

a.listAction.view { background : none, transparent url(/images/form_elements/newview.svg) 0 0/16px 16px no-repeat; }
a.listAction.view:hover { background : none, transparent url(/images/form_elements/newview_hover.svg) 0 0/16px 16px no-repeat; }

a.listAction.edit { background : none, transparent url(/images/form_elements/newedit.svg) 0 0/16px 16px no-repeat; }
a.listAction.edit:hover { background : none, transparent url(/images/form_elements/newedit_hover.svg) 0 0/16px 16px no-repeat; }

a.listAction.delete { background : none, transparent url(/images/form_elements/newdelete.svg) 0 0 no-repeat; }
a.listAction.delete:hover { background : none, transparent url(/images/form_elements/newdelete_hover.svg) 0 0 no-repeat; }

a.listAction.goto { background : none, transparent url(/images/form_elements/goto.svg) 0 0  no-repeat; }
a.listAction.goto:hover { background : none, transparent url(/images/form_elements/goto_hover.svg) 0 0 no-repeat; }

a.listAction.placeholder { cursor: default; }

a.listAction.download { background : transparent url(/images/form_elements/circle_download.svg) 0 0 no-repeat; }

a.listAction.reprocess { background : transparent url(/images/form_elements/circle_reprocess.svg) 0 0 no-repeat; }

a.listAction.save { background : transparent url(/images/form_elements/save.png) 0 0 no-repeat; }

a.listAction.viewInformation {
    background: transparent url(/images/form_elements/view_information.svg) 0 0 no-repeat;
}

div.flexLoader {
    position   : absolute;
    display    : none;
    right      : 20px;
    top        : 0;
    width      : 16px;
    height     : 16px;
    background : transparent url(/images/ajax-loader-flex.gif) 0 0 no-repeat;
}

div.bluefin-file-uploader {
    margin  : 0;
    padding : 0;
    float   : left;
}

div.qq-uploader {
    float : left;
}

div.qq-upload-ul-wrapper {
    float    : left;
    position : relative;
    margin   : 2px 0 0;
    padding  : 0;
    height   : 15px;
}

ul.bui-qq-upload-list {
    width       : 100%;
    float       : left;
    margin      : 0;
    padding     : 0;
    list-style  : none;
    height      : 15px;
    margin-top  : -12px;
    line-height : 15px;
    border      : 0 none;
}

li.qq-upload-success {
    color          : #404040;
    font-family    : var(--font-family);
    font-size      : 12px;
    height         : 15px;
    line-height    : 15px;
    margin         : 0;
    padding        : 0;
    vertical-align : middle;
}

.qq-upload-file { font-size : 1em; }

.qq-upload-size {
    color      : #777777;
    font-size  : 1em;
    font-style : italic;
    padding    : 0 4px;
}

.qq-upload-failed-text { font-size : 1em; color: red; }

.qq-upload-button { width : auto !important; }

.buiSexyButton {
    display           : block;
    float             : left;
    margin-left       : -3px;
    margin-bottom     : 10px;
    margin-right      : 10px;
    border-radius     : 5px;
    background-color  : #4197D2;
    color             : var(--white) !important;
    text-decoration   : none;
    text-align        : center;
    padding           : 0px !important;
    line-height       : 32px;
    height            : 32px;
    background-repeat : no-repeat;
}

.buiSexyButton:hover {
    background-color: #006BB0;
}

.buiSexyButton_Large {
    width       : 130px !important;
    font-weight : bold;
}

.buiSexyButton_Small {
    width               : 103px !important;
    background-position : 5px center;
    background-repeat   : no-repeat;
    background-size     : 20px 20px;
    font-weight         : bold;
}

.buiSexyButton_UploadButton {
    background-image    : url('/images/scanner/upload.svg');
    background-position : 8px top;
    background-size     : 38px 38px;
}

.buiSexyButton_UploadButton:hover {
    background-image : url('/images/scanner/upload-hover.svg');
}

.buiSexyButton_ScanButton {
    background-image    : url('/images/scanner/scan.svg');
    background-position : 3px -3px;
    background-size     : 42px 42px;
}

.buiSexyButton_ScanButton:hover {
    background-image : url('/images/scanner/scan.svg');
}

.buiSexyButton_RotateRightButton {
    background-image : url('/images/scanner/rotate.svg');
}

.buiSexyButton_RotateLeftButton {
    background-image : url('/images/scanner/rotate-cc.svg');
}

.buiSexyButton_CropButton {
    background-image : url('/images/scanner/crop-icon.svg');
}

.buiSexyButton_BrowseButton {
    background-image : url('/images/scanner/upload-file.svg');
}

.buiSexyButton_RemoveButton {
    background-image : url('/images/scanner/delete.svg');
}

div.L2 label {
    float : left;
    width : var(--label-width-2);
}

div.L2dot5 label {
    float: left;
    width: calc(((var(--label-width-3) - var(--label-width-2)) / 2) + var(--label-width-2));
}

div.L3 label {
    float : left;
    width : var(--label-width-3);
}

div.L4 label {
    float : left;
    width : var(--label-width-4);
}

div.L5 label {
    float : left;
    width : var(--label-width-5);
}

div.L6 label {
    float : left;
    width : var(--label-width-6);
}

div.L7 label {
    float : left;
    width : var(--label-width-7);
}

div.L8 label {
    float : left;
    width : var(--label-width-8);
}

div.L9 label {
    float : left;
    width : var(--label-width-9);
}

div.L10 label {
    float : left;
    width : var(--label-width-10);
}

div.L11 label {
    float : left;
    width : var(--label-width-11);
}

div.L12 label {
    float : left;
    width : var(--label-width-12);
}

div.L13 label {
    float : left;
    width : var(--label-width-13);
}

div.L14 label {
    float : left;
    width : var(--label-width-14);
}

div.LMAX label {
    float : left;
    width : 100%;
}

div.LAUTO label {
    float        : left;
    width        : auto;
    min-width    : 40px;
    margin-right : 13px;
}

.reqLabel {
    font-size  : 0.8em;
    color      : var(--darkRed);
    font-style : italic;
}

div.col_wrapper label.smallNote { font-size : 1em; font-style : italic; }

div.col_wrapper label.smallLabel { font-size : 1em; margin : 5px 0 0 0; }

.smallNote { font-size : 1em; font-style : italic; }

.fL { float : left; }

.fR { float : right; }

.noteRight {
    float       : right;
    margin-left : 20px;
    font-size   : 0.8em;
    line-height : 1em;
    font-style  : italic;
    font-weight : normal;
}

.buiBullet {
    background : url("/images/bluefin/panel_toggle.png") no-repeat scroll 0 0 transparent;
    float      : left;
    display    : block;
    height     : 6px;
    margin     : 5px 6px 0 0;
    padding    : 0;
    width      : 6px;
}

.buiBullet.medium { background-position : 0 -15px; }

.buiBullet.dark { background-position : 0 -30px; }

.buiAction {
    display         : block;
    float           : left;
    height          : 16px;
    line-height     : 16px;
    margin          : -1px 6px 0 0;
    padding         : 0 0 0 20px;
    text-decoration : none;
    color           : inherit;
}

.buiAction:hover { cursor : pointer; text-decoration : underline; }

.buiAction.add { background : none, url("/images/form_elements/newadd.svg") no-repeat scroll 0 0/16px 16px transparent; }
.buiAction.add:hover { background : none, url("/images/form_elements/newadd_hover.svg") no-repeat scroll 0 0/16px 16px transparent; }

.buiAction.minus {
    background : url("/images/form_elements/circle_minus.png") no-repeat scroll 0 0 transparent;
    background : none, url("/images/form_elements/circle_minus.svg") no-repeat scroll 0 0/16px 16px transparent;
}

.buiAction.note { background : url("/images/form_elements/notes.png") no-repeat scroll 0 0 transparent; }

.buiAction.addSmall { height : 10px; line-height : 10px; padding-left : 14px; margin-top : 2px; background : url("/images/form_elements/action-add-small.png") no-repeat scroll 0 0 transparent; }

.buiAction.arrowDown { background : url("/images/form_elements/action-arrow-down.png") no-repeat scroll 0 0 transparent; }

.buiAction.arrowDownDisabled { background : url("/images/form_elements/action-arrow-down-disabled.png") no-repeat scroll 0 0 transparent; }

.buiAction.arrowUp { background : url("/images/form_elements/action-arrow-up.png") no-repeat scroll 0 0 transparent; }

.buiAction.arrowUpDisabled { background : url("/images/form_elements/action-arrow-up-disabled.png") no-repeat scroll 0 0 transparent; }

.buiAction.del { background : none, url("/images/form_elements/newdelete.svg") no-repeat scroll 0 0 transparent; }
.buiAction.del:hover { background : none, url("/images/form_elements/newdelete_hover.svg") no-repeat scroll 0 0 transparent; }

.buiAction.delDisabled { background : url("/images/form_elements/circle_delete_disabled.png") no-repeat scroll 0 0 transparent; }

.buiAction.delSmall { height : 10px; line-height : 10px; padding-left : 14px; margin-top : 2px; background : url("/images/form_elements/action-del-small.png") no-repeat scroll 0 0 transparent; }

.buiAction.delSmallDisabled { height : 10px; line-height : 10px; padding-left : 14px; margin-top : 2px; background : url("/images/form_elements/action-del-disabled-small.png") no-repeat scroll 0 0 transparent; }

.buiAction.edit { background : none, url("/images/form_elements/newedit.svg") no-repeat scroll 0 0/16px 16px transparent; }
.buiAction.edit:hover { background : none, url("/images/form_elements/newedit_hover.svg") no-repeat scroll 0 0/16px 16px transparent; }

.buiAction.editDisabled { background : url("/images/form_elements/action-edit-pencil-disabled.png") no-repeat scroll 0 0 transparent; }

.buiAction.editSmall { height : 14px; line-height : 14px; padding-left : 15px; margin-top : 0px; background : url("/images/form_elements/action-edit-pencil-small.png") no-repeat scroll 0 0 transparent; background : none, url("/images/form_elements/action-edit-pencil.svg") no-repeat scroll 0 0/16px 16px transparent; }

.buiAction.editSmallDisabled { height : 10px; line-height : 10px; padding-left : 14px; margin-top : 2px; background : url("/images/form_elements/action-edit-pencil-disabled-small.png") no-repeat scroll 0 0 transparent; }

.buiAction.view { background : url("/images/form_elements/view_more.png") no-repeat scroll 0 0 transparent; }

.buiAction.viewSmall { height : 16px; line-height : 16px; padding-left : 15px; margin-top : 0px; background : url("/images/form_elements/view_more.png") no-repeat scroll 0 0 transparent; }

.buiAction.help { background : url("/images/bluefin/help_small.png") no-repeat scroll 0 0 transparent; background : none, url("/images/bluefin/help_small.svg") no-repeat scroll 0 0/16px 16px transparent; }

.buiAction.lookupHelpText { background: none, url("/images/bluefin/lookup_help.svg") no-repeat scroll 0 0/16px 16px transparent; }

/* Menu Section */
.buiAction.delete { background : url("/images/form_elements/action-delete.png") no-repeat scroll 0 0 transparent; background : none, url("/images/form_elements/action-delete.svg") no-repeat scroll 0 0 transparent; }

.buiAction.lock { background : url("/images/form_elements/action-lock.png") no-repeat scroll 0 0 transparent; background : none, url("/images/form_elements/action-lock.svg") no-repeat scroll 0 0 transparent; }

.buiAction.merge { background : url("/images/form_elements/action-merge.png") no-repeat scroll 0 0 transparent; background : none, url("/images/form_elements/action-merge.svg") no-repeat scroll 0 0 transparent; }

.buiAction.protect { background : url("/images/form_elements/action-protect.png") no-repeat scroll 0 0 transparent; background : none, url("/images/form_elements/action-protect.svg") no-repeat scroll 0 0 transparent; }

.buiAction.unprotect { background : url("/images/form_elements/action-unprotect.png") no-repeat scroll 0 0 transparent; background : none, url("/images/form_elements/action-unprotect.svg") no-repeat scroll 0 0 transparent; }

.buiAction.help.blueButton, .blueButton {
    text-align    : center;
    background    : #0585CD;
    border-radius : 7px;
    color         : var(--white);
    height        : 12px;
    padding       : 1px 5px 1px 5px;
    width         : auto;
    font-size     : 10px;
    line-height   : 12px;
    font-style    : italic;
}

.buiAction.help.blueButton:hover, .blueButton:hover {
    text-decoration : none;
}

.buiAction.toggle { background : url("/images/form_elements/action-toggle.png") no-repeat scroll 0 -16px transparent; padding-left : 52px; }

.buiAction.toggle.Off { background-position : 0 0; }

.verified { position : absolute; height : 30px; width : 100px; background : url(/images/form_elements/AddressVerify.png) no-repeat 0 -30px transparent; }

.verified:hover { cursor : pointer; }

.verified.not { background-position : 0 0; }

.viewOnMap { position : absolute; height : 26px; width : 87px; background : url(/images/map/ViewOnMap.png) no-repeat 0 0 transparent; }

.statusOrange { color: var(--orange); }

.statusRed { color: red; }

.workingVisible {
    background : url("/images/ajax-loader.gif") no-repeat scroll 50% 10px transparent;
    height     : 50px;
    margin     : 0;
    padding    : 0;
    width      : 100%;
}

.workingVisibleRow {
    background : url("/images/ajax-loader.gif") no-repeat scroll 50% 0 transparent;
    height     : 27px;
    margin     : 0;
    padding    : 0;
    width      : 100%;
}

.workingVisibleField {
    background : url("/images/ajax-loader.gif") no-repeat scroll 50% 0 transparent;
    height     : 21px;
    width      : 32px;
    margin     : 0;
    padding    : 0;
    float      : left;
}

.workingVisibleForm {
    background : url("/images/ajax-loader-form.gif") no-repeat scroll 50% 15px transparent;
    height     : 62px;
    margin     : 0;
    padding    : 0;
    width      : 100%;
}

/* System Activity Messages */
table.systemMsg {
    border-color: #F0F0F0;
    border-style : solid;
    border-width : 0 0 1px;
    width        : 100%;
}

.systemMsg a { text-decoration : none; color: #26A5DE; }

.systemMsg a:hover { cursor : pointer; text-decoration : underline; }

table.systemMsg tr { color: #333333; vertical-align : top; }

table.systemMsg td.systemMsgTime { font-weight : bold; width : 135px; }

/* LUT Management Styles */

.lutDescriptionNote, .lutLocationNote { padding : 0; margin : -8px 0 12px 0; }

.list_body ul#dragDropMaster {
    margin  : 0 auto;
    padding : 0;
    height  : auto;
    border  : 0 none;
}

.list_body li.dragDropRowWrapper {
    width   : 100%;
    margin  : 0;
    padding : 0;
    height  : auto;
    border  : 0 none;
}

.list_body ul.dragDropRow:hover {
    background-color: #EEEEEE;
}

.list_body ul.dragDropRow li {
    height   : 25px;
    padding  : 0 6px;
    position : relative;
}

.list_body ul.dragDropRow.lutRowInactive {
    background-color: #F9F9F9;
}

.list_body input {
    background-color: transparent;
    line-height      : 25px;
    margin           : 0;
}

.list_body input:hover { background-color: #EEEEEE; }

.list_body .focusTextField { background-color: #EEEEEE; }

.list_body .fieldWrapper {
    margin : 0;
}

.list_body .form_corner_tl { display : none; }

.list_body .form_corner_tr { display : none; }

.list_body .form_corner_bl { display : none; }

.list_body .form_corner_br { display : none; }

.list_body .form_edge_t { display : none; }

.list_body .form_edge_r { display : none; }

.list_body .form_edge_b { display : none; }

.list_body .form_edge_l { display : none; }

.list_body .chkfieldWrapper {
    display     : inline-block;
    float       : none;
    padding-top : 3px;
}

.oddRow { background-color: #EBF4FB; }

.evenRow { background-color: var(--white); }

.list_body div.chk_wrapper_fL { padding : 0; }

.list_body .txt {
    height  : 25px;
    margin  : 0;
    padding : 0;
}

ul .check {
    display    : inline-block;
    width      : 16px;
    height     : 15px;
    background : transparent url("/images/form_elements/checkbox.png") -21px -18px no-repeat;
}

ul .check.active { background-position : -21px 0; }

ul a.check { cursor : pointer; }

ul div.dragDropOrder {
    display    : inline-block;
    width      : 20px;
    height     : 15px;
    background : transparent url("/images/form_elements/sort-arrows.png") 0 0 no-repeat;
}

ul div.dragDropOrder:hover {
    cursor : move;
}

ul a.delRow {
    background : none, url("/images/form_elements/newdelete.svg") no-repeat scroll 4px 0 transparent;
    display    : block;
    height     : 15px;
    left       : 6px;
    position   : absolute;
    top        : 0;
    width      : 25px;
}
ul a.delRow:hover {
    background : none, url("/images/form_elements/newdelete_hover.svg") no-repeat scroll 4px 0 transparent;
}

.sfrmButton_footerCont {
    padding : 6px 12px 0 0;
    float   : right;
}

.sfrmButton_footer {
    display         : block;
    text-decoration : none;
    color           : #2B3651;
    font-size       : 1em;
    height          : 30px;
    line-height     : 30px;
    margin          : 0;
    padding         : 0;
    text-align      : center;
    width           : 66px;
    cursor          : pointer;
}

.sfrmButton_footer.audit { background : url("/images/bluefin/sfrm_audit.png") no-repeat scroll 0 0 transparent; }

.sfrmButton_footer:hover { background-position : 0 -30px; }

.sfrmButton {
    display         : block;
    text-decoration : none;
    color           : #2B3651;
    font-size       : 1em;
    height          : 20px;
    line-height     : 20px;
    margin          : 0;
    padding         : 0;
    text-align      : center;
    width           : 20px;
    cursor          : pointer;
}

/* Adjusted for new menu types - Tyler #04/08/2015# */
.sfrmButton.print { background : url("/images/bluefin/sfrm_tool_print.png") no-repeat scroll 0 0 transparent; }

.sfrmButton.help { background : url("/images/form_elements/page_actions.png") no-repeat scroll 0 -46px transparent; background : none, url("/images/form_elements/page_actions_help.svg") no-repeat scroll 0 0 transparent; }

.sfrmButton.help:hover { background : url("/images/bluefin/sfrm_tool_report.png") no-repeat scroll 23px -46px transparent; background : none, url("/images/form_elements/page_actions_help_hov.svg") no-repeat scroll 0 0 transparent; }

.sfrmButton.report { background : url("/images/form_elements/page_actions.png") no-repeat scroll 0 -23px transparent; background : none, url("/images/form_elements/page_actions_reports.svg") no-repeat scroll 0 0 transparent; }

.sfrmButton.report:hover { background : url("/images/form_elements/page_actions.png") no-repeat scroll 23px -23px transparent; background : none, url("/images/form_elements/page_actions_reports_hov.svg") no-repeat scroll 0 0 transparent; }

.sfrmButton.extramenu { background : url("/images/form_elements/page_actions.png") no-repeat scroll 0 0 transparent; background : none, url("/images/form_elements/page_actions_more.svg") no-repeat scroll 0 0 transparent; }

.sfrmButton.extramenu_hover { background : url("/images/form_elements/page_actions.png") no-repeat scroll 23px 0 transparent !important; background : none, url("/images/form_elements/page_actions_more_hov.svg") no-repeat scroll 0 0 transparent !important; }

.sfrmButton.extramenu-auto { background : url("/images/form_elements/page_actions.png") no-repeat scroll 0 0 transparent; background : none, url("/images/form_elements/page_actions_more.svg") no-repeat scroll 0 0 transparent; }

.sfrmButton.extramenu-auto:hover { background : url("/images/form_elements/page_actions.png") no-repeat scroll 23px 0 transparent !important; background : none, url("/images/form_elements/page_actions_more_hov.svg") no-repeat scroll 0 0 transparent !important; }



/* hover requires important as it's hover state is applied by jQuery */

.sfrmButton:hover, .sfrmButton.DisplayFlagged {
    text-decoration     : none;
    background-position : 0 -20px;
}

.sfrmButtonContainer { margin-right : 25px; }

/****/

.modern-checkbox .chk_image_check {
    display : none;
}

.modern-checkbox {
    width    : 15px;
    margin   : 0;
    position : relative;
}

.modern-checkbox.s16 {
    width : 19px;
}

.modern-checkbox.s20 {
    width : 23px;
}

.modern-checkbox.s22 {
    width : 25px;
}

.modern-checkbox .chk_image_box {
    cursor        : pointer;
    position      : absolute;
    width         : 12px;
    height        : 12px;
    top           : 3px;
    border-radius : 3px;
    border        : 1px solid #A1A1A4;
    background    : var(--white);
}

.modern-checkbox.circle .chk_image_box {
    border-radius : 50%;
}

.modern-checkbox.rectangle .chk_image_box {
    border-radius : 12%;
}

.modern-checkbox.darker .chk_image_box {
    border : 1px solid #5D5D5D;
}

.modern-checkbox.darker.thick .chk_image_box {
    border : 2px solid #5D5D5D;
}

.modern-checkbox.thick .chk_image_box {
    border     : 2px solid #B5B7B9;
    margin-top : -1px;
}

.modern-checkbox.thicker .chk_image_box {
    border     : 3px solid #B5B7B9;
    margin-top : -2px;
}

.modern-checkbox.s16 .chk_image_box {
    width  : 16px;
    height : 16px;
    top    : 1px;
}

.modern-checkbox.s16 .chk_image_box::after, .modern-checkbox.s20 .chk_image_box::after {
    width  : 50%;
    height : 25%;
    top    : 25%;
    left   : 20%;
}

.modern-checkbox.s22 .chk_image_box::after {
    width  : 55%;
    height : 25%;
    top    : 22%;
    left   : 20%;
}

.modern-checkbox.s20 .chk_image_box {
    width  : 20px;
    height : 20px;
    top    : 0;
}

.modern-checkbox.s22 .chk_image_box {
    width  : 22px;
    height : 22px;
    top    : -2px;
}

.modern-checkbox:not(.use-label) .chk_image_box::after {
    opacity           : 0;
    content           : '';
    position          : absolute;
    width             : 45%;
    height            : 20%;
    background        : transparent;
    top               : 25%;
    left              : 25%;
    border            : 2px solid #333333;
    border-top        : none;
    border-right      : none;
    transform         : rotate(-45deg);
}

.modern-checkbox.green .chk_image_box::after {
    border       : 2px solid #3C9906;
    border-top   : none;
    border-right : none;
}

.modern-checkbox.blue .chk_image_box::after {
    border       : 2px solid #3c4882;
    border-top   : none;
    border-right : none;
}

.modern-checkbox.red .chk_image_box::after {
    border       : 2px solid #EE4036;
    border-top   : none;
    border-right : none;
}

.modern-checkbox input[type=checkbox]:not(:checked) + .chk_image_box:hover::after,
.modern-checkbox input[type=checkbox]:not(:checked) + .chk_image_box.chk_hover::after {
    opacity    : 0.2;
}

.modern-checkbox input[type=checkbox]:checked + .chk_image_box::after {
    opacity    : 1;
}

.modern-checkbox.blue input[type=checkbox]:checked + .chk_image_box::after {
    border-color: #fff;
}

.modern-checkbox.blue input[type=checkbox]:checked + .chk_image_box {
    background-color: #3c4882;
}

.modern-checkbox .chk_image_box:hover,
.modern-checkbox .chk_image_box.chk_hover {
    border : 1px solid var(--form-border-hover-color);
}

.modern-checkbox.thick .chk_image_box:hover,
.modern-checkbox.thick .chk_image_box.chk_hover {
    border     : 2px solid var(--form-border-hover-color);
    margin-top : -1px;
}

.modern-checkbox input[type=checkbox]:checked.chkActiveDisable + .chk_image_box.chkActiveDisable::after,
.modern-checkbox input[type=txt][checked=checked].chkActiveDisable + .chk_image_box.chkActiveDisable::after {
    opacity    : 0.3;
}

.modern-checkbox input[type=txt][checked=checked] + .chk_image_box::after {
    opacity : 0.4;
}

/* OOF we really need SCSS and a modern CSS framework... :/ */
.modern-checkbox.disabled {
    pointer-events : none;
}

.modern-checkbox.disabled .chk {
    cursor : not-allowed;
}

.modern-checkbox.disabled .chk_image_box {
    cursor         : not-allowed;
    pointer-events : none;
    opacity        : 0.4;
}

.modern-checkbox.button-style .chk_image_box {
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    width: auto;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    font-weight: bold;
    -ms-user-select: none;
    user-select: none;
}

.modern-checkbox.button-style input[type=checkbox]:checked + .chk_image_box {
    background-color: var(--form-active-color);
    color: var(--white);
}

.modern-checkbox.button-style input[type=checkbox]:checked.chkActiveDisable + .chk_image_box.chkActiveDisable,
.modern-checkbox.button-style input[type=txt][checked=checked].chkActiveDisable + .chk_image_box.chkActiveDisable {
    background-color: #9a9a9a;
    color: var(--white);
    opacity    : 0.8;
}

label.disabled {
    opacity        : 0.5;
    pointer-events : none;
}

.linkCont {
    padding          : 0;
    margin           : 0;
    background-color: var(--white);
    background-image : none;
    width            : 100%;
    display          : block;
    border-top       : 1px solid var(--white);
    border-bottom    : 1px solid var(--white);
}

.linkCont:hover {
    background-color: #EFEFEF;
    border-top       : 1px solid #CCCCCC;
    border-bottom    : 1px solid #CCCCCC;
}

.sortHeader {
    float       : left;
    padding     : 0 12px 0 0;
    line-height : 21px;
}

select.ui-datepicker-month,
select.ui-datepicker-year {
    color: #404040;
}
img.ui-datepicker-trigger,
img.ui-datepicker-trigger-vue {
    position : absolute;
    right    : 0;
    margin: 1px 3px;
    cursor: pointer;
}

.textareaCounterOrig {
    position    : absolute;
    top         : -1.6em;
    font-family : var(--font-family);
    color       : #777777;
    font-size   : 1em;
    text-align  : right;
}

.textareaCounterWarn {
    color: var(--darkRed);
}

.formSubset {
    border        : 1px solid #AAAAAA;
    margin        : 0 0 12px 25px;
    padding       : 9px 0 0 6px;
    border-radius : 6px;
}

.quick-links {
    width: fit-content;
    display: block;
    margin: -3px 0 12px 0;
    padding: 3px 9px;
    border: 1px solid #BBBBBB;
    color: #666666;
    font-size: 11px;
    background-color: #EEEEEE;
    border-radius: 8px;
}

.quick-links b {
    margin-right: 8px;
}

.quick-links a {
    color           : #666666;
    text-decoration : none;
}

.quick-links a:not(:last-child)::after {
    content: '|';
    padding: 0 3px;
    display: inline-block
}

.quick-links a:hover {
    color           : #777777;
    text-decoration : underline;
}

.formLightNote {
    color      : #555555;
    font-style : italic;
}

.formTitleNote {
    color      : #555555;
    font-style : italic;
    font-size  : 0.6em;
}

.formLabelNote {
    font-style  : italic;
    color       : #777777;
    font-size   : 0.85em;
    line-height : 1em;
}

.formEleRedNote {
    color       : var(--darkRed);
    font-size   : 0.9em;
    line-height : 1em;
    font-style  : italic;
    font-weight : normal;
}

span.redNote {
    color       : var(--darkRed);
    font-size   : 0.8em;
    line-height : 1em;
    font-style  : italic;
    font-weight : normal;
}

.formButton {
    display          : inline-block;
    margin           : 0;
    min-width        : 50px;
    width            : auto;
    min-height       : 12px;
    text-align       : center;
    font-size        : 1em;
    line-height      : 1em;
    color            : #757B82;
    padding          : 3px 6px;
    border           : 1px solid #9399A9;
    background-color: #EBF4FB;
    border-radius    : 4px !important;
    text-decoration  : none;
}

.formButton:hover, .list a.formButton:hover {
    cursor          : pointer;
    text-align      : center;
    color           : #5A81BB;
    border-color    : #5A81BB;
    text-decoration : none;
}

.formButton.Disabled[disabled="disabled"] {
    color: var(--white);
    background-color: #ADBBCC;
    border-color: #ADBBCC;
}

a.formButton.Disabled[disabled="disabled"] {
    pointer-events : none;
    cursor         : default;
}


.formButton.Disabled[disabled="disabled"]:hover {
    color: var(--white);
    background-color: #ADBBCC;
    border-color: #ADBBCC;
}

.formButton.Orange {
    color            : var(--white);
    background-color: var(--lightOrange);
    border-color     : var(--lightOrange);
}

a.formButton.Orange[disabled=""] {
    pointer-events : all;
    cursor         : pointer;
}

.formButton.Orange:hover {
    background-color: #CF852E;
    border-color: #CF852E;
    color: var(--white) !important;
}

.formButton.BlueOrangeTransitionFilled {
    color: var(--heading-color);
    border-color: var(--heading-color);
}

.formButton.BlueOrangeTransitionFilled:hover:enabled,
.formButton.BlueOrangeTransitionFilled:hover:not(:disabled) {
    color: var(--white) !important;
    background-color: var(--lightOrange);
    border-color: #CF852E;
}

.formButton.BlueOrangeTransitionFilled:disabled,
.formButton.BlueOrangeTransitionFilled.disabled {
    opacity: 0.3;
    color: var(--heading-color);
    border-color: var(--heading-color);
}

.formButton.Blue {
    color: var(--heading-color);
    border-color: var(--heading-color);
}

.formButton.Blue:hover {
    background-color: var(--heading-color);
    border-color: #2B3651;
    color: var(--white) !important;
}

.formButton.DarkBlue {
    background-color: #37495E;
    color: var(--white);
    border-color: #192028;
}

.formButton.DarkBlue:hover {
    background-color: var(--white);
    border-color: var(--heading-color);
    color: var(--heading-color) !important;
}

.formButton.Red {
    color: var(--red);
    border-color: var(--red);
}

.formButton.Red:hover {
    background-color: var(--red);
    border-color: var(--darkRed);
    color: var(--white) !important;
}

.formButton.DarkRed {
    background-color: var(--red);
    color: var(--white);
    border-color: var(--darkRed);
}

.formButton.RedFill {
    background-color: #F0A78F;
    border-color: var(--darkRed);
    color: var(--darkRed);
}

.formButton.Green {
    color: var(--green);
    border-color: var(--green);
}

.formButton.Green:hover {
    background-color: var(--green);
    border-color: var(--darkGreen);
    color: var(--white);
}

.formButton.DarkGreen {
    background-color: var(--green);
    color: var(--white);
    border-color: var(--darkGreen);
}

.formButton.GreenFill {
    color: #428D5D;
    border-color: #428D5D;
    background-color: #C5DFAD;
    font-weight : 600;
}

.formButton.CycleArrows {
    background-image: url(/content/images/form_elements/clockwise_semicircle_arrows.svg);
    background-position: .36em 50%;
    background-repeat: no-repeat;
    background-size: 1.8em;
    padding-left: 2.5em;
}

.bgLightBlue { background-color: #CDDEEB !important; }

.bgBlue { background-color: var(--heading-color) !important; }

.bgDarkBlue { background-color: #1C497C !important; }

.bgGreen { background-color: #D1E8B2 !important; }

.bgRed { background-color: #F7A4A7 !important; }

.bgYellow { background-color: #FBF9BE !important; }

.goWhite { color: var(--white) !important; }

.goBlack { color: var(--black) !important; }

.goBlue { color: var(--heading-color) !important; }

.goGreen { color: var(--green) !important; }

.goOrange { color: var(--lightOrange) !important; }

.goRed { color: var(--red) !important; }

.goLightGray { color: #ccc !important; }

.goGrey { color: #9CA3AD !important; }

.goDarkGrey { color: #808080 !important; }

.addSidePadding { padding-left : 10px; padding-right : 10px; }

.goUpper { text-transform : uppercase; }

.goBig /* or go home */ { font-size : 1.3em !important; line-height : 1.3em !important; font-weight : bold; text-transform : uppercase; }

.goSmall { font-size : 12px !important; }

.goBoldMedium { font-weight : 600 !important; }

.goBold { font-weight : bold !important; }

.goBolder { font-weight : bolder !important; }

.goItalic { font-style : italic !important; }

.goCenterText { text-align : center; }

.goLeftText { text-align : left; }

.goNormalWeight { font-weight : normal; }

.goText40 { font-size : 0.4em; }

.goText50 { font-size : 0.5em; }

.goText80 { font-size : 0.8em; }

.goText90 { font-size : 0.9em }

.goText110 { font-size : 1.1em }

.goText120 { font-size : 1.2em; }

.goText130 { font-size : 1.3em; }

.goText140 { font-size : 1.4em; }

.goText150 { font-size : 1.5em; }

.goText160 { font-size : 1.6em; }

.autoWidth { width : auto !important; }

.buiDot {
    text-indent   : 100%;
    white-space   : nowrap;
    font-size     : 0;
    overflow      : hidden;
    display       : block;
    float         : left;
    height        : 9px;
    margin        : 0;
    padding       : 0;
    width         : 9px;
    border        : 2px solid black;
    border-radius : 6px;
}

.buiDot.red { border-color: #E54D3D; }

.buiDot.red.solid { background-color: #E54D3D; }

.buiDot.green { border-color: #8CC541; }

.buiDot.green.solid { background-color: #8CC541; }

.buiDot.blue { border-color: var(--heading-color); }

.buiDot.blue.solid { background-color: var(--heading-color); }

.buiDot.grey { border-color: #CCCCCC; }

.buiDot.grey.solid { background-color: #CCCCCC; }

.buiDot.greenCheck { background : none, url("/images/form_elements/circle_check_green.svg") no-repeat scroll 0 0/100% 100% transparent; border : none; height : 13px; width : 13px; }

.buiDot.mapPin { background : none, url("/images/form_elements/circle_blue_map_pin.svg") no-repeat scroll 0 0/100% 100% transparent; border : none; height : 14px; width : 14px; }

div.col_wrapper label a.greenAdd {
    background      : none, url("/images/form_elements/newadd.svg") no-repeat scroll 0 0/16px 16px transparent;
    display         : inline-block;
    font-size       : 15px;
    float           : none;
    font-weight     : bold;
    color           : #3C9906;
    font-style      : normal;
    margin-right    : 8px;
    padding-left    : 24px;
    text-decoration : none;
    height          : 16px;
    line-height     : 16px;
}

div.col_wrapper label a.greenAdd:hover {
    background : none, url("/images/form_elements/newadd_hover.svg") no-repeat scroll 0 0/16px 16px transparent;
}

.extramenu-container {
    padding          : 10px 10px 10px 10px;
    border-radius    : 8px;
    border           : 1px solid #888888;
    background-color: var(--white);
    width            : auto;
    min-width        : 100px;
    max-width        : 400px;
    min-height       : 25px;
    position         : absolute;
    z-index          : 9000;
    display          : none;
}

.extramenu-container span {
    white-space : nowrap;
}

.extramenu-container ul, .extramenu-container li {
    margin  : 0;
    padding : 0;
}

.extramenu-container li {
    min-width   : 90px;
    height      : 20px;
    line-height : 20px;
    padding     : 2px;
}

.extramenu-container li a {
    text-indent     : 4px;
    min-width       : 90px;
    white-space     : nowrap;
    text-decoration : none;
    color           : black;
    line-height     : 16px;
}

.extramenu-container li a:hover {
    color: var(--heading-color);
}

.extramenu-container ul {
    list-style : none;
}

.extramenu-pointer {
    position   : absolute;
    background : url("/images/bluefin/bubble_arrow.png") no-repeat scroll 0 0 transparent;
    width      : 16px;
    height     : 9px;
    display    : block;
    top        : 0;
    right      : 12px;
    margin-top : -8px;
    z-index    : 9000;
}

.buiRound {
    background-color: #F6F6F6;
    padding          : 12px;
}

.buiFlatWrapper .cfSubFormWrapper {
    width : 100%;
}

.buiFlat {
    padding  : 4px 0 1px 8px;
    margin   : auto auto;
    position : relative;
}

.buiFlat.buiFlatButton:hover {
    opacity    : 0.8;
}

.buiRectangle {
    background-color: #CDDEEB;
    padding          : 12px;
}

/* bui Journal */
.buiJournalContainer {
    width            : auto;
    padding          : 6px 4px 6px 10px;
    height           : auto;
    border           : 1px solid #888888;
    background-color: var(--white);
}

.buiJournal {
    padding  : 0 6px 0 0;
    overflow : auto;
}

.buiJournalUTS {
    position : relative;
    padding  : 0 0 2px 0;
}

.buiJournalUTS span {
    font-weight : bold;
    color       : #333333;
    padding     : 0;
}

.buiJournalDTE {
    margin-right : 15px;
}

.buiJournalUser {
    position : absolute;
    left     : 125px;
}

.buiJournalActions {
    position: absolute;
    left: 725px;
}

.buiJournalNoteWrapper {
    padding          : 4px;
    background-color: var(--white);
}

.buiJournalNoteWrapper:hover {
    background-color: var(--lightYellow);
}

.buiJournalNote {
    color   : #2B3651;
    padding : 0 0 0 12px;
}

.buiJournalSpacer {
    margin-bottom : 2px;
    clear         : both;
}

.buiJournalNoteLeft {
    width            : 65%;
    float            : left;
    background-color: var(--white);
}

.buiJournalNoteRight {
    width            : 65%;
    float            : right;
    background-color: #EBF4FB;
}


/* bui simple editor */
.simpleEditor {
    background    : none repeat scroll 0 0 transparent;
    border        : 0 none;
    color         : #404040;
    font-family   : var(--font-family);
    font-size     : 12px;
    line-height   : 17px;
    margin        : -1px;
    outline       : medium none;
    padding       : 1px;
    padding-left  : 4px;
    padding-right : 4px;
}

.simpleEditorActions {
    background-color: #70A8D2;
    height           : 17px;
    padding          : 4px;
    margin-bottom    : 5px;
    vertical-align   : middle;
}

.simpleEditorActions a {
    padding      : 3px 0px 2px 0px;
    margin-right : 8px;
    width        : 18px;
    text-align   : center;
    font-family  : var(--font-family);
    font-size    : 11px;
    font-weight  : normal;
}

/* Ad Hoc Reporting */
.fieldHouse {
    border           : 1px solid #C3C3C3;
    background-color: var(--white);
    padding          : 4px;
    height           : 300px;
    overflow         : auto;
}

.fieldHouse ul:nth-child(even) {
    background-color: #EBF4FB;
}

.fieldHouse ul:nth-child(odd) {
    background-color: var(--white);
}

.availableField {
    cursor : pointer;
}

.ahrFieldWrapper {
    list-style : none outside none;
    margin     : 0px;
    width      : 100%;
    padding    : 0px;
    overflow   : hidden;
}

.ahrFieldWrapper li {
    float            : left;
    position         : relative;
    background-color: transparent;
}

.ahrFieldWrapper:hover {
    background-color: #F5F5F5 !important;
}

.ahrField {
    font-size       : 1.2em;
    display         : inline-block;
    padding         : 6px;
    text-decoration : none;
}

.addNewFieldActive {
    border           : 1px solid #6EA7D2;
    background-color: #E3F3FF;
}

.addNewFieldHover {
    border : 1px solid var(--green);
}

.acceptNewFields ul:first-child {
    margin-top : 8px;
}

.acceptNewFields ul:last-child {
    margin-bottom : 15px;
}

/** Document Page */

a.docActionDelete {
    margin-left  : 2px;
    margin-right : 2px;
    display      : block;
    float        : left;
    width        : 18px;
    height       : 18px;
    background   : none, transparent url(/images/form_elements/docs_delete.svg) 0 0/18px 18px no-repeat;
}

a.docActionDelete:hover {
    background : none, transparent url(/images/form_elements/docs_delete_hover.svg) 0 0/18px 18px no-repeat;
}

a.docActionDownload {
    margin-left  : 2px;
    margin-right : 2px;
    display      : block;
    float        : left;
    width        : 18px;
    height       : 18px;
    background   : none, transparent url(/images/form_elements/docs_download.svg) 0 0/18px 18px no-repeat;
}

a.docActionDownload:hover {
    background : none, transparent url(/images/form_elements/docs_download_hover.svg) 0 0/18px 18px no-repeat;
}

a.docActionEdit {
    margin-left  : 2px;
    margin-right : 2px;
    display      : block;
    float        : left;
    width        : 18px;
    height       : 18px;
    background   : none, transparent url(/images/form_elements/editpencil_grey.svg) 0 0/18px 18px no-repeat;
}

a.docActionEdit:hover {
    background : none, transparent url(/images/form_elements/editpencil_hover.svg) 0 0/18px 18px no-repeat;
}

a.docActionSend {
    margin-left  : 2px;
    margin-right : 2px;
    display      : block;
    float        : left;
    width        : 18px;
    height       : 18px;
    background   : none, transparent url(/images/docicons/doc_send.svg) 0 0/18px 18px no-repeat;
}

a.docActionSend:hover {
    background: none, transparent url(/images/docicons/doc_send_hover.svg) 0 0/18px 18px no-repeat;
}

a.docActionPreview {
    margin-left  : 2px;
    margin-right : 2px;
    float        : left;
    display      : block;
    width        : 18px;
    height       : 18px;
    background   : none, transparent url(/images/form_elements/docs_view.svg) 0 0/18px 18px no-repeat;
}

a.docActionPreview:hover {
    background : none, transparent url(/images/form_elements/docs_view_hover.svg) 0 0/18px 18px no-repeat;
}

/** End Document Page */

a.caActionEdit {
    color           : var(--heading-color);
    text-decoration : none;
    float           : left;
    height          : 16px;
    font-size       : 13px;
    line-height     : 18px;
    padding-left    : 24px;
    margin-right    : 8px;
    background      : none, transparent url(/images/form_elements/newedit.svg) 0 0/16px 16px no-repeat;
}

a.caActionEdit:hover {
    background      : none, transparent url(/images/form_elements/newedit_hover.svg) 0 0/16px 16px no-repeat;
}

a.caActionAdd {
    color           : var(--heading-color);
    text-decoration : none;
    float           : left;
    height          : 16px;
    font-size       : 13px;
    line-height     : 18px;
    padding-left    : 24px;
    margin-right    : 8px;
    background      : none, transparent url(/images/form_elements/newadd.svg) 0 0 /16px 16px no-repeat;
}
a.caActionAdd:hover {
    background      : none, transparent url(/images/form_elements/newadd_hover.svg) 0 0 /16px 16px no-repeat;
}

a.caActionAdd:hover, a.caActionEdit:hover, a.caActionHistory { text-decoration : underline; }

a.caActionHistory {
    color           : var(--heading-color);
    text-decoration : none;
    float           : left;
    height          : 16px;
    font-size       : 13px;
    line-height     : 18px;
    padding-left    : 24px;
    margin-right    : 8px;
    background      : none, transparent url(/images/form_elements/showhistory_grey.svg) 0 0 /16px 16px no-repeat;
}

a.caActionHistory:hover {
    background : none, transparent url(/images/form_elements/showhistory_hover.svg) 0 0 /16px 16px no-repeat;
}

.tooltipster-shadow .tooltipster-content { font-family: var(--font-family); }

.modalGreenButton {
    background: var(--lightGreen) !important;
    border-color: var(--lightGreen) !important;
    color: var(--white) !important;
}

.modalOrangeButton {
    background: #F6881C !important;
    border-color: #F6881C !important;
    color: var(--white) !important;
}

.modalRedButton {
    background: #E05143 !important;
    border-color: #E05143 !important;
    color: var(--white) !important;
}

.modalAmberButton {
    background: #FAAF40 !important;
    border-color: #FAAF40 !important;
    color: var(--white) !important;
}

.modalBlueButton {
    background: #4A93CF !important;
    border-color: #4A93CF !important;
    color: var(--white) !important;
}

.modalBlueButton:hover {
    background: #006598 !important;
    border-color: #006598 !important;
}

.modalSectionBar {
    color            : var(--white);
    font-style       : italic;
    background-image : url(/images/form_elements/sectionbar.svg);
    background-size  : 100% 100%;
    padding          : 1em;
}

.modalSectionBar p {
    font-size : 1.15em;
}

.modalFooterAbs .ui-dialog-buttonpane {
    bottom   : 0;
    position : absolute;
    right    : 0;
    z-index  : 5;
}

.indent {
    padding-left : 15px;
}

.formLine {
    border-bottom : 1px solid #888888;
    width         : 100%;
    height        : 1px;
}

.formLine.goBlue {
    border-bottom : 1px solid var(--heading-color);
}

/* JQuery overrides to make modals sexy */

.esup .ui-dialog-buttonpane {
    border: 0;
}

.esup .ui-widget-header {
    background: var(--form-header-color);
    border-radius: 0;
    border: 0;
    margin: 0;
}

/* match Vue .c-modal */
.esup .ui-dialog .ui-dialog-titlebar {
    background: var(--heading-color);
    font-weight: normal;
    line-height: 20px;
    padding: 0.5rem;
    padding-left: 1.5rem;
    min-height: 11px;
}

.esup .ui-dialog {
    padding: 0;
    border: 0;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
}

.esup .ui-dialog-titlebar-close {
    background: 0;
    border: 0;
    margin-right: 7px;
}

.esup .ui-icon-closethick {
    mask-image: url('/images/form_elements/modal_close.svg');
    -webkit-mask-image: url('/images/form_elements/modal_close.svg');
    background: unset;
    background-color: white;
    height: 20px;
    width: 20px;
    top: 8px;
}

.esup .ui-state-hover .ui-icon-closethick {
    background-color: #edf2f7;
}

.ui-tooltip {
    max-width : 500px;
}

/* match jquery-ui button to .light */
.esup .ui-dialog-buttonset .ui-state-default {
    min-width: 100px;
    min-height: 22px;
    color: #626B82;
    border: 1px solid #626B82;
    background: transparent;
    border-radius: 4px;
    font-weight: normal;
    padding: 0 10px;
}

.esup .ui-dialog-buttonset .ui-state-default:not(.disabled):hover {
    cursor: pointer;
    text-align: center;
    background-color: #E5E7F3;
}

.esup .ui-dialog-buttonset .ui-button-text-only .ui-button-text {
    padding: unset;
}

/* Color Picker */

.esup .color-picker input[type=text] {
    width: 80px;
    padding-left: 14px;
}

.esup .color-picker .txt:before
{
    display: none;
    content: "#";
    color: #404040;
    position: absolute;
    padding: 2px 0 0 6px;
    font-size: 12px;
}

.esup .color-picker .txt.focused:before
{
    display: block;
}

.esup .color-picker input[type=color] {
    height: 15px;
    width: 15px;
    border: 1px solid #c2c2c2;
    position: absolute;
    margin: 3px 0px 2px -32px;
    border-radius: 2px;
    cursor: pointer;
}

.esup .color-picker input[type=color]:hover,
.esup .color-picker input[type=color]:focus {
    border-color: var(--form-border-hover-color);
}

/* clean up Chrome default style */
.esup .color-picker input[type=color]::-webkit-color-swatch-wrapper {
    padding: 0;
}
.esup .color-picker input[type=color]::-webkit-color-swatch {
    border: none;
}
/* clean up Firefox default style */
.esup .color-picker input[type=color]::-moz-color-swatch {
    border: none;
}
.esup .color-picker input[type=color]::-moz-focus-inner {
    border: none;
    padding: 0;
}

/***************************/

/* Line heights calculated using: (#em = #rows * 17 / 12) */
.lh1 { height : 1.4em; overflow : auto; }

.lh2 { height : 2.9em; overflow : auto; }

.lh3 { height : 4.3em; overflow : auto; }

.lh4 { height : 5.7em; overflow : auto; }

.lh5 { height : 7.1em; overflow : auto; }

.lh6 { height : 8.6em; overflow : auto; }

.lh7 { height : 9.9em; overflow : auto; }

.lh8 { height : 11.3em; overflow : auto; }

.lh9 { height : 12.8em; overflow : auto; }

.lh10 { height : 14.2em; overflow : auto; }

.lh12 { height : 17.0em; overflow : auto; }

.lh14 { height : 19.9em; overflow : auto; }

.lh16 { height : 22.7em; overflow : auto; }

.lh20 { height : 28.3em; overflow : auto; }

.lh27 { height : 38.2em; overflow : auto; }

/* form width */
.f1 { width: var(--form-width-1) }
.f1dot5 { width: var(--form-width-1-5) }
.f2 { width: var(--form-width-2) }
.f2dot5 { width: var(--form-width-2-5) }
.f3 { width: var(--form-width-3) }
.f3dot5 { width: var(--form-width-3-5) }
.f4 { width: var(--form-width-4) }
.f4dot5 { width: var(--form-width-4-5) }
.f5 { width: var(--form-width-5) }
.f6 { width: var(--form-width-6) }
.f7 { width: var(--form-width-7) }
.f8 { width: var(--form-width-8) }
.f9 { width: var(--form-width-9) }
.f10 { width: var(--form-width-10) }
.f11 { width: var(--form-width-11) }
.f12 { width: var(--form-width-12) }
.f13 { width: var(--form-width-13) }
.f14 { width: var(--form-width-14) }
.f15 { width: var(--form-width-15) }
.f16 { width: var(--form-width-16) }
.f17 { width: var(--form-width-17) }
.f18 { width: var(--form-width-18) }
.f19 { width: var(--form-width-19) }
.f20 { width: var(--form-width-20) }
.f21 { width: var(--form-width-21) }
.f22 { width: var(--form-width-22) }
.f23 { width: var(--form-width-23) }
.f24 { width: var(--form-width-24) }
.f25 { width: var(--form-width-25) }
.f26 { width: var(--form-width-26) }
.f27 { width: var(--form-width-27) }
.f28 { width: var(--form-width-28) }
.f29 { width: var(--form-width-29) }
.f30 { width: var(--form-width-30) }
.f31 { width: var(--form-width-31) }
.f32 { width: var(--form-width-32) }
.f33 { width: var(--form-width-33) }
.f34 { width: var(--form-width-34) }
.f35 { width: var(--form-width-35) }
.f36 { width: var(--form-width-36) }
.f37 { width: var(--form-width-37) }
.f39 { width: var(--form-width-39) }
.f40 { width: var(--form-width-40) }
.fauto { width : 100%; box-sizing : border-box; }

/* column width */
.c1 { width : 26px; }

.c2 { width : 51px; }

.c3 { width : 76px; }

.c4 { width : 101px; }

.c5 { width : 126px; }

.c6 { width : 151px; }

.c7 { width : 176px; }

.c8 { width : 201px; }

.c9 { width : 226px; }

.c10 { width : 251px; }

.c11 { width : 276px; }

.c12 { width : 301px; }

.c13 { width : 326px; }

.c14 { width : 351px; }

.c15 { width : 376px; }

.c16 { width : 401px; }

.c17 { width : 426px; }

.c18 { width : 451px; }

.c19 { width : 476px; }

.c20 { width : 501px; }

.c21 { width : 526px; }

.c22 { width : 551px; }

.c23 { width : 576px; }

.c24 { width : 601px; }

.c25 { width : 626px; }

.c26 { width : 651px; }

.c27 { width : 676px; }

.c28 { width : 701px; }

.c29 { width : 726px; }

.c30 { width : 751px; }

.c31 { width : 776px; }

.c32 { width : 801px; }

.c33 { width : 826px; }

.c34 { width : 851px; }

.c35 { width : 876px; }

.c36 { width : 901px; }

.c37 { width : 926px; }

.c38 { width : 951px; }

.c39 { width : 976px; }

.c40 { width : 1001px; }

.c41 { width : 1026px; }

.c42 { width : 1051px; }

.c43 { width : 1076px; }

.c44 { width : 1101px; }

.c45 { width : 1126px; }

.c46 { width : 1151px; }

.c100 { width : 100%; }

/* Max */

.w13 { width : 325px; }

.w16 { width : 400px; }

.w18 { width : 450px; }

/* 14" 800x600      */
.w20 { width : 500px; }

.w23 { width : 575px; }

.w24 { width : 600px; }

.w25 { width : 625px; }

.w26 { width : 650px; }

.w27 { width : 675px; }

/* 15" 1024x768     */
.w28 { width : 700px; }

.w29 { width : 725px; }

.w30 { width : 750px; }

.w31 { width : 775px; }

.w32 { width : 800px; }

.w33 { width : 825px; }

.w34 { width : 850px; }

.w35 { width : 875px; }

.w36 { width : 900px; }

.w37 { width : 925px; }

/* 17/19" 1280x1024 */
.w40 { width : 1000px; }

.w41 { width: 1025px; }

.w42 { width: 1050px; }

.w43 { width : 1075px; }

/* 19"WS 1440x1024  */
.w44 { width : 1100px; }

.w45 { width : 1125px; }

/* 19"WS NO LEFT-SIDE FULL */
.w46 { width : 1150px; }

.w50 { width : 1250px; }

.w61 { width : 1540px; }

.w62 { width : 1550px; }

/* 24"WS 1920x1280  */
.w88 { width : 2200px; }

/* 30" 2560x1600    */
.w100 { width : 100%; }

/* Min width */
.mw1 { min-width: var(--form-width-1) }
.mw1dot5 { min-width: var(--form-width-1-5) }
.mw2 { min-width: var(--form-width-2) }
.mw2dot5 { min-width: var(--form-width-2-5) }
.mw3 { min-width: var(--form-width-3) }
.mw3dot5 { min-width: var(--form-width-3-5) }
.mw4 { min-width: var(--form-width-4) }
.mw5 { min-width: var(--form-width-5) }
.mw6 { min-width: var(--form-width-6) }
.mw7 { min-width: var(--form-width-7) }
.mw8 { min-width: var(--form-width-8) }
.mw9 { min-width: var(--form-width-9) }
.mw10 { min-width: var(--form-width-10) }
.mw11 { min-width: var(--form-width-11) }
.mw12 { min-width: var(--form-width-12) }
.mw13 { min-width: var(--form-width-13) }
.mw14 { min-width: var(--form-width-14) }
.mw15 { min-width: var(--form-width-15) }
.mw16 { min-width: var(--form-width-16) }
.mw17 { min-width: var(--form-width-17) }
.mw18 { min-width: var(--form-width-18) }
.mw19 { min-width: var(--form-width-19) }
.mw20 { min-width: var(--form-width-20) }
.mw21 { min-width: var(--form-width-21) }
.mw22 { min-width: var(--form-width-22) }
.mw23 { min-width: var(--form-width-23) }
.mw24 { min-width: var(--form-width-24) }
.mw25 { min-width: var(--form-width-25) }
.mw26 { min-width: var(--form-width-26) }
.mw27 { min-width: var(--form-width-27) }
.mw28 { min-width: var(--form-width-28) }
.mw29 { min-width: var(--form-width-29) }
.mw30 { min-width: var(--form-width-30) }
.mw31 { min-width: var(--form-width-31) }
.mw32 { min-width: var(--form-width-32) }
.mw33 { min-width: var(--form-width-33) }
.mw34 { min-width: var(--form-width-34) }
.mw35 { min-width: var(--form-width-35) }
.mw39 { min-width: var(--form-width-39) }
.mw40 { min-width: var(--form-width-40) }

.labelPadBottom {
    margin-bottom : 12px !important;
}

/* TABLE STREAM BUI THEME */

.bui-table {
    background-color: #0B79BE;
    border-collapse  : collapse;
    border           : solid 1px #B8BCBF;
    table-layout     : fixed;
}

.bui-table th, .bui-table td {
    padding : 4px;
}

.bui-table .bui-thead {
    border-color: #0B79BE;
    color        : var(--white);
    text-align   : left;
}

.bui-table .bui-tbody {
    background-color: var(--white);
    border-color     : var(--white);
}

.bui-table .bui-tbody tr:hover {
    background-color: #D8E1E8;
}

.bui-table .calc {
    font-weight : 600;
}

.bui-table-row.odd {
    background-color: #EFF7FC;
}

.bui-table-row.even {
    background-color: var(--white);
}

.bui-table-row.calc {
    background-color: #D1E2F3;
}

.bui-table .col-1 { width : 25px; }

.bui-table .col-2 { width : 50px; }

.bui-table .col-3 { width : 75px; }

.bui-table .col-4 { width : 100px; }

.bui-table .col-5 { width : 125px; }

.bui-table .col-6 { width : 150px; }

.bui-table .col-7 { width : 200px; }

.bui-table .col-8 { width : 250px; }

.bui-table .col-9 { width : 300px; }

.bui-table .col-10 { width : 325px; }

.bui-table .col-11 { width : 350px; }

.bui-table .col-12 { width : 400px; }

.bui-table .col-13 { width : 425px; }

.bui-table .col-14 { width : 450px; }

.bui-table .col-15 { width : 500px; }

.bui-table .col-16 { width : 550px; }

.bui-table .col-17 { width : 575px; }

.bui-table .col-18 { width : 600px; }

.bui-table .col-19 { width : 625px; }

.bui-table .col-20 { width : 650px; }

/* END TABLE STREAM BUI THEME */

/* modal sanity */
body > div.ui-dialog[aria-describedby="modalRecycler"] {
    max-height : 100vh; /* modal dialogs may never be larger than the screen */
}

body > div.ui-dialog[aria-describedby="modalRecycler"] div.ui-dialog-content {
    max-height : calc(100vh - 80px); /* and it's overflowing child container may not expand beyond the available bounds */
}

/* alter padding of quick search watermarks */
div.search_container div.quick_search .watermark {padding-top : 4px;}


div.separator {
    display: flex;
    flex-direction: row;
}
div.separator:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #e2e8f0;
    margin: auto;
}

.treeviewbutton {
    margin-right: 0.75rem;
    min-width: 14px;
    height: 14px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    color: white;
    font-size: 15px;
    font-weight: 600;
    background-color: #6E7DAA;
    cursor: default;
}

.treeviewbutton:hover {
    background-color: #535E80;
    cursor: pointer;
}

/* orange version of buiRound */
.orangeRound {
    background-color: #F6DBC9;
    padding          : 12px;
    border-radius    : 8px;
    color            : #CC0000;
    font-size        : 14px;
}

.orangeRound p strong {
    font-size   : 16px;
    font-weight : 500;
    line-height : 16px;
}

.orangeRound div:not(.clear_div) {
    font-size     : 16px;
    color         : var(--black);
    border-radius : 3px;
    border        : 1px solid var(--black);
    padding       : 12px 0;
    text-align    : center;
    background    : rgba(255, 255, 255, 0.5);
    margin-top    : 12px;
    white-space   : nowrap;
}

/* unique form auth change */
#password_change {
    border-color: #9d9fa2;
    padding: 15px;
    max-width: 610px;
    margin: 12px 0 0 0;
    background: #fff;
}
#password_change .form-left {
    text-align: left;
    max-width: 280px;
    padding: 0 15px 0 13px;
}
#password_change .field-note {
    visibility: hidden;
    font-size: 1em;
}
#password_change .field-note.goRed {
    visibility: visible;
}
#password_change .form-right {
    float: right;
    width: 260px;
    min-height: 228px;
    text-align: left;
    padding: 15px 0 15px 25px;
    border-left: 2px solid #e1e2e3;
    color: #204080;
    font-size: 1em;
    font-weight: bold;
}
#password-requirement-descriptions {
    margin: 0 25px 0 28px;
    font-size: 0.95em;
    font-weight: normal;
}
#password-requirement-descriptions li {
    list-style-image: url('/content/images/login/check_off.png');
}
#password-requirement-descriptions li.valid {
    list-style-image: url('/content/images/login/check_on.png');
}
#password-requirement-descriptions li.not-met {
    list-style-image: url('/content/images/login/x_on.png');
}
#password_change .form-buttons {
    text-align: right;
    padding-top: 15px;
}
#password_change label {
    display: block;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 15px;
}
#old_password {
    padding-top: 30px;
}
#password_change input[type="password"] {
    margin: 5px 0;
    height: 36px;
    padding: 5px;
    border: 1px solid #b1b1bc;
    width: 180px;
    border-radius: 3px;
    background-color: #f9fafc;
}
#password_change #cancel,
#password_change #submit {
    background-color: #00b2d9;
    border: none;
    color: #fff;
    padding: 5px 0;
    border-radius: 5px;
    width: 124px;
    cursor: pointer;
    text-decoration: none;
    font: 400 13.3333px Arial;
    margin-right: 8px;
}
#password_change #cancel {
    display: inline-block;
    width: 120px;
    text-align: center;
    padding: 5px 0;
    border: 1px solid #00b2d9;
}
#password_change #cancel.invalid,
#password_change #submit.invalid {
    background-color: #fff;
    border: 1px solid #b1b1bc;
    color: #b1b1bc;
}
#password_change input[type="password"].invalid {
    border-color: #f69478;
    background-color: #fcf1ef;
}
#password_change label.invalid {
    color: #b32f25;
}

p.flexible-warning {
    text-align: left;
    color: #E50424;
}

/**
    SWITCH
 */
.buiswitch-wrapper {
    font-size   : 13px;
    width       : 100%;
    line-height : 130%;
    padding-top : 2px;
}

/* The switch - the box around the slider */
.buiswitch {
    position     : relative;
    display      : inline-block;
    width        : 42px;
    height       : 15px;
    float        : left;
    margin-top   : 4px;
    margin-right : 8px;
}

/* Hide default HTML checkbox */
.buiswitch input {
    opacity : 0;
    width   : 0;
    height  : 0;
}

.buiswitch-slider {
    position           : absolute;
    cursor             : pointer;
    top                : 0;
    left               : 0;
    right              : 0;
    bottom             : 0;
    transition         : .4s;
}

.buiswitch-lbl {
    transition         : .4s;
}

.buiswitch-slider:before {
    position           : absolute;
    content            : '';
    height             : 13px;
    width              : 13px;
    left               : 2px;
    bottom             : 1px;
    background-color   : white;
    transition         : .4s;
}

input.buiswitch-checkbox:focus + .buiswitch-slider {
    box-shadow : 0 0 1px var(--heading-color);
}

input.buiswitch-checkbox:checked + .buiswitch-slider:before {
    transform         : translateX(25px);
}

/* Rounded sliders */
.buiswitch-slider.buiswitch-round {
    border-radius : 20px;
}

.buiswitch-slider.buiswitch-round:before {
    border-radius : 50%;
}

/****************************************
    SHARED DATA CLASSES
****************************************/

.shared-data-highlight {
    background:#FEDD80;
}

.shared-data-round {
    padding: 4px 16px;
    border-radius: 12px;
}

.shared-data {
    &.link {
        background-color: #7A7A7A;
        mask-image: url(/images/icons/link.svg);
        mask-repeat: no-repeat;
        -webkit-mask-image: url(/images/icons/link.svg);
        -webkit-mask-repeat: no-repeat;
        width: 17px;
        height: 15px;
    }

    &.unlink {
        background-color: #7A7A7A;
        mask-image: url(/images/icons/unlink.svg);
        mask-repeat: no-repeat;
        -webkit-mask-image: url(/images/icons/unlink.svg);
        -webkit-mask-repeat: no-repeat;
        width: 17px;
        height: 15px;
    }

    &.disabled {
        opacity: .25;
        mask-image: unset;
        -webkit-mask-image: unset;
        background-color: unset;
        cursor: auto !important;

        > input[type="checkbox"] {
            pointer-events: none;
        }
    }
}

.list_body_li .shared-data.link,
.list_body_li .shared-data.unlink {
    cursor: pointer;
    flex-shrink: 0;
}

.list_body_li .shared-data.linkable:not(.link) {
    width: 17px;
    height: 15px;
}

.list_body_li .shared-data.show-input {
    mask-image: none;
    -webkit-mask-image: none;
    background-color: unset;

    > input {
        mask-image: none;
        -webkit-mask-image: none;
        height: unset;
    }
}

.groupPlanIcon {
    border-radius: 8px;
    width: 16px;
    height: 16px;
    line-height: 15px;
    text-align: center;
    color: white;
    font-weight: bold;
    float: left;
    z-index: 1;
    position: relative;
    cursor: pointer;
}

.groupPlanIconLegend {
    display: inline-block;
}

.newEditIcon {
    display         : block;
    text-decoration : none;
    height          : 16px;
    line-height     : 16px;
    top             : 0;
    left            : 0;
    background      : none, transparent url(/images/form_elements/newedit.svg) 0 0/16px 16px no-repeat;
}
.newEditIcon:hover {
    background      : none, transparent url(/images/form_elements/newedit_hover.svg) 0 0/16px 16px no-repeat;
}

.txtEdit {
    position:relative;
    display:inline-block;
    width: 16px;
    float:left;
    margin-left: -16px;
    z-index:1;
    background-position-x: right;
    cursor: pointer;
}

.txtEdit:hover {
    background-position-x: right;
    cursor: pointer;
}

/**
 * Note: The styles applies to these elements are taken from other examples that use the modal slide functionality. Search for
 * "summary" or "summaryContent" for examples
 */
.slide-modal-back-button {
    display: block;
    height: 40px;
    left: -100px;
    position: absolute;
    top: 92px;
    width: 75px;
    z-index: 9999;
}

.slide-modal-back-button-inner {
    background-color:#ffffff;
    border-radius: 0px 10px 10px 0px;
    box-shadow: #d6d6d6 3px 3px 3px;
    height: 40px;
    line-height: 40px;
    width: 85px;
}

.slide-modal-back-button-anchor {
    display: block;
    font-family: arial, sans-serif;
    font-size: 1.5em; color: #4794d0;
    height: 100%;
    text-decoration: none;
    width: 100%;
}

.slide-modal-back-button-image {
    padding-left: 6px;
    padding-right: 3px;
}

.slide-modal-container {
    display: none;
    height: 100%;
    left: 100%;
    position: relative;
    width: 100%;
    z-index: 9000;
}

.slide-modal-content-container {
    height: 100%;
    left: 10px;
    position: absolute;
    width: 97%;
    z-index: 100;
}

/* TODO: This is copied from `webshare/ajax/build_UserFileDisplay.php` */
.listbox-sealed-record-tooltip {
    border-radius: 2px;
    padding-left: 5px;
    text-align: center;
}

.custom-tooltip-styling.ui-tooltip {
    border-color: #FAAE75;
    background-color: #FAAE75;
    min-width: 120px;
    padding: 0;
}

.custom-tooltip-styling .ui-tooltip-content {
    background-color: #FAAE75;
    padding: 10px;
}

.custom-tooltip-styling::before {
    border: solid;
    border-color: transparent #FAAE75;
    border-width: 8px 8px 8px 0;
    content: '';
    height: 0;
    left: -8px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 0;
}

.activity-owner-link {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    color: #465471;
}

.activity-owner-link a {
    text-decoration: none;
    font-size: 0.9em;
    color: #2B3651;
    font-weight: normal;
}

.activity-owner-link a:hover {
    text-decoration: underline;
}

.error-message-wrapper {
    font-size   : 13px;
    width       : 100%;
    line-height : 130%;
    padding     : 20px;
}