/*
Boot strap shit RESET!
*/

button, input, optgroup, select, textarea {
	color: none;
	font : normal;
	color: #000000;
}




BODY {
	font-family: "Arial",	sans-serif;	/* SONS !!!! ARIAL !!!! */
	color: #000000;
	/* background-color: #ececec !important;	*/
	background-color: #ececec;
	padding: 10px;
	font-size: 100%;
	padding-top: 70px; /* navbar */
}

BODY.print {
	padding-top: 0px; /* NO navbar */
}

TD {
	font-size: 100%;
	color: #000000;
	background-color: #ececec;
	padding: 10px;
}


TH {
	font-family: "Arial",	sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #ececec;
	padding: 10px;
	text-align: left;
}

td, th { 
	padding: 3px;
}

label {

	display: inline-block;
	max-width: 100%;       
	margin-bottom: 0px;
	font-weight: normal;
}

a {
	text-decoration: underline;
}

P.breakhere, table.breakhere {
	page-break-before: avoid;
	page-break-after: always;
}

.clear{clear: both;}							

fieldset	{
	border: black 1px solid;
	padding: 5px;
	background: #f7f0d5;
}
fieldset table, fieldset td	{
	border: 0px;
	padding: 5px;
	background: #f7f0d5;
}

iframe.messagereal, iframe.publications_upoutavka, iframe.publications_obsah, iframe.akce_upoutavka, iframe.akce_popis, iframe.message, iframe.public_popis, iframe.public_upoutavka, iframe.gallery_popis, iframe.blog_obsah , iframe.new_odpoved, iframe { 
	background: white;
	color: black;
}


input[type=checkbox] {
	min-width: 10px !important; 
} 
button.input-group-text {
	min-width: 30px !important; 
} 
input, select, button {
	min-width: 10px; 
}
.input-group > .form-control, 
.input-group > .form-select,
.min-w-120 {
	min-width: 120px;
}
input, select, button {
	min-width: 10px; 
}



table.strip tr:nth-child(even) td { 
	font-size: 100%; 
	color: black; 
	background-color: #dcffe2; /* #d3eeff; */ 
	padding: 4px;	
	border: solid white 2px; 
}
table.strip tr:nth-child(odd) td { 
	font-size: 100%; 
	color: black; 
	background-color:#dcf3ff; /* #97cfec  #B8E18B / #BCD0D8 */ 
	padding: 4px;	
	border: solid white 2px; 
}

table.strip tr:nth-child(even) td a { 
	color: black; 
}
table.strip tr:nth-child(odd) td a { 
	color: black; 
}


table.strip tr:hover, col.hover {
    border: solid 3px rgb(0, 0, 0) !important;
}

td.tabulka_colored_first {	color: black; background-color: #dcffe2; font-size: 100%; padding: 4px; border: solid white 1px; }
td.tabulka_colored_second {	color: black; background-color: #dcf3ff; font-size: 100%; padding: 4px; border: solid white 1px; }
td.tabulka_colored_first a {	color: black; }
td.tabulka_colored_second a {	color: black; }



td.tabulka_colored_organizer {	font-size: 100%; background-color: #235eae; color: white; padding: 3px; border: solid white 1px; }
td.tabulka_colored_organizer_nadpis {	font-size: 100%; background-color: #235eae; color: white; font-weight: bold; padding: 3px; border: solid white 1px; }
td.tabulka_colored_volno {	background-color: #dae3c5; font-size: 100%; text-align: center; border: 1px solid black; font-weight: bold; padding: 3px; color: #373737; border: solid white 1px; }
td.tabulka_colored_volno_ok {	background-color: #e8ffb0; font-size: 100%; text-align: center; border: 1px solid black; font-weight: bold; padding: 3px; border: solid white 1px; }
td.tabulka_colored_obsazeno {	background-color: #ffcaca; font-size: 100%; text-align: center; border: 1px solid black; font-weight: bold; padding: 3px; border: solid white 1px; }
td.tabulka_white_bold	{	border: solid white 1px; background-color: white; font-weight: bold; padding: 3px;	}
td.tabulka_white	{	border: solid white 1px; background-color: white; padding: 3px; border: solid white 1px; }

td.tabulka_colored_first_1novy { font-size: 100%; background-color: #dcffe2; color: #a91b1b; border: solid white 1px; }
td.tabulka_colored_second_1novy { font-size: 100%; background-color: #dcf3ff; color: #a91b1b; border: solid white 1px; }
td.tabulka_colored_first_1autorizace {	font-size: 100%; background-color: #dcffe2; color: #a91b1b; border: solid white 1px; }
td.tabulka_colored_second_1autorizace { font-size: 100%; background-color: #dcf3ff; color: #a91b1b; border: solid white 1px; }
td.tabulka_colored_first_2vyrizujese {	font-size: 100%; background-color: #dcffe2; color: #263568; border: solid white 1px; }
td.tabulka_colored_second_2vyrizujese { font-size: 100%; background-color: #dcf3ff; color: #263568; border: solid white 1px; }
td.tabulka_colored_first_4zamitnuto { font-size: 100%; background-color: #dcffe2; color: #256800; border: solid white 1px; }
td.tabulka_colored_second_4zamitnuto { font-size: 100%;background-color: #dcf3ff; color: #256800; border: solid white 1px; }
td.tabulka_colored_first_4nenalezeno { font-size: 100%; background-color: #dcffe2; color: #256800; border: solid white 1px; }
td.tabulka_colored_second_4nenalezeno { font-size: 100%; background-color: #dcf3ff; color: #256800; border: solid white 1px; }
td.tabulka_colored_first_4splneno { font-size: 100%; background-color: #dcffe2; color: #256800; border: solid white 1px; }
td.tabulka_colored_second_4splneno { font-size: 100%; background-color: #dcf3ff; color: #256800; border: solid white 1px; }
td.tabulka_colored_first_3pozastaveno { font-size: 100%; background-color: #dcffe2; color: purple; border: solid white 1px; }
td.tabulka_colored_second_3pozastaveno { font-size: 100%; background-color: #dcf3ff; color: purple; border: solid white 1px; }
td.tabulka_colored_first_0rozpracovano { font-size: 100%; background-color: #dcffe2; color: orange; border: solid white 1px; }
td.tabulka_colored_second_0rozpracovano { font-size: 100%; background-color: #dcf3ff; color: orange; border: solid white 1px; }



td.tabulka_colored_white {	background-color: white; }
td.tabulka_colored_red {	background-color: red; }

td.tabulka_colored_	{	cursor:pointer; border: solid white 1px; background-color: white; }
td.tabulka_colored_0 {	cursor:pointer; border: solid white 1px; background-color: #b400ef; color:white; }
td.tabulka_colored_1 {	cursor:pointer; border: solid white 1px; background-color: #4bffb1; }
td.tabulka_colored_2 {	cursor:pointer; border: solid white 1px; background-color: #214c94; color:white; }
td.tabulka_colored_3 {	cursor:pointer; border: solid white 1px; background-color: #5fc41c; }
td.tabulka_colored_4 {	cursor:pointer; border: solid white 1px; background-color: #616811; color:white; }
td.tabulka_colored_5 { cursor:pointer; border: solid white 1px; background-color: #ff0000; color:white; }
td.tabulka_colored_6 {	cursor:pointer; border: solid white 1px; background-color: #8a2354; color:white; }
td.tabulka_colored_7 {	cursor:pointer; border: solid white 1px; background-color: #ffa861; }
td.tabulka_colored_8 { cursor:pointer; border: solid white 1px; background-color: #e785ff; }
td.tabulka_colored_9 { cursor:pointer; border: solid white 1px; background-color: #00dbff; }
td.tabulka_colored_10 { cursor:pointer; border: solid white 1px; background-color: #a2ecff; }


td.tabulka_colored_11 { cursor:pointer; border: solid white 1px; background-color: #547080; color:white; }
td.tabulka_colored_12 { cursor:pointer; border: solid white 1px; background-color: #ff9191; }
td.tabulka_colored_13 { cursor:pointer; border: solid white 1px; background-color: #6a608c; color:white; }
td.tabulka_colored_14 { cursor:pointer; border: solid white 1px; background-color: #eaff00; }
td.tabulka_colored_15 {	cursor:pointer; border: solid white 1px; background-color: #83ba94; }
td.tabulka_colored_16 {	cursor:pointer; border: solid white 1px; background-color: #612700; color:white;}
td.tabulka_colored_17 {	cursor:pointer; border: solid white 1px; background-color: #7fff46; }
td.tabulka_colored_18 { cursor:pointer; border: solid white 1px; background-color: #f83906; color:white; }
td.tabulka_colored_19 { cursor:pointer; border: solid white 1px; background-color: #e76c19; color:white; } 
td.tabulka_colored_20 { cursor:pointer; border: solid white 1px; background-color: #3c00ff; color:white; }


td.tabulka_colored_21 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_22 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_23 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_24 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_25 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_26 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_27 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_28 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_29 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_30 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_31 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_32 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_33 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_34 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_35 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_36 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_37 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_38 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_39 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_40 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_41 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_42 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_43 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_44 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_45 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_46 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_47 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_48 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_49 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }
td.tabulka_colored_50 { cursor:pointer; border: solid white 1px; background-color: black; color:white; }


table.strip_grey tr:nth-child(even) td { font-size: 100%; background-color: #C1C1C1D1; padding: 4px; border: 1px solid white; }
table.strip_grey tr:nth-child(odd) td { font-size: 100%; background-color: #afafaf47 /* #B8E18B / #BCD0D8 */ ; padding: 4px; border: 1px solid white; }

table.strip_soft tr:nth-child(even) td { font-size: 100%; background-color: #fefbe9; padding: 4px; border: 1px solid white; }
table.strip_soft tr:nth-child(odd) td { font-size: 100%; background-color: #fcf0da /* #B8E18B / #BCD0D8 */ ; padding: 4px; border: 2px solid white; }

table.strip_soft tr th {
	background-color: #ffe5e5;
	padding: 4px; 
	border: 1px solid white;
}

td.tabulka_grey_head {	background-color: #5a5a5a; color: white; }
th.tabulka_grey_head {	background-color: #5a5a5a; color: white; }

td.tabulka_grey_first {	background-color: #C1C1C1D1; border: 1px solid white; }
td.tabulka_grey_second {	background-color: #afafaf47; border: 1px solid white; }



/*	A HREF	*/	
a { color: #2A3F66; }
a:hover { color: #6E788E; }

a.no_color {
	color: white;
}

*.tree_hide {
	color: #ececec;
}

a.menu_1 {
	color: white;
	text-decoration: none;
}
a:hover.menu_1 {
	color: white;
	text-decoration: underline;
}

a.copyright {
	text-decoration: none;
}
a:hover.copyright {
	text-decoration: none;
}

a.cesta {
	text-decoration: underline;
}
a:hover.cesta {
	text-decoration: none;
}

a.navigace_1 {
	font-weight: bold;
}

span.bold {
	font-weight: bold;
}

/*	FORM	*/	
form {margin-top: 0px; margin-bottom: 0px;}


/*	NADPISY	*/	
h1, span.nadpis_1, td.nadpis_1, th.nadpis_1 {	
	
	font-size: 120%;
	font-weight: bold;
	color: red;
}

h1 {
	margin-top: .5rem;
	padding-top: .5rem;
}

span.karta_nadpis_1 {	
	font-size: 120%; 
	font-weight: bold;
	color: black;
}
span.nadpis_1b {	
	font-size: 120%; 
	font-weight: bold;
	color: black;
}

h2, span.nadpis_2, td.nadpis_2, th.nadpis_2 {	
	font-size: 115%; 
	font-weight: bold;
	color: #3B5492;
}

h3, span.nadpis_3, td.nadpis_3, th.nadpis_3 {	
	font-size: 110%; 
	font-weight: bold;
}

h4, span.nadpis_4, td.nadpis_4, th.nadpis_4 {	
	background-color: #235eae; 
	font-size: 110%;
	font-weight: bold;
	color: white;
	text-align: left;
}


h5, span.nadpis_5, td.nadpis_5, th.nadpis_5 {	
	background-color: #bdff91; 
	font-size: 100%;
	font-weight: bold;
	color: black;
	text-align: left;
}
h6, span.nadpis_6, td.nadpis_6, th.nadpis_6 {	
	font-size: 100%;
	font-weight: bold;
}

/*	TD MENU	*/



td.menu_b, th.menu_b {	
	font-weight: bold;
	background-color: #C1C1C1 !important;
	text-align: left;
}
td.menu_1, th.menu_1 {	
	background-color: #235eae !important; 
	font-size: 100%;
	font-weight: bold;
	color: white;
	text-transform : uppercase;
	text-align: left;
}
td.menu_2, th.menu_2 {	
	background-color: #235eae !important; 
	color: white;
	font-size: 100%;
	font-weight: bold;
	text-transform : uppercase;
	text-align: left;
}
td.menu_2 input, th.menu_2 input {
	color: black;
}
td.menu_3, th.menu_3, div.menu_3 {	
	background-color: #a9e581 !important; 
	font-size: 100%;
	font-weight: bold;
	color: black;
	text-align: left;
}
td.menu_4, th.menu_4 {	
	background-color: #f8e164 !important;  
	font-size: 100%;
	font-weight: bold;
	color: black;
	text-align: left;
}


div.menu_sirka {	
	/*min-width: 800px;*/
}
* html div.menu_sirka {	
	width: 100%;
	/*min-width: 800px;*/
}

fieldset.menu_2 {
	background-color: #e8fff4;
}

input.menu_3 {
	float: left;
	width: 80px;
	font-size: 100%;
	color: black;
}
div.menu_3_text {
	position: absolute;
	margin-left: 170px;
	margin-top: 1px;
	color: black;
}
* html div.menu_3_text {
	margin-left: 130px;
}
table.menu_3 {
	margin-bottom: 2px;
}
fieldset.menu_3 {
	background-color: #e8fff4;
}
a.menu_3 {
	font-size: 100%;
	color: black;
}

div.napoveda {
	width: 600px;
	position: absolute;
	display: none;
	background-color: white;
	color: black;
	border: 1px solid black;
	font-size: 100%;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	text-transform : none;
	z-index: 999;
}


td.list_ajax, table.list_ajax {
	background: white;
}

div.tabulka_helpdesk_overflow {
	width: 100%;
	overflow-wrap: anywhere;
	word-break: break-word;
	overflow: hidden;
}
table.tabulka_helpdesk {
	background: white;
	width: 100%;
	table-layout: fixed;
}
table.tabulka_helpdesk, td.tabulka_helpdesk_vnitrni {
	background: #e8e8e8;
	overflow-wrap: anywhere;
}

table.tabulka_helpdesk_nove {
	background: #ffedaf;
	table-layout: fixed;
	width: 100%;
	overflow-wrap: anywhere;
}
td.tabulka_helpdesk_nove_vnitrni {
	background: #ffedaf;
	width: 100%;
	overflow-wrap: anywhere;
}

table.tabulka_helpdesk_dotaz {
	background: #ffe7e7;
	table-layout: fixed;
	width: 100%;
	overflow-wrap: anywhere;
}
td.tabulka_helpdesk_dotaz_vnitrni {
	background: #ffe7e7;
	width: 100%;
	overflow-wrap: anywhere;
}
table.tabulka_helpdesk_vyreseno {
	background: #ecffe2;
	table-layout: fixed;
	width: 100%;
	overflow-wrap: anywhere;
}
td.tabulka_helpdesk_vyreseno_vnitrni {
	background: #ecffe2;
	width: 100%;
	overflow-wrap: anywhere;
}
table.tabulka_helpdesk_pozastaveno {
	background: #e5daf6;
	table-layout: fixed;
	width: 100%;
	overflow-wrap: anywhere;
}
td.tabulka_helpdesk_pozastaveno_vnitrni {
	background: #e5daf6;
	width: 100%;
	overflow-wrap: anywhere;
}
table.tabulka_helpdesk_vyrizujese {
	background: #dde8ed;
	table-layout: fixed;
	width: 100%;
	overflow-wrap: anywhere;
}
td.tabulka_helpdesk_vyrizujese_vnitrni {
	background: #dde8ed;
	width: 100%;
	overflow-wrap: anywhere;
}

td.tabulka_helpdesk_nove {
	border: solid 2px red;
	background: #ffe7e7;
}
td.tabulka_helpdesk_dotaz {
	border: solid 2px red;
	background: #ffe7e7;
}
td.tabulka_helpdesk {
	border: solid 2px rgb(0, 0, 0);
	background: #e8e8e8;
}
td.tabulka_helpdesk_pozastaveno {
	border: solid 2px purple;
	background: #e5daf6;
}
td.tabulka_helpdesk_rozpracovano {
	border: solid 2px yellow;
	background: #e5daf6;
}
td.tabulka_helpdesk_vyrizujese {
	border: solid 2px blue;
	background: #dde8ed;
}
td.tabulka_helpdesk_vyreseno {
	border: solid 2px green;
	background: #ecffe2;
}
td.tabulka_helpdesk_form {
	border: solid 2px black;
}

td.blue {
	color: blue;
}

td.ev_subtable {	
	background-color: #cccccc; 
}
tr.ev_edit_edit_line_prubeh {
	display: none;
}
input.ev_edit_prubeh {
	width: 70px;
}
input.ev_edit_prubeh_ulozit {
	width: 70px;
	color: red;
}
	
/*	POSTATNI SPECIALNI SPAN	*/	
.green {
	color: green;
}
	.purple {
	color: purple;
}
.orange {
	color: orange;
}

.alert, .red {
	color: red;
}

.blue {
	color: blue;
}

.pink {
	color: #ff00fb;
}


span.blind_white {	
	color: #ececec;
}

span.info_1, a.info_1, span.info_2, a.info_2 {	
	font-size: 100%; 
	color: #3B5492;
}


/*	TABLE	*/	

table.dark { background-color: #000911; } 

table.table_katalog, td.td_table_katalog, th.td_table_katalog {
	border: none;
	padding: 0px;
	font-size: 100%;
}


/*	TISK	*/	
table.table_tisk_border, td.table_tisk_border {
	border: black solid 1px; 
}	
td.nazev_tisk, th.nazev_tisk {	
	background-color: white; 
	font-size: 100%;
	color: black;
	text-align: left;
	border-left: black solid 1px; 
	border-top: black solid 1px; 
	border-bottom: black solid 1px; 
}
td.hodnota_tisk, th.hodnota_tisk {	
	background-color: white; 
	font-size: 100%;
	color: black;
	text-align: left;
	border-right: black solid 1px; 
	border-top: black solid 1px; 
	border-bottom: black solid 1px; 
}
td.normal_tisk, th.normal_tisk {	
	background-color: white; 
	font-size: 100%;
	color: black;
	text-align: left;
	border: black solid 1px; 
}
td.menu_tisk, th.menu_tisk {	
	background-color: #C1C1C1; 
	font-size: 100%;
	font-weight: bold;
	color: black;
	text-align: left;
	border: black solid 1px; 
}


/*	POVINE	*/	

td.povine_tisk, th.povine_tisk {	
	font-weight: bold;
	text-decoration: underline;
	border-left: black solid 1px; 
	border-top: black solid 1px; 
	border-bottom: black solid 1px;		
}
span.povine_tisk {	
	font-weight: bold;
	text-decoration: underline;
}
td.povine_1, th.povine_1 {	
	color: red;
}
span.povine_1 {	
	color: red;
}


/*	UNI MODUL */
table.uni_modul {	
	border-color: #235eae;
	font-size: 100%;
	color: black;
}
td.uni_modul_nazev, th.uni_modul_nazev, div.uni_modul_title {	
	background-color: #235eae; 
	font-size: 100%;
	font-weight: normal;
	color: white;
	text-align: left;
}
td.uni_modul_menu, th.uni_modul_menu {	
	background-color: #235eae; 
	font-size: 100%;
	font-weight: normal;
	color: white;
	text-align: left;
}
td.uni_modul, th.uni_modul {	
	background-color: #cecece; 
	color: black;
	font-size: 100%;
	text-align: left;
}
h2.uni_modul {	
	font-size: 120%; 
	font-weight: bold;
	color: white;
}

div.uni_modul, div.uni_modul_title {
	border: 2px solid	#235eae;
}

div.uni_modul_buttons, div.uni_modul_body {
	background-color: #cecece; 
}

td.left_line, th.left_line {
	border-color: #235eae;
	border-left-style : solid;
	border-left-width : 4px;
}
td.right_line, th.right_line {
	border-color: #235eae;
	border-right-style : solid;
	border-right-width : 4px;
}

span.checkbox_blue_bg {
	background: #a2cad4;
}

span.yellow_bg {
	background: #ffe992;
}

del {
	background: #ffe992;
	color: red;
}
ins {
	background: #ffe992;
	color: green;
}






td.tabulka_colored_head_blue, th.tabulka_colored_head_blue {
	background-color: #235eae !important;
	border: solid 2px white;
}
td.tabulka_colored_head, th.tabulka_colored_head, table.strip th, table.strip tbody th {
	background-color: #ffadad !important; 
	font-weight: bold !important; 
	font-size: 100%; 
	text-align: left;
	padding: 4px;
	border: solid 2px white;
}
td.tabulka_colored_head_soft, th.tabulka_colored_head_soft {
	background-color: #ffadad !important;
	font-weight: bold !important;
	font-size: 100%; 
	text-align: left;
	padding: 4px;
	border: solid 2px white;
}


td.tabulka_colored_head_small, th.tabulka_colored_head_small { 
	background-color: #ffadad !important; 
	font-weight: bold !important; 
	font-size: 100%; 
	text-align: left;
	padding: 4px;
	border: solid 2px white;

	width: 100px;
}

/*
td.tabulka_colored_head_vertical, th.tabulka_colored_head_vertical {  NEFUNGUJE 
	
	background-color: #ffadad !important; 
	font-weight: bold !important; 
	font-size: 100%; 
	text-align: left;
	padding: 4px;
	border: solid 2px white;

	mso-rotate:-90; 

	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	mso-rotate: 90;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);


	writing-mode:tb-rl;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    transform: rotate(90deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:20px;
    height:20px;
}

th span.vertical, td span.vertical {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	white-space: nowrap;
	text-align: left;
}
*/

td.tabulka_colored_sum {	 
	color: red !important; 
	background: none !important; 
	font-size: 100%; 
	font-weight: bold; 
	padding: 4px; 
	border: solid white 1px; 
}

td.tabulka_sum {	 
	color: black !important; 
	background: none !important; 
	font-size: 100%; 
	font-weight: bold; 
	padding: 4px; 
	border: solid white 1px; 
}

/*
th, td {
	vertical-align: bottom;
	text-align: center;
}
*/



table.black-border {
	border: 1px solid black;
}


table.menu_edit, td.menu_edit, table.menu_edit td, table.strip table.menu_edit td, table.strip table td.menu_edit	{
	background-color: #e8fff4;
}

table.multi_select, td.multi_select, table.multi_select td, table.strip table.multi_select td, table.strip table td.multi_select	{
	background-color: #c3f0ee;
}


td.menu_edit_povine_1 {
	background-color: #e8fff4;
	color: red;
}

td.registr_pp_stary_uvazek {
	background-color: rgb(255, 213, 136) !important;
	text-decoration: line-through;
}


/*	INPUT	*/
input.uni_modul { 
	width: 250px;
	max-width: 250px;
} 
button.uni_modul { 
	/*width: 250px;*/
	width:	100%;
	max-width: 250px;
} 
input.odhlasit { 
	font-size: 100%;
	width: 150px;
} 

input.button { 
	background-color: #2A3F66; 
	color: white;
} 

input.filter_1 { width: 100px; } 
input.short { width: 50px; } 
input.long { width: 100%; } 
input.long_2 { width: 250px; } 
textarea.long { width: 100%; } 

textarea {
	min-width:500px; 
	max-width:100%;
	min-height:50px;
	width:100%;
	height:auto;
}

input.datum_dochazka { 
	width: 100px; 
	font-size: 100%;
	font-weight: bold;
	background-color: #235eae; 
	color: white;
	border-bottom: dashed 1px white ;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
} 

input.grey { 
	background-color: #9C9C9C; 
} 
input.readonly { 
	background-color: #ffd1d1; 
} 

input.datum_dochazka_button { 
	font-size: 100%;
	font-weight: bold;
} 

.videoWrapper { position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0px; }	.videoWrapper iframe {	position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; }	


img.img_subsql, img.seznam {
	width: 200px;
}

@media print {

	#web{ border: none; } 
	div.skryvat, div.skryvat2, div.napoveda, img.napoveda{ display:none; } 
	/*input, select, button { display:none; };*/
	button, input[type=button], input[type=submit], input[type=reset] { display:none; };
	table, tr, td, fieldset { border: black 1px solid; padding: 4px; border-spacing: 0px; background-color: white; }

	table.tisk, table.tisk tr, table.tisk td, fieldset { 
		border: black 1px solid !important; 
		padding: 4px !important; 
		border-spacing: 0px !important; 
		background-color: white !important; 
	}

}


/* navbar */
.navbar-dark {
	background-color: #F8F8F8;
	border-color: #062e57;
	background: url('../grafika/w/pozadi_zapati.jpg') repeat;
}
/* title */
.navbar-dark .navbar-brand {
	color: white;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
	color: #b7e3f8;
}
/* link */
.navbar-dark .navbar-nav > li > a {
	color: white;
}
.navbar-dark .navbar-nav > li > a:hover,
.navbar-dark .navbar-nav > li > a:focus {
	color: white;
}
.navbar-dark .navbar-nav > .active > a, 
.navbar-dark .navbar-nav > .active > a:hover, 
.navbar-dark .navbar-nav > .active > a:focus {
	color: #b7e3f8;
	background-color: #b7e3f8;
}
.navbar-dark .navbar-nav > .open > a, 
.navbar-dark .navbar-nav > .open > a:hover, 
.navbar-dark .navbar-nav > .open > a:focus {
	color: black;
	background-color: #b7e3f8;
}
/* caret */
.navbar-dark .navbar-nav > .dropdown > a .caret {
	border-top-color: white;
	border-bottom-color: white;
}
.navbar-dark .navbar-nav > .dropdown > a:hover .caret,
.navbar-dark .navbar-nav > .dropdown > a:focus .caret {
	border-top-color: #b7e3f8;
	border-bottom-color: #b7e3f8;
	color: black;
}
.navbar-dark .navbar-nav > .open > a .caret, 
.navbar-dark .navbar-nav > .open > a:hover .caret, 
.navbar-dark .navbar-nav > .open > a:focus .caret {
	border-top-color: #b7e3f8;
	border-bottom-color: #b7e3f8;
	color: black;
}
/* mobile version */
.navbar-dark .navbar-toggle {
	border-color: white;
	color: white;
	font-color: white;
	float: left;
}
.navbar-dark .navbar-toggle:hover,
.navbar-dark .navbar-toggle:focus {
	background-color: #b7e3f8;
	color: black;
}
.navbar-dark .navbar-toggle .icon-bar {
	background-color: white;
}
.navbar-dark .navbar-toggle .icon-bar:hover,
.navbar-dark .navbar-toggle .icon-bar:focus {
	background-color: black;
}

.navbar-dark .navbar-nav .open .dropdown-menu > li > a {
	color: white;
}
.navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus {
	color: white;
}

.dropdown-submenu {
	text-align: left;
	background-color:	#b7e3f8;
	color: black;
}

.navbar-dark .navbar-nav .open .dropdown-menu > li > a { color: black; }
.navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover { color: black; }

.navbar-dark .navbar-nav .nav-link {
	color: white !important;
	font-size: 100%;
}
.navbar-dark .navbar-nav .nav-link i.fa {
	color: white !important;
	font-size: 120%;
}

.navbar-dark .navbar-toggler, .navbar-toggler-icon {
	color: white !important;
	border-color: white !important;
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#my-navbar-toggle-1 {
	margin-left: 30px;
}

.weekend, .holiday, td.red a.ui-state-default, div.red, span.red, label.red {
	color: #f00;
}

a.ui-state-default:hover {
	color: blue;
}


/* html_editor */

.tox, .tox-tinymce, .tox-tinymce--toolbar-sticky-off {
	width: 100%;
	min-width: 300px;
}

.mce-edit-focus { outline: none !important; }




.btn-success-list {
	color: black;
	background-color: #69994b;
	border-color: black;
	padding: 2px 2px 2px 2px;
}

.btn-danger-list {
	color: black;
	background-color: #c69c9e;
	border-color: black;
	padding: 2px 2px 2px 2px;
}
.btn-primary-list {
	color: black;
	background-color: #cfcfcf;
	border-color: black;
	padding: 2px 2px 2px 2px;
}


.nopadleft {
	padding-left: 0px;
}


div.card-form {
	background-color: #fdffb3;	
}
div.card-body {
	background-color: #fff8e9;	
}


.accordion-button-menu_2 {
	color: black;
	background-color: #fdfaa0;
	padding: 1.7rem 1.25rem;
	font-weight: bold;
	font-size: 105%; 
}
.accordion-button-menu_2:not(.collapsed) {
	color: black;
	background-color: #b9deff;
	font-weight: bold;
	font-size: 105%; 
} 
div.accordion-body-menu_2, .accordion-body-menu_2 table.blank td, .accordion-body-menu_2 table.blank, .accordion-body-menu_2 table.blank tr {
	background-color: #e8fffe;
	border: 1px black;
}


.accordion-button-menu_3 {
	color: #04a;
	background-color: #fdfaa0;
	padding: 1.2rem 1.25rem;
	font-weight: bold;
	font-size: 105%; 
}
.accordion-button-menu_3:not(.collapsed) {
	background-color: #c1fc99d1;
	font-weight: bold;
	font-size: 105%; 
}
div.accordion-body-menu_3, .accordion-body-menu_3 table.blank td, .accordion-body-menu_3 table.blank, .accordion-body-menu_3 table.blank tr	{
	background-color: #fffeea;
	border: 1px black;
}



.accordion-button-filter {
	color: #04a;
	background-color: #fdfaa0;
	padding: 0.5rem 1.25rem;
	font-weight: bold;
	font-size: 105%; 
}
.accordion-button-filter:not(.collapsed) {
	background-color: #ffd27e;
	font-weight: bold;
	font-size: 105%; 
}
div.accordion-body-filter,	.accordion-body-filter table.blank td, .accordion-body-filter table.blank, .accordion-body-filter table.blank tr, .accordion-body-filter table td, .accordion-body-filter table, .accordion-body-filter table tr	{
	background-color: #fdf4d6;
	border: 1px black;
}
.accordion-body-filter	.container-fluid	{
	padding: 0px;
}

div.list_ajax, td.list_ajax, table.list_ajax, 
table.accordion-body-filter tr td.list_ajax, 
.accordion-body-filter table tr td.list_ajax,
.accordion-body-filter table.list_ajax tr td {
	background: white;
}




.btn  { 
	background-color: #8cecff;
	color: #000;
	border-color: black;
}

.btn:hover {
	background-color: #49cae3;
	color: #000;
	border-color: black;
}



.info, .btn-info  {
	background-color: #8cecff;
	color: #000;
	border: solid 2px #0dcaf0;
}
.primary, .btn-primary {
	background-color: #145bbb;
	color: white;
	border: solid 2px #145bbb;
}
.secondary, .btn-secondary  {
	background-color: #145bbb;
	color: white;
	border: solid 2px #145bbb;
}
.success, .btn-success {
	background-color: #009719;
	color: white;
	border: solid 2px #009719;
	min-width: 200px;
}
.warning, .btn-warning  { 
	background-color: #d07d00;
	color: white;
	border: solid 2px #d07d00;
}
.danger, .btn-danger {
	background-color: #ec2c01;
	color: white;
	border: solid 2px #ec2c01;
}




input.tlacitko_filtr_exportovat:hover, a.tlacitko_filtr_exportovat:hover {
	background-color: #00439b;
	color: white;
	border-color: black;
}

input.tlacitko_filtr_filtrovat:hover, a.tlacitko_filtr_filtrovat:hover {
	background-color: #c6c300;
	color: black;
	border-color: black;
}

.info:hover, .btn-info:hover {
	background-color: #49cae3;
	color: white;
	border-color: black;
}
.primary:hover, .btn-primary:hover {
	background-color: #11007f;
	color: white;
	border-color: black;
}
.secondary:hover, .btn-secondary:hover {
	background-color: #11007f;
	color: white;
	border-color: black;
}
.success:hover, .btn-success:hover {
	background-color: #005607;
	color: white;
	border-color: black;
}
.warning:hover, .btn-warning:hover {
	background-color: #824300;
	color: white;
	border-color: black;
}
.danger:hover, .btn-danger:hover {
	background-color: #7f0000;
	color: white;
	border-color: black;
}



input.tlacitko_navigace, a.tlacitko_navigace  {
	background-color: #8cecff;
	color: black;
	border: black 1px solid;
	min-width: 210px;
	margin-bottom: 2px;
	/* display: inline; font-size: 110%; */
	
}
input.tlacitko_navigace:hover, a.tlacitko_navigace:hover {
	background-color: #49cae3;
	color: #000;
	border-color: black;
}




.hour-select, .minute-select {
	width: 100px !important;
	max-width: 100px !important;
	min-width: 100px !important;
}

td .form-control {
	width: 200px;
	display: inline;
}
.form-control, .input-group-text {
	border: solid 1px black;
}

.input-group-text {
	white-space: normal;
	display: inline-block;
}

.form-check {
	margin-left: 10px !important;
	margin-bottom: 10px !important;
	background-color: #f5e8ff;
}


.tabulka_gray_second, .tabulka_gray_first { 
	border: solid 1px white;
}

button.popover, button.open_seznam_polozek_multi_ajax_button, button.open_seznam_polozek_ajax_button	{
	background-color: #e9ecef;
	color: black;
}

.odkaz_na_reakci { background: #fffe9b; }




#tree table, #tree tr, #tree td {
	padding: 0px;
	font-size: 100%;
}	


td.klient_ok, td.klient_ok a, option.klient_ok, .klient_ok { background-color: #D4FFA1; color: black; }
td.klient_nema_smlouvu, td.klient_nema_smlouvu a, option.klient_nema_smlouvu, .klient_nema_smlouvu { background-color: #ffaae2; color: black; }
td.klient_nema_plan, td.klient_nema_plan a, option.klient_nema_plan, .klient_nema_plan { background-color: #d8aaff; color: black; }
td.klient_zajemce, td.klient_zajemce a, option.klient_zajemce, .klient_zajemce { background-color: #acc1ff; color: black; }
td.klient_neni_zajemce, td.klient_neni_zajemce a, option.klient_neni_zajemce, .klient_neni_zajemce { background-color: #ffa861; color: black;  }
td.klient_vyloucen, td.klient_vyloucen a, option.klient_vyloucen, .klient_vyloucen { background-color: #ff9191; color: black; }


.klient_stav_10 { background-color: #A1FF6B !important; color: black !important; }
.klient_stav_15 { background-color: #E7F72C !important; color: black !important; }
.klient_stav_17 { background-color: #DCFDA1 !important; color: black !important; }
.klient_stav_18 { background-color: #DCFDA1 !important; color: red !important; }
.klient_stav_19 { background-color: #aad7ff !important; color: red !important; }
.klient_stav_20 { background-color: #ffaae2 !important; color: black !important; }
.klient_stav_30 { background-color: #d8aaff !important; color: black !important; }
.klient_stav_40 { background-color: #acc1ff !important; color: black !important; }
.klient_stav_55 { background-color: #ffe38f !important; color: black !important; }
.klient_stav_50 { background-color: #ffa861 !important; color: black !important; }
.klient_stav_60 { background-color: #ff9191 !important; color: black !important; }



.inline { 
	display: inline;
}

.line {
	display: inline-block;
}

.line-nowrap {
	display: inline-block;
	white-space: nowrap;
}



table.calendar {

}



table.calendar td.calendar_day, .calendar_day {
	color: #787878;
	background-color: #d9d9d9;
	padding: 4px; border: 5px solid white; 
}



table.calendar td.calendar_day_svatek_full, .calendar_day_svatek_full {
	background-color: #ffa8c8;
	padding: 4px; border: 5px solid white; 

}
table.calendar td.calendar_day_vikend_full, .calendar_day_vikend_full {		
	background-color: #c6ecff;
	padding: 4px; border: 5px solid white; 

}
table.calendar td.calendar_day_pracovni_full, .calendar_day_pracovni_full {
	background-color: #fffd9b;
	padding: 4px; border: 5px solid white; 
}

table.calendar td.calendar_day_svatek_empty, .calendar_day_svatek_empty {
	background-color: #ec7ca5;
	padding: 4px; border: 5px solid white; 
}
table.calendar td.calendar_day_vikend_empty, .calendar_day_vikend_empty {
	background-color: #85b1c4;
	padding: 4px; border: 5px solid white; 
}
table.calendar td.calendar_day_pracovni_empty, .calendar_day_pracovni_empty {
	background-color: #e1df68;
	padding: 4px; border: 5px solid white; 
}
table.calendar td.calendar_helpdesk, .calendar_helpdesk {
	background-color: #ffb035;
	padding: 4px; border: 5px solid white; 
}

table.calendar td.calendar_day_today, .calendar_day_today {
	background-color: #bdff77 !important;
	padding: 4px; border: 5px solid white; 
}

div.calendar_box {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
}


#calendar_container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5px;
}


.calendar_card-wrapper {
	width: 14.2%;
	display: flex;
	background: white;
}



.calendar_card {
	flex-grow: 1;
	margin: 0px;
	display: flex;
	flex-direction: column;
	overflow: hidden;     
}

/*
.calendar_card div {
}

.calendar_card div:nth-child(1) {
	white-space: nowrap;
	m 
}
*/

.calendar_card div:nth-child(2) {
	flex-grow: 2;
}

.calendar_text {
	width: 100%;
	height: 100%;
}

.calendar_title {
	height: 50px;
	width: 100%;
	background-color: #fd8e8e;
	font-weight: bold;
	padding: 4px; border: 5px solid white; 
}

.calendar_helpdesk_text {
	width: 100%;
	background-color: #ffb035;
	padding: 4px; 
}


.calendar_helpdesk_bubble {
	position: absolute;
	width: 95%;
	display: none;
	background-color: white;
	color: black;
	border: 3px solid black;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	text-transform : none;
	z-index: 100000;
}

.calendar_helpdesk_text ul {
	padding-left: 1rem;
}

div.calendar_text a {
	text-decoration: none;
}
div.calendar_text a:hover {
	text-decoration: underline;
}

div.calendar_day_number {
	float: right;
	font-size: 26px;
	margin-right: 3px;
}

span.calendar_day_title {
	font-weight: bold;
}

td.filter_special {
	background-color: #a1f0cf;
}

tr.border_separate {
	border-top: 10px solid #ffefdf;
}

td.novy {
	color: #007b19;
}
td.zajemce {
	color: #b400ef;
}
td.vek_1 {
	color: #d26300;
}
td.vek_2 {
	color: #04a3c8;
}
td.celkem {
	color: #a91b1b;
}
td.sum {
	color: red; 		
}


@media (max-width: 800px) {
    body {
        padding: 0px;
		margin: 0px;
		padding-top: 70px; /* navbar */
    }
    .container-fluid, .accordion-body, .row  {
        padding: 1px !important;
		margin: 1px !important;
		--bs-gutter-x: 0 !important;
  		--bs-gutter-y: 0 !important;
    }
	.accordion-button {
        padding: 0.8rem; /* Adjust padding for smaller screens */
    }
    .accordion-item {
        width: 100%; /* Ensure full-width on mobile */
    }


	/* Ensure consistent height and padding for accordion items */
	.accordion-button {
		transition: none; /* Prevent jump caused by transition on mobile */
		padding: 1rem; /* Ensure consistent padding */
		height: auto; /* Let height adapt naturally */
	}

	.accordion-button.collapsed {
		border: none; /* Remove border jump effect */
	}

	.accordion-item {
		margin: 0; /* Remove unnecessary spacing */
	}

	/* Handle the collapse and expand animation smoothly */
	.accordion-collapse {
		transition: none; /* Disable collapse animation causing layout jump */
		overflow: hidden;
	}


}


.pell-content {
	min-width: 300px !important; 
	width: auto; 
	min-height: 200px !important; 
	height: auto !important;
	border: 1px solid #000;
	background-color: #fff;
	padding: 8px;
}





/* #TODO odladit na vsech strankach, kde je ROW a neni COL, tak je to mimo obraz !!!!!!!!!!!!!*/

/* Default gutter size */
.XXXrow {
	margin-left: -8px;
	margin-right: -8px;
}	
  
.XXXrow > [class^="col"] {
	padding-left: 8px;
	padding-right: 8px;
}
  
/* Large screens (lg) */
@media (min-width: 1024px) {
	.XXXrow {
	  margin-left: -16px;
	  margin-right: -16px;
	}
	.XXXrow > [class^="col"] {
	  padding-left: 16px;
	  padding-right: 16px;
	}
}
  
/* Extra large screens (xlg) */
@media (min-width: 1440px) {
	.XXXrow {
	  margin-left: -34px;
	  margin-right: -34px;
	}
	.XXXrow > [class^="col"] {
	  padding-left: 34px;
	  padding-right: 34px;
	}
}

/* Extra large screens (xxlg) */
@media (min-width: 1640px) {
	.XXXrow {
		margin-left: -64px;
		margin-right: -64px;
	}
	.XXXrow > [class^="col"] {
		padding-left: 64px;
		padding-right: 64px;
	}
}


:root {
	--bs-primary: #062e57;
	--bs-blue: #062e57;
}