.alternate-spacing .row > .xl-6,
.compact-view .row > .xl-6,
.widget .row > .xl-6 {
  color: #ffffff !important;
}

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

.login .wrapper-left {
    background-size: auto !important;
    background-position: center center !important;
}

.brand-login-wrapper .brand-login { 
    /* filter: blur(8px); */
	background-image: none !important;
 } 

#login-text {
	font-size: xxx-large !important; 
	color: white !important; 
}

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

.brand-wrapper {
	width: inherit !important;
    height: 72px !important;
	margin-lft: 24px;
}

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

.wrapper-left {
	/* background-image: none !important; */
	background-size: contain !important;
    background-color: #FFFFFF !important;
	background-size: 100% !important;
	background-position: center !important;
    float: left !important;
    position: relative !important;
	padding-bottom: 36px !important;
	height: 100vh - 36px !important;
}

@media only screen and (orientation: portrait) and (max-width: 33.75em), only screen and (min-width: 33.8125em) and (max-width: 51.25em) {
    .wrapper-left {
		height: calc(50vh - 18px) !important;
    }
}

#png_wr_1 {
    content:url("../img/TraveNetz_RGB_black-orange_ohne_Rand.png") !important; padding-bottom: 20px; width: 70%;
}

#png_wr_2 {
    content:url("../img/TraveNetz_RGB_black-orange_Zusatz.png") !important; padding-top: 30px; width: 50%;
}

.login-img {
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 100%;
	height: auto;
	/* background-origin: content-box !important; */
}

@media only screen and (orientation: portrait) and (max-width: 33.75em), only screen and (min-width: 33.8125em) and (max-width: 51.25em) {
    .login-img {
        width: 100vw;
        height: calc((50vh - 36px) / 2) !important;
    }
}

.wrapper-right {
    background-color: #FFF !important;
    position: relative;
	height: 100vh - 36px !important;
}

@media only screen and (orientation: portrait) and (max-width: 33.75em), only screen and (min-width: 33.8125em) and (max-width: 51.25em) {
    .wrapper-right {
		height: calc(50vh - 18px) !important;
    }
}

.text-right {position: absolute;right: 0;bottom: 0;}

.footer-nav {
  width: 100% !important;
}

div#login_header_left {
    background-color: var(--color-brand-bg) !important;
    padding-left: 20px !important;
    padding-top: 10px !important;
    margin-top: 0px !important;
    padding-bottom: 12px !important;
    margin-bottom: 0px !important;
}

div#login_page_footage_left {
    background-color: var(--color-brand-bg) !important;
    padding-left: 20px !important;
    padding-top: 16px !important;
    margin-top: 0px !important;
    padding-bottom: 15px !important;
    margin-bottom: 0px !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
    color: #000 !important;
    position: absolute !important; 
    bottom: 0 !important;
    width: 100% !important;
	height: 36px !important;
}

div#login_page_footage_right {
	background-color: var(--color-brand-bg) !important;
    margin-top: 10px !important;
    color: #000 !important;
}

.footer-nav a {
    color: #000 !important;
    text-decoration: none;
}

/* div#login_page_footage_right img{ */
	/* max-height: 36px !important; */
/* } */

#login_hinweis {
    /* background-image: url(../img/message/info.svg) !important; */
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-left: 0 !important;
}

#login_form .row, .col, .form-block {
    /* background-image: url(../img/message/info.svg) !important; */
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-left: 0 !important;
}


/*.module-desk .desk {
  display: grid;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  background-color: #fff !important;
}*/
:root {

  /* Logo und CD/CI */

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

  --logo-file:                            url("../img/TraveNetz_RGB_black.png")  !important;
  --logo-path:                            url("../img/TraveNetz_RGB_black.png") !important;
  --logo-height:                          30px  !important;
  --logo-height-scrolled:                 29px  !important;
  --logo-position:                        center  !important;
  
  --logo-height-small:				      61px  !important;
  --header-height-small: 				  96px  !important;
  /* --login-bg-img-path:					  url("../img/Planauskunft_v2.gif") !important; */
  --login-bg-img-path:					  url("../img/planauskunft_Orig_Querformat.jpg") !important;
  
  /* Schriftarten */
  
  --default-font:                         'Arial', 'sans-serif'  !important;
  --heading-font:                         'Arial', 'sans-serif'  !important;
  
  /* Allgemeine Farben */
  
  /* Hauptfarbe inkl. Abstufungen */
  
  --color-primary:                        #e57607 !important;
  --color-primary-darken-5:               #e57607 !important;
  --color-primary-darken-10:              #e57607 !important;
  --color-primary-darken-15:              #e57607 !important;
  --color-primary-darken-20:              #e57607 !important;
  --color-text-on-primary:                #000000 !important;
  
  
  /*Schmuckfarbe */
  
  --color-secondary:                        #212f46 !important;
  --color-secondary-darken-10:              #212f46 !important;
  --color-secondary-lighten-15:             #212f46 !important;
  --color-secondary-lighten-36:             #212f46 !important;
  --color-secondary-lighten-45:             #212f46 !important;
  --color-secondary-lighten-48:             #212f46 !important;

  /* Textfarben */

  --color-link:                           #212f46   !important;
  --color-link-hover:                     #335E91   !important;

  /* Farben für Rahmen */

  --color-border:                         #fff  !important;
  --color-border-dark:                    #00376B  !important;
  --color-border-light:                   #0487FE  !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;

  /* Kopfbereich Inhalt */

  --color-content-header-bg:              #f5f5f5  !important;
  --color-content-header-text:            #000000  !important;   /* #e57607 das ist Überschrift Netzauskunft Anträge */
  --color-content-header-border:          #dfdfdf  !important;

  /* Kopfbereich der Seite */

  --color-header-bg:                      #e57607  !important;    /* #e57607 das ist oben die Headerzeile */
  --color-header-bg-dark:                 #00376B  !important;
  --color-header-shadow-scrolled:         rgba(0, 0, 0, 0.5)  !important;
  --color-header-border:                  #e57607  !important;

  --color-header-text:                    #000000  !important;
  --color-header-text-bg:                 #E6E6E6  !important;   
  --color-header-text-hover:              #fff     !important;
  --color-header-text-bg-hover:           #212f46  !important;  

  --color-header-search-icon:             #212f46  !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:                      #e57607  !important;  
  --color-footer-text:                    #454545  !important; 
  --color-footer-link:                    #FFFFFF  !important; 
  --color-footer-link-hover:              #FFFFFF  !important;  
  --color-footer-link-active:             #FFFFFF  !important;  
  --color-footer-start-bg:                #E7E7E8  !important;
  --color-footer-start-text:              #454545  !important;

  /* Schaltflächen / Buttons */

  --color-btn-default:                    #e57607    !important;
  --color-btn-default-hover:              #e57607   !important;
  --color-btn-default-text:               #000000      !important; 

  --color-btn-secondary:                  #e57607    !important;
  --color-btn-secondary-hover:            #e57607   !important;
  --color-btn-secondary-text:             #000000      !important;

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

  --color-btn-negative:                   #e57607    !important;
  --color-btn-negative-hover:             #ab2424   !important;
  --color-btn-negative-text:              #000000      !important;

  --color-btn-light-bg:                   #fff      !important;
  --color-btn-light-border:               #cacbd8   !important;
  --color-btn-light-text:                 #e57607    !important; /* #e57607 nicht gefunden  */
  --color-btn-light-text-hover:           #fff   !important;
  --color-btn-light-hover:                #212f46   !important;

  --color-button-ghost:                   #e57607    !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;

  /* Seitenbereich der Seite */

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

  --color-sidebar-title:                  #000000  !important; /* #e57607 zum Testen Magenta, hat sich aber nicht geaendert */
  --color-sidebar-title-btn-bg:           #005CB1  !important;
  --color-sidebar-title-btn-link:         #000000  !important; /* #e57607 zum Testen Magenta, hat sich aber nicht geaendert*/
  --color-sidebar-title-btn-bg-active:    #005CB1  !important;
  --color-sidebar-title-btn-link-active:  #005CB1  !important;
  --color-sidebar-title-btn-border:       #dfdfdf  !important;

  --color-sidebar-link:                   #005CB1  !important; 
  --color-sidebar-link-hover:             #005CB1  !important;
  --color-sidebar-link-hover-border:      #005CB1  !important;

  --color-sidebar-active-bg:              #e57607  !important; /* #e57607 nichts gefunden */
  --color-sidebar-active-border:          #e57607  !important;
  --color-sidebar-active-link:            #FFFFFF  !important;
  --color-nav-header-text:                #000000  !important;  /* #e57607 das ist die Textfarbe für Menu wenn man rechts ausklappe*/

  /* Seitenmenü / Navigation */

  --color-menu-trigger:                   #ffffff  !important;
  --color-menu-trigger-active:            #ffffff  !important;
  --color-menu-trigger-bg:                #ffffff  !important;
  --color-menu-trigger-bg-active:         #ffffff  !important; 
 
  --color-nav-bg:                         #FFFFFF  !important;  
  --color-nav-item-bg:                    #FFFFFF  !important;   
  --color-nav-text:                       #222  !important;  
  --color-nav-delimiter:                  #e57607  !important;   /* #e57607 magenta zum Testen das ist die Umrandung*/
  --color-nav-text-hover:                 #FFFFFF  !important;   /* Seitennavigation Auswahlschrift Weiß */
  --color-nav-bg-hover:                   #000000  !important;   /* Seitennavigation Hintegrund bei Auswahl schwarz */
  --color-nav-bg-active:                  #e57607  !important;    /* #e57607  das ist der obere Text, wo Planauskunft drin steht */
  --color-nav-text-active:                #000000  !important;     /* das ist dann der Text Planauskfunt */

  /* Benutzermenü */

  --color-user-menu-bg:                   #e57607  !important;
  --color-user-menu-border:               #e57607  !important;
  --color-user-menu-delimiter:            #e57607  !important;
  --color-user-menu-item-link:            #000000  !important; /* #FFFFFF das ist der Text Password ändern, meine Stammdaten etc */
  --color-user-menu-item-link-hover:      #FFFFFF  !important;  /* #FFFFFF*/
  --color-user-menu-item-link-hover-bg:   #212f46  !important;

  /* Box-Ínhalt */

  --color-box-bg:                         #fcfcfc  !important;
  --color-box-footer-bg:                  #f5f5f5  !important;
  --color-box-title:                      #000000  !important;  /* #e57607 magenta zum Testen */
  --color-box-title-hover:                #17205b  !important;
  --color-box-footer-link:                #e57607  !important;  
  --color-box-expandable-bg:              #fcfcfc  !important;

  /*Formular-Elemente */

  --color-form-primary:                   #e57607  !important; 
  --color-form-secondary:                 #005CB1  !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:              #e57607  !important; /* #e57607 Test nicht gefunden */
  --color-form-select-text:               #222     !important;
  --color-form-toggle-active:             #fff     !important;
  --color-form-toggle-bg-active:          #005CB1  !important;
  --color-form-toggle-border-active:      #005CB1  !important;
  --color-form-toggle-border-hover:       #005CB1  !important;
  --color-form-toggle-border:             #005CB1  !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;
  --color-form-icon:                      #e57607  !important;

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

  --color-modal-bg:                       #fff     !important;
  --color-modal-header-bg:                #e57607  !important;  /* #e57607 Test nicht gefunden *
  --color-modal-title:                    #fff     !important;
  --color-modal-text:                     #000000  !important;
  --color-modal-footer-bg:                #f5f5f5  !important;
  --color-modal-close-bg:                 #e57607  !important;
  --color-modal-close-bg-hover:           #212f46  !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:                    #212f46  !important;
  --color-tabs-link:                      #212f46     !important;
  --color-tabs-link-hover:                #335E91     !important;
  --color-tabs-link-active:               #335E91     !important;
  --color-tabs-indicator:                 #212f46  !important;

  /* Status-Farben */

  --color-positive:                       #4CAF50  !important;
  --color-negative:                       #D32F2F  !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;  

  /* Tabellen */

    --color-table-header:                   #e57607  !important;  /* #e57607 das ist die Überschriftenleiste der Tabelle z B Der Auskuenfte  */
     --color-table-header-text:              #000000     !important;  /* Text in der  Überschriftenleiste der Tabelle z B Der Auskuenfte */
    --color-table-row-background:           #fff     !important;
    --color-table-row-text:                 #222     !important;
    --color-table-highlight:                #0487FE  !important;
    --color-table-highlight-text:           #000     !important;
    --color-table-highlight-bg-dark:        #12ABE420!important;
    --color-table-selected:                 #339DFF  !important;  
    --color-table-selected-text:            #000000     !important;   /* #FFFFFF den selektierte Text in der Farbe über alle Auskünfts */
    --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:               #349bff  !important;  /* #ffe1cb die selektierte Farbe in der Auskunftstabelle über alle Auskünft */
    --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:           #e57607  !important;

    /* Funktions-Schaltflächen */

    --color-gf-link:                        #222     !important;
    --color-gf-bg:                          #fff     !important;
    --color-gf-border:                      #dfdfdf  !important;
    --color-gf-link-hover:                  #FFFFFF  !important;
    --color-gf-bg-hover:                    #212f46  !important;
    --color-gf-border-hover:                #212f46  !important;
    --color-gf-link-active:                 #FFFFFF  !important;
    --color-gf-bg-active:                   #e57607  !important;
    --color-gf-border-active:               #e57607  !important;
    --color-gf-link-disabled:               gray     !important;
    --color-gf-bg-disabled:                 #fff     !important;
    --color-gf-border-disabled:             #e7e7e7  !important;

    /* Datumauswahl (DatePicker) */

    --color-dp-bg:                          #fff     !important;
    --color-dp-border:                      #cacbd8  !important;
    --color-dp-link:                        #212f46  !important;
    --color-dp-header-bg:                   #e57607  !important;
    --color-dp-ctrl-bg:                     #f5f5f5  !important;
    --color-dp-month-nav-bg:                #000000     !important; /*  #fff TEST */
    --color-dp-full-month-border:           #fff     !important;
    --color-dp-circle-btn-bg:               #e57607  !important;
    --color-dp-circle-btn-text:             #fff     !important;
    --color-dp-circle-btn-border:           #e57607  !important;
    --color-dp-circle-btn-bg-hover:         #fff     !important;
    --color-dp-circle-btn-text-hover:       #e57607  !important;
    --color-dp-circle-btn-border-hover:     #fff     !important;
    --color-dp-select-bg:                   #fff     !important;
    --color-dp-select-text:                 #000000  !important;  /* #e57607 magenta zum Testen */
    --color-dp-select-border:               #e57607  !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:             #000000  !important;  /* #e57607 das ist der Tag */
    --color-dp-month-link-border:           #cacbd8  !important;
    --color-dp-month-today-link-bg:         transparent  !important;
    --color-dp-month-today-link-text:       #212f46  !important;
    --color-dp-month-today-link-border:     #cacbd8  !important;
    --color-dp-month-highlight-link-bg:     #e57607  !important;
    --color-dp-month-highlight-link-text:   #fff     !important;
    --color-dp-month-weekend-link-bg:       #f5f5f5  !important;
    --color-dp-month-weekend-link-text:     #000000  !important;  /* #e57607 das ist der Tag WE */
    --color-dp-month-selected-link-bg:      #212f46  !important;
     --color-dp-month-selected-link-text:    #fff     !important; /*  #fff Selektierter Tag */

    /* Zum Seitenanfang */

    --color-top-jump-bg:                    #e57607  !important;
    --color-top-jump-text:                  #cacbd8  !important;
    --color-top-jump-border:                #cacbd8  !important;
    --color-top-jump-circle:                #dfdfdf  !important;
    --color-top-jump-bg-hover:              #212f46  !important;
    --color-top-jump-text-hover:            #fff     !important;
    --color-top-jump-border-hover:          #212f46  !important;
    --color-top-jump-circle-hover:          #e57607  !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:                #596069  !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;

    --color-submenu-border:                 #fff     !important;
    --color-submenu-title-btn-bg:           rgb(244.8, 244.8, 244.8);
    --color-submenu-title-btn-link:         #000000  !important;  /*  #e57607 Magenta zum testen */
    --color-submenu-title-btn-bg-active:    rgb(244.8, 244.8, 244.8);
    --color-submenu-title-btn-link-active:  #212f46  !important;
    --color-submenu-title-btn-border:       #fff     !important;
    --color-submenu-link:                   #000000  !important;  /*  #e57607 im linken Aufklappmenu der Text */
    --color-submenu-link-hover:             #FFFFFF  !important;
    --color-submenu-link-hover-border:      #00376B  !important;
    --color-submenu-active-bg:              #00376B  !important;
    --color-submenu-active-border:          #00376B  !important;
    --color-submenu-active-link:            #FFFFFF  !important;
    --color-submenu-hover-bg:               #212f46  !important;

    --color-pb-finish-bg:                   #00376B !important;
    --color-pb-active-bg:                   #e57607 !important;
    --color-pb-border:                      #e57607 !important;

}

.page-nav-wrapper .page-nav .module-item .icon:hover {
  color: #FFFFFF !important;
}
.page-nav-wrapper .page-nav .module-item .icon {
  color: #222 !important;
}

.page-nav-wrapper .page-nav .module-item:hover .page-nav-label {
  color: #FFFFFF !important;
}

.page-nav-wrapper .page-nav .module-item:hover .module-lnk svg path, 
.page-nav-wrapper .page-nav .module-item:hover .module-lnk svg circle {
  fill: #FFFFFF !important;
}

.page-nav-wrapper .page-nav .module-item:hover .module-lnk { 
  background-color: #212f46 !important;
}
.view-sidebar {

    color: #000 !important;
}

.view-sidebar .view-sidebar-nav li, .view-sidebar .view-sidebar-nav ul li {
    color: #000 !important;
}