/**
 * @copyright  Frenkelson Werbeagentur 2019 <https://frenkelson.de>
 * @author     Oliver Orlowski (ideefiXx) <https://oliver-orlowski.de>
 * @package    FrenkelsonSupportBundle
 * @license    LGPL-3.0+
 *
 */ 
 
 .tl_login_form::before {
	padding:0.7rem;
}


 
.codeFormat div{margin-left:1em;} 
.codeFormat div div{margin-left:2em;} 
.codeFormat div div div{margin-left:3em;} 
.codeFormat div div div div{margin-left:4em;} 
 
 
 
@import url('https://fonts.googleapis.com/css?family=Lato');

body{
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 0.875rem;
    line-height: 1;
    font-family: Lato, sans-serif;	
}


#tl_navigation .group-fwp_tts,#tl_navigation .group-fwp {background: url(../../bundles/ideefixxsupport/BE/img/support.svg) 3px 2px no-repeat;}
.tl_formbody_submit{position:fixed;bottom:0;width: 100%;display: flex;flex-direction: column;max-width: 900px;}
#main{padding-bottom:4em;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#header, #header .inner{background: #3FFF1B;color:#ffffff;}
#left .version  {background: #3FFF1B;color:#172b3b;}
#left .version a{color:#172b3b;}
body {background: #172b3b;background-image: url("../../bundles/ideefixxsupport/BE/img/bg.svg");background-size: 120px auto;background-attachment: fixed;background-position:bottom 50px right 50px;background-repeat: no-repeat;font: .875rem/1 Roboto, sans-serif;}
#tl_navigation .tl_level_1_group a{color: #3FFF1B;}
#tl_navigation .tl_level_2 a {color: #ffffff;}
#tl_navigation .tl_level_2 li.active {background-color: #172b3b;border-left-color: #3FFF1B;}




#left .version::before{content:'WICHTIGE INFORMATIONEN: \A \A Halten Sie die forlgenden \A Informationen immer bereit \A wenn Sie den Support kontaktieren. \A \A * * * \A \A SUPPORT HOTLINE: \A Mo - Fr  10 - 16 Uhr \A +49 331 270 65 95 \A 24/7 Online Support \A support@frenkelson.de \A \A * * * \A \A SYSTEM VERSION: \A';white-space:pre;}
/*
#left .version::after{content:' \A \A * * * \A \A RESSOURCE VERSION: \A - Customer Support 1.18.7.17 \A - SysLog 2.18.7.17';white-space:pre;}
*/
.limit_toggler button {
    width: 24px;
    line-height: 18px;
    color: #3FFF1B;
	font-size:30px;
}
.limit_toggler button span{display:block;}
.tl_login_form{margin-top:10%;}
.tl_login_form::before{content:url('../../bundles/ideefixxsupport/BE/img/logo_green.svg') '\A \A System Login';white-space:pre;position:relative;top:1em;text-align:center;display:block;font-weight:700;font-size:1.5em;height:4.6em;}
.tl_login_form .formbody h1{display:none;}

#header h1 a {display:none;}
#header h1::after {margin-top:5px;width:50px;height:50px;display:block;content: url('../../bundles/ideefixxsupport/BE/img/logo.svg');} 

#tmenu a:hover, #tmenu li:hover h2, #tmenu .burger button:hover {
    background-color: #ffffff;
	color:#333333;
}

#main{background: #ffffff;}

.sys_info a{color:#333333;}
.sys_info a:before{content: "\f0c1";font-family:FontAwesome;margin-right:0.1em;color:#3FFF1B;font-size:75%;}
.sys_info a:hover{color:#3FFF1B;}

.no-ext-link-icon a:before {
    display:none;
}

.bundleList th {
	text-weight:bold;
	font-size:110%;
}
.bundleList table {
	width:100%;
}
.bundleList td,.bundleList th {
	padding:0.5em;
}
.bundleList tr:nth-child(odd) {
	background:#f6f6f6;
}

.tip {background: #3FFF1B;}
.tip-top {border-bottom: 7px solid #3FFF1B;}
.tip-title,.tip div{color:#172b3b;}

.mh-05{min-height:0.5em;}
.mh-1{min-height:1em;}
.mh-2{min-height:2em;}
.mh-3{min-height:3em;}
.mh-4{min-height:4em;}
.mh-5{min-height:5em;}
.mh-6{min-height:6.5em;}

.pt-05{padding-top:0.5em;}
.pt-1{padding-top:1em;}
.pt-2{padding-top:2em;}
.pt-3{padding-top:3em;}
.pt-4{padding-top:4em;}
.pt-5{padding-top:5em;}
.pt-6{padding-top:6em;}


.text-red{color:#DB0132;}
.text-green{color:#3FFF1B;}
.text-blue{color:#336699;}
.text-white{color:#ffffff;}
.text-fat{font-weight:bold;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.cb{clear:both;}
.smallInfoTxt{font-size:80%;}

.panel{padding:0.5em;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.panel-heading{margin-bottom:0.3em;}
.panel-body{margin:0.3em 0;}
.panel-default{border:1px #c4c4c4 solid;margin-bottom:25px;}

@media (min-width: 992px)
{
	.w25 {
		width: calc(25% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
		min-height: 80px;
	}
	
	.w75 {
		width: calc(75% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
		min-height: 80px;
	}

	.w100 {
		width: calc(100% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
	}
	
	.w12 {
		width: calc(12.5% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
		min-height: 80px;
	}

	.w18 {
		width: calc(18% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
		min-height: 80px;
	}
}

@media (max-width: 991px)
{
	.w75 {
		width: calc(50% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
		min-height: 80px;
	}
	
	.w100 {
		width: calc(100% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
	}
	
	.w25 {
		width: calc(50% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
		min-height: 80px;
	}

	.w12 {
		width: calc(50% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
		min-height: 80px;
	}
	.w18 {
		width: calc(50% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
		min-height: 80px;
	}	
}

@media (max-width: 767px)
{
	.w25 {
		width: calc(100% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
		min-height: 80px;
	}
	
	.w75 {
		width: calc(100% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
		min-height: 80px;
	}
	
	.w100 {
		width: calc(100% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
	}

	.w12 {
		width: calc(100% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
		min-height: 80px;
	}
	
	.w18 {
		width: calc(100% - 30px);
		padding-left:15px;
		padding-right:15px;
		float: left;
		min-height: 80px;
	}

	.hide-mobile{display:none;}
}

.newColorBlock h2{margin:2em 15px 1em 15px;padding:1em 0;border-top:1px solid #e6e6e8;border-bottom:1px solid #e6e6e8;}


.ripple,.ripple:before,.ripple:after {
	display:block;
	border-radius:2px;
	width:2px;
	height:2px;
	-webkit-animation:rip 6s infinite ease-out;
	-moz-animation:rip 6s infinite ease-out;
}

.ripple {
	position:absolute;
	z-index:-1;
	bottom:100px;
	right:100px;
	overflow:hidden;
}
.ripple:before,.ripple:after {
	content:'';
	position:absolute;
}
.ripple:before {-webkit-animation-delay:2s;-moz-animation-delay:2s;top:5px;left:25px;}
.ripple:after {-webkit-animation-delay:8s;-moz-animation-delay:8s;top:25px;left:0;}
@-webkit-keyframes rip 
{
	0%  {
		box-shadow:0 0 0 0 transparent,
		0 0 0 0 transparent,
		0 0 0 0 transparent,
		0 0 0 0 transparent;
	}
	30%  {
		box-shadow:0 0 0 0 transparent,
		0 0 0 0 transparent,
		0 0 0 0 transparent,
		0 0 0 0 transparent;
	}
	45%  {
		box-shadow:0 0 40px 2200px rgba(255,255,255,0.05),
		0 0 0 0 rgba(55,43,91,0.01),
		0 0 0 0 rgba(255,255,255,0.05),
		0 0 0 0 rgba(255,255,255,0.01);
	}
	70% {
		box-shadow:0 0 40px 2200px rgba(255,255,255,0.01),
		0 0 10px 2210px transparent,
		0 0 30px 2220px rgba(255,255,255,0.01),
		0 0 5px 2230px transparent;
	}
	100%  {
		box-shadow:0 0 40px 4200px transparent,
		0 0 0 0 transparent,
		0 0 0 0 transparent,
		0 0 0 0 transparent;
	}
}
@-moz-keyframes rip 
{
	0%  {
		box-shadow:0 0 0 0 transparent,
		0 0 0 0 transparent,
		0 0 0 0 transparent,
		0 0 0 0 transparent;
	}
	30%  {
		box-shadow:0 0 0 0 transparent,
		0 0 0 0 transparent,
		0 0 0 0 transparent,
		0 0 0 0 transparent;
	}
	45%  {
		box-shadow:0 0 40px 2200px rgba(255,255,255,0.05),
		0 0 0 0 rgba(55,43,91,0.01),
		0 0 0 0 rgba(255,255,255,0.05),
		0 0 0 0 rgba(255,255,255,0.01);
	}
	70% {
		box-shadow:0 0 40px 2200px rgba(255,255,255,0.01),
		0 0 10px 2210px transparent,
		0 0 30px 2220px rgba(255,255,255,0.01),
		0 0 5px 2230px transparent;
	}
	100%  {
		box-shadow:0 0 40px 4200px transparent,
		0 0 0 0 transparent,
		0 0 0 0 transparent,
		0 0 0 0 transparent;
	}
}
/**
 * @copyright  Frenkelson Werbeagentur 2019 <https://frenkelson.de>
 * @author     Oliver Orlowski (ideefiXx) <https://oliver-orlowski.de>
 * @package    FrenkelsonSupportBundle
 * @license    LGPL-3.0+
 *
 */ 
/**
 * @copyright  Frenkelson Werbeagentur 2019 <https://frenkelson.de>
 * @author     Oliver Orlowski (ideefiXx) <https://oliver-orlowski.de>
 * @package    FrenkelsonSupportBundle
 * @license    LGPL-3.0+
 *
 */ 
#picker-menu a.faqPicker{background-image:url(../../bundles/contaofaq/faq.svg)}

.tl_content.wrapper_start .title, .tl_content.wrapper_separator .title {
    background: #f9f9f9;
    display: block;
    padding: 4px 4px 4px 6px;

}

.tl_content.wrapper_start .title {
    margin: 0 3px -6px;
}

.tl_content.wrapper_separator .title {
    margin: 0 -6px -6px;
}

.clr {
    display: table;
}

.multicolumnwizard .tl_select {
    margin-top: 2px;
    margin-bottom: 0 !important;
}

.bootstrapMultiColumnWizard.hideSubLabels table table thead{
    display: none;
}

.bootstrapMultiColumnWizard.hideSubLabels > table > tbody > tr> td.operations {
    padding-top: 4px;
    vertical-align: top;
}

.bootstrapMultiColumnWizard.alignOperations > table > tbody > tr> td.operations {
    padding-top: 20px;
    vertical-align: top;
}

input[readonly] {
    background: #eee;
}

.bootstrapMultiColumnWizard.striped td{
    padding: 3px;
}
.bootstrapMultiColumnWizard.striped tr:nth-child(2n) td
{
    background: #eee;
}

.bootstrapMultiColumnWizard.striped .operations {
    padding-right: 5px;
}

.bootstrapMultiColumnWizard .multicolumnwizard {
    margin-top: 0;
}

.bootstrap-wrapper-incomplete {
    display: block;
    background: rgba(255,0,0,0.8);
    color: #fff;
    padding: 4px;
    margin: 0 -6px -6px;
}

.bootstrap-wrapper-incomplete:hover {
    color: #fff;
    background: #ff0000;
}

.tl_content_left .tl_content{border-bottom:0;border-top:1px solid #e9e9e9;padding-right:0;padding-left:30px}.tl_content_left .tl_content::before{content:url("/bundles/heimrichhannotcontaoutils/img/icon-subrecord-arrow.png");display:inline-block;float:left;margin-right:5px;margin-bottom:-5px}.tl_content_left .tl_content:first-of-type{margin-top:7px}.tl_content_left .tl_content:last-of-type{padding-bottom:0}

#main form.tl_login_form .widget.lost-password{text-align:right;margin:8px 0}

#picker-menu a.newsPicker{background-image:url(../../bundles/contaonews/news.svg)}
#picker-menu a.eventPicker{background-image:url(../../bundles/contaocalendar/calendar.svg)}