a.imgButtonSm:link,
	a.imgButtonSm:visited {
		display: block;
		width: auto;
		text-align: center;
		border: 1px solid black;
		color: black;
		text-decoration: none;
		padding: 2px;
		margin: 1px;
		background-color: white;
		height: 20px;
		float: left;
		clear: both;
	}

	a.imgButtonSm:hover {
		border: 2px solid black;
		padding: 1px;
	}

	a.imgButtonSm img {
		display: inline;
		height: 20px;
		// max-height: 20px;
	}

	

	a.imgButtonVsm:link,
	a.imgButtonVsm:visited {
		display: block;
		width: auto;
		text-align: center;
		border: 1px solid black;
		color: black;
		text-decoration: none;
		padding: 2px;
		margin: 1px;
		background-color: white;
		height: 10px;
		font-size:5pt; float: left;
		clear: both;
	}

	a.imgButtonVsm:hover {
		border: 2px solid black;
		padding: 1px;
	}

	a.imgButtonVsm img {
		display: inline;
		height: 10px;
		// max-height: 20px;
	}

	

.very_small {
	font-size: 8pt
}

.bigger {
	font-size: 14pt
}

form {
	padding: 0px !important;
	margin: 0px !important;
}

fieldset {
	padding: 2px 2px 5px 2px;
	margin: 0px;
}

fieldset#searchCritFS,
fieldset#searchWhereFS,
fieldset#searchExtFS,
fieldset#doSearchFS,
fieldset#list_logic {
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;

}


.noprint {}

.print_only {}

.menuButton {
	min-width: 120px;
	text-align: left !important;
}

@media handheld,
screen,
projection,
tv {
	.print_only {
		display: none !important
	}

	.mainbody {
		position: absolute;
		overflow: hidden;
		padding: 0px;
		width: 100%;
		height: 100%;
		margin: 0px
	}

	#browsemain {
		position: absolute;
		overflow: auto;
		bottom: 0px;
		right: 0px;
		padding: 1px 20px 0px 5px
	}
}

@media print {
	.noprint {
		display: none !important
	}

	.listtable {
		font-size: 8pt
	}

	.mainbody {
		padding: 0px;
		margin: 0px
	}

	#browsenav,
	#overlay {
		display: none
	}
}

 .blockAlignLeft {margin-left:0;margin-right:auto}
.blockAlignCenter {
	margin-left: auto;
	margin-right: auto
}

.blockAlignRight {
	margin-left: auto;
	margin-right: 0
}

table.triAlign { width:100%;padding:0px }
table.triAlign td {
	border: 0px solid black;
	width: 33%;
	padding: 0px
}

table.noborder {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

table.noborder>*>tr>td {
	border: 0px solid black;
	padding: 0px;
	margin: 0px;
	width: auto;
	border-collapse: separate
}

/* table.line_20 td { height:26px;overflow:hidden }*/

table.twoAlign { width:100% }
table.twoAlign td {
	border: 0px solid black;
	width: 50%
}

table.subitemlist { margin:1px 5px;width:100%;border-collapse:collapse }
table.subitemlist>*>tr>td {
	border: 1px solid black;
	margin: 5px;
	padding: 5px
}

table.subitemlist td.firstCol {
	border-left-width: 2px
}

table.subitemlist input,
table.subitemlist textarea {
	vertical-align: middle;
	margin: 3px;
	background-color: transparent;
	border: 0px solid black
}

table.chemlist { margin:1px 5px;width:100%;border-collapse:collapse }
table.chemlist>*>tr>td {
	border: 1px solid black;
	font-size: 8pt
}

a.buttonActive {
	border: 2px solid red !important;
	padding: 1px !important;
	background-color: white !important
}

a.imgButton:link,
a.imgButton:visited {
	border: 1px solid black;
	padding: 2px;
	margin: 2px 1px 2px 1px;
	display: block;
	height: 27px;
	line-height: 25px;
	text-align: center;
	color: black;
	background-color: white;
	font-size: 9pt
}

a.imgButton:hover {
	border: 2px solid black;
	padding: 1px;
	background-color: white
}

.list_options {
	position: absolute;
	background-color: #EDF0FF;
	border: 1px solid black
}

table.kleinauftrag {
	margin: 0
}

table.kleinauftrag td {
	border: 0.05mm solid black;
	font-size: 7pt;
	line-height: 7.5pt
}

table.kleinauftrag .normal {
	font-size: 8pt;
	line-height: 8.5pt
}

table.kleinauftrag .big {
	font-size: 13pt;
	line-height: 13.5pt
}

#expand-icon {
	display: none;
	border-radius: 4px;
	background-color: white;
	color: black;
	border: 1px solid #555555;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
#expand-icon:hover {
	background-color: #555555;
  	color: white;
}


	h1, h2, h3, h4, h5, h6 {
		font-family: 'Crimson Text', serif;
	}
	body {
		font-size: 10pt;
		padding: 4px;
		// font-family: 'Cardo', serif;
		// font-family: Verdana, Arial, Helvetica, sans-serif;
		// font-family: 'Work Sans', sans-serif;
		// font-family: 'Crimson Text', serif;
		// font-family: 'Oswald', sans-serif;
		// font-family: 'Lato', sans-serif;
		// font-weight: 300;
		// font-family: 'Lora', serif;
		// font-family: 'Montserrat', sans-serif;
		// font-family: 'Prata', serif;
		font-family: 'Quicksand', sans-serif;
	}

	// body {
	// 	font-size: 9pt;
	// 	font-family: Verdana, Arial, Helvetica, sans-serif;
	// 	padding: 4px
	// }

	@media handheld,
	screen,
	projection,
	tv {
		body {
			background-color: #EDF0FF
		}
	}

	@media print {}

	p {
		font-size: 11pt;
		margin-left: 0px;
		padding-left: 0px;
		margin-top: 8px;
		margin-right: 24px
	}

	#overlay {
		background-color: #EDF0FF;
		position: absolute;
		left: 0px;
		top: 0px;
		width: auto;
		height: auto
	}

	#perPageOverlay,
	#showColumnOverlay {
		background-color: #0e3292;
		position: absolute;
		left: 0px;
		top: 0px;
		width: auto;
		height: auto;
		max-height: 300px;
		padding: 5px;
		overflow: auto;
	}

	#perPageOverlay a,
	#showColumnOverlay a {
		text-decoration: none;
		color: white;
		// font-weight: bold;
		font-weight: normal;
	}

	#grand_total {
		width: 100%;
		text-align: right
	}

	.structureOverlay {
		position: relative;
		top: -1px;
		left: -1px;
		border: 1px solid black;
		display: block
	}

	.structureButtons {
		position: absolute;
		border: 0px solid black;
		display: block;
		width: auto;
		z-index: 3
	}

	.searchRxnTable>*>tr>td {
		vertical-align: top
	}

	.printTable {
		background-color: white;
		table-layout: fixed
	}

	.printTable td {
		vertical-align: top
	}

	/* Tabelle login */
	table.blind input {
		margin: 5px
	}

	/* tabMode!="" */
	table.formAlign {
		border-collapse: collapse
	}

	table.formAlign>*>tr>td {
		vertical-align: middle;
		padding: 5px
	}

	/* tabMode="h" Spalten Name und Wert */
	table.formAlignH>*>tr>td {
		margin: 0px;
		border: 1px solid black
	}

	td.formAlignName {}

	td.formAlignValue {
		cursor: text
	}

	/* Table in list.php // clear:left; */
	table.listtable {
		width: 100%;
		border-collapse: collapse
	}

	table.listtable>*>tr>td {
		padding: 0px 5px;
		border: 1px solid black
	}

	table.listtable>thead>tr>td {
		padding: 5px;
		border-top-width: 0px
	}

	td.literature {
		vertical-align: top
	}

	/* Table in searchExtAsync.php */
	table.exttable {
		width: 100%;
		border-collapse: collapse
	}

	table.exttable>*>tr>td {
		padding: 3px;
		border: 1px solid black
	}

	/* Trennzeile in list.php */
	td.separatorLine {
		font-weight: bold
	}

	/* Tabs */
	#tab_bar,
	#tab_bar tbody,
	#tab_bar td {
		border: 0px solid black;
		padding: 0px;
		margin: 0px
	}

	/* interner Link:margin-right:6px; */
	a.tab_light {
		background: transparent url('lib/tab_blue_right.png') no-repeat scroll top right;
		display: block;
		float: left;
		height: 18px;
		margin-right: 2px;
		margin-bottom: 2px;
		padding-right: 11px;
		text-decoration: none
	}

	a.tab_light span {
		background: transparent url('lib/tab_blue.png') no-repeat;
		display: block;
		line-height: 14px;
		padding: 3px 0px 1px 11px;
		color: black
	}

	a.tab_light:hover,
	a.tab_ext:hover {
		background: transparent url('lib/tab_blue_over_right.png') no-repeat scroll top right;
	}

	a.tab_light:hover span,
	a.tab_ext:hover span {
		background: transparent url('lib/tab_blue_over.png') no-repeat;
		color: white
	}

	/* externer Link: margin-right:6px; */
	a.tab_ext {
		background: transparent url('lib/tab_red_right.png') no-repeat scroll top right;
		display: block;
		float: left;
		height: 18px;
		margin-right: 2px;
		margin-bottom: 2px;
		padding-right: 11px;
		text-decoration: none
	}

	a.tab_ext span {
		background: transparent url('lib/tab_red.png') no-repeat;
		display: block;
		line-height: 14px;
		padding: 3px 0px 1px 11px;
		color: black
	}

	a.tab_ext:hover,
	a.tab_ext:hover {
		background: transparent url('lib/tab_red_over_right.png') no-repeat scroll top right;
	}

	a.tab_ext:hover span,
	a.tab_ext:hover span {
		background: transparent url('lib/tab_red_over.png') no-repeat;
		color: white
	}

	/* aktiver Link: margin-right:6px; */
	a.tab_selected {
		background: transparent url('lib/tab_blue_selected_right.png') no-repeat scroll top right;
		display: block;
		float: left;
		height: 20px;
		margin-right: 2px;
		padding-right: 11px;
		text-decoration: none
	}

	a.tab_selected span {
		background: transparent url('lib/tab_blue_selected.png') no-repeat;
		font-weight: bold;
		display: block;
		line-height: 14px;
		padding: 3px 0px 3px 11px;
		color: black
	}

	ul.compare_rxn {
		padding-left: 12px;
		margin: 0px
	}

	a.button_very_small {
		border: 1px solid black;
		background-color: white;
		margin: 1px;
		padding: 1px;
		display: inline-block;
	}

	a.button_very_small img {
		height: 20px;
		width: auto;
	}

	/* mal noch etwas schöner machen */
	a.button_very_small:hover {
		border: 2px solid black;
		margin: 0px
	}

	.imgButtonSm img {
		height: 20px;
		width: auto;
	}

	/* edit_reaction */
	.text_ansatzzettel {
		font-size: 18pt;
		text-align: center
	}

	.lj_code {
		font-size: 18pt
	}

	tr.block_head>td {
		vertical-align: top;
		border-bottom: 1px solid black !important;
		padding: 2px;
		margin: 0px
	}

	/* #reaction_table { position:relative }  ;left:0mm;top:15mm;width:176mm */

	.overlayMenu {
		position: absolute;
		background-color: #EDF0FF;
		border: 1px solid black;
		padding: 1px;
		overflow: auto;
		z-index: 5
	}

	#printMenu,
	#exportMenu {
		position: absolute;
		top: 38px;
		right: 16px;
		width: auto;
		background-color: #EDF0FF;
		border: 1px solid black;
		padding: 8px;
		overflow: auto;
		z-index: 5
	}

	#listOptions {
		position: absolute;
		width: auto;
		background-color: #EDF0FF;
		border: 1px solid black;
		padding: 8px;
		overflow: auto;
		z-index: 5
	}

	table.hidden td { padding:0px; margin:0px; border-collapse:collapse }
    thead {
            font-weight: bold
	}

	 .formTitle { font-size:24pt }
     .barcodeBig { font-size:18pt }
    
    label.trans {
		margin: 1px;
		padding: 1px
	}

	input.trans,
	select.trans,
	textarea.trans {
		margin: 1px;
		padding: 1px;
		background-color: transparent;
		border: 0px solid black
	}

	input.trans,
	select.trans {
		vertical-align: middle;
	}

	input.small_input,
	select.small_input,
	textarea.small_input {
		vertical-align: middle;
		margin: 3px;
		font-size: 9pt;
		padding: 0px;
		margin: 0px
	}

	#idx {
		border: 0px solid black
	}

	td.numeric {
		text-align: right
	}

	td.measured {
		font-weight: bold
	}

	img {
		vertical-align: middle
	}

	table.rxnlabel {
		border-collapse: collapse
	}

	table.rxnlabel>*>tr>td {
		border: 1px solid black;
		padding: 1px;
		font-size: 7pt
	}

	table.rxnlabel>*>tr>td.big {
		font-size: 8pt
	}

	.medium_small {
		font-size: 8pt;
		line-height: 8.5pt;
	}

	.small {
		font-size: 6pt;
		line-height: 6.5pt;
	}

	span.analytical_data_interpretation {
		display: block;
		max-width: 100%;
		max-height: 5cm;
		overflow: auto
	}

	table.diagram_table {
		table-layout: fixed;
		border-collapse: collapse
	}

	table.diagram_table td {
		border: 1px solid black;
		vertical-align: top
	}

	table.diagram {
		table-layout: fixed
	}

	td.diagram {
		padding: 0;
		margin: 0;
		font-size: 1px;
		line-height: 1px
	}

	/* HTML-Diff */
	table.diff {
		width: 100%
	}

	table.diff>*>tr>td {
		vertical-align: top;
		width: 50%
	}

	.diff em {
		background-color: lightblue;
		font-style: normal
	}

	.diff em * {
		background-color: lightblue
	}


    /* Khoi: Terminal setting for MIT */
    #message:empty {
        display: none;
    }
    /* https://www.madcapsoftware.com/blog/css-tip-creating-styled-boxes-notes-warnings-examples-tips/ */
    #message {  // Format for the message
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        background-color: #FFFFFFFF;
        background-image: url(lib/info-icon-33.png);
        background-size: 25px;
        background-position: 10px 10px;
        background-repeat: no-repeat;
        border: solid 1px #3498db;
        border-radius: 6px;
        line-height: 18px;
        overflow: hidden;
        padding: 15px 60px;
        font-size: 16pt;
        font-weight: bold;
    }