/*
	Common css for all portals. First included so it has the least significance.
	Add here style for all portals.
*/


.colConfTh{
	border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    background-color: #ecf4fe
}

.colConfTd{
	border: 1px solid #dddddd;
    text-align: left;
}

.colConfTdLink{
	border: 1px solid #dddddd;
    text-align: center;
}

.rich-tree-h-ic-img {
	height: auto;
}

.cssTooltipHolder {
	position: relative;
}

.cssTooltipHolder:hover .cssTooltipContent {
	display: block;
}

.cssTooltip-left::before {
	content: '';
	position: absolute;
	display: block;
	width: 0px;
	left: 0;
	top: 50%;
	border: 15px solid transparent;
	border-left: 0;
	border-right: 15px solid #00448b;
	transform: translate(calc(-100% - 5px), -50%);
}

.cssTooltip-right::before {
	content: '';
	position: absolute;
	display: block;
	width: 0px;
	right: 0;
	top: 50%;
	border: 15px solid transparent;
	border-right: 0;
	border-left: 15px solid #00448b;
	transform: translate(calc(100% + 5px), -50%);
}

/*
	The border needs to be defined as a number or else the ui.pack.js from richfaces will give an error
	and the combobox stops functioning
*/
input.rich-combobox-input-disabled {
	border-left-width: 0 !important;
	border-right-width: 0 !important;
} 

input.rich-combobox-input-inactive {
	border-left-width: 0 !important;
	border-right-width: 0 !important;
} 


.cssTooltipHolder .cssTooltipContent {
	position: absolute;
	z-index: 500;
	display: none;
}

.listItemDisabled {
	color: gray;
}

.linkDisabled {
	color: gray;
}

.listItemWarning {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 1px solid orange;
}

.advancedSearchFieldset {
	border: 1px solid #C0C0C0;
}

.advancedSearchLegend {
	font-weight: normal;
	font-size: 11px;
	color: #00448B;
}

.IEVerticalScrollbarBecauseOfHorizontalScrollbarHack {
	padding-bottom: 16px !important;
	overflow-y: hidden;
}

.panelGridAlignTop {
	vertical-align: top;
}

.toolbarLabelText {
	font-family: arial, sans-serif;
	font-size: 10px;
}

.dontWrapClass {
	white-space: nowrap;
}

/* unified menu related */
.rich-menu-item-icon {
	background-image: url(../img/menu/item.gif);
	margin-right: 0;
}
.rich-menu-item {
	white-space: normal;
	padding-right: 0;
}
.rich-menu-item-icon, .rich-menu-group-icon {
	margin-right: 0;
}
.mI_sel {
	font-weight: bold;
	background-color: #F9EEC9;	
}
.mmg-rich-stglpanel-body {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
}
.mg-rich-stglpanel {
	border: 0;
	background-color: #ffffff;
}
.mg-rich-stglpanel-body {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 0;
	overflow: hidden;
	background-color: #ffffff;
}
.mg-rich-stglpanel-header {
	border: none;
	padding-left: 16px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-image: url(../img/menu/group.gif);
	font-weight: normal;
}
.rich-stglpanel-header {
	height: 16px;
	padding-bottom: 1px;
    padding-top: 3px;
    overflow: hidden;
}
/* /unified menu related */

.regularFormInputText, .rich-calendar-input.regularFormInputText {
	width: 400px;
}

.regularFormInputTextArea {
	width: 400px;
	resize: none;
}

.regularFormInputSelect {
	width: 408px;
}

.mandatoryStarStyle {
	color: red;
	font-size: 18px;
	vertical-align: middle;
}

.mandatoryStarStyleWithSpace {
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 0px;
	color: red;
	font-size: 18px;
	vertical-align: middle;
}

.notMandatoryStarStyle {
	color: white;
	font-size: 18px;
	vertical-align: middle;
}

.shortFormInputText, .rich-calendar-input.shortFormInputText {
	width: 200px;
}

.shortFormInputTextArea {
	width: 200px;
	resize: none;
}

.shortFormInputSelect {
	width: 204px;
}

.progressOverlayClass {
	opacity: 0.45;
	filter: alpha(opacity = 45);
	-moz-opacity: .45;
	background-color: #EEE;
	cursor: wait;
}

.progressOverlayClassImproved {
	width:1px;
}

#progressOverlay {
	position: absolute;
	display: none;
	z-index: 1000;
	width: 1px;
	height: 1px;
}

#guiLockerOverlay {
	position: absolute;
	display: none;
	z-index: 1000;
	width: 1px;
	height: 1px;
	background-image: url('../img/spinner/ajaxImprovedSpinner.gif');
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.45;
	filter: alpha(opacity = 45);
	-moz-opacity: .45;
	background-color: #EEE;
	cursor: wait;
}
 
.rich-tab-inactive {
    background-color: #f0f0f0;
	cursor: pointer;
}

.ajaxSpinnerClass {
	vertical-align: middle;
	background-color: white;
	border: solid black 1px;
}

.columnHeaderTopAligned {
	vertical-align: top;
}

.treeNodeGlyph {
	vertical-align: middle;
}

.treeNodeEntityText {
	text-decoration: none;
	vertical-align: middle;
}

.rich-tree-node-selected {
	font-weight: bold;
}

/* fixes the dropdown toolbar entries */
.rich-menu-list-bg div.rich-menu-item.rich-menu-item-hover {
	background: none;
	border: none;
	padding: 0px;
	margin: 2px;
}


/* rich picklist and rich shuttle fixes */
.rich-picklist-list-content {
	overflow-x: hidden;
}

.rich-picklist-target-cell, .rich-picklist-target-cell-selected, .rich-picklist-source-cell, .rich-picklist-source-cell-selected {
	padding-right: 20px;
}

.rich-shuttle-source-items, .rich-shuttle-target-items, .rich-picklist-source-items, .rich-picklist-target-items  {
	display: block;
	height: 100%;
	margin: 0;	
}

.rich-shuttle-internal-tab {
	width: auto;
}

.rich-shuttle-list-content {
	overflow-y: scroll;
}

.rich-shuttle-source-cell-selected, .rich-shuttle-target-cell-selected {
	padding-top: 1px;
	padding-bottom: 1px;
}


.rich-shuttle-source-caption, .rich-shuttle-target-caption {
	padding-left: 0;
}

.rich-stglpanel-body {
	padding: 1px;
}

.dragAndDropFileDropZone {
    border: 2px dashed #bbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font: 20pt bold 'Vollkorn';
    color: #bbb;
}

.simpleCommandButton {
    border-radius: 3px;
    background-color: transparent;
    padding: 5px 10px;
    font-size: 11px;
    cursor: pointer;
    color: #1F6ED4;
    text-transform: uppercase;
    border-color: #1F6ED4;
    border-style: solid;
    border-width: thin;
}

.simpleCommandButton:hover {
    background-color: #C1D1E8;
    color: #ffffff;
}


.simpleCommandButton:disabled {
	background-color: #e2e2e2;
    color: #c0c0c0;
    border-color: #c0c0c0;
}

/* I've added these modifiers to normalize the differences between browsers. Please don't modify these defaults. */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ontoMlField {
	width: 90%;
}

.formLabelCentered {
	color: #254188;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 15px;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
}

.formLabelCenteredFixedWidth {
	color: #254188;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 15px;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	width: 200px;
	display: block;
}

.field {
	width: auto;
}

.fieldNotVisible {
	color: #999999;
}

.importTip {
	padding: 10px;
}

#fieldDescriptionTable {
	width: 700px;
}

#fieldDescriptionTable .fdLabels {
	width: 150px;
}

#fieldDescriptionTable .fdFacetValue {
	width: 100%;
}

#fieldDescriptionTable .fdFacetValue input[type="text"], #fieldDescriptionTable .fdFacetValue select {
	width: 99%;
}

#fieldDescriptionTable textarea {
	width: 99%;
	height: 60px;
}

#fieldDescriptionTable .fdMiniheader {
	text-align: center;
	font-weight: bold;
	color: #254188;
	padding-top: 10px;
}

.max-width {
	width: 100%;
}

.max-height {
	height: 100%;
}

.col50 {
	width: 50%;
}

.col75 {
	width: 75%;
}

.col33 {
	width: 33%;
}

.col100 {
	width: 99%;
}

.columnHeaderTableFixedHeight{
	height: 100px; cell-spacing: 0px; cell-padding: 0px;
}

.columnHeaderTable{
	cell-spacing: 0px; cell-padding: 0px;
}

.columnHeaderLabelTd{
	height: 100%; vertical-align: top;
}

.columnHeaderFilterTd{
	vertical-align: bottom;
}

.unicodeText {
	font-family: 'Arial Unicode MS','Lucida sans unicode', Arial, Verdana, sans-serif;
}

.kpi-table-header {
	color: white;
	background-color: #AAF;
	font-weight: bold;
}

.kpi-table-datarow {
	white-space: nowrap;
}

.kpi-table-td {
	border:1px solid #CCC;
}

.polledSemaphore {
	width: 20px;
}

.CodeMirror {
	border: 1px solid #eee;
	height: 100% !important;
}

.uiGroupContainer {
	width: auto;
	border: 1px solid #BED6F8;
	padding: 3px;
	margin: 6px 2px 4px 2px;
	border-radius: 3px;
}

.uiGroupHeader {
	position: relative;
	top: -10px;
	left: 5px;
	padding-left: 5px;
	background-color: #ffffff;
	width: 70px;
	display: inline;
}

.uiGroupContent {
	display:flex;
	padding: 4px;
	margin-top: -10px;
}

.max-width{
	width: 100%;
}

.commandButtonPushed {
	border-left: #3467a0 2px solid;
	border-bottom: #83bae3 1px solid;
	border-right: #83bae3 1px solid;
	border-top: #3467a0 2px solid;
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
	color: #254188;
	margin-right: 2px;
	height: 22px;
	background-color: #c8e1f5
}

.commandButtonPushed3 {
	background: #EEF2F8 url('../img/enabled.png') no-repeat left;
	border-left: #3467a0 2px solid;
	border-bottom: #83bae3 1px solid;
	border-right: #83bae3 1px solid;
	border-top: #3467a0 2px solid;
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
	height: 22px;
	width: 71px;
	padding-left: 14px;
	color: #254188;
}

.commandButton3 {
    background: #EEF2F8 url('../img/disabled.png') no-repeat left;
	border-left: #83bae3 1px solid;
	border-bottom: #3467a0 2px solid;
	border-right: #3467a0 2px solid;
	border-top: #83bae3 1px solid;
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
	height: 22px;
	width: 71px;
	padding-left: 14px;
	color: #254188;
}


.fieldDescScriptBrowse {
	margin-left: 6px;
	padding: 2px;
}

.console {
  font-family: monospace;
  font-size: 11px;
}

.confirmationImage{
	border: none; vertical-align: middle;
}

.confirmationOutput{
	font-weight: bold;
}

.confirmationLink{
	color: black; text-decoration: none;
}

.stripeText span p {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

.column-action, .row-action {
	background: #F2F8FC;
	height: 30px;
}

.borederd-table {
	border: 1px solid #ccc;
}

.column-action a, .row-action a {
	border: 0px; width: 16px; height: 16px;
	margin-left:6px;
}

.freeAttachment {	
	width: 99% !important;
	font-size:10px !important;
}

.freeAttachment .rich-toolbar {
	background-color: #ECF4FE;
	border-bottom: none;
}

.freeAttachment .rich-table {
	margin-top: -1px;
}

.freeAttachmentToolbar {
	height: 26px !important;
}
.freeAttachmentToolbarNoResult {
	
}

.freeAttachmentUploader {
	width:100% !important;
}

/*.freeAttachmentUploader .rich-fileupload-name {
	height: auto !important;
}

.freeAttachmentUploader .rich-fileupload-toolbar-decor {
	background-color: #EBF6FF !important;
	height: 100px;
    margin-left: -2px;
}*/


.freeAttachmentToolbarNoResult {
    padding: 10px;
    font-size: 12px;
    background: #FFF9CC;
    border: 1px solid #FFE296;
}

/* The following entries position the autocompleter from the tree search correctly + mmake it auto-size */ 
.treeSuggContainer .rich-sb-ext-decor-1 {
	position: relative;
	right: 226px;
	width: auto !important;
}

.treeSuggContainer .rich-sb-ext-decor-2 {
	width: auto;
}

.treeSuggContainer .rich-sb-ext-decor-3 {
	width: auto;
}

.treeSuggContainer .rich-sb-overflow {
	width: auto !important;
	overflow-y: scroll;
}

.treeSuggContainer .rich-sb-int-decor-table {
	width: auto;
	overflow: visible;
}

.treeSuggContainer .rich-sb-shadow {
	display: none;
}

.treeSuggContainer {
	width: auto !important;
	background: none;
}

.column-action, .row-action {
	background: #F2F8FC;
	height: 30px;
}

.borederd-table {
	border: 1px solid #ccc;
}

.column-action a, .row-action a {
	border: 0px; width: 16px; height: 16px;
	margin-left:6px;
}

.uninitializedEntry {
	color: grey;
}

.newEntry {
	color: green;
}

.deletedEntry {
	color: red;
}

.normalEntry {
	color: black;
}

.no-result {
	padding: 7px;
	background: #F9FFDB;
	border: 1px solid #FFF1B3;
}

.deletedEntry{
	color:red;	
}

.newEntry{
	color:green;		
}

.modifiedEntry{
	color:blue;		
}

.halfListColumnCentered{
	width: 50%; text-align: center; white-space: nowrap;
}

.quarterListColumnCentered{
	width: 25%; text-align: center; white-space: nowrap;
}

.messagesBox{
	text-align: left;
	margin-top: 3px;	
	list-style-type:none;	
	padding:5px;
	border: solid 1px #D8D8D8;	
}

.messagesBox li{
	padding:4px;
}

.warnMessages {
	background: #FFFCD8;
	padding-left: 5px;
	border-top: 1px solid #ECECEC;
    padding-top: 2px;
    margin-top: 1px;		
}

.errorMessages {
	background: #FF5858;
	color: #000;
	padding-left: 5px;
	border-top: 1px solid #ECECEC;
    padding-top: 2px;
    margin-top: 1px;		
}

.headcol {
    position: absolute;
    width: 95px;    
    left: 23px;
    top: auto;
    border: none;
    border-top-width: 3px;
    margin-top: 6px;
    background-color: #ECF4FE;
    height: 26px;
    margin-top: -1px;
    border: solid 1px #C0C0C0;
}

.long {	
	letter-spacing: 1em;
	height: 25px;
}

.cellInput {
	width: 100%;
	border:none;
}

.multiselect-border {
	border: 1px solid gray;
	width: 70%;
}

.multiselect-token {
    cursor: default;
    float: left;
    overflow: hidden;
    margin: 2px;
    border: 0.1rem solid #F1F1F1;
    border-radius: 10px;
    margin-right: 0.25rem;
    box-shadow: inset 0 0 0.625rem #ececec;
    background-color: #D8E7FD;
	height: 1.5em;
}

.multiselect-add {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 2em;
}

.multiselect-icon {
    padding-top: 3px;
    cursor: pointer;
    height: auto;
    border: none;
}

.multiselect-delete {
	background-color: #c0d0e6;
    border-radius: 15px;
	color: #f1f1f1;
	display: inline-block;
    width: 1.2em;
    height: 1.2em;
    text-align: center;
    padding: 2px;
}

.multiselect-token-label {
	padding: 0em 0.6em 0em 0.5em;
    display: inline-block;
    text-decoration: none;
    color: #1C4257;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    font-size: 9pt;
	vertical-align: middle;
}

.multiselect-active {
    color: #1C4257;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}


.multiselect-selected {
    color: #1C4257;
   	-webkit-box-shadow: none;
    box-shadow: none;
}

.multiselect-input-text {
	float: left;
    margin: 2px;
    padding: 7px;
    font-size: 10pt;
    outline: medium none;
    box-sizing: border-box;
}

.multiselect-input-text:focus {
	box-shadow: 0px 0px 5px #1f89ce;
}

.dogr-vector-column {
	width: 180px;
}

.dogr-classif-column {
	width: 300px;
}

.itemPanel .formField SELECT{
	font-size: 11px !important;
}

.itemPanel .formField INPUT{
	font-size: 11px !important;
	color: #000000 !important;
}

div.suggestionList {
	font-size: 9pt !important;
	position: relative;
	width: 560px;
	margin: 4px 0px;
	
	/* Prevent very very long autocompleters, at the moment leave a scrollbar - we should later trim the results and have a "more..." button */
    max-height: 300px;
    overflow-y: auto;
}

.suggestionList ul {
	list-style-type: none;
	padding: 0px;
	width: 100%;
	margin: 0px;
}

.suggestionList ul li.suggestion {
	width: auto;
	padding: 2px 20px;
}

.suggestionList ul li a {
	color: #000000;
	text-decoration: none;
}

.suggestionList ul li.selected-suggestion {
	background-color: #1E3D9D !important; /* So it overrides the hover suggestion */
}

.suggestionList ul li.selected-suggestion-light {
	background-color: #EFF4FE;
}

.suggestionList ul li.selected-suggestion a {
	font-weight: bold;
}

.suggestionList ul li.selected-suggestion a span {
	color: white;
}

.suggestionList ul li a .suggestion-not-valuated {
	color: #555555;
	font-style: italic;
}

.suggestionList ul li a .suggestion-no-translation {
	color: #555555;
}

.suggestionList ul li a .suggestion-no-term {
	color: #999999;
	font-style: italic;
}

.suggestionList ul li.selected-suggestion-light a {
	color: black;
}

.suggestionList-status {
	/*position: absolute;
	right: 2px;
	top: 2px;	*/
}

.externalSuggestion {
	/*)color: blue !important;*/
}

.greyhint {
	font-style: italic;
	display: block;
	color: #999999;
	padding: 3px;
}

.suggestion-header {
	font-style: italic;
	padding-left: 10px;
	font-weight: bold;
	margin-top: 2px;
	color: #444444;
}

#generateNamingProposal {
	display:table;
	width:800px;
	margin-top: 10px;
	margin-left: 10px;
}

#generateNamingProposal .generateNamingProposal-clearfix{
	clear:both;
	margin-bottom: 18px;
}

.generateNamingProposal {
	width: 100%;
}

.generateNamingProposal-okButton {
	height: 33px;
}

.generateNamingProposal-categories {
	width: 100%;
}

#generateNamingProposal .align-block-left {
	position: relative;
	float: left;
	width: 150px;
	padding-top: 3px;
}

#generateNamingProposal .generateNamingProposalButtons-previousEnabled{
}

#generateNamingProposal .generateNamingProposalButtons-previousDisabled{
}

#generateNamingProposal .generateNamingProposalButtons-nextEnabled{
	margin-right:90px;
	float:right;
}

#generateNamingProposal .generateNamingProposalButtons-nextDisabled{
	margin-right:90px;
	float:right;
}

#generateNamingProposal .generateNamingProposalButtons-icon{
	vertical-align: middle;
}

#generateNamingProposal .generateNamingProposalButton-enabled{
    text-decoration:none;
    color: rgb(104,104,104);
}

#generateNamingProposal .generateNamingProposalButton-disabled{
    text-decoration:none;
    color: rgb(178,178,178);
}

#generateNamingProposal .generateNamingProposal-spinner-wrap {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
	text-align: center;
}

#generateNamingProposal .generateNamingProposal-spinner-icon{
	background-color: white;
}

#generateNamingProposal .generateNamingProposal-data-aligned{
	margin-left:170px;
}

article.idlTextUperCase:first-letter, article .idlTextUperCase {
	display: inline-block !important;
	text-transform:lowercase !important;
}


article.idlTextUperCase:first-letter, article .idlTextUperCase:first-letter {
	text-transform: capitalize !important;
}
.multiselect-active.multiselect-standard {
	border: 1px solid #aaaaaa;
}

.multiselect-selected.multiselect-standard {
	border: 1px solid #4444ee;
}

.multiselect-active.multiselect-unfilled {
	color: #999999;
	font-style: italic;
	border: 0;
    border: 1px solid #cccccc;
}

.multiselect-selected.multiselect-unfilled {
	border: 1px solid #4444ee;
	font-style: italic;
	color: #999999;
}

.multiselect-unfilled .multiselect-token-label {
	font-style: italic;
	font-weight: normal;
	color: #999999;
}

.multiselect-active.multiselect-missing-wf {
	border: 1px solid #ffbb33;
}

.multiselect-selected.multiselect-missing-wf {
	border: 1px solid #4444ee;
}

.multiselect-active.multiselect-missing-translation {
	border: 1px solid #a4c7f4;
	font-style: italic;
}

.multiselect-selected.multiselect-missing-translation {
	border: 1px solid #4444ee;
	font-style: italic;
}

li.multiselect-red a, li.multiselect-red a span {
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
}

.namingProposal {
	min-height: 22px;
    width: 500px;
    padding: 3px;
    font-size: 9pt;
}

.namingProposal span a img {
    width: 12px;
    height: 12px;
    margin-bottom: -2px;
    margin-left: 3px;
    margin-right: 3px;
    border: 0px;
}

.namingProposal-entry {
    margin-bottom: 3px;
    display: inline-block;
    background-color: #f0f0f0;
    border: 1px solid #d0d0d0;
}

.namingProposal-separator {
	display: inline-block;
	float: left;
	margin-top: 4px;
}

.namingProposal-delete {
    display: inline-block;
	visibility: hidden;
}

.namingProposal-list {
	width: 426px;
	float: left;
}

.namingProposal-search-button {
	margin-top: 6px;
}

a.namingProposal-search-button {
	text-decoration: none;
	color: #4153A7;
}

.namingProposal-search-button img {
	width: 24px;
}

.namingProposal-search-button-disabled {
	color: #999999;
}

.namingProposal-search-button span {
	text-decoration: none;
	font-size: 12px;
    display: inline-block;
    top: -7px;
    position: relative;
}

.input500px {
	width: 500px;
}

.tableListRowNrFixedSize{
	width:18px;
}

.tableListRowNrFixedSize2{
	width:50px;
}

/* configurable menu related */

.configurableMenu {
	width: 210px;
}

.configurableMenuModule {
}

.configurableMenuModuleHeader {
}

.configurableMenuModuleHeaderIcon {
	padding: 0 3px 0 0;
	vertical-align: middle;
}

.configurableMenuModuleHeaderLabel {
	vertical-align: middle;
}

.configurableMenuModuleBody {
	padding: 1px 0px 1px 3px;
}

.configurableMenuItemGroup {
	border: 0;
	padding: 0;
}

.configurableMenuItemGroupHeader {
	border: 0;
	background-image: none;
	background-color: #FFF;
	font-weight: normal;
	padding-left: 0;
}

.configurableMenuItemGroupHeaderIcon {
	padding: 0 1px 0 0;
	vertical-align: middle;
}

.configurableMenuItemGroupHeaderLabel {
	vertical-align: middle;
}

.configurableMenuItemGroupBody, .rich-stglpanel-body {
	padding: 1px 0px;
}

.rich-stglpanel-body.configurableMenuItemGroupBodyExtended .configurableMenuItem {
	padding-left: 0px;
}

.rich-stglpanel-body.configurableMenuItemGroupBodyExtended .configurableMenuItem .configurableMenuItemLink {
    padding-left: 10px;
}

.rich-stglpanel-body.configurableMenuItemGroupBodyExtended .configurableMenuItem.menuItemDisabled {
    padding-left: 9px;
}


/* 2nd level of configurable menu */
.rich-stglpanel-body.configurableMenuItemGroupBodyExtended .configurableMenuItemGroupHeader {
	padding-left: 10px;
}

.rich-stglpanel-body.configurableMenuItemGroupBodyExtended .rich-stglpanel-body.configurableMenuItemGroupBodyExtended .configurableMenuItem .configurableMenuItemLink {
	padding-left: 20px;
}

.rich-stglpanel-body.configurableMenuItemGroupBodyExtended .rich-stglpanel-body.configurableMenuItemGroupBodyExtended .configurableMenuItem.menuItemDisabled {
    padding-left: 20px;
}


/* 3rd level of configurable menu */
.rich-stglpanel-body.configurableMenuItemGroupBodyExtended .rich-stglpanel-body.configurableMenuItemGroupBodyExtended .configurableMenuItemGroupHeader {
	padding-left: 20px;
}

.rich-stglpanel-body.configurableMenuItemGroupBodyExtended .rich-stglpanel-body.configurableMenuItemGroupBodyExtended .rich-stglpanel-body.configurableMenuItemGroupBodyExtended .configurableMenuItem .configurableMenuItemLink {
	padding-left: 30px;
}

.rich-stglpanel-body.configurableMenuItemGroupBodyExtended  .rich-stglpanel-body.configurableMenuItemGroupBodyExtended .rich-stglpanel-body.configurableMenuItemGroupBodyExtended .configurableMenuItem.menuItemDisabled {
    padding-left: 30px;
}


.configurableMenuItem {
	display: block;
	padding: 2px 1px 1px 1px;
}

.configurableMenuItem.menuItemSelected {
	font-weight: bold;
	background-color: #F9EEC9;
}

.configurableMenuItem.menuItemDisabled {
	color: #8db7f3;
}

.configurableMenuItem:hover {
	background: none;
	border: none;
    padding: 2px 1px 1px 1px;
}

.configurableMenuItem:hover > a.configurableMenuItemLink {
	color: #619ace;
}

.configurableMenuItemLink {
	display: block;
	cursor: pointer;
	color: black;
    text-decoration: none;
    white-space: normal;
    padding-top: 1px;
}



.configurableMenuItemLinkIcon {
	vertical-align: middle;
	padding: 0 1px 0 0;
	display: block;
	float: left;
}

.configurableMenuItemLinkText {
	display: block;
}

.configurableMenuItemFavoriteLink {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	background-image: none;
}

.configurableMenuItem:hover .favoriteStar {
	background-image: url(../img/menu/favoriteEmpty.png);
}

.unfavoriteStar {
	background-image: url(../img/menu/favorite.png);
}

.configurableMenuItem:hover .unfavoriteStar {
	background-image: url(../img/menu/removeFavorite.png);
}

.configurableMenuItem:hover .removeFavorite {
	background-image: url(../img/menu/removeFavorite.png);
}

.whiteBackground{
	background-color: #ffffff;
}

.redBackground {
	background-color: red;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    color: gray;
}

/* configurable menu related end */

/* fixed table header css */

.fixedTableHeaderClass {
	top: 0;
	position: fixed;
	display: none;
}

/* dixed table header css end */

.multiStatusLabelTable {
	width: 300px;
}

.hideUpload.rich-fileupload-list-decor{
	border: none;
	background-color: #FFF;
}

.hideUpload.rich-fileupload-list-decor.rich-fileupload-list-overflow{
	display : none;
}

.hideUpload table{
	background-color: #FFF !important;
}

.hideUpload table td div.rich-fileupload-button-border{
	display: none;
}


.hideUpload table td div:first-child{
	display: block;
}


.tableWithSimpleBorder td {
	border: 1px solid #cccccc;
}

.translTextArea {
	color: black;
	font-size:10px;
	font-family:arial;
	min-width: 100px;
	width: 100%;
	border: 1px solid #A8A8A8;
	resize: none;
}

.translTextAreaContainer {
	position: relative;
	padding-right: 7px;
}

.translTextAreaTwoRowContainer {
	position: relative;
	padding-right: 2px;
}

.translTextAreaCountStyle {
	position: absolute;
    bottom: 6px;
    right: 40px;
}

.translTextAreaTwoRowCountStyle {
	float: right;
	margin-top: 5px;
	margin-right: 3px;
}

.translTextAreaFlag {
	position: absolute;
    bottom: 3px;
    right: 4px;
}

.translTextAreaTwoRowFlag {
	float: right;
	margin-top: 3px;
	margin-bottom: 3px;
}

.translTextAreaTable {
	width: 100%;
}

.eaNotAssigned {
	background-color: #e2e2e2;
}

.eaValueContainer {
	text-align: left;
	white-space:nowrap;
}

.eaValueContainer input, .eaValueContainer select {
	box-sizing: border-box;
}

.eaValueContainer input[type="checkbox"] {
	width: auto;
}

.eaValueContainer input.rich-calendar-input {
	width: 150px;
	height: 20px;
	width: calc(100% - 18px); /* will work on modern browsers, otherwise fall back on width: 150px */
}

.placeholder {
	color: grey !important;
}

.complexfield:disabled {
	background: none;
}

.e2e-table-header {
    width: 99.3%;
    display: inline-block;
    padding: 4px 4px 4px 4px;
    border-right: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    font-family: Arial,Verdana,sans-serif;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    color: #000;
}

table.center {
  margin-left:auto;
  margin-right:auto;
}
/*Left menu small changes*/
.rich-stglpanel-header, .rich-panel-header, .rich-tab-active, .rich-tab-inactive {
    background-image: none !important;
}

.e2e-table-header {
    width: 99.3%;
    display: inline-block;
    padding: 4px 4px 4px 4px;
    border-right: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    font-family: Arial,Verdana,sans-serif;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    color: #000;
}

#termWizard{
	margin-top: 15px;
    margin-bottom: 30px;
}

.missingTranslation {
	font-style: italic;
	color:#555555;
}

#menuDiv .rich-stglpanel {
    border: none;
}

#menuDiv {
    border-right: 1px solid #f0f0f0;
}

/*Left menu small changes*/
.rich-stglpanel-header {
    background-image: none !important;
}

.rich-stglpanel-header, .rich-panel-header, .rich-tab-active, .rich-tab-inactive {
    background-image: none !important;
}

#menuDiv .rich-stglpanel {
    border: none;
}

#menuDiv {
    border-right: 1px solid #f0f0f0;
}

.expandAllMenu, .collapseAllMenu {
    float: right;
    display: block;
    width: 36px;
    height: 36px;
    background: no-repeat center center;
    text-decoration: none;
    margin-left: 4px;
    margin-right: 2px;
}

.expandAllMenu {
    background-image: url(../img/expand-basic.png);
}

.expandAllMenu:hover {
    background-image: url(../img/expand-hover.png);
}

.collapseAllMenu {
    background-image: url(../img/collapse-basic.png);
}

.collapseAllMenu:hover {
    background-image: url(../img/collapse-hover.png);
}

#generateNamingProposal .generateNamingProposalTermWizard-button {
	font-size: 14px;
	color: black;
    border: 1px solid #C0D2F7;
    background-color: #EFF4FE;
    vertical-align:middle;
    min-width: 25px;
    height: 25px;
    padding: 5px;
    text-align: center;
}

#generateNamingProposal .generateNamingProposalTermWizard-button.active {
	color: white;
    border: 1px solid #1E3D9D;
    background-color: #3864B2;
}

#f\:generateNamingProposalButtons {
	margin-top: 20px;
}

#generateNamingProposalTermWizard {
	margin-bottom: 18px;
}

#search {
	margin: 4px;
}

#suggestionNoResult {
    margin-left: 150px;
    font-style: italic;
    font-size: 12px;
}

#progressOverlayWithText {
	position:fixed;
	padding:0;
	margin:0;

	top:0;
	left:0;

	width: 100%;
	height: 100%;
	background:rgba(255,255,255,0.5);
	z-index: 9001;
}

#progressOverlayText {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 1em;
	margin-left: -15em;
	border: 1px solid #ccc;
	padding: 2em 10em;
	text-align: center;
	font-size: 12pt;
	background-color: #ffffff;
}

.hideTogglePanelHeader {
	border-style: none;
}

.hideTogglePanelHeader .rich-stglpanel-header{
	display:none;
}

.deleteTemplateListResult {
	text-align: left;
	margin-left: 15%;
}

.deleteTemplateListResult li {
	margin-top: 5px;
}

.rich-mpnl-header {
    background-image: none;
}

.mngValueGenRules .rich-mpnl-panel {
	width: 100%;
}

.mngValueGenRules .rich-mpnl-panel #vgrCDiv {
	position: initial!important;
	height: 100%!important;
}

.mngValueGenRules .rich-mpnl-panel #vgrCDiv #vgrContentDiv {
	width: 100%!important;
	height: 100%!important;
}

.mngValueGenRules .rich-mpnl-panel #vgrCDiv #vgrContentDiv #vgrContentTable {
	height: 100vh!important;
}

.resizable-input {
	/* make resizable */
	overflow-x: auto;
	resize: vertical;
	display: inline-block;
	max-height: 90vh;

	/* no extra spaces */
	padding: 0;
	margin: 0;
	/*white-space: nowrap;*/

	/* default widths */
	width: calc(100vw - 25px)!important;
	height: 50vh;
	min-width: 500px!important;
}

/* let <input> assume the size of the wrapper */
.resizable-input > div {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	height: 22px;
}

/* add a visible handle */
.resizable-input > span {
	display: inline-block;
	vertical-align: bottom;
	margin-left: -16px;
	width: 16px;
	height: 16px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJUlEQVR4AcXJRwEAIBAAIPuXxgiOW3xZYzi1Q3Nqh+bUDk1yD9sQaUG/4ehuEAAAAABJRU5ErkJggg==");
	cursor: ew-resize;
}

/*.rich-stglpanel {*/
/*	height: auto;*/
/*}*/

.resizable-input .rich-stglpanel-body {
	height: calc(97% - 1.5em);
}

.ruleDetPanEditClass .rich-panel-body .resizable-input .rich-stglpanel-body {
    width: 100%!important;
}

.ruleDetPanEditClass .rich-panel-body .resizable-input .rich-stglpanel-header {
    width: 100%!important;
}

.resizable-input > fieldset > div{
	height: auto;
}

/*.togglePanelHeightDivs {*/
/*	overflow-x: hidden;*/
/*	height: 50px;*/
/*}*/

.zeroHeight > div {
	height: auto;
}

.zeroHeight {
	height: auto!important;
}

.autoHeightDivs {
	height: auto;
}


.verticalText {
  writing-mode: tb-rl;
  transform: rotate(-180deg);
  font-size: 11px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #00448B;
}

.truncated-text {
  font-size: 11px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #00448B;
    width: 40px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    resize: horizontal;
    display: inline-block;
}

.multilang-selector td {
    padding-left: 2px;
    padding-right: 2px; 
}

.selectManyCheckboxGrid {
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}

.selectManyCheckboxGrid td {
    display: block;
    float: left;
    white-space: nowrap;
    text-wrap: nowrap;
    width: 15%;
	padding-left: 5px;
    box-sizing: border-box;
}
.selectManyCheckboxGrid td:nth-child(12n+13) {
    clear: left;
}

.selectManyCheckboxGridCompact {
    margin-top:0px;
    margin-bottom:0px;
}

.selectManyCheckboxGridCompact td {
    display: block;
    float: left;
    white-space: nowrap;
    text-wrap: nowrap;
    width: 9%;
    box-sizing: border-box;
}
.selectManyCheckboxGridCompact td:nth-child(22n+23) {
    clear: left;
}


.multilang-dropdown-div {
  overflow-y: auto; 
}

.multilang-dropdown-div::-webkit-scrollbar-thumb {
  /* border-radius: 10px; */
  -webkit-box-shadow: inset 0 0 6px #0000004d;
  background-color: #F0F6FD; 
}

.multilang-dropdown-div::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5; 
}

.multilang-dropdown-div::-webkit-scrollbar-track {
  /* border-radius: 10px; */
  /* -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%); */
  background-color: #ffffff; 
}

.languageCodeDisplay {
  font-weight: bold; 
}