/*----------------------------------------------------*/
/*----------------- ticket-comments CSS -----------------*/
/*----------------------------------------------------*/
.ticket-comment{
    margin-bottom: 10px;
}

    .ticket-comment-section {
        width: 100%;
        height: auto;
        padding: 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position: relative;
        border: 1px solid #fff;
    }
    .ticket-comment-section:after {
        top: 100%;
        left: 50px;
        border: solid transparent;
        content: " ";
        position: absolute;
        border-top-color: #fff;
        border-width: 15px;
        margin-left: -15px;
    }

    .ticket-comment-desc {
        margin-top: 20px;
        text-align:left;
        padding-left: 15px;
    }
        .ticket-comment-desc img {
            border: 1px solid #f5f5f5;
            border-radius: 150px;
            height: 70px;
            padding: 3px;
            width: 70px;
            display:inline-block;
            vertical-align: top;
        }

        .ticket-comment-writer{
            display: inline-block;
            vertical-align: top;
            padding-left: 10px;
        }

            .ticket-comment-writer-name{
                font-weight: bold;
            }

            .ticket-comment-writer-designation{
                font-size: 85%;
            }

            .ticket-comment-writer-company{
                font-size: 85%;
            }
    /*---- Outlined Styles ----*/
    .ticket-comment.ticket-comment-default{
        
    }
        .ticket-comment.ticket-comment-default .ticket-comment-section{
            border-color: #777;
        }

            .ticket-comment.ticket-comment-default .ticket-comment-section:after{
                border-top-color: #777;
            }

        .ticket-comment.ticket-comment-default .ticket-comment-desc{
            
        }

            .ticket-comment.ticket-comment-default .ticket-comment-desc img{
                border-color: #777;
            }

            .ticket-comment.ticket-comment-default .ticket-comment-writer-name{
                color: #777;
            }

    .ticket-comment.ticket-comment-primary{
        
    }
        .ticket-comment.ticket-comment-primary .ticket-comment-section{
            border-color: #337AB7;
            color: #286090;
            background-color: rgba(51, 122, 183, 0.1);
        }

            .ticket-comment.ticket-comment-primary .ticket-comment-section:after{
                border-top-color: #337AB7;
            }

        .ticket-comment.ticket-comment-primary .ticket-comment-desc{
            
        }

            .ticket-comment.ticket-comment-primary .ticket-comment-desc img{
                border-color: #337AB7;
            }

            .ticket-comment.ticket-comment-primary .ticket-comment-writer-name{
                color: #337AB7;
            }

    .ticket-comment.ticket-comment-info{
        
    }
        .ticket-comment.ticket-comment-info .ticket-comment-section{
            border-color: #5BC0DE;
            color: #31b0d5;
            background-color: rgba(91, 192, 222, 0.1);
        }

            .ticket-comment.ticket-comment-info .ticket-comment-section:after{
                border-top-color: #5BC0DE;
            }

        .ticket-comment.ticket-comment-info .ticket-comment-desc{
            
        }

            .ticket-comment.ticket-comment-info .ticket-comment-desc img{
                border-color: #5BC0DE;
            }

            .ticket-comment.ticket-comment-info .ticket-comment-writer-name{
                color: #5BC0DE;
            }


    .ticket-comment.ticket-comment-success{
        
    }
        .ticket-comment.ticket-comment-success .ticket-comment-section{
            border-color: #5CB85C;
            color: #449d44;
            background-color: rgba(92, 184, 92, 0.1);
        }

            .ticket-comment.ticket-comment-success .ticket-comment-section:after{
                border-top-color: #5CB85C;
            }

        .ticket-comment.ticket-comment-success .ticket-comment-desc{
            
        }

            .ticket-comment.ticket-comment-success .ticket-comment-desc img{
                border-color: #5CB85C;
            }

            .ticket-comment.ticket-comment-success .ticket-comment-writer-name{
                color: #5CB85C;
            }

    .ticket-comment.ticket-comment-warning{
        
    }
        .ticket-comment.ticket-comment-warning .ticket-comment-section{
            border-color: #F0AD4E;
            color: #d58512;
            background-color: rgba(240, 173, 78, 0.1);
        }

            .ticket-comment.ticket-comment-warning .ticket-comment-section:after{
                border-top-color: #F0AD4E;
            }

        .ticket-comment.ticket-comment-warning .ticket-comment-desc{
            
        }

            .ticket-comment.ticket-comment-warning .ticket-comment-desc img{
                border-color: #F0AD4E;
            }

            .ticket-comment.ticket-comment-warning .ticket-comment-writer-name{
                color: #F0AD4E;
            }

    .ticket-comment.ticket-comment-danger{
        
    }
        .ticket-comment.ticket-comment-danger .ticket-comment-section{
            border-color: #D9534F;
            color: #c9302c;
            background-color: rgba(217, 83, 79, 0.1);
        }

            .ticket-comment.ticket-comment-danger .ticket-comment-section:after{
                border-top-color: #D9534F;
            }

        .ticket-comment.ticket-comment-danger .ticket-comment-desc{
            
        }

            .ticket-comment.ticket-comment-danger .ticket-comment-desc img{
                border-color: #D9534F;
            }

            .ticket-comment.ticket-comment-danger .ticket-comment-writer-name{
                color: #D9534F;
            }

    /*---- Filled Styles ----*/
    .ticket-comment.ticket-comment-default-filled{
        
    }
        .ticket-comment.ticket-comment-default-filled .ticket-comment-section{
            color: #fff;
            border-color: #777;
            background-color: #777;
        }

            .ticket-comment.ticket-comment-default-filled .ticket-comment-section:after{
                border-top-color: #777;
            }

        .ticket-comment.ticket-comment-default-filled .ticket-comment-desc{
            
        }

            .ticket-comment.ticket-comment-default-filled .ticket-comment-desc img{
                border-color: #777;
                background-color: #777;
            }

            .ticket-comment.ticket-comment-default-filled .ticket-comment-writer-name{
                color: #777;
            }

    .ticket-comment.ticket-comment-primary-filled{
        
    }
        .ticket-comment.ticket-comment-primary-filled .ticket-comment-section{
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
        }

            .ticket-comment.ticket-comment-primary-filled .ticket-comment-section:after{
                border-top-color: #337AB7;
            }

        .ticket-comment.ticket-comment-primary-filled .ticket-comment-desc{
            
        }

            .ticket-comment.ticket-comment-primary-filled .ticket-comment-desc img{
                border-color: #2e6da4;
                background-color: #337ab7;
            }

            .ticket-comment.ticket-comment-primary-filled .ticket-comment-writer-name{
                color: #337AB7;
            }

    .ticket-comment.ticket-comment-info-filled{
        
    }
        .ticket-comment.ticket-comment-info-filled .ticket-comment-section{
            color: #fff;
            background-color: #5bc0de;
            border-color: #46b8da;
        }

            .ticket-comment.ticket-comment-info-filled .ticket-comment-section:after{
                border-top-color: #5BC0DE;
            }

        .ticket-comment.ticket-comment-info-filled .ticket-comment-desc{
            
        }

            .ticket-comment.ticket-comment-info-filled .ticket-comment-desc img{
                border-color: #46b8da;
                background-color: #5bc0de;
            }

            .ticket-comment.ticket-comment-info-filled .ticket-comment-writer-name{
                color: #5BC0DE;
            }


    .ticket-comment.ticket-comment-success-filled{
        
    }
        .ticket-comment.ticket-comment-success-filled .ticket-comment-section{
            color: #fff;
            background-color: #5cb85c;
            border-color: #4cae4c;
        }

            .ticket-comment.ticket-comment-success-filled .ticket-comment-section:after{
                border-top-color: #5CB85C;
            }

        .ticket-comment.ticket-comment-success-filled .ticket-comment-desc{
            
        }

            .ticket-comment.ticket-comment-success-filled .ticket-comment-desc img{
                border-color: #4cae4c;
                background-color: #5cb85c;
            }

            .ticket-comment.ticket-comment-success-filled .ticket-comment-writer-name{
                color: #5CB85C;
            }

    .ticket-comment.ticket-comment-warning-filled{
        
    }
        .ticket-comment.ticket-comment-warning-filled .ticket-comment-section{
            color: #fff;
            background-color: #f0ad4e;
            border-color: #eea236;
        }

            .ticket-comment.ticket-comment-warning-filled .ticket-comment-section:after{
                border-top-color: #F0AD4E;
            }

        .ticket-comment.ticket-comment-warning-filled .ticket-comment-desc{
            
        }

            .ticket-comment.ticket-comment-warning-filled .ticket-comment-desc img{
                border-color: #eea236;
                background-color: #f0ad4e;
            }

            .ticket-comment.ticket-comment-warning-filled .ticket-comment-writer-name{
                color: #F0AD4E;
            }

    .ticket-comment.ticket-comment-danger-filled{
        
    }
        .ticket-comment.ticket-comment-danger-filled .ticket-comment-section{
                color: #fff;
                background-color: #d9534f;
                border-color: #d43f3a;
        }

            .ticket-comment.ticket-comment-danger-filled .ticket-comment-section:after{
                border-top-color: #D9534F;
            }

        .ticket-comment.ticket-comment-danger-filled .ticket-comment-desc{
            
        }

            .ticket-comment.ticket-comment-danger-filled .ticket-comment-desc img{
                border-color: #d43f3a;
                background-color: #D9534F;
            }

            .ticket-comment.ticket-comment-danger-filled .ticket-comment-writer-name{
                color: #D9534F;
            }