.webbpm.ervu_dashboard {
    --white: #fff;
    --color-text-primary: #020c12;
    --color-text-mute: rgba(2, 12, 18, 0.58);
    --color-link: #015e98;

    --border: rgba(1, 72, 116, 0.1);
    --shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.15);

    --input-bg: rgba(242, 248, 253, 0.75);
    --input-border: rgba(1, 72, 116, 0.18);
    --page-bg: rgba(38, 117, 166, 0.025);
    --header-bg: rgba(53, 126, 172, 0.05);
    --block-bg: rgba(53, 126, 172, 0.1);
    --block-active-bg: linear-gradient(155deg, #1497cf 0%, #064f99 100%);
    --block-shadow: 0 3px 2px -2px rgba(0, 75, 118, 0.15);

    --size-text-header: 28px;
    --size-text-title: 20px;
    --size-text-subtitle: 16px;
    --size-text-addprimary: min(1vw, 1.25rem); /*20px*/
    --size-text-primary: 14px;
    --size-text-secondary: min(0.7vw, 0.875rem); /*14px*/

    --size-num-title: min(3vw, 3.75rem); /*60px*/
    --size-num-subtitle: min(2.4vw, 3rem); /*48px*/
    --size-num-addtitle: min(2vw, 2.5rem); /*40px*/
    --size-num-primary: min(1.6vw, 2rem); /*32px*/ 
    --size-num-secondary: min(1.2vw, 1.5rem); /*24px*/

    --indent-huge: min(2.4vw, 3rem); /*48*/
    --indent-xlarge: 40px;
    --indent-large: min(1.6vw, 2rem); /*32*/
    --indent-medium: 24px;
    --indent-xbase: 20px;
    --indent-base: 16px;
    --indent-small: 12px;
    --indent-mini: 8px;
    --indent-xmini: 4px;

    --h-header: 68px;
}

.webbpm.ervu_dashboard {
    display: flex;
    flex-direction: column;
    color: var(--color-text-primary);
    font-family: 'Golos';
}

.webbpm.ervu_dashboard .container {
    padding: var(--h-header) 0 0;
    bottom: 0;
    background-color: var(--page-bg);
}
.webbpm.ervu_dashboard .container-inside {
    position: relative;
    font-family: 'Golos';
    font-size: var(--size-text-primary);
    height: 100%;
    padding: var(--indent-base) var(--indent-xbase) var(--indent-xbase);
    overflow: auto;
}

.webbpm.ervu_dashboard .header-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: var(--indent-xbase);
}
.webbpm.ervu_dashboard .header-logo .logo-title {
    font-family: 'GolosM';
    font-size: var(--size-text-header);
}

.webbpm.ervu_dashboard .header {
    display: flex;
    font-family: 'Golos';
    font-size: var(--size-text-primary);
    color: var(--color-text-primary);
    width: 100%;
    height: auto;
    min-height: var(--h-header);
    background-color: var(--header-bg);
}
.webbpm.ervu_dashboard .header > div > * {
    position: relative;
    display: flex;
    align-items: center;
}

@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-width: thin;
        scrollbar-color: var(--color-text-primary) transparent;
    }
}
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: var(--color-text-primary);
}
::-webkit-scrollbar-track {
    height: 4px;
    background-color: transparent;
}

.webbpm.ervu_dashboard .progress {
    width: 64px;
    height: 64px;
    border: 5px dotted var(--color-text-primary);
    border-radius: 100%;
    display: inline-block;
    position: relative;
    background: transparent;
    box-sizing: border-box;
    animation: rotation 2.5s linear infinite;
}
.webbpm.ervu_dashboard .loader.modal .modal-content {
    border: 0;
    background: transparent;
    box-shadow: none;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
