/* CSS Document */

html
{
	min-height: 		100vh;
}

body, textarea, input
{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 	16px;
}

#site
{
    position: 	absolute;
	top: 		0px;
	bottom: 	0px;
	left: 		0px;
	right: 		0px;
	
	font-size: 140%;
}

.info_message
{
	text-align: center;
    margin-top: 40px;
	font-size: 	100%;
}

.hide
{
	display: 				none !important;
}

#Datenschutz_confirm
{
	position: 			absolute;
	top: 				0px;
	left: 				0px;
	right: 				0px;
	bottom: 			0px;
	overflow: 			auto;
	padding: 			40px;
	padding-top: 		90px;
	background: 		rgba(255,252,252,0.79);
}
#Datenschutz_confirm .datenschutz_container
{
	padding: 			10px;
	box-shadow: 		2px 2px 5px #000000;
	background-color: 	#d3eddc;
}

#Datenschutz_confirm:empty
{
	display: 			none;
}
.head
{
	position: relative;	
	margin-left: 	30px;
}

.head, #main_menue_container
{
	margin-right: 	30px;
}

.head, #main_menue_container, #main_container
{
	margin-top: 	30px;
	user-select: 	none;
}

.head .logo img, .head .name
{
	height: 50px;
}
.head .logo, .head .titel, .head .name
{
	position: 				relative;
	display: 				inline-block;
	color: 					rgba(0,0,0,0.60);
	vertical-align: 		top;
	
}
.head .name
{
	padding-left: 		5px;
	border-left: 		rgba(0,0,0,0.34) 1px solid;
	font-size: 			110%;
}
.head .titel
{
	position: 			absolute;
	right: 				0px;
	font-size: 			110%;
}
.head .line hr
{
	height: 			1px;
	background-color: 	rgba(0,0,0,0.34);
	border: 			0px;
}
#did_main
{
	margin-top: 		5px;
	margin-bottom: 		0px;
	margin-left: 		30px;
	margin-right: 		30px;
}
@media print
{
	#did_main.printing
	{
		left: 				1px;
		right: 				1px;
	}	
}
div#nav_legal_infos
{
	position: 			absolute;
	right: 				10px;
	top: 				10px;
	font-size: 			55%;
	color: 				rgba(0,0,0,0.84);
	text-transform: 	uppercase;
	user-select: 		none;
}
div#nav_legal_infos div
{	
	position: 			relative;
	display: 			inline-block;
}
div#nav_legal_infos div:hover
{
	cursor: 			pointer;
	text-decoration: 	underline;
}
div#nav_legal_infos > div:not(:first-child)
{
	margin-left: 		5px;
	padding-left: 		5px;
	border-left: 		rgba(0,0,0,0.34) 1px solid;
}

.password_reset_dialog
{
	width: 				350px;
	background-color: 	rgba(0,0,0,0.23);
	
	background-color: 	#a3c4ae;
	
	position: 			relative;
	padding: 			10px;
	margin-top: 		10px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			rgba(0,0,0,0.74) 1px solid;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: 	border-box;    /* Firefox, other Gecko */
	box-sizing: 		border-box;         /* Opera/IE 8+ */	
	
	
}

.loginform [link_action][cl_func="pwrdlg"]
{
	font-size: 			90%;
	font-style: 		italic;
}

[link_action]:hover
{
	text-decoration: 	underline;
	color: 				rgba(9,0,55,1.00);
	cursor: 			pointer;
}

.loginform
{
	width: 				350px;
	background-color: 	rgba(0,0,0,0.23);
	
	background-color: 	#a3c4ae;
	
	position: 			relative;
	padding: 			10px;
	border: 			rgba(0,0,0,0.74) 1px solid;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: 	border-box;    /* Firefox, other Gecko */
	box-sizing: 		border-box;         /* Opera/IE 8+ */	
	
	
}
.loginform .logo, .loginform .logintext
{
	display: 			inline-block; 
}
.loginform .logo
{
	width: 				20%;
}
.loginform .logintext
{
	width: 				40%; 
	padding-left: 		20px;
	padding-right: 		20px;
}
.loginform .logintext > div:nth-child(1)
{
	font-size: 			160%;
}
.loginform .logintext > div:nth-child(2)
{
	font-size: 			100%; 
	word-break: 		normal;
}
.loginform .label
{
	font-size: 			100%;
}
.loginform input
{
	width: 				100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}
.loginform .submit_container
{
	margin-top: 		10px;
	position: 			relative;
	text-align: 		center;
	
}
.loginform .login_error
{
	margin-bottom: 		10px;
    padding: 			10px;
    text-align: 		center;
    font-size: 			90%;
    background: 		rgba(255,255,255,0.77);
    color: 				#ff0000;
}
.loginform .login_error:empty
{
	display: 			none;
}


.changepassword_dialog, .loginform 
{
  	top: 				120px;
	left: 				50%;
  	-ms-transform: 		translateY(-30%) translateX(-50%);;
  	transform: 			translateY(-30%) translateX(-50%);;	
}

.changepassword_dialog
{
	width: 				400px;
	background-color: 	rgba(0,0,0,0.23);
	position: 			relative;
	padding: 			10px;
	border: 			rgba(0,0,0,0.74) 1px solid;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: 	border-box;    /* Firefox, other Gecko */
	box-sizing: 		border-box; 	
}

.changepassword_dialog .chgpswd_table
{
	display: 			table;
}
.changepassword_dialog .chgpswd_table > div
{
	display: 			table-row;
}
.changepassword_dialog .chgpswd_table > div > div
{
	display: 			table-cell;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: 	border-box;    /* Firefox, other Gecko */
	box-sizing: 		border-box; 	
}
.changepassword_dialog .chgpswd_table > div > div:first-child
{
	padding-right: 		10px;
}
.changepassword_dialog .chgpswd_table input[type="password"]
{
	width: 				100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: 	border-box;    /* Firefox, other Gecko */
	box-sizing: 		border-box; 
}
.changepassword_dialog .submit_container
{
	margin-top: 		10px;
	position: 			relative;
	text-align: 		center;
	
}
.changepassword_dialog .error_msg
{
	margin-bottom: 		10px;
    padding: 			10px;
    text-align: 		center;
    font-size: 			90%;
    background: 		rgba(255,255,255,0.77);
    color: 				#ff0000;
}
.changepassword_dialog .error_msg:empty
{
	display: 			none;
}

#main_container
{
	position: 			absolute;
	top: 				65px;
	bottom: 			0px;
	left: 				0px;
	right: 				0px;
	overflow: 			hidden;
}
#nav_burger
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */		
	position: absolute;

	right: 				0px;
	padding: 			15px;
	padding-top: 		5px;
	padding-bottom: 	5px;
	font-size: 			95%;
	color: 				rgba(0,0,0,0.79);
	
	border-top: 		rgba(0,0,0,0) 1px solid;
	border-left: 		rgba(0,0,0,0) 1px solid;
	border-right: 		rgba(0,0,0,0) 1px solid;
	height: 			35px;
	top: 				-35px;
}
#nav_burger:hover
{
	cursor: 			pointer;
	border-top: 		rgba(0,0,0,0.32) 1px solid;
	border-left: 		rgba(0,0,0,0.32) 1px solid;
	border-right: 		rgba(0,0,0,0.32) 1px solid;
	
}

#main_menue_container
{
	position: 			fixed;
	right: 				0px;
	top: 				69px;
}
#main_menue_container #main_menue, #nav_burger[data-active]
{
	background: rgba(208,208,208,1.00);
}
#nav_burger[data-selected]
{
	background: rgba(0,0,0,0.2);
}
#main_menue_container #main_menue
{
	display: 			none;
}
#main_menue_container #main_menue .menue_item
{
	padding: 			20px;
	text-align: 		center;
	padding-left: 		60px;
	padding-right: 		60px;
	min-width: 			200px;
}
#main_menue_container #main_menue .menue_item:hover
{
	cursor: 			pointer;
	background-color: 	rgba(0,29,255,0.13);
}
#main_menue_container #main_menue .menue_item:active, #main_menue_container #main_menue .menue_item.clicked
{
	background-color: 	rgba(58,255,0,0.13);
}

.data_table_container
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: 	border-box;    /* Firefox, other Gecko */
	box-sizing: 		border-box;         /* Opera/IE 8+ */	
	
	display: 			block;
	position: 			absolute;
	top: 				10px;
	left: 				0px;
	right: 				0px;
	bottom: 			0px;
	overflow: 			hidden;

	display: 				grid;
	grid-template-rows: 	auto 1fr;

	margin-top: 			5px;
	margin-left: 			30px;
	margin-right: 			30px;
	margin-bottom: 			10px;
}
.data_table_container > div:nth-child(2)
{
	position: 			relative;
	overflow: 			auto;
}
.data_table_container .data_table_content
{
	overflow: 			none;
}
.data_table_container .data_table_content tbody 
{
    overflow-y: 		auto;
    overflow-x: 		hidden;
}


textarea#d_messages_Inhalt
{
	height: 			200px;
}

.kopf .option_bar [data-cfunc="edit"]:not([data-cname="messages"]), .kopf .option_bar [data-cfunc="del"]
{
	display: 			none;
}

form[cl_name="messages"][item_id="-1"] .EditForm_PrintButton
{
	display: 			none;
}

form[cl_name="messages"][item_id="-1"] .geplante_proben,
.ProbenversandBulkMessageForm .geplante_proben
{
	font-size: 			80%; 
}

.ProbenversandBulkMessageForm .geplante_proben
{
	margin-left: 		27px;
}

.data_table_container form input[type="submit"], .data_table_container form .btn_print_datatable 
{
    font-family: 		'icomoon' !important;
    padding-top: 		0px;
    vertical-align: 	bottom;
    font-size: 			20px;
    color: 				black;
    border: 			0px transparent solid !important;
    background: 		transparent;
    transition: 		border 0.5s, color 0.5s, transform 0.5s;
    transform-origin: 	16px 10px;
}
.data_table_container form input[type="submit"]
{
	outline: 			none;
}

.data_table_container form input[type="submit"]:hover, 
.data_table_container form .btn_print_datatable:hover, 
.data_table_container form .btn_export_csv_datatable:hover
{
	color: 				#3E84FF;
	cursor: 			pointer;
}

.data_table_container form input[type="submit"]:hover
{
	transform: 			rotate(-180deg);	
}

.data_table_container form .btn_print_datatable,
.data_table_container form .btn_export_csv_datatable
{
	/* position: 			absolute; */
	float: 				right;
	margin-left: 		10px;
	text-outline: 		3px;
	right: 				5px;
}

.data_table_container form .btn_export_csv_datatable
{
	margin-top: 		2px;
}

#did_dialogbox:empty
{
    display: none;
}
#did_dialogbox
{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    padding: 40px;
    padding-top: 90px;
    background: rgba(255,252,252,0.79);
}

#did_dialogbox > div
{
	width: 				100%;
	max-width: 			400px;
	background-color: 	rgba(255,252,252,1);
	border: 			rgba(0,0,0,0.78) 1px solid;
	box-shadow: 		2px 2px 5px rgba(0,0,0,0.78);
	padding: 			10px;
	position: 			absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	
    max-height: 		90vh;
    overflow: 			auto;
}


#did_pagebox:empty
{
    display: none;
}
#did_pagebox
{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    padding: 40px;
    padding-top: 90px;
    background: rgba(255,252,252,0.79);
}

#did_pagebox > div
{
	background-color: 	rgba(255,252,252,1);
	border: 			rgba(0,0,0,0.78) 1px solid;
	box-shadow: 		2px 2px 5px rgba(0,0,0,0.78);
	padding: 			10px;
	position: 			absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	
    height: 			90vh;
	width: 				90vw;
    overflow: 			auto;
}

#did_pagebox .dialog_close_btn
{
	position: 			sticky;
	top: 				0px;
	width: 				100%;
	user-select: 		none;
}
#did_pagebox .dialog_close_btn > div
{
	position: 			absolute;
	right: 				0px;
	padding: 			5px;
	color: 				#119911;
	background: 		#CDCFFF;
	
    margin-right: 		-10px;
    margin-top: 		-10px;
}
#did_pagebox .dialog_close_btn > div:hover
{
	cursor: 			pointer;
	background: 		#C1FFCE;
}

#main_container
{
	font-size: 			70%;
}

.untersuchung_ergebnis_row .e_cell.status
{
	display: 			none 	!important;
}

.edit_buttons .option_bar .icon-envelope2, .icon-envelope2.preview_example
{
	color: 				rgba(255,254,80,1.00) !important;
	text-shadow: 		0px 0px 2px #000000;
}

.data_table.data_table_tier .zeile .grid_container .grid_section .grid_column .TierName 
{
	font-size: 				160% !important;
	line-height: 			0.9 !important;
}

.flex_break 
{
  flex-basis: 				100%;
  height: 					0;
}
	
.untersuchungauswertung .TierInfo
{
	grid-template-rows: 	auto;
}

.untersuchungauswertung .TierInfo > div:first-child
{
	grid-column: 			span 3;
	border-left: 			1px solid rgba(0,0,0,0.47);
	border-top: 			1px solid rgba(0,0,0,0.47);
}	

.tools [cl_func="tlist_u"] .mail_erklaerung_text, .tools [cl_func="tlist_n"] .mail_erklaerung_text
{
	display: 				none;
}

	
.untersuchung_result_grid > div:nth-child(15)
{
	border-right: 0px !important;
}

.portal_login_site
{
	position:				absolute;
	top:					0px;
	left:					0px;
	right:					0px;
	bottom:					0px;
	height:					auto;
	width:					auto;
	overflow-y:				auto;
}

.bubble 
{
    position: 			relative;
    background: 		#f9ffc2;
    color: 			  	#000000;
    font-family: 		Arial;
    font-size: 			14px;
    filter: 			drop-shadow(2px 2px 4px #000000);
    text-align: 		center;
    width: 				auto;
    height: 			auto;
	vertical-align:  	middle;
	padding: 			10px;
	min-height: 		10px;
	min-width:  		70px;
    border-radius: 		10px;
	user-select:  		none;
}
.bubble:after 
{
    content: 			'';
    position: 			absolute;
    display: 			block;
    width: 				0;
    z-index: 			1;
    border-style: 		solid;
    border-color: 		#f9ffc2 transparent;
    border-width: 		15px 8px 0;
    bottom: 			-15px;
    left: 				50%;
    margin-left: 		-8px;
}

.ui-datepicker-trigger
{
	display: 			none;
}
tr.form_item_probenversand_geplant
{
	display: 			none;
}
form[cl_name="messages"][cl_func="edit_2"][data-show_probenversand_datum_geplant] tr.form_item_probenversand_geplant
{
	display: 			table-row;
}

.ProbenversandBulkMessageForm .geplanter_probenversand
{
	padding-top: 			5px;
	display: 				grid;
	grid-template-columns: 	auto 1fr;
}

.ProbenversandBulkMessageForm .geplanter_probenversand > div:first-child
{
	font-weight: 		bold;
	padding-right: 		10px;
}

.ProbenversandBulkMessageForm .geplanter_probenversand > div:nth-child(2) [datepicker]
{
	width: 				150px;
}

@media print 
{
	body
	{
		font-size: 			46px !important;
	}
	#main_container
	{
		font-size: 			100%;
	}
	.printing.print_container { /* margin-top: 190px; */ }
	.data_table_tier .zeile .kopf .tier_typ_icon img 
	{
		width: 				70px !important;
		height: 			70px !important;
		margin-left: 		20px;
	}
}

@media (min-width: 0px) and (max-width: 500px)
{
	.data_table_tier .TierInfo .stand_untersuchungen .untersuchung_icon
	{
		display: 			inline-block !important;
	}	
	.data_table_tier .TierInfo .stand_untersuchungen .untersuchung_text
	{
		display: 			none;
	}	
}
@media (min-width: 0px) and (max-width: 400px)
{
	.subtext
	{
		font-size: 			90%;
	}	
	#did_dialogbox > div
	{
		left: 				10px;
		right: 				10px;
		width: 				auto;

		-webkit-transform: translate(-0%, -50%);
		transform: translate(-0%, -50%);
	}
}
@media (min-width: 0px) and (max-width: 499px)
{
	.data_table_tier .grid_column .besitzer_info
	{
		font-size: 			70%;
	}	
	.next_untersuchung .naechtste_untersuchung_l_2
	{
		display: 				inline-block !important;
	}	
	.next_untersuchung .naechtste_untersuchung_l_1
	{
		display: 				none;
	}
}

@media (min-width: 500px) and (max-width: 600px)
{
	.data_table_tier .grid_column .besitzer_info
	{
		font-size: 			90%;
	}	
}

@media (min-width: 0px) and (max-width: 600px)
{
	.data_table_tier .TierInfo .stand_untersuchungen
	{
		font-size: 			70%;
		bottom: 			12px !important;
	}	
	.data_table_tier .grid_column .besitzer_info .besitzer_icon,
	.data_table_tier .grid_column .besitzer_info .ansprechpartner_icon
	
	{
		display: 			inline-block !important;
	}	
	.data_table_tier .grid_column .besitzer_info .besitzer_text,
	.data_table_tier .grid_column .besitzer_info .ansprechpartner_text	
	{
		display: 			none;
	}	
}

@media (min-width: 0px) and (max-width: 305px)
{
	.tools .mail_erklaerung_text
	{
		font-size: 			50% !important;
	}		
}

@media (min-width: 306px) and (max-width: 340px)
{
	.tools .mail_erklaerung_text
	{
		font-size: 			70% !important;
	}	
}

@media (min-width: 0px) and (max-width: 630px)
{

}

@media (min-width: 0px) and (max-width: 699px)
{
	.data_table_container
	{
		margin-left: 			10px;
		margin-right: 			10px;
		margin-bottom: 			10px;
	}
	.head
	{
		margin-left: 			0px;
	}
	.head, #main_menue_container
	{
		margin-right: 			0px;
	}
	.head, #main_menue_container, #main_container
	{
		margin-top: 			0px;
	}	
	
	.changepassword_dialog, .loginform
	{
		width: 					95%;
	}
	input
	{
		font-size: 				140%;
	}
	#did_main
	{
		left: 					15px;
		right: 					15px;
	}
	
	span.icon-print:not(.btn_print_datatable)
	{
		display: 				none;
	}
	
	.data_table_container form input[type="submit"], .data_table_container form .btn_print_datatable
	{
		font-size: 				200%;
    	transform-origin: 		22px 15px;
		user-select: 			none;
	}	
	
	.head .name:nth-child(3)
	{
		display:  				none !important;
	}
	
	.head .name:nth-child(2)
	{	
		padding-right: 			5px;
		margin-right: 			5px;
		border-right: 			rgba(0,0,0,0.34) 1px solid;
	}
		
	
	.sm.rslt_kuerzel
	{
		/*
		text-align: 			center 	!important;
		width: 					100% 	!important;
		display: 				block 	!important;
		*/
	}
	.untersuchung_ergebnis_table .sm_view
	{
		display: 				table-row !important;
	}

	.untersuchung_ergebnis_table .sm_view:not(.is_header)	.e_cell
	{
		display: 				inline-block;
	}

	.untersuchung_ergebnis_table .sm_view:not(.is_header)	.e_cell:not(:first-child)
	{
		padding-left: 			10px;
	}
	
	.untersuchung_ergebnis_table .sm_view .e_cell.sm_right
	{
		float: 					right;
	}	
	
	.untersuchung_ergebnis_table .untersuchung_ergebnis_row .sm_hide, .untersuchung_ergebnis_table .sm_view.sm_hide
	{
		display: 				none !important;
	}	
	.untersuchung_ergebnis_table .sm_view div.colspan>div>div 
	{
		width: 					75vw;
	}
	.untersuchung_ergebnis_table .untersuchung_ergebnis_row:not(:first-child)
	{
		margin-top: 			10px;
		border-top: 			rgba(0,0,0,1.00) 1px solid;
	}
	div.untersuchung_ergebnis_table > div:not(:first-child):nth-child(8n) > div.cell, div.untersuchung_ergebnis_table > div:not(:first-child):nth-child(8n+4) > div.cell
	{
		margin-top: 		10px;
		border-top: 		rgba(0,0,0,0.80) 1px dotted;
		font-weight: 		bold;
	}
	.sm_empfehlung::before
	{
		content: 			'Empfehlung: ';
	}
	.sm_naechste_untersuchung:not(:empty)::before
	{
		content: 			'nächste Untersuchung: ';
	}
	.sm_naechste_untersuchung
	{
		font-weight: 		bold;
	}
	
	
	.expandable_box .expandable_text
	{
		display: 			none !important;
	}
	
	.rslt_green, .rslt_red, .rslt_yellow, .rslt_kl 
	{
		height: 			10px !important;
		width: 				10px !important;
	}	

}

@media (min-width: 0px) and (max-width: 850px)
{	
	.data_table.data_table_tier .zeile .grid_container .grid_section .grid_column > .untersuchung_switch[data-sjahr]
	{
		border-right: 		1px solid rgba(0,0,0,0.47);
	}
	.grid_section.jahr_switch_row
	{
		border-right: 		0px !important;
		border-right: 		1px solid rgba(0,0,0,0.47);
	}
	
	.grid_section.jahr_switch_row > div > div.grid_section
	{
		margin-bottom: 		10px !important;
		border-bottom: 		1px solid rgba(0,0,0,0.47);
	}
	
	.grid_section.jahr_switch_row > div > div.grid_section:last-child
	{
		margin-bottom: 		20px !important;
	}
	
	.selected_gruppe_grid > div
	{
		width: 				50px;
		height: 			12px !important;
		display: 			inline-block;
		border: 			none !important;
		padding: 			3px 2px 2px 2px !important;
		margin: 			0px !important;
		background-color: 	rgba(203,214,255,1.00) !important;
		/* border-right: 		1px solid rgba(0,0,0,0.49) !important; */
	}
	
	.selected_gruppe_grid > div:empty 
	{ 
		display: 			none; 
	}
	
	.selected_gruppe_grid
	{
		padding: 			0px;
		margin: 			0px 0px 0px 0px;
	}
	
	.untersuchung_allgemeine_infos
	{
		height: 			auto !important;
	}
	
	.tools [cl_func="tlist"] input[type="text"]
	{
		width: 				70%;
	}
	
	.tools .mail_erklaerung_text
	{
		font-size: 			90%;
	}
	
	.data_table.data_table_tier .zeile .grid_container .grid_section:not(.jahr_switch_row):not(.no_values):not(.untersuchung_container)
	{
		grid-template-columns: 	32px 65px auto !important;
	}
	.data_table.data_table_tier .zeile .grid_container:not(.untersuchungauswertung) .grid_section:first-child:not([data-citem])
	{
		grid-template-rows: 	52px !important;
	}
	
	.untersuchung_info_datum
	{
		margin-top: 			0px !important;
	}
	.untersuchung_info_datum .status_icon
	{
		right: 				auto !important;
		left: 				65px !important;
	}
	.untersuchung_selected_gruppe_container_grid
	{
		position: 			absolute;
		display: 			block;
		top: 				0px;
		left: 				90px;
		right: 				0px;
	}
	.untersuchung_selected_gruppe_container_grid > div:first-child > div
	{
		transform: 			none !important;
		width: 				20px !important;
		position: 			relative !important;
		display: 			inline-block;
		top: 				-1px !important;
		margin-right: 		3px;
	}
	.untersuchung_selected_gruppe_container_grid .selected_gruppe_grid, 
	.untersuchung_selected_gruppe_container_grid,
	.untersuchung_selected_gruppe_container_grid > div:first-child
	{
		display: 			inline-block !important;
		border: 			none !important;
	}
	
	.untersuchung_selected_gruppe_container_grid > div:first-child
	{
		display: 			none !important;
	}
	
	.untersuchung_selected_gruppe_container_grid > div:first-child
	{
		padding: 			0px 2px 0px 2px  !important;
		margin: 			0px !important;
		border-right: 		1px solid rgba(0,0,0,0.49) !important;	
		border-left: 		1px solid rgba(0,0,0,0.49) !important;	
		top: 				-5px !important;
		height: 			18px;
	}
	.untersuchung_selected_gruppe_container_grid .selected_gruppe_grid
	{
		grid-template-columns: none	 !important;
	}	
	.data_table.data_table_tier .zeile .grid_container .grid_section .grid_column .TierName 
	{
		font-size: 				120% !important;
	}
	.data_table.data_table_tier .zeile .grid_container .grid_section .grid_column .TierStall, .data_table.data_table_tier .zeile .grid_container .grid_section .grid_column .TierGebDatum 
	{
    	font-size: 				70% !important;
	}
	.data_table.data_table_tier .zeile .grid_container .grid_section .grid_column:not(.buttoncontainer):not(.tier_typ_image_container):not(.no_pad_no_margin):not(.tt_nummer) 
	{
		padding-left: 			7px !important;
		padding-right: 			7px !important;
		padding-top: 			3px !important;
		padding-bottom: 		2px !important;
	}	
	.untersuchung_info_datum, .untersuchung_result_grid > div > div:first-child 
	{
		font-size: 				70% !important;
	}		
	/*
	.selected_gruppe_grid > div
	{
		border-right: 1px transparent solid !important;
	}	
	.selected_gruppe_grid > div:not(:nth-child(2n)) 
	{
		border-right: 1px rgba(0,0,0,0.47) solid !important;
	}
	.untersuchung_result_grid.untersuchung_result_grid > div:not(:nth-child(15n)) 
	{
		border-right: 1px transparent solid !important;
	}
	.untersuchung_result_grid.untersuchung_result_grid > div:not(:nth-child(8n)):not(:last-child)
	{
		border-right: 1px rgba(0,0,0,0.47) solid !important;
	}
	*/
	.untersuchung_result_grid > div:nth-child(n+12)
	{
		border-top: 1px rgba(0,0,0,0.47) solid !important;
	}	
	.untersuchung_result_grid > div:nth-child(11)
	{
		border-right: 0px !important;
	}		
	/*
	.untersuchung_result_grid 
	{
    	grid-template-columns: 	12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% auto  !important;
		grid-template-rows: 	50% 50%;
	}
	*/
	.untersuchung_result_grid 
	{
		min-height: 			100px;
    	/* grid-template-columns: 	10% 10% 10% 10% 10% 10% 10% 10% 10% 10% auto  !important; */
		grid-template-columns: 	9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% auto  !important;
		/* grid-template-rows: 	50% 50%; */
		grid-template-rows: 	auto auto;
	}	
	.untersuchung_result_grid .col_naechste_Untersuchung .n_unt
	{
		font-size: 				55% !important;
	}
	.untersuchung_result_grid  .col_Empfehlung
	{
		grid-column: 			span 4;
	}
	.untersuchung_result_grid  .col_Bemerkung
	{
		grid-column: 			span 5;
	}
	.grid_container .tt_nummer
	{
		font-size: 				70% !important;
	}
	.grid_column.tt_nummer
	{
		font-size: 				60% !important;
		padding: 				2px !important;
	}
	.grid_column.TierInfo .buttoncontainer
	{
		display: 				block !important;
		position: 				absolute;
		top: 					0px;
		right: 					0px;
	}	
	.data_table.data_table_tier .zeile .grid_container .grid_section .grid_column .next_untersuchung
	{
		top: 					auto !important;
		bottom: 				0px !important;
		font-size: 				70% !important;	
	}
	.untersuchung_switch 
	{
		padding-top: 			3px !important;
	}
	.data_table.data_table_tier .buttoncontainer.buttons_leftside
	{
		display: 				none !important;
	}
	.data_table.data_table_tier .zeile .grid_container .grid_section:not(.jahr_switch_row):not(.no_values):not(.untersuchung_container)
	{
    	grid-template-columns: 70px auto !important;
	}
	.data_table.data_table_tier .zeile .grid_container .grid_section.untersuchung_container
	{
		grid-template-columns: auto !important;
	}
	.untersuchung_result_grid > div > div:nth-child(2)
	{
		font-size: 				70%;
	}
	.hide_sm_view
	{
		display: 				none;
	}
	
	.untersuchungauswertung .TierInfo > div:first-child
	{
		grid-column: 			span 2;	
	}
}


@media (min-width: 0px) and (max-width: 400px)
{
	
	.untersuchung_result_grid > div:nth-child(n+8)
	{
		border-top: 1px rgba(0,0,0,0.47) solid !important;
	}	
	.untersuchung_result_grid > div:nth-child(7), .untersuchung_result_grid > div:nth-child(13)
	{
		border-right: 1px rgba(0,0,0,0.47) hidden !important;
	}
	.untersuchung_result_grid > div:nth-child(11)
	{
		border-right: 1px rgba(0,0,0,0.47) solid !important;
	}
	.untersuchung_result_grid .subtext
	{
		word-break: break-all;
	}
	
	.untersuchung_result_grid 
	{
		min-height: 			100px;
    	/* grid-template-columns: 	10% 10% 10% 10% 10% 10% 10% 10% 10% 10% auto  !important; */
		grid-template-columns: 	14.285% 14.285% 14.285% 14.285% 14.285% 14.285% auto  !important;
		/* grid-template-rows: 	50% 50%; */
		grid-template-rows: 	auto 50px auto;
	}	
	.untersuchung_result_grid .col_naechste_Untersuchung 
	{
		grid-column: 			span 2;
	}
	.untersuchung_result_grid  .col_Empfehlung
	{
		grid-column: 			span 3;
	}
	.untersuchung_result_grid  .col_Bemerkung
	{
		grid-column: 			span 4;
	}
}

@media (min-width: 0px) and (max-width: 350px)
{
	.head .logo:first-child
	{
		display: 				none;
	}
	.head .name
	{
		border-left: 			none;
	}
	.logo
	{
		display: 				none !important;
	}
	#main_menue_container #main_menue .menue_item
	{
		padding-left: 			20px;
		padding-right: 			20px;
	}
}


@media (min-width: 0px) and (max-width: 240px)
{
	.tools [cl_func="tlist"] input[type="text"]
	{		
		width: 					40%;
	}
}

@media (min-width: 241px) and (max-width: 350px)
{
	.tools [cl_func="tlist"] input[type="text"]
	{		
		width: 					60%;
	}
}

@media (min-width: 0px) and (max-width: 580px)
{
	.untersuchung_result_grid .col_naechste_Untersuchung .n_unt
	{
		font-size: 				52% !important;
		padding: 				1px !important;
	}
	.untersuchung_result_grid  .col_Empfehlung > div:nth-child(2)
	{
		font-size: 				65% !important;
		line-height: 			1;
	}
}

@media (min-width: 0px) and (max-width: 450px)
{	

	.selected_gruppe_grid > div
	{
		width: 				30px;
	}	
	form[cl_func="tlist_u"] input[type="text"], form[cl_func="tlist_n"] input[type="text"]
	{
		font-size: 			100%;
		width: 				20% !important;
	}
	form[cl_func="tlist_u"] input[type="text"][datepicker], form[cl_func="tlist_n"] input[type="text"][datepicker]
	{
		width: 				70px !important;
	}
	div#nav_legal_infos 
	{
		right: 				1px;
		top: 				1px;
		text-align: 		right;
	}	
	
	.head > div.name:nth-child(2)
	{
		font-size: 			105%;
	}
	.head .logo img, .head .name
	{
		height: 			55px;
	}
	.head .line 
	{
		position: 			absolute;
		top: 				64px;
		width: 				100%;
		height: 			2px;
	}
	.head .line hr
	{
		margin-top: 		0px;
	}
	#main_menue_container
	{
		top: 				64px;
	}

	div#nav_legal_infos > div, div#nav_legal_infos > div:not(:first-child)	
	{
		margin: 			0px;
		padding: 			0px;
		border: 			0px #000000 solid;
		display: 			block;
	}		
}
@media (min-width: 0px) and (max-width: 300px)
{	

	.selected_gruppe_grid > div
	{
		width: 				20px;
	}
}

[cl_func="tlist_u"] img.ui-datepicker-trigger, [cl_func="tlist_n"] img.ui-datepicker-trigger
{
	display: 				none;
}

#ui-datepicker-div
{
	background-color: 		#F5F5F5;
	box-shadow: 			1px 1px 1px #000000;
	padding: 				5px;
}
#ui-datepicker-div .ui-widget-header, #ui-datepicker-div td[data-handler="selectDay"] a
{
	background-color: 		rgba(4,120,73,0.49);
	color: 					#000000;
}
#ui-datepicker-div td[data-handler="selectDay"] a:hover
{
	background-color: 		rgba(120,3,3,0.49);
	color: 					#ffffff;
}
#ui-datepicker-div td[data-handler="selectDay"].ui-datepicker-today a
{
	background-color: 		rgba(4,120,73,0.7);
}
#ui-datepicker-div td[data-handler="selectDay"] a.ui-state-active
{
	background-color: 		rgba(8,3,120,0.50);
	color: 					#ffffff;
}
#ui-datepicker-div thead
{
	color: 					#000000;
}

@media print 
{
	.data_table_content.compact .untersuchung_result_grid 
	{
		min-height: 			100px;
    	/* grid-template-columns: 	10% 10% 10% 10% 10% 10% 10% 10% 10% 10% auto  !important; */
		grid-template-columns: 	6.2% 6.2% 6.2% 6.2% 6.2% 6.2% 6.2% 6.2% 6.2% 6.2% 6.2% 6.2% 6.2% 10% auto   !important;
		/* grid-template-rows: 	50% 50%; */
		grid-template-rows: 	auto;
	}	
	.data_table_content.compact .untersuchung_result_grid .col_naechste_Untersuchung 
	{
		grid-column: 			span 1;
	}
	.data_table_content.compact .untersuchung_result_grid  .col_Empfehlung
	{
		grid-column: 			span 1;
	}
	.data_table_content.compact .untersuchung_result_grid  .col_Bemerkung
	{
		grid-column: 			span 1;
	}
	.data_table_content.compact .untersuchung_result_grid > div > div:nth-child(2) > div:not(:first-child)
	{
		display: 				inline-block;
		margin-right: 			5px;
	}
	.data_table_content.compact .data_table_tier .zeile, 
	.data_table_content.compact .data_table_tier .zeile:not(:first-child)
	{
		padding: 				0px;
	}
	.data_table_content.compact .untersuchung_result_grid > div > div:nth-child(2)
	{
		font-size: 				40%;
	}
	.data_table_content.compact .untersuchung_result_grid > div > div:nth-child(2) .subtext
	{
		font-size: 				180%;
	}
	.data_table_content.compact .untersuchung_result_grid > div:nth-child(11)
	{
		border-right: 			1px rgba(0,0,0,0.47) solid !important;
	}
	.data_table_content.compact .untersuchung_result_grid > div:nth-child(n+12)
	{
		border-top: 			0px transparent !important;
	}
	.data_table_content.compact .untersuchung_result_grid
	{
		height: 				inherit !important;
		min-height: 			inherit !important;
	}
}