.advancedSearchContainer
{
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    font-size: 20px;
}

.advancedSearchDynamic
{
    /*width: unset;*/
    /*width: 900px;*/
    display: inline-flex;
    flex-direction: column;
}

.advancedSearchBtn.hidden,
.advancedSearchQueryBtn.hidden,
.advancedSearchBtnLink.hidden,
.advancedSearchDynamic.hidden
{
    display: none;
}

.advancedSearchRow
{
    padding: 5px;
}

.advancedSearchColumn
{
    width: 100%;
}

.advancedSearchDropdownHeader
{
    font-weight: bold;
    color: white;
    background-color: black;
}

.advancedSearchButtonContainer
{
    padding-left: 5px;
    padding-top: 10px;
}

.advancedSearchBtn
{
    border: 1px solid #DDDDDD;
    display: inline-block;
    padding: 6px 25px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #eeeeee;
    margin-right: 10px;
}

.advancedSearchBtn:hover
{
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.advancedSearchBtnLink
{
    border: none;
    background-color: transparent;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.advancedSearchBtnLink:hover
{
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-right: 3px;
    margin-left: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.advancedSearchQueryBtn
{
    color: white;
    background-color: #2ea44f;
    border: 1px solid rgba(27, 31, 35, .15);
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #eeeeee;
    margin-right: 10px;
    font-size: 13px;
}

.advancedSearchQueryBtn.delete
{
    background-color: #FF4742;
}

.advancedSearchQueryBtn:hover
{
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.advancedSearchDynamic .advancedSearchQueryBtn
{
    margin-right: 0px;
}

.advancedSearchDynamicConditionRow .advancedSearchQueryBtn
{
    background-color: #98a4ae;
    opacity: .6;
    border-radius: unset;
    width: 60px;
    box-shadow: none;
}

.advancedSearchDynamicConditionRow .advancedSearchQueryBtn.selected
{
    background-color: #0057b8;
    opacity: 1;
}

.advancedSearchDynamicConditionRow .advancedSearchQueryBtn:disabled
{
    opacity: .4;
}

.advancedSearchDynamicConditionRow .advancedSearchQueryBtn.left
{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.advancedSearchDynamicConditionRow .advancedSearchQueryBtn.right
{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: -5px;
}

.advancedSearchGroup
{
    display: inline-block;
    padding: 10px 15px;
    min-width: 100%;
    border-radius: 5px;
}

.advancedSearchDynamicRow
{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px;
    position: relative;
    margin: 8px 0;
    border-radius: 5px;
    border: 1px solid #808080;
    /* background: rgba(255,255,255,.9); */
}

.advancedSearchDynamicRowCell
{
    padding: 5px;
    min-width: 60px;
    font-size: 13px;
    width: 100%;
}

.advancedSearchDynamicRowCell input,
.advancedSearchDynamicRowCell select
{
    font-size: 13px;
}

.advancedSearchDynamicButtonRow
{
    float: right;
}





.advancedSearchGroupBody
{
    position: relative;
}

.advancedSearchGroupBodyList
{
    padding-left: 15px;
}

.advancedSearchGroupBodyList > :first-child::before
{
    top: -9px;
    height: calc(50% + 10px);
}

.advancedSearchGroupBodyList > ::before
{
    top: -9px;
    border-width: 0 0 2px 2px;
}

.advancedSearchGroupBodyList > ::after, .advancedSearchGroupBodyList > ::before
{
    content: '';
    position: absolute;
    left: -10px;
    width: 10px;
    height: calc(50% + 10px);
    border-color: #ccc;
    border-style: solid;
}

.advancedSearchGroupBodyList > ::after
{
    top: 50%;
    border-width: 0 0 0 2px;
}

.advancedSearchGroupBodyList > :last-child::before
{
    border-radius: 0 0 0 4px;
}

.advancedSearchGroupBodyList > :last-child::after
{
    display: none
}

.advancedSearchCopyrightYearRangeListItem:focus
{
    background-color: transparent;
}

.advancedSearchCopyrightYearRangeContainer
{
    width: 100%;
    padding: 10px 26px 10px 10px;
}

.advancedSearchCopyrightYearRangeContainer .ui-slider
{
    margin-bottom: 10px;
}

.advancedSearchCopyrightYearRangeInputContainer
{
    padding-top: 10px;
    margin-left: -7px;
    margin-right: -7px;
}

.advancedSearchCopyrightYearRangeInput
{
    max-width: 75px;
    text-align: center;
}

.advancedSearchCopyrightYearRangeInputContainer > div.advancedSearchCopyrightYearSingleInputCheckBoxContainer[aria-selected="true"] > .fa-square
{
    display: none;
}

.advancedSearchCopyrightYearRangeInputContainer > div.advancedSearchCopyrightYearSingleInputCheckBoxContainer[aria-selected="false"] > .fa-square-check
{
    display: none;
}

/* not device-specific, handling header  */
@media only screen and (min-width: 840px)
{
    .advancedSearchContainer
    {
        flex-direction: row;
        font-size: 16px;
    }

    .advancedSearchColumn
    {
        width: 49%;
    }

    .advancedSearchDynamic
    {
        /*min-width: 840px;*/
    }

    .advancedSearchDynamicRow
    {
        flex-wrap: nowrap;
    }

    .advancedSearchDynamicRowCell
    {
        width: unset;
    }

    .advancedSearchDynamicFieldInput
    {
        width: 220px;
    }

    .advancedSearchDynamicRowCell input,
    .advancedSearchDynamicRowCell select
    {
        max-width: 250px;
    }

    .advancedSearchDynamicOperatorInput
    {
        width: 150px;
    }
}