@charset "utf-8";

.webbpm .horizontal-container > * {
    padding-right: var(--indent-mini);
}
.webbpm.ervu_dashboard .vertical-container,
.webbpm.ervu_dashboard .horizontal-container {
    height: 100%;
}

.webbpm.ervu_dashboard text > div > div:last-of-type {
    overflow: visible;
}

.webbpm.ervu_dashboard .btn,
.webbpm.ervu_dashboard .btn:active {
    font-size: var(--size-text-primary);
    font-family: 'GilroyM';
    color: var(--black);
    padding: var(--indent-mini) var(--indent-xbase);
    border-radius: 100px;
    border: 0;
    background-color: var(--color-text-secondary);
}
.webbpm.ervu_dashboard :is(.fa, .fa-calendar::before) {
    font-size: var(--size-text-secondary);
}

.webbpm.ervu_dashboard :is(input.form-control, .input-group-addon) {
    height: var(--indent-huge);
    padding: var(--indent-mini) var(--indent-xbase);
}
.webbpm.ervu_dashboard .form-group {
    margin-bottom: var(--indent-base);
}

.webbpm.ervu_dashboard check-box label {
    width: min-content !important;
    margin: 0 !important;
}         
.webbpm.ervu_dashboard check-box label 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);
}
.webbpm.ervu_dashboard check-box label input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.webbpm.ervu_dashboard check-box.wb-not-empty label span {
    content: url('../img/svg/mark.svg');
    border: 1px solid var(--color-success);
    background-color: var(--color-primary-5);
}
.webbpm.ervu_dashboard check-box + text {
    color: var(--color-text-secondary);
    margin-left: var(--indent-large) !important;
}

.webbpm.ervu_dashboard .radio-horizontal label {
    display: flex;
    align-items: center;
    padding-top: 0 !important;
    margin: 0 !important;
}
.webbpm.ervu_dashboard .radio-horizontal input[type="radio"] {
    appearance: none;
    width: min(1.4vw, 1.75rem); /*28*/
    height: min(1.4vw, 1.75rem); /*28*/
    padding: 0;
    margin: 0;
    position: relative;
}
.webbpm.ervu_dashboard .radio-horizontal  input[type="radio"]:checked {
    border: 1px solid var(--color-success);
    background-color: var(--color-primary-5);    
}
.webbpm.ervu_dashboard .radio-horizontal  input[type="radio"]:checked::before {
    content: '';
    position: absolute;
    top: calc((100% - var(--size-text-secondary))/2);
    left: calc((100% - var(--size-text-secondary))/2);
    width: var(--size-text-secondary);
    height: var(--size-text-secondary);
    border-radius: 100px;
    background-color: var(--color-text-primary);    
}
.webbpm.ervu_dashboard .radio-horizontal input[type="radio"] + span {
    margin-left: var(--indent-base);
    font-size: var(--size-text-primary);
}
.webbpm.ervu_dashboard .radio-horizontal .form-radio-group + .form-radio-group {
    margin-left: var(--indent-xlarge);
}

.webbpm.ervu_dashboard .bread-crumb .form-group {
    margin-bottom: 0;
}
.webbpm.ervu_dashboard .bread-crumb label {
    margin-right: 0;
}
.webbpm.ervu_dashboard .bread-crumb .btn,
.webbpm.ervu_dashboard .top-btn-block .bread-crumb :is(button-component, static-route-navigation-button) .btn {
    font-family: 'Gilroy';
    font-size: var(--size-text-primary);
    color: var(--color-text-primary);
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none !important;
}
.webbpm.ervu_dashboard .top-btn-block .bread-crumb :is(button-component, static-route-navigation-button) .btn::after {
    display: none;
}
.webbpm.ervu_dashboard .top-btn-block .bread-crumb :is(button-component, static-route-navigation-button) {
    padding-right: var(--indent-mini);
}

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

.webbpm.ervu_dashboard .top-btn-block .form-group {
    margin-bottom: 0;
}
.webbpm.ervu_dashboard .top-btn-block .component-float {
    display: block;
}
.webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) {
    padding-right: 0;
    border-radius: 20px;
}
.webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) + :is(button-component, static-route-navigation-button) {
    margin-left: var(--indent-base);
}
.webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) .btn {
    position: relative;
    font-family: 'Gilroy';
    font-size: var(--size-text-primary);
    color: var(--color-text-primary);
    line-height: 1.3;
    padding-right: var(--indent-xlarge);
    margin-bottom: 0;
    border-radius: 100px;
    border: 0;
    background-color: var(--color-dark-20);
}
.webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) .btn::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);
}

/* temp list */
.webbpm.ervu_dashboard .top-btn-block .selectize-control {
    font-size: inherit;
    background-color: transparent;
}
.webbpm.ervu_dashboard .top-btn-block .selectize-control .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);
}
.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input::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;
}

.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input.dropdown-active {
    background-color: var(--color-success);
}
.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input.dropdown-active::after {
    transform: rotate(180deg);
}
.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input .item, 
.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input input {
    color: var(--color-text-primary);
    font-size: var(--size-text-primary);
    line-height: 1.3 !important;
}
.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input .item {
    display: block;
}
.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input input::-webkit-input-placeholder, 
.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input input::placeholder {
    color: var(--color-text-primary); 
}
.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input .selectize-dropdown-content {
    background: var(--color-dark-20);
}
/* temp list */

.webbpm.ervu_dashboard dropdown-tree-view .dropdown > button,
.webbpm.ervu_dashboard dropdown-tree-view .dropdown > button:is(:focus, :active) {
    font-family: 'Gilroy';
    font-size: var(--size-text-primary);
    color: var(--color-text-primary);
    padding: var(--indent-mini) var(--indent-huge) var(--indent-mini) var(--indent-xbase);
    margin: 0;
    border-radius: 100px;
    border: 0;
    background: var(--color-dark-20);
    box-shadow: none !important;
}
.webbpm.ervu_dashboard dropdown-tree-view .dropdown.show > button {
    background-color: var(--color-success);
}
.webbpm.ervu_dashboard dropdown-tree-view .dropdown > button::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) + var(--indent-xmini)) / 2);
    right: var(--indent-base);
    margin: 0;
    border: 0;
}
.webbpm.ervu_dashboard dropdown-tree-view .dropdown.show > button::after {
    top: calc(50% - (var(--size-text-secondary) + var(--indent-mini)) / 2);
    transform: rotate(180deg);
}
.webbpm.ervu_dashboard dropdown-tree-view .dropdown-menu {
    padding: 0;
    border-radius: var(--indent-xbase);
    border: 1px solid var(--color-text-secondary);
    background: var(--color-dark-20);
    backdrop-filter: var(--bg-blur-40);
    box-shadow: var(--bg-shadow);
}
.webbpm.ervu_dashboard dropdown-tree-view .dropdown-menu :is(.dropdown-container, .treeview-container) {
    padding: 0;
}
.webbpm.ervu_dashboard dropdown-tree-view .dropdown-menu .treeview-container {
    margin-bottom: var(--indent-base);
    overflow-y: auto;
}

.webbpm.ervu_dashboard dropdown-tree-view .treeview-header .row-filter {
    margin: var(--indent-base) var(--indent-xbase);
}
.webbpm.ervu_dashboard dropdown-tree-view .treeview-header .row-filter > div {
    padding: 0;
}
.webbpm.ervu_dashboard dropdown-tree-view .treeview-header input {
    color: var(--black);
    font-size: var(--size-text-primary);
    width: 100%;
    padding: var(--indent-mini) var(--indent-xlarge) var(--indent-mini) var(--indent-xbase);
    border: 0;
    border-radius: var(--indent-medium);
    background-color: var(--color-text-secondary);
}

.webbpm.ervu_dashboard dropdown-tree-view .treeview-header input::-webkit-input-placeholder {
    color: var(--black);
}
.webbpm.ervu_dashboard dropdown-tree-view .treeview-header input:-moz-placeholder {
    color: var(--black);
}
.webbpm.ervu_dashboard dropdown-tree-view .treeview-header input::-moz-placeholder {
    color: var(--black);
}
.webbpm.ervu_dashboard dropdown-tree-view .treeview-header input:-ms-input-placeholder {
    color: var(--black);
}
.webbpm.ervu_dashboard dropdown-tree-view .row-filter {
    position: relative;
}
.webbpm.ervu_dashboard dropdown-tree-view .row-filter::after {
    content: "\f52a";
    position: absolute;
    color: var(--color-dark);
    font-family: bootstrap-icons !important;
    font-weight: 800 !important;
    font-size: var(--size-text-secondary);
    top: calc(50% - (var(--size-text-secondary) + var(--indent-mini)) / 2);
    right: var(--indent-xbase);
}

.webbpm.ervu_dashboard dropdown-tree-view .dropdown-divider {
    margin: 0;
    border-color: var(--color-primary-5);
}
.webbpm.ervu_dashboard dropdown-tree-view :is(.row-item, .treeview-text) {
    color: var(--color-text-primary);
    font-size: var(--size-text-primary);
    padding: var(--indent-base) var(--indent-xbase);
    border-bottom: 1px solid var(--color-primary-5);
}
.webbpm.ervu_dashboard dropdown-tree-view .row-item:is(:hover, :focus, :active) {
    color: var(--color-success);
}
.webbpm.ervu_dashboard dropdown-tree-view ngx-treeview-item ngx-treeview-item .treeview-item {
    padding-left: var(--indent-xbase);
}
.webbpm.ervu_dashboard dropdown-tree-view .row-item label {
    font-size: var(--size-text-primary);
    width: auto;
    min-width: min(7.5vw, 9.375rem); /*150*/
}
.webbpm.ervu_dashboard dropdown-tree-view :is(.bi-caret-down-fill, .bi-caret-right-fill) {
    margin-right: var(--indent-mini);
}
.webbpm.ervu_dashboard dropdown-tree-view :is(.bi-caret-down-fill, .bi-caret-right-fill)::before {
    position: relative;
    top: calc(var(--indent-xmini) / -4);
    font-size: var(--size-text-secondary);
}
.webbpm.ervu_dashboard dropdown-tree-view .bi-caret-down-fill::before {
    content: "\f2e9";
}
.webbpm.ervu_dashboard dropdown-tree-view .bi-caret-right-fill::before {
    content: "\f4fd";
}
/*
.webbpm.ervu_dashboard ngx-treeview-item > .treeview-item > div > ngx-treeview-item > .treeview-item:hover {
    background-color: cyan;
}
*/

.webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn, .upload-btn) .btn,
.webbpm.ervu_dashboard .selected-file-delete-btn {
    position: relative;
    display: grid;
    place-items: center;
    width: min(1.8vw, 2.25rem); /*36*/
    height: min(1.8vw, 2.25rem); /*36*/
    min-width: min(1.8vw, 2.25rem);
    padding: 0;
    margin: 0 calc(var(--indent-xmini)*(-1)) 0 var(--indent-mini);
    border-radius: 100px;
    border: 0;
    background-color: var(--color-text-secondary);
}
.webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn, .upload-btn) .btn::before,
.webbpm.ervu_dashboard .selected-file-delete-btn::before {
    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 .arrow-btn .btn::before {
    content: "\f285";
}
.webbpm.ervu_dashboard .delete-btn .btn::before,
.webbpm.ervu_dashboard .selected-file-delete-btn::before {
    content: "\f659";
}
.webbpm.ervu_dashboard .upload-btn .btn::before {
    content: "\f115";
}

.webbpm.ervu_dashboard :is(.title, .subtitle) {
    font-family: 'GilroyM';
    line-height: 1.1;
    padding: 0;
}
.webbpm.ervu_dashboard :is(.title, .subtitle) .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;
}
.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: 'GilroyM';
    overflow: visible;
}

.webbpm.ervu_dashboard [class*="text-fixed-percent"] {
    flex: 0 !important;
}
.webbpm.ervu_dashboard .text-fixed-percent {
    min-width: min(3vw, 3.75rem) !important; /*60*/
}
.webbpm.ervu_dashboard .text-fixed-percent-medium {
    min-width: min(3.5vw, 4.375rem) !important; /*70*/
}

.webbpm.ervu_dashboard [class*="btn-text-"] .btn {
    position: relative;
    color: var(--black);
    font-family: 'GilroyM';
    font-size: var(--size-text-primary);
    padding-right: var(--indent-xlarge);
    margin-bottom: 0;
    border: 0;
    border-radius: 100px;
    background-color: var(--color-text-secondary);
}
.webbpm.ervu_dashboard [class*="btn-text-"] .btn::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 label {
    width: min(7.5vw, 9.375rem) ; /*150px*/
}
.webbpm.ervu_dashboard .free-label label {
    width: auto;
}
.webbpm.ervu_dashboard text.num-addtitle > div > div:first-child {
    color: var(--color-text-secondary);
    align-items: center;
}         
.webbpm.ervu_dashboard text.num-addtitle > div > div:last-child {
    font-family: 'GilroySB';
    font-size: var(--size-num-primary);
    line-height: normal;
}

.webbpm.ervu_dashboard .selectize-control {
    height: 100%;
    background-color: transparent;
}
.webbpm.ervu_dashboard .selectize-control .selectize-input,
.webbpm.ervu_dashboard input,
.webbpm.ervu_dashboard input[disabled] {
    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);
}
.webbpm.ervu_dashboard .selectize-control .selectize-input {
    display: flex;
}
.webbpm.ervu_dashboard .selectize-control .selectize-input::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;
    line-height: 1.5;
    width: auto;
    border: 0;
}
.webbpm.ervu_dashboard .selectize-control .selectize-input.dropdown-active::after {
    transform: rotate(180deg);
}
.webbpm.ervu_dashboard .selectize-control .selectize-input::before {
    display: none;
}
.webbpm.ervu_dashboard .selectize-dropdown,
.webbpm.ervu_dashboard .selectize-input {
    line-height: normal;
    height: var(--indent-huge);
}

.webbpm.ervu_dashboard .selectize-dropdown {
    height: fit-content;    
    padding: var(--indent-base) 0;
    border-radius: var(--indent-medium);
    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);
}
.webbpm.ervu_dashboard .selectize-dropdown .selectize-dropdown-content {
    border: 0;
    background: transparent;
    box-shadow: none;
}
.webbpm.ervu_dashboard .selectize-dropdown .selectize-dropdown-content .option {
    color: var(--color-text-primary);
    font-size: var(--size-text-primary);
    padding: var(--indent-base) var(--indent-xbase);
}
.webbpm.ervu_dashboard .selectize-dropdown .selectize-dropdown-content .option:first-child {
    padding-top: 0;
}
.webbpm.ervu_dashboard .selectize-dropdown .selectize-dropdown-content .option:last-child {
    padding-bottom: 0;
}
.webbpm.ervu_dashboard .selectize-dropdown .selectize-dropdown-content .option.active {
    background-color: transparent;
}
.webbpm.ervu_dashboard .selectize-dropdown .selectize-dropdown-content .option + .option {
    border-top: 1px solid rgba(244, 252, 255, 0.05);
}
.webbpm.ervu_dashboard .top-btn-block .selectize-dropdown .selectize-dropdown-content {
    max-height: min-content;
}
.webbpm.ervu_dashboard tab-container .selectize-dropdown .selectize-dropdown-content {
    max-height: calc(100vh / 3);
}

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

.webbpm.ervu_dashboard .tab-title > div > .nav-tabs > .nav-item > .nav-link {
    font-size: var(--size-text-title);
    font-family: 'GilroyM';
    line-height: 1.1;
    padding-bottom: var(--indent-mini);
}
.webbpm.ervu_dashboard .tab-title > div > .nav-tabs > .nav-item.active .nav-link {
    color: var(--color-text-primary);
    border: 0;
}

.webbpm.ervu_dashboard .tab-vertical > div {
    flex-direction: row;
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs {
    flex-direction: column;
    flex-wrap: nowrap;
    width: min(20vw, 23.75rem); /*380*/
    padding-right: var(--indent-large);
    margin-right: var(--indent-large);
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active {
    width: calc(100% - min(20vw, 23.75rem) - var(--indent-large));
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active > .active {
    margin: 0;
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item {
    position: relative;
    padding: var(--indent-small) var(--indent-huge) var(--indent-small) var(--indent-base);
    border-radius: var(--indent-mini);
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item.active {
    background-color: var(--color-success);
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item.active::before {
    position: absolute;
    content: "\f285";
    font-family: bootstrap-icons !important;
    font-weight: 800 !important;
    font-size: var(--size-text-secondary);
    top: 50%;
    right: var(--indent-small);
    transform: translateY(-50%);
    -webkit-text-stroke-width: thin;
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item.nav-filled::after {
    position: absolute;
    content: "";
    width: var(--indent-mini);
    height: var(--indent-mini);
    top: calc((100% - var(--indent-mini)) / 2);
    right: calc(var(--indent-huge) - 12px);
    border-radius: 10px;
    background-color: var(--btn-border);
    opacity: 1;
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item.active.nav-filled::after {
    background-color: var(--color-text-primary);
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item + .nav-item {
    margin-left: 0;
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-link {
    color: var(--color-text-secondary);
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-link.disabled {
    color: var(--color-text-mute);
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs .active .nav-link {
    color: var(--color-text-primary);
    padding-bottom: 0;
    border: 0;
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item.tab-subtitle a {
    color: var(--color-text-primary);
    font-size: var(--size-text-subtitle);
    font-family: 'GilroyM';
    line-height: 1.2;    
}
.webbpm.ervu_dashboard .tab-vertical tab-item.tab-subtitle {
    display: none;  
}

.webbpm.ervu_dashboard .brick-group {
    color: var(--color-text-secondary);
    line-height: 1;
    padding: var(--indent-mini) var(--indent-base);
    border-radius: var(--indent-mini);
    border: 1px solid var(--color-primary-20);
    background-color: var(--bg-brick);
}
.webbpm.ervu_dashboard .brick-group text {
    display: flex;
    align-items: center;
}
.webbpm.ervu_dashboard .brick-group text:first-child {
    flex: 1;
}
.webbpm.ervu_dashboard .brick-group text .form-group {
    margin-bottom: 0;
}  
.webbpm.ervu_dashboard .brick-group text .form-group > div {
    align-items: center;
    white-space: nowrap;
}
.webbpm.ervu_dashboard .brick-group text.text-invert .form-group > div:last-child {
    color: var(--color-text-primary);
    font-size: var(--size-text-subtitle);
}
.webbpm.ervu_dashboard .brick-group text.text-invert.mute .form-group > div:last-child {
    color: var(--color-text-mute);
    font-size: var(--size-text-subtitle) !important;
}
.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) var(--indent-base);
    border-radius: var(--indent-mini);
    border: 0;
    background-color: var(--color-dark-20);
}
.webbpm.ervu_dashboard .list-group + .list-group {
    margin-top: var(--indent-base);
}
.webbpm.ervu_dashboard .list-group > div > * + text {
    margin: var(--indent-base) 0 var(--indent-mini);
}
.webbpm.ervu_dashboard .list-group .list-group + .list-group {
    margin-top: var(--indent-mini);
}
.webbpm.ervu_dashboard .list-group .horizontal-container {
    align-items: center;
}
.webbpm.ervu_dashboard .list-group vbox:first-child {
    flex: 1;
}
.webbpm.ervu_dashboard .list-group text .form-group {
    align-items: baseline;
    margin-bottom: 0;
}
.webbpm.ervu_dashboard .list-group .mute {
    white-space: nowrap;
}

.webbpm.ervu_dashboard .list-plain > .vertical-container > hbox + hbox {
    margin-top: var(--indent-xbase);
}
.webbpm.ervu_dashboard .list-plain .horizontal-container > text {
    flex: 1;
    color: var(--color-text-secondary);
    font-family: 'GilroyM';
    font-size: var(--size-text-subtitle);
    line-height: normal;
}
.webbpm.ervu_dashboard .list-plain .horizontal-container > text + * {
    flex: 1;
}
.webbpm.ervu_dashboard .list-plain label {
    width: auto;
    margin-right: 0;
}
.webbpm.ervu_dashboard .list-plain .form-group {
    align-items: baseline;
    margin-bottom: 0;
}
.webbpm.ervu_dashboard .list-plain .text-invert:not(.mute) > div > div:first-of-type {
    color: var(--color-text-secondary);
}
.webbpm.ervu_dashboard .list-plain .text-invert > div > div:last-of-type {
    font-family: 'GilroySB';
    font-size: var(--size-num-subtitle);
    line-height: 1;
}
.webbpm.ervu_dashboard .list-plain .mute {
    white-space: nowrap;
}
.webbpm.ervu_dashboard .list-plain.list-plan-small .horizontal-container {
    align-items: center;
}
.webbpm.ervu_dashboard .list-plain.list-plan-small .horizontal-container > text {
    color: var(--color-text-primary);
    font-family: 'Gilroy';
    font-size: var(--size-text-primary);
    padding-top: 0;
}
.webbpm.ervu_dashboard .list-plain.list-plan-small .horizontal-container > text + * {
    flex: 0 1 auto;
}
.webbpm.ervu_dashboard .list-plain.list-plan-small .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;
}
.webbpm.ervu_dashboard .list-common text > div > div:last-of-type {
    flex: 1;
    justify-content: end;
    overflow: visible;
}
/* Default Tooltip Styles in Chart.js */
.webbpm.ervu_dashboard #chartjs-tooltip {
    position: absolute;
    color: var(--color-text-primary);
    border-radius: 4px;
    padding: 6px;
    font: normal 12px 'Gilroy';
    line-height: 1.2;
    transition: all .1s ease;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.9);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.webbpm.ervu_dashboard #chartjs-tooltip .tooltip-color {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    border-radius: 10px;
    border-color: var(--color-text-primary);
}
.webbpm.ervu_dashboard .graph-chart .chart-content {
    width: min(calc(10*var(--w-content)), 12.5rem);
    height: min(calc(7*var(--w-content)), 9rem);
}
.webbpm.ervu_dashboard :is(.graph-donut, .graph-donut-large) {
    display: flex;
    justify-content: center;
}
.webbpm.ervu_dashboard .graph-donut .chart-content {
    width: min(calc(8*var(--w-content)), 11rem);
    height: min(calc(8*var(--w-content)), 11rem);
}
.webbpm.ervu_dashboard .graph-donut-medium .chart-content {
    width: min(calc(10*var(--w-content)), 13.5rem);
    height: min(calc(10*var(--w-content)), 13.5rem);
}
.webbpm.ervu_dashboard .graph-donut-large .chart-content {
    width: min(calc(14*var(--w-content)), 18.5rem);
    height: min(calc(14*var(--w-content)), 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);
    border-top: 1px solid var(--color-primary-20);            
}
.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);
    border-left: 1px solid var(--color-primary-20);
}
.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 {
    margin-top: var(--indent-mini);
}
.webbpm.ervu_dashboard [class*="graph-legend"] > div > hbox,
.webbpm.ervu_dashboard [class*="graph-legend"] > div > text[class*="col-"] ~ text {
    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"],
.webbpm.ervu_dashboard [class*="graph-legend"] [class*="legend-diagcol"] {
    position: relative;
    padding-left: var(--indent-large);
}
.webbpm.ervu_dashboard [class*="graph-legend"] [class*="legend-col"]::before,
.webbpm.ervu_dashboard [class*="graph-legend"] [class*="legend-diagcol"]::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 [class*="graph-legend"] .legend-diagcol-lblue::before {
    background-color: #3fe4e3;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-diagcol-lblue-dk::before {
    background-color: #489bcf;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-diagcol-yellow::before {
    background-color: #eac766;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-diagcol-orange::before {
    background-color: #f19757;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-diagcol-orange-dk::before {
    background-color: #de613d;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-diagcol-green::before {
    background-color: #88c363;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-diagcol-red::before {
    background-color: #fc6f7c;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-diagcol-red-dk::before {
    background-color: #b53e59;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-diagcol-blue::before {
    background-color: #83a1e3;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-diagcol-rosa::before {
    background-color: #fd64c0;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-diagcol-lila-lt::before {
    background-color: #e5d4ee;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-diagcol-lila::before {
    background-color: #cb8be6;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-diagcol-lila-dk::before {
    background-color: #7e6ad9;
}

.webbpm.ervu_dashboard [class*="graph-legend"] [class*="col-"] label {
    font-family: 'GilroyEB';
}
.webbpm.ervu_dashboard [class*="graph-legend"] .col-red label {
    color: #e24040;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .col-lila label {
    color: #d04eff;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .col-yellow label {
    color: #ffc737;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .col-blue label {
    color: #00f0ff;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .col-orange label {
    color: #d98200;
}
.webbpm.ervu_dashboard [class*="graph-legend"] .col-green label {
    color: #00db5b;
}

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

.webbpm.ervu_dashboard .main-num-group > div.horizontal-container {
    align-items: flex-end;
}
.webbpm.ervu_dashboard .main-num-group > div text.title {
    font-family: 'GilroySB';
    font-size: var(--size-num-title);
    line-height: 1;
    margin-bottom: 0;
}
.webbpm.ervu_dashboard .main-num-group > div text.title + 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);
}
.webbpm.ervu_dashboard .main-num-group > div .form-group {
    margin-bottom: 0;
}
.webbpm.ervu_dashboard :is(.pers-group, .main-num-group) text label {
    width: auto;
}

.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);
}
.webbpm.ervu_dashboard .parent-block > .horizontal-container > * {
    flex: 1;
}
.webbpm.ervu_dashboard .parent-block > .horizontal-container > *:not(.child-block) {
    padding-right: 0;
} 
.webbpm.ervu_dashboard .parent-block > .horizontal-container > * + *,
.horizontal-container > .child-block + .child-block {
    margin-left: var(--indent-base);
}
.webbpm.ervu_dashboard .parent-block .vertical-container > .child-block + *,
.webbpm.ervu_dashboard .parent-block .vertical-container > .child-block + .child-block {
    margin-top: var(--indent-base);
}
.webbpm.ervu_dashboard .parent-block .child-block,
.webbpm.ervu_dashboard .parent-block .child-block + * {
    flex: 1;
}
.webbpm.ervu_dashboard .parent-block .donut-absolute-row ervu-chart-v2 {
    justify-content: flex-end;
    margin-top: max(calc(-3.5*var(--w-content)), -4.375rem);
}
.webbpm.ervu_dashboard .parent-block .child-block-marital.donut-absolute-row .nav-tabs > li {
    z-index: 1;
}
.webbpm.ervu_dashboard .parent-block .child-block-marital.donut-absolute-row ervu-chart-v2 {
    margin-top: max(calc(-3*var(--w-content)), -3.75rem);
    margin-left: var(--indent-base);
}
.webbpm.ervu_dashboard .parent-block .graph-legend-row {
    margin-top: var(--indent-base);
}
.webbpm.ervu_dashboard .parent-block .child-block-marital.donut-absolute-row  .graph-legend-row {
    margin-top: 0;
}

.webbpm.ervu_dashboard .bg-diamond {
    background-image: url(../img/svg/bg-diamond.svg);
    background-position: 100% 0;
    background-repeat: no-repeat;
}
.webbpm.ervu_dashboard .bg-diamond-people {
    background-image: url(../img/svg/bg-diamond.svg), url(../img/svg/bg-people.svg);
    background-position: 100% 0, 50% min(16vw, 20rem); /*320*/
    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);
}
.webbpm.ervu_dashboard .search-block .child-block:first-child {
    min-width: min(20vw, 25rem); /*400*/
    flex: 0;
    z-index: 1;
}
.webbpm.ervu_dashboard .search-block .child-block label {
    display: flex;
    color: var(--color-text-secondary);
    font-family: 'GilroyM';
    width: auto;
    padding: 0;
    margin: 0 0 var(--indent-mini) var(--indent-small);
}   

.webbpm.ervu_dashboard .search-block .child-block :is(.title, .nav-tabs, text, static-radio-button-group) {
    padding-left: var(--indent-small);
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group .form-group, 
.webbpm.ervu_dashboard .search-block .child-block .filter-group .component-float {
    width: 100%;
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker input {
    padding-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker input ~ .input-group-addon {
    display: flex;
    align-items: center;
    color: var(--color-text-primary);
    padding-right: var(--indent-small);
    border: 0;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    background-color: var(--color-dark-20);
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu {
    color: var(--color-text-primary);
    font-size: var(--size-text-secondary);
    width: min(12vw, 15rem); /*240*/
    min-width: min(12vw, 15rem); /*240*/;
    padding: var(--indent-small);
    border-radius: var(--indent-medium);
    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);
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu::after, 
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu::before {
    display: none;
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu th {
    font-weight: normal;
    font-family: GilroySB;
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu th:not(.dow):hover {
    color: var(--color-success);
    background-color: transparent;
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu td span {
    width: min(2.7vw, 3.375rem); /*54*/
    height: var(--indent-large);
    line-height: var(--indent-large);
    margin: 0;
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu :is(.old, .new) {
    color: var(--color-text-mute);
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu :is(.day, .month, .year, .decade).active,
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu :is(.day, .month, .year, .decade):hover {
    color: var(--color-success);
    background-color: transparent;
} 
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu :is(th, td) {
    height: var(--indent-large);
    line-height: var(--indent-large);
    width: var(--indent-large);
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .today,
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .today:hover {
    color: var(--color-text-primary);
    background: var(--color-success);
    text-shadow: none;
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .today::before {
    display: none;
}
.webbpm.ervu_dashboard .search-block .child-block .search-date .date > div {
    width: auto;
    /*min-width: min(7.5vw, 9.375rem);*/ /*150*/
}
.webbpm.ervu_dashboard .search-block .child-block .search-date date-time-picker + text {
    margin-left: 0;
}
.webbpm.ervu_dashboard .search-block .child-block .search-date text {
    color: var(--color-text-secondary);
}
.webbpm.ervu_dashboard .search-block .child-block .search-date text .form-group {
    margin-bottom: var(--indent-mini);
}
.webbpm.ervu_dashboard .search-block .child-block .tab-search-fio date-time-picker .bootstrap-datetimepicker-widget {
    inset: auto auto calc(var(--indent-small)*2 + var(--size-text-primary)*1.5)  !important;
}
.webbpm.ervu_dashboard .search-block .child-block .tab-search-fio date-time-picker ~ date-time-picker .bootstrap-datetimepicker-widget {
    right: 0 !important;
    left: auto !important;
}
.webbpm.ervu_dashboard .search-block .search-main-block {
    width: 100%;
    padding: 0;
}
.webbpm.ervu_dashboard .search-block .search-main-block > div {
    height: 100%;
}
.webbpm.ervu_dashboard .search-block.search-add-params .child-block:first-child {
    min-width: 100%;
}

.webbpm.ervu_dashboard .search-block.search-add-params .search-main-block, 
.webbpm.ervu_dashboard .search-block.search-add-params .search-main-block ~ vbox {
    width: 25%;
    padding-right: var(--indent-large);
}
.webbpm.ervu_dashboard .search-block.search-add-params .search-main-block ~ vbox {
    padding-left: var(--indent-large);
    border-left: 1px solid var(--color-primary-20);
}
.webbpm.ervu_dashboard .search-block.search-add-params .search-main-block ~ vbox:last-child {
    padding-right: 0;
}

.webbpm.ervu_dashboard .search-block .search-btn {
    margin-top: auto;
}
.webbpm.ervu_dashboard .search-block .search-btn .btn {
    color: var(--white);
    font-size: var(--size-text-subtitle);
    width: 100%;
    min-height:min(calc(3.6*var(--w-content)), 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);
}

.webbpm.ervu_dashboard .search-block .grid {
    flex-direction: column;
    flex: 1 1 auto;
    height: 100px;
}
.webbpm.ervu_dashboard .search-block .grid .ag-body-horizontal-scroll-viewport {
    overflow-x: auto;
}

.webbpm.ervu_dashboard .date-block {
    flex: 1;
}
.webbpm.ervu_dashboard .date-block text {
    padding: 0;
    margin: 0 0 var(--indent-mini) var(--indent-small);
}
.webbpm.ervu_dashboard .date-block .free-label {
    flex: 0 !important;
    margin: 0;
}
.webbpm.ervu_dashboard .date-block label {
    color: var(--color-text-secondary);
}
.webbpm.ervu_dashboard .date-block combo-box label ~ .component-float {
    width: auto;
}
.webbpm.ervu_dashboard .date-block combo-box .selectize-control .selectize-input {
    width: min-content;
}
.webbpm.ervu_dashboard .date-block combo-box .selectize-control .selectize-input > input[text] {
    display: none !important;
}
.webbpm.ervu_dashboard .date-block > div > :last-child {
    margin-bottom: 0;
}
.webbpm.ervu_dashboard .date-block > div > :not(text) {
    margin-bottom: var(--indent-base);
}
.webbpm.ervu_dashboard .date-block > div > :last-child {
    margin-bottom: 0;
}

.webbpm.ervu_dashboard .pers-block .child-block text > div {
    display: flex;
    flex-direction: column;
}
.webbpm.ervu_dashboard .pers-block .child-block text > div label {
    color: var(--color-text-secondary);
    width: auto;
}
.webbpm.ervu_dashboard .pers-block .child-block .title ~ .title {
    margin-top: var(--indent-huge);
}
.webbpm.ervu_dashboard .pers-block .pers-info > .horizontal-container > * {
    flex-grow: 1;
    margin-right: var(--indent-large);
}
.webbpm.ervu_dashboard .pers-block .pers-info > .horizontal-container > *:last-child {
    margin-right: 0;
}
.webbpm.ervu_dashboard .pers-block .pers-info .form-group {
    margin-bottom: 0;
}
.webbpm.ervu_dashboard .pers-block .tab-active .horizontal-container > * {
    padding-right: 0;
}
.webbpm.ervu_dashboard .pers-block .tab-active .horizontal-container > * + * {
    padding-left: var(--indent-xlarge);
}
.webbpm.ervu_dashboard .pers-block grid-v2 {
    flex: 1 1 auto;
}

.webbpm.ervu_dashboard grid-v2 {
    flex: 1;
    height: auto;
}
.webbpm.ervu_dashboard .grid {
    min-height: 92px;
}
.webbpm.ervu_dashboard ag-grid-angular,
.webbpm.ervu_dashboard ag-grid-angular .ag-root-wrapper,
.webbpm.ervu_dashboard ag-grid-angular .ag-root-wrapper-body.ag-layout-normal,
.webbpm.ervu_dashboard ag-grid-angular .ag-root {
    min-height: inherit;
}
.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;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-header .ag-header-row {
    border-bottom: 1px solid var(--color-primary-5);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-header .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);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-header .ag-header-cell::after {
    background-color: var(--color-primary-5);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-header .ag-header-cell:first-child {
    padding-left: var(--indent-base);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-header .ag-header-cell:last-child {
    padding-right: var(--indent-base);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root {
    border: 0;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-row {
    color: var(--color-text-primary);
    font-size: var(--size-text-addprimary);
    font-family: 'GilroyM';
    border-radius: var(--indent-mini);
    border: 1px solid var(--color-primary-20);
    background-color: var(--bg-brick);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-row:is(.ag-row-selected, .ag-row-hover) {
    background-color: var(--bg-brick) !important;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-row:is(.ag-row-selected, .ag-row-hover):before {
    border-radius: var(--indent-mini);
    background-color: var(--bg-brick) !important;               
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell {
    display: flex;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-not-inline-editing {
    padding-left: 12px;
    padding-right: 12px;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-not-inline-editing:first-child {
    padding-left: var(--indent-base);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-not-inline-editing:last-child {
    padding-right: var(--indent-base);           
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-focus {
    border-color: transparent;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.cell-font-big {
    font-size: var(--size-text-subtitle);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.cell-font-small {
    font-size: var(--size-text-primary);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell[class*="cell-font-narrow"] {
    color: var(--color-text-secondary);
    font-family: 'Gilroy';
    line-height: normal;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.cell-font-narrow-small {
    font-size: var(--size-text-primary);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell[class*="cell-score"] {
    justify-content: end;
    font-size: var(--size-num-subtitle);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell[class*="cell-score"].cell-font-big {
    font-size: var(--size-text-subtitle);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell[class*="cell-score"] .ag-cell-value {
    overflow: visible;            
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.cell-score-success {
    color: var(--color-success);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.cell-score-alarm {
    color: var(--color-error);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell .ag-cell-wrapper {
    overflow: hidden;
}

.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell .grid-cell-checkbox {
    line-height: 1;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell input[type="checkbox"] {
    position: relative;
    width: var(--indent-medium);
    height: var(--indent-medium);
    padding: 0;
    margin: 0;
    border-radius: 4px;
    background-color: var(--color-dark-20);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell input[type="checkbox"]:checked {
    border: 1px solid var(--color-success);
    background-color: var(--color-primary-5);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell input[type="checkbox"]:checked::before {
    position: absolute;
    content: "\f272";
    display: flex;
    align-items: center;
    font-family: bootstrap-icons !important;
    font-size: var(--size-text-primary);
    width: var(--indent-medium);
    height: var(--indent-medium);
    left: 1px;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell input[type="checkbox"][disabled] {
    opacity: 0.65;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell input[type="checkbox"][disabled]:checked {
    border-color: var(--color-text-secondary);
}

.webbpm.ervu_dashboard ag-grid-angular .ag-overlay-loading-center {
    margin-top: 40px;
}
.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);
    backdrop-filter: var(--bg-blur-40);
}
.webbpm.ervu_dashboard .tooltip .arrow {
    display: none;
}

.webbpm.ervu_dashboard [class*="grid-with-indents"] ag-grid-angular .ag-root .ag-row,
.webbpm.ervu_dashboard [class*="grid-with-indents"] ag-grid-angular .ag-root .ag-row:is(.ag-row-selected, .ag-row-hover),
.webbpm.ervu_dashboard [class*="grid-with-indents"] ag-grid-angular .ag-root .ag-row:is(.ag-row-selected, .ag-row-hover)::before {
    border: 0;
    background-color: transparent !important;
}
.webbpm.ervu_dashboard [class*="grid-with-indents"] ag-grid-angular .ag-root .ag-cell,
.webbpm.ervu_dashboard [class*="grid-with-indents"] ag-grid-angular .ag-root .ag-cell.ag-cell-focus {
    border: 0;
}
.webbpm.ervu_dashboard [class*="grid-with-indents"] ag-grid-angular .ag-root .ag-cell {
    height: calc(100% - var(--indent-mini));
    padding-top: var(--indent-xmini);
    padding-bottom: var(--indent-xmini);
    background-color: var(--color-dark-20);
}
.webbpm.ervu_dashboard [class*="grid-with-indents"] ag-grid-angular .ag-root .ag-cell:first-child {
    border-top-left-radius: var(--indent-mini);
    border-bottom-left-radius: var(--indent-mini);
}
.webbpm.ervu_dashboard [class*="grid-with-indents"] ag-grid-angular .ag-root .ag-cell:last-child {
    border-top-right-radius: var(--indent-mini);
    border-bottom-right-radius: var(--indent-mini);
}
.webbpm.ervu_dashboard [class*="grid-with-indents"] ag-grid-angular .ag-root .ag-row:is(.ag-row-selected, .ag-row-hover) .ag-cell::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background-color: var(--color-dark-20);
}
.webbpm.ervu_dashboard [class*="grid-with-indents"] ag-grid-angular .ag-root .ag-cell .ag-cell-value {
    line-height: 1.5;
    z-index: 1;
}
.webbpm.ervu_dashboard .grid-with-indents {
}
.webbpm.ervu_dashboard .grid-with-indents-border ag-grid-angular .ag-root .ag-cell,
.webbpm.ervu_dashboard .grid-with-indents-border ag-grid-angular .ag-root .ag-cell.ag-cell-focus {
    border: 1px solid var(--color-primary-20);
    border-right: 0;
    border-left: 0;
    background-color: var(--bg-brick);
}
.webbpm.ervu_dashboard .grid-with-indents-border ag-grid-angular .ag-root .ag-cell:first-child {
    border-left: 1px solid var(--color-primary-20);
}
.webbpm.ervu_dashboard .grid-with-indents-border ag-grid-angular .ag-root .ag-cell:last-child {
    border-right: 1px solid var(--color-primary-20);
}
.webbpm.ervu_dashboard .grid-with-indents-border ag-grid-angular .ag-root .ag-row:is(.ag-row-selected, .ag-row-hover) .ag-cell::before {
    background-color: var(--bg-brick);
}

.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);
}
.webbpm.ervu_dashboard grid-v2.grid-rating ag-grid-angular .ag-row:is(.ag-row-selected, .ag-row-hover),
.webbpm.ervu_dashboard grid-v2.grid-rating ag-grid-angular .ag-row:is(.ag-row-selected, .ag-row-hover):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);
}
.webbpm.ervu_dashboard grid-v2.grid-header-free.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;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-row-summary-panel {
    margin-right: var(--indent-xlarge);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-page-summary-panel {
    margin: 0;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-page-summary-panel .ag-paging-description {
    margin: 0 64px;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .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);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button + .ag-paging-button {
    margin-left: var(--indent-xmini);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button .ag-icon {
    color: var(--color-text-primary);
    font-size: var(--size-text-subtitle);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button.ag-disabled {
    border-color: transparent;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button.ag-disabled .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;
}

.webbpm.ervu_dashboard grid-v2 + .subtitle {
    margin-top: var(--indent-medium);
}

/* ErvuFileUpload start */
.webbpm.ervu_dashboard #fileupload .parent-block {
    align-items: center;
    margin-top: var(--indent-xbase);
}
.webbpm.ervu_dashboard #fileupload .parent-block > div {
    width: 40%;
    padding: var(--indent-xbase);
}
.webbpm.ervu_dashboard #fileupload .parent-block .mute .form-group {
    margin-bottom: 0;
}

.webbpm.ervu_dashboard ervu-file-upload {
    padding: var(--indent-medium);
    border-radius: var(--indent-mini);
    border: 1px solid var(--color-primary-20);
    background-color: var(--bg-brick);
}
.webbpm.ervu_dashboard ervu-file-upload,
.webbpm.ervu_dashboard ervu-file-upload + button-component:not([hidden]) {
    margin-bottom: var(--indent-base);
}
.webbpm.ervu_dashboard .ervu-file-upload .file-drop-zone {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--color-text-secondary);
}
.webbpm.ervu_dashboard .ervu-file-upload .selected-file {
    flex-direction: row;
    display: flex;
    align-items: center;
}
.webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name {
    position: relative;
    padding-left: min(3vw, 3.75rem); /*60*/
}
.webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name::before {
    position: absolute;
    content: url(../img/svg/file-xlsx.svg);
    top: -2px;
    left: 0;
}
.webbpm.ervu_dashboard .ervu-file-upload .selected-file-size {
    color: var(--color-text-mute);
    white-space: nowrap;
    margin-left: var(--indent-base);
}
.webbpm.ervu_dashboard .ervu-file-upload .select-file-btn,
.webbpm.ervu_dashboard .ervu-file-upload .selected-file-delete-btn {
    font-size: var(--size-text-primary);
    font-family: 'GilroyM';
    margin: 0;
    border-radius: 100px;
    border: 0;
    background-color: var(--color-text-secondary);
}
.webbpm.ervu_dashboard .ervu-file-upload .select-file-btn {
    margin-top: var(--indent-base);
}
.webbpm.ervu_dashboard .ervu-file-upload .selected-file-delete-btn {
    margin-left: auto;
}
/* ErvuFileUpload end */

.webbpm.ervu_dashboard .modal-content {
    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 .modal-header {
    font-size: var(--size-text-subtitle);
    padding: 0;
    margin-bottom: var(--indent-medium);
    border: 0;
}
.webbpm.ervu_dashboard .modal-header .close {
    color: var(--color-text-primary);
    text-shadow: none;
    outline: transparent;
}
.webbpm.ervu_dashboard .modal-body {
    font-size: var(--size-text-primary);
    padding: 0;
}
.webbpm.ervu_dashboard .modal-footer {
    padding: var(--indent-medium) 0 0;
    margin-top: var(--indent-medium);
    border-top: 1px solid var(--color-primary-20);
}

/* Special pages */
.webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(1) {
    flex: 0;
}
.webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(2) {
    flex: 1.4;
}
.webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(3) {
    flex: 1.2;
}
.webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(4) {
    flex: 1.4;
}
.webbpm.ervu_dashboard #milregistration .parent-block > div > vbox:nth-child(1) {
   flex: 0;
}
.webbpm.ervu_dashboard #appeals .parent-block > div > vbox:nth-child(1) {
    flex: 2;
}
.webbpm.ervu_dashboard #appeals .parent-block > div > vbox:nth-child(2) {
    flex: 3;
}
.webbpm.ervu_dashboard #appeals .parent-block > div > vbox:nth-child(3) {
    flex: 2;
}
.webbpm.ervu_dashboard #appeals .parent-block > div > vbox:first-child > div > .child-block:first-child {
    z-index: 1;
}

.webbpm.ervu_dashboard [page-milregistration],
.webbpm.ervu_dashboard #milregistration > vbox,
.webbpm.ervu_dashboard #milregistration > vbox > .vertical-container,
.webbpm.ervu_dashboard [page-convicts],
.webbpm.ervu_dashboard #convicts > vbox,
.webbpm.ervu_dashboard #convicts > vbox > .vertical-container {
    height: 100%;
}
.webbpm.ervu_dashboard #milregistration,
.webbpm.ervu_dashboard #convicts {
    height: calc(100% - 68px);
}
.webbpm.ervu_dashboard #milregistration .parent-block,
.webbpm.ervu_dashboard #convicts .parent-block {
    flex: 1;
}
.webbpm.ervu_dashboard #milregistration .parent-block > div > vbox:nth-child(1),
.webbpm.ervu_dashboard #convicts .parent-block > div > vbox:nth-child(1) {
   flex: 0;
}
.webbpm.ervu_dashboard #milregistration .parent-block vbox:not(.child-block) .child-block,
.webbpm.ervu_dashboard #convicts .parent-block vbox:not(.child-block) .child-block {
    min-height: 45%;
}
.webbpm.ervu_dashboard #milregistration .parent-block vbox:not(.child-block) .child-block + .child-block,
.webbpm.ervu_dashboard #convicts .parent-block vbox:not(.child-block) .child-block + .child-block {
    min-height: calc(55% - var(--indent-base));
}

.webbpm.ervu_dashboard .child-block-business tab-container {
    height: 100%;
}
.webbpm.ervu_dashboard .child-block-business tab-container .tab-active > .active {
    display: flex;
    align-items: center;
}

.webbpm.ervu_dashboard .child-block-education .graph-legend-row {
    margin-top: 0;
}
.webbpm.ervu_dashboard .child-block-education .graph-legend-row + .graph-legend-row {
    padding-top: var(--indent-base);
    margin-top: var(--indent-base);
    border-top: 1px solid var(--color-primary-20);
}
.webbpm.ervu_dashboard .child-block-education .graph-legend-row > .horizontal-container > vbox + vbox {
    border-left: 0;
}
.webbpm.ervu_dashboard .child-block-education .graph-legend-row > .horizontal-container > * {
    width: 100%;
}

.webbpm.ervu_dashboard [page-citizen],
.webbpm.ervu_dashboard #citizen,
.webbpm.ervu_dashboard [page-citizen_all_filters],
.webbpm.ervu_dashboard #citizen_all_filters {
    height: 100%;
}
.webbpm.ervu_dashboard #citizen,
.webbpm.ervu_dashboard #citizen_all_filters {
    display: flex;
    flex-direction: column;
}
.webbpm.ervu_dashboard #citizen > vbox:first-child,
.webbpm.ervu_dashboard #citizen .search-block,
.webbpm.ervu_dashboard #citizen_all_filters > vbox:first-child,
.webbpm.ervu_dashboard #citizen_all_filters .search-block {
    flex: 1;
}

.webbpm.ervu_dashboard.citizencard .container-inside {
    height: calc(100vh - var(--h-header));    
    overflow: hidden;
}
.webbpm.ervu_dashboard.citizencard [page-citizencard],
.webbpm.ervu_dashboard.citizencard #citizencard,
.webbpm.ervu_dashboard.citizencard #citizencard > vbox,
.webbpm.ervu_dashboard.citizencard vbox > .vertical-container,
.webbpm.ervu_dashboard.citizencard hbox > .horizontal-container {
    height: 100%;
}
.webbpm.ervu_dashboard.citizencard .pers-block {
    flex: 1;
}
.webbpm.ervu_dashboard.citizencard .pers-block .child-block:first-child {
    flex: 0;
}
.webbpm.ervu_dashboard.citizencard .pers-block .child-block:last-child {
    flex: 1;
}

.webbpm.ervu_dashboard.citizen .container-inside {
    height: calc(100vh - var(--h-header));
    overflow: hidden;
}
.webbpm.ervu_dashboard.citizen .search-block .child-block > div {
    flex: 1;
}
.webbpm.ervu_dashboard.citizen .search-block filter-group {
    flex: 1;
}
.webbpm.ervu_dashboard.citizen .search-block .filter-group,
.webbpm.ervu_dashboard.citizen .search-block .filter-group > div {
    height: 100%;
}
.webbpm.ervu_dashboard.citizen .search-block .tab-search-fio > div {
    display: flex;
    flex-direction: column;
}
.webbpm.ervu_dashboard.citizen .search-block .tab-search-fio > div > vbox:not(.search-btns) {
    position: relative;
    flex: 1;
}
.webbpm.ervu_dashboard.citizen .search-block.search-add-params tab-container .tab-active > div {
    display: flex;
    flex-direction: column;
}
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs {
    margin-bottom: min(6vw, 7.5rem); /*120*/
}
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
    position: absolute;
    width: calc(min(20vw, 23.75rem) - var(--indent-large));
    bottom: 0;
    z-index: 1;
}
.webbpm.ervu_dashboard.citizen .search-block .search-btns clear-filter-button .btn {
    font-family: 'Gilroy';
    font-size: var(--size-text-primary);
    color: var(--color-text-primary);
    padding: 0;
    margin: 0;
    border: 0;
    border-bottom: 2px solid var(--color-text-primary);
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    outline: transparent;
}

.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs,
.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs,
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active,
.webbpm.ervu_dashboard.citizen .search-block .tab-search-fio > div > vbox:not(.search-btns) > div {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: auto;
}
.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active {
    left: calc(min(20vw, 23.75rem) + var(--indent-large));
}
/* end - Special pages */




.webbpm.ervu_dashboard .wrapper {
    width: calc(100% - 340px);
}



@media (min-width: 1921px) {
    .webbpm.ervu_dashboard check-box label span {
        width: max(1.4vw, 1.75rem); /*28*/
        height: max(1.4vw, 1.75rem); /*28*/
    }
    .webbpm.ervu_dashboard .radio-horizontal input[type="radio"] {;
        width: max(1.4vw, 1.75rem); /*28*/
        height: max(1.4vw, 1.75rem); /*28*/
    }
    .webbpm.ervu_dashboard dropdown-tree-view .row-item label {
        min-width: max(7.5vw, 9.375rem); /*150*/
    }
    .webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn, .upload-btn) .btn,
    .webbpm.ervu_dashboard .selected-file-delete-btn {
        width: max(1.8vw, 2.25rem); /*36*/
        height: max(1.8vw, 2.25rem); /*36*/
        min-width: max(1.8vw, 2.25rem);
    }
    .webbpm.ervu_dashboard .text-fixed-percent {
        min-width: max(3vw, 3.75rem) !important; /*60*/
    }
    .webbpm.ervu_dashboard .text-fixed-percent-medium {
        min-width: max(3.5vw, 4.375rem) !important; /*70*/
    }
    .webbpm.ervu_dashboard text label {
        width: max(7.5vw, 9.375rem) ; /*150px*/
    }
    .webbpm.ervu_dashboard .tab-vertical .nav-tabs {
        width: max(20vw, 23.75rem); /*380*/
    }
    .webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active {
        width: calc(100% - max(20vw, 23.75rem) - var(--indent-large));
    }
    .webbpm.ervu_dashboard .graph-chart .chart-content {
        width: max(calc(10*var(--w-content)), 12.5rem);
        height: max(calc(7*var(--w-content)), 9rem);
    }
    .webbpm.ervu_dashboard .graph-donut .chart-content {
        width: max(calc(8*var(--w-content)), 11rem);
        height: max(calc(8*var(--w-content)), 11rem);
    }
    .webbpm.ervu_dashboard .graph-donut-medium .chart-content {
        width: max(calc(10*var(--w-content)), 13.5rem);
        height: max(calc(10*var(--w-content)), 13.5rem);
    }
    .webbpm.ervu_dashboard .graph-donut-large .chart-content {
        width: max(calc(14*var(--w-content)), 18.5rem);
        height: max(calc(14*var(--w-content)), 18.5rem);
    }
    .webbpm.ervu_dashboard .bg-diamond-people {
        background-position: 100% 0, 50% max(16vw, 20rem); /*320*/
    }
    .webbpm.ervu_dashboard .search-block .child-block:first-child {
        min-width: max(20vw, 25rem); /*400*/
    }
    .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu {
        width: max(12vw, 15rem); /*240*/
        min-width: max(12vw, 15rem); /*240*/;
    }
    .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu td span {
        width: max(2.7vw, 3.375rem); /*54*/
    }
    .webbpm.ervu_dashboard .search-block .search-btn .btn {
        min-height:max(calc(3.6*var(--w-content)), 4.5rem); /*72*/
    }
    .webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button {
        width: max(2.9vw, 3.625rem); /*58*/
        height: max(2.9vw, 3.625rem); /*58*/
    }
    .webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name {
        padding-left: max(3vw, 3.75rem); /*60*/
    }
    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs {
        margin-bottom: max(6vw, 7.5rem); /*120*/
    }
    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
        width: calc(max(20vw, 23.75rem) - var(--indent-large));
    }
    .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active {
        left: calc(max(20vw, 23.75rem) + var(--indent-large));
    }
}
/*
@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;
    }
    .webbpm.ervu_dashboard .top-btn-block .horizontal-container > * + * {
        margin-left: 0;
    }
    .webbpm.ervu_dashboard .top-btn-block .component-float {
        width: auto;
    }
    .webbpm.ervu_dashboard .top-btn-block .pull-right {
        margin-left: 0;
    }
    .webbpm.ervu_dashboard .top-btn-block .pull-right > div {
        justify-content: flex-start;
    }

    .webbpm.ervu_dashboard [class*="text-fixed-percent"] {
        flex: auto !important;
    }

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

    .webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn, .upload-btn) .btn {
        position: relative;
        display: grid;
        place-items: center;
        width: 2.25rem;
        height: 2.25rem;
    }

    .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;
    }

    .webbpm.ervu_dashboard .search-block .child-block:first-child {
        flex: 1 0 auto;
    }
    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
        position: relative;
        width: 100%;
        overflow: visible;
    }
    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs {
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .webbpm.ervu_dashboard .top-btn-block .horizontal-container {
        flex-direction: column;
    }
    .webbpm.ervu_dashboard .top-btn-block .horizontal-container combo-box {
        padding-right: 0;
    }
    .webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) + :is(button-component, static-route-navigation-button) {
        margin-left: 0;
        margin-top: var(--indent-xmini);
    }
    .webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) 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;
    }
    .webbpm.ervu_dashboard .graph-legend-row > .horizontal-container {
        flex-direction: column;
    }
    .webbpm.ervu_dashboard .graph-legend-row > .horizontal-container > 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);
    }
    .webbpm.ervu_dashboard .graph-legend-row > .horizontal-container .text-invert > div {
        justify-content: flex-end;
    }
    .webbpm.ervu_dashboard .graph-legend-column .horizontal-container {
        flex-direction: column;
    }
    .webbpm.ervu_dashboard .graph-legend-column .horizontal-container .pull-right {
        justify-content: flex-start;
        margin-left: 0;
    }
    .webbpm.ervu_dashboard .donut-absolute-row .active > vbox > .vertical-container {
        flex-direction: row;
    }
    .webbpm.ervu_dashboard .donut-absolute-row .active > vbox > .vertical-container 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;
    }
    .webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button {
        width: 3rem;
        height: 3rem;
    }
    .webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .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;
    }
    .webbpm.ervu_dashboard .search-add-params .search-main-block,
    .webbpm.ervu_dashboard .search-add-params .search-main-block ~ vbox {
        width: 100% !important;
    }
    .webbpm.ervu_dashboard .search-add-params .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;
    }
    .webbpm.ervu_dashboard .search-add-params .child-block check-box label > span {
        width: 1.75rem;
        height: 1.75rem;
    }
    .webbpm.ervu_dashboard .search-add-params .child-block check-box + text {
        margin-left: 1.75rem !important;
    }

    .webbpm.ervu_dashboard.citizen .container-inside,
    .webbpm.ervu_dashboard.citizencard .container-inside {
        overflow: auto;
    }
    .webbpm.ervu_dashboard .tab-vertical > div,
    .webbpm.ervu_dashboard .pers-block .horizontal-container {    
        flex-direction: column;
    }
    .webbpm.ervu_dashboard .search-block .grid {
        min-height: 300px;
    }    
    .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs,
    .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs,
    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active,
    .webbpm.ervu_dashboard.citizen .search-block .tab-search-fio > div > vbox:not(.search-btns) > div {
        position: relative;
        width: 100%;
        overflow: visible;
    }
    .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs,
    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs {
        padding-right: 0;
        margin-right: 0;
    }
    .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active {
        left: 0;
    }
    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
        width: 100%;
    }
    .webbpm.ervu_dashboard .pers-block .child-block:nth-child(2) .horizontal-container vbox,
    .webbpm.ervu_dashboard .pers-block .child-block:nth-child(2) .horizontal-container text {
        width: 100% !important;
    }
}
*/

/*
grid-checkbox

.webbpm.ervu_dashboard ag-grid-angular .ag-cell .grid-cell-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-color: var(--color-dark-20);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-cell .grid-cell-checkbox {
    content: url(../img/svg/mark.svg);
    border: 1px solid var(--color-success);
    background-color: var(--color-primary-5);
}
.webbpm.ervu_dashboard ag-grid-angular .ag-cell .grid-cell-checkbox > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
*/
