.section { margin:10px 0;}
.section.flex { display:flex;justify-content: space-between !important;align-items: center !important;}
.section .section-title{ display:inline-block; width:100%;}
.section .section-title strong { color:var(--logo-orange); }
.section span { display:inline; font-size:0.85em; color:#999;}
.section .btn {  white-space: nowrap;}

/********************* table *********************/
table.tsort thead th { position:relative; cursor:default;}
table.tsort thead th.sortkey:after {
  color:#999;
  position:absolute;
  font: normal normal normal 11px/1 FontAwesome;
  content: "\f0dc";
  right:2px;
  z-index:1;
}
table.table-cols.tsort thead th.sortkey:after {
  top:calc(50% - 18px);
}
table.table-rows.tsort thead th.sortkey:after {
  top:calc(50% - 18px + 13px);
}

table.tsort thead th.sortkey:before {
  color:#f00;
  position:absolute;
  font: normal normal normal 11px/1 FontAwesome;
  right:2px;
  z-index:2;
}

table.tsort thead th.sortkey.asc:before {
  content: "\f0de";
}
table.tsort thead th.sortkey.desc:before {
  color:#f00;
  content: "\f0dd";
}
table.table-cols.tsort thead th.sortkey:before {
  top:calc(50% - 18px);
}
table.table-rows.tsort thead th.sortkey:before {
  top:calc(50% - 18px + 13px);
}



table.tellipsis {table-layout: fixed }
table.tellipsis th,
table.tellipsis td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table tr.error td { background-color:#ffd9d9;}
table tr.merge td { background-color:#d9e4ff;}
table tr.selected td { background-color:#fffdd9;}

table.table-cols {width:100%;border:0;border-color:transparent;font-size:0.9em;border-collapse: collapse;border-spacing: 0;background:#fff;position:relative;}
table.table-cols:before {border-top:1px solid #888;width:100%;height:1px;position:absolute;content:' '}
table.table-cols th{text-align:left;}
table.table-cols td, table.table-cols th{padding:5px 5px;border:1px solid #ddd;vertical-align:middle;}
table.table-cols th {background:#fbfbfb;font-weight:500;}
table caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;padding:0 !important}
form table.table-cols td {padding:4px 5px;border:1px solid #ddd;vertical-align:middle;}

/* table side border */
table.table-cols.noside th:first-child, table.table-cols.noside td:first-child { border-left:none; }
table.table-cols.noside th:last-child, table.table-cols.noside td:last-child { border-right:none; }

table.table-cols > tbody + tbody {border-top:0px solid #f00 !important;}
table.table-cols.thcenter th, table.table-cols.tcenter th, table.table-cols.tcenter td { text-align:center ;}
table.table-cols.tright th, table.table-cols.tright td { text-align:right;}


table.table-rows {width:100%;border:0;border-color:transparent;font-size:0.9em;border-collapse: collapse;border-spacing: 0;background:#fff;position:relative;}
/*table.table-rows:before {border-top:1px solid #888;width:100%;height:1px;position:absolute;top:0;content:' '}*/
table.table-rows th{text-align:left;font-weight:500;}
table.table-rows td {padding:5px 5px; font-weight:300; }
table.table-rows th {padding:7px 10px;}
table.padding-xs th {padding:8px 1px !important;}
table.table-rows td, table.table-rows th{border:1px solid #bbb;vertical-align:middle;}
table.table-rows thead tr:first-child th { border-bottom:none !important;}

table.table-rows th, table.table-rows thead td{background:#f0f0f0 !important;font-weight:500;-webkit-print-color-adjust: exact;}
table caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;padding:0 !important}

table.table-rows.noside th:first-child, table.table-rows.noside td:first-child { border-left:none; }
table.table-rows.noside th:last-child, table.table-rows.noside td:last-child { border-right:none; }

table.table-rows.thcenter th, table.table-rows.tcenter th, table.table-rows.tcenter td { text-align:center ;}
table.table-rows.tright th, table.table-rows.tright td { text-align:right;}

table.table-rows.thover > tbody > tr:hover { background-color:#f0f0f0; }
table.table-rows.novline td { border-left:none !important; border-right:none !important; }

table.noborder td { border:none !important; }

table.table-rows.selectable tbody tr.selected{
  background-color: #ffffe0;
}

table.table-rows.selectable tbody td:hover{
  cursor:default;
}

table.cursor-pointer td:hover { cursor:pointer;}
/********************* //table *********************/

.table-responsive.touchParent { margin-bottom:15px; }
.table-responsive.touchParent table { margin-bottom:0; }
.table-responsive.touchParent table th,
.table-responsive.touchParent table td { white-space: nowrap;}