HTML{
	height: 100%;	
	margin: 0;
}

BODY{
	margin:0;
	font-family: sans-serif;
	height: 100%;
}


TABLE{
	border-spacing: 0;
}

.page_wrapper{
  display: table;
  width: 100%;  
}

#loginbox{
	width:230px;
	height:115px;
	
	margin: 0 auto 0 auto;
	margin-top: 60px;
	
	padding:10px;
	padding-top: 20px;
	font-size:18px;
	text-align: center;
	text-decoration: none;
	border: 1px solid grey;
	border-radius: 8px;
}

.inve{
	background-color: #000000;
	color: #ffffff;
}

.login{
	visibility: hidden;
	position:absolute;
}

.login_logo{
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

.downbottom{
	position: absolute;
	bottom: 0px;
	font-size: 32px;
	text-align: center;
	width: 100%;
}

.login_input{
	float: right;
	width: 130px;
	border-radius: 4px;
}
	

.calcnav { float: right; z-index: 9900; height: 35px; line-height: 35px; border-left: 1px solid white; border-right: 1px solid white; background: #461c42;}
.calcnav ul { margin: 0; padding: 0; text-align: center; }
.calcnav li { list-style: none; margin: 0; padding: 0; position: relative; line-height: 35px; vertical-align: middle; }
.calcnav li a { padding: 5px 15px 5px 15px; text-decoration: none;  color: #000; font-size: inherit; font-family: inherit; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }

.calcnav li:hover{
	background-color:#999;
}

.calcnav ul li ul li{
	padding: 5px;
	cursor: pointer;
}

.stage_div{
	float:left;
	line-height: 35px;
	vertical-align: middle;
	text-align: center;
}

.newstage_div {
	margin-top: 8px;
	padding: 8px 10px;
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 6px;
	display: inline-block;
	font-size: 13px;
}

.newstage_div input[type="text"] {
	padding: 4px 6px;
	font-size: 13px;
	border: 1px solid #bbb;
	border-radius: 4px;
	width: 150px;
	margin-right: 6px;
}

.newstage_div input[type="submit"],
.newstage_div input[type="button"] {
	padding: 4px 10px;
	font-size: 13px;
	border-radius: 5px;
	border: 1px solid #999;
	background: #eee;
	cursor: pointer;
}

.newstage_div input[type="submit"]:hover,
.newstage_div input[type="button"]:hover {
	background: #ddd;
}

#title{
	margin-top: 10px;
	width: 100%;
	text-align: center;
	font-size: 21px;
}



#menu A{
	text-decoration: none;
}

.submenu A{
	text-decoration: none;
}

.menu_item{
	float: left;
	font-size: 17px; 
	padding: 8px;
}

.menu_item_active{
	float: left;
	font-size: 17px; 
	padding: 8px;
}


.submenu_item{
	float: left;
	font-size: 17px; 
	padding: 8px;
}

.submenu_item_active{
	float: left;
	font-size: 17px; 
	padding: 8px;
}



.label{
	float: left;
	width: 130px;
}

.submit{
	text-transform: uppercase;
	font-size: 23px;
	padding: 4px;
}


.tt-menu{
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin: 0px 0;
	padding: 1px 3px;
	width: 300px;
	
}

.tt-selectable{
	cursor: pointer;
}

.tt-cursor{
	background-color: #ccc;
}
/*
.content{
	height: 100%;
}

.contents{
	height: 100%;
} */


.catbox{
	float:left;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	font-size: 28px;
	vertical-align: middle;
	text-transform: uppercase;
	
}

.catitem{
	border-bottom: 1px solid black;
	padding: 15px 25px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.homeboxes{
	width: 100%;
	text-align: center;
	position: relative;
	display: table;
	vertical-align: middle;
	margin-top: 20px;
}

A .homebox:hover{
	color: #000000 !important;
}

table.center {
	margin-left:auto; 
	margin-right:auto;
}



.homebox{
	width: 280px;
	height: 80px;
	display: inline-block; 
	font-size: 24px;
	margin: 10px;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	/* position: relative; */
	/* display: table; */
}
.homebox2{
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}

.vercen{
	/* height: 240px; */
  vertical-align: middle;
  display: table-cell;
	width: 100%;
	text-align: center;
}

.catsub{
	background-color: #eeeeee;
}

.overlay, .overlay_big{
	z-index: 50;
	text-align: center;
	position: fixed;
	background-color: #ffffff;
	border: 2px solid black;
	border-radius: 3px;
	min-height: 10%;
	float:left;
	max-height: 97%;
	overflow: none;
	overflow-x: none;
	overflow-y: auto;
	padding: 0px;
	/* https://www.smashingmagazine.com/2013/08/absolute-horizontal-vertical-centering-css/ */
	margin: auto;
	top: 0; left: 0; right: 0;
	
}

.overlay{
	width: 250px;
}

.overlay_big{
	width: 500px;
}

@media (max-width:600px) { 
	.catbox{
		width: 100%;
	}
}


.tree_table{
	margin-bottom: 5px;
	display: none;
}

.tree_table.show{
	display: block;
}

.tblrow{
	display: table-row;
}

.tblrow_full{
	display: table-row;
	width: 100%; 
}




.tblhead{
	/* font-weight: bold; */
	padding: 2px;
	display: table-cell;
}


.tblcell{
	border-bottom: 1px dotted black;
	padding: 2px;
	display: table-cell;
	vertical-align: top;
}


.editlink{
	text-decoration: none;
	font-size: 20px;
	line-height: 16px;
	color: #000000;
}

.addlink{
	text-decoration: none;
	font-size: 20px;
	line-height: 20px;
	color: #000000;
}

.editlink:hover{
	color:#aa80a6;
	
}

.projtab{
	float: left;
	width: 150px;
	font-weight: bold;
	/* margin-top: 10px; */
	padding: 3px 3px 5px 5px;
	cursor: pointer;
	background-color: #fff;
	
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.small_tab{
		font-size: 13px;
}

.small_tab TH{
	text-align: left;
	border-bottom: 1px solid black;
}

.small_tab TD{
	border-bottom: 1px dotted black;
}

.recycle{
	text-decoration: none;
	line-height: 16px;
	font-size: 20px;
	color: #000000;
}

.recycle:hover{
	text-decoration: none;
	line-height: 16px;
	font-size: 20px;
	color: #aa80a6;
	
}

.backtop{
	position: fixed;
	right: 20px;
	bottom: 20px;
}

.loading_arrow{
	position: fixed;
	right: 5px;
	top: 5px;
}

.unpaidcolor{
  background-color: #f6f8c1;
  
}
.unpaidaftercolor{
  background-color: #e18a8a;
  
}

.xbut{
  padding: 2px;
  position: absolute;
  height: 36px;
  width: 30px;
  right: 10px;
  top: 10px;
  text-align: center;
}

.backbut{
  padding: 2px;
  height: 36px;
  width: 30px;
  position: absolute;
  left: 10px;
  top: 10px;
  text-align: center;
}



/* BOF drag_and_drop */

  .draggable {
		touch-action: none;
		user-select: none;
		border-radius: 3px;
		padding: 2px;
		border: 1px solid black;
		height: 24px;
	}
	
	
	.drag_row{
		border-bottom: 1px solid black;
		width: 1201px;
		overflow: hidden;
		float:left;
		height: 30px;
	}

	
	.planovani_dates{
    height: 35px;
    line-height: 10px;
    font-size: 30px;
    vertical-align: top;
    width: 1338px;
    text-align: center;
  }
  
	.planovani_container{
    margin-top: 6px;
    margin-left: 6px;  
  }
  
	.drag_container{
			white-space: nowrap;
			width: 1350px;
      border: 1px solid white;
	}
	
	.hour_piece{
		float:left;
		width: 49px;
		border-right: 1px solid black;
    border-bottom: 1px solid black;
	}
  
  .add_drag{
    float:left;
		width: 130px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
  }
	
	
	
	.drag_action{
		float:left;
		width: 130px;
		border-bottom: 1px solid black;
		border-right: 1px solid black;
		height: 30px;
		vertical-align: middle;
		line-height: 30px;
		border-collapse: collapse;
	}


/* EOF drag_and_drop */



/* common styles */
  .inblock{
    display: inline-block;
  }

  .inli{
		display: inline;
	}
	
	.abs{
		position: absolute;
	}
	
	.cupo{
		cursor: pointer;
	}
	
	.nounder{
		text-decoration: none;
	}
	
	.tapa5 TD{
		padding: 5px;
	}
	
	.tapa3 TD{
		padding: 3px;
	}
	
	.pale1{
		padding-left:1px;
	}
	.pale2{
		padding-left:2px;
	}
	.pale3{
		padding-left:3px;
	}
	
	.pale5{
		padding-left:5px;
	}

	.pale10{
		padding-left:10px;
	}
	.pale10imp{
		padding-left:10px !important;
	}
	.pale20{
		padding-left:20px;
	}
	
	.pari3{
		padding-right:3px;
	}
	.pari5{
		padding-right:5px;
	}
	.pari5imp{
		padding-right:5px !important;
	}

	.pari8imp{
		padding-right:8px !important;
	}

	.pari10{
		padding-right:10px;
	}
	.pari10imp{
		padding-right:10px !important;
	}
	.pari20{
		padding-right:20px;
	}
	
	.pari30{
		padding-right:30px;
	}
	.pari30imp{
		padding-right:30px !important;
	}

	.pa3{
		padding: 3px;
	}	
	.pa5{
		padding: 5px;
	}	
	.pa10{
		padding: 10px;
	}	
	.pa0{
		padding: 0px;
	}	
	
	.alile{
		text-align:left;
	}
	.alice{
		text-align:center;
	}
	.aliri{
		text-align:right;
	}
	.alileimp{
		text-align:left !important;
	}
	.aliceimp{
		text-align:center !important;
	}
	.aliriimp{
		text-align:right !important;
	}
	
	.center {
		margin-left:auto; 
		margin-right:auto;
	}

	.pabo5{
		padding-bottom: 5px;
	}
	
	
	.ma5{
		margin: 5px;
	}
	
	.ma8{
		margin: 8px;
	}
	
	.ma10{
		margin: 10px;
	}
	
	.ma20{
		margin: 20px;
	}
	
	
	.mabo3{
		margin-bottom: 3px;
	}

	.mabo0{
		margin-bottom: 0px;
	}

	.mabo5{
		margin-bottom: 5px;
	}
	
	.mabo10{
		margin-bottom: 10px;
	}
	
	
	.mato0{
		margin-top: 0px;
	}
	.mato2{
		margin-top: 2px;
	}
	.mato3{
		margin-top: 3px;
	}
	.mato5{
		margin-top: 5px;
	}

	.mato8{
		margin-top: 8px;
	}

	.mato10{
		margin-top: 10px;
	}
	
	.mato15{
		margin-top: 15px;
	}
	
	.mato20{
		margin-top: 20px;
	}
	
	.mato30{
		margin-top: 30px;
	}
	.mato40{
		margin-top: 40px;
	}
	.mato50{
		margin-top: 50px;
	}
	
	.mari3{
		margin-right: 3px;
	}
	
	.mari5{
		margin-right: 5px;
	}
	
	.mari10{
		margin-right: 10px;
	}
	
	.mari20{
		margin-right: 20px;
	}
	
	.male2{
		margin-left: 2px;
	}
	.male3{
		margin-left: 3px;
	}
	.male5{
		margin-left: 5px;
	}
	.male10{
		margin-left: 10px;
	}
	.male20{
		margin-left: 20px;
	}
	.male50{
		margin-left: 50px;
	}
	
	.male100{
		margin-left: 100px;
	}
	.male200{
		margin-left: 200px;
	}
	
	.pato3{
		padding-top: 3px;
	}
	.pato10{
		padding-top: 10px;
	}
	.pato20{
		padding-top: 20px;
	}
	
	
	.minwi100{
		min-width: 100px;
	}
	
	.maxwi100{
		max-width: 100px;
	}
	
	.maxwi150{
		max-width: 150px;
	}
	
	.maxwi200{
		max-width: 200px;
	}
	
	.wid50p{
		width: 50%;
	}
	.wid100p{
		width: 100%;
	}
	
	.wid90p{
		width: 90%;
	}
	
	.wid15{
		width: 15px;
	}
	.wid20{
		width: 20px;
	}
	.wid23{
		width: 23px;
	}
	.wid30{
		width: 30px;
	}
	.wid35{
		width: 35px;
	}
	.wid40{
		width: 40px;
	}
	.wid50{
		width: 50px;
	}
	
	.wid60{
		width: 60px;
	}
	.wid65{
		width: 65px;
	}	
	
	.wid70{
		width: 70px;
	}	
	
	.wid80{
		width: 80px;
	}	
	.wid90{
		width: 90px;
	}	
	
	.wid100{
		width: 100px;
	}	
	
	.wid120{
		width: 120px;
	}
	
	.wid130{
		width: 130px;
	}	

	.wid135{
		width: 135px;
	}	
	
	.wid150{
		width: 150px;
	}
	
	.wid180{
		width: 180px;
	}
	.wid190{
		width: 190px;
	}
	
	.wid200{
		width: 200px;
	}
  
  .wid220{
		width: 220px;
	}

	.wid240{
		width: 240px;
	}
	
	.wid250{
		width: 250px;
	}
	
	.wid270{
		width: 270px;
	}
	
	.wid300{
		width: 300px;
	}
	
	.wid400{
		width: 400px;
	}
	
	.wid500{
		width: 500px;
	}
	
	.hei25{
			height: 25px;
	}
	
	.hei30{
			height: 30px;
	}
	
	.hei35{
			height: 35px;
	}
	
	.hei40{
			height: 35px;
	}

	.hei50{
			height: 50px;
	}
	.hei60{
			height: 60px;
	}
	.hei70{
			height: 70px;
	}
	
	.hei100{
			height: 100px;
	}
	.hei200{
			height: 200px;
	}
	
	.hei300{
			height: 300px;
	}
	
	.lihe20{
			line-height: 20px;
	}

	.lihe23{
			line-height: 23px;
	}

	.lihe25{
			line-height: 25px;
	}
	
	.lihe30{
			line-height: 30px;
	}
	
	.lihe35{
			line-height: 35px;
	}
	
	.fll{
		float: left;
	}
	
	.flr{
		float: right;
	}
	
	.cll{
		clear: left;
	}
	
	.clr{
		clear: right;
	}

	.clb{
		clear: both;
	}
	
	
	.fosi10{
		font-size: 10px;
	}
	.fosi12{
		font-size: 12px;
	}
	.fosi13{
		font-size: 13px;
	}
	.fosi14{
		font-size: 14px;
	}
	.fosi16{
		font-size: 16px;
	}
	
	.fosi18{
		font-size: 18px;
	}
	.fosi22{
		font-size: 22px;
	}
	.fosi24{
		font-size: 24px;
	}
	.fosi36{
		font-size: 36px;
	}
	.bol{
		font-weight: bold;
	}
	.red{
		color: red;
	}
	.fono{
		font-weight: normal;
	}
	.nowra{
		white-space: nowrap;
	}
	
	.bawhi{
		background-color: #ffffff;
	}
	
	.disno{
		display: none;
	}
	
	.visno{
		visibility: hidden;
	}
	
	.bo0{
		border: 0;
	}
	.bo1{
		border: 1px dotted black;
	}
	.bo1s{
		border: 1px solid black;
	}
	.bo2s{
		border: 2px solid black;
	}
	.bobo0{
		border-bottom: 0;
	}
	
	.bobo1{
		border-bottom: 1px dotted black;
	}
	
	.bole1{
		border-left: 1px dotted black;
	}
	.bori1{
		border-right: 1px dotted black;
	}

	.bole2s{
		border-left: 2px solid black;
	}
	.bori2s{
		border-right: 2px solid black;
	}
	
	.bobo1s{
		border-bottom: 1px solid black;
	}
	
	.boto1ws{
		border-top: 1px solid white;
	}
	.boto1s{
		border-top: 1px solid black;
	}
		
	
	.valime{
		vertical-align: middle;
	}
	.valito{
		vertical-align: top;
	}
	.valibo{
		vertical-align: bottom;
	}
	
	
	.warning{
		font-size: 16px;
		color: red;
		font-weight: bold;
	}
	
	div.calendar.popup{ margin-top: 0px !important; }	
	
	
	
	.cPM1{
		/* background-color:rgb(255,0,0) !important; */
	}