@charset "utf-8";

.webbpm .horizontal-container > * {
    padding-right: var(--indent-mini);
}

.webbpm.ervu_dashboard .bread-crumb {
    .form-group {
        margin-bottom: 0;
    }
    label {
        margin-right: 0;
    }
    .btn {
        font-size: var(--size-text-primary);
        padding: 0;
        margin: 0;
        border: 0;
        background-color: transparent;
        box-shadow: none !important;
    }
}

.webbpm.ervu_dashboard .top-btn-block {
    margin: var(--indent-small) 0 var(--indent-mini) 0;

    .form-group {
        margin-bottom: 0;
    }
    .component-float {
        display: block;
    }
    :is(button-component, static-route-navigation-button) {
        padding-right: 0;
        border-radius: 20px;

        & + :is(button-component, static-route-navigation-button) {
            margin-left: var(--indent-base);
        }
        .btn {
            position: relative;
            font-size: var(--size-text-primary);
            line-height: 1.3;
            padding: var(--indent-mini) var(--indent-xlarge) var(--indent-mini) var(--indent-xbase);
            margin-bottom: 0;
            border-radius: 100px;
            border: 0;
            background-color: var(--color-dark-20);

            &::after {
                position: absolute;
                content: "\f285";
                position: absolute;
                font-family: bootstrap-icons !important;
                font-weight: 800 !important;
                font-size: var(--size-text-secondary);
                top: 50%;
                transform: translateY(-50%);
                margin-left: var(--indent-small);
            }
        }        
    }
    .selectize-control {
        font-size: inherit;
        background-color: transparent;

        .selectize-input {
            display: flex;
            min-height: max-content;
            padding: var(--indent-mini) var(--indent-xlarge) var(--indent-mini) var(--indent-xbase);
            border-radius: 100px;
            border: 0;
            background: var(--color-dark-20);

            &::after {
                position: absolute;
                content: "\f282";
                color: var(--color-text-primary);
                font-family: bootstrap-icons !important;
                font-weight: 800 !important;
                font-size: var(--size-text-secondary);
                top: calc((50% - var(--size-text-secondary)/ 2));
                right: var(--indent-base);
                height: auto;
                width: auto;
                border: 0;
            }           

            &.dropdown-active {
                background-color: var(--color-success);

                &::after {
                    transform: rotate(180deg);
                }
            }
            .item, input {
                color: var(--color-text-primary);
                font-size: var(--size-text-primary);
                line-height: 1.3 !important;
            }
            .item {
                display: block;            
            }
            input::-webkit-input-placeholder, input::placeholder {
                color: var(--color-text-primary); 
            }
        }
        .selectize-dropdown-content {
            background: var(--color-dark-20);
        }
    }
}

.webbpm.ervu_dashboard .arrow-btn .btn {
    position: relative;
    display: grid;
    place-items: center;
    width: min(1.8vw, 2.25rem); /*36*/
    height: min(1.8vw, 2.25rem); /*36*/
    padding: 0;
    margin: 0 calc(var(--indent-xmini)*(-1)) 0 var(--indent-mini);
    border-radius: 100px;
    border: 0;
    background-color: var(--color-text-secondary);

    &::before {
        position: absolute;
        content: "\f285";
        position: absolute;
        color: var(--color-dark);
        font-family: bootstrap-icons !important;
        font-weight: 800 !important;
        font-size: var(--size-text-secondary);
        top: 50%;
        transform: translateY(-50%);
        -webkit-text-stroke-width: thin;
    }
}

.webbpm.ervu_dashboard :is(.title, .subtitle) {
    font-size: var(--size-text-title);
    font-family: 'GilroyM';
    line-height: 1.1;
    padding: 0;

    .form-group {
        margin-bottom: 0;
    }    
}
.webbpm.ervu_dashboard .title {
    font-size: var(--size-text-title);
    margin-bottom: var(--indent-medium);    
}
.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: 'GilroyM';
}

.webbpm.ervu_dashboard .success > div > div:last-of-type {
    color: var(--color-success);
}
.webbpm.ervu_dashboard .error > div > div:last-of-type {
    color: var(--color-error);
}  

.webbpm.ervu_dashboard .pull-bottom {
    display: flex;
    align-items: flex-end;
}

.webbpm.ervu_dashboard .lined {
    padding-top: var(--indent-xbase);
    margin-top: var(--indent-xbase);
    border-top: 1px solid var(--color-primary-20);
}

.webbpm.ervu_dashboard .text-invert {
    &.mute > div > div:last-of-type {
        line-height: inherit !important;
        font-size: inherit !important;
    }
    & > div {
        flex-direction: row-reverse;

        label {
            width: auto;
            padding-left: 2px;
            margin-right: 0;
        }
        & > div:last-of-type {
            font-family: 'GilroyM';
            overflow: visible;
        }
    }
}

.webbpm.ervu_dashboard [class*="btn-text-"] .btn {
    position: relative;
    color: var(--black);
    font-family: 'GilroyM';
    font-size: var(--size-text-primary);
    padding-left: var(--indent-xbase);
    padding-right: var(--indent-xlarge);
    margin-bottom: 0;
    border: 0;
    border-radius: 100px;
    background-color: var(--color-text-secondary);

    &::after {
        content: "";
        position: absolute;
        font-family: bootstrap-icons !important;
        font-weight: 800 !important;
        font-size: var(--size-text-secondary);
        top: 50%;
        transform: translateY(-50%);
        margin-left: var(--indent-small);
        -webkit-text-stroke-width: thin;
    }
}
.webbpm.ervu_dashboard .btn-text-arrow-r .btn::after {
    content: "\f285";
}
.webbpm.ervu_dashboard .btn-text-close .btn::after {
    content: "\f659";
}

.webbpm.ervu_dashboard text {
    &.num-addtitle {
        & > div > div:first-child {
            color: var(--color-text-secondary);
            align-items: center;
        }            
        & > div > div:last-child {
            font-family: 'GilroySB';
            font-size: var(--size-num-primary);
            line-height: normal;
        }
    }    
}

.webbpm.ervu_dashboard .selectize-dropdown {
    background-color: transparent;

    .selectize-dropdown-content {
        max-height: min-content;
        border-radius: 24px;
        border: 1px solid var(--color-text-secondary);
        background: 
            linear-gradient(180deg, rgba(19, 46, 55, 0.5) 0%, rgba(19, 46, 55, 0.7) 100%), 
            linear-gradient(180deg, rgba(8, 131, 198, 0.5) 0%, rgba(8, 131, 198, 0.7) 100%);
        backdrop-filter: var(--bg-blur-40);
        box-shadow: var(--bg-shadow);

        .option {
            color: var(--color-text-primary);
            font-size: var(--size-text-primary);
            padding: var(--indent-base) var(--indent-xbase);

            &.active {
                background-color: transparent;
            }
            & + .option {
                border-top: 1px solid rgba(244, 252, 255, 0.05);
            }
        }
    }
}

.webbpm.ervu_dashboard tab-container {
    .nav-tabs {
        border: 0;

        .nav-item + .nav-item {
            margin-left: var(--indent-small);
        }
        .nav-link {
            color: var(--color-text-mute);  
            padding: 0;          
            border: 0;
            background-color: transparent;
        }
        .active .nav-link {
            color: var(--color-success);
            padding-bottom: var(--indent-xmini);
            border-bottom: 2px solid var(--color-success);
            background-color: transparent;
        }
        & ~ .tab-active > .active {
            padding: 0;
            margin: var(--indent-base) 0 0;
            border: 0;
            background-color: transparent;
        }
    }  
}

.webbpm.ervu_dashboard .brick-group {
    color: var(--color-text-secondary);
    line-height: 1;
    padding: var(--indent-mini) var(--indent-base);
    border-radius: 8px;
    border: 1px solid var(--color-primary-20);
    background-color: var(--bg-brick);

    text {
        display: flex;
        align-items: center;

        &:first-child {
            flex: 1;
        }
        .form-group {
            margin-bottom: 0;
            & > div {
               align-items: center;
                white-space: nowrap;
            }
        }
        &.text-invert .form-group > div:last-child {
            color: var(--color-text-primary);
            font-size: var(--size-text-subtitle);
        }        
    }
}
.webbpm.ervu_dashboard .vertical-container > .brick-group + .brick-group {
    margin-top: var(--indent-mini);
}
.webbpm.ervu_dashboard .horizontal-container > .brick-group + .brick-group {
    margin-left: var(--indent-mini);
}

.webbpm.ervu_dashboard .list-group {
    padding: var(--indent-small) var(--indent-base);
    border-radius: 8px;
    border: 0;
    background-color: var(--color-dark-20);

    & + .list-group {
        margin-top: var(--indent-base);
    }
    & > div > * + text {
        margin: var(--indent-base) 0 var(--indent-mini);
    }    
    .list-group + .list-group {
        margin-top: var(--indent-mini);
    }
    .horizontal-container {
        align-items: center;
    }
    vbox:first-child {
        flex: 1;
    }        
    text .form-group {
        align-items: baseline;
        margin-bottom: 0;
    }
    .mute {
        white-space: nowrap;
    }
}

.webbpm.ervu_dashboard .list-plain {
    & > .vertical-container > hbox + hbox {
        margin-top: var(--indent-xbase);
    }
    .horizontal-container > text {
        flex: 1;     
        color: var(--color-text-secondary);
        font-family: 'GilroyM';
        font-size: var(--size-text-subtitle);
        line-height: normal;

        & + * {
            flex: 1;
        }
    }
    label {
        width: auto;
        margin-right: 0;
    }
    .form-group {
        align-items: baseline;
        margin-bottom: 0;
    }
    .text-invert:not(.mute) > div > div:first-of-type {
        color: var(--color-text-secondary);
    }       
    .text-invert > div > div:last-of-type {
        font-family: 'GilroySB';
        font-size: var(--size-num-subtitle);
        line-height: 1;
    }      
    .mute {
        white-space: nowrap;
    }
    &.list-plan-small {
        .horizontal-container {
            align-items: center;

            & > text {
                color: var(--color-text-primary);
                font-family: 'Gilroy';
                font-size: var(--size-text-primary);
                padding-top: 0;

                & + * {
                    flex: 0 1 auto;
                }                
            }
        }
        .text-invert > div > div:last-of-type {
            font-size: var(--size-num-primary);
            line-height: normal;
        }
    }
}
.webbpm.ervu_dashboard .list-common {
    text {
        label {
            color: var(--color-text-secondary);
            width: auto;
        }
        & > div > div:last-of-type {
            flex: 1;
            justify-content: end;
            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;

        & > text {
            flex: 1;

            &.text-invert:not(.mute) > div > div:last-of-type {
                font-size: var(--size-num-primary);
            }
        }
    }  
    .mute {
        margin-top: var(--indent-small);
    }     
    .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);
            border-top: 1px solid var(--color-primary-20);            
        }
        & > hbox {
            [class*="legend-col"] {
                margin-top: var(--indent-xmini);
            }
        }
        & > vbox {
        }        
        .text-invert {
            &:not(.mute) {
                font-size: var(--size-num-primary);
                margin-top: var(--indent-xmini);

                label {
                    font-size: var(--size-text-primary);
                    color: var(--color-text-secondary);
                }
            }
            & > div {
                justify-content: flex-end;
            }
        }        
    }           
}
.webbpm.ervu_dashboard .graph-legend-row {
    & > .horizontal-container > vbox {
        padding-right: 0;

        & + vbox {
            padding-left: var(--indent-base);
            margin-left: var(--indent-base);
            border-left: 1px solid var(--color-primary-20);
        }
        & > .vertical-container {
            height: 100%;

            [class*="legend-col"] {
                padding-bottom: var(--indent-base);
                margin-bottom: auto;
            }
            .text-invert:not(.mute) {
                font-size: var(--size-num-primary);
                label {
                    font-size: var(--size-text-primary);
                    color: var(--color-text-secondary);
                }
            }
        }
    }
}
.webbpm.ervu_dashboard .graph-legend-right {
    color: var(--color-text-secondary);

    text > div {
        justify-content: flex-end;        
    }
    .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, 
    & > div > hbox {
        margin-top: var(--indent-mini);
    }
    .form-group {
        align-items: baseline;
        line-height: normal;
        margin-bottom: 0;
    }
    .mute {
        white-space: nowrap;
    }    
    [class*="legend-col"] {
        position: relative;
        padding-left: var(--indent-large);

        &::before {
            content: "";
            position: absolute;
            width: var(--indent-base);
            height: var(--indent-base);
            top: var(--indent-xmini);
            left: 0;
            border-radius: var(--indent-base);
        }
    }
    .legend-col-green::before {
        background-color: var(--color-success);
    }
    .legend-col-red::before {
        background-color: var(--color-error);
    }
    .legend-col-yellow::before {
        background-color: #ffc737;
    }
    .legend-col-blue-lt::before {
        background-color: #00f0ff;
    }
    .legend-col-blue::before {
        background-color: #17a8fa;
    }
    .legend-col-lila::before {
        background-color: #e24fd4;
    }
    .legend-col-coral::before {
        background-color: #ff4f5e;
    }
    .legend-col-orange::before {
        background-color: #d98200;
    }
    .legend-col-orange-dk::before {
        background-color: #d9af19;
    }
}

.webbpm.ervu_dashboard .pers-group .vertical-container {
    & > text:first-child {
        color: var(--color-text-secondary);
    }
    & > text:nth-child(2) {
        font-family: 'GilroySB';
        font-size: var(--size-num-subtitle);
        line-height: 1;
        margin-top: var(--indent-mini);
    }
    .form-group {
        margin-bottom: 0;
    }
}

.webbpm.ervu_dashboard .main-num-group > div {
    &.horizontal-container {
        align-items: flex-end;
    }
    text.title {
        font-family: 'GilroySB';
        font-size: var(--size-num-title);
        line-height: 1;
        margin-bottom: 0;

        & + text.text-invert:not(.mute) {
            color: var(--color-text-secondary);
            font-size: var(--size-num-primary);
            margin: 0 0 var(--indent-xmini) var(--indent-base);
        }
    }
    .form-group {
        margin-bottom: 0;
    }
}

.webbpm.ervu_dashboard .parent-block {
    padding: var(--indent-mini);
    border-radius: var(--indent-base);
    border: 1px solid var(--border-dark);
    background: var(--bg-block);
    backdrop-filter: var(--bg-blur-40);

    & > .horizontal-container > * {
        flex: 1;
        &:not(.child-block) {
            padding-right: 0;
        }        
    } 
    & > .horizontal-container > * + *,
    .horizontal-container > .child-block + .child-block {
        margin-left: var(--indent-base);
    }
    .vertical-container > .child-block + *,
    .vertical-container > .child-block + .child-block {
        margin-top: var(--indent-base);
    }
    .child-block,
    .child-block + * {
        flex: 1;
    }    
}

.webbpm.ervu_dashboard .bg-diamond {
    background-image: url(../img/svg/bg-diamond.svg); 
    background-position: 100% 0;
    background-repeat: no-repeat;     
}

.webbpm.ervu_dashboard .child-block {
    padding: var(--indent-medium) var(--indent-large);
    border-radius: var(--indent-xbase);
    border: 1px solid var(--border-light);
    background-color: var(--bg-group);    
    backdrop-filter: var(--bg-blur-20);
}

.webbpm.ervu_dashboard .search-block {
    .child-block {
        padding: var(--indent-large) var(--indent-medium) var(--indent-medium);

        &:first-child {
            min-width: min(20vw, 25rem); /*400*/
            flex: 0;
        }
        label {
            display: flex;
            color: var(--color-text-secondary);
            font-family: 'GilroyM';
            width: auto;
            padding: 0;
            margin: 0 0 var(--indent-mini) var(--indent-small);
        }   
        check-box {
            label {
                width: min-content;                
                span {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: min(1.4vw, 1.75rem); /*28*/
                    height: min(1.4vw, 1.75rem); /*28*/
                    padding: 2px;
                    margin: 0;                    
                    border-radius: 4px;
                    background-color: var(--color-dark-20);
                }
                input {
                    position: absolute;
                    z-index: -1;
                    opacity: 0;
                }
            }
            &.wb-valid.wb-not-empty {
                label span {
                    content: url('../img/svg/mark.svg');
                    border: 1px solid var(--color-success);
                    background-color: var(--color-primary-5);
                }
            }
            & + text {
                color: var(--color-text-secondary);
                margin-left: var(--indent-base) !important;
            }
        }       
        :is(.title, .nav-tabs, text) {
            margin-left: var(--indent-small);
        }
        .filter-group {
            .form-group, .component-float {
                width: 100%;
            }
        }
    }
    .search-main-block {
        width: 100%;
        padding: 0;

        & > div {
            height: 100%;
        }
    }
    &.search-add-params {
        .child-block:first-child {
            min-width: 100%;
        }
        .search-main-block, .search-main-block ~ vbox {
            width: 25%;
            padding-right: var(--indent-large);
        }
         .search-main-block ~ vbox {
             padding-left: var(--indent-large);
             border-left: 1px solid var(--color-primary-20);

             &:last-child {
                 padding-right: 0;
             }
         }
    }
    .search-btn {
        margin-top: auto;

        .btn {
            color: var(--white);
            font-size: var(--size-text-subtitle);
            width: 100%;
            min-height: min(3.6vw, 4.5rem); /*72*/
            margin: var(--indent-xbase) 0 0;
            border-radius: 20px;   
            border: 1px solid var(--btn-border);
            background: var(--btn-bg);
            box-shadow: var(--btn-shadow);
        }
    }
    .selectize-control {
        height: 100%;
        background-color: transparent;
    }
    :is(.selectize-input, input) {
        color: var(--color-text-primary);
        font-size: var(--size-text-primary);
        min-height: max-content;
        padding: var(--indent-small) var(--indent-xlarge) var(--indent-small) var(--indent-medium);
        margin-bottom: 0;
        border-radius: 100px;
        border: 0;
        background-color: var(--color-dark-20);
    }
    .selectize-input {
        display: flex;

        &::after {
            position: absolute;
            content: "\f282";
            position: absolute;
            font-family: bootstrap-icons !important;
            font-weight: 800 !important;
            font-size: var(--size-text-secondary);
            top: calc((50% - var(--size-text-secondary)/ 2));
            right: var(--indent-base);
            height: auto;
            width: auto;
            border: 0;
        }
        &::before {
            display: none;
        }
    }
    check-box label > span {
        width: auto;
    }
}

.webbpm.ervu_dashboard .pers-block {
    .child-block {
        padding: var(--indent-large);

        &:first-child {
            min-width: 400px;
            flex: 0;
            background-image: url(../img/svg/bg-pers.svg); 
            background-position: -40px 100%;
            background-repeat: no-repeat; 
        }
        text > div {
            display: flex;
            flex-direction: column;

            label {
                color: var(--color-text-secondary);
                width: auto;
            }
        }
        .title ~ .title {
            margin-top: var(--indent-huge);
        }
    }
}

.webbpm.ervu_dashboard grid-v2 {
    flex: 1;
    height: auto;
}
.webbpm.ervu_dashboard ag-grid-angular :is(.ag-root-wrapper, .ag-header-viewport, .ag-header-container, .ag-header) {
    background-color: transparent;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-header {
    margin-bottom: var(--indent-mini);
    border: 0;

    .ag-header-row {
        border-bottom: 1px solid var(--color-primary-5);
    }
    .ag-header-cell {
        color: var(--color-text-secondary);
        font-size: var(--size-text-primary);
        font-family: 'Gilroy';
        font-weight: 400;
        padding-left: var(--indent-small);
        padding-right: var(--indent-small);

        &::after {
            background-color: var(--color-primary-5);
        }
        &:first-child {
            padding-left: var(--indent-base);
        }
        &:last-child {
            padding-right: var(--indent-base);
        }
    }
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root {
    border: 0;

    .ag-row {
        color: var(--color-text-primary);
        font-size: var(--size-text-addprimary);
        font-family: 'GilroyM';
        border-radius: 8px;
        border: 1px solid var(--color-primary-20);
        background-color: var(--bg-brick);

        &.ag-row-selected, &.ag-row-hover {
            background-color: var(--bg-brick) !important;

            &:before {
                border-radius: 8px;
                background-color: var(--bg-brick) !important;               
            }
        }
    }
    .ag-cell {
        display: flex;

        &.ag-cell-not-inline-editing {
            padding-left: 12px;
            padding-right: 12px;

            &:first-child {
                padding-left: var(--indent-base);
            }
            &:last-child {
                padding-right: var(--indent-base);
            }            
        }
        &.ag-cell-focus {
            border-color: transparent;
        }
        &.cell-font-big {
            font-size: var(--size-text-subtitle);
        }
        &[class*="cell-font-narrow"] {
            color: var(--color-text-secondary);
            font-family: 'Gilroy';

        }
        &.cell-font-narrow-small {
            font-size: var(--size-text-primary);
        }
        &[class*="cell-score"] {
            justify-content: end;
            font-size: var(--size-num-subtitle);

            .ag-cell-value {
                overflow: visible;            
            }
        }
        &.cell-score-success {
            color: var(--color-success);
        }
        &.cell-score-alarm {
            color: var(--color-error);
        }        
        .ag-cell-wrapper {
            overflow: hidden;
        }
    }
}
.webbpm.ervu_dashboard grid-v2.grid-rating ag-grid-angular {
    .ag-row {
        font-size: var(--size-text-subtitle);
        border: 0;
        background-color: var(--color-dark-20);

        &.ag-row-selected, &.ag-row-hover {
            background-color: var(--color-dark-20) !important;

            &:before {
                background-color: var(--color-dark-20) !important;               
            }
        }        
    }
}
.webbpm.ervu_dashboard grid-v2.grid-rating-small ag-grid-angular {
    .ag-cell[class*="cell-score"] {
        font-size: var(--size-num-primary);
    }
}
.webbpm.ervu_dashboard grid-v2.grid-header-free {
    margin-top: var(--indent-xlarge);

    .ag-header {
        display: none;
    }
}
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel {
    color: var(--color-text-primary);
    font-size: var(--size-text-addprimary);
    font-family: 'GilroyM';
    min-height: 60px;
    margin-top: var(--indent-medium);    
    border: 0;

    .ag-paging-row-summary-panel {
        margin-right: var(--indent-xlarge);
    }
    .ag-paging-page-summary-panel {
        margin: 0;

        .ag-paging-description {
            margin: 0 64px;
        }
    }
    .ag-paging-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: min(2.9vw, 3.625rem); /*58*/
        height: min(2.9vw, 3.625rem); /*58*/
        margin: 0;
        border: 1px solid var(--color-primary-20);
        border-radius: 4px;
        background-color: var(--color-dark-20);

        & + .ag-paging-button {
            margin-left: var(--indent-xmini);
        }
        .ag-icon {
            color: var(--color-text-primary);
            font-size: var(--size-text-subtitle);
        }
        &.ag-disabled {
            border-color: transparent;

            .ag-icon {
                color: var(--color-text-secondary);
            }
        }
    }
}
.webbpm.ervu_dashboard ag-grid-angular .grid-setting-icon,
.webbpm.ervu_dashboard ag-grid-angular .ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.webbpm.ervu_dashboard ag-grid-angular .ag-header-cell .ag-header-icon .ag-icon,
.webbpm.ervu_dashboard ag-grid-angular .ag-header-row-column-filter :is(.ag-header-cell, .ag-header-group-cell)::after,
.webbpm.ervu_dashboard ag-grid-angular .ag-filter .ag-filter-condition,
.webbpm.ervu_dashboard ag-grid-angular .ag-filter .ag-filter-condition ~ * {
    display: none !important;
}

/* Special pages */
.webbpm.ervu_dashboard #total_registered_second {
    .child-block:nth-child(1) {
        flex: 0;
    }
    .child-block:nth-child(2) {
        flex: 1.4;
    }
    .child-block:nth-child(3) {
        flex: 1.2;
    }
    .child-block:nth-child(4) {
        flex: 1.4;
    }
}
.webbpm.ervu_dashboard #milregistration .parent-block {
    & > div > vbox:nth-child(1) {
        flex: 0;
    }
    .donut-absolute-row {
        ervu-chart-v2 {
            justify-content: flex-end;
            margin-top: -70px;
            z-index: -1;
        }
        .graph-legend-row {
            margin-top: var(--indent-base);
        }
    }    
}
.webbpm.ervu_dashboard #appeals .parent-block > div {
    & > vbox:nth-child(1) {
        flex: 2;
    }
    & > vbox:nth-child(2) {
        flex: 3;
    }
    & > vbox:nth-child(3) {
        flex: 2;
    }
}

@media ((max-width: 780px) or (orientation: portrait)) {
    .webbpm.ervu_dashboard .header-logo .logo-title,
    .webbpm.ervu_dashboard .header-menu .update-data {
        display: none;
    }
    .webbpm.ervu_dashboard .top-btn-block {
        & > .horizontal-container {
            flex-direction: column;
        }
        .component-float {
            width: auto;
        }
        .pull-right {
            margin-left: 0;

            & > div {
                justify-content: flex-start;
            }
        }
    }

    .webbpm.ervu_dashboard .parent-block {  
        & > .horizontal-container {
            flex-direction: column;
        }
        .horizontal-container > .child-block + .child-block {
            margin-left: var(--indent-mini);
        }  
        & > .horizontal-container > * + * {
            margin-left: 0;
            margin-top: var(--indent-mini);
        }
        .vertical-container > .child-block + *,
        .vertical-container > .child-block + .child-block {
            margin-top: var(--indent-mini);
        }
        .child-block ~ hbox > .horizontal-container {
            flex-direction: column;

            & > .child-block + .child-block {
                margin-left: 0;
                margin-top: var(--indent-mini);
            }
        }        
    }

    .webbpm.ervu_dashboard .arrow-btn .btn {
        position: relative;
        display: grid;
        place-items: center;
        width: 2.25rem; /*36*/
        height: 2.25rem; /*36*/
    }

    .webbpm.ervu_dashboard .graph-chart .chart-content {
        width: 12.5rem;
        height: 9rem;
    }
    .webbpm.ervu_dashboard .graph-donut .chart-content {
        width: 11rem;
        height: 11rem;
    }
    .webbpm.ervu_dashboard .graph-donut-medium .chart-content {
        width: 13.5rem;
        height: 13.5rem;
    }
    .webbpm.ervu_dashboard .graph-donut-large .chart-content {
        width: 18.5rem;
        height: 18.5rem;
    }
}

@media (max-width: 480px) {
    .webbpm.ervu_dashboard .top-btn-block {
        .horizontal-container {
            flex-direction: column;

            combo-box {
                padding-right: 0;
            }
        }
        :is(button-component, static-route-navigation-button) {
            & + :is(button-component, static-route-navigation-button) {
                margin-left: 0;
                margin-top: var(--indent-xmini);
            }
            button {
                width: 100%;
            }
        }
    }

    .webbpm.ervu_dashboard .child-block {
        padding: var(--indent-base) var(--indent-xbase);
    }
    .webbpm.ervu_dashboard .parent-block > .horizontal-container > .child-block + .child-block {
        margin-left: 0;
    }

    .webbpm.ervu_dashboard .graph-legend-row {
        margin-top: 0 !important;

        & > .horizontal-container {
            flex-direction: column;

            & > vbox + vbox {
                padding-left: 0;
                padding-top: var(--indent-small);
                margin-left: 0;
                margin-top: var(--indent-small);
                border-left: 0;
                border-top: 1px solid var(--color-primary-20);
            }
            .text-invert > div {
                justify-content: flex-end;
            }
        }
    }
    .webbpm.ervu_dashboard .graph-legend-column {
        .horizontal-container {
            flex-direction: column;

            .pull-right {
                justify-content: flex-start;
                margin-left: 0;
            }
        }
    }
    .webbpm.ervu_dashboard .donut-absolute-row .active > vbox > .vertical-container {
        flex-direction: row;

        ervu-chart-v2 {
            justify-content: flex-start !important;
            margin-top: 0 !important;
            z-index: 1 !important;
        }
    }
    .webbpm.ervu_dashboard .graph-donut .chart-content,
    .webbpm.ervu_dashboard .graph-donut-medium .chart-content {
        width: 10rem;
        height: 10rem;
    }
    .webbpm.ervu_dashboard .graph-donut-large .chart-content {
        width: 18rem;
        height: 18rem;
    }

    .webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel {
        flex-direction: column;

        .ag-paging-button {
            width: 3rem;
            height: 3rem;
        }
        .ag-paging-page-summary-panel .ag-paging-description {
            margin: 0 var(--indent-small);
        }
    }

    .webbpm.ervu_dashboard .search-add-params {
        .filter-group > div > hbox > .horizontal-container {
            flex-direction: column;
        }
        .search-main-block, .search-main-block ~ vbox {
            width: 100% !important;
        }
        .search-main-block ~ vbox {
            padding: 0 !important;
            padding-top: var(--indent-base) !important;
            border: 0 !important;
            border-bottom: 1px solid var(--color-primary-20) !important;
        }
        .child-block check-box {
            label > span {
                width: 1.75rem; /*28*/
                height: 1.75rem; /*28*/
            }
            & + text {
                margin-left: 1.75rem !important;
            }
        }
    }

    .webbpm.ervu_dashboard .pers-block {
        .child-block {
            padding: var(--indent-xbase);

            &:first-child { 
                min-width: auto;
            }
            &:nth-child(2) .horizontal-container {
                flex-direction: column;

                vbox, text {
                    width: 100% !important;
                }
            }
        }
    }
}