﻿
#tabularDataTableWrapper { border: none; }

#tabularDataTableWrapper_wrapper { height: calc(100% - 50px); }
#tabularDataTableWrapper_filter { display: none; }
.dataTables_length { display: none; }
[data-itemtype="Tabular Data"] { height: 100% }

.tabularDataWidgetWrapper .dataTables_scrollBody { height: 100% }

/*.dataTables_paginate { position: absolute; bottom: 2px; right: 20px; }*/

/*.dataTables_info { color: var(--foregroundColor) !important; }*/

/*.dataTables_scroll { height: calc( 100% - 102px); }*/

/*.ps__rail-x { opacity: 0.6 !important; background-color: white !important; background: linear-gradient(180deg, rgba(0,0,0,0) calc(50% - 1px), rgba(192,192,192,1) calc(50%), rgba(0,0,0,0) calc(50% + 1px) ); width: calc(100% - 50px) !important; left: 25px !important; position: absolute; bottom: 60px }
.ps__rail-x:hover { background-color: white !important; }

.ps__thumb-x { background-color: #3db4d3 !important; height: 11px; }
.ps__thumb-x:hover { background-color: #3db4d3 !important; height: 11px; }*/

.tabularDataWidgetWrapper table.dataTable tbody tr { height: 50px; }
.tabularDataWidgetWrapper table.dataTable tfoot tr { height: 40px; }
.tabularDataWidgetWrapper table.dataTable thead tr { height: 40px; }

.tabularDataWidgetWrapper table.dataTable td { background-color: transparent; border: none !important; border-bottom: 1px solid #ddd !important; }
.tabularDataWidgetWrapper table.dataTable th { background-color: transparent !important; border: none !important; border-bottom: 1px solid #ddd !important; padding-right: 30px !important; }
.tabularDataWidgetWrapper .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: transparent; }
.tabularDataWidgetWrapper table.dataTable tr td:first-child { background-color: var(--tablesStickyBColor) !important; z-index: 1001; /*background: -webkit-linear-gradient(left, transparent 98%, #d5d5d5);*/ }
.tabularDataWidgetWrapper thead tr th:first-child { background-color: var(--tablesStickyBColor) !important; opacity: 1; z-index: 1001; min-width: 120px; }
.tabularDataWidgetWrapper tfoot tr th:first-child { background-color: var(--tablesStickyBColor) !important; opacity: 1; position: sticky; left: 0px; z-index: 1001; }

.tabularDataDialogWrapper.tabularDataWidgetWrapper table.dataTable tr td:first-child { background-color: white !important;}
.tabularDataDialogWrapper.tabularDataWidgetWrapper thead tr th:first-child { background-color: white !important;}
.tabularDataDialogWrapper.tabularDataWidgetWrapper tfoot tr th:first-child { background-color: white !important; }


.tabularDataWidgetWrapper table.dataTable tr:first-child td { border-top: 1px solid var(--c0) !important; }

.tabularDataWidgetWrapper thead tr:first-child { border-bottom: 1px solid var(--c0) !important; }

.tabularDataWidgetWrapper .dataTables_scrollHeadInner > table { border-bottom: 2px solid #3db4d3 !important; }

.tabularDataWidgetWrapper .dataTables_scrollBody > table { border-top: none !important; }

.tabularDataWidgetWrapper .scrollWrapper { overflow-x: auto; height: calc(100% - 50px); overflow-y: visible; }

.tabularDataDialogWrapper { height: 700px; }

.tabular_data_wrapper .hideContents { visibility: hidden; }

.tabularDataWidgetWrapper div.tabular_data_header input.tabular_data_search { font-size: 13px/25px; display: inline-block; margin-right: 14px; float: right; margin-top: 11px; line-height: 24px; width: 170px; border: 1px solid #B5B5B580; background-color: transparent !important; font-family: var(--font), FontAwesome; color: var(--foregroundColor); border-radius: 3px; }

.tabularDataWidgetWrapper .tabular_data_search { background-color: white; }

.tabularDataWidgetWrapper { margin: 0px 10px 0px 10px; }
.tabular_data_wrapper { background-color: #fff; cursor: default !important; }


.tabularDataWidgetWrapper .btn-default { background-color: #fff; border-color: #B5B5B5; color: #34373A; }
.tabularDataWidgetWrapper .bootstrap-select { width: 100%; }
.bootstrap-select.btn-group .dropdown-menu { background: #FFFFFF 0% 0% no-repeat padding-box; border: none; }
.dropdown-menu > li > a:hover { background-color: var(--c2) !important; color: #000 !important; }
.dropdown-menu > li > a:focus { background-color: #fff; color: #000; }
.dropdown-menu li:hover { background-color: var(--c2); color: #000; }
.dropdown-toggle.btn-default:hover { background-color: #fff; border-color: var(--c1); color: #000; }
.open .dropdown-toggle.btn-default { background-color: #fff; border-color: var(--c1); color: #000; }
.bootstrap-select .dropdown-toggle:focus { outline: none !important; }

.tabularDataWidgetWrapper .dataTables_paginate .paginate_button { display: inline-block; color: #1aafd0; font-size: 19px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 25px; text-align: center; width: 25px; height: 25px; cursor: pointer; border: 1px solid #B5B5B5 !important; color: #B5B5B5; background-position: center !important; }










#tabularDataTableWrapper_first { background-image: url(/images/new_design/paging_first.svg); background-size: 9px; }
#tabularDataTableWrapper_previous { background-image: url(/images/new_design/paging_back.svg); background-size: 7px; }
.tabularDataWidgetWrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current { background: var(--c0) !important; padding: 0px !important; border-radius: 3px !important; color: white !important; overflow: hidden; font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; line-height: 14px;  line-height: 23px; }
#tabularDataTableWrapper_next { background-image: url(/images/new_design/paging_next.svg); background-size: 7px; }
#tabularDataTableWrapper_last { background-image: url(/images/new_design/paging_last.svg); background-size: 9px; }

/*#tabularDataTableWrapper_paginate { margin-right: 20px; }*/

#tabularDataTableWrapper_first, #tabularDataTableWrapper_previous, #tabularDataTableWrapper_next, #tabularDataTableWrapper_last { color: #ffffff00 !important; background-repeat: no-repeat; padding: 0px !important; border-radius: 3px; overflow: hidden; }

.tabularDataWidgetWrapper .DashboardTitle { padding: 0px; color: black; }

.custom-global-dialog .tabular_data_title { padding-top: 12px; position: absolute; }

.tabularDataWidgetWrapper .dataTables_empty { position: absolute !important; width: calc(100% - 20px); z-index: 1002 !important; height: 24px; padding-top: 16px; background-color: white; background: none !important; max-width: unset !important; }


div.tabular_data_header a.tabular_data_date { cursor: pointer; float: right; display: inline-block; width: 18px; height: 18px; background: url("/images/new_design/calendar-alt-active.svg") no-repeat center center; margin-right: 15px; margin-top: 15px; }
div.tabular_data_header a.tabular_data_expand { cursor: pointer; float: right; display: inline-block; margin-right: 15px; margin-top: 15px; font-size: 18px; color: #b5b5b5; background: url("/images/new_design/expand.svg") no-repeat center center; height: 18px; width: 18px; }
div.tabular_data_header a.tabular_data_export { cursor: pointer; float: right; display: inline-block; margin-right: 15px; margin-top: 15px; font-size: 18px; color: #b5b5b5; background: url("/images/new_design/export.svg") no-repeat center center; height: 18px; width: 18px; }





.tabularDataWidgetWrapper table > tbody > tr > td { vertical-align: middle; white-space: nowrap; max-width: 250px; overflow: hidden; text-overflow: ellipsis; }
.tabularDataWidgetWrapper table > tbody > tr > td.from_to_field { vertical-align: middle; white-space: nowrap; max-width: unset; overflow: unset; text-overflow: unset; }
.tabularDataWidgetWrapper table > tbody > tr > td div { overflow: hidden; text-overflow: ellipsis; }
.tabularDataWidgetWrapper table.dataTable thead th { padding-left: 10px; }

.tabularDataWidgetWrapper table.dataTable.no-footer { border-bottom: none; }


.tabularDataWidgetWrapper .dataTables_wrapper .dataTables_info { float: right; }

.tabularDataWidgetWrapper .dataTables_wrapper .dataTables_paginate { padding-top: 0.4em; }


table#tabularDataTableWrapper.dataTable thead th:not(.details-control) { font-size: 13px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; background: none; white-space: normal; min-width: 100px; vertical-align: middle; padding: 10px !important; }
table#tabularDataTableWrapper.dataTable thead th.sorting_desc:not(.details-control) { background: url(/images/rawdata_sort_desc.svg) no-repeat; background-position-y: center; background-position-x: right; }
table#tabularDataTableWrapper.dataTable thead th.sorting_asc:not(.details-control) { background: url(/images/rawdata_sort_asc.svg) no-repeat; background-position-y: calc(50% + 5px); background-position-x: right; }
table#tabularDataTableWrapper.dataTable tr > td.details-control { text-indent: -9999px; background: url("/images/rawdata_sort_desc.svg") no-repeat center center; padding-left: 2px; }

.tabularDataWidgetWrapper table.dataTable thead .sorting_asc { background-image: none; }

/*.rawDataWidgetWrapper table.dataTable thead .sorting_asc { background-image: url("/images/rawdata_sort_asc.svg") !important; }
.rawDataWidgetWrapper table.dataTable thead .sorting_desc { background-image: url("/images/rawdata_sort_desc.svg") !important; }*/

.bootstrap-select.btn-group .dropdown-menu li a span.text { padding: 5px; }

.bootstrap-select.btn-group .dropdown-menu li { padding: 0px; }

.tabularDataWidgetWrapper table.dataTable tfoot th, .tabularDataWidgetWrapper table.dataTable tfoot td { padding-left: 10px; }


.tabularDataWidgetWrapper .resize_overlay_helper { z-index: 10000; }


.tabularDataWidgetWrapper .daterangepicker td.start-date { border-radius: 25px; }

.tabular_data_title { font-style: normal; font-variant: normal; font-weight: bold; font-size: 14px; line-height: 19px; }

.tabularDataWidgetWrapper #DashboardEditWidgetPopUp { opacity: 1; float: right; margin-top: 13px; position: relative; margin-left: 6px; }

.tabular_data_wrapper .cover_all { position: absolute; z-index: 2000; background-color: var(--bcolor) }
.tabularDataWidgetWrapper .cover_all { position: absolute; z-index: 2000; }
.tabularDataDialogWrapper .cover_all {background-color: white;}


td._tabularData_code_class_linkType__tab { cursor: pointer; }
._tabularData_code_class_linkType__tab:hover { text-decoration: underline; }

.tabularDataWidgetWrapper table.dataTable tbody tr { background-color: transparent; }