/**
 * General Styles
 *
 * Applies to both PAS and String Similarity
 */

/*
 * Top search bar
 */

.general-search {
    padding: 1.5em .5em 1.5em 0;
}
.general-search .search-field {
  max-width: 40%;
  font-size: 1.4em;
  padding-left: .6em;
  box-shadow: inset 0 1px 4px rgba(0,0,0,0.2);
}
.general-search .submit input {
  font-size: 1.6em;
  margin-left: 8px;
  padding-left: 1em;
  padding-right: 1em;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  background-color: #2d76d0;
}

/*
 * Table Data
 */

/* Increases the base font size */
div.t-data-grid {
  font-size: 110%;
}

/* Removes cell borders from each row */
table.t-data-grid tbody tr td {
  border: none;
}

/* Defaults for each data-grid row */
table.t-data-grid tbody tr {
  border-top: 1px solid #eee;
  border-bottom: none;
  height: 50px;
}

/* Column containing toggle button */
table.t-data-grid td.expandDetails {
  padding: 0;
}
/* The actual toggle button */
table.t-data-grid td.expandDetails a,
table.t-data-grid th.expandDetails a {
  display: inline-block;
  cursor: pointer;
  padding: .75em;
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
table.t-data-grid td.expandDetails a.expanded,
table.t-data-grid th.expandDetails a.expanded {
  cursor: pointer;
  padding: .75em;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

/* Some overrides for the "expand all" button */
table.t-data-grid th.expandDetails {
  vertical-align: middle;
  border-right: none;
}
table.t-data-grid th.expandDetails a,
table.t-data-grid th.expandDetails a.expanded {
  padding: 0;
}

/* Details area */
table.t-data-grid tr.expandable td {
  padding: 0 3em;
}
table.t-data-grid tr.expandable td .details {
  height: auto;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

/*
 * The .js class ensures that we don't hide stuff unless we know JS can reveal it
 */
.js table.t-data-grid tr.expandable {
  height: 0;
  border-top: 0;
}
.js table.t-data-grid tr.expandable td .details {
  opacity: 0; /* if JS is enabled, hide by default */
}
.js table.t-data-grid tr.expanded td .details {
  opacity: 1;
  max-height: 400px;
  padding-top: 0;
  padding-bottom: 1em;
}


/*
 * Pagination
 */

.t-data-grid-pager {
  line-height: 3em;
}