@import url(/entypo_new.css);
.box-shadow {
  box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2); }

.tab-component {
  width: 700px;
  z-index: 5;
  margin: auto;
  overflow-x: hidden; }
  .tab-component nav::-webkit-scrollbar {
    display: none; }
  .tab-component nav {
    position: relative;
    display: block;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-overflow-style: none;
    scrollbar-width: none;
    touch-action: pan-x;
    white-space: nowrap; }
    .tab-component nav a {
      background-color: #fff;
      color: #000;
      text-decoration: none;
      padding: 6px 12px;
      cursor: pointer;
      display: inline-block;
      min-height: 20px;
      position: relative;
      top: 0px;
      transition: top 0.4s;
      z-index: 6; }
      .tab-component nav a .fas {
        margin-right: 4px; }
  .tab-component .previous, .tab-component .next {
    color: #005fad;
    position: absolute;
    width: 20px;
    min-width: 20px;
    height: 34px;
    min-height: 34px;
    z-index: 7;
    cursor: pointer;
    border: none;
    background: #fff;
    box-shadow: none; }
  .tab-component .previous {
    border-radius: calc($chevron-button-radius / 2) 0 0 calc($chevron-button-radius / 2);
    padding-left: 6px; }
  .tab-component .next {
    border-radius: 0 calc($chevron-button-radius / 2) calc($chevron-button-radius / 2) 0;
    padding-left: 6px; }
  .tab-component section {
    position: relative;
    z-index: 7; }
    .tab-component section article {
      margin: 16px;
      display: none; }

.tab-component.traditional .selected:hover, .tab-component.traditional .selected:focus {
  top: 2px !important; }

@media (max-width: 480px) {
  .no-more-tables,
  .no-more-tables thead,
  .no-more-tables tbody,
  .no-more-tables th,
  .no-more-tables td,
  .no-more-tables tr {
    display: block; }
  .no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .no-more-tables tr {
    border-top: 1px solid #3a3a3a; }
  .no-more-tables td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left; }
  .no-more-tables td:before {
    position: absolute;
    left: 5px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold; }
  .no-more-tables td:before {
    content: attr(data-title); } }

@media only screen and (max-width: 700px) {
  .tab-component {
    width: calc(100vw - 80px); } }

/* ##### GENERIC STYLES ##### */
/*Importing entypo fonts for some of the icons*/
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif; }

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  height: 100%; }

html, body {
  margin: 0px;
  padding: 0px; }

body {
  font-family: 'Roboto', sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 16px;
  line-height: 1.42857143;
  color: #3e3e3e;
  background-color: #fff;
  min-height: 100%;
  display: flex;
  flex-direction: column; }

.small {
  font-weight: 400; }

form {
  margin-bottom: 0px; }

.big-heading,
.scholar-user-box .title,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  margin: 20px 0px 10px 0px; }

/* PUBLIC-96 Headings */
/* These are one step down from the Bootstrap defaults */
.big-heading {
  font-size: 36px; }

h1 {
  font-size: 30px; }

.scholar-user-box .title, h2 {
  font-size: 24px; }

h3 {
  font-size: 20px; }

p {
  font-size: 16px;
  /*font-weight: 300;*/
  line-height: 1.4;
  letter-spacing: 0.031em;
  margin: 10px 0px; }

strong {
  font-weight: 500; }

/* Links */
a {
  color: #005fad;
  text-decoration: underline; }

a:hover {
  color: #777777;
  text-decoration: underline; }

/* Do not underline unhovered links in nav areas */
#navbar a,
footer a,
.breadcrumb a,
#myTab a,
.news-item a,
.session-item a,
.scholar-user-box a,
.list-unstyled a,
.back-to-top,
#cas #tileWrapper a {
  text-decoration: none; }

#navbar a:hover,
footer a:hover,
.breadcrumb a:hover,
#myTab a:hover,
.news-item a:hover,
.session-item a:hover,
.scholar-user-box a:hover,
.list-unstyled a:hover,
.back-to-top:hover,
#cas #tileWrapper a {
  color: #005fad; }

.news-item a:hover {
  text-decoration: underline; }

.homepage-news {
  text-decoration: none; }
  .homepage-news h2 {
    margin-top: 0 !important; }
  .homepage-news p {
    display: inline-block; }

.homepage-news:hover {
  text-decoration: underline; }

/* Anchor exceptions that are to be grey */
nav a,
footer a,
h1 a, h2 a, h3 a, h4 a,
a h1, a h2, a h3, a h4,
.panel-title a,
.highlight-search-text h3,
.scholar-user-box .title,
#myTab li a {
  color: #3a3a3a; }

#myTab .active a {
  color: #fff !important; }

table th, table td {
  /* padding:2px 0px 2px 10px */
  padding: 2px 10px; }

/*Overwriting Bootstrap lead class*/
.lead {
  margin-bottom: 0px;
  font-weight: 400; }

/*FLEXBOX used in on-line sessions archive page. Left in generic as it can be re-used.*/
.flex-container {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari */
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  /* Safari */
  align-items: stretch; }

.flex-item {
  -webkit-align-self: center;
  /* Safari */
  align-self: center; }

/* ensure the pills are all the same height*/
.nav-pills {
  display: flex; }

.nav-pills li {
  display: flex;
  flex: 1; }

.nav-pills li a {
  flex: 1; }

/*Offset for the Anchor links for smooth-scroll.
This adds top padding to the whole row to make sure
the anchor hits the view port correctly due to
nav-bar being fixed and padding 70px on the body.
*/
.anchor-point {
  padding-top: 10px; }

#availableCourses,
#students,
#teachers,
#school,
#parents,
#areaCoordinators,
#register,
#whySessions,
#whyBooks {
  padding-top: 20px; }

#branding {
  min-height: 110px; }

/* Helper Classes*/
.caret {
  position: absolute;
  right: 10px;
  top: 45%; }

.text-alert {
  color: #e74141; }

/* Indenting helper classes */
.no-margin {
  margin: 0px; }

.mt50 {
  margin-top: 50px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt10 {
  margin-top: 10px; }

.mb50 {
  margin-bottom: 50px; }

.mb20 {
  margin-bottom: 20px; }

.mb10 {
  margin-bottom: 10px; }

.pt20 {
  padding-top: 20px; }

.pb20 {
  padding-bottom: 20px; }

.left-indent {
  margin-left: 20px; }

.right-indent {
  margin-left: 20px; }

.back-to-top {
  float: right; }

/* Editor's class */
.oormi {
  color: #ed0000; }

/* Disabled*/
.disabled {
  opacity: 0.5;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */
  /* cursor: not-allowed; */ }

/* Developer's class */
.tbd {
  color: #800080;
  font-weight: bold; }

.tbd:before {
  content: 'To be developed >>> '; }

.buttony, .notButtony {
  padding: 10px; }

.buttony:hover {
  background-color: #dee0e2;
  color: #45a8de; }

.btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  padding: 8px 20px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  background-color: #005fad;
  border: 1px solid #005fad; }

.scholar-btn:hover {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  padding: 8px 20px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  background-color: #0067bb;
  border-color: #0067bb;
  box-shadow: 0 4px calc($size/2) -2px rgba(0, 0, 0, 0.3); }

.scholar-btn:focus {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  padding: 8px 20px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  background-color: #0076d7;
  border-color: #0076d7;
  box-shadow: 0 4px calc($size/2) -2px rgba(0, 0, 0, 0.3); }

.scholar-btn:active {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  padding: 8px 20px;
  cursor: pointer;
  text-decoration: none;
  color: #fff; }

.scholar-btn-reversed {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  padding: 8px 20px;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #ced7dd;
  color: #005fad;
  background-color: #fff;
  box-shadow: 0 0px calc($size/2) -2px rgba(0, 0, 0, 0.3); }

.scholar-btn-reversed:hover {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  padding: 8px 20px;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #ced7dd;
  color: #005fad;
  background-color: #f8fcff;
  box-shadow: 0 0px calc($size/2) -2px rgba(0, 0, 0, 0.3); }

.scholar-btn-reversed:focus {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  padding: 8px 20px;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #ced7dd;
  color: #005fad;
  background-color: #eaf6ff;
  box-shadow: 0 0px calc($size/2) -2px rgba(0, 0, 0, 0.3); }

.scholar-btn-reversed:active {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  padding: 8px 20px;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #ced7dd;
  color: #005fad;
  box-shadow: 0 0px calc($size/2) -2px rgba(0, 0, 0, 0.3); }

.show-all {
  width: 200px;
  display: block; }

/* Highlighting fluid containers */
.courses-hl,
.users-hl {
  background: #f1f3f4;
  padding-bottom: 30px;
  margin: 0px; }

.aside-menu {
  background: #f1f3f4;
  border: 1px solid #dcdcdc;
  padding: 10px 20px 10px 20px;
  -webkit-box-shadow: 0 6px 6px -6px #ced7dd;
  -moz-box-shadow: 0 6px 6px -6px #ced7dd;
  box-shadow: 0 6px 6px -6px #ced7dd; }

/* Aditional colors */
.blue {
  color: #005fad; }

.dark {
  color: #3a3a3a; }

/* Hairlines and separators */
.hr-login {
  width: 100%;
  height: 14px;
  border-bottom: 1px solid #dcdcdc;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px; }

.hr-text-login {
  width: 30px;
  font-size: 16px;
  background-color: #fdfdfd;
  padding: 0 20px; }

.hr {
  width: 100%;
  height: 14px;
  border-bottom: 1px solid #dcdcdc;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px; }

.hr > img {
  margin-top: 5px; }

.hr.hr-left > img {
  float: left; }

.hr.hr-right > img {
  float: right; }

#videos > .hr {
  margin-top: 40px;
  margin-bottom: 20px; }

.video-thumbnail {
  display: inline-block;
  width: 360px;
  height: calc(360px / 1.777);
  max-height: calc(360px / 1.777);
  border: 0;
  border-radius: 10px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 80px 80px 0 40px;
  background-image: url("/img/video-thumbnail.360.jpg");
  font-weight: 500;
  -webkit-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
  z-index: 1; }

.video-thumbnail, .video-thumbnail:focus, .video-thumbnail:hover {
  color: #1159a3;
  text-decoration: none; }

.video-thumbnail:hover {
  cursor: pointer;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 10; }

#videoOverlay {
  height: 0;
  width: 100vw;
  min-width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10001;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.75);
  overflow-x: hidden;
  overflow-y: hidden;
  transition: 0.5s; }

#videoIframe {
  margin-top: 20px;
  width: 80vw;
  height: calc(80vw / 1.777); }

/* Breadcrumbs */
.breadcrumb {
  color: #000;
  padding: 4px 5px;
  margin-bottom: 20px;
  list-style: none;
  border-radius: 0px; }

.breadcrumb > .active {
  color: #000; }

.breadcrumb a {
  color: #000; }

.breadcrumbs {
  background: #f9f9f9;
  height: 30px;
  width: 100%; }

.breadcrumb > li {
  font-size: 12px; }

/* ########## ICONS ########## */
.scholar-icon-sm {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: 10px 10px 0px 0px;
  padding: 0px; }

.scholar-icon-sm-no-margin {
  width: 24px;
  height: 24px;
  display: inline-block;
  padding: 0px; }

.scholar-icon-lg {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: 0px 10px 0px 0px;
  padding: 0px; }

.scholar-icon-lg-no-margin {
  width: 32px;
  height: 32px;
  display: inline-block;
  padding: 0px; }

/*Student*/
.icon-student {
  background: url("/img/SCHOLAR_icon_student.svg");
  background-size: cover; }

/*Teacher*/
.icon-teacher {
  background: url("/img/SCHOLAR_icon_teacher.svg");
  background-size: cover; }

.icon-enter {
  background: url("/img/SCHOLAR_icon_enter_live2.png");
  background-size: cover; }

.icon-not-enter {
  background: url("/img/SCHOLAR_icon_enter.svg");
  background-size: cover; }

.middleText {
  display: flex;
  align-items: center;
  justify-content: center; }

.icon-resources {
  background: url("/img/SCHOLAR_icon_resources.png");
  background-size: cover; }

.icon-resources-live {
  background: url("/img/SCHOLAR_icon_resources_live2.png");
  background-size: cover; }

.icon-twitter {
  background: url("/img/SCHOLAR_icon_twitter.svg");
  background-size: cover; }

/* User icon*/
.user {
  background: url("/img/SCHOLAR_user.svg") no-repeat;
  display: inline-block;
  height: 28px;
  width: 24px;
  vertical-align: middle; }

/* scholar user boxes */
.scholar-user-box {
  /* width: 100%; */
  padding-top: 20px;
  height: 250px;
  box-sizing: border-box;
  position: relative;
  color: #3e3e3e;
  margin: 20px auto;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out; }

.scholar-user-box a:hover {
  text-decoration: none; }

.scholar-user-box a span:hover,
.scholar-user-box a p:hover {
  text-decoration: underline; }

/* .scholar-user-box h3 {
    text-align: center;
} */
.scholar-user-box .title {
  margin-top: 20px;
  margin-bottom: 10px;
  display: block; }

.scholar-user-box .scholar-user-icon {
  margin-bottom: 20px; }

.scholar-user-icon {
  display: block;
  margin: auto;
  /* vertical-align: middle; */
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  transform: translate(0px, 0px); }

.scholar-user-icon:hover {
  transform: translate(0px, -10px); }

.always-black-text div, .always-black-text strong, .always-black-text .glyphicon {
  color: #000 !important; }

/* ##### */
/* ########## WELL and PANELS ########## */
/* WELL */
.well {
  background-color: #fdfdfd;
  border-radius: 0px;
  border: 0px;
  padding: 20px;
  margin: 20px;
  position: relative;
  box-sizing: border-box;
  border-right: 3px solid rgba(161, 207, 103, 0.5);
  border-bottom: 3px solid rgba(241, 201, 29, 0.5);
  border-left: 3px solid rgba(244, 133, 42, 0.5);
  border-top: 3px solid rgba(70, 169, 223, 0.5);
  border-radius: 10px 0px; }

/* PANELS */
.scholar-panel {
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  background: #fdfdfd;
  padding: 10px 10px 10px 15px;
  color: #3a3a3a;
  overflow: hidden;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 10px 0px;
  -webkit-box-shadow: 0 6px 6px -6px #ced7dd;
  -moz-box-shadow: 0 6px 6px -6px #ced7dd;
  box-shadow: 0 6px 6px -6px #ced7dd; }

.panel-stripes {
  background-image: url("/img/stripes.png");
  background-repeat: no-repeat;
  background-position: left bottom; }

/*Additional classes*/
.panel-default {
  background: #fdfdfd;
  /*0.1 Tint*/
  border-left: 5px solid #dcdcdc;
  border-color: #dcdcdc; }

.panel-info {
  background: #f0f8ff;
  /*0.1 Tint*/
  border-left: 5px solid #45a8de;
  border-color: #45a8de; }

.panel-success {
  background: #f5faef;
  /*0.1 Tint*/
  border-left: 5px solid #a1ce67;
  border-color: #a1ce67; }

.panel-warning {
  background: #fdf2e9;
  /*0.1 Tint*/
  border-left: 5px solid #f48429;
  border-color: #f48429; }

.panel-danger {
  background: #fcecec;
  /*0.1 Tint*/
  border-left: 5px solid #e74141;
  border-color: #e74141; }

/* adjustments */
.scholar-panel > h1,
.scholar-panel > h2,
.scholar-panel > h3,
.scholar-panel > h4,
.scholar-panel > h5,
.scholar-panel > h6 {
  margin: 10px 10px 15px 0px; }

/* ##### */
/*  FOOTER  TODO: This can be removed now we are using branding footer */
footer h4 {
  color: #4a4d55;
  font-weight: bold; }

footer {
  background: #f9f9f9;
  color: #000;
  padding: 20px 0px 5px 0px;
  margin-top: 50px; }

footer ul li a {
  color: #000;
  line-height: 26px; }

footer ul li a:hover {
  color: #000; }

.footer-links {
  margin-bottom: 30px; }

.footer-links li a {
  font-size: 16px;
  letter-spacing: .02em;
  margin-right: 10px;
  text-shadow: -1px -1px 0 #f1f3f4, 1px -1px 0 #f1f3f4, -1px 1px 0 #f1f3f4, 1px 1px 0 #f1f3f4; }

.social {
  color: #3e3e3e;
  font-size: 26px;
  margin-right: 30px; }

.facebook:hover {
  color: #3b5998; }

.twitter:hover {
  color: #4099FF; }

.youtube:hover {
  color: #e52d27; }

.rss:hover {
  color: #ff9900; }

/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* ################################################################# LOGIN.html */
.login {
  background: url("/img/SCHOLAR_tree.svg") no-repeat;
  background-size: 40%;
  background-position: 50px 100px;
  margin-top: 70px; }

.login-page {
  background: url("/img/SCHOLAR_tree.svg") no-repeat;
  background-size: 40%;
  background-position: 50px 100px;
  margin-top: 70px; }

/* Danger message */
.danger-message {
  background-color: #f2dede;
  color: #bb3337;
  font-weight: 400;
  padding: 5px 5px 5px 8px; }

/* Login button adjustments */
.login-btn {
  width: 47%;
  margin: auto;
  font-size: 14px;
  text-align: center; }

/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* ################################################################# INDEX.html */
/* Header background image */
.header-bg {
  max-width: 100%;
  height: 125px;
  padding: 0px;
  background: url("/img/index-bg.jpg") no-repeat;
  background-position: left center;
  background-size: cover;
  overflow: hidden; }

/*Animating stripes from the left*/
.stripes {
  animation: fadeIn 1.5s ease-in, slide 1.5s cubic-bezier(0.5, 0, 0.5, 1); }

.stripes path {
  fill: #45a8de; }

/* Testimonials carousel */
.carousel-inner {
  background: url("/img/quotes.svg") no-repeat;
  /*background-position: 0px 30px;*/ }

.item {
  background: url("/img/quotes.svg") no-repeat;
  padding: 10px 10px 10px 10px;
  color: #3a3a3a;
  /*height: 12em;*/ }

/*
.carousel-indicators {
    bottom: -50px;
}
*/
.carousel-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #005fad;
  /*border-radius: 10px;*/ }

.carousel-indicators .active {
  width: 17px;
  height: 17px;
  border-top: 5px solid #005fad;
  border-bottom: 5px solid #005fad;
  margin: 0; }

.try-scholar {
  margin: auto; }

/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* ################################################################# USING.html */
/* drop down scrolling menu */
.scroll-menu {
  width: 300px;
  height: auto;
  max-height: 300px;
  overflow-x: hidden; }

.resp-area {
  font-weight: 500; }

/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* ################################################################# WHY.html */
/* Courses table - Appears in about.html as well*/
#tableWrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  #tableWrapper #businessTable, #tableWrapper #languagesTable, #tableWrapper #stemTable {
    padding: 0;
    flex: auto; }
    #tableWrapper #businessTable h3, #tableWrapper #languagesTable h3, #tableWrapper #stemTable h3 {
      margin: 0;
      padding: 6px 8px;
      font-size: 16px;
      font-weight: 500;
      font-family: 'Roboto', sans-serif;
      border-bottom: none !important; }
    #tableWrapper #businessTable table, #tableWrapper #languagesTable table, #tableWrapper #stemTable table {
      min-width: 100%; }
      #tableWrapper #businessTable table th, #tableWrapper #languagesTable table th, #tableWrapper #stemTable table th {
        font-weight: normal; }
      #tableWrapper #businessTable table th:first-child, #tableWrapper #languagesTable table th:first-child, #tableWrapper #stemTable table th:first-child {
        width: 180px; }
      #tableWrapper #businessTable table th:not(:first-child), #tableWrapper #languagesTable table th:not(:first-child), #tableWrapper #stemTable table th:not(:first-child) {
        width: 40px;
        max-width: 40px; }
      #tableWrapper #businessTable table th, #tableWrapper #businessTable table td:not(:first-child), #tableWrapper #languagesTable table th, #tableWrapper #languagesTable table td:not(:first-child), #tableWrapper #stemTable table th, #tableWrapper #stemTable table td:not(:first-child) {
        text-align: center; }
      #tableWrapper #businessTable table td, #tableWrapper #languagesTable table td, #tableWrapper #stemTable table td {
        padding-top: 4px;
        padding-bottom: 4px; }
      #tableWrapper #businessTable table th > span, #tableWrapper #businessTable table td > span, #tableWrapper #languagesTable table th > span, #tableWrapper #languagesTable table td > span, #tableWrapper #stemTable table th > span, #tableWrapper #stemTable table td > span {
        color: #000 !important;
        width: 100%;
        cursor: pointer; }
      #tableWrapper #businessTable table td > span.glyphicon-remove, #tableWrapper #languagesTable table td > span.glyphicon-remove, #tableWrapper #stemTable table td > span.glyphicon-remove {
        color: transparent !important; }
    #tableWrapper #businessTable h3, #tableWrapper #businessTable td, #tableWrapper #businessTable th, #tableWrapper #languagesTable h3, #tableWrapper #languagesTable td, #tableWrapper #languagesTable th, #tableWrapper #stemTable h3, #tableWrapper #stemTable td, #tableWrapper #stemTable th {
      color: #000 !important;
      border: 3px #fff solid; }
  #tableWrapper #businessTable h3, #tableWrapper #businessTable table {
    background-color: #b4dcf1; }
  #tableWrapper #languagesTable h3, #tableWrapper #languagesTable table {
    background-color: #d0e6b3; }
  #tableWrapper #stemTable h3, #tableWrapper #stemTable table {
    background-color: #f5b3b3; }

/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* ################################################################# ABOUT.html */
/* ~~~ Sub-class ~~~ */
/* ~~~~~~ */
/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* ################################################################# NEWS.html */
.news-page footer {
  margin-top: 40px !important; }

.news-page #rssLinkWrapper {
  margin-top: 40px;
  text-align: right; }
  .news-page #rssLinkWrapper a {
    text-decoration: none; }
  .news-page #rssLinkWrapper a:before {
    content: "\f09e";
    margin-right: 8px;
    display: inline-block;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    font-variant: normal; }

/*Category listing*/
.category-list > li {
  padding-bottom: 5px;
  margin-bottom: 10px; }

.category {
  color: #3e3e3e;
  cursor: pointer;
  padding-bottom: 5px;
  border-bottom: 2px solid transparent; }

.category:hover {
  color: #005fad;
  border-bottom: 2px solid transparent;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
  text-decoration: none; }

.category.active {
  color: #005fad;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 2px solid #005fad; }

span.searched-text-result {
  background-color: #f8e48e;
  font-weight: 500; }

.tags {
  width: 100%;
  border-top: 1px solid #eaeaea;
  margin-top: 5px;
  /*padding-top: 5px;*/ }

.scholar-label {
  display: inline-block;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1px;
  margin: 5px 5px 5px 0px;
  color: #3a3a3a;
  text-align: center;
  background: #f1f3f4;
  /*
	border-top: 7px solid $color-white;
	border-left: 7px solid transparent;	
	*/ }

.scholar-label:before {
  content: '#'; }

/* Newsletter Image effects */
.newsletter-image {
  position: relative; }

.newsletter-image:before,
.newsletter-image:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777777;
  -webkit-box-shadow: 0 15px 10px #777777;
  -moz-box-shadow: 0 15px 10px #777777;
  box-shadow: 0 15px 10px #777777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg); }

.newsletter-image:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto; }

.filter-selection {
  text-transform: uppercase;
  margin-left: 30px;
  margin-top: 10px; }

.filter-selection h4 {
  margin: 0px;
  color: #005fad; }

.news-item {
  color: #3a3a3a;
  padding: 0px;
  margin: 0px 0px 20px 0px; }

/*Same header as sessions*/
.news-item h3, .session-item h3 {
  margin: 0px 0px 10px 0px;
  /*font-weight: 700;*/
  color: #3e3e3e; }

.news-item-image {
  margin: 0px 20px 20px 0px; }

.news-item-categories, .online-session-categories, .online-session-categories p {
  text-transform: uppercase;
  /*color: $color-endeavour; 
font-weight: 500;
hack*/
  font-size: 14px; }

/*Background for the date picker*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #fff; }

/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* ################################################################# SESSIONS.html */
/* Session subjects animation */
#computingScience,
#english,
#maths,
#modernLanguages,
#biology,
#humanBiology,
#chemistry,
#physics {
  opacity: 0;
  filter: alpha(opacity=0);
  /* For IE8 and earlier */ }

#biology {
  animation: slideIn 1s ease-out forwards, fadeIn 1s linear forwards;
  -webkit-animation: slideIn 1s ease-out forwards, fadeIn 1s linear forwards; }

#chemistry {
  animation: slideIn 1s 1s ease-out forwards, fadeIn 1s 1s linear forwards;
  -webkit-animation: slideIn 1s 1s ease-out forwards, fadeIn 1s 1s linear forwards; }

#computingScience {
  animation: slideIn 1s 2s ease-out forwards, fadeIn 1s 2s linear forwards;
  -webkit-animation: slideIn 1s 2s ease-out forwards, fadeIn 1s 2s linear forwards; }

#english {
  animation: slideIn 1s 3s ease-out forwards, fadeIn 1s 3s linear forwards;
  -webkit-animation: slideIn 1s 3s ease-out forwards, fadeIn 1s 3s linear forwards; }

#humanBiology {
  animation: slideIn 1s 4s ease-out forwards, fadeIn 1s 4s linear forwards;
  -webkit-animation: slideIn 1s 4s ease-out forwards, fadeIn 1s 4s linear forwards; }

#maths {
  animation: slideIn 1s 5s ease-out forwards, fadeIn 1s 5s linear forwards;
  -webkit-animation: slideIn 1s 5s ease-out forwards, fadeIn 1s 5s linear forwards; }

#modernLanguages {
  animation: slideIn 1s 6s ease-out forwards, fadeIn 1s 6s linear forwards;
  -webkit-animation: slideIn 1s 6s ease-out forwards, fadeIn 1s 6s linear forwards; }

#physics {
  animation: slideIn 1s 7s ease-out forwards, fadeIn 1s 7s linear forwards;
  -webkit-animation: slideIn 1s 7s ease-out forwards, fadeIn 1s 7s linear forwards; }

#timeline {
  background: url("/img/timeline-stripe.png") repeat-y;
  background-position: 22px;
  margin-top: 20px; }

.timeline-icon {
  display: inline-block;
  height: 48px;
  width: 48px;
  margin: 0px;
  padding: 0px; }

.business-management {
  background: url("/img/SCHOLAR_businesManagement.svg") no-repeat;
  background-size: contain; }

.computing-science {
  background: url("/img/SCHOLAR_computingScience.svg") no-repeat;
  background-size: contain; }

.modern-languages {
  background: url("/img/SCHOLAR_modernLanguages.svg") no-repeat;
  background-size: contain; }

.maths {
  background: url("/img/SCHOLAR_maths.svg") no-repeat;
  background-size: contain; }

.english {
  background: url("/img/SCHOLAR_english.svg") no-repeat;
  background-size: contain; }

.physics {
  background: url("/img/SCHOLAR_physics.svg") no-repeat;
  background-size: contain; }

.chemistry {
  background: url("/img/SCHOLAR_chemistry.svg") no-repeat;
  background-size: contain; }

.biology {
  background: url("/img/SCHOLAR_biology.svg") no-repeat;
  background-size: contain; }

.humanBiology {
  background: url("/img/SCHOLAR_humanBiology.svg") no-repeat;
  background-size: contain; }

.session-item {
  margin-bottom: 20px; }

.session-item-body {
  /*background: $color-white;*/
  padding: 12px; }

.sessions-category {
  background: #fafafa;
  padding-top: 20px; }

.session-item-body-icons {
  border-top: 1px solid #dcdcdc;
  padding: 0px;
  margin: 0px 0px -5px 0px; }

.session-item-body-icons img {
  margin: 0px 10px; }

/*Next session*/
.next-session {
  background: url("/img/SCHOLAR_next_session.svg");
  background-repeat: no-repeat;
  background-position: top right 50px; }

/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* ################################################################# SESSIONSARCHIVE.html */
#recordingTable {
  width: 100%;
  margin-top: 20px; }
  #recordingTable td {
    height: 70px;
    vertical-align: middle; }
    #recordingTable td .timeline-icon {
      min-height: 50px;
      margin-top: 5px;
      margin-left: 15px;
      margin-right: 40px;
      background-position: left center; }
  #recordingTable td:nth-child(1) {
    padding-right: 0; }
  #recordingTable td:nth-child(2) {
    padding-left: 0;
    padding-right: 40px; }
  #recordingTable td:nth-child(1) a {
    position: relative;
    top: -20px; }

/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* ################################################################# POLICIES.html */
/* ~~~ Sub-class ~~~ */
/* ~~~~~~ */
/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* ################################################################# TECHNICAL.html */
/* ~~~ Sub-class ~~~ */
/* ~~~~~~ */
/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/* ################################################################# CONTACT.html */
#faqTabs {
  background: #fff;
  width: 1100px;
  max-width: calc(100vw - 70px);
  margin-top: 10px; }
  #faqTabs nav a, #faqTabs nav .mat-tab-label-active, #faqTabs .mat-tab-list a, #faqTabs .mat-tab-list .mat-tab-label-active {
    border-bottom-width: 4px; }
  #faqTabs nav .mat-tab-labels > div, #faqTabs .mat-tab-list .mat-tab-labels > div {
    opacity: 1;
    min-width: 0;
    height: 37px;
    padding: 0 12px;
    font-weight: 400;
    font-size: 16px; }
  #faqTabs nav .selected, #faqTabs nav .mat-tab-label-active, #faqTabs .mat-tab-list .selected, #faqTabs .mat-tab-list .mat-tab-label-active {
    border-bottom: 4px solid #005fad; }
  #faqTabs nav a:hover, #faqTabs nav a:focus, #faqTabs .mat-tab-list a:hover, #faqTabs .mat-tab-list a:focus {
    background-color: #f1f3f4; }
  #faqTabs .previous:hover, #faqTabs .next:hover, #faqTabs .previous:focus, #faqTabs .next:focus {
    background-color: #f1f3f4; }
  #faqTabs section {
    background-color: #fff;
    padding-bottom: 4px; }
    #faqTabs section article {
      margin: 0;
      padding: 16px; }

.tab-component section article {
  padding: 0 !important; }
  .tab-component section article .panel-group {
    margin: 0; }

/* Nested accordions */
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 1px solid #dcdcdc; }

.panel-group,
.panel-group .panel,
.panel-group .panel-heading,
.panel-group .panel-heading a,
.panel-group .panel-title,
.panel-group .panel-title a,
.panel-group .panel-body,
.panel-group .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-radius: 2px;
  border: 0; }

.panel-group .panel-heading {
  padding: 0; }

.panel-group .panel-heading a {
  display: block;
  background: #005fad;
  color: #fff;
  padding: 15px;
  text-decoration: none;
  position: relative; }

.panel-group .panel-heading .panel-title a {
  display: flex; }
  .panel-group .panel-heading .panel-title a span {
    flex: 1; }

.panel-group .panel-heading .panel-title a.collapsed {
  background: #eaeaea;
  color: inherit; }

.panel-group .panel-heading .panel-title a:after {
  content: '-';
  font-size: 20px;
  margin-left: 20px; }

.panel-group .panel-heading .panel-title a.collapsed:after {
  content: '+'; }

.panel-group .panel-collapse {
  margin-top: 5px !important; }

.panel-group .panel-body {
  background: #fff;
  padding: 15px; }

.panel-group .panel {
  background-color: transparent; }

.panel-group .panel-body p:last-child,
.panel-group .panel-body ul:last-child,
.panel-group .panel-body ol:last-child {
  margin-bottom: 0; }

.panel-group .panel-heading a.collapsed {
  background: #f1f3f4;
  color: inherit; }

.panel-group .panel-heading a.collapsed:hover {
  background: #eaeaea; }

.panel-group,
.panel-group .panel,
.panel-group .panel-heading,
.panel-group .panel-heading a,
.panel-group .panel-title,
.panel-group .panel-title a,
.panel-group .panel-body,
.panel-group .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-radius: 0px;
  border: 0; }

/* #*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*#*# */
/*######################################################################### Media Queries */
@media only screen and (max-width: 980px) {
  #tableWrapper #businessTable, #tableWrapper #languagesTable, #tableWrapper #stemTable {
    width: 100%; } }

/* Up to 767px */
@media only screen and (max-width: 767px) {
  .hideOnMobile {
    display: none; }
  .scholar-logo {
    width: 120px;
    margin-top: 8px; }
  .hw-logo {
    margin-top: 11px;
    height: 27px; }
  .header-image {
    height: 180px; }
  .navbar-right {
    border-top: 1px solid #f1f3f4;
    width: 100% !important;
    vertical-align: bottom; }
  .navbar .navbar-nav {
    margin: auto; }
  .navbar-nav > li {
    width: 275px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  .navbar .navbar-collapse {
    text-align: left;
    padding-left: 10px;
    background-color: #fff; }
  .navbar {
    height: inherit; }
  .navbar-header {
    height: 70px; }
  .navbar-brand {
    padding: 15px; }
  .quotes {
    width: 30px; }
  .footer-links li {
    width: 100%; }
  .users {
    border-bottom: 2px solid #ededee; }
  .flex-item {
    -webkit-align-self: center;
    /* Safari */
    align-self: center;
    -webkit-flex-grow: 1;
    /* Safari */
    flex-grow: 1; }
  .scholar-user-box {
    background: #fafafa;
    border-bottom: 2px solid #005fad; } }

/* From 768px*/
@media (min-width: 768px) {
  .navbar-nav > li > a {
    font-size: 16px; }
  .header-image {
    margin-bottom: 50px; }
  .synopsis {
    font-size: 16px; } }

@media (max-width: 768px) {
  body {
    padding-top: 20px; }
  #leftColumn {
    width: 25%; } }

@media (max-width: 425px) {
  body {
    padding-top: 0px; }
  #leftColumn {
    display: none; } }

@media (min-width: 970px) {
  .scotland-map {
    background: url(/img/SCHOLAR_scotland_map.png) no-repeat;
    background-position: right bottom 50px; } }

@media (max-width: 991px) {
  .login {
    background: none; }
  .login-page {
    background: none; } }

@media (max-width: 480px) {
  #recordingTable {
    overflow-wrap: anywhere; }
    #recordingTable td {
      padding: 2px;
      padding-left: 2px !important;
      padding-right: 2px !important; }
      #recordingTable td a {
        top: 0 !important; }
    #recordingTable td:nth-child(1) span {
      display: none; }
  #faqs {
    display: none; } }

@media (max-width: 400px) {
  body {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px; }
  /* PUBLIC-103 */
  .header-bg {
    display: none; }
  .big-heading {
    margin-top: 0; }
  .well {
    margin: 0px; }
  .content {
    padding: 10px; }
  .login-btn {
    font-size: 12px; }
  ul {
    padding-left: 20px; }
  .break-word {
    max-width: calc(100vw - 50px);
    overflow-wrap: break-word; } }

/*ANIMATIONS*/
@keyframes slide {
  from {
    transform: translateX(-1420px); }
  to {
    transform: translateX(0px); } }

@keyframes slideIn {
  from {
    transform: translateX(400px); }
  to {
    transform: translateX(0px); } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/*# sourceMappingURL=../../../../target/custom.css.map */