:root {
    --color-text: rgb(40, 40, 40);
    --color-text-alt: rgb(136, 136, 136);
    --color-text-button: #192045;
    --color-text-accent-button: white;
    --color-inactive: rgb(171, 171, 171);
    --color-text-navigation: #eee;
    --color-border: rgb(221, 221, 221);
    --color-hover: #e9dbbe;
    --color-hover-light: #f3ede5;
    --color-highlight: rgb(220, 255, 255);
    --color-accent-1: #192045;
    --color-accent-1-hover: #2b3774;
    --color-danger: #a8302e;
    --color-danger-hover: #c73b39;
    --color-warning: darkorange;
    --color-warning-hover: #fb981f;
    --color-success: #318036;
    --color-success-hover: #3e8b43;
    --color-bg: white;
    --color-bg-alternate: #f8f8f8;
    --color-bg-alternate-2: #999999;
    --color-header-2: rgb(208,208,208);
    --color-button: #eee;
    --color-footer: rgb(240,240,240);
    --color-neutral: #9c9ca0;
    --font: stolzl;
    --font-size: 12px;
    --font-size-fields: 11px;
    --font-size-sm: 10px;
    --icon-size: 11px;
    --margin: 5px;
    --margin-large: 8px;
    --margin-form: 12px;
    --margin-table: 4px;
    --background: linear-gradient(-54deg, #17152f, #192045);
    --background-opacity: rgba(25, 32, 69, 0.4);
    --loader-logo-path-1: url(../images/logo/avilinga-grey-inverted.png);
    --loader-logo-path-2: url(../images/logo/avilinga-grey.png);
    --color-warning-text: darkorange;
    --color-danger-text: #ee0000;
    --color-inserted: blue;
    
    --color-space: rgb(201, 201, 201);
    --color-selection: #CAE2F9;
    --color-highlight-search: yellow;

    --cat-tool-warning-group: #ffdebf;
    --cat-tool-error-group: #edd8d8;
    --cat-tool-confirm-group: #cce6ee;
    --cat-tool-attention-group: #ddd;
    --cat-tool-feedback-group: #b3d1a5;
    --cat-tool-revisions-group: #ffdebf;

    --client-logo-background: transparent;
}

body {
    background: var(--background);
    font-family: var(--font), sans-serif;
    font-weight: 300;
    font-size: var(--font-size);
    color: var(--color-text);
}

input, textarea, select, button {
    font-family: var(--font), sans-serif;
    font-weight: 300;
    font-size: var(--font-size);
    color: var(--color-text);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-text) !important;
}

.avi-login-version {
    position: absolute;
    top: 5px;
    right: 5px;
    color: var(--color-inactive);
}

.avi-login-env {
    color: var(--color-danger);
    text-transform: uppercase;
}