@charset "utf-8";
/* CSS Document */
html{
	overflow-y: scroll;
}
body{
	background-color:#f5f5f5;
}
.smalltable{
	font-size:0.8em;
}
ul.rechkopf{
	
}
ul.rechkopf li{
	float:left;
	padding-left:0.3em;
}
.auto{
    margin: .2rem 0 0.1rem 0;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
	font-size:10pt;
}
.col_even{
	background-color:#ffffff;
}
.col_odd{
	background-color:#f5f5f5;
}
.headerrechnung{
	font-size:0.9em;
}
.datums li{
	float:left;
	width:50%;
}
.aus{
	opacity:0.4;
}
.rechnungover:hover{
	background-color:#fffff3;
}
table.rechnung td{
	padding:0.1em;	
}
table.buchung{
	font-size:11pt;
}
table.buchung td{
	padding:0.1em;	
}
#rechnungsListeContainer ul.collapsible li
{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
#umsatzListeContainer .collapsibleBuchung
{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.collapsibleBuchung li{
	white-space:nowrap;
}
#bcontainer p{
	margin:0px;
}

div.colb{
	width:20%;
	float:left;
}
ul.collapsibleBuchung div.collapsible-body
{
	padding: 2rem;
}

@media only screen and (min-width: 100px) {
   #historieContainer i.umsatz { 
      font-size: 3em; 
   }
   #colbuttons a{
	   width:20px;
	   height:20px;
	   line-height:20px;
   }
   #colbuttons i{
	   font-size:1em;
	   line-height:20px;
   }
}
@media only screen and (min-width: 481px) {
   #historieContainer i.umsatz { 
      font-size: 3em; 
   }
   #colbuttons a{
	   width:20px;
	   height:20px;
	   line-height:20px;
   }
   #colbuttons i{
	   font-size:1em;
	   line-height:20px;
   }
}
@media only screen and (min-width: 641px) {
   #historieContainer i.umsatz { 
      font-size: 4em; 
   }
   #colbuttons a{
	   width:25px;
	   height:25px;
	   line-height:25px;
   }
   #colbuttons i{
	   font-size:1.1em;
	   line-height:25px;
   }
}
@media only screen and (min-width: 961px) {
   #historieContainer i.umsatz { 
      font-size: 5em; 
   }
   #colbuttons a{
	   width:34px;
	   height:34px;
	   line-height:34px;
   }
   #colbuttons i{
	   font-size:1.2em;
	   line-height:34px;
   }
}
@media only screen and (min-width: 1281px) {
   #historieContainer i.umsatz { 
      font-size: 6em; 
   }
   #colbuttons a{
	   width:40px;
	   height:40px;
	   line-height:40px;
   }
   #colbuttons i{
	   font-size:1.5em;
	   line-height:40px;
   }

}


/* FORMS */

/* label color */
   .input-field label {
     color: #000;
   }
   /* label focus color */
   .input-field input[type=text]:focus + label {
     color: #000;
   }
   /* label underline focus color */
   .input-field input[type=text]:focus {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }
   /* valid color */
   .input-field input[type=text].valid {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }
   /* invalid color */
   .input-field input[type=text].invalid {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: #000;
   }
   .input-field {
    /*  color:orange; */
	 color:#333;
   }
   
	/* label focus color */
    .input-field input[type=password]:focus + label, .input-field input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label {
     color: #ff5722 !important;
    }

	/* label focus color */
	input.valid:not([type]), input.valid:not([type]):focus, input[type=text].valid:not(.browser-default), input[type=text].valid:not(.browser-default):focus, input[type=password].valid:not(.browser-default), input[type=password].valid:not(.browser-default):focus, input[type=email].valid:not(.browser-default), input[type=email].valid:not(.browser-default):focus, input[type=url].valid:not(.browser-default), input[type=url].valid:not(.browser-default):focus, input[type=time].valid:not(.browser-default), input[type=time].valid:not(.browser-default):focus, input[type=date].valid:not(.browser-default), input[type=date].valid:not(.browser-default):focus, input[type=datetime].valid:not(.browser-default), input[type=datetime].valid:not(.browser-default):focus, input[type=datetime-local].valid:not(.browser-default), input[type=datetime-local].valid:not(.browser-default):focus, input[type=tel].valid:not(.browser-default), input[type=tel].valid:not(.browser-default):focus, input[type=number].valid:not(.browser-default), input[type=number].valid:not(.browser-default):focus, input[type=search].valid:not(.browser-default), input[type=search].valid:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid>input.select-dropdown{
     /* color: #ff5722 !important; */
	 border-bottom:1px solid #ff5722;
	 box-shadow: 0px 0px 0px 0px;
    }

	/* label underline focus color */
     .input-field input[type=password]:focus, .input-field input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
     border-bottom: 1px solid #ff5722 !important;
     box-shadow: 0 1px 0 0 #ff5722 !important;
    }
	
	#loginwindow{
		border-radius: 10px;
	}

.collapsible-body{
	background-color:#f9f9f9;
}
.formcontainer{
	padding:2em;
	background-color:#FFF;

}
.dokumente{
	padding:2em;
	background-color:#FFF;
}
.lastschrift{
	padding:2em;
	background-color:#FFF;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.centerflex{
	justify-content: center;
	display:flex;
  flex-direction: column;
  text-align: center;
}
h2{
	font-size:1.7em;
}
.zuweisen{
	padding:1em;
	background-color:#fff;
	border:1px solid #ddd;
	margin-bottom:0.5em;
}
.ueberfaellig{
	border-left:2px solid #F00;
	border-right:2px solid #F00;
}
.nicht_ueberfaellig{
	border-left:2px solid #5b9303;
	border-right:2px solid #5b9303;
}
tr.zahlung td:first-child
{
	border-left:1px solid #afafaf;	
}
tr.zahlung td:last-child{
	border-right:1px solid #afafaf;		
}
tr.zahlung td{
	padding:0.2em;
}
table.zahlungen tr:first-child{
	border-top:1px solid #afafaf;	
}
table.zahlungen tr:last-child{
	border-bottom:1px solid #afafaf;	
}
tr.zahlung.odd td{
	background-color:#dedede;
}
tr.zahlung.even td{
	background-color:#fcfcfc;
}
.rechnung_bezahlt{
	background-color:#edffc7;
}
.rechnung_uneinbringbar{
	background-image: repeating-linear-gradient(90deg, #ffd5d5, #ffd5d5 30px, #fff 30px, #fff 60px);
}
.rechnung_storno
{
	background-image: repeating-linear-gradient(90deg, #fffa7e, #fffa7e 30px, #f5f5f5 30px, #f5f5f5 60px);	
}
img.small{
	width:2em;
}
.HoverCollection
{
	cursor:pointer;
}
.HoverCollection:hover{
	background-color:#f4f4f4;
}
.selectedKurz.collection-item{
	background-color:#fff5dc;
}
.history_eintrag{
	font-size:9pt;
	background-color:#FFF;
	border:1px solid #ddd;
	padding:0.6em;
	cursor:pointer;
}
.history_eintrag:hover{
	background-color:#f4f4f4;
}
.umsatzFull{
	background-color:#fff;
	border:1px solid #f4f4f4;
	padding:1rem;
}
.umsatzFull i{
	width: 2rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    margin-right: 1rem;
}
.force-select {  
  -webkit-user-select: text;  /* Chrome 49+ */
  -moz-user-select: text;     /* Firefox 43+ */
  -ms-user-select: text;      /* No support yet */
  user-select: text;          /* Likely future */   
}
.infofeld{
	background-color:#093;
	color:#fff;
	padding:1rem;
}
.norowmargin{
	margin-bottom:0px;
}
.mahninfo{
	background-color:#fff;
	color:#3d3d3d;
	padding:1rem;
	border:1px solid #f4f4f4;
}
.message{
	background-color:#fff;
	color:#3d3d3d;
	padding:1rem;
	border:1px solid #f4f4f4;
	margin-bottom:0.1em;
}
.unread
{
	background-color:#fae9e9;
}
.lastschriften
{
	border-left:2px solid #cb2bff;
	border-right:2px solid #cb2bff;
}
.col{
	box-sizing:border-box;
}
.umsatzl{
	border:1px solid #c2c2c2;
	padding:1em;
	margin-bottom:2px;
}
#umsatz_edit_form input{
	margin-bottom:4px;
}
.abgleichLinks{
	float:left;
	width:40%;
}
table.abgleich tr:nth-child(even) {background: #f2f2f2}
table.abgleich tr:nth-child(odd) {background: #dbdbdb}
tr.marked td{
	background-color:#F49F24;
}
.jsonlokal{
	width:50%;
	float:left;
}
.jsonserver{
	width:50%;
	float:left;
}
.inner50label{
	background-color:#f4f4f4;
}
.inner50{
	width:50%;
	float:left;
	min-height:1em;
	padding-left:0.3em;
}
.inner50end{
}
.inner50betrag.eingang{
	background-color:#a9e1b8;
}
.inner50betrag.ausgang{
	background-color:#e1a9a9;
}
.inner50datum{
	background-color:#f4f4f4;
}
.zahlungen{
	border-bottom:1px solid #3b3b3b;
	font-size: 1.2em;
	color: #3b3b3b;
	margin-top:0.5em;
	margin-bottom:0.4em;
}
.trenner{
	background-color: #9B9B9B;
	padding:0.2em;
	text-align: center;
	margin-bottom:0.4em;
}
span.bezahlt{
	color:#34a428;
}
span.offen{
	color:#ff3838;
}
span.ueberzahlt{
	color:#1c39a7;
}