/* Add any CSS rules for Angular module "extendedreport" */
#extendedReportConfig {
  display: flex;
}

#bootstrap-theme #extendedReportConfig h4.ex-tab-title {
  font-weight: 600;
  margin: 1px 0;
  width: 170px;
  padding: 20px;
  border-radius: 5px;
  padding-right: 8px;
  font-size: 1.1em;
  text-align: center;
  border: 1px solid grey;
}


#bootstrap-theme #extendedReportConfig h4.ex-tab-selected {
  background-color: #a2d2f3;
}

#extendedReportConfig .fields-container, #extendedReportConfig .order-bys-container {
  border: 2px dashed blue;
  margin: 10px 10px 0 0;
  padding: 5px;
  min-width: 200px;
  min-height: 50px;
  background-color: white;
}

#extendedReportConfig .fieldItem {
  width: 170px;
  padding: 5px 10px;
  margin: 5px 0;
  border-radius: 5px;
  background-color: #a2d2f3;
  padding-right: 8px;

  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  cursor: move;
}

#contactLayoutEditor .fieldTitle {
  display: inline-block;
  padding: 0 !important;
  border: 2px solid transparent !important;
}

#extendedReportConfig .floatleft {
  float: left;
}

#extendedReportConfig .crm-editable-enabled {
  display: inline-block;
  padding: 0 !important;
  border: 2px solid transparent !important;
}

#extendedReportConfig .crm-editable-enabled:hover:not(:focus) {
  border: 2px dashed grey !important;
}

#extendedReportConfig .crm-editable-enabled:before,
#extendedReportConfig .crm-editable-enabled:after {
  content: '';
  display: none;
}

#extendedReportConfig .ex-report-block {
  border-radius: 4px;
  border: 2px solid #0071bd;
  position: relative;
  background-color: white;
  margin-bottom: 14px;
  margin-top: 2px;
  cursor: move;
}

#extendedReportConfig .clear {
  clear: both;
}

#extendedReportConfig .btn {

}