/*
Lovion Theme Template
Beschreibung: Mit dieser Datei kann das Look & Feel des Lovion WEB PORTALs einfach geändert werden.
Logo und Farben können hier mittels CSS-Variablen leicht an die Bedürfnisse des Kunden angepasst werden.
*/

.brand-wrapper {
  display: none;
  background-color: #ffffff !important;
  border-right: 1px solid #ffffff !important;
  height: 90% !important;
}

.brand {
  background-color: #164194 !important;
  background-image: url("../img/Stadtwerke-Schwerte-Logo.svg")  !important;
  height: 58px !important;
  background-position: center !important;
  background-size: contain !important;
}

.brand-login-wrapper .brand-login {
  background-image: none !important;
  height: 300% !important;
}

.login .wrapper-left {
  background-image: url("../img/Stadtwerke-Schwerte-Logo.svg") !important;
  background-color:  #ffffff !important;
  background-position: 50% !important;

}
:root {

/* *************************************

Logo und CD/CI */

/* Schriftarten */

--default-font:                         'Merriweather Sans Book', Arial  !important;
--heading-font:                         'Merriweather Sans Bold', Arial  !important;

/* Allgemeine Farben */

/* Hauptfarbe inkl. Abstufungen */

--color-primary:                        #ffffff  !important;
--color-primary-darken-5:               #1d276f  !important;
--color-primary-darken-10:              #17205b  !important;
--color-primary-darken-15:              #121946  !important;
--color-primary-darken-20:              #164194  !important;
--color-text-on-primary:                #ffffff  !important;


/*Schmuckfarbe */

--color-secondary:                      #164194  !important;


/* Textfarben */

--color-body-text:                      #666  !important;
--color-body-text-dark:                 #222  !important;
--color-body-text-light:                #999  !important;
--color-heading:                        #222  !important;
--color-link:                           #164194  !important;
--color-link-hover:                     #164194  !important;


/* Farben für Rahmen */

--color-border:                         #dfdfdf  !important;
--color-border-dark:                    #cacbd8  !important;
--color-border-light:                   #e5e5e5  !important;


/* Hintergrundfarben Inhalt  */

--color-content-bg:                     #ffffff  !important;
--color-content-bg-light:                #ffffff!important;
--color-content-bg-dark:                 #ffffff  !important;
--color-body-highlight:                  #ffffff  !important;


/* Kopfbereich Inhalt */

--color-content-header-bg:              #f5f5f5  !important;
--color-content-header-text:            #164194  !important;
--color-content-header-border:          #dfdfdf  !important;



/* *************************************

Kopfbereich der Seite */

--color-header-bg:                      #164194  !important;
--color-header-bg-dark:                 #1d276f  !important;
--color-header-shadow-scrolled:         rgba(0, 0, 0, 0.5)  !important;
--color-header-border:                  #1d276f  !important;

--color-header-text:                    #fff  !important;
--color-header-text-bg:                 #164194  !important;
--color-header-text-hover:              #fff  !important;
--color-header-text-bg-hover:           #164194  !important;

--color-header-search-icon:             #fff  !important;
--color-header-search-text:             #fff  !important;
--color-header-search-text-focus:       #222  !important;
--color-header-search-bg-focus:         #fff  !important;
--color-header-search-placeholder:      #6775d7  !important;



/* *************************************

Fussbereich der Seite */

--color-footer-bg:                      #164194  !important;
--color-footer-text:                    #FFFFFF  !important;
--color-footer-link:                    #FFFFFF  !important;
--color-footer-link-hover:              #FFFFFF  !important;
--color-footer-link-active:             #FFFFFF  !important;



/* *************************************

Seitenbereich der Seite */

--color-sidebar-bg:                     #009FE3 !important;
--color-sidebar-text:                   #FFFFFF !important;
--color-sidebar-border:                 #dfdfdf !important;

--color-sidebar-title:                  #FFFFFF !important;
--color-sidebar-title-btn-bg:           #164194  !important;
--color-sidebar-title-btn-link:         #164194  !important;
--color-sidebar-title-btn-bg-active:    #164194  !important;
--color-sidebar-title-btn-link-active:  #164194  !important;
--color-sidebar-title-btn-border:       #dfdfdf !important;

--color-sidebar-link:                   #FFFFFF !important;
--color-sidebar-link-hover:             #FFFFFF !important;
--color-sidebar-link-hover-border:      #164194  !important;

--color-sidebar-active-bg:              #164194  !important;
--color-sidebar-active-border:          #164194  !important;
--color-sidebar-active-link:            #FFFFFF !important;



/* *************************************

Schaltflächen / Buttons */

--color-btn-default:                    #164194  !important;
--color-btn-default-hover:              #164194  !important;
--color-btn-default-text:               #fff  !important; 

--color-btn-secondary:                  #164194  !important;
--color-btn-secondary-hover:            #164194  !important;
--color-btn-secondary-text:             #fff  !important;

--color-btn-positive:                   #4CAF50  !important;
--color-btn-positive-hover:             #3d8b40  !important;
--color-btn-positive-text:              #fff  !important;

--color-btn-negative:                   #D32F2F  !important;
--color-btn-negative-hover:             #ab2424  !important;
--color-btn-negative-text:              #fff  !important;

--color-btn-light-bg:                   #fff  !important;
--color-btn-light-border:               #cacbd8  !important;
--color-btn-light-text:                 #164194  !important;
--color-btn-light-text-hover:           #103E76 !important;
--color-btn-light-hover:                #164194  !important;

--color-button-ghost:                   #164194  !important;



/* *************************************

Seitenmenü / Navigation */

--color-menu-trigger:                   #fff  !important;
--color-menu-trigger-active:            #fff  !important;
--color-menu-trigger-bg:                #1d276f  !important;
--color-menu-trigger-bg-active:         #164194  !important;

--color-nav-bg:                         #164194  !important;
--color-nav-item-bg:                    #009FE3 !important;
--color-nav-text:                       #FFFFFF !important;
--color-nav-delimiter:                  #164194  !important;
--color-nav-text-hover:                 #FFFFFF !important;
--color-nav-bg-hover:                   #164194  !important;
--color-nav-bg-active:                  #009FE3 !important;
--color-nav-text-active:                #FFFFFF !important;



/* *************************************

Benutzermenü */

--color-user-menu-bg:                   #009FE3 !important;
--color-user-menu-border:               #cacbd8  !important;
--color-user-menu-delimiter:            #164194  !important;
--color-user-menu-item-link:            #FFFFFF !important;
--color-user-menu-item-link-hover:      #FFFFFF !important;
--color-user-menu-item-link-hover-bg:   #164194  !important;



/* *************************************

Box-Ínhalt */

--color-box-bg:                         #fcfcfc  !important;
--color-box-footer-bg:                  #f5f5f5  !important;
--color-box-title:                      #164194  !important;
--color-box-title-hover:                #17205b  !important;
--color-box-footer-link:                #164194  !important;
--color-box-expandable-bg:              #fcfcfc  !important;



/* *************************************

Formular-Elemente */

--color-form-primary:                   #164194  !important;
--color-form-secondary:                 #164194  !important;
--color-form-success:                   #4CAF50  !important;
--color-form-error:                     #D32F2F  !important;
--color-form-input-bg:                  #fff  !important;
--color-form-input-special-bg:          #fffed0  !important;
--color-form-input-text:                #222  !important;
--color-form-input-bg-disabled:         #f7f7f7  !important;
--color-form-input-text-disabled:       #999  !important;
--color-form-input-bg-readonly:         #fcfcfc  !important;
--color-form-input-text-readonly:       #222  !important;
--color-form-border:                    #adaec2  !important;
--color-form-border-focus:              #8f91ad  !important;
--color-form-border-readonly:           #fff  !important;
--color-form-label:                     #222  !important;
--color-form-label-hint:                #999  !important;
--color-form-input-glow:                #ff944d  !important;
--color-form-placeholder:               #999  !important;
--color-form-select-button-text:        #222  !important;
--color-form-select-button-bg:          #f5f5f5  !important;
--color-form-select-title:              #164194  !important;
--color-form-select-text:               #222  !important;
--color-form-toggle-active:             #fff  !important;
--color-form-toggle-bg-active:          #164194  !important;
--color-form-toggle-border-active:      #164194  !important;
--color-form-toggle-border-hover:       #164194  !important;
--color-form-toggle-border:             #164194  !important;
--color-form-toggle-bg:                 #fff  !important;
--color-form-toggle-checked:            #4CAF50  !important;
--color-form-toggle-unchecked:          #D32F2F  !important;
--color-form-toggle-not-set:            #999  !important;
--color-checkbox-intermediate:          #dfdfdf  !important;



/* *************************************

Fenster (Modal, Lightbox & PopUp)  */

--color-modal-bg:                       #fff  !important;
--color-modal-header-bg:                #164194  !important;
--color-modal-title:                    #fff  !important;
--color-modal-text:                     #222  !important;
--color-modal-footer-bg:                #f5f5f5  !important;
--color-modal-close-bg:                 #1d276f  !important;
--color-modal-close-bg-hover:           #1a2363  !important;
--color-modal-close-text:               #fff  !important;

--color-lightbox-bg:                    #fff  !important;
--color-lightbox-close-bg:              transparent  !important;
--color-lightbox-close-bg-hover:        #1a2363  !important;
--color-lightbox-close-text:            #222  !important;
--color-lightbox-close-text-hover:      #fff  !important;



/* *************************************

Objekt-Editor */

--color-object-editor-bg:               #fcfcfc  !important;
--color-object-editor-header:           #656d77  !important;
--color-object-editor-header-dark:      #596069  !important;
--color-object-editor-header-dark-10:   #4e545b  !important;



/* *************************************

Reiter */

--color-tabs-border:                    #dfdfdf  !important;
--color-tabs-link:                      #666  !important;
--color-tabs-link-hover:                #222  !important;
--color-tabs-link-active:               #222  !important;
--color-tabs-indicator:                 #164194  !important;



/* *************************************

Status-Farben */

--color-positive:                       #4CAF50  !important;
--color-negative:                       #D32F2F  !important;
--color-info:                           #164194  !important;
--color-warning:                        #FFA500  !important;
--color-mandatory:                      #D32F2F  !important;

--color-positive-bg:                    #c7e7c8  !important;
--color-negative-bg:                    #f2c2c2  !important;
--color-info-bg:                        #c4d8e8  !important;
--color-warning-bg:                     #ffe4b3  !important;
--color-mandatory-bg:                   #f2c2c2  !important;

--color-positive-border:                #449d48  !important;
--color-negative-border:                #c02929  !important;
--color-info-border:                    #3f75a2  !important;
--color-warning-border:                 #e69500  !important;
--color-mandatory-border:               #c02929  !important;



/* *************************************

Funktions-Schaltflächen */

--color-gf-link:                        #666  !important;
--color-gf-bg:                          #fff  !important;
--color-gf-border:                      #dfdfdf  !important;
--color-gf-link-hover:                  #164194  !important;
--color-gf-bg-hover:                    #164194  !important;
--color-gf-border-hover:                #164194  !important;
--color-gf-link-active:                 #164194  !important;
--color-gf-bg-active:                   #164194  !important;
--color-gf-border-active:               #164194  !important;
--color-gf-link-disabled:               gray  !important;
--color-gf-bg-disabled:                 #fff  !important;
--color-gf-border-disabled:             #e7e7e7  !important;



/* *************************************

Schrittanzeige */

--color-pb-default-bg:                  #fff  !important;
--color-pb-default-text:                #999  !important;
--color-pb-default-label:               #999  !important;
--color-pb-finish-bg:                   #164194  !important;
--color-pb-finish-text:                 #fff  !important;
--color-pb-finish-label:                #666  !important;
--color-pb-active-bg:                   #164194  !important;
--color-pb-active-text:                 #fff  !important;
--color-pb-active-label:                #222  !important;
--color-pb-border:                      #cacbd8  !important;


/* *************************************

Tabellen */

--color-table-header:                   #164194  !important;
--color-table-header-text:              #fff  !important;
--color-table-row-background:           #fff  !important;
--color-table-row-text:                 #222  !important;
--color-table-highlight:                ##164194  !important;
--color-table-highlight-text:           #000  !important;
--color-table-highlight-bg-dark:        #12ABE420  !important;
--color-table-selected:                 #164194  !important;
--color-table-selected-text:            #000  !important;
--color-table-row-background-1:         #fcfcfc  !important;
--color-table-row-background-2:         #fafafa  !important;
--color-table-row-background-3:         #f7f7f7  !important;
--color-table-row-background-4:         whitesmoke  !important;
--color-table-row-background-5:         #f2f2f2  !important;
--color-table-row-background-6:         #f0f0f0  !important;
--color-table-row-background-7:         #ededed  !important;
--color-table-row-background-8:         #ebebeb  !important;
--color-table-selected-1:               #ffede0  !important;
--color-table-selected-2:               #ffeadb  !important;
--color-table-selected-3:               #ffe7d6  !important;
--color-table-selected-4:               #ffe4d1  !important;
--color-table-selected-5:               #ffe1cb  !important;
--color-table-selected-6:               #ffdec6  !important;
--color-table-selected-7:               #ffdbc1  !important;
--color-table-selected-8:               #ffd8bc  !important;

--color-arrow-step-gap:                 #fcfcfc  !important;
--color-arrow-step-bg:                  #f5f5f5  !important;
--color-arrow-step-link:                #222  !important;
--color-arrow-step-text:                #666  !important;
--color-arrow-step-label:               #222  !important;
--color-arrow-step-active-bg:           #164194  !important;



/* *************************************

Status-Farben für Aufgaben (TASK) */

--color-status-angelegt:                #f9f9f9  !important;
--color-status-planung:                 #b13bf9  !important;
--color-status-freigegeben:             #e42700  !important;
--color-status-in-bearbeitung:          #0069ff  !important;
--color-status-unterbrochen:            #00bbc1  !important;
--color-status-durchgefuehrt:           #00c200  !important;
--color-status-zurueckgestellt:         #ee9800  !important;
--color-status-abgewiesen:              #000  !important;
--color-status-archiviert:              #8e8e8e  !important;
--color-status-entwurf:                 #ee9800  !important;
--color-status-beantragt:               #b13bf9  !important;
--color-status-rueckfrage:              #e42700  !important;
--color-status-abgeschlossen:           #00c200  !important;

--color-badge-bg:                       #D32F2F  !important;
--color-badge-text:                     #fff  !important;

--color-help-circle-bg:                 #fff  !important;
--color-help-circle-border:             #cacbd8  !important;
--color-help-circle-text:               #164194  !important;
--color-help-circle-bg-hover:           #164194  !important;
--color-help-circle-border-hover:       #164194  !important;
--color-help-circle-text-hover:         #fff  !important;



/* *************************************

Datei(en) hochladen (DropZone) */

--color-dz-preview-bg:                  #fff  !important;
--color-dz-preview-border:              #dfdfdf  !important;
--color-dz-progress-bar:                #4CAF50  !important;
--color-dz-progress-bar-bg:             #f5f5f5  !important;



/* *************************************

Tooltipp */

--color-tt-bg:                          #fff0e5  !important;
--color-tt-text:                        #222  !important;
--color-tt-border:                      #cacbd8  !important;



/* *************************************

Datumauswahl (DatePicker) */

--color-dp-bg:                          #fff  !important;
--color-dp-border:                      #cacbd8  !important;
--color-dp-link:                        #164194  !important;
--color-dp-header-bg:                   #164194  !important;
--color-dp-ctrl-bg:                     #f5f5f5  !important;
--color-dp-month-nav-bg:                #fff  !important;
--color-dp-full-month-border:           #fff  !important;
--color-dp-circle-btn-bg:               #164194  !important;
--color-dp-circle-btn-text:             #fff  !important;
--color-dp-circle-btn-border:           #164194  !important;
--color-dp-circle-btn-bg-hover:         #fff  !important;
--color-dp-circle-btn-text-hover:       #164194  !important;
--color-dp-circle-btn-border-hover:     #fff  !important;
--color-dp-select-bg:                   #fff  !important;
--color-dp-select-text:                 #164194  !important;
--color-dp-select-border:               #1d276f  !important;
--color-dp-month-header-border:         #dfdfdf  !important;
--color-dp-month-header-bg:             #f5f5f5  !important;
--color-dp-month-header-text:           #999  !important;
--color-dp-other-month-bg:              transparent  !important;
--color-dp-other-month-text:            #b3b3b3  !important;
--color-dp-month-bg:                    #fff  !important;
--color-dp-month-border:                #dfdfdf  !important;
--color-dp-month-link-bg:               #fff  !important;
--color-dp-month-link-text:             #164194  !important;
--color-dp-month-link-border:           #cacbd8  !important;
--color-dp-month-today-link-bg:         transparent  !important;
--color-dp-month-today-link-text:       #164194  !important;
--color-dp-month-today-link-border:     #cacbd8  !important;
--color-dp-month-highlight-link-bg:     #164194  !important;
--color-dp-month-highlight-link-text:   #fff  !important;
--color-dp-month-weekend-link-bg:       #f5f5f5  !important;
--color-dp-month-weekend-link-text:     #164194  !important;
--color-dp-month-selected-link-bg:      #164194  !important;
--color-dp-month-selected-link-text:    #fff  !important;



/* *************************************

Zum Seitenanfang */

--color-top-jump-bg:                    rgba(245, 245, 245, 0.5)  !important;
--color-top-jump-text:                  #cacbd8  !important;
--color-top-jump-border:                #cacbd8  !important;
--color-top-jump-circle:                #dfdfdf  !important;
--color-top-jump-bg-hover:              #164194  !important;
--color-top-jump-text-hover:            #fff  !important;
--color-top-jump-border-hover:          #164194  !important;
--color-top-jump-circle-hover:          #164194  !important;



/* *************************************

Klappboxen */

--color-toggle-box-bg:                  #656d77  !important;
--color-toggle-box-text:                #fff  !important;



/* *************************************

Aufgaben (TASK) */

--color-task-list-bg:                   #fff  !important;
--color-task-item-bg:                   #fff  !important;
--color-task-item-bg-hover:             #fff0e5  !important;
--color-task-item-text:                 #666  !important;
--color-task-item-text-hover:           #222  !important;
--color-task-special-link:              #01a9e3  !important;

--color-task-category-1:                #d61212  !important;
--color-task-category-2:                #164194  !important;
--color-task-category-3:                #008be4  !important;
--color-task-category-4:                #06b025  !important;

--color-check-init:                     #434a54  !important;
--color-check-init-bg:                  #dbdbdb  !important;
--color-check-init-bg-active:           #f4f4f4  !important;

--color-check-none:                     #434a54  !important;
--color-check-none-bg:                  #adadad  !important;
--color-check-none-bg-active:           #c7c7c7  !important;

--color-check-success:                  #129a00  !important;
--color-check-success-bg:               #afffa2  !important;
--color-check-success-bg-active:        #dbffd5  !important;

--color-check-warn:                     #867500  !important;
--color-check-warn-bg:                  #fdff6b  !important;
--color-check-warn-bg-active:           #feff9e  !important;

--color-check-error:                    #c90000  !important;
--color-check-error-bg:                 #ffbdbd  !important;
--color-check-error-bg-active:          #fff0f0  !important;



/* *************************************

Slider Element */

--color-range-track:                    #656d77  !important;
--color-range-thumb:                    #164194  !important;
--color-thumb-shadow:                   #dfdfdf  !important;
--color-thumb-border:                   #fff  !important;
--color-track-shadow:                   #222  !important;
--color-track-border:                   #656d77  !important;



/* *************************************

Nachrichten (MESSAGE) */

--color-bubble-bg:                      #fff8f1  !important;
--color-bubble-media-bg:                #fff0e5  !important;



/* *************************************

Weitere Farben */

--color-overlay:                        rgba(0, 0, 0, 0.25)  !important;
--color-map-topic-header:               #656d77  !important;
--color-expandable-header-bg-hover:     #fff  !important;
--color-complementary:                  #fff  !important;
--color-full-width-container:           #fcfcfc  !important;
--color-full-width-container-border:    #dfdfdf  !important;


}