tfoot input {
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
    }
    
    .barChart {
    	margin-bottom: 50px;
    }
    
     .h1Line {
     
     	margin-bottom: 30px;
     	font-weight:bold;
     
     }
     
     
     #div-marken, #div-style {
     	display:flex;
     	flex-wrap:wrap;
     }
     
     .divCustomerSizes {
     	
     	margin-top:20px;
     	border:1px solid #979797;
     	padding:15px;
     	width:calc(100% - 40px);
	    margin:20px;
	          
     }
     
     .customerSizes {
		width:100%;
     }
     
     .customerSizes tr:last-child td {
     
     	border:0;
     
     }
            
     .customerSizes td {
     	padding:20px 0px;
     	border-bottom:1px solid #979797;
     }
     
     .customerSizes td.last {
     	text-align:right;
     }
     
     .customerSizes td.last > select {
     	width: 100px;
     	height:35px;
     }

     .divCustomerOptions {
     	
     	margin-top:20px;
     	border:1px solid #979797;
     	padding:15px;
     	width:calc(100% - 40px);
	    margin:20px;
	          
     }
     
     .customerOptions {
		width:100%;
     }
     
     .customerOptions tr:last-child td {
     
     	border:0;
     
     }
            
     .customerOptions td {
     	padding:20px 0px;
     	border-bottom:1px solid #979797;
     }
     
     .customerOptions td.last {
     	text-align:right;
     }
     
     .customerOptions td.last > select {
     	width: 150px;
     	height: 35px;
     }
     
     .divCustomerCampaigns {
     	margin:20px;
     }

    
/* Main */
h4{
	font-size: 26px;
    font-weight: bold;
    color: #4a4a4a;
}
.lisvgptag{
float: left;
    padding: 0px;
    margin-left: 10px;
    margin-top: 5px;
	margin-bottom: 8px;
}
.lisvgtag{
	float: left;
}

svg#Layer_1 {
    fill: #fff;
}

/* Allgemeine Klassen für die Formulare */

.fieldHeadline {
	/*padding-top:30px;*/
	padding-left:28px;
}

.buttonDiv {
	text-align:center;	
}

.input {
	padding: 0px 15px;
	height: 52px;
}

.select {
	height:52px;
}

.headlineMargin {
	margin: 50px 15px 30px 15px;
}

.barChart {
	margin-bottom: 50px;
}

/* Campaign */

#campaign {
	color: #4a4a4a;
}

.campaignContainer {
	width:100%;
	float:left;
}

/* DIVs */

#divGutscheinCodeEinheitlich,
#divGutscheinBlock,
#divCampaignEntryVersand {
	display:none;
}

.divHeadline {
	background-color:#4a4a4a;
	color:#fff;
	font-weight:bold;
	padding:5px 20px;
}

.divHeadline > p {
	padding:0;
	margin:0;
}

.divControlLine {
	width:100%;
	float:left;
}

.divControlLine > div {
	 width:75%;
	 margin:0 auto;
}

.divControlLine .controlLine {
	margin:10px;
}

.divButtonLine {
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
	width:100%;
}

.divButtonLine > button {
	margin:0 auto;
}
	
.campaignContainer > .left,
.campaignContainer > .middle,
.campaignContainer > .right {
	width:33.3%;
	float:left;	
	padding:0px;
}

.campaignContainer > .left > ul,
.campaignContainer > .middle > ul {
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}

.campaignContainer > .left > ul > a > li {
	float:left;
	width:calc(50% - 20px);
	background-color: #f5a623;
	color: #fff;
	margin-left:10px;
	margin-right:10px;
    min-height: 150px;
    text-align: center;
    padding:10px;
}
	
.campaignContainer > .middle > ul > li {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	margin-bottom: 20px;
	padding: 15px 20px;
}

.campaignContainer > .right > .title {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	padding: 5px 20px;
	text-align:center;
}

.campaignFormular h2 {
	
}

#location {
	color: #4a4a4a;
}

.locationContainer {
	width:100%;
	float:left;
}

.locationContainer > .left,
.locationContainer > .middle,
.locationContainer > .right {
	width:33.3%;
	float:left;	
	padding:10px;
}

.locationContainer > .left > ul,
.locationContainer > .middle > ul {
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}

.locationContainer > .left > ul > a > li {
	float:left;
	width:calc(50% - 20px);
	background-color: #9013fe;
	color: #fff;
	margin-left:10px;
	margin-right:10px;
    min-height: 150px;
    text-align: center;
    padding:10px;
}
	
.locationContainer > .middle > ul > li {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	margin-bottom: 20px;
	padding: 15px 20px;
}

.locationContainer > .right > .title {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	padding: 5px 20px;
	text-align:center;
}

#customer {
	color: #4a4a4a;
}

.customerContainer {
	width:100%;
	float:left;
}

.customerContainer > .left,
.customerContainer > .middle,
.customerContainer > .right {
	width:33.3%;
	float:left;	
	padding:10px;
}

.customerContainer > .left > ul,
.customerContainer > .middle > ul {
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}

.customerContainer > .left > ul > a > li {
	float:left;
	width:calc(50% - 20px);
	background-color: #50e3c2;
	color: #fff;
	margin-left:10px;
	margin-right:10px;
    min-height: 150px;
    text-align: center;
    padding:10px;
}
	
.customerContainer > .middle > ul > li {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	margin-bottom: 20px;
	padding: 15px 20px;
}

.customerContainer > .right > .title {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	padding: 5px 20px;
	text-align:center;
}

/* Bereich zum Editieren und anlegen neuer Kunden */

.customerEdit {
	width:100%;
}

.customerEdit .headline {
	margin-bottom:40px;
}

.customerEdit .titleLine {
	background-color:#D8D8D8;
	height:70px;
	width:100%;
	line-height:70px;
	font-weight:bold;
	text-align:center;
}

.customerEdit .titleContent {
	width:100%;
	margin-top:-20px;
	margin-bottom:20px;	
}

.customerEdit .titleContent > .img-circle {
	background-color:#4a4a4a;
	width:159px;
	height:157px;
	margin:0 auto;
	color:#fff;
	text-align:center;
	line-height:157px;
	overflow:hidden;
}

.customerEdit .titleContent > .img-circle > img {
	max-width:100%;
}

.customerEdit .titleContent > .img-footer {
	width:100%;
	text-align:center;
	margin:0 auto;
}

.customerEdit > .left,
.customerEdit > .right {
	float:left;
	width:25%;
}

.customerEdit > .middle {
	float:left;
	width:50%;	
}

.customerEdit > .left ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.customerEdit > .left ul li {
	background-color:#c7c7cd;
	padding: 6px 10px 6px 28px;
	margin:1px 0px;
	cursor:pointer;
}

.customerEdit > .left ul li:hover,
.customerEdit > .left ul li.active {
	background-color:#9AAFC9;
}

/* TYPO3 Übersicht */

#campaignt {
	color: #4a4a4a;
}

.campaigntContainer {
	width:100%;
	float:left;
}

.campaigntContainer > .left,
.campaigntContainer > .middle,
.campaigntContainer > .right {
	width:100%;
	float:left;	
	padding:10px;
}

.campaigntContainer > .left > ul,
.campaigntContainer > .middle > ul {
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}

.campaigntContainer > .left > ul > a > li {
	float:left;
	width:calc(50% - 20px);
	background-color: #f5a623;
	color: #fff;
	margin-left:10px;
	margin-right:10px;
    min-height: 150px;
    text-align: center;
    padding:10px;
}
	
.campaigntContainer > .middle > ul > li {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	margin-bottom: 20px;
	padding: 15px 20px;
}

.campaigntContainer > .right > .title {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	padding: 5px 20px;
	text-align:center;
}

#customert {
	color: #4a4a4a;
}

.customertContainer {
	width:100%;
	float:left;
}

.customertContainer > .left,
.customertContainer > .middle,
.customertContainer > .right {
	width:100%;
	float:left;	
	padding:10px;
}

.customertContainer > .left > ul,
.customertContainer > .middle > ul {
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}

.customertContainer > .left > ul > a > li {
	float:left;
	width:calc(25% - 20px);
	width:150px;
	background-color: #50e3c2;
	color: #fff;
	margin-left:10px;
	margin-right:10px;
    min-height: 150px;
    text-align: center;
    padding:10px;
}
	
.customertContainer > .middle > ul > li {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	margin-bottom: 20px;
	padding: 15px 20px;
}

.customertContainer > .right > .title {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	padding: 5px 20px;
	text-align:center;
}

#locationt {
	color: #4a4a4a;
}

.locationtContainer {
	width:100%;
	float:left;
}

.locationtContainer > .left,
.locationtContainer > .middle,
.locationtContainer > .right {
	width:100%;
	float:left;	
	padding:10px;
}

.locationtContainer > .left > ul,
.locationtContainer > .middle > ul {
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}

.locationtContainer > .left > ul > a > li {
	float:left;
	width:calc(50% - 20px);
	background-color: #9013fe;
	color: #fff;
	margin-left:10px;
	margin-right:10px;
    min-height: 150px;
    text-align: center;
    padding:10px;
}
	
.locationtContainer > .middle > ul > li {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	margin-bottom: 20px;
	padding: 15px 20px;
}

.locationtContainer > .right > .title {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	padding: 5px 20px;
	text-align:center;
}

#consultantt {
	color: #4a4a4a;
}

.consultanttContainer {
	width:100%;
	float:left;
}

.consultanttContainer > .left,
.consultanttContainer > .middle,
.consultanttContainer > .right {
	width:100%;
	float:left;	
	padding:10px;
}

.consultanttContainer > .left > ul,
.consultanttContainer > .middle > ul {
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}

.consultanttContainer > .left > ul > a > li {
	float:left;
	width:calc(50% - 20px);
	background-color: #b8e986;
	color: #fff;
	margin-left:10px;
	margin-right:10px;
    min-height: 150px;
    text-align: center;
    padding:10px;
}
	
.consultanttContainer > .middle > ul > li {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	margin-bottom: 20px;
	padding: 15px 20px;
}

.consultanttContainer > .right > .title {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	padding: 5px 20px;
	text-align:center;
}

#configt {
	color: #4a4a4a;
}

.configtContainer {
	width:100%;
	float:left;
}

.configtContainer > .left,
.configtContainer > .middle,
.configtContainer > .right {
	width:100%;
	float:left;	
	padding:10px;
}

.configtContainer > .left > ul,
.configtContainer > .middle > ul {
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}

.configtContainer > .left > ul > a > li {
	float:left;
	width:calc(50% - 20px);
	width:150px;
	background-color: #4a4a4a;
	color: #fff;
	margin-left:10px;
	margin-right:10px;
    min-height: 150px;
    text-align: center;
    padding:10px;
}
	
.configtContainer > .middle > ul > li {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	margin-bottom: 20px;
	padding: 15px 20px;
}

.configtContainer > .right > .title {
	width:100%;
	float:left;
	background-color: #4a4a4a;
	color: #fff;
	padding: 5px 20px;
	text-align:center;
}

/* Formular */

.einladungen,
.bonusschecks,
.gutscheine,
.fashionnews,
.magazin {
	display:none;
}

.detail-row {
	width: 90%;
	margin:auto;
}

tr.xhidden, td.xhidden {
	padding: 0px !important;
	border: none !important;
}

.detail-links {
	width: 50%;
	float: left;
}
.detail-rechts {
	width: 50%;
	float:right;
}

.contact-line {
	overflow: hidden;
}

p.phead {
	text-align: center;
	font-style: italic;
	margin-top: 5px;
}

p.contact-links {
	border:1px solid #ccc;
	background: #eee;
	border-radius: 5px;
	text-align: right;
	padding: 5px 10px;
	width: 90%;
	float: left;
}
p.contact-links-input {
	width: 10%;
	float:right;
	text-align: center;
	line-height: 110px;
}
p.contact-rechts {
	border:1px solid #ccc;
	background: #eee;
	border-radius: 5px;
	padding: 5px 10px;
	width: 90%;
	float: left;
}
p.contact-rechts-input {
	width: 10%;
	float:left;
	text-align: center;
	line-height: 110px;
}

.action-button-box {
	text-align: center;
	margin-bottom: 20px;
	clear:both;
}

input.input-sm {
	margin:0px 10px 0px 3px;
}

.dup-loader {
	margin: 5px auto;
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


#canvas-loader {
	height: 570px;
	position: absolute;
	width: 1140px;  
} 

#table-loader {
	height: 400px;
	width: 1140px;  
} 

#circle {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 150px;
	height: 150px;  
}

.loader {
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	border: 8px solid transparent;
	border-top: 8px solid #008417;
	border-radius: 50%;
	animation: rotate 3s linear infinite;
}

@keyframes rotate {
	100% {transform: rotate(360deg);}
}

/*campaignTable Styles (ssch 06.2020)
06.2020 https://solserviceonline.eu.teamwork.com/#/tasks/10689479 */
#campaignTable .data_showOnTop {
	width: 4px;
}
#campaignTable tr.isFav,
#campaignTable tr.isFav td:nth-child(1) {
  background-image: -webkit-linear-gradient(top, #d9edf7 0, #b9def0 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0, #b9def0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9edf7), to(#b9def0));
  background-image: linear-gradient(to bottom, #d9edf7 0, #b9def0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
}