/*** CUSTOM **************************/
@font-face {
  font-family: "CCComicrazy-Regular";
  src: url("./CCComicrazy/21f986fddd9a3ea64bb35689dc409ca6.eot");
  src:
    url("./CCComicrazy/21f986fddd9a3ea64bb35689dc409ca6.eot?#iefix")
      format("embedded-opentype"),
    url("./CCComicrazy/21f986fddd9a3ea64bb35689dc409ca6.woff2") format("woff2"),
    url("./CCComicrazy/21f986fddd9a3ea64bb35689dc409ca6.woff") format("woff"),
    url("./CCComicrazy/21f986fddd9a3ea64bb35689dc409ca6.ttf") format("truetype"),
    url("./CCComicrazy/21f986fddd9a3ea64bb35689dc409ca6.svg#CCComicrazy-Regular")
      format("svg");
}

body {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  background-color: #f1f1f1;
  color: #000;
  letter-spacing: 0.15px;
}
a {
  color: #2274d8;
  cursor: pointer;
}

td {
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

input[type="text"],
.contactus select {
  font-size: 16px;
  border-radius: 6px;
  border-color: #e0e0e0;
  padding: 10px 12px;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  color: #000000;
}

input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: unset;
  min-width: 18px;
}

textarea {
  background: #fff;
}

h3 {
  font-size: 30px;
  font-weight: 600;
  margin: 2px 0px 13px 0px;
}

select {
  /* Remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* Standard CSS arrow using linear gradients */
  background-image:
    linear-gradient(45deg, transparent 50%, #828282 50%),
    linear-gradient(135deg, #828282 50%, transparent 50%);
  background-position:
    calc(100% - 15px) calc(50% - 2px),
    calc(100% - 10px) calc(50% - 2px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;

  /* Add padding to make room for the arrow */
  padding: 3px 10px;
  padding-right: 40px;

  /* Optional styling */
  cursor: pointer;

  border-radius: 8px;
  border: 1px solid var(--secondary-border, #e0e0e0);
  height: 40px;
}
select:disabled {
  color: rgba(0, 0, 0, 0.26);
  border-color: rgba(0, 0, 0, 0.26);
}

.browserConf {
  display: none;
  color: red;
}

form.mce input[type="email"] {
  border: 2px #a387be solid;
  background-color: #fff;
  color: #000;
  border-radius: 3px;
  padding: 6px;
  margin-bottom: 6px;
}

form.mce #mc_embed_signup_scroll input[type="email"]::placeholder {
  color: #f34173;
  opacity: 0.8;
}
form.mce #mc_embed_signup_scroll input[type="email"]:focus {
  outline: none;
}

form.mce .button {
  background-color: #a387be;
  cursor: pointer;
  border: 2px #00577d solid;
  border-radius: 8px;
  padding: 6px 16px;
  color: #fff;
  font-size: 20px;
}

form.mce .button:hover {
  background-color: #307594;
  cursor: pointer;
}

section.addMargin {
  margin: 10px 50px 40px 50px;
}

h3.title {
  color: #000;
  font-weight: bold;
  text-align: center;
}

hr.title {
  width: 20%;
  height: 2px;
  border: none;
  background-color: #b4b4b4;
}

.createlinkpopup {
  background-color: #fff;
  background-image: url(../images/CreateVersion3b.png);
  background-size: cover;
  position: fixed;
  left: 50%;
  margin-left: -275px;
  width: 550px;
  height: 550px;
  top: 20%;
  border: 2px #00577d solid;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  overflow: hidden;
  line-height: 2em;
  display: none;
  z-index: 10;
  white-space: nowrap;
}

.createlinkpopup .button {
  position: absolute;
  width: 50%;
  height: 50%;
  border: none;
}
.createlinkpopup .button:nth-child(1) {
  top: 0px !important;
  left: 0px !important;
}
.createlinkpopup .button:nth-child(2) {
  top: 0px !important;
  right: 0px !important;
}
.createlinkpopup .button:nth-child(3) {
  bottom: 0px !important;
  left: 0px !important;
}
.createlinkpopup .button:nth-child(4) {
  bottom: 0px !important;
  right: 0px !important;
}

.button.hidden {
  background: none;
  display: inline !important;
}

.createlinkpopup .button.close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  font-weight: bold;
  background-color: rgb(200, 200, 200, 0.4);
}

.createlinkpopup .button:hover {
  cursor: pointer;
}

.button.hidden:focus {
  border: none;
  outline: none;
}

.browserpopup,
.studentlinkpopup,
.multiplayerpopup,
.mobilelinkpopup {
  background-color: #fff;
  position: fixed;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  top: 20%;
  border: 2px #00577d solid;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  overflow: hidden;
  line-height: 2em;
  display: none;
  z-index: 10;
}

.studentlinkpopup > div,
.multiplayerpopup > div,
.mobilelinkpopup > div {
  display: flex !important;
  width: auto !important;
  flex-wrap: nowrap;
  height: 100%;
  padding: 0px !important;
}
.studentlinkpopup .title,
.multiplayerpopup .title,
.mobilelinkpopup .title {
  color: #635275;
  font-size: 24px;
  /*font-family: 'CCComicrazy-Regular', serif;*/
  font-family: "Inter", san-serif;
  margin-top: 8px;
  margin-bottom: 15px;
}
.studentlinkpopup .flext,
.multiplayerpopup .flext,
.mobilelinkpopup .flext {
  display: flex;
  height: 100%;
  flex-direction: column;
  background-color: #fff;
  line-height: 1em;
}
.studentlinkpopup .flext > div,
.multiplayerpopup .flext > div,
.mobilelinkpopup .flext > div {
  padding: 15px 30px;
  padding-bottom: 15px;
  background-color: #fff;
}
.studentlinkpopup .flext .divider,
.multiplayerpopup .flext .divider,
.mobilelinkpopup .flext .divider {
  height: 12px;
  flex: none;
  padding: 0px;
  padding-bottom: 0px;
  background-color: #a387be;
}
.studentlinkpopup .button,
.multiplayerpopup .button,
.mobilelinkpopup .button {
  /*font-family: 'CCComicrazy-Regular', serif;*/
  font-family: "Inter", san-serif;
  font-weight: normal !important;
  font-size: 21px !important;
  letter-spacing: 0.5px;
  padding: 2px 8px !important;
}
.studentlinkpopup .flext .tocopy,
.multiplayerpopup .flext .tocopy,
.mobilelinkpopup .flext .tocopy {
  display: flex;
  height: 100%;
  flex-direction: column;
  width: 100%;
}

.studentlinkpopup input[type="text"],
.multiplayerpopup input[type="text"],
.multiplayerpopup select,
.mobilelinkpopup input[type="text"] {
  width: 175px;
  margin: 3px;
  border: 2px #a2a2a2 solid;
  border-radius: 3px;
  padding: 7px;
}

.browserpopup .button,
.studentlinkpopup .button,
.multiplayerpopup .button,
.mobilelinkpopup .button {
  border: 2px #00577d solid;
  background-color: #00577d;
  border-radius: 8px;
  padding: 6px 16px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 12px;
}

.studentcommands {
  width: 1280px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.studentcommands {
  font-size: 16px;
  text-align: center;
  border: 2px #000 solid;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  background: #f4f4f4;
}

.studentcommands .keycommand {
  color: red;
}

.userMenu.main li {
  border-radius: 5px;
  margin-right: 5px;
  position: relative;
}
.userMenu li#Curriculum {
  background-color: #ea3351;
}
.userMenu li.current-menu-item#Curriculum {
  background-color: #f3f3f3;
  border: 1px #ea3351 solid;
}
.userMenu li.current-menu-item#Curriculum a {
  padding: 0px 13px;
  color: #ea3351;
  line-height: 24px;
}
.userMenu li#Movie_Library {
  background-color: #5e4a9e;
}
.userMenu li.current-menu-item#Movie_Library {
  background-color: #f3f3f3;
  border: 1px #5e4a9e solid;
}
.userMenu li.current-menu-item#Movie_Library a {
  padding: 0px 13px;
  color: #5e4a9e;
  line-height: 24px;
}
.userMenu li#Progress_Monitoring_Data {
  background-color: #a2cd3a;
}
.userMenu li.current-menu-item#Progress_Monitoring_Data {
  background-color: #f3f3f3;
  border: 1px #a2cd3a solid;
}
.userMenu li.current-menu-item#Progress_Monitoring_Data a {
  padding: 0px 13px;
  color: #a2cd3a;
  line-height: 24px;
}
.userMenu li#Teacher_Resources {
  background-color: #31bda9;
}
.userMenu li.current-menu-item#Teacher_Resources {
  background-color: #f3f3f3;
  border: 1px #31bda9 solid;
}
.userMenu li.current-menu-item#Teacher_Resources a {
  padding: 0px 13px;
  color: #31bda9;
  line-height: 24px;
}
.userMenu li#Tutorials_Cheat_Sheets {
  background-color: #4b82c3;
}
.userMenu li.current-menu-item#Tutorials_Cheat_Sheets {
  background-color: #f3f3f3;
  border: 1px #4b82c3 solid;
}
.userMenu li.current-menu-item#Tutorials_Cheat_Sheets a {
  padding: 0px 13px;
  color: #4b82c3;
  line-height: 24px;
}
.userMenu li#Account_Information {
  background-color: #a285bd;
}
.userMenu li.current-menu-item#Account_Information {
  background-color: #f3f3f3;
  border: 1px #a285bd solid;
}
.userMenu li.current-menu-item#Account_Information a {
  padding: 0px 13px;
  color: #a285bd;
  line-height: 24px;
}

h3.Curriculum {
  color: #ea3351;
}
h3.Movie_Library {
  color: #5e4a9e;
}
h3.Progress_Monitoring_Data {
  color: #a2cd3a;
}
h3.Teacher_Resources {
  color: #31bda9;
}
h3.Tutorials_Cheat_Sheets {
  color: #4b82c3;
}
h3.Account_Information {
  color: #a285bd;
}

.userMenu .submenu {
  display: none;
  position: absolute;
  top: 37px;
  left: 0px;
  background: #b4b4b4;
  z-index: 99;
  width: max-content;
  border-radius: 7px;
}
.userMenu .submenu ul {
  padding: 0px;
}
.userMenu .submenu li {
  display: block;
  float: none;
}
.userMenu .submenu li a {
  display: block;
  color: #635275;
}

.curriculumContainer.account > div {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100% !important;
}
.curriculumContainer.account > div > form > div {
  display: flex;
  flex-direction: row;
  margin: 10px;
}
.curriculumContainer.account > div > form > div > div {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
.curriculumContainer.sections > div {
  width: 100%;
}
.curriculumContainer.sections .list {
  height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.curriculumContainer.sections .list .entry:hover {
  color: #0c4e0e;
  background-color: rgba(255, 255, 0, 0.2);
  border-radius: 5px;
  border: 1px #719430 solid;
  cursor: pointer;
}
.curriculumContainer.sections .list .entry {
  position: relative;
  margin: 15px;
  display: inline-block;
  width: 210px;
  padding: 6px;
  vertical-align: top;
}
.curriculumContainer.sections .list .entry .image {
  margin-bottom: 4px;
}
.curriculumContainer.sections .list .entry .image iframe {
  width: 204px; /*210px*/
  height: 115px; /*118px*/
}
.curriculumContainer.sections .list .entry img {
  width: 210px;
}
.curriculumContainer.sections .list .entry .title {
  text-align: center;
}
.curriculumContainer.sections .list .entry .button {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
}

.userMenu.menub li a {
  color: #635275;
}
.userMenu.menub li a.current-menu-item {
  text-decoration: underline;
}

.webgl-content {
  display: flex;
}
.silasPlay {
  width: 1280px;
}
.scriptwindow {
  display: none;
  width: 100%;
}
.scriptwindow .container {
  background-color: #f0f0f0;
  padding: 10px;
  text-align: center;
  margin-left: 10px;
  height: 557px;
  position: relative;
  width: 100%;
}
.scriptwindow textarea#scriptwindowText {
  background-color: #fff;
  text-align: left;
  padding: 4px;
  width: 100%;
  height: 517px;
  overflow-y: scroll;
}

.scriptwindow .container button {
  font-weight: bold;
  padding: 1px 6px;
  border: 2px #777777 solid;
  border-radius: 5px;
  background-color: #d2d2d2;
  position: absolute;
  right: 4px;
  top: 4px;
}
.unity-desktop#gameContainer {
  margin: auto;
  position: relative;
}

.pagetips {
  position: fixed;
  bottom: 0px;
  right: 0px;
  margin-left: 50px;
  height: 0px;
  overflow: visible !important;
  z-index: 99;
}
.pagetipcontainer {
  display: flex;
}
.pagetip {
  padding: 10px 20px;
  min-width: 400px;
  border-right: 10px solid #4c83c5;
  background-color: #000000;
  display: flex;
  flex-direction: column;

  width: 800px;
  position: absolute;
  right: 80px;
  height: 90px;
}
.pagetip .buttonx {
  position: absolute;
  left: 0;
  top: 0;
}
.pagetip .buttonx:hover {
  cursor: pointer;
}
.pagehelp {
  background-color: #000000;
  display: flex;
  flex-direction: column;
  height: 90px;
}
.pagehelp img {
  width: 70px;
  padding: 5px;
}
.pagehelp a {
  margin: auto;
}
.pagetip .title {
  text-align: center;
  font-size: 20px;
  color: #ffffff;
}
.pagetip .content {
  text-align: left;
  color: #ffffff;
}
.pagetips ol,
.pagetips ul {
  margin: 0px;
}

/*** Silas 4 content *****************/

.mainWrapper {
  /*position: relative;*/
  width: 100%;
  max-width: 1440px;
  text-align: left;
  border-top: none;
  background-color: #fff;
}

.mainWrapper td {
  padding: 6px;
}

section {
  font-size: 16px;
  margin-top: 20px;
  min-width: 75%;
  max-width: 80vw;
}
section.active {
  width: 75%;
}
section.secid6,
section.secid1 {
  font-size: 16px;
}
section a {
  text-decoration: underline;
}

.spacer {
  height: 30px;
}

.pagebody {
  width: 1100px;
  margin: 0px auto;
  color: #2e3e58;
}
.pagebody.nine,
.nine {
  width: 930px;
}
.pagebody > div {
  margin-top: 20px;
}

.pageheader .logo {
  margin-left: 20px;
}

.pageheader {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fcfbf7;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 10px;
}

.pageheader.desktop {
  display: flex;
}
.pageheader.mobile {
  display: none;
}
.pageheader.mobile span::before {
  margin: -5px -4px;
}
.pageheader.fixed {
  top: 0;
  left: 0;
  z-index: 100;
  position: fixed;
  width: 100%;
  background-color: #fff;
}
.pageheader.fixed > div {
  margin-top: 20px;
}

div.menu .entry {
  display: inline;
}
.pageheader.menu a.entry,
.pageheader.menu .entry {
  font-family: Inter, sans-serif;
  text-decoration: none;
  line-height: 1.5em;
  font-size: 26px;
  color: #2e3e58;
  text-decoration: none;
  text-align: center;
  padding: 4px 10px;
  font-weight: bold;
  margin: 0px 5px;
}

.pageheader.user a.entry,
.pageheader.user .entry {
  margin-left: auto;
  position: relative;
}
.pageheader.menu a.entry:hover {
  color: #f34a4a;
}
.pageheader.menu a.entry.schedule,
.pageheader.menu .entry.schedule {
  display: block;
  position: absolute;
  right: 0;
  bottom: -47px;
  z-index: 9;
  color: #fff;
  background-color: #ff003b;
  padding: 6px 16px;
  font-size: 23px;
}
.pageheader.menu .dropdown {
  position: absolute;
  display: none;
  border-radius: 4px;
  min-width: 150px;
  left: -20px;
  background-color: #fff;
  z-index: 2;
  border: 2px #2e3e58 solid;
}
.pageheader.menu .dropdown .dropdown {
  top: 4px;
  left: 128px;
  z-index: 3;
}
.pageheader.menu .dropdown a.entry,
.pageheader.menu .dropdown .entry {
  padding: 0px;
  display: block;
  text-align: left;
  padding: 10px 8px;
  line-height: 1.1;
}
.pageheader.menu .dropdown .entry a,
.pageheader.user .entry.selected .dropdown .entry a,
.pageheader.user .entry .dropdown .entry a {
  color: #2e3e58;
  display: block;
}
.pageheader.user .entry .dropdown .entry a {
  text-decoration: none;
}
.pageheader.user .entry .dropdown .entry:hover {
  background-color: #fcfbf7;
  border-radius: 2px;
}
.pageheader.user .menu .entry:hover > .dropdown {
  display: block;
}
.pageheader.user .menu .entry .dropdown {
  display: none;
}
.pageheader.user .entry .dropdown .entry a:hover {
  color: #ef4b4c;
}

.pageheader.menu .dropdown .entry a.locked,
.pageheader.user .entry.selected .dropdown .entry a.locked,
.pageheader.user .entry .dropdown .entry a.locked {
  color: #b4b4b4;
}
.pageheader.user .entry .dropdown .entry a.locked:hover {
  color: #b4b4b4;
}

.pageheader.menu .dropdown a.entry.schedule,
.pageheader.menu .dropdown .entry.schedule {
  position: relative;
  bottom: 0;
  z-index: 0;
  padding: 0px 15px;
}
.pageheader.menu.fixed .dropdown a.selected,
.pageheader.menu .entry.selected,
.pageheader.menu a.entry.selected,
.pageheader.user .entry.selected a {
  color: #f44a4a;
}
.pageheader.user .entry .dropdown .entry.selected > a,
.pageheader.menu .entry .dropdown .entry.selected > a,
.pageheader.user .dropdown .entry.selected a,
.pageheader.menu .dropdown .entry.selected a {
  color: #ef4b4c;
}

.pageheader.menu .homelink {
  width: 250px;
  height: 41px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
  cursor: pointer;
}

.pageheader.menu .entry.buttonblue,
.entry.buttonblue {
  color: #fff;
  background-color: #2e3e58;
  border-radius: 3px;
  text-align: center;
  padding: 4px 10px;
  font-weight: bold;
}
.pageheader.menu .entry.buttonred,
.entry.buttonred {
  color: #fff;
  background-color: #f34a4a;
  border-radius: 5px;
  text-align: center;
  padding: 7px 17px;
  font-weight: bold;
  white-space: nowrap;
}
.pageheader.menu .entry.buttonwhite,
.entry.buttonwhite {
  color: #f34a4a;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  padding: 4px 10px;
  font-weight: bold;
  border: 2px #f34a4a solid;
  white-space: nowrap;
}
.pageheader.menu .entry.buttonblue:hover,
.pageheader.menu .entry.buttonred:hover,
.entry.buttonblue:hover,
.entry.buttonred:hover {
  color: #fff;
}
.pageheader.menu .entry.buttonblue a,
.pageheader.menu .entry.buttonred a,
.section .entry.buttonred a,
.section .entry.buttonred a {
  color: #fff;
}
.pageheader.menu .entry.buttonwhite:hover,
.entry.buttonwhite:hover {
  color: #f34a4a;
}
.pageheader.menu .entry.buttonwhite a,
.section .entry.buttonwhite a {
  color: #f34a4a;
}
.pageheader.menu .entry .dropdown {
  position: absolute;
}
.pageheader.menu .mainpage_menu .dropdowncontainer:hover .dropdown {
  display: block;
}

.pagebanner {
  margin-top: 10px;
  position: relative;
}

.pagebanner .banner {
  width: 100%;
  max-width: 1440px;
  border-top: 2px #e4e4e4 solid;
  border-bottom: 2px #e4e4e4 solid;
}

.pagebanner button {
  position: absolute;
  top: 2px;
  right: 0;
  background-color: #ff003b;
  cursor: pointer;
  border: 0px;
  border-radius: 0px;
  padding: 6px 16px;
  color: #fff;
  font-size: 16px;
}

.buttongroup {
  padding: 30px;
  background-color: #e1e1e1;
  display: flex;
  justify-content: center;
}

.buttongroup button {
  margin: 0px 15px;
  background-color: #ff003b;
  cursor: pointer;
  border: 0px;
  border-radius: 0px;
  padding: 6px 16px;
  color: #fff;
  font-size: 23px;
}

.contentpad {
  padding: 0px 10px;
  color: #2e4050;
}

.contentpad td {
  color: #2e4050;
}
.contentpad .entry img,
.contentpad .SharedAssignment .entry img,
.SharedAssignment .entry img {
  max-width: 100%;
}

.contentpad .welcome {
  background-color: #2e3e58;
  margin-bottom: 60px;
  font-weight: bold;
  color: #fff;
  padding: 15px 90px;
  font-size: 20px;
}

.contentpad .contract {
  padding: 0px 60px;
}

.contentpad h2 {
  font-weight: 600;
  font-size: 24px;
}

.pagefooter.mobile {
  display: none;
}
.pagefooter {
  display: flex;
  background: #2e3e58;
  padding: 30px 0px;
  color: #000;
  justify-content: center;
  gap: 20px;
  text-align: left;
  margin-top: 30px;
}

.pagefooter .column {
  font-family: Inter, sans-serif;
  font-size: 20px;
}

.pagefooter .menu {
  margin-right: 40px;
}
.pagefooter .column:last-child .menu {
  margin-right: 0px;
}

.pagefooter .menu .entry {
  display: block;
  text-decoration: none;
  line-height: 1.7em;
  font-size: 18px;
  color: #fff;
}

.pagefooter form.mce .button {
  background-color: #ff003b;
  cursor: pointer;
  border: 0px;
  border-radius: 0px;
  padding: 6px 16px;
  color: #fff;
  font-size: 20px;
}

.tabbedcontent > div {
  cursor: pointer;
}
.tabbedcontent .selected {
  border-bottom: 4px #f34a4a solid;
}

button.red {
  background-color: #ef4b4c;
  cursor: pointer;
  border: 0px;
  border-radius: 0px;
  padding: 6px 16px;
  color: #fff;
  font-size: 20px;
}

button.black {
  background-color: #000;
  cursor: pointer;
  border: 0px;
  border-radius: 0px;
  padding: 6px 80px;
  color: #fff;
  font-size: 20px;
}

.contactus,
.members-login {
  display: inline-block;
  background-color: #e1e1e1;
  padding: 20px;
  margin-top: 80px;
  margin-bottom: 40px;
}

.contactus > div {
  padding: 15px 0px;
}

.contactus input[type="text"],
.contactus textarea,
.members-login input[type="text"],
.members-login input[type="password"] {
  width: 100%;
  margin: 5px 0px;
  border: 0px;
  font-size: 20px;
  padding: 6px 0px;
  text-indent: 6px;
}

.contactus button.red,
.members-login button.red {
  width: 100%;
  margin: 5px 0px;
}

.modal-dialog .modal-title {
  font-size: 20px;
  text-align: center;
}
.modal-dialog .modal-header button {
  position: absolute;
}
.modal-dialog .modal-footer button {
  background-color: #ff003b;
  cursor: pointer;
  border: 0px;
  border-radius: 0px;
  padding: 6px 16px;
  color: #fff;
  font-size: 20px;
}

.fadeonscroll {
  position: relative;
}

.fadeonscrolltool {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c1c1c1;
  border-radius: 5px;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
button.requestmore {
  background-color: #000;
}

section h1 {
  font-size: 30px;
  font-weight: 600;
  margin-top: 15px;
}
section h2 {
  font-size: 26px;
  font-weight: 600;
}
.lrentrycontainer {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.lrentrytop {
  display: flex;
  justify-content: center;
  margin: 15px 10px 0px 10px;
}
.lrentrytop .left {
  font-size: 40px;
  margin-right: 15px;
  color: #6480ab;
  flex-basis: 33%;
}
.lrentrytop .right {
  font-size: 30px;
  flex-basis: 66%;
}
.lrentrytop .right a,
.lrentrytop .right a:link,
.lrentrytop .right button {
  font-size: 25px;
}

.lrentrycontainer .header {
  font-size: 34px;
  flex: 0 100%;
  color: #585858;
  margin-bottom: 10px;
}
.lrentrycontainer .left {
  flex: 0 1 0;
  margin-right: 10%;
  padding-left: 3%;
}
.lrentrycontainer .left img {
  width: 440px;
}
.lrentrycontainer .right {
  font-size: 25px;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.lrentrycontainer .right a,
.lrentrycontainer .right a:link,
.lrentrycontainer .right button {
  font-size: 25px;
}
.hpstack {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.hpstackentry {
  background-color: #e1e1e1;
  flex: 1 1 0;
  margin-right: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.hpstackentry:last-child {
  margin-right: 0px;
}
.hpstackentry .line {
  padding: 10px 5px;
}
.hpstackentry ul {
  padding-top: 10px;
  padding-right: 5px;
  text-align: left;
}
.hpstackentry li {
  text-align: left;
  padding-bottom: 20px;
}
.hpstacktitle {
  margin-top: 20px;
  color: #fff;
  font-size: 34px;
  padding: 4px;
}
.hpstacklink {
  padding: 5px;
  font-size: 25px;
  padding-bottom: 20px;
}
.traumabanner {
  position: relative;
  border: 1px #e1e1e1 solid;
  padding: 20px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  font-size: 34px;
}
.traumabanner img {
  position: absolute;
  top: 10px;
  right: 30px;
  height: 160px;
}

.fadeonscroll {
  filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  transition: filter 0.3s;
  opacity: 0.7;
}

.mobile .fadeonscroll,
.fadeonscroll:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
  opacity: 1;
}

.hamburgermenu {
  display: none;
  position: absolute;
  right: 0px;
  top: 38px;
  background: #fff;
  padding: 13px;
  border-radius: 8px;
  border: none;
  box-shadow:
    0px 9px 46px 8px rgba(0, 0, 0, 0.12),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 11px 15px -7px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  border-left: 8px #f34a4a solid;
  line-height: 2em;
}
.hamburgermenu a {
  display: block;
}
.hamburgermenu a.indent {
  margin-left: 10px;
}
.hamburgermenu a.indent:before {
  content: "- ";
}

.pageheader.menu.fixed .dropdown {
  display: none;
  position: absolute;
  left: 14px;
  top: 38px;
  background: #fff;
  padding: 13px;
  border-radius: 8px;
  border: none;
  box-shadow:
    0px 9px 46px 8px rgba(0, 0, 0, 0.12),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 11px 15px -7px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  border-left: 8px #f34a4a solid;
}
.pageheader.menu.fixed .dropdown a {
  display: block;
  font-size: 17px;
  line-height: 1.5em;
}
.pageheader.menu.fixed .dropdown a:hover {
  text-decoration: none;
  color: #f34a4a;
}
.pageheader.menu.fixed .dropdown .entry {
  display: block;
  text-align: left;
  line-height: 2em;
  font-size: 30px;
}

div#mc_embed_signup .response {
  width: min-content;
}

/* The Modal (background) */
.overlaysimplemodal,
.simplemodal {
  position: fixed;
  z-index: 35;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 33, 88, 0.3);
  overflow-y: auto; /* allows scrolling if content is too tall */
  padding: 20px; /* optional: adds breathing room on small screens */
}

/* Modal Content/Box */
.simplemodal-content {
  background-color: #ffffff;
  padding: 20px;
  padding-bottom: 10px;
  border-radius: 16px;
  position: relative;
  width: 100%;
  max-width: 600px; /* or any max-width you prefer */
  box-sizing: border-box;
  max-height: calc(
    100vh - 10vh
  ); /* Limit height (100vh minus top/bottom padding) */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.overlaysimplemodal .header,
.simplemodal .header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-direction: row;
  margin-bottom: 16px;
  flex-shrink: 0;
}

.overlaysimplemodal .header .title,
.simplemodal .header .title {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
}

.simplemodal-content .content {
  margin: 0px 26px;
  overflow-y: auto; /* Add scroll if content is too tall */
  flex: 1 1 auto; /* Allow content to grow and shrink */
  min-height: 0; /* Important: allows flex item to shrink below content size */
  padding-top: 5px;
}

.overlaysimplemodal .footer,
.simplemodal .footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-direction: row;
  margin-top: 16px;
  flex-shrink: 0;
}

/* The Close Button */
.simplemodalclose {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 0;
}

.simplemodalclose:hover,
.simplemodalclose:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.overlaysimplemodal .row .label {
  width: 100%;
  display: block;
  padding: 0px;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #828282;
  text-align: left;
  white-space: unset;
  vertical-align: unset;
  border-radius: inherit;
  font-size: 14px;
}

.overlaysimplemodal .dropdown-selected,
.overlaysimplemodal .input-field {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  outline: none;
  background-color: white;
  transition: border-color 0.3s ease;
}

.overlaysimplemodal .input-field:focus {
  border-color: #007bff;
}

.overlaysimplemodal .input-label {
  position: absolute;
  top: -8px;
  left: 12px;
  background-color: white;
  padding: 0 8px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #828282;
  font-size: 14px;
}

.overlaysimplemodal .input-group {
  display: flex;
  gap: 20px;
}

.overlaysimplemodal .row {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
  gap: 10px;
  flex-wrap: wrap;
  position: relative;
  padding: 0px 17px;
  margin-right: 0px;
}

.overlaysimplemodal .row::before {
  display: none;
}

.overlaysimplemodal .row .dropdown-options.open {
  width: calc(100% - 40px);
}

.simplemodal.OnViewResults .simplemodal-content {
  max-width: 1010px;
  border-radius: 8px;
}
.simplemodal.OnViewResults .simplemodal-content .header {
  overflow: hidden;
  white-space: nowrap;
  padding-bottom: 16px;
  border-bottom: 1px #e0e0e0 solid;
  margin-left: -20px;
  padding-left: 20px;
  margin-right: -20px;
  padding-right: 20px;
}
.simplemodal.OnViewResults .simplemodal-content .header .title {
  font-size: 16px;
  text-transform: uppercase;
  min-width: 0;
}
.simplemodal.OnViewResults .simplemodal-content .header .title span {
  color: #a3a3a3;
  font-weight: 600 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.simplemodal.OnViewResults .simplemodal-content .content .entry {
  margin-bottom: 20px;
}
.simplemodal.OnViewResults
  .simplemodal-content
  .content
  .entry
  .question
  .title,
.simplemodal.OnViewResults .simplemodal-content .content .entry .answer .title {
  font-weight: 600;
}

.classroompopout {
  background-color: #6b6b6b;
}
.classroompopout .header {
  background-color: #39778e;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
.classroompopout .footer {
  background-color: #f6913a;
  height: 30px;
}
.classroompopout .content {
  color: #fff;
  padding: 10px 0px;
}
.classroompopout .content > div {
  display: table;
  margin: auto;
}
.classroompopout .content .row {
  margin: 25px auto;
}
.classroompopout .content .row > div {
  display: table-cell;
  padding-right: 10px;
}
.classroompopout .content button {
  padding: 13px 25px;
}
.classroompopout .content select {
  padding: 13px 25px;
  width: 266px;
  height: 46px;
  color: #2e4050;
}
.classroompopout .content checkbox {
  width: 20px;
  height: 20px;
}
.classroompopout span.icon-cancel {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0.5;
  color: #fff;
  background-color: #2e4050;
}

.listLessonCatLinks,
.listLessonCatSubLinks {
  margin: 15px 4px;
}
.curriculumpage .listLessonCatSubLinks .entry {
  border: none;
  height: inherit;
}
.curriculumpage .listLessonCatSubLinks .entry,
.curriculumpage .listLessonCatSubLinks .entry:first-child,
.curriculumpage .listLessonCatSubLinks .entry:nth-child(2) {
  background-color: #fff;
}

.listLessonCatLinks .entry,
.listLessonCatSubLinks .entry {
  display: inline;
  margin-right: 10px;
  font-weight: bold;
  font-size: 18px;
  padding: 5px;
}
.listLessonCatLinks .entry a,
.listLessonCatSubLinks .entry a {
  padding: 5px 25px;
}
.listLessonCatLinks .entry a#selected {
  color: #fff;
  background-color: #ef4b4c;
}
.listLessonCatSubLinks .entry a#selected {
  color: #ef4b4c;
}

.curriculumpage,
.screenerpage,
.assesspage,
.moviepage {
  display: flex;
  min-height: 100%;
}
.curriculumpage .row {
  margin: 0px;
}
.curriculumpage > #left,
.screenerpage > #left,
.assesspage > #left,
.moviepage > #left {
  width: 270px;
  min-width: 270px;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.curriculumpage.curriculum {
  display: flex;
  gap: 20px;
  height: 100%;
}

#printable-div,
#printable-div * {
  visibility: hidden;
  display: none;
}

@media print {
  body * {
    visibility: hidden;
    overflow: inherit;
  }
  html,
  body {
    overflow: inherit !important;
  }

  #printable-div,
  #printable-div * {
    visibility: visible;
    display: block;
  }

  #printable-div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }

  #printable-div .title {
    font-weight: 600;
    font-size: 20px;
  }

  #printable-div .competency {
    font-weight: 600;
    translate: no;
  }

  .curriculumpage.screen #printable-div .entryContainer {
    max-width: inherit;
    margin-bottom: 10px;
    overflow: inherit;
    margin: 12px;
    border: none;
    background: inherit;
    padding: 0px;
  }

  .curriculumpage.screen #printable-div .entryContainer .question img {
    max-width: 120px;
  }

  #printable-div .row {
    display: flex;
  }
  .curriculumpage.teach #printable-div .row {
    display: block;
  }

  #printable-div .row .col-sm {
    background-color: #e0e0e0 !important;
  }

  #printable-div .entryContainer .row {
    gap: 2px;
  }

  #printable-div .entryContainer .row input {
    position: relative;
    margin: 0;
    display: unset;
  }

  #printable-div .entryContainer .row label {
    display: unset;
  }
}

#left .userlistcontainer {
  width: 250px;
  padding: 10px;
  background-color: #f5f5f5;
}
#left .userlistcontainer .userfilter {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}
#left .userlistcontainer .classSelect > div {
  position: relative;
}
.classSelect .menudrop,
#left .userlistcontainer .menudrop {
  display: none;
  position: absolute;
  top: 40px;
  left: 15px;
  background: #fff;
  border: 1px #000 solid;
  border-radius: 3px;
  z-index: 2;
}
.classSelect .menudrop .title,
#left .userlistcontainer .menudrop .title {
  font-size: 16px;
  padding: 10px;
  background-color: #3c7590;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.classSelect .menudrop > div,
#left .userlistcontainer .menudrop > div {
  margin-bottom: 3px;
}
.classSelect .menudrop .districtopts {
  position: absolute;
  right: 0;
  top: 0;
}
.classSelect .menudrop .districtopts {
  position: absolute;
  right: 3px;
  top: 9px;
}
.classSelect .menudrop .filteropt {
  padding: 7px;
  padding-bottom: 0px;
}
#left .userlistcontainer .menudrop .footer .classSelect .menudrop .footer {
  background-color: #f6913a;
  height: 30px;
  margin-bottom: 0px;
  margin-top: 7px;
}
.classSelect .menudrop span.icon {
  font-size: 20px;
}
.classSelect .menudrop span.icon:hover {
  cursor: pointer;
}
.classSelect .menudrop #listteachers {
  color: #4a778e;
}
.classSelect .menudrop #liststudents {
  color: #eb994f;
}
.classSelect .menudrop select {
  width: 210px;
}

.curriculumpage div#container {
  width: 100%;
  display: flex;
  gap: 16px;
  padding: 16px;
  flex-wrap: wrap;
  overflow-y: auto;

  flex-direction: row;
  justify-content: center;
  align-content: flex-start;
}

.curriculumpage.screen div#container,
.curriculumpage.teach div#container,
.curriculumpage.create div#container {
  max-width: 930px;
  margin: 0 auto;
}

.curriculumpage.cards div#container {
  max-width: inherit;
}

.curriculumpage div#container .card {
  position: relative;
  width: 325px;
  height: 164px;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 14px;
  box-shadow:
    0px 1px 3px 0px rgba(0, 0, 0, 0.12),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 2px 1px -1px rgba(0, 0, 0, 0.2);
}

.curriculumpage.moviepage div#container .card,
.curriculumpage.assesspage div#container .card {
  height: auto;
}

.curriculumpage div#container .card:last-child::after {
  content: "";
  height: 16px;
  width: 1px;
  display: block;
  margin-top: 45px;
  position: absolute;
}

.curriculumpage div#container .card .title {
  min-height: 44px;
}

.curriculumpage.moviepage div#container .card .title {
  min-height: unset;
}

.curriculumpage div#container .card .descr {
  overflow-y: hidden;
  overflow-x: hidden;
  color: #666666;
  font-size: 14px;
}

.curriculumpage div#container .card .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0px 14px 14px 14px;
}

.curriculumpage.teach div#container .card .footer {
  display: flex;
  justify-content: space-between;
}

.curriculumpage.moviepage div#container .card .footer {
  position: relative;
  padding: 14px 0px 0px 0px;
}

.create .entryHeader,
.screenerpage .entryHeader {
  font-weight: bold;
  font-size: 18px;
}
.curriculumpage .entry,
.create .entry,
.StudentAssignments .entry,
.SharedAssignment .entry,
.screenerpage .entry,
.popout.border .sessionsContainer {
  position: relative;
}
.StudentAssignments .entry.done,
.SharedAssignment .entry.done {
  cursor: default;
}
.popout.border .sessionsContainer .noprint {
  display: none;
}
.entry.scroll {
  overflow-y: auto;
}
.screenerpage .entry {
  height: auto;
}
.StudentAssignments .entry {
  height: 90px;
}
.SharedAssignment .entry {
  height: auto;
  max-height: inherit;
}
.create .entry {
  cursor: inherit;
  width: 100%;
}
.faqslist .entry {
  border: 2px Solid #dbdbdb;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
}
.faqslist .entry .title,
.faqslist .entry .content,
.faqslist .entry .question,
.faqslist .entry .answer {
  margin: 10px;
}
.faqslist .entry .answer {
  display: none;
}
.faqslist .entry .title {
  font-size: 18px;
  font-weight: 600;
}
.StudentAssignments .entry section {
  height: 0px;
  overflow: hidden;
}
.StudentAssignments .entry .student:not(:first-child) {
  height: 0px;
  overflow: hidden;
}
.StudentAssignments .entry span#link,
.SharedAssignment .entry span#link,
.assignmentText span#link {
  display: none;
}
.create .entry > div,
.StudentAssignments .entry > div,
.StudentAssignments .entry > header,
.StudentAssignments .entry > section,
.SharedAssignment .entry > div,
.SharedAssignment .entry > header,
.SharedAssignment .entry > section,
.assignmentText > div,
.assignmentText > header,
.assignmentText > section {
  margin: 0px 15px;
}
.SharedAssignment .entry .buttonContainer {
  margin: 15px;
}
.StudentAssignments .entry .buttonContainer .icon,
.SharedAssignment .entry .buttonContainer .icon {
  font-size: 30px;
}
.qnawindow .buttonContainer .icon.icon-immersivereader {
  font-size: 32px;
  cursor: pointer;
  margin: 5px;
}
.StudentAssignments .entry .buttonContainer .icon.icon-icon-immersivereader,
.SharedAssignment .entry .buttonContainer .icon.icon-icon-immersivereader {
  color: #6a6a6a;
}
.create .entry .buttonContainer input[type="image"] {
  width: 100%;
  margin-bottom: 10px;
}
.create .entry .buttonarea {
  border-bottom: 9px #ea9951 solid;
  display: flex;
  background-color: #2f3f59;
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
  height: 196px;
  width: 100%;
}
.create .entry .buttonarea > div {
  width: 45%;
  align-self: center;
  padding: 1%;
}
.create .entry .buttonarea#createlink > div:nth-child(2) {
  align-self: center;
  width: 10%;
  color: #ef4b4c;
  font-size: 24px;
}
.create .entry .buttonarea > div:first-child,
.create .entry .buttonarea > div:last-child {
  padding-left: 5%;
}
.create .entry .buttonarea#createapp > div:nth-child(1) {
  width: 55%;
}
.curriculumpage .entry section form .question,
.StudentAssignments .entry section form .question,
.SharedAssignment .entry section form .question {
  margin-bottom: 1em;
}
.curriculumpage form .question.text {
  margin-top: 20px;
  margin-bottom: 20px;
}
.curriculumpage section .entryContainer .content img {
  max-height: 350px;
}
.curriculumpage section .entryContainer .availslide .content img {
  max-height: 300px;
}
.curriculumpage.screen section .entryContainer .content label img {
  width: 100px;
}
.curriculumpage .entryContainer .question p,
.curriculumpage .entry section form .question p,
.StudentAssignments .entry section form .question p,
.SharedAssignment .entry section form .question p,
.assignmentText section form .question p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.curriculumpage.screen .entryContainer .row,
.curriculumpage .entry section form .question .row,
.StudentAssignments .entry section form .question .row,
.SharedAssignment .entry section form .question .row,
.assignmentText section form .question .row,
.popout.border .sessionsContainer section form .question .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  gap: 20px;
  justify-content: space-evenly;
}
.curriculumpage.screen .entryContainer fieldset {
  margin-top: 40px;
  margin-bottom: 60px;
}

.curriculumpage .entryContainer .row img,
.curriculumpage .entry section form .question .row img,
.StudentAssignments .entry section form .question .row img,
.SharedAssignment .entry section form .question .row img,
.assignmentText section form .question .row img,
.popout.border .sessionsContainer section form .question .row img {
  display: block;
  margin: 1.5em;
}
.curriculumpage .entryContainer .row .form-check,
.curriculumpage .entry section form .question .row .form-check,
.StudentAssignments .entry section form .question .row .form-check,
.SharedAssignment .entry section form .question .row .form-check,
.assignmentText section form .question .row .form-check,
.popout.border .sessionsContainer section form .question .row .form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.curriculumpage .entryContainer .row .form-check {
  display: flex;
  place-items: flex-start;
  gap: 6px;
}
.curriculumpage .entryContainer .row .col-sm,
.curriculumpage .entry section form .question .row .col-sm,
.StudentAssignments .entry section form .question .row .col-sm,
.SharedAssignment .entry section form .question .row .col-sm,
.assignmentText section form .question .row .col-sm,
.popout.border .sessionsContainer section form .question .row .col-sm {
  background-color: #e0e0e0;
  border-radius: 4px;
  padding: 8px;
}
.curriculumpage .entryContainer .form-check input[type="radio"],
.curriculumpage
  .entry
  section
  form
  .question
  .row
  .form-check
  input[type="radio"],
.StudentAssignments
  .entry
  section
  form
  .question
  .row
  .form-check
  input[type="radio"],
.SharedAssignment
  .entry
  section
  form
  .question
  .row
  .form-check
  input[type="radio"],
.assignmentText section form .question .row .form-check input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  flex-basis: 0;
  transform: scale(1.2);
  margin-left: 4px;
}
.curriculumpage .entryContainer .row .form-check.col-sm .form-check-input,
.curriculumpage
  .entry
  section
  form
  .question
  .row
  .form-check.col-sm
  .form-check-input,
.StudentAssignments .entry section form .question .row .form-check-input,
.SharedAssignment .entry section form .question .row .form-check-input,
.assignmentText section form .question .row .form-check-input,
.popout.border
  .sessionsContainer
  section
  form
  .question
  .row
  .form-check-input {
  position: absolute;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}
.StudentAssignments .entry section form .question .form-check .form-check-input,
.curriculumpage .entry section form .question .form-check .form-check-input {
  margin-left: 0;
}
.curriculumpage .entry section form .question .form-check {
  margin-right: 10px;
}
.curriculumpage .entry section form .question .form-group,
.StudentAssignments .entry section form .question .form-group,
.SharedAssignment .entry section form .question .form-group,
.assignmentText section form .question .form-group,
.popout.border .sessionsContainer section form .question .form-group {
  margin-bottom: 1rem;
}
.curriculumpage .entry section form .question .competency,
.curriculumpage .entry section form .question .skill,
.StudentAssignments .entry section form .question .competency,
.StudentAssignments .entry section form .question .skill,
.SharedAssignment .entry section form .question .competency,
.SharedAssignment .entry section form .question .skill,
.assignmentText section form .question .competency,
.assignmentText section form .question .skill,
.popout.border .sessionsContainer section form .question .competency,
.popout.border .sessionsContainer section form .question .skill {
  display: none;
}
.curriculumpage .entry section form .question .competency,
.StudentAssignments .entry section form .question .competency,
.SharedAssignment .entry section form .question .competency,
.assignmentText section form .question .competency,
.popout.border .sessionsContainer section form .question .competency {
  translate: no;
}

.silasuserfooter {
  border-bottom: 20px solid #4a768f;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  height: 200px;
  background-color: #ef4b4c;
  margin-top: 60px;
}
.silasuserfooter a {
  color: #fff;
  margin-left: 10px;
}
.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.form-row p {
  min-width: 100%;
}
.form-row input[type="checkbox"] {
  position: absolute;
}
.col-sm-6 {
  float: none !important;
}

.multiimage .col-sm-6 {
  width: auto !important;
  padding: 0px !important;
}
.multiimage input[type="radio"] {
  display: none;
}
.multiimage .col-sm-6 img {
  width: 300px;
}
.multiimage input ~ label > img {
  border: 8px #ffffff solid;
}
.multiimage input:checked ~ label > img {
  border: 8px #eb994f solid;
}
.multiimage input:not(:checked) ~ label > img:hover {
  border: 8px #ebeb4f solid;
}

.contentpad .curriculumpage .entry .assignable,
.contentpad .curriculumpage .entry .assignable .post-card-excerpt table th {
  color: #eb994f;
}
.contentpad .curriculumpage .entry .assignable input,
.contentpad .curriculumpage .entry .assignable textarea,
.contentpad .curriculumpage .entry .assignable canvas#drawsomething {
  border-color: #eb994f;
}

.curriculumpage .entry:first-child .buttonContainer,
.create .entry .buttonContainer {
  height: auto;
  margin: 15px;
}
.contentpad .curriculumpage .entry {
  overflow-y: hidden;
}
.contentpad .curriculumpage .entry h2 {
  font-size: 18px;
  margin-top: 10px;
}
.contentpad .curriculumpage .entry header h2 {
  color: #f44a4b;
}
.contentpad .curriculumpage .entry.contracted header h2 {
  color: #2e3e58;
}
.sessionsContainer .entry,
.moviepage .entry {
  height: auto;
  background-color: transparent;
}
.curriculumpage .entry .buttonContainerNoHide,
.create .entry .buttonContainerNoHide,
.assesspage .entry .buttonContainerNoHide {
  text-align: right;
  margin-bottom: 10px;
  margin-top: 10px !important;
}
.curriculumpage .entry .buttonContainerNoHide button,
.create .entry .buttonContainerNoHide button,
.assesspage .entry .buttonContainerNoHide button {
  margin-left: 10px;
}
.curriculumpage .buttonContainerTop,
.create .buttonContainerTop,
.assesspage .buttonContainerTop {
  margin-bottom: 15px;
  display: flex;
}
.assesspage .buttonContainerTop,
.moviepage .buttonContainerTop {
  margin-bottom: 5px;
}
.curriculumpage .buttonContainerTop #left,
.create .buttonContainerTop #left,
.assesspage .buttonContainerTop #left,
.curriculumpage .buttonContainerTop,
.create .buttonContainerTop,
.moviepage .buttonContainerTop {
  display: flex;
  gap: 10px;
}
.curriculumpage .buttonContainerTop,
.assesspage .buttonContainerTop,
.create .buttonContainerTop,
.moviepage .buttonContainerTop {
  margin-left: auto;
  margin-right: 6px;
  justify-content: end;
}
.screenerpage .title {
  font-size: 30px;
  margin: 20px 15px 10px 20px;
}
.screenerpage .description {
  font-size: 25px;
  margin: 20px 15px 10px 20px;
}
.screenerpage .buttonContainer {
  margin: 20px 15px 10px 20px;
}

.curriculumpage #container .header {
  display: flex;
  font-size: 24px;
  width: 100%;
}
.curriculumpage.create #container .header {
  display: none;
}
.curriculumpage.assesspage #container .header {
  margin-left: -16px;
  margin-right: -16px;
  margin-top: -16px;
  width: calc(100% + 32px);
  background: #fff;
  padding-top: 8px;
}

.curriculumpage .entryContainer {
  margin-bottom: 10px;
  overflow: hidden;
  margin: 12px;

  border: 1px solid #e0e0e0;
  background: #fff;
  border-radius: 8px;
}
.curriculumpage.play .entryContainer {
  border: 0px;
  background: none;
  overflow: unset;
}
.curriculumpage .entryContainer .header > div:first-child {
  margin: auto 0;
}
.curriculumpage .entryContainer .header::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  /* extend beyond the padding of .curriculumpage.screen .entryContainer */
  margin: 5px -20px 20px -20px;
  width: calc(100% + 40px);
}
.curriculumpage.teach .entryContainer .header::after {
  margin-bottom: 20px;
}
.curriculumpage .entryContainer .header .title {
  color: #000000;
  font-size: 16px !important;
  font-weight: 600;
}
.curriculumpage .entryContainer .header .title span {
  color: #a3a3a3;
  font-weight: 600 !important;
}
.curriculumpage .entryContainer .header .title.preview {
  color: #a3a3a3;
  font-style: italic;
  font-size: 16px;
}
.curriculumpage .entryContainer .content {
  font-size: 16px;
}
.curriculumpage.dashboard .entryContainer .content .row.head {
  font-size: 14px;
}
.curriculumpage.screen .entryContainer .content > p:first-of-type {
  min-height: 140px;
}
.curriculumpage.teach .entryContainer .content header h2:first-of-type {
  display: none;
}
.curriculumpage .entryContainer .footer {
  display: flex;
  justify-content: space-between;
  color: #a3a3a3;
  font-size: 16px;
}
.curriculumpage.teach .entryContainer .footer {
  justify-content: normal;
  gap: 14px;
}
.curriculumpage .entryContainer .footer > div {
  margin: auto 0;
}
.curriculumpage .entryContainer .content .competency,
.curriculumpage .entryContainer .content .skill {
  display: none;
}
.curriculumpage.screen .entryContainer .content .competency {
  translate: no;
}
.curriculumpage .entryContainer .content .row form h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.curriculumpage .entryContainer .descr {
  min-height: 60px;
}
.curriculumpage.curriculum .entryContainer {
  border: unset;
  border-radius: unset;
  background: unset;
}
.curriculumpage .entryContainer {
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}
.curriculumpage .entryContainer > div:first-child {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.curriculumpage.play .entryContainer > div:first-child {
  justify-content: center;
}
.curriculumpage .entryContainer .header {
  color: #000;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.curriculumpage .entryContainer .subheader .buttons,
.curriculumpage .entryContainer .header .buttons,
.curriculumpage #container .header .buttons,
.classroompopout .content .buttons {
  display: flex;
  gap: 14px;
  align-items: center;
}
.curriculumpage.teach .entryContainer section table {
  border-collapse: collapse;
  width: 100%;
  display: table;
  border: 1px #e3e3e3 solid;
}
.curriculumpage.teach .entryContainer section table td,
.curriculumpage.teach .entryContainer section table th {
  border: 1px #e3e3e3 solid;
  padding: 3px;
}

.classroompopout .content .buttons {
  justify-content: center;
}
.curriculumpage .entryContainer .buttonContainer {
  display: flex;
  gap: 10px;
}
.curriculumpage .entryContainer .buttonContainer a {
  display: block;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  background: #fff;
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.curriculumpage.create .entryContainer .buttonContainer {
  display: block;
}
.curriculumpage .entryContainer .col-sm-12,
.curriculumpage .col-sm-12,
.create .col-sm-12 {
  padding: 0px;
  float: none;
}
.curriculumpage.teach .entryContainer .entryHeader {
  border-left: 4px #1b66b3 solid;
}
.curriculumpage .entryHeader {
  padding: 4px 8px;
  color: #2e3e58;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  height: 62px;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}
.curriculumpage .entryHeader > div {
  flex: 1 1 0;
}
.curriculumpage .entryHeader > div:first-child {
  flex: 2 1 0;
  font-weight: bold;
  font-size: 18px;
  color: #000;
}
.curriculumpage .entryHeader > div:last-child {
  text-align: right;
}
.curriculumpage .entryHeader .itemcount {
  padding: 4px 8px;
  align-items: center;
  border-radius: 16px;
  background: var(--grey-grey-200, #eee);
  margin-right: 6px;
}
.curriculumpage.curriculum .entryHeader {
  margin-bottom: 1px;
}
/*
.curriculumpage .entry,
.curriculumpage .entry section
{
	padding: 4px 8px;
    color: #666;
    background-color: inherit;
	font-weight: normal;
	font-size: 15px;
}
.curriculumpage .entry
{
	position: relative;
	width: 360px;
	height: 200px;
	overflow: hidden;
	border-radius: 5px;
	background: #fff;
    box-shadow: 
		0px 9px 46px 8px rgba(0, 0, 0, 0.12),
		0px 24px 38px 3px rgba(0, 0, 0, 0.14),
		0px 11px 15px -7px rgba(0, 0, 0, 0.20);
}
.curriculumpage .entry .title.open
{
	font-weight: bold;
	color: #ef4b4c;
}
.StudentAssignments .entry .statusContainer
{
	float: right;
	display: flex;
	gap: 10px;
}*/
.StudentAssignments .entry.green,
.StudentAssignments .entry.green .header {
  color: green;
}
.StudentAssignments .entry .statusContainer .statusblock {
  width: 40px;
  height: 20px;
  background-image: url(../images/statuscolorblock.jpg);
  margin-top: 6px;
}
.StudentAssignments .entry .statusContainer .statusblock#new {
  background-position: left;
}
.StudentAssignments .entry .statusContainer .statusblock#message {
  background-position: center;
}
.StudentAssignments .entry .statusContainer .statusblock#complete {
  background-position: right;
}
.StudentAssignments .entry .statusContainer .messageblock {
  color: #eb994f;
  font-weight: bold;
}
.StudentAssignments .entry .statusContainer .messageblock:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;

  font-size: 33px;
  vertical-align: middle;
  color: #eb994f;
  content: "\e802";
}
.StudentAssignments .entry .comments {
  margin-top: 10px;
}
.StudentAssignments .entry .comments .comment {
  margin: 10px 0px;
}

.copyLinkWin {
  display: none;

  position: absolute;
  z-index: 99;

  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);

  top: 50%;
  transform: translateY(-50%);

  background-color: #2f3f59;
  color: #fff;
  width: 500px;
  margin-left: -250px;
  text-align: center;
  padding: 20px;
  border-bottom: 20px #dc9e5a solid;
}
.copyLinkWin > div:not(:last-child) {
  margin-bottom: 20px;
}
.copyLinkWin button {
  background-color: #dc9e5a;
  padding: 3px 15px;
  border: none;
}
.copyLinkWin .copytxt {
  vertical-align: top;
  width: 330px;
}
.copyLinkWin textarea.copytxt {
  height: 124px;
}
.buttonContainerTop .copyLinkWin span,
.copyLinkWin span {
  display: none;
  color: #00ff00;
  vertical-align: bottom;
}
.copyLinkWin .closebtn {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  line-height: 1em;
  font-size: 25px;
  background-color: #b3b3b3;
  color: #000;
}

.rightmodal {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  background-color: #0021584d;
  top: 0px;
  left: 0px;
  z-index: 30;
}

.rightmodal.admin {
  top: 33px;
  height: calc(100vh - 33px);
}

.rightmodal hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.rightmodal .window {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ffffff;
  width: 316px;
  flex-shrink: 0;
  height: 100%;
  width: 535px;
  display: flex;
  flex-direction: column;
}

.rightmodal.admin .window {
  height: calc(100vh - 33px);
}

.rightmodal .window .header,
.rightmodal .window .body {
  padding: 17px 30px;
  font-size: 14px;
}

.rightmodal .window .body {
  margin-bottom: 61px;
  overflow-y: scroll;
  height: 100%;
}

.rightmodal .window .header button#close {
  padding: 0px;
}

.rightmodal .window .header .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.rightmodal .window .header .title #title {
  margin: auto 0;
}
.modal-filterresults .content .entry,
.rightmodal .body .entry {
  margin-bottom: 20px;
  position: relative;
}
.modal-filterresults .content .entry.archived > div {
  display: flex;
  gap: 10px;
  align-items: anchor-center;
}

.modal-filterresults .entry .dropdown-label,
.modal-filterresults .entry label,
.rightmodal .entry .dropdown-label,
.rightmodal .entry label,
.dashboardhead .title .entry label {
  display: block;
  font-weight: 400;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #fff;
  position: absolute;
  top: -9px;
  left: 12px;
  color: #828282;
  font-size: 14px;
  padding: 0px 5px;
  z-index: 1;
}

.modal-filterresults .entry input[type="checkbox"] + label {
  position: static;
  margin: auto 0px;
}
*:focus {
  outline: none;
  border: none;
}
textarea:focus {
  outline: none;
  border: 1px #f0f0f0 solid;
}

.modal-filterresults .entry .dropdown-label.required:after,
.modal-filterresults .entry label.required:after,
.rightmodal .entry .dropdown-label.required:after,
.rightmodal .entry label.required:after,
.dashboardhead .title .entry label.required:after {
  content: "*";
  color: red;
}

.modal-filterresults .entry .dropdown-selected,
.modal-filterresults .entry .dropdown-selected,
.modal-filterresults .entry input[type="text"],
.rightmodal .entry .dropdown-selected,
.rightmodal .entry .dropdown-selected,
.rightmodal .entry input[type="text"],
.rightmodal .entry input[type="password"],
.dashboardhead .title .entry input[type="text"] {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  background-color: #fff;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

.modal-filterresults .entry input[type="text"]:focus,
.rightmodal .entry input[type="text"]:focus,
.rightmodal .entry input[type="password"]:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

.rightmodal .window .body .title {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 25px 0 20px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.rightmodal .window .footer {
  position: absolute;
  bottom: 12px;
  width: 100%;
}

.rightmodal .window .footer button {
  width: calc(100% - 60px);
  margin: 0px 30px;
}

.left-submenu {
  width: 316px;
  flex-shrink: 0;
  background-color: #fff;
  padding: 17px;
  border-right: 1px solid #e0e0e0;
}
.curriculumpage.create .left-submenu,
.curriculumpage.play .left-submenu,
.curriculumpage.moviepage .left-submenu {
  display: none;
}
.left-submenu .title {
  color: #666666;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 2px;
}
.left-submenu button:not(.silasButton) {
  font-size: 14px;
  margin-top: 8px;
  width: 100%;
  text-align: left;
  border: 1px #dddddd solid;
  background-color: unset;
  padding: 12px 14px 8px 14px;
  text-transform: uppercase;
}
.left-submenu button span.title {
  display: block;
  min-height: 40px;
  margin: 0px;
  margin-bottom: 10px;
  color: #000;
}
.left-submenu button:not(.silasButton):not([disabled]):hover {
  border: 1px #227fd8 solid;
  background-color: #e0f2ff;
  padding-right: 14px;
}
.left-submenu button.active:not(.silasButton):hover {
  padding-left: 14px;
  padding-right: 17px;
}
.left-submenu button.active:not(.silasButton) {
  text-align: left;
  border: 1px #e0f2ff solid;
  border-right: 4px #2274d8 solid;
  background-color: #e0f2ff;
  padding-left: 14px;
  font-weight: 600;
}
.left-submenu button:not(.silasButton):disabled {
  color: #b3b3b3;
  border: 1px #e0f2ff solid;
  display: flex;
  justify-content: space-between;
}
.left-submenu button:disabled:not(.silasButton)::after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='22' viewBox='0 0 17 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9346 7.21875H13.9346V5.21875C13.9346 2.45875 11.6946 0.21875 8.93457 0.21875C6.17457 0.21875 3.93457 2.45875 3.93457 5.21875V7.21875H2.93457C1.83457 7.21875 0.93457 8.11875 0.93457 9.21875V19.2188C0.93457 20.3188 1.83457 21.2188 2.93457 21.2188H14.9346C16.0346 21.2188 16.9346 20.3188 16.9346 19.2188V9.21875C16.9346 8.11875 16.0346 7.21875 14.9346 7.21875ZM8.93457 16.2188C7.83457 16.2188 6.93457 15.3188 6.93457 14.2188C6.93457 13.1187 7.83457 12.2188 8.93457 12.2188C10.0346 12.2188 10.9346 13.1187 10.9346 14.2188C10.9346 15.3188 10.0346 16.2188 8.93457 16.2188ZM12.0346 7.21875H5.83457V5.21875C5.83457 3.50875 7.22457 2.11875 8.93457 2.11875C10.6446 2.11875 12.0346 3.50875 12.0346 5.21875V7.21875Z' fill='%23BDBDBD'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
}

.left-submenu .functions {
  display: flex;
  justify-content: end;
  margin-right: -11px;
}
.left-submenu .functions .function {
  font-size: 14px;
  padding: 6px 11px 0px 11px;
}
.left-submenu .functions .function.active {
  color: #2274d8;
}
.left-submenu .functions .function.inactive {
  color: rgba(0, 0, 0, 0.26);
  visibility: hidden;
  display: none;
  width: 0px;
  padding: 0px;
}
.left-submenu button.active .functions {
  margin-right: -14px;
}

.userlistcontainer {
  /*position: fixed;
	left: 80px;*/
  position: absolute;
  left: 0;
  top: 0;
  width: 316px;
  height: 100%;
  background-color: #ffffff;
  border-right: 1px solid #e0e0e0;
  z-index: 1;
  display: none;
}

.userlistcontainer #toggleBtn {
  position: absolute;
  top: 17px; /* match the padding on .userfilter */
  right: 12px; /* push it just outside the right edge of the container */
  z-index: 100;
  border: none;
  cursor: pointer;
  font-size: 18px;
  color: #2274d8;
  padding: 11px 12px;
  border-radius: 0px 0px 0px 9px;
  background: #fff;
  box-shadow:
    0 2px 4px -2px rgba(0, 0, 0, 0.1),
    0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.curriculumpage.assesspage .userlistcontainer {
  display: block;
  position: absolute;
}
.userfilter,
.filter-window .filter {
  padding: 17px 0px 0px 0px;
  height: 100%;
  overflow-y: auto;
}
.userfilter {
  height: calc(100% - 60px);
}
.userfilter .dropdown-selected {
  background: #f2f2f2;
}
.curriculumpage.assesspage .userfilter,
.curriculumpage.moviepage .userfilter {
  height: 100%;
}
.userfilter > div,
.filter-window .filter > div {
  padding: 0px 17px;
}
.userfilter input[type="checkbox"] {
  vertical-align: text-top;
  margin-left: 5px;
  margin-right: 5px;
}
.userfilter .sort .filter-window .filter .sort {
  margin-top: 10px;
  position: relative;
}
.userfilter .sort button .filter-window .filter button {
  vertical-align: text-top;
}
.userfilter .sort .dropdown-modal .filter-window .filter .sort .dropdown-modal {
  position: absolute;
  top: 30px;
  right: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #b4b4b4;
  border-radius: 8px;
  z-index: 10;
  box-shadow:
    0px 9px 46px 8px rgba(0, 0, 0, 0.12),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 11px 15px -7px rgba(0, 0, 0, 0.2);
}
.userfilter
  .sort
  .dropdown-modal
  div:hover
  .filter-window
  .filter
  .sort
  .dropdown-modal
  div:hover {
  cursor: pointer;
  background-color: #e0e0e0;
}
.userfilter hr {
  /* Compensating for parent's 17px horizontal padding */
  margin-top: 15px;
  margin-bottom: 0px;
  border-color: #e0e0e0;
}
.userlistcontainer .userfilter > div:first-child {
  font-weight: 600;
  position: relative;
}
.userlistcontainer .userfilter > div:first-child,
.userlistcontainer .userfilter > div:nth-child(2),
.userlistcontainer .userfilter > div:nth-child(3),
.userlistcontainer .filter-window .filter > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.userlistcontainer .filter-window .filter > div:first-child {
  font-weight: 700;
}
.userlistcontainer button:not(.silasButton) {
  margin-left: auto;
  border: none;
  background: none;
}
.userlistcontainer .silasButtonContainer {
  position: fixed;
  bottom: 0;
  width: 314px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffffff;
  box-shadow:
    0px 6px 30px 5px rgba(0, 0, 0, 0.12),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.userlistcontainer .silasButtonContainer button {
  width: 100%;
}
.classSelect {
  display: flex;
  white-space: nowrap;
}
.classSelect > div {
  position: relative;
}
.classSelect img {
  margin-right: 10px;
}
.classSelect #groupname {
  font-size: 16px;
}
.classSelect #teachername,
.classSelect #schoolname {
  font-size: 12px;
}
.classSelect span.icon {
  font-size: 44px;
}

.userSelect,
.userfilter .userSelect {
  white-space: nowrap;
  overflow: hidden;
  padding: unset;
}
.userSelect > div {
  padding: 5px;
}
.userSelect input#userFindBy,
.userSelect select#userSortBy {
  width: 100%;
}

.userSelect #userlistfound {
  padding: 0px;
}
.userSelect #userlistfound .entry {
  padding: 8px 24px;
  display: flex;
  align-items: center;
}
.userSelect #userlistfound input[type="checkbox"] {
  margin-right: 12px;
}
.userSelect #userlistfound input[type="radio"] {
  display: none;
}
.userSelect #userlistfound .entry:has(input[type="radio"]:checked) {
  background-color: #d0ebff;
}

.userSelect #userlistfound .entry {
  transition: background-color 0.3s ease;
}

.userSelect #userlistfound .entry:has(input[type="checkbox"]:checked) {
  background-color: #e0f2ff; /* Light blue background when checked */
}
.userSelect #userlistfound .entry .entry-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}

.userSelect #userlistfound .entry .entry-name {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 2px;
  line-height: 1.3;
  font-weight: 600;
}

.userSelect #userlistfound .entry .entry-grade {
  font-size: 14px;
  color: #828282;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.userfilter .filter-users {
  position: relative;
}
.userfilter .filter-users .filter-notif {
  display: none;
}
.userfilter .filter-users .filter-notif.active {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
}
.userlistcontainer .filter-window {
  display: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.userlistcontainer .filter-window.active {
  display: block;
}
.userlistcontainer .filter-window .filter .sort {
  margin-top: 14px;
}
.userlistcontainer .userfilter .sort > div,
.userlistcontainer .filter-window .filter .sort > div,
.overlaysimplemodal .simplemodal-content .row > div {
  margin-top: 10px;
  width: 100%;
}

.overlaysimplemodal .simplemodal-content .daterange.row > div {
  width: 33%;
}

.userlistcontainer .filter-window .filter .buttons,
.userlistcontainer .filter-window .filter .buttons,
.simplemodal .footer .buttons {
  gap: 15px;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.simplemodal .footer .buttons {
  width: 100%;
  justify-content: center;
}
.userlistcontainer .filter-window .filter .buttons button {
  margin-left: unset;
  width: 134px;
  font-size: 14px;
}

.desktopspacer {
  height: 73px;
}
.desktoponly {
  display: block;
}
.mobileonly {
  display: none;
}

.drawsomething.control {
  display: flex;
  justify-content: space-around;
  background-color: #bda871;
  padding: 10px;
}
.drawsomething input#clear {
  padding: 8px 24px;
  vertical-align: middle;
}
.drawsomething .boxit {
  border: 1px #000 solid;
  border-radius: 15px;
  height: 60px;
  vertical-align: middle;
  background-color: #fff;
  display: inline-block;
  padding: 0px 12px;
  display: flex;
  flex-flow: nowrap;
  gap: 5px;
}
.colorpicker {
  display: inline-flex;
  border: 1px #000 solid;
  height: 60px;
  vertical-align: middle;
}
.drawsomething button.size {
  vertical-align: middle;
  border: 0px;
  padding: 0px 5px;
  background-color: transparent;
  height: 100%;
}
.drawsomething button.size_1 > div {
  width: 2px;
  height: 2px;
}
.drawsomething button.size_3 > div {
  width: 4px;
  height: 4px;
}
.drawsomething button.size_5 > div {
  width: 6px;
  height: 6px;
}
.drawsomething button.size_7 > div {
  width: 8px;
  height: 8px;
}
.drawsomething button.size_9 > div {
  width: 10px;
  height: 10px;
}
.drawsomething button.size_11 > div {
  width: 12px;
  height: 12px;
}
.colorpicker button {
  width: 30px;
  border: 1px #000000 solid;
}

.socialicon {
  display: inline-block;
}
.socialicon img {
  width: 45px;
}

/*** MOBILE **************************/

@media (max-width: 920px) {
  .fadeonscroll,
  .fadeonscroll:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    opacity: 1;
  }

  .lrentrytop {
    display: block;
    margin-bottom: 15px;
  }
  .lrentrytop {
    text-align: center;
    flex: auto;
  }
  .lrentrycontainer .header {
    text-align: center;
    flex: 0 100%;
  }
  .lrentrycontainer .left {
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    text-align: center;
    flex: auto;
  }
  .lrentrycontainer .right {
    display: block;
    text-align: center;
    flex: auto;
  }

  .pageheader.desktop {
    display: none;
  }
  .pageheader.mobile {
    display: flex;
    position: inherit;
    position: relative;
    top: 0px !important;
  }

  .pagebody {
    width: inherit;
    padding: 0 15px;
  }
  .pagebody.nine,
  .nine {
    width: inherit;
  }

  .pagefooter.desktop {
    display: none;
  }

  .pagefooter.mobile {
    display: flex;
    text-align: center;
  }

  .desktopspacer {
    height: 0px;
  }
  .desktoponly {
    display: none;
  }
  .mobileonly {
    display: block;
  }
}

@media (max-width: 860px) {
  .pagebanner {
    margin-top: 0px;
  }
  section h1 {
    font-size: 13vw;
  }
  .lrentrycontainer .left img {
    width: 100%;
  }
  .pageheader.menu.fixed {
    height: 68px;
  }

  .hpstack {
    display: block;
  }
  .hpstackentry {
    margin-right: 0px;
    margin-bottom: 20px;
    justify-content: stretch;
  }
}
@media (max-width: 550px) {
}
@media print {
  .pagebreak {
    clear: both;
    page-break-after: always;
  }
}

._pendo-step-container {
  z-index: 0;
}

._pendo-row {
  height: 100%;
  overflow: hidden;
}