span.attachment img {
	vertical-align: middle;
}


div#contacts_previous_issues {
	margin-bottom: 20px;
}

/**********************************************************************/
/* TICKETS DATA SHOW ISSUE
/**********************************************************************/

span.helpdesk-message-date {
	font-size: 0.9em;
	color: #888;
}
/**********************************************************************/
/* TICKETS DATA FORM
/**********************************************************************/

form#ticket_data_form {
	background:
	#ffffff;
	display: block;
	padding: 6px;
	margin-bottom: 6px;
	margin-right: 10px;
	border: 1px solid
	#d7d7d7;
}

.contact_auto_complete > span {
  font-weight: bold;
}


/**********************************************************************/
/* TICKETS EXCERPT LIST
/**********************************************************************/

table.list.issues td.helpdesk_ticket {white-space: normal; text-align: left;}
table.list.issues td.helpdesk_ticket .gravatar {float: left;}
table.list.issues td.helpdesk_ticket .ticket-data {margin-left: 45px;}
table.list.issues td.helpdesk_ticket .ticket-data .ticket-name {margin: 0px;font-weight: bold;}
table.list.issues td.helpdesk_ticket .ticket-status {float: left;}

/**********************************************************************/
/* PUBCLIV TICKETS
/**********************************************************************/
div.ticket-history div.journal.incoming {
  background: #ffffdd;
  padding: 6px;
  margin-bottom: 6px;
  border: 1px solid #d7d7d7;
}

/**********************************************************************/
/* TICKET DATA
/**********************************************************************/
span.ticket-status {
  padding: 3px 4px;
  font-size: 10px;
  white-space: nowrap;
  margin-right: 4px;
  color: white;
}

div#ticket_data > div.contextual {
  margin-top: initial;
}

form.new_issue .email-template {
  padding: 10px;
}

span.ticket-status.status-1 {background-color: #CD5C5C;}
span.ticket-status.status-2 {background-color: deepSkyBlue;}
span.ticket-status.status-3 {background-color: green;}
span.ticket-status.status-4 {background-color: #FF8C00;}
span.ticket-status.status-5 {background-color: #AAA;}
span.ticket-status.status-6 {background-color: #8A2BE2;}

/**********************************************************************/
/* SHOW TICKET
/**********************************************************************/

#ticket-history .ticket-avatar {float: left;}
#ticket-history .ticket-note-content {margin-left: 50px;}
#ticket-history .ticket-note {border-top: 1px solid #d7d7d7; padding-top: 8px;}

/**********************************************************************/
/* SEND RESPONSE
/**********************************************************************/

.cc-list-edit .is-cc {
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}

.cc-list-edit {
	margin-top: -8px;
}

.cc-list-edit ul.tagit {
	margin-left: 120px;
	border: 1px solid #d7d7d7;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	background: white;
	padding: 0px;
}

.cc-list-edit ul.tagit li.tagit-choice {
	font-weight: normal;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	font-size: 11px;
	color: inherit;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #f7f7f7;
	margin: 1px;
}

.cc-list-edit ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
  background-color: #e5e5e5;
  text-decoration: none;
  color: black;
}

.cc-list-edit ul.tagit li.tagit-choice a.tagit-close {
  text-decoration: none;
}

.cc-list-edit ul.tagit li.tagit-choice .tagit-close {
  right: .4em;
}

.cc-list-edit ul.tagit li.tagit-choice .ui-icon {
  display: none;
}

.cc-list-edit ul.tagit li.tagit-choice .tagit-close .text-icon{
  display: inline;
  /*font-size: 13px;*/
  line-height: 16px;
  /*color: white;*/
}

.cc-list-edit ul.tagit li.tagit-choice .tagit-close .text-icon:hover {
  color: black;
}

.cc-list-edit ul.tagit li.tagit-new input {
  font-size: 11px;
  background: white;
  margin-bottom: 2px;
  margin-left: 2px;
  width: 200px;
}

.cc-list-edit ul.tagit li.tagit-new {
  padding: 0px;
}

p#helpdesk_send_response {
  margin: 5px 0 0 0;
}

#cc_list_edit {
  display:none;
  margin-left:21px;
  padding-left: 22px;
  border: 1px solid #aeaeae;
}

.hd_radio_hint {
  display: none;
  padding-left: 22px;
  color: #c83232;
}


/**********************************************************************/
/* ISSUES LIST
/**********************************************************************/

tr.issue td.customer, tr.issue td.customer_company {
	white-space: normal;
  text-align: left;
}

table.list.issue td.last_message img.gravatar{
  vertical-align: middle;
  margin: 0 4px 2px 0;
}

div.email-template {
	background-color: #FFD;
	border: 1px solid #E4E4E4;
	padding-left: 10px;
	padding-right: 10px;
  margin-bottom: 5px;
}

tr.issue td.last_message {
	text-align: left;
	white-space: normal;
	padding: 5px;
}

tr.issue td.last_message_date {
  text-align: left;
  white-space: normal;
}

tr.issue.context-menu-selection td.last_message span.description {
	color: inherit;
}

/**********************************************************************/
/* ICONS
/**********************************************************************/

#admin-menu a.helpdesk { background-image: url(../images/user_comment.png)}
.icon-public-link { background-image: url(../../../images/external.png);padding-left: 14px;}
.icon-email-spam { background-image: url(../images/email_error.png); }
.icon-email-to { background-image: url(../images/email_go.png); }
.icon-email-from { background-image: url(../images/email_from.png); }
.icon-helpdesk { background-image: url(../images/user_comment.png); }
.icon-split { background-image: url(../images/arrow_divide.png); }
.icon-web { background-image: url(../images/world.png); }
.icon-support { background-image: url(../images/support.png); }

/**********************************************************************/
/* VOTE
/**********************************************************************/

.vote_form {
  text-align: center;
}

.submit, #vote_comment {
  margin-top: 5px;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

.vote-value .icon {
   padding-left: 20px;
   margin-left: 5px;
}

.icon-awesome { background-image: url(../images/awesome.png); }
.icon-justok { background-image: url(../images/just_ok.png); }
.icon-notgood { background-image: url(../images/not_good.png); }

.ul-flex{
  max-width: 50%;
  margin: 0 15px;
  width: 50%;
  display: inline-block;
}
.ul-flex ul.tagit{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  align-items: center;
  -webkit-align-items: center;
  max-width: 100%;
  margin: 0!important;
  width: auto;

}
.ul-flex ul.tagit >li{
  margin-right: 5px;
}
ul.tagit li.tagit-new input{ height: 20px; }
input.autocomplete{
  vertical-align: top;
  height: 32px;
}
.cc-list-edit .is-cc{
  margin-top: 7px;
  margin-right: 3px;
  display: inline-block;
  min-width: 120px;
}
.cc-list-edit{
  margin: 0;
  margin-bottom: 10px;
  display: inline;
}

ul.tagit li.tagit-choice .tagit-close .text-icon{
display: block;
padding-right: 3px;
line-height: 15px;
}

p.journal_message{
 margin-top: -20px;
 margin-bottom: 20px;
 margin-left: 36px;
}

a#edit_addr_button{
  vertical-align:middle; text-decoration: none;
}
a#edit_addr_button img {
  vertical-align: middle;
}
a#edit_addr_button:hover span{
  border-bottom: 1px solid;
}


/**********************************************************************/
/* AUTOCOMPLITE
/**********************************************************************/
#issue_helpdesk_ticket_attributes_emails .is_hd_t_a_emails {
  display: block;
  box-shadow: 1px 1px 1px #555;
  max-width: 333px;
}

#issue_helpdesk_ticket_attributes_emails .is_hd_t_a_emails span {
  background: #ffffff;
  color: #555;
  padding: 3px 8px;
  border-radius: 2px;
  margin-bottom: 3px;
  cursor: pointer;
  display: block;
  box-shadow: 2px 2px 2px #999;
}

#issue_helpdesk_ticket_attributes_emails .is_hd_t_a_emails span.active{
  background: #dce0e2;
  color: black;
}