.dataTables_wrapper .dataTables_filter,
.toolbar 
  {display:inline-block;width:100%;}

/*.dataTables_wrapper .dataTables_filter {text-align:right;}*/


/* --- TABLE styles
 ============================================================================ */
  table.dataTable {
    width:100%;
    margin:0 auto;
    clear:both;
    border-collapse:separate;
    border-spacing:0}

  table.dataTable thead th,
  table.dataTable tfoot th {
    font-weight:normal;text-align:left}

  table.dataTable thead th,
  table.dataTable thead td {
    padding:10px 18px 10px 10px;
    border-bottom:1px solid #111}

                                          /*
                                            table.dataTable.reg-prof thead th,
                                            table.dataTable.reg-prof thead td {
                                              border-bottom:3px solid #17a;
                                              text-transform:uppercase;
                                              font-size:1.6em;
                                              line-height:1.6em;
                                              color:#07a;}
                                          */

  table.dataTable thead th:active,
  table.dataTable thead td:active
    {outline:none}

  table.dataTable tfoot th,
  table.dataTable tfoot td {
    padding:10px 18px 6px 18px;
    border-top:1px solid #111}

  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled
    {cursor:pointer;}

  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled {
    background-repeat:no-repeat;
    background-position:center right}

  table.dataTable thead .sorting
    {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='16px' viewBox='0 0 11 16'%3E%3Cpath fill='%23E4E4E4' d='M5.5 0L0 7h11L5.5 0z M5.5 16L11 9H0L5.5 16z'/%3E%3C/svg%3E")}

  table.dataTable thead .sorting_asc
    {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='16px' viewBox='0 0 11 16'%3E%3Cpath fill='%23E4E4E4' d='M5.5 16L11 9H0L5.5 16z'/%3E%3Cpath fill='%23159' d='M5.5 0L11 7H0L5.5 0z'/%3E%3C/svg%3E")}

  table.dataTable thead .sorting_desc
    {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='16px' viewBox='0 0 11 16'%3E%3Cpath fill='%23159' d='M5.5 16L11 9H0L5.5 16z'/%3E%3Cpath fill='%23E4E4E4' d='M5.5 0L11 7H0L5.5 0z'/%3E%3C/svg%3E")}

  table.dataTable thead .sorting_asc_disabled
    {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='16px' viewBox='0 0 11 16'%3E%3Cpath id='Gray' fill='%23E4E4E4' d='M6.5 0L12 7H1L6.5 0z'/%3E%3Cpath fill='%23E0E0E0' d='M12 9l-5.5 7L1 9H12 M10 10H3.1l3.4 4.4L10 10L10 10z'/%3E%3C/svg%3E")}

  table.dataTable thead .sorting_desc_disabled
    {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='16px' viewBox='0 0 11 16'%3E%3Cpath id='Gray' fill='%23E4E4E4' d='M6.5 16.8L1 9.8h11L6.5 16.8z'/%3E%3Cpath fill='%23E0E0E0' d='M6.5 0.8l5.5 7H1L6.5 0.8 M6.5 2.4L3.1 6.8H10L6.5 2.4L6.5 2.4z'/%3E%3C/svg%3E")}

  table.dataTable tbody tr
    {background-color:#ffffff}

  table.dataTable tbody tr.selected
    {background-color:#B0BED9}

  table.dataTable tbody th,
  table.dataTable tbody td
    {padding:8px 10px}

  table.dataTable.row-border tbody th,
  table.dataTable.row-border tbody td,
  table.dataTable.display tbody th,
  table.dataTable.display tbody td
    {border-top:1px solid #ddd}

  table.dataTable.row-border tbody tr:first-child th,
  table.dataTable.row-border tbody tr:first-child td,
  table.dataTable.display tbody tr:first-child th,
  table.dataTable.display tbody tr:first-child td,
  table.dataTable.cell-border tbody tr:first-child th,
  table.dataTable.cell-border tbody tr:first-child td
    {border-top:none}

  table.dataTable.cell-border tbody th,
  table.dataTable.cell-border tbody td {
    border-top:1px solid #ddd;
    border-right:1px solid #ddd}

  table.dataTable.cell-border tbody tr th:first-child,
  table.dataTable.cell-border tbody tr td:first-child
    {border-left:1px solid #ddd}

  table.dataTable.stripe tbody tr.odd,
  table.dataTable.display tbody tr.odd
      /* , table.dataTable.display.reg-prof tbody tr:nth-child(2n+1) */
    {background-color:#f9f9f9}

  table.dataTable.stripe tbody tr.odd.selected,
  table.dataTable.display tbody tr.odd.selected
    {background-color:#acbad4}

 /* --- Table Row :hover original = #f6f6f6 
 --------------------------------------------------------------------------- */
                                                table.dataTable.display.reg-prof tbody tr:hover,
  table.dataTable.hover tbody tr:hover,
  table.dataTable.display tbody tr:hover
    {background-color:rgba(136,136,136,.15)}    /* original = #f6f6f6 */

  table.dataTable.hover tbody tr:hover.selected,
  table.dataTable.display tbody tr:hover.selected
    {background-color:#aab7d1}

  table.dataTable.order-column tbody tr > .sorting_1,
  table.dataTable.order-column tbody tr > .sorting_2,
  table.dataTable.order-column tbody tr > .sorting_3,
  table.dataTable.display tbody tr > .sorting_1,
  table.dataTable.display tbody tr > .sorting_2,
  table.dataTable.display tbody tr > .sorting_3,
  table.dataTable.display tbody tr.even > .sorting_1,
  table.dataTable.order-column.stripe tbody tr.even > .sorting_1
    {background-color:#fafafa}

  table.dataTable.order-column tbody tr.selected > .sorting_1,
  table.dataTable.order-column tbody tr.selected > .sorting_2,
  table.dataTable.order-column tbody tr.selected > .sorting_3,
  table.dataTable.display tbody tr.selected > .sorting_1,
  table.dataTable.display tbody tr.selected > .sorting_2,
  table.dataTable.display tbody tr.selected > .sorting_3,
  table.dataTable.display tbody tr.even.selected > .sorting_1,
  table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1
    {background-color:#acbad5}

  table.dataTable.display tbody tr.odd > .sorting_1,
  table.dataTable.order-column.stripe tbody tr.odd > .sorting_1
    {background-color:#f1f1f1}

  table.dataTable.display tbody tr.odd > .sorting_2,
  table.dataTable.order-column.stripe tbody tr.odd > .sorting_2
    {background-color:#f3f3f3}

  table.dataTable.display tbody tr.odd > .sorting_3,
  table.dataTable.order-column.stripe tbody tr.odd > .sorting_3
    {background-color:whitesmoke}

  table.dataTable.display tbody tr.odd.selected > .sorting_1,
  table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1
    {background-color:#a6b4cd}

  table.dataTable.display tbody tr.odd.selected > .sorting_2,
  table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2
    {background-color:#a8b5cf}

  table.dataTable.display tbody tr.odd.selected > .sorting_3,
  table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3
    {background-color:#a9b7d1}

  table.dataTable.display tbody tr.even > .sorting_2,
  table.dataTable.order-column.stripe tbody tr.even > .sorting_2
    {background-color:#fcfcfc}

  table.dataTable.display tbody tr.even > .sorting_3,
  table.dataTable.order-column.stripe tbody tr.even > .sorting_3
    {background-color:#fefefe}

  table.dataTable.display tbody tr.even.selected > .sorting_2,
  table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2
    {background-color:#aebcd6}

  table.dataTable.display tbody tr.even.selected > .sorting_3,
  table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3
    {background-color:#afbdd8}


  /* --- Table Row :hover cell of sorted column original = #eaeaea 
  --------------------------------------------------------------------------- */
    table.dataTable.display tbody tr:hover > .sorting_1,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_1
      {background-color:rgba(51,51,51,.05)}

  table.dataTable.display tbody tr:hover > .sorting_2,
  table.dataTable.order-column.hover tbody tr:hover > .sorting_2
    {background-color:#ececec}

  table.dataTable.display tbody tr:hover > .sorting_3,
  table.dataTable.order-column.hover tbody tr:hover > .sorting_3
    {background-color:#efefef}

  table.dataTable.display tbody tr:hover.selected > .sorting_1,
  table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1
    {background-color:#a2aec7}

  table.dataTable.display tbody tr:hover.selected > .sorting_2,
  table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2
    {background-color:#a3b0c9}

  table.dataTable.display tbody tr:hover.selected > .sorting_3,
  table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3
    {background-color:#a5b2cb}

  table.dataTable.no-footer
    {border-bottom:1px solid #111}

  table.dataTable.nowrap th,
  table.dataTable.nowrap td,
  table.dataTable th.dt-nowrap,
  table.dataTable td.dt-nowrap,
  table.dataTable thead th.dt-head-nowrap,
  table.dataTable thead td.dt-head-nowrap,
  table.dataTable tfoot th.dt-head-nowrap,
  table.dataTable tfoot td.dt-head-nowrap,
  table.dataTable tbody th.dt-body-nowrap,
  table.dataTable tbody td.dt-body-nowrap
    {white-space:nowrap}

  table.dataTable.compact thead th,
  table.dataTable.compact thead td
    {padding:4px 17px 4px 4px}

  table.dataTable.compact tfoot th,
  table.dataTable.compact tfoot td,
  table.dataTable.compact tbody th,
  table.dataTable.compact tbody td
    {padding:4px}

  table.dataTable th.dt-left,
  table.dataTable td.dt-left,
  table.dataTable thead th.dt-head-left,
  table.dataTable thead td.dt-head-left,
  table.dataTable tfoot th.dt-head-left,
  table.dataTable tfoot td.dt-head-left,
  table.dataTable tbody th.dt-body-left,
  table.dataTable tbody td.dt-body-left
    {text-align:left}

  table.dataTable th.dt-center,
  table.dataTable td.dt-center,
  table.dataTable td.dataTables_empty,
  table.dataTable thead th.dt-head-center,
  table.dataTable thead td.dt-head-center,
  table.dataTable tfoot th.dt-head-center,
  table.dataTable tfoot td.dt-head-center,
  table.dataTable tbody th.dt-body-center,
  table.dataTable tbody td.dt-body-center
    {text-align:center}

  table.dataTable th.dt-right,
  table.dataTable td.dt-right,
  table.dataTable thead th.dt-head-right,
  table.dataTable thead td.dt-head-right,
  table.dataTable tfoot th.dt-head-right,
  table.dataTable tfoot td.dt-head-right,
  table.dataTable tbody th.dt-body-right,
  table.dataTable tbody td.dt-body-right
    {text-align:right}

  table.dataTable th.dt-justify,
  table.dataTable td.dt-justify,
  table.dataTable thead th.dt-head-justify,
  table.dataTable thead td.dt-head-justify,
  table.dataTable tfoot th.dt-head-justify,
  table.dataTable tfoot td.dt-head-justify,
  table.dataTable tbody th.dt-body-justify,
  table.dataTable tbody td.dt-body-justify
    {text-align:justify}

  table.dataTable,
  table.dataTable th,
  table.dataTable td {
    -webkit-box-sizing:content-box;
    box-sizing:content-box}

  .dataTables_wrapper {
    position:relative;
    clear:both;
    zoom:1}

/* --- LAYOUT Table's styles (search form; paginator, etc.)
 ============================================================================ */
  .dataTables_wrapper .dataTables_length
    {float:left}

  .dataTables_wrapper .dataTables_filter {/*float:right;text-align:right*/}

  .dataTables_wrapper .dataTables_filter input {
    margin-left:0; /*0.5em;*/
    min-width:550px;
    background-color:#fafbfc;
    border-color:#ccc;
    background:#fafbfc url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23999' d='M21.7,5C12.5,5,5,12.5,5,21.7s7.5,16.7,16.7,16.7c4,0,7.7-1.4,10.5-3.8l10,10c0.6,0.7,1.7,0.7,2.4,0 s0.7-1.7,0-2.4c0,0,0,0,0,0l-10-10c2.4-2.9,3.8-6.5,3.8-10.5C38.3,12.5,30.9,5,21.7,5z M21.7,8.3c7.4,0,13.3,5.9,13.3,13.3 C35,29.1,29.1,35,21.7,35c-7.4,0-13.3-5.9-13.3-13.3C8.3,14.3,14.3,8.3,21.7,8.3z'/%3E%3C/svg%3E") 10px center no-repeat;
    background-size:24px;
    padding-left:40px;
    height:32px;
    line-height:32px;}

  .dataTables_wrapper .dataTables_info {
    clear:both;
    float:left;
    padding-top:0.755em}

  .dataTables_wrapper .dataTables_paginate {
    float:right;
    text-align:right;
    padding-top:0.25em}

  .dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing:border-box;
    display:inline-block;
    min-width:1.5em;
    padding:0.5em 1em;
    margin-left:2px;
    text-align:center;
    text-decoration:none !important;
    cursor:pointer;
    /*  *cursor:hand; */
    color:#333 !important;
    border:1px solid transparent;
    border-radius:2px;
    background-image:none;}

  .dataTables_wrapper .dataTables_paginate .paginate_button.current,
  .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color:#333 !important;
    border:1px solid #979797;
    background-color:white;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}

  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor:default;
    color:#666 !important;
    border:1px solid transparent;
    background:transparent;
    box-shadow:none}

  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color:white !important;
    border:1px solid #111;
    background-color:#585858;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background:-webkit-linear-gradient(top, #585858 0%, #111 100%);
    background:-moz-linear-gradient(top, #585858 0%, #111 100%);
    background:-ms-linear-gradient(top, #585858 0%, #111 100%);
    background:-o-linear-gradient(top, #585858 0%, #111 100%);
    background:linear-gradient(to bottom, #585858 0%, #111 100%)}

  .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline:none;
    background-color:#2b2b2b;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    box-shadow:inset 0 0 3px #111}

  .dataTables_wrapper .dataTables_paginate .ellipsis {
    padding:0 1em}

  .dataTables_wrapper .dataTables_processing {
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:40px;
    margin-left:-50%;
    margin-top:-25px;
    padding-top:20px;
    text-align:center;
    font-size:1.2em;
    background-color:white;
    background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}

  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_processing,
  .dataTables_wrapper .dataTables_paginate
    {color:#333}

  .dataTables_wrapper .dataTables_scroll
    {clear:both}

  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    /*  *margin-top:-1px; */
    -webkit-overflow-scrolling:touch}

  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td
    {vertical-align:middle}

  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
    height:0;
    overflow:hidden;
    margin:0 !important;
    padding:0 !important}

  .dataTables_wrapper.no-footer .dataTables_scrollBody
    {border-bottom:1px solid #111}

  .dataTables_wrapper.no-footer div.dataTables_scrollHead > table,
  .dataTables_wrapper.no-footer div.dataTables_scrollBody > table
    {border-bottom:none}

  .dataTables_wrapper:after {
    visibility:hidden;
    display:block;
    content:"";
    clear:both;
    height:0}

/* --- RWD styles
 ============================================================================ */
  @media screen and (max-width:767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
      float:none;
      text-align:center}

    .dataTables_wrapper .dataTables_paginate {
      margin-top:0.5em}
  }

  @media screen and (max-width:640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
      float:none;
      text-align:center}

    .dataTables_wrapper .dataTables_filter {
      margin-top:0.5em}
  }

/* --- NEW styles --- 08.11.2018, Diana_TT
 ============================================================================ */
  tr.group,
  tr.group:hover {
    background-color:#135496 !important;
    color:white !important;
    font-size:1.2rem;
    font-weight:normal;
    cursor:cell;}

  #list_PQ_wrapper table.dataTable tr td:not(:first-child) {
  border-left:1px dashed #ccc !important;
  text-align:center;}

  #list_PQ_wrapper table.dataTable th:not(:first-child) {text-align:center;}

  #list_PQ_wrapper table.dataTable th .dot {margin:0 auto;width:100%}