/* 
Theme Name: Default Lovion Theme
Version: 1.0
Description: CSS file with the default Variables for Lovion WEB
Author: Lovion GmbH
*/
.brand {
  /* Path to Logo */
  background-image: url("../img/logo-lovion-web.svg");
}

.brand-login {
  background-image: url("../img/logo-lovion-web.svg");
}

.brand-lettering {
  background-image: url("../img/lettering-lovion-web.svg");
}

.wrapper-left {
  background-image: url("../img/login_bg.png");
}

:root {
  /* VIEWPORT */
  --vh: 100vh;
  --vw: 100vw;
  /* BRAND/LOGO */
  --logo-height: 30px;
  --logo-height-scrolled: 22px;
  --logo-height-small: 22px;
  --logo-height-app: 40px;
  --logo-position: center;
  --logo-login: 50px;
  /* FONT */
  --default-font: "Open Sans", "Arial", sans-serif;
  --heading-font: "Open Sans", "Arial", sans-serif;
  /* COLORS */
  --color-primary: #222E83;
  --color-secondary: #FF6600;
  --color-complementary: #fff;
  --color-primary-darken-5: #1d276f;
  --color-primary-darken-10: #17205b;
  --color-primary-darken-15: #121946;
  --color-primary-darken-20: #0d1232;
  --color-primary-lighten-800: #2f3f99;
  --color-primary-lighten-700: #3749a5;
  --color-primary-lighten-600: #4053b1;
  --color-primary-lighten-500: #465cbb;
  --color-primary-lighten-400: #6275c5;
  --color-primary-lighten-300: #7e8ed0;
  --color-primary-lighten-200: #a3aedd;
  --color-primary-lighten-100: #c7ceeb;
  --color-primary-lighten-50: #e9ecf7;
  --color-primary-lighten-25: #f5f8ff;
  --color-body-text: #666;
  --color-body-text-dark: #222;
  --color-body-text-dark-lighten-5:#2f2f2f;
  --color-body-text-dark-lighten-10:#3c3c3c;
  --color-body-text-dark-lighten-15:#484848;
  --color-body-text-dark-lighten-20:#555555;
  --color-body-text-light: #999;
  --color-heading: #222;
  --color-link: #222E83;
  --color-link-hover: #FF6600;
  --color-button-ghost: #222E83;
  --color-border: #dfdfdf;
  --color-border-dark: #cacbd8;
  --color-border-light: #e5e5e5;
  --color-body-highlight: #fff0e5;
  --color-content-bg: #f5f5f5;
  --color-content-bg-light: #fff;
  --color-content-bg-odd: #d8d8d8;
  --color-content-bg-dark: #e8e8e8;
  --color-bubble-bg: #fff8f1;
  --color-bubble-media-bg: #fff0e5;
  --color-header-bar-bg: #222E83;
  --color-text-on-primary: #d9d9d9;
  --color-positive: #4CAF50;
  --color-negative: #D32F2F;
  --color-info: steelblue;
  --color-warning: #FFA500;
  --color-mandatory: #D32F2F;
  --validation-text-info: #000;
  --validation-text-warn: yellow;
  --validation-text-error: #D32F2F;
  --validation-color-dark: #000;
  --validation-color-light: #fff;
  --color-positive-border: #449d48;
  --color-negative-border: #c02929;
  --color-info-border: #3f75a2;
  --color-warning-border: #e69500;
  --color-mandatory-border: #c02929;
  --color-positive-bg: #c7e7c8;
  --color-negative-bg: #f2c2c2;
  --color-info-bg: #c4d8e8;
  --color-warning-bg: #ffe4b3;
  --color-mandatory-bg: #f2c2c2;
  --color-overlay: rgba(0, 0, 0, 0.25);
  --color-map-topic-header: #656d77;
  /* buttons */
  --color-btn-default: #222E83;
  --color-btn-default-hover: #17205b;
  --color-btn-default-text: #fff;
  --color-btn-secondary: #FF6600;
  --color-btn-secondary-hover: #cc5200;
  --color-btn-secondary-text: #fff;
  --color-btn-positive: #4CAF50;
  --color-btn-positive-hover: #3d8b40;
  --color-btn-positive-text: #fff;
  --color-btn-negative: #D32F2F;
  --color-btn-negative-hover: #ab2424;
  --color-btn-negative-text: #fff;
  --color-btn-light-bg: #fff;
  --color-btn-light-border: #cacbd8;
  --color-btn-dark-border: #999;
  --color-btn-light-text: #222E83;
  --color-btn-light-text-hover: #fff;
  --color-btn-light-hover: #222E83;
  --color-btn-black: rgba(0, 0, 0, 0.65);
  --color-btn-black-hover: rgba(0, 0, 0, 0.68);
  /* forms */
  --color-form-primary: #222E83;
  --color-form-secondary: #FF6600;
  --color-form-success: #4CAF50;
  --color-form-error: #D32F2F;
  --color-form-input-bg: #fff;
  --color-form-input-special-bg: #fffed0;
  --color-form-input-text: #222;
  --color-form-input-bg-disabled: #f7f7f7;
  --color-form-input-text-disabled: #999;
  --color-form-input-bg-disabled-light: #fff;
  --color-form-input-text-disabled-light: #bbb;
  --color-form-input-bg-readonly: #fcfcfc;
  --color-form-input-text-readonly: #999;
  --color-form-border: #adaec2;
  --color-form-border-focus: #8f91ad;
  --color-form-border-readonly: #e5e5e5;
  --color-form-border-disabled: #ccc;
  --color-form-label: #222;
  --color-form-label-hint: #999;
  --color-form-input-glow: #ff944d;
  --color-form-placeholder: #999;
  --color-form-select-button-text: #222;
  --color-form-select-button-bg: #f5f5f5;
  --color-form-select-title: #222E83;
  --color-form-select-text: #222;
  --color-form-select-hover: #f5f5f5;
  --color-form-select-hover-dark: #ddd;
  --color-form-toggle-active: #fff;
  --color-form-toggle-bg-active: #FF6600;
  --color-form-toggle-border-active: #FF6600;
  --color-form-toggle-border-hover: #FF6600;
  --color-form-toggle-border: #666;
  --color-form-toggle-bg: #fff;
  --color-form-toggle-checked: #4CAF50;
  --color-form-toggle-unchecked: #D32F2F;
  --color-form-toggle-not-set: #999;
  --color-checkbox-intermediate: #dfdfdf;
  /* modal */
  --color-modal-bg: #fff;
  --color-modal-header-bg: #222E83;
  --color-modal-title: #fff;
  --color-modal-text: #222;
  --color-modal-footer-bg: #f5f5f5;
  --color-modal-close-bg: #1d276f;
  --color-modal-close-bg-hover: #1a2363;
  --color-modal-close-text: #fff;
  /* lightbox */
  --color-lightbox-bg: #fff;
  --color-lightbox-close-bg: transparent;
  --color-lightbox-close-bg-hover: #1a2363;
  --color-lightbox-close-text: #222;
  --color-lightbox-close-text-hover: #fff;
  /* header */
  --color-header-bg: #222E83;
  --color-header-bg-dark: #1d276f;
  --color-header-shadow-scrolled: rgba(0, 0, 0, 0.5);
  --color-header-border: #1d276f;
  --color-brand-bg: #1d276f;
  --color-brand-border: #17205b;
  --color-menu-trigger: #fff;
  --color-menu-trigger-active: #fff;
  --color-menu-trigger-bg: #1d276f;
  --color-menu-trigger-bg-active: #17205b;
  --color-header-search-icon: #fff;
  --color-header-search-text: #fff;
  --color-header-search-text-hover: #fff;
  --color-header-search-text-focus: #222;
  --color-header-search-bg-focus: #fff;
  --color-header-search-placeholder: #6775d7;
  --color-header-text: #fff;
  --color-header-text-bg: #222E83;
  --color-header-text-hover: #fff;
  --color-header-text-bg-hover: #121946;
  /* content header */
  --color-content-header-bg: #f5f5f5;
  --color-content-header-text: #222E83;
  --color-content-header-border: #dfdfdf;
  /* box */
  --color-box-bg: #fcfcfc;
  --color-box-footer-bg: #f5f5f5;
  --color-box-title: #222E83;
  --color-box-title-hover: #17205b;
  --color-box-footer-link: #222E83;
  --color-box-expandable-bg: #fcfcfc;
  --color-expandable-header-bg-hover: #fff;
  /* object editor */
  --color-object-editor-bg: #fcfcfc;
  --color-object-editor-header: #656d77;
  --color-object-editor-header-dark: #596069;
  --color-object-editor-header-dark-10: #4e545b;
  /* tabs */
  --color-tabs-border: #dfdfdf;
  --color-tabs-link: #666;
  --color-tabs-link-hover: #222;
  --color-tabs-link-active: #222;
  --color-tabs-indicator: #FF6600;
  /* footer */
  --color-footer-bg: #17205b;
  --color-footer-text: #d9d9d9;
  --color-footer-link: #d9d9d9;
  --color-footer-link-hover: #fff;
  --color-footer-link-active: #fff;
  --color-footer-start-bg: #222E83;
  --color-footer-start-text: #d9d9d9;
  /* sidebar */
  --color-sidebar-bg: #fcfcfc;
  --color-sidebar-text: #999;
  --color-sidebar-border: #dfdfdf;
  --color-sidebar-title: #222E83;
  --color-sidebar-title-btn-bg: #f5f5f5;
  --color-sidebar-title-btn-link: #222E83;
  --color-sidebar-title-btn-bg-active: #f5f5f5;
  --color-sidebar-title-btn-link-active: #FF6600;
  --color-sidebar-title-btn-border: #dfdfdf;
  --color-sidebar-link: #666;
  --color-sidebar-link-hover: #FF6600;
  --color-sidebar-link-hover-border: #cacbd8;
  --color-sidebar-active-bg: #FF6600;
  --color-sidebar-active-border: #FF6600;
  --color-sidebar-active-link: #fff;
  /* nav */
  --color-nav-bg: #17205b;
  --color-nav-item-bg: #1d276f;
  --color-nav-text: #d9d9d9;
  --color-nav-delimiter: #121946;
  --color-nav-text-hover: #fff;
  --color-nav-bg-hover: #121946;
  --color-nav-bg-active: #f5f5f5;
  --color-nav-text-active: #222E83;
  /* user menu */
  --color-user-menu-bg: #fff;
  --color-user-menu-border: #cacbd8;
  --color-user-menu-delimiter: #dfdfdf;
  --color-user-menu-item-link: #222E83;
  --color-user-menu-item-link-hover: #222E83;
  --color-user-menu-item-link-hover-bg: #f5f5f5;
  /* global function nav */
  --color-gf-link: #666;
  --color-gf-bg: #fff;
  --color-gf-border: #dfdfdf;
  --color-gf-link-hover: #fff;
  --color-gf-bg-hover: #222E83;
  --color-gf-border-hover: #222E83;
  --color-gf-link-active: #fff;
  --color-gf-bg-active: #FF6600;
  --color-gf-border-active: #FF6600;
  --color-gf-link-disabled: gray;
  --color-gf-bg-disabled: white;
  --color-gf-border-disabled: #e7e7e7;
  /* progress bar */
  --color-pb-default-bg: #fff;
  --color-pb-default-text: #999;
  --color-pb-default-label: #999;
  --color-pb-finish-bg: #222E83;
  --color-pb-finish-text: #fff;
  --color-pb-finish-label: #666;
  --color-pb-active-bg: #FF6600;
  --color-pb-active-text: #fff;
  --color-pb-active-label: #222;
  --color-pb-border: #cacbd8;
  /* full width container */
  --color-full-width-container: #fcfcfc;
  --color-full-width-container-border: #dfdfdf;
  /* table */
  --color-table-header: #222E83;
  --color-table-header-text: #fff;
  --color-table-row-background: #fff;
  --color-table-row-text: #222;
  --color-table-highlight: #f5f5f5;
  --color-table-highlight-text: #000;
  --color-table-highlight-bg-dark: #000;
  --color-table-selected: #fff0e5;
  --color-table-selected-text: #000;
  --color-table-row-background-1: #fcfcfc;
  --color-table-row-background-2: #fafafa;
  --color-table-row-background-3: #f7f7f7;
  --color-table-row-background-4: whitesmoke;
  --color-table-row-background-5: #f2f2f2;
  --color-table-row-background-6: #f0f0f0;
  --color-table-row-background-7: #ededed;
  --color-table-row-background-8: #ebebeb;
  --color-table-selected-1: #ffede0;
  --color-table-selected-2: #ffeadb;
  --color-table-selected-3: #ffe7d6;
  --color-table-selected-4: #ffe4d1;
  --color-table-selected-5: #ffe1cc;
  --color-table-selected-6: #ffdec6;
  --color-table-selected-7: #ffdbc1;
  --color-table-selected-8: #ffd8bc;
  /* arrow steps */
  --color-arrow-step-gap: #fcfcfc;
  --color-arrow-step-bg: #f5f5f5;
  --color-arrow-step-link: #222;
  --color-arrow-step-text: #666;
  --color-arrow-step-label: #222;
  --color-arrow-step-active-bg: #FF6600;
  /* status colors (TASK) */
  --color-status-angelegt: #f9f9f9;
  --color-status-planung: #b13bf9;
  --color-status-freigegeben: #e42700;
  --color-status-in-bearbeitung: #0069ff;
  --color-status-unterbrochen: #00bbc1;
  --color-status-durchgefuehrt: #00c200;
  --color-status-zurueckgestellt: #ee9800;
  --color-status-abgewiesen: #000;
  --color-status-archiviert: #8e8e8e;
  /* status colors (CONSUMER) */
  --color-status-entwurf: #ee9800;
  --color-status-beantragt: #b13bf9;
  --color-status-rueckfrage: #e42700;
  --color-status-abgeschlossen: #00c200;
  /* badge */
  --color-badge-bg: #D32F2F;
  --color-badge-bg-positive: #4CAF50;
  --color-badge-text: #fff;
  /* help circle icon */
  --color-help-circle-bg: #fff;
  --color-help-circle-border: #cacbd8;
  --color-help-circle-text: #222E83;
  --color-help-circle-bg-hover: #222E83;
  --color-help-circle-border-hover: #222E83;
  --color-help-circle-text-hover: #fff;
  /* dropzone (fileupload) */
  --color-dz-preview-bg: #fff;
  --color-dz-preview-border: #dfdfdf;
  --color-dz-progress-bar: #4CAF50;
  --color-dz-progress-bar-bg: #f5f5f5;
  /* tooltipp */
  --color-tt-bg: #292a2d;
  --color-tt-text: #cfd1d4;
  --color-tt-border: #cfd1d4;
  /* datepicker */
  --color-dp-bg: #fff;
  --color-dp-border: #cacbd8;
  --color-dp-link: #222E83;
  --color-dp-header-bg: #222E83;
  --color-dp-ctrl-bg: #f5f5f5;
  --color-dp-month-nav-bg: #fff;
  --color-dp-full-month-border: #fff;
  --color-dp-circle-btn-bg: #222E83;
  --color-dp-circle-btn-text: #fff;
  --color-dp-circle-btn-border: #222E83;
  --color-dp-circle-btn-bg-hover: #fff;
  --color-dp-circle-btn-text-hover: #222E83;
  --color-dp-circle-btn-border-hover: #fff;
  --color-dp-select-bg: #fff;
  --color-dp-select-text: #666;
  --color-dp-select-border: #1d276f;
  --color-dp-month-header-border: #dfdfdf;
  --color-dp-month-header-bg: #f5f5f5;
  --color-dp-month-header-text: #999;
  --color-dp-other-month-bg: transparent;
  --color-dp-other-month-text: #b3b3b3;
  --color-dp-month-bg: #fff;
  --color-dp-month-border: #dfdfdf;
  --color-dp-month-link-bg: #fff;
  --color-dp-month-link-text: #222E83;
  --color-dp-month-link-border: #cacbd8;
  --color-dp-month-today-link-bg: transparent;
  --color-dp-month-today-link-text: #FF6600;
  --color-dp-month-today-link-border: #cacbd8;
  --color-dp-month-highlight-link-bg: #222E83;
  --color-dp-month-highlight-link-text: #fff;
  --color-dp-month-weekend-link-bg: #f5f5f5;
  --color-dp-month-weekend-link-text: #222E83;
  --color-dp-month-selected-link-bg: #FF6600;
  --color-dp-month-selected-link-text: #fff;
  /* top jumper */
  --color-top-jump-bg: rgba(245, 245, 245, 0.5);
  --color-top-jump-text: #cacbd8;
  --color-top-jump-border: #cacbd8;
  --color-top-jump-circle: #dfdfdf;
  --color-top-jump-bg-hover: #FF6600;
  --color-top-jump-text-hover: #fff;
  --color-top-jump-border-hover: #FF6600;
  --color-top-jump-circle-hover: #222E83;
  /* task */
  --color-toggle-box-bg: #656d77;
  --color-toggle-box-text: #fff;
  --color-task-list-bg: #fff;
  --color-task-item-bg: #fff;
  --color-task-item-bg-hover: #ffe1cc;
  --color-task-item-text: #666;
  --color-task-item-text-hover: #222;
  --color-task-category-1: #d61212;
  --color-task-category-2: #222e83;
  --color-task-category-3: #008be4;
  --color-task-category-4: #06b025;
  --color-task-special-link: #01a9e3;
  /* TASK Check colors */
  --color-check-init: #434a54;
  --color-check-init-bg: #dbdbdb;
  --color-check-init-bg-active: whitesmoke;
  --color-check-none: #434a54;
  --color-check-none-bg: #adadad;
  --color-check-none-bg-active: #c7c7c7;
  --color-check-success: #129a00;
  --color-check-success-bg: #afffa2;
  --color-check-success-bg-active: #dbffd5;
  --color-check-warn: #867500;
  --color-check-warn-bg: #fdff6b;
  --color-check-warn-bg-active: #feff9e;
  --color-check-defect: #cd6000;
  --color-check-defect-bg: #ffc862;
  --color-check-defect-bg-active: #ffda95;
  --color-check-error: #c90000;
  --color-check-error-bg: #ffbdbd;
  --color-check-error-bg-active: #fff0f0;
  /* form range */
  --color-range-track: #656d77;
  --color-range-thumb: #FF6600;
  --color-thumb-shadow: #dfdfdf;
  --color-thumb-border: #fff;
  --color-track-shadow: #222;
  --color-track-border: #656d77;
  /* webkit scrollbar */
  --color-view-thumb: #999;
  /* DRIFT */
  --phase-background: #e0e0e0;
  --phase-text-active: #fff;
  --phase-underline-active: #fff;
}