div.helpdesk-holder {
    width: 100%;
    z-index: 10;
}

div#capdmhelpdesk-header {
    height: 60px;
    width: 100%
}

div#capdmhelpdesk-header h1 {

}

div#capdmhelpdesk-header-holder,
div#capdmhelpdesk-detail-holder {
    width: 100%;
    float: left;
}

div#capdmhelpdesk-msg-list {
    z-index: 50;
    margin-left: 0;
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}

div#capdmhelpdesk-new-msg-holder {
    position: absolute;
    left: -110%;
    top: 59px;
    background-color: #e9efef;
    padding: 15px;
    z-index: 100;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

form#form_new_message p {
    font-size: 1.6em;
}

#capdmhelpdesk-new-msg-holder input,
#capdmhelpdesk-new-msg-holder textarea,
#capdmhelpdesk-new-msg-holder label,
#capdmhelpdesk-new-msg-holder select
{
    width: 100%;
    margin: 0 0 1em 0;
}

#capdmhelpdesk-new-msg-holder input,
#capdmhelpdesk-new-msg-holder textarea,
#capdmhelpdesk-new-msg-holder select
{
    padding: 5px 10px;
}

#capdmhelpdesk-new-msg-holder label {
    float: left;
    clear: both;
}

#capdmhelpdesk_buttons {
    margin-bottom: 1em;
    witdh: 100%;
}

.light-text {
    color: rgba(0, 0, 0, 0.4);
}

input#subject + span.form-control-feedback.fa-times,
input#subject + span.form-control-feedback.fa-check {
    position: relative;
    top: -10px;
    color: green;
}

input#subject + span.form-control-feedback.fa-times {
    position: relative;
    top: -10px;
    color: darkred;
}

textarea#message + span.form-control-feedback.fa-check {
    position: relative;
    top: -10px;
    color: green;
}

textarea#message + span.form-control-feedback.fa-times {
    position: relative;
    top: -10px;
    color: darkred;
}

textarea#reply + span.form-control-feedback.fa-check {
    position: relative;
    top: 0px;
    color: green;
}

textarea#reply + span.form-control-feedback.fa-times {
    position: relative;
    top: 8px;
    color: darkred;
}

select#category + span.form-control-feedback.fa-check {
    position: relative;
    top: -10px;
    color: green;
}

select#category + span.form-control-feedback.fa-times {
    position: relative;
    top: -10px;
    color: darkred;
}

input#category + span.form-control-feedback.fa-check {
    position: relative;
    top: -10px;
    color: green;
}

input#category + span.form-control-feedback.fa-times {
    position: relative;
    top: -10px;
    color: darkred;
}

.error {
    color: darkred;
}

.help-block {
    position: relative;
    top: 0px;
}

#add_new_message {
    position: absolute;
    top: -10px;
    color: #00acdf;
    font-size: 18px;
}

#add_new_message:hover {
    color: #0085ac;
    cursor: pointer;
}

#add_new_message i.fa-plus {
    color: #fff;
}

div.messageholder-main,
div.messageholder-replies {
    padding: 0;
    width: 100%;
    float: left;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

div.messageholder-main div p {
    color: #000;
}

div.messageholder-main:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

div.messageholder-main:hover {
    cursor: pointer;
}

div.messageholder-main div.status_0 {
    background-color: rgba(0, 172, 223, 1);
}

div.messageholder-main div.status_0:hover {
    background-color: rgba(0, 172, 223, 1);
}

div.messageholder-main div.status_1 {
    background-color: rgba(0, 172, 223, 0.2);
}

div.messageholder-main div.status_1:hover {
    background-color: rgba(0, 172, 223, 0.2);
}

div.messageholder-main div.messagedetails {
    background-color: #fff;
    margin-left: 15px;
    padding: 5px;

}

div.messageholder-main div.messagedetails p {
    font-size: 1em;
}

div.messageholder-main div.messagedetails p span {
    font-size: 0.9em;
}

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.waiting {
    padding: 15px;
}

div.replier-You {
    float: left;
    width: 65%;
}

div.replier-You p.message-reply {
    float: left;
    clear: both;
    margin-left:15px;
    margin-top: 1em;
    width: 98%;
}

div.replier-You span.reply-date-header {
    border-bottom: 3px solid #00acdf;
    width: 98%;
    float: left;
    clear: both;
    margin-left: 15px;
}

div.messageholder-replies {
    background-color: #f7f7f7;
}

div.messageholder-replies.status_0 {
    padding: 10px 20px;
    border-left: 2px dotted rgba(0, 172, 223, 1);
    margin: 0;
}

div.messageholder-replies.status_1 {
    padding: 10px 20px;
    border-left: 2px dotted rgba(0, 172, 223, 0.2);
    margin: 0;
}

div.replier-You span.reply-date {
    background-color: #00acdf;
    padding: 8px 10px 5px 10px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 10px;
    position: relative;
    top: -3px;
    float: left;
    clear: both;
    color: #fff
}

div.replier-other {
    float: right;
    width: 65%;
    margin-bottom: 1em;
}

div.replier-other p.message-reply {
    float: right;
    clear: both;
    margin-left:15px;
    margin-top: 1em;
    width: 98%;
}

div.replier-other span.reply-date-header {
    border-bottom: 3px solid #00acdf;
    width: 98%;
    float: right;
    clear: both;
    margin-right: 15px;

}

div.replier-other span.reply-date {
    background-color: #00acdf;
    padding: 8px 10px 5px 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 10px;
    position: relative;
    top: -3px;
    float: right;
    clear: both;
    color: #fff
}

div.reply-holder {
    float: left;
    width: 100%;
    border: 1px solid #ff0000;
    margin-bottom: 1em;
}

div#capdmhelpdesk-msg-list span.label,
div#capdmhelpdesk-msg-list p.label,
div#capdmhelpdesk-msg-list-admin span.label,
div#capdmhelpdesk-msg-list-admin p.label {
    background-color: transparent;
    color: inherit;
}

div#origmessage {
    margin: 0 1em 1em 1em;
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    color: #000;
}

.message-icons {
    float: left;
}

i.closeicon_0, i.closeicon_-1, i.closestatusicon_0, i.closestatusicon_-1, i.replyicon_0, i.replyicon_-1  {
    float: left;
    margin: 15px 0 0 13px;
    color: #fff;
    font-size: 24px;
    clear: both;
}

div.status_1 i.closeicon_0, div.status_1 i.closestatusicon_0, div.status_1 i.replyicon_0 {
    color: #666;
}

i.closeicon_0, i.closeicon_1, i.closeicon_-1 {
    margin-bottom: 3em;
}

i.closeicon_1, i.closestatusicon_1, i.replyicon_1 {
    float: left;
    clear: both;
    margin: 15px 0 0 13px;
    color: #000;
    font-size: 24px;
}

span.icon.fa.fa-times.form-control-feedback {
    margin: -20px 0 0 0;
    color: darkred;
}

div.latestmsg {
    background-color: rgba(163, 227, 98, 0.8) !important;
}

p.noreplies {
    margin: 1em;
}

.capdmhelpdesk-action-buttons {
    margin-bottom: 1em;
}

form.form_reply_message {
    margin: 1em 1em 1em 50px;
}

form.form_reply_message button {
    margin-top: 1em;
}

span.alreadyclosed, p.unread {
     background-color: #00acdf;
     padding: 10px 10px 10px 10px;
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     clear: both;
     color: #fff !important;
     margin-left: 1em;
}

div#reply_message_waiting,
div#new_message_waiting {
    text-align: center;
}

.unread:before {
    font-family: FontAwesome;
    content: "\f003";
    margin-right: 1em;
    color: inherit;
}

div#key {
    float: left;
    width: 100%;
}

div#key button.agestatus_0,
div#key button.agestatus_4,
div#key button.agestatus_8,
div#key button.agestatus_12,
div#key button.agestatus_24,
div#key button.agestatus_25 {
    float: left;
    margin: 0 1em 1em 0;
    padding: 5px 10px;
}

div#key button.agestatus_8,
div#key button.agestatus_24,
div#key button.agestatus_25 {
    color: #fff !important;
}

.agestatus_0 {
    background-color: inherit;
    color: #000 !important;
}

.agestatus_4 {
    background-color: rgba(97,189,60,0.5);
    color: #000 !important;
}

.agestatus_4 .status_1 {
    color: #666 !important;
}

.agestatus_8 {
    background-color: rgba(65,168,95,1);
    color: #fff !important;
}

.agestatus_8 .status_1 {
    color: #666 !important;
}

.agestatus_12 {
    background-color: rgba(250,197,28,1);
    color: #000 !important;
}

.agestatus_12 .status_1 {
    color: #666 !important;
}

.agestatus_24 {
    background-color: rgba(243,121,52,1);
    color: #fff !important;
}

.agestatus_24 .status_1 {
    color: #666 !important;
}

.agestatus_25 {
    background-color: rgba(184,49,47,1);
    color: #fff !important;
}

.agestatus_25 .status_1 {
    color: #666 !important;
}

.status-holders {
    float: left;
    width: 100%;
    margin: -5px 0px 0.5em -4px;
    background-color: #efefef;
}

.status-item {
    float: left;
    border-right: 1px solid #fff;
    min-height: 50px;
    padding: 5px;
    color: #000;
    background-color: #efefef;
}

div#capdmhelpdesk-control-buttons {
    margin: 0 0 1em 0;
    float: left;
    z-index: 100;
}

div#capdmhelpdesk-control-buttons button {
    float: left;
    margin-right: 0.5em;
}

div#categories_detail {
    float: left;
}

div.replybutton {
    margin: 3px 0 0 0;
}

span.checkboxlabel {
    margin: 0 0 0 0.5em;
}

span.checkboxlabel i.icon {
    margin: -6px 0 0 10px;
    font-size: 1.2em;
}

input#autoclose {
    width: 20px;
    height: 20px;
    margin-top:10px;
    position:relative;
    top: 5px;
}
#newmessageprompt {
    opacity: 0;
}
div.tooltips {
  position: relative;
  display: inline;
  left: 80px;
  top: -10px;
}
div.tooltips span {
  position: absolute;
  color: #fff;
  background: rgba(0,172,223,1);
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 7px;
  font-size: 14px;
  letter-spacing: 1px;
  width: 225px;
}
div.tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-right: 8px solid rgba(0,172,223,1);;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
div#searchboxholder {
    display: none;
    float: left;
    clear: both;
    margin: 0 0 1em 0;
}

input#searchbox {
    width: 350px;
}
div#searchresultsholder {
    display: none;
    background-color: aliceblue;
    padding: 10px 15px;
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 1em 0;
}

.search-item {
    margin: 10px 0 20px 0;
    border-bottom: 1px solid #31708f;
}

span.search-item-label {
    margin: 0 0.5em 0 0 ;
}