body {
  font-family: 'Open Sans';
}

.page-header {
  width: 100%;
  margin-bottom: 0;
}

.page-header img {
  width: 2.6em;
  height: 2.6em;
}

.content-container {
  margin-top: 35px;
  margin-bottom: 35px;
}

.content-list {
  padding: 1.5em 0 0.5em 0;
}

.content-list .content-list-item, .content-header ul {
  list-style-type: none;
  display: block;
  margin: 0 0 1.5em 1.5em;
}

.content-header h2 {
  margin: 0;
  font-size: 1.4em;
}

.content-header h2 a {
  color: black;
}

.content-body {
  margin: 0;
  font-size: 1.4em;
  color: gray;
  padding-bottom: 15px;
}

.content-header .post-information {
  font-size: 0.8em;
  color: gray;
  text-transform: uppercase;
  display: inline-block;
}

.content-header .post-information div {
  display: inline-block;
}

.content-header ul {
  list-style: none;
}

span.gray, .content-header .post-information a {
  color: gray;
}

.author-new-content {
  background-color: #f3f8fa;
}

.author-new-content h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 0.5em 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eee;
}

.content-view {
  border-bottom: 1px solid #eee;
}

.side-boxes {
  background-color: #faf8f6;
  border-left: 1px solid #eee;
}

.info-box {
  padding: 1.0em 0.8em 1.0em 0.8em;
  border-bottom: 1px solid #eee;
}

.info-box h2 {
  margin: 0 0 0.5em 0;
  font-size: 1.1em;
  font-weight: bold;
}

.page-header h1 {
  margin: 0em 0em 0em 1.4em;
  border-width: 0;
}

.page-footer .version-number {
  text-align: center;
}

/* TopMenu begin */

.topMenu {
  margin-top: -30px;
  height: 100%;
}

.topMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
.topMenu ul li {
  padding: 0;
  margin: 0;
  display: inline;
}

.arrow {
  margin-left: 5px;
}

.topMenu .menu {
  font-size: 13px;
  font-weight: 600;
}

.topMenu .menu > li {
  margin: 30px 40px 0 0;
}

.topMenu .selected {
  border-bottom: 2px solid #404040;
  padding-bottom: 0;
}

.topMenu .selected img {
  width: 13px;
  height: 10px;
  float: right;
}

.topMenu .icons img, .topMenu .icons span {
  width: 18px;
  height: 18px;
}

.topMenu .selected a {
  color: #4c4c4c;
  text-decoration: none;
  height: 49px;
  display: block;
}

.topMenu .balance {
  font-size: 13px;
  color: #4c4c4c;
  font-weight: 400;
  margin-left: 10px;
}

.topMenu .icons {
  height: 18px;
  margin: 32px 0px 0 0;
}

.topMenu .icons > li {
  margin-left: 15px;
}
/* TopMenu end */

div.iconDiv {
  float: right;
}

/* search bar start */
.search_bar {
  position: absolute;
  margin-top: 25px;
  width: 0px;
  height: 30px;
  display: block;
  border-radius: 30px;
  border: 1px solid #e8e8e8;
  transition-duration: 0.3s;
  opacity: 0;
  float: right;
}

.topMenu:hover .search_bar {
  opacity: 1;
  width: 100%;
}

.topMenu:hover .search_input {
  opacity: 1;
}

.search_input {
  opacity: 0;
  background: rgba(0,0,0,0);
  border: 0;
  color: #000;
  font-size: 13px;
  color: #A8A8A8;
  font-weight: 300;
  width: 100%;
  margin: 5px 0 0 10px;
}

/* search bar end */

.logo {
  height: 100%;
  top: -5px;
}
 
.logo img {
  margin-left:50%;
}

.hidden {
  opacity: 0;
}

.vspacer05 {
  margin-top: 5%;
}

.vspacer10 {
  margin-top: 10%;
}

.vspacer15 {
  margin-top: 15%;
}

.vspacer20 {
  margin-top: 20%;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-bold {
  font-weight: bold;
}

.text-center {
  text-align: center;
  align: middle;
}

.gray {
  color: gray;
}

h4.gray {
  font-weight: 70;
}

.text-inline-block {
  display: inline-block;
}

.modal-content, .setup-modal .modal-content {
  border-radius: 0 !important;
}

.setup-modal button {
  border-radius: 0;
}

.modal-backdrop.in {
  opacity: 0.9;
  background-image: url('/night-sky.jpg');
}

.modal-open  .modal {
  display: block;
}

.setup-input {
  width: 100%;
  font-weight: 70;
  font-size: 18px;
  color: gray;
  padding-left: 10px;
}

.setup-mnemonic {
  padding: 10px;
}

textarea.setup-mnemonic {
  background-color:#FFF !important;
  background: center center no-repeat;
  resize: none;
  border: 2px solid rgb(237, 237, 237);
}

.footer {
  bottom: 0;
  height: 60px;
  position: absolute;
}

.content-list-container {
  height: 100%;
}