.widget-drop-shadow {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.mashup {
  /* ADVANCED TABLE */

  /* Formatter form */

}
.mashup .exa-table {
  border-collapse: collapse;
  background-color: #FFF;
  margin: 0;
  padding: 0;
  width: 100%;
  border: solid 1px #CCC;
}
.mashup .exa-table-td {
  border: solid 1px #CCC;
  padding: 5px;
}
.mashup .exa-table-th {
  padding: 5px 10px;
  border: solid 1px #CCC;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f7f7f7, #e9e9e9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(1, #e9e9e9));
  background-image: -webkit-linear-gradient(#f7f7f7, #e9e9e9);
  background-image: linear-gradient(top, #f7f7f7, #e9e9e9);
  background-image: -o-linear-gradient(top, #f7f7f7, #e9e9e9);
  background-image: -ms-linear-gradient(top, #f7f7f7, #e9e9e9);
  white-space: nowrap;
}
.mashup .exa-table-th-sortable {
  cursor: pointer;
}
.mashup .exa-table-row-odd {
  background-color: #FAFAFA;
}
.mashup .exa-advancedtable {
  background-color: #FFF;
  width: 100%;
}
.mashup .exa-formatterlegend,
.mashup .exa-toolbar {
  background-color: #EAEAEA;
  text-align: left;
  border: solid 1px #CCC;
  border-width: 1px 1px 0 1px;
}
.mashup .exa-toolbar .exa-button {
  border-width: 0 1px 0 0;
}
.mashup .exa-toolbar-save-btn {
  background-image: url(../../images/exa/sprite_settings.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background-position: 0 0;
}
.mashup .exa-button-disabled .exa-toolbar-save-btn {
  background-position: 0 bottom;
}
.mashup .exa-toolbar-filter-btn {
  background-image: url(../../images/exa/sprite_columnfilter.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background-position: 0 0;
}
.mashup .exa-formatterform {
  padding: 10px;
  text-align: left;
  border: solid 1px #CCC;
  border-width: 1px 1px 0 1px;
}
.mashup .exa-formatterform-error select,
.mashup .exa-formatterform-error input {
  border: 1px solid #F85A5A;
  background-color: #FFF9F9;
}
.mashup .exa-formatterform-block {
  margin: 1px;
  background-color: #EAF7FF;
  color: #036DAA;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  float: left;
}
.mashup .exa-formatterform-block span {
  margin-right: 10px;
}
.mashup .exa-formatterform-rule {
  overflow: hidden;
  /* force the div to take the height of its children */

  padding: 0 10px 10px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC;
}
.mashup .exa-formatterform-conditions-block {
  position: relative;
  margin: 1px;
  padding: 10px;
  overflow: hidden;
  /* force the div to take the height of its children */

  background-color: #EAF7FF;
  color: #036DAA;
}
.mashup .exa-formatterform-condition {
  overflow: hidden;
  /* force the div to take the height of its children */

  margin: 2px 0;
}
.mashup .exa-formatterform-condition-block {
  background-color: #FFF;
  color: #777;
}
.mashup .exa-formatterform-condition-block input {
  width: 65px;
}
.mashup .exa-formatterform-block input,
.mashup .exa-formatterform-block select {
  vertical-align: baseline;
}
.mashup .exa-formatterform-remove {
  background-image: url(../../images/exa/btn_delete.png);
  width: 32px;
  height: 32px;
  background-position: left top;
}
.mashup .exa-formatterform-remove:hover {
  background-position: left bottom;
}
.mashup .exa-formatterlegend-element {
  position: relative;
  padding-left: 30px;
  line-height: 30px;
}
.mashup .exa-formatterlegend {
  background-color: #F8F8F8;
}
.mashup .exa-formatterlegend-element div {
  vertical-align: text-bottom;
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-right: 2px;
}