@charset "UTF-8";
.table_overcontainer thead tr {display: none;}
.table_overcontainer tbody tr, .table_overcontainer tbody td {display: block;}
.interactive_table tbody .col_3yr_agg_202123:before {content: 'Cash support average, 2021-23: '; color: #747377; display: inline;}
.interactive_table tbody .col_3yr_agg_201820:before {content: 'Cash support average, 2018-20: '; color: #747377; display: inline;}
.interactive_table tbody .col_pct_chg:before {content: 'Percentage change: '; color: #747377; display: inline;}
.interactive_table tbody td .swatch {border: 0 none transparent; margin-right: 5px; height: 1.2rem; width: 1.2rem; border-radius: 8px; margin-top: 0; float: left; background-color: #C1C0C4;}
p.details_breakdown {font: 14px/1 Roboto, Helvetica, Sans-serif; color: #747377; margin: 0 0 12px; clear: left;}
p.details_breakdown .value  {color: #3f3f3f;}
p.details_breakdown .pct {font-size: 0.9rem; color: #747377;}
p.details_breakdown.bkd_hovered {text-decoration: underline;}
p.details_breakdown.bkd_hovered .pct {display: inline-block; text-decoration: none;}
.db_section {height: auto; clear: left; margin-bottom: 2rem; padding-top: 8px;}
.db_content {float: none; width: 100%;}
p.details_breakdown .pct {color: #747377; font-size: 14px;}
.bkd_pie {float: none; margin: 0 0 -0.6rem; width: 90px; height: 90px; padding-top: 0;}
.dbsection_s {height: auto;}
/*details swatches */
.dbtr-total_revenue.active_element .swatch {background-color:#C1C0C4;}
.dbtr-private_support.active_element .swatch {background-color:#001554;}
.RawHtmlModule .afc_intro_img {width: 60%; max-width:240px;background-color: #001554;  margin: 24px 16px 0 0; padding: 0 20px 20px; text-align:center; color: white; float: left;}
.RawHtmlModule .afc_intro_img span {clear:left; display:block; font: 16px Roboto, Sans;}

/* - - - - - - - - - - - - - - */
/*  interactive table  */
/* - - - - - - - - - - - - - - */
.tableOver {padding: 0; margin: 0 auto; width: 100%; max-width: 1000px;}
.ec_tablefail {clear: both; color: #747377; display: none; float: none; font: 20px/1.2em Roboto, Helvetica, Sans-serif; margin: 0 auto; padding: 1em 0 1.5em; text-align: center; width: 250px;}
.interactive_table {border-collapse: collapse; box-sizing: content-box; margin-top: 0; table-layout: fixed; width: 100%; padding: 0;}
.interactive_table tbody {border-right: 0 none;}
.interactive_table tbody tr {background: none repeat scroll 0 0 #f3f7fd; border-top: 0px none; background-color: white; transition: background-color 0.5s ease 0s;}
.interactive_table tbody tr.result {cursor: pointer; position:relative;}
.col_org_name sup:first-child {padding-left: 2px;}
.interactive_table th {cursor: pointer; text-align: left; background-color: white; font: 10px/1.2 "Roboto Condensed",Helvetica,Arial,sans-serif; padding: 7px 7px 0; text-align: center; text-transform: uppercase; vertical-align: bottom; border-bottom: 2px solid #999; border-left: 1px #ccc; color: rgb(3, 92, 155)}

.interactive_table th div {padding-bottom: 12px; text-align: center; display: inline-block;}
.interactive_table th.asc div {background: url("afc_table-asc.png") no-repeat scroll center bottom white;}
.interactive_table th.dsc div {background: url("afc_table-dsc.png") no-repeat scroll center bottom white;}
.interactive_table th span {color: #747377; display: block; font-size: 10px; font-weight: normal;}
.interactive_table th:hover {text-decoration: underline;}
.interactive_table th:hover span {text-decoration: none;}
.interactive_table tbody .result {border-top: 2px solid rgba(0, 157, 191, 0.2);}
.interactive_table tbody .result:first-child {border-top: 0 transparent;}
.interactive_table tbody .result:hover {background-color: #c4e3f3;}
.interactive_table tbody td {border-collapse: collapse; border-left: 0; color: #2f2f22; font: 13px/18px Roboto, Helvetica, Sans-serif; padding: 0 6px 2px 50px; text-align: left; vertical-align: middle;}
.interactive_table tbody {font-size: 14px;}
.interactive_table tbody .col_first .dd_icon {border-bottom: 6px solid transparent; border-left: 8px solid #001554; border-top: 6px solid transparent; display: block; position: absolute; left: 9px; top: 50%; height: 0; width: 0; margin-top:-8px;}
.interactive_table tbody .opened .col_first  .dd_icon{border-right: 6px solid transparent; border-top: 8px solid #001554; border-left: 6px solid transparent; display: block; position: absolute; left: 8px; top: 50%; height: 0;width: 0; margin-top:-5px;}

/*.interactive_table tbody .col_first {font-size: 18px; color: #555; padding-top: 10px; padding-left: 10px; float: left; width: 50px; padding-right: 10px; text-align: left;padding-left: 25px; background: url(https://chronicle.s3.amazonaws.com/DI/COPInteractives/salaries/plusloans-plus.gif) 5px 10px no-repeat; background-position: 10px 25px; }
.interactive_table tbody .opened .col_first {background: url(https://chronicle.s3.amazonaws.com/DI/COPInteractives/salaries/plusloans-minus.gif) 5px 10px no-repeat; background-position: 10px 25px; }*/
.interactive_table tbody .col_org_name {text-align: left; font-size: 16px; padding-top: 10px;}
.interactive_table tbody td span {display: block; font-weight: normal; font-size: 13px; margin-top: 2px;}
.interactive_table tbody .col_first {position:absolute; padding-left: 20px; padding-right:4px; font-size: 16px; top: 50%; margin-top: -8px;}
.interactive_table tbody .col_last {padding-bottom: 10px;}
.interactive_table .colsort {background-color: #fcf9f0;}
/* - - -- -- - - - - - -  */
/*  Filter / search area  */
/* - - - - - - -  - -- -- */
.ec_select {margin: 1em 0; height: auto; width: 100%; position: relative;}
.select_item {font-family: Roboto, Helvetica, Sans-serif; height: 28px; top: 0; width: 250px; float: none; margin: 0 auto 2px; position: relative; padding-top: 0;}
.select_item .ec_disabled {color: #C1C0C4; background-color: #eeeeee; cursor: default;}
.openmenu .select_item {display: block; float: none; }
.select_item > a {height: 28px; display: block; color: white; background-color: #de1737;/*#001554;*/ font: 14px/29px Roboto, Helvetica, Sans-serif; width: 100%; padding: 0 10px 0 25px; width: 100%; transition: background-color 0.5s ease 0s;}
.select_reset > a {padding-left: 10px;}
.details_filter > a {background-color:#001554;}
.select_item > a:hover {background-color: #004f69; text-decoration: none;}
.select_item .ec_dropdown {width: 100%; z-index: 400; padding: 0; margin: 0; display: none; position: absolute; left: 0; top: 100%; max-height: 200px; overflow-y: auto; list-style-type: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);}/* */
.dd_icon {border-bottom: 6px solid transparent; border-left: 8px solid white; border-top: 6px solid transparent; display: block; position: absolute; left: 9px; top: 8px; height: 0; width: 0; }
.opendrawer > a, .opendrawer >a:hover {background-color: #004f69;}
.opendrawer .dd_icon {border-right: 6px solid transparent; border-top: 8px solid white; border-left: 6px solid transparent; display: block; position: absolute; left: 8px; top: 10px; height: 0;width: 0;}
.opendrawer .ec_dropdown {display: block; overflow-x: hidden;}
.select_item .ec_dropdown li { margin: 0; padding: 0;}
.select_item .ec_dropdown li a {display: block;background-color: #3f3f3f; color: white;padding: 2px 6px 2px 12px;text-decoration: none; font: 13px/24px Roboto, Helvetica, Sans-serif;}
.select_item .ec_dropdown li a:hover {text-decoration: none; background-color: #EE2E5E;}/*#009dbf*/
.select_item .ec_dropdown li.disabled a, .select_item .ec_dropdown li.disabled a:hover{background-color: #3f3f3f; color: #666; cursor: default;}
.select_item .ec_dropdown .ecdrop_active a, .select_item .ec_dropdown .ecdrop_active a:hover {cursor: default; background-color: #3f3f3f; color: #ee2e5e;}
.select_item .opendrawer a, .openmenu_label {background-color: #4f4f4f; color: #FFD563;}
.reset_disabled > a, .reset_disabled > a:hover {background-color: #C1C0C4; text-decoration: none; cursor: default;}
.ec_search, .search_text {width: 250px;}
.ec_search {top: 0; left: 0; display: block; position: relative; margin-top: 5px; float: none;}
.search_text {background: url("https://www.chronicle.com/img/photos/biz/header_icon_search.gif") no-repeat scroll 5px 7px #ffffff; color: #747377; border: 0 none transparent; border: solid 1px #001554; font: 14px/28px Roboto, Helvetica, Sans-serif; height: 28px; padding: 2px 5px 0 21px;}
.search_text.focused {color: #000;}
/* nav */
.table_nav { background-color: rgba(0, 157, 191, 0.2); clear: both; height: 30px; padding: 0; position: relative; margin-bottom: 0;}
.table_count {font-family: "Roboto Condensed",Helvetica,Arial,sans-serif; left: 0; line-height: 31px; margin-left: 1em; margin-top: 0; padding-right: 210px; position: absolute; top: 0; width: 100%;}
.loading_indicator, .table_results {/*#001554; color: #de1737;*/ display: inline; font-family: "Roboto Condensed",Helvetica,Arial,sans-serif; font-size: 15px;}
.loaded .table_fail, .table_fail { display: none;}
.table_fail { color: #747377; display: none; font-family: "Roboto Condensed",Helvetica,Arial,sans-serif; font-size: 22px; line-height: 1.4; min-height: 200px; padding: 3em 1em; text-align: center; width: 100%;}
.loaded .loading_indicator { display: none;}
.loaded .table_results { display: inline;}
.loaded.no_results .table_results { display: none;}
.table_btns {height: 30px; width: 62px; float: right; position: relative;}
.table_btns a.table_btn {-moz-user-select: none; background-color: #001554; width: 30px; height: 30px; margin: 0 0 0 1px; font-size: 14px; line-height: 31px; color: #fff; cursor: pointer; display: block; float: left; padding: 0; text-align: center;}
.table_btns a.table_btn:hover {background-color: #004f69;}
.first_page .table_btns a.table_btn.prev,.last_page .table_btns a.table_btn.next { color: rgba(255, 255, 255, 0.5); cursor: default; text-shadow: none;}
.first_page .table_btns a.table_btn.prev:hover, .first_page .table_btns a.table_btn.prev:active, .last_page .table_btns a.table_btn.next:hover, .last_page .table_btns a.table_btn.next:active {background-color: #001554;text-decoration: none;}
.table_results {color: #3f3f3f; /*#de1737;#001554;*/ display: none; font-size: 15px; line-height: 100%;}
.loaded .loading_indicator, .loaded.no_results .table_results, .loaded .interactive_table .preloading {display: none;}
.loaded .table_results {display: inline;}
.interactive_table .preloading td, .interactive_table .noresults td {color: #747377; font: 24px/1.2 "Roboto Condensed",Helvetica,Arial,sans-serif; padding: 40px 0 30px; text-align: center;}
/* details area */
.interactive_table tbody .details_overtime .db_contain {
	display: grid;
	gap: 20px;
	margin: 20px 10px 30px;
}
@media (min-width:800px) {
	.interactive_table tbody .details_overtime .db_contain {
		grid-template-columns: 1fr 1fr;
	}
	.interactive_table tbody .details_overtime .db_hed {
		grid-column-start: 1;
		grid-column-end: 3;
	}
}
.interactive_table tbody .details_overtime td {text-align: left; padding: 0;}
.interactive_table tbody .details_overtime td h4 {font-size: 14px; margin: 16px 0 10px; font-family: 'ABCMonumentGrotesk', sans-serif;}
.interactive_table tbody .details_overtime td span {display: inline; font-weight: inherit; font-size: inherit;}
.interactive_table tbody .details_overtime td .db_hed {width: 100%; font-weight: bold; font-size: 16px;}
.interactive_table tbody .details_overtime td .db_hed span {display:block; font-weight: 400; font-size: 12px;}
.db_oversection h3 {font-size: 16px;     margin: 0;
    font-family: 'ABCMonumentGrotesk', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.4px;}
.ot_section {padding-top: 12px;}
.ot_section .OTline {height: 21px; padding: 0 90px 1px 32px; width: 100%; clear: left;}
.ot_section .OTline span {float: left;}
.ot_section .OTline .label {margin-left: -32px; font-size: 12px; font-weight: bold; line-height: 20px;}
.ot_section .OTline .bar {height: 20px; background-color:#001554;}
.ot_section .OTline .barlabel {margin-right: -90px; width: 90px;font-size: 12px; line-height: 20px; padding-left: 3px;}
.db_section, .ot_section {height: 125px; padding-top: 6px; margin: 0;}
.db_section {padding-left: 100px; height: 100px; clear: left;}
.db_content {float: left;}
.bkd_pie {float: left; margin-top: 0; margin-bottom: 12px; margin-left: -100px;}
.interactive_table tbody td .swatch {margin-right: 4px; margin-top: 0;}
@media only screen and (max-width: 570px) {
  .table_nav { height: 30px; padding-right: 62px;}
  .table_count {margin: 0;   padding-left: 3%;   padding-right: 3%;   position: static;   text-align: center; float: left;}
  .table_btns { margin-right: -62px;}
  .table_count {text-align: left;}
  .table_results {font-size: 14px;}
}
@media only screen and (min-width: 480px) {
  .ec_tablefail {display: none; font: 24px/1.2em Roboto, Helvetica, Sans-serif; width: 80%;}
  .ec_select {margin-bottom: 8px;}
  .table_nav {margin-bottom: 6px;}
  .bkd_pie {float: left; margin-top: 12px; margin-bottom: 12px; margin-left: -100px;}
  .table_overcontainer thead tr, .table_overcontainer tbody tr {display: table-row;}

  .table_overcontainer tbody tr.details_overtime {display: none;}
  .table_overcontainer tbody tr.details_overtime td {height: auto;}
  .interactive_table tbody tr.result {position: static;}
  .interactive_table th {display: table-cell; text-align: center; padding: 6px 10px 0; font-size: 10px;}
  .interactive_table tbody td {display: table-cell; text-align: right;}
  .interactive_table tbody td:before {content:''; display :none !important;}
  .interactive_table .col_org_name, .interactive_table .col_rank {text-align: left;}
  /*.interactive_table .result td {border-top: 2px solid rgba(0, 157, 191, 0.2);}*/
  .interactive_table tbody td {padding: 6px 10px; display: table-cell;min-height: 68px; }
  /*.interactive_table tbody .col_pct_chg {border-bottom: 0 none;}*/
  .interactive_table .col_3yr_agg_202123, .interactive_table .col_3yr_agg_201820 {width: 110px;}
  .interactive_table .col_pct_chg {width: 90px;}
  .interactive_table .col_3yr_agg_202123:before, .interactive_table tbody .col_3yr_agg_201820:before , .interactive_table tbody .col_pct_chg:before {content: none;}
  .table_overcontainer tbody .col_org_name {text-align: left;padding-right: 10px; font-size: 14px;}
  .interactive_table tbody .col_org_name span { color: #747377; margin-top: 0; font-size: 12px;}
  p.details_breakdown .notot_row .ec_bar_label {font-size: 16px;}
  p.details_breakdown .notot_row .ec_bar_total {font-size: 13px; margin-top: -3px;}
  .interactive_table thead .col_first {width: 55px;}
  .interactive_table tbody .col_first {float: none; vertical-align: middle;padding-left: 25px; position:relative; display: table-cell; top:0; margin-top: 0;}
  .interactive_table tbody .sorting {background-color: rgba(0,157,191,0.07);}
  .interactive_table tbody img {display: block;}
  .interactive_table tbody td b {display: inline;}
  .RawHtmlModule .afc_intro_img {width: 240px;}
/*  .interactive_table .col_pct_chg {display: none;}*/
}
@media only screen and (min-width: 571px) {
  .select_item {width: auto; margin-left: 0; margin-right: 2px; float: left;}
  .select_item .ec_dropdown {width: 220px;}
  .select_item  #category_select .ec_dropdown {width: 240px;}
  .search_text {margin-top: 0; }
  .ec_select {height: 28px;}
  .ec_search {margin-top: -2px; float: right; margin-right: 0; margin-bottom: 2px;}
  .ec_search, .search_text {width: 190px;}
  .table_overcontainer {clear: both; padding-top: 4px;}
  .interactive_table .col_pct_chg {display: table-cell;}
}
@media only screen and (min-width: 768px) {
  .select_item {position: relative; top: 0;}
  .select_item a {width: auto;}
   /* .interactive_table {border-collapse: collapse; border-spacing: 0;}*/
  .interactive_table thead .col_first {width: 70px; }
  .interactive_table .col_3yr_agg_202123, .interactive_table .col_3yr_agg_201820  {width: 120px;}
  .interactive_table .col_pct_chg {width: 110px;}
  .interactive_table th {font-size: 12px;}
 /* .details_overtime {clear: left; margin-bottom: 0;font-size: 18px;}
  .details_overtime ul {height: 27px;}*/
  .interactive_table tbody td {font-size: 14px; padding: 6px 10px; height: 68px;}
  .interactive_table tbody .col_first {font-size: 18px; vertical-align: middle; background-position: 10px 55%;}
  .interactive_table tbody .col_org_name {font-size: 16px;} 
  .table_overcontainer tbody .col_org_name sup {font-size: 13px;}
  .interactive_table td .state {display: block; color: #747377; text-transform: none;}
  .db_section, .ot_section {height: 125px;}
}
@media only screen and (min-width: 992px) {
  .interactive_table .col_3yr_agg_202123, .interactive_table .col_3yr_agg_201820  {width: 140px;}
  .interactive_table tbody td {padding: 6px 18px;}
  .interactive_table .col_pct_chg {width: 120px;}
  .db_section, .ot_section {padding-top: 8px;}
}
@media only screen and (min-width: 1000px) {
  .interactive_table .col_3yr_agg_202123, .interactive_table .col_3yr_agg_201820 {width: 170px;}{width: 180px;}
  .interactive_table tbody td {font-size: 16px;}
  .interactive_table tbody .col_first {font-size: 18px;}
  .interactive_table tbody .col_org_name {font-size: 18px;}
  .table_overcontainer tbody .col_org_name sup {font-size: 14px;}
}
