@font-face {
  font-family: "font-awesome-6";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: "font-awesome-6" !important;
  font-weight: 400;
}

@font-face {
  font-family: "font-awesome-6-solid";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fas {
  font-family: "font-awesome-6-solid" !important;
  font-weight: 900;
}

@font-face {
  font-family: "font-awesome-6-brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"), url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff");
}
@font-face {
  font-family: "source-sans-pro";
  src: url("../fonts/sourcesanspro-light.eot");
  src: url("../fonts/sourcesanspro-light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "source-sans-pro-bold";
  src: url("../fonts/sourcesanspro-bold.eot");
  src: url("../fonts/sourcesanspro-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "manrope-regular";
  src: url("../fonts/Manrope-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "manrope-medium";
  src: url("../fonts/Manrope-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "manrope-semi-bold";
  src: url("../fonts/Manrope-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "manrope-bold";
  src: url("../fonts/Manrope-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "manrope-extra-bold";
  src: url("../fonts/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
.fab {
  font-family: "font-awesome-6-brands";
  font-weight: 400;
}

/*!
 * Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: "font-awesome-6-pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../fonts/fa-light-300.eot");
  src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg");
}
.fal {
  font-family: "font-awesome-6-pro" !important;
  font-weight: 300;
}

@font-face {
  font-family: "font-awesome-6-pro";
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url("../fonts/fa-thin-100.eot");
  src: url("../fonts/fa-thin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-thin-100.woff2") format("woff2"), url("../fonts/fa-thin-100.woff") format("woff"), url("../fonts/fa-thin-100.ttf") format("truetype"), url("../fonts/fa-thin-100.svg#fontawesome") format("svg");
}
.fat {
  font-family: "font-awesome-6-pro";
  font-weight: 100;
}

/*
.ChartSettings {
   Button.HorizontalButton {
      vertical-align: middle;
      margin-right: 10px;
      border: 1px solid $button-border;
      padding: 2px 18px;
      background: white;

      i, span {
         line-height: 20px;
      }

      &:hover {
         border-color: $button-border-hover;
         background: $button-bg-hover;

         span {
            text-decoration: underline;
         }
      }

      &.save-button i {
         color: $button-ok;
      }

      &.disabled {
         border-color: $button-diabled;

         i, span {
            color: $button-diabled;
         }
      }
   }
}
*/
/* Customize the label (the container) */
.checkbox-container {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 14px;
}
.checkbox-container input {
  display: none;
}
.checkbox-container label {
  cursor: pointer;
}
.checkbox-container label:hover span {
  text-decoration: underline;
}
.checkbox-container span, .checkbox-container i {
  pointer-events: none !important;
  vertical-align: middle;
  line-height: 18px;
}
.checkbox-container .checkmark {
  position: absolute;
  width: 14px;
  font-style: normal;
  display: inline-block;
  left: 0;
  top: 0;
  font-size: 14px;
}
.checkbox-container span {
  padding-left: 20px !important;
  font-family: "manrope-medium" !important;
}
.checkbox-container i {
  font-size: 15px;
}
.checkbox-container .checkmark:after {
  font-family: "font-awesome-6-pro";
  content: "\f0c8";
  color: #3097d3;
}
.checkbox-container input:checked ~ .checkmark:after {
  font-family: "font-awesome-6-solid";
  content: "\f14a";
  color: #3097d3;
}
.checkbox-container input:checked ~ span {
  font-family: "manrope-semi-bold" !important;
}

.disabled .checkbox-container i:after {
  color: #CCCCCC !important;
}

/* Customize the label (the container) */
.radiobox-container {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radiobox-container i {
  font-style: normal;
}
.radiobox-container label {
  cursor: pointer;
}
.radiobox-container label:hover span {
  text-decoration: underline;
}

/* Hide the browser's default radiobox */
.radiobox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radiobox */
.radiomark {
  display: inline-block;
  font-size: 14px;
}

/* On mouse-over, add a grey background color 
.radiobox-container:hover input ~ .radiomark {
   background-color: #ccc;
}*/
/* When the radiobox is checked, add a blue background 
.radiobox-container input:checked ~ .radiomark {
   background-color: #2196F3;
}*/
/* Create the radiomark/indicator (hidden when not checked) */
.radiobox-container .radiomark:after {
  content: "\f111";
  font-family: "font-awesome-6";
  color: #3097d3;
}

.radiobox-container input:checked ~ span {
  font-family: "manrope-semi-bold" !important;
}

/* Show the radiomark when checked */
.radiobox-container input:checked ~ .radiomark:after {
  content: "\f192";
}

body.login #side-nav {
  display: none;
}
body.login .body-bg, body.login .nav-buttons, body.login #UserName, body.login #SchoolName {
  display: none;
}
body.login #header {
  border: none;
}
body.login #loader {
  top: 0;
}

body #side-nav .fa-circle-arrow-left {
  font-size: 20px;
}
body #side-nav .buttons div.title {
  display: none;
}
body .MapInfoController button.side-nav {
  margin-bottom: 0;
}

#side-nav-info {
  position: absolute;
  top: 0;
  left: 40px;
  overflow: visible;
  z-index: 1000;
}
#side-nav-info .info-content {
  background: white;
  border: 1px solid #2b4ea4;
}
#side-nav-info .info-title {
  background: #5697d3;
  color: white;
  padding: 4px 10px;
  font-size: 13px;
}
#side-nav-info .info-description {
  font-size: 12px;
  white-space: pre-wrap;
  max-width: 240px;
  padding: 10px;
  max-height: 600px;
  overflow-y: auto;
}
#side-nav-info .info-items {
  max-width: 400px;
  list-style: none;
  padding: 0 10px;
}
#side-nav-info .info-items li {
  font-size: 12px;
}

body.side-nav-expand #side-nav .buttons div.title {
  display: block;
}
body.side-nav-expand .MapInfoController button.side-nav {
  margin-bottom: 1em;
}
body.side-nav-expand #content {
  left: 260px;
}
body.side-nav-expand #side-nav {
  width: 250px;
}
body.side-nav-expand #side-nav hr {
  margin: 0 20px 20px 0px;
}
body.side-nav-expand #side-nav .buttons {
  margin-left: 14px;
}
body.side-nav-expand #side-nav .buttons button {
  width: calc(100% - 20px);
  text-align: left;
}
body.side-nav-expand #side-nav .buttons .details {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  font-family: "manrope-semi-bold";
}
body.side-nav-expand #side-nav .buttons .info {
  top: -16px;
  bottom: auto;
  right: -4px !important;
  bottom: auto !important;
}
body.side-nav-expand #side-nav .buttons i.icon {
  vertical-align: top;
}
body.side-nav-expand #side-nav div.line {
  display: block;
}
body.side-nav-expand #side-nav hr {
  margin-bottom: 20px;
}
body.side-nav-expand #side-nav div.group {
  text-align: left;
}
body.side-nav-expand #side-nav div.group *:not(button) {
  pointer-events: none;
}
body.side-nav-expand #side-nav div.group button.narrow {
  display: none !important;
}
body.side-nav-expand #side-nav div.group button .info {
  right: -178px;
}
body.side-nav-expand #side-nav div.group.students {
  display: block;
}
body.side-nav-expand #side-nav div.group.students button {
  display: inline-block;
}
body.side-nav-expand #side-nav div.group.students button .info {
  bottom: 42px;
}
body.side-nav-expand #side-nav div.group.students .line {
  left: 65px;
}
body.side-nav-expand #side-nav div.group.students .line.fomrs {
  left: 45px;
}
body.side-nav-expand #side-nav div.group.students .line.ilp {
  left: 30px;
}
body.side-nav-expand #side-nav div.group.students .details {
  margin-top: 14px;
}
body.side-nav-expand #side-nav div.group.students i {
  display: inline-block;
}
body.side-nav-expand #side-nav div.group.year {
  display: block;
}
body.side-nav-expand #side-nav div.group.year button {
  display: inline-block;
}
body.side-nav-expand #side-nav div.group.year button .info {
  bottom: 42px;
}
body.side-nav-expand #side-nav div.group.year button .year-info {
  font-size: 12px;
}
body.side-nav-expand #side-nav div.group.year button i.fal.icon {
  margin-top: 2px;
}
body.side-nav-expand #side-nav div.group.year .line {
  left: 35px;
}
body.side-nav-expand #side-nav div.group.year .details {
  margin-top: 4px;
}
body.side-nav-expand #side-nav div.group.classes button .info {
  bottom: 37px;
}
body.side-nav-expand #side-nav div.group.classes .line {
  left: 60px;
}
body.side-nav-expand #side-nav div.group.classes i.fal.icon {
  margin-top: 2px;
}
body.side-nav-expand #side-nav div.group.indicators button .info {
  bottom: 37px;
}
body.side-nav-expand #side-nav div.group.indicators .line {
  left: 80px;
}
body.side-nav-expand #side-nav div.group.indicators i.fal.icon {
  margin-top: 1px;
}
body.side-nav-expand #side-nav div.group.genders .line {
  left: 62px;
}
body.side-nav-expand #side-nav div.group.genders button .info {
  bottom: 37px;
}
body.side-nav-expand #side-nav div.group.genders i.fal.icon {
  margin-top: 1px;
}
body.side-nav-expand #side-nav div.group.houses button .info {
  bottom: 37px;
}
body.side-nav-expand #side-nav div.group.houses .line {
  left: 54px;
}
body.side-nav-expand #side-nav div.group.houses i.fal.icon {
  margin-top: 0px;
}
body.side-nav-expand #side-nav div.group.thumbnail button .info {
  bottom: 37px;
  right: -184px;
}
body.side-nav-expand #side-nav div.group.thumbnail .line {
  left: 53px;
}
body.side-nav-expand #side-nav div.group.thumbnail i.fal.icon {
  margin-top: 1px;
}
body.side-nav-expand #side-nav div.group.archived .line {
  left: 68px;
}
body.side-nav-expand #side-nav div.group.archived i.fal.icon {
  margin-top: 1px;
}
body.side-nav-expand i.open {
  display: none;
}
body.side-nav-expand i.close {
  display: block !important;
}

.side-nav-hide #side-nav {
  display: none;
}
.side-nav-hide #content {
  left: 10px;
}

#side-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  bottom: 0px;
  background: #EAEAEA;
  border-right: 1px solid #d6e3f1;
  text-align: center;
  padding-top: 7px;
}
#side-nav .info.hidden {
  display: none !important;
}
#side-nav button {
  vertical-align: top;
}
#side-nav button:hover {
  background: white;
}
#side-nav .buttons {
  text-align: center;
  margin-top: 4px;
  margin-left: 1px;
}
#side-nav .buttons div.details {
  display: none;
}
#side-nav .buttons div.group {
  position: relative;
  text-align: center;
}
#side-nav .buttons div.group.students {
  display: none;
}
#side-nav .buttons div.group.students button {
  display: none;
  pointer-events: none;
}
#side-nav .buttons div.group.students button .fas {
  color: #999999;
}
#side-nav .buttons div.group.students button.narrow {
  color: #999999;
  pointer-events: none;
  display: inline-block;
  padding: 12px 8px;
  font-size: 12px;
}
#side-nav .buttons div.group.students i {
  font-size: 20px;
  color: black;
  display: none;
}
#side-nav .buttons div.group.year {
  display: none;
}
#side-nav .buttons div.group.year button {
  display: none;
}
#side-nav .buttons div.group.year button.narrow {
  display: inline-block;
  padding: 10px 6px;
  font-size: 12px;
}
#side-nav .buttons div.group.year .line {
  left: 0;
}
#side-nav .buttons div.group.classes .line {
  left: 0;
}
#side-nav .buttons div.group.indicators .line {
  left: 0;
}
#side-nav .buttons div.group.genders .line {
  left: 0;
}
#side-nav .buttons div.group.houses .line {
  left: 0;
}
#side-nav .buttons div.group.thumbnail .line {
  left: 0;
}
#side-nav .buttons div.group.archived .line {
  left: 0;
}
#side-nav .buttons div.title {
  letter-spacing: 1px;
  font-size: 10px;
  color: #01a9e8;
  font-family: "manrope-bold";
  font-weight: bold;
}
#side-nav .buttons div.line {
  border: 1px dotted #DEDEDE;
  position: absolute;
  right: 20px;
  top: 0.4em;
  display: none;
}
#side-nav hr {
  margin: 4px;
  border-top: none;
  border-bottom: 1px solid #CCCCCC;
}

.help-content label {
  display: block;
  font-family: "manrope-bold";
  line-height: 20px;
  margin-right: 20px;
  width: auto !important;
}
.help-content label .toggle {
  cursor: pointer;
  width: 16px;
}
.help-content ul {
  list-style: none;
  padding-left: 0;
}
.help-content ul li:nth-child(odd) {
  background: #EFEFEF;
}
.help-content ul li:nth-child(even) {
  background: #F7F7F7;
}
.help-content ul li:hover {
  background: white;
}
.help-content ul li:hover .code-text {
  font-family: "manrope-bold";
}
.help-content .code {
  position: relative;
  padding: 6px;
  margin: 0 4px;
}
.help-content .code-text {
  font-style: italic;
}

.copy-code {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20px;
}
.copy-code .fas {
  display: none;
}
.copy-code:hover .fas {
  display: block;
}
.copy-code:hover .fal {
  display: none;
}
.copy-code .copy-icon {
  line-height: 28px;
  font-size: 14px;
  cursor: pointer;
  width: 20px;
  height: 30px;
}
.copy-code .copy-icon * {
  pointer-events: none;
}
.copy-code .code-comment {
  margin-top: 10px;
  color: #676767;
}
.copy-code .code-comment ul {
  margin-top: 5px;
  list-style: none;
}

.checkbox-editor label.inline {
  width: auto;
}

.FormTemplateEditor {
  font-size: 12px;
}
.FormTemplateEditor label {
  display: inline-block;
  line-height: 24px;
}
.FormTemplateEditor .student {
  font-family: "manrope-bold";
}
.FormTemplateEditor .edit-header h1 {
  background: rgba(49, 49, 148, 0.168627451);
}
.FormTemplateEditor .controller {
  position: absolute;
  top: 40px;
  left: -16px;
  right: -10px;
  height: 34px;
  border-bottom: 1px solid #CCCCCC;
}
.FormTemplateEditor input[type=number] {
  border-bottom: 1px dotted #CCCCCC;
}
.FormTemplateEditor .line {
  margin-bottom: 10px;
}
.FormTemplateEditor .line select {
  padding: 3px 0px;
  font-size: 12px;
}
.FormTemplateEditor .line div {
  display: inline-block;
}
.FormTemplateEditor .mid-fields {
  position: absolute;
  left: 540px;
  top: 0;
}
.FormTemplateEditor .right-fields {
  position: absolute;
  left: 1080px;
  top: 0;
  right: 0;
}
.FormTemplateEditor .right-fields .line label {
  width: 70px;
}
.FormTemplateEditor .right-fields button[data-key=edit-available-to] {
  margin-top: -4px;
}
.FormTemplateEditor .right-fields .permissions {
  position: absolute;
  right: 0;
  left: 104px;
  top: 0;
  height: 300px;
  height: 120px;
  overflow: hidden;
}
.FormTemplateEditor .right-fields .permissions p {
  margin: 4px 0 0 0;
  font-size: 12px;
  color: #676767;
}
.FormTemplateEditor .editor-tabs {
  border-bottom: 1px solid #CCCCCC;
  height: 34px;
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.FormTemplateEditor .editor-tabs label {
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;
  font-size: 12px;
}
.FormTemplateEditor .editor-tabs .spacer {
  display: inline-block;
  width: 20px;
}
.FormTemplateEditor .editor-tabs button {
  margin-right: -1px;
  padding: 10px 10px 9px 10px;
  border-radius: 0;
  border: 1px solid #CCCCCC;
  cursor: pointer;
  font-size: 12px;
}
.FormTemplateEditor .editor-tabs button.selected {
  background: white;
  border-bottom: 1px solid white;
}
.FormTemplateEditor .editor-tabs button[data-key=fields] {
  background: none;
  border: none;
}
.FormTemplateEditor .editor-tabs button.left-button {
  border-radius: 10px 0 0 0;
}
.FormTemplateEditor .editor-tabs button.right-button {
  border-radius: 0 10px 0 0;
  margin-right: 3px !important;
}
.FormTemplateEditor .template-editor {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0px;
  border-right: 1px solid #CCCCCC;
}
.FormTemplateEditor .template-editor label {
  width: 100px;
}
.FormTemplateEditor .code-editor, .FormTemplateEditor .help-content {
  position: absolute;
  top: 35px;
  bottom: 0;
  overflow: auto;
  background: #F7F7FA;
}
.FormTemplateEditor .code-editor .help-wrapper, .FormTemplateEditor .help-content .help-wrapper {
  margin-top: 10px;
}
.FormTemplateEditor .code-editor .cm-editor, .FormTemplateEditor .help-content .cm-editor {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.FormTemplateEditor .code-editor.hidden, .FormTemplateEditor .help-content.hidden {
  display: none;
}
.FormTemplateEditor .code-editor {
  left: 0;
  right: 0;
}
.FormTemplateEditor .help-content {
  width: 160px;
  right: 0;
  border-left: 1px solid #CCCCCC;
  display: none;
}
.FormTemplateEditor .help-content label {
  margin-left: 5px;
}
.FormTemplateEditor .show-fields .code-editor {
  right: 160px;
}
.FormTemplateEditor .show-fields .help-content {
  display: block;
}
.FormTemplateEditor .page-content {
  position: absolute;
  top: 150px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.FormTemplateEditor .template-preview {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
}
.FormTemplateEditor .preview-title {
  border-bottom: 1px solid #CCCCCC;
  height: 34px;
  padding-left: 10px;
}
.FormTemplateEditor .preview-title label {
  vertical-align: middle;
  width: auto;
}
.FormTemplateEditor .preview-title input[type=checkbox] {
  margin: 0 0 1px 0;
  vertical-align: middle;
  margin-right: 20px;
  margin-left: 4px;
}
.FormTemplateEditor .tabs-container {
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0;
  height: 25px;
}
.FormTemplateEditor #form-links {
  top: 14px !important;
}
.FormTemplateEditor .preview-content {
  position: absolute !important;
  top: 38px;
  left: 180px;
  bottom: 0px;
  overflow: auto;
  background: white;
}

.form-header, .form-footer {
  display: none;
}

.form-header .print-checkbox, .form-footer .print-checkbox, .user-forms .print-checkbox {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #0078d7;
  vertical-align: middle;
  margin-left: 4px;
  border: none;
  border-radius: 4px;
  padding: 0 0 2px 4px;
}
.form-header .print-checkbox.empty, .form-footer .print-checkbox.empty, .user-forms .print-checkbox.empty {
  border: 1px solid black;
  background-color: white;
}
.form-header .print-checkbox .cb-checked::before, .form-footer .print-checkbox .cb-checked::before, .user-forms .print-checkbox .cb-checked::before {
  content: "V";
}
.form-header .print-checkbox .cb-checked, .form-footer .print-checkbox .cb-checked, .user-forms .print-checkbox .cb-checked {
  color: white;
  font-weight: bold;
  font-size: 12px;
}
.form-header.portrait, .form-footer.portrait, .user-forms.portrait {
  width: 900px;
}
.form-header.portrait table, .form-footer.portrait table, .user-forms.portrait table {
  width: 100%;
}
.form-header.portrait.nreco, .form-footer.portrait.nreco, .user-forms.portrait.nreco {
  width: 998px;
}
.form-header.portrait.nreco table, .form-footer.portrait.nreco table, .user-forms.portrait.nreco table {
  width: 100%;
}
.form-header.landscape, .form-footer.landscape, .user-forms.landscape {
  width: 1064px;
}
.form-header.landscape table, .form-footer.landscape table, .user-forms.landscape table {
  width: 100%;
}
.form-header.landscape.nreco, .form-footer.landscape.nreco, .user-forms.landscape.nreco {
  width: 1400px;
}
.form-header.landscape.nreco table, .form-footer.landscape.nreco table, .user-forms.landscape.nreco table {
  width: 100%;
}

.user-forms div[data-type=page-break] {
  page-break-after: always;
}
.user-forms .rubric table {
  width: auto;
}
.user-forms .rubric th, .user-forms .rubric td {
  border: 1px solid #CCCCCC;
}
.user-forms .rubric th.selected, .user-forms .rubric td.selected {
  background: #ffe099;
}
.user-forms .rubric .rubric-header {
  background: #EAEAEA;
  font-weight: bold;
}
.user-forms .grid-print-content .center {
  text-align: center;
}
.user-forms .grid-print-content .right {
  text-align: right;
}
.user-forms .grid-print-content th {
  font-weight: normal;
}
.user-forms .grid-print-content th, .user-forms .grid-print-content td {
  padding: 4px;
  box-sizing: border-box;
  border-color: #CCCCCC !important;
}
.user-forms .hidden-template {
  display: none !important;
}
.user-forms .layout-comment {
  display: none;
}
.user-forms .no-border-right {
  border-right: 1px solid transparent !important;
}
.user-forms .no-border-left {
  border-left: 1px solid transparent !important;
}
.user-forms .no-border-top {
  border-top: 1px solid transparent !important;
}
.user-forms .no-border-bottom {
  border-bottom: 1px solid transparent !important;
}
.user-forms .embeded-table {
  padding: 0 !important;
}
.user-forms .embeded-table td, .user-forms .embeded-table th {
  padding: 6px !important;
}
.user-forms .embeded-table table td:first-child {
  border-left: 1px solid transparent !important;
}
.user-forms .embeded-table table td:last-child {
  border-right: 1px solid transparent !important;
}
.user-forms .embeded-table table tr:first-child td {
  border-top: 1px solid transparent !important;
}
.user-forms .embeded-table table tr:last-child td {
  border-bottom: 1px solid transparent !important;
}
.user-forms p, .user-forms span, .user-forms div, .user-forms select, .user-forms input, .user-forms textarea, .user-forms tr, .user-forms tr {
  color: black;
}
.user-forms.portrait {
  width: 900px;
}
.user-forms.portrait table {
  width: 860px;
}
.user-forms.portrait .form-image-editor img {
  max-width: 745px;
}
.user-forms.landscape {
  width: 1064px;
}
.user-forms.landscape table {
  width: 1064px;
}
.user-forms.landscape .form-image-editor img {
  max-width: 1049px;
}
.user-forms .break-before {
  break-before: page;
}
.user-forms .no-wrap {
  white-space: nowrap;
}
.user-forms thead {
  display: none;
}
.user-forms tfoot {
  display: none;
}
.user-forms td.vertical-top {
  vertical-align: top;
}
.user-forms td.text-left {
  text-align: left !important;
}
.user-forms td ul {
  margin: 0;
  padding-left: 2em;
}
.user-forms div.grid-header.top-cell.fixed-cell.left-cell {
  padding: 0 !important;
}
.user-forms .Grid .grid div.grid-header.top-cell {
  font-size: 10pt;
}
.user-forms .image-editor {
  padding: 1px;
}
.user-forms .grid-editor {
  /* .comment-content {
      font-size: 10pt !important;
   }

   select {
      font-size: 10pt !important;
   }*/
}
.user-forms textarea {
  min-width: 400px;
  width: calc(100% - 4px);
  height: 6em;
  border: none;
  border-bottom: 1px dotted #CCCCCC;
  outline: none;
  resize: none;
}
.user-forms textarea:focus {
  background: #FFFDE7;
}
.user-forms .form-rich-text-editor {
  min-width: 280px;
}
.user-forms .form-rich-text-editor .comment-wrapper {
  height: calc(100% - 32px);
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.user-forms .form-rich-text-editor .comment-content {
  border: none;
  outline: none;
  height: 100%;
  padding: 4px;
  height: calc(100% - 6px);
  white-space: pre-wrap;
}
.user-forms .form-rich-text-editor .comment-controller i {
  font-family: "font-awesome-6";
}
.user-forms .form-grid-editor .grid-controller i {
  font-family: "font-awesome-6";
}
.user-forms [data-type=date] {
  width: 6em;
  overflow: visible;
}
.user-forms input {
  background: none;
  border-bottom: 1px dotted;
  padding-bottom: 0;
}
.user-forms input.fill {
  width: calc(100% - 4pt);
}
.user-forms td.signature {
  width: 200px;
}
.user-forms td input[type=text]:focus {
  background: #FFFDE7;
}
.user-forms table {
  border-collapse: collapse;
  page-break-inside: initial;
}
.user-forms table tr {
  page-break-inside: auto;
}
.user-forms div.rich-text-editor, .user-forms td.rich-text-editor, .user-forms td.image, .user-forms td.grid-editor {
  padding: 0 !important;
  position: relative;
}
.user-forms table.grid td {
  padding: 0;
}
.user-forms table.no-border-top td, .user-forms table.no-border-top th {
  border-top: none !important;
}
.user-forms td.no-border {
  border: 1px solid transparent !important;
}
.user-forms div.radio-button * {
  vertical-align: middle;
}
.user-forms div.radio-button input {
  margin: 0 4px 0 0;
}
.user-forms td.grid-container {
  border: 1px solid #CCCCCC;
  background: white;
  min-height: 60px;
  padding: 0;
}
.user-forms select, .user-forms input {
  border-bottom: 1px dotted #CCCCCC;
}
.user-forms div[data-type=checkbox] label {
  line-height: normal;
}

@media print {
  .form-footer, .form-header {
    margin: 16px;
  }
  .user-forms {
    margin: 6px;
  }
  .user-forms thead {
    display: table-header-group !important;
  }
  .user-forms thead tr td {
    border: none !important;
    background: none !important;
  }
  .user-forms tfoot {
    display: table-footer-group !important;
  }
  .user-forms tfoot tr td {
    border: none !important;
    background: none !important;
  }
  .user-forms input {
    border-bottom: none !important;
  }
  .user-forms .grid-container {
    border: none !important;
  }
  .user-forms [data-type=radio] {
    margin-left: 4px;
  }
  .user-forms .form-header, .user-forms .form-footer {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
  }
  .user-forms .form-header {
    top: 0;
  }
  .user-forms .form-footer {
    bottom: 0;
  }
  .user-forms td.rte-cb {
    text-align: center;
    padding-top: 9px;
  }
  .user-forms .image-controller, .user-forms .no-image {
    display: none !important;
  }
  .user-forms .td-image.image-editor {
    border: none;
  }
  .user-forms .page-break {
    page-break-before: always;
  }
  .user-forms .form-grid-editor table.grid-print-content td:first-child {
    border-left: 1px solid #CCCCCC !important;
  }
  .user-forms .form-grid-editor table.grid-print-content td:last-child {
    border-right: 1px solid #CCCCCC !important;
  }
  .user-forms .form-grid-editor table.grid-print-content tr:first-child td {
    border-top: 1px solid #CCCCCC !important;
  }
  .user-forms .form-grid-editor table.grid-print-content tr:last-child td {
    border-bottom: 1px solid #CCCCCC !important;
  }
}
input:-webkit-autofill {
  -webkit-background-clip: text;
}

body {
  overflow: hidden;
}
body:not(.Graphs) #graphs-print {
  position: fixed;
}

#body #content .hidden {
  display: none;
}

#print-mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fcfcfc;
}

#hover {
  display: none;
  position: absolute;
  background: white;
  z-index: 210;
  border: 1px solid #979797;
}

.body-bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 130px;
  background: #FDFDFD;
}

.login #header .header-links {
  display: none;
}

.Forms #header .xuno-logo, .FormEdit #header .xuno-logo, .ManageForms #header .xuno-logo, .ManageFormEdit #header .xuno-logo {
  display: none;
}
.Forms #header .xuno-logo.forms, .FormEdit #header .xuno-logo.forms, .ManageForms #header .xuno-logo.forms, .ManageFormEdit #header .xuno-logo.forms {
  display: block;
}

#header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  z-index: 1;
}
#header .header-top-bg {
  background: #2b4ea4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 42px;
}
#header #UserName {
  position: absolute;
  top: 16px;
  right: 20px;
}
#header #UserName .user-name {
  color: #979797 !important;
  margin-left: 10px;
  font-size: 12px;
  color: white !important;
  font-family: "manrope-medium";
}
#header #UserName div {
  display: inline-block;
}
#header #SchoolName {
  font-size: 12px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 4px;
}
#header #SchoolName p {
  margin: 0;
  color: white !important;
  font-family: "manrope-semi-bold";
}
#header .gradexpert-logo {
  position: absolute;
  top: 4px;
  left: 90px;
  border: none;
  outline: none;
}
#header .xuno-logo {
  position: absolute;
  top: 9px;
  left: 10px;
  border: none;
  outline: none;
  height: 24px;
}
#header .xuno-logo.forms {
  height: 24px;
  display: none;
}
#header .student-maps-title {
  font-family: "manrope-semi-bold";
  color: #1d96c3 !important;
  font-size: 14px;
  line-height: 40px;
  vertical-align: middle;
  position: absolute;
  left: 110px;
  top: 1px;
}
#header .header-links {
  position: absolute;
  right: 124px;
  bottom: 6px;
  z-index: 2;
  font-size: 12px;
}
#header .header-links a {
  color: #767676;
  text-decoration: none;
  text-underline-offset: 2px;
}
#header .header-links a:hover {
  text-decoration: underline;
}
#header .header-links .feedback {
  color: #209920;
  font-weight: bold;
  margin-right: 14px;
}
#header .header-nav-bar {
  position: absolute;
  top: 40px;
  right: 14px;
  width: auto;
  font-size: 12px;
  z-index: 2;
}
#header .header-nav-bar i.fal {
  color: black !important;
  margin-left: 6px;
  margin-right: 6px;
}
#header .header-nav-bar button span {
  display: none;
}
#header .header-nav-bar button.Button:hover {
  background: #f0f0f0;
  padding: 4px 8px;
}

#body {
  position: absolute;
  top: 70px !important;
  z-index: 0;
}

.container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#content {
  position: absolute;
  top: 0px;
  left: 47px;
  right: 10px;
  bottom: 10px;
  min-width: 1220px;
  margin-top: 10px;
  margin-left: 10px;
}

.logo {
  position: absolute;
  top: 4px;
}

body, html, textarea, input, td, th, p, select, div, span {
  font-family: "manrope-medium";
}

.hidden {
  display: none;
}

.menu-items > .header {
  white-space: nowrap;
  margin-right: 10px;
}

ul.menu-items {
  max-height: 400px;
  overflow: auto;
}
ul.menu-items > .header {
  white-space: nowrap;
  margin-right: 10px;
}

button:disabled .fal, button:disabled .far, button:disabled .fas, button:disabled .fat, button.disabled .fal, button.disabled .far, button.disabled .fas, button.disabled .fat {
  color: #CCCCCC;
}

.fal, .far, .fas, .fat {
  color: #3097d3;
}

#system {
  position: absolute;
  display: none;
}

#modal, #prompt, #alert {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#modal .overlay, #prompt .overlay, #alert .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: white;
  opacity: 0.1;
}
#modal .prompt, #prompt .prompt, #alert .prompt {
  background: white;
  box-shadow: 3px 3px 5px grey;
}

.button-prompt {
  position: absolute;
  border: 1px solid #CCCCCC;
  list-style-type: none;
  padding: 0;
  background: white;
  font-size: 12px;
  line-height: 16px;
  display: none;
  box-shadow: 2px 2px 5px #888888;
}
.button-prompt li {
  padding: 2px 6px;
  cursor: pointer;
  white-space: nowrap;
}
.button-prompt li:hover {
  text-decoration: underline;
}

p, span, div, select, input, textarea, a {
  color: #676767;
  font-family: "manrope-medium";
}

a {
  text-underline-offset: 0.3em;
}

input, select {
  outline: none;
  border: none;
}

#loader {
  position: fixed;
  top: 71px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: gray;
  opacity: 0.3;
}
#loader.hidden {
  display: none;
}
#loader .loader {
  width: 40px;
  height: 40px;
  position: relative;
  top: 40%;
  margin: 0 auto;
}
#loader .bounce {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #FFF;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: pageloaderbounce 2s infinite ease-in-out;
  animation: pageloaderbounce 2s infinite ease-in-out;
}
#loader .delay {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes pageloaderbounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes pageloaderbounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
#TopNavMenu {
  position: absolute;
  left: -42px;
  top: 42px;
  right: 0;
  width: auto;
  font-size: 12px;
  z-index: 2;
}
#TopNavMenu .bg {
  position: absolute;
  top: 0;
  bottom: 0px;
  background: #EAEAEA;
  left: 0;
  right: 0;
  z-index: 0;
  border-top: 1px solid #e5e9ef;
  border-bottom: 2px solid #d4e3f0;
}

h1 {
  font-family: "manrope-medium";
  margin: 0;
  font-weight: 300;
}

[contenteditable=true] a {
  text-decoration: none;
}

#help {
  text-decoration: none;
}
#help:visited {
  color: white;
}
#help:hover {
  color: white;
  text-decoration: underline;
}

.comment-controller {
  padding-left: 2px;
  padding-right: 2px;
  line-height: 30px !important;
}
.comment-controller i {
  padding: 0px;
  border-radius: 6px;
  line-height: 24px;
}
.comment-controller i:hover {
  background: #eaeaea;
}

.Home #content {
  overflow-y: auto;
  overflow-x: visible;
}

#content .edit-side-nav {
  position: absolute;
  top: -8px;
  left: -50px;
  width: 40px;
  text-align: center;
}
#content .edit-side-nav .back-button {
  font-size: 18px;
  color: black;
  padding: 4px;
}
#content .edit-side-nav .back-button:hover {
  background: white;
}
#content .edit-side-nav hr.settings {
  line-height: 1px;
  margin: 2px;
  border: none;
  border-bottom: 1px solid rgba(88, 159, 212, 0.5215686275);
}
#content .edit-control-bar {
  position: absolute;
  top: 43px;
  left: 0;
  right: 26px;
  height: 30px;
}
#content .edit-control-bar > div {
  display: inline-block;
}
#content .edit-header h1 {
  position: absolute;
  top: -10px;
  left: -16px;
  right: -10px;
  padding-left: 16px;
  font-family: "manrope-semi-bold";
  font-size: 18px;
  line-height: 44px;
}

/*::-webkit-scrollbar {
   width: 10px;
}*/
/* Track */
/*::-webkit-scrollbar-track {
   background: #f1f1f1;
}*/
/* Handle */
/*::-webkit-scrollbar-thumb {
   background: #888;
}*/
/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
   background: #555;
}*/
* {
  /* -webkit-touch-callout: none;  iOS Safari
  -webkit-user-select: none;  Safari
  -khtml-user-select: none; Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
            supported by Chrome, Edge, Opera and Firefox */
}

.paste-wrapper {
  position: absolute;
  top: 36px;
  left: 0;
  width: 64px;
  height: 100px;
}
.paste-wrapper input.grid-paste {
  background: transparent;
  width: 60px;
  line-height: 27px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  border: none !important;
}
.paste-wrapper .info {
  position: absolute;
  top: 0px;
  left: 0;
  width: 68px;
  height: 27px;
  padding: 2px;
  font-size: 11px;
  font-style: italic;
  line-height: 1.2em;
  color: #BABABA;
  background: #FAFAFA;
  margin: 0;
  border: 1px solid #4698d5 !important;
}

body {
  -webkit-print-color-adjust: exact;
  -moz-print-color-adjust: exact;
  -ms-print-color-adjust: exact;
  print-color-adjust: exact;
}

@media print {
  body {
    margin: 0;
  }
  * {
    overflow: visible !important;
  }
  html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
  }
  @page {
    page-break-after: always;
  }
  .print-hidden {
    display: none;
  }
  table {
    border-collapse: collapse;
    border: none;
    margin: 0;
    font-size: 12px;
    /* thead {
        page-break-before: auto;

        div, span {
           color: black !important;
        }
     }*/
  }
  table table {
    page-break-inside: auto;
  }
  table tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  table thead {
    display: table-header-group;
  }
  table tfoot {
    display: table-footer-group;
  }
  table th {
    vertical-align: bottom;
  }
  table td {
    vertical-align: top !important;
  }
  table td.blank, table th.blank {
    padding: 0 !important;
    display: none;
  }
  table td.spacer, table th.spacer {
    padding: 0 !important;
    display: none;
  }
  table th, table td {
    font-size: 12px;
    text-align: left;
    padding: 1px;
    padding: 4px !important;
    color: black !important;
  }
  table th.right, table td.right {
    text-align: right;
  }
  table th.center, table td.center {
    text-align: center;
  }
  table tbody td.spacer {
    border: none !important;
  }
  table td.nowrap {
    white-space: nowrap;
  }
  table tr.border th {
    background: #EAEAEA;
  }
  table tr.border th.border {
    border: 1px solid #979797;
  }
  table tr.border th.nowrap {
    border: 1px solid #979797;
  }
  table tr.border th.spacer {
    width: 0;
    background: none !important;
    border: none !important;
  }
  table tr.border th.blank {
    width: 0;
    background: none !important;
    border: none !important;
  }
  table td.border {
    border: 1px solid #979797;
  }
  table tbody {
    border: none !important;
    margin-bottom: 20px !important;
  }
}
#iPrint {
  position: fixed;
  top: -1000px;
  left: -1000px;
}

#ilp-details-print {
  display: none;
}

.ilp-details-grid .ilp-header-spacer {
  border: none !important;
}

.ilp-details-grid table {
  border-spacing: 0;
  border-collapse: collapse;
}
.ilp-details-grid tbody {
  z-index: 0;
}
.ilp-details-grid thead {
  display: table-header-group;
  z-index: 1;
}
.ilp-details-grid thead td.ilp-header-spacer {
  border-bottom: 1px solid black !important;
}
.ilp-details-grid tfoot {
  display: table-footer-group;
  z-index: 1;
}
.ilp-details-grid tfoot.border-bottom {
  font-size: 0 !important;
}
.ilp-details-grid tfoot.border-bottom td {
  border-bottom: none !important;
  height: 10px !important;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}

@media print {
  body.print-ilp-details > div:not(#ilp-details-print) {
    display: none;
  }
  #ilp-details-print {
    display: block;
  }
  .fixed-header.ilp {
    border-bottom: none;
    position: relative;
  }
  .ilp-header-spacer {
    border: none !important;
    border-bottom: 1px solid #979797;
    height: 100px;
    padding: 0 !important;
  }
  body.print-ilp-details table {
    max-width: 100%;
    margin: 0;
  }
  body.print-ilp-details table tr {
    page-break-inside: auto;
  }
  body.print-ilp-details table td.normal {
    font-family: "manrope-medium" !important;
  }
  body.print-ilp-details table td.nowrap {
    white-space: nowrap;
  }
  body.print-ilp-details table td.last-spacer {
    width: 100%;
  }
  body.print-ilp-details #ilp-details-print {
    display: block;
  }
}
#ilp-details-print {
  display: none;
}

.ilp-detail-page {
  position: relative;
  width: 100%;
}
.ilp-detail-page .ilp-school-name {
  font-family: "manrope-semi-bold" !important;
}
.ilp-detail-page .ilp-title {
  font-family: "manrope-semi-bold" !important;
}
.ilp-detail-page div {
  display: block;
}
.ilp-detail-page span {
  display: inline-block;
}
.ilp-detail-page thead {
  display: table-header-group;
}
.ilp-detail-page tbody {
  display: table-row-group;
}
.ilp-detail-page tfoot {
  display: table-footer-group;
}
.ilp-detail-page tfoot.border-bottom {
  font-size: 0 !important;
}
.ilp-detail-page tfoot.border-bottom td {
  height: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}
.ilp-detail-page table.borderless {
  width: auto;
  margin-left: -3px;
  margin-bottom: 10px;
}
.ilp-detail-page table.borderless td.underline {
  width: 220px;
  border-bottom: 1px solid black !important;
  text-align: left;
}
.ilp-detail-page table.borderless tr.hidden {
  display: none !important;
}
.ilp-detail-page table.borderless .sig-teacher {
  white-space: nowrap;
  width: 85px;
}
.ilp-detail-page table.borderless .sig-signed {
  width: 0px;
}
.ilp-detail-page table.borderless .sig-date {
  width: 0px;
}
.ilp-detail-page table.borderless th, .ilp-detail-page table.borderless td {
  border: none !important;
  padding: 1px 4px 2px 4px !important;
}
.ilp-detail-page table.borderless th {
  background: none;
  font-family: "manrope-medium";
  white-space: nowrap;
}
.ilp-detail-page table.borderless td {
  font-family: "manrope-semi-bold";
}
.ilp-detail-page table.borderless.signature td {
  font-family: "manrope-medium";
}
.ilp-detail-page table.borderless.signature {
  width: auto !important;
}
.ilp-detail-page tr.sub-header th {
  font-family: "manrope-medium";
}
.ilp-detail-page tr.header {
  page-break-before: auto;
}
.ilp-detail-page th {
  font-family: "manrope-semi-bold";
  background: #EAEAEA;
  vertical-align: top;
  text-align: left;
}
.ilp-detail-page th div {
  color: black !important;
}
.ilp-detail-page th .th-top {
  margin-bottom: 10px;
  max-height: 140px !important;
  overflow: hidden !important;
  border-bottom: 1px solid #979797;
}
.ilp-detail-page th, .ilp-detail-page td {
  padding: 4px 8px;
  border: 1px solid #676767;
  color: black !important;
  vertical-align: top;
}
.ilp-detail-page tr {
  display: table-row;
}
.ilp-detail-page br {
  display: block;
}
.ilp-detail-page span {
  display: inline-block;
}
.ilp-detail-page .student-photo.hidden {
  display: none;
}
.ilp-detail-page .ilp-details {
  z-index: 2;
  width: 100%;
}
.ilp-detail-page .ilp-spacer {
  height: 20px;
}
.ilp-detail-page .ilp-details.fixed-header {
  z-index: 0;
}

#ilp-details-download table {
  border-collapse: collapse;
  border: none;
  margin: 0;
  font-size: 12px;
  page-break-inside: auto;
}
#ilp-details-download table tr {
  page-break-inside: avoid;
  page-break-after: auto;
}
#ilp-details-download table thead {
  display: table-header-group;
}
#ilp-details-download table tfoot {
  display: table-footer-group;
}
#ilp-details-download table tfoot.border-bottom {
  font-size: 0 !important;
}
#ilp-details-download table tfoot.border-bottom td {
  height: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}
#ilp-details-download table th {
  vertical-align: bottom;
}
#ilp-details-download table td {
  vertical-align: top !important;
}
#ilp-details-download table td.blank, #ilp-details-download table th.blank {
  padding: 0 !important;
  display: none;
}
#ilp-details-download table td.spacer, #ilp-details-download table th.spacer {
  padding: 0 !important;
  display: none;
}
#ilp-details-download table th, #ilp-details-download table td {
  font-size: 12px;
  text-align: left;
  padding: 1px;
  padding: 4px !important;
  color: black !important;
}
#ilp-details-download table th.right, #ilp-details-download table td.right {
  text-align: right;
}
#ilp-details-download table th.center, #ilp-details-download table td.center {
  text-align: center;
}
#ilp-details-download table tbody td.spacer {
  border: none !important;
}
#ilp-details-download table td.nowrap {
  white-space: nowrap;
}
#ilp-details-download table tr.border th {
  background: #EAEAEA;
}
#ilp-details-download table tr.border th.border {
  border: 1px solid #979797;
}
#ilp-details-download table tr.border th.nowrap {
  border: 1px solid #979797;
}
#ilp-details-download table tr.border th.spacer {
  width: 0;
  background: none !important;
  border: none !important;
}
#ilp-details-download table tr.border th.blank {
  width: 0;
  background: none !important;
  border: none !important;
}
#ilp-details-download table td.border {
  border: 1px solid #979797;
}
#ilp-details-download table tbody {
  border: none !important;
  margin-bottom: 20px !important;
}
#ilp-details-download table thead {
  page-break-before: auto;
}
#ilp-details-download table thead div, #ilp-details-download table thead span {
  color: black !important;
}

@media print {
  body.print-graph > div:not(#graphs-print) {
    display: none;
  }
  body.print-graph .edit-chart {
    display: none;
  }
  body.print-graph .portrait {
    display: none;
  }
  body.print-graph .landscape {
    display: none;
  }
  body.print-graph #graphs-print {
    opacity: 1;
  }
  #graphs-print {
    font-family: "manrope-medium" !important;
  }
  #graphs-print .thumbnail {
    display: none;
    position: absolute;
    top: 4px;
    left: 0;
    padding: 1px;
    border: 1px solid #CCCCCC;
  }
  #graphs-print .show-thumbnail .thumbnail {
    display: block;
  }
  #graphs-print .fixed-header.graph {
    position: relative;
    border: none;
  }
  #graphs-print table.no-border {
    position: relative;
  }
  #graphs-print .graph-header {
    height: 40px;
  }
  #graphs-print .chart-wrapper {
    position: relative;
    vertical-align: top;
    border: 1px solid #979797;
  }
  #graphs-print svg.highcharts-root {
    position: absolute;
  }
  #graphs-print svg.highcharts-root .highcharts-background {
    fill-opacity: 0;
  }
}
@media print {
  .header-right {
    position: absolute;
    right: 2px;
    left: 0;
    top: 0;
    height: 40px;
    text-align: right;
    vertical-align: bottom;
  }
  .header-right .print-date {
    position: absolute;
    right: 0;
    bottom: -22px;
  }
  .show-thumbnail .header-left {
    left: 60px;
    right: 160px;
  }
  .header-left {
    position: absolute;
    right: 0px;
    left: 2px;
    top: 0;
    height: 40px;
    vertical-align: bottom;
  }
  .header-left .label {
    width: 70px;
    display: inline-block;
  }
  .header-left .student-name {
    font-family: "manrope-semi-bold";
    font-size: 14px;
  }
  .fixed-header {
    position: fixed;
    background: white;
    top: 0;
    left: -1px;
    right: -1px;
    height: 60px;
    color: black;
    padding-left: 5px;
    background: white;
    font-size: 12px;
    border-bottom: 1px solid #979797;
  }
  .fixed-header * {
    color: black;
  }
  .fixed-header .school-name, .fixed-header .print-map-name {
    font-size: 16px;
    font-family: "manrope-semi-bold";
  }
  .fixed-header .print-classes, .fixed-header .print-indicators {
    line-height: 14px;
    margin-top: 3px;
    margin-top: -1px;
  }
  .fixed-header .print-classes span, .fixed-header .print-indicators span {
    max-width: calc(100% - 100px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }
  .head-spacer {
    height: 16px;
  }
  .show-indicators .header-left .label {
    width: 70px;
  }
  .show-indicators .header-left, .show-indicators .header-right, .show-students .header-left, .show-students .header-right {
    height: 54px;
  }
  .show-indicators .fixed-header, .show-students .fixed-header {
    height: 74px;
  }
  .show-indicators .head-spacer, .show-students .head-spacer {
    height: 40px;
  }
  .show-indicators.show-student .header-left, .show-indicators.show-student .header-right {
    height: 68px;
  }
  .show-indicators.show-student .fixed-header {
    height: 90px;
  }
  span[hidden] {
    display: none !important;
  }
}
@media print {
  body.print-result > div:not(#results-print) {
    display: none;
  }
  #results-print {
    font-size: 12px;
    color: black;
  }
  #results-print table tr.header th {
    background: #CECECE;
    border: 1px solid #979797;
    color: black;
  }
  #results-print table tr.header th div {
    color: black;
  }
  .total-listed {
    color: black;
    margin-left: 0px;
    margin-top: 10px;
  }
  .table-content {
    position: relative;
    page-break-after: always !important;
    page-break-inside: avoid;
    page-break-before: auto;
    display: block;
    margin: 0;
  }
  .table-header {
    position: relative;
    page-break-after: avoid;
    page-break-inside: avoid;
    page-break-before: auto;
    display: block;
    margin: 0 0 10px 0;
  }
}
@media only screen and (max-height: 900px) {
  #modal .prompt {
    max-height: calc(100% - 40px);
    margin-top: 60px !important;
  }
  #modal .prompt-body {
    max-height: calc(100% - 120px);
    overflow: auto;
  }
}
@media screen and (max-width: 1360px) {
  #modal .prompt {
    width: 96%;
  }
  #modal .prompt .media-wide {
    display: none;
  }
  #modal .prompt .media-narrow {
    display: inline-block;
  }
  #modal .prompt #headers-list .DropDownMenu {
    max-width: calc(100% - 460px) !important;
  }
}
#modal .prompt-bar .warning {
  color: darkred;
  margin-left: 20px;
}
#modal .prompt-body {
  font-size: 12px;
}
#modal .prompt-body .group-title {
  font-family: "manrope-semi-bold";
  text-decoration: underline;
  margin-bottom: 10px;
}
#modal .prompt-body select {
  border: none;
  outline: none;
  font-size: 12px;
}
#modal .prompt-body .type {
  margin-bottom: 6px;
}
#modal .prompt-body .type span {
  display: inline-block;
}
#modal .prompt-body [data-key=quardrant] span, #modal .prompt-body [data-key=comparison] span, #modal .prompt-body [data-key=distribution] span {
  width: 150px;
}
#modal .prompt-body [data-key=student-combined] span, #modal .prompt-body [data-key=student-progress] span {
  width: 130px;
}

#alert > div, #prompt > div, #modal > div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10001;
}
#alert > div button.disabled, #prompt > div button.disabled, #modal > div button.disabled {
  color: #979797;
  pointer-events: none;
}
#alert > div button.disabled i, #alert > div button.disabled span, #prompt > div button.disabled i, #prompt > div button.disabled span, #modal > div button.disabled i, #modal > div button.disabled span {
  color: #979797 !important;
  pointer-events: none;
}
#alert > div .prompt, #prompt > div .prompt, #modal > div .prompt {
  width: 600px;
  border: 1px solid #CCCCCC;
  margin: auto;
  position: relative;
  font-size: 12px;
}
#alert > div .prompt-control, #prompt > div .prompt-control, #modal > div .prompt-control {
  margin-top: 10px;
  border-top: 1px solid #EAEAEA;
  padding-top: 10px;
}
#alert > div .prompt-header, #prompt > div .prompt-header, #modal > div .prompt-header {
  background: #2b4ea4;
  color: white;
  border-bottom: 1px solid #CCCCCC;
  padding: 8px 10px;
  box-sizing: border-box;
  right: -1px;
}
#alert > div .prompt-header .title, #alert > div .prompt-header .sub-title, #alert > div .prompt-header .header-title span, #alert > div .prompt-header .header-subtitle span, #prompt > div .prompt-header .title, #prompt > div .prompt-header .sub-title, #prompt > div .prompt-header .header-title span, #prompt > div .prompt-header .header-subtitle span, #modal > div .prompt-header .title, #modal > div .prompt-header .sub-title, #modal > div .prompt-header .header-title span, #modal > div .prompt-header .header-subtitle span {
  color: white !important;
}
#alert > div .prompt-header [data-key=title], #prompt > div .prompt-header [data-key=title], #modal > div .prompt-header [data-key=title] {
  font-size: 14px;
  vertical-align: middle;
  width: 580px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-family: "manrope-semi-bold";
  color: white;
}
#alert > div .prompt-header .header-title, #prompt > div .prompt-header .header-title, #modal > div .prompt-header .header-title {
  font-size: 14px;
  font-family: "manrope-semi-bold";
}
#alert > div .prompt-header .title, #prompt > div .prompt-header .title, #modal > div .prompt-header .title {
  font-size: 14px;
  font-family: "manrope-medium";
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
#alert > div .prompt-header .sub-title, #prompt > div .prompt-header .sub-title, #modal > div .prompt-header .sub-title {
  margin-top: 0;
  font-size: 14px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-family: "manrope-semi-bold";
  line-height: 1.3em;
}
#alert > div .prompt-bar, #prompt > div .prompt-bar, #modal > div .prompt-bar {
  height: 33px;
  border-bottom: 1px solid #EAEAEA;
  line-height: 30px;
  margin: 0;
  position: relative;
  padding: 0 10px;
  background: #F7F7F7;
}
#alert > div .prompt-bar .divider, #prompt > div .prompt-bar .divider, #modal > div .prompt-bar .divider {
  line-height: unset;
}
#alert > div .prompt-bar .left, #alert > div .prompt-bar .right, #prompt > div .prompt-bar .left, #prompt > div .prompt-bar .right, #modal > div .prompt-bar .left, #modal > div .prompt-bar .right {
  display: inline-block;
}
#alert > div .prompt-bar .left button, #alert > div .prompt-bar .right button, #prompt > div .prompt-bar .left button, #prompt > div .prompt-bar .right button, #modal > div .prompt-bar .left button, #modal > div .prompt-bar .right button {
  margin-bottom: 4px;
}
#alert > div .prompt-bar .left, #prompt > div .prompt-bar .left, #modal > div .prompt-bar .left {
  float: left;
}
#alert > div .prompt-bar .right, #prompt > div .prompt-bar .right, #modal > div .prompt-bar .right {
  float: right;
}
#alert > div .prompt-bar button span, #alert > div .prompt-bar button i, #prompt > div .prompt-bar button span, #prompt > div .prompt-bar button i, #modal > div .prompt-bar button span, #modal > div .prompt-bar button i {
  pointer-events: none;
}
#alert > div .prompt-bar button[data-key=remove] i.fal, #prompt > div .prompt-bar button[data-key=remove] i.fal, #modal > div .prompt-bar button[data-key=remove] i.fal {
  color: darkred;
}
#alert > div .prompt-bar button[data-key=remove] i.fal:hover, #prompt > div .prompt-bar button[data-key=remove] i.fal:hover, #modal > div .prompt-bar button[data-key=remove] i.fal:hover {
  color: black;
}
#alert > div .prompt-bar button i, #prompt > div .prompt-bar button i, #modal > div .prompt-bar button i {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  display: inline-block;
  line-height: 30px;
  color: #3097d3;
}
#alert > div .prompt-bar button i:hover, #prompt > div .prompt-bar button i:hover, #modal > div .prompt-bar button i:hover {
  color: #0a00d8;
}
#alert > div .prompt-bar button i.first, #prompt > div .prompt-bar button i.first, #modal > div .prompt-bar button i.first {
  margin-left: 20px;
}
#alert > div .prompt-bar button i.selected, #prompt > div .prompt-bar button i.selected, #modal > div .prompt-bar button i.selected {
  color: #0a00d8;
}
#alert > div .prompt-bar button i:hover, #prompt > div .prompt-bar button i:hover, #modal > div .prompt-bar button i:hover {
  cursor: pointer;
}
#alert > div .prompt-bar button i.fa-search, #prompt > div .prompt-bar button i.fa-search, #modal > div .prompt-bar button i.fa-search {
  line-height: normal;
}
#alert > div .prompt-bar Button.HorizontalButton, #prompt > div .prompt-bar Button.HorizontalButton, #modal > div .prompt-bar Button.HorizontalButton {
  margin-left: 0px;
  margin-right: 0px;
}
#alert > div .prompt-bar Button.HorizontalButton:last-of-type, #prompt > div .prompt-bar Button.HorizontalButton:last-of-type, #modal > div .prompt-bar Button.HorizontalButton:last-of-type {
  margin-right: 0;
}
#alert > div .prompt-bar .save-controls, #prompt > div .prompt-bar .save-controls, #modal > div .prompt-bar .save-controls {
  margin-top: 0px;
  float: right;
}
#alert > div .prompt-bar .save-controls.right Button.HorizontalButton, #prompt > div .prompt-bar .save-controls.right Button.HorizontalButton, #modal > div .prompt-bar .save-controls.right Button.HorizontalButton {
  margin-left: 10px;
  margin-right: 0px;
}
#alert > div .prompt-body, #prompt > div .prompt-body, #modal > div .prompt-body {
  font-size: 13px;
  padding: 10px;
}
#alert > div .prompt-body.grid, #prompt > div .prompt-body.grid, #modal > div .prompt-body.grid {
  padding: 10px;
}
#alert > div .prompt-body.content, #prompt > div .prompt-body.content, #modal > div .prompt-body.content {
  padding: 20px;
}
#alert > div .prompt-body button, #prompt > div .prompt-body button, #modal > div .prompt-body button {
  margin-bottom: 4px;
}
#alert > div .prompt-body table, #prompt > div .prompt-body table, #modal > div .prompt-body table {
  width: 100%;
  margin-bottom: 10px;
}
#alert > div .prompt-body table tr th, #alert > div .prompt-body table tr td, #prompt > div .prompt-body table tr th, #prompt > div .prompt-body table tr td, #modal > div .prompt-body table tr th, #modal > div .prompt-body table tr td {
  font-size: 12px;
}
#alert > div .prompt-body table tr th input, #alert > div .prompt-body table tr td input, #prompt > div .prompt-body table tr th input, #prompt > div .prompt-body table tr td input, #modal > div .prompt-body table tr th input, #modal > div .prompt-body table tr td input {
  margin: 0 6px 0 0;
  vertical-align: middle;
}
#alert > div .prompt-body table tr th label, #alert > div .prompt-body table tr td label, #prompt > div .prompt-body table tr th label, #prompt > div .prompt-body table tr td label, #modal > div .prompt-body table tr th label, #modal > div .prompt-body table tr td label {
  vertical-align: middle;
}
#alert > div .button-prompt, #prompt > div .button-prompt, #modal > div .button-prompt {
  top: 17px;
  right: 10px;
  z-index: 1;
}
#alert > div button:disabled i, #prompt > div button:disabled i, #modal > div button:disabled i {
  color: #cccccc;
}
#alert > div button:disabled span, #prompt > div button:disabled span, #modal > div button:disabled span {
  color: #979797;
}
#alert > div .selection, #prompt > div .selection, #modal > div .selection {
  display: inline-block;
  margin-top: 2px;
}
#alert > div .selection a, #prompt > div .selection a, #modal > div .selection a {
  font-size: 12px;
  cursor: pointer;
  color: #0d7cc1;
}
#alert > div .selection a:hover, #prompt > div .selection a:hover, #modal > div .selection a:hover {
  text-decoration: underline;
}
#alert > div.absolute .prompt-header, #prompt > div.absolute .prompt-header, #modal > div.absolute .prompt-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
#alert > div.absolute .search-bar, #prompt > div.absolute .search-bar, #modal > div.absolute .search-bar {
  position: absolute;
  top: 90px;
  left: 10px;
  height: 22px;
  width: 270px;
}
#alert > div.absolute .prompt-bar, #prompt > div.absolute .prompt-bar, #modal > div.absolute .prompt-bar {
  height: 33px;
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
}
#alert > div.absolute .prompt-body, #prompt > div.absolute .prompt-body, #modal > div.absolute .prompt-body {
  position: absolute;
  top: 120px;
  left: 10px;
  right: 10px;
  right: 10px;
  bottom: 10px;
  overflow-y: auto;
}
#alert > div.absolute [data-key=expand] span, #prompt > div.absolute [data-key=expand] span, #modal > div.absolute [data-key=expand] span {
  width: 40px;
  display: inline-block;
}
#alert > div hr, #prompt > div hr, #modal > div hr {
  border: none;
  border-bottom: 1px solid #EAEAEA;
}

#prompt > div .prompt {
  margin-top: 110px;
}

#alert > div .prompt {
  margin-top: 120px;
}

#modal > div .prompt {
  margin-top: 100px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  html, body {
    overscroll-behavior: none !important;
  }
  .body {
    height: 100vh;
    width: 100vh;
  }
  .SubDivider {
    display: inline !important;
  }
  .search-box button[data-key=submit-search] {
    padding: 1px 0 0 0 !important;
  }
  .SubDivider {
    display: none;
  }
  .horizontal-scroller {
    display: none;
  }
  .vertical-scroller {
    display: none;
  }
  .scroller::-webkit-scrollbar {
    display: block !important;
  }
  .Grid .grid-wrapper {
    right: 1px !important;
    bottom: 1px !important;
  }
}
.datepicker {
  display: none;
}

.datepicker.active {
  display: block;
}

.datepicker-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  padding-top: 4px;
}

.datepicker-dropdown.datepicker-orient-top {
  padding-top: 0;
  padding-bottom: 4px;
}

.datepicker-picker {
  display: inline-block;
  border-radius: 4px;
  background-color: #fff;
}

.datepicker-dropdown .datepicker-picker {
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}

.datepicker-picker span {
  display: block;
  flex: 1;
  border: 0;
  border-radius: 4px;
  cursor: default;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker-main {
  padding: 2px;
}

.datepicker-footer {
  box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1);
  background-color: #f5f5f5;
}

.datepicker-controls, .datepicker-grid, .datepicker-view, .datepicker-view .days-of-week {
  display: flex;
}

.datepicker-grid {
  flex-wrap: wrap;
}

.datepicker-view .days .datepicker-cell, .datepicker-view .dow {
  flex-basis: 14.28571%;
}

.datepicker-view.datepicker-grid .datepicker-cell {
  flex-basis: 25%;
}

.datepicker-cell, .datepicker-view .week {
  height: 2.25rem;
  line-height: 2.25rem;
}

.datepicker-title {
  box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1);
  background-color: #f5f5f5;
  padding: 0.375rem 0.75rem;
  text-align: center;
  font-weight: 700;
}

.datepicker-header .datepicker-controls {
  padding: 2px 2px 0;
}

.datepicker-controls .button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  box-shadow: none;
  background-color: #fff;
  cursor: pointer;
  padding: calc(0.375em - 1px) 0.75em;
  height: 2.25em;
  vertical-align: top;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap;
  color: #363636;
  font-size: 1rem;
}

.datepicker-controls .button:active, .datepicker-controls .button:focus {
  outline: none;
}

.datepicker-controls .button:hover {
  border-color: #b5b5b5;
  color: #363636;
}

.datepicker-controls .button:focus {
  border-color: #3273dc;
  color: #363636;
}

.datepicker-controls .button:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}

.datepicker-controls .button:active {
  border-color: #4a4a4a;
  color: #363636;
}

.datepicker-controls .button[disabled] {
  cursor: not-allowed;
}

.datepicker-header .datepicker-controls .button {
  border-color: transparent;
  font-weight: 700;
}

.datepicker-header .datepicker-controls .button:hover {
  background-color: #f9f9f9;
}

.datepicker-header .datepicker-controls .button:focus:not(:active) {
  box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.25);
}

.datepicker-header .datepicker-controls .button:active {
  background-color: #f2f2f2;
}

.datepicker-header .datepicker-controls .button[disabled] {
  box-shadow: none;
}

.datepicker-footer .datepicker-controls .button {
  margin: calc(0.375rem - 1px) 0.375rem;
  border-radius: 2px;
  width: 100%;
  font-size: 0.75rem;
}

.datepicker-controls .view-switch {
  flex: auto;
}

.datepicker-controls .next-btn, .datepicker-controls .prev-btn {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
  width: 2.25rem;
}

.datepicker-controls .next-btn.disabled, .datepicker-controls .prev-btn.disabled {
  visibility: hidden;
}

.datepicker-view .dow {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  font-weight: 700;
}

.datepicker-view .week {
  width: 2.25rem;
  color: #b5b5b5;
  font-size: 0.75rem;
}

@media (max-width: 22.5rem) {
  .datepicker-view .week {
    width: 1.96875rem;
  }
}
.datepicker-grid {
  width: 15.75rem;
}

@media (max-width: 22.5rem) {
  .calendar-weeks + .days .datepicker-grid {
    width: 13.78125rem;
  }
}
.datepicker-cell:not(.disabled):hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

.datepicker-cell.focused:not(.selected) {
  background-color: #e8e8e8;
}

.datepicker-cell.selected, .datepicker-cell.selected:hover {
  background-color: #3273dc;
  color: #fff;
  font-weight: 600;
}

.datepicker-cell.disabled {
  color: #dbdbdb;
}

.datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled) {
  color: #7a7a7a;
}

.datepicker-cell.next.selected, .datepicker-cell.prev.selected {
  color: #e6e6e6;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
  border-radius: 0;
  background-color: #f5f5f5;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
  background-color: #eee;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
  background-color: #e8e8e8;
}

.datepicker-cell.today:not(.selected) {
  background-color: #00d1b2;
}

.datepicker-cell.today:not(.selected):not(.disabled) {
  color: #fff;
}

.datepicker-cell.today.focused:not(.selected) {
  background-color: #00c4a7;
}

.datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) {
  background-color: #b5b5b5;
  color: #fff;
}

.datepicker-cell.range-end.focused:not(.selected), .datepicker-cell.range-start.focused:not(.selected) {
  background-color: #afafaf;
}

.datepicker-cell.range-start {
  border-radius: 4px 0 0 4px;
}

.datepicker-cell.range-end {
  border-radius: 0 4px 4px 0;
}

.datepicker-cell.range {
  border-radius: 0;
  background-color: #dbdbdb;
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: #d5d5d5;
}

.datepicker-cell.range.disabled {
  color: #c2c2c2;
}

.datepicker-cell.range.focused {
  background-color: #cfcfcf;
}

.datepicker-view.datepicker-grid .datepicker-cell {
  height: 4.5rem;
  line-height: 4.5rem;
}

.datepicker-input.in-edit {
  border-color: #2366d1;
}

.datepicker-input.in-edit:active, .datepicker-input.in-edit:focus {
  box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2);
}

#body.container .datepicker-cell.selected, #body.container .datepicker-cell.selected:hover {
  background-color: #3097d3;
}

.datepicker.active {
  z-index: 40000;
}

.Alert .prompt-header .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #3097d3;
  cursor: pointer;
  font-size: 16px;
}
.Alert .prompt-header .close-button:hover {
  color: #db2e26;
}
.Alert .prompt-header .title {
  color: white;
}
.Alert [data-key=exit] * {
  pointer-events: none;
}

.Button, .button-div, .NonSubmitButton {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  outline: none !important;
  padding: 6px 8px;
  border-radius: 8px;
}
.Button:hover, .button-div:hover, .NonSubmitButton:hover {
  background: #f0f0f0;
}
.Button .fal, .Button .fas, .button-div .fal, .button-div .fas, .NonSubmitButton .fal, .NonSubmitButton .fas {
  color: #2b4ea4;
}
.Button span, .Button div.title, .button-div span, .button-div div.title, .NonSubmitButton span, .NonSubmitButton div.title {
  vertical-align: middle;
  font-size: 12px;
  display: inline-block;
}
.Button i, .button-div i, .NonSubmitButton i {
  vertical-align: middle;
  margin-right: 3px;
}
.Button *:not(button), .button-div *:not(button), .NonSubmitButton *:not(button) {
  pointer-events: none;
}
.Button:disabled,
.Button [disabled], .Button.disabled, .button-div:disabled,
.button-div [disabled], .button-div.disabled, .NonSubmitButton:disabled,
.NonSubmitButton [disabled], .NonSubmitButton.disabled {
  pointer-events: none;
  cursor: default;
}
.Button:disabled div,
.Button [disabled] div, .Button.disabled div, .button-div:disabled div,
.button-div [disabled] div, .button-div.disabled div, .NonSubmitButton:disabled div,
.NonSubmitButton [disabled] div, .NonSubmitButton.disabled div {
  color: #EAEAEA;
}
.Button:disabled.nav div,
.Button [disabled].nav div, .Button.disabled.nav div, .button-div:disabled.nav div,
.button-div [disabled].nav div, .button-div.disabled.nav div, .NonSubmitButton:disabled.nav div,
.NonSubmitButton [disabled].nav div, .NonSubmitButton.disabled.nav div {
  color: #777777;
}
.Button:disabled i, .Button:disabled i.fal, .Button:disabled span,
.Button [disabled] i,
.Button [disabled] i.fal,
.Button [disabled] span, .Button.disabled i, .Button.disabled i.fal, .Button.disabled span, .button-div:disabled i, .button-div:disabled i.fal, .button-div:disabled span,
.button-div [disabled] i,
.button-div [disabled] i.fal,
.button-div [disabled] span, .button-div.disabled i, .button-div.disabled i.fal, .button-div.disabled span, .NonSubmitButton:disabled i, .NonSubmitButton:disabled i.fal, .NonSubmitButton:disabled span,
.NonSubmitButton [disabled] i,
.NonSubmitButton [disabled] i.fal,
.NonSubmitButton [disabled] span, .NonSubmitButton.disabled i, .NonSubmitButton.disabled i.fal, .NonSubmitButton.disabled span {
  color: #979797;
}
.Button:disabled:hover span, .Button:disabled:hover div,
.Button [disabled]:hover span,
.Button [disabled]:hover div, .Button.disabled:hover span, .Button.disabled:hover div, .button-div:disabled:hover span, .button-div:disabled:hover div,
.button-div [disabled]:hover span,
.button-div [disabled]:hover div, .button-div.disabled:hover span, .button-div.disabled:hover div, .NonSubmitButton:disabled:hover span, .NonSubmitButton:disabled:hover div,
.NonSubmitButton [disabled]:hover span,
.NonSubmitButton [disabled]:hover div, .NonSubmitButton.disabled:hover span, .NonSubmitButton.disabled:hover div {
  text-decoration: none;
}

.CloseButton {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
}
.CloseButton span {
  font-size: 13px;
  margin-left: 4px;
}
.CloseButton div {
  font-size: 10px;
  line-height: 10px;
  margin-top: 1px;
}
.CloseButton:disabled,
.CloseButton [disabled] {
  pointer-events: none;
  cursor: default;
}

Button.HorizontalButton {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  outline: none !important;
  padding: 6px 8px;
  border-radius: 8px;
}
Button.HorizontalButton:hover {
  background: #f0f0f0;
}
Button.HorizontalButton * {
  pointer-events: none;
}
Button.HorizontalButton span {
  font-size: 12px;
  line-height: 20px !important;
  vertical-align: middle;
  margin-left: 4px;
}
Button.HorizontalButton i {
  vertical-align: middle;
  line-height: 20px !important;
}
Button.HorizontalButton:hover i {
  color: #0a00d8;
}
Button.HorizontalButton:disabled,
Button.HorizontalButton [disabled] {
  pointer-events: none;
  cursor: default;
}

.MenuButton {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  vertical-align: middle;
  position: relative;
}
.MenuButton.Button {
  padding: 6px 8px;
}
.MenuButton i, .MenuButton span {
  pointer-events: none;
}
.MenuButton:disabled, .MenuButton .disabled, .MenuButton [disabled] {
  pointer-events: none;
  cursor: default;
}
.MenuButton:disabled div, .MenuButton:disabled span, .MenuButton:disabled a, .MenuButton .disabled div, .MenuButton .disabled span, .MenuButton .disabled a, .MenuButton [disabled] div, .MenuButton [disabled] span, .MenuButton [disabled] a {
  color: #979797;
}
.MenuButton span {
  font-size: 12px;
}
.MenuButton .menu-button-option:hover {
  text-decoration: underline;
}
.MenuButton .menu-button-option a {
  pointer-events: none;
}
.MenuButton ul {
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 100;
  background: white;
  border: 1px solid;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid #EAEAEA;
  box-shadow: 2px 2px 5px #888888;
  overflow-y: auto;
}
.MenuButton ul li {
  list-style-type: none;
  line-height: 1.4em;
  padding: 2px 0px;
  white-space: nowrap;
  text-align: left;
  pointer-events: all;
  font-size: 12px;
  cursor: pointer;
}
.MenuButton ul li.disabled, .MenuButton ul li.disabled span {
  pointer-events: none;
  cursor: default;
  color: #BABABA;
}
.MenuButton ul li:hover {
  text-decoration: underline;
}
.MenuButton ul li.divider {
  border-bottom: 1px solid #979797;
  margin: 0 0 0.8em 0;
  display: block;
  border-right: none;
}
.MenuButton ul li.divider:hover {
  text-decoration: none;
}
.MenuButton div.title.fal {
  margin-right: 6px;
}

.nav-buttons {
  line-height: 30px;
}
.nav-buttons button {
  line-height: 24px;
  color: #3B527B;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  font-size: 13px;
  border-radius: 6px;
}
.nav-buttons button span {
  padding: 0 15px !important;
}
.nav-buttons button:hover {
  padding: 0 !important;
  border: none;
  background: white !important;
}

.SideNavButton {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
}
.SideNavButton i.fal {
  color: black;
  font-size: 20px;
  margin: 0;
}
.SideNavButton div {
  font-size: 10px;
  line-height: 10px;
  margin-top: 1px;
}
.SideNavButton:hover {
  background: white;
}
.SideNavButton:disabled,
.SideNavButton [disabled] {
  pointer-events: none;
  cursor: default;
}

.ViewsMenuButton {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  vertical-align: middle;
  position: relative;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  margin: -4px 0 0 -8px;
}
.ViewsMenuButton span.title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.ViewsMenuButton .search-box-wrapper {
  padding-left: 0;
}
.ViewsMenuButton .search-box-wrapper .menu-search-box {
  border-bottom: none;
}
.ViewsMenuButton .control-wrapper {
  border-bottom: 1px solid #bababa;
  margin: 0 10px;
  min-width: 300px;
}
.ViewsMenuButton .search-box-wrapper {
  width: calc(100% - 190px);
  display: inline-block;
  padding-right: 0;
}
.ViewsMenuButton .menu-control-bar {
  display: inline-block;
  padding-bottom: 1px;
  margin-left: 12px;
}
.ViewsMenuButton .menu-buttons {
  display: inline-block;
  text-align: right;
}
.ViewsMenuButton .menu-buttons .divider {
  line-height: 10px;
  border-right: 1px solid #979797;
  margin: 0 3px;
  display: inline-block;
  height: 12px;
  vertical-align: middle;
}
.ViewsMenuButton .menu-buttons [data-key=save] {
  margin-left: 6px;
}
.ViewsMenuButton:disabled, .ViewsMenuButton .disabled, .ViewsMenuButton [disabled] {
  pointer-events: none;
  cursor: default;
}
.ViewsMenuButton:disabled div, .ViewsMenuButton .disabled div, .ViewsMenuButton [disabled] div {
  color: #EAEAEA;
}
.ViewsMenuButton div.menu-items {
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 3;
  background: white;
  border: 1px solid;
  margin: 0;
  padding: 0;
  border: 1px solid #EAEAEA;
  box-shadow: 2px 2px 5px #888888;
  max-height: 600px;
  overflow: auto;
  min-width: 280px;
}
.ViewsMenuButton div.menu-items ul {
  padding: 0 10px;
}
.ViewsMenuButton div.menu-items ul li {
  list-style-type: none;
  line-height: 1.4em;
  padding: 2px 0px;
  white-space: nowrap;
  text-align: left;
  pointer-events: all;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  text-decoration: none;
}
.ViewsMenuButton div.menu-items ul li span {
  pointer-events: none;
}
.ViewsMenuButton div.menu-items ul li.disabled, .ViewsMenuButton div.menu-items ul li.disabled span {
  pointer-events: none;
  cursor: default;
  color: #BABABA;
}
.ViewsMenuButton div.menu-items ul li:hover {
  text-decoration: underline;
}
.ViewsMenuButton div.menu-items ul li.selected {
  font-family: "manrope-semi-bold";
}
.ViewsMenuButton div.menu-items ul li.divider {
  border-bottom: 1px solid #979797;
  margin: 0 0 0.8em 0;
  display: block;
  border-right: none;
}
.ViewsMenuButton div.menu-items ul li.divider:hover {
  text-decoration: none;
}

.CancelPrompt .prompt-body {
  font-size: 14px;
}
.CancelPrompt .right {
  float: right;
}

.ColourPicker {
  position: fixed;
  padding: 2px 1px 1px 1px;
  border: 1px solid #CCCCCC;
  height: 134px;
  background: white !important;
  font-size: 14px;
  margin: -2px;
}
.ColourPicker table {
  width: 300px !important;
  border-spacing: 0px;
}
.ColourPicker td {
  width: 32PX;
  height: 20px;
  border: 1px solid white !important;
  background: white !important;
}
.ColourPicker td:hover {
  cursor: pointer;
}
.ColourPicker td.selected, .ColourPicker td:hover {
  border-color: black !important;
}
.ColourPicker div[data-value] {
  height: 24px;
  width: 30px;
}
.ColourPicker [data-value="16777215"] {
  background: #FFFFFF !important;
}
.ColourPicker [data-value="12632319"] {
  background: #FFC0C0 !important;
}
.ColourPicker [data-value="12640511"] {
  background: #FFE0C0 !important;
}
.ColourPicker [data-value="12648447"] {
  background: #FFFFC0 !important;
}
.ColourPicker [data-value="12648384"] {
  background: #C0FFC0 !important;
}
.ColourPicker [data-value="16777152"] {
  background: #C0FFFF !important;
}
.ColourPicker [data-value="16761024"] {
  background: #C0C0FF !important;
}
.ColourPicker [data-value="16761087"] {
  background: #FFC0FF !important;
}
.ColourPicker [data-value="14737632"] {
  background: #E0E0E0 !important;
}
.ColourPicker [data-value="8421631"] {
  background: #FF8080 !important;
}
.ColourPicker [data-value="8438015"] {
  background: #FFC080 !important;
}
.ColourPicker [data-value="8454143"] {
  background: #FFFF80 !important;
}
.ColourPicker [data-value="8454016"] {
  background: #80FF80 !important;
}
.ColourPicker [data-value="16777088"] {
  background: #80FFFF !important;
}
.ColourPicker [data-value="16744576"] {
  background: #8080FF !important;
}
.ColourPicker [data-value="16744703"] {
  background: #FF80FF !important;
}
.ColourPicker [data-value="12632256"] {
  background: #C0C0C0 !important;
}
.ColourPicker [data-value="255"] {
  background: #FF0000 !important;
}
.ColourPicker [data-value="33023"] {
  background: #FF8000 !important;
}
.ColourPicker [data-value="65535"] {
  background: #FFFF00 !important;
}
.ColourPicker [data-value="65280"] {
  background: #00FF00 !important;
}
.ColourPicker [data-value="16776960"] {
  background: #00FFFF !important;
}
.ColourPicker [data-value="16711680"] {
  background: #0000FF !important;
}
.ColourPicker [data-value="16711935"] {
  background: #FF00FF !important;
}
.ColourPicker [data-value="8421504"] {
  background: #808080 !important;
}
.ColourPicker [data-value="192"] {
  background: #C00000 !important;
}
.ColourPicker [data-value="16576"] {
  background: #C04000 !important;
}
.ColourPicker [data-value="49344"] {
  background: #C0C000 !important;
}
.ColourPicker [data-value="49152"] {
  background: #00C000 !important;
}
.ColourPicker [data-value="12632064"] {
  background: #00C0C0 !important;
}
.ColourPicker [data-value="12582912"] {
  background: #0000C0 !important;
}
.ColourPicker [data-value="12583104"] {
  background: #C000C0 !important;
}
.ColourPicker [data-value="4210752"] {
  background: #404040 !important;
}
.ColourPicker [data-value="128"] {
  background: #800000 !important;
}
.ColourPicker [data-value="16512"] {
  background: #804000 !important;
}
.ColourPicker [data-value="32896"] {
  background: #808000 !important;
}
.ColourPicker [data-value="32768"] {
  background: #008000 !important;
}
.ColourPicker [data-value="8421376"] {
  background: #008080 !important;
}
.ColourPicker [data-value="8388608"] {
  background: #000080 !important;
}
.ColourPicker [data-value="8388736"] {
  background: #800080 !important;
}

.InfoSettings .indent-cell {
  padding-left: 10px !important;
}
.InfoSettings #year-loader {
  position: absolute;
  top: 87px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: gray;
  opacity: 0.3;
}
.InfoSettings #year-loader.hidden {
  display: none;
}
.InfoSettings #year-loader .loader {
  width: 40px;
  height: 40px;
  position: relative;
  top: 40%;
  margin: 0 auto;
}
.InfoSettings #year-loader .bounce {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #FFF;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: pageloaderbounce 2s infinite ease-in-out;
  animation: pageloaderbounce 2s infinite ease-in-out;
}
.InfoSettings #year-loader .delay {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.InfoSettings .prompt {
  height: 600px;
  max-height: calc(100% - 400px);
}
.InfoSettings .prompt-bar {
  height: 44px !important;
}
.InfoSettings .prompt-bar .Tabs .tab-items-wrrapper {
  top: auto !important;
  bottom: -1px;
}
.InfoSettings .prompt-bar .Tabs .tab-items-wrrapper .tab.selected {
  border-bottom: 1px solid white;
}
.InfoSettings .prompt-bar .save-controls {
  margin-top: 10px !important;
}
.InfoSettings .no-class-selected {
  position: absolute;
  top: 98px;
  left: 239px;
}
.InfoSettings .tab-items-wrrapper {
  display: inline-block;
  z-index: 0;
  position: relative;
}
.InfoSettings .save-controls {
  z-index: 1;
  position: relative;
}
.InfoSettings .save-controls .clear-all a {
  font-size: 12px;
  cursor: pointer;
  color: #0d7cc1;
}
.InfoSettings .save-controls .clear-all a:hover {
  text-decoration: underline;
}
.InfoSettings .hidden {
  display: none;
}
.InfoSettings .warning {
  color: orangered;
}
.InfoSettings .bolder {
  font-family: "manrope-bold";
}
.InfoSettings .Tab, .InfoSettings .tab {
  padding: 6px 10px !important;
  line-height: 20px !important;
}
.InfoSettings .tab-items-wrrapper {
  top: 3px !important;
  left: 10px !important;
}
.InfoSettings .tab-0 select {
  font-size: 14px !important;
}
.InfoSettings .tab-4, .InfoSettings .tab-3 {
  margin: 10px 4px 0 4px;
}
.InfoSettings .tab-4 .divider, .InfoSettings .tab-3 .divider {
  font-size: 10px;
}
.InfoSettings .tab-4 .selection, .InfoSettings .tab-3 .selection {
  display: block !important;
  border-bottom: 1px solid #EAEAEA;
}
.InfoSettings .tab-4 .checkbox-container, .InfoSettings .tab-3 .checkbox-container {
  display: block;
  margin-top: 10px;
}
.InfoSettings .tab-2, .InfoSettings .tab-1 {
  margin: 0 4px;
}
.InfoSettings .tab-2 .divider, .InfoSettings .tab-1 .divider {
  font-size: 10px;
}
.InfoSettings .tab-2 .selection-wrapper .HorizontalButton, .InfoSettings .tab-1 .selection-wrapper .HorizontalButton {
  margin-bottom: 0 !important;
}
.InfoSettings .tab-2 .selection, .InfoSettings .tab-1 .selection {
  display: inline-block !important;
}
.InfoSettings .tab-2 select {
  font-weight: bold;
}
.InfoSettings .indicator-tab .selection-wrapper {
  position: absolute;
  top: 112px;
  left: 10px;
  right: auto;
  height: 20px;
}
.InfoSettings .indicator-tab .tab-grid-wrapper {
  position: absolute;
  top: 125px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
.InfoSettings .indicator-tab .search-box-wrapper {
  position: absolute;
  top: 94px;
  left: 10px;
  width: 200px;
  height: 20px;
}
.InfoSettings .indicator-tab .search-box-wrapper button {
  margin-bottom: 0 !important;
}
.InfoSettings .indicator-tab select {
  position: absolute;
  right: 10px;
  top: 98px;
}
.InfoSettings .class-tab .selection-wrapper {
  position: absolute;
  top: 103px;
  left: 10px;
  right: auto;
  height: 20px;
}
.InfoSettings .class-tab .tab-grid-wrapper {
  position: absolute;
  top: 125px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
.InfoSettings .class-tab select[data-key=years] {
  position: absolute;
  right: 10px;
}
.InfoSettings .class-tab .search-box-wrapper {
  position: absolute;
  top: 94px;
  left: 10px;
  width: 200px;
  height: 20px;
}
.InfoSettings .class-tab .search-box-wrapper button {
  margin-bottom: 0 !important;
}
.InfoSettings .Grid .grid div.grid-header.top-cell {
  place-items: self-start;
}
.InfoSettings .Grid .grid div.grid-header.top-cell .title {
  padding: 2px 0;
  font-weight: bold;
  color: black;
}
.InfoSettings .selection-wrapper Button {
  /* &:hover span {
     text-decoration: underline;
     text-underline-offset: 0.3em;
  }

  span {
     font-size: 12px;
     cursor: pointer;
     color: #0d7cc1;
  }*/
}
.InfoSettings .selection-wrapper Button * {
  pointer-events: none;
}

.MapInfoController {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.MapInfoController .fal {
  color: black;
}
.MapInfoController button.value * {
  pointer-events: none;
}
.MapInfoController i.checkbox {
  cursor: pointer;
}
.MapInfoController [data-key=year] i.fal.fa-calendar-week {
  font-size: 20px;
}
.MapInfoController button.side-nav {
  background: none;
  outline: none;
  border: none;
  position: relative;
  padding: 7px;
  border-radius: 8px;
  cursor: pointer;
  margin-bottom: 1em;
}
.MapInfoController button.side-nav.large {
  padding: 5px;
}
.MapInfoController button.side-nav[data-key=full-screen] i.fal {
  font-size: 14px;
}
.MapInfoController button.side-nav * {
  pointer-events: none;
}
.MapInfoController button.side-nav:hover {
  background: #f0f0f0;
}
.MapInfoController button.side-nav i.fat, .MapInfoController button.side-nav i.fal {
  font-size: 16px;
}
.MapInfoController button.side-nav .info {
  background: #2b4ea4;
  color: white;
  font-size: 9px;
  padding: 2px 4px;
  border-radius: 8px;
  position: absolute;
  right: 2px;
  bottom: 2px;
}
.MapInfoController button.side-nav .info i.fal {
  font-size: 9px;
  color: white !important;
}
.MapInfoController button.side-nav .info i.fal.fa-xmark {
  padding: 0 1px;
}

.CustomFormulaEditor .source-type {
  position: absolute;
  top: -22px;
  left: 100px;
  font-size: 14px !important;
  font-weight: normal;
  font-family: "manrope-medium";
}
.CustomFormulaEditor .source-type[data-key=formula-type] {
  left: 110px;
}
.CustomFormulaEditor [data-key=test-print] {
  position: absolute;
  left: 0;
  top: 2px !important;
  padding: 4px 5px !important;
}
.CustomFormulaEditor [data-key=test-print]:hover {
  background: #DFDFDF;
}
.CustomFormulaEditor .prompt-bar-bg {
  position: absolute;
  left: 0;
  right: 0;
  height: 32px;
  top: 0;
  background: #EFEFEF;
  border-bottom: 1px solid #E9E9E9;
  z-index: 0;
}
.CustomFormulaEditor select[data-key=colour-source], .CustomFormulaEditor select[data-key=graph-source] {
  font-weight: normal;
  font-size: 12px;
}
.CustomFormulaEditor.format .formatting-type, .CustomFormulaEditor.colour .formatting-type, .CustomFormulaEditor.graph .formatting-type, .CustomFormulaEditor.assessment .formatting-type, .CustomFormulaEditor.formulas .formatting-type {
  display: none;
}
.CustomFormulaEditor .editor-title {
  position: absolute;
  top: -21px;
  left: 0;
  color: #676767;
  font-size: 14px;
}
.CustomFormulaEditor .copy-values {
  display: inline-block;
  float: right;
  margin-right: 10px;
}
.CustomFormulaEditor .copy-values span.title {
  display: none;
}
.CustomFormulaEditor .copy-values button * {
  vertical-align: middle;
}
.CustomFormulaEditor .row-selector {
  width: 10px;
}
.CustomFormulaEditor [data-key=row-selector] {
  cursor: pointer;
}
.CustomFormulaEditor [data-key=remove-row] {
  margin-left: 20px;
}
.CustomFormulaEditor [data-key=remove-row] i {
  color: darkred !important;
}
.CustomFormulaEditor [data-key=remove-row]:disabled i {
  color: #cccccc !important;
}
.CustomFormulaEditor [data-key=alignment] {
  font-size: 14px;
}
.CustomFormulaEditor .table-wrapper {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.CustomFormulaEditor .no-values .formula-values {
  display: none;
}
.CustomFormulaEditor .no-values .formula-controller {
  display: none;
}
.CustomFormulaEditor .no-values .no-values-text {
  display: block;
}
.CustomFormulaEditor .no-values-text {
  display: none;
  padding: 10px;
  font-size: 14px;
  color: #676767;
}
.CustomFormulaEditor .value-only .formula-values th:nth-child(2), .CustomFormulaEditor .value-only .formula-values th:nth-child(3), .CustomFormulaEditor .value-only .formula-values th:nth-child(4), .CustomFormulaEditor .value-only .formula-values td:nth-child(2), .CustomFormulaEditor .value-only .formula-values td:nth-child(3), .CustomFormulaEditor .value-only .formula-values td:nth-child(4) {
  display: none;
}
.CustomFormulaEditor .formula-values {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.CustomFormulaEditor .formula-values tr td select.formula-eq {
  font-size: 15px !important;
}
.CustomFormulaEditor .formula-values input[type=text], .CustomFormulaEditor .formula-values select {
  background: none;
}
.CustomFormulaEditor .formula-values input[type=text] {
  width: calc(100% - 2px);
}
.CustomFormulaEditor .formula-values tr.selected td {
  background: #e4f5fe;
}
.CustomFormulaEditor .formula-values th, .CustomFormulaEditor .formula-values td {
  border: 1px solid #CCCCCC;
}
.CustomFormulaEditor .formula-values th:first-child, .CustomFormulaEditor .formula-values td:first-child {
  border-left: none;
}
.CustomFormulaEditor .formula-values th:last-child, .CustomFormulaEditor .formula-values td:last-child {
  border-right: none;
}
.CustomFormulaEditor .formula-values th {
  background: #f7f7f7;
  text-align: left;
  font-family: "manrope-semi-bold";
  padding: 4px;
}
.CustomFormulaEditor .formula-values th:nth-child(2), .CustomFormulaEditor .formula-values th:nth-child(3), .CustomFormulaEditor .formula-values th:nth-child(4) {
  width: 40px;
}
.CustomFormulaEditor .formula-values th:nth-child(5), .CustomFormulaEditor .formula-values th:nth-child(6) {
  width: calc(50% - 130px);
}
.CustomFormulaEditor .formula-values th:nth-child(2), .CustomFormulaEditor .formula-values td:nth-child(2), .CustomFormulaEditor .formula-values th:nth-child(4), .CustomFormulaEditor .formula-values td:nth-child(4), .CustomFormulaEditor .formula-values th:nth-child(6), .CustomFormulaEditor .formula-values td:nth-child(6) {
  border-left-width: 2px;
}
.CustomFormulaEditor .formula-values td {
  padding: 2px;
}
.CustomFormulaEditor .formula-values td input.formula-value {
  width: 98%;
}
.CustomFormulaEditor .formula-values select.formula-eq {
  font-size: 14px;
}
.CustomFormulaEditor #summary-editor .formula-values th:nth-child(2), .CustomFormulaEditor #summary-editor .formula-values th:nth-child(3) {
  width: calc(50% - 10px);
}
.CustomFormulaEditor .formula-colour {
  background: transparent;
  width: 100%;
  height: 24px;
  cursor: pointer;
}
.CustomFormulaEditor .formula-controller {
  padding: 4px;
  background: white;
}
.CustomFormulaEditor .formula-controller button {
  padding: 2px;
  margin-bottom: 0 !important;
}
.CustomFormulaEditor .formula-controller button i {
  font-size: 16px;
  color: #46b0e4;
}
.CustomFormulaEditor .formula-controller button.undo {
  float: right;
}
.CustomFormulaEditor label {
  font-size: 14px;
  display: inline-block;
}
.CustomFormulaEditor .prompt-bar {
  height: 70px !important;
}
.CustomFormulaEditor .prompt-bar .save-controls {
  position: absolute;
  right: 7px;
  top: 1px;
  z-index: 1;
}
.CustomFormulaEditor .prompt-bar .save-controls button.HorizontalButton {
  padding: 4px 6px !important;
}
.CustomFormulaEditor .prompt-bar .save-controls button.HorizontalButton:hover {
  background: #DFDFDF;
}
.CustomFormulaEditor input[data-key=name], .CustomFormulaEditor input[data-key=width], .CustomFormulaEditor input[data-key=max-value] {
  border: 1px solid #93b8d4;
  outline: none !important;
  width: 188px;
}
.CustomFormulaEditor input[type=checkbox] {
  margin-right: 20px;
}
.CustomFormulaEditor input[data-key=width] {
  width: 20px !important;
  text-align: right;
}
.CustomFormulaEditor input[data-key=max-value] {
  width: 24px !important;
  text-align: right;
}
.CustomFormulaEditor label.alignment, .CustomFormulaEditor label.width {
  margin-left: 20px;
}
.CustomFormulaEditor .test {
  position: absolute;
  top: 74px;
  right: 6px;
}
.CustomFormulaEditor .test button {
  margin-bottom: 0 !important;
}
.CustomFormulaEditor .test button i {
  color: #3097d3;
  font-size: 22px;
}
.CustomFormulaEditor .test input {
  width: 30px;
  border: 1px solid #93b8d4;
  outline: none !important;
  border-radius: 4px;
  text-align: right;
  padding: 0 2px;
}
.CustomFormulaEditor .test span.title {
  margin-left: 4px;
}
.CustomFormulaEditor .test span.title.grade {
  margin-left: 20px;
}
.CustomFormulaEditor input[data-key=name], .CustomFormulaEditor input[data-key=width] {
  border-radius: 4px;
  padding: 0 2px;
}
.CustomFormulaEditor .evaluate {
  position: absolute;
  right: 11px;
  top: 76px;
}
.CustomFormulaEditor #formatting-tabs {
  top: 120px;
  right: 9px;
  width: 416px;
  height: 40px;
  position: absolute;
  z-index: 1;
}
.CustomFormulaEditor #formatting-tabs .tab.selected {
  border-bottom-color: white;
}
.CustomFormulaEditor [data-key=evaluate] {
  font-size: 18px;
  margin: 0;
  margin-left: 10px;
  margin-bottom: 0 !important;
}
.CustomFormulaEditor [data-key=evaluate].calculated {
  display: none;
}
.CustomFormulaEditor span.title {
  margin-left: 10px;
}
.CustomFormulaEditor .student {
  position: absolute;
  left: 10px;
  top: 82px;
}
.CustomFormulaEditor .student select {
  background: none;
}
.CustomFormulaEditor .student * {
  vertical-align: middle;
}
.CustomFormulaEditor .student .grade, .CustomFormulaEditor .student .scope {
  margin-left: 35px;
}
.CustomFormulaEditor .formatting-div {
  position: absolute;
  left: 10px;
  top: 125px;
}
.CustomFormulaEditor .formatting-div select {
  margin-right: 10px;
}
.CustomFormulaEditor select {
  font-family: "manrope-bold";
}
.CustomFormulaEditor .DropDownTreeMenu span {
  font-family: "manrope-bold";
  margin-left: 3px;
}
.CustomFormulaEditor .prompt {
  width: 1400px !important;
}
.CustomFormulaEditor .copy-code {
  cursor: pointer;
  top: -4px;
}
.CustomFormulaEditor .copy-code * {
  pointer-events: none;
}
.CustomFormulaEditor .prompt-body {
  height: 600px !important;
}
.CustomFormulaEditor .prompt-body * {
  vertical-align: middle;
}
.CustomFormulaEditor .fas.fa-function {
  display: none;
}
.CustomFormulaEditor .fal.fa-function {
  display: inline-block;
}
.CustomFormulaEditor [data-key=formula] {
  display: block;
}
.CustomFormulaEditor .fal.fa-sigma {
  display: inline-block;
}
.CustomFormulaEditor .fas.fa-sigma {
  display: none;
}
.CustomFormulaEditor.format .fas.fa-text {
  display: inline-block;
}
.CustomFormulaEditor.format .fal.fa-text {
  display: none;
}
.CustomFormulaEditor.format .format-editor {
  display: block;
}
.CustomFormulaEditor.format [data-key=formula] {
  right: 432px;
}
.CustomFormulaEditor .fas.fa-text {
  display: none;
}
.CustomFormulaEditor .fal.fa-text {
  display: inline-block;
}
.CustomFormulaEditor.formulas .fas.fa-function {
  display: inline-block;
}
.CustomFormulaEditor.formulas .fal.fa-function {
  display: none;
}
.CustomFormulaEditor.formulas .formula-list.help-content {
  display: block;
}
.CustomFormulaEditor.formulas [data-key=formula] {
  right: 434px;
}
.CustomFormulaEditor .fas.fa-font {
  display: none;
}
.CustomFormulaEditor .fal.fa-font {
  display: inline-block;
}
.CustomFormulaEditor .fal.fa-palette {
  display: inline-block;
}
.CustomFormulaEditor .fas.fa-palette {
  display: none;
}
.CustomFormulaEditor.assessment .fas.fa-font {
  display: inline-block;
}
.CustomFormulaEditor.assessment .fal.fa-font {
  display: none;
}
.CustomFormulaEditor.assessment .assessment-content {
  display: block;
}
.CustomFormulaEditor.assessment .assessment-content .lengend span {
  margin-left: 20px;
}
.CustomFormulaEditor.assessment [data-key=formula] {
  right: 620px;
}
.CustomFormulaEditor.graph .fas.fa-chart-column {
  display: inline-block;
}
.CustomFormulaEditor.graph .fal.fa-chart-column {
  display: none;
}
.CustomFormulaEditor.graph .graph-editor {
  display: block;
}
.CustomFormulaEditor.graph [data-key=formula] {
  right: 400px;
}
.CustomFormulaEditor.graph span.scope {
  display: inline-block;
  width: 80px;
}
.CustomFormulaEditor .fas.fa-chart-column {
  display: none;
}
.CustomFormulaEditor .fal.fa-chart-column {
  display: inline-block;
}
.CustomFormulaEditor [data-key=formula] {
  position: absolute;
  top: 153px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 1px solid #CCCCCC;
  resize: none;
  outline: none;
  overflow-y: auto;
  font-size: 16px;
  padding: 10px 17px;
  color: #4698d5;
  font-family: monospace;
}
.CustomFormulaEditor [data-key=formula] * {
  font-family: monospace;
}
.CustomFormulaEditor [data-key=formula] span {
  font-size: 16px;
  vertical-align: top;
}
.CustomFormulaEditor [data-key=student-list] {
  width: 200px;
}
.CustomFormulaEditor #student-grade {
  vertical-align: top;
}
.CustomFormulaEditor .student-grade {
  position: absolute;
  top: 45px;
  left: 280px;
  font-size: 12px;
}
.CustomFormulaEditor .student-scope {
  position: absolute;
  top: 45px;
  left: 412px;
  font-size: 12px;
}
.CustomFormulaEditor .student-scope select {
  font-size: 12px !important;
  background: none;
}
.CustomFormulaEditor [data-key=result], .CustomFormulaEditor [data-key=format], .CustomFormulaEditor [data-key=colour], .CustomFormulaEditor [data-key=graph] {
  font-size: 12px;
  margin-left: 0px;
  display: inline-block;
  border: 1px solid #CCCCCC;
  padding: 1px 8px;
  border-radius: 4px;
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #FCFCFC;
}
.CustomFormulaEditor .date-range {
  position: absolute;
  top: 2px;
  left: 10px;
}
.CustomFormulaEditor .cm-gutters {
  display: none;
}
.CustomFormulaEditor .cm-content {
  padding: 0;
}
.CustomFormulaEditor .cm-focused {
  outline: none !important;
}
.CustomFormulaEditor .cm-line {
  font-size: 18px;
}
.CustomFormulaEditor .formatting-div .formatting {
  margin-left: 41px;
}
.CustomFormulaEditor .formatting-div select {
  background: none;
}
.CustomFormulaEditor .missing {
  color: darkred !important;
}
.CustomFormulaEditor .missing.selected {
  background: #ffebf1 !important;
}
.CustomFormulaEditor .format-editor, .CustomFormulaEditor .summary-editor {
  display: none;
}
.CustomFormulaEditor .format-editor, .CustomFormulaEditor .graph-editor, .CustomFormulaEditor .summary-editor {
  position: absolute;
  right: 10px;
  top: 153px;
  bottom: 10px;
  width: 413px;
  display: none;
  outline: none;
  background: #FDFDFD;
}
.CustomFormulaEditor .format-editor #format-editor, .CustomFormulaEditor .format-editor #graph-editor, .CustomFormulaEditor .format-editor #summary-editor, .CustomFormulaEditor .graph-editor #format-editor, .CustomFormulaEditor .graph-editor #graph-editor, .CustomFormulaEditor .graph-editor #summary-editor, .CustomFormulaEditor .summary-editor #format-editor, .CustomFormulaEditor .summary-editor #graph-editor, .CustomFormulaEditor .summary-editor #summary-editor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  outline: none;
  border: 1px solid #CCCCCC;
}
.CustomFormulaEditor .colour-editor {
  position: absolute;
  right: 10px;
  top: 153px;
  bottom: 10px;
  width: 380px;
  display: none;
  outline: none;
}
.CustomFormulaEditor .colour-editor #colour-editor, .CustomFormulaEditor .colour-editor #graph-editor {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #FDFDFD;
  border: 1px solid #CCCCCC;
  left: 0px;
  outline: none;
}
.CustomFormulaEditor .legend {
  bottom: -10px;
}
.CustomFormulaEditor .legend span {
  margin-left: 0;
  font-style: normal;
}
.CustomFormulaEditor .legend span.legend-red {
  color: #a11;
}
.CustomFormulaEditor .legend span.legend-green {
  color: #164;
}
.CustomFormulaEditor .assessment-content {
  position: absolute;
  right: 10px;
  top: 153px;
  bottom: 30px;
  background: #FDFDFD;
  border: 1px solid #CCCCCC;
  width: 600px;
  display: none;
  outline: none;
}
.CustomFormulaEditor .assessment-content table {
  border-collapse: collapse;
  width: 100%;
}
.CustomFormulaEditor .assessment-content table td, .CustomFormulaEditor .assessment-content table th {
  border: 1px solid #CCCCCC;
  padding: 2px 10px;
}
.CustomFormulaEditor .assessment-content table th {
  background: #EAEAEA;
  text-align: left;
  font-weight: normal;
  border-left: none;
  width: 70px;
}
.CustomFormulaEditor .assessment-content table td {
  font-size: 12px !important;
  font-family: "manrope-bold";
  border-right: none;
}
.CustomFormulaEditor .assessment-content .save-controls {
  position: absolute;
  right: 7px;
  top: 2px;
}
.CustomFormulaEditor .assessment-content .copy-code {
  position: relative;
  display: inline-block;
  top: 1px;
}
.CustomFormulaEditor .assessment-content .copy-code.disabled {
  pointer-events: none;
}
.CustomFormulaEditor .assessment-content .copy-code.disabled .fal {
  color: #CCCCCC;
}
.CustomFormulaEditor .assessment-content select {
  background: #FDFDFD;
}
.CustomFormulaEditor .assessment-content .attribute {
  margin: 8px 7px 10px 7px;
}
.CustomFormulaEditor .assessment-content .attribute .attribute label {
  width: 80px;
  display: inline-block;
}
.CustomFormulaEditor .assessment-content .attribute label, .CustomFormulaEditor .assessment-content .attribute div {
  vertical-align: middle;
}
.CustomFormulaEditor .assessment-content #assessment .DropDownTreeMenu {
  width: 480px;
  max-width: 500px;
}
.CustomFormulaEditor .assessment-content #assessment .menu-items {
  max-height: 460px !important;
  max-width: 480px !important;
}
.CustomFormulaEditor .assessment-content #assessment .menu-items .fa-angle-down {
  color: black;
}
.CustomFormulaEditor .formatting-type {
  position: absolute;
  top: 123px;
  right: 161px;
}
.CustomFormulaEditor .formatting-type * {
  vertical-align: middle;
}
.CustomFormulaEditor .formatting-type [data-key=formatting-type] {
  font-weight: bold;
}
.CustomFormulaEditor .summary-editor {
  width: 380px;
}
.CustomFormulaEditor .summary-legend {
  position: absolute;
  left: 0;
  right: 0;
  height: 80px;
  bottom: -100px;
}
.CustomFormulaEditor .formula-list.help-content {
  position: absolute;
  right: 10px;
  top: 153px;
  bottom: 10px;
  background: #FAFAFA;
  border: 1px solid #CCCCCC;
  padding-top: 6px;
  width: 413px;
  display: none;
}
.CustomFormulaEditor .formula-list.help-content .toggle {
  padding: 0 2px;
  width: 12px;
}
.CustomFormulaEditor .formula-list.help-content span.code {
  font-family: "manrope-bold";
  font-size: 12px;
}
.CustomFormulaEditor .formula-list.help-content span.desc {
  font-style: italic;
  font-size: 12px;
  float: right;
  margin-right: 30px;
}
.CustomFormulaEditor .formula-list.help-content li {
  position: relative;
}
.CustomFormulaEditor .formula-list.help-content ul li ul li {
  cursor: pointer;
}
.CustomFormulaEditor .formula-list.help-content li {
  padding: 2px;
}
.CustomFormulaEditor .formula-list.help-content ul {
  margin: 0 0 6px 0;
}
.CustomFormulaEditor .HorizontalButton {
  top: 120px;
}
.CustomFormulaEditor .formulas-button {
  position: absolute;
  right: 12px;
  font-size: 13px;
  padding: 2px;
}
.CustomFormulaEditor .assessment-button {
  position: absolute;
  right: 42px;
  font-size: 13px;
  padding: 2px;
}
.CustomFormulaEditor .format-button {
  position: absolute;
  right: 72px;
  font-size: 13px;
  padding: 2px;
}
.CustomFormulaEditor .colour-button {
  position: absolute;
  right: 128px;
  font-size: 13px;
  padding: 2px;
}
.CustomFormulaEditor .graph-button {
  position: absolute;
  right: 98px;
  font-size: 13px;
  padding: 2px;
}
.CustomFormulaEditor #week {
  max-height: 200px;
}
.CustomFormulaEditor span.assessment-item {
  cursor: pointer;
  color: darkgreen;
  padding: 1px;
  border-radius: 7px;
  font-family: monospace;
}
.CustomFormulaEditor span.assessment-item:hover {
  text-decoration: underline;
}
.CustomFormulaEditor span.assessment-item.selected {
  background: lightcyan;
}
.CustomFormulaEditor .legend {
  position: absolute;
  left: 0px;
  bottom: -20px;
  font-size: 12px;
}
.CustomFormulaEditor .legend .missing {
  font-size: 23px;
  position: absolute;
  top: -1px;
  padding: 0;
  margin: 0 0 10px 0;
  height: 21px;
  width: 14px;
}
.CustomFormulaEditor .legend span {
  color: #979797;
  display: inline-block;
  padding-top: 2px;
}
.CustomFormulaEditor #identifier {
  display: inline-block;
  font-weight: bold;
}
.CustomFormulaEditor [data-key=clear].Button {
  font-size: 22px;
  display: inline-block;
  margin-bottom: 0 !important;
  padding: 2px 4px;
  display: none;
  margin-left: 10px;
}
.CustomFormulaEditor [data-key=clear].Button i.fa-xmark {
  color: #3097d3;
}
.CustomFormulaEditor [data-key=clear].Button.calculated {
  display: inline-block;
}
.CustomFormulaEditor .function-name {
  color: #4698d5;
}
.CustomFormulaEditor .function-arguments {
  color: darkgreen;
}
.CustomFormulaEditor .formula-description {
  color: #979797;
  font-style: italic;
}

.CustomFormulaPrintTest .prompt {
  width: 330px !important;
  height: 210px;
}
.CustomFormulaPrintTest .prompt-body {
  top: 90px !important;
  overflow-y: hidden !important;
}
.CustomFormulaPrintTest .prompt-body span {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}
.CustomFormulaPrintTest .prompt-body span.title {
  width: 70px;
}
.CustomFormulaPrintTest .prompt-body span.sub-title {
  margin-left: 20px;
  width: 35px;
}
.CustomFormulaPrintTest .prompt-body input {
  border: 1px solid #93b8d4;
  outline: none !important;
  width: 40px;
  vertical-align: middle;
  border-radius: 4px;
  padding: 0 2px;
}
.CustomFormulaPrintTest .prompt-body div {
  margin-bottom: 10px;
}

.LoadDefaults .prompt {
  width: 1160px !important;
}
.LoadDefaults .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #3097d3;
  cursor: pointer;
  font-size: 16px;
}
.LoadDefaults .close-button:hover {
  color: #db2e26;
}
.LoadDefaults .grid-box {
  position: relative;
  width: 1140px;
  height: 600px;
}
.LoadDefaults .grid-box .Grid .grid-cell.read-only {
  background: white;
}
.LoadDefaults .search-bar {
  margin-top: 0px !important;
  position: relative;
  height: 24px;
  width: 200px;
}
.LoadDefaults .search-bar button {
  margin-bottom: 0 !important;
}
.LoadDefaults .prompt-body > div {
  margin-top: 10px;
  margin-bottom: 10px;
}
.LoadDefaults .controls {
  display: inline-block;
}
.LoadDefaults .controls .Divider, .LoadDefaults .controls .divider {
  margin: 0 10px;
}
.LoadDefaults .controls Button.HorizontalButton {
  margin-right: 0 !important;
}
.LoadDefaults .prompt-body .grid-header.top-cell {
  align-items: center;
  display: grid;
}
.LoadDefaults .prompt-body .grid-header.top-cell .column-sort {
  top: auto !important;
}

.SaveDefaults .prompt {
  width: 660px !important;
  height: 780px;
}
.SaveDefaults .prompt .grid-box {
  position: relative;
  width: 640px;
  height: 460px;
}
.SaveDefaults .prompt .grid-box .Grid .grid-cell.read-only {
  background: white;
}
.SaveDefaults .prompt-body {
  overflow-x: hidden;
}
.SaveDefaults .includes {
  color: #979797;
}
.SaveDefaults input[data-key=name] {
  border: 1px solid #0d7cc1;
  width: 495px;
  font-size: 12px;
  padding: 4px;
  font-weight: bold;
}
.SaveDefaults input[data-key=name].error {
  border: 1px solid red;
}
.SaveDefaults .duplicated-error {
  color: orangered;
  position: absolute;
  right: 20px;
  top: 104px;
}
.SaveDefaults .duplicated-error.hidden {
  display: none;
}
.SaveDefaults .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #3097d3;
  cursor: pointer;
  font-size: 16px;
}
.SaveDefaults .close-button:hover {
  color: #db2e26;
}
.SaveDefaults .prompt-body > div {
  margin-top: 10px;
  margin-bottom: 10px;
}
.SaveDefaults label.available-to, .SaveDefaults label.myself {
  width: 130px;
  display: inline-block;
}
.SaveDefaults #selection label.radiobox-container, .SaveDefaults #view-selection label.radiobox-container {
  margin-right: 10px;
}
.SaveDefaults #view-selection label.available-to {
  width: 130px;
  display: inline-block;
}
.SaveDefaults #default-selection label {
  width: 130px;
  display: inline-block;
}
.SaveDefaults #default-selection .checkbox-container {
  vertical-align: top;
  width: 20px;
  height: 20px;
}
.SaveDefaults #default-selection .checkbox-container i {
  font-size: 16px;
}
.SaveDefaults .search-bar {
  position: relative;
  height: 24px;
  width: 200px;
}
.SaveDefaults .search-bar button {
  margin-bottom: 0 !important;
}
.SaveDefaults [data-key=user-warning] {
  position: absolute;
  left: 220px;
  top: 268px;
  color: orangered;
}
.SaveDefaults i.checkbox {
  font-size: 16px;
  font-size: 16px;
}
.SaveDefaults .side-label {
  width: 130px;
  display: inline-block;
}
.SaveDefaults .selection-label {
  display: inline-block;
}
.SaveDefaults label {
  vertical-align: middle;
  font-size: 12px;
}
.SaveDefaults .checkmark {
  font-size: 16px !important;
}
.SaveDefaults #default-selection-admin .checkbox-container {
  margin-left: 8px;
}

.DeletePrompt button[data-key=remove] i.fal {
  color: darkred;
}
.DeletePrompt button[data-key=remove] i.fal:hover {
  color: black;
}

.Divider, .divider {
  border-right: 1px solid #EAEAEA;
  margin: 0 6px;
}
.Divider.blank, .divider.blank {
  border-right: none !important;
  margin: 0 6px !important;
}

.double-divider {
  border-right: 1px solid #979797;
  margin: 0 6px;
  border-left: 1px solid #979797;
  padding: 0 1px;
}

.DropDownClassMenu {
  margin-right: 2px;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  margin: 0 0 4px 0;
}
.DropDownClassMenu.disabled {
  pointer-events: none;
}
.DropDownClassMenu.disabled * {
  pointer-events: none;
  color: #979797 !important;
}
.DropDownClassMenu .title {
  margin: 0 6px;
}
.DropDownClassMenu span {
  pointer-events: none;
}
.DropDownClassMenu i {
  font-size: 15px;
  vertical-align: middle;
  margin-right: 4px;
}
.DropDownClassMenu .menu-items {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: white;
  border: 1px solid;
  margin: 0;
  padding: 0;
  border: 1px solid #EAEAEA;
  box-shadow: 2px 2px 5px #888888;
  overflow-y: auto;
}
.DropDownClassMenu .menu-items > .header {
  margin-left: 14px;
  line-height: 1.4em;
  margin-top: 6px;
}
.DropDownClassMenu .menu-items > .header .toggle {
  width: 13px;
}
.DropDownClassMenu .menu-items > .header a, .DropDownClassMenu .menu-items > .header span {
  font-family: "manrope-semi-bold";
}
.DropDownClassMenu .menu-items > .header span.far {
  font-family: "font-awesome-6";
}
.DropDownClassMenu .menu-items > ul {
  padding: 2px 10px 2px 10px;
  margin: 0;
}
.DropDownClassMenu .menu-items li {
  list-style-type: none;
  line-height: 1.4em;
  padding: 4px;
  white-space: nowrap;
}
.DropDownClassMenu .menu-items li .header {
  margin-bottom: 4px;
  width: 100%;
}
.DropDownClassMenu .menu-items li .header a {
  font-family: "manrope-semi-bold";
}
.DropDownClassMenu .menu-items li .header .toggle {
  width: 13px;
}
.DropDownClassMenu .menu-items li.child {
  line-height: 12px;
}
.DropDownClassMenu .menu-items li.child:hover {
  text-decoration: underline;
}
.DropDownClassMenu .menu-items li.divider {
  border-bottom: 1px solid #979797;
  margin: 0 0 0.8em 0;
  display: block;
}
.DropDownClassMenu .menu-items li .selected a {
  font-family: "manrope-semi-bold";
}
.DropDownClassMenu ul {
  padding-inline-start: 10px;
}
.DropDownClassMenu .header {
  border-bottom: 1px solid #EAEAEA;
}
.DropDownClassMenu .group-child:hover .class-name, .DropDownClassMenu .group-child:hover .student-count, .DropDownClassMenu .header:hover .class-name, .DropDownClassMenu .header:hover .student-count {
  text-decoration: underline !important;
}
.DropDownClassMenu .class-name {
  min-width: 100px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}
.DropDownClassMenu input {
  vertical-align: middle;
  cursor: pointer;
}
.DropDownClassMenu .student-count {
  min-width: 50px;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  pointer-events: none;
  position: absolute;
  right: 10px;
}

.DropDownColumnsMenu {
  margin-right: 2px;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  position: relative;
}
.DropDownColumnsMenu.disabled {
  pointer-events: none;
}
.DropDownColumnsMenu.disabled .title, .DropDownColumnsMenu.disabled .fa-angle-down {
  color: #979797 !important;
}
.DropDownColumnsMenu .title {
  margin: 0 6px;
  color: #3097d3;
}
.DropDownColumnsMenu i, .DropDownColumnsMenu span, .DropDownColumnsMenu a {
  pointer-events: none;
}
.DropDownColumnsMenu i {
  font-size: 14px;
  vertical-align: top;
  line-height: 12px;
}
.DropDownColumnsMenu .menu-items {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: white;
  border: 1px solid;
  margin: 0;
  padding: 0;
  border: 1px solid #EAEAEA;
  box-shadow: 2px 2px 5px #888888;
  overflow-y: auto;
}
.DropDownColumnsMenu ul {
  padding-inline-start: 0;
  padding: 6px 10px;
  margin: 0;
}
.DropDownColumnsMenu ul li {
  list-style-type: none;
  line-height: 1.4em;
  padding: 2px 0px;
  white-space: nowrap;
}
.DropDownColumnsMenu ul li:hover {
  text-decoration: underline;
}
.DropDownColumnsMenu ul li.divider {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 0.8em 0;
  display: block !important;
  border-right: none;
  height: 1px;
}
.DropDownColumnsMenu ul li.divider:hover {
  text-decoration: none;
}

.DropDownIndicatorMenu {
  margin-right: 2px;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  margin: 0 0 4px 0;
}
.DropDownIndicatorMenu .title {
  margin: 0 6px;
}
.DropDownIndicatorMenu span {
  pointer-events: none;
}
.DropDownIndicatorMenu i {
  font-size: 14px;
  margin-right: 4px;
}
.DropDownIndicatorMenu .menu-items {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: white;
  border: 1px solid;
  margin: 0;
  padding: 0;
  border: 1px solid #CCCCCC;
  box-shadow: 2px 2px 5px #888888;
  overflow-y: auto;
}
.DropDownIndicatorMenu .menu-items > .header {
  margin-left: 14px;
  line-height: 1.4em;
  margin-top: 6px;
}
.DropDownIndicatorMenu .menu-items > .header .toggle {
  width: 13px;
}
.DropDownIndicatorMenu .menu-items > .header a {
  font-family: "manrope-semi-bold";
}
.DropDownIndicatorMenu .menu-items > ul {
  padding: 2px 10px 2px 10px;
  margin: 0;
}
.DropDownIndicatorMenu .menu-items li {
  list-style-type: none;
  line-height: 1.4em;
  padding: 4px;
  white-space: nowrap;
}
.DropDownIndicatorMenu .menu-items li a {
  color: black;
}
.DropDownIndicatorMenu .menu-items li a, .DropDownIndicatorMenu .menu-items li i {
  vertical-align: middle;
}
.DropDownIndicatorMenu .menu-items li image-orientation, .DropDownIndicatorMenu .menu-items li a {
  vertical-align: middle;
}
.DropDownIndicatorMenu .menu-items li.selected > a {
  font-family: "manrope-semi-bold";
}
.DropDownIndicatorMenu .menu-items li .header {
  margin-bottom: 4px;
  width: 100%;
}
.DropDownIndicatorMenu .menu-items li .header .toggle {
  width: 13px;
}
.DropDownIndicatorMenu .menu-items li .header a {
  font-family: "manrope-semi-bold";
}
.DropDownIndicatorMenu .menu-items li.child {
  line-height: 12px;
}
.DropDownIndicatorMenu .menu-items li.child:hover {
  text-decoration: underline;
}
.DropDownIndicatorMenu .menu-items li.divider {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 0.8em 0;
  display: block;
}
.DropDownIndicatorMenu .menu-items li .child:hover .class-name, .DropDownIndicatorMenu .menu-items li .header:hover .class-name {
  text-decoration: underline !important;
}
.DropDownIndicatorMenu ul {
  padding-inline-start: 10px;
}
.DropDownIndicatorMenu .header {
  border-bottom: 1px solid #EAEAEA;
}
.DropDownIndicatorMenu .class-name {
  min-width: 100px;
  display: inline-block;
  vertical-align: middle;
}
.DropDownIndicatorMenu input {
  vertical-align: middle;
  cursor: pointer;
}
.DropDownIndicatorMenu .student-count {
  min-width: 50px;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  pointer-events: none;
}

.DropDownMenu {
  margin-right: 2px;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  margin: 0 0 4px 0;
}
.DropDownMenu.disabled {
  pointer-events: none;
}
.DropDownMenu.disabled .title, .DropDownMenu.disabled .fa-angle-down {
  color: #979797 !important;
}
.DropDownMenu .title {
  margin: 0 6px;
}
.DropDownMenu i, .DropDownMenu span, .DropDownMenu a {
  pointer-events: none;
}
.DropDownMenu i {
  font-size: 14px;
}
.DropDownMenu .menu-items {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: white;
  border: 1px solid;
  margin: 0;
  padding: 0;
  border: 1px solid #EAEAEA;
  box-shadow: 2px 2px 5px #888888;
  overflow-y: auto;
}
.DropDownMenu ul {
  padding-inline-start: 0;
  padding: 6px 10px;
  margin: 0;
}
.DropDownMenu ul li {
  list-style-type: none;
  line-height: 1.4em;
  padding: 2px 0px;
  white-space: nowrap;
}
.DropDownMenu ul li:hover {
  text-decoration: underline;
}
.DropDownMenu ul li.divider {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 0.8em 0;
  display: block;
  border-right: none;
}
.DropDownMenu ul li.divider:hover {
  text-decoration: none;
}

.DropDownMenuCheckBox {
  margin-right: 2px;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  margin: 0 0 4px 0;
}
.DropDownMenuCheckBox .title {
  margin: 0 6px;
}
.DropDownMenuCheckBox i, .DropDownMenuCheckBox span, .DropDownMenuCheckBox a {
  pointer-events: none;
  padding-bottom: 2px;
}
.DropDownMenuCheckBox i {
  font-size: 15px;
  margin-right: 4px;
}
.DropDownMenuCheckBox ul {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: white;
  border: 1px solid;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid #EAEAEA;
  box-shadow: 2px 2px 5px #888888;
  cursor: default;
  overflow-y: auto;
}
.DropDownMenuCheckBox ul li {
  list-style-type: none;
  line-height: 1.4em;
  padding: 2px 8px 2px 4px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}
.DropDownMenuCheckBox ul li.selected a {
  font-family: "manrope-semi-bold";
}
.DropDownMenuCheckBox ul li:hover {
  text-decoration: underline;
}
.DropDownMenuCheckBox ul li.divider {
  border-right: none;
  border-bottom: 1px solid #CCCCCC;
  margin: 2px 2px 5px 2px;
  display: block;
  cursor: default;
}
.DropDownMenuCheckBox ul li.divider:hover span {
  text-decoration: none;
}
.DropDownMenuCheckBox ul li.divider input, .DropDownMenuCheckBox ul li.divider span {
  display: none;
}
.DropDownMenuCheckBox ul li input, .DropDownMenuCheckBox ul li span {
  pointer-events: none;
  vertical-align: middle;
  display: inline-block;
}
.DropDownMenuCheckBox ul li.group-child {
  padding-left: 20px;
}
.DropDownMenuCheckBox ul li.group-header {
  font-family: "manrope-semi-bold";
  border-bottom: 1px solid #EAEAEA;
  margin-top: 10px;
}

.search-box-wrapper {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  background: white;
  padding: 6px 10px 0px 10px;
  z-index: 1;
  border-bottom: 1px solid white;
}
.search-box-wrapper .menu-search-box {
  border: none;
  border-bottom: 1px solid #BABABA;
  line-height: 1em;
  height: 20px;
}
.search-box-wrapper .menu-search-box input[data-key=search-value] {
  border: none;
  outline: none;
  width: calc(100% - 45px);
  font-size: 12px;
  padding: 0 3px;
  height: 100%;
  margin: 0;
}
.search-box-wrapper .menu-search-box button[data-key=submit-search] {
  pointer-events: all;
  border: none;
  border-left: none;
  position: absolute;
  right: 6px;
  top: 5px;
  bottom: 1px;
  background: none;
}
.search-box-wrapper .menu-search-box button[data-key=submit-search] i {
  font-size: 11px;
}
.search-box-wrapper .menu-search-box button[data-key=submit-search]:hover {
  cursor: pointer;
}
.search-box-wrapper .menu-search-box i[data-key=clear-search] {
  pointer-events: all;
  color: #979797;
  position: absolute;
  right: 26px;
  line-height: 20px;
  vertical-align: middle;
  font-size: 12px;
}
.search-box-wrapper .menu-search-box i[data-key=clear-search]:hover {
  cursor: pointer;
}
.search-box-wrapper .menu-search-box input {
  cursor: text;
}
.search-box-wrapper .menu-search-box input::-webkit-input-placeholder { /* Edge */
  color: #CCCCCC;
  font-style: italic;
}
.search-box-wrapper .menu-search-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #CCCCCC;
  font-style: italic;
}
.search-box-wrapper .menu-search-box input::placeholder {
  color: #CCCCCC;
  font-style: italic;
}

.DropDownTreeMenu {
  margin-right: 2px;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  margin: 0 0 -1px 0;
}
.DropDownTreeMenu .bg {
  display: none;
}
.DropDownTreeMenu .title {
  margin: 0 10px 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.DropDownTreeMenu i, .DropDownTreeMenu span {
  pointer-events: none;
}
.DropDownTreeMenu i {
  font-size: 16px;
}
.DropDownTreeMenu [data-key=main-toggle] {
  margin: 0 14px;
  font-weight: bold;
  line-height: 1.4em;
  margin-top: 6px;
  border-bottom: 1px solid #CCCCCC;
}
.DropDownTreeMenu [data-key=main-toggle] a {
  pointer-events: none;
  font-family: "manrope-semi-bold";
}
.DropDownTreeMenu [data-key=main-toggle] .toggle.main {
  width: 13px;
}
.DropDownTreeMenu .list-wrapper {
  padding-right: 10px;
}
.DropDownTreeMenu div.menu-items {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: white;
  border: 1px solid;
  margin: 0;
  padding: 0;
  border: 1px solid #EAEAEA;
  box-shadow: 2px 2px 5px #888888;
  max-height: 600px;
  overflow: auto;
}
.DropDownTreeMenu div.menu-items li {
  list-style-type: none;
  line-height: 1.4em;
  padding: 4px;
  white-space: nowrap;
}
.DropDownTreeMenu div.menu-items li .header {
  margin-bottom: 4px;
  width: 100%;
}
.DropDownTreeMenu div.menu-items li .header a {
  font-family: "manrope-bold";
}
.DropDownTreeMenu div.menu-items li .header .toggle {
  width: 13px;
}
.DropDownTreeMenu div.menu-items li.child {
  line-height: 12px;
  margin-left: 10px;
}
.DropDownTreeMenu div.menu-items li.child:hover {
  text-decoration: underline;
}
.DropDownTreeMenu div.menu-items li.divider {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 0.8em 0;
  display: block;
}
.DropDownTreeMenu ul {
  padding-inline-start: 10px;
}
.DropDownTreeMenu .toggle-selection {
  margin-left: 10px;
  margin-top: 10px;
}
.DropDownTreeMenu .toggle-selection a {
  cursor: pointer;
  color: #0d7cc1;
}
.DropDownTreeMenu .toggle-selection a:hover {
  text-decoration: underline;
}

.EditMapController .edit-button layout-editing, .EditMapController .inserts, .EditMapController .edit-button {
  padding: 0 6px;
}
.EditMapController .right {
  float: right;
  margin-right: 10px;
}
.EditMapController .edit-button {
  display: inline-block;
}
.EditMapController .edit-button .fal.fa-pencil {
  font-size: 12px;
}
.EditMapController .inserts {
  display: inline-block;
}
.EditMapController .inserts .fal.fa-circle-plus {
  font-size: 14px;
}

#modal .AccelerusAssessment .prompt {
  width: 880px;
  height: 800px;
}
#modal .AccelerusAssessment .prompt-bar {
  top: 36px !important;
  border-bottom: none;
  z-index: 1;
}
#modal .AccelerusAssessment .prompt-bar .search-bar {
  top: 44px;
}
#modal .AccelerusAssessment .prompt-body {
  z-index: 0;
  top: 82px !important;
}
#modal .AccelerusAssessment .assessments {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
}
#modal .AccelerusAssessment .academic-cycles {
  position: absolute;
  top: -2px;
  left: 290px;
  font-size: 14px;
}
#modal .AccelerusAssessment .academic-cycles select {
  font-weight: bold;
  font-size: 14px !important;
}

#modal .AccelerusAssessmentEdit .prompt {
  width: 600px;
  height: 260px;
}
#modal .AccelerusAssessmentEdit .prompt-bar {
  top: 36px !important;
  border-bottom: none;
}
#modal .AccelerusAssessmentEdit .prompt-bar .search-bar {
  top: 4px;
}
#modal .AccelerusAssessmentEdit .prompt-body {
  top: 70px !important;
  overflow-y: hidden !important;
  right: 0 !important;
}
#modal .AccelerusAssessmentEdit .prompt-body div {
  margin-bottom: 10px;
}
#modal .AccelerusAssessmentEdit .prompt-body div * {
  vertical-align: middle;
}
#modal .AccelerusAssessmentEdit .prompt-body table.assessment-details {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
#modal .AccelerusAssessmentEdit .prompt-body table.assessment-details th {
  background: #EAEAEA;
  font-weight: normal;
  border-left: none;
  width: 70px;
}
#modal .AccelerusAssessmentEdit .prompt-body table.assessment-details th, #modal .AccelerusAssessmentEdit .prompt-body table.assessment-details td {
  border: 1px solid #CCCCCC;
  text-align: left;
  white-space: nowrap;
  padding: 0 4px;
  vertical-align: middle;
}
#modal .AccelerusAssessmentEdit .prompt-body table.assessment-details th span, #modal .AccelerusAssessmentEdit .prompt-body table.assessment-details td span {
  vertical-align: middle;
}
#modal .AccelerusAssessmentEdit .prompt-body input[type=text], #modal .AccelerusAssessmentEdit .prompt-body input[type=number] {
  border: 1px solid #93b8d4;
  outline: none !important;
  border-radius: 4px;
  padding: 2px;
}
#modal .AccelerusAssessmentEdit .prompt-body input[type=text] {
  width: 468px;
}
#modal .AccelerusAssessmentEdit .prompt-body input[type=number] {
  width: 40px;
  text-align: right;
}
#modal .AccelerusAssessmentEdit .prompt-body label {
  width: 90px;
  display: inline-block;
}
#modal .AccelerusAssessmentEdit .prompt-body .assessment-details {
  margin-bottom: 0px;
}
#modal .AccelerusAssessmentEdit .prompt-body .assessment-details span {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 240px;
  text-overflow: ellipsis;
}
#modal .AccelerusAssessmentEdit .prompt-body .assessment-details label {
  width: 120px;
}
#modal .AccelerusAssessmentEdit .prompt-body select, #modal .AccelerusAssessmentEdit .prompt-body input, #modal .AccelerusAssessmentEdit .prompt-body span {
  font-size: 12px !important;
}
#modal .AccelerusAssessmentEdit .prompt-body hr {
  margin: 14px 0;
}

#modal .AccelerusTask .prompt {
  width: 880px;
  height: 800px;
}
#modal .AccelerusTask .prompt-bar {
  top: 36px !important;
  border-bottom: none;
  z-index: 1;
}
#modal .AccelerusTask .prompt-bar .search-bar {
  top: 44px;
}
#modal .AccelerusTask .prompt-body {
  z-index: 0;
  top: 82px !important;
}
#modal .AccelerusTask .assessments {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
}
#modal .AccelerusTask .academic-cycles {
  position: absolute;
  top: -2px;
  left: 290px;
  font-size: 14px;
}
#modal .AccelerusTask .academic-cycles select {
  font-weight: bold;
  font-size: 14px !important;
}

#modal .AccelerusTaskEdit .prompt {
  width: 600px;
}
#modal .AccelerusTaskEdit .prompt-bar {
  top: 36px !important;
  border-bottom: none;
}
#modal .AccelerusTaskEdit .prompt-bar .search-bar {
  top: 4px;
}
#modal .AccelerusTaskEdit .prompt-body {
  top: 0px !important;
  overflow-y: hidden !important;
  right: 0 !important;
  position: relative !important;
  margin-top: 70px;
}
#modal .AccelerusTaskEdit .prompt-body div {
  margin-bottom: 10px;
}
#modal .AccelerusTaskEdit .prompt-body div * {
  vertical-align: middle;
}
#modal .AccelerusTaskEdit .prompt-body table.assessment-details {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
#modal .AccelerusTaskEdit .prompt-body table.assessment-details th {
  background: #EAEAEA;
  font-weight: normal;
  border-left: none;
  width: 70px;
}
#modal .AccelerusTaskEdit .prompt-body table.assessment-details th, #modal .AccelerusTaskEdit .prompt-body table.assessment-details td {
  border: 1px solid #CCCCCC;
  text-align: left;
  white-space: nowrap;
  padding: 0 4px;
  vertical-align: middle;
}
#modal .AccelerusTaskEdit .prompt-body table.assessment-details th span, #modal .AccelerusTaskEdit .prompt-body table.assessment-details td span {
  vertical-align: middle;
}
#modal .AccelerusTaskEdit .prompt-body input[type=text], #modal .AccelerusTaskEdit .prompt-body input[type=number] {
  border: 1px solid #93b8d4;
  outline: none !important;
  border-radius: 4px;
  padding: 2px;
}
#modal .AccelerusTaskEdit .prompt-body input[type=text] {
  width: 468px;
}
#modal .AccelerusTaskEdit .prompt-body input[type=number] {
  width: 40px;
  text-align: right;
}
#modal .AccelerusTaskEdit .prompt-body label {
  width: 90px;
  display: inline-block;
}
#modal .AccelerusTaskEdit .prompt-body .assessment-details {
  margin-bottom: 0px;
}
#modal .AccelerusTaskEdit .prompt-body .assessment-details span {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 240px;
  text-overflow: ellipsis;
}
#modal .AccelerusTaskEdit .prompt-body .assessment-details label {
  width: 120px;
}
#modal .AccelerusTaskEdit .prompt-body select, #modal .AccelerusTaskEdit .prompt-body input, #modal .AccelerusTaskEdit .prompt-body span {
  font-size: 12px !important;
}
#modal .AccelerusTaskEdit .prompt-body hr {
  margin: 14px 0;
}
#modal .AccelerusTaskEdit .prompt-body table.tasks td label {
  width: auto;
}

#modal .MapLayoutFormattingEdit .prompt {
  width: 600px;
  height: 260px;
}
#modal .MapLayoutFormattingEdit .prompt-bar {
  top: 36px !important;
  border-bottom: none;
}
#modal .MapLayoutFormattingEdit .prompt-bar .search-bar {
  top: 4px;
}
#modal .MapLayoutFormattingEdit .prompt-body {
  top: 70px !important;
  overflow-y: hidden !important;
  right: 0 !important;
}
#modal .MapLayoutFormattingEdit .prompt-body div {
  margin-bottom: 10px;
}
#modal .MapLayoutFormattingEdit .prompt-body div * {
  vertical-align: middle;
}
#modal .MapLayoutFormattingEdit .prompt-body table.assessment-details {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
#modal .MapLayoutFormattingEdit .prompt-body table.assessment-details th {
  background: #EAEAEA;
  font-weight: normal;
  border-left: none;
  width: 70px;
}
#modal .MapLayoutFormattingEdit .prompt-body table.assessment-details th, #modal .MapLayoutFormattingEdit .prompt-body table.assessment-details td {
  border: 1px solid #CCCCCC;
  text-align: left;
  white-space: nowrap;
  padding: 0 4px;
  vertical-align: middle;
}
#modal .MapLayoutFormattingEdit .prompt-body table.assessment-details th span, #modal .MapLayoutFormattingEdit .prompt-body table.assessment-details td span {
  vertical-align: middle;
}
#modal .MapLayoutFormattingEdit .prompt-body input[type=text], #modal .MapLayoutFormattingEdit .prompt-body input[type=number] {
  border: 1px solid #93b8d4;
  outline: none !important;
  border-radius: 4px;
  padding: 2px;
}
#modal .MapLayoutFormattingEdit .prompt-body input[type=text] {
  width: 468px;
}
#modal .MapLayoutFormattingEdit .prompt-body input[type=number] {
  width: 40px;
  text-align: right;
}
#modal .MapLayoutFormattingEdit .prompt-body label {
  width: 90px;
  display: inline-block;
}
#modal .MapLayoutFormattingEdit .prompt-body .assessment-details {
  margin-bottom: 0px;
}
#modal .MapLayoutFormattingEdit .prompt-body .assessment-details span {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 240px;
  text-overflow: ellipsis;
}
#modal .MapLayoutFormattingEdit .prompt-body .assessment-details label {
  width: 120px;
}
#modal .MapLayoutFormattingEdit .prompt-body select, #modal .MapLayoutFormattingEdit .prompt-body input, #modal .MapLayoutFormattingEdit .prompt-body span {
  font-size: 12px !important;
}
#modal .MapLayoutFormattingEdit .prompt-body hr {
  margin: 14px 0;
}

.EditMapSaveController button:disabled, .EditMapSaveController button[disabled] {
  opacity: 0.5;
}
.EditMapSaveController button i.fal.fa-circle-arrow-left, .EditMapSaveController button i.fal.fa-floppy-disk, .EditMapSaveController button i.fal.fa-undo {
  color: black;
  margin: 0;
}
.EditMapSaveController button i.fal.fa-circle-arrow-left {
  font-size: 20px;
}
.EditMapSaveController button i.fal.fa-floppy-disk, .EditMapSaveController button i.fal.fa-undo {
  font-size: 18px;
}

.EditMapSettings {
  padding: 10px;
  font-size: 12px !important;
}
.EditMapSettings.focused [data-key=notes-tx] {
  background: #FFFDE7 !important;
}
.EditMapSettings .settings {
  position: absolute;
  top: -6px;
  left: 600px;
}
.EditMapSettings .settings label.label {
  width: 150px !important;
}
.EditMapSettings .settings select {
  width: 90px;
  float: right;
  font-family: "manrope-semi-bold";
}
.EditMapSettings .selection-rows .edit-row label.label {
  vertical-align: middle;
}
.EditMapSettings .selection-rows .edit-row.available-to button {
  vertical-align: middle;
}
.EditMapSettings .edit-row {
  margin-top: 1em;
  margin-bottom: 4px;
}
.EditMapSettings .edit-row.group {
  margin-top: 2em;
}
.EditMapSettings .edit-row.group .label {
  vertical-align: top;
  margin-top: 1px;
}
.EditMapSettings .edit-row .map-detault-layout {
  font-family: "manrope-semi-bold";
}
.EditMapSettings .edit-row .checkbox-container {
  display: block;
}
.EditMapSettings .edit-row button {
  margin-left: -9px;
  vertical-align: middle;
  margin-top: -1px;
}
.EditMapSettings .edit-row label {
  display: inline-block;
}
.EditMapSettings .edit-row label.for-input {
  padding-top: 4px;
}
.EditMapSettings .edit-row label.label {
  width: 140px;
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
.EditMapSettings .edit-row label.value {
  margin-right: 10px;
  white-space: nowrap;
}
.EditMapSettings .edit-row .values {
  display: inline-block;
}
.EditMapSettings .edit-row.available-to {
  position: absolute;
  top: 240px;
  left: 10px;
  right: 0;
  bottom: 0;
}
.EditMapSettings .edit-row.available-to button {
  vertical-align: top;
  margin-top: -3px;
}
.EditMapSettings .edit-row.available-to .permissions {
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 168px;
  bottom: 10px;
  width: 333px;
  overflow: auto;
}
.EditMapSettings .edit-row.available-to .permissions p {
  margin: 0px;
  white-space: pre;
  line-height: 16px;
  font-family: "manrope-semi-bold";
}
.EditMapSettings .edit-row h2 {
  margin-bottom: 4px;
  font-size: 16px;
  margin-top: 2em;
}
.EditMapSettings .edit-row input[type=text] {
  border: 1px solid #0d7cc1;
  width: 316px;
  font-size: 12px;
  padding: 4px;
  font-family: "manrope-semi-bold";
}
.EditMapSettings .long-description label {
  vertical-align: top;
}
.EditMapSettings .long-description .notes {
  width: 326px;
  display: inline-block;
}
.EditMapSettings .long-description .comment-controller {
  background: #FAFAFA;
  width: 100%;
  display: inline-block;
  line-height: 26px;
  text-align: left;
  border: 1px solid #979797;
  border-bottom: none;
  box-sizing: border-box;
  font-size: 12px;
}
.EditMapSettings .long-description .comment-controller i {
  width: 30px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  color: #0d7cc1;
}
.EditMapSettings .long-description .comment-controller i:hover {
  cursor: pointer;
  color: #0a00d8;
}
.EditMapSettings .long-description .comment-controller [data-key=expand] {
  float: right;
}
.EditMapSettings .long-description [data-key=notes-tx] {
  height: 75px;
  resize: none;
  overflow-y: auto;
  border: 1px solid #0d7cc1;
  font-size: 12px;
  display: inline-block;
  padding: 2px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  pointer-events: all;
  background: white;
  padding: 2px;
  text-align: left;
  white-space: pre-wrap;
}
.EditMapSettings .long-description .notes-label {
  display: inline-block;
  width: 120px;
  vertical-align: top;
}
.EditMapSettings .status.error {
  display: inline-block;
  line-height: 16px;
  margin: 0 2px;
  border: 1px solid white;
  background: red;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  text-align: center;
  font-style: normal;
  font-size: 14px;
  font-family: "manrope-semi-bold";
  color: yellow;
}

.Formatting h1 {
  font-family: "manrope-bold";
  font-size: 18px;
  color: #2b4ea4;
}
.Formatting .grid-control-bar {
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 20px;
  left: 220px;
  right: 0;
  z-index: 200;
}
.Formatting #search-box {
  position: absolute;
  top: 31px;
  left: 1px;
  width: 209px;
  height: 22px;
}
.Formatting #grid-container {
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
  right: 0;
}

.FormattingEdit h1 {
  font-family: "manrope-bold";
  font-size: 18px;
  color: #2b4ea4;
}
.FormattingEdit .source-type {
  position: absolute;
  top: -22px;
  left: 100px;
  font-size: 14px !important;
  font-weight: normal;
  font-family: "manrope-medium";
}
.FormattingEdit .source-type[data-key=formula-type] {
  left: 110px;
}
.FormattingEdit select[data-key=colour-source], .FormattingEdit select[data-key=graph-source] {
  font-weight: normal;
  font-size: 12px;
}
.FormattingEdit.format .formatting-type, .FormattingEdit.colour .formatting-type, .FormattingEdit.graph .formatting-type, .FormattingEdit.assessment .formatting-type, .FormattingEdit.formulas .formatting-type {
  display: none;
}
.FormattingEdit .editor-title {
  position: absolute;
  top: -21px;
  left: 0;
  color: #676767;
  font-size: 14px;
}
.FormattingEdit .copy-values {
  display: inline-block;
  float: right;
  margin-right: 10px;
}
.FormattingEdit .copy-values span.title {
  display: none;
}
.FormattingEdit .copy-values button * {
  vertical-align: middle;
}
.FormattingEdit .row-selector {
  width: 10px;
}
.FormattingEdit [data-key=row-selector] {
  cursor: pointer;
}
.FormattingEdit [data-key=remove-row] {
  margin-left: 20px;
}
.FormattingEdit [data-key=remove-row] i {
  color: darkred !important;
}
.FormattingEdit [data-key=remove-row]:disabled i {
  color: #cccccc !important;
}
.FormattingEdit .table-wrapper {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.FormattingEdit .no-values .formula-values {
  display: none;
}
.FormattingEdit .no-values .formula-controller {
  display: none;
}
.FormattingEdit .no-values .no-values-text {
  display: block;
}
.FormattingEdit .no-values-text {
  display: none;
  padding: 10px;
  font-size: 14px;
  color: #676767;
}
.FormattingEdit .value-only .formula-values th:nth-child(2), .FormattingEdit .value-only .formula-values th:nth-child(3), .FormattingEdit .value-only .formula-values th:nth-child(4), .FormattingEdit .value-only .formula-values td:nth-child(2), .FormattingEdit .value-only .formula-values td:nth-child(3), .FormattingEdit .value-only .formula-values td:nth-child(4) {
  display: none;
}
.FormattingEdit .formula-values {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.FormattingEdit .formula-values td select {
  appearance: none;
  -webkit-appearance: none; /* For Safari and Chrome */
  -moz-appearance: none; /* For Firefox */
  width: 100%;
  text-align: center;
}
.FormattingEdit .formula-values th select {
  width: 100%;
  text-align: left;
  font-size: 12px;
  font-family: "manrope-semi-bold";
}
.FormattingEdit .formula-values tr td select.formula-eq {
  font-size: 18px !important;
}
.FormattingEdit .formula-values input[type=text], .FormattingEdit .formula-values select {
  background: none;
}
.FormattingEdit .formula-values input[type=text] {
  width: calc(100% - 2px);
}
.FormattingEdit .formula-values tr.selected td {
  background: #e4f5fe;
}
.FormattingEdit .formula-values th, .FormattingEdit .formula-values td {
  border: 1px solid #CCCCCC;
}
.FormattingEdit .formula-values th:first-child, .FormattingEdit .formula-values td:first-child {
  border-left: none;
}
.FormattingEdit .formula-values th:last-child, .FormattingEdit .formula-values td:last-child {
  border-right: none;
}
.FormattingEdit .formula-values th {
  background: #f7f7f7;
  text-align: left;
  font-family: "manrope-semi-bold";
  padding: 4px;
  font-size: 12px;
}
.FormattingEdit .formula-values th:nth-child(2), .FormattingEdit .formula-values th:nth-child(3), .FormattingEdit .formula-values th:nth-child(4) {
  width: 60px;
}
.FormattingEdit .formula-values th:nth-child(5), .FormattingEdit .formula-values th:nth-child(6) {
  width: calc(50% - 170px);
}
.FormattingEdit .formula-values th:nth-child(4), .FormattingEdit .formula-values td:nth-child(4), .FormattingEdit .formula-values th:nth-child(6), .FormattingEdit .formula-values td:nth-child(6) {
  border-left-width: 4px;
}
.FormattingEdit .formula-values td {
  padding: 2px;
}
.FormattingEdit .formula-values td input.formula-value {
  width: 98%;
}
.FormattingEdit .formula-values select.formula-eq {
  font-size: 14px;
}
.FormattingEdit #summary-editor .formula-values th:nth-child(2), .FormattingEdit #summary-editor .formula-values th:nth-child(3) {
  width: calc(50% - 10px);
}
.FormattingEdit .formula-colour {
  background: transparent;
  width: 100%;
  height: 24px;
  cursor: pointer;
}
.FormattingEdit .formula-controller {
  padding: 2px 4px 4px 4px;
  background: white;
}
.FormattingEdit .formula-controller button {
  padding: 2px;
  margin-bottom: 0 !important;
}
.FormattingEdit .formula-controller button i {
  font-size: 16px;
  color: #46b0e4;
}
.FormattingEdit .formula-controller button.undo {
  float: right;
}
.FormattingEdit label {
  font-size: 14px;
  display: inline-block;
}
.FormattingEdit input[data-key=name], .FormattingEdit input[data-key=width], .FormattingEdit input[data-key=code] {
  border: 1px solid #93b8d4;
  outline: none !important;
}
.FormattingEdit input[data-key=name] {
  width: 308px;
}
.FormattingEdit input[data-key=code] {
  width: 154px;
}
.FormattingEdit input[type=checkbox] {
  margin-right: 20px;
}
.FormattingEdit input[data-key=solid] {
  width: 308px;
}
.FormattingEdit input[data-key=width] {
  width: 40px !important;
  text-align: right;
}
.FormattingEdit .test {
  position: absolute;
  top: 74px;
  right: 6px;
}
.FormattingEdit .test button {
  margin-bottom: 0 !important;
}
.FormattingEdit .test button i {
  color: #3097d3;
  font-size: 22px;
}
.FormattingEdit .test input {
  width: 30px;
  border: 1px solid #93b8d4;
  outline: none !important;
  border-radius: 4px;
  text-align: right;
  padding: 0 2px;
}
.FormattingEdit .test span.title {
  margin-left: 4px;
}
.FormattingEdit .test span.title.grade {
  margin-left: 20px;
}
.FormattingEdit input[data-key=name], .FormattingEdit input[data-key=width], .FormattingEdit input[data-key=code] {
  border-radius: 4px;
  padding: 2px;
}
.FormattingEdit .evaluate {
  position: absolute;
  left: -16px;
  top: 74px;
}
.FormattingEdit span.title {
  margin-left: 10px;
}
.FormattingEdit .student {
  position: absolute;
  left: 10px;
  top: 44px;
}
.FormattingEdit .student select {
  background: none;
  font-size: 14px;
}
.FormattingEdit .formatting-div {
  position: absolute;
  left: 650px;
  top: 38px;
  right: 0;
}
.FormattingEdit .formatting-div input[type=checkbox] {
  margin: 0;
  padding: 0;
}
.FormattingEdit .formatting-div div {
  margin-bottom: 10px;
}
.FormattingEdit .formatting-div div * {
  vertical-align: middle;
}
.FormattingEdit .formatting-div select {
  margin-right: 10px;
  margin-left: -4px;
  background: none;
}
.FormattingEdit .formatting-div label {
  width: 83px;
  display: inline-block;
}
.FormattingEdit .formatting-div .right-section {
  position: absolute;
  top: 0;
  left: 414px;
}
.FormattingEdit .formatting-div .right-section label {
  width: 84px;
}
.FormattingEdit select {
  font-family: "manrope-bold";
}
.FormattingEdit .DropDownTreeMenu span {
  font-family: "manrope-bold";
  margin-left: 3px;
}
.FormattingEdit .copy-code {
  cursor: pointer;
  top: -4px;
}
.FormattingEdit .copy-code * {
  pointer-events: none;
}
.FormattingEdit [data-key=evaluate] {
  margin-left: 20px;
  margin-bottom: 0px !important;
}
.FormattingEdit [data-key=evaluate] i {
  font-size: 21px;
}
.FormattingEdit .fas.fa-function {
  display: none;
}
.FormattingEdit .fal.fa-function {
  display: inline-block;
}
.FormattingEdit [data-key=formula] {
  display: block;
}
.FormattingEdit.colour .fas.fa-palette {
  display: inline-block;
}
.FormattingEdit.colour .fal.fa-palette {
  display: none;
}
.FormattingEdit.colour .colour-editor {
  display: block;
}
.FormattingEdit.colour [data-key=formula] {
  right: 400px;
}
.FormattingEdit.summary .fas.fa-sigma {
  display: inline-block;
}
.FormattingEdit.summary .fal.fa-sigma {
  display: none;
}
.FormattingEdit.summary .summary-editor {
  display: block;
}
.FormattingEdit.summary [data-key=formula] {
  right: 400px;
}
.FormattingEdit .fal.fa-sigma {
  display: inline-block;
}
.FormattingEdit .fas.fa-sigma {
  display: none;
}
.FormattingEdit.format .fas.fa-text {
  display: inline-block;
}
.FormattingEdit.format .fal.fa-text {
  display: none;
}
.FormattingEdit.format .format-editor {
  display: block;
}
.FormattingEdit.format [data-key=formula] {
  right: 400px;
}
.FormattingEdit .fas.fa-text {
  display: none;
}
.FormattingEdit .fal.fa-text {
  display: inline-block;
}
.FormattingEdit.formulas .fas.fa-function {
  display: inline-block;
}
.FormattingEdit.formulas .fal.fa-function {
  display: none;
}
.FormattingEdit.formulas .formula-list.help-content {
  display: block;
}
.FormattingEdit.formulas [data-key=formula] {
  right: 400px;
}
.FormattingEdit .fas.fa-font {
  display: none;
}
.FormattingEdit .fal.fa-font {
  display: inline-block;
}
.FormattingEdit .fal.fa-palette {
  display: inline-block;
}
.FormattingEdit .fas.fa-palette {
  display: none;
}
.FormattingEdit.assessment .fas.fa-font {
  display: inline-block;
}
.FormattingEdit.assessment .fal.fa-font {
  display: none;
}
.FormattingEdit.assessment .assessment-content {
  display: block;
}
.FormattingEdit.assessment .assessment-content .lengend span {
  margin-left: 20px;
}
.FormattingEdit.assessment [data-key=formula] {
  right: 620px;
}
.FormattingEdit.assessment span.scope {
  display: inline-block;
  width: 80px;
}
.FormattingEdit.graph .fas.fa-chart-column {
  display: inline-block;
}
.FormattingEdit.graph .fal.fa-chart-column {
  display: none;
}
.FormattingEdit.graph .graph-editor {
  display: block;
}
.FormattingEdit.graph [data-key=formula] {
  right: 400px;
}
.FormattingEdit.graph span.scope {
  display: inline-block;
  width: 80px;
}
.FormattingEdit .fas.fa-chart-column {
  display: none;
}
.FormattingEdit .fal.fa-chart-column {
  display: inline-block;
}
.FormattingEdit [data-key=formula] {
  position: absolute;
  top: 144px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 1px solid #CCCCCC;
  resize: none;
  outline: none;
  overflow-y: auto;
  font-size: 16px;
  padding: 10px 17px;
  color: #4698d5;
  font-family: monospace;
}
.FormattingEdit [data-key=formula] span {
  font-size: 16px;
  vertical-align: top;
}
.FormattingEdit [data-key=student-list] {
  width: 200px;
}
.FormattingEdit #student-grade {
  vertical-align: top;
}
.FormattingEdit .student-grade {
  position: absolute;
  top: 45px;
  left: 280px;
  font-size: 12px;
}
.FormattingEdit .student-scope {
  position: absolute;
  top: 45px;
  left: 380px;
  font-size: 12px;
}
.FormattingEdit .student-scope select {
  font-size: 12px !important;
  background: none;
}
.FormattingEdit [data-key=result], .FormattingEdit [data-key=format], .FormattingEdit [data-key=colour], .FormattingEdit [data-key=graph] {
  font-size: 13px;
  margin-left: 0px;
  display: inline-block;
  border: 1px solid #CCCCCC;
  padding: 2px 8px;
  border-radius: 4px;
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #FCFCFC;
}
.FormattingEdit .date-range {
  position: absolute;
  top: 2px;
  left: 10px;
}
.FormattingEdit .cm-gutters {
  display: none;
}
.FormattingEdit .cm-content {
  padding: 0;
}
.FormattingEdit .cm-focused {
  outline: none !important;
}
.FormattingEdit .cm-line {
  font-size: 18px;
}
.FormattingEdit .formatting {
  margin-left: 96px;
}
.FormattingEdit .missing {
  color: darkred !important;
}
.FormattingEdit .missing.selected {
  background: #ffebf1 !important;
}
.FormattingEdit .format-editor, .FormattingEdit .summary-editor {
  display: none;
}
.FormattingEdit div#formatting-tabs {
  position: absolute;
  top: 34px;
  left: 0;
  width: 400px;
  height: 30px;
  z-index: 1;
}
.FormattingEdit div#formatting-tabs .tab.selected {
  border-bottom-color: white;
}
.FormattingEdit [data-key=test-print] {
  position: absolute;
  top: 35px;
  left: 478px;
}
.FormattingEdit .format-editor, .FormattingEdit .graph-editor, .FormattingEdit .summary-editor, .FormattingEdit .colour-editor {
  position: absolute;
  left: 0px;
  top: 67px;
  bottom: 10px;
  width: 600px;
  display: none;
  outline: none;
  background: #FDFDFD;
}
.FormattingEdit .format-editor #format-editor, .FormattingEdit .format-editor #graph-editor, .FormattingEdit .format-editor #summary-editor, .FormattingEdit .format-editor #colour-editor, .FormattingEdit .graph-editor #format-editor, .FormattingEdit .graph-editor #graph-editor, .FormattingEdit .graph-editor #summary-editor, .FormattingEdit .graph-editor #colour-editor, .FormattingEdit .summary-editor #format-editor, .FormattingEdit .summary-editor #graph-editor, .FormattingEdit .summary-editor #summary-editor, .FormattingEdit .summary-editor #colour-editor, .FormattingEdit .colour-editor #format-editor, .FormattingEdit .colour-editor #graph-editor, .FormattingEdit .colour-editor #summary-editor, .FormattingEdit .colour-editor #colour-editor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  outline: none;
  border: 1px solid #CCCCCC;
}
.FormattingEdit .format-editor .format-selection, .FormattingEdit .graph-editor .format-selection, .FormattingEdit .summary-editor .format-selection, .FormattingEdit .colour-editor .format-selection {
  position: absolute;
  top: 0;
  left: 0;
}
.FormattingEdit .legend {
  bottom: -10px;
}
.FormattingEdit .legend span {
  margin-left: 0;
  font-style: normal;
}
.FormattingEdit .legend span.legend-red {
  color: #a11;
}
.FormattingEdit .legend span.legend-green {
  color: #164;
}
.FormattingEdit .formatting-type {
  position: absolute;
  top: 123px;
  right: 161px;
}
.FormattingEdit .formatting-type * {
  vertical-align: middle;
}
.FormattingEdit .formatting-type [data-key=formatting-type] {
  font-weight: bold;
}
.FormattingEdit .summary-editor {
  width: 380px;
}
.FormattingEdit .summary-legend {
  position: absolute;
  left: 0;
  right: 0;
  height: 80px;
  bottom: -100px;
}
.FormattingEdit .formula-list.help-content {
  position: absolute;
  right: 10px;
  top: 144px;
  bottom: 10px;
  background: #FAFAFA;
  border: 1px solid #CCCCCC;
  padding-top: 6px;
  width: 380px;
  display: none;
}
.FormattingEdit .formula-list.help-content .toggle {
  padding: 0 2px;
  width: 12px;
}
.FormattingEdit .formula-list.help-content span.code {
  font-family: "manrope-bold";
  font-size: 12px;
}
.FormattingEdit .formula-list.help-content span.desc {
  font-style: italic;
  font-size: 12px;
  float: right;
  margin-right: 30px;
}
.FormattingEdit .formula-list.help-content li {
  position: relative;
}
.FormattingEdit .formula-list.help-content ul li ul li {
  cursor: pointer;
}
.FormattingEdit .formula-list.help-content li {
  padding: 2px;
}
.FormattingEdit .formula-list.help-content ul {
  margin: 0 0 6px 0;
}
.FormattingEdit .formulas-button {
  position: absolute;
  right: 12px;
  font-size: 13px;
  padding: 2px;
}
.FormattingEdit .assessment-button {
  position: absolute;
  right: 42px;
  font-size: 13px;
  padding: 2px;
}
.FormattingEdit .format-button {
  position: absolute;
  right: 72px;
  font-size: 13px;
  padding: 2px;
}
.FormattingEdit .colour-button {
  position: absolute;
  right: 128px;
  font-size: 13px;
  padding: 2px;
}
.FormattingEdit .graph-button {
  position: absolute;
  right: 98px;
  font-size: 13px;
  padding: 2px;
}
.FormattingEdit #week {
  max-height: 200px;
}
.FormattingEdit span.assessment-item {
  cursor: pointer;
  color: darkgreen;
  padding: 1px 4px;
  border-radius: 7px;
  font-family: monospace;
}
.FormattingEdit span.assessment-item:hover {
  text-decoration: underline;
}
.FormattingEdit span.assessment-item.selected {
  background: lightcyan;
}
.FormattingEdit .legend {
  position: absolute;
  left: 0px;
  bottom: -20px;
  font-size: 12px;
}
.FormattingEdit .legend .missing {
  font-size: 23px;
  position: absolute;
  top: -1px;
  padding: 0;
  margin: 0 0 10px 0;
  height: 21px;
  width: 14px;
}
.FormattingEdit .legend span {
  color: #979797;
  display: inline-block;
  padding-top: 2px;
}
.FormattingEdit #identifier {
  display: inline-block;
  font-weight: bold;
}
.FormattingEdit [data-key=clear].Button {
  font-size: 22px;
  display: inline-block;
  margin-bottom: 0 !important;
  padding: 2px 4px;
  display: none;
}
.FormattingEdit [data-key=clear].Button i.fa-xmark {
  color: #3097d3;
}
.FormattingEdit [data-key=clear].Button.calculated {
  display: inline-block;
}
.FormattingEdit .function-name {
  color: #4698d5;
}
.FormattingEdit .function-arguments {
  color: darkgreen;
}
.FormattingEdit .formula-description {
  color: #979797;
  font-style: italic;
}

.FormattingEditController h1 {
  font-family: "manrope-bold";
  font-size: 18px;
  color: #2b4ea4;
}

#ilp-details-print, #ilp-details-download {
  position: relative;
}
#ilp-details-print table, #ilp-details-download table {
  border-collapse: collapse !important;
}
#ilp-details-print td, #ilp-details-download td {
  position: relative;
}
#ilp-details-print .student-photo, #ilp-details-download .student-photo {
  position: absolute;
  top: 0;
  right: 0;
}
#ilp-details-print .student-photo img, #ilp-details-download .student-photo img {
  height: 100px;
}

td.borderless {
  border: none !important;
  padding: 1px 4px 2px 4px !important;
  color: black !important;
}
td.borderless .notes-label {
  vertical-align: top;
  display: inline-block;
  width: 80px;
}
td.borderless .notes-value {
  display: inline-block;
  width: calc(100% - 80px);
}

.ilp-detaiils-download-wrapper {
  margin-top: 100px;
  margin-left: 20px;
}

.IlpPrintPrompt .download-format {
  display: inline-block !important;
}
.IlpPrintPrompt .option-row {
  display: inline-block !important;
}
.IlpPrintPrompt .option-row * {
  vertical-align: middle;
}
.IlpPrintPrompt label.label {
  width: 140px;
  display: inline-block;
}
.IlpPrintPrompt label.signature {
  width: 56px;
  margin-left: 10px;
  display: inline-block;
}
.IlpPrintPrompt div.vgap {
  margin-bottom: 10px;
}
.IlpPrintPrompt div.vgap input {
  margin: 0 3px;
}
.IlpPrintPrompt div.vgap label {
  vertical-align: top;
}
.IlpPrintPrompt div, .IlpPrintPrompt label, .IlpPrintPrompt input {
  vertical-align: middle;
  white-space: nowrap;
}
.IlpPrintPrompt .include {
  font-family: "manrope-medium" !important;
}
.IlpPrintPrompt .prompt {
  width: 600px !important;
  height: 360px;
}
.IlpPrintPrompt .prompt-body {
  top: 90px;
}
.IlpPrintPrompt .ilp-school-name {
  font-weight: bold !important;
}
.IlpPrintPrompt .ilp-title {
  font-weight: bold !important;
}
.IlpPrintPrompt div {
  display: block;
}
.IlpPrintPrompt span {
  display: inline-block;
}
.IlpPrintPrompt tbody {
  display: table-row-group;
}
.IlpPrintPrompt table.borderless {
  width: auto;
  margin-left: -3px;
  margin-bottom: 10px;
}
.IlpPrintPrompt table.borderless td.underline {
  width: 220px;
  border-bottom: 1px solid black !important;
  text-align: left;
}
.IlpPrintPrompt table.borderless .sig-teacher {
  white-space: nowrap;
  width: 85px;
}
.IlpPrintPrompt table.borderless .sig-signed {
  width: 0px;
}
.IlpPrintPrompt table.borderless .sig-date {
  width: 0px;
}
.IlpPrintPrompt table.borderless th, .IlpPrintPrompt table.borderless td {
  border: none !important;
  padding: 1px 4px 2px 4px !important;
}
.IlpPrintPrompt table.borderless th {
  background: none;
  font-weight: normal;
  white-space: nowrap;
}
.IlpPrintPrompt table.borderless td {
  font-weight: bold;
}
.IlpPrintPrompt table.borderless.signature td {
  font-weight: normal;
}
.IlpPrintPrompt table.borderless.signature {
  width: auto !important;
}
.IlpPrintPrompt tr.sub-header th {
  font-weight: normal;
}
.IlpPrintPrompt tr.header {
  page-break-before: auto;
}
.IlpPrintPrompt th {
  font-weight: bold;
  background: #EAEAEA;
  vertical-align: top;
  text-align: left;
}
.IlpPrintPrompt th div {
  color: black !important;
}
.IlpPrintPrompt th .th-top {
  margin-bottom: 10px;
  max-height: 140px !important;
  overflow: hidden !important;
  border-bottom: 1px solid #979797;
}
.IlpPrintPrompt th, .IlpPrintPrompt td {
  padding: 4px 8px;
  border: 1px solid #676767;
  color: black !important;
  vertical-align: top;
}
.IlpPrintPrompt tr {
  display: table-row;
}
.IlpPrintPrompt br {
  display: block;
}
.IlpPrintPrompt span {
  display: inline-block;
}
.IlpPrintPrompt .student-photo.hidden {
  display: none;
}
.IlpPrintPrompt .hidden {
  display: none;
}

#modal .DownloadPdfAttachment .prompt {
  width: 800px;
  height: auto;
}
#modal .DownloadPdfAttachment .warning {
  color: orangered;
  margin-left: 10px;
}
#modal .DownloadPdfAttachment .disabeld {
  pointer-events: none;
}
#modal .DownloadPdfAttachment .disabeld i.fal {
  color: #CCCCCC;
}
#modal .DownloadPdfAttachment .page-selection a {
  cursor: pointer;
  color: #0d7cc1;
}
#modal .DownloadPdfAttachment .page-selection a:hover {
  text-decoration: underline;
}
#modal .DownloadPdfAttachment .xls {
  pointer-events: none;
}
#modal .DownloadPdfAttachment .xls * {
  pointer-events: none;
}
#modal .DownloadPdfAttachment .xls label {
  margin-left: 10px;
  color: #979797;
}

.Attachments {
  cursor: pointer;
}
.Attachments [data-key=field-value-attachment] {
  white-space: nowrap;
  text-align: right;
}
.Attachments [data-key=field-value-attachment] .icon {
  color: #3097d3;
}
.Attachments [data-key=field-value-attachment] .counter {
  font-size: 12px;
  color: #3097d3;
}
.Attachments [data-key=field-value-attachment] * {
  pointer-events: none;
}

div[data-type=berwick-radio-button] {
  height: 100%;
  width: 100%;
}
div[data-type=berwick-radio-button] img {
  pointer-events: none;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div[data-type=berwick-radio-button]:hover {
  background: #DADADA;
}

.form-rich-text-editor {
  width: 100%;
  min-height: 40px;
}
.form-rich-text-editor.focused .comment-controller.hidden {
  display: block !important;
}
.form-rich-text-editor.focused .comment-content {
  background: #FFFDE7;
}
.form-rich-text-editor .comment-controller {
  background: #FAFAFA;
  width: calc(100% + 2px);
  display: inline-block;
  line-height: 26px;
  text-align: left;
  border: 1px solid #3097d3;
  box-sizing: border-box;
  padding: 2px;
  position: absolute;
  top: -33px;
  left: -1px;
}
.form-rich-text-editor .comment-controller.hidden {
  display: none;
}
.form-rich-text-editor .fa-expand {
  margin-left: 4px;
  float: right;
  border-right: none;
  margin-top: 2px;
}
.form-rich-text-editor .comment-controller i {
  width: 30px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  color: #3097d3;
}
.form-rich-text-editor .comment-controller i:hover {
  cursor: pointer;
  color: #0a00d8;
}

#modal .form-grid-editor {
  position: absolute;
}
#modal .form-grid-editor .Grid {
  position: absolute;
}
#modal .form-grid-editor .Grid .vertical-scroller {
  display: block;
}
#modal .form-grid-editor .Grid .horizontal-scroller {
  display: block;
}
#modal .form-grid-editor .grid-container {
  position: absolute;
  top: 35px !important;
  right: 0;
  left: 0;
  bottom: 0 !important;
  height: unset !important;
}

.form-grid-editor-wrapper {
  padding: 0 !important;
}

.form-grid-editor {
  position: relative;
}
.form-grid-editor .grid-controller {
  background: #FAFAFA;
  width: 100%;
  display: inline-block;
  text-align: left;
  border-bottom: 1px solid #3097d3 !important;
  border-bottom: none;
  box-sizing: border-box;
  padding: 6px;
}
.form-grid-editor .grid-controller button {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}
.form-grid-editor .grid-controller button:disabled, .form-grid-editor .grid-controller button.disabled {
  cursor: default;
}
.form-grid-editor .grid-container {
  position: relative;
  min-height: 50px;
}
.form-grid-editor .grid-controller i {
  font-size: 14px;
  vertical-align: middle;
}
.form-grid-editor .grid-controller i:hover {
  cursor: pointer;
  color: #0a00d8;
}
.form-grid-editor .divider {
  height: 16px !important;
  border-color: #CCCCCC !important;
}
.form-grid-editor .Grid .grid div.grid-header.top-cell .title {
  padding: 0 2px;
}
.form-grid-editor .Grid {
  position: relative;
}
.form-grid-editor .Grid .grid-wrapper {
  position: relative;
  top: 1px;
  left: 1px;
  right: -1px;
  bottom: 7px;
}
.form-grid-editor .Grid .vertical-scroller {
  display: none;
}
.form-grid-editor .Grid .horizontal-scroller {
  display: none;
}
.form-grid-editor table.grid-print-content {
  border: none !important;
  display: none;
}
.form-grid-editor table.grid-print-content tr th {
  vertical-align: middle;
  background: #FAFAFA;
  border: 1px solid;
  border-color: black;
}
.form-grid-editor table.grid-print-content tr td {
  border: 1px solid;
}
.form-grid-editor table.grid-print-content tr:first-child th, .form-grid-editor table.grid-print-content tr:first-child td {
  border-top: 1px solid transparent !important;
}
.form-grid-editor table.grid-print-content tr:last-child td {
  border-bottom: 1px solid transparent !important;
}
.form-grid-editor table.grid-print-content tr th:first-child, .form-grid-editor table.grid-print-content tr td:first-child {
  border-left: 1px solid transparent !important;
}
.form-grid-editor table.grid-print-content tr th:last-child, .form-grid-editor table.grid-print-content tr td:last-child {
  border-right: 1px solid transparent !important;
}
.form-grid-editor table.grid-print-content th.sub-title {
  font-weight: normal;
}

@media print {
  .landscape table.grid-print-content {
    max-width: 1034px !important;
  }
  .grid-editor table.grid-print-content {
    display: table !important;
  }
  .grid-editor .form-grid-editor .grid-controller, .grid-editor .form-grid-editor .grid-container {
    display: none !important;
  }
}
.form-image-editor {
  width: 100%;
  position: relative;
}
.form-image-editor .grid-container {
  position: relative;
  min-height: 50px;
}
.form-image-editor .image-controller {
  background: #FAFAFA;
  width: 100%;
  display: inline-block;
  line-height: 26px;
  text-align: left;
  border-bottom: 1px solid #3097d3 !important;
  border-bottom: none;
  box-sizing: border-box;
  padding: 2px 8px;
}
.form-image-editor .image-controller i {
  font-size: 14px;
}
.form-image-editor .image-controller .divider {
  height: 20px;
}
.form-image-editor .no-image {
  font-style: italic;
  color: #979797;
}

[data-key=field-value-multi-select] {
  cursor: pointer;
  font-weight: bold;
}

.multi-select-selection {
  display: inline-block;
  width: 100px;
  margin-left: 10px;
}

div[data-type=multi-select] {
  display: inline-block;
  margin-left: 4px;
}
div[data-type=multi-select] * {
  vertical-align: top;
}
div[data-type=multi-select] i {
  line-height: 20px;
}

[data-type=peel-list] {
  white-space: nowrap;
  padding: 2px;
  /*
      <div class="text-input-wrapper">
     <div data-key="peel-list-data" data-type="peel-list">${view.value}</div>
      <div class="peel-list-select">
  */
}
[data-type=peel-list] .peel-list-select select {
  background: none;
}
[data-type=peel-list] .text-input-wrapper div {
  margin: 3px 0px;
}
[data-type=peel-list] .text-input-wrapper .peel-list-select {
  display: inline-block;
  width: calc(100% - 25px);
}
[data-type=peel-list] .text-input-wrapper .peel-list-select[hidden] {
  display: none;
}
[data-type=peel-list] button {
  border: none;
  background: transparent;
  margin-left: 4px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 4px;
}
[data-type=peel-list] button:hover {
  background: white;
}
[data-type=peel-list] input {
  margin: 2px 0;
}
[data-type=peel-list] input:disabled {
  border-bottom: 1px solid transparent;
  pointer-events: none;
}
[data-type=peel-list] div[data-key=print-list-text] {
  display: none;
}

.user-forms.progress-rubric-editor table th, .user-forms.progress-rubric-editor table td.empty {
  pointer-events: none;
  cursor: default;
}
.user-forms.progress-rubric-editor.landscape, .user-forms.progress-rubric-editor.portrait {
  width: calc(100% - 20px) !important;
}
.user-forms.progress-rubric-editor thead .empty {
  z-index: 1;
}
.user-forms.progress-rubric-editor table td * {
  pointer-events: none;
}
.user-forms.progress-rubric-editor table td {
  cursor: pointer;
}
.user-forms.progress-rubric-editor table thead td {
  pointer-events: none;
  cursor: default;
}
.user-forms.progress-rubric-editor table {
  width: 100%;
}
.user-forms.progress-rubric-editor table thead {
  display: table-header-group;
}
.user-forms.progress-rubric-editor table thead td, .user-forms.progress-rubric-editor table thead th {
  position: sticky;
  top: -1px;
}
.user-forms.progress-rubric-editor .table-wrapper {
  position: absolute;
  top: 60px;
  left: 10px;
  right: 30px;
  bottom: 0;
  overflow: scroll;
}

.user-forms [data-type=stawell-smiley-radio] table {
  width: 100%;
}
.user-forms [data-type=stawell-smiley-radio] table td {
  width: 20%;
  text-align: center;
  border: 1px solid transparent !important;
  padding: 20px;
}
.user-forms [data-type=stawell-smiley-radio] table td img {
  opacity: 0.4;
  cursor: pointer;
  height: 150px;
  width: 150px;
}
.user-forms [data-type=stawell-smiley-radio] table td img:hover {
  opacity: 1;
}
.user-forms [data-type=stawell-smiley-radio] table td img.selected {
  opacity: 1;
  cursor: default;
}

.user-forms [data-type=stawell-value-editor] table {
  width: 100%;
}
.user-forms [data-type=stawell-value-editor] table td {
  width: 20%;
  text-align: center;
  border: 1px solid transparent !important;
  padding: 20px;
}
.user-forms [data-type=stawell-value-editor] table td div {
  border-radius: 50%;
  height: 150px;
  width: 150px;
  overflow: hidden;
  cursor: pointer;
}
.user-forms [data-type=stawell-value-editor] table td div.selected {
  cursor: default;
}
.user-forms [data-type=stawell-value-editor] table td div.selected img {
  opacity: 1;
}
.user-forms [data-type=stawell-value-editor] table td div.selected img.off {
  display: none;
}
.user-forms [data-type=stawell-value-editor] table td div.selected img.on {
  display: block;
}
.user-forms [data-type=stawell-value-editor] table td div img {
  cursor: pointer;
  opacity: 0.5;
  pointer-events: none;
  height: 150px;
  width: 150px;
}
.user-forms [data-type=stawell-value-editor] table td div img.on {
  display: none;
}
.user-forms [data-type=stawell-value-editor] table td div img.off {
  display: block;
}
.user-forms [data-type=stawell-value-editor] table td div:hover img {
  opacity: 1;
}

.FormsControlBar {
  display: inline-block;
}
.FormsControlBar .undo, .FormsControlBar .redo {
  font-size: 14px;
}
.FormsControlBar .wrapper {
  display: inline-block;
  position: relative;
}
.FormsControlBar button div, .FormsControlBar button i {
  pointer-events: none;
}
.FormsControlBar button.disabled {
  pointer-events: none;
  cursor: default;
}
.FormsControlBar button.disabled i.fal, .FormsControlBar button.disabled div {
  color: #979797;
}
.FormsControlBar button .fa-user {
  border: 1px solid;
  padding: 3px 3px 1px 3px;
  font-size: 12px;
}
.FormsControlBar .button-prompt {
  top: 25px;
  left: 0;
  padding: 2px;
}

#form-copy-button {
  display: inline-block;
  font-size: 12px;
}

.FormController select {
  font-size: 12px;
}
.FormController .MenuButton {
  vertical-align: unset !important;
}
.FormController [data-key=grid-remove], .FormController [data-key=grid-down] {
  margin-left: 2px;
}
.FormController table {
  background: white;
}
.FormController [data-type=assessment] {
  padding: 1px 6px;
}
.FormController div[data-type=radio][data-group] {
  margin-left: 4px;
}
.FormController div[data-type=radio][data-group] label span, .FormController div[data-type=radio][data-group] label input {
  vertical-align: middle;
  line-height: 24px;
  margin-top: 0;
}
.FormController div[data-type=radio][data-group] label span {
  width: auto;
}
.FormController div[data-type=radio][data-group].inline {
  display: inline-block;
  width: auto;
}
.FormController .grid-header:not(.top-cell) span.title {
  color: #676767;
  font-size: 12px !important;
}

div[data-type=checkbox] {
  display: inline-block;
}
div[data-type=checkbox] label input, div[data-type=checkbox] label span {
  vertical-align: middle;
  width: auto;
}
div[data-type=checkbox][data-alignment=left] input {
  margin-left: 10px;
  margin-right: 0px;
}
div[data-type=checkbox][data-alignment=right] input {
  margin-left: 0;
  margin-right: 8px;
}

#form-container.archived-form input, #form-container.archived-form select, #form-container.archived-form button, #form-container.archived-form .grid-cell, #form-container.archived-form .comment-content, #form-container.archived-form [data-type=progress-report-cell] {
  pointer-events: none;
}
#form-container.archived-form input {
  accent-color: #CCCCCC;
}
#form-container.archived-form table {
  background: #FAFAFA !important;
}
#form-container.archived-form .grid-editor .fal.fa-paperclip, #form-container.archived-form .grid-editor .counter {
  color: #CCCCCC !important;
}
#form-container.archived-form .grid-editor * {
  pointer-events: none;
}
#form-container.archived-form .image-editor button i,
#form-container.archived-form .grid-editor button i {
  color: #CCCCCC !important;
}

#form-control-bar.archived-form Button.undo, #form-control-bar.archived-form Button.redo, #form-control-bar.archived-form .divider.active {
  display: none;
}

@media print {
  #content {
    left: 0;
  }
  #side-nav {
    display: none;
  }
  body.print-forms input {
    accent-color: #2e76ff !important;
  }
  body.print-forms > div:not(#body) {
    display: none;
  }
  body.print-forms #content > div:not(#form-container):not(.PageController) {
    display: none;
  }
  body.print-forms .page-content {
    top: 0;
  }
  body.print-forms .page-content .preview-content {
    left: 0;
    top: 0;
  }
  body.print-forms .page-content .preview-content table.wrapper {
    background: none;
  }
  body.print-forms #content div.PageController .FormTemplateEditor .edit-side-nav, body.print-forms #content div.PageController .FormTemplateEditor > h1 {
    display: none;
  }
  body.print-forms #content div.PageController .FormTemplateEditor .page-content .left-fields, body.print-forms #content div.PageController .FormTemplateEditor .page-content .right-fields {
    display: none;
  }
  body.print-forms #content div.PageController .FormTemplateEditor .template-editor {
    display: none;
  }
  body.print-forms #content {
    min-width: 0 !important;
  }
  body.print-forms .grid-controller, body.print-forms .comment-controller {
    display: none !important;
  }
  body.print-forms #preview-content, body.print-forms .FormEdit #form-container {
    width: 100%;
    position: relative;
    top: 0;
  }
  body.print-forms #preview-content table tr td.editor, body.print-forms .FormEdit #form-container table tr td.editor {
    padding: 0 !important;
  }
  body.print-forms #preview-content select, body.print-forms .FormEdit #form-container select {
    -moz-appearance: none;
    -webkit-appearance: none;
    color: black !important;
  }
  body.print-forms #preview-content select::-ms-expand, body.print-forms .FormEdit #form-container select::-ms-expand {
    display: none;
    color: black !important;
  }
  body.print-forms #body {
    top: 0 !important;
  }
  body.print-forms input, body.print-forms select, body.print-forms textarea, body.print-forms [contenteditable=true] {
    background: none;
  }
  body.print-forms .avoid-break {
    page-break-inside: avoid;
    padding-top: 5em;
  }
  body.print-forms .grid-controller, body.print-forms .selected-cell {
    display: none !important;
  }
  body.print-forms .selected-row-cell {
    border-right: 1px solid #EAEAEA !important;
    background: none !important;
  }
}
.grid-controller button i {
  pointer-events: none;
}

.image-controller button i {
  pointer-events: none;
}

.FormDetails {
  font-size: 12px;
  min-width: 800px;
}
.FormDetails .collapse-button {
  position: absolute;
  top: -22px;
  right: 2px;
  font-size: 12px;
  font-family: "manrope-medium";
}
.FormDetails.focused [data-key=notes] {
  background: #FFFDE7 !important;
}
.FormDetails .ilp-details-image-wrapper {
  position: relative;
  z-index: 10;
}
.FormDetails .ilp-details-image-wrapper img {
  z-index: 11;
  pointer-events: all;
}
.FormDetails input, .FormDetails select, .FormDetails label {
  font-size: 12px;
}
.FormDetails .controls {
  display: inline-block;
  float: right;
}
.FormDetails .main-control-bar {
  height: 40px;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  line-height: 40px;
  top: 0px;
  left: 0;
  right: 0;
}
.FormDetails .main-control-bar .fa-redo, .FormDetails .main-control-bar .fa-undo {
  font-size: 14px;
}
.FormDetails .student-name {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
}
.FormDetails .columns {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 90px 420px auto;
}
.FormDetails input.date {
  width: 80px;
}
.FormDetails input, .FormDetails textarea, .FormDetails .date.datepicker-input {
  border: 1px solid #3097d3;
  outline: none !important;
}
.FormDetails .cb {
  line-height: 15px;
  display: inline-block;
  vertical-align: middle;
}
.FormDetails label {
  display: inline-block;
  margin-bottom: 10px;
}
.FormDetails input[type=checkbox] {
  margin-left: 0;
}
.FormDetails input.date.datepicker-input.error {
  border: 1px solid red !important;
}
.FormDetails input.date.datepicker-input:focus {
  box-shadow: none !important;
}
.FormDetails .description input {
  width: 320px;
}
.FormDetails .description input.error {
  border: 1px solid red;
}
.FormDetails .description label {
  width: 80px;
}
.FormDetails .col-1 {
  display: inline-block;
  margin-right: 20px;
}
.FormDetails .col-1 label {
  width: 80px;
}
.FormDetails .col-2 {
  display: inline-block;
}
.FormDetails .col-2 label {
  width: 50px;
}
.FormDetails .col-2 select {
  max-width: 150px;
}
.FormDetails .col-3 label {
  width: 40px;
  margin-top: 1px;
}
.FormDetails .col-3 .notes {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  left: 560px;
  right: 0;
  margin-top: 1px;
  display: inline-block;
}
.FormDetails .col-3 [data-key=notes] {
  height: 75px;
  resize: none;
  overflow-y: auto;
  border: 1px solid #3097d3;
  font-size: 12px;
  display: inline-block;
  padding: 2px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  pointer-events: all;
  background: white;
  padding: 2px;
  text-align: left;
  white-space: pre-wrap;
}
.FormDetails .col-3 [data-key=notes] ul {
  list-style-type: disc !important;
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
.FormDetails .notes-label {
  vertical-align: top;
}
.FormDetails .notes-paragraph {
  border: 1px solid #DEDEDE;
  position: absolute;
  top: 41px;
  left: 554px;
  right: 16px;
  height: 100px;
  overflow-y: auto;
  padding: 2px;
}
.FormDetails .notes-paragraph p {
  vertical-align: top;
}
.FormDetails img {
  width: 75px;
  border: 1px solid #EAEAEA;
  padding: 1px;
}
.FormDetails .comment-content {
  border: none;
  outline: none;
  pointer-events: all;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2px;
  text-align: left;
  white-space: pre;
}
.FormDetails .comment-controller {
  background: #FAFAFA;
  width: 100%;
  display: inline-block;
  line-height: 26px;
  text-align: left;
  border: 1px solid #979797;
  border-bottom: none;
  box-sizing: border-box;
}
.FormDetails .comment-controller .fa-expand {
  float: right;
  border-right: none;
  margin-top: 2px;
}
.FormDetails .comment-controller i {
  width: 30px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  color: #3097d3;
}
.FormDetails .comment-controller i.first {
  margin-left: 4px;
}
.FormDetails .comment-controller i.selected {
  color: #0a00d8;
}
.FormDetails .comment-controller i:hover {
  cursor: pointer;
  color: #0a00d8;
}

.FormInsert {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.FormInsert .form-search-box {
  position: absolute;
  left: 10px;
  top: 43px;
  width: 200px;
  height: 21px;
}
.FormInsert .save-controls {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
}
.FormInsert .prompt {
  width: 800px !important;
  height: 680px;
}
.FormInsert .sub-headers {
  position: absolute;
  right: 10px;
  top: 45px;
  vertical-align: middle;
  font-size: 12px;
  z-index: 10;
}
.FormInsert .sub-headers input, .FormInsert .sub-headers span {
  vertical-align: middle;
}
.FormInsert .sub-headers span {
  margin-right: 5px;
}
.FormInsert #templates {
  display: none;
}
.FormInsert.has-templates #templates {
  display: block;
  position: absolute;
  top: 3px;
  left: 10px;
}
.FormInsert.has-templates #templates span, .FormInsert.has-templates #templates select {
  font-size: 12px;
}
.FormInsert.has-templates .prompt-body {
  top: 112px !important;
}
.FormInsert.has-templates .prompt-bar {
  background: white !important;
}
.FormInsert.has-templates .prompt-bar-bg {
  background: #F7F7F7;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  height: 36px;
}
.FormInsert .prompt-bar {
  border-bottom: none !important;
}
.FormInsert .prompt-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-bottom: 1px solid #CCCCCC;
  padding-left: 10px;
  box-sizing: border-box;
}
.FormInsert .prompt-body {
  top: 81px !important;
}
.FormInsert .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #3097d3;
  cursor: pointer;
  font-size: 16px;
}
.FormInsert .close-button:hover {
  color: #0a00d8;
}
.FormInsert .button-prompt {
  top: 17px;
  right: 10px;
  z-index: 11;
}
.FormInsert input[type=checkbox] {
  padding: 0;
  margin: 0;
}
.FormInsert input[type=text], .FormInsert textarea {
  border: 1px solid #0d7cc1;
  outline: none;
  font-size: 12px;
  margin-bottom: 4px;
  width: 418px;
  resize: none;
}
.FormInsert h1 {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
}

.FormMultiSelectOptions {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.FormMultiSelectOptions .save-controls {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
}
.FormMultiSelectOptions .prompt {
  height: 680px;
  width: 600px;
}
.FormMultiSelectOptions .prompt-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-bottom: 1px solid #CCCCCC;
  padding-left: 10px;
  box-sizing: border-box;
}
.FormMultiSelectOptions .prompt-bar .selection[hidden] {
  display: none !important;
}
.FormMultiSelectOptions .prompt-body {
  top: 90px !important;
  font-size: 12pt;
}
.FormMultiSelectOptions .prompt-body [data-key=item] {
  margin-bottom: 4pt;
  vertical-align: middle;
}
.FormMultiSelectOptions .prompt-body [data-key=item]:hover {
  cursor: pointer;
}
.FormMultiSelectOptions .prompt-body [data-key=item] * {
  pointer-events: none;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.FormMultiSelectOptions .prompt-body [data-key=item] input {
  margin-right: 6pt;
}
.FormMultiSelectOptions .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #3097d3;
  cursor: pointer;
  font-size: 16px;
}
.FormMultiSelectOptions .close-button:hover {
  color: #0a00d8;
}
.FormMultiSelectOptions .button-prompt {
  top: 17px;
  right: 10px;
  z-index: 11;
}
.FormMultiSelectOptions input[type=checkbox] {
  padding: 0;
  margin: 0;
}
.FormMultiSelectOptions h1 {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
}
.FormMultiSelectOptions.searchable .table-container {
  top: 40px;
}
.FormMultiSelectOptions .table-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0px;
  overflow-x: hidden;
  overflow-y: auto;
}
.FormMultiSelectOptions table.items {
  border-collapse: collapse;
  width: 100%;
}
.FormMultiSelectOptions table.items td {
  border: 1px solid #CCCCCC;
  padding: 4px;
}
.FormMultiSelectOptions table.items td input[type=checkbox] {
  margin: 0 !important;
}
.FormMultiSelectOptions table.items td:nth-child(1) {
  width: 0px;
}
.FormMultiSelectOptions table.items tr:nth-child(even) {
  background: #FDFDFD;
}
.FormMultiSelectOptions table.items tr:hover {
  background: #FAFAFA;
  cursor: pointer;
}
.FormMultiSelectOptions .search-box-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 24px;
}
.FormMultiSelectOptions .search-box-container button {
  margin-bottom: 0 !important;
  outline: none;
}
.FormMultiSelectOptions .search-box-container .search-box i[data-key=clear-search] {
  font-weight: bold;
  margin-top: 2px;
  display: inline-block;
}
.FormMultiSelectOptions .search-box-container .search-box i[data-key=clear-search][hidden] {
  display: none;
}

.FormPermissions .prompt {
  width: 660px !important;
  height: 640px;
}
.FormPermissions .prompt .grid-box {
  position: relative;
  width: 640px;
  height: 460px;
}
.FormPermissions .prompt .grid-box .Grid .grid-cell.read-only {
  background: white;
}
.FormPermissions .prompt-body {
  overflow-x: hidden;
}
.FormPermissions .includes {
  color: #979797;
}
.FormPermissions input[data-key=name] {
  border: 1px solid #0d7cc1;
  width: 495px;
  font-size: 12px;
  padding: 4px;
  font-weight: bold;
}
.FormPermissions input[data-key=name].error {
  border: 1px solid red;
}
.FormPermissions .duplicated-error {
  color: orangered;
  position: absolute;
  right: 20px;
  top: 104px;
}
.FormPermissions .duplicated-error.hidden {
  display: none;
}
.FormPermissions .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #3097d3;
  cursor: pointer;
  font-size: 16px;
}
.FormPermissions .close-button:hover {
  color: #db2e26;
}
.FormPermissions .prompt-body > div {
  margin-top: 10px;
  margin-bottom: 10px;
}
.FormPermissions label.available-to, .FormPermissions label.myself {
  width: 130px;
  display: inline-block;
}
.FormPermissions #selection label.radiobox-container, .FormPermissions #view-selection label.radiobox-container {
  margin-right: 10px;
}
.FormPermissions #view-selection label.available-to {
  width: 130px;
  display: inline-block;
}
.FormPermissions #default-selection label {
  width: 130px;
  display: inline-block;
}
.FormPermissions #default-selection .checkbox-container {
  vertical-align: top;
  width: 20px;
  height: 20px;
}
.FormPermissions #default-selection .checkbox-container i {
  font-size: 16px;
}
.FormPermissions .search-bar {
  position: relative;
  height: 24px;
  width: 200px;
}
.FormPermissions .search-bar button {
  margin-bottom: 0 !important;
}
.FormPermissions [data-key=user-warning] {
  position: absolute;
  left: 220px;
  top: 123px;
  color: orangered;
}
.FormPermissions i.checkbox {
  font-size: 16px;
  font-size: 16px;
}
.FormPermissions .side-label {
  width: 130px;
  display: inline-block;
}
.FormPermissions .selection-label {
  display: inline-block;
}
.FormPermissions label {
  vertical-align: middle;
  font-size: 12px;
}
.FormPermissions .checkmark {
  font-size: 16px !important;
}
.FormPermissions #default-selection-admin .checkbox-container {
  margin-left: 8px;
}

.FormPreviewStudentSelection {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.FormPreviewStudentSelection .form-search-box {
  position: absolute;
  left: 10px;
  top: 8px;
  width: 200px;
  height: 21px;
}
.FormPreviewStudentSelection .save-controls {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
}
.FormPreviewStudentSelection .prompt {
  width: 800px !important;
  height: 680px;
}
.FormPreviewStudentSelection .sub-headers {
  position: absolute;
  right: 10px;
  top: 45px;
  vertical-align: middle;
  font-size: 12px;
  z-index: 10;
}
.FormPreviewStudentSelection .sub-headers input, .FormPreviewStudentSelection .sub-headers span {
  vertical-align: middle;
}
.FormPreviewStudentSelection .sub-headers span {
  margin-right: 5px;
}
.FormPreviewStudentSelection #templates {
  display: none;
}
.FormPreviewStudentSelection.has-templates #templates {
  display: block;
  position: absolute;
  top: 50px;
  left: 10px;
}
.FormPreviewStudentSelection.has-templates #templates span, .FormPreviewStudentSelection.has-templates #templates select {
  font-size: 12px;
}
.FormPreviewStudentSelection.has-templates .prompt-body {
  top: 112px !important;
}
.FormPreviewStudentSelection.has-templates .prompt-bar {
  top: 73px !important;
  border-top: 1px solid #EAEAEA;
}
.FormPreviewStudentSelection.has-templates .save-controls {
  top: -32px;
}
.FormPreviewStudentSelection .prompt-bar {
  border-bottom: none !important;
}
.FormPreviewStudentSelection .prompt-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-bottom: 1px solid #CCCCCC;
  padding-left: 10px;
  box-sizing: border-box;
}
.FormPreviewStudentSelection .prompt-body {
  top: 77px !important;
}
.FormPreviewStudentSelection .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #3097d3;
  cursor: pointer;
  font-size: 16px;
}
.FormPreviewStudentSelection .close-button:hover {
  color: #0a00d8;
}
.FormPreviewStudentSelection .button-prompt {
  top: 17px;
  right: 10px;
  z-index: 11;
}
.FormPreviewStudentSelection input[type=checkbox] {
  padding: 0;
  margin: 0;
}
.FormPreviewStudentSelection input[type=text], .FormPreviewStudentSelection textarea {
  border: 1px solid #0d7cc1;
  outline: none;
  font-size: 12px;
  margin-bottom: 4px;
  width: 418px;
  resize: none;
}
.FormPreviewStudentSelection h1 {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
}

#modal .FormReviewDate .prompt {
  width: 400px !important;
  height: 200px;
}
#modal .FormReviewDate .prompt .prompt-body {
  position: absolute;
  top: 80px;
}
#modal .FormReviewDate .prompt input {
  border: 1px solid #3097d3;
  outline: none !important;
  width: 80px;
}

.FormsArchiveButton {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  vertical-align: middle;
  margin-left: 6px;
}
.FormsArchiveButton.gap-right {
  margin-right: 10px;
}
.FormsArchiveButton div {
  font-size: 10px;
  line-height: 10px;
  margin-top: 2px;
}
.FormsArchiveButton:disabled,
.FormsArchiveButton [disabled] {
  pointer-events: none;
  cursor: default;
}
.FormsArchiveButton:disabled div,
.FormsArchiveButton [disabled] div {
  color: #EAEAEA;
}
.FormsArchiveButton:disabled.nav div,
.FormsArchiveButton [disabled].nav div {
  color: #777777;
}

.FormsFilterButton {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  vertical-align: middle;
}
.FormsFilterButton.gap-right {
  margin-right: 10px;
}
.FormsFilterButton div {
  font-size: 10px;
  line-height: 10px;
  margin-top: 2px;
}
.FormsFilterButton:disabled,
.FormsFilterButton [disabled] {
  pointer-events: none;
  cursor: default;
}
.FormsFilterButton:disabled div,
.FormsFilterButton [disabled] div {
  color: #EAEAEA;
}
.FormsFilterButton:disabled.nav div,
.FormsFilterButton [disabled].nav div {
  color: #777777;
}

#download-content {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100000;
  display: none;
}

.FormsRefreshButton {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  vertical-align: middle;
}
.FormsRefreshButton div {
  font-size: 10px;
  line-height: 10px;
  margin-top: 2px;
}
.FormsRefreshButton.disabled, .FormsRefreshButton:disabled,
.FormsRefreshButton [disabled] {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.FormsRefreshButton .fa-exclamation {
  color: #db2e26;
  font-size: 17px;
}
.FormsRefreshButton .fa-exclamation.hidden {
  color: white;
}

.FormTemplateSaveController button:disabled, .FormTemplateSaveController button[disabled] {
  opacity: 0.5;
}
.FormTemplateSaveController button i.fal.fa-circle-arrow-left, .FormTemplateSaveController button i.fal.fa-floppy-disk, .FormTemplateSaveController button i.fal.fa-undo {
  color: black;
  margin: 0;
}
.FormTemplateSaveController button i.fal.fa-circle-arrow-left {
  font-size: 20px;
}
.FormTemplateSaveController button i.fal.fa-floppy-disk, .FormTemplateSaveController button i.fal.fa-undo {
  font-size: 18px;
}

#full-screen {
  display: inline-block;
}
#full-screen [data-key=normal-screen] {
  margin-top: 6px;
}
#full-screen .FullScreen Button i {
  margin-left: 0 !important;
  font-size: 15px;
}
#full-screen .FullScreen [data-key=normal-screen] {
  display: none;
}

body.full-screen #full-screen .FullScreen [data-key=full-screen] {
  display: inline-block;
}
body.full-screen #full-screen .FullScreen [data-key=normal-screen] {
  display: none;
}
body.full-screen #header {
  height: 42px;
  border: none;
}
body.full-screen #header .header-nav-bar {
  display: none;
}
body.full-screen #header .container, body.full-screen #header #SchoolName {
  display: none;
}
body.full-screen #header #UserName {
  top: 7px;
}
body.full-screen #TopNavMenu, body.full-screen #full-screen {
  top: 0;
  z-index: 2;
}
body.full-screen #body, body.full-screen .body-bg, body.full-screen #loader {
  top: 42px !important;
}
body.full-screen body.login #full-screen {
  display: none;
}

#full-screen .FullScreen [data-key=full-screen] {
  display: none;
}
#full-screen .FullScreen [data-key=normal-screen] {
  display: inline-block;
}

.ChartSettings .prompt {
  width: 1227px !important;
  height: 662px;
}
.ChartSettings .prompt-header {
  height: 54px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-bottom: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding-left: 10px;
  box-sizing: border-box;
}
.ChartSettings .prompt-header.single .title {
  line-height: 34px;
}
.ChartSettings .prompt-header.single .sub-title {
  display: none;
}
.ChartSettings .prompt-header .title {
  font-size: 18px;
  color: white;
}
.ChartSettings .prompt-header .sub-title {
  font-size: 12px !important;
  font-family: "manrope-medium" !important;
  line-height: 14px !important;
  color: white;
}
.ChartSettings .prompt-bar {
  height: 32px;
  border-bottom: 1px solid #EAEAEA;
  line-height: 30px;
  position: absolute;
  top: 53px;
  left: 0;
  right: 0;
}
.ChartSettings .prompt-bar .save-controls {
  display: inline-block;
  float: right;
  margin-right: 14px;
}
.ChartSettings .prompt-bar .show-values {
  display: inline-block;
  height: 93px;
  vertical-align: top;
  width: 200px;
  font-size: 12px;
  text-align: left;
  margin-left: 20px;
}
.ChartSettings .assessment-name, .ChartSettings .student-name {
  font-size: 12px;
}
.ChartSettings .prompt-body {
  position: absolute;
  top: 94px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 10px;
  font-size: 12px;
}
.ChartSettings .prompt-body .no-student-selected {
  position: absolute;
  padding: 10px;
  top: 401px;
  left: 59px;
  overflow: visible;
  z-index: 100;
}
.ChartSettings .prompt-body .no-student-selected span {
  font-size: 16px;
  position: relative;
  color: darkred;
}
.ChartSettings .prompt-body h1 {
  margin: 32px 0 8px 0;
  font-size: 22px;
}
.ChartSettings .prompt-body h1.top-header {
  margin-top: 0;
}
.ChartSettings .prompt-body hr {
  margin: 20px 0;
}
.ChartSettings .prompt-body .selected span, .ChartSettings .prompt-body .selected select {
  font-family: "manrope-semi-bold";
}
.ChartSettings .prompt-body .disabled {
  pointer-events: none;
  opacity: 0.2;
}
.ChartSettings .prompt-body .disabled select, .ChartSettings .prompt-body .disabled span, .ChartSettings .prompt-body .disabled i {
  color: #979797 !important;
}
.ChartSettings .prompt-body select {
  border: none;
  outline: none;
  font-size: 12px;
  cursor: pointer;
  font-family: "manrope-medium" !important;
}
.ChartSettings .prompt-body .type {
  margin-bottom: 6px;
}
.ChartSettings .chart-option-settings {
  width: 180px;
  display: inline-block;
  margin-left: 400px;
  vertical-align: top;
}
.ChartSettings .chart-option-settings .title {
  font-family: "manrope-semi-bold";
  margin-bottom: 4px;
}
.ChartSettings .benchmarks .na {
  display: none;
}
.ChartSettings .benchmarks.disabled .na {
  display: inline-block;
}
.ChartSettings .benchmarks .checkbox-container {
  display: block;
}
.ChartSettings .means {
  margin-top: 24px;
}
.ChartSettings .means.disabled .na {
  display: inline-block;
}
.ChartSettings .means .checkbox-container {
  display: block;
}
.ChartSettings .result-values {
  margin-top: 24px;
}
.ChartSettings .apply-to-all {
  display: inline-block;
  margin-left: 40px;
  padding-left: 40px;
  height: 93px;
  vertical-align: top;
  width: 200px;
}
.ChartSettings .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #3097d3;
  cursor: pointer;
  font-size: 16px;
}
.ChartSettings .close-button:hover {
  color: #0a00d8;
}
.ChartSettings .button-prompt {
  top: 17px;
  right: 10px;
  z-index: 1;
}
.ChartSettings div.checkbox {
  margin-bottom: 6px;
  font-size: 14px;
}
.ChartSettings div.checkbox span {
  font-size: 12px;
}
.ChartSettings hr {
  height: 0px;
  border: none;
  border-top: 1px solid #EAEAEA;
}
.ChartSettings .chart-selection {
  vertical-align: top;
  white-space: nowrap;
}
.ChartSettings .chart-selection .bottom {
  margin-top: 20px;
}
.ChartSettings .chart-settings {
  white-space: nowrap;
  margin-top: 40px;
}
.ChartSettings .chart-wrapper {
  width: 180px;
  height: 210px;
  border: 2px solid #EAEAEA;
  border-radius: 10px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin: 1px 11px 1px 1px;
}
.ChartSettings .chart-wrapper .options {
  position: absolute;
  top: 24px;
  left: 10px;
  right: 10px;
  padding-bottom: 2px;
  font-size: 11px;
  text-align: center;
}
.ChartSettings .chart-wrapper .options .option {
  display: inline-block;
  text-align: center;
}
.ChartSettings .chart-wrapper .options .option span {
  padding-left: 5px;
  color: #979797;
}
.ChartSettings .chart-wrapper:hover {
  border-color: #3097d3;
}
.ChartSettings .chart-wrapper:hover h1, .ChartSettings .chart-wrapper:hover h2 {
  text-decoration: underline;
}
.ChartSettings .chart-wrapper.selected {
  border-color: #3097d3;
}
.ChartSettings .chart-wrapper .header {
  text-align: center;
  height: 40px;
  margin-top: 4px;
}
.ChartSettings .chart-wrapper .header h1 {
  font-size: 15px;
  margin: 0;
}
.ChartSettings .chart-wrapper .header h2 {
  font-size: 11px;
  font-family: "manrope-semi-bold";
  margin: 0;
  color: #979797;
}
.ChartSettings .chart-wrapper img, .ChartSettings .chart-wrapper h1, .ChartSettings .chart-wrapper h2 {
  pointer-events: none;
}
.ChartSettings .chart-wrapper img {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 160px;
}

.thumbnail #student-details {
  height: 49px;
  overflow: hidden;
}
.thumbnail .ChartStudentDetails img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}
.thumbnail .ChartStudentDetails .details {
  margin-left: 53px;
  top: 10px;
}
.thumbnail .ChartStudentDetails .nav {
  margin-left: 43px;
  top: 13px;
}

.ChartStudentDetails {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  height: 43px;
  padding-left: 1px;
  right: 0;
}
.ChartStudentDetails.none-selected .nav {
  display: none;
}
.ChartStudentDetails.none-selected .details {
  left: 10px;
  margin-left: 0;
}
.ChartStudentDetails.none-selected img {
  display: none;
}
.ChartStudentDetails .student-indicators, .ChartStudentDetails [data-key=className] {
  font-family: "manrope-medium" !important;
  line-height: 20px;
  vertical-align: bottom !important;
}
.ChartStudentDetails [data-key=studentName] {
  font-family: "manrope-semi-bold";
  white-space: nowrap;
  vertical-align: bottom !important;
}
.ChartStudentDetails .map-selected-student {
  font-size: 18px;
}
.ChartStudentDetails img {
  outline: none;
  display: none;
  height: 49px;
  z-index: 10;
  border-right: 1px solid #eaeaea;
}
.ChartStudentDetails .details {
  position: absolute;
  top: 2px;
  left: 54px;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 28px;
  right: 10px;
}
.ChartStudentDetails .details span {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.ChartStudentDetails .details span.student-indicators {
  max-width: calc(100% - 300px);
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  width: auto;
}
.ChartStudentDetails .nav {
  font-size: 18px;
  position: absolute;
  top: 3px;
  left: 10px;
  width: 60px;
}
.ChartStudentDetails .nav i {
  cursor: pointer;
}
.ChartStudentDetails .nav i:hover {
  color: #0a00d8;
}
.ChartStudentDetails .nav i.disabled {
  pointer-events: none;
  color: #BABABA;
  cursor: default;
}

.ChartStudentListing {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.ChartStudentListing .prompt {
  width: 600px;
  max-height: 600px;
}
.ChartStudentListing .prompt-body {
  max-height: 420px;
  margin-bottom: 10px;
  position: relative;
  height: 400px;
}
.ChartStudentListing .table-wrapper {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ChartStudentListing .prompt-header .name {
  font-size: 14px;
  vertical-align: middle;
  width: 580px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  color: white;
}
.ChartStudentListing .prompt-header .details {
  font-size: 11px;
  margin-top: 4px;
  color: white;
}
.ChartStudentListing .prompt-header .details span {
  font-family: "manrope-semi-bold";
  margin-right: 20px;
  color: white;
}
.ChartStudentListing .prompt-header .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: white;
  cursor: pointer;
  font-size: 16px;
}
.ChartStudentListing .prompt-header .close-button:hover {
  color: #0a00d8;
}
.ChartStudentListing button span, .ChartStudentListing button i {
  pointer-events: none;
}
.ChartStudentListing button[data-key=remove] i.fal {
  color: darkred;
}
.ChartStudentListing button[data-key=remove] i.fal:hover {
  color: black;
}
.ChartStudentListing .button-prompt {
  top: 17px;
  right: 10px;
  z-index: 1;
}
.ChartStudentListing table {
  width: auto !important;
  font-size: 11px;
  max-height: 100px;
  overflow: auto;
}
.ChartStudentListing table thead tr:nth-child(1) th {
  background: white;
  position: sticky;
  top: 0;
  z-index: 10;
}
.ChartStudentListing table th {
  text-align: left;
}
.ChartStudentListing table td, .ChartStudentListing table th {
  padding-right: 40px;
}
.ChartStudentListing table tr.archived td {
  text-decoration: line-through;
  color: #BABABA;
}

.MapChartList {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}
.MapChartList .assessment-items div.wrapper {
  line-height: 16px;
  margin-top: 2px;
}
.MapChartList div.wrapper i.student-text.far[data-key=highlight] {
  color: #979797;
  pointer-events: none !important;
}
.MapChartList div.wrapper.selected i.student-text.far[data-key=highlight] {
  color: #3097d3;
  pointer-events: all !important;
}
.MapChartList div.wrapper {
  border-bottom: 1px solid #EAEAEA;
  font-size: 12px;
  padding: 6px 8px;
  position: relative;
  cursor: pointer;
}
.MapChartList div.wrapper:hover * {
  text-decoration: underline !important;
}
.MapChartList div.wrapper[data-key=thumbnail] {
  line-height: 15px;
}
.MapChartList div.wrapper .class-name {
  font-family: "manrope-medium" !important;
}
.MapChartList div.wrapper .spacer {
  display: none;
  height: 2em;
}
.MapChartList div.wrapper.open .spacer {
  display: block;
}
.MapChartList div.wrapper[data-key=thumbnail] {
  height: 53px;
}
.MapChartList div.wrapper[data-key=thumbnail] img {
  border: 1px solid #CCCCCC;
  width: 38px;
}
.MapChartList div.wrapper[data-key=page] i {
  margin-right: 4px;
}
.MapChartList div.wrapper[data-key=page] .assessment-name {
  font-family: "manrope-semi-bold";
  font-size: 14px;
}
.MapChartList div.wrapper[data-key=page] .assessment-items {
  display: none;
  border-top: 1px solid #979797;
  margin-top: 2px;
}
.MapChartList div.wrapper[data-key=page].open .assessment-items {
  display: block;
}
.MapChartList div.wrapper[data-key=assessment-item] i {
  position: absolute;
  top: 3px;
  left: -1px;
}
.MapChartList div.wrapper[data-key=assessment-item] .assessment-details {
  margin-left: 20px;
  pointer-events: none;
}
.MapChartList div.wrapper[data-key=assessment-item] .assessment-details .assessment-title {
  font-family: "manrope-semi-bold";
}
.MapChartList div.wrapper .class-name, .MapChartList div.wrapper .student-name, .MapChartList div.wrapper i, .MapChartList div.wrapper .assessment-name, .MapChartList div.wrapper .assessment-date, .MapChartList div.wrapper .student-details-no-thumbnail, .MapChartList div.wrapper .student-details-thumbnail {
  pointer-events: none;
}
.MapChartList div.wrapper .archived .student-name, .MapChartList div.wrapper .archived .class-name {
  text-decoration: line-through;
  color: #BABABA;
}
.MapChartList div.wrapper .student-name {
  display: inline-block;
  width: calc(100% - 20px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MapChartList div.wrapper .assessment-item {
  pointer-events: none;
  margin-left: 16px;
  position: absolute;
  left: 16px;
  top: 2px;
}
.MapChartList div.wrapper .check-box {
  position: absolute;
  top: 0;
}
.MapChartList div.wrapper i.student-text {
  position: absolute;
  right: 3px;
  bottom: 3px;
}
.MapChartList div.wrapper i.student-text.far {
  bottom: 3px;
  right: 4px;
  pointer-events: all !important;
  cursor: pointer;
  z-index: 2;
}
.MapChartList div.wrapper .class-name {
  margin-right: 4px;
  pointer-events: none;
}
.MapChartList div.wrapper i {
  margin-left: 4px;
  color: #3097d3;
  cursor: pointer;
}
.MapChartList div.wrapper.highlighted {
  background: rgba(149, 195, 239, 0.2392156863);
  font-family: "manrope-semi-bold";
}
.MapChartList div.wrapper img {
  pointer-events: none;
}
.MapChartList div.wrapper .student-details-thumbnail {
  position: absolute;
  top: 5px;
  left: 50px;
  right: 0;
  pointer-events: none;
}
.MapChartList div.wrapper .student-details-thumbnail .class-name {
  line-height: 12px;
  margin-bottom: 6px;
}
.MapChartList div.wrapper .student-details-thumbnail icon, .MapChartList div.wrapper .student-details-thumbnail div {
  pointer-events: none;
}
.MapChartList div.wrapper .student-details-thumbnail i {
  margin: 0;
}
.MapChartList div.wrapper .student-details-thumbnail [data-key=highlight] {
  position: absolute;
  right: 10px;
  bottom: 0px;
  pointer-events: all;
  font-size: 14px;
  cursor: pointer;
}

.Alert .progress-chart-student-result-info {
  max-height: 400px;
  overflow-y: auto;
}
.Alert .progress-chart-student-result-info label {
  display: inline-block;
  width: 50px;
}
.Alert .progress-chart-student-result-info label.mean {
  width: 80px;
}
.Alert .progress-chart-student-result-info label.bm {
  width: 120px;
}
.Alert .progress-chart-student-result-info div.student-comments * {
  vertical-align: top;
}
.Alert .progress-chart-student-result-info div.student-comments label {
  display: inline-block;
  width: 80px;
}
.Alert .progress-chart-student-result-info div.student-comments p {
  margin-top: 0;
  width: calc(100% - 120px);
  display: inline-block;
}

.chart-wrapper svg g, .chart-wrapper svg span, .chart-wrapper svg text, .chart-wrapper svg tspan {
  font-family: "manrope-medium" !important;
}

#student-details {
  position: absolute;
  top: 93px;
  left: 224px;
  right: 10px;
  background: white;
  height: 30px;
  border-radius: 8px;
  border: 1px solid #eaeaea;
}

.thumnbnail .MapCharts {
  top: 22px;
}

.MapCharts {
  position: absolute;
  top: 0px;
  left: 10px;
  right: 10px;
  bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 10px;
  grid-auto-rows: min-content;
  font-family: "manrope-medium" !important;
}
.MapCharts .chart-error {
  position: absolute;
  left: 0;
  right: 0;
}
.MapCharts p.error {
  margin-top: 4px;
  color: darkred;
  font-size: 14px;
}
.MapCharts svg.highcharts-root text {
  font-family: "manrope-medium" !important;
}
.MapCharts svg.highcharts-root b {
  font-family: "manrope-semi-bold" !important;
}
.MapCharts span {
  font-family: "manrope-medium" !important;
}
.MapCharts b {
  font-family: "manrope-semi-bold" !important;
}
.MapCharts .highcharts-label.highcharts-tooltip {
  z-index: 1;
}
.MapCharts .highcharts-column-series rect, .MapCharts .highcharts-bubble-series path {
  cursor: pointer;
}
.MapCharts .highcharts-column-series text {
  pointer-events: none;
}
.MapCharts .student-progress-info span {
  display: inline-block;
  width: 40px;
}
.MapCharts .chart-wrapper.group .highcharts-container .highcharts-title {
  margin-top: 7px !important;
}
.MapCharts .chart-wrapper.combined-chart .highcharts-title {
  line-height: 38px;
  vertical-align: middle;
}
.MapCharts .highcharts-title {
  left: 10px !important;
  top: 3px !important;
  width: calc(100% - 50px) !important;
  text-align: center;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: inline-block !important;
  font-size: 16px !important;
  font-family: "manrope-medium" !important;
}
.MapCharts .highcharts-subtitle {
  left: 10px !important;
  top: 24px !important;
  width: calc(100% - 50px) !important;
  text-align: center;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: inline-block !important;
  font-family: "manrope-medium" !important;
}
.MapCharts .non-supported-chart-title {
  font-size: 18px;
  text-align: center;
  color: black;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}
.MapCharts .non-supported-chart-sub-title {
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
}
.MapCharts .centre-quadrant-chart i, .MapCharts .centre-quadrant-chart input {
  vertical-align: middle;
  display: inline-block;
}
.MapCharts .centre-quadrant-chart input {
  margin: 0;
}
.MapCharts .highcharts-pie-series .highcharts-point {
  cursor: pointer;
}
.MapCharts .chart-wrapper {
  position: relative;
  border: 1px solid #979797;
  border-radius: 10px;
}
.MapCharts .chart-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0;
  background: white;
  z-index: 0;
  border-bottom: 1px solid #EAEAEA;
  border-radius: 10px 10px 0 0;
}
.MapCharts .chart-header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 44px;
  background: #eaeaea;
  z-index: 0;
  border-bottom: 1px solid #979797;
  border-radius: 10px 10px 0 0;
}
.MapCharts svg {
  position: relative;
  z-index: 1;
}
.MapCharts .highcharts-background {
  fill: none !important;
}
.MapCharts.group .highcharts-title {
  top: 10px !important;
}
.MapCharts.group .highcharts-container {
  border: 1px solid #979797;
  border-radius: 10px;
}
.MapCharts .edit-chart {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: 0.6;
}
.MapCharts .edit-chart i {
  font-size: 20px;
  pointer-events: none;
  margin-top: 2px;
}
.MapCharts .edit-chart:hover i.fal {
  color: #0a00d8;
}
.MapCharts .normal {
  font-family: "manrope-medium" !important;
}
.MapCharts .student-highlight tspan {
  font-family: "manrope-semi-bold" !important;
}

.charts .quadrant svg {
  position: relative;
}
.charts .quadrant svg .highcharts-background {
  display: none;
}
.charts .quadrant .quadrant-missing-bm-title {
  font-size: 16px;
  width: calc(100% - 70px);
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: inline-block !important;
  white-space: nowrap;
  margin-left: 35px;
  font-family: "manrope-medium" !important;
  margin-top: 3px;
}
.charts .quadrant .quadrant-missing-bm-subtitle {
  font-size: 12px;
  width: 100%;
  text-align: center;
  position: relative;
  width: calc(100% - 70px);
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: inline-block !important;
  white-space: nowrap;
  margin-left: 35px;
  margin-top: -6px;
}

.quadrant-name {
  position: absolute;
  font-size: 14px;
  font-family: "manrope-semi-bold" !important;
  max-width: 40%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quadrant-description {
  position: absolute;
  font-size: 11px;
  font-family: "manrope-medium";
  background: none;
  max-width: 40%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.highcharts-plot-line-label {
  background: rgba(255, 255, 255, 0.4039215686);
  z-index: 100000;
  line-height: 15px;
  padding: 0px 2px;
  color: black;
}

@media print {
  .chart-wrapper {
    border-radius: 10px;
  }
  .chart-wrapper.combined-chart .highcharts-title {
    line-height: 38px;
    vertical-align: middle;
  }
  .chart-header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 44px;
    background: #eaeaea;
    z-index: 0;
    border-bottom: 1px solid #979797;
    border-radius: 10px 10px 0 0;
  }
  .highcharts-title {
    left: 10px !important;
    top: 3px !important;
    width: calc(100% - 50px) !important;
    text-align: center;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block !important;
    font-size: 16px !important;
    font-family: "manrope-medium" !important;
  }
  .highcharts-subtitle {
    left: 10px !important;
    top: 24px !important;
    width: calc(100% - 50px) !important;
    text-align: center;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block !important;
    font-family: "manrope-medium" !important;
  }
  .non-supported-chart-title {
    font-size: 18px;
    text-align: center;
    color: black;
    margin-top: 10px;
    position: relative;
    z-index: 1;
  }
  .non-supported-chart-sub-title {
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
  }
}
.Completion {
  color: red;
  text-align: center;
  font-size: 11px;
}

.CheckBoxEditor {
  margin-right: 0px;
  margin-left: 0px;
  padding: 0;
  text-align: center;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.CheckBoxEditor i {
  color: #3097d3;
  font-size: 15px;
  margin-top: -1px;
}
.CheckBoxEditor input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.CheckBoxEditor {
  margin-right: 0px;
  margin-left: 0px;
  padding: 0;
  text-align: center;
  padding: 0;
}
.CheckBoxEditor i {
  text-align: center;
  color: #3097d3;
  font-size: 15px;
}
.CheckBoxEditor input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.FilterEditor {
  margin-right: 1px;
  margin-left: 1px;
  padding: 2px 1px 1px 1px;
  background: white;
  align-self: center;
  background: #FFFFE0;
}
.FilterEditor input {
  box-sizing: border-box;
  pointer-events: all;
  border: none;
  outline: none;
  width: 100%;
  height: 26px;
  font-size: 12px;
  padding: 1px 2px;
  margin: 0;
  background: none;
}

.FormAttachmentsEditor {
  cursor: pointer;
}
.FormAttachmentsEditor [data-key=field-value-attachment] {
  white-space: nowrap;
  text-align: right;
}
.FormAttachmentsEditor [data-key=field-value-attachment] .counter {
  font-size: 12px;
}
.FormAttachmentsEditor [data-key=field-value-attachment] * {
  pointer-events: none;
}

.GridAgeEditor {
  margin-right: 1px;
  margin-left: 1px;
  padding: 2px 1px 1px 1px;
  background: white;
  align-self: center;
}
.GridAgeEditor input {
  box-sizing: border-box;
  pointer-events: all;
  border: none;
  outline: none;
  width: 100%;
  height: 16px;
  font-size: 12px;
  padding: 1px 2px;
  margin: 0;
}

#modal .GridAttachmentEditor {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#modal .GridAttachmentEditor.read-only span.file-delete {
  display: none !important;
}
#modal .GridAttachmentEditor.read-only .file-name {
  width: 410px;
}
#modal .GridAttachmentEditor.read-only .save-button, #modal .GridAttachmentEditor.read-only .insert-button {
  display: none;
}
#modal .GridAttachmentEditor .prompt {
  width: 800px !important;
  height: 300px;
  border: 1px solid #CCCCCC;
}
#modal .GridAttachmentEditor .prompt-bar {
  padding: 0 2px;
}
#modal .GridAttachmentEditor .attachment {
  font-size: 14px;
}
#modal .GridAttachmentEditor .assessment-name, #modal .GridAttachmentEditor .student-name {
  font-size: 12px;
}
#modal .GridAttachmentEditor .prompt-body {
  position: absolute;
  top: 96px;
  left: 0;
  right: 10px;
  bottom: 10px;
}
#modal .GridAttachmentEditor .attachment-body {
  overflow-y: auto;
  position: absolute;
  top: 30px;
  left: 10px;
  right: 0;
  bottom: 0;
}
#modal .GridAttachmentEditor .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #3097d3;
  cursor: pointer;
  font-size: 16px;
}
#modal .GridAttachmentEditor .close-button:hover {
  color: #0a00d8;
}
#modal .GridAttachmentEditor .attachment-row:nth-child(odd) {
  background: #FAFAFA;
}
#modal .GridAttachmentEditor .attachment-row span {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  line-height: 16px;
}
#modal .GridAttachmentEditor .attachment-header span {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  font-family: "manrope-semi-bold";
  line-height: 14px;
}
#modal .GridAttachmentEditor .attachment-header {
  border-bottom: 1px solid #CCCCCC;
  margin-right: -6px;
  margin-left: 4px;
}
#modal .GridAttachmentEditor .attachment-row {
  border-bottom: 1px solid #EAEAEA;
  padding-left: 2px;
  line-height: 24px;
}
#modal .GridAttachmentEditor .attachment-row:hover {
  background: #EAEAEA !important;
}
#modal .GridAttachmentEditor .attachment-row .fal {
  color: #3097d3;
  cursor: pointer;
}
#modal .GridAttachmentEditor .attachment-row .fal:hover {
  color: #0a00d8;
}
#modal .GridAttachmentEditor .attachment-row .file-modified {
  width: 130px;
}
#modal .GridAttachmentEditor .file-name {
  width: 320px;
  pointer-events: none;
}
#modal .GridAttachmentEditor .file-size {
  width: 100px;
  text-align: right;
  pointer-events: none;
}
#modal .GridAttachmentEditor .file-modified {
  width: 130px;
  pointer-events: none;
}
#modal .GridAttachmentEditor .file-download {
  width: 60px;
  text-align: center;
}
#modal .GridAttachmentEditor .file-delete {
  width: 60px;
  text-align: center;
}
#modal .GridAttachmentEditor .upload_form {
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 0;
}
#modal .GridAttachmentEditor button span, #modal .GridAttachmentEditor button i {
  pointer-events: none;
}
#modal .GridAttachmentEditor .button-prompt {
  top: 17px;
  right: 10px;
  z-index: 1;
}

.GridCommentEditor {
  position: fixed;
  padding: 2px 1px 1px 1px;
  border: 1px solid black;
  height: 230px;
  width: 300px;
  background: white;
  font-size: 14px;
  margin-top: -27px;
  font-size: 12px;
}
.GridCommentEditor.focused .comment-content {
  background: #FFFDE7;
}
.GridCommentEditor.read-only i:not([data-key=expand]) {
  pointer-events: none;
  color: #CCCCCC !important;
}
.GridCommentEditor.read-only .save-button {
  display: none;
}
.GridCommentEditor.right {
  top: 0px;
}
.GridCommentEditor.left {
  left: 0px;
}
.GridCommentEditor.bottom {
  bottom: 0px;
}
.GridCommentEditor.right {
  right: 0px;
}
.GridCommentEditor p {
  margin: 0;
  padding: 0;
}
.GridCommentEditor a {
  text-decoration: none;
}
.GridCommentEditor .comment-wrapper {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.GridCommentEditor .comment-content {
  white-space: pre-wrap;
  border: none;
  outline: none;
  pointer-events: all;
  background: white;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0px;
  padding: 2px;
  text-align: left;
  overflow: auto;
  color: black;
}
.GridCommentEditor .comment-content div, .GridCommentEditor .comment-content span {
  color: black;
}
.GridCommentEditor .limited-length .char-count {
  display: block;
}
.GridCommentEditor .limited-length .comment-content {
  bottom: 22px;
}
.GridCommentEditor .char-count {
  position: absolute;
  height: 15px;
  left: 0;
  right: 0;
  bottom: 0px;
  padding: 2px;
  border-top: 1px solid #979797;
  display: none;
}
.GridCommentEditor .char-count .progress-bar {
  position: absolute;
  width: 100px;
  height: 13px;
  bottom: 1px;
  border: 1px solid #979797;
  background: #EAEAEA;
}
.GridCommentEditor .char-count .progress-bar .bar {
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 1px;
  width: 20px;
  background: green;
}
.GridCommentEditor .char-count .progress-text {
  position: absolute;
  right: 10px;
  left: 110px;
  bottom: 0px;
  top: 0;
  vertical-align: middle;
  font-size: 10px;
  line-height: 20px;
}
.GridCommentEditor ul {
  list-style-type: disc !important;
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
.GridCommentEditor .comment-controller {
  background: #FAFAFA;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  border-bottom: 1px solid #979797;
  z-index: 1;
}
.GridCommentEditor .comment-controller .fa-expand {
  position: absolute;
  right: 3px;
  top: 3px;
  border-right: none;
}
.GridCommentEditor .comment-controller i {
  width: 30px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  color: #3097d3;
  font-family: "font-awesome-6";
}
.GridCommentEditor .comment-controller i.first {
  margin-left: 4px;
}
.GridCommentEditor .comment-controller i.selected {
  color: #0a00d8;
}
.GridCommentEditor .comment-controller i:hover {
  cursor: pointer;
  color: #0a00d8;
}

#comment-control {
  height: 40px;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  line-height: 40px;
  position: absolute;
  top: 180px;
  left: 0;
  right: 0;
}

#comment-categories {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 200px;
  border-right: 1px solid #676767;
  bottom: 10px;
}
#comment-categories .comment-header {
  height: 30px;
  border-bottom: 1px solid #EAEAEA;
  margin-right: 10px;
  position: relative;
}
#comment-categories .comment-header .title {
  position: absolute;
  bottom: 13px;
  font-family: "manrope-medium";
}
#comment-categories ul {
  padding-left: 0;
  margin-right: 10px;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0px;
  overflow: auto;
}

#comment-body {
  position: absolute;
  left: 210px;
  top: 10px;
  right: 10px;
  bottom: 10px;
}
#comment-body .legend {
  position: absolute;
  BOTTOM: -16px;
  left: 11px;
  font-style: italic;
}

#comment-control {
  height: 40px;
  border-bottom: 1px solid #EAEAEA;
  line-height: 40px;
  position: absolute;
  top: -10px;
  left: 10px;
  right: 0px;
}
#comment-control .Button {
  font-size: 14px;
}
#comment-control button[data-key=insert], #comment-control button[data-key=add] {
  position: relative;
}
#comment-control button[data-key=insert] span, #comment-control button[data-key=add] span {
  font-size: 12px;
}

#headers-list {
  display: inline-block;
}
#headers-list .DropDownMenu {
  display: inline-block;
}
#headers-list .DropDownMenu .title {
  max-width: 180px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  padding-top: 2px;
}

#category-search {
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 7px;
  height: 25px;
  width: 200px;
}

button[data-key=refresh] {
  position: absolute;
  top: 6px;
  right: -6px;
}

.add-wrapper {
  display: inline-block;
  position: relative;
}

.comment-add-warning {
  pointer-events: none;
  position: absolute;
  left: 19px;
  top: -28px;
  z-index: 1001;
  padding: 2px;
  line-height: 16px;
  color: darkred;
  font-size: 12px;
  white-space: nowrap;
  background: white;
  font-size: 12px !important;
}

#comments-list {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
#comments-list .List ul {
  list-style: disc !important;
  padding-inline-start: 12px;
}
#comments-list .List ul li {
  padding: 4px 4px;
}
#comments-list .List ul li ul {
  pointer-events: none;
  list-style: disc !important;
  padding-inline-start: 30px;
}
#comments-list .List ul li ul li {
  list-style: disc !important;
  pointer-events: none;
  background: none !important;
  border-bottom: none;
  padding: 4px 6px;
}

.GridCommentFullEditor {
  font-size: 12px;
}
.GridCommentFullEditor.double-title .prompt-bar {
  top: 60px;
}
.GridCommentFullEditor.double-title .prompt-body {
  top: 106px;
}
.GridCommentFullEditor .media-wide {
  display: inline-block;
}
.GridCommentFullEditor .media-narrow {
  display: none;
}
.GridCommentFullEditor a {
  text-decoration: none;
}
.GridCommentFullEditor.comments-bank-on .prompt-body {
  bottom: 50%;
}
.GridCommentFullEditor.comments-bank-on .comment-banks {
  position: absolute;
  left: 10px;
  right: 10px;
  top: calc(50% + 2px);
  bottom: 10px;
  display: block;
  border-top: 1px solid #979797;
}
.GridCommentFullEditor.read-only i:not(.fa-times-circle):not(.fa-compress) {
  pointer-events: none;
  color: #CCCCCC !important;
}
.GridCommentFullEditor.read-only .save-button {
  display: none;
}
.GridCommentFullEditor .limited-length .char-count {
  display: block;
}
.GridCommentFullEditor .limited-length .comment-content {
  bottom: 22px;
}
.GridCommentFullEditor .limited-length .char-count {
  display: block;
}
.GridCommentFullEditor .limited-length .comment-content {
  bottom: 22px;
}
.GridCommentFullEditor .comment-banks {
  display: none;
}
.GridCommentFullEditor i.i-divider {
  font-style: normal;
  color: #979797 !important;
  pointer-events: none;
}
.GridCommentFullEditor .comment-check-box {
  font-size: 11px;
  vertical-align: middle;
  font-style: normal;
}
.GridCommentFullEditor .comment-check-box span, .GridCommentFullEditor .comment-check-box input {
  vertical-align: middle;
}
.GridCommentFullEditor .char-count {
  position: absolute;
  height: 15px;
  left: 0;
  right: 0;
  bottom: 0px;
  padding: 2px;
  border-top: 1px solid #979797;
  display: none;
}
.GridCommentFullEditor .char-count .progress-bar {
  position: absolute;
  width: 100px;
  height: 13px;
  bottom: 1px;
  border: 1px solid #979797;
  background: #EAEAEA;
}
.GridCommentFullEditor .char-count .progress-bar .bar {
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 1px;
  width: 20px;
  background: green;
}
.GridCommentFullEditor .char-count .progress-text {
  position: absolute;
  right: 10px;
  left: 110px;
  bottom: 0px;
  top: 0;
  vertical-align: middle;
  font-size: 10px;
  line-height: 20px;
}
.GridCommentFullEditor .prompt-header span {
  line-height: 20px;
}
.GridCommentFullEditor div p {
  margin: 0;
  padding: 0;
}
.GridCommentFullEditor .prompt {
  width: 1200px !important;
  height: 800px;
  border: 1px solid #CCCCCC;
}
.GridCommentFullEditor .prompt-bar {
  height: 30px;
  border-bottom: 1px solid #EAEAEA;
  line-height: 40px;
  position: absolute !important;
  top: 60px;
  left: 0px;
  right: 0px;
  line-height: 30px;
}
.GridCommentFullEditor .prompt-bar .comment-controller {
  display: inline-block;
  line-height: 32px !important;
}
.GridCommentFullEditor .prompt-bar .comment-controller i {
  padding: 0 6px;
  cursor: pointer;
  border-radius: 6px;
}
.GridCommentFullEditor .prompt-bar .comment-controller i:hover {
  background: #f1f1f1;
}
.GridCommentFullEditor .prompt-bar .comment-controller i.comment-check-box {
  cursor: default;
}
.GridCommentFullEditor .prompt-bar .comment-controller i.comment-check-box:hover {
  background: none;
}
.GridCommentFullEditor .prompt-body {
  position: absolute;
  top: 105px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 10px;
}
.GridCommentFullEditor .prompt-body ul {
  list-style-type: disc !important;
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
.GridCommentFullEditor .prompt-body ul.button-prompt {
  padding-left: 0;
}
.GridCommentFullEditor .comment-wrapper {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.GridCommentFullEditor .comment-content {
  white-space: pre-wrap;
  border: none;
  outline: none;
  pointer-events: all;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 4px;
  text-align: left;
  overflow: auto;
  color: black;
  background: #FFFDE7;
  border: 1px solid #DEDEDE;
  padding: 3px;
}
.GridCommentFullEditor .comment-content div, .GridCommentFullEditor .comment-content span {
  color: black;
}
.GridCommentFullEditor .menu-items ul {
  padding-left: 8px;
}

.GridListEditor {
  margin-right: 1px;
  margin-left: 0px;
  padding: 0 1px 1px 0px;
  background: white;
  align-self: center;
}
.GridListEditor select {
  pointer-events: all;
  border: none;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  font-size: 11px;
  padding: 0;
  margin: 0;
  color: black;
}

.GridMultiListEditor {
  padding: 2px;
}

.GridNumericEditor {
  margin-right: 1px;
  margin-left: 1px;
  padding: 2px 1px 1px 1px;
  background: white;
  align-self: center;
}
.GridNumericEditor input {
  box-sizing: border-box;
  pointer-events: all;
  border: none;
  outline: none;
  width: 100%;
  height: 16px;
  font-size: 12px;
  padding: 1px 2px;
  margin: 0;
}

.GridTextAreaEditor {
  position: fixed;
  padding: 2px 1px 1px 1px;
  border: 1px solid black;
  height: 200px;
  width: 300px;
  background: white;
  font-size: 14px;
}
.GridTextAreaEditor .comment-wrapper {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 2px;
  bottom: 2px;
  overflow: auto;
}
.GridTextAreaEditor textarea {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  box-sizing: border-box;
  pointer-events: all;
  border: none;
  outline: none;
  font-size: 12px;
  padding: 1px 2px;
  margin: 0;
  resize: none;
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  top: 2px;
}
.GridTextAreaEditor.error {
  border-color: #ff0000;
  border-width: 2px;
}
.GridTextAreaEditor.error textarea {
  padding: 0px 1px;
}

.GridTextEditor {
  margin-right: 1px;
  margin-left: 1px;
  margin-top: 0px;
  padding-top: 0;
  background: white;
  align-self: center;
}
.GridTextEditor .text-input-wrapper {
  background: white;
}
.GridTextEditor input {
  box-sizing: border-box;
  pointer-events: all;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  height: 16px;
  font-size: 12px;
  margin: 1px 0 0 0;
  color: black;
  padding: 0 0 1px 0;
  font-size: 11px;
  vertical-align: top;
  text-decoration: none !important;
}
.GridTextEditor input.toggle-header.left {
  border-bottom: none !important;
}

.IncidentEditor .prompt-header div.title {
  font-family: "manrope-semi-bold" !important;
  font-size: 13px !important;
}
.IncidentEditor .prompt-header div.sub-title {
  font-family: "manrope-semi-bold";
  font-size: 13px !important;
}

.RadioButtonEditor {
  margin-right: 0px;
  margin-left: 0px;
  padding: 0;
  text-align: center;
  padding: 0;
}
.RadioButtonEditor i {
  text-align: center;
  color: #3097d3;
  font-size: 15px;
  margin-top: 7px;
  margin-left: -1px;
}
.RadioButtonEditor input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.progress {
  background: none !important;
}
.progress .text {
  color: red;
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  text-align: center !important;
  line-height: 28px;
  background: none !important;
}
.progress .bar {
  background: none !important;
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
  bottom: 0px;
}
.progress .bar .bar-text {
  text-align: center !important;
  color: white !important;
  background: #60a8d5;
  position: relative !important;
  padding: 0;
  margin: 0;
  line-height: 27px;
}
.progress.completed .bar-text {
  background: green;
}
.progress.cancelled .bar-text {
  background: darkorange;
}

.Grid .grid .grid-cell.row-error span, .Grid .grid .grid-cell.row-error.progress .text {
  color: darkred !important;
}
.Grid .grid .grid-cell.row-error.progress .bar-text {
  background: darkred !important;
}

#student-view h1 {
  font-size: 19px;
  font-family: "manrope-bold";
  margin-bottom: 10px;
}
#student-view table {
  border-collapse: collapse;
}
#student-view table th, #student-view table td {
  border: 1px solid #CCCCCC;
  padding: 4px;
  font-size: 12px;
  font-weight: normal;
}
#student-view table th {
  white-space: nowrap;
  text-align: left;
  background: #EAEAEA;
}
#student-view table tr:nth-child(odd) {
  background: #FAFAFA;
}

.Grid.auto-row-height .grid .grid-cell.comment div {
  max-height: none;
}

.teacher-selection {
  font-size: 12px;
  background: none;
  padding: 2px;
  font-weight: normal;
  text-align: center !important;
}

.missing-teacher {
  color: darkred;
  font-size: 12px;
  background: none;
  padding: 2px;
  font-weight: normal;
  text-align: center !important;
}

.student-view .Grid {
  right: auto;
}
.student-view #student-view {
  display: block;
}

#student-view {
  display: none;
  position: absolute;
  top: 45px;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #EAEAEA;
}

.Grid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  overflow: hidden;
  background: #fafafa;
}
.Grid.auto-row-height .grid .grid-cell > span, .Grid.auto-row-height .grid .grid-cell > a, .Grid.auto-row-height .grid .grid-cell > i {
  align-self: start;
}
.Grid div.cell-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #EAEAEA;
  margin: 2px;
}
.Grid .fixed-cell div.cell-wrapper {
  border: none;
}
.Grid.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.Grid.disabled .grid-cell {
  background: #EAEAEA;
  background: #EAEAEA;
}
.Grid .selected-cell {
  position: absolute;
  border: 2px solid black;
  z-index: 101;
  display: none;
  pointer-events: none;
}
.Grid .grid-cell.disabled.cb {
  background: #EAEAEA;
}
.Grid .grid-cell.disabled.cb.white-bg {
  background: white;
}
.Grid .grid-cell.disabled.cb .fa-square, .Grid .grid-cell.disabled.cb .fa-check-square, .Grid .grid-cell.disabled.cb fa-circle, .Grid .grid-cell.disabled.cb fa-circle-dot {
  opacity: 0.5;
  color: #1A1A1A;
}
.Grid .grid-cell.disabled.cb * {
  pointer-events: none;
}
.Grid div.fixed-cell.selected-row-cell {
  background: #DADADA;
  border-right: 2px solid black;
}
.Grid .scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: 17px;
  bottom: 17px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 50;
}
.Grid .scroller::-webkit-scrollbar {
  display: none;
}
.Grid .vertical-scroller {
  position: absolute;
  top: 0;
  right: -1px;
  width: 17px;
  bottom: 17px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #EAEAEA;
  z-index: 102;
}
.Grid .vertical-scroller .content {
  width: 1px;
}
.Grid .horizontal-scroller {
  position: absolute;
  bottom: -1px;
  right: 17px;
  height: 17px;
  left: 0;
  overflow-x: auto;
  overflow-y: hidden;
  background: #EAEAEA;
  z-index: 102;
}
.Grid .horizontal-scroller .content {
  height: 1px;
}
.Grid .grid-wrapper {
  position: absolute;
  overflow: hidden;
  top: 0px;
  left: 1px;
  right: 17px;
  bottom: 17px;
  border: 1px solid #DADADA;
  border-top: 1px solid #DADADA;
}
.Grid .grid.thumbnails i.fal {
  line-height: 45px;
}
.Grid .grid {
  display: grid;
}
.Grid .grid div.grid-header.top-cell {
  display: grid;
  border-bottom: 1px solid #DADADA;
}
.Grid .grid .fixed-cell, .Grid .grid .grid-cell {
  border-bottom: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
}
.Grid .grid .grid-header {
  border-bottom: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
}
.Grid .grid div.fixed-cell.pinned-cell {
  background: white;
}
.Grid .grid .fixed-cell {
  display: grid;
  /*  &.pinned-cell {
     display: block;
  }*/
}
.Grid .grid .fixed-cell img.thumbnail {
  margin: auto;
}
.Grid .grid .fixed-cell > i {
  align-self: center;
}
.Grid .grid .selected-row {
  background: #c8e7f9 !important;
}
.Grid .grid .fixed-cell.grid-cell.left-cell {
  border-radius: 0;
}
.Grid .grid .grid-cell {
  position: relative;
  min-height: 18px;
  box-sizing: border-box;
  display: grid;
}
.Grid .grid .grid-cell.white-text span {
  color: white !important;
}
.Grid .grid .grid-cell .invalid {
  color: red;
  font-family: "manrope-semi-bold";
}
.Grid .grid .grid-cell a {
  text-decoration: none;
}
.Grid .grid .grid-cell.archived span {
  text-decoration: line-through;
  color: #676767 !important;
}
.Grid .grid .grid-cell.archived.age span {
  text-decoration: none;
}
.Grid .grid .grid-cell.disabled .fa-check-square, .Grid .grid .grid-cell.disabled .fa-square, .Grid .grid .grid-cell.disabled .fa-circle-dot, .Grid .grid .grid-cell.disabled .fa-circle {
  color: #979797 !important;
}
.Grid .grid .grid-cell a {
  color: #3097d3;
}
.Grid .grid .grid-cell.selected {
  font-family: "manrope-bold";
}
.Grid .grid .grid-cell.selected span {
  font-family: "manrope-bold";
}
.Grid .grid .grid-cell > span, .Grid .grid .grid-cell > a, .Grid .grid .grid-cell > i {
  align-self: center;
  line-height: 22px;
}
.Grid .grid .grid-cell.toggle-header span {
  font-family: "manrope-bold";
}
.Grid .grid .grid-cell.center {
  justify-content: center;
}
.Grid .grid .grid-cell.left {
  justify-content: left;
}
.Grid .grid .grid-cell.right {
  justify-content: right;
}
.Grid .grid .grid-cell i.fal, .Grid .grid .grid-cell i.fas {
  width: 18px;
  margin-left: calc(50% - 9px);
  align-self: center;
}
.Grid .grid .grid-cell i.fal.link, .Grid .grid .grid-cell i.fas.link {
  font-size: 16px;
  color: #0d7cc1;
}
.Grid .grid .grid-cell i.fal.fa-square, .Grid .grid .grid-cell i.fal.fa-check-square, .Grid .grid .grid-cell i.fal.fa-circle, .Grid .grid .grid-cell i.fal.fa-circle-dot, .Grid .grid .grid-cell i.fas.fa-square, .Grid .grid .grid-cell i.fas.fa-check-square, .Grid .grid .grid-cell i.fas.fa-circle, .Grid .grid .grid-cell i.fas.fa-circle-dot {
  font-size: 15px;
  margin-top: 0px;
}
.Grid .grid .grid-cell.cell-divider {
  background: #CCCCCC !important;
}
.Grid .grid .grid-cell div, .Grid .grid .grid-cell span {
  color: black;
}
.Grid .grid .grid-cell.growth, .Grid .grid .grid-cell.effect-size {
  font-family: "manrope-semi-bold";
}
.Grid .grid .grid-cell.comment, .Grid .grid .grid-cell.text-area {
  white-space: pre-wrap;
}
.Grid .grid .grid-cell.comment.text-top span, .Grid .grid .grid-cell.text-area.text-top span {
  align-self: start;
}
.Grid .grid .grid-cell.form-center span {
  place-self: center !important;
  position: absolute !important;
}
.Grid .grid .grid-cell a.attachment {
  color: #3097d3;
  align-self: center;
}
.Grid .grid .grid-cell ul {
  list-style-type: disc !important;
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
.Grid .grid .grid-cell > span {
  align-self: center;
  color: black !important;
}
.Grid .grid .grid-cell .value {
  display: inline-block;
  vertical-align: middle;
}
.Grid .grid .grid-cell.right .status.saving {
  left: 2px;
}
.Grid .grid .grid-cell.right .status.error {
  left: 2px;
  right: auto;
}
.Grid .grid .grid-cell.comment span, .Grid .grid .grid-cell .text-area span {
  align-self: start;
  display: inlie-block;
}
.Grid .grid .grid-cell .status.saving {
  line-height: 16px;
  margin: 0 6px;
  position: absolute;
  top: 5px;
  right: 2px;
  width: 20px;
}
.Grid .grid .grid-cell .status.error {
  position: absolute;
  top: 6px;
  right: 2px;
  line-height: 16px;
  margin: 0 2px;
  border: 1px solid white;
  background: red;
  width: 16px;
  height: 16px;
  border-radius: 12px;
  text-align: center;
  font-style: normal;
  font-size: 12px;
  font-family: "manrope-semi-bold";
  color: yellow;
}
.Grid .grid .grid-cell .status.dirty {
  background: #66B23F;
  border-color: #66B23F;
}
.Grid .grid .grid-cell p {
  margin-block-start: 0;
  margin-block-end: 0.5em;
}
.Grid .grid .grid-cell span {
  vertical-align: middle;
}
.Grid .grid .grid-cell.read-only, .Grid .grid .grid-cell.read-only.pinned-cell {
  color: #777777;
}
.Grid .grid .grid-cell.read-only.white-bg, .Grid .grid .grid-cell.read-only.pinned-cell.white-bg {
  background: white;
}
.Grid .grid .grid-cell.read-only.white-bg.disabled span, .Grid .grid .grid-cell.read-only.pinned-cell.white-bg.disabled span {
  color: #A1A1A1 !important;
}
.Grid .grid .grid-cell.filter {
  background: #FFFFE0;
  border-bottom: 1px solid #979797;
  border-top: 1px solid #979797;
}
.Grid .grid .grid-cell.filter.divider {
  background: #979797;
}
.Grid .grid .grid-cell.filter.fixed-cell {
  background: #CCCCCC;
  border-left: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
  justify-content: right;
  font-style: italic;
}
.Grid .grid .grid-cell.filter.fixed-cell:last-child {
  border-right: 1px solid #DADADA;
}
.Grid .grid .grid-cell.filter.fixed-cell:first-child {
  border-left: 1px solid #DADADA;
}
.Grid .grid .grid-cell.filter.fixed-cell.pinned-cell {
  background: #FFFFE0 !important;
  color: #777777;
}
.Grid .grid .completion {
  text-align: center;
  font-size: 12px;
}
.Grid .grid .completion i {
  font-style: normal;
  align-self: center;
}
.Grid .grid .completion.valid {
  color: #0bb04a;
}
.Grid .grid .completion.invalid {
  color: #db2e26;
}
.Grid .grid .rtf {
  border: none;
  list-style: disc;
  padding: 0;
  margin: 0;
}
.Grid .grid .rtf li {
  margin: 0 0 0 16px !important;
}
.Grid .grid .fixed {
  margin: 0 0 0 0 !important;
  z-index: 10;
}
.Grid .grid div {
  background: white;
}
.Grid .grid-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 20px;
  bottom: 20px;
  overflow: hidden;
  border: 1px solid #EAEAEA;
  z-index: 10;
  pointer-events: none;
}
.Grid .grid span {
  padding: 2px;
}
.Grid.auto-row-height .grid div.grid-cell div {
  max-height: none;
  overflow: visible;
}
.Grid .grid div {
  overflow: hidden;
  font-size: 12px;
  overflow: hidden;
  z-index: 0;
  overflow: hidden;
  text-align: left;
  padding: 2px;
  /*
        &.result-row {
           font-style: italic;
           text-align: right;
        }
  */
}
.Grid .grid div.right {
  text-align: right;
}
.Grid .grid div.right div.cell-wrapper {
  text-align: center;
}
.Grid .grid div.grid-header.fixed-cell.left-cell.left.summary {
  font-style: italic;
  text-align: right !important;
}
.Grid .grid div.center {
  text-align: center;
}
.Grid .grid div.center div.cell-wrapper {
  text-align: center;
}
.Grid .grid div .column-checkbox {
  font-size: 14px;
}
.Grid .grid div.checkbox {
  text-align: center;
  font-size: 13px;
}
.Grid .grid div.checkbox i {
  float: none !important;
}
.Grid .grid div .column-sort {
  position: absolute;
  top: calc(50% - 12px);
  right: 0px;
  font-size: 14px;
  background: inherit;
}
.Grid .grid div .column-sort i {
  padding-left: 1px;
  padding-right: 3px;
}
.Grid .grid div .column-sort i.hidden {
  display: none;
}
.Grid .grid div.grid-header {
  overflow: hidden;
  position: relative;
}
.Grid .grid div.grid-header.map-student-check-box {
  vertical-align: middle;
  text-align: left;
}
.Grid .grid div.grid-header.map-student-check-box span {
  max-width: calc(100% - 36px);
  overflow: hidden;
  vertical-align: middle;
  margin-left: 20px;
  margin-left: 16px;
  white-space: nowrap;
}
.Grid .grid div.grid-header.map-student-check-box .column-checkbox {
  position: absolute;
  left: 4px;
  top: 6px;
}
.Grid .grid div.grid-header.map-student-check-box .locked {
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 6px;
}
.Grid .grid div.grid-header.map-student-check-box .locked.hidden {
  display: none;
}
.Grid .grid div.grid-header .column-toggle {
  background: none;
  font-size: 12px;
}
.Grid .grid div.grid-header .column-toggle i {
  color: black;
}
.Grid .grid div.grid-header .title.sort {
  max-width: calc(100% - 10px);
}
.Grid .grid div.grid-header.selected-column-header {
  font-weight: bold;
}
.Grid .grid div.grid-header.header-selection, .Grid .grid div.grid-header.fixed-header-selection {
  border-top: 2px solid transparent;
}
.Grid .grid div.grid-header.header-selection.selected-column-cell, .Grid .grid div.grid-header.fixed-header-selection.selected-column-cell {
  border-top: 2px solid #CCCCCC !important;
}
.Grid .grid div.grid-header.pinned-cell {
  color: #777777;
}
.Grid .grid div.grid-header.cell-divider {
  background: #CCCCCC !important;
}
.Grid .grid div.grid-header.column-drag {
  box-sizing: border-box;
  border-right: 1px solid red;
  place-items: center;
}
.Grid .grid div.grid-header.selected {
  border-bottom: 1px solid black;
}
.Grid .grid div.grid-header.top-cell {
  font-size: 12px;
  place-items: center;
}
.Grid .grid div.grid-header.top-cell.left, .Grid .grid div.grid-header.top-cell.Left {
  place-items: start;
  align-items: center;
}
.Grid .grid div.grid-header.top-cell.left span, .Grid .grid div.grid-header.top-cell.Left span {
  margin-left: 0 !important;
}
.Grid .grid div.grid-header.top-cell.left span.title, .Grid .grid div.grid-header.top-cell.Left span.title {
  line-height: 18px;
}
.Grid .grid div.grid-header.top-cell .title {
  padding: 4px 0;
}
.Grid .grid div.grid-header.top-cell .title.sort {
  margin-right: 16px;
}
.Grid .grid div.grid-header.top-cell.center .title {
  margin-right: 0;
}
.Grid .grid div.grid-header.sort-header {
  place-items: center;
  display: grid;
}
.Grid .grid div.grid-header.sort-header.result-row .title {
  text-align: center;
}
.Grid .grid div.grid-header.top-cell.center {
  place-items: center !important;
  display: grid;
}
.Grid .grid div.grid-header.top-cell.date {
  text-align: left !important;
}
.Grid .grid div.grid-header.top-cell.checkbox {
  text-align: center !important;
}
.Grid .grid div.grid-header.date {
  font-size: 12px;
}
.Grid .grid div.grid-header.date .column-checkbox {
  margin-left: 3px;
  line-height: 18px;
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 4px;
}
.Grid .grid div.grid-header.date .locked {
  height: 14px;
  color: #3097d3;
  line-height: 18px;
  font-size: 10px;
  position: absolute;
  top: 2px;
  right: 20px;
  background: inherit;
}
.Grid .grid div.grid-header.date .locked.hidden {
  display: none;
}
.Grid .grid div.grid-header.date .title {
  max-width: calc(100% - 34px);
}
.Grid .grid div.grid-header.disabled {
  color: #979797;
}
.Grid .grid div.grid-header.scheme-description.right {
  text-align: center;
}
.Grid .grid div.grid-header.scheme-description span {
  font-size: 11px;
  text-align: center;
  color: #979797;
}
.Grid .grid div.grid-header.scheme-description span.right {
  text-align: center;
}
.Grid .grid div.grid-header.summary span {
  font-size: 11px;
  color: #979797;
}
.Grid .grid div.grid-header.bold span.title {
  font-family: "manrope-semi-bold";
}
.Grid .grid div.grid-header .title {
  display: inline-block;
}
.Grid .grid div.grid-header i.fas.fa-sort-down, .Grid .grid div.grid-header i.fas.fa-sort-up {
  pointer-events: none;
  color: darkgreen;
}
.Grid .grid div.grid-header div {
  overflow: hidden;
}
.Grid .grid div.grid-header.fixed-cell.left-cell.top-cell.checkbox {
  line-height: 18px;
}
.Grid .grid div.grid-header.checkbox i {
  font-size: 15px;
}
.Grid .grid div div {
  max-height: 31px;
  overflow: hidden;
}
.Grid .grid div.numeric {
  text-align: right;
}
.Grid .grid div.attachments {
  text-align: center;
}
.Grid table th.grid-header {
  background: #FAFAFA;
}
.Grid div.grid-header {
  background: #FAFAFA;
  z-index: 20;
}
.Grid div.grid-header.fixed-cell {
  z-index: 30;
}
.Grid div.grid-header.result-type .Grid div.grid-header.fixed-header {
  display: flex;
  align-items: flex-end;
}
.Grid div.grid-header div .result-type {
  float: right;
}
.Grid div.grid-header div .result-scheme {
  font-style: italic;
  font-size: smaller;
  text-align: center;
}
.Grid div.fixed-cell {
  z-index: 10;
  background: #FAFAFA;
}
.Grid div.fixed-cell.selected {
  font-family: "manrope-bold";
}
.Grid .grid-editor {
  position: absolute;
  z-index: 102;
  display: none;
  background: white;
  margin: 1px;
  font-size: 12px !important;
}
.Grid .grid-editor .right {
  text-align: right;
}
.Grid .grid-editor .center {
  text-align: center;
}
.Grid #error-info {
  font-size: 12px;
  border: 1px solid darkred;
  background: white;
  display: inline-block;
  position: absolute;
  padding: 4px 8px;
  z-index: 101;
  color: darkred;
  display: none;
}
.Grid .toggle-header {
  font-family: "manrope-semi-bold";
  font-size: 12px !important;
  border-bottom: 1px solid !important;
}
.Grid .index-header {
  border-bottom: 1px solid !important;
}
.Grid .grid-cell.inactive span {
  color: #979797 !important;
}
.Grid .parent-header-cell {
  border-bottom: 1px solid !important;
}
.Grid .parent-header-cell * {
  display: none;
}
.Grid .disabled-cell * {
  display: none;
}
.Grid .disabled-cell i.fa-square, .Grid .disabled-cell i.fa-check-square, .Grid .disabled-cell i.fa-circle, .Grid .disabled-cell i.fa-circle-dot {
  display: block;
  pointer-events: none;
  color: #CCCCCC;
}
.Grid .accelerus-cell {
  background-color: #FAFAFA !important;
}
.Grid .accelerus-cell > span.c-year, .Grid .accelerus-cell > span.c-semester, .Grid .accelerus-cell > span.c-term {
  color: #676767 !important;
}
.Grid .disabled-text a {
  color: #676767 !important;
}
.Grid .empty-cell {
  background: white !important;
}
.Grid .empty-cell * {
  display: none;
}
.Grid .toggle-button {
  border-bottom: 1px solid !important;
}
.Grid .first-child-row {
  max-height: none !important;
  height: auto !important;
}

.GridAssessmentCount .hidden {
  display: none;
}
.GridAssessmentCount #column-selection {
  position: relative;
  z-index: 2006;
  display: inline-block;
}
.GridAssessmentCount #column-selection span.far {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-top: 2px;
}
.GridAssessmentCount #column-selection .DropDownMenu {
  margin: 0;
}
.GridAssessmentCount #column-selection .title.bolder {
  font-family: "manrope-bold";
}

.StudentResults .GridController .hide-student-results {
  display: inline-block;
}

.GridController {
  text-align: right;
}
.GridController .hide-student-results {
  display: inline-block;
  margin-top: 2px;
  display: none;
}
.GridController .hide-student-results span.gap {
  margin-right: 10px;
}
.GridController .hide-student-results span {
  font-size: 12px;
}
.GridController .hide-student-results * {
  vertical-align: middle;
}
.GridController #right-align {
  position: absolute;
  right: 0;
  top: 0;
}
.GridController .undo, .GridController .redo {
  font-size: 14px;
}
.GridController .print-button, .GridController .grid-button, .GridController #defaults-button {
  display: inline-block;
  line-height: 0;
}
.GridController .print-button i, .GridController .grid-button i, .GridController #defaults-button i {
  margin-right: 0;
}
.GridController .grid-button {
  width: 45px;
}
.GridController #group-button {
  position: relative;
  display: inline-block;
}
.GridController #ungroup-button {
  position: relative;
  display: inline-block;
}
.GridController .wrapper {
  display: inline-block;
  position: relative;
}
.GridController .clear-filters {
  position: absolute;
  z-index: 1000;
}
.GridController button div, .GridController button i, .GridController button span {
  pointer-events: none;
}
.GridController button.disabled {
  pointer-events: none;
  cursor: default;
}
.GridController button.disabled i.fal, .GridController button.disabled div {
  color: #979797;
}
.GridController button .fal {
  font-size: 14px;
}
.GridController button .fa-user {
  border: 1px solid;
  padding: 3px 3px 1px 3px;
  font-size: 12px;
}
.GridController .button-prompt {
  top: 28px;
  left: 0;
  text-align: left;
}
.GridController [data-key=graph], .GridController [data-key=grid] {
  font-size: 16px;
}
.GridController [data-key=update-view] {
  display: none;
}
.GridController [data-key=columns] {
  position: absolute;
  left: 210px;
  top: 41px;
  margin-left: 8px;
}
.GridController [data-key=export-indicators] {
  margin-left: 8px;
}
.GridController .current-view {
  display: inline-block;
}
.GridController .current-view * {
  display: inline-block;
}
.GridController [data-key=filter] {
  margin-right: 6px;
}

#content.indicators .grid-header.center {
  display: grid;
  align-items: center;
}

/*

       border: 1px solid #b3d2e4;
    padding: 1px 2px;
    background: #e3f0f7;
    border-radius: 4px;


*/
@media print {
  .print-student-result #body {
    top: 0 !important;
  }
  .print-student-result > div:not(#body) {
    display: none;
  }
  .print-student-result #side-nav {
    display: none;
  }
  .print-student-result #content > div:not(#MapContent) {
    display: none;
  }
  .print-student-result #student-details {
    display: block !important;
    background: none;
    border: none !important;
    left: 0 !important;
    top: 0 !important;
    border-radius: 0 !important;
  }
  .print-student-result #student-details .nav {
    display: none;
  }
  .print-student-result #student-details img {
    height: 80px;
  }
  .print-student-result #student-details .ChartStudentDetails .details {
    left: 40px;
    overflow: hidden;
  }
  .print-student-result #student-details .ChartStudentDetails .details span {
    display: block;
  }
  .print-student-result #MapContent > div:not(.charts) {
    display: none;
  }
  .print-student-result #content #MapContent {
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    height: auto;
    overflow: visible;
  }
  .print-student-result #MapContent .charts {
    position: absolute;
    top: 50px;
    left: 0px;
    right: 0px;
    height: auto;
    overflow: visible;
  }
}
.GridRefreshButton {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  vertical-align: middle;
  padding: 4px 6px;
}
.GridRefreshButton div {
  font-size: 10px;
  line-height: 10px;
  margin-top: 1px;
}
.GridRefreshButton.disabled, .GridRefreshButton:disabled, .GridRefreshButton[disabled] {
  pointer-events: none;
  cursor: default;
}
.GridRefreshButton.disabled i.far, .GridRefreshButton:disabled i.far, .GridRefreshButton[disabled] i.far {
  color: #979797;
}
.GridRefreshButton i.far {
  display: inline-block;
  vertical-align: middle;
  color: darkorange;
}

@media screen and (max-width: 1250px) {
  #content .Home .content-wrap {
    width: 840px !important;
  }
}
@media screen and (min-width: 1700px) {
  #content .Home .content-wrap {
    width: 1670px !important;
  }
}
#content .Home {
  background: #fdfdfd;
  position: absolute;
  top: 20px;
  left: -20px;
  right: 0;
  bottom: 0;
  padding: 25px;
  text-align: center;
}
#content .Home .content-wrap {
  width: 1260px;
  text-align: left;
  display: inline-block;
}
#content .Home .home-wrapper {
  height: 160px;
  border: 1px solid #DADADA;
  border-radius: 10px;
  overflow: hidden;
  width: 370px;
  margin: 20px;
  position: relative;
  display: inline-block;
  background: white;
  cursor: pointer;
}
#content .Home .home-wrapper.disabled {
  pointer-events: none;
  background: #faFafA;
}
#content .Home .home-wrapper.disabled .home-header {
  background: #889fb5;
}
#content .Home .home-wrapper.disabled .title {
  color: white !important;
}
#content .Home .home-wrapper * {
  pointer-events: none;
}
#content .Home .home-wrapper:hover {
  background: #F7F7F7;
}
#content .Home .home-wrapper .home-header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 20px;
  background: #2b4ea4;
  z-index: 0;
  border-bottom: 1px solid #EAEAEA;
  border-radius: 10px 10px 0 0;
  padding: 10px;
  pointer-events: none;
}
#content .Home .home-wrapper .home-header .title {
  text-transform: uppercase;
  font-family: "manrope-bold";
  color: white;
}
#content .Home .home-wrapper .home-content {
  margin: 20px 0;
  color: #767676;
  font-size: 14px;
  position: relative;
}
#content .Home .home-wrapper .home-content img {
  height: 50px;
  position: absolute;
  top: 15px;
  left: 0;
}
#content .Home .home-wrapper .home-content .text {
  margin-left: 70px;
  margin-right: 10px;
  font-size: 16px;
  height: 80px;
  display: table;
}
#content .Home .home-wrapper .home-content .text span {
  display: table-cell;
  vertical-align: middle;
}

#hover {
  pointer-events: none;
}
#hover * {
  pointer-events: none;
}
#hover .HoverImage {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1px;
}
#hover .HoverImage img {
  border: 1px solid #979797;
}

.Icon {
  margin-right: 2px;
}

.IlpAttachment {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
}
.IlpAttachment div.title {
  font-size: 10px;
  line-height: 10px;
  margin-top: 1px;
}
.IlpAttachment:disabled,
.IlpAttachment [disabled] {
  pointer-events: none;
  cursor: default;
}
.IlpAttachment .icon span {
  font-size: 11px;
  line-height: 11px;
  vertical-align: middle;
  display: inline-block;
  padding-bottom: 3px;
}

.IlpDetailGridController {
  display: inline-block;
}
.IlpDetailGridController .undo, .IlpDetailGridController .redo {
  font-size: 14px;
}
.IlpDetailGridController .wrapper {
  display: inline-block;
  position: relative;
}
.IlpDetailGridController button div, .IlpDetailGridController button i {
  pointer-events: none;
}
.IlpDetailGridController button.disabled {
  pointer-events: none;
  cursor: default;
}
.IlpDetailGridController button.disabled i.fal, .IlpDetailGridController button.disabled div {
  color: #979797;
}
.IlpDetailGridController button .fa-user {
  border: 1px solid;
  padding: 3px 3px 1px 3px;
  font-size: 12px;
}
.IlpDetailGridController .button-prompt {
  top: 28px;
  left: 0;
}

.IlpDetails {
  font-size: 12px;
  min-width: 800px;
}
.IlpDetails .collapse-button {
  position: absolute;
  top: -22px;
  right: 2px;
  font-size: 12px;
  font-family: "manrope-medium";
}
.IlpDetails.focused [data-key=notes] {
  background: #FFFDE7 !important;
}
.IlpDetails .ilp-details-image-wrapper {
  position: relative;
  z-index: 10;
}
.IlpDetails .ilp-details-image-wrapper img {
  z-index: 11;
  pointer-events: all;
}
.IlpDetails input, .IlpDetails select, .IlpDetails label {
  font-size: 12px;
}
.IlpDetails .controls {
  display: inline-block;
  float: right;
}
.IlpDetails .main-control-bar {
  height: 40px;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  line-height: 40px;
  top: 0px;
  left: 0;
  right: 0;
}
.IlpDetails .main-control-bar .fa-redo, .IlpDetails .main-control-bar .fa-undo {
  font-size: 14px;
}
.IlpDetails .student-name {
  display: inline-block;
  font-size: 16px;
  font-family: "manrope-semi-bold";
}
.IlpDetails .columns {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 90px 420px auto;
}
.IlpDetails input.date {
  width: 80px;
}
.IlpDetails input, .IlpDetails textarea, .IlpDetails .date.datepicker-input {
  border: 1px solid #3097d3;
  outline: none !important;
}
.IlpDetails .cb {
  line-height: 15px;
  display: inline-block;
  vertical-align: middle;
}
.IlpDetails label {
  display: inline-block;
  margin-bottom: 10px;
}
.IlpDetails input[type=checkbox] {
  margin-left: 0;
}
.IlpDetails input.date.datepicker-input.error {
  border: 1px solid red !important;
}
.IlpDetails input.date.datepicker-input:focus {
  box-shadow: none !important;
}
.IlpDetails .description input {
  width: 320px;
}
.IlpDetails .description input.error {
  border: 1px solid red;
}
.IlpDetails .description label {
  width: 80px;
}
.IlpDetails .col-1 {
  display: inline-block;
  margin-right: 20px;
}
.IlpDetails .col-1 label {
  width: 80px;
}
.IlpDetails .col-2 {
  display: inline-block;
}
.IlpDetails .col-2 label {
  width: 50px;
}
.IlpDetails .col-2 select {
  max-width: 150px;
}
.IlpDetails .col-3 label {
  width: 40px;
  margin-top: 1px;
}
.IlpDetails .col-3 .notes {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  left: 560px;
  right: 0;
  top: 11px;
  display: inline-block;
}
.IlpDetails .col-3 [data-key=notes] {
  height: 75px;
  resize: none;
  overflow-y: auto;
  border: 1px solid #3097d3;
  font-size: 12px;
  display: inline-block;
  padding: 2px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  pointer-events: all;
  background: white;
  padding: 2px;
  text-align: left;
  white-space: pre-wrap;
}
.IlpDetails .col-3 [data-key=notes] ul {
  list-style-type: disc !important;
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
.IlpDetails .notes-label {
  vertical-align: top;
}
.IlpDetails .notes-paragraph {
  border: 1px solid #DEDEDE;
  position: absolute;
  top: 41px;
  left: 554px;
  right: 16px;
  height: 100px;
  overflow-y: auto;
  padding: 2px;
}
.IlpDetails .notes-paragraph p {
  vertical-align: top;
}
.IlpDetails img {
  width: 75px;
  border: 1px solid #EAEAEA;
  padding: 1px;
}
.IlpDetails .comment-content {
  border: none;
  outline: none;
  pointer-events: all;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2px;
  text-align: left;
  white-space: pre;
}
.IlpDetails .comment-controller {
  background: #FAFAFA;
  width: 100%;
  display: inline-block;
  line-height: 26px;
  text-align: left;
  border: 1px solid #979797;
  border-bottom: none;
  box-sizing: border-box;
}
.IlpDetails .comment-controller .fa-expand {
  float: right;
  border-right: none;
  margin-top: 2px;
}
.IlpDetails .comment-controller i {
  width: 30px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  color: #3097d3;
}
.IlpDetails .comment-controller i.first {
  margin-left: 4px;
}
.IlpDetails .comment-controller i.selected {
  color: #0a00d8;
}
.IlpDetails .comment-controller i:hover {
  cursor: pointer;
  color: #0a00d8;
}

.IlpInsert {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.IlpInsert .ilp-search-box {
  position: absolute;
  left: 10px;
  top: 43px;
  width: 200px;
  height: 21px;
}
.IlpInsert .save-controls {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
}
.IlpInsert .prompt {
  width: 800px !important;
  height: 680px;
}
.IlpInsert .sub-headers {
  position: absolute;
  right: 10px;
  top: 45px;
  vertical-align: middle;
  font-size: 12px;
  z-index: 10;
}
.IlpInsert .sub-headers input, .IlpInsert .sub-headers span {
  vertical-align: middle;
}
.IlpInsert .sub-headers span {
  margin-right: 5px;
}
.IlpInsert #templates {
  display: none;
}
.IlpInsert.has-templates #templates {
  display: block;
  position: absolute;
  top: 3px;
  left: 10px;
}
.IlpInsert.has-templates #templates span, .IlpInsert.has-templates #templates select {
  font-size: 12px;
}
.IlpInsert.has-templates .prompt-body {
  top: 112px !important;
}
.IlpInsert.has-templates .prompt-bar {
  background: white !important;
}
.IlpInsert.has-templates .prompt-bar-bg {
  background: #F7F7F7;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  height: 36px;
}
.IlpInsert .prompt-bar {
  border-bottom: none !important;
}
.IlpInsert .prompt-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-bottom: 1px solid #CCCCCC;
  padding-left: 10px;
  box-sizing: border-box;
}
.IlpInsert .prompt-body {
  top: 81px !important;
}
.IlpInsert .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #3097d3;
  cursor: pointer;
  font-size: 16px;
}
.IlpInsert .close-button:hover {
  color: #0a00d8;
}
.IlpInsert .button-prompt {
  top: 17px;
  right: 10px;
  z-index: 11;
}
.IlpInsert input[type=checkbox] {
  padding: 0;
  margin: 0;
}
.IlpInsert input[type=text], .IlpInsert textarea {
  border: 1px solid #0d7cc1;
  outline: none;
  font-size: 12px;
  margin-bottom: 4px;
  width: 418px;
  resize: none;
}
.IlpInsert h1 {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
}

#ilp-details-print, #ilp-details-download {
  position: relative;
}
#ilp-details-print table, #ilp-details-download table {
  border-collapse: collapse !important;
}
#ilp-details-print td, #ilp-details-download td {
  position: relative;
}
#ilp-details-print .student-photo, #ilp-details-download .student-photo {
  position: absolute;
  top: 0;
  right: 0;
}
#ilp-details-print .student-photo img, #ilp-details-download .student-photo img {
  height: 100px;
}

td.borderless {
  border: none !important;
  padding: 1px 4px 2px 4px !important;
  color: black !important;
}
td.borderless .notes-label {
  vertical-align: top;
  display: inline-block;
  width: 80px;
}
td.borderless .notes-value {
  display: inline-block;
  width: calc(100% - 80px);
}

.ilp-detaiils-download-wrapper {
  margin-top: 100px;
  margin-left: 20px;
}

.IlpPrintPrompt .download-format {
  display: inline-block !important;
}
.IlpPrintPrompt .option-row {
  display: inline-block !important;
}
.IlpPrintPrompt .option-row * {
  vertical-align: middle;
}
.IlpPrintPrompt label.label {
  width: 140px;
  display: inline-block;
}
.IlpPrintPrompt label.signature {
  width: 56px;
  margin-left: 10px;
  display: inline-block;
}
.IlpPrintPrompt div.vgap {
  margin-bottom: 10px;
}
.IlpPrintPrompt div.vgap input {
  margin: 0 3px;
}
.IlpPrintPrompt div.vgap label {
  vertical-align: top;
}
.IlpPrintPrompt div, .IlpPrintPrompt label, .IlpPrintPrompt input {
  vertical-align: middle;
  white-space: nowrap;
}
.IlpPrintPrompt .include {
  font-family: "manrope-medium" !important;
}
.IlpPrintPrompt .prompt {
  width: 600px !important;
  height: 360px;
}
.IlpPrintPrompt .prompt-body {
  top: 90px;
}
.IlpPrintPrompt .ilp-school-name {
  font-weight: bold !important;
}
.IlpPrintPrompt .ilp-title {
  font-weight: bold !important;
}
.IlpPrintPrompt div {
  display: block;
}
.IlpPrintPrompt span {
  display: inline-block;
}
.IlpPrintPrompt tbody {
  display: table-row-group;
}
.IlpPrintPrompt table.borderless {
  width: auto;
  margin-left: -3px;
  margin-bottom: 10px;
}
.IlpPrintPrompt table.borderless td.underline {
  width: 220px;
  border-bottom: 1px solid black !important;
  text-align: left;
}
.IlpPrintPrompt table.borderless .sig-teacher {
  white-space: nowrap;
  width: 85px;
}
.IlpPrintPrompt table.borderless .sig-signed {
  width: 0px;
}
.IlpPrintPrompt table.borderless .sig-date {
  width: 0px;
}
.IlpPrintPrompt table.borderless th, .IlpPrintPrompt table.borderless td {
  border: none !important;
  padding: 1px 4px 2px 4px !important;
}
.IlpPrintPrompt table.borderless th {
  background: none;
  font-weight: normal;
  white-space: nowrap;
}
.IlpPrintPrompt table.borderless td {
  font-weight: bold;
}
.IlpPrintPrompt table.borderless.signature td {
  font-weight: normal;
}
.IlpPrintPrompt table.borderless.signature {
  width: auto !important;
}
.IlpPrintPrompt tr.sub-header th {
  font-weight: normal;
}
.IlpPrintPrompt tr.header {
  page-break-before: auto;
}
.IlpPrintPrompt th {
  font-weight: bold;
  background: #EAEAEA;
  vertical-align: top;
  text-align: left;
}
.IlpPrintPrompt th div {
  color: black !important;
}
.IlpPrintPrompt th .th-top {
  margin-bottom: 10px;
  max-height: 140px !important;
  overflow: hidden !important;
  border-bottom: 1px solid #979797;
}
.IlpPrintPrompt th, .IlpPrintPrompt td {
  padding: 4px 8px;
  border: 1px solid #676767;
  color: black !important;
  vertical-align: top;
}
.IlpPrintPrompt tr {
  display: table-row;
}
.IlpPrintPrompt br {
  display: block;
}
.IlpPrintPrompt span {
  display: inline-block;
}
.IlpPrintPrompt .student-photo.hidden {
  display: none;
}
.IlpPrintPrompt .hidden {
  display: none;
}

.IlpRefreshButton {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  vertical-align: middle;
}
.IlpRefreshButton div {
  font-size: 10px;
  line-height: 10px;
  margin-top: 1px;
}
.IlpRefreshButton.disabled, .IlpRefreshButton:disabled,
.IlpRefreshButton [disabled] {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.IlpRefreshButton .fa-exclamation {
  color: #db2e26;
  font-size: 17px;
}
.IlpRefreshButton .fa-exclamation.hidden {
  color: white;
}

.IlpSettings .include {
  font-family: "manrope-medium" !important;
}
.IlpSettings .prompt {
  width: 610px !important;
  height: 750px !important;
  border: 1px solid #CCCCCC;
}
.IlpSettings .prompt-bar {
  top: 65px !important;
}
.IlpSettings .sub-headers {
  position: absolute;
  line-height: 30px;
  left: 10px;
  vertical-align: middle;
}
.IlpSettings .sub-headers span {
  vertical-align: middle;
  display: inline-block;
}
.IlpSettings .sub-headers input {
  vertical-align: middle;
  display: inline-block;
}
.IlpSettings .prompt-body {
  top: 100px !important;
  padding: 0 !important;
}
.IlpSettings .prompt-body .column {
  position: relative;
  border-bottom: 1px solid #EAEAEA;
  margin-top: 8px;
}
.IlpSettings .prompt-body .column:last-child {
  border: none;
}
.IlpSettings .prompt-body .column input[type=checkbox] {
  margin-top: 6px;
}
.IlpSettings .prompt-body input {
  vertical-align: top;
}
.IlpSettings .prompt-body .title {
  display: inline-block;
  width: 90px;
  vertical-align: top;
}
.IlpSettings .prompt-body .title span {
  font-size: 12px;
  font-family: "manrope-semi-bold";
  line-height: 24px;
}
.IlpSettings .prompt-body .details {
  display: inline-block;
  width: calc(100% - 100px);
  margin-bottom: 8px;
}
.IlpSettings .prompt-body .details span {
  font-size: 12px;
  width: 60px;
  display: inline-block;
  line-height: 24px;
}
.IlpSettings .prompt-body .details div span {
  vertical-align: top;
}
.IlpSettings .prompt-body input[type=checkbox] {
  padding: 0;
  margin: 0;
}
.IlpSettings .prompt-body input[type=text], .IlpSettings .prompt-body textarea {
  border: 1px solid #a2b7c4;
  outline: none;
  font-size: 12px;
  margin-bottom: 4px;
  width: 406px;
  resize: none;
}

.Image {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.Image img {
  object-fit: fill;
}

.ImportAssessment {
  position: absolute;
  top: 30px;
  left: 0;
}
.ImportAssessment ul {
  list-style: none;
  padding-inline-start: 0;
}
.ImportAssessment ul li {
  font-size: 14px;
  cursor: pointer;
}
.ImportAssessment button.insert-button {
  display: inline-block;
  margin-top: 10px;
  margin-left: -3px;
}
.ImportAssessment button.insert-button.hidden {
  display: none;
}
.ImportAssessment h2.validation {
  font-size: 16px;
  font-family: "manrope-medium";
  font-weight: normal;
}
.ImportAssessment h2.validation.loading :after {
  animation: dots 2s linear infinite;
  content: "";
}
@keyframes dots {
  0%, 20% {
    content: ".";
  }
  40% {
    content: "..";
  }
  60% {
    content: "...";
  }
  90%, 100% {
    content: "";
  }
}

.ImportOptions {
  position: absolute;
  top: 30px;
  left: 0;
}
.ImportOptions ul {
  list-style: none;
  padding-inline-start: 0;
}
.ImportOptions ul li {
  font-size: 14px;
  cursor: pointer;
}
.ImportOptions button.insert-button {
  display: inline-block;
  margin-top: 10px;
  margin-left: -3px;
}
.ImportOptions button.insert-button.hidden {
  display: none;
}
.ImportOptions h2.validation {
  font-size: 16px;
  font-family: "manrope-medium";
  font-weight: normal;
}
.ImportOptions h2.validation.loading :after {
  animation: dots 2s linear infinite;
  content: "";
}
@keyframes dots {
  0%, 20% {
    content: ".";
  }
  40% {
    content: "..";
  }
  60% {
    content: "...";
  }
  90%, 100% {
    content: "";
  }
}

.ImportAssessment {
  position: absolute;
  top: 30px;
  left: 0;
}
.ImportAssessment ul {
  list-style: none;
  padding-inline-start: 0;
}
.ImportAssessment ul li {
  font-size: 14px;
  cursor: pointer;
}
.ImportAssessment button.insert-button {
  display: inline-block;
  margin-top: 10px;
  margin-left: -3px;
}
.ImportAssessment button.insert-button.hidden {
  display: none;
}
.ImportAssessment h2.validation {
  font-size: 16px;
  font-family: "manrope-medium";
  font-weight: normal;
}
.ImportAssessment h2.validation.loading :after {
  animation: dots 2s linear infinite;
  content: "";
}
@keyframes dots {
  0%, 20% {
    content: ".";
  }
  40% {
    content: "..";
  }
  60% {
    content: "...";
  }
  90%, 100% {
    content: "";
  }
}

.List li {
  list-style: none;
  border-bottom: 1px solid #EAEAEA;
  padding: 4px 0;
}
.List li:hover {
  background: #EAEAEA !important;
}
.List li.selected {
  background: #FFFDE7 !important;
  color: black;
}
.List li.selected:hover {
  background: #EEEAC4 !important;
}
.List li:nth-child(odd) {
  background: #FAFAFA;
}
.List [data-key=empty-list] {
  margin: 0 16px;
  font-style: italic;
}

.LoginButton {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  vertical-align: middle;
}
.LoginButton:disabled,
.LoginButton [disabled] {
  pointer-events: none;
  cursor: default;
}

.Paragraph {
  color: #878787;
  font-size: 14px;
}

.Paragraph {
  color: #878787;
  font-size: 14px;
}

p.UserName {
  margin: 0;
}

p.UserName {
  margin: 0;
  font-size: 12px;
}

#manage-form-control-bar .right {
  float: right;
  margin-right: 10px;
}
#manage-form-control-bar .insert-button {
  display: inline-block;
}
#manage-form-control-bar .insert-button .fa-plus-circle {
  font-size: 14px;
}
#manage-form-control-bar .insert-button ul .menu-button-option span.fal {
  font-size: 14px;
  width: 12px;
}
#manage-form-control-bar .show-in-search {
  display: none;
}
#manage-form-control-bar.in-search .show-in-search {
  display: block;
}
#manage-form-control-bar.in-search .hide-in-search {
  display: none;
}
#manage-form-control-bar .back-button {
  position: absolute;
  top: -37px;
  right: 0;
}
#manage-form-control-bar .back-button:hover {
  background: #c8dac8;
}

.Management h1 {
  font-family: "manrope-bold";
  font-size: 18px;
  color: #2b4ea4;
}
.Management h2 {
  font-size: 14px;
  margin-bottom: 0;
  color: #2b4ea4;
}
.Management label {
  width: 160px;
  display: inline-block;
  font-size: 14px;
}
.Management select {
  font-weight: bold;
}
.Management table.management {
  border-collapse: collapse;
  width: 320px;
  margin-bottom: 10px;
}
.Management th {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #CCCCCC;
  background: #FAFAFA;
  padding: 4px;
}
.Management td {
  border: 1px solid #CCCCCC;
  padding: 4px;
  width: 30px;
}
.Management th.title {
  font-size: 16px;
  border: none;
  font-family: "manrope-bold";
  color: #2b4ea4;
  padding: 4px 10px 4px 0px;
}

.ManagementEditController button:disabled, .ManagementEditController button[disabled] {
  opacity: 0.5;
}
.ManagementEditController button i.fal.fa-circle-arrow-left, .ManagementEditController button i.fal.fa-floppy-disk, .ManagementEditController button i.fal.fa-undo {
  color: black;
  margin: 0;
}
.ManagementEditController button i.fal.fa-circle-arrow-left {
  font-size: 20px;
}
.ManagementEditController button i.fal.fa-floppy-disk, .ManagementEditController button i.fal.fa-undo {
  font-size: 18px;
}

#modal .MapAssessmentListing .prompt {
  width: 600px;
  height: 800px;
}
#modal .MapAssessmentListing .prompt-bar {
  top: 45px !important;
  border-bottom: none;
}
#modal .MapAssessmentListing .prompt-bar .search-bar {
  top: 4px;
}
#modal .MapAssessmentListing .prompt-body {
  top: 82px !important;
}

#modal .MapDefaultDate .prompt {
  width: 600px;
}
#modal .MapDefaultDate .prompt-body {
  left: 0 !important;
  top: 90px !important;
  right: 0 !important;
  overflow: hidden !important;
}
#modal .MapDefaultDate .prompt-body label {
  display: inline-block;
  width: 60px;
}
#modal .MapDefaultDate .prompt-body div {
  margin-bottom: 14px;
}
#modal .MapDefaultDate .prompt-body select {
  width: 90px;
}
#modal .MapDefaultDate p {
  font-family: "manrope-semi-bold";
  margin-bottom: 20px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
  margin-top: 0;
}
#modal .MapDefaultDate .values {
  display: inline-block;
}

#modal .MapFormListing .prompt {
  width: 600px;
  height: 800px;
}
#modal .MapFormListing .prompt-bar {
  top: 45px !important;
  border-bottom: none;
}
#modal .MapFormListing .prompt-bar .search-bar {
  top: 4px;
}
#modal .MapFormListing .prompt-body {
  top: 82px !important;
}

.MapIndicatorControlBar .right {
  float: right;
  margin-right: 10px;
}
.MapIndicatorControlBar button div, .MapIndicatorControlBar button i, .MapIndicatorControlBar button span {
  pointer-events: none;
}

#modal .MapIndicatorListing .prompt {
  width: 600px;
  height: 800px;
}
#modal .MapIndicatorListing .prompt-bar {
  top: 45px !important;
  border-bottom: none;
}
#modal .MapIndicatorListing .prompt-bar .search-bar {
  top: 4px;
}
#modal .MapIndicatorListing .prompt-body {
  top: 82px !important;
}

#modal .MapIndicatorSettings .prompt {
  width: 600px;
  height: 800px;
}
#modal .MapIndicatorSettings .prompt-bar {
  top: 38px !important;
  border-bottom: none;
}
#modal .MapIndicatorSettings .prompt-bar .search-bar {
  top: 4px;
}
#modal .MapIndicatorSettings .prompt-body {
  top: 82px !important;
}

.MapLayoutController .right {
  float: right;
  margin-right: 10px;
}
.MapLayoutController .insert-button {
  display: inline-block;
}
.MapLayoutController .insert-button .fa-plus-circle {
  font-size: 14px;
}
.MapLayoutController .insert-button ul .menu-button-option span.fal {
  font-size: 14px;
  width: 12px;
}
.MapLayoutController .show-in-search {
  display: none;
}
.MapLayoutController.in-search .show-in-search {
  display: block;
}
.MapLayoutController.in-search .hide-in-search {
  display: none;
}

.MapMerge .prompt {
  width: 800px;
  height: 800px;
}

.tmce-editor.TmceAssessment .prompt {
  width: 500px !important;
}
.tmce-editor.TmceAssessment .prompt-body > div {
  margin-top: 10px;
  margin-bottom: 10px;
}
.tmce-editor.TmceAssessment .save-controls right {
  display: inline-block;
  float: right;
}
.tmce-editor.TmceAssessment .prompt-body .grid-header.top-cell {
  align-items: center;
  display: grid;
}
.tmce-editor.TmceAssessment .prompt-body .grid-header.top-cell .column-sort {
  top: auto !important;
}
.tmce-editor.TmceAssessment .prompt-body div.spacer {
  margin: 10px;
}
.tmce-editor.TmceAssessment .prompt-body input {
  border-bottom: 1px dotted #CCCCCC;
}
.tmce-editor.TmceAssessment .prompt-body label {
  width: 90px;
  display: inline-block;
  white-space: nowrap;
}
.tmce-editor.TmceAssessment .prompt-body #assessment {
  display: inline-block;
  width: calc(100% - 100px);
  margin: 0;
  vertical-align: middle;
}
.tmce-editor.TmceAssessment .prompt-body #assessment div.DropDownTreeMenu span.title {
  font-size: 13px !important;
  max-width: 350px;
}
.tmce-editor.TmceAssessment .prompt-body span.fa-angle-down {
  vertical-align: top;
  margin-top: 4px;
}
.tmce-editor.TmceAssessment .prompt-body .text-comment {
  margin-bottom: 0;
}
.tmce-editor.TmceAssessment .prompt-body .text-comment label {
  font-size: 12px;
  margin-top: 10px;
  color: #979797;
}

.tmce-editor.TmceAttachment .prompt {
  width: 400px !important;
}
.tmce-editor.TmceAttachment .prompt-body > div {
  margin-top: 10px;
  margin-bottom: 10px;
}
.tmce-editor.TmceAttachment .save-controls right {
  display: inline-block;
  float: right;
}
.tmce-editor.TmceAttachment .prompt-body input.description {
  width: calc(100% - 120px);
}
.tmce-editor.TmceAttachment .prompt-body .grid-header.top-cell {
  align-items: center;
  display: grid;
}
.tmce-editor.TmceAttachment .prompt-body .grid-header.top-cell .column-sort {
  top: auto !important;
}
.tmce-editor.TmceAttachment .prompt-body div.spacer {
  margin: 10px;
}
.tmce-editor.TmceAttachment .prompt-body input {
  border-bottom: 1px dotted #CCCCCC;
}
.tmce-editor.TmceAttachment .prompt-body label {
  width: 98px !important;
  display: inline-block;
}
.tmce-editor.TmceAttachment .prompt-body table {
  width: auto !important;
}
.tmce-editor.TmceAttachment .prompt-body table td {
  padding-right: 10px;
  vertical-align: top;
}
.tmce-editor.TmceAttachment select {
  font-weight: bold;
}

.TmceCheckbox .prompt-body .alignment label, .TmceCheckbox .prompt-body .alignment input {
  vertical-align: middle;
  margin-top: 0;
}
.TmceCheckbox .prompt-body .label-wrapper textarea {
  outline: none;
  resize: none;
  width: calc(100% - 90px);
  border: 1px solid #CCCCCC;
}
.TmceCheckbox .prompt-body .label-wrapper textarea, .TmceCheckbox .prompt-body .label-wrapper label {
  vertical-align: top;
}

.tmce-editor.TmceDropdown .prompt {
  width: 600px !important;
}
.tmce-editor.TmceDropdown .prompt-body input {
  margin-right: 10px;
  vertical-align: middle;
  margin-top: 0;
}
.tmce-editor.TmceDropdown .prompt-body input.width, .tmce-editor.TmceDropdown .prompt-body input.height {
  width: 50px;
}
.tmce-editor.TmceDropdown .prompt-body input.description {
  width: calc(100% - 100px);
}
.tmce-editor.TmceDropdown .prompt-body .values-wrapper {
  position: relative;
  height: 200px;
  margin-bottom: 0 !important;
}
.tmce-editor.TmceDropdown .prompt-body .values-wrapper .values {
  position: absolute;
  left: 80px;
  right: 0;
  top: 0;
  height: 190px;
}
.tmce-editor.TmceDropdown .prompt-body .values-wrapper .values .grid-container-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 36px;
  overflow-y: scroll;
}
.tmce-editor.TmceDropdown .prompt-body .values-wrapper .values .grid-cell {
  white-space: pre;
}

.tmce-editor.TmceGrid .prompt {
  width: 690px !important;
}
.tmce-editor.TmceGrid .prompt-body input {
  margin-right: 10px;
  vertical-align: middle;
  margin-top: 0;
}
.tmce-editor.TmceGrid .prompt-body input.width, .tmce-editor.TmceGrid .prompt-body input.height {
  width: 50px;
}
.tmce-editor.TmceGrid .prompt-body input.description {
  width: calc(100% - 100px);
}
.tmce-editor.TmceGrid .prompt-body input[type=text] {
  width: 570px;
}
.tmce-editor.TmceGrid .prompt-body .values-wrapper {
  position: relative;
  height: 300px;
  margin-bottom: 0 !important;
}
.tmce-editor.TmceGrid .prompt-body .values-wrapper .values {
  position: absolute;
  left: 80px;
  right: 0;
  top: 0;
  height: 290px;
}
.tmce-editor.TmceGrid .prompt-body .values-wrapper .values .grid-container-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 36px;
  overflow-y: scroll;
}
.tmce-editor.TmceGrid .prompt-body .values-wrapper .values .grid-cell {
  white-space: pre;
}

.tmce-editor.TmceGridColumn .prompt {
  width: 690px !important;
}
.tmce-editor.TmceGridColumn .prompt-body input {
  margin-right: 10px;
  vertical-align: middle;
  margin-top: 0;
}
.tmce-editor.TmceGridColumn .prompt-body input.width, .tmce-editor.TmceGridColumn .prompt-body input.height {
  width: 50px;
}
.tmce-editor.TmceGridColumn .prompt-body input.description {
  width: calc(100% - 100px);
}
.tmce-editor.TmceGridColumn .prompt-body input.grid-paste {
  background: #FAFAFA;
  width: 70px;
  border: 1px solid #4698d5;
}
.tmce-editor.TmceGridColumn .prompt-body input[type=text] {
  width: 570px;
}
.tmce-editor.TmceGridColumn .prompt-body input[type=text].grid-paste {
  width: 50px;
}
.tmce-editor.TmceGridColumn .prompt-body .values-wrapper {
  position: relative;
  height: 200px;
  margin-bottom: 0 !important;
}
.tmce-editor.TmceGridColumn .prompt-body .values-wrapper .values {
  position: absolute;
  left: 80px;
  right: 0;
  top: 0;
  height: 190px;
}
.tmce-editor.TmceGridColumn .prompt-body .values-wrapper .values .grid-container-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 36px;
  overflow-y: scroll;
}
.tmce-editor.TmceGridColumn .prompt-body .values-wrapper .values .grid-cell {
  white-space: pre;
}

.TmceIndicator .prompt {
  width: 400px !important;
}
.TmceIndicator .prompt-body > div {
  margin-top: 10px;
  margin-bottom: 10px;
}
.TmceIndicator .save-controls right {
  display: inline-block;
  float: right;
}
.TmceIndicator .prompt-body .grid-header.top-cell {
  align-items: center;
  display: grid;
}
.TmceIndicator .prompt-body .grid-header.top-cell .column-sort {
  top: auto !important;
}
.TmceIndicator .prompt-body div.spacer {
  margin: 10px;
}
.TmceIndicator .prompt-body input {
  border-bottom: 1px dotted #CCCCCC;
}
.TmceIndicator .prompt-body label {
  width: 70px;
  display: inline-block;
}
.TmceIndicator select {
  font-weight: bold;
}

.tmce-editor.TmceMultiSelect .prompt {
  width: 600px !important;
}
.tmce-editor.TmceMultiSelect .prompt-body input {
  margin-right: 10px;
  vertical-align: middle;
  margin-top: 0;
}
.tmce-editor.TmceMultiSelect .values-wrapper {
  position: relative;
  height: 200px;
  margin-bottom: 0 !important;
}
.tmce-editor.TmceMultiSelect .values-wrapper .values {
  position: absolute;
  left: 80px;
  right: 0;
  top: 0;
  height: 190px;
}
.tmce-editor.TmceMultiSelect .values-wrapper .values .grid-container-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 36px;
  overflow-y: scroll;
}
.tmce-editor.TmceMultiSelect .values-wrapper .values .grid-cell {
  white-space: pre;
}

.tmce-editor.TmceRadioButton .prompt {
  width: 600px !important;
}
.tmce-editor.TmceRadioButton .prompt-body label {
  display: inline-block;
  width: 80px;
}
.tmce-editor.TmceRadioButton .prompt-body label.inline {
  width: auto;
  vertical-align: middle;
}
.tmce-editor.TmceRadioButton .prompt-body input {
  margin-right: 10px;
  vertical-align: middle;
  margin-top: 0;
}
.tmce-editor.TmceRadioButton .prompt-body input.description {
  width: calc(100% - 100px);
}
.tmce-editor.TmceRadioButton .prompt-body .alignment label, .tmce-editor.TmceRadioButton .prompt-body .alignment input {
  vertical-align: middle;
}
.tmce-editor.TmceRadioButton .prompt-body .alignment input {
  margin: 0 10px;
}
.tmce-editor.TmceRadioButton .values-wrapper {
  position: relative;
  height: 200px;
  margin-bottom: 0 !important;
}
.tmce-editor.TmceRadioButton .values-wrapper .values {
  position: absolute;
  left: 80px;
  right: 0;
  top: 0;
  height: 190px;
}
.tmce-editor.TmceRadioButton .values-wrapper .values .grid-container-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 36px;
  overflow-y: scroll;
}
.tmce-editor.TmceRadioButton .values-wrapper .values .grid-cell {
  white-space: pre;
}

.tmce-editor.TmceRubric .prompt {
  width: 1068px !important;
}
.tmce-editor.TmceRubric .prompt-body #values_tab button {
  pointer-events: none !important;
}
.tmce-editor.TmceRubric .prompt-body #values_tab button i {
  color: #cccccc !important;
}
.tmce-editor.TmceRubric .prompt-body .multi-select label, .tmce-editor.TmceRubric .prompt-body .multi-select input {
  vertical-align: middle;
}
.tmce-editor.TmceRubric .prompt-body .tabs {
  text-align: right;
  width: calc(100% - 20px);
  margin-left: 20px;
  height: 34px;
  border-bottom: 1px solid #CCCCCC;
}
.tmce-editor.TmceRubric .prompt-body .tabs button {
  margin-right: -1px;
  padding: 10px 10px 9px 10px;
  border-radius: 0;
  border: 1px solid #CCCCCC;
  cursor: pointer;
  font-size: 12px;
}
.tmce-editor.TmceRubric .prompt-body .tabs button.selected {
  background: white;
  border-bottom: 1px solid white;
}
.tmce-editor.TmceRubric .prompt-body .tabs button[data-key=fields] {
  background: none;
  border: none;
}
.tmce-editor.TmceRubric .prompt-body .tabs button.left-button {
  border-radius: 10px 0 0 0;
}
.tmce-editor.TmceRubric .prompt-body .tabs button.right-button {
  border-radius: 0 10px 0 0;
  margin-right: 3px !important;
}
.tmce-editor.TmceRubric .prompt-body .values-tab, .tmce-editor.TmceRubric .prompt-body .criteria-tab, .tmce-editor.TmceRubric .prompt-body .levels-tab {
  height: 600px;
  position: relative;
}

.TmceStaticData .prompt {
  width: 400px !important;
}
.TmceStaticData .prompt-body > div {
  margin-top: 10px;
  margin-bottom: 10px;
}
.TmceStaticData .save-controls right {
  display: inline-block;
  float: right;
}
.TmceStaticData .prompt-body .grid-header.top-cell {
  align-items: center;
  display: grid;
}
.TmceStaticData .prompt-body .grid-header.top-cell .column-sort {
  top: auto !important;
}
.TmceStaticData .prompt-body div.spacer {
  margin: 10px;
}
.TmceStaticData .prompt-body input {
  border-bottom: 1px dotted #CCCCCC;
}
.TmceStaticData .prompt-body label {
  width: 70px;
  display: inline-block;
}
.TmceStaticData select {
  font-weight: bold;
}

.TmceTextArea .prompt-body label {
  display: inline-block;
  width: 80px;
}
.TmceTextArea .prompt-body input.description {
  width: calc(100% - 90px);
}

.tmce-editor input {
  border-bottom: 1px solid #CCCCCC;
}
.tmce-editor .prompt {
  width: 400px !important;
}
.tmce-editor .prompt-body > div {
  margin-top: 10px;
  margin-bottom: 10px;
}
.tmce-editor .save-controls right {
  display: inline-block;
  float: right;
}
.tmce-editor .prompt-body label {
  display: inline-block;
  width: 80px;
}
.tmce-editor .prompt-body label.inline {
  width: auto;
  vertical-align: middle;
}
.tmce-editor .prompt-body input.description {
  width: calc(100% - 100px);
}
.tmce-editor .prompt-body .grid-header.top-cell {
  align-items: center;
  display: grid;
}
.tmce-editor .prompt-body .grid-header.top-cell .column-sort {
  top: auto !important;
}
.tmce-editor .prompt-body div.spacer {
  margin: 10px;
}
.tmce-editor .prompt-body input[type=text] {
  border-bottom: 1px dotted #CCCCCC;
}
.tmce-editor .prompt-body .grid-editor input {
  border-bottom: none !important;
}
.tmce-editor .prompt-body .form-grid-editor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  overflow: hidden;
  background: #FCFCFC;
}

.PageController .page-header input[type=text] {
  border-bottom: 1px dotted #CCCCCC;
  width: 400px;
}
.PageController .page-header input[type=text]:focus {
  background: #FFFDE7;
}
.PageController .name {
  margin-left: 32px;
  font-size: 12px;
  width: 382px;
}
.PageController .margins {
  position: absolute;
  top: 68px;
  left: 74px;
}
.PageController .page-header {
  position: absolute;
  left: 0;
  top: 50px;
  right: 100px;
}
.PageController [data-key=header-control] {
  Position: absolute;
  top: 38px;
  right: 10px;
  font-size: 12px;
}
.PageController [data-key=preview-control] {
  Position: absolute;
  top: 7px;
  right: 10px;
  font-size: 12px;
}
.PageController button[data-key=word], .PageController button[data-key=indent], .PageController button[data-key=convert] {
  border: none;
  position: relative;
  z-index: 1;
}
.PageController .form-rich-text-editor {
  min-width: 280px;
  border-bottom: 1px dotted #CCCCCC;
}
.PageController .form-rich-text-editor.focused {
  border: 1px solid #CCCCCC;
}
.PageController .form-rich-text-editor .comment-wrapper {
  height: calc(100% - 32px);
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.PageController .form-rich-text-editor .comment-content {
  border: none;
  outline: none;
  height: 100%;
  padding: 4px;
  height: calc(100% - 6px);
  white-space: pre-wrap;
}
.PageController .form-rich-text-editor .comment-controller i {
  font-family: "font-awesome-6";
}
.PageController .line * {
  vertical-align: middle;
}
.PageController .line.top * {
  vertical-align: top;
}
.PageController textarea {
  width: 400px;
  height: 6em;
  border: none;
  border-bottom: 1px dotted #CCCCCC;
  outline: none;
  resize: none;
}
.PageController textarea:focus {
  background: #FFFDE7;
}
.PageController .css-editor, .PageController .html-editor {
  background: none;
  border: 1px solid #CCCCCC;
  padding: 4px 8px;
  cursor: pointer;
  background: #F3F3F3;
}
.PageController .css-editor:hover, .PageController .html-editor:hover {
  border: 1px solid #2b4ea4;
}
.PageController .preview-content.user-forms.landscape {
  width: 1140px !important;
}
.PageController #preview-content .form-header {
  display: block;
}
.PageController #preview-content .form-footer {
  display: block;
}
.PageController .preview-title .preview-for {
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;
}
.PageController .preview-title button {
  vertical-align: middle;
  margin-right: 20px;
}
.PageController #noteView > div {
  height: 100% !important;
  overflow: hidden !important;
}
.PageController div.rubric table {
  width: auto;
  max-width: calc(100% - 2px);
}
.PageController div.rubric table td {
  padding: 0.5em;
}
.PageController div.rubric table tr td:first-child {
  background-color: #FEFEFE;
  background-color: #EAEAEA;
}
.PageController div.rubric table tr:first-child td {
  background-color: #FEFEFE;
  background-color: #EAEAEA;
}
.PageController div.rubric table tr:first-child td:first-child {
  background: none;
  border: none;
}
.PageController div.rubric table th, .PageController div.rubric table td {
  border: 1px solid #CCCCCC;
}
.PageController div.rubric table th.selected, .PageController div.rubric table td.selected {
  background-color: rgba(245, 192, 127, 0.8);
}

@media print {
  .FormEdit.print-forms .edit-header, .FormEdit.print-forms .page-header, .FormEdit.print-forms [data-key=header-control], .FormEdit.print-forms [data-key=preview-control], .FormEdit.print-forms .template-editor, .FormEdit.print-forms .preview-title, .FormEdit.print-forms #form-links {
    display: none;
  }
  .FormEdit.print-forms .FormTemplateEditor .preview-content {
    position: static !important;
  }
  .FormEdit.print-forms #content {
    position: static !important;
  }
  .FormEdit.print-forms .FormTemplateEditor .preview-content, .FormEdit.print-forms .FormTemplateEditor .page-content, .FormEdit.print-forms .FormTemplateEditor .template-preview {
    position: static !important;
  }
}
/*.tox .tox-editor-header {
   display: none !important;
}
*/
.tox .tox-edit-area::before {
  border: none !important;
}

.tox.tox-tinymce {
  border: none !important;
  border-radius: 0 !important;
}

.Paragraph {
  color: #878787;
  font-size: 14px;
}

.Prompt .prompt-body {
  font-size: 14px;
}

.ReportLayoutEditor .prompt {
  width: 800px;
  height: 800px;
}

.ReportInsert .bold {
  font-family: "manrope-semi-bold";
}
.ReportInsert .warning {
  color: orangered;
}
.ReportInsert .warning.mandatory {
  color: darkred;
  font-family: "manrope-semi-bold";
}
.ReportInsert #layout-warning {
  margin-left: 20px;
}
.ReportInsert #report-pages {
  margin-top: 10px;
}
.ReportInsert .top-table .title {
  font-family: "manrope-semi-bold";
}
.ReportInsert .top-table .DropDownTreeMenu .menu-items {
  max-height: 570px !important;
}
.ReportInsert .top-table .DropDownTreeMenu .title {
  font-size: 14px;
}
.ReportInsert table.data-scope-selection {
  width: auto !important;
}
.ReportInsert .page-selection {
  margin-left: 75px;
  margin-top: 10px;
}
.ReportInsert .page-selection a {
  cursor: pointer;
  color: #0d7cc1;
}
.ReportInsert .page-selection a:hover {
  text-decoration: underline;
}
.ReportInsert h2 {
  font-family: "manrope-medium";
  font-size: 14px;
  margin: 5px 0 0 0;
}
.ReportInsert hr {
  margin: 20px 0px 20px 0px;
  opacity: 0.3;
}
.ReportInsert th.title {
  width: 66px;
  text-align: left;
  vertical-align: top;
  line-height: 18px;
  white-space: nowrap;
}
.ReportInsert table.top-table {
  margin-top: 10px;
}
.ReportInsert table input, .ReportInsert table label {
  vertical-align: middle;
}
.ReportInsert table input {
  margin-right: 6px;
}
.ReportInsert input.year {
  width: 60px;
}
.ReportInsert input.num {
  width: 20px;
}
.ReportInsert select {
  border: none;
}

@media screen and (max-width: 1415px) {
  .ReportList .prompt {
    width: 90% !important;
    left: 50% !important;
    margin-left: -45% !important;
  }
  .ReportList .prompt .media-wide {
    display: none;
  }
  .ReportList .prompt .media-narrow {
    display: inline-block;
  }
  .ReportList .prompt #headers-list .DropDownMenu {
    max-width: calc(100% - 460px) !important;
  }
}
#modal.report-modal .prompt-header .header-title span {
  font-size: 18px;
  font-family: "manrope-medium";
  padding-top: 2px;
  display: inline-block;
}

#modal .ReportList label.label {
  width: 130px;
  display: inline-block;
}
#modal .ReportList .prompt {
  width: 1200px;
  height: 800px;
  border: 1px solid #FAFAFA;
}
#modal .ReportList .save-controls {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
}
#modal .ReportList .prompt-header {
  height: 50px;
  position: absolute;
  left: 0;
  right: -1px;
  top: 0;
  padding-left: 10px;
  box-sizing: border-box;
}
#modal .ReportList .prompt-header .header-title {
  line-height: 20px;
  margin-top: 2px;
  font-family: "manrope-semi-bold";
}
#modal .ReportList.report-bar-bottom-border .prompt-bar {
  border-bottom: 1px solid #CCCCCC !important;
}
#modal .ReportList .prompt-bar {
  height: 34px;
  line-height: 31px;
  position: absolute;
  top: 50px;
  left: 0px;
  right: 0px;
  padding-left: 10px;
  padding-right: 10px;
  border: none !important;
}
#modal .ReportList .prompt-bar .divider, #modal .ReportList .prompt-bar i, #modal .ReportList .prompt-bar span {
  vertical-align: middle;
  line-height: normal;
}
#modal .ReportList .prompt-bar .divider {
  margin: 0 15px 0 5px;
}
#modal .ReportList .prompt-body {
  position: absolute;
  top: 92px !important;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow-y: auto;
}
#modal .ReportList .prompt-body .DropDownTreeMenu {
  margin: 0 !important;
}

.ReportPages table.col-a, .ReportPages table.col-b, .ReportPages table.col-c {
  display: inline-block;
  max-width: calc(33% - 20px);
  vertical-align: top;
}
.ReportPages table.col-a, .ReportPages table.col-b {
  margin-right: 20px;
}
.ReportPages .num {
  margin-right: 4px;
  display: inline-block;
}

.ReportView h1 {
  margin-top: 10px;
  font-family: "manrope-semi-bold";
  font-size: 14px;
}
.ReportView h2 {
  font-family: "manrope-medium";
  font-size: 12px;
  margin: 5px 0 0 0;
}
.ReportView hr {
  margin: 20px 0px 20px 0px;
  opacity: 0.3;
}
.ReportView th {
  padding-right: 10px;
}
.ReportView table.inline {
  display: inline-block;
  max-width: calc(49% - 10px);
  margin-right: 20px;
  vertical-align: top;
}
.ReportView b.error {
  color: darkred;
}
.ReportView b.title {
  width: 80px;
  display: inline-block;
}
.ReportView b.title.layout {
  margin-top: 10px;
}

.search-box {
  border: 1px solid #BABABA;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 4px;
}
.search-box.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.search-box.disabled input {
  background: #EAEAEA;
}
.search-box input[data-key=search-value] {
  border: none;
  outline: none;
  width: calc(100% - 25px);
  font-size: 12px;
  padding: 0 3px;
  height: 100%;
  margin: 0;
  vertical-align: top;
}
.search-box input[data-key=search-value]::placeholder {
  opacity: 0.7;
}
.search-box button[data-key=submit-search] {
  border: none;
  border-left: 1px solid #BABABA;
  width: 25px;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: 0;
  padding: 0;
}
.search-box button[data-key=submit-search] i {
  font-size: 12px;
  padding: 2px;
}
.search-box button[data-key=submit-search]:hover {
  cursor: pointer;
}
.search-box i[data-key=clear-search] {
  color: #979797;
  position: absolute;
  right: 30px;
  line-height: 20px;
  vertical-align: middle;
  font-size: 12px;
  display: none;
}
.search-box i[data-key=clear-search]:hover {
  cursor: pointer;
}

.Select {
  outline: none;
  border: none;
}
.Select option.group-header {
  font-family: "manrope-semi-bold";
  margin-top: 10px;
}

.ExpiryCountDown [data-key=seconds] {
  font-family: "manrope-semi-bold";
}
.ExpiryCountDown .prompt {
  width: 400px;
  height: 120px;
}

.ShowHideMapOptions {
  font-size: 12px;
}
.ShowHideMapOptions a {
  cursor: pointer;
}
.ShowHideMapOptions a:hover {
  text-decoration: underline;
}
.ShowHideMapOptions [data-key=show-options] {
  display: none;
}

.hide-map-options .ShowHideMapOptions [data-key=show-options] {
  display: inline-block;
}
.hide-map-options .ShowHideMapOptions [data-key=hide-options] {
  display: none;
}

.SingleStudentResults {
  position: absolute;
  top: 4px;
  left: 10px;
  right: 10px;
  bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 10px;
  grid-auto-rows: min-content;
  font-family: "manrope-medium" !important;
  font-size: 12px;
}
.SingleStudentResults td.relative-performance {
  white-space: nowrap;
}
.SingleStudentResults td i.fas.fa-check-square, .SingleStudentResults td i.fal.fa-square {
  font-size: 16px;
}
.SingleStudentResults input[type=checkbox] {
  pointer-events: none;
  margin: 2px 0 0 0;
}
.SingleStudentResults p.error {
  margin-top: 0px;
  color: darkred;
  font-size: 14px;
}
.SingleStudentResults h1 {
  color: #4996d1;
  font-size: 15px;
  font-family: "manrope-bold";
}
.SingleStudentResults table {
  width: fit-content;
  border-collapse: collapse;
  table-layout: auto;
}
.SingleStudentResults table td.centre {
  text-align: center;
}
.SingleStudentResults table th, .SingleStudentResults table td {
  border: 1px solid #CCCCCC;
  padding: 7px 4px;
  width: auto;
  vertical-align: top;
}
.SingleStudentResults table td:first-child {
  font-family: "manrope-bold";
}
.SingleStudentResults table td.cell {
  max-width: 400px;
}
.SingleStudentResults table thead th, .SingleStudentResults table thead td {
  background: #EAEAEA;
}
.SingleStudentResults table th {
  text-align: left;
}

.StudentDownloadProgress .prompt {
  width: 600px;
  height: 200px;
  overflow: hidden !important;
}
.StudentDownloadProgress .prompt-bar {
  top: 35px !important;
}
.StudentDownloadProgress .prompt-body {
  top: 80px !important;
  overflow: hidden !important;
}

.StudentResultsPrintPrompt .vgap {
  margin: 10px 0 20px 0;
}
.StudentResultsPrintPrompt .vgap * {
  vertical-align: middle;
  display: inline-block;
  line-height: 1px;
  margin-top: 0;
}
.StudentResultsPrintPrompt label.label {
  width: 80px;
  display: inline-block;
}

.SubDivider {
  line-height: 20px;
  border-right: 1px solid #979797;
  margin: 10px 15px;
  font-size: 10px;
  opacity: 0.6;
}
.SubDivider.blank {
  border-right: none !important;
  margin: 0 5px !important;
}

.Tabs .tab-items {
  position: relative;
  display: inline-block;
}
.Tabs .more-tabs {
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
}
.Tabs .more-tabs i {
  vertical-align: baseline;
  font-size: 23px;
  color: #676767;
}
.Tabs .more-tabs.hidden {
  display: none;
}
.Tabs .tab-items-wrrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 34px;
  overflow: hidden;
}
.Tabs .nav-items {
  position: absolute;
  left: -40px;
  width: 40px;
  top: 2px;
  bottom: 0;
  line-height: 32px;
}
.Tabs .nav-items.hidden {
  display: none;
}
.Tabs .nav-items i {
  cursor: pointer;
  font-size: 22px;
}
.Tabs .nav-items i.disabled {
  pointer-events: none;
  color: #EAEAEA;
}
.Tabs .tab {
  border: 1px solid #BABABA;
  border-bottom: 1px solid none;
  padding: 10px 10px;
  display: inline-block;
  background: #EAEAEA;
  border-radius: 8px 8px 0 0;
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
}
.Tabs .tab.selected {
  background: white;
  text-shadow: -0.03ex 0 black, 0.03ex 0 black;
  cursor: default;
  pointer-events: none;
  border-bottom: 1px solid #EAEAEA;
}

.TabsCheckbox .tab {
  border: 1px solid #BABABA;
  border-bottom: 1px solid none;
  padding: 8px 10px;
  display: inline-block;
  background: #EAEAEA;
  border-radius: 8px 8px 0 0;
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
}
.TabsCheckbox .tab.selected {
  background: white;
  text-shadow: -0.03ex 0 black, 0.03ex 0 black;
  cursor: default;
  pointer-events: none;
  border-bottom: 1px solid #EAEAEA;
}
.TabsCheckbox .tab i {
  margin-right: 4px;
}
.TabsCheckbox .tab span {
  pointer-events: none;
}
.TabsCheckbox .tab i.fal {
  pointer-events: all;
  cursor: pointer;
  text-shadow: none;
}

.TabsPin .tab-items {
  position: relative;
  display: inline-block;
}
.TabsPin .more-tabs {
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
}
.TabsPin .more-tabs i {
  vertical-align: baseline;
  font-size: 23px;
  color: #676767;
}
.TabsPin .more-tabs.hidden {
  display: none;
}
.TabsPin .tab-items-wrrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 40px;
  overflow: hidden;
}
.TabsPin .nav-items {
  position: absolute;
  left: -53px;
  width: 40px;
  top: 4px;
  bottom: 0;
  line-height: 32px;
}
.TabsPin .nav-items.hidden {
  display: none;
}
.TabsPin .nav-items i {
  cursor: pointer;
  font-size: 22px;
}
.TabsPin .nav-items i.disabled {
  pointer-events: none;
  color: #EAEAEA;
}
.TabsPin .tab {
  border: 1px solid #BABABA;
  border-bottom: 1px solid none;
  padding: 10px 10px;
  display: inline-block;
  background: #EAEAEA;
  border-radius: 8px 8px 0 0;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  margin-left: -1px;
  z-index: 0;
  position: relative;
  border-bottom-color: #CCCCCC;
}
.TabsPin .tab:first-child {
  margin-left: 0px;
}
.TabsPin .tab .pin {
  display: none;
}
.TabsPin .tab .pin {
  display: none;
}
.TabsPin .tab span {
  pointer-events: none;
  color: #676767;
}
.TabsPin .tab.selected {
  background: #fafafa;
  cursor: default;
  pointer-events: none;
  border-bottom: 1px solid;
  border-bottom-color: transparent;
  z-index: 1;
}
.TabsPin .tab.selected .pin {
  display: inline-block;
  cursor: pointer;
  margin-left: 6px;
  pointer-events: all;
}
.TabsPin .tab.selected span {
  color: black;
}

.TabsPinSelection {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 12px;
}
.TabsPinSelection .pin-wrapper * {
  vertical-align: middle;
  display: inline-block;
}
.TabsPinSelection .pin-wrapper select {
  margin-left: 0.5em;
}
.TabsPinSelection .prompt {
  width: 600px;
  height: 150px;
}
.TabsPinSelection .save-controls {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
}
.TabsPinSelection .prompt-header h1 {
  font-size: 14px;
  vertical-align: middle;
  width: 600px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "manrope-semi-bold";
}

.Button.thumbnail {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  vertical-align: middle;
}
.Button.thumbnail.Thumbnail {
  position: relative;
  margin-right: 10px;
}
.Button.thumbnail i {
  font-size: 14px;
}
.Button.thumbnail .thumbnail-check {
  font-size: 12px;
  width: 10px;
  position: absolute;
  left: 12px;
  top: -2px;
  z-index: 1;
  background: white;
  padding-left: 2px;
}
.Button.thumbnail .fa-user {
  border: 1px solid;
  padding: 3px 3px 1px 3px;
  font-size: 12px;
}

.TopNavigationMenu {
  margin: 0;
  position: relative;
  z-index: 1;
}
.TopNavigationMenu li:first-child {
  padding: 0 12px;
}
.TopNavigationMenu li:first-child a.fal {
  font-size: 16px;
  vertical-align: middle;
  color: #676767;
}
.TopNavigationMenu li {
  line-height: 28px;
  color: #3B527B;
  display: inline-block;
  padding: 0 15px;
  cursor: pointer;
  font-size: 12px;
  border-bottom: 2px solid #d4e3f0;
  border-right: 2px solid #d4e3f0;
}
.TopNavigationMenu li a {
  text-transform: uppercase;
}
.TopNavigationMenu li.selected {
  color: #2b4ea4;
  border-bottom: 2px solid #2b4ea4;
  font-family: "manrope-bold";
  background: #fcfcfc;
}
.TopNavigationMenu li.selected:hover {
  border-bottom: 2px solid #2b4ea4;
  cursor: default;
}
.TopNavigationMenu li:hover {
  border-bottom: 2px solid #3B527B;
}
.TopNavigationMenu li * {
  pointer-events: none;
}
.TopNavigationMenu li[title="Log Out"] {
  margin-left: 20px;
}

.UserSelectionEditor {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.UserSelectionEditor.read-only span.file-delete {
  display: none !important;
}
.UserSelectionEditor.read-only .file-name {
  width: 410px;
}
.UserSelectionEditor.read-only .save-button, .UserSelectionEditor.read-only .insert-button {
  display: none;
}
.UserSelectionEditor #selection {
  position: absolute;
  left: 0px;
  font-size: 12px;
  vertical-align: middle;
  top: -1px;
}
.UserSelectionEditor #selection .available-to {
  margin-bottom: 6px;
  margin-left: 2px;
  margin-right: 6px;
}
.UserSelectionEditor #selection #everyone {
  margin-left: 2px;
}
.UserSelectionEditor #selection * {
  vertical-align: middle;
}
.UserSelectionEditor #selection label {
  margin-right: 10px;
}
.UserSelectionEditor #selection label span, .UserSelectionEditor #selection label input {
  vertical-align: middle;
}
.UserSelectionEditor .prompt {
  height: 570px;
  width: 640px !important;
}
.UserSelectionEditor .prompt-bar {
  position: absolute !important;
  top: 66px;
  left: 10px;
  right: 10px;
  z-index: 1;
  border: none !important;
}
.UserSelectionEditor .prompt-bar .save-controls.right button.HorizontalButton {
  margin-left: 0px !important;
}
.UserSelectionEditor .prompt-body {
  position: absolute;
  top: 127px;
  left: 10px;
  right: 10px;
  bottom: 0px;
  z-index: 0;
}
.UserSelectionEditor .divider {
  display: inline;
}
.UserSelectionEditor #search {
  width: 220px;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 0;
  height: 24px;
}
.UserSelectionEditor .horizontal-scroller {
  display: none;
}
.UserSelectionEditor [data-key=warning] {
  position: absolute;
  left: 231px;
  top: 28px;
  font-size: 12px;
  color: orangered;
}

.WondeSync .prompt-body {
  height: 400px;
  overflow-y: auto;
  padding: 20px !important;
}
.WondeSync .prompt-body .wonde-selection p {
  font-family: "manrope-bold";
  margin-top: 0;
  margin-left: -7px;
}
.WondeSync .wonde-progress {
  font-size: 12px;
}
.WondeSync .aborted {
  color: darkred;
}
.WondeSync .option.checkbox-container {
  display: block;
  margin: 5px 0;
}
.WondeSync .option.checkbox-container[hidden] {
  display: none;
}
.WondeSync .option.checkbox-container.indent {
  margin-left: 20px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.WondeSync .option.checkbox-container.indent.disabled {
  pointer-events: none;
}
.WondeSync .div-header {
  font-family: "manrope-semi-bold";
}
.WondeSync .selection .disabled {
  pointer-events: none;
  color: #979797 !important;
}
.WondeSync [data-key=student-photos].disabled {
  pointer-events: none;
  cursor: default;
}
.WondeSync [data-key=student-photos].disabled * {
  pointer-events: none;
  color: #979797 !important;
}
.WondeSync [data-key=student-photos].disabled *:after {
  color: #979797 !important;
}

.charts-per-row {
  font-size: 13px;
  display: inline-block;
}
.charts-per-row * {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.charts-per-row * select {
  margin-top: -3px;
  background: none;
}
.charts-per-row .fill-space-cb i {
  font-size: 15px !important;
}

.EditFormTemplate #header-divider {
  border-color: #00a650;
  display: none;
}
.EditFormTemplate #edit-form-title {
  padding: 4px 0;
  margin-left: 2px;
}
.EditFormTemplate #edit-form-title h1 {
  font-family: "manrope-bold";
  color: #2b4ea4;
  font-size: 18px;
}

.edit-map-layout {
  /* [data-key="move-down"] {
     margin-left: 10px;

     div {
        margin-left: -25px;
     }
  }

  [data-key="move-up"] {
     width: 20px;
     overflow: visible;
     max-width: 20px;

     div {
        margin-left: 17px;
     }
  }*/
}
.edit-map-layout .back-button {
  position: absolute;
  top: -40px;
  right: 0;
}
.edit-map-layout .back-button:hover {
  background: #ceced3;
}
.edit-map-layout #edit-map-title.edit-header h1 {
  background: rgba(49, 49, 148, 0.168627451);
}
.edit-map-layout #edit-map-title.edit-header h1 .main span {
  font-family: "manrope-bold";
}
.edit-map-layout .Tabs .tab:last-child.selected {
  border-bottom: none;
}
.edit-map-layout .Tabs .tab.selected {
  background: #f9f9f9;
}
.edit-map-layout #header-divider {
  border-color: #313194;
  display: none;
}
.edit-map-layout #edit-map-control-bar {
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 40px;
  left: 160px;
  right: 0;
  z-index: 1002;
}
.edit-map-layout #layout-tabs {
  position: absolute;
  top: 46px;
  left: 1px;
  width: 200px;
  height: 25px;
  z-index: 1001;
}
.edit-map-layout #edit-map-grid {
  position: absolute;
  top: 78px;
  left: 0px;
  right: 0px;
  bottom: 10px;
}
.edit-map-layout #edit-map-grid .grid-cell.disabled-cell.c-resultType, .edit-map-layout #edit-map-grid .grid-cell.disabled-cell.c-terms, .edit-map-layout #edit-map-grid .grid-cell.disabled-cell.c-semesters, .edit-map-layout #edit-map-grid .grid-cell.disabled-cell.c-term, .edit-map-layout #edit-map-grid .grid-cell.disabled-cell.c-semester, .edit-map-layout #edit-map-grid .grid-cell.disabled-cell.c-week, .edit-map-layout #edit-map-grid .grid-cell.disabled-cell.c-year, .edit-map-layout #edit-map-grid .grid-cell.disabled-cell.c-month, .edit-map-layout #edit-map-grid .grid-cell.disabled-cell.c-edit, .edit-map-layout #edit-map-grid .grid-cell.disabled-cell.c-teacher {
  background-color: #FAFAFA;
}
.edit-map-layout #edit-map-settings {
  position: absolute;
  top: 78px;
  left: 0px;
  right: 0px;
  bottom: 10px;
  border: 1px solid #CCCCCC;
  background: #f9f9f9;
}
.edit-map-layout #search-box {
  position: absolute;
  top: 85px;
  left: 1px;
  width: 209px;
  height: 22px;
}
.edit-map-layout.settings-state .layout-editing {
  display: none !important;
}

.FormEdit .right {
  vertical-align: bottom;
}
.FormEdit .right .ShowHideMapOptions {
  display: inline-block;
  vertical-align: bottom;
}
.FormEdit .normal-screen-mode {
  display: none;
}
.FormEdit #form-control-bar .FullScreen {
  display: none;
}
.FormEdit .divider {
  display: inline-block;
  margin: 0px 10px;
  border-right: 1px solid #EAEAEA;
  height: 30px;
  vertical-align: middle;
}
.FormEdit #form-name {
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 55px;
  left: 0;
}
.FormEdit #form-title h1 {
  font-size: 16px;
  color: #2b4ea4;
  font: "manrope-bold";
}
.FormEdit #form-title h1 span {
  color: #2b4ea4;
  font-size: 16px;
}
.FormEdit #form-title .title {
  display: inline-block;
  max-width: calc(100% - 100px);
}
.FormEdit #form-title .CloseButton {
  margin-top: 3px;
}
.FormEdit #form-details {
  width: calc(100% - 10px);
  position: absolute;
  top: 32px;
}
.FormEdit #form-control-bar {
  position: absolute;
  top: 190px;
  left: 0px;
  right: 10px;
}
.FormEdit #form-control-bar .CloseButton {
  display: none;
}
.FormEdit .right {
  float: right;
  height: 40px;
}
.FormEdit .left {
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
}
.FormEdit .left i.Divider {
  margin: 0 15px 0 5px;
}
.FormEdit #form-links {
  position: absolute;
  top: 230px;
  left: 10px;
  bottom: 10px;
}
.FormEdit #form-links .title {
  border-bottom: 1px solid #CCCCCC;
  width: 143px;
  font-size: 11pt;
  font-weight: bold;
  padding-bottom: 2px;
}
.FormEdit #form-links .links {
  position: absolute;
  top: 30px;
  left: 0;
  width: 162px;
  border-right: 1px dashed #CCCCCC;
  bottom: 0;
  overflow: auto;
}
.FormEdit #form-links .links a {
  font-size: 9pt;
  color: #676767;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 0.2em;
  display: block;
}
.FormEdit #form-links .links a:visited {
  color: #676767;
}
.FormEdit #form-links .links a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.FormEdit #form-container-download {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
}
.FormEdit #form-container-download p.text-area {
  white-space: pre;
}
.FormEdit #form-container-download table.text-area-parent td, .FormEdit #form-container-download table.text-area-parent th {
  border: none;
}
.FormEdit #form-container-download .input-checkbox {
  margin-left: 6px;
  color: #2e76ff;
  font-size: larger;
}
.FormEdit #form-container-download table thead, .FormEdit #form-container-download table tfoot {
  display: block;
}
.FormEdit #form-container-download table thead th, .FormEdit #form-container-download table thead td, .FormEdit #form-container-download table tfoot th, .FormEdit #form-container-download table tfoot td {
  border: none !important;
}
.FormEdit #form-container {
  position: absolute;
  top: 233px;
  left: 180px;
  right: 10px;
  bottom: 10px;
  overflow: auto;
  background: white;
}
.FormEdit #form-container .user-forms.FormController div.form-header {
  display: none !important;
}
.FormEdit #form-container .user-forms.FormController div.form-footer {
  display: none;
}
.FormEdit td.editor {
  padding: 0;
}
.FormEdit td.editor input {
  padding: 4px;
  width: calc(100% - 8px);
}
.FormEdit td.editor input:focus {
  background: #FFFDE7;
}

@media print {
  #form-links {
    display: none;
  }
  #form-container {
    top: 0 !important;
    left: 0 !important;
  }
}
body.full-screen-mode .IlpEdit #ilp-title .right {
  display: none;
}
body.full-screen-mode .IlpEdit #ilp-title .title {
  max-width: calc(100% - 510px);
}
body.full-screen-mode .IlpEdit #ilp-title .title h1 {
  font-size: 24px;
  font-family: "manrope-medium";
}
body.full-screen-mode .IlpEdit #grid-control-bar .FullScreen {
  display: inline-block;
}
body.full-screen-mode .IlpEdit #grid-container {
  top: 60px;
}
body.full-screen-mode .IlpEdit #ilp-details {
  display: none;
}
body.full-screen-mode .IlpEdit #grid-control-bar {
  top: 0;
  left: auto;
  border: none;
}
body.full-screen-mode .IlpEdit #grid-control-bar .left {
  text-align: right;
}
body.full-screen-mode .IlpEdit .normal-screen-mode {
  display: inline;
}
body.full-screen-mode .IlpEdit #grid-control-bar .CloseButton {
  display: inline-block;
}

#ilp-title h1, #ilp-title h1 span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 24px;
  font-family: "manrope-medium";
}
#ilp-title h1 b, #ilp-title h1 span b {
  font-family: "manrope-semi-bold";
}

.IlpEdit .right {
  vertical-align: bottom;
}
.IlpEdit .right .ShowHideMapOptions {
  display: inline-block;
  vertical-align: bottom;
}
.IlpEdit .normal-screen-mode {
  display: none;
}
.IlpEdit #grid-control-bar .FullScreen {
  display: none;
}
.IlpEdit .divider {
  display: inline-block;
  margin: 0px 10px;
  border-right: 1px solid #EAEAEA;
  height: 30px;
  vertical-align: middle;
}
.IlpEdit #grid-container {
  position: absolute;
  top: 230px;
  left: 0;
  right: 0px;
  bottom: 0px;
}
.IlpEdit #ilp-name {
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 55px;
  left: 0;
}
.IlpEdit #ilp-title h1 {
  font-size: 18px;
  color: #2b4ea4;
  font: "manrope-bold";
}
.IlpEdit #ilp-title h1 span {
  color: #2b4ea4;
  font-size: 16px;
}
.IlpEdit #ilp-title .title {
  display: inline-block;
  max-width: calc(100% - 100px);
}
.IlpEdit #ilp-title .CloseButton {
  margin-top: 3px;
}
.IlpEdit #ilp-details {
  width: calc(100% - 10px);
  position: absolute;
  top: 32px;
}
.IlpEdit #grid-control-bar {
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 190px;
  left: 0;
  right: 10px;
}
.IlpEdit #grid-control-bar .CloseButton {
  display: none;
}
.IlpEdit .right {
  float: right;
  height: 40px;
}
.IlpEdit .left {
  display: inline-block;
}
.IlpEdit .left i.Divider {
  margin: 0 15px 0 5px;
}

.IlpStudentSummary .IlpRefreshButton i.fal.fa-exclamation {
  display: none !important;
}
.IlpStudentSummary #ilp-title {
  font-size: 16px;
  font-family: "manrope-medium";
  display: none;
  padding: 0;
  margin-top: 16px;
  margin-left: 2px;
}
.IlpStudentSummary #student-image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 70px;
}
.IlpStudentSummary #student-image img {
  border: 1px solid #EAEAEA;
}
.IlpStudentSummary #grid-container {
  position: absolute;
  top: 113px;
  left: 0;
  right: 0px;
  bottom: 0px;
}
.IlpStudentSummary #grid-control-bar {
  height: 40px;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  line-height: 40px;
  position: absolute;
  top: 29px;
  left: 60px;
  right: 0px;
  z-index: 200;
  padding-left: 10px;
}
.IlpStudentSummary #grid-control-bar .fa-redo, .IlpStudentSummary #grid-control-bar .fa-undo {
  font-size: 14px;
}
.IlpStudentSummary #control-bar {
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 29px;
  left: 350px;
  right: 10px;
  z-index: 200;
  text-align: right;
}
.IlpStudentSummary #control-bar div {
  text-align: left;
}
.IlpStudentSummary #control-bar-actions {
  height: 40px;
  top: 15px;
  right: 0;
  width: auto;
  position: absolute;
  z-index: 201;
}
.IlpStudentSummary #control-bar-actions .Divider {
  margin: 0 6px;
}
.IlpStudentSummary #control-bar-actions button i {
  font-size: 18px;
  vertical-align: middle;
  padding-top: 6px;
}
.IlpStudentSummary #control-bar-actions button div {
  font-size: 11px;
}
.IlpStudentSummary .info-details {
  position: absolute;
  top: 91px;
  left: 3px;
  font-size: 12px;
  right: 0;
  padding-bottom: 5px;
}
.IlpStudentSummary .filter-details {
  width: 100%;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  border-top: 1px solid #EAEAEA;
  padding-top: 3px;
  padding-left: 2px;
}
.IlpStudentSummary .filter-details .title {
  width: 67px;
  display: inline-block;
  overflow: hidden;
}
.IlpStudentSummary .filter-details .selection {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.IlpStudentSummary .filter-details #selected-classes .selection {
  font-family: "manrope-semi-bold";
  overflow: hidden;
}
.IlpStudentSummary .filter-details #selected-indicators .selection {
  font-family: "manrope-semi-bold";
  overflow: hidden;
}

.IlpSummary #ilp-title {
  padding: 0;
  margin-left: 2px;
}
.IlpSummary #ilp-title h1 {
  font-family: "manrope-bold";
  font-size: 18px;
  color: #2b4ea4;
}
.IlpSummary .Grid .grid div.grid-header.top-cell.left, .IlpSummary .Grid .grid div.grid-header.top-cell.Left {
  place-items: center;
}
.IlpSummary #ilp-counter, .IlpSummary #form-counter {
  position: absolute;
  top: 33px;
  font-size: 12px;
  left: 2px;
}
.IlpSummary #search-box {
  position: absolute;
  top: 59px;
  left: 1px;
  width: 209px;
  height: 22px;
}
.IlpSummary #grid-container {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0px;
  bottom: 0px;
}
.IlpSummary #grid-control-bar {
  position: absolute;
  top: 47px;
  height: 40px;
  line-height: 40px;
  z-index: 200;
  left: 220px;
}
.IlpSummary #grid-control-bar .fa-redo, .IlpSummary #grid-control-bar .fa-undo {
  font-size: 14px;
}
.IlpSummary #grid-control-bar .right {
  position: absolute;
  right: 10px;
}
.IlpSummary #control-bar {
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 78px;
  left: 370px;
  right: 10px;
  z-index: 200;
  text-align: right;
}
.IlpSummary #control-bar div {
  text-align: left;
}
.IlpSummary #control-bar p {
  display: inline-block;
  margin: 0;
  font-family: "manrope-semi-bold";
}
.IlpSummary #control-bar-actions {
  height: 40px;
  top: 55px;
  right: 0;
  width: auto;
  position: absolute;
  z-index: 201;
}
.IlpSummary #control-bar-actions .Divider {
  margin: 0 6px;
}
.IlpSummary #control-bar-actions button i {
  font-size: 18px;
  vertical-align: middle;
  padding-top: 6px;
}
.IlpSummary #control-bar-actions button div {
  font-size: 11px;
}
.IlpSummary .info-details {
  position: absolute;
  top: 131px;
  left: 217px;
  font-size: 12px;
  right: 0;
  padding-bottom: 5px;
}
.IlpSummary .filter-details {
  width: 100%;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  border-top: 1px solid #EAEAEA;
  padding-top: 3px;
  padding-left: 2px;
}
.IlpSummary .filter-details .title {
  width: 67px;
  display: inline-block;
  overflow: hidden;
}
.IlpSummary .filter-details .selection {
  max-width: calc(100% - 80px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.IlpSummary .filter-details #selected-classes .selection {
  font-family: "manrope-semi-bold";
  overflow: hidden;
}
.IlpSummary .filter-details #selected-indicators .selection {
  font-family: "manrope-semi-bold";
  overflow: hidden;
}

.IlpView .normal-screen-mode {
  display: none;
}
.IlpView #grid-control-bar .FullScreen {
  display: none;
}
.IlpView .divider {
  display: inline-block;
  margin: 0px 10px;
  border-right: 1px solid #EAEAEA;
  height: 30px;
  vertical-align: middle;
}
.IlpView #grid-container {
  position: absolute;
  top: 230px;
  left: 0;
  right: 0px;
  bottom: 10px;
}
.IlpView #ilp-name {
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 55px;
  left: 0;
}
.IlpView #ilp-title {
  height: 45px;
  border-bottom: 1px solid #EAEAEA;
}
.IlpView #ilp-title .title {
  display: inline-block;
  max-width: calc(100% - 100px);
}
.IlpView #ilp-title .CloseButton {
  margin-top: 6px;
}
.IlpView #ilp-details {
  width: 100%;
}
.IlpView #grid-control-bar {
  height: 40px;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  line-height: 40px;
  position: absolute;
  top: 180px;
  left: 0;
  right: 0;
}
.IlpView #grid-control-bar .CloseButton {
  display: none;
}
.IlpView .right {
  float: right;
  height: 40px;
}
.IlpView .left {
  margin-left: 5px;
  display: inline-block;
}
.IlpView .left button {
  margin-right: 10px;
}
.IlpView .left i.Divider {
  margin: 0 15px 0 5px;
}

.Import h1 {
  background: rgba(51, 166, 76, 0.1803921569);
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  padding-left: 10px;
  font-family: "manrope-semi-bold";
  font-size: 18px;
  line-height: 44px;
}

body .IndicatorMap .title-wrapper {
  margin-left: 2px;
}
body .IndicatorMap #indicator-counter {
  position: absolute;
  top: 33px;
  font-size: 12px;
  left: 2px;
}
body .IndicatorMap #indicator-title {
  padding: 0;
  margin-left: 2px;
}
body .IndicatorMap #indicator-title h1 {
  font-family: "manrope-bold";
  color: #2b4ea4;
  font-size: 18px;
}
body .IndicatorMap #manage-map {
  display: inline-block;
}
body .IndicatorMap #map-static-title, body .IndicatorMap #map-static-title h1 {
  font-family: "manrope-semi-bold";
  padding: 4px 0;
  margin-top: 6px;
  margin-left: 2px;
  font-size: 16px;
  font-family: "manrope-semi-bold";
  vertical-align: middle;
}
body .IndicatorMap #search-box {
  position: absolute;
  top: 59px;
  left: 1px;
  width: 227px;
  height: 22px;
  width: 211px !important;
}
body .IndicatorMap #grid-container {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
}
body .IndicatorMap #grid-tabs {
  position: absolute;
  top: 44px;
  left: 346px;
  right: 20px;
  height: 30px;
  z-index: 2;
  white-space: nowrap;
}
body .IndicatorMap #grid-control-bar {
  position: absolute;
  top: 47px;
  line-height: 40px;
  z-index: 200;
  left: 220px;
}
body .IndicatorMap #grid-control-bar .fa-redo, body .IndicatorMap #grid-control-bar .fa-undo {
  font-size: 14px;
}
body .IndicatorMap #grid-control-bar .GridController {
  float: right;
}
body .IndicatorMap #control-bar {
  display: none;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 17px;
  right: 10px;
  z-index: 200;
  text-align: right;
}
body .IndicatorMap #control-bar button.thumbnail {
  font-size: 12px;
}
body .IndicatorMap #control-bar div {
  text-align: left;
}
body .IndicatorMap #control-bar-actions {
  height: 40px;
  top: 55px;
  right: 0;
  width: auto;
  position: absolute;
  z-index: 1201;
}
body .IndicatorMap #control-bar-actions .Divider {
  margin: 0 6px;
}
body .IndicatorMap #control-bar-actions button i {
  font-size: 18px;
  vertical-align: middle;
  padding-top: 6px;
}
body .IndicatorMap #control-bar-actions button div {
  font-size: 11px;
}
body .IndicatorMap #control-bar-options {
  line-height: 30px;
  position: absolute;
  top: 55px;
  left: 0px;
  right: 0;
  padding-top: 2px;
}
body .IndicatorMap #control-bar-options div {
  vertical-align: middle;
}
body .IndicatorMap #control-bar-options input {
  vertical-align: middle;
}
body .IndicatorMap #control-bar-options span {
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
}
body .IndicatorMap .info-details-old {
  display: none;
}
body .IndicatorMap .info-details {
  display: none;
  position: absolute;
  top: 38px;
  left: 0;
  font-size: 12px;
  right: 0;
  padding-bottom: 5px;
  line-height: 16px;
  border-top: 1px solid #EAEAEA;
  padding: 5px 0px;
  z-index: 200;
}
body .IndicatorMap .info-details label {
  vertical-align: middle;
  display: inline-block;
  padding: 4px 0;
}
body .IndicatorMap .info-details button {
  margin-right: 6px;
  padding: 4px 6px;
  vertical-align: middle;
}
body .IndicatorMap .info-details label, body .IndicatorMap .info-details button, body .IndicatorMap .info-details .divider {
  line-height: 12px;
}
body .IndicatorMap .info-details .checkbox {
  font-size: 14px;
  vertical-align: middle;
}
body .IndicatorMap .selection-details {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
}
body .IndicatorMap .selection-details .divider {
  display: inline-block;
  height: 10px;
  vertical-align: middle;
}
body .IndicatorMap .selection-details Button.value span {
  color: #3097d3 !important;
}
body .IndicatorMap .selection-details .title {
  max-width: 60px;
  display: inline-block;
  overflow: hidden;
}
body .IndicatorMap .selection-details [data-key=count], body .IndicatorMap .selection-details [data-key=clear] {
  display: inline-block;
  overflow: hidden;
}
body .IndicatorMap .filter-details {
  display: inline-block;
}
body .IndicatorMap .filter-details .title {
  width: 67px;
  display: inline-block;
  overflow: hidden;
}
body .IndicatorMap .filter-details .selection {
  max-width: calc(100% - 80px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .IndicatorMap [data-key=close] {
  margin-right: 10px;
}
body .IndicatorMap #MapContent {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0px;
  bottom: 10px;
}
body .IndicatorMap #selected-students .GridStudentCount {
  font-family: "manrope-semi-bold";
}
body .IndicatorMap #selected-students .GridStudentCount .title {
  font-family: "manrope-medium";
}
body .IndicatorMap #selected-assessments {
  position: absolute;
  top: 44px;
  left: 219px;
  display: inline-block;
  font-size: 12px;
}
body .IndicatorMap #selected-assessments .DropDownMenu {
  width: 71px;
  padding: 6px;
  cursor: pointer;
  padding: 6px;
  border-radius: 6px;
}
body .IndicatorMap #selected-assessments .DropDownMenu * {
  vertical-align: middle;
}
body .IndicatorMap #selected-assessments .DropDownMenu i {
  font-size: 16px;
  color: #2b4ea4;
}
body .IndicatorMap #selected-assessments .DropDownMenu span.title {
  font-size: 12px !important;
}
body .IndicatorMap #selected-assessments .DropDownMenu:hover {
  background: #f0f0f0;
}
body .IndicatorMap #selected-assessments .DropDownMenu .fa-angle-down {
  float: right;
}
body .IndicatorMap #selected-classes .selection {
  font-family: "manrope-semi-bold";
}
body .IndicatorMap #selected-indicators .selection {
  font-family: "manrope-semi-bold";
}

.LoginDetails #LogOut {
  position: absolute;
  right: 0;
  top: 5px;
  line-height: 30px;
  padding-left: 10px;
  top: 24px;
}
.LoginDetails #SchoolName {
  position: absolute;
  right: 10px;
  top: -10px;
  line-height: 20px;
  padding-left: 4px;
  font-size: 14px;
  text-align: right;
}
.LoginDetails #UserName {
  position: absolute;
  left: 0;
  bottom: 2px;
  line-height: 20px;
  padding-left: 4px;
}

.LoginPage input:-webkit-autofill,
.LoginPage input:-webkit-autofill:hover,
.LoginPage input:-webkit-autofill:focus,
.LoginPage textarea:-webkit-autofill,
.LoginPage textarea:-webkit-autofill:hover,
.LoginPage textarea:-webkit-autofill:focus,
.LoginPage select:-webkit-autofill,
.LoginPage select:-webkit-autofill:hover,
.LoginPage select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  font-size: 16px !important;
}
.LoginPage .xuno-logo img {
  height: 22px;
  margin: 7px;
}
.LoginPage .login-container {
  width: 800px;
  margin: 100px auto auto auto;
  font-family: "manrope-medium";
  border: 1px solid #979797;
  display: grid;
  grid-template-areas: "a a a" "b d d" "hz hz hz" "e f g";
}
.LoginPage .login-container .header {
  padding: 10px 20px;
  grid-area: a;
  font-family: "manrope-semi-bold";
  font-size: 15px;
  background: #2b4ea4;
  border-bottom: 1px solid #CCCCCC;
}
.LoginPage .login-container .header div {
  color: white;
}
.LoginPage .login-container .horizontal-divider {
  grid-area: hz;
  border-bottom: 1px solid #979797;
  height: 2px;
}
.LoginPage .login-container .school {
  width: 320px;
  padding: 30px 20px;
  background: none;
  grid-area: b;
}
.LoginPage .login-container .school-divider {
  padding: 20px;
  grid-area: c;
}
.LoginPage .login-container .error {
  padding: 30px 20px 30px 0px;
  grid-area: d;
  display: flex;
  align-items: center;
}
.LoginPage .login-container .local {
  width: 320px;
  padding: 20px 20px 30px 20px;
  grid-area: e;
}
.LoginPage .login-container .login-divider {
  padding: 20px 20px 30px 20px;
  grid-area: f;
}
.LoginPage .login-container .external {
  width: 320px;
  padding: 20px 20px 30px 20px;
  grid-area: g;
}
.LoginPage .login-container #LoginError p {
  color: #db2e26;
  padding: 0;
  margin: 0;
}
.LoginPage .login-container .login-divider {
  text-align: center;
  margin-top: 22px;
}
.LoginPage .login-container .login-divider .or-divider {
  width: 1px;
  height: 51px;
  margin-left: 9px;
  border-right: 1px solid #979797;
}
.LoginPage .login-container .login-divider .or {
  margin: 4px 0 6px 0;
}
.LoginPage .login-container #SchoolCode, .LoginPage .login-container #Username, .LoginPage .login-container #Password, .LoginPage .login-container #Login, .LoginPage .login-container #Google, .LoginPage .login-container #Microsoft {
  border: 1px solid #979797;
  height: 36px;
  overflow: hidden;
}
.LoginPage .login-container #SchoolCode .icon, .LoginPage .login-container #Username .icon, .LoginPage .login-container #Password .icon, .LoginPage .login-container #Login .icon, .LoginPage .login-container #Google .icon, .LoginPage .login-container #Microsoft .icon {
  text-align: center;
  width: 36px;
  height: 36px;
  background: #FAFAFA;
  border-right: 1px solid #979797;
  color: #3097d3;
  text-align: center;
  display: inline-block;
}
.LoginPage .login-container #SchoolCode .icon i, .LoginPage .login-container #Username .icon i, .LoginPage .login-container #Password .icon i, .LoginPage .login-container #Login .icon i, .LoginPage .login-container #Google .icon i, .LoginPage .login-container #Microsoft .icon i {
  line-height: 36px;
}
.LoginPage .login-container #SchoolCode input, .LoginPage .login-container #Username input, .LoginPage .login-container #Password input, .LoginPage .login-container #Login input, .LoginPage .login-container #Google input, .LoginPage .login-container #Microsoft input {
  border: none;
  outline: none;
  font-size: 16px;
  font-family: "manrope-medium";
  height: 1.7em;
  width: 260px;
}
.LoginPage .login-container #SchoolCode input::placeholder, .LoginPage .login-container #Username input::placeholder, .LoginPage .login-container #Password input::placeholder, .LoginPage .login-container #Login input::placeholder, .LoginPage .login-container #Google input::placeholder, .LoginPage .login-container #Microsoft input::placeholder {
  color: #EAEAEA;
}
.LoginPage .login-container #SchoolCode .icon {
  padding-left: 3px;
  padding-right: 1px;
  border-top-left-radius: 0.5em;
}
.LoginPage .login-container #Username {
  margin-top: 1em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  font-size: 20px;
  border-bottom: none;
  background: white;
}
.LoginPage .login-container #Password {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  background: white;
}
.LoginPage .login-container #Google {
  margin-top: 42px;
}
.LoginPage .login-container #Google img {
  margin-top: 8px;
  height: 22px;
}
.LoginPage .login-container #Microsoft img {
  margin-top: 9px;
}
.LoginPage .login-container #Login {
  margin-top: 20px;
  border-radius: 0.5em;
  font-size: 18px;
  background: white;
}
.LoginPage .login-container #Login .icon {
  border-bottom-left-radius: 0.5em;
}
.LoginPage .login-container #Login button, .LoginPage .login-container #Google button, .LoginPage .login-container #Microsoft button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  vertical-align: top;
  padding: 0;
  position: relative;
  width: 210px;
  height: 40px;
  position: absolute;
  line-height: 36px;
  vertical-align: middle;
}
.LoginPage .login-container #Login button div, .LoginPage .login-container #Google button div, .LoginPage .login-container #Microsoft button div {
  font-size: 16px;
  line-height: 36px;
  vertical-align: middle;
  text-align: left;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding-left: 8px;
  color: #3097d3;
}
.LoginPage .login-container #Microsoft {
  margin-top: 1em;
}
.LoginPage .login-container #Google, .LoginPage .login-container #Microsoft, .LoginPage .login-container #SchoolCode {
  border-radius: 0.5em;
  overflow: hidden;
  background: white;
}
.LoginPage .login-container #Google:hover, .LoginPage .login-container #Microsoft:hover, .LoginPage .login-container #SchoolCode:hover {
  background: white;
}
.LoginPage .login-container #Google .icon, .LoginPage .login-container #Microsoft .icon, .LoginPage .login-container #SchoolCode .icon {
  border-bottom-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
  background: #FAFAFA !important;
}
.LoginPage .login-container #Google .icon .fal, .LoginPage .login-container #Microsoft .icon .fal, .LoginPage .login-container #SchoolCode .icon .fal {
  color: #0bb04a;
}

#manage-form-control .edit-control-bar {
  left: 230px;
}

.manage-form-template {
  overflow: visible;
}
.manage-form-template #manage-form-title.edit-header h1 {
  background: rgba(51, 166, 76, 0.1803921569);
}
.manage-form-template .manage-form-banner {
  position: absolute;
  left: -20px;
  right: -20px;
  top: -10px;
  height: 52px;
  border-bottom: 1px solid #CCCCCC;
  background: #00a650;
}
.manage-form-template #header-divider {
  border-color: #00a650;
  display: none;
}
.manage-form-template #manage-form-control-bar {
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 37px;
  left: 220px;
  right: 0;
  z-index: 200;
  text-align: right;
}
.manage-form-template #manage-form-grid {
  position: absolute;
  top: 76px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.manage-form-template #search-box {
  position: absolute;
  top: 48px;
  left: 0px;
  width: 209px;
  height: 22px;
}

.manage-map-layouts {
  overflow: visible;
  /* [data-key="move-down"] {
     margin-left: 10px;

     div {
        margin-left: -25px;
     }
  }

  [data-key="move-up"] {
     width: 20px;
     overflow: visible;
     max-width: 20px;

     div {
        margin-left: 17px;
     }
  }*/
}
.manage-map-layouts #manage-map-title.edit-header h1 {
  background: rgba(51, 166, 76, 0.1803921569);
}
.manage-map-layouts .manage-map-banner {
  position: absolute;
  left: -20px;
  right: -20px;
  top: -10px;
  height: 52px;
  border-bottom: 1px solid #CCCCCC;
  background: #00a650;
}
.manage-map-layouts #header-divider {
  border-color: #00a650;
  display: none;
}
.manage-map-layouts #manage-map-control-bar {
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 37px;
  left: 220px;
  right: 0;
  z-index: 200;
}
.manage-map-layouts #manage-map-grid {
  position: absolute;
  top: 76px;
  left: 0px;
  right: 0px;
  bottom: 10px;
}
.manage-map-layouts #search-box {
  position: absolute;
  top: 48px;
  left: 0px;
  width: 209px;
  height: 22px;
}

#header-divider {
  border: none;
  border-bottom: 1px solid #EAEAEA;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 31px;
  display: none;
}

.Graphs #body #defaults-button {
  left: 226px;
}

.Results #grid-control-bar {
  text-align: right;
}

body .Map #results-print {
  background: white;
  position: relative;
}
body .Map #results-print .table-header table {
  max-width: 100%;
}
body .Map #results-print .table-header table th, body .Map #results-print .table-header table td {
  font-size: 9pt;
  vertical-align: top;
}
body .Map #results-print .table-content table {
  font-size: 8pt;
}
body .Map #results-print .table-content table th {
  vertical-align: bottom;
  text-align: left;
  background: #DADADA;
}
body .Map #results-print .table-content table th, body .Map #results-print .table-content table td {
  border: 1px solid #CCCCCC;
  color: black !important;
  padding: 2pt;
  border-bottom: none;
  border-right: none;
}
body .Map #results-print .table-content table th.center, body .Map #results-print .table-content table td.center {
  text-align: center !important;
}
body .Map #results-print .table-content table th.right, body .Map #results-print .table-content table td.right {
  text-align: right !important;
}
body .Map #results-print .table-content table td.thumbnail {
  padding: 1px 1px 0 1px;
  margin: 0;
}
body .Map #results-print .table-content table tr td:last-child, body .Map #results-print .table-content table tr th:last-child {
  border-right: 1px solid #CCCCCC !important;
}
body .Map #results-print .table-content table tr:last-child td {
  border-bottom: 1px solid #CCCCCC !important;
}
body .Map #results-print .table-content table tr:last-child td.total {
  border-top: 1px solid #CCCCCC !important;
  border-bottom: none !important;
  border-right: none !important;
}
body .Map #results-print.landscape .table-content table {
  max-width: 1100px;
}
body .Map #results-print.portrait .table-content table {
  max-width: 752px;
}
body .Map #results-print tr.row-count td, body .Map #results-print tr.row-count th {
  border: none !important;
  padding-left: 0;
}
body .Map #results-print th * {
  color: black !important;
  font-family: "manrope-medium" !important;
}
body .Map #graphs-print {
  background: white;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  left: 0;
  bottom: 0;
}
body .Map #graphs-print-header span {
  display: inline-block;
}
body .Map #graphs-print-charts {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
body .Map #page-pin {
  position: absolute;
  top: 45px;
  left: 308px;
  z-index: 10900;
}
body .Map #page-pin .DropDownMenu {
  cursor: pointer;
  padding: 6px;
  border-radius: 6px;
  margin: 0;
  width: 67px;
}
body .Map #page-pin .DropDownMenu:hover {
  background: #f0f0f0;
}
body .Map #page-pin .fa-angle-down {
  font-size: 12px;
  float: right;
  margin-top: 2px;
}
body .Map #defaults-button .menu-items {
  z-index: 1000;
}
body .Map #defaults-button .fa-angle-down {
  font-size: 12px;
  float: right;
  margin-left: 6px;
  margin-top: 5px;
  z-index: 1;
  position: relative;
  margin-right: 0;
}
body .Map .title-wrapper {
  position: absolute;
  z-index: 90001;
  top: 2px;
  left: 0;
}
body .Map .slash {
  margin: 0 4px 0 10px;
  color: #CCCCCC;
}
body .Map #map-title {
  display: inline-block;
  vertical-align: middle;
}
body .Map #map-title .menu-items {
  z-index: 1000;
}
body .Map #map-title .DropDownTreeMenu {
  z-index: 11000;
  vertical-align: middle;
  margin: -7px 0 0 -8px;
  padding: 6px 8px;
  border-radius: 8px;
}
body .Map #map-title .DropDownTreeMenu i, body .Map #map-title .DropDownTreeMenu span {
  vertical-align: middle;
}
body .Map #map-title .DropDownTreeMenu .title {
  font-family: "manrope-bold";
  color: #4996d1;
  font-size: 18px;
  margin: 0;
}
body .Map #map-title .DropDownTreeMenu:hover {
  background: #f0f0f0;
}
body .Map #map-title .far.fa-angle-down {
  font-size: 13px;
}
body .Map #map-page {
  display: inline-block;
  vertical-align: middle;
}
body .Map #map-page .menu-items {
  z-index: 1000;
}
body .Map #map-page .DropDownMenu {
  z-index: 11000;
}
body .Map #map-page .DropDownMenu .title {
  font-size: 16px;
  font-family: "manrope-semi-bold";
  vertical-align: middle;
  color: #878787;
}
body .Map #map-page .far.fa-angle-down {
  font-size: 13px;
}
body .Map #manage-map {
  display: inline-block;
}
body .Map #graphs-print {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
body .Map #map-static-title, body .Map #map-static-title h1 {
  font-family: "manrope-semi-bold";
  padding: 4px 0;
  margin-top: 6px;
  margin-left: 2px;
  font-size: 16px;
  font-family: "manrope-semi-bold";
  vertical-align: middle;
}
body .Map #search-box {
  position: absolute;
  top: 98px;
  left: 1px;
  width: 227px;
  height: 22px;
  width: 211px !important;
}
body .Map #grid-container {
  position: absolute;
  top: 45px;
  left: 0px;
  right: 0;
  bottom: 0;
}
body .Map #grid-tabs {
  position: absolute;
  top: 8px;
  left: 346px;
  right: 20px;
  height: 31px;
  z-index: 2;
  white-space: nowrap;
}
body .Map #grid-control-bar {
  position: absolute;
  top: 51px;
  left: 220px;
  line-height: 40px;
  z-index: 90000;
}
body .Map #grid-control-bar .fa-redo, body .Map #grid-control-bar .fa-undo {
  font-size: 14px;
}
body .Map #control-bar {
  display: none;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 47px;
  right: 10px;
  z-index: 200;
  text-align: right;
}
body .Map #control-bar button.thumbnail {
  font-size: 12px;
}
body .Map #control-bar div {
  text-align: left;
}
body .Map #control-bar-actions {
  height: 40px;
  top: 55px;
  right: 0;
  width: auto;
  position: absolute;
  z-index: 1201;
}
body .Map #control-bar-actions .Divider {
  margin: 0 6px;
}
body .Map #control-bar-actions button i {
  font-size: 18px;
  vertical-align: middle;
  padding-top: 6px;
}
body .Map #control-bar-actions button div {
  font-size: 11px;
}
body .Map #control-bar-options {
  line-height: 30px;
  position: absolute;
  top: 55px;
  left: 0px;
  right: 0;
  padding-top: 2px;
}
body .Map #control-bar-options div {
  vertical-align: middle;
}
body .Map #control-bar-options input {
  vertical-align: middle;
}
body .Map #control-bar-options span {
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
}
body .Map .info-details-old {
  display: none;
}
body .Map .info-details {
  display: none;
  position: absolute;
  top: 38px;
  left: 0;
  font-size: 12px;
  right: 0;
  padding-bottom: 5px;
  line-height: 16px;
  border-top: 1px solid #EAEAEA;
  padding: 5px 0px;
  z-index: 200;
}
body .Map .info-details label {
  vertical-align: middle;
  display: inline-block;
  padding: 4px 0;
}
body .Map .info-details button {
  margin-right: 6px;
  padding: 4px 6px;
  vertical-align: middle;
}
body .Map .info-details label, body .Map .info-details button, body .Map .info-details .divider {
  line-height: 12px;
}
body .Map .info-details .checkbox {
  font-size: 14px;
  vertical-align: middle;
}
body .Map .selection-details {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
}
body .Map .selection-details .divider {
  display: inline-block;
  height: 10px;
  vertical-align: middle;
}
body .Map .selection-details Button.value span {
  color: #3097d3 !important;
}
body .Map .selection-details .title {
  max-width: 60px;
  display: inline-block;
  overflow: hidden;
}
body .Map .selection-details [data-key=count], body .Map .selection-details [data-key=clear] {
  display: inline-block;
  overflow: hidden;
}
body .Map .filter-details {
  display: inline-block;
}
body .Map .filter-details .title {
  width: 67px;
  display: inline-block;
  overflow: hidden;
}
body .Map .filter-details .selection {
  max-width: calc(100% - 80px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .Map [data-key=close] {
  margin-right: 10px;
}
body .Map #MapContent {
  position: absolute;
  top: 85px;
  left: 0;
  right: 0px;
  bottom: 0px;
}
body .Map #MapContent .grid-header.top-cell {
  place-items: center !important;
  text-align: center !important;
}
body .Map #MapContent .grid-header.top-cell span {
  font-family: "manrope-semi-bold" !important;
  text-align: center !important;
}
body .Map #selected-students .GridStudentCount {
  font-family: "manrope-semi-bold";
}
body .Map #selected-students .GridStudentCount .title {
  font-family: "manrope-medium";
}
body .Map #grid-counter {
  position: absolute;
  top: 65px;
  font-size: 12px;
}
body .Map #selected-assessments {
  position: absolute;
  top: 94px;
  left: 220px;
  display: inline-block;
  font-size: 12px;
}
body .Map #selected-assessments .DropDownMenu {
  padding: 6px;
  cursor: pointer;
  padding: 6px;
  border-radius: 4px;
}
body .Map #selected-assessments .DropDownMenu * {
  vertical-align: middle;
}
body .Map #selected-assessments .DropDownMenu i {
  font-size: 16px;
  color: #2b4ea4;
}
body .Map #selected-assessments .DropDownMenu span.title {
  font-size: 12px !important;
}
body .Map #selected-assessments .DropDownMenu:hover {
  background: #f0f0f0;
}
body .Map #selected-assessments .DropDownMenu .fa-angle-down {
  float: right;
}
body .Map #selected-classes .selection {
  font-family: "manrope-semi-bold";
}
body .Map #selected-indicators .selection {
  font-family: "manrope-semi-bold";
}

#map-details {
  position: absolute;
  top: -2px;
  left: 50%;
  font-size: 12px;
  line-height: 18px;
  right: 0px;
  z-index: 200;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#map-details ::-webkit-scrollbar {
  width: 10px;
}
#map-details ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#map-details ::-webkit-scrollbar-thumb {
  background: #888;
}
#map-details ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#map-details hr {
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  border: none;
  border-bottom: 1px solid #d6e3f1;
}
#map-details hr.modified {
  border-bottom: 1px solid darkorange;
}
#map-details #class-selection {
  display: inline-block;
  max-width: calc(50% - 250px);
  vertical-align: top;
  margin-right: 20px;
}
#map-details #indicator-selection {
  display: inline-block;
  max-width: calc(50% - 250px);
  vertical-align: top;
  margin-right: 20px;
}
#map-details #indicator-type {
  display: inline-block;
  width: 130px;
  vertical-align: top;
}
#map-details #indicator-type .value {
  white-space: nowrap;
}
#map-details #gender-selection {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  margin-right: 20px;
}
#map-details #house-selection {
  display: inline-block;
  vertical-align: top;
  width: 80px;
}
#map-details #year-selection {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  margin-right: 20px;
}
#map-details .value {
  font-size: 12px !important;
  margin-left: 6px;
  line-height: 14px;
  max-height: 58px;
  height: 58px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 5px;
}
#map-details .dropdown {
  padding: 1px 4px 1px 6px;
  display: inline-block;
}
#map-details .dropdown:hover {
  background: #f0f0f0;
}
#map-details .dropdown .DropDownMenu, #map-details .dropdown .DropDownMenuCheckBox, #map-details .dropdown .DropDownClassMenu, #map-details .dropdown .DropDownIndicatorMenu {
  margin: 0;
  pointer-events: all;
  white-space: nowrap;
}
#map-details .dropdown .DropDownMenu .title, #map-details .dropdown .DropDownMenuCheckBox .title, #map-details .dropdown .DropDownClassMenu .title, #map-details .dropdown .DropDownIndicatorMenu .title {
  font-weight: bold;
  margin: 0;
}
#map-details .dropdown .DropDownMenu ul li, #map-details .dropdown .DropDownMenuCheckBox ul li {
  pointer-events: all;
}
#map-details .dropdown .DropDownClassMenu ul li ul li, #map-details .dropdown .DropDownIndicatorMenu ul li ul li {
  pointer-events: all;
}
#map-details .dropdown .DropDownClassMenu ul li ul li a, #map-details .dropdown .DropDownClassMenu ul li ul li i, #map-details .dropdown .DropDownIndicatorMenu ul li ul li a, #map-details .dropdown .DropDownIndicatorMenu ul li ul li i {
  pointer-events: all;
}
#map-details #refresh-button {
  position: absolute;
  right: 0px;
  top: 23px;
  padding-top: 2px;
}
#map-details #refresh-button:disabled {
  opacity: 1;
}
#map-details #refresh-button button i.far {
  font-size: 20px;
}
#map-details .modified .value span {
  color: darkorange;
}

.thumbnail .MapGraphs .charts {
  top: 68px;
}

.MapGraphs .fill-space-label {
  display: inline-block;
  margin-right: 4px;
}
.MapGraphs .selection {
  position: absolute;
  left: 3px;
  top: 48px;
  width: 198px;
  bottom: 0;
  padding-right: 10px;
  border: 1px solid #EAEAEA;
  background: white;
  border-radius: 8px;
}
.MapGraphs .charts {
  position: absolute;
  left: 220px;
  top: 50px;
  right: 0px;
  bottom: 0;
  border-left: none;
  display: grid;
  grid-template-columns: 50% 50%;
  overflow-x: hidden;
  overflow-y: auto;
}
.MapGraphs #selection-tabs {
  position: absolute;
  left: 0;
  top: -4px;
  display: inline-block;
  width: 200px;
  z-index: 1;
}
.MapGraphs #selection-nav {
  position: absolute;
  top: 4px;
  left: 170px;
  z-index: 2;
}
.MapGraphs .chart-wrapper {
  position: relative;
  height: 450px;
  background: white;
}
.MapGraphs .MapCharts.has-scroll {
  padding-right: 10px;
}