/*!
 * jQuery QueryBuilder 2.4.5
 * Copyright 2014-2017 Damien "Mistic" Sorel (http://www.strangeplanet.fr)
 * Licensed under MIT (http://opensource.org/licenses/MIT)
 */

.filter-holder {
    border-top: 1px solid rgba(34,36,38,.1);
}

.query-builder {
    padding: 4px 1em;
    position: relative;
    z-index: 800;
}

.filter-holder a.remove {
    color: #f44034;
}

.filter-holder p {
    margin:0;
    padding: 1em 1em 0 1em;
}

.filter-holder {
    margin: 0;
}

.filter-holder .splitter a.remove {
    text-decoration: underline;
    margin-left: 0.5em;
    padding-top: .96em;
    display: inline-block;
}

.filter-holder .splitter {
    padding: 1em;
    margin-bottom: 0;
    border-top: 1px solid rgba(34,36,38,.1);
}

    .filter-holder .splitter .splitter-right {
        text-align: right;
    }

.query-builder .rule-container, .query-builder .rule-placeholder, .query-builder .rules-group-container {
    position: relative;
    margin: 6px 0;
    border-radius: .28571429rem;
    padding: 5px;
    border: 1px solid #EEE;
    background: rgb(253, 252, 252)
}

    .query-builder .drag-handle, .query-builder .error-container, .query-builder .rule-container .rule-filter-container, .query-builder .rule-container .rule-operator-container, .query-builder .rule-container .rule-value-container {
        display: inline-block;
        margin: 0 5px 0 0;
        vertical-align: middle
    }

.query-builder .group-conditions .ui.blue.button {
    background-color: #1279c6 !important;
    color: #fff !important;
    border: 1px solid #1279c6 !important;
}

    .query-builder .group-conditions .ui.blue.button:not(.active) {
        background-color: #fff !important;
        color: #1279c6 !important;
        border: 1px solid #1279c6 !important;
    }


.query-builder .group-actions .remove {
    position: absolute;
    top: .5em;
    right: .5em;
}

.query-builder .rules-group-container {
    padding: 10px 10px 6px;
    border: 1px solid #dadada;
    background: rgba(240, 240, 240, 0.3);
}

.query-builder > .rules-group-container {
    padding: 0;
}

.query-builder .rule-container.buttons {
    background: none;
}

.query-builder .rules-list .rules-group-container .rule-container.buttons {
    border: 1px solid rgba(240, 240, 240, 0.3);
    background: none;
}

.query-builder > .rules-group-container .rule-container.buttons {
    border: 1px solid #fff;
    background: none;
}


.query-builder .rule-container .ui.dropdown .menu > .item {
    font-size:100%;
}

.query-builder > .rules-group-container {
    border: none;
    background: none;
}

.query-builder .rules-group-header {
    margin-bottom: 10px
}

    .query-builder .rules-group-header .group-conditions .btn.readonly:not(.active), .query-builder .rules-group-header .group-conditions input[name$='_cond'] {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap
    }

    .query-builder .rules-group-header .group-conditions .btn.readonly {
        border-radius: 3px
    }

.query-builder .rules-list {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0
}

.query-builder .rule-value-container label {
    margin-bottom: 0;
    font-weight: 400
}

    .query-builder .rule-value-container label.block {
        display: block
    }

.query-builder .rule-value-container input[type=text], .query-builder .rule-value-container input[type=number], .query-builder .rule-value-container select {
    padding: 1px
}

.query-builder .rule-container {
    display: flex;
}

    .query-builder .rule-container .rule-remove,
    .query-builder .rule-container .field {
        vertical-align: middle;
        margin-right: 8px
    }

    .query-builder .rule-container .rule-filter-container,
    .query-builder .rule-container .rule-filter-container .ui.dropdown {
        width: 400px;
    }

    .query-builder .rule-container .rule-operator-container {
        width: 186px
    }

.query-builder .rule-value-container {
    flex-grow: 1
}

    .query-builder .rule-value-container .ui.dropdown div {
        text-transform: capitalize;
    }

    .query-builder .rule-value-container .ui.dropdown.text-transform-none div {
        text-transform: none;
    }

.query-builder .rule-container .rule-remove {
    width: 10px
}

.query-builder .error-container {
    display: none;
    cursor: help;
    color: red
}

.query-builder .has-error {
    background-color: #FDD;
    border-color: #F99
}

    .query-builder .has-error .error-container {
        display: inline-block !important
    }

.query-builder .dragging::after, .query-builder .dragging::before, .query-builder .rules-list > :last-child::after {
    display: none
}

.query-builder .rules-list > ::after, .query-builder .rules-list > ::before {
    content: '';
    position: absolute;
    left: -10px;
    width: 10px;
    height: calc(50% + 4px);
    border-color: #CCC;
    border-style: solid
}

.query-builder .rules-list > ::before {
    top: -4px;
    border-width: 0 0 2px 2px
}

.query-builder .rules-list > ::after {
    top: 50%;
    border-width: 0 0 0 2px
}

.query-builder .rules-list > :first-child::before {
    top: -10px;
    height: calc(50% + 12px);
}

.query-builder .rules-list > :last-child::before {
    border-radius: 0 0 0 4px
}

.query-builder .error-container + .tooltip .tooltip-inner {
    color: #F99 !important
}

.query-builder p.filter-description {
    margin: 5px 0 0;
    background: #D9EDF7;
    border: 1px solid #BCE8F1;
    color: #31708F;
    border-radius: .28571429rem;
    padding: 2.5px 5px;
    font-size: .8em
}

.query-builder .rules-group-header [data-invert] {
    margin-left: 5px
}

.query-builder .drag-handle {
    cursor: move;
    vertical-align: middle;
    margin-left: 5px
}

.query-builder .dragging {
    position: fixed;
    opacity: .5;
    z-index: 100
}

.query-builder .rule-placeholder {
    border: 1px dashed #BBB;
    opacity: .7
}

.query-builder .ui.small.form span.separator {
    display: inline-flex;
    margin:0 1em;
}

.query-builder .ui.dropdown {
    width: 300px;
    border-radius: .28571429rem !important;
    height: 30px;
    min-height: 30px;
}

.query-builder .ui.dropdown.selection:not(.search) {
    padding-top: .58571429em;
}

.query-builder .rule-operator-container.field .ui.dropdown {
    width: 186px;
}

.query-builder .ui.small.form .ui.input {
    font-size: 1.2em !important;
}

    .query-builder .ui.small.form .ui.input input {
        padding: 0.5em !important;
        border-radius: .28571429rem !important;
        font-size: .8em !important;
    }

    .query-builder .ui.small.form .ui.input.number,
    .query-builder .ui.small.form input[type='number'] {
        width: 120px !important;
    }

.query-builder .ui.small.form input[type='number'] {
    border-radius: .28571429rem !important;
}