.comment-form {
    overflow: hidden;
}

button.btn.post-comment-btn {
    background-color: #0ea550;
    color: white;
    border-radius: 3px;
    float: left;
    margin-top: 6px;
    padding: 3px 15px;
}
.comments-header {
    color:#0ea550;
    padding:10px 10px;
    font-size:16px;
    border-bottom:1px solid #ededed;
}
.comment-tmpl .media img{
    border-radius: 50%;
    width: 35px;
    height: 35px;
}
.comment-tmpl:first-child {
    border-top: 1px solid #ededed;
}
.view-comments-sec >.comment-tmpl:first-child {
    border-top: none;
}
.comment-tmpl:last-child {
    border-bottom: none;
}
.comment-tmpl .media-left {
    padding-left: 6px;
}
.commentator-name a {
    color: #29b26d;
    font-weight: 600;
    font-size: 13.5px;
}
.comment-date {
    font-size: 11px;
    color: #9e9e9e;
    margin-top: 3px;
}
.comment-content {
    padding: 10px 5px 0px;
    font-size: 13px;
}
.comment-updated {
    font-size: 11px;
    color: #a4a4a4;
    padding: 5px 5px 0px;
}
.comment-tmpl {
    padding: 10px 15px;
    border-bottom: 1px solid #ededed;
    position: relative;
}
.comment-tmpl .dropdown {
    position:  absolute;
    top: 5px;
    left: 20px;
}
.view-replies .comment-tmpl:last-child {
    margin-bottom:10px;
    border-bottom: none;
}
.comment-btns .replies a {
    display:  inline-block;
    margin-left: 10px;
}
.comment-btns .replies a:first-child:after {
    content: ".";
    margin-right: 10px;
    font-weight:  bold;
}
.comment-btns .voting a {
    display:  inline-block;
    border: 1px solid #e0dfdf;
    padding: 4px 8px;
    border-radius: 4px;
    color: #898a89;
    background-color:#fdfdfd;
}
.comment-btns .voting .fa-spin {
    color: #0ea550;
    font-size: 15px;
    vertical-align: middle;
    margin: auto;
}
.comment-btns a:hover {
    color: #0ea550;
    background-color:#fff;
}
.comment-btns div {
    display:  inline-block;
}

.comment-btns div.voting {
    float:  left;
}
.comment-btns .voting a.checked {
    color: #0ea550;
    background-color: #fff;

}
.comment-btns {
    font-size: 11px;
    margin-top: 10px;
}

.comment-btns i {
    font-size: 15px;
}

.replays-list {
    margin: 20px 15px 5px 0px;
    padding: 0px 10px 0px 0px;
    border-right: 3px solid #76cda1;
}
.edit-mode{
    display: none;
}
.comment-edit-form {
    padding: 0px 8px;
}
.comments-component textarea {
    width: 100%!important;
}
.comments-component textarea:focus {
    border-color: #00a550;
}
.comment-edit-form textarea {
    text-align: right;
    margin: 10px 0px!important;
    min-height: max-content;
    font-size: 13px;
}

.comment-edit-form button {
    float:  left;
    margin: 0px 5px;
    padding: 4px 13px;
    border-radius: 3px;
}

.comment-edit-form .save-comment-btn {
    background-color: #0ea550;
    color: white;
}

.comment-edit-form .cancel-editing-btn {
    background-color: #ededed;
    color: #898a89;
    border: 1px solid #ddd;
}
/*//confirmation Delete modal//*/

#confirm-delete-modal .modal-title {
    font-weight: 600;
    color: #6d6464;
}

#confirm-delete-modal .modal-title i {
    color: #ffa551;
    font-size: 17px;
}

#confirm-delete-modal .confirmDeleteBtn {
    background-color: #ffa551;
    border-color: #feb066;
}

#confirm-delete-modal .confirmDeleteBtn:hover {
    background-color: #ff8600;
}

#confirm-delete-modal .modal-footer button {
    border-radius: 2px;
    padding: 5px 9px;
    font-size: 13px;
}

#confirm-delete-modal .cancelBtn {
    border: 1px solid #cec7c7;
}
/*//vertically center the modal//*/
#confirm-delete-modal.modal {
    text-align: center;
    padding: 0!important;
}

#confirm-delete-modal.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

#confirm-delete-modal .modal-dialog {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
}
/*//////////////*/
#confirm-delete-modal .modal-dialog {
    max-width: 400px;
    text-align: center;
}
#confirm-delete-modal .modal-footer {
    text-align: center;
}
/*/////////pagination style customize///////////*/
nav.comments-pagination {
    text-align:  center;
}
.comments-pagination ul.pagination li a {
    color: #088237;
}

.comments-pagination ul.pagination li.active a {
    background-color: #19a550;
    border-color: #19a550;
    color:white;
}
.comments-pagination ul.pagination li a span{
    font-weight:bold;
}
/*///loading comments//*/
.commentsLoading {
    text-align:  center;
    color: grey;
    padding: 20px 0px;
}

.commentsLoading img {
    padding: 10px 0px;
}
/*///////error template///////*/
.error-template {
    width:  100%;
    border: 1px solid #ededed;
    text-align:  center;
    padding: 50px 10px;
    border-radius: 5px;
    margin: 15px 0px;
    background-color: #fdfdfd;
}

.error-template div {
    padding-bottom: 10px;
    color: #5f6061;
}

.error-template .reload {
    border: 1px solid #ddd;
    background-color: white;
    font-size:  13px;
}

.error-template .reload i {
    color: #0ea550;
}
.error-template i.fa-warning {
    font-size: 40.5px;
    display: block;
    margin-bottom: 10px;
    color: #ea7f7f;
}
/*/////*/
.no-comments-message {
    text-align: center;
    padding: 25px;
    color: gray;
    font-size: 15px;
}
/*///////////////////*/

.comments-component .alert {
    text-align:  center;
    cursor: pointer;
}
.comments-component {
    margin-top: 15px;
}

/*//////////////*/
.comments-component ul.dropdown-menu {
    left: 0;
    right: auto;
}