@charset "utf-8";
/*----------- global -------------------------------------*/
html, body {
	min-height:100%;
	}
body {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
input::-webkit-input-placeholder {color: #CCC !important; font-style:italic;}
input:-moz-placeholder {color: #CCC !important; font-style:italic;} /* Firefox 18- */
input::-moz-placeholder {color: #CCC !important; font-style:italic;} /* Firefox 19+ */
input:-ms-input-placeholder {color: #CCC !important; font-style:italic;}

.pagination {
	margin:0;
	}
.nav-pills > li.red > a:hover {
	color:#FFF;
  background-color: #d9534f;
  border-color: #d43f3a;
	}

.nav-pills .divider-vertical {
height: 47px;
margin: 0 9px;
border-left: 2px solid #ddd;
border-right: 1px solid #ffffff;
}

.detPanel .panel-default {
	border-color:#ccc;
	}	 
.detPanel .panel-body {
	padding:5px;
	background-color:#eee;
	}
.detPanel h2 {
	margin:0;
	}	 
.separator {
	display: block;
	width: 60px;
	height: 5px;
	margin: 15px auto 15px;
	background-color: #ffba00;
	position: relative;
	border: 1px solid #ffba00;
}

.opa3 {
	opacity:.3;
}
.opa5 {
	opacity:.5;
}


@media (min-width: 768px) {
	.modal-dialog {
    width: 700px;
    margin: 30px auto;
	}
}

.extraSwitch {
	display:inline-block;
	width:79px;
	height:36px;
	margin-right:30px;
	vertical-align:bottom;
	background-position:0 -76px;
	cursor:pointer;
	}
.extraSwitch.green {
	background-image:url(/images/switchGreen.png);
	}
.extraSwitch.red {
	background-image:url(/images/switchRed.png);
	}
.extraSwitch.redgreen {
	background-image:url(/images/switchRedGreen.png);
	}
.extraSwitch:hover {
	background-position:0 -114px;
	}
.extraSwitch.showOn {
	background-position:0 0;
	}
.extraSwitch.showOn:hover {
	background-position:0 -38px;
	}

/*----------- head ----------------------------------------*/
.head .row {
	display:table;
	width:100%;
	}
.head .row [class*="col-"] {
	padding:0;
  float: none;
  display: table-cell;
  vertical-align: top;
}
.H_Telefon {
	font-size: 20px;
	font-weight: bold;
	}
/*----------- foot ----------------------------------------*/
.foot {
  background-color: #ffba00;
	padding:20px 0;
	margin-bottom:0;
	}
/*----------- admin topnav --------------------------------*/
.topnav {
	font-size:1.4em;
	padding:20px 0 20px 0;
	margin-bottom:10px;
	background-color:white;
	border-bottom:solid 2px #EEE;
	}
/*---------- admin jidla list -----------------------------*/
#list.table-hover > tbody > tr:hover {
	cursor:pointer;
	}
#list .lastSelRow {
	background-color:#ddd;
	}
#list th:nth-child(1n+5),
#list td:nth-child(1n+5) {
	text-align:center;
	}
#list td:nth-child(1n+5) {
	color:#888;
	}
/*---------- admin jidla detail ---------------------------*/
#detail label {
	margin-top:15px;
	}
#detail #jidlo .input-group .input-group-addon {
	min-width:160px;
	text-align:right;
	}
#detail #alergeny .input-group {
	margin-bottom:5px;
	}
#detail #alergeny .radio {
	background-color:#FFF;
	}
#detail #alergeny .popis {
	width:100%;
	text-align:left;
	}
#detail #alergeny .popis-in {
	display:block;
	overflow:hidden;	
	}
@media (min-width: 768px) {}

@media (min-width: 992px) {
#detail #alergeny .radio,
#detail #alergeny .popis {
	padding-left:5px;
	padding-right:5px;
	}
#detail #alergeny .popis-in {
	width:100px;
	}
}
@media (min-width: 1200px) {
#detail #alergeny .popis-in {
	width:130px;
	}	
}
#detail #vh .input-group .input-group-addon.mj {
	 min-width:60px;
	 text-align:left;
	 }

/* Tooltip */
#alergeny .tooltip {
	min-width:500px;
	}
#alergeny .tooltip > .tooltip-inner {
	background-color: #FFF;
	color: #444; 
	border: 1px solid #444;
	padding: 15px;
	min-width:500px;
	text-align:left;
}

/*---------- admin jidelnicek kalendar -------------------*/
#adminKalendar .days>div {
	padding:5px;
	}
#adminKalendar .day {
	padding:8px;
	border-radius:10px;
	background-color:#EEE;
	min-height:100px;
	text-align:center;
	cursor:pointer;
	}
#adminKalendar .day:hover {
	background-color:#DDD;
	}
#adminKalendar .dayDate {
	font-size:1.1em;
	font-weight:bold;
	}
#adminKalendar .day.svatek {
	background-color:#ffedc4;
	cursor:auto;
}
#adminKalendar .day.green {
	background-color:#beff8a;
}
#adminKalendar .day.green:hover {
	background-color:#9ddb6c;
}

#adminKalendar .day.red {
	background-color:#ffb18a;
}
#adminKalendar .day.red:hover {
	background-color:#e09570;
}
/*---------- admin jidelnicek detail ---------------------*/
#jlDetail h3 {
	border-bottom:1px solid #BBB;
	margin:10px 0;
	}
	
#jlDetail #detailList .cena,
#jlDetail #detailList .cena input[type=text] {text-align:right;}
#jlDetail #detailList .delete {text-align:center;}	
#jlDetail #detailList .arrow {display:inline-block; width: 15px;}
#jlDetail #detailList .trash {display:inline-block; width: 30px;}

#jlDetail #detailList .F1 {
	display:inline-block;
	width:35px;
	}
#jlDetail #detailList th:nth-child(1) {
	width:10%;
	min-width:95px;
	}
#jlDetail #detailList .JJindex {
	display:inline-block;
	}
#jlDetail #detailList .cena option {
	color:#000;
	}
#jlDetail #detailList .cena select.cenaOld,
#jlDetail #detailList .cena select.cenaOld option:first-child {
	color:#999;
	}
#detailAddList {
  width: 100%;
	}
#detailAddList tbody {
    height:300px;
    overflow-y:auto;
    width: 100%;
    }
#detailAddList thead,
#detailAddList tbody,
#detailAddList tr,
#detailAddList td,
#detailAddList th {
    display:block;
  }
#detailAddList td,
#detailAddList th {
	float:left;
	}
#detailAddList tr,
#skladSelList tr {
	cursor:pointer;
	}
#detailAddList tr:hover td {
	background-color:#EEE;
	}
/*-------------- admin přehledy --------------------*/		
@media print {
	.screen {
		display:none;
		}
  a[href]:after {
    content: none !important;
  	}
	}
@media screen {
	.print {
		display:none;
		}
	}
#vyuctovaniList.table-hover > tbody > tr:hover,
#vyuctovaniUsList.table-hover > tbody > tr:hover {
	cursor:pointer;
	}
#vyuctovaniDetList .uhrazeno {
	cursor:pointer;
	}

/*-------------- admin users -----------------------*/	
#usersList tr {
	cursor:pointer;
	}
.uzivateleBox {
	background-color:#EEE;
	padding:25px;
	margin-bottom:20px;
	}
.uzivateleBox .nav>li>a:focus,
.uzivateleBox .nav>li>a:hover {
	background-color: #FFF;
	}
/*-------------- users -----------------------------*/
.users .form-signin {
  max-width: 450px;
  padding: 15px;
  margin: 0 auto;
}
.regInfo {
	font-size:1.2em;
	margin:0 auto;
	padding:50px 0;
	width:80%;
	}
.nav-user {
	font-size:1.1em;
	font-weight:bold;
	}
.nav-user li a {
	color:#555;
	}
.nav-user li.active a,
.nav-user li.active a:hover {
	background-color:#ffedc4;
	}
.nav-user-right li {
 float:right;
	}
.nav-user li.user a,
.nav-user li.user a:hover {
 background-color:none;
}
.nav-user li.kredit a,
.nav-user li.kredit a:hover,
.nav-user li.neuhrazeno a,
.nav-user li.neuhrazeno a:hover {
	padding-top: 3px;
	font-size: 1.3em;
	}
.nav-user li.kredit a,
.nav-user li.kredit a:hover {
	background-color: #FFD566;
	color:#333;
}
.nav-user li.neuhrazeno a,
.nav-user li.neuhrazeno a:hover {
	background-color: #d9534f;
	color:#FFF;
}
.nav-user li.disabled a:hover {
	cursor:default !important;
	}
.loading {
	display:none;
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.1);
}
/*---------- user jidelnicek kalendar -------------------*/
#userKalendar .days>div {
	padding:5px;
	}
#userKalendar .day {
	padding:8px;
	border-radius:10px;
	background-color:#EEE;
	height:60px;
	text-align:center;
	}
#userKalendar .dayDate {
	font-size:1.1em;
	font-weight:bold;
	}
#userKalendar .day.week,
#userKalendar .day.svatek {
	background-color:#ffedc4;
	cursor:auto;
}
@media (min-width: 480px) AND (max-width: 767px){
  .seven-cols .col-xs-1.week,
  .seven-cols .col-md-1.week,
  .seven-cols .col-sm-1.week,
  .seven-cols .col-lg-1.week  {
		display:none;
  }
}
@media (max-width: 479px){
  .seven-cols .col-xs-1 .day.week,
  .seven-cols .col-md-1 .day.week,
  .seven-cols .col-sm-1 .day.week,
  .seven-cols .col-lg-1 .day.week  {
		display:none;
  }
}

#userKalendar .day.green,
#userKalendar .day.greenNotAllow {
	cursor: pointer;
}
#userKalendar .day.green {
	background-color: #beff8a;
}
#userKalendar .day.greenNotAllow {
	background-color:#afcc97;
}
#userKalendar .day.green.user,
#userKalendar .day.greenNotAllow.user {
	border: solid 2px;
	border-color: #449700;
}
#userKalendar .day.green:hover {
	background-color:#9ddb6c;
}
#userKalendar .day.greenNotAllow:hover {
	background-color:#8ba874;
}
#userKalendar .dnes {
	color:#900;
	}
/*---------- user jidelnicek detail -------------------*/
#userJlDetail h4 {
	background-color:#FFC;
	border-bottom:1px solid #BBB;
	padding:10px 0;
	}	
	
#userJlDetail #userDetailList thead th {
	vertical-align:middle;
	}
#userJlDetail #userDetailList.table-hover tbody tr {
	cursor:pointer;
	}
#userJlDetail #userDetailList tbody tr td {
	vertical-align:middle;
	}
#userJlDetail #userDetailList tbody tr td.pocet {
	 padding-top:0 !important;
	 padding-bottom:0 !important;
	}		
#userJlDetail #userDetailList tbody tr.green {
	background-color:#beff8a;
	}
#userJlDetail #userDetailList.table-hover tbody tr:hover.green {
	background-color: #9AFF48;
	}
#userJlDetail #userDetailList span,
#userJlDetail #userDetailList input {
	vertical-align:middle;
	display:inline-block;
	}
#userJlDetail #userDetailList input {
	text-align: right;
	padding: 4px 5px;
	width: 35px;
	background-color: #D0FFAA;
	}
#userJlDetail #userDetailList input.edit {
	background-color: #FFF;
	}
#userJlDetail #userDetailList span button {
	display:block;
	}