/******************************
* Public side CSS
*
* (c) Areanet Pty. Ltd. All Rights Reserved. ABN:84 114 634 561
*/

/* font embedding */
/* !!!  this can cause a 404 on admin if the path is not given - seems it's included via tinymce */
@import url('/templates/user/style/font.css');


/* General
/* basic reset */
* {padding:0; margin:0;outline: none;}

/* common definitions */
/*	clear float
	use instead of div-clear or br-clear */
.cf:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .cf{display:inline-block} html[xmlns] .cf{display:block} * html .cf{height:1%}

.left, .fl { float:left;}
.right, .fr { float:right;}
.clear { clear:both;}
.clearleft, .cl { clear:left;}
.clearright, .cr { clear:right;}
.bold { font-weight:bold;}
.c, .center { text-align:center !important;}
.l { text-align:left !important;}
.r { text-align:right !important;}
.tc {text-align: center;}

.pointer {
	cursor:pointer;
}

/* Images */
img {border:0;}
div.brick img {
	width:100%;
	max-width:max-content;
}

/* Body */
html {
	font-size: 16px;
}
body {
	background:#f2f5f9 none no-repeat scroll center top;
	color:#333333;
	font: 1em Arial, Helvetica, sans-serif;
}
body.iFrameBody {
	background:#fff none no-repeat scroll center top;
	color:#333333;
	font: 1em Arial, Helvetica, sans-serif;
}

/* Inputs */
input, textarea, option, select {
	padding:1px;
	color:#333;
	font: 1rem Arial, sans-serif;
}
input, textarea, select {
	border: 1px solid #8a9394;
	border-radius: 3px;
	padding: 0.3125em  0.3125em .1875em;
	background-color:#fff;
	color:#333;
}
select {
	max-width: 600px;
}
select.flatpickr-monthDropdown-months {
	min-width: unset;
}
.timeDisplayInput select {
	min-width: unset;
	margin-right: .25em;
}
input[type='checkbox'], input[type='radio'] {
	-ms-transform: scale(1.3); /* IE */
	-moz-transform: scale(1.3); /* FF */
	-webkit-transform: scale(1.3); /* Safari and Chrome */
	-o-transform: scale(1.3); /* Opera */
	transform: scale(1.3);
	margin-top: .5em;
}
input[type='submit'], input[type='button'] {
	border: 1px solid #008a60;
	border-radius: 3px;
	background-color: #008a60;
	color: #fff;
	cursor: pointer;
}
/*emal check inputs*/
input.dblChkEmail:first-child {
	display: block;
	margin-bottom: .25em;
}
.box input.normal.emailFail {
	color: #fff;
	background-color: #f00;
	border-color: #f00;
}
.box input.normal.emailOk {
	color: #fff;
	background-color: #009d02;
	border-color: #009d02;
}
input.dblChkEmail.emailFail::placeholder {
	color: #fff;
}

/* container for checkbox with image (traffic light or tick) */
.checkboxPlus {
	white-space: pre;
}
.checkboxPlus svg {
	margin-left: 0.1875em;
}

/* Paragraphs */
p { margin:7px 0;}
address {font-style:italic;line-height:16px;margin:5px 0}
pre {margin:1ex 0; font:normal 1.25em/1.25em monospace}

.flexContainer { display: flex; }
.flexContainer.wrap { flex-wrap: wrap; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:7px;
	padding-top:15px;
}

h1, h1 a {font-size:2em; text-transform:uppercase; color:#333; letter-spacing:1px; border-bottom: 2px solid #333;}
h2, h2 a {font:normal 1.5em Arial, Helvetica, sans-serif; text-transform:uppercase;}
h3, h3 a {font-size:1.25em; text-transform:uppercase; line-height:26px;}
h4, h4 a {font-size:.928em; font-weight:bold; line-height:20px;}
h5, h5 a {font-size:.714em;font-weight:bold;}
h6, h6 a {font-size:.714em;font-weight:bold;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}

/* hide the H1 tag from the home page, but still output it to HTML */
h1.home-page {}
/* divider h4 */
h4.dividerTitle, h4.dividerTitle a {
	border-bottom: 1px solid #333;
	padding-bottom: unset;
	font-size: 1em;
	margin: 0 1em .5em;
}
.dividerHelp {
	margin: 0 1em .5em;
	display: flex;
}
.dividerHelpIcon {
	padding: 1em 0 0 0;
}


/* General links - everywhere */
a {color:#333; text-decoration:none;}
a:hover {color:#6D7988; text-decoration:underline;}

/* dashed underline used at truncateAt string parameter */
.dashedUnderline { text-decoration: underline dashed !important; }

/* Alignment */
.txtcenter {text-align:center !important;}
.txtright {text-align:right !important;}
.txtleft {text-align:left !important;}
.floatleft {float:left;margin-right:10px;}
.floatright {float:right;margin-left:10px;}
.clear {clear:both;height:0;}
.vertmid {vertical-align:middle !important;}

/* inputs and textareas - these need to sync with the FormElements tpls */
option { padding-right:1em;} /* this hax firefox into making the select wide enough for the widest element to be fully visible */
select.multiselect {height:200px;}

.vshort {width:35px;}
.short  {width:100px;}
.normal {width:250px;}
.long   {width:375px;}
.vlong  {width:500px;}

.vsmalltextarea {width:170px; height:50px;}
.smalltextarea  {width:300px; height:70px;}
.mediumtextarea {width:400px; height:100px;}
.largetextarea  {width:600px; height:250px;}
.vlargetextarea {width:800px; height:400px;}

.worklog.input {border-bottom: none; border-radius: 3px 3px 0 0;}
.worklog.display {border-top: none; border-radius: 0 0 3px 3px;background-color: #e4e1dc; color: #000}

/* User feedback, errors, warnings and info highlights  */
.feedback-holder {
	margin:-30px 0 30px 0;
	z-index:100;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	max-width: calc(100% - 30px);
}
.feedback, .ajaxFeedback.feedback, .ajaxFeedback.error, .ajaxFeedback.warning {
	font-size: 1.375em;
	padding:.75em 4.2em .65em .75em;
	text-align:left;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	min-width: 500px;
	background-size: 18%;
	background-repeat: no-repeat;
	background-position: 95%;
	border:8px solid #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.6);
	box-sizing: border-box;
}
.ajaxFeedback.feedback, .ajaxFeedback.error, .ajaxFeedback.warning {
	position: fixed;
	top: 10%;
    left: 50%;
    transform: translateX(-50%);
}
.general, .actionok, .ajaxFeedback.feedback {
	color: #0f8a11;
	background-color: #fff;
	border-color: #0f8a11;
}
.error {
	color: #f00;
	background-color: #ffc6c6;
	border-color: #f00;
}
.warning {
	color: #f60;
	background-color: #ffedd5;
	border-color: #f60;
}
.yellowarning {
	color:#000;
	background-color:#ff0;
	border-color: #000;
}
.notice {
	color: #5e94ca;
	background-color: #ebf2f8;
	border-color: #0055ab;
}
.close-button {
	background: url(../images/system/btn_logout.svg) no-repeat scroll left top transparent;
	cursor: pointer;
	height: 26px;
	width: 26px;
	position: absolute;
	right: 12px;
	top: 8px;
	padding: 0;
	margin: 0;
	background-size: auto;
}

/* the main divs holding the entire design */
.centering {width:95%; margin:0 auto;}
.column-a {float:left; max-width:300px; width:16%; background-color:#fff;}
.column-b {float:right;width:220px;background-color:#E9E9E9;}

/* the banner head for the design */
.site-search {text-align:right;height:28px;padding:2px;}

/* <div.content> is the main div holding the content output */
/* <div.content> should match with the table.general definition for wysiwyg to operate */
.content {
	background-color:#fff;
	min-width:765px;
	float:right;
	width:83%;
	padding-top: 1em;
}
div.content p.bottom {margin-bottom:40px;}
div.content p {line-height:1.5em;}
div.content img {border:0;}

/* content area has padding*/
.brick.content-top {
	padding:30px;
}

/* brick specific CSS */
div.brick-very-top {float:left; display:block;}
.brick-hover:hover { background-color:#E1E1E1;}

/* Standard tables (also used for the adminform) */
div.content table { font-size:.95em;}
div.content table td, div.content table th {padding:5px;vertical-align:middle;} /* the color here is needed, conflict with .general CSS */
div.content table th  {vertical-align:top; min-width:35px;position: relative;} /* the color here is needed, conflict with .general CSS */

div.content table.main-table {width:100%;font-size:.8125em; }
.centered, .data {
	text-align:center;
}

/* <div.content> for wysiwyg to operations */
div.content .nopadding {padding:0;}
div.content .nomargin {margin:0;}
div.content .topspace {margin:10px 0 0 0;}
div.content .bottomspace {margin:0 0 10px 0;}
div.content .padded {padding:10px;}
div.content .margined {margin:10px;}

/* <div.content> lists*/
div.content ul, div.content ol {margin:10px 0 10px 30px;padding:0;}
div.content li {margin:0 0 10px 0;padding:0;text-indent:0;background-position:0;}
div.content ol li {margin:0 0 10px 0;list-style-type:decimal;list-style-position:inside;text-indent:-20px;}
div.content li ul, div.content li ol {margin:5px 0 5px 20px;}
div.content li ul li, div.content li ol li {margin:0 0 4px 0;}

/* buttons */
.cancel-button {color:#fff;background-color:#B70000;  line-height:15px; height:15px; width:15px; font-weight:bold; display:inline-block;text-align:center;font-size:11px; cursor:pointer;}
.MainContrastedButton {
	border: 1px solid #008a60;
	border-radius: 3px;
	padding: .3125em .625em .25em;
	background-color: #008a60;
	color: #fff;
	cursor: pointer;
	margin: .5em .5em 0 0;
	display: inline-block;
	font-size: 1rem;
	line-height: 1.25rem;
}
.MainContrastedButton:hover {
	text-decoration: none;
}
a.MainContrastedButton {
	color: #fff;
}

/* Admin tabs */
div#maintabbed { margin:0 40px;} /* main holder for tabbed pages */
table.tabheads { margin:0 !important;} /* needed because main content places a margin around tables */
table.tabheads td { cursor:pointer;width:80px;text-align:center !important; padding:5px !important;border-right:1px solid #FFF;}
table.tabheads td a { font-size:0.9em; line-height:1.1em;}
table.tabheads td.off { background-color:#E9E9E9;}
table.tabheads td.on { background-color:#F2F5F9;}
div.tabcontent, .subtabColumnsContainer {padding:.5em 1em 2%;position:relative;clear: both;margin-top: 2em;}
div.tabcontent.no-topmargin {
	margin:0;
	padding:5px !important;
}
div.tabcontent h3, .subtabColumnsContainer h3 {
	position:absolute;
	padding:0 15px;
	background-color:#fff;
	top:-30px;
	left:10px;
}
.subtabColumnsContainer h4 {
	font:normal 18px/20px Arial,Helvetica,sans-serif;
	margin-top:0;
		position:absolute;
		top:-12px;
		padding:0 10px;
		background-color:#fff;
}
.subtabColumnsContainer div.tabcontent {
	margin:15px 0;
}
.subtab-column {
	vertical-align:top;
	width:49%;
	position: relative;
}
.subtab-column:not(:first-child){
	margin-top: 4em;
}
.sub-tab-container {
		border:1px solid #E9E9E9;
		padding:0 5px 5px;
		position:relative;
}
.sub-tab-container h4 {
	font-size:20px;
	margin:-15px 0 25px 15px;
}
.sub-tab-container > .tabcontent {
	margin-top:20px;
}
.sub-tab-container > h3 {
		background-color:#FFFFFF;
		left:10px;
		padding:0 15px;
		position:absolute;
		top:-30px;
}
.sub-tab-label {
	overflow: hidden;
	border-bottom: 1px solid #333;
}
div.content .sub-tab-label li {
	float: left;
	list-style: none;
	margin-right: 2em;
	position: relative;
	padding-top: 1em;
	padding-bottom: .5em;
	margin-bottom: 0;
	border-bottom: 3px solid transparent;
}
div.content .sub-tab-label li.active {
	border-bottom-color: #000;
}
/*subtab row*/
table.subtabs td {
	border-right:1px solid #fff;
	cursor:pointer;
}
table.subtabs .on {
	background-color:silver;
}
table.subtabs .off {
	background-color:gray;
	border-bottom:1px solid #fff;
}
.subtabcontent {
	background-color:silver;
}
.subtabcontent p{
	margin-top:0;
}
/* Standard admin form */
table.adminform {background-color:#FFF;border-collapse:collapse;text-align:left;margin:0 auto;}
table.adminform td { height:30px;}
table.adminform td.leftcol { text-align:right !important; vertical-align:top; max-width:350px; font-style:italic; border-width:0 0 1px 1px;}
table.adminform td.helpcol { width:15px;vertical-align:text-top;}
table.adminform td.helpcolshort { width:5px;vertical-align:text-top;}
table.adminform td.rightcol {text-align:left; vertical-align:top;border-width:0 1px 1px 0;}

/* override the width setting for column-output subtabs */
table.subtabColumnsContainer td.leftcol { width:auto;}

/* Admin list  */
table.adminlist {border-collapse:collapse;text-align:left;margin:0 auto;}
table.adminlist table.listtitle {border-collapse:collapse;margin:0;}
table.adminlist table.listtitle td,
	table.adminlist table.listtitle th { font-family:"Arial narrow"; padding:0;}
table.adminlist td, table.adminlist th {padding:4px;}
table.adminlist th { border-bottom:1px solid #ABABAB; border-top:1px solid #ABABAB; background-color:#E9E9E9;}
table.adminlist th.title { text-align:left;}
table.adminlist td.leadin { width:1%;}
table.adminlist table.listtitle td.upDownLinkArr {padding-left:3px;}
table.adminlist table.listtitle td.upDownLinkArr a {margin:0;}
table.adminlist table.listtitle td.upDownLinkArr img {margin:0;display:block;}

/* the standard width to use for all admin lists, forms and pagers */
.adminwidth {width:660px;margin:0;}

/* attached media items */
div#attachedmedialist {text-align:left;overflow:auto;}
div#attachedmedialist table.mediaitems td {padding:5px; text-align:center;width:120px;}

/* formSearch */
div#formSearch {float:right;position:relative;width:500px;height:22px;}
div#formSearch td {vertical-align:top;padding:0;line-height:0px;text-align:right;}
div#formSearch .text   {width:120px; right:190px; height:20px !important;}
div#formSearch .select {width:100px; right:85px;  height:22px !important;}
div#formSearch .button {width:80px;  right:0;     height:24px !important;}
div#formSearch .text,
	div#formSearch .select,
	div#formSearch .button {
		position:absolute;
		top:2px;
		margin:0 !important;
	}

/* template name output */
div.smartytemplate { padding-left:3px;z-index:1;margin:1px;float:left;color:#FFF;background-color:#009900;font-size:0.8em !important;text-align:left;}

/* extra functions */
.extra-functions { padding:5px 5px 5px 0; margin:0 20px 0 250px;}

/* content archives */
div.archive {text-align:left; margin:0 0 20px 0;line-height:1.5em;}
div.archive .year { margin-top:5px;padding-left:5px;}
div.archive .month { margin-left:20px;}
div.selectedarchive a {font-weight:bold;}

/* specific styles */
.smallgray {color:#72747e;font-size:10px;}
.smallgray a {color:#6D7988;}
.smallgray a:hover {color:#aaadbc;}
.smaller, .breadcrumb {font-size:0.85em;line-height:1.2em;margin:.5em 0;}
.monospace {font-family:monospace;}
/*.tagbutton {cursor:pointer; width:11px ;height:11px ;background-color:#FFF;font-size:11px;text-align:center;line-height:1em;text-decoration:none;}*/
.featured {background-color:#F2F5F9;border:1px solid #ABABAB;}
.mainmedia {float:left;text-align:center;margin:0 10px 10px 0;background-color:#FFF;}
.emp {color:#ABABAB;font-style:italic;}
.spaced {margin:5px 0 5px 0;padding:5px;}
.buttonline { text-align:center;padding:1em;background-color:#008a60;margin-top:.5em;}

.required {color:red;font-weight:bold;font-size:1.1em;text-decoration:none;}
.req_vis { display:inline;}
.req_invis { display:none;}

/*
	admin quick-links
*/

/* generic quickeditlink img rounded border */
.content .quickediteye img, div.sitemapQuickLinks-major img, div.sitemapQuickLinks-minor img, div.quickeditlink img, a.quickeditlink img, .activeMenuQuickLink img, .quickLinks-major img, .quickLinks-minor img, div.content .quickLinks-minor img {
	cursor:pointer;
	padding:0;
	margin:0;
}
.quickeditlink img { vertical-align:text-top;  width:14px; height:14px; margin-left:4px}
.r .quickeditlink {
	margin-top:-1.5em;
	margin-right:-1em;
}

/* active menu quickedit */
.activeMenuQuickLink { font:0.85em monospace; }
.activeMenuQuickLink div { display:inline; }
.activeMenuQuickLink img { vertical-align:middle; }

/* all menus */
div.quickLinks-minor { line-height:1px; position:relative; top:0;right:0; z-index:20; float:left; clear:left;}
div.quickLinks-minor img,div.content .quickLinks-minor img { vertical-align:middle; width:14px; height:14px;}
div.quickLinks-major img, .activeMenuQuickLink img {}

/* main menu horiz */
div#middleMenuH div.quickLinks-major { position:absolute; left:-25px; }
div#middleMenuH div.quickLinks-minor img { margin-top:3px; }
/* left col menus */
div#left-column div.quickLinks-major { position:absolute; left:50%; margin-left:-510px; margin-top:-30px; z-index:20;  }
div#left-column div.quickLinks-minor img { margin-top:-2px; margin-right:2px;}
/* footer menu */
div#foot-menu div.quickLinks-major { position:absolute; left:50%; margin-left:-250px; }

/* quicklinks on the auto-gen sitemap */
div.sitemapQuickLinks-major { position:relative;  display:inline; cursor:pointer;}
div.sitemapQuickLinks-minor  { position:relative; display:inline; cursor:pointer;}

/* quicklinks on the subNodesView */
div.subnodelist .quickLinks-minor {
	float:left; margin-top:8px; margin-left:-20px;
}

div.quickedit {z-index:100;text-align:left;margin:0;}
a.quickeditlink { background-color:white; color:black !important; text-decoration:none; font:0.85em monospace;}

.helpQuestionMark {
	background-color:#4c7aa6;
	border-radius:3px;
	color:white;
	float:right;
	font:20px/23px Tahoma,Arial,Helvetica,sans-serif;
	margin:28px 0 0 10px;
	padding:0 6px 1px;
}
.tabhelp .helpQuestionMark {
	float:left;
	margin:0 .5em 0 0;
	font-size: 1rem;
	padding: 0 .3125em;
	height: 1.125em;
	line-height: 1.125em;
	border: 2px solid #4c7aa6;
}
.tabhelp {
	padding:.5em;
	box-sizing:border-box;
}
.tab {
	position: relative;
	margin: 0 1.5em;
	padding: 0.25em 0 0;
	border-bottom: 1px solid #333;
}
.tab .quickeditlink, .subTab .quickeditlink, .tabElement .quickeditlink{
	position:absolute;
	top:0;
	left:0;
}
.tabManagePencil, .fieldManagePencil, .menuManagePencil {
	width:14px;
	height:14px;
	fill:#fff;
	background-color:#4c7aa6;
	border:1px solid #4c7aa6;
	border-radius:3px;
	cursor:pointer;
}
.quickediteye svg, .targetIcon {
	fill:#fff;
	background-color:#4c7aa6;
	border-radius:3px;
	cursor:pointer;
	border: 1px solid #4c7aa6;
}

/* tab title+edit icon */
.tabcontent > .quickeditlink {
	background-color:#fff;
	border:1px solid #aaa;
	padding:2px 15px 2px 2px;
	position:absolute;
	top:-10px;
	display:flex;
	align-items:center;
}
.tabcontent > .quickeditlink svg {
	fill:#fff;
	background-color:#5f9ad0;
	width:20px;
	height:20px;
	border-radius:3px;
	cursor:pointer;
	margin-right:.5em;
}

/*list view tab title*/
h3 a.quickeditlink { float:right; }
h4 a.quickeditlink img { vertical-align:text-top; }

/* AJAX styles */
#feedBackDiv { position:absolute; display:none; z-index:999; background-color:#ddd;}
#feedBackDiv { font-size:1.1em;font-weight:bold;margin:10px 0 10px 0;padding:5px;text-align:center;}
#feedBackDiv h2 { margin:0; font-size:23px; font-weight:normal; }

.ajaxFeedback {display: none;}

.ajaxFBOK { background-color:#00AA77; color:#FFF;}
.ajaxFBWarn { background-color:#ff6a00; color:#FFF;}
.ajaxFBErr { background-color:#FF0000; color:#FFF;}

#feedBackDiv div.AJAXMenu {background-color:#EAF9FF;z-index:10;}
#feedBackDiv div.AJAXMenu ul {margin:0; padding:0;}
#feedBackDiv div.AJAXMenu li {list-style:none; position:relative; line-height:1em;}
#feedBackDiv div.AJAXMenu li a {display:block;text-decoration:none; font-size:10pt; padding:5px 15px;}
#feedBackDiv div.AJAXMenu a:link, div.AJAXMenu a:visited {color:#0095FE;}
#feedBackDiv div.AJAXMenu a:hover {color:#009900;}
#feedBackDiv div.AJAXMenu li.delimiter { display:inline; }
#feedBackDiv div.AJAXMenu li.hr { height:1px !important; line-height:0 !important;margin:0;padding:0;}
#feedBackDiv div.AJAXMenu li.button {position:relative;}
#feedBackDiv div.AJAXMenu li.button:hover {background-color:#E9E9E9;color:#009900;}

#feedBackDiv.menu-manage .qtip-close{
	top:-6px;
	right:-6px;
	cursor:pointer;
	background-color:#FE4201;
	border:1px solid #fff;
}
#feedBackDiv.menu-manage .qtip-icon .ui-icon {
	width:12px;
	height:12px;
	line-height:12px;
	font-size:14px;
}

table.logger th { text-align:left;}

/* Footer */
.foot{
	box-sizing:border-box;
	clear:both;
	padding: 1.5rem;
	background-color:#E2E9EF;
	width:100%
}
.footerTermsText p {
	font-size: .625rem;
}
.horizontal-menu {

}
.horizontal-menu a {
	text-transform:uppercase;
	text-decoration:none;
	font-size:.75em;
}
.horizontal-menu a:hover {
	color:#333333;
	text-decoration:underline;
}
.horizontal-menu ul {
	margin:0;
}
.horizontal-menu li {
	float:left;
	margin-right:20px;
	list-style:none;
}
.horizontal-menu li.delimiter {
	display:none;
}


/* design related definitions */
.logo {
	float:left;
	margin:5px 0 0 20px;
	box-sizing:border-box;
	height:35px;
	font-weight:bold;
	font-style:italic;
}
.logo a {
	text-decoration:none;
	color:#6d7988;
}

/*login form*/
#loginForm .form-container {
	padding-bottom:0;
}
.form-container h2 {
	text-align:center;
}
.form-container .row .box {
	padding:0 10px;
}
#loginForm p {
	text-align:right;
}

div.content-wrap {
	position:relative;
}

/*left column defs*/
.side-button {
	margin-bottom:8px;
}
.box {
	z-index:10;
}

.box-login {
	background-color:#000;
	padding:10px 0 5px 0;
}

.box h2 {
	font:14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px 0;
	margin:0 10px;
	border-top:1px dotted #000;
}
.box  h2 a {
	font:14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}
.inner-box {
	margin:0 22px 0 15px;
}
.box li.delimiter {
	display:none;
}
.box p.loggedinuser {
	display:none;
}
.box table.general {
	margin:0 20px 0 15px;
}
.box table.general td {
	color:#fff;
}
.box input.normal {
	width:180px;
	height:16px;
	border:1px solid #8A9394;
	color:#222;
}
.box input.push-button, div.content input.push-button {
	background-color:#6D7988;
	border:1px solid #6D7988;
	color:#fff;
	width:110px;
}
.box input.push-button:hover {color:#FFF;}

input.push-button-action {
	background-color:#c60000;
	border:1px solid #c60000;
	color:#fff;
	width:110px;
}

div.content input.push-button:hover, div.content input.push-button-action:hover {border:1px solid #fff;}

div.dotted-divider {border-bottom:1px dotted #000;margin:5px 0 5px 0 !important;height:5px;}

.box p {
	margin:7px 20px 0 15px
}

.inner-box p {
	margin:7px 0;
}
.inner-box h4 {
	color:#fff;
	margin-top:5px;
	line-height:17px;
}
.inner-box h4 a {
	text-decoration:none;
	line-height:17px;
	font-size:13px;
}

.inner-box h4 a:hover {
	color:#6D7988;
}

/* content defs */
a.button {
	background-color:#008a60;
	border:1px solid #fff;
	color:#fff;
	display:inline-block;
	padding:.5em 2.5em;
	text-decoration:none;
	cursor:pointer;
	font-size:1.25em;
}

a.exbutton {
	background-color:#c60000;
	border:1px solid #c60000;
	color:#fff;
	display:inline-block;
	padding:2px 5px 3px 5px;
	text-decoration:none;
	cursor:pointer;
}
a.button:hover, a.exbutton:hover {
	border:1px solid #fff;
}

.row.help {
	padding-top:.3em;
}
.helpTitle {
	font-size:.875em;
	font-weight:bold;
}
.fullHelp {
	font-size:.75em;
	color:#888;
}
.r .helptag {
	margin-left:.5em;
	font-size:.75em;
	vertical-align:text-top;
}
.cvcm_container a {
	background-color:#4c7aa6;/* url('../images/system/help_mini.png') no-repeat center center*/
	display:inline-block;
	cursor:pointer;
	border:2px solid #4c7aa6;
	border-radius:3px;
	padding:0 .3em;
	color:#fff;
	font-weight:bold;
	margin-right:.3em;
}
.helptag:hover {
	color:#fff;
	text-decoration:none;
}
.cvcm_container a {
	font-size:.875em;
}
.cvcm_container a:hover {
	text-decoration:none;
}
.cvcm_container {
	float:left;
}
.cvcm_container.helpIcon {
	position:absolute;
	display:inline-block;
	top: 0.25em;
	right:0.375em;
	height: 1.125em;
	line-height: 1.125em;
	padding: 0 .25em;
	border:2px solid #4c7aa6;
	border-radius:3px;
	color:#4c7aa6;
	font-weight:bold;
	cursor:pointer;
}

#mobdesk {
	font-size:.75em;
	line-height:1em;
	clear:both;
}


/* info layers */

.targetIcon {
	position:absolute;
	top:35px;
	left:0;
}

div#menumanage-layer-toggle { width:650px; top:100px; left:69px; z-index:99;}
div#menumanage-layer-toggle h2 {
	font:1.45em "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#333;
	overflow:visible;
	white-space:normal;
	word-wrap:break-word;
}
.blueBox div#menumanage-layer-toggle h2 {
	text-transform:initial;
}
div#menumanage-layer { padding:0 10px 10px 10px ; color:#333; line-height:18px; font-size:13px;}
div#menumanage-layer img { vertical-align:-15%;}


/* popup related definitions */
.popupOverlay {
	background-color:#eee;
	height:100%;
	opacity:0.4;
	filter:alpha(opacity = 40);
	position:fixed;
	width:100%;
	z-index:100;
}
.popupWrap {
	position:absolute;
	top:0;
	left:50%;
	z-index:101;
	height:auto;
	padding:19px;
}

.popupWrap .closebtn {
	float:right;
	cursor:pointer;

}
#popup-outer {
	height:100%;
	position:relative;
	width:100%
}
.popupContent {
	padding: 0 1.25rem .75em;
}
.popupContent .headAlign {
	margin-left:-19px;
}
#popup-content ul {
	list-style-position:outside;
	margin-left:30px;
}
#popup-help-content {
	max-height:550px;
	overflow:auto;
	clear:none;
}


/* LIST VIEW INTRODUCED - NEW DEFINITIONS */
.searchLayer {
	background-color:#f0f0f0;
}
.searchLayer h2 {
	padding-top:0;
}
.searchTButton, .searchAdvancedBtn{
	width:100%;
	height:29px;
	padding:6px 30px;
	box-sizing:border-box;
	background:#f0f0f0 url('../images/system/btn_searchbar_on.png') no-repeat right center;
	cursor:pointer;
}
.searchTButton *, .searchAdvancedBtn * {
	float:right;
}
.searchAdvancedBtn {
	background:#e8e8e8 url('../images/system/btn_searchAdvOff.png') no-repeat right center;
}
.search-filters, .searchAdvOptionsLayer {
	padding:15px;
}
.searchAdvOptionsLayer>div {
	float:left;
	background-color:#f0f0f0;
	padding-right:35px;
}
.searchLayerBtn {
	margin-right: .5em;
	cursor: pointer;
}
.search-content-b .searchLayerBtn {
	margin-bottom: .5em;
}
.viewsContainer {
	margin:1em;
}
.newSearch {
	margin-top:.3em;
}
.newSearch input {
	margin-right: .5em;
}
.viewsContainer p {margin:.3em 0 0;}
.textToDisplay {width:22.65em;}
.butonLine {margin-top:.7em;}
.viewName {
	width:17em;
}
.searchDefaults {
	padding:.5em 0 0 1em;
}
.searchAdvOptionsLayer select {
	width:100%;
}
#search-filters .active select,
	#search-filters .active input,
	#search-filters .active .select2-container--default .select2-selection--single {
		background-color: #e8e8e8;
	}



.listpager {
	background-color:#0a7;
	color:#fff;
	text-align:center;
	width:100%;
}
.listpager.top {
	margin-top:10px;
}
.listpager a {color:#fff}
.listpager td {padding:5px;white-space:nowrap}
.listpager td.nextpagelink, table.listpager td.prevpagelink {width:100px;padding:0 5px 0 5px;vertical-align:middle; }
.listpager td.pagelinks table {margin:0 0 0 20% !important;}
.listpager td.pagelinks .currentpage, .listpager td.pagelinks a {
	margin: 0 .25em;
	padding: .25em .5em;
	color:#222634;
	border: 1px solid #222634;
	border-radius: 3px;
}
.listpager td.pagelinks .currentpage {
	background-color:#222634;
	color:#FFF;
}



.sticky {
	position: sticky;
}
.mainTableContainer {
	width:100%;
}
.main-head-row th:first-child, .main-head-row th:nth-child(2) {
	z-index: 3;
}
.main-head-row th:nth-child(2) {
	left: 26px;
}
div.content .sorter-table td {
	min-width:32px;
	text-align:center;
}
.main-head-cell {
	background-color:#e0e0e0;
	top: 0;
	left: 0;
	z-index: 2;
}
.main-head-cell.searchfield {
	background-color:#d8d8d8;
}
.row0 td {
	background-color:#f8f8f8;
}
.row1 td {
	background-color:#f0f0f0;
}
.row0 td.searchfield {
	background-color:#f0f0f0;
}
.row1 td.searchfield {
	background-color:#e8e8e8;
}
.row0:hover td, .row1:hover td {
	background-color:#f2decb;
}




td.edit-link {
	text-align:center;
	left: 0;
}
.data, .edit-link {
	z-index: 1;
	top: 0;

}
.data {
	left: 26px;
}
.defFilter {
	position:relative;
}
.defFilter img {
	position:absolute;
	margin-left:-18px;
}
.defFilter input {
	border:1px solid #a9a9a9;
}

.defFilter input,
	.defFilter select,
	.defFilter .select2-container--default .select2-selection--single  {
	background-color:#ddd;
}
.defFilter option {
	background-color:#fff;

}
h2 input {
	margin-left:8px;
}
#filterNoticeExtras div {
	float:none;
}

/* qtipUser */
.qtipUser {
	font-size:.875em;
	line-height:1.2em;
	border-radius: 3px;
	max-width: 65vw;
}
.qtipUser .qtip-content {
	padding:.875em 1.5em;
}
.qtipUser p {
	margin:0;
}

/* jQuery dialog redefine */
.blueBox{
	background-color:#f0f0f0;
	border:1px solid #fff;
	border-radius:3px;
	box-shadow:0 5px 10px rgb(0 0 0 / 20%);
	max-width:55%;
	min-width:300px;
}
.blueBox .ui-widget-header {
	background:transparent none;
	border:0 none;
	padding:1em 2.5em .4em 1em;
}
.blueBox .ui-dialog-title {
	font:bold 1.25em Arial,Helvetica,sans-serif;
	overflow:visible;
	white-space:normal;
	word-wrap:break-word;
	width:100%;
}
.popupContent h2 {
	font: bold 1.125em Arial, Helvetica, sans-serif;
}
.blueBox.ui-dialog .ui-dialog-titlebar-close {
	top:1em;
	outline: none;
}
.ui-icon-closethick:after {
	content: '\00D7';
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	position: absolute;
	height: 16px;
	width: 16px;
	display: block;
	text-indent: 0;
	background-color: red;
	text-align: center;
	border-radius: 8px;
}
.ui-button-icon-only .ui-button-text {
	padding: 0;
}
.ui-widget-content .ui-state-default {
	background: transparent none;
	border-color: transparent;
}
.blueBox .popupContent, .blueBox .popupContent a {

}
.blueBox.ui-widget-content {
	background-image:none;
}
.blueBox.ui-dialog .ui-dialog-content {
	padding:initial;
}
a.blue-btn {
	font:.8em Arial,Helvetica,sans-serif;
	height:20px;
	min-width:80px;
	margin-right:1em;
	padding:0.3em 1em;
	cursor:pointer;
	background:#e2e9ef linear-gradient(to bottom, #f9fdff 0px, #e2e9ef 60%, #b4c6d5 100%);
	border:1px solid #a6b7c5;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-box-shadow:0px 0px 2px 1px rgba(162,162,162,1); -moz-box-shadow:0px 0px 2px 1px rgba(162,162,162,1); box-shadow:0px 0px 2px 1px rgba(162,162,162,1);
	box-sizing:border-box;
	display:inline-block;
	min-width:3em;
	height:auto;
	text-decoration:none;
}
.ui-widget p {
	font-size:.875rem;
}

.menuOpener, .menuClose{
	font: 900 1.25em icomoon;
	display:none;
	color:#0a7;
	position:fixed;
	right:5px;
	top:2px;
	z-index:10;
	cursor:pointer;
	padding-left:8px;
	width:30px;
	height:25px;
	box-sizing:border-box;
}
.menuClose{
	display:none;
	font-size:2.75em;
	line-height:1em;
}

/* tab definitions */
.tab-list {
	list-style:none;
	overflow:hidden;
}
div.content li[class^='tab-element'] {
	float:left;
	position: relative;
}
.tab-element-active {
	border-bottom:3px solid #333;
}
.tab-element:hover {
	border-bottom:3px solid #becada;
}
li[class^='tab-element'] a {
	padding:1em 2em;
	display: block;
}
li[class^='tab-element'] a:hover {
	text-decoration:none;
}
li[class^='tab-element'] .quickeditlink {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	margin: 0;
	padding: 0;
	z-index: 1;
}
/* grid */
.row {
	margin:0;
	padding:.5em 0 0 0;
	clear:left;
	position: relative;
}
.row:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0;}
.row:has([type='checkbox']) {display: flex;}
.row .box {
	box-sizing:border-box;
	float:left;
	padding:0 1em;
	position:relative;
	line-height: 2em;
}
.row .box.right-col {
	padding:0 2% 0 0;
}
.row .box p {
	margin:1em 0 0 0;
}
.row .box .small {
	margin:1.3em 0 0 0;
	font-size:.85em;
	text-align:justify;
	line-height:1.25em;
}
.row .box.gapForHelp {
	padding-right:3em;
}
.row .box.gapForHelp.noPencil {
	padding-right:2em;
}

.row .size1of1 {
	width:100%;
	padding: 0;
}
.size1of2 {
	width:50%;
}
.size1of3 {
	width:33.33%;
}
.size1of4 {
	width:25%;
}
.size1of5 {
	width:20%;
}
.size1of6 {
	width:16.66%;
}
.size2of3 {
	width:66.66%;
}
.size3of4 {
	width:75%;
}
.size2of5 {
	width:40%;
}
.size3of5 {
	width:60%;
}
.size4of5 {
	width:80%;
}
.size5of6 {
	width:83.3333%;
}


/* HTML box definitions */
.htmlboxed {
	padding:3px 10px;
	box-sizing:border-box;
	background-color:#f2f5f9;
	border:1px solid #0064c0;
	border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;
	width:600px;
	height:250px;
	overflow-y:auto;
	color:#333;
}

.htmlboxed * {
	color:#333;
}

.main-table .htmlboxed { width:initial; min-width:15em; background-color:transparent; border:0 none;}
.main-table .htmlboxed * {color:#444}

/* svg definitions */
.tickWarn {
	vertical-align: bottom;
}
.tickWarn .yl {
	fill:#ff0;
}
.tickWarn .bl {
	fill:#000;
}

.speaker { width: 18px; height: 18px; vertical-align: middle; margin: 0 .2em; cursor: pointer; }

/******
 display type definitions
*/

/* honeypot field */
.new-password{position:absolute; z-index:-1;}

/* file uploader */
.fileUploadDropArea{ background-color: #f5f5f5; border-radius:3px; width:480px; margin: 0 .5em 0 0; padding:20px; box-sizing: border-box;}
.fileUploadDropArea input[type="file"] { display:none; }
.fileUploadDropArea.highlight{ border-color:purple; }
.fileUploadDropArea label { display:inline-block; padding:.3125em .625em .25em; background-color:#008a60; color:#fff; cursor:pointer; border-radius:3px; line-height: 1.25em;border: 1px solid #008a60;}
.fileUploadDropArea label:hover { background:#aaa; color: #222}
.fileUploadDropArea form { margin-bottom:10px; }
.fileUploadDropArea .thmb {
	width: fit-content;
	position: relative;
	margin-top: 1em;
}
.fileUploadDropArea .delbtn {
	position: absolute;
	top: -.5em;
	right: -.5em;
}
.fileUploadDropArea .delbtn input {
	text-indent: -10000px;
    width: 1.5em;
    height: 1.5em;
    border-radius: 1em;
    background: #ff0607 url(../images/system/tick_no.svg) center center;
    margin: 0;
}

.fileUploadDiv {clear: both; display: inline;}
.fileUploadGallery{ margin-top:10px; }
.fileUploadGallery img{ width:150px; margin-bottom:10px; margin-right:10px; vertical-align:middle; }
.fileUploadfeedback{ font-weight:normal; background-color:silver; color:black; }
.mediaListFromSession {margin:15px 35px; padding:0; list-style:disc;}
.mediaListFromSession li { margin:0; padding:0; line-height:15px; font-size:12px;}
.mediaListFromSession .mediaListFN, .mediaListFromSession .mediaListFS { margin-right:7px; }

/* picureSelect - the icon size 32x32px */
.pictureSelectContainer svg { height:32px; width:32px; }
.pictureSelectContainer { display:flex; flex-wrap: wrap;}
.pictureSelectContainer div { text-align:center; padding:.5em; border-radius:3px; cursor:pointer; max-width: 6em;}
.pictureSelectContainer div div{ padding-bottom:0; }
.pictureSelectContainer svg{ fill:#4c7aa6; }
.pictureSelectContainer div.selected { background-color:#4c7aa6; color:#fff; }
.pictureSelectContainer div.selected svg{ fill:#fff; }

/* up/down counter */
.upDownCounter { display:flex; font-size:2em; font-weight:bold; text-align:center; box-sizing:border-box; }
/* the plus-minus should not be selectable, definitions in order: standard,webkit (safari,chrome),mozilla,webkit(konqueror),IE10+ */
.upDownCounter div { user-select:none; -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none; border:4px solid #4c7aa6; }
.increaseButton, .decreaseButton { border-radius:3px 0 0 3px; cursor:pointer; padding:.2em .2em 0; background-color:#4c7aa6; }
.increaseButton { border-radius:0 3px 3px 0; }
.upDownCounter svg { height:1em; width:1em; fill:#fff; }
.upDownCounter .display { padding:.2em .5em 0; line-height:1em; width:2em; color:#000; }

.timeDisplay {
	font-size: 1.125em;
	font-weight: bold;
	margin-right: .25em;
}
.timeDisplayInput {
	margin-right: .25em;
	line-height: initial;
}

/* date and time calendar input */
.dateContainer {
	display: flex;
	align-items: center;
}
.dateClearButton {
	display: block;
	height: 28px;
	margin-left: 8px;
	cursor: pointer;
}
.clearDateInput {
	background-color: #008a60;
	fill: #fff;
	height: 28px;
	border-radius: 3px;
}

/* select 2 mods */
.select2-container {
	min-width: 150px;
}
.select2-container--default .select2-selection--single {
	border-radius: 3px;
	position: relative;
	border: 1px solid #8a9394;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: transparent #11161c #11161c transparent;
	border-style: solid;
	border-width: 1.5px;
	left: 50%;
	margin-top: -4px;
	margin-left: -1px;
	position: absolute;
	top: 50%;
	width: 3.5px;
	height: 3.5px;
	transform: rotate(45deg);
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: #11161c transparent transparent #11161c;
	border-width: 1.5px;
}

.signatureCanvas {
	border: 1px solid #8a9394;
	background-color: transparent;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
}
.signatureCanvasBg {
	border-radius: 3px;
	background: #fff url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQwMCAyMDAiPjxzdHlsZT5wYXRoe2ZpbGw6Izk5OX08L3N0eWxlPjxwYXRoIGQ9Ik0zODYuOCwxNTFoMHMtNi45LTMuOC02LjktMy44YzAsMC0uMSwwLS4yLDAtLjIsMC0uMy4xLS40LjNsLTEuNCw0LjFjMCwuMiwwLC40LjIuNWw1LjYsMy4xcy4xLDAsLjIsMGMuMSwwLC4yLDAsLjMtLjFsMi43LTMuNGMuMi0uMiwwLS41LS4xLS42WiIvPjxwYXRoIGQ9Ik0zNzkuNCwxNTYuNGgwYy0uMi0uMi0uMy0uMi0uNi0uMi0uMywwLS41LjEtLjcuNC0uMi4yLS4zLjUtLjIuNywwLC4zLjEuNS40LjcuMi4yLjUuMy43LjIuNSwwLC45LS41LjktMS4xLDAtLjQtLjItLjYtLjUtLjhaIi8+PHBhdGggZD0iTTM4My41LDE1NS43bC01LjctMy4yYzAsMC0uMiwwLS4yLDAtLjEsMC0uMiwwLS40LjFsLTMuNiwyLjZjLS4yLjEtLjIuMy0uMi41bC43LDkuM2MwLC4zLjMuNS41LjUuMywwLC4yLDAsLjMsMGw4LjMtNC4zYy4yLS4xLjMtLjMuMy0uNWwuMy00LjRjMC0uMiwwLS40LS4zLS41Wk0zNzkuMSwxNTkuMWgwYy0uMiwwLS41LDAtLjcsMGwtMi45LDUuM2MtLjEuMi0uNC4zLS42LjJzLS4zLS40LS4yLS42bDIuOS01LjNjLS4zLS4zLS42LS43LS42LTEuMiwwLS41LjEtMSwuNC0xLjQuMy0uNC44LS42LDEuMy0uNywxLjEtLjEsMiwuNywyLjEsMS43LjEsMS4xLS43LDItMS43LDIuMVoiLz48cGF0aCBkPSJNMjc5LjYsMTczLjhjLS42LS44LTEtMS42LTEuNC0yLjMtLjQtLjgtLjctMS42LS43LTIuNHMuNC0yLjIsMS4yLTMuM2MuOS0xLjMsMi4yLTIuNCwzLjktMy4yLDEuMi0uNiwyLjItLjksMy0uOXMuNiwwLC44LjJjLjMuMi40LjUuNC44LDAsLjktLjcsMS45LTIuMSwzLjEtMS4xLjktMi4zLDEuNi0zLjgsMi4xLS44LjMtMS4yLjYtMS4yLDEuMXMwLC40LjIuNWMuMi4yLjUuMy43LjMuNCwwLDEtLjIsMS44LS42LDEuNi0uOCwzLTEuOSw0LjItMy4xLDEuMy0xLjQsMS45LTIuNiwxLjktMy44cy0uMy0xLjMtLjktMS44Yy0uNS0uNC0xLjEtLjUtMS44LS41LTEuMSwwLTIuMi4zLTMuMy44LTEuNC42LTIuNywxLjQtMy44LDIuNC0yLjIsMS45LTMuMyw0LTMuMyw2LjJzLjMsMS45LjgsMi44Yy41LjksMS4xLDEuOCwxLjgsMi45LjUuNy44LDEuMiwxLDEuNy4yLjQuMy45LjMsMS41LDAsLjktLjQsMS42LTEuMSwyLjItMS4yLjktMi41LDEuNC00LjEsMS40cy0xLjQtLjItMS45LS41Yy0uNi0uNC0uOS0xLS45LTEuOHMuNS0xLjYsMS41LTJjLjYtLjIuOS0uNS45LS45cy0uMy0uOC0xLS44LS42LDAtMSwuMmMtLjYuMi0xLjEuNS0xLjUsMS0uNy43LTEsMS41LTEsMi42cy40LDEuNywxLjEsMi40YzEsLjksMi4zLDEuNCwzLjksMS40czMuMi0uNCw0LjYtMS4zYzEuNi0xLjEsMi40LTIuMywyLjQtMy43cy0uMi0xLjUtLjctMi4zYy0uNC0uNy0uOC0xLjQtMS40LTIuM1oiLz48cGF0aCBkPSJNMjkwLjIsMTY4LjljLjUsMCwuOS0uMywxLjQtLjkuNS0uNi44LTEuMS44LTEuNnMtLjMtLjgtLjgtLjgtLjguMi0xLjIuN2MtLjYuNi0uOSwxLjItLjksMS44czAsLjQuMi42Yy4xLjIuMy4yLjUuMloiLz48cGF0aCBkPSJNMjg0LjMsMTgyLjNjLjQtMS4zLjktMi42LDEuNS0zLjkuNS0xLjIsMS40LTIuOCwyLjYtNC43LjMtLjUuNS0uOC41LTEuMXMwLS4zLS4xLS40Yy0uMS0uMi0uMy0uMi0uNS0uMnMtLjQuMS0uNy4zYy0uMi4yLS41LjYtMSwxLjItMS4zLDEuOS0yLjMsMy42LTIuOSw1LjItLjgsMi0xLjEsMy4yLTEuMSwzLjVzMCwuMy4yLjVjLjEuMi4zLjMuNi4zLjQsMCwuNy0uMy45LS45WiIvPjxwYXRoIGQ9Ik0yOTkuMywxNzUuOWMwLS4zLS4xLS40LS40LS40cy0uNC4yLS42LjVjLS40LjctMSwxLjYtMS45LDIuNy0uNi44LTEuNSwxLjYtMi44LDIuNS41LTEuMSwxLTIuMSwxLjYtMy4yLjctMS4yLDEuMi0yLDEuNS0yLjQuMS0uMi4yLS4zLjItLjQsMC0uMS0uMS0uMy0uNC0uNi40LS44LjUtMS41LjUtMnMtLjEtLjgtLjMtMWMtLjMtLjMtLjctLjUtMS4yLS41LS45LDAtMS45LjUtMy4xLDEuNC0xLjQsMS4xLTIuNiwyLjYtMy42LDQuNS0uNywxLjMtMSwyLjQtMSwzLjNzMCwuNy4zLDEuMWMuMy41LjcuOCwxLjIuOC44LDAsMS44LS42LDMuMS0xLjktLjMuNi0uNywxLjUtMS4yLDIuNi0yLjcsMS41LTQuMiwyLjQtNC42LDIuNi0yLjQsMS43LTMuNiwzLjUtMy42LDUuM3MwLC44LjMsMS4yYy4zLjYuOS45LDEuNi45LDEuNCwwLDMtMS4zLDQuNi0zLjguNi0xLDEuNi0yLjgsMi45LTUuNSwyLjgtMS43LDQuOC0zLjYsNi4yLTUuOS40LS43LjctMS4zLjctMS42Wk0yODgsMTg4LjZjLTEsMS42LTEuOCwyLjMtMi42LDIuM3MtLjQtLjEtLjUtLjNjMC0uMS0uMS0uMy0uMS0uNHMwLS4zLjEtLjVjLjItLjcuNi0xLjMsMS4yLTIsMS4yLTEuMywyLjYtMi4zLDQuMS0zLS42LDEuMi0xLjMsMi41LTIuMiwzLjlaTTI5My41LDE3Ny4xczAsLjItLjMuNWMtLjMuNS0uNywxLTEuMiwxLjYtLjcuOC0xLjMsMS4zLTEuNywxLjNzLS4zLDAtLjQtLjJjMC0uMS0uMS0uMy0uMS0uNSwwLS40LjItLjkuNS0xLjYuNi0xLjQsMS41LTIuNywyLjYtMy44LjktMSwxLjctMS40LDIuMi0xLjRzLjQuMi40LjUtLjEuNi0uNCwxLjFjLS40LjYtLjgsMS4yLTEuNCwxLjgtLjIuMi0uMy4zLS4zLjRzMCwuMi4yLjRaIi8+PHBhdGggZD0iTTMwOCwxNzIuNmMtLjgsMC0yLjUsMS4yLTQuOSwzLjYtLjEuMS0uMy4zLS40LjQuMy0uNi43LTEuMiwxLjItMiwuMy0uNS41LS45LjUtMS4xczAtLjQtLjItLjYtLjMtLjItLjQtLjJjLS4zLDAtLjcuMy0xLjEsMS0uNC43LTEuMSwxLjctMS44LDMuMi0xLjQsMi43LTIuMiw0LjMtMi4yLDVzMCwuNS4yLjZjLjEuMS4zLjIuNS4yLjQsMCwuOC0uMywxLjEtLjksMS40LTIuNiwyLjktNC40LDQuNS01LjQtMS4yLDEuOS0xLjgsMy43LTEuOCw1LjNzLjIsMS41LjUsMi4xYy4zLjYuNy45LDEuMi45cy40LDAsLjUtLjJjLjEtLjEuMi0uMy4yLS40czAtLjQtLjItLjZjLS40LS42LS41LTEuMi0uNS0xLjgsMC0yLDEuMS00LjMsMy40LTYuOS40LS41LjYtLjkuNi0xLjIsMC0uNS0uMi0uOC0uNy0uOFoiLz48cGF0aCBkPSJNMzI4LjcsMTc2LjJjLS4yLDAtLjUuMi0uOC43LTEuNSwyLjMtMi42LDMuNC0zLjIsMy40cy0uNS0uMi0uNS0uNS4yLTEsLjctMS45Yy41LTEuMSwxLjItMi4yLDIuMi0zLjUuNS0uNy44LTEuMi44LTEuNXMtLjEtLjUtLjMtLjdjLS4yLS4yLS40LS4yLS42LS4yLS41LDAtMS4zLjQtMi40LDEuMi0uOS42LTEuNywxLjQtMi42LDIuMy4zLS45LDEuMS0yLjYsMi41LTUuMSwxLjMtMi4zLDIuNS00LjUsMy44LTYuNS40LS42LjYtMSwuNi0xLjNzMC0uNC0uMi0uNmMtLjItLjItLjMtLjMtLjUtLjNzLS40LjEtLjYuM2MtLjIuMi0uNS42LS44LDEuMi0xLjUsMi41LTIuOCw1LTQsNy4zLTEuMiwyLjMtMi41LDUuMi0zLjksOC41LS44LDEuOC0xLjEsMi45LTEuMSwzLjNzMCwuNC4yLjZjLjEuMi4zLjIuNS4yLjMsMCwuNi0uMi43LS43LDEuNy00LDMuNy02LjYsNi4xLTcuOC0uOSwxLjUtMS40LDIuNC0xLjYsMi43LS43LDEuMy0xLjEsMi41LTEuMSwzLjZzMCwuNi4yLjljLjIuNC42LjcsMS4xLjdzMS0uMiwxLjYtLjZjLjgtLjYsMS43LTEuNSwyLjQtMi42LjktMS4zLDEuMy0yLjIsMS4zLTIuNnMtLjEtLjQtLjQtLjRaIi8+PHBhdGggZD0iTTMzOC4yLDE3Ny4xYy0uMS0uMS0uMi0uMi0uNC0uMi0uMiwwLS41LjItLjkuNi0xLjksMi4zLTMuNiwzLjQtNS4xLDMuNHMtMS4xLS4yLTEuNC0uN2MtLjEtLjItLjItLjQtLjItLjd2LS4zYzIuNC0uNyw0LjItMiw1LjMtMy45LjYtLjkuOS0xLjcuOS0yLjNzLS4yLS43LS41LTFjLS4yLS4yLS41LS4zLS44LS4zLTEuMSwwLTIuNC44LTQsMi4zLTEuOSwxLjktMi44LDMuOC0yLjgsNS44cy4yLDEuMy41LDEuN2MuNS42LDEuMi45LDIuMS45czEuOC0uMywyLjgtLjhjMS0uNSwxLjktMS4yLDIuOC0yLjEsMS4xLTEuMSwxLjctMS45LDEuNy0yLjNzMC0uMi0uMS0uM1pNMzMzLjIsMTc0LjRjLjYtLjUsMS0uNywxLjMtLjdzLjMuMS4zLjQsMCwuNS0uMy44Yy0uNS44LTEuMSwxLjUtMiwyLjEtLjUuNC0xLjEuNy0xLjksMSwuNy0xLjUsMS41LTIuNywyLjUtMy41WiIvPjxwYXRoIGQ9Ik0zNTAuNSwxNzVjMC0uMSwwLS4yLS4yLS4zLDAsMC0uMi0uMS0uMy0uMS0uMSwwLS4zLDAtLjUuMi0xLjIuOC0yLjEsMS4yLTIuNiwxLjJzLS41LS4xLS41LS40YzAtLjUuNi0xLjIsMS44LTIuMS40LS40LjctLjcuNy0uOXMwLS4yLS4yLS40Yy0uMi0uMy0uNC0uNC0uNS0uNHMtLjMsMC0uNi4zYy0uNi40LTEuMi44LTEuNywxLjItMS41LDEuMi0yLjgsMi40LTQsMy42LjMtLjcuNy0xLjQsMS4yLTIuMS42LS43LjktMS4xLjktMS4yLjItLjMuNC0uNi40LS43czAtLjMtLjItLjRjLS4xLDAtLjMtLjEtLjQtLjEtLjUsMC0xLC40LTEuNywxLjMtMS4xLDEuNC0yLjIsMy40LTMuMiw2LS43LDEuNy0xLDIuOC0xLDMuMnMuMi42LjcuNi43LS4zLDEtLjhjLjctMS40LDEuNC0yLjcsMi4yLTMuNiwxLjMtMS42LDIuMy0yLjcsMy4zLTMuNC0uMi40LS40LjctLjQsMSwwLC40LjEuNy40LjkuMy4yLjcuMywxLC4zLjksMCwxLjktLjQsMi45LTEuMiwxLS43LDEuNS0xLjMsMS41LTEuNloiLz48cGF0aCBkPSJNMzU4LjgsMTc2LjljLS4yLDAtLjUuMi0uOS42LTEuOSwyLjMtMy42LDMuNC01LjEsMy40cy0xLjEtLjItMS40LS43Yy0uMS0uMi0uMi0uNC0uMi0uN3YtLjNjMi40LS43LDQuMi0yLDUuMy0zLjkuNi0uOS45LTEuNy45LTIuM3MtLjItLjctLjUtMWMtLjItLjItLjUtLjMtLjgtLjMtMS4xLDAtMi40LjgtNCwyLjMtMS45LDEuOS0yLjgsMy44LTIuOCw1LjhzLjIsMS4zLjUsMS43Yy41LjYsMS4yLjksMi4xLjlzMS44LS4zLDIuOC0uOGMxLS41LDEuOS0xLjIsMi44LTIuMSwxLjEtMS4xLDEuNy0xLjksMS43LTIuM3MwLS4yLS4xLS4zYy0uMS0uMS0uMi0uMi0uNC0uMlpNMzU0LjEsMTc0LjRjLjYtLjUsMS0uNywxLjMtLjdzLjMuMS4zLjQsMCwuNS0uMy44Yy0uNS44LTEuMSwxLjUtMiwyLjEtLjUuNC0xLjEuNy0xLjksMSwuNy0xLjUsMS41LTIuNywyLjUtMy41WiIvPjxwYXRoIGQ9Ik0zNzMuNywxNjYuOGMtLjMtLjItLjctLjEtLjkuMi0xLDEuNi0zLjIsMi40LTUuNSwzLjEtMi43LjktNS41LDEuOS02LjYsNC41LS4xLjMsMCwuNy40LjksMCwwLC4yLDAsLjIsMCwuMywwLC41LS4yLjYtLjQuOC0yLjEsMy4yLTIuOSw1LjgtMy44LDIuNC0uOCw0LjktMS43LDYuMS0zLjcuMi0uMy4xLS43LS4yLS45WiIvPjwvc3ZnPg==") no-repeat bottom right ;	
}






/* tinyMCE overwrite definition */

.tox-tinymce {width:98% !important; max-width: 700px;border-radius: 3px !important;border-color: #8a9394 !important;}

.cssPath {
	word-wrap: break-word;
}


/* -- */
@media only screen and  (max-width:1010px) {

	div#topmenuhoriz {
		margin-bottom: 1rem;
	}
	.breadcrumb {
		display: none;
	}
	.column-a {
		display:none;
		position:fixed;
		z-index:100;
		right:0;
		top:35px;
		border:1px solid #aaa;
		max-width: 200px;
		width: 95%;
	}
	.centering, div.content-wrap, .content, div#topmenuhoriz, div#middleMenuH {
		width:100%;
	}
	.menuOpener {
		display:block;
	}
	.fileUploadDropArea {
		width: 370px;
	}
}
@media only screen and  (max-width:850px) {
	.flexContainer {
		flex-direction: column;
		align-items: unset !important;
	}
}
@media only screen and  (max-width:768px) {
	.content {
		min-width:initial;
	}
	.row .size1of2,
	.row .size1of3,
	.row .size2of3,
	.row .size3of5,
	.row .size4of5,
	.row .size5of6 {
		width:100%;
	}
	.row:has([type='checkbox']) {
		position: relative;
	}
	.row:has([type='checkbox']) .box {
		width: unset;
		position: unset;
	}
	.row:has([type='checkbox']) .box:first-child {
		padding-right: 0;
		max-width: 80%;
	}
	.box.r {
		text-align:left !important;
		font-weight: bold;
	}
	.size2of3 input[type="text"], .size2of3 input[type="password"], textarea[class$='textarea'] {
		width:100%;
	}
	.size2of3.right-col {
		margin-bottom:.2em;
	}
	.row .box {
		line-height: 1.5em;
	}
	.row:has([type='checkbox']) .box {
		position: unset;
	}
	.row .box.right-col {
		padding:0 1em;
	}
	.largetextarea {
		width:100%;
	}
	.form-container h2 {
		text-align:left;
	}
	.form-container .box {
		padding:0;
	}
	#loginForm p {
		text-align:left;
		padding-left:50px;
	}
	#loginForm .row {
		padding-left:0;
	}
	#loginForm .buttonline {
		text-align:left;
		padding-left:30px;
	}
	.fileUploadDropArea {
		width: 101%;
	}
	.ajaxFeedback.feedback {
		min-width: unset;
		max-width: 69vw;
		width: 100%;
	}
	.cvcm_container.helpIcon {
		right:0.125em;
	}
}
@media only screen and  (max-width:550px) {
	.feedback  {
		min-width: unset;
	}
	.feedback-holder {
		max-width: unset;
		width: calc(100% - 30px);
	}
}
@media only screen and  (max-width:410px) {
	select {
		max-width:335px;
		width:100%;
	}
}

.scrollableListBox{ overflow-y:scroll;  white-space:nowrap; }

/* send form animation */
.sendFormAnimation {
	position:fixed;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
}
.sendFormAnimationIcon {
	display: block;
	margin: 50px auto 0;
	width: 200px;
	height: 200px;
}

/** SmartForm */
.smartform {
	padding: 30px;
}


.smartform p.section {
	margin-bottom: 25px;
}
.smartform .form-control {
	margin-bottom: 25px;
}
.smartform label {
	font-size: 0.8rem;
	font-weight: 600;
	display: block;
	margin-bottom: 3px;
	color: #505050;
}
.smartform a, 
.smartform-contact a
{
	color: #007BFF;
}
.smartform input {
	display: block; 
	padding: 5px 8px;
	margin-bottom: 3px;
}
.smartform input::placeholder {
	color: #bbb;
}

.smartform-contact {
	padding: 0 30px;
}

.smartform-contact-action ul {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
  display: flex; /* Makes the list horizontal */
}
.smartform-contact-action li {
	padding: 0 5px !important;
	margin: 0 !important;
}

.smartform-contact-action li:not(:first-child) {
  border-left: 1.5px solid #333;
}

.smartform-contact-action span + span::before {
  content: " | ";
  padding: 0 0.15em;
}

.smartform-modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(238, 238, 238, 0.4);
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.brick.smartform-not-available {
	padding: 30px;
}

.v-center {
	display: flex;
	align-items: center;
	gap: 0.2rem;
}
.pr-1 {
	padding-right: 0.25rem;
}
.ml-6 {
	margin-left: 1.5rem;
}
.mb-2 {
	margin-bottom: 0.5rem;
}