.management-dashboard{display:grid;grid-template-areas:"statistics leads-chart" "replied-time replied-time" "months months" "leads leads";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-column-gap:15px;grid-row-gap:30px;position:relative}.management-dashboard .statistics{grid-area:statistics}.management-dashboard .leads-chart{grid-area:leads-chart}.management-dashboard .months{grid-area:months}.management-dashboard .replied-time{grid-area:replied-time}.management-dashboard .leads{grid-area:leads}.management-dashboard .form-control{border:1px solid #eaeaea;line-height:26px}.management-dashboard .dates{position:absolute;top:57px;right:0}.management-dashboard .dates .date{float:right;width:108px;margin-left:12px}.management-dashboard .dates .date .form-control{text-align:center}.management-dashboard .statistics{padding:0 0 0 0;white-space:nowrap}.management-dashboard .statistics .details{padding:10px 0 15px 10px;position:relative}.management-dashboard .statistics .details .image{float:left;display:block;border-radius:4px;background-size:cover;background-repeat:no-repeat;background-position-x:50%;background-position-y:50%;width:88px;height:88px}.management-dashboard .statistics .details .description{float:left;margin:0 0 0 10px;padding:0 0 0 0;height:88px}.management-dashboard .statistics-staff .details .description{float:left;padding:38px 0 0 10px}.management-dashboard .statistics .details .description .name{margin:20px 0 0 0;padding:0 0 0 0;color:#39b5aa;font-size:18px;font-weight:400}.management-dashboard .statistics .data table{border-top:1px solid #dee2e6}.management-dashboard .statistics .data table tr th{text-align:center;text-transform:uppercase;font-weight:400;overflow:hidden;color:#444;white-space:normal;font-size:14px}.management-dashboard .statistics .data table tr th span{display:none}.management-dashboard .statistics .data table tr td:first-child i{font-size:16px;color:#c7cbd4}.management-dashboard .statistics .data table tr td:nth-child(2),.management-dashboard .statistics .data table tr td:nth-child(3),.management-dashboard .statistics .data table tr td:nth-child(4){width:70px;text-align:center}.management-dashboard .statistics .data table tr td:nth-child(4) span{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:10px;width:100%}.management-dashboard .statistics .data table tr:nth-child(2) td:nth-child(4) span{background:#6ccac9}.management-dashboard .statistics .data table tr:nth-child(3) td:nth-child(4) span{background:#8175c7}.management-dashboard .statistics .data table tr:nth-child(4) td:nth-child(4) span{background:#57c8f2}.management-dashboard .statistics .data table tr:nth-child(5) td:nth-child(4) span{background:#a9d86e}.management-dashboard .statistics .data table tr:nth-child(6) td:nth-child(4) span{background:#f8d347}.management-dashboard .statistics .data table tr:nth-child(7) td:nth-child(4) span{background:#f06e34}.management-dashboard .leads-chart{padding:0 0 0 0}.management-dashboard .leads-chart .title{border-bottom:1px solid #ddd;margin:70px 0 0 0;padding:0 0 10px 0;font-size:18px;font-weight:300}.management-dashboard .leads-chart .title .text{padding-top:6px;padding:6px 0 0 10px;font-size:18px;font-weight:300;float:left}.management-dashboard .leads-chart .leads-chart-container>div{min-width:100%;height:300px;max-width:100%}.management-dashboard .summary{display:grid;grid-template-areas:"lead intreatment sold deliveries appointments tasks";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-column-gap:0;grid-row-gap:15px}.management-dashboard .summary .lead{grid-area:lead}.management-dashboard .summary .intreatment{grid-area:intreatment}.management-dashboard .summary .sold{grid-area:sold}.management-dashboard .summary .deliveries{grid-area:deliveries}.management-dashboard .summary .appointments{grid-area:appointments}.management-dashboard .summary .tasks{grid-area:tasks}.management-dashboard .summary .item{text-align:center;background-color:#fff;border-radius:4px 4px 4px 4px;grid-column:span 2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;white-space:nowrap}.management-dashboard .summary .item .symbol{width:120px;padding:26px 0;border-radius:4px 0 0 4px;color:#fff;font-size:24px;background:#00abf0}.auto123 .management-dashboard .summary .item .symbol{background:#60ab56}.wixcar .management-dashboard .summary .item .symbol{background:#a0c466}.automoto .management-dashboard .summary .item .symbol{background:#e11924}.evsimple .management-dashboard .summary .item .symbol{background:#185a55}.fincar .management-dashboard .summary .item .symbol{background:#52b944}.management-dashboard .summary .item .value{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:17px 10px 0 10px;color:#777;overflow:hidden}.management-dashboard .summary .item .value .total{font-weight:300;font-size:22px;line-height:32px}.management-dashboard .summary .item .value .text{padding-top:0;text-transform:uppercase;font-size:11px;color:#999;font-weight:300}.management-dashboard .summary .lead .symbol{background:#6ccac9}.management-dashboard .summary .treatment .symbol{background:#8175c7}.management-dashboard .summary .sold .symbol{background:#57c8f2}.management-dashboard .summary .deliveries .symbol{background:#a9d86e}.management-dashboard .summary .appointments .symbol{background:#f8d347}.management-dashboard .summary .tasks .symbol{background:#f06e34}.management-dashboard .replied-time{margin:0 0 0 0;padding:15px 15px 15px 15px;white-space:nowrap;background:#f6f6f6;border-radius:4px}.management-dashboard .replied-time .title{padding:0 0 8px 0;font-size:18px;line-height:30px;font-weight:300}.management-dashboard .replied-time .title .text{float:left;padding:0 0 0 0}.management-dashboard .replied-time .item{padding:15px 15px 15px 15px;background-color:#fff;border-radius:4px 4px 4px 4px;position:relative}.management-dashboard .replied-time .item .symbol{text-align:left;font-size:18px;font-weight:300;margin:0 0 10px 0}.management-dashboard .replied-time .item .value{text-align:right}.management-dashboard .replied-time .item .value .total{display:inline-block;padding:6px 25px 6px 25px;border-radius:15px;font-weight:600}.management-dashboard .replied-time .item .chart{position:absolute;bottom:6px;left:15px;font-size:28px}.management-dashboard .replied-time .conversations .chart{color:#a9d86e}.management-dashboard .replied-time .conversations .value .total{background:rgba(169,216,110,.2);color:#a9d86e}.management-dashboard .replied-time .replied .chart{color:#00a8b3}.management-dashboard .replied-time .replied .value .total{background:rgba(0,168,179,.2);color:#00a8b3}.management-dashboard .replied-time .response-time .chart{color:#ff6c60}.management-dashboard .replied-time .response-time .value .total{background:rgba(255,108,96,.2);color:#ff6c60}.management-dashboard .months{margin:0 0 0 0;padding:0 0 0 0;white-space:nowrap}.management-dashboard .months .title{border-bottom:1px solid #eeeff1;padding:0 0 10px 10px;font-size:18px;font-weight:300}.management-dashboard .months .title .text{padding-top:9px;float:left}.management-dashboard .months .title .controls{float:right}.management-dashboard .months .title .controls select{width:150px}.management-dashboard .months .chart{height:290px;margin:50px 10px 50px 0;position:relative;border-bottom:1px solid #c9cdd7}.management-dashboard .months .chart .wrapper{height:290px}.management-dashboard .months .chart .bar{height:100%;position:relative;width:4.3%;margin:0 2%;float:left;text-align:center;z-index:10}.management-dashboard .months .chart .bar .item{position:absolute;bottom:-42px;width:100%;text-align:center;font-size:11px;overflow:hidden;text-transform:uppercase}.management-dashboard .months .chart .bar .item .date,.management-dashboard .months .chart .bar .item .total{display:block}.management-dashboard .months .chart .bar .value{position:absolute;bottom:0;background:#bfc2cd;color:#bfc2cd;width:100%;border-radius:4px 4px 0 0}.management-dashboard .months-leads .chart .bar .value{background:#6ccac9;color:#6ccac9}.management-dashboard .months-intreatment .chart .bar .value{background:#8175c7;color:#8175c7}.management-dashboard .months-sold .chart .bar .value{background:#57c8f2;color:#57c8f2}.management-dashboard .months-delivery .chart .bar .value{background:#a9d86e;color:#a9d86e}.management-dashboard .months-appointments .chart .bar .value{background:#f8d347;color:#f8d347}.management-dashboard .months-tasks .chart .bar .value{background:#f06e34;color:#f06e34}.management-dashboard .months .chart .bar .value:hover{background:#d9534f;color:#fff;cursor:pointer}.management-dashboard .months .chart .y-axis{list-style:none;margin:0;padding:0;position:absolute;width:100%}.management-dashboard .months .chart .y-axis li{border-top:1px dashed #dbdce0;display:block;height:58px;width:100%}.management-dashboard .months .chart .y-axis li:last-child{border-top:none}.management-dashboard .months .chart .y-axis li .value{display:block;margin:-12px 0 0 -23px;padding:0 10px;width:40px}.management-dashboard .months .chart .y-axis li .value span{display:inline-block;background:#fff}.management-dashboard .months .chart .y-axis{color:#555;text-align:right}.management-dashboard .months .description{position:absolute;padding:10px 20px 10px 20px;top:-20px;left:20px;border-radius:4px;background:#d9534f;text-align:center;margin:0 0 15px 0;color:#fff;font-weight:400;z-index:20;border:1px solid #fff}.management-dashboard .leads{white-space:nowrap;margin:0 0 0 0}.management-dashboard .leads .title{border-bottom:1px solid #eeeff1;padding:0 0 10px 10px;font-size:18px;font-weight:300}.management-dashboard .leads .title .text{padding-top:9px;float:left}.management-dashboard .leads .title .controls{float:right}.management-dashboard .leads .title .controls select{width:150px}.management-dashboard .leads .data{font-size:14px}.management-dashboard .leads .data .items{font-size:14px;border-top:2px solid #eee}.management-dashboard .leads .data .head,.management-dashboard .leads .data .items .item{display:grid;grid-template-areas:"details date client email phone type status";grid-template-columns:auto 112px 200px 200px 110px 150px 120px;grid-column-gap:30px;padding:11px;overflow:hidden}.management-dashboard .leads .data .items .item .details{grid-area:details}.management-dashboard .leads .data .items .item .date{grid-area:date}.management-dashboard .leads .data .items .item .client{grid-area:client}.management-dashboard .leads .data .items .item .phone{grid-area:phone}.management-dashboard .leads .data .items .item .email{grid-area:email}.management-dashboard .leads .data .items .item .type{grid-area:type}.management-dashboard .leads .data .items .item .status{grid-area:status}.management-dashboard .leads .data .head{color:#444}.management-dashboard .leads .data .items .item{border-bottom:1px solid #eee}.management-dashboard .leads .data .items .item>div{overflow:hidden}.management-dashboard .leads .data .items .item:nth-of-type(odd){background-color:#f9f9f9}.management-dashboard .leads .data .items .item .details a{display:block;border:none;color:#667fa0}.management-dashboard .leads .data .items .item .notice{color:#be4941}.management-dashboard .leads .data .items .item .details a:hover{text-decoration:none}.management-dashboard .leads .data .items .item .status a{display:inline-block;border:none;outline:none;font-size:12px;padding:2px 12px 2px 12px;font-weight:600;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:4px;background-color:#8175c7;width:120px;cursor:pointer;-moz-text-align-last:right;text-align-last:right}@media (max-width:1699px){.management-dashboard .leads .title{border-bottom:none}.management-dashboard .leads .data .head{display:none}.management-dashboard .leads .data .items{border-top:1px solid #ddd}.management-dashboard .leads .data .items .item{grid-template-areas:"details details details details details details" "client date email phone type status";grid-template-columns:auto 112px 200px 110px 150px 120px;grid-template-rows:25px 25px}}@media (max-width:1699px){.management-dashboard .summary{grid-template-areas:"lead intreatment sold" "deliveries appointments tasks";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.management-dashboard .summary .item .symbol{width:130px}.management-dashboard .leads .title{border-bottom:none}.management-dashboard .leads .data .head{display:none}.management-dashboard .leads .data .items{border-top:1px solid #ddd}.management-dashboard .leads .data .items .item{grid-template-areas:"details details details details details details" "client date email phone type status";grid-template-columns:auto 112px 200px 110px 150px 120px;grid-template-rows:25px 25px}}@media (max-width:1299px){.management-dashboard .months .chart .bar .title{bottom:-50px}.management-dashboard .leads .data .items .item{grid-template-areas:"details details" "client phone" "email date" "type status";grid-template-columns:50% 50%;grid-template-rows:22px 22px 22px 27px;grid-column-gap:0}.management-dashboard .leads .data .items .item .details a{font-weight:600;color:#333}.management-dashboard .leads .data .details{white-space:normal}.management-dashboard .leads .data .client{text-align:left}.management-dashboard .leads .data .date{text-align:right;color:#999}.management-dashboard .leads .data .phone{text-align:right}.management-dashboard .leads .data .email,.management-dashboard .leads .data .type{text-align:left}.management-dashboard .leads .data .status{padding-top:3px;text-align:right}.management-dashboard .leads .data .items .item .status select{width:auto;-moz-text-align-last:right;text-align-last:right}.management-dashboard .leads .data .items .item .status select option{direction:rtl}}@media (max-width:1199px){.management-dashboard .summary{grid-template-areas:"lead intreatment" "sold deliveries" "appointments tasks";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.management-dashboard .summary .item .symbol{width:130px}.management-dashboard .months .chart .bar .item{font-size:9px}}@media (max-width:990px){.management-dashboard{grid-template-areas:"statistics" "leads-chart" "replied-time" "months" "leads";grid-template-columns:1fr;grid-column-gap:0;grid-row-gap:20px}.management-dashboard .dates{top:58px}.management-dashboard .dates .date{margin-left:10px}.management-dashboard .statistics{margin:0 0 0 0}.management-dashboard .replied-time .title{padding:0 0 13px 0;line-height:36px}.management-dashboard .months .chart .bar .item{font-size:8px}.management-dashboard .leads-chart .title{margin:0 0 0 0}}@media (max-width:767px){.management-dashboard .summary{grid-column-gap:10px;grid-row-gap:10px}.management-dashboard .replied-time .title{padding:0 0 10px 0;line-height:36px}.management-dashboard .statistics .data table tr th span{display:none}.management-dashboard .leads .data .items .item{grid-template-rows:auto 22px 22px 27px}.management-dashboard .leads .data .items .item .details a{white-space:normal;line-height:19px;padding-bottom:2px}.management-dashboard .replied-time{padding:10px 10px 10px 10px}.management-dashboard .replied-time .row{grid-row-gap:10px}}@media (max-width:599px){.management-dashboard .form-control{line-height:20px;font-size:12px}.management-dashboard .dates{top:64px;left:100px;right:auto}.management-dashboard .dates .date{width:90px;margin-left:8px}.management-dashboard .statistics-staff .details .description{padding:0 0 0 10px}.management-dashboard .statistics .details .description .name{margin:0 0 0 0}.management-dashboard .summary{grid-template-areas:"lead" "intreatment" "sold" "deliveries" "appointments" "tasks";grid-template-columns:minmax(0,1fr)}.management-dashboard .summary .item .symbol{width:130px}.management-dashboard .months .chart .bar .value{border-radius:2px 2px 0 0}.management-dashboard .months .chart .bar .item{font-size:8px}}@media (max-width:599px){.management-dashboard .leads-chart .leads-chart-container>div{height:230px}}