595 lines
19 KiB
CSS
595 lines
19 KiB
CSS
@charset "utf-8";
|
|
|
|
.webbpm.ervu_business_metrics .alarm {
|
|
color: var(--alarm);
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics label {
|
|
width: auto;
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics .pull-center,
|
|
.webbpm.ervu_business_metrics .pull-center > div {
|
|
justify-content: center;
|
|
}
|
|
.webbpm.ervu_business_metrics .pull-center .btn {
|
|
margin-bottom: var(--indent-base);
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics .btn {
|
|
color: var(--color-text-primary) !important;
|
|
font-family: 'GolosM';
|
|
padding: 12px 16px;
|
|
border: 0;
|
|
border-radius: 12px;
|
|
background: var(--block-bg) !important;
|
|
box-shadow: var( --block-shadow);
|
|
}
|
|
.webbpm.ervu_business_metrics .active > div > .btn {
|
|
color: var(--white) !important;
|
|
background: var(--block-active-bg) !important
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics .selectize-dropdown,
|
|
.webbpm.ervu_business_metrics .selectize-input,
|
|
.webbpm.ervu_business_metrics .selectize-input input {
|
|
font-size: var(--size-text-secondary);
|
|
}
|
|
.webbpm.ervu_business_metrics .selectize-control {
|
|
display: flex;
|
|
//height: auto;
|
|
height: 30px;
|
|
background-color: transparent;
|
|
}
|
|
.webbpm.ervu_business_metrics .selectize-control .selectize-input {
|
|
min-height: auto;
|
|
border: 0;
|
|
border-bottom: 1px solid var(--input-border);
|
|
border-radius: var(--indent-xmini) var(--indent-xmini) 0 0;
|
|
background-color: var(--input-bg);
|
|
}
|
|
.webbpm.ervu_business_metrics .selectize-control .selectize-input:after {
|
|
content: "\f282";
|
|
color: var(--color-text-primary);
|
|
font-family: bootstrap-icons !important;
|
|
font-weight: 800 !important;
|
|
font-size: var(--size-text-mini);
|
|
top: calc((50% - var(--size-text-secondary) / 2));
|
|
right: var(--indent-small);
|
|
height: auto;
|
|
width: auto;
|
|
border: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .selectize-control .selectize-input > input {
|
|
color: var(--color-text-primary);
|
|
font-family: 'GolosUI';
|
|
}
|
|
.webbpm.ervu_business_metrics .selectize-dropdown {
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.webbpm.ervu_business_metrics .selectize-dropdown-content {
|
|
border: 0;
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics .nav-tabs {
|
|
justify-content: center;
|
|
border: 1px solid var(--border);
|
|
border-bottom: 0;
|
|
border-radius: var(--indent-small) var(--indent-small) 0 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .nav-tabs ~ .tab-active > .active {
|
|
padding: var(--indent-base) var(--indent-medium);
|
|
border: 1px solid var(--border);
|
|
border-radius: 0 0 var(--indent-small) var(--indent-small);
|
|
background-color: var(--white);
|
|
box-shadow: var(--shadow);
|
|
}
|
|
.webbpm.ervu_business_metrics .nav-tabs .nav-item.active {
|
|
position: relative;
|
|
}
|
|
.webbpm.ervu_business_metrics .nav-tabs .nav-item.active::before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 100%;
|
|
height: 2px;
|
|
bottom: 1px;
|
|
border-radius: 2px 2px 0 0;
|
|
background-color: #1487cf;
|
|
box-shadow: 0 -1px 2px 0px rgba(20, 135, 207, 0.3);
|
|
}
|
|
.webbpm.ervu_business_metrics .nav-tabs .nav-item + .nav-item {
|
|
margin-left: 16px;
|
|
}
|
|
.webbpm.ervu_business_metrics .nav-tabs .nav-link {
|
|
color: var(--color-text-mute);
|
|
font-family: 'GolosM';
|
|
font-size: var(--size-text-secondary);
|
|
text-transform: uppercase;
|
|
padding: 12px 0;
|
|
border: 0;
|
|
background-color: transparent !important;
|
|
}
|
|
.webbpm.ervu_business_metrics .nav-tabs .active > .nav-link {
|
|
color: var(--color-link);
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics .block-panel > .horizontal-container{
|
|
flex-wrap: wrap;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn {
|
|
position: relative;
|
|
display: flex;
|
|
width: 16.66%;
|
|
min-height: 112px;
|
|
padding-right: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn::before {
|
|
content: "";
|
|
position: absolute;
|
|
right: var(--indent-mini);
|
|
top: var(--indent-mini);
|
|
width: 64px;
|
|
height: 64px;
|
|
opacity: 0.3;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active::before {
|
|
opacity: 0.5;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(1)::before {
|
|
background-image: url(../img/svg/panel/panel-01.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(2)::before {
|
|
background-image: url(../img/svg/panel/panel-02.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(3)::before {
|
|
background-image: url(../img/svg/panel/panel-03.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(4)::before {
|
|
background-image: url(../img/svg/panel/panel-04.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(5)::before {
|
|
background-image: url(../img/svg/panel/panel-05.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(6)::before {
|
|
background-image: url(../img/svg/panel/panel-06.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(7)::before {
|
|
background-image: url(../img/svg/panel/panel-07.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(8)::before {
|
|
background-image: url(../img/svg/panel/panel-08.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(9)::before {
|
|
background-image: url(../img/svg/panel/panel-10.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(10)::before {
|
|
background-image: url(../img/svg/panel/panel-11.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(11)::before {
|
|
background-image: url(../img/svg/panel/panel-12.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(12)::before {
|
|
background-image: url(../img/svg/panel/panel-09.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(1)::before {
|
|
background-image: url(../img/svg/panel/panel-wt-01.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(2)::before {
|
|
background-image: url(../img/svg/panel/panel-wt-02.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(3)::before {
|
|
background-image: url(../img/svg/panel/panel-wt-03.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(4)::before {
|
|
background-image: url(../img/svg/panel/panel-wt-04.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(5)::before {
|
|
background-image: url(../img/svg/panel/panel-wt-05.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(6)::before {
|
|
background-image: url(../img/svg/panel/panel-wt-06.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(7)::before {
|
|
background-image: url(../img/svg/panel/panel-wt-07.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(8)::before {
|
|
background-image: url(../img/svg/panel/panel-wt-08.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(9)::before {
|
|
background-image: url(../img/svg/panel/panel-wt-10.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(10)::before {
|
|
background-image: url(../img/svg/panel/panel-wt-11.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(11)::before {
|
|
background-image: url(../img/svg/panel/panel-wt-12.svg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(12)::before {
|
|
background-image: url(../img/svg/panel/panel-wt-09.svg);
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn + .panel-btn {
|
|
padding-left: var(--indent-mini);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(6n+7) {
|
|
padding-left: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+7) {
|
|
margin-top: var(--indent-mini);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn > div {
|
|
flex: 1;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn .btn {
|
|
display: flex;
|
|
align-items: end;
|
|
font-family: 'GolosM';
|
|
font-size: var(--size-text-secondary);
|
|
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_business_metrics .block-panel .panel-btn.active .btn {
|
|
color: var(--white);
|
|
background: var(--block-active-bg);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel + .block-panel,
|
|
.webbpm.ervu_business_metrics .group-section + .group-section {
|
|
margin-top: var(--indent-mini);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn-fixed-right .btn {
|
|
padding-right: 64px;
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics .block-section,
|
|
.webbpm.ervu_business_metrics .group-section > .horizontal-container > hbox {
|
|
padding-right: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-section:first-child:last-child :is(.graph-donut, .graph-donut-large) {
|
|
justify-content: right;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-section + .block-section {
|
|
padding-left: var(--indent-mini);
|
|
}
|
|
.webbpm.ervu_business_metrics .horizontal-container > .block-section ~ hbox,
|
|
.webbpm.ervu_business_metrics .horizontal-container > .block-section ~ vbox,
|
|
.webbpm.ervu_business_metrics .group-section > .horizontal-container > hbox + .block-section {
|
|
flex: 1;
|
|
padding-left: var(--indent-mini);
|
|
}
|
|
.webbpm.ervu_business_metrics .vertical-container > .block-section + .block-section {
|
|
flex: 1;
|
|
padding-left: 0;
|
|
padding-top: var(--indent-mini);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-section > div {
|
|
flex: 1;
|
|
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_business_metrics .block-section vbox > div {
|
|
height: 100%;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-section > div > hbox:first-child,
|
|
.webbpm.ervu_business_metrics .block-section .block-colored {
|
|
flex: 1;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-section.block-section-colored > div {
|
|
padding: 0;
|
|
border: 0;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-section.block-section-colored .block-colored > div {
|
|
box-shadow: var(--shadow);
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics .block-colored > div {
|
|
height: 100%;
|
|
padding: var(--indent-base) var(--indent-xbase);
|
|
border-radius: var(--indent-small);
|
|
}
|
|
.webbpm.ervu_business_metrics vbox > div > .block-colored + .block-colored {
|
|
padding-top: var(--indent-mini);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-colored .title {
|
|
margin-top: 0;
|
|
margin-bottom: var(--indent-mini);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-colored .num-title {
|
|
font-size: var( --size-num-title);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-colored .form-group {
|
|
margin-bottom: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-colored text:is(.title, .num-title) + text:not(.title, .num-title) {
|
|
margin-top: auto;
|
|
}
|
|
.webbpm.ervu_business_metrics .colored-red > div {
|
|
background-color: var(--bg-red);
|
|
}
|
|
.webbpm.ervu_business_metrics .colored-blue > div {
|
|
background-color: var(--bg-blue);
|
|
}
|
|
.webbpm.ervu_business_metrics .colored-yellow > div {
|
|
background-color: var(--bg-yellow);
|
|
}
|
|
.webbpm.ervu_business_metrics .colored-green > div {
|
|
background-color: var(--bg-green);
|
|
}
|
|
.webbpm.ervu_business_metrics .colored-green-lt > div {
|
|
background-color: var(--bg-green-lt);
|
|
}
|
|
.webbpm.ervu_business_metrics .colored-orange > div {
|
|
background-color: var(--bg-orange);
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics .section-header {
|
|
font-family: 'GolosM';
|
|
font-size: var(--size-text-subtitle);
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics :is(.title, .subtitle, .num-title) {
|
|
font-family: 'GolosM';
|
|
font-size: var(--size-text-title);
|
|
padding: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics :is(.title, .subtitle) .form-group {
|
|
margin-bottom: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .title {
|
|
font-size: var(--size-text-title);
|
|
margin-top: var(--indent-xlarge);
|
|
margin-bottom: var(--indent-base);
|
|
}
|
|
.webbpm.ervu_business_metrics .subtitle {
|
|
font-size: var(--size-text-subtitle);
|
|
margin-bottom: var(--indent-base) !important;
|
|
}
|
|
.webbpm.ervu_business_metrics .subhead {
|
|
font-family: 'GolosUIM';
|
|
font-size: var(--size-text-subhead);
|
|
margin-bottom: var(--indent-base) !important;
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics .mute {
|
|
color: var(--color-text-mute);
|
|
font-family: 'Golos';
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics .text-invert.mute > div > div:last-of-type {
|
|
line-height: inherit !important;
|
|
font-size: inherit !important;
|
|
}
|
|
.webbpm.ervu_business_metrics .text-invert > div {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.webbpm.ervu_business_metrics .text-invert > div label {
|
|
width: auto;
|
|
padding-left: 2px;
|
|
margin-right: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .text-invert > div > div:last-of-type {
|
|
font-family: 'GolosM';
|
|
overflow: visible;
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics :is(.graph-donut, .graph-donut-large) {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-chart .chart-content {
|
|
width: min(10vw, 12.5rem);
|
|
height: min(7vw, 9rem);
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-row .chart-content {
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-donut .chart-content {
|
|
width: min(11vw, 13.75rem) !important; /*220px*/
|
|
height: min(11vw, 13.75rem) !important; /*220px*/
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics [class*="graph-legend"] * {
|
|
margin-bottom: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics [class*="graph-legend"] [class*="legend-col"] {
|
|
position: relative;
|
|
padding-left: var(--indent-xbase);
|
|
}
|
|
.webbpm.ervu_business_metrics [class*="graph-legend"] [class*="legend-col"]::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
top: calc((var(--size-text-primary)*1.5 - 12px) / 2);
|
|
left: 0;
|
|
border-radius: var(--indent-small);
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-row-left {
|
|
width: 35%;
|
|
padding-right: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-row-left ervu-chart-v2 {
|
|
margin-top: -30px;
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-legend-right {
|
|
align-items: center;
|
|
width: calc(100% - min(11vw, 13.75rem) - var(--indent-medium));
|
|
margin-left: var(--indent-base);
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-row-left + .graph-legend-right {
|
|
align-items: flex-start;
|
|
width: calc(100% - 35% - var(--indent-medium));
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-legend-right text + text {
|
|
margin-top: var(--indent-small);
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-legend-right .horizontal-container > text + text {
|
|
margin-top: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-legend-right .vertical-container > text {
|
|
line-height: 1.5;
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-legend-right .text-wrap {
|
|
flex: 1;
|
|
width: 30%;
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-legend-right .text-wrap text {
|
|
position: relative;
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-legend-right .text-wrap text > .form-group > div:last-of-type {
|
|
display: inline-block;
|
|
width: auto;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.webbpm.ervu_business_metrics .graph-text-hidden {
|
|
height: calc(var(--size-text-primary)*1.5);
|
|
}
|
|
.webbpm.ervu_business_metrics [class*="graph-legend"] .legend-col-green::before {
|
|
background-color: #a3bd9c;
|
|
}
|
|
.webbpm.ervu_business_metrics [class*="graph-legend"] .legend-col-red::before {
|
|
background-color: #e4aaac;
|
|
}
|
|
.webbpm.ervu_business_metrics [class*="graph-legend"] .legend-col-yellow::before {
|
|
background-color: #d4c892;
|
|
}
|
|
.webbpm.ervu_business_metrics [class*="graph-legend"] .legend-col-blue::before {
|
|
background-color: #a0c3f0;
|
|
}
|
|
.webbpm.ervu_business_metrics [class*="graph-legend"] .legend-col-lila::before {
|
|
background-color: #9193b7;
|
|
}
|
|
.webbpm.ervu_business_metrics [class*="graph-legend"] .legend-col-orange::before {
|
|
background-color: var(--bg-orange);
|
|
}
|
|
.webbpm.ervu_business_metrics [class*="graph-legend"] .legend-col-dk-blue::before {
|
|
background-color: #729ac9;
|
|
}
|
|
.webbpm.ervu_business_metrics [class*="graph-legend"] .legend-col-dk-green::before {
|
|
background-color: var(--bg-green);
|
|
}
|
|
.webbpm.ervu_business_metrics [class*="graph-legend"] .legend-col-purple::before {
|
|
background-color: #ab8a99;
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics grid-v2 {
|
|
flex: 1;
|
|
height: auto;
|
|
}
|
|
.webbpm.ervu_business_metrics .grid {
|
|
min-height: 100px;
|
|
}
|
|
|
|
.webbpm.ervu_business_metrics :is(.ag-overlay-loading-center, .tooltip-default, .tooltip.show) {
|
|
opacity: 1;
|
|
}
|
|
.webbpm.ervu_business_metrics :is(.ag-overlay-loading-center, .tooltip-default, .tooltip.show .tooltip-inner) {
|
|
color: var(--color-text-primary);
|
|
font-size: var(--size-text-secondary);
|
|
line-height: normal;
|
|
max-width: 400px;
|
|
padding: var(--indent-small) var(--indent-base);
|
|
border: 1px solid var(--border);
|
|
border-radius: var(--indent-mini);
|
|
background-color: var(--white);
|
|
box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.04);
|
|
}
|
|
.webbpm.ervu_business_metrics .tooltip .arrow {
|
|
display: none;
|
|
}
|
|
|
|
/* temp list */
|
|
.webbpm.ervu_business_metrics dropdown-tree-view .btn {
|
|
font-family: 'Golos';
|
|
height: 30px;
|
|
line-height: normal;
|
|
padding: 6px 32px 6px 8px;
|
|
margin: 0;
|
|
border: 0;
|
|
border-bottom: 1px solid var(--input-border) !important;
|
|
border-radius: var(--indent-xmini) var(--indent-xmini) 0 0;
|
|
background-color: var(--input-bg) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.webbpm.ervu_business_metrics dropdown-tree-view .btn:after {
|
|
content: "\f282";
|
|
color: var(--color-text-primary);
|
|
font-family: bootstrap-icons !important;
|
|
font-weight: 800 !important;
|
|
font-size: var(--size-text-mini);
|
|
top: 0;
|
|
right: var(--indent-small);
|
|
height: auto;
|
|
width: auto;
|
|
border: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics dropdown-tree-view .dropdown-menu .treeview-container {
|
|
margin-bottom: var(--indent-base);
|
|
overflow-y: auto;
|
|
}
|
|
|
|
@media ((max-width: 1600px) or (orientation: portrait)) {
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn {
|
|
width: 20%;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(6n+7) {
|
|
padding-left: var(--indent-mini);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(5n+6) {
|
|
padding-left: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+7) {
|
|
margin-top: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+6) {
|
|
margin-top: var(--indent-mini);
|
|
}
|
|
}
|
|
@media (max-width: 1400px) {
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn {
|
|
width: 25%;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(5n+6) {
|
|
padding-left: var(--indent-mini);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(4n+5) {
|
|
padding-left: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+6) {
|
|
margin-top: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+5) {
|
|
margin-top: var(--indent-mini);
|
|
}
|
|
}
|
|
@media (max-width: 1200px) {
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn {
|
|
width: 33.33%;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(4n+5) {
|
|
padding-left: var(--indent-mini);
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(3n+4) {
|
|
padding-left: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+5) {
|
|
margin-top: 0;
|
|
}
|
|
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+4) {
|
|
margin-top: var(--indent-mini);
|
|
}
|
|
}
|