/*
 * @copyright Copyright (c) rexx systems GmbH
 *
 * @link https://www.rexx-systems.com
 *
 * This software is protected by copyright.
 *
 * It is not permitted to copy, present, send, lease and / or lend the website
 * or individual parts thereof without the consent of the copyright holder.
 *
 * Contravention of this law will result in proceedings under criminal
 * or civil law.
 *
 * All rights reserved.
 */

/**
 * SAME CODE IN HR/ER
 * adjustments only in all instances!
 */

:root {
    /* https://www.w3.org/TR/WCAG21/#dfn-contrast-ratio */
    --rexx-color: #1E2A38;
    --rexx-blue: #4279a9;
    --rexx-blue-light: #399df6;
    --rexx-blue-dark: var(--rexx-color);
    --rexx-red: #c3373d;
    --rexx-red-dark: #611b1e;
    --rexx-green: #28a745;
    --rexx-green-dark: #008000;
    --rexx-yellow: #ffc107;
    --rexx-dark: #343a40;
    --rexx-red-light: #f3d6d7;
    --rexx-btn-default-active-azure-blue: #f2f7fb;
    --rexx-disabled: #767676;
    --rexx-hover-color: #cbf7cb;
    --rexx-hover-color-light: #dffadf;
    --rexx-font-color: var(--rexx-blue-dark);
    --rexx-color-icon: var(--rexx-blue-dark);
    --rexx-color-field-label: var(--rexx-color);
    --rexx-color-filter-label: var(--rexx-color);
    --rexx-color-grid-headline: var(--rexx-color);
    --rexx-color-grid-msg: var(--rexx-color);
    --rexx-color-nav-passive: #767676;
    --rexx-color-subsection: #767676;
    --rexx-color-card-headline: var(--rexx-blue-dark);
    --rexx-body-bg-hover: var(--rexx-body-bg-color);
    --rexx-border-color-active: rgb(0, 101, 189);
    --rexx-border-color: #D0DAE5;
    --rexx-border-color-focus: #508DFB;
    --rexx-border: 1px solid var(--rexx-border-color);
    --rexx-border-dashed: dashed 1px var(--rexx-border-color);
    --rexx-color-border-focusable: var(--rexx-border-color);
    --rexx-color-border-separator: rgba(0, 0, 0, 0.125);
    --rexx-color-border-focused: var(--rexx-border-color-focus);
    --rexx-small-button-label-size: 13px;
    --rexx-bar-font-color: white;
    --rexx-icon-color: white;
    --rexx-bar-icon-color: var(--rexx-icon-color);
    --rexx-bar-icon-disabled-color: #ccc;
    --rexx-font-family: "Open Sans";
    --rexx-body-font-size: 0.875rem;
    --rexx-body-bg-loader: var(--rexx-body-bg-color);
    --rexx-body-bg-white: #FFF;
    --rexx-body-bg-color: #E8EEF5;
    --rexx-portlet-body-bg-color: #DFEAF2;
    --rexx-border-radius: 1rem;
    --rexx-box-shadow: none;
    --rexx-dialog-box-shadow: 0 0 15px 10px rgba(30, 42, 56, 0.3);
    --rexx-sidebar-border: var(--rexx-border); /* 1px solid #CCC; */
    --rexx-portlet-border-radius: var(--rexx-border-radius); /* 4px */
    --rexx-portlet-box-shadow: var(--rexx-box-shadow);  /* 0 1px 2px 1px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08) */
    --rexx-button-border-radius: var(--rexx-border-radius); /* 3px */
    --rexx-login-border-radius: 3rem;
    --rexx-login-input-height: 3rem;
    --rexx-header-height: 50px;
    --rexx-cards-margin: 20px;
    --rexx-padding: 20px;
    --rexx-margin: 20px;
    --rexx-cards-green: #2e7d32;
    --rexx-cards-green-light: #81c784;
    --rexx-cards-orange: #f86f33;
    --rexx-cards-orange-light: #ff8a65;
    --rexx-cards-yellow: #fbc02d;
    --rexx-cards-yellow-light: #ffee58;
    --rexx-cards-red: #c62828;
    --rexx-cards-red-light: #f44336;
    --rexx-cards-darkgrey: #333;
    --rexx-cards-darkgrey-light: #555;
    --rexx-cards-grey: #78909c;
    --rexx-cards-grey-light: #90a4ae;
    --rexx-cards-grey-dark: #51656f;
    --rexx-cards-pink: #ec407a;
    --rexx-cards-pink-light: #f06292;
    --rexx-cards-purple:  #8e24aa;
    --rexx-cards-purple-light: #ce93d8;
    --rexx-cards-purple-saturated: #9728FF;
    --rexx-cards-blue: #3e8ddd;
    --rexx-cards-blue-light: #61adfb;
    --rexx-cards-blue-dark: rgb(10, 103, 185);
    --rexx-cards-white: var(--rexx-body-bg-white);
    --rexx-contentframe-padding: 0.5rem 0.8rem;
    --rexx-contentframe-padding-no-height: 0 0.8rem;
    --rexx-contentframe-padding-no-width: .5rem 0;
    --rexx-content-frame-desktop-spacing: 0.2rem;
    --rexx-space-mobile: 1rem;
    --rexx-space-desktop: 1.5rem;
    --rexx-space-around-desktop: 0.75rem;
    --rexx-body-mobile-padding: var(--rexx-space-mobile);
    --rexx-body-desktop-padding: var(--rexx-space-desktop);
    --rexx-cards-desktop-padding: var(--rexx-space-desktop);
    --rexx-portlet-desktop-padding: var(--rexx-space-desktop);
    --rexx-ui-multiselect-checkboxes-space: 10px;
    --rexx-input-padding-vertical: 0.375rem;
    --rexx-input-padding-horizontal: 0.75rem;
    --rexx-input-padding: var(--rexx-input-padding-vertical) var(--rexx-input-padding-horizontal);
}