.et_pb_row {
	margin:1px;
	width:100%;
}
	
div.zi_forecast {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-size: 100%;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;

}

#chartcontainer {
width:calc(100%-20px);
height: 400px;
}

#saldo, #mySum
{
	width:100px;
	background-color:#f7f7f7;
	border:1px solid #e6e6e6;
	padding:2px 2px 2px 2px;

}



input.mutations
{




float:left;
}

table.postcatform {
border:0;
}
table.postcatform tr {
border:0;
}
table.postcatform  th{
width:100px;
}
table.postcatform  td{
width:auto;
}

p.mutations
{
/* font-family: Verdana; */
font-weight: bold;
font-size: 12px;
/* color: #404040; */
margin: 0.2em 0;
}

#myform2, #myform, table.mutations
{
margin: 0.2em 0;
font-weight:normal;
width:100%;
}

table.mutations
{
	border: 1px solid #eee;

    border-spacing: 0px;
}

table.mutations tr, table.mutations td
{
	border-top: 1px solid #eee;
}

table.mutations tr.trinactive
{
	display:none;
}

table.mutations th, table.mutations td
{
padding: 0.2em;
}

table.mutations tr.odd th, table.mutations tr.odd td
{
background-color:#fafafa; 
}

table.mutations tr.nicemonth th, table.mutations tr.nicemonth td
{
/* background-color:#dddddd; */
}


table.mutations th
{
	font-weight:bold;
	text-align:left;
}

table.mutations td.check
{
	width:16px;
}

 table.mutations td.date 
 {
	width:90px;
    min-width: 90px;
}

 table.mutations td.amount 
 {
	width:70px;
    max-width: 70px;
    min-width: 50px;
}



 table.mutations td.action 
 {
	width:30px;
    white-space: nowrap;
}


 table.mutations td.amount , table.mutations th.amount , table.mutations td.saldo , table.mutations th.saldo 
 {
	text-align:right;
    white-space: nowrap;
}

 table.mutations td.description 
 {
    min-width: 300px;
    max-width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

 table.mutations td.buttons 
 {
	width:25px;
    min-width: 25px;
}

table.mutations tr.cancelled 
{

    text-decoration: line-through;

}

 /*table.mutations td.type 
{
	width:120px;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
*/
table.mutations td.muttype , table.mutations th.muttype , table.mutations td.saldo , table.mutations th.saldo , table.mutations td.mutpost , table.mutations th.mutpost, table.mutations td.mutcat , table.mutations th.mutcat, div.summer
{
display: none;
}

table.mutations td.mutdesc, table.mutations th.mutdesc
{
	width:auto;
	font-size:70%;
	white-space: nowrap;
}

table.mutations td.unique,table.mutations th.unique  
{
	width:16px;
	font-size:70%;
}

table.mutations td.mutdate, table.mutations th.mutdate
{
	width:60px;
	font-size:70%;
	white-space: nowrap;
}

table.mutations td.amount, table.mutations th.amount
{
	font-size:70%;
	white-space: nowrap;
}

table.mutations td.muttype, table.mutations th.muttype
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	width:100px;
	font-size:70%;
	white-space: nowrap;

}
	
table.mutations td.saldosm , table.mutations th.saldosm {
		font-weight:bold;
		font-size:70%;
		white-space: nowrap;

	}
	
	select.mutpost, select.mutcat {
    font-weight: normal !important; 

}

tr.trmouseover td {
	background-color:#dae7b2 !important;
}

tr.trselected td {
	background-color:#6d8e0d !important;
	color:white !important;
}

tr.trselected td button.ui-datepicker-trigger
{
	filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(276deg) brightness(102%) contrast(103%);
}

@media (min-width: 800px) {
	.et_pb_row {
	margin:3%;
	width:100%;
}

 table.mutations td.mutdate , table.mutations th.mutdate , table.mutations td.muttype , table.mutations th.muttype , table.mutations td.saldo , table.mutations th.saldo, table.mutations td.amount, table.mutations th.amount , table.mutations td.mutdesc, table.mutations th.mutdesc, table.mutations td.mutpost , table.mutations th.mutpost, table.mutations td.mutcat , table.mutations th.mutcat
	{
		display: table-cell;
	font-size:100%;
	}	

	table.mutations td.saldosm , table.mutations th.saldosm {
		display: none;
	font-size:100%;
	}
	
	div.endcredit {
		display:inline; 
		
	}
	div.endcreditshort {
		display:inline; 
		color:red;
	}
	div.summer {
		display:inline; 
		float:right;
	}
	
	table.mutations td.muttype , table.mutations th.muttype {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width:200px;
	}

}

@media (min-width: 500px) {
  table.mutations td.mutdate , table.mutations th.mutdate ,table.mutations td.saldo , table.mutations th.saldo , table.mutations td.amount, table.mutations th.amount, table.mutations td.mutdesc, table.mutations th.mutdesc
	{
		display: table-cell;
	font-size:100%;
	}	

	table.mutations td.saldosm , table.mutations th.saldosm {
		display: none;
	font-size:100%;
	}
	div.endcredit {
		display:inline; 
		
	}
	div.endcreditshort {
		display:inline; 
		color:red;
	}
}

.forecastform input[type="text"] {

margin-left: 0;
    border: none;
    padding: 0px;
    font-size: 13px;
	background-color: transparent;
    margin-bottom: 0;
    font-weight: 600;
	min-width:35px;
}



.forecastform select, select.mutpost, select.mutcat  {
margin-left: 0;
    border: none;
    padding: 0px;
    font-size: 13px;
	background-color: transparent;
    color: black;
    margin-bottom: 0;
    font-weight: 600;
	min-width:102px;
	}
	
	
.forecastform input[type="checkbox"]  {
	margin-left: 0;
    border: none;
    font-size: 13px;
	background-color: transparent;
    color: black;
    margin-bottom: 0;
    font-weight: 600;
	display:inline;
	}

	.forecastform input[type="radio"]  {
		margin-left: 2px;
	}

input.button, button.ui-datepicker-trigger {
	position: relative;
	padding: 2px 2px 2px 2px;
	font-size: 16px;
	font-weight: 500;
}

input.button {
	width:75px;
	background-color: #555;
	border: 0px solid;
	color:white;
	text-align:center;
}
input.button:selected {
	background-color: #555;
	border: 2px solid;
}

input.button:hover {
	background-color: #999;
	border: 2px solid;
}

button.ui-datepicker-trigger {

	width:0px;
	height:0px;
	border:0px;
	padding:0px;
	margin:0px;
}

h1.demo::after {
	 content: " - Demo Mode!"; color: #6e8e0d; 
}

.forecastform input.hasDatepicker {
	width:calc(100% - 24px);
}

.forecastform input.hasDatepicker1 {
	width:calc(100% - 24px);
}

.forecastform label {
	height:16px;
	color:#555;
	padding:0px;
	font-weight:normal;
	line-height:16px;
}

span.spanbutton {
	display:inline-block;
}

span.spanbutton svg
{
	cursor:pointer;	
	margin:0px 1px 0px 0px;
	padding:0px;
	height:20px;
	width:20px;
}

span.execute {
	color:green;
}

span.cancel {
	color:red;
}

.bg1 {
	background-color:#f7f7f7;
}

#dayinweek, #dayinmonth, select.dayinmonth {
    width: calc(100% - 10px);
}
#recurweeks {
    width: calc(100% - 60px);
}
.forecastformline {
	
	position:relative;
	border:1px solid #e6e6e6;
	border-radius:6px;
	padding:2px 2px 2px 2px;
	margin-bottom:10px;
	margin-right:6px;
	display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;
	min-height:55px;
}

.forecasthalfleft {
	width:calc(50% - 5px);
	float:left;
}
.forecasthalf {
	width:calc(50% - 5px);
	
}
.forecastwhole {
	width:calc(100% - 34px);
	
}

div.forecastformlinedivider {
width:calc(100% - 10px);
height:2px;
border-bottom:1px solid #555 ;
	margin-bottom:10px;
}

.forecastformline span{ 
font-style:italic;
display:block;
width:calc(100% - 10px);

}

.forecastformline span.spanbutton{ 
font-style:italic;
display:unset;
width:unset;
}

.forecastform {
	width:100%;
	max-width:800px; 
	background:#fff;
	border-radius:10px;
	overflow:hidden;
	padding:2px 2px 2px 2px;}

@media(max-width:450px){
	.forecasthalfleft {
		width:calc(100% - 4px);
		float: none;

	}
	.forecasthalf {
		width:calc(100% - 4px);

	}

}

.forecastinput{
	width:calc(100% - 10px);background:0 0;font-size:18px;color:#555;line-height:1.2;padding-right:15px
}

input.amount{
width:calc(100% - 150px);
}

input.forecastinput{height:20px}

select.forecastinput{
height:20px;
color:#4e4e4e;
}
textarea.forecastinput{min-height:120px;padding-top:9px;padding-bottom:13px}

table.forecastformline  {
border:0;
}
table.forecastformline td {
padding:3px 3px;
border:0;
}

.mutationbar {
  overflow: hidden;
  background-color: #454545;
  color:white;
  z-index:2 !important;
  text-align:center;
 	white-space: nowrap;
	width:100%;
	height:32px;  
	vertical-align:center;
margin:0px;
  }
  
.mutationbar .spanbutton {
  background-size: 100% 100%;
    display: inline-block;
   position:relative;
  right:5px;	
	top:2px;
	padding-right: 6px;
}

.mutationbar .spanbutton svg {
  height: 28px;
  width:28px;
	
}

.mutationbar .mutations_amountselected {
  line-height: 32px;
  height: 32px;
	font-size:18px;
  text-align: center;
  display: inline-block;
    vertical-align: top;
	font-weight:lighter;
}

.mutationbar span.stop {
background-image: url(../img/reply-all.svg);
background-repeat: no-repeat;
background-size: 28px 28px;
width:28px;
  line-height: 32px;
  display: inline-block;
  vertical-align: top;
	margin-right: 12px;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(137deg) brightness(103%) contrast(101%) !important;
}


.ui-datepicker-div {
	 z-index:2 !important;
}





::placeholder, -ms-input-placeholder,-moz-placeholder {color:#d3d3d3}