/*
	Theme  Name       : HTML5 Blank
	Theme  URI        : http :                       //html5blank.com
	       Description: HTML5 Blank WordPress Theme
	       Version    : 1.4.3
	       Author     : Todd Motto (@toddmotto)
	Author URI        : http :                       //toddmotto.com
	       Tags       : Blank, HTML5, CSS3

	                                License: MIT
	                        License URI    : http:   //opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*: after,
*: before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%;
  overflow-x: hidden;
  height: 100%;
  margin: 0;
}
body {
  font: 300 11px/1.4 "Montserrat", sans-serif;
  color: #444;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
}
/* clear */
.clear: before,
.clear: after {
  content: " ";
  display: table;
}

.clear:after {
  clear: both;
}
.clear {
  *zoom: 1;
}
img {
  max-width: 100%;
  vertical-align: bottom;
}
a {
  color: #444;
  text-decoration: none;
}
a:hover {
  color: #444;
}
a:focus {
  outline: 0;
}
a: hover,
a: active {
  outline: 0;
}
input:focus {
  outline: 0;
  border: 1px solid #04a4cc;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
  max-width: 1980px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.container {
  min-height: 100%;
  margin-bottom: -4em;
}

article {
  font-size: 1.75rem;
  color: #000000;
  line-height: 2;
}

.flex-resources {
  display: flex;
  flex-direction: row;
}

.flex-presenter-notes {
  flex: 1 1 50%;
}

.flex-tutorials {
  flex: 1 1 50%;
}

@media only screen and (max-width: 600px) {
  .flex-resources {
    display: flex;
    flex-direction: column;
  }

  .flex-presenter-notes {
    flex: 1 1 100%;
  }

  .flex-tutorials {
    flex: 1 1 100%;
  }
}

/* header */
.header {
  background-color: #005005;
  height: 80px;
}

@media print {
  .header {
    display: none;
  }
}

/* logo */
.logo {
}
.logo-img-small {
  display: block;
  margin: 0 auto;
}
/* nav */
.nav {
}

.header-links {
  float: right;
}

.demo-header-link {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 2rem;
}

.demo-header-link a:link {
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
}

.demo-header-link a:visited {
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
}

.demo-header-link a:hover {
  text-transform: uppercase;
  color: #2e7d32;
  text-decoration: none;
}

.register-header-link {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 2rem;
  text-decoration: none;
  padding: 0 0 0 0em;
}

.register-header-link a:link {
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
}

.register-header-link a:visited {
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
}

.register-header-link a:hover {
  text-transform: uppercase;
  color: #2e7d32;
  text-decoration: none;
}

.header-unit {
  display: none;
}

#menuToggle {
  display: block;
  position: relative;
  top: 10px;
  left: 10px;

  z-index: 1;

  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;

  cursor: pointer;

  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */

  -webkit-touch-callout: none;
}

/*
   * Just a quick hamburger
   */
#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;

  background: #ffffff;
  border-radius: 3px;

  z-index: 1;

  transform-origin: 4px 0px;

  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

/*
   * Transform all the slices of hamburger
   * into a crossmark.
   */
#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #ffffff;
}

/*
   * But let's hide the middle one.
   */
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
   * Ohyeah and the last one should go the other direction
   */
#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

/*
   * Make this absolute positioned
   * at the top left of the screen
   */
#menu {
  position: absolute;
  width: 100%;
  margin: -80px 0 0 -10px;
  padding: 50px 0;
  padding-top: 125px;

  background: #000000;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */

  transform-origin: 0% 0%;
  transform: translate(-100%, 0);

  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);

  display: block;
}

#menu li {
  padding: 10px 0;
  display: list-item;
  text-align: center;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.2rem;
  text-decoration: none;
}

#menu a:link {
  color: #ffffff;
  text-decoration: none;
}

#menu a:visited {
  color: #ffffff;
  text-decoration: none;
}

#menu a:hover {
  color: #71c149;
  text-decoration: none;
}

/*
   * And let's slide it in from the left
   */
#menuToggle input:checked ~ ul {
  transform: none;
}

main {
  width: 100%;
  float: left;
  margin: 0;
  padding: 1em;
}

h1 {
  color: #2e7d32;
  font-size: 4rem;
  font-family: "Montserrat", sans-serif;
  margin: 0;
}

h1 a:link {
  color: #2e7d32;
}

h1 a:visited {
  color: #2e7d32;
  text-decoration: none;
}

h1 a:hover {
  color: #2e7d32;
}

h2 {
  font-size: 3rem;
  font-family: "Montserrat", sans-serif;
  margin: 1em 0 0 0;
}

h4 {
  font-size: 3rem;
  font-family: "Montserrat", sans-serif;
  margin: 0;
}

p {
  margin: 1em 0;
}

.internal-content a:link {
  color: #444;
  text-decoration: underline;
}

.internal-content a:visited {
  color: #444;
  text-decoration: none;
}

.internal-content a:hover {
  color: #2e7d32;
  text-decoration: none;
}

.avail-course-img {
  float: left;
  padding: 1em 1em 0 0;
}

#ld_course_info_mycourses_list h4 {
  font-size: 2rem;
}

.ld-course-progress-content-container {
  font-size: 1.25rem;
}

.learndash-profile-course-title {
  font-size: 1.5rem;
}

#learndash_course_status {
  font-size: 1.5rem;
}

.learndash_topic_dots {
  font-size: 1.5rem;
}

#learndash_back_to_lesson {
  font-size: 1.25rem;
}

.learndash_content {
  font-size: 1.75rem;
  color: ##727272;
}

#learndash_mark_complete_button {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  color: #ffffff;
  background-color: #2e7d32;
  border-radius: 6px;
  padding: 0.64em 1.45em;
}

#learndash_lessons a,
#learndash_quizzes a,
.expand_collapse a,
.learndash_topic_dots a,
.learndash_topic_dots a > span,
#learndash_lesson_topics_list span a {
  font-size: 14px;
}

#learndash_lessons .notcompleted a:visited {
  font-size: 14px;
}

#learndash_lessons .notcompleted a:hover {
  font-size: 14px;
}

#learndash_lessons .topic-completed a:link {
  font-size: 14px;
}

#learndash_lessons .topic-completed a:visited {
  font-size: 14px;
}

#learndash_lessons .topic-completed a:hover {
  font-size: 14px;
}

/* sidebar */
.sidebar {
  display: none;
}

.sidebar a:link {
  font-size: 2rem;
  color: #000000;
}

.sidebar a:visited {
  font-size: 2rem;
  color: #000000;
}

.sidebar a:hover {
  font-size: 2rem;
  color: #2e7d32;
}

.sidebar ul {
  padding: 0 0 0 1.5em;
}

@media print {
  .sidebar ul {
    display: none;
  }
}

.sidebar ul li {
  list-style: none;
  padding: 1.25em 0;
}

.sidebar ul li img {
  padding: 0 1em 0 0;
}

/* footer */
.footer {
  width: 100%;
  float: left;
}

.copyright {
  width: 100%;
  margin: 0;
  text-align: left;
  margin-left: 2em;
}

@media print {
  .copyright {
    display: none;
  }
}

/* General Login Styles */

.login-container {
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 19px 10px rgba(0, 0, 0, 0.16);
  padding: 0 0 1em 0;
}

.uo_loginForm {
  width: 100%;
  margin: 0 0 0 0;
  float: left;
}

.login-msg {
  margin: 0;
}

.

/* Login Header / Nav */

.login-container h2 {
  background-color: #005005;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 0.6em 1em;
  color: #ffffff;
}

/* Login Form Input Styles */

.login-username p {
  margin: 2.21em 0 0 5.7em;
}

.login-username label,
.login-password label,
.access_code label,
.your_name label,
.your_email label {
  font-family: "PT Serif", serif;
  font-size: 2rem;
  padding: 0.5em 0.5em;
}

.login-password p {
  margin: 2.21em 0 0 5.7em;
}

.login-username input[type="text"],
.access_code input[type="text"],
.your_name input[type="text"],
.your_email input[type="text"],
.your_name input[type="email"],
.your_email input[type="password"] {
  width: 68.37%;
  font-family: "PT Serif", serif;
  font-size: 2.9rem;
  border: none;
  border-bottom: 1.85px solid rgba(51, 51, 51, 0.16);
  margin: 0 0.5em;
}

#ulgm_code_redeem {
  width: 68.37%;
  font-family: "PT Serif", serif;
  font-size: 2.9rem;
  border: none;
  border-bottom: 1.85px solid rgba(51, 51, 51, 0.16);
  margin: 0 0.5em;
}

.login-password input[type="password"] {
  width: 68.37%;
  font-family: "PT Serif", serif;
  font-size: 2.9rem;
  border: none;
  border-bottom: 1.85px solid rgba(51, 51, 51, 0.16);
  margin: 0 0.5em;
}

.login-remember {
  font-family: "PT Serif", serif;
  font-size: 1.5rem;
  padding: 1em 1em;
}

.login-submit {
  margin: 1em 1em;
}

.button-primary {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  color: #ffffff;
  background-color: #2e7d32;
  border-radius: 6px;
  padding: 0.64em 1.45em;
}

.redeem-code-btn {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  color: #ffffff;
  background-color: #2e7d32;
  border-radius: 6px;
  padding: 0.64em 1.45em;
  margin: 1em 0 0 1em;
}

.forgot-link {
  margin: 0 1em;
  font-size: 1.5rem;
}

.forgot-link a:link {
  font-size: 1.5rem;
}

.forgot-link a:visited {
  font-size: 1.5rem;
}

.forgot-link a:hover {
  font-size: 1.5rem;
}

.instructor-login-link a:link {
  text-decoration: underline;
}

.instructor-login-link a:visited {
  text-decoration: underline;
}

.instructor-login-link a:hover {
  text-decoration: none;
}

.instructor-login-flex {
  display: flex;
  flex-direction: row;
}

.instructor-login-flex section {
  flex: 1 1 45%;
}

.instructor-login-col {
  margin-left: 3em;
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .instructor-login-flex {
    display: flex;
    flex-direction: column;
  }

  .instructor-login-flex section {
    flex: 1 1 100%;
  }

  .instructor-login-col {
    margin-left: 0;
    margin-bottom: 3em;
  }
}

.register-link {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  color: #ffffff;
  background-color: #2e7d32;
  border-radius: 6px;
  padding: 0.45rem 1.45rem;
  margin: -10.3rem 1.7rem 0 0rem;
  float: right;
}

.register-link a:visited {
  color: #ffffff;
}

.register-link:hover {
  color: #ffffff;
}

.sign-up-btn {
  color: #2e7d32;
  text-transform: inherit;
}

.login-btn {
  color: #ffffff;
  background-color: #2e7d32;
  border-radius: 6px;
  padding: 0.64em 1.45em;
  text-transform: inherit;
}

.login-msg {
  padding: 1em 1em;
}

.learn-more {
  width: 92%;
  font-size: 2rem;
  text-transform: uppercase;
  font-family: "PT Serif", serif;
  text-align: center;
  font-weight: bold;
  margin: 2rem 0;
  float: left;
}

.learn-more img {
  margin: 0 10px 0 0;
  vertical-align: text-bottom;
}

.learn-more a:link {
  vertical-align: text-top;
}

.learn-more a:visited {
}

.learn-more a:hover {
  color: #2e7d32;
}

.not-valid-msg {
  margin: 0 0 0 1em;
  color: red;
  display: none;
  font-weight: 600;
}

.grid-form-wrapper {
  display: block;
  margin: 4em 0 0 0;
}

.grid-form-wrapper input[type="date"],
.grid-form-wrapper input[type="time"],
.grid-form-wrapper input[type="datetime-local"],
.grid-form-wrapper input[type="week"],
.grid-form-wrapperinput[type="month"],
.grid-form-wrapper input[type="text"],
.grid-form-wrapper input[type="email"],
.grid-form-wrapper input[type="url"],
.grid-form-wrapper input[type="password"],
.grid-form-wrapper input[type="search"],
.grid-form-wrapper input[type="tel"],
.grid-form-wrapper input[type="number"],
.grid-form-wrapper textarea {
  width: 100% !important;
  font-family: "PT Serif", serif !important;
  font-size: 1.5rem !important;
  border: none !important;
  border-bottom: 1.85px solid rgba(51, 51, 51, 0.16) !important;
  margin: 1em 0;
  padding: 0 0 10px 0;
}

.grid-form-wrapper label {
  font-family: "PT Serif", serif;
  font-size: 1.5em;
  padding: 0.5em 0;
}

.wpcf7 p {
  margin: 0;
}

#instructor-sign-up-btn {
  float: right;
  background: none;
  border: 0;
  box-shadow: none;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  color: #ffffff;
  background-color: #2e7d32;
  border-radius: 6px;
  padding: 0.64em 1.45em;
  margin: 2em 1em 0 0;
}

.demo-video {
  width: 100%;
}

.ld-course-info-my-courses img {
  display: none;
}

#ld_course_info_mycourses_list h4::before {
  content: url("img/courses_header_icon.png");
  float: left;
  margin: 4px 10px 0 0;
}

#ld_course_info_mycourses_list h4 {
  color: #2e7d32;
  margin: 0 0 0.5em 0;
  font-size: 2em;
  border-bottom: 1px solid #444444;
}

.ld-courseregistered-content-container {
  letter-spacing: 1px;
}

.ld-course-info-my-courses h2 {
  font-size: 2rem;
  font-family: "PT Serif", serif;
}

.ld-course-info-my-courses a:visited {
  text-decoration: underline;
}

.ld-course-info-my-courses a:hover {
  text-decoration: underline;
}

.course_progress_details::before {
  content: url("img/progress_header_icon.png");
  float: left;
  margin: 15px 10px 0 0;
}

.course_progress_details h4 {
  color: #2e7d32;
  margin: 1em 0 0.5em 0;
  font-size: 3rem;
  border-bottom: 1px solid #444444;
}

.ld-course-progress-content-container {
  letter-spacing: 1px;
}

.learndash-profile-course-title {
  font-family: "PT Serif", serif;
  font-size: 1.75rem;
}

.learndash-profile-course-title:visited {
  text-decoration: none;
}

.learndash-profile-course-title:hover {
  text-decoration: underline;
}

.learndash-profile-course-title {
  font-family: "PT Serif", serif;
}

.leardash-course-status-not-started:before {
  content: url("img/not_started_icon.png");
  display: inline;
  vertical-align: text-top;
  margin: 0 4px 0 0;
}

.leardash-course-status-not-started {
  color: #db3a32;
  font-weight: 900;
}

.leardash-course-status-in-progress:before {
  content: url("img/in_progress_icon.png");
  display: inline;
  vertical-align: text-top;
  margin: 0 4px 0 0;
}

.leardash-course-status-in-progress {
  color: #fdd200;
  font-weight: 600;
}

.leardash-course-status-completed:before {
  content: url("img/completed_icon.png");
  display: inline;
  vertical-align: text-top;
  margin: 0 4px 0 0;
}

.leardash-course-status-completed {
  color: green;
  font-weight: 600;
}

#lessons_list .list-count,
#quiz_list .list-count {
  font-family: "PT Serif", serif;
  font-size: 2rem;
}

#lessons_list > div h4 > a,
#course_list > div h4 > a,
#quiz_list > div h4 > a {
  font-family: "PT Serif", serif;
  font-size: 2rem;
  color: #2e7d32;
}

#learndash_lessons #lesson_heading,
#learndash_profile .learndash_profile_heading,
#learndash_quizzes #quiz_heading,
#learndash_lesson_topics_list div > strong {
  font-weight: bold;
  font-size: 2rem;
}

.learndash_course_content {
  margin: 2em 0 0 0;
}

#learndash_course_content_title::before {
  content: url("img/course_content_icon.png");
  margin: 5px 10px 0 0;
  float: left;
}

.learndash_topic_dots ul .topic-completed span,
.learndash_topic_dots ul .topic-notcompleted span {
  font-family: "PT Serif", serif;
  color: #2e7d32;
  font-size: 1.5rem;
}

#learndash_course_content .learndash_topic_dots ul > li a {
  padding: 0 10px 0 60px;
}

#learndash_next_prev_link .prev-link {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  color: #ffffff;
  background-color: #2e7d32;
  border-radius: 6px;
  padding: 0.64em 1.45em;
}

#learndash_next_prev_link .next-link {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  color: #ffffff;
  background-color: #2e7d32;
  border-radius: 6px;
  padding: 0.64em 1.45em;
}

.wpProQuiz_button {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  color: #ffffff;
  background-color: #2e7d32;
  border-radius: 6px;
  padding: 0.64em 1.45em;
}

#learndash_back_to_lesson {
  font-size: 2rem;
}

#quiz_progress_details h4 {
  color: #2e7d32;
  margin: 1em 0 0.5em 0;
  font-size: 3rem;
  border-bottom: 1px solid #444444;
}

#quiz_progress_details h4::before {
  content: url("img/quiz_header_icon.png");
  float: left;
  margin: 4px 10px 0 0;
}

.wpProQuiz_content .wpProQuiz_header {
  font-size: 2rem;
}

.courses-featured-image {
  float: left;
  padding: 1em 1em 0 0;
}
#learndash_profile .learndash_profile_details > div {
  margin: 0;
}

#learndash_lessons,
#learndash_quizzes,
.expand_collapse,
.notavailable_message,
#learndash_lesson_topics_list div > strong,
#learndash_lesson_topics_list div ul > li .sn,
.learndash_profile_heading,
#learndash_profile a,
#learndash_profile div {
  font-size: 1.75rem;
}

#learndash_profile {
  margin: 1em 0 0 0;
}

.ld_profile_course::before {
  content: url("img/courses_header_icon.png");
  float: left;
  margin: 4px 10px 0 0;
}

.ld_profile_status::before {
  content: url("img/progress_header_icon.png");
  float: left;
  margin: 5px 10px 0 0;
  width: initial;
}

#learndash_lessons .right,
#learndash_quizzes .right,
#learndash_profile .learndash_profile_heading .ld_profile_status {
  width: initial;
}

#learndash_profile .learndash-course-link a {
  font-family: "PT Serif", serif;
  font-size: 2rem;
  color: #2e7d32;
}

.register-instructor-link::before {
  content: url("img/instructor_icon.png");
  margin: 4px 4px 0 0;
  float: left;
}

.register-student-link::before {
  content: url("img/student_icon.png");
  margin: 4px 4px 0 0;
  float: left;
}

.course-overviews {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 50px;
  margin: 0 0 0 0;
}

.course-overviews .course-list-image {
  margin: 2em 20px 0 0;
  float: left;
}

.course-overview-request::before {
  content: url("img/request_code_small_icon.png");
  float: left;
  margin: 2px 4px 0 0;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
  font-family: "Font-Name";
  src: url("fonts/font-name.eot");
  src: url("fonts/font-name.eot?#iefix") format("embedded-opentype"),
    url("fonts/font-name.woff") format("woff"),
    url("fonts/font-name.ttf") format("truetype"),
    url("fonts/font-name.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width: 375px) and (max-width: 413px) {
  .grid-form-wrapper input[type="date"],
  .grid-form-wrapper input[type="time"],
  .grid-form-wrapper input[type="datetime-local"],
  .grid-form-wrapper input[type="week"],
  .grid-form-wrapperinput[type="month"],
  .grid-form-wrapper input[type="text"],
  .grid-form-wrapper input[type="email"],
  .grid-form-wrapper input[type="url"],
  .grid-form-wrapper input[type="password"],
  .grid-form-wrapper input[type="search"],
  .grid-form-wrapper input[type="tel"],
  .grid-form-wrapper input[type="number"],
  .grid-form-wrapper textarea {
    width: 100% !important;
    font-family: "PT Serif", serif !important;
    font-size: 1.8rem !important;
    border: none !important;
    border-bottom: 1.85px solid rgba(51, 51, 51, 0.16) !important;
    margin: 1em 0;
    padding: 0 0 10px 0;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) {
  .grid-form-wrapper input[type="date"],
  .grid-form-wrapper input[type="time"],
  .grid-form-wrapper input[type="datetime-local"],
  .grid-form-wrapper input[type="week"],
  .grid-form-wrapperinput[type="month"],
  .grid-form-wrapper input[type="text"],
  .grid-form-wrapper input[type="email"],
  .grid-form-wrapper input[type="url"],
  .grid-form-wrapper input[type="password"],
  .grid-form-wrapper input[type="search"],
  .grid-form-wrapper input[type="tel"],
  .grid-form-wrapper input[type="number"],
  .grid-form-wrapper textarea {
    width: 100% !important;
    font-family: "PT Serif", serif !important;
    font-size: 2rem !important;
    border: none !important;
    border-bottom: 1.85px solid rgba(51, 51, 51, 0.16) !important;
    margin: 1em 0;
    padding: 0 0 10px 0;
  }
}
@media only screen and (min-width: 1024px) {
  #menuToggle {
    display: none;
  }
  .sidebar {
    float: left;
    width: 16%;
    display: block;
  }

  main {
    width: 80%;
    float: left;
    margin: 0;
    font-family: "PT Serif", serif !important;
  }

  .header-unit {
    display: block;
    border: none;
    margin: 1.25em 0 0 0;
  }

  #banner-container {
    height: 175px;
    width: 76%;
    background-image: url("img/corn_field_banner.jpg");
    background-size: 100% 100%;
    margin: 0;
    float: left;
  }

  .fillWidth {
    width: 100%;
  }

  .login-container {
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 19px 10px rgba(0, 0, 0, 0.16);
    padding: 0 0 1em 0;
  }

  .uo_loginForm {
    width: 47%;
    margin: 0 1em 0 0;
    float: left;
  }

  .login-msg {
    margin: 0;
  }

  /* Login Header / Nav */

  .login-container h2 {
    background-color: #005005;
    font-family: "Montserrat", sans-serif;
    font-size: 2rem;
    text-transform: uppercase;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 0.6em 1em;
    color: #ffffff;
  }

  /* Login Form Input Styles */

  .login-username p {
    margin: 2.21em 0 0 5.7em;
  }

  .login-username label,
  .login-password label,
  .access_code label {
    font-family: "PT Serif", serif;
    font-size: 2rem;
    padding: 0.5em 0.5em;
  }

  .login-password p {
    margin: 2.21em 0 0 5.7em;
  }

  .login-username input[type="text"],
  .access_code input[type="text"] {
    width: 95%;
    font-family: "PT Serif", serif;
    font-size: 2.9rem;
    border: none;
    border-bottom: 1.85px solid rgba(51, 51, 51, 0.16);
    margin: 0 0.5em;
  }

  .grid-form-wrapper {
    display: grid;
    grid-template-columns: 40% 40%;
    grid-gap: 50px;
    margin: 4em 0 0 0;
  }
  .grid-form-wrapper input[type="date"],
  .grid-form-wrapper input[type="time"],
  .grid-form-wrapper input[type="datetime-local"],
  .grid-form-wrapper input[type="week"],
  .grid-form-wrapperinput[type="month"],
  .grid-form-wrapper input[type="text"],
  .grid-form-wrapper input[type="email"],
  .grid-form-wrapper input[type="url"],
  .grid-form-wrapper input[type="password"],
  .grid-form-wrapper input[type="search"],
  .grid-form-wrapper input[type="tel"],
  .grid-form-wrapper input[type="number"],
  .grid-form-wrapper textarea {
    width: 100% !important;
    font-family: "PT Serif", serif !important;
    font-size: 2.4rem !important;
    border: none !important;
    border-bottom: 1.85px solid rgba(51, 51, 51, 0.16) !important;
    margin: 0;
    padding: 0 0 10px 0;
  }

  select#soflow1 {
    -webkit-appearance: button;
    background-image: url("img/15xvbd5.png");
    background-position: 97% center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-family: "PT Serif", serif !important;
    font-size: 2.4rem !important;
    border: none !important;
    border-bottom: 1.85px solid rgba(51, 51, 51, 0.16) !important;
    margin: 0;
    padding: 0 0 10px 0;
    color: #727272;
  }

  select#soflow2 {
    -webkit-appearance: button;
    background-image: url("img/15xvbd5.png");
    background-position: 97% center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-family: "PT Serif", serif !important;
    font-size: 2.4rem !important;
    border: none !important;
    border-bottom: 1.85px solid rgba(51, 51, 51, 0.16) !important;
    margin: 0;
    padding: 0 0 10px 0;
    color: #727272;
  }

  .wpcf7-form input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    color: #ffffff;
    background-color: #2e7d32;
    border-radius: 6px;
    padding: 0.64em 1.45em;
  }

  .request-code-form-header::before {
    content: url("img/request_access_header_icon.png");
    margin: 4px 10px 0 0;
  }

  .request-code-form-header {
    border-bottom: 1px solid #444444;
    color: #2e7d32;
    padding: 1em 0 0 0;
  }

  #instructor-sign-up-btn {
    float: right;
    background: none;
    border: 0;
    box-shadow: none;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    color: #ffffff;
    background-color: #2e7d32;
    border-radius: 6px;
    padding: 0.64em 1.45em;
    margin: 2em 10em 0 0;
  }

  .logo-img-small {
    display: none;
  }

  .demo-video {
    width: 40%;
  }
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}
::-webkit-selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.sticky {
}
.bypostauthor {
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a                    : after,
  a   [href^="javascript:"]: after,
  a   [href^="#"]          : after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

#search-schools h1 {
  font-size: 18px;
  background: #005005 none repeat scroll 0% 0%;
  color: rgb(255, 255, 255);
  padding: 22px 25px;
  border-radius: 5px 5px 0px 0px;
  margin: auto;
  text-shadow: none;
  text-align: left;
}

#search-schools {
  border-radius: 5px;
  max-width: 700px;
  width: 100%;
  margin: 5% auto;
  background-color: #ffffff;
  overflow: hidden;
}

/*#search-schools p span {*/
/*color: #F00;*/
/*}*/

#search-schools p {
  margin: 0px;
  font-weight: 500;
  line-height: 2;
  color: #333;
}

#search-schools h1 {
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 0px #666;
  margin: 50px 0px 0px 0px;
}

#search-schools input {
  border-radius: 0px 5px 5px 0px;
  border: 1px solid #eee;
  background-color: #eeeeee;
  margin-bottom: 15px;
  width: 75%;
  height: 40px;
  float: left;
  padding: 0px 15px;
}

#search-schools a {
  text-decoration: inherit;
}

#search-schools textarea {
  border-radius: 0px 5px 5px 0px;
  border: 1px solid #eee;
  margin: 0;
  width: 75%;
  height: 130px;
  float: left;
  padding: 0px 15px;
}

#search-schools .form-group {
  overflow: hidden;
  clear: both;
}

#search-schools .icon-case {
  width: 35px;
  float: left;
  border-radius: 5px 0px 0px 5px;
  background: #eeeeee;
  height: 42px;
  position: relative;
  text-align: center;
  line-height: 40px;
}

#search-schools i {
  color: #555;
}

#search-schools .contentform {
  padding: 40px 30px;
}

#search-schools .bouton-contact {
  background-color: #144157;
  color: #fff;
  text-align: center;
  width: 100%;
  border: 0;
  padding: 17px 25px;
  border-radius: 0px 0px 5px 5px;
  cursor: pointer;
  margin-top: 40px;
  font-size: 18px;
}

#search-schools .leftcontact {
  width: 49.5%;
  float: left;
  border-right: 1px dotted #ccc;
  box-sizing: border-box;
  padding: 0px 15px 0px 0px;
}

#search-schools .rightcontact {
  width: 49.5%;
  float: right;
  box-sizing: border-box;
  padding: 0px 0px 0px 15px;
}

#search-schools .fullcontact {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 0px 15px 0px 0px;
}

#search-schools .validation {
  display: none;
  margin: 0 0 10px;
  font-weight: 400;
  font-size: 13px;
  color: #de5959;
}

#search-schools #sendmessage {
  border: 1px solid #fff;
  display: none;
  text-align: center;
  margin: 10px 0;
  font-weight: 600;
  margin-bottom: 30px;
  background-color: #ebf6e0;
  color: #5f9025;
  border: 1px solid #b3dc82;
  padding: 13px 40px 13px 18px;
  border-radius: 3px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.03);
}

#search-schools #sendmessage.show,
#search-schools .show {
  display: block;
}

#search-schools select {
  -webkit-appearance: caret;
  -webkit-border-radius: 0px;
  -moz-appearance: none;
  -moz-border-radius: 0px;
  border-radius: 0px;
  height: 42px;
  width: 95%;
  padding: 5px;
  background-image: url("https://image.flaticon.com/icons/svg/60/60781.svg");
  background-position: 99% 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.big-button {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
}

.big-button,
.big-button span {
  position: relative;
}
.big-button span {
  white-space: nowrap;
  display: block;
}
.big-button::moz-focus-inner {
  padding: 0;
  border: 0;
}
.big-button:focus {
  outline: none;
}

.big-blue {
  padding: 0;
  background-color: #3498db;
  background-image: 8121991;
  background-image: -webkit-linear-gradient(#4aa3df 0%, #258cd1 100%);
  background-image: -moz-linear-gradient(#4aa3df 0%, #258cd1 100%);
  background-image: -o-linear-gradient(#4aa3df 0%, #258cd1 100%);
  background-image: linear-gradient(#4aa3df 0%, #258cd1 100%);
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px,
    rgba(52, 152, 219, 0.5) 0 0 5px;
  -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px,
    rgba(52, 152, 219, 0.5) 0 0 5px;
  box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px,
    rgba(52, 152, 219, 0.5) 0 0 5px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  width: 530px;
  margin: 1em 0 0 0;
}
.big-blue span {
  text-shadow: rgba(29, 111, 165, 0.9) 0 0 2px;
  color: #ffffff;
}
.big-blue span {
  padding: 20px 25px;
  font: 700 16px Montserrat, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}
.big-blue:visited span {
  color: #ffffff;
}
.big-blue:hover {
  background-color: #4aa3df;
  background-image: 8121991;
  background-image: -webkit-linear-gradient(#5faee3 0%, #3498db 100%);
  background-image: -moz-linear-gradient(#5faee3 0%, #3498db 100%);
  background-image: -o-linear-gradient(#5faee3 0%, #3498db 100%);
  background-image: linear-gradient(#5faee3 0%, #3498db 100%);
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px,
    rgba(74, 163, 223, 0.5) 0 0 5px;
  -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px,
    rgba(74, 163, 223, 0.5) 0 0 5px;
  box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px,
    rgba(74, 163, 223, 0.5) 0 0 5px;
}

.big-blue:hover span {
  text-shadow: rgba(33, 125, 187, 0.9) 0 0 2px;
  color: #ffffff;
}

.big-blue:active {
  background-color: #258cd1;
  background-image: 8121991;
  color: #ffffff;
  background-image: -webkit-linear-gradient(#258cd1 0%, #258cd1 100%);
  background-image: -moz-linear-gradient(#258cd1 0%, #258cd1 100%);
  background-image: -o-linear-gradient(#258cd1 0%, #258cd1 100%);
  background-image: linear-gradient(#258cd1 0%, #258cd1 100%);
}

.welcome-box {
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  max-width: 569px;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 80px;
  text-align: left;
  position: absolute;
  left: 0;
  right: 0;
}

.welcome-title {
  padding: 20px 20px 0 20px;
  font-size: 1.5rem;
  font-weight: 900;
}

.welcome-description {
  padding: 0 20px 20px 20px;
  margin: 0;
  font-size: 1.2rem;
}

.welcome-description ul {
  padding: 0;
  margin: 20px 0 20px 20px;
  list-style: none;
}

.welcome-footer button {
  width: 100%;
  background: #67c435;
  border: none;
  color: #ffffff;
  font-weight: 900;
  font-size: 2rem;
  height: 56px;
}

/* Table Base */

#admin-workshop-table,
#teacher-workshop-table,
#teacher-workshop-table2,
#teacher-workshop-table3,
#teacher-workshop-table4,
#teacher-workshop-table5,
#teacher-workshop-table6,
#teacher-details-table,
#teacher-details-table2,
#teacher-details-table3,
#teacher-details-table4,
#teacher-details-table5,
#teacher-details-table6 {
  font-family: arial;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

#admin-workshop-table.table,
#teacher-workshop-table.table,
#teacher-workshop-table2.table,
#teacher-workshop-table3.table,
#teacher-workshop-table4.table,
#teacher-workshop-table5.table,
#teacher-workshop-table6.table,
#teacher-details-table.table,
#teacher-details-table2.table,
#teacher-details-table3.table,
#teacher-details-table4.table,
#teacher-details-table5.table,
#teacher-details-table6.table {
  width: 100%;
  margin-bottom: 20px;
}

#teacher-workshop-table.table th,
#teacher-workshop-table2.table th,
#teacher-workshop-table3.table th,
#teacher-workshop-table4.table th,
#teacher-workshop-table5.table th,
#teacher-workshop-table6.table th,
#teacher-details-table.table th,
#teacher-details-table2.table th,
#teacher-details-table3.table th,
#teacher-details-table4.table th,
#teacher-details-table5.table th,
#teacher-details-table6.table th,
#teacher-workshop-table.table td,
#teacher-workshop-table2.table td,
#teacher-workshop-table3.table td,
#teacher-workshop-table4.table td,
#teacher-workshop-table5.table td,
#teacher-workshop-table6.table td,
#teacher-details-table.table td,
#teacher-details-table2.table td,
#teacher-details-table3.table td,
#teacher-details-table4.table td,
#teacher-details-table5.table td,
#teacher-details-table6.table td {
  font-weight: normal;
  font-size: 1.35rem;
  padding: 8px 7px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #dddddd;
}

#admin-workshop-table.table th,
#admin-workshop-table.table td {
  font-weight: normal;
  font-size: 1.15rem;
  padding: 8px 7px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #dddddd;
}

#admin-workshop-table.table thead th,
#teacher-workshop-table.table thead th,
#teacher-workshop-table2.table thead th,
#teacher-workshop-table3.table thead th,
#teacher-workshop-table4.table thead th,
#teacher-workshop-table5.table thead th,
#teacher-workshop-table6.table thead th,
#teacher-details-table.table thead th,
#teacher-details-table2.table thead th,
#teacher-details-table3.table thead th,
#teacher-details-table4.table thead th,
#teacher-details-table5.table thead th,
#teacher-details-table6.table thead th {
  background: #eeeeee;
  vertical-align: bottom;
}
#admin-workshop-table.table tbody > tr:nth-child(odd) > td,
#teacher-workshop-table.table tbody > tr:nth-child(odd) > td,
#teacher-workshop-table2.table tbody > tr:nth-child(odd) > td,
#teacher-workshop-table3.table tbody > tr:nth-child(odd) > td,
#teacher-workshop-table4.table tbody > tr:nth-child(odd) > td,
#teacher-workshop-table5.table tbody > tr:nth-child(odd) > td,
#teacher-workshop-table6.table tbody > tr:nth-child(odd) > td,
#teacher-details-table.table tbody > tr:nth-child(odd) > td,
#teacher-details-table2.table tbody > tr:nth-child(odd) > td,
#teacher-details-table3.table tbody > tr:nth-child(odd) > td,
#teacher-details-table4.table tbody > tr:nth-child(odd) > td,
#teacher-details-table5.table tbody > tr:nth-child(odd) > td,
#teacher-details-table6.table tbody > tr:nth-child(odd) > td,
#teacher-workshop-table.table tbody > tr:nth-child(odd) > th,
#teacher-workshop-table2.table tbody > tr:nth-child(odd) > th,
#teacher-workshop-table3.table tbody > tr:nth-child(odd) > th,
#teacher-workshop-table4.table tbody > tr:nth-child(odd) > th,
#teacher-workshop-table5.table tbody > tr:nth-child(odd) > th,
#teacher-workshop-table6.table tbody > tr:nth-child(odd) > th,
#teacher-details-table.table tbody > tr:nth-child(odd) > th,
#teacher-details-table2.table tbody > tr:nth-child(odd) > th,
#teacher-details-table3.table tbody > tr:nth-child(odd) > th,
#teacher-details-table4.table tbody > tr:nth-child(odd) > th,
#teacher-details-table5.table tbody > tr:nth-child(odd) > th,
#teacher-details-table6.table tbody > tr:nth-child(odd) > th {
  background-color: #fafafa;
}
#teacher-workshop-table.table .t-small,
#teacher-workshop-table2.table .t-small,
#teacher-workshop-table3.table .t-small,
#teacher-workshop-table4.table .t-small,
#teacher-workshop-table5.table .t-small,
#teacher-workshop-table6.table .t-small,
#teacher-details-table.table .t-small,
#teacher-details-table2.table .t-small,
#teacher-details-table3.table .t-small,
#teacher-details-table4.table .t-small,
#teacher-details-table5.table .t-small,
#teacher-details-table6.table .t-small {
  width: 5%;
  font-size: 1.5rem;
  font-weight: 900;
  cursor: pointer;
}

#admin-workshop-table.table .t-small {
  width: 5%;
  font-size: 1.15rem;
  font-weight: 900;
  cursor: pointer;
}

#teacher-workshop-table.table .t-medium,
#teacher-workshop-table2.table .t-medium,
#teacher-workshop-table3.table .t-medium,
#teacher-workshop-table4.table .t-medium,
#teacher-workshop-table5.table .t-medium,
#teacher-workshop-table6.table .t-medium,
#teacher-details-table.table .t-medium,
#teacher-details-table2.table .t-medium,
#teacher-details-table3.table .t-medium,
#teacher-details-table4.table .t-medium,
#teacher-details-table5.table .t-medium,
#teacher-details-table6.table .t-medium {
  width: 15%;
  font-size: 1.5rem;
  font-weight: 900;
  cursor: pointer;
}

#admin-workshop-table.table .t-medium {
  width: 15%;
  font-size: 1.15rem;
  font-weight: 900;
  cursor: pointer;
}

#admin-workshop-table.table .t-status,
#teacher-workshop-table.table .t-status,
#teacher-workshop-table2.table .t-status,
#teacher-workshop-table3.table .t-status,
#teacher-workshop-table4.table .t-status,
#teacher-workshop-table5.table .t-status,
#teacher-workshop-table6.table .t-status,
#teacher-details-table.table .t-status,
#teacher-details-table2.table .t-status,
#teacher-details-table3.table .t-status,
#teacher-details-table4.table .t-status,
#teacher-details-table5.table .t-status,
#teacher-details-table6.table .t-status {
  font-weight: bold;
}
#admin-workshop-table.table .t-active,
#teacher-workshop-table.table .t-active,
#teacher-workshop-table2.table .t-active,
#teacher-workshop-table3.table .t-active,
#teacher-workshop-table4.table .t-active,
#teacher-workshop-table5.table .t-active,
#teacher-workshop-table6.table .t-active,
#teacher-details-table.table .t-active,
#teacher-details-table2.table .t-active,
#teacher-details-table3.table .t-active,
#teacher-details-table4.table .t-active,
#teacher-details-table5.table .t-active,
#teacher-details-table6.table .t-active {
  color: #46a546;
}
#admin-workshop-table.table .t-inactive,
#teacher-workshop-table.table .t-inactive,
#teacher-workshop-table2.table .t-inactive,
#teacher-workshop-table3.table .t-inactive,
#teacher-workshop-table4.table .t-inactive,
#teacher-workshop-table5.table .t-inactive,
#teacher-workshop-table6.table .t-inactive,
#teacher-details-table.table .t-inactive,
#teacher-details-table2.table .t-inactive,
#teacher-details-table3.table .t-inactive,
#teacher-details-table4.table .t-inactive,
#teacher-details-table5.table .t-inactive,
#teacher-details-table6.table .t-inactive {
  color: #e00300;
}
#admin-workshop-table.table .t-draft,
#teacher-workshop-table.table .t-draft,
#teacher-workshop-table2.table .t-draft,
#teacher-workshop-table3.table .t-draft,
#teacher-workshop-table3.table .t-draft,
#teacher-workshop-table5.table .t-draft,
#teacher-workshop-table6.table .t-draft,
#teacher-details-table.table .t-draft,
#teacher-details-table2.table .t-draft,
#teacher-details-table3.table .t-draft,
#teacher-details-table4.table .t-draft,
#teacher-details-table5.table .t-draft,
#teacher-details-table6.table .t-draft {
  color: #f89406;
}
#admin-workshop-table.table .t-scheduled,
#teacher-workshop-table.table .t-scheduled,
#teacher-workshop-table2.table .t-scheduled,
#teacher-workshop-table3.table .t-scheduled,
#teacher-workshop-table4.table .t-scheduled,
#teacher-workshop-table5.table .t-scheduled,
#teacher-workshop-table6.table .t-scheduled,
#teacher-details-table.table .t-scheduled,
#teacher-details-table2.table .t-scheduled,
#teacher-details-table3.table .t-scheduled,
#teacher-details-table4.table .t-scheduled,
#teacher-details-table5.table .t-scheduled,
#teacher-details-table6.table .t-scheduled {
  color: #049cdb;
}

#admin-workshop-table .sorting-desc::after,
#teacher-workshop-table .sorting-desc::after,
#teacher-workshop-table2 .sorting-desc::after,
#teacher-workshop-table3 .sorting-desc::after,
#teacher-workshop-table4 .sorting-desc::after,
#teacher-workshop-table5 .sorting-desc::after,
#teacher-workshop-table6 .sorting-desc::after,
#teacher-details-table .sorting-desc::after,
#teacher-details-table2 .sorting-desc::after,
#teacher-details-table3 .sorting-desc::after,
#teacher-details-table4 .sorting-desc::after,
#teacher-details-table5 .sorting-desc::after,
#teacher-details-table6 .sorting-desc::after {
  content: url("img/sort_down_arrow.png");
  float: right;
  margin: 0 0 0 5px;
}

#admin-workshop-table .sorting-asc::after,
#teacher-workshop-table .sorting-asc::after,
#teacher-workshop-table2 .sorting-asc::after,
#teacher-workshop-table3 .sorting-asc::after,
#teacher-workshop-table4 .sorting-asc::after,
#teacher-workshop-table5 .sorting-asc::after,
#teacher-workshop-table6 .sorting-asc::after,
#teacher-details-table .sorting-asc::after,
#teacher-details-table2 .sorting-asc::after,
#teacher-details-table3 .sorting-asc::after,
#teacher-details-table4 .sorting-asc::after,
#teacher-details-table5 .sorting-asc::after,
#teacher-details-table6 .sorting-asc::after {
  content: url("img/sort_up_arrow.png");
  float: right;
  margin: 0 0 0 5px;
}

.highlighted-col {
  background-color: #fcf8e3;
}

#admin-reports-table,
#instructor-reports-table,
#user-reports-table,
#schools-reports-table {
  font-size: 1.25rem;
}

.col-group {
  font-size: 1.75rem;
  font-weight: bold;
  background-color: #dff0d8 !important;
}

/* Small Sizes */
@media (max-width: 480px) {
  #teacher-workshop-table .table-action thead {
    display: none;
  }
  #teacher-workshop-table .table-action tr {
    border-bottom: 1px solid #dddddd;
  }
  #teacher-workshop-table .table-action td {
    border: 0;
  }
  #teacher-workshop-table .table-action td:not(:first-child) {
    display: block;
  }
}

#teacher-btns {
  margin: 1em 1em;
  float: left;
}

.teacher-dashboard-btn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding-right: 30px;
  padding-left: 70px;
  position: relative;
  background-color: rgb(41, 127, 184);
  color: rgb(255, 255, 255);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}

.teacher-dashboard-btn span {
  position: absolute;
  left: 0;
  width: 50px;
  background-color: rgba(0, 0, 0, 0.5);

  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.teacher-dashboard-btn:hover span,
.teacher-dashboard-btn.active span {
  background-color: rgb(0, 102, 26);
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.teacher-dashboard-btn:active {
  margin-top: 2px;
  margin-bottom: 13px;

  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
}

.teacher-dashboard-btn.orange {
  background: #ff7f00;
}

.teacher-dashboard-btn.purple {
  background: #8e44ad;
}

.teacher-dashboard-btn.turquoise {
  background: #1abc9c;
}

.teacher-dashboard-btn.red {
  background: #e74c3c;
}

#search-by-state,
#ulgm_registration_form,
#lostpasswordform,
#resetpasswordform {
  width: 70%;
  margin: 0 auto;
}

#login-users-form h1,
#search-by-state h1,
#ulgm_registration_form h1,
#lostpasswordform h1,
#resetpasswordform h1 {
  font-size: 3.25rem;
  padding: 10px 0;
  margin: auto;
  text-shadow: none;
  text-align: left;
  border-bottom: 1px solid #000000;
}

#login-users-form p,
#search-by-state p,
#ulgm_registration_form p,
#lostpasswordform p,
#resetpasswordform p {
  margin: 0;
  padding: 0 0 0 0;
}

#login-users-form input,
#search-by-state input,
#ulgm_registration_form input,
#lostpasswordform input,
#resetpasswordform input,
#teacher-script input {
  border-radius: 0px 5px 5px 0px;
  border: 1px solid #eee;
  background-color: #eeeeee;
  margin-bottom: 15px;
  width: 75%;
  height: 40px;
  float: left;
  padding: 0px 15px;
}

#search-by-state select,
#ulgm_registration_form select,
#lostpasswordform select,
#teacher-script select {
  -webkit-appearance: caret;
  -webkit-border-radius: 0px;
  -moz-appearance: none;
  -moz-border-radius: 0px;
  border-radius: 0px;
  height: 42px;
  width: 95%;
  padding: 5px;
  background-image: url("https://image.flaticon.com/icons/svg/60/60781.svg");
  background-position: 99% 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}

#search-by-state a,
#ulgm_registration_form a,
#lostpasswordform a,
#resetpasswordform a,
#teacher-script a {
  text-decoration: inherit;
}

#search-by-state textarea,
#ulgm_registration_form textarea,
#lostpasswordform textarea,
#teacher-script textarea {
  border-radius: 0px 5px 5px 0px;
  border: 1px solid #eee;
  margin: 0;
  width: 75%;
  height: 130px;
  float: left;
  padding: 0px 15px;
}

#login-users-form .form-group,
#search-by-state .form-group,
#ulgm_registration_form .form-group,
#lostpasswordform .form-group,
#resetpasswordform .form-group,
#teacher-script .form-group {
  overflow: hidden;
  clear: both;
}

#login-users-form .icon-case,
#search-by-state .icon-case,
#ulgm_registration_form .icon-case,
#lostpasswordform .icon-case,
#resetpasswordform .icon-case,
#teacher-script .icon-case {
  width: 35px;
  float: left;
  border-radius: 5px 0px 0px 5px;
  background: #eeeeee;
  height: 42px;
  position: relative;
  text-align: center;
  line-height: 40px;
}

#login-users-form i,
#search-by-state i,
#ulgm_registration_form i,
#lostpasswordform i,
#resetpasswordform i,
#teacher-script i {
  color: #555;
}

#search-by-state .search-state-form,
#ulgm_registration_form .search-state-form,
#lostpasswordform .search-state-form {
  padding: 0 30px;
}

#search-by-state .widecontact,
#ulgm_registration_form .widecontact,
#lostpasswordform .widecontact,
#resetpasswordform .widecontact {
  width: 80%;
  box-sizing: border-box;
  padding: 0px 15px 0px 0px;
}

.search-state-form-btn {
  margin: 0 0 0 2em;
}

/* The Mad CSScientist's Buttons */
#login-users-form [data-button],
#search-by-state [data-button],
#ulgm_registration_form [data-button],
#lostpasswordform [data-button],
#resetpasswordform [data-button],
#teacher-script [data-button],
.ur-submit-button,
#reset-pass-submit,
.wpcf7-form-control.wpcf7-submit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  margin: 0.5em auto;
  padding: 0.6em 0.6em 0.5em 0.6em;
  text-decoration: none !important;
  outline: none;
  background: #ff8900 !important;
  background: -moz-linear-gradient(top, #ff8900 0%, #ff3d00 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ff8900),
    color-stop(100%, #ff3d00)
  ) !important;
  background: -webkit-linear-gradient(top, #ff8900 0%, #ff3d00 100%) !important;
  background: -o-linear-gradient(top, #ff8900 0%, #ff3d00 100%) !important;
  background: -ms-linear-gradient(top, #ff8900 0%, #ff3d00 100%) !important;
  background: linear-gradient(to bottom, #ff8900 0%, #ff3d00 100%) !important;
  font-family: "Fira Sans", "Source Sans Pro", "Myriad Pro", "Open Sans", Roboto,
    Myriad, "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-kerning: auto;
  text-decoration: none;
  text-align: center;
  font-size: 14pt;
  line-height: 1.2 !important;
  vertical-align: -webkit-baseline-middle;
  color: white !important;
  text-shadow: #e20 1px 1px 0;
  border-radius: 3px;
  border: 1px solid #f60;
  border-bottom-color: #e20;
  box-shadow: inset #f20 0 -5px 15px, inset #fc6 0 1px 1px,
    rgba(0, 0, 0, 0.15) 0px 1px 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}

#login-users-form [data-button]:hover,
#search-by-state [data-button]:hover,
#ulgm_registration_form [data-button]:hover,
.ur-submit-button:hover,
.wpcf7-form-control.wpcf7-submit:hover #search-by-state [data-button]:focus,
#ulgm_registration_form [data-button]:focus,
.ur-submit-button:focus,
.wpcf7-form-control.wpcf7-submit:focus {
  color: white !important;
  background: #fa3 !important;
  background: -moz-linear-gradient(top, #fa3 0%, #f30 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fa3),
    color-stop(100%, #f30)
  ) !important;
  background: -webkit-linear-gradient(top, #fa3 0%, #f30 100%) !important;
  background: -o-linear-gradient(top, #fa3 0%, #f30 100%) !important;
  background: -ms-linear-gradient(top, #fa3 0%, #f30 100%) !important;
  background: linear-gradient(to bottom, #fa3 0%, #f30 100%) !important;
  box-shadow: inset #f40 0 -5px 15px, inset #ffd28a 0 1px 1px,
    rgba(0, 0, 0, 0.15) 0px 1px 1px, rgba(255, 200, 0, 0.5) 0 0 10px;
}

#login-users-form [data-button]:active,
#search-by-state [data-button]:active,
#ulgm_registration_form [data-button]:active,
.ur-submit-button:active,
.wpcf7-form-control.wpcf7-submit:active {
  color: rgba(255, 255, 255, 0.9) !important;
  background: #f50 !important;
  border: 1px solid #f00;
  border-bottom-color: #d10;
  box-shadow: inset #f40 0 -5px 15px, inset #ffd28a 0 1px 1px;
}
/* Disabled & Hidden */
#search-by-state [data-button].disabled,
#ulgm_registration_form [data-button].disabled,
#search-by-state [data-button][hidden],
#ulgm_registration_form [data-button][hidden],
#search-by-state [data-button][disabled],
#ulgm_registration_form [data-button][disabled] {
  opacity: 0.5;
  pointer-events: none;
}

#login-users-form [data-button*="grey"],
#lostpasswordform [data-button*="grey"],
#resetpasswordform [data-button*="grey"],
.wpcf7-form-control.wpcf7-submit {
  color: #ffffff;
}

/* Grey Theme */
#login-users-form [data-button*="grey"],
#search-by-state [data-button*="grey"],
#ulgm_registration_form [data-button*="grey"],
#lostpasswordform [data-button*="grey"],
#teacher-script [data-button*="grey"],
.ur-submit-button,
#reset-pass-submit,
.wpcf7-form-control.wpcf7-submit {
  background: #475875 !important;
  background: -moz-linear-gradient(top, #475875 0%, #36455d 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #475875),
    color-stop(100%, #36455d)
  ) !important;
  background: -webkit-linear-gradient(top, #475875 0%, #36455d 100%) !important;
  background: -o-linear-gradient(top, #475875 0%, #36455d 100%) !important;
  background: -ms-linear-gradient(top, #475875 0%, #36455d 100%) !important;
  background: linear-gradient(to bottom, #475875 0%, #36455d 100%) !important;
  text-shadow: #151d31 1px 1px 0;
  border: 1px solid #36455d;
  border-bottom-color: #151d31;
  box-shadow: inset #151d31 0 -5px 15px, inset #ccf 0 1px 1px,
    rgba(0, 0, 0, 0.15) 0px 1px 1px;
}

#login-users-form [data-button*="grey"]:hover,
#search-by-state [data-button*="grey"]:hover,
#ulgm_registration_form [data-button*="grey"]:hover,
.ur-submit-button:hover,
#reset-pass-submit:hover,
#lostpasswordform [data-button*="grey"]:hover,
#teacher-script [data-button*="grey"]:hover,
.wpcf7-form-control.wpcf7-submit:hover,
#login-users-form [data-button*="grey"]:focus,
#search-by-state [data-button*="grey"]:focus,
#ulgm_registration_form [data-button*="grey"]:focus,
.ur-submit-button:focus,
#reset-pass-submit:focus,
#lostpasswordform [data-button*="grey"]:focus,
#teacher-script [data-button*="grey"]:focus,
.wpcf7-form-control.wpcf7-submit:focus {
  background: #617699 !important;
  background: -moz-linear-gradient(top, #617699 0%, #475875 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #617699),
    color-stop(100%, #475875)
  ) !important;
  background: -webkit-linear-gradient(top, #617699 0%, #475875 100%) !important;
  background: -o-linear-gradient(top, #617699 0%, #475875 100%) !important;
  background: -ms-linear-gradient(top, #617699 0%, #475875 100%) !important;
  background: linear-gradient(to bottom, #617699 0%, #475875 100%) !important;
  box-shadow: inset #2d3950 0 -5px 15px, inset #ccf 0 1px 1px,
    rgba(0, 0, 0, 0.15) 0px 1px 1px, rgba(200, 200, 255, 0.5) 0 0 10px;
}

#login-users-form [data-button*="grey"]:active,
#search-by-state [data-button*="grey"]:active,
#ulgm_registration_form [data-button*="grey"]:active,
.ur-submit-button:active,
#reset-pass-submit:active,
.wpcf7-submit:active,
#lostpasswordform [data-button*="grey"]:active,
#teacher-script [data-button*="grey"]:active,
.wpcf7-form-control.wpcf7-submit:active {
  background: #151d31 !important;
  border: 1px solid #151d31;
  border-bottom-color: #0a0f22;
  box-shadow: inset #2d3950 0 -5px 15px, inset #ccf 0 1px 1px;
}

.ur-frontend-form {
  width: 100%;
}

.ur-frontend-form form .ur-form-row .ur-form-grid label,
.ur-frontend-form form .ur-form-row .ur-form-grid legend {
  font-weight: 900;
  font-size: 1.75rem;
  font-weight: 900;
}

.ur-frontend-form form .ur-form-row .ur-form-grid label {
  margin: 0;
  padding: 0;
}

.ur-frontend-form form .ur-form-row .ur-form-grid input[type="date"],
.ur-frontend-form form .ur-form-row .ur-form-grid input[type="email"],
.ur-frontend-form form .ur-form-row .ur-form-grid input[type="number"],
.ur-frontend-form form .ur-form-row .ur-form-grid input[type="password"],
.ur-frontend-form form .ur-form-row .ur-form-grid input[type="phone"],
.ur-frontend-form form .ur-form-row .ur-form-grid input[type="text"],
.ur-frontend-form form .ur-form-row .ur-form-grid input[type="timepicker"],
.ur-frontend-form form .ur-form-row .ur-form-grid input[type="url"],
.ur-frontend-form form .ur-form-row .ur-form-grid select,
.ur-frontend-form form .ur-form-row .ur-form-grid textarea {
  font-size: 1.5rem;
}

.ui-autocomplete {
  max-height: 400px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 400px;
}

.accordion {
  font-size: 1rem;
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
}

.accordion-header,
.accordion-body {
  background: white;
}

.accordion-header {
  color: white;
  cursor: pointer;
  color: #2e7d32;
  font-size: 4rem;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.1em;
  transition: all 0.3s;
}

.accordion-header:hover {
  position: relative;
  z-index: 5;
}

.accordion-body {
  background: #fcfcfc;
  color: #3f3c3c;
  display: none;
}

.accordion-body__contents {
  padding: 1.5em 1.5em;
  font-size: 0.85em;
}

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid #dddddd;
}

.accordion__item > .accordion-header:after {
  content: "Expand"; /* this is your text. You can also use UTF-8 character codes as I do here */
  font-size: 1.75rem;
  float: right;
  position: relative;
  margin: 20px 0 0 0;
  transition: 0.3s all;
  transform: rotate(0deg);
}

.faq-container {
  width: 600px;
  background-color: white;
  padding: 20px;
  margin: 0;
  border-radius: 5px;
}

.help-container {
  width: 600px;
  padding: 20px;
  background: #fdfcfa;
  border-radius: 5px;
  border: 1px solid #f2eee6;
  margin: 20px 0 30px;
  position: relative;
}

.faq-hide {
  display: none;
}

dt {
  font-size: 19px;
  color: #669933;
  margin-bottom: 20px;
  margin-left: 26px;
  cursor: pointer;
}

/* Triangle list item */
dt:before {
  content: "";
  border-color: transparent #ccc;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  display: block;
  height: 0;
  width: 0;
  left: -16px;
  top: 17px;
  position: relative;
}

dd {
  padding: 20px;
  background: #fdfcfa;
  border-radius: 5px;
  border: 1px solid #f2eee6;
  margin: 20px 0 30px;
  position: relative;
}

/* Triangle in definition container */
dd:after,
dd:before {
  bottom: 100%;
  left: 6%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

dd:after {
  border-color: rgba(136, 183, 213, 0);
  border-color: transparent;
  border-bottom-color: #fdfcfa;
  border-width: 15px;
  margin-left: -15px;
}

dd:before {
  border-color: rgba(194, 225, 245, 0);
  border-color: transparent;
  border-bottom-color: #f2eee6;
  border-width: 17px;
  margin-left: -17px;
}

video {
  width: 90% !important;
  height: auto !important;
}

@media print {
  .accordion__item > .accordion-header:after {
    content: " "; /* this is your text. You can also use UTF-8 character codes as I do here */
  }
}

.accordion__item.active > .accordion-header:after {
  content: "Collapse"; /* this is your text. You can also use UTF-8 character codes as I do here */
  font-size: 1.75rem;
}

@media print {
  .accordion__item.active > .accordion-header:after {
    content: " ";
  }
}

.accordion__item.active .accordion-header {
  border-bottom: 1px solid #dddddd;
}

.accordion__item .accordion__item .accordion-header {
  background: #f1f1f1;
  border-bottom: 1px solid #dddddd;
  color: black;
}

.in-depth-icons {
  width: 50%;
  margin: 0;
  font-size: 2rem;
}

td .in-depth-student {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-transform: initial;
  text-decoration: underline;
}

td .in-depth-student:link {
  text-decoration: underline;
}

td .in-depth-student:visited {
  color: #2e7d32;
  text-decoration: underline;
}

td .in-depth-student:hover {
  color: #2e7d32;
  text-decoration: none;
}

@media print {
  .in-depth-icons {
    display: none;
  }
}

#sch_id_field,
#sch_address_line_field {
  visibility: hidden;
  height: 0;
}

.fa-wordpress {
  font-size: 2.5rem;
  margin: 0 20px 0 0;
}

#user_registration_teachers_School_field {
  display: none;
}

#user_registration_sch_id_field {
  display: none;
}

.tabs {
  margin: 1.5rem 0;
}

/* Thumbs */
.tabs-thumbs {
  margin: 0;
  padding-left: 0;
  border-bottom: 1px solid #e5e5e5;
}

.tabs-thumb {
  display: inline-block;
  line-height: 3;
  position: relative;
}
.tabs-thumb a {
  display: block;
  padding: 0 1.5rem;
  color: #9d9d9d;
  text-decoration: none;
  cursor: pointer;
}
.tabs-thumb a:hover {
  color: #fe5b2d;
}

/* Panels */
.tabs-panels {
  margin: 0;
  padding: 1rem 0;
  list-style: none;
}

.tabs-panel {
  display: none;
}

/* Active */
.tabs-thumb.is-active a {
  color: #fe5b2d;
}
.tabs-thumb.is-active a:hover {
  cursor: default;
  color: #fe5b2d;
}
.tabs-thumb.is-active a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  width: 100%;
  background: #fe5b2d;
}

#user_registration_user_email_field {
  display: none;
}

#other_school_field {
  display: none;
}

#teachers_School_field a:link {
  font-weight: 900;
  color: #2e7d32;
}

#teachers_School_field a:link {
  font-weight: 900;
  color: #2e7d32;
}

#teachers_School_field a:visited {
  font-weight: 900;
  color: #2e7d32;
}

#teachers_School_field a:hover {
  font-weight: 900;
  color: #000000;
  text-decoration: none;
}

#user_registration_other_school_field {
  display: none;
}

.recap-wrapper {
  width: 100%;
  text-align: center;
}

.recap-slide {
  text-align: left;
  padding: 0 2em;
  height: 600px;
  overflow-y: auto;
}

.recap-slide h1 {
  text-align: center;
  font-size: 5rem;
  font-weight: 900;
  line-height: 1.25;
}

.recap-slide h3 {
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.25;
}

.recap-slide ul {
  line-height: 1.25;
}

.recap-slide ul li {
  font-size: 3rem;
  margin: 1em 0 0 0;
}

.recap-slide-print {
  text-align: left;
  padding: 0 2em;
}

.recap-slide-print h1 {
  text-align: center;
  font-size: 5rem;
  font-weight: 900;
  line-height: 1.25;
}

.recap-slide-print h3 {
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.25;
}

.recap-slide-print ul {
  line-height: 1.25;
}

.recap-slide-print ul li {
  font-size: 3rem;
  margin: 1em 0 0 0;
}

@media print {
  .recap-slide-print {
    page-break-after: always;
  }
}

.recap-good {
  font-weight: 900;
  color: green;
}

.recap-bad {
  font-weight: 900;
  color: red;
}

.slick-prev:before {
  content: "" !important;
  display: block;
  height: 50px;
  width: 50px;
  background-size: 50px 50px;
  background-image: url(img/review-left.svg);
  background-repeat: no-repeat;
  color: white;
  -webkit-font-smoothing: antialiased;
}

.slick-next {
  right: 5px !important;
}

.slick-next:before {
  content: "" !important;
  display: block;
  height: 50px;
  width: 50px;
  background-size: 50px 50px;
  background-image: url(img/review-right.svg);
  background-repeat: no-repeat;
  color: white;
  -webkit-font-smoothing: antialiased;
}

.siema-prev,
.siema2-prev,
.siema4-prev {
  position: absolute;
  left: 0;
  top: 50%;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-transform: initial;
  text-decoration: underline;
}

.siema-next,
.siema2-next,
.siema4-next {
  position: absolute;
  right: 0;
  top: 50%;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-transform: initial;
  text-decoration: underline;
}

.slide1-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4em 0 0 0;
}

.slide1-flex div {
  flex-basis: 30%;
  text-align: center;
}

.recap-twoflex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.recap-flextwo-photo {
  width: 600px;
  margin: 10em 0 0 0;
}

.recap-flex-column {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

td .sendWorkshopDetails .recap-table-link {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-transform: initial;
  text-decoration: underline;
  font-weight: 900;
}

td .sendWorkshopDetails .recap-table-link:link {
}

td .sendWorkshopDetails .recap-table-link:visited {
  font-weight: 900;
}

td .sendWorkshopDetails .recap-table-link:hover {
  font-weight: 900;
  text-decoration: none;
  color: #2e7d32;
}

.teacher-workshop-subtitle {
  float: left;
  width: 100%;
  text-align: center;
}

.teacher-workshop-subtitle h3 {
  margin: 0;
  padding: 0;
}

#lostpasswordform [data-button*="grey"],
#resetpasswordform [data-button*="grey"] {
  color: #ffffff;
}

.dashboard-actions-flex {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 2em 0 0 0;
}

@media print {
  .dashboard-actions-flex {
    display: none;
  }
}

.dashboard-actions-flex div {
  margin: 0 1em;
}

/* Grey Theme */
.dashboard-actions-flex [data-button*="grey"] {
  background: #475875 !important;
  background: -moz-linear-gradient(top, #475875 0%, #36455d 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #475875),
    color-stop(100%, #36455d)
  ) !important;
  background: -webkit-linear-gradient(top, #475875 0%, #36455d 100%) !important;
  background: -o-linear-gradient(top, #475875 0%, #36455d 100%) !important;
  background: -ms-linear-gradient(top, #475875 0%, #36455d 100%) !important;
  background: linear-gradient(to bottom, #475875 0%, #36455d 100%) !important;
  text-shadow: #151d31 1px 1px 0;
  border: 1px solid #36455d;
  border-bottom-color: #151d31;
  box-shadow: inset #151d31 0 -5px 15px, inset #ccf 0 1px 1px,
    rgba(0, 0, 0, 0.15) 0px 1px 1px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  color: #ffffff;
  background-color: #2e7d32;
  padding: 0.64em 1.45em;
  border-radius: 6px;
}
.dashboard-actions-flex [data-button*="grey"]:hover,
.dashboard-actions-flex:focus {
  background: #617699 !important;
  background: -moz-linear-gradient(top, #617699 0%, #475875 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #617699),
    color-stop(100%, #475875)
  ) !important;
  background: -webkit-linear-gradient(top, #617699 0%, #475875 100%) !important;
  background: -o-linear-gradient(top, #617699 0%, #475875 100%) !important;
  background: -ms-linear-gradient(top, #617699 0%, #475875 100%) !important;
  background: linear-gradient(to bottom, #617699 0%, #475875 100%) !important;
  box-shadow: inset #2d3950 0 -5px 15px, inset #ccf 0 1px 1px,
    rgba(0, 0, 0, 0.15) 0px 1px 1px, rgba(200, 200, 255, 0.5) 0 0 10px;
}
.dashboard-actions-flex [data-button*="grey"]:active {
  background: #151d31 !important;
  border: 1px solid #151d31;
  border-bottom-color: #0a0f22;
  box-shadow: inset #2d3950 0 -5px 15px, inset #ccf 0 1px 1px;
}

.btn-recap-stats {
  width: 20px;
  float: left;
  margin: 2px 5px 0 0;
}

/* Grey Theme */
.btn-recap-slides {
  background: #475875 !important;
  background: -moz-linear-gradient(top, #475875 0%, #36455d 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #475875),
    color-stop(100%, #36455d)
  ) !important;
  background: -webkit-linear-gradient(top, #475875 0%, #36455d 100%) !important;
  background: -o-linear-gradient(top, #475875 0%, #36455d 100%) !important;
  background: -ms-linear-gradient(top, #475875 0%, #36455d 100%) !important;
  background: linear-gradient(to bottom, #475875 0%, #36455d 100%) !important;
  text-shadow: #151d31 1px 1px 0;
  border: 1px solid #36455d;
  border-bottom-color: #151d31;
  box-shadow: inset #151d31 0 -5px 15px, inset #ccf 0 1px 1px,
    rgba(0, 0, 0, 0.15) 0px 1px 1px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  color: #ffffff;
  background-color: #2e7d32;
  padding: 0.64em 1.45em;
  border-radius: 6px;
}
.btn-recap-slides:hover,
.btn-recap-slides:focus {
  color: #ffffff;
  background: #617699 !important;
  background: -moz-linear-gradient(top, #617699 0%, #475875 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #617699),
    color-stop(100%, #475875)
  ) !important;
  background: -webkit-linear-gradient(top, #617699 0%, #475875 100%) !important;
  background: -o-linear-gradient(top, #617699 0%, #475875 100%) !important;
  background: -ms-linear-gradient(top, #617699 0%, #475875 100%) !important;
  background: linear-gradient(to bottom, #617699 0%, #475875 100%) !important;
  box-shadow: inset #2d3950 0 -5px 15px, inset #ccf 0 1px 1px,
    rgba(0, 0, 0, 0.15) 0px 1px 1px, rgba(200, 200, 255, 0.5) 0 0 10px;
}
.btn-recap-slides:active {
  background: #151d31 !important;
  border: 1px solid #151d31;
  border-bottom-color: #0a0f22;
  box-shadow: inset #2d3950 0 -5px 15px, inset #ccf 0 1px 1px;
}

.vh {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}

.teachers-banner {
  border-radius: 10px;
  margin: 0 0 2em 0;
}

.main-container-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.main-container-flex section {
  flex: 1 1 40%;
  margin: 0 0 0 0;
  padding: 0 2em 2em 2em;
}

.flex-loginForm {
  border-right: 1px solid #eeeeee;
}

.material-management-flex {
  display: flex;
  flex-direction: row;
  margin: 2em 0 0 0;
}

.material-management-photo {
  flex: 1 1 20%;
}

.material-management-photo img {
  border-radius: 10px;
}

.material-management-content {
  flex: 1 1 30%;
}

.material-management-content h3 {
  margin: 0 0 0 1em;
}

.material-management-content a:link {
  text-decoration: underline;
}

.material-management-content a:visited {
  text-decoration: none;
}

.material-management-content a:hover {
  text-decoration: none;
}

.group-management-banner {
  background-image: url("img/manage_classrooms_banner.jpg");
  background-size: contain;
  width: 100%;
  height: 200px;
  border-radius: 10px;
}

.group-management-report-banner {
  background-image: url("img/classroom_progress_banner.jpg");
  background-size: contain;
  width: 100%;
  height: 200px;
  border-radius: 10px;
}

.manage-course-banner {
  background-image: url("img/manage_courses_banner.jpg");
  background-size: cover;
  width: 100%;
  height: 200px;
  border-radius: 10px;
}

.manage-assignment-banner {
  background-image: url("img/manage_assignment_banner.jpg");
  background-size: cover;
  width: 100%;
  height: 200px;
  border-radius: 10px;
}

.manage-quiz-banner {
  background-image: url("img/manage_quiz_banner.jpg");
  background-size: cover;
  width: 100%;
  height: 200px;
  border-radius: 10px;
}

.manage-essay-banner {
  background-image: url("img/manage_essay_banner.jpg");
  background-size: cover;
  width: 100%;
  height: 200px;
  border-radius: 10px;
}

.student-dashboard-banner {
  background-image: url("img/student_dashboard_banner.jpg");
  background-size: cover;
  width: 100%;
  height: 200px;
  border-radius: 10px;
}

/* Page wrapper */

/* Icons */
.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  fill: currentcolor;
}

/**
 * Modal
 * 1. Ensure this sits above everything when visible
 */

.modal,
.modal2,
.modal3 .modal4,
.modal5 {
  position: fixed;
  z-index: 10000; /* 1 */
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
}

.modal.is-visible,
.modal2.is-visible,
.modal3.is-visible,
.modal4.is-visible,
.modal5.is-visible {
  visibility: visible;
}

/* Prevent scrolling on <html> when `.modal` is visible */
.no-scroll {
  overflow: hidden;
}

/* Modal Overlay & Container */
.modal-overlay,
.modal2-overlay,
.modal3-overlay,
.modal4-overlay,
.modal5-overlay,
.modal-container,
.modal2-container,
.modal3-container,
.modal4-container,
.modal5-container {
  position: fixed;
  z-index: 9000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s ease 0.3s, opacity 0.3s ease;
}

.modal-overlay,
.modal2-overlay,
.modal3-overlay,
.modal4-overlay,
.modal5-overlay {
  background-color: hsla(0, 0%, 0%, 0.5);
}

@media print {
  .modal-overlay,
  .modal2-overlay,
  .modal3-overlay,
  .modal4-overlay,
  .modal5-overlay {
    background-color: #fff;
  }
}

.modal.is-visible .modal-overlay,
.modal2.is-visible .modal2-overlay,
.modal3.is-visible .modal3-overlay,
.modal4.is-visible .modal4-overlay,
.modal5.is-visible .modal5-overlay,
.modal.is-visible .modal-container,
.modal2.is-visible .modal2-container,
.modal3.is-visible .modal3-container,
.modal4.is-visible .modal4-container,
.modal5.is-visible .modal5-container {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

/* 1. Allow scrolling on `.modal-container` in case `.modal-wrapper` is taller than the viewport */
.modal.is-visible .modal-container,
.modal2.is-visible .modal2-container,
.modal3.is-visible .modal3-container,
.modal4.is-visible .modal4-container,
.modal5.is-visible .modal5-container {
  overflow: auto; /* 1 */
  -webkit-overflow-scrolling: touch; /* 1 */
}

/* Modal Wrapper */
.modal-wrapper,
.modal2-wrapper,
.modal3-wrapper,
.modal4-wrapper,
.modal5-wrapper {
  position: absolute;
  z-index: 10000;
  top: 3em;
  left: 26%;
  width: 90%;
  margin-left: -50%;
  margin-bottom: 3em;
  background-color: #fff;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}

@media print {
  .modal-wrapper,
  .modal2-wrapper,
  .modal3-wrapper,
  .modal4-wrapper,
  .modal5-wrapper {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    background-color: #fff;
    box-shadow: none;
  }
}

/* Modal Transition */
.modal-transition,
.modal2-transition,
.modal3-transition,
.modal4-transition,
.modal5-transition {
  transition: visibility 0.3s 0.12s, opacity 0.3s 0.12s, transform 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal.is-visible .modal-transition,
.modal2.is-visible .modal2-transition,
.modal3.is-visible .modal3-transition,
.modal4.is-visible .modal4-transition,
.modal5.is-visible .modal5-transition {
  transform: translateY(0);
  opacity: 1;
}

.modal-header,
.modal2-header,
.modal3-header,
.modal4-header,
.modal5-header,
.modal-content,
.modal2-content,
.modal3-content,
.modal4-content,
.modal5-content {
  padding: 1em;
}

@media print {
  .modal5-content {
    width: 90%;
  }
}

/* Modal Header */
.modal-header,
.modal2-header,
.modal3-header,
.modal4-header,
.modal5-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
}

@media print {
  .modal-header,
  .modal2-header,
  .modal3-header,
  .modal4-header,
  .modal5-header {
    display: none;
  }
}

/* Modal Heading */
.modal-heading,
.modal2-heading,
.modal3-heading,
.modal4-heading,
.modal5-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Modal Close Button */
.modal-close,
.modal2-close,
.modal3-close,
.modal4-close,
.modal5-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.125em;
  color: #aaa;
  background: none;
  border: 0;
}

.modal-close:hover,
.modal2-close:hover,
.modal3-close:hover,
.modal4-close:hover,
.modal5-close:hover {
  color: #777;
}

/* Modal Content */
.modal-content > *:first-child,
.modal2-content > *:first-child,
.modal3-content > *:first-child,
.modal4-content > *:first-child,
.modal5-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child,
.modal2-content > *:last-child,
.modal3-content > *:last-child,
.modal4-content > *:last-child,
.modal5-content > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 600px) {
  /* Modal Wrapper */
  .modal-wrapper,
  .modal2-wrapper,
  .modal3-wrapper,
  .modal4-wrapper,
  .modal5-wrapper {
    top: 3em;
    margin-bottom: 3em;
    margin-left: -300px;
  }
}

@media print {
  .modal2-wrapper {
    top: 3em;
    margin-bottom: 3em;
    margin-left: 0;
  }
}

.flexbox-summary-chart {
  display: flex;
  flex-direction: row;
  margin: 1em 0 0 1em;
}

.flexbox-summary-chart .flex-icons {
  align-items: center;
  flex-basis: 25%;
}

@media print {
  .flexbox-summary-chart .flex-icons {
    align-items: center;
    flex-basis: 20%;
  }
}

.flexbox-summary-chart > div {
  display: flex;
  flex-direction: column;
  flex-basis: 35%;
  flex-wrap: wrap;
  margin: 0 2em 0 0;
}

.flexbox-summary-chart > div > div {
  text-align: left;
  border-bottom: 1px solid #eee;
  padding: 0.5em 0;
}

.print-container {
  width: 80%;
  margin: 0 auto;
  font-size: 16px;
  font-family: "Times New Roman", Times, serif;
}

.print-logo {
  margin: 0 auto;
  width: 200px;
}

.print-page-container {
  border-bottom: 1px solid #a9a9a9;
}

.print-page-container h4 {
  font-size: 20px;
  font-weight: 900;
  font-family: "Times New Roman", Times, serif;
  margin: 1em 0;
}

@media print {
  body {
    overflow: visible !important;
  }
  .print-container {
    width: 80%;
    margin: 0 auto;
  }
}

.learnmore-banner {
  width: 40%;
  margin: 2em auto;
}

#register-help-dialog li {
  margin: 1em 0;
}

.summary-flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 0 0;
  padding: 0;
  width: 100%;
  background-color: #d4d5dd;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.summary-flex-row-sep {
  border-right: 1px solid #000000;
}

.summary-flex-row h1 {
  font-size: 1.75rem;
  text-align: left;
  padding: 0;
  margin: 0;
}

.summary-flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;
  width: 100%;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.summary-flex-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.8em 0.5em;
  overflow: hidden;
  list-style: none;
  border: solid 1px white;
  background: rgba(112, 128, 144, 0.1);
}

.summary-flex-cell-alternate {
  background: rgba(112, 128, 144, 0.3);
}

.summary-flex-sep {
  border-right: 1px solid #000000;
}

.summary-flex-cell > h1,
.summary-flex-cell > h2,
.summary-flex-cell > h3,
.summary-flex-cell > h4,
.summary-flex-cell > h5,
.summary-flex-cell > h6 {
  margin: 0;
  color: #2e7d32;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-align: left;
}

.summary-flex--2cols > .summary-flex-cell {
  width: 50%;
}
.summary-flex--3cols > .summary-flex-cell {
  width: 33.33%;
}
.summary-flex--4cols > .summary-flex-cell {
  width: 25%;
}
.summary-flex--5cols > .summary-flex-cell {
  width: 20%;
}
.summary-flex--6cols > .summary-flex-cell {
  width: 16.6%;
}
.summary-flex--8cols > .summary-flex-cell {
  width: 11.6%;
}
.summary-flex-2span {
  flex-basis: 45%;
  border: none;
}
.selection-introduction {
}

.selection-introduction::before {
  content: url("img/selected-choice-icon.png");
  width: 28px;
  height: 28px;
  float: left;
  margin: 5px 5px 0 0;
}

.column-highlight {
  background: rgba(112, 128, 144, 0.6);
}

.review-bad-year {
  font-weight: 700;
  color: red;
}

.review-good-year {
  font-weight: 700;
  color: green;
}

.quiz-window {
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}
.quiz-window-header {
  padding: 20px 15px;
  text-align: center;
  position: relative;
}
.quiz-window-title {
  font-size: 26px;
  font-weight: 700;
}
.quiz-window-body {
  background-color: #f9f9f9;
}
.guiz-awards-row {
  margin: 0;
  padding: 10px 40px;
  list-style: none;
}
.guiz-awards-row:after {
  content: "";
  display: table;
  clear: both;
}
.guiz-awards-row-even {
  background-color: #fff;
}
.guiz-awards-row li {
  display: inline-block;
  vertical-align: top;
  float: left;
}
.guiz-awards-header {
  text-align: center;
  padding: 20px 40px;
}
.guiz-awards-star,
.guiz-awards-track,
.guiz-awards-time,
.guiz-awards-header-star,
.guiz-awards-header-track,
.guiz-awards-header-time {
  text-align: center;
  width: 16%;
  font-weight: 700;
}
.guiz-historical-average,
.guiz-awards-market-prices {
  width: 20%;
  min-width: 100px;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}
.guiz-awards-header-title {
  width: 40%;
  min-width: 160px;
}
.guiz-awards-subtitle {
  color: #858585;
  font-size: 14px;
  font-weight: 300;
}
.guiz-awards-track {
  width: 20%;
  min-width: 80px;
  font-size: 18px;
  font-weight: 400;
}

.guiz-awards-my-prices {
  width: 20%;
  min-width: 80px;
  font-size: 18px;
}

.guiz-my-time {
  width: 20%;
  min-width: 80px;
  font-size: 18px;
  text-align: center;
}

.guiz-awards-title {
  width: 20%;
  min-width: 80px;
  font-size: 18px;
  text-align: center;
}

.guiz-awards-header-track,
.guiz-awards-header-time {
  width: 20%;
  min-width: 80px;
}
.guiz-awards-track .null,
.guiz-awards-time .null {
  color: #bababa;
}
.cow-size {
  display: block;
  width: 53px;
  height: 29px;
}
.wheat-size {
  display: block;
  width: 32px;
  height: 29px;
  padding: 0 20px 0 0;
}
.cow {
  content: url("img/summary-cow.png");
  float: left;
}
.wheat {
  content: url("img/summary-wheat.png");
  float: left;
}

.guiz-awards-buttons {
  background: #fff;
  text-align: center;
  padding: 20px 0;
}
.guiz-awards-but-back {
  display: inline-block;
  background: none;
  border: 1px solid #61a3e5;
  border-radius: 21px;
  padding: 7px 40px 7px 20px;
  color: #61a3e5;
  font-size: 17px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.guiz-awards-but-back:hover {
  background: #61a3e5;
  color: #fff;
}

.guiz-awards-but-back i {
  font-size: 26px;
  line-height: 17px;
  margin-right: 20px;
  position: relative;
  top: 2px;
}

.btn-noaccount {
  color: #fff;
  outline: 0;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  font-family: "Ubuntu", sans-serif;
  margin: 0 0 0 1em;
  display: inline-block;
}

.btn-square {
  border: 0;
}

.btn-lg {
  padding: 10px 30.5px 10px 30.5px;
  font-size: 1.2em;
  line-height: 1.35;
  font-weight: 500;
}

.btn-filled-green {
  background-color: #2e7d32;
}
.btn-filled-green:hover {
  background-color: #2ecc71;
  color: #ffffff;
}
.btn-filled-green:active {
  -moz-box-shadow: inset 0 0 100px #2ecc71;
  -webkit-box-shadow: inset 0 0 100px #2ecc71;
  box-shadow: inset 0 0 100px #2ecc71;
}

.table-review-container {
  display: table;
  width: 800px;
  border: solid 1px red;
  margin: 0 auto;
}

.table-review-container th {
  border: solid 1px grey;
  text-align: center;
  background-color: #eeeeee;
  font-weight: bold;
}

.table-review-container tr:nth-child(even) {
  background-color: #eeeeee;
}

.table-review-container td {
  border: solid 1px grey;
  text-align: center;
}

.summary-page-nursery {
  width: 150px;
  margin: 1em 0;
}

@media print {
  .summary-page-nursery {
    width: 100px;
    margin: 1em 0;
  }
}

.summary-page-cow {
  margin: 1em 0;
}

@media print {
  .summary-page-nursery {
    width: 35%;
    margin: 1em 0;
  }
}

@media print {
  .teacher-page-header {
    display: none;
  }
}

@media print {
  .teacher-user-info {
    display: none;
  }
}

.teacher-workshop-container {
  float: left;
  width: 100%;
}

.no-button input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-transform: none;
}