.FilterBlockBuilder{padding-top:20px}.FilterBlockBuilder,.FilterBlockBuilder .typeSelector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.FilterBlockBuilder .typeSelector{margin-top:20px;margin-bottom:10px}.FilterBlockBuilder .typeSelector .help{font-size:13px;margin-top:10px;color:#333}.FilterBlockBuilder .typeSelector .help b{font-weight:500}.FilterBlockBuilder .conditionsCont{background-color:#fff;padding:20px 0;border-top:1px solid #ccc;width:100%;text-align:center;max-height:clamp(100px,400px 20vh);overflow:auto}.FilterBlockBuilder .condition{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.FilterBlockBuilder .condition .FilterCondition{margin-bottom:20px;text-align:left}.FilterBlockBuilder .DataTable .material-design-icon{margin-left:0}.FilterBar .topContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-weight:500;font-size:11px;color:#666;margin-bottom:10px}.FilterBar .topContainer .filterName{text-transform:uppercase}.FilterBar .topContainer .closeLink{cursor:pointer;-webkit-transition:opacity .25s;transition:opacity .25s}.FilterBar .topContainer .closeLink:hover{opacity:.8}.FilterBar .mainContainer{background:#fff;position:relative;border:1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:700px){.FilterBar{grid-template-columns:1fr;grid-template-rows:auto auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.FilterBar .icons{padding:10px;border-right:1px solid #ccc}@media (max-width:700px){.FilterBar .icons{border-right:0;border-bottom:1px solid #ccc}}.FilterBar .icons .butRow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.FilterBar .icons svg{width:25px;height:25px}.FilterBar .condContainer{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.FilterBar .condContainer .block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:700px){.FilterBar .condContainer .block{margin-bottom:20px}}.FilterBar .condContainer .block .blockName{font-size:11px}.FilterBar .condContainer .block .condType{margin-left:10px;margin-right:10px}.FilterBar .condType{font-size:12px;font-weight:500;margin:2px 0;margin:auto;padding:2px 0;text-align:center}.FilterBar .filterName{font-size:11px;font-weight:500}.FilterBar .material-design-icon{margin-left:0}.FilterBar .el-card__header{padding:4px;font-size:12px;font-weight:500;color:#333}.FilterBar .el-card__header .enc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.FilterBar .el-card__header .enc .material-design-icon{margin-left:10px}.FilterBar .el-card__header .enc .material-design-icon svg{height:20px}.FilterBar .el-card__body{padding:5px}.FilterBar .conditions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.FilterBar .conditions .el-tag{padding:0 10px;width:100%;text-align:center}.FilterBar .conditions .condition:last-of-type .condType{display:none}.FilterBar .noFilter{color:#666;font-weight:500;font-size:12px;text-align:center;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.FilterBar .blockAddIcon .material-design-icon{margin-left:0!important;margin-right:10px}