:host,:root{--shadow-pop:0 0 1px rgb(226 231 242 / 30%),0 5px 30px rgb(206 219 246 / 30%);--shdw-el-focused:0 0 0 2px var(--clr-el-gray-040);--shdw-tooltip:0 4px 8px rgba(165,177,202,0.3),0 0 3px rgba(165,177,202,0.3);--clr-title:#444;--clr-border:#f3f3f3}.dasboard-setting-box{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;color:#333;padding:10px 12px 18px 12px;background:#fff;border:solid 1px var(--clr-border);border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,0.02);display:flex;justify-content:space-between;flex-direction:column;margin:10px}.dasboard-setting-wrap{display:flex;justify-content:space-between}.setting-box{display:flex;align-items:center;position:relative}.dasboard-setting-group{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;background:#ededed;width:max-content;padding:6px;border-radius:16px;margin-right:5px}.choice-period{display:none}.dasboard-setting-group select{border:0 silver solid;padding:4px;border-radius:5px;background:#ededed;font-size:13px}.dasboard-setting-group selec:focus{border:0 solid silver}.button-group{display:flex;align-items:center;border-radius:8px;overflow:hidden;border:0 solid #d9d9da}.button-period{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;color:#4b4b4b;cursor:pointer;font-size:13px;line-height:1;transition:all .15s ease;background:transparent;border-right:0 solid #d9d9da;user-select:none}.button-period:last-child{border-right:0}.button-period:hover{background:#fff;color:#1f1f1f}.button-period.active{background:#fff;color:#1f1f1f;font-weight:600}.select-box{display:flex;gap:12px;align-items:center;margin-left:8px;white-space:nowrap}.select-one{display:flex;align-items:center;gap:8px}.select-one label{font-size:13px;color:#6b6b6b;text-align:left;margin-bottom:0}.select-one .form_select{height:34px;padding:6px 10px;font-size:13px;border:1px solid #e5e5e6;background:#fff;border-radius:6px;outline:0;transition:border-color .12s ease,box-shadow .12s ease;max-width:84px !important;width:100%}.select-one .form_select:focus{border-color:#cfcfd0;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.dasboard-box{background:#c1c1c11a;padding:6px;border-radius:16px}.dashboard-title{font-size:19pt;margin:6px 0 12px 16px;font-weight:bold}.widget-one{width:auto;max-width:100%;width:100%;display:flex;border:solid 1px var(--clr-border);border-radius:16px;flex-direction:column;padding:15px 25px;margin:10px 10px;position:relative;background:#fff;min-height:100px;scrollbar-width:none}.widget-wrap{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:10pt;margin-top:10px}.widget-menu-wrap{display:flex;flex-direction:row}.widget-menu-grafik,.widget-menu{display:flex;flex-direction:column;align-items:end;cursor:pointer;position:relative;margin-left:0}.widget-menuv-one-hr{border-top:solid 1px #efeeee}.widget-menu-list{width:230px !important}.widget-menu-list,.listWidgets,.dashboard-menu-list{padding:5px 0;border:solid 0 silver;border-radius:6px;list-style-type:none;box-shadow:var(--shadow-pop);display:none;position:absolute;right:6px;top:20px;width:max-content;z-index:300;background:#fff}.widget-menu-list .widget-menuv-one-wrap,.widget-menu-list .widget-menuv-command-wrap{padding:8px 20px;display:flex;justify-content:space-between}.widget-menu-list .widget-menuv-one-wrap:hover,.widget-menu-list .widget-menuv-command-wrap:hover{background-color:#ebe9e9;color:#444}.widget-menu-one{padding:0 10px}.widget-menu-one:hover{i{color:#444}}.widget-name{font-size:12pt;color:var(--clr-title);display:flex;align-items:center}.widget-one-indicator{display:flex;align-items:normal;margin:10px 0;flex-direction:column}.widget-one-value-wrap{display:flex;align-items:baseline}.widget-value{font-size:16pt}.widget-one-value{margin-right:20px}.widget-drop{position:absolute;top:5px;left:50%;cursor:move;display:none;opacity:.8;flex-direction:column}.widget-drop .fa{padding:0 0 !important;height:9px}.widget-one-grafic{width:100%;display:flex;justify-content:center}.chart-canvas-1{width:100% !important}.chart-canvas-3{width:300px !important;height:300px !important}.listWidgets{top:42px;right:0;max-height:353px;overflow-y:auto}.add-dashboard-head,.list-widgets-one{display:flex;padding:7px 32px 7px 12px;cursor:pointer;flex-direction:column}.add-dashboard-head:hover,.list-widgets-one:hover{background:#e4e3e3}.list-widgets-btn{margin:14px 10px}.list-widgets-title{margin:7px 10px;border-bottom:1px #e2e2e2 solid;color:silver}.list-widgets-comment{color:silver;font-size:8pt}.widget-value-mid{font-size:9pt;color:silver;text-align:center}.widget-menuv-icon i{color:#444}.widget-one-table{max-height:300px;overflow:auto;width:100%;margin-left:10px;display:none}.widget-one-table{.data-table{width:100%;border:solid 0 silver !important;max-width:50%}.data-table td{padding:3px 10px;border:solid 1px #e2e2e2}.data-table tr:not(:first-child):hover{background:#e2e2e2}}.widget-template{display:none}.widget-data{max-height:360px;overflow:auto;height:100%;scrollbar-width:thin !important;scrollbar-color:#cbe6e7 #ebf7f8;scrollbar-width:auto}.widget-data-empty{width:100% !important;height:100%;display:flex;align-items:center;justify-content:center;font-size:9pt;color:#8f8e8e;padding:25px}.widget-zone{display:flex;position:relative}.dasboard-box .widget-one-placeholder{width:15px !important;border-radius:10px}.dashboardFrame{width:100%;height:100%;border:solid 0 silver;height:1200px;margin-top:-8px}.dashboardFrame{-ms-overflow-style:none;scrollbar-width:none;scrollbar-width:thin;scrollbar-color:#449da3 #ebf7f8}.dashboardFrame::-webkit-scrollbar{display:block}.widget-value{display:flex;align-items:baseline;font-weight:bold}.widget-value span{font-size:9pt;margin-left:12px;display:flex;align-items:baseline}.widget-value span i{margin-right:5px}.widget-percent-green,.widget-value span .fa-caret-up{color:#02ca02 !important}.widget-percent-red,.widget-value span .fa-caret-down{color:red !important}.dashboard-title-wrap{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:10pt}.dashboard-menu-wrap{display:flex;flex-direction:column;align-items:end;cursor:pointer;position:relative;margin-left:0;padding:0 5px}.dashboard-menu-wrap:hover{i{color:#444}}.dashboard-menu-one-title{padding:5px 10px;color:silver}.dashboard-menu-li{padding:5px 10px}.dashboard-menu-li:hover{background-color:#ebe9e9;color:#444}.dashboard-menu-list{display:none;max-width:300px !important}.dashboard-menu-one-refresh{border-top:1px solid var(--clr-border);margin-top:5px}.dashboard-menu-one-refresh span,.dashboard-menu-one-delete span{color:silver;font-size:8pt;width:100px;line-height:1pt !important}.widget-title-itogo{margin-left:10px;font-size:14pt;font-weight:bold;color:#2d2d2d}canvas+* .chartjs-legend li span{text-decoration:none !important}.legend li.hidden{opacity:.5 !important;color:#999 !important}.widget-zone-btn-template{display:none !important}.widget-zone-btn{display:none;flex-direction:column;position:absolute;top:12px;right:-8px}.widget-zone-btn div{padding:3px;width:23px;border-radius:8px;background:#fff;border:1px solid #e8e7e7;display:flex;justify-content:center;margin-bottom:3px;cursor:pointer}.widget-zone-btn div:hover{background:#e6e5e5}.widget-zone-btn .fa{margin:0;color:#949494}.head-dashboard{background:0;border:0;min-height:auto;margin:0;padding:4px 20px}.head-dashboard:hover{border:solid 0 var(--clr-border);.widget-name-edit{display:block}}.head-dashboard .widget-name-text{font-size:24px;font-weight:500}.widget-name-edit{font-size:20px;display:none;margin-left:20px;cursor:pointer}.widget-name-head{padding:8px;border:1px solid #ccc;border-radius:4px;background:0;margin-bottom:5px;min-width:250px;width:100%}.widget-head-edit-template{display:none}.widget-color-green{background:#76b7b286}.widget-color-blue{background:#4e79a7ba}.widget-color-orange{background:#f28f2bbd}.widget-color-yellow{background:#ffc8008c}.widget-color-red{background:#f78585b8}.widget-color-use{padding:6px 25px}.widget-color-use .widget-value{background:0;font-size:25pt;color:#fff}.widget-effect-wrap{display:flex;flex-direction:row}.widget-effect-box{display:flex;flex-direction:column;margin-left:20px;width:100%;margin-top:22px}.widget-effect-btn{cursor:pointer;color:#449da3}.widget-effect-text{display:flex;padding:5px 0;flex-direction:column;display:none}.widget-effect-text span{display:flex;align-items:baseline;justify-content:space-between}.widget-effect-text .fa{margin-left:5px}.widget-effect-text .fa-check{color:green !important}.widget-effect-text .fa-times{color:red !important}.error{padding:5px;color:#fff;background:red}