.reports-leads{display:grid;grid-template-areas:"controls controls" "overview overview" "lead-various lead-various" "lead-type-total lead-type-total" "lead-type lead-status" "lead-source lead-division";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-column-gap:15px;grid-row-gap:15px}.reports-leads .title{grid-area:title}.reports-leads .overview{grid-area:overview}.reports-leads .controls{grid-area:controls}.reports-leads .lead-various{grid-area:lead-various}.reports-leads .lead-type-total{grid-area:lead-type-total}.reports-leads .lead-type{grid-area:lead-type}.reports-leads .lead-status{grid-area:lead-status}.reports-leads .lead-source{grid-area:lead-source}.reports-leads .lead-division{grid-area:lead-division}.reports-leads .controls{display:grid;grid-template-areas:"date-start date-end company user status type division source";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-column-gap:10px;grid-row-gap:10px}.reports-leads .controls .company{grid-area:company}.reports-leads .controls .source{grid-area:source}.reports-leads .controls .status{grid-area:status}.reports-leads .controls .type{grid-area:type}.reports-leads .controls .division{grid-area:division}.reports-leads .controls .user{grid-area:user}.reports-leads .controls .date-start{grid-area:date-start}.reports-leads .controls .date-end{grid-area:date-end}.reports-leads .controls .form-control{line-height:40px;background:#ededed;border:none;color:#555}.reports-leads .overview{display:grid;grid-template-areas:"leads phone email forms";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-column-gap:15px;grid-row-gap:15px}.reports-leads .overview .leads{grid-area:leads}.reports-leads .overview .phone{grid-area:phone}.reports-leads .overview .email{grid-area:email}.reports-leads .overview .forms{grid-area:forms}.reports-leads .overview .item{padding:15px 15px 15px 15px;color:#fff;border-radius:4px 4px 4px 4px;position:relative}.reports-leads .overview .item .text{text-align:left;font-size:18px;font-weight:300;margin:0 0 0 0}.reports-leads .overview .item .text i{opacity:.4}.reports-leads .overview .item .value{font-weight:600;font-size:24px}.reports-leads .overview .item .icon{font-size:30px;opacity:.4;position:absolute;top:0;right:25px;line-height:93px}.reports-leads .overview .leads{background-image:-webkit-gradient(linear,left top,right top,from(rgba(108,202,201,.85)),to(#6ccac9));background-image:linear-gradient(90deg,rgba(108,202,201,.85),#6ccac9)}.reports-leads .overview .sold{background-image:-webkit-gradient(linear,left top,right top,from(#57c8f2),to(#57c8f2));background-image:linear-gradient(90deg,#57c8f2,#57c8f2)}.reports-leads .overview .deliveries{background-image:-webkit-gradient(linear,left top,right top,from(rgba(169,216,110,.85)),to(#a9d86e));background-image:linear-gradient(90deg,rgba(169,216,110,.85),#a9d86e)}.reports-leads .overview .future-recovery{background-image:-webkit-gradient(linear,left top,right top,from(rgba(255,108,96,.85)),to(#ff6c60));background-image:linear-gradient(90deg,rgba(255,108,96,.85),#ff6c60)}.reports-leads .charts{background:#fff;border-radius:4px;padding:15px;position:relative}.reports-leads .charts .title{padding:0 0 0 0;margin:0 0 0 0;text-align:left;font-size:18px;font-weight:300}.reports-leads .charts .title-sub{padding:0 0 0 0;margin:0 0 20px 0;text-align:left;font-size:15px;font-weight:300;color:#bbb}.reports-leads .charts .total{position:absolute;top:20px;right:20px;font-size:24px;line-height:24px;font-weight:400;text-align:right;word-spacing:0}.reports-leads .charts .chart{padding:30px 0 50px 0}.reports-leads .charts .chart>div{height:350px}.reports-leads .lead-various{display:grid;grid-template-areas:"conversations replied time appointments tasks";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-column-gap:0;grid-row-gap:0}.reports-leads .lead-various .phone{grid-area:phone}.reports-leads .lead-various .replied{grid-area:replied}.reports-leads .lead-various .time{grid-area:time}.reports-leads .lead-various .appointments{grid-area:appointments}.reports-leads .lead-various .tasks{grid-area:tasks}.reports-leads .lead-various{margin:0 0 0 0;padding:15px 0 15px 0;white-space:nowrap;border-radius:4px;background:#fff}.reports-leads .lead-various .appointments,.reports-leads .lead-various .conversations,.reports-leads .lead-various .replied,.reports-leads .lead-various .time{border-right:1px solid #eee}.reports-leads .lead-various .item{padding:7px 0 7px 0;position:relative;text-align:center}.reports-leads .lead-various .item .icon{padding:0 0 0 0;font-size:20px;line-height:20px;color:#666;opacity:.7}.reports-leads .lead-various .item .total{padding:10px 0 2px 0;font-size:24px;line-height:24px;color:#333}.reports-leads .lead-various .item .text{padding:0 0 0 0;color:#bbb;font-weight:300;font-size:14px}.reports-leads .lead-various .conversations .icon{color:#8175c7}.reports-leads .lead-various .replied .icon{color:#57c8f2}.reports-leads .lead-various .time .icon{color:#a9d86e}.reports-leads .lead-various .appointments .icon{color:#f8d347}.reports-leads .lead-various .tasks .icon{color:#f06e34}.reports-leads .lead-type-total{display:grid;grid-template-areas:"phone internet walkin renewal";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-column-gap:15px;grid-row-gap:15px}.reports-leads .lead-type-total .phone{grid-area:phone}.reports-leads .lead-type-total .internet{grid-area:internet}.reports-leads .lead-type-total .walkin{grid-area:walkin}.reports-leads .lead-type-total .renewal{grid-area:renewal}.reports-leads .lead-type-total .item{padding:15px 15px 15px 15px;background-color:#fff;border-radius:4px 4px 4px 4px;position:relative}.reports-leads .lead-type-total .item .symbol{text-align:left;font-size:18px;font-weight:300;margin:0 0 10px 0}.reports-leads .lead-type-total .item .value{text-align:right}.reports-leads .lead-type-total .item .value .total{display:inline-block;padding:6px 25px 6px 25px;border-radius:15px;font-weight:600}.reports-leads .lead-type-total .item .chart{position:absolute;bottom:6px;left:15px;font-size:28px;opacity:.7}.reports-leads .lead-type-total .phone .chart{color:#a9d86e}.reports-leads .lead-type-total .phone .value .total{background:rgba(169,216,110,.1);color:#a9d86e}.reports-leads .lead-type-total .internet .chart{color:#00a8b3}.reports-leads .lead-type-total .internet .value .total{background:rgba(0,168,179,.1);color:#00a8b3}.reports-leads .lead-type-total .walkin .chart{color:#ff6c60}.reports-leads .lead-type-total .walkin .value .total{background:rgba(255,108,96,.1);color:#ff6c60}.reports-leads .lead-type-total .renewal .chart{color:#fcb322}.reports-leads .lead-type-total .renewal .value .total{background:rgba(252,179,34,.1);color:#fcb322}@media (max-width:1499px){.reports-leads .charts .chart{padding:30px 0 30px 0}.reports-leads .charts .chart>div{height:300px}}@media (max-width:1399px){.reports-leads .controls{grid-template-areas:"company date-start date-end source" "user status type division";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@media (max-width:1299px){.reports-leads .charts .chart>div{height:200px}}@media (max-width:1199px){.reports-leads{padding:10px;grid-column-gap:10px;grid-row-gap:10px}.reports-leads .overview{display:grid;grid-template-areas:"leads phone" "email forms";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reports-leads .lead-type-total,.reports-leads .overview{grid-column-gap:10px;grid-row-gap:10px}}@media (max-width:1099px){.reports-leads .charts .lead-type-total{grid-template-areas:"phone internet" "walkin renewal";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reports-leads .charts .chart{padding:30px 0 50px 0}.reports-leads .charts .chart>div{height:300px}}@media (max-width:767px){.reports-leads .overview{grid-template-areas:"leads sold" "deliveries future-recovery";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reports-leads .lead-type-total{grid-template-areas:"phone internet" "walkin renewal";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:699px){.reports-leads{grid-template-areas:"controls" "overview" "lead-various" "lead-type-total" "lead-type" "lead-status" "lead-source" "lead-division";grid-template-columns:minmax(0,1fr)}.reports-leads .charts .chart{padding:20px 0 30px 0}.reports-leads .charts .chart>div{height:300px}}@media (max-width:599px){.reports-leads .lead-various{grid-template-areas:"conversations" "replied" "time" "appointments" "tasks";grid-template-columns:minmax(0,1fr);grid-column-gap:0;grid-row-gap:0;padding:0 20px 0 20px}.reports-leads .lead-various .appointments,.reports-leads .lead-various .conversations,.reports-leads .lead-various .replied,.reports-leads .lead-various .time{border-right:0 solid #eee;border-bottom:1px solid #eee}.reports-leads .lead-various .item{padding:30px 0 30px 0}.reports-leads .lead-type-total .item .chart,.reports-leads .lead-various .item .icon{opacity:1}}@media (max-width:549px){.reports-leads .title{padding:7px 0 10px 2px}.reports-leads .title .full{display:none}.reports-leads .controls{grid-template-areas:"date-start date-end" "company source" "user status" "type division";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reports-leads .lead-type-total{grid-template-areas:"phone" "internet" "walkin" "renewal";grid-template-columns:minmax(0,1fr)}.reports-leads .charts .chart{padding:10px 0 30px 0}.reports-leads .charts .chart>div{height:200px}}