.comments {
    background: #fff;
}

    .comments .title {
        background: #ff8000;
        color: #fff;
        font: 18px irsans-bold;
        width: 138px;
    }

.comments {
    font: 15px irsans;
    text-align: right;
    color: #425d80;
}


    .comments form .input-group-text {
        border: none !important;
        -ms-border-radius: 0 !important;
        border-radius: 0 !important;
        background: #e9e9e9 !important;
    }

    .comments form input {
        border: none !important;
        -ms-border-radius: 0 !important;
        border-radius: 0 !important;
    }

    .comments form .form-control {
        font-size: 15px !important;
        background: #e9e9e9 !important;
        border: none;
    }

.show-comments .name {
    font-family: irsans-bold !important;
    color: #2f425c;
}

.show-comments span {
    -ms-opacity: .8;
    opacity: .8;
}


.show-comments .date {
    color: #777;
}

.show-comments .cmnt {
    color: #2f425c;
    text-align: justify;
    white-space: pre-wrap 
}

.show-comments .reply-btn {
    color: #d14027;
}

    .show-comments .reply-btn .btn {
        background-color: rgba(255, 255, 255, 0) !important;
        padding: 0 !important;
        color: #d14027;
        font-size: 18px;
    }

    .show-comments .reply-btn .oi-share {
        -ms-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        font-size: 14px;
        top: 3px;
    }

.show-comments .reply-item > div {
    background: #ededed;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.show-comments .reply-item .oi-caret-top {
    top: -11px;
    right: 20px;
    font-size: 15px;
    color: #ededed;
}

.modal-header .close {
    margin-left: 0 !important;
}

.reply-like .like-box {
    margin-top: 5px;
    color: #2f425c;
}

    .reply-like .like-box .oi-heart {
        cursor: pointer;
    }

.liked {
    color: #d14027;
    cursor: default !important;
}