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

.query-builder .rules-group-container, .query-builder .rule-container, .query-builder .rule-placeholder {
  position: relative;
  margin: 6px 0;
  border-radius: 5px;
  padding: 5px 8px 10px 8px;
/*  border: 1px solid #EEE;*/
  background: rgba(255, 255, 255, 0.9);
}

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

.rules-list select, .rules-list input {min-width:620px;border:1px solid #c5c5c5;}
.rules-list input[type="radio"]{min-width:25px;}
.rules-list select:focus{background:#f5f5f5;border:1px solid #c5c5c5;}
.view-rule-popup-block .rules-list select, .rules-list input {min-width:320px;border:1px solid #c5c5c5;}
.query-builder .rules-group-container {
/*  padding: 10px;
  border: 1px solid #DCC896;*/
  
}
.query-builder .rules-group-container .rules-group-header {
  margin-bottom: 10px;
}
.query-builder .rules-group-container .rules-group-header input[name$=_cond] {
  display: none;
}
.query-builder .rules-group-container .rules-list {
  list-style: none;
  padding: 0 0 0 15px;
  margin: 0;
}
.query-builder .rule-container .rule-value-container {
/*  border-left: 1px solid #ddd;
  padding-left: 5px;*/
}
.query-builder .rule-container .rule-value-container label {
  margin-bottom: 0;
  font-weight: normal;
}
.query-builder .rule-container .rule-value-container label.block {
  display: block;
}
.query-builder .rule-container select, .query-builder .rule-container input[type=text], .query-builder .rule-container input[type=number] {
  padding: 1px;
}
.query-builder .error-container {
  display: none;
  cursor: help;
  color: #F00;
}
.query-builder .has-error {
  background-color: #FDD;
  border-color: #F99;
}
.query-builder .has-error .error-container {
  display: inline-block !important;
}
.query-builder .rules-list > *:before, .query-builder .rules-list > *:after {
  content: '';
  position: absolute;
  left: -10px;
  width: 10px;
  height: calc(50% + 4px);
  border-color: #e01682;
  border-style: solid;
}
.query-builder .rules-list > *:before {
  top: -4px;
  border-width: 0 0 1px 1px;
}
.query-builder .rules-list > *:after {
  top: 50%;
  border-width: 0 0 0 1px;
}
.query-builder .rules-list > *:first-child:before {
  top: -11px;
  height: calc(50% + 14px);
}
.query-builder .rules-list > *:last-child:before {
  border-radius: 0 0 0 0px;
}
ul.rules-list .rules-group-container {
    border: 1px dashed #7a7a7a;
    border-radius: 0;
}
.query-builder .rules-list > *:last-child:after {
  display: none;
}

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

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

.query-builder .drag-handle {
  cursor: move;
  vertical-align: middle;
  margin-left: 5px;
}
.query-builder .dragged {
  opacity: 0.5;
}
.query-builder .rule-placeholder {
  border: 1px dashed #BBB;
  opacity: 0.7;
}

/*CREATE-GROUP-RULE-SERVICE-MAPPING*/
.rule-group-mapping-block .dashboard-list-block{margin-top:10px;}
.view-rule-popup-block .modal-body{padding:0 0 20px 0;}
.view-rule-popup-block .view-event-table-block{padding:20px 15px 15px;}
.view-rule-popup-block .modal-body h2{margin-bottom:10px;}
.rule-condition{padding:10px;border:1px dashed #7b7b7b;margin:15px 0;}
.rule-condition .group-conditions{padding:1px; border: 1px solid #e01682;background:#fff;}
.rule-condition .group-conditions .btn-xs{width:53px;}
.rule-condition .group-conditions .btn-primary {background:#fff !important;color:#333 !important;border:none;text-shadow:none;}
.rule-condition .group-conditions .btn-primary.active{background: #e01682 !important;border:none;color:#fff !important;}
.rule-condition .group-actions .btn-xs{width:120px;height:30px;}
.rule-condition .rules-list li {border:1px solid #afafaf;border-radius:0 !important;}
.rule-condition .group-actions .btn-success{background:#53565b !important;padding:0 10px 0 0;margin:0 0 0 5px;font-family:'robotobold';text-transform:uppercase;font-size:13px;color:#fff;border:none;min-width:120px;line-height:30px;}
.rule-condition .group-actions .btn-success i{margin-right:10px;padding:7px 10px;float:left;text-align:left;background:#46474b !important;}
.rule-condition .group-actions .btn-success:hover{background: #e01682 !important;}
.rule-condition .group-actions .btn-success:hover i{background:#cb0f7f !important;}
.rule-condition .group-actions .btn-danger{background:#53565b !important;padding:0 10px 0 0;margin:0 0 0 5px;font-family:'robotobold';font-size:13px;color:#fff;border:none;min-width:120px;line-height:30px;}
.rule-condition .group-actions .btn-danger i{margin-right:10px;padding:7px 10px;float:left;text-align:left;background:#46474b !important;}
.rule-condition .group-actions .btn-danger:hover{background: #e01682 !important;}
.rule-condition .group-actions .btn-danger:hover i{background:#cb0f7f !important;}
.rule-condition .rule-actions .btn-danger{background:#53565b !important;padding:0 10px 0 0;margin:0 0 0 5px;font-family:'robotobold';font-size:13px;color:#fff;border:none;min-width:120px;line-height:30px;}
.rule-condition .rule-actions .btn-danger i{margin-right:10px;padding:7px 10px;float:left;text-align:left;background:#46474b !important;}
.rule-condition .rule-actions .btn-danger:hover{background: #e01682 !important;}
.rule-condition .rule-actions .btn-danger:hover i{background:#cb0f7f !important;}

/*CREATE-RULE-MASTER*/
.no-image-available{margin-bottom:20px;}
.private-tag-block .checkbox{display: inline-block; width:100%;}
.multi-radio-button{ float: left; margin: 10px 30px 10px 0 !important;}
.multi-radio-button span{ font-size:12px; color: #666; text-transform: none;  font-family: 'robotoregular';}
.dashboard-list-block.brand-block .table-block .table tbody tr td{padding: 5px 15px;}
.brand-img-block{border: 1px solid #ddd; width: 50px; height: 50px; background: #fff;}
.brand-img-block img{max-height: 100%; margin: 0 auto;}
.custom-upload {border: 1px solid #ddd; cursor: pointer; color: #fff; width: 140px; height: 140px; background: url(../images/upload-icon.jpg) no-repeat center;}
.custom-upload input {left: -9999px; position: absolute;}