body {
  background-color: #FFFFFF;
  font-size: 14px;
}
header {
  background-color: #000000;
}
header nav {
  padding-bottom: 0;
}
header nav ul {
  list-style: none;
  padding: 17px;
}
header nav ul li {
  display: inline;
  padding-right: 60px;
  font-size: 1.8em;
}
header nav ul li a {
  text-decoration: none;
}
header nav ul li a:hover {
  text-decoration: none;
}
main {
  width: 80%;
  display: inline;
  float: left;
  margin: 0 auto;
  padding: 25px 25px 25px 0;
}
.log-output {
  width: 20%;
  display: inline;
  float: left;
}
.focused {
  border: 1px solid red;
}
.justify-text {
  text-align: justify;
}
.app-logger-title-holder {
  display: inline-block;
}
.app-logger-title-holder h3 {
  float: left;
}
.app-logger-title-holder .glyphicon.glyphicon-question-sign {
  float: right;
  padding-top: 28px;
  margin-left: 14px;
  cursor: pointer;
}
.active-ui-sref {
  color: #2a1ee0;
  font-size: 1.3em;
  font-weight: 500;
}
.focused-message-class {
  border: 1px solid red;
  cursor: pointer;
}
.ecma6-view .aside-menu {
  width: 17%;
  display: inline;
  float: left;
}
.ecma6-view .ecma6-content {
  width: 81%;
  display: inline;
  float: left;
  margin-left: 2%;
}
.ecma6-view .ecma6-content h3 {
  display: inline-block;
  margin-bottom: 25px;
}
.ecma6-view .ecma6-content.full-width-content {
  width: 96%;
}
.ecma6-view .ecma6-content a {
  cursor: pointer;
}
.ecma6-view .ecma6-intro li {
  display: block;
  font-size: 1.2em;
  line-height: 2.5em;
}
.about-me {
  display: table;
}
.about-me p {
  display: table-cell;
  vertical-align: middle;
  padding-top: 5%;
}
.about-me img {
  float: left;
  border-radius: 35px;
}
.contact-info a.social-network-link {
  opacity: 0.3;
}
.contact-info a.social-network-link:hover {
  opacity: 1;
  text-decoration: none;
}
.aside-menu {
  background-color: whitesmoke;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 10px;
}
.aside-menu.ng-hide {
  opacity: 0;
  transition: all linear 0.5s;
  -webkit-transition: all linear 0.5s;
}
.aside-menu .hide-aside-menu {
  cursor: pointer;
  top: -11px;
  right: -11px;
  border: 1px solid #cccccc;
  float: right;
  display: inline-block;
  position: relative;
  opacity: 0.4;
}
.aside-menu .hide-aside-menu:hover {
  opacity: 1;
}
.aside-menu ul {
  padding: 0;
  list-style: none;
}
.aside-menu ul li.header {
  margin-bottom: 15px;
  word-wrap: break-word;
}
.aside-menu ul li.header a.menu-link {
  text-decoration: none;
  font-size: 1.5em;
}
.aside-menu ul li.header a.menu-link i.browser-note {
  font-size: 0.75em;
}
.aside-menu ul li.header a.menu-link:hover {
  text-decoration: none;
  color: #428bff;
}
.aside-menu ul li.sub-header {
  margin-left: 15px;
  word-wrap: break-word;
}
.aside-menu ul li.sub-header a.menu-link {
  text-decoration: none;
  font-size: 1.1em;
}
.aside-menu ul li.sub-header a.menu-link:hover {
  text-decoration: none;
  color: #428bff;
}
.show-aside-menu {
  cursor: pointer;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  float: left;
  display: inline-block;
  position: relative;
  opacity: 0;
}
.show-aside-menu.show-aside-menu-shown {
  transition: all linear 1.5s;
  -webkit-transition: all linear 1.5s;
  opacity: 0.4;
}
.show-aside-menu.show-aside-menu-shown:hover {
  opacity: 1;
  transition: none;
  -webkit-transition: none;
}
@media screen and (max-width: 1280px) {
  .aside-menu ul li.header a.menu-link {
    font-size: 1.2em;
  }
  .aside-menu ul li.header a.menu-link i.browser-note {
    font-size: 0.60em;
  }
  .aside-menu ul li.sub-header a.menu-link {
    font-size: 0.9em;
  }
}