﻿a {
  text-decoration: none;
  color: #2d7e9d;
}
a:hover {
  color: #2d7e9d;
}
a:hover,
a:focus {
  text-decoration: none;
  cursor: pointer;
}
.bold {
  font-weight: bold;
}
@-ms-viewport {
  width: auto !important;
}
body {
  background-color: #e7e8e9;
}
body.modal-open {
  position: fixed;
  width: 100%;
}
body.modal-open div#activate-image-gallery.modal-gallery .modal-dialog {
  display: table;
  height: auto;
}
body.modal-open div#activate-image-gallery.modal-gallery .modal-dialog .modal-content {
  background-color: aliceblue;
}
body.modal-open div#activate-image-gallery.modal-gallery .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
}
body.modal-open div#activate-image-gallery.modal-gallery .modal-dialog .modal-content .modal-body figure {
  width: 240px;
  display: inline-table;
  text-align: center;
}
footer {
  background-color: #e7e8e9;
  color: #666;
  padding: 20px 0 40px 0;
}
footer.home-footer {
  color: #354678;
}
footer.home-footer span {
  color: #354678;
}
footer.home-footer a {
  color: #354678;
}
footer.home-footer .desclaimer {
  margin-bottom: 15px;
}
footer.home-footer .horizonal-line hr {
  height: 1px;
  background-color: #354678;
}
footer.home-footer label {
  font-size: 16px;
  margin-bottom: 0;
}
footer.home-footer .x-small {
  font-size: 10px;
}
footer.home-footer ul li {
  margin: 8px 0;
}
footer.home-footer .newsletter-input {
  border: 1px solid transparent;
  padding: 3px;
  margin-bottom: 10px;
}
footer.home-footer .newsletter-button {
  color: #fff;
  background-color: #354678;
  padding: 7px;
}
footer.home-footer lable {
  font-size: 16px;
}
footer.home-footer input {
  min-width: 250px;
}
footer a.footer-image {
  width: 10%;
}
footer a {
  color: #666;
}
footer a:hover {
  color: #808080;
}
footer ul {
  list-style-type: none;
  padding-left: 0;
}
footer ul li.trademarks {
  font-size: 11px;
}
.pagination-container {
  text-align: center;
}
.marginBottomMedium {
  margin-bottom: 20px;
}
.initial-hide {
  display: none;
}
form input[type="text"],
form input[type="password"],
form textarea {
  color: #666;
}
form input[type="checkbox"] {
  margin: 0 15px 20px 0;
}
form select {
  color: #666;
  font-size: 16px;
  height: 25px;
  padding-left: 10px;
  width: 100%;
}
form textarea.form-control {
  max-width: 100%;
  min-width: 100%;
  resize: vertical;
}
form *::-webkit-input-placeholder {
  color: #666;
  opacity: 1;
}
form *:-moz-placeholder {
  /* FF 4-18 */
  color: #666;
  opacity: 1;
}
form *::-moz-placeholder {
  /* FF 19+ */
  color: #666;
  opacity: 1;
}
form *:-ms-input-placeholder {
  /* IE 10+ */
  color: #666;
  opacity: 1;
}
table.tablesorter {
  width: 100%;
  margin: 20px 0;
}
table.tablesorter thead tr input[type="checkbox"] {
  margin: 10px;
}
table.tablesorter thead tr th {
  /*padding: 0 4px;
                border: 1px solid #d2d5d8;
                background-color: #2d7e9d;
                font-size: 14px;
                color: #fff;*/
}
table.tablesorter thead tr th.header {
  background-image: url(../../../Assets/Images/bg-white.png);
  background-repeat: no-repeat;
  background-position: 97% center;
}
table.tablesorter thead tr th.header.headerSortDown {
  background-image: url(../../../Assets/Images/desc-white.png);
}
table.tablesorter thead tr th.header.headerSortUp {
  background-image: url(../../../Assets/Images/asc-white.png);
}
table.tablesorter thead tr th:first-child {
  text-align: center;
}
table.tablesorter thead tr th:hover {
  background-color: #3b8faf;
  color: #fff;
}
table.tablesorter tbody input[type="checkbox"] {
  margin: 10px;
}
table.tablesorter tbody td:first-child {
  text-align: center;
}
table.tablesorter tbody td {
  background-color: #f5f5f5 !important;
  border: 1px solid #d2d5d8;
}
header {
  background-color: #e7e8e9;
  box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 10;
  -moz-box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
}
header:not(.home) a:not(.logo-link) {
  font-size: 20px;
  line-height: 20px;
  padding: 36px 40px 36px 40px;
}
header:not(.home) a:not(.logo-link):hover {
  background-color: #dadbdd;
}
header.home {
  background-color: #354678;
}
header.home .profile {
  display: inline-block;
  margin-left: 20px;
  float: right;
  background-color: #2e3446;
  height: 68px;
  display: block;
  padding: 0 0 0 11px;
}
header.home .profile img {
  display: inline-block;
  border-radius: 24px;
}
header.home .profile form {
  display: inline-block;
  height: 100%;
  background-color: #545f80;
  margin: 0;
}
header.home .profile .user-info {
  color: #fff;
  font-size: 11px;
  display: inline-block;
}
header.home .profile .user-info .name {
  font-size: 14px;
  margin-top: 8px;
  color: #fff;
  display: block;
  float: none;
}
header.home .profile .user-info .role {
  display: inline-block;
  color: #fff;
}
header.home .profile .user-info a {
  margin-left: 0;
  font-size: 11px;
}
header.home .nav-md {
  background-color: #354678;
}
header.home .btnLogOut {
  color: #fff;
  font-size: 11px;
  background-color: #545f80;
  border: none;
}
header.home .logo {
  height: 40px;
  margin: 18px 0 0 0;
}
header.home #loginPopup {
  display: none;
  padding-right: 24px;
  width: 100%;
  position: absolute;
}
header.home #loginPopup .popover-window {
  margin-right: 28px;
  margin-left: -73px;
  margin-top: -1px;
  border-radius: 0;
}
header.home #loginPopup .popover {
  display: inline-block;
}
header.home #loginPopup .popover form {
  padding: 0;
  margin: 0;
}
header.home #loginPopup .popover form input {
  border-radius: 0;
}
header.home #loginPopup .popover form .log-btn a {
  padding: 0;
  margin: 5px;
  color: #354678;
  float: right;
  font-size: 11px !important;
}
header.home #loginPopup .popover form .log-btn .btn {
  background-color: #354678;
  color: #fff;
  margin: 5px;
  font-size: 10px;
  width: 100%;
}
header.home #loginPopup .popover span {
  padding: 0;
  display: inline;
  line-height: initial;
  color: #354678;
  font-size: 12px;
  font-style: normal;
}
header.home .navigation-links {
  float: left;
}
header.home .navigation-links a:not(.logo-link),
header.home .navigation-links span:not(.italic) {
  font-size: 16px;
  line-height: 16px;
  font-family: Nunito Sans;
  padding: 26px 15px 26px 15px;
  color: #fff;
  float: left;
}
header.home .navigation-links a:not(.logo-link):hover,
header.home .navigation-links span:not(.italic):hover {
  color: #dadbdd;
}
header.home .navigation-links span {
  color: #fff;
  font-style: italic;
}
header.home .navigation-links span:hover {
  color: #dadbdd;
}
header.home .navigation-links.small {
  float: right;
}
header.home .navigation-links.small a {
  font-size: 15px !important;
  padding: 26px 10px 26px 15px;
  display: inline-block;
}
header.home .navigation-links .login-links {
  background-color: #2e3446;
  text-align: center;
  padding: 0 6px;
}
header.home .navigation-links .login-links span {
  float: none;
  font-style: normal;
  padding: 0 6px;
}
header.home .navigation-links .login-links a {
  float: none;
  display: inline-block;
  padding: 26px 0;
}
header.home .navigation-links .login-links a:hover {
  color: #dadbdd;
}
header form {
  display: inline-block;
  float: right;
}
header .btn {
  background-color: #ccc;
  color: #666;
  display: inline;
  margin: 20px 30px;
}
header .logo {
  height: 40px;
  margin: 18px 0 0 18px;
}
header .imsa-fusion-logo {
  position: relative;
  display: inline-block;
}
header .imsa-fusion-logo > .logo {
  height: 120px;
  margin: 10px 0 10px 18px;
}
header .imsa-fusion-logo:after {
  content: 'Powered By';
  position: absolute;
  top: 5px;
  left: 98px;
  font-size: 16px;
  color: #59595c;
}
header .nav-md {
  background-color: #384047;
  height: 50px;
}
header .nav-md .media-md {
  color: #f5f5f5;
  padding: 15px 30px 15px 10px;
}
header .nav-md .media-md:hover {
  background-color: #384047;
}
header .nav-md input.media-md {
  background-color: #384047;
  font-size: 20px;
  padding: 10px;
  border: none;
}
header .profile {
  position: relative;
}
header .profile .user-info {
  display: inline-block;
  margin-right: 10px;
}
header .profile .user-info a {
  display: inline;
  font-size: 14px;
  margin-left: 15px;
  padding: 0;
}
header .profile .user-info a:hover {
  color: #384047;
  background: none;
}
header .profile .user-info .name {
  color: #2d7e9d;
  display: block;
  font-weight: bold;
  float: right;
  margin-right: 20px;
}
h1,
h2,
h3 {
  margin-top: 0;
}
img {
  max-width: 100%;
}
blockquote {
  background-color: #2d7e9d;
  border-left: 15px solid #225e75;
  color: #f5f5f5;
  font-size: 45px;
}
blockquote p {
  color: #f5f5f5;
  font-size: 20px;
}
nav {
  float: left;
  width: 20%;
}
nav ul {
  margin-bottom: 0;
  padding-left: 0;
}
nav ul li {
  border-bottom: 2px solid #60676d;
  height: 80px;
}
nav ul li a {
  color: #666;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  height: 100%;
  padding: 0 0 0 105px;
}
nav ul li a:hover, nav ul li a:visited, nav ul li a:active, .nav li a:focus {
    background-color: transparent !important;
}
nav ul li a:hover > div {
    border-radius: 4px 50px 50px 4px !important;
    background-color: #f1f2f2;
}
nav ul li a.nav-my-course {
  background-image: url('../Assets/Images/New Images/ima_icon_my courses2.png');
}
nav ul li a.nav-my-course:hover {
  background-image: url('../Assets/Images/New Images/ima_icon_my courses1.png');
}
nav ul li a.nav-manage-course {
  background-image: url('../Assets/Images/New Images/manage_courses_normal.png');
}
nav ul li a.nav-manage-course:hover {
  background-image: url('../Assets/Images/New Images/manage_courses_hover.png');
}
nav ul li a.nav-manage-users {
  background-image: url('../Assets/Images/New Images/manage_user_normal.png');
}
nav ul li a.nav-manage-users:hover {
  background-image: url('../Assets/Images/New Images/manage_user_hover.png');
}
nav ul li a.nav-manage-classroom {
  background-image: url('../Assets/Images/New Images/manage_classroom_normal.png');
}
nav ul li a.nav-manage-classroom:hover {
  background-image: url('../Assets/Images/New Images/manage_classroom_hover.png');
}
nav ul li a.nav-manage-keycode {
  background-image: url('../Assets/Images/New Images/manage_keycode_normal.png');
}
nav ul li a.nav-manage-keycode:hover {
  background-image: url('../Assets/Images/New Images/manage_keycode_hover.png');
}
nav ul li a.nav-manage-subtopic {
  background-image: url('../Assets/Images/New Images/manage_subtopic_normal.png');
}
nav ul li a.nav-manage-subtopic:hover {
  background-image: url('../Assets/Images/New Images/manage_subtopic_hover.png');
}
nav ul li a.nav-manage-reports {
  background-image: url('../Assets/Images/New Images/manage_reports_normal.png');
}
nav ul li a.nav-manage-reports:hover {
  background-image: url('../Assets/Images/New Images/manage_reports_hover.png');
}
nav ul li a.nav-course-catalog {
  background-image: url('../Assets/Images/New Images/ima_icon_course catalog2.png');
}
nav ul li a.nav-course-catalog:hover {
  background-image: url('../Assets/Images/New Images/ima_icon_course catalog1.png');
}
nav ul li a.nav-user {
  background-image: url('../Assets/Images/menu_my_students_1.png');
}
nav ul li a.nav-user:hover {
  background-image: url('../Assets/Images/menu_my_students_1.png');
}
nav ul li a.nav-tutorial {
  background-image: url('../Assets/Images/New Images/Tutorial_Blue.png');
}
nav ul li a.nav-tutorial:hover {
  background-image: url('../Assets/Images/New Images/Tutorial_Grey.png');
}
nav ul li a.nav-classroom {
  background-image: url('../Assets/Images/New Images/Classroom_Blue.png');
}
nav ul li a.nav-classroom:hover {
  background-image: url('../Assets/Images/New Images/Classroom_Grey.png');
}
nav ul li a.nav-student {
  background-image: url('../Assets/Images/New Images/student_blue.png');
}
nav ul li a.nav-student:hover {
  background-image: url('../Assets/Images/New Images/Student_Grey.png');
}
nav ul li a.nav-discuss {
  background-image: url('../Assets/Images/New Images/ima_icon_discussions2.png');
}
nav ul li a.nav-discuss:hover {
  background-image: url('../Assets/Images/New Images/ima_icon_discussions1.png');
}
nav ul li a.nav-help {
  background-image: url('../Assets/Images/New Images/ima_icon_nedd help2.png');
}
nav ul li a.nav-help:hover {
  background-image: url('../Assets/Images/New Images/ima_icon_nedd help1.png');
}
nav ul li a.nav-message {
  background-image: url('../Assets/Images/New Images/ima_icon_messages2.png');
}
nav ul li a.nav-message:hover {
  background-image: url('../Assets/Images/New Images/ima_icon_messages1.png');
}
nav ul li a.nav-resource {
  background-image: url('../Assets/Images/New Images/Content Aligned Products_Blue.png');
}
nav ul li a.nav-resource:hover {
  background-image: url('../Assets/Images/New Images/Content Aligned Products_Grey.png');
}
nav ul li a span.badge {
  color: #fff;
}
nav ul.chemkitPdfNav li {
  height: auto;
  line-height: 5rem;
}
nav ul.chemkitPdfNav li:hover {
  background-color: transparent;
}
nav ul.chemkitPdfNav > li > a {
  padding: 0 30px;
}
nav ul.chemkitPdfNav .chemkitPdfSubNav {
  padding: 0 30px;
  list-style: none;
}
nav ul.chemkitPdfNav .chemkitPdfSubNav > li:hover {
  background-color: #60676d;
}
nav ul.chemkitPdfNav .chemkitPdfSubNav > li > a {
  padding: 0 0 0 40px;
}
nav ul.chemkitPdfNav .chemkitPdfSubNav > li:last-child {
  border-bottom: 0;
}
nav ol.NewNav {
  margin: 0;
  padding: 0 30px;
  background-color: #354678;
  color: #fff;
  font-size: 10px;
}
nav ol.NewNav li {
  padding: 10px 0;
  border-bottom: 1px solid #60676d;
}
nav ol.NewNav li a {
  color: #fff;
  display: block;
  font-weight: bold;
}
nav ol.tocUL {
  background-color: #354678;
  color: #fff;
  font-size: 10px;
}
nav .reteachVideoLinks a,
nav .tutorial a {
  background-color: #354678;
}
#dialog-modal.confirmationModal {
  min-height: 100px;
  width: 40%;
  font-size: 18px;
  color: #fff;
  text-align: left;
  padding: 15px;
}
p,
ul li {
  color: #666;
}
ul {
  padding-left: 15px;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  margin: auto;
}
.centerJustified {
  text-align: center;
}
.clear {
  clear: both;
}
/*.video-iframe{
    width: 889px;
    height: 500px;
}*/
.hds-player {
  background-size: cover;
  height: 500px;
  /*width: 889px;*/
  border: 0;
  padding: 0;
}
.hds-player img.player_wrapper {
  margin: 200px 350px;
}
.hls-player {
  /*width: 889px;*/
  height: 500px;
  border: 0;
  padding: 0;
}
.small-usd {
  font-size: 14px;
}
.margin-top-sm {
  margin-top: 10px;
}
.main {
  background-color: #f5f5f5;
  color: #384047;
}
.content {
  /*background-image: url('/Assets/Images/New Images/hexagon_img_up.png'), url('/Assets/Images/New Images/patter_hex.png');
    background-position: left top, left top;
    background-color: @off-white;*/
  color: #60676d;
  float: left;
  min-height: 800px;
  width: 80%;
  border-left: 1px solid #ccc;
  /* After confirmation, seperate the dotted-box and shaded-dotted-box */
}
.content .pageContentPaddingBox {
  position: relative;
  padding-top: 10px;
  background-color: #f5f5f5;
}
.content .pageContentPaddingBox #quickNavigation {
  background-color: #cccccc;
  padding: 5px;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 45px;
  border-radius: 0px 10px 10px 0px;
  z-index: 2;
  margin-top: 0px;
}
.content .pageContentPaddingBox #quickNavigation ul {
  padding: 6px 0;
  margin: 0;
}
.content .pageContentPaddingBox #quickNavigation ul li {
  list-style: none;
  margin-bottom: 10px;
}
.content .pageContentPaddingBox #quickNavigation ul li a {
  border-radius: 15px;
  background-color: #fff;
  padding: 3px;
  width: 26px;
  height: 26px;
  display: block;
  text-align: center;
  font-weight: bold;
}
.content h1 {
  margin: 0 0 20px 10px;
  color: #354678;
}
.content h2 {
  border-bottom: 5px solid #ccc;
  color: #7c7c7c;
  margin: 20px 0;
  padding-bottom: 10px;
  /*font-family: proxima-nova;*/
  font-size: 25px;
}
.content h2:first-child {
  margin-top: 0;
}
.content img {
  margin-bottom: 20px;
}
.content p {
  margin-bottom: 30px;
}
.content .white-box {
  display: block;
  font-size: 16px;
  font-weight: bold;
  background-color: white;
  margin-bottom: 20px;
  margin-right: 10px;
}
.content .white-box h2 {
  font-size: 26px;
}
.content .imsa-header {
  border: 0 none;
  color: #60676d;
}
.content .imsa-header ~ * {
  padding-left: 15px;
}
.content .imsa-header-underline + .imsa-header-underline {
  padding-top: 20px;
}
.content .imsa-header-underline > h1,
.content .imsa-header-underline > h2,
.content .imsa-header-underline > h3,
.content .imsa-header-underline > h4 {
  border-bottom: 5px solid #ccc;
  color: #2d7e9d;
  padding-bottom: 10px;
  font-weight: bold;
}
.content .imsa-header-underline > h1 > span,
.content .imsa-header-underline > h2 > span,
.content .imsa-header-underline > h3 > span,
.content .imsa-header-underline > h4 > span {
  padding: 0 0 1px 0;
  display: inline-block;
  color: inherit;
}
.content .imsa-header-underline > h1 {
  margin: 30px 0 15px;
}
.content .imsa-header-underline > h2 {
  margin: 20px 0;
}
.content .imsa-header-underline > h3 {
  font-size: 1.5rem;
  display: inline-block;
}
.content .imsa-header-underline > h3,
.content .imsa-header-underline > h4 {
  margin: 10px 0;
}
.content .imsa-header-underline ~ .paragraph {
  margin-top: 15px;
}
.content .imsa-header-underline ~ .paragraph > .normalParagraph > p {
  margin-bottom: 15px;
}
.content .imsa-rounded-wrapper {
  padding: 10px 0;
}
.content .imsa-rounded-wrapper ~ div {
  margin-left: 10px;
}
.content .imsa-rounded-wrapper .imsa-rounded-box {
  border: 8px solid #ccc;
  border-radius: 20px;
  padding: 10px;
}
.content .imsa-rounded-wrapper .imsa-rounded-box h4 {
  font-size: 1.5em;
  margin-top: 0;
}
.content .imsa-rounded-wrapper .imsa-rounded-box .imsa-list-label {
  font-size: 1.15em;
}
.content .imsa-rounded-wrapper .imsa-rounded-box .imsa-list-group {
  margin: 0 0 0 20px;
}
.content .imsa-list-italic {
  padding: 10px 0 15px 40px;
}
.content .imsa-list-italic > li {
  font-style: italic;
}
.content .txt-left-indent {
  margin-left: 40px;
}
.content .normalParagraph > h4 {
  margin-bottom: 0;
}
.content .imsa-table {
  width: 100%;
}
.content .imsa-table th,
.content .imsa-table td {
  border: 1px solid #848383;
  padding: 5px;
  text-align: center;
}
.content .imsa-table th:first-child,
.content .imsa-table td:first-child {
  text-align: left;
}
.content .imsa-table th.noTopBtmBorder,
.content .imsa-table td.noTopBtmBorder {
  border-top: 0 none;
  border-bottom: 0 none;
}
.content .imsa-table tr.statusReturn {
  background-color: #e8e8e8;
}
.content .imsa-twoCol-content {
  padding: 15px 0;
  /* After confirmation, will separate the rectangular-box and shaded-rectangular-box */
}
.content .imsa-twoCol-content > div {
  display: inline-block;
  vertical-align: top;
}
.content .imsa-twoCol-content > div:first-child {
  width: 60%;
  padding-right: 15px;
}
.content .imsa-twoCol-content > div:first-child h3 {
  margin-top: 15px;
}
.content .imsa-twoCol-content > div:first-child ul {
  padding: 0 0 0 30px;
}
.content .imsa-twoCol-content > div:first-child .rect-list-type {
  list-style-type: square;
}
.content .imsa-twoCol-content > div:first-child .no-bold {
  font-weight: normal;
}
.content .imsa-twoCol-content .no-list-type {
  list-style-type: none;
}
.content .imsa-twoCol-content > div:last-child {
  width: 40%;
}
.content .imsa-twoCol-content .rectangular-box,
.content .imsa-twoCol-content .shaded-rectangular-box {
  border: 1px solid #848383;
  padding: 15px;
}
.content .imsa-twoCol-content .rectangular-box h3 + div,
.content .imsa-twoCol-content .shaded-rectangular-box h3 + div {
  padding: 0 0 0 15px;
}
.content .imsa-twoCol-content .rectangular-box h3 + div > ul,
.content .imsa-twoCol-content .shaded-rectangular-box h3 + div > ul {
  padding: 0 0 0 30px;
}
.content .imsa-twoCol-content .rectangular-box,
.content .imsa-twoCol-content .shaded-rectangular-box {
  background-color: #e0e0e0;
}
.content .imsa-twoCol-content div[class^='imsa-col'] {
  display: inline-block;
  vertical-align: top;
}
.content .imsa-twoCol-content .imsa-col-6 {
  width: 50% !important;
}
.content .imsa-twoCol-content .dark-solid-box {
  box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
  border: 5px solid #fff;
  background-color: #000;
  color: #fff;
  padding: 5px;
  margin: 5px 10px 5px 5px;
}
.content .imsa-twoCol-content .border-list {
  list-style-position: inside;
  padding: 0;
  border: 1px solid #848383;
}
.content .imsa-twoCol-content .border-list > li {
  padding: 5px;
  border-bottom: 1px solid #848383;
}
.content .imsa-twoCol-content .border-list > li:last-child {
  border-bottom: 0 none;
}
.content .dotted-box,
.content .norm-border-box,
.content .dbl-border-box,
.content .shaded-dotted-box {
  padding: 10px;
  text-align: justify;
}
.content .dotted-box,
.content .shaded-dotted-box {
  border: 1px dashed #848383;
}
.content .norm-border-box {
  border: 1px solid #848383;
}
.content .dbl-border-box {
  border: 4px double #848383;
}
.content .dotted-box,
.content .shaded-dotted-box {
  background-color: #e0e0e0;
}
.content .gray-gradient-box {
  text-align: center;
}
.content .gray-gradient-box > center {
  display: inline-block;
  padding: 2px 5px;
  border: 1px solid #a4a6a9;
  background-image: -ms-linear-gradient(top, #F0F0F0 0%, #E0E0E0 50%, #d0d0d0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F0F0F0), color-stop(50, #E0E0E0), color-stop(100, #d0d0d0));
  background-image: linear-gradient(to bottom, #F0F0F0 0%, #E0E0E0 50%, #d0d0d0 100%);
  background-image: -moz-linear-gradient(top, #F0F0F0 0%, #E0E0E0 50%, #d0d0d0 100%);
  background-image: -o-linear-gradient(top, #F0F0F0 0%, #E0E0E0 50%, #d0d0d0 100%);
}
.content .inner-page-wrapper {
  padding: 20px 30px;
  background-color: #fff;
}
.content .inner-page-wrapper .page-tite-header {
  margin-bottom: 40px;
}
.content .inner-page-wrapper .home-overview-section {
  width: 1280px;
  max-width: 100%;
  padding-top: 30px;
}
.content .inner-page-wrapper .home-overview-section .section-header {
  color: #1370b8;
  border-bottom: 5px solid #a4a6a9;
  padding-bottom: 10px;
}
.content .inner-page-wrapper .home-overview-section .section-header + .inner-home-contents {
  padding-top: 0;
}
.content .inner-page-wrapper .home-overview-section .inner-home-contents {
  padding: 20px 0;
}
.content .inner-page-wrapper .home-overview-section .inner-home-contents .ceep-text-content {
  padding: 0 50px;
}
.content .inner-page-wrapper .home-overview-section .inner-home-contents .bayer-info {
  padding: 100px 0 30px;
}
.content .inner-page-wrapper .home-overview-section .inner-home-contents .vimeo-player > iframe.hds-player {
  width: 100%;
}
.content .inner-page-wrapper .home-overview-section .content-description {
  color: #384148;
}
.content .inner-page-wrapper .home-overview-section ul + .content-description {
  margin-top: 30px;
}
.content .inner-page-wrapper .home-overview-section .award-image-wrapper .award-img {
  width: 750px;
  max-width: 100%;
}
.content .inner-page-wrapper .home-overview-section .author-sentence {
  margin-bottom: 0;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper {
  margin: 0 0 20px 0;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper button.accordion-title {
  background-color: #e0e0e0;
  color: #1370b8;
  cursor: pointer;
  padding: 20px;
  width: 100%;
  border: 0 none;
  text-align: left;
  outline: none;
  font-size: 1.8333rem;
  transition: 0.4s;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper button.accordion-title:after {
  content: '\002B';
  color: #1370b8;
  font-size: 2.4rem;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  padding: 0px 5px;
  line-height: 2rem;
  border: 3px solid #1370b8;
  border-radius: 20px;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper button.accordion-title.active:after {
  content: "\2212";
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper .accordion-content {
  padding: 0 30px;
  background-color: #e0e0e0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper .accordion-content .price-detail {
  color: #009e4a;
  font-size: 1.6666rem;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper .accordion-content .price-detail .currency {
  font-size: 1rem;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper .accordion-content .content-preview {
  margin-top: 30px;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper .accordion-content .content-preview .pdf-link {
  background: url(Images/pdf-icon.png) no-repeat;
  padding: 0 0 0 30px;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper .accordion-content .module-outline-lbl {
  margin: 10px 0;
  font-size: 1.6666rem;
  font-weight: normal;
  padding: 0 0 0 10px;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper .accordion-content .module-catalog-lists {
  padding: 0;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper .accordion-content .module-catalog-lists li {
  list-style-type: none;
  padding: 10px;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper .accordion-content .module-catalog-lists li:nth-child(odd) {
  background-color: #fff;
}
.content .inner-page-wrapper .home-overview-section .accordion-wrapper .accordion-content .module-catalog-lists li:nth-child(even) {
  background-color: #e0e0e0;
}
.content .inner-page-wrapper .home-overview-section h2.text-gray {
  color: #59595c;
}
.content .inner-page-wrapper .home-overview-section .time-content {
  margin-top: 50px;
}
.content .inner-page-wrapper .home-overview-section.privacy-policy-contents h3 {
  font-weight: bold;
}
.content .inner-page-wrapper .home-overview-section .AW-bayerLogo img {
  width: 80%;
  margin-left: 15%;
}
.content .inner-page-wrapper .lower-priority-info {
  font-size: 1rem;
}
.content .inner-page-wrapper .norm-gray-box {
  background-color: #e0e0e0;
  padding: 20px;
  margin: 20px 0 0;
}
.content .inner-page-wrapper .margin-top-large {
  margin-top: 50px;
}
.register-new-user {
  background-color: #fff;
  padding: 16px 15px 15px 15px;
  min-height: 500px;
  color: #354678;
}
.register-new-user .custom-breadcrumb {
  list-style: none;
  overflow: hidden;
  padding: 0px;
}
.register-new-user .custom-breadcrumb li {
  text-decoration: none;
  padding: 10px 0 10px 50px;
  position: relative;
  display: block;
  float: left;
}
.register-new-user .custom-breadcrumb li:first-child {
  padding: 10px 0 10px 20px;
}
.register-new-user .custom-breadcrumb li:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
.register-new-user .custom-breadcrumb li:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 5px;
  left: 100%;
  z-index: 1;
}
.register-new-user .custom-breadcrumb li.blue-crumb {
  background-color: #354678;
  color: #fff;
}
.register-new-user .custom-breadcrumb li.blue-crumb:after {
  border-left: 30px solid #354678;
}
.register-new-user .custom-breadcrumb li.faded-crumb:after {
  border-left: 30px solid #efecec;
}
.register-new-user .custom-breadcrumb li.faded-crumb {
  background: #efecec;
  color: #354678;
}
.register-new-user .select-user {
  padding: 8px 15px;
  height: 70px;
  margin: 10px 0;
}
.register-new-user .select-user.skyblue {
  background: #27abe1;
}
.register-new-user .select-user.parrot-green {
  background: #8dc63f;
}
.register-new-user .select-user.green {
  background: #00a79d;
}
.register-new-user .select-user.purple {
  background: #92278f;
}
.register-new-user .select-user .lable-text {
  font-size: 22px;
  line-height: 53px;
  padding: 0 14px;
  margin: 0;
  vertical-align: middle;
  color: #fff;
}
.register-new-user .validation-summary-errors li {
  color: #cd3350;
  display: block;
}
.register-new-user .form-control {
  margin: 5px 0;
  border-radius: 0px;
}
.register-new-user .form-controls-buttons {
  margin-top: 12px;
}
.register-new-user .registration-section input.invalid,
.register-new-user .registration-section select.invalid {
  background-color: #ffdddd;
}
.register-new-user .scroll-section {
  height: 400px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  padding: 8px;
  color: #354678;
}
.summary {
  background-color: #27abe1;
  padding: 28px;
}
.summary .custom-error {
  background-color: #cd3350;
  padding: 15px;
  color: #f5f5f5;
  display: block;
  margin-bottom: 20px;
  padding: 20px;
}
.summary .custom-error h2 {
  border: none;
  color: #f5f5f5;
  margin-top: 10px;
}
.summary .custom-error:empty {
  margin: 0;
  padding: 0;
}
.summary .message {
  color: #f5f5f5;
  display: block;
  margin-bottom: 20px;
  padding: 20px;
}
.summary .message:empty {
  margin: 0;
  padding: 0;
}
.summary .success-message {
  color: #f5f5f5;
  display: block;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #00a390;
}
.summary .success-message:empty {
  margin: 0;
  padding: 0;
}
.summary h1,
.summary h2,
.summary p,
.summary li {
  color: #f5f5f5;
}
.summary h1 {
  margin-bottom: 30px;
}
.summary h2 {
  border: none;
}
.summary a {
  color: #81b2c4;
  font-weight: bold;
}
.summary .btn-blue {
  border: 2px solid #f5f5f5;
  color: #f5f5f5;
  font-weight: bold;
  font-size: 20px;
  padding: 10px 20px;
}
.summary .btn-green {
  color: #f5f5f5;
}
.summary .divider {
  border-top: 2px solid #81b2c4;
  color: #f5f5f5;
  font-weight: normal;
  margin: 0;
  padding: 20px 0;
}
.summary .divider:hover {
  color: #f5f5f5;
}
.summary .divider:last-child {
  border-bottom: 2px solid #81b2c4;
}
.summary a.divider:hover {
  color: #81b2c4;
}
.summary .table-striped tr:nth-child(even) {
  background-color: #81b2c4;
}
.summary .table-striped tr:nth-child(2n+1) {
  background-color: transparent;
}
.summary .table-striped tr td {
  border: none;
}
.summary ul {
  margin-bottom: 30px;
}
.btn {
  border-radius: 0;
  font-size: 20px;
  padding: 10px 40px;
}
.btn-green {
  background-color: #4dbfb2;
  color: #f5f5f5;
}
.btn-green:hover,
.btn-green:active,
.btn-green:focus {
  background-color: #00a390;
  color: #f5f5f5;
}
.btn-green.disable {
  background-color: #60676d;
  color: #ccc;
  cursor: default;
}
.btn-green.disable span {
  color: #ccc;
}
.btn-darkgreen {
  background-color: #00a390;
  color: #f5f5f5;
  font-size: 30px;
}
.btn-darkgreen:hover,
.btn-darkgreen:active,
.btn-darkgreen:focus {
  background-color: #4dbfb2;
  color: #f5f5f5;
}
.btn-blue {
  background-color: #2d7e9d;
  color: #f5f5f5;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
  background-color: #225e75;
  color: #f5f5f5;
}
.btn-action.disable {
  cursor: text;
}
.btn-action.disable span {
  color: #ccc;
}
.new-btn-blue {
  background-color: #354678;
  padding: 8px 35px;
  color: #fff;
  font-size: 18px;
}
.new-btn-blue:hover,
.new-btn-blue:active,
.new-btn-blue:focus {
  background-color: #253155;
  color: #f5f5f5;
}
.btn-lightblue {
  background-color: #81b2c4;
  color: #f5f5f5;
}
.btn-lightblue:hover,
.btn-lightblue:active,
.btn-lightblue:focus {
  background-color: #5e9db4;
  color: #f5f5f5;
}
.btn-secondary {
  background-color: #60676d;
  color: #f5f5f5;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background-color: #788188;
  color: #f5f5f5;
}
.btn-marginright {
  margin-right: 20px;
}
.btn-learnmore {
  margin-top: 20px;
  padding: 10px 60px;
}
.action-buttons {
  border-top: 2px solid #666;
  margin-top: 30px;
  margin-left: 0px;
  padding-top: 20px;
}
.action-buttons .btn {
  margin-right: 10px;
  width: 180px;
}
.action-buttons .btn.btn-questionList {
  width: 250px;
  color: #ccc;
}
.action-buttons .btn.disable {
  background-color: #60676d;
  color: #ccc;
  cursor: text;
}
.action-buttons .btn.disable span {
  color: #ccc;
}
.banner {
  position: relative;
  margin-bottom: 20px;
}
.banner img {
  width: 100%;
}
.banner .banner-text-wrapper {
  position: absolute;
  top: 5%;
  width: 100%;
}
.banner .banner-text-wrapper .banner-text {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 0px 10px 10px 10px;
}
.banner .banner-text-wrapper .banner-text h1 {
  color: #f5f5f5;
  font-size: 35px;
  line-height: 1.2;
  margin-right: 10px;
  padding: 30px 0px 30px 20px;
}
.banner .banner-text-wrapper .banner-text .white-text {
  color: #f5f5f5;
  font-size: 23px;
  margin-top: -35px;
  padding-left: 20px;
}
.banner .banner-text-wrapper .banner-text .teacher-signup {
  margin-top: -25px;
  margin-bottom: 20px;
}
.banner .banner-text-wrapper .banner-text .teacher-signup a.sign-btn {
  margin-right: 77px;
}
.banner .banner-text-wrapper .banner-text p {
  color: #f5f5f5;
  font-size: 18px;
  margin-top: 15px;
}
.banner .banner-text-wrapper .banner-text .btn {
  margin: 10px 15px 10px 0px;
}
.circle {
  background: #f5f5f5;
  border-radius: 50%;
  color: #2d7e9d;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  margin: 0 20px 20px 0;
  padding: 4px;
  text-align: center;
  width: 30px;
}
.circle-text {
  color: #f5f5f5;
  font-size: 20px;
}
.divider {
  border-top: 1px solid #f5f5f5;
  color: #666;
  display: block;
  font-size: 24px;
}
.divider:hover {
  color: #666;
}
.divider label {
  font-weight: normal;
  margin-bottom: 20px;
}
.divider table {
  font-size: 16px;
}
.field-validation-error {
  color: #cd3350;
  display: block;
}
.link-blue {
  color: #2d7e9d;
}
.link-blue:hover {
  color: #2d7e9d;
}
.link-dark-green {
  color: #00a390;
}
.link-dark-green:hover {
  color: #00a390;
}
.link-gray {
  color: #666;
}
.link-gray:hover {
  color: #808080;
}
.link-green {
  color: #4dbfb2;
  font-weight: bold;
}
.link-green:hover {
  color: #00a390;
}
.padding-box-all {
  padding: 25px;
}
.padding-box {
  padding: 28px;
}
.padding-box .custom-error {
  background-color: #cd3350;
  padding: 15px;
  color: #f5f5f5;
  display: block;
  margin-bottom: 20px;
  padding: 20px;
}
.padding-box .custom-error h2 {
  border: none;
  color: #f5f5f5;
  margin-top: 10px;
}
.padding-box .custom-error:empty {
  margin: 0;
  padding: 0;
}
.padding-box .message {
  color: #f5f5f5;
  display: block;
  margin-bottom: 20px;
  padding: 20px;
}
.padding-box .message:empty {
  margin: 0;
  padding: 0;
}
.padding-box .success-message {
  color: #f5f5f5;
  display: block;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #00a390;
}
.padding-box .success-message:empty {
  margin: 0;
  padding: 0;
}
.pane {
  background-color: #fff;
  color: #666;
  margin-bottom: 10px;
  border: 1px solid #e0e0e0;
}
.pane h2 {
  border-bottom: none;
  line-height: 32px;
  margin: 0;
  padding-bottom: 0;
  padding: 10px;
}
.pane .collapsible {
  height: 52px;
  font-size: 42px;
  color: #7c7c7c;
  width: 50px;
  text-align: center;
  /*font-family: proxima-nova;*/
  background-color: #E2E2E2;
  vertical-align: middle;
  line-height: 52px;
}
.pane .block-wrapper {
  float: right;
  height: 52px;
  display: flex;
}
.pane .block-wrapper .block {
  height: 100%;
  padding: 10px 15px;
  display: inline-block;
  color: #fff;
  margin: 0 1px;
  position: relative;
}
.pane .block-wrapper .block.medium {
  width: 135px !important;
}
.pane .block-wrapper .block.small {
  width: 100px !important;
}
.pane .block-wrapper .block.large {
  width: 150px !important;
}
.pane .block-wrapper .block.dark-blue {
  background-color: #1B2540;
  padding: 10px 4px;
}
.pane .block-wrapper .block.sky-blue {
  background-color: #38B1E3;
  font-size: 18px;
  width: 100px;
}
.pane .block-wrapper .block.purple {
  background-color: #9D3D9A;
  font-size: 11px;
  min-width: 135px;
}
.pane .block-wrapper .block.parrot-green {
  background-color: #8dc63f;
  font-size: 11px;
}
.pane .block-wrapper .block.peacock-green {
  background-color: #00a79d;
  width: 168px;
  font-size: 11px;
  display: flex;
}
.pane .block-wrapper .block.disable {
  background-color: #f1f2f2;
  font-size: 11px;
  color: #ccc;
  cursor: default;
  pointer-events: none;
}
.pane .block-wrapper .block.disable span {
  color: #ccc;
}
.pane .block-wrapper .block.price-disable {
  pointer-events: none;
}
.pane .block-wrapper .block.CompletionTime-disable {
  pointer-events: none;
}
.pane .block-wrapper .block.course-block {
  width: 106px;
  min-width: 106px;
  /*font-family: proxima-nova;*/
  display: flex;
}
.pane .block-wrapper .block.course-block.expiry:not(span) {
  font-size: 20px;
  line-height: 20px;
  padding: 6px 41px 2px 15px;
  text-align: center;
}
.pane .block-wrapper .block.course-block.expiry:not(span).red {
  background-color: #ff5c5c;
}
.pane .block-wrapper .block.course-block.expiry:not(span).red .left {
  background-color: #cb4e4e;
}
.pane .block-wrapper .block.course-block.expiry:not(span).green {
  background-color: #00a79d;
}
.pane .block-wrapper .block.course-block.expiry:not(span).green .left {
  background-color: #018e86;
}
.pane .block-wrapper .block.course-block.expiry:not(span).yellow {
  background-color: #ffc400;
}
.pane .block-wrapper .block.course-block.expiry:not(span).yellow .left {
  background-color: #ffa700;
}
.pane .block-wrapper .block.course-block.expiry:not(span).disable .left {
  background-color: #e9e9e9;
}
.pane .block-wrapper .block.course-block.start-course {
  font-size: 11px;
  line-height: 15px;
}
.pane .block-wrapper .block .left {
  height: 100%;
  position: absolute;
  right: 6px;
  top: 0;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-align: center;
  background-color: #0c8a82;
  font-size: 20px;
}
.pane .block-wrapper .block img {
  margin: 0;
}
.pane .block-wrapper .block span {
  color: #fff;
  padding: 3px;
}
.pane .collapsible-content:not(.active) {
  display: none;
}
.pane .collapsible-content .collapsible-content-inner {
  background-color: #f5f5f5;
}
.pane .collapsible-content .collapsible-content-inner .collapsible-content-inner-body {
  padding: 0 20px 20px;
}
.pane .collapsible-content .collapsible-content-inner .collapsible-content-inner-body .white-pane {
  background-color: #fff;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -20px;
  margin-top: 20px;
}
.question .choice-list {
  list-style-type: none;
  padding-left: 45px;
}
.question .choice-list .choice {
  padding: 3px 0;
  position: relative;
}
.question .choice-list .choice label {
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  line-height: 21px;
}
.question .choice-list .choice label:before {
  background-color: transparent;
  border: 2px solid #666;
  border-radius: 12px;
  content: "";
  display: inline-block;
  height: 21px;
  left: -30px;
  position: absolute;
  width: 21px;
}
.question .choice-list .choice input[type="radio"] {
  display: none;
}
.question .choice-list .choice input[type=radio]:checked + label:before {
  content: "\2022";
  color: #666;
  font-size: 45px;
  line-height: 17px;
}
.question .multi-choice-list {
  list-style-type: none;
  padding: 0;
}
.question .multi-choice-list > li.choice {
  position: relative;
  padding: 5px 0 5px 40px;
}
.question .multi-choice-list > li.choice > input[type=checkbox] {
  margin: 0;
  position: absolute;
  left: 15px;
  width: 18px;
  height: 18px;
  top: 6px;
  background: #fff;
  -webkit-appearance: none;
  border: 2px solid #666;
}
.question .multi-choice-list > li.choice > input[type=checkbox]:checked + label:after,
.question .multi-choice-list > li.choice > input[type=checkbox]:checked + input + label:after {
  position: absolute;
  content: "";
  left: -19px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.question .multi-choice-list > li.choice > .glyphicon {
  left: -5px;
  top: 8px;
}
.question-list {
  list-style-type: none;
  margin-bottom: 30px;
  padding-left: 0;
}
.question-list .question {
  padding: 15px;
}
.question-list .question label > p {
  display: inline;
  margin-bottom: 10px;
}
.question-list .question li.choice {
  vertical-align: middle;
}
.question-list .question li.choice > label {
  display: inline;
  position: absolute;
}
.question-list .question li.choice > p {
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 10px;
  vertical-align: middle;
}
.question-list .question:first-child {
  padding-top: 0;
}
.question-list .question:nth-child(even) {
  background-color: white;
}
/*.video {
    span {
        color: @blue;
    }
}*/
.agreement .modal {
  display: block;
  z-index: 1;
}
.agreement .modal .modal-content {
  padding: 10px;
}
.agreement .modal .modal-content .checkbox {
  margin-top: 5px;
  transform: scale(1.5);
}
.agreement .modal .modal-footer {
  text-align: center;
}
.agreement .modal .modal-footer button {
  font-size: 24px;
  margin-top: 20px;
  padding: 15px 80px;
}
.modal.modal-gallery {
  position: absolute !important;
}
.modal.modal-gallery .modal-dialog {
  height: 700px;
  width: 80%;
  position: relative;
  overflow: auto;
}
.modal .modal-dialog {
  left: 0;
  position: fixed;
  right: 0;
  top: 20%;
  /*font-family: proxima-nova;*/
}
.modal .modal-dialog .modal-content {
  border: 5px solid #354678;
  border-radius: 0;
}
.modal .modal-dialog .modal-content h2 {
  font-size: 35px;
  border-bottom: 5px solid #4dbfb2;
  margin-top: 0;
  margin-bottom: 25px;
  padding-bottom: 5px;
}
.modal .modal-dialog .modal-content h3 {
  margin-bottom: 15px;
  margin-top: 15px;
}
.modal .modal-dialog .modal-content h4 {
  color: #354678;
  font-size: 20px;
  font-weight: bold;
}
.modal .modal-dialog .modal-content p {
  font-size: 20px;
  margin-bottom: 10px;
}
.modal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  padding-bottom: 0;
}
.modal .modal-dialog .modal-content .modal-footer {
  border-top: none;
  padding-top: 0;
}
.modal .modal-dialog .modal-content .title {
  color: #666;
  font-weight: bold;
}
.modal .modal-dialog .modal-content .close {
  font-size: 40px;
}
.modal .modal-dialog .modal-content .close span {
  color: #384047;
}
.modal .modal-dialog .modal-content .log-btn .btn {
  margin: 0 15px 15px 0;
  white-space: normal;
  font-size: 20px;
}
.modal .modal-dialog .modal-content .log-btn .btn-blue {
  border: 5px solid #81b2c4;
  margin-right: 15px;
  /*width: 46%;*/
}
.modal .modal-dialog .modal-content .log-btn .btn-darkgreen {
  border: 5px solid #4dbfb2;
  /*width: 46%;*/
}
.modal .modal-dialog .modal-content .log-btn .link-bold {
  font-size: 20px;
  margin-right: 16%;
}
.warning {
  background-color: #cd3350;
  color: #f5f5f5;
  padding: 15px;
}
.warning h2 {
  border: none;
  color: #f5f5f5;
  margin-top: 10px;
}
.informational {
  background-color: #2d7e9d;
}
.admin h3 {
  color: #666;
}
.admin.subject-code a.disabled {
  color: #ccc;
}
.admin.subject-code .subject-row {
  background-color: #fdfdfd;
  font-size: 20px;
  max-width: 850px;
  margin: 10px;
  padding: 10px;
}
.admin.subject-code .subject-row a {
  margin-left: 15px;
}
.admin.subject-code .action-buttons {
  border: none;
  margin: 20px 10px;
  padding: 10px 40px;
}
.admin.questionlist a.disabled {
  color: #ccc;
}
.admin.questionlist .question-row {
  background-color: #fdfdfd;
  font-size: 20px;
  max-width: 850px;
  margin: 10px;
  padding: 10px;
}
.admin.questionlist .question-row a {
  margin-left: 15px;
}
.admin.questionlist .action-buttons {
  border: none;
  margin: 20px 10px;
  padding: 10px 40px;
}
.admin.create-question .pane a.delete-label {
  font-size: 20px;
  margin-right: 30px;
  margin-top: 0px;
}
.admin.keycode form .search-keycode-btn {
  margin-left: 10px;
}
.admin.keycode .keycode {
  border: 1px solid #666;
  margin-top: 40px;
  padding: 10px;
  width: 450px;
}
.admin label {
  color: #666;
}
.admin #price-list .priceclass {
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}
.admin button#add-priceoption {
  margin-bottom: 20px;
}
.admin .usertable .pagination-container ul li {
  padding: 0px;
}
.admin .usertable .pagination-container ul li:nth-child(odd) {
  background-color: #f5f5f5;
}
.admin .usertable .pagination-container ul li a {
  float: none;
  margin-right: 0px;
}
.admin *:not(.question) > ul {
  list-style-type: none;
  padding-left: 0;
}
.admin *:not(.question) > ul label {
  margin-bottom: 0;
}
.admin *:not(.question) > ul li {
  padding: 10px 15px;
}
.admin *:not(.question) > ul li a {
  color: #666;
  float: right;
  margin-right: 30px;
}
.admin *:not(.question) > ul li a:hover {
  color: #808080;
}
.admin *:not(.question) > ul li:nth-child(odd) {
  background-color: white;
}
.admin .question label {
  display: block;
}
.admin .btn-sm {
  font-size: 14px;
  padding: 5px 10px;
}
.admin .pane {
  margin: 20px 0;
  min-height: 70px;
}
.admin .pane.active {
  background-color: #d8e7ed;
}
.admin .pane h2 {
  margin-bottom: 20px;
}
.admin .pane .btn {
  margin-right: 20px;
  width: 230px;
}
.admin-user .form-inline .btn {
  font-size: 14px;
  padding: 6px 12px;
}
.assessment img {
  display: block;
  margin: 10px 0;
}
.assessment .summary h1 {
  font-weight: bold;
  margin-bottom: 0;
}
.assessment .correct-answer {
  color: #cd3350;
}
.assessment-review p span {
  font-weight: bold;
}
.assessment-review .big-font {
  display: block;
}
.course-catalog .course-video {
  margin-bottom: 0;
}
.course-catalog .collapsible-content-inner {
  /*font-family: proxima-nova;*/
}
.course-catalog .big-text {
  font-size: 20px;
}
.course-catalog .white-bg {
  background-color: #fff;
  padding: 5px;
}
.course-catalog .divider {
  padding-bottom: 20px;
  padding-top: 20px;
}
.course-catalog .divider img {
  padding-top: 10px;
}
.course-catalog .divider img.complete-time {
  width: 2%;
}
.course-catalog .divider img.syllabus {
  margin-right: 10px;
  width: 1.5%;
}
.course-catalog .divider img.outline {
  width: 14%;
}
.course-catalog .divider table {
  background-color: #fff;
}
.course-catalog .divider table tr:nth-child(even) {
  background-color: #f5f5f5;
}
.course-catalog .divider table tr:nth-child(odd) {
  background-color: #fff;
}
.course-catalog .divider table td {
  border: none;
}
.course-catalog .hero {
  padding-top: 20px;
  text-align: right;
  margin-bottom: 13px;
}
.course-catalog .hero .purchase .btn {
  width: 100%;
  max-width: 300px;
}
.course-catalog .hero .purchase .btn-green {
  margin-bottom: 10px;
}
.course-catalog .hero .purchase .btn-blue {
  margin-bottom: 30px;
}
.course-catalog .hero .purchase .price {
  color: #00a390;
  display: block;
  font-size: 60px;
  line-height: 60px;
}
.course-catalog .hero .purchase ul.classroom-price {
  list-style: none;
  font-size: 16px;
}
.course-catalog .hero .purchase ul.classroom-price li.unpurchasable {
  font-size: 14px;
  margin-top: 20px;
}
.course-catalog ul {
  margin-bottom: 30px;
}
.course-catalog .modal .modal-footer {
  text-align: center;
}
.course-detail .summary {
  min-height: 800px;
}
.course-detail .summary a:not(.btn):not(.collapsible) {
  color: #f5f5f5;
}
.course-detail .summary a:not(.btn):not(.collapsible):hover {
  color: #c6dce5;
}
.course-detail .summary .btn {
  margin-bottom: 20px;
}
.course-detail .summary .divider img {
  padding-top: 10px;
  margin-right: 10px;
}
.course-detail .summary .divider img.complete-time {
  width: 2%;
}
.course-detail .summary .divider img.syllabus {
  width: 1.5%;
}
.course-detail .summary .divider img.outline {
  width: 10%;
}
.course-detail .course-video {
  margin-bottom: 30px;
}
.course-progress-bar {
  display: table;
  margin: 10px 0 30px 0;
  width: 100%;
}
.course-progress-bar ul {
  display: table-row;
}
.course-progress-bar ul li {
  border-left: 2px solid #e7e8e9;
  border-right: 2px solid #e7e8e9;
  display: table-cell;
  height: 30px;
}
.course-progress-bar ul li a {
  /*background-color: @gray;*/
  background-color: #354678;
  border-left: 2px solid #e7e8e9;
  border-right: 2px solid #e7e8e9;
  display: block;
  line-height: 30px;
  text-align: center;
  width: 100%;
}
.course-progress-bar ul li a.disabled {
  cursor: not-allowed;
}
.course-progress-bar ul li a:hover {
  background-color: #4dbfb2;
}
.course-progress-bar ul li a .circle {
  background-color: #e7e8e9;
  border: none;
  height: 12px;
  margin: 0;
  top: 50%;
  width: 12px;
}
.course-progress-bar ul li a .progress-ordinal {
  color: #f5f5f5;
}
.course-progress-bar ul li a .progress-ordinal .hidden-xs {
  color: #f5f5f5;
}
.course-progress-bar ul li a.complete {
  background-color: #00a79d;
}
.course-progress-bar ul li a.complete .circle {
  background-color: #4dbfb2;
}
.chapter img.left {
  margin-right: 20px;
}
.chapter img.right {
  margin-left: 20px;
}
.chapter .figureLarge {
  margin-bottom: 20px;
}
.chapter .figureSmall {
  margin-bottom: 20px;
}
.chapter figure {
  margin-bottom: 20px;
  font-size: 12px;
}
.chapter figure img {
  margin-bottom: 10px;
}
.chapter .interactionPlaceHolder {
  width: 100%;
  background-color: #1B2540;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
  text-align: left;
}
.chapter p.center {
  display: table;
  width: 1%;
}
.chapter h2 img {
  margin-top: -25px;
}
.chapter .actions {
  border-top: 5px solid #ccc;
  list-style-type: none;
  margin-top: 40px;
  padding-left: 0;
}
.chapter .actions .btn {
  clear: left;
  margin-top: 20px;
}
.chapter .btn-lg {
  background-color: #ccc;
}
.chapter .chapter-box {
  padding: 10px;
  margin-top: 95px;
}
.chapter .chapter-box h2 {
  border-bottom: none;
  font-size: 20px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-transform: uppercase;
}
.chapter .chapter-box a {
  color: #f5f5f5;
  margin: 10px 0px;
}
.chapter .discuss-open {
  cursor: pointer;
}
.chapter .subquiz {
  position: absolute;
  top: 0;
  z-index: 9999;
  display: none;
  padding: 20px;
  color: #f5f5f5;
}
.chapter .subquiz span {
  color: #f5f5f5;
}
.chapter .subquiz a:not(.btn) {
  color: #ebaeb9;
  font-weight: bold;
}
.chapter .subquiz a:not(.btn):hover {
  color: #e699a8;
}
.chapter .subquiz h2 {
  border-bottom: none;
  color: #f5f5f5;
  margin: 20px 0;
  padding-bottom: 0;
}
.chapter .subquiz h3 {
  font-size: 20px;
}
.chapter .subquiz .subtitle {
  font-size: 24px;
  margin-left: 20px;
}
.chapter .subquiz .question {
  margin-left: 100px;
}
.chapter .subquiz .question .center .MathJax {
  color: #f5f5f5;
}
.chapter .subquiz .question .btn {
  font-size: 16px;
  margin-top: 20px;
  padding: 10px 20px 10px 20px;
}
.chapter .subquiz .question:first-child {
  padding-top: 0;
}
.chapter .subquiz .question:nth-child(even) {
  color: #f5f5f5;
}
.chapter .subquiz .question .choice-list .choice .glyphicon {
  left: -50px;
  position: absolute;
}
.chapter .subquiz .question .choice-list .choice .glyphicon.glyphicon-ok {
  color: #4dbfb2;
}
.chapter .subquiz .question .choice-list .choice .glyphicon.glyphicon-remove {
  color: #cd3350;
}
.chapter .subquiz .question .choice-list .choice label {
  color: #f5f5f5;
}
.chapter .subquiz .question .choice-list .choice label:before {
  border-color: #f5f5f5;
}
.chapter .subquiz .question .choice-list .choice input[type=radio]:checked + label:before {
  color: #f5f5f5;
}
.chapter .subquiz .quiz-answer {
  display: none;
  color: #60676d;
  font-size: 14px;
  font-weight: normal;
}
.chapter .subquiz .quiz-answer span {
  color: #2d7e9d;
}
.chapter .subdiscuss {
  z-index: 100;
}
.chapter .subdiscuss span {
  color: #f5f5f5;
}
.chapter .subdiscuss .createtopic-remove {
  cursor: pointer;
  font-size: 25px;
  margin: 20px 0 0 0;
}
.chapter .subdiscuss .checkbox {
  margin-left: 20px;
}
.chapter .summary h1 {
  font-weight: bold;
}
.chapter .summary h2 {
  font-weight: normal;
  margin-bottom: 10px;
  padding: 0;
}
.chapter .summary img.complete-time {
  width: 2%;
}
.chapter .summary .unit-completion {
  color: #f5f5f5;
  font-weight: bold;
  margin-bottom: 20px;
}
.chapter .summary .unit-completion img {
  margin-bottom: 0;
}
.chapter .trial-box {
  background-color: #cd3350;
  color: #f5f5f5;
  padding: 15px;
}
.chapter .trial-box h2 {
  border: none;
  color: #f5f5f5;
  margin-top: 10px;
}
.chapter .trial-box a {
  color: #d0eeeb;
  font-weight: bold;
}
.chapter .trial-box a:hover {
  color: #abe1db;
}
.chapter .quiz {
  position: relative;
}
.chapter .quiz > a.white-box {
  font-weight: normal;
  padding: 10px;
}
.chapter .quiz > a.white-box span {
  display: block;
  font-weight: bold;
  color: #cd3350;
  max-width: 340px;
}
.chapter .quiz > a.white-box span img.quiz-image {
  width: 15%;
}
.chapter .quiz img.quiz-image {
  width: 50px;
}
.chapter .quiz .quiz-remove {
  cursor: pointer;
  font-size: 25px;
}
.classroom-report h1 {
  margin: 0 0 6px 10px;
}
.classroom-report h1 span {
  font-weight: bold;
}
.classroom-report h2 {
  color: #354678;
  border-bottom: none;
  margin-top: 0px;
  margin: 0 0 20px 13px;
}
.classroom-report .container-fluid {
  background-color: #f8f8f8;
  padding: 25px;
}
.classroom-report table {
  font-size: 12px;
  margin-top: 10px;
  width: 100%;
  /*font-family: proxima-nova;*/
}
.classroom-report table.practice-exam {
  width: 375px;
}
.classroom-report table tr td,
.classroom-report table tr th {
  padding: 5px;
  text-align: center;
  border: 1px solid #cecece;
}
.classroom-report table tr td.heading,
.classroom-report table tr th.heading {
  color: #354678;
  min-width: 70px;
}
.classroom-report table tr td.assessment-link,
.classroom-report table tr th.assessment-link {
  font-size: 10px;
}
.classroom-report table tr td.blue-color,
.classroom-report table tr th.blue-color {
  background-color: #354678;
  color: #fff;
}
.classroom-report table tr td.gray-color,
.classroom-report table tr th.gray-color {
  background-color: #E2E2E2;
}
.classroom-report table tr td.main-heading,
.classroom-report table tr th.main-heading {
  background-color: #00a79d;
  color: #fff;
}
.classroom-report table tr td.no-border,
.classroom-report table tr th.no-border {
  border: none;
}
.classroom-report table tr td a,
.classroom-report table tr th a {
  color: #354678;
}
.classroom-report table tr td .popover-content a,
.classroom-report table tr th .popover-content a {
  padding: 2px;
  text-decoration: underline;
  margin-right: 6px;
  display: inline-block;
  width: 50px;
}
.classroom-report table tr td .popover-content div a,
.classroom-report table tr th .popover-content div a {
  width: auto;
  margin: 0;
}
.classroom-report table tr:first-child {
  border-bottom: none;
}
.classroom-report .section-info {
  /*font-family: proxima-nova;*/
  font-size: 18px;
}
.classroom-report table.classroom-result-break tbody tr:nth-child(4n+1),
.classroom-report table.classroom-result-break tbody tr:nth-child(4n+2) {
  background-color: #e7e8e9;
}
.classroom-report table.classroom-result-break tr td.student-name,
.classroom-report table.classroom-result-break tr th.student-name {
  min-width: 100px;
  font-weight: bold;
}
.classroom-report table.report-table tr {
  background-color: #fff;
}
.classroom-report table.report-table tr td,
.classroom-report table.report-table tr th {
  /*font: proxima-nova;*/
  font-size: 14px;
}
.classroom-report table.report-table tr td:first-child:not(th),
.classroom-report table.report-table tr th:first-child:not(th) {
  text-align: left;
  padding: 16px;
}
.classroom-report table.report-table tr td .red,
.classroom-report table.report-table tr th .red,
.classroom-report table.report-table tr td .green,
.classroom-report table.report-table tr th .green,
.classroom-report table.report-table tr td .gray,
.classroom-report table.report-table tr th .gray,
.classroom-report table.report-table tr td .yellow,
.classroom-report table.report-table tr th .yellow {
  display: inline-block;
  width: 42px;
  height: 13px;
}
.classroom-report table.report-table tr td .red,
.classroom-report table.report-table tr th .red {
  background-color: #ff5c5c;
}
.classroom-report table.report-table tr td .green,
.classroom-report table.report-table tr th .green {
  background-color: #01e246;
}
.classroom-report table.report-table tr td .gray,
.classroom-report table.report-table tr th .gray {
  background-color: #ccc;
}
.classroom-report table.report-table tr td .yellow,
.classroom-report table.report-table tr th .yellow {
  background-color: #ffc400;
}
.classroom-report table.report-table tr td.main-heading,
.classroom-report table.report-table tr th.main-heading,
.classroom-report table.report-table tr td.blue-color,
.classroom-report table.report-table tr th.blue-color {
  padding: 16px;
  font-weight: bold;
}
.classroom-report table.report-table tr td.blue-color,
.classroom-report table.report-table tr th.blue-color {
  text-align: left;
  font-weight: bold;
}
.classroom-report .scroll-bar {
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 5px;
}
.classroom-report .circle {
  margin: 0;
}
.classroom-report .circle.green {
  background-color: #4dbfb2;
}
.classroom-report .circle.red {
  background-color: #cd3350;
}
.classroom-report .circle.yellow {
  background-color: #febb15;
}
.classroom-report .legend {
  font-weight: bold;
  margin-bottom: 20px;
  padding: 0 15px;
}
.classroom-report .legend span:not(.circle) {
  display: inline-block;
  line-height: 30px;
  margin: 0 20px 0 10px;
  vertical-align: top;
}
.classroom-report .legend span:not(.circle):first-child {
  margin-left: 0;
}
.classroom-report .overview {
  background-color: #e7e8e9;
  margin-bottom: 20px;
  padding: 20px 0;
  text-align: center;
}
.classroom-report .overview h2 {
  border-bottom: none;
  margin-bottom: 0;
}
.classroom-report .overview span {
  font-weight: bold;
}
.classroom-report .sub-header h2 {
  color: #354678;
  border-bottom: none;
  margin: 0;
}
.classroom-report .sub-header h2 span {
  font-size: 20px;
  font-weight: lighter;
}
.classroom-report .sub-header p {
  margin-bottom: 0;
  padding: 15px;
}
.classroom-report .sub-header table {
  background-color: #fff;
}
.classroom-report .total {
  color: red;
  vertical-align: middle;
  font-weight: bold;
}
.classroom-students {
  /*font-family: proxima-nova!important;*/
}
.classroom-students h2 {
  border-bottom: none;
  line-height: 32px;
  margin: 0;
  padding-bottom: 0;
  padding: 0px 10px 0px 10px;
  font-size: 20px;
}
.classroom-students .no-student {
  padding: 20px 20px 0px 0px;
  display: block;
  font-size: 18px;
  color: #354678;
}
.classroom-students h4 {
  margin: 0;
  display: block;
  color: #354678;
  font-size: 14px;
  padding: 0px 10px 5px 10px;
}
.classroom-students h4 a.handle-classroom {
  margin-top: 25px;
  margin-right: 30px;
}
.classroom-students .classroom-report-link {
  font-size: 20px;
  margin-right: 30px;
  margin-top: 10px;
}
.classroom-students .unique-code {
  font-size: 20px;
  margin: 5px;
}
.classroom-students .unique-code .same-width {
  display: inline-block;
  width: 200px;
}
.classroom-students .lefting-dates {
  font-size: 20px;
  margin: 5px;
}
.classroom-students .lefting-dates .same-width {
  display: inline-block;
  width: 200px;
}
.classroom-students .pane {
  color: #354678;
}
.classroom-students .pane .active {
  background-color: #d8e7ed;
}
.classroom-students .pane .block-wrapper.medium .block {
  width: 100px;
}
.classroom-students .pane span {
  color: #354678;
}
.classroom-students .pane table {
  font-size: 12px;
  margin-top: 10px;
  width: 100%;
  /*font-family: proxima-nova;*/
}
.classroom-students .pane table.practice-exam {
  width: 375px;
}
.classroom-students .pane table tr td,
.classroom-students .pane table tr th {
  padding: 5px;
  text-align: center;
  border: 1px solid #cecece;
}
.classroom-students .pane table tr td.heading,
.classroom-students .pane table tr th.heading {
  color: #354678;
  min-width: 70px;
}
.classroom-students .pane table tr td.assessment-link,
.classroom-students .pane table tr th.assessment-link {
  font-size: 10px;
}
.classroom-students .pane table tr td.blue-color,
.classroom-students .pane table tr th.blue-color {
  background-color: #354678;
  color: #fff;
}
.classroom-students .pane table tr td.gray-color,
.classroom-students .pane table tr th.gray-color {
  background-color: #E2E2E2;
}
.classroom-students .pane table tr td.main-heading,
.classroom-students .pane table tr th.main-heading {
  background-color: #00a79d;
  color: #fff;
}
.classroom-students .pane table tr td.no-border,
.classroom-students .pane table tr th.no-border {
  border: none;
}
.classroom-students .pane table tr td a,
.classroom-students .pane table tr th a {
  color: #354678;
}
.classroom-students .pane table tr td .popover-content a,
.classroom-students .pane table tr th .popover-content a {
  padding: 2px;
  text-decoration: underline;
  margin-right: 6px;
  display: inline-block;
  width: 50px;
}
.classroom-students .pane table tr td .popover-content div a,
.classroom-students .pane table tr th .popover-content div a {
  width: auto;
  margin: 0;
}
.classroom-students .pane table tr:first-child {
  border-bottom: none;
}
.classroom-students .pane .blue-button {
  margin: 20px 0;
}
.classroom-students .pane table {
  font-size: 14px;
}
.classroom-students .pane select {
  border-radius: unset;
  font-size: 15px;
  height: 35px;
  padding: 2px 13px;
}
.classroom-students form.edit-form .btn {
  font-size: 14px;
  padding: 6px 12px;
}
.classroom-students .circle {
  margin-top: 7px;
}
.classroom-students .create-classroom {
  border-bottom: 5px solid #ccc;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.classroom-students .create-classroom .pane {
  background: #27abe1;
  color: #f5f5f5;
}
.classroom-students .create-classroom .pane h2 {
  color: #f5f5f5;
  margin-bottom: 20px;
}
.classroom-students .create-classroom .pane h2 small {
  color: #f5f5f5;
}
.classroom-students .create-classroom .pane p {
  color: #f5f5f5;
}
.classroom-students .create-classroom .pane .btn-border {
  border-color: #f5f5f5;
  border-style: solid;
  border-width: thin;
  display: block;
  margin-top: 30px;
}
.classroom-students .create-classroom .pane .field-validation-error {
  background-color: #e7e8e9;
  border-radius: 4px;
  padding: 5px 10px;
}
.classroom-students .performance-table {
  border-bottom: 1px solid #f5f5f5;
  max-width: 100%;
}
.classroom-students .performance-table .history-score {
  display: none;
  background-color: #f5f5f5;
}
.classroom-students .performance-table .history-score td {
  border: none;
}
.classroom-students .table input {
  margin: 0px;
  margin-left: 15px;
}
.classroom-students .table th {
  padding: 8px 4px;
}
.classroom-students .table tbody tr {
  border-bottom: 1px solid #f5f5f5;
}
.classroom-students .table tbody tr:last-child {
  border-bottom: none;
}
.classroom-students .table tbody tr td {
  padding: 4px;
  vertical-align: middle;
}
.classroom-students .modal#activate-classroom-license .modal-dialog {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
}
.classroom-students .modal#activate-classroom-license .modal-dialog .modal-body h2 {
  border-bottom: none;
}
.classroom-students .modal#activate-classroom-license .modal-dialog .modal-body ol {
  padding-left: 30px;
}
.classroom-students .modal#activate-classroom-license .modal-dialog .modal-body ol li {
  font-size: 20px;
}
.create-topic-pane {
  background: #fff;
  color: #354678;
  display: none;
  padding: 0 15px 15px;
  margin: 0 0 10px;
}
.create-topic-pane span {
  display: inline-block;
  font-size: 30px;
  padding: 10px 0;
  width: 70%;
}
.create-topic-pane span img {
  margin-bottom: 5px;
  margin-top: 5px;
  padding-right: 15px;
}
.create-topic-pane p {
  color: #e7e8e9;
}
.create-topic-pane .btn-border {
  border-color: #f5f5f5;
  border-style: solid;
  border-width: thin;
  display: block;
}
.create-topic-pane .icon-temp {
  cursor: pointer;
  font-size: 25px;
  margin-top: 15px;
}
.checkout .confirm-info {
  margin-bottom: 40px;
}
.checkout .confirm-info .content p {
  margin-bottom: 0px;
}
.checkout .confirm-info h4 {
  padding-bottom: 4px;
  border-bottom: 2px solid #ccc;
}
.checkout .confirm-info label {
  font-weight: normal;
}
.checkout .confirm-info dl.payment-info {
  margin-left: 30px;
  margin-top: -20px;
}
.checkout .confirm-info button.delete-item {
  margin-left: -20px;
  margin-top: 3px;
}
.checkout .payment .form-control {
  margin-left: 0px;
}
.checkout .payment .btn {
  margin-top: 30px;
}
.checkout .payment .row > div {
  margin-bottom: 20px;
}
.checkout .keycodes span {
  font-size: 16px;
  font-weight: bold;
}
.contact ul {
  list-style-type: none;
  margin-bottom: 20px;
  padding-left: 0;
}
.contact h4 {
  margin-bottom: 0;
}
.contact .contactusFormWrapper .maFormElement {
  padding: 0 0 20px 0;
}
.contact .contactusFormWrapper .maFormElement > label {
  display: block;
}
.contact .contactusFormWrapper .maFormElement .maFormLblStr {
  display: inline-block;
  width: 200px;
  font-size: 1.75rem;
  font-weight: normal;
}
.contact .contactusFormWrapper .maFormElement .maFormLblStr.dispBlock {
  display: block;
  width: auto;
}
.contact .contactusFormWrapper .maFormElement .maFormLblStr.contactTimeLbl {
  width: 230px;
}
.contact .contactusFormWrapper .maFormElement .formCheckboxLabel:not(:last-child) {
  margin-right: 30px;
}
.contact .contactusFormWrapper .maFormElement .formCheckboxLabel .formCheckbox {
  margin: 0 3px 0 0;
  width: 18px;
  height: 18px;
}
.contact .contactusFormWrapper .maFormElement .formCheckboxLabel .formCheckbox + span {
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
}
.contact .contactusFormWrapper .maFormElement .formCheckboxLabel .formCheckbox + span .formRequiredLabel {
  color: inherit;
}
.contact .contactusFormWrapper .maFormElement .formText,
.contact .contactusFormWrapper .maFormElement .formSelect {
  width: 300px;
  color: #666;
  height: 40px;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: normal;
}
.contact .contactusFormWrapper .maFormElement .formRequiredLabel {
  color: #f00;
}
.discuss .create-topic-btn {
  font-size: 18px;
  border-radius: 4px;
}
.discuss .create-topic-btn img {
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: -20px;
  padding-right: 15px;
}
.discuss .create-topic-btn:active,
.discuss .create-topic-btn:link {
  color: #f5f5f5;
}
.discuss .create-topic-btn:hover {
  color: #f5f5f5;
}
.discuss h1 {
  padding: 0;
}
.discuss .new-topic {
  margin-bottom: 20px;
}
.discuss .replies {
  font-weight: bold;
  margin: 0 10px;
}
.discuss .pane {
  color: #354678;
  /*font-family: proxima-nova;*/
}
.discuss .pane .view-wrapper {
  padding: 10px;
}
.discuss .topics h2 {
  border-bottom: none;
  color: #354678;
  padding: 0;
}
.discuss .topics h4 {
  margin: 0;
}
.discuss .topics .circle {
  margin: 20px 20px 20px 0;
  padding: 0;
  font-weight: normal;
}
.discuss .topics .topics-filter {
  margin-bottom: 10px;
  margin-top: 10px;
}
.discuss .topics .topics-filter .btn {
  color: #f5f5f5;
  display: block;
}
.discuss .topics .dim {
  opacity: 0.65;
}
.discuss .topics .center-block {
  text-align: center;
}
.discuss .topics .name {
  color: #666;
  font-weight: bold;
}
.discuss .topics .discuss-detail {
  padding: 0 15px;
}
.discuss .topics .discuss-detail .message-buttons {
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
}
.discuss .topics .discuss-detail .icon-temp {
  border-radius: 30px;
  margin: 10px;
}
.discuss .topics .discuss-detail .reply-content {
  margin: 0 0 10px;
}
.discuss .topics .discuss-detail .padding-top {
  padding: 10px 0;
}
.discuss .topics .discuss-detail .newreply-pane {
  border-top: 2px solid #f5f5f5;
}
.discuss .topics .discuss-detail .newreply-pane form {
  margin-top: 20px;
}
.discuss .topics .discuss-detail .newreply-pane i {
  cursor: pointer;
}
.discuss .topics .discuss-detail .newreply-pane .btn {
  display: block;
}
.discuss .topics .discuss-detail .newreply-pane .reply-title,
.discuss .topics .discuss-detail .newreply-pane i {
  font-size: 20px;
  font-weight: bold;
}
.discuss .topics .newedit-body input.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.discuss .topics .discuss-reply {
  padding: 40px;
}
.discuss .topics .discuss-reply p {
  margin-bottom: 15px;
}
.discuss .topics .discuss-reply p.reply-content {
  margin-top: 30px;
}
.discuss .topics .link-green {
  font-size: 15px;
  font-weight: normal;
  margin: 0 10px 0 0;
}
.discuss-catalog {
  /*col.course {
        width: 34%;
    }

    col.description {
        width: 50%;
    }

    col.topics {
        width: 8%;
    }

    col.posts {
        width: 8%;
    }*/
  /*thead {
        background: @blue;
        border-color: @off-white;
        border-bottom-style: solid;
        border-width: 20px;
        margin-bottom: 20px;
        width: 100%;


        th {
            color: @off-white;
            font-size: 17px;
            font-weight: normal;
            padding: 10px 20px 10px 20px;
        }
    }*/
}
.discuss-catalog tr.pane {
  border-bottom: #E2E2E2;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  /*font-family: proxima-nova!important;*/
  /*.title {
            color: @blue;
            font-weight: bold;
        }*/
}
.discuss-catalog tr.pane td {
  font-size: 15px;
  padding: 20px 20px 20px 20px;
  vertical-align: top;
  font-size: 11px;
  color: #354678;
}
.discuss-catalog tr.pane td a {
  color: #666;
  font-weight: bold;
  font-size: 16px;
}
.discuss-catalog tr.pane td span {
  display: block;
  color: #666;
  font-size: 13px;
}
.faq img.faq_images {
  margin-right: 29%;
  width: 70%;
}
.practiceInfo {
  font-size: 20px;
}
.practiceInfo section {
  margin: 40px 0px;
}
.home {
  background-color: #fff;
  /*font-size: 34px;*/
}
.home .imageButton {
  display: inline-block;
  margin: 5px;
}
.home .roles-button-wrapper {
  margin: 0 10px;
}
.home .hds-player {
  width: 1210px;
  height: 680px;
}
.home .hds-player img.player_wrapper {
  margin: 300px 170px;
}
.home .hls-player {
  width: 1210px;
  height: 680px;
}
.home .intro-video {
  background-color: #fdfdfd;
  text-align: center;
  width: 100%;
}
.home .unique-code {
  padding-bottom: 20px;
}
.home .unique-code h1 {
  color: #666;
}
.login {
  background-color: #f5f5f5;
  min-height: 600px;
}
.login h1 {
  margin: 40px 0;
  color: #2d7e9d;
}
.login .btn {
  margin-left: 20px;
}
.my-courses h3 {
  color: #354678;
  display: inline-block;
}
.my-courses .expire-dates {
  font-size: 23px;
  margin-right: 20px;
}
.my-courses .btn {
  margin: 20px 20px 0 0;
}
.my-courses .course-progress {
  padding-top: 20px;
}
.my-courses .section-wrapper {
  margin-bottom: 20px;
}
.my-courses .redeem-uniquecode #UniqueCode {
  font-size: 20px;
  margin-top: 25px;
}
.my-courses .redeem-uniquecode .activateBtn {
  margin-left: 20px;
}
.my-courses .data {
  display: table;
  font-weight: normal;
  padding-bottom: 0;
  padding-top: 0;
  width: 100%;
}
.my-courses .data table {
  font-size: 12px;
  margin-top: 10px;
  width: 100%;
  /*font-family: proxima-nova;*/
}
.my-courses .data table.practice-exam {
  width: 375px;
}
.my-courses .data table tr td,
.my-courses .data table tr th {
  padding: 5px;
  text-align: center;
  border: 1px solid #cecece;
}
.my-courses .data table tr td.heading,
.my-courses .data table tr th.heading {
  color: #354678;
  min-width: 70px;
}
.my-courses .data table tr td.assessment-link,
.my-courses .data table tr th.assessment-link {
  font-size: 10px;
}
.my-courses .data table tr td.blue-color,
.my-courses .data table tr th.blue-color {
  background-color: #354678;
  color: #fff;
}
.my-courses .data table tr td.gray-color,
.my-courses .data table tr th.gray-color {
  background-color: #E2E2E2;
}
.my-courses .data table tr td.main-heading,
.my-courses .data table tr th.main-heading {
  background-color: #00a79d;
  color: #fff;
}
.my-courses .data table tr td.no-border,
.my-courses .data table tr th.no-border {
  border: none;
}
.my-courses .data table tr td a,
.my-courses .data table tr th a {
  color: #354678;
}
.my-courses .data table tr td .popover-content a,
.my-courses .data table tr th .popover-content a {
  padding: 2px;
  text-decoration: underline;
  margin-right: 6px;
  display: inline-block;
  width: 50px;
}
.my-courses .data table tr td .popover-content div a,
.my-courses .data table tr th .popover-content div a {
  width: auto;
  margin: 0;
}
.my-courses .data table tr:first-child {
  border-bottom: none;
}
.my-courses .data .performance,
.my-courses .data .statistics {
  border-right: 2px solid #f5f5f5;
  display: block;
  padding: 20px;
  width: 40%;
}
.my-courses .data .performance {
  width: 30%;
}
.my-courses .data .ranking {
  display: table-cell;
}
.my-courses .data .ranking h3 {
  padding-left: 30px;
  margin-bottom: 20px;
}
.my-courses .data .ranking span {
  color: #2d7e9d;
}
.my-courses .data .scores {
  padding-left: 30px;
  text-align: center;
}
.my-courses .data .scores.global {
  border-right: none;
}
.my-courses .data .scores h3 {
  margin-bottom: 20px;
}
.my-courses .data .scores h4 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 0px;
}
.my-courses .data .scores span {
  display: block;
  font-size: 48px;
}
.my-courses .data .scores .red {
  color: #cd3350;
}
.my-courses .teacher {
  color: #5a5a5a;
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
  background-color: #dedbdb;
  padding: 11px;
  /*font-family: proxima-nova;*/
}
.my-profile .reminder-panel {
  background-color: #cd3350;
  color: #f5f5f5;
  font-size: 20px;
  padding: 25px;
  margin: 15px 0px;
}
.my-profile ul {
  list-style: none;
  padding-left: 0;
}
.my-profile ul li {
  font-size: 22px;
  margin-bottom: 15px;
}
.my-profile ul li .btn-green {
  height: 50px;
  margin-top: 30px;
  width: 150px;
}
.my-profile .btn {
  margin-right: 20px;
}
.my-profile .attend-course {
  margin-top: 40px;
}
.my-profile .attend-course .pane {
  /*border-top: solid 2px @off-white;
            margin-top: 20px;*/
}
.my-profile .attend-course .pane h4 {
  margin: 0px;
}
.my-profile .attend-course .pane h4 a.handle-classroom {
  margin-top: 25px;
  margin-right: 30px;
}
.my-profile .attend-course .pane .circle {
  margin-top: 7px;
}
.my-profile .attend-course .pane .collapsible-content > .collapsible-content-inner > .admin-classrooms {
  margin: 10px;
}
.my-profile .attend-course .pane .collapsible-content > .collapsible-content-inner > .admin-classrooms .classroom-info {
  font-size: 20px;
  margin: 5px;
}
.my-profile .attend-course .pane .collapsible-content > .collapsible-content-inner > .admin-classrooms .classroom-info .same-width {
  display: inline-block;
  width: 250px;
}
.my-profile .attend-course .pane .collapsible-content > .collapsible-content-inner > .admin-courses {
  margin: 10px;
}
.my-profile .attend-course .pane .collapsible-content > .collapsible-content-inner > .admin-courses .course-info {
  font-size: 20px;
  margin: 5px;
}
.my-profile .attend-course .pane .collapsible-content > .collapsible-content-inner > .admin-courses .course-info .same-width {
  display: inline-block;
}
.my-profile .attend-course .attend-crcontent {
  font-size: 16px;
  margin-bottom: 30px;
}
.registration .blue-box {
  background-color: #2d7e9d;
  padding-bottom: 40px;
}
.registration .blue-box .field-validation-error {
  background-color: #e7e8e9;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: bold;
  margin-bottom: -2px;
  padding: 5px;
}
.registration .blue-box .field-validation-error.zip-error {
  float: right;
  width: 35%;
}
.registration .blue-box .link-lightblue {
  color: #81b2c4;
  font-weight: bold;
}
.registration .blue-box .link-lightblue:hover {
  color: #a4c7d4;
}
.registration .blue-box h1 {
  color: #f5f5f5;
  margin: 30px 0px 15px 0;
}
.registration .blue-box .circle {
  margin: 20px 10px 15px 0;
}
.registration .blue-box p {
  color: #f5f5f5;
  margin: 10px 0px 20px 0;
}
.registration .blue-box p span {
  font-weight: bold;
}
.registration .blue-box .basic-info {
  margin-bottom: 30px;
}
.registration .blue-box .basic-info .zip {
  width: 35%;
}
.registration .blue-box .basic-info .state {
  width: 60%;
}
.registration .blue-box .btn {
  border: 1px solid #f5f5f5;
  margin-bottom: 20px;
}
.registration .error {
  background-color: #cd3350;
  color: #f5f5f5;
  display: block;
}
.registration .error .custom-error {
  color: #f5f5f5;
  display: block;
  margin: 20px 0;
}
.registration .error .custom-error:empty {
  margin: 0;
}
.registration .terms {
  background-color: #e7e8e9;
  border: 3px solid #666;
  height: 250px;
  margin-bottom: 30px;
  overflow-y: scroll;
  padding: 20px 40px;
}
.registration .terms li {
  margin-bottom: 10px;
}
.registration .terms span {
  display: block;
  margin-bottom: 15px;
}
.resetpasswd a {
  color: #f5f5f5;
  text-decoration: underline;
}
.student-performance-detail .question-list {
  border-top: 1px solid #f5f5f5;
  margin-top: 15px;
  padding-top: 15px;
}
.student-performance-detail .question-list img {
  display: block;
  margin: 10px 0;
}
.student-performance-detail .question-list .answer-list {
  padding-left: 50px;
}
.student-performance-detail .question-list .answer-list label {
  cursor: default;
}
.student-performance-detail .question-list .glyphicon {
  left: -50px;
  position: absolute;
  top: 5px;
}
.student-performance-detail .question-list .glyphicon-ok {
  color: #4dbfb2;
}
.student-performance-detail .question-list .glyphicon-remove {
  color: #cd3350;
}
.student-performance-detail h3 {
  color: #2d7e9d;
  margin-top: 0;
}
.student-performance-detail .big-font {
  font-size: 55px;
  font-weight: normal;
}
.student-performance-detail .pane h3 {
  color: #666;
}
.info-page {
  background-color: #f5f5f5;
  padding: 40px 0;
}
.info-page section {
  margin: 40px 0;
  padding: 0;
}
.info-page section h3 {
  font-size: 24px;
  font-weight: normal;
}
.info-page span {
  color: #666;
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.info-page .free-preview ul {
  list-style-type: none;
  padding: 0;
}
.info-page .free-preview ul li {
  margin-bottom: 20px;
}
.info-page .purchase-classroom ul {
  list-style-type: decimal;
}
.certificatedisplay {
  background-color: white;
  height: 100%;
  padding: 20px 0px 0px 15px;
  text-align: center;
}
.certificatedisplay .certificateborder {
  border: double 4px black;
  outline: solid 3px black;
  height: 750px;
  width: 1090px;
}
.certificatedisplay .certificateborder .certificatecontent .background-image {
  margin-top: -15px;
}
.certificatedisplay .certificateborder .certificatecontent .background-image .border-background {
  z-index: -1;
  transform: scale(2);
}
.certificatedisplay .certificateborder .certificatecontent .safety-header {
  margin-top: -80px;
}
.certificatedisplay .certificateborder .certificatecontent .safety-header h5 {
  color: white;
  position: relative;
  -webkit-print-color-adjust: exact;
}
.certificatedisplay .certificateborder .certificatecontent .safety-content {
  margin-top: 30px;
}
.certificatedisplay .certificateborder .certificatecontent .safety-content .space {
  min-height: 5px;
}
.certificatedisplay .certificateborder .certificatecontent .safety-content .col-1_5 {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 12%;
}
.certificatedisplay .certificateborder .certificatecontent img {
  max-width: 50%;
  padding-top: 30px;
}
.certificatedisplay .certificateborder .certificatecontent img.sc-logo {
  padding: 0px;
  position: relative;
  width: 13%;
}
.certificatedisplay .certificateborder .certificatecontent img.small-icons {
  max-width: 80%;
  padding: 0px;
}
.certificatedisplay .certificateborder .certificatecontent img.logo-footer {
  padding-top: 0px;
}
.certificatedisplay .certificateborder .certificatecontent h5 {
  font-size: 20px;
  font-weight: bold;
  padding-top: 15px;
}
.certificatedisplay .certificateborder .certificatecontent h5.no-space {
  padding: 0px;
  margin: 0px;
}
.certificatedisplay .certificateborder .certificatecontent h6 {
  font-size: 20px;
}
.certificatedisplay .certificateborder .certificatecontent h3 {
  font-family: 'Times New Roman';
  font-size: 66px;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 40px;
}
.certificatedisplay .certificateborder .certificatecontent p {
  font-size: 25px;
  font-weight: 500;
}
.certificatedisplay .certificateborder .certificatecontent h1 {
  margin-bottom: 10px;
}
.certificatedisplay .certificateborder .certificatecontent h4 {
  font-size: 25px;
  margin-bottom: 45px;
}
.certificatedisplay .certificateborder .certificatecontent .address {
  margin-bottom: 50px;
}
.certificatedisplay .certificateborder .certificatecontent .footer {
  font-size: 14px;
  page-break-after: auto;
  margin-bottom: 100px;
  margin-top: 30px;
}
.certificatedisplay .certificateborder .certificatecontent .footer .agreement-content {
  margin-left: 40px;
  margin-top: -5px;
  text-align: left;
  width: 45%;
  padding: 0px 8px;
}
.certificatedisplay .certificateborder .certificatecontent .footer .agreement-content h7 {
  font-size: 15px;
}
.certificatedisplay .certificateborder .certificatecontent .footer .agreement-content .agreement-context {
  padding: 8px 0px;
}
.certificatedisplay .certificateborder .certificatecontent .footer .agreement-content .agreement-context .main-content {
  font-size: 13px;
  margin-bottom: 5px;
}
.certificatedisplay .certificateborder .certificatecontent .footer .agreement-content .agreement-context .comments {
  font-size: 11px;
}
.certificatedisplay .certificateborder .certificatecontent .footer .flinnsci-footer {
  margin-right: 4%;
  width: 40%;
  text-align: right;
}
.student-report h1 span {
  font-weight: bold;
}
.student-report .legend {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 15px;
}
.student-report .legend ul {
  margin-bottom: 0;
}
.student-report .scores {
  list-style-type: none;
  padding: 0;
}
.student-report .scores li {
  display: inline-block;
}
.student-report .subjects {
  border-bottom: 2px solid #ccc;
  list-style-type: none;
  margin-bottom: 30px;
  padding-bottom: 30px;
  width: 100%;
}
.student-report .subjects .axis-label {
  display: inline-block;
  float: left;
  height: 20px;
  position: relative;
  width: 10%;
}
.student-report .subjects .axis-label span {
  position: absolute;
  right: -18px;
}
.student-report .subjects .bullet-graph {
  background-color: #e7e8e9;
  height: 40px;
  position: relative;
  width: 100%;
}
.student-report .subjects .bullet-graph .classroom-bullet {
  height: 40px;
  position: absolute;
  width: 60%;
  z-index: 1;
}
.student-report .subjects .bullet-graph .classroom-bullet .diamond {
  height: 0;
  border: 20px solid transparent;
  border-bottom-color: #2d7e9d;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 0;
}
.student-report .subjects .bullet-graph .classroom-bullet .diamond:after {
  content: '';
  height: 0;
  border: 20px solid transparent;
  border-top-color: #2d7e9d;
  left: -20px;
  position: absolute;
  top: 20px;
  width: 0;
}
.student-report .subjects .bullet-graph .standard-deviation-range {
  background-color: rgba(102, 102, 102, 0.2);
  height: 40px;
  left: 50%;
  position: absolute;
  right: 10%;
}
.student-report .subjects .bullet-graph .student-bullet {
  border-right: 4px solid #cd3350;
  height: 40px;
  position: absolute;
  width: 70%;
  z-index: 2;
}
.student-report .subjects .subject-score,
.student-report .subjects label {
  display: table-cell;
  font-weight: bold;
  height: 80px;
  vertical-align: middle;
}
.student-report .total-results {
  width: 100%;
}
.student-report .total-results td,
.student-report .total-results th {
  text-align: center;
}
.student-report .total-results td:nth-child(even),
.student-report .total-results th:nth-child(even) {
  background-color: #fff;
}
.student-report .total-results td:nth-child(odd),
.student-report .total-results th:nth-child(odd) {
  background-color: #e7e8e9;
}
.quick-review-video {
  display: inline;
  margin-left: 20px;
  padding: 10px;
  border: 1px solid #666;
}
.quick-review-video img {
  padding-bottom: 2px;
  padding-right: 5px;
}
@media (max-width: 500px) {
  .main nav ul li a img {
    width: 35% !important;
    margin-top: 3px !important;
  }
  .main nav ul li a img.classroom-icon {
    width: 35% !important;
    margin-top: 3px !important;
  }
  .chapter .summary img.complete-time {
    width: 6% !important;
  }
  header .profile img {
    width: 56px !important;
  }
  header a .logo {
    height: 30px;
    margin: 15px 0 11px 5px;
  }
  .hds-player {
    background-size: cover;
    width: 100% !important;
    height: 200px !important;
  }
  .hds-player img.player_wrapper {
    margin: 70px 135px !important;
  }
  /*.video-iframe{
            height: 250px !important;
        }*/
  .hls-player {
    width: 356px !important;
    height: 200px !important;
  }
  .home {
    /*.video-iframe{
                height: 250px !important;
            }*/
  }
  .home .hds-player {
    background-size: cover;
    width: 356px !important;
    height: 200px !important;
  }
  .home .hds-player img.player_wrapper {
    margin: 70px 135px !important;
  }
  .home .hls-player {
    width: 356px !important;
    height: 200px !important;
  }
  .classroom-students .lefting-dates .same-width {
    width: 150px;
  }
}
@media (max-width: 767px) {
  header.home .profile .user-info {
    margin-right: 0px;
    line-height: inherit;
  }
  header .profile .user-info {
    margin-right: 0px;
    line-height: 0.5;
  }
  /*.video-iframe{
            width: 100%;
            height: 300px;
        }*/
  .hds-player {
    background-size: cover;
    width: 534px;
    height: 300px;
  }
  .hds-player img.player_wrapper {
    margin: 100px 175px;
  }
  .hls-player {
    width: 534px;
    height: 300px;
  }
  .banner .banner-text-wrapper .banner-text {
    padding: 20px 0px 0px 0px;
  }
  .banner .banner-text-wrapper .banner-text .teacher-signup a.sign-btn {
    margin-right: 0px;
  }
  .main nav {
    height: auto !important;
    width: 100% !important;
  }
  .main nav ul li {
    display: inline;
    float: left;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    width: 33.3%;
    line-height: 20px;
  }
  .main nav ul li a {
    font-size: 10px !important;
    padding-left: 0px !important;
    text-align: center;
  }
  .main nav ul li a img {
    width: 25%;
    margin-left: 35%;
    margin-right: 35%;
    margin-top: 3px;
    vertical-align: text-top;
  }
  .main nav ul li a img.classroom-icon {
    width: 25%;
    margin-left: 35%;
    margin-right: 35%;
    margin-top: 3px;
    vertical-align: text-top;
  }
  .main nav > div,
  .main nav > div li,
  .main nav ol.tocUL li {
    float: none;
    clear: both;
  }
  .course-detail .summary .divider img {
    margin-left: 10px;
  }
  .course-detail .summary .divider img.complete-time {
    width: 5.5% !important;
  }
  .course-detail .summary .divider img.syllabus {
    width: 4.5% !important;
  }
  .course-catalog .divider img {
    margin-left: 10px;
  }
  .course-catalog .divider img.complete-time {
    width: 5.5% !important;
  }
  .course-catalog .divider img.syllabus {
    width: 4.5% !important;
  }
  .my-courses .data {
    display: block;
  }
  .my-courses .data .performance {
    border: none;
    display: block;
    width: 100%;
  }
  .my-courses .data h3 {
    font-size: 20px;
  }
  .my-courses .data .scores {
    padding: 5px 10px;
  }
  .my-courses .data .scores span {
    font-size: 35px;
  }
  .my-courses .data .ranking .scores {
    width: 120px;
  }
  .chapter .summary img.complete-time {
    width: 4%;
  }
  .chapter .subquiz img.quiz-image {
    width: 40px;
  }
  .chapter .create-topic-pane span {
    width: 90%;
    font-size: 20px !important;
  }
  .chapter .create-topic-pane span img {
    width: 50px;
  }
  .student-report .unit-report {
    padding: 0 20px;
  }
  .student-report .unit-report .subjects .bullet-graph {
    margin-bottom: 30px;
  }
  .student-report .unit-report .subjects .subject-score {
    height: auto;
  }
  .student-report .unit-report .subjects label {
    height: auto;
  }
  .home {
    /*.video-iframe{
                width: 534px;
                height: 300px;
            }*/
  }
  .home form.home-coderedeem input {
    font-size: 18px;
  }
  .home .how-it-works {
    padding: 0px;
  }
  .home .how-it-works h1.big-font {
    font-size: 30px;
  }
  .home .hds-player {
    background-size: cover;
    width: 534px;
    height: 300px;
  }
  .home .hds-player img.player_wrapper {
    margin: 100px 175px;
  }
  .home .hls-player {
    width: 534px;
    height: 300px;
  }
}
@media (max-width: 480px) {
  nav ol.tocUL li ul li a {
    padding: 5px 0 5px 22px !important;
  }
}
@media (max-width: 991px) {
  .padding-box:not(.pageContentPaddingBox) {
    padding: 5px;
  }
  .modal .modal-dialog {
    position: relative;
  }
  .modal .modal-dialog .btn {
    padding: 5px;
  }
  .coursecontent figure {
    display: table;
    width: 1%;
  }
  .coursecontent figure img {
    max-width: inherit;
  }
  .btn {
    font-size: inherit;
  }
  h1 {
    font-size: 30px;
  }
  header.home .profile img {
    float: none;
    width: inherit;
  }
  header .media-lg {
    display: none;
  }
  header .profile img {
    float: right;
    width: 77px;
  }
  header .profile .user-info .name {
    float: right;
    margin-right: 20px;
    margin-top: 10px;
  }
  header.home .nav-md a {
    padding: 5px 15px 5px 15px !important;
  }
  header .nav-md {
    display: block;
  }
  header .nav-md input.media-md {
    font-size: 16px;
  }
  header .nav-md a.media-md {
    font-size: 15px;
  }
  header .nav-md .btn {
    background-color: #354678;
    border: none;
    color: #f5f5f5;
    font-size: 30px;
    margin: 5px 10px 5px 10px;
    padding: 0px;
  }
  header .nav-md .btn .glyphicon {
    color: #fff;
  }
  .banner .banner-text-wrapper {
    position: static;
  }
  .banner .banner-text-wrapper .banner-text {
    background: none;
    padding: 15px;
    width: 100%;
  }
  .banner .banner-text-wrapper .banner-text a.btn {
    font-size: inherit;
    margin-top: 0px;
    width: 170px;
  }
  .banner .banner-text-wrapper .banner-text h1 {
    font-size: 25px;
    margin-top: 0;
  }
  .banner .banner-text-wrapper .banner-text h1,
  .banner .banner-text-wrapper .banner-text p {
    color: #2d7e9d;
  }
  .main nav {
    background-color: #f5f5f5;
    display: none;
    position: absolute;
    z-index: 99;
    width: 175px;
    border-right: 1px solid #E2E2E2;
  }
  .main nav ul li a {
    padding-left: 15%;
  }
  .main .content {
    width: 100%;
  }
  .registration .blue-box .btn {
    margin-top: 10px;
  }
  .registration .blue-box .form-group {
    margin-bottom: 0px;
  }
  .registration .blue-box .form-group .form-control {
    margin-top: 15px;
  }
  .course-detail .summary .divider img {
    margin-left: 10px;
  }
  .course-detail .summary .divider img.complete-time {
    width: 3%;
  }
  .course-detail .summary .divider img.syllabus {
    width: 2.5%;
  }
  .chapter {
    /*.video-iframe{
                width: 100%;
                height: 450px;
            }*/
  }
  .chapter .chapter-box {
    margin-top: 0px;
  }
  .chapter .chapter-box h2 {
    font-size: 15px;
  }
  .chapter .chapter-box .btn {
    padding: 3px 5px;
  }
  .chapter .create-topic-pane span {
    font-size: 25px;
  }
  .chapter .subquiz .subtitle {
    font-size: 18px;
  }
  .chapter .subquiz .question {
    margin-left: 10px;
  }
  .chapter .subquiz .question h3 {
    font-size: 15px;
  }
  .discuss .create-topic-pane {
    padding-right: 15px;
    padding-left: 15px;
  }
  .discuss .create-topic-pane span {
    font-size: 20px;
  }
  .discuss .create-topic-pane img {
    max-width: 70%;
  }
  .discuss .create-topic-btn {
    font-size: 24px;
  }
  .discuss .topics .link-green {
    padding: 5px;
    font-size: 15px;
  }
  .discuss .topics .discuss-detail {
    padding: 10px;
  }
  .discuss .topics .discuss-detail .newreply-pane {
    padding-left: 60px;
    padding-top: 15px;
    padding-right: 40px;
  }
  .discuss .topics .discuss-detail .newreply-pane .reply-title {
    font-size: 15px;
  }
  .discuss .topics .discuss-detail .newreply-pane i {
    float: right;
    max-width: 60%;
  }
  .my-profile .btn {
    margin-bottom: 10px;
  }
  .edit-profile .form-group {
    margin-bottom: 0px;
  }
  .edit-profile .form-group .form-control {
    margin-bottom: 10px;
  }
  .course-catalog .hero .purchase {
    position: relative;
    margin-top: 20px;
  }
  .course-catalog .hero .purchase .price {
    margin-bottom: 10px;
  }
  .course-catalog .hero .purchase .btn-green {
    margin-bottom: 10px;
  }
  .course-catalog .divider img {
    margin-left: 10px;
  }
  .course-catalog .divider img.complete-time {
    width: 3%;
  }
  .course-catalog .divider img.syllabus {
    width: 2.5%;
  }
  .home {
    /*.video-iframe{
                width: 100%;
                height: 450px;
            }*/
  }
  .home .home-image {
    text-align: center;
    margin: 10px 0px;
  }
  .home .banner .banner-text-wrapper .banner-text .white-text {
    color: #666;
  }
  .home .hds-player {
    background-size: cover;
    width: 655px;
    height: 370px;
  }
  .home .hds-player img.player_wrapper {
    margin: 100px 175px;
  }
  .home .hls-player {
    width: 655px;
    height: 370px;
  }
  .home .how-it-works h1.big-font {
    font-size: 60px;
  }
  .home .how-it-works #feature-catalog ul li a {
    font-size: 20px;
  }
  .home section h3 {
    font-size: 35px;
  }
  .home .our-courses h3 {
    font-size: 35px;
  }
  .home .our-courses .course-summary .btn {
    margin: 10px 0px 0px 0px;
  }
  .home .our-courses .course-summary .home-image img {
    max-width: 100%;
  }
  .home .our-courses .course-summary .home-image img.labimage {
    margin-left: 10px;
    max-width: 80%;
  }
  .summary .btn-green {
    max-width: 100%;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  /*.video-iframe{
            width: 100%;
            height: 450px;
        }*/
  .hds-player {
    background-size: cover;
    width: 889px;
    height: 500px;
  }
  .hds-player img.player_wrapper {
    margin: 200px 350px;
  }
  .home {
    /*.video-iframe{
                width: 889px;
                height: 500px;
            }*/
  }
  .home .how-it-works .big-font {
    font-size: 60px;
  }
  .home .how-it-works #feature-catalog ul li a {
    font-size: 25px;
  }
  .home .our-courses .course-summary .home-image img {
    width: 100%;
  }
  .home .hds-player {
    background-size: cover;
    width: 889px;
    height: 500px;
  }
  .home .hds-player img.player_wrapper {
    margin: 200px 350px;
  }
  .home .hls-player {
    width: 889px;
    height: 500px;
  }
  .hls-player {
    width: 889px;
    height: 500px;
  }
  .banner img {
    max-height: 300px;
  }
  .banner .banner-text-wrapper {
    position: static;
  }
  .banner .banner-text-wrapper .banner-text {
    background: none;
    padding: 40px 0;
    width: 100%;
  }
  .banner .banner-text-wrapper .banner-text a {
    font-size: 25px;
  }
  .banner .banner-text-wrapper .banner-text .white-text {
    color: #666;
  }
  .banner .banner-text-wrapper .banner-text h1 {
    font-size: 25px;
    margin-top: 0;
  }
  .banner .banner-text-wrapper .banner-text h1,
  .banner .banner-text-wrapper .banner-text p {
    color: #2d7e9d;
  }
  nav {
    width: 20%;
  }
  nav ul li a {
    padding-left: 15%;
  }
  header .media-lg {
    display: none;
  }
  header.home .navigation-links {
    float: left;
  }
  header.home .navigation-links a:not(.logo-link),
  header.home .navigation-links span:not(.italic) {
    font-size: 16px !important;
  }
  header.home .navigation-links:not(.small) a:not(.logo-link),
  header.home .navigation-links:not(.small) span:not(.italic) {
    padding: 5px 15px 5px 15px;
  }
  header.home .navigation-links.small a {
    font-size: 14px !important;
  }
  header.home .profile {
    background-color: transparent;
  }
  header .nav-md {
    display: block;
  }
  header .nav-md .btn {
    background-color: #384047;
    border: none;
    color: #f5f5f5;
    font-size: 30px;
    margin: 5px 10px 5px 10px;
    padding: 0px;
  }
  .main nav {
    background-color: #f5f5f5;
    display: none;
    position: absolute;
    z-index: 99;
    width: 175px;
    border-right: 1px solid #E2E2E2;
  }
  .main .content {
    width: 100%;
  }
  .registration .blue-box .btn {
    margin-top: 10px;
  }
  .registration .blue-box .form-group {
    margin-bottom: 0px;
  }
  .registration .blue-box .form-group .form-control {
    margin-top: 15px;
  }
  .edit-profile .form-group {
    margin-bottom: 0px;
  }
  .edit-profile .form-group .form-control {
    margin-bottom: 15px;
  }
  .course-catalog .hero .purchase {
    position: relative;
    margin-top: 10px;
  }
  .course-catalog .divider img {
    margin-left: 10px;
  }
  .course-catalog .divider img.complete-time {
    width: 2.5%;
  }
  .course-catalog .divider img.syllabus {
    width: 2%;
  }
  .course-detail .summary .divider img {
    margin-left: 10px;
  }
  .course-detail .summary .divider img.complete-time {
    width: 2.5%;
  }
  .course-detail .summary .divider img.syllabus {
    width: 2%;
  }
  .chapter .chapter-box {
    margin-top: 0px;
  }
  .chapter .chapter-box .glyphicon-group {
    margin-top: 0px;
  }
  .chapter .chapter-box .btn {
    padding: 8px 15px;
  }
  .chapter .create-topic-pane {
    margin-top: 0px;
  }
  .chapter .create-topic-pane span {
    font-size: 25px;
  }
}
@media (min-width: 1200px) {
  .coursecontent figure {
    display: table;
    width: 1%;
  }
  .coursecontent figure img {
    max-width: inherit;
  }
  header .media-lg {
    display: block;
  }
  header .nav-md {
    display: none;
  }
  .main nav {
    display: block !important;
    position: relative;
  }
  .main .content {
    width: 80%;
  }
}
@media print {
  header .profile,
  header .nav-md {
    display: none;
  }
  header .logo {
    margin: 0;
  }
  footer {
    display: none;
  }
  .coursecontent figure {
    display: table;
    width: 100%;
  }
  .coursecontent figure img {
    max-width: inherit;
  }
  .student-report .unit-report {
    page-break-inside: avoid;
  }
  .student-report .unit-report .subjects label,
  .student-report .unit-report .subjects .subject-score {
    height: auto;
  }
  .student-report .unit-report .subjects .bullet-graph {
    border: 2px solid black;
    box-sizing: content-box;
    margin-bottom: 20px;
  }
  .student-report .unit-report .subjects .bullet-graph .standard-deviation-range {
    border-left: 1px dotted black;
    border-right: 1px dotted black;
  }
  .classroom-report .row {
    display: -webkit-inline-box;
  }
  .classroom-report .circle {
    margin: 0;
  }
  .classroom-report .circle.green {
    background-color: #4dbfb2 !important;
    /*background-color:lighten(black, 90%)  !important;*/
    -webkit-print-color-adjust: exact;
  }
  .classroom-report .circle.red {
    background-color: #cd3350 !important;
    /*background-color:black !important;*/
    -webkit-print-color-adjust: exact;
  }
  .classroom-report .circle.yellow {
    background-color: #febb15 !important;
    /*background-color:lighten(black, 50%) !important;*/
    -webkit-print-color-adjust: exact;
  }
  .certificatedisplay {
    height: 100%;
    padding: 0px;
    margin-left: 0px;
    margin-top: 30%;
    margin-bottom: 30%;
    vertical-align: middle;
    page-break-after: always;
  }
  .certificatedisplay .certificateborder .certificatecontent .background-image .border-background {
    z-index: -1;
    transform: scale(2.2);
  }
  .certificatedisplay .certificateborder .certificatecontent .space {
    max-height: 5px;
  }
  .certificatedisplay .certificateborder .certificatecontent .safety-header {
    margin-top: -85px;
  }
  .certificatedisplay .certificateborder .certificatecontent .safety-header h5 {
    color: white !important;
    position: relative;
    z-index: 1;
  }
  .certificatedisplay .certificateborder .certificatecontent img {
    width: 500px;
  }
  .certificatedisplay .certificateborder .certificatecontent img.small-icons {
    width: 800px;
    padding: 0px;
    margin-top: -5px;
  }
  .certificatedisplay .certificateborder .certificatecontent img.logo-footer {
    width: 200px;
  }
  .certificatedisplay .certificateborder .certificatecontent img .footer {
    page-break-after: always;
  }
  .print-button {
    display: none;
  }
}
@media print and print and (-webkit-min-device-pixel-ratio: 0) {
  .certificatedisplay .certificateborder .certificatecontent .safety-header h5 {
    color: white !important;
    position: relative;
    z-index: 1;
    -webkit-print-color-adjust: exact;
  }
}
.schduleBtn {
  font-size: 14px;
  padding: 5px 17px;
  background-color: #00a390;
  color: #f5f5f5;
}
.round-corner-button {
  padding: 10px 22px;
  border-radius: 25px;
  border: 3px solid transparent;
  font-family: proxima-nova-semibold;
}
.blue-button {
  background-color: #354678;
  color: #fff;
  border: 1px solid #354678;
  padding: 10px 22px;
  border-radius: 25px;
  display: inline-block;
}
.blue-button:hover {
  border: 1px solid #384047;
}
.blueMoveDisable {
  background-color: #666;
  color: #fff;
  border: 1px solid #666;
  padding: 10px 22px;
  border-radius: 25px;
  display: inline-block;
  pointer-events: none;
}
.blueMoveDisable:hover {
  border: 1px solid #384047;
}
.white-button {
  background-color: #fff;
  border: 3px solid transparent;
  font-size: 14px;
}
.white-button:hover,
.white-button:active,
.white-button:focus {
  background-color: #f1f2f2;
  border: 3px solid #ccc;
}
.white-button.purple-text {
  color: #92278f;
}
.white-button.skyblue-text {
  color: #27abe1;
}
.white-button.parrot-green-text {
  color: #8dc63f;
}
.white-button.peacock-green-text {
  color: #00a79d;
}
.white-button.dark-blue {
  color: #354678;
  border: 2px solid #354678;
}
.white-button.dark-blue:hover,
.white-button.dark-blue:active,
.white-button.dark-blue:focus {
  background-color: #354678;
  border: 2px solid #fff;
  color: #fff;
}
.skyblue-button {
  background-color: #27abe1;
  color: #fff;
  border: 3px solid transparent;
}
.skyblue-button:hover,
.skyblue-button:active,
.skyblue-button:focus {
  background-color: #f1f2f2;
  color: #27abe1;
}
.purple-button {
  background-color: #92278f;
  color: #fff;
  border: 3px solid transparent;
}
.purple-button:hover,
.purple-button:active,
.purple-button:focus {
  background-color: #f1f2f2;
  color: #92278f;
}
.parrot-green-button {
  background-color: #8dc63f;
  color: #fff;
  border: 3px solid transparent;
}
.parrot-green-button:hover,
.parrot-green-button:active,
.parrot-green-button:focus {
  background-color: #f1f2f2;
  color: #8dc63f;
}
.peacock-green-button {
  background-color: #00a79d;
  color: #fff;
  border: 3px solid transparent;
}
.peacock-green-button:hover,
.peacock-green-button:active,
.peacock-green-button:focus {
  background-color: #f1f2f2;
  color: #00a79d;
}
.overlay-wrapper {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
}
.overlay-wrapper .white-button {
  font-size: 14px;
}
.overlay-wrapper .header-description {
  font-family: proxima-nova-semibold;
  font-size: 14px;
  line-height: 14px;
}
.overlay-wrapper .header-description span {
  color: #404044;
}
.overlay-wrapper .header-title {
  font-family: lexia_bold;
  color: #354678;
}
.overlay-wrapper .header-title .italic {
  font-style: italic;
  color: #354678;
}
.overlay-wrapper .header-title .normal {
  font-family: Arial;
  font-weight: bold;
  color: #354678;
}
.overlay-wrapper .header-title sup {
  font-size: 10px;
  vertical-align: text-top;
  font-family: Arial;
}
.have-questions {
  background-color: #354678;
  padding: 35px;
  margin: 0 0 26px 0;
  display: block;
  font-family: proxima-nova-semibold;
}
.have-questions span {
  font-size: 40px;
  color: #fff;
}
.have-questions .white-button {
  margin: 5px 27px;
  display: inline-block;
}
.why-flinnPrep {
  background-color: #fff;
  font-size: 20px;
}
.why-flinnPrep .intro-text {
  text-align: justify;
}
.why-flinnPrep .intro-text span {
  color: rgba(0, 0, 0, 0.6);
}
.why-flinnPrep .vimeo-player iframe {
  width: 100%;
}
.why-flinnPrep .imageButton {
  display: inline-block;
}
.why-flinnPrep .hds-player {
  width: 889px;
  height: 500px;
}
.why-flinnPrep .hds-player img.player_wrapper {
  margin: 300px 170px;
}
.testimonials-section {
  background-color: #fff;
  font-size: 20px;
}
.testimonials-section .imageButton {
  display: inline-block;
}
.title-wrapper {
  background-color: #354678;
  color: #fff;
  padding: 10px;
  font-size: 40px;
}
.title-wrapper span {
  color: #fff;
  font-family: lexia_bold;
}
.title-wrapper span .italic {
  font-style: italic;
}
.title-wrapper span .normal {
  font-family: Arial;
  font-weight: bold;
}
.title-wrapper span sup {
  font-size: 12px;
  vertical-align: text-top;
}
.roles-button-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
}
.blue-text-header {
  font-family: lexia_bold;
  font-size: 40px;
}
.blue-text-header span {
  color: #354678;
}
.imageButton {
  width: 230px;
  height: 230px;
  display: block;
  background-repeat: no-repeat;
}
.imageButton.i-am-student {
  background-image: url('../../../Assets/Images/home/I m a student-01.png');
}
.imageButton.i-am-student:hover {
  background-image: url('../../../Assets/Images/home/I m a student-2-01.png');
}
.imageButton.i-am-student:active {
  background-image: url('../../../Assets/Images/home/I m a student-3-01.png');
}
.imageButton.i-am-teacher {
  background-image: url('../../../Assets/Images/home/I am a Teacher-01.png');
}
.imageButton.i-am-teacher:hover {
  background-image: url('../../../Assets/Images/home/I am a Teacher-02.png');
}
.imageButton.i-am-teacher:active {
  background-image: url('../../../Assets/Images/home/I am a Teacher-03.png');
}
.imageButton.i-am-da {
  background-image: url('../../../Assets/Images/home/I am with a District-01.png');
}
.imageButton.i-am-da:hover {
  background-image: url('../../../Assets/Images/home/I am with a District-02-01.png');
}
.imageButton.i-am-da:active {
  background-image: url('../../../Assets/Images/home/I am with a District-03-01.png');
}
.imageButton.i-am-principle {
  background-image: url('../../../Assets/Images/home/I am a Principal-01.png');
}
.imageButton.i-am-principle:hover {
  background-image: url('../../../Assets/Images/home/I am a Principal-02.png');
}
.imageButton.i-am-principle:active {
  background-image: url('../../../Assets/Images/home/I am a Principal-03.png');
}
.imageButton.ap-biology {
  background-image: url('../../../Assets/Images/home/AP Biology-01.png');
}
.imageButton.ap-biology:hover {
  background-image: url('../../../Assets/Images/home/AP Biology-02-01.png');
}
.imageButton.ap-biology:active {
  background-image: url('../../../Assets/Images/home/AP Biology-03-01.png');
}
.imageButton.ap-chemistry {
  background-image: url('../../../Assets/Images/home/AP Chemistry_1-01.png');
}
.imageButton.ap-chemistry:hover {
  background-image: url('../../../Assets/Images/home/AP Chemistry_2-01.png');
}
.imageButton.ap-chemistry:active {
  background-image: url('../../../Assets/Images/home/AP Chemistry_3-01.png');
}
.imageButton.ap-environment {
  background-image: url('../../../Assets/Images/home/AP Environmental Science-01.png');
}
.imageButton.ap-environment:hover {
  background-image: url('../../../Assets/Images/home/AP Environmental Science-02-01.png');
}
.imageButton.ap-environment:active {
  background-image: url('../../../Assets/Images/home/AP Environmental Science-03-01.png');
}
.imageButton.ap-physics {
  background-image: url('../../../Assets/Images/home/AP Physics 1-01.png');
}
.imageButton.ap-physics:hover {
  background-image: url('../../../Assets/Images/home/AP Physics 2-01.png');
}
.imageButton.ap-physics:active {
  background-image: url('../../../Assets/Images/home/AP Physics 3-01.png');
}
.imageButton.ap-bio-inquiry {
  background-image: url('../../../Assets/Images/home/AP Biology Inquiry Labs-01.png');
}
.imageButton.ap-bio-inquiry:hover {
  background-image: url('../../../Assets/Images/home/AP Biology Inquiry Labs-02-01.png');
}
.imageButton.ap-bio-inquiry:active {
  background-image: url('../../../Assets/Images/home/AP Biology Inquiry Labs-03-01.png');
}
.imageButton.ap-chem-inquiry {
  background-image: url('../../../Assets/Images/home/AP Chemistry Inquiry Labs-01.png');
}
.imageButton.ap-chem-inquiry:hover {
  background-image: url('../../../Assets/Images/home/AP Chemistry Inquiry Labs-02-01.png');
}
.imageButton.ap-chem-inquiry:active {
  background-image: url('../../../Assets/Images/home/AP Chemistry Inquiry Labs-03-01.png');
}
.imageButton.teacher-testimonials {
  background-image: url('../../../Assets/Images/home/teacher_test_1.png');
}
.imageButton.teacher-testimonials:hover {
  background-image: url('../../../Assets/Images/home/teacher_test_2.png');
}
.imageButton.teacher-testimonials:active {
  background-image: url('../../../Assets/Images/home/teacher_test_3.png');
}
.imageButton.school-testimonials {
  background-image: url('../../../Assets/Images/home/school_test_1.png');
}
.imageButton.school-testimonials:hover {
  background-image: url('../../../Assets/Images/home/school_test_2.png');
}
.imageButton.school-testimonials:active {
  background-image: url('../../../Assets/Images/home/school_test_3.png');
}
.imageButton.district-testimonials {
  background-image: url('../../../Assets/Images/home/district_test_1.png');
}
.imageButton.district-testimonials:hover {
  background-image: url('../../../Assets/Images/home/district_test_2.png');
}
.imageButton.district-testimonials:active {
  background-image: url('../../../Assets/Images/home/district_test_3.png');
}
.course-wrapper {
  background-color: #fff;
}
.course-wrapper .skyblue {
  background-color: #27abe1;
}
.course-wrapper .purple {
  background-color: #92278f;
}
.course-wrapper .parrot-green {
  background-color: #8dc63f;
}
.course-wrapper .peacock-green {
  background-color: #00a79d;
}
.course-wrapper .header-wrapper {
  padding: 10px;
}
.course-wrapper .header-wrapper span {
  font-family: lexia_bold;
  font-size: 40px;
  color: #fff;
}
.course-wrapper .course-content {
  font-family: proxima-nova-semibold;
  font-size: 16px;
  padding: 25px;
}
.course-wrapper .course-content a.pdflink {
  color: #354678;
  text-decoration: underline;
  display: inline-block;
}
.course-wrapper .course-content .skyblue-button,
.course-wrapper .course-content .purple-button,
.course-wrapper .course-content .peacock-green-button,
.course-wrapper .course-content .parrot-green-button {
  margin-top: 22px;
  display: inline-block;
}
.course-wrapper .footer-wrapper {
  padding: 20px;
  margin-bottom: 40px;
  display: inline-block;
  width: 100%;
}
.course-wrapper .footer-wrapper a {
  display: inline-block;
  margin: 0 25px;
}
.view-pricing.dark-blue {
  background-color: #354678;
}
.view-pricing a {
  font-size: 25px;
  display: inline-block;
  margin: 30px;
  border-radius: 33px;
}
.view-pricing a .normal {
  font-family: lexia_bold;
}
.view-pricing a .italic {
  font-style: italic;
}
.view-pricing a sup {
  font-size: 13px;
  vertical-align: super;
}
.white-section {
  background-color: #fff;
  margin: 10px 0;
  padding: 25px 0;
}
.testimonials span {
  display: block;
  font-family: lexia_bold;
  font-style: italic;
}
.testimonials span.testimonials-quotes {
  margin-top: 30px;
}
.testimonials span.signature {
  text-align: right;
  margin-bottom: 30px;
  padding-right: 50px;
}
.testimonials span .normal {
  font-family: proxima-nova-semibold;
  font-style: normal;
  display: inline-block;
}
.testimonials span sup {
  font-size: 8px;
  font-family: proxima-nova-semibold;
  vertical-align: super;
  display: inline-block;
}
.solution-bullet-list {
  color: #404044;
}
.solution-bullet-list ul {
  list-style: initial;
  text-align: left;
  font-size: 20px;
  font-family: proxima-nova-semibold;
  color: #404044;
}
.solution-bullet-list ul li {
  font-family: proxima-nova;
  text-align: left;
  font-size: 16px;
  color: #404044;
}
.inline-button-wrapper a {
  display: inline-block;
}
.vertical-middle {
  margin-top: 25%;
  display: block;
  text-align: left;
  font-size: 16px;
}
.vertical-middle.right {
  text-align: right;
}
.vertical-middle.center {
  text-align: center;
}
.header .intro-text,
.section-description .intro-text {
  font-family: proxima-nova;
  text-align: left;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 35px;
}
.header .intro-text .normal,
.section-description .intro-text .normal {
  font-family: proxima-nova;
}
.header .intro-text .italic,
.section-description .intro-text .italic {
  font-style: italic;
}
.header .intro-text .bold,
.section-description .intro-text .bold {
  font-weight: bold;
}
.header .intro-text sup,
.section-description .intro-text sup {
  font-size: 8px;
  vertical-align: super;
}
.our-team .team-item {
  display: inline-block;
  width: 350px;
  min-height: 530px;
  background-color: #f5f5f5;
  padding: 15px;
  margin: 10px 0;
}
.our-team .team-item img {
  border-radius: 75px;
  height: 150px;
  width: 150px;
}
.our-team .team-item .team-image-bios {
  line-height: 10px;
}
.our-team .team-item .team-image-bios .bold {
  font-weight: bold;
}
.our-team .team-item .team-image-bios .member-name {
  font-family: proxima-nova-semibold;
  font-size: 16px;
  display: block;
  margin: 10px;
}
.our-team .team-item .team-image-bios .member-bios {
  font-family: proxima-nova;
  font-size: 14px;
}
.privacy-policy {
  line-height: 16px;
  padding: 20px 0;
}
.privacy-policy h2 {
  font-family: lexia_bold;
  font-size: 30px;
  color: #354678;
  margin: 21px 0 0 0;
}
.privacy-policy span {
  font-family: proxima-nova;
  font-size: 16px;
  color: #404044;
  margin-bottom: 14px;
  display: block;
  line-height: 18px;
}
.classroom-student-move table.tablesorter {
  width: 80%;
}
.classroom-student-move table.tablesorter thead th {
  padding: 10px;
}
.classroom-student-move table.tablesorter thead input[type="checkbox"] {
  margin: 0;
}
.classroom-student-move table.tablesorter tbody input[type="checkbox"] {
  margin: 0;
}
.classroom-student-move #result-text span {
  max-width: 675px;
  display: block;
}
.home .home-hds-player {
  height: 534px;
}
.ErrorAssessment {
  background-color: #4dbfb2;
  padding: 15px;
  color: #f5f5f5;
  margin-bottom: 20px;
  padding: 20px;
}
.Result-Font {
  font-size: 55px;
  font-weight: normal;
  display: block;
  color: #ffffff !important;
}
@media (min-width: 1200px) {
  .home .home-hds-player {
    height: 553px;
  }
  .try-free-unit {
    position: relative;
    bottom: 37px;
  }
  .adjust {
    position: relative;
    bottom: 13px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .home .home-hds-player {
    background-size: cover;
    width: 889px;
    height: 288px;
  }
  .try-free-unit {
    position: relative;
    bottom: 23px;
  }
}
@media (max-width: 991px) {
  .home .home-hds-player {
    background-size: cover;
    width: 655px;
    height: 216px;
  }
  .try-free-unit {
    position: relative;
    bottom: 26px;
  }
  .ErrorAssessment {
    background-color: #4dbfb2;
    padding: 15px;
    color: #f5f5f5;
    margin-bottom: 20px;
    padding: 20px;
  }
  .Result-Font {
    font-size: 55px;
    font-weight: normal;
    display: block;
    color: #ffffff !important;
  }
}
.discuss .topics .discuss-reply .name {
    word-wrap: break-word;
}

.pl-0 { padding-left: 0px !important; }
.pr-0 { padding-right: 0px !important; }
.pt-0 { padding-top: 0px !important; }
.pb-0 { padding-bottom: 0px !important; }
.mt-10px { margin-top: 10px !important; }
