.filterCategoryContainer{
    margin-bottom: 10px;
}

.filterCategoryHeader{
    background: #0076a9;
    border: 1px solid #666;
    cursor: pointer;
    padding: 5px;
    position: relative;
}

.filterCategoryHeader > h2{
    color: #fff;
    display: inline;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px rgba(0,0,0,0.1);
}

.filterCategoryHeader > img{
    position: absolute;
    right: 5px;
    top: 5px;
}

.filterCategoryContent{
    background: #f5f5f5;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 10px;
}

.filterDateRange {
    float: left;
    padding-right: 10px;
}

.filterDateRange .fbText {
    font-size: 11pt;
    position: relative;
    top: 2px;
}

.filterSearchInput, .filterPaginatedSearch{
    margin-bottom: 5px;
    /*width: 100%;*/
}

.filterPaginatedSearch::-ms-clear, .filterSearchInput::-ms-clear, #reportCenterSearch::-ms-clear{
    display: none;
}

.filterSelectAll, .filterPaginatedSelect, .filterPayEveryDaySelect{
    float: right;
    cursor: pointer;
    margin-left: 10px;
}

.filterSelectAll > label.checkboxText > input.select-all {
    margin-right: 8px;
}

.filterSelectAll > input[type='checkbox']
{
    margin-right: -2px;
}

.filterPaginatedSelect>input[type='checkbox']
{
    margin-right: 2px;
}

.filterPayEveryDaySelect>input[type='checkbox']
{
    margin-right: 2px;
}

.filterRow{
}

div.view-draggable-list:empty:before {
    content:attr(data-placeholder);
    color:black;
    font-weight: bold;
    font-style: italic;
}

.checkboxText{
    cursor: pointer;
    display: inline;
    font-size: .95em;
    word-wrap: break-word;
}

.filterContainer.dateRangeFilter{
    padding-bottom: 10px;
}

.filterCategoryContent > div:last-child > .filterContainer.dateRangeFilter{
    border: none;
    padding: 0;
}

.filterContainer{
    margin-bottom: 15px;
}

.filterContainerRemoveMargin{
    margin-left: -10px;
}

.filterHeader{
    font-size: .9em;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
    padding-left: 10px;
}

#filterContainer{
    padding: 0 10px;
}

#filterHeader{
    border-bottom: 1px solid #aaa;
}

.filterTag{
    background: #f1eab2;
    border: 1px solid #aaa;
    font-size: .85em;
    font-weight: 500;
    list-style: none;
    margin-bottom: 5px;
    padding: 5px 21px 5px 5px;
    position: relative;
}

.filterRemove{
    cursor: pointer;
    position: absolute;
    right: 1px;
    top: 2px;
    width: 16px;
}

.filterContent{
    font-size: .9em;
    padding-left: 10px;
}

.filterContent.fileFormatFilter{
    font-size: inherit;
}

.filterGroupContent{
    padding-left: 10px;
}

.filterGroupContent .filterHeader{
    font-size: .85em;
}

.filterContent select, .filterContent input[type=text]{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #aaa;
    vertical-align: middle;
}

.filterContent select, .filterContent input[type=text]:focus{
    border: 1px solid #666666;
}

#filterSelectedContainer{
    border: 1px solid #aaa;
    margin-bottom: 10px;
    position: relative;
}

.filterSelectedHeader{
    background: #eee;
    border-bottom: 1px solid #aaa;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
}

.filterListHeaderText{
    font-size: 1.2em;
}

.filterHeaderOption{
    bottom: 5px;
    color: #0076a9;
    cursor: pointer;
    font-size: .85em;
    position: absolute;
    right: 5px;
}

#filterList, #sortList{
    overflow-y: auto;
    padding: 5px;
}

#filterList{
    height: 220px;
}

#sortList{
    height: 100px;
}

#clientList{
    font-size: .85em;
    height: 100px;
    overflow-y: auto;
    padding: 5px;
}

.detailLabel{
    font-size: .85em;
    font-weight: bold;
}

.detailValue{
    margin-bottom: 10px;
}

#filterList li:last-child, #sortList li:last-child, #clientList li:last-child{
    margin-bottom: 20px;
}

.fadedBottomParent:after{
    content: '';
    bottom: 10px;
    left: 0;
    height: 30px;
    right: 0;
    background: linear-gradient(to top, rgba(251,251,251,1) 0%,rgba(251,251,251,0) 100%);
    pointer-events: none;
    position: absolute;
}

.filterLargeList, .filterPaginatedList{
    overflow-y: auto;
    padding: 5px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 0 #bbb;
    -ms-box-shadow: 0 1px 0 #bbb;;
    -webkit-box-shadow: 0 1px 0 #bbb;
    box-shadow: 0 1px 0 #bbb;
    border: 1px solid #ccc;
    margin-right: 5px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

.filterLargeList{
    height: 120px;
}

.selected-filter-row {
    padding: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 0 #bbb;
    -ms-box-shadow: 0 1px 0 #bbb;
    -webkit-box-shadow: 0 1px 0 #bbb;
    box-shadow: 0 1px 0 #bbb;
    border: 1px solid #ccc;
    height: auto;
    display: flex;
    justify-content: space-between;
    font-size: .95em;
    word-wrap: break-word;
}

div:has(> #tab-filter-included) {
    display: flex;
    justify-content: flex-start;
}

span:has(> #tab-filter-included) {
    display: flex;
    justify-content: flex-start;
}

.increaseHeight .filterLargeList{
    height: 255px;
}

.increaseHeight2 .filterLargeList{
    height: 200px;
}

.noPaddingLeft .filterContent{
    padding-left: 0;
}

.filterPaginatedList{
    margin-bottom: 10px;
}

.format-filter .filterHeader{
    margin-bottom:0;
}

.format-filter .filterContent{
    padding-left:0;
}

.format-filter .filterContainer{
    width:50%;
    margin-bottom:0;
}

.reportsContain #eeForm .filterSearchInput,
.reportsContain #sectionSpecificForm .filterSearchInput{
	width:125px;
}

.tableInputBoxClear input.filterSearchInput,
.tableInputBoxClear input.filterPaginatedSearch{
    padding-right: 24px;
}

.fpvButtonLayout{
    text-align: center;
}

.fpvButtonLayout .marginBottom{
    display: none;
}

.fpvButtonLayout .buttonSmall{
    display: inline-block;
    width: 46px;
}

.filterPopover .popoverTrigger{
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcm-paginator.fpvFilter{
    min-width: 285px;
}

.expandableFilterHeader{
    background: #F0F4F4;
    border: 1px solid #aaa;
    cursor: pointer;
    padding: 5px;
    position: relative;
    font-size: 1.2em;
}

.sortListingsLabel{
    cursor: default !important;
    font-size: 1em !important;
}

.expandableFilterHeader > img{
    position: absolute;
    right: 8px;
    top: 8px;
}

.expandableFilterContent{
    background: #ffffff;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 5px;
    max-height: 137px;
    overflow-y: auto;
}

.expandableFilterContent .filterRow{
    padding: 0 10px;
}

.collapsibleFiltersContainer{
    width: 190px;
}

.pafActionTypeFilter .collapsibleFiltersContainer{
    display: inline-grid;
}

.pafActionTypeFilter .expandableFilterHeader > img{
    display: none;
}

.pafActionTypeFilter .collapsibleFiltersButtons{
    display: none;
}

.collapsibleFiltersHeaderContainer{
    background: #00883E;
    color: white;
    border: 1px solid #00883E;
    padding: 5px;
    position: relative;
}

.collapsibleFiltersHeaderContainer > h2{
    color: #FFFFFF;
    display: inline;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px rgba(0,0,0,0.1);
}

.collapsibleFiltersButtons{
    background: #F0F4F4;
    border: 1px solid #aaaaaa;
    padding: 5px;
    text-align: center;
}

.collapsibleFilterResetButton{
    cursor: pointer;
    background: #ffffff;
    color: #00883E;
    border: 1px solid #00883E;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 1.2em;
    min-width: 82px;
    height: 25px;
    margin: 3px 0;
    margin-right: 2.5px;
    padding: 2px;
}

.collapsibleFilterSearchButton{
    cursor: pointer;
    background: #00883E;
    color: #FFFFFF;
    border: 1px solid #00883E;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 1.2em;
    min-width: 82px;
    height: 25px;
    margin: 3px 0;
    margin-left: 2.5px;
    padding: 2px;
}

.expandableFilterContent .tableInputBoxClear{
    width: 88px;
}

.expandableFilterContent .filterSelectAll{
    margin-left: 5px;
}

.expandableFilterContent .filterSelectAll .checkboxText{
    margin-left: 0;
}

.collapsibleFiltersContent .filterContainer{
    margin-top: -1px;
    margin-bottom: -1px;
}

.collapsibleFiltersContent .jobIDInputContainer{
    background: #f0f4f4;
    border: 1px solid #aaa;
    padding: 5px;
}

.collapsibleFiltersContent .jobIDInputText{
    padding: 0;
    margin-bottom: 5px;
    font-weight: bold;
}

.collapsibleFiltersContent .jobIDInput{
    width: 100%;
}

.collapsibleFiltersContent .quickSearchContainer{
    background: #f0f4f4;
    border: 1px solid #aaa;
    padding: 5px;
    padding-top: 8px;
    margin-bottom: -1px;
}

.collapsibleFiltersContent .separate.tableInputBoxClear{
    display: block;
}

.collapsibleFiltersContent .filterSearchInput{
    width: 100%;
}

.tableInputBoxClear {
    position: relative;
}

a.clearInput, a.searchIcon {
    position: absolute;
    right: 5px;
    bottom: 10px;
}

.collapsibleFiltersContent a.searchIcon, .collapsibleFiltersContent a.clearInput {
    right: 5px;
    bottom: 8px;
    top: auto;
}

.clearInput {
    display: none;
}

.searchSelectAll .clear {
    clear: both;
}

.collapsibleFiltersContainer .filterLargeList {
    height: auto;
    padding: 0;
    border: none;
    box-shadow: none;
}

.collapsibleFiltersContainer .collapsibleFiltersButtons input.buttonSecondary{
    height: 35px;
    padding: 0 10px;
    margin-right: 1px;
    vertical-align: middle;
}

.collapsibleFiltersContainer .collapsibleFiltersButtons div{
    display: inline-block;
    margin-left: 1px;
    vertical-align: middle;
}

.sortListings {
    width: 150px;
    margin-left: 10px;
    cursor: pointer;
}

.sortListingsHeader {
    font-size: 1em !important;
    cursor: default;
}

.filterContainer .filterSubCategory {
    font-size: 16px;
    font-weight: bold;
    pointer-events: none;
    padding-left: 0 !important;
}

.filterContainer .filterSubCategory .filterCheckbox {
    display: none;
}

.filterContainer .filterSubCategory ~.filterRow {
    padding-left: 15px;
}

#positionAssociationFilter .filterContainer .filterContent {
    padding-left: 0 !important;
}

.pcm-paginator-createNewFields .filterContent {
    font-size: .9em;
    padding-left: 0px;
    max-width: 250px;
}

.pcm-paginator-createNewFields .filterContent .filterPaginatedList{
    overflow-y: auto;
    max-height: 250px;
}

.pcm-paginator-createNewFields .filterContent .tableInputBoxClear,
.pcm-paginator-createNewFields .filterContent .filterSelectAll {
    display: block;
}

.pcm-paginator-createNewFields .filterContent .tableInputBoxClear {
    max-width: 50%;
}

.pcm-paginator-createNewFields .filterContent .filterSelectAll {
    width: 100%;
}

.formulate-field-info {
    display: flex;
    justify-content: left;
}

.formulate-field-info .pcmNotes.row {
    margin-left : 40%;
    max-width: 350px;
}

.formulate-field-info .pcmNotes.row .alert-text{
    font-size: .8em;
}