.springsolutions-ImageButtonBar > img
{
	margin-right:2px;
}

.exprodo-RichTextEditor
{
	border: 1px solid #c0c0c0;
	width: 100%;
	max-width: 800px;
}

.exprodo-RichTextEditor-EditMode
{
	background-color: #ffffff;
}

.exprodo-MessageBox
{
	max-width: 500px;
}

.biskit-AttachmentWidget > a
{
  display:inline;
}

.biskit-AttachmentWidget > div
{
  display:inline;
}

.biskit-AttachmentWidget > div > img
{
  margin-bottom: -3px;
}

.springsolutions-TimeRangeValueBox .springsolutions-DoubleWidget
{
	display:		inline-block;
	margin-left:	5px;
	margin-right:	3px;
}

.springsolutions-TimeRangeValueBox .springsolutions-DoubleWidget > .gwt-TextBox
{
	width:	4em;
}

.springsolutions-editablePanel
{
	border: 1px solid #aaaaaa;
	padding: 3px;
	background-color: #FFFEF1
}

.springsolutions-integerSpinner
{
	width: 60px;
	height:32px;
	position:relative;
}

.springsolutions-integerSpinner-box
{
	width: 35px;
	height:24px;
	top: 5px;
	left: 0px;
	position: absolute;
}

.springsolutions-integerSpinner-box.springsolutions-IntegerWidget > .exprodo-TextView > .gwt-TextBox
{
	width: 30px;
	height:16px;
}

.springsolutions-integerSpinner-up
{
	top: 0px;
	left: 40px;
	padding: 2px;
	font-size: 0px;
	position: absolute;
}

.springsolutions-integerSpinner-down
{
	top: 17px;
	left: 40px;
	padding: 2px;
	font-size: 0px;
	position: absolute;
}

.springsolutions-CloseDialogBox .CloseCaption.springsolutions-ImageButton
{
	float: right;
	margin-top: -16px;
}

.springsolutions-CloseDialogBox .CloseCaption.gwt-Button
{
	float: right;
	margin-top: -18px;
}

.springsolutions-CloseDialogBox .Caption > div > .gwt-HTML
{
	margin-right: 20px;
}

.springsolutions-ButtonBarWrapper
{
    background-color: #e0e0e0;
    width:  100%;
    margin-left:    -2px;
    margin-bottom:  -2px;
}

.springsolutions-ButtonBar
{
    padding:        5px;
    margin-left:    auto;
    margin-right:   auto;
}

.springsolutions-ButtonBar > tbody > tr > td > *
{
	margin: 2px;
}

.springsolutions-MultiCheckBox .buttonBar > .springsolutions-ImageButton
{
	display:	inline;
	margin:		2px;
}

.springsolutions-MultiCheckBox .buttonBar
{
	margin:		5px 2px 2px 2px;
}

.springsolutions-ColourPickerBox
{
	border: 1px solid black;
	margin: 1px;
	width:	1.5em;
	height:	1.5em;
}

.springsolutions-ColourPickerBox-writeable
{
	cursor:	pointer;
}

.springsolutions-GroovedPanel
{
	border-color: #909090 white white #909090;
	border-width: 1px;
	border-style: solid;
}

.springsolutions-GroovedPanel-inner
{
	border-color: white #909090 #909090 white;
	border-width: 1px;
	border-style: solid;
	width: 100%;
	height: 100%;
}

.springsolutions-HeightLimitedScrollPanel
{
	max-height: 15em;
}

.springsolutions-SmallHeightLimitedScrollPanel
{
	max-height: 13em;
	padding-right: 21px; /* this is because when inside a height limited panel, you get the margin-right:20px below */
}

.gwt-DropDownPanel > .popupContent > .springsolutions-HeightLimitedScrollPanel > div > *,
.gwt-DropDownPanel > .popupContent > div > .springsolutions-SmallHeightLimitedScrollPanel > div > *
{
	margin-right: 20px;
	white-space: nowrap;
}

.springsolutions-TemplatedTextEditor-emailSubject .gwt-TextBox
{
	width: 49em;
}

.springsolutions-HyperlinkedPlainTextEditor-emailSubject .gwt-TextBox
{
	width: 49em;
}

.ExprodoEvent-Detail
{
	white-space: nowrap;
	margin-right: 20px;
}

.springsolutions-IconBarDayField
{
	overflow-x: hidden;
	overflow-y: hidden;
}

.DataExplorerPage .ScrollPanel > div
{
	margin-right: 15px;
}

.springsolutions-Prompt-messagePanel
{
	margin: 3px;
	max-height: 20em;
}

.springsolutions-Prompt-ActivityPopup
{
	font-weight: bold;
	background: #ffffa0;
	z-index: 1000;
	/* border: 3px solid red !important; */
}

.springsolutions-Prompt-messageScroller
{
	max-height: 40em;
	max-width: 1600px;
	resize: both;
}

.springsolutions-DatabaseDump > tbody > tr > td > button
{
	margin-top: 10px;
	margin-left: 5px;
}

.springsolutions-DatabaseDump-TableSettingsScroller
{
	max-height: 26em;
	margin:10px 0 0 10px;
	border: 1px solid #888;
}

.springsolutions-DatabaseDump-TableSettingsScroller .gwt-TextBox
{
	width: 6em;
}

.springsolutions-DatabaseDump-TableSettingsScroller .textbox
{
	width: 6em;
}

.springsolutions-DatabaseDump-TableSettingsScroller .checkbox
{
	width: 5em;
}

.springsolutions-LogDialog .gwt-ScrollPanel
{
	max-height: 20em;
}

.springsolutions-ImageButton-enabled
{
	cursor: pointer;
}

.springsolutions-ImageButton-disabled
{
	cursor: default;
}

.springsolutions-dragTable-positioner
{
	z-index: 1;
	border-top: 1px solid green;
	margin-top: 1px;
}

.springsolutions-dragTable-cellPositioner
{
	z-index: 1;
	border: 2px solid green;
	margin: 2px;
}

.springsolutions-dragTable-proxy
{
	border: 1px solid blue;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.springsolutions-dragDropHandle
{
}

.springsolutions-NullableByList > div
{
	display: inline;
}

.springsolutions-NullableByList > div:first-child
{
	margin-right: 5px;
}

.springsolutions-NullableByListEnableable > div
{
	display: inline;
}

.springsolutions-NullableByListEnableable > div:first-child > *
{
	margin-right: 5px;
}

.springsolutions-NullableByCheck .springsolutions-TimeIntervalBox
{
	display: inline;
}

.springsolutions-NullableByCheck .gwt-CheckBox
{
	display: inline;
}

.springsolutions-NullableByCheck .springsolutions-StringWidget
{
	display: inline;
}

.springsolutions-NullableByCheck .springsolutions-IntegerWidget
{
	display: inline;
	padding: 5px 0px;
}

.springsolutions-StringWidget > .exprodo-TextView
{
	display: inline;
}

.springsolutions-StringWidget.read-only > div
{
	display: inline;
}

.springsolutions-BiskitHistory .springsolutions-NullableByCheck .springsolutions-DateTimeEditor
{
	display: inline-block;
	vertical-align: middle;
}

.springsolutions-BiskitHistory-itemDetail
{
	position: absolute;
	height:100%;
	width:100%;
}

.springsolutions-PropertyDef-attributes .gwt-CheckBox
{
    display: block;
}

.springsolutions-BiskitDefEditor .gwt-ScrollPanel
{
    height: 500px;
    width: 100%;
    margin-right: 10px;
}

.springsolutions-BiskitDefEditor .gwt-ScrollPanel .RowTable
{
    margin-right: 10px;
}

.springsolutions-PropertyDefEditor
{
	margin-right: 10px;
}

.dynamic-text
{
	color:			blue;
	font-weight:	bold;
}

.Date-propertyValue
{
	white-space:	nowrap;
}

.DateRange-propertyValue
{
	white-space:	nowrap;
}

.Datetime-propertyValue
{
	white-space:	nowrap;
}

.springsolutions-DateCollectionSelector2
{
	white-space:	nowrap;
}

.springsolutions-InteractiveEmail-Recipients .ScrollPanel
{
	max-height: 100px;
	min-width: 40ex;
}

.SimpleBiskitTable-Permission .propertyValue-comments .gwt-TextArea
{
    width: 97%;
}

.PermissionEditorPage > table .gwt-TextArea
{
    width: 97%;
}

.PermissionEditorPage > table .gwt-TextBox
{
    width: 97%;
}

.springsolutions-BitSetWidget-editable
{
	cursor:		pointer;
	border:		2px inset;
	margin-left	:5px;
	padding:	1px 3px;
	background-color:	white;
}

.exprodo-NumberedEnumSetWidget-editable
{
	cursor:		pointer;
	border:		2px inset;
	margin-left	:5px;
	padding:	1px 3px;
	background-color:	white;
}

.springsolutions-InteractiveEmailPage .message
{
	width: 100%;
}

.springsolutions-InteractiveEmailPage .subject
{
	width: 100%;
}

.springsolutions-BiskitTree2 .disabled .gwt-TreeItem
{
	color: #ff0000;
}

.springsolutions-BiskitTree .disabled .gwt-TreeItem
{
	color: #ff0000;
}

.springsolutions-BiskitOneToManyTree .disabled .gwt-TreeItem
{
	color: #ff0000;
}

.springsolutions-BiskitTree2 .disabled.selected .gwt-TreeItem
{
	color: #D00000;
}

.springsolutions-BiskitTree .disabled.selected .gwt-TreeItem
{
	color: #D00000;
}

.springsolutions-BiskitOneToManyTree .disabled .gwt-TreeItem-selected
{
	color: #D00000;
}

.springsolutions-ConditionsPanel
{
	white-space: nowrap;
	display: table;
}

.springsolutions-ConditionsPanel .RowTable
{
	margin: 0px;
}

.springsolutions-ConditionsPanel-nested.springsolutions-ConditionsPanel-writeable
{
	margin-left: 30px;
	width: inherit !important;
}

.springsolutions-ConditionsPanel-nested .springsolutions-ConditionsPanelScroller
{
	height: inherit;
}

.springsolutions-ConditionsPanel-writeable
{
	width: 1000px !important;
}

.springsolutions-ConditionsPanel-readonly
{
	width: calc(100% - 20px);
}

.springsolutions-ConditionsPanel-hideAdvanced .springsolutions-ConditionsPanel-advanced
{
	display: none;
}

.springsolutions-ConditionsPanel-RowOptions
{
	float:right;
	margin:5px 3px 0px 3px;
}

.springsolutions-ConditionsPanel-FirstRow
{
	
}

.springsolutions-ConditionsPanel-FirstRow:after
{
	clear:both;
	content: " ";
	display: block;
}

.springsolutions-ConditionsPanel-SubqueryRows
{
}

.springsolutions-ConditionsPanel-message
{
	vertical-align: middle;
	display: inline;
}

.springsolutions-ConditionsPanel-add
{
	display: inline;
	margin:5px 3px 0px 8px;
}

.springsolutions-ConditionsPanel-Condition
{
	display:	inline-block;
	margin-left: 5px;
	margin-right: 2px;
	float:	left;
}

.springsolutions-ConditionsPanel-combinationJES
{
	display:	inline-block;
	margin-left:5px;
	margin-right:4px;
}

.springsolutions-ConditionsPanel-combinationSuffix
{
	margin-right: 20px;
}

.springsolutions-ConditionsPanelScroller
{
    width: 100%;
    float: left;
    height: 300px;
    clear: both;
}

.springsolutions-ConditionsDialogBox .springsolutions-ConditionsPanelScroller
{
	background-color: white;
}

.springsolutions-ConditionsTable
{
	width: 99%;
	margin-top: 5px;
	margin-left: 5px;
}

.springsolutions-ConditionsTable > tbody > tr > td
{
	border: 1px solid;
}

.springsolutions-ConditionsTable .springsolutions-TimeBox .gwt-TextBox
{
	width: 4em;
}

.springsolutions-ConditionsPanel-WhenOffset-writeable
{
	width: 3em !important;
}

.springsolutions-ConditionsPanel-WhenOffset-writeable .gwt-TextBox
{
	width: 2.3em !important;
}

.springsolutions-ConditionsPanel-ConditionComponent
{
    float: left;
}

.springsolutions-ConditionsPanel-ConditionSpacer
{
    float: left;
}

.springsolutions-ConditionsPanel-ConditionText-readonly
{
    float: left;
    padding: 0px 5px 0px 3px;
}

.springsolutions-ConditionsPanel-ConditionText-writeable
{
    float: left;
    padding: 3px 5px 0px 3px;
}

.springsolutions-ConditionsPanelCheckedButtonBar
{
	clear:both;
}

.springsolutions-ReferencePathBox
{
	width: 240px;
}

.springsolutions-MutableValueEditor-narrowText .gwt-TextBox
{
	width: 25px;
}

.springsolutions-CheckedButtonBar
{
	padding-left:	0px;
	margin-left:	10px;
	margin-bottom:	10px;
}

.SimpleBiskitTable .propertyLabel
{
	max-width: 160px;
}

.SimpleBiskitTable-CalpendoConfig .propertyLabel
{
	max-width: 240px;
}

.springsolutions-BiskitEditor
{
	width: 100%;
}

/*.springsolutions-BiskitEditor .gwt-TextBox
{
	width: 97% !important;
}*/

.springsolutions-BiskitEditor .BiskitTable .propertyValue > .gwt-TextBox
{
	width: 97% !important;
}

.springsolutions-BiskitCollectionSelector2 .gwt-SuggestBox
{
    width: 250px !important;
}

.springsolutions-BiskitSuggestBox-DropDownScroller,
.springsolutions-TinSuggestBox-DropDownScroller
{
    max-height: 210px;
}

.springsolutions-BiskitSuggestBox-DropDownScroller > div,
.springsolutions-TinSuggestBox-DropDownScroller > div
{
    margin-right: 20px;
}

.RowTable>tbody>tr>td, .RowTable>thead>tr>th
{
	border-style: solid;
	border-width: 1px;
	border-color: black;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.RowTable>thead>tr>th
{
	color: black;
	text-shadow: none;
}

.RowTable>thead>tr
{
	background: #BBBBBB;
	font-weight: bold;
	text-shadow: none;
}

.RowTable
{
	border-style: solid;
    border-collapse: collapse;
    border-width: 0px;
    border-spacing: 0px;
	border-color: #111111;
	margin: 5px;
}

.RowTable-disableDefaultSelection
{
	-moz-user-select:none;
	-webkit-user-select: none;
	-khtml-user-select: none;
}

.springsolutions-CheckedCollectionSelector .gwt-TextBox
{
	width: 97%;
}

.springsolutions-UnfocusableMenuItem
{
    background: white;
    cursor: pointer;
}

.springsolutions-BiskitSuggestBox .gwt-SuggestBox,
.springsolutions-TinSuggestBox .gwt-SuggestBox
{
    width:95%;
}

.springsolutions-UnfocusableMenuItem-selected
{
    background: #E0EDFE;
}

.Tooltip
{
	border:				1px solid #000000;
	background-color:	#FFFFCC;
	color:				#000000;
	font-family:		Arial;
	font-size:			12px;
}

.EntryFormatError.gwt-TextBox
{
    color: red;
    background-color: lightYellow;
    border: 2px solid red;
}

.CellContentError
{
    color: red;
    background-color: lightYellow !important;
    border: 2px solid red !important;
}

.CellContentWarning
{
    color: blue;
    border: 2px solid blue !important;
}

.CellContentInfo
{
    color: blue;
    border: 2px solid blue !important;
}

.CellSelected
{
    color: blue;
    border: 2px solid blue;
}

.EntryContentError
{
    color: red;
    background-color: lightYellow;
    border: 2px solid red;
}

.springsolutions-InfoPanel-title
{
	font-weight: bold;
}
.GWTUpld, table.GWTUpld td {
	font-family: Verdana, Arial;
	font-size: 12px;
}

.GWTUpld form, 
.GWTUpld .upld-form-elements {
	padding: 0px;
	vertical-align: top;
}

.GWTUpld .upld-status {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}
.GWTUpld .upld-status div.cancel {
	background: url(images/cancel-upld.gif) no-repeat;
	width: 12px;
	height: 12px;
	cursor: pointer;
	margin-top: 1px;
}

* html .GWTUpld .upld-status div.cancel {
	width: 14px;
	height: 10px;
	margin-top: 2px;
}

.GWTUpld .upld-status div.cancel:hover {
	background: url(images/cancel-upld-hover.gif) no-repeat;
}

.GWTUpld .upld-status .filename {
	overflow: hidden;
	white-space: nowrap;
	margin-left: 8px;
	margin-right: 11px;
	height: 100%;
}
.GWTUpld .upld-status .status {
	padding-left: 8px;
	white-space: nowrap;
	height: 100%;
	font-size: 12px;
}
.GWTUpld .upld-status .status-success {
	color: green;
}
.GWTUpld .upld-status .status-error,
.GWTUpld .upld-status .status-canceled {
	color: red;
}

.GWTUpld .prgbar-back {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #999999;
	height: 14px;
	overflow: hidden;
	padding: 1px;
	width: 100px;
	float: left;
}
* html .GWTUpld .prgbar-back {
	height: 12px;
	margin-top: 2px;
}
.GWTUpld .prgbar-done {
	background: #d4e4ff none repeat scroll 0 0;
	font-size: 0;
	height: 100%;
	float: left;
}
.GWTUpld .prgbar-msg {
	position: absolute;
	z-index: 9;
	font-size: 12px;
	font-weight: normal;
	margin-left: 3px;
}

* html .GWTUpld .prgbar-msg {
	top: 0px;
	left: 4px;
}

.GWTUpld .changed {
	color: red;
	font-weight: bold;  
	text-decoration: blink;
}
.gwt-PopupPanel .GWTUpld {
	border: 2px groove #F6A828;
	padding: 10px;
	background: #bf984c;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
	
}

.GWTUpld .DecoratedFileUpload {
	margin-right: 5px;
}

.GWTUpld .DecoratedFileUpload .gwt-Button,
.GWTUpld .DecoratedFileUpload .gwt-Anchor,
.GWTUpld .DecoratedFileUpload .gwt-Label {
	white-space: nowrap;
	font-size: 10px;
}

.GWTUpld .gwt-Button, .GWTUpld .gwt-FileUpload {
	min-height: 15px;
}

.GWTUpld .DecoratedFileUpload .gwt-Anchor,
.GWTUpld .DecoratedFileUpload .gwt-Label {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

.GWTUpld .gwt-Button:HOVER,
.GWTUpld .DecoratedFileUpload .gwt-Button-over,
.GWTUpld .DecoratedFileUpload .gwt-Anchor-over,
.GWTUpld .DecoratedFileUpload .gwt-Label-over {
	color: #af6b29;
}

.GWTUpld .DecoratedFileUpload-disabled .gwt-Button,
.GWTUpld .DecoratedFileUpload-disabled .gwt-Anchor,
.GWTUpld .DecoratedFileUpload-disabled .gwt-Label {
	color: grey;
}

.GWTUpld input[type="file"] {
	cursor: pointer;
}
.exprodo-LimitedSizeLabel
{
	display: flex;
}

.exprodo-RecentBiskitDifferenceView > div
{
	max-height: 350px;
}


.exprodo-BiskitDifferenceView-table,
.exprodo-RecentBiskitDifferenceView table
{
	border-collapse: collapse;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	border: 1px solid #ccc;
}

.exprodo-BiskitDifferenceView-table tr.rowHeader,
.exprodo-RecentBiskitDifferenceView table tr.rowHeader
{
	text-align: left;
}

.exprodo-BiskitDifferenceView-table td,
.exprodo-RecentBiskitDifferenceView table td
{
	padding: 12px 15px;
}

.exprodo-BiskitDifferenceView-table tr,
.exprodo-RecentBiskitDifferenceView table tr
{
	border-bottom: 1px solid #dddddd;
}

.exprodo-BiskitDifferenceView-table tr:nth-of-type(even),
.exprodo-RecentBiskitDifferenceView table tr:nth-of-type(even)
{
    background-color: #f3f3f3;
}

.exprodo-BiskitDifferenceView-table tr:last-of-type,
.exprodo-RecentBiskitDifferenceView table tr:last-of-type
{
    border-bottom: 2px solid #009879;
}

.BiskitRowTable-DoubleRadios
{
	display:flex;
}

.exprodo-ProcessDef-pageNameFormat
{
	display:flex;
}

.exprodo-ProcessDef-pageNameFormat > div.exprodo-helpButton
{
	margin-left:5px;
}

.exprodo-deletion-popup .dialogMiddleCenter
{
	background-color:#eee;
}

.exprodo-deletion-popup-comments
{
	margin:5px 2px 2px 2px;
}

.exprodo-deletion-popup-comments > .exprodo-TextView
{
	display:block;
}

.exprodo-deletion-popup-comments > .exprodo-TextView > textarea
{
	width:42ex;
	height:10ex;
}

.exprodo-ApproximateDate
{
	display:flex;
}

.exprodo-ApproximateDate > *
{
	margin-right:3px;
	align-self: flex-end;
}

.exprodo-bounce-animation
{
	animation-name: exprodo-bounce-animation;
	animation-duration:1s; /* Flash frequency of 1 second is lower than the 3-per-second limit for A11Y - see https://www.w3.org/TR/WCAG21/#dfn-general-flash-and-red-flash-thresholds */
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

@keyframes exprodo-bounce-animation
{
	  0% { margin-top: 0; }
	 50% { margin-top: 10px; }
	100% { margin-top: 0; }
}

.exprodo-border-colour-animation
{
	border:		5px solid #fd00ff;
	box-sizing:	border-box;
	animation-name: exprodo-border-animation-12;
	animation-duration:2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

/* 2 colours, opposites on the colour wheel */
@keyframes exprodo-border-animation-2
{
	  0% { border-color: #fd00ff; }
	 50% { border-color: #02FF00; }
	100% { border-color: #fd00ff; }
}

/* 3 colours, forming a triadic on the colour wheel */
@keyframes exprodo-border-animation-3
{
	  0% { border-color: #00ffff; }
	 33% { border-color: #ff00ff; }
	 66% { border-color: #ffff00; }
	100% { border-color: #00ffff; }
}

/* 4 colours, forming a tetradic on the colour wheel */
@keyframes exprodo-border-animation-4
{
	  0% { border-color: #00c7ff; }
	 20% { border-color: #b800ff; }
	 40% { border-color: #ff3800; }
	 80% { border-color: #47ff00; }
	100% { border-color: #00c7ff; }
}

/* The 4 colours in the Calpendo logo */
@keyframes exprodo-border-animation-logo-4
{
	  0% { border-color: #b1ceff; }
	 20% { border-color: #b9dda5; }
	 40% { border-color: #fda9a6; }
	 80% { border-color: #ffd86f; }
	100% { border-color: #b1ceff; }
}

/* 6 colours forming a equally separated on the colour wheel (a hexadic) */
@keyframes exprodo-border-animation-6
{
	  0% { border-color: #00ffff; }
	 17% { border-color: #0000ff; }
	 33% { border-color: #ff00ff; }
	 50% { border-color: #ff0000; }
	 66% { border-color: #ffff00; }
	 83% { border-color: #00ff00; }
	100% { border-color: #00ffff; }
}

/* 12 colours, equally spaced on the colour wheel (a dodecadic?) */
@keyframes exprodo-border-animation-12
{
	  0% { border-color: #00ffff; }
	  8% { border-color: #0080ff; }
	 17% { border-color: #0000ff; }
	 25% { border-color: #8000ff; }
	 33% { border-color: #ff00ff; }
	 41% { border-color: #ff0080; }
	 50% { border-color: #ff0000; }
	 58% { border-color: #ff8000; }
	 66% { border-color: #ffff00; }
	 74% { border-color: #80ff00; }
	 83% { border-color: #00ff00; }
	 91% { border-color: #00ff80; }
	100% { border-color: #00ffff; }
}

.exprodo-GeneratedTree-MultiLineString .gwt-TextArea
{
	width:calc(100% - 5px);
	height:200px;
	color: black;
}

.WorkflowDebugger-top
{
	display:flex;
}

.WorkflowDebugger-Search
{
	margin-right:5px;
}

.WorkflowDebugger-Frame-singleCondition > *
{
	display:inline;
	margin-right:3px;
}

.WorkflowDebugger-Frame-stackTrace > textarea
{
	width:100%;
	height:100%;
}

.WorkflowDebugger-Stack.exprodo-collectionView
{
	display: inline;
}

.WorkflowDebugger-Stack > .exprodo-collectionView-scroller
{
	height: calc(100% - 8px);
}

.WorkflowDebugger-Trigger .exprodo-WorkflowTrigger-Body-buttonBar
{
	display: none;
}

.WorkflowDebugger-Trigger .exprodo-WorkflowTrigger-Body > div:first-child
{
	min-height:0 !important;
}

.WorkflowDebugger-Navigation > div.springsolutions-IntegerWidget
{
	display: inline-block;
	margin-left:2px;
	margin-right:2px;
}

.WorkflowDebugger-Navigation > div.springsolutions-IntegerWidget.read-write
{
	vertical-align:bottom;
}

.WorkflowDebugger-Navigation > div.springsolutions-IntegerWidget > .exprodo-TextView > input
{
	width:4em;
}

.WorkflowDebugger-Tree
{
	position:absolute !important;
	top:20px;
	bottom:5px;
	left:5px;
	right:5px;
}

.WorkflowDebugger-Tree > :nth-child(3)
{
	bottom:0;
	height:unset !important;
}

.WorkflowDebugger-Tree-heatPanel > *
{
	display:inline;
	margin-right:4px;
}

.WorkflowDebugger-Tree .exprodo-TriggerTreeView
{
	height:100%;
}

.WorkflowDebugger-Tree .exprodo-TriggerTreeView > :nth-child(3)
{
	bottom:0;
	height:unset !important;
}


.Debugger-disclosure
{
	width: 100%;
}

.Debugger-disclosureHeader
{
	border:1px solid #999;
	padding:3px;
	background-color: #f0f0f0;
}

.Debugger-disclosureHeader > img
{
	vertical-align: bottom;
}

.WorkflowDebugger-RecordingRules > *
{
	display:block;
	margin:0 5px 8px 0;
}

.WorkflowDebugger-RecordingRules-global
{
	display:flex;
}

.WorkflowDebugger-RecordingRules-global > *
{
	margin-right:3px;
}

.WorkflowDebugger-RecordingRules-child
{
	padding: 3px 0;
}

.WorkflowDebugger-RecordingRules-child > *
{
	display:inline;
}

.WorkflowDebugger-RecordingRules-child > .springsolutions-ImageButton
{
	margin-left: 2px;
}

.WorkflowDebugger-RecordingRules-child > .springsolutions-DateTimeEditor
{
	margin-right: 2px;
}

.WorkflowDebugger-RecordingRules-single
{
	display: flex;
}

.WorkflowDebugger-RecordingRules-single > *
{
	margin-right: 5px;
}

.WorkflowDebugger-Search > *
{
	display:inline;
	vertical-align:top;
}

.WorkflowDebugger-RecordingRules button
{
	display: inline-flex;
	padding-top: 3px;
	margin-top: 3px;
	margin-right: 5px;
}

.WorkflowDebugger-RecordingRules-NewWorkflowRuleView .springsolutions-GroovedPanel-inner
{
	width: initial;
}

.exprodo-DateRangeView
{
	border-collapse:collapse;
}

.exprodo-DateRangeView-durationWrapper > .exprodo-DateRangeView-duration
{
	display: inline-block;
}

.exprodo-DateRangeView .exprodo-DateRangeView-duration > .exprodo-TextView > .gwt-TextBox
{
	width:3em;
}

.exprodo-ImagedWidget
{
	display:flex;
	margin-top:2px;
}

.exprodo-ImagedWidget > div:first-child
{
	margin-right:4px;
}

.exprodo-ObjectSelector-radioContainer > span.gwt-RadioButton
{
	display:block;
}

.exprodo-ImportWorkflowResolverElementView-labelBefore
{
	margin-right:3px;
}

.exprodo-ImportWorkflowResolverElementView-labelBetween
{
	margin-left:3px;
	margin-right:3px;
}

.exprodo-ImportWorkflowResolverElementView-labelAfter
{
	margin-left:3px;
}

.BiskitsDetail-buttonBar > button
{
	vertical-align:bottom;
}

.exprodo-RequirementsSnapshot-takeSnapshotDropDown > .exprodo-TextView > .gwt-TextBox
{
	width:40ex;
}

.exprodo-AddNote-Requirements_Requirement iframe
{
	resize:both;
}

.exprodo-Waterfall-Requirements_Requirement
{
	max-width:600px !important;
}

.exprodo-MenuItemSelectorView > .gwt-TextBox
{
	width: 400px;
}

.exprodo-CustomTreePage-separator > div.gwt-TreeItem
{
	cursor:default;
}

.exprodo-Requirements
{
	background-color: white;
}

.exprodo-Requirements-List
{
	list-style:none;
	padding:5px;
}

.exprodo-Requirements-SectionLabel
{
	font-size:large;
	font-weight:bold;
}

.exprodo-RequirementSection
{
	border:1px solid black;
	margin:0 0 15px 0;
	padding:5px;
	background-color: lightskyblue;
}

.exprodo-RequirementSection > li
{
	list-style:none;
	margin-top:3px;
}

.exprodo-Requirement-heading
{
	background-color: white;
	position:relative;
	height:34px;
	width:100%;
}

.exprodo-Requirement
{
	background-color: brown;
	width:100%;
	cursor:pointer;
}

.exprodo-Requirement-heading-item
{
	border:1px solid black !important;
	margin:0;
	padding: 0 3px;
	display:inline-flex;
	align-items:center;
	background-color: #eee;

	position:absolute;
	top:0;
	bottom:0;
	overflow: hidden;
	
	--totalBorders:8px;
	--gap:7px;
	--numberWidth:30px;
	--nameWidth:140px;
	--releaseWidth:20px;
	--statusWidth:75px;
	--timeWidth:20px;
	--noteCountWidth:20px;
	--ticketCountWidth:20px;
	--tagsWidth:150px;
	
	--left1:  calc(                var(--numberWidth)    	+ var(--gap));
	--left2:  calc(var(--left1)  + var(--nameWidth)      	+ var(--gap));
	--right1: calc(                var(--tagsWidth)      	+ var(--gap));
	--right2: calc(var(--right1) + var(--ticketCountWidth)	+ var(--gap));
	--right3: calc(var(--right2) + var(--noteCountWidth) 	+ var(--gap));
	--right4: calc(var(--right3) + var(--timeWidth)      	+ var(--gap));
	--right5: calc(var(--right4) + var(--statusWidth)    	+ var(--gap));
	--right6: calc(var(--right5) + var(--releaseWidth)   	+ var(--gap));
}

.exprodo-Requirement-number
{
	left:0;
	width:var(--numberWidth);
	justify-content:center;
}

.exprodo-Requirement-name
{
	left:var(--left1);
	width:var(--nameWidth);
}

.exprodo-Requirement-description
{
	left:var(--left2);
	right:var(--right6);
	width:calc(100% - var(--totalBorders) - var(--right6) - var(--left2));
}

.exprodo-Requirement-release
{
	right:var(--right5);
	width:var(--releaseWidth);
	justify-content:center;
}

.exprodo-Requirement-status
{
	right:var(--right4);
	width:var(--statusWidth);
}

.exprodo-Requirement-estimatedTime
{
	right:var(--right3);
	width:var(--timeWidth);
	justify-content:center;
}

.exprodo-Requirement-noteCount
{
	right:var(--right2);
	width:var(--noteCountWidth);
	justify-content:center;
}

.exprodo-Requirement-ticketCount
{
	right:var(--right1);
	width:var(--ticketCountWidth);
	justify-content:center;
}

.exprodo-Requirement-tags
{
	right:0;
	width:var(--tagsWidth);
}

.exprodo-Kanban
{
	margin-top:3px;
}

.exprodo-KanbanCardList
{
	background-color:#ddd;
	border: 1px solid black;
	border-radius:4px;
	float:left;
	padding:3px;
	margin-bottom:5px;
}

.exprodo-KanbanCard
{
	background-color:white;
	border: 1px solid black;
	border-radius: 4px;
	margin:3px;
	padding:3px;
	width:200px;
	cursor: pointer;
}

.gwt-PopupPanel.exprodo-ClosablePopupPanel
{
	padding: 0;
}

.exprodo-ClosablePopupPanel
{
	background-color:white;
	position:relative;
}

.exprodo-ClosablePopupPanel-heading
{
	border-bottom: 1px solid #bbbbbb;
	cursor:default;
	padding:4px 4px 4px 8px;
	background:#e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
	margin-bottom: 3px;
	position:relative;
}

.exprodo-ClosablePopupPanel-heading > .gwt-Label
{
	color:black;
}

.exprodo-ClosablePopupPanel-heading > img
{
	position:absolute;
	right:4px;
	top:4px;
	cursor:pointer;
}

.exprodo-ClosablePopupPanel-scroller
{
	background-color:white;
}

.exprodo-NoWhiteSpaceLabel
{
	white-space:nowrap;
}

.exprodo-PrimaryKeyTranslation > div > div > fieldset
{
	width: 320px;
	background-color: #eee;
	box-shadow: grey 5px 5px 5px;
	margin: 10px;
}

.exprodo-PrimaryKeyTranslation-explained
{
	border-style: solid;
	border-collapse: collapse;
	border-width: 0px;
	border-spacing: 0px;
	border-color: #111111;
	margin: 5px;
	box-shadow: #aaa 5px 5px 5px;
}

.exprodo-PrimaryKeyTranslation-explained td
{
	background-color: white;
	border: 1px solid #111111;
	padding: 2px;
}

.exprodo-PrimaryKeyTranslation-explained td.rowHeader
{
	font-weight: bold;
}

.exprodo-JavaEnumRadioSelector
{
}

.exprodo-JavaEnumRadioSelector .gwt-RadioButton
{
	display:block;
}

.exprodo-Theme-dragOver {
  background: rgba(0, 0, 0, 0.5);
}

.exprodo-Theme-dragOver > * {
	pointer-events: none;
}

.exprodo-ThemeSource-scroller
{
	display: table;
}

.exprodo-Theme .exprodo-elementView-flex
{
	justify-content:flex-end;
}

.exprodo-ThemeValue.exprodo-elementView-flex-inner
{
	flex-grow:0;
}

.exprodo-Theme .exprodo-collectionView-scroller
{
	max-height: 500px;
}

.exprodo-collectionView-scroller > div > .RowTable
{
	margin-right:5px;
}

.exprodo-Theme .exprodo-collectionView-scroller
{
	overflow: hidden scroll !important;
}

.exprodo-ThemeValue > .springsolutions-ColourPickerBox
{
	display: inline-block;
	margin-top: 3px;
	width: 1.0em;
	height: 1.0em;
}

.exprodo-ThemeValue > .exprodo-TextView
{
	display: inline-block;
	vertical-align: super;
	margin-left: 5px;
}

.exprodo-Theme-valuesCaption
{
	display: inline-block;
	margin-left:10px;
	margin-right:10px;
}

.exprodo-Theme-variablesCaption
{
	display: inline-block;
}

.exprodo-Theme-sourceCaption
{
	display: inline-block;
	margin-left:10px;
}

.exprodo-loginNickNameLabel
{
	white-space:nowrap;
}

.exprodo-AutoFilterButton
{
	background: #bbb;
	border: none;
}

.exprodo-AutoFilterPopup
{
	white-space:nowrap;
}

#bannerToggle
{
    position: absolute;
    top: 6px;
    left: 3px;
    z-index: 999;
    width:16px;
}

table.exprodo-workflow-trigger-body-view>tbody>tr>td
{
	cursor: pointer;
}

table.exprodo-workflow-trigger-body-view>tbody>tr.rowHeader>td
{
	cursor: default;
}

.exprodo-WorkflowTrigger-addTriggersPanel
{
	display: flex;
}
.exprodo-WorkflowTrigger-addTriggerButton
{
	display:block;
	margin-bottom: 2px;
}

.exprodo-WorkflowTrigger-addTriggersCaptionPanel
{
	background-color: aliceblue;
}

.exprodo-WorkflowTrigger-addTriggersCaptionPanel > div
{
	height: 100%;
	width: 100%;
}

.exprodo-WorkflowTrigger-addTriggersCaptionPanel-actions > div > div
{
	column-count: 3;
	margin-bottom:10px;
}

.exprodo-WorkflowTrigger-addTriggersCaptionPanel-events > div > div
{
	column-count: 1;
	margin-bottom:10px;
}

.exprodo-FunctionWorkflowHelp-functionDropDown
{
	display:block;
}

.exprodo-FunctionWorkflowAction-helpButton
{
	display: inline;
}

.exprodo-FunctionWorkflowAction-functionSelector
{
	display: inline;
}

.exprodo-FunctionWorkflowAction-functionCount
{
}

.exprodo-TagView
{
	max-width: 255px;
}

.exprodo-TagView > .gwt-SuggestBox
{
	margin: 0;
	width:100%;
	border: 1px solid #a9a9a9;
}

.exprodo-TagSetView
{
	border: 1px solid #a9a9a9;
	max-width: 255px;
}

.exprodo-TagSetView > .gwt-SuggestBox
{
	margin: 2px 2px 2px 3px;
	width:94%;
}

.exprodo-TagSetView > ul
{
	list-style-type: none;
	padding: 0 5px 0 0;
	margin: 0;
	overflow: hidden;
	border: 1px solid #eee;
}

.exprodo-TagSetView > ul > li
{
	display:block;
	float:left;
	overflow:hidden;
	margin: 2px 3px;
	background-color: #fff;
	border: 1px solid #888;
	padding: 2px;
	border-radius: 6px;
	cursor: default;
}

.exprodo-TagSetView > ul > li > img
{
	vertical-align: bottom;
	cursor: pointer;
}

.gwt-Button[disabled]
{
	cursor: not-allowed;
}

.exprodo-WorkflowTriggerBox
{
	width:400px;
}

.exprodo-WorkflowButton-contexts > .gwt-CheckBox
{
	display: block;
}

.exprodo-WorkflowVariableElementView
{
	display: inline;
}

.exprodo-WorkflowVariableElementView > *
{
	display: inline;
	margin-left: 2px;
}

.exprodo-WorkflowVariableElementView > .exprodo-BiskitDefBox > .gwt-Label
{
	display: inline;
}

.exprodo-WorkflowVariableElementView > .exprodo-TextView > .gwt-Label
{
	display: inline;
}

.exprodo-WorkflowVariableElementView > .exprodo-BiskitBox > div > *
{
	display: inline;
}

.exprodo-WorkflowVariableElementView > .exprodo-BiskitDefBox > .exprodo-BiskitBox
{
	display: inline;
}

.exprodo-WorkflowVariableElementView-name.exprodo-TextView > .gwt-TextBox
{
	width: 8em;
}

.exprodo-WorkflowVariableElementView-descriptionButton
{
	vertical-align: sub;
}

.exprodo-Workflow-tabs
{
	// set a height that is a fixed value so the editor will generally display,
	// for example inside a search page.
	//
	// This is over-ridden when inside a FlexTreeEditor when we can make it
	// display in a more no-scrolling way.
	height: 500px;
}

.springsolutions-FlexTreeEditor .exprodo-Workflow-tabs
{
	width:100%;
	height:100%;
}

.springsolutions-FlexTreeEditor .exprodo-Workflow
{
	height: calc(100% - 25px);
	position:absolute;
	bottom:0;
}

.springsolutions-FlexTreeEditor .exprodo-Workflow > tbody > tr
{
	height: 100%;
}

.springsolutions-FlexTreeEditor .exprodo-Workflow > tbody > tr > td > div
{
	height: 100%;
}

.springsolutions-FlexTreeEditor .exprodo-Workflow > tbody > tr > td > div > div
{
	height: 100%;
}

.exprodo-ForgottenPasswordPage
{
	width: 340px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid black;
	border-radius: 6px;
	box-shadow: #c7c7c7 6px 6px 14px;
	background-color: white;
	padding: 10px;
}

H1.exprodo-ForgottenPasswordPage-heading
{
	font-size: 24pt;
	text-align:center;
}

.exprodo-ForgottenPasswordPage1
{
}

.exprodo-ForgottenPasswordPage2
{
}

.exprodo-ForgottenPasswordPage-buttonbar
{
	width: 120px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

.exprodo-ForgottenPasswordPage-buttonbar > Button
{
	margin-left:2px;
	margin-right:2px;
}

.exprodo-codeGenerator-page .gwt-TextBox
{
	width: 25em;
}

.exprodo-function-help dd
{
	margin-top:3px;
	margin-bottom:10px;
}

.exprodo-function-help dt > code
{
	margin-right: 5px;
}

.exprodo-function-help code
{
	color:#369;
	font-weight:700;
	font-family: Courier New, courier, monospace;
}

.exprodo-TimelinePanel-main
{
	position: relative;
	height:100%;

	color: #112ABB;
	background-color: #d0e4f6;
	cursor: default;
}

/*

This assumes:
- date-time width = 70px
- resources width = 150px

*/

.exprodo-TimelinePanel-main-vertical
{
}

.exprodo-TimelinePanel-main-horizontal
{
}

.exprodo-TimelinePanel-body
{
	background-color: white;
	overflow: hidden;
}

.exprodo-TimelinePanel-main-vertical .exprodo-TimelinePanel-body
{
	position: absolute;
	top: 2px;
	left:75px;
	right:2px;
}

.exprodo-TimelinePanel-main-horizontal .exprodo-TimelinePanel-body
{
	position: absolute;
	top: 2px;
	left: 2px;
	bottom:30px;
}

.exprodo-TimelinePanel-time
{
	overflow: hidden;
}

.exprodo-TimelinePanel-main-vertical .exprodo-TimelinePanel-time
{
	position: absolute;
	top: 4px;
	left:2px;
	bottom:2px;
	width:70px;
}

.exprodo-TimelinePanel-main-horizontal .exprodo-TimelinePanel-time
{
	position: absolute;
	height: 40px;
	left: 2px;
	right: 2px;
	bottom: 2px;
}

.exprodo-TimelinePanel-main-horizontal .ftrgwtdate-hourLabel,
.exprodo-TimelinePanel-main-horizontal .ftrgwtdate-timelineDateLabel
{
	transform: translateX(-50%);
}

.exprodo-TimelinePanel-scrollable
{
	/* multi-day bookings can extend beyond the loaded time. In that case,
	   we need to make sure the overflow they produce is hidden. Also, we
	   may ask for bookings in a particular date range, but if the server
	   happens to give us bookings beyond that date range, then again the
	   overflow they produce must be ignored. */
	overflow: hidden;
}

.exprodo-TimelinePanel-scroller
{
}

.exprodo-TimelinePanel-main-vertical .exprodo-TimelinePanel-scroller
{
	position: absolute;
	top: 24px;
	left:0;
	right:0;
	bottom:0;
}

.exprodo-TimelinePanel-main-horizontal .exprodo-TimelinePanel-scroller
{
	position: absolute;
	top: 0;
	left:100px;
	right:0;
	bottom:0;
}

.exprodo-TimelinePanel-resources
{
}

.exprodo-TimelinePanel-main-vertical .exprodo-TimelinePanel-resources 
{
	position: absolute;
	top:0;
	left:75px;
	right:0px;
	height: 20px;
}

.exprodo-TimelinePanel-main-horizontal .exprodo-TimelinePanel-resources
{
	position: absolute;
	top:0;
	left:0;
	width: 100px;
}

.exprodo-TimelinePanel-main-horizontal .calpendo-calendarColumnHeadingContainer
{
	height: 100%;
	width: 100px;
}

.exprodo-TimelinePanel-main-horizontal .calpendo-calendarColumnResourceLabel
{
	width: 96px;
	white-space: normal;
	text-align: center;
	display:flex;
	align-items: center;
	justify-content: center;
}

.exprodo-Workflow
{
}

.exprodo-Workflow .RowTable>tbody>tr>td
{
	white-space:nowrap;
}

.exprodo-Workflow-name > .gwt-TextBox, .exprodo-Workflow-mainType > .gwt-TextBox
{
	width: 36em;
}

.exprodo-Workflow-comments, .exprodo-WorkflowTrigger-comments
{
	width: 40em;
	height: 15em;
}

.exprodo-Workflow .gwt-TabLayoutPanelContent > .springsolutions-ConditionsPanel
{
	height: 100% !important;
	width: 100% !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
}

.exprodo-Workflow .springsolutions-ConditionsPanelScroller
{
	height: calc(100% - 20px);
	width: calc(100% - 20px);
	margin-left:5px;
	margin-top:5px;
	float:none;
}

.exprodo-WorkflowTrigger-Body-buttonBar
{
	margin-bottom:5px;
}

.table-hide0 .col0 { display:none; }
.table-hide1 .col1 { display:none; }
.table-hide2 .col2 { display:none; }
.table-hide3 .col3 { display:none; }
.table-hide4 .col4 { display:none; }
.table-hide5 .col5 { display:none; }
.table-hide6 .col6 { display:none; }
.table-hide7 .col7 { display:none; }
.table-hide8 .col8 { display:none; }
.table-hide9 .col9 { display:none; }
.table-hide10 .col10 { display:none; }
.table-hide11 .col11 { display:none; }
.table-hide12 .col12 { display:none; }
.table-hide13 .col13 { display:none; }
.table-hide14 .col14 { display:none; }
.table-hide15 .col15 { display:none; }
.table-hide16 .col16 { display:none; }
.table-hide17 .col17 { display:none; }
.table-hide18 .col18 { display:none; }
.table-hide19 .col19 { display:none; }
.table-hide20 .col20 { display:none; }

.auto-filter0 { display:none; }
.auto-filter1 { display:none; }
.auto-filter2 { display:none; }
.auto-filter3 { display:none; }
.auto-filter4 { display:none; }
.auto-filter5 { display:none; }
.auto-filter6 { display:none; }
.auto-filter7 { display:none; }
.auto-filter8 { display:none; }
.auto-filter9 { display:none; }
.auto-filter10 { display:none; }
.auto-filter11 { display:none; }
.auto-filter12 { display:none; }
.auto-filter13 { display:none; }
.auto-filter14 { display:none; }
.auto-filter15 { display:none; }
.auto-filter16 { display:none; }
.auto-filter17 { display:none; }
.auto-filter18 { display:none; }
.auto-filter19 { display:none; }
.auto-filter20 { display:none; }

.exprodo-WorkflowTrigger .gwt-TreeItem-selected
{
  font-weight: bold;
}

.exprodo-trigger-highlight-parent
{
  background-color: #87b3ff;
}

.exprodo-trigger-highlight-sibling-child
{
  background-color: white;
}

.exprodo-trigger-highlight-current, .exprodo-trigger-highlight-sibling
{
  background-color: #afceff;
}

.exprodo-trigger-highlight-child
{
  background-color: #d0e4f6;
}

.exprodo-trigger-highlight-grandchild
{
  background-color: white;
}

.exprodo-TriggerTreeView .gwt-TreeItem
{
  display: block !important;
}

.exprodo-TriggerTreeItem > table
{
	/* change from standard border spacing of 2px to put the tree items closer together */
	border-spacing: 0px;
	
	/** Now shift the table to the right 2px so that the left/right position matches what's expected and things still line up. */
	padding-left: 2px;
}

.exprodo-CallSubroutineWorkflowActionArgumentView > *, .exprodo-CallSubroutineWorkflowActionArgumentView > .exprodo-TextView > *
{
	margin-right: 5px;
	display: inline;
}

.exprodo-NetworkMessageWorkflowBodyView-urlPath .springsolutions-TemplatedTextToolbar,
.exprodo-NetworkMessageWorkflowBodyView-server .springsolutions-TemplatedTextToolbar,
.exprodo-NetworkMessageWorkflowBodyView-urlPath .springsolutions-HyperlinkedPlainTextToolbar,
.exprodo-NetworkMessageWorkflowBodyView-server .springsolutions-HyperlinkedPlainTextToolbar
{
	display: inline;
}

.exprodo-NetworkMessageWorkflowBodyView-urlPath .gwt-TextBox,
.exprodo-NetworkMessageWorkflowBodyView-server .gwt-TextBox
{
	width: 400px;
}

.exprodo-IndirectValue-component
{
	margin-right:3px;
}

.exprodo-IndirectValue-component, .exprodo-IndirectValue-component > *, .exprodo-IndirectValue-component > div > *
{
	display: inline-block;
	vertical-align: middle;
}

.exprodo-IndirectValue-component.springsolutions-MutableValueEditor .gwt-TextBox
{
	width: 30em;
}

.exprodo-IndirectValue-component.springsolutions-MutableValueEditor .gwt-DateBox
{
    display: inline;
}

.exprodo-IndirectValue-component.springsolutions-MutableValueEditor .gwt-DateBox .gwt-TextBox
{
    width: 9em;
}

.exprodo-IndirectValue-component.springsolutions-MutableValueEditor .springsolutions-TimeBox .gwt-TextBox
{
	width: 4em;
	text-align: center;
}

.springsolutions-DoubleWidget > .exprodo-TextView > .gwt-TextBox
{
	width: 5em;
}

.springsolutions-IntegerWidget > .exprodo-TextView > .gwt-TextBox
{
	width: 5em;
}

.springsolutions-LongWidget > .exprodo-TextView > .gwt-TextBox
{
	width: 5em;
}

.exprodo-RelativeTimeEventBody-relativeTo > *, .exprodo-RelativeTimeEventBody-relativeTo > div.exprodo-BiskitDefBox > div.exprodo-BiskitBox
{
	display: inline;	
}

.exprodo-TypedPathEditor > .exprodo-TypedValueSelector
{
	margin-right: 3px;
}

.exprodo-BiskitUpdateWorkflowBodyView-typeToCreatePanel > div
{
	display: inline-block;
	margin-right:3px;
}

.exprodo-BiskitUpdateWorkflowElementView > *
{
	display:	inline-block;
	margin-right: 3px;
}

.exprodo-BiskitUpdateWorkflowElementView-inner > *
{
	display:	inline-block;
	margin-right: 3px;
}

.exprodo-BiskitUpdateWorkflowElementView-message
{
	margin-top:3px;
}

.exprodo-collectionView
{
	white-space: nowrap;
	display: table;
}

.exprodo-collectionView .RowTable
{
	margin: 0px;
}

.exprodo-tabularElementView-RowOptions
{
	margin:3px 3px 0px 3px;
	display: inline;
}

.exprodo-elementView-RowOptions
{
	float:right;
	margin:3px 3px 0px 3px;
}

.exprodo-elementView-flex-RowOptions
{
	margin:3px 3px 0px 3px;
	flex-grow: 0;
}

.exprodo-elementView-flex
{
	display: flex;
}

.exprodo-elementView-inner
{
	display:	inline-block;
	margin-left: 5px;
	margin-right: 2px;
}

.exprodo-elementView-flex-inner
{
	display:	inline-block;
	margin-left: 5px;
	margin-right: 2px;
	flex-grow: 1;
}

.exprodo-elementView-inner > springsolutions-MutableValueEditor
{
	display:	inline-block;
	vertical-align: middle;
}

.exprodo-collectionView-add
{
	display: inline;
	margin:5px 3px 0px 8px;
}

.exprodo-collectionViewScroller
{
    width: 100%;
    float: left;
    height: 300px;
    clear: both;
}

.exprodo-IntegerPropertyConditionMangler-TextBox > .exprodo-TextView > .gwt-TextBox
{
	width: 5em;
}

.exprodo-inline-condition-mangler .exprodo-FormAggregateConditionMangler-item
{
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	background-color: white;
	border:1px solid #606060;
}

.exprodo-inline-condition-mangler .exprodo-CaptionAggregateConditionMangler-item
{
	display: inline-table;
	margin-right: 10px;
	margin-top: 10px;
	background-color: white;
	border:1px solid #606060;
}

.exprodo-inline-condition-mangler fieldset > legend
{
	background-color: white;
}

.exprodo-ConditionManglerContainer .exprodo-ConditionManglerContainer .exprodo-FormAggregateConditionMangler-item
{
	border:none;
	padding-left: 5px;
}

.exprodo-multiStage-scroller > div
{
	width: 100%;
	height: 100%;
}

.exprodo-multiStage-contents
{
	background-color: #f8f8f8;
	padding: 10px;
	border-left: 1px solid #606060;
	border-top: 1px solid #606060;
	border-right: 1px solid #606060;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.exprodo-multiStage-leftRightNav
{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	transform-style: preserve-3d;
}

.exprodo-multiStage-header
{
	font-size: 20pt;
	font-weight: bold;
}

.exprodo-PrivilegedSearchDef-defaultEmail > tbody > tr > td > .springsolutions-StringWidget > .gwt-TextBox
{
	width: 50em;
}

.exprodo-PrivilegedSearchDef-defaultEmail > tbody > tr > td > .springsolutions-StringWidget > .gwt-TextArea
{
	width: 50em;
	height: 15em;
}

.exprodo-PrivilegedSearchDef-defaultEmail > tbody > tr > td > .springsolutions-StringWidget > .exprodo-TextView .gwt-TextArea
{
	width: 50em;
	height: 15em;
}

.exprodo-PrivilegedSearchDef-manglerDef > .gwt-TextBox
{
	width: 50em;
}

.exprodo-privSearch-emailView-htmlBody .exprodo-RichTextEditor
{
	width: 51em;
	height: 15em;
}

.exprodo-privSearch-search-number.read-only
{
	width: 5em;
	background-color: white;
	border: 1px solid #c0c0c0;
}

.exprodo-privSearch-search-number.read-write
{
}

.exprodo-privSearch-search-number.read-write > .gwt-TextBox
{
	background-color: white;
	border: 1px solid #c0c0c0;
	width: 5em;
}

.exprodo-privSearch-emailView-subject .springsolutions-StringWidget.read-write > .gwt-TextBox
{
	width: 450px;
}

.exprodo-privSearch-emailView-subject .springsolutions-StringWidget.read-only
{
	background-color: white;
	border: 1px solid #c0c0c0;
	width: 450px;
}

.exprodo-privSearch-emailView-footer > .gwt-Label
{
	width: 480px;
}

.exprodo-privSearch-actionAnchor
{
	margin-left: 5px;
}

.exprodo-privSearch-baseView a
{
	margin-right:5px;
}

.exprodo-privSearch-baseView select
{
	margin-left:5px;
	margin-right:5px;
}

.exprodo-helpButton
{
	width:16px;
}

.exprodo-popupHelpButton
{
	position:   absolute;
	padding: 0;
	background-color: rgba(144,144,255,0.3);
	box-shadow: 0px 0px 16px #9090FF;
	border:none;
}

.exprodo-help-dialog-content
{
	display:	flex;
	flex-wrap:	wrap;
	align-items:center;
	justify-content: space-around;
}

.exprodo-help-dialog-content > div:nth-child(2) > :first-child
{
	width: 45em;
	max-height: 20em;
	padding: 5px;
}

.exprodo-BakeryHibernateMappingsWizard-file-panel
{
	list-style-type: none;
	padding-left: 0;
	margin-top: 0.5em;
}

.exprodo-BakeryHibernateMappingsWizard-file
{
	margin-right:5px;
	padding: 2px;
	cursor: pointer;
	line-height: 1.5em;
	margin-bottom: 2px;
}

.exprodo-BakeryHibernateMappingsWizard-file-selected
{
	background-color: #93c2f1;
}

.exprodo-BakeryPathReferencesWizard-messageLabel
{
	padding:5px;
}

.exprodo-BakeryPathReferencesWizard-pathLabel
{
	padding:5px;
}

.exprodo-AddOnParts-advanced-hidden .exprodo-AddOnParts-advanced
{
	display:none;
}

.exprodo-AddOnParts-load, .exprodo-AddOnParts-unload
{
	margin: 0 1px;
}

.exprodo-compactibleMenuBar
{
	white-space: nowrap;
}

.exprodo-menu-hamburger
{
	width: 18px;
	background-color: white;
}

.exprodo-menu-hamburger > div
{
	width:100%;
	height: 3px;
	background-color: black;
	margin: 2px 0;
}

.exprodo-ConditionMangler
{
	margin-right: 4px;
}

.exprodo-CaptionAggregateConditionMangler-heading,
.exprodo-ExpandingAggregateConditionMangler-heading,
.exprodo-FormAggregateConditionMangler-heading,
.exprodo-VerticalAggregateConditionMangler-heading
{
	font-weight:bold;
	font-size:large;
}

.exprodo-CaptionAggregateConditionMangler > fieldset > div.springsolutions-HeightLimitedScrollPanel
{
	max-height: 17em;
	max-width: 240px;
}

.exprodo-CaptionAggregateConditionMangler > fieldset > div.springsolutions-SmallHeightLimitedScrollPanel
{
	max-height: 15em;
	max-width: 240px;
}

.exprodo-FormAggregateConditionMangler-label
{
	font-weight: bold;
}

.exprodo-FormAggregateConditionMangler-value
{
	margin-bottom: 10px;
}

.exprodo-CaptionAggregateConditionMangler > fieldset
{
	margin-bottom:	5px;
}

.exprodo-GrowingAggregateConditionMangler > .TimeRepeating-ProgrammaticDisclosurePanel-open
{
	border: 1px solid #c0c0c0;
	margin-bottom: 15px;
	margin-left: 5px;
	padding-left: 5px;
}

.exprodo-ExpandingConditionMangler  > .TimeRepeating-ProgrammaticDisclosurePanel-open
{
	border: 1px solid #c0c0c0;
	margin-bottom: 15px;
	margin-left: 5px;
}

.exprodo-BitSetPropertyConditionMangler > div > span.gwt-InlineLabel
{
	margin-left: 4px;
}

.springsolutions-ColourPickerBox-writeable
{
	cursor: pointer;
}

.exprodo-ChartWidget .springsolutions-ImageButton
{
	display: inline;
	margin-right: 3px;
}

.exprodo-chart-tooltip
{
	opacity:0.6;
}

.exprodo-chart-tooltip-table
{
	border-spacing: 3px;
}

.exprodo-chart-tooltip-tr > td:first-child
{
	text-align:right;
}

.exprodo-chart-tooltip-tr > td:last-child
{
	text-align:left;
	font-weight:bold;
}

.exprodo-chart-tooltip:after
{
	box-sizing: border-box;
	display: inline;
	font-size: 20px;
	width: 100%;
	line-height: 1;
	color: #C3D9FF;
	content: "\25BC";
	position: absolute;
	text-align: center;
}

.exprodo-chart-area
{
	opacity: 0.9;
}

.exprodo-chart-legend-line, .exprodo-chart-legend-bar, .exprodo-chart-legend-area, .exprodo-chart-legend-point, .exprodo-chart-legend-text
{
	cursor: pointer;
}

.exprodo-chart-def > fieldset
{
	background-color: #f0f0f0;
}

.exprodo-chart-def-margin-box > .gwt-TextBox
{
	width: 30px;
}

.exprodo-chart-def-title > .gwt-TextBox
{
	width: 330px;
}

.exprodo-chart-def-margins
{
	display:inline;
	width:100px;
	height: 120px
}

.exprodo-chart-def-pageSize
{
	display:inline;
	width:150px;
	height: 120px
}

.exprodo-chart-def-pageSize-box > .gwt-TextBox
{
	width: 50px;
}

.exprodo-chart-def-minMax input
{
	width: 80px;
}

.exprodo-chart-def-minMax > table
{
	text-align: center;
}

.exprodo-chart-def-minMaxCover
{
       color: gray;
}

.exprodo-chart-def-line > .springsolutions-ImageButton
{
	display:inline;
}

.exprodo-chart-title
{
	font-weight: bold;
	font-size: large;
}

.exprodo-chart
{
}

.exprodo-chart-axis path,
.exprodo-chart-axis line
{
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}

.exprodo-chart-line
{
	fill: none;
	stroke: steelblue;
	stroke-width: 1.5px;
}

.exprodo-chart-grid .tick
{
	stroke: lightgrey;
	opacity: 0.7;
}

.exprodo-chart-grid path
{
	stroke-width: 0;
}

.exprodo-AuthenticationMethod > fieldset
{
  margin:5px;
}

.exprodo-UserIdentity
{
  margin: auto;
}

.exprodo-UserIdentity
{
}

.exprodo-UserIdentity-auth > .exprodo-BiskitBox > div > .gwt-Label
{
	background-color: #ebebe4;
	border: 1px solid #b0b0b0;
	height: 1.5em;
	line-height: 1.5em;
	padding-left: 5px;
}

.exprodo-UserIdentity-child
{
  float: left;
  margin: 5px;
  padding: 5px;
  height: 3em;
  background-color: #e0e0e0;
  border: 1px solid #808080;
}

.exprodo-UserIdentity-child > .gwt-Label
{
  font-weight: bold;
}

/*
.exprodo-UserIdentity > div, .exprodo-UserIdentity > div > div
{
  display: inline;
}
*/

.exprodo-loginAuthHiddenOuter .exprodo-loginAuthHiddenItem
{
	display: none;
}

.exprodo-loginAuthHiddenOuter .exprodo-loginAuthHiddenInvertedItem
{
	display: none;
}

.exprodo-loginAuthHiddenToggle
{
	width: 16px;
}

.exprodo-login-registration, .exprodo-login-second-auth
{
	border-top: 1px solid black;
	padding-top: 10px;
}

.exprodo-NewUserRequest-message
{
	margin-top: 10px;
}

.exprodo-NewUserRequest .heading
{
	font-family: arial, sans-serif;
	font-size: 26pt;
}

.exprodo-NewUserRequest-ul, .exprodo-login-ul
{
	display: inline;
}

.exprodo-NewUserRequest-li, .exprodo-login-li
{
	list-style: none;
	display: inline;
	margin-right: 10px;
}


#loginHeader
{
  margin-left: auto;
  margin-right: auto;
}

#loginFooter > a
{
  margin: 5px auto;
  display: block;
}

.exprodo-login-licence
{
	text-align:		center;
	margin-top:		50px;
	padding-top:	10px;
	padding-bottom:	10px;
	border-top:		1px solid black;
	border-bottom:	1px solid black;
	background-color:	#eee;
}

.exprodo-NewUserRequest-li > button, .exprodo-login-li > button
{
	margin-bottom: 10px;
}

.exprodo-NewUserRequest-NonLocalLabel, .exprodo-NewUserRequest-LocalLabel
{
	margin-top:10px;
	margin-bottom:10px;
}

.exprodo-NewUserRequest
{
	width:500px;
	margin: 10px auto;
}
	
@supports (width: fit-content)
{
	.exprodo-NewUserRequest
	{
		width:fit-content;
		margin: 10px auto;
	}
}

.exprodo-NewUserRequest-MainDisplay
{
	margin: 10px 0;
	padding: 10px;
	border: 1px solid black;
	border-radius: 6px;
	box-shadow: #c7c7c7 6px 6px 14px;
}

#externalAuth > iframe
{
	margin: 10px auto;
	display: block;
}

#loginForm
{
}

#loginErrorPanel, #loginInputsWrapper, #loginNoticesPanel
{
	margin: 10px auto;
	width: 340px;
}

#loginInputsWrapper
{
	border: 1px solid black;
	padding: 10px;
	border-radius: 6px;
	box-shadow: #c7c7c7 6px 6px 14px;
}

table.ExprodoLogin
{
	border: 1px solid;
	padding: 5px;
}

.ExprodoLogin table
{
	border: 0px solid;
	padding: 5px;
}

.ExprodoLogin td
{
	border: 0px solid;
	padding: 3px;
	border-spacing: 5px;
}

.ExprodoLogin .header
{
	font-size: 40pt;
}

.ExprodoLogin .version
{
	font-size: 12pt;
}

.exprodo-AutomaticEmailPage .gwt-RichTextArea
{
	width:	100%;
	background-color: white;
}

.exprodo-SubjectTypeBiskitTree-BiskitItem.disabled .gwt-TreeItem
{
	color: #FF0000;
}

.exprodo-SubjectTypeBiskitTree-BiskitItem.disabled .gwt-TreeItem-selected
{
	color: #D00000;
}

.biskit-anchor
{
	cursor: pointer;
}

.gwt-PageHyperlink
{
	/* Make the div for PageHyperlink take on the width of its anchor child so
	   that the clickable width is only that of the anchor. For details of how
	   this works, see
	   http://stackoverflow.com/questions/450903/make-css-div-width-equal-to-contents */
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.exprodo-AddNote
{
    font-weight: bold;
}

.exprodo-AddNote-TextArea
{
    width: 600px;
    height: 50px;
    border: 1px solid #a8a8a8;
    background-color: white;
}

.exprodo-AddNote-button
{
    display: inline;
    margin: 3px 0 20px 3px;
}

.exprodo-Waterfall
{
	border: 1px solid black;
	margin-top: 10px;
	background-color: #e8f0ff;
	max-width: 800px;
}

.exprodo-Waterfall-heading
{
    font-weight: bold;
}

.exprodo-Waterfall-scroller
{
    min-width: 600px;
	height: 400px;
}

.exprodo-Waterfall-noAddNote .exprodo-Waterfall-scroller
{
	height: 400px;
}

.exprodo-Waterfall-hasAddNote .exprodo-Waterfall-scroller
{
	height: 200px;
}


.exprodo-Waterfall > div
{
	border-bottom: 1px solid gray;
}

.exprodo-Waterfall-actionPanel > a
{
	margin: 0 5px;
	float: right;
}

.exprodo-Waterfall-table
{
	width: 100%;
}

.exprodo-Waterfall-table > tbody > tr:first-child > td
{
	border-top: none;
}

.exprodo-Waterfall-table > tbody > tr > td
{
	border-top: 1px solid gray;
}

.exprodo-Waterfall-entryHeaderList
{
	font-size: 11px;
	color: #777;
	margin: 0;
	padding: 0 0 0 0;
}

.exprodo-Waterfall-entryText
{
	margin: 2px 0 2px 0;
}

.exprodo-Waterfall-entryContent
{
	background: white;
	border: 1px solid black;
	padding: 3px;
	margin: 5px 0px 3px 0px;
	cursor: pointer;
}

.exprodo-BiskitTreeEditor-buttonBar
{
	min-width: 160px;
}

.exprodo-progressBar-popup
{
}

.exprodo-progressBar-outer
{
  border: 1px solid black;
  background-color:	white;
  height: 20px;
}

.exprodo-progressBar-inner
{
  background-color: blue;
  height: 100%;
}

.exprodo-ImportTable-nowrap
{
	white-space: nowrap;
}
.exprodo-ImportHeader
{
	cursor: pointer;
	white-space: nowrap;
}

.exprodo-ImportLineHeader
{
	cursor: default;
	white-space: normal;
}

.exprodo-import-fileName
{
	margin-left: 5px;
	margin-right: 5px;
}

.exprodo-import-buttonBar
{
	border-spacing: 5px 2px;
}

.exprodo-import-hide-error-free-rows .exprodo-ImportTable-error-free-row
{
  display: none;
}

.exprodo-import-hide-ignored-rows .exprodo-ImportTable-ignored-row
{
  display: none;
}

.exprodo-import-hide-error-free-columns .exprodo-ImportTable-error-free-column
{
  display: none;
}

.exprodo-import-hide-ignored-columns .exprodo-ImportTable-ignored-column
{
  display: none;
}

.gwt-TabPanel {
  margin-top: 4px;
}

.gwt-TabPanelBottom {
  background-color: #E8EEF7;
}

.gwt-TabBar {
  padding-top: 2px;
  border-bottom: 4px solid #87B3FF;
}

.gwt-TabBar .gwt-TabBarItem {
  padding: 4px;
  cursor: pointer;
  font-weight: bold;
  background-color: #d0e4f6;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid white;
  margin-right: 2px;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  cursor: default;
  background-color: #87b3ff;
  border-color: #808080;
}

.springsolutions-TemplatedTextEditor-message > div > input
{
    width: 99%;
}

.springsolutions-HyperlinkedPlainTextEditor-message > div > input
{
    width: 99%;
}

.exprodo-deobfuscation-page
{
	margin-left:4px;
}

.exprodo-deobfuscation-button
{
}

.exprodo-deobfuscation-permutation > .gwt-TextBox
{
	width:300px;
}

.exprodo-deobfuscation-deobfuscatedTextArea, .exprodo-deobfuscation-origStackTextArea
{
	width:100%;
	height:100%;
	box-sizing:border-box;
}

.exprodo-deobfuscation-permutationCaption
{
	border:0px;
	margin-top: 5px;
}

.exprodo-deobfuscation-origCaption
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border:0px;
}

.exprodo-deobfuscation-deobfuscatedCaption
{
	border:0px;
	margin-top: 5px;
}

.exprodo-deobfuscation-splitPanel
{
	position: absolute !important;
	top: 4px;
	bottom: 2px;
	left:0px;
	right:0px;
	border: 1px solid black;
	background-color: #e0e0e0;
	border-radius: 4px;
}

.exprodo-deobfuscation-splitPanel .gwt-SplitLayoutPanel-VDragger
{
	background-color: #A0A0F0;
}

.biskit-cssRuleEditor-cellCssButton
{
	float: right;
	margin: 0px 2px 0px 0px;
}

.biskit-cssRuleEditor-tab
{
	width: 730px;
	height: 465px;
}

.biskit-cssRuleEditor-tab > fieldset
{
	padding: 8px 10px 8px 10px;
}

.biskit-cssRuleEditor-caption
{
	background-color: lightYellow;
	display: inline;
}

.biskit-cssRuleEditor-caption > legend
{
	color: blue;
}

.biskit-cssRuleEditor-Positioning-Options
{
	width: 335px;
	height: 445px;
}

.biskit-cssRuleEditor-Positioning-Values
{
	width: 335px;
	height: 445px;
}

.biskit-cssRuleEditor-Text-Values
{
	width: 335px;
	height: 240px;
}

.biskit-cssRuleEditor-Text-Options
{
	width: 335px;
	height: 240px;
}

.biskit-cssRuleEditor-Text-Decoration
{
	width: 335px;
	height: 190px;
}

.biskit-cssRuleEditor-Text-Font
{
	width: 335px;
	height: 190px;
}

.biskit-cssRuleEditor-Common-Margin
{
	width: 335px;
	height: 215px;
}

.biskit-cssRuleEditor-Common-Padding
{
	width: 335px;
	height: 215px;
}

.biskit-cssRuleEditor-Common-Size
{
	width: 335px;
	height: 215px;
}

.biskit-cssRuleEditor-Border-Width
{
	width: 325px;
	height: 215px;
}

.biskit-cssRuleEditor-Border-Colour
{
	width: 345px;
	height: 215px;
}

.biskit-cssRuleEditor-Border-Style
{
	width: 325px;
	height: 215px;
}

.biskit-cssRuleEditor-Border-Radius
{
	width: 345px;
	height: 215px;
}

.biskit-cssRuleEditor-Misc-Background
{
	width: 698px;
	height: 260px;
}

.biskit-cssRuleEditor-Misc-Table
{
	width: 698px;
	height: 170px;
}

.biskit-cssRuleEditor-Other-Class
{
	width: 698px;
	height: 50px;
}

.biskit-cssRuleEditor-Other-CSS
{
	width: 698px;
	height: 380px;
}

.biskit-cssRuleEditor-Other-CSS > .gwt-TextArea
{
	width: 99%;
	height: 350px;
}

.biskit-cssRuleEditor-Other-Class > table
{
	width: 100%;
}

.biskit-cssRuleEditor-Other-Class-ListBox
{
	width: 80px;
}

.biskit-cssRuleEditor-Other-Class-Container > div > .gwt-TextBox
{
	width: 100%;
}

.biskit-cssRuleEditor-colourWidget,
.biskit-cssRuleEditor-stringWidget
{
	display: inline;
	width: 90px;
}

.biskit-cssRuleEditor-numberWidget > .gwt-TextBox
{
	width: 90px;
}

.biskit-cssRuleEditor-lengthWidget,
.biskit-cssRuleEditor-length2Widget,
.biskit-cssRuleEditor-multiValuedWidget,
.biskit-cssRuleEditor-numberWidget
{
	display: inline;
}

.biskit-cssRuleEditor-colourWidget > div,
.biskit-cssRuleEditor-lengthWidget > div,
.biskit-cssRuleEditor-length2Widget > div,
.biskit-cssRuleEditor-multiValuedWidget > div,
.biskit-cssRuleEditor-numberWidget > div,
.biskit-cssRuleEditor-stringWidget > div
{
	display: inline;
}

.biskit-cssRuleEditor-lengthWidget > div > .gwt-TextBox,
.biskit-cssRuleEditor-length2Widget > div > .gwt-TextBox,
.biskit-cssRuleEditor-numberWidget > div > .gwt-TextBox
{
	width: 40px;
}

.biskit-cssRuleEditor-colourWidget > .gwt-TextBox
{
	width: 75px;
}

.biskit-cssRuleEditor-listBox
{
	width: 100%;
}

.biskit-DoubleWithUnits > div, .biskit-DoubleWithUnits > div > div
{
	display: inline;
}

.biskit-DoubleWithUnits > .springsolutions-ImageButton
{
	vertical-align: middle;
	margin: 1px 0px 1px 0px;
}

.biskit-DoubleWithUnits-UnitLabel
{
	margin-left: 3px;
	margin-right: 3px;
}

.biskit-UnitsCalculator
{
	margin: 1px 0px 5px 3px;
}

.biskit-UnitsCalculator > div, .biskit-UnitsCalculator > div > div
{
	display: inline;
}

.biskit-UnitsCalculator-unitLabel
{
	margin-left: 3px;
	margin-right: 3px;
}

.biskit-UnitsCalculator-equalsLabel
{
	margin-left: 3px;
	margin-right: 3px;
}

.springsolutions-BiskitDefEditor-numCopiesDropDown .gwt-TextBox
{
	width: 40px;
}

.biskit-MultiPropertyColumnTable-emptyCell
{
	background-color: #c0c0c0;
}

.biskit-LayoutEditor-UnassignedProperties > div
{
	display: inline;
}

.biskit-PropertyLayoutEditor-numberFormat, .exprodo-numberFormat
{
	display:flex;
}

.biskit-PropertyLayoutEditor-numberFormat > .exprodo-helpButton,
.exprodo-numberFormat > .exprodo-helpButton
{
	margin-left:5px;
}

.biskit-tabLayoutEditor-buttonBar
{
	padding-top:5px;
	padding-left: 5px;
}

.biskit-tabLayoutEditor-rowLabelEditor > input
{
	width: 260px;
	text-align: inherit;
}

.biskit-tabLayoutEditor-columnHeadingEditor > input
{
	width: 95%;
	text-align: inherit;
}

.biskit-tabLayoutEditor-cellDragHandle
{
	display: inline;
}

.gwt-TabLayoutPanelContent.biskit-tabLayoutEditor-contentPanel
{
	overflow: auto;
}

.gwt-TabLayoutPanelContent.biskit-tabLayoutEditor-notesPanel
{
	overflow: auto;
}

.DynamicNotesLayoutEditor-writeable .DynamicNotesLayoutEditor-tabPanelDeck
{
	min-height: 90px;
}

.DynamicNotesLayoutEditor-readOnly .DynamicNotesLayoutEditor-tabPanelDeck
{
	min-height: 70px;
}

.biskit-tabLayoutEditor-tabPanel
{
	width: 100%;
	height: 100%;
}

.biskit-tabLayoutEditor-headingTextBox > .gwt-TextArea
{
	width:300px;
	height: 2.5em;
}

.biskit-tabLayoutEditor-mainTableText > input
{
	width: 300px;
}

.biskit-tabLayoutEditor .RowTable .springsolutions-IntegerWidget > input
{
	width: 40px;
}

.biskit-tabLayoutEditor-localHTML
{
	width: 500px;
	height: 300px;
}

.biskit-LayoutEditor-splitPanel
{
	border-top: 8px solid #D0E4F6;
}

.biskit-layoutTree-scrollPane
{
	height: 100%;
	width: 100%;
}

.biskit-layoutTree-outer
{
	height: 100%;
}

.biskit-BiskitCRULayoutPanel-contents > div
{
	position:absolute !important;
}

.Int-propertyValue .springsolutions-NullableByListEnableable > div
{
	display: inline;
}

.exprodo-breadcrumb
{
	white-space: nowrap;
}

.exprodo-pageHistory
{
}

.exprodo-pageHistory-heading
{
	font-weight: bold;
	font-size: large;
}

.exprodo-pageHistory-contentsScroller
{
	height: calc(100% - 25px);
}

.forceOffscreen
{
	position: absolute;
	top:-1000px;
}

.disabled .gwt-TreeItem
{
    color: red;
}

.disabled .gwt-TreeItem-selected
{
    color: maroon;
}

tr.rowOdd
{
  background: #FFFEF1;
  color: #111111;
}

tr.rowEven
{
  background: #DEEDEA;
  color: #333333;
}

tr.rowOddMouseOver
{
  background: #DEC0EA;
  color: #111111;
}

tr.rowEvenMouseOver
{
  background: #DEC0EA;
  color: #333333;
}

tr.rowOddSelected
{
  background: #A080E0;
  color: #111111;
}

tr.rowEvenSelected
{
  background: #A080E0;
  color: #111111;
}

tr.rowOddMouseOverSelected
{
  background: #A080E0;
  color: #111111;
}

tr.rowEvenMouseOverSelected
{
  background: #A080E0;
  color: #111111;
}

tr.rowHeader, td.cellHeader
{
	background: #BBBBBB;
	font-weight: bold;
}

tr.rowHeaderUp
{
	color: blue;
}

tr.rowHeaderDown
{
	color: red;
}

tr.rowHeader > td
{
	cursor: pointer;
}

tr.clickableRow
{
	cursor: pointer;
}

td.olapRowHeader
{
	background-color:	#dedede;
	font-weight:	normal;
	text-align:		right;
	color:			black;
}

td.olapColHeader
{
	background-color:	#dddddd;
	font-weight:	bold;
	text-align:		center;
	color:			black;
}

td.olapMainHeader
{
	font-weight:	bold;
	text-align:		right;
	color:			black;
}

.BiskitLayoutTab-heading
{
	font-weight: bold;
	max-width: 600px;
}

.exprodo-SharedTreePicker .gwt-Tree .exprodo-SharedTreePicker-itemNoSelect > table > tbody > tr > td > .gwt-TreeItem
{
	cursor: default;
}

.exprodo-SharedTreePicker .gwt-Tree .exprodo-SharedTreePicker-itemNoSelect > .gwt-TreeItem
{
	cursor: default;
}

.exprodo-SharedCheckTreePicker-CheckedTreePanel > div > .springsolutions-ImageButton:first-child
{
	margin-left:	20px;
}

.exprodo-SharedCheckTreePicker-CheckedTreePanel > div > .springsolutions-ImageButton
{
	display:	inline;
	margin:		2px;
}

.exprodo-report-ExportSettingsDropDown-table
{
	background-color: #e0e0e0;
}

.exprodo-GroupBiskitsDetail
{
}

.exprodo-GroupBiskitsDetail-addMany
{
	width: 16px;
}

.exprodo-GroupBiskitsDetail-add
{
	width: 16px;
}

.exprodo-GroupBiskitsDetail-remove
{
	width: 16px;
}

.exprodo-GroupBiskitsDetail-buttonBar
{
	width: 48px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.exprodo-GroupBiskitsDetail-columnWrapper
{
	position: relative;
	display:flex;
}

.exprodo-GroupBiskitsDetail-add, .exprodo-GroupBiskitsDetail-remove, .exprodo-GroupBiskitsDetail-addMany
{
	display: inline;
}

.exprodo-ColumnDefWidget-writeName
{
	width: 97%;
}

.exprodo-ColumnDefWidget-DropDown .springsolutions-PropertyPathBox
{
	width: 97%;
}

.exprodo-ColumnDefWidget
{
	width: 100%;
	margin-right: 52px;
}

.exprodo-ColumnDefWidget-editAnchor
{
	position:	absolute;
	bottom:		-21px;
	left:		3px;
	border:		1px solid black;
	padding:	0px 3px 3px 3px;
	background:	white;
	z-index:	1;
}

.exprodo-ColumnDefWidget-writeColumnType
{
	display: inline;
}

.exprodo-ColumnDefWidget-valueAtPath
{
	display: inline;
}

.exprodo-ColumnDefWidget-ignoreNulls
{
	display: block;
}

.exprodo-ColumnDefsPanel
{
	display: table;
}

.exprodo-ColumnDefsPanel-writeable-complex
{
	width: 960px;
}

.exprodo-ColumnDefsPanel-writeable-simple
{
	width: 700px;
}

.exprodo-ColumnDefsPanel-readonly-complex
{
	width: 780px;
}

.exprodo-ColumnDefsPanel-readonly-simple
{
}

.exprodo-ColumnDefsPanel-readonly
{
}

.exprodo-ColumnDefsPanel-RowOptions
{
	float:left;
	margin:5px 3px 0px 3px;
}

.exprodo-ColumnDefsPanel-message
{
	vertical-align: middle;
	display: inline;
}

.exprodo-ColumnDefsPanel-ColumnInner
{
	margin-left: 5px;
}

.exprodo-ColumnDefsPanel-RoundScaleWrapper
{
	display:	inline-block;
}

.springsolutions-RoundScaleEditor .springsolutions-JavaEnumSelector
{
	display:	inline;
}

.exprodo-ColumnDefsPanel-add
{
	display: inline;
	margin:5px 3px 0px 8px;
}

.exprodo-ColumnDefsPanel-name
{
	vertical-align: middle;
	display: inline-block;
	margin-left: 5px;
}

.exprodo-ColumnDefsPanel-name > .gwt-TextBox
{
	width:	150px;
}

.exprodo-ColumnDefsPanel-path
{
	display:	inline-block;
	margin-left: 5px;
}

.exprodo-ColumnDefsPanel-ColumnType
{
	display:	inline-block;
	margin-left:5px;
}

.exprodo-ColumnDefsPanel .springsolutions-PropertyPathBox
{
	width: 200px;
	vertical-align: middle;
}

.exprodo-ColumnDefsPanel .springsolutions-RoundScaleEditor
{
	display:	inline-block;
	vertical-align: middle;
	margin-left:5px;
}

.springsolutions-RoundScaleEditor .springsolutions-NumberBox-Double
{
	width: 5em;
}

.exprodo-ColumnDefsPanel-scroller
{
    border: 1px solid;
    width: 100%;
    float: left;
    height: 300px;
    clear: both;
}

.exprodo-ColumnDefsPopup .exprodo-ColumnDefsPanel-scroller
{
	border: none;
}

.exprodo-ColumnDefsPanel-Table
{
	width: 99%;
	margin-top: 5px;
	margin-left: 5px;
}

.exprodo-ColumnDefsPanel-Table > tbody > tr > td
{
	border: 1px solid;
}

.springsolutions-Search-SearchBar
{
    background-color: #e0e0e0;
}

.exprodo-MenuEditor-treeScroller
{
	height:100%;
}

.exprodo-MenuEditor-SubNodesHolder .gwt-TextBox
{
	width: 210px;
}

.exprodo-MenuEditor-SubNodesHolder .springsolutions-ConditionsPanel
{
	margin-top:10px;
}

.exprodo-MenuEditor-MenuEditorHolder, .exprodo-MenuEditor-SubNodesHolder
{
	padding-top:	5px;
}

.exprodo-MenuEditor-MenuEditorHolder > fieldset, .exprodo-MenuEditor-SubNodesHolder > fieldset
{
	background:	#f8f8f8;
}

.exprodo-MenuEditor-MenuEditorHolder > fieldset > legend, .exprodo-MenuEditor-SubNodesHolder > fieldset > legend
{
	background:	#f8f8f8;
}

.exprodo-BiskitTreeViewerPageMenuEditor .gwt-TextBox
{
	width: 30em;
}

.exprodo-BiskitTreeEditorPageMenuEditor .gwt-TextBox
{
	width: 30em;
}

.exprodo-DataExplorerPageMenuEditor .gwt-TextBox
{
	width: 30em;
}

.exprodo-RunReportPageMenuEditor .gwt-TextBox
{
	width: 30em;
}

.exprodo-FramePageMenuEditor .gwt-TextBox
{
	width: 30em;
}

.exprodo-CustomisedSearchPageMenuEditor .gwt-TextBox
{
	width: 30em;
}

.exprodo-About #licence > .gwt-HTML
{
	margin-left:	3em;
}

.exprodo-About #licenceExpiry > .gwt-HTML
{
	margin-left:	3em;
}

.PartialBiskitDialog-ScrollPanel
{
	max-height: 30em;
}

.exprodo-invisible-glass
{
	filter:		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:		alpha(opacity=0);
	opacity:	0.0;
}

.BiskitCRUController-CreateMode .BiskitCRUController-hideInCreateMode
{
	display: none;
}

.BiskitCRUController-UpdateMode .BiskitCRUController-hideInUpdateMode
{
	display: none;
}

.exprodo-Config-EmailTab .gwt-TextBox
{
	width: 48em;
}

.exprodo-Config-EmailTab .gwt-TextArea
{
	width: 48em;
	height: 6em;
	margin-top:3px;
}

table.exprodo-Config-EmailTab-authentication
{
	margin-left: 18px;
}

.exprodo-Config-EmailTab-authentication .gwt-TextBox
{
	width: 15em;
}

.exprodo-Config-EmailTab-authentication .gwt-PasswordTextBox
{
	width: 15em;
}

.exprodo-Config-initialPage > div
{
	display:inline;
}

.exprodo-Config-initialPage > .springsolutions-ImageButton
{
	vertical-align:sub;
}

.exprodo-VerticalTabPanel
{
	margin-top: 5px;
	
	border-color: #909090 white white #909090;
	border-width: 1px;
	border-style: solid;
	border-spacing: 0px;
}

.exprodo-VerticalTabPanel-left
{
	background-color: #FFFFE0;
	vertical-align: top;
	border-color: white white #909090 white;
	border-width: 1px;
	border-style: solid;
}

.exprodo-VerticalTabPanel-left > div
{
	white-space: nowrap;
}

.exprodo-VerticalTabPanel-right
{
	margin-left: -2px;
	background-color: #E8E8E8;
	vertical-align: top;
	border-color: white #909090 #909090 #909090;
	border-width: 1px;
	border-style: solid;
}

.exprodo-ExprodoEventSearch .springsolutions-ResizableBiskitList
{
	border-style:solid none;
	border-width:1px;
	margin:0 0 5px;
	max-height:400px;
}

.exprodo-ExprodoEventSearch-buttonBar
{
}

.exprodo-ExprodoEventSearch-buttonBar > *
{
	display:inline;
	margin-right:5px;
	vertical-align:top;
}

#banner
{
  background-color:#000066;
  color:white;
  height:50px;
  margin:0px 0px 2px 0px;
  padding-top:3px;
  text-align:center;
  width:100%;
  font-size: 28pt;
}

#banner .version
{
  font-size: small;
}

.exprodo-Config-SecurityTab-miscCaption
{
	margin-top: 0px;
	margin-bottom: 15px;
}

.exprodo-Config-SecurityTab-passwordContentCaption
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.exprodo-Config-SecurityTab-loginMessagesCaption
{
	margin-top: 5px;
}

.exprodo-Config-SecurityTab-loginMessagesCaption .gwt-TextBox
{
	width:470px;
}

.exprodo-Config-SecurityTab-bruteForceCaption
{
	margin-top: 15px;
	margin-bottom: 0px;
}

.exprodo-Config-SecurityTab-bruteForceCaption > .springsolutions-StringWidget > .gwt-TextBox
{
	width: 98%;
}

.exprodo-Config-LicenceTab-key
{
	height:	9em;
	width: 48em;
}

.exprodo-Config-LicenceTab-key-initial
{
	color: #808080;
}

.exprodo-Config-LicenceTab-licensee
{
	height:	12em;
	width: 48em;
}

.exprodo-Config-LicenceTab-testButton
{
	margin-right:	0.5em;
}

.exprodo-Config-Appearance-Template
{
	width: 54em;
	height: 20em;
}

.exprodo-Config-Appearance-UserCSS
{
	width: 54em;
	height: 20em;
}

.exprodo-Config-Appearance-Banner
{
	width: 54em;
	height: 5em;
}

.exprodo-Config-Appearance-EasterEgg-box
{
	width: 54em;
}

.exprodo-Config-Appearance-Title
{
	width: 54em;
}

.exprodo-Config-Appearance-LoginHeader
{
	width: 54em;
	height: 10em;
}

.exprodo-Config-Appearance-ShowBanner
{
}

.exprodo-DropDownButton
{
}

.exprodo-CustomButton-Text
{
	padding-left:	3px;
	vertical-align:middle;
	white-space:	nowrap;
}

.exprodo-CustomButton-Text-imageFirst
{
	padding-left:	3px;
	vertical-align:	middle;
}

.exprodo-CustomButton-Text-textFirst
{
	padding-right:	3px;
	vertical-align:	middle;
}

.exprodo-CustomButton-image
{
	vertical-align:	middle;
}

.exprodo-CustomButton
{
	padding-top:	2px;
}

.exprodo-CustomButton-imageDisabled
{
	-moz-opacity	: 0.30;
	filter			: alpha(opacity=30);
	opacity			: 0.30;
}

.exprodo-DoubleImageButton-Text
{
	padding-left:	3px;
	vertical-align:middle;
	white-space:	nowrap;
}

.exprodo-DoubleImageButton-Text
{
	padding-left:	3px;
	padding-right:	3px;
	vertical-align:	middle;
}

.exprodo-DoubleImageButton-image
{
	vertical-align:	middle;
}

.exprodo-DoubleImageButton
{
	padding-top:	2px;
}

.exprodo-DoubleImageButton-imageDisabled
{
	-moz-opacity	: 0.30;
	filter			: alpha(opacity=30);
	opacity			: 0.30;
}

.exprodo-ImageListBox
{
	display:flex;
}

.exprodo-ImageListPicker
{
	display:grid;
	grid-template-columns: 20px 1fr;
}

.exprodo-ImageListPicker > div
{
	margin: 2px;
}

.exprodo-ImageListPicker > *
{
	cursor: pointer;
}

.exprodo-ImageListPicker > *:hover
{
	background-color: #3182d4;
	color: white;
}

.exprodo-dragTree-positioner
{
	z-index: 1;
	border-top: 1px solid green;
	margin-top: 1px;
}

.exprodo-dragTree-proxy
{
	border: 1px solid blue;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.exprodo-dragTreeDropHandle
{
	display:inline;
}

body
{
	margin: 4px 4px 0px 4px;
}

#statsdiv
{
	border:		1px solid;
	overflow:	auto;
	height:		150px;
}

#lockedMessage
{
	width:		300px;
}

.gwt-TextArea-readonly {
	background-color: #ffffff;
}

.exprodo-clickable
{
	cursor: pointer;
}

.springsolutions-OverviewPanel-printableViewOptions > tbody > tr > td > .springsolutions-IntegerWidget > .gwt-TextBox
{
	width: 2em;
}

.springsolutions-OverviewPanel .gwt-DisclosurePanel .content
{
	margin-right: 2px;
	border-left: none;
	margin-left: 3px;
	padding: 0px 0px 4px 0px;
}


.springsolutions-PropertyEditor-Menu-type
{
	display:		inline;
	padding-left:	5px;
}

.springsolutions-OLAP .ScrollPanel
{
    height: 600px !important;
}

.springsolutions-OLAP .springsolutions-PropertyPathBox
{
    width: 97%;
}

.springsolutions-OLAP .springsolutions-BiskitHierarchyBox
{
    width: 22em;
}

.springsolutions-NumberBox-Double
{
	width: 5em;
}

.springsolutions-NumberBox-Integer
{
	width: 3em;
}

.springsolutions-IntegerComponentEditor .gwt-TextBox
{
	width: 3em;
	text-align: right;
}

.springsolutions-TimeBox .gwt-TextBox
{
	width: 4em;
	text-align: center;
}

.springsolutions-TimeIntervalBox .gwt-TextBox
{
	width: 7em;
	text-align: center;
}

.springsolutions-DateTimeEditor .gwt-DateBox
{
    text-align: center;
    margin-right: 5px;
}

.dateBoxFormatError
{
    color: red;
    background-color: lightYellow;
    border: 2px solid red;
}

.gwt-DatePicker
{
    font-size: 20pt;
    background: purple;
}

.gwt-DropDownPanel
{
	background: white none repeat scroll 0 0;
	border: 2px groove #C3D9FF;
	padding: 0px;
}

.BiskitTypeTreeSelector .ScrollPanel
{
	height: 150px;
}

.BiskitHierarchyPicker .ScrollPanel
{
	max-height: 150px;
}

.BiskitHierarchyPicker .BiskitHierarchyTree
{
	margin-right: 20px;
}

.PropertyPathPicker .PropertyPathTree
{
	margin-right: 20px;
}

.PropertyPathPicker .ScrollPanel
{
	max-height: 150px;
}

.DataExplorerPage .ScrollPanel
{
	max-height: 400px;
	border-width: 1px;
	border-style: solid none;
	margin: 0px 0px 5px 0px;
}

.BiskitCollectionEditor .ScrollPanel
{
	max-height: 400px;
	border-width: 1px;
	border-style: solid none;
	margin: 0px 0px 5px 0px;
}

.PermissionPage .ScrollPanel
{
	height: 250px;
	border-width: 1px;
	border-style: solid none;
	margin: 0px 0px 5px 0px;
}


.gwt-VerticalSplitPanel .vsplitter {
    background-color            :    #C3D9FF;

	    /* Pretty much everything */
    cursor                      :    n-resize;

     /* IE6, IE7, FF2, Safari Win */
    cursor                      :    row-resize;
}
.gwt-HorizontalSplitPanel .hsplitter {
    background-color            :    #C3D9FF;

	    /* Pretty much everything */
    cursor                      :    e-resize;

     /* IE6, IE7, FF2, Safari Win */
    cursor                      :    col-resize;
}

.busy {
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.PasswordChangePage .heading {
	font-family: arial, sans-serif;
	font-size: 30pt;
}

body {
	font-family: arial, sans-serif;
}

.exprodo-HorizontalDisclosurePanel > .springsolutions-ToggleButton
{
	width: 16px;
	cursor: pointer;
}

.springsolutions-OverviewPanel {
	background-color: white;
}

.springsolutions-OverviewPanel .calpendo-spacer {
	height:	10px;
}

.springsolutions-OverviewPanel .calpendo-spacer-aboveNavigator {
	height:	20px;
}

.invalidEntry {
	color: Red;
}

.BiskitTable>tbody>tr>td {
	border-style: solid;
	border-width: 1px;
	border-color: black;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0em;
	padding-bottom: 0em;
}

.BiskitTable {
	border-style: solid;
	border-collapse: collapse;
	border-width: 0px;
	border-spacing: 0px;
	border-color: #111111;
	margin: 5px;
}

.BiskitCollectionEditor .ScrollPanel > div > .BiskitTable
{
	margin: 5px 20px 5px 5px;
}

.ColourGroupEditor
{
}

.ColourGroupEditor-editable
{
	cursor: pointer;
}

.ColourGroupEditorPopup
{
	background-color:	#C3D9FF;
}

.exprodo-ColourGroupChooser .gwt-PageHyperlink
{
    height: 14px;
    width: 14px;
	border-style: solid;
	border-color: white;
	border-width: 1px;
	padding: 0px;
	cursor: pointer;
}

table.exprodo-ColourGroupChooser {
	border-collapse: separate;
	border-spacing: 4px 2px;
	margin: 0px;
}

.DateRange-Renderer .gwt-DateBox {
	width: 9em;
	text-align: center;
}

/* Colours the bars on the pop-up (3-bar icon) menu which appears when the menu is too wide for the page. */
#main .exprodo-primary-menubar .exprodo-menu-switch > div
{
    background-color: black;
}

/******************************************************
 * PopupUtils
 ******************************************************/
.PopupUtils-PopupPanel-glass
{
    -moz-opacity                :   0.70;
    background-color            :   #fff;
    filter                      :   alpha(opacity=70);
    height                      :   100%;
    left                        :   0px;
    opacity                     :   0.70;
    position                    :   absolute;
    top                         :   0px;
    width                       :   100%;
}
.PopupUtils-PopupPanel
{
    background-color            :   #ffc;
    border                      :   5px solid #00f;
}
.PopupUtils-PopupPanel .header
{
    background-color            :   #ccf;
    border-bottom               :   1px solid #009;
    font-size                   :   90%;
    font-weight                 :   bold;
    padding                     :   2px;
    text-align                  :   center;
}
.PopupUtils-PopupPanel .message
{
    border-bottom               :   1px solid #009;
    font-size                   :   80%;
    padding                     :   10px 30px;
    text-align                  :   center;
}
.PopupUtils-PopupPanel .footer
{
    background-color            :   #ccf;
    padding                     :   2px;
    text-align                  :   center;
}

.exprodo-oneToManyMultiEdit-writePanel > button
{
	margin:2px;
}

.exprodo-oneToManyMultiEdit > div > div > .SimpleBiskitsTable>tbody>tr>td
{
	padding: 0;
	position: relative;
}

.exprodo-oneToManyMultiEdit-cell
{
	padding:5px;
}

.exprodo-oneToManyMultiEdit-cell-copiedTopInternal
{
	border-top-width: 0;
}

.exprodo-oneToManyMultiEdit-cell-copiedRightInternal
{
	border-right-width: 0;
}

.exprodo-oneToManyMultiEdit-cell-copiedBottomInternal
{
	border-bottom-width: 0;
}

.exprodo-oneToManyMultiEdit-cell-copiedLeftInternal
{
	border-left-width: 0;
}



.exprodo-oneToManyMultiEdit-cell-selected
{
	background-color: #eee;
}

.exprodo-oneToManyMultiEdit-cell-selectedTop
{
	border-top: 2px solid blue;
}

.exprodo-oneToManyMultiEdit-cell-selectedBottom
{
	border-bottom: 2px solid blue;
}

.exprodo-oneToManyMultiEdit-cell-selectedLeft
{
	border-left: 2px solid blue;
}

.exprodo-oneToManyMultiEdit-cell-selectedRight
{
	border-right: 2px solid blue;
}

.exprodo-oneToManyMultiEdit-cell-selectedLast
{
    position: relative;
}



.exprodo-oneToManyMultiEdit-cell-copiedTop
{
	border-top: 2px dashed #0f0;
}

.exprodo-oneToManyMultiEdit-cell-copiedBottom
{
	border-bottom: 2px dashed #0f0;
}

.exprodo-oneToManyMultiEdit-cell-copiedLeft
{
	border-left: 2px dashed #0f0;
}

.exprodo-oneToManyMultiEdit-cell-copiedRight
{
	border-right: 2px dashed #0f0;
}



.exprodo-oneToManyMultiEdit-cell-dragTop
{
	border-top: 2px solid #f00;
}

.exprodo-oneToManyMultiEdit-cell-dragBottom
{
	border-bottom: 2px solid #f00;
}

.exprodo-oneToManyMultiEdit-cell-dragLeft
{
	border-left: 2px solid #f00;
}

.exprodo-oneToManyMultiEdit-cell-dragRight
{
	border-right: 2px solid #f00;
}




.exprodo-oneToManyMultiEdit-cell-selectedLast-dragHandle
{
    position: absolute;
    width:0;
    height:0;
    bottom:0;
    right:0;
    border-style: solid;
    border-width: 4px;
    border-color: transparent blue blue transparent;
    cursor: crosshair;
}

table.BiskitTable > tbody > tr > td > *
{
	min-height: 10px;
}

.exprodo-oneToManyMultiEdit-MultiDropDown > .popupContent
{
	padding: 5px;
	background-color: #dddddd;
}

.exprodo-oneToManyMultiEdit-MultiDropDown > .popupContent > div > .springsolutions-IntegerWidget
{
	display:inline;
	margin-left: 3px;
}

.exprodo-oneToManyMultiEdit-MultiDropDown > .popupContent > div > .springsolutions-IntegerWidget > .exprodo-TextView
{
	display:inline;
}

.exprodo-oneToManyMultiEdit-MultiDropDown > .popupContent > div > button
{
	display:block;
}

.gwt-SplitLayoutPanel > div > div.exprodo-SplitLayoutPanel-main > div
{
	height:100%;
	width:100%;
}
.TimeRepeating-RepeatTypeWidget .gwt-ValueSpinner .textBox
{
	width:		4em;
	font-weight:normal;
}

.TimeRepeating-ProgrammaticDisclosurePanel .gwt-TextArea
{
	height:	3em;
	width:	23em;
	color:	black;
}

.TimeRepeating-ProgrammaticDisclosurePanel .timeUnitLabel
{
	margin-left: 3px;
}

.TimeRepeating-ProgrammaticDisclosurePanel .gwt-TextArea-readonly.TimeRepeating-Repeat-Description
{
	height: 50px;
}

.ftrgwtdate-horizontal-timeOfDayMarker {
	left:0;
	right:0;
	background-color: red;
	height:0px;
	border: 1px solid red;
	opacity: 0.4;
}

.ftrgwtdate-vertical-timeOfDayMarker {
	top:0;
	bottom:0;
	background-color: red;
	width:0px;
	border: 1px solid red;
	opacity: 0.4;
}

.ftrgwtdate-dateDayHeader {
	background-color: #e8eef7;
	font-size: 9pt;
	color: #6a6a6b;
}

.ftrgwtdate-dateDay {
	background-color: #FFFFFF;
	font-size: 10pt;
	border: 1px solid;
	border-color: #dddddd;
	width: 100%;
	height: 100%;
}

.gwt-DecoratorPanel {
    table-layout: fixed;
}
.gwt-DecoratorPanel .topLeft,
.gwt-DecoratorPanel .topRight {
    width: 5px;
}

.ftrgwtdate-dateDayData {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ftrgwtdate-dateDayFull {
	width: 100%;
	height: 100%;
}

.ftrgwtdate-eventHeader {
	font-size: 9pt;
	color: #FFFFFF;
	height: 16px;
}

.ftrgwtdate-eventBody {
	height: 30px;
	background-color: #d0e4f6;
}

.ftrgwtdate-monthEventBody {
	background-color: #d0e4f6;
}

.ftrgwtdate-eventWholeDay {
	overflow: hidden;
	font-size: 9pt;
	background-color: #d0e4f6;
	
}



.ftrgwtdate-monthPanel {
	width: 100%;
	height: 100%;
	background-color: #d0e4f6;
	color: #112ABB;
	cursor: default;
}

.ftrgwtdate-monthPanelDayNormal {
	background-color: #FFFFFF;
	padding: 2px;
	border: 2px solid transparent;
	border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
		rgb(232, 241, 255);
}

.ftrgwtdate-monthPanelDayOver {
	background-color: #d0e4f6;
	padding: 2px;
	border: 2px solid transparent;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
		rgb(157, 174, 205);
}

.ftrgwtdate-dateTypePanel {
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

.ftrgwtdate-dateToday {
	background-color: #ffffcc;
}

.ftrgwtdate-weekHeader {
	font-size: 9pt;
	padding-bottom: 1px;
	color: #112ABB;
	height: 20px;
	background-color: #d0e4f6;
	cursor: default;
}

.ftrgwtdate-weekHeaderLabel {
	font-size: 9pt;
	color: #112ABB;
	cursor: default;
}

.ftrgwtdate-weekBody {
	background-color: #d0e4f6;
	cursor: default;
	padding-left: 1px;
	margin-left: 1px;
}

.ftrgwtdate-weekScroller {
	overflow: scroll;
	background-color: #FFFFFF;
}

.ftrgwtdate-dayPanel {
	border-right: 1px solid #dddddd;
}

.ftrgwtdate-dayPanelBackground > div
{
	position:	absolute;
	background-color: white;
	/*border-left:	1px solid #e8e8e8;*/
	/*border-right:	1px solid #e8e8e8;*/
}

.ftrgwtdate-dayPanelBackground
{
	cursor: pointer;
}

.ftrgwtdate-dayHeaderLabel {
	font-size: 9pt;
	color: #112ABB;
	height: 18px;
	background-color: #d0e4f6;
}

.ftrgwtdate-dayHeaderLabelClickable {
	font-size: 9pt;
	color: #112ABB;
	height: 18px;
	background-color: #d0e4f6;
 	text-decoration: underline;
 	cursor: pointer;
 }



.ftrgwtdate-weekHeaderEvents {
	border-color: #A2BBDD rgb(255, 255, 255) rgb(255, 255, 255)
		rgb(162, 187, 221);
	background: #E8EEF7 none repeat scroll 0%;
	width: 100%;
	height: 100%;
	padding-left: 2px;
	margin-left: 2px;
	background-color: #E8EEF7
}

.ftrgwtdate-dayHeaderEvents {
	border-left: 0px dotted #dddddd;
	border-right: 1px dotted #dddddd;
	margin-left: 0px;
	margin-right: 0px;
	width: 98%;
	height: 100%;
	background-color: #E8EEF7
}

.ftrgwtdate-dayHeaderEventsAdd {
	width: 100%;
	height: 100%;
	background-color: #E8EEF7
}

.ftrgwtdate-weekTop {
	background-color: # E8EEF7;
	cursor: default;
	padding-left: 2px;
	margin-left: 2px;
}

.ftrgwtdate-dayHeaderEvent {
	background-color: #E8EEF7;
}

.ftrgwtdate-evenHalfHour {
	border-top: 1px dotted #dddddd;
	cursor: default;
}

.ftrgwtdate-oddHalfHour {
	border-top: 2px solid #dddddd;
	cursor: default;
}

.ftrgwtdate-inverted-evenHalfHour {
	border-left: 1px dotted #dddddd;
	cursor: default;
}

.ftrgwtdate-inverted-oddHalfHour {
	border-left: 2px solid #dddddd;
	cursor: default;
}

.ftrgwtdate-hoursSelected {
	FILTER: alpha(opacity =   66) !important;
	BACKGROUND-COLOR: rgb(204, 204, 204) !important;
}

.ftrgwtdate-hour {
	border-bottom: 1px solid #dddddd;
	cursor: default;
	color: #468
}

.ftrgwtdate-hourMainPanel {
	background-color: #d0e4f6;
	border-right: 1px solid #dddddd;
	cursor: default;
}

.ftrgwtdate-hourPanel {
	background-color: #d0e4f6;
	border-top: 1px solid #dddddd;
	cursor: default;
}

.ftrgwtdate-hourPanel-bar {
	background-color: #60a0d0;
	height:2px;
	width:100%;
	border: none;
}

.ftrgwtdate-hourPanel-bar-vertical {
	background-color: #60a0d0;
	height:2px;
	position: absolute;
	left:0;
	border: none;
}

.ftrgwtdate-hourPanel-bar-horizontal {
	background-color: #60a0d0;
	width:2px;
	position: absolute;
	height: 100%;
	top: 0;
	border: none;
}

.ftrgwtdate-hourLabel {
	margin-top: -12px;
	padding-top: 2px;
	padding-right: 2px;
}

.ftrgwtdate-timelineDateLabel {
	margin-top: -12px;
	padding-top: 2px;
	padding-right: 2px;
	font-weight: bold;
}

.ftrgwtdate-tab {
	background-color: #e8eef7;
	cursor: pointer;
	color: #112ABB;
}

.ftrgwtdate-tabBody {
	background-color: #e8eef7;
	padding: 4px;
	cursor: pointer;
	color: #112ABB;
}

.ftrgwtdate-tabSelected {
	background-color: #d0e4f6;
	cursor: pointer;
	font-weight: bold;
}

.ftrgwtdate-tabSelectedBody {
	background-color: #d0e4f6;
	padding: 4px;
	cursor: pointer;
	font-weight: bold;
}

.ftrgwtdate-dnd-getting-started-label {
	border: 1px solid #99AACC;
	background-color: #AACCFF;
	padding: 0.1em;
}


.dragdrop-dropTarget {
	
}

.dragdrop-dropTarget  . dragdrop-engage {
	cursor: pointer;
}

.getting-started-label {
	border: 1px solid #99AACC;
	background-color: #AACCFF;
	padding: 0.1em;
}

.getting-started-blue {
	border: 1px solid blue;
}

.dragdrop-handle {
	cursor: move;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
}

.dragdrop-draggable {
	zoom: 1; /* IE gain hasLayout */
}

.dragdrop-hidden {
	visibility: hidden;
}

.dragdrop-positioner {
	border: 1px dashed #1E90FF; /* blue */
	zoom: 1; /* IE gain hasLayout */
	z-index: 100;
}

.dragdrop-flow-panel-positioner {
	color: #1E90FF; /* blue */
	display: inline;
	text-align: center;
	vertical-align: middle;
}

.dragdrop-proxy {
	background-color: #77AAFF; /* light blue */
}

.dragdrop-movable-panel {
	filter: alpha(opacity =     30);
	opacity: 0.6;
	-moz-opacity: 0.6;
	z-index: 200;
}

.downDrag {
	border-bottom: 2px solid #E8F1FF;
	font-size: 2pt;
	overflow: hidden;
	cursor: s-resize;
	width: 100%;
	height: 2px;
}

.rightDrag {
	background-color: #E8F1FF;
	font-size: 2pt;
	overflow: hidden;
	cursor: e-resize;
	height: 100%;
}

.ftrgwtdatepicker-month-select .datePickerDay,
.ftrgwtdatepicker-month-select .datePickerWeekdayLabel,
.ftrgwtdatepicker-month-select .datePickerWeekendLabel
{
	font-size:100%;
}
.ftrgwtdatepicker-day {
	padding: 0px;
	width: 100%;
	height: 100%;
	background: #FFFFFF none repeat scroll 0%;
	vertical-align: middle;
	border-color: #FFFFFF;
	border-width: 1px !important;
}

.ftrgwtdatepicker-day-Label {
	padding: 0px;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

.ftrgwtdatepicker-day:hover {
	border: 1px solid;
	border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
		rgb(232, 241, 255);
}

.ftrgwtdatepicker-day-today {
	background: #557799 none repeat scroll 0% !important;
	border-color: #224466 rgb(153, 187, 221) rgb(153, 187, 221)
		rgb(34, 68, 102) !important;
	border-style: solid !important;
	border-width: 1px !important;
	color: #FFFFFF;
}

.ftrgwtdatepicker-day-selected {
	background: #C3D9FF none repeat scroll 0% !important;
	border-color: #224466 rgb(153, 187, 221) rgb(153, 187, 221)
		rgb(34, 68, 102) !important;
	border-style: solid !important;
	border-width: 1px !important;
	color: #000000;
}

.ftrgwtdatepicker-day-data {
	font-weight: bold !important;
}

.ftrgwtdatepicker-day-visible {
	font-weight: bold !important;
}

.ftrgwtdatepicker-day-weekend {
	background: #E8EEF7 none repeat scroll 0%;
	border-style: solid !important;
	border-width: 1px !important;		
}

.ftrgwtdatepicker-day-other {
	background: #d9dbdd none repeat scroll 0%;
	border-style: solid !important;
	border-width: 1px !important;
		
}




.ftrgwtdatepicker-month {
	text-align: center;
	padding: 0;
	margin: 0; 
	font-size : 85%;
	width: 100%;
	height: 100%;
	background: #d0e4f6 none repeat scroll 0%;
	cursor: pointer;
	font-size: 85%;
}

.ftrgwtdatepicker-month-select {
	width: 100%;
	height: 100%;
}

.ftrgwtdatepicker-month-nav {
	font-size: 85%;
	width: 100%;
	height: 12px;
	background: #d0e4f6 none repeat scroll 0%;
	cursor: pointer;
	color: #6a6a6b;
}

.ftrgwtdatepicker-image-buttom {
	cursor: pointer;
}

.exprodo-pulse-logo
{
  width: 45px;
  height: 21px;

  position: relative;
}

.exprodo-pulse-logo-box
{
	border: 1px solid grey;
	border-radius: 4px;
	position: absolute;
	width:20px;
	height:8px;
	opacity: 0.4;
}

/* NOTE: a bug in yuicompressor 2.4.8 means that "0%, 100%" in a keyframes
  declaration gets converted to "0, 100%", which is not functionally
  equivalent. Putting "0.00%" works around it.
  Bug reference:
    https://github.com/yui/yuicompressor/issues/80
*/
@-webkit-keyframes exprodo-pulse-logo1
{
	0.00%, 100% { -webkit-transform: matrix(0.01, 0, 0, 0.01, 10, 4) }
	50% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
}

@keyframes exprodo-pulse-logo1
{
	0.00%, 100% {
		transform: matrix(0.01, 0, 0, 0.01, 10, 4);
		-webkit-transform: matrix(0.01, 0, 0, 0.01, 10, 4);
	} 50% {
		transform: matrix(1, 0, 0, 1, 0, 0);
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	}
}

@-webkit-keyframes exprodo-pulse-logo2
{
	0.00%, 100% { -webkit-transform: matrix(0.01, 0, 0, 0.01, -10, 4) }
	50% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
}

@keyframes exprodo-pulse-logo2
{
	0.00%, 100% {
		transform: matrix(0.01, 0, 0, 0.01, -10, 4);
		-webkit-transform: matrix(0.01, 0, 0, 0.01, -10, 4);
	} 50% {
		transform: matrix(1, 0, 0, 1, 0, 0);
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	}
}

@-webkit-keyframes exprodo-pulse-logo3
{
	0.00%, 100% { -webkit-transform: matrix(0.01, 0, 0, 0.01, 10, -4) }
	50% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
}

@keyframes exprodo-pulse-logo3
{
	0.00%, 100% {
		transform: matrix(0.01, 0, 0, 0.01, 10, -4);
		-webkit-transform: matrix(0.01, 0, 0, 0.01, 10, -4);
	} 50% {
		transform: matrix(1, 0, 0, 1, 0, 0);
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	}
}

@-webkit-keyframes exprodo-pulse-logo4
{
	0.00%, 100% { -webkit-transform: matrix(0.01, 0, 0, 0.01, -10, -4) }
	50% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
}

@keyframes exprodo-pulse-logo4
{
	0.00%, 100% {
		transform: matrix(0.01, 0, 0, 0.01, -10, -4);
		-webkit-transform: matrix(0.01, 0, 0, 0.01, -10, -4);
	} 50% {
		transform: matrix(1, 0, 0, 1, 0, 0);
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	}
}

.exprodo-pulse-logo1
{
	background-color: orange;
	top: 0px;
	left:0px;
	-webkit-animation: exprodo-pulse-logo1 2s infinite ease-in-out;
	animation: exprodo-pulse-logo1 2s infinite ease-in-out;
}

.exprodo-pulse-logo2
{
	background-color: blue;
	top: 0px;
	right:0px;
	-webkit-animation: exprodo-pulse-logo2 2s infinite ease-in-out;
	animation: exprodo-pulse-logo2 2s infinite ease-in-out;
}

.exprodo-pulse-logo3
{
	background-color: green;
	bottom: 0px;
	left:0px;
	-webkit-animation: exprodo-pulse-logo3 2s infinite ease-in-out;
	animation: exprodo-pulse-logo3 2s infinite ease-in-out;
}

.exprodo-pulse-logo4
{
	background-color: red;
	bottom: 0px;
	right:0px;
	-webkit-animation: exprodo-pulse-logo4 2s infinite ease-in-out;
	animation: exprodo-pulse-logo4 2s infinite ease-in-out;
}
/* NOTE: a bug in yuicompressor 2.4.8 means that "0%, 100%" in a keyframes
  declaration gets converted to "0, 100%", which is not functionally
  equivalent. Putting "0.00%" works around it.
  Bug reference:
    https://github.com/yui/yuicompressor/issues/80
*/
@-webkit-keyframes exprodo-rotate-logo
{
	0.00% { -webkit-transform: rotate(0deg) }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes exprodo-rotate-logo
{
	0.00% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	} 100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

.exprodo-rotate-logo
{
	opacity: 0.4;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	border-right: 8px solid blue;
	border-top: 8px solid red;
	border-left: 8px solid green;
	border-bottom: 8px solid orange;
	border-radius: 12px;
	position: relative;
	-webkit-animation: exprodo-rotate-logo 2s infinite linear;
	animation: exprodo-rotate-logo 2s infinite linear;
}
.springsolutions-PropertyEditor-Calpendo_Booking-status
{
	display: inline;
}

.calpendo-Booking-confirmButton
{
	margin-left: 5px;
}

.BookingTemplateSelector-options
{
	display: flex;
	flex-direction: column;
}

.calpendo-Resource-customCalendarText .springsolutions-NullableByList
{
	display:flex;
	flex-direction:column;
}

.calpendo-Resource-customCalendarText .gwt-TextArea
{
	width: 60ex;
	height:6ex;
}

.calpendo-LinkedBookingLink-resourcesSelector > *
{

}

.calpendo-LinkedBookingStatusRuleTabularView > *
{
	display:inline-block;
}

.calpendo-LinkedBookingLink-childResource > *
{
	display:	inline;
}

.calpendo-LinkedBookingLink .exprodo-elementView-inner > *
{
	display:	inline-block;
	margin-right:	5px;
}

.calpendo-MyProjectsBox-options
{
	padding-right:5px;
	padding-bottom:3px;
}

.calpendo-MyProjectsBox-options-button
{
	margin-left:	4px;
	vertical-align:	top;
	display:		inline;
}

.calpendo-MyProjectsBox > .exprodo-BiskitBox
{
	display: inline-block;
}

.calpendo-ProjectSelector-Options
{
	display: inline;
}

.ProjectSelector-Options > img
{
	vertical-align: top;
	margin-left: 3px;
}

.calpendo-ResourceImagePopup img
{
	max-width: 100%;
	height: auto;
}

.calpendo-cancellationReason-comments > .exprodo-TextView > .gwt-TextArea
{
	margin-top:5px;
	width:300px;
	height:50px;
}

.calpendo-CalpendoEventDataDialog-cancelComments > .exprodo-TextView > .gwt-TextArea
{
	height:50px;
}

.Calpendo_Booking-CANCELLED > div > div > div.Calpendo_Booking-body
{
	background: repeating-linear-gradient(
		45deg,
		rgba(0,0,0,0.2),
		rgba(0,0,0,0.2) 10px,
		rgba(0,0,0,0.3) 10px,
		rgba(0,0,0,0.3) 20px
	) !important;
}

.Calpendo_Booking-DENIED > div > div > div.Calpendo_Booking-body
{
	background: repeating-linear-gradient(
		45deg,
		rgba(255,0,0,0.2),
		rgba(255,0,0,0.2) 10px,
		rgba(0,0,0,0.3) 10px,
		rgba(0,0,0,0.3) 20px
	) !important;
}

.Calpendo_Booking-TENTATIVE > div > div > div.Calpendo_Booking-body
{
	background: repeating-linear-gradient(
		45deg,
		rgba(0,255,0,0.2),
		rgba(0,255,0,0.2) 20px,
		rgba(0,0,0,0.3) 20px,
		rgba(0,0,0,0.3) 40px
	) !important;
}

.calpendo-bookingLayoutView .BiskitLayoutTab-contents > div > table > tbody > tr > td:first-child
{
	vertical-align: top;
	padding-top: 3px;
	max-width: 17ex;
}

.calpendo-bookingLayoutView .exprodo-DateRangeView-durationWrapper > .gwt-InlineLabel
{
	margin-left: 3px;
	margin-right:3px;
}

.calpendo-BookingPopup-cancelCommentsLabel
{
	max-width: 250px;
}

.calpendo-BookingPopup-dateRange-wrapper > *
{
	display: inline-block;
}

.bookingFeedsPopup
{
	background-color: white;
}

.bookingFeedsPopup button
{
	margin-right:3px;
}

.bookingFeedsPopup-url
{
	border: 1px solid black;
	padding: 5px;
	background-color: #e0e0e0;
}

.bookingFeedsPopup-anchor
{
	display:block;
	margin-bottom:5px;
}

.bookingFeedsPopup-label
{
	margin-top:10px;
}

.bookingFeedsPopup-includes
{
	display: block;
}

.bookingFeedsPopup-resourceBox, .bookingFeedsPopup-mineOrAll, .bookingFeedsPopup-includes
{
	margin-left: 10px;
}

.calpendo-RuleEditor-AppliesTo-bookingBiskitDef
{
	display:		inline-block;
	margin-left:	5px;
}

.calpendo-RuleEditor-SearchResultsRule .springsolutions-BiskitHierarchyBox
{
	width: 270px;
}

.calpendo-RuleEditor-SearchResultsRule .springsolutions-integerSpinner
{
	margin-left: 5px;
}

.calpendo-RuleEditor-SearchResultsRule .springsolutions-integerSpinner-down
{
	left: 40px;
}

.calpendo-RuleEditor-SearchResultsRule .springsolutions-integerSpinner-up
{
	left: 40px;
}

.calpendo-RuleEditor-SearchResultsRule .springsolutions-integerSpinner
{
	width: 60px;
}

.calpendo-RuleEditor-SearchResultsRule .springsolutions-integerSpinner-box
{
	width: 35px;
}

.calpendo-RuleEditor-SearchResultsRule .springsolutions-integerSpinner-box > .gwt-TextBox
{
	width: 30px;
}

.calpendo-ServiceOrder-activity .exprodo-Waterfall-table
{
	width: 600px;
}

.calpendo-ServiceOrder
{
}

.calpendo-ServiceOrder-AddNote
{
	font-weight: bold;
}

.calpendo-ServiceOrder-AddNote-TextArea
{
	width: 600px;
	height: 50px;
}

.calpendo-ServiceOrder-AddNote-button
{
	display: block;
	margin-bottom: 20px;
}

.calpendo-ServiceOrder-activity
{
}

.calpendo-AvailableServices-table
{
	width: 600px;
}

.calpendo-AvailableServices-table > tbody > tr:first-child > td
{
/*	border-top: none; */
}

.calpendo-AvailableServices-table > tbody > tr > td
{
	border-top: 1px solid gray;
}

.calpendo-AvailableServices-ServiceWidget
{
	margin: 2px 0 2px 0;
}

.calpendo-AvailableServices-ServiceWidget > div
{
/*	border-bottom: 1px solid gray; */
}

.calpendo-AvailableServices-ServiceWidget-actionPanel > a
{
	margin: 0 5px;
	float: right;
}

.calpendo-AvailableServices-ServiceWidget-entryHeaderList
{
	font-size: 11px;
	color: #777;
	margin: 0;
	padding: 0 0 0 0;
	overflow: hidden;
}

.ResourceSelector > div > table.gwt-DisclosurePanel
{
	width: 100%;
}

.ResourceSelector-scroller .ResourceTable
{
	width: 100%;
}

.ResourceSelector-buttonBar
{
	margin-top: 3px;
}

.ResourceSelector-buttonBar > .springsolutions-ImageButton
{
	width:16px;
	display:inline;
	margin:2px;
}

.calpendo-ResourceSelectorEditor-outerCaption
{
	background-color:#f0f0f0;
}

.calpendo-ResourceSelectorEditor-innerCaption
{
	background-color:white;
}

.calpendo-ResourceSelectorEditor-Location > .springsolutions-HeightLimitedScrollPanel
{
	height:8em;
}

.calpendo-ResourceSelectorEditor-Type > .springsolutions-SmallHeightLimitedScrollPanel
{
	height:8em;
}

.calpendo-ResourceSelectorEditor-ResourceDisplay
{
}

.calpendo-ResourceSelectorEditor-ResourceDisplayScroller
{
	border: 1px solid black;
	border-collapse: collapse;
	width: 100%;
	height: 360px;
}

.calpendo-ResourceSelectorEditor-ResourceDisplayContent
{
	width: 100%;
	min-width: 150px;
	border-collapse: collapse;
	margin: 0 20px 0 0;
	padding: 0px;
}

.calpendo-ResourceSelector-SettingsDropDown fieldset
{
	background-color: #f0f0f0;
	margin: 5px;
}

.calpendo-ResourceSelector-SettingsDropDown fieldset > div > .gwt-CheckBox
{
	display: block;
}

.calpendo-ResourceUsageWidget .column0
{
	white-space: nowrap;
}

.calpendo-ResourceUsageWidget .gwt-DateBox
{
	margin-right: 1ex;
}

.calpendo-ResourceUsagePage
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	text-align: center;
	display: flex;
	justify-content: space-evenly;
}

.calpendo-ResourceUsagePage > div
{
	background-color: #c3d9ff;
}

.calpendo-ResourceUsagePage-contents
{
	padding: 20px;
}

.calpendo-ResourceUsagePage .column0
{
	text-align:	right;
}

.calpendo-ResourceUsagePage .column1
{
	text-align:	left;
}

.calpendo-ResourceUsagePage .gwt-Button
{
	font-size: 140%;
}

.calpendo-ResourceUsagePage .calpendo-ResourceUsagePage-headingButton
{
	font-size: 0%;
	margin-left: 3px;
	padding: 5px;
	vertical-align: middle;
}

.calpendo-ResourceUsagePage .calpendo-ResourceUsageWidget
{
	width: 90%;
	background-color: #FFFEF1;
}

.calpendo-ResourceUsagePage .calpendo-BookingSelector-selectBooking,
.calpendo-ResourceUsagePage .calpendo-ResourceUsagePage-ResourceSelector-EnterButton
{
	font-size: 100%;
}

.calpendo-ResourceUsagePage-ResourceSelector-EnterButton
{
	margin-top: 6px;
}

.calpendo-ResourceUsagePage-ResourceSelector-BiskitBox
{
	margin-left: 3px;
	margin-bottom: -5px;
	padding-top: 12px;
}

.calpendo-ResourceUsagePage-heading
{
	font-size: 200%;
	margin-bottom: 20px;
	padding:5px;
}

.calpendo-ResourcePreUsage-start
{
	margin-top: 10px;
}

.calpendo-ResourcePreUsage .springsolutions-BiskitSuggestBox,
.calpendo-ResourcePreUsage .springsolutions-TinSuggestBox,
.calpendo-ResourcePreUsage .gwt-ListBox
{
	width: 100%;
}

.calpendo-ResourcePreUsage .calpendo-BookingSelector
{
	text-align: right;
}

.calpendo-ResourcePreUsage .RowTable, .calpendo-ResourceDuringUsage .RowTable
{
	margin: 5px 0px;
	border-collapse: collapse;
}

.calpendo-ResourcePreUsage .RowTable > tbody > tr > td, .calpendo-ResourceDuringUsage .RowTable > tbody > tr > td
{
	padding:		0.5em;
}

.calpendo-ResourcePreUsage .RowTable, .calpendo-ResourceDuringUsage .RowTable
{
	margin-left:	auto;
	margin-right:	auto;
}

.calpendo-ResourceDuringUsage .gwt-Button
{
	margin-right: 3px;
}

.calpendo-ResourceDuringUsage-when
{
	display: block;
	font-size: 120%;
	margin: 10px 0px 10px 0px;
}

.calpendo-ResourceDuringUsage-stop
{
}

.calpendo-ResourcePostUsage
{
}

.calpendo-ResourcePostUsage .gwt-Button
{
	margin-right: 3px;
}

.calpendo-ResourcePostUsage-Question
{
	text-align: center;
	margin: 10px 45px 10px 44px;
}
.calpendo-ResourcePostUsage-OutcomeHeading, .calpendo-ResourcePostUsage-CommentsHeading
{
	margin-top: 10px;
	font-weight: bold;
}

.calpendo-ResourcePostUsage-FinishedButton
{
}

.calpendo-ResourcePostUsage-Comments > .gwt-TextArea
{
	height: 10em;
}

.springsolutions-TemplatedTextEditor-usageIdTemplate .gwt-TextBox
{
	width: 500px;
}

.springsolutions-HyperlinkedPlainTextEditor-usageIdTemplate .gwt-TextBox
{
	width: 500px;
}

.calpendo-ResourceUsagePage-ResourceSelector-heading
{
	font-size: 200%;
}

.calpendo-ResourceUsagePage-ResourceSelector-EnterButton
{
}

.calpendo-ResourceUsagePage-ResourceSelector-BiskitBox
{
	display: inline-block;
}

.calpendo-BookingPicker-disabled > tbody > tr
{
	color: #a0a0a0;
}

.calpendo-BookingPicker .RowTable
{
	margin: 0px;
}

.calpendo-BookingPicker-large .RowTable
{
	font-size: 140%;
}

.calpendo-BookingPicker-large .RowTable > tbody > tr > td > div,
.calpendo-BookingPicker-large .RowTable > thead > tr > td > div
{
	font-size: 140%;
}

.calpendo-BookingPickerPopup-large .gwt-Button
{
	font-size: 140%;
}

.calpendo-BookingPicker-pager
{
	margin: 5px;
}

.calpendo-BookingPicker-pagerImageButton
{
}

.calpendo-BookingPicker-pagerNowButton
{
	margin-left: 5px;
	margin-right: 5px;
}

.calpendo-BookingSelector-selectBooking
{
	margin: 2px 5px 2px 0px;
}

.calpendo-BookingSelector-changeBooking
{
	margin-left: 3px;
	font-size: 140%;
}

.calpendo-ResourceUsagePage-large
{
	font-size: 180%;
}

.calpendo-ResourceUsagePage-large .gwt-SuggestBox
{
	font-size: 100%;
}

.calpendo-ResourceUsagePage-large select
{
    font-size: 100%
}

.calpendo-ResourceUsagePage-large table td
{
	font-size: 100%;
}

.calpendo-ResourceUsagePage-large .calpendo-ResourceUsagePage-headingAnchor
{
    font-size:	50%;
}

.calpendo-ResourceUsagePage-large .calpendo-ResourceUsagePage-heading
{
	font-size: 150%;
}

.calpendo-ResourceUsagePage-large .calpendo-BookingSelector-selectBooking
{
	margin: 5px 5px 5px 0px;
}

.calpendo-ResourcePostUsage-large .gwt-Button
{
	font-size: 120%;
}

.calpendo-ResourcePostUsage-large .calpendo-ResourcePostUsage-Question
{
	font-size:	150%;
}

.calpendo-BookmarkPageMenuEditor
{
}

.calpendo-calendarColumnHeadingContainer
{
	height: 20px;
}

.calpendo-calendarColumnResourceLabel
{
	border: 1px solid black;
	margin-left: 1px;
	margin-right: 1px;
	text-align: center;
	overflow-x: hidden;
	overflow-y: hidden;
	overflow: hidden;
	height: 18px;
	white-space: nowrap;
}

.springsolutions-StringEditor-Bookmark-name
{
	width:	250px;
}

.calpendo-BookmarkEditor-BookmarkDisclosure  .exprodo-CustomButton
{
	margin: 0px 0px 5px 0px;
}

.calpendo-BookmarkEditor .buttonBar .gwt-Button
{
	margin-right: 5px;
}

.calpendo-BookmarkEditor .gwt-Button
{
}

.calpendo-Bookmark-ElementScrollPanel .gwt-CheckBox
{
	text-align:	center;
	display:	block;
}

.calpendo-BookmarkEditor .exprodo-CustomButton
{
}

.calpendo-Config-BookingsTab .colourCaption
{
	width: 			40em;
	margin-top:		15px;
	margin-bottom:	15px;
}

.calpendo-Config-BookingsTab .defaultTextCaption .RowTable
{
	width: 100%;
}

.calpendo-Config-BookingsTab .defaultTextCaption .gwt-TextBox
{
	width: 25em;
}

.calpendo-Config-BookingsTab .defaultTextCaption .springsolutions-NullableByListEnableable > div
{
	display:	inline;
}

.calpendo-Config-BookingsTab .bookingsFormat .RowTable
{
}

.calpendo-Config-BookingsTab .bookingsFormat .springsolutions-StringWidget > .exprodo-TextView > .gwt-TextArea
{
	width: 33rem;
	height: 2.8rem;
}

.calpendo-Config-BookingsTab .bookingsFormat .springsolutions-NullableByListEnableable > div
{
	display:	inline;
}

.calpendo-Config-BookingsTab .colourCaption .RowTable
{
	width: 100%;
}

.calpendo-UserSettings .calpendo-CalendarViewTab .TimeRepeating-ProgrammaticDisclosurePanel-open
{
	width: 100%;
}

.calpendo-UserSettings .calpendo-CalendarViewTab .colourCaption
{
	width: 35em;
}

.calpendo-UserSettings .calpendo-CalendarViewTab .colourCaption .RowTable
{
	width: 100%;
	margin: 0px;
}

.calpendo-UserSettings .calpendo-NullableColourWidget .colouredDiv
{
	border: 1px solid black;
	margin: 1px;
	width:	2em;
	height:	1.5em;
}

.BookingViewSelector
{
}

.calpendo-bookingsCalendarLegend
{
	border:none;
	background:none;
}

.calpendo-BookingCalendarLegendView img
{
	margin: 3px 0 1px 5px;
}

.calpendo-bookingsCalendarLegend.gwt-DropDownPanel > .popupContent > .springsolutions-HeightLimitedScrollPanel > div > *
{
	margin-right: 0px;
}

.calpendo-bookingsCalendarLegend.gwt-DropDownPanel > .popupContent > .springsolutions-HeightLimitedScrollPanel .RowTable
{
	margin-right: 0px;
}

.springsolutions-OverviewPanel .gwt-DisclosurePanel .ResourceTable
{
	border: 1px solid black !important;
	margin-left: 0px;
}

.ResourceTable.hideDrag .springsolutions-dragHandle
{
	display: none;
}

.ResourceTable-resourceLabel
{
	padding-left: 3px;
	padding-right: 3px;
}

.BookingViewSelector .propertyLabel
{
	margin-top: 10px;
}

.BookingViewSelector .propertyValue
{
	margin-left: 0px;
}

.calpendo-BookingViewTable
{
	border: 2px outset;
	margin: 15px;
}

.calpendo-BookingViewButtonBar
{
	margin: 0 15px 15px 0;
}

.calpendo-BookingViewButtonBar .gwt-Button
{
	margin-left: 15px;
}

.springsolutions-PropertyEditor-DurationRule-minimum > div
{
	display:inline;
	margin-right: 4px;
}

.calpendo-RuleEditor-DoubleBooking-number > div.exprodo-TextView > .gwt-TextBox
{
	width: 3em;
}

.calpendo-RuleEditor-message
{
	width: 400px;
	height: 100px;
}

.calpendo-RuleEditor-Advanced .gwt-TextArea
{
	width: 600px;
	height: 400px;
}

.calpendo-RuleEditor-TotalTime-TimeMasks
{
	width:	700px !important;
}

.calpendo-RuleEditor-NumberAndTimeUnits .springsolutions-IntegerWidget
{
	display:	inline;
}

.calpendo-RuleEditor-NumberAndTimeUnits .springsolutions-IntegerWidget > .exprodo-TextView
{
	display:	inline;
}

.calpendo-RuleEditor-NumberAndTimeUnits > .springsolutions-IntegerWidget > .exprodo-TextView > input
{
	width: 4em;
}

.calpendo-RuleEditor-Rule .springsolutions-PropertyPathBox
{
	width:	20em;
}

.springsolutions-PropertyEditor-DurationRule-minimum
{
	display: inline;
}

.calpendo-RuleEditor-NumberAndTimeUnits
{
	display:	inline;
	margin-left: 3px;
}

.TemplateGroupPanel
{
    width:	100%;
}

.TemplateGroupPanel-top .propertyValue
{
	width: 15em;
}

.TemplateGroupPanel-buttonBar
{
    margin: 5px;
    padding: 0;
}

.TemplateGroupPanel-tamTable
{
}

.TemplateGroupPanel-scroller
{
    width: 15em;
    height: 40em;
    border: 1px solid black;
    margin: 6px 5px 0px 0px;
}

.TemplateGroupPanel-scroller-td
{
	height:	100%;
}

.TemplateGroupPanel-tamEditor-td
{
	height:	100%;
}

.TemplateGroupPanel-tamEditor-td > table
{
	height:	40em;
}

.TemplateGroupPanel fieldset
{
	padding-right: 40px;
}

.TemplateTAMEditor .caption-content
{
    margin-left:	20px;
	white-space:	nowrap;
}

.TemplateTAMEditor .tamName-td
{
	vertical-align: top;
}

.TemplateTAMEditor .tamName-caption
{
}

.TemplateTAMEditor .tamName-content
{
	width:	100%;
}

.TemplateTAMEditor .tamWho-caption
{
}

.TemplateTAMEditor .tamWho-td
{
	vertical-align: middle;
}

.TemplateTAMEditor .tamWho-content
{
    width:	100%;
	margin-left: 20px !important;
}

.TemplateTAMEditor .tamAcceptability-td
{
	vertical-align: middle;
}

.TemplateTAMEditor .tamAcceptability-caption
{
}

.TemplateTAMEditor .tamAcceptability-content
{
}

.TemplateTAMEditor .tamAcceptability
{
}

.TemplateTAMEditor .tamMessage
{
	display:	block;
}

.TemplateTAMEditor .tamMessage-td
{
	vertical-align: bottom;
}

.TemplateTAMEditor .tamMessage-caption
{
}

.TemplateTAMEditor .tamMessage-content
{
	width:	100%;
}

.TemplateTAM-boolean
{
	width: 12em;
}

.TemplateTAM-biskit select
{
	width: 20em;
}

.TemplateTAM-biskit
{
}

.TemplateTAM-boolean-readonly
{
}

.TemplateTAM-biskit-readonly
{
}

.TemplateTAM-boolean-writeable
{
}

.TemplateTAM-biskit-writeable
{
}

.TemplateTAM-boolean-td
{
}

.TemplateTAM-boolean-td .springsolutions-JavaEnumSelector > select
{
	width:		100%;
	text-align: inherit;
}
	
.TemplateTAM-biskit-td
{
}

.TemplateEditorPage .propertyValue .gwt-TextArea
{
	width: 23em;
}

.TemplateEditorPage .MainTable .propertyLabel
{
	width: 70px;
}

.TemplateEditorPage .propertyValue-startOffsetx
{
	width: 200px;
}

.TemplateEditorPage .propertyValue-durationx
{
	width: 200px;
}

.springsolutions-PropertyEditor-Rule-name
{
	width:			300px;
}

.springsolutions-BiskitEditor .TemplateMessage-description
{
	width: 40em !important;
}

.springsolutions-BiskitEditor .TemplateTAM-boolean
{
	border-right: 0px;
	text-align: left;
}

.springsolutions-BiskitEditor .TemplateTAM-biskit
{
	border-left: 0px;
}

.springsolutions-BiskitEditor .FAQ-answer
{
    width: 700px !important;
}

.springsolutions-BiskitEditor .FAQ-question
{
    width: 700px !important;
}

.springsolutions-BiskitEditor .Rule-script
{
	height: 54em !important;
	width: 67em !important;
}

.springsolutions-BiskitEditor .Rule-script .gwt-TextArea
{
    width: 99%;
    height:99%;
}

.calpendo-RuleValidator
{
	white-space: nowrap;
}

.calpendo-RuleValidator-results
{
	background-color: lightYellow;
}

.calpendo-RuleValidator-message-heading
{
	margin-top: 8px;
}

.calpendo-RuleValidator-message
{
	height: 4em;
	width: 45em;
	margin-bottom: 5px;
}

.calpendo-RuleValidator-output
{
	height: 10em;
	width: 45em;
}

.calpendo-RuleValidatorBookingWidget .gwt-TextArea
{
	height: 4em;
}

.gwt-TabPanel .Project-Group-Scroller
{
	height: 20em;
}

.NewProjectPage .Project-Group-Scroller
{
	height: inherit;
}

.NewProjectPage .Project-Group-default .springsolutions-BiskitSuggestBox,
.NewProjectPage .Project-Group-default .springsolutions-TinSuggestBox
{
    width: 100% !important;
}

.NewProjectPage .Project-Group-default .gwt-ListBox
{
    width: 100% !important;
}

.NewProjectPage .Project-Group-default .gwt-TextBox
{
    width: 97% !important;
}

.NewProjectPage .Project-Group-default .gwt-DateBox
{
    width: 99% !important;
}

.NewProjectPage .Project-Group-default .gwt-TextArea
{
    width: 97% !important;
}

.NewProjectPage .Project-Group-Safety .gwt-TextBox
{
    width: 250px !important;
}

.NewProjectPage .UsersScroller
{
    height: auto !important;
    max-height: 300px;
}

.NewProjectPage .ProjectSettingsScroller
{
    height: auto !important;
    max-height: 300px;
}

.NewProjectPage .ProjectSettingsScroller .propertyLabel-numberOfSessions
{
	width:70px;
}
.NewProjectPage .ProjectSettingsScroller .propertyValue-numberOfSessions .gwt-TextBox
{
	width:62px;
}

.NewProjectPage .ProjectSettingsScroller .propertyLabel-minutesPerSession
{
	width:75px;
}
.NewProjectPage .ProjectSettingsScroller .propertyValue-minutesPerSession .gwt-TextBox
{
	width:69px;
}

.NewProjectPage .ProjectSettingsScroller .propertyLabel-sessionsPerWeek
{
	width:110px;
}
.NewProjectPage .ProjectSettingsScroller .propertyValue-sessionsPerWeek .gwt-TextBox
{
	width:102px;
}

.NewProjectPage .ProjectSettingsScroller .propertyLabel-costPerSession
{
	width:52px;
}
.NewProjectPage .ProjectSettingsScroller .propertyValue-costPerSession .gwt-TextBox
{
	width:45px;
}

.calpendo-ProjectsList .BiskitCollectionEditor .ScrollPanel .BiskitTable td div
{
	white-space:nowrap;
}

.calpendo-ProjectsList .BiskitCollectionEditor .ScrollPanel
{
	width:102%;
}

.calpendo-ProjectSearchPage-PageSetup .gwt-TextBox
{
	width: 4em;
}

.ResourceTable {
	border-style: solid;
    border-collapse: collapse;
    border-width: 0px;
    border-spacing: 0px;
	border-color: #111111;
	margin-right: 1px;
}

.ResourceTable td {
	border-style: none;
	border-width: 0px;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.ResourceSelectorPopup {
	border-style:	outset;
	border-width:	2px;
	padding: 5px;
}

.ResourceSelectorPopup .title {
	font-weight: bold;
}

.ResourceSelectorPopup .menuItem {
	cursor: pointer;
}

.calpendo-CalpendoEventDataDialog .gwt-ScrollPanel
{
	max-height: 600px;
	padding-right:	20px;
}

.calpendo-ResourceBox-options-button
{
	margin-left:	4px;
	vertical-align:	top;
}

.calpendo-ResourceSelectorBox-options > .popupContent
{
	margin-bottom:	3px;
}

.calpendo-ResourceSelectorBox-options .gwt-CheckBox
{
	padding-right:	5px;
	display:		block;
}

.calpendo-ResourceSelectorBox-options-button
{
	margin-left:	4px;
	vertical-align:	top;
	display:		inline;
}

.calpendo-ResourceSelectorBox > *
{
	display:	inline-block;
}

.calpendo-CalpendoEventDataDialog .gwt-TextArea
{
	width: 250px;
	height: 100px;
}

.calpendo-CalpendoEventDataDialog .springsolutions-BiskitSuggestBox,
.calpendo-CalpendoEventDataDialog .springsolutions-TinSuggestBox
{
    width: 250px;
}

.calpendo-CalpendoEventDataDialog .calpendo-BookingHistory
{
}

.calpendo-CalpendoEventDataDialog .calpendo-BookingHistory td
{
	padding-right: 10px;
}

.calpendo-CalpendoEventDataDialog-status
{
	display: inline;
}

.calpendo-CalpendoEventDataDialog-cancelReason
{
	display: inline;
}

.calpendo-TemplateEventDataDialog .gwt-ScrollPanel
{
	max-height: 600px;
	padding-right:	20px;
}

.calpendo-TemplateEventDataDialog .buttonBarWrapper
{
	background-color: #e0e0e0;
	width:	100%;
	margin-left:	-2px;
	margin-bottom:	-2px;
}

.calpendo-TemplateEventDataDialog .buttonBar
{
	padding: 		5px;
	margin-left:	auto;
	margin-right:	auto;
}

.calpendo-TemplateEventDataDialog .NearTermTable .gwt-TextBox
{
	width:		7em;
	text-align:	center;
}

.calpendo-TemplateEventDataDialog .FarTermTable .gwt-TextBox
{
	width:		7em;
	text-align:	center;
}

.calpendo-TemplateEventDataDialog .gwt-TextArea
{
	width: 250px;
	height: 100px;
}

.booking-allday-label
{
	padding-left:	5px;
}



.calpendo_faq_category
{
    background-color : #666633;
    font-weight: bold;
    color: white;
    border: 1px solid #444400;
    margin: 4px 1px;
    padding: 2px 0 4px 3px;
    font-size: 1.25em;
}

.calpendo_faq
{
    background-color : #DFDF9C;
    font-weight: bold;
    color: black;
    margin: 4px 1px;
    padding: 1px 0 2px 3px;
    font-size: 1.1em;
}

.calpendo_faq_answer
{
    background-color : white;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 0.67em;
    font-size: 95%;
    line-height: 135%;
}

.FAQ-answer .gwt-TextArea
{
    width: 99%;
}

.cbg-RP
{
	background-color: #d0e4f6;
}

.cbg-RP-W
{
	border-left: 3px solid #87b3ff;
	border-right: 3px solid #87b3ff;
	border-top-width: 0;
	border-bottom-width: 0;
}
.ctms-AppointmentCompletionView td.column-comments > div.springsolutions-StringWidget > div.exprodo-TextView > textarea
{
	width:20em;
	height:5em;
}

.ctms-AppointmentCompletionView td.column-complete
{
	text-align: center;
}

.ctms-AppointmentCompletionView td.column-complete,
.ctms-AppointmentCompletionView td.column-reason,
.ctms-AppointmentCompletionView td.column-name,
.ctms-AppointmentCompletionView td.column-dateRange
{
	vertical-align: top;
}

.ctms-projectVisitsErrorsPopup .gwt-ScrollPanel
{
	max-width: 500px;
	max-height: 200px;
	border: 1px solid #bbb;
	background-color: #f0f0f0;
}

.ctms-projectVisitsErrorsPopup li
{
	margin-top:5px;
	margin-bottom:5px;
}


.ctms-reception-receptionStatus
{
	display:flex;
	align-items:center;
	justify-content: flex-start;
}

/*******************************************************************************/
/* Controlling display of the appointments table, events table and validations */
/* on an appointment popup                                                     */
/*******************************************************************************/

:root
{
	--ctms-bookingPopup-tab-height: 150px;
	--ctms-caption-background-colour: #eee;
}

.ctms-appointmentLayoutView .BiskitLayoutTab .ctms-AppointmentsTable > div,
.ctms-appointmentLayoutView .BiskitLayoutTab .ctms-EventsTable > div
{
	display:flex;
	flex-direction:column;
	height: var(--ctms-bookingPopup-tab-height);
}

.ctms-appointmentLayoutView .BiskitLayoutTab .ctms-AppointmentsTable > div > div.exprodo-collectionView,
.ctms-appointmentLayoutView .BiskitLayoutTab .ctms-EventsTable > div > div.exprodo-collectionView
{
	/* display:contents means the size applied via flex gets applied directly to the
	child, which means when showing a collection, the height applies to the collection
	and not to the whole panel. In other words, the table gets to be scrolled and not
	the panel. But this is currently subject to A11Y bugs. See
	https://bugs.chromium.org/p/chromium/issues/detail?id=835455
	*/
	display: contents;
	flex-grow: 1;
}

.ctms-appointmentLayoutView .BiskitLayoutTab .ctms-AppointmentsTable > div > div.exprodo-collectionView > div.exprodo-collectionView-scroller,
.ctms-appointmentLayoutView .BiskitLayoutTab .ctms-EventsTable > div > div.exprodo-collectionView > div.exprodo-collectionView-scroller
{
	height: 100%;
}

.ctms-appointmentLayoutView .BiskitLayoutTab .ctms-AppointmentValidationStatus
{
	padding:0;
	margin:0;
	display:flex; /* Forces height to same as textarea child - otherwise it's 3px higher for some reason */
}

.ctms-appointmentLayoutView .BiskitLayoutTab .ctms-AppointmentValidationStatus textarea
{
	border-width: 1px;
	padding:2px;
	margin:0;
	height: calc(var(--ctms-bookingPopup-tab-height) - 6px); /* full height less padding and border */
}

.calpendo-CalpendoEventDataDialog .ctms-AppointmentValidationStatus > textarea
{
	width:350px;
}

.ctms-AppointmentValidationStatus > textarea
{
	width:350px;
}

/*******************************************************************************/
/* End of controlling display of the appointments table, events table and      */
/* validations on an appointment popup                                         */
/*******************************************************************************/

.ctms-visitsTree-scroller
{
	max-height: 500px;
}

.ctms-appointment-status-and-cancellations-cancelReason
{
	display:inline;
}

.ctms-appointment-status-and-cancellations-status
{
	display:inline;
}

.ctms-ReceptionAppointmentsTable .rowHeader
{
	text-align:center;
}

.ctms-ReceptionAppointmentView-buttonBar > *
{
	margin: 0 2px 3px 2px;
}

.ctms-ReceptionAppointmentView-tabs
{
	clear: both;
}

.ctms-ReceptionAppointmentView-address
{
	float:left;
}

.ctms-ReceptionAppointmentView-Details
{
	float:left;
}

.ctms-ReceptionView-header > *
{
	height: 24px;
	margin-right: 3px;
	vertical-align: middle;
}

.ctms-ReceptionView-header > div > select
{
	height: 24px;
}

.ctms-ReceptionView-header
{
	border-bottom:1px solid black;
	padding-bottom:3px;
	margin-bottom:3px;
}

.ctms-ReceptionView-header > *
{
	display:inline;
}

.ctms-EventsTable-ButtonBar
{
	margin:5px;
}

.ctms-EventsTable-ButtonBar > button
{
	margin-right:5px;
}

.ctms-ApointmentsTable-ButtonBar
{
	margin:5px;
}

.ctms-ApointmentsTable-ButtonBar > button
{
	margin-right:5px;
}

.calpendo-bookingPopup .ctms-AppointmentsTable .exprodo-collectionView table.RowTable
{
	white-space:normal;
	max-width:350px;
}

.ctms-appointmentsTree-changedItem .ctms-appointmentsAppointmentTreeItem,
.ctms-appointmentsTree-changedItem > div > .ctms-appointmentsEventTreeItem
{
	background-color:#ccc;
	border: 1px solid black;
	padding:2px;
}

.ctms-Allocation > *
{
	display:inline;
	margin-right:5px;
}

.ctms-StatusRuleView
{
	margin:2px 0;
}

.ctms-StatusRuleView > *, .ctms-StatusRuleView > div > *
{
	display:inline;
	margin-right:3px;
}

.ctms-projectVisits
{
	display:flex;
}

.ctms-projectVisits-leftPanel
{
	border:1px solid #999;
	min-width: 150px;
	min-height: 300px;
	margin: 0 5px;
	padding: 3px;
	background-color: white;
}

.ctms-projectVisits-rightPanel
{
	background-color: white;
}

.ctms-subjectAppointments
{
	display:flex;
}

.ctms-subjectAppointments-leftPanel
{
	border:1px solid #999;
	min-width: 150px;
	min-height: 300px;
	margin: 0 5px;
	padding: 3px;
	background-color: white;
}

.ctms-subjectAppointments-rightPanel
{
	background-color: white;
}

.ctms-taskView .exprodo-oneToManyMultiEdit .propertyLabel
{
	margin-left:3px;
	margin-right:3px;
}

.ctms-taskView-startOffset > *,
.ctms-taskView-startOffset > * > *
{
	display: inline;
	margin-right:5px;
}

.ctms-taskView-startOffset > div.springsolutions-TimeIntervalBox > *
{
	margin-right:3px;
}

.ctms-visitView > fieldset
{
	background-color: var(--ctms-caption-background-colour);
	margin-bottom: 8px;
}

.ctms-visitView-startOffset
{
	display: flex;
	align-items: center;
}

.ctms-visitView-startOffset > *
,.ctms-visitView-startOffset > * > *
{
	display: flex;
	align-items: center;
	margin-right:5px;
}

.ctms-ChangeConfirmationPopup-description
{
	max-width: 500px;
}

.ctms-ChangeConfirmationPopup-scroller
{
	max-height: 300px;
}

.ctms-ChangeConfirmationPopup-scroller > div > table > tbody > tr > td
{
	vertical-align: top;
}

.oxppops-contacts-frame
{
	width:	100%;
	height:	100%;
}

.SubjectEditor-Notes .gwt-TextArea
{
	width: 350px;
	height: 150px;
}

.SubjectEditor-Notes .ButtonBar
{
}

.SubjectEditor-Notes .gwt-Button
{
	margin: 10px;
}

.EventsButtonBar
{
	display: inline;
	margin-left: 10px;
}

.highlight .gwt-DateBox
{
	background-color: #c0c0c0 !important;
}

.highlight .springsolutions-TimeBox .gwt-TextBox
{
	background-color: #c0c0c0 !important;
}

.highlight .gwt-ListBox
{
	background-color: #c0c0c0 !important;
}

.CTMS-TaskList-ScrollPanel
{
	max-height:	500px;
}

.CTMS-TaskList-ScrollPanel .task-list
{
	margin-right: 18px;
}

.FollowersScroller
{
	max-height:	300px;
}

.springsolutions-SequenceEditor .task-list
{
	white-space: nowrap;
}

.springsolutions-TaskEditor .TaskPropertiesTable
{
	/*float: left; */
}

.springsolutions-TaskEditor .subtasks-caption
{
	/*clear: both; */
}

.springsolutions-TaskEditor .followers-caption
{
	/* clear: left; */
}

.springsolutions-TaskEditor .followers-caption .Int-propertyValue
{
	margin:	0px 7px 0px 1px;
}

.springsolutions-TaskEditor .no-subtasks-label
{
	white-space: nowrap;
}

.ctms-EventDataDialog .gwt-TextArea
{
    width: 97%;
    height: 6em;
}

.springsolutions-OverviewPanel .ctms-spacer {
	height:	10px;
}

.springsolutions-OverviewPanel .ctms-spacer-aboveNavigator {
	height:	40px;
}

.springsolutions-OverviewPanel .gwt-DisclosurePanel .content
{
    margin-right: 2px;
    border-left: none;
    margin-left: 8px;
    padding: 0px 0px 4px 0px;
}