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

.query-builder .rule-container,
.query-builder .rules-group-container,
.query-builder .rule-placeholder {
  margin:4px 0;
  border-radius:5px;
  padding-left:4px;
  border:1px solid #eee;
  background:#fff;
  background:rgba(255, 255, 255, 0.9);
}

/* GROUPS */
.query-builder .rules-group-container {
  padding:5px;
  border:1px solid #DCC896;
  background:#FCF9ED;
  background:rgba(250, 240, 210, 0.5);
}
  .query-builder .rules-group-header {
    margin-bottom:10px;
  }
    .query-builder .rules-group-header input[name$=_cond] {
      display:none;
    }
  .query-builder .rules-list {
    list-style:none;
    padding:0 0 0 20px;
    margin:0;
  }

/* RULES */
.query-builder .rule-container  {}
.query-builder .rule-container>div:not(.rule-header) {
   display:inline-block;
   margin:3px 5px 3px 0;
   vertical-align:top;
 }
.query-builder .rule-value-container:not(:empty) {
  border-left:1px solid #ddd;
  padding-left:5px;
}
.query-builder .rule-value-container label {
  margin-bottom:0;
}
.query-builder .rule-value-container label.block {
  display:block;
}
.query-builder .rule-value-container input {
  width:100px !important;
}
.query-builder .rule-value-container input[type=radio] {
  width:20px !important;
}
.query-builder .rule-container select,
.query-builder .rule-container input[type=text],
.query-builder .rule-container input[type=number] {
  padding:1px;
}

#mailPushQueryBuilder .query-builder .rule-value-container,
#heartbeatQueryBuilder .query-builder .rule-value-container {
  width: 100% !important;
}

#mailPushQueryBuilder .query-builder .rule-value-container input,
#heartbeatQueryBuilder .query-builder .rule-value-container input {
  width: 100% !important;
}

/* ERRORS */
.query-builder  .has-error {
  /* background:#fdd;
  border-color:#f99; */
}

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

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

.query-builder .tooltip-inner {
  color:#fdd !important;
}

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

  .query-builder .rules-list>*:before {
    top:-2px;
    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:-12px;
    height:calc(50% + 14px);
  }
  .query-builder .rules-list>*:last-child:before {
    border-radius:0 0 0 4px;
  }
  .query-builder .rules-list>*:last-child:after {
    display:none;
  }

/* DRAG & DROP */
.query-builder  .drag-handle {
  cursor:move;
  display:inline-block;
}

.query-builder  .dragged {
  opacity:0.5;
}

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

.query-builder .extra-input {
  margin-bottom: 8px;
  margin-left: 10px;
  width: 77px !important;
}

query-builder .btn-default:hover, query-builder .btn-default:focus, query-builder  .btn-default:active, query-builder .btn-default.active,
.query-builder .btn-default:hover, .query-builder .btn-default:focus, .query-builder  .btn-default:active, .query-builder .btn-default.active
{
  color: white;
  background-color: #3276b1;
}

.trash-icon {
  margin-top: 5px;
}