/*
 * Copyright (c) 2022. LeanSoft.ro
 * All Rights Reserved.
 */

:root {
	--themeAccentGround: #e77817;
	--themeAccentMarker: #8a480d;

	--modelTitlePadding: 0 0 0 7px;
	--modelControlsPadding: 5px;
	--sectionPadding: 0;
	--inputPadding: 5px;
	--inputLabelPadding: 0;
	--inputFieldPadding: 0 5px 0 5px;

	--barHeadGroundColor: var(--themeAccentGround);
	--barHeadMarkerColor: var(--themeAccentMarker);
	--barHeadMarkerWidth: 4px;
	--barHeadBadgeGroundColor: #db2d2a;
	--barHeadBadgeTextColor: #ffffff;
	--barHeadBadgeTextHeight: 10px;
	--barHeadMenuDividerColor: var(--themeAccentMarker);
	--barHeadMenuDividerWidth: 1px;
	--barHeadMenuIconColor: #ffffff;
	--barHeadMenuIconHeight: 16px;
	--barHeadMenuTextColor: #ffffff;
	--barHeadMenuTextHeight: 14px;
	--barHeadDropIconColor: var(--themeAccentGround);
	--barHeadDropIconHeight: 14px;
	--barHeadDropTextColor: #333333;
	--barHeadDropTextHeight: 14px;

	--barLeadBorderColor: #bbbbbb;
	--barLeadBorderWidth: 1px;
	--barLeadGroundColor: #f9f9f9;
	--barLeadCrumbDividerColor: #d1d1d1;
	--barLeadCrumbDividerHeight: 13px;
	--barLeadCrumbIconColor: var(--themeAccentGround);
	--barLeadCrumbIconHeight: 14px;
	--barLeadCrumbTextColor: #555555;
	--barLeadCrumbTextHeight: 13px;
	--barLeadLinkDividerColor: #d1d1d1;
	--barLeadLinkDividerWidth: 1px;
	--barLeadLinkIconColor: var(--themeAccentGround);
	--barLeadLinkIconHeight: 14px;
	--barLeadLinkTextColor: #555555;
	--barLeadLinkTextHeight: 13px;

	--barSideBorderColor: #d1d1d1;
	--barSideBorderWidth: 1px;
	--barSideGroundColor: #f9f9f9;
	--barSideScrollBorderColor: #555555;
	--barSideScrollBorderWidth: 1px;
	--barSideScrollGroundColor: #ececec;
	--barSideScrollCarrotColor: #878787;
	--barSideSelectGroundColor: #fdfdfd;
	--barSideSelectMarkerColor: var(--themeAccentGround);
	--barSideSelectMarkerWidth: 10px;
	--barSideMenuItemIconColor: var(--themeAccentGround);
	--barSideMenuItemTextColor: #555555;

	--barFootBorderColor: #bbbbbb;
	--barFootBorderWidth: 1px;
	--barFootDividerColor: #d1d1d1;
	--barFootDividerWidth: 1px;
	--barFootGroundColor: #f9f9f9;
	--barFootIconColor: var(--themeAccentGround);
	--barFootIconHeight: 14px;
	--barFootMarkColor: var(--themeAccentGround);
	--barFootMarkHeight: 14px;
	--barFootTextColor: #555555;
	--barFootTextHeight: 13px;

	--view-port--spaceDivider: 15px;
	--view-port--spacePadding: 15px;

	--form--borderRadius: 10px;
	--form--borderWidth: 1px;
	--form--shadowColor: #00000044;
	--form--shadowWidth: 5px;
	--form-head--borderColor: var(--themeAccentMarker);
	--form-head--borderWidth: var(--form--borderWidth);
	--form-head--groundColor: var(--themeAccentGround);
	--form-head--markerColor: var(--themeAccentMarker);
	--form-head--markerWidth: 3px;
	--form-head-title--spaceDivider: 10px;
	--form-head-title--spacePadding: 10px;
	--form-head-title-icon--fontColor: #ffffff;
	--form-head-title-icon--fontSize: 14px;
	--form-head-title-text--fontColor: #ffffff;
	--form-head-title-text--fontSize: 13px;
	--form-head-option--borderColor: var(--themeAccentMarker);
	--form-head-option--borderWidth: var(--form--borderWidth);
	--form-head-option--groundColor: var(--themeAccentGround);
	--form-head-option--spacePadding: 5px 10px;
	--form-head-option-icon--fontSize: 14px;
	--form-head-optionBasic-icon--fontColor: #ffffff;
	--form-head-optionDanger-icon--fontColor: #ffffff;
	--form-body--borderColor: #bbbbbb;
	--form-body--borderWidth: var(--form--borderWidth);
	--form-body--groundColor: #ffffff;
	--form-foot--groundColor: #f0f0f0;
	--form-foot--borderColor: #bbbbbb;
	--form-foot--borderWidth: var(--form--borderWidth);
	--form-foot-action--borderRadius: 5px;
	--form-foot-action--borderWidth: 1px;
	--form-foot-action--spaceDivider: 6px;
	--form-foot-action--spacePadding: 5px 10px;
	--form-foot-actionBasic--borderColor: #c1c1c1;
	--form-foot-actionBasic--groundColor: #f3f3f3;
	--form-foot-actionBasic-icon--fontColor: #333333;
	--form-foot-actionBasic-text--fontColor: #333333;
	--form-foot-actionDanger--borderColor: #600f0c;
	--form-foot-actionDanger--groundColor: #a91b0d;
	--form-foot-actionDanger-icon--fontColor: #ffffff;
	--form-foot-actionDanger-text--fontColor: #ffffff;
	--form-foot-actionEngage--borderColor: var(--themeAccentMarker);
	--form-foot-actionEngage--groundColor: var(--themeAccentGround);
	--form-foot-actionEngage-icon--fontColor: #ffffff;
	--form-foot-actionEngage-text--fontColor: #ffffff;
	--form-foot-action-icon--fontSize: 14px;
	--form-foot-action-text--fontSize: 13px;
	--form-foot-actions--spaceDivider: 10px;
	--form-foot-actions--spacePadding: 10px;

	--modelLotdBorderColor: #cccccc;
	--modelLotdBorderWidth: 1px;
	--modelLotdGroundColor: #eef0f3;

	--modelTabsBorder: #d1d1d1;
	--modelTabsItemActiveBorder: var(--themeAccentMarker);
	--modelTabsItemActiveGround: var(--themeAccentGround);
	--modelTabsItemActiveText: #ffffff;
	--modelTabsItemInactiveBorder: #c1c1c1;
	--modelTabsItemInactiveGround: #f3f3f3;
	--modelTabsItemInactiveText: #333333;

	--modelSectionDividerColor: #555555;
	--modelSectionDividerWidth: 1px;
	--modelSectionShadowColor: #00000022;
	--modelSectionShadowWidth: 1px;
	--modelSectionTextColor: #333333;
	--modelSectionTextHeight: 16px;

	--modelLinearInputBorderRadius: 5px;
	--modelLinearInputBorderWidth: 1px;
	--modelLinearInputNoneBorderColor: transparent;
	--modelLinearInputNoneGroundColor: transparent;
	--modelLinearInputHoverBorderColor: #d1d1d1;
	--modelLinearInputHoverGroundColor: #f9f9f9;
	--modelLinearInputLabelIcon: var(--themeAccentMarker);
	--modelLinearInputLabelRequired: #b92925;
	--modelLinearInputLabelTextColor: #333333;
	--modelLinearInputLabelTextHeight: 13px;
	--modelLinearInputLabelCommentColor: #888888;
	--modelLinearInputLabelCommentHeight: 11px;
	--modelLinearInputFieldBorderRadius: 5px;
	--modelLinearInputFieldBorderWidth: 1px;
	--modelLinearInputFieldTextColor: #333333;
	--modelLinearInputFieldTextHeight: 13px;
	--modelLinearInputFieldNoneBorderColor: #cccccc;
	--modelLinearInputFieldNoneGroundColor: #ffffff;
	--modelLinearInputFieldHoverBorderColor: #cccccc;
	--modelLinearInputFieldHoverGroundColor: #ffffff;
	--modelLinearInputFieldFocusGroundColor: #edf1f5;
	--modelLinearInputFieldFocusBorderColor: var(--themeAccentGround);
	--modelLinearInputIconHeight: 22px;
	--modelLinearInputIconWidth: 26px;
	--modelLinearInputIconBorderRadius: 5px;
	--modelLinearInputIconBorderWidth: 1px;
	--modelLinearInputIconTextColor: var(--themeAccentGround);
	--modelLinearInputIconErrorGroundColor: #f0dcdc;
	--modelLinearInputIconValidGroundColor: #ddeed6;
	--modelLinearInputIconNoneBorderColor: #cccccc;
	--modelLinearInputIconNoneGroundColor: #f0f0f0;
	--modelLinearInputIconHoverBorderColor: #cccccc;
	--modelLinearInputIconFocusBorderColor: var(--themeAccentGround);

	--modelStackIconGround: #e9e9e9;
	--modelStackIconText: var(--themeAccentGround);
	--modelStackLabelsGround: #f0f0f0;
	--modelStackLabelsBorder: #cccccc;
	--modelStackLabelsText: #333333;
	--modelStackFlagsText: #333333;
	--modelStackFlagsIcon: var(--themeAccentGround);
	--modelStackFieldsGround: #f9f9f9;
	--modelStackFieldsBorder: #cccccc;
	--modelStackFieldsText: #333333;
	--modelStackPagesText: #333333;
	--modelStackOptionsIcon: var(--themeAccentGround);
	--modelStackOperationsIcon: var(--themeAccentGround);
	--modelStackPagesTextActive: var(--themeAccentGround);
	--modelStackPagesSeparator: #cccccc;

	--modelSheetBorder: #dddddd;
	--modelSheetLabelsBorder: #cccccc;
	--modelSheetLabelsGround: #f0f0f0;
	--modelSheetValuesBorder: #cccccc;
	--modelSheetValuesGround: #f9f9f9;

	--modelProcurementBorder: var(--themeAccentGround);
	--modelProcurementValue: var(--themeAccentGround);
	--modelProcurementSeparator: var(--themeAccentGround);
	--modelProcurementQuiz: var(--themeAccentGround);

	--modelAviewBorderColor: var(--themeAccentMarker);
	--modelAviewBorderRadius: 5px;
	--modelAviewBorderWidth: 1px;
	--modelAviewGroundColor: var(--themeAccentGround);
	--modelAviewIconColor: #ffffff;
	--modelAviewIconHeight: 14px;

	--animCirclesGroundColor: var(--themeAccentGround);

	--pluginTooltipGroundColor: #f4d99f;
	--pluginTooltipBorderColor: #666666;
	--pluginTooltipBorderRadius: 5px;
	--pluginTooltipBorderWidth: 1px;
	--pluginTooltipTextColor: #000000;
	--pluginTooltipTextHeight: 12px;

	--loaderGroundColor: var(--themeAccentGround);
	--loaderShadowColor: #00000044;
	--loaderShadowWidth: 5px;

	--lockerBorderRadius: 10px;
	--lockerGroundColor: var(--themeAccentGround);

	--pluginLefterBorderColor: var(--themeAccentMarker);
	--pluginLefterBorderRadius: 5px;
	--pluginLefterBorderWidth: 1px;
	--pluginLefterGroundColor: var(--themeAccentGround);
	--pluginLefterShadowColor: #00000044;
	--pluginLefterShadowWidth: 5px;
	--pluginLefterIconColor: #ffffff;
	--pluginLefterIconHeight: 14px;

	--pluginTopperBorderColor: var(--themeAccentMarker);
	--pluginTopperBorderRadius: 5px;
	--pluginTopperBorderWidth: 1px;
	--pluginTopperGroundColor: var(--themeAccentGround);
	--pluginTopperShadowColor: #00000044;
	--pluginTopperShadowWidth: 5px;
	--pluginTopperIconColor: #ffffff;
	--pluginTopperIconHeight: 14px;

	--pluginClipperContentGroundColor: #ffffff;
	--pluginClipperContentBorderColor: var(--themeAccentMarker);
	--pluginClipperContentBorderRadius: 5px;
	--pluginClipperContentBorderWidth: 1px;
	--pluginClipperContentTextColor: #333333;
	--pluginClipperContentTextHeight: 13px;
	--pluginClipperEscapeBorderColor: #c1c1c1;
	--pluginClipperEscapeBorderRadius: 5px;
	--pluginClipperEscapeBorderWidth: 1px;
	--pluginClipperEscapeGroundColor: #f3f3f3;
	--pluginClipperEscapeTextColor: #333333;
	--pluginClipperEscapeTextHeight: 13px;

	--pluginScreenerBorderColor: var(--themeAccentMarker);
	--pluginScreenerBorderRadius: 5px;
	--pluginScreenerBorderWidth: 1px;
	--pluginScreenerGroundColor: var(--themeAccentGround);
	--pluginScreenerTextColor: #ffffff;
	--pluginScreenerTextHeight: 13px;

	--pluginModalBorderRadius: 10px;

	--pluginDatePickerBorderColor: var(--themeAccentGround);
	--pluginDatePickerBorderRadius: 5px;
	--pluginDatePickerBorderWidth: 1px;
	--pluginDatePickerGroundColor: #ffffff;
	--pluginDatePickerArrowBorderColor: var(--themeAccentMarker);
	--pluginDatePickerArrowBorderWidth: 1px;
	--pluginDatePickerArrowBorderRadius: 5px;
	--pluginDatePickerArrowGroundColor: var(--themeAccentGround);

	--pluginDatePickerHeader: var(--themeAccentGround);
	--pluginDatePickerBorder: #2a4053;
	--pluginDatePickerGroundNone: #4d7496;
	--pluginDatePickerGroundHover: #628aae;
	--pluginDatePickerGroundClick: #456785;
	--pluginDatePickerText: #ffffff;

	--pluginNotyBorderColor: #d9d9d9;
	--pluginNotyBorderWidth: 1px;
	--pluginNotyGroundColor: #f9f9f9;
	--pluginNotyMarkerColor: var(--themeAccentGround);
	--pluginNotyMarkerWidth: 3px;
	--pluginNotyIconColor: var(--themeAccentGround);
	--pluginNotyIconHeight: 20px;
	--pluginNotyTextColor: #333333;
	--pluginNotyTextHeight: 13px;

	--pluginPopperBorderColor: var(--themeAccentMarker);
	--pluginPopperBorderRadius: 10px;
	--pluginPopperBorderWidth: 2px;
	--pluginPopperGroundColor: #f0f0f0;

	--otherDropdownGround: #334d63;
	--otherUiMenuBorder: #496e8e;
	--otherUiMenuGround: #4d7496;
}