/*----- CSS zu Ayee Housekeeping 2.0 -----*/
html{
	font-size: 16px;
}
body,.occ,.planfeld .room label {
	font-size: 1rem;
}

.floor .room,.ebene, .keepradio, .keepedit i,.material-switch > label, 
.trafflight2 .todo,.trafflight2 .clean,.trafflight2 .ready {
cursor:pointer;
}

.anzeige,.text-xs-left, .material-switch {
text-align:left;
}

.room, .ebene, .trafflight, .keepradio, .keepedit, .keepeico, 
.keeper-line, .planfeld i, #boxhead, .boxhead, #t_sign{
text-align:center;
}

body#page-top{
/*	background: linear-gradient (90deg, purple, blue, green, yellow, red, purple);*/
}


.errmsg {
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 7px;
    margin-top: 5px;
    color: #a54d4d;
    display: none;
}
#head-block-left {
    background-color: #ffffff;
    height: 100vh;
	padding: 1vh 0;
	min-width: 4rem;
}

#aktiv-area {
    height: 100vh;
    overflow: auto;
	min-width: 20rem;
}

#toolbar {
	padding-top: 1vh;
    padding-bottom: 1vh;
}

#toolbar .navi{
	padding: 0;
}

#toolbar .btn{
	height: 3.5rem;
	min-width: 4rem;
	border-color: #6dc559;
	color: #6dc559;
	border-radius: 0;
}

#toolbar .btn i{
	font-size:2rem;
	text-shadow: 0 0 1px #fff;
}

#toolbar .grau .btn:nth-child(5){
	background: #999999;
}
#toolbar .grau .btn:nth-child(4){
	background: #B3B3B3;
}
#toolbar .grau .btn:nth-child(3){
	background: #CCCCCC;
}
#toolbar .grau .btn:nth-child(2){
	background: #E5E5E5;
}
#toolbar .grau .btn:nth-child(1){
	background: #ffffff;
}

.destination{
	background: #999999;
	padding: 0.3rem;
}
.floor{
	background: #ffffff;
	min-height: 3rem;
	padding-top: 0.3rem;
	
	padding-bottom: 0.3rem;
	margin-bottom: 0.3rem;
	
}
.floor > div:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.floor.row{
	margin-left: 0;
	margin-right: 0;
}

#dest-info,
.room,
.ebene{
	margin: 0.2rem;
	width: 6.2rem;
	height: 4.6rem;
	position: relative;
	font-weight: bold;
	color: #ffffff;
	float: left;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.bell {
    position: absolute;
    left: 1.8rem;
    top: 0.3rem;
}

.floor .occ .occ {
    right: 0.3rem;
    top: 2rem;
    position: absolute;
}

.floor .ww .ww {
	left: 1.8rem;
    bottom: 0.3rem;
    position: absolute;}

#occ-line .occ {
    right: 0;
    top: 0;
    position: relative;
}	

.keeper{
	position: absolute;
	top: 0.3rem;
	right: 0.3rem;
	font-size: 1.5rem;
}

.tip:hover:after {
	padding: 0.3rem;
	position: absolute;
	border: 1px solid #ffffff;
	background-color: #6dc559;
	color: #ffffff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	content: attr(data-tooltip);
	font-size: 1.0rem;
	z-index: 1000;
}

.note{
	position: absolute;
	bottom: 0.3rem;
	right: 0.3rem;
	font-size: 1.0rem;
}

.room{
	background: #a82223;
}

.ebene{
	background: #000000;
}

.room.clean,
.room.ready{
	background: #6dc559;
}

.ooo{
	background: #444444;
}


.ooo .trafflight,
.ooo .keeper,
.prio .keeper,
.occtodo .keeper,
.todo .keeper
{
	display: none;
}

.prio{
    animation:blink 500ms infinite alternate;
}
.disabled{
	cursor: not-allowed;
    opacity: 0.3;
}

@keyframes blink {
from { opacity:1; }
to { opacity:0.3; }
}

.activ{
display: block;
}
.room.activ{
display: flex;
}
.passive,
#new-keep.passive{
display: none;
}
.empty{
opacity: 0.5;
}

.trafflight{
background: #000000;
width: 1.6rem;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.signtodo,
.signclean,
.signready{
position: absolute;
font-size: 1.1rem;
line-height:1.7rem;
margin: 0 auto;
left: 0.3rem;
}
.signtodo{
color: #fc0000;
top: 0rem;

}
.signclean{
color: #faed08;
top: 1.4rem;
}
.signready{
color: #00D043;
top: 2.8rem;
}
.off{
color: #888888;
}

/**--- neu fuer Keeperplaner ---**/

#layer{
background: rgba(20,20,20, 0.8);
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
padding-top: 5vh;
z-index: 900;
overflow: auto;
}

.planfeld
{
position: relative;
z-index: 1000;
height: 90%;
min-height: 40rem;
overflow: auto;
background: #6dc559;
border: 0 solid transparent;
padding: 1rem;
}

.druckbereich{
}
.knopfleiste{
	bottom: 0;
	position: absolute;
/*	
	bottom: 2.5rem;
	position: fixed;
*/
    left: 0px;
	height: 5rem;
}

.keepradio{
border: 1px solid #6dc559;
/*background: #ffffff;*/
background: inherit;
/*color: #6dc559;*/
color: inherit;
height: 2.5rem;
position: relative;
font-weight: bold;
font-size: 1.5rem;
display: flex;
justify-content: center;	
}

.keepradio:hover{
background: #e6e6e6;
}

.keepedit,
.keepeico{
min-height: 2.5rem;
position: relative;
background: transparent;
font-weight: bold;
font-size: 1.5rem;
display: flex;
align-items: center;
}

.keepeico{
font-size: 2rem;
}

.edit{
color: #555555;
}

.keeper-line{
border: 1px solid #555555;
margin-bottom: 0.2rem;
min-height: 3.0rem;
position: relative;
background: #ffffff;
color: #6dc559;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;	
}
.planfeld i {
width: 2.7rem;
height: 2.7rem;
border-radius: 0.4rem;
font-size: 1.8rem;
padding: 0.3rem;
background: white;
background: transparent;
}
.planfeld a{
	color: white;
}

.keepradio.activ {
border: 0.1em solid white;
background: #dddddd linear-gradient(to bottom, #dddddd, #999999, #dddddd) repeat scroll 0 0;
color: #444444;
}
.keepradio.activ i{
border: 2px solid #444444;
}

/*--- Schieber ---*/
.material-switch > input[type="checkbox"] {
display: none;   
}

.material-switch{
	padding-left: 0;
}

.material-switch > label {
height: 0px;
position: relative; 
width: 40px;  
}

.material-switch > label::before {
background: rgb(0, 0, 0);
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
border-radius: 8px;
content: '';
height: 16px;
margin-top: -8px;
position:absolute;
opacity: 0.3;
transition: all 0.4s ease-in-out;
width: 50px;
}
.material-switch > label::after {
background: rgb(255, 255, 255);
border-radius: 16px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
content: '';
height: 24px;
left: -4px;
margin-top: -8px;
position: absolute;
top: -4px;
transition: all 0.3s ease-in-out;
width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
background: inherit;
opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
background: inherit;
left: 30px;
}		
/*--- Ende Schieber ---*/
.scrollarea{
position: relative;
height: calc(100% - 2rem);
margin-bottom: 2rem;
}
#verwaltungs_box .scrollarea{
color: #ffffff;
}
#boxhead,
.boxhead{
width: 100%;
font-size:	2rem;
/*height: 2rem;*/
font-weight: bold;
color: #ffffff;
}
.flag_line {
    min-height: 3rem;
}
.head-block {
min-height: calc((100% - 8rem) / 2);
}
#notiz{
height: calc((100% - 8rem) / 2);
}
#notiz textarea{
width: 100%;
height: 100%;
color: #444444;
font-size: 1.5rem;
margin-top: 1rem;
}

/*------*/
.planfeld .innerfeld,
#dest-info
{
width: 100%;
height: calc(100% - 8rem);
position: relative;
overflow: auto;
display: block;
padding: 1rem;
font-size: 1.5rem;
top: calc((100% - 8rem) / 2);
transform: translateY(-50%);
}
.sign{
background: gray ;
border-radius: 16px;
height: 1.5rem;
width: 1.5rem;
margin: 0.6rem;
}

.sign.todo{
background-color: #FF5F49;
}
.sign.clean{
background-color: yellow;
}
.sign.ready{
background-color: #00D043;
}
.sign.off{
background-color: #888888;
}

#t_sign {
background: #333333;
border-radius:	4px;
width: 2.6rem;
position: relative;
padding: 0.1rem 0;
}

.ok-but{
color: #6dc559;
}
.cancle-but{
color: red;
}

.box{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.innerfeld{
margin: 1em 0;
}
/*--- fuer Notizen ---*/	

.tbbody .row:first-child {
border-top: 2px solid #6dc559;
}
.tbbody .row {
border-bottom: 2px solid #6dc559;
padding: .5em 2em 1em;
}
/*
#tb-Notizen{
margin: 2em 0;
max-width: 80em;
}
*/
.tbhead {
display: none;
}			
#tb-Notizen .th::before {
content: "Raum: ";
}
#tb-Leistung .td:nth-child(2)::before {
content: "Pensum: ";
}
/*
#tb-Notizen .td:nth-child(2)::before {
content: "Datum: ";
}
*/
.td:nth-child(3)::before {
content: "";
}
/*
#tb-Notizen .td:nth-child(3)::before {
content: "Notiz: ";
}
*/
.tbbody .th {
display: block;
font-weight: bold;
}

/*--- Ende fuer Notizen ---*/	
#keep_planer{
background-color: #6dc559; 
}	
/*
#list_note,
*/
#help_note{
background-color: #ffffff; 
}	

.col_no_padding{
padding-left: 0;
padding-right: 0;
}	
/*--- Login ---*/
#page-login,
body{
background-color: #6dc559;
height: 100vh;
}
#page-login	.btn-default,
#loginbtn .btn-default{
background-color: #6dc559;
border-color: #ccc;
color: #fff;
padding-left: 30px;
padding-right: 30px;
}	
#page-login	.btn-default:hover,
#loginbtn .btn-default:hover{
background-color: #ffffff;
color: #6dc559;
}	

.navbar-toggle{
	padding: 0;
	margin: 0;
}

#navbar-img-top{
margin: 0 auto;
/*
width: 100%;
height: auto;
*/
}

#head-block,
#head-block-log{
background-color: #ffffff;
padding-top: 10px;
margin-bottom: 10px;
position: fixed;
}
#body-block{
margin-top: 17vh;
margin-bottom: 8vh;
/*height: 83vh;*/
}

#loginFrm {
margin-bottom: 20px;
}
#passreminde,#newuser{
font-size: 0.8rem;
color: #fff;
}

.text-block{
color: #ffffff;
font-size: 2rem;
font-family: "Bauhaus Bold BT", arial;
padding: 50px 0;
}
#footer-block{
background-color: #ffffff;
position: fixed;
bottom: 0;
padding: 10px 0px;
}
#footer-block img{
width: 75px; 
}

.text-xs-right { text-align:right; }
@media (max-width: 767px) {
#head-block-left {
display: none;
}
#aktiv-area {
margin-top: 17vh;
height: 83vh;
}  
#navbar-img-top{
height: 15vh;
}
.text-xs-right,
.text-xs-left {
	text-align:center; 
}
/*
#t_txt {
display: none;
}
*/
}	

@media (min-width: 768px) {
#head-block {
display: none;
}
}

/*****************************
All rights reserved.
AllFont.net (c) 2011-2015
*****************************/
@font-face {
font-family: 'Bauhaus Bold BT';
font-style: normal;
font-weight: 700;
src: local('Bauhaus Bold BT'), local('BauhausMdBT-Bold'),
url(BauhausMdBT-Bold.woff) format('woff'),
url(BauhausMdBT-Bold.ttf) format('truetype');
}

/***************************
Zum Drucken
***************************/
.print{
display: none;
}

@media print{
.screen{
display: none;
}

.print{
display: block;
}

body{
background: transparent;
margin: 0;
padding: 0;
}
/* fuer bootstrap ? */
.container { width : auto ; }

#print_area{
position: absolute;

/* Din A4*/
width: 190mm; 
height: 276mm; 

padding: 10mm;

}
#print_area h2{
margin-top: 0;
}

}

/*----*/
#verwaltungs_box{
/*border: 2px solid blue;*/
}
.minfloor.row {
    margin-left: 0;
    margin-right: 0;
}
.planfeld .mini_room label {
	font-size: 0.5rem;
}

.planfeld .mini_room .signclean{
	top: 0.9rem;
	left: 0.1rem;
}
.planfeld .mini_room i.signclean{
	font-size: 0.6rem;
}

.mini_room.ooo .signclean{
    display: none;
}

.mini_room,
.mini_ebene{
	margin: 0.1rem;
	width: 3.1rem;
	height: 2.3rem;
	position: relative;
	font-weight: bold;
	color: #ffffff;
	float: left;
	
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
}

.mini_room{
	background: #a82223;
	text-align:center;
}

.mini_ebene{
	background: #000000;
}

.mini_room.clean,
.mini_room.ready{
	background: #6dc559;
}
.planfeld .mini_innerfeld .mini_room,
.planfeld .mini_innerfeld .mini_ebene {
    font-size: 0.75rem;
}

/*#verwaltungs_box.planfeld .mini_innerfeld{*/
.planfeld .mini_innerfeld{
	height: calc(100% - 7.5rem);
	margin: 1rem 0 0 0;
	
	width: 100%;
	position: relative;
	overflow: auto;
	display: block;
/*	padding: 1rem;
*/
/*
	font-size: 1.5rem;
*/	
	font-size: 1.2rem;
	}
/*#verwaltungs_box.planfeld .mini_innerfeld h1{*/
.planfeld .mini_innerfeld h1{
	font-size: 1.5rem;
	line-height: 1.6rem;
	margin-top: 5px;
    margin-bottom: 3px;
}
/*
#list_note.planfeld{
	overflow: auto;
	height: calc(100% - 1rem);
	min-height: 400px;
}
*/
#verwaltungs_box.planfeld .mini_innerfeld .flag_line{
	min-height: 1.5rem;
}

.tab-content > .tab-pane {
    height: 100%;
}
/*#verwaltungs_box.planfeld .scrollarea {*/
.planfeld .scrollarea {
    height: calc(100% - 5.7rem);
/*    height: 100%;*/
	margin-bottom: 0;
	
	overflow: auto;
}
#list_note .druckbereich{
	background-color: #ffffff;
}
/*#verwaltungs_box.planfeld .mini_innerfeld .tab-content{*/
.planfeld .mini_innerfeld .tab-content{
	height: 100%;
/*	height: calc(100% - 1rem);*/
/* Test */	
	position: relative;
}
.planfeld .mini_innerfeld .container{
	width: 100%;
	height: calc(100% - 3rem);
	overflow: auto;
}
#tb-Leistung .container{
/*	height: calc(100% - 10rem);*/
}
.tbl{
/*	height: calc(100% - 3.7rem)*/
	height: calc(100% - 6.8rem)
}

.planfeld .minfloor i {
    width: 0.8rem;
    height: 0.8rem;
/*    border-radius: 0.4rem;*/
    font-size: 0.7rem;
    padding: 0.0rem;
    background: white;
    background: transparent;
}

.minfloor{
	background: #ffffff;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	margin-bottom: 0.2rem;
	
}
.minfloor .hook {
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
}
.mini_room .occ {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
}
.mini_room.ooo {
	background: #444444;
}

#dest_name .hook {
    font-size: 1.5rem;
    margin-right: 10px;
	cursor: pointer;
}

.mini_innerfeld .ini-head-block i{
    font-size: 1.5rem;
}
			.nav_resp{
				padding: 5px;
			}
			.nav_resp a{
				padding: 5px;
			}
			.nav_resp i{
				font-size: 1.5rem;
				color: #ffffff;
			}
			
			.responsive{
				display: none;
			}
/*			
			.notresponsive{
				display: block;
			}
*/			
ul.nav {
    max-height: 3rem;
    overflow: auto;
}

.nav-pills > li > a {
    border-color: white;
    border-width: 1px;
    background-color: rgba(255,255,255,0.25);
    border-style: solid;
	border-radius: 4px;
}

.text-dist{
	padding-right: 30px;
}

@media screen and (max-width: 767px) {
	#layer {
		padding-top: 0vh;
	}
	.planfeld {
		height: 100%;	
	}
	.responsive{
		display: block;
	}
	.notresponsive{
		display: none;
	}
	
	ul.nav{
		max-height: 100%;
	}
	.menu-tabs,
	#menu-tabs{
		position: absolute;
		top: 120px;
		z-index: 1000;
	}
	.nav-pills > li > a{
/*		background-color: rgba(255, 255, 255, 0.85);*/
		background-color: rgba(255, 255, 255, 0.25);
		border: solid #337ab7 1px;
	}
	.pill_but:hover {
		color: black;
	}	
/*
	#menu-tabs:not(.notresponsive){
		border: solid red 1px;
	}
*/	
}

/*** Test 
.planfeld{
	border: solid red 1px;
}
.tab-content > .tab-pane {
	border: solid blue 1px;
}

.druckbereich{
	border: solid yellow 1px;
}
#keeperFrm{
	color: #ffffff;
}	
	***/
.akkord-head{
	cursor: pointer;
}
.groupebox {
    margin-bottom: 1rem;
}
.iskeeper {
    max-height: calc(100% - 3rem);
	overflow: auto;
}
.akkord-item {
    max-height: 100%;
}
.grp.akkord-head{
	background-color: #000000;
	color: #ffffff;
}
.obj.akkord-head{
	background-color: #999999;
	color: #ffffff;
}
.akkord-body{
	display: none;
}
.grp .keepedit{
	font-weight: normal;
	
}
.elem .keepedit{
	font-weight: normal;
	font-size: 1rem;
	
}
.elem.keeper-line{
	min-height: 1rem;
}

.planfeld .elem i {
    width: 2.0rem;
    height: 2.0rem;
    border-radius: 0.4rem;
    font-size: 1.4rem;
    padding: 0.3rem;
    background: white;
    background: transparent;

}
.elem .keepradio {
    height: 2.0rem;
    font-size: 1.4rem;
}
.elem.keepedit{
    min-height: 2.0rem;
}
/*
.new-keep {
    max-height: calc(100% - 3rem);
    overflow: auto;
}
*/
/*
.closed{
	background; red;
}
.open{
	background: green;
}*/