/*
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: rgb(46, 93, 173) !important;
  border-right: 1px solid rgb(46, 93, 173) !important;
  height: 90% !important;
}

.brand {
  background-color: rgb(46, 93, 173) !important;
  background-image: url("../img/LogoStW.png")  !important;
  height: 80px !important;
  background-position: center !important;
  background-size: contain !important;
  margin-top: 1% !important;
}

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

.login .wrapper-left {
  background-image: url("../img/LogoStW.png") !important;
  background-color: #FFF !important;
  background-position: 50% !important;
  background-size: 70% !important;

}

:root {

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

Logo und CD/CI */

/* Schriftarten */

--default-font:                         'TheSans C5', Arial  !important;
--heading-font:                         'TheSans C5', Arial  !important;

/* Allgemeine Farben */

/* Hauptfarbe inkl. Abstufungen */

--color-primary:                        #2E5DAD   !important;
--color-primary-darken-5:               #284F96   !important;
--color-primary-darken-10:              #234280   !important;
--color-primary-darken-15:              #1D356A   !important;
--color-primary-darken-20:              #172954   !important;
--color-text-on-primary:                #FFFFFF   !important;


/*Schmuckfarbe */

--color-secondary:                      #2e5dad   !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:                           #2e5dad   !important;
--color-link-hover:                     #dfa827   !important;




/* Hintergrundfarben Inhalt  */

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


/* Schaltflächen / Buttons */

--color-btn-default:                    #2e5dad    !important;
--color-btn-default-hover:              #4d87c7   !important;
--color-btn-default-text:               #fff      !important; 

--color-btn-secondary:                  #2e5dad    !important;
--color-btn-secondary-hover:            #4d87c7   !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:                   #2e5dad    !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:                 #2e5dad    !important;
--color-btn-light-text-hover:           #103E76   !important;
--color-btn-light-hover:                #F59D08   !important;

--color-button-ghost:                   #2e5dad    !important;

/* Formular-Elemente */

--color-form-primary:                   #2e5dad    !important;
--color-form-secondary:                 #e30613   !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:              #E30613   !important;
--color-form-select-text:               #222      !important;
--color-form-toggle-active:             #fff      !important;
--color-form-toggle-bg-active:          #F59D08   !important;
--color-form-toggle-border-active:      #F59D08   !important;
--color-form-toggle-border-hover:       #F59D08   !important;
--color-form-toggle-border:             #F59D08   !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;

/* 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:                 #F59D08   !important;
}