/**********************
CSC GitHub Pages Theme
by Jason King
****************/
@import url(algorithm.css);
@import url(terminal.css);
@import url(java.css);
@import url(text.css);
@import url(plaintext.css);
@import url(syntax.css);
@import url(expand.css);
@import url(card.css);
/*******************************************************************************
Full-Width Styles
*******************************************************************************/
.header {
  position: relative;
  padding: 0px 15px; }

.header-wrap {
  margin-top: 35px; }
  .header-wrap h1 {
    font-size: 42px;
    margin-top: 12px; }

.main_outer {
  width: 100%; }

.main_inner {
  position: relative;
  max-width: 100%;
  padding: 0px;
  margin: 0 auto;
  background: #FFFFFF; }

footer a {
  color: #F2F2F2;
  text-decoration: underline; }
footer a:hover {
  color: white; }

footer p {
  color: #f2f2f2; }

#main_content_wrap {
  background: #CCCCCC; }

#mainContent {
  padding-top: 0px;
  padding-left: 50px; }
  #mainContent h1 {
    font-size: 36px; }

#footer_wrap {
  background: #990000;
  padding-left: 1em; }

/*******
Code
********/
code, pre {
  background-color: transparent; }

/******************
Callouts
*******************/
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px; }

.bs-callout-header {
  margin-top: 0;
  margin-bottom: 5px; }

.bs-callout p:last-child {
  margin-bottom: 0; }

.bs-callout code {
  border-radius: 3px; }

.bs-callout + .bs-callout {
  margin-top: -5px; }

.bs-callout-default {
  border-left-color: #CCCCCC; }

.bs-callout-default .h4 {
  color: #777; }

.bs-callout-primary {
  border-left-color: #CC0000;
  background-color: rgba(204, 0, 0, 0.1); }

.bs-callout-primary .h4 {
  color: #CC0000; }

.bs-callout-success {
  border-left-color: #7d8C1F;
  background-color: rgba(125, 140, 31, 0.1); }

.bs-callout-success .h4 {
  color: #7d8C1F; }

.bs-callout-danger {
  border-left-color: #990000;
  background-color: rgba(153, 0, 0, 0.1); }

.bs-callout-danger .h4 {
  color: #990000; }

.bs-callout-warning {
  border-left-color: #D14905;
  background-color: rgba(209, 73, 5, 0.1); }

.bs-callout-warning .h4 {
  color: #D14905; }

.bs-callout-info {
  border-left-color: #427E93;
  background-color: rgba(66, 126, 147, 0.1); }

.bs-callout-info .h4 {
  color: #427E93; }

.bs-callout-resource {
  border-left-color: #FDD726;
  background-color: rgba(253, 215, 38, 0.1); }

.bs-callout-resource .h4 {
  color: #D14905; }

/*********************
Styles for button to jump back to the top of the page
**********************/
#myBtn {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 20px;
  /* Place the button at the bottom of the page */
  right: 30px;
  /* Place the button 30px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  background-color: #4156A1;
  /* Set a background color */
  color: white;
  /* Text color */
  cursor: pointer;
  /* Add a mouse pointer on hover */
  padding: 15px;
  /* Some padding */
  border-radius: 10px;
  /* Rounded corners */ }

#myBtn:hover {
  background-color: #D14905;
  /* Add a background on hover */ }

/*****************************************
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of the page
 ****************************************/
.sticky {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0; }

/* sidebar */
.toc-sidebar {
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px; }

/* all links */
.toc-sidebar .nav > li > a {
  color: #999;
  border-left: 2px solid transparent;
  padding: 4px 20px;
  font-size: 13px;
  font-weight: 400; }

/* nested links */
.toc-sidebar .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px; }

/* nested nested links */
.toc-sidebar .nav .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 45px;
  font-size: 12px; }

/* active & hover links */
.toc-sidebar .nav > .active > a,
.toc-sidebar .nav > li > a:hover,
.toc-sidebar .nav > li > a:focus {
  color: #CC0000;
  text-decoration: none;
  background-color: transparent;
  border-left-color: #CC0000; }

/* all active links */
.toc-sidebar .nav > .active > a,
.toc-sidebar .nav > .active:hover > a,
.toc-sidebar .nav > .active:focus > a {
  font-weight: 700; }

/* nested active links */
.toc-sidebar .nav .nav > .active > a,
.toc-sidebar .nav .nav > .active:hover > a,
.toc-sidebar .nav .nav > .active:focus > a {
  font-weight: 500; }

/* nested nested active links */
.toc-sidebar .nav .nav .nav > .active > a,
.toc-sidebar .nav .nav .nav > .active:hover > a,
.toc-sidebar .nav .nav .nav > .active:focus > a {
  font-weight: 500; }

/* hide inactive nested list */
.toc-sidebar .nav ul.nav {
  display: none; }

/* show active nested list */
.toc-sidebar .nav > .active > ul.nav {
  display: block; }

/*********************
Images
*************/
/* Page layout styles */
.center-image {
  padding: 0 20px;
  box-shadow: 0px 0px 15px #888888;
  -webkit-box-shadow: 0px 0px 15px #888888;
  -moz-box-shadow: 0px 0px 15px #888888; }

figure figcaption {
  padding: 5px 20px; }

/****************
Code Blocks
**************/
.highlight {
  padding-top: 15px;
  padding-bottom: 15px; }

.highlight pre {
  padding: 0px 0px 0px 5px;
  margin: 0px; }

.highlight pre pre {
  border: none; }

.language-plaintext .lineno {
  color: white; }

/*******************
Icon Styles
********************/
.icon {
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 50px;
  min-height: 50px;
  width: 50px;
  height: 50px; }

/*******************
Breadcrumbs
*********************/
#toolbar {
  background-color: #f5f5f5;
  min-height: 38px;
  overflow: hidden;
  margin: 0px; }

.toolbar-left {
  padding-left: 0px; }

.breadcrumb {
  margin-bottom: 0px; }

/******************
Table Styles
*******************/
table:not(.rouge-table) {
  border: 3px solid #000000;
  width: 100%;
  text-align: left;
  border-collapse: collapse; }
  table:not(.rouge-table) td, table:not(.rouge-table) table th {
    border: 1px solid #000000;
    padding: 5px 4px; }
  table:not(.rouge-table) tbody td {
    font-size: 13px; }
  table:not(.rouge-table) thead {
    background: #CFCFCF;
    background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
    background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
    background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
    border-bottom: 3px solid #000000; }
  table:not(.rouge-table) thead th {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    text-align: left; }
  table:not(.rouge-table) tfoot {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    border-top: 3px solid #000000; }
  table:not(.rouge-table) tfoot td {
    font-size: 14px; }

/***************
Authentication
****************/
.authentication-row {
  margin-top: 45px; }

.authentication {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #CC0000;
  padding: 0px 15px;
  /*button {
  	float: right;
  	border-radius: 4px;
  	background-color: $genomicgreen;
  	border: none;
  	color: white;
  	padding: 2px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 16px;
  	margin: 4px 2px;
  	cursor: pointer;		
  }*/ }

/************************
Print Button
*************************/
.print-button {
  position: absolute;
  top: 5px;
  right: 5px; }

/*********************
H5P Question Styles
**********************/
.h5p-question {
  background: none; }

/*********************
Small screen styles
*********************/
@media screen and (max-width: 767px) {
  .toc-sidebar {
    display: none; }

  #mainContent {
    width: 95%;
    float: right; } }
/*********************
Print styles
**********************/
@media print {
  h1 {
    font-size: 26px; }

  h2 {
    font-size: 22px; }

  h3 {
    font-size: 18px; }

  h4 {
    font-size: 16px; }

  #mainContent {
    width: 100%; } }