/* GENERAL COLOR SETUP FOR CUSTOMER SWSZ-Netz Gmbh */
/* ==================================================================================== */

:root{
  /* LAYOUT BACKGROUND-COLORS */
  --enbw-theme-primary-color:                #000099 !important; /* DUNKELBLAU */
  --enbw-theme-primary-color-hover:          #14775a !important; /* GRUEN */
  --enbw-theme-footer-start-color-bg:		 #c1d9d2 !important; /* HELL-GRUEN */
  --enbw-theme-footer-text-color:			 white !important;
  --enbw-theme-login-background-color:		 #ececec !important;

  /* LAYOUT TEXTS */
  --enbw-theme-primary-text-color:           #333333 !important; /*Gray20 */
  --enbw-theme-primary-text-color-hover:     #0278d4 !important; /*Gray20 */
  

  /* PRIMARY COLOR ELEMENTS*/
  --color-primary:                        var(--enbw-theme-login-background-color) !important;  
  --color-header-bg:                      var(--enbw-theme-primary-color) !important; /* Navbar General */
  --color-header-text-bg:                 var(--enbw-theme-primary-color) !important; /* Usermenu button */
  --color-header-text:                    var(--enbw-theme-primary-color) !important;  
  --color-footer-text:					  var(--enbw-theme-footer-text-color) !important;
  --color-footer-start-bg:                var(--enbw-theme-footer-start-color-bg) !important;
  --color-brand-bg:                       var(--enbw-theme-primary-color) !important;
  --color-footer-bg:                      var(--enbw-theme-primary-color) !important;
  --color-brand-border:                   var(--enbw-theme-primary-color) !important;
  --color-header-border:                  var(--enbw-theme-primary-color) !important;
  --color-nav-bg:                         var(--enbw-theme-primary-color) !important;
  --color-nav-item-bg:                    var(--enbw-theme-primary-color) !important;
  --color-nav-delimiter:                  var(--enbw-theme-primary-color) !important;
  --color-btn-default:					  var(--enbw-theme-primary-color) !important;  				
  --color-secondary: 						var(--enbw-theme-primary-color) !important;
  --color-secondary-darken-10:					var(--enbw-theme-primary-text-color-hover) !important;
  --color-link:								var(--enbw-theme-primary-color) !important;
  --color-brand-border:						var(--enbw-theme-login-background-color) !important;
  /* --color-btn-default-hover:				var(--enbw-theme-primary-color) !important;*/
  /* --color-btn-default-text:					white !important;  */
  
  /* --color-table-header:                   var(--enbw-theme-primary-color) !important; */
  --color-menu-trigger-bg:					var(--enbw-theme-primary-color) !important;
  --color-primary-darken-5:               var(--enbw-theme-login-background-color) !important;
  --color-primary-darken-10:              var(--enbw-theme-primary-color) !important;
  --color-primary-darken-15:              var(--enbw-theme-primary-color) !important;
  --color-menu-trigger-bg:                var(--enbw-theme-primary-color) !important; /* Slidemenu button */

  /* HOVERED OR ACTIVE PRIMARY COLOR ELEMENTS */
  --color-header-text-bg-hover:           var(--enbw-theme-primary-color) !important; /* Usermenus button mouseon */
  --color-nav-bg:							var(--enbw-theme-primary-color) !important;
  --color-nav-bg-active:                  var(--enbw-theme-primary-color-hover) !important;
  --color-nav-bg-hover:                   var(--enbw-theme-primary-color-hover) !important;

  /* TEXT ELEMENTS */
  --color-complementary:                  white !important; /*var(--enbw-theme-primary-text-color) !important;*/
  --color-menu-trigger:                   var(--enbw-theme-primary-text-color) !important; /* Slidemenu button */
  --color-header-text:                    var(--enbw-theme-primary-text-color) !important; /* Usermenu button text */
  --color-nav-text-active:                var(--enbw-theme-primary-text-color) !important;
  --color-footer-start-text:              var(--enbw-theme-primary-text-color) !important;  
  --color-user-menu-item-link:            var(--enbw-theme-primary-text-color) !important;

  /* HOVERED TEXTS */
  --color-header-text-hover:              var(--enbw-theme-primary-text-color) !important; /* Usermenu button text mouseon */
  --color-nav-text-active-hover:          var(--enbw-theme-primary-text-color) !important;
  --color-menu-trigger-bg-active:         var(--enbw-theme-primary-color) !important;
  --color-menu-trigger-active:            var(--enbw-theme-primary-text-color) !important;
  --color-nav-text:                       var(--enbw-theme-primary-text-color) !important;
  --color-nav-text-hover:                 var(--enbw-theme-primary-text-color) !important;
/*  --color-nav-item-bg:						var(--enbw-theme-primary-text-color) !important;*/
  --color-user-menu-item-link-hover:      var(--enbw-theme-primary-text-color) !important;
  
  --logo-height-small:						36px !important;
  
  /*--logo-file:                            url("../img/logo_enwor.png") !important;*/
  /*--logo-height:                          36px !important;*/
  /*--logo-height-scrolled:                 27px !important;*/
}

.toggle-user-menu {
  --color-header-text: white !important; /* var(--enbw-theme-primary-text-color) !important; *//* Usermenu button text */
}
/* GENERAL LAYOUT */
/* ==================================================================================== */

body {
  overflow: auto !important;
}

.page .page-content, .with-sidebar .view {
  width: 100% !important;
  font-size: 16px !important;
  font-family !important; "Noto Sans", "Arial", sans-serif
}

.module-desk .page .page-content {
  max-height: none !important;
  /* height:auto !important; */
}

.page .page-header {
  width: 100% !important;
}

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

/* BANNER IMAGE */
/* ==================================================================================== */

.key-visual {
  /* background-image: url("../img/enwor_bg.png") !important; */
  background-position: top center !important;
  background-color: #14775a !important;
}

@media screen and (min-width: 64em) {
  .key-visual {
    height: 500px !important;
    min-height: 500px !important;
  }
}

@media screen and (min-width: 40.063em) and (max-width: 64em) {
  .key-visual {
    min-height: 384px !important;
  }
}

/* NAVIGATION */
/* ==================================================================================== */
 
 @media only screen and (orientation: portrait) and (max-width: 33.75em), only screen and (min-width: 33.8125em) and (max-width: 51.25em) {
    .login .wrapper-right {
        width: 100vw;
        height: 100vh !important;
        position: relative;
    }
}
 
 .wrapper-right  {	 
	 background-size: 15vw !important;
	 background-position: left 24px bottom 24px;
     background-repeat: no-repeat;
     background-image: url(../img/PatternIBAUPortal.svg);	 
 }

.login .wrapper-right {
    width: 100vw !important;
}


.brand-title {
	height: 10vh;
}
.brand-title p{
    font-size: xx-large;
	font-weight: bold;
}



.modal .modal-content {
    vertical-align: top !important;
}

div#login_page {
    
    margin-bottom: 0px;
	height: 68vh;
}

div#login_description {
    line-height: 1.2em !important;
	margin-bottom:130px !important;
}

div#login_content {
    margin-top: 10px !important;
	padding: 0px !important;
}

form#login_form {
	margin-top: 30px !important;
    background-color: var(--color-content-bg) !important;
}

form#login_form > .form-block{
	 padding-left:0px	!important;
	 padding-right:0px	!important;
}

.row {
	 padding-left:0px	!important;
	 padding-right:0px	!important;
}


div#messageBox > p {
    font-size: medium  !important;
	font-weight: 600   !important;
}


.form-error, .form-block-msg {
   font-size: medium  !important;
	font-weight: 600   !important;
}

/*
#login_form > .row  {
    background-color: yellow;
    padding: 0px;
}
*/


 .brand-login-wrapper {
	position: unset !important;
    height: 20vh !important;
  }

.brand-login {
	background-image: url(../img/NetzeBWLogo.svg) !important;
    background-color: #FFFFFF !important;
    background-size: 185px auto !important;
    background-repeat: no-repeat;
    background-position: center bottom 15px !important;
}


.brand-wrapper {
  float: left !important;
  height: 100% !important;
}

.brand {
	background-image: url(../img/NetzeBWLogo.svg) !important;
	background-color: white !important;
    background-size: 185px auto !important;	
}	

#activation_page div.brand-wrapper, #forgotpassword_page div.brand-wrapper, #register_page div.brand-wrapper {
	height: 84px !important;}


.module-Task .brand-wrapper {
  margin-left: 80px !important;
}

.module-user .brand-wrapper {
  margin-left: 40px !important;
}

.page-header-search:before {
  color: black !important;
}

.form-success {
    font-weight: bolder !important;
}


/* FOOTER COLORING */
/* ==================================================================================== */

.page-footer-start {
  margin-bottom: 0px !important;
}

.page-footer-start h1, .page-footer-start h2, .page-footer-start h3, .page-footer-start h4 {
  color: #c1d9d2 !important; /* #222222 !important;*/
}

.page-footer-start a {
  color: #c1d9d2 !important;
}

.clickable-download-box
{
  padding:5px 10px !important;
  margin-bottom:5px !important;
  border:1px solid #BBBBBB !important;
  border-radius:5px !important;
  background-color:white !important;
}

.help-section{
  background-color:white !important;
}

.help-section .page-content-header
{
  background-color:white !important;
}

.clickable-download-box img
{
  width:50px !important;
}

.clickable-download-box 
{
  display: inline-block !important;
  width: 100% !important;
}

.clickable-download-box .symbol
{
  display: block !important;
  width: auto !important;
  float: left !important;
}

.clickable-download-box .description
{
  float: left !important;
  display: block !important;
  margin-left: 20px !important;
}
.maps-button-group-right > li > a[title="Screenshot"]
{
    display: none;
}