/*!**********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/css/paf-general-page-layout.css ***!
  \**********************************************************************************************/
/* TODO I lterally have no idea what I am doing here with css
 * Someone save me                                           */
.paf-content-area {
    position: fixed;
    top: 4.5rem;
    left: 10rem;
    max-width: calc(100vw - 10rem);
    width: calc(100vw - 10rem);
    overflow-y: scroll;
    max-height: calc(100vh - 4.5rem);
    height: calc(100vh - 4.5rem);
}

.paf-top-bar {
    position: fixed;
    top: 0;
    height: 4.5rem;
}

.paf-top-bar a {
    cursor: pointer;
}

.paf-side-bar {
    position: fixed;
    left: 0;
    top: 4.5rem;
    height: calc(100vh - 4.5rem);
    width: 10rem;
}

.help-block {
    display: block;
    margin-top: 0.25rem;
    color: #6c757d !important;
}

/*!*********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/css/paf-loader.css ***!
  \*********************************************************************************/
.paf-loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin:auto;
  margin-bottom:50vh;
  left:0;
  right:0;
  top:0;
  bottom:0;
  position:fixed;
  z-index: 100;
  animation: paf-spin 2s linear infinite;
}

@keyframes paf-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-div {
  display:table;
  background:rgb(193,193,193,0.8);
  position:fixed;
  top:0px;
  left:0px;
  padding:30px;
  width:100%;
  height:100vh;
  z-index:10000
}

.loading-div-cell {
  height:50vh;
}

.loading-div-row {
  display:table-row;
  vertical-align:top;
  text-align:center;
  height:50vh;
}
.loading-div-row span {
  font-size: 16pt;
}
/*!****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/css/login.css ***!
  \****************************************************************************/

.login-wrapper {
	height: 100vh;
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.5);
}
.background-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0.6;
    height: 100vh;
    z-index: 1;
}
.login-button {
	width:100%;
}
.login-container {
	position: relative;
	border-radius: 10px;
	text-align: left;  
	z-index: 10;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 10px 20px;
	min-width: 600px;
	justify-content: space-between;
}
.login-form-container {
	min-width: 400px;
}
.top-left-logo {
	opacity: 1;
	position: absolute;
	width: 100%;
	bottom: 90%;
	z-index: 10;
	cursor: pointer;
}
.bottom-left-logo {
	opacity: 1;
	position: absolute;
	width: 100%;
	bottom: 10px;
	z-index: 10;
	cursor: pointer;
}
.bottom-right-logo {
	opacity: 1;
	position: absolute;
	width: 100%;
	bottom: 10px;
	cursor: pointer;
	z-index: 10;
}
.top-right-contacts {
	position: relative;
	top: 10px;
	z-index: 10;
}
.login-link {
	color: blue;
}

/*!****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/apps/learn/learn.css ***!
  \****************************************************************************/
/* Styling for left menu */
.left-menu .panel-heading h4 {
  margin: 0;
}

.panel.panel-default {
  border: 1px solid #888;
  border-bottom: 0;
  padding: 0;
  overflow: hidden;
}

.panel:last-of-type tr:last-of-type td {
  border: 0;
}

.left-menu .panel table tr th, .left-menu .panel table tr td {
  border-left: 0;
  border-right: 0;
}

.left-menu-item, .left-menu-item:hover, .left-menu-item:focus{
  display: inline-block;
  width: 100%;
  user-select: none;
  text-decoration: none;
  color: black;
}

.left-menu-item-top {
	padding: 10px 14px;
}

.left-menu-item-sub {
 padding: .75rem;
 border-top: 1px solid #dee2e6;
}

.panel.panel-default:first-of-type {
  border-radius: 8px 8px 0 0;
}

.panel.panel-default:last-of-type {
  border-bottom: 1px solid black;
  border-radius: 0px 0 8px 8px;
}

.panel-heading {
  font-family: sans-serif;
  font-weight: 100;
}

.panel-heading a {
  font-weight: 200;
  color: black;
  font-size: 20px;
  vertical-align: top;
}

/* Styling for rest */
.left-menu a, .top-menu a {
  font-family: "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "SimSun", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", 'Segoe UI', AppleSDGothicNeo-Medium, 'Malgun Gothic', Verdana, Tahoma, serif;
}

.content .markdown {
  padding-left: 0;
}

.content .katex-display {
  margin: 0;
  display: inline-block;
}

.left-menu {
  max-width: 270px;
}

.btn {
  border: 1px solid #999;
}

.currentpage {
  background: #dee9ec; /* a lovely pleasing gray - for highlighting the current page */
}


.markdown {
  max-width: none !important;
  /* something is manually setting the width on the element!?! */
}

.content .markdown {
  max-width: 1000px;
}

.equationlabel, .reactionlabel {
  float: right;
}

.wrapeq {
  white-space: nowrap;
}

.btn.options {
  margin: 10px 0;
  box-shadow: none !important;
}

.optionspanel {
  display: none;
}

/*
 * Fixing Haiyan's bug with images being too big
 * Basically, the problem was that images were constrained by a max width of 100%, but they could possibly be taller, and in that case you'd need to scroll to see the whole image vertically
 * Now, the image is constrained so it won't ever be more than 80% of the vertical height
 */
.markdown img {
  max-height: 80vh;
}

/* Nice media query stuff so page is properly responsive */
@media(max-width: 950px) {
  .row .left-menu {
    max-width: 25%;
  }

  .markdown a {
    word-break: break-word;
  }

  .panel-heading {
    padding: 5px 10px 7px 10px;
  }

  .markdown a {
    font-size: 16px;
    padding: 7px 0;
  }
}

.dir-menu .btn {
  padding: 10px;
  margin-right: 10px;
}

/*!****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/components/markdown/markdown.css ***!
  \****************************************************************************************/
/**
 * standard markdown style
 */
.markdown {
  font-family: "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "SimSun", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", 'Segoe UI', AppleSDGothicNeo-Medium, 'Malgun Gothic', Verdana, Tahoma, sans-serif;
  padding: 20px;
}
.markdown a {
  text-decoration: none;
  vertical-align: baseline;
}
.markdown a:hover {
  text-decoration: underline;
}
.markdown h1 {
  font-size: 2.2em;
  font-weight: bold;
  margin: 1.5em 0 1em 0;
}
.markdown h2 {
  font-size: 1.8em;
  font-weight: bold;
  margin: 1.275em 0 0.85em 0;
}
.markdown h3 {
  font-size: 1.6em;
  font-weight: bold;
  margin: 1.125em 0 0.75em 0;
}
.markdown h4 {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0.99em 0 0.66em 0;
}
.markdown h5 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.855em 0 0.57em 0;
}
.markdown h6 {
  font-size: 1em;
  font-weight: bold;
  margin: 0.75em 0 0.5em 0;
}
.markdown h1:first-child,
.markdown h2:first-child,
.markdown h3:first-child,
.markdown h4:first-child,
.markdown h5:first-child,
.markdown h6:first-child {
  margin-top: 0;
}
.markdown h1 + p,
.markdown h2 + p,
.markdown h3 + p,
.markdown h4 + p,
.markdown h5 + p,
.markdown h6 + p {
  margin-top: 0;
}
.markdown hr {
  border: 1px solid #cccccc;
}
.markdown p {
  margin: 1em 0;
  word-wrap: break-word;
}
.markdown ol {
  list-style-type: decimal;
}
.markdown li {
  display: list-item;
  line-height: 1.4em;
}
.markdown blockquote {
  margin: 1em 20px;
}
.markdown blockquote > :first-child {
  margin-top: 0;
}
.markdown blockquote > :last-child {
  margin-bottom: 0;
}
.markdown blockquote cite:before {
  content: '\2014 \00A0';
}
.markdown .code {
  border-radius: 3px;
  word-wrap: break-word;
}
.markdown pre {
  border-radius: 3px;
  word-wrap: break-word;
  border: 1px solid #cccccc;
  overflow: auto;
  padding: .5em;
}
.markdown pre code {
  border: 0;
  display: block;
}
.markdown pre > code {
  font-family: Consolas, Inconsolata, Courier, monospace;
  font-weight: bold;
  white-space: pre;
  margin: 0;
}
.markdown code {
  border-radius: 3px;
  word-wrap: break-word;
  border: 1px solid #cccccc;
  padding: 0 5px;
  margin: 0 2px;
}
.markdown img {
  max-width: 100%;
}
.markdown mark {
  color: #000;
  background-color: #fcf8e3;
}
.markdown table {
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 16px;
}
.markdown table tr th,
.markdown table tr td {
  border: 1px solid #cccccc;
  margin: 0;
  padding: 6px 13px;
}
.markdown table tr th {
  font-weight: bold;
}
.markdown table tr th > :first-child {
  margin-top: 0;
}
.markdown table tr th > :last-child {
  margin-bottom: 0;
}
.markdown table tr td > :first-child {
  margin-top: 0;
}
.markdown table tr td > :last-child {
  margin-bottom: 0;
}


/*# sourceMappingURL=index-84b693934c65c76b8ec8.min.css.map*/