.branding{
    margin-bottom: 15px;
}
.branding a{
    font-size: 1.8em;
    font-weight: bold;
    text-decoration: none;
    color: white;
    text-shadow: 1px 1px 2px #000000;
    transition: text-shadow 0.6s ease;
}

.branding a:hover{
    text-shadow: 2px 1px 4px #000000;
}
.hero-widget{
    height: 80px;
    text-align: center;
    padding: 5px;
}
.hero-widget h3{
    margin: 0 auto 0 auto;
    font-size: 3.0em;
}

.hero-widget-1{
    color: #31708f;
    background-color: #d9edf7;
    border: 2px #bce8f1 solid;
}
.hero-widget-2{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 2px #faebcc solid;

}
.hero-widget-3{
    color: #3c763d;
    background-color: #dff0d8;
    border: 2px #d6e9c6 solid;
}
.hero-widget-4{
    color: #a94442;
    background-color: #f2dede;
    border: 2px #ebccd1 solid;
}

.paginator-info{
     /*margin-right: 8px;*/
     margin: 27px 10px 0 0;
 }

#loginas{
  opacity: .3;
  position: fixed;
  right: 5px;
  bottom: 5px;
  padding: 5px;
  border-radius: 4px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
}
#loginas select{
    display: none;
}
.loggedin{
    margin-top: -10px;
}
.loggedin > span{
    margin-top: 7px;
    margin-right: 20px;
}
/* Filters */

#filters{
    display: none; /* will avoid flickering. filters will be shown on pageload complete via JS */
}
/* Ticket detail */
.ticket-details ul{
    margin-left: -20px;
}
.ticket-details dd {
    margin-bottom: 14px;
}
.ticket-details dt {
    font-size: 1.2em;
}
.ticket-reply textarea {
    margin-bottom: 10px;
    overflow: auto !important;
}
.ticket-reply input{
    margin-left: 10px;
    margin-top: 10px;
}
.ticket-reply label{
    font-weight: normal;
}
.ticket-reply .ticket-reply-file{
    margin-top: -4px;
}

.ticket-reply-item-list{
    margin-bottom: 0;
    margin-top: 10px;
}

.ticket-body{
    border-right: 1px solid #eee;
    padding-right: 40px;
    border-radius: 8px;
}

.ticket-body-needs-info{
    background-color: #FFFFEE;
}

/* Login */

.form-signin{
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.signin{
    margin-top: 100px;
    text-align: center;
}

.signin h1{
    font-size: 2.8em;
    font-weight: bold;
    text-decoration: none;
    color: white;
    text-shadow: 1px 1px 3px #000000;
}

.form-signin .form-control {
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin input{
    margin-bottom: 10px;
}

/* X-editable styling fixes */
.editable-click, a.editable-click, a.editable-click:hover{
    color: #777;
    border-bottom: dotted 1px #777;
}
h1 .editable{
    color: #333;
    border-bottom: dotted 2px #eee;
}

h1 .editable-input{
    width: 400px;
}
h1 .editable-input input{
    width: 100% !important;
}

h1.ticket-subject{
    margin-bottom: 20px;
}

.ticket-body + .ticket-changes {
    margin-top: 10px;
    display: block;
}

.ticket-reply-item-list + .ticket-changes {
    margin-top: 10px;
    display: block;
}

/* Create ticket */
.ticket-create{
    margin-top: 23px;
}

/* Search box */
input.search {
    border-radius: 30px 0px 0px 30px;
}
button.search {
    border-radius: 0px 30px 30px 0px;
    cursor:pointer;
}

.ticket-list-hidden-tickets{
    margin: 27px 10px;
}

/* overwrite boostrap checkbox to avoid displaying a huge checkbox */
input[type=checkbox].form-control{
    height: 17px;
    width: initial;
    margin-top: 9px;
}


.modal-dialog-large {
    width: 80%;
}

#imagepreview{
    display: block;
    max-width: 80%;
    margin: auto;
}

.popover-ajax-content {
    width: 375px;
    height: 60px;
}

.popover-ajax-content ul {
    margin-left: -25px;
    width: 270px;
}

tr .image-preview img{
    width: 100%;
}

td.preview-collapsed{
    cursor: zoom-in;
}
td.preview-expanded{
    cursor: zoom-out;
}
.ticket-preview{
    border: none !important;
}
.ticket-preview .panel{
    margin: auto;
    width: 98%;
    margin-bottom: 20px;
}
.ticket-preview .panel-body{
    border-top: 1px #ddd solid;
}
.ticket-preview .panel-body h5{
    margin-top: 0;
}
.ticket-private{
    background-color: #fafad2;
}
.anchor-sidebar {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 75%;
    white-space: nowrap;
}
.link-sidebar {
    line-height: 14px;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.topic-description {
    font-size: 85%;
    color: #666;
}

.sla-table > tfoot {
    border-top: solid 2px darkgray;
}