/* $Id$ */
/* stylelint-disable selector-max-type */
/* stylelint-disable selector-class-pattern */
/*stylelint-disable property-disallowed-list*/
/* stylelint-disable declaration-property-value-allowed-list */
@font-face {
	font-family: "Zoho_Puvi_Thin";
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.eot");
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.eot?#iefix") format("embedded-opentype"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.woff2") format("woff2"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.otf") format("opentype");
}

@font-face {
	font-family: "Zoho_Puvi_ThinItalic";
	font-weight: normal;
	font-style: italic;
	font-display: swap;
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.eot");
	src:url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.eot?#iefix") format("embedded-opentype"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.woff2") format("woff2"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.otf") format("opentype");
}

@font-face {
	font-family: "Zoho_Puvi_Light";
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.eot");
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.eot?#iefix") format("embedded-opentype"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.woff2") format("woff2"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.otf") format("opentype");
}

@font-face {
	font-family: "Zoho_Puvi_LightItalic";
	font-weight: normal;
	font-style: italic;
	font-display: swap;
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.eot");
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.eot?#iefix") format("embedded-opentype"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.woff2") format("woff2"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.otf") format("opentype");
}

@font-face {
	font-family: "Zoho_Puvi_Regular";
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.eot");
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.eot?#iefix") format("embedded-opentype"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2") format("woff2"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.otf") format("opentype");
}

@font-face {
	font-family: "Zoho_Puvi_RegularItalic";
	font-weight: normal;
	font-style: italic;
	font-display: swap;
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular_Italic.eot");
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular_Italic.eot?#iefix") format("embedded-opentype"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular_Italic.woff2") format("woff2"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular_Italic.otf") format("opentype");
}

@font-face {
	font-family: "Zoho_Puvi_Medium";
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot");
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot?#iefix") format("embedded-opentype"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.woff2") format("woff2"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.otf") format("opentype");
}

@font-face {
	font-family: "Zoho_Puvi_MediumItalic";
	font-weight: normal;
	font-style: italic;
	font-display: swap;
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot");
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot?#iefix") format("embedded-opentype"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.woff2") format("woff2"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.otf") format("opentype");
}

@font-face {
	font-family: "Zoho_Puvi_SemiBold";
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.eot");
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.eot?#iefix") format("embedded-opentype"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.woff2") format("woff2"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.otf") format("opentype");
}

@font-face {
	font-family: "Zoho_Puvi_SemiBoldItalic";
	font-weight: normal;
	font-style: italic;
	font-display: swap;
	src:url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold_Italic.eot");
	src:url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold_Italic.eot?#iefix") format("embedded-opentype"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold_Italic.woff2") format("woff2"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold_Italic.otf") format("opentype");
}

@font-face {
	font-family: "Zoho_Puvi_Bold";
	font-weight: normal;
	font-style: normal;
	font-display: block;
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.eot");
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.eot?#iefix") format("embedded-opentype"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.woff2") format("woff2"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.otf") format("opentype");
}

@font-face {
	font-family: "Zoho_Puvi_BoldItalic";
	font-weight: normal;
	font-style: italic;
	font-display: swap;
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold_Italic.eot");
	src: url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold_Italic.eot?#iefix") format("embedded-opentype"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold_Italic.woff2") format("woff2"),
		url("//<%= fontUrl %>/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold_Italic.otf") format("opentype");
}
:root {
	--pf_lyteSprite: url(/crmplatform/Platform/images/zpf-svgicons_015ee2db6a9d9d4083792be33a4e5716_.svg);
	--pf_cssSprite: url(/crmplatform/Platform/images/zpf_cssicons_998770ae743cb1d7b9a10506efb8ddb0_.svg);

	/* Font-family */
	--crm-font-regular: Zoho_Puvi_Regular;
	--pf-font-light: Zoho_Puvi_Regular, sans-serif;
	--pf-font-regular: Zoho_Puvi_Regular, sans-serif;
	--pf-font-semibold: Zoho_Puvi_Medium, sans-serif;
	--pf-font-bold: Zoho_Puvi_SemiBold, sans-serif;
	--pf-font-black: Zoho_Puvi_Bold, sans-serif;
	--pf-font-mediumitalic: Zoho_Puvi_RegularItalic, sans-serif;
	--pf-font-semibolditalic: Zoho_Puvi_MediumItalic, sans-serif;
	--pf-font-bolditalic: Zoho_Puvi_SemiBoldItalic, sans-serif;
	--pf-font-blackitalic: Zoho_Puvi_BoldItalic, sans-serif;
	
	/* Font-color */
	--baseColor: #313949;
	--labelColor: #616e88;
	--headingColor: #202123; /* not update */
	--paragraphColor: #434D5F;
	--negativeColor: #F14949;
	--lightgrayColor: #8b9ab9;
	--linkColor: #5464f2;
	--notfoundColor: #8b9ab9;
	--criteriaColor: #20b8a8;
	--greenLightColor: #12AA67;
	--pfNotesColor: #56564d;
	/* CRM varaiable */
	--bg_white: #fff;
	--bg_F0F4FF: #F0F4FF;
	--infoBgColor: #F4F7FF;
	--bg_F8FAFF: #F8FAFF;
	--bg_E1E6EC: #E1E6EC;
	--bg_EDF0F4: #EDF0F4;
	--moduleBuilderBgColor: #1f2a43;
	--noteBgColor: #ffffea;
	--bg_e7f2ff: #e7f2ff;
	--greenBgFlag: #12aa67;
	--negativeBgFlag: #F14949;
	--tableHighlight: #fffced;
/* Text Color */
	--pf_whiteColor: #fff; /* Not update */
	--pf_placeholderColor: #A2A9B7;
	--pf_labelColor: #616E88;
	--pf_paragraphColor: #434D5F;
	--pf_baseColor: #313949;
	--pf_headingColor: #202123;
	--pf_warningColor: #C46A0F;
	--pf_negativeColor: #F14949;
	--pf_greenColor: #12aa67;
	--pf_notfoundColor: #8b9ab9;
	--pf_lightgrayColor: #8b9ab9;
	--pf_linkColor: #5464f2;
	--pf_linkHoverColor: #3752CA;
/* border Color */
	--br_pfwhite: #fff;
	--br_pfTrans: transparent;
	--br_pfBorder1: #C0C6CC;
	--br_pfBorder2: #D6D6E3;
	--br_pfBorder3: #D7E2ED;
	--br_pfBorder4: #EDF0F4;
	--br_pfBorder5: #9CA1A6;
	--br_pfBase: #313949;
	--br_pfGreen: #12AA67;
	--br_pfWarn: #E89D25;
	--br_pf84B8F2: #84B8F2; /* Not update */
	--br_pfLink: #5464f2;
	--br_pfNegative: #F14949;
	--br_pfNote: #e5dec5; /* No update */
/* background color */
	--bg_pfWhite: #fff;
	--bg_pfTrans: transparent;
	--bg_pfFreeze: rgba(49, 57, 73, .4);
	/* --bg_pfBg1: #F0F4FF;  >> #EAFAF3 */
	/* --bg_pfBg3: #F8FAFF   >> #F7EDDA */
	--bg_pfBg1: #F0F4FF;
	--bg_pfBg2: #F4F7FF;
	--bg_pfBg3: #F8FAFF;
	--bg_pfBg5: #E1E6EC;
	--bg_pfLabel: #616E88;
	--bg_pfParagraph: #434D5E;
	--bg_pfBase: #313949;
	--bg_pfNote: #FFF9C4;
	--bg_pfWarn: #E89D25;
	--bg_pfGreen: #12AA67;
	--bg_pfNegative: #F14949;
	--bg_pfLink: #5464f2;

	/* status color light bg */
	--bg_pforangeLightBg: #FDEDDD;
    --br_pforangeLightBr: #EFAC6A;
    --orangeLightColor: #C46A0F;
    --bg_pfgreenLightBg: #DDF8EC;
    --br_pfgreenLightBr: #8DD8B7;
    --bg_pfredLightBg: #FFECEC;
    --br_pfredLightBr: #FFADAC;
    --redLightColor: #F14949;


/* Font-size */
	--pf-extra-small-font-size: 1.1rem;
	--pf-medium-small-font-size: 1.2rem;
	--pf-small-font-size: 1.3rem;
	--pf-base-font-size: 1.4rem;
	--pf-base-large-font-size: 1.5rem;
	--pf-medium-font-size: 1.6rem;
	--pf-medium-large-font-size: 1.8rem;
	--pf-large-font-size: 2rem;
/* box-shadow */
	--pf_dropboxShadow: rgba(0, 0, 0, 0.3);
	--pf_alertPopupBoxshadow: rgba(0, 0, 0, 0.35);
	--pf_hovercardBoxshadow: rgba(0, 0, 0, 0.3);
/* Left menu bar */
	--pf_leftMenuBackground: #223458;
	--pf_leftMenuColor: #c2cbde;
	--pf_leftMenuIconColor: #7d8aa7;
	--pf_leftMenuBackgroundHover: #31446f;
	--pf_leftMenuColorHover: #fff;
	--pf_leftMenuColorActive: #fff;
	--pf_leftMenuBackgroundActive: #285295;

	--pf_leftMenuButtonColor: #c2cbde;
	--pf_leftMenuButtonBackground: transparent;
	--pf_leftMenuButtonBorder: #445988;

	--pf_leftMenuButtonColorHover: #fff;
	--pf_leftMenuButtonBorderHover: #445988;
	--pf_leftMenuButtonBakcgroundHover: #1d2d4d;



/* Components variable */
/* Table color */
	--tableBorder: #d7e2ed;
	--tableHeadColor: #202123;
	--tableHeadBorder: #d7e2ed;
	--tableHeadBg: #F4F7FF;
	--tableListColor: #313949;
	--tableListBorder: #edf0f4;
	--tableListHover: #f7f9fb;
/* tab color */
	--tabColor: #202123;
	--tabActiveColor: #202123;
	--tabActiveBorder: #5464f2;
	--tabHoverBorder: #dcdbee;
	--tabBorder: #dcdbee;
	--tabActiveBorder2: #a3acff;
	--tabHoverBackground: #eff7ff;
	--tabActiveBackground: #ebedff;
/* Primarty button */
	--primaryColor: #fff;
	--primaryShadow: #2B42A9;
	--primaryBackground: transparent linear-gradient(0deg, #3954CC 0%, #5F7CFC 100%);
	--primaryBackgroundHover: transparent linear-gradient(0deg, #2F47AF 0%, #4F6FFF 100%);
	--primaryBackgroundActive: #273FA6;
	--primaryBackgroundDisabled: transparent linear-gradient(180deg, #ADB3EE 100%, #ADB3EE 100%);
	--primaryShadowDisabled: #8090D0;
	--primaryShadowActive: none;
/* Default button */
	--defaultColor: #313949;
	--defaultShadow: #CDD1E6;
	--defaultBorder: #D0D4DF;
	--defaultBackground: transparent linear-gradient(180deg, #FCFCFF 0%, #EBEAF5 100%);
	--defaultBackgroundHover: transparent linear-gradient(180deg, #FCFBFF 0%, #DDDEEB 100%);
	--defaultBackgroundActive: #ECECF7;
	--defaultBackgroundDisabled: transparent linear-gradient(180deg, #F6F6FB 100%, #F6F6FB 100%);
	--defaultColorDisabled: #D5D8E9;
	--defaultShadowActive: none;
/* Red button */
	--redColor: #fff;
	--redShadow: #9E0E1A;
	--redBackground: transparent linear-gradient(180deg, #FF4657 0%, #E23041 100%);
	--redBackgroundHover: transparent linear-gradient(180deg, #FC5060 0%, #D30B1E 100%);
	--redBackgroundActive: #D30B1E;
	--redBackgroundDisabled: #FFB1B8;
	--redShadowActiveDisabled: #F49EA5;
	--redShadowActive: none;
/* Green button */
	--greenColor: #fff;
	--greenShadow: #007544;
	--greenBackground: transparent linear-gradient(180deg, #11B670 0%, #0F935B 100%);
	--greenBackgroundHover: transparent linear-gradient(180deg, #19CC80 0%, #13C177 0%, #0F9A5F 100%);
	--greenBackgroundActive: #0F935B;
	--greenBackgroundDisabled: #E9FBF4;
	--greenShadowActive: none;
/* outline primary button */
    --oulinePrimaryColor: #5464F2;
    --oulinePrimaryBorder: #5464F2;
    --oulinePrimaryBackground: #F0F1FF;
    --oulinePrimaryBackgroundHover: #E6E8FF;
    --oulinePrimaryBackgroundActive: #F0F1FF;
    --oulinePrimaryBackgroundDisabled: #F0F1FF;
    --oulinePrimaryDisabledBackground: rgba(240, 241, 255, 0.6);
    --oulinePrimaryDisabledColor: rgba(84, 100, 242, 0.6);
    --oulinePrimaryDisabledBorder: rgba(84, 100, 242, 0.6);
/* outline Red button */
	--oulineredColor: #F63648;
	--oulineredBorder: #FF4D5B;
	--oulineredBackground: #FFF2F3;
	--oulineredBackgroundHover: #FFE8EA;
	--oulineredBackgroundActive: #FFE8EA;
	--oulineredBackgroundDisabled: #FFF2F3;
/* outline Green button */
	--oulinegreenColor: #10975E;
	--oulinegreenBorder: #19B171;
	--oulinegreenBackground: #E9FBF4;
	--oulinegreenBackgroundHover: #DCF7EB;
	--oulinegreenBackgroundActive: #DCF7EB;
	--oulinegreenBackgroundDisabled: #E9FBF4;
/* outline button */
	--bg_pfoutlineBlue: #EDF6FF;
/* dropdown */
	--br_pfdropdownHover: #787d83;
/* menubox */
	--pf_menuColor: #313949;
	--pf_menuHeaderColor: #202123;
	--pf_menuBackground: #fff;
	--pf_menuBodyBorder: #ced0e1;
	--pf_menuBodyShadow: rgba(0, 0, 0, .15);
	--pf_menuHoverBackground: #f2f5fe;
	--pf_menuSelectionColor: #313949;
	--pf_menuSelectionBackground: #313949;
/* dropdown */
	--pf_dropdownBackground: #fff;
	--pf_dropdownBorder: #C5C4D3;
	--pf_dropdownHover: #787D83;
	--pf_dropdownFocusBorder: #5464F2;
	--pf_dropdownFocusShadow: rgba(76, 94, 253, 0.5);
	--pf_dropdownMandatoryBorder: #FF5D5A;
	--pf_dropdownSelectedBorder: #5464F2;
	--pf_dropdownSelectedShadow: rgba(76, 94, 253, 0.5);
	--pf_dropdownDisabledBackground: #F5F6F8;
	--pf_dropdownDisabledBorder: #D2D9F1;
	--pf_dropdownErrordBorder: #FF5D5A;
	--pf_dropdownShadowNone: none;
	--pf_dropdownBodyBorder: #CED0E1;
	--pf_dropdownBodyShadow: rgba(0, 0, 0, 0.15);
	--pf_dropdownItemSelected: #F2F5FE;
	--pf_dropdownFooter: #F8F8FF;
	--pf_dropdownFooterHover: #F2F5FE;
	--pf_dropdownFooterBorder: #e9f0f8;
/* info section */
	--pf_infoErrorBackground: #fff7fa;
	--pf_infoErrorBorder: #faa9a2;
	--pf_infoErrorColor: #313949;
	--pf_infoNotesBackground: #ffffea;
	--pf_infoNotesBorder: #e5dec5;
	--pf_infoNotesColor: #56564d;
/* Tooltip */
	--pf_tooltipWhiteColor: #313949;
	--pf_tooltipWhiteBackground: #fff;
	--pf_tooltipBlackColor: #fff;
	--pf_tooltipBlackBackground:#313949;
	--pf_tooltipWhiteBorder: #d6d6e3;
	--pf_tooltipShadow: rgba(0, 0, 0, .2);
/* data Notifiacation */
	--pf_msgBoxShadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
	--pf_successMsgColor: #132c14;
	--pf_successMsgBackground: #f5faf5;
	--pf_successMsgBorderColor: #a9d3ab;
	--pf_errorMsgColor: #431410;
	--pf_errorMsgBackground: #fff7fa;
	--pf_errorMsgBorderColor: #faa9a2;
	--pf_warningMsgColor: #463208;
	--pf_warningMsgBackground: #fff6ee;
	--pf_warningMsgBorderColor: #e9c072;
/* Form */
	--pf_formBorderFocus: #5464f2;
	--pf_formBoxShadowFocus: rgba(76,94,253,.5);
}
html {font-size: 62.5%;}
body{font-size: var(--pf-base-font-size);}
/* font-size class */
.pf-extra-small-font-size {
	font-size: var(--pf-extra-small-font-size); /* 11px */
}
.pf-medium-small-font-size {
	font-size: var(--pf-medium-small-font-size); /* 12px */
}
.pf-small-font-size {
	font-size: var(--pf-small-font-size); /* 13px */
}
.pf-extra-medium-font-size {
	font-size: var(--pf-extra-medium-font-size); /* 14px */
}
.pf-base-font-size {
	font-size: var(--pf-base-font-size); /* 14px & 15px */
}
.pf-base-large-font-size {
	font-size: var(--pf-base-large-font-size); /* 16px */
}
.pf-subheading-font-size {
	font-size: var(--pf-medium-font-size); /* 17px */
}
.pf-medium-large-font-size {
	font-size: var(--pf-medium-large-font-size); /* 18px & 19px */
}
.pf-heading-font-size {
	font-size: var(--pf-large-font-size); /* 20px & above */
}
.f14 {font-size: var(--pf-base-font-size) !important;}
.f30 {font-size: 30px !important;}

/* Font-family */
.pf-font-regular {
	font-family: var(--pf-font-regular);
}
.pf-font-semibold {font-family: var(--pf-font-semibold);}
.pf-font-bold {font-family: var(--pf-font-bold);}
.pf-font-black {font-family: var(--pf-font-black);}

/* color */
.pfWhiteColor {color: var(--pf_whiteColor);}
.pfPlaceholderColor {color: var(--pf_placeholderColor);}
.pfBaseColor, .basecolor {color: var(--pf_baseColor);}
.pfLabelColor, .labelcolor {color: var(--pf_labelColor);}
.pfHeadingColor {color: var(--pf_headingColor);}
.pfParagraphColor {color: var(--pf_paragraphColor);}
.pfNegativeColor {color: var(--pf_negativeColor);}
.pfLinkColor {color: var(--pf_linkColor);}
.pfWarningColor {color: var(--pf_warningColor);}
.pfGreenColor {color: var(--pf_greenColor);}
.pfNotFoundColor {color: var(--pf_notfoundColor);}
.pfLightgrayColor {color: var(--pf_lightgrayColor);}
.pfLinkColor:hover {
	color: var(--pf_linkHoverColor);
	transition: all .3s ease-out;
}
/* Align */
.outLineNone {outline: 0}
.borderNone {border: 0;}
.txtaR, .alignRight, .t-rt {text-align: right;}
.t-center,.textCenter,.aligncenter,.txtAC {text-align: center !important;}
.t-lt,.alignLeft {text-align: left !important;}

.t-capitalize, .txt-capitalize {text-transform: capitalize;}
.t-uppercase {text-transform: uppercase;}
.t-lowercase {text-transform: lowercase;}
.t-deco {text-decoration: none !important;}
.t-underline {text-decoration: underline;}
.t-index25 {text-indent: 25px;}
.t-breake {
	word-break: break-all;
	line-height: 1.3;
}
.t-nowrap, .preWrap, .wsNowrap {white-space: nowrap;}
.v-middle, .verMiddle, .vaM {vertical-align: middle !important;}
.vT, .vaT {vertical-align: top;}
.v-top, .vT, .verTop {
	vertical-align: top !important;
	line-height: 15px !important;
}
.text-elipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap !important;
}

/* Font-weight */
.font300 {font-weight: 300;}
.font400 {font-weight: 400;}
.font600, .fW600 {font-weight: 600;}

/* Font-style */
.italic {font-style: italic;}

/* Font line-height */
.lineH18 {line-height: 18px !important;}
.lineH20 {line-height: 20px !important;}
.lh20 {line-height: 20px;}
.lineH22 {line-height: 22px;}
.lineH25 {line-height: 25px;}
.lineH40 {line-height: 40px;}

/**** CONTENT-VIEW *****/
.newPara {
	font-size: var(--pf-medium-font-size);
	line-height: 22px;
	width: 70%;
}

/* width */
.widthA, .wAuto {width: auto !important;}
.w10per {width: 10%;}
.w25per {width: 25%;}
.w30per {width: 30%;}
.w35per {width: 35%;}
.w40per {width: 40% !important;}
.w50per {width: 50% !important;}
.w60per, .w60_per {width: 60% !important;}
.w70per {width: 70% !important;}
.w72per {width: 72% !important;}
.w75per {width: 75% !important;}
.w80per, .w80_per {width: 80% !important;}
.w85per {width: 85% !important;}
.w95per {width: 95%;}
.w98per {width: 98%;}
.w90per {width: 90% !important;}
.w100per, .w100p, .w100_per {width: 100% !important;}

.w10 {width: 10px;}
.w20 {width: 20px;}
.w50px {width: 50px;}
.w65px {width: 65px !important;}
.w70px {width: 70px !important;}
.w75px {width: 75px !important;}
.w80px {width: 80px !important;}
.w90px {width: 90px !important;}
.w100, .w100px {width: 100px !important;}
.w110px {width: 110px !important;}
.w120px {width: 120px !important;}
.w130, .w130px {width: 130px !important;}
.w140, .w140px {width: 140px !important;}
.w145px {width: 145px !important;}
.w150, .w150px {width: 150px !important;}
.w155px {width: 155px !important;}
.w160px {width: 160px !important;}
.w175px {width: 175px !important;}
.w180 {width: 180px !important;}
.w195px {width: 195px !important;}
.w200 {width: 200px !important;}
.w220 {width: 220px !important;}
.w240 {width: 240px !important;}
.w250 {width: 250px !important;}
.w260 {width: 260px !important;}
.w270 {width: 270px !important;}
.w288 {width: 288px !important;}
.w290 {width: 290px !important;}
.w300 {width: 300px !important;}
.w316 {width: 316px;}
.w350 {width: 350px !important;}
.w380{width: 380px;}
.w390{width: 390px;}
.w400 {width: 400px !important;}
.w430 {width: 430px !important;}
.w450 {width: 450px !important;}
.w475 {width: 475px !important;}
.w500 {width: 500px !important;}
.w525 {width: 525px !important;}
.w550 {width: 550px !important;}
.w550p {width: 550px;}
.w580 {width: 580px;}
.w590 {width: 590px;}
.w600 {width: 600px !important;}
.w650 {width: 650px !important;}
.w650p {width: 650px;}
.w700 {width: 700px;}
.w700p {width: 700px !important;}
.w750 {width: 750px;}
.w800 {width: 800px;}
.w830 {width: 830px;}
.w850 {width: 850px !important;}
.w900 {width: 900px;}
.w1000,.maxWidth {width: 1000px;}
.w1100 {width: 1100px;}
.w1300 {width: 1300px;}
.w1082 {width: 1082px !important;}
.max-w200 {max-width: 200px;}
.max-w250 {max-width: 250px;}
.max-w300 {max-width: 300px !important;}
.maxW350{max-width: 350px;}
.max-w400 {max-width: 400px !important;}
.maxW500 {max-width: 500px;}
.max-w600, .maxW600 {max-width: 600px;}
.max-w650 {max-width: 650px;}
.max-w1000 {max-width: 1000px;}

/* MIN-WIDTH */
.min-w40 {min-width: 40px !important;}
.minW100 {min-width: 100px;}
.min-w300 {min-width: 300px;}
.minW600 {min-width: 600px;}
.min-w700 {min-width: 700px;}
.maxW80per {max-width: 80%;}

/* Height */
.h100per {height: 100%;}
.h20 {height: 20px;}
.h30 {height: 30px;}
.h200 {height: 200px;}
.hght130 {height: 130px;}
.minH36 {min-height: 36px;}
.minH48 {min-height: 48px;}
.min-H50 {min-height: 80px;}
.min-H150 {min-height: 150px !important;}
.min-H300 {min-height: 300px;}
.min-H400 {min-height: 400px;}
.max-H120 {max-height: 120px;}
.max-calc-H200 {max-height: calc(100vh - 200px);}

/* Margin */
.m0 {margin: 0 !important;}
.mAuto {margin: 0px auto !important;}
/* Margin-top */
.mT0 {margin-top: 0px !important;}
.mT1 {margin-top: 1px;}
.mT2 {margin-top: 2px !important;}
.mT3 {margin-top: 3px !important;}
.mT4 {margin-top: 4px;}
.mT5 {margin-top: 5px !important;}
.mT6 {margin-top: 6px !important;}
.mT7 {margin-top: 7px;}
.mT8 {margin-top: 8px !important;}
.mT9 {margin-top: 9px !important;}
.mT10 {margin-top: 10px !important;}
.mT11 {margin-top: 11px !important;}
.mT12 {margin-top: 12px !important;}
.mT13 {margin-top: 13px !important;}
.mT14 {margin-top: 14px !important;}
.mT15 {margin-top: 15px !important;}
.mt15 {margin-top: 15px;}
.mT16 {margin-top: 16px !important;}
.mT17 {margin-top: 17px;}
.mT18 {margin-top: 18px !important;}
.mT20 {margin-top: 20px !important;}
.mT22 {margin-top: 22px !important;}
.mT23 {margin-top: 23px;}
.mT25 {margin-top: 25px !important;}
.mT30 {margin-top: 30px !important;}
.mT35 {margin-top: 35px !important;}
.mT40 {margin-top: 40px !important;}
.mT43 {margin-top: 43px;}
.mT45 {margin-top: 45px !important;}
.mT50 {margin-top: 50px !important;}
.mT58 {margin-top: 58px !important;}
.mT60 {margin-top: 60px !important;}
.mT80 {margin-top: 80px !important;}
.mT110 {margin-top: 110px !important;}
.mT140 {margin-top: 140px !important;}
.mT75 {margin-top: 75px !important;}
.mT_5 {margin-top: -5px;}
.mtopminus12 {margin-top: -12px;}
.mtopminus23 {margin-top: -23px;}

/* Margin-right */
.mR1 {margin-right: 1px;}
.mR2 {margin-right: 2px;}
.mR3 {margin-right: 3px;}
.mR4 {margin-right: 4px;}
.mR5 {margin-right: 5px !important;}
.mR8 {margin-right: 8px !important;}
.mR10 {margin-right: 10px !important;}
.mR12 {margin-right: 12px !important;}
.mR15 {margin-right: 15px !important;}
.mR20 {margin-right: 20px !important;}
.mR25 {margin-right: 25px !important;}
.mR30 {margin-right: 30px !important;}
.mR35 {margin-right: 35px;}
.mR40 {margin-right: 40px !important;}
.mR50 {margin-right: 50px !important;}

/* Margin-bottom */
.mB0 {margin-bottom: 0px !important;}
.mB5 {margin-bottom: 5px !important;}
.mB8 {margin-bottom: 8px !important;}
.mB10 {margin-bottom: 10px !important;}
.mB11 {margin-bottom: 11px;}
.mB12 {margin-bottom: 12px !important;}
.mB15 {margin-bottom: 15px !important;}
.mB18 {margin-bottom: 18px !important;}
.mB20 {margin-bottom: 20px !important;}
.mB25 {margin-bottom: 25px !important;}
.mB30 {margin-bottom: 30px !important;}
.mB40 {margin-bottom: 40px !important;}
.mB50 {margin-bottom: 50px !important;}

/* Margin-left */
.ml0 {margin-left: 0px !important;}
.mL2 {margin-left: 2px;}
.mL3 {margin-left: 3px;}
.mL4 {margin-left: 4px;}
.ml5, .mL5 {margin-left: 5px !important;}
.mL7 {margin-left: 7px;}
.mL8 {margin-left: 8px;}
.mL10 {margin-left: 10px !important;}
.mL12 {margin-left: 12px !important;}
.mL15, .ml15 {margin-left: 15px;}
.mL20 {margin-left: 20px !important;}
.mL25 {margin-left: 25px !important;}
.mL30 {margin-left: 30px !important;}
.mL35 {margin-left: 35px !important;}
.mL40 {margin-left: 40px !important;}
.mL45 {margin-left: 45px !important;}
.mL50 {margin-left: 50px !important;}
.mL55 {margin-left: 55px !important;}
.mL60 {margin-left: 60px !important;}
.mL70 {margin-left: 70px !important;}
.mL75 {margin-left: 75px;}
.mL80 {margin-left: 80px !important;}
.mL100 {margin-left: 100px;}
.ml110 {margin-left: 110px;}
.ml200 {margin-left: 200px;}

/***** PADDING *****/
.pX0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
	box-sizing: border-box;
}
.pX10, .pLR10 {
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
.pX15 {
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}
.pX20 {
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}
.pLR20 {padding: 0 20px;}
.pLR24 {padding: 0 24px;}
.pX30 {
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}
.pLR30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.pLR32 {
	padding-left: 32px;
	padding-right: 32px;
}
.pX40 {
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}
.pX50 {
	padding-left: 50px;
	padding-right: 50px;
	box-sizing: border-box;
}
/* Padding-top */
.pT0 {padding-top: 0px !important;}
.pT5 {padding-top: 5px;}
.pT10 {padding-top: 10px;}
.pT15 {padding-top: 15px !important;}
.pT18 {padding-top: 18px !important;}
.pT20 {padding-top: 20px !important;}
.pT22 {padding-top: 22px;}
.pT25 {padding-top: 25px;}
.pT30 {padding-top: 30px !important;}
.pT35 {padding-top: 35px;}
.pT40 {padding-top: 40px;}
/* padding-bottom */
.pB0 {padding-bottom: 0px;}
.pB5 {padding-bottom: 5px;}
.pB8 {padding-bottom: 8px;}
.pB10 {padding-bottom: 10px;}
.pB15 {padding-bottom: 15px;}
.pB18 {padding-bottom: 18px !important;}
.pB20 {padding-bottom: 20px;}
.pB25 {padding-bottom: 25px;}
.pB30 {padding-bottom: 30px;}
.pB35 {padding-bottom: 35px !important;}
.pB40 {padding-bottom: 40px;}
.pB50 {padding-bottom: 50px;}

/* Padding-right */
.pR0 {padding-right: 0px !important;}
.pR8 {padding-right: 8px;}
.pR10 {padding-right: 10px;}
.pR15 {padding-right: 15px;}
.pR20 {padding-right: 20px;}
.pR30 {padding-right: 30px;}
.pR32 {padding-right: 32px;}
.pR40 {padding-right: 40px;}
.pR50 {padding-right: 50px;}

/* padding-left */
.pL0 {padding-left: 0px !important;}
.pL5 {padding-left: 5px;}
.pL10 {padding-left: 10px !important;}
.pL15 {padding-left: 15px !important;}
.pL20 {padding-left: 20px !important;}
.pL30 {padding-left: 30px !important;}
.pL32 {padding-left: 32px;}
.pL40 {padding-left: 40px;}

/* Display property */
.dB,.display-Block {display: block;}
.dIB {display: inline-block;}
.dIBImportant {display: inline-block !important;}
.dTable,.displayTable, .dT, .cxDivTable {display: table;}
.aiCenter {align-items: center;}
.jcCenter {justify-content: center;}
.jcFlextEnd {justify-content: flex-end;}
.spaceBetween {justify-content: space-between}
.flexAlignCenter{
	display: flex;
	align-items: center;
}
.flexDC {flex-direction: column;}
.flexDR {flex-direction: row;}
.flexWrap{flex-flow: row wrap;}
.cxDivTr {display: table-row}
.cxDivTd {display: table-cell}

/* Opacity */
.op2 {opacity: .2;}
.op4 {opacity: .4;}
.op6 {opacity: .6;}
.op8 {opacity: .8;}
.op9 {opacity: .9;}

/* Float property */
.fL, .floatL {float: left;}
.fR, .floatR {float: right;}
.fRI {float: right !important;}
.fN {float: none !important;}

/* Clear */
.clear, .clearboth, .clearB, .cBoth {clear: both;}

/* border property */
.bdr-None {border: 0px !important;}
.bdrTeee {border-top: 1px solid var(--br_pfBorder4);}
.bdrBefefef {border-bottom: 1px solid var(--br_efefef);}
.bdr-top-None {border-top: 0px !important;}
.bdr-lt-None {border-left: 0px !important;}
.bdr-rt-None {border-right: 0px !important;}
.bdr-btm-None {border-bottom: 0px !important;}
.bdr-transparent {border: 1px solid var(--br_pfTrans);}
.bdr-c {border: solid 1px var(--br_pfBorder2);}
.bdr-btm {
	border-bottom: 1px solid var(--br_pfBorder2);
	width: 100%;
}
.bdr-dashed-btm {border-bottom: 1px dashed var(--br_pfBorder1);}
.brc6 {border: 1px solid var(--br_pfBorder2);}

/* box-shadow */

.boxShadow-None {box-shadow: none !important;}
.btmboxShadow {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}

/* Radius */
.radiu-2, .br2 {border-radius: 2px;}
.br4 {border-radius: 4px;}
.br6 {border-radius: 6px;}
.br10 {border-radius: 10px;}
.radius-Nn-tr {border-radius: 0 6px 6px 0 !important;}
.radius-Nn-bl {border-radius: 6px 0 0 6px !important;}

/* .box-sizing */
.box-sizing, .bdrbox, .boxBB {box-sizing: border-box;}

/*****  OVERFLOW-PROPERTY  ******/
.oH {overflow: hidden;}
.overflowHide {overflow: hidden !important;}
.Oflow-scroll {overflow: scroll !important;}
.oA {overflow: auto;}
.vVisible {visibility: visible;}
.ellipsistext {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Cursor Property */
.cursorpointer, .cP {cursor: pointer;}
.cDefault{cursor: default;}
.cMove {cursor: move;}
.pNone {pointer-events: none;}

/* Positon property */
.pf,.pFixed {position: fixed;}
.pR, .posRel, .posrel, .pRelative {position: relative;}
.pA {position: absolute;}
.pCenter {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.top8 {top: 8px;}
.top10 {top: 10px;}
.top12 {top: 12px;}
.top15 {top: 15px;}
.top18 {top: 18px;}
.top20 {top: 20px;}
.top40 {top: 40px;}
.top_15 {top: -15px;}

.right0 {right: 0;}
.right1 {right: 1px;}
.right2 {right: 2px;}
.right3 {right: 3px;}
.right4 {right: 4px;}
.right5 {right: 5px;}
.right6 {right: 6px;}
.right7 {right: 7px;}
.right8 {right: 8px;}
.right9 {right: 9px;}
.right10 {right: 10px;}
.right11 {right: 11px;}
.right15 {right: 15px;}
.right20 {right: 20px;}
.right40 {right: 40px;}
.right70 {right: 70px;}

.left12 {left: 12px;}

/* Z-index */
.zi-0 {z-index: 0;}
.zi2 {z-index: 2;}

/* Transform scale property */
.scale_9 {transform: scale(.9);}
.scale1 {transform: scale(1.1);}
.scale2 {transform: scale(1.2);}
.scale3 {transform: scale(1.3);}
.scale4 {transform: scale(1.4);}

/* BACKGROUND-COLOR */
.info-bg {
	background: var(--bg_pfbg3);
	color: var(--pf_baseColor);
}
.bgf5 {background-color: var(--bg_pfBg2) !important;}

/* svg icon */
.icon-hover-effects, .icon-hover-effects-trans {
	z-index: 0;
	cursor: pointer;
	width: 23px;
	height: 23px;
	display: inline-flex;
	align-items: center;
	justify-content: center
}
.icon-hover-effects:after {
	content: '';
	position: absolute;
	width: 23px;
	height: 23px;
	transform: scale(0);
	border: 1px solid var(--br_pfBorder1);
	transition-property: transform;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	border-radius: 50%;
	background: var(--bg_pfWhite);
	z-index: -1;
	box-sizing: border-box;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
	cursor: pointer;
}
.icon-hover-lg, .icon-hover-lg:after {
	width: 27px;
	height: 27px
}
.icon-hover-sm, .icon-hover-sm:after {
	width: 18px;
	height: 18px
}
.icon-hover-effects.zI2{z-index: 2;}
.icon-hover-gray-bg-nb:after {
	content: '';
	background: var(--bg_pfBg5);
	border: none;
	box-shadow: none
}
.icon-hover-effects.icon-menu-Active::after, .icon-hover-effects:hover::after{
	transform: scale(1);
	z-index: 1
}
.icon-hover-effects[style="display: block;"] {display: inline-flex !important;}
.op0,.zpfDeleteIcon, .zpfEditIcon, .zpfSettingIcon {opacity: 0;}
.upload-style {
    width: 100%;
    height: 100%;
	outline: none;
    position: absolute;
    top:0;
    left: 0;
    background: var(--bg_pfTrans);
    z-index:-1;
    font-size: var(--pf-extra-small-font-size);
    color: var(--pf_baseColor);
	text-align: center;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-flow: column wrap;
    line-height: 6.5;
}
.upload-style::before {
	content:'';
    width: 18px;
    height: 17px;
    -webkit-mask-position: -197px -310px;
    mask-position: -197px -310px;
    transform: scale(2.5);
    background-color: var(--zcicn-grey);
}
.successMsg::before, .successRepublish::before, .errorMsg::before,
.upload-style::before, .upgrade-searchDiv:after, .upgrade-filter:before, .applistWarningIcon::before,.zpfAddIcon::before,.zpfRemoveIcon::before,.zpfHelpIcon::before,.zpfCopyIcon::before,.zpfCopiedIcon::before,
.upgrade-refresh:before, .newSelect:after, .pSelect .chosen-container-single .chosen-single div b, .zpfCloseIcon::before, .showtoggleBtn::before,.hidetoggleBtn::before,.zpfClose-lg-Icon::before,
.zpfUserIcon::before,.upgrade-paid::before,.upgrade-inactive::before,.upgrade-unconfirmed::before,.zpfBackarrowIcon::before,.addCriteria::before, .removeCriteria::before,.zpfRightIcon::before, .functionLink::before,.zpfFillArrow::before,.zpfFillActiveArrow::before,
.zpfPreviewIcon::before,.ui-datepicker-prev::before,.zpfNextviewIcon::before,.ui-datepicker-next::before,.zpfMoreIcon::before,.orangeUserIcon::before,.grayUserIcon::before,.redUserIcon::before,.greenUserIcon::before, .zpfHelpLinks::before, .zpfUsersupport::before,
.zpfloginVoiceofthecustome::before,.addplan::before,.zpfPricingEditMode::before,.zpfPricingSaveMode::before,.zpfLeftarrowIcon::before,.zpfSearch::before, .zpfInfoicon::before {
	-webkit-mask-image: var(--pf_cssSprite);
    mask-image: var(--pf_cssSprite);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--zcicn-black);
	display: inline-block;
}
.successMsg::before, .successRepublish::before {
	content: '';
	width: 24px;
	height: 24px;
	-webkit-mask-position: -4px -396px;
	mask-position: -4px -396px;
	background-color: var(--zcicn-green);
	position: absolute;
	left: 12px;
	top: 10px;
}
.errorMsg::before {
	content: '';
	width: 17px;
	height: 17px;
	-webkit-mask-position: -224px -362px;
	mask-position: -224px -362px;
	background-color: var(--zcicn-red);
	transform: scale(1.41);
	position: absolute;
	left: 12px;
	top: 14px;
}
.applistWarningIcon::before {
	content: '';
	-webkit-mask-position: -66px -138px;
    mask-position: -66px -138px;
    width: 14px;
    height: 12px;
	background-color: var(--zcicn-red);
}
.zpfHelpIcon::before {
	content: '';
	width: 16px;
    height: 17px;
	-webkit-mask-position: -83px -159px;
    mask-position: -83px -159px;
	background-color: var(--zcicn-grey);
}
.zpfCopyIcon::before{
	content: '';
	width: 16px;
    height: 17px;
	-webkit-mask-position: -383px -557px;
    mask-position: -383px -557px;
	background-color: var(--zcicn-black);
}
.zpfAddIcon::before{
	content: '';
	width: 11px;
    height: 11px;
	-webkit-mask-position: -277px -313px;
    mask-position: -277px -313px;
	background-color: var(--zcicn-white);
}
.zpfRemoveIcon::before{
	content: '';
	width: 12px;
    height: 3px;
	-webkit-mask-position: -214px -52px;
    mask-position: -214px -52px;
	background-color: var(--zcicn-white);
}
.upgradeAdd.zpfAddIcon::before, .upgradeRemove.zpfRemoveIcon::before{
	transform: scale(.8);
}
.zpfCopiedIcon::before{
	content: '';
	width: 17px;
	height: 17px;
	-webkit-mask-position: -347px -407px;
    mask-position: -347px -407px;
	background-color: var(--zcicn-green);
}
.zpfCloseIcon::before{
	content: '';
	-webkit-mask-position: -331px -188px;
    mask-position: -331px -188px;
    width: 10px;
    height: 10px;
	background-color: var(--zcicn-black);
}
.zpfUserIcon::before,.orangeUserIcon::before,.grayUserIcon::before,.redUserIcon::before,.greenUserIcon::before {
	content: '';
	-webkit-mask-position: -156px -698px;
    mask-position: -156px -698px;
    width: 14px;
    height: 16px;
	background-color: var(--zcicn-black);
}
.zpfSearch::before{
	content: '';
	width: 18px;
    height: 19px;
	-webkit-mask-position: -229px -159px;
    mask-position: -229px -159px;
	background-color: var(--zcicn-grey);
}
.upgrade-paid::before,.upgrade-inactive::before,.upgrade-unconfirmed::before{
	content: '';
	width: 13px;
    height: 12px;
	-webkit-mask-position: -305px -409px;
    mask-position: -305px -409px;
}
.upgrade-unconfirmed::before{background-color: var(--zcicn-sandal);}
.c-User:hover.zpfUserIcon::before,.orangeUserIcon::before{background-color: var(--zcicn-blue);}
.upgrade-inactive::before,.grayUserIcon::before{background-color: var(--zcicn-grey);}
.redUserIcon::before{background-color: var(--zcicn-red);}
.upgrade-paid::before,.greenUserIcon::before{background-color: var(--zcicn-green);}

.zpfClose-lg-Icon::before{
	content: '';
	-webkit-mask-position: -378px -481px;
    mask-position: -378px -481px;
	width: 14px;
    height: 14px;
	background-color: var(--zcicn-black);
}
.showtoggleBtn::before,.hidetoggleBtn::before{
	content: '';
	-webkit-mask-position: -116px -3px;
    mask-position: -116px -3px;
    width: 15px;
    height: 9px;
	background-color: var(--zcicn-grey);
	margin-right: 8px;
	transform: rotate(180deg);
}
.zpfBackarrowIcon::before{
	content: '';
	width: 17px;
    height: 14px;
	-webkit-mask-position: -318px -138px;
    mask-position: -318px -138px;
	background-color: var(--zcicn-black);
}
.addCriteria::before{
	content: "";
	width: 11px;
    height: 11px;
    -webkit-mask-position: -277px -313px;
    mask-position: -277px -313px;
	background-color: var(--zcicn-green);
}
.removeCriteria::before{
	content: "";
    width: 12px;
    height: 3px;
	-webkit-mask-position: -214px -52px;
    mask-position: -214px -52px;
	background-color:var(--zcicn-red);
}
.zpfRightIcon::before{
	content: '';
	-webkit-mask-position: -99px -1px;
    mask-position: -99px -1px;
    width: 8px;
    height: 15px;
	transform: rotate(180deg);
	background-color: var(--zcicn-grey);
}
.functionLink::before{
	content: '';
	width: 12px;
    height: 12px;
	-webkit-mask-position: -327px -25px;
    mask-position: -327px -25px;
	background-color: var(--zcicn-black);
}
.zpfFillArrow,.zpfFillActiveArrow {
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px solid var(--br_pfBase);
	border-radius: 20px;
	top: 8px;
	left: 12px;
}
.zpfFillArrow::before,.zpfFillActiveArrow::before{
	content: '';
	width: 7px;
    height: 11px;
	-webkit-mask-position: -85px -3px;
    mask-position: -85px -3px;
	background-color: var(--zcicn-black);
	position: absolute;
	left: 7px;
    top: 5px;
	transform: rotate(180deg);
}
.zpfPreviewIcon::before,.ui-datepicker-prev::before,.zpfNextviewIcon::before,.ui-datepicker-next::before{
	content: '';
	-webkit-mask-position: -99px -1px;
    mask-position: -99px -1px;
    width: 8px;
    height: 15px;
}
.zpfMoreIcon::before {
	content: '';
	-webkit-mask-position: -331px -459px;
    mask-position: -331px -459px;
    width: 14px;
    height: 4px;
	background-color: var(--zcicn-grey);
}
.zpfHelpLinks::before {
	content: '';
	-webkit-mask-position: -58px -159px;
    mask-position: -58px -159px;
    width: 15px;
    height: 18px;
	margin-right: 8px;
	background-color:var(--zcicn-blue);
}
.zpfUsersupport::before {
	content: '';
	width: 13px;
    height: 12px;
    -webkit-mask-position: -373px -4px;
    mask-position: -373px -4px;
	transform: rotateY(180deg);
	margin-right: 8px;
	background-color:var(--zcicn-blue);
}
.zpfloginVoiceofthecustome::before {
	content: '';
	-webkit-mask-position: -171px -752px;
    mask-position: -171px -752px;
    width: 16px;
    height: 15px;
	margin-right: 8px;
	background-color:var(--zcicn-blue);
}
.addplan::before {
	content: '';
	width: 15px;
    height: 15px;
	-webkit-mask-position: -346px -93px;
    mask-position: -346px -93px;
	background-color: var(--zcicn-grey);
	transform: scale(3);
}
.zpfPricingEditMode::before {
	content: '';
	width: 13px;
    height: 13px;
	-webkit-mask-position: -385px -138px;
    mask-position: -385px -138px;
	background-color: var(--zcicn-black);
}
.zpfPricingSaveMode::before {
	content: '';
	width: 15px;
    height: 16px;
	-webkit-mask-position: -298px -727px;
    mask-position: -298px -727px;
	background-color: var(--zcicn-black);
}
.zpfLeftarrowIcon::before{
	content: '';
	-webkit-mask-position: -99px -1px;
    mask-position: -99px -1px;
    width: 8px;
    height: 15px;
	background-color: var(--zcicn-grey);
}
.zpfInfoicon::before{
	content: '';
	width: 17px;
    height: 16px;
	-webkit-mask-position: -107px -160px;
    mask-position: -107px -160px;
	background-color: var(--zcicn-grey);
}
.zpfNextviewIcon::before,.ui-datepicker-next::before {transform: rotate(180deg);}
.zpfFillActiveArrow::before,.zpfPreviewIcon::before,.ui-datepicker-prev::before {transform: rotate(270deg);}
.hidetoggleBtn::before{transform: rotate(90deg);}
.helpText.zpfHelpIcon::before, .copyText.zpfCopiedIcon::before {margin-right: 5px;}
/* App page & App list section */
.puplishApp, .upgradeApp{
	width: 200px;
    margin-right: 15px;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
	display: flex;
}
.appsLeftAction {
    width: 100%;
    border-radius: 10px;
    background: var(--bg_pfWhite);
    border: 1px solid var(--br_pfBorder3);
    box-shadow: rgba(0, 0, 0, 0.03) 0px 3px 4px 0px;
	box-sizing: border-box;
    min-height: 200px;
}
.appWidgetAction {
    width: 100%;
    padding: 0;
	cursor: pointer;
	background: var(--bg_pfWhite);
	transition: .4s ease-in-out;
	border-radius:  0 0 10px 10px;
}
/* manage button */
.managepaymentbg {
    width: 220px;
    padding: 15px 20px;
    bottom: 20px;
    left: 0;
	border-top: 1px solid var(--pf_leftMenuButtonBorder);
    background: var(--pf_leftMenuButtonBackground);
}
.manageText {
	color: var(--pf_leftMenuColor);
	text-decoration: underline;
}
.managepaymentbg:hover {
	background: var(--pf_leftMenuButtonBakcgroundHover);
	border-top: 1px solid var(--pf_leftMenuButtonBorderHover);
}
div.puplishApp:nth-of-type(4n){
	margin-right: 0;
}
.op10,.zpfActiveIcon,tr.trout:hover .zpfDeleteIcon, tr.trout:hover .zpfEditIcon,
tr.trout:hover .zpfSettingIcon,.managepaymentbg:hover .managepaymenticon.op6{opacity: 1;}
.managepaymentbg:hover .manageText{color: var(--pf_leftMenuColorHover);}

.daterangepicker .calendar-table .prev span,
.daterangepicker .calendar-table .next span{
	transform: rotate(135deg) !important;
}

.inputBoxPlatform {
    width: 300px;
    float: left;
    padding: 8px !important;
    box-sizing: border-box;
    font-size: var(--pf-base-font-size);
    color: var(--pf_baseColor) !important;
    border-radius: 5px;
    border: 1px solid var(--br_pfBorder1);
    transition: all 0.3s ease-in;
}
.form-textarea:hover:hover, .form-control:hover, 
.inputBoxPlatform:hover, .form-input:hover{
	border-color:var(--br_pfBorder5);
    box-shadow: 0 0 6px #c3c6ca;
}
.form-textarea:focus:focus, .form-control:focus, 
.inputBoxPlatform:focus, .form-input:focus{
    border-color:var(--br_pfLink) !important;
    box-shadow: 0 0 6px #8dc4ff !important;
}
.zpfMandatory {
	position: relative;
	color: var(--pf_negativeColor);
}
.zpfMandatory::before {
	content: '';
    display: inline-block;
    width: 3px;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 0;
    border-radius: 4px 0 0 4px;
    z-index: 1;
    border-left: 3px solid var(--br_pfNegative);
    background: 0 0 !important;
	height: calc(100% - 2px);
}
.error.zpfMandatory .form-control.error,.zpfExtensionError.zpfMandatory.form-control.error{border:1px solid var(--pf_dropdownErrordBorder)!important;}
.error.zpfMandatory::before, .zpfExtensionError.zpfMandatory::before{height: calc(100% - 25px);}
/* Button style */
.primaryBtn, .secondaryBtn, .enableBtn, .disableBtn, .textBtn, .radiusBtn, .primaryBtnOutline, .enableBtnOutline, .disableBtnOutline, .newgraybtn,.daterangepicker .drp-buttons .cancelBtn,.daterangepicker .drp-buttons .btn-primary{
	font-size: var(--pf-base-font-size);
	font-family: var(--pf-font-semibold);
	padding: 9px 20px;
	border-radius: 6px;
	cursor: pointer;
	line-height: 1;
	overflow:hidden;
	z-index:1;
	border:1px solid var(--br_pfTrans);
	white-space:nowrap;
	text-decoration:none !important;
}
.smallprimaryBtn, .small-xl-primaryBtn, .smallsecondaryBtn, .small-xl-secondaryBtn, .smallenableBtn, .smalldisableBtn, .small-primaryBtnOutline, .small-enableBtnOutline, .small-disableBtnOutline, .smalltextBtn{  
	padding: 7px 20px;
	font-size: var(--pf-small-font-size);
	font-family: var(--pf-font-semibold);
	border-radius: 6px;
	cursor: pointer;
	line-height: 1;
	overflow:hidden;
	position:relative;
	z-index: 0;
	border:1px solid var(--br_pfTrans);
	white-space:nowrap;
}
.radiusBtn{
	line-height: 1;
	overflow:hidden;
	position:relative;
	z-index: 1;
	font-size: var(--pf-small-font-size);
	padding: 4px 15px;
	box-sizing: border-box;
	border-radius: 999px;
}
.primaryBtn, .smallprimaryBtn, .small-xl-primaryBtn,.daterangepicker .drp-buttons .btn-primary {
	box-shadow: inset 0 -2px 0 var(--primaryShadow) !important;
	background: var(--primaryBackground);
	color: var(--primaryColor);
	border: 0;
}
.secondaryBtn, .smallsecondaryBtn, .small-xl-secondaryBtn, .newgraybtn,.daterangepicker .drp-buttons .cancelBtn{
	box-shadow: inset 0 -1px 0 var(--defaultShadow) !important;
	background: var(--defaultBackground);
	color: var(--defaultColor);
	border: 1px solid var(--defaultBorder);
}
.fWN,.daterangepicker .drp-buttons .cancelBtn,.daterangepicker .drp-buttons .btn-primary{font-weight: normal !important;}
.daterangepicker .calendar-table th.next{transform: translateX(0deg);}
.secondaryBtn,.smallsecondaryBtn,.newgraybtn{padding: 8px 20px;}
.enableBtn, .smallenableBtn {
	box-shadow: inset 0 -2px 0 var(--greenShadow) !important;
	background: var(--greenBackground);
	color: var(--greenColor);
	border: 0;
}
.disableBtn, .smalldisableBtn{
	box-shadow: inset 0 -2px 0 var(--redShadow) !important;
	background: var(--redBackground);
	color: var(--redColor);
	border: 0;
}
.small-xl-secondaryBtn, .smallsecondaryBtn{
	padding: 6px 15px;
	font-size: var(--pf-small-font-size);
}
/* OUTLINE BUTTON STYLE */
.primaryBtnOutline, .small-primaryBtnOutline{
	background-color: var(--oulinePrimaryBackground);
	border:1px solid var(--oulinePrimaryBorder);
	color:var(--oulinePrimaryColor);
	transition:all .3s ease-in;
}
.enableBtnOutline, .small-enableBtnOutline {
	background-color: var(--oulinegreenBackground);
	border: 1px solid var(--oulinegreenBorder);
	color:var(--oulinegreenColor);
	transition:all .3s ease-in;
}
.disableBtnOutline, .small-disableBtnOutline{
	background-color: var(--oulineredBackground);
	border: 1px solid var(--oulineredBorder);
	color:var(--oulineredColor);
	transition:all .3s ease-in;
}
/* BUTTON HOVER STYLE */
.primaryBtn:hover, .smallprimaryBtn:hover, .small-xl-primaryBtn:hover {
	box-shadow: inset 0 -2px 0 var(--primaryShadow) !important;
	background: var(--primaryBackgroundHover);
	color: var(--primaryColor);
	border: 0;
}
.secondaryBtn:hover, .smallsecondaryBtn:hover, .small-xl-secondaryBtn:hover {
	background: var(--defaultBackgroundHover);
	border: 1px solid var(--defaultBorder);
	color: var(--defaultColor);
}
.enableBtn:hover, .smallenableBtn:hover {
	color: var(--greenColor);
	background: var(--greenBackgroundHover);
	border: 0;
}
.disableBtn:hover, .smalldisableBtn:hover {
	background: var(--redBackgroundHover);
	border: 0;
	color: var(--redColor);
}
/* OUTLINE HOVER STYLE */
.primaryBtnOutline:hover, .small-primaryBtnOutline:hover{background: var(--oulinePrimaryBackgroundHover);}
.enableBtnOutline:hover, .small-enableBtnOutline:hover {background: var(--oulinegreenBackgroundHover);}
.disableBtnOutline:hover, .small-disableBtnOutline:hover{background: var(--oulineredBackgroundHover);}


.textBtn, .smalltextBtn {
	color:var(--pf_linkColor);
	background: var(--bg_pfTrans);
}
.textBtn:hover, .smalltextBtn:hover{
	color:var(--pf_linkColor);
}
.primaryBtn:active,.smallprimaryBtn:active,.small-xl-primaryBtn:active {
    box-shadow: var(--primaryShadowActive);
    background: var(--primaryBackgroundActive);
	position: relative;
    top: 1px;
}
.secondaryBtn:active,.newgraybtn:active,.smallsecondaryBtn:active,.small-xl-secondaryBtn:active{
	box-shadow: var(--defaultShadowActive);
    background: var(--defaultBackgroundActive);
	position: relative;
    top: 1px;
}
.enableBtn:active,.smallenableBtn:active{
	box-shadow: var(--greenShadowActive);
    background: var(--greenBackgroundActive);
	position: relative;
    top: 1px;
}
.disableBtn:active,.smalldisableBtn:active{
	box-shadow: var(--redShadowActive);
    background: var(--redBackgroundActive);
	position: relative;
    top: 1px;
}
.small-xl-Btn{padding:4px 8px;}
.primaryBtnOutline:active,.small-primaryBtnOutline:active,
.enableBtnOutline:active,.small-enableBtnOutline:active,
.disableBtnOutline:active,.small-disableBtnOutline:active{background: var(--oulinegreenBackgroundActive);}
/* Table */
.zpfTable{
	width: 100%;
	display: inline-block;
	border-radius: 10px;
	border: 1px solid var(--tableBorder);
	overflow: hidden;
    box-sizing: border-box;
}
.zpfTable tbody, .zpfTable thead{
	width: 100%;
	display: table; 
}
.zpfTable th, .table-fill-hd{
	padding: 10px 8px 10px 10px;
    box-sizing: border-box;
    text-align: left;
    font-size: var(--pf-base-font-size);
    color: var(--tableHeadColor);
    font-weight: normal;
    font-family: var(--pf-font-semibold);
    border-bottom: 2px solid var(--tableHeadBorder);
}
.zpfTable td, .table-list-fill{
	padding: 8px 8px 9px 10px;
    box-sizing: border-box;
    text-align: left;
    font-size: var(--pf-base-font-size);
    color: var(--tableListColor);
    font-weight: normal;
    background-color: var(--bg_pfTrans);
    border-bottom: 1px solid var(--tableListBorder);
}
.zpfTable th:first-child, .table-fill-hd:first-child{border-radius:10px 0 0;}
.zpfTable th:last-child, .table-fill-hd:last-child {
	padding-right: 10px;
	border-radius:0 10px 0 0;
}
.zpfTable .tableTitleHeaderRow .table-fill-hd {border-bottom: 2px solid var(--tableHeadBorder);}
.zpfTable tr:last-child td:first-child {border-radius:0 0 0 10px;}
.zpfTable tr:last-child td:last-child, tr:last-child .table-list-fill:last-child {border-radius:0 0 10px;}
tr:last-child .table-list-fill {border-bottom:0;}
tr.trout:hover {background-color: var(--tableListHover);}
.zpfTableView tr.trout:hover {background-color: var(--bg_pfTrans);}
.zpfTable.publishTable {
	border-radius: 10px 10px 0 0;
	border-bottom: 0;
}
.zpfTable.publishTable tr:last-child td {
	border-radius:0;
	border-bottom: 2px solid var(--tableHeadBorder);
}
.publishtablelist .zpfTable{
	border-top: 0;
	border-radius: 0 0 10px 10px;
	max-height: calc(100vh - 415px);
	overflow-y: scroll;
}
.zpfTable.publishTableHeader{border-radius: 10px 10px 0 0;}
/* modal */
.zpfModal, .popUpPublish.zpfModal{
	min-width: 400px;
	background: var(--bg_pfWhite);
	box-shadow: 0px 10px 18px rgba(49, 57, 73, 0.6);
	position: absolute;
	box-sizing: border-box;
	border-radius: 0 0 15px 15px;
	border: 1px solid transparent;
}
.popUpPublish.zpfModal{max-width: min-content;}
.zpfmodalHeader{
	background: 0 0;
	position: relative;
	z-index: 1;
	font-size: 20px;
	color: var(--pf_headingColor);
	font-family: var(--crm-font-bold);
	padding: 25px 30px;
	overflow-wrap: break-word;
	display: block;
	text-align: left;
}
.zpfmodalContent{
	border-radius: 0 0 15px 15px;
	max-height: calc(100vh - 220px);
	/* overflow: auto; */
	padding: 5px 30px 12px;
	box-sizing: border-box;
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
}
#helpCenterForm .zpfmodalContent {
	overflow: hidden;
	overflow-y: scroll;
}
.zpfmodalFooter{
    border-top: 0;
    border-radius: 0 0 15px 15px;
    text-align: right;
    position: relative;
    z-index: 10;
    padding: 20px 30px 30px;
}
/* menubox */
.zpf-lyte-menu-box {
	overflow: hidden;
	background: var(--pf_menuBackground);
	box-sizing: border-box;
	border: 1px solid var(--pf_menuBodyBorder);
	box-shadow: 0 2px 8px 0 var(--pf_menuBodyShadow);
	z-index: 10020;
	position: absolute;
	border-radius: 6px;
	width: auto;
}
.zpf-lyte-menu-header {
	color: var(--pf_menuHeaderColor);
	font-family: var(--pf-font-semibold);
	padding: 6px 15px;
	cursor: default;
}
.zpf-lyte-menu-body {
	padding: 5px 0;
	display: block;
	max-height: 210px;
	overflow-y: auto;
	position: relative;
}
.zpf-lyte-menu-item {
	min-width: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	text-align: left;
	color: var(--pf_menuColor);
	padding: 7px 25px;
	font-size: var(--pf-base-font-size);
	max-width: 100%;
	overflow-wrap: break-word;
}
.zpf-lyte-menu-item:hover {background: var(--pf_menuHoverBackground);}
.zpf-lyte-menu-item.selection,.active-result.result-selected{
	font-family: var(--crm-font-bold);
	color: var(--pf_menuSelectionColor);
}
.zpf-lyte-menu-item.selection::before, .result-selected::before {
	content: '';
	-webkit-mask-image: var(--pf_lyteSprite);
	mask-image: var(--pf_lyteSprite);
	-webkit-mask-position: -173px -851px;
	mask-position: -173px -851px;
	background-color: var(--pf_menuSelectionBackground);
	width: 12px;
	height: 9px;
	position: absolute;
	left: 7px;
	top: 11px;
}
/* alertPopup */
.alertPopup, .zpfalertPopup {
	box-sizing: border-box;
    padding: 20px 25px 25px;
    background: var(--bg_pfWhite);
    border: 1px solid var(--br_pfBorder3);
    border-radius: 15px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .35);
    display: inline-block;
    text-align: left;
    min-width: 500px;
    max-width: 800px;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    position: relative;
}
.alertContent {
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}
.zpfalertPrimaryMsg{
	font-family: var(--crm-font-bold);
    font-size: var(--pf-large-font-size);
    color: var(--pf_headingColor);
    margin-bottom: 10px;
}
.zpfalertSecondaryMsg {
    display: block;
    font-family: var(--crm-font-regular);
    font-size: var(--pf-base-font-size);
    color: var(--baseColor);
    line-height: 20px;
}
.zpfalertFooter{
    text-align: right;
    padding-top: 25px;
    display: block;
}
.popUpPublish-Div{
	width: calc(100% - 30px);
}
/* tooltip */
.zpfTooltip {
	text-align: left;
	max-width: 500px;
	word-break: break-word;
	line-height: 18px;
	padding: 6px 10px;
	position: absolute;
	border-radius: 6px;
	z-index: 99999;
	font-size: var(--pf-small-font-size);
	box-shadow: 0 2px 8px 0 var(--pf_tooltipShadow);
}
.zpfBlackTooltip{
	color: var(--pf_tooltipBlackColor);
	background: var(--pf_tooltipBlackBackground);
}
.zpfWhiteTooltip{
	color: var(--pf_tooltipWhiteColor);
	background: var(--pf_tooltipWhiteBackground);
	border: 1px solid var(--pf_tooltipWhiteBorder);
}
.dF, .dF[style="display: block;"]{display: flex;}
.appNameTooltip .zpfTooltip,.app-title .zpfTooltip,.wrapper .zpfTooltip,.applistWarningIcon .zpfTooltip,.connectorHelp .zpfTooltip,
.zpfCopyIcon .zpfTooltip,.installTooltip .zpfTooltip,.custom-tooltip .zpfTooltip,.nextactionview .zpfTooltip,
.upgrade-paid .zpfTooltip,.upgrade-inactive .zpfTooltip,.upgrade-unconfirmed .zpfTooltip,.widgetrange .disabledcls ~ .zpfTooltip,
.widgetStatus .zpfTooltip, .tooTipVersion .zpfTooltip, .zpfInfoicon .zpfTooltip,.plannameEle .zpfTooltip, .unconformed_email .zpfTooltip,
#inputTextToSave .zpfTooltip, .con_api_tooltip .zpfTooltip, .con-version .zpfTooltip{
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease-in-out;
}
.appNameTooltip:hover .zpfTooltip,.app-title:hover .zpfTooltip,.wrapper:hover .zpfTooltip,
.applistWarningIcon:hover .zpfTooltip,.connectorHelp:hover .zpfTooltip,.zpfCopyIcon:hover .zpfTooltip,
.upgrade-paid:hover .zpfTooltip,.upgrade-inactive:hover .zpfTooltip,.upgrade-unconfirmed:hover .zpfTooltip,
.installTooltip:hover .zpfTooltip,.custom-tooltip:hover .zpfTooltip,.nextactionview:Hover .zpfTooltip,
.widgetrange:hover .disabledcls ~ .zpfTooltip,.widgetStatus:hover .zpfTooltip,.tooTipVersion:hover .zpfTooltip,
.zpfInfoicon:hover .zpfTooltip,.plannameEle:hover .zpfTooltip, .unconformed_email:hover .zpfTooltip,
.con_api_tooltip:hover .zpfTooltip, #inputTextToSave:hover .zpfTooltip, .con-version:hover .zpfTooltip {
	top: 25px;
	opacity: 1;
	visibility: visible;
	transition: all .3s ease-in-out;
}
.dNone, .display-None, .dN,input.addCriteria::before,input.removeCriteria::before,#platformMenu, .helpLinks {display: none;}
.c-Usertooltip, .c-Helptooltip {
	top: 45px;
	left: 50%;
	transform: translateX(-50%);
	visibility: hidden;
	opacity: 0;
}
.c-Help:hover .c-Helptooltip, .c-User:hover .c-Usertooltip {
	top: 33px;
	visibility: visible;
	opacity: 1;
	transition: all .15s linear 0.3s;
}
.vH,.c-Help.active:hover .c-Helptooltip {visibility: hidden;}
#appDisableDiv.zpf-lyte-menu-box {display: none;}
.active {display:block !important;}
.prtName::after {
    content: "";
    position: absolute;
    top: 7px;
    -webkit-mask-image: var(--pf_cssSprite);
    mask-image: var(--pf_cssSprite);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--zcicn-black);
    display: inline-block;
    mask-position: -47px -4px;
    width: 11px;
    height: 6px;
    margin-left: 6px;
    transform: rotate(180deg) scale(1.2);
}
.managepaymenticon.zcicncss-expandsm {
	width: 14px;
    height: 14px;
	-webkit-mask-position: -188px -657px;
    mask-position: -188px -657px;
}
/* form section */
.configFormSec {
	width: 100%;
	display: flex;
	padding-bottom: 25px;
}
.configFormSec:last-child {padding-bottom: 0px;}
.configFormLable {
	width: 240px;
	text-align: right;
	color: var(--pf_labelColor);
	padding-right: 20px;
	box-sizing: border-box;
}
.configForm {
	width: calc(100% - 241px);
	display: flex;
	font-size: var(--pf-base-font-size);
    color: var(--baseColor);
    position: relative;
	word-break: break-word;
    line-height: 20px;
}
.configFormInput {
	width: 390px;
	padding: 7px 10px;
	box-sizing: border-box;
	border: 1px solid var(--br_pfBorder5);
	border-radius: 5px;
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
	line-height: 18px;
	height: 34px;
}
.inputBoxPlatform.form-controlTextBox,.form-control.configFormInput{width: 390px;}
.configFormInput:focus, .configFormInputfocus {
	border: 1px solid var(--pf_formBorderFocus);
	box-shadow: 0 0 6px 0 var(--pf_formBoxShadowFocus) !important;
}
.detailsVersion.popUpPublish.zpfalertPopup {
    padding: 20px 25px 25px;
    border-radius: 0 0 15px 15px;
}
.configFormInput .chosen-results .result-selected::before {display: none;}
#logoContainer .upload-style{top:-15px;}
#logoContainer .upload-style::before{
	transform: scale(1);
    background-color: var(--zcicn-grey);
	margin-bottom: 10px;
}
.upload-style.configContent{font-size: var(--pf-small-font-size);}
/* create connector common code */
form#connectorRecord .gform-label {
	width: 178px;
	text-align: right;
}
.popupWdgtTtl {
    position: relative;
    display: flex;
	align-items: center;
	text-align: center;
}
.popupWdgtTtl span {
	width: 100%;
    word-break: break-word;
    background: var(--bg_pfWhite) none repeat scroll 0 0;
    color: var(--pf_headingColor);
    font-size: var(--pf-large-font-size);
    padding: 0 20px;
    position: relative;
}
.configForm.error.zpfMandatory::before{height: calc(100% - 2px);}
.zpfMandatory.error .error{color: var(--pf_baseColor);}