﻿#builder {
    border: 1px solid #bbcdd3;
    padding:2rem;
}
.query-panel {
    padding-bottom: 1rem;
}
.query-builder>.rules-group-container {
    border: none;
    background: none;
    background-color: none;
}
/*can we change the assigned class of this in case we actually need an error state at some point?*/
.query-builder .has-error {
    background-color: #f2f7f7;
    border-color: #206b82;
}

.query-builder .rule-container {
    background: #dfe9eb;
    padding: 0.5rem 1rem;
/*    overrides default for more spacing*/
    margin:22px 0;
}

.query-builder .rules-list > ::before {
    /*    overrides default for more spacing*/
    top: -22px;
}

.query-builder .rules-list > ::after, .query-builder .rules-list > ::before {
    /*    overrides default for more spacing*/
    height: calc(50% + 22px);
}

.query-builder .rules-list > :first-child::before {
    top: -26px;
    height: calc(50% + 26px);
}

.query-builder .rules-list .rules-group-container {
    background: #dfe9eb;
    border: 1px solid #fff0;
}

.query-builder .rules-group-container .rules-group-container .rule-container {
    background: #f2f7f7;
    border: 1px solid #fff0;
}

.query-builder .rules-list .rules-group-container .rules-group-container {
    background: #f2f7f7;
    border: 1px solid #fff0;
}

.query-builder .rules-list .rules-group-container .rules-group-container .rule-container {
        background: #dfe9eb;
        border: 1px solid #fff0;
    }

.rules-list .rules-list {
    padding-left: 5rem;
}

.slider-handle {
    background: none;
    background-image: none;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #206b82;
}

.slider-handle.round {
        border-radius: 0%;
    }

.slider-selection {
    background: #9bb1b9;
}

.slider.slider-horizontal .slider-track {
    border: 1px solid #206b82;
}

.slider .tooltip {
    background: none;
    border: none;
    box-shadow:none;
}
/*add a lablel summary*/
#sqlDiv:before {
    content: 'Query Summary:';
    display: block;
    font-weight: bold;
    font-size: .85em;
}