/* hide country select */
.countrySelectCountainer,
#countryLabel {
  display: none !important;
}

.selectize-input {
  max-width: 270px;
}

#table-description-block {
  /* border-bottom: 2px solid #ccc; */
  background-color: #F2F2F2;
  z-index: 1;
}


.benchmarking-participant-row td:not(:first-child) span {
  display: none !important;
}

.benchmarking-participant-row td:first-child .country-flag {
  display: none !important;
}

.benchmark-participant-row .country-flag {
  display: none;
}

.benchmark-participant-row td span:not(.leftAlignCountryName) {
  display: none;
}

table.center-column-headers>thead>tr>th>span.dt-column-title {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  white-space: pre-wrap;
}


/* which table is this for 
#example>tbody:nth-child(3)>tr:nth-child(60)>td:nth-child(1)>span:nth-child(2),
#example>tbody:nth-child(3)>tr:nth-child(60)>td:nth-child(2) span,
#example>tbody:nth-child(3)>tr:nth-child(60)>td:nth-child(3) span,
#example>tbody:nth-child(3)>tr:nth-child(60)>td:nth-child(4) span {
  display: none;
}
  */

.benchmark-separator .separator-cell {
  font-weight: bold;
  background-color: #f0f0f0;
  text-align: center;
  border-top: 2px solid #000;
}

.group-separator td {
  font-weight: bold;
  border-bottom: 1px solid #000;
  border-top: 1px solid #ddd;
}

table.table-striped>tbody>tr.international-average>td {
  background-color: #438AD3;
}

table.table-striped>tbody>tr.international-average>td.socioeconomic-column-class,
table.table-striped>tbody>tr.international-average>td#country-column-id,
table.table-striped>tbody>tr.international-average>td:nth-child(1),
table.table-striped>tbody>tr.international-average>td>span {
  background-color: #438AD3 !important;
  color: #fff;
}

a.remove {
  padding-left: 3px;
}

table.dataTable.display>tbody>tr>td {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
}


#example>tbody>tr>td,
td {
  /* THis will apply pointer to all table, only needed on CQ tables
  cursor: pointer;
  */
}

#colScrollWrap {
  float: right;
  cursor: pointer;
  padding-top: 34px;
}

#example>thead>tr>th:nth-child(1) {
  z-index: 2;
  cursor: pointer;
}

#example>thead>tr>th:not(.sticky-column) {
  cursor: pointer;
  text-align: center;
}

#example>thead>tr>th {
  cursor: pointer;
}

/* Add hover effect to emphasize sortable columns */
#example>thead>tr>th:hover {
  background-color: rgba(0, 0, 0, 0.05);
  /* Light grey background on hover */
}

#excelBtnScience {
  width: 82px;
  margin: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: -6px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #fdfeff;
}

/*

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order::before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order::before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order::before {
  position: absolute;
  display: block;
  bottom: 50%;
  content: "▲";
  content: "▲" /"";
}

table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order::after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order::after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order::after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order::after {
  position: absolute;
  display: block;
  top: 50%;
  content: "▼";
  content: "▼" /"";
}
*/


.static-data-display-topic {
  text-align: center;
  font-weight: 700;
  margin-top: 40px !important;
}

table.multi-block-small-text {}

.leftAlignFlag {
  float: left;
}

.rightAlignFlag {
  float: right;
}

.country-flag {
  float: right;
  padding-right: 10px;
}

.leftAlignCountryName {
  float: left !important;
  text-align: left !important;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
  padding: 3px;
  padding-left: 6px;
  font-weight: 400;
}

/*
.country-flag {
  font-size: 0.8em;
  color: #666;
}
  */

.center-column-th.not('sticky-column') {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  white-space: pre-wrap;
}

#example.table th.not('sticky-column') {
  text-align: center;
}


table.center-column-headers .dt-column-title,
table.center-column-headers>.dt-column-title {
  white-space: pre-wrap;
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
  max-width: 100px;
}



#staticPdfBtn>i:nth-child(1) {
  margin-left: -31px;
}


#staticPdfButton {
  width: 82px;
  margin: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: -6px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #fdfeff;
}

#staticPdfButton:focus {
  color: #000;
  background-color: #fdfeff;
  border-color: #f9fafb;
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5);
}

#staticPdfButton:hover {
  color: #000;
  background-color: #fdfeff;
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5);
}



#t23Header {
  margin-top: 40px;
  margin-right: 20px;
  display: block;
  margin-left: -19px;
}

#cellModalQuestionHeader,
#cellModalQuestionResponse {
  text-align: center;
}

#cellModalQuestionHeader,
#cellModalQuestionVariableLabel,
#cellModalQuestionDescriptionLabel {
  font-weight: 600;
}

#cellModalQuestionDescription {
  margin-bottom: 0;
}

#cellModalQuestionResponse {
  margin-bottom: 0;
}

#aboutTheScale {
  margin-bottom: 250px;
}

#modalQuestionHeader,
#modalDescriptionHeader {
  font-weight: bold;
}

#modalQuestionVariable {
  font-weight: 500;
}

#modalCloseButtonBottom:hover {
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5);
}

.glossary-container .row {
  border-bottom: 1px solid #ddd;
}


.rotate180 {
  transform: rotate(-180deg);
}

.dt-search {
  display: none;
}

.description-block {
  display: inline-block;
  text-align: center;
  padding: 0px;
  margin-right: 1px;
  min-height: 47px;
}

.description-text {
  font-weight: bold;
  display: flex;
  align-items: center;
}

#example2 {
  transform: rotate(360deg);
}


div.description-block:nth-child(2),
div.description-block:nth-child(3) {
  background-color: #efefef;
  background-color: #f2f2f2;
}

.description-block p {
  text-align: center;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 600;
}

#tableDescription {
  /* align with table col borders workaround margin-left: .5%; */
  height: 66px;
}

div.description-block:nth-child(2) {
  border-right: 1px solid #ddd;
}

div.description-block:nth-child(3) {
  border-right: 1px solid #ddd;
}

.description-block-language {
  display: inline-block;
  text-align: center;
  padding: 0px;
  margin-right: 1px;
}

div.description-block-language:nth-child(2),
div.description-block-language:nth-child(3),
div.description-block-language:nth-child(4),
div.description-block-language:nth-child(5),
div.description-block-language:nth-child(6) {
  background-color: #efefef;
  background-color: #f2f2f2;
}


.description-block-language p {
  text-align: center;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 600;
  white-space: pre;
  overflow-x: ellipses;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 11px;
}

.read-more-ul {
  width: 100px;
  float: right;
  list-style-type: none;
}

.fa-plus {
  float: right;
  padding-right: 6px;
  width: 9px;
  height: 5px;
  display: inline-block;
  color: #000;
}

.fa-circle-o {
  color: #000;
}

span.italics {
  font-style: italic;
}

span.bold {
  font-weight: bold;
}

#scaleDiv {
  max-width: 1101px;
  width: 1101px;
  display: block;
}

#scaleHeader {
  text-align: center;
  font-size: 22px;
  border-bottom: 1.5px solid rgb(83, 101, 109, .5);
}

.scaleText {
  text-align: left;
  max-width: 1100px;
  margin-bottom: 17px;
}

#scaleTable {
  border-collapse: collapse;
  width: 100%;
  max-width: 1101px;
  transform: rotate(0deg);
}

.scaleTh,
.scaleTd {
  border: 1px solid black;
  padding: 8px;
  text-align: left;
}

.scaleTh {
  background-color: #f2f2f2;
}

#modalCodebookToggleButton {
  width: 172px;
  margin: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-bottom: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: -6px;
  padding-right: 3px;
  padding-left: 3px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 3px;
  background-color: #fdfeff;
}

#modalCodebookToggleButton:hover {
  color: #000;
  background-color: #fdfeff;
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5);
}

/* Grade 4 Styles */
.t23BarMathG4 {
  background-color: #2E5CB8;
  /* Existing Math G4 color */
}

.t23BarScienceG4 {
  background-color: #4aa48f;
  /* Existing Science G4 color */
}

/* Grade 8 Styles */
.t23BarMathG8 {
  background-color: #2A64A5;
  min-height: 40px;
  margin-bottom: 41px;
}

.t23BarScienceG8 {
  background-color: #396E77;
  min-height: 40px;
  margin-bottom: 41px;
}

/* General Module Table Rows - adjusted to match screenshot */

/* General styling for green-science-rows */
table.dataTable.table.green-science-rows tbody tr:nth-child(odd) {
  background-color: #EFF7FF;
  /* background-color: rgba(73, 164, 143, .5) !important; */
  background-color: rgba(230, 241, 238, 1) !important;
  /* Or your desired color */
}

table.dataTable.table.green-science-rows>tbody>tr.selected>* {
  box-shadow: inset 0 0 0 9999px rgba(227, 238, 249, 0.95);
  /* Selection shadow */
  background-color: #49A48F;
  /* Or your desired color */
}

table.green-science-rows>tbody>tr.international-average>td.socioeconomic-column-class,
table.green-science-rows>tbody>tr.international-average>td#country-column-id,
table.green-science-rows>tbody>tr.international-average>td:nth-child(1),
table.green-science-rows>tbody>tr.international-average>td>span,
table.green-science-rows>tbody>tr.international-average>td {
  background-color: #49A48F;
  /* International average color */
  color: #fff;
}

/* Ensure that all rows of the international average are styled correctly */
table.green-science-rows>tbody>tr.international-average:nth-of-type(odd),
table.green-science-rows>tbody>tr.international-average:nth-of-type(even) {
  background-color: #49A48F;
}

table.green-science-rows tbody tr.international-average:nth-of-type(odd) td,
table.green-science-rows tbody tr.international-average:nth-of-type(even) td {
  color: #fff;
  /* White text for the rows */
}

/* Grade 8 Science Table Rows - adjusted to match screenshot */
table.dataTable.table.green-science-rows-g8 tbody tr:nth-child(2n+1) {
  /* Softer green-blue tint similar to screenshot */
  background-color: #E8F2F2;
  /* Or as rgba for more control */
  background-color: rgba(57, 110, 119, 0.12);
}

/* Alternative that leans slightly more green */
/*
  background-color: #E9F2F1 !important;  -- Slightly more green tint
  background-color: rgba(57, 115, 119, 0.12) !important;  -- Adjusted hue
*/
/* Table row colors for different subjects and grades */



/* Grade 8 Science International Average Row - all variations for full coverage */
table.dataTable.table.green-science-rows-g8 tbody tr.international-average:nth-of-type(odd),
table.dataTable.table.green-science-rows-g8 tbody tr.international-average:nth-of-type(even) {
  background-color: #3A6E78;
  color: white !important;
}

table.green-science-rows-g8>tbody>tr.international-average>td>span,
table.green-science-rows-g8>tbody>tr.international-average>td {
  background-color: #3A6E78;
  color: #fff;
}

table.dataTable.table.green-science-rows-g8 tbody tr.international-average:nth-of-type(2n+1),
table.dataTable.table.green-science-rows-g8 tbody tr.international-average:nth-of-type(2n) {
  background-color: #3A6E78;
  color: white !important;
}

table.dataTable.table.green-science-rows-g8 tbody tr.international-average:nth-of-type(2n+1),
table.dataTable.table.green-science-rows-g8 tbody tr.international-average>td {
  background-color: #3A6E78;
  color: white !important;
}

/* Ensure hover state maintains the same color */
table.dataTable.table.green-science-rows-g8 tbody tr.international-average:hover {
  background-color: #3A6E78 !important;
  color: white !important;
}

/* Additional selectors for better specificity if needed */
table.dataTable.table.green-science-rows-g8 tbody tr.international-average td {
  color: white !important;
}

/* Ensure any spans inside the row also get the white text color */
table.dataTable.table.green-science-rows-g8 tbody tr.international-average td span {
  color: white !important;
}


/* Grade 8 Math International Average styling */
table.dataTable.table.blue-math-rows-g8 tbody tr:nth-child(2n+1) {
  /* Softer green-blue tint similar to screenshot */
  background-color: #e1e7f1;
  /* Or as rgba for more control */
  /* background-color: #2A64A5; */
}

table.dataTable.table.blue-math-rows-g8 tbody tr.international-average {
  font-weight: bold;
  background-color: #2A64A5 !important;
  color: white !important;
}

/* Ensure consistent styling for both odd and even rows */
table.dataTable.table.blue-math-rows-g8 tbody tr.international-average:nth-of-type(odd),
table.dataTable.table.blue-math-rows-g8 tbody tr.international-average:nth-of-type(even) {
  background-color: #2A64A5 !important;
  color: white !important;
}

/* Ensure text and spans inside the row are also white */
table.dataTable.table.blue-math-rows-g8 tbody tr.international-average td,
table.dataTable.table.blue-math-rows-g8 tbody tr.international-average span {
  color: white !important;
}

/* Maintain styling on hover */
table.dataTable.table.blue-math-rows-g8 tbody tr.international-average:hover {
  background-color: #2A64A5 !important;
  color: white !important;
}

/* Ensure hover state maintains the same color */
table.dataTable.table.blue-math-rows-g8 tbody tr.international-average:hover {
  background-color: #2A64A5 !important;
  color: white !important;
}

/* Additional selectors for better specificity if needed */
table.dataTable.table.blue-math-rows-g8 tbody tr.international-average td {
  color: white !important;
}

/* Ensure any spans inside the row also get the white text color */
table.dataTable.table-blue-math-rows-g8 tbody tr.international-average td span {
  color: white !important;
}

/* For reference - full color scheme:
Banner color: #2A64A5 (dark blue)
Row color: #E1E7F1 (light blue)
Alternating: white
*/

/* Optional alternate if you want slightly different shades: */
/*
  background-color: #E3E8F1 !important;  -- Slightly lighter
  background-color: #DFE6F1 !important;  -- Slightly darker
  background-color: rgba(42, 100, 165, 0.1) !important;  -- Slightly more transparent
*/


.table-footnote-text {
  font-size: 14px;
}

/*
.dt-column-title::after {
  content: "\f0dc";
  font-family: "FontAwesome";
  font-size: 0.8em;
  padding-left: 5px;
  padding-top: 13px;
}
 */

/*
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
  left: 0;
  opacity: .125;
  line-height: 9px;
  font-size: .8em;
}
*/

/*
only goes to first col
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before {
  position: absolute;
  display: block;
  bottom: 50%;
  content: "â–²";
  content: "â–²" / "";
}

*/

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
  left: 0;
  opacity: .125;
  line-height: 9px;
  font-size: .8em;
}

/* only goes to first col
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
  position: absolute;
  display: block;
  top: 50%;
  content: "â–¼";
  content: "â–¼" / "";
}
*/


modal-footer {
  border-top: 0 !important;
}

#data-display-module-and-grade {
  text-align: center;
}

#about-scale-div {
  margin-bottom: 10px;
}

#tnp-logo-bw {
  width: 311px;
  margin-top: 40px;
  float: right;
}

p#scaleSource {
  padding-top: 70px;
}

#dlScaleLink {
  color: #007bff;
}

.data-display-grade-science {
  color: #000;
}

#data-display-grade-math {
  color: #000;
}

#data-display-module,
#about-scale-header {
  color: #000;
}

#data-display-grade,
#data-display-module {
  text-align: center;
  font-size: 22px;
  border-bottom: 1.5px solid rgb(83, 101, 109, .5)
}

#about-scale-header {
  text-align: center;
  font-size: 22px;
  border-bottom: 1.5px solid rgb(83, 101, 109, .5);
  display: block;
  padding-bottom: 12px;
}

#scrollParentDiv div {
  display: inline-block;
}


select {
  outline: none !important;
}

#gradeSelect,
#moduleSelect,
#topicSelect,
#countrySelect,
select,
.form-select {
  min-width: 180px;
}


#gradeSelect,
#moduleSelect,
#moduleSelector,
#topicSelect,
#countrySelect,
.selectize-control {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 305px;
}


#moduleTopicSelector {
  min-width: 179px;
}

.general-select {}

#moduleSelectLabel,
#gradeSelectLabel,
#countryLabel {
  white-space: pre;
}

.transparentDiv {
  opacity: 0;
}

a#altLayout {
  color: #025D99;
}

#colScrollText {
  float: right;
  color: #000;
  font-size: 14px;
  margin-top: 1px;
  margin-bottom: -15px;
}

/* hide pagination and search at bottom of table */
.dt-end,
.dt-length {
  display: none;
}

#countryLabel {
  margin-bottom: 0px;
  font-size: 15px;
  color: #000;
  width: 100%;
  text-align: center;
}

#scroll #countryFilterLabel {
  margin-bottom: 0px;
  font-size: 15px;
}

p.currentModule {
  color: #0385C2;
  text-align: center;
  font-size: 26px;
}

.input-group>.custom-select-dt,
.input-group>.custom-select {
  -ms-flex: none !important;
  flex: none !important;
  min-width: 0;
  margin-bottom: 0;
}


.custom-select {
  display: inline-block;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  font-family: ArialNova;
}


#countryFilterLabel,
#moduleSelectLabel,
#gradeSelectLabel {
  margin-bottom: 0px;
  font-size: 16px;
  color: #000;
  width: 100%;
  text-align: center;
}

.module-nav li {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: .5px .5px .5px #ccc;
  margin: 5px;
}

.module-nav li a {
  color: rgb(92, 88, 88);
}

.module-nav li a.active {
  color: #0385C2;
  background-color: #f4f1f1;
}

/* CSS for sticky positioning */
.sticky-column {
  position: sticky !important;
  left: 0;
  /* Just for visualization */
  z-index: 99;
  opacity: 1;
  /* Ensure the sticky elements stay above other table cells */
}

th[aria-label="Country: activate to sort column descending"] {
  opacity: 1 !important;
  background-color: #fff !important;
  z-index: 99 !important;
}

/*
.sticky-column:nth-child(odd) {
  background-color: #ffffff !important;
}

.sticky-column:nth-child(even) {
  background-color: #E6E6E6;
}
  */


#mainWrapper {
  /* overflow-x: scroll !important; */
  overflow-x: scroll;
  transform: rotateX(180deg);
  scrollbar-color: #ddd #fff;
  margin-top: -16px;
  margin-bottom: 200px;
}

#mainWrapper.add-space {
  margin-top: 0px;
}

/* Hide scroll bar on socioeconomic page */

#mainWrapper.socioeconomic-table {
  overflow-x: visible;
}


#myTab {
  margin-bottom: 16px;
}

table {
  transform: rotateX(180deg);
}


.dt-start {
  transform: rotateX(180deg);
}

.dt-paging {
  display: none;
}

.dt-button span {
  color: #000;
}

.dt-button {
  opacity: 0;
  position: absolute;
  display: none;
}

.button-custom-dl {
  /*
  color: #fff;
  background-color: #fff;
  */
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.button-custom-dl:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-custom-dl-text {
  color: #000;
  font-size: 12px;
  font-family: ArialNova;
  margin-top: -1px;
  margin-bottom: 1px;
}

#csvBtn>i:nth-child(1) {
  margin-left: -31px;
}

#excelBtn>i:nth-child(1) {
  margin-left: -46px;
}

#pdfBtn>i:nth-child(1) {
  margin-left: -31px;
}


#csvBtn>span:nth-child(2) {
  font-size: 12px;
  font-family: ArialNova;
  margin-top: 3px;
  margin-bottom: 1px;
  position: absolute;
  width: 23px;
  padding-left: 7px;
}

.math-select:focus {
  border-color: rgb(67, 138, 211, .5);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(67, 138, 211, .5);
}


.general-select:focus {
  border-color: #B9B9B9;
  box-shadow: 0 0 0 0.2rem #B9B9B9;
  border-color: rgb(67, 138, 211, .5);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(67, 138, 211, .5);
}

.science-select:focus {
  border-color: rgb(73, 164, 143, .5);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(73, 164, 143, .5);
  border-color: rgb(67, 138, 211, .5);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(67, 138, 211, .5);
}


.btn-custom-dl:nth-child(1) {
  margin-left: 3px;
}

.btn-custom-dl-text {
  color: #000;
  font-size: 12px;
  font-family: ArialNova;
  margin-top: 3px;
  margin-bottom: 1px;
  position: absolute;
  width: 40px;
}

.btn-custom-dl-text2 {
  height: 33px;
  font-family: ArialNova;
  font-size: 13px;
}


#pdfDlButton:hover {
  color: #000;
}

#excelBtn>span:nth-child(2) {
  color: #000;
  font-size: 12px;
  font-family: ArialNova;
  margin-top: 3px;
  margin-bottom: 1px;
  position: absolute;
  width: 40px;
  padding-left: 7px;
}

.btn-custom-dl:hover {
  color: #fefefe;
  background-color: #fefefe;
  border-color: #6c757d;
}

#csvBtn {
  width: 82px;
  margin: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: -6px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #fdfeff;
}

#excelBtn,
#pdfBtn,
#pdfDlButton {
  width: 82px;
  margin: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: -6px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #fdfeff;
}

.curriculum-questionnaire-downloads {
  margin-left: 26px;
}

#cqCodebookButton {
  width: 82px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #fdfeff;
  background-color: #fdfeff;
  height: 34px;
  display: inline-block;
  margin-top: 4px;
  margin: 5px;
}

#cqCodebookButton:hover {
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5);
}

#cqCodebookButton span {
  color: #000;
  font-size: 13px;
  font-family: ArialNova;
  margin-top: -7px;
  text-decoration: none;
  width: 40px;
  display: block;
  margin-left: 6px;
  margin-top: 2px;
}

#cqCodebookButton span:hover {
  text-decoration: underline;
}


#tableLegendButton:hover,
#csvBtn:hover,
#excelBtn:hover,
#pdfBtn:hover,
#pdfDlButton:hover,
#tableLegendButton:hover {
  color: #000;
  background-color: #fdfeff;
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5);
}

#csvBtn:focus,
#excelBtn:focus,
#pdfBtn:focus,
#pdfDlButton:focus,
#tableLegendButton:focus {
  color: #000;
  background-color: #fdfeff;
  border-color: #f9fafb;
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5);
}

#tableLegendButton {
  width: 128px;
  margin: 5px;
  margin-bottom: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: -6px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #fdfeff;
}

#tableLegendButton:hover {
  color: #000;
}

.glossary-container {
  /*
  overflow: scroll !important;
  overflow-y: scroll !important;
  */
}

#pdfDlButton {
  height: 33px;
}

.input-group div {
  display: inline-block;
}

.input-group div:nth-child(1) {}

.custom-select#gradeSelect {}

.input-group div:nth-child(2) {}

.input-group div:nth-child(2) select,
.custom-select#moduleSelect {}



.input-group div:nth-child(3),
.input-group div:nth-child(3) select {}


#pullBtns {
  margin-bottom: 5px;
}

button.dt-button>span>i {
  color: #000;
  font-size: 13px;
  font-family: ArialNova;
}

button.dt-button>span>i:before {
  font-size: 19px;
  font-family: FontAwesome;
}



#colScrollArrow .fa-arrow-right {
  color: #3690bb;
}

.btn-custom-dl .fa-solid {
  color: #3690bb;
  background-color: #fff;
}



.scroll-wrapper {
  /*
  #mainWrapper>div {
      overflow-x: scroll;
    }
  padding-bottom: 20px;
  margin-bottom: -20px;
  */
}

/* make sure this always exists */
.dt-layout-cell table {
  transform: rotateX(180deg);
}

#example>tbody>tr:nth-child(0)>td.sorting_1 {
  position: sticky;
  left: 0;
}

#example>tbody>tr>td:nth-child(0) {
  position: sticky;
  left: 0;
}

#downloadExcelZipBtn,
#downloadZipBtn {
  margin-right: 5px;
  background-color: #d0caca;
  box-shadow: .5px .5px .5px;
}

/* #6c757d */
#downloadExcelZipBtn:hover,
#downloadZipBtn:hover {
  background-color: #f9f1f1;
}

#countryFilterLabel {
  margin-bottom: 0px;
  font-size: 15px;
}

@-moz-document url-prefix() {
  #countryFilterLabel {
    margin-bottom: 26px;
  }

  .selectize-control {}
}

.selectize-control {}

button .fa-solid {
  font-size: 20px;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}



#countryFilterLabel {
  margin-bottom: 0px;
  font-size: 15px;
}

.custom-fixed {
  position: fixed;
  width: 100px !important;
  z-index: 3;
}

.table-striped tbody tr.custom-fixed:nth-of-type(2n+1),
tbody>tr.even>td.custom-fixed {
  background-color: #fbfcff;
  opacity: 1;
}

.table-striped tbody tr.custom-fixed:nth-of-type(2n+1),
tbody>tr.odd>td.custom-fixed {
  background-color: #E5E5E5 !important;
  opacity: 1 !important;
}

#countryFilterLabel,
#moduleSelectLabel {}

html {
  background-color: #fff;
}

.dataTables_info,
.dataTables_paginate {}


table.dataTable>tbody>tr {
  min-height: 350px;
  /* or whatever height you need to make them all consistent */
}


td {
  /*
  overflow: hidden;
  text-overflow: ellipsis;
  */
  white-space: nowrap;
}

.selectize-control.plugin-clear_button .clear {
  left: 272px;
  color: #0385C2;
  opacity: 1;
}


.selectize-control.plugin-clear_button .clear:after {
  content: '  Clear All Countries';
  white-space: pre;
  position: absolute;
  margin-right: -140px;
  font-size: 14px;
}

#downloadZipBtn,
#downloadExcelZipBtn,
.downloadWrap {
  font-size: 14px;
  float: left;

}

#downloadFilesHeader {
  font-size: 15px;
  padding-left: 0px;
  color: #000;
  text-align: left;
  width: 100%;
  margin-bottom: 0;
}

td {
  /*
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  */
  white-space: nowrap;
}


@font-face {
  font-family: ArialNova;
  src: url(../ArialNova/ArialNova-Bold.ttf);
}

#t23OuterWrap {
  width: 100%;
  /* position: absolute; */
  height: 41px;
  overflow: hidden;
  overflow-y: visible;
  margin-top: 25px;
  margin-bottom: 20px;
}



#t23Bar {

  position: absolute;
  width: 90%;
  height: 41px;
}

.t23BarGeneral {
  background-color: #68504a;
}

.t23BarMath {
  background-color: #438bd4;
}

.t23BarScience {
  background-color: #4aa48f;
}

#t23Bar img,
#moduleWrapper {
  display: inline-block;
}

#t23Bar img {
  float: right;
  width: 98px;
  overflow: visible !important;
}

#moduleAndTopic {
  font-family: ArialNova;
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  display: block;
  position: absolute;
  right: 120px;
  top: 1.5px px;
}

h4.currentTopicDisplayed {
  margin-top: 40px;
}



.vertical-align-center {
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}

.vertical-alignment-helper {
  display: table !important;
  height: 100%;
  width: 100%;
  pointer-events: none;
}

.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  max-width: inherit;
  /* For Bootstrap 4 - to avoid the modal window stretching
full width */
  height: inherit;
  /* To center horizontally */
  margin: 0 auto !important;
  pointer-events: all;
}

.modal-dialog {
  max-width: 1000px !important;
  margin: auto !important;
}

.modal-body {
  position: relative;
  padding: 26px;
  padding-top: 10px;
  padding-bottom: 0px;
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: 0 0 -28px 0;
  margin-left: -10px;
  margin-right: 24px;
  margin-top: -3px;
}

#downloadExcelZipBtn {
  margin-right: 5px !important;
}


#colScrollArrow {
  color: #3690bb;
  /* background-color: #d0caca; */
  background-color: #e1dbdb;
  border-color: #6c757d;
  float: right;
  border-radius: 50%;
  cursor: pointer;
  height: 26px;
  font-size: 25px;
  margin: 10px;
  margin-top: -2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 0px;
}

#colScrollArrow:hover {
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5);
}

#fullScreenIcon {
  color: #3690bb;
  /* background-color: #d0caca; */

  /*  background-color: #e1dbdb; */
  border-color: #6c757d;
  float: right;
  cursor: pointer;
  width: 26px;
  height: 26px;
  font-size: 25px;
  margin: 10px;
  margin-top: 10px;
  margin-top: -2px;
  padding-left: 2px;
  padding-right: 4px;
  padding-top: 0px;
  padding-bottom: 4px;
  margin-left: 6px;
}

#fullScreenIcon:hover {
  background-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5);
}


.fullScreenActive,
.fullScreenActive:hover {
  background-color: #e1dbdb;
}

#upScrollWrap {
  float: right;
  margin-top: -28px;
  cursor: pointer;
}

#upScrollArrow {
  color: #3690bb;
  background-color: #d0caca;
  border-color: #6c757d;
  float: right;
  border-radius: 50%;
  cursor: pointer;
  width: 26px;
  height: 26px;
  font-size: 25px;
  margin: 10px;
  margin-top: -2px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  padding-bottom: 4px;
}

#colScrollArrow:hover,
#upScrollArrow:hover {
  background-color: #f9f1f1;
}

#colScrollText {
  float: right;
  color: #000;
  font-size: 14px;
  margin-top: 1px;
  margin-bottom: -15px;
}


#upScrollText {
  float: right;
  color: #0385C2;
  color: #5c5858;
  font-size: 14px;
  margin-top: 1px;
}

#example_wrapper,
.dataTables_scroll,
.dataTables_scrollHead {
  /*
  overflow-x: scroll !important;
  scrollbar-color: #0385C2 #6c757d;
  */
}

.dataTables_info,
.dataTables_paginate,
.paginate_button {
  display: none;
}

.rotateIcon {
  transform: rotate(-180deg);
}

@media (min-width:1000px) {
  /*  .selectize-control, .selectize-input {
     min-width: 194px;
   }

 */


  .format-percent-achievement.center-column-headers>thead>tr>th>span.dt-column-title {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    white-space: pre;
  }


  /* vertically aligning vals in data cells when there are val + percent 
  .main-number,
  .percentage {
    width: 17px;

  }

  .main-number,
  .percentage {
    display: inline-block;
  }
*/
  #tnp-logo-bw {
    margin-top: 40px;
  }

  p#scaleSource {
    padding-top: 70px;
  }

  /*
  th[aria-label="Country: activate to sort column descending"],
  #example>tbody>tr:nth-child(1)>td.sorting_1 {
    width: 100px !important;
  }
  */

  th[aria-label="Country: activate to sort column descending"] {
    width: 100px !important;
  }


  /*structure */
  th[aria-label="A002_01: activate to sort column ascending"] {
    width: 23px !important;
  }

  th[aria-label="A017_01: activate to sort column ascending"],
  th[aria-label="A017_02: activate to sort column ascending"],
  th[aria-label="A017_03: activate to sort column ascending"],
  th[aria-label="A017_04: activate to sort column ascending"],
  th[aria-label="A017_05: activate to sort column ascending"],
  th[aria-label="A017_06: activate to sort column ascending"] {
    width: 8.3%;
  }


  /* lang  */
  th[aria-label="A023: activate to sort column ascending"] {
    width: 100px !important;
  }


  th[aria-label="A014_01: activate to sort column ascending"] {
    width: 45% !important;
  }

  th[aria-label="A027_01: activate to sort column ascending"] {
    width: 90% !important;
  }

  th[aria-label="A015_01: activate to sort column ascending"] {
    width: 45% !important;
  }

  /* sociual */
  th[aria-label="A030_01: activate to sort column ascending"] {
    width: 90% !important;
  }

  th[aria-label="A031_01: activate to sort column ascending"] {
    width: 90% !important;
  }

  /* teacher preperation */
  th[aria-label="Country: activate to sort column descending"],
  th[aria-label="A032_01_CN: activate to sort column ascending"],
  th[aria-label="A032_01_1: activate to sort column ascending"],
  th[aria-label="A032_01_2: activate to sort column ascending"],
  th[aria-label="A032_02_CN: activate to sort column ascending"],
  th[aria-label="A032_02_1: activate to sort column ascending"],
  th[aria-label="A032_02_2: activate to sort column ascending"],
  th[aria-label="A032_03_CN: activate to sort column ascending"],
  th[aria-label="A032_03_1: activate to sort column ascending"],
  th[aria-label="A032_03_2: activate to sort column ascending"],
  th[aria-label="A032_04_CN: activate to sort column ascending"],
  th[aria-label="A032_04_1: activate to sort column ascending"],
  th[aria-label="A032_04_2: activate to sort column ascending"],
  th[aria-label="A034: activate to sort column ascending"],
  th[aria-label="A036_01_CN: activate to sort column ascending"],
  th[aria-label="A036_01_1: activate to sort column ascending"],
  th[aria-label="A036_01_2: activate to sort column ascending"],
  th[aria-label="A036_02_CN: activate to sort column ascending"],
  th[aria-label="A036_02_1: activate to sort column ascending"],
  th[aria-label="A036_02_2: activate to sort column ascending"],
  th[aria-label="A036_03_CN: activate to sort column ascending"],
  th[aria-label="A036_03_1: activate to sort column ascending"],
  th[aria-label="A036_03_2: activate to sort column ascending"],
  th[aria-label="A036_04_CN: activate to sort column ascending"],
  th[aria-label="A036_04_1: activate to sort column ascending"],
  th[aria-label="A036_04_2: activate to sort column ascending"],
  th[aria-label="A039: activate to sort column ascending"] {
    width: 20px !important;
    overflow: hidden !important;
  }

  th[aria-label="A033_01: activate to sort column ascending"],
  th[aria-label="A035_01: activate to sort column ascending"],
  th[aria-label="A037_01: activate to sort column ascending"],
  th[aria-label="A038_01: activate to sort column ascending"],
  th[aria-label="A040_01: activate to sort column ascending"],
  th[aria-label="A041_01: activate to sort column ascending"] {
    width: 10% !important;
  }


  #example>thead>tr>th.sorting.sorting_asc.custom-fixed {
    width: 163.984px !important;
    z-index: 3;
    background-color: #fff;
    opacity: 1;
  }

  #example>tbody>tr>td.custom-fixed {
    width: 179.984px !important;
    z-index: 3;
    background-color: #fff;
    opacity: 1;
  }

  #countryFilterLabel,
  #moduleSelectLabel {
    margin-bottom: 0px;
    font-size: 16px;
    color: #000;
  }

  #countryFilterLabel {
    width: 195px;
  }

  #countryLabel {
    margin-bottom: 0px;
    font-size: 15px;
    color: #000;
    width: 100%;
    text-align: center;
  }

  @-moz-document url-prefix() {
    #countryFilterLabel {
      margin-bottom: 26px;
    }

    .selectize-control {}
  }

  .selectize-control {}

}

@media (min-width:2000px) {
  #t23Header {
    margin-top: 40px;
    margin-right: 0;
    display: block;
    margin-left: 41px;
  }
}

@media(max-width:800px) {

  .fullScreenControl {
    display: none;
  }

  .selectize-control.plugin-clear_button .clear {
    display: none;
  }

  h4.currentTopicDisplayed {
    margin-top: 90px !important;
  }

  #moduleAndTopic {}

  #countryFilterLabel {
    margin-bottom: 22px;
    font-size: 15px;
  }
}

@media(max-width:1280px) {
  .selectize-control.plugin-clear_button .clear {
    display: none;
  }

  .description-block p {
    text-align: center;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 600;
    white-space: pre;
    overflow-x: ellipses;
    text-overflow: ellipsis;
    max-width: 211px;
    overflow: hidden;
    padding-left: 11px;
  }
}

@media(max-width:1407px) {

  .description-block p {
    text-align: center;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 600;
    white-space: pre;
    overflow-x: ellipses;
    text-overflow: ellipsis;
    max-width: 211px;
    overflow: hidden;
    padding-left: 11px;
  }

  .selectize-control.plugin-clear_button .clear {
    left: 201px;
    color: #0385C2;
    opacity: 1;
  }

  #gradeSelect,
  #moduleSelect,
  #topicSelect,
  #countrySelect,
  select {
    min-width: 100% !important;
  }

}

.nav-tabs .nav-link {
  color: #000;
}

.nav-tabs .nav-link.active {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.nav-tabs .nav-link {
  background-color: #f2f2f2;
}

.nav-tabs .nav-link:hover {
  background-color: #ccc;
}

.nav-tabs {
  z-index: 5;
}

#example_wrapper .justify-content-between {
  display: none;
}

.group-separator {
  background-color: #f2f2f2;
}

.group-separator td {
  padding: 8px;
}

/* from dt-site-styles.css */
.data-display-topic {
  text-align: center;
  font-weight: 700;
  /* color: #0385C2; */
}

.entry-header {
  display: none;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

body {
  font-family: "Open Sans", sans-serif;
}

hr {
  box-sizing: content-box;
  overflow: visible;
  background-color: #ccc;
  display: block;
  border: 0;
  border-top-width: 0px;
  border-top-style: none;
  border-top-color: currentcolor;
  border-top: 2px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

p:not(.text-muted) {
  color: #202124;
}

a,
#mini-menu a {
  color: #000;
}

a,
#mini-menu a {
  text-align: center;
}

a,
a.individualchapters:link a.downloadlink {
  color: #025D99;
  font-size: .97rem;
  text-decoration: none;
}

/* end from dt-site-styles.css */

select {
  font-weight: 100 !important;
}

select {
  font-weight: 100 !important;
}

/*
#fullScreenControl {
  float: right;
  cursor: pointer;
} */

#fullScreenControl {
  float: right;
  cursor: pointer;
  right: 200px;
  bottom: 0;
  margin-right: 126px;
  margin-bottom: -70px;
  margin-top: 36px;
}


#fullScreenText {
  float: right;
  color: #000;
  font-size: 14px;
  margin-top: 1px;
  margin-bottom: -15px;
}

#t23Nav>.navbar-dark .navbar-nav .nav-link {
  color: #01739a !important;
  font-family: "PT Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 25px;
  line-height: 2rem;
  text-transform: capitalize;
  text-align: left;
}

.ninetyPercentWidth {
  max-width: 94%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.selectize-control {
  width: 90%;
  max-width: 305px;
  margin-left: auto;
  margin-right: auto;
}

.close {
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1;
  color: #000;
  text-shadow: 1px 1px 1px #ccc;
  background-color: transparent;
  border: none;
}

#s-1,
.input-group #s-1,
html body.page-template-default.page.page-id-3236.wp-custom-logo.wp-embed-responsive.understrap-no-sidebar div#page.site header.banner.headerclass div#topbar.topclass.container aside#search-3.widget.widget_search form.search-form div.input-group input#s-1.field.search-field.form-control {
  margin-top: -17px;
}

.form-select {
  font-size: .938rem;
}

.static-data-display-topic {
  text-align: center;
  font-weight: 700;
}

.firstBlock {
  background-color: #fff !Important;
}

#t23Bar img {
  margin-right: -87px;
}


/* ADDED DT sortable CSS 10/1/24 */
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs4/dt-2.1.7
 *
 * Included libraries:
 *   DataTables 2.1.7
 */

/* 
@charset "UTF-8";

:root {
  --dt-row-selected: 2, 117, 216;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
  --dt-html-background: white;
}

:root.dark {
  --dt-html-background: rgb(33, 37, 41);
}

table.dataTable td.dt-control {
  text-align: center;
  cursor: pointer;
}

table.dataTable td.dt-control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

html.dark table.dataTable td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable td.dt-control:before,
:root[data-theme=dark] table.dataTable td.dt-control:before {
  border-left-color: rgba(255, 255, 255, 0.5);
}

html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-left-color: transparent;
}

div.dt-scroll {
  width: 100%;
}

div.dt-scroll-body thead tr,
div.dt-scroll-body tfoot tr {
  height: 0;
}

div.dt-scroll-body thead tr th,
div.dt-scroll-body thead tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body tfoot tr td {
  height: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}

div.dt-scroll-body thead tr th div.dt-scroll-sizing,
div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
  height: 0 !important;
  overflow: hidden !important;
}

table.dataTable thead>tr>th:active,
table.dataTable thead>tr>td:active {
  outline: none;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before {
  position: absolute;
  display: block;
  bottom: 50%;
  content: "▲";
  content: "▲" /"";
}

table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
  position: absolute;
  display: block;
  top: 50%;
  content: "▼";
  content: "▼" /"";
}

table.dataTable thead>tr>th.dt-orderable-asc,
table.dataTable thead>tr>th.dt-orderable-desc,
table.dataTable thead>tr>th.dt-ordering-asc,
table.dataTable thead>tr>th.dt-ordering-desc,
table.dataTable thead>tr>td.dt-orderable-asc,
table.dataTable thead>tr>td.dt-orderable-desc,
table.dataTable thead>tr>td.dt-ordering-asc,
table.dataTable thead>tr>td.dt-ordering-desc {
  position: relative;
  padding-right: 30px;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  width: 12px;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
  left: 0;
  opacity: 0.125;
  line-height: 9px;
  font-size: 0.8em;
}

table.dataTable thead>tr>th.dt-orderable-asc,
table.dataTable thead>tr>th.dt-orderable-desc,
table.dataTable thead>tr>td.dt-orderable-asc,
table.dataTable thead>tr>td.dt-orderable-desc {
  cursor: pointer;
}

table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover,
table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover {
  outline: 2px solid rgba(0, 0, 0, 0.05);
  outline-offset: -2px;
}

table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
  opacity: 0.6;
}

table.dataTable thead>tr>th.sorting_desc_disabled span.dt-column-order:after,
table.dataTable thead>tr>th.sorting_asc_disabled span.dt-column-order:before,
table.dataTable thead>tr>td.sorting_desc_disabled span.dt-column-order:after,
table.dataTable thead>tr>td.sorting_asc_disabled span.dt-column-order:before {
  display: none;
}

table.dataTable thead>tr>th:active,
table.dataTable thead>tr>td:active {
  outline: none;
}

div.dt-scroll-body>table.dataTable>thead>tr>th,
div.dt-scroll-body>table.dataTable>thead>tr>td {
  overflow: hidden;
}

:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,
:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,
:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,
:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover {
  outline: 2px solid rgba(255, 255, 255, 0.05);
}

div.dt-processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -22px;
  text-align: center;
  padding: 2px;
  z-index: 10;
}

div.dt-processing>div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}

div.dt-processing>div:last-child>div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(2, 117, 216);
  background: rgb(var(--dt-row-selected));
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

div.dt-processing>div:last-child>div:nth-child(1) {
  left: 8px;
  animation: datatables-loader-1 0.6s infinite;
}

div.dt-processing>div:last-child>div:nth-child(2) {
  left: 8px;
  animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing>div:last-child>div:nth-child(3) {
  left: 32px;
  animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing>div:last-child>div:nth-child(4) {
  left: 56px;
  animation: datatables-loader-3 0.6s infinite;
}

@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes datatables-loader-2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(24px, 0);
  }
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable th,
table.dataTable td {
  box-sizing: border-box;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable th.dt-empty,
table.dataTable td.dt-empty {
  text-align: center;
  vertical-align: top;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
  text-align: right;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
  text-align: left;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable.table {
  clear: both;
  max-width: none;
  border-spacing: 0;
  margin-bottom: 0;
}

table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1) {
  background-color: transparent;
}

table.dataTable.table>tbody>tr {
  background-color: transparent;
}

table.dataTable.table>tbody>tr.selected>* {
  box-shadow: inset 0 0 0 9999px rgb(2, 117, 216);
  box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
  color: rgb(255, 255, 255);
  color: rgb(var(--dt-row-selected-text));
}

table.dataTable.table>tbody>tr.selected a {
  color: rgb(9, 10, 11);
  color: rgb(var(--dt-row-selected-link));
}

table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1)>* {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
}

table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1).selected>* {
  box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.95);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
}

table.dataTable.table.table-hover>tbody>tr:hover>* {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
}

table.dataTable.table.table-hover>tbody>tr.selected:hover>* {
  box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.975);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
}

div.dt-container div.dt-layout-start>*:not(:last-child) {
  margin-right: 1em;
}

div.dt-container div.dt-layout-end>*:not(:first-child) {
  margin-left: 1em;
}

div.dt-container div.dt-layout-full {
  width: 100%;
}

div.dt-container div.dt-layout-full>*:only-child {
  margin-left: auto;
  margin-right: auto;
}

div.dt-container div.dt-layout-table>div {
  display: block !important;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-start>*:not(:last-child) {
    margin-right: 0;
  }

  div.dt-container div.dt-layout-end>*:not(:first-child) {
    margin-left: 0;
  }
}

div.dt-container>div.row {
  margin-bottom: 0.5rem;
}

div.dt-container>div.row:last-child {
  margin-bottom: 0;
}

div.dt-container div.dt-length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  margin-bottom: 0;
}

div.dt-container div.dt-length select {
  width: auto;
  display: inline-block;
  margin-right: 0.5em;
}

div.dt-container div.dt-search label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
  margin-bottom: 0;
}

div.dt-container div.dt-search input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dt-container div.dt-info {
  white-space: nowrap;
}

div.dt-container div.dt-paging {
  margin: 0;
}

div.dt-container div.dt-paging ul.pagination {
  margin: 0;
  flex-wrap: wrap;
}

div.dt-container div.dt-processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

div.dt-container div.dt-scroll-body {
  border-bottom: 1px solid #dee2e6;
}

div.dt-container div.dt-scroll-body table,
div.dt-container div.dt-scroll-body tbody>tr:last-child>* {
  border-bottom: none;
}

div.dt-scroll-head table.dataTable {
  margin-bottom: 0 !important;
}

div.dt-scroll-body>table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dt-scroll-body>table thead .dt-orderable-asc:before,
div.dt-scroll-body>table thead .dt-orderable-desc:after {
  display: none;
}

div.dt-scroll-body>table>tbody tr:first-child th,
div.dt-scroll-body>table>tbody tr:first-child td {
  border-top: none;
}

div.dt-scroll-foot>.dt-scroll-footInner {
  box-sizing: content-box;
}

div.dt-scroll-foot>.dt-scroll-footInner>table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {

  div.dt-container div.dt-length,
  div.dt-container div.dt-search,
  div.dt-container div.dt-info,
  div.dt-container div.dt-paging {
    text-align: center;
  }

  div.dt-container div.row {
    margin-bottom: 0;
  }

  div.dt-container div.row>* {
    margin-bottom: 0.5rem;
  }

  div.dt-container div.dt-paging ul.pagination {
    justify-content: center !important;
  }
}

table.dataTable.table-sm>thead>tr th.dt-orderable-asc,
table.dataTable.table-sm>thead>tr th.dt-orderable-desc,
table.dataTable.table-sm>thead>tr th.dt-ordering-asc,
table.dataTable.table-sm>thead>tr th.dt-ordering-desc,
table.dataTable.table-sm>thead>tr td.dt-orderable-asc,
table.dataTable.table-sm>thead>tr td.dt-orderable-desc,
table.dataTable.table-sm>thead>tr td.dt-ordering-asc,
table.dataTable.table-sm>thead>tr td.dt-ordering-desc {
  padding-right: 20px;
}

table.dataTable.table-sm>thead>tr th.dt-orderable-asc span.dt-column-order,
table.dataTable.table-sm>thead>tr th.dt-orderable-desc span.dt-column-order,
table.dataTable.table-sm>thead>tr th.dt-ordering-asc span.dt-column-order,
table.dataTable.table-sm>thead>tr th.dt-ordering-desc span.dt-column-order,
table.dataTable.table-sm>thead>tr td.dt-orderable-asc span.dt-column-order,
table.dataTable.table-sm>thead>tr td.dt-orderable-desc span.dt-column-order,
table.dataTable.table-sm>thead>tr td.dt-ordering-asc span.dt-column-order,
table.dataTable.table-sm>thead>tr td.dt-ordering-desc span.dt-column-order {
  right: 5px;
}

div.dt-scroll-head table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive>div.dt-container>div.row {
  margin: 0;
}

div.table-responsive>div.dt-container>div.row>div[class^=col-]:first-child {
  padding-left: 0;
}

div.table-responsive>div.dt-container>div.row>div[class^=col-]:last-child {
  padding-right: 0;
}

*/


table.dataTable.table.blue-math-rows tbody tr.international-average:nth-of-type(2n) {
  background-color: #438AD3 !important;
}

table.blue-math-rows>tbody>tr.international-average>td.socioeconomic-column-class,
table.blue-math-rows>tbody>tr.international-average>td#country-column-id,
table.blue-math-rows>tbody>tr.international-average>td:nth-child(1),
math-rows>tbody>tr.international-average>td,
table.blue-math-rows>tbody>tr.international-average>td>span,
table.blue-math-rows>tbody>tr.international-average>td {
  background-color: #438AD3 !important;
  color: #fff;
}