input[readonly],input[readonly]:hover{
    cursor:default;
    background:transparent;
    border:transparent;
    font-weight:bold;
    outline:none;
}

.show-new .used-vis, .show-new .total-vis {
display: none;
}

.show-used .new-vis, .show-used .total-vis {
display: none;
}

.show-total .new-vis, .show-total .used-vis {
display: none;
}

.total-vis .details {
font-weight: 400;
font-size: 0.8em
}

/****************Funnel************/

#funnel-graph {
padding: 4rem;
margin: auto;
}



#funnel-graph h2{margin-bottom: 3rem;margin-top: -3rem;text-align: center}

.funnel-menu {
display: flex;
justify-content: center;
margin-bottom: 2rem;
}

.funnel-menu-entry {
padding: 1rem 2rem;
cursor: pointer;
text-transform: uppercase;
}

.funnel-menu-entry.active {
color: red;
font-weight: 700;
}

/* .sales-type-wrapper {
display:none;
} */

/* .sales-type-wrapper.active {
display: block;
} */

.trapezoid-wrapper {
position: relative;
max-width: 430px;
margin: auto;
}
.trapezoid {
margin: auto;
height:0;
border-bottom: 100px solid #103252;
transform: rotate(180deg);
}
.trapezoid.rotated {
transform: rotate(0deg)
}

.data-label {
position: absolute;
top:0;
left: -1rem;
width: 120px;
text-align: right;
transform: translate(-100%, -50%);
}

.data-value {
position: absolute;
top: -26px;
left: 50%;
transform: translate(-50%);
color: #fff;
}
.trapezoid-wrapper.last-item .data-value {
/*transform: translate(-50%, -100%);*/
}

.trapezoid-wrapper.first .data-value {
color: #000;
}

.data-proc {
position: absolute;
top:0;
right: -1rem;
width: 40px;
transform: translate(100%, -50%);
}



@media print {
.pagebreak {
    page-break-after: always;
}
}

#reportrange {
    font-size: 0.9em;
    height: 37px;
    padding: .5em!important;
}

.pagebreak {
    margin-top: -3rem;
}