.markItUp * {margin: 0px;padding: 0px;outline: none;}
.markItUp a:link, .markItUp a:visited {color: #000;text-decoration: none;}
.markItUp {margin: 5px 0;}
.markItUpContainer {font: 11px Verdana,Arial,Helvetica,sans-serif;}
.markItUpFooter {width: 100%;}
.markItUpHeader {display: block;float: left;width: 100%;}
.markItUpHeader ul li {list-style: none;float: left;position: relative;}
.markItUpHeader ul .markItUpSeparator {margin: 0 10px;width: 1px;height: 18px;overflow: hidden;background-color: #ccc;}
.markItUpHeader ul a {display: block;background-image: url("../../tickets/js/web/editor/editor.png");width: 20px;height: 20px;background-size: 220px 20px;text-indent: -10000px;background-repeat: no-repeat;margin: 2px 3px;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {.markItUpHeader ul a {background-image: url("../../tickets/js/web/editor/editor2x.png");}}
.markItUp .btn-bold a {background-position: 0px 0px;}
.markItUp .btn-italic a {background-position: -20px 0px;}
.markItUp .btn-underline a {background-position: -40px 0px;}
.markItUp .btn-stroke a {background-position: -60px 0px;}
.markItUp .btn-bulleted a {background-position: -80px 0px;}
.markItUp .btn-numeric a {background-position: -100px 0px;}
.markItUp .btn-code a {background-position: -120px 0px;}
.markItUp .btn-link a {background-position: -140px 0px;}
.markItUp .btn-picture a {background-position: -160px 0px;}
.markItUp .btn-cut a {background-position: -180px 0px;}
.markItUp .btn-quote a {background-position: -200px 0px;}
@import url("../../tickets/css/web/lib/jquery.jgrowl.css");
.ticket-comment, .ticket-comment-row {margin-bottom: 15px;}
.ticket-new-comments {color: green;}
#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: 1px solid #e3e3e3;}
#ticketForm .form-actions .checkbox, #comment-form .form-actions .checkbox {display: inline;}
#ticketForm .move-right {text-align: right;}
.comments {position: relative;overflow: hidden;}
.comments-list {padding-left: 25px;}
.ticket-comment {list-style-type: none;margin-top: 20px;}
.ticket-avatar {display: inline-block;}
.ticket-comment .ticket-avatar {max-width: 24px;max-height: 24px;}
.ticket-comment-author {display: inline-block;font-weight: bold;margin-left: 10px;}
.ticket-comment-createdon {display: inline-block;font-size: .8em;color: #555;margin-left: 10px;}
.ticket-comment-edited {display: inline-block;font-size: .8em;color: #555;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: 5px;}
.ticket-reply-link a {font-size: .8em;text-decoration: none;border-bottom: 1px dashed;}
.ticket-comment-down {display: none;}
.ticket-comment-guest .ticket-comment-author {color: #aaa;}
.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: .2;}
.ticket-comment .bad.bad4 .ticket-comment-text {opacity: .35;}
.ticket-comment .bad.bad3 .ticket-comment-text {opacity: .5;}
.ticket-comment .bad.bad2 .ticket-comment-text {opacity: .65;}
.ticket-comment .bad.bad1 .ticket-comment-text {opacity: .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;}
.tickets-message-success {background-color: green !important;}
.tickets-message-error {background-color: brown !important;}
.tickets-message-info {background-color: black !important;}
#comments-tpanel {width: 32px;display: none;position: fixed;right: 0;top: 50%;margin-top: -16px;}
#tpanel {width: 32px;position: fixed;top: 50%;opacity: .5;background: #aaa;}
#tpanel:hover {opacity: 1;}
#tpanel .change {color: #666;font-size: 12px;text-decoration: none;padding: 0 10px;position: absolute;left: 0;top: -15px;}
#tpanel .divider {border-top: solid 1px #5c5c5c;border-bottom: solid 1px #ddd;width: 28px;height: 0px;margin: 0 auto;}
#tpanel .refresh {display: block;background: url("../../tickets/img/web/refresh.gif") no-repeat left top;width: 28px;margin: 2px;height: 28px;background-size: 32px;}
#tpanel .refresh.loading {background: url("../../tickets/img/web/loading.gif") no-repeat left top;background-size: 32px;}
#tpanel .new {text-decoration: none;display: block;color: #fff;font-size: 12px;padding: 0;padding-top: 4px;padding-bottom: 6px;width: 34px;text-align: center;}
#tpanel-refresh {opacity: .5;width: 32px;height: 32px;background-image: url("../../tickets/img/web/refresh.gif");background-size: 32px;cursor: pointer;}
#tpanel-refresh:hover {opacity: 1;}
#tpanel-refresh.loading {opacity: 1;background-image: url("../../tickets/img/web/loading.gif");cursor: default;}
#tpanel-new {margin-top: 2px;border-top: solid 1px #efefef;text-align: center;color: darkgreen;cursor: pointer;}
.ticket-comment-new .ticket-comment-header {background-color: #f5f5dc;}
.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-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, .section-meta {margin: 20px 0;padding: 20px 0;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;}
#ticket-files-container {margin-top: 10px;}
#ticket-files-select {font-weight: bold;}
#ticket-files-progress, #ticket-files-list .ticket-file-template {display: none;}
#ticket-files-progress-count {}
#ticket-files-progress-percent {float: right;}
#ticket-files-progress-bar {height: 1.5em;background: lightblue;margin-top: 5px;width: 0;}
.clearfix {clear: both;}
#ticket-files-list {padding: 10px 0;background: #fff;border: 1px solid #ccc;border-radius: 5px;min-height: 50px;}
#ticket-files-list .ticket-file {width: 120px;float: left;margin: 5px 0 5px 10px;outline: 1px solid #efefef;}
#ticket-files-list .ticket-file-image-wrapper {width: 120px;height: 90px;overflow: hidden;}
#ticket-files-list .ticket-file-image {width: 120px;border: 1px solid #efefef;}
#ticket-files-list .ticket-file-size {color: #777;float: right;}
#ticket-files-list.droppable {border-width: 3px;border-style: dashed;}
#ticket-files-list.dragover {border-color: darkgreen;}
#ticket-files-list .ticket-file-meta {font-size: .8em;padding: 0 5px;}
#ticket-files-list .ticket-file.new {outline-color: lightblue;}
#ticket-files-list .ticket-file.deleted {outline-color: darkred;}
#ticket-files-list .ticket-file .ticket-file-restore {color: darkgreen;}
#ticket-files-list .ticket-file .ticket-file-delete {color: darkred;}
#ticket-files-list .ticket-file .ticket-file-restore, #ticket-files-list .ticket-file.deleted .ticket-file-delete {display: none;}
#ticket-files-list .ticket-file.deleted .ticket-file-restore {display: inline;}
#msGallery, .ms2Gallery {text-align: center;}
#msGallery #mainImage, .ms2Gallery . mainImage {margin-bottom: 10px;padding: 2px;border: 1px solid #ddd;}
#msGallery .span2, .ms2Gallery .span2 {margin-left: 10px;width: 120px;padding: 2px;}
.msGalleryLog, .ms2GalleryLog {width: 100%;overflow: auto;word-wrap: normal;white-space: pre;}
@import url("../../ajaxform/css/lib/jquery.jgrowl.min.css");
.af-message-success {background-color: green !important;}
.af-message-error {background-color: brown !important;}
.af-message-info {background-color: black !important;}
.ajax_form.af_example {width: 100%;}
.ajax_form.af_example .controls input, .ajax_form.af_example .controls textarea {width: 100%;}
.ajax_form .error {color: brown;}
@media screen and (min-width: 320px) {.ajax_form.af_example .controls button[type="submit"] {float: right;}}
@media screen and (max-width: 320px) {.ajax_form.af_example .controls button {width: 100%;margin-top: 5px;}}