/* Custom page CSS -------------------------------------------------- */
/* @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
/* html,body{font-family: nanumgothic !important;} */

main > .container {
    padding: 60px 15px 0;
  }
  
  .footer {
    background-color: #f5f5f5;
  }
  
  .footer > .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  
  code {
    font-size: 80%;
  }

  .card-comments {
    background-color: #f8f9fa;
  } 

.comments {
  margin-right: -15px; 
  margin-left: -15px;
}

.card-comments .card-comment {
    border-top: 1px solid #e9ecef;
    padding: 8px 0;
}

.card-comments .card-comment img {
  height: 1.875rem;
  width: 1.875rem;
  float: left;
}
.img-circle {
  border-radius: 50%;
}
.img-sm {
  height: 1.875rem;
  width: 1.875rem;
}
.card-comment .comment-text {
  color: #78838e;
  margin-left: 40px;
}

.card-comment .username {
  color: #495057;
  display: block;
  font-weight: 600;
}

.comment-text .username div {
  display: none;
}
.comment-text:hover .username div {
  display: inline;
}

 .username .bi:hover {background: #CCCCCC;} 
 .username div .submenu {
   display:none;
  } 
 .username div:hover .submenu {
   display:inline;
  } 

  .delete-comment {

  }
  .modify-comment {

  }

  .comment-content {

  }

  .file-delete-btn {
    
  }