@import url("./lib/jquery.jgrowl.css");

#comment-new-link {width:auto;max-width:460px;margin:14px auto 18px auto;}
/* Lists */
.ticket-comment,
.ticket-comment-row {margin-bottom: 15px;}
.ticket-new-comments {color: green;}
.comment-reply {display:block; margin-left:0px;}
.comment-reply .reply {margin-right:8px; cursor:pointer;}
.comment-reply a span {border-bottom:1px dashed #8cb8de;font-size:14px; font-weight: 300;}
.comment-reply .fa-pencil {font-size:13px; margin-right:4px; color:#8cb8de;}
.comment-reply a:hover span {border-bottom:1px dashed #23527c;}
.comment-reply a:hover .fa-pencil {color: #23527c;}
.comment-reply .fa-pencil-square-o {font-size:13px; margin-right:4px; color:#8cb8de;}
.comment-reply a:hover .fa-pencil-square-o {color: #23527c;}
.fa-angle-double-down, .fa-angle-double-up {margin-left:4px; color:#8cb8de;}
.fa-angle-double-down:hover, .fa-angle-double-up:hover {color:#23527c;}
.ticket-comment-header .fa-angle-right {font-size:15px; color:#8cb8de; margin-left:8px;margin-right:8px;}

/* Ticket form */
#comment-form {border-radius:4px;width:auto;max-width:460px;margin: 10px auto 0px auto;}
#ticketForm {max-width: 800px;}
#ticketForm #ticket-sections {max-width: 400px;}
#ticketForm .error, #comment-form .error {color: brown;}
#ticketForm [name="content"] {display:inline-block;}
#ticket-preview-placeholder {background: #fff; outline: 5px solid #AAA; padding: 5px; display: none; margin: 10px 0; overflow: hidden;}
#ticketForm .form-actions,
#comment-form .form-actions {margin-top: 10px; padding-top: 10px; border-top: 0px solid #e3e3e3;}
#ticketForm .form-actions .checkbox,
#comment-form .form-actions .checkbox {display:inline;}
#ticketForm .move-right {text-align: right;}
.time {margin-left:10px;}

.comments-list li {margin-top:16px; margin-bottom:12px;}

/* Comments */
.comments {position:relative;overflow:hidden;}
.comments-list {padding-left: 25px;}
.ticket-comment {list-style-type: none;margin-top:20px;color:#313131;}
.ticket-avatar {display:inline-block;}
.ticket-comment .ticket-avatar {max-width: 24px; max-height: 24px;}
.ticket-comment-author {font-weight: bold; margin-left: 0px; margin-right: 0px;}
.ticket-comment-author:first-letter {text-transform: uppercase;}
.ticket-comment-createdon {display:inline-block;font-size: 14px;color: #515862;font-weight: 300;}
.ticket-comment-edited {display:inline-block;font-size: 0.8em;color: #515862;margin-left: 10px;font-style:italic;}
.ticket-comment-link {display:inline-block; margin-left: 15px;}

.ticket-comment-header {position: relative;}
.ticket-comment:hover > .ticket-comment-body > .ticket-comment-header > .ticket-comment-dot-wrapper {display:block;}
.ticket-comment-dot-wrapper {display:none;position:absolute;top:0;left:0;width:1px;height:1px;}
.ticket-comment-dot {width:500px;height:5px;right:1px;top:9px;position:absolute;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAFCAYAAACw/UeDAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUTDRYgxxbUHAAAAFVJREFUGNO1kbENACEMxBwKJCRmICOw/xgZIaxAgZSGb34E4gVOPsNPRFySEAAzu2stxhjMOeX1SImI6+703nF3zjnPjUqtVVSVvTeqSmtNsm5LbfIBwCcf3dkm2FsAAAAASUVORK5CYII=) repeat-x 100% 0;}

.ticket-comment-text {margin-top: 2px; margin-bottom: 2px;}
.ticket-comment-text:first-letter {text-transform:uppercase;}
.ticket-reply-link a {font-size: 0.8em; text-decoration: none; border-bottom: 1px dashed;}
.ticket-comment-down {display: none;}
/* Guest comment */
.ticket-comment-guest .ticket-comment-author {color: #313131;margin-right:0px;}
/* Bad comments*/
.ticket-comment .bad .ticket-comment-text {
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}
.ticket-comment .bad.bad5 .ticket-comment-text { opacity: 0.2;}
.ticket-comment .bad.bad4 .ticket-comment-text { opacity: 0.35;}
.ticket-comment .bad.bad3 .ticket-comment-text { opacity: 0.5;}
.ticket-comment .bad.bad2 .ticket-comment-text { opacity: 0.65;}
.ticket-comment .bad.bad1 .ticket-comment-text { opacity: 0.8;}
.ticket-comment .bad.bad:hover .ticket-comment-text {opacity: 1;}

#comment-editor {width: 99%; display:inline-block;}
#comment-preview-placeholder {background: #fff;border: 5px solid #AAA;padding: 5px;display: none;margin: 10px 0;overflow:hidden;}

/* Messages */
.tickets-message-success  {background-color: green !important;}
.tickets-message-error  {background-color: brown !important;}
.tickets-message-info  {background-color: black !important;}

/* Unseen comment */
.ticket-comment-new .ticket-comment-header {background-color: #f5f5dc;}


/* Rating and vote */
.ticket-comment-rating {float: right; color: #555;}
.ticket-rating .rating, .ticket-comment-rating .rating {font-weight: bold;}

.ticket-rating.active .vote,
.ticket-comment-rating.active .vote {
	cursor: pointer;
}

.ticket-rating.active .vote.plus:hover,
.ticket-rating.inactive .vote.plus.voted,
.ticket-rating .rating.positive,
.ticket-comment-rating.active .vote.plus:hover,
.ticket-comment-rating.inactive .vote.plus.voted,
.ticket-comment-rating .rating.positive {
	color: green;
}

.ticket-rating.active .vote.minus:hover,
.ticket-rating.inactive .vote.minus.voted,
.ticket-rating .rating.negative,
.ticket-comment-rating.active .vote.minus:hover,
.ticket-comment-rating.inactive .vote.minus.voted,
.ticket-comment-rating .rating.negative {
	color: red;
}

.ticket-rating.inactive,
.ticket-comment-rating.inactive {
	color: #AAA;
}

.ticket-rating.active .vote.refrain:hover {
	opacity: .7;
}

/* Ticket stars*/
.ticket-star.active .star,
.ticket-comment-star.active .star {cursor: pointer;}
.ticket-star .stared,
.ticket-comment-star .stared {color: green;}
.ticket-star .unstared,
.ticket-comment-star .unstared {color: gray;}
.ticket-star.active .unstared:hover,
.ticket-comment-star.active .unstared:hover {color: green;}

/* Ticket meta*/
.ticket-meta, .section-meta {
	margin: 20px 0;
	padding: 20px 0;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}