main {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}

/*!
 * Menu page styles
 */
div.mpage {
	flex-grow: 1;
}

div.nompage {
	flex-grow: 1;
	display: flex;
	align-items: center;
	flex-direction: column;
	margin: 1rem 1rem 1rem 1rem;
}

div.nompage div.content {
	justify-content: center;
}

div.content {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

@media screen and (max-width: 700px) {
	div.content {
		flex-direction: column;
	}
}

div.subcontent {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

/*!
 * Input fields container
 */
div.inpcontainer {
	display: flex;
	flex-direction: row;
}

@media screen and (max-width: 700px) {
	div.inpcontainer {
		flex-wrap: wrap;
	}
}

/*!
 * Input fields
 */
div.inpfields {
	display: flex;
	flex-direction: column;
	padding-bottom: 4px;
	margin-left: 5px;
	margin-top: 5px;
	max-width: 600px;
}

div.inpfields div.inphead {
	font-weight: bold;
	font-size: 120%;
}

div.inpfields table {
	width: 100%;
}

div.inpfields table tr {
	vertical-align: center;
}

div.inpfields table th {
	min-width: 180px;
	text-align: left;
	background-color: #E6E7E8;
	color: #000000;
	border-radius: 3px;
	padding: 5px 0px 5px 5px;
}

@media screen and (max-width: 700px) {
	div.inpfields table th {
		min-width: 0;
	}
}

div.inpfields table tr td input, div.inpfields table tr td select, div.inpfields table tr td textarea {
	min-width: 130px;
	width: 100%;
	font-weight: normal;	
}

div.inpfields table tr td div.mlist {
	background-color: #A7C2CD;
	cursor: pointer;
}

div.inpfields table tr td input.flddef {
}

div.inpfields table tr td input.fldinv {
	background-color: #EE1D24;
}

div.inpfields table tr td textarea.fldinv {
	background-color: #EE1D24;
}

div.inpfields table tr td img {
	min-width: 200px;
}

div.inpfields div.inpsub {
	text-align: right;
	padding: 0 0.2rem 0 0;
}

div.inpfields div.inpsub input {
	font-weight: bold;
	padding: 5px 8px 5px 8px;
	border: 1px solid #6D9040;
	border-radius: 4px;
}

div.inpfields div.inpsub button.inpadd {
	background-color: #2E8B57;
}

div.inpfields div.inpsub button.inpmore {
	background-color: #73739F;
}

div.inpfields div.inpsub button.inpedit {
	background-color: #2E8B57;
}

div.inpfields div.inpsub button.inpdel {
	background-color: #C4100F;
}


/*!
 * Aligned info fields
 */
div.alifields {
	width: 550px;
	padding-bottom: 4px;
	margin-left: 5px;
	margin-top: 5px;
}

div.alifields div.wdesc {
	font-weight: bold;
	font-size: 120%;
}

div.alifields table {
	width: 100%;
}

div.alifields table th {
	width: 180px;
	text-align: left;
	color: #000000;
	background-color: #C9CED0;
	border-radius: 3px;
}

div.alifields div.fdesc {
	background-color: #0988B7;
}

div.alifields div.inpsub {
	text-align: right;
}

div.alifields table tr td input {
	width: 360px;
	font-weight: normal;
}

div.alifields table tr td input.fldinv {
	background-color: #ee1d24;
}

div.alifields table tr td select {
	width: 360px;
	font-weight: normal;
}

div.alifields table tr td select.fldinv {
	background-color: #ee1d24;
}

div.alifields table tr td textarea {
	width: 360px;
	font-weight: normal;
}

div.alifields table tr td textarea.fldinv {
	background-color: #ee1d24;
}


div.alifields div.inpsub input {
	font-weight: bold;
	border: 1px solid #6D9040;
	border-radius: 4px;
}

div.alifields div.inpsub button.inpadd {
	background-color: #2E8B57;
}

div.alifields div.inpsub button.inpdel {
	background-color: #C4100F;
}

div.alifields div.inpsub button.inpmore {
	background-color: #73739F;
}

div.alifields div.inpsub button.inpedit {
	background-color: #2E8B57;
}

div.alifields table tr td span.trust {
	color: #0000FF;
}

div.alifields table tr td span.notrust {
	color: #FF0000;
	font-weight: bold;
}

/*!
 * Input fields hint
 */
div.fhint {
	border: 1px solid;
	background-color: #F5F6BE;
	padding: 5px 5px 5px 5px;
}

/*!
 * Input fields comment block
 */
div.fldcomment {
	max-width: 60%;
	margin: 5px 0 1rem 1rem;
}

@media screen and (max-width: 700px) {
	div.fldcomment {
		max-width: 100%;
	}
}

div.fldcomment div.comment {
	max-width: 400px;
	font-size: 110%;
}

/*!
 * Context (hot) menu
 */
div.hotmenu {
}

div.hotmenu ul {
	font-size: 0.8rem;
	font-weight: 700;
	max-width: 250px;
	list-style: none;
	padding: 0;
	margin: 0;
}

div.hotmenu ul li {
	padding: 0.3rem 1rem 0.3rem 1rem;
	background-color: #15273B;
	border-bottom: 1px solid #FFFFFF;
}

div.hotmenu ul li:first-child {
	padding-top: 0.6rem;
	border-radius: 1rem 1rem 0 0;
}

div.hotmenu ul li:last-child {
	padding-bottom: 0.6rem;
	border-color: transparent;
	border-radius: 0 0 1rem 1rem;
}

div.hotmenu ul li:first-child:last-child {
	border-radius: 1rem 1rem 1rem 1rem;
}

div.hotmenu ul li:hover {
	background-color: #F1F2F2;
}

div.hotmenu ul li:hover a {
	color: #2E8B57;
}

div.hotmenu ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

div.hotmenu ul li a:visited {
	color: #FFFFFF;;
}

div.hotmenu ul li a:hover {
	color: #2E8B57;
	text-decoration: underline;
}

/*!
 * comment notice
 */
div.notice {
	border: 1px solid;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border-radius: 4px;
	background-color: #EFEF97;
}

div.notice a {
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

/*!
 * List fields description
 */
div.listdesc {
	margin: 16px 0px 6px 0px;
	font-weight: normal;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}

/*!
 * List fields
 */
div.listfields {
	font-size: 0.7rem;
	font-weight: bold;
	flex-grow: 1;
}

div.listfields table {
	width: 100%;
	font-weight: normal;
	font-size: 0.9rem;
}

@media screen and (max-width: 1000px) {
	div.listfields table {
		font-size: 0.7rem;
	}
}

div.listfields table caption {
	background-color: #15273B;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 2px 0px 2px;
}

div.listfields table th {
	background-color: #15273B;
	color: #FFFFFF;
	font-weight: bold;
	cursor: move;
}

div.listfields table tr.odd {
	background-color: #F1F2F2;
}

div.listfields table tr.even {
	background-color: #e6e7e8;
}

div.listfields table tr:hover {
	background-color: #15273B;
	color: #FFFFFF;
}

div.listfields table tr:hover td a {
	color: #FFFFFF;
}

div.listfields table tr td {
	word-wrap: anywhere;
}

div.listfields table tr td a {
	text-decoration: none;
	color: #000000;
}

div.listfields table tr td a:hover {
	text-decoration: underline;
	cursor: pointer;
	color: #FFFFFF;
}

div.listfields table tr td img {
	border: 0;
}

div.listfields table tr td li:empty {
	display: none;
}

div.listfields table tr td.cbox {
	text-align: center;
}

div.listfields div.listsub {
	text-align: right;
}

div.listfields div.listsub input {
	font-weight: bold;
	padding: 5px 8px 5px 8px;
	border: 1px solid #6D9040;
	border-radius: 4px;
}

/*!
 * Dragable table column
 */
div.listfields table.cdrag {
	max-width: 400px;
	border: 1px solid #6D9040;
	background-color: #FFFFFF;
	cursor: move;
}

div.listfields table.cdrag tr:nth-child(odd) {
	background-color: #F1F2F2;
}

div.listfields table.cdrag tr:nth-child(even) {
	background-color: #e6e7e8;
}

div.listfields div.lfconfbox {
	display: none;
	position: absolute;
	border: 1px solid #A7B6BD;
	background-color: #F1F2F2;
	color: #000000;
	max-width: 400px;
	text-align: right;
	padding: 0.3rem 0.3rem 0.3rem 0.3rem;
}

div.listfields div.lfconfbox table {
	text-align: left;
	cursor: pointer;
}

div.listfields div.lfconfbox table tr:hover {
	background-color: #A7B6BD;
}

div.listfields div.lfconfbox button {
	background-color: #A7B6BD;
	margin: 0.1rem 0 0.5rem 0;
}

/*!
 * List fields header
 */
div.listfields div.lhead {
	background-color: #2E8B57;
	margin: 1px 2px 1px 0px;
	padding: 2px 0 2px 0;
	color: #FFFFFF;
}

/*!
 * List configuration handler
 */
div.listfields div.lhead div.lfconf {
	display: inline;
	background-image: url('../../images/default/headconf.png');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px 18px 0px 0px;
	cursor: pointer;
}

/*!
 * Showing items / pages
 */
div.listfields div.lhead div.lpages {
	display: inline;
}

/*
 * Pages list
 */
div.listfields div.lhead div.lpages span.ppages:before {
	content: "[";
}

div.listfields div.lhead div.lpages span.ppages:after {
	content: "]";
}

div.listfields div.lhead div.lpages span {
	font-weight: bold;
	margin: 0px 1px 0px 1px;
}

div.listfields div.lhead div.lpages span.pina a {
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}

div.listfields div.lhead div.lpages span.pact {
	font-weight: bold;
	margin: 0px 1px 0px 1px;
	font-weight: bold;
}

div.listfields div.lhead div.lpages span.pact a {
	text-decoration: none;
	color: #FFFFFF;
}

/*!
 * Show per page counts
 */
div.listfields div.lhead div.lpcounts {
	display: inline;
}

/*!
 * Pages counts
 */
div.listfields div.lhead div.lpcounts span.pcounts:before {
	content: "{";
}

div.listfields div.lhead div.lpcounts span.pcounts:after {
	content: "}";
}

div.listfields div.lhead div.lpcounts span.pcapt a {
	color: #FFFFFF;
	text-decoration: none;
}

div.listfields div.lhead div.lpcounts span.pcapt a:hover {
	text-decoration: underline;
}


div.listfields div.lhead div.lpcounts span.pcnt {
	margin: 0px 2px 0px 2px;
	font-weight: normal;
}

div.listfields div.lhead div.lpcounts span.pcnt a {
	color: #FFFFFF;
	text-decoration: none;
}

div.listfields div.lhead div.lpcounts span.pact a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

div.listfields div.lhead div.lpcounts span.pcnt a:hover {
	text-decoration: underline;
}

/*!
 * Export formats
 */
div.listfields div.lexport {
	text-align: right;
}

div.listfields div.lexport span {
	padding: 0px 5px 0px 0px;
}

div.listfields div.lexport span a {
	text-decoration: none;
	color: #EEEEEE;
}

div.listfields div.lexport span a:hover {
	text-decoration: underline;
}

/*!
 * Last head block (helper block)
 */
div.listfields div.lhead div.lend {
	height: 1px;
}

/*!
 * Filter
 */
div.lffiltertag {
	width: 18px;
	height: 16px;
	background-image: url('../../images/default/find.png');
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 1px;
	background-color: #2E8B57;
}

div.lffiltertag:hover {
	background-image: url('../../images/default/find_act.png');
}

div.lffiltertagon {
	width: 18px;
	height: 16px;
	background-image: url('../../images/default/ffind.png');
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 1px;
	background-color: #2E8B57;
	float: left;
}

div.lffiltertagon:hover {
	background-image: url('../../images/default/ffind_act.png');
}

div.lffilter {
	display: none;
	
	position: absolute;
	margin: 16px 0 0 2px;
	padding: 0.3rem 0.3rem 0.3rem 0.3rem;
	background-color: #F1F2F2;
	border: 1px solid #CCCCCC;
}

div.lffilter table {
	width: 100%;
}

div.lffilter table th {
	text-align: left;
	width: 120px;
	background-color: #A7B6BD;
}

div.lffilter table tr td input {
	width: 180px;
	font-weight: normal;
}

div.lffilter table tr td select {
	width: 180px;
	font-weight: normal;
}

div.lffilter div.filtersub {
	text-align: right;
}

div.lffilter div.filtersub button {
	margin-left: 0.2rem;
}

/*!
 * Filtered block
 */
div.filtered {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
}

/*!
 * Suggestions list
 */
div.suggestion {
	border: 1px solid #CCCCCC;
}

div.suggestion div {
	padding: 2px 15px 2px 5px;
	background-color: #9CC568;
	cursor: pointer;
}

div.suggestion div.inact {
	background-color: #9CC568;
}

div.suggestion div.act {
	background-color: #7B9F4B;
}


/*!
 * Multi select list
 */
div.msellist {
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

div.msellist table {
	background-color: #6D9040;
}