/*
Empty file - this file might be replaced in projects
Static Files Folder to apply a custom branding to
the website.
*/

.wrapper-left {
    background-image: var(--logo-file) !important;
	background-size: contain !important;
    background-color: var(--color-brand-bg) !important;
	background-position: center !important;
    float: left;
    position: relative;
	width: 66vw !important;
}

.wrapper-right {
    background-color: #FFF !important;
	width: 34vw !important;
}

.brand {
	background-image: url("../img/suec-logo-2021.jpg");
    background-size: auto 90% !important;
}

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

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

.modal-content {
	padding: -25px !important;
    line-height: 1.5rem !important;
	color: var(--color-modal-text);
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.footer-nav {
  margin-left: -10px !important;
  width: 100% !important;
}

.flag__body h2 {
    color: var(--color-primary);
}


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_header_left h1{
	color: white !important;
	font-size: 3rem;
	font-weight: normal;
	text-align: center;
}

div#login_page {
    background-image: url("../img/suec-logo-2021.jpg");
    background-color: #FFFFFF !important;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center top 10px;
    margin-bottom: -90px;
}

div#login_description {
    margin-top: 120px !important;
    padding-left: -20px !important;
    padding-right: -20px !important;
    line-height: 1.2em;
}

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

div#login_page_footage_right {
    margin-top: 10px !important;
    color: #FFF !important;
}

div#login_content {
    margin-top: 10px;
}

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


span.password-info {
    font-size: .875rem;
}



/* FÜR SECURED */

.page-header {
    background-image: url(../img/suec-logo-2021.jpg);
    background-size: contain !important;
	background-repeat: no-repeat;
	background-position: 130px;
}

.page-footer-start {
	border-top: none !important;
	background-color: var(--color-footer-start-bg);
	color: #000 !important;
	margin-top: 48px !important;
	margin-bottom: -24px !important;
	padding: 24px 0 !important;
}

.page-footer-start h1, .page-footer-start h2, .page-footer-start h3, .page-footer-start h4, .page-footer-start a {
    color: #000 !important;
}

.full-width-container {
	background-color: var(--color-full-width-container);
	padding-top: 48px;
	padding-bottom: 48px !important;
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	margin-top: 0px !important;
	margin-bottom: -48px !important;
}

.page-nav-wrapper .page-nav-secondary li {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	display: table-cell;
	text-align: center;
	background-color: #6F1D25 !important;
	border-right: 1px solid #46121A !important;
}

.page-nav-wrapper .page-nav-secondary li:hover {
	background: #46121A !important;
}

.page-nav-wrapper .page-nav-secondary li:last-child:hover,
.page-nav-wrapper .page-nav-secondary li:last-child:active {
	color: var(--color-primary-darken-20);
	background-color: #46121A !important
}

.view.legacy {
	display: inline;
    overflow-y: auto !important;
    height: 95% !important;
}

.view-sidebar-sub-title {
	font-size: 0px;
}	




:root {


  /* BRAND/LOGO */
  --logo-file: url(../img/suec-center-tagbild_NEU.jpg);
  --logo-height: 100%;
  --logo-height-scrolled: 50%;
  --logo-height-small: 100%;
  --logo-height-app: 20%;
  /*--logo-position: left;*/
  --logo-position: 5px;
  --logo-login: 10px;
  /* FONT */
  --default-font: "Nunito", sans-serif;
  --heading-font: "Nunito", sans-serif;
  /* COLORS */  
  --color-primary: #c20057;
  --color-secondary: #c20057;  
  --color-primary-darken-5: #c20057;
  --color-primary-darken-10: #464646;    
  --color-link: #c20057;
  --color-link-hover: #464646;
  --color-button-ghost: #c20057;  
  --color-header-bar-bg: #c20057;
  /* buttons */
  --color-btn-default: #c20057;
  --color-btn-default-hover: #464646;
  --color-btn-secondary: #c20057;
  --color-btn-secondary-hover: #464646;
  --color-btn-light-text: #c20057;
  --color-btn-light-hover: #464646;    
  /* forms */
  --color-form-primary: #c20057;
  --color-form-secondary: #c20057;
  --color-form-select-title: #c20057;  
  --color-form-toggle-bg-active: #c20057;
  --color-form-toggle-border-active: #c20057;
  --color-form-toggle-border-hover: #464646;  
  /* modal */
  --color-modal-header-bg: #c20057;
  --color-modal-close-bg: #464646;
  /* header */
  --color-header-bg: #c20057;
  --color-header-bg-dark: #c20057;
  --color-header-text-bg: #c20057;
  --color-header-border: #c20057;
  --color-brand-bg: #c20057;
  --color-brand-border: #464646;
  --color-menu-trigger-bg: #464646;
  --color-menu-trigger-bg-active: #464646;
  /* content header */
  --color-content-header-text: #c20057;  
  /* box */
  --color-box-title: #c20057;
  --color-box-title-hover: #464646;
  /* footer */
  --color-footer-bg:#c20057;
  --color-footer-start-bg: #f1f1f1;
  --color-footer-text: #fff;
  --color-footer-link: #fff;
  --color-footer-start-bg: #f1f1f1;
  --color-box-footer-link: #c20057;
  --color-footer-start-text: #fff;
  /* sidebar */
  --color-sidebar-title: #c20057;
  --color-sidebar-title-btn-link: #c20057;
  --color-sidebar-title-btn-link-active: #c20057;
  --color-sidebar-active-bg: #c20057;
  --color-sidebar-active-border: #c20057;
  --color-sidebar-link-hover: #464646;
  /* nav */
  --color-nav-text-active: #c20057;  
  --color-nav-item-bg: #464646;
  --color-nav-bg-hover: #000000;    
  /* user menu */
  --color-user-menu-item-link: #c20057;
  --color-user-menu-item-link-hover: #464646;  
  /* global function nav */
  --color-gf-bg-active: #c20057;
  --color-gf-bg-hover: #464646;
  --color-gf-border-active: #c20057;
  --color-gf-border-hover: #464646;    
  /* progress bar */
  --color-pb-finish-bg: #c20057;
  --color-pb-active-bg: #c20057;  
  /* table */
  --color-table-header: #c20057;
  /* tabs */
  --color-tabs-indicator: #c20057;
  /* arrow steps */
  --color-arrow-step-active-bg: #c20057;
  /* datepicker */
  --color-dp-select-border: #464646;
    
  --color-dp-header-bg: #c20057;  
  --color-dp-month-link-border: #F7C7BD;
  --color-dp-month-today-link-border: #F7C7BD;
  --color-dp-month-today-link-border: #F7C7BD;
  --color-dp-border: ##F7C7BD;
  --color-dp-month-weekend-link-text: #f5f5f5;
  --color-dp-link: #c20057;
  --color-dp-circle-btn-border: ##F7C7BD;
  --color-dp-circle-btn-bg: ##F7C7BD;
  --color-dp-ctrl-bg: #f5f5f5;
  --color-dp-circle-btn-text-hover: #F7C7BD;
  --color-dp-month-link-text: #c20057;
  --color-dp-month-highlight-link-bg: #c20057;
  --color-dp-month-weekend-link-text: #c20057; 																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																		 
}