.elementor-2832 .elementor-element.elementor-element-212a8a5:not(.elementor-motion-effects-element-type-background), .elementor-2832 .elementor-element.elementor-element-212a8a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mlmvnbdqt4bc.i.optimole.com/cb:GDtA.1089/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-2832 .elementor-element.elementor-element-212a8a5 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(4deg, #000000 7%, #FFFFFF00 70%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2832 .elementor-element.elementor-element-212a8a5 > .elementor-container{max-width:1440px;min-height:500px;}.elementor-2832 .elementor-element.elementor-element-212a8a5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2832 .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-2832 .elementor-element.elementor-element-adf396a{width:var( --container-widget-width, 85.747% );max-width:85.747%;--container-widget-width:85.747%;--container-widget-flex-grow:0;}.elementor-2832 .elementor-element.elementor-element-adf396a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:85px;font-weight:600;color:var( --e-global-color-94d80c9 );}.elementor-2832 .elementor-element.elementor-element-5508c10{margin-top:40px;margin-bottom:0px;}.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-2832 .elementor-element.elementor-element-443a134{color:var( --e-global-color-d4eab3c );}.elementor-2832 .elementor-element.elementor-element-05069c1{color:var( --e-global-color-d4eab3c );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2832 .elementor-element.elementor-element-1d7ec65 > .elementor-element-populated{margin:30% 0% 0% 5%;--e-column-margin-right:0%;--e-column-margin-left:5%;}.elementor-2832 .elementor-element.elementor-element-adf396a .elementor-heading-title{font-size:55px;}}@media(max-width:767px){.elementor-2832 .elementor-element.elementor-element-212a8a5 > .elementor-container{min-height:232px;}.elementor-2832 .elementor-element.elementor-element-adf396a .elementor-heading-title{font-size:36px;}}/* Start custom CSS for html, class: .elementor-element-381c630 */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: 4em;
  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;
}

  
  .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;
}
  
  
.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 */