dd {
    margin-left: 1em;
}

.fsp-preview {
              width: 120px;
             height: 480px;
             margin-top: -100px;
  -webkit-transform: scale(0.5);  /* Saf3.1+, Chrome */
     -moz-transform: scale(0.5);  /* FF3.5+ */
      -ms-transform: scale(0.5);  /* IE9 */
       -o-transform: scale(0.5);  /* Opera 10.5+ */
          transform: scale(0.5);
             filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
                     M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
}

.label-ai {
    padding: .9em .6em .3em;
    margin-right: .3em;
}

.label-ai > .material-icons {
    position: relative;
    top: .2em;
    font-size: medium;
}

/* Vertical center for Bootstrap (where it makes problems) */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #8bc34a;
}

/* Header marked as repeated is less important so we make it less visible */
th > div > span > a.group-header-repeated {
    color: lightgray;
}

th > div > span > a.group-header {
    color: darkgray;
}

/* Rotate table headers when they are too wide */
th.rotated {
  height: 160px;
  white-space: nowrap;
}

th.rotated > div {
  transform: 
    translate(-2px, 0px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}

th.rotated.group-label > div {
  transform: 
    translate(-25px, 13px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}

th.rotated > div > span {
  border-bottom: 1px solid #ccc;
  padding: 3px 10px;
}

th.rotated.group-label > div > span.th-group-label {
  padding-left: 50px;
}

th.rotated.group-last-element {
  width: 10%;
  min-width: 100px;
}

/* Needed to prevent last rotated table header to cross the div border */
.table-rotated-headers {
    padding-right: 100px !important;
}

.th-group-label {
    border-bottom: 0 !important;
}

.navbar-nav > .active {
    background-color: #eee;
}

.navbar-info > .active {
    background-color: #84ba45;
}

/* Fix active list item crossing the navbar border */
.navbar-info > li {
    margin-bottom: 1px;
}

.well-overflow-scroll {
    overflow-x: scroll;
}

/* Table slim columns for a big number of rotated columns */
.table-slim-columns > tbody > tr > td,
.table-slim-columns > tbody > tr > th,
.table-slim-columns > tfoot > tr > td,
.table-slim-columns > tfoot > tr > th,
.table-slim-columns > thead > tr > td,
.table-slim-columns > thead > tr > th {
    padding: 8px 0px;
}