/**
 * Fonts
 */

@font-face {
  font-family: 'gothbold';
  src: url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothahtfbol-webfont.eot') format('embedded-opentype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothahtfbol-webfont.woff') format('woff'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothahtfbol-webfont.ttf') format('truetype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothahtfbol-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'gothmed';
  src: url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothahtfmed-webfont.eot') format('embedded-opentype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothahtfmed-webfont.woff') format('woff'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothahtfmed-webfont.ttf') format('truetype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothahtfmed-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'gothblack';
  src: url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/GothamHTF-Black_gdi.eot') format('embedded-opentype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/GothamHTF-Black_gdi.woff') format('woff'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/GothamHTF-Black_gdi.ttf') format('truetype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/GothamHTF-Black_gdi.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'gothbook';
  src: url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothahtfboo-webfont.eot') format('embedded-opentype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothahtfboo-webfont.woff') format('woff'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothahtfboo-webfont.ttf') format('truetype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothahtfboo-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'gothlight';
  src: url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothamhtflight-webfont.eot') format('embedded-opentype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothamhtflight-webfont.woff') format('woff'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothamhtflight-webfont.ttf') format('truetype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/gothamhtflight-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'goththin';
  src: url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/GothamHTF-Thin.eot') format('embedded-opentype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/GothamHTF-Thin.woff') format('woff'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/GothamHTF-Thin.ttf') format('truetype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/GothamHTF-Thin.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'mercury';
  src: url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/mercutexg1rom-webfont.eot') format('embedded-opentype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/mercutexg1rom-webfont.woff') format('woff'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/mercutexg1rom-webfont.ttf') format('truetype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/mercutexg1rom-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'mercuryitalic';
  src: url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/mercutexg1ita-webfont.eot') format('embedded-opentype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/mercutexg1ita-webfont.woff') format('woff'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/mercutexg1ita-webfont.ttf') format('truetype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/mercutexg1ita-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family:'mercurybold';
  src: url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/MercuryTextG1-BoldSC_gdi.eot') format('embedded-opentype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/MercuryTextG1-BoldSC_gdi.woff') format('woff'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/MercuryTextG1-BoldSC_gdi.ttf') format('truetype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/MercuryTextG1-BoldSC_gdi.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family:'mercurysemibold';
  src: url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/MercuryTextG1-SemiboldSC_gdi.eot') format('embedded-opentype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/MercuryTextG1-SemiboldSC_gdi.woff') format('woff'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/MercuryTextG1-SemiboldSC_gdi.ttf') format('truetype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/MercuryTextG1-SemiboldSC_gdi.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'socialicons';
  src: url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/MonoSocialIconsFont-1.10.eot') format('embedded-opentype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/MonoSocialIconsFont-1.10.woff') format('woff'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/MonoSocialIconsFont-1.10.ttf') format('truetype'),
  url('https://cdn2.hubspot.net/hubfs/26117/fonts/cloned/MonoSocialIconsFont-1.10.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/**
 * HTML
 */

a {
  color: #0099bd;
}

a:hover,
a:focus {
  color: #00b9e4;
  text-decoration: none;
}

address {
  font-size: 13px;
}

address img {
  margin-bottom: 15px;
}

address .btn {
  margin-top: 15px;
}

body,
html {
  background: #f6f6f6;
  color: #1b242a;
  height: 100%;
  line-height: 23px;
}

body {
  position: relative;
}


/* Global Admin Styles */

ul.selectable{
  list-style:none; padding:0; margin:10px 0 0 0;
}


/* this fixes background scrolling on bootstrap modals for mobile browsers */

@media (max-width: 767px) {
  body.modal-open {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
  }
}


blockquote {
  font-size: 20px;
  line-height: 26px;
  font-family: mercuryitalic;
  background-image: url('https://www.speareducation.com/images/layout/stripes-white-50.png');
  padding: 20px 30px;
  border-left: 5px solid #e2e3e4;
}

h1, h2, h3, h4, h5, h6 {
  color: #00b9e4;
  font-family: gothbook;
  text-transform: none;
  text-shadow: -1px -1px 0 rgba(255,255,255,.15);
}

h1 {
  font-family: gothlight;
  margin-bottom: 0;
}

h2 {
  font-size: 28px;
  font-family: gothlight;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 16px;
}

h1 small, .h1 small, h1 .small, .h1 .small,
h2 small, .h2 small, h2 .small, .h2 .small,
h3 small, .h3 small, h3 .small, .h3 .small,
h4 small, .h4 small, h4 .small, .h4 .small,
h5 small, .h5 small, h5 .small, .h5 .small,
h6 small, .h6 small, h6 .small, .h6 .small {
  color: #1b242a;
}

h1 small, .h1 small, h1 .small, .h1 .small,
h2 small, .h2 small, h2 .small, .h2 .small,
h3 small, .h3 small, h3 .small, .h3 .small {
  font-size: 75%;
}

h1 strong, .h1 strong, h1 .strong, .h1 .strong,
h2 strong, .h2 strong, h2 .strong, .h2 .strong,
h3 strong, .h3 strong, h3 .strong, .h3 .strong,
h4 strong, .h4 strong, h4 .strong, .h4 .strong,
h5 strong, .h5 strong, h5 .strong, .h5 .strong,
h6 strong, .h6 strong, h6 .strong, .h6 .strong,
p.lead strong, p .lead .strong, p.lead .strong {
  font-weight: normal;
  font-family: 'gothmed';
}

header {
  background: #fff;
  padding: 20px 0;
}

hr {
  border-top: 1px solid #e2e3e4;
  margin: 20px 0;
}

hr.hr-small,
hr.small-hr {
  border-top: 1px solid #e2e3e4;
  margin: 10px 0;
}


hr.hr-dark {
  border-top: 1px solid #444;
  margin: 20px 0;
}

hr.hr-line {
  border-top: 1px solid #e2e3e4;
  margin: 0;
}

p code,
ul li code,
td code {
  background: #FFF;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, .075);
}

small  {
  color: #999;
  line-height: 12px;
}

small a {
  color: #666;
}


/**
 * Fast Click (IE10 and IE11)
 */

a, button, input[type="submit"] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}


/**
 * Wrap for Sticky Footer
 */

#wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -287px;
  padding: 0 0 287px;
}


/**
 * Admin Bar
 */

#adminbar {
  background: #000;
  border-bottom: 1px solid #5b6064;
  color: #fff;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  min-width: 990px;
  text-align: left;
}

#adminbar ul {
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#adminbar ul li {
  float: left;
  margin: 0;
  padding: 0;
}

#adminbar ul li a {
  color: #ccc;
  display: block;
  margin: 0;
  padding: 0 10px;
  text-decoration: none;
}

#adminbar ul li:hover {
  background: #9e9e9e;
}

#adminbar ul li:hover a {
  color: #fff;
}

#adminbar ul li.active a {
  border-top: 2px solid #00B9E4;
  height: 28px;
  line-height: 26px;
}

#adminbar ul li:first-child a {
  color: #fff;
  font-weight: bold;
}


/**
 * Admin Bar > Menus
 */

#adminbar ul li ul {
  display: none;
  white-space: nowrap;
}

#adminbar ul li:hover > ul {
  background: #9e9e9e;
  border: 0;
  display: block;
  height: auto;
  margin: 0;
  min-height: 120px;
  padding: 0;
  position: absolute;
  z-index: 9999;
}

#adminbar ul li:hover > ul li {
  border: 0;
  float: none;
  height: auto;
  width: auto;
}

#adminbar ul li:hover > ul li a,
#adminbar ul li:hover > ul li:first-child a {
  color: #fff;
  font-weight: normal;
  display: block;
  padding: 0 10px;
  min-width: 180px;
}

#adminbar ul li:hover > ul li:hover {
  background: #b1b1b1;
}

#adminbar ul li:hover > ul li a:hover {
  color: #fff;
}

#adminbar ul li:hover > ul li.active a {
  font-style: italic;
}

#adminbar ul li.active:hover > ul li a {
  border-top: none;
  height: 30px;
  line-height: 30px;
}


/**
 * Off Canvas Navbar
 */

#outer-wrap {
  height: 100%;
  position: relative;
}

#inner-wrap {
  height: 100%;
  position: relative;
}

.close-btn {
  color: #fff;
  display: none;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 60px;
}

.close-btn:focus,
.close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.nav-btn {
  background: #666;
  color: #fff !important;
  display: block;
  float: left;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  margin: 0 15px 0 -15px;
  opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  outline: none;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 60px;
}

.nav-btn:hover,
.nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.brand {
  float: left;
  padding: 15px 15px 15px 0;
}

#nav .dropdown-menu {
  background: none;
  margin: 2px 0 0 0;
  padding: 0;
}

#nav .dropdown-menu .panel-title {
  color: #00b9e4;
  font-family: gothbook;
  font-size: 18px;
  text-transform: uppercase;
}

#nav .dropdown-menu .panel-heading {
  position: relative;
}

#nav .dropdown-menu .panel-heading:after,
#nav .dropdown-menu .panel-heading:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#nav .dropdown-menu .panel-heading:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #f9f9f9;
  border-width: 10px;
  margin-left: -10px;
}

#nav .dropdown-menu .panel-heading:before {
  border-color: rgba(238, 238, 238, 0);
  border-bottom-color: #ccc;
  border-width: 11px;
  margin-left: -11px;
}

#nav .dropdown-menu #panel-messages.panel-heading:after,
#nav .dropdown-menu #panel-messages.panel-heading:before {
  left: 50%;
}

#nav .dropdown-menu #panel-notifications.panel-heading:after,
#nav .dropdown-menu #panel-notifications.panel-heading:before {
  left: 58%;
}

#nav .dropdown-menu #panel-search.panel-heading:after,
#nav .dropdown-menu #panel-search.panel-heading:before {
  left: 75%;
}

#nav .dropdown-menu #panel-my-account.panel-heading:after,
#nav .dropdown-menu #panel-my-account.panel-heading:before {
  left: 93%;
}

#panel-favorites li a,
#site-messages-form a {
  font-family: 'gothmed';
  color: #0099bd;
}

#panel-favorites li a {
  padding: 5px 5px 5px 0;
}

#panel-favorites li a:hover,
#site-messages-form a:hover {
  color: #00b9e4;
}

#panel-favorites li a img {
  border-right: 1px solid #aaaeaf;
  border-bottom: 1px solid #aaaeaf;
}

#site-messages-form a {
  padding: 5px 5px;
}

.noti_wrapper {
  color: #999;
  font-family: gothbook;
  font-size: 13px;
  line-height: 16px;
}

#panel-notifications-body.panel-body {
  padding: 10px 15px;
  margin-bottom: 30px;
}


/* SM, MD, LG */

@media screen and (min-width: 768px) {
  .nav-btn {
    display: none;
  }

  #nav > div.block > ul {
    float: left;
    height: 60px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #nav > div.block > ul > li {
    float: left;
    height: 60px;
    margin: 0;
    padding: 0;
  }

  #nav > div.block > ul > li > a {
    color: #aaaeaf;
    display: block;
    height: 60px;
    font-family: gothmed;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    padding: 14px 13px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  #nav > div.block > ul > li > a {
    padding: 15px 13px;
  }

  #nav a.nav-icon .icon {
    font-size: 26px;
    position: relative;
    left: -1px;
  }

  #nav a.nav-icon .icon.icon-study-clubs {
    font-size: 24px;
    position: relative;
    top: 1px;
  }

  #nav a.nav-icon .glyphicon {
    font-size: 24px;
  }

  #nav a.nav-icon .glyphicon.glyphicon-bookmark{
    position: relative;
    top: 2px;
    left: -1px;
  }

  #nav .nav-pipe {
    display: block;
    border-right: 1px solid rgba(0,0,0,.15);
    height: 25px;
    margin-top: 15px;
    padding-left: 15px;
    margin-right: 15px;
  }

  #nav .avatar {
    background: #e5e5e5;
    border-radius: 50%;
    height: 28px;
    text-align: center;
    width: 28px;
  }

  #nav a.nav-icon .avatar .icon.icon-assigned {
    font-size: 20px;
    position: relative;
    top: 4px;
    left: 0px;
  }

  #nav .tooltip {
    z-index: 1000;
  }

  #nav .dropdown-menu {
    z-index: 2000;
  }

  body.digital-learning-controller #nav div.block > ul > li > a .icon-course-library,
  body.discussion-boards-controller #nav div.block > ul > li > a .icon-spear-talk,
  body.blog-posts-controller #nav div.block > ul > li > a .icon-spear-digest {
    color: #00b9e4;
  }

  body.study-clubs-module #nav div.block > ul > li > a .icon-study-clubs {
    color: #5e564e;
  }

  #nav div.block > ul > li:hover > a,
  #nav div.block > ul > li:hover > li a,
  #nav div.block > ul > li > a:hover,
  #nav div.block > ul > li > li a:hover,
  #nav div.block > ul > li:focus > a,
  #nav div.block > ul > li:focus > li a,
  #nav div.block > ul > li > a:focus,
  #nav div.block > ul > li > li a:focus {
    color: #00b9e4;
    background-color: #f8f8f8;
  }

  #nav div.block > ul > li:hover > a .icon-study-clubs,
  #nav div.block > ul > li:hover > li a .icon-study-clubs,
  #nav div.block > ul > li > a:hover .icon-study-clubs,
  #nav div.block > ul > li > li a:hover .icon-study-clubs,
  #nav div.block > ul > li:focus > a .icon-study-clubs,
  #nav div.block > ul > li:focus > li a .icon-study-clubs,
  #nav div.block > ul > li > a:focus .icon-study-clubs,
  #nav div.block > ul > li > li a:focus .icon-study-clubs {
    color: #5e564e;
  }

  #nav div.block > ul > li.active > a {
    color: #00b9e4;
  }


  /* menus */

  #nav > div.block > ul.nav-primary > li > ul {
    display: none;
  }

  #nav > div.block > ul.nav-primary > li:hover > ul {
    background: #fff;
    display: block;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 9999;
  }

  #nav > div.block > ul > li:hover > ul {
    background-color: #fff;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.15);
    box-shadow: 1px 1px 5px rgba(0,0,0,.15);
  }

  #nav > div.block > ul > li:hover > ul:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
  }

  #nav > div.block > ul > li:hover > ul li {
    border: 0;
    float: none;
    height: auto;
    width: auto;
  }

  #nav > div.block > ul > li:hover > ul li a {
    color: #aaaeaf;
    display: block;
    height: auto;
    line-height: 30px;
    padding: 0 15px 0 13px;
    text-transform: none;
    min-width: 180px;
    border-bottom: 1px solid #eee;
    border-left: 3px solid #eeeeee;
  }

  #nav > div.block > ul > li:hover > ul li a:hover {
    color: #00b9e4;
    border-left: 3px solid #00b9e4;
    background: #fff;
  }

  /* icon area */

  ul.my-spear li {
    float: left;
    font-family: gothbook;
    line-height: 16px;
    margin: 0 0 2px 0;
    text-align: center;
    width: 33%;
  }

  ul.my-spear li span {
    margin-bottom: 4px;
  }

  ul.my-spear a {
    display: block;
    width: 112px;
    padding: 2px 0 8px 0;
    border-radius: 3px;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
  }

  ul.my-spear a:hover {
    background: #f9f9f9;
    -moz-box-shadow:    1px 1px 0 rgba(0,0,0,.08);
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.08);
    box-shadow:         1px 1px 0 rgba(0,0,0,.08);
  }

  #nav ul.medals li {
    float: left;
    margin: 0 4px 4px 0;
    width: 30px;
  }

  #nav .dl-contact-info dt {
    clear: left;
    float: left;
    text-align: right;
    width: 70px;
  }

  #nav .dl-contact-info dd {
    margin-left: 80px;
  }
}


/* XS */

@media screen and (max-width: 767px) {

  #outer-wrap {
    height: auto;
    overflow: hidden;
  }

  #inner-wrap {
    height: auto;
  }

  #nav {
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    overflow: hidden;
    padding-top: 60px;
    z-index: 200;
  }

  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }

  #nav:target .close-btn {
    display: block;
  }

  #nav .close-btn {
    display: block;
    position: absolute;
    top: -60px;
    left: 0;
  }

  #nav .login-and-signup {
    position: absolute;
    top: -60px;
    right: 15px;
  }

  #nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #nav li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  #nav li:last-child {
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
  }

  #nav li a {
    color: #fff;
    display: block;
    padding: 10px 15px 10px 6px;
    text-decoration: none;
    font-family: 'gothbold';
    font-size: 12px;
    background-color: #272f35;
  }

  #nav li a span {
    margin-right: 6px;
  }


  #nav li a:hover {
    color: #fff;
    background-color: #323a40;
  }

  #nav ul li > ul li a {
    font-family: 'gothbook';
    font-size: 13px;
    padding: 4px 15px 4px 16px;
    color: #cfd3d4;
    background-color: #1b242a;
    border-left: 4px solid #000;
  }

  #nav ul li > ul li a:hover {
    padding: 4px 15px 4px 16px;
    color: #fff;
    background-color: #0f1418;
    border-left: 4px solid #fff;
  }

  .js-ready #nav {
    background: #161d22;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    height: 100%;
    left: -85%;
    width: 85%;
  }

  .js-ready #nav .close-btn {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }

  .js-ready #nav .close-btn:focus,
  .js-ready #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .js-ready #inner-wrap {
    left: 0;
  }

  .js-nav #inner-wrap {
    left: 85%;
  }

  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    /*
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    */
    -webkit-transition: -webkit-transform 250ms ease;
    -moz-transition: -moz-transform 250ms ease;
    -o-transition: -o-transform 250ms ease;
    transition: transform 500ms ease;
    /*
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
         -o-backface-visibility: hidden;
            backface-visibility: hidden;
    */
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(85%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(85%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(85%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(85%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(85%, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 250ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 250ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 250ms ease;
    transition: opacity 300ms 100ms ease, transform 250ms ease;
    -webkit-transform: translate3d(85%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(85%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(85%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(85%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(85%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}


/**
 * Navbar
 *

.navbar-brand {
  height: 60px;
}

.navbar-nav > li > a {
  line-height: 16px;
  padding: 12px 20px 12px 10px;
}

.bs-docs-nav {
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,.25);
  border-bottom: 0;
  margin-bottom: 0;
}

.bs-docs-nav .navbar-brand,
.bs-docs-nav .navbar-nav > li > a {
  color: #8c9197;
  font-family: 'gothmed';
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
}

.bs-docs-nav .navbar-nav > li  {
  position: relative;
  top: 3px;
}

.bs-docs-nav .navbar-nav > li > a:hover,
.bs-docs-nav .navbar-nav > .active > a,
.bs-docs-nav .navbar-nav > .active > a:hover {
  color: #00b9e4;
  background-color: #fff !important;
}

*/



/**
 * Side navigation
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/* By default it's not affixed in mobile views, so undo that */
.bs-sidebar.affix {
  position: static;
}
@media (min-width: 768px) {
  .brand{
    max-width: 120px;
  }

  .bs-sidebar {
    padding-left: 20px;
  }
}

/* First level of nav */
.bs-sidenav {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* All levels of nav */
.bs-sidebar .nav > li > a {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #999;
  padding: 4px 20px;
}
.bs-sidebar .nav > li > a:hover,
.bs-sidebar .nav > li > a:focus {
  padding-left: 19px;
  color: #563d7c;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid #563d7c;
}
.bs-sidebar .nav > .active > a,
.bs-sidebar .nav > .active:hover > a,
.bs-sidebar .nav > .active:focus > a {
  padding-left: 18px;
  font-weight: bold;
  color: #563d7c;
  background-color: transparent;
  border-left: 2px solid #563d7c;
}

/* Nav: second level (shown on .active) */
.bs-sidebar .nav .nav {
  display: none; /* Hide by default, but at >768px, show it */
  padding-bottom: 10px;
}
.bs-sidebar .nav .nav > li > a {
  padding-top:    2px;
  padding-bottom: 2px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: normal;
}
.bs-sidebar .nav .nav > li > a:hover,
.bs-sidebar .nav .nav > li > a:focus {
  padding-left: 29px;
}
.bs-sidebar .nav .nav > .active > a,
.bs-sidebar .nav .nav > .active:hover > a,
.bs-sidebar .nav .nav > .active:focus > a {
  font-weight: 500;
  padding-left: 28px;
}

/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
  .bs-sidebar .nav > .active > ul {
    display: block;
  }
  /* Widen the fixed sidebar */
  .bs-sidebar.affix,
  .bs-sidebar.affix-bottom {
    width: 213px;
  }
  .bs-sidebar.affix {
    position: fixed; /* Undo the static from mobile first approach */
    top: 20px;
  }
  .bs-sidebar.affix-bottom {
    position: absolute; /* Undo the static from mobile first approach */
  }
  .bs-sidebar.affix-bottom .bs-sidenav,
  .bs-sidebar.affix .bs-sidenav {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  /* Widen the fixed sidebar again */
  .bs-sidebar.affix-bottom,
  .bs-sidebar.affix {
    width: 263px;
  }
}

/**
 * COL Fifths
 */

.col-xs-fifth, .col-xs-1-fifth, .col-xs-2-fifth, .col-xs-3-fifth, .col-xs-4-fifth, .col-xs-5-fifth,
.col-sm-fifth, .col-sm-1-fifth, .col-sm-2-fifth, .col-sm-3-fifth, .col-sm-4-fifth, .col-sm-5-fifth,
.col-md-fifth, .col-md-1-fifth, .col-md-2-fifth, .col-md-3-fifth, .col-md-4-fifth, .col-md-5-fifth,
.col-lg-fifth, .col-lg-1-fifth, .col-lg-2-fifth, .col-lg-3-fifth, .col-lg-4-fifth, .col-lg-5-fifth {
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
}

.col-xs-fifth {
  width: 20%;
  float: left;
}
.col-xs-fifth {
  width: 20%;
  float: left;
}
.col-xs-1-fifth {
  width: 20%;
  float: left;
}
.col-xs-2-fifth {
  width: 40%;
  float: left;
}
.col-xs-3-fifth {
  width: 60%;
  float: left;
}
.col-xs-4-fifth {
  width: 80%;
  float: left;
}
.col-xs-5-fifth {
  width: 80%;
  float: left;
}

@media (min-width: 768px) and (max-width: 901px) {
  .col-sm-fifth {
    width: 20%;
    float: left;
  }
  .col-sm-1-fifth {
    width: 20%;
    float: left;
  }
  .col-sm-2-fifth {
    width: 40%;
    float: left;
  }
  .col-sm-3-fifth {
    width: 60%;
    float: left;
  }
  .col-sm-4-fifth {
    width: 80%;
    float: left;
  }
  .col-sm-5-fifth {
    width: 80%;
    float: left;
  }
}

@media (min-width: 902px) and (max-width: 1199px) {
  .col-md-fifth {
    width: 20%;
    float: left;
  }
  .col-md-1-fifth {
    width: 20%;
    float: left;
  }
  .col-md-2-fifth {
    width: 40%;
    float: left;
  }
  .col-md-3-fifth {
    width: 60%;
    float: left;
  }
  .col-md-4-fifth {
    width: 80%;
    float: left;
  }
  .col-md-5-fifth {
    width: 80%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-fifth {
    width: 20%;
    float: left;
  }
  .col-lg-1-fifth {
    width: 20%;
    float: left;
  }
  .col-lg-2-fifth {
    width: 40%;
    float: left;
  }
  .col-lg-3-fifth {
    width: 60%;
    float: left;
  }
  .col-lg-4-fifth {
    width: 80%;
    float: left;
  }
  .col-lg-5-fifth {
    width: 80%;
    float: left;
  }
}

/**
 * COL Seventh
 */

.col-xs-seventh, .col-xs-1-seventh, .col-xs-2-seventh, .col-xs-3-seventh, .col-xs-4-seventh, .col-xs-5-seventh,
.col-sm-seventh, .col-sm-1-seventh, .col-sm-2-seventh, .col-sm-3-seventh, .col-sm-4-seventh, .col-sm-5-seventh,
.col-md-seventh, .col-md-1-seventh, .col-md-2-seventh, .col-md-3-seventh, .col-md-4-seventh, .col-md-5-seventh,
.col-lg-seventh, .col-lg-1-seventh, .col-lg-2-seventh, .col-lg-3-seventh, .col-lg-4-seventh, .col-lg-5-seventh {
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
}

.col-xs-seventh {
  width: 14.2%;
  float: left;
}
.col-xs-1-seventh {
  width: 14.2%;
  float: left;
}
.col-xs-2-seventh {
  width: 28.4%;
  float: left;
}
.col-xs-3-seventh {
  width: 42.6%;
  float: left;
}
.col-xs-4-seventh {
  width: 56.8%;
  float: left;
}
.col-xs-5-seventh {
  width: 71%;
  float: left;
}
.col-xs-6-seventh {
  width: 85.2%;
  float: left;
}
.col-xs-7-seventh {
  width: 100%;
  float: left;
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-sm-seventh {
    width: 14.2%;
    float: left;
  }
  .col-sm-1-seventh {
    width: 14.2%;
    float: left;
  }
  .col-sm-2-seventh {
    width: 28.4%;
    float: left;
  }
  .col-sm-3-seventh {
    width: 42.6%;
    float: left;
  }
  .col-sm-4-seventh {
    width: 56.8%;
    float: left;
  }
  .col-sm-5-seventh {
    width: 71%;
    float: left;
  }
  .col-sm-6-seventh {
    width: 85.2%;
    float: left;
  }
  .col-sm-7-seventh {
    width: 100%;
    float: left;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .col-md-seventh {
    width: 14.2%;
    float: left;
  }
  .col-md-1-seventh {
    width: 14.2%;
    float: left;
  }
  .col-md-2-seventh {
    width: 28.4%;
    float: left;
  }
  .col-md-3-seventh {
    width: 42.6%;
    float: left;
  }
  .col-md-4-seventh {
    width: 56.8%;
    float: left;
  }
  .col-md-5-seventh {
    width: 71%;
    float: left;
  }
  .col-md-6-seventh {
    width: 85.2%;
    float: left;
  }
  .col-md-7-seventh {
    width: 100%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-seventh {
    width: 14.2%;
    float: left;
  }
  .col-lg-1-seventh {
    width: 14.2%;
    float: left;
  }
  .col-lg-2-seventh {
    width: 28.4%;
    float: left;
  }
  .col-lg-3-seventh {
    width: 42.6%;
    float: left;
  }
  .col-lg-4-seventh {
    width: 56.8%;
    float: left;
  }
  .col-lg-5-seventh {
    width: 71%;
    float: left;
  }
  .col-lg-6-seventh {
    width: 85.2%;
    float: left;
  }
  .col-lg-7-seventh {
    width: 100%;
    float: left;
  }
}

/**
 * Subnav
 */

#subnav { /* Default */
  background-color: #007297;
  padding: 5px 0 7px 0;
  color: #fff;
  border-top: 2px solid rgba(0,0,0,.05);
}

#subnav strong {
  font-family: 'gothmed';
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
  padding-top: 7px;
  color: #00b9e4;
  margin-top: -4px;
  margin-right: 12px;
  text-shadow: -1px -1px 0 rgba(0,0,0,.25);
}

#subnav ul li a {
  color: #fff;
  color: rgba(255,255,255,.6);
  margin-left: 2px;
  padding: 3px 9px;
  font-size: 12px;
  text-transform: uppercase;
}

#subnav ul li a:hover,
#subnav ul li a:focus {
  color: #fff;
  color: rgba(255,255,255,1);
  background: rgba(0,0,0,.04);
}

#subnav ul li.active a  {
  color: #fff;
  background: rgba(0,0,0,.06);
  -moz-box-shadow:    inset 1px 1px 0 rgba(0,0,0,.08);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.08);
  box-shadow:         inset 1px 1px 0 rgba(0,0,0,.08);
  -moz-box-shadow:    1px 1px 0 rgba(255,255,255,.08);
  -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,.08);
  box-shadow:         1px 1px 0 rgba(255,255,255,.08);
}


#digital-suite-controller #subnav,
#sign-up-controller #subnav,
#case-assistant-controller #subnav  {
  background-color: #1b242a;
}

#study-club-controller #subnav,
#study-clubs_dashboard-controller #subnav,
#study-clubs_index-controller #subnav,
#study-clubs_modules-controller #subnav,
#study-clubs_meetings-controller #subnav,
#study-clubs_resources-controller #subnav,
#study-clubs_annual-summit-controller #subnav,
#study-clubs_messages-controller #subnav,
#study-clubs_news-controller #subnav,
#study-clubs_members-controller #subnav,
#study-clubs_tutorials-controller #subnav,
#study-clubs_my-study-club-controller #subnav {
  background-color: #49433d;
}

#faculty-controller #subnav,
#digital-learning-controller #subnav {
  background-color: #434d52;
}

#about #subnav,
#legal #subnav  {
  background-color: #00B9E4;
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png');
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -webkit-radial-gradient(center, circle farthest-corner, #00B9E4 0%, #007FA1 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), radial-gradient(circle farthest-corner at center, #00B9E4 0%, #007FA1 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -moz-radial-gradient(center, circle farthest-corner, #00B9E4 0%, #007FA1 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -ms-radial-gradient(center, circle farthest-corner, #00B9E4 0%, #007FA1 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -o-radial-gradient(center, circle farthest-corner, #00B9E4 0%, #007FA1 100%);
  background-repeat: repeat;
}

#about #subnav strong,
#legal #subnav strong {
  color: #6bd8f3;
  text-shadow: -1px -1px 0 rgba(0,0,0,.25);
}

#discussion-boards-controller #subnav  {
  background-color: #00b9e4;
}

#discussion-boards-controller #subnav strong {
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0,0,0,.25);
}


/**
 * Docs
 */

.bs-header {
  margin-bottom: 0;
}

.bs-docs-container {
  background: #f6f6f6;
  padding: 20px 0;
}


/**
 * Alert
 */

.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}

.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b2dba1;
}

.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #9acfea;
}

.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5e79e;
}

.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dca7a7;
}

#flashmessenger.alert {
  border-radius: 0;
  margin: 0;
}

.bs-example {
  margin-left: 0;
  margin-right: 0;
  background-color: #fff;
  border-width: 1px;
  border: none;
  border-radius: 0;
  box-shadow: 1px 1px 5px rgba(0,0,0,.1);
}

/* we have to rename this to maybe .highlight-block or something (conflicts with what's below)
.highlight {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 40px !important;
  background: #f1f1f1 url('/images/layout/stripes-tan.png');
  border: none;
  border-left: 3px solid #00b9e4 !important;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  border-radius: 0 !important;
  box-shadow: none;
}
*/

.highlight {
  background: yellow;
}

.bs-glyphicons li:hover {
  color: #fff;
  background-color: #00b9e4;
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png');
}

.bs-header, .bs-masthead, .questions {
  text-shadow: -1px -1px 0 rgba(0,0,0,.1);
}

.bs-header, .questions {
  color: #ddedf4;
  background-color: #00B9E4;
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png');
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -webkit-radial-gradient(center, circle farthest-corner, #00B9E4 0%, #007FA1 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), radial-gradient(circle farthest-corner at center, #00B9E4 0%, #007FA1 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -moz-radial-gradient(center, circle farthest-corner, #00B9E4 0%, #007FA1 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -ms-radial-gradient(center, circle farthest-corner, #00B9E4 0%, #007FA1 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -o-radial-gradient(center, circle farthest-corner, #00B9E4 0%, #007FA1 100%);
  background-repeat: repeat;
}

.bs-docs-nav .navbar-toggle .icon-bar {
  background-color: #00B9E4;
}

.display-none {
  display:none;
}

.hero-blue,
.hero-black,
.hero-white,
.hero-lt-gray,
.hero-gray,
.hero-brown,
.hero-green {
  padding-top: 50px;
}

.hero-blue .lead,
.hero-black .lead,
.hero-gray .lead,
.hero-brown .lead,
.hero-green .lead  {
  color: #fff;
  color: rgba(255,255,255,.8);
}

.hero-blue .lead a,
.hero-black .lead a
.hero-gray .lead a,
.hero-brown .lead a,
.hero-green .lead a {
  color: rgba(255,255,255,.65);
  text-decoration: none;
}

.hero-blue .lead a:hover,
.hero-black .lead a:hover
.hero-gray .lead a:hover,
.hero-brown .lead a:hover,
.hero-green .lead a:hover {
  color: rgba(255,255,255,1);
}

.hero-blue h1,
.hero-black h1,
.hero-white h1,
.hero-lt-gray h1,
.hero-gray h1,
.hero-brown h1,
.hero-green h1 {
  font-family: gothlight;
  font-size: 50px;
  letter-spacing: -1.5px;
  line-height: 45px;
  margin-bottom: 15px;
}

.hero-blue h1 small, .hero-blue h2 small,
.hero-lt-gray h1 small, .hero-lt-gray h2 small, .hero-green h2 small  {
  color: #000;
  opacity: 0.58;
}

.hero-black h1 small, .hero-black h2 small,
.hero-gray h1 small, .hero-gray h2 small,
.hero-brown h1 small, .hero-brown h2 small, .hero-green h2 small  {
  color: #fff;
}

.hero-blue h2, .hero-blue h3, .hero-blue h4, .hero-blue h5, .hero-blue h6,
.hero-black h2, .hero-black h3, .hero-black h4, .hero-black h5, .hero-black h6,
.hero-white h2, .hero-white h3, .hero-white h4, .hero-white h5, .hero-white h6,
.hero-ltgray h2, .hero-lt-gray h3, .hero-lt-gray h4, .hero-lt-gray h5, .hero-lt-gray h6,
.hero-gray h2, .hero-gray h3, .hero-gray h4, .hero-gray h5, .hero-gray h6,
.hero-brown h2, .hero-brown h3, .hero-brown h4, .hero-brown h5, .hero-brown h6,
.hero-green h2, .hero-green h3, .hero-green h4, .hero-green h5, .hero-green h6 {
  font-family: gothbook;
}

.hero-blue h1, .hero-blue h2, .hero-blue h3, .hero-blue h4, .hero-blue h5, .hero-blue h6,
.hero-green h1, .hero-green h2, .hero-green h3, .hero-green h4, .hero-green h5, .hero-green h6  {
  color: #fff;
}

.hero-black h1,
.hero-gray h1,
.hero-brown h1 {
  color: #00b9e4;
}

.hero-blue small,
.hero-black small,
.hero-lt-gray small,
.hero-gray small,
.hero-brown small,
.hero-green small {
  position: relative;
  color: #fff;
  color: rgba(255,255,255,0.5);
}

.hero-blue small strong,
.hero-black small strong,
.hero-lt-gray small strong,
.hero-gray small strong,
.hero-brown small strong,
.hero-green small strong {
  color: #fff;
  color: rgba(255,255,255,0.8);
}

.hero-blue .hero-base img,
.hero-black .hero-base img,
.hero-white .hero-base img,
.hero-lt-gray .hero-base img,
.hero-gray .hero-base img,
.hero-brown .hero-base img,
.hero-green .hero-base img {
  margin-bottom: 0;
}

.hero-blue .hero-base,
.hero-black .hero-base,
.hero-white .hero-base,
.hero-lt-gray .hero-base,
.hero-gray .hero-base,
.hero-brown .hero-base,
.hero-green .hero-base {
  padding: 30px;
  margin: 15px -15px;
  text-align: center;
}

.hero-blue .hero-base h2,
.hero-black .hero-base h2,
.hero-white .hero-base h2,
.hero-lt-gray .hero-base h2,
.hero-gray .hero-base h2 {
  margin: 0 0 20px 0;
}

.hero-blue {
  color: #fff;
  background-color: #00B9E4;
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png');
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -webkit-radial-gradient(center, circle farthest-corner, #00B9E4 30%, #007FA1 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), radial-gradient(circle farthest-corner at center, #00B9E4 30%, #007FA1 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -moz-radial-gradient(center, circle farthest-corner, #00B9E4 30%, #007FA1 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -ms-radial-gradient(center, circle farthest-corner, #00B9E4 30%, #007FA1 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -o-radial-gradient(center, circle farthest-corner, #00B9E4 30%, #007FA1 100%);
  background-repeat: repeat;
}

.hero-blue-base {
  color: #fff;
  background-color: #007FA1;
  background-color: rgba(0,127,161,.35);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png');
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -webkit-radial-gradient(center, circle farthest-corner, #00a2cd 30%, #006d8a 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), radial-gradient(circle farthest-corner at center, #00a2cd 30%, #006d8a 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -moz-radial-gradient(center, circle farthest-corner, #00a2cd 30%, #006d8a 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -ms-radial-gradient(center, circle farthest-corner, #00a2cd 30%, #006d8a 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-blue.png'), -o-radial-gradient(center, circle farthest-corner, #00a2cd 30%, #007FA1 100%);
  background-repeat: repeat;
}

.hero-blue-base h1,
.hero-blue-base h2,
.hero-blue-base h3,
.hero-blue-base h4,
.hero-blue-base h5,
.hero-blue-base h6 {
  color: #fff;
  text-shadow: -1px -1px 0 rgba(255,255,255,.015);
}

.hero-blue-base h2 small {
  color: #01628c;
  font-size: 100%;
}

.hero-black {
  color: #fff;
  background-color: #0f161c;
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray.png');
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray.png'), -webkit-radial-gradient(center, circle farthest-corner, #394144 50%, #0f161c 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray.png'), radial-gradient(circle farthest-corner at center, #394144 50%, #0f161c 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray.png'), -moz-radial-gradient(center, circle farthest-corner, #394144 50%, #0f161c 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray.png'), -ms-radial-gradient(center, circle farthest-corner, #394144 50%, #0f161c 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray.png'), -o-radial-gradient(center, circle farthest-corner, #394144 50%, #0f161c 100%);
  background-repeat: repeat;
}

.hero-black .line-left {
  border-left: 1px solid #1b242a;
}

.hero-black hr {
  border-top: 1px solid #1b242a;
}

.hero-black .hero-base {
  background-color: #0f161c;
  background-color: rgba(15,22,28,.35);
}

.hero-lt-gray {
  background-color: #d1d5d6;
  background-image: url('https://www.speareducation.com/images/layout/stripes-white-50.png');
  background-image: url('https://www.speareducation.com/images/layout/stripes-white-50.png'), -webkit-radial-gradient(center, circle farthest-corner, #e7e7e7 0%, #d1d5d6 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-white-50.png'), radial-gradient(circle farthest-corner at center, #e7e7e7 0%, #d1d5d6 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-white-50.png'), -moz-radial-gradient(center, circle farthest-corner, #e7e7e7 0%, #d1d5d6 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-white-50.png'), -ms-radial-gradient(center, circle farthest-corner, #e7e7e7 0%, #d1d5d6 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-white-50.png'), -o-radial-gradient(center, circle farthest-corner, #e7e7e7 0%, #d1d5d6 100%);
  background-repeat: repeat;
}

.hero-lt-gray .hero-base {
  background-color: #d1d5d6;
  background-color: rgba(209,213,214,.15);
}

.hero-gray {
  color: #fff;
  background-color: #596368;
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png');
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), -webkit-radial-gradient(center, circle farthest-corner, #5e6a71 50%, #475157 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), radial-gradient(circle farthest-corner at center, #5e6a71 50%, #475157 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), -moz-radial-gradient(center, circle farthest-corner, #5e6a71 50%, #475157 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), -ms-radial-gradient(center, circle farthest-corner, #5e6a71 50%, #475157 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), -o-radial-gradient(center, circle farthest-corner, #5e6a71 50%, #475157 100%);
  background-repeat: repeat;
  overflow: hidden;
}

.hero-gray img,
.hero-brown img {
  border: 5px solid rgba(0,0,0,.1);
}

.hero-gray-arrow-down {
  position: relative;
  overflow: visible;
}

.hero-gray-arrow-down:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #596368;
  border-width: 16px;
  margin-left: -16x;
  z-index: 999;
}

.hero-gray .line-left {
  border-left: 1px solid #535e65;
}

.hero-gray hr {
  border-top: 1px solid #535e65;
}

img.no-border {
  border: none;
}

.hero-gray .hero-base {
  background-color: #d1d5d6;
  background-color: rgba(209,213,214,.25);
}

.hero-grayish {
  background-color: #808080;
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png');
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), -webkit-radial-gradient(center, circle farthest-corner, #808080 50%, #333333 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), radial-gradient(circle farthest-corner at center, #808080 50%, #333333 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), -moz-radial-gradient(center, circle farthest-corner, #808080 50%, #333333 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), -ms-radial-gradient(center, circle farthest-corner, #808080 50%, #333333 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), -o-radial-gradient(center, circle farthest-corner, #808080 50%, #333333 100%);
  background-repeat: repeat;
  overflow: hidden;
}

.hero-brown {
  background-color: #5f574f;
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png');
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), -webkit-radial-gradient(center, circle farthest-corner, #5f574f 30%, #4e4740 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), radial-gradient(circle farthest-corner at center, #5f574f 30%, #4e4740 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), -moz-radial-gradient(center, circle farthest-corner, #5f574f 30%, #4e4740 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), -ms-radial-gradient(center, circle farthest-corner, #5f574f 30%, #4e4740 100%);
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png'), -o-radial-gradient(center, circle farthest-corner, #5f574f 30%, #4e4740 100%);
  background-repeat: repeat;
  overflow: hidden;
  color: #fff;
}

.hero-green {
  background-color: #7bc141;
  background-image: -webkit-linear-gradient(top, #7bc141 0%, #5fb318 100%);
  background-image: linear-gradient(to bottom, #7bc141 0%, #5fb318 100%);
  overflow: hidden;
  color: #fff;
}

.hero-white {
  background-color: #fff;
  background-repeat: repeat;
}

.hero-white .hero-base {
  background-color: #f1f1f1;
  background-image: url('http://www.speareducation.com/images/layout/stripes-white-50.png');
}

.hero-copy {
  padding-right: 0;
  margin-right: 0;
}

.hero-image-bottom {
  position: relative;
  bottom: -30px;
  margin-top: -30px;
}

img.hero-image-bottom {
  border: none;
}


/**
 * NEW HERO w/ BLACK OVERLAY
 */

.welcome .section {
  background: rgba(0, 0, 0, 0.7);
}

#team-education-controller .welcome .section {
  background: rgba(0, 19, 58, 0.8);
}

.welcome p,
.welcome label {
  color: #fff;
  text-shadow: none;
}


.bs-header h1 {
  font-family: gothmed;
  font-size: 70px;
  line-height: 60px;
  text-shadow: -1px -1px 0 rgba(0,0,0,.125);
}

.bs-header p {
  font-family: gothlight;
  font-size: 20px;
  line-height: 30px;
}

.bs-sidebar .nav>.active>a {
  color: #009ec3;
  border-left: 2px solid #009ec3;
}

.bs-sidebar .nav>.active:hover>a, .bs-sidebar .nav>.active:focus>a {
  color: #009ec3;
  border-left: 2px solid #009ec3;
}

.bs-sidebar .nav>li>a:hover, .bs-sidebar .nav>li>a:focus {
  color: #00b9e4;
  border-left: 1px solid #00b9e4;
}

.border-left {
  border: 1px solid #e2e3e4;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-sps,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #00b9e4;
}

.content {
  margin: 40px auto;
}

.gray-content {
  background: #f7f7f7;
  padding: 30px;
  margin: 30px -30px 20px -30px;
  border-top: 1px solid #e2e3e4;
  border-bottom: 1px solid #e2e3e4;
  border-left: 3px solid #00b9e4;
}

/* this can probably replace what's above */

.panel-body-gray {
  background: #f7f7f7;
  border-top: 1px solid #e2e3e4;
  border-bottom: 1px solid #e2e3e4;
  /* border-left: 3px solid #00b9e4; */
}

.blue-content {
  background: #00b9e4;
  color: #fff;
  padding: 30px;
  margin: 30px -30px 20px -30px;
}

.blue-content h2 {
  color: #fff;
}

.category-title {
  font-family: gothbold;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #357ebd;
  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
  background-repeat: repeat-x;
}

.lead, .lead-small {
  color: #1b242a;
  font-family: gothlight;
}

.lead {
  font-size: 20px;
  line-height: 25px;
}

.lead-small {
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 20px;
}

.list-group-item {
  border-top: 1px solid #e2e3e4;
  border-right: none;
  border-bottom: 1px solid #e2e3e4;
  border-left: none;
  background-color: transparent;
  color: #999;
  font-family: gothbook;
  line-height: 16px;
}

.list-group-item a {
  display: block;
  padding: 10px 15px;
  color: #8c9197;
}

.list-group-item a:hover {
  background: rgba(255,255,255,1);
  text-decoration: none;
  color: #00b9e4;
}

.list-group-item:first-child,
.list-group-item:last-child {
  border-radius: 0;
}

.list-group {
  font-size: 13px;
  line-height: 13px;
  border-radius: 0;
  margin-bottom: 30px;
}


.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background: rgba(255,255,255,.8);
  font-family: gothmed;
}

.list-group-item.active a,
.list-group-item.active a:hover,
.list-group-item.active a:focus {
  color: #00b9e4;
}

.panel-nav .list-group-item.active a,
.panel-nav .list-group-item.active a:hover,
.panel-nav .list-group-item.active a:focus {
  border-left: 3px solid #00b9e4;
  padding-left: 12px !important;
}

a.list-group-item {
  background: #fafafa;
}

a.list-group-item:hover {
  background: #fff;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #00b9e4;
  border-color: #00b9e4;
  position: relative;
}

a.list-group-item.active:after,
a.list-group-item.active.completed:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #00b9e4;
  border-width: 8px;
  margin-top: -8px;
}

.course-key,
a.lesson.list-group-item.completed {
  border-right: 3px solid #0099bd;
}

.list-group-condensed .list-group-item {
  padding: 0;
}


/**
 * Panel
 */

.panel-body .media:first-child {
  margin-top: 0;
}

.panel-body .media:last-child {
  margin-bottom: 0;
}

.panel-body .media, .panel-body .media .media {
  margin-top: 0;
  margin-bottom: 20px;
}

.panel-body .media-list {
  margin-bottom: 0;
}

.media > .pull-left {
  margin-right: 15px;
}

.media, .media .media {
  margin-bottom: 20px;
}

.media-list-striped > li.media {
  margin: 0;
  padding: 15px;
}

.media-list-striped > li.media:nth-child(odd) {
  background-color: #f9f9f9;
}

.media-list-striped-sm > li.media {
  margin: 0;
  padding: 5px;
}

ul.media-list-striped.media-list-striped-sm {
  padding: 6px 0;
}

.popover {
  border: 1px solid #e2e3e4;
}


/**
 * Modal
 */

.modal-header {
  background: #f9f9f9 url('https://www.speareducation.com/images/layout/stripes-white.png');
  border-bottom: 1px solid #efefef;
}

.modal-footer {
  text-align: center;
  background: #f9f9f9 url('https://www.speareducation.com/images/layout/stripes-white.png');
  border-top: 1px solid #efefef;
}

.modal-content {
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 1px;
}

.navbar-default {
  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}
.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
}
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
  background-image:         linear-gradient(to bottom, #222 0%, #282828 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #00b9e4;
}

.pagination {
  margin-top: 0;
  margin-bottom: 30px;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge,
.btn-primary .badge {
  color: #d55c19;
  background-color: #fff;
}

.btn-primary .badge {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.badge-time {
  background-color: #f1f1f1 !important;
  color: #8c9197;
  border-radius: 2px;
  font-weight: normal;
  font-size: 12px;
  -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.08);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.08);
  box-shadow: inset 1px 1px 0 rgba(0,0,0,.08);
  -moz-box-shadow: 1px 1px 0 rgba(255,255,255,.08);
}

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}

.floating-menu {
  background-color: #464f56;
  border-bottom: 2px solid rgba(0,0,0,0.1);
  height: 60px;
  overflow: hidden;
}

.floating-menu .container {
  padding-left: 0;
  padding-right: 0;
}

.floating-menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.floating-menu ul {
  list-style: none;
  margin: 0;
  padding: 15px 0;
}

.floating-menu ul li {
  float: left;
  margin: 0;
  padding: 0;
}

.floating-menu ul li a {
  color: #d6d4d3;
  color: rgba(255, 255, 255, 0.77);
  display: block;
  font-family: gothmed;
  font-size: 12px;
  height: 28px;
  line-height: 14px;
  margin: 0 40px 0 0;
  text-decoration: none;
  text-transform: uppercase;
}

.floating-menu ul li a:hover {
  color: #fff;
}

.floating-menu h3 {
  margin-top: 17px;
  text-shadow: -1px -1px 0 rgba(0,0,0,.2);
}

.floating-menu .btn {
  margin-top: 14px;
}

.floating-menu-buffer {
  display: none;
  height: 60px;
}

#floating-menu,
#floating-menu .section {
  padding: 0;
  margin: 0;
}

#floating-menu-seminars-workshops a.category-shield,
#floating-menu-team-education a.category-shield {
  display: block;
  padding: 20px 10px;
  -webkit-transition: all ease-in-out .125s;
  -moz-transition: all ease-in-out .125s;
  -ms-transition: all ease-in-out .125s;
  -o-transition: all ease-in-out .125s;
  transition: all ease-in-out .125s;
}

#floating-menu-seminars-workshops a.category-shield,
#floating-menu-seminars-workshops a:focus.category-shield,
#floating-menu-seminars-workshops a.category-shield:hover,
#floating-menu-team-education a.category-shield,
#floating-menu-team-education a:focus.category-shield,
#floating-menu-team-education a.category-shield:hover {
  text-decoration: none;
}


#floating-menu-seminars-workshops a.category-shield:hover,
#floating-menu-team-education a.category-shield:hover {
  background: #f8f8f8;
}

#floating-menu-seminars-workshops a.category-shield.active,
#floating-menu-team-education a.category-shield.active {
  background: #ebeced;
  position: relative;
}

#floating-menu-seminars-workshops a.category-shield.active:after,
#floating-menu-seminars-workshops a.category-shield.active:before,
#floating-menu-team-education a.category-shield.active:after,
#floating-menu-team-education a.category-shield.active:before {
  /* top: 198px; */
  bottom: -38px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 1000;
}

#floating-menu-seminars-workshops a.category-shield.active:after,
#floating-menu-team-education a.category-shield.active:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 12px;
  margin-left: -12px;
}

#floating-menu-seminars-workshops a.category-shield.active:before,
#floating-menu-team-education a.category-shield.active:before {
  bottom: -49px;
  border-color: rgba(119, 119, 119, 0);
  border-top-color: #999;
  border-top-color: rgba(0,0,0,.06);
  border-width: 15px;
  margin-left: -15px;
}

#floating-menu-seminars-workshops a.category-shield h3,
#floating-menu-team-education a.category-shield h3 {
  font-family: 'gothbold';
  font-size: 18px;
  margin: 0 auto 5px;
}

#floating-menu-team-education a.category-shield h3 {
  color: #004A87;
}

#floating-menu-seminars-workshops a.category-shield p,
#floating-menu-team-education a.category-shield p {
  color: #1b242a;
  font-family: 'gothbook';
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
}

#floating-menu-seminars-workshops,
#floating-menu-team-education {
  background: #fff;
  box-shadow: 0 2px 10px #999;
  box-shadow: 0 2px 12px rgba(0,0,0,.25);
  padding: 15px;
  z-index: 1000;
}

#floating-menu-seminars-workshops.fixed,
#floating-menu-team-education.fixed {
  height: 130px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

@media (min-width: 768px) {
  #floating-menu-seminars-workshops.fixed img,
  #floating-menu-team-education.fixed img {
    display: none;
  }
}

#floating-menu-seminars-workshops-buffer,
#floating-menu-team-education-buffer {
  display: none;
  height: 130px;
}

#floating-menu-seminars-workshops img.shield,
#floating-menu-team-education img.shield {
  margin-bottom: 10px;
  width: 80px;
}

#floating-menu h2 {
  margin-top: 10px;
}

#benefits-menu .nav > li > a {
  margin-bottom: 12px;
}

.page-header {
  border-bottom: 1px solid #e2e3e4;
}


/**
 * Progress
 */

.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  height: 15px;
}

.progress-bar {
  background-image: -webkit-linear-gradient(top, #00caea 0%, #00b9e4 100%);
  background-image:         linear-gradient(to bottom, #00caea 0%, #00b9e4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00caea', endColorstr='#ff00b9e4', GradientType=0);
  background-repeat: repeat-x;
  background-color: #00b9e4;
}

.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #6cbe53 0%, #57a943 100%);
  background-image:         linear-gradient(to bottom, #6cbe53 0%, #57a943 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff56cbe53', endColorstr='#ff57a943', GradientType=0);
  background-repeat: repeat-x;
  background-color: #57a943;
}

.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #0072a1 0%, #005c84 100%);
  background-image:         linear-gradient(to bottom, #0072a1 0%, #005c84 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0072a1', endColorstr='#ff005c84', GradientType=0);
  background-repeat: repeat-x;
  background-color: #005c84;
}

.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #df721f 0%, #d55c19 100%);
  background-image:         linear-gradient(to bottom, #df721f 0%, #d55c19 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf721f', endColorstr='#ffd55c19', GradientType=0);
  background-repeat: repeat-x;
  background-color: #d55c19;
}

.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #b71805 0%, #a11304 100%);
  background-image:         linear-gradient(to bottom, #b71805 0%, #a11304 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb71805', endColorstr='#ffa11304', GradientType=0);
  background-repeat: repeat-x;
  background-color: #a11304;
}


/**
 * Pagination
 */

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #00b9e4;
  border-color: #00b9e4;
}

.pagination > li > a,
.pagination > li > span {
  color: #00b9e4;
  background: #fff;
  background: rgba(255,255,255,0.35);
  border: 1px solid #e2e3e4;
}

.pagination > li > a:hover {
  color: #009ec3;
  background: #fff;
}

.panel {
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #f0f0f0;
  border-top: none;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.1);
  box-shadow: 1px 1px 5px rgba(0,0,0,.1);
}


.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #f1f1f1;
}

.panel-nav {
  border: 0;
  border-radius: 0;
  background: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
}

.panel-nav li {
  padding: 0;
}

.panel-nav > .panel-heading {
  background: none;
  color: #00b9e4;
  border-color: #e2e3e4;
  border-bottom: 2px solid #e2e3e4;
  padding-left: 6px;
  padding-bottom: 8px;
  font-size: 18px;
  font-family: gothmed;
  text-shadow: -1px -1px 0 rgba(255,255,255,.5);
}

.panel-nav .list-group-item.nav-title {
  background:  url('https://www.speareducation.com/images/layout/stripes-gray-10.png');
  font-size: 11px;
  font-family: gothmed;
  text-shadow: none;
  color: #000;
  text-transform: uppercase;
  border-right: 1px solid #e4e4e4;
  border-left: 3px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  padding: 6px;
}

.panel-default > .panel-heading {
  background: #f9f9f9 url('https://www.speareducation.com/images/layout/stripes-tan.png');
  color: #333;
  border-color: #efefef;
}

.panel-footer {
  background: #f9f9f9 url('https://www.speareducation.com/images/layout/stripes-white.png');
  border-top: 1px solid #efefef;
}

/* why?
.panel-footer a.btn {
  margin-top: 8px;
}
*/

.panel-primary > .panel-heading,
.panel-brown > .panel-heading,
.panel-brown-expired > .panel-heading {
  background-image: -webkit-linear-gradient(top, #00caea 0%, #00b9e4 100%);
  background-image:         linear-gradient(to bottom, #00caea 0%, #00b9e4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00caea', endColorstr='#ff00b9e4', GradientType=0);
  background-repeat: repeat-x;
  border-color: #e2e3e4;
  border-radius: 0;
  padding-bottom: 8px;
  color: #fff;
  font-size: 18px;
  font-family: 'gothbook';
  text-shadow: -1px -1px 0 rgba(0,0,0,.1);
}

.panel-brown > .panel-heading {
  background: #5f574f url('https://www.speareducation.com/images/layout/stripes-gray-10.png');
  background-repeat: repeat-x;
  border-bottom: 2px solid #49433d;
}

.panel-brown > .panel-heading .badge {
  background: #49433d;
  font-weight: normal;
  color: #fff;
  color: rgba(255, 255, 255, .5);
  position: relative;
  top: 2px;
}

.panel-brown > .panel-heading-dark {
  background: #49433d;
  background-image: -webkit-linear-gradient(top, #49433d 0%, #5f574f 100%);
  background-image:         linear-gradient(to bottom, #49433d 0%, #5f574f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff49433d', endColorstr='#ff5f574f', GradientType=0);
  padding: 10px ;
}

.panel-brown-expired > .panel-heading {
  background: #49433d url('https://www.speareducation.com/images/layout/stripes-gray-10.png');
  background-repeat: repeat-x;
  border-bottom: 2px solid #49433d;
}

.panel-brown-expired > .panel-heading-dark-expired {
  background: #49433d;
  background-image: -webkit-linear-gradient(top, #3b3631 0%, #49433d 100%);
  background-image:         linear-gradient(to bottom, #3b3631 0%, #49433d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3631', endColorstr='#ff49433d', GradientType=0);
  padding: 10px ;
}

.panel-brown-expired > .panel-body {
  background: url('https://www.speareducation.com/images/layout/stripes-gray-10.png');
  background-repeat: repeat-x;
}

.panel-black > .panel-heading {
  background: #394144 url('https://www.speareducation.com/images/layout/stripes-gray.png');
  background-repeat: repeat-x;
  border-bottom: 2px solid #00b9e4;
  border-radius: 0;
  padding-bottom: 8px;
  color: #fff;
  font-size: 18px;
  font-family: 'gothbook';
  font-weight: normal;
  text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}

.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
  background-repeat: repeat-x;
}

.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
  background-repeat: repeat-x;
}

.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
  background-repeat: repeat-x;
}

.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
  background-repeat: repeat-x;
}

.pipe {
  color: #e2e3e4;
  margin: 0 8px;
}

.pipe-sm {
  color: #e2e3e4;
  margin: 0 4px;
}

.show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #a4acae;
  background-color: rgba(164,172,174,.25);
  border: 1px solid #5e6a71;
  border: 1px solid rgba(94,106,113,.25);
}


/**
 * Success Stories
 */

.success-stories h4 {
  margin-top: 20px;
}

.success-stories img.img-circle {
  border: 3px solid #e6e6e6;
}

.success-stories p.info  {
  margin-top: 8px;
  line-height: 16px;
  font-size: 12px;
  color: #999;
}


/**
 * CASE ASSISTANT
 */

.patient-profile .panel-body {
  min-height: 362px;
}

.patient-name h2 {
  font-size: 26px;
  margin: 0;
}

.patient-name .btn {
}

figcaption.upload-photo a {
  position: relative;
  top: -45px;
}

#patient-profiles li.list-group-item {
  padding: 0;
}

#patient-profiles li.list-group-item a,
#issues .issue .list-group-item a {
  padding: 4px 6px;
}

#patient-profiles ul li a.active,
#patient-profiles li.list-group-item a.active:hover {
  color: #fff;
  background-color: #00b9e4;
  position: relative;
}

#patient-profiles ul li a.active:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #00b9e4;
  border-width: 11px;
  margin-top: -11px;
}

#issues .issue .panel-body,
#patient-profiles .issue .panel-body {
  height: 300px;
  overflow: auto;
}

/**
 * Course Library
 */

.straumann .btn-toolbar {
  color: #ccc;
  font-size: 11px;
  text-transform: uppercase;
}

#course-icons ul {
  padding: 5px 0;
  margin-bottom: 0;
}

#course-icons ul li {
  float: left;
  width: 120px;
  line-height: 16px;
  text-align: center;
  color: #8c9197;
}

#course-icons ul li img {
  padding: 5px 10px 6px 10px;
}

#course-icons ul li a {
  font-size: 10px;
  color: #8c9197;
  display: block;
  padding: 10px;
}

#course-icons li a.active,
#course-icons li a:focus.active {
  color: #fff;
  background: #00b9e4;
  position: relative;
  text-decoration: none;
}

#course-icons li a.active:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #00b9e4;
  border-width: 10px;
  margin-left: -10px;
}

#course-icons ul li:hover {
  color: #00b9e4;
  background: #f1f1f1;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F0F0F0));
  background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%);
  background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%);
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%);
  background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 100%);
}

#course-icons ul li a strong {
  display: block;
  font-family: gothmed;
  font-size: 11px;
  font-weight: normal;
  height: 14px;
  overflow: hidden;
}

#course.section {
  margin-top: 0;
  padding-top: 8px;
}

#course-top h5 {
  margin-top: 6px;
  margin-bottom: 15px;
}

/* info table */

#course-info table {
  background: #fcfcfc;
  box-shadow: 2px 2px 6px #ebebeb;
  margin: 0 0 20px 0;
  background-color: #f1f1f1 !important;
  color: #8c9197;
  border-radius: 2px;
  font-weight: normal;
  font-size: 12px;
  -moz-box-shadow: inset 1px 2px 0 rgba(0,0,0,.08);
  -webkit-box-shadow: inset 1px 2px 0 rgba(0,0,0,.08);
  box-shadow: inset 1px 2px 0 rgba(0,0,0,.08);
  -moz-box-shadow: 1px 2px 0 rgba(255,255,255,.08);
}

#course-info table th {
  font-family: 'gothbook';
  font-size: 11px;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
}

#course-info table td {
  background: #fafafa;
  font-size: 15px;
  line-height: 1;
  width: 80%;
}

.comment-text {
  color: #1b242a;
  font-size: 13px;
  margin-top: 6px;
}

.comment-text:before {
  color: #ccc;
  content: '"';
}

.comment-text:after {
  color: #ccc;
  content: '"';
}

#signup-btn-line {
  border-right: 1px solid #e2e3e4;
}


/* course dates */

.course-dates dl dt,
.course-dates dl dd {
  display: block;
  font-family: 'gothbook';
  font-weight: normal;
  line-height: 14px;
  clear: left;
  padding-right: 6px;
  text-transform: uppercase;
}

.course-dates dt {
  border-top: 1px solid #e2e3e4;
  color: #8c9197;
  font-size: 9px;
  padding-top: 5px;
  padding-bottom: 3px;
}

.course-dates dd {
  color: #1b242a;
  font-family: 'gothmed';
  font-size: 11px;
  margin-bottom: 12px;
}

img.course-icon {
  width: 85px; /* Add margin width to be correct w/ line padding */
  height: 70px;
  display: block;
  float: left;
  margin-right: 15px;
  padding-right: 15px;
  position: relative;
  top: -10px;
  border-right: 1px solid #e2e3e4;
}

.sub-nav-tabs {
  background-color: rgba(0,0,0,.05);
  padding-top: 8px;
  padding-bottom: 0;
  margin-top: 14px;
}

.sub-nav-tabs h4 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.sub-nav-tabs .nav-tabs {
  border-bottom: none;
  position: relative;
}

.sub-nav-tabs .nav-tabs > li> a {
  border: none;
  color: #8c9197;
  font-family: 'gothmed';
  font-size: 12px;
  text-transform: uppercase;
  padding: 10px 12px;
  margin-right: 4px;
}

.sub-nav-tabs .nav-tabs > li > a {
  background-color: rgba(0,0,0,.05);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .08);
  -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, .08);
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .08);
  color: rgba(255, 255, 255, .5);
}

.sub-nav-tabs .nav-tabs > li > a:hover,
.sub-nav-tabs .nav-tabs > li > a:focus {
  color: rgba(255,255,255,1);
  background-color: rgba(0,0,0,.1);
  border: none;
}

.sub-nav-tabs .nav-tabs > li.active > a,
.sub-nav-tabs .nav-tabs > li.active > a:hover,
.sub-nav-tabs .nav-tabs > li.active > a:focus {
  background-color: #fff;
  color: #8c9197;
}

.sub-nav-tabs-gray .nav-tabs > li.active > a,
.sub-nav-tabs-gray .nav-tabs > li.active > a:hover,
.sub-nav-tabs-gray .nav-tabs > li.active > a:focus {
  background-color: #f6f6f6;
}

.sub-nav-tabs select.form-control,
.sub-nav-tabs input.form-control {
  height: 31px;
}


/**
 * Tab Nav w/ Panel (standard - N8, RE-TOOLED)
 */

.panel.panel-dashboard .nav-tabs.tabs-container {
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
  color: #333;
  border-bottom: 1px solid #efefef;
  padding: 4px 4px 0 4px;
}

.panel.panel-dashboard .nav-tabs.tabs-container.nav > li > a {
  padding: 8px 12px;
}

.panel .nav-tabs.tabs-container.nav > li > a > i {
  color: #00b9e4;
  margin-right: 3px;
}

.panel .nav-tabs.tabs-container > li.active > a,
.panel .nav-tabs.tabs-container > li.active > a:hover,
.panel .nav-tabs.tabs-container > li.active > a:focus {
  border: 1px solid #efefef;
  border-bottom-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.panel.panel-dashboard .tab-content {
  padding: 40px 35px 35px 35px;
}

.panel.panel-dashboard .tab-content h2 i,
.panel.panel-dashboard .tab-content h3 i,
.panel.panel-dashboard .tab-content h4 i {
  border-right: 1px solid #efefef;
  padding-right: 8px;
  margin-right: 8px;
}

.panel.panel-dashboard .tab-content span.badge {
  background: #efefef;
  color: #999;
  vertical-align: middle;
  box-shadow: inset 1px 1px 0 #ddd;
}

.panel.panel-dashboard .tab-content td.name span.badge {
  background: #7ac141;
  color: #fff;
  font-size: 9px;
  font-weight: normal;
  line-height: 8px;
  padding: 3px 4px 2px 4px;
  text-transform: uppercase;
  vertical-align: middle;
  box-shadow: none;
}

.panel.panel-dashboard .tab-content p.lead {
  font-size: 12px;
}

.panel.panel-dashboard .tab-content .info-packet {
  border-bottom: 1px solid #e2e3e4;
  border-top: 1px solid #e2e3e4;
  margin: 20px 0;
  padding: 10px 0;
}

.panel.panel-dashboard .tab-content .info-packet h5 {
  font-size: 13px;
  margin-bottom: 6px;
}

.panel.panel-dashboard .tab-content .graphs .graph {
  width: 200px;
  height: 210px;
}

.panel.panel-dashboard .tab-content .progress {
  margin-bottom: 2px;
}

.panel.panel-dashboard .tab-content .progress-bar {
  font-family: gothbold;
  font-size: 10px;
  line-height: 16px;
  text-shadow: 0 0 3px rgba(0,0,0,.4);
}

a.btn-questions {
  border: 1px solid #ddd;
  border-radius: 30px;
  color: #ddd;
  cursor: pointer;
  font-size: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  -webkit-transition: ease-in-out .2s;
  -moz-transition: ease-in-out .2s;
  -ms-transition: ease-in-out .2s;
  -o-transition: ease-in-out .2s;
  transition: ease-in-out .2s;
}

a.btn-questions:hover {
  border: 1px solid #00b9e4;
  color: #00b9e4;
}

.panel.panel-dashboard .panel-body {
  padding: 0 15px;
}

.panel.panel-dashboard .tabs-right-panel {
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #efefef 0%, #fff 100%);
  background-image: linear-gradient(to bottom, #efefef 0%, #fff 100%);
  padding: 0;
  min-height: 400px;
}

.panel.panel-dashboard .tabs-right-panel .right-search {
  background-color: #f1f1f1;
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png');
  background-repeat: repeat;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #fff;
  padding: 5px 10px 10px 10px;
}

.panel.panel-dashboard .tabs-right-panel .right-search {
  color: #777;
  font-weight: normal;
  font-size: 12px;
  text-transform: none;
  text-shadow: -1px -1px 0 rgba(255,255,255,.15);
  margin-bottom: 0;
}

.panel.panel-dashboard .tabs-right-panel .right-search span.pipe-sm {
  color: #bbb;
}

.panel.panel-dashboard .tabs-right-panel .right-content {
  padding: 20px 30px;
}

.panel.panel-dashboard .tabs-right-panel .right-search a span.badge{
  background: #efefef;
  color: #999;
  vertical-align: middle;
  box-shadow: inset 1px 1px 0 #ddd;
}

.panel.panel-dashboard img.user-thumbnail {
  max-width: 34px;
}

.panel.panel-dashboard img.user-thumbnail-sm {
  max-width: 18px;
}

.panel.panel-dashboard .table th {
  color: #999;
  font-family: gothbook;
  font-size: 12px;
  font-weight: normal;
  padding: 6px 8px;
}

.panel.panel-dashboard .table td.name a {
  font-family: gothbold;
  font-size: 14px;
}

.panel.panel-dashboard .table td {
  font-family: gothbook;
  font-size: 12px;
  line-height: 16px;
  padding: 6px;
}

.panel.panel-dashboard .table td .small {
  font-size: 11px;
}

.panel.panel-dashboard .table td .small strong {
  font-family: gothbook;
}

.panel.panel-dashboard .club-stats dt {
  color: #9a9a9a;
  font-family: gothbook;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  text-transform: none;
  text-shadow: -1px -1px 0 rgba(255,255,255,.15);
}

.panel.panel-dashboard .club-stats dd {
  color: #9a9a9a;
}
.panel.panel-dashboard .club-stats dd.stat-value,
.panel.panel-dashboard .club-stats .stat-value  {
  font-family: gothbold;
  font-size: 18px;
  line-height: 24px;
}

.panel.panel-dashboard .club-stats .stat-value small{
  font-family:gothbook;
}

.panel.panel-dashboard .club-stats dd.stat-value span.dash {
  margin: 0 2px;
  font-family: gothlight;
}

.panel.panel-dashboard .club-stats dd.stat-change  {
  border-bottom: 1px solid #e2e3e4;
  color: #00b9e4;
  font-family: gothbold;
  font-size: 10px;
  line-height: 13px;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.panel.panel-dashboard h3 span.data-up,
.panel.panel-dashboard h3 span.data-down {
  font-size: 50%;
}

.panel.panel-dashboard .club-stats .media > .pull-left {
  margin-right: 5px;
}

.data-up,
.panel.panel-dashboard .club-stats dd.stat-change .data-up {
  color: #7ac141;
}

.data-down,
.panel.panel-dashboard .club-stats dd.stat-change .data-down {
  color: #d55c19;
}

.panel.panel-dashboard .club-stats dd.stat-change:last-child {
  border-bottom: 1px transparent;
}

.panel.panel-dashboard .club-stats hr {
  margin: 0 0 5px 0;
}

.stat-green,
.panel.panel-dashboard .club-stats dd.stat-value.stat-green {
  color: #7ac141;
}

a.stat-green:hover {
  color: #5f9f2b;
}

.stat-lt-green,
.panel.panel-dashboard .club-stats dd.stat-value.stat-lt-green {
  color: #8de14d;
}

.stat-blue,
.panel.panel-dashboard .club-stats dd.stat-value.stat-blue {
  color: #00b9e4;
}

.stat-drk-blue,
.panel.panel-dashboard .club-stats dd.stat-value.stat-drk-blue {
  color: #007297;
}

.stat-gray,
.panel.panel-dashboard .club-stats dd.stat-value.stat-gray {
  color: #5e6a71;
}

.stat-lt-gray,
.panel.panel-dashboard .club-stats dd.stat-value.stat-lt-gray {
  color: #d6d6d6;
}

.stat-orange,
.panel.panel-dashboard .club-stats dd.stat-value.stat-orange {
  color: #ec6921;
}

.stat-red,
.panel.panel-dashboard .club-stats dd.stat-value.stat-red {
  color: #b81701;
}

/* XS */
@media (max-width: 767px) {
  .panel.panel-dashboard .tab-content {
    padding: 20px 0 0 0;
  }
  .table-responsive {
    margin-top: 20px;
  }
  .panel.panel-dashboard .tabs-right-panel .right-content {
    padding: 10px 15px;
  }
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
  .panel.panel-dashboard .tab-content {
    padding: 30px 10px 10px 10px;
  }
  .panel.panel-dashboard .tabs-right-panel .right-content {
    padding: 15px 20px;
  }
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
  .panel.panel-dashboard .tab-content {
    padding: 30px 10px 10px 10px;
  }
  .panel.panel-dashboard .tabs-right-panel .right-content {
    padding: 15px 20px;
  }
}


/**
 * Study Clubs
 */

ul.downloads > li > a {
  border-top: 1px solid #e4e4e4;
  line-height: 20px;
  display: block;
  padding: 4px 0;
}

ul.downloads > li > a > span {
  line-height: 20px;
  display: block;
  float: left;
  margin-right: 6px;
}



/**
 * Wells
 */

.well {
  background-color: #f1f1f1;
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png');
  background-repeat: repeat;
  border-top: 1px solid #e4e4e4;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #e4e4e4;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 1px 1px 0 rgba(255, 255, 255, .125);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 1px 1px 0 rgba(255, 255, 255, .125);
}


/*!
 * COLORS for ALERTS
 */

.bg-primary {
  background-color: #00b9e4;
  color: #fff;
}


/**
 * Labels
 */

.label {
  display: inline;
  padding: .2em .4em .2em;
  font-size: 75%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  border-radius: 2px;
}

.label-default {
  background-color: #a4acae;
}

.label-primary,
.label-talk {
  background-color: #00b9e4;
}

.label-success {
  background-color: #57a943;
}

.label-info {
  background-color: #005c84;
}

.label-warning {
  background-color: #d55c19;
}

.label-danger {
  background-color: #a11304;
}

.label-faculty {
  background-color: #596368;
}

.label-club {
  background-color: #5F574F;
}

.label-review {
  background-color: #000;
}

.badge {
  background-color: #d55c19;
}

.badge-gray {
  background-color: #f6f6f6;
  color: #00b9e4;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.08);
  -moz-box-shadow: 1px 1px 0 rgba(0,0,0,.08);
  box-shadow: inset 1px 1px 0 rgba(0,0,0,.08);
  position: relative;
  top: -4px;
}


/**
 * Buttons
 */

.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-sps:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-sps.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active,
.btn-reverse.active,
.btn-gray.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn:active,
.btn.active {
  background-image: none;
}

.btn {
  border-radius: 1px;
  font-family: gothbold;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
  -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
  box-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}

.btn-default {
  color: #009ec3;
  background-color: #dbdcde;
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #f1f1f1 100%);
  background-repeat: repeat-x;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, .25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 1px rgba(0, 0, 0, .075);
  border-color: #efefef;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #00b9e4;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #fff 100%);
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #fff 100%);
  border-color: #efefef;
}

.btn-primary {
  background-color: #00b9e4;
  background-image: -webkit-linear-gradient(top, #00caea 0%, #00b9e4 100%);
  background-image: linear-gradient(to bottom, #00caea 0%, #00b9e4 100%);
  border-color: #02b2db;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #00b9e4;
  background-image: -webkit-linear-gradient(top, #00caea 40%, #00b9e4 100%);
  background-image: linear-gradient(to bottom, #00caea 40%, #00b9e4 100%);
  border-color: #02b2db;
}

.btn-sps {
  background-color: #002744;
  border-color: #002744;
  color: #fff !important;
}
.btn-sps:hover,
.btn-sps:focus,
.btn-sps:active,
.btn-sps.active,
.open .dropdown-toggle.btn-sps {
  background-color: #002744;
  border-color: #002744;
}




.btn-default small {
  color: #8c9197;
  top: -1px;
  font-family: gothmed;
}

.btn-success {
  background-color: #57a943;
  background-image: -webkit-linear-gradient(top, #6cbe53 0%, #57a943 100%);
  background-image: linear-gradient(to bottom, #6cbe53 0%, #57a943 100%);
  border-color: #52a23e;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #57a943;
  background-image: -webkit-linear-gradient(top, #6cbe53 40%, #57a943 100%);
  background-image: linear-gradient(to bottom, #6cbe53 40%, #57a943 100%);
  border-color: #52a23e;
}

.btn-info {
  background-color: #005c84;
  background-image: -webkit-linear-gradient(top, #0072a1 0%, #005c84 100%);
  background-image: linear-gradient(to bottom, #0072a1 0%, #005c84 100%);
  border-color: #005377;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #005c84;
  background-image: -webkit-linear-gradient(top, #0072a1 40%, #005c84 100%);
  background-image: linear-gradient(to bottom, #0072a1 40%, #005c84 100%);
  border-color: #005377;
}

.btn-warning {
  background-color: #d55c19;
  background-image: -webkit-linear-gradient(top, #df721f 0%, #d55c19 100%);
  background-image: linear-gradient(to bottom, #df721f 0%, #d55c19 100%);
  border-color: #cc5714;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #d55c19;
  background-image: -webkit-linear-gradient(top, #df721f 40%, #d55c19 100%);
  background-image: linear-gradient(to bottom, #df721f 40%, #d55c19 100%);
  border-color: #cc5714;
}

.btn-danger {
  background-color: #a11304;
  background-image: -webkit-linear-gradient(top, #b71805 0%, #a11304 100%);
  background-image: linear-gradient(to bottom, #b71805 0%, #a11304 100%);
  border-color: #9a1305;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #a11304;
  background-image: -webkit-linear-gradient(top, #b71805 40%, #a11304 100%);
  background-image: linear-gradient(to bottom, #b71805 40%, #a11304 100%);
  border-color: #9a1305;
}

.btn-reverse {
  color: #fff;
  background-color: #1b242a;
  background-image: -webkit-linear-gradient(top, #202a31 0%, #1b242a 100%);
  background-image: linear-gradient(to bottom, #202a31 0%, #1b242a 100%);
  border-color: #171f24;
}

.btn-reverse:hover,
.btn-reverse:focus,
.btn-reverse:active,
.btn-reverse.active,
.open .dropdown-toggle.btn-reverse {
  color: #fff;
  background-image: -webkit-linear-gradient(top, #202a31 40%, #1b242a 100%);
  background-image: linear-gradient(to bottom, #202a31 40%, #1b242a 100%);
  border-color: #171f24;
  text-decoration: none;
}

.btn-link {
  color: #00b9e4;
  background-color: #fff;
  border-color: #fff;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
  color: #009ec3;
  background-color: #fff;
  border-color: #fff;
  text-decoration: none;
}

.btn-outline-gray,
.btn-outline-dark-blue,
.btn-outline-drk-gray,
.btn-outline-white,
.btn-outline-green,
.btn-outline-blue,
.btn-outline-toggle,
.btn-outline-edit {
  background-color: none;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.btn-outline-gray span,
.btn-outline-dark-blue span,
.btn-outline-drk-gray span,
.btn-outline-white span,
.btn-outline-blue span,
.btn-outline-orange span,
.btn-outline-warning span,
.btn-outline-green span,
.btn-outline-edit span {
  margin-right: 4px;
}

.btn-outline-orange,
.btn-outline-warning {
  color: #d55c19;
  border: 1px solid #d55c19;
}

.btn-outline-orange:hover,
.btn-outline-warning:hover {
  color: #ae3e00;
  border: 1px solid #ae3e00;
}

.btn-outline-gray {
  color: #888;
  border: 1px solid #e2e3e4;
}

.btn-outline-dark-blue {
  background: none !important;
  border: 1px solid #A3ADC5;
  color: #13284b;
  font-family: gothbold, sans-serif !important;
}

.btn-outline-drk-gray {
  color: #999;
  border: 1px solid #999;
}

.btn-outline-gray:hover,
.btn-outline-gray:focus,
.btn-outline-gray:active,
.btn-outline-gray.active,
.open .dropdown-toggle.btn-outline-gray,
.btn-outline-drk-gray:hover,
.btn-outline-drk-gray:focus,
.btn-outline-drk-gray:active,
.btn-outline-drk-gray.active,
.open .dropdown-toggle.btn-outline-drk-gray {
  color: #00b9e4;
  border-color: #00b9e4;
  text-decoration: none;
}

.btn-outline-dark-blue:hover {
  border: 1px solid #13284b;
}

.btn-outline-toggle {
  padding: 3px 6px;
  color: #555;
  border: 1px solid #555;
}

.btn-outline-toggle:hover,
.btn-outline-toggle:focus,
.btn-outline-toggle:active,
.btn-outline-toggle.active,
.open .dropdown-toggle.btn-outline-toggle {
  color: #999;
  border-color: #999;
  text-decoration: none;
}


.btn-outline-white {
  color: rgba(255,255,255,.6);
  border: 1px solid rgba(255,255,255,.5);
}

.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:active,
.btn-outline-white.active,
.open .dropdown-toggle.btn-outline-white {
  color: #fff;
  border-color: #fff;
  text-decoration: none;
}

.btn-outline-blue {
  color: #00b9e4;
  border: 1px solid #00b9e4;
}

.btn-outline-blue:hover,
.btn-outline-blue:focus,
.btn-outline-blue:active,
.btn-outline-blue.active,
.open .dropdown-toggle.btn-outline-blue {
  color: #13d1fd;
  border-color: #13d1fd;
  text-decoration: none;
}

.btn-item-edit:hover {
  color: #88bc45;
  border: 1px solid #88bc45;
}

.btn-item-delete:hover {
  color: #cc0000;
  border: 1px solid #cc0000;
}

.btn-outline-green,
.btn-outline-edit {
  color: #88bc45;
  border: 1px solid #88bc45;
}

.btn-outline-edit:hover, .btn-outline-edit:focus, .btn-outline-edit:active, .btn-outline-edit.active,
.btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green.active,
.open .dropdown-toggle.btn-outline-green,
.open .dropdown-toggle.btn-outline-edit {
  color: #93d043;
  background: rgba(255,255,255,.25);
  border-color: #93d043;
  text-decoration: none;
}

.btn-xs {
  font-size: 11px;
  font-family: gothmed;
  padding: 2px 6px;
}

.btn-gray {
  background-color: #434d52;
  background-image: -webkit-linear-gradient(top, #5e6a71 0%, #434d52 100%);
  background-image: linear-gradient(to bottom, #5e6a71 0%, #434d52 100%);
  border-color: #434d52;
  color: #999;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-info {
  background-color: #434d52;
  background-image: -webkit-linear-gradient(top, #5e6a71 40%, #434d52 100%);
  background-image: linear-gradient(to bottom, #5e6a71 40%, #434d52 100%);
  border-color: #434d52;
  color: #ccc;
}


/**
 * Articles
 */

.article {
  background: rgba(255, 255, 255, 0.85);
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 30px;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.article:hover {
  background: rgba(255, 255, 255, 1);
}

.article.clickable {
  cursor: pointer;
}

.article a {
  text-decoration: none !important;
}

.article h4.two-lines {
  height: 34px;
  overflow: hidden;
}

.article h4.three-lines {
  height: 52px;
  overflow: hidden;
}

.article a:hover {
  color: #00c2ef;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.article-thumbnail {
  height: 140px;
  overflow: hidden;
}

.article-thumbnail img {
  width: 100%;
}

.article-body {
  padding: 10px;
}

.article-body p {
  color: #1b242a;
  line-height: 18px;
  margin: 0 40px 0 0;
}

.article .circle-arrow {
  position: absolute;
  right: 8px;
  bottom: 8px;
  color: #eeeeee;
  font-size: 30px;
  line-height: 22px;
  border: 2px solid #eeeeee;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  border-radius: 30px;
  font-family: gothlight;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  z-index: 100;
}

.article .circle-arrow:hover {
  color: #00b9e4;
  border: 2px solid #00b9e4;
}

.article .badge {
  background-color: #999;
  font-size: 10px;
  margin-left: 4px;
  padding: 2px 4px 3px 5px;
  position: relative;
  top: -1px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.article .badge:hover {
  background-color: #666;
}

.article .badge a {
  color: #fff;
}

.article .badge {
  background-color: #999;
  font-size: 10px;
  margin-left: 4px;
  padding: 2px 4px 3px 5px;
  position: relative;
  top: -1px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.article .pipe {
  margin: 0 4px 0 6px;
}

.article-thumbnail {
  position: relative;
}

.article-share {
  position: absolute;
  top: 10px;
  left: 10px;
  opacity: 0.7;
  -webkit-transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}

.article-share:hover {
  opacity: 1;
}

.article-category {
  font-size: 11px;
  line-height: 19px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-transform: uppercase;
}

.article-category div {
  padding: 0 10px;
  min-width: 160px;
}

.article-excerpt {
  height: 90px;
  margin: 8px 0;
  overflow: hidden;
}

/* XS */
@media (max-width: 767px) {
  .article,
  .article h4.three-lines,
  .article-excerpt {
    height: auto;
  }
}


/**
 * MEDIA / SHARING
 */

.media-share {
  margin: 0 !important;
}

.media-share > .pull-left {
  margin-right: 4px;
}

.media-share a.comments {
  background: #444d52;
  color: #fff !important;
  font-family: gothbook;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  min-width: 34px;
  /* opacity: .65; */
  padding: 0 8px;
  position: relative;
  text-align: center;
}

.media-share a.comments:after {
  top: 100%;
  left: 8px;
  border: solid;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 8px 8px 0 0;
  border-color: #444d52 transparent transparent transparent;
}


/**
 * Thumbnails
 */

.thumbnail {
  padding: 0;
  margin-bottom: 0;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 1px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.thumbnail .caption {
  padding: 15px;
  margin-bottom: 0;
}

.thumbnail .caption h3 {
  margin-top: 0;
}

.img-thumbnail {
  padding: 4px;
  border: 1px solid #efefef;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 1px #efefef;
  -moz-box-shadow: 1px 1px 1px #efefef;
  -ms-box-shadow: 1px 1px 1px #efefef;
  box-shadow: 1px 1px 1px #efefef;
}

.img-thumbnail-lg {
  padding: 8px;
}

/**
 * Forms
 */

.form-control,
.disabled {
  color: #555;
  background-color: #f9f9f9;
  background-image: none;
  border-top: 1px solid #e2e3e4;
  border-right: 1px solid rgba(212, 212, 212, .075);
  border-bottom: 1px solid rgba(212, 212, 212, .075);
  border-left: 1px solid #e2e3e4;
  border-radius: 2px;
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .05);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus,
.disabled:focus {
  border-color: #00b9e4;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(0, 185, 228, .35);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(0, 185, 228, .35);
}

.has-error .form-control {
  border-color: #a11304;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .form-control:focus {
  border-color: #a11304;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(161, 19, 4, .35);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(161, 19, 4, .35);
}

.text-error,
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error .form-control-feedback {
  color: #a11304;
}

.has-warning .form-control {
  border-color: #d55c19;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-warning .form-control:focus {
  border-color: #d55c19;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(213, 92, 25, .35);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(213, 92, 25, .35);
}

.text-warning,
a.text-warning,
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning .form-control-feedback {
  color: #d55c19;
}

a.text-warning:hover {
  color: #ae3e00;
}

.has-success .form-control {
  border-color: #57a943;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-success .form-control:focus {
  border-color: #57a943;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(87, 169, 67, .35);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(87, 169, 67, .35);
}

.text-success,
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success .form-control-feedback {
  color: #57a943;
}

.input-group-addon {
  color: #b2b2b2;
  background-color: #efefef;
  border: 1px solid #e2e3e4;
  border-radius: 1px;
}


/**
 * Table
 */

table {
  border-color: #f9f9f9;
  background: #fff;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #FAFEFF;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #f1f1f1;
}

.table > thead > tr > th {
  border-bottom: 2px solid #f1f1f1;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #f1f1f1;
}


/**
 * Settings
 */

.settings h6 {
  color: #999999;
  font-size: 11px;
  margin-top: 5px;
  text-decoration: uppercase;
}

.settings ul {
  background-color: #f9f9f9;
}

.settings ul li {
  border-bottom: 1px solid #f1f1f1;
  padding: 10px 15px;
}

.settings h6,
.settings ul li p {
  margin-bottom: 0;
}

.settings ul li:nth-child(odd) {
  background-color: #fff;
}

/* XS */
@media (max-width: 767px) {
  .settings ul li {
    padding: 20px 15px;
  }
  .settings p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px !important;
  }
  .settings .panel.panel-body {
    padding: 0 !important;
    margin-bottom: 0;
  }

}

/**
 * Bookmarks
 */

#bookmark-list-group {
  margin-bottom: 0;
}

li#bookmark-items {
  padding: 0px 5px;
}

li#bookmark-items span {
  margin: 7px 7px 0 4px;
}

#bookmark-list-group h4:hover {
  color: #0099bd;
}


/**
 * Notifications
 */

#user-notifications-controller .table {
  margin-bottom: 0;
}

#user-notifications-controller .table th {
  color: #777;
  font-family: gothbook;
  font-size: 12px;
  font-weight: normal;
  padding: 6px 8px;
}

#user-notifications-controller .table td {
  font-size: 13px;
  color: #333;
}

#user-notifications-controller a.read-notification.read-title {
  font-family: gothbook;
  font-size: 16px;
}

.table-sub-links {
  font-size: 12px;
  padding: 5px 25px;
}


/**
 * Menus
 */

.dropdown-menu {
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #f0f0f0;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.1);
  box-shadow: 1px 1px 5px rgba(0,0,0,.1);
}

.dropdown-menu > li > a {
  color: #777;
}

.dropdown-header {
  font-size: 10px;
  text-transform: uppercase;
  color: #b7bdbe;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #b7bdbe;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #009ec3;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f9f9f9 100%);
  background-image:         linear-gradient(to bottom, #f9f9f9 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff9f9f9', GradientType=0);
  background-repeat: repeat-x;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #009ec3;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f9f9f9 100%);
  background-image:         linear-gradient(to bottom, #f9f9f9 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff9f9f9', GradientType=0);
  background-repeat: repeat-x;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #f9f9f9;
  border-color: #00b9e4;
}

ul.li-stripes {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

ul.li-stripes li {
  color: #666;
  line-height: 20px;
  padding: 10px 15px;
}

ul.li-stripes :nth-child(odd) {
  background-color: #f6f6f6;
}


/**
 * MY SPEAR
 */

#panel-my-spear > .panel-body {
  padding: 5px;
}

#panel-my-spear > .panel-body .menu-packet h4 {
  margin: 5px auto 2px auto;
}

#panel-my-spear > .panel-body .icon {
  font-size: 35px;
}

#panel-my-spear > .panel-body .menu-packet {
  background-color: #f6f6f6;
  margin-bottom: 5px;
  padding: 5px;
}

#panel-my-spear > .panel-body ul.my-spear a {
  font-size: 12px;
  padding-top: 10px;
}


#panel-my-spear > .panel-body ul.my-spear a:hover,
#panel-my-spear > .panel-body ul.my-spear a:focus {
  color: #00b9e4;
  text-decoration: none;
}

#panel-my-spear > .panel-body .menu-packet ul.my-spear a:hover,
#panel-my-spear > .panel-body .menu-packet ul.my-spear a:focus {
  background: #fff;
}


/**
 * NAV TABS
 */

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,.1);
  box-shadow: 0 -1px 2px rgba(0,0,0,.1);
}

.nav-tabs > li > a:hover {
  border-bottom: none;
}

.nav-tabs > li > a:hover {
  background-color: rgba(0,0,0,.02);
  border-bottom: none;
}

.nav-tabs {
  border-bottom: none;
}


/**
 * Calendar
 */

.calendar-wrapper {
  background: #fff;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  border: 0;
}

.header-date {
  color: #00b9e4 !important;
  font-family: 'gothlight';
  font-size: 32px !important;
  line-height: 35px !important;
  font-weight: normal !important;
}

.header-title {
  color: #1b242a !important;
  font-family: 'gothbook';
  font-weight: normal !important;
}

a.prev-month {
  text-align: left !important;
  padding-left: 20px !important;
}

a.next-month {
  text-align: right !important;
  padding-right: 20px !important;
}

a.prev-month,
a.next-month {
  color: #8c9197 !important;
  font-family: 'gothlight';
  font-size: 16px !important;
  font-weight: normal !important;
  margin-top: 12px !important;
}

a.prev-month:hover,
a.next-month:hover {
  color: #00b9e4 !important;
}

.calendar-wrapper table th {
  background: #00b9e4 !important;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  padding: 0 14px;
  text-align: left;
  text-transform: uppercase;
  width: 14%;
}

.day-number {
  font-family: 'gothlight';
  font-size: 24px !important;
  font-weight: normal !important;
}

.calendar-wrapper table td.has-events span.day-number {
  font-family: 'gothbook';
}

.day {
  background-color: #fff;
}

.prev-month,
.next-month {
  color: #666;
}

.prev-month span.day-number,
.next-month span.day-number {
  color: #ccc !important;
}

.today {
  border-top: 2px solid #df721f !important;
  border-right: 2px solid #e4e4e4 !important;
  border-bottom: 2px solid #e4e4e4 !important;
  border-left: 2px solid #e4e4e4 !important;
}

.today span.day-number {
  color: #df721f  !important;
  font-family: 'gothbold' !important;
}

.calendar-wrapper table td.prev-month,
.calendar-wrapper table td.next-month {
  background-image: url('https://www.speareducation.com/images/layout/stripes-gray-10.png');
  background-color: #fdfdfd;
  color: #efefef !important;
}

.calendar-wrapper table td {
  border: 1px solid #efefef;
}

.date-box {
  background: #fff;
  box-shadow: 1px 1px 0 #ccc;
  text-align: center;
  width: 90px;
}

.date-box .month {
  background: #dadcdd;
  color: #333;
  display: block;
}

.date-box .day {
  color: #00b9e4;
  display: block;
  font-size: 36px;
  font-weight: bold;
  line-height: 30px;
  padding: 10px 0 5px 0;
}

.date-box .year {
  display: block;
}

.date-box.date-box-sm {
  width: 60px;
}

.date-box.date-box-sm {
  width: 60px;
}

.date-box.date-box-sm .month,
.date-box.date-box-sm .year {
  font-size: 11px;
}

.date-box.date-box-sm .day {
  font-size: 24px;
  line-height: 20px;
  padding: 6px 0 3px 0;
}

.date-box-responsive {
  background: #fff;
  box-shadow: 1px 1px 0 #ccc;
  text-align: center;
  width: 70px;
  margin-right: 15px;
}

.date-box-responsive .month {
  background: #edeeee;
  color: #8c9197;
  font-family: 'gothmed';
  font-size: 9px;
  line-height: 16px;
  text-transform: uppercase;
  display: block;
}

.date-box-responsive .day {
  color: #00b9e4;
  display: block;
  font-size: 36px;
  font-family: 'gothlight';
  line-height: 30px;
  padding: 8px 0 2px 0;
}

.date-box-responsive .year {
  display: block;
  color: #8c9197;
  font-family: 'gothlight';
  font-size: 9px;
  line-height: 18px;
  text-transform: uppercase;
  display: block;
}

p.date-box-text {
  padding-left: 85px;
}



/**
 * Gallery
 */

.gallery {
  margin-top: 15px;
  background-color: #e6e6e6;
}


ul.gallery  {
  margin-left: 0;
  padding-left: 0;
}

.gallery li {
  list-style: none;
  float: left;
}

.gallery img {
  width: 212px;
  height: 212px;
  margin: 0 6px 6px 0;
  border: 3px solid #fff;
}

.gallery img:hover {
  border: 3px solid #00b9e4;
  -webkit-transition: all .25s ease;
}


/**
 * Accommodations
 */

#resort-menu hr {
  margin: 10px 0;
}


/**
 * Visiting Members
 */

#visiting-members {
  color: #0099bd;
  font-size: 12px;
  font-family: 'gothmed';
}


/**
 * Faculty
 */

.bio {
  line-height: 19px;
  margin-bottom: 20px;
}


/**
 * Footer
 */

#footer {
  background: #fff;
  font-size: 13px;
}

#footer hr {
  margin-top: 20px;
  margin-bottom: 20px;
}

#footer ul,
#footer ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer ul a,
#footer dl a {
  color: #1b242a;
  line-height: 20px;
}

#footer ul a:hover,
#footer dl a:hover {
  color: #00b9e4;
}

#footer dl dt {
  background: #f1f1f1;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  color: #00b9e4;
  font-family: gothlight;
  font-size: 10px;
  float: left;
  line-height: 20px;
  margin-right: 6px;
  padding: 0 4px;
}

#footer dl dd {
  margin-bottom: 10px;
  padding: 0 0 0 50px;
}

#footer .row.info {
  padding-top: 40px;
}

#footer .copyright a {
  color: #1b242a;
}

.social-icons {
  float: left;
}

.social-icons a {
  background: #f8f8f8;
  border-radius: 15px;
  box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
  color: #d2d6d7;
  float: left;
  font-size: 16px;
  display: block;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
  -webkit-transition: all ease-in-out .125s;
  -moz-transition: all ease-in-out .125s;
  -ms-transition: all ease-in-out .125s;
  -o-transition: all ease-in-out .125s;
  transition: all ease-in-out .125s;
  width: 30px;
}

.social-icons a:hover {
  color: #fff;
}

.social-icons a.facebook:hover {
  background: #314a87;
}

.social-icons a.twitter:hover {
  background: #22bbf4;
}

.social-icons a.google:hover {
  background: #d3492c;
}

.social-icons a.linkedin:hover {
  background: #006dc0;
}

.social-icons a.youtube:hover {
  background: #d72a25;
}

.social-icons a.mail:hover {
  background: #00b9e4;
}

.social-icons .row {
  padding: 0 15px;
}

.social-icons .col-xs-2 {
  padding: 0 1px;
}

#footer .footer-base {
  padding-bottom: 20px;
  line-height: 15px;
}



/**
 * DIGITAL SUITE
 */

.ds-icon {
  background-image: url('http://www.speareducation.com/images/layout/sprite-dc-icons.png');
  background-repeat: no-repeat;
  display: block;
  height: 60px;
  margin: 10px auto 0 auto;
  opacity: 0.9;
  width: 70px;
  text-indent: -9999px;
}

a:hover .ds-icon {
  opacity: 1;
}

.ds-icon.inactive,
a:hover .ds-icon.inactive {
  opacity: 0.10;
}

.ds-icon-white {
  background-image: url('http://www.speareducation.com/images/layout/sprite-dc-icons-white.png');
}

.ds-icon-gray {
  background-image: url('http://www.speareducation.com/images/layout/sprite-dc-icons-gray.png');
}

.ds-icon.course-library {
  background-position: 0 0;
}

.ds-icon.staff-training {
  background-position: 0 -60px;
}

.ds-icon.case-assistant {
  background-position: 0 -120px;
}

.ds-icon.spear-talk {
  background-position: 0 -180px;
}

.ds-icon.ce-credits {
  background-position: 0 -240px;
}

.ds-icon.cloud-based {
  background-position: 0 -300px;
}

.ds-icon.increased-revenue {
  background-position: 0 -360px;
}

.ds-icon.easy-to-use {
  background-position: 0 -420px;
}

.ds-icon.full-list-features {
  background-position: 0 -480px;
}

.ds-icon.study-club {
  background-position: 0 -540px;
}

.ds-icon.faculty,
.ds-icon.faculty-club,
.ds-icon.our-faculty {
  background-position: 0 -600px;
}

.ds-icon.spear-digest {
  background-position: 0 -660px;
}

.ds-icon.seminars-workshops,
.ds-icon.seminars-and-workshops {
  background-position: 0 -720px;
}

.ds-icon.intranet {
  background-position: 0 -780px;
}

.ds-icon.free-content {
  background-position: 0 -840px;
}

.ds-icon.free-content-blue {
  background-position: 0 -900px;
}

.ds-icon.cct {
  background-position: 0 -960px;
}

.ds-icon.video-toolbox {
  background-position: 0 -1020px;
}

.ds-icon.whats-included {
  background-position: 0 -1080px;
}

.ds-icon.straumann {
  background-position: 0 -1140px;
}

.ds-icon-sm {
  background-image: url('http://www.speareducation.com/images/layout/sprite-dc-icons-sm.png');
  background-repeat: no-repeat;
  display: block;
  height: 24px;
  margin: 10px auto 0 auto;
  opacity: 0.9;
  width: 28px;
  text-indent: -9999px;
}

a:hover .ds-icon-sm {
  opacity: 1;
}

.ds-icon-white-sm {
  background-image: url('http://www.speareducation.com/images/layout/sprite-dc-icons-white-sm.png');
}

.ds-icon-gray-sm {
  background-image: url('http://www.speareducation.com/images/layout/sprite-dc-icons-gray-sm.png');
}

.ds-icon-sm.course-library {
  background-position: 0 0;
}

.ds-icon-sm.staff-training {
  background-position: 0 -24px;
}

.ds-icon.video-toolbox {
  background-position: 0 -1020px;
}

.ds-icon-sm.case-assistant {
  background-position: 0 -48px;
}

.ds-icon-sm.spear-talk {
  background-position: 0 -72px;
}

.ds-icon-sm.ce-credits {
  background-position: 0 -96px;
}

.ds-icon-sm.cloud-based {
  background-position: 0 -120px;
}

.ds-icon-sm.increased-revenue {
  background-position: 0 -144px;
}

.ds-icon-sm.easy-to-use {
  background-position: 0 -168px;
}

.ds-icon-sm.full-list-features {
  background-position: 0 -192px;
}

.ds-icon-sm.study-club {
  background-position: 0 -216px;
}

.ds-icon-sm.faculty,
.ds-icon-sm.faculty-club,
.ds-icon-sm.our-faculty {
  background-position: 0 -240px;
}

.ds-icon-sm.spear-digest {
  background-position: 0 -264px;
}

.ds-icon-sm.seminars-workshops,
.ds-icon-sm.seminars-and-workshops {
  background-position: 0 -288px;
}

.ds-icon-sm.intranet {
  background-position: 0 -312px;
}

.ds-icon-sm.free-content {
  background-position: 0 -336px;
}

.ds-icon-sm.video-toolbox {
  background-position: 0 -408px;
}

.ds-icon-sm.whats-included{
  background-position: 0 -432px;
}

.ds-icon-sm.straumann {
  background-position: 0 -456px;
}

#benefits-menu ul {
  padding-top: 10px;
}

#benefits-menu .nav > li > a {
  padding: 7px 6px;
  border: none;
  border-radius: 0;
  text-align: center;
  margin-right: 4px;
}

#benefits-menu .nav > li > a:hover {
  background: #323a40;
}

#benefits-menu .nav > li.active > a {
  background-color: #fff;
  position: relative;
}

#benefits-menu .nav > li.active > a:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}


/**
 * BADGE ICONS
 */

.badge-icon {
  background-image: url('http://www.speareducation.com/images/layout/sprite-badge-icons.png');
  background-repeat: no-repeat;
  display: block;
  height: 60px;
  margin: 10px auto 0 auto;
  opacity: 0.9;
  width: 70px;
  text-indent: -9999px;
}

.badge-icon-gray,
.badge-icon-grey {
  background-image: url('http://www.speareducation.com/images/layout/sprite-badge-icons-gray.png');
}

.badge-icon-white {
  background-image: url('http://www.speareducation.com/images/layout/sprite-badge-icons-white.png');
}

a:hover .badge-icon {
  opacity: 1;
}

.badge-icon.inactive,
a:hover .badge-icon.inactive {
  opacity: 0.10;
}

.badge-icon.faculty-club {
  background-position: 0 -180px;
}

.badge-icon.study-club {
  background-position: 0 -120px;
}

.badge-icon.workshops {
  background-position: 0 -60px;
}

.badge-icon.seminars {
  background-position: 0 0;
}


/**
 * FILE TYPE ICONS
 */

.file-icon {
  background-image: url('http://www.speareducation.com/images/layout/sprite-file-types.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 40px;
  opacity: 0.9;
  width: 40px;
  text-indent: -9999px;
}

a:hover .file-icon {
  opacity: 1;
}

.file-icon.file-icon-doc {
  background-position: 0 0;
}

.file-icon.file-icon-xlsx,
.file-icon.file-icon-xls {
  background-position: 0 -40px;
}

.file-icon.file-icon-pdf {
  background-position: 0 -80px;
}

.file-icon.file-icon-jpg {
  background-position: 0 -120px;
}

.file-icon.file-icon-png {
  background-position: 0 -160px;
}

.file-icon.file-icon-zip {
  background-position: 0 -200px;
}

.file-icon.file-icon-mov {
  background-position: 0 -240px;
}

.file-icon.file-icon-generic {
  background-position: 0 -280px;
}

.file-icon-sm {
  background-image: url('http://www.speareducation.com/images/layout/sprite-file-types-sm.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  opacity: 0.9;
  width: 20px;
  text-indent: -9999px;
}

a:hover .file-icon-sm {
  opacity: 1;
}

.file-icon-sm.file-icon-doc {
  background-position: 0 0;
}

.file-icon.file-icon-xlsx,
.file-icon-sm.file-icon-xls {
  background-position: 0 -20px;
}

.file-icon-sm.file-icon-pdf {
  background-position: 0 -40px;
}

.file-icon-sm.file-icon-jpg {
  background-position: 0 -60px;
}

.file-icon-sm.file-icon-png {
  background-position: 0 -80px;
}

.file-icon-sm.file-icon-zip {
  background-position: 0 -100px;
}

.file-icon-sm.file-icon-mov {
  background-position: 0 -120px;
}

.file-icon-sm.file-icon-generic {
  background-position: 0 -140px;
}


/**
 * Key
 */

#key {
  border-top: none;
  border-bottom: none;
  color: #fff;
  margin: 0;
  line-height: normal;
}

#key .media {
  margin: 6px 0;
}

#key span.icon {
  background-color: #00b9e4;
  color: #fff;
  float: left;
  font-size: 20px;
  height: 28px;
  line-height: 28px;
  margin: 2px 8px 0 0;
  overflow: hidden;
  text-align: center;
  width: 28px;
}

#key span.icon.quick-view {
  background-image: url('https://www.speareducation.com/images/content/case-assistant/case-library/quick-view.png');
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -10000px;
}

#key span.icon.remove {
  background-color: #333;
  line-height: 24px;
}


/**
 * Sections
 */

.section.top-gradient,
.section-top-gradient {
  background: #f1f1f1 url('https://www.speareducation.com/images/layout/content-gradient-stripes.png') repeat-x top left;
  border-top: 1px solid #e2e3e4;
}

.section.top-gradient-white,
.section-top-gradient-white {
  background: #fff url('https://www.speareducation.com/images/layout/content-gradient-stripes.png') repeat-x top left;
  border-top: 1px solid #e2e3e4;
}

.section.white,
.section-white {
  background: #fff;
}

/**
 * Sections
 */

.section {
  padding: 30px 0;
}

.section-sm {
  padding: 15px 0;
}

.section-top {
  padding: 30px 0 0 0;
}

.section-bottom {
  padding: 0 0 30px 0;
}

.section-right {
  padding: 30px 0 0 30px;
}

.section h1, .section h2, .section h3, .section h4, .section h5, .section h6 {
  padding: 0;
}

.section.bkg-white {
  background-color: #fff;
}

.section.gray {
  background-color: #f0f0f0;
}

.section.warm-gray {
  background-color: #ebebeb;
}

.section.section-title {
  margin-bottom: 5px;
  padding: 30px 0 0 0;
}

.section.section-title .lead {
  margin-bottom: 0;
}

.section.search-upgrade .col-sm-8.upgrade-btn-left {
  padding-right: 0;
}

.section.search-upgrade .btn {
  cursor: pointer;
}

.section.search-upgrade {
  background: #00b9e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007297', endColorstr='#006282');
  background: -webkit-gradient(linear, left top, left bottom, from(#007297), to(#006282));
  background: -moz-linear-gradient(top, #007297, #006282);
  padding: 20px 0;
}

.section.search-upgrade  #select-a-topic-form label {
  color: #00b9e4;
  font-family: gothmed;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  padding-top: 0;
  padding-bottom: 10px;
  text-align: center;
}

.btn-promo,
.section.search-upgrade .upgrade-btn-left .btn-promo {
  padding: 0;
}

.btn-promo .media,
.section.search-upgrade .upgrade-btn-left .btn-promo .media {
  margin: 0;
}

.btn-promo .date,
.btn-promo .large-title,
.section.search-upgrade .upgrade-btn-left .btn-promo .date,
.section.search-upgrade .upgrade-btn-left .btn-promo .large-title {
  font-size: 22px;
  line-height: 20px;
}

.btn-promo .media-body.offer,
.section.search-upgrade .upgrade-btn-left .btn-promo .media-body.offer {
  padding: 12px 0 12px 0;
}

.btn-promo .upgrade-btn-right a,
.section.search-upgrade .upgrade-btn-right a {
  height: 64px;
  padding: 10px 0 10px 0;
}

.btn-promo .media > .pull-right.countdown span.days-left,
.section.search-upgrade .upgrade-btn-left .btn-promo .media > .pull-right.countdown span.days-left {
  font-size: 8px;
}

.btn-promo .media > .pull-right.countdown,
.section.search-upgrade .upgrade-btn-left .btn-promo .media > .pull-right.countdown {
  background: rgba(0,0,0,.15);
  line-height: 9px;
  padding: 10px 20px 12px 15px;
  position: relative;
}

.btn-promo .media > .pull-right.countdown:before,
.section.search-upgrade .upgrade-btn-left .btn-promo .media > .pull-right.countdown:before {
  width: 0;
  height: 0;
  content: " ";
  border-style: solid;
  border-width: 0 20px 32px 0;
  border-color: transparent rgba(0,0,0,.15) transparent transparent;
  position: absolute;
  top: 0;
  right: 100%;
}

.btn-promo .media > .pull-right.countdown:after,
.section.search-upgrade .upgrade-btn-left .btn-promo .media > .pull-right.countdown:after {
  width: 0;
  height: 0;
  content: " ";
  border-style: solid;
  border-width: 0 0 32px 20px;
  border-color: transparent transparent rgba(0,0,0,.15) transparent;
  position: absolute;
  bottom: 0;
  right: 100%;
}



/**
 * FLASH SALE <TEMP> BUTTON CLASSES
 */

.btn-flash-sale {
  background: #01BBE3 url('http://www.speareducation.com/images/content/sign-up/flash_sales/2014/12/btn-bkg-tile.png');
  /*background-image: -webkit-linear-gradient(top, #01BBE3 0%, #151515 100%);*/
  /*background-image: linear-gradient(to bottom, #01BBE3 0%, #151515 100%);*/
  border-color: #017c96;
  overflow: visible;
  position: relative;
}

.btn-flash-sale:before,
.btn-flash-sale:after {
  position: absolute;
  top: -4px;
}

.btn-flash-sale:before {
  content: url('http://www.speareducation.com/images/content/sign-up/flash_sales/2014/12/btn-snow-left.png');
  left: -4px;
}

.btn-flash-sale:after {
  content: url('http://www.speareducation.com/images/content/sign-up/flash_sales/2014/12/btn-snow-right.png');
  right: -4px;
}

.btn-flash-sale:hover,
.btn-flash-sale:focus,
.btn-flash-sale:active {
  background: #01c0e9 url('/images/content/sign-up/flash_sales/2014/12/btn-bkg-tile.png');
  /*background-image: -webkit-linear-gradient(top, #01BBE3 10%, #151515 100%);*/
  /*background-image: linear-gradient(to bottom, #01BBE3 10%, #151515 100%);*/
  border-color: #017c96;
}


.btn-flash-sale > .pull-right.countdown,
.btn-flash-sale .media > .pull-right.countdown {
  background: rgba(0,0,0,.5);
}

.btn-flash-sale .media > .pull-right.countdown:before {
  border-color: transparent rgba(0,0,0,.5) transparent transparent;
}

.btn-flash-sale .media > .pull-right.countdown:after {
  border-color: transparent transparent rgba(0,0,0,.5) transparent;
}

/**
 * END FLASH SALE CLASSES
 */


.subjects {
  background: #00b9e4;
  color: #fff;
  position: relative;
}

#team-education-controller .subjects {
  background: #004a87;
  color: #fff;
  position: relative;
}

#team-education-controller .subjects .lead {
  color: #fff;
}

.subjects .container {
  padding-bottom: 20px;
  padding-top: 35px;
}

.subjects h4 {
  color: #fff;
  margin: 0 auto 10px;
  text-transform: uppercase;
}

.subjects .line-left {
  border-left: 1px solid #fff;
  border-left: 1px solid rgba(255,255,255,.15);
}

.subjects ul.list-unstyled li {
  line-height: 18px;
  margin-bottom: 15px;
}

.subjects ul.list-unstyled {
  margin-bottom: 0;
}

.subjects .top-shadow {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,.125)', endColorstr='rgba(0,0,0,.0)');
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.125)), to(rgba(0,0,0,.0)));
  background: -moz-linear-gradient(top, rgba(0,0,0,.125), rgba(0,0,0,.0));
  width: 100%;
  height: 15px;
  left: 0;
  position: absolute;
}

.subjects ul > li > a {
  color: #fff;
  display: block;
  opacity: .8;
  position: relative;
  -webkit-transition: all ease-in-out .125s;
  -moz-transition: all ease-in-out .125s;
  -ms-transition: all ease-in-out .125s;
  -o-transition: all ease-in-out .125s;
  transition: all ease-in-out .125s;
}

.subjects a:hover {
  opacity: 1;
}

.subjects ul > li > a:before {
  content: '? ';
  font-size: 16px;
  left: -15px;
  opacity: 0;
  position: absolute;
  -webkit-transition: all ease-in-out .25s;
  -moz-transition: all ease-in-out .25s;
  -ms-transition: all ease-in-out .25s;
  -o-transition: all ease-in-out .25s;
  transition: all ease-in-out .25s;
}

.subjects ul > li > a:hover:before {
  left: -10px;
  opacity: .6;
}

.packet {
  background: #fff;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.packet h2.title {
  font-family: 'gothbook';
  margin-bottom: 20px;
  border-left: 1px solid #00b9e4;
  margin-left: -20px;
  padding-left: 18px;
  line-height: 25px;
}

.packet h2.title small {
  font-family: 'gothlight';
  margin-top: 4px;
}

.base {
  background-color: #fdfdfd;
  background-image: url('https://www.speareducation.com/images/layout/stripes-tan.png');
  margin-right: -20px;
  margin-left: -20px;
  line-height: 18px;
  padding: 20px;
  border-top: 1px solid #efefef;
}

.base h3 {
  margin: 0;
  line-height: 37px;
}

.base .price {
  padding-right: 0;
}

.training-info {
  font-size: 12px;
  line-height: 20px;
}

.training-info h3 {
  margin-top: 0;
  margin-bottom: 6px;
}

.training-info dt {
  color: #1b242a;
  font-family: 'gothbook';
  font-size: 15px;
  font-weight: normal;
}

.training-info dd {
  margin-bottom: 17px;
}


/**
 * CAROUSEL
 */

.carousel-caption {
  right: 20%;
  left: 20%;
  padding-bottom: 30px;
}

.carousel-inner .content {
  margin: 0;
}

.carousel-inner h1 {
  font-size: 36px;
  line-height: 38px;
  margin-top: 60px;
  text-shadow: 1px 1px 0 rgba(0,0,0,.1);
}

.carousel-inner .lead {
  font-color: #fff;
}

.carousel-indicators {
  bottom: -5px;
}

.carousel-indicators li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  background-color: rgba(0,0,0,.15);
  border-radius: 10px;
  border: none;
  -moz-box-shadow:    inset 1px 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15);
  box-shadow:         inset 1px 1px 0 rgba(0,0,0,.15);
}

.carousel-indicators .active {
  width: 8px;
  height: 8px;
  margin: 0 3px;
  background-color: #fff;
}

.carousel-control {
  width: 3%;
  /* font-size: 20px; */
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
  filter: alpha(opacity=50);
  opacity: .5;
}

.carousel-control.left {
  left: 0;
  left: auto;
  background-image: -webkit-linear-gradient(right, color-stop(rgba(0, 0, 0, .0) 0%), color-stop(rgba(0, 0, 0, .1) 100%));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0) 0%), color-stop(rgba(0, 0, 0, .1) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .000) 0%, rgba(0, 0, 0, .1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

/**
 * SECTIONS
 */

/* SECTION > SEMINARS & WORKSHOPS */

.jumbotron {
  margin-bottom: 0px;
  height: 350px;
  color: white;
  border-radius: 0 !important;
}

#visit-spear.jumbotron.hero-blue {
  background: url('/images/content/campus-learning/visit-spear.jpg');
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat ;
  width: 100%;
}

/**
 * STUDY CLUBS
 */

#get-involved-form .input-group {
  margin-bottom: 8px;
}

#get-involved-form .input-group .input-group-addon {
  min-width: 100px;
  text-align: right;
}

#get-involved-form .list-unstyled label {
  margin-bottom: 0;
}

.calendar-content {
  float: left;
}

.calendar-content dt {
  color: #999;
  font-size: 12px;
  width: 70px;
  font-weight: normal;
  line-height: 20px;
  padding-bottom: 5px;
}

.calendar-content dd {
  color: #00b9e4;
  font-family: gothbook;
  margin-left: 80px;
  line-height: 20px;
  padding-bottom: 5px;
}

.panel-meetings .supporting-links a {
  line-height: 30px;
}

ul.downloads.resources,
ul.downloads.additional {
  list-style: none;
  padding-left: 0;
}

ul.downloads.resources label {
  font-weight: normal;
}

ul.downloads.resources a,
ul.downloads.additional a {
  border-top: 1px solid #f4f4f4;
}

.resources-dl label.color-blue,
fieldset label.color-blue {
  font-size: 20px;
}

/* LESSON MENU */

#lesson-menu {
  padding: 25px 20px 25px 30px;
}

.lesson-list-group {
  border-left: 3px solid #e2e3e4;
  position: relative;
  padding-left: 25px;
}

.lesson-list-group.last-lesson {
  border-left: none;
  margin-left: 3px;
}

.lesson-link {
  line-height: 15px;
  padding-bottom: 10px;
}

li.lesson-list-group:first-child .lesson-link {
  padding-top: 0;
}

li.lesson-list-group:last-child .lesson-link {
  border-bottom: none;
  padding-bottom: 0;
}

li.lesson-list-group:first-child .lesson-progress-area  {
  top: -5px;
}

li.lesson-list-group:last-child .lesson-progress-area {
  top: 0;
}

.lesson-link a {
  color: #888;
  display: block;
  font-family: gothmed;
  font-size: 13px;
}

.lesson-link a:hover,
.lesson-link a:focus {
  color: #00b9e4;
  text-decoration: none;
}

.lesson-link.inactive a:hover,
.lesson-link.inactive a:focus {
  color: #888;
}

.lesson-link a:hover .lesson-progress .icon,
.lesson-link a:focus .lesson-progress .icon {
  background: #fff;
}

.lesson-link .progress {
  background-image: none;
  height: 2px;
  background: #e1e1e1;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05);
  margin: 0;
}

.lesson-link .progress-bar {
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lesson-progress-area {
  position: absolute;
  left: 0;
  margin-left: -16px;
  top: 5px;
}

.lesson-list-group.lesson-active a .lesson-progress .icon {
  background: #fff;
}

.lesson-list-group.lesson-active .lesson-link > a,
.lesson-list-group.lesson-active .lesson-link > a:hover,
.lesson-list-group.lesson-active .lesson-link > a:focus {
  color: #00b9e4;
}


.lesson-list-group.lesson-active .lesson-progress {
  background: #00b9e4;
}


.lesson-list-group.lesson-completed .lesson-link > a,
.lesson-list-group.lesson-completed .lesson-link > a:hover,
.lesson-list-group.lesson-completed .lesson-link > a:focus {
  color: #8cc63f;
}

.lesson-list-group.lesson-completed .lesson-progress {
  background: #8cc63f;
}


.lesson-list-group.lesson-completed .progress-bar {
  background-color: #8cc63f;
}


.lesson-progress {
  background: #e2e3e4;
  border-radius: 50%;
  display: block;
  width: 30px;
  height: 30px;
  bottom: 100%;
  left: 50%;
  z-index: 10;
}

.lesson-progress .icon {
  background: #f1f1f1;
  border-radius: 50%;
  display: block;
  font-size: 12px;
  height: 24px;
  left: 3px;
  line-height: 24px;
  position: relative;
  text-align: center;
  top: 3px;
  width: 24px;
}

.lesson-progress .icon i.fa.fa-play {
  left: 2px;
  position: relative;
}

.lesson-options {
  margin-top: 4px;
  margin-bottom: 10px;
}

.lesson-options small {
  position: relative;
  top: 2px;
}

a.lesson-option,
a.lesson-option:focus {
  color: #aaa;
  display: inline-block;
  float: right;
  font-size: 18px;
  padding: 0 8px;
  text-decoration: none;
}

a.lesson-option:hover,
a.lesson-option:focus {
  color: #00b9e4;
  -ms-transform: scale(1.2,1.2);
  -webkit-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2);
}

/**
 * FACULTY CLUB DASHBOARD
 */

table.downloads th.icon,
table.downloads th.updated,
table.downloads th.title,
table.downloads th.items {
  font-size: 18px;
  font-family: gothbook;
  color: #00b9e4;
  padding-top: 15px;
  background: #f8f8f8 url('https://www.speareducation.com/images/layout/stripes-white.png');
  border-bottom: 1px solid #00b9e4;
  font-weight: normal;
  text-transform: uppercase;
}

table.downloads label {
  font-weight: normal;
}

ul#whats-trending li {
  padding: 0;
}


ul#whats-trending a {
  padding: 8px 8px;
}

ul#whats-trending span.trendingAuthor {
  border: 1px solid green;
}

/**
 * RELATED CONTENT
 */

.related-content {
  margin: 20px 0 20px 0 !important;
}

.related-content .panel {
  border-radius: 0;
  margin-bottom: -1px;
  cursor: pointer;
}

.related-content .panel-body {
  background: #f1f1f1;
}

.related-content .panel-body.panel-body-videos {
  padding: 15px 50px;
}


.related-content .panel-default > .panel-heading {
  background: #fff;
  color: #333;
  border-color: #efefef;
}

.related-content .panel-heading {
  padding: 0;
}

.related-content a.collapse-header {
  border-left: 2px solid #fff;
  color: #0099bd;
  display: block;
  padding: 10px 15px 10px 13px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.related-content a.collapse-header:hover {
  border-left: 2px solid #00b9e4;
  color: #00b9e4;
}

.related-content a.collapse-header:hover span.badge {
  color: #00b9e4;
}

.related-content span.badge {
  background: #f3f3f3;
  border-radius: 4px;
  box-shadow: inset 1px 1px 0 #d4d4d4;
  color: #8e9397;
  font-family: 'Open Sans';
  font-weight: 400;
}

.related-content a.course figure {
  border: 1px solid #ccc;
  color: #0099bd;
  position: relative;
  width: 160px;
}

.related-content a.course .course-desc h5 {
  color: #0099bd;
}
.related-content a.course:hover figure {
  border: 1px solid #00b9e4;
}

.related-content a.course:hover .course-desc h5 {
  color: #00b9e4;
}

.related-content .course-desc h5 {
  margin: 6px 0 0 0;
  width: 160px;
}

.related-content .flexslider {
  margin: 0;
}

.related-content .flex-control-nav {
  display: none;
}

.related-content .flex-pauseplay a {
  display: none;
}

.related-content .flexslider {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0);
  -o-box-shadow: 0 1px 4px rgba(0,0,0,0);
  box-shadow: 0 1px 4px rgba(0,0,0,0);
}

.related-content .flexslider .slides > li {
  margin-right: 15px;
}

.related-content a.course figure img.img-responsive {
  height: 88px;
}

.related-content a.course figure .play-arrow {
  position: absolute;
}

.related-content a.course figcaption {
  bottom: 0;
  color: #fff;
  left: 0;
  padding-top: 40%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20%;
}

#related-articles .media.box {
  background: #fff;
  border-right: 1px solid #e2e3e4;
  border-bottom: 1px solid #e2e3e4;
  border-left: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
}

#related-articles .media.box:hover  {
  border: 1px solid #00b9e4;
}

#related-articles .media.box a img  {
  width: 120px;
}

#related-articles .media.box:hover h5 a {
  color: #00b9e4;
}

#related-articles .media .media-body {
  padding: 0 10px 10px 10px;
}

#related-articles .media .media-body h5 {
  margin-bottom: 0;
}

#related-articles .media .media-body small {
  font-size: 10px;
  text-transform: uppercase;
}

#related-spear-talk .table {
  margin-bottom: 0;
  border-right: 1px solid #e2e3e4;
  border-bottom: 1px solid #e2e3e4;
}

#related-spear-talk .table th {
  color: #8e9197;
  font-family: 'gothbook';
  font-size: 9px;
  font-weight: normal;
  text-transform: uppercase;
}

#related-spear-talk .table tr td h4 {
  margin-bottom: 0;
}

#related-spear-talk .table tbody tr {
  border-left: 2px solid #0099bd;
}

#related-spear-talk .table td.categories {
  padding: 8px;
}


#related-spear-talk .table tbody tr:hover {
  border-left: 2px solid #00b9e4;
  cursor: default;
}

#related-spear-talk .table tbody tr:hover td.replies,
#related-spear-talk .table tbody tr:hover td.topics,
#related-spear-talk .table tbody tr:hover td.views {
  color: #00b9e4;
}

#related-spear-talk .table tbody tr:hover td.categories {
  padding: 8px 8px 8px 7px;
}

#related-spear-talk .table td.replies,
#related-spear-talk .table td.topics,
#related-spear-talk .table td.views {
  color: #0099bd;
  font-size: 24px;
  text-align: right;
  width: 80px;
}

#related-spear-talk .table td.last-reply {
  text-align: center;
  white-space: nowrap;
}


/**
 * Helper Classes (added by Pete + n8)
 */

img.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-stretch {
  min-width: 100%;
}

.bkg-white {
  background-color: #fff;
}

.bkg-white-75 {
  background-color: rgba(255,255,255,.75);
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-top {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.no-bottom {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.no-left {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.no-right {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.no-border-top {
  border-top: none !important;
}

.no-border-bottom {
  border-bottom: none !important;
}

.no-border-left {
  border-left: none !important;
}

.no-border-right {
  border-right: none !important;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.line-left {
  border-left: 1px solid #e2e3e4;
  padding-left: 25px;
}

.line-right {
  border-right: 1px solid #e2e3e4;
  padding-right: 25px;
}

.line-left-transparent {
  border-left: 1px solid rgba(255,255,255,.12);
  padding-left: 25px;
}

.top-margin {
  margin-top: 20px;
}

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

.p-padding {
  margin-top: 12px;
  margin-bottom: 15px;
}

#accordion {
  margin-bottom: 0;
}

.x-ray {
  border: 1px dotted #99cc33;
}

.stretch {
  width: 100%;
}

.color-black {
  color: #1B242A !important;
}

.color-blue {
  color: #00b9e4 !important;
}

.bkg-blue {
  background-color: #00b9e4;
}

.color-white {
  color: #fff !important;
}
.bkg-white {
  background-color: #fff;
}

.color-red {
  color: #cc0000 !important;
}
.bkg-red {
  background: #cc0000 !important;
}

.color-gray {
  color: #9a9a9a !important;
}
.bkg-drk-gray {
  background-color: #1b242a;
}

.color-green {
  color: #7cc142 !important;
}
.bkg-green {
  background-color: #DFF0D8;
}

.color-drk-blue {
  color: #005c84 !important;
}
.bkg-drk-blue {
  background-color: #005c84;
}

.color-faculty-club {
  color: #5e6b72 !important;
}
.bkg-faculty-club {
  background: #5e6b72 !important;
}

.color-study-club {
  color: #5e564e !important;
}
.bkg-study-club {
  background: #5e564e !important;
}

.color-team-education {
  color: #004A87 !important;
}
.bkg-team-education {
  background: #004A87 !important;
}

.color-workshops {
  color: #238884 !important;
}
.bkg-workshops {
  background: #238884 !important;
}

.line-height-default {
  line-height: normal;
}

.block {
  display: block;
}

.uppercase {
  text-transform: uppercase;
}

/*** MARGINS ***/

.m-0      {margin: 0;}
.m-5      {margin: 5px;}
.m-10     {margin: 10px;}
.m-15     {margin: 15px;}
.m-20     {margin: 20px;}
.m-30     {margin: 30px;}
.m-40     {margin: 40px;}
.m-50     {margin: 50px;}
.m-60     {margin: 60px;}
.m-70     {margin: 70px;}
.m-80     {margin: 80px;}
.m-90     {margin: 90px;}
.m-100    {margin: 100px;}
.m-b-0    {margin-bottom: 0;}
.m-b-5    {margin-bottom: 5px;}
.m-b-10   {margin-bottom: 10px;}
.m-b-15   {margin-bottom: 15px;}
.m-b-20   {margin-bottom: 20px;}
.m-b-30   {margin-bottom: 30px;}
.m-b-40   {margin-bottom: 40px;}
.m-b-50   {margin-bottom: 50px;}
.m-b-60   {margin-bottom: 60px;}
.m-b-70   {margin-bottom: 70px;}
.m-b-80   {margin-bottom: 80px;}
.m-b-90   {margin-bottom: 90px;}
.m-b-100  {margin-bottom: 100px;}
.m-l-0    {margin-left: 0;}
.m-l-5    {margin-left: 5px;}
.m-l-10   {margin-left: 10px;}
.m-l-15   {margin-left: 15px;}
.m-l-20   {margin-left: 20px;}
.m-l-30   {margin-left: 30px;}
.m-l-40   {margin-left: 40px;}
.m-l-50   {margin-left: 50px;}
.m-l-60   {margin-left: 60px;}
.m-l-70   {margin-left: 70px;}
.m-l-80   {margin-left: 80px;}
.m-l-90   {margin-left: 90px;}
.m-l-100  {margin-left: 100px;}
.m-r-0    {margin-right: 0;}
.m-r-5    {margin-right: 5px;}
.m-r-10   {margin-right: 10px;}
.m-r-15   {margin-right: 15px;}
.m-r-20   {margin-right: 20px;}
.m-r-30   {margin-right: 30px;}
.m-r-40   {margin-right: 40px;}
.m-r-50   {margin-right: 50px;}
.m-r-60   {margin-right: 60px;}
.m-r-70   {margin-right: 70px;}
.m-r-80   {margin-right: 80px;}
.m-r-90   {margin-right: 90px;}
.m-r-100  {margin-right: 100px;}
.m-t-0    {margin-top: 0;}
.m-t-5    {margin-top: 5px;}
.m-t-10   {margin-top: 10px;}
.m-t-15   {margin-top: 15px;}
.m-t-20   {margin-top: 20px;}
.m-t-30   {margin-top: 30px;}
.m-t-40   {margin-top: 40px;}
.m-t-50   {margin-top: 50px;}
.m-t-55   {margin-top: 55px;}
.m-t-60   {margin-top: 60px;}
.m-t-70   {margin-top: 70px;}
.m-t-80   {margin-top: 80px;}
.m-t-90   {margin-top: 90px;}
.m-t-100  {margin-top: 100px;}
.m-t-150  {margin-top: 150px;}


/**
 * Padding Extension Classes
 */

.padding-sm {
  padding-left: 12px;
  padding-right: 12px;
}

.padding-sm .col-lg-1, .padding-sm .col-lg-10, .padding-sm .col-lg-11, .padding-sm .col-lg-12, .padding-sm .col-lg-2, .padding-sm .col-lg-3, .padding-sm .col-lg-4, .padding-sm .col-lg-5, .padding-sm .col-lg-6, .padding-sm .col-lg-7, .padding-sm .col-lg-8, .padding-sm .col-lg-9,
.padding-sm .col-md-1, .padding-sm .col-md-10, .padding-sm .col-md-11, .padding-sm .col-md-12, .padding-sm .col-md-2, .padding-sm .col-md-3, .padding-sm .col-md-4, .padding-sm .col-md-5, .padding-sm .col-md-6, .padding-sm .col-md-7, .padding-sm .col-md-8, .padding-sm .col-md-9,
.padding-sm .col-sm-1, .padding-sm .col-sm-10, .padding-sm .col-sm-11, .padding-sm .col-sm-12, .padding-sm .col-sm-2, .padding-sm .col-sm-3, .padding-sm .col-sm-4, .padding-sm .col-sm-5, .padding-sm .col-sm-6, .padding-sm .col-sm-7, .padding-sm .col-sm-8, .padding-sm .col-sm-9,
.padding-sm .col-xs-1, .padding-sm .col-xs-10, .padding-sm .col-xs-11, .padding-sm .col-xs-12, .padding-sm .col-xs-2, .padding-sm .col-xs-3, .padding-sm .col-xs-4, .padding-sm .col-xs-5, .padding-sm .col-xs-6, .padding-sm .col-xs-7, .padding-sm .col-xs-8, .padding-sm .col-xs-9,
.padding-sm .col-lg-seventh, .padding-sm .col-lg-1-seventh, .padding-sm .col-lg-2-seventh, .padding-sm .col-lg-3-seventh, .padding-sm .col-lg-4-seventh, .padding-sm .col-lg-5-seventh, .padding-sm .col-md-seventh, .padding-sm .col-md-1-seventh, .padding-sm .col-md-2-seventh, .padding-sm .col-md-3-seventh, .padding-sm .col-md-4-seventh, .padding-sm .col-md-5-seventh, .padding-sm .col-sm-seventh, .padding-sm .col-sm-1-seventh, .padding-sm .col-sm-2-seventh, .padding-sm .col-sm-3-seventh, .padding-sm .col-sm-4-seventh, .padding-sm .col-sm-5-seventh, .padding-sm .col-xs-seventh, .padding-sm .col-xs-1-seventh, .padding-sm .col-xs-2-seventh, .padding-sm .col-xs-3-seventh, .padding-sm .col-xs-4-seventh, .padding-sm .col-xs-5-seventh,
.padding-sm .col-lg-fifth, .padding-sm .col-lg-1-fifth, .padding-sm .col-lg-2-fifth, .padding-sm .col-lg-3-fifth, .padding-sm .col-lg-4-fifth, .padding-sm .col-lg-5-fifth, .padding-sm .col-md-fifth, .padding-sm .col-md-1-fifth, .padding-sm .col-md-2-fifth, .padding-sm .col-md-3-fifth, .padding-sm .col-md-4-fifth, .padding-sm .col-md-5-fifth, .padding-sm .col-sm-fifth, .padding-sm .col-sm-1-fifth, .padding-sm .col-sm-2-fifth, .padding-sm .col-sm-3-fifth, .padding-sm .col-sm-4-fifth, .padding-sm .col-sm-5-fifth, .padding-sm .col-xs-fifth, .padding-sm .col-xs-1-fifth, .padding-sm .col-xs-2-fifth, .padding-sm .col-xs-3-fifth, .padding-sm .col-xs-4-fifth, .padding-sm .col-xs-5-fifth {
  padding-left: 3px;
  padding-right: 3px;
}

.padding-md {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-md .col-lg-1, .padding-md .col-lg-10, .padding-md .col-lg-11, .padding-md .col-lg-12, .padding-md .col-lg-2, .padding-md .col-lg-3, .padding-md .col-lg-4, .padding-md .col-lg-5, .padding-md .col-lg-6, .padding-md .col-lg-7, .padding-md .col-lg-8, .padding-md .col-lg-9,
.padding-md .col-md-1, .padding-md .col-md-10, .padding-md .col-md-11, .padding-md .col-md-12, .padding-md .col-md-2, .padding-md .col-md-3, .padding-md .col-md-4, .padding-md .col-md-5, .padding-md .col-md-6, .padding-md .col-md-7, .padding-md .col-md-8, .padding-md .col-md-9,
.padding-md .col-sm-1, .padding-md .col-sm-10, .padding-md .col-sm-11, .padding-md .col-sm-12, .padding-md .col-sm-2, .padding-md .col-sm-3, .padding-md .col-sm-4, .padding-md .col-sm-5, .padding-md .col-sm-6, .padding-md .col-sm-7, .padding-md .col-sm-8, .padding-md .col-sm-9,
.padding-md .col-xs-1, .padding-md .col-xs-10, .padding-md .col-xs-11, .padding-md .col-xs-12, .padding-md .col-xs-2, .padding-md .col-xs-3, .padding-md .col-xs-4, .padding-md .col-xs-5, .padding-md .col-xs-6, .padding-md .col-xs-7, .padding-md .col-xs-8, .padding-md .col-xs-9,
.padding-sm .col-lg-seventh, .padding-sm .col-lg-1-seventh, .padding-sm .col-lg-2-seventh, .padding-sm .col-lg-3-seventh, .padding-sm .col-lg-4-seventh, .padding-sm .col-lg-5-seventh, .padding-sm .col-md-seventh, .padding-sm .col-md-1-seventh, .padding-sm .col-md-2-seventh, .padding-sm .col-md-3-seventh, .padding-sm .col-md-4-seventh, .padding-sm .col-md-5-seventh, .padding-sm .col-sm-seventh, .padding-sm .col-sm-1-seventh, .padding-sm .col-sm-2-seventh, .padding-sm .col-sm-3-seventh, .padding-sm .col-sm-4-seventh, .padding-sm .col-sm-5-seventh, .padding-sm .col-xs-seventh, .padding-sm .col-xs-1-seventh, .padding-sm .col-xs-2-seventh, .padding-sm .col-xs-3-seventh, .padding-sm .col-xs-4-seventh, .padding-sm .col-xs-5-seventh,
.padding-md .col-lg-fifth, .padding-md .col-lg-1-fifth, .padding-md .col-lg-2-fifth, .padding-md .col-lg-3-fifth, .padding-md .col-lg-4-fifth, .padding-md .col-lg-5-fifth, .padding-md .col-md-fifth, .padding-md .col-md-1-fifth, .padding-md .col-md-2-fifth, .padding-md .col-md-3-fifth, .padding-md .col-md-4-fifth, .padding-md .col-md-5-fifth, .padding-md .col-sm-fifth, .padding-md .col-sm-1-fifth, .padding-md .col-sm-2-fifth, .padding-md .col-sm-3-fifth, .padding-md .col-sm-4-fifth, .padding-md .col-sm-5-fifth, .padding-md .col-xs-fifth, .padding-md .col-xs-1-fifth, .padding-md .col-xs-2-fifth, .padding-md .col-xs-3-fifth, .padding-md .col-xs-4-fifth, .padding-md .col-xs-5-fifth {
  padding-left: 10px;
  padding-right: 10px;
}

/*** PADDING ***/

.p-0      {padding: 0;}
.p-5      {padding: 5px;}
.p-10     {padding: 10px;}
.p-15     {padding: 15px;}
.p-20     {padding: 20px;}
.p-30     {padding: 30px;}
.p-40     {padding: 40px;}
.p-50     {padding: 50px;}
.p-60     {padding: 60px;}
.p-70     {padding: 70px;}
.p-80     {padding: 80px;}
.p-90     {padding: 90px;}
.p-100    {padding: 100px;}
.p-b-0    {padding-bottom: 0;}
.p-b-5    {padding-bottom: 5px;}
.p-b-10   {padding-bottom: 10px;}
.p-b-15   {padding-bottom: 15px;}
.p-b-20   {padding-bottom: 20px;}
.p-b-30   {padding-bottom: 30px;}
.p-b-40   {padding-bottom: 40px;}
.p-b-50   {padding-bottom: 50px;}
.p-b-60   {padding-bottom: 60px;}
.p-b-70   {padding-bottom: 70px;}
.p-b-80   {padding-bottom: 80px;}
.p-b-90   {padding-bottom: 90px;}
.p-b-100  {padding-bottom: 100px;}
.p-l-0    {padding-left: 0;}
.p-l-5    {padding-left: 5px;}
.p-l-10   {padding-left: 10px;}
.p-l-15   {padding-left: 15px;}
.p-l-20   {padding-left: 20px;}
.p-l-30   {padding-left: 30px;}
.p-l-40   {padding-left: 40px;}
.p-l-50   {padding-left: 50px;}
.p-l-60   {padding-left: 60px;}
.p-l-70   {padding-left: 70px;}
.p-l-80   {padding-left: 80px;}
.p-l-90   {padding-left: 90px;}
.p-l-100  {padding-left: 100px;}
.p-l-150  {padding-left: 150px;}
.p-l-200  {padding-left: 200px;}
.p-r-0    {padding-right: 0;}
.p-r-5    {padding-right: 5px;}
.p-r-10   {padding-right: 10px;}
.p-r-15   {padding-right: 15px;}
.p-r-20   {padding-right: 20px;}
.p-r-30   {padding-right: 30px;}
.p-r-40   {padding-right: 40px;}
.p-r-50   {padding-right: 50px;}
.p-r-60   {padding-right: 60px;}
.p-r-70   {padding-right: 70px;}
.p-r-80   {padding-right: 80px;}
.p-r-90   {padding-right: 90px;}
.p-r-100  {padding-right: 100px;}
.p-r-150  {padding-right: 150px;}
.p-r-200  {padding-right: 200px;}
.p-t-0    {padding-top: 0;}
.p-t-5    {padding-top: 5px;}
.p-t-10   {padding-top: 10px;}
.p-t-15   {padding-top: 15px;}
.p-t-20   {padding-top: 20px;}
.p-t-30   {padding-top: 30px;}
.p-t-40   {padding-top: 40px;}
.p-t-50   {padding-top: 50px;}
.p-t-60   {padding-top: 60px;}
.p-t-70   {padding-top: 70px;}
.p-t-80   {padding-top: 80px;}
.p-t-90   {padding-top: 90px;}
.p-t-100  {padding-top: 100px;}

/* Video Container (makes limelight responsive) */

.video-container {
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  position: relative;
  height: 0;
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#video-embed {
  left: 0;
  position: absolute;
  top: 0;
}

#player, #flowplayer {
  height: auto;
  width: auto;
}

.breadcrumb {
  padding: 3px 10px;
  margin-bottom: 0;
  margin-top: 10px;
  background-color: #f1f1f1;
  border-radius: 1px;
  font-size: 12px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .04);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .04);
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .04);
}

.breadcrumb a {
  color: #8c9197;
}

.breadcrumb a:hover {
  color: #00b9e4;
}


/* XS */

@media (min-width: 767px) {
  #admin-link {
    display:none;
  }
}

@media (max-width: 767px) {

  h1 {
    font-size: 35px !important;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: 10px;
  }

  h2 {
    font-size: 20px !important;
    line-height: 20px;
  }

  .container.packet h2.title {
    margin-bottom: 10px;
  }

  .hero-blue h1, .hero-blue h1, .hero-black h1, .hero-brown h1, .hero-white h1, .hero-gray h1, .hero-green h1 {
    font-size: 35px;
    line-height: 30px;
    margin-top: 0px;
  }

  .hero-blue h1 small, .hero-blue h1 small, .hero-black h1 small, .hero-brown h1 small, .hero-white h1 small, .hero-gray h1 small, .hero-green h1 small {
    font-family: gothbook;
  }

  .hero-blue, .hero-black, .hero-white, .hero-gray, .hero-green {
    padding-top: 30px;
  }

  .bg-visit-spear {
    height: 100%;
    height: 300px; /*same height as jumbotron */
  }

  .jumbotron {
    height: 300px;
  }

  .jumbotron p.lead {
    width: 245px;
  }

  #visit-spear.jumbotron.hero-blue {
    background-position: -600px;
  }

  .container.packet h3.title {
    margin-bottom: 8px;
  }

  .container.packet h3.credits {
    margin-top: 0;
  }

  .lead {
    font-size: 16px;
    line-height: 20px;
  }

  .m-xs-0      {margin: 0;}
  .m-xs-5      {margin: 5px;}
  .m-xs-10     {margin: 10px;}
  .m-xs-15     {margin: 15px;}
  .m-xs-20     {margin: 20px;}
  .m-xs-30     {margin: 30px;}
  .m-xs-40     {margin: 40px;}
  .m-xs-50     {margin: 50px;}
  .m-xs-60     {margin: 60px;}
  .m-xs-70     {margin: 70px;}
  .m-xs-80     {margin: 80px;}
  .m-xs-90     {margin: 90px;}
  .m-xs-100    {margin: 100px;}
  .m-xs-b-0    {margin-bottom: 0;}
  .m-xs-b-5    {margin-bottom: 5px;}
  .m-xs-b-10   {margin-bottom: 10px;}
  .m-xs-b-15   {margin-bottom: 15px;}
  .m-xs-b-20   {margin-bottom: 20px;}
  .m-xs-b-30   {margin-bottom: 30px;}
  .m-xs-b-40   {margin-bottom: 40px;}
  .m-xs-b-50   {margin-bottom: 50px;}
  .m-xs-b-60   {margin-bottom: 60px;}
  .m-xs-b-70   {margin-bottom: 70px;}
  .m-xs-b-80   {margin-bottom: 80px;}
  .m-xs-b-90   {margin-bottom: 90px;}
  .m-xs-b-100  {margin-bottom: 100px;}
  .m-xs-l-0    {margin-left: 0;}
  .m-xs-l-5    {margin-left: 5px;}
  .m-xs-l-10   {margin-left: 10px;}
  .m-xs-l-15   {margin-left: 15px;}
  .m-xs-l-20   {margin-left: 20px;}
  .m-xs-l-30   {margin-left: 30px;}
  .m-xs-l-40   {margin-left: 40px;}
  .m-xs-l-50   {margin-left: 50px;}
  .m-xs-l-60   {margin-left: 60px;}
  .m-xs-l-70   {margin-left: 70px;}
  .m-xs-l-80   {margin-left: 80px;}
  .m-xs-l-90   {margin-left: 90px;}
  .m-xs-l-100  {margin-left: 100px;}
  .m-xs-r-0    {margin-right: 0;}
  .m-xs-r-5    {margin-right: 5px;}
  .m-xs-r-10   {margin-right: 10px;}
  .m-xs-r-15   {margin-right: 15px;}
  .m-xs-r-20   {margin-right: 20px;}
  .m-xs-r-30   {margin-right: 30px;}
  .m-xs-r-40   {margin-right: 40px;}
  .m-xs-r-50   {margin-right: 50px;}
  .m-xs-r-60   {margin-right: 60px;}
  .m-xs-r-70   {margin-right: 70px;}
  .m-xs-r-80   {margin-right: 80px;}
  .m-xs-r-90   {margin-right: 90px;}
  .m-xs-r-100  {margin-right: 100px;}
  .m-xs-t-0    {margin-top: 0;}
  .m-xs-t-5    {margin-top: 5px;}
  .m-xs-t-10   {margin-top: 10px;}
  .m-xs-t-15   {margin-top: 15px;}
  .m-xs-t-20   {margin-top: 20px;}
  .m-xs-t-30   {margin-top: 30px;}
  .m-xs-t-40   {margin-top: 40px;}
  .m-xs-t-50   {margin-top: 50px;}
  .m-xs-t-60   {margin-top: 60px;}
  .m-xs-t-70   {margin-top: 70px;}
  .m-xs-t-80   {margin-top: 80px;}
  .m-xs-t-90   {margin-top: 90px;}
  .m-xs-t-100  {margin-top: 100px;}
  .p-xs-0      {padding: 0;}
  .p-xs-5      {padding: 5px;}
  .p-xs-10     {padding: 10px;}
  .p-xs-15     {padding: 15px;}
  .p-xs-20     {padding: 20px;}
  .p-xs-30     {padding: 30px;}
  .p-xs-40     {padding: 40px;}
  .p-xs-50     {padding: 50px;}
  .p-xs-60     {padding: 60px;}
  .p-xs-70     {padding: 70px;}
  .p-xs-80     {padding: 80px;}
  .p-xs-90     {padding: 90px;}
  .p-xs-100    {padding: 100px;}
  .p-xs-b-0    {padding-bottom: 0;}
  .p-xs-b-5    {padding-bottom: 5px;}
  .p-xs-b-10   {padding-bottom: 10px;}
  .p-xs-b-15   {padding-bottom: 15px;}
  .p-xs-b-20   {padding-bottom: 20px;}
  .p-xs-b-30   {padding-bottom: 30px;}
  .p-xs-b-40   {padding-bottom: 40px;}
  .p-xs-b-50   {padding-bottom: 50px;}
  .p-xs-b-60   {padding-bottom: 60px;}
  .p-xs-b-70   {padding-bottom: 70px;}
  .p-xs-b-80   {padding-bottom: 80px;}
  .p-xs-b-90   {padding-bottom: 90px;}
  .p-xs-b-100  {padding-bottom: 100px;}
  .p-xs-l-0    {padding-left: 0;}
  .p-xs-l-5    {padding-left: 5px;}
  .p-xs-l-10   {padding-left: 10px;}
  .p-xs-l-15   {padding-left: 15px;}
  .p-xs-l-20   {padding-left: 20px;}
  .p-xs-l-30   {padding-left: 30px;}
  .p-xs-l-40   {padding-left: 40px;}
  .p-xs-l-50   {padding-left: 50px;}
  .p-xs-l-60   {padding-left: 60px;}
  .p-xs-l-70   {padding-left: 70px;}
  .p-xs-l-80   {padding-left: 80px;}
  .p-xs-l-90   {padding-left: 90px;}
  .p-xs-l-100  {padding-left: 100px;}
  .p-xs-r-0    {padding-right: 0;}
  .p-xs-r-5    {padding-right: 5px;}
  .p-xs-r-10   {padding-right: 10px;}
  .p-xs-r-15   {padding-right: 15px;}
  .p-xs-r-20   {padding-right: 20px;}
  .p-xs-r-30   {padding-right: 30px;}
  .p-xs-r-40   {padding-right: 40px;}
  .p-xs-r-50   {padding-right: 50px;}
  .p-xs-r-60   {padding-right: 60px;}
  .p-xs-r-70   {padding-right: 70px;}
  .p-xs-r-80   {padding-right: 80px;}
  .p-xs-r-90   {padding-right: 90px;}
  .p-xs-r-100  {padding-right: 100px;}
  .p-xs-t-0    {padding-top: 0;}
  .p-xs-t-5    {padding-top: 5px;}
  .p-xs-t-10   {padding-top: 10px;}
  .p-xs-t-15   {padding-top: 15px;}
  .p-xs-t-20   {padding-top: 20px;}
  .p-xs-t-30   {padding-top: 30px;}
  .p-xs-t-40   {padding-top: 40px;}
  .p-xs-t-50   {padding-top: 50px;}
  .p-xs-t-60   {padding-top: 60px;}
  .p-xs-t-70   {padding-top: 70px;}
  .p-xs-t-80   {padding-top: 80px;}
  .p-xs-t-90   {padding-top: 90px;}
  .p-xs-t-100  {padding-top: 100px;}

  .xs-text-left {
    text-align: left;
  }

  .xs-text-center {
    text-align: center;
  }

  .xs-text-right {
    text-align: right;
  }

  .pull-left.xs-no-pull,
  .pull-right.xs-no-pull {
    float: none !important;
  }

  blockquote {
    font-size: 16px;
    line-height: 22px;
  }

  #footer .questions {
    height: auto;
  }

  #footer .questions .dark:after {
    display: none;
  }

  #footer .questions ul {
    text-align: center;
  }

  #footer .questions span {
    float: left;
    margin: 0 10px;
  }

  #footer .questions ul li {
    display: block;
    overflow: hidden;
    text-align: left;
  }

  #footer .questions span {
    float: left;
    margin: 0 10px;
  }

  #footer .footer-base .copyright {
    padding: 15px;
  }

  .line-left,
  .line-left-transparent {
    border-left: none;
    padding-left: 15px !important;
  }

  .bio .bio-content {
    padding: 10px 15px 0 15px;
  }

  .hero-blue-base h2 small {
    color: #fff;
    font-size: 100%;
    line-height: 24px;
  }

  .hero-blue-base a.btn.btn-outline-white  {
    margin-top: 12px;
  }

  .carousel-inner h1 {
    font-size: 22px !important;
    line-height: 24px;
    margin-top: 20px;
  }

  .carousel-inner p.lead {
    font-size: 14px;
    line-height: 15px;
  }

  .carousel-inner .hero-copy {
    height: 290px;
    overflow: hidden;
  }

  .carousel-control {
    width: 3%;
  }

  .hero-copy {
    padding-right: 15px;
  }

  #course-icons > div.container {
    padding: 0;
    margin: 0;
  }

  #course-icons ul {
    padding: 0;
    margin-bottom: 0;
  }

  #course-icons ul li {
    border-bottom: 1px solid #e2e3e4;
    float: left;
    text-align: left;
    width: 100%;
  }

  #course-icons ul li img {
    float: left;
    padding: 0;
    width: 35px;
    margin-right: 8px;
  }

  #course-icons ul li a {
    font-size: 10px;
    color: #8c9197;
    padding: 8px 8px 10px 8px;
  }

  #course-icons li a.active {
    color: #fff;
    background: #00b9e4;
    position: relative;
  }

  #course-icons li a.active:after {
    top: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #00b9e4;
    border-width: 10px;
    margin-left: -10px;
  }

  #course-top h5 {
    margin-top: 0;
    line-height: 30px;
  }

  #signup-btn-line {
    border-right: none;
  }

  .date-box-responsive {
    width: 50px;
  }

  .date-box-responsive .month,
  .date-box-responsive .year {
    font-size: 7px;
    line-height: 12px;
  }

  .date-box-responsive .day {
    font-size: 20px;
    line-height: 18px;
    padding: 5px 0 2px 0;
  }

  p.date-box-text {
    padding-left: 0;
    padding-top: 5px;
  }

  .patient-profile .panel-body {
    height: auto;
  }
  .patient-name h2 {
    margin: 10px 0 0 0;
  }

  #issues .issue .panel-body,
  #patient-profiles .issue .panel-body {
    height: auto;
  }
  #benefits-menu .nav ul {
    padding: 0;
    margin: 0;
  }
  #benefits-menu .nav > li > a {
    padding: 2px 2px;
    margin-right: 0;
    margin-bottom: 10px;
  }
  #floating-menu h2 {
    padding: 6px 0 0 0;
    margin-top: 0;
  }
  #floating-menu h2 a.btn {
    margin-top: 8px;
  }
  #floating-menu-seminars-workshops a.category-shield,
  #floating-menu-team-education a.category-shield {
    padding: 12px 5px;
  }
  #floating-menu-seminars-workshops a.category-shield h3,
  #floating-menu-team-education a.category-shield h3 {
    font-size: 10px;
  }
  #floating-menu-seminars-workshops .col-xs-3,
  #floating-menu-team-education .col-xs-3 {
    padding-right: 0;
    padding-left: 0;
  }
  #floating-menu-seminars-workshops img.shield,
  #floating-menu-team-education img.shield {
    width: 50px;
  }
  .calendar-content dt {
    width: 70px;
    line-height: 20px;
    padding-bottom: 0;
  }

  .calendar-content dd {
    margin-left: 0;
    line-height: 20px;
    padding-bottom: 8px;
  }

  #benefits-menu .nav > li > a h5 {
    font-size: 11px;
  }

  #related-articles .media.box {
    margin-bottom: 10px;
  }

  #related-spear-talk .table td.topics {
    width: 60px;
  }

  #related-articles .media.box a img {
    width:  100px;
  }

  #related-articles .media .media-body {
    padding: 0 5px 5px 8px;
  }

  #related-articles .media .media-body h5 {
    font-size: 12px;
    margin-top: 5px;
  }

  .panel-title {
    font-size: 15px;
  }

  .section.search-upgrade .col-sm-8.upgrade-btn-left {
    padding-right: 15px;
  }
  .section.search-upgrade .upgrade-btn-right .btn {
    margin-top: 10px;
  }
  .section.search-upgrade .form-control {
    margin-bottom: 30px;
  }

  .subjects .container {
    padding-left: 0;
    padding-right: 0;
  }
  .subjects .line-left {
    border-left: none;
  }
  .subjects hr {
    border-top: 1px solid rgba(0,0,0,.2);
  }

  #footer-connect-with-spear {
    margin-top: 15px;
  }

  .social-icons {
    float: left;
    position: relative;
    left: 50%;
  }

  .social-icons .row {
    float: left;
    position: relative;
    left: -50%;
  }


}

/* SM */

@media (min-width: 768px) and (max-width: 991px) {

  #floating-menu-seminars-workshops a.category-shield h3,
  #floating-menu-team-education a.category-shield h3  {
    font-size: 15px;
  }

  .hero-blue #continuum {
    margin-top: 50px;
  }

  .jumbotron {
    background-position: bottom;
    height: 300px;
  }

  .jumbotron p.lead {
    width: 400px;
  }

  #visit-spear.jumbotron.hero-blue {
    background-position: -320px -20px;
  }

  .container.packet .training-info dd,
  .container.packet .training-info ul {
    margin-bottom: 0;
  }

  .m-sm-0      {margin: 0;}
  .m-sm-5      {margin: 5px;}
  .m-sm-10     {margin: 10px;}
  .m-sm-15     {margin: 15px;}
  .m-sm-20     {margin: 20px;}
  .m-sm-30     {margin: 30px;}
  .m-sm-40     {margin: 40px;}
  .m-sm-50     {margin: 50px;}
  .m-sm-60     {margin: 60px;}
  .m-sm-70     {margin: 70px;}
  .m-sm-80     {margin: 80px;}
  .m-sm-90     {margin: 90px;}
  .m-sm-100    {margin: 100px;}
  .m-sm-b-0    {margin-bottom: 0;}
  .m-sm-b-5    {margin-bottom: 5px;}
  .m-sm-b-10   {margin-bottom: 10px;}
  .m-sm-b-15   {margin-bottom: 15px;}
  .m-sm-b-20   {margin-bottom: 20px;}
  .m-sm-b-30   {margin-bottom: 30px;}
  .m-sm-b-40   {margin-bottom: 40px;}
  .m-sm-b-50   {margin-bottom: 50px;}
  .m-sm-b-60   {margin-bottom: 60px;}
  .m-sm-b-70   {margin-bottom: 70px;}
  .m-sm-b-80   {margin-bottom: 80px;}
  .m-sm-b-90   {margin-bottom: 90px;}
  .m-sm-b-100  {margin-bottom: 100px;}
  .m-sm-l-0    {margin-left: 0;}
  .m-sm-l-5    {margin-left: 5px;}
  .m-sm-l-10   {margin-left: 10px;}
  .m-sm-l-15   {margin-left: 15px;}
  .m-sm-l-20   {margin-left: 20px;}
  .m-sm-l-30   {margin-left: 30px;}
  .m-sm-l-40   {margin-left: 40px;}
  .m-sm-l-50   {margin-left: 50px;}
  .m-sm-l-60   {margin-left: 60px;}
  .m-sm-l-70   {margin-left: 70px;}
  .m-sm-l-80   {margin-left: 80px;}
  .m-sm-l-90   {margin-left: 90px;}
  .m-sm-l-100  {margin-left: 100px;}
  .m-sm-r-0    {margin-right: 0;}
  .m-sm-r-5    {margin-right: 5px;}
  .m-sm-r-10   {margin-right: 10px;}
  .m-sm-r-15   {margin-right: 15px;}
  .m-sm-r-20   {margin-right: 20px;}
  .m-sm-r-30   {margin-right: 30px;}
  .m-sm-r-40   {margin-right: 40px;}
  .m-sm-r-50   {margin-right: 50px;}
  .m-sm-r-60   {margin-right: 60px;}
  .m-sm-r-70   {margin-right: 70px;}
  .m-sm-r-80   {margin-right: 80px;}
  .m-sm-r-90   {margin-right: 90px;}
  .m-sm-r-100  {margin-right: 100px;}
  .m-sm-t-0    {margin-top: 0;}
  .m-sm-t-5    {margin-top: 5px;}
  .m-sm-t-10   {margin-top: 10px;}
  .m-sm-t-15   {margin-top: 15px;}
  .m-sm-t-20   {margin-top: 20px;}
  .m-sm-t-30   {margin-top: 30px;}
  .m-sm-t-40   {margin-top: 40px;}
  .m-sm-t-50   {margin-top: 50px;}
  .m-sm-t-60   {margin-top: 60px;}
  .m-sm-t-70   {margin-top: 70px;}
  .m-sm-t-80   {margin-top: 80px;}
  .m-sm-t-90   {margin-top: 90px;}
  .m-sm-t-100  {margin-top: 100px;}
  .p-sm-0      {padding: 0;}
  .p-sm-5      {padding: 5px;}
  .p-sm-10     {padding: 10px;}
  .p-sm-15     {padding: 15px;}
  .p-sm-20     {padding: 20px;}
  .p-sm-30     {padding: 30px;}
  .p-sm-40     {padding: 40px;}
  .p-sm-50     {padding: 50px;}
  .p-sm-60     {padding: 60px;}
  .p-sm-70     {padding: 70px;}
  .p-sm-80     {padding: 80px;}
  .p-sm-90     {padding: 90px;}
  .p-sm-100    {padding: 100px;}
  .p-sm-b-0    {padding-bottom: 0;}
  .p-sm-b-5    {padding-bottom: 5px;}
  .p-sm-b-10   {padding-bottom: 10px;}
  .p-sm-b-15   {padding-bottom: 15px;}
  .p-sm-b-20   {padding-bottom: 20px;}
  .p-sm-b-30   {padding-bottom: 30px;}
  .p-sm-b-40   {padding-bottom: 40px;}
  .p-sm-b-50   {padding-bottom: 50px;}
  .p-sm-b-60   {padding-bottom: 60px;}
  .p-sm-b-70   {padding-bottom: 70px;}
  .p-sm-b-80   {padding-bottom: 80px;}
  .p-sm-b-90   {padding-bottom: 90px;}
  .p-sm-b-100  {padding-bottom: 100px;}
  .p-sm-l-0    {padding-left: 0;}
  .p-sm-l-5    {padding-left: 5px;}
  .p-sm-l-10   {padding-left: 10px;}
  .p-sm-l-15   {padding-left: 15px;}
  .p-sm-l-20   {padding-left: 20px;}
  .p-sm-l-30   {padding-left: 30px;}
  .p-sm-l-40   {padding-left: 40px;}
  .p-sm-l-50   {padding-left: 50px;}
  .p-sm-l-60   {padding-left: 60px;}
  .p-sm-l-70   {padding-left: 70px;}
  .p-sm-l-80   {padding-left: 80px;}
  .p-sm-l-90   {padding-left: 90px;}
  .p-sm-l-100  {padding-left: 100px;}
  .p-sm-r-0    {padding-right: 0;}
  .p-sm-r-5    {padding-right: 5px;}
  .p-sm-r-10   {padding-right: 10px;}
  .p-sm-r-15   {padding-right: 15px;}
  .p-sm-r-20   {padding-right: 20px;}
  .p-sm-r-30   {padding-right: 30px;}
  .p-sm-r-40   {padding-right: 40px;}
  .p-sm-r-50   {padding-right: 50px;}
  .p-sm-r-60   {padding-right: 60px;}
  .p-sm-r-70   {padding-right: 70px;}
  .p-sm-r-80   {padding-right: 80px;}
  .p-sm-r-90   {padding-right: 90px;}
  .p-sm-r-100  {padding-right: 100px;}
  .p-sm-t-0    {padding-top: 0;}
  .p-sm-t-5    {padding-top: 5px;}
  .p-sm-t-10   {padding-top: 10px;}
  .p-sm-t-15   {padding-top: 15px;}
  .p-sm-t-20   {padding-top: 20px;}
  .p-sm-t-30   {padding-top: 30px;}
  .p-sm-t-40   {padding-top: 40px;}
  .p-sm-t-50   {padding-top: 50px;}
  .p-sm-t-60   {padding-top: 60px;}
  .p-sm-t-70   {padding-top: 70px;}
  .p-sm-t-80   {padding-top: 80px;}
  .p-sm-t-90   {padding-top: 90px;}
  .p-sm-t-100  {padding-top: 100px;}

  .sm-text-left {
    text-align: left;
  }

  .sm-text-center {
    text-align: center;
  }

  .sm-text-right {
    text-align: right;
  }

  .pull-left.sm-no-pull,
  .pull-right.sm-no-pull {
    float: none !important;
  }

  blockquote {
    font-size: 16px;
    line-height: 22px;
  }

  #footer .questions .dark h1 {
    font-size: 30px;
    text-align: center;
  }

  .brand img {
    width: 80px;
    position: relative;
    top: 3px;
  }

  .brand {
    max-width: 88px;
  }

  .bio .bio-content {
    padding: 0;
  }

  .carousel-inner h1 {
    font-size: 23px;
    line-height: 25px;
    margin-top: 40px;
  }

  .carousel-inner p.lead {
    font-size: 14px;
    line-height: 15px;
  }

  .carousel-control {
    width: 3%;
  }

  #course-icons ul li {
    width: 100px;
  }

  .date-box-responsive {
    width: 60px;
  }

  .date-box-responsive .month {
    font-size: 8px;
    line-height: 12px;
  }

  .date-box-responsive .day {
    font-size: 30px;
    line-height: 24px;
    padding: 5px 0 2px 0;
  }

  p.date-box-text {
    padding-left: 75px;
  }

  #benefits-menu .nav ul {
    padding: 0;
    margin: 0;
  }

  #benefits-menu .nav > li > a {
    padding: 5px 0;
    margin-right: 0;
    width: 82px;
  }

  #benefits-menu .nav > li > a h5 {
    font-size: 11px;
  }

  #related-articles .media.box {
    margin-bottom: 10px;
  }

  .modal-lg {
    width: 700px;
  }

  #nav  > div.block > ul.nav-primary > li > a {
    font-size: 11px;
    letter-spacing: -.25px;
    line-height: 12px;
    padding: 18px 7px;
  }

  .login-and-signup .btn {
    font-size: 11px;
    padding: 4px 5px;
  }

  .login-and-signup {
    padding: 17px 0 !important;
  }

  .btn-sm {
    padding: 5px 7px;
  }

  .section.search-upgrade #select-a-topic-form label {
    font-size: 18px;
  }
  .btn-promo .media > .pull-right.countdown,
  .section.search-upgrade .upgrade-btn-left .btn-promo .media > .pull-right.countdown {
    padding: 11px 12px 11px 8px;
  }


}

/* MD */

@media (max-width: 991px) {
  #adminbar{
    display:none;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {

  .md-text-left {
    text-align: left;
  }

  .md-text-center {
    text-align: center;
  }

  .md-text-right {
    text-align: right;
  }

  .pull-left.md-no-pull,
  .pull-right.md-no-pull {
    float: none !important;
  }

  blockquote {
    font-size: 18px;
    line-height: 24px;
  }

  .carousel-inner h1 {
    font-size: 34px;
    line-height: 34px;
    margin-top: 50px;
  }

  .carousel-inner p.lead {
    font-size: 18px;
    line-height: 20px;
  }

  .carousel-control {
    width: 3%;
  }

  #course-icons ul li {
    width: 110px;
  }
  .section.search-upgrade #select-a-topic-form label {
    font-size: 17px;
  }
  .section.search-upgrade .upgrade-btn-left .btn-promo .media > .pull-right.countdown {
    padding: 11px 12px 11px 8px;
  }

  .m-md-0      {margin: 0;}
  .m-md-5      {margin: 5px;}
  .m-md-10     {margin: 10px;}
  .m-md-15     {margin: 15px;}
  .m-md-20     {margin: 20px;}
  .m-md-30     {margin: 30px;}
  .m-md-40     {margin: 40px;}
  .m-md-50     {margin: 50px;}
  .m-md-60     {margin: 60px;}
  .m-md-70     {margin: 70px;}
  .m-md-80     {margin: 80px;}
  .m-md-90     {margin: 90px;}
  .m-md-100    {margin: 100px;}
  .m-md-b-0    {margin-bottom: 0;}
  .m-md-b-5    {margin-bottom: 5px;}
  .m-md-b-10   {margin-bottom: 10px;}
  .m-md-b-15   {margin-bottom: 15px;}
  .m-md-b-20   {margin-bottom: 20px;}
  .m-md-b-30   {margin-bottom: 30px;}
  .m-md-b-40   {margin-bottom: 40px;}
  .m-md-b-50   {margin-bottom: 50px;}
  .m-md-b-60   {margin-bottom: 60px;}
  .m-md-b-70   {margin-bottom: 70px;}
  .m-md-b-80   {margin-bottom: 80px;}
  .m-md-b-90   {margin-bottom: 90px;}
  .m-md-b-100  {margin-bottom: 100px;}
  .m-md-l-0    {margin-left: 0;}
  .m-md-l-5    {margin-left: 5px;}
  .m-md-l-10   {margin-left: 10px;}
  .m-md-l-15   {margin-left: 15px;}
  .m-md-l-20   {margin-left: 20px;}
  .m-md-l-30   {margin-left: 30px;}
  .m-md-l-40   {margin-left: 40px;}
  .m-md-l-50   {margin-left: 50px;}
  .m-md-l-60   {margin-left: 60px;}
  .m-md-l-70   {margin-left: 70px;}
  .m-md-l-80   {margin-left: 80px;}
  .m-md-l-90   {margin-left: 90px;}
  .m-md-l-100  {margin-left: 100px;}
  .m-md-r-0    {margin-right: 0;}
  .m-md-r-5    {margin-right: 5px;}
  .m-md-r-10   {margin-right: 10px;}
  .m-md-r-15   {margin-right: 15px;}
  .m-md-r-20   {margin-right: 20px;}
  .m-md-r-30   {margin-right: 30px;}
  .m-md-r-40   {margin-right: 40px;}
  .m-md-r-50   {margin-right: 50px;}
  .m-md-r-60   {margin-right: 60px;}
  .m-md-r-70   {margin-right: 70px;}
  .m-md-r-80   {margin-right: 80px;}
  .m-md-r-90   {margin-right: 90px;}
  .m-md-r-100  {margin-right: 100px;}
  .m-md-t-0    {margin-top: 0;}
  .m-md-t-5    {margin-top: 5px;}
  .m-md-t-10   {margin-top: 10px;}
  .m-md-t-15   {margin-top: 15px;}
  .m-md-t-20   {margin-top: 20px;}
  .m-md-t-30   {margin-top: 30px;}
  .m-md-t-40   {margin-top: 40px;}
  .m-md-t-50   {margin-top: 50px;}
  .m-md-t-60   {margin-top: 60px;}
  .m-md-t-70   {margin-top: 70px;}
  .m-md-t-80   {margin-top: 80px;}
  .m-md-t-90   {margin-top: 90px;}
  .m-md-t-100  {margin-top: 100px;}
  .p-md-0      {padding: 0;}
  .p-md-5      {padding: 5px;}
  .p-md-10     {padding: 10px;}
  .p-md-15     {padding: 15px;}
  .p-md-20     {padding: 20px;}
  .p-md-30     {padding: 30px;}
  .p-md-40     {padding: 40px;}
  .p-md-50     {padding: 50px;}
  .p-md-60     {padding: 60px;}
  .p-md-70     {padding: 70px;}
  .p-md-80     {padding: 80px;}
  .p-md-90     {padding: 90px;}
  .p-md-100    {padding: 100px;}
  .p-md-b-0    {padding-bottom: 0;}
  .p-md-b-5    {padding-bottom: 5px;}
  .p-md-b-10   {padding-bottom: 10px;}
  .p-md-b-15   {padding-bottom: 15px;}
  .p-md-b-20   {padding-bottom: 20px;}
  .p-md-b-30   {padding-bottom: 30px;}
  .p-md-b-40   {padding-bottom: 40px;}
  .p-md-b-50   {padding-bottom: 50px;}
  .p-md-b-60   {padding-bottom: 60px;}
  .p-md-b-70   {padding-bottom: 70px;}
  .p-md-b-80   {padding-bottom: 80px;}
  .p-md-b-90   {padding-bottom: 90px;}
  .p-md-b-100  {padding-bottom: 100px;}
  .p-md-l-0    {padding-left: 0;}
  .p-md-l-5    {padding-left: 5px;}
  .p-md-l-10   {padding-left: 10px;}
  .p-md-l-15   {padding-left: 15px;}
  .p-md-l-20   {padding-left: 20px;}
  .p-md-l-30   {padding-left: 30px;}
  .p-md-l-40   {padding-left: 40px;}
  .p-md-l-50   {padding-left: 50px;}
  .p-md-l-60   {padding-left: 60px;}
  .p-md-l-70   {padding-left: 70px;}
  .p-md-l-80   {padding-left: 80px;}
  .p-md-l-90   {padding-left: 90px;}
  .p-md-l-100  {padding-left: 100px;}
  .p-md-r-0    {padding-right: 0;}
  .p-md-r-5    {padding-right: 5px;}
  .p-md-r-10   {padding-right: 10px;}
  .p-md-r-15   {padding-right: 15px;}
  .p-md-r-20   {padding-right: 20px;}
  .p-md-r-30   {padding-right: 30px;}
  .p-md-r-40   {padding-right: 40px;}
  .p-md-r-50   {padding-right: 50px;}
  .p-md-r-60   {padding-right: 60px;}
  .p-md-r-70   {padding-right: 70px;}
  .p-md-r-80   {padding-right: 80px;}
  .p-md-r-90   {padding-right: 90px;}
  .p-md-r-100  {padding-right: 100px;}
  .p-md-t-0    {padding-top: 0;}
  .p-md-t-5    {padding-top: 5px;}
  .p-md-t-10   {padding-top: 10px;}
  .p-md-t-15   {padding-top: 15px;}
  .p-md-t-20   {padding-top: 20px;}
  .p-md-t-30   {padding-top: 30px;}
  .p-md-t-40   {padding-top: 40px;}
  .p-md-t-50   {padding-top: 50px;}
  .p-md-t-60   {padding-top: 60px;}
  .p-md-t-70   {padding-top: 70px;}
  .p-md-t-80   {padding-top: 80px;}
  .p-md-t-90   {padding-top: 90px;}
  .p-md-t-100  {padding-top: 100px;}
}

/* LG */

@media (min-width: 1200px) {

  .lg-text-left {
    text-align: left;
  }

  .lg-text-center {
    text-align: center;
  }

  .lg-text-right {
    text-align: right;
  }

  .pull-left.lg-no-pull,
  .pull-right.lg-no-pull {
    float: none !important;
  }

  .carousel-inner .hero-copy {
    padding-left: 35px;
  }

  #benefits-menu .nav > li > a {
    padding: 7px 9px;
    margin-right: 7px;
  }

  .m-lg-0      {margin: 0;}
  .m-lg-5      {margin: 5px;}
  .m-lg-10     {margin: 10px;}
  .m-lg-15     {margin: 15px;}
  .m-lg-20     {margin: 20px;}
  .m-lg-30     {margin: 30px;}
  .m-lg-40     {margin: 40px;}
  .m-lg-50     {margin: 50px;}
  .m-lg-60     {margin: 60px;}
  .m-lg-70     {margin: 70px;}
  .m-lg-80     {margin: 80px;}
  .m-lg-90     {margin: 90px;}
  .m-lg-100    {margin: 100px;}
  .m-lg-b-0    {margin-bottom: 0;}
  .m-lg-b-5    {margin-bottom: 5px;}
  .m-lg-b-10   {margin-bottom: 10px;}
  .m-lg-b-15   {margin-bottom: 15px;}
  .m-lg-b-20   {margin-bottom: 20px;}
  .m-lg-b-30   {margin-bottom: 30px;}
  .m-lg-b-40   {margin-bottom: 40px;}
  .m-lg-b-50   {margin-bottom: 50px;}
  .m-lg-b-60   {margin-bottom: 60px;}
  .m-lg-b-70   {margin-bottom: 70px;}
  .m-lg-b-80   {margin-bottom: 80px;}
  .m-lg-b-90   {margin-bottom: 90px;}
  .m-lg-b-100  {margin-bottom: 100px;}
  .m-lg-l-0    {margin-left: 0;}
  .m-lg-l-5    {margin-left: 5px;}
  .m-lg-l-10   {margin-left: 10px;}
  .m-lg-l-15   {margin-left: 15px;}
  .m-lg-l-20   {margin-left: 20px;}
  .m-lg-l-30   {margin-left: 30px;}
  .m-lg-l-40   {margin-left: 40px;}
  .m-lg-l-50   {margin-left: 50px;}
  .m-lg-l-60   {margin-left: 60px;}
  .m-lg-l-70   {margin-left: 70px;}
  .m-lg-l-80   {margin-left: 80px;}
  .m-lg-l-90   {margin-left: 90px;}
  .m-lg-l-100  {margin-left: 100px;}
  .m-lg-r-0    {margin-right: 0;}
  .m-lg-r-5    {margin-right: 5px;}
  .m-lg-r-10   {margin-right: 10px;}
  .m-lg-r-15   {margin-right: 15px;}
  .m-lg-r-20   {margin-right: 20px;}
  .m-lg-r-30   {margin-right: 30px;}
  .m-lg-r-40   {margin-right: 40px;}
  .m-lg-r-50   {margin-right: 50px;}
  .m-lg-r-60   {margin-right: 60px;}
  .m-lg-r-70   {margin-right: 70px;}
  .m-lg-r-80   {margin-right: 80px;}
  .m-lg-r-90   {margin-right: 90px;}
  .m-lg-r-100  {margin-right: 100px;}
  .m-lg-t-0    {margin-top: 0;}
  .m-lg-t-5    {margin-top: 5px;}
  .m-lg-t-10   {margin-top: 10px;}
  .m-lg-t-15   {margin-top: 15px;}
  .m-lg-t-20   {margin-top: 20px;}
  .m-lg-t-30   {margin-top: 30px;}
  .m-lg-t-40   {margin-top: 40px;}
  .m-lg-t-50   {margin-top: 50px;}
  .m-lg-t-60   {margin-top: 60px;}
  .m-lg-t-70   {margin-top: 70px;}
  .m-lg-t-80   {margin-top: 80px;}
  .m-lg-t-90   {margin-top: 90px;}
  .m-lg-t-100  {margin-top: 100px;}
  .p-lg-0      {padding: 0;}
  .p-lg-5      {padding: 5px;}
  .p-lg-10     {padding: 10px;}
  .p-lg-15     {padding: 15px;}
  .p-lg-20     {padding: 20px;}
  .p-lg-30     {padding: 30px;}
  .p-lg-40     {padding: 40px;}
  .p-lg-50     {padding: 50px;}
  .p-lg-60     {padding: 60px;}
  .p-lg-70     {padding: 70px;}
  .p-lg-80     {padding: 80px;}
  .p-lg-90     {padding: 90px;}
  .p-lg-100    {padding: 100px;}
  .p-lg-b-0    {padding-bottom: 0;}
  .p-lg-b-5    {padding-bottom: 5px;}
  .p-lg-b-10   {padding-bottom: 10px;}
  .p-lg-b-15   {padding-bottom: 15px;}
  .p-lg-b-20   {padding-bottom: 20px;}
  .p-lg-b-30   {padding-bottom: 30px;}
  .p-lg-b-40   {padding-bottom: 40px;}
  .p-lg-b-50   {padding-bottom: 50px;}
  .p-lg-b-60   {padding-bottom: 60px;}
  .p-lg-b-70   {padding-bottom: 70px;}
  .p-lg-b-80   {padding-bottom: 80px;}
  .p-lg-b-90   {padding-bottom: 90px;}
  .p-lg-b-100  {padding-bottom: 100px;}
  .p-lg-l-0    {padding-left: 0;}
  .p-lg-l-5    {padding-left: 5px;}
  .p-lg-l-10   {padding-left: 10px;}
  .p-lg-l-15   {padding-left: 15px;}
  .p-lg-l-20   {padding-left: 20px;}
  .p-lg-l-30   {padding-left: 30px;}
  .p-lg-l-40   {padding-left: 40px;}
  .p-lg-l-50   {padding-left: 50px;}
  .p-lg-l-60   {padding-left: 60px;}
  .p-lg-l-70   {padding-left: 70px;}
  .p-lg-l-80   {padding-left: 80px;}
  .p-lg-l-90   {padding-left: 90px;}
  .p-lg-l-100  {padding-left: 100px;}
  .p-lg-r-0    {padding-right: 0;}
  .p-lg-r-5    {padding-right: 5px;}
  .p-lg-r-10   {padding-right: 10px;}
  .p-lg-r-15   {padding-right: 15px;}
  .p-lg-r-20   {padding-right: 20px;}
  .p-lg-r-30   {padding-right: 30px;}
  .p-lg-r-40   {padding-right: 40px;}
  .p-lg-r-50   {padding-right: 50px;}
  .p-lg-r-60   {padding-right: 60px;}
  .p-lg-r-70   {padding-right: 70px;}
  .p-lg-r-80   {padding-right: 80px;}
  .p-lg-r-90   {padding-right: 90px;}
  .p-lg-r-100  {padding-right: 100px;}
  .p-lg-t-0    {padding-top: 0;}
  .p-lg-t-5    {padding-top: 5px;}
  .p-lg-t-10   {padding-top: 10px;}
  .p-lg-t-15   {padding-top: 15px;}
  .p-lg-t-20   {padding-top: 20px;}
  .p-lg-t-30   {padding-top: 30px;}
  .p-lg-t-40   {padding-top: 40px;}
  .p-lg-t-50   {padding-top: 50px;}
  .p-lg-t-60   {padding-top: 60px;}
  .p-lg-t-70   {padding-top: 70px;}
  .p-lg-t-80   {padding-top: 80px;}
  .p-lg-t-90   {padding-top: 90px;}
  .p-lg-t-100  {padding-top: 100px;}
}

/* Admin List Tables */

#list td, #list th {
  white-space: nowrap;
}

#list td.stretch {
  width: 99%;
  white-space: normal;
}

/* Glyphicons */

.glyphicon-info-sign{
  font-size: 18px;
  color:#00b9e4;
  margin:5px;
}

/* Form processing */

.ds-processing {
  display: none;
  font-family: gothbook;
}

/* Bookmark icon */
.bookmarks-sprite {
  background: url("http://www.speareducation.com/images/icons/sprite-bookmarks.png") no-repeat;
}

a.add-bookmark-action, a.remove-bookmark-action {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

a.add-bookmark-action:hover, a.remove-bookmark-action:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.uncheck {
  width: 25px;
  height: 30px;
  display: inline-block;
  background-position: 0 0;
}

.check {
  width: 25px;
  height: 30px;
  display: inline-block;
  background-position: 0 -30px;
}

.tooltip-inner {
  background-color: #212629;
  white-space:nowrap;
  max-width:none;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #212629;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #212629;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #212629;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #212629;
}

.bookmarks-sprite-small {
  zoom:0.60;
  -moz-transform:scale(0.60);
  -moz-transform-origin: 0 0;
}

/**
 * Hide Links When Printing
 */

@media print {
  a[href]:after {
    content: '';
  }
}

/* HELPERS */
.inline{
  display:inline-block;
}

.text-underline {
  text-decoration: underline !important;
}

.border-underline-white {
  border-bottom: 1px solid #ffffff !important;
  padding-bottom: 3px !important;
}