.comment .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.comment .tab-content {
    padding: 5px;
    background: #f5f5f5;
    color: #666;
    margin-bottom: 0;
    border-radius: 0;
}

.comment .nav-tabs > li > a {
    background: #ddd;
    color: #666;
    border: none;
    padding: 5px 15px;
    border-radius: 0;
}
.comment textarea{
    border:none;
}

.comment .nav-tabs > li.active > a {
    background-color: #fc0707;
}

    .comment .nav-tabs > li.active > a {
        background: #f36a22;
        color: #fff;
        border: none;
    }



.comment .btn {
    background-color: var(--color-primary);
    padding: 8px 35px;
}

.comments-container * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.comments-container a {
    color: #03658c;
    text-decoration: none;
}

.comments-container ul {
    list-style-type: none;
}
/** ====================
                                                                                                                                        * Lista de Comentarios
                                                                                                                                        =======================*/
.comments-container {
    margin: 10px auto 10px;
    width: 100%;
}

    .comments-container h1 {
        font-size: 36px;
        color: #283035;
        font-weight: 400;
    }

        .comments-container h1 a {
            font-size: 18px;
            font-weight: 700;
        }

.comments-list {
    margin-top: 10px;
    position: relative;
}

    /**
                                                                                                                                        * Lineas / Detalles
                                                                                                                                        -----------------------*/
/*    .comments-list:before {
        content: '';
        width: 1px;
        height: 100%;
        background: #c7cacb;
        position: absolute;
        left: 5%;
        top: 0;
    }*/

/*   .comments-list:after {
                                                                    content: '';
                                                                    position: absolute;
                                                                    background: #c7cacb;
                                                                    bottom: 0;
                                                                    left: calc(5% - 3px);
                                                                    width: 7px;
                                                                    height: 7px;
                                                                    border: 3px solid #dee1e3;
                                                                    -webkit-border-radius: 50%;
                                                                    -moz-border-radius: 50%;
                                                                    border-radius: 50%;
                                                                }*/

.reply-list:before, .reply-list:after {
    display: none;
}

/*.reply-list li:before {
    content: '';
    width: 10%;
    height: 0.5px;
    background: #c7cacb;
    position: absolute;
    top: 20%;
    left: -8%;
}
*/

.comments-list li {
    margin-bottom: 15px;
    display: block;
    position: relative;
}

    .comments-list li:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
        width: 0;
    }

.reply-list {
    padding-left: 12% !important;
    clear: both;
    margin-top: 15px;
}
/**
                                                                                                                                        * Avatar
                                                                                                                                        ---------------------------*/
.comments-list .comment-avatar {
    width: 10%;
    height: 10%;
    position: relative;
    z-index: 99;
    float: left;
    border: 3px solid #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    overflow: hidden;
}

    .comments-list .comment-avatar img {
        width: 100%;
        height: 100%;
    }

.reply-list .comment-avatar {
    width: 10%;
    height: 10%;
}

.comment-main-level:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    clear: both;
}
/**
                                                                                                                                        * Caja del Comentario
                                                                                                                                        ---------------------------*/
.comments-list .comment-box {
  /*  width: 88%;
    float: right;*/
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

/*    .comments-list .comment-box:before, .comments-list .comment-box:after {
        content: '';
        height: 0;
        width: 0;
        position: absolute;
        display: block;
        border-width: 10px 12px 10px 0;
        border-style: solid;
        border-color: transparent #FCFCFC;
        top: 8px;
        left: -11px;
    }*/

    .comments-list .comment-box:before {
        border-width: 11px 13px 11px 0;
        border-color: transparent rgba(0,0,0,0.05);
        left: -12px;
    }

/*.reply-list .comment-box {
    width: 88%;
}*/

.comment-box .comment-head {
    background: #FCFCFC;
    padding: 10px 12px;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

    .comment-box .comment-head i {
        float: right;
        margin-left: 14px;
        position: relative;
        top: 2px;
        color: #A6A6A6;
        cursor: pointer;
        -webkit-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

        .comment-box .comment-head i:hover {
            color: #03658c;
        }

.comment-box .comment-name {
    color: #283035;
    font-size: 14px;
    font-weight: 700;
    float: left;
    margin-right: 10px;
}

    .comment-box .comment-name a {
        color: #283035;
    }

.comment-box .comment-head span {
    float: left;
    color: #999;
    font-size: 13px;
    position: relative;
    top: 1px;
}

.comment-box .comment-content {
    background: #FFF;
    padding: 12px;
    font-size: 15px;
    color: #595959;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.comment-box .comment-name.by-author, .comment-box .comment-name.by-author a {
    color: #03658c;
}

    .comment-box .comment-name.by-author:after {
        content: 'autor';
        background: #03658c;
        color: #FFF;
        font-size: 12px;
        padding: 3px 5px;
        font-weight: 700;
        margin-left: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

@media only screen and (max-width: 766px) {
    .comments-container

{
    width: 100%;
}

.comments-list .comment-box {
    width: 88%;
}

.reply-list .comment-box {
    width: 88%;
}

.reply-list li:before {
    top: 10%;
}

}

.row-fluid {
    display: flex;
}

.swal2-content {
    padding: 0;
}

.swal2-title {
    font-size: 1.4em;
}

.axil-post-details .social-share-block .post-like {
    display: flex;
}

    .axil-post-details .social-share-block .post-like .like-button {
        cursor: pointer;
    }

        .axil-post-details .social-share-block .post-like .like-button.liked i {
            background: var(--color-primary);
        }


    .axil-post-details .social-share-block .post-like > div {
        margin: auto;
    }

        .axil-post-details .social-share-block .post-like > div span {
            font-size: 12px;
            line-height: 16px;
            color: var(--color-gray);
        }