/*------------------------------------------------------------------
TABLE.LESS

Styling for simple tables with the addition of a collapsible table.
A few different options:
- Zebra striping
- Compact (lecc cell padding)
- Details (collapsible rows)
- Row status
- Simple style (no borders/backgrounds)
- No data

See also: ~/Script/UI/Plugins/jquery.rtable.js
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
CONFIG.LESS

Contains variables for rules which are applied more than once.
Variables which are only needed in one file are kept in that file.
Almost every .less file imports this file and mixins.less

Uses a few lessCSS color funtions.
More info: http://lesscss.org/
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
MIXINS.LESS

Contains frequently used rules and helpers for prefixing.
Mixins which are only needed in one file are kept in that file.
Almost every .less file imports this file and config.less

More info: http://lesscss.org/
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
CONFIG.LESS

Contains variables for rules which are applied more than once.
Variables which are only needed in one file are kept in that file.
Almost every .less file imports this file and mixins.less

Uses a few lessCSS color funtions.
More info: http://lesscss.org/
-------------------------------------------------------------------*/
table {
  width: 100%;
  border: 1px solid #d8d8d8;
}
table td,
table th {
  padding: 5px 10px;
  text-align: left;
  vertical-align: top;
}
table tbody tr {
  background: white;
  border-bottom: solid 1px #d8d8d8;
}
table tbody tr.success {
  background: #f4fbe9 !important;
}
table tbody tr.error {
  background: #ffeded !important;
}
table tbody tr.warning {
  background: #fffae5 !important;
}
table tbody tr.info {
  background: #ebf7fd !important;
}
table tbody tr.active {
  background: #e3e3e3 !important;
}
table tbody tr td {
  border-right: solid 1px #d8d8d8;
}
table tbody tr td.no-border {
  border-right: none;
}
table thead tr {
  font-family: 'Segoe UI Semibold', 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
  font-weight: 700;
  background: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e6e6e6));
  background: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
  background: -moz-linear-gradient(top, #fafafa, #e6e6e6);
  background: -ms-linear-gradient(top, #fafafa, #e6e6e6);
  background: -o-linear-gradient(top, #fafafa, #e6e6e6);
  background: linear-gradient(to bottom, #fafafa, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  border-bottom: 1px solid #d8d8d8;
}
table thead tr th {
  border-right: solid 1px #d8d8d8;
}
table.details .opened {
  background: #ebebeb;
}
table.details .opened.detail {
  background: white;
}
table.details .detail {
  display: none;
}
table.details .handle {
  width: 1px;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
table.simple {
  border: none;
}
table.simple thead tr {
  background: white;
}
table.simple thead tr th {
  border: none;
}
table.simple tbody tr {
  border: none;
}
table.simple tbody tr td {
  border: none;
}
table.compact td,
table.compact th {
  padding: 2px 10px;
}
table.striped tbody tr:nth-child(even) > td {
  background: whitesmoke;
}
table table {
  margin: 10px 0;
}
table table td,
table table th {
  padding: 2px 5px;
}
th.decimal,
td.decimal,
th.decimal-with-unit,
td.decimal-with-unit,
th.currency,
td.currency {
  min-width: 81px;
  max-width: 130px;
}
th.fit,
td.fit {
  width: 1px;
  white-space: nowrap;
}
th.actions,
td.actions,
th .actions,
td .actions {
  width: 1px;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: right;
  padding-left: 5px;
}
th.actions > a,
td.actions > a,
th .actions > a,
td .actions > a,
th.actions > span,
td.actions > span,
th .actions > span,
td .actions > span {
  margin-left: 5px;
}
th.actions > a i,
td.actions > a i,
th .actions > a i,
td .actions > a i,
th.actions > span i,
td.actions > span i,
th .actions > span i,
td .actions > span i {
  color: #333333;
}
th.actions .more-actions,
td.actions .more-actions,
th .actions .more-actions,
td .actions .more-actions {
  margin-left: 5px;
  display: inline;
}
.no-items {
  padding: 15px;
  margin: 15px 0;
  font-family: 'Segoe UI Light', 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
  font-weight: 200;
  color: #6f6f6f;
  font-size: 1.7em;
  text-align: center;
  color: #707070;
  background: #e3e3e3;
  border: dashed 1px #bcbcbc;
}
.leveled-object-container {
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.leveled-object-container p {
  margin: 0;
}
.leveled-object-container .leveled-object-icon {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 10px 0 0;
}
.leveled-object-container .leveled-object {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 0 5px 5px;
}
.leveled-object-container + .leveled-object-container {
  border-top: 1px #d8d8d8 solid;
  padding-top: 5px;
}
.leveled-object > .object-title {
  font-weight: bold;
}
.leveled-object .object-level {
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 2px 0 0 0;
  padding: 4px 0 4px 0;
}
.leveled-object .object-actions > i {
  cursor: pointer;
}
.leveled-object .object-actions > i:hover {
  color: #009beb;
}
.object-level > .object-level {
  width: 100%;
  margin: 2px 0 0 1em;
}
.object-level > .object-title,
.object-level .object-detail {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 0;
  /* Correction of nested indents and border */

}
.object-level > .object-title:first-child,
.object-level .object-detail:first-child {
  margin-right: calc(1em +  5px);
}
.object-level .object-actions {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 4px 0 0;
  width: 4em;
}
.object-level .object-actions > i {
  cursor: pointer;
}
.object-level .object-actions > i:hover {
  color: #009beb;
}
.object-level.object-level-1 {
  background-color: #eeeeee;
}
.object-level.object-level-2 {
  background-color: #fbfbfb;
  /* Correction of nested indents and border (-1em - border) */

}
.object-level.object-level-2 > *:nth-child(2) {
  margin-left: calc(-1em -  5px);
}
.object-level.object-level-3 {
  background-color: #eeeeee;
  /* Correction of nested indents and border (-1em -1em - border) */

}
.object-level.object-level-3 .object-level-3 > *:nth-child(2) {
  margin-left: calc(-2em -  5px);
}
/* Active Item*/

.leveled-object,
.object-level {
  border-left: 5px solid transparent;
}
.leveled-object.active,
.object-level.active {
  background-color: #dcedff;
  border-left: 5px solid #009beb;
  cursor: default;
}
.leveled-object.tracked,
.object-level.tracked {
  background-color: #dcedff;
  cursor: pointer;
}
/* Collapsability */

.leveled-object.collapsible > .object-detail:last-of-type {
  cursor: pointer;
}
.leveled-object.collapsible > .object-detail:last-of-type:after {
  content: "";
  display: inline-block;
  float: right;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #d8d8d8;
}
.leveled-object.collapsible > .object-detail:last-of-type:hover:after {
  border-bottom-color: #555555;
}
.leveled-object.collapsible.collapsed > .object-detail:last-of-type:after {
  border-bottom: none;
  border-top: 8px solid #d8d8d8;
}
.leveled-object.collapsible.collapsed > .object-detail:last-of-type:hover:after {
  border-top: 8px solid #555555;
}