.uv-report-wrapper svg {
    width: 100%;
}
.uv-report-wrapper svg text {
    fill: #333;
}
.chart-tooltip {
    padding: 5px;
    position: fixed;
    display: none;
    background: #9E9E9E;
    z-index: 10000;
    color: #fff;
}
.grid .tick {
    stroke: #afafaf;
    shape-rendering: crispEdges;
    opacity: .5 !important;
}
.uv-action-bar {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
}
.uv-action-bar .uv-field-block.date {
    display: inline-block;
    margin-right: 10px;
}
.uv-action-bar label {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px;
}
.uv-report-wrapper {
    padding-right: 20px;
}
.uv-pannel {
    margin-bottom: 20px;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    position: relative;
}
.uv-pannel-body {
    padding: 20px;
}
.uv-report-wrapper .uv-middle {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    text-align: center;
}
.uv-pannel-heading {
    padding: 13px 15px;
    border-bottom: 1px solid #d3d3d3;
}    
.uv-pannel-heading h3 {
    font-weight: 400;
    font-size: 18px;
}
.uv-padding-left-20 {
    padding-left: 20px;
}
.uv-padding-right-20 {
    padding-right: 20px;
}
.uv-padding-left-10 {
    padding-left: 10px;
}
.uv-padding-right-10 {
    padding-right: 10px;
}
.ticket-customer path {
    fill: none;
}
.uv-report-brick-wrapper {
    width: 100%;
    display: inline-block;
    border: 1px solid #d3d3d3;
    margin: 20px 0;
    border-radius: 3px;
}
.uv-report-brick {
    position: relative;
    display: inline-block;
    float: left;
    width: 20%;
    text-align: center;
    padding: 18px 0;
    border-right: 1px solid #d3d3d3;
}
.uv-report-brick:last-child {
    border-right: none;
}
.uv-report-brick-count {
    width: 100%;
    display: inline-block;
    color: #8473f3;
    font-size: 30px;
}   
.uv-report-brick-label {
    width: 100%;
    display: inline-block;
    font-size: 18px;
}   
.uv-report-chart-top-row .uv-report-chart-col-lt {
    width: 75%;
    float: left;
}
.uv-report-chart-top-row .uv-report-chart-col-rt {
    width: 25%;
    float: left;
}
.uv-report-chart-col-lt .uv-pannel {
    min-height: 600px;
}
.uv-min-height-450 {
    min-height: 450px;
}
@media screen and (max-width: 1366px) {
    .uv-min-height-450 {
        min-height: 350px;
    }
}
.uv-report-chart-col-rt .uv-pannel {
    min-height: 290px;
}
.uv-col-4 {
    width: 33.33%;
    float: left;
    padding: 0 10px;
}
.uv-report-chart-bottom-row .uv-col-4:first-child {
    padding-left: 0;
}
.uv-report-chart-bottom-row .uv-col-4:last-child {
    padding-right: 0;
}
.ticket-channels {
    text-align: center;
}
.ticket-channels svg {
    width: 65%;
}
.chart-info {
    list-style: none;
    margin: 5px 0;
}
.chart-info li {
    display: inline-block;
    margin-right: 15px;
}
.chart-info li .uv-chart-circle {
    background: #FFBB3C;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
}
.chart-info li .uv-chart-circle.ticket {
    background: #FFBB3C;
}
.chart-info li .uv-chart-circle.customer {
    background: #34C1F6;
}
ul.uv-report-measures {
    list-style: none;
    margin: 0;
    padding: 0;
}
.uv-report-chart-col-rt .uv-pannel-body {
    padding: 0 0 0 20px;
    max-height: 556px;
    overflow-y: auto;
}
.uv-report-measures li {
    border-bottom: 1px solid #d3d3d3;
    padding: 10px 0;
}
.uv-report-measures li:last-child {
    border-bottom: none;
}
.uv-report-measure-label {
    font-size: 16px;
    width: 100%;
    float: left;
}
.uv-report-measure-count {
    font-size: 25px;
    color: #8473f3;
    margin-top: 7px;
    display: inline-block;
}
.agent-graph path, .agent-graph line {
    fill: none;
    shape-rendering: crispEdges;
}
.uv-icon-kudos {
    background-image: url("../images/uvdesk-kudo-sprite.svg");
    display: inline-block;
    width: 40px;
    height: 40px;
}
.uv-icon-kudos.kudos-1 {
    background-position: 0px 40px;
}
.uv-icon-kudos.kudos-2 {
    background-position: -40px 40px;
}
.uv-icon-kudos.kudos-3 {
    background-position: -80px 40px;
}
.uv-icon-kudos.kudos-4 {
    background-position: -120px 40px;
}
.uv-icon-kudos.kudos-5 {
    background-position: -160px 40px;
}
.kudos-text-1 {
    color: #FC6E46;
}
.kudos-text-2 {
    color: #FC6E46;
}
.kudos-text-3 {
    color: #FCDA32;
}
.kudos-text-4 {
    color: #01D101;
}
.kudos-text-5 {
    color: #01D101;
}
@media screen and (max-width: 1024px) {
    .uv-report-chart-top-row .uv-report-chart-col-lt {
        width: 100%;
        padding: 0;
    }
    .uv-report-chart-top-row .uv-report-chart-col-rt {
        width: 100%;
    }
    .uv-report-chart-bottom-row .uv-col-4 {
        width: 100%;
        padding: 0;
    }
    .uv-pannel-body.ticket-customer {
        padding: 0 !important;
    }
    .uv-report-brick {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #d3d3d3;
    }
    .uv-report-brick:last-child {
        border-bottom: none;
    }
}
@media screen and (max-width: 500px) {
    .uv-action-bar label {
        display: none;
    }
    .uv-action-bar .uv-field-block.date {
        width: 100%;
        padding: 0px 0px 0px 5px;
        margin-right: 0;
    }
    .uv-action-bar .uv-field-block.date input {
        width: 100%;
    }
    .uv-inner-section .uv-action-bar .uv-action-bar-col-lt {
        padding-right: 15px;
    }
    .uv-report-chart-col-lt .uv-pannel-body {
        padding: 0;
    }
    .uv-pannel-heading select {
        width: 100px;
    }
}