/*
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.
*/

.restricted-content-width {
    max-width: none  !important; 
}

div#login_page {
    background-image: url(../img/ESWE_sw-netz.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top 80px;
}

.modal-content.info:before {
    background-image: url(../img/message/warning.svg) !important;
}

.brand {
	background-image: url(../img/ESWE_sw-netz.png) !important;
}	

.brand-login {
    background-image: none !important;
}	

.wrapper-left {
    background-image: url(../img/login_image.jpg) !important;
	background-size: contain 				 !important;
	background-color: transparent            !important;
}

.modal-content {
    padding-top: 100px    !important;
}

.info {
    padding-top: 24px   !important;
}

span.password-info {
    font-size: 14px;
    color: red;
}

:root {
 
  /* *************************************

  Logo und CD/CI */


  /* Datei, Größe und Positionierung */
 

  --logo-file:                            url("../img/ESWE_sw-netz.png");
  --logo-height:                          38px;
  --logo-height-scrolled:                 26px;
  --logo-position:                        center;
  
  --logo-height-small:				      56px;


  /* Hintergrundfarbe und Rahmen des Logos */

  --color-brand-bg:                       #f5f5f5; /*Anpassung*/
  --color-brand-border:                   #dfdfdf; /*Anpassung*/


  /* Schriftarten */

  --default-font:                         "Open Sans", "Arial", sans-serif;
  --heading-font:                         "Open Sans", "Arial", sans-serif;



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

  Allgemeine Farben */


  /* Hauptfarbe inkl. Abstufungen */

  --color-primary:                        #00158c;  /*ESWE blau */
  --color-primary-darken-5:               #1d276f;
  --color-primary-darken-10:              #17205b;
  --color-primary-darken-15:              #121946;
  --color-primary-darken-20:              #00158c;  /*ESWE blau */
  --color-text-on-primary:                #d9d9d9;


  /*Schmuckfarbe */

  --color-secondary:                      #ffa300;  /*ESWE orange */


  /* Textfarben */

  --color-body-text:                      #666;
  --color-body-text-dark:                 #222;
  --color-body-text-light:                #999;
  --color-heading:                        #222;
  --color-link:                           #00158c;  /*ESWE blau */
  --color-link-hover:                     #ffa300;  /*ESWE orange */


  /* Farben für Rahmen */

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


  /* Hintergrundfarben Inhalt  */

  --color-content-bg:                     #f5f5f5;
  --color-content-bg-light:               #fff;
  --color-content-bg-dark:                #e8e8e8;
  --color-body-highlight:                 #fff0e5;


  /* Kopfbereich Inhalt */

  --color-content-header-bg:              #f5f5f5;
  --color-content-header-text:            #00158c;  /*ESWE blau */
  --color-content-header-border:          #dfdfdf;



  /* *************************************
  
  Kopfbereich der Seite */

  --color-header-bg:                      #00158c;  /*ESWE blau */
  --color-header-bg-dark:                 #1d276f;
  --color-header-shadow-scrolled:         rgba(0, 0, 0, 0.5);
  --color-header-border:                  #f5f5f5;

  --color-header-text:                    #00158c;  /*ESWE blau */
  --color-header-text-bg:                 #00158c;  /*ESWE blau */
  --color-header-text-hover:              #00158c;  /*ESWE blau */
  --color-header-text-bg-hover:           #ffa300;  /*ESWE orange */

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



  /* *************************************
  
  Fussbereich der Seite */

  --color-footer-bg:                      #00158c;  /*ESWE blau */
  --color-footer-text:                    #FFFFFF;  /*Weiss */
  --color-footer-link:                    #FFFFFF;  /*Weiss */
  --color-footer-link-hover:              #FFFFFF;  /*Weiss */
  --color-footer-link-active:             #FFFFFF;  /*Weiss */



  /* *************************************
  
  Seitenbereich der Seite */

  --color-sidebar-bg:                     #eae9e9;  /*ESWE hellgrau */
  --color-sidebar-text:                   #00158c;  /*ESWE blau */
  --color-sidebar-border:                 #dfdfdf;

  --color-sidebar-title:                  #00158c;  /*ESWE blau */
  --color-sidebar-title-btn-bg:           #ffa300;  /*ESWE orange */
  --color-sidebar-title-btn-link:         #00158c;  /*ESWE blau */
  --color-sidebar-title-btn-bg-active:    #ffa300;  /*ESWE orange */
  --color-sidebar-title-btn-link-active:  #ffa300;  /*ESWE orange */
  --color-sidebar-title-btn-border:       #dfdfdf;

  --color-sidebar-link:                   #00158c;  /*ESWE blau */
  --color-sidebar-link-hover:             #00158c;  /*ESWE blau */
  --color-sidebar-link-hover-border:      #ffa300;  /*ESWE orange */

  --color-sidebar-active-bg:              #ffa300;  /*ESWE orange */
  --color-sidebar-active-border:          #ffa300;  /*ESWE orange */
  --color-sidebar-active-link:            #00158c;  /*ESWE blau */

  
  
  /* *************************************
  
  Schaltflächen / Buttons */

  --color-btn-default:                    #00158c;  /*ESWE blau */
  --color-btn-default-hover:              #ffa300;  /*ESWE orange */
   --color-btn-default-text:              #fff; 

  --color-btn-secondary:                  #00158c;  /*ESWE blau */
  --color-btn-secondary-hover:            #ffa300;  /*ESWE orange */
  --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-light-text:                 #00158c;  /*ESWE blau */
  --color-btn-light-text-hover:           #103E76; 	/*#!!!!!!!!!!*/
  --color-btn-light-hover:                #00158c;  /*ESWE blau */
  
  --color-button-ghost:                   #00158c;  /*ESWE blau */



  /* *************************************
  
  Seitenmenü / Navigation */

  --color-menu-trigger:                   #00158c;  /*ESWE blau */
  --color-menu-trigger-active:            #00158c;  /*ESWE blau */
  --color-menu-trigger-bg:                #1d276f;
  --color-menu-trigger-bg-active:         #00158c;  /*ESWE blau */

  --color-nav-bg:                         #00158c;  /*ESWE blau */
  --color-nav-item-bg:                    #eae9e9;  /*ESWE hellgrau */
  --color-nav-text:                       #00158c;  /*ESWE blau */
  --color-nav-delimiter:                  #f5f5f5;
  --color-nav-text-hover:                 #00158c;  /*ESWE blau */
  --color-nav-bg-hover:                   #ffa300;  /*ESWE orange */
  --color-nav-bg-active:                  #eae9e9;  /*ESWE hellgrau */
  --color-nav-text-active:                ##FFFFFF; /*Weiss */



  /* *************************************
  
  Benutzermenü */

  --color-user-menu-bg:                   #00158c;  /*ESWE blau */
  --color-user-menu-border:               #cacbd8;
  --color-user-menu-delimiter:            #ffa300;  /*ESWE orange */
  --color-user-menu-item-link:            #FFFFFF;  /*Weiss */
  --color-user-menu-item-link-hover:      #FFFFFF;  /*Weiss */
  --color-user-menu-item-link-hover-bg:   #ffa300;  /*ESWE orange */



  /* *************************************
  
  Box-Ínhalt */

  --color-box-bg:                         #fcfcfc;
  --color-box-footer-bg:                  #f5f5f5;
  --color-box-title:                      #00158c;  /*ESWE blau */
  --color-box-title-hover:                #17205b;	/*#17205b;!!!!!!!!!!*/
  --color-box-footer-link:                #00158c;  /*ESWE blau */
  --color-box-expandable-bg:              #fcfcfc;



  /* *************************************
  
  Formular-Elemente */

  --color-form-primary:                   #00158c;  /*ESWE blau */
  --color-form-secondary:                 #ffa300;  /*ESWE orange */
  --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-readonly:         #fcfcfc;
  --color-form-input-text-readonly:       #222;
  --color-form-border:                    #adaec2;
  --color-form-border-focus:              #8f91ad;
  --color-form-border-readonly:           #fff;
  --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:              #00158c;  /*ESWE blau */
  --color-form-select-text:               #222;
  --color-form-toggle-active:             #fff;
  --color-form-toggle-bg-active:          #ffa300;  /*ESWE orange */
  --color-form-toggle-border-active:      #ffa300;  /*ESWE orange */
  --color-form-toggle-border-hover:       #ffa300;  /*ESWE orange */
  --color-form-toggle-border:             #ffa300;  /*ESWE orange */
  --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;



  /* *************************************
  
  Fenster (Modal, Lightbox & PopUp)  */

  --color-modal-bg:                       #fff;
  --color-modal-header-bg:                #00158c;  /*ESWE blau */
  --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;

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



  /* *************************************
  
  Objekt-Editor */

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



  /* *************************************
  
  Reiter */

  --color-tabs-border:                    #dfdfdf;
  --color-tabs-link:                      #666;
  --color-tabs-link-hover:                #222;
  --color-tabs-link-active:               #222;
  --color-tabs-indicator:                 #ffa300;  /*ESWE orange */



  /* *************************************
  
  Status-Farben */

  --color-positive:                       #4CAF50;
  --color-negative:                       #D32F2F;
  --color-info:                           #ffa300;  /*ESWE orange */
  --color-warning:                        #FFA500;
  --color-mandatory:                      #D32F2F;

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

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



  /* *************************************
  
  Funktions-Schaltflächen */

  --color-gf-link:                        #666;
  --color-gf-bg:                          #fff;
  --color-gf-border:                      #dfdfdf;
  --color-gf-link-hover:                  #ffa300;  /*ESWE orange */
  --color-gf-bg-hover:                    #00158c;  /*ESWE blau */
  --color-gf-border-hover:                #00158c;  /*ESWE blau */
  --color-gf-link-active:                 #00158c;  /*ESWE blau */
  --color-gf-bg-active:                   #ffa300;  /*ESWE orange */
  --color-gf-border-active:               #ffa300;  /*ESWE orange */
  --color-gf-link-disabled:               gray;
  --color-gf-bg-disabled:                 #fff;
  --color-gf-border-disabled:             #e7e7e7;



  /* *************************************
  
  Schrittanzeige */

  --color-pb-default-bg:                  #fff;
  --color-pb-default-text:                #999;
  --color-pb-default-label:               #999;
  --color-pb-finish-bg:                   #00158c;  /*ESWE blau */
  --color-pb-finish-text:                 #fff;
  --color-pb-finish-label:                #666;
  --color-pb-active-bg:                   #ffa300;  /*ESWE orange */
  --color-pb-active-text:                 #fff;
  --color-pb-active-label:                #222;
  --color-pb-border:                      #cacbd8;


  /* *************************************
  
  Tabellen */

  --color-table-header:                   #00158c;  /*ESWE blau */
  --color-table-header-text:              #fff;
  --color-table-row-background:           #fff;
  --color-table-row-text:                 #222;
  --color-table-highlight:                ##00158c;  /*ESWE blau */
  --color-table-highlight-text:           #000;
  --color-table-highlight-bg-dark:        #12ABE420;  /*Creos mittelblau hell*/
  --color-table-selected:                 #ffa300;  /*ESWE orange */
  --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:               #ffe1cb;
  --color-table-selected-6:               #ffdec6;
  --color-table-selected-7:               #ffdbc1;
  --color-table-selected-8:               #ffd8bc;

  --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:           #ffa300;  /*ESWE orange */



  /* *************************************
  
  Status-Farben für Aufgaben (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;
  --color-status-entwurf:                 #ee9800;
  --color-status-beantragt:               #b13bf9;
  --color-status-rueckfrage:              #e42700;
  --color-status-abgeschlossen:           #00c200;

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

  --color-help-circle-bg:                 #fff;
  --color-help-circle-border:             #cacbd8;
  --color-help-circle-text:               #00158c;  /*ESWE blau */
  --color-help-circle-bg-hover:           #00158c;  /*ESWE blau */
  --color-help-circle-border-hover:       #00158c;  /*ESWE blau */
  --color-help-circle-text-hover:         #fff;



  /* *************************************
  
  Datei(en) hochladen (DropZone) */

  --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:                          #fff0e5;
  --color-tt-text:                        #222;
  --color-tt-border:                      #cacbd8;



  /* *************************************
  
  Datumauswahl (DatePicker) */

  --color-dp-bg:                          #fff;
  --color-dp-border:                      #cacbd8;
  --color-dp-link:                        #00158c;  /*ESWE blau */
  --color-dp-header-bg:                   #00158c;  /*ESWE blau */
  --color-dp-ctrl-bg:                     #f5f5f5;
  --color-dp-month-nav-bg:                #fff;
  --color-dp-full-month-border:           #fff;
  --color-dp-circle-btn-bg:               #00158c;  /*ESWE blau */
  --color-dp-circle-btn-text:             #fff;
  --color-dp-circle-btn-border:           #00158c;  /*ESWE blau */
  --color-dp-circle-btn-bg-hover:         #fff;
  --color-dp-circle-btn-text-hover:       #00158c;  /*ESWE blau */
  --color-dp-circle-btn-border-hover:     #fff;
  --color-dp-select-bg:                   #fff;
  --color-dp-select-text:                 #00158c;  /*ESWE blau */
  --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:             #00158c;  /*ESWE blau */
  --color-dp-month-link-border:           #cacbd8;
  --color-dp-month-today-link-bg:         transparent;
  --color-dp-month-today-link-text:       #ffa300;  /*ESWE orange */
  --color-dp-month-today-link-border:     #cacbd8;
  --color-dp-month-highlight-link-bg:     #00158c;  /*ESWE blau */
  --color-dp-month-highlight-link-text:   #fff;
  --color-dp-month-weekend-link-bg:       #f5f5f5;
  --color-dp-month-weekend-link-text:     #00158c;  /*ESWE blau */
  --color-dp-month-selected-link-bg:      #ffa300;  /*ESWE orange */
  --color-dp-month-selected-link-text:    #fff;



  /* *************************************
  
  Zum Seitenanfang */

  --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:              #ffa300;  /*ESWE orange */
  --color-top-jump-text-hover:            #fff;
  --color-top-jump-border-hover:          #ffa300;  /*ESWE orange */
  --color-top-jump-circle-hover:          #00158c;  /*ESWE blau */



  /* *************************************
  
  Klappboxen */

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



  /* *************************************
  
  Aufgaben (TASK) */

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

  --color-task-category-1:                #d61212;
  --color-task-category-2:                #00158c;  /*ESWE blau */
  --color-task-category-3:                #008be4;
  --color-task-category-4:                #06b025;

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

  --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-error:                    #c90000;
  --color-check-error-bg:                 #ffbdbd;
  --color-check-error-bg-active:          #fff0f0;



  /* *************************************
  
  Slider Element */

  --color-range-track:                    #656d77;
  --color-range-thumb:                    #ffa300;  /*ESWE orange */
  --color-thumb-shadow:                   #dfdfdf;
  --color-thumb-border:                   #fff;
  --color-track-shadow:                   #222;
  --color-track-border:                   #656d77;



  /* *************************************
  
  Nachrichten (MESSAGE) */

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



  /* *************************************
  
  Weitere Farben */

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


}