/* something like:
 * .linear-gradient(top, white, 0%, #eeeeee, 70%, #cccccc, 90%)
 */
/* pallette */
/* darker */
/* lighter */
/* element colors */
/* typography */
/*Toolbar*/
.toolbar .app-logo {
  background: url('img/dax-logo.jpeg') no-repeat center;
  background-color: none;
  width: 150px;
  height: 40px;
}
/*Data Filter section (left)*/
.data-filter h4 {
  display: inline-block;
  color: #666666;
  font-size: 14px;
}
.data-filter .step {
  display: inline-block;
  border: #888888;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 0px 5px;
  background-color: #666666;
  color: white;
  margin-right: 5px;
}
.data-filter .checkboxgroup {
  margin-left: 5px;
  margin-top: 10px;
}
.data-filter .data-view .selectbox {
  margin-bottom: 5px;
}
/*Data Map Details section (right)*/
.data-map-details .default-view {
  text-align: center;
}
.data-map-details .default-view .details-default-img {
  background: url('img/magnifyglass.png') no-repeat;
  width: 87px;
  height: 93px;
  display: inline-block;
}
.data-map-details .default-view > p {
  text-align: left;
}
.data-map-details .details-header,
.data-map-details .map-data-type,
.data-map-details .quick-info {
  text-align: left;
}
.data-map-details .bargraph {
  margin-bottom: 15px;
  overflow: auto;
}
.data-map-details .bargraph table {
  width: 100%;
  table-layout: fixed;
}
.data-map-details .bargraph td {
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0px 5px;
}
.data-map-details .bargraph .graph-bar-0 {
  background-color: #57a7eb;
}
.data-map-details .bargraph .graph-bar-1 {
  background-color: #cd0000;
}
.data-map-details .map-data-type {
  color: #666666;
}
.data-map-details .quick-info .legend {
  width: 100%;
  overflow: hidden;
}
.data-map-details .quick-info .color {
  border-color: #bbbbbb;
  width: 18px;
}
.data-map-details .quick-info .matches .color {
  background-color: #cd0000;
}
.data-map-details .quick-info .total .color {
  background-color: #57a7eb;
}
.data-map-details .quick-info .overlay-matches-count,
.data-map-details .quick-info .total-objects-count {
  width: 100%;
  float: right;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-map-details .quick-info .overlay-matches-count {
  color: #cd0000;
}
.data-map-details .quick-info .total-objects-count {
  color: #57a7eb;
}
/*Data Map section (middle)*/
.data-map .treemap-checkboxgroup .checkboxgroup {
  float: right;
}
.data-map .treemap-checkboxgroup .checkboxgroup label {
  padding: 0px 10px;
}
.data-map .treemap-section {
  background-color: #e4e3e0;
  margin: 8px 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px;
}
.data-map .treemap-section .treemap {
  border-color: #ffffff;
  margin: 0px;
}
.data-map .treemap-section .treemap .node {
  /* webkit example */

  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  /* mozilla example - FF3.6+ */

  background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  /* IE */

  filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000', endColorStr='#99000000')";
  /* IE8 uses -ms-filter for whatever reason...
   * My tests show that IE8 uses filter so ... whatever */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000', endColorStr='#99000000')";
  /* IE 10 */

  /* w3c */

  background-image: linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  text-align: center;
  border-color: #e4e3e0;
}
.data-map .treemap-section .treemap .node .treemap-node-label {
  padding: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
}
.data-map .treemap-section .treemap #root.node {
  /* webkit example */

  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  /* mozilla example - FF3.6+ */

  background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  /* IE */

  filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000', endColorStr='#00000000')";
  /* IE8 uses -ms-filter for whatever reason...
   * My tests show that IE8 uses filter so ... whatever */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000', endColorStr='#00000000')";
  /* IE 10 */

  /* w3c */

  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
.data-map .treemap-section .treemap .node.treemap-selected {
  /* webkit example */

  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4)));
  /* mozilla example - FF3.6+ */

  background-image: -moz-linear-gradient(center bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
  /* IE */

  filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66ffffff', endColorStr='#66ffffff')";
  /* IE8 uses -ms-filter for whatever reason...
   * My tests show that IE8 uses filter so ... whatever */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66ffffff', endColorStr='#66ffffff')";
  /* IE 10 */

  /* w3c */

  background-image: linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 4px solid #66ce19;
  color: #000000;
}
.data-map .treemap-section .treemap .node.hover {
  /* webkit example */

  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1)));
  /* mozilla example - FF3.6+ */

  background-image: -moz-linear-gradient(center bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  /* IE */

  filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1affffff', endColorStr='#1affffff')";
  /* IE8 uses -ms-filter for whatever reason...
   * My tests show that IE8 uses filter so ... whatever */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1affffff', endColorStr='#1affffff')";
  /* IE 10 */

  /* w3c */

  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 4px solid #000000;
}
.data-map .treemap-section .treemap #root.node.hover {
  /* webkit example */

  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  /* mozilla example - FF3.6+ */

  background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  /* IE */

  filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000', endColorStr='#00000000')";
  /* IE8 uses -ms-filter for whatever reason...
   * My tests show that IE8 uses filter so ... whatever */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000', endColorStr='#00000000')";
  /* IE 10 */

  /* w3c */

  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
.data-map .treemap-section .treemap .node[disabled='disabled'] {
  /* webkit example */

  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  /* mozilla example - FF3.6+ */

  background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  /* IE */

  filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000', endColorStr='#66000000')";
  /* IE8 uses -ms-filter for whatever reason...
   * My tests show that IE8 uses filter so ... whatever */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000', endColorStr='#66000000')";
  /* IE 10 */

  /* w3c */

  background-image: linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.data-map .treemap-section .treemap .node.treemap-selected[disabled='disabled'] {
  /* webkit example */

  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.4)), to(rgba(0, 0, 0, 0)));
  /* mozilla example - FF3.6+ */

  background-image: -moz-linear-gradient(center bottom, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0));
  /* IE */

  filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66ffffff', endColorStr='#00000000')";
  /* IE8 uses -ms-filter for whatever reason...
   * My tests show that IE8 uses filter so ... whatever */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66ffffff', endColorStr='#00000000')";
  /* IE 10 */

  /* w3c */

  background-image: linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0));
}
/* Tool tip formatting */
.treemap-tip {
  border: 1px solid #ffffff;
  height: 55px;
  min-width: 200px;
  background-color: #003366;
  border-radius: 3px;
  padding: 7px;
  opacity: .9;
}
.treemap-tip h4 {
  line-height: 18px;
  color: #ffffff;
  font-size: 12px;
  margin: 0;
}
/* Object list */
.object-list-form {
  min-width: 768px;
}
.object-list-form .content {
  border: 1px solid #aaaaaa;
  padding: 5px;
  margin: 15px 25px;
}
.object-list-form .content .header {
  padding: 10px 5px;
}
.object-list-form .content .header .left,
.object-list-form .content .header .right,
.object-list-form .content .header .middle {
  min-width: 33%;
}
.object-list-form .content .header .left {
  float: left;
}
.object-list-form .content .header .right {
  float: right;
}
.object-list-form .content .header .middle {
  margin: 0 auto;
}
.object-list-form .content .header h2 {
  margin-top: 0px;
}
.object-list-form .content .header label {
  display: inline-block;
}
.object-list-form .content .header .data-type-txt,
.object-list-form .content .header .view-txt {
  padding-left: 10px;
}
.object-list-form .content .object-list-grid .col-name {
  width: 50%;
}
.object-list-form .input-border {
  margin-top: 25px;
  border-bottom: 1px solid #aaaaaa;
}
.object-list-form .inputs {
  float: right;
  padding: 15px 15px 20px 15px;
}