div#dataArea                    { height: 100%; width: 100%; }
/* div.dataLine                    { padding: 10px 0px; display: flex; }
div.dataLine.line               { border-top: 1px solid #cccccc; }
div.dataLine .key               { width: 50%; }
div.dataLine .value             { width: 50%; } */

div#tab-data-area.no-pad        {
    padding: 0px;
    height: calc(100% - 40px);
}

#settlement-buttons         { padding: 20px 10px; }
#settlement-buttons a       {}
#settlement-buttons a.on    { text-decoration: underline; font-weight: bold; }
div#settlement-data         { height: calc(100% - 35px); }

.show-view .settlement-area                         { padding: 0px 20px 0px 0px; width: 100%; }
.list_item .settlement-area {
    padding: 10px 0px 10px 0px;
    display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    border-bottom: 1px solid var(--normal);
}
.list_item .settlement-area .settlement-details     { display: flex; width: 100%; }
.list_item .settlement-area .list_item_inner        { border-top: 1px solid var(--normal);  }
.list_item .settlement-area .list_item_inner .list_column .settlementName 
                                                    { display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    width: 400px;
    text-align: right;
}

#list .list_item.odd .list_column.freeze-now .settlementName  { background-color: #333333; }
#list .list_item.even .list_column.freeze-now .settlementName  { background: #393939; }
.list_column.freeze-now.item_settlementCount,
.list_column.freeze-now.item_settlementCount  { border-right: 1px solid var(--normal); }

.text-input-popView { position: absolute; top: 0px; left: 0px; width: 300px; padding: 10px 10px 0px 10px; background-color: #52585d; color: #ffffff; z-index: 100; }

.object-area .section                        { padding: 20px; text-align: left; border-radius: 10px; margin-bottom: 20px; background-color: #272727; }
.object-area .section .section-title                  { 
    font-size: 20px;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #7babc5;
    color: #7babc5;
 }
.section-data                   { padding: 0px; }
.section-data.no-side-pad       { padding: 10px 0px; }
.section-data div.info-line     { 
    padding: 0px 0px 10px 0px; 
    line-height: 20px;
    display: flex; flex-direction: row; justify-content: flex-start; 
    width: 100%; 
    text-align: left; }
.section-data div.column-item div.info-line     { 
        padding: 0px 0px 10px 0px; 
        line-height: 20px;
        display: inline-block; flex-direction: row; justify-content: flex-start;  
        width: 100%;
        text-align: left; }
.section-data div.info-line.total{ border-top: 1px solid #cccccc; font-weight: bold; }
.section-data div.info-line .cell { flex-wrap: nowrap; }
.section-data div.info-line.font-big { font-size: 120%; }
/* .section-data div.data-item     { padding: 10px 0px; } */
.bold                           { font-weight: bold; }

.show-area                      { padding: 20px 0px 0px 0px; height: 100%; }
.show-area .show-container      { height: 100%; }

.show-expenses                       {  }
.show-expenses .expense              { display: flex; }
.show-expenses .expense .type        { width: 50%; }
.show-expenses .expense .applied-to  { width: 25%; text-align: right;  }
.show-expenses .expense .total-cost  { width: 25%; text-align: right;  }

svg.file-delete *               { fill: var(--color-highlight-dark); }
a:hover svg.file-delete *       { fill: var(--color-highlight-light); }


.field          { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0px; padding: 10px 0px; text-align: left; }
.field .title   { font-weight: bold; }
.field .value   {  }


div#filter-options {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
    z-index: 20000;
    align-content: center;
    background-color: #202020ab;

}

div#filter-options.active { display: flex; }

div#filter-options div.inner { display: none; padding: 30px; width: calc(90% - 60px); max-width: 740px; background-color: #343434; max-height: 100%; }
div#filter-options.active div.inner { display: block; }

.filter-section                         { padding: 0px 0px 10px 0px; line-height: 30px; display: flex;}
.filter-section div.name                { width: 190px; font-weight: bold; }
.filter-section div.options {
    width: calc(100% - 140px);
    display: flex;
    flex-wrap: wrap;
}
.filter-section div.options div.selected-items {
    width: calc(100% - 140px);
    display: flex;
    flex-wrap: wrap;
}

.filter-section div.options label.add       { 
    padding: 0px 15px 0px 0px; 
}

.filter-section div.options label.add a      { 
    font-size: 100%;
}

.filter-section div.options label       { 
    white-space: nowrap; 
    padding: 0px 15px 0px 0px; 
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
.filter-section div.options label a      { 
    font-size: 200%;
    line-height: 100%;
}
#show-stateProvince.filter-section div.options label input[type="checkbox"]      { 
    opacity:0; 
    position:absolute; 
    left:9999px;
}