.elementor-3535 .elementor-element.elementor-element-212a8a5:not(.elementor-motion-effects-element-type-background), .elementor-3535 .elementor-element.elementor-element-212a8a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mlmvnbdqt4bc.i.optimole.com/cb:0r65.10b2/w:1440/h:406/q:mauto/ig:avif/https://www.rocpab.org/wp-content/uploads/2022/05/notice.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3535 .elementor-element.elementor-element-212a8a5 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(4deg, var( --e-global-color-d4eab3c ) 7%, #FFFFFF00 50%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3535 .elementor-element.elementor-element-212a8a5 > .elementor-container{max-width:1440px;min-height:500px;}.elementor-3535 .elementor-element.elementor-element-212a8a5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3535 .elementor-element.elementor-element-1d7ec65 > .elementor-element-populated{margin:0% 0% 0% 5%;--e-column-margin-right:0%;--e-column-margin-left:5%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3535 .elementor-element.elementor-element-adf396a{width:var( --container-widget-width, 60.097% );max-width:60.097%;--container-widget-width:60.097%;--container-widget-flex-grow:0;}.elementor-3535 .elementor-element.elementor-element-adf396a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:96px;font-weight:600;color:var( --e-global-color-94d80c9 );}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3535 .elementor-element.elementor-element-45166bc .elementor-accordion-icon, .elementor-3535 .elementor-element.elementor-element-45166bc .elementor-accordion-title{color:#000000;}.elementor-3535 .elementor-element.elementor-element-45166bc .elementor-accordion-icon svg{fill:#000000;}.elementor-3535 .elementor-element.elementor-element-45166bc .elementor-active .elementor-accordion-icon, .elementor-3535 .elementor-element.elementor-element-45166bc .elementor-active .elementor-accordion-title{color:#627BEC;}.elementor-3535 .elementor-element.elementor-element-45166bc .elementor-active .elementor-accordion-icon svg{fill:#627BEC;}.elementor-3535 .elementor-element.elementor-element-45166bc .elementor-accordion-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:600;}.elementor-3535 .elementor-element.elementor-element-45166bc .elementor-tab-content{color:#000000;font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;}.elementor-3535 .elementor-element.elementor-element-e0d8dca:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3535 .elementor-element.elementor-element-e0d8dca > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://mlmvnbdqt4bc.i.optimole.com/cb:0r65.10b2/w:1056/h:357/q:mauto/ig:avif/https://www.rocpab.org/wp-content/uploads/Rectangle-242-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3535 .elementor-element.elementor-element-e0d8dca.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3535 .elementor-element.elementor-element-e0d8dca > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:30px 0px 30px 0px;}.elementor-3535 .elementor-element.elementor-element-e0d8dca > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3535 .elementor-element.elementor-element-428eddf8{text-align:center;}.elementor-3535 .elementor-element.elementor-element-428eddf8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:65px;font-weight:600;color:var( --e-global-color-94d80c9 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3535 .elementor-element.elementor-element-16c0fd22 .elementor-button{background-color:#194F8C;font-family:"Roboto", Sans-serif;font-size:24px;font-weight:500;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);padding:30px 40px 30px 40px;}.elementor-3535 .elementor-element.elementor-element-16c0fd22 .elementor-button:hover, .elementor-3535 .elementor-element.elementor-element-16c0fd22 .elementor-button:focus{background-color:var( --e-global-color-94d80c9 );color:var( --e-global-color-d4eab3c );}.elementor-3535 .elementor-element.elementor-element-16c0fd22{width:var( --container-widget-width, 395px );max-width:395px;--container-widget-width:395px;--container-widget-flex-grow:0;}.elementor-3535 .elementor-element.elementor-element-16c0fd22 .elementor-button:hover svg, .elementor-3535 .elementor-element.elementor-element-16c0fd22 .elementor-button:focus svg{fill:var( --e-global-color-d4eab3c );}.elementor-3535 .elementor-element.elementor-element-f100093{--spacer-size:22px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3535 .elementor-element.elementor-element-e9c7bba{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-3535 .elementor-element.elementor-element-e9c7bba .elementor-divider-separator{width:100%;}.elementor-3535 .elementor-element.elementor-element-e9c7bba .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3535 .elementor-element.elementor-element-32c5d79{text-align:center;}.elementor-3535 .elementor-element.elementor-element-32c5d79 .elementor-heading-title{color:var( --e-global-color-d4eab3c );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3535 .elementor-element.elementor-element-e37b15e{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;line-height:11px;color:#000000;}.elementor-3535 .elementor-element.elementor-element-7be7692{text-align:start;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;line-height:11px;color:#000000;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3535 .elementor-element.elementor-element-212a8a5 > .elementor-container{min-height:232px;}.elementor-3535 .elementor-element.elementor-element-adf396a .elementor-heading-title{font-size:36px;}.elementor-3535 .elementor-element.elementor-element-e0d8dca > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:5px;}.elementor-3535 .elementor-element.elementor-element-e0d8dca > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 10px 20px 10px;}.elementor-3535 .elementor-element.elementor-element-428eddf8 .elementor-heading-title{font-size:30px;}.elementor-3535 .elementor-element.elementor-element-16c0fd22 .elementor-button{font-size:12px;padding:20px 20px 20px 20px;}}/* Start custom CSS for html, class: .elementor-element-61a79fe *//*increase the width of section*/
.elementor-section.elementor-top-section.elementor-element.elementor-element-7d4ad08.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default .elementor-container.elementor-column-gap-default {
        max-width: 1340px;
}

.closingReportHeader {
    text-align: center;
    font-weight: 700;
    font-size: 3em;
}




table {
  border-collapse: collapse;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1em;
}

table th {
  background-color: black;
  color: white;
  padding:  1em 1.5em;
  position: sticky;
  top: 3.5em;
  z-index: 1; 
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
table td {
  border: 1px solid black;
  padding: 10px;
  text-align: left;
}

table tbody tr td a {
    color: #194F8C;
    font-weight: 600;
}

table tbody tr td a:hover{
    color: black;
    text-decoration: underline;
}

.tableContainer {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
}

.tableContainer .radioButtonFilter {
  display: flex;
  flex-direction: column;
  width: 20%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.tableContainer .radioButtonFilter .radioBtns {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.tableContainer #myTable {
  width: 80%;
  border: solid 2px black;
}
#searchInput {
  margin-bottom: 10px;
  padding: 0.5em;
}

.table-sortable th {
	cursor: pointer;
}
.table-sortable .th-sort-asc::after {
	content: "\25b4";
}

.table-sortable .th-sort-desc::after {
	content: "\25be";
}

.table-sortable .th-sort-asc::after,
.table-sortable .th-sort-desc::after {
	margin-left: 5px;
}

.pagination {
    gap: 2em;
    justify-content: center;
    align-items: center;
}
.pagination button {
    border:2px solid black;
    color: black;
    font-weight: bold;
}

.pagination button:hover,
.pagination button:active,
.pagination button:focus{
    color: white;
    background-color: black;
}

#pageNumber {
    font-weight: bold;
}

@media screen and (max-width:767px) {
  .tableContainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
  
  .tableContainer .radioButtonFilter {
  width: 100%;
  flex-wrap: wrap;
  flex-direction: row;
}

.tableContainer .radioButtonFilter .radioBtns {
    flex-direction: row;
    flex-wrap: wrap;
}

  .tableContainer #myTable {
  width: 100%;
}
.tableContainer #myTable thead tr th {
    font-size: 0.7em;
}
.tableContainer #myTable tbody tr td {
    font-size: 0.7em;
}

table th {
  top: 12em!important;
}
}

@media screen and (max-width:767px) {
    table th {
        font-size:0.7em;
        padding:  0.5em 1em;
    }
    table td {
        padding: 3px;
    }
    .tableContainer #myTable thead tr th {
    font-size: 0.5em;
}
.tableContainer #myTable tbody tr td {
    font-size: 0.5em;
}
}/* End custom CSS */