
.logged-in-as {
    /*border-bottom: 1px solid #e1e1e1;*/
    padding: 10px 5px !important;
    color: grey;
  }
  .logged-in-as a {
    display: inline !important;
    padding: 0px 2px !important;
  }
  .comment-form-attachment{
    padding: 0px !important;
  }
  .commentform-attachment-label{
    background-color: #007cba;
    padding: 0px 5px;
    border-radius: 4px;
    border: none;
    height: 30px;
    color: white;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: italic;
    width: 90px;
  }

  .commentform-attachment-image-input {
    width: 0;
    height: 0;
  }
  .upload-image-display-box {
    display: none;
    overflow-y: auto;
    height: fit-content;
    max-height: 75vw;
    padding: 10px;
    border: 1px solid rgb(201, 201, 201);
    margin: 5px 0px;
    border-radius: 5px;
  }
  .image-attachment {
    object-fit: cover;
    width: 100%;
    height: fit-content;
  }
  /*for comment edit file upload attachment*/
  .comment-form-attachment-edit{
    padding: 0px !important;
  }
  .commentform-attachment-label-edit{
    background-color: #007cba;
    padding: 0px 5px;
    border-radius: 4px;
    border: none;
    height: 30px;
    color: white;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: italic;
    width: 90px;
  }
  
  .commentform-attachment-image-input-edit {
    width: 0;
    height: 0;
  }

  .image-attachment-edit {
    object-fit: cover;
    width: 100%;
    height: fit-content;
  }
/*for comment edit file upload attachment*/
  .comment-form-comment {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
  }
  .comment-form-comment label {
    display: block;
    width: 100%;
    text-align: start;
  }
  .comment-form-comment textarea {
    width: 100%;
    border: none;
    background-color: #d9e2ec;
    border-radius: 4px;
    resize: vertical;
    padding: 10px 20px !important;
    font-size: 14px;
  }
  #comment-submit{
    cursor: pointer;
  }
.comments-area .comment-form-author input,
.comments-area .comment-form-email input,
.comments-area .comment-form-url input{
  min-width: 280px;
  width: 100%;
  max-width: 320px;
  border: none;
  background-color: #d9e2ec;
  border-radius: 4px;
  padding: 10px 20px !important;
  margin: 5px auto;
}
  .comment-form .form-submit {
    text-align: start;
    padding-top: 5px;
  }
  .comment-form .form-submit input {
    padding: 8px 10px;
    color: white;
    background-color: #379ffb;
    border: none;
    border-radius: 4px;
    font-size: 13px;
  }

#respond {
  margin: 5px 0px;
  /*box-shadow: 0px 0px 10px 0px #8e8e8e;*/
  padding: 5px 0px;
  border-radius: 4px;
}
#reply-title {
  text-align: start;
  padding: 5px;
  color: #3e3e3e;
  font-weight: normal;
  /*! border-bottom: 4px solid rgb(121, 121, 121); */
  padding-bottom: 4px;
}
p.must-log-in {
  text-align: center;
  /*border-bottom: 6px solid #d1d1d163;
  margin-bottom: 5px;
  background-color: #cdcdcd;*/
}
#commentform {
  padding: 5px 0px;
  color: gray;
}

.comment-form-author {
  padding: 0px !important;
  display: inline-block;
}
.comment-form-author br {
  display: none;
}
.comment-form-email br {
  display: none;
}
.comment-form-url br {
  display: none;
}
.comment-form-url {
  padding: 0px !important;
  display: inline-block;
}
.comment-form-email {
  padding: 0px !important;
  display: inline-block;
}
.edit-link {
  list-style: none;
  padding: 5px 0px;
  /* text-decoration: none; */
}