/* input(473,49): run-time error CSS1046: Expect comma, found '60'
input(473,55): run-time error CSS1046: Expect comma, found '/' */
:root, body.light {
    /* Colors */
    --success-color: #009921;
    --fail-color: #c40202;
    /* Text color */
    --primary-text-color: #000000;
    --secondary-text-color: #777777;
    --field-disabled-text-color: #606060;
    --decent-text-color: #a0a0a0;
    /* Link color */
    --primary-link-color: #0000aa;
    --primary-link-hovered-color: #6594D5; /* NOT DONE*/
    --secondary-link-color: #000000;
    /* Background color */
    --background-filer: none;
    --base-background-color: #ffffff;
    --accent-background-color: #ffffff;
    --primary-background-color: var(--base-background-color);
    --primary-background-hovered-color: aliceblue;
    --secondary-background-color: #f9fafb;
    --secondary-background-hovered-color: #e5e7eb;
    --field-background-color: var(--base-background-color);
    --field-disabled-background-color: #efefef;
    --important-background-color: #ff0000;
    /* Border color */
    --base-border-color: #e5e7eb;
    --primary-border-color: #bbbbbb;
    --secondary-border-color: #ffffff;
    --field-border-color: #cccccc;
    --field-disabled-border-color: var(--field-border-color);
    /* Button color */
    --button-accent-color: #0036b5;
    --button-negative-accent-color: #660000;
    --button-disabled-accent-color: #eee;
    --button-decent-color: #ffffff;
    --button-hover-color: #0056d5;
    --button-negative-hover-color: #880000;
    /* Menu color */
    --menu-group-background-color: lightblue;
    --menu-item-background-color: var(--primary-background-hovered-color);
    --menu-item-link-color: var(--secondary-link-color);
    /* Theme color */
    --button-theme-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJsaWdodGJ1bGIiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzUyIDUxMiIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWxpZ2h0YnVsYiBmYS13LTExIGZhLTd4Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNzYgMEM3My4wNSAwLS4xMiA4My41NCAwIDE3Ni4yNGMuMDYgNDQuMjggMTYuNSA4NC42NyA0My41NiAxMTUuNTRDNjkuMjEgMzIxLjAzIDkzLjg1IDM2OC42OCA5NiAzODRsLjA2IDc1LjE4YzAgMy4xNS45NCA2LjIyIDIuNjggOC44NGwyNC41MSAzNi44NGMyLjk3IDQuNDYgNy45NyA3LjE0IDEzLjMyIDcuMTRoNzguODVjNS4zNiAwIDEwLjM2LTIuNjggMTMuMzItNy4xNGwyNC41MS0zNi44NGMxLjc0LTIuNjIgMi42Ny01LjcgMi42OC04Ljg0TDI1NiAzODRjMi4yNi0xNS43MiAyNi45OS02My4xOSA1Mi40NC05Mi4yMkMzMzUuNTUgMjYwLjg1IDM1MiAyMjAuMzcgMzUyIDE3NiAzNTIgNzguOCAyNzMuMiAwIDE3NiAwem00Ny45NCA0NTQuMzFMMjA2Ljg1IDQ4MGgtNjEuNzFsLTE3LjA5LTI1LjY5LS4wMS02LjMxaDk1Ljl2Ni4zMXptLjA0LTM4LjMxaC05NS45N2wtLjA3LTMyaDk2LjA4bC0uMDQgMzJ6bTYwLjQtMTQ1LjMyYy0xMy45OSAxNS45Ni0zNi4zMyA0OC4xLTUwLjU4IDgxLjMxSDExOC4yMWMtMTQuMjYtMzMuMjItMzYuNTktNjUuMzUtNTAuNTgtODEuMzFDNDQuNSAyNDQuMyAzMi4xMyAyMTAuODUgMzIuMDUgMTc2IDMxLjg3IDk5LjAxIDkyLjQzIDMyIDE3NiAzMmM3OS40IDAgMTQ0IDY0LjYgMTQ0IDE0NCAwIDM0Ljg1LTEyLjY1IDY4LjQ4LTM1LjYyIDk0LjY4ek0xNzYgNjRjLTYxLjc1IDAtMTEyIDUwLjI1LTExMiAxMTIgMCA4Ljg0IDcuMTYgMTYgMTYgMTZzMTYtNy4xNiAxNi0xNmMwLTQ0LjExIDM1Ljg4LTgwIDgwLTgwIDguODQgMCAxNi03LjE2IDE2LTE2cy03LjE2LTE2LTE2LTE2eiIgY2xhc3M9IiI+PC9wYXRoPjwvc3ZnPg==');
    --button-theme-dark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjc5LjEzNSA1MTJjNzguNzU2IDAgMTUwLjk4Mi0zNS44MDQgMTk4Ljg0NC05NC43NzUgMjguMjctMzQuODMxLTIuNTU4LTg1LjcyMi00Ni4yNDktNzcuNDAxLTgyLjM0OCAxNS42ODMtMTU4LjI3Mi00Ny4yNjgtMTU4LjI3Mi0xMzAuNzkyIDAtNDguNDI0IDI2LjA2LTkyLjI5MiA2Ny40MzQtMTE1LjgzNiAzOC43NDUtMjIuMDUgMjguOTk5LTgwLjc4OC0xNS4wMjItODguOTE5QTI1Ny45MzYgMjU3LjkzNiAwIDAgMCAyNzkuMTM1IDBjLTE0MS4zNiAwLTI1NiAxMTQuNTc1LTI1NiAyNTYgMCAxNDEuMzYgMTE0LjU3NiAyNTYgMjU2IDI1NnptMC00NjRjMTIuOTg1IDAgMjUuNjg5IDEuMjAxIDM4LjAxNiAzLjQ3OC01NC43NiAzMS4xNjMtOTEuNjkzIDkwLjA0Mi05MS42OTMgMTU3LjU1NCAwIDExMy44NDggMTAzLjY0MSAxOTkuMiAyMTUuMjUyIDE3Ny45NDRDNDAyLjU3NCA0MzMuOTY0IDM0NC4zNjYgNDY0IDI3OS4xMzUgNDY0Yy0xMTQuODc1IDAtMjA4LTkzLjEyNS0yMDgtMjA4czkzLjEyNS0yMDggMjA4LTIwOHoiLz48L3N2Zz4=');
    --button-theme-system: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBkPSJNNTI4IDBINDhDMjEuNSAwIDAgMjEuNSAwIDQ4djMyMGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgxOTJsLTE2IDQ4aC03MmMtMTMuMyAwLTI0IDEwLjctMjQgMjRzMTAuNyAyNCAyNCAyNGgyNzJjMTMuMyAwIDI0LTEwLjcgMjQtMjRzLTEwLjctMjQtMjQtMjRoLTcybC0xNi00OGgxOTJjMjYuNSAwIDQ4LTIxLjUgNDgtNDhWNDhjMC0yNi41LTIxLjUtNDgtNDgtNDh6bS0xNiAzNTJINjRWNjRoNDQ4djI4OHoiLz48L3N2Zz4=');
    /* Images */
    --sync-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2U9Im5vbmUiIGZpbGw9IiMwMDAwMDAiPjxwYXRoIGQ9Ik0xMi45NzkgMy4wNTVjNC41MDguNDg5IDguMDIxIDQuMzA2IDguMDIxIDguOTQ1LjAwMSAyLjY5OC0xLjE5NCA1LjExMy0zLjA3NSA2Ljc2M2wtMS42MzMtMS4yNDVjMS42NDUtMS4yODIgMi43MDktMy4yNzYgMi43MDgtNS41MTggMC0zLjUyNy0yLjYyNC02LjQ0NS02LjAyMS02LjkyM3YyLjkyM2wtNS4yNS00IDUuMjUtNHYzLjA1NXptLTEuOTc5IDE1Ljg2NWMtMy4zODctLjQ4Ni02LTMuNDAxLTYuMDAxLTYuOTIgMC0yLjIzNyAxLjA2MS00LjIyOCAyLjY5Ny01LjUwOWwtMS42MzEtMS4yNDVjLTEuODc2IDEuNjUtMy4wNjYgNC4wNjEtMy4wNjUgNi43NTQtLjAwMSA0LjYzMiAzLjUwMiA4LjQ0NCA4IDguOTQydjMuMDU4bDUuMjUtNC01LjI1LTR2Mi45MnoiLz48L3N2Zz4=');
    --tree-expand-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPHN2ZyB2aWV3Qm94PScwIDAgMjEgMjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+DQo8ZyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIHN0cm9rZT0nIzAwMDAwMCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg0IDQpJz4NCjxwYXRoIGQ9J20xMi41IDEwLjV2LThjMC0xLjEwNDU2OTUtLjg5NTQzMDUtMi0yLTJoLThjLTEuMTA0NTY5NSAwLTIgLjg5NTQzMDUtMiAydjhjMCAxLjEwNDU2OTUuODk1NDMwNSAyIDIgMmg4YzEuMTA0NTY5NSAwIDItLjg5NTQzMDUgMi0yeicvPg0KPHBhdGggZD0nbTYuNSAzLjV2Ni4wNTYnLz4NCjxwYXRoIGQ9J202LjUgMy41djYnIHRyYW5zZm9ybT0nbWF0cml4KDAgMSAtMSAwIDEzIDApJy8+DQo8L2c+DQo8L3N2Zz4=');
    --tree-collapse-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPHN2ZyB2aWV3Qm94PScwIDAgMjEgMjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+DQo8ZyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIHN0cm9rZT0nIzAwMDAwMCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg0IDQpJz4NCjxwYXRoIGQ9J20xMi41IDEwLjV2LThjMC0xLjEwNDU2OTUtLjg5NTQzMDUtMi0yLTJoLThjLTEuMTA0NTY5NSAwLTIgLjg5NTQzMDUtMiAydjhjMCAxLjEwNDU2OTUuODk1NDMwNSAyIDIgMmg4YzEuMTA0NTY5NSAwIDItLjg5NTQzMDUgMi0yeicvPg0KPHBhdGggZD0nbTYuNSAzLjV2NicgdHJhbnNmb3JtPSdtYXRyaXgoMCAxIC0xIDAgMTMgMCknLz4NCjwvZz4NCjwvc3ZnPg==');
    --tree-child-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiA+DQo8cGF0aCBzdHJva2Utd2lkdGg9IjEiIHN0eWxlPSJzdHJva2UtZGFzaGFycmF5OiAxLDIiIGQ9Ik0xNSwwIEwxNSwzMCIgLz4NCjxwYXRoIHN0cm9rZS13aWR0aD0iMSIgc3R5bGU9InN0cm9rZS1kYXNoYXJyYXk6IDEsMiIgZD0iTTE1LDE1IEwzMCwxNSIgLz4NCjwvc3ZnPg==');
    --tree-child-last-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIj4NCjxwYXRoIHN0cm9rZS13aWR0aD0iMSIgc3R5bGU9InN0cm9rZS1kYXNoYXJyYXk6IDEsMiIgZD0iTTE1LDAgTDE1LDE1IiAvPg0KPHBhdGggc3Ryb2tlLXdpZHRoPSIxIiBzdHlsZT0ic3Ryb2tlLWRhc2hhcnJheTogMSwyIiBkPSJNMTUsMTUgTDMwLDE1IiAvPg0KPC9zdmc+');
    /* Notifications */
    --notification-border-color: #eee8aa;
    --notification-background-color: #f6f3d4;
    --notification-negative-background-color: #f6b3a4;
    /* Scrollbar */
    --scrollbar-track-color: auto;
    --scrollbar-thumb-color: auto;
}

.dark {
    /* Colors */
    --success-color: #009921;
    --fail-color: #c40202;
    /* Text color */
    --primary-text-color: #ffffff;
    --secondary-text-color: #bdc0c5;
    --field-disabled-text-color: var(--secondary-text-color);
    --decent-text-color: #999da5;
    /* Link color */
    --primary-link-color: #629ce7;
    --primary-link-hovered-color: #6594D5;
    --secondary-link-color: #ffffff;
    /* Background color */
    --background-filer: brightness(0.5);
    --base-background-color: #292e35;
    --accent-background-color: #131519;
    --primary-background-color: #1e2127;
    --primary-background-hovered-color: #26292f;
    --secondary-background-color: #353b44;
    --secondary-background-hovered-color: #656b74;
    --field-background-color: var(--primary-background-hovered-color);
    --field-disabled-background-color: var(--base-background-color);
    --important-background-color: #ff0000;
    /* Border color */
    --base-border-color: #131519;
    --primary-border-color: #343943;
    --secondary-border-color: var(--base-border-color);
    --field-border-color: var(--primary-border-color);
    --field-disabled-border-color: var(--primary-background-hovered-color);
    /* Button color */
    --button-accent-color: var(--primary-link-color);
    --button-negative-accent-color: #ee4444;
    --button-disabled-accent-color: #505050;
    --button-decent-color: #000000;
    --button-hover-color: #427ca7;
    --button-negative-hover-color: #aa2222;
    /* Menu color */
    --menu-group-background-color: var(--primary-background-color);
    --menu-item-background-color: var(--primary-background-hovered-color);
    --menu-item-link-color: var(--primary-link-color);
    /* Theme color */
    --button-theme-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJsaWdodGJ1bGIiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzUyIDUxMiIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWxpZ2h0YnVsYiBmYS13LTExIGZhLTd4Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTc2IDBDNzMuMDUgMC0uMTIgODMuNTQgMCAxNzYuMjRjLjA2IDQ0LjI4IDE2LjUgODQuNjcgNDMuNTYgMTE1LjU0QzY5LjIxIDMyMS4wMyA5My44NSAzNjguNjggOTYgMzg0bC4wNiA3NS4xOGMwIDMuMTUuOTQgNi4yMiAyLjY4IDguODRsMjQuNTEgMzYuODRjMi45NyA0LjQ2IDcuOTcgNy4xNCAxMy4zMiA3LjE0aDc4Ljg1YzUuMzYgMCAxMC4zNi0yLjY4IDEzLjMyLTcuMTRsMjQuNTEtMzYuODRjMS43NC0yLjYyIDIuNjctNS43IDIuNjgtOC44NEwyNTYgMzg0YzIuMjYtMTUuNzIgMjYuOTktNjMuMTkgNTIuNDQtOTIuMjJDMzM1LjU1IDI2MC44NSAzNTIgMjIwLjM3IDM1MiAxNzYgMzUyIDc4LjggMjczLjIgMCAxNzYgMHptNDcuOTQgNDU0LjMxTDIwNi44NSA0ODBoLTYxLjcxbC0xNy4wOS0yNS42OS0uMDEtNi4zMWg5NS45djYuMzF6bS4wNC0zOC4zMWgtOTUuOTdsLS4wNy0zMmg5Ni4wOGwtLjA0IDMyem02MC40LTE0NS4zMmMtMTMuOTkgMTUuOTYtMzYuMzMgNDguMS01MC41OCA4MS4zMUgxMTguMjFjLTE0LjI2LTMzLjIyLTM2LjU5LTY1LjM1LTUwLjU4LTgxLjMxQzQ0LjUgMjQ0LjMgMzIuMTMgMjEwLjg1IDMyLjA1IDE3NiAzMS44NyA5OS4wMSA5Mi40MyAzMiAxNzYgMzJjNzkuNCAwIDE0NCA2NC42IDE0NCAxNDQgMCAzNC44NS0xMi42NSA2OC40OC0zNS42MiA5NC42OHpNMTc2IDY0Yy02MS43NSAwLTExMiA1MC4yNS0xMTIgMTEyIDAgOC44NCA3LjE2IDE2IDE2IDE2czE2LTcuMTYgMTYtMTZjMC00NC4xMSAzNS44OC04MCA4MC04MCA4Ljg0IDAgMTYtNy4xNiAxNi0xNnMtNy4xNi0xNi0xNi0xNnoiPjwvcGF0aD48L3N2Zz4=');
    --button-theme-dark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjc5LjEzNSA1MTJjNzguNzU2IDAgMTUwLjk4Mi0zNS44MDQgMTk4Ljg0NC05NC43NzUgMjguMjctMzQuODMxLTIuNTU4LTg1LjcyMi00Ni4yNDktNzcuNDAxLTgyLjM0OCAxNS42ODMtMTU4LjI3Mi00Ny4yNjgtMTU4LjI3Mi0xMzAuNzkyIDAtNDguNDI0IDI2LjA2LTkyLjI5MiA2Ny40MzQtMTE1LjgzNiAzOC43NDUtMjIuMDUgMjguOTk5LTgwLjc4OC0xNS4wMjItODguOTE5QTI1Ny45MzYgMjU3LjkzNiAwIDAgMCAyNzkuMTM1IDBjLTE0MS4zNiAwLTI1NiAxMTQuNTc1LTI1NiAyNTYgMCAxNDEuMzYgMTE0LjU3NiAyNTYgMjU2IDI1NnptMC00NjRjMTIuOTg1IDAgMjUuNjg5IDEuMjAxIDM4LjAxNiAzLjQ3OC01NC43NiAzMS4xNjMtOTEuNjkzIDkwLjA0Mi05MS42OTMgMTU3LjU1NCAwIDExMy44NDggMTAzLjY0MSAxOTkuMiAyMTUuMjUyIDE3Ny45NDRDNDAyLjU3NCA0MzMuOTY0IDM0NC4zNjYgNDY0IDI3OS4xMzUgNDY0Yy0xMTQuODc1IDAtMjA4LTkzLjEyNS0yMDgtMjA4czkzLjEyNS0yMDggMjA4LTIwOHoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=');
    --button-theme-system: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNNTI4IDBINDhDMjEuNSAwIDAgMjEuNSAwIDQ4djMyMGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgxOTJsLTE2IDQ4aC03MmMtMTMuMyAwLTI0IDEwLjctMjQgMjRzMTAuNyAyNCAyNCAyNGgyNzJjMTMuMyAwIDI0LTEwLjcgMjQtMjRzLTEwLjctMjQtMjQtMjRoLTcybC0xNi00OGgxOTJjMjYuNSAwIDQ4LTIxLjUgNDgtNDhWNDhjMC0yNi41LTIxLjUtNDgtNDgtNDh6bS0xNiAzNTJINjRWNjRoNDQ4djI4OHoiLz48L3N2Zz4=');
    /* Images */
    --sync-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2U9Im5vbmUiIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMi45NzkgMy4wNTVjNC41MDguNDg5IDguMDIxIDQuMzA2IDguMDIxIDguOTQ1LjAwMSAyLjY5OC0xLjE5NCA1LjExMy0zLjA3NSA2Ljc2M2wtMS42MzMtMS4yNDVjMS42NDUtMS4yODIgMi43MDktMy4yNzYgMi43MDgtNS41MTggMC0zLjUyNy0yLjYyNC02LjQ0NS02LjAyMS02LjkyM3YyLjkyM2wtNS4yNS00IDUuMjUtNHYzLjA1NXptLTEuOTc5IDE1Ljg2NWMtMy4zODctLjQ4Ni02LTMuNDAxLTYuMDAxLTYuOTIgMC0yLjIzNyAxLjA2MS00LjIyOCAyLjY5Ny01LjUwOWwtMS42MzEtMS4yNDVjLTEuODc2IDEuNjUtMy4wNjYgNC4wNjEtMy4wNjUgNi43NTQtLjAwMSA0LjYzMiAzLjUwMiA4LjQ0NCA4IDguOTQydjMuMDU4bDUuMjUtNC01LjI1LTR2Mi45MnoiLz48L3N2Zz4=');
    --tree-expand-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPHN2ZyB2aWV3Qm94PScwIDAgMjEgMjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+DQo8ZyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg0IDQpJz4NCjxwYXRoIGQ9J20xMi41IDEwLjV2LThjMC0xLjEwNDU2OTUtLjg5NTQzMDUtMi0yLTJoLThjLTEuMTA0NTY5NSAwLTIgLjg5NTQzMDUtMiAydjhjMCAxLjEwNDU2OTUuODk1NDMwNSAyIDIgMmg4YzEuMTA0NTY5NSAwIDItLjg5NTQzMDUgMi0yeicvPg0KPHBhdGggZD0nbTYuNSAzLjV2Ni4wNTYnLz4NCjxwYXRoIGQ9J202LjUgMy41djYnIHRyYW5zZm9ybT0nbWF0cml4KDAgMSAtMSAwIDEzIDApJy8+DQo8L2c+DQo8L3N2Zz4=');
    --tree-collapse-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPHN2ZyB2aWV3Qm94PScwIDAgMjEgMjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+DQo8ZyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg0IDQpJz4NCjxwYXRoIGQ9J20xMi41IDEwLjV2LThjMC0xLjEwNDU2OTUtLjg5NTQzMDUtMi0yLTJoLThjLTEuMTA0NTY5NSAwLTIgLjg5NTQzMDUtMiAydjhjMCAxLjEwNDU2OTUuODk1NDMwNSAyIDIgMmg4YzEuMTA0NTY5NSAwIDItLjg5NTQzMDUgMi0yeicvPg0KPHBhdGggZD0nbTYuNSAzLjV2NicgdHJhbnNmb3JtPSdtYXRyaXgoMCAxIC0xIDAgMTMgMCknLz4NCjwvZz4NCjwvc3ZnPg==');
    --tree-child-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiA+DQo8cGF0aCBzdHJva2Utd2lkdGg9IjEiIHN0eWxlPSJzdHJva2UtZGFzaGFycmF5OiAxLDIiIGQ9Ik0xNSwwIEwxNSwzMCIgLz4NCjxwYXRoIHN0cm9rZS13aWR0aD0iMSIgc3R5bGU9InN0cm9rZS1kYXNoYXJyYXk6IDEsMiIgZD0iTTE1LDE1IEwzMCwxNSIgLz4NCjwvc3ZnPg==');
    --tree-child-last-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIj4NCjxwYXRoIHN0cm9rZS13aWR0aD0iMSIgc3R5bGU9InN0cm9rZS1kYXNoYXJyYXk6IDEsMiIgZD0iTTE1LDAgTDE1LDE1IiAvPg0KPHBhdGggc3Ryb2tlLXdpZHRoPSIxIiBzdHlsZT0ic3Ryb2tlLWRhc2hhcnJheTogMSwyIiBkPSJNMTUsMTUgTDMwLDE1IiAvPg0KPC9zdmc+');
    /* Notifications */
    --notification-border-color: var(--base-border-color);
    --notification-background-color: #3a3713;
    --notification-negative-background-color: #5a2710;
    /* Scrollbar */
    --scrollbar-track-color: #999999;
    --scrollbar-thumb-color: #222222;
}

@font-face {
    font-family: "Open Sans";
    src: url('../shared/fonts/OpenSans-Regular.ttf?v=ZMJFKDZ97EWr-SUiNFE0VDS25YI') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url('../shared/fonts/OpenSans-Italic.ttf?v=ZMJFKDZ97EWr-SUiNFE0VDS25YI') format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Open Sans";
    src: url('../shared/fonts/OpenSans-Bold.ttf?v=ZMJFKDZ97EWr-SUiNFE0VDS25YI') format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url('../shared/fonts/OpenSans-BoldItalic.ttf?v=ZMJFKDZ97EWr-SUiNFE0VDS25YI') format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Arimo";
    src: url('../shared/fonts/Arimo-Regular.ttf?v=ZMJFKDZ97EWr-SUiNFE0VDS25YI') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Arimo";
    src: url('../shared/fonts/Arimo-Italic.ttf?v=ZMJFKDZ97EWr-SUiNFE0VDS25YI') format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Arimo";
    src: url('../shared/fonts/Arimo-Bold.ttf?v=ZMJFKDZ97EWr-SUiNFE0VDS25YI') format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Arimo";
    src: url('../shared/fonts/Arimo-BoldItalic.ttf?v=ZMJFKDZ97EWr-SUiNFE0VDS25YI') format("truetype");
    font-weight: bold;
    font-style: italic;
}

nav {
    font-size: 14px;
}

    nav p {
        color: var(--secondary-text-color);
        background-color: var(--menu-group-background-color);
        margin: 0;
        padding: 0 10px;
        width: 240px;
        box-sizing: border-box;
        font-weight: bold;
        border-bottom: solid 1px #bbb;
    }

    nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 240px;
        box-sizing: border-box;
        display: table;
        text-align: left;
        position: relative;
    }

        nav ul li {
            background-color: var(--menu-item-background-color);
            display: table-row;
        }

            nav ul li a {
                padding: 4px;
                display: table-cell;
                color: var(--menu-item-link-color);
                padding-left: 50px;
                height: 36px;
                vertical-align: middle;
                border-bottom: solid 1px var(--primary-border-color);
                position: relative;
            }

                nav ul li a svg {
                    transition: width .2s, height .2s, top .2s, left .2s;
                    position: absolute;
                    width: 25px;
                    height: 25px;
                    left: 12px;
                    top: calc(50% - 12px);
                }

                    nav ul li a svg use {
                        fill: var(--primary-text-color);
                        stroke: var(--primary-text-color);
                    }

                nav ul li a:hover svg {
                    width: 27px;
                    height: 27px;
                    left: 11px;
                    top: calc(50% - 13px);
                }

a.link-new {
    display: inline-block;
    position: absolute;
    font-size: 5px;
    color: transparent;
    width: 36px;
    right: 0;
    padding-left: 5px;
    margin-top: -45px;
    border: 0;
}

@media (max-width: 590px) {
    main {
        display: block !important;
    }

    nav p, nav ul {
        width: 100% !important;
    }

    main article {
        width: auto !important;
        margin-top: 10px !important;
    }
}

.field-validation-error {
    background: #ff4c3a;
    color: white;
    border-radius: 3px;
    margin-top: 5px;
    padding: 5px;
    line-height: 16px;
    box-sizing: border-box;
    font-size: 12px;
    position: absolute;
    right: 3px;
    display: inline-block;
    top: -2px;
    max-width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .field-validation-error:empty {
        display: none;
    }

header .intermediate-header {
    text-align: center;
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    header .intermediate-header * {
        display: inline;
        font-size: 24px;
        border: 0;
        text-decoration: none;
    }

    header .intermediate-header > * {
        min-width: 150px;
        padding: 0 20px;
    }

    header .intermediate-header h1 {
        font-weight: bold;
    }

    header .intermediate-header h2 {
        font-weight: normal;
    }

    header .intermediate-header img {
        height: 30px;
        vertical-align: bottom;
        margin-bottom: 0;
    }

    header .intermediate-header span {
        padding: 0 3px;
    }

    header .intermediate-header a, header .intermediate-header a:hover {
        text-decoration: none;
    }

    header .intermediate-header div {
        display: block;
    }

header .org-details {
    padding: 20px 20px 10px 10px;
    font-size: 12px;
    text-align: left;
    position: absolute;
    top: 10px;
    right: 10px;
}

    header .org-details > img {
        max-height: 25px;
        width: auto;
        height: auto;
        display: inline-block;
        vertical-align: middle;
    }

    header .org-details > div {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

@media (max-width: 890px) {
    header .org-details > div {
        display: none;
    }

    header .intermediate-header {
        flex-direction: column;
        padding: 10px 0;
    }
}

header .intermediate-header * {
    color: var(--primary-text-color);
}

footer {
    text-align: center;
    font-size: 14px;
    padding: 30px 0;
}

    footer .server-info {
        padding-bottom: 8px;
    }

    footer .intermediate-footer {
        text-align: center;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        footer .intermediate-footer > * {
            min-width: 150px;
            padding: 0 20px;
        }

@media (max-width: 890px) {
    footer .intermediate-footer {
        flex-direction: column;
    }

    footer {
        padding: 10px 0;
    }
}

.available-translations span:first-child:before {
    content: '('
}

.available-translations span:last-child:after {
    content: ')'
}

.available-translations span:not(:last-child):after {
    content: ', '
}

html, body {
    font-family: Open Sans, sans-serif;
    padding: 0;
    margin: 0;
}

main {
    display: flex;
    text-align: left;
}

    main nav ~ article {
        border-radius: 8px;
        border: solid 1px var(--primary-border-color);
    }

    main article {
        margin: 0 10px;
        padding: 0 10px;
        width: 100%;
        overflow: auto;
    }

        main article h1 {
            margin-top: 0;
        }

        main article p {
            margin: 10px 0 15px 0;
            text-align: justify;
            text-indent: 25px;
        }

table {
    border-collapse: collapse;
    margin: 20px auto;
    position: relative;
    width: 450px;
}

    table td {
        text-align: left;
        font-size: 14px;
        padding: 5px;
        font-weight: bold;
    }

        table td > select, table td > input, table td > button, table td > div {
            width: 100%;
            box-sizing: border-box;
            border: solid 1px var(--field-border-color);
            padding: 5px;
            font-weight: normal;
            display: block;
            box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%);
        }

a {
    color: var(--primary-link-color);
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

.subtable {
    padding-top: 25px;
}

img {
    text-decoration: none;
}

#btnChange, table td div, table td input[disabled] {
    background-color: #eee;
}

    #btnChange:hover {
        background-color: #ddd;
    }

.content-block {
    text-align: center;
}

@media (max-width: 590px) {
    table {
        width: 100%;
    }

        table:before, table:after {
            display: none;
        }

    img {
        max-width: 100%;
    }
}

div.activation-data {
    margin: 20px auto;
    max-width: 450px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

    div.activation-data p strong {
        font-size: 18px;
    }

    div.activation-data .code {
        border: solid 1px #000;
        padding: 5px 12px;
        font-weight: bold;
        font-size: 28px;
        white-space: nowrap;
    }