@import url(fonts/poppins/poppins.css);
@import url(skin/skin.css);

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* Body */
body {
	color: rgba(0, 0, 0, 0.87);
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 10pt;
	background-color: transparent;
	padding: 8px;
	box-sizing: border-box;
}

br {
	clear: left;
}

/* Headers */
h1  {
	text-decoration: none;
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14pt;
	font-weight: 700;
	margin: 0px;
	padding: 0px;
}

h2  {
	text-decoration: none;
	color:#888888;
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 12pt;
	margin: 1px;
	padding: 1px;
}


/* a */
a  {
	color: rgba(0,0,0,0.87);
	cursor: pointer;
}

a:hover  {
	color: var(--url_hover) !important;
}

a:active  {
	color: var(--url_hover) !important;
}

/* Labels */

/* Image */
img {
	vertical-align: middle;
}

img.mini-icon {
	cursor:pointer;
	height: 20px;
	width: 20px;
}

img.small-icon {
	cursor:pointer;
	height: 28px;
	width: 28px;
}

img.medium-icon {
	cursor:pointer;
	height:30px;
	width:30px;
	padding-right: 8px;
	float:right;
}

img.big-icon {
	height:48px;
	width:48px;
}
/* Fieldset, Legend and Textarea (avoid resize) */

fieldset {
	border-color: rgba(0,0,0,0.54);
	border-radius: 1px 1px 1px 1px;
	border-style: solid;
	border-width: 1px;
}

legend {
	text-decoration: none;
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 700;
	font-size: 12pt;
	margin: 1px;
}

textarea {
	-moz-resize: none;
	resize: none;
}

/*
--------------------------------------------------------------------------------------------------------------------
*/

.home {
	position: absolute;
	left: 20px;
	top: 0px;
}

.main-menu {
	position: absolute;
	left: 20px;
	top: 50px;
	background: rgb(0,93,153);
	z-index: 1000;
	width: 800px;
}

.main-area {
	position: absolute;
	width: 97%;
	background-color: #FFFFFF;
	padding-left: 10px;
}

.main-area-popup {
}

.title-area {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	min-height: 0;
	min-width: 0;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	padding: 16px;
	box-sizing: border-box;
}

.title-icon {
	margin-right: 16px;
}

.title {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	overflow: hidden;
}

.title-only {
	width:100%;
}

.title-buttons-parent{
	min-width: 400px;
	float: left;
}

.title-buttons {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 20px;
	float: left;
}

.title h1 {
	margin-top: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	min-height: 0;
	min-width: 0;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
}

.title .truncate-text {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.title img {
	margin-left: 4px;
}

.detail-area {
	width: 99%;
	margin-left: 8px;
	clear: both;
	padding-bottom: 8px;
}

.detail-area-property {
	width:600px;
	margin-left: 10px;
}

.overview-area {
	min-width: 630px;
	width: 100%;
}

.dependencies-area  {
	width: 100%;
	min-width: 630px;
	margin: 8px 0;
}

.spec-tabs {
	width: 834px;
}

.action-area {
	min-width: 200px;
	width: 25%;
}

.list-area {
	width: 95%;
}

.search-area {
	width: 97.5%;
}

.catalog-area {
	width: 96.5%;
}

.inner-area {
	position: relative;
	height: 99%;
	width: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
}

/* Common properties */
.action-area, .list-area, .search-area, .catalog-area, .dual-box-area, .search-result-area {
	position: relative;
	float: left;
	padding-bottom: 4px;
}

.overview-area fieldset, .action-area fieldset {
	max-height: 55%;
	margin: 0;
}

.list-area fieldset, .search-area fieldset, .catalog-area fieldset {
	width: 100%;
}

.search-area input[type="text"], .search-area select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;

	width:700px;
}

.search-area input.small, .search-area select.small {
	width: 200px !important;
}

.search-area select {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.search-area input.count {
	width: 60px;
}

input.cancel-button,
button.cancel-button,
.ui-dialog .ui-dialog-buttonpane button.cancel-button {
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	min-width: 80px;
	margin: 0;
	transition: background-color 0.3s;
	background-color: var(--secondary_buttons);
	color: var(--buttons);
	border: 1px solid var(--buttons);
	font-size: 14px;
	font-weight: inherit;
}
input.cancel-button:hover,
button.cancel-button:hover,
.ui-dialog .ui-dialog-buttonpane button.cancel-button:hover {
	background-color: var(--secondary_buttons_hover);
	/*border-color: var(--secondary_buttons_hover);*/
}
input.cancel-button:active,
button.cancel-button:active,
.ui-dialog .ui-dialog-buttonpane button.cancel-button:active {
	background-color: var(--secondary_buttons_active);
	color: white;
}
input.cancel-button[disabled],
button.cancel-button[disabled],
.ui-dialog .ui-dialog-buttonpane button.cancel-button[disabled] {
	opacity: 0.5;
}
input.cancel-button:not(:first-child),
button.cancel-button:not(:first-child),
.ui-dialog .ui-dialog-buttonpane button.cancel-button:not(:first-child) {
	margin-left: 5px;
}

input.action-button,
button.action-button,
.ui-dialog .ui-dialog-buttonpane button {
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	min-width: 80px;
	margin: 0;
	transition: background-color 0.3s;
	background-color: var(--buttons);
	color: #FFFFFF;
	border: 1px solid var(--buttons);
	font-size: 14px;
}

input.action-button:hover,
button.action-button:hover,
.ui-dialog .ui-dialog-buttonpane button:hover {
	background-color: var(--buttons_hover);
	border-color: var(--buttons_hover);
}

input.action-button:active,
button.action-button:active,
.ui-dialog .ui-dialog-buttonpane button:active {
	background-color: var(--buttons_active);
	border-color: var(--buttons_active);
}

input.action-button[disabled],
button.action-button[disabled],
.ui-dialog .ui-dialog-buttonpane button[disabled] {
	opacity: 0.5;
}

input.action-button:not(:first-child),
button.action-button:not(:first-child),
.ui-dialog .ui-dialog-buttonpane button:not(:first-child) {
	margin-left: 5px;
}

.ui-dialog.no-close .ui-dialog-titlebar-close {
	display: none !important;
}

input.input-invalid{
	box-shadow: 0px 0px 10px red;
}

/* Other properties */

#properties input[type="text"] {
	border: 1px solid rgba(0,0,0,0.12);
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#properties textarea{
	vertical-align: baseline;
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 10pt;
}

/* Overview Area */


.overview-area h3 {
	font-size: 14px;
	margin-left: -10px;
	font-weight: bold;
	margin-top: 6pt;
	margin-bottom: 0;
	color: rgba(0,0,0,0.87);
	font-weight:700;
	padding-left: 10px;
}

.action-area h3 {
	font-size: 14px;
	padding-left: 3px;
	font-weight: bold;
	margin-top: 6pt;
	margin-bottom: 0;
	color: #004A93;
}

.action-area a {
	margin-left: 5px;
	font-size:12px;
}

.overview-area p {
	float: left;
	font-size:12px;
	width: 100%;
	min-width: 100%;
}

.overview-area label, .tabbertab p label {
	float: left;
	margin-right: 5px;
	overflow: hidden;
	position: relative;
	text-align: right;
	text-overflow: ellipsis;
	width: 115px;
	white-space: nowrap;
}

.overview-area label:after, .tabbertab p label:after {
	position: absolute;
	right: 0;
}

.overview-block {
	float: left;
	padding-left: 20px;
	margin-right: 6px;
}

.overview-block-table {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 2px;
	empty-cells: show;
}

.overview-block-table-row {
	display: table-row;
}

.overview-block-table-cell-label {
	display: table-cell;
	width: 160px;
	padding: 2px 6px 2px 2px;
	text-align: right;
}

.overview-block-table-cell-text {
	display: table-cell;
	white-space: normal;
	width: 220px;
	height:17px;
	border-style: groove;
	border-width: 1px;
	padding: 2px 2px 2px 2px;
	border-color: rgba(0,0,0,0.12);
	/*word-break: break-all;*/
}

.overview-block-table-cell-doc {
	display: table-cell;
	width: 100%;
	padding: 2px 2px 2px 2px;
}

.action-area a {
	display: table;
	padding-left:2px;
}

/* Status Area */
.status-area b {
	margin: 0;
	padding: 0;
}

.status-area p {
	margin: 0;
	padding: 5px;
}


/* Summary Area */
.summary-area label {
	width: 100px;
	margin: 5px;
	float: left;
	text-align: right;
}

.summary-area input {
	margin: 5px;
	padding: 0px;
	float: left;
	width: 240px;
}

/* Summary Area */
.inner-area p {
	margin-top:    1pt;
	margin-bottom: 1pt;
	float: left;
	/*width: 330px;*/
	min-height: 40px;
}

/* Catalog Area */

.catalog-area label {
	width: 140px;
	padding-left: 20px;
	margin: 5px;
	float: left;
	text-align: left;
}

.catalog-area.labelSeparator {
	width: 60px;
	padding-left: 0px;
	margin: 5px;
	float: left;
	text-align: left;
}

.catalog-area select {
	margin: 5px;
	padding: 0px;
	float: left;
	width: 200px;
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 10pt;
}

.catalog-area input[type="text"] {
	float: left;
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 10pt;
	margin: 5px;
	padding: 0;
	width: 200px;
}

.catalog-area .button-area {
	margin: 10px;
	width: 350px;
}

/* tabber area (from navigatorTab.css) */


.tabberlive fieldset {
	margin: 2px 2px 2px 2px;
	border: none;
}

.tabberlive {
	margin-top: 1em;
}

.tabberlive .tabbertabhide {
	display: none;
}

/* Dependencies */
.ui-tabs .ui-tabs-nav,
.ui-tabs .ui-tabs-nav::before,
.ui-tabs .ui-tabs-nav::after,
.ui-tabs .ui-tabs-nav *
.tabberlive .tabbernav,
.tabberlive .tabbernav::before,
.tabberlive .tabbernav::after,
.tabberlive .tabbernav * {
	box-sizing: border-box;
}

.ui-tabs, .tabberlive {
	display: block;
	margin-top: 1em;
}

.ui-tabs .ui-tabs-nav, .tabberlive .tabbernav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ui-tabs .ui-tabs-nav::before,
.ui-tabs .ui-tabs-nav::after,
.tabberlive .tabbernav::before,
.tabberlive .tabbernav::after {
	content: " ";
	display: table;
}

.ui-tabs .ui-tabs-nav::after,
.tabberlive .tabbernav::after {
	clear: both;
}

.ui-tabs .ui-tabs-nav > li,
.tabberlive .tabbernav > li {
	background: none;
	border: 0 none;
	display: block;
	float: left;
	margin-bottom: -1px;
	position: relative;
}

.ui-tabs .ui-tabs-nav > li > a,
.tabberlive .tabbernav > li > a {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	color: rgba(0,0,0,0.54);
	display: block;
	line-height: 1.42857143;
	margin-right: 2px;
	padding: 10px 20px 10px 25px;
	position: relative;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav > li > a:hover,
.tabberlive .tabbernav > li > a:hover {
	color: rgba(0,0,0,0.87);
}

.ui-tabs .ui-tabs-nav > li.ui-tabs-selected,
.tabberlive .tabbernav > li.tabberactive {
	margin-bottom: -1px;
	padding-bottom: 0;
	transition: all 0.4s;
}

.ui-tabs .ui-tabs-nav > li.ui-tabs-selected > a,
.tabberlive .tabbernav > li.tabberactive > a {
	background-color: #ffffff;
	border: 1px solid rgba(0,0,0,.12);
	border-bottom-color: transparent;
	color: rgba(0,0,0,0.87);
	cursor: default;
	font-weight: bold;
}

.ui-tabs .ui-tabs-panel,
.tabberlive .tabbertab {
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 2px;
	clear: both;
	padding: 5px;
}

.ui-tabs .ui-widget-header {
	border: 0 none;
}

/* Special Property editor
--------------------------------------------------------------------------------------------------------------------
*/

.property-editor-area {
	position: absolute;
	left: 0px;
	top: 0px;

	width: 730px;
	height: 600px;
}

.property-table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	width: 100%;
}

.property-row, .property-table-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}

.property-table-cell-group {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.property-table-cell-label, .property-table-cell-label-mandatory {
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 2px 6px 2px 2px;
	text-align: right;
	width: 150px;
	word-wrap: break-word;
}

.property-table-cell-label-mandatory {
	color: var(--buttons) !important;
	font-weight: bold !important;
}

.property-table-cell-inp {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 2px 2px 2px 2px;
}

.property-table-cell-inp input[type=number],
.property-table-cell-inp input[type=text],
.property-table-cell-inp select,
.property-table-cell-inp textarea {
	width: 100%;
}

.property-table-cell-inp input[readonly]{
	color: grey !important;
	background-color: rgba(0, 0, 0, 0.069);
}
/*
--------------------------------------------------------------------------------------------------------------------
*/
.app-conf-int-connector label {
	width: 100px;
	margin: 5px;
	float: left;
	text-align: right;
}

.app-conf-int-connector select {
	margin: 5px;
	padding: 0px;
	float: left;
	width: 240px;
}

.app-conf-int-information fieldset {
	height: 60px; /* not 95% because of firefox */
	width: 95%;
}

.app-conf-int-information label {
	width: 100px;
	margin-top: 5px;
	margin-right: 5px;
	float: left;
	text-align: right;
}

.app-conf-int-information input {
	margin: 5px;
	padding: 0px;
	float: left;
	width: 240px;
}

.app-conf-int-host fieldset {
	height: 380px; /* not 95% because of firefox */
	width: 95%;
}

/* Dual List box */

.dualList {
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 10pt;
	height: 300px;
	width: 300px;
}

.jqgrid-hack table {
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 9pt;
	background: #FFFFFF;
	color: rgb(60, 60, 60);
	margin: 0 !important;
	padding: 0 !important;
}

.jqgrid-hack .ui-jqgrid-pager input {
	width: auto !important;
}

.new-item-area {
	margin: 0 auto 20px;
	width: 98.5%;
}

.new-item-area label,
label#list0partiallabel,
a#list0partial,
label#list0partiallabel2
{
	font-size: 12px;
	margin-right:10px;
}

label#listpartiallabel,
a#listpartial,
label#listpartiallabel2 {
	margin-top:0;
	margin-right:10px;
	float: left;
}

.detail-area label#listpartiallabel,
.detail-area a#listpartial,
.detail-area label#listpartiallabel2 {
	margin-right :0;
}

.detail-area label#listpartiallabel {
	width: auto;
	margin-left: 5px;
	margin-right:10px;
}

.detail-area label#listpartiallabel2 {
	margin-left: 10px;
}

a#listpartial {

}

label#listpartiallabel2 {

}

.global-search-area {
	margin: 0 auto 20px;
	width: 98.5%;
}

.global-search-area form input {
	width: 91%;
}

.global-search-area p input {
	width: 30px;
}

.new-item-area input {
	width: auto !important;
}

/*
CSS for iframe
*/

iframe {

	width: 100%;
	height: 100%;
	border: none;
}

.iFrameBanner {
	position: fixed; /* use fixed and not absolute for chrome and safari */
	left: 0px;
	top: 0px;
	width: 257px;
	height: 64px;
	z-index: 5;
}

.iFrameHeader {
	position: fixed; /* use fixed and not absolute for chrome and safari */
	left: 0px;
	top: 0px;
	margin-left: 257px;
	height: 64px;
	width: 100%;
	z-index: 4;
}

.iFrameMenu {
	position: fixed; /* use fixed and not absolute for chrome and safari */
	left: 0px;
	top: 0px;
	padding-top: 64px;
	width: 257px;
	height: 100%;
	z-index: 3;
}

.iFrameMain {
	position: fixed; /* use fixed and not absolute for chrome and safari */
	left: 257px;
	top: 0px;
	padding-top: 64px;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 3;
	background-color: var(--background_mainFrame);
}

.iFrameBlank {
	background-color: white;
	position: fixed;  /* use fixed and not absolute for chrome and safari */
	left: 0px;
	top: 48px;
	width: 100%;
	height: 650px;
	z-index: 3;
}

/* Advanced Search */

.div-input-search-area {
	width: 795px;
}

.div-input-search-area fieldset{
	padding-top: 10px;
	padding-bottom:4px;
}

.div-input-search-img {
	position: relative;
	float: left;
	width: 30px;
}

.div-simple-search {
	float:right;
	width: 730px;
}

.div-simple-search input {
	width:420px;
	vertical-align:top;
	border: 0px;
	color: rgb(100, 100, 100);
	padding: 3px
}

.div-advanced-search {
	float:right;
	width: 730px;
}

.div-advanced-search-button {
	width:65px;
	float:right
}

/* mandatory field */
.mandatory-field {
}

.mandatory-label {
	color: #438CD5;
}

.mandatory-field-error {
	border: 2px solid #900;
}

.ui-pager-control input.ui-pg-input{
	width:35px;
}

#pager_center, #pager0_center {
	width:100% !important;
}

#pager_right, #pager0_right, .ui-paging-info {
	width:215px;
}

#pager_center .ui-pg-table,
#pager0_center .ui-pg-table {
	margin-left: 100px !important;
}

.ui-pg-table input {
	height:20px !important;
	float: none !important;
	font-size:11px !important;
}

.ui-jqgrid .ui-jqgrid-btable tr td img:hover {
	cursor: pointer;
}

#sp_1_pager {
	float:none;
}

.ui-jqgrid .ui-jqgrid-htable th div {
	word-wrap: break-word;
	word-break: break-word;
	white-space: initial;
	height: initial;
	min-height: 17px;
	color: rgba(0,0,0,0.87);
	font-weight: 700;
}

.labelPartial, .labelPartial2, .linkDisplayAll {
	margin-top: 0px !important;
	float: left !important;
	width:auto !important;
	margin-left: 0px !important;
	max-width: none !important;
	min-width:  none !important;
	font-size: 12px !important;
}

.linkDisplayAll {
	margin-left: -5px !important;
	margin-top: 0px !important;
	font-size: 12px !important;
}

.labelPartial, .linkDisplayAll {
	margin-right:10px;
}

.labelPartial2 {
	margin-left: 5px !important;
	margin-right: 0px !important;
}

.labelPartialTableSpace {
	/*margin-bottom:30px !important;*/
	margin-bottom:10px !important;
}

#paginationElement_center {
	width:auto !important;
}

img.iconType:hover {
	cursor: default !important;
}

.ui-jqgrid-btable td,
.ui-jqgrid-htable td {
	white-space: pre-wrap !important;
	vertical-align: top !important;
}

.ui-jqgrid-btable td a:hover, .ui-jqgrid-htable td a:hover, .overview-block-table-cell-text a:hover, .title a:hover,
.linkDisplayAll:hover {
	text-decoration: underline;
}

.ui-jqgrid {
	clear:both;
}

.ui-jqgrid-btable thead th select,
.ui-jqgrid-htable thead th select {
	max-width: none;
}

.error-area p {
	color:red;
}

.ui-icon-alert, .ui-icon-success, .ui-icon-error {
	float:left;
	margin:0 7px 0 0;
	background-image: url("/img/alert.png") !important;
	background-position: inherit !important;
	height: 16px;
	width: 16px;
}

.ui-icon-success {
	background-image: url("/img/success.png") !important;
}

.ui-icon-error {
	background-image: url("/img/error.png") !important;
}

.waitingMessage, .errorExportMessage {
	font-size: 13px;
}

.link:hover, .tvLink:hover {
	color:#165C97;
	text-decoration: underline;
	cursor: pointer;
}

#overlay {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 1001;
}

#loading {
	width: 106px;
	height: 107px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -53px 0 0 -53px;
	z-index: 1001;
}

.footer-area {
	position: absolute;
	left:0;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #888888;
	padding:8px;
	background-color: #FFFFFF;

}

.removeHighlight tr.ui-state-highlight{
	border:inherit !important;
	background:none !important;
}

.sf-menu, .sf-menu ul {
	background-color: #FFFFFF;
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.sf-menu li, .sf-menu ul li, .sf-menu ul ul li {
	background: #FFFFFF;
}

.sf-menu li:hover {
	background: rgba(0,0,0,0.04);
}

.sf-menu li.sfHover {
	background: rgba(0,0,0,0.12);
}

.sf-menu a {
	color: rgba(0,0,0,0.87);
	padding: 0.714em 0.857em;
}

.sf-vertical.sf-arrows > li > .sf-with-ul:after {
	border-left-color: rgba(0,0,0,.54);
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
	border-left-color: rgba(0,0,0,.54);
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.ui-widget-header {
	color: rgba(0,0,0,0.87);
}

select {
	font-family:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 8pt;
}

.white-space-pre-wrap {
	white-space: pre-wrap;
}

.error span {
	padding: 30
}

.btn-collapse {
	color: var(--menu_opened);
	font-size:20px;
	z-index: 8;
	position: fixed;
	left:247px;
	top:76px;
	transform: rotate(-180deg);
	transition: transform 0.2s linear;
}

.btn-collapse.closed{
	left:15px;
	transform: rotate(-0deg);
	transition: transform 0.2s linear;
}

.btn-collapse-background {
	background-color: white;
	width: 12px;
	height: 14px;
	position: fixed;
	left: 251px;
	top: 79px;
	z-index: 7;
}

.btn-collapse-background.hovered {
	background-color: var(--menu_gradient_from);
}

.btn-collapse-background.closed{
	left: 19px;
}

/* x button to clear text */
.cleartext {
	cursor:pointer;
	margin-right:5px;
	border-right:1px solid grey;
	padding-right:5px
	font-size: 10pt;
}
.cleartext:after {
	content:'X';
  	visibility: visible;
  	padding: 5px;
	color: grey;
}

.hidden_hover_class{
	display: none;
}

.title:hover .hidden_hover_class {
	display: block;
}


a.fc-event-hover{
	background-color: var(--buttons_active);
	border-color: var(--buttons_hover);
}

legend.accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}
legend.accordion.active:after {
	content: "\2212";
}

div.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.panel fieldset label.left-100-label{
	width:100px;
	float:left;
	text-align:left;
}

.aligned-input{
	margin-top: 1px;
	margin-bottom: 1px;
	min-height: 40px;
}