html,
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.hidden {
  display: none;
}
.clickable {
  cursor: pointer;
}
.clear {
  clear: both;
}
legend {
  color: #239ec8;
  text-transform: uppercase;
  margin: 10px 0;
}
.input {
  clear: both;
  padding-top: 10px;
}
label {
  display: block;
  width: 250px;
}
input,
textarea,
select {
  display: block;
  border: 1px solid #239ec8;
  font-size: 20px;
  padding: 10px;
}
.date select {
  float: none;
  display: inline;
}
.close-button {
  color: #d42424;
  font-size: 2rem;
}
.move-icon {
  font-size: 2rem;
}
.button-link {
  font-family: system-ui;
  text-decoration: none;
  border: 1px solid #239ec8;
  padding: 0.5rem 1rem;
  margin: 1rem 1rem 1rem 0;
  display: inline-block;
}
.select-link {
  font-family: system-ui;
  text-decoration: none;
  border: 1px solid #239ec8;
  padding: 0.5rem 1rem;
  margin: 1rem 1rem 1rem 0;
  display: inline-block;
  background-color: #239ec8;
  color: white;
  font-weight: bold;
  box-shadow: 5px 5px 5px #312942;
  cursor: pointer;
  float: none;
  margin: 0 1rem;
}
input[type="submit"],
.button-link,
.select-link {
  background-color: #239ec8;
  color: white;
  font-weight: bold;
  box-shadow: 5px 5px 5px #312942;
  cursor: pointer;
  float: none;
}
table {
  border: 1px solid #239ec8;
  padding: 0 1rem;
  background-color: white;
}
table th {
  font-size: 1rem;
  padding: 1rem 0.5rem 1rem 0;
  text-align: left;
}
table td {
  padding: 0.5rem 0;
}
table tr:nth-child(even) {
  background: #cdf2ff;
}
table tr:nth-child(odd) {
  background: #f8f8fb;
}
#edit-variable-form input,
#edit-variable-form select,
#add-variable-form input,
#add-variable-form select,
#add-control-form input,
#add-control-form select,
#edit-control-form input,
#edit-control-form select {
  float: none;
}
#quiz-question-list label {
  float: none;
}
.question-box,
.answer-box {
  margin: 1em 0 0 3em;
}
.question-edit {
  padding: 1em;
  background-color: #ddeeee;
}
.answer-edit {
  padding: 1em;
  background-color: #eeffff;
}
.admin-checkbox {
  display: inline;
  float: left;
}
.close-x {
  cursor: pointer;
  color: darkred;
}
span.student-identifier {
  width: 25%;
  display: block;
  float: left;
}
.student {
  clear: both;
}
.student:nth-of-type(even) {
  background-color: #cdf2ff;
}
.move-icon {
  cursor: grab;
}
/** Lesson Magic **/
.admin-all-modules {
  padding-left: 2rem;
}
.admin-module {
  padding-left: 2rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #239ec8;
}
.admin-module-content {
  padding-left: 2rem;
}
.admin-all-modules h3 {
  font-family: Arial;
  color: #7094ab;
  display: inline;
  font-size: 2rem;
  margin-right: 1rem;
}
.admin-all-modules select {
  display: inline;
  float: none;
}
.admin-module input {
  float: none;
  display: inline;
  margin-left: 1rem;
}
.expander {
  background-color: #239ec8;
  color: #ffffff;
  padding: 0.2rem;
  border-radius: 5px;
  width: 1rem;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
}
.save-button {
  background-color: #239ec8;
  padding: 1rem;
  color: #ffffff;
  font-family: arial;
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 2rem;
}
.admin-sortable-module-questions {
  margin-left: 2rem;
}
.admin-sortable-module-questions .admin-question {
  border-top: 1px solid #239ec8;
  padding: 0.5rem 0;
}
.admin-sortable-module-questions .admin-question .admin-answer-content {
  margin-left: 4rem;
}
#process-student-button {
  padding: 1rem;
  font-size: 1rem;
  margin-top: 1rem;
  border: 1px solid #239ec8;
}
.instructor-button {
  border: 1px solid #239ec8;
  display: inline-block;
  padding: 0.5rem 1rem;
  font-weight: bold;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.instructor-button a {
  color: #239ec8;
  text-decoration: none;
}
.instructor-button a:hover {
  text-decoration: underline;
}
.input.date-input select {
  float: none;
  display: inline-block;
  margin-right: 1rem;
  margin-left: 1rem;
}
.lesson-view-module {
  border: 1px solid;
  padding: 1rem 2rem;
  margin: 1rem;
}
.lesson-view-question {
  border: 1px solid;
  padding: 1rem 2rem;
  margin: 1rem;
}
.lesson-view-answer {
  border: 1px solid;
  padding: 1rem 2rem;
  margin: 1rem;
}
.classroom-item {
  border: 1px solid #239ec8;
  padding: 1rem;
  margin: 1rem;
}
.classroom-item h3 {
  display: inline-block;
  font-family: system-ui;
  font-size: 1.5rem;
}
.classroom-item .close-x {
  display: inline-block;
  float: right;
}
.classroom-item .input label {
  font-size: 1.8rem;
  width: 10rem;
}
.admin-editable-section {
  border: 1px solid #239ec8;
  padding: 1rem 2rem;
  margin-top: 2rem;
  background-color: #f8f8fb;
}
.admin-editable-section fieldset {
  border-color: #312942;
  border-width: 1px;
}
.admin-editable-section fieldset legend {
  color: #312942;
}
.admin-editable-section fieldset label {
  color: #312942;
}
#flashMessage {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  background-color: #239ec8;
  color: #ffffff;
  text-transform: uppercase;
}
.paging span {
  margin-left: 1rem;
}
.inside-content-box a.button-link {
  color: #ffffff;
}
.inside-content-box .system-block,
.inside-content-box .case-study-block {
  display: block;
  border: 1px solid #c0abff;
  padding: 1rem;
  color: #554682;
  background-color: #c0abff;
  background: linear-gradient(#f8f8fb, rgba(192, 171, 255, 0.5));
  margin-bottom: 1rem;
  text-decoration: none;
}
.inside-content-box .system-block:hover {
  color: #554682;
  background: #f8f8fb;
}
.inside-content-box .case-study-block {
  padding: 0.5rem 1rem;
}
.inside-content-box .case-study-block .case-study-name {
  font-weight: bold;
}
.inside-content-box .case-study-block .case-study-tag-list {
  margin-left: 2rem;
}
.inside-content-box .case-study-block span {
  display: block;
}
.inside-content-box .case-study-block .case-study-tag-list {
  display: inline-block;
}
.inside-content-box .content-section h2 {
  border-bottom: 0.25rem solid #93ecd9;
}
.inside-content-box .content-section .dashboard-all-button {
  display: inline-block;
  color: #f8f8fb;
  text-decoration: none;
  background-color: #6ed0f1;
  background: linear-gradient(#6ed0f1, #239ec8);
  padding: 0.5rem 1rem;
}
.inside-content-box .content-section .dashboard-all-button:hover {
  color: #f8f8fb;
  background: #6ed0f1;
}
.lab-index-page .lab-filter-selects {
  margin-top: 1rem;
}
.lab-index-page .lab-filter-selects .lab-index-filter-box {
  margin-bottom: 1rem;
  margin-right: 1rem;
  font-size: 1.25rem;
}
.lab-index-page ul.labs {
  padding: 0;
  margin: 1rem 0;
}
.lab-index-page ul.labs li.lab {
  list-style-type: none;
}
.lab-index-filter {
  color: #fd8968;
  border: 1px solid #fd8968;
  display: inline-block;
  margin: 0.5rem;
  padding: 0.25rem 0.5rem;
}
.lab-index-filter span.close-me {
  font-weight: bold;
  font-size: 1.25rem;
  margin-left: 0.5rem;
  cursor: pointer;
  color: #f36a43;
}
@media print {
  #email-question-button {
    display: none;
  }
}
@media (min-width: 61.25rem) {
  .dashboard-page .inside-content-box .content-section {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin-right: 4%;
  }
  .lab-index-page ul.labs li.lab {
    width: 60%;
    max-width: 45rem;
    display: block;
    margin-right: 2%;
  }
}