.cql_builder .global_conditions_header {
    width: 100%;
    min-width: 260px;
    position: relative;
    top: 5px;
    display: table-row;
}
.cql_builder .name {
    white-space:nowrap;
    font-size:13px;
    font-weight:bold;
}
.cql_builder.loading {
    pointer-events: none;   
}
.cql_builder.loading .loading_text{
    display:block;
}
.loading_text{
    display:none;
    position: absolute;
    z-index: 1000;
    font-size: 16px;
    font-weight: bold;
}
.cql_builder.loading .header,
.cql_builder.loading .advancedCheckbox {
    display:none;
}
.cql_builder {                        
    display: none;
    position: absolute;
    min-width: 480px;
    border: solid 1px black;
    background-color: white;
    padding: 1em;
}
#content .cql_builder form {
    display: block;
    background-color: transparent;
    border: none;
    padding: 0em;
}
.cql_builder .container {
    display:inline-block;
    vertical-align:top;
}
.cql_builder .attribute {
    visibility:hidden;
}
.cql_builder .advanced {
    display:none;
}
.cql_builder .templates,
.cql_builder  .hidden {
    display: none;
}
.cql_builder .no-gutter {
    padding-right: 1px;
    padding-left: 1px;
    padding-top: 2px;
}
.cql_builder .no-gutter-right {
    padding-right: 0;
}
.cql_builder .header {
    width: 100%;
    min-width: 260px;
    position: relative;
    top:5px;
    display:table-row;
}
.cql_builder .default_attr {
    width: 100px;   
    float:left;
}
.cql_builder .advancedCheckbox {         
    width: 100px;
    float:right;
    padding-left:6px;
}
.cql_builder .checkbox {
    display: flex;
}
.cql_builder [name="operator"] {
    display:inline-block;
    width: 75px;     
}
.cql_builder .label {
    display:inline-block;
    width: 75px;     
    text-align: left;
}
.cql_builder .operator {
    position:relative;
    float: left;
    white-space: nowrap;
    right: -10px;
}
.cql_builder .Space {
    width: auto;
}
.cql_builder .intervalN,
.cql_builder  .intervalK {
    width: 25px;
}
.cql_builder .number {
    position:relative;
    float: left;
    white-space: nowrap;
    right: -1px;
    font-size: 20px;
    font-weight: bold;
}
.cql_builder .output {
    width: 100%;
    display:inline-block;
}
.cql_builder .row_container {
    position: relative;
    margin: 4px 5px;
    border-radius: 5px;
    padding: 0px 5px 1px 5px;
    border: 1px solid rgba(0,0,0,0.25);
    background: rgba(221,238,238,0.7);
    width: 100%;
    width: auto; 
    min-width: 98px;   
}

.cql_builder .table {
    margin-left: 8px;
}
.cql_builder .cell {
    display: block;
} 
.cql_builder .buttons {
    text-align: left;
    width: 5px;
}
.cql_builder .buttons-top {
    width: auto;
    position: relative;
    display: inline-table;
    margin-bottom: 4px;
    float:left;
    padding-right:3px;
}
.cql_builder .buttons-right {
    position: relative;
    float: right;    
    white-space: nowrap;
    right: -5px;
}
.cql_builder .buttonSpace {
    line-height:2;
}
.cql_builder .input[type="text"] {
    width: 75px;
}
.cql_builder .input.miniCheckbox {
    width:100%;
}
.cql_builder .btn {
    display: inline-block;
    font-size: 13px;
    text-align: center;    
    font-weight: bold;
    vertical-align: middle;
    border-radius: 4px;
    white-space: nowrap;
    padding: 3px 4px;
    border: 1px solid;
}
.cql_builder .btn-add {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}
.cql_builder .btn-add.focus,
.cql_builder .btn-add:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}
.cql_builder .btn-add:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}
.cql_builder .btn-remove {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}
.cql_builder .btn-remove.focus,
.cql_builder .btn-remove:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}
.cql_builder .btn-remove:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}
.cql_builder .btn-misc {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}
.cql_builder .btn-misc.focus,
.cql_builder .btn-misc:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}
.cql_builder .btn-misc:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}
.cql_builder select {
    width: 79px;  
    padding: 1px 0px;
}
.cql_builder label {
    font-weight: bold;
    display:block;
    padding-right:2px;   
}
.cql_builder .rules-list-main  {      
    list-style: none;
    margin-top:7px;
}
.cql_builder .rules-list {
    list-style: none;
    padding-left: 4px;
    display: table-caption;
}
.cql_builder .rules-list>:after,
.rules-list>:before {
    content: '';
    position: absolute;
    left: -9px;
    width: 7px;
    height: calc(50% + 15px);
    border-color: #858585;
    border-style: solid;
}
.cql_builder .rules-list>:before {
    top: -15px;
    border-width: 0 0 2px 2px;
}
.cql_builder .rules-list>:after {
    top: 50%;
    border-width: 0 0 0 2px;
}   
.cql_builder .rules-list>:last-child:before {
    border-radius: 0 0 0 4px
}
.cql_builder .rules-list>:last-child:after {
    display: none
}           
.cql_builder .error>input,
.error>select,
.error.container {
    background: rgba(200,88,0,0.7);
    border-color: rgb(200,88,15);
}
#tooltips {
    display: none;
}
.cql_builder .error:hover .tooltip {
    display: block;      
    z-index: 2000;
}
.cql_builder .error > :focus ~ .tooltip {
    display: block;
}
.cql_builder .tooltip {
    display: none;
    background: rgba(250,240,210,1);
    margin-top: 4px;
    left:0px;
    padding: 10px;
    position: absolute;
    z-index: 1000; 
    height: auto;
    border: 1px solid #000000;
    border-radius: 10px;
}