/* The new public styles */
/* Colors */
/* public colors */
html {
  height: 100%;
  width: 100%; }

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font: 14px Verdana, Lucida, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #088756;
  background-image: url("../img/mystical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }

  pre code {
    color: #666;
    background-color: #bbb;
    border: 1px solid #555;
    display: block;
    padding: 20px;
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
  }

.header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4em;
  padding-top: 1em;
  text-align: center;
  background: #036e02;
  color: #94B26F; }
  .header h1 {
    margin: 0;
    padding: 0; }
  .header a {
    color: #B6D491;
    text-decoration: none;
    padding: 10px 0; }
  .header a .blog {
    text-decoration: none; }
  .header .header-left-side {
    flex: 0 0 20%; }
  .header .header-center {
    flex: 1 1 60%; }
    .header .header-center h1 {
      margin: 0;
      padding: 0; }

  .header .header-right-side {
    flex: 0 0 20%;
    justify-content: end;
    float: right; }

.private-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  height: 3em;
  border-radius: 25px;
  box-shadow: 2px 4px 8px #545f53;
  text-align: center;
  background: #036e02;
  color: #94B26F; }
  .private-header h2 {
    margin: 0;
    padding: 0;
    color: #B6D491; }
  .private-header a {
    color: #B6D491;
    text-decoration: none;
    padding: 10px 0; }
  .private-header .header-left-side {
    flex: 0 0 25%; }
  .private-header .header-center {
    flex: 1 1 50%; }
    .private-header .header-center h1 {
      margin: 0;
      padding: 0; }
  .private-header .header-right-side {
    flex: 0 0 25%;
    justify-content: end;
    float: right; }

.notice {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.25em;
  padding: 0.5em;
  text-align: center;
  background: #B6D491;
  color: #7f7f7f;
  border-radius: 4px;
  box-shadow: 2px 4px 8px #545f53; }

.tag {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  border-radius: 7px;
  background-image: linear-gradient(#096, #A3E4D7, #036e02);
  color: #3f3f3f;
  padding: 6px 12px;
  box-shadow: 2px 4px 8px #545f53; }

.main {
  display: flex;
  justify-content: center; }
  .main .nav {
    padding: 10px;
    background-image: linear-gradient(#036e02, #088756);
    text-align: center;
    color: #B6D491; }
    .main .nav a {
      color: #B6D491;
      text-decoration: none;
      padding: 10px 0; }
  .main .public {
    flex: 0 1 180px; }
  .main .private {
    flex: 0 1 100px; }

.link {
  padding: 10px 0; }
.center h1, h2, h3 {
  margin: 0;
  padding: 0.2em 0;
  text-align: center; }
.center p {
  margin: 0;
  padding: 0.5em 0; 
  text-align: center; }
.center ul {
  text-align: center; }
.center ul li{
  display:block;
  margin-right:10px;
}
.center ul li .training{
  display:block;
  margin-right:10px;
  text-align: left;
}
.content {
  flex: 0 1 1200px;
  padding: 20px 20px;
  opacity: 1;
  color: #e3e3d3;
  overflow-y: auto; }

.login {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.private-subjects {
  display: flex;
  flex-direction: column; }

.private-subject-item {
  margin: 1rem 0;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: #096;
  box-shadow: 2px 4px 8px #545f53; }

.private-subject-item-title-row {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 20px; }

.item-position {
  flex: 0 1 10%; }

.item-title {
  flex: 0 1 90%; }

.private-subject-item-row-column-checkboxes {
  display: flex;
  flex-direction: column;
  flex: 0 1 30%; }

.private-subject-item-row-column-rightside {
  display: flex;
  flex-direction: column;
  flex: 0 1 70%; }

.item-checkbox-row {
  display: flex;
  flex-direction: row; }

.item-label {
  flex: 0 1 60%;
  padding: 0 4px; }

.item-checkbox {
  flex: 0 1 40%;
  padding: 0 4px; }

.item-published {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.private-notes {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #dfdfdf;
  color: #7f7f7f; }

.private-button-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px; }

.private-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  border-radius: 25px;
  background-image: linear-gradient(#096, #036e02);
  color: #F2DC87;
  padding: 6px 12px;
  box-shadow: 2px 4px 8px #545f53; }

.editing {
  text-align: center; }

.danger {
  color: red;
  text-align: center;
  font-weight: 600; }

.private-delete-button-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: center;
  padding: 10px 20px; }

.button-danger {
  margin: 10px auto;
  border-radius: 25px;
  border-style: none;
  background-image: linear-gradient(#096, #036e02);
  font-size: 18px;
  font-weight: 600;
  color: red;
  padding: 6px 12px;
  box-shadow: 2px 4px 8px #545f53; }

.button-create {
  margin: 10px auto;
  border-radius: 25px;
  border-style: none;
  background-image: linear-gradient(#096, #036e02);
  font-size: 18px;
  font-weight: 600;
  color: #F2DC87;
  padding: 6px 12px;
  box-shadow: 2px 4px 8px #545f53; }

.public-sections {
  padding: 8px 8px 20px;
  background-color: #dfdfdf;
  color: #7f7f7f; }
  .public-sections p {
    margin: 0; }

.footer {
  clear: both;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.5em;
  text-align: right;
  /* background: $light_brown image-url("footer_gradient.png") repeat-y 0 0; */
  background-image: linear-gradient(#088756, #036e02);
  color: #F2DC87; }
  .footer p {
    margin: 0;
    padding: 0.5em 1em; }

a {
  text-decoration: none;
  color: #d3d3c3; }

th, td{
  padding: .3rem .8rem;
}

.file_notice{
  background: #006600;
}
.file_change{
  background: #996633;
}
.deleted{
  color: black;
}
.stopped{
  color: red;
}







/*# sourceMappingURL=style.css.map */