﻿.custom-global-dialog .ui-dialog-titlebar { font-size: 20px; height: auto; }

#rawDataTableWrapper {border:none;}

#rawDataTableWrapper_wrapper { height: calc(100% - 50px); }
#rawDataTableWrapper_filter { display: none; }
.dataTables_length { display: none; }
[data-itemtype="Raw Data"] { height: 100% }

.rawDataWidgetWrapper .dataTables_scrollBody { height: 100% }

/*.dataTables_paginate { position: absolute; bottom: 2px; right: 20px; }*/

/*.rawDataWidgetWrapper .dataTables_info { color: var(--foregroundColor) !important; }*/

/*.dataTables_scroll { height: calc( 100% - 102px); }*/

.ps__rail-x { opacity: 0.6 !important; background-color: transparent !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) ); position: absolute; bottom: 60px; left: 0px !important; }
.ps__rail-x:hover { background-color: none !important; opacity: var(--bopac); }

.ps__thumb-x { background-color: var(--c0) !important; height: 11px; }
.ps__thumb-x:hover { background-color: var(--c0) !important; height: 11px; }

.ps__rail-y { opacity: 0.6 !important; background-color: white !important; background: linear-gradient(90deg, rgba(0,0,0,0) calc(50% - 1px), rgba(192,192,192,1) calc(50%), rgba(0,0,0,0) calc(50% + 1px) ); width: 9px; }
.ps__rail-y:hover { background-color: white !important; }

.dropdown-menu.inner .ps__rail-y { position: absolute; top: 0px !important; }

.ps__thumb-y { width: 5px !important; }
.ps__thumb-y:hover { width: 5px !important; }

.rawDataWidgetWrapper .ps__rail-x { bottom: 50px !important; }


.rawDataWidgetWrapper table.dataTable tbody tr { height: 50px; }
.rawDataWidgetWrapper table.dataTable tfoot tr { height: 40px; }
.rawDataWidgetWrapper table.dataTable thead tr { height: 40px; }

.rawDataWidgetWrapper table.dataTable td { background-color: transparent; border: none !important; border-bottom: 1px solid #ddd !important;}
.rawDataWidgetWrapper table.dataTable th { background-color: transparent !important; border: none !important; border-bottom: 1px solid #ddd !important; padding-right: 30px !important; }

.rawDataWidgetWrapper table.dataTable tr td:first-child { background-color: var(--tablesStickyBColor) !important; z-index: 1001; /*background: -webkit-linear-gradient(left, transparent 98%, #d5d5d5);*/ }
.rawDataWidgetWrapper thead tr th:first-child { background-color: var(--tablesStickyBColor) !important; opacity: 1; z-index: 1001; min-width: 120px; }
.rawDataWidgetWrapper tfoot tr th:first-child { background-color: var(--tablesStickyBColor) !important; opacity: 1; position: sticky; left: 0px; z-index: 1001; }
.rawDataDialogWrapper.rawDataWidgetWrapper table.dataTable tr td:first-child { background-color: white !important; }
.rawDataDialogWrapper.rawDataWidgetWrapper thead tr th:first-child { background-color: white !important; }
.rawDataDialogWrapper.rawDataWidgetWrapper tfoot tr th:first-child { background-color: white !important; }


.rawDataWidgetWrapper .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: transparent; }
.rawDataWidgetWrapper table.dataTable > tbody > tr { background-color: transparent; }
.rawDataWidgetWrapper table.dataTable tr:first-child td { border-top: 1px solid var(--c0) !important; }

.rawDataWidgetWrapper thead tr:first-child { border-bottom: 1px solid #3db4d3 !important; }

.rawDataWidgetWrapper .dataTables_scrollHeadInner > table { border-bottom: 2px solid var(--c0) !important; }

.rawDataWidgetWrapper .dataTables_scrollBody > table { border-top: none !important; }

.rawDataWidgetWrapper .scrollWrapper { overflow-x: auto; height: calc(100% - 50px); overflow-y: visible; }

.rawDataDialogWrapper { height: 700px; }

.raw_data_wrapper .hideContents { visibility: hidden; }

.rawDataWidgetWrapper div.raw_data_header input.raw_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; }

.rawDataWidgetWrapper .raw_data_search { background-color: white; }

.rawDataWidgetWrapper { margin: 0px 10px 0px 10px; }
.raw_data_wrapper { background-color: #fff; cursor: default !important; color: var(--foregroundColor); }


.rawDataWidgetWrapper .btn-default { background-color: #fff; border-color: #B5B5B5; color: #34373A; }
.rawDataWidgetWrapper .bootstrap-select { width: 100% !important }
.rawDataWidgetWrapper .bootstrap-select.btn-group .dropdown-menu { background: #FFFFFF 0% 0% no-repeat padding-box; border: none; padding: 0px; }
.rawDataWidgetWrapper .bootstrap-select.btn-group .dropdown-menu.inner { display: inline-block; max-height: 255px !important; }
.rawDataWidgetWrapper .bootstrap-select .dropdown-toggle:focus { outline: none !important; }
.rawDataWidgetWrapper .dropdown-menu > li > a:hover { background-color: #DCF8FF !important; color: #000; }
.rawDataWidgetWrapper .dropdown-menu > li > a:focus { background-color: #fff; color: #000; }
.rawDataWidgetWrapper .dropdown-menu li:hover { background-color: #DCF8FF; color: #000; }
.rawDataWidgetWrapper .dropdown-toggle.btn-default:hover { background-color: #fff; border-color: var(--c1); color: #000; }
.rawDataWidgetWrapper .open .dropdown-toggle.btn-default { background-color: #fff; border-color: var(--c1); color: #000; }


.daterangepicker .btn-default { background-color: #fff; border-color: #B5B5B5; color: #34373A; }
.daterangepicker .bootstrap-select { width: unset !important; }
.daterangepicker .bootstrap-select.btn-group .dropdown-menu { background: #FFFFFF 0% 0% no-repeat padding-box; border: none; padding: 0px; }
.daterangepicker .bootstrap-select.btn-group .dropdown-menu.inner { display: inline-block; max-height: 255px !important; }
.daterangepicker .bootstrap-select .dropdown-toggle:focus { outline: none !important; }
.daterangepicker .dropdown-menu > li > a:hover { background-color: var(--c2) !important; color: #000; }
.daterangepicker .dropdown-menu > li > a:focus { background-color: #fff; color: #000; }
.daterangepicker .dropdown-menu li:hover { background-color: var(--c2); color: #000; }
.daterangepicker .dropdown-toggle.btn-default:hover { background-color: #fff; border-color: var(--c2); color: #000; }
.daterangepicker .open .dropdown-toggle.btn-default { background-color: #fff; border-color: var(--c1); color: #000; }
.daterangepicker button.applyBtn { float: right; margin-right: 0 !important; background-color: #fff !important; color: var(--c0); !important; border-color: var(--c0); height: 33px; min-width: 70px; }
.daterangepicker button.applyBtn:hover { background-color: var(--c0) !important; color: white !important; }

.daterangepicker button.cancelBtn { border: none; background: none; margin: 5px 0px 0px 0px; padding: 0; width: auto; min-width: 70px; }

.daterangepicker .drp-selected { vertical-align: middle; height: 5px; }

.rawDataWidgetWrapper .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; }

#rawDataTableWrapper_first { background-image: url(/images/new_design/paging_first.svg); background-size: 9px; }
#rawDataTableWrapper_previous { background-image: url(/images/new_design/paging_back.svg); background-size: 7px; }
.rawDataWidgetWrapper .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; }
#rawDataTableWrapper_next { background-image: url(/images/new_design/paging_next.svg); background-size: 7px; }
#rawDataTableWrapper_last { background-image: url(/images/new_design/paging_last.svg); background-size: 9px; }

/*#rawDataTableWrapper_paginate { margin-right: 20px; }*/

#rawDataTableWrapper_first, #rawDataTableWrapper_previous, #rawDataTableWrapper_next, #rawDataTableWrapper_last { color: #ffffff00 !important; background-repeat: no-repeat; padding: 0px !important; border-radius: 3px; overflow: hidden; }

.rawDataWidgetWrapper .DashboardTitle { padding: 0px; color: black; }

.custom-global-dialog .raw_data_title { padding-top: 12px; position: absolute; }

.rawDataWidgetWrapper .dataTables_empty { position: absolute !important; width: calc(100% - 20px); z-index: 1002 !important; height: 24px; padding-top: 16px; background: none !important; max-width:unset !important; }

div.raw_data_header a.raw_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.raw_data_header a.raw_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.raw_data_header a.raw_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; }

.rawDataWidgetWrapper table > tbody > tr > td { vertical-align: middle }
.rawDataWidgetWrapper table > thead > tr > th { vertical-align: middle }
.rawDataWidgetWrapper table > tfoot > tr > th { vertical-align: middle }
.rawDataWidgetWrapper table.dataTable thead th { padding-left: 10px; }

.rawDataWidgetWrapper table.dataTable.no-footer { border-bottom: none; }


.rawDataWidgetWrapper .dataTables_wrapper .dataTables_info { float: right; }

.rawDataWidgetWrapper .dataTables_wrapper .dataTables_paginate { padding-top: 0.4em; }


table#rawDataTableWrapper.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; padding-right: 10px; white-space: normal; min-width: 100px; vertical-align: middle; padding: 10px !important; }
table#rawDataTableWrapper.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#rawDataTableWrapper.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#rawDataTableWrapper.dataTable tr > td.details-control { text-indent: -9999px; background: url("/images/rawdata_sort_desc.svg") no-repeat center center; padding-left: 2px; }

.rawDataWidgetWrapper 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; }*/

.rawDataWidgetWrapper .bootstrap-select.btn-group .dropdown-menu li a span.text { padding: 5px; }

.rawDataWidgetWrapper .bootstrap-select.btn-group .dropdown-menu li { padding: 0px; }

.rawDataWidgetWrapper table.dataTable tfoot th, .rawDataWidgetWrapper table.dataTable tfoot td { padding-left: 10px; }


.rawDataWidgetWrapper .resize_overlay_helper { z-index: 10000; }


.rawDataWidgetWrapper .daterangepicker td.start-date { border-radius: 25px; }

.raw_data_title { font-style: normal; font-variant: normal; font-weight: bold; font-size: 14px; line-height:19px; }


.rawDataWidgetWrapper #DashboardEditWidgetPopUp { opacity: 1; float: right; margin-top: 13px; position: relative; margin-left: 6px; }

.custom-global-dialog .ui-widget-header .ui-dialog-titlebar-close { margin: auto; height: 100%; margin-right: 20px; }

.raw_data_wrapper .cover_all { position: absolute; z-index: 2000; background-color: var(--bcolor) }
.rawDataWidgetWrapper .cover_all { position: absolute; z-index: 2000; }
.rawDataDialogWrapper .cover_all { background-color: white; }

.raw_data_wrapper .cover_all.show { opacity: 0.8 }
.custom-global-dialog div.dropdown-content-export.shown { top: 48px; right: 14px; line-height: 100%; }

td._rawTable_code_class_linkType__tab { cursor: pointer; }
._rawTable_code_class_linkType__tab:hover { text-decoration: underline; }

.sticky-column { background: -webkit-linear-gradient(left, transparent 98%, #d5d5d5) !important;}

.rawDataWidgetWrapper table > tbody > tr > td { vertical-align: middle; white-space: nowrap; max-width: 250px; overflow: hidden; text-overflow: ellipsis; }
.rawDataWidgetWrapper table > tbody > tr > td.from_to_field { vertical-align: middle; white-space: nowrap; max-width: unset; overflow: unset; text-overflow: unset; }

.rawDataWidgetWrapper table > tbody > tr > td div { overflow: hidden; text-overflow: ellipsis; }

.colored { color: white; padding: 2px 10px; /*width: fit-content;*/ }