body {
    padding-left: 20px;
    padding-bottom: 50px;
    padding-right: 20px;
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  }
  
  a {
    color: #00B7FF;
  }
  
  .header-div {
    width: 100%;
    height: 100px;
    text-align: center;
}

.header-title {
    display: inline-block;
    height: 100%;
    line-height: 100px;
    font-size: 20pt;
    white-space: nowrap;
    text-overflow: ellipsis;
}

  .manager-div {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
  }

  .left-list-div {
    width: 20%;
    height: 100%;
    background-color: #f1f1f1;
  }

  .left-list-item-div, 
  .left-list-item-title-div,
  .left-list-item-time-div, 
  .left-list-item-line-div,
  .blog_title_div,
  .blog-content-input-div,
  .blog-buttons-div,
  .input_blog_title,
  .blog-content-input {
      width: 100%;
  }

  .left-list-item-title-div {
    box-sizing: border-box;
    min-height: 40px;
    max-height: 100px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
}

.left-list-item-time-div {
    height: 30px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    margin: 0 auto;

}

.left_list-item-time {
    font-size: 8pt;
    color: rgb(242, 102, 99);
}

.left_list-item-title {
  font-size: 12pt;
  font-weight: bold;
  color: rgb(60, 60, 60);
}

.left-list-item-line-div {
    height: 1px;
    background-color: white;
}

.left-list-item-div:hover {
  /* background-color: rgb(242, 102, 99); */
  cursor: pointer;
}

/* .left-list-item-div:hover span { */
  /* background-color: rgb(242, 102, 99); */
  /* color: white; */
/* } */

.open-blog-list-div {
  width: 100%;
}

.open-blog-list-btn {
  height: 35px;
  width: 100%;
  margin-top: 0px;
  background-color: rgb(242, 102, 99);
  color: white;
  border: 1px solid rgb(242, 102, 99);
  vertical-align: middle;
  font-size: 10pt;
  cursor: pointer;
  display: none;
}

  .markdown-body {
      box-sizing: border-box;
      min-width: 200px;
      max-width: 980px;
      margin: 0 auto;
      padding-left: 25px;
      padding-right: 45px;
      padding-bottom: 45px;
  }