:root {
    --teal100: #f6f8f9;
    --teal300: #e5ebec;
    --teal400: #c4d2d4;
    --teal500: #007b8f;
    --teal600: #006272;
    --teal700: #003e51;
    --gray200: #ebebeb;
    --gray400: #a0a7b1;
    --yellow150: #ffeab8;
    --lightgreen: #f0fff6;
    --red-text: #b22b00;
    
    --link-col-1: #478e94;
    --link-col-2: #0c4962;
    --link-col-3: #556170;
    
    --small-border-radius: 8px;
    --left-navbar-border-radius: var(--small-border-radius);
    --collapsible-panel-header-background-color: var(--teal400);
    --collapsible-panel-header-text-color: var(--teal500);
    --primary-color: var(--teal500);
    --primary-hover-color: var(--teal700);
    --unvisited-link-color: var(--link-col-3);
    --disabled-color: var(--gray400);
    --disabled-background-color: var(--gray200);
    --warning-color: var(--yellow150);
    
    --wf-bg-col-past: var(--gray200);
    --wf-bg-col-current: var(--teal500);
    --wf-bg-col-future: var(--lightgreen);
    --wf-bg-col-nonblocking: #f9f8f7;
    --wf-col-past: black;
    --wf-col-current: white;
    --wf-col-future: black;
    --wf-col-nonblocking: black;
}

.my-tasks-web-part :is(.task_highlight, .task_normal, .task_lowlight) td {
    background-color: var(--gray200);
}

.wfStepToolBar_current a {
    color: var(--wf-col-current);
}

[data-flwp-item-column=Task_TimeRemaining] {
    border-radius: var(--large-border-radius);
    padding: var(--small-border-radius-padding);
    text-wrap: nowrap;
    display: flex;
    justify-content: center;
}

.task_highlight [data-flwp-item-column=Task_TimeRemaining] {
    background: #ffe4db;
    color: var(--red-text);
}

.task_normal [data-flwp-item-column=Task_TimeRemaining] {
    background: #ccf8ff;
    color: black;
}

.menu ul {
    margin-bottom: 10px !important
}

table.ms-toolbar {
    background: #f9f8f7;
    border: #d6d3c8 1px solid;
}

.tree-viewer .boxTitle {
    background: none transparent scroll repeat 0% 0%;
    border: medium none;
}

.tree-viewer .tree-filter {
    background: none transparent scroll repeat 0% 0%;
    border: medium none;
}

.tree-viewer .box {
    background: none transparent scroll repeat 0% 0%;
    border: medium none;
}

.wizard .title-pane {
    border-style: none;
    border-color: inherit;
    border-width: medium;
}

a.ms-toolbar:hover {
    text-decoration: underline;
    color: var(--link-col-2);
}

.ms-vb2 a:link {
    color: var(--link-col-1);
}

.hasMoreContractsRow {
    font-weight: bold;
}

.ms-formlabel {
    text-align: left;
    padding-bottom: 3px;
    padding-right: 8px;
    color: #525252;
    font-weight: bold;
    padding-top: 3px;
}

.ms-formbody {
    padding: 3px 6px;
    background: #f6f6f6;
    vertical-align: top;
}

/*üldised*/
.collapsible {
    font-weight: bold;
}

.hia-collapsible-panel-title, .panel-default > .panel-heading {
    font-weight: bold;
    background-size: cover;
}

/*dokumendihaldus*/

.toolbar-wrap {
    font-weight: bold;
}

.hia-hierarchy-breadcrumb {
    color: white !important;
    font-size: 8pt;
}

.hia-hierarchy-breadcrumb span {
    font-size: 8pt;
}

.wizard .title-pane {
    background: white !important;
    border: none !important;
    color: #222 !important;
    padding: 10px !important;
}

.wizard .stepsTable td.current {
    background: #f60 !important;
    color: #fff !important;
}

.wizard .stepsTable td {
    border-bottom: 1px solid var(--default-border-color) !important;
}

.wizard .stepsPane {
    background: #fff !important;
    border-right-color: var(--default-border-color) !important;
}

.wizard .stepsTable td.complete {
    background-color: #d6d3c8 !important;
}

.wizard .stepTitle {
    font-size: var(--f14) !important;
}

span.hiaPermissionsPickerDescription {
    color: var(--red-text);
    font-weight: bold;
}

/*Workflows*/

.my-tasks-web-part :is(.task_highlight TD, .task_highlight a) {
    color: var(--red-text) !important;
}

.my-tasks-web-part :is(.task_highlight TD, .task_normal TD, .task_lowlight TD) {
    border-top: 1px solid var(--default-border-color);
    border-bottom: 1px solid var(--default-border-color);
}

.bottom-buttons-pane {
    background-color: #00252E !important;
}

.myStoppedWorkFlows {
    width: 100%;
}

.new-workflow-toolbar {
    color: #013B51 !important;
}

.finished-workflow-toolbar {
    color: #013B51 !important;
}

.paper-archive-display-form-toolbar {
    color: #013B51 !important;
}

.document-tree .contentTypeName {
    font-weight: normal;
    float: right;
    margin-left: 20px;
}

.hia-table .summary-row {
    background: #fcfcfc !important;
    font-weight: normal !important;
}

.left-navbar a.nav-link {
    background-color: var(--teal600);
    font-weight: 400;
    color: gainsboro;
}

.left-navbar a.root-nav-link {
    color: white;
    font-weight: 400;
    background-color: var(--configured-header-bg-color, var(--teal700));
}

.left-navbar a.non-root-nav-link {
    border-bottom: #fff 1px solid;
}

.left-navbar a.non-root-nav-link:hover {
    color: #f60;
    background-color: white;
    text-decoration: none;
}

.left-navbar {
    font-size: var(--f13);
}

.left-navbar-content {
    padding-left: 5px;
    padding-right: 5px;
}

.hia-webpart-content.warning-box {
    margin: 0;
}

.hia-webpart-content.warning-box > a {
    display: flex;
    gap: 9px; /* just a hack, 5px from other web part title gaps + 4px different icon size */
}

.hia-webpart-content.warning-box > a > img {
    margin: auto 8px;
}