*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
padding: 30px;
padding-bottom: 0px;
font-size: 1.25em;
}
.grid:after {
content: "";
display: table;
clear: both;
}
.column {
float: left;
padding-right: 30px;
padding-left: 30px;
}
.column:last-child {
padding-right: 0px;
}
.column.col-wide {
padding-left: 0px;
padding-right: 0px;
}
.column:first-child {
padding-left: 0px;
}
.column:nth-child(2) {
padding-left: 0px;
}
.col-narrow {
width: 25%;
min-height: 1px;
}
.col-wide {
width: 50%;
min-height: 1px;
}
.col-superwide {
width: 75%;
min-height: 1px;
}
.col-fullwide {
width: 100%;
min-height: 1px;
}
.btn {
padding: 8px 12px;
font-size: 1em;
white-space: normal;
}
.btn.active {
background: #146edb;
border-color: #146edb;
color: white;
box-shadow: none;
-webkit-box-shadow: none;
}
.ece-survey .btn.active {
background: #818181;
}
.group-target .btn.active {
background: #37579f;
}
.cult-2024-ui.group-target .btn.active {
background: #127f71;
}
.ece-survey .btn.active {
border-color: #818181;
}
.group-target .btn.active {
border-color: #37579f;
}
.cult-2024-ui.group-target .btn.active {
border-color: #127f71;
}
.btn.active:hover,
.btn.active:focus {
background: #1057ac;
color: white;
box-shadow: none;
-webkit-box-shadow: none;
}
.ece-survey .btn.active:hover,
.ece-survey .btn.active:focus {
background: #686868;
}
.group-target .btn.active:hover,
.group-target .btn.active:focus {
background: #2a4279;
}
.cult-2024-ui.group-target .btn.active:hover,
.cult-2024-ui.group-target .btn.active:focus {
background: #0c5249;
}
body {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a {
text-decoration: underline;
color: #146edb;
cursor: pointer;
-webkit-transition: color 0.1s ease-out;
-moz-transition: color 0.1s ease-out;
-o-transition: color 0.1s ease-out;
-ms-transition: color 0.1s ease-out;
transition: color 0.1s ease-out;
}
.ece-survey a {
color: #818181;
}
.group-target a {
color: #37579f;
}
.cult-2024-ui.group-target a {
color: #127f71;
}
a:hover {
color: #0f52a3;
}
.ece-survey a:hover {
color: #626262;
}
.group-target a:hover {
color: #273e72;
}
.cult-2024-ui.group-target a:hover {
color: #0a4941;
}
svg a:not(:hover) {
text-decoration: none !important;
}
a:not([*|href]) {
color: inherit;
cursor: auto;
text-decoration: none;
}
@media print {
a[href]::after {
content: none;
}
}
.group-target a {
text-decoration: underline;
color: #37579f;
-webkit-transition: color 0.1s ease-out;
-moz-transition: color 0.1s ease-out;
-o-transition: color 0.1s ease-out;
-ms-transition: color 0.1s ease-out;
transition: color 0.1s ease-out;
}
.group-target a:hover {
color: #273e72;
}
h1 {
font-size: 2em;
font-weight: 300;
}
h2 {
font-size: 1.286em;
font-weight: 600;
line-height: 125%;
}
h3,
.h3 {
font-size: 1.107em;
font-weight: 600;
}
h4 {
font-weight: bold;
color: #bcbec0;
text-transform: uppercase;
font-size: 0.929em;
border-bottom: 1px solid #e6e7e8;
padding-bottom: 4px;
letter-spacing: 1px;
margin-bottom: 15px;
}
.error {
color: red;
}
.has-definition-popup {
cursor: pointer;
border-bottom: 1px dashed #cccccc;
line-height: 1.35em;
}
header {
padding-bottom: 28px;
border-bottom: 1px solid #e6e7e8;
}
header .logo {
display: inline-block;
}
header .logo[class~="5e"] img {
width: 138px;
}
header .logo.ece img {
height: 20px;
width: auto;
margin-bottom: -3px;
}
header .logo.bel img {
height: 30px;
width: auto;
}
header .logo.uci img {
max-width: 330px;
}
header .global-breadcrumb {
display: inline-block;
position: relative;
top: 3px;
margin-left: 6px;
}
header .global-breadcrumb a {
text-decoration: none;
}
[class~="5e-survey"] header .global-breadcrumb a {
color: #7da438;
}
.ece-survey header .global-breadcrumb a {
color: #332963;
}
.bel-survey header .global-breadcrumb a {
color: #000000;
}
.no-survey header .global-breadcrumb a,
header .global-breadcrumb a {
color: #000000;
}
header .global-breadcrumb a[href]:hover {
text-decoration: underline;
}
header .global-links {
list-style: none;
margin: 0px;
padding: 0px;
float: right;
padding-top: 3px;
}
header .global-links li {
display: inline-block;
padding-left: 5px;
}
header .global-links li a {
padding: 4px 0px;
text-decoration: none;
border-radius: 2px;
}
[class~="5e-survey"] header .global-links li a {
color: #7da438;
}
.ece-survey header .global-links li a {
color: #332963;
}
.bel-survey header .global-links li a {
color: #000000;
}
.no-survey header .global-links li a,
header .global-links li a {
color: #000000;
}
header .global-links li a:hover {
text-decoration: underline;
}
header .global-links li.icon-link a {
display: block;
background-size: 162px;
width: 24px;
height: 24px;
padding: 0;
border: none;
position: relative;
/*
&.search{
width: 24px;
height: 22px;
background-position: -0px -32px;
&.active, &:hover{
background-position: 0px 0px;
}
}
&.home{
width: 24px;
height: 22px;
top: -1px;
background-position: -34px -31px;
&.active, &:hover{
background-position: -34px 1px;
}
}
&.downloads{
width: 24px;
height: 23px;
top: 1px;
background-position: -70px -31px;
&.active, &:hover{
background-position: -70px 1px;
}
}
*/
}
[class~="5e-survey"] header .global-links li.icon-link a {
background-image: url("../img/header-sprite-5e.b23fd5480a88.gif");
}
.ece-survey header .global-links li.icon-link a {
background-image: url("../img/header-sprite-ece.9e90520c5964.gif");
}
.bel-survey header .global-links li.icon-link a,
.no-survey header .global-links li.icon-link a,
header .global-links li.icon-link a {
background-image: url("../img/header-sprite-bel.46a15c829f24.gif");
}
header .global-links li.icon-link a.help {
height: 22px;
background-position: -105px -32px;
}
header .global-links li.icon-link a.help.active,
header .global-links li.icon-link a.help:hover {
background-position: -105px 0px;
}
header .global-links li.icon-link a.account {
height: 22px;
width: 22px;
background-position: -140px -31px;
}
header .global-links li.icon-link a.account.active,
header .global-links li.icon-link a.account:hover {
background-position: -140px 1px;
}
header .global-links .text-link {
position: relative;
top: -6px;
}
header .global-links .login,
header .global-links .logout {
background: none;
}
header .global-links .btn-link {
width: auto;
text-decoration: none;
padding: 4px 7px;
position: relative;
top: -6px;
margin-right: 6px;
}
[class~="5e-survey"] header .global-links .btn-link {
background: #ebf3dd;
}
.ece-survey header .global-links .btn-link {
background: #afa6da;
}
.bel-survey header .global-links .btn-link {
background: #7a7a7a;
}
.no-survey header .global-links .btn-link,
header .global-links .btn-link {
background: #7a7a7a;
}
[class~="5e-survey"] header .global-links .btn-link {
color: #7da438;
}
.ece-survey header .global-links .btn-link {
color: #332963;
}
.bel-survey header .global-links .btn-link {
color: #000000;
}
.no-survey header .global-links .btn-link,
header .global-links .btn-link {
color: #000000;
}
.group-target header .global-links .btn-link {
color: #37579f;
}
[class~="5e-survey"] header .global-links .btn-link:hover {
background: #d5e7b7;
}
.ece-survey header .global-links .btn-link:hover {
background: #8f82cb;
}
.bel-survey header .global-links .btn-link:hover {
background: #616161;
}
.no-survey header .global-links .btn-link:hover,
header .global-links .btn-link:hover {
background: #616161;
}
header .text-link {
color: #6d6d6d;
}
header .extra-links {
float: right;
clear: right;
}
header .extra-links a {
text-decoration: none;
}
header .extra-links a[href] {
color: #afafaf;
}
header .extra-links a.active,
header .extra-links a:hover {
color: #146edb;
text-decoration: underline;
}
.ece-survey header .extra-links a.active,
.ece-survey header .extra-links a:hover {
color: #818181;
}
.group-target header .extra-links a.active,
.group-target header .extra-links a:hover {
color: #37579f;
}
.cult-2024-ui.group-target header .extra-links a.active,
.cult-2024-ui.group-target header .extra-links a:hover {
color: #127f71;
}
header .extra-links .spacer + .spacer {
display: none;
}
header .extra-links .spacer:not(:last-child) {
padding: 0 1ex;
}
header .extra-links .spacer:not(:last-child)::before {
content: "|";
opacity: 0.2;
}
nav {
padding-bottom: 28px;
padding-top: 28px;
}
.ece-survey:not(.report_intro-page) nav {
padding-top: 14px;
padding-bottom: 14px;
}
nav .grid {
vertical-align: top;
border: none;
}
nav .home {
text-decoration: none;
color: inherit;
}
nav .home:hover h1 {
text-decoration: underline;
}
nav .overall-rep {
margin-right: 10px;
position: relative;
top: 4px;
}
nav h1 {
margin-top: 0px;
margin-bottom: 0px;
display: inline-block;
}
nav h3 {
margin-top: 0px;
margin-bottom: 0px;
color: #bcbec0;
text-transform: capitalize;
padding-top: 2px;
}
nav .glyphicon-info-sign {
font-size: 1.5em;
top: 6px;
left: 5px;
opacity: 0.2;
display: inline-block;
vertical-align: top;
cursor: pointer;
}
nav .glyphicon-info-sign:hover {
opacity: 0.3;
}
nav .nav-block {
display: inline-block;
width: inherit;
vertical-align: top;
}
nav .nav-block.survey-tabs {
padding-top: 4px;
padding-left: 25px;
}
nav .nav-block.survey-tabs .icon-link:only-child {
display: none;
}
.bel-survey nav .nav-block.survey-tabs .icon-link:only-child {
display: inline-block;
}
nav .nav-block.survey-subnav {
float: right;
min-width: 230px;
}
.ece-survey:not(.report_intro-page) nav .nav-block {
margin-top: 30px;
}
.ece-survey:not(.report_intro-page) nav .nav-block .overall-rep {
height: 120px;
width: auto;
margin-top: -30px;
margin-right: 20px;
}
nav .column:first-child {
text-align: left;
padding-right: 0px;
}
nav .column.col-superwide {
text-align: left;
padding-left: 35px;
}
nav .column.col-superwide .notes-link {
float: right;
}
nav .icon-link {
text-align: center;
display: inline-block;
color: #ccc;
text-decoration: none;
padding: 0px 12px;
-webkit-transition: color 0.1s ease-out;
-moz-transition: color 0.1s ease-out;
-o-transition: color 0.1s ease-out;
-ms-transition: color 0.1s ease-out;
transition: color 0.1s ease-out;
}
nav .icon-link svg {
fill: #e6e7e8;
-webkit-transition: fill 0.1s ease-out;
-moz-transition: fill 0.1s ease-out;
-o-transition: fill 0.1s ease-out;
-ms-transition: fill 0.1s ease-out;
transition: fill 0.1s ease-out;
}
nav .icon-link:hover {
color: #999;
}
nav .icon-link:hover svg {
fill: #aaa;
}
nav .icon-link.active {
color: #146edb;
}
.ece-survey nav .icon-link.active {
color: #818181;
}
.group-target nav .icon-link.active {
color: #37579f;
}
.cult-2024-ui.group-target nav .icon-link.active {
color: #127f71;
}
nav .icon-link.active svg {
fill: #146edb;
}
.ece-survey nav .icon-link.active svg {
fill: #818181;
}
.group-target nav .icon-link.active svg {
fill: #37579f;
}
.cult-2024-ui.group-target nav .icon-link.active svg {
fill: #127f71;
}
nav .notes-link {
padding: 0px;
}
nav .report-toolbar {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: start;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
width: 240px;
height: 60px;
text-align: center;
}
nav .report-toolbar a {
display: inline-block;
margin-right: 1ex;
white-space: nowrap;
text-align: left;
text-decoration: none;
color: #afafaf;
display: block;
max-height: 18px;
margin-bottom: 2px;
}
nav .report-toolbar a.active,
nav .report-toolbar a:hover {
color: #146edb;
text-decoration: underline;
}
.ece-survey nav .report-toolbar a.active,
.ece-survey nav .report-toolbar a:hover {
color: #818181;
}
.group-target nav .report-toolbar a.active,
.group-target nav .report-toolbar a:hover {
color: #37579f;
}
.cult-2024-ui.group-target nav .report-toolbar a.active,
.cult-2024-ui.group-target nav .report-toolbar a:hover {
color: #127f71;
}
nav .report-toolbar a .notes-count {
color: #146edb;
font-weight: bold;
}
.ece-survey nav .report-toolbar a .notes-count {
color: #818181;
}
.group-target nav .report-toolbar a .notes-count {
color: #37579f;
}
.cult-2024-ui.group-target nav .report-toolbar a .notes-count {
color: #127f71;
}
.grid {
border-top: 1px solid #e6e7e8;
}
#report-body {
padding-top: 0px;
margin-right: -30px;
}
#report-body.measure-notes,
#report-body.measure-analysis {
position: relative;
padding-top: 18px;
border-top: 1px solid #e6e7e8;
border-bottom: 1px solid #e6e7e8;
width: inherit;
margin-left: -30px;
background: #fafafa;
padding-bottom: 100px;
}
#report-body.measure-notes .grid,
#report-body.measure-analysis .grid {
border-top: none;
}
#report-body .grid.report-grid {
position: relative;
border-top: 1px solid #e6e7e8;
}
.report-bg {
background-color: #f9f9f9;
width: 75%;
float: right;
padding-right: 30px;
box-sizing: border-box;
border-left: 1px solid #e6e7e8;
border-bottom: 1px solid #e6e7e8;
overflow: hidden;
}
#report-sidebar {
padding-top: 22px;
padding-right: 22px;
position: relative;
top: 0;
background: white;
bottom: 0;
}
#report-sidebar h1 {
margin-top: 0px;
}
#report-sidebar section {
margin-top: 30px;
}
#report-sidebar section:first-child {
margin-top: 0px;
}
#report-sidebar section .dropdown .btn {
width: 100%;
display: block;
text-align: left;
white-space: normal;
line-height: 100%;
}
#report-sidebar section .dropdown .btn .caret,
#jump-menu.bel-jump-menu .caret,
.bel-jump-menu.bel-jump-menu .caret {
position: absolute;
top: 45%;
right: 10px;
}
#report-sidebar .btn {
text-align: left;
margin-bottom: 6px;
background: #fafafa;
outline: none;
width: 100%;
}
#report-sidebar .btn:hover {
background: #eeeeee;
}
#report-sidebar .btn:focus {
background-color: rgba(20, 110, 219, 0.15);
}
.ece-survey #report-sidebar .btn:focus {
background-color: rgba(129, 129, 129, 0.15);
}
.group-target #report-sidebar .btn:focus {
background-color: rgba(55, 87, 159, 0.15);
}
#report-sidebar .btn svg {
position: relative;
top: 2px;
float: left;
fill: #999;
margin-right: 7px;
margin: 0 auto;
}
#report-sidebar .btn h1 {
margin-bottom: 0px;
color: #999;
}
#report-sidebar .btn.active {
background: #146edb;
border-color: #146edb;
border: 1px solid;
color: white;
}
.ece-survey #report-sidebar .btn.active {
background: #818181;
}
.group-target #report-sidebar .btn.active {
background: #37579f;
}
.cult-2024-ui.group-target #report-sidebar .btn.active {
background: #127f71;
}
.ece-survey #report-sidebar .btn.active {
border-color: #818181;
}
.group-target #report-sidebar .btn.active {
border-color: #37579f;
}
.cult-2024-ui.group-target #report-sidebar .btn.active {
border-color: #127f71;
}
#report-sidebar .btn.active .caret {
color: white;
border-width: 6px;
}
#report-sidebar .btn.active svg {
fill: white;
}
#report-sidebar .btn.active h1 {
color: white;
}
#report-sidebar .btn .button-text {
padding-left: 27px;
display: block;
}
#report-sidebar .btn .range-one-year {
top: 5px;
left: 5px;
}
#report-sidebar .change-table .btn {
background-color: #0e4d9a;
width: inherit;
}
.ece-survey #report-sidebar .change-table .btn {
background-color: #5d5d5d;
}
.group-target #report-sidebar .change-table .btn {
background-color: #253a6a;
}
.cult-2024-ui.group-target #report-sidebar .change-table .btn {
background-color: #094039;
}
#report-sidebar .change-table tbody tr td {
position: relative;
}
#report-sidebar .change-table tbody tr > td:last-child {
padding-bottom: 18px;
padding-left: 0px;
padding-right: 1px;
}
#report-sidebar .change-table tbody tr > td:last-child button:first-child {
right: 61px;
}
#report-sidebar .change-table tbody tr > td:last-child button:last-child {
right: 0px;
}
#report-sidebar .change-table .sub-table tbody tr > td:last-child {
min-width: inherit;
}
#report-sidebar .page-pickers .btn {
padding: 12px;
}
#report-sidebar #more-filters-menu {
padding-bottom: 11px;
padding-top: 11px;
}
#report-sidebar ul {
margin: 0px;
padding: 0px;
}
#report-sidebar h4 a {
float: right;
text-decoration: none;
}
#report-sidebar h4 a .glyphicon {
font-size: 90%;
margin-left: 4px;
}
#report-sidebar .table {
margin-bottom: 0px;
}
#report-sidebar .table tr {
cursor: default;
}
#report-sidebar .btn-group {
display: block;
}
#report-sidebar .btn-group .btn {
text-align: center;
}
#report-sidebar .btn-group:after {
clear: both;
content: "";
display: block;
text-indent: -9999px;
}
#report-sidebar .btn-group.school-toggle {
margin-top: 30px;
}
#report-sidebar .btn-group.school-toggle button {
width: 50%;
}
.parent-jump {
color: #bcbec0;
}
#jump-menu,
.bel-jump-menu {
font-size: 2em;
font-weight: 300;
border: none;
padding: 0px 10px 0px 0px;
margin-bottom: 10px;
white-space: inherit;
text-align: left;
line-height: 100%;
background: #fafafa;
border: 1px solid #adadad;
padding: 8px 12px;
}
#jump-menu.bel-jump-menu,
.bel-jump-menu.bel-jump-menu {
border-radius: 0;
background: white;
margin-right: 1ex;
}
#jump-menu.bel-jump-menu .menu-title,
.bel-jump-menu.bel-jump-menu .menu-title {
font-size: 0.6em;
line-height: initial;
}
#jump-menu.bel-jump-menu .menu-title .crumb,
.bel-jump-menu.bel-jump-menu .menu-title .crumb {
font-size: 0.8em;
}
#jump-menu.bel-jump-menu:not(.single-measure-standin),
.bel-jump-menu.bel-jump-menu:not(.single-measure-standin) {
padding-right: 2ex;
}
#jump-menu.active,
.bel-jump-menu.active,
#jump-menu:active,
.bel-jump-menu:active {
-webkit-box-shadow: none;
box-shadow: none;
}
#jump-menu.dropdown-toggle,
.bel-jump-menu.dropdown-toggle {
-webkit-box-shadow: none;
box-shadow: none;
}
#jump-menu .menu-title span,
.bel-jump-menu .menu-title span {
display: block;
}
#jump-menu .menu-title .crumb,
.bel-jump-menu .menu-title .crumb {
font-size: 0.52em;
margin-top: -3px;
line-height: 1.1;
}
#jump-menu .caret,
.bel-jump-menu .caret {
color: #146edb;
}
.ece-survey #jump-menu .caret,
.ece-survey .bel-jump-menu .caret {
color: #818181;
}
.group-target #jump-menu .caret,
.group-target .bel-jump-menu .caret {
color: #37579f;
}
.cult-2024-ui.group-target #jump-menu .caret,
.cult-2024-ui.group-target .bel-jump-menu .caret {
color: #127f71;
}
[aria-labelledby=jump-menu],
[aria-labelledby^=bel-jump-menu] {
border-color: #146edb;
top: 0;
padding: 10px;
}
.ece-survey [aria-labelledby=jump-menu],
.ece-survey [aria-labelledby^=bel-jump-menu] {
border-color: #818181;
}
.group-target [aria-labelledby=jump-menu],
.group-target [aria-labelledby^=bel-jump-menu] {
border-color: #37579f;
}
.cult-2024-ui.group-target [aria-labelledby=jump-menu],
.cult-2024-ui.group-target [aria-labelledby^=bel-jump-menu] {
border-color: #127f71;
}
[aria-labelledby=jump-menu] li a,
[aria-labelledby^=bel-jump-menu] li a {
padding-top: 4px;
padding-bottom: 4px;
}
[aria-labelledby=jump-menu] li.active a,
[aria-labelledby^=bel-jump-menu] li.active a {
border-radius: 3px;
background-color: #146edb;
color: white;
}
.ece-survey [aria-labelledby=jump-menu] li.active a,
.ece-survey [aria-labelledby^=bel-jump-menu] li.active a {
background-color: #818181;
}
.group-target [aria-labelledby=jump-menu] li.active a,
.group-target [aria-labelledby^=bel-jump-menu] li.active a {
background-color: #37579f;
}
.cult-2024-ui.group-target [aria-labelledby=jump-menu] li.active a,
.cult-2024-ui.group-target [aria-labelledby^=bel-jump-menu] li.active a {
background-color: #127f71;
}
[aria-labelledby=jump-menu] li.active a:hover,
[aria-labelledby^=bel-jump-menu] li.active a:hover {
background-color: #115eba;
}
.ece-survey [aria-labelledby=jump-menu] li.active a:hover,
.ece-survey [aria-labelledby^=bel-jump-menu] li.active a:hover {
background-color: #6f6f6f;
}
.group-target [aria-labelledby=jump-menu] li.active a:hover,
.group-target [aria-labelledby^=bel-jump-menu] li.active a:hover {
background-color: #2e4884;
}
.cult-2024-ui.group-target [aria-labelledby=jump-menu] li.active a:hover,
.cult-2024-ui.group-target [aria-labelledby^=bel-jump-menu] li.active a:hover {
background-color: #0e6055;
}
[aria-labelledby=jump-menu] li:last-child,
[aria-labelledby^=bel-jump-menu] li:last-child {
margin-bottom: 8px;
}
[aria-labelledby=jump-menu] li.indent-0 a,
[aria-labelledby^=bel-jump-menu] li.indent-0 a {
font-size: 1.8em;
margin-bottom: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
[aria-labelledby=jump-menu] li.indent-1,
[aria-labelledby^=bel-jump-menu] li.indent-1 {
font-weight: bold;
}
[aria-labelledby=jump-menu] li.indent-1 a,
[aria-labelledby^=bel-jump-menu] li.indent-1 a {
font-weight: bold;
color: #555;
}
[aria-labelledby=jump-menu] li.indent-1.active a,
[aria-labelledby^=bel-jump-menu] li.indent-1.active a {
color: white;
}
[aria-labelledby=jump-menu] li.indent-1 a::before,
[aria-labelledby^=bel-jump-menu] li.indent-1 a::before {
opacity: 0.25;
}
[aria-labelledby=jump-menu] li.indent-2,
[aria-labelledby^=bel-jump-menu] li.indent-2 {
border-left: 1px solid #bbb;
margin-left: 20px;
}
[aria-labelledby=jump-menu] li.indent-2 a,
[aria-labelledby^=bel-jump-menu] li.indent-2 a {
margin-left: 8px;
margin-right: 8px;
padding-left: 10px;
}
[aria-labelledby=jump-menu] li.indent-2 a::before,
[aria-labelledby^=bel-jump-menu] li.indent-2 a::before {
opacity: 0.25;
padding-left: 12px;
}
[aria-labelledby=bel-comparison-menu] li.indent-1 [role=menuitem]::before {
content: " — ";
}
.dropdown-menu > li > a {
text-decoration: none;
}
#data-ranges button,
.disaggregation-options button {
display: block;
width: 100%;
position: relative;
vertical-align: middle;
}
#data-ranges button.active::before,
.disaggregation-options button.active::before {
content: "";
background-color: #1057ac;
width: 10px;
height: 10px;
border-radius: 5px;
position: absolute;
right: 10px;
top: 50%;
bottom: 50%;
margin-top: -5px;
}
.ece-survey #data-ranges button.active::before,
.ece-survey .disaggregation-options button.active::before {
background-color: #686868;
}
.group-target #data-ranges button.active::before,
.group-target .disaggregation-options button.active::before {
background-color: #2a4279;
}
.cult-2024-ui.group-target #data-ranges button.active::before,
.cult-2024-ui.group-target .disaggregation-options button.active::before {
background-color: #0c5249;
}
#data-ranges button.active::after,
.disaggregation-options button.active::after {
content: "";
color: #146edb;
right: -23px;
position: absolute;
width: 40px;
height: 2px;
background-color: #1057ac;
top: 50%;
bottom: 50%;
margin-top: -1px;
}
.ece-survey #data-ranges button.active::after,
.ece-survey .disaggregation-options button.active::after {
color: #818181;
}
.group-target #data-ranges button.active::after,
.group-target .disaggregation-options button.active::after {
color: #37579f;
}
.cult-2024-ui.group-target #data-ranges button.active::after,
.cult-2024-ui.group-target .disaggregation-options button.active::after {
color: #127f71;
}
.ece-survey #data-ranges button.active::after,
.ece-survey .disaggregation-options button.active::after {
background-color: #686868;
}
.group-target #data-ranges button.active::after,
.group-target .disaggregation-options button.active::after {
background-color: #2a4279;
}
.cult-2024-ui.group-target #data-ranges button.active::after,
.cult-2024-ui.group-target .disaggregation-options button.active::after {
background-color: #0c5249;
}
#report-sidebar #comparison-items .btn {
width: inherit;
margin-right: 6px;
text-align: left;
margin-bottom: 6px;
}
#filter-questions {
list-style: none;
}
#filter-questions svg {
left: 5px;
}
#filter-questions a {
color: #444;
text-decoration: none;
}
#filter-questions a:hover {
color: #0f52a3;
}
.ece-survey #filter-questions a:hover {
color: #626262;
}
.group-target #filter-questions a:hover {
color: #273e72;
}
.cult-2024-ui.group-target #filter-questions a:hover {
color: #0a4941;
}
#filter-questions a.active {
color: #146edb;
}
.ece-survey #filter-questions a.active {
color: #818181;
}
.group-target #filter-questions a.active {
color: #37579f;
}
.cult-2024-ui.group-target #filter-questions a.active {
color: #127f71;
}
#filter-questions a .question-text {
padding-left: 15px;
display: block;
}
#filter-questions a svg {
float: left;
position: relative;
top: 3px;
left: 5px;
}
#filter-questions a:hover svg {
fill: #0f52a3;
}
.ece-survey #filter-questions a:hover svg {
fill: #626262;
}
.group-target #filter-questions a:hover svg {
fill: #273e72;
}
.cult-2024-ui.group-target #filter-questions a:hover svg {
fill: #0a4941;
}
#filter-questions a.active {
color: #146edb;
text-decoration: none;
font-weight: 600;
}
.ece-survey #filter-questions a.active {
color: #818181;
}
.group-target #filter-questions a.active {
color: #37579f;
}
.cult-2024-ui.group-target #filter-questions a.active {
color: #127f71;
}
#filter-questions a.active svg {
fill: #146edb;
}
.ece-survey #filter-questions a.active svg {
fill: #818181;
}
.group-target #filter-questions a.active svg {
fill: #37579f;
}
.cult-2024-ui.group-target #filter-questions a.active svg {
fill: #127f71;
}
#filter-questions .btn {
width: 100%;
}
.dropdown-menu[aria-labelledby=more-filters-menu] {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.filter-editor {
background-color: #146edb;
padding: 12px 12px 12px 12px;
color: white;
}
.ece-survey .filter-editor {
background-color: #818181;
}
.group-target .filter-editor {
background-color: #37579f;
}
.cult-2024-ui.group-target .filter-editor {
background-color: #127f71;
}
.filter-editor .btn {
width: inherit !important;
}
.filter-editor .btn.save {
border-radius: 0px;
color: white;
}
#report-sidebar .filter-editor .btn.save {
background-color: #1057ac;
}
.ece-survey #report-sidebar .filter-editor .btn.save {
background-color: #686868;
}
.group-target #report-sidebar .filter-editor .btn.save {
background-color: #2a4279;
}
.cult-2024-ui.group-target #report-sidebar .filter-editor .btn.save {
background-color: #0c5249;
}
.filter-editor .btn.cancel {
background: none !important;
color: white;
}
.filter-editor .selection-group {
background: white;
position: relative;
margin-bottom: 10px;
margin-top: 10px;
width: 100%;
display: block;
color: #333;
}
.filter-editor .selection-group > div {
width: 100%;
display: block;
}
.filter-editor .selection-group > div > div {
z-index: 2;
}
.filter-editor .selection-group .search-box {
display: block;
width: 100%;
border: none;
padding: 12px;
outline: none;
}
.filter-editor .selection-group .suggestion {
cursor: default;
font-size: 14px;
line-height: 160%;
padding-left: 10px;
padding-right: 10px;
}
.filter-editor .selection-group .highlighted.suggestion {
color: white;
background: grey;
}
.filter-editor .selection-group ul.selected-measures {
list-style: none;
padding: 4px !important;
}
.filter-editor .selection-group ul.selected-measures li {
display: inline-block;
background: #ccc;
margin: 4px;
padding: 6px 6px 6px 9px;
}
.filter-editor .selection-group ul.selected-measures li .glyphicon {
color: #999;
top: 3px;
cursor: pointer;
}
.filter-editor .selection-group ul.selected-measures li .glyphicon:hover {
color: #333;
}
.collapsable-group {
padding-bottom: 15px;
}
.collapsable-group .row-style:last-of-type {
border-bottom: 1px solid #e6e7e8;
}
.row-style {
display: block;
border: 1px solid #e6e7e8;
border-bottom: none;
color: #333 !important;
text-decoration: none !important;
padding: 12px;
background: #fafafa;
position: relative;
}
.row-style .dots {
position: absolute;
right: 33px;
top: 16px;
}
.row-style .dots .dot {
display: inline-block;
margin-right: 0.5ex;
width: 1em;
height: 1em;
border-radius: 1em;
}
.row-style .dots .dot.lit {
background-color: #4598F1;
}
.row-style .dots .dot.dim {
background-color: #cbcbcb;
}
.row-style svg.svg-glyph {
fill: #146edb;
position: absolute;
right: 10px;
top: 18px;
}
.ece-survey .row-style svg.svg-glyph {
fill: #818181;
}
.group-target .row-style svg.svg-glyph {
fill: #37579f;
}
.cult-2024-ui.group-target .row-style svg.svg-glyph {
fill: #127f71;
}
.row-style .title {
color: #146edb;
font-weight: bold;
}
.ece-survey .row-style .title {
color: #818181;
}
.group-target .row-style .title {
color: #37579f;
}
.cult-2024-ui.group-target .row-style .title {
color: #127f71;
}
.row-style.collapsed {
background: white;
text-decoration: none;
color: #333;
}
.row-style.collapsed > .svg-glyph {
transform: rotate(180deg);
transform-origin: 50% 50%;
}
.row-style.collapsed .title {
font-weight: normal;
color: #333;
}
.row-style:hover {
text-decoration: none;
color: #333;
background: #f2f2f2;
cursor: pointer;
}
.row-style div > *:first-child {
padding-top: 12px;
}
#report-graph,
#report-content {
position: relative;
padding-left: 0px;
padding-right: 0px;
}
#report-graph .connecting-line,
#report-content .connecting-line {
position: absolute;
top: 0;
left: 0;
right: 0;
border-top: 1px solid;
border-top-color: #146edb;
display: none;
}
.ece-survey #report-graph .connecting-line,
.ece-survey #report-content .connecting-line {
border-top-color: #818181;
}
.group-target #report-graph .connecting-line,
.group-target #report-content .connecting-line {
border-top-color: #37579f;
}
.cult-2024-ui.group-target #report-graph .connecting-line,
.cult-2024-ui.group-target #report-content .connecting-line {
border-top-color: #127f71;
}
#report-graph .axis.no-data,
#report-content .axis.no-data {
opacity: 0.1;
}
.report-bg .driving-question {
width: 72%;
margin-top: 0px;
position: relative;
left: 3%;
padding-top: 22px;
}
#report-details {
position: relative;
float: right;
width: 66%;
}
#report-details p {
display: inline-block;
}
#report-details .scroll-helper {
overflow: auto;
}
#report-details .scroll-helper .scroll-content-wrapper {
overflow: hidden;
padding-right: 1px;
}
#report-details .glyphicon-info-sign {
float: right;
position: relative;
top: 2.5em;
cursor: pointer;
}
#report-details .table {
margin-bottom: 30px;
}
#report-details .table thead th.sortable-column {
cursor: pointer;
white-space: nowrap;
}
#report-details .table thead th.sortable-column:hover {
background: white;
}
#report-details .table thead th.sortable-column .active-sort-direction {
font-size: 0.85em;
color: #146edb;
top: 2px;
}
.ece-survey #report-details .table thead th.sortable-column .active-sort-direction {
color: #818181;
}
.group-target #report-details .table thead th.sortable-column .active-sort-direction {
color: #37579f;
}
.cult-2024-ui.group-target #report-details .table thead th.sortable-column .active-sort-direction {
color: #127f71;
}
#report-details .table tbody tr {
background-color: white;
}
#report-details .table tbody tr:hover {
background-color: #f2f2f2;
}
#report-details .table tbody tr > td {
vertical-align: middle;
}
#report-details .table tbody tr > td:first-child {
width: 33%;
}
#report-details .school-breakdown {
font-size: 0.786em;
}
#report-details .explore-all-measures {
padding-bottom: 35px;
}
#report-details .status-message {
background: white;
border-radius: 5px;
text-align: center;
padding: 10px;
}
.table > thead > tr > th {
border: none;
padding-top: 20px;
line-height: 120%;
font-size: 1.107em;
font-weight: 600;
}
.table > thead > tr > th:first-child {
padding-left: 0px;
}
.table > thead > tr > th .caret {
color: #bbb;
}
.table > thead > tr > th.sortable {
cursor: pointer;
}
.table > thead > tr > th.sortable:hover {
background: #f2f2f2;
}
.table > thead > tr > th.sorted {
color: #146edb;
}
.ece-survey .table > thead > tr > th.sorted {
color: #818181;
}
.group-target .table > thead > tr > th.sorted {
color: #37579f;
}
.cult-2024-ui.group-target .table > thead > tr > th.sorted {
color: #127f71;
}
.table > thead > tr > th.sorted .caret {
color: #146edb;
}
.ece-survey .table > thead > tr > th.sorted .caret {
color: #818181;
}
.group-target .table > thead > tr > th.sorted .caret {
color: #37579f;
}
.cult-2024-ui.group-target .table > thead > tr > th.sorted .caret {
color: #127f71;
}
.table.no-select > tbody tr:hover {
background: inherit;
cursor: default;
}
.table > tbody tr {
border: 1px solid #e6e7e8;
}
.table > tbody tr:hover {
background: #f2f2f2;
cursor: pointer;
}
.table > tbody tr.editor-row {
background: #f2f2f2;
position: relative;
cursor: default;
}
.table > tbody tr.editor-row h3 {
margin-top: 2px;
}
.table > tbody tr.actions-row {
border: 1px solid;
border-color: rgba(20, 110, 219, 0.75);
}
.ece-survey .table > tbody tr.actions-row {
border-color: rgba(129, 129, 129, 0.75);
}
.group-target .table > tbody tr.actions-row {
border-color: rgba(55, 87, 159, 0.75);
}
.table > tbody tr.actions-row td {
background-color: rgba(20, 110, 219, 0.75);
padding: 4px 12px 5px;
}
.ece-survey .table > tbody tr.actions-row td {
background-color: rgba(129, 129, 129, 0.75);
}
.group-target .table > tbody tr.actions-row td {
background-color: rgba(55, 87, 159, 0.75);
}
.table > tbody tr.actions-row button,
.bel-report .table > tbody tr button,
.table > tbody tr.actions-row .linkout-button,
.bel-report .table > tbody tr .linkout-button {
margin-right: 10px;
background-color: #0e4d9a;
color: white;
font-weight: 500;
font-size: 0.714em;
letter-spacing: 0.5px;
text-transform: uppercase;
border-radius: 0;
padding: 2px 7px 1px;
}
.ece-survey .table > tbody tr.actions-row button,
.ece-survey .bel-report .table > tbody tr button,
.ece-survey .table > tbody tr.actions-row .linkout-button,
.ece-survey .bel-report .table > tbody tr .linkout-button {
background-color: #5d5d5d;
}
.group-target .table > tbody tr.actions-row button,
.group-target .bel-report .table > tbody tr button,
.group-target .table > tbody tr.actions-row .linkout-button,
.group-target .bel-report .table > tbody tr .linkout-button {
background-color: #253a6a;
}
.cult-2024-ui.group-target .table > tbody tr.actions-row button,
.cult-2024-ui.group-target .bel-report .table > tbody tr button,
.cult-2024-ui.group-target .table > tbody tr.actions-row .linkout-button,
.cult-2024-ui.group-target .bel-report .table > tbody tr .linkout-button {
background-color: #094039;
}
.table > tbody tr.actions-row button .glyphicon,
.bel-report .table > tbody tr button .glyphicon,
.table > tbody tr.actions-row .linkout-button .glyphicon,
.bel-report .table > tbody tr .linkout-button .glyphicon {
font-size: 0.75em;
top: -0.5px;
}
.table > tbody tr.actions-row button:hover,
.bel-report .table > tbody tr button:hover,
.table > tbody tr.actions-row .linkout-button:hover,
.bel-report .table > tbody tr .linkout-button:hover {
background-color: #0b3f7e;
}
.ece-survey .table > tbody tr.actions-row button:hover,
.ece-survey .bel-report .table > tbody tr button:hover,
.ece-survey .table > tbody tr.actions-row .linkout-button:hover,
.ece-survey .bel-report .table > tbody tr .linkout-button:hover {
background-color: #4e4e4e;
}
.group-target .table > tbody tr.actions-row button:hover,
.group-target .bel-report .table > tbody tr button:hover,
.group-target .table > tbody tr.actions-row .linkout-button:hover,
.group-target .bel-report .table > tbody tr .linkout-button:hover {
background-color: #1d2e53;
}
.cult-2024-ui.group-target .table > tbody tr.actions-row button:hover,
.cult-2024-ui.group-target .bel-report .table > tbody tr button:hover,
.cult-2024-ui.group-target .table > tbody tr.actions-row .linkout-button:hover,
.cult-2024-ui.group-target .bel-report .table > tbody tr .linkout-button:hover {
background-color: #052622;
}
.bel-report .table > tbody tr button,
.bel-report .table > tbody tr .linkout-button {
border: none;
padding: 4px 7px 3px;
}
.bel-report .table > tbody tr .linkout-button {
margin-top: 5px;
width: 11.5ex;
text-decoration: none;
}
.table > tbody tr .name-flex-wrapper {
display: flex;
align-items: center;
}
.table > tbody tr .individual-rep {
vertical-align: middle;
margin-right: 1ex;
}
.table > tbody tr .essential {
width: 8px;
margin-right: 2px;
position: relative;
top: -2px;
}
.table > tbody tr > td:last-child {
position: relative;
min-width: 60px;
}
.table > tbody tr > td:last-child svg {
fill: #146edb;
float: right;
}
.ece-survey .table > tbody tr > td:last-child svg {
fill: #818181;
}
.group-target .table > tbody tr > td:last-child svg {
fill: #37579f;
}
.cult-2024-ui.group-target .table > tbody tr > td:last-child svg {
fill: #127f71;
}
.table > tbody tr > td:last-child svg:nth-child(2) {
width: 20px;
position: relative;
top: -4px;
left: -4px;
}
.table > tbody tr.primary {
font-weight: bold;
}
.table > tbody tr.selected {
border: 1px solid;
border-color: #146edb;
}
.ece-survey .table > tbody tr.selected {
border-color: #818181;
}
.group-target .table > tbody tr.selected {
border-color: #37579f;
}
.cult-2024-ui.group-target .table > tbody tr.selected {
border-color: #127f71;
}
.table > tbody tr.selected > td {
background-color: #146edb;
color: white;
position: relative;
}
.ece-survey .table > tbody tr.selected > td {
background-color: #818181;
}
.group-target .table > tbody tr.selected > td {
background-color: #37579f;
}
.cult-2024-ui.group-target .table > tbody tr.selected > td {
background-color: #127f71;
}
.table > tbody tr.selected > td:first-child {
font-weight: bold;
}
.table > tbody tr.selected > td .overview {
font-weight: normal;
margin-bottom: 0px;
margin-top: 5px;
}
.table > tbody tr.selected > td .score {
color: white;
font-weight: normal;
}
.table .btn {
white-space: nowrap;
}
.table.sub-table {
background-color: rgba(20, 110, 219, 0.125);
margin-top: 0px;
border: 15px solid transparent;
}
.ece-survey .table.sub-table {
background-color: rgba(129, 129, 129, 0.125);
}
.group-target .table.sub-table {
background-color: rgba(55, 87, 159, 0.125);
}
.table.sub-table thead th {
border-bottom: 1px solid;
border-bottom-color: #146edb;
text-align: left;
padding-left: 0px;
padding-top: 0px;
font-size: 1em;
color: #146edb;
}
.ece-survey .table.sub-table thead th {
border-bottom-color: #818181;
}
.group-target .table.sub-table thead th {
border-bottom-color: #37579f;
}
.cult-2024-ui.group-target .table.sub-table thead th {
border-bottom-color: #127f71;
}
.ece-survey .table.sub-table thead th {
color: #818181;
}
.group-target .table.sub-table thead th {
color: #37579f;
}
.cult-2024-ui.group-target .table.sub-table thead th {
color: #127f71;
}
.table.sub-table tbody tr {
border: none;
}
.table.sub-table tbody tr:hover {
background-color: inherit;
cursor: default;
}
.table.sub-table tbody tr td {
text-align: left;
padding-left: 0px;
padding-bottom: 0px;
}
.table.sub-table tbody tr td:last-child {
min-width: auto;
}
.note-editor .user-notes {
padding: 8px 12px;
border-color: #e6e7e8;
display: block;
width: 100%;
}
.note-editor .save-edits {
float: right;
}
.note-editor .close {
top: 7px;
right: 12px;
position: absolute;
font-size: 2.2em;
cursor: pointer;
}
.note-editor form textarea {
padding: 8px 12px;
border: 1px solid #e6e7e8;
margin-bottom: 12px ;
}
.note-editor form .save-error {
text-align: left;
display: block;
margin-top: 15px;
margin-top: 0px;
margin-bottom: 10px;
color: #e80000;
}
.note-editor form button[type="submit"] {
color: white;
border: none;
font-weight: 500;
font-size: 0.714em;
letter-spacing: 0.5px;
text-transform: uppercase;
border-radius: 0px;
padding: 6px 8px 4px 8px;
display: inline-block;
float: left;
margin-right: 10px;
}
.note-editor form button[type="submit"]:not([disabled]) {
background-color: #146edb;
cursor: pointer;
}
.ece-survey .note-editor form button[type="submit"]:not([disabled]) {
background-color: #818181;
}
.group-target .note-editor form button[type="submit"]:not([disabled]) {
background-color: #37579f;
}
.cult-2024-ui.group-target .note-editor form button[type="submit"]:not([disabled]) {
background-color: #127f71;
}
.note-editor form button[type="submit"]:not([disabled]):hover {
background-color: #1057ac;
}
.ece-survey .note-editor form button[type="submit"]:not([disabled]):hover {
background-color: #686868;
}
.group-target .note-editor form button[type="submit"]:not([disabled]):hover {
background-color: #2a4279;
}
.cult-2024-ui.group-target .note-editor form button[type="submit"]:not([disabled]):hover {
background-color: #0c5249;
}
.note-editor form a {
position: relative;
top: 2px;
padding: 4px 4px 4px 0px;
cursor: pointer;
}
.note-editor form button {
background-color: #146edb;
border: none;
color: white;
font-weight: 500;
font-size: 0.714em;
letter-spacing: 0.5px;
text-transform: uppercase;
border-radius: 0px;
padding: 6px 8px 4px 8px;
cursor: pointer;
}
.ece-survey .note-editor form button {
background-color: #818181;
}
.group-target .note-editor form button {
background-color: #37579f;
}
.cult-2024-ui.group-target .note-editor form button {
background-color: #127f71;
}
.note-editor form button:hover {
background-color: #1057ac;
color: white;
}
.ece-survey .note-editor form button:hover {
background-color: #686868;
}
.group-target .note-editor form button:hover {
background-color: #2a4279;
}
.cult-2024-ui.group-target .note-editor form button:hover {
background-color: #0c5249;
}
.note-editor form button:disabled {
opacity: 0.6;
cursor: default;
}
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 12px;
border: none;
}
.score {
font-weight: 600;
text-transform: capitalize;
display: block;
}
.graph-wrapper .popover {
max-width: 500px;
min-width: 340px;
}
.graph-wrapper .popover .combo-score {
white-space: nowrap;
}
.graph-wrapper .popover .combo-score .raw-score {
float: none;
display: inline-block;
}
.graph-wrapper .popover .combo-score .score {
display: inline-block;
}
.graph-wrapper .popover tr td {
border-bottom: 1px solid #e6e7e8;
padding-top: 8px;
padding-bottom: 7px;
line-height: 125%;
vertical-align: top;
}
.graph-wrapper .popover tr td:first-child {
padding-right: 20px;
}
.graph-wrapper .popover tr:hover {
background-color: #f2f2f2;
cursor: pointer;
}
.measure-resources .row-style > div {
position: relative;
}
.measure-resources .row-style > div:after {
clear: both;
content: "";
float: none;
display: block;
}
.measure-resources .row-style > div p {
float: left;
padding-right: 100px;
}
.measure-resources .row-style > div a.small-square-blue-btn {
position: absolute;
top: 10px;
right: 0;
}
.small-square-blue-btn {
background-color: #146edb;
color: white;
font-weight: 500;
font-size: 0.714em;
letter-spacing: 0.5px;
text-transform: uppercase;
border-radius: 0px;
padding: 5px 7px 4px 7px;
position: absolute;
top: 10px;
text-decoration: none;
}
.ece-survey .small-square-blue-btn {
background-color: #818181;
}
.group-target .small-square-blue-btn {
background-color: #37579f;
}
.cult-2024-ui.group-target .small-square-blue-btn {
background-color: #127f71;
}
.small-square-blue-btn:hover {
color: white;
text-decoration: none;
background-color: #1057ac;
}
.ece-survey .small-square-blue-btn:hover {
background-color: #686868;
}
.group-target .small-square-blue-btn:hover {
background-color: #2a4279;
}
.cult-2024-ui.group-target .small-square-blue-btn:hover {
background-color: #0c5249;
}
.small-square-blue-btn.disabled {
background: grey;
cursor: auto;
}
.blue-button {
font-weight: bold;
color: white;
background-color: #146edb;
padding: 8px 10px;
text-decoration: none;
border: none;
}
.ece-survey .blue-button {
background-color: #818181;
}
.group-target .blue-button {
background-color: #37579f;
}
.cult-2024-ui.group-target .blue-button {
background-color: #127f71;
}
.blue-button:hover,
.blue-button:active,
.blue-button:focus {
background-color: #1057ac;
color: white;
text-decoration: none;
}
.ece-survey .blue-button:hover,
.ece-survey .blue-button:active,
.ece-survey .blue-button:focus {
background-color: #686868;
}
.group-target .blue-button:hover,
.group-target .blue-button:active,
.group-target .blue-button:focus {
background-color: #2a4279;
}
.cult-2024-ui.group-target .blue-button:hover,
.cult-2024-ui.group-target .blue-button:active,
.cult-2024-ui.group-target .blue-button:focus {
background-color: #0c5249;
}
.blue-button.disabled {
opacity: 0.5;
cursor: default;
}
.blue-button.disabled:hover {
background-color: #146edb;
}
.ece-survey .blue-button.disabled:hover {
background-color: #818181;
}
.group-target .blue-button.disabled:hover {
background-color: #37579f;
}
.cult-2024-ui.group-target .blue-button.disabled:hover {
background-color: #127f71;
}
.grey-button {
font-weight: bold;
color: white;
background: #6c6f72;
padding: 8px 10px;
text-decoration: none;
}
.grey-button:hover,
.grey-button:active,
.grey-button:focus {
background: #535658;
color: white;
text-decoration: none;
}
.grey-button.disabled {
opacity: 0.5;
cursor: default;
}
.grey-button.disabled:hover {
background: #6c6f72;
}
.overall-rep {
float: left;
}
.modal-dialog .modal-body form {
margin-top: 10px;
}
.modal-dialog .modal-body form input {
display: block;
padding: 4px 8px;
border: 1px solid #dedede;
font-weight: normal;
}
.modal-dialog .modal-body button {
border: none;
background-color: #146edb;
color: white;
font-weight: bold;
text-transform: uppercase;
padding: 5px 10px 4px 10px;
margin-top: 10px;
border-radius: 0px;
}
.ece-survey .modal-dialog .modal-body button {
background-color: #818181;
}
.group-target .modal-dialog .modal-body button {
background-color: #37579f;
}
.cult-2024-ui.group-target .modal-dialog .modal-body button {
background-color: #127f71;
}
.reports-list {
list-style: none;
padding: 0px;
}
.reports-list li {
padding-bottom: 8px;
}
.reports-list li a {
color: #146edb;
}
.ece-survey .reports-list li a {
color: #818181;
}
.group-target .reports-list li a {
color: #37579f;
}
.cult-2024-ui.group-target .reports-list li a {
color: #127f71;
}
.reports-list li a:hover {
color: #0e4d9a;
}
.ece-survey .reports-list li a:hover {
color: #5d5d5d;
}
.group-target .reports-list li a:hover {
color: #253a6a;
}
.cult-2024-ui.group-target .reports-list li a:hover {
color: #094039;
}
.reports-list li img {
margin-right: 8px;
}
/* Group Report Specific Styles */
.btn.school-breakdown {
color: white;
}
[class~="5e-survey"] .btn.school-breakdown {
background-color: #7da438;
}
.ece-survey .btn.school-breakdown {
background-color: #332963;
}
.bel-survey .btn.school-breakdown {
background-color: #000000;
}
.no-survey .btn.school-breakdown,
.btn.school-breakdown {
background-color: #000000;
}
.group-target .btn.school-breakdown {
background-color: #37579f;
}
[class~="5e-survey"] .school-table tr.group-aggregate {
background-color: #f6faf0;
}
.ece-survey .school-table tr.group-aggregate {
background-color: #c0b8e2;
}
.bel-survey .school-table tr.group-aggregate {
background-color: #878787;
}
.no-survey .school-table tr.group-aggregate,
.school-table tr.group-aggregate {
background-color: #878787;
}
.group-target .school-table tr.group-aggregate {
background-color: #ecf0f8;
}
.school-table tr.group-aggregate a {
background: white;
border: 1px solid white;
}
.school-table tr.group-aggregate a:hover {
border: 1px solid;
border-color: #146edb;
}
.ece-survey .school-table tr.group-aggregate a:hover {
border-color: #818181;
}
.group-target .school-table tr.group-aggregate a:hover {
border-color: #37579f;
}
.cult-2024-ui.group-target .school-table tr.group-aggregate a:hover {
border-color: #127f71;
}
.group-target #report-graph.col-superwide {
width: 100%;
}
.group-target .btn.school-breakdown {
font-weight: 500;
font-size: 0.714em;
letter-spacing: 0.5px;
text-transform: uppercase;
border-radius: 0px;
padding: 6px 8px 4px 8px;
border: none;
}
.group-target .school-table.expandible-collapsible .primary-columns {
border-right: solid 1px #37579f;
}
.group-target .school-table {
padding-left: 40px;
display: block;
}
.group-target .school-table tr.group-aggregate a {
padding: 4px 4px 4px 4px;
border-radius: 5px;
display: inline-block;
text-decoration: none;
white-space: nowrap;
}
.group-target .school-table td span:first-child {
display: block;
float: left;
}
.group-target .school-table td a span:first-child {
height: 26px;
}
.group-target .school-table td span.relative-change {
margin-top: 4px;
display: block;
float: left;
margin-left: 4px;
}
.group-target .school-table td span.glyphicon {
margin-top: 5px;
margin-left: 5px;
}
.group-target .school-table td svg text {
fill: white;
font-weight: 500;
}
.group-target .school-table td svg.crayon-scribble .label text {
fill: black;
font-weight: 400;
}
.group-target .school-table td svg.crayon-scribble .label circle {
fill: white;
opacity: 0.5;
}
.group-target .school-table td:nth-child(2) span {
margin-top: 0px;
}
.omitted-missing-data-schools {
padding-left: 40px;
padding-bottom: 10px;
}
/* Early Ed Specific Styles */
.ece-survey .puzzle-legend {
display: none;
}
/* BEL Specific Styles */
.bel-survey:not(.cult-2024-ui) #survey-tabs.no-groups .nav-tabs {
display: none;
}
.bel-survey:not(.cult-2024-ui) .impact-tours .anchored.tour-step-display {
width: calc(25vw - 20px);
}
.bel-response-info {
font-weight: bold;
}
.graph-change tr.group-aggregate td a {
display: block;
min-width: 84px;
}
.school-table-overview {
background-color: #f9f9f9;
}
.school-table-overview .description {
font-weight: normal;
}
.school-table-legend {
padding-bottom: 12px;
}
.school-table-legend .puzzle-legend {
margin-top: -5px;
padding-left: 122px;
}
.school-table-legend .puzzle-legend li {
font-weight: 400;
}
.school-table-legend .btn.school-breakdown {
float: left;
margin-right: 12px;
}
.school-table-legend .glyphicon-info-sign {
float: right;
cursor: pointer;
margin-top: 0.3em;
}
/* User Home specific styles */
.user_home-page .nav {
padding-bottom: 0;
}
#report-body.user-home .grid {
border: none;
}
#report-body.user-home ul {
list-style: none;
padding: 0px;
}
#report-body.user-home .col-wide {
max-width: 800px;
width: inherit;
margin: 0 auto;
float: none;
}
@media screen and (max-width: 630px) {
#report-body.user-home .col-wide .sub-col {
width: 100%;
margin-bottom: 15px;
}
}
#report-body.user-home .col-narrow {
display: none;
}
.sub-col {
width: 33%;
float: left;
}
/* Project Landing Page Specific */
#project_home {
max-width: 600px;
}
#project_home .project-introduction {
margin-top: 2em;
font-size: 1.5em;
font-weight: 300;
}
#project_home .uci-products {
margin: 2em 0 4em;
list-style: none;
padding-left: 2.5em;
position: relative;
}
#project_home .uci-products h2 {
margin: 0;
width: 350px;
text-transform: uppercase;
font-weight: 200;
font-size: 1.7em;
}
#project_home .uci-products li .popup {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 400px;
width: 300px;
padding: 2em;
background-color: #74716A;
color: white;
}
#project_home .uci-products:hover li h2 {
color: #e6e7e8;
}
#project_home .uci-products li {
padding: 2em 0;
cursor: pointer;
}
#project_home .uci-products li:hover h2 {
color: #7E0308;
position: relative;
}
#project_home .uci-products li:hover h2::after {
content: "";
display: block;
position: absolute;
z-index: 2;
width: 50px;
height: 5px;
top: 50%;
right: -30px;
transform: translateY(-50%);
background-color: #d1d3d4;
}
#project_home .uci-products li:hover .popup {
display: block;
}
#project_home .next-steps .project-btn {
margin: 0 12px 20px 0;
border-radius: 2px;
background-color: #d1d3d4;
color: black;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
font-weight: normal;
letter-spacing: 1px;
}
#project_home .next-steps .btn-group .project-btn {
margin-right: 0;
}
#project_home .next-steps .btn-group .project-btn.dropdown-toggle {
background-color: #d1d3d4;
}
#project_home .next-steps .take-tour {
display: block;
margin-top: 1em;
}
/* Survey Landing Page Specific */
#survey_landing h2 {
margin-bottom: 0px;
margin-top: 60px;
}
#survey_landing h1 {
margin-top: 0px;
margin-bottom: 20px;
}
#survey_landing .landing-context {
padding-top: 0px;
padding-bottom: 30px;
}
#survey_landing .landing-context-sidebar {
padding-top: 164px;
}
#survey_landing .landing-context-sidebar h2 {
margin-top: 20px;
}
#survey_landing .landing-context-sidebar h2:first-child {
margin-top: 0px;
}
#survey_landing .landing-context-sidebar h3 {
margin-top: 20px;
margin-bottom: 4px;
}
#survey_landing .landing-context-sidebar h3:first-child {
margin-top: 0px;
}
#survey_landing .nav-tabs a {
font-size: 15.5px;
font-weight: 600;
text-decoration: none;
color: #333;
border-radius: 0px;
padding: 15px;
outline: none;
}
#survey_landing .nav-tabs li {
background: #f2f2f2;
}
#survey_landing .nav-tabs li.active {
background: white;
}
#survey_landing .nav-tabs li.active a {
color: #146edb;
outline: 0;
}
.ece-survey #survey_landing .nav-tabs li.active a {
color: #818181;
}
.group-target #survey_landing .nav-tabs li.active a {
color: #37579f;
}
.cult-2024-ui.group-target #survey_landing .nav-tabs li.active a {
color: #127f71;
}
#survey_landing .tab-content {
padding-top: 40px;
}
#survey_landing .tab-content input {
width: 100%;
padding: 9px 11px;
border: 1px solid #e6e7e8;
background: #fafafa;
}
#survey_landing .address {
display: block;
font-size: 0.8em;
color: #bcbec0;
font-weight: 500;
}
#survey_landing .summary-well {
margin-right: 6px;
position: relative;
top: 3px;
display: block;
float: left;
width: 2em;
height: 2em;
text-align: center;
}
#survey_landing .summary-well.not-viewable {
background-color: #e6e7e8;
color: #a7a9ac;
}
#survey_landing .summary-well .glyphicon {
top: 0.4em;
}
/* Report Landing Page Specific */
.landing-puzzle-col {
max-width: 250px;
padding: 0px 30px;
box-sizing: border-box;
}
@media (max-width: 930px) {
.landing-puzzle-col {
width: 33%;
}
}
.landing-intro-col {
max-width: 600px;
padding-right: 0px;
box-sizing: border-box;
margin: 0 auto;
padding-left: 10px !important;
}
@media (max-width: 930px) {
.landing-intro-col {
width: 66%;
}
}
#react_puzzle_target {
max-width: 250px;
margin: 0 auto;
padding-top: 32px;
}
#react_puzzle_target .overall-rep {
float: none;
width: 100%;
height: auto;
}
.col-narrow.puzzle-legend {
max-width: 250px;
margin: 0 auto;
padding-top: 12px;
}
.intro-questions {
display: flex;
}
h2.landing-question {
flex: 1;
margin: 30px 15px;
width: 48.5%;
border-radius: 4px;
background-color: #146edb;
color: white;
}
.ece-survey h2.landing-question {
background-color: #818181;
}
.group-target h2.landing-question {
background-color: #37579f;
}
.cult-2024-ui.group-target h2.landing-question {
background-color: #127f71;
}
h2.landing-question:hover {
background-color: #115eba;
}
.ece-survey h2.landing-question:hover {
background-color: #6f6f6f;
}
.group-target h2.landing-question:hover {
background-color: #2e4884;
}
.cult-2024-ui.group-target h2.landing-question:hover {
background-color: #0e6055;
}
h2.landing-question a {
text-decoration: none;
padding: 20px 15px 20px 15px;
display: block;
}
h2.landing-question a,
h2.landing-question a:hover {
color: inherit;
}
h2.landing-question h5 {
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 15px;
letter-spacing: 1px;
opacity: 0.75;
font-size: 0.75em;
}
.landing-intro {
margin-top: 30px;
}
.landing-intro:after {
display: block;
clear: both;
content: "";
text-indent: -9999px;
}
.landing-intro h2 {
margin-top: 0px;
margin-bottom: 30px;
}
/* Parent Survey Specific Styling */
#report-body.parent-survey .grid {
background-color: white;
}
#report-body.parent-survey .grid #report-sidebar {
border-right: none;
}
#report-body.parent-survey .grid #report-content {
padding-left: 20px;
}
#report-body.parent-survey .driving-question {
left: 0px;
}
#report-body.parent-survey .glyphicon-info-sign {
float: right;
cursor: pointer;
margin-top: 1em;
}
/* Executive Summary Page Specific */
.summary-page header .global-links {
display: none;
}
@media screen and (min-width: 901px) {
.summary-page .mobile-app {
display: none !important;
}
}
@media screen and (max-width: 900px) {
.summary-page {
padding: 0;
}
.summary-page #report-body.executive-summary {
margin-right: 0;
}
.summary-page .desktop-print-version,
.summary-page .desktop-header,
.summary-page footer {
display: none;
}
}
.summary-page .perf-increase {
fill: #478603;
background-color: #478603;
color: white;
}
.summary-page .perf-decrease {
fill: #9e251d;
background-color: #9e251d;
color: white;
}
#report-body.executive-summary .desktop-print-version {
padding-top: 0px;
}
#report-body.executive-summary .desktop-print-version .landing-intro {
margin-top: 24px;
}
#report-body.executive-summary .desktop-print-version .landing-intro h1,
#report-body.executive-summary .desktop-print-version .landing-intro h2,
#report-body.executive-summary .desktop-print-version .landing-intro p {
padding-left: 190px;
}
#report-body.executive-summary .desktop-print-version .second-page {
display: none;
page-break-before: always;
position: relative;
}
@media print {
#report-body.executive-summary .desktop-print-version .second-page {
display: block;
}
}
#report-body.executive-summary .desktop-print-version .second-page .product-name {
display: block;
position: absolute;
right: -0.5in;
top: 50%;
transform: rotate(90deg) translateX(50%);
transform-origin: top right;
font-size: 2em;
letter-spacing: 1ex;
text-transform: uppercase;
}
[class~="5e-survey"] #report-body.executive-summary .desktop-print-version .second-page .product-name {
color: #7da438 !important;
}
.ece-survey #report-body.executive-summary .desktop-print-version .second-page .product-name {
color: #332963 !important;
}
.bel-survey #report-body.executive-summary .desktop-print-version .second-page .product-name {
color: #000000 !important;
}
.no-survey #report-body.executive-summary .desktop-print-version .second-page .product-name,
#report-body.executive-summary .desktop-print-version .second-page .product-name {
color: #000000 !important;
}
.group-target #report-body.executive-summary .desktop-print-version .second-page .product-name {
color: #37579f !important;
}
#report-body.executive-summary .desktop-print-version .second-page .logo {
width: 25ex;
}
#report-body.executive-summary .desktop-print-version .second-page h2 {
text-transform: uppercase;
font-weight: normal;
}
#report-body.executive-summary .desktop-print-version .second-page h3 {
margin: 0;
}
#report-body.executive-summary .desktop-print-version .second-page .columns {
font-size: 0.93em;
display: flex;
flex-direction: row;
}
#report-body.executive-summary .desktop-print-version .second-page .columns > div {
flex: 1 1 0;
padding: 0 2em;
text-align: justify;
}
#report-body.executive-summary .desktop-print-version .second-page .columns > div:first-child {
border-right: 3px solid transparent;
}
[class~="5e-survey"] #report-body.executive-summary .desktop-print-version .second-page .columns > div:first-child {
border-color: #7da438;
}
.ece-survey #report-body.executive-summary .desktop-print-version .second-page .columns > div:first-child {
border-color: #332963;
}
.bel-survey #report-body.executive-summary .desktop-print-version .second-page .columns > div:first-child {
border-color: #000000;
}
.no-survey #report-body.executive-summary .desktop-print-version .second-page .columns > div:first-child,
#report-body.executive-summary .desktop-print-version .second-page .columns > div:first-child {
border-color: #000000;
}
.group-target #report-body.executive-summary .desktop-print-version .second-page .columns > div:first-child {
border-color: #37579f;
}
#report-body.executive-summary .desktop-print-version .second-page .columns .callout {
width: 10ex;
box-sizing: content-box;
text-align: center;
}
#report-body.executive-summary .desktop-print-version .second-page .columns .callout.right {
float: right;
padding-left: 1ex;
}
#report-body.executive-summary .desktop-print-version .second-page .columns .callout.left {
float: left;
padding-right: 1ex;
}
#report-body.executive-summary .desktop-print-version .second-page .columns .callout .number {
display: block;
font-weight: bold;
font-size: 2em;
}
[class~="5e-survey"] #report-body.executive-summary .desktop-print-version .second-page .columns .callout .number {
color: #7da438 !important;
}
.ece-survey #report-body.executive-summary .desktop-print-version .second-page .columns .callout .number {
color: #332963 !important;
}
.bel-survey #report-body.executive-summary .desktop-print-version .second-page .columns .callout .number {
color: #000000 !important;
}
.no-survey #report-body.executive-summary .desktop-print-version .second-page .columns .callout .number,
#report-body.executive-summary .desktop-print-version .second-page .columns .callout .number {
color: #000000 !important;
}
.group-target #report-body.executive-summary .desktop-print-version .second-page .columns .callout .number {
color: #37579f !important;
}
#report-body.executive-summary .desktop-print-version .second-page .footer {
font-size: 0.75em;
}
#report-body.executive-summary .mobile-app {
display: flex;
flex-direction: column;
height: 100vh;
}
#report-body.executive-summary .mobile-app .integer {
float: none;
padding: 0;
}
#report-body.executive-summary .mobile-app .mobile-header {
flex: none;
}
#report-body.executive-summary .mobile-app .main-tab-content {
flex: auto;
min-height: 0;
}
#report-body.executive-summary .mobile-app .view-tabs,
#report-body.executive-summary .mobile-app .filter-tabs {
flex: none;
list-style: none;
padding-left: 0;
}
#report-body.executive-summary .mobile-app .view-tabs li,
#report-body.executive-summary .mobile-app .filter-tabs li {
cursor: pointer;
display: inline-block;
}
#report-body.executive-summary .mobile-app .view-tabs {
display: flex;
justify-content: space-around;
}
#report-body.executive-summary .mobile-app .view-tabs li {
flex: auto;
margin: 8px;
border: 1px solid #333;
border-radius: 5px;
padding: 16px 1px;
font-size: 12px;
font-weight: 700;
text-align: center;
}
#report-body.executive-summary .mobile-app .view-tabs li:hover {
background-color: #f9f9f9;
color: #6d6d6d;
}
#report-body.executive-summary .mobile-app .view-tabs li.selected {
background-color: #333;
color: white;
}
#report-body.executive-summary .mobile-app .filter-tabs {
display: flex;
justify-content: space-around;
}
#report-body.executive-summary .mobile-app .filter-tabs li {
margin: 8px;
line-height: 0;
}
#report-body.executive-summary .mobile-app .filter-tabs li:not(:hover):not(.selected) .svg-glyph .background {
fill: #d1d3d4;
}
#report-body.executive-summary .mobile-app .filter-tabs li:hover:not(.selected) .svg-glyph .background {
fill-opacity: 0.25;
}
#report-body.executive-summary .mobile-app .main-tab-content .popup {
position: fixed;
z-index: 2;
overflow: auto;
padding: 36px 15px;
background-color: #333333;
color: white;
}
#report-body.executive-summary .mobile-app .main-tab-content .popup.item-description {
bottom: 43px;
left: 15px;
right: 15px;
}
#report-body.executive-summary .mobile-app .main-tab-content .popup .close-popup {
position: absolute;
top: 15px;
right: 15px;
}
#report-body.executive-summary .mobile-app .main-tab-content .popup h1 {
font-weight: 400;
size: 32px;
}
#report-body.executive-summary .mobile-app .essentials-tab {
display: flex;
flex-direction: column;
}
#report-body.executive-summary .mobile-app .essentials-tab .results-graph {
width: 100%;
height: auto;
min-height: 200px;
max-height: 75vw;
background-color: #f9f9f9;
border: 1px solid #e6e7e8;
}
#report-body.executive-summary .mobile-app .essentials-tab .summary-list {
list-style: none;
padding-left: 0;
}
#report-body.executive-summary .mobile-app .essentials-tab .summary-list li {
display: flex;
justify-content: space-between;
padding: 7px 15px;
font-size: 14px;
cursor: pointer;
position: relative;
}
#report-body.executive-summary .mobile-app .essentials-tab .summary-list li:hover {
background-color: rgba(20, 110, 219, 0.5);
}
.ece-survey #report-body.executive-summary .mobile-app .essentials-tab .summary-list li:hover {
background-color: rgba(129, 129, 129, 0.5);
}
.group-target #report-body.executive-summary .mobile-app .essentials-tab .summary-list li:hover {
background-color: rgba(55, 87, 159, 0.5);
}
#report-body.executive-summary .mobile-app .essentials-tab .summary-list li.selected {
background-color: #146edb;
color: white;
}
.ece-survey #report-body.executive-summary .mobile-app .essentials-tab .summary-list li.selected {
background-color: #818181;
}
.group-target #report-body.executive-summary .mobile-app .essentials-tab .summary-list li.selected {
background-color: #37579f;
}
.cult-2024-ui.group-target #report-body.executive-summary .mobile-app .essentials-tab .summary-list li.selected {
background-color: #127f71;
}
#report-body.executive-summary .mobile-app .essentials-tab .summary-list li:not(:first-child)::before {
content: "";
position: absolute;
left: 40px;
right: 0;
top: 0;
border-top: 1px solid #979797;
}
#report-body.executive-summary .mobile-app .essentials-tab .summary-list li.selected::before,
#report-body.executive-summary .mobile-app .essentials-tab .summary-list li.selected + ::before {
display: none;
}
#report-body.executive-summary .mobile-app .essentials-tab .summary-list .name {
margin-left: 2ex;
font-weight: 600;
}
#report-body.executive-summary .mobile-app .essentials-tab .summary-list .individual-rep {
vertical-align: middle;
}
#report-body.executive-summary .mobile-app .essentials-tab .summary-list .relative-change::before {
content: "(";
}
#report-body.executive-summary .mobile-app .essentials-tab .summary-list .relative-change::after {
content: ")";
}
#report-body.executive-summary .mobile-app .measures-tab {
display: flex;
flex-direction: column;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content {
flex: auto;
min-height: 0;
display: flex;
flex-direction: column;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .filter-question {
font-size: 16px;
font-weight: 700;
padding: 18px 28px;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .result-displays {
padding: 15px;
overflow: auto;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .result-displays .scrollable-content {
display: flex;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .result-displays .graph-wrapper {
width: 33%;
position: relative;
margin-top: -1em;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .result-displays .graph-wrapper .results-graph {
position: absolute;
width: 100%;
height: 100%;
padding: 0;
overflow: visible;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .result-displays .summary-table {
width: 67%;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list) {
font-size: 14px;
cursor: pointer;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list):not(:last-child) {
border-bottom: 1px solid #e6e7e8;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list) td {
padding: 10px;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list) td:first-child {
padding-left: 20px;
font-weight: 600;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list) td:last-child {
min-width: 10ex;
text-align: right;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list):hover {
background-color: rgba(20, 110, 219, 0.5);
}
.ece-survey #report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list):hover {
background-color: rgba(129, 129, 129, 0.5);
}
.group-target #report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list):hover {
background-color: rgba(55, 87, 159, 0.5);
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list).selected {
background-color: #146edb;
color: white;
}
.ece-survey #report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list).selected {
background-color: #818181;
}
.group-target #report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list).selected {
background-color: #37579f;
}
.cult-2024-ui.group-target #report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list).selected {
background-color: #127f71;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list) a {
color: inherit;
cursor: inherit;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .summary-table tbody tr:not(.empty-list) .summary-combo-change .raw-score {
color: #bcbec0;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .measure-details {
flex: auto;
min-height: 0;
padding: 15px;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .measure-details {
background-color: #f2f3f4;
min-height: auto;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .measure-details.none-selected {
min-height: fit-content;
padding: 5px 15px;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .measure-details.none-selected .style-wrapper {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: center;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .measure-details.none-selected .style-wrapper .touch-prompt-icon {
flex: none;
width: 40px;
height: 40px;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .measure-details.none-selected .style-wrapper .verbal-prompt {
font-size: 14px;
text-align: center;
padding: 0 10px;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .measure-details .measure-table th {
width: 15ex;
height: 1.75em;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .measure-details .measure-table th::after {
content: ":";
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .measure-details .measure-table .individual-rep {
vertical-align: middle;
height: 1.5em;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .measure-details .measure-table .score {
display: inline;
}
#report-body.executive-summary .mobile-app .measures-tab .filter-tab-content .measure-details .popup-trigger {
cursor: pointer;
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
}
.summary-tables {
width: 100%;
margin-top: 20px;
}
.summary-tables .summary-table {
width: 24%;
margin-right: 1%;
vertical-align: top;
display: inline-block;
line-height: 110%;
}
.summary-tables .summary-table:last-child {
margin-right: 0px;
}
.summary-tables .summary-table .summary-combo-change {
display: block;
white-space: nowrap;
}
.summary-tables .summary-table .summary-combo-change .raw-score {
float: none;
color: #bcbec0;
}
.summary-tables .summary-table .relative-change {
white-space: nowrap;
}
.summary-tables .summary-table td,
.summary-tables .summary-table th {
padding: 5px;
}
.summary-tables .summary-table td {
border: 1px solid #e6e7e8;
}
@media print {
.summary-tables .summary-table td a {
color: inherit;
text-decoration: none;
}
}
.summary-tables .summary-table th {
line-height: 120%;
}
.summary-tables .summary-table th:nth-child(2) {
text-align: center;
}
.summary-tables .summary-table svg {
fill: white;
}
.summary-tables .summary-table .summary-icon-bg {
width: 35px;
height: 35px;
}
.summary-table tr.empty-list {
height: 10em;
font-style: italic;
text-align: center;
}
.summary-graph-wrapper {
margin-top: 20px;
border: 1px solid #e6e7e8;
display: block;
}
.summary-graph-wrapper h3 {
padding-left: 25px;
display: block;
padding-bottom: 4px;
}
.summary-graph-wrapper .results-graph {
width: 98%;
}
/* Notes Page Specific */
.notes-search {
width: 100%;
border: 1px solid #e6e7e8;
background: #fafafa;
padding: 10px 15px;
margin-top: 20px;
}
.share-trigger {
color: #bcbec0;
text-decoration: none;
margin-top: 25px;
display: inline-block;
border-bottom: 1px solid #bcbec0;
}
.note-group {
background: white;
border: 1px solid #e6e7e8;
padding: 20px;
position: relative;
margin-top: 25px;
}
.note-group h1 {
margin-top: 0px;
position: relative;
}
.note-group h3 {
margin-top: 0px;
margin-bottom: 15px;
}
.note-group .alternate-jump {
background: #e8e8e8;
padding: 4px 8px;
border-radius: 3px;
display: inline-block;
}
.measure-step.complete .note-group .alternate-jump {
display: none;
}
.note-group .user-data-wrapper {
border-left: 1px solid;
border-left-color: #146edb;
padding-left: 16px;
}
.ece-survey .note-group .user-data-wrapper {
border-left-color: #818181;
}
.group-target .note-group .user-data-wrapper {
border-left-color: #37579f;
}
.cult-2024-ui.group-target .note-group .user-data-wrapper {
border-left-color: #127f71;
}
.note-group .performance-widget {
position: absolute;
top: 28px;
right: 20px;
}
.note-group .note-item {
background: white;
border: none;
border-bottom: 1px solid #e6e7e8;
}
.note-group .blue-button {
margin-top: 10px;
display: inline-block;
margin-right: 10px;
}
.note-group .note-group-wrapper {
margin-top: 18px;
margin-left: 2px;
}
.note-group form {
margin-top: 30px;
}
.note-group form button {
background-color: #146edb;
color: white;
text-transform: uppercase;
border-radius: 0px;
font-weight: bold;
}
.ece-survey .note-group form button {
background-color: #818181;
}
.group-target .note-group form button {
background-color: #37579f;
}
.cult-2024-ui.group-target .note-group form button {
background-color: #127f71;
}
.note-group form .unshare-measure {
float: right;
}
.note-group textarea {
width: 100%;
padding: 10px;
border-color: #dedede;
margin-bottom: 10px;
}
.note-group button.btn {
border-radius: 0px;
background-color: #146edb;
font-weight: bold;
color: white;
margin-top: 20px;
}
.ece-survey .note-group button.btn {
background-color: #818181;
}
.group-target .note-group button.btn {
background-color: #37579f;
}
.cult-2024-ui.group-target .note-group button.btn {
background-color: #127f71;
}
.note-group button.btn:hover {
background-color: #1057ac;
}
.ece-survey .note-group button.btn:hover {
background-color: #686868;
}
.group-target .note-group button.btn:hover {
background-color: #2a4279;
}
.cult-2024-ui.group-target .note-group button.btn:hover {
background-color: #0c5249;
}
.note-group .open-analysis {
margin-top: 20px;
display: inline-block;
}
.note-group .user-toggles button {
border-radius: 50px;
font-weight: bold;
border: 1px solid #ccc;
background: white;
margin-right: 4px;
color: #222;
}
.note-group .user-toggles button:hover {
background: #f2f2f2;
}
.note-group .user-toggles button.active {
border: 1px solid;
border-color: #146edb;
background-color: #146edb;
color: white;
}
.ece-survey .note-group .user-toggles button.active {
border-color: #818181;
}
.group-target .note-group .user-toggles button.active {
border-color: #37579f;
}
.cult-2024-ui.group-target .note-group .user-toggles button.active {
border-color: #127f71;
}
.ece-survey .note-group .user-toggles button.active {
background-color: #818181;
}
.group-target .note-group .user-toggles button.active {
background-color: #37579f;
}
.cult-2024-ui.group-target .note-group .user-toggles button.active {
background-color: #127f71;
}
.note-group .user-toggles button.active:hover {
background-color: #1057ac;
border-color: #1057ac;
}
.ece-survey .note-group .user-toggles button.active:hover {
background-color: #686868;
}
.group-target .note-group .user-toggles button.active:hover {
background-color: #2a4279;
}
.cult-2024-ui.group-target .note-group .user-toggles button.active:hover {
background-color: #0c5249;
}
.ece-survey .note-group .user-toggles button.active:hover {
border-color: #686868;
}
.group-target .note-group .user-toggles button.active:hover {
border-color: #2a4279;
}
.cult-2024-ui.group-target .note-group .user-toggles button.active:hover {
border-color: #0c5249;
}
.note-group .empty-notes,
.note-group .previous-share-placeholder {
font-style: italic;
}
svg.overall-rep text {
font-size: 3.77px;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
}
svg.overall-rep.puzzle text {
text-transform: uppercase;
}
.puzzle-legend {
list-style: none;
padding-left: 0;
}
.puzzle-legend li {
display: inline;
padding-right: 12px;
color: #888;
display: inline-block;
font-size: 12px;
}
.puzzle-legend li .swatch {
position: relative;
top: 1px;
}
.puzzle-legend .swatch {
display: inline-block;
width: 10px;
height: 10px;
border-width: 1px;
}
.swatch.rank-0-cell {
border: 1px solid #999;
}
svg.individual-rep text {
font-size: 24px;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
text-transform: uppercase;
}
svg.individual-rep.crayon-scribble text {
font-size: 12px;
}
.parent-cell {
min-width: 116px;
display: flex;
align-items: center;
}
.parent-cell svg {
flex: none;
margin-top: 4px;
margin-right: 6px;
margin-bottom: 4px;
}
.parent-cell .parent-name {
display: block;
}
.integer {
float: left;
padding-right: 6px;
}
.graph-wrapper .nearby-objects-popup ul {
padding-left: 0;
}
.graph-wrapper .nearby-objects-popup li {
cursor: pointer;
list-style-type: none;
}
.graph-wrapper .nearby-objects-popup li .combo-score .raw-score {
float: none;
}
.bel_report_v2-page .graph-wrapper .bel-sy-popup {
border-radius: 0;
border-left: 6px solid;
border-left-color: #146EDB;
background-color: #EBF0F7;
}
.group-target.bel_report_v2-page .graph-wrapper .bel-sy-popup {
border-left-color: #5ABFB1;
}
.group-target.bel_report_v2-page .graph-wrapper .bel-sy-popup {
background-color: #F8F8F8;
}
.bel_report_v2-page .graph-wrapper .bel-sy-popup .arrow::after {
border-top-color: #EBF0F7;
}
.group-target.bel_report_v2-page .graph-wrapper .bel-sy-popup .arrow::after {
border-top-color: #F8F8F8;
}
.bel_report_v2-page .graph-wrapper .bel-sy-popup .close-button {
float: right;
border: none;
padding: 3px;
line-height: 0;
background-color: #707070;
color: white;
}
.bel_report_v2-page .graph-wrapper .bel-sy-popup .close-button:hover {
background-color: #171717;
}
.results-graph,
.thermometer-graph {
padding-top: 13px;
}
.results-graph .dbg,
.thermometer-graph .dbg {
stroke: purple !important;
fill: white !important;
}
.results-graph .scoreLabel line,
.thermometer-graph .scoreLabel line {
stroke: #bcbec0;
}
.results-graph .scoreLabel text,
.thermometer-graph .scoreLabel text,
.results-graph .rankRange text,
.thermometer-graph .rankRange text {
fill: #bcbec0;
}
.results-graph .rankRange line,
.thermometer-graph .rankRange line {
stroke-width: 2px;
}
.results-graph .yearLabel,
.thermometer-graph .yearLabel {
font-size: 1.107em;
font-weight: 600;
color: #333;
fill: #333;
}
.results-graph .xtraSchoolYearLabels text,
.thermometer-graph .xtraSchoolYearLabels text {
font-size: 1.107em;
fill: #285178;
font-weight: 600;
}
.results-graph .xtraSchoolYearLabels text.prior,
.thermometer-graph .xtraSchoolYearLabels text.prior {
fill: #707070;
font-weight: 400;
}
.results-graph .selected-object-popup-anchor,
.thermometer-graph .selected-object-popup-anchor {
fill: none;
}
.results-graph .whole-item,
.thermometer-graph .whole-item {
cursor: pointer;
}
.results-graph .whole-item:not(.selected):hover,
.thermometer-graph .whole-item:not(.selected):hover {
opacity: 0.5;
}
.results-graph .trend,
.thermometer-graph .trend {
stroke-width: 2px;
}
.results-graph .trend.primary,
.thermometer-graph .trend.primary {
stroke-width: 4px;
}
.results-graph .trend.selected,
.thermometer-graph .trend.selected {
opacity: 1;
}
.results-graph .trend.discontinuous,
.thermometer-graph .trend.discontinuous {
stroke-dasharray: 5px;
}
.results-graph .trend.discontinuous linearGradient stop,
.thermometer-graph .trend.discontinuous linearGradient stop {
stop-color: lightgray;
}
.results-graph.has-selected-item .trend:not(.selected),
.thermometer-graph.has-selected-item .trend:not(.selected) {
opacity: 0.25;
}
.results-graph.has-selected-item .trend:not(.selected) linearGradient stop,
.thermometer-graph.has-selected-item .trend:not(.selected) linearGradient stop {
stop-color: gray;
}
.results-graph .marker .outerRing,
.thermometer-graph .marker .outerRing {
fill: #146edb;
display: none;
}
.ece-survey .results-graph .marker .outerRing,
.ece-survey .thermometer-graph .marker .outerRing {
fill: #818181;
}
.group-target .results-graph .marker .outerRing,
.group-target .thermometer-graph .marker .outerRing {
fill: #37579f;
}
.cult-2024-ui.group-target .results-graph .marker .outerRing,
.cult-2024-ui.group-target .thermometer-graph .marker .outerRing {
fill: #127f71;
}
.results-graph .marker .innerDot,
.thermometer-graph .marker .innerDot {
fill: white;
opacity: 0.5;
}
.results-graph .marker.selected .outerRing,
.thermometer-graph .marker.selected .outerRing {
display: initial;
}
.results-graph .marker.selected .innerDot,
.thermometer-graph .marker.selected .innerDot {
display: none;
}
.results-graph .marker.selected .mainDot,
.thermometer-graph .marker.selected .mainDot {
stroke: white;
stroke-width: 1.25px;
}
.results-graph .puzzle-marker,
.thermometer-graph .puzzle-marker {
stroke-width: 10px;
}
.results-graph .legend .label-group,
.thermometer-graph .legend .label-group {
pointer-events: bounding-box;
}
.results-graph .legend .label-group text,
.thermometer-graph .legend .label-group text,
.results-graph .legend .label-group tspan,
.thermometer-graph .legend .label-group tspan {
alignment-baseline: middle;
text-decoration: inherit;
}
.results-graph .label-lines,
.thermometer-graph .label-lines {
fill: none;
stroke: #48beef;
stroke-width: 1.2px;
}
.ece-survey .results-graph .label-lines,
.ece-survey .thermometer-graph .label-lines {
stroke: #c7c7c7;
}
.frequency-graph-group {
text-align: center;
padding-bottom: 20px;
overflow-x: scroll;
}
.frequency-graph-group svg.frequency-graph {
float: none;
}
.frequency-graph-group svg.frequency-graph .frequency-bar .percent-bar {
fill: #146edb;
}
.ece-survey .frequency-graph-group svg.frequency-graph .frequency-bar .percent-bar {
fill: #818181;
}
.group-target .frequency-graph-group svg.frequency-graph .frequency-bar .percent-bar {
fill: #37579f;
}
.cult-2024-ui.group-target .frequency-graph-group svg.frequency-graph .frequency-bar .percent-bar {
fill: #127f71;
}
.frequency-graph-group svg.frequency-graph .frequency-bar .percent-bar.recon,
.frequency-graph-group svg.frequency-graph .frequency-bar .percent-bar.comparison,
.frequency-graph-group svg.frequency-graph .frequency-bar .percent-bar.prior {
fill: #d1d3d4;
}
.frequency-graph-group svg.frequency-graph .frequency-bar .benchmark-line {
stroke: black;
}
.frequency-graph-group svg.frequency-graph .frequency-bar .percent-label {
font-size: 0.7em;
fill: #146edb;
}
.ece-survey .frequency-graph-group svg.frequency-graph .frequency-bar .percent-label {
fill: #818181;
}
.group-target .frequency-graph-group svg.frequency-graph .frequency-bar .percent-label {
fill: #37579f;
}
.cult-2024-ui.group-target .frequency-graph-group svg.frequency-graph .frequency-bar .percent-label {
fill: #127f71;
}
.frequency-graph-group svg.frequency-graph .frequency-bar .percent-label .recon,
.frequency-graph-group svg.frequency-graph .frequency-bar .percent-label .comparison,
.frequency-graph-group svg.frequency-graph .frequency-bar .percent-label .prior {
fill: #d1d3d4;
}
.frequency-graph-group svg.frequency-graph .frequency-bar .response-label {
fill: black;
font-size: smaller;
}
.frequency-graph-group svg.frequency-graph .baseline,
.frequency-graph-group svg.frequency-graph .divider {
stroke: black;
opacity: 0.2;
}
.frequency-graph-group .legend {
list-style-type: none;
padding: 10px 0px;
clear: both;
width: 415px;
margin: 0 auto;
}
.frequency-graph-group .legend li {
display: inline-block;
}
.frequency-graph-group .legend li .swatch {
display: inline-block;
width: 1em;
height: 1em;
background-color: #146edb;
position: relative;
top: 2px;
}
.ece-survey .frequency-graph-group .legend li .swatch {
background-color: #818181;
}
.group-target .frequency-graph-group .legend li .swatch {
background-color: #37579f;
}
.cult-2024-ui.group-target .frequency-graph-group .legend li .swatch {
background-color: #127f71;
}
.frequency-graph-group .legend li.recon .swatch,
.frequency-graph-group .legend li.comparison .swatch,
.frequency-graph-group .legend li.prior .swatch {
background: #d1d3d4;
}
.frequency-graph-group .legend li.percent-bar {
float: left;
margin-right: 1ex;
}
.frequency-graph-group .legend li.benchmark-line {
float: right;
}
.frequency-graph-group .legend li.benchmark-line .swatch {
background: none;
right: 7px;
}
.frequency-graph-group .legend li.benchmark-line .swatch::before {
content: "";
border-bottom: 1px solid black;
position: absolute;
bottom: 50%;
width: 100%;
}
.measure-card.modal .modal-dialog .modal-content {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
}
.measure-card.modal .modal-dialog .modal-content .modal-header {
border-bottom: none;
padding: 30px;
padding-bottom: 0px;
}
.measure-card.modal .modal-dialog .modal-content .modal-body {
padding: 30px;
padding-top: 25px;
}
#report-body.measure-analysis {
padding-bottom: 0px;
height: inherit;
background: white;
}
#report-body.measure-analysis .empty {
margin-left: 25%;
padding: 100px;
padding-left: 0px;
box-sizing: border-box;
}
#report-body.measure-analysis .edit-plan {
position: relative;
}
#report-body.measure-analysis .edit-plan:after {
content: "";
width: 14px;
height: 14px;
background: #ed4b59;
border-radius: 14px;
position: absolute;
top: -7px;
right: -7px;
display: block;
}
#report-body.measure-analysis .btn-group {
width: 50%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 42px;
}
#report-body.measure-analysis .btn-group .btn-group {
margin: 0;
width: inherit;
}
#report-body.measure-analysis .btn-group button {
padding: 16px 12px;
font-weight: bold;
}
#report-body.measure-analysis .strength-measures {
width: 100%;
padding-left: 25%;
padding-right: 25%;
margin: 0 auto;
padding-bottom: 100px;
position: relative;
background: #fafafa;
padding-top: 30px;
border-top: 1px solid #e6e7e8;
}
#report-body.measure-analysis .strength-measures h1 {
margin-top: 0px;
}
#report-body.measure-analysis .strength-measures ul {
padding-left: 18px;
}
#report-body.measure-analysis .strength-measures .note-group-wrapper {
padding-bottom: 6px;
}
#report-body.measure-analysis .strength-measures form {
margin-left: 2px;
margin-top: 0px;
padding-top: 24px;
margin-bottom: 20px;
}
#report-body.measure-analysis .strength-measures form button {
background: #666;
}
#report-body.measure-analysis .action-plan-step {
border-top: 1px solid #dedede;
padding-top: 30px;
}
#report-body.measure-analysis .action-plan-step h1 {
margin-top: 0px;
}
#report-body.measure-analysis .action-plan-step h2 {
text-transform: uppercase;
color: #aaa;
font-weight: bold;
font-size: 1.2em;
letter-spacing: 1px;
}
#report-body.measure-analysis .action-plan-step.current {
background: #fafafa;
padding-bottom: 100px;
}
#report-body.measure-analysis .action-plan-step.current:nth-of-type(1) .plan-steps {
padding-top: 122px;
}
#report-body.measure-analysis .action-plan-step.complete > div {
padding-bottom: 40px;
}
#report-body.measure-analysis .action-plan-step.complete .whole-reflection-display {
margin-top: 0px;
padding: 0px;
background: transparent;
border: none;
}
#report-body.measure-analysis .action-plan-step.complete .whole-reflection-display .user-toggles {
margin-top: 24px;
}
#report-body.measure-analysis .action-plan-step.complete .whole-reflection-display .performance-widget {
display: none;
}
#report-body.measure-analysis .action-plan-step.complete .whole-reflection-display .note-item {
background: transparent;
}
#report-body.measure-analysis .action-plan-step.complete .whole-reflection-display .reflection-wrapper {
margin-top: 8px;
padding-top: 6px;
padding-left: 16px;
margin-left: 2px;
}
#report-body.measure-analysis .action-plan-step.complete .whole-reflection-display .reflection-wrapper p {
margin-bottom: 20px;
}
#report-body.measure-analysis .action-plan-step.complete .notes-hidden .whole-reflection-display .user-toggles,
#report-body.measure-analysis .action-plan-step.complete .notes-hidden .whole-reflection-display .user-data {
display: none;
}
#report-body.measure-analysis .action-plan-step:nth-child(3) button.btn {
background-color: #146edb;
color: white;
text-transform: uppercase;
font-weight: bold;
border-radius: 0px;
}
.ece-survey #report-body.measure-analysis .action-plan-step:nth-child(3) button.btn {
background-color: #818181;
}
.group-target #report-body.measure-analysis .action-plan-step:nth-child(3) button.btn {
background-color: #37579f;
}
.cult-2024-ui.group-target #report-body.measure-analysis .action-plan-step:nth-child(3) button.btn {
background-color: #127f71;
}
#report-body.measure-analysis .action-plan-step:nth-child(3) form button.btn {
background: #666;
}
#report-body.measure-analysis .action-plan-step .section {
margin-bottom: 65px;
}
#report-body.measure-analysis .action-plan-step .section.document .react-datepicker__input-container {
display: block;
}
#report-body.measure-analysis .action-plan-step .section.document label {
width: 100%;
display: block;
}
#report-body.measure-analysis .action-plan-step .section.document label input {
display: block;
width: 100%;
padding: 10px;
border: 1px solid #dedede;
margin-top: 4px;
font-weight: normal;
}
#report-body.measure-analysis .action-plan-step .btn.secondary {
background: #666;
margin-left: 5px;
}
#report-body.measure-analysis .action-plan-step .plan-steps {
width: 25%;
float: left;
}
#report-body.measure-analysis .action-plan-step .plan-steps li {
font-weight: bold;
font-size: 1.1em;
color: #333;
list-style: none;
}
#report-body.measure-analysis .action-plan-step .plan-steps li .circle {
border-radius: 32px;
width: 32px;
height: 32px;
display: inline-block;
border: 1px solid;
border-color: #146edb;
background-color: #146edb;
position: relative;
bottom: -10px;
margin-right: 11px;
}
.ece-survey #report-body.measure-analysis .action-plan-step .plan-steps li .circle {
border-color: #818181;
}
.group-target #report-body.measure-analysis .action-plan-step .plan-steps li .circle {
border-color: #37579f;
}
.cult-2024-ui.group-target #report-body.measure-analysis .action-plan-step .plan-steps li .circle {
border-color: #127f71;
}
.ece-survey #report-body.measure-analysis .action-plan-step .plan-steps li .circle {
background-color: #818181;
}
.group-target #report-body.measure-analysis .action-plan-step .plan-steps li .circle {
background-color: #37579f;
}
.cult-2024-ui.group-target #report-body.measure-analysis .action-plan-step .plan-steps li .circle {
background-color: #127f71;
}
#report-body.measure-analysis .action-plan-step .plan-steps li .circle span {
position: absolute;
color: white;
left: 8px;
top: 8px;
}
#report-body.measure-analysis .action-plan-step .plan-steps li.current {
color: #146edb;
}
.ece-survey #report-body.measure-analysis .action-plan-step .plan-steps li.current {
color: #818181;
}
.group-target #report-body.measure-analysis .action-plan-step .plan-steps li.current {
color: #37579f;
}
.cult-2024-ui.group-target #report-body.measure-analysis .action-plan-step .plan-steps li.current {
color: #127f71;
}
#report-body.measure-analysis .action-plan-step .plan-steps li.current .circle {
border: 1px solid;
border-color: #146edb;
background: #fafafa;
}
.ece-survey #report-body.measure-analysis .action-plan-step .plan-steps li.current .circle {
border-color: #818181;
}
.group-target #report-body.measure-analysis .action-plan-step .plan-steps li.current .circle {
border-color: #37579f;
}
.cult-2024-ui.group-target #report-body.measure-analysis .action-plan-step .plan-steps li.current .circle {
border-color: #127f71;
}
#report-body.measure-analysis .action-plan-step .plan-steps li.current .circle span {
display: none;
}
#report-body.measure-analysis .action-plan-step .plan-steps li.upcoming {
color: #bbb;
}
#report-body.measure-analysis .action-plan-step .plan-steps li.upcoming .circle {
border: 1px solid #fafafa;
background: #fafafa;
}
#report-body.measure-analysis .action-plan-step .plan-steps li.upcoming .circle span {
display: none;
}
#report-body.measure-analysis .action-plan-step > div {
width: 50%;
float: left;
padding-bottom: 100px;
position: relative;
}
#report-body.measure-analysis .action-plan-step .whole-reflection-display .user-data-wrapper .user-label {
display: none;
}
#report-body.measure-analysis .action-plan-step .whole-reflection-display .note-group-wrapper {
padding-bottom: 6px;
}
#report-body.measure-analysis .action-plan-step .whole-reflection-display form {
margin-top: 0px;
padding-top: 24px;
margin-bottom: 0px;
}
#report-body.measure-analysis .action-plan-step .whole-reflection-display form button {
background: #666;
}
#report-body.measure-analysis .action-plan-step form h3 {
margin-top: 0px;
}
#report-body.measure-analysis .action-plan-step form textarea {
width: 100%;
padding: 10px;
border: 1px solid #eaeaea;
margin-bottom: 10px;
}
#report-body.measure-analysis .action-plan-step form button {
border-radius: 0px;
background-color: #146edb;
font-weight: bold;
color: white;
text-transform: uppercase;
}
.ece-survey #report-body.measure-analysis .action-plan-step form button {
background-color: #818181;
}
.group-target #report-body.measure-analysis .action-plan-step form button {
background-color: #37579f;
}
.cult-2024-ui.group-target #report-body.measure-analysis .action-plan-step form button {
background-color: #127f71;
}
#report-body.measure-analysis .action-plan-step .chosen-notes-toggle {
border-radius: 80px;
background: white;
border: 1px solid #dedede;
font-weight: bold;
color: #666;
padding: 6px 15px;
position: absolute;
top: 0px;
right: 0px;
}
#report-body.measure-analysis .action-plan-step .chosen-notes-toggle:hover {
background: #f2f2f2;
}
#report-body.measure-analysis .action-plan-step .instructions ol {
padding-left: 18px;
}
#report-body.measure-analysis .action-plan-step .instructions ul {
padding-left: 18px;
}
#report-body.measure-analysis .action-plan-step .existing-ideas {
margin-top: 35px;
}
#report-body.measure-analysis .action-plan-step .existing-ideas .idea {
border: 1px solid #dedede;
padding: 10px;
background: white;
display: block;
width: 100%;
margin-bottom: 10px;
}
#report-body.measure-analysis .action-plan-step .existing-ideas .idea .extra {
color: #999;
}
#report-body.measure-analysis .action-plan-step .existing-ideas .idea .extra a {
color: #999;
}
#report-body.measure-analysis .action-plan-step .existing-ideas .idea .extra a:hover {
color: #555;
}
#report-body.measure-analysis .action-plan-step .chosen-ideas .idea {
padding-bottom: 4px;
border-bottom: 1px solid #dedede;
margin-bottom: 15px;
}
.note-item {
display: block;
padding: 6px 12px 6px 0px;
margin-bottom: 6px;
}
.note-item a {
font-weight: bold;
margin-right: 1ex;
}
.note-item .when-modified,
.note-editor .when-modified {
display: block;
padding-top: 9px;
opacity: 0.6;
}
.note-item .when-modified .timestamp,
.note-editor .when-modified .timestamp {
font-style: normal;
}
.measure-card h2 {
font-size: 2em;
font-weight: 300;
}
.measure-card .measure-notes {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 15px;
}
.measure-card .measure-notes .note-item {
border: 1px solid #e5e5e5;
padding: 10px;
}
.measure-card .row {
margin-bottom: 25px;
}
.measure-card .close {
font-size: 2.5em;
}
.measure-card .btn.measure-type {
border: 1px solid #e5e5e5;
background: white;
color: #999;
padding: 20px 10px;
border-radius: 0px;
width: 100%;
text-transform: none;
color: #444;
font-size: 1.2em;
background: #f2f2f2;
}
.measure-card .btn.measure-type:hover {
background: #e6e6e6;
}
.measure-card .btn.measure-type.active {
background-color: #146edb;
border-color: #146edb;
color: white;
}
.ece-survey .measure-card .btn.measure-type.active {
background-color: #818181;
}
.group-target .measure-card .btn.measure-type.active {
background-color: #37579f;
}
.cult-2024-ui.group-target .measure-card .btn.measure-type.active {
background-color: #127f71;
}
.ece-survey .measure-card .btn.measure-type.active {
border-color: #818181;
}
.group-target .measure-card .btn.measure-type.active {
border-color: #37579f;
}
.cult-2024-ui.group-target .measure-card .btn.measure-type.active {
border-color: #127f71;
}
.measure-card label {
font-size: 1.2em;
line-height: 130%;
}
.measure-card textarea {
width: 100%;
min-height: 100px;
border: 1px solid #e5e5e5;
padding: 10px;
}
.measure-card .extra-actions {
position: relative;
top: 5px;
left: 0px;
}
.measure-card .extra-actions a {
padding: 0px 7px 7px 7px;
}
.login {
max-width: 400px;
margin: 0 auto;
padding-top: 30px;
}
.login form label {
width: 100%;
display: block;
padding-bottom: 12px;
}
.login form input {
display: block;
width: 100%;
padding: 8px;
font-weight: normal;
}
.login form button {
background-color: #146edb;
border: none;
color: white;
font-weight: bold;
text-transform: uppercase;
padding: 5px 8px 4px 8px;
margin-bottom: 10px;
}
.ece-survey .login form button {
background-color: #818181;
}
.group-target .login form button {
background-color: #37579f;
}
.cult-2024-ui.group-target .login form button {
background-color: #127f71;
}
footer {
padding-top: 70px;
margin-top: 100px;
border-top: 1px solid #e6e7e8;
text-align: left;
padding-bottom: 30px;
font-size: 14px;
color: #6d6d6d;
}
footer a {
color: inherit;
text-decoration: underline;
}
footer img {
max-width: 330px;
height: auto;
}
@media (max-width: 480px) {
footer img {
width: 100%;
}
}
footer .footer__logos {
display: table;
}
footer .footer__logos .impact {
width: 100%;
margin-bottom: 28px;
}
footer .footer__logos .uc {
border-right: 1px solid #bbbba9;
padding-right: 1.5em;
height: 25px;
}
footer .footer__logos .uie {
padding-left: 1.4em;
height: 25px;
}
footer .footer__logos a {
text-decoration: none;
}
footer .footer__logos li {
vertical-align: top;
}
footer .site__meta {
margin-bottom: 34px;
display: block;
}
footer .site__meta a {
color: #6d6d6d;
text-decoration: underline;
}
footer .site__meta.second {
margin-top: 30px;
}
footer .site__meta td {
font-weight: 400;
}
footer .site__meta td:first-child {
padding-right: 30px;
}
footer .site__meta td span {
font-weight: 600;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
}
@media print {
html.debug {
width: 8in;
height: 9.25in;
border: 1px solid red;
}
html {
width: 8in;
}
body {
padding: 0;
}
header {
padding-bottom: 0;
border-bottom: none;
}
footer {
display: none;
}
#report-body.executive-summary .mobile-app {
display: none;
}
#report-body.executive-summary .desktop-print-version .landing-intro svg.overall-rep {
height: 100px;
width: 100px;
}
#report-body.executive-summary .desktop-print-version .landing-intro h1,
#report-body.executive-summary .desktop-print-version .landing-intro h2,
#report-body.executive-summary .desktop-print-version .landing-intro p {
padding-left: 125px;
margin-right: 0.25in;
}
#report-body.executive-summary .desktop-print-version .landing-intro h1 {
font-size: 1.5em;
}
#report-body.executive-summary .desktop-print-version .landing-intro h2 {
margin-bottom: 10px;
font-size: 1em;
}
#report-body.executive-summary .desktop-print-version .summary-table {
width: 23%;
}
#report-body.executive-summary .desktop-print-version .summary-table thead {
font-size: 0.85em;
}
#report-body.executive-summary .desktop-print-version .summary-graph-wrapper .caption h3 {
margin-top: 10px;
}
#report-body.executive-summary .desktop-print-version .summary-graph-wrapper .results-graph {
width: 95%;
padding-top: 0;
margin-bottom: -35px;
}
.global-links {
display: none;
}
.survey-subnav {
display: none;
}
nav .nav-block.survey-tabs {
display: none;
}
nav .report-toolbar {
display: none;
}
#report-body.measure-notes,
#report-body.measure-analysis {
margin-left: 0px;
}
#report-body.measure-notes .col-narrow,
#report-body.measure-analysis .col-narrow {
display: none;
}
#report-body.measure-notes .col-wide,
#report-body.measure-analysis .col-wide {
width: 100%;
}
#report-body.measure-notes .action-plan-step > div,
#report-body.measure-analysis .action-plan-step > div {
width: 100%;
padding-bottom: 20px;
}
#report-body.measure-notes .action-plan-step .plan-steps,
#report-body.measure-analysis .action-plan-step .plan-steps {
width: 100%;
padding-left: 0px;
}
#report-body.measure-notes .action-plan-step .plan-steps li,
#report-body.measure-analysis .action-plan-step .plan-steps li {
font-size: 2em;
font-weight: 300;
}
#report-body.measure-notes .action-plan-step .plan-steps li .circle,
#report-body.measure-analysis .action-plan-step .plan-steps li .circle {
display: none;
}
#report-body.measure-notes .action-plan-step .plan-steps li.upcoming,
#report-body.measure-analysis .action-plan-step .plan-steps li.upcoming {
display: none;
}
#report-body.measure-notes .action-plan-step.current,
#report-body.measure-analysis .action-plan-step.current {
padding-bottom: 0px;
}
#report-body.measure-notes .action-plan-step.current:nth-of-type(1) .plan-steps,
#report-body.measure-analysis .action-plan-step.current:nth-of-type(1) .plan-steps {
padding-top: 0px;
}
#report-body.measure-notes .action-plan-step .whole-reflection-display .btn,
#report-body.measure-analysis .action-plan-step .whole-reflection-display .btn {
display: none;
}
#report-body.measure-notes .action-plan-step .whole-reflection-display .user-toggles,
#report-body.measure-analysis .action-plan-step .whole-reflection-display .user-toggles {
display: none;
}
#report-body.measure-notes .action-plan-step .whole-reflection-display .user-data-wrapper.hide,
#report-body.measure-analysis .action-plan-step .whole-reflection-display .user-data-wrapper.hide {
display: block !important;
}
#report-body.measure-notes .action-plan-step .whole-reflection-display .user-data-wrapper .user-label,
#report-body.measure-analysis .action-plan-step .whole-reflection-display .user-data-wrapper .user-label {
display: block;
}
}
.expand-toggle {
padding-bottom: 14px;
display: block;
}
.sidepanel {
background: #f2f2f2;
border: 1px solid #dedede;
padding: 10px 30px 30px 30px;
border-radius: 4px;
}
.rsvp-page .global-links .login {
display: none;
}
#rsvp .col-wide,
.invite_others .col-wide {
padding: 2em 0em 1em 1em;
}
#rsvp .col-wide:first-child,
.invite_others .col-wide:first-child {
padding: 2em 1em 1em 0em;
}
#rsvp .rsvp-block,
.invite_others .rsvp-block {
margin-bottom: 2em;
padding: 2em;
background: lightgray;
}
#rsvp .rsvp-block > p:first-child,
.invite_others .rsvp-block > p:first-child {
font-size: 1.5em;
}
#rsvp .rsvp-block form p,
.invite_others .rsvp-block form p {
margin-top: 12px;
}
#rsvp .rsvp-block .helptext,
.invite_others .rsvp-block .helptext {
padding-top: 4px;
}
#rsvp .rsvp-block input,
.invite_others .rsvp-block input {
padding: 8px 12px;
border: 0px;
}
#rsvp .rsvp-block button,
.invite_others .rsvp-block button {
background-color: #146edb;
color: white;
text-transform: uppercase;
padding: 8px 12px;
border-radius: 0px;
border: none;
font-weight: bold;
}
.ece-survey #rsvp .rsvp-block button,
.ece-survey .invite_others .rsvp-block button {
background-color: #818181;
}
.group-target #rsvp .rsvp-block button,
.group-target .invite_others .rsvp-block button {
background-color: #37579f;
}
.cult-2024-ui.group-target #rsvp .rsvp-block button,
.cult-2024-ui.group-target .invite_others .rsvp-block button {
background-color: #127f71;
}
#rsvp .rsvp-block button:hover,
.invite_others .rsvp-block button:hover {
background-color: #1057ac;
}
.ece-survey #rsvp .rsvp-block button:hover,
.ece-survey .invite_others .rsvp-block button:hover {
background-color: #686868;
}
.group-target #rsvp .rsvp-block button:hover,
.group-target .invite_others .rsvp-block button:hover {
background-color: #2a4279;
}
.cult-2024-ui.group-target #rsvp .rsvp-block button:hover,
.cult-2024-ui.group-target .invite_others .rsvp-block button:hover {
background-color: #0c5249;
}
#rsvp form input,
.invite_others form input,
#rsvp form select,
.invite_others form select,
#rsvp form textarea,
.invite_others form textarea {
width: 100%;
}
#rsvp form input[type="radio"],
.invite_others form input[type="radio"] {
width: auto;
margin-left: 2em;
}
#rsvp form select,
.invite_others form select {
height: 35px;
}
#rsvp form input[type="submit"],
.invite_others form input[type="submit"] {
display: inline-block;
color: white;
font-weight: bold;
text-transform: uppercase;
border-radius: 0px;
border: none;
padding: 8px 13px;
width: inherit;
}
[class~="5e-survey"] #rsvp form input[type="submit"],
[class~="5e-survey"] .invite_others form input[type="submit"] {
background: #7da438;
}
.ece-survey #rsvp form input[type="submit"],
.ece-survey .invite_others form input[type="submit"] {
background: #332963;
}
.bel-survey #rsvp form input[type="submit"],
.bel-survey .invite_others form input[type="submit"] {
background: #000000;
}
.no-survey #rsvp form input[type="submit"],
.no-survey .invite_others form input[type="submit"],
#rsvp form input[type="submit"],
.invite_others form input[type="submit"] {
background: #000000;
}
.group-target #rsvp form input[type="submit"],
.group-target .invite_others form input[type="submit"] {
background: #37579f;
}
#rsvp form .errorlist,
.invite_others form .errorlist {
color: red;
}
#rsvp form .helptext,
.invite_others form .helptext {
display: block;
}
.bel-report .intro {
color: #222;
font-weight: bold;
background-color: #dce1e1;
text-align: center;
position: relative;
margin-left: -30px;
min-height: 85vh;
}
.bel-report .intro h1 {
font-size: 3em;
font-weight: 400;
}
.bel-report .intro h2 {
padding-top: 140px;
margin-top: -1px;
font-size: 1.25em;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
}
.bel-report .intro h3 {
font-size: 1.5em;
}
.bel-report .intro .target-name {
font-size: 1.1em;
}
.bel-report .intro .scroll-instructions {
position: absolute;
font-size: 1.3em;
text-align: center;
width: 100%;
opacity: 0.5;
bottom: 30px;
}
.bel-report .intro .scroll-instructions svg {
fill: #828282;
margin-right: 1ex;
}
.bel-report .intro .section-intros-group {
position: absolute;
top: 15px;
width: 100%;
display: flex;
flex-direction: row-reverse;
justify-content: space-around;
}
.bel-report .intro .section-intros-group .section-intro {
min-width: 280px;
}
.bel-report .intro .section-intros-group .section-intro .narrative-prefix {
color: #298ce6;
font-size: 1.1em;
}
.bel-report .intro .section-intros-group .section-intro .section-name {
font-size: 1.3em;
font-weight: bold;
}
.bel-report .shortcuts-affix-wrapper {
position: absolute;
left: 0;
right: 0;
z-index: 1;
}
.bel-report .shortcuts-affix-wrapper .shortcuts-and-tracks-wrapper {
background-color: #dce1e1;
}
.bel-report .shortcuts-affix-wrapper .shortcuts-and-tracks-wrapper.affixed {
z-index: 99;
background-color: white;
}
.bel-report .scroll-shortcuts {
display: block;
list-style: none;
font-weight: bold;
margin: 0;
padding: 0;
display: flex;
justify-content: space-around;
}
.bel-report .scroll-shortcuts li {
display: inline-block;
margin: 0.75em 0.5em 0em 0.5em;
min-width: 280px;
padding-bottom: 7px;
color: rgba(0, 0, 0, 0.25);
}
.bel-report .scroll-shortcuts li a {
text-decoration: none;
font-size: 1.3em;
color: inherit;
}
.bel-report .scroll-shortcuts li.enabled {
color: black;
cursor: pointer;
}
.bel-report .scroll-shortcuts li.enabled:hover {
color: rgba(0, 0, 0, 0.55);
}
.bel-report .scroll-shortcuts li.active {
color: #4096f4;
}
.bel-report .train-tracks {
position: absolute;
height: 0;
width: 100%;
margin: 0;
padding: 0;
display: flex;
list-style: none;
}
.bel-report .train-tracks::before {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
top: 50%;
height: 2px;
background: rgba(0, 0, 0, 0.25);
}
.bel-report .train-tracks li {
margin: auto;
position: relative;
top: -6px;
/* naturally, tabs are centered at 16.5/50/83.5%, items centered at 10/30/50/70/90%
we adjust the first/last dots to match up with the center of the first/last tabs. */
/* HACK/TODO: also even up the penultimate dots on each end to make everything more even.
Would be nicer to "inset" the flexing itself for automatic alignment again! */
width: 15px;
height: 15px;
border-radius: 15px;
border: 3px solid black;
background: #eee;
border-color: rgba(0, 0, 0, 0.25);
}
.bel-report .train-tracks li:first-child {
left: 6.5%;
}
.bel-report .train-tracks li:last-child {
right: 6.5%;
}
.bel-report .train-tracks li:nth-child(2) {
left: 3.25%;
}
.bel-report .train-tracks li:nth-child(4) {
right: 3.25%;
}
.bel-report .train-tracks li.enabled {
border-color: black;
cursor: pointer;
}
.bel-report .train-tracks li.enabled:hover {
border-color: rgba(0, 0, 0, 0.55);
}
.bel-report .train-tracks li.active {
border-color: #4096f4;
}
.bel-report .sections-root {
position: relative;
}
.bel-report .sections-root .sections-container {
margin-left: 25%;
background: #fafafa;
border: 1px solid #eee;
border-top: none;
}
.bel-report .sections-root .sections-container .what-section {
background: white;
}
.bel-report .sections-root .sections-container > section {
clear: both;
min-height: 100vh;
padding-top: 200px;
box-sizing: content-box;
}
.bel-report .sections-root .sections-container > section.inactive {
position: relative;
}
.bel-report .sections-root .sections-container > section.inactive .section-content {
opacity: 0.1;
}
.bel-report .sections-root .sections-container > section.inactive .interaction-preventer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.bel-report .sections-root .sections-container > section.how-section {
padding-top: 40px;
}
.bel-report .sections-root .sections-container > section.how-section .unscored.measure-table thead {
display: none;
}
.bel-report .sections-root .sections-container > section.how-section .unscored.measure-table tbody td:last-child {
width: 12ex;
}
.bel-report .sections-root .section-content {
padding: 0px 25px 25px 25px;
padding: 25px;
}
.bel-report .sections-root .section-content h2 {
margin-top: 0px;
}
.bel-report .sections-root .section-content .overview h3 {
display: inline;
}
.bel-report .sections-root .section-content .content-group {
max-width: 800px;
margin: 0 auto;
position: relative;
}
.bel-report .sections-root .section-content .content-group:after {
content: " ";
display: block;
clear: both;
width: 100%;
height: 0px;
}
.bel-report .sections-root .section-content .table {
table-layout: fixed;
}
.bel-report .sections-root .section-content .table tbody tr {
background: white;
}
.bel-report .sections-root .section-content .table tbody tr:hover {
background-color: #f2f2f2;
}
.bel-report .sections-root .section-content .table thead tr {
background: transparent;
}
.bel-report .sections-root .section-content .table thead tr th:first-child {
width: 70%;
}
.bel-report .sections-root .section-content .table thead tr th:nth-child(3) {
min-width: 18ex;
}
.bel-report .sections-root .section-content .overview {
width: 100%;
display: inline-block;
}
.bel-report .sections-root .section-content .overview .dropdown {
float: left;
}
.bel-report .sections-root .section-content .graph-wrapper {
width: 25%;
float: left;
}
.bel-report .sections-root .section-content .graph-wrapper svg {
margin-left: -50px;
}
.bel-report .sections-root .section-content .graph-wrapper + .details-column {
width: 66%;
float: right;
position: relative;
}
.bel-report .sections-root .section-content .details-column .disaggregated-sorting-interface .bel-comparisons.actually-disaggregation {
display: inline-block;
width: 100%;
}
.bel-report .sections-root .section-content .details-column .disaggregated-sorting-interface .bel-comparisons.actually-disaggregation .secondary-disaggregation h3 {
margin-top: 0;
}
.bel-report .sections-root .section-content .details-column .disaggregated-sorting-interface .sorting-notes.sorting-notes {
font-size: 1.3em;
}
.bel-report .sections-root .section-content .details-column .disaggregated-sorting-interface .sorting-notes b {
color: black;
}
.bel-report .sections-root .section-content .details-column .linkout-content {
padding: 0 10px;
}
.bel-report .sections-root .section-content .details-column .ranked-title {
text-align: center;
margin-bottom: 0;
margin-top: 2.5em;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons {
text-align: right;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons.actually-year-toggle h3 {
margin-top: 0;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons h4 {
display: inline-block;
color: #333;
text-transform: none;
font-size: 1.107em;
border: none;
padding: 0px;
margin: 0px;
letter-spacing: 0px;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons .btn-default {
background: #eaeaea;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons .btn-default:hover {
background: #dbdbdb;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons .btn {
outline: none;
border-radius: 0px;
border: none;
margin-right: 1px;
margin-bottom: 5px;
padding: 6px;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons .btn.active {
background-color: #146edb;
}
.ece-survey .bel-report .sections-root .section-content .details-column .bel-comparisons .btn.active {
background-color: #818181;
}
.group-target .bel-report .sections-root .section-content .details-column .bel-comparisons .btn.active {
background-color: #37579f;
}
.cult-2024-ui.group-target .bel-report .sections-root .section-content .details-column .bel-comparisons .btn.active {
background-color: #127f71;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons .primary-comparisons {
margin-top: 5px;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons.actually-disaggregation {
text-align: left;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons.actually-disaggregation::after {
clear: both;
display: block;
content: " ";
}
.bel-report .sections-root .section-content .details-column .bel-comparisons.actually-disaggregation .secondary-disaggregation {
float: left;
width: 50%;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .btn {
margin-right: 10px;
padding-left: 0px;
padding-right: 0px;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .btn-default {
background: none;
color: #888;
padding-bottom: 5px;
border-bottom: 2px solid transparent;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .btn-default:hover {
border-bottom: 3px solid #cccccc;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .btn-default:focus {
box-shadow: none;
color: black;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .active {
background: none;
color: black;
border-bottom: 3px solid;
border-bottom-color: #146edb;
padding-bottom: 5px;
}
.ece-survey .bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .active {
border-bottom-color: #818181;
}
.group-target .bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .active {
border-bottom-color: #37579f;
}
.cult-2024-ui.group-target .bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .active {
border-bottom-color: #127f71;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .active:hover {
border-bottom-color: #1057ac;
}
.ece-survey .bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .active:hover {
border-bottom-color: #686868;
}
.group-target .bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .active:hover {
border-bottom-color: #2a4279;
}
.cult-2024-ui.group-target .bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .active:hover {
border-bottom-color: #0c5249;
}
.bel-report .sections-root .section-content .details-column .bel-comparisons .child-buttons .disabled {
text-decoration: line-through;
}
.bel-report .sections-root .section-content #lens-measures .nav-tabs {
display: flex;
}
.bel-report .sections-root .section-content #lens-measures .nav-tabs li {
flex: 1;
}
.bel-report .sections-root .section-content #lens-measures .nav-tabs li a {
height: 100%;
}
.bel-report .sections-root .section-content .lensing-content .graph-intro {
text-align: center;
font-weight: bold;
font-size: 1.1em;
margin-top: 2em;
}
.bel-report .sections-root .section-content .survey-accordion {
position: relative;
}
.bel-report .sections-root .section-content .survey-accordion h3 {
padding-right: 70px;
}
.bel-report .sections-root .section-content .survey-accordion .expand-toggle {
float: right;
position: relative;
top: -2em;
}
.bel-report .sections-root .section-content .survey-accordion .title {
padding-right: 125px;
display: block;
padding-bottom: 6px;
}
.bel-report .sections-root .section-content .survey-accordion .row-style.collapsed .title {
padding-bottom: 0px;
}
.bel-report .sections-root .section-content .nav-tabs {
border-bottom: 0px;
margin-bottom: 25px;
width: 100%;
}
.bel-report .sections-root .section-content .nav-tabs:before {
display: none !important;
}
.bel-report .sections-root .section-content .nav-tabs:after {
display: none !important;
}
.bel-report .sections-root .section-content .nav-tabs li {
display: table-cell;
width: 1%;
float: none;
text-align: center;
}
.bel-report .sections-root .section-content .tab-pane:after {
content: " ";
display: block;
clear: both;
width: 100%;
height: 0px;
}
.bel-report .sections-root .section-content .initial-extra-tab {
text-align: center;
font-style: italic;
}
.bel-report .sections-root .section-content .interstitial-graph-intro {
padding-left: 10%;
width: 90%;
font-size: 1.1em;
}
.bel-report .sections-root .section-content .interstitial-graph {
width: 100%;
max-width: 1050px;
max-height: 650px;
font-size: 24px;
}
.bel-report .sections-root .section-content .interstitial-graph .top-label,
.bel-report .sections-root .section-content .interstitial-graph .bot-label,
.bel-report .sections-root .section-content .interstitial-graph .credit-label {
fill: black;
dominant-baseline: central;
}
.bel-report .sections-root .section-content .interstitial-graph .credit-label {
font-size: 18px;
text-anchor: end;
}
.bel-report .sections-root .section-content .interstitial-graph .grade-a {
fill: #5db953;
}
.bel-report .sections-root .section-content .interstitial-graph .grade-b {
fill: #dce1e1;
}
.bel-report .sections-root .section-content .interstitial-graph .grade-c {
fill: #cccccc;
}
.bel-report .sections-root .section-content .interstitial-graph .grade-d {
fill: #999999;
}
.bel-report .sections-root .section-content .interstitial-graph .grade-f {
fill: #444444;
}
.bel-report .sections-root .section-content .interstitial-graph .percentage-labels {
fill: #a1a5a5;
text-anchor: end;
dominant-baseline: central;
font-size: 75%;
font-weight: normal;
}
.bel-report .sections-root .section-content .interstitial-graph .percentage-labels text:first-of-type {
dominant-baseline: text-after-edge;
}
.bel-report .sections-root .section-content .interstitial-graph .percentage-labels text:last-of-type {
dominant-baseline: text-before-edge;
}
.bel-report .sections-root .section-content .interstitial-graph .bar .label {
font-size: 80%;
font-weight: bold;
fill: black;
}
.bel-report .sections-root .section-content .interstitial-graph .good-bar .label {
text-anchor: end;
}
.bel-report .sections-root .section-content .interstitial-graph .poor-bar .label {
text-anchor: start;
}
.bel-report .sections-root .section-content .interstitial-graph .bar-parts text,
.bel-report .sections-root .section-content .interstitial-graph .grade-letter-legend text {
fill: white;
text-anchor: middle;
dominant-baseline: central;
}
.bel-report .sections-root .section-callout {
float: left;
position: relative;
width: 0;
left: -33.33333333%;
}
.bel-report .sections-root .section-callout .callout-container {
width: calc(25vw - 20px);
padding-top: 25px;
}
.bel-report .sections-root .section-callout p,
.bel-report .sections-root .section-content .details-column .disaggregated-sorting-interface .sorting-notes {
color: #298ce6;
font-size: 1.65em;
margin-bottom: 20px;
}
.bel-report .sections-root .section-callout::after {
clear: both;
}
.bel-report .sections-root .nav-tabs li a {
border: none;
border-radius: 0px;
background: #eaeaea;
font-weight: bold;
color: #222;
text-decoration: none;
padding: 12px 12px;
outline: none;
}
.bel-report .sections-root .nav-tabs li a:hover {
background: #d1d1d1;
}
.bel-report .sections-root .nav-tabs li.active a {
background: #146edb;
color: white;
}
.ece-survey .bel-report .sections-root .nav-tabs li.active a {
background: #818181;
}
.group-target .bel-report .sections-root .nav-tabs li.active a {
background: #37579f;
}
.cult-2024-ui.group-target .bel-report .sections-root .nav-tabs li.active a {
background: #127f71;
}
.bel-survey .lens-graph {
width: 100%;
max-width: 1050px;
max-height: 650px;
}
.bel-survey .lens-graph .percent-labels {
text-anchor: end;
dominant-baseline: central;
fill: grey;
}
.bel-survey .lens-graph .axis-base {
stroke: grey;
}
.bel-survey .lens-graph .bar-labels {
text-anchor: middle;
}
.bel-survey .lens-graph .bar-labels,
.bel-survey .lens-graph .legend,
.bel-survey .lens-graph .footnote {
font-size: 1.3em;
}
.bel-survey .lens-graph .legend {
dominant-baseline: middle;
}
.bel-survey .lens-graph .bar.lo,
.bel-survey .lens-graph .key.lo {
fill: #a1a5a5;
}
.bel-survey .lens-graph .bar.hi,
.bel-survey .lens-graph .key.hi {
fill: #61b758;
}
.bel-survey .lens-graph .bar text {
text-anchor: middle;
fill: black;
}
.bel-survey .lens-graph .title {
text-anchor: middle;
font-size: 1.5em;
font-weight: bold;
}
.ece-survey .crayonbox.overall-rep .popups .pointer-icon {
transition: opacity 0.25s;
}
.ece-survey .crayonbox.overall-rep .popups .column .essential-popup {
display: none;
}
@media (any-hover: hover) {
.ece-survey .crayonbox.overall-rep .popups .column:hover .essential-popup {
display: initial;
}
.ece-survey .crayonbox.overall-rep .popups .column:hover ~ .pointer-icon {
opacity: 0;
}
}
@media (hover: none) {
.ece-survey .crayonbox.overall-rep .popups .column:focus .essential-popup {
display: initial;
}
.ece-survey .crayonbox.overall-rep .popups .column:focus ~ .pointer-icon {
opacity: 0;
}
}
.ece-survey .crayonbox.overall-rep a.column {
text-decoration: none;
}
.ece-survey .crayonbox.overall-rep .essential-popup text {
fill: white;
}
.ece-survey .crayonbox.overall-rep .essential-popup .name-label {
font-size: 25px;
font-weight: normal;
}
.ece-survey .crayonbox.overall-rep .essential-popup .result .background {
fill: black;
}
.ece-survey .crayonbox.overall-rep .essential-popup .score-label {
font-size: 15px;
text-transform: uppercase;
}
.ece-survey .crayonbox.overall-rep .box-label {
text-anchor: middle;
fill: white;
}
.ece-survey .crayonbox.overall-rep .box-label .static {
opacity: 0.4;
font-size: 20px;
text-transform: uppercase;
}
.ece-survey .crayonbox.overall-rep .box-label .status {
font-size: 40px;
font-weight: bold;
text-transform: capitalize;
}
.ece-survey .crayonbox-legend .ranking text {
text-anchor: middle;
dominant-baseline: middle;
text-transform: uppercase;
font-weight: bold;
}
.mobile-header {
display: flex;
justify-content: space-between;
padding: 5px 10px;
height: 45px;
position: relative;
}
.mobile-header .logo-wrapper {
position: absolute;
left: 0;
right: 0;
text-align: center;
z-index: -1;
}
.mobile-header .user-wrapper {
max-width: 25%;
text-align: right;
}
.mobile-header .user-wrapper a {
text-decoration: none;
border-radius: 2px;
}
[class~="5e-survey"] .mobile-header .user-wrapper a {
color: #7da438;
}
.ece-survey .mobile-header .user-wrapper a {
color: #332963;
}
.bel-survey .mobile-header .user-wrapper a {
color: #000000;
}
.no-survey .mobile-header .user-wrapper a,
.mobile-header .user-wrapper a {
color: #000000;
}
.mobile-header .user-wrapper a:hover {
text-decoration: underline;
}
.mobile-header .nav-toggle {
cursor: pointer;
font-size: 1.5em;
display: flex;
align-items: center;
text-decoration: none;
}
.mobile-header .nav-panel {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 1;
background: black;
padding: 1em 2em;
padding-right: 4em;
}
.mobile-header .nav-panel:not(.isOpen) {
display: none;
}
.mobile-header .nav-panel a {
display: block;
text-decoration: none;
font-size: 1.5em;
color: white;
margin: 1em 0;
}
.mobile-header .nav-panel a.active {
opacity: 0.5;
}
.mobile-header .nav-panel hr {
width: 33%;
margin-left: 0;
}
.mobile-header .nav-panel hr ~ a {
font-weight: bold;
}
.report_intro-page .mobile-header {
display: none;
}
@media screen and (max-width: 800px) {
.report_intro-page .desktop-header,
.report_intro-page .nav {
display: none;
}
.report_intro-page .mobile-header {
display: flex;
height: 45px;
}
}
@media screen and (min-width: 901px) {
[class~="5e-survey"].report_intro-page .mobile-intro-content {
display: none;
}
}
@media screen and (max-width: 900px) {
[class~="5e-survey"].report_intro-page {
padding: 0;
}
[class~="5e-survey"].report_intro-page .desktop-intro-content,
[class~="5e-survey"].report_intro-page footer {
display: none;
}
}
.mobile-intro-content .more-info a,
.original-report > .survey-intro .more-info a {
cursor: pointer;
display: block;
margin: auto;
margin-top: 0.5em;
border: 1.5px solid black;
border-color: #146edb;
border-radius: 5px;
background: none;
padding: 0.5em 1em;
font-size: 1.1em;
text-decoration: none;
text-align: center;
}
.ece-survey .mobile-intro-content .more-info a,
.ece-survey .original-report > .survey-intro .more-info a {
border-color: #818181;
}
.group-target .mobile-intro-content .more-info a,
.group-target .original-report > .survey-intro .more-info a {
border-color: #37579f;
}
.cult-2024-ui.group-target .mobile-intro-content .more-info a,
.cult-2024-ui.group-target .original-report > .survey-intro .more-info a {
border-color: #127f71;
}
.mobile-intro-content .details-popup,
.original-report > .survey-intro .details-popup {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 9999;
overflow: auto;
padding: 1em 2em;
background: black;
color: white;
text-align: center;
}
.mobile-intro-content .details-popup:not(.open),
.original-report > .survey-intro .details-popup:not(.open) {
display: none;
}
.mobile-intro-content .details-popup h1,
.original-report > .survey-intro .details-popup h1,
.mobile-intro-content .details-popup h2,
.original-report > .survey-intro .details-popup h2 {
font-size: 1.5em;
font-weight: bold;
}
.mobile-intro-content .details-popup h1 span,
.original-report > .survey-intro .details-popup h1 span,
.mobile-intro-content .details-popup h2 span,
.original-report > .survey-intro .details-popup h2 span {
color: inherit;
}
.mobile-intro-content .details-popup table thead th,
.original-report > .survey-intro .details-popup table thead th {
text-align: center;
padding-top: 0;
}
.mobile-intro-content .details-popup a.details-toggle,
.original-report > .survey-intro .details-popup a.details-toggle {
position: absolute;
top: 5px;
right: 10px;
font-size: 1.5em;
}
.mobile-intro-content {
display: flex;
flex-direction: column;
align-items: center;
padding: 2em;
}
.mobile-intro-content .graphic-rep-wrapper .overall-rep {
float: none;
}
.mobile-intro-content .graphic-rep-wrapper .puzzle-legend {
max-width: 250px;
text-align: center;
}
.mobile-intro-content h1 {
font-size: 1.8em;
text-align: center;
}
.mobile-intro-content .intro-questions {
flex-direction: column;
}
.mobile-intro-content .intro-questions .landing-question {
margin: 5px;
width: auto;
font-size: 1em;
}
.mobile-intro-content .details-popup {
position: fixed;
bottom: 0;
}
.skip-intro {
color: white;
}
[class~="5e-survey"] .skip-intro {
background-color: #7da438;
}
.ece-survey .skip-intro {
background-color: #332963;
}
.bel-survey .skip-intro {
background-color: #000000;
}
.no-survey .skip-intro,
.skip-intro {
background-color: #000000;
}
.group-target .skip-intro {
background-color: #37579f;
}
.ece-survey.report_intro-page .desktop-header,
.ece-survey.report_intro-page .mobile-header,
.ece-survey.report_intro-page .nav {
position: fixed;
left: 0;
right: 0;
z-index: 4;
background-color: white;
border-bottom: 1px solid #e6e7e8;
}
.ece-survey.report_intro-page .desktop-header,
.ece-survey.report_intro-page .nav {
padding-left: 30px;
padding-right: 30px;
}
.ece-survey.report_intro-page .desktop-header {
top: 0;
height: 89px;
padding-top: 30px;
padding-bottom: 25px;
}
.ece-survey.report_intro-page .mobile-header {
top: 0;
height: 45px;
}
.ece-survey.report_intro-page .nav {
top: 89px;
}
.ece-survey.report_intro-page #report-body {
margin-top: 175px;
margin-right: 0;
}
@media screen and (max-width: 800px) {
.ece-survey.report_intro-page #report-body {
margin-top: 15px;
}
}
.ece-survey.report_intro-page footer {
display: none;
}
.ece-survey.report_intro-page .overall-rep {
float: none;
}
.ece-survey.report_intro-page svg {
overflow: visible;
}
.ece-survey.report_intro-page .crayonbox.shared-usage {
position: fixed;
z-index: 3;
box-sizing: content-box;
margin: 0;
top: var(--shared-top);
left: var(--shared-left);
width: var(--shared-width);
height: var(--shared-height);
}
.ece-survey.report_intro-page .crayonbox.shared-usage.suppressed {
display: none;
}
.ece-survey.report_intro-page .skip-intro {
position: fixed;
right: 1rem;
bottom: 1rem;
z-index: 10;
border: none;
border-radius: 1em;
font-weight: bold;
text-transform: lowercase;
padding: 0.5em 1em;
}
.ece-survey.report_intro-page .animated-intro {
overflow-x: hidden;
}
.ece-survey.report_intro-page .animated-intro .crayonbox,
.ece-survey.report_intro-page .animated-intro .crayonbox-legend,
.ece-survey.report_intro-page .animated-intro .box-legend-group {
height: 100%;
width: auto;
}
.ece-survey.report_intro-page .animated-intro .scene {
position: relative;
}
.ece-survey.report_intro-page .animated-intro .scene[data-dbg-progress] {
outline: 1px solid red;
}
.ece-survey.report_intro-page .animated-intro .scene[data-dbg-progress].in-progress {
background: yellow;
}
.ece-survey.report_intro-page .animated-intro .scene[data-dbg-progress] .placeholder.crayonbox {
outline: 1px dashed purple;
}
@media screen and (min-width: 901px) {
.ece-survey.report_intro-page .animated-intro .scene {
padding: 60px;
}
}
@media screen and (max-width: 900px) {
.ece-survey.report_intro-page .animated-intro .scene {
padding: 10px;
}
}
.ece-survey.report_intro-page .animated-intro .scene > .non-scrolling,
.ece-survey.report_intro-page .animated-intro .scene.in-progress > .sticky {
position: fixed;
z-index: 1;
}
@media screen and (min-width: 901px) {
.ece-survey.report_intro-page .animated-intro .scene > .non-scrolling,
.ece-survey.report_intro-page .animated-intro .scene.in-progress > .sticky {
left: 90px;
right: 90px;
top: 265px;
}
}
@media screen and (max-width: 900px) {
.ece-survey.report_intro-page .animated-intro .scene > .non-scrolling,
.ece-survey.report_intro-page .animated-intro .scene.in-progress > .sticky {
left: 40px;
right: 40px;
top: 215px;
}
}
@media screen and (max-width: 800px) {
.ece-survey.report_intro-page .animated-intro .scene > .non-scrolling,
.ece-survey.report_intro-page .animated-intro .scene.in-progress > .sticky {
top: 55px;
}
}
.ece-survey.report_intro-page .animated-intro .scene > .non-scrolling {
bottom: 30px;
}
.ece-survey.report_intro-page .animated-intro .scene:not(.in-progress) > .non-scrolling {
visibility: hidden;
pointer-events: none;
}
.ece-survey.report_intro-page .animated-intro .scene.at-bottom > .sticky {
position: absolute;
top: auto;
}
@media screen and (min-width: 901px) {
.ece-survey.report_intro-page .animated-intro .scene.at-bottom > .sticky {
left: 60px;
right: 60px;
bottom: 60px;
}
}
@media screen and (max-width: 900px) {
.ece-survey.report_intro-page .animated-intro .scene.at-bottom > .sticky {
left: 10px;
right: 10px;
bottom: 10px;
}
}
.ece-survey.report_intro-page .animated-intro .scene.opening,
.ece-survey.report_intro-page .animated-intro .scene.efforts,
.ece-survey.report_intro-page .animated-intro .scene.climate {
text-align: center;
}
.ece-survey.report_intro-page .animated-intro .scene.opening {
display: flex;
align-items: center;
}
.ece-survey.report_intro-page .animated-intro .scene.opening .scroll-instructions {
position: absolute;
font-size: 1.3em;
text-align: center;
left: 0;
right: 0;
top: 100%;
}
.ece-survey.report_intro-page .animated-intro .scene.opening .scroll-instructions svg {
fill: #828282;
margin-right: 1ex;
}
@media screen and (min-width: 901px) {
.ece-survey.report_intro-page .animated-intro .scene.opening p {
font-size: 2em;
}
}
@media screen and (max-width: 900px) {
.ece-survey.report_intro-page .animated-intro .scene.opening {
min-height: 75vh;
}
}
.ece-survey.report_intro-page .animated-intro .scene.efforts {
min-height: 1000px;
}
.ece-survey.report_intro-page .animated-intro .scene.efforts > div {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 901px) {
.ece-survey.report_intro-page .animated-intro .scene.efforts > div {
justify-content: flex-start;
}
}
@media screen and (max-width: 900px) {
.ece-survey.report_intro-page .animated-intro .scene.efforts > div {
justify-content: center;
}
}
.ece-survey.report_intro-page .animated-intro .scene.climate {
min-height: 2500px;
}
.ece-survey.report_intro-page .animated-intro .scene.climate > div {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 901px) {
.ece-survey.report_intro-page .animated-intro .scene.climate > div {
justify-content: flex-start;
}
}
@media screen and (max-width: 900px) {
.ece-survey.report_intro-page .animated-intro .scene.climate > div {
min-height: 75vh;
justify-content: center;
}
.ece-survey.report_intro-page .animated-intro .scene.climate > div .p-group {
font-size: 0.8em;
}
}
.ece-survey.report_intro-page .animated-intro .scene.outcomes {
min-height: 1500px;
}
.ece-survey.report_intro-page .animated-intro .scene.outcomes p {
text-align: center;
}
.ece-survey.report_intro-page .animated-intro .scene.outcomes .crayonbox-legend.js-positioned {
position: fixed;
box-sizing: content-box;
top: var(--js-top);
left: var(--js-left);
height: var(--js-height);
width: auto;
}
.ece-survey.report_intro-page .animated-intro .scene.outcomes > div {
display: flex;
}
@media screen and (min-width: 901px) {
.ece-survey.report_intro-page .animated-intro .scene.outcomes > div {
justify-content: center;
flex-direction: row;
align-items: center;
}
.ece-survey.report_intro-page .animated-intro .scene.outcomes > div > * {
width: 33%;
}
}
@media screen and (max-width: 900px) {
.ece-survey.report_intro-page .animated-intro .scene.outcomes > div {
flex-direction: column;
}
.ece-survey.report_intro-page .animated-intro .scene.outcomes > div .p-group {
height: 45%;
}
.ece-survey.report_intro-page .animated-intro .scene.outcomes > div .crayonbox {
flex: none;
height: 45%;
margin: auto;
}
.ece-survey.report_intro-page .animated-intro .scene.outcomes > div .p-group {
position: relative;
}
.ece-survey.report_intro-page .animated-intro .scene.outcomes > div .p-group p {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
}
.ece-survey.report_intro-page .animated-intro .scene.outcomes > div .crayonbox-legend {
margin-left: 1em;
}
.ece-survey.report_intro-page .animated-intro .scene.outcomes > div p.layout-helper {
display: none;
}
}
.ece-survey.report_intro-page .animated-intro .scene.synergy {
min-height: 1000px;
}
.ece-survey.report_intro-page .animated-intro .scene.synergy > div {
display: flex;
justify-content: center;
}
@media screen and (min-width: 901px) {
.ece-survey.report_intro-page .animated-intro .scene.synergy > div {
flex-direction: row;
align-items: center;
}
.ece-survey.report_intro-page .animated-intro .scene.synergy > div > * {
width: 33%;
}
.ece-survey.report_intro-page .animated-intro .scene.synergy > div p:first-child {
text-align: right;
}
.ece-survey.report_intro-page .animated-intro .scene.synergy > div p:last-child {
text-align: left;
}
}
@media screen and (max-width: 900px) {
.ece-survey.report_intro-page .animated-intro .scene.synergy > div {
flex-direction: column;
}
.ece-survey.report_intro-page .animated-intro .scene.synergy > div .p-group {
height: 45%;
}
.ece-survey.report_intro-page .animated-intro .scene.synergy > div .crayonbox {
flex: none;
height: 45%;
margin: auto;
}
.ece-survey.report_intro-page .animated-intro .scene.synergy > div .p-group {
position: relative;
}
.ece-survey.report_intro-page .animated-intro .scene.synergy > div .p-group p {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
}
}
.ece-survey.report_intro-page .animated-intro .scene.closing {
min-height: 1000px;
}
.ece-survey.report_intro-page .animated-intro .scene.closing > div {
display: flex;
}
@media screen and (min-width: 901px) {
.ece-survey.report_intro-page .animated-intro .scene.closing > div {
flex-direction: row;
align-items: center;
}
.ece-survey.report_intro-page .animated-intro .scene.closing > div .p-group {
margin-left: 2em;
}
}
@media screen and (max-width: 900px) {
.ece-survey.report_intro-page .animated-intro .scene.closing > div {
flex-direction: column;
}
.ece-survey.report_intro-page .animated-intro .scene.closing > div .p-group {
height: 45%;
}
.ece-survey.report_intro-page .animated-intro .scene.closing > div .crayonbox {
flex: none;
height: 45%;
margin: auto;
}
.ece-survey.report_intro-page .animated-intro .scene.closing > div .p-group {
position: relative;
}
.ece-survey.report_intro-page .animated-intro .scene.closing > div .p-group p {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
}
}
.ece-survey.report_intro-page .animated-intro .scene.final {
min-height: 1000px;
}
.ece-survey.report_intro-page .animated-intro .scene.final .original-report p {
font-size: 1em;
}
.ece-survey.report_intro-page .animated-intro .scene.final .original-report .survey-intro {
max-width: 600px;
}
.ece-survey.report_intro-page .animated-intro .scene.final .original-report .details-popup .about-link {
display: none;
}
.ece-survey.report_intro-page .animated-intro .scene.final .original-report .details-popup {
bottom: 0;
overscroll-behavior: contain;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div {
display: flex;
}
@media screen and (min-width: 901px) {
.ece-survey.report_intro-page .animated-intro .scene.final > div {
flex-direction: row;
align-items: center;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div .original-report {
align-self: flex-start;
margin-left: 2em;
}
}
@media screen and (max-width: 900px) {
.ece-survey.report_intro-page .animated-intro .scene.final > div {
flex-direction: column;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div .original-report {
height: 45%;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div .crayonbox {
flex: none;
height: 45%;
margin: auto;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div .survey-intro h1 {
font-size: 1em;
font-weight: bold;
text-align: center;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div .survey-intro h1 span {
text-transform: capitalize;
color: inherit;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div .intro-questions {
font-size: 0.6em;
flex-direction: column;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div .intro-questions .landing-question {
width: auto;
margin: 5px;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div .intro-questions .landing-question a {
padding: 1em;
display: flex;
flex-direction: row;
align-items: center;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div .intro-questions .landing-question a h5 {
width: 30%;
flex: none;
margin-bottom: 0;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div .details-popup {
font-size: 0.8em;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div .details-popup h1,
.ece-survey.report_intro-page .animated-intro .scene.final > div .details-popup h2 {
font-size: 1em;
}
.ece-survey.report_intro-page .animated-intro .scene.final > div .details-popup table {
font-size: 0.8em;
}
}
.ece-survey.report_intro-page .animated-intro .scene p {
font-size: 1.5em;
}
.ece-survey.report_intro-page .animated-intro .scene .boom {
display: block;
font-size: 1.5em;
font-weight: bold;
-webkit-text-fill-color: white;
-webkit-text-stroke: 1px black;
}
.ece-survey.report_intro-page .animated-intro .scene .pow {
font-weight: bold;
-webkit-text-fill-color: black;
}
.ece-survey.report_intro-page .animated-intro .scene .desktop.line-break::after {
content: "\a";
white-space: pre;
}
@media screen {
.ece-survey.report_intro-page .animated-intro .scene .desktop.line-break::after {
white-space: normal;
}
}
.ece-survey.report_intro-page .animated-intro .scene .flagged-crayons {
padding: 25px 100px;
}
.ece-survey.report_intro-page .animated-intro .scene .flagged-crayons ul {
display: flex;
flex-direction: row;
padding: 0;
list-style: none;
}
.ece-survey.report_intro-page .animated-intro .scene .flagged-crayons ul li {
margin: 25px 10px;
text-align: left;
vertical-align: top;
width: 150px;
height: 68px;
padding-left: 20px;
position: relative;
}
.ece-survey.report_intro-page .animated-intro .scene .flagged-crayons ul li .essential-name {
color: white;
font-size: 1.2em;
display: block;
position: absolute;
top: 50%;
transform: perspective(1px) translateY(-50%);
}
.ece-survey.report_intro-page .animated-intro .scene .flagged-crayons ul li .single-crayon {
height: 100px;
width: auto;
position: absolute;
top: -26px;
left: 0;
transform: translate(-50%, 0);
}
@media screen and (max-width: 800px) {
.ece-survey.report_intro-page .animated-intro .scene .flagged-crayons ul {
display: block;
position: relative;
height: 68px;
}
.ece-survey.report_intro-page .animated-intro .scene .flagged-crayons ul li {
position: absolute;
top: 0;
left: calc(50% - 75px);
}
}
.downloads-page #react_extra_content {
display: none;
}
.downloads-page .dl.icon {
height: 20px;
width: auto;
}
.downloads-page .request-popup {
position: fixed;
top: 33%;
left: 50%;
transform: translateX(-50%);
background-color: white;
border: 1px solid black;
box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);
max-width: 75ex;
padding: 2.5em;
text-align: center;
}
.downloads-page .request-popup .actions {
margin-top: 0.5em;
}
.downloads-page .request-popup label {
font-weight: normal;
}
.downloads-page .request-popup .email {
font-weight: bold;
}
.downloads-page .request-popup button + button {
margin-left: 1ex;
}
.about_report-page .dl.icon {
height: 20px;
width: auto;
}
.pdf_report-page {
font-family: "Workaround Gotham", "Gotham HTF", sans-serif;
font-size: 14px;
}
.pdf_report-page .overall-rep {
float: none;
}
.pdf_report-page .integer {
float: none;
padding: 0;
}
.pdf_report-page .score {
display: inline;
}
.pdf_report-page .results-graph {
padding-top: 0;
}
.pdf_report-page h4 {
color: inherit;
border: none;
padding: 0;
text-transform: none;
letter-spacing: unset;
}
.pdf_report-page header {
border: none;
padding-bottom: 0;
}
.pdf_report-page svg.overall-rep text,
.pdf_report-page svg.individual-rep text {
font-family: "Workaround Gotham", "Gotham HTF", sans-serif;
}
@page {
font-family: "Workaround Gotham", "Gotham HTF", sans-serif;
}
.pdf_report-page svg.results-graph {
font-size: 10px;
}
.pdf_report-page h1,
.pdf_report-page h2 {
font-size: 0.28in;
font-weight: 300;
margin: 0;
}
.pdf_report-page h3 {
font-size: 0.126in;
}
.pdf_report-page .driving-question {
font-size: 0.168in;
}
.pdf_report-page .description {
font-size: 0.1001in;
}
.pdf_report-page table {
width: 100%;
table-layout: fixed;
border-spacing: 0;
border-collapse: collapse;
background-color: transparent;
}
.pdf_report-page table.table-of-contents a,
.pdf_report-page table.across-years-table a,
.pdf_report-page table.measure-index a {
display: block;
color: inherit;
text-decoration: none;
}
.pdf_report-page table.table-of-contents .page-range a,
.pdf_report-page table.across-years-table .page-range a,
.pdf_report-page table.measure-index .page-range a {
display: inline;
}
.pdf_report-page a.page-number::after {
content: target-counter(attr(href), page);
}
@media screen {
.pdf_report-page {
counter-reset: fakepage;
}
.pdf_report-page a.page-number::after {
counter-increment: fakepage;
content: counter(fakepage);
}
}
.pdf_report-page .puzzle-legend {
margin-left: 0;
font-size: 0.65em;
line-height: 1.75;
margin: 0.25em 0 0;
}
.pdf_report-page .puzzle-legend li {
font-size: 1em;
padding-right: 2ex;
}
.pdf_report-page .puzzle-legend .swatch {
width: 1em;
height: 1em;
}
.pdf_report-page #footer-content {
position: running(footer);
font-size: 0.1001in;
text-align: center;
}
.pdf_report-page .page {
page-break-before: always;
position: relative;
padding-right: 1.25in;
}
.pdf_report-page .page .thermo-wrapper {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 0.75in;
padding: 0;
margin: 0;
}
.pdf_report-page .page .thermometer-graph {
height: 100%;
width: 100%;
padding: 0;
position: running(thermograph);
}
@media screen {
.pdf_report-page .page {
width: 8.5in;
min-height: 11in;
outline: 1px solid black;
margin: 1in;
padding: 0.25in;
padding-right: 0.75in;
}
}
.pdf_report-page .cover.page header {
display: flex;
}
.pdf_report-page .cover.page header .overall-rep {
width: 1.7in;
height: 1.7in;
}
.pdf_report-page .cover.page header .headings-wrapper {
margin: 0 0.35in;
padding: 0.1in 0;
}
.pdf_report-page .cover.page header .target-name {
font-size: 0.49in;
font-weight: 300;
}
.pdf_report-page .cover.page header h1 {
margin: 0;
}
.pdf_report-page .cover.page .about-content {
font-size: 0.1001in;
}
.pdf_report-page .cover.page table.table-of-contents caption {
font-size: 0.28in;
font-weight: 300;
color: black;
text-align: left;
}
.pdf_report-page .cover.page table.table-of-contents thead {
visibility: hidden;
visibility: collapse;
}
.pdf_report-page .cover.page table.table-of-contents thead tr th:last-child {
width: 15ex;
}
.pdf_report-page .cover.page table.table-of-contents tbody {
font-size: 0.168in;
line-height: 1.55;
}
.pdf_report-page .cover.page table.table-of-contents tr td:first-child {
padding-left: 4ex;
}
.pdf_report-page .cover.page table.table-of-contents tr.subrow td:first-child {
padding-left: 8ex;
}
.pdf_report-page .cover.page table.table-of-contents tr td:last-child {
text-align: right;
padding-right: 4ex;
}
.pdf_report-page .overall.page header {
display: flex;
}
.pdf_report-page .overall.page header .intro-headline {
flex: auto;
margin: 0 0.15in;
font-size: 0.28in;
font-weight: 300;
}
.pdf_report-page .overall.page header .rep-wrapper {
flex: none;
width: 1.5in;
}
.pdf_report-page .overall.page header .rep-wrapper .overall-rep {
width: 100%;
height: auto;
}
.pdf_report-page .overall.page .results-graph,
.pdf_report-page .essential.page .results-graph {
width: 100%;
height: auto;
padding-left: 50px;
}
.pdf_report-page .overall.page .across-years-table,
.pdf_report-page .essential.page .across-years-table {
font-size: 0.1001in;
margin-top: -2em;
}
.pdf_report-page .overall.page .across-years-table thead tr,
.pdf_report-page .essential.page .across-years-table thead tr,
.pdf_report-page .overall.page .across-years-table tbody tr,
.pdf_report-page .essential.page .across-years-table tbody tr {
border-bottom: 0.5em solid transparent;
}
.pdf_report-page .overall.page .across-years-table tbody th,
.pdf_report-page .essential.page .across-years-table tbody th {
font-weight: inherit;
}
.pdf_report-page .overall.page .across-years-table.essentials tbody td:last-child,
.pdf_report-page .essential.page .across-years-table.essentials tbody td:last-child {
font-weight: bold;
}
.pdf_report-page .overall.page .across-years-table thead tr:first-child th:nth-child(1),
.pdf_report-page .essential.page .across-years-table thead tr:first-child th:nth-child(1),
.pdf_report-page .overall.page .across-years-table tbody tr th:nth-child(1),
.pdf_report-page .essential.page .across-years-table tbody tr th:nth-child(1) {
width: 100px;
text-align: left;
}
.pdf_report-page .overall.page .across-years-table thead tr:first-child th:nth-child(2),
.pdf_report-page .essential.page .across-years-table thead tr:first-child th:nth-child(2) {
text-align: left;
padding-left: 35px;
width: auto;
}
.pdf_report-page .overall.page .across-years-table thead tr:nth-child(n+2) td:nth-child(n+2):nth-last-child(n+2),
.pdf_report-page .essential.page .across-years-table thead tr:nth-child(n+2) td:nth-child(n+2):nth-last-child(n+2),
.pdf_report-page .overall.page .across-years-table tbody tr td:nth-child(n+2):nth-last-child(n+2),
.pdf_report-page .essential.page .across-years-table tbody tr td:nth-child(n+2):nth-last-child(n+2),
.pdf_report-page .overall.page .across-years-table thead tr:nth-child(n+2) th:nth-child(n+2):nth-last-child(n+2),
.pdf_report-page .essential.page .across-years-table thead tr:nth-child(n+2) th:nth-child(n+2):nth-last-child(n+2),
.pdf_report-page .overall.page .across-years-table tbody tr th:nth-child(n+2):nth-last-child(n+2),
.pdf_report-page .essential.page .across-years-table tbody tr th:nth-child(n+2):nth-last-child(n+2) {
text-align: center;
width: 10px;
}
.pdf_report-page .overall.page .across-years-table thead tr:first-child :nth-last-child(1),
.pdf_report-page .essential.page .across-years-table thead tr:first-child :nth-last-child(1) {
width: 50px;
}
.pdf_report-page .measures-index.page h2 {
margin-top: -0.25in;
}
.pdf_report-page .measures-index.page table.measure-index {
margin-top: 0.15in;
font-size: 0.1001in;
}
.pdf_report-page .measures-index.page table.measure-index thead th {
padding-bottom: 0.04in;
}
.pdf_report-page .measures-index.page table.measure-index thead th:nth-child(1) {
width: 0.36in;
}
.pdf_report-page .measures-index.page table.measure-index thead th:nth-child(2) {
width: 2.15in;
}
.pdf_report-page .measures-index.page table.measure-index thead th:nth-child(3) {
width: 0.54in;
}
.pdf_report-page .measures-index.page table.measure-index thead th:nth-child(4) {
width: 0.92in;
}
.pdf_report-page .measures-index.page table.measure-index thead th:nth-child(5) {
width: 1.55in;
}
.pdf_report-page .measures-index.page table.measure-index thead th:nth-child(6) {
width: 1.21in;
}
.pdf_report-page .measures-index.page table.measure-index tbody tr,
.pdf_report-page .measures-index.page table.measure-index tbody td:nth-child(1) {
border: 1px solid #e6e7e8;
}
.pdf_report-page .measures-index.page table.measure-index tbody td:nth-child(1) {
text-align: center;
}
.pdf_report-page .measures-index.page table.measure-index tbody td:nth-child(2) {
padding: 1ex;
}
.pdf_report-page .measures-index.page table.measure-index tbody td:nth-child(6) {
text-align: center;
}
.pdf_report-page .measure.page h2 {
margin-top: -0.25in;
}
.pdf_report-page .measure.page .columns {
display: flex;
font-size: 0.1001in;
}
.pdf_report-page .measure.page .columns .column {
width: 50%;
}
.pdf_report-page .measure.page dl dt {
margin: 0.25in 0.07in 0;
font-size: 0.1001in;
}
.pdf_report-page .measure.page dl dd {
margin: 0.1in 0.16in;
}
.pdf_report-page .measure.page .results-graph,
.pdf_report-page .measure.page .frequency-graph {
overflow: visible;
max-width: 100%;
height: auto;
}
.pdf_report-page .measure.page .item-wrapper {
page-break-inside: avoid;
}
.pdf_report-page .measure.page .item-wrapper .frequency-graph-group {
padding-bottom: 0;
margin-bottom: -2em;
}
.pdf_report-page .measure.page .item-wrapper::before {
content: "";
display: block;
border-top: 1px solid #e6e7e8;
margin: 0.5em 0;
}
.pdf_report-page .measure.page .items-stem {
display: block;
font-weight: bold;
margin-bottom: 0.15in;
}
.smooth-scroll {
scroll-behavior: smooth;
}
.bel-survey .rate-panel {
background-color: #EBF0F7;
padding: 24px;
margin-bottom: 16px;
}
.group-target.bel-survey .rate-panel {
background-color: #F8F8F8;
}
.bel-survey .rate-panel h3 {
margin: 0;
font-size: 24px;
line-height: 32px;
font-weight: 600;
color: #285178;
}
.bel-survey .rate-panel .pct-details,
.bel-survey .rate-panel .alt-comparison {
font-size: 18px;
line-height: 24px;
font-weight: 400;
}
.bel-survey .rate-panel .main-pct,
.bel-survey .rate-panel .alt-survey {
font-weight: 600;
}
.bel-survey .frequency-graph-group svg.frequency-graph .baseline {
stroke: #BFBFBF;
opacity: 1;
}
.bel-survey .frequency-graph-group svg.frequency-graph .percent-bar.percent-bar {
fill: #146EDB;
}
.group-target.bel-survey .frequency-graph-group svg.frequency-graph .percent-bar.percent-bar {
fill: #5ABFB1;
}
.bel-survey .frequency-graph-group svg.frequency-graph .percent-bar.percent-bar.prior {
fill: #285178;
}
.bel-survey .frequency-graph-group svg.frequency-graph .percent-label {
fill: #285178;
}
.bel-survey .frequency-graph-group svg.frequency-graph .response-label {
fill: #171717;
}
.bel-survey .frequency-graph-group svg.frequency-graph .percent-label,
.bel-survey .frequency-graph-group svg.frequency-graph .response-label,
.bel-survey .frequency-graph-group svg.frequency-graph .legend {
font-size: 14px;
line-height: 16px;
font-weight: 400;
}
.bel-survey .frequency-graph-group .legend {
padding: 0;
color: #171717;
}
.bel-survey .frequency-graph-group .legend li.percent-bar {
float: none;
margin: 0 12px;
}
.bel-survey .frequency-graph-group .legend li.percent-bar .swatch {
background-color: #146EDB;
}
.group-target.bel-survey .frequency-graph-group .legend li.percent-bar .swatch {
background-color: #5ABFB1;
}
.bel-survey .frequency-graph-group .legend li.percent-bar.prior .swatch {
background-color: #285178;
}
.bel-survey > header {
border-bottom: none;
margin-bottom: 2em;
}
.bel-survey.cult-2024-ui .overall-rep {
float: none;
}
.bel-survey.cult-2024-ui .integer {
float: none;
padding: 0;
}
.bel-survey.cult-2024-ui .score {
display: inline;
}
.bel-survey.cult-2024-ui .results-graph {
padding-top: 0;
}
.bel-survey.cult-2024-ui h4 {
color: inherit;
border: none;
padding: 0;
text-transform: none;
letter-spacing: unset;
}
.bel-survey.cult-2024-ui #report-body {
max-width: 72em;
margin: 0 auto;
padding: 0 78px;
color: #171717;
font-size: 16px;
line-height: 24px;
}
.bel-survey.cult-2024-ui h1.combo-heading .target-name {
display: block;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #146EDB;
text-decoration: none;
}
.group-target.bel-survey.cult-2024-ui h1.combo-heading .target-name {
color: #127F71;
}
.bel-survey.cult-2024-ui h1.combo-heading .page-name {
display: block;
margin: 0 0 0.25em;
font-size: 28px;
line-height: 32px;
font-weight: 500;
color: #285178;
}
.bel-survey.cult-2024-ui .general-intro {
margin-top: 2em;
}
.bel-survey.cult-2024-ui .general-intro .lead-in {
font-size: 18px;
line-height: 24px;
font-weight: 400;
}
.bel-survey.cult-2024-ui .general-intro .call-to-action {
font-size: 16px;
line-height: 24px;
font-weight: 300;
}
.bel-survey.cult-2024-ui .general-intro .lead-in,
.bel-survey.cult-2024-ui .general-intro .call-to-action {
margin: 0;
}
.bel-survey.cult-2024-ui .info-popup {
appearance: none;
border: none;
padding: 0;
background-color: transparent;
color: #BFBFBF;
float: right;
font-size: 24px;
line-height: 32px;
font-weight: 600;
color: #146EDB;
}
.group-target.bel-survey.cult-2024-ui .info-popup {
color: #127F71;
}
.bel-survey.cult-2024-ui .info-popup:hover {
color: #285178;
}
.bel-survey.cult-2024-ui .info-popup .glyphicon-comment {
font-size: 0.83em;
}
.bel-survey.cult-2024-ui .info-popup-popup {
max-width: 325px;
}
.bel-survey.cult-2024-ui .button-appearance {
border: none;
padding: 4px 16px;
font-weight: 600;
color: #ffffff;
text-decoration: none;
background-color: #146EDB;
}
.group-target.bel-survey.cult-2024-ui .button-appearance {
background-color: #127F71;
}
.bel-survey.cult-2024-ui .button-appearance:hover {
color: #ffffff;
background-color: #285178;
}
.bel-survey.cult-2024-ui .button-appearance.disabled {
cursor: not-allowed;
background-color: #707070;
}
.bel-survey.cult-2024-ui .svg-glyph {
fill: currentColor;
}
.bel-survey.cult-2024-ui .download-arrow.svg-glyph {
height: 0.875em;
margin-bottom: -0.1em;
}
.bel-survey.cult-2024-ui .visit-arrow.svg-glyph {
height: 0.625em;
}
.bel-survey.cult-2024-ui .close-cross.svg-glyph {
stroke: currentColor;
}
.bel-survey.cult-2024-ui .callout-box {
background-color: #EBF0F7;
padding: 24px;
}
.group-target.bel-survey.cult-2024-ui .callout-box {
background-color: #F8F8F8;
}
.bel-survey.cult-2024-ui .object-overview header {
margin-bottom: 24px;
padding: 0;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #285178;
color: #285178;
}
.bel-survey.cult-2024-ui .object-overview header > * {
margin: 0;
}
.bel-survey.cult-2024-ui .object-overview header .object-name {
font-size: 24px;
line-height: 32px;
font-weight: 600;
}
.bel-survey.cult-2024-ui .object-overview header .score-label {
font-size: 18px;
line-height: 24px;
font-weight: 600;
}
.bel-survey.cult-2024-ui .survey-accordion .intro-stem {
display: none;
}
.bel-survey.cult-2024-ui .survey-accordion .expand-toggle {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #146EDB;
text-decoration: none;
margin-top: -2em;
padding-bottom: 8px;
text-align: right;
}
.group-target.bel-survey.cult-2024-ui .survey-accordion .expand-toggle {
color: #127F71;
}
.bel-survey.cult-2024-ui .survey-accordion .expand-toggle:hover {
color: #285178;
text-decoration: underline;
}
.bel-survey.cult-2024-ui .survey-accordion .row-style {
border-color: #BFBFBF transparent;
background-color: transparent;
color: #171717;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.bel-survey.cult-2024-ui .survey-accordion .row-style .heading {
font-weight: 600;
}
.bel-survey.cult-2024-ui .survey-accordion .row-style .title {
font: inherit;
color: inherit;
}
.bel-survey.cult-2024-ui .survey-accordion .row-style[aria-expanded=true] {
background-color: #EBF0F7;
}
.group-target.bel-survey.cult-2024-ui .survey-accordion .row-style[aria-expanded=true] {
background-color: #F8F8F8;
}
.bel-survey.cult-2024-ui .survey-accordion .row-style[aria-expanded=true] .title {
color: #285178;
font-weight: 600;
}
.bel-survey.bel_report_v2_intro-page .survey-toggle {
margin-top: 32px;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.bel-survey.bel_report_v2_intro-page .survey-toggle ul {
font-weight: 600;
list-style: none;
margin: 0;
padding: 0;
display: inline;
}
.bel-survey.bel_report_v2_intro-page .survey-toggle ul li {
display: inline-block;
}
.bel-survey.bel_report_v2_intro-page .survey-toggle ul li {
margin: 0 1.5ex;
cursor: pointer;
color: #707070;
border-bottom: 2px solid transparent;
}
.bel-survey.bel_report_v2_intro-page .survey-toggle ul li:hover {
color: #171717;
border-bottom-color: #707070;
}
.bel-survey.bel_report_v2_intro-page .survey-toggle ul li[aria-selected=true] {
color: #285178;
border-bottom-color: #146EDB;
}
.group-target.bel-survey.bel_report_v2_intro-page .survey-toggle ul li[aria-selected=true] {
border-bottom-color: #5ABFB1;
}
.bel-survey.bel_report_v2_intro-page .survey-toggle ul li h2 {
font: inherit;
margin: 0;
}
.bel-survey.bel_report_v2_intro-page .group-mode .toggle-group {
margin: 16px 0;
display: inline-block;
background-color: #EBF0F7;
padding: 4px;
white-space: nowrap;
}
.group-target.bel-survey.bel_report_v2_intro-page .group-mode .toggle-group {
background-color: #F8F8F8;
}
.bel-survey.bel_report_v2_intro-page .group-mode .toggle-group button {
appearance: none;
border: none;
padding: 0;
background-color: transparent;
font-weight: 600;
padding: 4px 16px;
color: #707070;
}
.bel-survey.bel_report_v2_intro-page .group-mode .toggle-group button:hover {
color: #171717;
}
.bel-survey.bel_report_v2_intro-page .group-mode .toggle-group button[aria-checked=true] {
color: #146EDB;
background-color: white;
}
.group-target.bel-survey.bel_report_v2_intro-page .group-mode .toggle-group button[aria-checked=true] {
color: #127F71;
}
.bel-survey.bel_report_v2_intro-page .group-overview .info-popup {
position: relative;
top: -1em;
left: -1ex;
}
.bel-survey.bel_report_v2_intro-page .group-overview table {
table-layout: fixed;
width: 100%;
}
.bel-survey.bel_report_v2_intro-page .group-overview .aux-headings {
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: #707070;
}
.bel-survey.bel_report_v2_intro-page .group-overview .aux-headings th {
padding-bottom: 8px;
border-style: hidden;
}
.bel-survey.bel_report_v2_intro-page .group-overview .aux-headings th:nth-child(1) {
width: 300px;
}
.bel-survey.bel_report_v2_intro-page .group-overview .aux-headings th:nth-child(2) {
width: 180px;
}
.bel-survey.bel_report_v2_intro-page .group-overview .aux-headings td:nth-child(3) {
width: 540px;
}
.bel-survey.bel_report_v2_intro-page .group-overview .main-headings td.filter-options {
width: 300px;
vertical-align: top;
}
.bel-survey.bel_report_v2_intro-page .group-overview .main-headings th {
width: 60px;
height: 164px;
border: 0 solid #BFBFBF;
border-width: 0 1px;
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #707070;
vertical-align: bottom;
}
.bel-survey.bel_report_v2_intro-page .group-overview .main-headings th:last-child {
border-right-width: 0;
}
.bel-survey.bel_report_v2_intro-page .group-overview .main-headings th.sortable .sideways-wrapper {
height: 90px;
}
.bel-survey.bel_report_v2_intro-page .group-overview .main-headings th .sideways-wrapper {
box-sizing: border-box;
padding: 10px 12px;
display: flex;
align-items: center;
transform: rotate(-90deg) translateY(100%);
transform-origin: left bottom;
width: 164px;
height: 60px;
}
.bel-survey.bel_report_v2_intro-page .group-overview .main-headings th .sideways-wrapper .direction-arrow {
transform: rotate(90deg) scale(2, 1.5);
}
.bel-survey.bel_report_v2_intro-page .group-overview .main-headings th .direction-arrow {
float: right;
transform: scale(2, 1.5);
margin-left: 1ex;
}
.bel-survey.bel_report_v2_intro-page .group-overview .main-headings th.sortable {
cursor: pointer;
}
.bel-survey.bel_report_v2_intro-page .group-overview .main-headings th.sortable:hover {
background-color: #F8F8F8;
border-color: #127F71;
border-width: 0 2px;
}
.bel-survey.bel_report_v2_intro-page .group-overview .main-headings th.sortable.active {
color: white;
background-color: #127F71;
}
.bel-survey.bel_report_v2_intro-page .group-overview .main-headings th:not(.sortable) {
color: #285178;
}
.bel-survey.bel_report_v2_intro-page .group-overview .filter-options ul {
list-style: none;
margin: 0;
padding: 0;
}
.bel-survey.bel_report_v2_intro-page .group-overview .filter-options ul li {
display: inline-block;
}
.bel-survey.bel_report_v2_intro-page .group-overview .filter-options ul li {
display: block;
}
.bel-survey.bel_report_v2_intro-page .group-overview .filter-options li:first-child {
display: none;
}
.bel-survey.bel_report_v2_intro-page .group-overview .filter-options input {
display: none;
}
.bel-survey.bel_report_v2_intro-page .group-overview .filter-options label {
margin: 4px;
padding: 4px;
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: #707070;
border-bottom: 2px solid transparent;
cursor: pointer;
}
.bel-survey.bel_report_v2_intro-page .group-overview .filter-options label:hover {
border-color: #BFBFBF;
}
.bel-survey.bel_report_v2_intro-page .group-overview .filter-options input:checked + label {
color: #285178;
border-color: #5ABFB1;
}
.bel-survey.bel_report_v2_intro-page .group-overview col.hovering {
border: solid #127F71;
border-width: 0 2px;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody td.col-hovering {
border: solid #127F71 !important;
border-width: 0 2px !important;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody tr {
min-height: 72px;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody tr td:nth-child(-n+3) {
background-color: #D9D9D9;
border-color: #707070;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody tr:nth-child(odd) {
background-color: #F8F8F8;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody tr:nth-child(odd) td:nth-child(-n+3) {
background-color: #BFBFBF;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody tr.group-itself {
background-color: #BFBFBF;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody tr.group-itself td {
border-color: #707070;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody tr.clickable {
cursor: pointer;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody tr.clickable:hover {
border: solid #127F71;
border-width: 2px 0;
min-height: 68px;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody tr.clickable:hover th,
.bel-survey.bel_report_v2_intro-page .group-overview tbody tr.clickable:hover td {
padding-top: 10px;
padding-bottom: 10px;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody th,
.bel-survey.bel_report_v2_intro-page .group-overview tbody td {
font-size: 16px;
line-height: 24px;
color: #171717;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody th {
padding: 12px 24px;
font-weight: 400;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody th a {
color: inherit;
text-decoration: none;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody td {
padding: 12px;
font-weight: 500;
text-align: center;
border: solid #BFBFBF;
border-width: 0 1px;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody td:last-child {
border-right-width: 0;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody .cell-wrapper {
display: flex;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody .data-cell {
width: 60px;
height: 48px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 8px;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody .data-cell.highlighted {
color: white;
background-color: #127F71;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody .data-cell > span {
line-height: 1.1;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody .data-cell .relative-change {
font-size: 12px;
font-weight: 500;
text-wrap: nowrap;
}
.bel-survey.bel_report_v2_intro-page .group-overview tbody .direction-arrow {
height: 0.75em;
margin-right: -0.25ex;
}
.bel-survey.bel_report_v2_intro-page .report-overview {
display: flex;
gap: 16px;
}
.bel-survey.bel_report_v2_intro-page .report-overview .survey-priorities {
flex: 645px 1 0.5;
min-width: 365px;
}
.bel-survey.bel_report_v2_intro-page .report-overview .survey-statistics {
flex: 490px 0 0.5;
margin-top: 56px;
}
.bel-survey.bel_report_v2_intro-page .report-overview .survey-priorities h3 {
margin: 8px 0 16px;
font-size: 24px;
line-height: 32px;
font-weight: 600;
color: #285178;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
margin-top: -16px;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .info-popup {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table thead {
font-size: 14px;
line-height: 16px;
font-weight: 500;
color: #171717;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table thead tr > :first-child {
width: 100%;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table thead tr > :last-child {
width: 125px;
height: 0;
font-weight: inherit;
position: relative;
bottom: 16px;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table tr > :last-child {
text-align: center;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure {
border: 1px solid transparent;
border-color: #BFBFBF transparent;
cursor: pointer;
color: #707070;
border-left: 6px solid transparent;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure:hover {
color: #171717;
background-color: #F9FBFD;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure[aria-selected=true] {
color: #285178;
background-color: #EBF0F7;
border-left-color: #146EDB;
}
.group-target.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure[aria-selected=true] {
background-color: #F8F8F8;
}
.group-target.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure[aria-selected=true] {
border-left-color: #5ABFB1;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure td {
padding: 12px 16px;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure .about-info {
display: flex;
flex-direction: column;
padding-right: 40px;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure .score-info {
display: inline;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure .name {
font-size: 18px;
line-height: 24px;
font-weight: 400;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure .about {
font-size: 14px;
line-height: 16px;
font-weight: 400;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure .raw-score {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure .details-btn {
margin: auto 24px;
padding: 4px 16px;
font-size: 16px;
line-height: 24px;
font-weight: 600;
white-space: nowrap;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure:not([aria-selected=true]) .only-when-selected {
display: none;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure[aria-selected=true] {
cursor: default;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure[aria-selected=true] .score-info.gets-link {
position: relative;
right: 50px;
}
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure[aria-selected=true] .name,
.bel-survey.bel_report_v2_intro-page .report-overview .measures-table .measure[aria-selected=true] .raw-score {
font-weight: 600;
}
.bel-survey.bel_report_v2-page {
counter-reset: nav-section;
}
.bel-survey.bel_report_v2-page #report-body {
max-width: none;
}
.bel-survey.bel_report_v2-page .columns-wrapper {
display: flex;
gap: 24px;
}
.bel-survey.bel_report_v2-page .columns-wrapper .col {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.bel-survey.bel_report_v2-page .columns-wrapper .col1 {
flex: 320px 0 0;
}
.bel-survey.bel_report_v2-page .details {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.bel-survey.bel_report_v2-page .object-overview {
padding: 24px 32px 32px;
}
.bel-survey.bel_report_v2-page .callout-box a:not(.button-appearance) {
color: #146EDB;
text-decoration: none;
font-weight: 600;
cursor: pointer;
}
.group-target.bel-survey.bel_report_v2-page .callout-box a:not(.button-appearance) {
color: #127F71;
}
.bel-survey.bel_report_v2-page .callout-box a:not(.button-appearance):hover {
color: #285178;
text-decoration: underline;
}
.bel-survey.bel_report_v2-page .callout-box dt {
font-weight: 600;
}
.bel-survey.bel_report_v2-page .lb-appendix.prompt {
margin: 16px 0 0;
}
.bel-survey.bel_report_v2-page .lb-appendix.prompt a.button-appearance {
display: block;
width: fit-content;
margin-bottom: 8px;
}
.bel-survey.bel_report_v2-page .lb-appendix.prompt .preview-note {
font-size: 12px;
line-height: 16px;
font-weight: 400;
}
.bel-survey.bel_report_v2-page .lb-appendix.prompt a[href] {
white-space: nowrap;
}
.bel-survey.bel_report_v2-page .dl-guide.prompt {
color: #707070;
}
.bel-survey.bel_report_v2-page .dl-guide.prompt a {
display: block;
}
.bel-survey.bel_report_v2-page:has(dialog[open]) {
overflow: hidden;
scrollbar-gutter: stable;
}
.bel-survey.bel_report_v2-page .lens-popup {
z-index: 2;
max-width: min(1016px, 100vw - 32px);
padding: 24px 40px 56px;
border: none;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #171717;
}
.bel-survey.bel_report_v2-page .lens-popup.hide-autofocus .close-button:focus-visible {
outline: none;
}
.bel-survey.bel_report_v2-page .lens-popup .close-button {
float: right;
width: 32px;
height: 32px;
border: none;
padding: 8px;
background-color: #146EDB;
color: white;
}
.group-target.bel-survey.bel_report_v2-page .lens-popup .close-button {
background-color: #127F71;
}
.bel-survey.bel_report_v2-page .lens-popup .close-button:hover {
background-color: #285178;
}
.bel-survey.bel_report_v2-page .lens-popup .close-button .svg-glyph {
display: block;
width: 100%;
height: 100%;
}
.bel-survey.bel_report_v2-page .lens-popup::backdrop {
opacity: 0.4;
background-color: black;
}
.bel-survey.bel_report_v2-page .lens-popup b {
font-weight: 600;
}
.bel-survey.bel_report_v2-page .lens-popup h3 {
font-size: 24px;
line-height: 32px;
font-weight: 600;
color: #285178;
}
.bel-survey.bel_report_v2-page .lens-popup .lens-tab-options {
border-bottom: 1px solid #707070;
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.bel-survey.bel_report_v2-page .lens-popup .lens-tab-options li {
display: inline-block;
}
.bel-survey.bel_report_v2-page .lens-popup .lens-tab-options [role=tab] {
flex-grow: 1;
padding: 16px 10px;
cursor: pointer;
color: #707070;
border-bottom: 3px solid transparent;
text-align: center;
font-weight: 600;
}
.bel-survey.bel_report_v2-page .lens-popup .lens-tab-options [role=tab]:hover {
color: #171717;
border-bottom-color: #707070;
}
.bel-survey.bel_report_v2-page .lens-popup .lens-tab-options [role=tab][aria-selected=true] {
color: #285178;
border-bottom-color: #146EDB;
}
.group-target.bel-survey.bel_report_v2-page .lens-popup .lens-tab-options [role=tab][aria-selected=true] {
border-bottom-color: #5ABFB1;
}
.bel-survey.bel_report_v2-page .lens-popup .lens-tab-options button {
border: none;
background-color: transparent;
}
.bel-survey.bel_report_v2-page .lens-popup .lens-view {
margin: 24px 0;
padding: 0 24px;
}
.bel-survey.bel_report_v2-page .lens-popup .bar-graph {
width: 100%;
height: 24px;
background-color: #EBF0F7;
display: flex;
align-items: center;
}
.group-target.bel-survey.bel_report_v2-page .lens-popup .bar-graph {
background-color: #F8F8F8;
}
.bel-survey.bel_report_v2-page .lens-popup .bar-graph .bar-color {
width: 0;
height: 100%;
background-color: #285178;
}
.bel-survey.bel_report_v2-page .lens-popup .bar-graph .bar-label {
margin-left: 4px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #285178;
}
.bel-survey.bel_report_v2-page .sidebar {
position: sticky;
top: 0px;
margin-top: -20px;
padding-top: 20px;
align-self: flex-start;
flex-shrink: 0;
width: 255px;
margin-right: 24px;
}
.bel-survey.bel_report_v2-page .sidebar h1 {
margin: 0 0 1em;
}
.bel-survey.bel_report_v2-page .measures-table {
list-style: none;
margin: 0;
padding: 0;
}
.bel-survey.bel_report_v2-page .measures-table li {
display: inline-block;
}
.bel-survey.bel_report_v2-page .measures-table li {
display: block;
cursor: pointer;
color: #707070;
border-left: 6px solid transparent;
}
.bel-survey.bel_report_v2-page .measures-table li:hover {
color: #171717;
background-color: #F9FBFD;
}
.bel-survey.bel_report_v2-page .measures-table li[aria-selected=true] {
color: #285178;
background-color: #EBF0F7;
border-left-color: #146EDB;
}
.group-target.bel-survey.bel_report_v2-page .measures-table li[aria-selected=true] {
background-color: #F8F8F8;
}
.group-target.bel-survey.bel_report_v2-page .measures-table li[aria-selected=true] {
border-left-color: #5ABFB1;
}
.bel-survey.bel_report_v2-page .measures-table .measure {
border-bottom: 1px solid #BFBFBF;
padding: 8px 16px;
font-size: 18px;
line-height: 24px;
}
.bel-survey.bel_report_v2-page .measures-table .measure[aria-selected=true] {
font-weight: 600;
}
.bel-survey.bel_report_v2-page .details {
flex: 2 1 auto;
max-width: 110ex;
}
.bel-survey.bel_report_v2-page .scrollable-sections {
position: sticky;
top: 0px;
z-index: 1;
padding: 0;
background-color: white;
border-bottom: 1px solid #171717;
}
.bel-survey.bel_report_v2-page .scrollable-sections ol {
margin: 0;
display: flex;
padding-left: 0;
list-style-position: inside;
}
.bel-survey.bel_report_v2-page .scrollable-sections ol li {
margin: 0;
flex: 100px 1 0;
text-align: center;
display: block;
font-size: 18px;
line-height: 24px;
font-weight: 600;
white-space: nowrap;
cursor: pointer;
color: #707070;
border-bottom: 3px solid transparent;
}
.bel-survey.bel_report_v2-page .scrollable-sections ol li a[href] {
display: list-item;
padding: 16px 10px;
color: inherit;
text-decoration: none;
}
.bel-survey.bel_report_v2-page .scrollable-sections ol li a[href]:hover {
text-decoration: none;
}
.bel-survey.bel_report_v2-page .scrollable-sections ol li:hover {
color: #171717;
border-bottom-color: #707070;
}
.bel-survey.bel_report_v2-page .scrollable-sections ol li[aria-selected=true] {
color: #285178;
border-bottom-color: #146EDB;
}
.group-target.bel-survey.bel_report_v2-page .scrollable-sections ol li[aria-selected=true] {
border-bottom-color: #5ABFB1;
}
.bel-survey.bel_report_v2-page .nav-section {
padding-top: 45px;
}
.bel-survey.bel_report_v2-page .nav-section h3 {
font-size: 24px;
line-height: 32px;
font-weight: 600;
color: #285178;
}
.bel-survey.bel_report_v2-page .nav-section h3::before {
counter-increment: nav-section;
content: counter(nav-section) ". ";
}
.bel-survey.bel_report_v2-page .nav-section .call-to-action {
font-size: 18px;
line-height: 24px;
color: #171717;
}
.bel-survey.bel_report_v2-page .nav-section .addl-context {
margin-top: -10px;
margin-bottom: 24px;
font-size: 16px;
line-height: 24px;
font-weight: 300;
color: #171717;
}
.bel-survey.bel_report_v2-page .section-divider {
margin-top: 45px;
border-color: #285178;
}
.bel-survey.bel_report_v2-page .disaggregation-tab-options button,
.bel-survey.bel_report_v2-page .view-options button {
appearance: none;
border: none;
padding: 0;
background-color: transparent;
}
.bel-survey.bel_report_v2-page .disaggregation-tab-options button {
margin: 0 12px 24px;
padding: 4px 0;
color: #707070;
border-bottom: 2px solid transparent;
font-size: 18px;
line-height: 24px;
font-weight: 600;
}
.bel-survey.bel_report_v2-page .disaggregation-tab-options button:hover {
border-bottom-color: #BFBFBF;
}
.bel-survey.bel_report_v2-page .disaggregation-tab-options button[aria-selected=true] {
color: #285178;
border-bottom-color: #146EDB;
}
.group-target.bel-survey.bel_report_v2-page .disaggregation-tab-options button[aria-selected=true] {
border-bottom-color: #5ABFB1;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .history-mode {
margin: auto 0;
flex-shrink: 0;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #707070;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .history-mode .toggle-label {
margin-right: 1ex;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .history-mode .toggle-group {
display: inline-block;
background-color: #EBF0F7;
padding: 4px;
white-space: nowrap;
}
.group-target.bel-survey.bel_report_v2-page .survey-disaggregation .history-mode .toggle-group {
background-color: #F8F8F8;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .history-mode .toggle-group button {
font-weight: 600;
padding: 4px 16px;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .history-mode .toggle-group button:hover {
color: #171717;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .history-mode .toggle-group button[aria-checked=true] {
color: #146EDB;
background-color: white;
}
.group-target.bel-survey.bel_report_v2-page .survey-disaggregation .history-mode .toggle-group button[aria-checked=true] {
color: #127F71;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .view-options {
display: flex;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .view-options hr {
margin: 0 1ex;
border: none;
display: inline-block;
width: 1px;
height: auto;
background-color: #BFBFBF;
margin: 0 24px;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .disaggregations {
min-height: 65px;
font-size: 14px;
line-height: 16px;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .disaggregations button {
font-weight: 600;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .disaggregations .sub-disaggregation {
margin-top: 8px;
}
.bel-survey.bel_report_v2-page .survey-disaggregation[data-history-mode=now] .sub-disaggregation button[data-missing-main] {
color: #707070;
text-decoration: line-through;
}
.bel-survey.bel_report_v2-page .survey-disaggregation[data-history-mode="2yr"] .sub-disaggregation button[data-missing-all] {
color: #707070;
text-decoration: line-through;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .main-disaggregation button {
margin: 0 2px 4px;
padding: 4px 16px;
color: #707070;
background-color: #EBF0F7;
}
.group-target.bel-survey.bel_report_v2-page .survey-disaggregation .main-disaggregation button {
background-color: #F8F8F8;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .main-disaggregation button:hover {
color: #171717;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .main-disaggregation button[aria-checked=true] {
color: white;
background-color: #146EDB;
}
.group-target.bel-survey.bel_report_v2-page .survey-disaggregation .main-disaggregation button[aria-checked=true] {
background-color: #127F71;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .sub-disaggregation .toggle-group {
margin-left: -12px;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .sub-disaggregation .item-wrapper {
padding: 0 12px;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .sub-disaggregation .item-wrapper:not(:last-child) {
border-right: 1px solid #BFBFBF;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .sub-disaggregation button {
padding: 4px 0;
color: #707070;
border-bottom: 2px solid transparent;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .sub-disaggregation button:hover {
border-bottom-color: #BFBFBF;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .sub-disaggregation button[aria-checked=true] {
color: #285178;
border-bottom-color: #146EDB;
}
.group-target.bel-survey.bel_report_v2-page .survey-disaggregation .sub-disaggregation button[aria-checked=true] {
border-bottom-color: #5ABFB1;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .data-view {
margin-top: 24px;
display: flex;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .data-view table {
height: fit-content;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .data-view.wide-graph .graph-wrapper {
margin: 0;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .graph-wrapper {
margin: 0 24px;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .graph-wrapper .selected.trend line {
stroke: #146EDB;
}
.group-target.bel-survey.bel_report_v2-page .survey-disaggregation .graph-wrapper .selected.trend line {
stroke: #127F71;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table {
margin-left: 24px;
width: 100%;
table-layout: fixed;
color: #171717;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table thead tr > :first-child {
width: 100%;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table thead tr > :last-child {
width: 40px;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table tr > :last-child {
box-sizing: content-box;
padding: 12px 48px;
text-align: center;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table thead {
font-size: 12px;
line-height: 16px;
font-weight: 500;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table thead tr > :last-child {
padding-bottom: 8px;
font-weight: inherit;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table tbody {
font-size: 14px;
line-height: 16px;
font-weight: 400;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table tbody tr {
cursor: pointer;
border: 1px solid transparent;
border-left-width: 6px;
border-color: #BFBFBF transparent;
color: #707070;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table tbody tr:hover {
color: #171717;
background-color: #F9FBFD;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table tbody tr.selected {
border-left-color: #146EDB;
background-color: #EBF0F7;
color: #285178;
}
.group-target.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table tbody tr.selected {
border-left-color: #5ABFB1;
}
.group-target.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table tbody tr.selected {
background-color: #F8F8F8;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table tbody tr.selected > :last-child {
font-weight: 600;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table tbody tr .raw-score {
color: #171717;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table tbody tr > :first-child {
padding: 12px 16px;
}
.bel-survey.bel_report_v2-page .survey-disaggregation .comparison-table tbody .missing.raw-score {
display: block;
width: fit-content;
transform: translateX(calc(20px - 50%));
}
.bel-survey.bel_report_v2-page .bel-sy-popup {
width: 260px;
min-width: unset;
font-size: 14px;
line-height: 16px;
}
.bel-survey.bel_report_v2-page .bel-sy-popup[data-no-anchor] {
display: none !important;
}
.bel-survey.bel_report_v2-page .bel-sy-popup .object-name {
font-weight: 600;
color: #285178;
}
.bel-survey.bel_report_v2-page .bel-sy-popup .data-values {
list-style: none;
margin: 0;
padding: 0;
margin: 12px 0 4px;
}
.bel-survey.bel_report_v2-page .bel-sy-popup .data-values li {
display: inline-block;
}
.bel-survey.bel_report_v2-page .bel-sy-popup .data-values .raw-score {
font-weight: 600;
}
.bel-survey.bel_report_v2-page .bel-sy-popup .data-values li:not(:last-child) {
margin-right: 12px;
border-right: 1px solid #707070;
padding-right: 12px;
}
.bel-survey.bel_report_v2-page .bel-sy-popup .score-change {
font-weight: 600;
color: #285178;
}
.bel-survey.bel_report_v2-page .measure-resources h4 {
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin: 0 0 8px;
}
.bel-survey.bel_report_v2-page .measure-resources .dl-summary {
margin-bottom: 16px;
color: #707070;
}
.bel-survey.bel_report_v2-page .measure-resources .dl-summary a {
display: block;
margin-top: 8px;
width: fit-content;
}
.bel-survey.bel_report_v2-page .measure-resources .addl-links {
display: flex;
flex-flow: row wrap;
gap: 16px 40px;
}
.bel-survey.bel_report_v2-page .measure-resources .addl-links .link-group {
flex: calc((100% - 2 * 40px) / 3) 0 0;
}
.bel-survey.bel_report_v2-page .measure-resources .addl-links .link-group dt {
color: #707070;
font-weight: 400;
}
.bel-survey.appendix-page .object-tabs {
margin-top: 24px;
border-bottom: 1px solid #707070;
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.bel-survey.appendix-page .object-tabs li {
display: inline-block;
}
.bel-survey.appendix-page .object-tabs [role=tab] {
flex-grow: 1;
padding: 16px 10px;
cursor: pointer;
color: #707070;
border-bottom: 3px solid transparent;
text-align: center;
font-weight: 600;
}
.bel-survey.appendix-page .object-tabs [role=tab]:hover {
color: #171717;
border-bottom-color: #707070;
}
.bel-survey.appendix-page .object-tabs [role=tab][aria-selected=true] {
color: #285178;
border-bottom-color: #146EDB;
}
.group-target.bel-survey.appendix-page .object-tabs [role=tab][aria-selected=true] {
border-bottom-color: #5ABFB1;
}
.bel-survey.appendix-page .object-tabs li {
font-size: 18px;
line-height: 24px;
}
.bel-survey.appendix-page .object-view {
padding: 0 24px;
}
.bel-survey.appendix-page .object-view .object-overview {
margin-top: 48px;
padding: 24px 48px 40px;
}
.bel-survey.appendix-page .object-view .list-intro {
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.bel-survey.appendix-page .object-view .measure-summaries {
list-style: none;
margin: 0;
padding: 0;
padding-left: 16px;
font-size: 16px;
line-height: 24px;
}
.bel-survey.appendix-page .object-view .measure-summaries li {
display: inline-block;
}
.bel-survey.appendix-page .object-view .measure-summaries li {
margin: 4px 0;
}
.bel-survey.appendix-page .object-view .measure-summaries li .name {
font-weight: 600;
}
.bel-survey.appendix-page .measure-view {
margin-top: 32px;
padding: 0 48px;
}
.bel-survey.appendix-page .measure-view h3 {
margin: 0;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.bel-survey.appendix-page .measure-view .call-to-action {
font-weight: 300;
}
.bel-survey.appendix-page .measure-view .survey-accordion {
margin-top: 24px;
}
.bel-survey.appendix-page .supplemental-measures h1 {
font-size: 28px;
line-height: 32px;
font-weight: 500;
color: #285178;
}
.bel-survey.appendix-page .supplemental-measures .measure-view h3 {
display: none;
}