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

:root{

  /* PRIMARY COLOR ELEMENTS*/
  --color-primary:                        white;
  --color-link:								black;
  --color-header-bg:						white;
  --color-header-bg-dark:					white;
  --color-btn-default:						#ff6600 !important;
  --color-btn-default-hover:				#d32f2f !important;  
  
  --logo-path:							  url("../img/logo_swilm.png");  
  --logo-position:							top;
  --login-bg-img-path:						none;
  
  
}

/* GENERAL LAYOUT */
/* ==================================================================================== */

body {
  overflow: auto;
}

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

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

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

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

.brand-wrapper {
	background-color:	white !important;
}

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

/* .key-visual { */
  /* background-image: url("../img/swilm_banner.jpg") !important; */
  /* background-size: 300px; */
  /* background-position: top center !important; */
  /* background-color: #14775a; */
/* } */

@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 */
/* ==================================================================================== */

.brand-login {  
  margin-left: 15px;
  /* background-position: top !important; */
  background-size:		350px !important;
}
.brand-login-wrapper{
	height: 350px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.clickable-download-box .description
{
  float: left;
  display: block;
  margin-left: 20px;
}