@charset "UTF-8";
@media screen{ 
	/* Basic */
	html{
		height: 100%;
	}
	html, body{
		background: #fff;
		font-family: 'roboto', Sans-serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 1.2em;
		color: #222;
		margin: 0;
		padding: 0;
		min-width: 320px;
		background: #fff;
	}
	body{
		overflow-x:hidden;
		min-height: 100%;
	}
	.wrap{
		max-width: 100%;
		margin: 0 auto;
		padding: 16px 16px;
	}
	.m-wrap{
		max-width: 100%;
		margin: 0 auto;
		padding: 16px 32px;
		text-align: center;
		font-weight: bold;
	}
	.m-wrap em{
		font-size:20px;
		margin-right:10px;
		}
	
	.hide, .hide-xs{visibility: hidden}
	.show, .show-xs, .hide.active{visibility: visible}
	
	/* Header */
	body > header{position: fixed; width: 100%; min-height: 54px; left: 0; right: 0; top: 0; z-index: 3; background: #9ACD5B; display: flex; flex-direction: row; padding: 4px 16px 0}

	/* Main */
	body > main{position: relative; z-index: 1; padding-top: 55px; padding-bottom: 0px}

	/* Footer */
	body > footer{position: relative; z-index: 2; background: #9ACD5B}

	/* Logo */
	
	header .logo{display: flex; align-items: center; justify-content: center;padding-right:16px;}
	header .logo img{height: 45px}
	header .logo a:hover img{filter:opacity(70%);}
	footer a:hover img{filter:opacity(70%);}
	
	/* Navigation */
	ul.activeSubMenu{list-style: none;margin: 0;padding: 0;}
	ul.activeSubMenu > li{display:inline-block;margin-right:16px;font-weight:bold;}
	ul.activeSubMenu li.active a{color:green;}
	ul.activeSubMenu li a:hover{color: green;text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8);background: none;text-decoration:none;}
	
	header nav{padding-bottom: -8px; margin-bottom: -16px; flex: 1 1 auto; font-weight: 700}
	header nav ul{list-style: none; margin: 0; padding: 0; display: flex}
	header nav li{display: block; position: relative}
	header nav a{display: inline-block; padding: 16px 16px; background: none;}
	header nav > ul > li{flex: 1 1 auto;}
	header nav > ul > li > a{height: 50px; display: flex; align-items: center; padding: 4px; color: #222; /*text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);*/ flex: 1 1 auto; justify-content: left/*center*/}
	header nav > ul > li:hover > a{color: green; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8); background: none}
	header nav > ul > li > a > img{height: 42px}
	header nav li:hover > a, header nav li.active> a, header nav a.active{color: darkgreen; text-decoration: none}
	header nav li:hover > a:hover{color:green;text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8);}
	header nav ul ul{position: absolute; display: none; width: 100%;min-width:250px; z-index: 2; left: 0; }
	header nav li li{background: rgba(154, 205, 91,0.85)}
	header nav ul ul a{display: block}
	header nav li:hover > ul{display: block}
	header nav ul ul ul{right: 300px; top: 0; left: 300px;}
	header .nav-shortcut{width: 45px; height: 45px; cursor: pointer; position: fixed; z-index: 1000; text-align: center;  background: none; color: black; left: 5px; top: 5px}
	header .nav-shortcut::before{
		font-family: 'fontawesome';
		font-size: 1.8em;
		content: "\f0c9";
		display: block;
		width: 45px;
		height: 45px;
		position: relative;
		top:14px;	
	}
	header .nav-shortcut:hover{text-shadow:1px 1px 3px rgba(255, 255, 255, 0.9);}
	/* User menu */
	.user-nav{display: flex; flex-direction: row; align-items: center}
	.user-nav .item{margin: 6px}	
	.user-nav a:hover{ color: #000; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.9);}
	.user-nav .fa-big{font-size: 1.8em}

	/* Breadcrumb */
	.breadcrumb{margin: 16px 0; padding: 0; text-align: left}
	.breadcrumb ul{display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0}
	.breadcrumb li{padding: 0}
	.breadcrumb li::after{content: ">"; padding-left: 4px; padding-right: 1px}
	.breadcrumb li:last-child::after{content: ""}
	.breadcrumb a{display: inline-block; padding: 4px; color: #393939;}
	.breadcrumb a:hover, .breadcrumb li:last-child a{color: #ff9e43}
	
	.note-editing-area{background-color:#eee !important;}
	.note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu{min-width: 350px !important;}
	
	.table-links a{text-decoration: underline}
	.table-links a.btn{text-decoration: none}				
	.table-links label{cursor:pointer}
	.table-links-th th{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;border-right:none;}
	
	.fixed-height-350{max-height:350px !important;}
	.fixed-height-500{max-height:500px !important;}
	
	.misto-slotu{padding:1px 6px;text-decoration:none;color:black;}	
	.slot-misto-ginkgo{background-color:#a2c5e3;} /*svetle modra*/
	.slot-misto-klient{background-color:#b5d77e;} /*svetle zelena*/
	.slot-misto-mimo-firmu{background-color:#e8998f;} /*svetle ruzova*/
	.slot-misto-home-office{background-color:#f4c267;} /*svetle oranzova*/
	.slot-misto-neurceno{background-color:#bbbbbb;} /*svetle oranzova*/
		
	.agenda{min-width:27px;height:27px;text-align:center;display:inline-block;margin-bottom:6px;margin-right:3px;padding:4px;background:#ddd;font-size:12px;}	
	.agenda-slot{font-weight:bold;}
	.agenda-dnesni{border:3px solid #5b9513/*#0065c5*/;padding: 1px;}
	.agenda-zvoleny{background-color:#82c72d;}
	.agenda-dovolena{background-color:#ffde5b}
	.agenda-dovolena-2{background-color:#ff9d00;}
	.agenda-svatek{background-color:#ff8566}
	.agenda-svatek-2{background-color:#bb0000;}
			
	.calendar .days a{color:#444;text-decoration:none;font-weight:normal;display:block;width:100%;height:100%;padding:6px;}
	.calendar .days a:hover{color:black;text-decoration:underline;font-weight:bold;}				
	.calendar tr:nth-child(2n+1){background: #E8E8E8;}
	.calendar tr{background: #ddd;}
	.calendar td{border-right: 1px solid #bbb !important;}
	.calendar td.red-priority{border-right: 1px solid #bf6b6b !important;}
	.calendar td.red-light-priority{border-right: 1px solid #d79999 !important;}
	.calendar td.green-priority{border-right: 1px solid #68a221 !important;}
	.calendar td.green-priority-orange{border-right: 1px solid #bd7707 !important;}
	.calendar td.green-priority-red{border-right: 1px solid #9d2424 !important;}
	.calendar tr.days td{padding:0;}
	.calendar td.today a{border:3px solid #5b9513;padding:3px;}
	.calendar td.has-timeslots a{font-weight:bold;}
	
	.popup-slot{text-align:center;background-color:#fff;padding:4px;margin-bottom:2px;}
	.popup-slot.slot-misto-ginkgo{background-color:#b5ebfb}
	.popup-slot.slot-misto-klient{background-color:#d1ecb0}
	.popup-slot.slot-misto-mimo-firmu{background-color:#ffc0b0}
	.popup-slot.slot-misto-home-office{background-color:#fcfcb5}
	.popup-slot.slot-misto-neurceno{background-color:#ddd}
	.btn-mini{width:22px;height:22px;padding:0px !important;}
	
	tr.blue-priority{background-color:#b5ebfb;}
	tr.blue-priority:hover{background-color:#abdae8;}
	tr.blue-priority:nth-child(2n+1){background-color:#a9e5f7;}	
	tr.blue-priority:nth-child(2n+1):hover{background-color:#9dddf0;}
			
	tr.green-priority{background-color:#C9FB98;}
	tr.green-priority:hover{background-color:#c1fb88;}
	tr.green-priority:nth-child(2n+1){background-color:#d8fbb5;}	
	tr.green-priority:nth-child(2n+1):hover{background-color:#d4fbad;}
	
	tr td.green-priority{background-color:#82c72d;}
	tr td.green-priority:nth-child(2n+1){background-color:#82c72d;}	
	
	tr td.green-priority-red{background-color:#bb0000;}
	tr td.green-priority-red:nth-child(2n+1){background-color:#bb0000;}	
	
	tr td.green-priority-orange{background-color:#ff9d00;}
	tr td.green-priority-orange:nth-child(2n+1){background-color:#ff9d00;}	
	
	tr td.blue-priority{background-color:#b5ebfb;}
	tr td.blue-priority:nth-child(2n+1){background-color:#a9e5f7;}	
	
	
	tr.orange-priority{background-color:#fbfb98;}
	tr.orange-priority:hover{background-color:#fbfb84;}
	tr.orange-priority:nth-child(2n+1){background-color:#fcfcb5;}	
	tr.orange-priority:nth-child(2n+1):hover{background-color:#fcfcac;}	
		
	tr td.orange-priority{background-color:#ffde5b;}
	tr td.orange-priority:hover{background-color:#ffde5b;}
	tr:nth-child(2n+1) td.orange-priority{background-color:#ffe78a;}	
	tr:nth-child(2n+1) td.orange-priority:hover{background-color:#ffe78a;}	
	
	tr.red-priority{background-color:#FF8566;}
	tr.red-priority:hover{background-color:#ff7f5e;}
	tr.red-priority:nth-child(2n+1){background-color:#ff8f73;}	
	tr.red-priority:nth-child(2n+1):hover{background-color:#ff8b6e;}	
	
	tr td.red-priority{background-color:#FF8566;}
	tr td.red-priority:hover{background-color:#ff7f5e;}
	tr:nth-child(2n+1) td.red-priority{background-color:#ff8f73;}	
	tr:nth-child(2n+1) td.red-priority:hover{background-color:#ff8b6e;}
	
	tr td.red-light-priority{background-color:#ffb29e;}
	tr td.red-light-priority:hover{background-color:#ffb29e;}
	tr:nth-child(2n+1) td.red-light-priority{background-color:#ffc0b0;}	
	tr:nth-child(2n+1) td.red-light-priority:hover{background-color:#ffc0b0;}		
	/*
	tr.orange-priority:hover td{border-right: 1px solid #bbb;}
	tr.orange-priority:nth-child(2n+1):hover td{border-right: 1px solid #bbb;}	
	tr.red-priority:hover td{border-right: 1px solid #bbb;}
	tr.red-priority:nth-child(2n+1):hover td{border-right: 1px solid #bbb;}
	*/
	tr.green-priority a:hover{color:#6ca624;}
	tr.orange-priority a:hover{color:#b36b00;}
	tr.red-priority a:hover{color:#991f00;}
	tr.blue-priority a:hover{color:#216282}
	
	tr.transparent-tr{background-color:rgba(255, 255, 255, 0.9);}
	tr.transparent-tr:nth-child(2n+1){background-color:rgba(255, 255, 255, 0.9);}
	
	tr.transparent-tr:hover td{border-right: none !important;}
	tr.transparent-tr:nth-child(2n+1):hover td{border-right: none !important;}
	tr.transparent-tr td{border-right: none !important;}
	tr.transparent-tr:nth-child(2n+1) td{border-right: none !important;}
	
	span.orange-priority{color:#b36b00}
	span.red-priority{color:#b32400}
	
	table.rozvrh tr td{padding:0;vertical-align:top;}
	
	table.rozvrh tr td {background-color:#e8e8e8;border-right:1px solid #bbb}
	table.rozvrh tr:nth-child(2n+1) td {background-color:#e8e8e8;border-right:1px solid #bbb}
	table.rozvrh tr:nth-child(2n+1):hover {background-color:#e8e8e8;border-right:1px solid #bbb}
	table.rozvrh tr:hover {background-color:#e8e8e8;border-right:1px solid #bbb}
	
	table.rozvrh tr td.red-priority {background-color:#ff8f73;border-right:1px solid #bf6b6b;}
	table.rozvrh tr:nth-child(2n+1) td.red-priority {background-color:#ff8566;border-right:1px solid #bf6b6b;}
	
	table.rozvrh tr td.orange-priority {background-color:#ffe78a;border-right:1px solid #d9ba3f;background-image:url("/img/dovolena.png"); background-position: center;background-repeat: no-repeat;}
	table.rozvrh tr:nth-child(2n+1) td.orange-priority {background-color:#ffde5b;border-right:1px solid #d9ba3f;background-image:url("/img/dovolena.png"); background-position: center;background-repeat: no-repeat;}

	table.rozvrh tr td.green-priority {background-color:#d7f0b7;border-right:1px solid #abc48d;}
	table.rozvrh tr:nth-child(2n+1) td.green-priority {background-color:#d1ecb0;border-right:1px solid #abc48d;}
	
	table.rozvrh tr td.green-priority-orange {background-color:#f4d24c;border-right:1px solid #d9ba3f;background-image:url("/img/dovolena.png"); background-position: center;background-repeat: no-repeat;}
	table.rozvrh tr:nth-child(2n+1) td.green-priority-orange {background-color:#ecca42;border-right:1px solid #d9ba3f;background-image:url("/img/dovolena.png"); background-position: center;background-repeat: no-repeat;}
	
	table.rozvrh tr td.green-priority-red {background-color:#fd7c5c;border-right:1px solid #bf6b6b;}
	table.rozvrh tr:nth-child(2n+1) td.green-priority-red {background-color:#dd6d51;border-right:1px solid #bf6b6b;}
	
	table.rozvrh tr td.blue-priority {background-color:#b5ebfb;border-right:1px solid #abc48d;}
	table.rozvrh tr:nth-child(2n+1) td.blue-priority {background-color:#a9e5f7;border-right:1px solid #abc48d;}
	
	table.rozvrh tr td.purple-priority {background-color:#c8c8ec;border-right:1px solid #b3b3e1;}
	table.rozvrh tr td.dark-green-priority {background-color:#c9fb98;border-right:1px solid #90d090;}
	table.rozvrh tr td.white-priority {background-color:#fff;border-right:1px solid #bbb;}

	table.rozvrh tr th.today{border:3px solid #5b9513}
	table.rozvrh tr th.another-day{border-right: 1px solid #68a221;}	
	table.rozvrh tr th.this-day{background-color:#82c72d}
	table.rozvrh tr th a:hover{text-decoration:none;color:#333;}
	
	table.rozvrh .vikend{background-image:url("/img/vikend.png"); background-position: center;background-repeat: no-repeat;}
	table.rozvrh .svatek{background-image:url("/img/svatek.png"); background-position: center;background-repeat: no-repeat;}
	
	.nastaveni-rozvrhu{min-width:20px;}
	.nastaveni-rozvrhu td{padding:1px;vertical-align:middle;border-right:none !important;background-color:#fff;}
	.nastaveni-rozvrhu input{text-align:center;}
	.bez-praveho-ramecku{border-right:none !important;}
	.margin-auto{margin:auto;}
	.oddelovac-rozvrhu td{border-top:3px solid #bbb}
	.oddelovac-rozvrhu-2 td{border-bottom:3px solid #bbb}
		
	.oddelovac-rozvrhu td.red-priority{border-top:3px solid #bf6b6b}
	.oddelovac-rozvrhu-2 td.red-priority{border-bottom:3px solid #bf6b6b}
	
	.oddelovac-rozvrhu td.orange-priority{border-top:3px solid #d9ba3f}
	.oddelovac-rozvrhu-2 td.orange-priority{border-bottom:3px solid #d9ba3f}
	
	.oddelovac-rozvrhu td.green-priority{border-top:3px solid #abc48d}
	.oddelovac-rozvrhu-2 td.green-priority{border-bottom:3px solid #abc48d}
	
	.oddelovac-rozvrhu td.green-priority-orange{border-top:3px solid #d9ba3f}
	.oddelovac-rozvrhu-2 td.green-priority-orange{border-bottom:3px solid #d9ba3f}
	
	.oddelovac-rozvrhu td.green-priority-red{border-top:3px solid #bf6b6b}
	.oddelovac-rozvrhu-2 td.green-priority-red{border-bottom:3px solid #bf6b6b}
	
	.agenda-ginkgo{background-color:#a2c5e3;}
	.agenda-mimo-firmu{background-color:#e8998f;}
	.agenda-klient{background-color:#b5d77e;}
	.agenda-home-office{background-color:#f4c267;}
	.agenda-neurceno{background-color:#bbbbbb;}
	.agenda-bezny-den{background-color:#e8e8e8}
	.agenda-green-priority{background-color:#d1ecb0;}
	
	.rozvrh-slot{display:block;width:100%;padding:4px;border-top:1px solid #888;font-size:12px;text-align:center;height:45px;max-height:45px;min-height:45px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;-ms-overflow-style: none;scrollbar-width: none;}
	.rozvrh-slot::-webkit-scrollbar{display: none;}
	a.odkaz-slotu:first-child .rozvrh-slot{border-top:none;}	
		
	.rozvrh-slot-2{display:block;width:100%;padding:4px;font-size:12px;text-align:center;line-height:1.1em;}
	.rozvrh-slot-3{display:block;width:100%;padding:4px;font-size:12px;text-align:center;border-top:1px solid #BBB}
	a.odkaz-slotu{color:#333}
	a.odkaz-slotu:hover{text-decoration:none;color:#44710d;}
	a.odkaz-prazdneho-slotu{display:block;width:100%;min-height:45px;text-align:left;padding-left:3px;padding-top:3px;color:#333;font-size:12px;}
	a.odkaz-prazdneho-slotu:hover{color:#5b9513;text-decoration:none;}
	.rozvrh-slot-2 hr{margin:2px 0px;height:1px;color:#888;background:#888;}
	.zkraceny-rozvrh{text-align:center !important;font-size: 12px;}
	.rozvrh-spodni-ramecek{border-bottom:1px solid #68a221}
	.rozvrh-horni-ramecek{border-top:3px solid #7fc12d}
	.rozvrh-spodni-ramecek-2{border-bottom:3px solid #7fc12d}
	
	
	.td-rozvrh-bila{background-color:#fff !important;border:none !important;vertical-align:top;padding-top:5px !important;text-align:left;}
	
	a.no-underline{text-decoration:none;}
	a.no-underline:hover{text-decoration:none;}
	.comment-block{border-right:1px solid #bbb;border-left:1px solid #bbb;background-color:rgba(255, 255, 255, 0.9);padding:0 4px 4px 4px;}
	/*tr.orange-priority:hover .comment-block{border-right:1px solid #ffc266;border-left:1px solid #ffc266;}
	tr.red-priority:hover .comment-block{border-right:1px solid #ff8566;border-left:1px solid #ff8566;}*/
	.comment-line{border-right:1px solid #bbb;border-left:1px solid #bbb;border-top:1px solid #bbb;background-color:rgba(255, 255, 255, 0.9);padding:4px 4px 0 4px;}
	/*tr.orange-priority:hover .comment-line{border-right:1px solid #ffc266;border-left:1px solid #ffc266;border-top:1px solid #ffc266;}
	tr.red-priority:hover .comment-line{border-right:1px solid #ff8566;border-left:1px solid #ff8566;border-top:1px solid #ff8566;}*/
	.comment-line-bottom{border-top:1px solid #bbb;padding:4px 4px 0 4px;}
/*	tr.orange-priority:hover .comment-line-bottom{border-top:1px solid #ffc266;}
	tr.red-priority:hover .comment-line-bottom{border-top:1px solid #ff8566;}*/
	/* Pagination */	
	.pagination{margin: 16px 0; padding: 0}
	.pagination ul{display: flex; justify-content: center; list-style: none}
	.pagination li{padding: 4px 2px}
	.pagination a{display: inline-block; padding: 8px; color: #393939; font-size: 1.4em; line-height: 1.05em;}
	.pagination .fa{line-height: 1em}
	.pagination a:hover, .pagination li.active > a, .pagination a.active{color: #ff9e43; text-decoration: none}

	/* Modal */
	.modal-wrap{
		position: fixed;
		z-index: 9999;
		display: flex;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.7);
	}
	.modal-wrap.hide{
		display: none;
	}
	.modal{
		position: fixed;
		display: flex;
		overflow: hidden;
		top: 50%;
		left: 50%;
		right: 0;
		max-width: 600px;
		transform: translateY(-50%) translateX(-50%);
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin: 32px;
		border: 2px solid #666;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-webkit-box-shadow: 0px 0px 5px #666;
		-moz-box-shadow: 0px 0px 5px #666;
		box-shadow: 0px 0px 5px #666;
	}
	.modal-title{
		font-weight: bold;
		font-size: 1.2em;
		text-align: center;
	}
	.modal .content, .modal .action{
		background: lightGray;
		width: 100%;
	}
	.modal-title, .modal-text{
		padding: 16px;
	}
	.modal-title{
		background: #0068aa;
		color: #fff;
	}
	.modal .action{
		text-align: center;
		padding: 1em 0;
	}
	.modal-submit, .modal-cancel{
		border-width: 2px;
		font-weight: bold;
		letter-spacing: 0.05em;
		padding: 6px 12px;
		margin: 4px 12px;
	}
	.modal-submit{
		border-color: #15578a;
		background: #0068aa;
	}
	.modal-submit:hover, .modal-submit:focus, .modal-submit:active{
		border-color: #15578a;
		background: #fff;
		color: #0068aa;
	}
	.modal-cancel{
		border-color: #15578a;
		background: #0068aa;
	}
	.modal-cancel:hover, .modal-cancel:focus, .modal-cancel:active{
		border-color: #15578a;
		background: #fff;
		color: #0068aa;
	}
	
	.ajax-loading{
		display: flex; 
		justify-content: center;
		align-items: center;
		min-height: 50px;
		background: rgba(0,0,0,0.2);
	}
	.ajax-loading::after{
		display: block;
		width: 32px;
		height: 32px;
		background: url('/img/loader.gif') no-repeat;
		background-size: 100%;
		content: "";
	}
	/* custom select */
	.custom-select{position: relative; display: flex; align-items: center; width: 100%; max-width: 340px; height: 40px; padding: 4px 8px; background: #eee; border: 1px solid #83c236; cursor: pointer}
	.custom-select select, .custom-select option{display: none; width: 0; height: 0; opacity: 0; visibility: hidden}
	.custom-select .icon{stroke: #83c236; color: #83c236; padding: 2px 8px 2px 2px}
	.custom-select .icon img, .custom-select .icon svg{max-width: 22px; max-height: 22px}
	.custom-select .text{flex: 1;}
	.custom-select::after{
		vertical-align: middle;
		width: 24px;
		height: 24px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2383c236' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
		background-repeat: no-repeat;
		content: "";
	}
	.custom-select.active::after{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2383c236' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
		background-repeat: no-repeat;
	}
	.custom-select .options{
		display: none;
		position: absolute;
		z-index: 2;
		top: 100%;
		left: -1px;
		right: -1px;
		background: #fff;
		border: 1px solid #83c236;
	}
	.custom-select.active .options{
		display: block;
		max-height: 200px;
		overflow-y: auto;
	}
	.custom-select .option{
		display: block;
		padding: 8px 16px;
		cursor: pointer;
	}
	.custom-select .option:hover{
		color: #83c236;
	}
	.custom-select .option.selected{
		background: #83c236;
		color: #fff;
	}
	.select-popup{
		position: fixed;
		z-index: 999;
		padding: 32px 64px;
		max-width: 800px;
		max-height: 90vh;
		overflow-y: auto;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		background: #fff;
		border: 2px solid #666;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-webkit-box-shadow: 0px 0px 5px #666;
		-moz-box-shadow: 0px 0px 5px #666;
		box-shadow: 0px 0px 5px #666;
	}
	.select-popup .option{
		cursor: pointer;
	}
	.select-popup .option:hover{
		color: #83c236;
	}
	.select-popup .option::before{
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		height: 20px;
		margin-top: -2px;
		margin-right: 8px;
		padding-bottom: 2px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238d8d8d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 18px;
		content: "";
	}
	.select-popup .option.selected::before{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2383c236' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check-circle'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E");
	}

	/* custom checbox */
	.custom-checkbox{
		display: block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 16px;
		line-height: 1.4em;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.custom-checkbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	.custom-checkbox .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 22px;
		width: 22px;
		background-color: #ccc;
	}
	.custom-checkbox:hover input ~ .checkmark {
		background-color: #83c236;
	}
	.custom-checkbox input:checked ~ .checkmark {
		background-color: #83c236;
	}
	.custom-checkbox .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.custom-checkbox input:checked ~ .checkmark:after {
		display: block;
	}
	.custom-checkbox .checkmark:after {
		left: 13px;
		top: 2px;
		width: 7px;
		height: 12px;
		border: solid white;
		border-width: 0 3px 3px 0;
		transform-origin: 0 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/* custom radio */
	.custom-radio {
		display: block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 16px;
		line-height: 1.4em;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.custom-radio input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	.custom-radio .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 22px;
		width: 22px;
		background-color: #ccc;
		border-radius: 50%;
	}
	.custom-radio:hover input ~ .checkmark {
		background-color: #83c236;
	}
	.custom-radio input:checked ~ .checkmark {
		background-color: #83c236;
	}
	.custom-radio .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.custom-radio input:checked ~ .checkmark:after {
		display: block;
	}
	.custom-radio .checkmark:after {
		top: 7px;
		left: 7px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}
}

button.pwa-install-button[disabled]{opacity:0.05;}
@keyframes barvaUpozorneniNeprectenychVzkazu {
	0% {color: #6b0606;}
	50% {color: #c00;}
	100% {color: #6b0606;}
	}
.hlavniMenuVzkazy{display:none;}
.hlavniMenuVzkazy.neprecteneVzkazy{display:inline-block;color:#6b0606; animation: barvaUpozorneniNeprectenychVzkazu 1s infinite normal;}

/* Responsive */
@media screen and (max-width: 1920px){
	header .logo{padding-right: 32px;}
	
}
@media screen and (max-width: 1600px){
	header .logo{padding-right: 24px;}	
}
@media screen and (max-width: 1300px){
	header nav li{font-size:14px;font-weight:normal;}
	header .user-nav{font-size:14px;font-weight:normal;}
	header .logo{padding-right: 12px;}	
}
@media screen and (max-width: 1100px){
	header .logo{display:none;}
}
@media screen and (max-width: 1024px){
	header .logo{display:block;}
}
@media screen and (max-width: 1024px){
	.logo{padding-left: 8px; flex: 1 1 auto}
	header .logo{padding-right:2px;padding-left:40px;padding-top:5px;align-items:start;justify-content:start;}
	header nav li{font-size:18px;font-weight:bold;}
	header nav{position: fixed; z-index: 999; top: 55px; left: 0; right: 0; bottom: 0; padding-bottom: 32px; overflow-x: auto; background: #fff; background: rgba(255,255,255,0.9)}
	header nav li, header nav li li, header nav li li:hover{background: none}
	header nav ul, header nav li, header nav a{display: block; width: 100%}
	header nav ul ul, header nav ul ul ul{display: block; position: relative; width: 100%; margin-left: 0; right: auto}
	header nav > ul > li:hover > a{text-decoration: none}
	header nav > ul > li > a{display: block; padding-left: 32px; height: auto; padding: 16px; text-shadow: none}
	header nav ul ul ul{left: auto}
	header nav ul ul > li > a{padding-left: 64px}
	header nav ul ul ul > li > a{padding-left: 84px}
	header .user-nav{font-size:16px;}
}
@media screen and (max-width: 1000px){
	
}
@media screen and (max-width: 800px){
	.wrap{padding: 32px 8px;}
	ul.activeSubMenu > li{margin-right:8px;font-weight:normal;}
	
}
@media screen and (max-width: 600px){
	
}
@media screen and (max-width: 400px){
	.username{display: none}
	header .user-nav{font-size:14px;font-weight:normal;}
}

/* min-width */
/* sm */
@media screen and (min-width: 48em) { 
	.hide-sm{visibility: hidden}
	.show-sm{visibility: visible}
}
/* md */
@media screen and (min-width: 64em) {
	.hide-md{visibility: hidden}
	.show-md{visibility: visible}
	
}
/* lg */
@media screen and (min-width: 75em) {
	.hide-lg{visibility: hidden}
	.show-lg{visibility: visible}
}


/* max-width */
/* lg */
@media screen and (max-width: 75em) {
	.select-popup{width: 950px;}
}
/* md */
@media screen and (max-width: 64em) {
	.select-popup{width: 80%; padding: 32px}
}
/* sm */
@media screen and (max-width: 48em) {
	.col-xs-12{padding-left:0;padding-right:0;}
	h1, .h1{font-size:1.3em}
	h2, .h2{font-size:1.2em}
	button, input[type="button"], input[type="submit"], input[type="reset"], .button, .btn{padding: 6px 12px;}
	input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="date"], input[type="month"], input[type="week"], input[type="datetime"], input[type="datetime-local"], select, textarea{padding: 6px 12px;}
	html, body{font-size:14px;}
}