/*	
	--------------------------------------------------
	Reference to Custom Icon Font
	--------------------------------------------------


@font-face {
  font-family: 'DRE';
  src:	url('fonts/DRE-iconset.eot');
  src:	url('fonts/DRE.eot?#iefix') format('embedded-opentype'),
	    url('fonts/DRE-iconset.woff') format('woff'),
	    url('fonts/DRE-iconset.ttf') format('truetype'),
	    url('fonts/DRE-iconset.svg#DRE') format('svg');
  font-weight: normal;
  font-style: normal;
}*/


/*	
	--------------------------------------------------
	Make the disabled / readonly text color grey by changing opacity
	--------------------------------------------------
*/

.WebControl.Web_Disabled>div>div>.WebFrm_Wrapper,
.WebControl.Web_Disabled input,
.WebControl.Web_Disabled .WebDynFrm,
.WebControl.Web_Disabled textarea,
.WebControl.Web_Disabled select {
    opacity: 0.75;
}


/*
	--------------------------------------------------
	Scrollbar styling
	--------------------------------------------------
*/	

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 10px;
	border: 1px solid transparent;
	background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
	background-color: grey;
}


/*
	--------------------------------------------------
	MISC 
	--------------------------------------------------
*/

.HeaderPanel .WebContainer {
	background-color: #158846;
}

.HeaderPanel.WebPanel .WebActionBar.WebToolBar span.WebItm_Icon:before{
	color: #ffffff;
}


/*
	--------------------------------------------------
	Breadcrumb styling 
	--------------------------------------------------
*/

.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li:nth-last-child(2), 
.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li:nth-last-child(1) div,
.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs,
.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li div,
.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li {
	background-color: transparent;
}

.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li>div.WebCrumb_Arrow:before,
.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li>div.WebCrumb_Arrow:after {
	border: none;
}

.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li>div.WebCrumb_Arrow:after {
	content: "\203A";
	top: 35%;
	opacity: 80%;
}

.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li.WebCrumb_Item div.WebCrumb_Caption {
	opacity: 80%;
	
}

.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li:nth-last-child(1) WebCrumb_Caption {
	color: #ffffff
}

.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li.WebCrumb_Item div.WebCrumb_Caption:hover {
	color: #ffffff;
	opacity: 100%;
}

.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs,
.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li,
.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li div {
	height: inherit;
}

.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li div {
	display: flex;
	align-items: center;
			
}

.WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li div.WebCrumb_Caption {
	padding-top: 5px;
}


/*	
	--------------------------------------------------
	Custom TopPanel + controls & Floating Menu
	--------------------------------------------------
*/

.DREWebTopPanel {
	background-color: #ffffff;
}

.DREWebTopPanel .WebButton>div {
	padding-top: 6px;
	height: max-content;
	aspect-ratio: 1 / 1;
}

.DREWebTopPanel button {
	height: inherit;
	width: inherit;
}

.DREWebTopPanel .WebButton button:after {
	width: 0;
}

.df-ModeDesktop .WebInlineView>div.WebContainer {
	padding: 0;
}

.DREWebTopPanel .WebLabel .WebLabel_content {
	line-height: normal;
}

.DREWebTopPanel .WebCon_Sizer {
	align-content: end;
}

.DREWebTopPanel .WebCon_Content {
	padding-top: 12px;
}

.FloatingMenuClose button {
	background-color: unset;
	box-shadow: none;
	color: #343434;
	opacity: 60%;
	font-size: 24px;
}

.FloatingMenuClose button:before {
	font-family: 'material-icons' !important;
	content: ':';
	margin: auto;
}

.WebButton.Web_Enabled.FloatingMenuClose button:focus,
.WebButton.Web_Enabled.FloatingMenuClose button:hover {	
	background-color: unset;
	color: #343434;
	opacity: 100%;
}

.FloatingMenuClose button:after {
	transform: none;
	background: none;
}

.ShortNameAvatar .WebLabel_content {
	font-size: 260%;
	border-radius: 50%;
	line-height: 250%;
	aspect-ratio: 1 / 1;
}

.ImgRound .WebCon_Inner,
.ShortNameAvatar .WebCon_Inner {
	margin: 0;
	padding: 10px 0 0 10px;
}

.ImgRound img {
    object-fit: cover;
	height: 100%;
	width: 100%;
}

.FloatingMenuList ul:first-child {
	border-top: 1px solid lightgray;
}

.WebMenuItem_WithTopSeperator {
	padding-top: 16px;
	border-top: 1px solid lightgray;
}

.DREWebTopPanel .ReportVersionCombo {
	margin-top: 0.5%;
}

.DREWebTopPanel .ReportVersionCombo>div>label {
	padding: 5px 8px 0 0;
}

.ViewCaption .WebLabel_content {
    font-size: 28px;
}

.WebButton.ViewCaptionStatisticsButton button,
.WebButton.ViewCaptionDeleteButton button,
.WebButton.ViewCaptionSaveButton button,
.WebButton.ViewCaptionClearButton button,
.WebButton.ViewCaptionEditButton button,
.WebButton.ViewCaptionCancelButton button,
.WebButton.ViewCaptionNewRecordButton button,
.WebButton.ViewCaptionSaveAsButton button,
.WebButton.ViewCaptionPreviewButton button,
.WebButton.ViewCaptionAddButton button {
	border-radius: 50%;
	opacity: 80%;
	aspect-ratio: 1 / 1;
}

.WebButton.ViewCaptionStatisticsButton button:before,
.WebButton.ViewCaptionDeleteButton button:before,
.WebButton.ViewCaptionClearButton button:before,
.WebButton.ViewCaptionEditButton button:before,
.WebButton.ViewCaptionCancelButton button:before,
.WebButton.ViewCaptionNewRecordButton button:before,
.WebButton.ViewCaptionSaveButton button:before,
.WebButton.ViewCaptionSaveAsButton button:before,
.WebButton.ViewCaptionPreviewButton button:before,
.WebButton.ViewCaptionAddButton button:before {
	font-family: 'material-icons' !important;
	font-size: 16px;
    margin: 4px;
}

.WebButton.ViewCaptionStatisticsButton button:hover,
.WebButton.ViewCaptionDeleteButton button:hover,
.WebButton.ViewCaptionSaveButton button:hover,
.WebButton.ViewCaptionClearButton button:hover,
.WebButton.ViewCaptionEditButton button:hover,
.WebButton.ViewCaptionCancelButton button:hover,
.WebButton.ViewCaptionNewRecordButton button:hover,
.WebButton.ViewCaptionSaveAsButton button:hover,
.WebButton.ViewCaptionPreviewButton button:hover,
.WebButton.ViewCaptionAddButton button:hover {
	opacity: 100%;
}

.WebButton.ViewCaptionStatisticsButton button:after,
.WebButton.ViewCaptionDeleteButton button:after,
.WebButton.ViewCaptionSaveButton button:after,
.WebButton.ViewCaptionClearButton button:after,
.WebButton.ViewCaptionEditButton button:after,
.WebButton.ViewCaptionCancelButton button:after,
.WebButton.ViewCaptionNewRecordButton button:after,
.WebButton.ViewCaptionSaveAsButton button:after,
.WebButton.ViewCaptionPreviewButton button:after,
.WebButton.ViewCaptionAddButton button:after {
	transform: none;
	background: none;
	left: 0;
}

.WebButton.ViewCaptionStatisticsButton button:before {
	content: ']';
	font-size: 110%;
}

.WebButton.ViewCaptionDeleteButton button:before {
    content: '?';   
}

.WebButton.ViewCaptionSaveButton button:before {
	font-family: 'DRE' !important;
	content: '\e900';
}

.WebButton.ViewCaptionClearButton button:before {
    content: '\e034';
}

.WebButton.ViewCaptionEditButton button:before {
    content: 'A';
}

.WebButton.ViewCaptionCancelButton button:before {
    content: '\e001';
}

.WebButton.ViewCaptionAddButton button:before,
.WebButton.ViewCaptionNewRecordButton button:before {
	content: 'a';
}

.WebButton.ViewCaptionPreviewButton button:before {
	font-family: 'DRE' !important;
	content: '\e906';
}

.WebButton.ViewCaptionSaveAsButton button:before {
	font-family: 'DRE' !important;
	content: '\e901';
}

.RunReportBtn {
	padding-top: 18px;
}


/*
	--------------------------------------------------
	Custom MainPanel
	--------------------------------------------------
*/

.DREWebMainPanel .WebCon_Inner .WebContainer:first-of-type:not(.WebListExpPnl),
.DREWebMainPanel .WebCon_Inner .WebCon_Sizer:first-of-type:not(.WebListExpPnl),
.DREWebMainPanel .WebCon_Inner .WebCon_Content:first-of-type:not(.WebListExpPnl) {
    border-radius: 15px;
}

.DREWebMainPanel .WebGroup .WebCon_Inners,
.FilterPanel .WebGroup.WebGrp_HasBorder > .WebCon_Inner {
	margin: 0;
}

.FilterPanelDesignerContainer div,
.FilterPanel div {
	border-radius: 15px;
}

.WebList.DREWebList .WebList_Body.WebList_ShowSelected > div > div > .WebList_Row.WebList_Selected {
	background-color: #158846;
	border: none;
	opacity: 80%;
}

.DREWebList .WebList_Focus,
.DREWebList .WebList_Head,
.DREWebList .WebList_Body .WebList_Row,
.DREWebList .WebList_Body .WebList_Row td{
	box-shadow: none;
	border: none;
}

.WebList.DREWebList .WebList_BodyWrp table:not([data-dfrowid="empty"]) {
	background-color: #158846;
	opacity: 60%;
    color: #ffffff;
	margin: 3px 0px;
}

.WebList.DREWebList .WebList_BodyWrp table:not([data-dfrowid="empty"]):hover,
.WebList.DREWebList .WebList_BodyWrp .WebList_Body.WebList_ShowSelected > div > div > .WebList_Row.WebList_Selected:hover {
	opacity: 100%;
}

.WebList.DREWebList .WebList_BodyWrp .table:not([data-dfrowid="empty"]) td {
	padding: 3px 6px;
}

.WebList.DREWebList .WebList_BodyWrp table:not([data-dfrowid="empty"]) button {
	border: none;
	box-shadow: none;
	font-family: material-icons !important;
	border-radius: 50%;
}

.WebList.DREWebList .WebList_BodyWrp table:not([data-dfrowid="empty"]) button:hover {
	background-color: #ffffff;
	color: #158846;
}

.WebList.DREWebList .WebList_BodyWrp table:not([data-dfrowid="empty"]) .Edit button:before {
	content: 'A';
}

.DREWebList table {
	border-radius: 8px;
}

.WebList.DREWebList .WebList_Head .WebList_Sortable {
	text-decoration: none;
}

.WebList.DREWebList .WebList_ColCap {
	color: #686868;
}

.WebList.DREWebList .WebList_GroupHeader {
	background-color: transparent;
	color: #686868;
}

.WebList.DREWebList .WebList_GroupHeader_IconCollapse:before {
	font-family: 'material-icons';
	content: '!';
	color: #686868;
}

.WebList.DREWebList .WebList_GroupHeader_IconExpand:before {
	font-family: 'material-icons';
	content: '4';
	color: #686868;
}

.DREWebMainPanel .BackButton button{
	background-color: unset;
	box-shadow: none;
	color: #343434;
	opacity: 60%;
	font-size: 20px;
}

.DREWebMainPanel .BackButton button:after {
	transform: none;
	background: unset;
}

.DREWebMainPanel .BackButton button:before {
	font-family: 'material-icons' !important;
	content: '\e001';
	margin: auto;
}

.DREWebMainPanel .WebButton.Web_Enabled.BackButton button:focus,
.DREWebMainPanel .WebButton.Web_Enabled.BackButton button:hover {
	background-color: unset;
	color: #343434;
	opacity: 100%;
}



/*	
	--------------------------------------------------
	Styling for objects inside the Filter Panel Designer & Filter Panel
	--------------------------------------------------
*/

.FilterPanelForm.Tag .WebFrm_PromptSpacer {
	min-height: 28px;
}

.FilterPanelForm.Tag .WebFrm_Prompt {
	height: 0;
}

.FilterPanelForm.Tag .WebFrm_Prompt:before {
	top: -27px;
	content: "8";
	font-size: 32px;
	left: -5px;
}

.FilterPanelForm .WebFrm_Wrapper {
	border: solid 1px lightgray;
	border-radius: 6px;
}

.FilterPanelCheckBox .WebCon_Inner {
	margin: 8px 5px;
}

.FilterPanelCheckBox .WebCheckbox_Caption {
	height: 100%;
	align-content: center;
	padding: 0;
}

.RadioGroupLabel {
	color: rgba(0, 0, 0, 0.54);
}

.FilterPanelSlider .WebSlider_Wrapper {
	border-radius: 0;
}

.FilterPanelSlider .WebSlider_ValueIndicatorWrapper {
	text-align: center;
	font-size: 80%;
}

.FilterPanelSlider .WebSlider_LabelText {
	font-size: 80%;
}

.FilterPanelWebTag .WebFrm_Prompt:before {
	top: -32px;
}

.FilterPanelWebTag .WebTgf_Tag {
	background-color: #f2f0f0;
}

.FilterPanelWebTag .WebTgf_Tag .WebTgf_CloseTag {
	color: #B2ADAD;
	font-weight: 200;
}

.FilterPanelWebTag .WebTgf_Tag .WebTgf_CloseTag:hover {
	color: #801619;
	font-weight: 800;
}

.FilterPanelDesigner_ConfigureInfo {
	font-size: 80%;
}

.FilterPanelDesigner_ConfigureGroup div,
.FilterPanelDesigner_SettingsGroup div{
	border-radius: 6px;
}


.CurrentObjectType_Select:after,
.CurrentObjectType_DateForm:after,
.CurrentObjectType_Checkbox:after,
.CurrentObjectType_WebForm:after,
.CurrentObjectType_Radio:after,
.CurrentObjectType_Slider:after,
.CurrentObjectType_Text:after {
    font-family: 'DRE' !important;
    margin-left: 20px;
    position: relative;
    top: -4px;
    font-size: 80%;
}

.CurrentObjectType_Select:after {
	content: '\e90a';
}

.CurrentObjectType_DateForm:after {
	content: '\e909';
}

.CurrentObjectType_Checkbox:after {
	content: '\e903';
	top: -5px;
}

.CurrentObjectType_WebForm:after {
    content: '\e902';    
}

.CurrentObjectType_Radio:after {
    content: '\e908'; 
    font-size: 100%;
    top: -3px;   
}

.CurrentObjectType_Slider:after {
    content: '\e904';    
}

.CurrentObjectType_Text:after {
    content: '\e907';
}

.ConfigureDataTree .WebTree_Body {
	border: none;
}

.HeaderPanel.WebPanel .WebContainer .WebButton.WebMenuButton button:before {
	color: #ffffff;
	padding-top: 8px;
}

.WebLabel.DynamicGroupLabel .WebCon_Inner{
	margin: 0 !important;
	padding-left: 6px;
}

.WebLabel.DynamicGroupLabel .WebLabel_content {
	padding-top: 5px;
}

.HtmlBoxForGroupLabels .WebCon_Inner,
.HtmlBoxForGroupLabels .WebHtml_Wrp {
	margin: 0;
	padding: 0;
}

.ConfigurePanelLabel {
	text-decoration: none !important;
	color: #181818 !important;
	padding-left: 6px;
	display: flex;
	align-items: center;
}

.ConfigurePanelLabel div {
	margin-top: 6px;
}

.WebCheckbox.FlipSwitch.FPDSwitch .WebCB_Fake {
	top: 6px;
}

.MainGrpFilterPanelDesigner > .WebContainer {
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.FPDesignerContainerWebGroup .WebButton button:hover,
.FPDesignerContainerWebGroup .WebButton button:focus {
    background-color: unset;
    color: #343434;    
}

.FPDesignerMoveUpBtn button:hover,
.FPDesignerMoveDownBtn button:hover {
    opacity: 80%    
}

.FPDesignerContainerWebGroup .FPDesignerDeleteBtn button:hover {
    color: #B72025;
    opacity: 100%;
    transition: opacity .5s ease-in;
}

.FPDesignerSettingsBtn button:after,
.FPDesignerDeleteBtn button:after,
.FPDesignerMoveUpBtn button:after,
.FPDesignerMoveDownBtn button:after {
    transform: none;
	background: none;
	left: 0;
}

.FPDesignerContainerWebGroup .WebButton button:before {
	font-family: 'material-icons' !important;
}

.FPDesignerSettingsBtn button:before { content: '\e012'; }
.FPDesignerMoveUpBtn button:before { content: 'z'; }
.FPDesignerMoveDownBtn button:before { content: 'c'; }
.FPDesignerDeleteBtn button:before { content: '?'; }

.FPDesignerSettingsBtn,
.FPDesignerDeleteBtn {
	position: absolute;
	top: 0;
	margin-left: 90% !important;
    display: none;
}

.FPDesignerSettingsBtn button,
.FPDesignerDeleteBtn button,
.FPDesignerMoveUpBtn button,
.FPDesignerMoveDownBtn button {
	font-size: 16px;
	background-color: unset;
	box-shadow: none;
	color: #343434;
	opacity: 50%;
}

.FPDesignerMoveUpBtn,
.FPDesignerMoveDownBtn {
	position: absolute;
	margin-left: 98% !important;
	top: 50%;
	display: none
}

.FPDesignerMoveUpBtn {
	transform: translateY(-80%);
}

.FPDesignerMoveDownBtn {
	transform: translateY(-20%);
}

.Selected .FPDesignerMoveUpBtn,
.Selected .FPDesignerMoveDownBtn,
.Selected .FPDesignerDeleteBtn {
	display: block;
}

.Selected .FPDesignerSettingsBtn {
	display: none !important;    
}

.FPDesignerContainerWebGroup {
	position: relative;
	border-radius: 6px;
}

.FPDesignerContainerWebGroup.Selected {
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1) !important;
}

.FPDesignerContainerWebGroup:hover .FPDesignerSettingsBtn {
	display: block;
}

.FPDesignerContainerWebGroup.Incomplete .WebCon_Sizer {
	border-radius: 0 !important;
	border-left: 3px solid rgb(244,161,30)
}

.FPDesignerContainerWebGroup:hover {
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}


.WebTabContainer.WebControl>.WebCon_Inner {
	margin-top: 0;
	box-shadow: none;
}

.WebTabContainer .WebTbc_Head {
	background-color: unset;
	font-weight: bold;
}

.requiredNotFilled .WebCon_Inner .WebFrm_Wrapper {
	border: 1px solid #f4a11e;
}

.ConfigureAddSliderLabelButton {
	margin-bottom: 6px;
}

.ConfigureAddRadioButton button,
.ConfigureAddSliderLabelButton button {
	background-color: #ffffff;
	color: #000000;
	border-radius: 8px;
}

.ConfigureAddRadioButton button:after,
.ConfigureAddSliderLabelButton button:after {
	background: none;
	transform: none;
	left: 0;
}

.WebButton.ConfigureAddRadioButton button:hover,
.WebButton.ConfigureAddSliderLabelButton button:hover {
	opacity: 80%;
}

.ConfigureRadioDynamicContainer .WebCon_Content,
.ConfigureSliderDynamicContainer .WebCon_Content {
	padding: 0;
}

.ConfigureRadiosCaptionForm,
.ConfigureSliderLabelsPositionForm {
	margin-top: 6px;
}

.ConfigureSliderLabelsLabel {
	padding-top: 16px;
	font-size: 80%;
	border-bottom: 1px solid grey;
	border-radius: 0 !important;
}

.ConfigureSliderLabelsRadio .WebR_Fake {
	width: 20px;
	height: 20px;
}

.WebMsgBox.WebMsgBoxInfo .WebWin_main_c > .WebContainer {
	height: 90px !important;
}

.SpacingSlider {
	height: 36px;
}

.SpacingSlider .WebSlider_LabelText {
	font-size: 80%;
	margin-left: 1px;
}

.ObjectLabelFontSizeRadio,
.ObjectSpacingRadio {
    padding-top: 6px;
}





/*	
	--------------------------------------------------
	FilterPanelDesigner Tiles
	--------------------------------------------------
*/

.FPD_Tile .WebCon_Sizer {
	height: 80px;
	background: #ffffff;
	color: #343434;
	margin: 5px;
	cursor: pointer;
	border-radius: 8px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
	transition: color 0.1s linear;
}

.FPD_Tile .Tile_Icon {
	font-family: "material-icons" !important;
	font-size: 32px;
	text-align: center;
	position: relative;
	top: 16px;
}

.FPD_Tile .Tile_TextUnderIcon {
	font-size: 12px;
	text-align: center;
	position: relative;
	top: 20px;
	padding-top: 4px;
}

.WebIcon_Select:before,
.WebIcon_Date:before,
.WebIcon_CheckBox:before,
.WebIcon_WebForm:before,
.WebIcon_Slider:before,
.WebIcon_Range:before,
.WebIcon_Radio:before,
.WebIcon_Text:before {
	font-family: 'DRE' !important;
}

.WebIcon_Select:before {
	content: '\e90a';
}

.WebIcon_Date:before {
	content: '\e909';
}

.WebIcon_CheckBox:before {
	content: '\e903';
}

.WebIcon_WebForm:before {
	content: '\e902';
}

.WebIcon_Slider:before {
	content: '\e904';
}

.WebIcon_Radio:before {
	content: '\e908';
}

.WebIcon_Text:before {
	content: '\e907';
}

/*	
	--------------------------------------------------
	Buttons 
	--------------------------------------------------
*/

.WebButton.FilterPanelDeleteBtn button:hover,
.WebButton.FilterPanelMoveUpBtn button:hover,
.WebButton.FilterPanelMoveDownBtn button:hover,
.WebButton.FilterPanelClosePanelBtn button:hover,
.WebButton.FilterPanelDesignerBtn button:hover {
	opacity: 80%;
}

.WebButton.FilterPanelDeleteBtn button:after,
.WebButton.FilterPanelMoveUpBtn button:after,
.WebButton.FilterPanelMoveDownBtn button:after,
.WebButton.FilterPanelClosePanelBtn button:after {
	transform: none;
	background: none;
	left: 0;
}

.WebButton.FilterPanelDeleteBtn button,
.WebButton.FilterPanelMoveUpBtn button,
.WebButton.FilterPanelMoveDownBtn button,
.WebButton.FilterPanelClosePanelBtn button {
	height: fit-content;
}

.WebButton.FilterPanelDeleteBtn button:before {
	content: '?';
	font-size: 20px;
	margin: 6px;	
}

.WebButton.FilterPanelMoveUpBtn button:before {
	content: '\"';
	font-size: 20px;
	margin: 6px;	
}

.WebButton.FilterPanelMoveDownBtn button:before {
	content: '!';
	font-size: 20px;
	margin: 6px;	
}

.WebButton.FilterPanelClosePanelBtn button:before {
	content: 'f';
	font-size: 20px;
	margin: 6px;	
}

.WebGroup.FilterPanelDesigner_ConfigureGroup.WebGrp_HasCaption>div.WebCon_Inner>div>div.WebContainer>div.WebCon_Sizer>.WebCon_Content,
.WebGroup.FilterPanelDesigner_SettingsGroup.WebGrp_HasCaption>div.WebCon_Inner>div>div.WebContainer>div.WebCon_Sizer>.WebCon_Content {
	padding-top: 30px;	
}

.WebGroup.FilterPanelDesigner_ConfigureGroup.WebGrp_HasCaption>.WebCon_Inner>div>.WebGrp_Caption,
.WebGroup.FilterPanelDesigner_SettingsGroup.WebGrp_HasCaption>.WebCon_Inner>div>.WebGrp_Caption {
	font-size: 90%
}

.WebGroup.FilterPanelDesigner_ConfigureGroup.WebGrp_HasBorder>div.WebCon_Inner>div>div.WebContainer>div.WebCon_Sizer>.WebCon_Content,
.WebGroup.FilterPanelDesigner_SettingsGroup.WebGrp_HasBorder>div.WebCon_Inner>div>div.WebContainer>div.WebCon_Sizer>.WebCon_Content {
	padding: 10px 6px 6px 6px;
	
}

.WebGroup.FilterPanelDesigner_ConfigureGroup.WebGrp_HasBorder > .WebCon_Inner,
.WebGroup.FilterPanelDesigner_SettingsGroup.WebGrp_HasBorder > .WebCon_Inner {
	margin: 5px;
}

.WebGroup.FilterPanelDesigner_ConfigureGroup>.WebCon_Inner,
.WebGroup.FilterPanelDesigner_SettingsGroup>.WebCon_Inner {
    background-color: #FFFFFF;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}

.WebGroup.FilterPanelDesigner_ConfigureGroup.Incomplete>.WebCon_Inner {
	border-left: 3px solid #f4a11e;
	border-radius: 2px 6px 6px 2px; 
}

.WebGroup.FilterPanelDesigner_ConfigureGroup .WebCon_Sizer {
	min-height: 0px !important;
}

.FilterPanelDesigner_ConfigureGroup div,
.FilterPanelDesigner_SettingsGroup div {
	border-radius: 6px;
}

.WebGroup.FilterPanelDesigner_ConfigureGroup> .WebCon_Inner >div>.WebContainer,
.WebGroup.FilterPanelDesigner_SettingsGroup> .WebCon_Inner >div>.WebContainer {
	box-shadow: none;	
}

.WebToolBar.WebTlb_Standalone ul.WebBarRoot>li {
 	padding: 0;
}

.WebButton.ExpandBtn button:before {	
	content: '!';
	display: block;
	color: grey;
    font-size: 32px;
	margin: 0;
} 

.WebButton.PanelNameEditBtn button:before {
	content: 'A';
	display: block;
	color: lightgray;
	font-size: 16px;
	margin: 0;
}

.WebButton.ExpandBtn button:after,
.WebButton.PanelNameEditBtn button:after,
.WebButton.ConfigurePanelRadioGroupDeleteButton button:after {
	position: unset;
}

.WebButton.ExpandBtn .WebCon_Inner > div,
.WebButton.PanelNameEditBtn .WebCon_Inner > div,
.WebButton.ConfigurePanelRadioGroupDeleteButton .WebCon_Inner > div {
	align-content: center;
}
	
.WebButton.ExpandBtn button,
.WebButton.PanelNameEditBtn button,
.WebButton.ConfigurePanelRadioGroupDeleteButton button {
	background-color: transparent;
	box-shadow: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

.WebButton.Web_Enabled.ExpandBtn button:hover,
.WebButton.Web_Enabled.ExpandBtn button:focus,
.WebButton.Web_Enabled.PanelNameEditBtn button:hover,
.WebButton.Web_Enabled.PanelNameEditBtn button:focus,
.WebButton.Web_Enabled.ConfigurePanelRadioGroupDeleteButton button:hover,
.WebButton.Web_Enabled.ConfigurePanelRadioGroupDeleteButton button:focus {
	background-color: transparent;
	
}

.WebButton.ExpandBtn.HideContent button:before {
	content: '\"';
}

.WebButton.PanelNameEditBtn.SaveContent button:before {
	content: 'f';
	color: grey;
	font-size: 20px;
}

.WebButton.PanelNameEditBtn button {
	padding-top: 10px;
	
}

.WebButton.ConfigurePanelRadioGroupDeleteButton button:before {
	content: ':';
	display: block;
	color: grey;
    font-size: 22px;
	margin: 0;
}

.WebButton.ExpandBtn .WebCon_Inner {
	margin: 0;
}

/*	
	--------------------------------------------------
	Filter Panel Edit Name - Form
	--------------------------------------------------
*/

.WebForm.Web_Disabled.PanelNameForm .WebFrm_Wrapper{
	border: none;
	border-radius: 0;
	border-bottom: 1px solid lightgray;
}

.WebForm.PanelNameForm .WebFrm_Wrapper{
	border: none;
	border-bottom: 1px solid black;
	border-radius: 0;
}

.WebForm.PanelNameForm {
	padding: 6px 0 10px 0;
}


/*	
	--------------------------------------------------
	Search Bar
	--------------------------------------------------
*/

.WebForm.TopPanelSearch {
	position: relative;
	top: 8px;
}

.WebForm.TopPanelSearch .WebFrm_Wrapper {
	border: none;
	border-radius: 10px;
	background-color: #E6E6E6;
}

.WebForm.TopPanelSearch.WebCon_Focus>div>div>.WebFrm_Wrapper {
	border-radius: 10px;
	border: 1px solid #E6E6E6;
	background: none;
}

.WebForm.TopPanelSearch .WebFrm_Prompt:before {
	font-size: 16px;
}

/*	
	--------------------------------------------------
	Report Version Select FilterPanel View buttons
	--------------------------------------------------
*/

.ReportVersionEditBtn:after,
.ReportVersionFilterDesignBtn:after,
.ReportVersionRunBtn:after,
.DeleteReportVersionFilterDesignBtn:after,
.FilterPanelInfoBtn:after {
	transform: none;
	background: none;
	left: 0;
}

.ReportVersionEditBtn:before,
.ReportVersionFilterDesignBtn:before,
.ReportVersionRunBtn:before,
.DeleteReportVersionFilterDesignBtn:before,
.FilterPanelInfoBtn:before{
    font-family: "material-icons" !important;
	font-size: 16px;
	margin: 4px;
}

.ReportVersionEditBtn:before {
	content: 'A';
}

.ReportVersionFilterDesignBtn:before {
    content: '\\';
}

.ReportVersionRunBtn:before{
	font-family: 'DRE' !important;
    content: '\e906';
}

.DeleteReportVersionFilterDesignBtn:before {
    content: '?';
}

.FilterPanelInfoBtn:before {
	content: '\e003';
}

/*	
	--------------------------------------------------
	Select UserGroup View buttons
	--------------------------------------------------
*/

.UserGroupDetailsBtn:after,
.UserGroupUsersBtn:after,
.UserGroupWorkspaceBtn:after {
	transform: none;
	background: none;
	left: 0;
}

.UserGroupDetailsBtn:before,
.UserGroupUsersBtn:before,
.UserGroupWorkspaceBtn:before {
	font-family: "material-icons" !important;
	font-size: 16px;
	margin: 4px;
}

.UserGroupDetailsBtn:before {
	content: 'A';
}

.UserGroupUsersBtn:before {
	content: ')';
}

.UserGroupWorkspaceBtn:before {
	font-size: 16px;
	font-family: 'DRE' !important;
	content: '\e905';
	
}


/*	
	--------------------------------------------------
	UserGroup Zoom Buttons
	--------------------------------------------------
*/

.DREWebList .WebColBtn > button {
	margin: 0;
	padding: 0;
	aspect-ratio: 1 / 1;
}

.WorkspaceDetailsBtn:after,
.RemoveWorkspaceBtn:after,
.UserDetailsBtn:after,
.RemoveUserBtn:after {
	transform: none;
	background: none;
	left: 0;
}

.WorkspaceDetailsBtn:before,
.UserDetailsBtn:before,
.RemoveWorkspaceBtn:before,
.RemoveUserBtn:before {
    font-family: "material-icons" !important;
	font-size: 16px;
	margin: 4px;
	content: '?';
}

.WorkspaceDetailsBtn:before,
.UserDetailsBtn:before {
	content: '\e003';
}

.RemoveWorkspaceBtn:before,
.RemoveUserBtn:before {
	content: '?';
}

.WebControl.NewRecordBtn > .WebCon_Inner {
	margin: 0;
}

.WebButton.NewRecordBtn .WebCon_Inner > div {
	padding: 10%;
}

.NewRecordBtn button {
	height: 100% !important;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	opacity: 80%;
}

.NewRecordBtn button:before {
	content: 'a';
	margin: 2px;
}

.NewRecordBtn.Web_Enabled button:hover {
	opacity: 100%;
}

.NewRecordBtn button:after {
	background: none;
	transform: none;
}

/*	
	--------------------------------------------------
	Dashboard
	--------------------------------------------------
*/

.Dashboard .TilesGroup .WebContainer {
	background-color: transparent !important; 
	box-shadow: none !important;
}

.Dashboard .TilesGroup .Tile .WebCon_Sizer {
	border-radius: 8px;
}

#log {
	display: none;
}
.tile-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Optional: Adds space between tiles */
	justify-content: center;
}

.tile-container .tile {
    flex: 1 1 calc(25% - 10px); /* 4 tiles per row by default */
    box-sizing: border-box;
    background-color: #158846;
    color: #ffffff;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    max-width: calc(25% - 10px); /* Max width for 4 tiles */
}

.tile-container .tile-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}

.tile-container .tile:hover {
    background-color: transparent;
    color: #158846;
}

.tile-container .tile .title {
    font-weight: 600;
    font-size: 120%;
}

.tile-container .tile .subtitle {
    margin-top: 6px;
}


/*	
	--------------------------------------------------
	Variable styling filterpanel
	--------------------------------------------------
*/

.LabelFontSizing_0 label,
.WebLabel.LabelFontSizing_0 {
    font-size: 12px !important;
}

.LabelFontSizing_1 label,
.WebLabel.LabelFontSizing_1 {
    font-size: 16px !important;
}

.LabelFontSizing_2 label,
.WebLabel.LabelFontSizing_2 {
    font-size: 20px !important;
}

.ObjectSpacing_0 {
	padding-top: 0px !important;
}

.ObjectSpacing_1 {
	padding-top: 16px !important;
}

.ObjectSpacing_2 {
	padding-top: 32px !important;
}