/* colours */
	/*

	sötétkék 	#1D374B
	narancs 	#F16521
	zöld 		#8CC63E
	kék 		#00ADEF
	vil.szürke	#EFF0F4

	#1D374B,#00ADEF,#8CC63E,#E77E23,#494041,#C0392B,
	#7F8C8D,#F16521,#1ABC9C,#E5654C,#0099C6,#DD4477,
	#DC3912,#6C0F2A,#EE9900,#109618,#B82E2E,#990099,
	#66AA00,#BBBBBB,#555555

	*/

/* document wide  */

	html {
		padding: 0px;
		margin: 0px;
	}
	body{
		font-size: 12px;
		height: 100%;
		background-color: #333333;
		/*overflow-y:scroll;*/

		background-color: #ffffff;
		background-repeat: repeat;

	}
	body.iframe{
		background-color: white;
		background-image: none;
		height: auto;
		width: auto;
		min-height: 100%;
		min-width: 100%;
	}
	.bg-wrapper{


		height: 100%;
	}
	.clear{
		clear: both;
	}
	.pointer{
		cursor: pointer;
	}
	a{
		text-decoration: none;
	}
	a:hover{
		text-decoration: underline;
	}
	input.text{
		border: 1px solid #CCCCCC;
		background-color: #fff;
		padding: 3px;
	}
	th,td{
		vertical-align: middle;
	}
	fieldset {
		border: 0 none;
		padding: 0;
	}

	.right{
		text-align: right;
	}

/* wrappers, panes */
	.main h2,#iframe-wrapper h2{
		font-size: 15px;
		padding: 0px;
		margin: 0px;
	}
	.contentinside p{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.top-wrapper h2{
		padding: 5px;
		margin-bottom: 7px;
	}
	.main-wrapper h2,#iframe-wrapper h2{
		padding: 5px 5px 5px 0px;
		margin-top: 10px;
	}
	#main{
		width: 100%;
		height: 100%;
	}
	.logo{
		display: block;
		height: 47px;
		width: 147px;
		position: relative;
		top: 0px;
		left: 0px;
		background: transparent url() center center no-repeat;
		background-size: contain;
	}
		.logo .xmas:after{
			content: " ";
			background: transparent url("data:image/png;base64,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") center center no-repeat;
			background-size: contain;
			display: block;
			position: absolute;
			top: 1px;
			right: 2px;
			height: 20px;
			width: 20px;
			transform: scaleX(-1) rotate(-29deg);
		}
	.topmenu a.menutoggle{
		display: none;
	}
	.top-wrapper{
		position: fixed;
		top: 0px;
		width: 100%;



		z-index: 25;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

	}
	.slidepane{
		width: auto;
		height: auto;
		padding: 10px;
		display: none;
		background-color: #ffffff;

	}
	.sidepane-wrapper{
		float: right;
		padding: 10px;
		border-left: 1px solid #EFF0F4;
		line-height: 140%;
		/*min-height: 250px;*/
		min-width: 260px;
	}
	.sidepane-wrapper a{
		/* color: white; */
	}

	.togglewbar{
		display: none;
		float: right;
	}

	.toppane{
		width: auto;
		min-height: 47px;
		height: auto;
		padding: 0px 10px;
		line-height: 47px;
		background-color: #2A80B9;
		background-color: #1582DC;
		background-color: #1D374B;

	}
	.toppane .topmenu{
		margin-left: 10px;
		float: left;
	}
	.toppane .userinfo{
		float: right;
		margin-right: 3px;
	}
	.toppane .userinfo.userimage{
		padding: 8px 0px 0px 0px;
		margin: 0px -2px 0px 3px;
		line-height: 1em;
	}
		.toppane .userinfo.userimage img{
			border-radius: 3px;
		}

	.main-wrapper{

		background-repeat: repeat-y;
		background-position: top left;
		min-height: 100%;

		position: relative;
	}
	#ajaxframe > .ui-tabs,
	#admintabs{

	}
	.top-push{
		height: 47px;
	}
	.bottom-push{
		height: 53px;
	}
	.leftpane{
		float: left;
		width: 234px;
		height: auto;
		background-color: #EFF0F4;
	}
	.leftpane > div{
		padding: 20px;
	}
	.leftpane > div.last{
		padding-top: 0px;
	}
	.leftpane li.highlight a{
		background-color: #00ADEF;
		color: #fff;
		font-weight: bold;
	}

		@media only screen and (min-width: 1201px){

			.main{
				margin-right: 260px;
			}
				.main-wrapper-toggle-right{
					/* margin-right: -254px; */
				}
				.main-toggle-right{
					margin-right: 10px !important;
				}

			.rightpane{
				float: right;
				width: 254px;
				height: auto;
				background-color: #EFF0F4;
				overflow-x: hidden;
				z-index: 10;
				display: none;
				position: relative;
			}
				.rightpane > div{
					padding: 20px;
				}
					.rightpane > div > iframe{
						min-height: 500px;
					}

				.rightpane-toggle-right{
					width: 0px;
					/* display: none; */
				}

			#rightpane-toggle{
				position: absolute;
				width: 20px;
				height: 50px;
				top: 100px;
				right: 254px;
				cursor: pointer;
				border-left: 0px !important;
			}
				#rightpane-toggle .ui-icon{
					position: relative;
					top: 16px;
					right: -4px;
					width: 10px;
				}
				.rightpane-toggle-toggle-right{
					right: 0px !important;
				}

			/* dirty hack */
				#ajax-holder .ui-tabs-panel{
					overflow-x: auto;
					min-height: 500px;
				}
		}
		@media only screen and (max-width: 1200px) {
			#rightpane-toggle, .rightpane{
				display: none !important;
			}
			.main{
				margin-right: 10px;
			}
		}

	.main{
		margin-left: 240px;
		padding: 10px;
		width: auto;
		/* min-width: 915px; */
	}
	.tabs ul{ /* patch */
		clear: none !important;
		height: 29px;
	}
	.main .text p{
		margin: 7px 0px;
	}
	.formtable td{
		padding: 1px 5px;
	}
	.formtable tr td:first-child{
		text-align: right;
	}
	.tabs{
		margin: 10px 0px;

	}
	.content p{
		margin: 0px 0px 8px 0px;
		line-height: 120%;
	}
	.leftpane li a{
		display: inline-block;
		width: 100%;
		margin-left: 0px;
		padding: 2px 5px 2px 10px;
		text-decoration: none;
	}
	.leftpane li a:hover{
		background-color: #EFF0F4;
		background-color: #8CC63E;
		color: #ffffff;
	}
	.leftpane .ui-accordion .ui-accordion-content{
		padding: 10px 0px;
		overflow: hidden;
	}
	.leftpane li a.activemenu{
		font-weight: bold;
	}
	.ui-widget-content hr{


	}
	#iframe-wrapper{
		height: 100%;

		/*width: 95%;*/

		background-color: #fff;
		padding-right: 10px;
	}
	.news-content{
		position: relative;
		line-height: 1.5em !important;
		overflow: hidden;
		width: calc(100% - 2.8em);
		transition: max-height 1s;
		padding-top: 0px !important;
	}
		.news-content p{
			margin-bottom: 0.75em;
		}
		.news-wrapper .moretoggle{
			position: relative;
			top: -3px;
			display: inline-block;
			float: right;
			font-weight: normal;
			text-align: left;
			padding: 4px 4px;
			color: #ACAAAC;
			font-size: 11px;
		}
			.news-wrapper .lead p{
				margin: 0px;
				padding: 0px;
			}
			.news-wrapper .moretoggle a{
				position: absolute;
				right: 10px;
			}
		.news-wrapper.open{
			max-height: 200000em;
		}
			.news-wrapper.open .moretoggle{
				position: relative;
				box-shadow: none;
				width: 100%;
				margin-left: -10px;
				margin-top: 15px;
			}
				.news-wrapper.open .moretoggle a{
					display: none;
				}
		.news-wrapper-cols{
			width: 100%;
		}
			.news-wrapper .news-wrapper-col{
				width: calc(50% - 12px);

				border: 1px solid #EEF0F3;
				padding: 1px;

				margin-right: 5px;
				float: left;
			}
				.news-wrapper .news-wrapper-col .lead{
					min-height: 6em;
				}



	.news-content ul{
		margin-left: 30px;
	}
	.news-content ul li{
		list-style: disc;
		list-style-position: outside;

	}
	.footer{
		position: fixed;
		bottom: -2px;
		width: auto;
		width: 100%;
		padding: 0px 10px;
		height: 30px;
		line-height: 30px;
		z-index: 25;
		background-color: #1D374B;
		color: #ffffff;


		/**/
	}
	.footer a{
		color: #aaa;
	}
	.footer-menu{
		margin-left: 10px;
		float: left;
	}
	.footer-copy{		
		color: #aaa;
		font-size: 11px;
		text-align: center;
		line-height: 1.33em;
	}
	.res_frame > h3{
		margin: 10px 3px 5px 3px;
	}

/* leftpane toggle */
	#leftpane-toggle{
		position: absolute;
		width: 20px;
		height: 50px;
		top: 100px;
		left: 234px;
		cursor: pointer;
		border-left: 0px !important;
	}
	#leftpane-toggle .ui-icon{
		position: relative;
		top: 16px;
		left: 0px;
	}
	.main-wrapper-toggle{
		margin-left: -234px;
	}

/* right-pane + toggle */

/* functions */
	.floatbox{
		float: left;
		width: 390px;
		padding: 10px;
		margin-right: 0px;
		margin-bottom: 10px;
	}

/* dashboard */
	.ds-tile-wrapper{
		overflow: hidden;
	}
	.ds-card{
		float: left;
		margin: 10px 0px 0px 10px;
	}
	.ds-tile{
		width: 300px;
		min-height: 150px;
		border: 0px;
		border-radius: 3px;
		position: relative;
		cursor: pointer;
	}
	.ds-icon{
		position: absolute;
		top: 10px;
		left: 10px;
		display: block;
		background: transparent url() top left no-repeat;
		height: 100px;
		width: 100px;
		opacity: 0.25;
		background-size: cover;
	}
	.ds-title{
		display: inline-block;
		position: absolute;
		top: 120px;
		left: 0px;
		color: #ffffff;
		font-weight: bold;
		font-size: 18px;
		line-height: 25px;
		width: 280px;
		padding-left: 15px;
		text-decoration: none;
		color: #ffffff !important;
	}
	.ds-title:hover{
		text-decoration: none !important;
	}
	.ds-value{
		position: absolute;
		top: 10px;
		right: 20px;
		color: #ffffff;
		font-weight: bold;
		font-size: 80px;
		line-height: 100px;
	}
	.ds-value.small{
		font-size: 45px;
	}

	.ds-value.ended{
		opacity: .5;
	}

	.ds-content{
		margin: 5px;
		height: 140px;
		width: 290px;
		border-radius: 3px;
		position: absolute;
		overflow: hidden;
	}
	.ds-content > div{
		padding: 0px;
		color: #ffffff;
		line-height: 1.25em;
	}
	.ds-content > div a{
		color: #ffffff;
	}
	.ds-content > div h2{
		margin-top: 0px;
		margin-bottom: 2px;
	}

	/*
	#1D374B,#00ADEF,#8CC63E,#E77E23,#494041,#C0392B,
	#7F8C8D,#F16521,#1ABC9C,#E5654C,#0099C6,#DD4477,
	#DC3912,#6C0F2A,#EE9900,#109618,#B82E2E,#990099,
	#66AA00,#BBBBBB,#555555

	*/

	.ds-color-orange	{ background-color: #F16521; }
	.ds-color-green		{ background-color: #8CC63E; }
	.ds-color-dblue		{ background-color: #1D374B; }
	.ds-color-lblue		{ background-color: #00ADEF; }
	.ds-color-brown		{ background-color: #494041; }
	.ds-color-red		{ background-color: #E5654C; }
	.ds-color-carrot	{ background-color: #E77E23; }
	.ds-color-turquoise	{ background-color: #1ABC9C; }

	.ds-icon-flame  { background-image: url("img/flame.png"); }
	.ds-icon-coins  { background-image: url("img/coins.png"); }
	.ds-icon-bill   { background-image: url("img/bill.png"); }
	.ds-icon-warning{ background-image: url("img/warning.png"); }
	.ds-icon-recycle{ background-image: url("img/recycle.png"); }
	.ds-icon-users	{ background-image: url("img/users.png"); }
	.ds-icon-task	{ background-image: url("img/task.png"); }
	.ds-icon-clock	{ background-image: url("img/clock.png"); }

	.ds-icon-bk-flame  { background-image: url("img/flame_bk.png"); }
	.ds-icon-bk-coins  { background-image: url("img/coins_bk.png"); }
	.ds-icon-bk-bill   { background-image: url("img/bill_bk.png"); }
	.ds-icon-bk-warning{ background-image: url("img/warning_bk.png"); }
	.ds-icon-bk-recycle{ background-image: url("img/recycle_bk.png"); }
	.ds-icon-bk-users   { background-image: url("img/users_bk.png"); }
	.ds-icon-bk-task	{ background-image: url("img/task_bk.png"); }
	.ds-icon-bk-clock	{ background-image: url("img/clock_bk.png"); }

/* flipper */
	.flip-container {
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		-ms-perspective: 1000;
		perspective: 1000;
		-ms-transform: perspective(1000px);
		-moz-transform: perspective(1000px);
		-ms-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.flip-container:hover .ds-tile,
	.flip-container.hover .ds-tile{
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.33);
	}
	.flip-container.hover .back, .flip-container.hover .back { /* IE FIX */
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	.flip-container.hover .front, .flip-container.hover .front { /* IE FIX */
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	.flip-container, .front, .back {
		width: 300px;
		height: 150px;
	}
	.flipper {
		-webkit-transition: 0.6s;
		-webkit-transform-style: preserve-3d;
		-ms-transition: 0.6s;

		-moz-transition: 0.6s;
		-moz-transform: perspective(1000px);
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;

		transition: 0.6s;
		transform-style: preserve-3d;

		position: relative;
	}
	.front, .back {
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;

		-webkit-transition: 0.6s;
		-webkit-transform-style: preserve-3d;
		-webkit-transform: rotateY(0deg);

		-moz-transition: 0.6s;
		-moz-transform-style: preserve-3d;
		-moz-transform: rotateY(0deg);

		-o-transition: 0.6s;
		-o-transform-style: preserve-3d;
		-o-transform: rotateY(0deg);

		-ms-transition: 0.6s;
		-ms-transform-style: preserve-3d;
		-ms-transform: rotateY(0deg);

		transition: 0.6s;
		transform-style: preserve-3d;
		transform: rotateY(0deg);

		position: absolute;
		top: 0;
		left: 0;
	}
	.front {
		-webkit-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		z-index: 2;
	}
	.back {
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-o-transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
	}

/* todolist */
	tr.task-done td,
	tr.task-done td a{
		text-decoration: line-through;
		color: #999 !important;
	}
	.onlyhover{
		float: right;
		display: none;
	}
	.onlyhover a{
		text-decoration: none !important;
	}
	.onlyhover span{
		width: 13px;
	}
	tr:hover .onlyhover{
		display: block;
	}
	.todocol{
		min-width: 500px;
	}

	.todotimer{
		display: inline-block;
	}
		.todotimer .ttcounter{

		}
			.todotimer .tthandle{

			}

/* speedsearch */
	#speedsearch table{ border: none; }
	#speedsearch table td{ border: none; background-color: transparent; }

	#speedsearch.userinfo{
		height: 30px;
	}
	.userinfo .speedfind{
		display: inline-block;
		margin: 7px 5px 0px 0px;
		height: 30px;
	}

/* employee */
	.ui-style-table .employee-img-wrapper{
		position: relative;
	}
		.ui-style-table .employee-img{
			display: block;
			position: absolute;
			top: 0px;
			right: -1px;
			padding: 0px;
			margin: 0px;
			height: 100px;
			width: auto;
			border-left: 0px solid #EFF0F4;
			border-right: 0px solid #EFF0F4;
			border-top: 0px;
			border-bottom: 0px;
		}

/* login */
	.login-screen{
		margin: auto;
		padding: 50px;
		position: relative;
	}
	.login-holder{
		width: 450px;
		margin: 80px auto;
		padding: 30px;
		text-align: center;
		background-color: rgba(0,0,0,0.2);
		background-color: #F7F7F7;
		border-radius: 3px;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	}
	.login-holder h1{
		font-size: 20px;
		font-weight: normal;
		color: #fff;
	}
	.login-holder input.text{
		width: 200px;
		margin: 5px;
	}

/* ui-cb */
	.ui-cb-box .ui-widget-header{
		background-color: #1ABC9C;
	}
	.ui-cb-box.ui-widget-content{
		background-color: #E5654C;
	}
		.ui-cb-box .cb-knob{
			transition: left 0.25s ease-out;
		}

/* fonts */
	body, input, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
		font-family: 'Roboto Condensed', Arial, Tahoma !important;
	}

/* paginator */
	.paginator{
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
		.paginator ul li{
			list-style: none;
			display: inline-block;

		}
			.paginator ul li a{
				display: inline-block;
				font-weight: 700;
				font-size: 12px;
				color: #ffffff;
				border: 1px solid #1D374B;
				border-radius: 2px;
				background-color: #1D374B;
				padding: 5px 10px;
				padding: .4em 1em .4em 1em;
				text-decoration: none;
				transition: color .5s, border-color .5s, background-color .5s;
			}
				.paginator ul li a.active,
				.paginator ul li a:hover{
					background-color: #00ADEF;
					border-color: #00ADEF;
					color: #FFFFFF;
					transition: color .5s, border-color .5s, background-color .5s;
				}

/* admin general */
	.outer{
		width: 1100px;
	}
	.contentholder{
		width: 1090px;
		background-image: none;
	}
	#ajaxframe{
		width: 100%;
		float: left;
	}
	.contentinside{
		background-image: none;
		min-height: 300px;
	}
	#dialog-form{
		width: 230px;
		text-align: center;
		margin: 0px auto;
		border: 1px solid #EEEEEE;
		padding: 5px 10px 5px 10px;
	}
	#dialog-form h2{
		padding: 0px;
		margin: 0px;
		color: #aaa;
	}
	#dialog-form td{
		text-align: right;
		color: #555;
	}
	#dialog-form table{
		font-size: 12px;
	}
	#button{
		font-size: 11px;
	}
	#info{
		margin: 0px auto;
		position: absolute;
		min-width: 1024px;
	}
	#info p{
		padding-right: 10px;
	}
	.pager{
		font-weight: bold;
		padding: 3px 10px 5px 10px;
		border: 1px solid #eee;
		width: 300px;
	}
	.contentinside{
		padding: 5px 10px 15px 10px;
	}
	.logininfo{
		float: right;
		width: 300px;
		width: auto;
		text-align: right;
		font-size: 12px;
		font-weight: normal;
		text-transform: none;
		padding-right: 10px;
	}
	.starttext{
		font-size: 45px;
		color: #dedede;
		font-weight: bold;
		text-align: center;
	}
	.loginlink{
		font-size: 12px;
		font-weight: normal;
	}

/* control panel */
	.cp-item{
		float: left;
		padding: 10px;
		border: 1px solid #ddd;
		margin: 5px;
		cursor: pointer;
		height: 100px;
		width: 100px;
		text-align: center;
	}
	.cp-icon{
		padding: 10px;
	}
	.cp-item-name{
		display: block;
		border-top: 1px solid #ddd;
		padding: 2px;
		text-align: center;
		font-weight: normal;
	}
	.cp-section-title{
		padding: 10px 10px 0px 10px;
		font-weight: bold;
	}
	.cp-section{
		border-bottom: 1px solid #eee;
	}

/* ui-style-table, form-generator */
	.loader{
		margin: 0em auto;  font-size: 10px;  position: relative;  text-indent: -9999em;
		border-top: 	3em solid rgba(000, 174, 239, 1);
		border-right: 	3em solid rgba(242, 101, 034, 1);
		border-bottom: 3em solid rgba(140, 198, 063, 1);
		border-left: 	3em solid rgba(029, 056, 076, 1);
		-webkit-animation: load8 1.75s infinite linear;
		animation: load8 1.71s infinite linear;
	}
	.loader,
	.loader:after {
		border-radius: 50%;
		width: 4em;
		height: 4em;
	}
	@-webkit-keyframes load8 {
		0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
		100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	}
	@keyframes load8 {
		0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
		100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	}
	.inprogress{
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 1001;
		width: 100%;
		height: 100%;
		display: none;
		color: #000000;
		font-size: 20px;
		text-align: center;
		font-weight: bold;
	}
	.inprogress_content{

	}
	.ui-style-table-wrapper{
		overflow-x: auto;
		min-height: 180px;
	}
		#iframe-wrapper .ui-style-table-wrapper{
			overflow: initial;
		}
	.ui-style-panel-float,
	.ui-style-table.ui-style-table-float{
		float: left;
		margin: 0px 20px 20px 0px;
	}
	.ui-style-table{
		border-right: 1px solid #ddd;
		border-right: 0px solid #ddd;
	}
	.ui-style-table .textarea,
	.ui-style-table .input{
		min-width: 287px;
		-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
		padding: 4px 4px 4px 7px;
		border: 1px solid #ddd;
	}
	.ui-style-table .input[type='number']{

	}
	.ui-style-table .input[type='text'],
	.ui-style-table .input[type='password']{
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05) inset;

		/*-webkit-transition: border linear .2s,box-shadow linear .2s;
		-moz-transition: border linear .2s,box-shadow linear .2s;
		-o-transition: border linear .2s,box-shadow linear .2s;
		transition: border linear .2s,box-shadow linear .2s;		*/
	}
	.ui-style-table .input[type='text']:focus,
	.ui-style-table .input[type='password']:focus{
		/* box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset, 0px 0px 4px rgba(0, 128, 255, 0.3); */
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset, 0 0 5px rgba(88,151,251,.5);
		border: 1px solid #5897fb;
	}
	.ui-style-table .textarea{
		padding: 4px 4px 4px 7px;
	}
	.ui-style-table textarea{
		display: block;
		min-height: 100px;
		resize: vertical;
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05) inset;

		/*-webkit-transition: border linear .2s,box-shadow linear .2s;
		-moz-transition: border linear .2s,box-shadow linear .2s;
		-o-transition: border linear .2s,box-shadow linear .2s;
		transition: border linear .2s,box-shadow linear .2s;*/

	}
	.ui-style-table textarea:focus{
		/*box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset, 0px 0px 4px rgba(0, 128, 255, 0.3);*/
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset, 0 0 5px rgba(88,151,251,.5);
		border: 1px solid #5897fb;
	}
	.ui-style-table textarea.large{
		min-width: 600px;
		width: 600px;
	}
	.ui-style-table textarea.medium{
		min-width: 120px;
		width: 120px;
	}
	.ui-style-table select.large,
	.ui-style-table input.large{
		min-width: 600px;
		width: 600px;
	}
	.ui-style-table input.date{
		min-width: 80px;
		width: 80px;
	}
	.ui-style-table select.small,
	.ui-style-table input.small{
		min-width: 70px;
		width: 70px;
	}
	.ui-style-table select.xsmall,
	.ui-style-table input.xsmall{
		min-width: 40px;
		width: 40px;
	}
	.ui-style-table select.medium,
	.ui-style-table input.medium{
		min-width: 120px;
		width: 120px;
	}
	.ui-style-table input.error,.ui-style-table textarea.error,.ui-style-table select.error{
		border: 1px solid red !important;
	}
	.ui-style-table input.zip{

	}
	.ui-style-table input.city{
		min-width: 198px;
	}

	.ui-style-table .chzn-search .input{
		min-width: inherit;
	}
	.ui-style-table th,
	.ui-style-table td{
		padding: 3px 5px 3px 5px;
		margin: 0px;
		white-space: nowrap !important;
	}
	.ui-style-table .operations{
		text-align: right;
		min-width: 43px;
	}
	.ui-style-table .ui-button span{
		position: relative;
		top: -1px;
	}
	.ui-style-table td p,
	.ui-style-table th p{
		min-height: 23px;
		padding: 0px;
		margin: 0px;
		vertical-align: middle;
		line-height: 23px;
	}
	.ui-style-table td{
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;

		border-left: 0px solid #EFF0F4;
		border-bottom: 1px solid #EFF0F4;
		/*background-color: #fff;*/
		line-height: 18px;
	}
	.ui-style-table a,
	.ui-style-table a:hover{
		color: #252525;
	}
	.ui-style-table a.button,
	.ui-style-table a.button:hover{
		color: #ffffff;
	}
	.ui-nosize th,
	.ui-nosize td{
		line-height: normal;
	}
	.ui-style-table .even td{
		background-color: #eee;
		background-color: #EFF0F4;
	}
	.ui-style-table .ui-state-hover.even td{
		background-color: #00ADEF;
	}

	.ui-style-table table td{
		background-color: transparent;
	}
	.ui-style-table td.hover{

		background-color: #EFF0F4;
		background-color: #DFE0E4;
		color: #000;




	}
	.ui-style-table .status .ui-icon{
		float: left;
	}
	.ui-style-table .note{
		color: #aaa;
		font-size: 9px;
	}
	.ui-style-table .answer td{
		font-size: 11px;
		color: #555;
		background-color: transparent;
	}
	.ui-style-table span.small{
		display: inline-block;
		margin-top: 2px;
		font-size: 10px;
		color: #888;
	}

	.ui-style-table tr.sum td{
		border-top: 2px solid #252525;
	}

/* redefines */
	.chzn-container{
		vertical-align: top;
	}
	.chzn-container-single .chzn-single {
		background-color: #fff;
		background-image: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #ddd;
		box-shadow: 0 2px 2px rgba(0,0,0,0.1) inset;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		position: relative;
		height: 23px;
		line-height: 24px;
		padding: 0 0 0 8px;
		color: #444444;
		text-decoration: none;
	}

	.chzn-container-single .chzn-drop .chzn-results{
		display: none;
	}
	.chzn-container-single .chzn-single-with-drop + .chzn-drop .chzn-results{
		display: block;
	}


	.ui-style-table .chzn-choices{
		-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
		border: 1px solid #ddd;
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;
	}
	.ui-style-table div.chzn-container a.chzn-single,
	.ui-style-table div.chzn-container a.chzn-single-with-drop,
	.ui-style-table div.chzn-container a.chzn-single div,
	.chzn-container .chzn-drop,
	.ui-style-table div.chzn-container div.chzn-drop {
		border-color: #ddd;
		/*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);*/
	}
	.ui-style-table div.chzn-container-active a.chzn-single{
		box-shadow: 0 0 5px rgba(0,0,0,.3);
		border: 1px solid #5897fb;
	}
	.ui-style-table div.chzn-container a.chzn-single-with-drop{
		border-color: #ddd;
	}
	.chzn-container .chzn-results .highlighted,
	.ui-style-table div.chzn-container ul.chzn-results li.highlighted{
		background-image: none;
		background-color: #00ADEF;
		color: #ffffff;

		transition: background-color .2s linear, color .02s linear, border-color .2s linear;
	}
	.ui-style-table div.chzn-container .search-field > input:focus{
		box-shadow: none;
	}
	div.ui-style-table{
		border: 0px;
	}

/* ui items */
	.ui-autocomplete{
		z-index: 25 !important;
	}
	#admintabs{

	}
	#admintabs li .ui-icon{
		float: right;
		/* margin: -1px -5px -5px 2px; */
	}
	.infopane{
		padding: 2px 12px;
	}
	.infopane p {
		margin-top: 12px !important;
		margin-bottom: 12px !important;
	}
	.chzn-results li{
		font-size: 11px;
	}

	.ui-cb-wrapper{
		display: inline-block;
		vertical-align: text-bottom;
		margin-right: 10px;
	}
	.ui-cb-box{
		margin: 4px 0px;
	}
	.ui-multiselect{
		border: 1px solid #DEDEDE;
	}
	.ui-multiselect div.available{
		border-color: #DEDEDE;

	}
	.ui-slider{
		padding: 0px;
	}
	#ajaxframe > p{
		color: white;
	}
	.ui-widget {
		-font-size: 75%;
	}
	#logout{
		margin-top: -3px;
	}
	#ui-datepicker-div{
		z-index: 20 !important;
	}
	.uierror{
		margin-bottom: 10px; position: relative; z-index: 20;
	}
	.uiinfo{
		position: fixed; top: 10px; left: 10px; z-index: 30;
	}
	.ui-iconpatch-inline{
		float: none;
		margin-right: -3px;
		margin-top: -2px;
		cursor: pointer;

	}
	.ui-iconpatch-right{
		float: right;
		margin-right: -3px;
		margin-top: -2px;
		cursor: pointer;
	}
	.ui-iconpatch-left{
		float: left;
		margin-left: -3px;
		margin-right: 3px;
		margin-top: -2px;
	}
	.ui-icon-inline{
		display: inline-block;
		margin-bottom: -16px;
		position: relative;
		top: -13px;
	}
	.ui-iconpatch-tab{
		line-height: 12px;
	}
	.ui-icon-row{
		display: inline-block;
		line-height: 12px;
		position: relative;
		/*margin-bottom: -10px;
		top: -3px;*/
		top: 3px;
	}
	.ui-iconpatch-button{
		display: inline-block;
		margin-bottom: -4px;
	}
	.ui-img-holder{
		position: relative;
	}
	.ui-img-holder a{
		text-decoration: none;
	}
	.ui-img-delete{
		position: absolute;
		top: 0px;
		right: 0px;
		background-color: rgba(0,0,0,0.7);
		height: 18px;
		width: 18px;



	}
	.ui-icon-none{
		background-position: -10000px -10000px;
	}
	.ui-icon-frame{
		border: 1px solid #DDDDDD;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05) inset;
	}

	/* ui-iconpop */
	.ui-iconpop{
		position: relative;
	}
		.ui-iconpop > .ui-icon{
			cursor: pointer;
		}
		.ui-iconpop-content{
			position: absolute;
			background-color: #EFF0F4;
			padding: 5px 5px 5px 8px;
			border-left: 3px solid #1D374B;
			border-radius: 2px;
			box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
			bottom: 24px;
			right: -4px;
    		z-index: 200;
    		display: none;
    		max-width: 400px;
			color: #252525;
			text-align: left;
			font-weight: normal;
		}
			.ui-iconpop-content:before{
				content: " ";
				position: absolute;
				bottom: -6px;
				right: 6px;
				height: 12px;
				width: 12px;
				transform: rotate(45deg);
				background-color: #EFF0F4;
				box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
			}
		.ui-iconpop:hover .ui-iconpop-content{
			display: block;
			animation-name: iconpop;
			animation-duration: 0.25s;
			animation-iteration-count: 1;
			animation-direction: normal;
			animation-timing-function: ease-out;
		}
			@keyframes iconpop{
				0%  { display: none;  opacity: 0; bottom: 35px; }
				1%  { display: block; opacity: 0; bottom: 35px; }
				100%{ display: block; opacity: 1; bottom: 24px; }
			}
	/* ui-iconpop */

	.ui-slider{
		background-color: #EFF0F4;
	}

/* organizer */
	div.organizer-wrapper{
		width: 100%;
		min-height: 450px;
		height: calc(100vh - 175px);
		margin: 0px;
		padding: 0px;
	}

	.fc-event .fc-bg{
		opacity: 0.05;
	}
	.fc td.fc-today{
		opacity: 0.25;
	}

	/* organizer event types */
	/* ams registry
		#1D374B,#00ADEF,#8CC63E,#E77E23,#494041,#C0392B,#7F8C8D,#F16521,#1ABC9C,#E5654C,#00589E,#DD4477,#DC3912,#6C0F2A,#EE9900,#109618,#B82E2E,#990099,#66AA00,#BBBBBB,#555555
		#EFF0F4,
	*/

	.fc-event.public				{ background-color: #C0392B; border-color: #C0392B; color: #FFFFFF; }
	.fc-event.free					{ background-color: #8CC63E; border-color: #8CC63E; color: #FFFFFF; }
	.fc-event.work					{ background-color: #494041; border-color: #494041; color: #FFFFFF; }
	.fc-event.personal				{ background-color: #7F8C8D; border-color: #7F8C8D; color: #ffffff; }
	.fc-event.sickness				{ background-color: #BBBBBB; border-color: #BBBBBB; color: #252525; }

	.fc-event.localmeeting			{ background-color: #00ADEF; border-color: #00ADEF; color: #FFFFFF; }
	.fc-event.externalmeeting		{ background-color: #00589E; border-color: #00589E; color: #FFFFFF; }
	.fc-event.zoom					{ background-color: #0E71EB; border-color: #0E71EB; color: #FFFFFF; }
	.fc-event.homeoffice			{ background-color: #E5654C; border-color: #E5654C; color: #FFFFFF; }
	.fc-event.other					{ background-color: #1ABC9C; border-color: #1ABC9C; color: #FFFFFF; }

	.fc-event.birthday				{ background-color: #E77E23; border-color: #E77E23; color: #FFFFFF; }
	.fc-event.admit_date			{ background-color: #E77E23; border-color: #E77E23; color: #FFFFFF; }

	.fc-event.todo					{ background-color: #1D374B; border-color: #1D374B; color: #FFFFFF; }
	.fc-event.todo.done				{ opacity: 0.75; }

	.fc-event.eventstatus-pending,
	.fc-event.eventstatus-supported	{ opacity: 0.5; }



	.fc-event.todo.starred .fc-title:before{
		content: '!!';
		display: inline-block;
		color: #DC3912;
		font-weight: bold;
		padding-right: 0.25em;
	}

/* weekplanner */
	.weekplanner_head div.centertext p{
		font-size: 14px;
		text-align: center;
		overflow: hidden;
	}
	.weekplanner_employees > span{
		position: relative;
		display: inline-block;
		padding: 0px;
		height: 100px;
		width: 300px !important;
		margin: 0px 20px 20px 0px;
	}
	.weekplanner_employees .employee{
		position: relative;
		display: inline-block;
		background-color: #EFF0F4;
		padding: 0px;
		margin: 0px;
		height: 100px;
		width: 300px;
		border-radius: 5px;
	}
		.weekplanner_employees .employee img{
			float: left;
			border-radius: 5px;
		}
		.weekplanner_employees .employee .info{
			display: inline-block;
			padding: 10px;
		}
			.weekplanner_employees .employee .info b{
				font-size: 15px;
			}
		.weekplanner_employees .employee .badge{
			display: block;
			position: absolute;
			top: -5px;
			right: -5px;
			height: 20px;
			width: 20px;
			line-height: 20px;
			text-align: center;
			border-radius: 20px;
			background-color: #00ADEF;
			color: #ffffff;
			font-weight: bold;
		}

		.weekplanner_employees .employee .lastmod{
			display: block;
			position: absolute;
			bottom: 5px;
			right: 5px;
			color: #999999;
		}

	.weekplanner_tasks .weekplanner_task{
		position: relative;
		display: inline-block;
		margin: 0px 20px 10px 0px;
		background-color: #EFF0F4;
		padding: 0px;
		min-height: 50px;
		width: calc(50% - 40px) !important;
		width: calc(100% - 20px) !important;
		border-radius: 5px;
	}
		.weekplanner_tasks .weekplanner_task .info{
			display: inline-block;
			padding: 7px 7px 7px 17px;
		}
			.weekplanner_tasks .weekplanner_task .info p{
				margin: 0px;
				line-height: 1.25em;
			}
					.weekplanner_tasks .weekplanner_task .info ul{
						margin-left: 0.5em;
					}
					.weekplanner_tasks .weekplanner_task .info ul li{
						list-style-position:  inside;
						list-style-type: disc;

					}
			.weekplanner_tasks .weekplanner_task .info .label{
				font-size: 15px;
			}
				.weekplanner_tasks .weekplanner_task .info b{

				}
		.weekplanner_tasks .weekplanner_task .badge{
			display: block;
			position: absolute;
			top: -5px;
			right: -5px;
			height: 20px;
			width: auto;
			padding: 0px 5px;
			line-height: 20px;
			text-align: center;
			border-radius: 5px;
			background-color: #00ADEF;
			color: #ffffff;
			font-weight: bold;
		}

			.weekplanner_tasks .weekplanner_task .badge.badge-priority{ background-color: #B82E2E; }
			.weekplanner_tasks .weekplanner_task .badge.badge-running{ background-color: #109618; }
			.weekplanner_tasks .weekplanner_task .badge.badge-waiting{ background-color: #EE9900; }
			.weekplanner_tasks .weekplanner_task .badge.badge-stopped{ background-color: #7F8C8D; }

		.weekplanner_tasks .weekplanner_task .lastmod{
			display: block;
			position: absolute;
			bottom: 5px;
			right: 5px;
			color: #999999;
		}

		.weekplanner_tasks .weekplanner_task .status{
			display: block;
			position: absolute;
			top: 0px;
			left: 0px;
			height: 100%;
			width: 10px;
			padding: 0px;
			margin: 0px;
			background-color: red;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}

			.weekplanner_tasks .weekplanner_task .status.status-priority{ background-color: #B82E2E; }
			.weekplanner_tasks .weekplanner_task .status.status-running{ background-color: #109618; }
			.weekplanner_tasks .weekplanner_task .status.status-waiting{ background-color: #EE9900; }
			.weekplanner_tasks .weekplanner_task .status.status-stopped{ background-color: #7F8C8D; }

/* datatable */
	.dataTables_wrapper{
		float: left;
	}
	.dataTables_length,
	.dataTables_info{
		float: left;
	}
	.dataTables_length select{
		width: 75px !important;
	}
	.dataTables_filter,
	.dataTables_paginate{
		float: right;
		margin-right: 4px;
	}
	.dataTables_filter input{
		min-width: 200px;
		-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
		border: 1px solid #ddd;
		padding: 4px 4px 4px 7px;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05) inset;
	}
	.dataTables_filter input:focus{
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset, 0 0 5px rgba(0,0,0,.3);
		border: 1px solid #5897fb;
	}
	.dataTables_wrapper table{
		clear: both;
		margin: 35px 0px 10px 0px;
	}
	.dataTables_info{
		border: 0px solid #DDD;
		-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
		font-weight: normal;
		padding: 3px 6px;

	}
	.dataTables_paginate a{
		border: 1px solid #1D374B;
		-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
		background: #1D374B none 50% 50% repeat-x;
		font-weight: normal;
		color: #dddddd;
		padding: 3px 6px;
		margin: 5px 0px 0px 5px;
		text-decoration: none;
		cursor: pointer;

	}
	.dataTables_paginate a:hover,
	.dataTables_paginate a.current{
		border: 1px solid #00ADEF;
		background: #00ADEF none 50% 50% repeat-x;
		font-weight: normal;
		color: #ffffff;
		transition: background-color .2s linear, color .2s linear, border-color .2s linear;
	}

/* datetime picker */
	.ui-timepicker-div{ padding: 4px; }
	.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
	.ui-timepicker-div dl{ text-align: left; }
	.ui-timepicker-div dl dt{ height: 25px; }
	.ui-timepicker-div dl dd{ margin: -25px 10px 10px 65px; }
	.ui-timepicker-div td { font-size: 90%; }

	.ui-datepicker .ui-state-active{
		background-color: #00AEEC !important;
		border-color: #00AEEC !important;
	}

/* #worktime */
	#worktime #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
	#worktime #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
	#worktime ul#icons {margin: 0; padding: 0;}
	#worktime ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
	#worktime ul#icons span.ui-icon {float: left; margin: 0 4px;}

	#worktime h2{
		margin-bottom: 10px;
		color: white;
	}
	#worktime a{
		text-decoration: none;
	}
	#worktime a:hover{
		text-decoration: underline;
	}
	#worktime .outer{
		width: 100%;
		text-align: center;
		background-color: #ffffff;
		padding: 0px;
		height: 53px;
		margin-bottom: 10px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}
	#worktime .left{
		float: left;
		padding-left: 5px;
	}
	#worktime .right{
		float: right;
		padding-right: 2px;
	}
	#worktime .holder{
		position: relative;
		width: 100%;
		height: 38px;
		background-color: #EFF0F4;
		border-radius: 3px;
		padding: 0px;
	}
	#worktime .percent{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 38px;
		background-color: #DFE0E4;
		text-align: left;
		line-height: 38px;
		font-weight: bold;
		font-size: 12px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		border-width: 0px !important;
		color: #252525;
	}
	#worktime .percent span{
		margin-left: 8px;
	}
	#worktime div{
		font-weight: normal;
		font-size: 11px;
	}

	#worktime-act{
		position: relative;
		background-color: #EFF0F4;
		width: 100%;
		height: 38px;
		padding: 0px;
	}
	#worktime .percent-act,
	#worktime-act .percent-act{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 38px;
		line-height: 38px;
		background-color: #CFD0D4;
		font-weight: bold;
		font-size: 12px;
		text-align: left;
	}
	#worktime-act .percent-live{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 38px;
		line-height: 38px;
		background-color: #DFE0E4;
	}

/* barchart */
	.bar-chart-wrapper{
		height: 400px;
		width: 100%;
		position: relative;
		display: block;
		font-size: 0;
		/*overflow: hidden;*/
	}
	.bar-chart{
		height: calc(100% - 75px);
		width: calc(100% - 50px);
		position: relative;
		display: block;
		font-size: 0;
		top: 75px;
		left: 25px;
	}
		.bar-chart .bar{
			height: 100%;
			display: inline-block;
			font-size: 12px;
			position: relative;
			margin-left: 1px;
		}
			.bar-chart .bar:first-child{
				margin-left: 0px;
			}
			.bar-chart .bar span{
				position: absolute;
				bottom: 0px;
				width: 100%;
				border: 0px;
				background-color: #cfd0d4;
				display: block;
			}
				.bar-chart .bar:hover span{
					background-color: #00ADEF;
				}
			.bar-chart .bar span.correction{
				background-color: #F7D5BA;
			}
				.bar-chart .bar:hover span.correction{
					background-color: #E77E23;
				}



			.bar-chart .bar i{
				position: absolute;
				background-color: #EFF0F4;
				padding: 5px 5px 5px 8px;
				border-left: 3px solid #1D374B;
				border-radius: 2px;
				box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
				top: -10px;
				left: calc(50% - 1.5px);
				transform: translateY(-100%) translateX(-50%);
	    		z-index: 200;
	    		display: none;
	    		max-width: 400px;
				color: #252525;
				text-align: left;
				font-style: normal;
			}

				.bar-chart .bar i:before{
					content: " ";
					position: absolute;
					bottom: -6px;
					left: calc(41%);
					height: 12px;
					width: 12px;
					transform-origin: 50% 50%;
					transform: rotate(45deg);
					background-color: #EFF0F4;
					box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
				}

				.bar-chart .bar:hover i{
					display: block;
				}

			.bar-chart .trigger{
				position: absolute;
				margin-bottom: -2px;
				height: 1px;
				left: 0px;
				width: 100%;
				border-top-width: 1px;
				border-top-style: solid;
			}
				.bar-chart .trigger > span{
					display: block;
					position: absolute;
					left: 0px;
					height: 1.75em;
					padding: 0px 0px;
					font-size: 10px;
					line-height: 1.75em;
					margin-top: -1.55em;
				}

/* imgbox */
	.fullscreen{
		position: fixed;
	}

	.imgbox-bg{
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		padding: 0px;
		margin: 0px;
		background: rgba(255,255,255,0.75);
		z-index: 1000;
		cursor: pointer;
		max-width: 100%;
		max-height: 100%;
	}
		.imgbox-holder{
			position: relative;
			margin: 0 auto;
			text-align: center;
			height: 100%;
			max-height: 100%;
			max-width: 100%;
		}
			.imgbox-text{
				margin: 0px auto;
				position: relative;
				top: -5%;
				color: #fff;
				padding: 5px;
				text-align: center;
			}
				.imgbox-text span{
					padding: 2px 5px;
					background-color: #000;
					border-radius: 5px;
				}
			.imgbox-img{
				height: auto;
				width: auto;
				max-height: 90%;
				max-width: 90%;
				margin-top: 2.5%;
				border-radius: 5px;
				box-shadow: 0px 0px 30px rgba(0,0,0,0.75);
			}

/* agenda */
	.small-calendar-holder{
		float: left;
		 padding: 10px 5px;
		 height: 270px;

	}
	.small-calendar-daywrapper{
		width: 50px;
		 height: 30px;
		 overflow: hidden;

	}
	.small-calendar-daywrapper .pgbar-wrapper{
		height: 10px;
		 margin-top: 2px;

	}
	.small-calendar-daywrapper .pgbar-wrapper > div{
		height: 10px;
		 position: relative;
		 top: -1px;
		 left: -1px;
		 font-size: 8px;

	}
	.small-calendar-daywrapper .pgbar-wrapper > div > span{
		position: relative;
		 top: 1px;
		 left: 1px;
	}

	.big-calendar-holder{
		float: left;
		padding: 10px 5px;
		height: 525px;
	}
	.nodate-list{
		height: auto;
	}


	.dayshow{
		width: 100px;
		height: 70px;
		overflow: hidden;
	}
	.simple-days .dayshow:hover{
		overflow: visible;
	}
		.daynumber{
			font-weight: bold;
			display: inline-block;
			padding-left: 3px;
			padding-right: 3px;
			border-radius: 3px;
		}
			.daynumber.public{
				color: #ffffff;
				background-color: #aa0000;
			}
			.daynumber.free{
				color: #ffffff;
				background-color: #00aa00;
			}
			.daynumber.work{
				color: #ffffff;
				background-color: #000000;
			}
			.daynumber.personal{
				color: #ffffff;
				background-color: #bbbbbb;
			}
			.daynumber.sickness{
				color: #ffffff;
				background-color: #bbbbbb;
			}
	.dayshow > div{

	}
	.dayshow:hover .holiday-entry-wrapper{
		height: auto;
		width: 100%;
		position: relative;
		z-index: 20;
		margin-left: -3px;
		margin-right: -3px;
		padding: 0px 3px 3px;
		background-color: #EFF0F4;
	}

	.dayshow > div > div{


	}
	.hastodo:hover{
		overflow: visible;
	}
	.hastodo:hover > div{
		position: absolute;
		background-color: #FFFFFF !important;
		min-height: 75px;
		padding: 5px;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	}
	.hastodo:hover > div > div{
		width: auto;
	}
	.hastodo > div > div:hover{
		cursor: pointer;
	}
	.todotoggle{
		display: none;
		width: 1em;
		height: 1em;
		background-color: transparent;
		border: 1px solid #444444;
	}
	.starred a,
	.hastodo:hover > div .starred a{
		color: #f00000;
	}
	.starred .todotoggle{
		border: 1px solid #f00000;
		text-decoration: none !important;
	}
	.tododone a,
	.hastodo:hover > div .tododone a{
		color: #cacaca;
		text-decoration: line-through;
	}
	.hastodo:hover .todotoggle{
		display: inline-block;
	}
	.tododone .todotoggle{
		background-color: #444444;
		border: 1px solid #444444;
		text-decoration: none !important;
	}
	.dayitemholder{
		min-height: 50px;
		border: 0px solid red;
		/*width: 2000px;*/
	}
	.dayitem{
		border: 0px solid blue;

	}
	.dayitemholder:hover{
		width: auto;
	}
	.todonodate .dayshow{
		height: auto;
		width: 765px;
	}
	.todo-form-holder .formtitle{
		padding: 3px 5px 3px 5px;
		font-weight: bold;
	}
	.todo-form-holder{
		float: left;
		padding: 10px 0px;
		height: auto;
	}
	.todo-form-holder form > div > input,
	.todo-form-holder form > div > div,
	.todo-form-holder form > div > select{
		vertical-align: middle;
		margin-bottom: 3px;
	}
	.todo-form-holder textarea{
		width: 620px;
	}

	.dayitemplaceholder{
		border: 1px dotted red;
		min-height: 1em;
		width: 100px !important;
		height: 1em;
	}
	.ui-sortable-helper{
		background-color: #DDD;
		width: 100px !important;
		height: 1em;
		min-height: 1em;
		overflow: hidden;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
		border: 1px dotted red;
	}

	.todocalendar .today-highlight .starred a,
	.todocalendar .today-highlight a{
		color: #ffffff;
	}
	.todocalendar .today-highlight:hover .daynumber{
		color: #252525;
	}
	.todocalendar .today-highlight:hover a{
		color: #252525;
	}

	.todocontent,
	.todocontent p{
		line-height: 1.5em;
		margin-bottom: .75em;
	}
	.todocontent ul{
		margin: 5px;
	}
	.todocontent li{
		list-style-type: disc;
		list-style-position: outside;
		margin-left: 20px;
	}

	.todocontent hr{
		display: block;
		height: 1px;
		padding: 0em;
		border: 0px;
		border-bottom: 1px solid #E0E2EA;
		margin: 1em 0em;
	}
	.todocontent table{
		border-top: 1px solid #E0E2EA;
		border-right: 1px solid #E0E2EA;
		margin-bottom: 1em;
	}
		.todocontent table tr td{
			border-bottom: 1px solid #E0E2EA;
			border-left: 1px solid #E0E2EA;
			padding: 2px 10px;
		}

		.todocontent code{
			display: inline-block;
			background-color: #eff0f4;
			padding: 2px 10px;
			font-size: inherit;
		}

	/* auto todo */
	.auto_todo{
		display: inline-block;
		height: 1em;
		width: 1em;
		position: relative;
		top: 5px;
		margin-right: 0.25em;
		margin-left: -7px;
		background-color: #fff;
	}
	li .auto_todo{
		margin-left: -20px;
	}
	.auto_todo:hover{
		border-color: #444;
		background-color: #444;
	}
	.auto_todo span{
		position: relative;
		top: -2px;
		left: -1px;
	}
	li.lidone,
	li.lidone span,
	span.brdone,
	span.brdone span{
		text-decoration: line-through;
		color: #cacaca !important;
	}

	.todo-show-title{
		margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ccc;
	}
	.todo-show-title .date{
		float: right; margin-right: 10px;
	}

	/*cooperators*/
	.tododata{
		padding: 0px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
		.co-card{
			padding: 7px 10px;
			margin: 7px 5px 0px 3px;
			float: left;
			border-radius: 3px;
			min-width: 200px;
			min-height: 70px;
			background-color: #EFF0F4;
			color: #000000;
		}
		.co-card.employee{
			background-color: #EFF0F4;
			color: #000000;
		}
		.co-card.client{
			background-color: #7F8C8D;
			color: #FFFFFF;
		}
		.co-card.sender{
			background-color: #00ADEF;
			color: #FFFFFF;
		}
			.co-card:hover{
				box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.33);
			}
			.co-card a{
				text-decoration: none;
				color: #000000;
			}
				.co-card.client a,
				.co-card.sender a{
					color: #ffffff;
				}
				.co-card a:hover{
					text-decoration: underline;
				}
			.co-card .client,
			.co-card .name{
				font-weight: bold;
			}

	.rightpane a.starred {
		color: #f00000;
	}

/* holiday */
	.holiday{
		color: #000000;
		font-size: 10px;
		height: 1em;
		width: auto;
		overflow: hidden;
		padding: 0px 0px 2px 2px;
		margin-bottom: 1px;
		display: block;
	}
	div.holiday,
	a.holiday{
		background-color: #dddddd;
	}
		a.holiday.own{
			background-color: #00ADEF;
			color: #FFFFFF;
		}
		div.holiday.holiday-status-pending,
		div.holiday.holiday-status-supported,
		a.holiday.holiday-status-pending,
		a.holiday.holiday-status-supported{
			opacity: .5;
		}
		.daynumber{
			font-weight: bold;
			display: inline-block;
			border-radius: 16px;
			min-width: 10px;
			line-height: 17.5px;
			text-align: center;
		}
			.daynumber.public{
				color: #ffffff;
				background-color: #F16521;
			}
			.daynumber.free{
				color: #ffffff;
				background-color: #8CC63E;
			}
			.daynumber.work{
				color: #ffffff;
				background-color: #1D374B;
			}
			.daynumber.personal{
				color: #ffffff;
				background-color: #bbbbbb;
			}
			.daynumber.sickness{
				color: #ffffff;
				background-color: #bbbbbb;
			}

	.appointment{
		display: block;
		padding: 2px 2px 2px 5px;
		color: white !important;
	}
	.appointment:hover{
		text-decoration: none;
	}

	.ui-style-table td.today-highlight,
	.ui-style-table .even td.today-highlight{
		background-color: #F16521;
		color: #ffffff;
	}

	#eventlog .dateblock{
		float: right;
		color: #888;
		font-size: 10px;
		background-color: #ffffff;
		position: relative;
		top: -10px;
		display: inline-block;
		padding: 0px 5px;
	}
	#eventlog .logitem{
		display: block;
		padding: 5px;
		margin-bottom: 10px;
		border: 1px solid #EFF0F4;
		width: 600px;
	}

/* report */
	#allreport select{
		width: 200px !important;
	}
	#allreport .selectwrapper{
		float: left; margin: 0px 5px 10px 0px;
	}

/* graph */
	.employee_data h2,
	.employee_data p{
		margin: 0px;
		padding: 0px;
	}
	.employee_block{
		margin: 10px 10px 0px 0px;
		width: 340px;
		height: auto;
		float: left;
		padding: 0px;
		border-bottom: 2px solid #EFF0F4;
	}
	.employee_block h3,
	.employee_block p{
		padding: 0px;
		margin: 0px 0px 3px 0px;
	}
	.donutchart{
		width: 340px;
		height: 300px;
		padding: 0px;
		margin: 0px 0px 3px 0px;
	}

	.employee_block .emp_footer{
		font-style: italic;
		color: #aaa;
		font-size: 10px;
		float: left;
	}
	.emp_details{
		font-style: italic;
		color: #aaa;
		font-size: 10px;
		float: right;
	}
	#legend{
		clear: both;
	}
	#legend .label{
		float: left;
		margin: 3px 3px 0px 0px;
		padding: 4px 6px 3px 6px;
		color: #fff;
		font-size: 10px;
		border-radius: 5px;
	}
	.fullscreen_linechart{
		width: 100%;
		height: 400px;
		height: 300px;
		margin-bottom: 15px;
	}

/* invoices */
	table.ui-style-table .paid td{
		color: #FFFFFF;
		background-color: #909090;
	}
	table.ui-style-table .invoiced td{
		color: #606060;
		background-color: #D0D0D0;
	}
	table.ui-style-table .recurring td{
		/* color: #FF0000; */
	}
	table.ui-style-table .pending td{
		background-color: #FFFFFF;
	}
	table.ui-style-table tr.summary th,
	table.ui-style-table tr.summary:hover th,
	table.ui-style-table tr.summary td,
	table.ui-style-table tr.summary:hover td{
		text-align: left;
		font-weight: bold;
		line-height: 19px;
	}

/* facelift */
	.ui-tabs,
	.ui-widget-content{
		/*bg*/
	}

/* debug: call_tree */
	#call_tree{
		position: fixed;
		bottom: -780px;
		left: 0px;
		background-color: #ffffff;
		width: 100%;
		height: 800px;
		overflow: auto;
		padding: 0px;
		z-index: 1500;
		transition: bottom .33s ease-out;
	}
		#call_tree.ajax{
			bottom: -760px;
		}

		#call_tree:hover{
			bottom: 0px;
		}

		#call_tree .rendertotal{
			background-color: #F16521;
			padding: 0px 5px;
			line-height: 20px;
			font-weight: bold;
			color: #ffffff;
		}
			#call_tree.ajax .rendertotal{
				background-color: #00ADEF;
			}