:root {
    --color-black: #000000;
    --color-white: #ffffff;

    --color-grey-90: color-mix(in srgb, var(--color-black) 90%, var(--color-white)); /* #1A1A1A */
    --color-grey-75: color-mix(in srgb, var(--color-black) 75%, var(--color-white)); /* #404040 */
    --color-grey-70: color-mix(in srgb, var(--color-black) 70%, var(--color-white)); /* #4D4D4D */
    --color-grey-65: color-mix(in srgb, var(--color-black) 65%, var(--color-white)); /* #595959 */
    --color-grey-60: color-mix(in srgb, var(--color-black) 60%, var(--color-white)); /* #666666 */
    --color-grey-55: color-mix(in srgb, var(--color-black) 55%, var(--color-white)); /* #737373 */
    --color-grey-45: color-mix(in srgb, var(--color-black) 45%, var(--color-white)); /* #8C8C8C */
    --color-grey-40: color-mix(in srgb, var(--color-black) 40%, var(--color-white)); /* #999999 */
    --color-grey-35: color-mix(in srgb, var(--color-black) 35%, var(--color-white)); /* #A6A6A6 */
    --color-grey-20: color-mix(in srgb, var(--color-black) 20%, var(--color-white)); /* #CCCCCC */
    --color-grey-15: color-mix(in srgb, var(--color-black) 15%, var(--color-white)); /* #D9D9D9 */
    --color-grey-10: #E6E6E6; /* #E6E6E6 (also usable as #E5E5E5) */
    --color-grey-5: color-mix(in srgb, var(--color-black) 5%, var(--color-white)); /* #F2F2F2 */

    --color-red: #f44336;
    --color-red-light: #fbbbb6;
    --color-orange: #fb8c00;
    --color-orange-light: #fb9719;
    --color-blue: #0066cc;
    --color-green-light: #33cc99;
    --color-yellow: #ffcc00;
}/*
Do not change this file!
*/

/* roboto-100 - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-100.woff2') format('woff2'),
    url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-100.woff') format('woff');
}

/* roboto-100italic - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-100italic.woff2') format('woff2'),
    url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-100italic.woff') format('woff');
}

/* roboto-300 - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-300.woff2') format('woff2'),
    url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-300.woff') format('woff');
}

/* roboto-300italic - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-300italic.woff2') format('woff2'),
    url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-300italic.woff') format('woff');
}

/* roboto-regular - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-regular.woff2') format('woff2'),
    url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-regular.woff') format('woff');
}

/* roboto-italic - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-italic.woff2') format('woff2'),
    url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-italic.woff') format('woff');
}

/* roboto-500 - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-500.woff2') format('woff2'),
    url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-500.woff') format('woff');
}

/* roboto-500italic - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-500italic.woff2') format('woff2'),
    url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-500italic.woff') format('woff');
}

/* roboto-700 - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-700.woff2') format('woff2'),
    url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-700.woff') format('woff');
}

/* roboto-700italic - latin_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-700italic.woff2') format('woff2'),
    url('../Assets/fonts/Roboto/roboto-v18-latin_cyrillic-700italic.woff') format('woff');
}

/* General CSS (all pages) */
html {
    font-size: var(--font-size-ot);
    height: 100%;
}

body {
    background-size: cover;
    background-position: 0 0;
    border: 0 none;
    color: var(--color-text-primary);
    font-family: var(--font-family-ot);
    font-size: 1.4rem;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;

    @media only screen and (max-width: 768px) {
        overflow: unset;
    }
}

textarea {
    resize: none;
}

.currency-align {
    text-align: var(--currency-align);
}

.currency-align-grid,
th.currency-align-grid p {
    text-align: var(--currency-align-grid);
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 0.1rem;
    margin: -0.1rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0rem;
}

input,
textarea,
select,
button {
    font-family: var(--font-family-ot);
}

mark {
    background: transparent;
    color: var(--color-text-primary);
    font-weight: bold;
}

.ot-round-edge-top-right-s {
    border-top-right-radius: var(--round-edge-s);
}

.ot-round-edge-top-left-s {
    border-top-left-radius: var(--round-edge-s);
}

.ot-round-edge-bottom-right-s {
    border-bottom-right-radius: var(--round-edge-s);
}

.ot-round-edge-bottom-left-s {
    border-bottom-left-radius: var(--round-edge-s);
}

.ot-round-edge-top-right-m {
    border-top-right-radius: var(--round-edge-m);
}

.ot-round-edge-top-left-m {
    border-top-left-radius: var(--round-edge-m);
}

.ot-round-edge-bottom-right-m {
    border-bottom-right-radius: var(--round-edge-m);
}

.ot-round-edge-bottom-left-m {
    border-bottom-left-radius: var(--round-edge-m);
}

.ot-round-edge-top-s {
    border-top-right-radius: var(--round-edge-s);
    border-top-left-radius: var(--round-edge-s);
}

.ot-round-edge-right-s {
    border-top-right-radius: var(--round-edge-s);
    border-bottom-right-radius: var(--round-edge-s);
}

.ot-round-edge-bottom-s {
    border-bottom-right-radius: var(--round-edge-s);
    border-bottom-left-radius: var(--round-edge-s);
}

.ot-round-edge-left-s {
    border-top-left-radius: var(--round-edge-s);
    border-bottom-left-radius: var(--round-edge-s);
}

.ot-round-edge-s {
    border-radius: var(--round-edge-s);
}


.ot-round-edge-top-m {
    border-top-right-radius: var(--round-edge-m);
    border-top-left-radius: var(--round-edge-m);
}

.ot-round-edge-right-m {
    border-top-right-radius: var(--round-edge-m);
    border-bottom-right-radius: var(--round-edge-m);
}

.ot-round-edge-bottom-m {
    border-bottom-right-radius: var(--round-edge-m);
    border-bottom-left-radius: var(--round-edge-m);
}

.ot-round-edge-left-m {
    border-top-left-radius: var(--round-edge-m);
    border-bottom-left-radius: var(--round-edge-m);
}

.ot-round-edge-m {
    border-radius: var(--round-edge-m);
}

.ot-ellipsed-one-line-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.auto-scroll {
    overflow: auto;
}


/**
 * Some scrollbars are not browser native. yfiles graph / timeline view for example.
 * When adjusting styles here, also check these.
 * @see `@mixin yfiles-custom-scrollbar-styles()` 
 */
@supports (-webkit-appearance: none) {
    /* scrollbar with webkit (chrome, edge, safari) */
    *::-webkit-scrollbar {
        height: 1.2rem;
        width: 1.2rem;
    }

    *::-webkit-scrollbar-track-piece {
        background-color: var(--color-browser-scrollbar-track-piece);
    }
    
    *::-webkit-scrollbar-thumb {
        background-color: var(--color-browser-scrollbar-thumb-default);
        border: solid 0.3rem var(--color-browser-scrollbar-track-piece);
        border-radius: 0.5rem;        
    }
    *::-webkit-scrollbar-thumb:hover {
        background-color: var(--color-browser-scrollbar-thumb-hover);
    }
    
    *::-webkit-scrollbar-thumb:active {
        background-color: var(--color-browser-scrollbar-thumb-pressed);
    }
    
    *::-webkit-scrollbar-corner {
        background-color: var(--color-browser-scrollbar-bg);
    }
    
    *::-webkit-scrollbar-button{
        display: none;
    }
}
/* scrollbar firefox */
@-moz-document url-prefix() {
    * {
        -moz-appearance: none;
        scrollbar-color: var(--color-browser-scrollbar-thumb-default) var(--color-browser-scrollbar-track-piece);
        scrollbar-width: thin;
    }
    *:hover {
        scrollbar-color: var(--color-browser-scrollbar-thumb-hover) var(--color-browser-scrollbar-track-piece);
    }

    *:active {
        scrollbar-color: var(--color-browser-scrollbar-thumb-pressed) var(--color-browser-scrollbar-track-piece);
    }
}

.blur-background::after {
    backdrop-filter: blur(0.3rem);
}

@media print {
    @page {
        size: landscape;
        margin-left: 0;
        margin-right: 0;
    }

    html, .page-container, .main-container, .page-wrapper, object-page, .web-form-content, ot-web-form, control-injector, rich-text-control, .rich-text-control, .k-editor-content {
        height: 100%;
        overflow: visible !important;
    }

    ot-sidebar, navigation-bar {
        display: none !important;
    }
}
/*
This file is generated by npm:build-font

DO NOT CHANGE THIS FILE!
*/
    
@font-face {
  font-family: "ot-application-icons";
  src: url('../Assets/fonts/ot-appdev-icons/ot-application-icons.eot?t=1742208227075'); /* IE9*/
  src: url('../Assets/fonts/ot-appdev-icons/ot-application-icons.eot?t=1742208227075#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url("../Assets/fonts/ot-appdev-icons/ot-application-icons.woff2?t=1742208227075") format("woff2"),
  url("../Assets/fonts/ot-appdev-icons/ot-application-icons.woff?t=1742208227075") format("woff"),
  url('../Assets/fonts/ot-appdev-icons/ot-application-icons.ttf?t=1742208227075') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../Assets/fonts/ot-appdev-icons/ot-application-icons.svg?t=1742208227075#ot-application-icons') format('svg'); /* iOS 4.1- */
}

[class^="ot-application-icon-"], [class*=" ot-application-icon-"] {
  font-family: 'ot-application-icons' !important;font-size: 2rem;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.ot-application-icon-AT_Activities:before { content: "\ea01"; }
.ot-application-icon-AT_ProjectMgmt:before { content: "\ea02"; }
.ot-application-icon-AT_Template_Activity:before { content: "\ea03"; }
.ot-application-icon-AT_TimeEntry:before { content: "\ea04"; }
.ot-application-icon-BS_BookingSchedule:before { content: "\ea05"; }
.ot-application-icon-GRCC_Assessment:before { content: "\ea06"; }
.ot-application-icon-GRCC_assessmentTemplate:before { content: "\ea07"; }
.ot-application-icon-GRCC_Asset:before { content: "\ea08"; }
.ot-application-icon-GRCC_Audit:before { content: "\ea09"; }
.ot-application-icon-GRCC_Auditors:before { content: "\ea0a"; }
.ot-application-icon-GRCC_BAO:before { content: "\ea0b"; }
.ot-application-icon-GRCC_BCM:before { content: "\ea0c"; }
.ot-application-icon-GRCC_Catalogue:before { content: "\ea0d"; }
.ot-application-icon-GRCC_Companies:before { content: "\ea0e"; }
.ot-application-icon-GRCC_ComplianceCase:before { content: "\ea0f"; }
.ot-application-icon-GRCC_Contract:before { content: "\ea10"; }
.ot-application-icon-GRCC_ContractualPartner:before { content: "\ea11"; }
.ot-application-icon-GRCC_DataProtectionManagement:before { content: "\ea12"; }
.ot-application-icon-GRCC_Document:before { content: "\ea13"; }
.ot-application-icon-GRCC_Emergency:before { content: "\ea14"; }
.ot-application-icon-GRCC_EmergencyContact:before { content: "\ea15"; }
.ot-application-icon-GRCC_EmergencyScenario:before { content: "\ea16"; }
.ot-application-icon-GRCC_GovernanceServices:before { content: "\ea17"; }
.ot-application-icon-GRCC_Help:before { content: "\ea18"; }
.ot-application-icon-GRCC_Hint:before { content: "\ea19"; }
.ot-application-icon-GRCC_Incidents:before { content: "\ea1a"; }
.ot-application-icon-GRCC_Locations:before { content: "\ea1b"; }
.ot-application-icon-GRCC_MasterData:before { content: "\ea1c"; }
.ot-application-icon-GRCC_MeasurementsControls:before { content: "\ea1d"; }
.ot-application-icon-GRCC_MeasurementsControlsPlans:before { content: "\ea1e"; }
.ot-application-icon-GRCC_MeasurementsControlsPlansTemplates:before { content: "\ea1f"; }
.ot-application-icon-GRCC_MeasurementsControlsTemplates:before { content: "\ea20"; }
.ot-application-icon-GRCC_Policies:before { content: "\ea21"; }
.ot-application-icon-GRCC_PolicyProgram:before { content: "\ea22"; }
.ot-application-icon-GRCC_Requirements:before { content: "\ea23"; }
.ot-application-icon-GRCC_RequirementsCatalog:before { content: "\ea24"; }
.ot-application-icon-GRCC_Risk:before { content: "\ea25"; }
.ot-application-icon-GRCC_RiskSimulation:before { content: "\ea26"; }
.ot-application-icon-GRCC_Rooms:before { content: "\ea27"; }
.ot-application-icon-GRCC_Services:before { content: "\ea28"; }
.ot-application-icon-GRCC_Settings:before { content: "\ea29"; }
.ot-application-icon-GRCC_Supplier:before { content: "\ea2a"; }
.ot-application-icon-GRCC_SupplierRisk:before { content: "\ea2b"; }
.ot-application-icon-GRCC_Tasklist:before { content: "\ea2c"; }
.ot-application-icon-GRCC_Testcases:before { content: "\ea2d"; }
.ot-application-icon-GRCC_User:before { content: "\ea2e"; }
.ot-application-icon-GRCC_VendorMgmt:before { content: "\ea2f"; }
.ot-application-icon-GRCC_Whistleblower:before { content: "\ea30"; }
.ot-application-icon-GRCC_WizardLight:before { content: "\ea31"; }
.ot-application-icon-GRCC_Workplace:before { content: "\ea32"; }
.ot-application-icon-Icon_ThumbDown:before { content: "\ea33"; }
.ot-application-icon-Icon_ThumbUp:before { content: "\ea34"; }
.ot-application-icon-ITSM_AccessSCI:before { content: "\ea35"; }
.ot-application-icon-ITSM_Article:before { content: "\ea36"; }
.ot-application-icon-ITSM_Ausnahme:before { content: "\ea37"; }
.ot-application-icon-ITSM_AuthorizedRFC_Required:before { content: "\ea38"; }
.ot-application-icon-ITSM_bpmn:before { content: "\ea39"; }
.ot-application-icon-ITSM_BPMN_SCI:before { content: "\ea3a"; }
.ot-application-icon-ITSM_Bundle:before { content: "\ea3b"; }
.ot-application-icon-ITSM_CallTicket:before { content: "\ea3c"; }
.ot-application-icon-ITSM_capacity:before { content: "\ea3d"; }
.ot-application-icon-ITSM_Categories:before { content: "\ea3e"; }
.ot-application-icon-ITSM_ChangeProposal:before { content: "\ea3f"; }
.ot-application-icon-ITSM_Checklist:before { content: "\ea40"; }
.ot-application-icon-ITSM_CI-Type_Database:before { content: "\ea41"; }
.ot-application-icon-ITSM_CI-Type_File:before { content: "\ea42"; }
.ot-application-icon-ITSM_CI-Typ_Berechtigung:before { content: "\ea43"; }
.ot-application-icon-ITSM_CI-Typ_Berechtigungsgruppe:before { content: "\ea44"; }
.ot-application-icon-ITSM_CI-Typ_Berechtigungsrolle:before { content: "\ea45"; }
.ot-application-icon-ITSM_CI-Typ_Infrastructure:before { content: "\ea46"; }
.ot-application-icon-ITSM_CI-Typ_Rechenzentrum:before { content: "\ea47"; }
.ot-application-icon-ITSM_CI-Typ_Server:before { content: "\ea48"; }
.ot-application-icon-ITSM_CI-Typ_System:before { content: "\ea49"; }
.ot-application-icon-ITSM_CI:before { content: "\ea4a"; }
.ot-application-icon-ITSM_CIAttribute:before { content: "\ea4b"; }
.ot-application-icon-ITSM_CICategories:before { content: "\ea4c"; }
.ot-application-icon-ITSM_Delta_Release:before { content: "\ea4d"; }
.ot-application-icon-ITSM_Documentation:before { content: "\ea4e"; }
.ot-application-icon-ITSM_Event:before { content: "\ea4f"; }
.ot-application-icon-ITSM_FAQ:before { content: "\ea50"; }
.ot-application-icon-ITSM_Full_Release:before { content: "\ea51"; }
.ot-application-icon-ITSM_Icon_MajorIncident:before { content: "\ea52"; }
.ot-application-icon-ITSM_Icon_SecurityIncident:before { content: "\ea53"; }
.ot-application-icon-ITSM_Icon_ServiceInactive:before { content: "\ea54"; }
.ot-application-icon-ITSM_incident:before { content: "\ea55"; }
.ot-application-icon-ITSM_Informationen:before { content: "\ea56"; }
.ot-application-icon-ITSM_Internal:before { content: "\ea57"; }
.ot-application-icon-ITSM_ITSMCenter:before { content: "\ea58"; }
.ot-application-icon-ITSM_KBArticle:before { content: "\ea59"; }
.ot-application-icon-ITSM_knowledgeAsset:before { content: "\ea5a"; }
.ot-application-icon-ITSM_KnowledgeBaseSearch:before { content: "\ea5b"; }
.ot-application-icon-ITSM_KnownError:before { content: "\ea5c"; }
.ot-application-icon-ITSM_Locked:before { content: "\ea5d"; }
.ot-application-icon-ITSM_Network:before { content: "\ea5e"; }
.ot-application-icon-ITSM_New_Customer_Communication:before { content: "\ea5f"; }
.ot-application-icon-ITSM_Nicht_Verfügbar:before { content: "\ea60"; }
.ot-application-icon-ITSM_Order:before { content: "\ea61"; }
.ot-application-icon-ITSM_Package_Release:before { content: "\ea62"; }
.ot-application-icon-ITSM_Portfolio:before { content: "\ea63"; }
.ot-application-icon-ITSM_Problem:before { content: "\ea64"; }
.ot-application-icon-ITSM_Processmodel:before { content: "\ea65"; }
.ot-application-icon-ITSM_Product:before { content: "\ea66"; }
.ot-application-icon-ITSM_Release:before { content: "\ea67"; }
.ot-application-icon-ITSM_RFC:before { content: "\ea68"; }
.ot-application-icon-ITSM_ScheduledServiceRequest:before { content: "\ea69"; }
.ot-application-icon-ITSM_SCI_Position:before { content: "\ea6a"; }
.ot-application-icon-ITSM_Service:before { content: "\ea6b"; }
.ot-application-icon-ITSM_ServiceAction:before { content: "\ea6c"; }
.ot-application-icon-ITSM_ServiceLevelTarget:before { content: "\ea6d"; }
.ot-application-icon-ITSM_ServiceLevelTargetPackage:before { content: "\ea6e"; }
.ot-application-icon-ITSM_ServiceManagement:before { content: "\ea6f"; }
.ot-application-icon-ITSM_ServiceRequest:before { content: "\ea70"; }
.ot-application-icon-ITSM_ShoppingCart:before { content: "\ea71"; }
.ot-application-icon-ITSM_SLA:before { content: "\ea72"; }
.ot-application-icon-ITSM_Software:before { content: "\ea73"; }
.ot-application-icon-ITSM_SoftwareDistribution:before { content: "\ea74"; }
.ot-application-icon-ITSM_SolutionWizard:before { content: "\ea75"; }
.ot-application-icon-ITSM_standardSolution:before { content: "\ea76"; }
.ot-application-icon-ITSM_Stock:before { content: "\ea77"; }
.ot-application-icon-ITSM_Subscription:before { content: "\ea78"; }
.ot-application-icon-ITSM_Subticket:before { content: "\ea79"; }
.ot-application-icon-ITSM_Template_ChecklistLines:before { content: "\ea7a"; }
.ot-application-icon-ITSM_Template_RFC:before { content: "\ea7b"; }
.ot-application-icon-ITSM_Template_ServiceRequest:before { content: "\ea7c"; }
.ot-application-icon-ITSM_Ticket_Purchase:before { content: "\ea7d"; }
.ot-application-icon-ITSM_WorkCockpit:before { content: "\ea7e"; }
.ot-application-icon-ITSM_Zugeordnet_Ja:before { content: "\ea7f"; }
.ot-application-icon-MD_Absence:before { content: "\ea80"; }
.ot-application-icon-MD_BudgetExpenditure_0:before { content: "\ea81"; }
.ot-application-icon-MD_BudgetExpenditure_100:before { content: "\ea82"; }
.ot-application-icon-MD_BudgetExpenditure_25:before { content: "\ea83"; }
.ot-application-icon-MD_BudgetExpenditure_50:before { content: "\ea84"; }
.ot-application-icon-MD_Company:before { content: "\ea85"; }
.ot-application-icon-MD_Confident:before { content: "\ea86"; }
.ot-application-icon-MD_CostCenter:before { content: "\ea87"; }
.ot-application-icon-MD_Decision:before { content: "\ea88"; }
.ot-application-icon-MD_Emails:before { content: "\ea89"; }
.ot-application-icon-MD_Email_Incoming:before { content: "\ea8a"; }
.ot-application-icon-MD_Email_Outgoing:before { content: "\ea8b"; }
.ot-application-icon-MD_Email_PriorityHigh:before { content: "\ea8c"; }
.ot-application-icon-MD_Email_PriorityLow:before { content: "\ea8d"; }
.ot-application-icon-MD_GlobalSearch:before { content: "\ea8e"; }
.ot-application-icon-MD_Holiday:before { content: "\ea8f"; }
.ot-application-icon-MD_HolidayCalendar:before { content: "\ea90"; }
.ot-application-icon-MD_Icon_Client:before { content: "\ea91"; }
.ot-application-icon-MD_Icon_Manufacturer:before { content: "\ea92"; }
.ot-application-icon-MD_Icon_Supplier:before { content: "\ea93"; }
.ot-application-icon-MD_Icon_VIP:before { content: "\ea94"; }
.ot-application-icon-MD_Location:before { content: "\ea95"; }
.ot-application-icon-MD_MasterData:before { content: "\ea96"; }
.ot-application-icon-MD_Person:before { content: "\ea97"; }
.ot-application-icon-MD_PersonalCalendar:before { content: "\ea98"; }
.ot-application-icon-MD_Room:before { content: "\ea99"; }
.ot-application-icon-MD_Team:before { content: "\ea9a"; }
.ot-application-icon-MD_Template:before { content: "\ea9b"; }
.ot-application-icon-MD_User:before { content: "\ea9c"; }
.ot-application-icon-MD_Usergroup:before { content: "\ea9d"; }
.ot-application-icon-MD_WorkingHours:before { content: "\ea9e"; }
.ot-application-icon-MD_WorkingTimesCalendar:before { content: "\ea9f"; }
.ot-application-icon-MD_WorkItemCenter:before { content: "\eaa0"; }
.ot-application-icon-OT_AI:before { content: "\eaa1"; }
.ot-application-icon-PH_Input:before { content: "\eaa2"; }
.ot-application-icon-PH_Interaction:before { content: "\eaa3"; }
.ot-application-icon-PH_KPI:before { content: "\eaa4"; }
.ot-application-icon-PH_Output:before { content: "\eaa5"; }
.ot-application-icon-PH_Ressources:before { content: "\eaa6"; }
.ot-application-icon-PH_Risks_Chances:before { content: "\eaa7"; }
.ot-application-icon-PMC_Agile:before { content: "\eaa8"; }
.ot-application-icon-PMC_Automatism:before { content: "\eaa9"; }
.ot-application-icon-PMC_BusinessCase:before { content: "\eaaa"; }
.ot-application-icon-PMC_BusinessCaseVersion:before { content: "\eaab"; }
.ot-application-icon-PMC_Epic:before { content: "\eaac"; }
.ot-application-icon-PMC_Icon_FlexTime:before { content: "\eaad"; }
.ot-application-icon-PMC_Icon_HomeOffice:before { content: "\eaae"; }
.ot-application-icon-PMC_Icon_ParentalLeave:before { content: "\eaaf"; }
.ot-application-icon-PMC_Icon_SickLeave:before { content: "\eab0"; }
.ot-application-icon-PMC_Icon_SickLeaveChild:before { content: "\eab1"; }
.ot-application-icon-PMC_Icon_TravelTime:before { content: "\eab2"; }
.ot-application-icon-PMC_Icon_UnpaidLeave:before { content: "\eab3"; }
.ot-application-icon-PMC_Icon_Vacation:before { content: "\eab4"; }
.ot-application-icon-PMC_Icon_WorkingTime:before { content: "\eab5"; }
.ot-application-icon-PMC_Invoicable:before { content: "\eab6"; }
.ot-application-icon-PMC_Milestone:before { content: "\eab7"; }
.ot-application-icon-PMC_PersonellRecord:before { content: "\eab8"; }
.ot-application-icon-PMC_Project:before { content: "\eab9"; }
.ot-application-icon-PMC_ProjectPhase_Agile:before { content: "\eaba"; }
.ot-application-icon-PMC_ProjectPhase_Waterfall:before { content: "\eabb"; }
.ot-application-icon-PMC_Sprint:before { content: "\eabc"; }
.ot-application-icon-PMC_Template_Epic:before { content: "\eabd"; }
.ot-application-icon-PMC_Template_Milestone:before { content: "\eabe"; }
.ot-application-icon-PMC_Template_PersonellRecord:before { content: "\eabf"; }
.ot-application-icon-PMC_Template_Project:before { content: "\eac0"; }
.ot-application-icon-PMC_Template_ProjectPhase_Agile:before { content: "\eac1"; }
.ot-application-icon-PMC_Template_ProjectPhase_Waterfall:before { content: "\eac2"; }
.ot-application-icon-PMC_Template_UserStory:before { content: "\eac3"; }
.ot-application-icon-PMC_TimeAccount:before { content: "\eac4"; }
.ot-application-icon-PMC_TimeAccountPosition:before { content: "\eac5"; }
.ot-application-icon-PMC_TravelingExpenses:before { content: "\eac6"; }
.ot-application-icon-PMC_UserStory:before { content: "\eac7"; }
.ot-application-icon-PMC_Waterfall:before { content: "\eac8"; }
.ot-application-icon-RIM_Mesure:before { content: "\eac9"; }
.ot-application-icon-RIM_MesurementPlan:before { content: "\eaca"; }
.ot-application-icon-SEC_Action:before { content: "\eacb"; }
.ot-application-icon-SEC_Approvals:before { content: "\eacc"; }
.ot-application-icon-SEC_Bug:before { content: "\eacd"; }
.ot-application-icon-SEC_Build:before { content: "\eace"; }
.ot-application-icon-SEC_Change:before { content: "\eacf"; }
.ot-application-icon-SEC_CREQ:before { content: "\ead0"; }
.ot-application-icon-SEC_Defect:before { content: "\ead1"; }
.ot-application-icon-SEC_DREQ:before { content: "\ead2"; }
.ot-application-icon-SEC_NewFunctionality:before { content: "\ead3"; }
.ot-application-icon-SEC_ProductCatalog:before { content: "\ead4"; }
.ot-application-icon-SEC_Requirement:before { content: "\ead5"; }
.ot-application-icon-SEC_Specification:before { content: "\ead6"; }
.ot-application-icon-SEC_SREQ:before { content: "\ead7"; }
.ot-application-icon-SEC_Stakeholder:before { content: "\ead8"; }
.ot-application-icon-SEC_Steps:before { content: "\ead9"; }
.ot-application-icon-SEC_TAGManagement:before { content: "\eada"; }
.ot-application-icon-SEC_Template_Requirement:before { content: "\eadb"; }
.ot-application-icon-SEC_Template_Specification:before { content: "\eadc"; }
.ot-application-icon-SEC_TestManagement:before { content: "\eadd"; }
.ot-application-icon-SEC_UseCase:before { content: "\eade"; }
.ot-application-icon-SOM_DeliveryNote:before { content: "\eadf"; }
.ot-application-icon-TM_Meeting:before { content: "\eae0"; }
.ot-application-icon-TM_Task:before { content: "\eae1"; }
.ot-application-icon-TM_TaskMgmt:before { content: "\eae2"; }
.ot-application-icon-TM_TaskThreads:before { content: "\eae3"; }
.ot-application-icon-TM_Template_TaskThread-1:before { content: "\eae4"; }
.ot-application-icon-TM_Template_TaskThread:before { content: "\eae5"; }




:root {
	--ot-application-icon-AT_Activities: '\ea01';
	--ot-application-icon-AT_ProjectMgmt: '\ea02';
	--ot-application-icon-AT_Template_Activity: '\ea03';
	--ot-application-icon-AT_TimeEntry: '\ea04';
	--ot-application-icon-BS_BookingSchedule: '\ea05';
	--ot-application-icon-GRCC_Assessment: '\ea06';
	--ot-application-icon-GRCC_assessmentTemplate: '\ea07';
	--ot-application-icon-GRCC_Asset: '\ea08';
	--ot-application-icon-GRCC_Audit: '\ea09';
	--ot-application-icon-GRCC_Auditors: '\ea0a';
	--ot-application-icon-GRCC_BAO: '\ea0b';
	--ot-application-icon-GRCC_BCM: '\ea0c';
	--ot-application-icon-GRCC_Catalogue: '\ea0d';
	--ot-application-icon-GRCC_Companies: '\ea0e';
	--ot-application-icon-GRCC_ComplianceCase: '\ea0f';
	--ot-application-icon-GRCC_Contract: '\ea10';
	--ot-application-icon-GRCC_ContractualPartner: '\ea11';
	--ot-application-icon-GRCC_DataProtectionManagement: '\ea12';
	--ot-application-icon-GRCC_Document: '\ea13';
	--ot-application-icon-GRCC_Emergency: '\ea14';
	--ot-application-icon-GRCC_EmergencyContact: '\ea15';
	--ot-application-icon-GRCC_EmergencyScenario: '\ea16';
	--ot-application-icon-GRCC_GovernanceServices: '\ea17';
	--ot-application-icon-GRCC_Help: '\ea18';
	--ot-application-icon-GRCC_Hint: '\ea19';
	--ot-application-icon-GRCC_Incidents: '\ea1a';
	--ot-application-icon-GRCC_Locations: '\ea1b';
	--ot-application-icon-GRCC_MasterData: '\ea1c';
	--ot-application-icon-GRCC_MeasurementsControls: '\ea1d';
	--ot-application-icon-GRCC_MeasurementsControlsPlans: '\ea1e';
	--ot-application-icon-GRCC_MeasurementsControlsPlansTemplates: '\ea1f';
	--ot-application-icon-GRCC_MeasurementsControlsTemplates: '\ea20';
	--ot-application-icon-GRCC_Policies: '\ea21';
	--ot-application-icon-GRCC_PolicyProgram: '\ea22';
	--ot-application-icon-GRCC_Requirements: '\ea23';
	--ot-application-icon-GRCC_RequirementsCatalog: '\ea24';
	--ot-application-icon-GRCC_Risk: '\ea25';
	--ot-application-icon-GRCC_RiskSimulation: '\ea26';
	--ot-application-icon-GRCC_Rooms: '\ea27';
	--ot-application-icon-GRCC_Services: '\ea28';
	--ot-application-icon-GRCC_Settings: '\ea29';
	--ot-application-icon-GRCC_Supplier: '\ea2a';
	--ot-application-icon-GRCC_SupplierRisk: '\ea2b';
	--ot-application-icon-GRCC_Tasklist: '\ea2c';
	--ot-application-icon-GRCC_Testcases: '\ea2d';
	--ot-application-icon-GRCC_User: '\ea2e';
	--ot-application-icon-GRCC_VendorMgmt: '\ea2f';
	--ot-application-icon-GRCC_Whistleblower: '\ea30';
	--ot-application-icon-GRCC_WizardLight: '\ea31';
	--ot-application-icon-GRCC_Workplace: '\ea32';
	--ot-application-icon-Icon_ThumbDown: '\ea33';
	--ot-application-icon-Icon_ThumbUp: '\ea34';
	--ot-application-icon-ITSM_AccessSCI: '\ea35';
	--ot-application-icon-ITSM_Article: '\ea36';
	--ot-application-icon-ITSM_Ausnahme: '\ea37';
	--ot-application-icon-ITSM_AuthorizedRFC_Required: '\ea38';
	--ot-application-icon-ITSM_bpmn: '\ea39';
	--ot-application-icon-ITSM_BPMN_SCI: '\ea3a';
	--ot-application-icon-ITSM_Bundle: '\ea3b';
	--ot-application-icon-ITSM_CallTicket: '\ea3c';
	--ot-application-icon-ITSM_capacity: '\ea3d';
	--ot-application-icon-ITSM_Categories: '\ea3e';
	--ot-application-icon-ITSM_ChangeProposal: '\ea3f';
	--ot-application-icon-ITSM_Checklist: '\ea40';
	--ot-application-icon-ITSM_CI-Type_Database: '\ea41';
	--ot-application-icon-ITSM_CI-Type_File: '\ea42';
	--ot-application-icon-ITSM_CI-Typ_Berechtigung: '\ea43';
	--ot-application-icon-ITSM_CI-Typ_Berechtigungsgruppe: '\ea44';
	--ot-application-icon-ITSM_CI-Typ_Berechtigungsrolle: '\ea45';
	--ot-application-icon-ITSM_CI-Typ_Infrastructure: '\ea46';
	--ot-application-icon-ITSM_CI-Typ_Rechenzentrum: '\ea47';
	--ot-application-icon-ITSM_CI-Typ_Server: '\ea48';
	--ot-application-icon-ITSM_CI-Typ_System: '\ea49';
	--ot-application-icon-ITSM_CI: '\ea4a';
	--ot-application-icon-ITSM_CIAttribute: '\ea4b';
	--ot-application-icon-ITSM_CICategories: '\ea4c';
	--ot-application-icon-ITSM_Delta_Release: '\ea4d';
	--ot-application-icon-ITSM_Documentation: '\ea4e';
	--ot-application-icon-ITSM_Event: '\ea4f';
	--ot-application-icon-ITSM_FAQ: '\ea50';
	--ot-application-icon-ITSM_Full_Release: '\ea51';
	--ot-application-icon-ITSM_Icon_MajorIncident: '\ea52';
	--ot-application-icon-ITSM_Icon_SecurityIncident: '\ea53';
	--ot-application-icon-ITSM_Icon_ServiceInactive: '\ea54';
	--ot-application-icon-ITSM_incident: '\ea55';
	--ot-application-icon-ITSM_Informationen: '\ea56';
	--ot-application-icon-ITSM_Internal: '\ea57';
	--ot-application-icon-ITSM_ITSMCenter: '\ea58';
	--ot-application-icon-ITSM_KBArticle: '\ea59';
	--ot-application-icon-ITSM_knowledgeAsset: '\ea5a';
	--ot-application-icon-ITSM_KnowledgeBaseSearch: '\ea5b';
	--ot-application-icon-ITSM_KnownError: '\ea5c';
	--ot-application-icon-ITSM_Locked: '\ea5d';
	--ot-application-icon-ITSM_Network: '\ea5e';
	--ot-application-icon-ITSM_New_Customer_Communication: '\ea5f';
	--ot-application-icon-ITSM_Nicht_Verfügbar: '\ea60';
	--ot-application-icon-ITSM_Order: '\ea61';
	--ot-application-icon-ITSM_Package_Release: '\ea62';
	--ot-application-icon-ITSM_Portfolio: '\ea63';
	--ot-application-icon-ITSM_Problem: '\ea64';
	--ot-application-icon-ITSM_Processmodel: '\ea65';
	--ot-application-icon-ITSM_Product: '\ea66';
	--ot-application-icon-ITSM_Release: '\ea67';
	--ot-application-icon-ITSM_RFC: '\ea68';
	--ot-application-icon-ITSM_ScheduledServiceRequest: '\ea69';
	--ot-application-icon-ITSM_SCI_Position: '\ea6a';
	--ot-application-icon-ITSM_Service: '\ea6b';
	--ot-application-icon-ITSM_ServiceAction: '\ea6c';
	--ot-application-icon-ITSM_ServiceLevelTarget: '\ea6d';
	--ot-application-icon-ITSM_ServiceLevelTargetPackage: '\ea6e';
	--ot-application-icon-ITSM_ServiceManagement: '\ea6f';
	--ot-application-icon-ITSM_ServiceRequest: '\ea70';
	--ot-application-icon-ITSM_ShoppingCart: '\ea71';
	--ot-application-icon-ITSM_SLA: '\ea72';
	--ot-application-icon-ITSM_Software: '\ea73';
	--ot-application-icon-ITSM_SoftwareDistribution: '\ea74';
	--ot-application-icon-ITSM_SolutionWizard: '\ea75';
	--ot-application-icon-ITSM_standardSolution: '\ea76';
	--ot-application-icon-ITSM_Stock: '\ea77';
	--ot-application-icon-ITSM_Subscription: '\ea78';
	--ot-application-icon-ITSM_Subticket: '\ea79';
	--ot-application-icon-ITSM_Template_ChecklistLines: '\ea7a';
	--ot-application-icon-ITSM_Template_RFC: '\ea7b';
	--ot-application-icon-ITSM_Template_ServiceRequest: '\ea7c';
	--ot-application-icon-ITSM_Ticket_Purchase: '\ea7d';
	--ot-application-icon-ITSM_WorkCockpit: '\ea7e';
	--ot-application-icon-ITSM_Zugeordnet_Ja: '\ea7f';
	--ot-application-icon-MD_Absence: '\ea80';
	--ot-application-icon-MD_BudgetExpenditure_0: '\ea81';
	--ot-application-icon-MD_BudgetExpenditure_100: '\ea82';
	--ot-application-icon-MD_BudgetExpenditure_25: '\ea83';
	--ot-application-icon-MD_BudgetExpenditure_50: '\ea84';
	--ot-application-icon-MD_Company: '\ea85';
	--ot-application-icon-MD_Confident: '\ea86';
	--ot-application-icon-MD_CostCenter: '\ea87';
	--ot-application-icon-MD_Decision: '\ea88';
	--ot-application-icon-MD_Emails: '\ea89';
	--ot-application-icon-MD_Email_Incoming: '\ea8a';
	--ot-application-icon-MD_Email_Outgoing: '\ea8b';
	--ot-application-icon-MD_Email_PriorityHigh: '\ea8c';
	--ot-application-icon-MD_Email_PriorityLow: '\ea8d';
	--ot-application-icon-MD_GlobalSearch: '\ea8e';
	--ot-application-icon-MD_Holiday: '\ea8f';
	--ot-application-icon-MD_HolidayCalendar: '\ea90';
	--ot-application-icon-MD_Icon_Client: '\ea91';
	--ot-application-icon-MD_Icon_Manufacturer: '\ea92';
	--ot-application-icon-MD_Icon_Supplier: '\ea93';
	--ot-application-icon-MD_Icon_VIP: '\ea94';
	--ot-application-icon-MD_Location: '\ea95';
	--ot-application-icon-MD_MasterData: '\ea96';
	--ot-application-icon-MD_Person: '\ea97';
	--ot-application-icon-MD_PersonalCalendar: '\ea98';
	--ot-application-icon-MD_Room: '\ea99';
	--ot-application-icon-MD_Team: '\ea9a';
	--ot-application-icon-MD_Template: '\ea9b';
	--ot-application-icon-MD_User: '\ea9c';
	--ot-application-icon-MD_Usergroup: '\ea9d';
	--ot-application-icon-MD_WorkingHours: '\ea9e';
	--ot-application-icon-MD_WorkingTimesCalendar: '\ea9f';
	--ot-application-icon-MD_WorkItemCenter: '\eaa0';
	--ot-application-icon-OT_AI: '\eaa1';
	--ot-application-icon-PH_Input: '\eaa2';
	--ot-application-icon-PH_Interaction: '\eaa3';
	--ot-application-icon-PH_KPI: '\eaa4';
	--ot-application-icon-PH_Output: '\eaa5';
	--ot-application-icon-PH_Ressources: '\eaa6';
	--ot-application-icon-PH_Risks_Chances: '\eaa7';
	--ot-application-icon-PMC_Agile: '\eaa8';
	--ot-application-icon-PMC_Automatism: '\eaa9';
	--ot-application-icon-PMC_BusinessCase: '\eaaa';
	--ot-application-icon-PMC_BusinessCaseVersion: '\eaab';
	--ot-application-icon-PMC_Epic: '\eaac';
	--ot-application-icon-PMC_Icon_FlexTime: '\eaad';
	--ot-application-icon-PMC_Icon_HomeOffice: '\eaae';
	--ot-application-icon-PMC_Icon_ParentalLeave: '\eaaf';
	--ot-application-icon-PMC_Icon_SickLeave: '\eab0';
	--ot-application-icon-PMC_Icon_SickLeaveChild: '\eab1';
	--ot-application-icon-PMC_Icon_TravelTime: '\eab2';
	--ot-application-icon-PMC_Icon_UnpaidLeave: '\eab3';
	--ot-application-icon-PMC_Icon_Vacation: '\eab4';
	--ot-application-icon-PMC_Icon_WorkingTime: '\eab5';
	--ot-application-icon-PMC_Invoicable: '\eab6';
	--ot-application-icon-PMC_Milestone: '\eab7';
	--ot-application-icon-PMC_PersonellRecord: '\eab8';
	--ot-application-icon-PMC_Project: '\eab9';
	--ot-application-icon-PMC_ProjectPhase_Agile: '\eaba';
	--ot-application-icon-PMC_ProjectPhase_Waterfall: '\eabb';
	--ot-application-icon-PMC_Sprint: '\eabc';
	--ot-application-icon-PMC_Template_Epic: '\eabd';
	--ot-application-icon-PMC_Template_Milestone: '\eabe';
	--ot-application-icon-PMC_Template_PersonellRecord: '\eabf';
	--ot-application-icon-PMC_Template_Project: '\eac0';
	--ot-application-icon-PMC_Template_ProjectPhase_Agile: '\eac1';
	--ot-application-icon-PMC_Template_ProjectPhase_Waterfall: '\eac2';
	--ot-application-icon-PMC_Template_UserStory: '\eac3';
	--ot-application-icon-PMC_TimeAccount: '\eac4';
	--ot-application-icon-PMC_TimeAccountPosition: '\eac5';
	--ot-application-icon-PMC_TravelingExpenses: '\eac6';
	--ot-application-icon-PMC_UserStory: '\eac7';
	--ot-application-icon-PMC_Waterfall: '\eac8';
	--ot-application-icon-RIM_Mesure: '\eac9';
	--ot-application-icon-RIM_MesurementPlan: '\eaca';
	--ot-application-icon-SEC_Action: '\eacb';
	--ot-application-icon-SEC_Approvals: '\eacc';
	--ot-application-icon-SEC_Bug: '\eacd';
	--ot-application-icon-SEC_Build: '\eace';
	--ot-application-icon-SEC_Change: '\eacf';
	--ot-application-icon-SEC_CREQ: '\ead0';
	--ot-application-icon-SEC_Defect: '\ead1';
	--ot-application-icon-SEC_DREQ: '\ead2';
	--ot-application-icon-SEC_NewFunctionality: '\ead3';
	--ot-application-icon-SEC_ProductCatalog: '\ead4';
	--ot-application-icon-SEC_Requirement: '\ead5';
	--ot-application-icon-SEC_Specification: '\ead6';
	--ot-application-icon-SEC_SREQ: '\ead7';
	--ot-application-icon-SEC_Stakeholder: '\ead8';
	--ot-application-icon-SEC_Steps: '\ead9';
	--ot-application-icon-SEC_TAGManagement: '\eada';
	--ot-application-icon-SEC_Template_Requirement: '\eadb';
	--ot-application-icon-SEC_Template_Specification: '\eadc';
	--ot-application-icon-SEC_TestManagement: '\eadd';
	--ot-application-icon-SEC_UseCase: '\eade';
	--ot-application-icon-SOM_DeliveryNote: '\eadf';
	--ot-application-icon-TM_Meeting: '\eae0';
	--ot-application-icon-TM_Task: '\eae1';
	--ot-application-icon-TM_TaskMgmt: '\eae2';
	--ot-application-icon-TM_TaskThreads: '\eae3';
	--ot-application-icon-TM_Template_TaskThread-1: '\eae4';
	--ot-application-icon-TM_Template_TaskThread: '\eae5';
}

/*
This file is generated by npm:build-font

DO NOT CHANGE THIS FILE!
*/
    
@font-face {
  font-family: "ot-icons";
  src: url('../Assets/fonts/ot-icons/ot-icons.eot?t=1761575086648'); /* IE9*/
  src: url('../Assets/fonts/ot-icons/ot-icons.eot?t=1761575086648#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url("../Assets/fonts/ot-icons/ot-icons.woff2?t=1761575086648") format("woff2"),
  url("../Assets/fonts/ot-icons/ot-icons.woff?t=1761575086648") format("woff"),
  url('../Assets/fonts/ot-icons/ot-icons.ttf?t=1761575086648') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../Assets/fonts/ot-icons/ot-icons.svg?t=1761575086648#ot-icons') format('svg'); /* iOS 4.1- */
}

[class^="ot-icon-"], [class*=" ot-icon-"] {
  font-family: 'ot-icons' !important;font-size: 2rem;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.ot-icon-add-new:before { content: "\ea01"; }
.ot-icon-add-sorting:before { content: "\ea02"; }
.ot-icon-add-table:before { content: "\ea03"; }
.ot-icon-add:before { content: "\ea04"; }
.ot-icon-airplane-OT-solid:before { content: "\ea05"; }
.ot-icon-alert-circle:before { content: "\ea06"; }
.ot-icon-align-center:before { content: "\ea07"; }
.ot-icon-align-left:before { content: "\ea08"; }
.ot-icon-align-right:before { content: "\ea09"; }
.ot-icon-alphanumeric-sort-ascending:before { content: "\ea0a"; }
.ot-icon-alphanumeric-sort-descending:before { content: "\ea0b"; }
.ot-icon-appearance-settings:before { content: "\ea0c"; }
.ot-icon-arrow-down:before { content: "\ea0d"; }
.ot-icon-arrow-left:before { content: "\ea0e"; }
.ot-icon-arrow-right:before { content: "\ea0f"; }
.ot-icon-arrow-triangle-left:before { content: "\ea10"; }
.ot-icon-arrow-triangle-right:before { content: "\ea11"; }
.ot-icon-arrow-up:before { content: "\ea12"; }
.ot-icon-artboard:before { content: "\ea13"; }
.ot-icon-ask-user:before { content: "\ea14"; }
.ot-icon-attachment:before { content: "\ea15"; }
.ot-icon-batch-mode:before { content: "\ea16"; }
.ot-icon-box:before { content: "\ea17"; }
.ot-icon-bpmn:before { content: "\ea18"; }
.ot-icon-calendar-view:before { content: "\ea19"; }
.ot-icon-calendar:before { content: "\ea1a"; }
.ot-icon-change-image:before { content: "\ea1b"; }
.ot-icon-change-password:before { content: "\ea1c"; }
.ot-icon-chat-bubble:before { content: "\ea1d"; }
.ot-icon-chat-end:before { content: "\ea1e"; }
.ot-icon-check-box-activated:before { content: "\ea1f"; }
.ot-icon-check-box-deactivated:before { content: "\ea20"; }
.ot-icon-check-box:before { content: "\ea21"; }
.ot-icon-checkmark:before { content: "\ea22"; }
.ot-icon-clear-formatting:before { content: "\ea23"; }
.ot-icon-close-circle-solid:before { content: "\ea24"; }
.ot-icon-close:before { content: "\ea25"; }
.ot-icon-color-theme:before { content: "\ea26"; }
.ot-icon-column-left:before { content: "\ea27"; }
.ot-icon-column-right:before { content: "\ea28"; }
.ot-icon-copy-OT-solid:before { content: "\ea29"; }
.ot-icon-copy-to-clipboard:before { content: "\ea2a"; }
.ot-icon-copy:before { content: "\ea2b"; }
.ot-icon-create-group:before { content: "\ea2c"; }
.ot-icon-dashboard:before { content: "\ea2d"; }
.ot-icon-default-image-filled:before { content: "\ea2e"; }
.ot-icon-default-image:before { content: "\ea2f"; }
.ot-icon-default-zoom:before { content: "\ea30"; }
.ot-icon-delete-column:before { content: "\ea31"; }
.ot-icon-delete-OT-solid:before { content: "\ea32"; }
.ot-icon-delete-row:before { content: "\ea33"; }
.ot-icon-delete:before { content: "\ea34"; }
.ot-icon-display-options:before { content: "\ea35"; }
.ot-icon-download:before { content: "\ea36"; }
.ot-icon-edit-layout:before { content: "\ea37"; }
.ot-icon-edit-shortcutbar:before { content: "\ea38"; }
.ot-icon-email-read:before { content: "\ea39"; }
.ot-icon-email:before { content: "\ea3a"; }
.ot-icon-error-exclamation:before { content: "\ea3b"; }
.ot-icon-error-x:before { content: "\ea3c"; }
.ot-icon-execute-script:before { content: "\ea3d"; }
.ot-icon-expand:before { content: "\ea3e"; }
.ot-icon-file-doc:before { content: "\ea3f"; }
.ot-icon-file-filled:before { content: "\ea40"; }
.ot-icon-file-ico:before { content: "\ea41"; }
.ot-icon-file-img-add:before { content: "\ea42"; }
.ot-icon-file-img:before { content: "\ea43"; }
.ot-icon-file-jpg:before { content: "\ea44"; }
.ot-icon-file-no-attachment:before { content: "\ea45"; }
.ot-icon-file-no-image:before { content: "\ea46"; }
.ot-icon-file-pdf:before { content: "\ea47"; }
.ot-icon-file-png:before { content: "\ea48"; }
.ot-icon-file-ppt:before { content: "\ea49"; }
.ot-icon-file-txt:before { content: "\ea4a"; }
.ot-icon-file-unknown:before { content: "\ea4b"; }
.ot-icon-file-vector:before { content: "\ea4c"; }
.ot-icon-file-xls:before { content: "\ea4d"; }
.ot-icon-file-zip:before { content: "\ea4e"; }
.ot-icon-file:before { content: "\ea4f"; }
.ot-icon-filter-active:before { content: "\ea50"; }
.ot-icon-filter-with-parameter-active:before { content: "\ea51"; }
.ot-icon-filter-with-parameter:before { content: "\ea52"; }
.ot-icon-filter:before { content: "\ea53"; }
.ot-icon-fit-to-page:before { content: "\ea54"; }
.ot-icon-flag:before { content: "\ea55"; }
.ot-icon-flip-x-y:before { content: "\ea56"; }
.ot-icon-folder:before { content: "\ea57"; }
.ot-icon-font-background:before { content: "\ea58"; }
.ot-icon-font-color:before { content: "\ea59"; }
.ot-icon-formatting-bold:before { content: "\ea5a"; }
.ot-icon-formatting-italics:before { content: "\ea5b"; }
.ot-icon-formatting-strikethrough:before { content: "\ea5c"; }
.ot-icon-formatting-underline:before { content: "\ea5d"; }
.ot-icon-graph:before { content: "\ea5e"; }
.ot-icon-group:before { content: "\ea5f"; }
.ot-icon-help-circle:before { content: "\ea60"; }
.ot-icon-help-message:before { content: "\ea61"; }
.ot-icon-hide-password:before { content: "\ea62"; }
.ot-icon-hide-thumbs:before { content: "\ea63"; }
.ot-icon-home:before { content: "\ea64"; }
.ot-icon-image-contract:before { content: "\ea65"; }
.ot-icon-image-expand:before { content: "\ea66"; }
.ot-icon-import-export:before { content: "\ea67"; }
.ot-icon-indent-decrease:before { content: "\ea68"; }
.ot-icon-indent-increase:before { content: "\ea69"; }
.ot-icon-information:before { content: "\ea6a"; }
.ot-icon-kanban-solid:before { content: "\ea6b"; }
.ot-icon-language-settings:before { content: "\ea6c"; }
.ot-icon-layout-editor:before { content: "\ea6d"; }
.ot-icon-layout-theme:before { content: "\ea6e"; }
.ot-icon-link:before { content: "\ea6f"; }
.ot-icon-list-bullets:before { content: "\ea70"; }
.ot-icon-list-grid:before { content: "\ea71"; }
.ot-icon-list-number:before { content: "\ea72"; }
.ot-icon-list:before { content: "\ea73"; }
.ot-icon-local-object:before { content: "\ea74"; }
.ot-icon-login-JWT:before { content: "\ea75"; }
.ot-icon-login-LDAP:before { content: "\ea76"; }
.ot-icon-login-SAML:before { content: "\ea77"; }
.ot-icon-login-user-pwd:before { content: "\ea78"; }
.ot-icon-message:before { content: "\ea79"; }
.ot-icon-mobile-help:before { content: "\ea7a"; }
.ot-icon-mobile-logout:before { content: "\ea7b"; }
.ot-icon-mobile-menu:before { content: "\ea7c"; }
.ot-icon-mobile-open-tabs:before { content: "\ea7d"; }
.ot-icon-mobile-selection-tree:before { content: "\ea7e"; }
.ot-icon-mobile-selection:before { content: "\ea7f"; }
.ot-icon-mobile-symbol-bar:before { content: "\ea80"; }
.ot-icon-more-horizontal:before { content: "\ea81"; }
.ot-icon-more-vertical:before { content: "\ea82"; }
.ot-icon-move-down:before { content: "\ea83"; }
.ot-icon-move-up:before { content: "\ea84"; }
.ot-icon-move:before { content: "\ea85"; }
.ot-icon-new:before { content: "\ea86"; }
.ot-icon-next:before { content: "\ea87"; }
.ot-icon-notification-bell-filled:before { content: "\ea88"; }
.ot-icon-notification-bell:before { content: "\ea89"; }
.ot-icon-notification-page:before { content: "\ea8a"; }
.ot-icon-numeric-sort-ascending:before { content: "\ea8b"; }
.ot-icon-numeric-sort-descending:before { content: "\ea8c"; }
.ot-icon-object-history:before { content: "\ea8d"; }
.ot-icon-open-folder:before { content: "\ea8e"; }
.ot-icon-open-in-new:before { content: "\ea8f"; }
.ot-icon-organize-views:before { content: "\ea90"; }
.ot-icon-parameter:before { content: "\ea91"; }
.ot-icon-password-lock-OT-solid:before { content: "\ea92"; }
.ot-icon-password-lock:before { content: "\ea93"; }
.ot-icon-pin-active:before { content: "\ea94"; }
.ot-icon-pin:before { content: "\ea95"; }
.ot-icon-play:before { content: "\ea96"; }
.ot-icon-presence-indicator-background:before { content: "\ea97"; }
.ot-icon-presence-indicator-border:before { content: "\ea98"; }
.ot-icon-presence-indicator-minus:before { content: "\ea99"; }
.ot-icon-presence-indicator-offline:before { content: "\ea9a"; }
.ot-icon-previous:before { content: "\ea9b"; }
.ot-icon-print:before { content: "\ea9c"; }
.ot-icon-process:before { content: "\ea9d"; }
.ot-icon-question:before { content: "\ea9e"; }
.ot-icon-radiobutton-checked:before { content: "\ea9f"; }
.ot-icon-radiobutton-unchecked:before { content: "\eaa0"; }
.ot-icon-recursive-search:before { content: "\eaa1"; }
.ot-icon-redo:before { content: "\eaa2"; }
.ot-icon-ref-to-object:before { content: "\eaa3"; }
.ot-icon-relative-time:before { content: "\eaa4"; }
.ot-icon-reload:before { content: "\eaa5"; }
.ot-icon-remove:before { content: "\eaa6"; }
.ot-icon-row-bottom:before { content: "\eaa7"; }
.ot-icon-row-top:before { content: "\eaa8"; }
.ot-icon-rule-editor:before { content: "\eaa9"; }
.ot-icon-save-as:before { content: "\eaaa"; }
.ot-icon-save-OT-solid:before { content: "\eaab"; }
.ot-icon-save:before { content: "\eaac"; }
.ot-icon-scb-left:before { content: "\eaad"; }
.ot-icon-scb-right:before { content: "\eaae"; }
.ot-icon-schedule:before { content: "\eaaf"; }
.ot-icon-search-active:before { content: "\eab0"; }
.ot-icon-search-folder:before { content: "\eab1"; }
.ot-icon-search:before { content: "\eab2"; }
.ot-icon-settings:before { content: "\eab3"; }
.ot-icon-show-password:before { content: "\eab4"; }
.ot-icon-show-thumbs:before { content: "\eab5"; }
.ot-icon-sidebar:before { content: "\eab6"; }
.ot-icon-sort-arrow-down:before { content: "\eab7"; }
.ot-icon-sort-arrow-up:before { content: "\eab8"; }
.ot-icon-sort-ascending:before { content: "\eab9"; }
.ot-icon-sort-descending:before { content: "\eaba"; }
.ot-icon-sorting:before { content: "\eabb"; }
.ot-icon-star-filled:before { content: "\eabc"; }
.ot-icon-star-stroke:before { content: "\eabd"; }
.ot-icon-stop:before { content: "\eabe"; }
.ot-icon-submit:before { content: "\eabf"; }
.ot-icon-target:before { content: "\eac0"; }
.ot-icon-task-action:before { content: "\eac1"; }
.ot-icon-task-export:before { content: "\eac2"; }
.ot-icon-task-list-filled:before { content: "\eac3"; }
.ot-icon-task-list:before { content: "\eac4"; }
.ot-icon-task-print:before { content: "\eac5"; }
.ot-icon-tiles:before { content: "\eac6"; }
.ot-icon-time-add:before { content: "\eac7"; }
.ot-icon-timeline:before { content: "\eac8"; }
.ot-icon-translate:before { content: "\eac9"; }
.ot-icon-undo:before { content: "\eaca"; }
.ot-icon-unflag:before { content: "\eacb"; }
.ot-icon-unlink:before { content: "\eacc"; }
.ot-icon-unread:before { content: "\eacd"; }
.ot-icon-user-blocked:before { content: "\eace"; }
.ot-icon-user-filled:before { content: "\eacf"; }
.ot-icon-user-group:before { content: "\ead0"; }
.ot-icon-user-settings:before { content: "\ead1"; }
.ot-icon-user:before { content: "\ead2"; }
.ot-icon-view:before { content: "\ead3"; }
.ot-icon-warning:before { content: "\ead4"; }
.ot-icon-windows-icon:before { content: "\ead5"; }
.ot-icon-workflow:before { content: "\ead6"; }
.ot-icon-zoom-in:before { content: "\ead7"; }
.ot-icon-zoom-out:before { content: "\ead8"; }




:root {
	--ot-icon-add-new: '\ea01';
	--ot-icon-add-sorting: '\ea02';
	--ot-icon-add-table: '\ea03';
	--ot-icon-add: '\ea04';
	--ot-icon-airplane-OT-solid: '\ea05';
	--ot-icon-alert-circle: '\ea06';
	--ot-icon-align-center: '\ea07';
	--ot-icon-align-left: '\ea08';
	--ot-icon-align-right: '\ea09';
	--ot-icon-alphanumeric-sort-ascending: '\ea0a';
	--ot-icon-alphanumeric-sort-descending: '\ea0b';
	--ot-icon-appearance-settings: '\ea0c';
	--ot-icon-arrow-down: '\ea0d';
	--ot-icon-arrow-left: '\ea0e';
	--ot-icon-arrow-right: '\ea0f';
	--ot-icon-arrow-triangle-left: '\ea10';
	--ot-icon-arrow-triangle-right: '\ea11';
	--ot-icon-arrow-up: '\ea12';
	--ot-icon-artboard: '\ea13';
	--ot-icon-ask-user: '\ea14';
	--ot-icon-attachment: '\ea15';
	--ot-icon-batch-mode: '\ea16';
	--ot-icon-box: '\ea17';
	--ot-icon-bpmn: '\ea18';
	--ot-icon-calendar-view: '\ea19';
	--ot-icon-calendar: '\ea1a';
	--ot-icon-change-image: '\ea1b';
	--ot-icon-change-password: '\ea1c';
	--ot-icon-chat-bubble: '\ea1d';
	--ot-icon-chat-end: '\ea1e';
	--ot-icon-check-box-activated: '\ea1f';
	--ot-icon-check-box-deactivated: '\ea20';
	--ot-icon-check-box: '\ea21';
	--ot-icon-checkmark: '\ea22';
	--ot-icon-clear-formatting: '\ea23';
	--ot-icon-close-circle-solid: '\ea24';
	--ot-icon-close: '\ea25';
	--ot-icon-color-theme: '\ea26';
	--ot-icon-column-left: '\ea27';
	--ot-icon-column-right: '\ea28';
	--ot-icon-copy-OT-solid: '\ea29';
	--ot-icon-copy-to-clipboard: '\ea2a';
	--ot-icon-copy: '\ea2b';
	--ot-icon-create-group: '\ea2c';
	--ot-icon-dashboard: '\ea2d';
	--ot-icon-default-image-filled: '\ea2e';
	--ot-icon-default-image: '\ea2f';
	--ot-icon-default-zoom: '\ea30';
	--ot-icon-delete-column: '\ea31';
	--ot-icon-delete-OT-solid: '\ea32';
	--ot-icon-delete-row: '\ea33';
	--ot-icon-delete: '\ea34';
	--ot-icon-display-options: '\ea35';
	--ot-icon-download: '\ea36';
	--ot-icon-edit-layout: '\ea37';
	--ot-icon-edit-shortcutbar: '\ea38';
	--ot-icon-email-read: '\ea39';
	--ot-icon-email: '\ea3a';
	--ot-icon-error-exclamation: '\ea3b';
	--ot-icon-error-x: '\ea3c';
	--ot-icon-execute-script: '\ea3d';
	--ot-icon-expand: '\ea3e';
	--ot-icon-file-doc: '\ea3f';
	--ot-icon-file-filled: '\ea40';
	--ot-icon-file-ico: '\ea41';
	--ot-icon-file-img-add: '\ea42';
	--ot-icon-file-img: '\ea43';
	--ot-icon-file-jpg: '\ea44';
	--ot-icon-file-no-attachment: '\ea45';
	--ot-icon-file-no-image: '\ea46';
	--ot-icon-file-pdf: '\ea47';
	--ot-icon-file-png: '\ea48';
	--ot-icon-file-ppt: '\ea49';
	--ot-icon-file-txt: '\ea4a';
	--ot-icon-file-unknown: '\ea4b';
	--ot-icon-file-vector: '\ea4c';
	--ot-icon-file-xls: '\ea4d';
	--ot-icon-file-zip: '\ea4e';
	--ot-icon-file: '\ea4f';
	--ot-icon-filter-active: '\ea50';
	--ot-icon-filter-with-parameter-active: '\ea51';
	--ot-icon-filter-with-parameter: '\ea52';
	--ot-icon-filter: '\ea53';
	--ot-icon-fit-to-page: '\ea54';
	--ot-icon-flag: '\ea55';
	--ot-icon-flip-x-y: '\ea56';
	--ot-icon-folder: '\ea57';
	--ot-icon-font-background: '\ea58';
	--ot-icon-font-color: '\ea59';
	--ot-icon-formatting-bold: '\ea5a';
	--ot-icon-formatting-italics: '\ea5b';
	--ot-icon-formatting-strikethrough: '\ea5c';
	--ot-icon-formatting-underline: '\ea5d';
	--ot-icon-graph: '\ea5e';
	--ot-icon-group: '\ea5f';
	--ot-icon-help-circle: '\ea60';
	--ot-icon-help-message: '\ea61';
	--ot-icon-hide-password: '\ea62';
	--ot-icon-hide-thumbs: '\ea63';
	--ot-icon-home: '\ea64';
	--ot-icon-image-contract: '\ea65';
	--ot-icon-image-expand: '\ea66';
	--ot-icon-import-export: '\ea67';
	--ot-icon-indent-decrease: '\ea68';
	--ot-icon-indent-increase: '\ea69';
	--ot-icon-information: '\ea6a';
	--ot-icon-kanban-solid: '\ea6b';
	--ot-icon-language-settings: '\ea6c';
	--ot-icon-layout-editor: '\ea6d';
	--ot-icon-layout-theme: '\ea6e';
	--ot-icon-link: '\ea6f';
	--ot-icon-list-bullets: '\ea70';
	--ot-icon-list-grid: '\ea71';
	--ot-icon-list-number: '\ea72';
	--ot-icon-list: '\ea73';
	--ot-icon-local-object: '\ea74';
	--ot-icon-login-JWT: '\ea75';
	--ot-icon-login-LDAP: '\ea76';
	--ot-icon-login-SAML: '\ea77';
	--ot-icon-login-user-pwd: '\ea78';
	--ot-icon-message: '\ea79';
	--ot-icon-mobile-help: '\ea7a';
	--ot-icon-mobile-logout: '\ea7b';
	--ot-icon-mobile-menu: '\ea7c';
	--ot-icon-mobile-open-tabs: '\ea7d';
	--ot-icon-mobile-selection-tree: '\ea7e';
	--ot-icon-mobile-selection: '\ea7f';
	--ot-icon-mobile-symbol-bar: '\ea80';
	--ot-icon-more-horizontal: '\ea81';
	--ot-icon-more-vertical: '\ea82';
	--ot-icon-move-down: '\ea83';
	--ot-icon-move-up: '\ea84';
	--ot-icon-move: '\ea85';
	--ot-icon-new: '\ea86';
	--ot-icon-next: '\ea87';
	--ot-icon-notification-bell-filled: '\ea88';
	--ot-icon-notification-bell: '\ea89';
	--ot-icon-notification-page: '\ea8a';
	--ot-icon-numeric-sort-ascending: '\ea8b';
	--ot-icon-numeric-sort-descending: '\ea8c';
	--ot-icon-object-history: '\ea8d';
	--ot-icon-open-folder: '\ea8e';
	--ot-icon-open-in-new: '\ea8f';
	--ot-icon-organize-views: '\ea90';
	--ot-icon-parameter: '\ea91';
	--ot-icon-password-lock-OT-solid: '\ea92';
	--ot-icon-password-lock: '\ea93';
	--ot-icon-pin-active: '\ea94';
	--ot-icon-pin: '\ea95';
	--ot-icon-play: '\ea96';
	--ot-icon-presence-indicator-background: '\ea97';
	--ot-icon-presence-indicator-border: '\ea98';
	--ot-icon-presence-indicator-minus: '\ea99';
	--ot-icon-presence-indicator-offline: '\ea9a';
	--ot-icon-previous: '\ea9b';
	--ot-icon-print: '\ea9c';
	--ot-icon-process: '\ea9d';
	--ot-icon-question: '\ea9e';
	--ot-icon-radiobutton-checked: '\ea9f';
	--ot-icon-radiobutton-unchecked: '\eaa0';
	--ot-icon-recursive-search: '\eaa1';
	--ot-icon-redo: '\eaa2';
	--ot-icon-ref-to-object: '\eaa3';
	--ot-icon-relative-time: '\eaa4';
	--ot-icon-reload: '\eaa5';
	--ot-icon-remove: '\eaa6';
	--ot-icon-row-bottom: '\eaa7';
	--ot-icon-row-top: '\eaa8';
	--ot-icon-rule-editor: '\eaa9';
	--ot-icon-save-as: '\eaaa';
	--ot-icon-save-OT-solid: '\eaab';
	--ot-icon-save: '\eaac';
	--ot-icon-scb-left: '\eaad';
	--ot-icon-scb-right: '\eaae';
	--ot-icon-schedule: '\eaaf';
	--ot-icon-search-active: '\eab0';
	--ot-icon-search-folder: '\eab1';
	--ot-icon-search: '\eab2';
	--ot-icon-settings: '\eab3';
	--ot-icon-show-password: '\eab4';
	--ot-icon-show-thumbs: '\eab5';
	--ot-icon-sidebar: '\eab6';
	--ot-icon-sort-arrow-down: '\eab7';
	--ot-icon-sort-arrow-up: '\eab8';
	--ot-icon-sort-ascending: '\eab9';
	--ot-icon-sort-descending: '\eaba';
	--ot-icon-sorting: '\eabb';
	--ot-icon-star-filled: '\eabc';
	--ot-icon-star-stroke: '\eabd';
	--ot-icon-stop: '\eabe';
	--ot-icon-submit: '\eabf';
	--ot-icon-target: '\eac0';
	--ot-icon-task-action: '\eac1';
	--ot-icon-task-export: '\eac2';
	--ot-icon-task-list-filled: '\eac3';
	--ot-icon-task-list: '\eac4';
	--ot-icon-task-print: '\eac5';
	--ot-icon-tiles: '\eac6';
	--ot-icon-time-add: '\eac7';
	--ot-icon-timeline: '\eac8';
	--ot-icon-translate: '\eac9';
	--ot-icon-undo: '\eaca';
	--ot-icon-unflag: '\eacb';
	--ot-icon-unlink: '\eacc';
	--ot-icon-unread: '\eacd';
	--ot-icon-user-blocked: '\eace';
	--ot-icon-user-filled: '\eacf';
	--ot-icon-user-group: '\ead0';
	--ot-icon-user-settings: '\ead1';
	--ot-icon-user: '\ead2';
	--ot-icon-view: '\ead3';
	--ot-icon-warning: '\ead4';
	--ot-icon-windows-icon: '\ead5';
	--ot-icon-workflow: '\ead6';
	--ot-icon-zoom-in: '\ead7';
	--ot-icon-zoom-out: '\ead8';
}
body {
    /* Text color of texts on items with the branding color as background e.g. logout timer text,
       toolbar search box text, task list notification header text */
    --color-button-hover: var(--color-grey-65);
    --color-of-shortcut-bar-text: var(--color-sidebar-text);
    --color-shortcut-bar-button-row-focus-text: var(--color-sidebar);
    --color-shortcut-button-row-hover: var(--color-grey-10);
    --color-shortcut-bar-button-row-focus: #f2f2f2;
    --color-shortcut-bar-item-hover: var(--color-primary-accent-30);
    --own-comment-bg-color: var(--color-secondary);
    --not-own-comment-bg-color: var(--color-primary);
    /* New Variables for WEBGATEWAY 2.0 MOBILE*/
    /* Tab Control */
    --mobile-tab-active-bg-color: var(--color-primary);
    --mobile-tab-active-title-color: var(--color-primary-text);
    --mobile-tab-active-information-color: var(--color-primary-text);
    --mobile-tab-inactive-bg-color: var(--color-white);
    --mobile-tab-inactive-title-color: var(--color-primary-labels);
    --mobile-tab-inactive-information-color: var(--color-black);
    --mobile-tab-counter-color: var(--color-primary-text);
    /* Notification */
    --mobile-notification-counter-new-notification-color: var(--color-primary);
    --mobile-notification-counter-no-new-notification-color: var(--color-primary-text);
    --mobile-new-notification-menu-hint-color: #ff0000;
    /* General */
    --mobile-page-title-color: var(--color-primary-text);
    --mobile-page-container-page-header-bg-color: var(--color-primary);
    /* Comments Page */
    --mobile-own-comment-name-color: var(--own-comment-bg-color);
    --mobile-not-own-comment-name-color: var(--not-own-comment-bg-color);
    --mobile-comment-text-color: var(--color-text-primary);
    --mobile-more-options-dropdown-not-own-comment-text-color: var(--color-secondary-text);
    --mobile-more-options-dropdown-own-comment-text-color: var(--color-primary-text);
    --mobile-more-options-dropdown-not-own-comment-bg-color: var(--color-timestamped-memo-popup-background);
    --mobile-more-options-dropdown-own-comment-bg-color: var(--color-timestamped-memo-popup-background);
    /* Side Navigation */
    --mobile-side-nav-close-area-bg-color: rgba(0, 0, 0, 0.75);
    /* Filter Bar */
    --mobile-filter-bar-bg-color: var(--color-primary);
    --mobile-filter-bar-header-bg-color: var(--color-primary-pressed);
    /* Shortcut Bar */
    --mobile-shortcut-bar-header-bg-color: var(--color-mobile-menu-header-footer-bg);
    --mobile-shortcut-bar-footer-bg-color: var(--color-mobile-menu-header-footer-bg);
    /* Folder tree */
    --mobile-folder-tree-header-bg-color: var(--color-mobile-menu-header-footer-bg);
    --mobile-folder-tree-footer-bg-color: var(--color-mobile-menu-header-footer-bg);
    /* Help menu */
    --mobile-help-menu-bg-color: var(--color-sidebar);
    --mobile-help-menu-header-bg-color: var(--color-mobile-menu-header-footer-bg);
    --mobile-help-menu-footer-bg-color: var(--color-mobile-menu-header-footer-bg);
    /* Main Page */
    --mobile-kendo-dropdownbutton-popup-bg-color: var(--color-primary);
    --mobile-kendo-dropdownbutton-popup-text-color: var(--color-primary-text);
    --mobile-main-page-footer-bg-color: var(--color-primary);
    --mobile-main-page-footer-button-text-color: var(--color-primary-text);
    /* Tasks Page */
    --mobile-tasks-page-footer-bg-color: var(--color-primary);
    --mobile-tasks-page-group-title-color: var(--color-primary-labels);
    --mobile-tasks-page-title-hover-color: var(--color-grey-20);
    --mobile-selected-task-bg-color: var(--color-primary);
    /* Snack Bar */
    --mobile-snack-bar-text-color: #fff;
    --mobile-snack-bar-default-bg-color: var(--color-primary);
    --mobile-snack-bar-info-bg-color: var(--color-primary);
    --mobile-snack-bar-warning-bg-color: #fb8c00;
    --mobile-snack-bar-success-bg-color: var(--color-secondary);
    --mobile-snack-bar-error-bg-color: #f44336;
    --mobile-snack-bar-loader-color: #fff;
    /* Select Object Dialog (Mobile) */
    --mobile-select-object-select-folder-text-color: #000;
    --mobile-select-object-select-folder-go-back-arrow-bg-color: var(--color-grey-55);
    --mobile-select-object-select-folder-selected-folder-bg-color: #e5e5e5;
    --mobile-select-object-select-folder-selected-folder-go-forward-arrow-bg-color: var(--color-grey-55);
    --mobile-select-object-select-folder-parent-folder-bg-color: var(--color-primary-accent-30);
    --mobile-select-object-select-folder-parent-folder-text-color: #fff;
    /* Selection Tree (Mobile) */
    --mobile-selection-tree-navigation-header-active: var(--color-primary-accent-30);
    --primary-button-enabled-standard: var(--color-primary);
    --primary-button-enabled-focus-border: var(--color-grey-65);
    /* Set the alignment of currency fields (left, center, right) */
    --currency-align: right;
    /* Set the alignment of currency fields (reference lists, main list...) */
    --currency-align-grid: right;
    --typography-button-text-transform: none;
    /* Navigation bar */
    --user-settings-opened-width: 24rem;
    /* To get real item size +0.8rem is overall size, So application height is: 2.0 + .8 = 2.8rem = 28px */
    --item-height: 3rem;
    --notification-h1-color: 15px;
    --notification-h1-font-size: 15px;
    --notification-text-size: 14px;
    --notification-text-size: 14px;
    --notification-font-weight: 500;
    
    /* Control Base */
    --control-base-input-height: 3.2rem;
    --control-base-button-height: 3rem; 
}
/* Colors - DEFAULT THEME */
html[data-theme="default"],
html.Default,
body.Default {
	--color-primary: #588157;
	--color-primary-text: var(--color-white);
	--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, var(--color-black)); /* #006F9F */
	--color-primary-pressed: color-mix(in srgb, var(--color-primary) 80%, var(--color-black)); /* #007FB6 */
	--color-primary-hover: color-mix(in srgb, var(--color-primary) 80%, var(--color-white)); /* #33B2E9 */
	--color-primary-accent-30: color-mix(in srgb, var(--color-primary) 70%, var(--color-white)); /* #4DBCEB */
	--color-primary-accent-40: color-mix(in srgb, var(--color-primary) 60%, var(--color-white)); /* #66C5EE */
	--color-primary-accent-80: color-mix(in srgb, var(--color-primary) 20%, var(--color-white)); /* #CCECF9 */
	--color-primary-accent-85: color-mix(in srgb, var(--color-primary) 15%, var(--color-white)); /* #E6F5FC */
	--color-primary-accent-50: color-mix(in srgb, var(--color-primary) 50%, var(--color-white)); /* #008DEB */
	--color-primary-labels: var(--color-primary);
	--color-primary-labels-2: var(--color-primary);
	--color-secondary: #3A5A40;
	--color-secondary-text: var(--color-white);
	--color-secondary-pressed: color-mix(in srgb, var(--color-secondary) 80%, var(--color-black)); /* #368B1D */
	--color-secondary-hover: color-mix(in srgb, var(--color-secondary) 80%, var(--color-white)); /* #69BE50 */
	--color-secondary-accent-20: color-mix(in srgb, var(--color-secondary) 20%, var(--color-white)); /* #DAEFD3 */
	--color-secondary-accent-40: color-mix(in srgb, var(--color-secondary) 40%, var(--color-white)); /* #DAEFD3 */
	--color-secondary-accent-80: color-mix(in srgb, var(--color-secondary) 80%, var(--color-white));
	--color-tertiary: var(--color-white);
	--color-tertiary-text: var(--color-grey-90); /* #1A1A1A */
	--color-tertiary-pressed: #66c5ee;
	--color-tertiary-pressed-border: #007fb6;
	--color-tertiary-hover: #ccecf9;
	/* primary color -> primary button */
	--color-primary-button-primary-bg: var(--color-primary);
	--color-primary-button-primary-border: var(--color-primary);
	--color-primary-button-primary-text: var(--color-primary-text);
	--color-primary-button-primary-bg-hover: var(--color-primary-hover);
	--color-primary-button-primary-border-hover: var(--color-primary-hover);
	--color-primary-button-primary-text-hover: var(--color-primary-text);
	--color-primary-button-primary-bg-pressed: var(--color-primary-pressed);
	--color-primary-button-primary-border-pressed: var(--color-primary-pressed);
	--color-primary-button-primary-text-pressed: var(--color-primary-text);
	--color-primary-button-primary-bg-disabled: var(--color-grey-20);
	--color-primary-button-primary-border-disabled: var(--color-grey-20);
	--color-primary-button-primary-text-disabled: var(--color-primary-text);
	/* primary color -> secondary button */
	--color-primary-button-secondary-bg: var(--color-white);
	--color-primary-button-secondary-border: var(--color-primary);
	--color-primary-button-secondary-text: var(--color-primary-pressed);
	--color-primary-button-secondary-bg-hover: var(--color-primary-accent-80);
	--color-primary-button-secondary-border-hover: var(--color-primary);
	--color-primary-button-secondary-text-hover: var(--color-primary-pressed);
	--color-primary-button-secondary-bg-pressed: var(--color-primary-accent-40);
	--color-primary-button-secondary-border-pressed: var(--color-primary-pressed);
	--color-primary-button-secondary-text-pressed: var(--color-grey-90);
	--color-primary-button-secondary-bg-disabled: var(--color-white);
	--color-primary-button-secondary-border-disabled: var(--color-grey-15);
	--color-primary-button-secondary-text-disabled: var(--color-grey-35);
	/* secondary color -> primary button */
	--color-secondary-button-primary-bg: var(--color-secondary);
	--color-secondary-button-primary-border: var(--color-secondary);
	--color-secondary-button-primary-text: var(--color-secondary-text);
	--color-secondary-button-primary-bg-hover: var(--color-secondary-hover);
	--color-secondary-button-primary-border-hover: var(--color-secondary-hover);
	--color-secondary-button-primary-text-hover: var(--color-secondary-text);
	--color-secondary-button-primary-bg-pressed: var(--color-secondary-pressed);
	--color-secondary-button-primary-border-pressed: var(--color-secondary-pressed);
	--color-secondary-button-primary-text-pressed: var(--color-secondary-text);
	--color-secondary-button-primary-bg-disabled: var(--color-grey-20);
	--color-secondary-button-primary-border-disabled: var(--color-grey-20);
	--color-secondary-button-primary-text-disabled: var(--color-secondary-text);
	/* secondary color -> secondary button */
	--color-secondary-button-secondary-bg: var(--color-white);
	--color-secondary-button-secondary-border: var(--color-secondary);
	--color-secondary-button-secondary-text: var(--color-secondary-pressed);
	--color-secondary-button-secondary-bg-hover: var(--color-secondary-accent-20);
	--color-secondary-button-secondary-border-hover: var(--color-secondary);
	--color-secondary-button-secondary-text-hover: var(--color-secondary-pressed);
	--color-secondary-button-secondary-bg-pressed: var(--color-secondary-hover);
	--color-secondary-button-secondary-border-pressed: var(--color-secondary-pressed);
	--color-secondary-button-secondary-text-pressed: var(--color-grey-90);
	--color-secondary-button-secondary-bg-disabled: var(--color-white);
	--color-secondary-button-secondary-border-disabled: var(--color-grey-15);
	--color-secondary-button-secondary-text-disabled: var(--color-grey-35);
	/* grey color -> icon secondary button */
	--color-grey-button-icon-secondary-bg: var(--color-white);
	--color-grey-button-icon-secondary-border: var(--color-grey-15);
	--color-grey-button-icon-secondary-text: var(--color-grey-55);
	--color-grey-button-icon-secondary-bg-hover: var(--color-grey-10);
	--color-grey-button-icon-secondary-border-hover: var(--color-grey-15);
	--color-grey-button-icon-secondary-text-hover: var(--color-grey-55);
	--color-grey-button-icon-secondary-bg-pressed: var(--color-primary-pressed);
	--color-grey-button-icon-secondary-border-pressed: var(--color-primary-pressed);
	--color-grey-button-icon-secondary-text-pressed: var(--color-white);
	--color-grey-button-icon-secondary-bg-disabled: var(--color-white);
	--color-grey-button-icon-secondary-border-disabled: var(--color-grey-15);
	--color-grey-button-icon-secondary-text-disabled: var(--color-grey-20);
	/* --------- General --------- */
	--primary-colored-button-bg: var(--color-primary);
	--primary-colored-button-text-and-icon: var(--color-white);
	--tooltip-background: var(--color-primary);
	/* Sidebar (shortcuts, folder) */
	--color-sidebar: var(--color-white);
	--color-sidebar-text: var(--color-grey-90);
	--color-sidebar-border-top: var(--color-sidebar);
	--color-sidebar-focus: var(--color-sidebar-text);
	--color-sidebar-tabs-text: var(--color-grey-55);
	--color-sidebar-tabs-underline: var(--color-grey-10);
	--color-sidebar-tabs-active-text: var(--color-primary);
	--color-sidebar-tabs-active-underline: var(--color-primary);
	--color-sidebar-searchbox-border: var(--color-grey-15);
	--color-sidebar-searchbox-icon: var(--color-grey-55);
	--color-sidebar-searchbox-background: transparent;
	--color-sidebar-searchbox-icon-hover: var(--color-grey-55);
	--color-sidebar-searchbox-background-hover: var(--color-grey-5);
	--color-sidebar-searchbox-icon-pressed: var(--color-grey-55);
	--color-sidebar-searchbox-background-pressed: var(--color-grey-15);
	--color-sidebar-searchbox-background-open: var(--color-sidebar);
	--color-sidebar-search-label: var(--color-primary-labels);
	--color-sidebar-search-placeholder: var(--color-grey-55);
	--color-pin-pin-color: var(--color-grey-55);
	--color-pin-border: var(--color-grey-15);
	--color-pin-hover: var(--color-grey-5);
	--color-pin-active: var(--color-grey-10);
	--color-pin-active-border: var(--color-grey-15);
	--color-pin-active-background: var(--color-primary);
	--color-pin-active-pin-color: var(--primary-colored-button-text-and-icon);
	--color-pin-active-hover: var(--color-primary-hover);
	--color-pin-active-active: var(--color-primary-pressed);
	--color-pin-active-active-pin-color: var(--color-white);
	--navigation-parent-container-default-bg: var(--color-primary);
	--navigation-parent-container-default-fg: var(--color-white);
	--navigation-parent-container-hover-bg: var(--color-primary-hover);
	--navigation-parent-container-pressed-bg: var(--color-primary-pressed);
	/* Sidebar folders */
	--color-sidebar-default-bg: transparent;
	--color-sidebar-hover-bg: var(--color-grey-5);
	--color-sidebar-pressed-bg: var(--color-grey-10);
	--color-sidebar-default-text: var(--color-grey-90);
	--color-sidebar-hover-text: var(--color-grey-90);
	--color-sidebar-pressed-text: var(--color-grey-90);
	--color-sidebar-text-hover-focus: var(--color-sidebar-text);
	--color-sidebar-button-default-bg: transparent;
	--color-sidebar-button-hover-bg: var(--color-primary);
	--color-sidebar-button-pressed-bg: var(--color-primary-pressed);
	--color-sidebar-button-default-fg: var(--color-grey-55);
	--color-sidebar-button-hover-fg: var(--color-white);
	--color-sidebar-button-pressed-fg: var(--color-white);
	--color-sidebar-icon-background: transparent;
	--color-sidebar-shadow: var(--color-grey-10);
	--color-sidebar-mobile: var(--color-grey-10);
	--color-sidebar-no-results-text: var(--color-grey-55);
	--color-sidebar-selected: var(--color-primary);
	/* Sidebar shortcuts */
	--navigation-links-group-default-border: transparent;
	--navigation-links-group-default-bg: transparent;
	--navigation-links-group-hover-bg: var(--color-grey-5);
	--navigation-links-group-pressed-bg: var(--color-grey-10);
	--navigation-links-item-default-bg: transparent;
	--navigation-links-item-hover-bg: var(--color-grey-5);
	--navigation-links-item-pressed-bg: var(--color-grey-10);
	--navigation-links-default-fg: var(--color-grey-90);
	--navigation-links-hover-fg: var(--color-grey-90);
	--navigation-links-pressed-fg: var(--color-grey-90);
	--navigation-links-hover-focus-fg: var(--color-grey-90);
	--navigation-link-icon-default: var(--color-grey-55);
	--navigation-link-icon-hover: var(--color-grey-55);
	--navigation-link-icon-pressed: var(--color-grey-55);
	--navigation-items-border-color: transparent;
	/* Shortcutbar set/remove Favorite */
	--color-favorite-shortcut-button-default: var(--color-grey-55);
	--color-favorite-shortcut-button-default-bg: var(--color-grey-5);
	--color-favorite-shortcut-button-default-hover-bg: var(--color-white);
	--color-favorite-shortcut-button-default-hover-fg: var(--color-grey-55);
	--color-favorite-shortcut-button-default-pressed-fg: var(--color-grey-55);
	--color-favorite-shortcut-button-default-pressed-bg: var(--color-grey-5);
	--color-favorite-shortcut-button-default-focused-bg: var(--color-white);
	/* Loading animation colors */
	--color-loading-animation-back-color: 242, 242, 242;
	--color-loading-animation-breach-color: 255, 255, 255;
	--color-loading-animation-ie-fallback: rgb(242, 242, 242);
	/* browser scrollbar */
	--color-browser-scrollbar-bg: var(--color-grey-10);
	--color-browser-scrollbar-track-piece: var(--color-grey-10);
	--color-browser-scrollbar-thumb-default: var(--color-grey-20);
	--color-browser-scrollbar-thumb-hover: var(--color-primary);
	--color-browser-scrollbar-thumb-pressed: var(--color-primary-pressed);
	/* grid scrollbar */
	--color-scrollbar: var(--color-primary-labels);
	--color-scrollbar-bg: var(--color-grey-5);
	/* base background and text color */
	--color-background-primary: var(--color-white);
	--color-text-primary: var(--color-grey-90);
	--color-background-primary-2nd: var(--color-grey-10);
	--color-text-primary-2nd: var(--color-grey-65);
	--color-text-primary-3rd: var(--color-grey-55);
	--color-text-secondary: var(--color-secondary);
	--color-text-selected: var(--color-primary-text);
	--color-text-disabled: var(--color-grey-35);
	--color-button-disabled-bg: var(--color-grey-20);
	--color-button-disabled-text: var(--color-white); /* toolbar button (eg rule editor) */
	--color-placeholder: var(--color-grey-35);
	--color-background-secondary: var(--color-white);
	--color-focus-outline: var(--color-grey-90);
	--color-focus-shadow: var(--color-grey-55);
	--color-active-bg: var(--color-grey-15);
	--color-hover-bg: var(--color-grey-10);
	--color-hover-bg-2nd: var(--color-grey-5);
	--color-border: var(--color-grey-10);
	--color-box-shadow: var(--color-grey-15);
	--color-action-button-bg: var(--color-primary-button-secondary-bg);
	--color-action-border: var(--color-primary);
	--color-action-button-text: var(--color-primary);
	--color-action-button-hover-bg: var(--color-tertiary-hover);
	--color-action-button-pressed: var(--color-grey-5);
	--color-action-button-pressed-bg: var(--color-primary);
	--color-button-pressed-bg: var(--color-grey-55);
	--color-input-bg: var(--color-white);
	/* status colors */
	--color-information: var(--color-secondary-pressed);
	--color-warning: var(--color-orange);
	--color-error: var(--color-red);
	--color-focus-frame: var(--color-focus-outline);
	/*  --------- Specific --------- // */
	/* skip to main content */
	--color-skip-content-button: var(--color-grey-75);
	--color-skip-content-text: var(--color-white);
	/* Login page */
	--color-login-header-bg: var(--color-primary);
	--color-login-header-bg-rgb: 0 159 227; /* channels for #009fe3 used by fallback rgb() */
	--opacity-login-header: 0.8;
	--color-login-body-bg: var(--color-white);
	--color-login-body-text: var(--color-text-primary);
	--color-login-language-control: var(--color-white);
	--color-login-language-control-mobile: var(--color-grey-90);
	--color-switch-language-hover: var(--color-primary-hover);
	--login-background-blur: 5px;
	--login-background-alpha: 0.73;
	--color-login-accent: var(--color-grey-55);
	--color-login-accent-text: var(--color-text-primary);
	--color-login-button-bg: var(--primary-colored-button-bg);
	--color-login-button-hover: var(--color-primary-hover);
	--color-login-button-active: var(--color-primary-pressed);
	--color-login-button-text: var(--primary-colored-button-text-and-icon);
	--color-login-control-border: var(--color-grey-15);
	--color-login-text: var(--color-grey-55);
	--color-login-placholders: var(--color-grey-55);
	--color-login-icons: var(--color-primary);
	--color-login-labels: var(--color-primary);
	--color-login-link: var(--color-blue);
	/*  user settings menu */
	--color-user-settings-menu: var(--color-primary);
	--color-user-settings-menu-text: var(--color-white);
	--color-user-settings-menu-hover: var(--color-primary-hover);
	--color-user-settings-menu-pressed: var(--color-primary-pressed);
	--color-user-settings-menu-pressed-content: var(--color-primary-pressed);
	--color-user-settings-menu-icons: var(--color-white);
	--color-user-settings-button-container-bg: var(--color-primary-pressed);
	--color-user-settings-button-container-border: var(--color-primary-pressed);
	--color-user-settings-button-active-bg: var(--color-primary-pressed);
	/* panes */
	--color-panes-bg: var(--color-primary);
	--color-panes-hover: var(--color-primary-hover);
	--color-panes-pressed: var(--color-primary-pressed);
	--color-panes-focus-outline: var(--color-black);
	--color-panes-button-border: var(--color-grey-10);
	--color-panes-active-bg: var(--color-white);
	--color-panes-active-hover-bg: var(--color-grey-5);
	--color-panes-active-pressed: var(--color-grey-10);
	--color-panes-icon-active: var(--color-primary);
	--color-panes-icon-inactive: var(--color-white);
	--color-panes-content: var(--color-grey-90);
	--color-panes-close-inactive: var(--color-white);
	--color-panes-close-inactive-hover: var(--color-primary-accent-30);
	--color-panes-close-active: var(--color-grey-55);
	--color-panes-close-active-hover: var(--color-grey-10);
	/* bread crumb bar */
	--color-bread-crumb-bar-bg: var(--color-grey-5);
	--color-bread-crumb-bar-text: var(--color-grey-90);
	--color-bread-crumb-bar-text-active: var(--color-primary);
	--color-bread-crumb-bar-bg-hover: var(--color-grey-10);
	--color-bread-crumb-bar-bg-active-hover: var(--color-grey-10);
	--color-bread-crumb-bar-text-active-hover: var(--color-primary-hover);
	--color-bread-crumb-bar-bg-pressed: var(--color-grey-15);
	--color-bread-crumb-bar-bg-active-pressed: var(--color-primary-pressed);
	--color-bread-crumb-bar-text-active-pressed: var(--color-white);
	--color-bread-crumb-bar-separator: var(--color-grey-35);
	/* Symbol Bar */
	--color-symbol-bar-button-bg: var(--color-grey-5);
	--color-symbol-bar-button-border: var(--color-grey-10);
	--color-symbol-bar-button-icon: var(--color-grey-55);
	--color-symbol-bar-button-hover: var(--color-grey-15);
	/* View & Filter Bar */
	--color-vfb-control-border: var(--color-grey-15);
	--color-vfb-control-icon-bg: transparent;
	--color-filter-active: var(--primary-colored-button-text-and-icon);
	/* pane dialogs, e.g. modify-objects */
	--color-pane-form-bg: var(--color-grey-5);
	--color-pane-section-bg: var(--color-background-primary);
	/* object/search form */
	--color-control-border: var(--color-grey-15);
	--color-control-icons: var(--color-grey-55);
	--color-object-form-bg: var(--color-grey-5);
	--color-search-form-bg: var(--color-grey-5);
	--color-search-form-controls-bg: var(--color-white);
	--color-button-text: var(--color-grey-90); /* search-form */
	--color-section-bg: var(--color-background-primary);
	--color-of-section-label: var(--color-text-primary);
	--color-of-control-label: var(--color-primary);
	--color-of-control-label-readonly: var(--color-grey-65);
	--color-control-value: var(--color-text-primary);
	--color-control-background: var(--color-white); /* process-portal */

	--color-control-focus-bg: var(--color-white);
	--color-active-tab-bg: transparent;
	--color-inactive-tab-bg: var(--color-grey-10);
	--color-inactive-tab-bg-hover: var(--color-grey-5);
	--color-tab-control-border: var(--color-grey-15);
	--color-tab-control-label: var(--color-grey-90);
	--color-list-control-bg: var(--color-background-primary);
	--color-kendo-popup-box-shadow: var(--color-grey-35);
	--color-popup-list-bg: var(--color-white);
	--color-popup-text: var(--color-grey-90);
	--color-popup-list-hover-bg: var(--color-grey-5);
	--color-popup-list-selected-hover-bg: var(--color-primary-hover);
	--color-popup-list-selected-bg: var(--color-primary-pressed);
	--color-control-icons-hover: var(--color-grey-20);
	--color-control-icons-active: var(--color-grey-5);
	--color-control-icons-disabled: var(--color-grey-35);
	--color-control-workflow-active: var(--color-white);
	/* sections */
	--color-section-icon-arrow-right: var(--color-grey-55);
	--color-section-icon-arrow-down: var(--color-white);
	--color-section-icon-arrow-down-pressed: var(--color-white);
	--color-open-section-default: var(--color-primary);
	--color-open-section-hover: var(--color-primary-hover);
	--color-open-section-pressed: var(--color-primary-pressed);
	--color-closed-section-default: var(--color-grey-10);
	--color-closed-section-text-default: var(--color-grey-65);
	--color-closed-section-hover: var(--color-grey-5);
	--color-closed-section-pressed: var(--color-grey-15);
	/* sections - mandatory */
	--color-section-mandatory-icon-arrow-down: var(--color-white);
	--color-open-section-mandatory-default: var(--color-orange);
	--color-open-section-mandatory-hover: var(--color-orange-light);
	--color-open-section-mandatory-pressed: var(--color-orange);
	/* timestamped */
	--color-control-own-memo-section: var(--color-secondary-hover);
	--color-control-own-memo-section-header-text: var(--color-secondary-text);
	--color-control-foreign-memo-section: var(--color-primary);
	--color-control-foreign-memo-section-header-text: var(--color-primary-text);
	/* html memo control (e.g. for emails) */
	--color-html-memo-control-bg: var(--color-white);
	/* formatted text */
	--color-rtf-text: var(--color-text-primary);
	--color-rtf-text-wpf: unset;
	--color-rtf-bg: var(--color-background-primary);
	--color-rtf-toolbar: var(--color-background-primary);
	--color-rtf-toolbar-control: var(--color-background-primary);
	--color-rtf-toolbar-control-hover: var(--color-hover-bg);
	--color-rtf-toolbar-control-text: var(--color-text-primary);
	--color-rtf-toolbar-control-text-disabled: var(--color-text-disabled);
	--color-rtf-toolbar-control-border: var(--color-grey-15);
	--color-rtf-toolbar-control-selected-bg: var(--color-primary-button-primary-bg);
	--color-rtf-toolbar-control-selected-pressed-bg: var(--color-primary-button-primary-bg-pressed);
	--color-rtf-toolbar-control-selected-hover-bg: var(--color-primary-button-primary-bg-hover);
	--color-rtf-toolbar-control-selected-text: var(--color-primary-button-primary-text);
	--color-rtf-toolbar-control-selected-pressed-text: var(--color-primary-button-primary-text-pressed);
	--color-rtf-toolbar-control-selected-hover-text: var(--color-primary-button-primary-text-hover);
	--color-rtf-toolbar-control-selected-border: transparent;
	/* ref-field readonly link */
	--color-control-readonly-link: #0066cc;
	/* form navigation */
	--color-sidebar-bg: var(--color-pane-section-bg);
	--color-form-navigation-hover-bg: var(--color-grey-10);
	--color-form-navigation-text: var(--color-grey-90);
	--color-form-navigation-hover-text: var(--color-grey-90);
	--color-form-navigation-selected-text: var(--color-white);
	--color-form-navigation-selected-mandatory-text: var(--color-white);
	--color-sidebar-expand-button-hover-bg: var(--color-grey-10);
	--color-sidebar-expand-button-active-bg: var(--color-grey-35);
	--color-sidebar-item-text-disabled: var(--color-grey-65);
	--color-sidebar-expand-button-default: var(--color-grey-55);
	--color-sidebar-expand-button-selected: var(--color-white);
	--color-sidebar-expand-button-selected-mandatory: var(--color-white);
	/* mandatory fields */
	--color-mandatory-empty: var(--color-orange);
	--color-mandatory-valid: var(--color-grey-15);
	--color-mandatory-label: var(--color-orange);
	--color-mandatory-tab-hover: var(--color-orange-light);
	--color-read-only: var(--color-grey-20);
	--color-mandatory-filled: var(--color-grey-15);
	/* read only buttons */
	--color-button-read-only-bg: var(--color-grey-20);
	--color-button-read-only-color: var(--color-white);
	--color-button-read-only-border: var(--color-grey-20);
	--color-notification-warning: #fb8c00;
	--color-notification-error: #f44336;
	--color-notification-success: #44ae24;
	--color-notification-information: #009fe3;
	--color-notification-border: var(--color-primary);
	--color-notification-background: var(--color-sidebar);
	--color-notification-content: var(--color-sidebar-text);
	--color-notification-box-shadow: var(--color-grey-35);
	/* toolbar (folder spec. / object form) */
	--color-main-toolbar-btn-bg: var(--color-white);
	--color-main-toolbar-hover-bg: var(--color-secondary-accent-20);
	--color-main-toolbar-hover-bg2: var(--color-primary-accent-80); /* select object dialog */
	--color-main-toolbar-btn-text: var(--color-black);
	--color-main-toolbar-btn-border: var(--color-secondary);
	--color-form-toolbar-btn-bg: var(--color-white);
	--color-form-toolbar-hover-bg: var(--color-primary-accent-80);
	--color-form-toolbar-btn-text: var(--color-black);
	--color-form-toolbar-btn-border: var(--color-secondary);
	/* grid */
	--color-grid-text-base: unset;
	--color-grid-add-new-text: var(--color-grey-55);
	--color-grid-edit-frame: var(--color-grey-15);
	--color-grid-header-bg: var(--color-grey-10);
	--color-grid-header-hover: var(--color-grey-10);
	--color-grid-header-text: var(--color-text-primary);
	--color-grid-header-search-bg: var(--color-grey-5);
	--color-grid-header-search-hover-bg: var(--color-grey-15);
	--color-grid-header-search-active-bg: var(--color-primary-accent-80);
	--color-grid-header-search-active-title: var(--color-text-primary);
	--color-grid-header-search-input-bg: var(--color-white);
	--color-grid-header-search-input-border: var(--color-grey-15);
	--color-grid-header-search-button-hover-bg: var(--color-grey-10);
	--color-grid-header-search-button-active-bg: var(--color-grey-15);
	--color-grid-row-color-border: var(--color-grey-10);
	--color-grid-text-link: var(--color-primary);
	--color-grid-toggle-button: var(--color-grey-55);
	--color-grid-outline: var(--color-grey-65);
	--color-grid-background: var(--color-white);
	--color-grid-grouping-column: var(--color-grey-65);
	--color-grid-grouping-value: var(--color-grey-90);
	--color-grid-grouping-count: var(--color-primary-labels);
	--color-grid-info-row-text: var(--color-grey-45);
	--color-grid-status-bar-bg: var(--color-grid-header-bg); /* aggregation */
	--color-grid-status-bar-text: var(--color-grid-header-text);
	--grid-color-select: var(--color-grey-15);
	--grid-color-hover: var(--color-grey-10);
	/* progress-bar */
	--progress-indicator-wrapper: var(--color-grey-5);
	--progress-indicator-info-icon: var(--color-primary);
	--progress-indicator-active-steps: var(--color-primary-accent-40);
	--progress-indicator-active-title: var(--color-primary-accent-40);
	--progress-indicator-current-step: var(--color-primary);
	--progress-indicator-current-title: var(--color-primary);
	--progress-indicator-inactive-steps: var(--color-grey-20);
	--progress-indicator-inactive-point: var(--color-grey-35);
	--progress-indicator-inactive-title: var(--color-grey-55);
	/*  dialog */
	--color-dialog-bg: var(--color-background-primary);
	--color-dialog-seperator: var(--color-grey-10);
	--color-dialog-label: var(--color-primary);
	--color-dialog-text: var(--color-black);
	--color-dialog-titlebar-text: var(--color-primary-text);
	--color-dialog-button-row-bg: var(--color-background-primary);
	--color-dialog-button-text-disabled: var(--color-grey-15);
	--color-dialog-button-hover: var(--color-primary-accent-80);
	--color-dialog-button-pressed: var(--color-background-primary);
	--color-dialog-item-hover-bg: var(--color-grey-5);
	--color-dialog-icon: var(--color-primary);
	--color-dialog-subtitle-bg: var(--color-primary-accent-30);
	--color-dialog-dialog-header-bg: var(--color-primary);
	--color-dialog-dialog-header-text: var(--color-white);
	--color-dialog-bg: var(--color-white);
	--color-dialog-text: var(--color-grey-90);
	--color-dialog-footer-bg: var(--color-grey-5);
	/*  scheduler Control */
	--calendar-toolbar-background: var(--color-grey-5); /*  $color-grey-75; */
	--calendar-toolbar-button-background: var(--color-white);
	--calendar-toolbar-button-hover-bg: var(--color-grey-10);
	--calendar-toolbar-color: var(--color-grey-90);
	--calendar-item-boxshadow: 0 0.3rem 0.1rem -0.22rem rgba(0, 0, 0, 0.2), 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.14), 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.12);
	--calendar-scheduler-background: var(--color-white);
	--color-schedule-buttons-hover-background: var(--color-grey-10);
	--color-schedule-buttons-color: var(--color-grey-55);
	--color-schedule-buttons-pressed-background: var(--color-grey-15);
	--color-calendar-obj-border: var(--color-grey-15);
	--color-calendar-obj-bg: var(--color-white);
	--color-calendar-border-left: var(--color-secondary);
	--color-calendar-obj-hover-border: var(--color-grey-15);
	--color-calendar-obj-hover-bg: var(--color-white);
	--color-calendar-obj-hover-border-left: var(--color-secondary);
	--color-calendar-obj-selected-border: var(--color-secondary);
	--color-calendar-obj-selected-bg: var(--color-grey-10);
	--color-calendar-obj-selected-border-left: var(--color-secondary);
	/* tile-view */
	--color-tile-view-item-border: var(--color-grey-15);
	--color-tile-view-item-bg: var(--color-white);
	--color-tile-view-item-hover-bg: var(--color-grey-5);
	--color-tile-view-item-hover2-bg: var(--color-grey-10); /* process portal processes */
	/*  Attachment */
	--color-attachment-bg: var(--color-white);
	--color-attachment-button-bg: var(--color-white);
	--color-attachment-button-hover: var(--color-grey-10);
	--color-attachment-button-text-hover: var(--color-grey-90);
	--color-attachment-upload-border: var(--color-primary);
	--color-attachment-add-link: var(--color-primary);
	--color-attachment-upload-limits: var(--color-primary);
	--color-attachment-grid-header-bg: var(--color-grid-header-bg);
	--color-upload-container-bg: var(--color-white);
	--color-upload-container-border: var(--color-primary);
	--color-upload-container-color: var(--color-primary);
	--color-upload-container-hover-bg: var(--color-primary-hover);
	--color-upload-container-hover-border: var(--color-primary-hover);
	--color-upload-container-hover-color: var(--color-white);
	--color-upload-container-active-bg: var(--color-primary-pressed);
	--color-upload-container-active-border: var(--color-primary-pressed);
	--color-upload-container-drag-bg: var(--color-grey-10);
	/*  Attachment-mandatory */
	--color-upload-container-mand-bg: var(--color-white);
	--color-upload-container-mand-border: var(--color-orange);
	--color-upload-container-mand-color: var(--color-orange);
	--color-upload-container-mand-hover-bg: var(--color-orange);
	--color-upload-container-mand-hover-border: var(--color-orange);
	--color-upload-container-mand-hover-color: var(--color-white);
	--color-upload-container-mand-active-bg: var(--color-white);
	--color-upload-container-mand-active-border: var(--color-orange);
	--color-upload-container-mand-active-color: var(--color-orange);
	/*  Attachment-mobile */
	--color-upload-container-mobile-bg: var(--color-white);
	--color-upload-container-mobile-border: var(--color-primary);
	--color-upload-container-mobile-color: var(--color-primary);
	--color-upload-container-mobile-active-bg: var(--color-primary-pressed);
	--color-upload-container-mobile-active-border: var(--color-primary-pressed);
	--color-upload-container-mobile-active-color: var(--color-white);
	/*  Mobile */
	--color-mobile-popup-mask-bg: var(--color-black);
	--color-mobile-popup-list-bg: var(--color-grey-5);
	--color-mobile-menu-header-footer-bg: var(--color-grey-75);
	--color-mobile-menu-header-footer-text: var(--color-white);
	--color-mobile-selection-dialog-color: var(--color-white);
	--color-mobile-selection-dialog-bg-active: var(--color-grey-5);
	--color-mobile-selection-dialog-text-active: var(--color-grey-90);
	/*  DropDown */
	--color-dropdown-bg: var(--color-white);
	--color-dropdown-color: var(--color-grey-90);
	--color-dropdown-color-disabled: var(--color-grey-35);
	--color-dropdown-hover: var(--color-grey-5);
	--color-dropdown-pressed: var(--color-grey-10);
	--color-dropdown-selected-bg: var(--color-primary);
	--color-dropdown-selected-color: var(--color-white);
	--color-dropdown-selected-hover: var(--color-primary-hover);
	--color-dropdown-selected-pressed: var(--color-primary-pressed);
	/* Editable Image */
	--color-editable-image-icon: var(--color-grey-55);
	--color-editable-image-icon-hover: var(--color-grey-65);
	--color-editable-image-icon-disabled: var(--color-grey-35);
	--color-editable-image-icon-text: var(--color-grey-55);
	/* Process-Portal */
	--color-process-name: var(--color-primary-labels);
	--color-process-title: var(--color-grey-55);
	--color-process-titlename: var(--color-grey-90);
	--color-process-state: var(--color-grey-90);
	--color-process-text-selected: var(--color-white);
	--color-process-icon-side: var(--color-grey-55);
	/* Timeline/Graph */
	--color-button-background: var(--color-white);
	/* Timeline */
	--color-timeline-background: var(--color-white);
	--color-timeline-task-background: var(--color-white);
	--color-timeline-task-selected-background: var(--color-grey-10);
	--color-timeline-scrollbar-background: var(--color-grey-5);
	--color-timeline-expander-bg: var(--color-white);
	--color-timeline-expander-hover: var(--color-grey-5);
	--color-timeline-expander-pressed: var(--color-grey-10);
	--color-timeline-icons-fg: var(--color-grey-55);
	--color-timeline-toolbar-bg: var(--color-grey-5);
	--color-timeline-mainBorderColor: var(--color-grey-15);
	--color-timeline-primaryUnitSeparatorColor: var(--color-grey-15);
	--color-timeline-secondaryUnitSeparatorColor: var(--color-grey-15);
	--color-timeline-resourcesSeparatorColor: var(--color-grey-15);
	--color-timeline-resizeBorderColor: var(--color-grey-55);
	--color-context-menu-bg: var(--color-white);
	--color-context-menu-bg-hover: var(--color-grey-5);
	--color-context-menu-bg-pressed: var(--color-grey-10);
	--color-context-menu-item-fg: var(--color-grey-90);
	/*  Send Email */
	--color-send-email-bg: var(--color-grey-5);
	--color-recipient-button: var(--color-primary-labels);
	--color-taglist-icon: var(--color-grey-55);
	--color-taglist-icon-bg: var(--color-grey-20);
	--color-subject-label: var(--color-primary-labels);
	--color-button-label: var(--color-secondary);
	--color-kendo-chip-bg: var(--color-grey-10);
	--color-kendo-chip-hover-bg: var(--color-grey-5);
	--color-kendo-chip-active-bg: var(--color-grey-15);
	--color-kendo-progress-bg: var(--color-grey-20);
	--color-switch-plain-text: var(--color-blue);
	--color-kendo-grid: var(--color-white);
	--color-kendo-grid-row-hover: var(--color-grey-5);
	/*  ??? unset??? */
	/*  --color-kendo-multi-dropdown-item: unset; */
	--color-kendo-multi-dropdown-item: var(--color-grey-5);
	--color-kendo-multi-dropdown-item-bg: var(--color-grey-5);
	--color-grid-seperator: var(--color-grey-10);
	/*  Attachment  // hier variablen */
	--color-attachment-icon-green: var(--color-green-light);
	--color-attachment-icon-red: var(--color-red);
	--color-attachment-icon-blue: var(--color-primary);
	--color-attachment-icon-default: var(--color-grey-55);
	/*  Filter Parameter */
	--color-filter-parameter-chip-text: var(--color-grey-90);
	--color-filter-parameter-chip-bg: var(--color-grey-5);
	--color-filter-parameter-chip-border: var(--color-grey-10);
	/*  Paging */
	--color-paging-text-active: var(--color-grey-5);
	/*  Searchbox */
	--color-searchbox-background: var(--color-grey-10);
	--color-searchbox-border: var(--color-grey-15);
	--color-searchbox-hover: var(--color-grey-5);
	--color-searchbox-button-text: var(--color-grey-55);
	--color-search-box-button-hover-background: var(--color-grey-5);
	--color-search-box-button-hover-border: var(--color-grey-15);
	--color-search-box-button-active-background: var(--color-grey-10);
	--color-search-box-button-active-border: var(--color-grey-15);
	--color-search-box-button-actsearch-default-background: var(--color-primary);
	--color-search-box-button-actsearch-hover-background: var(--color-primary-hover);
	--color-search-box-button-actsearch-hover-border: var(--color-grey-15);
	--color-search-box-button-actsearch-active-background: var(--color-primary-pressed);
	--color-search-box-button-actsearch-active-border: var(--color-grey-15);
	--color-searchbox-button-actsearch-text: var(--color-grey-5);
	/* Grid */
	--ot-grid-cell-appearancesetting-background-opacity: 0;
	--ot-grid-resize-indicator: var(--color-grey-20);
	/* GraphView */
	--ot-graphview-appearancesetting-background-opacity: 0; /* 0-100 */
	/* Calendar */
	--ot-calendar-appearancesetting-background-opacity: 0; /* 0-100 */
	/* TimeLine */
	--ot-timeline-appearancesetting-background-opacity: 0; /* 0-100 */
	/* Kanban */
	--ot-kanban-appearancesetting-background-opacity: 0; /* 0-100 */

	--color-graphview-toolbar-bg: var(--color-grey-5);
	--color-graphview-bg: var(--color-grey-15);
	--color-graphview-border: var(--color-grey-15);
	--color-graphview-widget-bg: var(--color-white);
	--color-graphview-widget-inner-border: var(--color-grey-15);
	--color-graphview-widget-inner-bg: var(--color-grey-10);
	--color-graphview-widget-text: var(--color-grey-55);
	--color-graphview-edge: var(--color-text-primary);
	--color-graphview-toggle-btn: var(--color-grey-55);
	--color-graphview-toggle-btn-bg: var(--color-white);
	--color-graphview-toggle-btn-hover: var(--color-grey-55);
	--color-graphview-toggle-btn-bg-hover: var(--color-grey-5);
	--color-graphview-current-node-stroke: var(--color-primary);
	--color-graphview-node-bg: var(--color-white);
	--color-graphview-node-text: var(--color-text-primary);
	--color-graphview-group-bg: var(--color-grey-10);
	--color-graphview-group-text: var(--color-text-primary);
	--color-workflow-graph-edge: var(--color-text-primary);
	/*  drop list footer */
	--kendo-droplist-footer-separator: var(--color-grey-10);
	/*  Rule-Editor */
	--color-rule-button-border: var(--color-grey-15);
	--color-rule-property-container-border: var(--color-grey-55);
	--color-rule-property-seperator: var(--color-grey-10);
	--color-rule-property-header: var(--color-grey-55);
	--color-rule-property-named-label: var(--color-secondary-pressed);
	--color-rule-action-button-border: var(--color-grey-15);
	--color-rule-action-button-bg: var(--color-white);
	--color-rule-action-button: var(--color-grey-55);
	--color-rule-drop-area-font: var(--color-primary);
	--color-rule-drop-area-font-highlight: var(--color-primary);
	--color-rule-drop-area-bg-highlight: var(--color-grey-10);
	--color-rule-drop-area-bg: var(--color-primary-accent-85);
	--color-rule-editor-popup-control-border: var(--color-control-border);
	/*  Rule-Editor toolbar */
	--color-rule-botton-bar-background: var(--color-white);
	--color-rule-text-button-border-color: var(--color-secondary);
	--color-rule-text-button-font-color: var(--color-secondary-pressed);
	--color-rule-ok-text-button-font-color: var(--color-white);
	--color-rule-icon-button-active: var(--color-primary-pressed);
	--color-rule-icon-button-border-focus: var(--color-grey-90);
	--color-rule-icon-button-disabled-background: var(--color-white);
	--color-rule-icon-button-disabled-border: var(--color-grey-15);
	--color-rule-icon-button-disabled-color: var(--color-grey-20);
	--color-rule-ok-text-button-hover-color: var(--color-secondary-hover);
	--color-rule-ok-text-button-active-color: var(--color-secondary-pressed);
	--color-rule-ok-text-button-border-focus: var(--color-grey-90);
	--color-rule-ok-text-button-disabled-background: var(--color-grey-20);
	--color-rule-ok-text-button-disabled-border: var(--color-grey-20);
	--color-rule-ok-text-button-disabled-text: var(--color-white);
	--color-rule-text-button-hover-color: var(--color-secondary-accent-20);
	--color-rule-text-button-active-color: var(--color-secondary-hover);
	--color-rule-text-button-border-focus: var(--color-grey-90);
	--color-rule-text-button-border-active: var(--color-secondary-pressed);
	--color-rule-text-button-font-color-active: var(--color-grey-90);
	--color-rule-text-button-disabled-background: var(--color-white);
	--color-rule-text-button-disabled-text: var(--color-grey-35);
	--color-rule-text-button-border: var(--color-grey-15);
	/*  rule-concatenator */

	--color-rule-concatenator-button-text-default: var(--color-primary-text);
	--color-rule-concatenator-button-bg-default: var(--color-primary);
	--color-rule-concatenator-button-bg-hover: var(--color-primary-hover);
	--color-rule-concatenator-button-bg-pressed: var(--color-primary-pressed);
	--color-rule-concatenator-button-bg-focus: var(--color-primary);
	--color-rule-concatenator-button-border-focus: var(--color-grey-90);
	/*  named rule */

	--color-named-rule-expand-collapse-bg-color: var(--color-secondary);
	--color-named-rule-expand-collapse-color: var(--color-secondary-text);
	--color-named-rule-comperator-color: var(--color-secondary-pressed);
	--color-named-rule-comperator-bg-color: var(--color-secondary-accent-20);
	--color-named-rule-property-color: var(--color-secondary-pressed);
	--color-named-rule-property-bg-color: var(--color-white);
	--color-named-rule-value-color: var(--color-secondary-pressed);
	--color-named-rule-value-bg-color: var(--color-white);
	--color-named-rule-border-bg-color: var(--color-secondary);
	--color-name-rule-expand-collapsed-button-color: var(--color-white);
	--color-name-rule-expand-collapsed-button-hover-color: var(--color-secondary-hover);
	--color-name-rule-expand-collapsed-button-active-color: var(--color-secondary-pressed);
	--color-name-rule-expand-collapsed-button-border-focus: var(--color-grey-90);
	--color-rule-button-text: var(--color-white);
	--color-rule-comparator-bg: var(--color-background-primary-2nd);
	--color-rule-comparator-bg-hover: var(--color-grey-15);
	/*  rule value popup */

	--color-rule-value-button-primary-bg: var(--color-primary);
	--color-rule-value-button-primary-hover: var(--color-primary-hover);
	--color-rule-value-button-primary-active: var(--color-primary-pressed);
	--color-rule-value-button-primary-text: var(--color-primary-text);
	--color-rule-value-button-primary-text-disabled: var(--color-white);
	--color-rule-value-button-primary-disabled-bg: var(--color-grey-20);
	--color-rule-value-button-bg: var(--color-background-primary);
	--color-rule-value-button-border: var(--color-primary);
	--color-rule-value-button-border-disabled: var(--color-grey-35);
	--color-rule-value-button-hover-bg: var(--color-primary-accent-80);
	--color-rule-value-button-active-bg: var(--color-primary-accent-40);
	--color-rule-value-button-text: var(--color-primary);
	--color-rule-value-button-text-active: var(--color-button-text);
	--color-rule-value-button-text-disabled: var(--color-grey-15);
	/*  Relative time popup */
	--color-relative-time-button-secondary-bg: var(--color-secondary);
	--color-relative-time-button-secondary-hover: var(--color-secondary-hover);
	--color-relative-time-button-secondary-active: var(--color-secondary-pressed);
	--color-relative-time-button-secondary-text: var(--color-secondary-text);
	--color-relative-time-button-secondary-text-disabled: var(--color-white);
	--color-relative-time-button-secondary-disabled-bg: var(--color-grey-20);
	--color-relative-time-button-bg: var(--color-background-secondary);
	--color-relative-time-button-border: var(--color-secondary);
	--color-relative-time-button-border-disabled: var(--color-grey-35);
	--color-relative-time-button-hover-bg: var(--color-secondary-accent-20);
	--color-relative-time-button-active-bg: var(--color-secondary-accent-40);
	--color-relative-time-button-text: var(--color-secondary);
	--color-relative-time-button-text-active: var(--color-button-text);
	--color-relative-time-button-text-disabled: var(--color-grey-15);
	/*  shortcutbar editor */
	--color-background-dialog-input: var(--color-white);
	--color-link-row: var(--color-white);
	--color-group-row: var(--color-white);
	--color-row-hovor: var(--color-grey-5);
	--color-row-selection: var(--color-grey-15);
	--color-row-selection-hover: var(--color-grey-15);
	--color-shortcutbar-editor-dialog-background: var(--color-grey-5);
	--color-shortcutbar-editor-background: var(--color-grey-5);
	--color-shortcutbar-editor-fontcolor: var(--color-black);
	--color-shortcutbar-editor-fontcolor-hovor: var(--color-black);
	--color-shortcutbar-editor-selected-fontcolor: var(--color-white);
	--color-shortcutbar-editor-selected-background: var(--color-primary);
	--color-shortcutbar-editor-wrapper: var(--color-white);
	--color-shortcutbar-editor-dialog-label: var(--color-primary);
	--color-shortcutbar-editor-input-border: var(--color-grey-15);
	--color-shortcutbar-editor-dropdown: var(--color-black);
	--color-shortcutbar-editor-checkbox-background: var(--color-white);
	--color-shortcutbar-editor-disabled-input: var(--color-grey-15);
	--color-shortcutbar-editor-grid-border: var(--color-grey-15);
	--color-shortcutbar-editor-inline-button-color: var(--color-grey-55);
	--color-shortcutbar-editor-inline-button-color-hover: var(--color-grey-55);
	--color-shortcutbar-editor-inline-button-color-pressed: var(--color-grey-55);
	--color-shortcutbar-editor-inline-button-color-background-hover: var(--color-grey-10);
	--color-shortcutbar-editor-inline-button-color-background-pressed: var(--color-grey-15);
	--color-shortcutbar-editor-inline-button-selected-color: var(--color-white);
	--color-shortcutbar-editor-inline-button-selected-color-hover: var(--color-white);
	--color-shortcutbar-editor-inline-button-selected-color-pressed: var(--color-white);
	--color-shortcutbar-editor-inline-button-selected-color-background-hover: var(--color-primary-accent-30);
	--color-shortcutbar-editor-inline-button-selected-color-background-pressed: var(--color-primary-pressed);
	--color-shortcutbar-editor-dialog-button-hover: var(--color-grey-20);
	/*  schedule dialog */
	--color-schedule-dialog-field-label: var(--color-of-control-label);
	--color-schedule-dialog-other-label: var(--color-black);
	--color-schedule-dialog-weekday-selected-bg: var(--color-primary);
	--color-schedule-dialog-weekday-selected-fg: var(--color-white);
	--color-schedule-dialog-weekday-border: var(--color-grey-15);
	--color-schedule-dialog-weekday-bg: var(--color-white);
	--color-schedule-dialog-weekday-fg: var(--color-grey-90);
	/*  Send Email */
	--color-dialog-detail-search: var(--color-primary);
	--color-dialog-search-directory: var(--color-grey-90);
	/*  Organize page */
	--color-organize-page-primary-button-bg: var(--color-primary-button-primary-bg);
	--color-organize-page-button-primary-hover: var(--color-primary-button-primary-bg-hover);
	--color-organize-page-button-primary-active: var(--color-primary-button-primary-bg-pressed);
	--color-organize-page-button-primary-text: var(--color-primary-button-primary-text);
	--color-organize-page-button-primary-text-disabled: var(--color-primary-button-primary-text-disabled);
	--color-organize-page-button-primary-disabled-bg: var(--color-primary-button-primary-bg-disabled);
	--color-organize-page-button-bg: var(--color-primary-button-secondary-bg);
	--color-organize-page-button-border: var(--color-primary-button-secondary-border);
	--color-organize-page-button-border-disabled: var(--color-primary-button-secondary-border-disabled);
	--color-organize-page-button-hover-bg: var(--color-primary-button-secondary-bg-hover);
	--color-organize-page-button-active-bg: var(--color-primary-button-secondary-bg-pressed);
	--color-organize-page-button-text: var(--color-primary-button-secondary-text);
	--color-organize-page-button-text-active: var(--color-primary-button-secondary-text-pressed);
	--color-organize-page-button-text-disabled: var(--color-primary-button-secondary-text-disabled);
	--color-organize-page-view-editor-bg: var(--color-grey-5);
	--color-organize-page-section-bg: var(--color-white);
	--color-organize-page-border: var(--color-grey-15);
	--color-organize-page-no-description: var(--color-grey-55);
	--color-organize-page-selected-bg: var(--color-grey-15);
	--color-organize-page-selected-text: var(--color-grey-90);
	/* Timeline viewer */
	--color-timeline-viewer-button-background: var(--color-white);
	/* Calendar view */
	--color-calendar-view-show-full-day-border: var(--color-white);
	--calendar-view-show-full-day-border-focus: var(--color-grey-90);
	/*  Send Email */
	--color-dialog-grid-result-text: var(--color-grey-65);
	--color-dialog-recipient-button: var(--color-primary);
	--color-select-object-seperator: var(--color-grey-10);
	/* Timeline viewer */
	--color-timeline-viewer-stroke: var(--color-grey-15);
	--color-timeline-viewer-resizer: var(--color-grey-55);
	--color-timeline-viewer-button-disabled: var(--color-grey-20);
	/* Dialogues */
	--color-dialogue-primary-button: var(--color-secondary);
	--color-dialogue-border-primary-button: var(--color-secondary);
	--color-dialogue-foreground-primary-button: white;
	--color-dialogue-hover-primary-button: var(--color-secondary-hover);
	--color-dialogue-pressed-border-primary-button: var(--color-secondary-pressed);
	--color-dialogue-pressed-background-primary-button: var(--color-secondary-pressed);
	--color-dialogue-hover-border-primary-button: var(--color-secondary-hover);
	--color-dialogue-focus-border-primary-button: var(--color-grey-90);
	--color-dialogue-secondary-button: white;
	--color-dialogue-border-secondary-button: var(--color-secondary);
	--color-dialogue-foreground-secondary-button: var(--color-secondary-pressed);
	--color-dialogue-hover-secondary-button: var(--color-secondary-accent-20);
	--color-dialogue-pressed-border-secondary-button: var(--color-secondary-pressed);
	--color-dialogue-pressed-background-secondary-button: var(--color-secondary-hover);
	--color-dialogue-pressed-foreground-secondary-button: var(--color-grey-90);
	--color-dialogue-hover-border-secondary-button: var(--color-secondary);
	--color-dialogue-focus-border-secondary-button: var(--color-grey-90);
	--color-signature-pad-placeholder-border: var(--color-grey-10);
	--color-signature-pad-sign-marker-border: var(--color-grey-10);
	--color-signature-pad-sign-marker-boxshadow: var(--color-grey-10);
	--color-signature-pad-wrapper-fullscreen: var(--color-white);
	--color-signature-pad-wrapper-icons-settings-border: var(--color-grey-15);
	--color-dialogue-title-background: var(--color-primary);
	--color-dialogue-title-foreground: white;
	--color-dialogue-footer-background: var(--color-grey-5);
	/* Timestamped Memo */
	--color-timestamped-memo-popup-background: white;
	/* Select Task Dialog */
	--color-select-task-text: var(--color-primary);
	--color-select-task-input-text: var(--color-grey-55);
	--color-select-task-border: var(--color-grey-15);
	--color-select-task-filter-icon-inactive: var(--color-grey-55);
	--color-select-task-filter-icon-active: var(--color-white);
	--color-select-task-list-item: var(--color-grey-90);
	--color-select-task-list-item-description: var(--color-grey-65);
	--color-select-task-list-item-disabled: var(--color-grey-20);
	--color-select-task-list-item-selected: var(--color-white);
	--color-select-task-filter-chip-background: var(--color-grey-5);
	--color-select-task-filter-chip: var(--color-grey-90);
	--color-select-task-filter-chip-border: var(--color-grey-10);
	/* header search */
	--color-time-row-primary-labels: var(--color-primary-labels);
	/*  see https://codepen.io/sosuke/pen/Pjoqqp */
	/*  cannot change the color directly use filter (accent color is not supported by the time icon) */
	--time-input-filter: invert(0%);
	--color-timestamped-memo-popup-background: white;
	/* ot-calendar-event */
	--ot-calendar-event-default-bg-color: var(--color-white);
	--ot-calendar-event-default-fg-color: var(--color-grey-90);
	--ot-calendar-event-default-border-color: var(--color-grey-15);
	--ot-calendar-event-default-hoverselected-bg-color: var(--color-grey-10);
	/* Password reset, Notifications, User settings */
	--color-header-background: var(--color-grey-15);
	--color-header-font: var(--color-grey-55);
	/*  Checkmark colors */
	--icon-checkmark-color: var(--color-white);
	--background-checkbox-color: var(--color-primary);
	--border-checkbox-color: var(--color-primary);
	--icon-checkmark-color-hover: var(--color-white);
	--color-switch-button-checked: var(--color-primary-text);
	/* calendar agenda */
	--color-calendar-agenda-border: var(--color-grey-15);
	/* header search taglist chip */
	--color-header-search-popup-check-mark: var(--color-primary);
	/* e.g. timeline */
	--color-context-menu-bg: var(--color-background-primary);
	--color-context-menu-text: var(--color-text-primary);
	/* scroll-to-buttons */
	--color-scroll-to-button-shadow: var(--color-grey-10);
	--color-scroll-to-button-border: var(--color-grey-10);
	--color-scroll-to-button-default-bg: white;
	--color-scroll-to-button-default-foreground: var(--color-grey-55);
	--color-scroll-to-button-hover-bg: var(--color-grey-5);
	--color-scroll-to-button-hover-foreground: var(--color-grey-55);
	--color-scroll-to-button-active-bg: var(--color-grey-10);
	--color-scroll-to-button-active-foreground: var(--color-grey-55);
	/* Pager variables */
	--color-pager-active-text: var(--color-white);
	--color-pager-default-text: var(--color-grey-65);
	--color-pager-status-text: var(--color-grey-65);
	--color-pager-hover-bg: var(--color-grey-5);
	--color-pager-pressed-bg: var(--color-grey-10);
	--color-pager-active-default-bg: var(--color-primary);
	--color-pager-active-hover-bg: var(--color-primary-hover);
	--color-pager-active-pressed-bg: var(--color-primary-pressed);
	/*  Appearance-Editor */
	--color-appearance-button-border: var(--color-grey-15);
	/*  Appearance-Editor toolbar */
	--color-appearance-bottom-bar-background: var(--color-white);
	--color-appearance-text-button-border-color: var(--color-secondary);
	--color-appearance-text-button-font-color: var(--color-secondary-pressed);
	--color-appearance-ok-text-button-font-color: var(--color-white);
	--color-appearance-icon-button-active: var(--color-primary-pressed);
	--color-appearance-icon-button-border-focus: var(--color-grey-90);
	--color-appearance-icon-button-disabled-background: var(--color-white);
	--color-appearance-icon-button-disabled-border: var(--color-grey-15);
	--color-appearance-icon-button-disabled-color: var(--color-grey-20);
	--color-appearance-ok-text-button-hover-color: var(--color-secondary-hover);
	--color-appearance-ok-text-button-active-color: var(--color-secondary-pressed);
	--color-appearance-ok-text-button-border-focus: var(--color-grey-90);
	--color-appearance-ok-text-button-disabled-background: var(--color-grey-20);
	--color-appearance-ok-text-button-disabled-border: var(--color-grey-20);
	--color-appearance-ok-text-button-disabled-text: var(--color-white);
	--color-appearance-text-button-hover-color: var(--color-secondary-accent-20);
	--color-appearance-text-button-active-color: var(--color-secondary-hover);
	--color-appearance-text-button-border-focus: var(--color-grey-90);
	--color-appearance-text-button-border-active: var(--color-secondary-pressed);
	--color-appearance-text-button-font-color-active: var(--color-grey-90);
	--color-appearance-text-button-disabled-background: var(--color-white);
	--color-appearance-text-button-disabled-text: var(--color-grey-35);
	--color-appearance-text-button-border: var(--color-grey-15);
	--color-appearance-settings-label-fg: var(--color-primary);
	--color-select-picture-list-border: var(--color-grey-15);
	/*  Bracket colors */
	--color-bracket-bg-hover: var(--color-primary-accent-85);
	--color-bracket-text-hover: #009fe3;
	--color-bracket-bg-primary: #009fe3;
	--color-bracket-text-default: var(--color-white);
	--color-bracket-bg-pressed: var(--color-primary-pressed);
	--color-bracket-text-secondary: var(--color-grey-90);
	--color-bracket-bg-active-hover: var(--color-primary-hover);
	--color-bracket-bg-primary-named: var(--color-secondary);
	--color-bracket-bg-hover-named: var(--color-secondary-accent-20);
	--color-bracket-bg-pressed-named: var(--color-secondary-pressed);
	/*  Fulltext search */
	--color-fulltext-search-border: var(--color-grey-15);
	--color-fulltext-search-bg: transparent;
	/* OTGrid Row Column Sort Order */
	--color-grid-grouping-sort-direction: var(--color-primary);
	/* Image Gallery */
	--color-image-gallery-container-bg: var(--color-white);
	--color-image-gallery-toolbar-bg: var(--color-grey-5);
	--color-image-gallery-toolbar-text: var(--color-grey-55);
	--color-image-gallery-border: var(--color-grey-5);
	--color-image-gallery-buttons-bg-default: var(--color-grey-5);
	--color-image-gallery-buttons-bg-hover: var(--color-grey-10);
	--color-image-gallery-buttons-bg-pressed: var(--color-grey-15);
	--color-image-gallery-buttons-fg: var(--color-grey-55);
	/*  date(time)picker */
	--color-calendar-icon: var(--color-control-icons);
	--color-calendar-icon-hover: var(--color-hover-bg);
	--color-date-picker-bg: var(--color-section-bg);
	--color-date-picker-sidebar-highlight: var(--color-grey-5);
	--color-date-picker-sidebar-highlight-border: var(--color-grey-10);
	--color-date-picker-text: var(--color-text-primary);
	--color-date-picker-text-hover: var(--color-text-primary);
	--color-date-picker-text-disabled: var(--color-text-disabled);
	--color-date-picker-hover-bg: var(--color-hover-bg);
	--color-date-picker-today-text: var(--color-primary);
	--color-date-picker-active-bg: var(--color-primary);
	--color-date-picker-active-text: var(--color-primary-text);
	--color-date-picker-footer-bg: var(--color-grey-65);
	--color-date-popup-today-text: var(--color-primary);
	--color-date-popup-weekday-label: var(--color-grey-90);
	--color-date-popup-next-month: var(--color-grey-45);
	/* Timeline */
	--color-timeline-border: var(--color-grey-15);
	--color-timeline-unassigned-bg: var(--color-white);
	--color-timeline-btn-icon-bg-default: var(--color-white);
	--color-timeline-btn-default-fg: var(--color-grey-90);
	--color-timeline-btn-default-bg: var(--color-white);
	--color-timeline-btn-hover-fg: var(--color-grey-55);
	--color-timeline-btn-hover-bg: var(--color-grey-10);
	--color-timeline-btn-pressed-fg: var(--color-white);
	--color-timeline-btn-pressed-bg: var(--color-primary-pressed);
	--color-timeline-btn-active-fg: var(--color-white);
	--color-timeline-btn-active-bg: var(--color-primary);
	--color-timeline-btn-active-hover-fg: var(--color-white);
	--color-timeline-btn-active-hover-bg: var(--color-primary-hover);
	/* Toolbar buttons in timeline */
	--color-toolbar-button-background-hover: var(--color-grey-5);
	--color-toolbar-text-hover: var(--color-grey-90);
	--color-toolbar-button-background-pressed: var(--color-grey-10);
	--color-toolbar-text-pressed: var(--color-grey-90);
	--color-toolbar-button-background-default: var(--color-white);
	--color-toolbar-text-default: var(--color-grey-90);
	--color-toolbar-button-background-active: var(--color-primary);
	--color-toolbar-text-active: var(--color-white);
	--color-colorpicker-background: var(--color-white);
	--color-colorpicker-outline: var(--color-grey-90);
	--color-colorpicker-hr: var(--color-grey-10);
	--color-colorpicker-shadow: var(--color-grey-15);
	--color-appearance-settings-background: var(--color-grey-5);
	--color-appearance-control-background: var(--color-white);
	--color-appearance-control-foreground: var(--color-grey-90);
	--color-appearance-border: var(--color-grey-15);
	--color-appearance-main-foreground: var(--color-primary);
	--color-appearance-pane-form-bg: var(--color-grey-5);
	/*  schedule dialog */
	--color-schedule-dialog-weekday-selected-bg-hover: var(--color-primary-hover);
	--color-schedule-dialog-weekday-bg-hover: var(--color-grey-5);
	/* Layout Editor */
	--color-section-button-fg: var(--color-white);
	--layout-editor-sorting-icons: var(--color-grey-55);
	--color-layout-editor-advanced-section-label-fg: var(--color-primary);
	/* Timeline */
	--color-timeline-btn-toolbar-navigation-bg: var(--color-white);
	--color-timeline-btn-move-left-right-date-bg: var(--color-white);
	--color-timeline-btn-go-to-today-bg: var(--color-white);
	/*  Active Filter Process Portal */
	--color-active-filter-background-default: var(--color-primary);
	--color-active-filter-background-hover: var(--color-primary-hover);
	--color-active-filter-background-pressed: var(--color-primary-pressed);
	--color-active-filter-fg-default: var(--color-white);
	--color-active-filter-fg-pressed: var(--color-white);
	--color-inactive-filter-background-default: var(--color-white);
	--color-inactive-filter-border-default: var(--color-grey-15);
	--color-inactive-filter-background-hover: var(--color-grey-10);
	--color-inactive-filter-border-hover: var(--color-grey-10);
	--color-inactive-filter-background-pressed: var(--color-primary-pressed);
	--color-inactive-filter-border-pressed: var(--color-primary-pressed);
	--color-inactive-filter-fg-default: var(--color-grey-55);
	--color-inactive-filter-fg-pressed: var(--color-white);
	--color-inactive-filter-fg-disabled: var(--color-grey-20);
	/*  Main Button - Primary Color Secondary Button */
	--color-main-primary-color-secondary-btn-bg-default: var(--color-white);
	--color-main-primary-color-secondary-btn-border-default: var(--color-primary);
	--color-main-primary-color-secondary-btn-fg-default: var(--color-primary-pressed);
	--color-main-primary-color-secondary-btn-bg-hover: var(--color-primary-accent-80);
	--color-main-primary-color-secondary-btn-border-hover: var(--color-primary);
	--color-main-primary-color-secondary-btn-fg-hover: var(--color-primary-pressed);
	--color-main-primary-color-secondary-btn-bg-pressed: var(--color-primary-accent-40);
	--color-main-primary-color-secondary-btn-border-pressed: var(--color-primary-pressed);
	--color-main-primary-color-secondary-btn-fg-pressed: var(--color-grey-90);
	--color-main-primary-color-secondary-btn-bg-disabled: var(--color-white);
	--color-main-primary-color-secondary-btn-border-disabled: var(--color-grey-15);
	--color-main-primary-color-secondary-btn-fg-disabled: var(--color-grey-35);
	/*  Main Button - Primary Color Primary Button */
	--color-main-primary-color-primary-btn-bg-default: var(--color-primary);
	--color-main-primary-color-primary-btn-border-default: var(--color-primary);
	--color-main-primary-color-primary-btn-fg-default: var(--color-white);
	--color-main-primary-color-primary-btn-bg-hover: var(--color-primary-hover);
	--color-main-primary-color-primary-btn-border-hover: var(--color-primary-hover);
	--color-main-primary-color-primary-btn-fg-hover: var(--color-white);
	--color-main-primary-color-primary-btn-bg-pressed: var(--color-primary-pressed);
	--color-main-primary-color-primary-btn-border-pressed: var(--color-primary-pressed);
	--color-main-primary-color-primary-btn-fg-pressed: var(--color-white);
	--color-main-primary-color-primary-btn-bg-disabled: var(--color-grey-20);
	--color-main-primary-color-primary-btn-border-disabled: var(--color-grey-20);
	--color-main-primary-color-primary-btn-fg-disabled: var(--color-white);
	/*  Secondary Button Grey */
	--color-icon-secondary-color-grey-btn-border-default: var(--color-grey-15);
	--color-icon-secondary-color-grey-btn-fg-default: var(--color-grey-55);
	--color-icon-secondary-color-grey-btn-bg-default: var(--color-white);
	--color-icon-secondary-color-grey-btn-bg-hover: var(--color-grey-10);
	--color-icon-secondary-color-grey-btn-border-hover: var(--color-grey-15);
	--color-icon-secondary-color-grey-btn-fg-hover: var(--color-grey-55);
	--color-icon-secondary-color-grey-btn-bg-pressed: var(--color-primary-pressed);
	--color-icon-secondary-color-grey-btn-border-pressed: var(--color-primary-pressed);
	--color-icon-secondary-color-grey-btn-fg-pressed: var(--color-white);
	--color-icon-secondary-color-grey-btn-bg-disabled: var(--color-white);
	--color-icon-secondary-color-grey-btn-border-disabled: var(--color-grey-15);
	--color-icon-secondary-color-grey-btn-fg-disabled: var(--color-grey-20);
	--color-icon-and-label-secondary-grey-text: var(--color-grey-90);
	/*  Toggle Button */
	--color-toggle-btn-bg-default: var(--color-white);
	--color-toggle-btn-border-default: var(--color-grey-15);
	--color-toggle-btn-fg-default: var(--color-grey-90);
	--color-toggle-btn-bg-hover: var(--color-grey-10);
	--color-toggle-btn-border-hover: var(--color-grey-10);
	--color-toggle-btn-fg-hover: var(--color-grey-90);
	--color-toggle-btn-bg-pressed: var(--color-primary-pressed);
	--color-toggle-btn-border-pressed: var(--color-primary-pressed);
	--color-toggle-btn-fg-pressed: var(--color-white);
	--color-toggle-btn-bg-disabled: var(--color-white);
	--color-toggle-btn-border-disabled: var(--color-grey-15);
	--color-toggle-btn-text-disabled: var(--color-grey-35);
	--color-toggle-btn-icon-disabled: var(--color-grey-20);
	--color-toggle-btn-active-bg-default: var(--color-primary);
	--color-toggle-btn-active-border-default: var(--color-primary);
	--color-toggle-btn-active-fg-default: var(--color-white);
	--color-toggle-btn-active-bg-hover: var(--color-primary-hover);
	--color-toggle-btn-active-border-hover: var(--color-primary-hover);
	--color-toggle-btn-active-fg-hover: var(--color-white);
	--color-toggle-btn-active-bg-pressed: var(--color-primary-pressed);
	--color-toggle-btn-active-border-pressed: var(--color-primary-pressed);
	--color-toggle-btn-active-fg-pressed: var(--color-white);
	/*  Show more button */
	--color-show-more-button-fg: var(--color-grey-90);
	/*  Rich Text Overflow Popup */
	--color-rtf-popup-button-bg-default: var(--color-white);
	--color-rtf-popup-button-bg-hover: var(--color-grey-5);
	--color-rtf-popup-button-bg-pressed: var(--color-grey-10);
	--color-rtf-popup-button-bg-selected: var(--color-primary);
	--color-rtf-popup-button-bg-selected-hover: var(--color-primary-hover);
	--color-rtf-popup-button-bg-disabled: var(--color-white);
	--color-rtf-popup-button-fg: var(--color-grey-90);
	--color-rtf-popup-button-fg-selected: var(--color-white);
	--color-rtf-popup-button-fg-disabled: var(--color-grey-35);
	--color-otgrid-row-background: var(--color-white);
	--color-input-button-bg-default: var(--color-white);
	--color-input-button-bg-hover: var(--color-grey-10);
	--color-input-button-bg-pressed: var(--color-grey-15);
	--color-input-button-bg-active: var(--color-primary);
	--color-input-button-fg-default: var(--color-grey-55);
	--color-input-button-fg-active: var(--color-white);
	/*  Ms Graph - Teams */
	--color-teams-online: #44ae24;
	--color-teams-online-border: #368b1d;
	--color-teams-away: #ebd300;
	--color-teams-away-border: #bca900;
	--color-teams-busy: #f44336;
	--color-teams-busy-border: #c3362b;
	--color-teams-busy-minus: #ffffff;
	--color-teams-bubble: #737373;
	--color-teams-unknown: #ffffff;
	--color-teams-unknown-border: #a6a6a6;
	--color-teams-offline-border: #a6a6a6;
	--color-teams-text: var(--color-secondary);
	--color-teams-button-border: var(--color-secondary);
	/* Inline buttons */
	--color-inline-button-bg-hover: var(--color-grey-20);
	--color-inline-button-bg-pressed: var(--color-grey-35);
	/* Section navigation */
	--section-navigation-default-bg: transparent;
	--section-navigation-hover-bg: var(--color-grey-10);
	--section-navigation-default-text: var(--color-grey-90);
	--section-navigation-selected-text: var(--color-white);
	--section-navigation-selected-mandatory-text: var(--color-white);
	--section-navigation-default-expander: var(--color-grey-55);
	--section-navigation-selected-expander: var(--color-white);
	--section-navigation-selected-mandatory-expander: var(--color-white);
	/*  Action Menu Mobile */
	--action-menu-bg: var(--color-grey-5);
	--action-menu-header-bg: var(--color-primary);
	--action-menu-header-item-default-bg: transparent;
	--action-menu-header-item-selected-bg: var(--color-white);
	--action-menu-header-item-default-text: var(--color-white);
	--action-menu-header-item-selected-text: var(--color-primary);
	--action-menu-header-default-text: var(--color-white);
	--action-menu-header-selected-text: var(--color-primary);
	--action-menu-item-default-bg: var(--color-white);
	--action-menu-item-selected-bg: var(--color-primary-accent-80);
	--action-menu-item-default-text: var(--color-black);
	--action-menu-item-selected-text: var(--color-primary);
	--action-menu-item-icon: var(--color-grey-55);
	--action-menu-dialog-header-bg: var(--color-primary);
	--action-menu-dialog-header-text: var(--color-white);
	--action-menu-dialog-bg: var(--color-white);
	/*  Dashboard */
	--color-dashboard-bg: var(--color-white); /*  white */
	--color-dashboard-text: var(--color-black); /*  black */
	--color-dashboard-widget-bg: var(--color-white); /*  white */
	--color-dashboard-widget-border: #BCBCBC; /*  #BCBCBC widget-frame-stroke */
	--color-dashboard-widget-selected-outline: var(--color-black);
	--color-dashboard-widget-text: #404040; /*  #404040 */
	--color-dashboard-widget-action-icon: var(--color-grey-55); /*  #737373 Icon/icon-grey */
	--color-dashboard-widget-chart-bg: var(--color-white); /*  white */
	--color-dashboard-widget-chart-text: #404040; /*  #404040 Text Color/text-black */
	--color-dashboard-widget-chart-stroke: #BCBCBC; /*  #BCBCBC chart-ticks */	
    --color-dashboard-widget-gauge-pointer: var(--color-primary-labels);
    --color-dashboard-widget-gauge-track: var(--color-grey-20);
	/* So far these styles only apply to the kanban board cards, but they can be used
       for other components in the future. If that is the case, please update this comment */
	--layer-2-background: var(--color-background-primary);
	--layer-2-background-hover: #fafafa;
	--layer-2-background-selected: #f2f2f2;
	--layer-3-background: #e5e5e5;
	--layer-3-background-hover: #f0f0f0;
	--layer-3-background-active: #D9D9D9;
	--card-box-shadow: 0px 3px 6px 0px var(--color-grey-10);
	--board-bg-color: var(--color-grey-5);

	--wip-counter-text-color: var(--color-text-primary);
	--wip-nolimits-defined-bg: var(--color-white);
	--wip-nolimit-reached-bg: #DAEFD3;
	--wip-softlimit-reached-bg: #FFEFD2;
	--wip-hardlimit-reached-bg: #FFE3E1;

	--color-placeholder-text: var(--color-grey-55);

	/* e.g. about dialog*/
	--color-external-web-link: var(--color-control-readonly-link);
	--color-external-web-link-active: #8A3FFC;	

}html[data-theme="default"],
body.Default {
    /* Application logo image path.
       Set value to none to use image configured in web gateway configuration. */
    --image-application-logo: url('assets/Images/SVG/OT_Logo_PROD.svg');
    /* Adjust size of application logo on main page. */
    --application-logo-width: 20rem;

    /* Login background: only displayed if no login background was defined in the admin client */
    --image-login-background: url('assets/Images/default.jpg');

    --image-path-avatar-default: url('assets/Icons/Default_Avatar.svg');

    /* HeaderSearch */
    --image-hs-clear: url('assets/Icons/clear_737373.svg');

    /*__________________ Mobile _________________*/

    --image-skeleton-list: url('assets/Icons/Skeletons/list-default.png');
    --image-skeleton-tree: url('assets/Icons/Skeletons/tree-default.png');
}html[data-layout="default"],
html.layout-Default {
    --font-size-ot: 62.5%;
}

html[data-layout="default"],
body.layout-Default {
    --enclosed-input-field-borders: inherit;
    --enclosed-input-field-border-radius: var(--round-edge-s);
    --control-spacing: 0.78rem;
    --label-width: 9rem;
    --label-min-height: 3rem;
    --label-right-width: 28.5rem;
    --label-right-width-tab-page: 18.5rem;
    --form-field-padding-left: 1rem;
    --form-field-margin-left-right: 0.8rem;
    --section-border-thickness: 0.15rem;
    --section-header-height: 2.2rem;
    --mandatory-sign-empty-dimension: 1rem;
    --mandatory-sign-valid-dimension: 0.9rem;
    --nav-bar-width-open: 26rem;
    --nav-bar-test-width: 26rem;
    --nav-bar-width-default: 4rem;
    --gap-nav-bar-shadow: 0.4rem;


    --font-family-ot: "Roboto", sans-serif;
    --kendo-font-size: 1.4rem;

    --round-edge-s: 0.2rem;
    --round-edge-m: 0.4rem;

    --grid-row-min-height: 3.1rem;

    --section-container-padding: 1.6rem;
    --section-content-padding: 0;
    --tab-container-padding: 1.6rem;

    --field-container-margin: 0.8rem 0 0 0;

    --field-label-width: 30%;
    --field-control-width: 70%;

    --padding-20: 2rem;
    --column-width: 33.2rem;
    --swimlane-height: 38.6rem
}html[data-layout="large"],
html.layout-Large {
    --font-size-ot: 75%;
}

html[data-layout="large"],
body.layout-Large {
    --enclosed-input-field-borders: inherit;
    --enclosed-input-field-border-radius: var(--round-edge-s);
    --control-spacing: 0.78rem;
    --label-width: 9rem;
    --label-min-height: 3rem;
    --label-right-width: 28.5rem;
    --label-right-width-tab-page: 18.5rem;
    --form-field-padding-left: 1rem;
    --form-field-margin-left-right: 0.8rem;
    --section-border-thickness: 0.15rem;
    --section-header-height: 2.2rem;
    --mandatory-sign-empty-dimension: 1rem;
    --mandatory-sign-valid-dimension: 0.9rem;
    --nav-bar-width-open: 26rem;
    --nav-bar-test-width: 26rem;
    --nav-bar-width-default: 4rem;
    --gap-nav-bar-shadow: 0.4rem;

    
    --font-family-ot: "Roboto", sans-serif;
    --kendo-font-size: 1.4rem;

    --round-edge-s: 0.2rem;
    --round-edge-m: 0.4rem;

    --grid-row-min-height: 3.1rem;

    --section-container-padding: 1.6rem;
    --section-content-padding: 0;
    --tab-container-padding: 1rem 2.4rem;

    --field-container-margin: 0.8rem 1.6rem;

    --field-label-width: 30%;
    --field-control-width: 70%;

    --padding-20: 2rem;
    --column-width: 33.2rem;
    --swimlane-height: 38.6rem
}html[data-layout="compact"],
html.layout-Compact {
    --font-size-ot: 62.5%;
}

html[data-layout="compact"],
body.layout-Compact {
    --enclosed-input-field-borders: inherit;
    --enclosed-input-field-border-radius: var(--round-edge-s);
    --control-spacing: 0.78rem;
    --label-width: 9rem;
    --label-min-height: 3rem;
    --label-right-width: 28.5rem;
    --label-right-width-tab-page: 18.5rem;
    --form-field-padding-left: 1rem;
    --form-field-margin-left-right: 0.8rem;
    --section-border-thickness: 0.15rem;
    --section-header-height: 2.2rem;
    --mandatory-sign-empty-dimension: 1rem;
    --mandatory-sign-valid-dimension: 0.9rem;
    --nav-bar-width-open: 26rem;
    --nav-bar-test-width: 26rem;
    --nav-bar-width-default: 4rem;
    --gap-nav-bar-shadow: 0.4rem;


    --font-family-ot: "Roboto", sans-serif;
    --kendo-font-size: 1.4rem;

    --round-edge-s: 0.2rem;
    --round-edge-m: 0.4rem;

    --grid-row-min-height: 2.6rem;

    --section-container-padding: 0.8rem;
    --section-content-padding: 0;
    --tab-container-padding: 0.2rem 1.6rem;

    --field-container-margin: 0.4rem 1.2rem;

    --field-label-width: 30%;
    --field-control-width: 70%;

    --padding-20: 0.5rem;
    --column-width: 25rem;
    --swimlane-height: 30rem
}