/*!
 * Report  v1.0.0
 * 10/10/2020
 */
/* Global Card Settings */
div.card {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 2px 2px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 2px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 2px 2px rgba(0, 0, 0, 0.075);
  border-color: rgba(0, 0, 0, 0.135);
}

.report-card-group .card-body {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

span.county-name-text {
  font-weight: 600;
}

/* Report Headers */
body h1.report-header {
  font-family: "Titillium Web", Roboto, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: 600;
}
body h1.report-header:not(.font-color-purple, .county-certified) {
  color: #324B4E;
}
body h1.report-header span {
  color: #0B0B0B;
  font-weight: 400;
}
body h1.report-header + span {
  font-size: 1.5rem;
  font-weight: 400;
  color: #0B0B0B;
}
body h1.default-purple {
  color: #8A3F32;
}
body h1.county-certified {
  color: #38248A;
}
body h2.report-header-h2 {
  font-size: 1.5rem;
  font-weight: 400;
  color: #0B0B0B;
}
body .badge-certified {
  background-color: #38248A;
  color: #FFF;
  border-radius: 0.25rem;
  border-bottom-left-radius: 0px;
  padding: 6px 10px;
  background: linear-gradient(0deg, #38248A 0%, #523FA2 100%);
  letter-spacing: 0.075rem;
}

/* Report Home Page */
body {
  /* Report Home Page Submission Statewide Progress */
  /* statewide progress card group */
}
body .submission-title {
  color: #af5945;
  font-family: Roboto, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: 500;
}
body .submission-title span {
  color: #0B0B0B;
}
body .submission-title i {
  color: #8A3F32;
}
body .submission-calendar .submission-header {
  font-weight: bold;
  text-align: center;
}
body .submission-calendar .submission-header.card-text:first-child {
  font-size: 1.2rem;
  font-weight: 600;
  color: #0B0B0B;
}
body .submission-calendar .submission-header .card-footer {
  background-color: rgba(0, 0, 0, 0.15);
}
body .submission-calendar.active .card-header {
  background-color: #673ab7;
  color: #FFFFFF;
}
body .submission-calendar.active .card-footer {
  background-color: #FCFBFE;
}
body div.county-select div.card div.card-body {
  line-height: 1;
}
body div.county-select div.card div.card-body span {
  font-size: 0.875rem;
}
body h1.statewide-submission-certified.report-header:not(.font-color-purple, .county-certified) {
  color: #38248A;
}
body .report-card-group {
  /* statewide progress card group - certified */
}
body .report-card-group.state-total .card {
  border-bottom: 4px solid #324B4E;
}
body .report-card-group.state-total .card.lea-count {
  background-color: #324B4E;
  color: #FFF;
}
body .report-card-group.state-total .card.lea-count .card-title, body .report-card-group.state-total .card.lea-count p.dimgrey-text {
  color: #FFF !important;
}
body .report-card-group.state-total .card .card-body .card-title {
  margin-bottom: 0;
  color: #324B4E;
}
body .report-card-group.state-total.statewide-submission-certified .card {
  border-bottom: 4px solid #38248A;
}
body .report-card-group.state-total.statewide-submission-certified .card:first-child, body .report-card-group.state-total.statewide-submission-certified .card:last-child {
  color: #FFF;
  border-bottom: 0;
  background-color: #38248A;
  background: #38248A;
  background: rgb(56, 36, 138);
  background: linear-gradient(0deg, #38248A 0%, #523FA2 100%);
}
body .report-card-group.state-total.statewide-submission-certified .card:first-child .card-body h5.card-title, body .report-card-group.state-total.statewide-submission-certified .card:last-child .card-body h5.card-title {
  color: #FFF;
  font-weight: bold;
}
body .report-card-group.state-total.statewide-submission-certified .card:first-child .card-body p.dimgrey-text, body .report-card-group.state-total.statewide-submission-certified .card:last-child .card-body p.dimgrey-text {
  color: #FFF;
}
body .report-card-group.state-total.statewide-submission-certified .card .card-body .card-title {
  margin-bottom: 0;
}
body .report-card-group.state-total.statewide-submission-certified .card .card-body h5.card-title {
  color: #38248A;
}
body .report-card-group .card a:hover {
  text-decoration: none;
}
body .report-card-group .card.county-card {
  color: #FFF;
}
body .report-card-group .card.county-card a {
  text-decoration: none;
}
body .report-card-group .card-title {
  font-size: 2rem;
  color: #0B0B0B;
}
body .report-card-group .card-text.line-height-1 {
  line-height: 1;
}

/* Report Date as of (above county select) */
body .report-date-as-of {
  font-size: 13px;
  /*&:before {
      font-family: "Font Awesome 6 Free";
      font-weight: 600;
      content: "\f2f2";
      margin-right: 4px;
      color: $default-purple;
  }*/
}
body .report-date-as-of.county-page {
  padding: 0;
}

/* county progress card group */
.county-card-group {
  /* county progress card group - certified */
}
.county-card-group .card {
  border-bottom: 4px solid #324B4E;
}
.county-card-group .card.county-card, .county-card-group .card.lea-count {
  background-color: #324B4E;
  color: #FFF;
}
.county-card-group .card.county-card .card-title, .county-card-group .card.lea-count .card-title {
  font-weight: bold;
  padding: 0;
  margin: 0;
  color: #FFF;
  line-height: 1;
}
.county-card-group .card.lea-count .card-body .card-title {
  color: #FFF;
}
.county-card-group .card.lea-count .card-body a:link, .county-card-group .card.lea-count .card-body a:visited, .county-card-group .card.lea-count .card-body a:hover {
  color: #FFF;
}
.county-card-group .card.lea-count .card-body a:hover {
  background-color: transparent;
}
.county-card-group .card .card-body .card-title {
  margin-bottom: 0;
  color: #324B4E;
}
.county-card-group .card .card-body h4 + p {
  font-weight: 500;
}
.county-card-group.county-certified .card {
  border-bottom: 4px solid #38248A;
  background-color: #F7F7F7;
  background: rgb(247, 247, 247);
  background: linear-gradient(0deg, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 70%);
}
.county-card-group.county-certified .card:first-child, .county-card-group.county-certified .card:last-child {
  color: #FFF;
  border-bottom: 0;
  background-color: #38248A;
  background: #38248A;
  background: rgb(56, 36, 138);
  background: linear-gradient(0deg, #38248A 0%, #523FA2 100%);
}
.county-card-group.county-certified .card:first-child .card-body .card-title, .county-card-group.county-certified .card:last-child .card-body .card-title {
  color: #FFF;
  font-weight: bold;
}
.county-card-group.county-certified .card:first-child .card-body p.dimgrey-text, .county-card-group.county-certified .card:last-child .card-body p.dimgrey-text {
  color: #FFF;
}
.county-card-group.county-certified .card .card-body .card-title {
  margin-bottom: 0;
}
.county-card-group.county-certified .card .card-body .card-title {
  color: #38248A;
}

/* County Progress Card Group: Additional County Numbers (#additional-county-numbers) */
#additional-county-numbers .county-card {
  color: #373a3e;
  background-color: #F7F7F7;
}
#additional-county-numbers .county-card .card-title {
  color: #373a3e;
  font-size: 1rem;
  font-weight: 500;
}
#additional-county-numbers .card .card-body .card-title {
  font-size: 1.75rem;
  margin-bottom: 0;
}

/* LEA Report Card */
body .card.lea-report-card {
  font-family: "Roboto", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  border: 0;
  margin-bottom: 0.25rem;
  /* LEA Report Card Header */
  /* LEA Report Card Body */
  /* LEA Report Card Title
   ******************************************************************/
  /* LEA Report Card Table
   ******************************************************************/
  /* LEA Report Card Certification table
   ******************************************************************/
}
body .card.lea-report-card:hover {
  z-index: 9999;
  box-shadow: 0 0.25rem 0.75rem rgba(50, 50, 150, 0.4);
}
body .card.lea-report-card:hover .card-header h5.card-title, body .card.lea-report-card:hover .card-header h5.card-title {
  overflow: visible;
  white-space: normal;
  text-overflow: unset;
}
body .card.lea-report-card.irc-not-certified .card-body {
  border: 1px solid #DEE2E6;
  border-top: 0;
}
body .card.lea-report-card.irc-not-certified:hover {
  background-color: #80052D;
}
body .card.lea-report-card.irc-not-certified:hover .card-header {
  background-color: #AF093F;
  color: #FFF;
}
body .card.lea-report-card.district-not-certified {
  background-color: #324B4E;
  background-color: rgba(50, 75, 78, 0.85);
}
body .card.lea-report-card.district-not-certified:hover {
  background-color: #53848c; /*#26383B;*/
}
body .card.lea-report-card.district-not-certified:hover .lea-card-header {
  background-color: #1E3D40;
}
body .card.lea-report-card.district-not-certified .card-body {
  border: 1px solid rgba(50, 75, 78, 0.5);
  border-top: 0;
}
body .card.lea-report-card .card-header {
  text-align: center;
  padding: 1.5rem;
  padding-bottom: 0.75rem;
  border-left: 1px solid rgba(0, 0, 0, 0.125);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  background-color: #324B4E;
  color: #FFF;
}
body .card.lea-report-card .card-header h5 {
  width: 100%;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.2;
  margin-top: 0;
}
body .card.lea-report-card .card-body h5, body .card.lea-report-card .card-body h6 {
  font-weight: 500;
  color: #0B0B0B;
  text-align: center;
}
body .card.lea-report-card .card-body h6 {
  padding: 0.5rem;
  padding-top: 0.35rem;
}
body .card.lea-report-card h5.card-title {
  margin-bottom: 0;
}
body .card.lea-report-card h5.card-title + span {
  font-size: 0.875rem;
}
body .card.lea-report-card .table thead th {
  border-bottom: 2px solid #dee2e6;
  border-top: 0;
}
body .card.lea-report-card .table tbody tr th {
  color: #0B0B0B;
}
body .card.lea-report-card .table tbody tr:last-child th, body .card.lea-report-card .table tbody tr:last-child td {
  color: #0B0B0B;
  font-weight: bold;
}
body .card.lea-report-card table.submission-progress {
  margin-bottom: 0;
}
body .card.lea-report-card table.submission-progress tbody th.unchecked:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 300;
  content: "\f0c8";
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.25);
}
body .card.lea-report-card table.submission-progress tbody th.checked:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 300;
  content: "\f14a";
  margin-right: 8px;
  color: #18660A;
}
body .card.lea-report-card table.submission-progress tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.015);
}
body .card.lea-report-card table.submission-progress tbody tr:last-child th.unchecked:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 300;
  content: "\f058";
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.25);
}
body .card.lea-report-card table.submission-progress tbody tr:last-child th.checked:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f058";
  margin-right: 8px;
  color: #38248A;
}

/* County Certification Report Field Definitions */
body div.status-footer table thead th {
  border-top: 0;
}
body div.status-footer span {
  font-size: 100%;
  font-weight: 500;
  padding: 0;
  display: block;
  text-align: left;
}
body .table {
  font-size: 0.875rem;
}
body .table tbody tr:first-child th, body .table tbody tr:first-child td {
  border-top: 0; /* remove top border if there's no thead */
}

/* Dec 2021 Settings for updated LEA Report Cards displayed in group by district */
.lea-reportcards.card-group {
  min-width: 100%;
  border-radius: 0.25rem;
}
.lea-reportcards.card-group.accordion-body {
  padding: 0;
  /*padding-bottom: 1.75rem;*/
}
.lea-reportcards.card-group .card {
  flex: 0 0 33.333%;
  border: 1px solid #DADADA;
  border-radius: 0.25rem;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.035);
}
.lea-reportcards.card-group .card.district-not-certified {
  border-color: #273D3F;
}
.lea-reportcards.card-group .card.irc-not-certified {
  border-color: #4F4C3B;
}
.lea-reportcards.card-group .card.lea-report-card h5.card-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lea-reportcards.card-group .card.lea-report-card.blank-card {
  background-color: rgba(0, 0, 0, 0.0075);
  border-right: 0;
  border-radius: 0;
  padding: 1.25rem;
  border-top: 1px solid #DADADA;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  box-shadow: none;
}
.lea-reportcards.card-group .card.lea-report-card.blank-card:hover {
  box-shadow: none;
}
.lea-reportcards.card-group .card.lea-report-card.blank-card-last-child {
  border-left: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-right: 1px solid #DADADA;
  border-top: 1px solid #DADADA;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.lea-reportcards.card-group .card .card-header {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0.25rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.lea-reportcards.card-group .card .card-body {
  border: 0;
  background-color: #FFF;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.lea-reportcards.card-group .report-card-group-spacer {
  display: block;
  width: 100%;
  margin-top: 2rem;
}

.card-list-menu {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.card-list-menu h4 {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #dadada;
}
.card-list-menu .list-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
div.alert.fatal-error-filter {
  color: #694F03;
  margin-bottom: 0;
}
div.alert.fatal-error-filter a.close {
  color: #212529;
  opacity: 1;
}
div.alert.fatal-error-filter a:hover {
  background-color: transparent;
}

div.search-by-keywords button, div.search-by-keywords a.btn, div.search-by-keywords a:link.btn-primary {
  display: inline-flex;
  color: #502516;
  background-color: #F2B544;
}
div.search-by-keywords button.filter-active, div.search-by-keywords a.btn.filter-active, div.search-by-keywords a:link.btn-primary.filter-active {
  background-color: #5252c1;
  border-color: #5252c1;
  color: #FFF;
}
div.search-by-keywords a.btn:hover, div.search-by-keywords a:link.btn-primary:hover {
  background-color: #5252c1;
  border-color: #5252c1;
  color: #FFF;
}

div.api-error button.close span {
  color: #212529;
  opacity: 1;
}

/* Different colors for charter school report cards */
.lea-reportcards.card-group {
  /* Certified Card Settings */
  /* LEAs who are system certified (override) */
  /* Certified LEA Card */
}
.lea-reportcards.card-group .card.card-irc {
  background-color: #918859;
}
.lea-reportcards.card-group .card.card-irc .card-header {
  background-color: #F2EDD5;
  color: #38543A;
}
.lea-reportcards.card-group .card.irc-certified, .lea-reportcards.card-group .card.district-certified {
  border: 2px solid #38248A;
  background-color: rgba(56, 36, 138, 0.5);
}
.lea-reportcards.card-group .card.irc-certified .card-body, .lea-reportcards.card-group .card.district-certified .card-body {
  border: 1px solid #38248A;
}
.lea-reportcards.card-group .card.irc-certified .card-body h6, .lea-reportcards.card-group .card.district-certified .card-body h6 {
  background-image: url("../images/certified-gold-coin.svg");
  background-repeat: no-repeat;
  background-size: 2rem;
}
.lea-reportcards.card-group .card.irc-certified:not(.certification-status-override):hover, .lea-reportcards.card-group .card.district-certified:not(.certification-status-override):hover {
  background: linear-gradient(0deg, rgb(217, 174, 0) 0%, rgb(254, 200, 56) 10%, rgb(255, 235, 158) 50%, rgb(254, 204, 3) 91%, rgb(235, 188, 2) 100%);
}
.lea-reportcards.card-group .card.irc-certified:hover .card-header, .lea-reportcards.card-group .card.district-certified:hover .card-header {
  background-color: #5252c1;
}
.lea-reportcards.card-group .card.certification-status-override {
  border: 2px solid #38248A;
  background-color: rgba(56, 36, 138, 0.5);
}
.lea-reportcards.card-group .card.certification-status-override .card-body {
  border: 1px solid #38248A;
}
.lea-reportcards.card-group .card.certification-status-override .card-body h6 {
  background-image: url("../images/certified-gold-coin-b.svg");
  background-repeat: no-repeat;
}
.lea-reportcards.card-group .card.district-certified div.card-header, .lea-reportcards.card-group .card.irc-certified div.card-header, .lea-reportcards.card-group .card.certification-status-override div.card-header {
  background-color: #38248A;
  color: #FFF;
}

/* LEA Progress Report Cards District Group Title */
body .district-card-group-title {
  width: 100%;
  padding-bottom: 0.5rem;
  font-size: 1.3rem;
  color: #324B4E;
  margin-top: 2rem;
}
body .district-card-group-title button.accordion-button {
  font-size: 1.3rem;
  color: #324B4E;
  padding-left: 0;
}
body .district-card-group-title button.accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
body .district-card-group-title button.accordion-button:not(.collapsed) span {
  font-weight: 700;
}
body .district-card-group-title button.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon);
}
body .district-card-group-title button.accordion-button:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
body .district-card-group-title button.accordion-button:hover span {
  font-weight: 900;
  color: #38248A;
}
body .district-card-group-title button.accordion-button:focus {
  border-color: rgba(56, 36, 138, 0.7);
  box-shadow: 0 0 0 0.2rem rgba(56, 36, 138, 0.25);
}
body .district-card-group-title span {
  font-weight: 400;
}

.card-group-sorted-cards {
  margin-top: 2.5rem;
}

code.debug {
  background-color: rgb(64, 3, 3);
  line-height: 1;
  padding: 8px 4px;
  margin: 1rem;
  display: block;
  border-radius: 0.25rem;
}

#reportCardResultsMessage:focus {
  box-shadow: 0 0 0 0.2rem rgba(56, 36, 138, 0.25);
}

/* New Report Table 10/10/2022 */
.county-report-table thead th {
  position: relative;
}
.county-report-table thead th.col-sort-asc {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: rgb(117, 91, 223);
  background: linear-gradient(180deg, rgb(117, 91, 223) 0%, rgb(35, 23, 87) 100%);
  /* remove corner radius for EOY columns */
  /* add triangle to denote sort */
}
.county-report-table thead th.col-sort-asc.ccr-table-header-level-2 {
  border-radius: 0;
}
.county-report-table thead th.col-sort-asc a:link, .county-report-table thead th.col-sort-asc a:visited {
  color: #FFF;
  font-weight: 500;
}
.county-report-table thead th.col-sort-asc a:hover {
  background-color: transparent;
}
.county-report-table thead th.col-sort-asc:after {
  position: absolute;
  content: "";
  border-bottom: solid 4px #ffffff;
  border-left: solid 4px transparent;
  border-right: solid 4px transparent;
  bottom: 2px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
}
.county-report-table thead th.col-sort-desc {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: rgb(117, 91, 223);
  background: linear-gradient(0deg, rgb(117, 91, 223) 0%, rgb(35, 23, 87) 100%);
  /* add triangle to denote sort */
  /* remove corner radius for EOY columns */
}
.county-report-table thead th.col-sort-desc a:link, .county-report-table thead th.col-sort-desc a:visited {
  color: #FFF;
  font-weight: 500;
}
.county-report-table thead th.col-sort-desc a:hover {
  background-color: transparent;
}
.county-report-table thead th.col-sort-desc:after {
  position: absolute;
  content: "";
  border-top: solid 4px #ffffff;
  border-left: solid 4px transparent;
  border-right: solid 4px transparent;
  top: 2px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
}
.county-report-table thead th.col-sort-desc.ccr-table-header-level-2 {
  border-radius: 0;
}
.county-report-table thead th button {
  font-weight: bold;
  /* sort icons */
}
.county-report-table thead th button.btn-sort-active::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 4px;
  font-size: 12px;
  color: #324B4E;
}
.county-report-table thead th button.btn-sort-active.sort-direction-0::before {
  content: "\f062";
}
.county-report-table thead th button.btn-sort-active.sort-direction-1::before {
  content: "\f063";
}
.county-report-table thead th button span:hover {
  background-color: #DCEEFF;
}
.county-report-table thead tr.table-level-1-header .col-group {
  border: 1px solid #aeaef5;
}
.county-report-table tbody.table-group-divider {
  border-color: #5252c1;
}
.county-report-table tbody tr {
  border-color: #DDDDDD;
  /* Highlight certified rows */
}
.county-report-table tbody tr td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* change font color to red for fatal errors > 0 */
  /* Highlight certified EOY submissions */
}
.county-report-table tbody tr td.red-text {
  color: #A0181A;
}
.county-report-table tbody tr td.partial-certified-cert-status {
  background-color: rgba(70, 52, 141, 0.9) !important;
  color: #FFF !important;
}
.county-report-table tbody tr td.partial-certified-fatal-errors {
  background-color: #3a287f !important;
  color: #FFF !important;
}
.county-report-table tbody tr.lea-certified {
  border-color: #baa9df;
}
.county-report-table tbody tr.lea-certified td {
  background-color: #D3C8EB;
  color: #2F1E70;
  font-weight: 500;
}
.county-report-table tbody tr.lea-certified td.certified {
  background-color: rgba(46, 29, 112, 0.9);
  color: #FFF;
}
.county-report-table.table-hover > tbody > tr:hover > * {
  background-color: #5252c1;
  color: #FFF;
}
.county-report-table.table-hover > tbody > tr:hover > td:hover {
  background-color: #2E1D70 !important;
}
.county-report-table > tbody > tr:nth-of-type(odd) > * {
  background-color: #F2F1F8;
}

/* Lea progress report specific border and background styles */
.ccr-table-left-border {
  border-left: 1px solid #aeaef5;
}

.ccr-table-right-border {
  border-right: 1px solid #aeaef5;
}

.ccr-table-bg-purple-odd {
  background-color: #5548B8 !important;
  color: #FFF;
}

.ccr-table-bg-purple-even {
  background-color: #3f3685 !important;
  color: #FFF;
}