/* body, global html etc. */
body{
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	color:#000000;
	background:#FFFFFF;
}

a{ color:#000000; text-decoration:none; }
a:link{ color:#000000; text-decoration:none; }
a:hover{ color:#000000; text-decoration:none; }
a:visited{ color:#000000; text-decoration:none; }
a:active{ color:#000000; text-decoration:none; }

a.sichtbar{ color:#F00; text-decoration:none; }
a.sichtbar:link{ color:#F00; text-decoration:none; }
a.sichtbar:hover{ color:#F00; text-decoration:underline; }
a.sichtbar:visited{ color:#F00; text-decoration:none; }
a.sichtbar:active{ color:#F00; text-decoration:underline; }


img{ 				border:none; border:0; }
hr{ 				height:0; border:0; border-top:1px solid #9ac1c9; margin-bottom:10px; }

h1{ 				font-weight:normal; color:#0067c9; padding:0; margin:0; }
h2{ 				font-size:14px; font-weight:bold; color:#0067c9; }
h3, h4, h5, h6{ 	font-size:14px; font-weight:bold; }
span.hl, h3 span.hl, h4 span.hl, h5 span.hl, h6 span.hl{ 
					font-size:36px !important; font-weight:normal;
}

@media screen and (min-width: 1000px){
	
	h1{ font-size:24px; margin-bottom:13px; }
	a.nav-back{ margin-right:20px; font-size:18px; line-height:28px; }
}

@media screen and (max-width: 1000px){
	
	h1{ font-size:18px; margin-bottom:10px; }
	a.nav-back{ margin-right:15px; font-size:16px; line-height:22px; }
}

#print_logo, 
#print_logo > img,
#print_info,
#process-content h1{display:none; visibility:hidden; width:0; height:0; overflow:hidden; }

.help{ 				cursor:help; }
.clr{ 				clear:both; }
.readonly{ 			background-color:#eee; color:#333; }
.help{ 				cursor:help; }
.hand{ 				cursor:pointer; cursor:hand; }
.red{ 				color:#F00 !important; }
.orange{ 			color:#f60 !important; }
.yellow{ 			color:#FC6 !important; }
.green{ 			color:#390 !important; }
.grey{ 				color:#bbb !important; }
.blue, .blue *{ 	color:#0067c9 !important; }
.bold{ 				font-weight:bold !important; }
.bigger{			font-size:130%; }
big, .big{			font-weight:normal; font-size:40px; color:#0067c9; }
.left{				float:left !important; }
.right{				float:right !important; }
.tleft{				text-align:left !important; }
.tright{			text-align:right !important; }
.tupper{			text-transform:uppercase; }
.center,.tcenter{	text-align:center !important; }
.submit.center{		margin:0 auto !important; float:none !important; display:inline-block !important; }
.border{ 			border:#CCC 1px solid; padding:2px; }
.border_round{ 		border:#CCC 1px solid; padding:10px; border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; }
.box_shadow_5{ 		-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; }
.box_shadow_10{ 	-moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888; }
.box_shadow_20{ 	-moz-box-shadow: 0 0 20px #888; -webkit-box-shadow: 0 0 20px #888; box-shadow: 0 0 20px #888; }
.markterm{ 			background-color:#ff9; }
.inactive, .disabled{ color:#9ac1c9 !important; cursor:not-allowed; }
.pad-10{			padding:10px !important; }
.pad-15{			padding:15px !important; }
.pad-20{			padding:20px !important; }
.pad-25{			padding:25px !important; }
.pad-30{			padding:30px !important; }
.w-20{				width:20px; min-width:20px; }
.w-30{				width:30px; min-width:30px; }
.w-40{				width:40px; min-width:40px; }
.w-50{				width:50px; min-width:50px; }
.w-60{				width:60px; min-width:60px; }
.w-70{				width:70px; min-width:70px; }
.w-80{				width:80px; min-width:80px; }
.w-90{				width:90px; min-width:90px; }
.w-100{				width:100px; min-width:100px; }
.w-110{				width:110px; min-width:110px; }
.w-120{				width:120px; min-width:120px; }
.w-130{				width:130px; min-width:130px; }
.w-140{				width:140px; min-width:140px; }
.w-150{				width:150px; min-width:150px; }
.w-160{				width:160px; min-width:160px; }
.w-170{				width:170px; min-width:170px; }
.w-180{				width:180px; min-width:180px; }
.w-190{				width:190px; min-width:190px; }
.w-200{				width:200px; min-width:200px; }
.gap-l-5{			margin-left:5px; }
.gap-l-10{			margin-left:10px; }
.gap-l-15{			margin-left:15px; }
.gap-l-20{			margin-left:20px; }
.gap-l-25{			margin-left:25px; }
.gap-l-30{			margin-left:30px; }
.gap-l-35{			margin-left:35px; }
.gap-r-5{			margin-right:5px; }
.gap-r-10{			margin-right:10px; }
.gap-r-15{			margin-right:15px; }
.gap-r-20{			margin-right:20px; }
.gap-r-25{			margin-right:25px; }
.gap-r-30{			margin-right:30px; }
.gap-r-35{			margin-right:35px; }

.loader{ 
	border: 2px solid #ddd; border-top: 2px solid #0067c9; border-radius: 50%; width:20px; height:20px; display:block; margin:0 auto;
	-webkit-animation: loaderspin 0.9s linear infinite; 
			animation: loaderspin 0.9s linear infinite; 
}
@-webkit-keyframes loaderspin { 	0% { transform: rotate(0deg); }	100% { transform: rotate(360deg); }	}
@keyframes loaderspin { 			0% { transform: rotate(0deg); }	100% { transform: rotate(360deg); }	}

.noselect {
  -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 */
}

.state-block{		display:inline-block; position:relative; width:12px; height:12px; /*border:1px solid #ccc;*/ vertical-align:middle; }
.state-block-auto{	display:inline-block; position:relative; width:auto; height:auto; /*border:1px solid #ccc;*/ vertical-align:middle; padding:2px; }

a .fa{				color:#CCC; }
a:hover .fa,
a:active .fa{		color:#0067c9; }

.qtip-content > span{ float:left; clear:left; width:150px; }

.fa-info{			border:#999 1px solid; font-size:9px; color:#999; text-align:center; padding:2px 0 0 0; width:14px; height:12px; cursor:pointer; -webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.fa-info:hover{		border:#0067c9 1px solid; color:#0067c9 !important; }

@media screen and (min-width: 1000px){
	
	h1 > i.fa-info{ position:relative; bottom:10px; }
}

@media screen and (max-width: 1000px){
	
	h1 > i.fa-info{ position:relative; bottom:4px; }
}

.fa-star{			font-size:15px; }
.fav-off{			color:#CCC !important; }
.fav-on{			color:#0067c9 !important; }

.ico-compare{		font-size:12px; float:right; margin:1px 0 0 5px; }
.ico-compare.fa-arrow-down{	color:#f00 !important; }
.ico-compare.fa-arrow-up{	color:#390 !important; }
.ic-down{ 			background:#fcc8c8 !important; }
.ic-up{ 			background:#aeeeae !important; }

/* label - check */
.labelled{			display:inline-block; width:15px; height:auto; padding:2px 4px; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; }
.l-txt{				width:auto !important; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; line-height:16px; }
.l-grey, .l-default{color:#cccccc !important; border:#cccccc 1px solid; }
.l-green{			color:#5ec872 !important; border:#5ec872 1px solid; }
.l-blue{			color:#6699ff !important; border:#6699ff 1px solid; } /*ABD4FC*/
.l-orange{			color:#ef8701 !important; border:#ef8701 1px solid; }
.l-red{				color:#ff6666 !important; border:#ff6666 1px solid; }
.l-checked-yes::before{ display:inline-block; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:13px; content:'\f00c'; margin:0 3px 0 0; }
.l-checked-no::before{	display:inline-block; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:13px; content:'\f00d'; margin:0 3px 0 0; }

.files-shortlist{	float:left; position:relative; display:inline-block; width:105px; margin:0; }

.clone-info{		border:2px dashed #f00; border-width:3px 0; padding:3px 0; text-align:center; text-transform:uppercase; font-size:18px; color:#fff; background-color:#f00; }

.legendinfo{		width:15px; height:15px; display:inline-block; margin:0 2px -2px 2px; }
.buttoninfo{		width:auto; height:14px; padding:2px 5px 1px 5px; display:inline-block; margin:1px; border-radius:3px; overflow:hidden; float:left; }
.buttoninfo-large{	width:auto; min-width:15px; padding:3px 8px; display:inline-block; margin:0 2px 2px 2px; border:1px solid #ccc; border-radius:2px; font-weight:normal; float:left; }
.bi-short{			max-width:40px; }

.mailinfo{ 			display:inline-block; margin:0 10px 0 0; padding:10px; text-align:center; font-weight:normal; font-size:40px; width:80px; height:65px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; }
.mailinfo small{ 	font-size:11px; display:inline-block; margin-top:-2px; text-align:center; }
.mi-default{		color:#ccc !important; border:1px solid #ccc; }
.mi-mymails{		color:#0067c9 !important; border:1px solid #0067c9; }
.mi-urgent{			color:#f00 !important; border:1px solid #f00; }

.checkininfo{ 		display:inline-block; float:left; margin:0 15px 0 0; padding:13px 15px 3px 0; text-align:center; font-weight:normal; font-size:40px; width:80px; height:75px; color:#0067c9; border-right:1px solid #9ac1c9; }
.checkininfo:nth-of-type(3),
.checkininfo:nth-of-type(6),
.checkininfo:nth-of-type(9){ border-right:none; }
.checkininfo hr{ height:0; border-top:1px solid #9ac1c9; margin:0 0 15px 0; padding:0; }
.checkininfo small{ font-size:12px; display:inline-block; margin-top:-8px; color:#000; }
.checkininfo strong{ font-size:16px; font-weight:bold; color:#000; margin:0 3px; }


#sidebar{ 			position:fixed;z-index:500;top:0;left:0;display:block;width:180px;height:calc(100vh - 70px);padding:10px;background:#ffffff; border:0 !important;overflow-y:auto; 
					border-right:1px solid #9ac1c9; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; 
}
#sidebar #scroll-indicator{ width:4px; height:22px; position:absolute; left:0; background-color:#0067c9; }
#sidebar .tr-list{	position:relative; display:inline-block; width:calc(100% - 10px); padding-left:10px; height:auto; overflow:hidden; }
#sidebar .tr-list a i.fa{ margin-top:-2px; font-size:22px; }
#sidebar .tr-list a{ position:relative; display:block; float:left; width:350px; min-height:17px; height:auto; padding:2px 0 2px 0; margin:0; border:1px solid #f1f1f1; border-width:0 0 1px 0; }
#sidebar .tr-list a:hover{ color:#0067c9; }

.figureinfo{ 		display:inline-block; margin:0 5px 0 0; padding:3px 6px; text-align:center; font-weight:normal; font-size:24px; width:55px; height:40px; color:#0067c9; border:1px solid #0067c9; }
.figureinfo small{ 	font-size:11px; display:inline-block; margin-top:-2px; text-align:center; }

.schoolgrade{ 		display:inline-block; float:left; margin:0 15px 0 0; padding:3px 10px; text-align:center; font-weight:normal; font-size:30px; width:60px; height:45px; color:#0067c9; border:1px solid #0067c9; }
.schoolgrade small{ font-size:10px; display:inline-block; margin-top:-8px; }

.schoolgrade_details{ display:block; float:left; width:250px; }
.schoolgrade_details div.row{ display:block; float:left; width:250px; color:#0067c9; }
.schoolgrade_details div.row div:first-child{ display:block; float:left; width:210px; text-align:right; }
.schoolgrade_details div.row div:last-child{ display:block; float:left; width:30px; padding-left:10px; font-weight:bold; }

.blockdata{ position:relative; text-align:center; }
.blockdata .bd-item{ 
	/*float:left;*/ display:inline-block; border:1px solid #ccc; margin:0 5px 5px 0; padding:5px; text-align:center; min-width:70px; max-width:70px; overflow:hidden; cursor:pointer;
	-webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
}
.blockdata .bd-item h3{ font-size:18px; font-weight:normal; line-height:18px; padding:0; margin:3px 0 3px 0; color:#0067c9; }
.blockdata .bd-item span{ font-size:10px; font-weight:normal; }

.cur-room-traveller{ /*font-weight:bold; font-size:12px;*/ border:1px dashed #f00; background-color:#fcc8c8; border-radius:3px; padding:2px; display:inline-block; width:auto; height:auto; text-align:center; margin:0 2px; }

/* state in color */
.stateincolor{
	position:relative; display:inline-block; width:20px !important; min-width:20px !important; max-width:20px !important; height:10px; margin:0 5px 0 0; padding:0;
	-webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;
	background-image:url(../images/stateincolor.jpg); background-repeat:no-repeat; 
}
.sic-100{ background-position:-100px 0; }
.sic-95{ background-position:-95px 0; }
.sic-90{ background-position:-90px 0; }
.sic-85{ background-position:-85px 0; }
.sic-80{ background-position:-80px 0; }
.sic-75{ background-position:-75px 0; }
.sic-70{ background-position:-70px 0; }
.sic-66{ background-position:-66px 0; }
.sic-60{ background-position:-60px 0; }
.sic-50{ background-position:-50px 0; }
.sic-40{ background-position:-40px 0; }
.sic-33{ background-position:-33px 0; }
.sic-30{ background-position:-30px 0; }
.sic-25{ background-position:-25px 0; }
.sic-20{ background-position:-20px 0; }
.sic-10{ background-position:-10px 0; }
.sic-0{ background-position:0 0; }

/* e = empty/underline, d = default booking, f = free booking, ko = klammer öffnend, kc = klammer schließend */
.vacancystring{ /*font-family:"Courier New", Courier, monospace;*/ }
.vacancystring d, .vacancystring f, .vacancystring e, .vacancystring ko, .vacancystring kc{ font-size:15px; }
.vacancystring d, .vacancystring f, .vacancystring e{ margin:0 2px; }
.vacancystring ko, .vacancystring kc, .vacancystring e{ color:#666; }
.vacancystring ko{ margin-left:10px; }
.vacancystring d{ color:#0067c9; }
.vacancystring f{ color:#888; }

/* warnings */
#overlay{			position:fixed; z-index:99998/*990*/; display:none; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.85); }

#warn_window{		position:fixed; z-index:99999/*995*/; top:47%; left:50%; transform:translate(-50%, -50%); width:auto; min-width:500px; max-width:700px; height:auto; min-height:150px; padding:0; background:#fff; overflow:hidden;
					-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;
}

#warn_window .head{ height:auto; min-height:20px; padding:1px 15px; color:#FFF; font-size:30px; line-height:20px; }
#warn_window .head span{ display:inline-block; float:left; font-family:'Font Awesome 5 Free'; font-weight:900; margin:12px 12px 0 0; }
#warn_window .head .icon_close{ color:#fff; margin:-3px -15px 0 0; }
#warn_window .body{ height:auto; min-height:60px; padding:20px; }

#warn_window.suc{	border:#5ec872 3px solid; } /* green */
#warn_window.inf{	border:#ABD4FC 3px solid; } /* blue */
#warn_window.wrn{	border:#ef8701 3px solid; } /* orange */
#warn_window.err{	border:#ff6666 3px solid; } /* red */
#warn_window.qst{	border:#ABD4FC 3px solid; } /* blue */

#warn_window.suc .head{		background:#5ec872; }
#warn_window.inf .head{		background:#ABD4FC; }
#warn_window.wrn .head{		background:#ef8701; }
#warn_window.err .head{		background:#ff6666; }
#warn_window.qst .head{		background:#ABD4FC; }

#warn_window.suc .head span:before{	content:'\f058'; }
#warn_window.inf .head span:before{	content:'\f05a'; }
#warn_window.wrn .head span:before{	content:'\f06a'; }
#warn_window.err .head span:before{	content:'\f057'; }
#warn_window.qst .head span:before{	content:'\f059'; }

.error{ 			background:#fbdcdc !important; border:1px solid #e2001a !important; }
.optional{ 			background:#FFC !important; border:1px solid #ef8701 !important; }
.success{			background:#e6ffdd !important; }

.bg_action{			border:#ff6666 3px solid; } /* red */

.bg_white{ 			background:#fff; }
.bg_red{ 			background:#ff6666; }
.bg_red_light{		background:#fcc8c8; }
.bg_orange{ 		background:#ef8701; }
.bg_yellow{ 		background:#FF3; }
.bg_green{ 			background:#5ec872; }
.bg_blue{ 			background:#ABD4FC; }

.bg_warning_red{ 	padding:10px; background:#ff6666; color:#FFF; font-weight:bold; }
.bg_warning_orange{ padding:10px; background:#ef8701; }
.bg_warning_yellow{ padding:10px; background:#FF3; }
.bg_warning_green{ 	padding:10px; background:#5ec872; }
.bg_warning_blue{ 	padding:10px; background:#ABD4FC; }

.bg_warning_red a.fa{ font-size:18px; line-height:16px; }
.bg_warning_red a.fa-times-circle{ color:#888; }
.bg_warning_red a.fa-times-circle:hover{ color:#F00; }


.highlight_white, .highlight_white a, .highlight_white a:link, .highlight_white a:hover, .highlight_white a:visited, .highlight_white a:active{ color:#FFFFFF; }
.highlight_redlight, .highlight_redlight a, .highlight_redlight a:link, .highlight_redlight a:hover, .highlight_redlight a:visited, .highlight_redlight a:active{ color:#F00 !important; }
.highlight_greylight, .highlight_greylight a, .highlight_greylight a:link, .highlight_greylight a:hover, .highlight_greylight a:visited, .highlight_greylight a:active{ color:#999; }
.highlight_greydark, .highlight_greydark a, .highlight_greydark a:link, .highlight_greydark a:hover, .highlight_greydark a:visited, .highlight_greydark a:active{ color:#666 !important; }

div.label_warning{ display:block; height:auto; padding:7px; margin-top:15px; background:#fcc8c8; font-size:12px; color:#F00; border:#F00 2px solid; overflow:auto; }
div.label_warning a.submit, div.label_warning input.submit, div.label_warning button.submit, div.label_warning input[type=button]{ margin:2px 0 2px 5px; float:right !important; }
p.bg_warning_red a.submit, p.bg_warning_red input.submit, p.bg_warning_red button.submit, p.bg_warning_red input[type=button]{ margin:2px 0 2px 5px; float:right !important; }
p.bg_warning_red{ overflow:auto; }

div.label_info{ 	font-weight:normal; }
@media screen and (max-width: 800px){ 
	div.label_info{color:#333; }
}
div.label_line{ 	clear:both; font-size:14px; color:#0067c9; width:100%; padding:0 0 7px 0; margin:0 0 7px 0; border-bottom:1px dotted #9ac1c9; }

div.label_warning span.loader{ float:left !important; width:10px !important; height:10px !important; margin:0 8px 0 0 !important; }

/* new layout-blocks */
.lay-block{ position:relative; float:left; display:block; height:auto; min-height:200px; padding:1%; box-sizing:border-box; }
.lay-block h4{ text-transform:uppercase; font-weight:normal; font-size:18px; margin:15px 0 25px 0; color:#0067c9; }
.lay-block h4 span.num{ float:left; position:relative; display:block; border:1px solid #0067c9; border-radius:50%; font-size:18px; line-height:30px; width:30px; height:30px; margin:-6px 15px 0 0; text-align:center; color:#0067c9; }

.lb-h-100{ min-height:65px; }
.lb-h-150{ min-height:115px; }
.lb-h-200{ min-height:165px; }
.lb-h-250{ min-height:215px; }
.lb-h-300{ min-height:265px; }
.lb-h-350{ min-height:315px; }
.lb-h-400{ min-height:365px; }
.lb-h-500{ min-height:465px; }
.lb-h-600{ min-height:565px; }
.lb-h-700{ min-height:665px; }
.lb-h-xxx{ min-height:auto; }

@media screen and (min-width: 1800px){
	.lb-s{ width:21%; border-left:1px dotted #9ac1c9; }
	.lb-sm{ width:24%; border-left:1px dotted #9ac1c9; }
	.lb-ms{ width:28%; border-left:1px dotted #9ac1c9; }
	.lb-m{ width:31%; border-left:1px dotted #9ac1c9; }
	.lb-ml{ width:36%; border-left:1px dotted #9ac1c9; }
	.lb-ls{ width:38%; border-left:1px dotted #9ac1c9; }
	.lb-l{ width:41%; border-left:1px dotted #9ac1c9; }
	.lb-ll{ width:45%; border-left:1px dotted #9ac1c9; }
	.lb-xl{ width:48%; border-left:1px dotted #9ac1c9; }
	.lb-xxl{ width:64%; border-left:1px dotted #9ac1c9; }
	.lb-full{ width:98%; clear:both; padding:0 !important; }
}
@media screen and (min-width: 1300px) and (max-width: 1799px){
	.lb-s, .lb-sm, .lb-ms, .lb-m{ width:40%; border-left:1px dotted #9ac1c9; }
	.lb-ml, .lb-ls, .lb-l, .lb-ll, .lb-xl, .lb-xxl, .lb-full{ width:58%; border-left:1px dotted #9ac1c9; }
	.lb-s:nth-of-type(4),.lb-sm:nth-of-type(4),.lb-ms:nth-of-type(4),.lb-m:nth-of-type(4),
	.lb-s:nth-of-type(6),.lb-sm:nth-of-type(6),.lb-ms:nth-of-type(6),.lb-m:nth-of-type(6){ margin-left:0 !important; padding-left:0 !important; border-left:none !important; border-top:1px dotted #9ac1c9; }
	.lb-s:nth-of-type(5),.lb-sm:nth-of-type(5),.lb-ms:nth-of-type(5),.lb-m:nth-of-type(5){ border-top:1px dotted #9ac1c9; }
}
@media screen and (max-width: 1300px){
	.lb-s, .lb-sm, .lb-ms, .lb-m, .lb-ml, .lb-ls, .lb-l, .lb-ll, .lb-xl, .lb-xxl, .lb-full{ 
		width:98%; height:auto !important; min-height:auto !important; 
		margin-left:0 !important; padding-left:0 !important; padding-bottom:20px; border-left:none !important; border-bottom:1px dotted #9ac1c9; 
	}
	.lay-block:last-child{ border:none !important; }
}

.lay-block:nth-of-type(1){ border-left:0 !important; padding-left:0 !important; }

.lay-block td input[type=text],
.lay-block td textarea{ max-width:calc(100% - 30px) !important; }

/* checkin-blocks */
.ci-block{ position:relative; float:left; display:block; height:auto; padding:0; box-sizing:border-box; }
.ci-block h4{ text-transform:uppercase; font-weight:normal; font-size:18px; margin:15px 0 25px 0; color:#0067c9; }

.ci-h-100{ min-height:65px; }
.ci-h-200{ min-height:165px; }
.ci-h-300{ min-height:265px; }
.ci-h-400{ min-height:365px; }
.ci-h-500{ min-height:465px; }
.ci-h-xxx{ min-height:auto; }

@media screen and (min-width: 1800px){
	.ci-14{ width:25%; border-left:1px dotted #9ac1c9; padding:0 20px 20px 20px; }
	.ci-24{ width:50%; border-left:1px dotted #9ac1c9; padding:0 20px 20px 20px; }
	.ci-34{ width:75%; border-left:1px dotted #9ac1c9; padding:0 20px 20px 20px; }
	.ci-44{ width:100%; border:none; padding-bottom:20px; }
	.ci-14:nth-of-type(1),.ci-24:nth-of-type(1),.ci-34:nth-of-type(1),.ci-44:nth-of-type(1){ border:none !important; padding-left:0 !important; }
}
@media screen and (min-width: 1000px) and (max-width: 1799px){
	.ci-14{ width:50%; }
	.ci-14:nth-of-type(2n+1){ clear:both; border-left:none !important; padding:0 20px 20px 0; }
	.ci-14:nth-of-type(2n){ border-left:1px dotted #9ac1c9; padding:0 0 20px 20px; }
	.ci-24, .ci-34, .ci-44{ width:100%; margin-left:0 !important; padding:0 !important; padding-bottom:20px !important; border-left:none !important; border-top:1px dotted #9ac1c9; }
}
@media screen and (max-width: 1000px){
	.ci-14, .ci-24, .ci-34, .ci-44{ width:100%; margin-left:0 !important; padding:10px 0 20px 0 !important; border-left:none !important; border-bottom:1px dotted #9ac1c9; }
	.ci-block:last-child{ border:none !important; }
}
/* new password strength */
.pw-strength{ position:relative; display:block; float:left; width:84px; height:6px; padding:2px 0 2px 2px; border:1px #9ac1c9 solid; border-radius:2px; margin-right:4px; }
.pw-strength > span{ position:relative; display:block; float:left; width:26px; height:6px; margin:0 2px 0 0;}
.pws-1{ background-color:#fcc8c8; }
.pws-2{ background-color:#FFEA8E; }
.pws-3{ background-color:#8fdc8f; }

/* chat */
#chat-content{ display:block; height:520px; min-height:520px; max-height:520px; width:650px; min-width:650px; max-width:650px; overflow:auto; text-align:left; }
#chat-content #assign_search{ height:270px; min-height:270px; max-height:270px; width:620px; overflow:auto; }

.chat{ width:96%; height:460px; min-height:460px; max-height:460px; padding:10px 2%; overflow:auto; }
.chat .holder{ display:block; float:left; width:100%; height:auto; padding:6px 0; }

.chat .holder > div{ 
	position:relative; display:block; width:auto; max-width:70%; padding:5px 10px; 
	-webkit-box-shadow: 1px 1px 3px #888; -moz-box-shadow: 1px 1px 3px #888; box-shadow: 1px 1px 3px #888;
	-webkit-border-radius:6px; -khtml-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px;
}

.chat .holder div.center{ width:80px; text-align:center; background-color:#ABD4FC; margin:0 auto; }
.chat .holder div.left{ float:left; min-width:280px; text-align:left; background-color:#f1f1f1; }
.chat .holder div.right{ float:right; min-width:280px; text-align:left; background-color:#8fdc8f; }

.chat .holder div .arrow{ position:absolute; bottom:15px; width:0; height:0; border-top:5px solid transparent; border-bottom:10px solid transparent; }
.chat .holder div.left .arrow{ left:-15px; border-right:15px solid #f1f1f1; }
.chat .holder div.right .arrow{ right:-15px; border-left:15px solid #8fdc8f; }

.chat .holder div > span{ float:left; font-size:12px; color:#666; width:100%; margin-bottom:5px; }
.chat .holder div > span > small{ float:right; font-size:12px; }

.chat .holder div .content{ display:inline-block; width:100%; height:auto; overflow:auto; }
.chat .holder div .content p,.chat .holder div .content h1,.chat .holder div .content h2,.chat .holder div .content h3{ padding:3px 0; margin:3px 0; font-weight:normal; font-size:14px; color:#000; }

.chat .holder div .image{ width:auto; max-width:100%; height:auto; }

.chat .holder div .object{ 
	display:inline-block; width:100%; max-width:260px; height:auto; padding:6px 12px;
	-webkit-box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; background:#ffffff;
	-webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;
}
.chat .holder div .object span.title{ float:none; text-transform:uppercase; color:#0067c9; }

/* mailbox */
#mbox-folders{ display:block; float:left; width:auto; min-width:200px; height:auto; min-height:500px; padding-top:5px; }
#mbox-folders > div#mails-droppable{ width:auto; min-width:200px; }
#mbox-mail{ display:block; float:right; width:auto; height:auto; min-height:500px; }
#mails-droppable td a.name{ /*min-width:140px; display:inline-block;*/ }

.mail-draggable-move{ display: table; border:#f00 1px dotted; opacity: 0.8; }
.mailfolder-droppable-hover td{ background-color:#fcc; border:#f00 1px dotted; }
.mailaccount-droppable-hover{ background-color:#fcc !important; border:#f00 1px dotted !important; }

.mbox-tabs{ display:block; float:left; clear:both; width:100%; height:auto; min-height:37px; padding:0; margin-bottom:20px; border-bottom:1px solid #9ac1c9; }
.mbox-tabs > a{ 
	display:inline-block; float:left; width:auto; max-width:140px; height:27px; font-weight:normal; text-decoration:none; text-align:center; line-height:20px; border:1px solid #9ac1c9; background:#FFF;
	-webkit-border-top-right-radius:6px; -khtml-border-top-right-radius:6px; -moz-border-top-right-radius:6px; -ms-border-top-right-radius:6px; -o-border-top-right-radius:6px; border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px; -khtml-border-top-left-radius:6px; -moz-border-top-left-radius:6px; -ms-border-top-left-radius:6px; -o-border-top-left-radius:6px; border-top-left-radius:6px;
}
.mbox-tabs .default{ margin:10px 0 -1px 10px; padding:0 5px; color:#000; border-bottom:1px solid #9ac1c9; }
.mbox-tabs .active{ margin:0 0 -1px 10px; padding:5px; color:#0067c9; font-weight:bold; border-bottom:1px solid #fff; }
/*.mbox-tabs > a p{ display:inline-block; float:left; margin:4px 2px; text-align:left; }*/
.mbox-tabs > a small{ font-size:10px; font-weight:normal; }
.mbox-tabs > a div.amount{ display:block; float:left; width:auto; max-width:30px; height:22px; padding:3px 3px 0 0; text-align:center; font-size:24px; font-weight:normal; }
.mbox-tabs > a span.label{ display:block; float:left; width:auto; max-width:100px; padding:4px 2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.mb-sign-blue{ 		background-image: linear-gradient(#b8cefa, #6699ff);}
.mb-sign-purple{ 	background-image: linear-gradient(#ccccf5, #9c9cda);}
.mb-sign-green{ 	background-image: linear-gradient(#a2ebaf, #5ec872);}
.mb-sign-yellow{ 	background-image: linear-gradient(#ffffcc, #dfdf7a);}
.mb-sign-orange{ 	background-image: linear-gradient(#ef9e01, #ef8701);}
.mb-sign-red{ 		background-image: linear-gradient(#ff9999, #ff6666);}
.mb-sign-grey{ 		background-image: linear-gradient(#cccccc, #aaaaaa);}

/* storagefiles */
#storagefiles-folders{ display:block; float:left; width:auto; /min-width:350px; height:auto; min-height:500px; padding-top:5px; }
#storagefiles-folders > div#storagefiles-droppable{ width:auto; min-width:350px; }

.storagefile-draggable-move{ display: table; border:#f00 1px dotted; opacity: 0.8; }
.storagefolder-draggable-move{ display: table; border:#f00 1px dotted; opacity: 0.8; }
.storagefolder-droppable-hover td{ background-color:#fcc; border:#f00 1px dotted; }

/* addressbook */
.addressbook-list td h4{ display:inline-block; text-transform:uppercase; color:#0067c9; font-weight:normal; line-height:1.5em; margin:0; margin-bottom:3px; padding:0; }
.addressbook-list td p{ 					display:block; float:left; position:relative; width:100%; line-height:1.5em; margin:0; padding:0; }
.addressbook-list td p > span.label{ 		width:40px; padding-right:10px; float:left; color:#0067c9; }
.addressbook-list td p > span.value{ 		width:calc(100% - 50px); float:left; overflow:hidden; }
.addressbook-list td p > span.value strong{ font-size:115%; }
.addressbook-list td p > span.value img{ 	margin-right:5px; }

#addressbook{ position:absolute; z-index:50; width:1000px; max-width:calc(100% - 90px); /*max-width:1000px;*/ min-height:550px; max-height:650px; margin:0; overflow:auto; }
#addressbook #addressbook_search{ width:calc(100% - 5px); height:500px; overflow:auto; }

#mailbook{ position:absolute; z-index:50; width:300px; min-height:220px; height:auto; max-height:420px; margin:-150px 0 0 385px; }

.fr-holder{ 
										position:relative; float:left; padding:5px 0 0 5px; margin:0 5px 15px 0; width:calc(100% - 30px); min-width:450px; height:auto; min-height:30px; display: flex; flex-flow: row wrap;
										border:#ccc 1px solid; 
										-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; 
}
.fr-holder .fr-item{ position:relative; background-color:#f1f1f1; padding:4px; margin:0 5px 5px 0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; flex: 0 0 auto; order:0; }
.fr-holder .fr-item:hover{ background-color:#b6cfff; }
.fr-holder .fr-item span{}
.fr-holder .fr-item a,.fr-holder .fr-item a:visited,.fr-holder .fr-item a:link{ float:right; font-size:15px; margin-left:5px; color:#999; }
.fr-holder .fr-item a:hover,.fr-holder .fr-item a:active{ color:#0067c9; }

input.fr-receiversearch{
										background:transparent; /*border:0 !important;*/ margin-left:1px; padding:3px !important; flex: 1 1 auto; order:1;
										min-width:220px; border:#CCC 1px solid;
										-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; 
}
span.fr-type{ display:block; border:#CCC 1px solid; background-color:#f9f9f9; width:30px; padding:7px 0; margin:0; text-align:center; text-transform:uppercase; font-size:11px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }

/* fieldset */
.fs-overview{ 							display:block; float:left; width:100%; height:auto; margin-top:10px; }
.fs-overview fieldset, fieldset{ 		display:inline-block; float:left; height:auto; min-height:275px; margin:0 25px 20px 0; padding:15px; border:#CCC 1px solid; }
.fs-overview .fs-height-200{ 			height:200px; min-height:200px !important; }
.fs-overview .fs-height-300{ 			height:300px; min-height:300px !important; }
.fs-overview .fs-height-400{ 			height:400px; min-height:400px !important; }
.fs-overview .fs-height-500{ 			height:500px; min-height:500px !important; }
.fs-overview .fs-height-600{ 			height:600px; min-height:600px !important; }
.fs-overview .fs-height-700{ 			height:700px; min-height:700px !important; }
.fs-overview fieldset legend, fieldset legend{ text-transform:uppercase; font-weight:normal; padding:0 10px; font-size:16px; color:#0067c9; }

@media screen and (min-width: 1700px){
	.fs-overview fieldset, fieldset{ width:calc(25% - 57px); }
}
@media screen and (min-width: 1300px) and (max-width: 1700px){
	.fs-overview fieldset, fieldset{ width:calc(33.3% - 57px); }
}
@media screen and (min-width: 900px) and (max-width: 1300px){
	.fs-overview fieldset, fieldset{ width:calc(50% - 57px); }
}
@media screen and (max-width: 900px){
	.fs-overview fieldset, fieldset{ width:calc(100% - 57px); }
}

.cm-overview{ 											display:block; float:left; min-width:320px; width:320px; height:auto; }
.cm-overview fieldset{ 									display:inline-block; float:left; min-width:290px; width:290px; height:auto; min-height:75px; margin:0 0 20px 0; padding:15px; border:#CCC 1px solid; }
.cm-overview fieldset legend{ 							text-transform:uppercase; font-weight:normal; padding:0 10px; font-size:16px; color:#0067c9; }
.cm-overview fieldset div.headline{						float:left; display:block; width:100px; height:auto; }
.cm-overview fieldset div.options{						float:left; display:block; width:140px; height:auto; margin:0 0 10px 10px; }
.cm-overview fieldset div.options:last-child{			margin-bottom:0; }
.cm-overview fieldset span.option{				
	display:inline-block; float:left; margin:3px 3px 0 0; padding:3px 5px; border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;
	font-size:14px; 
}

/* acquisition */
.acquisition-blocks{ position:relative; display:block; height:560px; min-height:560px; max-height:560px; width:660px; min-width:660px; max-width:660px; overflow:auto; text-align:left; }

.acquisition-tabs{ display:block; width:100%; height:auto; }
.acquisition-tabs > div{ 
	position:relative; display:block; float:left; width:250px; height:auto; min-height:75px; margin:0 20px 20px 0; cursor:pointer; cursor:hand; overflow:hidden;
	border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;
}
.acquisition-tabs > div.active{ border:2px solid #0067c9; color:#0067c9; padding:0; }
.acquisition-tabs > div.default{ border:1px solid #ccc; color:#CCC; margin:1px 21px 21px 1px; }

.acquisition-tabs > div > div{ width:100%; float:left; position:relative; display:block; padding:5px 0; text-align:center; }
.acquisition-tabs > div > div.amount{ font-size:18px; padding:0; }
.acquisition-tabs > div > div.process{ display:block; position:absolute; bottom:0; left:0; height:6px; padding:0; }
.acquisition-tabs > div > div.process > div{ display:block; float:left; height:6px; }
.acquisition-tabs > div > div.process > div.p-2{ background-image: linear-gradient(#a2ebaf, #5ec872); }
.acquisition-tabs > div > div.process > div.p-1{ background-image: linear-gradient(#ffffcc, #dfdf7a); }
.acquisition-tabs > div > div.process > div.p-0{ background-image: linear-gradient(#ff9999, #ff6666); }

.docs-view{						width:100%; }
.docs-view a{					position:relative; display:inline-block; float:left; width:105px; height:auto; min-height:65px; margin:0 5px 0 0; color:#999; text-align:center; font-size:12px; line-height:14px; }
.docs-view a:hover{				color:#0067c9; text-decoration:none; }
.docs-view a .fa{				font-size:30px; margin-bottom:3px; }

#assign_search{ height:270px; min-height:270px; max-height:270px; width:calc(100% - 20px); overflow:auto; }

/* process */
#process-history{ display:block; height:62vh; width:100%; overflow:auto; text-align:left; }
#process-comments{ display:block; height:auto; max-height:52vh; width:100%; overflow:auto; text-align:left; }
#process-message{ display:block; height:62vh; width:100%; padding:0; border:1px solid #9ac1c9; overflow:auto; background:#fff; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; }
#process-assignsearch{ height:auto; min-height:20px; max-height:300px; width:calc(100% - 20px); overflow:auto; }
.object2assign, .object2booking, .object2busroute{ height:auto; min-height:20px; max-height:175px; width:calc(100% - 20px); overflow:auto; }

.processsubtype-0{	background-color:#f6c57d !important; }
.processsubtype-1{	background-color:#f4debe !important; }
.processsubtype-2{	background-color:#FF9 !important; }

/* notestype */
/*
# Pool_ID				0					1				2								3					4				5						6						7				8
 	1 => array('Anruf (eingehend)','Anruf (ausgehend)','Buchungsabwicklung','für Hausleiter','für Housekeeping','für Buchhaltung','Problem vor Ort / Regress','zum Kunden','Sonstiges'),
*/
.processsubtype-2-1-0, .processsubtype-2-1-1, .processsubtype-2-1-2, .processsubtype-2-1-6, .processsubtype-2-1-7, .processsubtype-2-1-8{	background-color:#FF9 !important; }
.processsubtype-2-3{	background-color:#69F !important; } /* für Hausleiter */
.processsubtype-2-4{	background-color:#F9C !important; } /* für Housekeeping */
.processsubtype-2-5{	background-color:#F30 !important; } /* für Buchhaltung */

/* process - OLD */
.process-state{
	position:relative; float:left;
	display:block; 
	width:20px; min-width:20px; max-width:20px;
	height:10px; 
	margin:2px 6px 2px 0; padding:0;
	border:none;
	background-color:#00ff1e;
	background-image:url(../images/process-state.jpg);
	background-repeat:0 0;
	background-repeat:no-repeat;
}

.processsubtype-inbox{ background-color:#f6c57d; }
.processsubtype-outbox{ background-color:#f4debe; }
.processsubtype-note{ background-color:#FF9; }

img#teamer_profile_image{ float:left; display:block; width:100px; height:100px; padding:0; margin:0 5px 5px 0; border:1px solid #9ac1c9; background:#fff url(../images/ajax_loader.gif) no-repeat center center; overflow:hidden; }
a.teamer_profile_images{ float:left; display:block; width:55px; height:55px; padding:0; margin:0 5px 5px 0; border:1px solid #9ac1c9; overflow:hidden; }
a.teamer_profile_images > img{ width:55px; height:auto; }

div#image_preview{
	position:absolute; z-index:60;
	width:89px;	height:89px;
	padding:0; margin-left:110px;
	border:1px solid #9ac1c9;
	background:#fff url(../images/ajax_loader.gif) no-repeat center center;
	overflow:hidden;
}

div#protocol-fi{
	position:absolute;
	z-index:60;
	font-size:12px;
	color:#0067c9;
	width:700px;
	height:600px;
	padding:10px;
	left:50%; margin-left:-350px;
	top:100px;
	border:1px solid #9ac1c9;
	background:transparent url(../images/trans_none.png) repeat top left;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}
div#protocol-fi-inner{
	position:relative;
	width:700px;
	height:580px;
	overflow:auto;
}

#global_costumer_search,
#global_cashjournal_search{
	position:fixed; z-index:3000;
	height:100vh; border:0; background:#FFF; 
}

@media screen and (min-width: 800px){
	#global_costumer_search, #global_cashjournal_search{ width:calc(100% - 40px); padding:20px; }
}
@media screen and (max-width: 800px){
	#global_costumer_search, #global_cashjournal_search{ width:calc(100% - 20px); padding:10px; }
}

#costumer_search{ overflow:auto; }

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

	#global_costumer_search div.new-items{ float:right; width:490px; }
	#costumer_search{ width:calc(100% - 23px); height:calc(100% - 185px); }
}
@media screen and (max-width: 1200px){

	#global_costumer_search div.new-items{ float:left; width:100%; margin-bottom:30px; }
	#global_costumer_search h2{ clear:both; }
	#costumer_search{ width:calc(100% - 23px); height:45vh; }
}


#info_window{
	position:absolute; z-index:400;
	width:auto; min-width:400px; height:auto; top:30px; right:40px; min-height:50px; /*max-height:400px;*/ padding:10px; margin-top:7px;
	border:1px solid #9ac1c9;background:#fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;
}

/* phonecall */
#phonecall_notify{ position:fixed; z-index:800; bottom:0; left:0; width:0; height:0; overflow:hidden !important; display:none; }
#phonecall_content{ height:400px; overflow:auto; }

/* reminder */
#date_reminder{ position:fixed; z-index:700; bottom:0; right:0; width:0; height:0; overflow:hidden !important; display:none; }
#date_content{ height:200px; overflow:auto; }

/* block info */
#blockinfo{ 							width:100%; float:left; display:block; position:relative; margin:20px 0; padding:0; }
#blockinfo > div{ 						display:block; float:left; position:relative; height:auto; min-height:70px; }
#blockinfo > div > p{ 					display:block; float:left; position:relative; width:100%; margin:0; padding:3px 0; }
#blockinfo > div > p > span.label{ 		width:90px; padding-right:10px; float:left; color:#0067c9; }
#blockinfo > div > p > span.value{ 		width:calc(100% - 100px); float:left; overflow:hidden; }
#blockinfo > div > p > span.value strong{ font-size:115%; }
#blockinfo > div > p > span.value img{ 	margin-right:5px; }

@media screen and (min-width: 1000px){
	#blockinfo > div{ 						width:calc(33.3% - 31px); border-left:1px solid #9ac1c9; margin-right:15px; padding-left:15px; }
	#blockinfo > div:first-child{ 			border-left:none; padding-left:0; width:calc(33.3% - 15px); }
	#blockinfo > div:last-child{ 			margin-right:0; width:calc(33.3% - 16px); }
}
@media screen and (min-width: 680px) and (max-width: 1000px){
	#blockinfo > div{ 						width:calc(49.5% - 31px); border-left:1px solid #9ac1c9; margin-right:15px; margin-bottom:15px; padding-left:15px; }
	#blockinfo > div:nth-of-type(1),
	#blockinfo > div:nth-of-type(3),
	#blockinfo > div:nth-of-type(5){ 			border-left:none; padding-left:0; width:calc(49.5% - 15px); clear:both; }
	#blockinfo > div:nth-of-type(2),
	#blockinfo > div:nth-of-type(4),
	#blockinfo > div:nth-of-type(6){ 			margin-right:0; width:calc(49.5% - 16px); }
}
@media screen and (max-width: 680px){
	#blockinfo > div{ 						width:100%; border-top:1px solid #9ac1c9; margin-bottom:15px; padding-top:15px; }
	#blockinfo > div:first-child{ 			border-top:none; padding-top:0; }
}


/* box holder */
.boxholder{
	width:auto; height:auto; display:inline-block;
}

.boxholder div{
	position:relative; float:left;
	width:auto; min-width:120px; max-width:200px;
	height:auto; min-height:50px; max-height:150px;
	padding:8px; margin:7px 7px 0 0;
	border:1px solid #9ac1c9; overflow:hidden;
}

div.box{ position:relative; float:left; display:inline-block; margin-right:20px; }

@media screen and (max-width: 600px){
	
	div.box{ margin:8px 0 !important; padding:0 !important; width:98%; }
	div.box select{ width:89% !important; max-width:89% !important; min-width:89% !important; }
	div.box td{ white-space:nowrap; }
}

/* bus seats */
.seats{
	position:relative; 
	width:201px; height:auto;
	padding:0; margin:10px 0 0 0;
	overflow:hidden;
}

.seats > div.block{ 					position:relative; float:left; background-color:#fff; }
.seats div.block div.seat{				position:relative; float:left; text-align:right; width:33px; height:23px; padding:3px; padding-top:13px; margin:1px 0 0 1px; border:0; overflow:hidden; }
.seats div.block div.default, 
.seats-default{ 						background:#aeeeae; }
.seats div.block div.comfort,
.seats-comfort{ 						background:#ffeacb; }
.seats div.block div.unfree{ 			/*background:#eeeeee;*/ }
.seats div.block div.current{			background:#fcc8c8; }
.seats div.block div.free{				 }

.seats div.block div.empty{				position:relative; float:left; width:40px; height:40px; padding:0; margin:0; border:0; overflow:hidden; }
.seats div.block div.seat div.number{	float:left; font-size:12px; clear:both; margin-top:-10px;}

/* label */
div.flying_window{
	position:absolute; z-index:80; width:auto; height:auto; padding:15px; border:1px solid #9ac1c9;
	background:#fff; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;
}

div.label_window{
	position:relative; font-size:12px; width:auto; min-width:330px; height:auto; padding:10px; margin-top:7px; border:1px solid #9ac1c9;
	background:#fff; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;
}

a.label_property,
div.label_property,
button.label_property,
input.label_property{
	position:relative; float:left;
	font-size:12px; color:#777;
	padding:4px 5px; margin:3px 5px 5px 0;
	border:1px solid #9ac1c9;
	cursor:pointer; cursor:hand;
	-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
	-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
a.label_property_active,
div.label_property_active,
button.label_property_active,
input.label_property_active{
	position:relative; float:left;
	font-size:12px; color:#ffffff;
	padding:5px 7px; margin:3px 5px 5px 0;
	border:1px solid #69F;
	cursor:pointer; cursor:hand;
	background-image: linear-gradient(#69F, #67a1dc);
	-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
	-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}

div.label_step, div.label_step_active{
	position:relative; float:left;
	font-size:12px; color:#777;
	padding:5px 7px; margin:3px 5px 5px 0;
	border:1px solid #9ac1c9;
	cursor:pointer; cursor:hand;
	-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
	-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
div.label_step_active.bg_red{ color:#FFF !important; }

div.label_step_inactive{
	position:relative; float:left;
	font-size:12px; color:#777;
	padding:5px 7px; margin:3px 5px 5px 0;
	border:1px solid #9ac1c9;
	background-color:#eee; cursor:not-allowed;
	-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
	-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}

div.label_step_current{
	position:relative; float:left;
	font-size:12px; color:#ffffff;
	padding:5px 7px; margin:3px 5px 5px 0;
	border:1px solid #69F;
	cursor:pointer; cursor:hand;
	background-image: linear-gradient(#69F, #67a1dc);
	-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
	-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}

div.label_shadow, div.label_help{
	position:absolute; font-size:12px;
	width:450px; height:auto; padding:10px;
	background:transparent url(../images/trans_none.png) repeat top left;
	border:1px solid #9ac1c9; box-shadow: 0 0 5px #888;
}

div.label_help h3{
	margin-top:-5px; margin-bottom:0;
}

div.label_error{
	position:relative;
	font-size:12px;
	color:#0067c9;
	width:215px;
	height:auto;
	padding:2px;
	float:left;
	margin-left:10px;
	border:1px solid #9ac1c9;
	background:transparent url(../images/trans_none.png) repeat top left;
	-webkit-border-radius: 5px; -moz-border-radius: 5px;
}
div.label_empty{
	float:left;
	width:auto;
}

div.mail_holder{
	display:block; position:relative; width:auto; height:auto; max-height:500px;
	padding:3px; margin:0; border:0; background:transparent; overflow:auto;
}
div.mail_holder_files{
	display:inline-block; position:relative; width:100%; height:auto; max-height:120px;
	padding:5px 0; margin:0 0 10px 0; border:0; background:transparent; overflow:auto;
}
div.mail_holder_files div{
	display:inline-block; float:left; margin-right:10px;
}

div.content_inner{
	padding:0 10px 0 10px;
}
div.win_info_300{
	background:transparent url(../images/win_info_300x300.png) no-repeat top left;
	width:260px;
	height:260px;
	border:0;
	float:left;
	padding:20px;
	cursor:hand;
	cursor:pointer;
}

div.pillar_fullgrey{
	width:20px;
	height:5px;
	border:#FFF 1px solid;
	background-color:#999;
}
div.pillar_halfgrey{
	width:20px;
	height:5px;
	border:#FFF 1px solid;
	background-color:#CCC;
}
div.pillar_fullred{
	width:20px;
	height:5px;
	border:#FFF 1px solid;
	background-color:#C00;
}
div.pillar_halfred{
	width:20px;
	height:5px;
	border:#FFF 1px solid;
	background-color:#FF888B;
}

.icon_help_interactive{
	margin-right:5px;
	margin-top:5px;
}

.text_info{ font-size:12px; color:#0067c9; }
.text_bold{ font-weight:bold; }
.text_mini{ font-size:11px; font-weight:normal; }


/* ////////////////////////////////////////////////////////////////////////// */
/* solution to hide default file-inputs */
div.fileinputs {
	position: relative;
	overflow:hidden;
	min-width:95px; width:calc(100% - 30px); max-width:300px;
	height:23px;
}
div.fileinputs input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
div.fileinputs .fakefile {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
div.fileinputs .fakefile input,
div.fileinputs .fakefile img{
	float:left;
}
div.fileinputs .fakefile input{
	min-width:70px; width:calc(100% - 55px); max-width:275px;
	height:19px;
	font-size:10px;	
	border:1px solid #9ac1c9;
	padding:1px;
}

/* tables, output etc. */

/* grid for images/files in filebrowser */
.grid-view{ width:100%; float:left; display:block; position:relative; margin:20px 0; padding:0; }

.grid-view > div{}
.grid-view > div{ 						display:table-cell; float:left; position:relative; width:180px; height:180px; margin:0 20px 20px 0; border:1px solid #9ac1c9; padding:0; text-align:center; vertical-align:middle; }

.grid-view > div > strong{				display:inline-block; width:90%; padding:0 5%; font-weight:normal; }
.grid-view > div.g-dir > strong{		font-weight:bold; color:#0067c9; display:table-cell; text-align:center; vertical-align:middle; width:180px; height:180px; }
.grid-view > div.g-image > a.thumb,
.grid-view > div.g-image > div.thumb{	display:block; position:absolute; width:180px; height:180px; top:0; left:0; z-index:0; overflow:hidden; background-color:#fff; background-position:center center; background-size:75%; background-repeat:no-repeat; }
.grid-view > div:hover{					background-color:#f1f1f1; }

.grid-view > div span.fa{				font-size:36px; line-height:36px; color:#CCC; padding:10% 0; }
.grid-view > div:hover span.fa{			color:#0067c9; }

.grid-view > div > p{ 					display:none; position:absolute; z-index:2; bottom:0; left:0; width:96%; height:auto; margin:0; padding:5px 2%; line-height:16px; text-align:center; background-color:rgba(255,255,255,0.99); border-top:1px solid #9ac1c9; }
.grid-view > div:hover > p{				display:block; }

/* holder for scrolling tables vertically */
.table-view{ width:100%; display:inline-block; overflow:auto; height:auto; padding-bottom:20px; margin-bottom:20px; }

/* style to purify html-layout for forms etc. */
.table-form tr td{ padding:1px; padding-top:20px; vertical-align:top; text-align:left; }

/* two parallel tables */
.table-dual{ float:left; }
@media screen and (min-width: 1400px){
	.table-dual.td1{ width:50%; margin:0 30px 30px 0; }
	.table-dual.td2{ width:calc(50% - 30px); margin:0; }
}
@media screen and (max-width: 1400px){
	.table-dual.td1, .table-dual.td2{ width:100%; margin:0; margin-bottom:30px; }
}


@media screen and (max-width: 800px){
.table-edit{width:99%;min-width:99%;max-width:99%;padding:0;}
.table-edit td, .table-edit th{display:run-in;float:left;text-align:left !important;min-width:99%;padding:0 !important;}
.table-edit tr td:last-child{ margin-bottom:10px; }
.table-edit td p, .table-edit th p{float:left;text-align:left !important; width:100%;}
}


/* routes-bus-lists */
.table-list-blocks{ border:1px solid #ccc; }
.table-list-blocks table{ width:155px; float:left; margin:7px 0 7px 7px; border:1px solid #ccc; }
.table-list-blocks table td{ padding:2px; }


.table-checkin{ display:block; float:left; height:auto; min-height:260px; }
.table-checkin td{ padding:0 2px; }
@media screen and (max-width: 800px){
.table-checkin{ width:100%; min-width:100%; max-width:100%; }
}

td.td_seperator{ width:30px; }
td.td_seperator_border{ border-left:2px solid #999 !important; }
td.td_seperator_border_right{ border-right:2px solid #999 !important; }
td.td_spacing{ padding:1px; }
td.td_border_white_left{ border-left:5px solid #fff; }
td.td_border_white_right{ border-right:5px solid #fff; }
td.td_border_white_top{ border-top:5px solid #fff; }
td.td_border_white_bottom{ border-bottom:5px solid #fff; }
td.th, th{ background:#eaeaea; color:#000000; padding:3px; font-weight:normal; }
td.th h2, th h2{margin-top:2px;margin-bottom:3px;min-height:18px;}

td.th a, td.th a:link, td.th a:hover, td.th a:visited, td.th a:active,
th a, th a:link, th a:hover, th a:visited, th a:active{
	color:#0067c9;
}

/* process notes types */
.tr_notestype_0{ background-color:#FCC; } /* Kunden-Email (gelb) */
.tr_notestype_1{ background-color:#f4debe; } /* Nachricht an Kunden (orange) */
.tr_notestype_2{ background-color:#f4debe; } /* Angebotsversand (orange) */
.tr_notestype_3{ background-color:#FF9; } /* Wiedervorlage (rot) */
.tr_notestype_4{ background-color:#e3f2e3; } /* Notiz (grün bzw. Wechsel von even-odd) */

/* default even-odd rows */
tr.tr_blank{ 						background-color:#fff; }
tr.tr_even{ 						background-color:#f1f1f1; }
tr.tr_odd{ 							background-color:#f9f9f9; }

.tr_bg_warning_red,
tr.bg_warning_red > td,
tr.tr_blank td.bg_warning_red,
tr.tr_even td.bg_warning_red,
tr.tr_odd td.bg_warning_red{ 		background:#fcc8c8; color:#000; font-weight:normal; }

tr.bg_warning_red a.fa{ font-size:12px; line-height:12px; }

tr.tr_blank td.bg_warning_orange,
tr.tr_even td.bg_warning_orange,
tr.tr_odd td.bg_warning_orange{ 	background:#f4debe; }
tr.tr_blank td.bg_warning_yellow,
tr.tr_even td.bg_warning_yellow,
tr.tr_odd td.bg_warning_yellow{ 	background:#FF3; }
tr.tr_blank td.bg_warning_green,
tr.tr_even td.bg_warning_green,
tr.tr_odd td.bg_warning_green{ 	background:#8fdc8f; }
tr.tr_blank td.bg_warning_blue,
tr.tr_even td.bg_warning_blue,
tr.tr_odd td.bg_warning_blue{ 	background:#ABD4FC; }

/*tr.tr_blank > td,*/
.tr_bg_warning_red,
tr.tr_even > td,
tr.tr_odd > td,
tr.bg_red > td,
tr.bg_orange > td,
tr.bg_yellow > td,
tr.bg_green > td,
tr.bg_blue > td,
tr.bg_warning_red > td,
tr.bg_warning_orange > td,
tr.bg_warning_yellow > td,
tr.bg_warning_green > td,
tr.bg_warning_blue > td{ 			padding:5px 6px !important; }

div.tr_bg_warning_red{ 			padding:0 0 !important; }

tr.tr_blank:hover,
tr.tr_even:hover,
tr.tr_odd:hover,
tr.bg_red:hover,
tr.bg_orange:hover,
tr.bg_yellow:hover,
tr.bg_green:hover,
tr.bg_blue:hover,
tr.bg_warning_red:hover,
tr.bg_warning_orange:hover,
tr.bg_warning_yellow:hover,
tr.bg_warning_green:hover,
tr.bg_warning_blue:hover{ 			background-color:#b6cfff; }

/* room-assignement */
.roomassigment-holder{ position:relative; float:none; margin:0 15px 15px 0; padding-bottom:15px; width:450px; height:auto; border:solid 1px #ccc; }
.roomassigment-holder h2{ padding:0; margin:0; }

td.m-yellow,td.m-red,td.m-white,td.m-grey,td.m-green{ width:0; }

td.m-yellow, .m-yellow{ background-color:#FC0;}
td.m-red, .m-red{ background-color:#F00;}
td.m-white, .m-white{ background-color:#FFF;}
td.m-grey, .m-grey{ background-color:#ccc;}
td.m-green, .m-green{ background-color:#94da94;}

/* profitcenter, stats */
td.raster-0, tr.raster-0, th.raster-0{ background:#e8e8e8; }
td.raster-1, tr.raster-1, th.raster-1{ background:#f8ead5; }
td.raster-2, tr.raster-2, th.raster-2{ background:#ccebcc; }
td.raster-3, tr.raster-3, th.raster-3{ background:#c1dcfa; }

.fixed{ top:0; position:fixed; background:#FFF; box-shadow:0 0 10px #ccc; height:30px; z-index:850; }
#tablehead td{ word-wrap:break-word; }

/* ////////////////////////////////////////////////////////////////////////// */
/* forms, inputs etc. */

form{ display:inline; }

select, textarea, input[type=text],input[type=password]{ -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; }

select{ 						font-size:13px; border:1px solid #9ac1c9; padding:5px; margin-bottom:5px;}
select.select_tiny{ 			width:60px;}
select.select_small{ 			width:100px;}
select.select_default{ 			width:150px;}
select.select_middle{ 			width:250px;}
select.select_large{ 			width:350px;}
select.select_extralarge{ 		width:575px;}
select.highlight_red, .highlight_red{ color:#000; background-color:#f0b0b0;}


select option, select optgroup, select optgroup option{ margin:0; padding:0; }
select > optgroup{ font-weight:bold; font-style:normal; background-color:#dfdfdf; }
select option:hover, select optgroup option:hover{ background-color:#b6cfff; } /*  not working in FF */

textarea{ 						font-size:13px; border:1px solid #9ac1c9; padding:5px; margin-bottom:5px; font-family: Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;}
textarea.textarea_tiny{ 		width:575px; height:100px;}
textarea.textarea_default{ 		width:575px; height:200px;}
textarea.textarea_middle{ 		width:575px; height:300px;}
textarea.textarea_large{ 		width:575px; height:400px;}
textarea.textarea_extralarge{ 	width:675px; height:500px;}

textarea.textarea_car{
	width:80px; height:80px; max-width:80px; max-height:80px; min-width:80px; min-height:80px; padding:3px; margin-bottom:5px; background-color:rgba(255,255,255,0.77);
	font-size:12px !important; text-align:center !important; color:#F00 !important;
	border:1px solid #9ac1c9; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;
}

input[type=text],input[type=password]{ 				font-size:13px;	border:1px solid #9ac1c9; padding:5px; margin-bottom:5px;}
input.textfield_verytiny{		width:20px;}
input.textfield_tiny{			width:50px;}
input.textfield_date{			width:70px;}
input.textfield_small{			width:80px;}
input.textfield_default{		width:150px;}
input.textfield_middle{			width:250px;}
input.textfield_large{			width:345px;}
input.textfield_extralarge{		width:575px;}

.width_300{						width:300px; min-width:300px; max-width:300px; }

select:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus{ border:1px solid #0067c9; }

@media screen and (max-width: 800px){
	
	.table-edit textarea, 
	.table-edit input[type=text], 
	.table-edit input[type=password]{ width:86% !important; max-width:86% !important; }
	.table-edit select{ width:89% !important; max-width:89% !important; }
	
	textarea.textarea_large,
	textarea.textarea_extralarge,
	input.textfield_large,
	input.textfield_extralarge{		max-width:86% !important;}
	select.select_large,
	select.select_extralarge{		max-width:89% !important;}
}

input.textfield_unvisible{	
	border:0; border:none; background:transparent;
}

input.booking_tiny{
	width:25px;
	height:14px;
	border-top:1px solid #7987ca;
	border-left:1px solid #7987ca;
	border-right:1px solid #bcdcf7;
	border-bottom:1px solid #bcdcf7;
	padding:2px 1px 1px 4px;
	text-align:center;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:11px;
}

input.checkbox{
	width:15px;
	height:15px;
	padding:5px;
	border:none;
}

a.btn{ color:#999; font-size:18px; }
a.btn:hover{ color:#0067c9; }

a.submit_cs, input.submit_cs, button.submit_cs{
	background:#eee url(../images/icon_costumer.png) no-repeat center center; display:block;
	width:30px; height:25px; font-size:12px; border:1px solid #9ac1c9; padding:1px;
	cursor:pointer;
}

a.submit_sa, input.submit_sa, button.submit_sa{
	background:#f3f3f3; background-repeat: no-repeat; background-position: 7px center;
	position:relative; display:table-cell; width:auto; padding:3px 7px; padding-left:30px; min-height:27px; margin:3px 0 0 15px;
	font-weight:normal; font-size:12px; text-align:center; cursor:pointer; color:#000; border:1px solid #9ac1c9;
	-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
}

a.submit, input.submit, button.submit{
	position:relative; display:table-cell; width:auto; min-height:27px; padding:2px 7px; margin:0 2px;
	font-weight:normal; font-size:12px; text-align:center; cursor:pointer; color:#000; 
	background-image: linear-gradient(#fff, #f3f3f3, #f3f3f3, #ececec, #e6e6e6); border:1px solid #9ac1c9;
	-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
}
a.submit{
	padding:5px 7px 0 7px; height:19px; min-height:19px;
}
a.submit:hover, input.submit:hover, button.submit:hover{
	color:#fff; border:1px solid #69F;
	background-image: linear-gradient(#69F, #388fe2);
}

a.submit > .fa{ color:#0067c9; margin-right:5px; }
a.submit:hover > .fa{ color:#FFF; }

a.submit > img{ margin-top:-3px; }

a.submit_print, input.submit_print, button.submit_print{
	position:relative; display:table-cell; width:30px; min-width:30px; max-width:30px; min-height:27px; padding:2px 7px; margin:0 2px;
	background:#f3f3f3 url(../images/icon_printer_disabled.png) no-repeat 4px 3px; border:1px solid #9ac1c9;
	-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
}
a.submit_print:hover, input.submit_print:hover, button.submit_print:hover{
	background:#f3f3f3 url(../images/icon_printer.png) no-repeat 4px 3px; border:1px solid #69F;
}

a.submit_refresh, input.submit_refresh, button.submit_refresh{
	position:relative; display:table-cell; width:30px; min-width:30px; max-width:30px; min-height:27px; padding:2px 7px; margin:0 2px;
	background:#f3f3f3 url(../images/icon_refresh_disabled.png) no-repeat 4px 3px; border:1px solid #9ac1c9;
	-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
}
a.submit_refresh:hover, input.submit_refresh:hover, button.submit_refresh:hover{
	background:#f3f3f3 url(../images/icon_refresh.png) no-repeat 4px 3px; border:1px solid #69F;
}

a.submit_prev{ position:absolute; top:20px; left:20px; }


div.search-inline{ position:relative; display:inline-block; float:right; margin-top:-53px; text-align:right; }
@media screen and (min-width: 1000px){ 
div.search-inline{ margin-top:-60px !important; }
}
div.search-inline input[name="submit_search"]{ float:left; margin-left:5px; }
div.search-inline input[name="keyword"]{ float:left; width:60px; max-width:60px; min-width:60px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
div.search-inline input[name="keyword"]:focus{ width:200px; max-width:200px; min-width:200px; }

a.submit_blue, input.submit_blue, button.submit_blue{ 		background-image: linear-gradient(#b8cefa, #6699ff); }
a.submit_purple, input.submit_purple, button.submit_purple{ 	background-image: linear-gradient(#ccccf5, #9c9cda); }
a.submit_green, input.submit_green, button.submit_green{ 	background-image: linear-gradient(#a2ebaf, #5ec872); }
a.submit_yellow, input.submit_yellow, button.submit_yellow{ 	background-image: linear-gradient(#ffffcc, #dfdf7a); }
a.submit_orange, input.submit_orange, button.submit_orange{ 	background-image: linear-gradient(#ef9e01, #ef8701); }
a.submit_red, input.submit_red, button.submit_red{ 		background-image: linear-gradient(#ff9999, #ff6666); }
a.submit_grey, input.submit_grey, button.submit_grey{ 		background-image: linear-gradient(#cccccc, #aaaaaa); }

.submit_big{ 
	padding:0 15px; display:table-cell; vertical-align:middle; min-width:80px; min-height:50px; cursor:pointer; cursor:hand; 
	text-decoration:none; text-align:center; border:none; color:#222; font-size:14px; word-wrap: break-word; line-height:15px;
	-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;
	margin:5px 10px 5px 0;
}
.sb_lightblue{ 			background-image: linear-gradient(#69F, #67a1dc); border-bottom:2px solid #36C; }
.sb_lightblue:hover{ 	background-image: linear-gradient(#67a1dc, #69F); border-bottom:2px solid #36C; }

.sb_darkorange{ 		background-image: linear-gradient(#ef9e01, #ef8701); border-bottom:2px solid #ef6b01; }
.sb_darkorange:hover{ 	background-image: linear-gradient(#ef8701, #ef9e01); border-bottom:2px solid #ef6b01; }

.sb_red{ 				background-image: linear-gradient(#f66, #f99); border-bottom:2px solid #c00; }
.sb_red:hover{ 			background-image: linear-gradient(#f99, #f66); border-bottom:2px solid #c00; }

.sb_lightgrey{			background-image: linear-gradient(#ddd, #ccc); border-bottom:2px solid #aaa; }
.sb_lightgrey:hover{	background-image: linear-gradient(#ccc, #ddd); border-bottom:2px solid #aaa; }

a.icon_close{ float:right; font-size:22px; color:#ccc; background:transparent; margin:3px 3px 0 0; border:0; cursor:pointer; cursor:hand; }
a.icon_close:hover, a.icon_close:active, a.icon_close:focus{ color:#0067c9 !important; }

.submit.disabled:hover,
.submit.disabled:active{ background-image: linear-gradient(#fff, #f3f3f3, #f3f3f3, #ececec, #e6e6e6) !important; border:1px solid #9ac1c9 !important; cursor:not-allowed; }

/* lists */
* html ul { list-style:disc; padding-left:0; margin-left:0; }
* html ul li { float: left; height: 1%; padding-left:0; margin-left:0; }
* html ul li a { height: 1%; }

ul { list-style:disc; padding-left:10px; margin-left:0; }
ul li { list-style:disc; height: 1%; padding-left:0; margin-left:0; }
ul li a:hover { color: #000000; background:#b6cfff; text-decoration: none; } 
li ul li a { padding: 4px 0 0 10px; height:20px; }


/* layout */
#all{ position:relative; float:left; height:auto; }
#main{ position:relative; float:left; margin-top:3px; }

#content{ position:relative; float:left; height:auto; min-height:270px; }
#content_popup{ position:relative; display:inline-block; float:left; width:calc(100% - 30px); height:auto; min-height:70px; border:0; border:none; padding:15px 15px 100px 15px; }
.content_lock{ position:absolute; z-index:600; top:110px; left:0; width:100%; height:auto; min-height:500px; background:transparent url(../images/trans_little.png) repeat top left; }

#controls{ position:fixed; z-index:800; bottom:0; left:0; height:auto; border-top:1px solid #9ac1c9; background-color:rgba(255,255,255,0.97); 
	-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; 
}
#controls_left, #controls_right{ position:relative; width:49%; height:auto; padding:0; }
#controls_left{ float:left; text-align:left; }
#controls_right{ float:right; text-align:right; }
#controls_left .submit{ float:left !important; }
#controls_right .submit{ float:right !important; }
#controls_left .submit.right{ float:right !important; }
#controls_right .submit.left{ float:left !important; }

@media screen and (min-width: 800px){
	
	#all{ width:98%; padding-left:15px; }
	#controls{ width:calc(100% - 40px); padding:10px 20px; min-height:25px; }
	#controls_left .submit{ margin-right:15px !important; }
	#controls_right .submit{ margin-left:15px !important; }
}

@media screen and (max-width: 800px){
	
	#all{ width:99%; }
	#controls{ width:calc(100% - 10px); padding:5px 5px 10px 5px; min-height:20px; }
	#controls_left .submit{ margin-right:3px !important; }
	#controls_right .submit{ margin-left:3px !important; }
}

/* CONTENT */
#all{ margin:6px 0 20px 0; }
#main{ width:100%; min-height:300px; margin-top:3px; }
#content{ padding:0 10px 100px 10px; width:calc(100% - 20px); min-height:80vh; }


/* login, logout */
#login{ 
	position:absolute; width:270px; height:auto; min-height:170px; padding:30px; left:50%; top:40%; transform:translate(-50%, -50%); 
	border:1px solid #9ac1c9; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; box-shadow: 3px 5px 20px 2px rgba(0, 0, 0, 0.35);
}
#login img.logo{ margin:-5px 0 0 -5px; }
#login_details{ position:relative; float:left; width:475px; height:auto; min-height:185px; border:1px solid #9ac1c9; padding:25px; left:50%; margin-left:-275px; margin-top:125px; -webkit-border-radius:10px; -moz-border-radius:10px; }
#login_details p.text_info{ color:#F00; font-weight:bold; }

#logout{ position:absolute; display:none; z-index:900; width:100%; height:100vh; top:0; left:0; background:rgba(255,255,255,0.9); }
#logout_outer{
	position:fixed; display:block; width:270px; height:auto; min-height:230px; border:1px solid #9ac1c9; background-color:#FFF; padding:15px; 
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; 
}
@media screen and (min-width: 480px){
	
	#logout_outer{ top:50px; right:50px; }
}

@media screen and (max-width: 480px){
	
	#logout_outer{ top:10px; right:10px; }
}

#logout_inner .submit{ display:block; float:left; vertical-align:middle; padding:0; cursor:pointer; cursor:hand; }
#logout_inner .submit_blue, #logout_inner .submit_yellow{ height:60px; width:130px; margin:0 10px 10px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#logout_inner .submit_green, #logout_inner .submit_red{ height:60px; width:130px; margin:0 0 10px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#logout_inner .submit_orange{ height:50px; width:270px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

#logout_inner_time{ padding-top:15px; text-align:left; font-weight:bold; font-size:14px; }


/* head, logo, infobar */
#infobar{ position:relative; float:left; width:calc(100% - 26px); height:35px; font-size:12px; font-weight:normal; color:#F00; padding:7px; margin:5px; background-color:#fcc8c8; border:1px solid #F00; }

#head{ position:relative; float:left; width:100%; padding:5px 0 0 0; height:auto; background:#ffffff; font-size:11px; }

#head a.logo{ display:block; position:relative; background:#FFF url(../images/logo.jpg) no-repeat 0 0; background-size:100% 100%; }


/* top-navi */
#head div.topnavi{ display:block; position:relative; text-align:right; padding-top:3px; font-size:12px; }
#head div.topnavi, #head div.topnavi a, #head div.topnavi a:link, #head div.topnavi a:visited{ color:#333; }
#head div.topnavi a:hover, #head div.topnavi a:active{ color:#0067c9; }
#head div.topnavi fa, #head div.topnavi a.fa, #head div.topnavi a:link.fa, #head div.topnavi a:visited.fa{ color:#bbb; }
#head div.topnavi a{ margin:0 2px 0 10px; }
#head div.topnavi a.fa{ font-size:16px; }

#head div.topnavi span.user-info{ margin-bottom:-1px; margin-left:5px; }
#admin_user_switcher{ position:absolute; z-index:900; display:none; top:30px; right:40px; width:auto; min-width:150px; height:auto; }
#admin_user_switcher a.fa{ font-size:22px !important; }

/* info-navi */
#head div.ninfo{ display:inline-block; position:relative; padding-top:3px; }

#head div.ninfo, #head div.ninfo a, #head div.ninfo a:link, #head div.ninfo a:visited{ color:#333; }
#head div.ninfo a:hover, #head div.ninfo a:active{ color:#0067c9; }
#head div.ninfo fa, #head div.ninfo a.fa, #head div.ninfo a:link.fa, #head div.ninfo a:visited.fa{ color:#bbb; }
#head div.ninfo a{ margin:0 2px 0 10px; }
#head div.ninfo a.fa{ font-size:24px !important; }
#head div.ninfo a.fa.ni-red{ color:#f00; }
#head div.ninfo a.fa.ni-new{
	-webkit-animation: pulse 1.5s ease-in-out; -webkit-animation-iteration-count: infinite;
	-moz-animation: pulse 1.5s ease-in-out; -moz-animation-iteration-count: infinite;
	animation: pulse 1.5s ease-in-out; animation-iteration-count: infinite;
}


/* area-navi */
#areanavi{ 		display:block; position:relative; text-align:right; float:right; width:100%; height:29px; padding:0; margin:0 0 10px 0; }
#areanavi a{ 	display:inline-block; height:16px; border:1px solid #9ac1c9; border-bottom:0; font-size:14px; color:#333; overflow:hidden; }
#areanavi a.active{ color:#fff; }

#areanavi a.an-search{ border:0 !important; font-size:18px; float:right; margin:1px -5px 0 0 !important; }
#areanavi a.an-favs{ border:0 !important; font-size:18px; float:right; margin:1px -5px 0 5px !important; }
#areanavi a.an-search, #areanavi a.an-search:visited,
#areanavi a.an-favs, #areanavi a.an-favs:visited{ color:#bbb; }
#areanavi a.an-search:hover, #areanavi a.an-search:active,
#areanavi a.an-favs:hover, #areanavi a.an-favs:active{ color:#0067c9; }

.an-active-0{ border-bottom:4px solid #cccccc; } /* grey - light */
.an-active-1{ border-bottom:4px solid #f7c913; } /* yellow */
.an-active-2{ border-bottom:4px solid #8d75da; } /* purple */
.an-active-3{ border-bottom:4px solid #ed64ed; } /* pink */
.an-active-4{ border-bottom:4px solid #999999; } /* grey - dark */
.an-active-5{ border-bottom:4px solid #ef8701; } /* orange */
.an-active-6{ border-bottom:4px solid #ff6666; } /* red */
.an-active-7{ border-bottom:4px solid #6b9cff; } /* blue */
.an-active-8{ border-bottom:4px solid #47b55c; } /* green */

.an-active-0 a.active{ border:1px solid #cccccc !important; background-color:#cccccc; } /* grey - light */
.an-active-1 a.active{ border:1px solid #f7c913 !important; background-color:#f7c913; } /* yellow */
.an-active-2 a.active{ border:1px solid #8d75da !important; background-color:#8d75da; } /* purple */
.an-active-3 a.active{ border:1px solid #ed64ed !important; background-color:#ed64ed; } /* pink */
.an-active-4 a.active{ border:1px solid #999999 !important; background-color:#999999; } /* grey - dark */
.an-active-5 a.active{ border:1px solid #ef8701 !important; background-color:#ef8701; } /* orange */
.an-active-6 a.active{ border:1px solid #ff6666 !important; background-color:#ff6666; } /* red */
.an-active-7 a.active{ border:1px solid #6b9cff !important; background-color:#6b9cff; } /* blue */
.an-active-8 a.active{ border:1px solid #47b55c !important; background-color:#47b55c; } /* green */


/* HEAD / INFOITEMS / TOPNAVI */
@media screen and (min-width: 1200px){
	#head a.logo{				float:left; width:175px; height:65px; margin:0 35px 0 10px; }
	#head div.topnavi{			float:right; width:50%; height:25px; padding-right:20px; }
	#head div.ninfo{			float:left; width:30%; height:30px; }
}

@media screen and (min-width: 620px) and (max-width: 1200px){
	#head a.logo{				float:left; width:85px; height:32px; margin:-2px 25px 0 8px; }
	#head div.topnavi{			float:right; width:40%; height:25px; padding-right:10px; }
	#head div.ninfo{			float:left; width:30%; height:30px; }
}

@media screen and (max-width: 620px){
	#head a.logo{				float:left; width:85px; height:32px; margin:-2px 25px 0 6px; }
	#head div.topnavi{			float:right; width:50%; height:25px; padding-right:10px; }
	#head div.ninfo{			float:left; width:100%; height:auto; text-align:center; padding:5px 0; }
}

@media screen and (max-width: 480px){
	#head div.topnavi span.user-info{ display:inline-block; max-width:20px; overflow:hidden; }
}


/* AREANAVI */
@media screen and (min-width: 1201px){ 							#areanavi{		margin-top:-20px !important; } }
@media screen and (min-width: 800px) and (max-width: 1200px){ 	#areanavi{		margin:10px 0 !important; } }

@media screen and (min-width: 1000px){ 							#areanavi a{	padding:5px 12px; margin:1px 2px 0 2px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius:5px 5px 0 0; } }
@media screen and (min-width: 800px) and (max-width: 1000px){ 	#areanavi a{	max-width:12%; padding:5px 6px; margin:1px 1px 0 1px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius:3px 3px 0 0; } }
@media screen and (max-width: 800px){
	
	#areanavi{					width:100%; height:28px !important; text-align:center; margin:10px 0 !important; }
	#areanavi a{				-webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius:2px 2px 0 0; max-height:14px; overflow:hidden; text-align:left; font-size:12px; }
	#areanavi a.active{			padding:7px 4px 2px 4px; margin:1px -4px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius:3px 3px 0 0; min-width:70px !important; max-height:17px !important; text-align:center; }
	#areanavi a.an-search,
	#areanavi a.an-favs{		min-width:17px !important; margin-bottom:3px; margin-right:-2px !important; }
}

@media screen and (min-width: 550px) and (max-width: 800px){
#areanavi a{				max-width:5%; padding:4px; margin:1px -4px 0 0; }
}
@media screen and (max-width: 550px){
#areanavi a{				max-width:10px; padding:4px; margin:1px -4px 0 0; }
#areanavi a.default{			font-size:0; }
#areanavi a.default:first-letter{	font-size:12px; }
}

/* SIDENAVI */
#navToggle{ float:right; width:20px !important; min-width:20px !important; height:20px !important; min-height:20px !important; margin:-1px 12px 0 0 !important; padding:0; border:0 !important; font-size:21px !important; line-height:21px !important; }
#navToggle, #navToggle:visited{ color:#bbb !important; }
#navToggle:hover, #navToggle:active{ color:#0067c9 !important; }

#menu{ 
	position:fixed;z-index:901;top:0;right:0;display:none;height:100vh;padding:0;background:#ffffff; border:0 !important;overflow-y:auto; 
	border-left:1px solid #9ac1c9; -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888;
}
#menu .menu-close{ position:fixed; z-index:801; top:20px !important; right:20px !important; display:inline-block; }
#menu .menu-inner{ display:inline-block; padding:15px; padding-bottom:40px; }

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

	#menu { width:590px; }
}

@media screen and (max-width: 590px){
	
	#menu{ width:100%; }
}


#acc_slider { position:relative; float:left; width:100%; min-height:80vh; font-family: Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:12px; }
.acc_block{ float:left; margin-right:15px; }
.acc_block:hover .acc_header { color:#0067c9; }
.acc_list_div ul { float:left; margin: 0; padding: 0; list-style: none; width: 249px; margin-bottom:15px; }
.acc_list_div ul li { position: relative; left:0; margin-left:0; list-style:none; }
.acc_list li ul { position: absolute; left: 200px; top: 0; display: none; }
.acc_list li a, .acc_list li span { display: block; text-decoration: none; color:#000000; padding: 7px 0 7px 5px; height:auto; border-top: 1px solid #ddd; }
.acc_list li span{ padding-top:35px; }
.acc_list li a.acc_list_active{  background: #e6eef0; }
.acc_list li span.acc_list_sub_main{ font-weight:bold; }
.acc_list li a.acc_list_sub{  padding-left:20px; }
.acc_list li a.active{  font-weight:bold; font-size:14px; color:#0067c9; }
.acc_list li a.acc_list_sub_sub{  padding-left:30px; }
.acc_list li:hover ul, #acc_list li.over ul {  display: block; }
.acc_header { width:239px;  padding:5px; font-size:20px; margin-top:3px; color:#888; }
.acc_content { width:249px; overflow:hidden; }
.acc_text { width:249px; padding:0; }

#acc_slider #block_16{ clear:both !important; }


a.nav-totop{ display:none; z-index:899; position:fixed; text-align:center; background-color:rgba(220,220,220,0.9); box-shadow:#aaa 2px 2px 2px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
a.nav-totop, a.nav-totop:visited{ color:#bbb; }
a.nav-totop:hover, a.nav-totop:active{ color:#0067c9; background-color:rgba(220,220,220,1); }

a.nav-back{ float:left; }
a.nav-back, a.nav-back:visited{ color:#bbb; }
a.nav-back:hover, a.nav-back:active{ color:#0067c9; }

@media screen and (min-width: 800px){ 
a.nav-totop{ bottom:70px; right:18px; width:40px; height:40px; line-height:40px; font-size:30px; }
}
@media screen and (max-width: 800px){ 
a.nav-totop{ bottom:60px; right:18px; width:35px; height:35px; line-height:33px; font-size:24px; }
}


/* dashboard */
.db-block{ float:left; overflow:auto; }
.db-block > span.fa{ width:30px; height:24px; padding:6px 0 0 0; margin:0 0 0 -15px; background-color:#ccc; color:#FFF; text-align:center; font-size:18px; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -ms-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; }
.db-block:hover > span.fa{ background-color:#0067c9; }
.db-block > h2{ display:inline-block; color:#999; font-weight:normal; }
.db-block > h2 > a{ color:#999; }
.db-block:hover > h2 > a{ color:#0067c9; }

.db-legend{ float:right; display:inline-block; margin:30px 20px 0 0; }
.db-content{ clear:both; overflow:auto; }

.db-left{ float:left; }
.db-right{ float:right; }

.db-block-11, .db-block-12, .db-block-13{ padding:0 15px 10px 15px; border:1px solid #ccc; -webkit-border-radius:5px; border-radius:5px; }

.db-shortcuts .db-content a{ position:relative; display:inline-block; width:calc(25% - 21px); height:60px; padding:10px; border:1px solid #ccc; border-width:0 1px 1px 0; text-align:center; }
.db-shortcuts .db-content a:nth-child(4),
.db-shortcuts .db-content a:nth-child(8),
.db-shortcuts .db-content a:nth-child(12){ border-right:0; }
.db-shortcuts .db-content a strong{ position:absolute; display:block; width:calc(100% - 20px); bottom:10px; font-weight:normal; text-align:center; }
.db-shortcuts .db-content a span{ font-size:24px; color:#0067c9; }

#boxswitch-bar{position:relative; display:inline-block; float:right; width:50%; height:auto; padding:0 0 10px 0; margin-bottom:15px;}
#boxswitch-bar a{ 
	display:inline-block; float:right; margin:5px; padding:5px; background:#ccc; text-decoration:none; 
	border:#CCC 1px solid; border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px;
}
#boxswitch-bar a:hover{ background-color:#0067c9; border:#0067c9 1px solid; color:#FFF; }
#boxswitch-bar a span{ font-size:12px; color:#FFF; }
a.bs-itemon{ display:inline-block; width:22px; height:20px; float:right; margin:11px -10px 0 0; text-decoration:none; color:#ccc; font-size:14px; }
a.bs-itemon:hover{ color:#999; }

@media screen and (min-width: 1600px){
	
	.db-block-11{ width:calc(33.3% - 56px); margin:12px; height:320px; }
	.db-block-12{ width:calc(66.6% - 56px); margin:12px; height:320px; }
	.db-block-13{ width:calc(100% - 44px); margin:12px 12px 12px 0; height:auto; }
	.db-block h2{ font-size:20px; padding:0 0 10px 0; margin:20px 0 10px 10px; }
	.db-content{ height:250px; }
}

@media screen and (min-width: 1200px) and (max-width: 1600px){
	
	.db-block-11{ width:calc(50% - 44px); margin:12px 12px 12px 0; height:320px; }
	.db-block-12, .db-block-13{ width:calc(100% - 44px); margin:12px 12px 12px 0; height:auto; }
	.db-block h2{ font-size:18px; padding:0 0 10px 0; margin:20px 0 10px 10px; }
	.db-content{ height:250px; }
}

@media screen and (max-width: 1200px){
	
	.db-block-11, .db-block-12, .db-block-13{ width:calc(100% - 44px); margin:12px 12px 12px 0; height:auto; }
	.db-block > span.fa{ width:25px; height:20px; padding:5px 0 0 0; margin:0 0 0 -15px; background-color:#ccc; color:#FFF; text-align:center; font-size:14px; }
	.db-content{ height:auto; max-height:600px; }
}

.db-block-h2{ height:676px !important; }
.db-block-h2 .db-content{ height:610px !important; }

/* bus - controlcenter */
#buscontrolcenter > div{ 	position:relative; float:left; display:block; width:400px; height:auto; min-height:300px; margin:0 30px 30px 0;
							border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
#buscontrolcenter > div .row{ position:relative; display:inline-block; width:calc(100% - 20px); height:auto; padding:10px; border-bottom:1px solid #ccc; }
#buscontrolcenter > div .row:last-child{ position:absolute; bottom:5px; left:0; border:none; }
#buscontrolcenter > div .row > .col{ position:relative; float:left; }
#buscontrolcenter .col-1{ width:20%; }
#buscontrolcenter .col-2{ width:40%; }
#buscontrolcenter .col-3{ width:60%; }
#buscontrolcenter .col-4{ width:80%; }
#buscontrolcenter .col-5{ width:100%; }

/* big calendar */
.month-holder table{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777; }
.month-holder table th{ background:none; text-align:center; }
.month-holder table td{ width:40px; height:40px; padding:2px; border:1px solid #ccc; }
.month-holder table td.wday-e{ border:0; }
.month-holder table td.wday-c{ background-color:#FCC; }
.month-holder table td.wday-6{ background-color:#f9f9f9; }
.month-holder table td.wday-0{ background-color:#eee; }
.month-holder table td div.block{ position:relative; float:left; display:block;  width:20px; height:11px; margin:0 1px 1px 0; padding:1px; overflow:hidden; color:#333; cursor:help; font-size:10px; }
.month-holder table td div.block a{ display:block; }
.month-holder table td div.itm div.body table{ width:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
.month-holder table td div.itm div.body table th{ background:transparent; text-align:left; }
.month-holder table td div.itm div.body table td{ width:auto; height:auto; padding:0; border:0; }

div.state-17{ background-image: linear-gradient(#ffffcc, #dfdf7a); }
div.state-11{ background-image: linear-gradient(#ff9999, #ff6666); }
div.state-13{ background-image: linear-gradient(#ef9e01, #ef8701); }
div.state-15{ background-image: linear-gradient(#ccccf5, #9c9cda); }

.timelog{ position:relative; float:left; height:20px; font-size:12px; border:1px solid #9ac1c9; }
.timelog-1{ background-image: linear-gradient(#b8cefa, #6699ff); }
.timelog-3{ background-image: linear-gradient(#a2ebaf, #5ec872); }
.timelog-5{ background-image: linear-gradient(#ffffcc, #dfdf7a); }
.timelog-9{ background-image: linear-gradient(#ef9e01, #ef8701); }
.timelog-11{ background-image: linear-gradient(#ff9999, #ff6666); }
.timelog-13{ background-image: linear-gradient(#ef9e01, #ef8701); }
.timelog-15{ background-image: linear-gradient(#ccccf5, #9c9cda); }
.timelog-17{ background-image: linear-gradient(#ffffcc, #dfdf7a); }
.timelog-19{ background-image: linear-gradient(#ff9999, #ff6666); }

/* tab-nav */
#tabnav { position:relative; float:left; display:block; width:100%; height:auto; margin:5px 15px 20px 0; padding:0; list-style:none; }
#tabnav li { float:left; margin:0; padding:0; list-style:none; }
#tabnav a { 
	position: relative; display: inline; float: left; overflow: hidden; min-width:7px; margin: 8px 3px 0 3px; padding: 5px 10px; 
	text-decoration: none; cursor: pointer; cursor:hand; font:12px Arial, Helvetica, sans-serif; background:#fff; 
	border: 1px solid #ccc; border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius:5px 5px 0 0; 
}
#tabnav a:hover,
#tabnav a:active{ position:relative; z-index: 3; background:#fff; }
#tabnav a.here:link,
#tabnav a.here:visited { z-index:20; padding:9px 15px; margin: 0 3px; font-weight:bold; border-bottom: 1px solid #fff; }
#tabnav a.here:link,
#tabnav a.here:visited { color:#0067c9; font-weight:bold; }

#tabnav ul { position:absolute; left:0; top:34px; float:left; background:#fff; width:100%; height:1px; margin:0; padding:0; list-style:none; border-top:1px solid #ccc; }


/* inline tabs */
.tab-pane-control .tab-pane{
	position: relative; width: 100%;
}
.tab-pane-control .tab-row .tab{
	z-index: 1; position: relative; display: inline; float: left; overflow: hidden; min-width:7px; padding: 5px 10px; margin: 8px 3px 0 3px;
	text-decoration: none; cursor: pointer; cursor:hand; font:12px Arial, Helvetica, sans-serif; background-color: #fff;
	border: 1px solid #ccc; border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius:5px 5px 0 0;
}
.tab-pane-control .tab-row .tab.selected{			z-index: 3; margin: 0 3px; color: #0067c9; padding:9px 15px; font-weight:bold; }
.tab-pane-control .tab-row .tab.selected a{			text-decoration: none; color:#0067c9 !important; }
.tab-pane-control .tab-row .tab.selected.hover{		text-decoration: none; color:#0067c9 !important; }
.tab-pane-control .tab-row .tab a{					text-decoration: none; }
.tab-pane-control .tab-row .tab.hover{				text-decoration: none; }
.tab-pane-control .tab-page{						clear: both; z-index: 2; position: relative; top: -1px; }
.tab-pane-control .tab-row{							z-index: 1; white-space: nowrap; }


/* calendar */
.cal_div{						position:relative; display:block; float:left; width:235px; height:auto; padding:3px; margin:4px; margin-top:5px; }
.cal_div table{ 				background-color:#dedede; }
.cal_div th{					background-color:#FFF; text-align:center; font-weight:bold; font-size:14px; }
.cal_wd{ 						text-align:center; }
.cal_wd_6{ 						background:#dedede; text-align:center; }
.cal_wd_7{						background:#dedede; text-align:center; }
.cal_day{ 						text-align:center; }
.cal_day_6{						background:#fff; text-align:center; }
.cal_day_7{ 					background:#fff; text-align:center; }
.cal_day_empty{ 				background:#fff; text-align:center; }
.cal_day_current{				background:#fff; text-align:center; }
.cal_div .fewo-unavail{ 		background-color:#FFF; color:#999; }
.cal_div .fewo-free{			background-color:#8abfde; }
.cal_div .fewo-checkin{ 		background-color:#8abfde; text-decoration:underline; cursor:pointer; }
.cal_div .fewo-selection{ 		background-color:#3e8cca; }
.cal_div .fewo-lm{ 				background-image: url(../../../images/bg_perc.png); background-repeat: no-repeat; background-position: right top; }

.legend-itm{					position:relative; display:inline-block; float:left; padding-top:5px; margin-left:10px; }
.legend-itm .info{				position:relative; display:block; float:left; width:25px; height:25px; margin-top:-5px; background-image:url(../../../images/i.png); background-position:-250px -125px; background-repeat:no-repeat; }
.legend-itm .price{				position:relative; display:inline-block; width:45px; height:16px; border:#CCC 1px solid; padding:1px 5px; margin-right:5px; font-size:10px; }
.legend-itm .lm{ 				background:transparent url(../../../images/bg_perc.png) no-repeat 42px 0; min-width:55px; }
.legend-itm .fewo{				display:block; float:left; width:22px; height:18px; padding:0; border:1px solid #ccc; text-align:center; margin-right:5px; }
.legend-itm .fewo-free{			background-color:#8abfde;  }
.legend-itm .fewo-unavail{ 		background-color:#FFF; color:#999; }
.legend-itm .fewo-checkin{ 		background-color:#8abfde; text-decoration:underline; }
.legend-itm .fewo-selection{ 	background-color:#3e8cca; }
.legend-itm .fewo-lm{ 			background:transparent url(../../../images/bg_perc.png) no-repeat -2px 0; }

/* staffplan */
#staffplan{ background:#fff; }

#staffplan div.day .holiday{							background:rgba(171,212,252,0.5); cursor:help; }
#staffplan div.day .day-archived{						background:#cccccc; cursor:help; }
#staffplan div.day .day-approved{						background:#8fdc8f; cursor:help; }
#staffplan div.day .day-unapproved{						background:#fcc8c8; cursor:help; }
#staffplan div.day .day-approved a,
#staffplan div.day .day-unapproved a{					display:block; }

/* daily view */
#staffplan div.header-0{								display:block; float:left; height:auto; width:1345px; background:#fff; border-bottom:1px solid #ccc; font-size:12px; line-height:1.3em; }
#staffplan div.header-0 div.day{						display:block; float:left; height:auto; min-height:16px; width:1344px; border-left:1px solid #ccc; overflow:hidden; }
#staffplan div.header-0 div.day span.sf-add{			float:left; color:#ccc; font-size:16px; line-height:25px; font-weight:normal; padding:0; display:block; height:25px; width:25%; text-align:center; }
#staffplan div.header-0 div.day span.si-add{ 			float:left; color:#ccc; font-size:24px; line-height:25px; font-weight:normal; padding:0; display:block; height:25px; width:100%; text-align:right; }
#staffplan div.header-0 div.day span.si-add:hover,
#staffplan div.header-0 div.day span.sf-add:hover{		color:#0067c9; }
#staffplan div.header-0 div.day div.hour{				display:block; float:left; padding:1px 2px 0 2px; height:14px; width:51px; text-align:left; font-size:9px; line-height:1.2em; border-right:1px solid #ccc; background:rgba(241,241,241,0.6); }
#staffplan div.header-0 div.day div.hour:last-child{	border-right:none; }
#staffplan div.header-0 div.day div.empty{ 				background:rgba(255,255,255,1); } /* free */

/* weekly view */
#staffplan div.header-1{								display:block; float:left; height:auto; width:1344px; background:#fff; border-bottom:1px solid #ccc; font-size:12px; line-height:1.3em; }
#staffplan div.header-1 div.day{						display:block; float:left; height:auto; min-height:16px; width:191px; border-left:1px solid #ccc; overflow:hidden; }
#staffplan div.header-1 div.day span.sf-add{			float:left; color:#ccc; font-size:16px; line-height:25px; font-weight:normal; padding:0; display:block; height:25px; width:25%; text-align:center; }
#staffplan div.header-1 div.day span.si-add{ 			float:left; color:#ccc; font-size:24px; line-height:25px; font-weight:normal; padding:0; display:block; height:25px; width:100%; text-align:center; }
#staffplan div.header-1 div.day span.si-add:hover,
#staffplan div.header-1 div.day span.sf-add:hover{		color:#0067c9; }
#staffplan div.header-1 div.day div.hour{				display:block; float:left; padding:1px 1px 0 1px; height:14px; width:5px; text-align:left; font-size:9px; border-right:1px solid #ccc; background:rgba(241,241,241,0.6); }
#staffplan div.header-1 div.day div.hour:last-child{	border-right:none; }
#staffplan div.header-1 div.day div.empty{ 				background:rgba(255,255,255,1); } /* free */

#staffplan td.lbl-group{								padding:2px 5px 0 5px; height:20px; width:100%; line-height:1.5em; border-bottom:1px solid #ccc; background:#f1f1f1; }
#staffplan td.lbl-job{									padding:2px 5px 0 15px; height:auto; min-height:30px; width:100%; font-weight:normal; line-height:0.9em; border-bottom:1px solid #ccc; overflow:hidden; }
#staffplan td.lbl-group div.bold{						width:auto; float:left; display:inline-block; }

#staffplan div.sprite-holder-0{							display:block; float:left; width:1344px; height:auto; border-bottom:1px solid #ccc; background:transparent url(../images/scheduler-hour-56px.png) repeat 0 0; }
#staffplan div.sprite-holder-1{							display:block; float:left; width:1344px; height:auto; border-bottom:1px solid #ccc; background:transparent url(../images/scheduler-hour-192px.png) repeat 0 0; }

#staffplan div.s-sprite{ 								display:block; float:left; width:0; padding:0 0; margin:0; font-size:11px; line-height:1em; color:#333; overflow:hidden; }
#staffplan div.s-sprite span{							display:block; padding:0 0 0 1px; height:100%; }
#staffplan div.s-sprite span.selected{ 					background-color:#FF0; }
#staffplan div.s-height{								height:25px; }
#staffplan div.s-item{									border-left:1px solid #ccc; cursor:hand; cursor:pointer; }
#staffplan div.s-empty{									background:transparent; }

#staffplan div.sprite-holder-0 div.si-add{				width:1344px; }
#staffplan div.si-add:hover span{						color:#0067c9; }
#staffplan div.se-add{									cursor:help; }

.si-draggable-item-move{ 								border:#f00 1px dotted; opacity: 0.8; }
.si-droppable-hover{ 									background-color:#fcc !important; }
.si-resizable-helper{									border:#f00 1px dotted; opacity: 0.8; }

.si-warn{												background: repeating-linear-gradient(-45deg, #f48282, #f48282 10px, #e64949 10px, #e64949 20px); color:#FFF; } /* red */
.si-parking{											background: repeating-linear-gradient(-45deg, #a2ebaf, #a2ebaf 10px, #5ec872 10px, #5ec872 20px); color:#FFF; } /* green - not in use */

.si-state-0{ 			background-color:rgba(200,200,200,0.5); }
.si-state-1{ 			background:transparent url(../images/staffplan-state-1.png) repeat 0 0; }
.si-state-2{ 			background:transparent url(../images/staffplan-state-2.png) repeat 0 0; }

.si-sel-0{			padding-left:20px; background:#fff url(../images/staffplan-state-0.png) no-repeat 2px 2px; }
.si-sel-1{			padding-left:20px; background:#fff url(../images/staffplan-state-1.png) no-repeat 2px 2px; }
.si-sel-2{			padding-left:20px; background:#fff url(../images/staffplan-state-2.png) no-repeat 2px 2px; }

#staffplanner{										display:block; float:left; width:100%; height:auto; min-height:70px; }
#staffplanner div.employee-list div.item{			width:auto; min-width:299px; max-width:299px; height:66px; max-height:66px; display:inline-block; float:left; padding:0; margin:5px 0 5px 0; color:#000; overflow:hidden; cursor:default;
													border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background: #f8f8f8;
}

#staffplanner div.employee-list div.item span.name{	display:inline-block; padding:2px 3px 0 3px; width:77px; height:48px; max-height:48px; min-height:48px; line-height:13px; overflow:hidden; }

#staffplanner div.employee-list div.item span.info{	display:inline-block; padding:0 3px; width:120px; height:12px; max-height:12px; min-height:12px; overflow:hidden; }

#staffplanner div.employee-list div.item span.worktime{ display:inline-block; float:right; width:215px; min-width:215px; max-width:215px; }
#staffplanner div.employee-list div.item span.worktime table{ width:100%; }
#staffplanner div.employee-list div.item span.worktime table td{ display:inline-block; float:left; width:39px; min-height:22px; line-height:22px; padding:0 2px; text-align:right; vertical-align:middle; }


div.employee-list-singleitem div.item{				width:auto; min-width:250px; height:auto; display:inline-block; float:left; padding:0; margin:0 5px 7px 0; color:#000; overflow:hidden; background-color:#fff; cursor:default;
													border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; 
}
div.employee-list-singleitem div.item span.name{	display:inline-block; padding:2px 5px; }


#staffplanner div.services-list .item{				width:136px; height:20px; display:inline-block; float:left; padding:0; margin:5px; color:#000; overflow:hidden; cursor:default;
													border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background: #f8f8f8;
}
#staffplanner div.services-list .item span{			float:left; height:16px; padding:2px; }
#staffplanner div.services-list .item span.info{	width:200px; height:20px; }
#staffplanner div.services-list .item span.info span.color{	width:5px; height:20px; margin:-2px 5px 0 -2px; }


#staffinfo{											display:inline-block; width:100%; height:auto; min-height:70px; margin:0 0 0 -25px; padding:0 33px 0 25px; 
													background-image: linear-gradient(#f8f8f8, #f8f8f8, #fdfdfd); border-top:1px solid #ccc; border-bottom:1px solid #ccc;
}

#staffinfo div.employee-details .item{				position:relative; float:left; display:inline-block; margin-bottom:10px; }
#staffinfo div.employee-details .item canvas{		position:absolute; display:inline-block; width:100px; height:80px; top:0; left:0; z-index:2; }
#staffinfo div.employee-details .item div.label{	position:relative; display:inline-block; width:100px; height:20px; padding-top:80px; text-align:center; }
#staffinfo div.employee-details .item div.perc{		position:absolute; display:inline-block; width:100px; height:50px; top:0; left:0; z-index:1; padding-top:30px; text-align:center; font-size:20px; }
#staffinfo div.employee-details .item div.perc small{ font-size:14px; margin-left:2px; }


#staffchart{ 										float:left; display:inline-block; max-width:450px; margin-left:30px; }

#staffservices table td{							padding:3px; border:#000 1px solid; }
#staffservices table td.thead{						height:40px; }
#staffservices div.item{							display:block; float:left; width:200px; }
#staffservices div.item span{						display:block; float:left; text-align:center; height:14px; }
#staffservices div.item span.headline{				width:100%; }
#staffservices div.item span.times{					width:calc(33.3% - 1px); border-right:1px solid #ccc; }

/* scheduler */
.s-sel-0{			padding-left:20px; background:#fff url(../images/scheduler-state-0.png) no-repeat 2px 2px; }
.s-sel-1{			padding-left:20px; background:#fff url(../images/scheduler-state-1.png) no-repeat 2px 2px; }
.s-sel-2{			padding-left:20px; background:#fff url(../images/scheduler-state-2.png) no-repeat 2px 2px; }
.s-sel-3{			padding-left:20px; background:#fff url(../images/scheduler-state-3.png) no-repeat 2px 2px; }
.s-sel-4{			padding-left:20px; background:#fff url(../images/scheduler-state-4.png) no-repeat 2px 2px; }

#scheduler{ background:#fff; }

/* month view */
#scheduler div.header-0{								display:block; height:25px; width:1519px; background:#fff; border-bottom:1px solid #ccc; font-size:11px; line-height:1.2em; }
#scheduler div.header-0 div.week{						display:block; float:left; height:25px; width:216px; border-left:1px solid #ccc; overflow:hidden; }
#scheduler div.header-0 div.week div.day{				display:block; float:left; padding:1px 2px 0 2px; height:24px; width:26px; text-align:center; font-size:9px; border-right:1px solid #ccc; background:rgba(241,241,241,0.6); }/*#f1f1f1*/
#scheduler div.header-0 div.week div.day:last-child{	border-right:none; }
#scheduler div.header-0 div.week div.tday{ 				background-image: linear-gradient(#69F, #67a1dc) !important; color:#FFF !important; } /* today */
#scheduler div.header-0 div.week div.sday{ 				background:rgba(221,221,221,0.6); } /*#dddddd*//* weekend */
#scheduler div.header-0 div.week div.empty{ 			background:rgba(255,255,255,1); } /*#ffffff*//* free */

/* season view */
#scheduler div.header-1{								display:block; height:25px; width:1512px; background:#fff; border-bottom:1px solid #ccc; font-size:11px; line-height:1.2em; }
#scheduler div.header-1 div.week{						display:block; float:left; height:25px; width:62px; border-left:1px solid #ccc; overflow:hidden; }
#scheduler div.header-1 div.week div.day{				display:block; float:left; padding:1px 1px 0 1px; height:24px; width:6px; text-align:center; font-size:9px; border-right:1px solid #ccc; background:rgba(241,241,241,0.6); }/*#f1f1f1*/
#scheduler div.header-1 div.week div.day:last-child{	border-right:none; }
#scheduler div.header-1 div.week div.tday{ 				background-image: linear-gradient(#69F, #67a1dc) !important; color:#FFF !important; } /* today */
#scheduler div.header-1 div.week div.sday{ 				background:rgba(221,221,221,0.6); } /*#dddddd*//* weekend */

/* week view */
#scheduler div.header-2{								display:block; height:25px; width:1512px; background:#fff; border-bottom:1px solid #ccc; font-size:11px; line-height:1.2em; }
#scheduler div.header-2 div.week{						display:block; float:left; height:25px; width:755px; border-left:1px solid #ccc; overflow:hidden; }
#scheduler div.header-2 div.week div.day{				display:block; float:left; padding:1px 2px 0 2px; height:24px; width:103px; text-align:center; font-size:9px; border-right:1px solid #ccc; background:rgba(241,241,241,0.6); }/*#f1f1f1*/
#scheduler div.header-2 div.week div.day:last-child{	border-right:none; }
#scheduler div.header-2 div.week div.tday{ 				background-image: linear-gradient(#69F, #67a1dc) !important; color:#FFF !important; } /* today */
#scheduler div.header-2 div.week div.sday{ 				background:rgba(221,221,221,0.6); } /*#dddddd*//* weekend */
#scheduler div.header-2 div.week div.empty{ 			background:rgba(255,255,255,1); } /*#ffffff*//* free */

#scheduler td.lbl-group{								padding:2px 5px 0 5px; height:auto; min-height:15px; /*width:100%;*/ width:250px; min-width:250px; max-width:250px; line-height:0.9em; border-bottom:1px solid #ccc; background:#f1f1f1; }
#scheduler td.lbl-job{									padding:2px 5px 0 15px; height:auto; min-height:15px; /*width:100%;*/ width:240px; min-width:240px; max-width:240px; font-weight:normal; line-height:0.9em; border-bottom:1px solid #ccc; overflow:hidden; }
#scheduler td.lbl-roomcat{								padding:2px 5px 1px 15px; height:auto; min-height:15px; /*width:100%;*/ width:240px; min-width:240px; max-width:240px; font-weight:normal; line-height:0.9em; border-bottom:1px solid #ccc; overflow:hidden; background:#f1f1f1; }

#scheduler .sched-pointer{								position:absolute; z-index:0 !important; height:800px; background:transparent; background:rgba(102,153,255,0.6); border:1px solid #69f; border-width:0 1px 0 1px; }

#scheduler .td-sprite-holder-0{							position:relative; display:table-cell; width:1519px; min-height:15px; overflow:hidden; background:transparent url(../images/scheduler-day-30px.png) repeat 0 0; }
#scheduler .td-sprite-holder-1{							position:relative; display:table-cell; width:1512px; min-height:15px; overflow:hidden; background:transparent url(../images/scheduler-day-8px.png) repeat 0 0; }
#scheduler .td-sprite-holder-2{							position:relative; display:table-cell; width:1512px; min-height:15px; overflow:hidden; background:transparent url(../images/scheduler-day-107px.png) repeat 0 0; }

#scheduler div.sprite-holder-0{							position:absolute; display:block; left:0; z-index:1 !important; width:1519px; /*height:auto;*/ border-bottom:1px solid #ccc; }
#scheduler div.sprite-holder-1{							position:absolute; display:block; left:0; z-index:1 !important; width:1512px; /*height:auto;*/ border-bottom:1px solid #ccc; }
#scheduler div.sprite-holder-2{							position:absolute; display:block; left:0; z-index:1 !important; width:1512px; /*height:auto;*/ border-bottom:1px solid #ccc; }

#scheduler div.s-sprite{ 								display:block; float:left; width:0; padding:0 0; margin:0; font-size:11px; line-height:1.1em; color:#333; overflow:hidden; }
#scheduler div.s-sprite span{							display:block; padding:0 0 0 1px; height:100%; }
#scheduler div.s-sprite span.selected{ 					background-color:#FF0; }
#scheduler div.s-height1{								height:14px; }
#scheduler div.s-height2{								height:24px; }
#scheduler div.s-item{									border-left:1px solid #ccc; border-right:1px solid #fff; cursor:hand; cursor:pointer; }
#scheduler div.s-empty{									background:transparent; }

.ri-draggable-item-move{ 								border:#f00 1px dotted; opacity: 0.8; }
.ri-droppable-hover{ 									background-color:#fcc !important; }

/* states */
.s-state-0{ 			background:transparent url(../images/scheduler-state-0.png) repeat 0 0; }
.s-state-1{ 			background:transparent url(../images/scheduler-state-1.png) repeat 0 0; }
.s-state-2{ 			background:transparent url(../images/scheduler-state-2.png) repeat 0 0; }
.s-state-3{ 			background:transparent url(../images/scheduler-state-3.png) repeat 0 0; }
.s-state-4{ 			background:transparent url(../images/scheduler-state-4.png) repeat 0 0; }

/* bedtypes */
.bedtype-bg-0{			background:transparent; }
.bedtype-bg-1{			background:transparent url(../images/trans_raster_bedtype-1.png) repeat 0 0; }

.bedtype-bg-0:hover,
.bedtype-bg-1:hover{			background:rgba(252,200,200, 0.6); }

/* chart plot */
#chart{ position:relative; min-height:500px; width:calc(100% - 15px); padding:5px; margin:20px 5px 20px 0; }
#chart:before{content:""; display:block; padding-top:33.33%; }

/* chartjs */
#reportchart{ max-width:1000px; margin:40px auto; }

/* animations */
@keyframes pulse {
	  0% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
	 50% { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); transform: scale(0.7); }
	100% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
}

/* module calendar */
p.calendartype{ display:inline-block; float:left; width:auto; margin:3px 10px 3px 0; padding:1px; }
p.calendartype span{ display:inline-block; float:left; width:15px; height:15px; border-radius:3px; margin:-3px 6px 0 0; padding:2px; }
.ct-1{ background-image: linear-gradient(#3a9e5a, #1f823f); } /* gruen */
.ct-2{ background-image: linear-gradient(#eee172, #d6c642); } /* gelb */
.ct-3{ background-image: linear-gradient(#ebba5a, #e09b2f); } /* orange */
.ct-4{ background-image: linear-gradient(#f48282, #e64949); } /* rot */
.ct-5{ background-image: linear-gradient(#a67dfa, #7846dd); } /* lila */
.ct-6{ background-image: linear-gradient(#769aed, #4571d5); } /* blau */
.ct-7{ background-image: linear-gradient(#bfbfbf, #8a8a8a); } /* grau */
.ct-8{ background-image: linear-gradient(#555555, #000000); } /* schwarz */

.ct-1 .fa-check, .ct-2 .fa-check, .ct-3 .fa-check, .ct-4 .fa-check, 
.ct-5 .fa-check, .ct-6 .fa-check, .ct-7 .fa-check, .ct-8 .fa-check{ font-size:12px; color:#FFF !important; }

td.ct-1 .fa-check, td.ct-2 .fa-check, td.ct-3 .fa-check, td.ct-4 .fa-check, 
td.ct-5 .fa-check, td.ct-6 .fa-check, td.ct-7 .fa-check, td.ct-8 .fa-check{ margin-left:-3.5px; }

/* MINI */
#calendar-mini{															width:220px; }
#calendar-mini a.prev, #calendar-mini a.next{ 							display:inline-block; float:right; margin:0 7px 0 0; width:17px; height:17px; border:1px solid #ccc; border-radius:50%; font-size:12px; color:#CCC; text-align:center; }
#calendar-mini a.prev:hover, #calendar-mini a.next:hover{ 				color:#0067c9; }
#calendar-mini a.prev{													padding:3px 3px 0 0; }
#calendar-mini a.next{													padding:3px 0 0 3px; }

.calendar-mini{ 														position:relative; display:block; width:225px; height:auto; }
@media screen and (max-width: 840px){
	.calendar-mini, .cmini_840{ display:none; }
}

.calendar-mini .cm-weeks,
.calendar-mini .cm-holder,
.calendar-mini .cm-head,
.calendar-mini .cm-body{ 												display:inline-block; float:left; }

.calendar-mini .cm-weeks{ 												width:28px; height:auto; margin-top:28px; }
.calendar-mini .cm-weeks span{ 											width:16px; height:20px; padding:4px; float:left; text-align:center; background-color:#f3f3f3; color:#000; }

.calendar-mini .cm-holder{ 												width:196px; }

.calendar-mini .cm-head{ 												height:28px; }
.calendar-mini .cm-head .day{											display:inline-block; height:28px; width:28px; color:#999; text-align:center; text-decoration:none; }

.calendar-mini .cm-body{ 												width:auto; height:auto; }

.calendar-mini .cm-body .day{											display:inline-block; width:16px; height:16px; padding:4px; margin:2px; text-align:center; text-decoration:none; font-weight:normal; -webkit-border-radius:50%; border-radius:50%; }
.calendar-mini .cm-body .day:hover,
.calendar-mini .cm-body .day-s{											background-color:#f3f3f3; color:#000; }
.calendar-mini .cm-body .day-c{											background-color:#0067c9; color:#FFF; }

/* YEAR */
.calendar-year{ 														position:relative; display:inline-block; width:100%; height:auto; margin-bottom:15px; }

.calendar-year .cy-grid{												display:inline-block; float:left; height:280px; text-align:center; }

@media screen and (min-width: 1400px){ 									.calendar-year .cy-grid{ width:25%; } }
@media screen and (min-width: 1120px) and (max-width: 1400px){ 			.calendar-year .cy-grid{ width:33.3%; } }
@media screen and (max-width: 1120px){ 									.calendar-year .cy-grid{ width:50%; } }
@media screen and (max-width: 840px){ 
	.calendar-year .cy-grid{ width:100%; } 
	.calendar-year .cy-grid{ height:auto !important; margin-bottom:15px; }
}

.calendar-year .cy-month{ 												position:relative; display:block; width:257px; height:auto; margin:0 auto; }

.calendar-year .cy-weeks,
.calendar-year .cy-holder,
.calendar-year .cy-head,
.calendar-year .cy-body{ 												display:inline-block; float:left; }

.calendar-year .cy-weeks{ 												width:32px; height:auto; margin-top:24px; }
.calendar-year .cy-weeks a{ 											width:20px; height:24px; padding:8px 4px 0 4px; float:left; text-align:center; background-color:#f3f3f3; color:#000; text-decoration:none; }

.calendar-year .cy-holder{ 												width:224px; }

.calendar-year .cy-head{ 												height:24px; }
.calendar-year .cy-head .day{											display:inline-block; height:24px; width:32px; color:#999; text-align:center; text-decoration:none; }

.calendar-year .cy-body{ 												width:auto; height:auto; }

.calendar-year .cy-body .day{											display:inline-block; position:relative; width:20px; height:20px; padding:4px; margin:2px; text-align:center; cursor:default; font-weight:normal; font-size:15px; line-height:18px; -webkit-border-radius:50%; border-radius:50%; }
.calendar-year .cy-body .day-nc{										color:#999; }
.calendar-year .cy-body .day:hover,
.calendar-year .cy-body .day-s{											background-color:#f3f3f3; color:#000; }
.calendar-year .cy-body .day-c{											background-color:#0067c9; color:#FFF; }
.calendar-year .cy-body .day span.amount{								width:5px; height:5px; -webkit-border-radius:50%; border-radius:50%; background-color:#999; position:absolute; top:0; right:0; }

/* MONTH */
.calendar-month{ 														position:relative; display:inline-block; width:100%; height:auto; margin-bottom:15px; }

.calendar-month .width{													width:calc(14.28% - 1px); }

.calendar-month .cm-weeks{ 												display:inline-block; float:left; height:auto; width:25px; margin-top:30px; border-right:1px solid #ccc; }
.calendar-month .cm-weeks a{ 											display:inline-block; float:left; height:126px; margin:15px 0 0 0; width:17px; color:#999; background:#fff; text-decoration:none; }

.calendar-month .cm-holder{ 											display:inline-block; float:left; width:calc(100% - 26px); }

.calendar-month .cm-head{ 												display:inline-block; height:30px; width:100%; border-bottom:1px solid #ccc; }
.calendar-month .cm-head .day{											display:inline-block; text-align:center; text-decoration:none; }

.calendar-month .cm-body{ 												display:inline-block; height:705px; width:100%; background-color:#fff; } /* 5 x 141px */
.calendar-month .cm-body .day{											display:inline-block; position:relative; height:140px; border:1px solid #ccc; border-width:0 1px 1px 0; overflow-y:auto; }
.calendar-month .cm-body .day-nc{										background-color:#f3f3f3; }
.calendar-month .cm-body .day a.head{									display:inline-block; height:30px; padding:5px 0; width:100%; text-align:center; text-decoration:none; }
.calendar-month .cm-body .day a.head strong{							display:inline-block; width:20px; height:20px; padding:5px; font-weight:normal; font-size:16px; -webkit-border-radius:50%; border-radius:50%; }
.calendar-month .cm-body .day a.head:hover strong,
.calendar-month .cm-body .day-s a.head strong{							background-color:#f3f3f3; color:#000; }
.calendar-month .cm-body .day-c a.head{									color:#0067c9; }
.calendar-month .cm-body .day-c a.head strong{							background-color:#0067c9; color:#FFF; }
.calendar-month .cm-body .day .body{									position:absolute; top:40px; left:0; display:inline-block; height:100px; width:100%; overflow-y:auto; overflow-x:hidden; }
.calendar-month .cm-body .day .body:active{								background-color:#ccc; }

/* WEEK */
.calendar-week{ 														position:relative; display:block; width:100%; height:auto; }

.calendar-week .width-1{												width:calc(100% - 1px); }
.calendar-week .width-2{												width:calc(50% - 1px); }
.calendar-week .width-3{												width:calc(33.33% - 1px); }
.calendar-week .width-4{												width:calc(25% - 1px); }
.calendar-week .width-5{												width:calc(20% - 1px); }
.calendar-week .width-6{												width:calc(16.66% - 1px); }
.calendar-week .width-7{												width:calc(14.28% - 1px); }

.calendar-week .cw-holder{ 												display:inline-block; height:auto; width:100%; }

.calendar-week .cw-head{ 												display:inline-block; float:left; height:50px; width:calc(100% - 46px); margin-left:46px; }
.calendar-week .cw-head .day{											display:inline-block; text-align:center; text-decoration:none; }
.calendar-week .cw-head .day strong{									display:inline-block; width:20px; height:20px; padding:5px; font-weight:normal; font-size:16px; -webkit-border-radius:50%; border-radius:50%; }
.calendar-week .cw-head .day:hover strong,
.calendar-week .cw-head .day-s strong{									background-color:#f3f3f3; color:#000; }
.calendar-week .cw-head .day-c{											color:#0067c9; }
.calendar-week .cw-head .day-c strong{									background-color:#0067c9; color:#FFF; }

.calendar-week .cw-timespans{											display:inline-block; float:left; height:auto; width:calc(100% - 66px); padding:10px 0 8px 0; margin-left:46px; }

.calendar-week .cw-body{ 												display:inline-block; height:68vh; width:100%; background-color:#fff; border-bottom:1px solid #ccc; overflow-y:scroll; }

.calendar-week .cw-body .cw-time{ 										display:inline-block; float:left; height:960px; width:45px; border-right:1px solid #ccc; }
.calendar-week .cw-body .cw-time span{ 									display:inline-block; float:left; height:10px; margin:-7px 0 37px 0; width:37px; color:#999; background:#fff; }

.calendar-week .cw-dates{ 												display:inline-block; position:relative; float:left; height:961px; width:calc(100% - 46px); } /* 24 x 50px + 1px */
.calendar-week .cw-dates .sched{										display:inline-block; height:960px; border-right:1px solid #ccc; background-size: 100%; }
.calendar-week .cw-dates .sched div{									display:inline-block; width:100%; height:20px; }
.calendar-week .cw-dates .sched div:active{								background-color:#ccc; }

.cw-lines-h{
																		background-size: 100% 40px;
																		background-image: -webkit-linear-gradient(0deg, transparent 19px, #f1f1f1 19px, #f1f1f1 21px, transparent 21px, transparent 39px, #ccc 39px, #ccc 41px, transparent 41px);
																		background-image:         linear-gradient(0deg, transparent 19px, #f1f1f1 19px, #f1f1f1 21px, transparent 21px, transparent 39px, #ccc 39px, #ccc 41px, transparent 41px);
}

.cw-lines-v{
																		background-image: -webkit-linear-gradient(0deg, transparent 99.5%, transparent 99.5%, #ccc);
																		background-image: linear-gradient(90deg, transparent 99.5%, transparent 99.5%, #ccc);
}

/* DATE ITEM */
.qtip-content .di-item{ 												float:left; display:inline-block; width:99%; height:20px; margin:2px; cursor:default; }

.qtip-content .di-item span{											float:left; display:inline-block; width:calc(100% - 6px); height:calc(100% - 6px); padding:2px; /*background-color:#f6f6f6;*/ background:rgba(230,230,230,0.8); overflow:hidden; }
.qtip-content .di-item span div:first-child{ 							float:left; display:inline-block; width:14px; height:calc(100% + 4px); min-height:20px; margin:-2px 5px -2px -2px; }
.qtip-content .di-item span strong{										margin-right:5px; }
.qtip-content .di-item span a{											display:none; float:right; }
.qtip-content .di-item span:hover a{									display:inline-block; }

.calendar-month .di-item{ 												position:relative; display:block; float:left; width:14px; height:14px; margin:2px; cursor:default; }

.calendar-week .cw-dates .di-item{ 										position:absolute; min-height:20px; cursor:default; }
.calendar-week .cw-timespans .di-item{ 									position:relative; display:block; height:20px; margin-bottom:2px; cursor:help; }

.calendar-week .di-item span{											float:left; display:inline-block; width:calc(100% - 6px); height:calc(100% - 6px); padding:2px; background:rgba(230,230,230,0.8); overflow:hidden; }
.calendar-week .di-item span div:first-child{ 							float:left; display:inline-block; width:14px; height:calc(100% + 4px); min-height:20px; margin:-2px 5px -2px -2px; }
.calendar-week .di-item span strong{									margin-right:5px; }
.calendar-week .di-item span a{											display:none; float:right; }
.calendar-week .di-item span:hover a{									display:inline-block; }


.di-datestate-0{														border:1px dashed #666; }
.di-datestate-1{														border:1px solid #ccc; }
.di-datestate-2{														border:1px solid #090; }

.calendar-week .di-pointer{												position:absolute; border-top:2px dashed #f00; }
.calendar-week .di-pointer:before{										content:''; display:block; margin:-6px 0 0 -6px; width:10px; height:10px; -webkit-border-radius:50%; border-radius:50%; background:#F00; }

.di-draggable-week-move{ 												display:inline-block; width:200px; min-width:200px; max-width:200px; border:#f00 1px dotted; opacity: 0.8; }
.di-draggable-month-move{ 												border:#f00 1px dotted; opacity: 0.8; }
.di-droppable-hover{ 													background-color:#fcc; }

/* BUTTONS */
.calendar-year a.prev, .calendar-year a.next,
.calendar-month a.prev, .calendar-month a.next,
.calendar-week a.prev, .calendar-week a.next{ 							position:absolute; top:400px; display:inline-block; z-index:99; width:25px; height:25px; border:1px solid #ccc; border-radius:50%; font-size:18px; color:#CCC; text-align:center; }

.calendar-year a.prev:hover, .calendar-year a.next:hover,
.calendar-month a.prev:hover, .calendar-month a.next:hover,
.calendar-week a.prev:hover, .calendar-week a.next:hover{ 				color:#0067c9; }

.calendar-year a.prev, 
.calendar-month a.prev, 
.calendar-week a.prev{													left:-40px; padding:5px 4px 0 1px; }

.calendar-year a.next, 
.calendar-month a.next, 
.calendar-week a.next{													right:-40px; padding:5px 1px 0 4px; }

/* ROOMSERVICE */
#weekplanner{															position:relative; display:inline-block; width:100%; height:auto; min-height:150px; }
.roomservice-wp{														width:calc(14.28% - 47px); height:auto; min-height:120px; float:left; position:relative; display:inline-block; padding:10px 15px; margin:0 15px 15px 0; border:1px solid #ccc; -webkit-border-radius:5px; border-radius:5px; font-weight:normal; font-size:12px; }
.roomservice-wp:last-child{												margin-right:0; }
.roomservice-wp small{ 													font-size:11px; display:inline-block; margin-top:-2px; text-align:center; }
.rwp-active{															width:calc(14.28% - 49px); border:2px solid #0067c9; }

.rschange-draggable-move{ display: table; border:#f00 1px dotted; opacity: 0.8; }
.rschange-droppable-hover{ background-color:#fcc !important; border:#f00 1px dotted !important; }