.chart{position:relative;height:-moz-max-content;height:max-content;background-color:#fff;padding:4px;border-radius:10px}.chart .v-card_title{padding-left:0}.chart .titulo-grafico{position:absolute;font-weight:700;color:#11263c}.chart h2{font-style:normal;font-weight:500;font-size:18px;line-height:28px;color:#11263c;flex:none;order:0;flex-grow:0;margin:10px 0}.chart canvas{width:100%;height:40%!important;z-index:20}.chart .chamados-realizados{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);color:#c4c4c4;font-size:13px;z-index:1}.chart .chamados-realizados span{width:100%;color:#11263c;font-size:35px;font-weight:700}@media (max-width:1390px){.chart .chamados-realizados{font-size:11px}.chart .chamados-realizados span{font-size:30px}}@font-face{font-family:Inter;src:url(/fonts/Inter-Thin.ttf) format("truetype");font-weight:100}@font-face{font-family:Inter;src:url(/fonts/Inter-ExtraLight.ttf) format("truetype");font-weight:200}@font-face{font-family:Inter;src:url(/fonts/Inter-Light.ttf) format("truetype");font-weight:300}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Inter;src:url(/fonts/Inter-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Inter;src:url(/fonts/Inter-ExtraBold.ttf) format("truetype");font-weight:800}@font-face{font-family:Inter;src:url(/fonts/Inter-Black.ttf) format("truetype");font-weight:900}html{overflow-y:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.1rem;font-weight:300;line-height:2;color:#333}.row{margin:0 -12px!important}.img-responsive{width:auto;margin:auto;height:auto;max-width:100%;max-height:100%}a,a:focus,a:hover{text-decoration:none!important}*,:focus{outline:none!important}.loader,.primary-button{background-color:var(--terciary-color)!important;color:#fff!important}.primary-button{border:1px solid var(--terciary-color);border-radius:20px;text-transform:capitalize;padding:0 20px!important;transition:all .3s ease}.primary-button span{font-size:16px}.primary-button:hover{background-color:#fff!important;color:var(--terciary-color)!important}.secondary-button{background-color:#11263c!important;color:#fff!important;border:1px solid #11263c;border-radius:20px;text-transform:capitalize;padding:0 20px!important;transition:all .3s ease}.secondary-button span{font-size:16px}.secondary-button:hover{background-color:#fff!important;color:#11263c!important}::-webkit-scrollbar{width:7px;height:5px;position:absolute}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.288)}::-webkit-scrollbar-thumb{background:rgba(70,70,70,.7);-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:#464646;-webkit-transition:all .3s ease;transition:all .3s ease}.tabs-color-primary{background-color:#f4cb2c!important}#page-dashboard{display:flex;max-height:100%;padding:24px;flex-wrap:wrap}#page-dashboard .graficos{background-color:#fff;border-radius:10px;width:100%}#page-dashboard .graficos .topo,#page-dashboard .graficos .topo .titulo{padding-bottom:0}#page-dashboard .graficos .topo .titulo p{color:#11263c;font-weight:500;font-size:14px;line-height:58px}#page-dashboard .graficos .topo .titulo p svg{font-size:19px;margin:0 4px;color:#040d16}#page-dashboard .graficos .topo .titulo p span{font-weight:500;color:#d0d1d2}#page-dashboard .graficos .topo .filtros form{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}#page-dashboard .graficos .topo .filtros form svg{font-size:15px;color:#11263c}#page-dashboard .graficos .topo .filtros form .v-input{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:0 10px}#page-dashboard .graficos .grafico-atendimentos{padding-top:0}#page-dashboard .graficos .v-card__title{padding-left:0}#page-dashboard .graficos .titulo-atendentes,#page-dashboard .graficos .titulo-grafico{font-weight:700;color:#11263c}#page-dashboard .graficos .legendas-percentual{display:flex;flex-wrap:wrap;align-items:center;padding:50px 0;font-size:12px}#page-dashboard .graficos .legendas-percentual .div-abertos{padding-left:0}#page-dashboard .graficos .legendas-percentual .div-abertos .abertos{position:relative;color:#949494;font-size:14px;margin:0}#page-dashboard .graficos .legendas-percentual .div-abertos .abertos span{margin-left:40px}#page-dashboard .graficos .legendas-percentual .div-abertos .abertos:before{content:"";width:30px;height:6px;position:absolute;background-color:#f7d728;border:1px solid #f7d728;border-radius:5px;top:50%;transform:translateY(-50%)}@media (max-width:1300px){#page-dashboard .graficos .legendas-percentual .div-abertos .abertos{font-size:12px}}#page-dashboard .graficos .legendas-percentual .div-aguardando{padding-left:0}#page-dashboard .graficos .legendas-percentual .div-aguardando .aguardando{position:relative;color:#949494;font-size:14px;margin:0}#page-dashboard .graficos .legendas-percentual .div-aguardando .aguardando span{margin-left:40px}#page-dashboard .graficos .legendas-percentual .div-aguardando .aguardando:before{content:"";width:30px;height:6px;position:absolute;background-color:#eb3838;border:1px solid #eb3e38;border-radius:5px;top:50%;transform:translateY(-50%)}@media (max-width:1300px){#page-dashboard .graficos .legendas-percentual .div-aguardando .aguardando{font-size:12px}}#page-dashboard .graficos .legendas-percentual .div-fechamentos{padding-left:0}#page-dashboard .graficos .legendas-percentual .div-fechamentos .fechamentos{position:relative;color:#949494;font-size:14px;margin:0}#page-dashboard .graficos .legendas-percentual .div-fechamentos .fechamentos span{margin-left:40px}#page-dashboard .graficos .legendas-percentual .div-fechamentos .fechamentos:before{content:"";width:30px;height:6px;position:absolute;background-color:#61fc1f;border:1px solid #61fc1f;border-radius:5px;top:50%;transform:translateY(-50%)}@media (max-width:1300px){#page-dashboard .graficos .legendas-percentual .div-fechamentos .fechamentos{font-size:12px}}#page-dashboard .graficos .legendas-percentual .div-duracao{padding-left:0}#page-dashboard .graficos .legendas-percentual .div-duracao .duracao{position:relative;color:#949494;font-size:14px;margin:0}#page-dashboard .graficos .legendas-percentual .div-duracao .duracao span{margin-left:40px}#page-dashboard .graficos .legendas-percentual .div-duracao .duracao:before{content:"";width:30px;height:6px;position:absolute;background-color:#1f70fc;border:1px solid #1f70fc;border-radius:5px;top:50%;transform:translateY(-50%)}@media (max-width:1300px){#page-dashboard .graficos .legendas-percentual .div-duracao .duracao{font-size:12px}}#page-dashboard .graficos .legendas-percentual .abertos-ativos,#page-dashboard .graficos .legendas-percentual .aguardando-ativos,#page-dashboard .graficos .legendas-percentual .duracao-ativos,#page-dashboard .graficos .legendas-percentual .fechamentos-ativos{color:#11263c;font-weight:600;font-size:14px;margin-left:40px}#page-dashboard .graficos .grafico-porcentagem-ativa{padding-right:30px;padding-left:60px}#page-dashboard .graficos .grafico-porcentagem-ativa .total-porcentagem{display:flex;align-items:center;color:#c4c4c4;font-size:17px}#page-dashboard .graficos .grafico-porcentagem-ativa .total-porcentagem span{font-size:35px;font-weight:700;color:#11263c;margin-right:10px}#page-dashboard .graficos .grafico-porcentagem-ativa .nome-atendente{display:flex;align-items:center;color:#c4c4c4;font-size:17px}#page-dashboard .graficos .grafico-porcentagem-ativa .nome-atendente span{font-size:20px;font-weight:700;color:#11263c;margin-right:10px}#page-dashboard .graficos .grafico-porcentagem-ativa .online{display:flex;align-items:center;color:#c4c4c4;font-size:17px}#page-dashboard .graficos .grafico-porcentagem-ativa .online span{margin-left:10px;margin-right:4px;color:#040d16;font-size:22px}#page-dashboard .graficos .grafico-porcentagem-ativa .offline{display:flex;align-items:center;color:#c4c4c4;font-size:17px}#page-dashboard .graficos .grafico-porcentagem-ativa .offline span{margin-left:10px;margin-right:4px;color:rgba(91,94,97,.4235294117647059);font-size:22px}#page-dashboard .graficos .grafico-porcentagem-ativa .v-progress-linear{margin-top:30px;border-radius:10px}#page-dashboard .graficos .grafico-porcentagem-ativa .legendas{margin-top:15px}#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .atendimentos-duracao,#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .atendimentos-fechados,#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .atendimentos-novos{padding:0}#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .duracao,#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .fechados,#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .novos{position:relative;color:#c4c4c4;font-size:14px;margin:0}#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .duracao span,#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .fechados span,#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .novos span{margin-left:40px}#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .duracao:before,#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .fechados:before,#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .novos:before{content:"";width:30px;height:4px;position:absolute;background-color:#61f430;border:1px solid #61f430;border-radius:5px;top:50%;transform:translateY(-50%)}#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .fechados:before{background-color:#eb3e38;border:1px solid #eb3e38}#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .duracao:before{background-color:#0b59eb;border:1px solid #0b59eb}#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .duracao-ativos,#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .fechados-ativos,#page-dashboard .graficos .grafico-porcentagem-ativa .legendas .novos-ativos{color:#11263c;font-weight:600;font-size:15px;margin-left:40px}.grafico-atendimentos canvas{max-height:30vh!important}canvas#graficoPercentual{height:30vh!important;width:30vh!important;text-align:center;margin:auto}