/* PROFILE WIDGET */
/*======================================*/
@media (min-width: 768px) {
	.mainnav-sm .mainnav-profile {
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		margin: 0;
	}
}
.mainnav-profile {
	border-top: 1px solid rgba(0,0,0,0.04);
	opacity: 1;
	margin-bottom: 0px;
	max-height: 350px;
	overflow: hidden;
}

.mainnav-profile .mnp-name {
	margin: 0;
	font-size: 1em;
	font-weight: 600;
}
.mainnav-profile .dropdown-caret, .mainnav-profile .mnp-desc {
	font-size: .9em;
	opacity: 0.75;
}
.mainnav-profile .profile-wrap {
	padding: 5px 20px 5px 0px;
}

#mainnav .mainnav-profile .list-group {
	margin: 0;
}
#mainnav .mainnav-profile .list-group-item {
	padding: 12px 20px;
}
#mainnav .mainnav-profile .list-group-item:hover {
	background-color: transparent;
}

#mainnav .mainnav-profile .list-header {
	margin-top: 5px;
}

#mainnav-profile {
	margin-top: -20px;
}






/* blikajici icony */
@keyframes fa-blink {
	0% { opacity: 1; }
	25% { opacity: 0.25; }
	50% { opacity: 0.5; }
	75% { opacity: 0.75; }
	100% { opacity: 0; }
}
.fa-blink {
	-webkit-animation: fa-blink .75s linear infinite;
	-moz-animation: fa-blink .75s linear infinite;
	-ms-animation: fa-blink .75s linear infinite;
	-o-animation: fa-blink .75s linear infinite;
	animation: fa-blink .75s linear infinite;
}

.panel-bordered-gray-light, .panel-gray-light.panel-bordered {
	border: 10px solid #f8f9fa;
}

.panel-bordered-orange, .panel-orange.panel-bordered {
	border: 10px solid #fd8943;
}

.panel-bordered-orange-light, .panel-orange-light.panel-bordered {
	border: 10px solid rgba(255, 138, 68, 0.31);
}

.statPanel {
	padding: 15px;
}

@media (max-width: 400px) {
	.statPanel {
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.statNadpis {
		font-size: 12px;
		height: 20px;
		white-space: pre-wrap;
		white-space: -moz-pre-wrap;
		white-space: -pre-wrap;
		white-space: -o-pre-wrap;
		word-wrap: normal;
		line-height: 0.9em;
	}

	.statHodnota {
		font-size: 10px;
	}

	.hidden-slg {
		display: none !important;
	}

	.visible-slg {
		display: block !important;
	}
}

@media (min-width: 1200px) and (max-width: 1600px) {
	.statPanel {
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.statNadpis {
		font-size: 12px;
		height: 20px;
		white-space: pre-wrap;
		white-space: -moz-pre-wrap;
		white-space: -pre-wrap;
		white-space: -o-pre-wrap;
		word-wrap: normal;
		line-height: 0.9em;
	}

	.statHodnota {
		font-size: 10px;
	}

	.hidden-slg {
		display: none !important;
	}

	.visible-slg {
		display: block !important;
	}
}

.statTableTh {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



/* upravy pro modal */
.datepicker {
	z-index: 1600 !important; /* has to be larger than 1050 */
}

.bootstrap-timepicker-widget.dropdown-menu {
	z-index: 99999!important;
}



.well .has-error small {
	background: #eaeaea;
	padding: 2px 2px 2px 2px;
}




.select2-container {
	width: 100% !important;
	/*min-width: 260px !important;*/
}

.select2-selection--single, .select2-selection__rendered {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal !important;
}


.input-group-addon.input-xs {
	padding: 2px 2px;
	line-height: 1;
	cursor: pointer;
}





.InlineFilter .input-xs {
	padding: 0px 4px;
	cursor: pointer;
	color: #000000;
	text-align: left;

	font-size: 11px;
	height: 22px;
	line-height: 16px;

	border: 1px solid #b7b7b7;
}

.InlineFilter .dropdown-toggle {
	padding-left: 5px;
	padding-right: 8px;
}

.InlineFilter .bs-caret {
	display: none;
}





.form-control {
	display: block;
	width: 100%;
	height: 30px;
	padding: 6px 8px;
	font-size: 12px;
}

.form-group {
	font-size: 12px;
}

/*
.form-group select.form-control {
	height: 50px;
	line-height: 30px;
}*/




.highlighted-cal-dates {
	background-color: #FFEF8F !important;
	border: 1px solid #F9DD34;
	color: #363636;
}



.cursor-pointer {
	cursor: pointer;
}



.lh1 {line-height: 1;}
.lh09 {line-height: 0.9;}
.lh08 {line-height: 0.8;}
.lh07 {line-height: 0.7;}
.lh06 {line-height: 0.6;}
.lh05 {line-height: 0.5;}



.roztahniTenGraf > svg {width: 100% !important; height: 100% !important;}


.breakwords {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

@media (max-width: 768px) { /* use the max to specify at each container level */
}





.pad-ver2 {
	padding-top: 2px;
	padding-bottom: 2px;
}

.pad-ver4 {
	padding-top: 4px;
	padding-bottom: 4px;
}

.pad-ver5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.pad-ver10 {
	padding-top: 10px;
	padding-bottom: 10px;
}







@media only screen and (max-width: 768px) {

	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tr { border: 1px solid #ccc; }

	#no-more-tables td {
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee;*/
		position: relative;
		padding-left: 35%;
		white-space: normal;
		text-align: left;
	}

	#no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 33%;
		padding-right: 10px;
		white-space: pre-wrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#no-more-tables td:before {
		content: attr(data-title);
	}
}



.full-width {
	width: 100%;
}




.alert-light {
	background-color: #f8f9fa;
	border-color: transparent;
	border-left: 3px solid #eaeaea;
	color: #7a878e;
}
.alert-dark .close, .alert-dark .alert-link {
	color: #7a878e;
}
.alert-dark .alert-icon {
	color: #7a878e;
}


/*
.ekkolightbox .modal-dialog {
	max-width: 700px !important;
	width: 700px !important;
}

.ekko-lightbox-container {
}

.ekko-lightbox-item {
	max-height: 300px;
}
*/


.modal70 > .modal-dialog {
	width:70% !important;
	max-width:70% !important;
}

.modal80 > .modal-dialog {
	width:80% !important;
	max-width:80% !important;
}

.modal90 > .modal-dialog {
	width:90% !important;
	max-width:90% !important;
}





.colorpicker-2x .colorpicker-saturation {
	width: 200px;
	height: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
	width: 30px;
	height: 200px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
	height: 30px;
}

.colorpicker-2x .colorpicker-selectors,
.colorpicker-2x .colorpicker-selectors div {
	height: 30px;
}

.colorpicker-2x .colorpicker-selectors i {
	height: 30px;
	width: 30px;
	display: flow;
}



.wf-stav-default {background-color: #777777; color: #e9eeef;}
.wf-stav-lightgray {background-color: #e9eeef; color: #777777;}
.wf-stav-gray {background-color: #cbd7da; color: #777777;}
.wf-stav-darkgray {background-color: #7a878e; color: #e9eeef;}
.wf-stav-dark {background-color: #3a444e; color: #e9eeef;}
.wf-stav-info {background-color: #5bc0de; color: #e9eeef;}
.wf-stav-primary {background-color: #337ab7; color: #e9eeef;}
.wf-stav-green {background-color: #5cb85c; color: #e9eeef;}
.wf-stav-darkgreen {background-color: #336600; color: #e9eeef;}
.wf-stav-lightyellow {background-color: #fff1ab; color: #777777;}
.wf-stav-orange {background-color: #f0ad4e; color: #e9eeef;}
.wf-stav-danger {background-color: #d9534f; color: #e9eeef;}
.wf-stav-red {background-color: #FF0000; color: #e9eeef;}




.icon-stack {
	position: relative;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 2.1em;
	vertical-align: middle;
}
.icon-stack-1x,
.icon-stack-2x,
.icon-stack-3x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.icon-stack-1x {
	line-height: inherit;
}
.icon-stack-2x {
	font-size: 1.2em;
}
.icon-stack-3x {
	font-size: 1.5em;
}
.right_align {
	padding-left: 1.1em;
}
.calendar_align {
	top: -0.4em;
}















:root {
	--col-height: 28px;

	--col-width-mesic-rok: 120px;
  	--col-width-tyden-cislo: 30px;
	--col-width-den-cislo: 45px;
	--col-width-den-nazev: 45px;
	--col-width-uzivatel: 150px;
	--col-width-event-full: calc((150px * 2) - 60px);

	--col-width-tyden-nazev: 100px;
	--col-width-tyden-hodina-minuta: 100px;
	--col-width-tyden-uzivatel: 60px;
	--col-width-tyden-event-full: calc((150px * 2) - 60px);
	--col-width-tyden-svatky-full: 500px;
}


.plachta table {
	height: 100%;
	min-width: 200px;
	max-width: 100%;
	padding: 0px 0px 0px 0px;
}

.plachta th .uzivatelJmeno, .plachta td {
	height: var(--col-height);
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
}

.plachta th {
	height: var(--col-height);
}

.plachta td {
	vertical-align: top;
	/*overflow: visible;*/

	max-height: var(--col-height);
	min-width: 130px;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.plachta_cursor_move {
	cursor: move;
}

.plachta_cursor_pointer {
	cursor: pointer;
}

.plachta_event_small {
	display:block;
	width: calc(80% - 2px);
	padding: 0px 2px 1px 2px;
	margin: 1px 1px 1px 1px;
	z-index: auto;
	opacity: 1;
}


.plachta_tyden_event_small {
	clear: both;
	position: absolute;
	display:block;
	width: calc(60px - 25px);
	float: left;
	padding: 0px 2px 1px 2px;
	margin: 1px 1px 1px 1px;
	z-index: 100;
	opacity: 1;
}


.plachta .plachta_event_full, .plachta_event_full {
	clear: both;
	position: absolute;
	display: block;
	min-height: 109px !important;
	float: left;
	padding: 0px 2px 1px 2px;
	margin: 1px 1px 1px 1px;
	z-index: 100;
	opacity: 1;
}

.plachta_tyden_event_full {
	clear: both;
	position: absolute;
	display: block;
	min-height: 109px !important;
	float: left;
	padding: 0px 2px 1px 2px;
	margin: 1px 1px 1px 1px;
	z-index: 1000 !important;
	opacity: 1;
}



.plachta_tyden_svatky_full {
	clear: both;
	position: absolute;
	display: block;
	min-height: 109px !important;
	float: left;
	padding: 0px 2px 1px 2px;
	margin: 1px 1px 1px 1px;
	z-index: 1000 !important;
	opacity: 1;
}

/*
.event-pull-left {
	left: 1px;
}
*/

.event-pull-right {
	right: 18px;
}

.event-pull-bottom {
	bottom: 1px;
}

.plachta_event {
	font-size: 10px;
}

.plachta_event.event_typ_1 {
	color: #fff;
	background-color: #09C;
}
.plachta_event.event_typ_2 {
	color: #fff;
	background-color: #03C;
}
.plachta_event.event_typ_3 {
	color: #fff;
	background-color: #03C;
}

.plachta_event.event_duration_1, .plachta_event.event_duration_1 .event-name {
	height: 12px;
}

.plachta_event.event_duration_2, .plachta_event.event_duration_2 .event-name {
	height: 25px;
}

.plachta_event .event-name {
	display: block;
	font-size: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-wrap: anywhere;
}

.plachta_event .event-name-large {
	font-size: 13px;
}


.plachta .weekend, .weekend {
	background-color: #efefef;
}

.plachta .svatek, .svatek {
	background-color: #ffdfdf;
}

.plachta .nepritomnost, .nepritomnost {
	background-color: #ffefef;
}

.plachta .mesicNazev, .mesicNazev, tydenNazev {
	/*min-width: 120px;
	max-width: 200px; //new*/
	/*background-color: #eaeaea;*/
	padding: 2px 1px 2px 1px;
	font-size: small;
}

.plachta .uzivatelJmeno, .uzivatelJmeno {
	position: relative;
	background-color: #eaeaea;
	padding: 2px 1px 2px 1px;
	font-size: 16px;
	font-weight: 300;
	z-index: 1;
}

.uzivatelTydenDatum {
	position: relative;
	/*background-color: #eaeaea;*/
	padding: 2px 1px 2px 1px;
	font-size: 11px;
	line-height: 12px;
	font-weight: 100;
	z-index: 1;
}

.uzivatelTydenJmeno {
	position: relative;
	background-color: #eaeaea;
	padding: 2px 1px 2px 1px;
	font-size: 11px;
	line-height: 12px;
	font-weight: 100;
	z-index: 1;
}

.plachtaTydenDenNazev {
	clear: both;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	float: left;
	height: var(--col-height);
	padding: 4px 0px 0px 0px;
	margin: 0 auto;
	z-index: 999999 !important;
	opacity: 1;
	background-color: lightslategray;
	color: white;
}

.plachta_btn_add_event {
	/*position: relative;
	float: right;*/
	z-index: 101;
	opacity: 1;
}

.plachta_btn_usr_detail {
	position: absolute;
	top: 0px;
	right: 0px;
}

#plachta-udalosti-form {
	z-index: 1000000 !important;
}


.hoverbg:hover {
	background-color: #fafafa;
}



.div-table-container {
	display: flex;
	align-items: stretch;
	overflow: auto;
	height: 60vh;
	position: relative;
}

.div-table {
  /*display: table;*/
  display: block;
  /*width: auto;*/
  /*background-color: #eee;
  border: 1px solid #666666;*/
  /*border-spacing: 5px;  cellspacing:poor IE support for  this */
}


.div-table-row {
  /*display: table-row;*/
	float: left;
  display: inline-flex;
  /*width: auto;*/
  clear: both;
}

.div-table-col {
	/*float: left;  fix for  buggy browsers */
  /*display: table-column;*/
  display: block;
  /*width: 200px;
  background-color: #ccc;*/
}

.div-table-row-fixed {
	/*position: absolute;*/
	/*z-index: 9999;*/

	position: sticky;
    top: 0;
    z-index: 999;
    background-color: white;
}




.div-table-col-w-tyden-cislo {
	width: var(--col-width-tyden-cislo);
}

.div-table-col-w-den-cislo {
	width: var(--col-width-den-cislo);
}

.div-table-col-w-den-nazev {
	width: var(--col-width-den-nazev);
}

.div-table-col-w-mesic-rok {
	width: var(--col-width-mesic-rok);
}

.div-table-col-w-uzivatel {
	width: var(--col-width-uzivatel);
}

.div-table-col-w-tyden-celodenni-uzivatel {
	width: var(--col-width-tyden-uzivatel);
}

.div-table-col-w-tyden-celodenni {
	width: var(--col-width-tyden-hodina-minuta);
}

.div-table-col-w-tyden-uzivatel {
	width: var(--col-width-tyden-uzivatel);
}

.div-table-col-w-tyden-nazev {
	width: var(--col-width-tyden-nazev);
}

.div-table-col-w-tyden-hodina-minuta {
	width: var(--col-width-tyden-hodina-minuta);
}



.plachta_event_full {
	width: var(--col-width-event-full);
}

.plachta_tyden_event_full {
	width: var(--col-width-tyden-event-full);
}

.plachta_tyden_svatky_full {
	width: var(--col-width-tyden-svatky-full);
}



.div-table {
	height: 100%;
	min-width: 200px;
	max-width: 100%;
	padding: 0px 0px 0px 0px;
}

.div-table-col-th .uzivatelTydenDatum, .div-table-col-th-1 .uzivatelTydenJmeno, div-table-col-th, .div-table-col-td {
	height: var(--col-height);
	/*padding: 0px 0px 0px 0px;*/
	/*background-color: #ffffff;*/
}

.div-table-col-th-1 {
	max-height: var(--col-height);
	/*overflow: hidden;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

.div-table-col-th {
	height: var(--col-height);
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	text-wrap: inherit;
}

.div-table-col-td {
	position: relative;
	display: block;
	vertical-align: top;
	/*overflow: visible;*/
	max-height: var(--col-height);
	/*min-width: 130px;
	max-width: 200px;*/
	/*overflow: hidden;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	border-right: 1px solid #eaeaea;
	/*background-color: #ffffff;*/
}