@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.horizontal-bar[data-v-7df4e360]{width:100%;display:flex;align-items:center}.horizontal-bar .bar[data-v-7df4e360]{background:#eaedf3;height:12px;position:relative;width:85%;margin:0 10px}.horizontal-bar .bar .sub-bar[data-v-7df4e360]{height:12px;position:absolute}.horizontal-bar .bar .left[data-v-7df4e360]{left:0}.horizontal-bar .bar .right[data-v-7df4e360]{right:0}.horizontal-bar .content[data-v-7df4e360]{display:flex;align-items:center}.horizontal-bar .content .number[data-v-7df4e360]{margin:0 5px;width:15px;text-align:center}.horizontal-bar .content img[data-v-7df4e360]{width:24px;height:24px}.horizontal-bar.left[data-v-7df4e360]{flex-direction:row-reverse;justify-content:flex-end}.horizontal-bar.right[data-v-7df4e360]{justify-content:flex-end}.horizontal-bar.right .content[data-v-7df4e360]{flex-direction:row-reverse;margin-right:0}.skill-kpi-container[data-v-438e811e]{background:#fff;height:-moz-fit-content;height:fit-content;border-radius:5px}.skill-kpi-container .title-3[data-v-438e811e]{padding:25px 25px 5px 25px}.skill-kpi-container .title-block[data-v-438e811e]{margin-top:10px;display:flex;justify-content:space-between;padding:0 25px}.skill-kpi-container .title-block .title-6[data-v-438e811e]{color:#555b6f}.skill-kpi-container .title-block .active[data-v-438e811e]{color:#242424}.skill-kpi-container .title-block .center[data-v-438e811e]{margin-right:10px;color:#bfc5d2}.skill-kpi-container .title-block .left[data-v-438e811e],.skill-kpi-container .title-block .right[data-v-438e811e]{cursor:pointer;position:relative}.skill-kpi-container .title-block .left img[data-v-438e811e],.skill-kpi-container .title-block .right img[data-v-438e811e]{position:absolute;right:-25px;top:-2px}.skill-kpi-container .title-block .right[data-v-438e811e]{margin-right:20px}.skill-kpi-container .skills-container[data-v-438e811e]{padding:10px 25px 25px 25px}.skill-kpi-container .skills-container .skill-row[data-v-438e811e]{margin-top:10px}.skill-kpi-container .skills-container .skill-row .skill-label[data-v-438e811e]{text-align:center;text-transform:capitalize;margin-bottom:5px;margin-top:15px}.skill-kpi-container .skills-container .skill-row .data-bar[data-v-438e811e]{display:flex;width:100%;justify-content:center}.skill-kpi-container .skills-container .skill-row .data-bar .horizontal-bar[data-v-438e811e]{width:50%}.filters[data-v-438e811e]{position:relative;border:none}.filters .filter[data-v-438e811e]{position:relative;width:250px;border:none;overflow:hidden;cursor:pointer}.filters .filter .line[data-v-438e811e]{height:1px;background-color:#eaedf3;margin-right:9px}.filters .filter p[data-v-438e811e]{text-align:left;margin-left:17.5px;margin-top:15px;margin-bottom:15px}.filters .filter img[data-v-438e811e]{position:absolute;right:25px;top:16px;width:17px;height:17px;transition:.2s ease}.filters .filter img.close[data-v-438e811e]{transform:rotate(180deg)}.filters .filter-content[data-v-438e811e]{padding:9px 15px;cursor:default}.filters .filter-content .filter-tags-list[data-v-438e811e]{max-height:350px;overflow:scroll;margin-top:10px}.filters .filter-content .filter-tags-list>.row[data-v-438e811e]{display:flex;align-items:center;padding:9px 18px;position:relative}.filters .filter-content .filter-tags-list>.row label[data-v-438e811e]{padding-left:25px;cursor:pointer}.filters .filter-content .filter-tags-list>.row label input[data-v-438e811e]{position:absolute;opacity:0;border:#fff;margin-right:14px;border:1px solid var(--text-color)}.filters .filter-content .filter-tags-list>.row label input:checked~.checkmark[data-v-438e811e]:after{display:block}.filters .filter-content .filter-tags-list>.row label .checkmark[data-v-438e811e]{position:absolute;cursor:pointer;top:11px;left:22px;height:11px;width:11px;background-color:#fff;border-radius:2px;border:1px solid var(--text-color)}.filters .filter-content .filter-tags-list>.row label .checkmark[data-v-438e811e]:after{content:"";position:absolute;display:none;left:4px;top:1px;width:2px;height:6px;border:solid var(--text-color);border-width:0 1px 1px 0;transform:rotate(45deg)}.filters .filter-content .input-container[data-v-438e811e]{margin-bottom:9px}.download-btn[data-v-438e811e]{width:220px;background:var(--primary-color);display:flex;align-content:center;justify-content:center;padding:10px;margin-bottom:20px;border-radius:5px;cursor:pointer}.download-btn p[data-v-438e811e]{color:#fff}.download-btn img[data-v-438e811e]{filter:var(--svg-filter-white-color);margin-right:20px;height:16px;width:16px}td[data-v-1f9e29df]{padding:8px 20px;background:#fff;border-top:1px solid #e7e9ed}.subtitle[data-v-1f9e29df]{text-align:center}.user-kpi .user-kpi-container .search[data-v-e7203d2c]{display:flex;justify-content:flex-end}.user-kpi .user-kpi-container .center[data-v-e7203d2c]{margin-top:35px;text-align:center}.user-kpi .user-kpi-container .user-list-container[data-v-e7203d2c]{padding:20px 0}.user-kpi .user-kpi-container .user-list-container thead td[data-v-e7203d2c]{background:#e7e9ed;color:#555b6f;padding:18px 12px;text-align:center;vertical-align:middle}.user-kpi .download-btn[data-v-e7203d2c]{width:220px;background:var(--primary-color);display:flex;align-content:center;justify-content:center;padding:10px;margin-bottom:20px;border-radius:5px;cursor:pointer}.user-kpi .download-btn p[data-v-e7203d2c]{color:#fff}.user-kpi .download-btn img[data-v-e7203d2c]{filter:var(--svg-filter-white-color);margin-right:20px;height:16px;width:16px}.user-kpi .calendar-filter[data-v-e7203d2c]{height:30px;width:220px;background:#fff;border-radius:5px;cursor:pointer;padding:10px;align-items:center;display:flex;justify-content:space-between}.user-kpi .calendar-filter label[data-v-e7203d2c]{margin-left:10px;cursor:pointer}.user-kpi .calendar-filter img[data-v-e7203d2c]{margin-right:10px;filter:var(--svg-filter-primary-color)}td[data-v-7b8c4d1b]{padding:15px 20px;background:#fff;border-top:1px solid #e7e9ed}.pastille[data-v-7b8c4d1b]{width:10px;height:10px;border-radius:100vh;margin-left:8px}.subtitle[data-v-7b8c4d1b]{text-align:center}.groupname[data-v-7b8c4d1b]{display:flex;align-items:center}.groupname label[data-v-7b8c4d1b]{margin-left:16px;width:190px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-kpi-table-list[data-v-7a97873d]{border-radius:5px}.group-kpi-table-list thead td[data-v-7a97873d]{background:#e7e9ed;color:#555b6f;padding:15px;text-align:center;vertical-align:middle}.group-card[data-v-12bf934e]{margin-bottom:17px;width:calc(33% - 41px);margin-right:17px;background:#fff;border-radius:5px;padding:16px;cursor:pointer;box-shadow:0 3px 6px rgba(44,40,40,.1098039216)}.group-card[data-v-12bf934e]:nth-of-type(3n+0){margin-right:0}.group-card .group-info[data-v-12bf934e]{text-align:center}.group-card .group-info .pastille[data-v-12bf934e]{width:10px;height:10px;border-radius:100vh;margin:0 auto 10px auto}.group-card .group-info .user-number[data-v-12bf934e]{margin:14px}.group-card .group-info .title-5[data-v-12bf934e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-card .kpi-info[data-v-12bf934e]{display:flex;flex-wrap:wrap;width:100%}.group-card .kpi-info div[data-v-12bf934e]{width:48%;text-align:center;height:80px}.group-card .kpi-info div .subtitle[data-v-12bf934e]{padding:5px}.group-card .kpi-info div .number[data-v-12bf934e]{color:var(--primary-color);margin-top:10px}.group-card .kpi-info .post[data-v-12bf934e]{border-right:1px solid #ebedf2}.group-card .kpi-info .request[data-v-12bf934e]{border-top:1px solid #ebedf2}.group-card .kpi-info .no-response-request[data-v-12bf934e]{border-top:1px solid #ebedf2;border-left:1px solid #ebedf2}.group-kpi-card-list[data-v-0d9e9456]{display:flex;flex-wrap:wrap}.group-kpi-card-list .group-card[data-v-0d9e9456]{cursor:inherit}.month-picker[data-v-e96f4a96]{display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.month-picker .button[data-v-e96f4a96]{height:26.5px!important;background:#fff;color:var(--primary-color)}.month-picker .button[data-v-e96f4a96]:hover{transition:all .15s ease;background-color:var(--primary-color);color:#fff}.month-picker .month-selector[data-v-e96f4a96]{display:flex;text-transform:capitalize}.month-picker .month-selector .selector[data-v-e96f4a96]{position:relative}.month-picker .month-selector .separator[data-v-e96f4a96]{border-right:1px solid var(--lighter-2-text-color)}.month-picker .month-selector .year[data-v-e96f4a96]{padding:0 5px;text-align:center;color:var(--lighter-2-text-color);top:-20px;right:3px;position:absolute}.month-picker .month-selector .month[data-v-e96f4a96]{padding:5px;width:35px;cursor:pointer;text-align:center;border-radius:5px;position:relative}.month-picker .month-selector .month.active[data-v-e96f4a96]{color:var(--primary-color)}.month-picker .month-selector .month.active[data-v-e96f4a96]:after{content:" ";display:block;position:absolute;height:2px;background:var(--primary-color);width:16px;left:calc(50% - 8px);top:calc(100% - 3px);border-radius:10px}.month-picker .month-selector .left[data-v-e96f4a96]{transform:rotate(90deg);cursor:pointer}.month-picker .month-selector .right[data-v-e96f4a96]{transform:rotate(-90deg);cursor:pointer}.group-kpi .group-kpi-container .top[data-v-0cafe829]{display:flex;align-items:center;height:60px;justify-content:space-between;margin-top:-10px}.group-kpi .group-kpi-container .show-options[data-v-0cafe829]{cursor:default;display:flex;justify-content:flex-start}.group-kpi .group-kpi-container .show-options .selected[data-v-0cafe829]{background:#fff;box-shadow:0 3px 6px var(--shadow-color)}.group-kpi .group-kpi-container .show-options .selected img[data-v-0cafe829]{filter:var(--svg-filter-primary-color)}.group-kpi .group-kpi-container .show-options p[data-v-0cafe829]{margin-top:4px;margin-right:8px}.group-kpi .group-kpi-container .show-options button[data-v-0cafe829]{margin-left:12px}.group-kpi .group-kpi-container .center[data-v-0cafe829]{margin-top:35px;text-align:center}.group-kpi .filters[data-v-0cafe829]{margin-top:20px;position:relative;border:none}.group-kpi .filters .filter[data-v-0cafe829]{position:relative;width:250px;border:none;overflow:hidden;cursor:pointer}.group-kpi .filters .filter .line[data-v-0cafe829]{height:1px;background-color:#eaedf3;margin-right:9px}.group-kpi .filters .filter p[data-v-0cafe829]{text-align:left;margin-left:17.5px;margin-top:15px;margin-bottom:15px}.group-kpi .filters .filter img[data-v-0cafe829]{position:absolute;right:25px;top:16px;width:17px;height:17px;transition:.2s ease}.group-kpi .filters .filter img.close[data-v-0cafe829]{transform:rotate(180deg)}.group-kpi .filters .filter-content[data-v-0cafe829]{padding:9px 15px;cursor:default}.group-kpi .filters .filter-content .filter-tags-list[data-v-0cafe829]{max-height:350px;overflow:scroll;margin-top:10px}.group-kpi .filters .filter-content .filter-tags-list>.row[data-v-0cafe829]{display:flex;align-items:center;padding:9px 18px;position:relative}.group-kpi .filters .filter-content .filter-tags-list>.row label[data-v-0cafe829]{padding-left:25px;cursor:pointer}.group-kpi .filters .filter-content .filter-tags-list>.row label input[data-v-0cafe829]{position:absolute;opacity:0;border:#fff;margin-right:14px;border:1px solid var(--text-color)}.group-kpi .filters .filter-content .filter-tags-list>.row label input:checked~.checkmark[data-v-0cafe829]:after{display:block}.group-kpi .filters .filter-content .filter-tags-list>.row label .checkmark[data-v-0cafe829]{position:absolute;cursor:pointer;top:11px;left:22px;height:11px;width:11px;background-color:#fff;border-radius:2px;border:1px solid var(--text-color)}.group-kpi .filters .filter-content .filter-tags-list>.row label .checkmark[data-v-0cafe829]:after{content:"";position:absolute;display:none;left:4px;top:1px;width:2px;height:6px;border:solid var(--text-color);border-width:0 1px 1px 0;transform:rotate(45deg)}.group-kpi .filters .filter-content .input-container[data-v-0cafe829]{margin-bottom:9px}.group-kpi .download-btn[data-v-0cafe829]{width:220px;background:var(--primary-color);display:flex;align-content:center;justify-content:center;padding:10px;margin-bottom:20px;border-radius:5px;cursor:pointer}.group-kpi .download-btn p[data-v-0cafe829]{color:#fff}.group-kpi .download-btn img[data-v-0cafe829]{filter:var(--svg-filter-white-color);margin-right:20px;height:16px;width:16px}.global-kpi[data-v-2dc160e0]{margin-top:-10px}.global-kpi .top[data-v-2dc160e0]{display:flex;align-items:center;height:60px;justify-content:space-between}.global-kpi .top .title-3[data-v-2dc160e0]{width:300px}.global-kpi .user-daily-login[data-v-2dc160e0]{background:#fff;border-radius:5px;margin-left:0;margin-bottom:20px;padding:1px 15px 15px 15px;box-shadow:0 3px 6px rgba(44,40,40,.1137254902);width:730px}.global-kpi .user-daily-login .line-chart[data-v-2dc160e0]{min-height:200px;display:flex;justify-content:center;align-items:center}.global-kpi .user-daily-login .line-chart .title-3[data-v-2dc160e0]{color:var(--lighter-2-text-color)}.global-kpi .user-daily-login .title-3[data-v-2dc160e0]{margin:10px}.global-kpi .kpi-block[data-v-2dc160e0]{display:flex}.global-kpi .small-block[data-v-2dc160e0]{width:250px;height:90px;background:#fff;box-shadow:0 3px 6px rgba(44,40,40,.1137254902);border-radius:5px;margin-right:20px;margin-bottom:20px;text-align:center}.global-kpi .small-block .number[data-v-2dc160e0]{color:var(--primary-color)}.global-kpi .small-block[data-v-2dc160e0]:nth-of-type(3n+0){margin-right:0}.global-kpi .normal-block .number[data-v-2dc160e0]{margin-top:20px}.global-kpi .flex-block[data-v-2dc160e0]{display:flex;align-items:center;justify-content:center}.global-kpi .flex-block .left[data-v-2dc160e0],.global-kpi .flex-block .right[data-v-2dc160e0]{margin:5px;width:50%}.global-kpi .flex-block .left[data-v-2dc160e0]{border-right:1px solid var(--lighter-2-text-color);padding-right:5px}.global-kpi .title-block[data-v-2dc160e0]{margin:20px 0}.global-kpi .filters[data-v-2dc160e0]{margin-top:20px;position:relative;border:none}.global-kpi .filters .filter[data-v-2dc160e0]{position:relative;width:250px;border:none;overflow:hidden;cursor:pointer}.global-kpi .filters .filter .line[data-v-2dc160e0]{height:1px;background-color:#eaedf3;margin-right:9px}.global-kpi .filters .filter p[data-v-2dc160e0]{text-align:left;margin-left:17.5px;margin-top:15px;margin-bottom:15px}.global-kpi .filters .filter img[data-v-2dc160e0]{position:absolute;right:25px;top:16px;width:17px;height:17px;transition:.2s ease}.global-kpi .filters .filter img.close[data-v-2dc160e0]{transform:rotate(180deg)}.global-kpi .filters .filter-content[data-v-2dc160e0]{padding:9px 15px;cursor:default}.global-kpi .filters .filter-content .filter-tags-list[data-v-2dc160e0]{max-height:350px;overflow:scroll;margin-top:10px}.global-kpi .filters .filter-content .filter-tags-list>.row[data-v-2dc160e0]{display:flex;align-items:center;padding:9px 18px;position:relative}.global-kpi .filters .filter-content .filter-tags-list>.row label[data-v-2dc160e0]{padding-left:25px;cursor:pointer}.global-kpi .filters .filter-content .filter-tags-list>.row label input[data-v-2dc160e0]{position:absolute;opacity:0;border:#fff;margin-right:14px;border:1px solid var(--text-color)}.global-kpi .filters .filter-content .filter-tags-list>.row label input:checked~.checkmark[data-v-2dc160e0]:after{display:block}.global-kpi .filters .filter-content .filter-tags-list>.row label .checkmark[data-v-2dc160e0]{position:absolute;cursor:pointer;top:11px;left:22px;height:11px;width:11px;background-color:#fff;border-radius:2px;border:1px solid var(--text-color)}.global-kpi .filters .filter-content .filter-tags-list>.row label .checkmark[data-v-2dc160e0]:after{content:"";position:absolute;display:none;left:4px;top:1px;width:2px;height:6px;border:solid var(--text-color);border-width:0 1px 1px 0;transform:rotate(45deg)}.global-kpi .filters .filter-content .input-container[data-v-2dc160e0]{margin-bottom:9px}.global-kpi .filters[data-v-2dc160e0]{margin-top:10px}.global-kpi .download-btn[data-v-2dc160e0]{width:220px;background:var(--primary-color);display:flex;align-content:center;justify-content:center;padding:10px;margin-bottom:20px;margin-top:10px;border-radius:5px;cursor:pointer}.global-kpi .download-btn p[data-v-2dc160e0]{color:#fff}.global-kpi .download-btn img[data-v-2dc160e0]{filter:var(--svg-filter-white-color);margin-right:20px;height:16px;width:16px}@font-face{font-family:Segoe UI;src:local("Segoe UI"),url(/fonts/segoeui.ttf);font-display:swap}@font-face{font-family:SF Pro;src:local("SF Pro"),url(/fonts/SF-Pro.ttf);font-display:swap}.kpi-view .header{align-items:center;margin-top:50px;margin-bottom:52px}.kpi-view .header .title-1{cursor:default}.kpi-view .kpi-content{margin-top:29px}.kpi-view .kpi-content canvas{height:200px!important;width:710px!important}