:root {
    --color-text: rgb(40, 40, 40);
    --color-text-alt: rgb(136, 136, 136);
    --color-inactive: rgb(171, 171, 171);
    --color-light: #eee;
    --color-border: rgb(171, 171, 171);
    /* --color-hover: #e4d1b0; */
    --color-hover: #d9c5a2;
    --color-hover-light: #f0e3ce;
    --color-accent-1: #192045;
    --color-accent-1-hover: #2b3774;
    --color-danger: #a8302e;
    --color-danger-hover: #c73b39;
    --color-warning: darkorange;
    --color-warning-hover: #fb981f;
    --color-accent-2: #318036;
    --color-success: #318036;
    --color-success-hover: #3e8b43;
    --color-bg: white;
    --color-bg-alternate: #f8f8f8;
    --color-body: rgb(233, 233, 233);
    --color-header: rgb(228,228,228);
    --color-header-2: rgb(208,208,208);
    --color-button: #eee;
    --color-footer: rgb(240,240,240);
    --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;
}

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

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