/* =UI: DRAG AND DROP
-------------------------------------------------------------- */
body .dragging, body .dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ol.dragable span.field-move, ol.dragable i.icon-remove {
  cursor: pointer;
}
ol.dragable.dropable {
  border: 1px dotted;
  min-height: 100px;
  padding-left: 0px;
}
ol.dragable > li {
  display: block;
  margin: 5px;
  padding: 5px;
  color: #0088cc;
  border: 1px solid #cccccc;
  background: #eeeeee;
  color: #0088cc;
}
ol.dragable.horizontal > li {
  float: left;
}

/* =TWERTE: DATATABLES
-------------------------------------------------------------- */
table.datatable {
  width: 100%;
  table-layout: fixed;
}
table.datatable tfoot th.data-column.numeric {
  padding-right: 10px;
}
table.datatable thead th, table.datatable thead td {
  padding: 10px 5px !important;
  background-color: white;
  cursor: pointer;
}
table.datatable thead th:hover {
  font-weight: bold;
  text-decoration: underline;
}
table.sub-datatable {
  border-bottom-width: 0px !Important;
  border-top-width: 0px;
  width: 100%;
  table-layout: fixed;
}
table.sub-datatable thead {
  display: none;
}
table.sub-datatable thead th.details-control {
  width: 40px;
}
table.sub-datatable tfoot {
  display: none;
}
table th.data-column {
  overflow: hidden;
}
table th.data-column.numeric {
  text-align: right;
  color: #000;
}
table tr.twerte-row[data-has-children="true"] {
  cursor: pointer;
}
table tr:hover.twerte-row {
  opacity: 0.9;
}
table tr.twerte-row[data-level="1"] td:first-child {
  background-color: #1d8fc5;
  color: black;
  font-weight: bold;
  padding-left: 10px;
}
table tr.twerte-row[data-level="1"] td:not(first-child) {
  background-color: #9f9c9c;
  color: #000;
}
table tr.twerte-row[data-level="2"] td:first-child {
  background-color: #219fdb;
  color: black;
  font-weight: bold;
  padding-left: 20px;
}
table tr.twerte-row[data-level="2"] td:not(first-child) {
  background-color: #aba9a9;
  color: #000;
}
table tr.twerte-row[data-level="3"] td:first-child {
  background-color: #35a9e1;
  color: black;
  font-weight: bold;
  padding-left: 30px;
}
table tr.twerte-row[data-level="3"] td:not(first-child) {
  background-color: #b8b6b6;
  color: #000;
}
table tr.twerte-row[data-level="4"] td:first-child {
  background-color: #4bb3e4;
  color: black;
  font-weight: bold;
  padding-left: 40px;
}
table tr.twerte-row[data-level="4"] td:not(first-child) {
  background-color: #c4c3c3;
  color: #000;
}
table tr.twerte-row[data-level="5"] td:first-child {
  background-color: #61bce8;
  color: black;
  font-weight: bold;
  padding-left: 50px;
}
table tr.twerte-row[data-level="5"] td:not(first-child) {
  background-color: #d1d0d0;
  color: #000;
}
table tr.twerte-row[data-level="6"] td:first-child {
  background-color: #77c6eb;
  color: black;
  font-weight: bold;
  padding-left: 60px;
}
table tr.twerte-row[data-level="6"] td:not(first-child) {
  background-color: #dddddd;
  color: #000;
}
table tr.twerte-row[data-level="7"] td:first-child {
  background-color: #8dcfee;
  color: black;
  font-weight: bold;
  padding-left: 70px;
}
table tr.twerte-row[data-level="7"] td:not(first-child) {
  background-color: #eae9e9;
  color: #000;
}
table tr.twerte-row[data-level="8"] td:first-child {
  background-color: #a4d8f1;
  color: black;
  font-weight: bold;
  padding-left: 80px;
}
table tr.twerte-row[data-level="8"] td:not(first-child) {
  background-color: #f7f6f6;
  color: #000;
}
table tr.twerte-row[data-level="9"] td:first-child {
  background-color: #bae2f5;
  color: black;
  font-weight: bold;
  padding-left: 90px;
}
table tr.twerte-row[data-level="9"] td:not(first-child) {
  background-color: white;
  color: #000;
}
table tr.twerte-row[data-level="10"] td:first-child {
  background-color: #d0ebf8;
  color: black;
  font-weight: bold;
  padding-left: 100px;
}
table tr.twerte-row[data-level="10"] td:not(first-child) {
  background-color: white;
  color: #000;
}
table tr .shown td.details-control {
  background: url("${pageContext.request.contextPath}/resources/assets/img/twerte/details_close.png") no-repeat center center;
  cursor: pointer;
}
table tr .sub-datatable td.sub-datatable {
  padding: 0px;
}
table td .details-control {
  background: url("${pageContext.request.contextPath}/resources/assets/img/twerte/details_open.png") no-repeat center center;
  cursor: pointer;
  padding-left: 18px !Important;
  padding-right: 18px !Important;
  width: 40px;
}
table td .max-level {
  background-image: none !Important;
}
table td .data-column {
  padding-left: 18px !Important;
  padding-right: 18px !Important;
  overflow: hidden;
}

/*# sourceMappingURL=twerte.css.map */