@charset "utf-8";
/* CSS Document */




div.createFolder  { position:absolute !important; top:0px; left:0px; z-index:2; background: rgba(0,0,0,0); width:20%; }


div.addStart { display:inline-block; float:left; background: rgba(255,255,255,0.80); width:32px; height:32px; margin:4px 6px 2px 6px; background-position: center; background-repeat: no-repeat; background-size: 24px;  border-radius: 16px; cursor:pointer; }
div.addStart.active { background: rgba(200,200,200,0.80); }

div#calenderPartreturns div.addStart { background-image: url("material/baseline-folder-24px-blue.svg"); }
div#calenderPartregular div.addStart { background-image: url("material/baseline-folder-24px-orange.svg"); }


div#calenderPartreturns div.addStart.active,
div#calenderPartregular div.addStart.active { background-image: url("material/ic_cancel_white_24px.svg"); background-size: 32px; } 

div.createFolder > div.addWind {  position:relative; width: calc(100% - 48px); max-width:calc(100% - 48px); float:right; height:36px; margin-top:2px; box-sizing: border-box; padding-top:2px; background-color:rgba(255,255,255,1.00); border-radius: 18px; }

div.createFolder > div.addWind > input, 
div.createFolder > div.addWind > div  		{ display:inline-block; float:left; position:relative; box-sizing: border-box; margin-top: 2px; margin-left: 2px; height:28px; min-height:28px; padding:4px;  }
div.createFolder > div.addWind > input 		{ width:calc(100% - 68px); background-size:14px; font-size:110%; background-repeat: no-repeat; background-position: 95% center; margin-left: 10px; background-color:rgba(255,255,255,1.00); box-sizing: border-box; }
div.createFolder > div.addWind > input.fail { background-image: url("material/ic_error_black_24px.svg"); border-bottom: 1px solid rgba(255,0,4,1.00); } 
div.createFolder > div.addWind > input.done { background-image: url("material/ic_done_black_18px.svg"); border-bottom: 1px solid rgba(0,255,120,1.00); }

div.createFolder > div.addWind > input.fail {  }

div.createFolder > div.addWind > div.addGroup {  width:54px; background-color: rgba(255,255,255,0.00); cursor: pointer;

	background-image: url("material/baseline-create_new_folder-24px.svg");
	background-position: center; 
	background-repeat: no-repeat; 
	background-size:32px;

}
div.createFolder > div.addWind > div.addGroup:hover { opacity:1 !important; }

div#calenderPartregular div.createFolder > div.addWind > div.addGroup { background-image: url("material/baseline-create_new_folder-24px-orange.svg"); }



div.createFolder > div.addWind > input { background-image: url("material/baseline-create_new_folder-24px-white.svg"); }

div.createFolder > div.addWind > div.addGroup {  background-image: url("material/baseline-create_new_folder-24px.svg"); opacity:0.2; }


div.addWind { display:none !important; }
div.addWind.active { display:inline-block !important; }











div.folderHeadline { display:inline-block; position:relative; width:100%; min-height:35px; max-height:35px; float:left; box-sizing: border-box; padding:9px 12px 6px 50px !important;  background-size: 19px; background-position: 7px center; background-repeat: no-repeat; color:#454545; font-size:107%; text-align: left; font-weight:400; 

-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 */


}
div.folderHeadline > span:hover { color:#111; }





div.folderHeadline:before { display:block; position:absolute; width:45px; height:35px; content:''; background-repeat: no-repeat; background-position: center; background-size:contain; left:3px; top:0px;  }
div.folderHeadline small { display:block; position:absolute; height:14px; width:28px; top:13px; font-size:10px; padding-top: 1px; text-align: center; left:11.5px; text-shadow: 0px 0px 0px #000000; color:rgba(146,146,146,1.00); letter-spacing: 0px; }

div.folderHeadline.default:before, 
div.folderHeadline.default small { display:none; }
div.folderHeadline.default 	{ width:100%; color:rgba(166,166,166,0); padding:0px !important; }

div.folderHeadline.alert > small { color:#FFFFFF;  }
div.folderHeadline.alert > small > span { margin-left: 3px; font-weight: bold; font-size:8.25px; }


div.miniButton  		{ display: block; position:absolute; height:28px; width:28px; margin:1px; background-size:20px; border-radius: 14px; box-sizing:border-box; background-position:center; background-repeat: no-repeat; padding:0px; background-color:rgba(51,51,51,1.00); cursor:pointer; opacity:0.5; top:1px; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.56);
box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.56); }
div.miniButton:hover    { opacity:1; }

div.miniButton.delete 			{ background-color: #bbb; background-image: url("material/ic_delete_forever_white_18px.svg"); left:calc(20% - 30px); }
div.miniButton.delete:hover 	{ background-color: rgba(170,0,3,1.00); }
div.miniButton.move 			{ background-color: #F5F5F5; background-image: url("material/ic_arrow_upward_black_24px.svg");   left:calc(20% - 93px); }
div.miniButton.move.downwards 	{ background-image: url("material/ic_arrow_downward_black_24px.svg");   left:calc(20% - 62px); }

span.sortcontentBox div.folderHeadline:first-child 	 		div.miniButton.move.upwards 	{ display:none; }
span.sortcontentBox div.folderHeadline:nth-last-child(4) 	div.miniButton.move.downwards 	{ display:none; }

div.miniButton.move.hidden { display:none !important; }




div.miniButton.toggleExpand 	{ background-color: #F5F5F5; background-image: url("material/ic_visibility_off_black_24px.svg"); right:48px; }
div.miniButton.toggleExpand.minimized { background-image: url("material/ic_visibility_black_24px.svg"); }

div.miniButton.toggleExpand, div.miniButton.toggleExpand.minimized { display:none !important; }


div.folderbox 								{ display:inline-block; position:relative; float:left; width:99.8%; margin-left: 0.1%; min-height:35px; background: #ededed; box-sizing:border-box !important }
div.folderbox:before, div.folderbox:after 	{ content:''; display:block; width:0.1%; height:100%;  box-sizing:border-box !important; position: absolute; top: 0px; }

div.folderbox:before 	{ left:-0.1%;  }
div.folderbox:after 	{ right:-0.1%; }

div.folderbox.default 	{ min-height:35px; margin-left: 0%; padding-bottom:0px; width:100% !important }
div.folderbox.default:before, div.folderbox.default:after { display:none }
div.folderIdent 		{ position: relative; top:0px; height:0px !important; background: rgba(0,124,255,0.00); width:100%; margin-bottom: 0px; }



div.folderbox.minimized 	{ display:none !important; }







div.folderHeadline:before 						{ background-image: url("material/baseline-folder-24px.svg");     }
div.folderHeadline.isopen:before 				{ background-image: url("material/baseline-folder-24px-open.svg"); }


div#calenderPartreturns div.folderHeadline:before 				{ background-image: url("material/baseline-folder-24px-blue.svg");   	 	}
div#calenderPartreturns div.folderHeadline.isopen:before 		{ background-image: url("material/baseline-folder-24px-open-blue.svg");     }
div#calenderPartregular div.folderHeadline:before 				{ background-image: url("material/baseline-folder-24px-orange.svg");     	}
div#calenderPartregular div.folderHeadline.isopen:before 		{ background-image: url("material/baseline-folder-24px-open-orange.svg");   }


div#calenderPartreturns div.folderHeadline.alert:before 		{ background-image: url("material/baseline-folder-24px-blue-alert.svg") !important; }
div#calenderPartreturns div.folderHeadline.alert.isopen:before 	{ background-image: url("material/baseline-folder-24px-open-blue-alert.svg") !important; }
div#calenderPartregular div.folderHeadline.alert:before 		{ background-image: url("material/baseline-folder-24px-orange-alert.svg") !important; }
div#calenderPartregular div.folderHeadline.alert.isopen:before 	{ background-image: url("material/baseline-folder-24px-open-orange-alert.svg") !important; }





div#calenderPartreturns div.folderHeadline > small {  color:#fff;  }
div#calenderPartregular div.folderHeadline > small {  color:#fff;  }




div.folderbox, 
div.folderbox:not(.default)			{ background: rgba(249,249,249,1); }

div.folderHeadline,
div.folderbox:before, 
div.folderbox:after 				{ background: rgba(238,238,238,1); }

div.folderbox:hover, 
div.folderbox:not(.default):hover	{ background: rgba(255,255,255,1); }




div.folderHeadline:not(.isopen):hover, 
div.folderbox:hover:before, 
div.folderbox:hover:after 				{ background: rgba(242,242,242,1); }


div.folderHeadline:not(.default)  	{ border-bottom: 1px solid rgba(0,0,0,0.067); }



div.folderHeadline.isopen 			{ /* background: rgba(255,255,255,1); */ border-bottom: 1px solid rgba(0,0,0,0.10)  }
div.folderHeadline.default			{ background: rgba(226,226,238,1); max-height:1px !important; min-height:1px !important;  }
span.sortcontentBox > div.folderHeadline.hidden 			{ display: none !important; }






/*

div.calenderBody div.folderbox:not(.default) div.calenderRow.checked {
     
	line-height: 34px !important;
	height: 34px !important;
	min-height: 34px !important;
    opacity: 1;
	
	
}


.calenderRow.info:not(.mitarb) > span { padding-top: 6.5px !important;
line-height: inherit;
display: block; }




.calenderRow.info.openall:not(.mitarb):before {
	
	display:	block;
	width:		100%;
	text-align:	center;
	position:	absolute;
	content:	'nur fehlerhafte';
	color: 		#fff;
	font-size:  12px;
	font-weight:300;
	top:		4px;
	line-height: 12px;
	
	
	
}

.calenderRow.info.openall:not(.mitarb).active:before {
	
	content:	'alle';
	
	
}
*/


div.calenderRow.info.openall::after { margin-left: -143px; }


div.calenderRow.info.openall.wide::after { margin-left: -280px !important; } 





