/* Helpdesk */

.helpdesk {
    width: 100%;
    display: inline-block;
    text-align: left;
    margin-top: 0.5em;
}

.helpdesk div.status {float:right}
.helpdesk h3 {text-align:left; padding-top:0; margin-top:0}

.helpdesk .ticket,
.helpdesk .message {
    margin-bottom: 0.5em;
}

.helpdesk .message div.header,
.helpdesk .message div.content {
    padding: 0.5em;
    margin: 0;
}

.helpdesk .message div.content pre {
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 150%;
}

.helpdesk .ticket .actions .right,
.helpdesk .message .header .actions {
    float:right;
}
.helpdesk .ticket .actions .right a,
.helpdesk .message .header .actions a {
    text-decoration:none;
}

.helpdesk .ticket .actions-conteiner {
    overflow: hidden;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
    border:#ccc 1px solid;
    margin-top: 0.5em;
}

.helpdesk .ticket .actions div,
.helpdesk .message .actions div{
    display:inline-block;
    padding:0.5em;
    -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
}
.helpdesk .ticket .actions div.active,
.helpdesk .message .actions div.active {
    background-color: #DBDBDB;
}
.helpdesk .message {
    margin-bottom: 0.5em;
    border-radius: 10px;
}

.helpdesk .message .header {
    -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
}

.helpdesk .reply-tools {
    padding: 0.5em 0;
}

.helpdesk .reply {
    -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius:  0 0 10px 10px;
}

.helpdesk .withoutReply {
    border:#ccc 1px solid;
}

.helpdesk .withoutReply.closed .header {
    -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px;
}

.helpdesk .withoutReply .header {
    background-color: #ccc;
}
.helpdesk .withReply {
    border:#ccc 1px solid;
    background-color: #EDEDED;
}
.helpdesk .withReply .header {
    background-color: #d3dce3;
}

.helpdesk .comment {
    border:#ccc 1px solid;
}
.helpdesk .comment .header {
    background-color: #7bc971;
}
.helpdesk .reply {
    padding:0.5em;
    background:#DBDBDB;
    display:none;
}

.helpdesk span.author {
    font-weight: bold;
}

.helpdesk span.author:before {
    content: "";
}

.helpdesk span.author:after {
    content: ",";
}

.helpdesk span.ticketMask:before {
    content: "[";
}

.helpdesk span.ticketMask:after {
    content: "]";
}

.helpdesk .helpdesk-history h1 {
    font-size: 120%;
}

.helpdesk .helpdesk-history {
    border-bottom: 1px solid #A1A1A1;
    margin-bottom: 1em;
}

.helpdesk-history-title {
    overflow: hidden;
    margin-bottom: 1em;
}

.helpdesk-history-title-action {
    float: right;
}

.helpdesk-history-title-action a {
    display: block;
    padding-right: 15px;
    background:url('../img/arrow.png') no-repeat center right;
}

.helpdesk .helpdesk-history .helpdesk-history-content {
    display: none;
}

.am-form-helpdesk div#row-subject-0 .element-title,
.am-form-helpdesk div#row-content-0 .element-title{
    float: none;
    width: 100%;
    text-align: left;
    padding: 1em 0 0 1em;
}

.am-form-helpdesk div#row-subject-0 div.element,
.am-form-helpdesk div#row-content-0 div.element {
    margin:0;
    padding:1em;
}

.am-form-helpdesk div#row-subject-0 input,
.am-form-helpdesk div#row-content-0 textarea {
    margin:0;
    width: 95%;
}