﻿/* overrides for dataTables on Manage site */

.dataTables_wrapper .bottom{
    background-color: #c2c2c2;
    border: none;
    border-top: 1px solid #111;
}
.dataTables_length {
    padding: 10px;
}
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info {
    padding: 0 0 10px 0;
}

.dataTables_wrapper .dataTables_info {
    font-style: italic;
}

/* The modifications to .dataTables_info are to make the text in the DataTables Info section line up with the text in the DataTables Length section */
.dataTables_wrapper .bottom .dataTables_info {
	padding: 10px;
	clear: none;
	vertical-align: baseline;
}

#content .dataTables_wrapper .bottom .dataTables_info .dataTables_info_text {
	height: 25px;
	line-height: 25px;
}

table.dataTable {border-collapse:collapse; overflow: hidden;width: 100%;}

table.dataTable, .dataTable th, .dataTable td{border:none;box-sizing: border-box;}

table.dataTable thead tr {
    background-color:#b3b3b3; 
    box-sizing: border-box;
    color:#000000; 
    text-transform:uppercase; 
    font-weight:bold; 
    /*font-size:1.2em;*/ 
    font-size:12px; 
    text-align:left;
}

table.dataTable tbody tr td.headerAndCellCenter,
table.dataTable thead tr th.headerAndCellCenter,
table.dataTable tfoot tr th.headerAndCellCenter {
    text-align: center;
}

table.dataTable tbody tr td{
    padding:5px 3px 5px 8px;
    word-break: break-all;
}

table.dataTable tfoot th, 
table.dataTable tfoot td {
    border-top: none;
    padding:5px 3px 5px 8px;
    background-color: #f7f7f7;
    font-weight: normal;
}


table.dataTable thead tr th {
    padding:10px 3px 10px 8px;
}
table.dataTable tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.stripe tbody tr.odd{background-color:#ebebeb;}

table.dataTable tbody tr.even,
table.dataTable.display tbody tr.even,
table.dataTable.stripe tbody tr.even{background-color:#f6f5f5;}



table.dataTable tbody tr.even > .sorting_1, 
table.dataTable.display tbody tr.even > .sorting_1, 
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fdfdfd;
}

table.dataTable tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.odd > .sorting_1, 
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f3f2f2;
}

table.dataTable tbody tr.even:hover,
table.dataTable.display tbody tr.even:hover,
table.dataTable.hover tbody tr.even:hover,
table.dataTable tbody tr.odd:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable tbody tr:hover > .sorting_1, 
table.dataTable tbody tr.odd:hover > .sorting_1, 
table.dataTable tbody tr.even:hover > .sorting_1, 
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.hover tbody tr:hover > .sorting_1,
table.dataTable.hover tbody tr.even:hover > .sorting_1,
table.dataTable.hover tbody tr.odd:hover > .sorting_1,
table.dataTable tbody tr:hover > .sorting_2, 
table.dataTable tbody tr.odd:hover > .sorting_2, 
table.dataTable tbody tr.even:hover > .sorting_2, 
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.hover tbody tr:hover > .sorting_2,
table.dataTable.hover tbody tr.even:hover > .sorting_2,
table.dataTable.hover tbody tr.odd:hover > .sorting_2 {
    background-color: #fff;
}

table.dataTable.we-selectable tbody tr {
    cursor: pointer;
}
table.dataTable.we-selectable tbody tr.selected {
    cursor: none;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr.selected.odd,
table.dataTable tbody > tr.selected.even, 
table.dataTable tbody > tr > .selected {
    background-color: #bad7c1;
}
table.dataTable tbody tr.selected,
table.dataTable tbody tr.selected.even,
table.dataTable tbody tr.selected.odd {
    background-color: #bad7c1;
}

table.dataTable tbody tr.even.selected > .sorting_1, 
table.dataTable.display tbody tr.even.selected > .sorting_1, 
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #bad7c1;
}

table.dataTable tbody tr.odd.selected > .sorting_1,
table.dataTable.display tbody tr.odd.selected > .sorting_1, 
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #bad7c1;
}

.dataTables_wrapper .dataTables_paginate .paginate_button, 
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
    background: none;
    color: #000;
    text-decoration: underline !important;
    font-weight: 700;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: none;
    background: none;
    color: #000;
    text-decoration: none !important;
    font-weight: normal;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    border: none;
    background: none;
    color: #666;
    text-decoration: none !important;
    font-weight: normal;
}

.paginate_disabled_previous, .paginate_disabled_next {
    color: #C6C4C4 !important;
    font-weight: normal;
}


#content .dataTable td input[type=text],
#content .dataTable td select,
#content .dataTable tfoot th input[type=text],
#content .dataTable tfoot th select {
    width: 100%;
}

#content .dataTable td input[type=checkbox],
#content .dataTable th input[type=checkbox],
#content .dataTable tfoot th input[type=checkbox]{
    margin:0;
}

.dataTables_wrapper .topleft {
    width: auto;
    float: left;
    padding: 0 0 10px;
}

table.dataTable thead .sorting {
  background-image: url(images/sort_both.png);
}
table.dataTable thead .sorting_asc {
  background-image: url(images/sort_asc.png);
}
table.dataTable thead .sorting_desc {
  background-image: url(images/sort_desc.png);
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url(images/sort_asc_disabled.png);
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url(images/sort_desc_disabled.png);
}

table.dataTable tbody.creating .dataTables_empty {
    display: none;
}

div.dt-container .dt-layout-row.dt-layout-table {
    margin-bottom: 0px !important;
}

div.dt-container .dt-layout-row:has(.dt-info) {
    border-top: none;
    padding: 5px 0px 5px 0px !important;
    background-color: #c2c2c2 !important;
    font-weight: normal;
    margin: 0px !important;
}

table.dataTable tbody tr:nth-child(even) {
    background-color: #f6f5f5;
}

table.dataTable tbody tr:nth-child(odd) {
    background-color: #ebebeb;
}

table.dataTable tbody tr:hover {
    background-color: #fff;
    cursor: pointer;
}

.dt-length, .dt-info {
    color: #000 !important;
}

table.dataTable tbody {
    border-top: 2px solid #111 !important;
    border-bottom: 2px solid #111 !important;
}

.dt-container select.dt-input {
    background: #fff !important;
    color: #222;
    border-top: 1px solid #bfc52d;