@charset "utf-8";

.webbpm.ervu_dashboard label {
    width: auto;
}

.webbpm.ervu_dashboard .selectize-control {
    font-size: inherit;
    background-color: transparent;
}
.webbpm.ervu_dashboard .selectize-control .selectize-input {
    border: 0;
    border-bottom: 2px solid var(--input-border);
    border-radius: var(--indent-xmini) var(--indent-xmini) 0 0;
    background-color: var(--input-bg);
}
.webbpm.ervu_dashboard .selectize-control .selectize-input > input {
    color: var(--color-text-primary);
}

.webbpm.ervu_dashboard .block-panel button-component {
    position: relative;
    display: flex;
    width: 16.7%;
    min-height: 112px;
    padding-right: 0;
}
.webbpm.ervu_dashboard .block-panel button-component::before {
    content: "";
    position: absolute;
    right: var(--indent-mini);
    top: var(--indent-mini);
    width: 64px;
    height: 64px;
    opacity: 0.3;
}
.webbpm.ervu_dashboard .block-panel button-component.active::before {
    opacity: 0.5;
}
.webbpm.ervu_dashboard .block-panel button-component:nth-child(1)::before {
    background-image: url(../img/svg/panel/panel-01.svg);
}
.webbpm.ervu_dashboard .block-panel button-component:nth-child(2)::before {
    background-image: url(../img/svg/panel/panel-02.svg);
}
.webbpm.ervu_dashboard .block-panel button-component:nth-child(3)::before {
    background-image: url(../img/svg/panel/panel-03.svg);
}
.webbpm.ervu_dashboard .block-panel button-component:nth-child(4)::before {
    background-image: url(../img/svg/panel/panel-04.svg);
}
.webbpm.ervu_dashboard .block-panel button-component:nth-child(5)::before {
    background-image: url(../img/svg/panel/panel-05.svg);
}
.webbpm.ervu_dashboard .block-panel button-component:nth-child(6)::before {
    background-image: url(../img/svg/panel/panel-06.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component:nth-child(1)::before {
    background-image: url(../img/svg/panel/panel-07.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component:nth-child(2)::before {
    background-image: url(../img/svg/panel/panel-08.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component:nth-child(3)::before {
    background-image: url(../img/svg/panel/panel-09.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component:nth-child(4)::before {
    background-image: url(../img/svg/panel/panel-10.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component:nth-child(5)::before {
    background-image: url(../img/svg/panel/panel-11.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component:nth-child(6)::before {
    background-image: url(../img/svg/panel/panel-12.svg);
}
.webbpm.ervu_dashboard .block-panel button-component.active:nth-child(1)::before {
    background-image: url(../img/svg/panel/panel-wt-01.svg);
}
.webbpm.ervu_dashboard .block-panel button-component.active:nth-child(2)::before {
    background-image: url(../img/svg/panel/panel-wt-02.svg);
}
.webbpm.ervu_dashboard .block-panel button-component.active:nth-child(3)::before {
    background-image: url(../img/svg/panel/panel-wt-03.svg);
}
.webbpm.ervu_dashboard .block-panel button-component.active:nth-child(4)::before {
    background-image: url(../img/svg/panel/panel-wt-04.svg);
}
.webbpm.ervu_dashboard .block-panel button-component.active:nth-child(5)::before {
    background-image: url(../img/svg/panel/panel-wt-05.svg);
}
.webbpm.ervu_dashboard .block-panel button-component.active:nth-child(6)::before {
    background-image: url(../img/svg/panel/panel-wt-06.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component.active:nth-child(1)::before {
    background-image: url(../img/svg/panel/panel-wt-07.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component.active:nth-child(2)::before {
    background-image: url(../img/svg/panel/panel-wt-08.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component.active:nth-child(3)::before {
    background-image: url(../img/svg/panel/panel-wt-09.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component.active:nth-child(4)::before {
    background-image: url(../img/svg/panel/panel-wt-10.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component.active:nth-child(5)::before {
    background-image: url(../img/svg/panel/panel-wt-11.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component.active:nth-child(6)::before {
    background-image: url(../img/svg/panel/panel-wt-12.svg);
}

.webbpm.ervu_dashboard .block-panel button-component + button-component {
    padding-left: var(--indent-mini);
}
.webbpm.ervu_dashboard .block-panel button-component:last-child {
    width: 16.5%;
}
.webbpm.ervu_dashboard .block-panel button-component > div {
    flex: 1;
}
.webbpm.ervu_dashboard .block-panel button-component .btn {
    display: flex;
    align-items: end;
    font-family: 'GolosM';
    font-size: var(--size-text-primary);
    color: var(--color-text-primary);
    text-align: left;
    width: 100%;
    height: 100%;
    padding: var(--indent-base);
    margin-bottom: 0;
    border: 0;
    border-radius: var(--indent-small);
    background-color: var(--block-bg);
    box-shadow: var(--block-shadow);
}
.webbpm.ervu_dashboard .block-panel button-component.active .btn {
    color: var(--white);
    background: var(--block-active-bg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel,
.webbpm.ervu_dashboard .group-section + .group-section {
    margin-top: var(--indent-mini);
}

.webbpm.ervu_dashboard .block-section {
    flex: 1;
    padding-right: 0;
}
.webbpm.ervu_dashboard .block-section + .block-section {
    padding-left: var(--indent-mini);
}
.webbpm.ervu_dashboard .block-section > div {
    padding: var(--indent-xbase) var(--indent-medium) var(--indent-medium) var(--indent-medium);
    border: 1px solid var(--border);
    border-radius: var(--indent-small);
    background-color: var(--white);
    box-shadow: var(--shadow);
}

.webbpm.ervu_dashboard .section-header {
    font-family: 'GolosM';
    font-size: var(--size-text-subtitle);
}

.webbpm.ervu_dashboard :is(.title, .subtitle) {
    font-family: 'GolosM';
    font-size: var(--size-text-title);
    padding: 0;
}
.webbpm.ervu_dashboard :is(.title, .subtitle) .form-group {
    margin-bottom: 0;
}
.webbpm.ervu_dashboard .title {
    font-size: var(--size-text-title);
    margin-top: var(--indent-xlarge);
    margin-bottom: var(--indent-base);
}
.webbpm.ervu_dashboard .subtitle {
    font-size: var(--size-text-subtitle);
    margin-bottom: var(--indent-base);
}

.webbpm.ervu_dashboard .mute {
    color: var(--color-text-mute);
    font-family: 'Golos';
}

.webbpm.ervu_dashboard .text-invert.mute > div > div:last-of-type {
    line-height: inherit !important;
    font-size: inherit !important;
}
.webbpm.ervu_dashboard .text-invert > div {
    flex-direction: row-reverse;
}
.webbpm.ervu_dashboard .text-invert > div label {
    width: auto;
    padding-left: 2px;
    margin-right: 0;
}
.webbpm.ervu_dashboard .text-invert > div > div:last-of-type {
    font-family: 'GolosM';
    overflow: visible;
}

.webbpm.ervu_dashboard .graph-chart .chart-content {
    width: min(10vw, 12.5rem);
    height: min(7vw, 9rem);
}
.webbpm.ervu_dashboard :is(.graph-donut, .graph-donut-large) {
    display: flex;
    justify-content: center;
}
.webbpm.ervu_dashboard .graph-donut .chart-content {
    width: min(8vw, 11rem);
    height: min(8vw, 11rem);
}
.webbpm.ervu_dashboard .graph-donut-medium .chart-content {
    width: min(10vw, 13.5rem);
    height: min(10vw, 13.5rem);
}
.webbpm.ervu_dashboard .graph-donut-large .chart-content {
    width: min(14vw, 18.5rem);
    height: min(14vw, 18.5rem);
}
.webbpm.ervu_dashboard .graph-legend .horizontal-container {
    align-items: center;
}
.webbpm.ervu_dashboard .graph-legend .horizontal-container > text {
    flex: 1;
}
.webbpm.ervu_dashboard .graph-legend .horizontal-container > text.text-invert:not(.mute) > div > div:last-of-type {
    font-size: var(--size-num-primary);
}  
.webbpm.ervu_dashboard .graph-legend .mute {
    margin-top: var(--indent-small);
}     
.webbpm.ervu_dashboard .graph-legend .lined {
    padding-top: var(--indent-small);
    margin-top: var(--indent-small);
}
.webbpm.ervu_dashboard .graph-legend-column > .vertical-container > * + * {
    padding-top: var(--indent-small);
    margin-top: var(--indent-small);           
}
.webbpm.ervu_dashboard .graph-legend-column > .vertical-container > hbox [class*="legend-col"] {
    margin-top: var(--indent-xmini);
}
.webbpm.ervu_dashboard .graph-legend-column > .vertical-container .text-invert:not(.mute) {
    font-size: var(--size-num-primary);
    margin-top: var(--indent-xmini);
}
.webbpm.ervu_dashboard .graph-legend-column > .vertical-container .text-invert:not(.mute) label {
    font-size: var(--size-text-primary);
    color: var(--color-text-secondary);
}
.webbpm.ervu_dashboard .graph-legend-column > .vertical-container .text-invert > div {
    justify-content: flex-end;
}
.webbpm.ervu_dashboard .graph-legend-row  > .horizontal-container > vbox {
    padding-right: 0;
}
.webbpm.ervu_dashboard .graph-legend-row  > .horizontal-container > vbox + vbox {
    padding-left: var(--indent-base);
    margin-left: var(--indent-base);
}
.webbpm.ervu_dashboard .graph-legend-row  > .horizontal-container > vbox > .vertical-container {
    height: 100%;
}
.webbpm.ervu_dashboard .graph-legend-row  > .horizontal-container > vbox > .vertical-container [class*="legend-col"] {
    padding-bottom: var(--indent-base);
    margin-bottom: auto;
}
.webbpm.ervu_dashboard .graph-legend-row  > .horizontal-container > vbox > .vertical-container .text-invert:not(.mute) {
    font-size: var(--size-num-primary);
}
.webbpm.ervu_dashboard .graph-legend-row  > .horizontal-container > vbox > .vertical-container .text-invert:not(.mute) label {
    font-size: var(--size-text-primary);
    color: var(--color-text-secondary);
}
.webbpm.ervu_dashboard .graph-legend-right {
    color: var(--color-text-secondary);
}
.webbpm.ervu_dashboard .graph-legend-right .text-invert > div {
    justify-content: flex-end;        
}
.webbpm.ervu_dashboard .graph-legend-right .text-invert > div > div:last-of-type {
    color: var(--color-text-primary);
    font-size: var(--size-num-primary);
}
.webbpm.ervu_dashboard [class*="graph-legend"] ervu-chart-v2 ~ hbox, 
.webbpm.ervu_dashboard [class*="graph-legend"] > div > hbox {
    margin-top: var(--indent-mini);
}
.webbpm.ervu_dashboard [class*="graph-legend"] .form-group {
    align-items: baseline;
    line-height: normal;
    margin-bottom: 0;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .mute {
    white-space: nowrap;
}    
.webbpm.ervu_dashboard [class*="graph-legend"] [class*="legend-col"] {
    position: relative;
    padding-left: var(--indent-large);
}
.webbpm.ervu_dashboard [class*="graph-legend"] [class*="legend-col"]::before {
    content: "";
    position: absolute;
    width: var(--indent-base);
    height: var(--indent-base);
    top: var(--indent-xmini);
    left: 0;
    border-radius: var(--indent-base);
}    
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-green::before {
    background-color: var(--color-success);
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-red::before {
    background-color: var(--color-error);
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-yellow::before {
    background-color: #ffc737;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-blue-lt::before {
    background-color: #00f0ff;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-blue::before {
    background-color: #17a8fa;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-lila::before {
    background-color: #e24fd4;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-coral::before {
    background-color: #ff4f5e;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-orange::before {
    background-color: #d98200;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-orange-dk::before {
    background-color: #db5c00;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-olive::before {
    background-color: #808000;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-dark-blue::before {
    background-color: #4d66cc;
}

.webbpm.ervu_dashboard grid-v2 {
    flex: 1;
    height: auto;
}
.webbpm.ervu_dashboard .grid {
    min-height: 100px;
}

.webbpm.ervu_dashboard :is(.ag-overlay-loading-center, .tooltip-default, .tooltip.show .tooltip-inner) {
    color: var(--color-text-primary);
    font-size: var(--size-text-secondary);
    padding: var(--indent-small) var(--indent-base);
    border: 0;
    border-radius:var(--indent-xbase);
    background-color: var(--color-tooltip);
}
.webbpm.ervu_dashboard .tooltip .arrow {
    display: none;
}
