/* unibase.css - basic unibase style sheet
**
** Copyright 2011 - Zenucom Pty Ltd
*/

.clear {
	clear: both;
	}

.ub_hidden {
	visibility: hidden;
	}

.inline {
	display: inline;
	}

.inline-block {
	display: inline-block;
	}

.inline-table, .inline table {
	display: inline-table;
	}

.wait {
	cursor: wait;
	}

body {
	height: 100vh;
	width: 100vw;
	}

body > * {
	vertical-align: top;
	}

/* html4 compatibility */

section, article, aside, footer, header, nav, hgroup {
	display:block;
	}

/* standard zenucom styling */

article.body {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0px;
	justify-content: flex-start;
	margin: 0px;
	padding: 0px;
	}

article.cols-2 {
	display: grid;
	grid-template-columns: min-content auto;
	grid-auto-rows: auto;
	height: calc(100vh - 1em - 1px);
	row-gap: 0;
	}

article.cols-2 > div.col-1 {
	grid-column: 1 / 2;
	margin: 0px;
	vertical-align: top;
	}

article.cols-2 > div.col-2 {
	grid-column: 2 / 2;
	}

article.cols-2 > div.col-2 > iframe {
	height: 100%;
	width: 100%;
	}

article.cols-3 {
	display: grid;
	grid-template-columns: min-content min-content auto;
	margin: 0px;
	padding: 0px;
	}

article.cols-3 > div.col-1 {
	grid-column: 1 / 3;
	height: calc(100% - 1em - 10px);
	margin: 0px;
	vertical-align: top;
	}

article.cols-3 > div.col-2 {
	grid-column: 2 / 3;
	height: calc(100% - 1em - 10px);
	margin: 0px;
	vertical-align: top;
	}

article.cols-3 > div.col-3 {
	margin: 0px;
	grid-column: 3 / 3;
	height: calc(100% - 1em - 10px);
	width: calc(100% - 1em - 10px);
	}

article.cols-3 > div.col-3 > iframe {
	height: calc(100% - 1em - 10px);
	margin: 0px;
	width: calc(100% - 1em - 10px);
	}

article.rows-2 {
	display: grid;
	grid-template-rows: auto 1fr;
	margin: 0px;
	position: relative;
	height: 100vh;
	width: 100vw;
/*
	height: calc(100vh - 2px);
	width: calc(100vw - 2px);
*/
	}

article.rows-2 > div.row-1 {
	grid-row: 1 / 2;
	margin: 0px;
	vertical-align: top;
	}

article.rows-2 > div.row-2 {
	grid-row: 2 / 2;
	margin: 0px;
	}

article.rows-2 > div.row-2 > iframe {
	height: 100%;
	margin: 0px;
	width: 100%;
	}

article.fill > * {
	flex-grow: 1;
	}

button {
	border-radius: 0.5em;
	box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	color:rgba(0,0,0,0.9);
	border:1px solid rgba(0,0,0,0.5);
	background:linear-gradient(to top,rgba(255,255,255,1),rgba(185,185,185,1));
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 2px;
	min-width: 5em;
	padding: 0.1em;
	}

button:hover {
	background:rgba(240,240,240,1);
	}

button:active, button:focus {
	background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(185,185,185,1));
	}

button:disabled {
	color:rgba(0,0,0,0.4);
	background:rgba(220,220,220,1);
	}

data {
	display: none;
	}

dialog {
	border: 1px solid grey;
	position: absolute;
	top: 50%;
	left 50%;
	transform: translate(0%, -50%);

	form > menu {
		display: flex;
		justify-content: center;

		> button {
			margin: 0.5em 0 1em 1em;
			}
		}
	}

#dialog-box {
	display: inline-block !important;
	}

div[name=body] thead,
div[name=thead] thead,
div[name=tfoot] thead {
	visibility: none;
	}

img.icon {
	display: inline-block;
	height: 16px;
	vertical-align: middle;
	width: 16px;
	}
img.iconMedium {
	display: inline-block;
	height: 24px;
	vertical-align: middle;
	width: 24px;
	}

ubDialog {
	background-color: transparent;
	color: black;
	display: none;
	padding: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 255;
	height: 100%;
	width: 100%;
	}

ub-search {
	display: inline-block;
	padding: 0px;

	> img {
		display: inline flow-root;
		height: 16px;
		width: 16px;
		position: relative;
		left: 18px;
		top: 50%;
		transform: translate(0, -50%);
		z-index: 10;
		}

	> input {
		left: 0px;
		padding-left: 24px;
		position: relative;
		top: 0px;
		}
	}

unibase {
	display: none;
	}

#printReport {
	display: none;
	}

.ck-editor__editable {
	resize: both;
	}