/* @class="os.web.com.example" */

/* @class="os.web.com.progressBar" */

/* @doc="Default style for labels." */
.os-progressBarCaption {
	font-family: Arial;
	color: black;
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: medium;
	top: 10px;
}

/* @class="os.web.com.button" */
/* Defined in os.web.css styles file */
.os-btnCaption {
}
/* Chain  the two selectors here, so the button will use this style when both classes are present, and ignore the one above.*/
.os-btnWrapCaption.os-btnWrapCaption{
	display:block;
	 text-overflow: initial;
	 overflow: visible;
     white-space: pre-wrap;
}
/* @class="os.web.com.colorPicker" */

/* @class="os.web.com.dropList" */
	.os-dropListItem {
		display:		table;
		vertical-align:	middle;
		height:			25px;
	}
	.os-dropListImageDiv,.os-dropListTextDiv {
		display:		table-cell;
		vertical-align:	middle;
	}
	.os-dropListImage {
		float: 			left;
		margin-left: 	3px;
		height:			16px;
		width:			16px;
	}
	.os-dropListText {
		float: 			left;
		margin-left: 	5px;
		font-size: 		13px;
		text-align:		left;
	}
	.jqx-dropdownlist-content {
		line-height:	21px;
	}

/* @class="os.web.com.dynaTree" */
.osTreeRow,.osTreeRowSelected,.osTreeRowRoot {
	font-size:1.0em;
	color:black;
	background:#FFFFFF;
	font-weight:normal;
	padding: 0px;
	height:auto;
	line-height:1.0em;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
}
.osTreeRowSelected {
	font-weight:bold;
	border-top: 1px dotted darkgray;
	border-bottom: 1px dotted darkgray;
}
/* @class="os.web.com.messageController" */
.os-progressBar {
}
/* @doc="Turns off close button." */
.no-close .ui-dialog-titlebar-close {
	display: none;
}

.os-toastr-header{
	font-size:1.25em;
	margin-bottom:5px;
	display:block;
}

/* Toastr Classes */
.toast-message {
	width:				auto;
	max-width:			275px;
	height:				auto;
	display:			block;
	white-space:		pre-line;
}

/* @class="os.web.com.radioButton" */
.os-radioBtnGroup-Btn {
	padding:		1px;
	margin-top:		1px;
	margin-bottom:	1px;
	overflow:		hidden;
}
.os-radioBtnGroup-BtnImage {
	display:		block;
	outline:		none;
	border:			none;
	margin:			0px;
	padding-left:	5px;
	padding-right:	5px;
	margin-left:	auto;
	margin-right:	auto;
}
.os-radioBtnGroup-BtnLabel {
	padding-left:	5px;
	padding-right:	5px;
}
/* @class="os.web.com.radioSet" */
.os-radioOption{
	margin:0px;
	vertical-align:middle;
}

/* @class="os.web.com.slider" */
/* @doc="Style for slider component" */
.os-slider {
}
/* @class="os.web.com.switchButton" */
/* @class="os.web.com.toggleButton" */
.os-toggleBtn {
}
.os-toggleBtnCaption {
}
.os-toggleBtnImage {
}
/* @class="os.web.com.accordionGroup" */
   .os-accordion {}
   .os-accordion-expander{
	}
   .os-accordion-expanderCaption {
	   display:			inline-block;
	   vertical-align:	middle;
	   line-height:		1.3em;
	   font-size:		1.1em;
	   margin-left:		5px;
	   padding-top:		5px;
	   padding-bottom:	5px;
		-webkit-user-select: 		none;
	  	-moz-user-select: 			none;
	  	-ms-user-select: 			none;
	  	user-select: 				none;
   }
   .os-accordion-expander span.ui-accordion-header-icon {
	   margin-top:		0px;
	   margin-left:		5px;
   }
   .os-accordion-expanderImage {
	   display:			inline;
	   outline:			none;
	   border:			none;
	   vertical-align:	middle;
	   margin-left:		5px;
	   height:			16px;
	   width:			16px;
   }
   .os-accordion-panel {
	   height:			auto;
	   width:			auto;
   }

/* @class="os.web.com.div" */
	/* Similar to a vgroup, html div elements are blocks naturally, so this is the default behavior */
   .osdiv.vertical{}

   .osdiv.horizontal{
		display:flex;
		flex-direction:row;
		align-items:flex-start;
   }

   /************************************/
   /* Label Position Left table styles */
   .osdiv .osdivLabelRow{
		display:table-row;
   }

   .osdiv .osdivLabelCell{
	   display:table-cell;
	   white-space:nowrap;
   }
   .osdiv .osdivContentCell{
	   display:table-cell;
   }
   .osdiv .osdivLabelValignbottom{ vertical-align:bottom; }
   .osdiv .osdivLabelValigntop{ vertical-align:top; }
   .osdiv .osdivLabelValignmiddle{ vertical-align:middle; }

/* @class="os.web.com.label" */

/* @doc="Default style for label values." */
.zenLabelValue,.zenLabelValueDisabled {
	margin-left: 3px;
	margin-right: 3px;
}
.zenLabelValueDisabled {
	color: darkgray;
}
/* @class="os.web.com.menuItem" */
.os-menuItemDisabled {
	cursor:default;
	pointer-events: none;
	/*
	opacity:.6;
	-moz-opacity:.6;
	filter: alpha(opacity=35);
	*/
	opacity: .4;
	-moz-opacity: .4;
	filter: none;
}
.os-menuImage {
	max-height: 32px;
	max-width: 32px;
	min-height: 16px;
	min-width: 16px;
	vertical-align:middle;
	margin-right:10px;
}
.os-menuCaption {
}
/* @class="os.web.com.panel" */
.os-panelOuter {
}
.os-panel {
}
.os-panel-expander {
	-webkit-user-select: 		none;
  	-moz-user-select: 			none;
  	-ms-user-select: 			none;
  	user-select: 				none;
}
.os-panel-expanderImage {
	display:					inline;
	vertical-align:				middle;
	width:						16px;
	height:						16px;
	margin-left:				5px;
	margin-top:					3px;
	margin-bottom:				3px;
	outline:					none;
	border:						none;
	-webkit-user-select: 		none;
  	-moz-user-select: 			none;
  	-ms-user-select: 			none;
  	user-select: 				none;
}
.os-panel-expanderCaption {
   display:						inline;
   vertical-align:				middle;
   line-height:					1.3em;
   font-size:					1.1em;
   margin-left:					10px;
	-webkit-user-select: 		none;
  	-moz-user-select: 			none;
  	-ms-user-select: 			none;
  	user-select: 				none;
}
/* @class="os.web.com.splitButton" */
.os-menuItemDisabled {
	cursor:default;
	pointer-events: none;
	/*
	opacity:.6;
	-moz-opacity:.6;
	filter: alpha(opacity=35);
	*/
	opacity: .4;
	-moz-opacity: .4;
	filter: none;
	}
.os-splitBtnCaption{
	text-align:		center;
	line-height:	22px;
	vertical-align:	middle;
	padding: 0 7px 0 7px;
}
/* @class="os.web.com.tabGroup" */
	.os-tabs {
		height:			100%;
		overflow:		hidden;
	}
	.os-tab {
		height:			100%;
		overflow:		hidden;
		outline:		none;
	}
	.os-tab-image {
		float: 			left;
		vertical-align:	middle;
		border:			none;
		outline:		none;
	}
	.os-tab-caption {
		float: 			left;
		vertical-align:	middle;
		outline:		none;
	}
	.os-tab-closeBtn {
		border:			1px solid lightgray;
	   	outline:		none;
	   	cursor:			pointer;
	}
	.os-tab-enclosingDiv {
		min-width:		50px;
		min-height:		20px;
	}
/* @class="os.web.com.tablePane" */

/* @doc="Main table for tablePane" */
table.osTablePane {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
}
table.osTablePane tr {
	font-weight:normal;
	border-color: #AAA;
}

/* @doc="Caption above table."*/
table.osTablePane caption {
	font-weight: bold;
	text-align: left;
}

/* @doc="Column header." */
table.osTablePane th {
	font-size:1.0em;
	font-weight:bold;
	color: black;
	padding:4px;
}
table.osTablePane td {
	padding:3px;
	color: black;
}

/* @doc="Selected column header." */
table.osTablePane th.tpHdrSelected {
	font-size:1.0em;
	font-weight:bold;
}

table.osTablePane tr.tpSelected td {
}

/* @doc="Selected row within table." */
table.osTablePane tr.tpSelected {
}

/* @doc="Style used for table body outside of cells within the table." */
.osTablePaneBody {
}

/* @doc="Style used for table body outside of cells within the table when using fixed headers." */
.osTablePaneBodyFixed {
}

/* @doc="Style for rows when not using zebra styling." */
.osTablePaneRow {
}
.osTablePaneZebra {
}

/* @doc="Cell containing a string value." */
.osTablePaneStr {
	padding:4px;
}

/* @doc="Cell containing numeric value." */
.osTablePaneNum {
	padding:4px;
	text-align: right;
}

/* @doc="Cell containing the current row selector." */
.osTablePaneSel {
	text-align: center;
	font-weight: bold;
}

/* @doc="Cell containing the row number." */
.osTablePaneRNum {
	text-align: right;
}

/* @doc="Cell containing a link." */
.osTablePaneAction {
	padding-left:5px;
	padding-right:5px;
}

.osTablePaneAction a {
	white-space: nowrap;
}

.osTablePaneAction a:hover {
}

.osTablePaneAction a:link {
}

.osTablePaneAction a:active {
}

/* @doc="Cell displaying No Results message." */
.osTablePaneNoResults {
	font-style: italic;
	color: #202060;
	background-color: white;
}

/* @doc="Table containing filter controls." */
table.osTablePaneFilterLayout {
	border: none;
}

/* @doc="Cell within table containing filter controls." */
table.osTablePaneFilterLayout td {
	border: none;
	background: none;
}

/* @doc="Filter control." */
.osTablePaneFilter {
	width:100%;
}

/* @doc="Filter control for date values." */
.osTablePaneFilterDate {
}

/* @doc="Filter control with focus." */
.osTablePaneFilter:focus {
}

/* @doc="Label for filter control." */
.osTablePaneFilterLabel {
	font-size: 0.8em;
	font-weight: normal;
	text-align: right;
}

/* @doc="Button in filter section." */
.osTablePaneFilterButton {
	vertical-align: middle;
	border: 1px solid black;
	font-size: 0.8em;
}

.osTablePaneFilterButton:hover {
	background: #FFFF80;
}

/* @class="os.web.com.text" */
  /* Autocomplete - LI Element*/
  .os-acItem {
	  display:			table-row;
	  height:			20px;
	  vertical-align:	middle;
	  margin:			-1;
	  border:			1px solid transparent;
  }
  /* Autocomplete - Item Value*/
  .os-acItemValue {
	  display:			table-cell;
	  vertical-align:	middle;
	  padding:			1px;
	  padding-left:		2px;
	  margin:			0px;
	  white-space: 		nowrap;
  }
  /* Autocomplete - Item Display Value*/
  .os-acItemDisplay {
	  display:			table-cell;
	  vertical-align:	middle;
	  padding:			1px;
	  padding-left:		10px;
	  margin:			0px;
	  white-space: 		nowrap;
  }
/* @class="os.web.com.toolBarGroup" */
.os-toolBarGroup {
	position:	relative;
	float:		left;
}
/* @class="os.web.com.workzone" */
.os-workzoneOuter {
	position: relative;
	background-color: #FFF;
	width:100%;
	height:100%;
	overflow:none;
}
.os-workzone {
	padding: 0px;
	width:100%;
	height:100%;
	background-color: #FFF;
	min-height:	400px;
	min-width:	600px;
	position:	absolute;
	top:		0px;	/* margins in pixels */
	bottom:		10px;	/* could also use a percent */
	left:		0px;
	right:		0px;
	overflow:    none;
}
.os-workzone-headerSection{}
.os-workzone-footerSection{}
.os-workzone-gadget{}
.os-workzone-viewSetSection{}
.os-workzone-content {
	margin:		5px;
	width:		100%;
	height:		100%;
	border:		none;
	overflow-y:	auto !important;
}
.os-workzone-Btn {
	height: 35px;
	vertical-align:middle;
	text-align:west;
}
.os-workzone-BtnImage {
	display:inline;
	vertical-align:middle;
	margin-right:7px;
}
.os-workzone-BtnText {
	display:inline;
	vertical-align:middle;
}
.os-workzone-view {
}
.os-workzone-viewDiv {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.os-workzone-viewSection {
	margin: 3px;
	padding: 0px;
}
.os-workzone-viewSetSection span.ui-accordion-header-icon {
   margin-top:		0px;
}
.os-workzone-viewHeader {
}
.os-workzone-viewCaption {
	font-family: Arial, sans-serif;
	font-size: 1.5em;
	color: #5C5C8A;
	height:48px;
	display:inline;
	vertical-align:middle;
}
.os-workzone-viewImage {
	height:48px;
	vertical-align:middle;
	display:inline;
}
.os-workzone-viewLink {
	cursor:pointer;
	margin-bottom:5px;
	padding:2px;
}
.os-workzone-viewLinkStatic {
}
.os-workzone-viewLinkNonStatic {
}
.os-workzone-viewLinkCaption,.os-workzone-viewLinkCaptionLoading {
	vertical-align:middle;
}
.os-workzone-viewLinkCaptionDisabled,.os-workzone-viewLinkCaptionDisabledOR {
	color: darkgray;
	font-style:italic;
}
.os-workzone-viewLinkCaptionDisabledOR {
}
.os-workzone-viewLinkCaptionLoading {
	font-style:italic;
	font-weight:bold;
	cursor:wait;
}
.os-workzone-viewLinkImage {
	height:32px;
	margin-left:10px;
	margin-right:10px;
	vertical-align:middle;
}

.os-workzone-viewGroupCaption {
	vertical-align: top;
}
.os-workzone-viewGroupImage {
	vertical-align: middle;
	margin-right:5px;
	width:16px;
	height:16px;
}
.os-workzone-gadgetSectionCaption {
	font-family: Arial, sans-serif;
	font-size: 1.5em;
	color: #5C5C8A;
}
.os-workzone-gadgetSectionImage {
}
.os-workzone-gadgetSection span.ui-accordion-header-icon {
	margin-top:		0px;
}
.os-workzone-gadgetSectionDivider {
	overflow:		hidden;
	background: 	#DDD;
	border-top: 	1px solid #BBB;
	border-bottom: 	1px solid #BBB;
	height:9px;
}
.os-workzone-gadgetContent {
	height:100%;
}
.os-workzone-gadgetHidden {
	display:	none;
}
.ui-layout-pane,.ui-layout-center {
	background:	#FFFFFF;
	border:		1px solid #BBB;
	overflow:	none;
	padding:    0px;
	margin:	    0px;
	height:		100%;
}
.ui-layout-center {
	overflow: auto;
}
/* @class="os.web.com.date" */
.ui-datepicker { z-index: 10002 !important ;}
/* @class="os.web.com.dialog" */

/* @doc="Turns off close button." */
.no-close .ui-dialog-titlebar-close {
	display: none;
}
.ui-dialog .ui-dialog-buttonset button {
	min-height: 24px;
	height:		24px;
}
.ui-dialog-buttonpane {
	margin-top:0px;
}
.os-dialogContent {
	height:	100%;
	width:	100%;
}
.os-dialogBodyJQ {
	height:	100%;
	width:	100%;
}
.os-dialogBodyPane {
	height:	100%;
	width:	100%;
}
.os-dialogBody {
	height:	100%;
	width:	100%;
}
/* @class="os.web.com.dropMenu" */
.os-menuItemDisabled {
	cursor:default;
	pointer-events: none;
	/*
	opacity:.6;
	-moz-opacity:.6;
	filter: alpha(opacity=35);
	*/
	opacity: .4;
	-moz-opacity: .4;
	filter: none;
}
/* @class="os.web.com.grid" */
.os-gridAggregateGroup{
	width:				100%;
	height:				100%;
}
.os-gridAggregate {
	display:			flex;
	flex-direction:		row;
	width:				100%;
	vertical-align:		middle;
}
.os-gridAggregateSpan {
}
.os-gridAggregateImage {
	padding-left:		1px;
	vertical-align:		middle;
}
.os-gridAggregateValue {
	flex:				1;
	padding-right:		1px;
}
.os-gridToolBar {
	display:			table;
	width:				99.5%;
}
.os-gridToolBarRow {
	overflow: 			hidden;
	position: 			relative;
	display:			table-row;
	vertical-align:		middle;
}
.os-gridToolBarGroup {
	display:			table-cell;
	vertical-align:		middle;
	white-space:		nowrap;
	overflow:			hidden;
	padding-right:		5px;
}
.os-gridToolBarActionGroup {
	padding-left:		5px;
	width:				80px;
}
.os-gridToolBarNavGroup {
	width:				90px;
}
.os-gridToolBarFilterGroup {
	width:				180px;
}
.os-gridToolBarProgressGroup {
	padding-left:		5px;
}
.os-gridToolBarEditGroup {
	text-align:			right;
}
.os-gridToolBarButton {
	width:				20px;
	height:				20px;
	padding:			0px;
	margin:				0px;
	display:			inline-block;
	vertical-align:		middle;
}
.os-gridToolBarButton>span {
	margin-bottom:		1px !important;
}
.os-gridToolBarSpacer {
	width:				20px;
	height:				20px;
	padding:			1px;
	margin:				0px;
	display:			inline-block;
	vertical-align:		middle;
}
.os-gridPagerRow {
	display:			flex;
	align-items:		center;
	flex-direction:		row;
	width: 				99.5%;
	height: 			99.5%;
}
.os-gridPagerGroup {
	display:			table-cell;
	vertical-align:		middle;
	padding-left:		5px;
}
.os-gridPagerLabel {
	padding:			3px;
}
.os-gridRow,.os-gridRowAdded,.os-gridRowModified {
	overflow: 			hidden;
	text-overflow: 		ellipsis;
	cursor:				pointer;
}
.os-gridRowAdded {
	font-weight:		bold;
	font-style: 		italic;
}
.os-gridRowModified {
	font-weight:		bold;
	font-style: 		italic;
}
.os-gridGroup {
	width:				100%;
	max-width:			100%;
	margin:				0px;
	padding:			0px;
	border:				0px;
	overflow:			hidden;
 	display: 			-webkit-flex;
    display: 			flex;
    -webkit-flex-direction: column;
    flex-direction: 	column;
    box-sizing:			border-box;
}
.os-gridContent {
	width:				100%;
	min-width:			100%;
	max-width:			100%;
	margin:				0px;
	padding:			0px;
	border:				0px;
	overflow:			hidden;
    box-sizing:			border-box;
}
.os-gridFooter,.os-gridHeader {
	width:				100%;
	min-width:			100%;
	max-width:			100%;
	height:				3%;
	min-height:			25px;
	max-height:			25px;
	margin:				0px;
	padding:			0px;
	line-height:		25px;
	overflow:			hidden;
    box-sizing:			border-box;
	border:				1px solid #c7c7c7;
}
.os-gridHeader {
	margin-bottom:		1px;
}
.os-gridFooter {
	margin-top:			-2px;
}
.os-gridContextMenuItem {
	display:			table;
	vertical-align:		middle;
}
.os-gridContextMenuItemIcon {
 	display:			table-cell;
 	width:				25px;
 	vertical-align:		middle;
}
.os-gridContextMenuItemCaption {
 	display:			table-cell;
 	vertical-align:		middle;
}
.jqx-grid-empty-cell {
	visibility:			hidden;
}
/* @class="os.web.com.sessionBrowserConsole" */


/* @class="os.web.com.sessionBrowserStats" */


/* @class="os.web.com.sessionInformation" */


/* @class="os.web.com.sessionState" */


/* @class="os.web.com.time" */
  .os-timeToggleBtn span {
	  height:16px;
	  width:16px;
  }
/* EOF */