﻿@import url("ComposerLogin.css");

:root {
	--primary-color: #4b7b9d; /* Navigation Color */
	--secondary-color: #4b9d6d; /* Activation Color */
	--tertiary-color: #5a7284; /* Information Color */
	--disabled-color: rgb(187, 187, 187);
	--readonly-input-background-color: whitesmoke;
	--readonly-input-color: gray;
	--scrollbar-color: #d3d3d3;
	--font-family-regular-text: 'Work Sans', 'Roboto Regular', 'Segoe UI', Helvetica, 'Droid Sans', Arial, Geneva, sans-serif;
	--font-family-regular-text-bold: 'Work Sans Semibold', Arial, Helvetica;
	--employee_view_center_height_factor: 14;
	--employee_view_content_height_factor: 65;
	--employee_view_layout_west_height_factor: 44;
	--border-color: #dfdfdf;
	--font-weight-bold: 700;
	--font-weight-semibold: 600;
	--danger-color: #cc0000;
	--caution-color: #FFF36D;
	--primary-color-dark: #304f65; /*darkened version of primary color*/
}

/* ********** Header Styles BEGIN ********** */
#LogoDiv {
	background-color: var(--tertiary-color);
	height: 32px;
	padding-bottom: 3px;
}

	#LogoDiv span.MasterPageHeaderSysCaptionLabel,
	#LogoDiv span.MasterPageHeaderSysEnvironmentLabel {
		color: white;
	}

	#LogoDiv img.MasterPageHeaderSysIcon {
		filter: invert(100%);
	}

	#LogoDiv div#LogoutButtonDiv {
		padding-right: 6px;
		vertical-align: middle;
	}

	#LogoDiv div#LogoutButton div.dxb {
		padding: 4px 8px !important;
	}

	#LogoDiv span.WelcomeMessage {
		color: white;
		font-family: var(--font-family-regular-text);
	}

a.LogOutButton img {
	filter: invert(1);
	height: 20px;
	width: 20px;
}
/* ********** Header Styles END ********** */

div#ConfigToolDiv {
	background-color: White;
	padding: 5px;
	margin: 5px;
	/*height: 845px !important;*/
}

/* ********** Menu Styles BEGIN ********** */
div.ComposerMainMenuContainer,
div.ComposerMenuDiv {
	border-bottom: medium solid var(--secondary-color) !important;
}

div.ComposerSubMenuDiv {
	margin-bottom: 4px;
}

div.ComposerMainMenu li.ComposerMainMenuItem {
	text-transform: uppercase;
}

	div.ComposerMainMenu li.ComposerMainMenuItem span.dxm.contentText {
		line-height: 17px !important;
		padding: 0px;
	}

	div.ComposerMainMenu li.ComposerMainMenuItem.dxm-subMenu div.dxm-content.dxm-hasText {
		padding-right: 0px !important;
	}

div.ComposerMainMenu div.dxm-popOut {
	padding-left: 3px !important;
	padding-right: 3px !important;
	padding-top: 5px !important;
}

/* Change the down arrow on the menu item from the gray one to the white one */
div.ComposerMainMenu li.ComposerMainMenuItemHover img.dxWeb_mHorizontalPopOut_Shine.dxm-pImage {
	background-position: -526px -170px;
}

div.ComposerToolbar {
	background-color: transparent;
	border: none;
	height: 30px;
	margin-bottom: 5px;
}

div.ComposerNavMenu ul.dx {
	display: flex;
}

	div.ComposerNavMenu ul.dx li span {
		line-height: 26px; /* Works in conjunction with the ComposerMenu skin */
		padding-left: 10px;
		padding-right: 10px;
		text-transform: uppercase;
	}

div.ComposerMenuDiv {
	margin-bottom: 2px;
}

div.ComposerMenu ul.dx {
	display: flex;
	gap: 5px;
}

	div.ComposerMenu ul.dx li.ComposerMenuItem {
		border-radius: 4px;
		padding: 0px 10px;
	}

		div.ComposerMenu ul.dx li.ComposerMenuItem span {
			line-height: 26px; /* Works in conjunction with the ComposerMenu skin */
			text-transform: uppercase;
		}

	div.ComposerMenu ul.dx li {
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
		-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 0px 10px;
		font: 14px 'Work Sans Semibold','Roboto Regular',Helvetica,'Droid Sans',Tahoma,Geneva,sans-serif;
		-webkit-transition-property: box-shadow, background-color;
		-moz-transition-property: box-shadow, background-color;
		-o-transition-property: box-shadow, background-color;
		transition-property: box-shadow, background-color;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-timing-function: ease-out;
		-o-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		-webkit-tap-highlight-color: transparent;
	}

		div.ComposerMenu ul.dx li span {
			line-height: 26px; /* Works in conjunction with the ComposerMenu skin */
			text-transform: uppercase;
		}

		div.ComposerMenu ul.dx li:hover,
		div.ComposerMenu ul.dx li.dxm-hovered,
		div.dxm-ltr div.dxm-popup li.dxm-hovered {
			background-color: var(--primary-color);
			color: white;
			font-family: var(--font-family-regular-text-bold);
		}

		div.ComposerMenu ul.dx li.dxm-item div.dxm-popOut {
			padding: 0px;
		}

		div.ComposerMenu ul.dx li.dxm-hovered div.dxm-popOut img.dxm-pImage {
			background-position: -240px -173px;
		}

		div.ComposerMenu ul.dx li.ins-mi-danger {
			background-color: var(--danger-color);
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			color: white;
			font-family: var(--font-family-regular-text-bold);
		}

		div.ComposerMenu ul.dx li.ins-mi-frequent {
			background-color: var(--primary-color);
			color: white;
			font-family: var(--font-family-regular-text-bold);
		}

			div.ComposerMenu ul.dx li.ins-mi-frequent.dxm-disabled {
				background-color: gainsboro;
				color: black;
			}

			div.ComposerMenu ul.dx li.ins-mi-frequent.dxm-disabled,
			div.ComposerMenu ul.dx li.ins-mi-outline,
			div.ComposerMenu ul.dx li.dxm-separator {
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
			}

a.ins-btn-danger,
tr.dxgvFocusedRow_Shine.dxgvDataRowAlt_Shine a.ins-btn-danger {
	color: var(--danger-color) !important;
}

tr.dxgvFocusedRow_Shine a.ins-btn-danger {
	color: yellow !important;
}

div#P_Composer_BreadCrumbContent div.bc-content-item,
div#P_Composer_BreadCrumbMenuDebugging div.bc-debugging-item {
	color: var(--tertiary-color);
}

div#P_Composer_BreadCrumbCopyInProgressWarning div.bc-copywarning-item {
	color: red;
	font-family: var(--font-family-regular-text-bold);
}

div.ComposerModuleTabControl li.dxtc-tab:hover,
div.ComposerSystemTabControl li.dxtc-tab:hover {
	border-bottom-color: var(--secondary-color) !important;
}

div.ComposerModuleTabControl li.dxtc-tab a,
div.ComposerModuleTabControl li.dxtc-activeTab a,
div.ComposerSystemTabControl li.dxtc-tab a,
div.ComposerSystemTabControl li.dxtc-activeTab a {
	padding-left: 12px !important;
	padding-right: 12px !important;
}

div.ComposerModuleTabControl li.dxtc-activeTab,
div.ComposerSystemTabControl li.dxtc-activeTab {
	border-bottom-color: var(--secondary-color) !important;
}
/* ********** Menu Styles END ********** */

/*** Validation List Styles BEGIN ***/
li.ins-validation-error {
	color: var(--danger-color);
}

li.ins-validation-warning {
	background-color: var(--caution-color);
	color: black;
}

ul.validation-error,
ul.validation-other,
ul.validation-warning {
	max-width: 900px !important;
}
/*** Validation List Styles END ***/

table.box {
	margin: 0;
	padding: 5px;
}

.rulesengine-editrule-checkboxlist td.dxe,
.rules-datafields-popup td,
.ConfigEditTable td {
	padding: 0px 0px 0px 0px;
}

#PrintFormOptionsInlineDivide {
	margin: 0px 0px 10px 0px;
}

td.PrintRecipientsLabel,
td.PrintFormOptionsLabel {
	padding: 0px 0px 0px 20px;
}

td.PrintFormOptionsCheckBox,
td.PrintRecipientsCheckBox {
	padding: 0px 0px 0px 10px;
}

td.PrintFormOptionsTableRow,
td.PrintRecipientsTable {
	padding: 15px 0px 0px 0px;
}

div.PrintFormOptionsTable table.dxeTAR td:has(> span.dxICheckBox_Shine) {
	padding: 4px;
}

.RulesValidationEditVersionTableCell {
	border-left: 1px solid lightblue;
	border-right: 1px solid lightblue;
	padding: 5px 5px 5px 5px;
}

.RulesValidationEditVersionTableRow {
	border: 1px solid lightblue;
	background-color: rgb(238, 241, 247);
}

.RulesValidationEditVersionTableHeader {
	border: 1px solid lightblue;
	padding: 5px;
	background-color: rgb(200, 207, 230);
}

.RulesValidationEditVersionFilterCell {
	border-lefT: 1px solid lightblue;
	padding: 5px;
}

.RulesValidationEditVersionFilterRow {
	border-bottom: 1px solid lightblue;
	border-right: 1px solid lightblue;
	border-left: 1px solid lightblue;
}

.RulesValidationEditVersionTable {
	border: 1px solid lightblue;
}

.rulesengine-rulelist-find-id {
	display: inline-block;
	margin-right: 10px;
	height: inherit !important;
	vertical-align: middle;
}

form {
	height: 100%;
	width: 100%;
	overflow: auto !important;
}

.rules-menu {
	width: 100%;
	height: 38px;
	display: none;
}

#ConfigurationMasterUpdatePanel {
	height: 96%;
}

/* Rule Conditions Text Box */
.rule-conditions-box {
	color: Black;
	font-size: 14px;
}

	.rule-conditions-box .blue {
		color: Blue;
	}

	.rule-conditions-box .red {
		color: Red;
	}

	.rule-conditions-box .black {
		color: Black;
	}

	.rule-conditions-box .bold {
		font-weight: bold;
	}

	.rule-conditions-box .field-condition:hover,
	.rule-conditions-box .group-condition-list:hover,
	.rule-conditions-box .rule-action:hover {
		background-color: Yellow;
		cursor: pointer;
		text-decoration: underline;
	}

	.rule-conditions-box .field-condition:active,
	.rule-conditions-box .group-condition-list:active,
	.rule-conditions-box .rule-action:active {
		background-color: Orange;
		cursor: pointer;
		text-decoration: underline;
	}

.rules-span-div {
	display: inline;
	font-size: 14px;
}

/* PageViewXamlRulesList */
.rules-nav,
.rule-fields {
	width: 100%;
}

.rules-fields td {
	padding: 0;
	margin: 0;
}

	.rules-fields td.rules-label {
		width: 150px;
	}

	.rules-fields td.rules-field {
		text-align: right;
	}

.rulesengine-splitter {
	background-color: rgb(228, 234, 238);
}

.rule-tree-header {
	text-decoration: underline;
	background-image: none;
	background-color: transparent !important;
}

.rule-filter-listbox {
	max-height: 100px;
	overflow: auto;
}

/* PageEditRule */
.rulesengine-editrule-checkboxlist table tr table td span {
	display: none;
}

.rulesengine-editrule-checkboxlist label {
	display: block;
	text-align: center;
	width: 90px;
}

	.rulesengine-editrule-checkboxlist label img {
		display: block;
		padding: 5px 20px 5px 20px;
		height: 50px;
		width: 50px;
	}

.rulesengine-editrule-checkboxlist td.dxe table tr:hover {
	background-color: rgb(203, 230, 239);
}

.rulesengine-editrule-toolboxcheckboxlist {
	border: none;
}

.rulesengine-editrule-selectedcheckboxlist td.dxe {
	vertical-align: top;
}

.rulesengine-editrule-triggersdropzone,
.rulesengine-editrule-actionsdropzone {
	width: 28%;
	border: 1px solid #000;
	overflow: auto;
}

.rulesengine-editrule-datadropzone {
	width: 43%;
	border: 1px solid #000;
	overflow: auto;
}

.rulesengine-editrule-dropzoneactive {
	background-color: orange;
	background-image: none;
}

.rulesengine-editrule-dropzonehover {
	background-color: #EEB422;
	background-image: none;
}

/* Child Windows */
.rules-fields td.rules-label {
	width: 100px;
}

/* ChildWindowEditDataFields */
.rule-conditions-wrap {
	border: 1px solid #8ba0bc;
	padding: 2px;
	background-color: White;
	height: 150px;
	width: 95%;
	overflow: auto;
}

/* ChildWindowEditFields */
.rules-datafields-treelist-tag {
	display: none;
}
/* don't display the tag; it is only used in the javascript to get the fieldhierarchyitems when selecting something in the treeview */

.rules-nav-bar tbody tr td.dxnbCtrl {
	background-color: transparent;
}

#P_Composer_CC_S_1i0_CC {
	overflow: auto;
}

#P_Composer_ModuleVersion_ModuleVersionUpdatePanel > #ModuleVersionDiv > table {
	border: none !important;
}

#P_Composer_SiteConsole_SiteConsoleSplitter_AgencyEditThemeControl_pcBuildOff_HCB-1 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.PageBody_Composer_SiteConsole_SiteConsoleSplitter_Agency ActivityEditMenuItemControl_EditControlTable {
	width: 100%;
}

td.SelectedNodeStyle a:link,
.DeletedRow a:link,
.DeletedRow a:visited,
.DeletedRow a:hover {
	color: white !important;
}

div.ContentContainer {
	background-color: White;
	height: 100%;
	overflow: auto;
}

/* ********** Module Version History \ System Version History Styles BEGIN ********** */
div.SystemVersionHistoryDiv {
	padding: 5px;
	margin: 5px;
}
/* ********** Module Version History \ System Version History Styles END ********** */

/* ********** Generic Data GridView Styles BEGIN ********** */
td.PKColumn {
	background-image: url("../images/key.png");
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
}

.Metadata {
	background-color: #DFDFDF;
}

.PKColumnLabel {
	background-image: url("../images/key.png");
	height: 16px;
	padding-top: 4px;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
/* ********** Generic Data GridView Styles END ********** */

/* ********** Static Data Styles BEGIN ********** */
h1.EditGenericDataConfigurationHeader {
	margin: 0px;
}

.DeletedRow {
	background-color: #969696 !important;
	color: white !important;
}

.Metadata {
	color: black !important;
}

tr.NotCustomerVisible {
	background-color: #E4E4E4 !important;
	color: #60606C !important;
}

/* set minimum height on the static data edit form popup */
div.dxgvPopupEditForm_Shine.ins-gv-editform-pu-mainarea {
	min-height: 155px;
}
/* set minimum height on the static data edit form popup inner div that contains the columns */
div.dxgvPopupEditForm_Shine div.ins-gv-data-container {
	min-height: 80px;
}

div.dxgvPopupEditForm_Shine div.ins-gv-command-container {
	margin-right: 10px;
}
/* ********** Static Data Styles END ********** */
/*Selectors have both "P" and "PageBody" IDs because ids were being generated as "P" locally,
    "PageBody" on prod */
/*div#P_AddModule_AddProductASPxPopupControl_ExistingProductASPxPanel_ModuleAndModuleVersionControl_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-tab,
div#P_AddModule_AddProductASPxPopupControl_ExistingProductASPxPanel_ModuleAndModuleVersionControl_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-activeTab,
div#P_AddModule_AddProductASPxPopupControl_ExistingProductASPxPanel_ModuleAndModuleVersionControl_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-leftIndent,
div#P_AddModule_AddProductASPxPopupControl_ExistingProductASPxPanel_ModuleAndModuleVersionControl_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-rightIndent,
div#P_AddModule_AddProductASPxPopupControl_ExistingProductASPxPanel_ModuleAndModuleVersionControl_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-spacer,
div#P_ModuleAndModuleVersion_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-tab,
div#P_ModuleAndModuleVersion_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-activeTab,
div#P_ModuleAndModuleVersion_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-leftIndent,
div#P_ModuleAndModuleVersion_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-rightIndent,
div#P_ModuleAndModuleVersion_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-spacer,
div#PageBody_ModuleAndModuleVersion_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-tab,
div#PageBody_ModuleAndModuleVersion_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-activeTab,
div#PageBody_ModuleAndModuleVersion_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-leftIndent,
div#PageBody_ModuleAndModuleVersion_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-rightIndent,
div#PageBody_ModuleAndModuleVersion_ModuleAndModuleVersionASPxCallbackPanel li.dxtc-spacer {
	border: 0px none transparent;
}*/
/*div#P_ModuleAndModuleVersion_ModuleAndModuleVersionASPxCallbackPanel div.dxtc-content,
div#PageBody_ModuleAndModuleVersion_ModuleAndModuleVersionASPxCallbackPanel div.dxtc-content {
	padding: 4px
}*/
h1.Header {
	margin: 0;
}

div.ProductCompanyPageControl li.dxtc-tab {
	background-color: whitesmoke !important;
}

	div.ProductCompanyPageControl li.dxtc-activeTab,
	div.ProductCompanyPageControl li.dxtc-tab:hover {
		background-color: var(--secondary-color) !important;
		border-right-color: var(--secondary-color) !important;
	}

		div.ProductCompanyPageControl li.dxtc-activeTab a.dxtc-link,
		div.ProductCompanyPageControl li.dxtc-tab a.dxtc-link:hover {
			color: white !important;
		}

div.ProductCompanyPageControl div.dxtc-content.dxtc-autoHeight {
	padding: 0px 0px 0px 4px;
}

div.MonacoMainContainer {
	background-color: whitesmoke;
}

table.MonacoToolbarTable {
	height: 30px;
}

tr.MonacoToolbarRow td {
	padding: 0px;
}

a.MonacoToolbarButton {
	background-color: transparent !important;
}

	a.MonacoToolbarButton:hover {
		background-color: white !important;
	}

	a.MonacoToolbarButton img.dx-vam {
		margin-top: 4px;
	}

/*table.ProductVersionTable {
	width: 100%;
	border: 1px solid #C0C0C0;
}

	table.ProductVersionTable th {
		padding: 5px 4px;
		border-left: 1px solid #C0C0C0;
		border-right: 1px solid #C0C0C0;
		font-size: 12px;
		font-weight: bold;
	}

	table.ProductVersionTable tr {
		border-top: 1px solid #C0C0C0;
		border-bottom: 1px solid #C0C0C0;
	}

	table.ProductVersionTable td {
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 4px;
		border-top: 1px solid #C0C0C0;
	}

		table.ProductVersionTable td.BorderCell {
			border-left: 1px solid #C0C0C0;
			border-right: 1px solid #C0C0C0;
		}

	table.ProductVersionTable tr.AlternateRow {
		background-color: #E7E7E7;
	}*/
.DebuggingInformation, .DebuggingInformation:hover {
	color: #00B050 !important;
}

li.ui-state-default {
	background: lightgray !important;
	color: rgb(85, 85, 85) !important;
	font-size: 10pt !important;
}

.ProcessNotification {
	background: #F97053;
	font-weight: bold;
	text-align: center;
}

div#ConfigurationMasterUpdatePanel div#MasterPageHeaderDiv {
	border-bottom: 0px solid transparent !important;
}

.ModifierDesignerAnchor:hover {
	background-color: transparent !important;
}

.ModifierDesignerTargetTable, .ModifierDesignerTargetTableCell, .ModifierLegend legend {
	border: 2px solid transparent;
	border-collapse: separate;
}

.ModifierDesignerLeftTargetTableCell {
	border-bottom: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 0px solid transparent;
	border-top: 2px solid transparent;
}

.ModifierDesignerRightTargetTableCell {
	border-bottom: 2px solid transparent;
	border-left: 0px solid transparent;
	border-right: 2px solid transparent;
	border-top: 2px solid transparent;
}

.ModifierDesignerTargetTableCell, .ModifierDesignerLeftTargetTableCell, .ModifierDesignerRightTargetTableCell {
	cursor: pointer;
	vertical-align: middle;
	white-space: nowrap;
}

.ModifierDesignerTargetTableCellChanged {
	background-color: lightyellow;
}

.ModifierDesignerTargetTableCellNew {
	background-color: #e6ffe6;
}

.ModifierDesignerTargetLabel, .ModifierDesignerTargetCheckBox, .ModifierDesignerTargetCaption {
	height: auto;
}

.ModifierDesignerEditorPanel {
	padding: 3px;
}

.ModifierDesignerEditorPanelContent {
	border: 1px groove gainsboro;
}

.ModifierDesignerEditorPanelContentHeader {
	background-color: gainsboro;
	border-bottom: 1px groove gainsboro;
	font-size: medium;
	padding: 1px 2px;
}

.ModifierDesignerSelectedTargetTableCell {
	border: 2px solid #f97053;
}

.ModifierDesignerSelectedRightTargetTableCell {
	border-bottom: 2px solid #f97053;
	border-left: 0px solid #f97053;
	border-right: 2px solid #f97053;
	border-top: 2px solid #f97053;
}

.ModifierDesignerSelectedLeftTargetTableCell {
	border-bottom: 2px solid #f97053;
	border-left: 2px solid #f97053;
	border-right: 0px solid #f97053;
	border-top: 2px solid #f97053;
}

.ModifierDesignerSelectedReadonlyTargetTableCell {
	cursor: not-allowed;
}

.ModifierDesignerRowColumnLayoutCallbackPanel {
	overflow: auto;
}

.ModifierDesignerRowColumnLayoutEditorEvenCell {
	background-color: lightgray;
}

.ModifierDesignerRowColumnLayoutEditorOddCell {
	background-color: whitesmoke;
}

.ModifierDesignerRowColumnLayoutEditorArrow, .ModifierDesignerRowColumnLayoutEditorArrowDisabled {
	vertical-align: middle;
}

.ModifierDesignerRowColumnLayoutEditorArrow {
	cursor: pointer;
}

	.ModifierDesignerRowColumnLayoutEditorArrow:hover {
		background-color: #f97053;
		color: white;
	}

.ModifierDesignerRowColumnLayoutEditorArrowDisabled {
	color: darkgray;
	cursor: default;
}

.FisherPriceButtonGreen {
	background-color: green !important;
	width: 100px;
}

.FisherPriceButtonRed {
	background-color: red !important;
	width: 100px;
}

.FisherPriceButtonBlue {
	width: 100px;
}

/* ********** Monaco Editor Styles BEGIN ********** */
div.MonacoEditorContainer {
	border: 1px solid var(--primary-color);
}
/* ********** Monaco Editor Styles END ********** */

/**** Admin User Setup Styles ****/
td.ins-user-list-item-inactive {
	text-decoration: line-through;
}

td.ins-user-list-item-insuresoft {
	background-image: url('../images/Insuresoft Diamond.png');
	background-origin: content-box;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 13px;
}

/**** ASPxTreeView Styles BEGIN ****/
div.dxtv-control div.dxtv-ndSel,
div.dxtv-control div.dxtv-nd:hover {
	padding-left: 10px !important;
	padding-right: 10px !important;
	width: max-content !important;
}

/* Adjusting height of the node to add some more space between each one */
table.ConfigurationTreeView table.dxtlDataTable td.dxtl {
	padding-bottom: 6px;
	padding-left: 6px;
	padding-top: 6px;
}

table.ConfigurationTreeView table.dxtlDataTable td.dxtlIndentWithButton_Shine {
	padding-top: 12px !important;
}

/* Wrap node text when needed */
table.ConfigurationTreeView table.dxtlDataTable tr.dxtlNode_Shine td.dxtl,
table.ConfigurationTreeView table.dxtlDataTable tr.dxtlAltNode_Shine td.dxtl {
	overflow-wrap: anywhere;
	white-space: inherit;
}
/**** ASPxTreeView Styles END ****/

/**** Static Data Editor Template Styles ****/
table.SystemStaticDataEditFormTemplate td.ins-control-cell,
table.SystemStaticDataEditFormTemplate td.ins-label-cell {
	padding: 2px;
}

table.SystemStaticDataEditFormTemplate td.ins-label-cell {
	width: 200px;
}

/**** Product Extension TreeView Styles BEGIN ****/
div.dxpnlControl_Shine.ProductExtensions table.dxsplControl_Shine td.dxsplPane_Shine {
	padding: 0px;
}

table.ConfigurationTreeView tr.dxtlFocusedNode_Shine span.dxeBase_Shine {
	color: white;
}

table.ConfigurationTreeView tr.dxtlFocusedNode_Shine em.dxtlHL {
	color: yellow;
	font-family: var(---font-family-regular-text-bold) !important;
	font-weight: normal;
}
/* Use white background color for the PE images on the selected node */
table.ConfigurationTreeView table.dxtlDataTable tr.dxtlFocusedNode_Shine img.ProductExtensionTree-node-img {
	background-color: white;
	padding: 2px;
}

table.ConfigurationTreeView table.dxtlDataTable tr.dxtlAltNode_Shine img.ProductExtensionTree-folder,
table.ConfigurationTreeView table.dxtlDataTable tr.dxtlFocusedNode_Shine img.ProductExtensionTree-folder,
table.ConfigurationTreeView table.dxtlDataTable tr.dxtlNode_Shine img.ProductExtensionTree-folder {
	height: 16px;
}

table.ConfigurationTreeView div.ins-pe-tl-search-panel {
	padding-bottom: 7px !important;
}

	table.ConfigurationTreeView div.ins-pe-tl-search-panel td.dxic {
		padding: 8px !important;
	}
/**** Product Extension TreeView Styles END ****/

span[id$=RuleEngineMethodSignatureLabel],
span[id$=RuleEngineMethodEndLabel] {
	font-family: Consolas, "Courier New", monospace;
	font-weight: normal;
	font-size: 14px;
}

/**** Config Book Editor Styles ****/
div.ins-config-editor-btn-table img,
div.ins-config-editor-btn-calc img {
	filter: invert(1);
}

/**** ASPxSpinEdit - remove globabl 4px padding from td tags surrounding the increment buttons (must have the SpinEdit class applied) ****/
table.SpinEdit td:not(.dxic) {
	padding: 0px;
}

div.ins-panel-instructions {
	background-color: whitesmoke;
	border: 1px solid var(--tertiary-color) !important;
	border-radius: 4px;
	text-align: center;
}

div.user-accesslog-dashboard,
div.user-session-dashboard {
	margin: 5px;
	padding: 10px;
}
