.comment-area .comment-write {
  height: 50px;
  padding-right: 85px;
  position: relative; }
.comment-area .comment-write input {
  width: 100%;
  height: 50px;
  padding: 8px 12px 8px 55px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  background-color: transparent;
  border: 1px solid #ddd; }
.comment-area .comment-write span.alert {
  display: block;
  margin-top: 10px;
  padding: 0;
  font-size: 13px;
  color: rgba(215, 66, 41, 0.8);
  text-align: left; }
.comment-area .comment-write a {
  width: 80px;
  height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  background-color: #ffd300;
  border: 0;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  border-radius: 0;
  color: #000717;
  line-height: 50px;
  position: absolute;
  top: 0;
  right: 0; }
.comment-area .comment-write a:hover {
  background-color: #ffc300; }
.comment-area .comment-item-list .comment-item {
  margin-top: 12px;
  padding: 8px 8px 0 8px;
  background-color: #f3f3f3;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  position: relative; }
.comment-area .comment-item-list .comment-item .comment-head {
  height: 35px;
  padding: 4px 0 0 42px; }
.comment-area .comment-item-list .comment-item .comment-head .avatar {
  top: 8px;
  left: 8px; }
.comment-area .comment-item-list .comment-item .comment-head .name {
  display: block;
  font-weight: 600;
  line-height: 15px; }
.comment-area .comment-item-list .comment-item .comment-head .date {
  display: block;
  font-size: 12px;
  line-height: 10px;
  font-weight: 300;
  color: #4b5469; }
.comment-area .comment-item-list .comment-item .comment-text {
  margin: 5px -8px 0 -8px;
  padding: 8px;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  background-color: #e4e4e4;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  -ms-border-radius: 10px !important; }
.comment-area .comment-item-list .comment-message {
  display: block;
  margin-top: 5px; }
.comment-area .comment-item-list .btn-resume {
  margin: 10px 0 0 0;
  float: right; }
.comment-area .avatar {
  width: 35px;
  height: 35px;
  background-color: #f1f1f1;
  overflow: hidden;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 10;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important; }
.comment-area .avatar img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%) !important;
  -moz-transform: translateX(-50%) translateY(-50%) !important;
  -o-transform: translateX(-50%) translateY(-50%) !important;
  -ms-transform: translateX(-50%) translateY(-50%) !important;
  transform: translateX(-50%) translateY(-50%) !important; }

/*# sourceMappingURL=usercomment.css.map */