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
{
	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;
}

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: 70px;
}



 table.mutations td.action 
 {
	width:30px;
    
}


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

 table.mutations td.description 
 {
    min-width: 300px;
    max-width: 300px;
    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%;
}

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

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

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

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

}
	
table.mutations td.saldosm , table.mutations th.saldosm {
		font-weight:bold;
		font-size:70%;
	}
	
	select.mutpost, select.mutcat {
    font-weight: normal !important; 

}

@media (min-width: 800px) {
 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.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.zi_forecast 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;
}



div.zi_forecast 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;
	}
	
	
div.zi_forecast input[type="checkbox"]  {
	margin-left: 0;
    border: none;
    font-size: 13px;
	background-color: transparent;
    color: black;
    margin-bottom: 0;
    font-weight: 600;
	display:inline;
	}

	div.zi_forecast 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 {
	min-width:75px;
	background-color: #555;
	border: 0px solid;
	color:white;
}
input.button:selected {
	min-width:75px;
	background-color: #555;
	border: 2px solid;
}

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

button.ui-datepicker-trigger {
	height:18px;
	width:18px;
	border: 0;
	background-color: transparent;
	color:#555;
	padding:0px;
}

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

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

span.spanbutton, span.spanbutton button.ui-datepicker-trigger, span.spanbutton button
{
	cursor:pointer;	
	margin:0px 1px 0px 0px;
padding:0px;
}

span.spanbutton svg
{
	cursor:pointer;	

	height:18px;
	width:18px;
}

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% - 4px);
	
}

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);

}

.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:green;
}
textarea.forecastinput{min-height:120px;padding-top:9px;padding-bottom:13px}

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



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