@media print {
    body {
        padding: 0px;
    }
    .helpdesk-report-filters,
    .helpdesk-report-nav,
    .helpdesk-report-filter-overview {
        display: none;
    }
    .ticket-report .dt-buttons,
    .ticket-report .dataTables_filter,
    .ticket-report .float-end,
    .ticket-report .float-start,
    .ticket-report .dataTables_info,
    .log-report .dt-buttons,
    .log-report .dataTables_filter,
    .log-report .float-end,
    .log-report .float-start,
    .log-report .dataTables_info {
        display: none;
    }
/*
    TABLE#ticket-report-results TD .label,
    TABLE#ticket-report-results TD .text-muted,
    TABLE#log-report-results TD .label,
    TABLE#log-report-results TD .text-muted {
        
*/
    TABLE#log-report-results TD .ticket-label-* {   
        display: none;
    }
    TABLE#ticket-report-results TD, TABLE#ticket-report-results TH,
    TABLE#log-report-results TD, TABLE#log-report-results TH {
        width: auto !important;
    }
    
    .breakdown-display A:after,
    TABLE#ticket-report-results TD A:after,
    TABLE#log-report-results TD A:after {
        content: '';
    }
}

    
    TABLE#ticket-report-results TR,
    TABLE#log-report-results TR {
        page-break-inside: avoid;
    }


@media (min-width: 768px) {
    .ticket-side-column DL.ticket-details DT {
        width: 100px;
    }
    .ticket-side-column DL.ticket-details DD {
        margin-left: 120px;
        margin-bottom: 5px;
    }
}

.ticket-side-column .affix {
    top: 60px;
}

@media (max-width: 992px) {
    .ticket-side-column .affix {
        position: inherit;
        top: inherit;
    }
}

.lead + .popover {
    max-width: 1042px;
}
.log-action:target {
    -webkit-animation: target-fade 5s 1;
    -moz-animation: target-fade 5s 1;
}

.panel.log-action-contracthelpdesk {
    border-left-color: #00b100;
    border-left-width: 3px;
}
.panel.log-action-contractdevelopment {
    border-left-color: #bc00c9;
    border-left-width: 3px;
}
.panel.log-action-chargeable {
    border-left-style: solid;
    border-left-color: #e40000;
    border-left-width: 3px;
}
.panel.log-action-travel {
    border-left-color: #333333;
    border-left-width: 3px;    
}
.panel.log-action-sales {
    border-left-color: #00ddff;
    border-left-width: 3px;
}

.log-time-gap {
    color: #c0c7d0;
    padding: 0px;
    margin: 0px 0px 10px 50px;
    font-style: italic;
    border-radius: 10px;
}
.log-time-gap .ellipsis {
    background: -webkit-linear-gradient(#d4dce5 0%, #8692a1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.log-time-gap .ellipsis:last-child {
    background: -webkit-linear-gradient(#8692a1 0%, #d4dce5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}

SPAN.log-action-contracthelpdesk {
    color: #009e19;
}
SPAN.log-action-chargeable {
    color: #990000;
}
SPAN.log-action-contractdevelopment {
    color: #8f0099;
}
SPAN.log-action-sales {
    color: #0091a7;
}

.ticket-hours-breakdown {
}
.ticket-hours-breakdown .breakdown-display {
    margin-left: 10px;
    white-space: nowrap;
}
.ticket-hours-breakdown .breakdown-display:first-of-type {
    margin-left: 0px;
}




@-webkit-keyframes target-fade {
    0%,50% { box-shadow: 0 0 15px 3px rgba(255,255,0,0.7); }
    100% { box-shadow: none; }
}
@-moz-keyframes target-fade {
    0%,50% { box-shadow: 0 0 15px 3px rgba(255,255,0,0.7); }
    100% { box-shadow: none; }
}

.log-action-entry {
    overflow: auto;
}

.log-action-entry.plain {
    font-family: monospace;
    white-space: pre-wrap;
}
.log-action-entry.markdown TABLE {
    border-collapse: collapse;
}
.log-action-entry.markdown TABLE TH,
.log-action-entry.markdown TABLE TD {
    border: 1px solid #999999;
    padding: 3px 5px;
}
.log-action-entry.markdown TABLE TH {
    background-color: #999999;
    color: white;
    border-right-color: white;
}
.log-action-entry.markdown TABLE TH:last-of-type {
    border-right-color: inherit;
}
.ticket-logs .long-log {
    transition: height 0.5s ease-out;
    cursor: n-resize;
}
.ticket-logs .long-log-collapsed .log-action-entry {
    height: 300px;
    overflow-y: hidden;
/*     color: #999999; */
    position: relative;
} 
.ticket-logs .long-log-collapsed .log-action-entry:after {
content: "";
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
top: 0; right: 0;

background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1));
 }

.ticket-logs .long-log-collapsed {
    cursor: s-resize;
}
.ticket-logs .long-log-collapsed::after {
    content: "Click to view full log";
    display: block;
    border-top: 1px solid #EEEEEE;
    margin: 5px 0px 0px 0x;
    padding: 5px 0px 0px;
    text-align: center;
    color: #999999;
    font-style: italic;
    cursor: s-resize;
    border-radius: 0px 0px 3px 3px;
}




.ticket-priority {
    background-color: rgba(150,150,150,0.2);
    border-radius: 3px;
    padding: 1px 5px;
    margin: -1px -5px;
}
.ticket-priority-medium {
    background-color: rgba(255, 234, 140, 0.5);
    color: #9f6000;
}
.ticket-priority-high {
    background-color: rgba(255, 100, 100, 0.5);
    color: #990000;
    text-transform: uppercase;
    
}
.ticket-priority-critical {
    background-color: #CC0000;
    color: white;
    text-transform: uppercase;
    font-weight: bold;    
}
.ticket-priority-sales {
    background-color: rgba(140, 240, 255, 0.5);
    color: #001776;
}

.ticket-deadline-overdue {
    background-color: #CC0000;
    color: white;
    border-radius: 3px;
    padding: 1px 5px;
    margin: -1px -5px;
}    

.ticket-unassigned {
    color: #CC0000;
    font-style: italic;
}


.ticket-label-closed {
    opacity: 0.7;
}

.ticket-type {
    background-color: transparent;
}
.ticket-type-supportrequest {
/*     background-color: rgba(195, 255, 196, 0.5); */
    color: #009e19;
}
.ticket-type-bug,
.ticket-type-enhancement,
.ticket-type-featurerequest {
/*     background-color: rgba(205, 151, 255, 0.5); */
    color: #8f0099;
}
.recent-activity .ticket-type {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 2px 5px 2px 5px;
    white-space: nowrap;
    transition: width 0.5s ease-out;    
}
.recent-activity .ticket-type .ticket-type-text {
    display:none;
}
.recent-activity .ticket-type:hover {
    background-color: rgba(255,255,255,0.8);
    z-index: 50;
    border-radius: 0px 0px 0px 7px;
    border-bottom: 1px solid rgba(100,100,100,0.3);
    border-left: 1px solid rgba(100,100,100,0.3);
}
.recent-activity .ticket-type:hover .ticket-type-text {
    display: inline-block;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .recent-activity .ticket-type:hover {
        -webkit-backdrop-filter: blur(20px);
        -moz-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background-color: rgba(255,255,255,0.05);
    }
}