/*
 * WeblistDyn.css - ManagePath 8 Weblist-Specific Styles
 *
 * Houses CSS classes specific to the control known as 'Weblist', implemented by either Webllist.cs or WeblistModelBase in MVC
 *
 * TABLE OF CONTENTS
 * =================
 *
 * WEBLISTS & DATA GRIDS ...................................... Weblist headers, rows, paging, peek, sticky columns, grouping
 * SAVED VIEW NAVIGATION ...................................... Saved view flyout menu, default/delete icons

* COMMON PREFIXES
 * =================
 * .abt = Abstraction Template
 * .mp = ManagePath (typically on things like mpEdit, mpComposite, mpChooser, etc.)
 * .wl = Weblist


 */


/* ============================================================
   WEBLISTS & DATA GRIDS
   ============================================================ */

.weblist,
.weblist TD,
.weblist TH {
    border-color:#D1CFCF;
}

.weblistHeaderGroup {
    border-right: 0px;
}

.weblistHeaderLeft {
    padding: 0px !important;
}

.weblistOuter {
    min-width: 800px;
}

.weblistOuterNoMin {
    min-width: 0px !important;
}


.weblist-placeholder {
    border: 2px solid red;
    margin: 5px 5px 0 5px;
    min-width: 100px;
}

.webListHeaderHover {
    background-color: Black;
}

.weblistSortIconDescending {
    background-image: url(../images/Down.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 9px;
    display: inline;
    float: left;
    margin-left: 3px;
    margin-top: 2px;
}

.weblistSortIconAscending {
    background-image: url(../images/Up.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 9px;
    display: inline;
    float: left;
    margin-left: 3px;
    margin-top: 2px;
}

.weblistGroupableIcon {
    background-image: url(/mp8images/folder.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;
    margin-left: 3px;
    margin-top: 2px;
    float: left;
    display: inline;
    padding-bottom: 2px;
    padding-top: 1px;
    cursor: pointer;
}

.weblistEditableIcon {
    background-image: url(/mp8images/edit.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;
    margin-left: 3px;
    margin-top: 2px;
    float: left;
    display: inline;
    padding-bottom: 2px;
    padding-top: 1px;
    cursor: pointer;
}

.weblistPeekContainer {
    top: 66px;
    height: auto;
    min-height: 475px;
    max-height: calc(100vh - 100px);
    right: 15px;
    position: absolute;
    width: 60%;
    opacity: .98;
    z-index: 5;
    background-color:#FFFFFF;
    border-style: solid;
    border-color:#D1CFCF;
    border-width: 1px;
    display: none;
    box-shadow: 4px 4px 6px gray;
}

.weblistPeekHeader {
    height: 30px;
    border-style: solid;
    border-color:#D1CFCF;
    border-width: 0px;
    border-bottom-width: 1px;
    margin-left: 4px;
    margin-right: 4px;
}

.weblistPeekCloseBtn {
    float: right;
    top: 13px;
    right: 13px;
}

.weblistPeekNavBtn {
    margin-left: 20px;
    margin-top: 6px;
    font-size: 18px;
    cursor: pointer;
}

.weblistPeekNavBtn:not(.DisabledGlyphicon):hover {
    color:#E29900;
    transition: 0.1s;
}

.accountingPeekControlContainer {
    position: relative;
    bottom: 8px;
    background-color: white;
}

.weblistPeekActionBtn {
    margin: 5px;
    margin-left: 16px;
    font-size: 24px;
    cursor: pointer;
    color:#618461;
}

.weblistPeekActionBtn:not(.DisabledGlyphicon):hover {
    color:#E29900;
    transition: 0.1s;
}


.weblistGroupedIcon {
    background-image: url(/mp8images/folder_checked.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;
    float: left;
    display: inline;
    margin-left: 3px;
    margin-top: 2px;
    padding-bottom: 2px;
    padding-top: 1px;
}

.weblistGroupHeaderIcon {
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

.weblistGroupedHeaderIcon {
    background-image: url(/mp8images/folder_checked.png);
}

.weblistUngroupedHeaderIcon {
    background-image: url(/mp8images/folder.png);
}

.wlRSI {
    background-image: url(/mp8images/wl_arrowr.png);
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 6px;
    height: 11px;
}

.wlCE {
    cursor: pointer;
}

div.wlCEGlyph {
    position: inherit;
}

.wlUserEditOuter {
    margin: 0px !important;
}

.wlUserEditText {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.wlUserEditButtonReplacement {
    height: 12px !important;
    width: 13px !important;
    background-position: -65px -16px !important;
    display: inline;
    float: left;
}

.weblistHeaderCaption {
    white-space: nowrap;
    font-weight: normal;
    color:#000000;
    display: inline;
    float: left;
    width: 100%;
    padding-bottom: 2px;
    padding-top: 1px;
}

.headerRow .weblistHeaderCaption {
    white-space: nowrap;
    font-weight: normal;
    color:#000000;
    display: inline;
    float: left;
    width: 100%;
    padding-bottom: 2px;
    padding-top: 1px;
}

/* New for MVC */
.weblistHeaderRowCaption,
.weblistFooterRowCaption {
    white-space: nowrap;
    font-weight: normal;
    color:#000000;
    display: inline-block;
    padding-bottom: 2px;
    padding-top: 1px;
}

.weblistTemplateHeaderCaption {
    white-space: nowrap;
    font-weight: normal;
    color:#000000;
}

.weblistCaptionTable {
    white-space: nowrap;
    margin-left: 1px;
}

.wl_b {
    display: none;
}

.wl_b TD {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border: none 0px !important;
}

.wl_bd {
    width: 16px;
    height: 16px;
    background-image: url(/mp8images/delete.png);
    cursor: pointer;
}

.wl_be {
    width: 16px;
    height: 16px;
    background-image: url(/mp8images/edit.png);
    cursor: pointer;
}

.wl_bdwn {
    width: 16px;
    height: 16px;
    background-image: url(/mp8images/download.png);
    cursor: pointer;
}

/* Not used, to be removed later 49815
.wl_bv
{
	width:16px;
	height:16px;
	background-image:url(/mp8images/view.png);
	cursor:pointer;
}*/

.wl_bversion {
    width: 16px;
    height: 16px;
    background-image: url(/mp8images/versions.png);
    cursor: pointer;
}

.wl_draghead {
    min-width: 100px;
}

.wl_m {
    max-width: 500px !important;
    min-width: 300px !important;
    white-space: normal !important;
}

.weblistGroupIcon {
    background-repeat: no-repeat;
    width: 24px;
    height: 21px;
    cursor: pointer;
}

.weblistGroupIconMVC {
    background-repeat: no-repeat;
    height: 21px;
    cursor: pointer;
}

.weblistGroupIconExpanded {
    background-image: url(../images/Collapse.png);
}

.weblistGroupIconCollapsed {
    background-image: url(../images/Expand.png);
}

td.weblistGroupHeader {
    background-color:#C0D0C0;
    width: 18px;
    min-width: 18px;
    min-height: 16px;
}

.weblistGroupHeader {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color:#C0D0C0;
    width: 18px;
    min-width: 18px;
    min-height: 16px;
}

.weblistGroupHeaderFlex {
    display: flex;
    align-items: center;
}

.weblistGroupHeader .weblistGroupHeaderLevelSpacer {
    min-width: 20px;
}

.weblistGroupHeaderTextSpacing {
    margin-left: 12px;
}

.weblistGroupHeaderCountSpacing {
    margin-left: 8px;
}

.weblistGroupHeaderTemplate {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #F7F7F7 !important;
}


.weblistGroupHeaderRow {
    width: 100%;
}

.weblistGroupHeaderPad {
    border-right-style: hidden !important;
}

.weblistGroupHeaderText {
    font-size: 1em;
    /*margin:5px;*/
    color:#000000;
    display: inline;
}

.weblistGroupHeaderOuter {
    display: inline;
    float: left;
    white-space: nowrap;
}

.weblistGroupHeaderCount {
    font-size: .7em;
    margin: 5px;
    color:#000000;
    display: inline;
}

.weblistWaitGraphicSmall {
    opacity: 0.5;
    white-space: nowrap;
    min-height: 16px;
}

.weblistWaitGraphicSmallMVC {
    opacity: 0.5;
    white-space: nowrap;
}

.weblistCalcInvis {
    opacity: 0;
    min-height: 16px;
}

.weblistCalc {
    display: inline;
    font-size: .7em;
    opacity: 0.5;
    white-space: nowrap;
    min-height: 16px;
}

.weblistDlgStatus {
    margin-right: 20px;
    padding-top: 2px;
    font-style: italic;
    opacity: 0.6;
}

.weblistGroup {
    width: 0px;
    border-right-style: hidden;
}

.weblist {
    border-style: solid;
    border-color:#D1CFCF;
    border-width: 1px;
}

.weblist.stickyWeblist {
    border: none;
}

.expanderCell.expanderCellSticky {
    text-align: left;
}

td.stickyWeblistTableCell div.weblistGroupHeaderOuter {
    position: relative;
    right: 26px;
}

table.weblist:has(> thead > tr.stickyWeblistHeaderRow:first-child),
table.weblist:has(> tbody > tr.stickyWeblistHeaderRow:first-child) {
    border-top: none;
}

table.weblist.stickyWeblist > thead tr th:first-child,
table.weblist.stickyWeblist > tbody tr td:first-child {
    --border-color:#D1CFCF;
    box-shadow: inset 1px 0 0 0 var(--border-color);
}

table.weblist.stickyWeblist > thead tr th.wl_columnheader:first-child {
    --border-color:#D1CFCF;
    box-shadow: inset 1px 0 0 0 var(--border-color), inset 0px -1px 0px 0px var(--border-color), inset 0px 1px 0px 0px var(--border-color);
}

table.weblist.stickyWeblist > thead tr th:last-child,
table.weblist.stickyWeblist > tbody tr td:last-child {
    --border-color:#D1CFCF;
    box-shadow: inset -1px 0 0 0 var(--border-color);
}

table.weblist.stickyWeblist > thead tr th.wl_columnheader:last-child {
    --border-color:#D1CFCF;
    box-shadow: inset -1px 0 0 0 var(--border-color), inset 0px -1px 0px 0px var(--border-color), inset 0px 1px 0px 0px var(--border-color);
}

table.weblist.stickyWeblist > thead tr th {
    --border-color:#D1CFCF;
    box-shadow: inset 0px -1px 0px 0px var(--border-color), inset 0px 1px 0px 0px var(--border-color);
}

table.weblist.stickyWeblist > thead tr > th:nth-last-child(1 of .stickyWeblistHeaderCell) {
    --border-color:#D1CFCF;
    box-shadow: inset -1px 0 0 0 var(--border-color), inset 0 -1px 0 0 var(--border-color), inset 0px 1px 0px 0px var(--border-color);
}

tr > th:nth-last-child(1 of .stickyWeblistHeaderCell) {
    --border-color:#D1CFCF;
    box-shadow: inset -1px 0 0 0 var(--border-color), inset 0 -1px 0 0 var(--border-color), inset 0px 1px 0px 0px var(--border-color);
}

tr > td:nth-last-child(1 of .stickyWeblistTableCell) {
    --border-color:#D1CFCF;
    box-shadow: inset -1px 0 0 0 var(--border-color);
}

table.weblist.stickyWeblist tr.weblistGroupHeaderRow td.weblistGroupHeader {
    border-top: none;
}

.stickyWeblistHeaderRow {
    position: sticky;
    top: 0;
    z-index: 2;
}

tr.stickyWeblistHeaderRow > th,
tr.stickyWeblistHeaderRow > td {
    border: none;
    --border-color:#D1CFCF;
    box-shadow: inset 0px 1px 0px 0px var(--border-color), inset 0px -1px 0px 0px var(--border-color);
}

.stickyWeblistHeaderCell {
    position: sticky;
    z-index: 3;
}

.stickyWeblistTableCell {
    position: sticky;
    z-index: 1;
}

tr.weblistGroupHeaderRow > td:nth-last-child(1 of .stickyWeblistTableCell) {
    box-shadow: none;
}

tr > td:nth-last-child(1 of .stickyWeblistTableCell) div.wlRSI.wlCE,
tr > td:nth-last-child(1 of .stickyWeblistTableCell) div.wlCEGlyph.wlCE {
    margin-right: 4px;
}

tr > td:nth-last-child(1 of .stickyWeblistTableCell) input.wl_checkbox {
    margin-right: 7px;
}

.weblist tbody tr.r0,
.weblist tbody tr.r0 td {
    background-color:#FFFFFF;
}

.r0 td {
    border-top: none;
    border-right: none;
    border-bottom: solid silver 1px;
    border-left: none;
}

.r1 td {
    border-top: none;
    border-right: none;
    border-bottom: solid silver 1px;
    border-left: none;
}

.weblist tbody tr.r2,
.weblist tbody tr.r2 td {
    background-color: #D3EAF9 !important;
}

.weblist tbody tr.r1,
.weblist tbody tr.r1 td {
    background-color:#F0F1F4;
}

.weblist tbody tr.r0:hover,
.weblist tbody tr.r1:hover {
    /*background-color:#DEE2E8 !important;*/
}

.weblist tbody tr.peekSelect {
    background-color:#DCEADC;
}

.weblist tbody tr.peekSelect:hover {
    background-color:#DCEADC;
}

tr.wlRowGreen,
.wlCellGreen {
    color: #29a329;
}

tr.wlRowRed,
.wlCellRed {
    color: darkred;
}

tr.wlRowOrange,
.wlCellOrange {
    color: #db7100;
}

.wlCellBold,
.font-weight-bold,
.wlCellBold,
.textBold {
    font-weight: bold;
}


/* not found to be removed later - 49815
.wl_InnerGrid
{
	max-height:none;
	border-left-style:solid;
	border-left-width:1px;
}


.wl_InnerGrid td
{
	min-height:24px;
	border-left:hidden;
	border-right:hidden;
	border-bottom-width:0px;
	border-top-width:0px;
}*/

.wl_checkbox {
    margin-left: 5px;
}

.wl_checkboxHeaderCell,
.wl_checkboxCell {
    width: 12px;
    padding-left: 7px;
}

.wl_iconCell {
    width: 13px;
}

/* Set a max-width on the element */
td.wl_ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wl_nowrap {
    white-space: nowrap;
}

.wl_alignright {
    text-align: right;
}

a.wla {
    color:#000000;
    float: left;
    cursor: pointer;
    text-decoration: none;
}

.wl_row_footer {
    background-color: #DCDCDC;
    border-top-style: solid;
    border-top-width: 1px;
    border-color:#D1CFCF;
}

.weblist tbody tr.grandtotal {
    background-color: Silver;
}

.weblist tbody td {
    padding: 4px;
    padding-left: 6.3px;
    white-space: nowrap;
}

.wl_editContainer {
    margin: 0px !important;
}

.wl_editCell {
    padding: 0px !important;
    margin: 0px !important;
}

.wl_editCell input {
    border-style: hidden !important;
    background-color: Transparent !important;
    font-size: .9em !important;
}

.wl_editCell select {
    border-style: hidden !important;
    background-color: Transparent !important;
    font-size: .9em !important;
}

.wl_editCellOuter {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 3px !important;
    cursor: default;
}

.headerRow .wl_columnheader,
.headerRow .wl_columnheader,
.headerRow .wl_columnheader_right,
.footerRow .wl_columnfooter,
.footerRow .wl_columnfooter_right {
    background-color:#E5E3E3;
}

.wl_columnheader, .wl_columnfooter {
    padding-left: 3px !important;
    padding-right: 5px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    border-right-style: solid;
    border-right-width: 0px;
    border-color:#D1CFCF;
    border-left-style: none;
    border-bottom-style: none;
}

.wl_columnheader_right, .wl_columnfooter_right {
    padding-left: 5px !important;
    text-align: right;
}

    .wl_columnheader_right .weblistCaptionTable {
        float: right;
    }

.wl_columnheader_bottomborder {
    background-color:#004200;
    padding-left: 1px !important;
    border-bottom: solid 1px;
    border-color:#D1CFCF;
}

.headerRow.wl_columnheader.salesItemHeader {
    border-top: none;
}

.wl_headerdrag {
    background-color:#004200;
    background-image: url(../images/Tranz_White.png);
    background-repeat: repeat;
}

.wl_BodyLeftBorder {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-color:#D1CFCF;
}

.wl_HeaderIcon {
    cursor: pointer;
    display: inline;
    /*margin-bottom: 15px;*/
    line-height: 0.5em !important;
}

.wl_exportExcel {
    cursor: pointer;
    display: inline;
    width: 16px;
    height: 13px;
    line-height: 0.5em !important;
    /*background-image:url(/mp8images/export.png);*/
}

.wl_massUpdate, .wl_massDeleteOrArchiveOption, .wl_customLeftNavButton1, wl_customLeftNavButton2 {
    cursor: pointer;
    display: inline;
}

.wl_massUpdate {
    margin-top: -5px;
}

.wl_breadcrumb {
    cursor: pointer;
    display: inline;
    float: left;
    width: 14px;
    height: 16px;
    margin-right: 10px;
}

.wl_breadcrumbTitleBar {
    padding: 10px;
}

.wl_breadcrumbItem {
    margin-bottom: 5px;
    max-width: 500px;
    overflow: hidden;
    padding: 3px;
}

.wl_breadcrumbText {
    max-width: 420px;
    white-space: pre-wrap;
    margin-left: 5px;
}

.wl_breadcrumbClose {
    background-image: url(../images/Picture_Delete.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline;
    float: left;
    margin-top: 1px;
    cursor: pointer;
}

.wl_breadcrumbDialog {
    min-width: 300px;
    max-width: 500px;
    overflow: hidden;
}

.wl_breadcrumbButton {
    display: inline;
    bottom: 20px;
    float: right;
}

.wl_breadcrumbTopControls {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    float: left;
    clear: both;
}

.wl_breadcrumbClearAll {
    font-size: .75em;
    display: inline;
    float: right;
    cursor: pointer;
}

.wl_breadcrumbHeader {
    font-weight: bold;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.wl_breadcrumbList {
    float: left;
    width: 100%;
    margin-bottom: 18px;
}

.wl_save {
    cursor: pointer;
    display: inline;
    float: right;
    width: 16px;
    height: 16px;
    margin-right: 24px;
    line-height: 0.25em !important;
}

.wl_save_disabled {
    cursor: default;
    display: inline;
    float: right;
    width: 16px;
    height: 16px;
    margin-right: 24px;
    color: gray;
}

.wl_nav_button {
    background-repeat: no-repeat;
    background-position: center;
    background-color: Transparent;
    width: 10px;
    height: 15px;
    white-space: normal;
    position: relative;
    float: left;
    margin-left: 3px;
    display: inline;
    cursor: pointer;
}


.wl_first_enabled {
    position: relative;
    float: left;
    margin-left: 4px;
    height: 15px;
    cursor: pointer;
}

.wl_first_enabled_dark {
    background-image: url(/mp8images/first_8_black.png);
}

.wl_next_enabled_dark {
    background-image: url(/mp8images/next_8_black.png);
}

.wl_prev_enabled_dark {
    background-image: url(/mp8images/prev_8_black.png);
}

.wl_last_enabled_dark {
    background-image: url(/mp8images/last_8_black.png);
}

.wl_last_disabled,
.wl_first_disabled,
.wl_prev_disabled,
.wl_next_disabled {
    color: gray;
    cursor: default;
}

.wl_showcount_enabled {
    cursor: default;
    white-space: nowrap;
    position: relative;
    float: right;
    margin-left: 12px;
    margin-top: 3px;
    margin-right: 3px;
    height: 8px;
    font-size: .70em;
}

.wl_showpages_enabled {
    cursor: default;
    white-space: nowrap;
    position: relative;
    float: left;
    margin-left: 4px;
    margin-right: 15px;
    height: 8px;
    font-size: .70em;
}

.wl_all_enabled {
    position: relative;
    float: right;
    margin-left: 2px;
    height: 8px;
    font-size: .70em;
    cursor: pointer;
}

.wl_all_disabled {
    position: relative;
    float: right;
    margin-left: 2px;
    height: 8px;
    font-size: .70em;
    color: Gray;
}

.halflings-skip-to-next {
    top: -1px !important;
}

.halflings-triangle-left, .halflings-triangle-right {
    margin-top: .2px;
}

.halflings-skip-to-previous {
    top: -1px !important;
    left: -3px !important;
}

.halflings-road {
    left: 1px;
}

.halflings-step-backward, .halflings-step-forward {
    margin-top: -.6px;
}

.navbarLeftItems .halflings {
    margin: 0 5px;
    top: -2px;
}

.navbarLeftItems .halflings-bin {
    top: 1px;
}

.navbarLeftItems .halflings-filter {
    top: 1px;
}


/* Not used, to be removed later 49815
.wl_clear_disabled
{
	position:relative;
	float:left;
	margin-left:4px;
	height:8px;
	font-size:.70em;
	color:Gray;
	margin-top:3px;
}

.wl_clear_enabled
{
	position:relative;
	float:left;
	margin-left:8px;
	height:8px;
	font-size:.70em;
	cursor:pointer;
	margin-top:4px;
}*/

select.wl_ddlpaging {
    position: relative;
    float: left;
    font-size: .70em;
    margin-left: 4px;
    padding: 1px;
}

.wl_ddlsavedview {
    float: right;
    font-size: .70em;
    margin-right: 24px;
    min-width: 140px;
}

.wl_NavButtonCluster {
    min-height: 12px;
    margin: 3px 3px 3px 3px;
    float: left;
    display: inline;
    white-space: nowrap;
    min-width: 550px;
    clear: right;
    overflow: hidden;
}

.wl_NavBar {
    background-color:#E5E3E3;
    color:#000000;
    padding-top: 4px;
    padding-bottom: 8px;
    border-top-width: 1px;
    border-color:#D1CFCF;
    border-top-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    min-width: 800px;
    width: 100%;
}

.wl_NavBarNoMargin {
    background-color:#E5E3E3;
    color:#000000;
    padding-top: 4px;
    padding-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: solid 1px;
    border-color:#FFFFFF;
    border-bottom-color:#FFFFFF;
    min-width: 800px;
}

.wl_NavBarTable {
    width: 100%;
    padding-bottom: 2px;
}

.wl_NavBarTableRight {
    float: right;
}

.wl_Paging {
    float: right;
    display: inline;
    margin-right: 24px;
    margin-top: 1px;
}

.wl_SeparatorSave {
    float: right;
    margin-right: 24px;
}

.wl_Separator {
    width: 5px;
    height: 12px;
    display: inline;
}

.wl_SeparatorSpace {
    width: 1px;
    margin-left: 2px;
    margin-right: 2px;
    background-color:#FFFFFF;
}

.wl_NavBarWidget {
    height: 33px;
    white-space: nowrap;
    cursor: default;
}

.wl_blank {
    width: 100%;
    min-height: 1em;
    min-width: 1em;
}

.wl_summary_cell {
    border-left-style: none;
    border-right-style: none;
}

.wl_FilterInput {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.wl_FilterInput input[type="text"].mpAutoCompleteDropdownTextInput {
    font-size: .8em;
    height: 10px;
    padding: 1px;
}

.wl_FilterInputWatermark {
    margin-left: 2px;
    margin-top: 1px;
    font-size: .7em;
}


.wl_breadcrumbX {
    cursor: pointer;
    display: inline;
    float: left;
    width: 16px;
    height: 16px;
    margin: -5px 10px 0 0;
    padding-right: 8px;
}

.wl_columnheader_right .weblistCaptionTable {
    float: right;
}

.wl_triggereventicon {
    color: #D20000;
}


.gridWrapper {
    overflow: auto;
    width: 100%;
    min-width: 800px;
}

/* Sticky column weblists have a box-shadow for a border, but this causes the width to be 1px short on the left and 1px short on the right. */
div.wl_NavBar:has(+ div.gridWrapper table.weblist tr.stickyWeblistHeaderRow) {
    border-left: none;
    border-right: none;
    --border-color:#D1CFCF;
    box-shadow: inset 1px 0 0 0 var(--border-color), inset -1px 0 0 0 var(--border-color);
}

thead:has(> tr.stickyWeblistHeaderRow) + tbody > tr.weblistGroupHeaderRow:first-child > td,
tbody:has(> tr.stickyWeblistHeaderRow) + tbody > tr.weblistGroupHeaderRow:first-child > td {
    border-top: none;
}

.gridWrapperWidget {
    overflow: auto;
    min-height: 300px;
}

.weblistExpandable {
    border-style: none;
    max-height: none;
}

.weblistExpandableHeader {
}

.weblistExpandableRow {
}

.weblistExpandable tbody td {
    border-width: 0 0 0 0;
    border-style: none;
    white-space: normal;
}

.weblistHeaderTable {
}

.weblistHeaderTable TBODY TD {
    padding: 0px;
    border: none;
}


.wlfc_outer {
    margin-bottom: 5px;
    margin-top: 20.5px;
}


.wl_chart {
    width: 16px;
    height: 16px;
    background-color: Transparent;
    background-repeat: no-repeat;
    background-position: center;
    white-space: normal;
    position: relative;
    float: left;
    margin-left: 16px;
    margin-right: 16px;
    display: inline;
}

.wl_chart_enabled {
    background-image: url(/mp8images/charticon.png);
    cursor: pointer;
}

.wl_chart_disabled {
    background-image: url(/mp8images/charticon_gray.png);
}

.wl_noItemsMessage {
    padding: 10px;
    COLOR:#000000;
    BACKGROUND:#E5E3E3;
    min-height: 40px;
    padding-top: 15px;
}

.wl_saveErrorMessage {
    font-size: .7em;
    color: Red;
    margin-top: 3px;
}


.wl_saveButtonCluster {
    float: right;
    display: inline;
    margin-top: 20px;
}

.wl_saveTitleBar {
    padding: 10px;
}

.wl_saveTextBox {
    width: 262px;
}

.wl_ExpandableNoItemsMessage {
    padding: 8px;
    COLOR:#000000;
    BACKGROUND:#E5E3E3;
    border-style: none;
    border-top: solid 1px;
    border-color:#D1CFCF;
}

.wl_Extend {
    float: right;
}

.wl_E {
    height: 8px;
    width: 8px;
    background-image: url(/mp8images/wl_edit.png);
    float: right;
    clear: both;
    z-index: 1000;
    cursor: pointer;
    margin-bottom: 2px;
    opacity: 0;
}

.wl_EShow {
    opacity: 0.5;
}

.wl_EShow:hover {
    opacity: 1;
}

.wl_S {
    height: 8px;
    width: 8px;
    background-image: url(/mp8images/wl_nav.png);
    float: right;
    clear: both;
    z-index: 1000;
    cursor: pointer;
    opacity: 0;
}

.wl_SShow {
    opacity: 0.5;
}

.wl_SShow:hover {
    opacity: 1;
}

.wl_EditNextCell {
    background-color: Silver;
}

.wlListHeaderText {
    display: inline-flex;
    color:#FFFFFF;
    font-weight: bold;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    border: none;
}

.weblist tbody td div.pd {
    float: left;
    margin-right: 2px;
}


.wlNFI {
    display: inline;
    float: left;
    margin-right: 3px;
    font-size: .80em;
    cursor: pointer;
}

.ListPageFilterBar {
    float: left;
    margin: 5px 3px 3px 5px;
}

.list_count {
    display: inline;
    margin-left: 10px;
    font-size: .7em;
}

.wlDisplayItemCount {
    font-size: .70em;
    display: inline;
    float: left;
    margin-left: 1px;
    padding: 1px;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}

.wlDisplayItemCountSelected {
    background-color:#004200;
    color:#FFFFFF;
    cursor: default;
}

.wlDisplayItemTitle {
    font-size: .70em;
    display: inline;
    float: left;
    padding-right: 3px;
}

.wlDisplayItemsBar {
    display: inline;
    float: right;
    margin-right: 8px;
    margin-top: 2px;
}

/* Row Contents & Buttons */


.rowExapandCell {
    width: 30px;
    position: relative;
}

.btnRDivGlyphicon {
    font-size: 1.1em;
    position: relative;
    height: 20px;
    float: right;
}

.rowStatic_BtnsGlyphicon {
    height: 26px;
    bottom: -3px;
    right: 0px;
    float: right;
    display: flex;
    justify-content: flex-end;
    color:#383838;
}

.rowExpand_BtnsGlyphicon {
    height: 26px;
    bottom: -3px;
    right: 0px;
    float: right;
    position: absolute;
    display: flex;
    justify-content: flex-end;
    color:#383838;
}

.rowExpand_BtnsGlyphiconPrimary {
    height: 26px;
    bottom: -3px;
    right: 0px;
    float: right;
    position: absolute;
    display: flex;
    justify-content: flex-end;
    color:#FFFFFF;
}


.weblist tbody tr.r0 div.rowExpand_BtnsGlyphicon {
    background-color:#FFFFFF;
}

.weblist tbody tr.ExpandableSection_SingleAlternateItemRow div.rowExpand_BtnsGlyphicon,
.weblist tbody tr.ExpandableSection_DarkItemRow div.rowExpand_BtnsGlyphicon,
.weblist tbody tr.r1 div.rowExpand_BtnsGlyphicon {
    background-color:#F0F1F4;
}

.weblist tbody tr.ExpandableSection_SingleItemRow div.rowExpand_BtnsGlyphicon {
    background-color:#FFFFFF;
}

.modalContentGlyphicon,
.expandableSectionFlyoutGlyphicon {
    cursor: pointer;
    width: 26px;
    color:#383838;
}

.modalContentGlyphicon:not(.DisabledGlyphicon):hover,
.expandableSectionHeaderGlyphicon:not(.DisabledGlyphicon):hover,
.expandableSectionFlyoutGlyphicon:not(.DisabledGlyphicon):hover {
    color:#E29900;
    transition: 0.1s;
}


/* ============================================================
   SAVED VIEW NAVIGATION
   ============================================================ */

.navViewFO {
    display: none;
    float: left;
    z-index: 999;
    position: absolute;
    min-width: 120px;
    max-width: 200px;
    background:#E5E3E3;
    border-bottom-color: #808080 !important;
    border-left-color: #808080 !important;
    border-right-color: #808080 !important;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-family: Tahoma,sans-serif;
    overflow-y: auto;
    max-height: 300px;
}

.navViewFO TR {
    height: 24px;
}

.navViewFO TABLE {
    width: 100%;
}

.navViewText {
    color:#004200;
    margin-left: 3px;
    display: inline;
    float: left;
    white-space: pre-wrap;
    font-size: 10px;
}

.navViewFO TD {
    border-top: 1px solid;
    border-color:#D1CFCF;
    cursor: pointer;
}

.navViewFO TR:hover {
    background-color:#E29900;
}

.navSavedViewMenuRoot {
    display: inline;
    float: right;
    font-size: .70em;
    margin-top: 2px;
    margin-right: 24px;
    cursor: pointer;
}

.navSavedViewDelete {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline;
    float: right;
    margin-left: 6px;
    margin-right: 2px;
    background-image: url(/mp8images/delete.png);
}

.navSavedViewDefaultSelect {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline;
    float: right;
    margin-left: 6px;
    margin-right: 2px;
    background-image: url(/mp8images/permissions_disabled.png);
}

.navSavedViewDefaultSelected {
    background-image: url(/mp8images/permissions.png);
}


/* - not found, to be removed later 49815 
.wlPI
{
	background-image:url(/mp8images/contact.png);
	background-repeat:no-repeat;
	background-color:Transparent;
	width:6px;
	height:11px;
}*/