/* $Id:$ */
/*stylelint-disable declaration-property-value-allowed-list*/
/*stylelint-disable declaration-property-value-disallowed-list*/
/*stylelint-disable property-disallowed-list*/
/*stylelint-disable selector-disallowed-list*/


@charset "UTF-8";

/******Common Class Start*******/
.trout .edit-icon-small,
.trout .deleteIcon,
#pickListTable .BtnMinus,
.trout .rename-icon-small,
#connectorLeftLink li,
.layoutRuleRightWidget,
label.clientLbl {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.crmInforActive {
	width: 730px;
    margin: 15px auto 0;
}
/*::-webkit-scrollbar {
    width: 0px;
    background: var(--bg_pfTrans);
}
::-moz-scrollbar {
    width: 0px;
    background: var(--bg_pfTrans);
}*/
.platform a{
	text-decoration:none !important;
	outline:none;
	cursor:pointer;
}
.platform input{
	outline:none;
	box-shadow:none;
}
.platform label{
	margin-bottom:0px;
	font-weight:normal;
}
.platform h1, .platform h2, .platform h3, 
.platform h4, .platform h5, .platform h6 {
	margin-top:0px;
	margin-bottom:0px;
}
.error,
.error1,
.errorLogo {
	color:var(--pf_negativeColor);
	display: block;
	font-size: var(--pf-small-font-size);
	margin:3px 0 0;
}
.error{
	margin:0 !important;
}
.successText {
	color: var(--pf_greenColor);
}

.errorText {
	color: var(--pf_negativeColor);
}

.d-log>input#editFeatureLogo {
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	cursor: pointer;
}

.fileImage {
	height: 100%;
	width: 100%;
	cursor: pointer;
}
.upload-div {
   width:auto;
   min-height: 80px;
   position: relative;
   overflow: hidden;
   clear:both;
}
.upload-wrap {
   	width:120px;
    height:120px;
	outline: none;
    position: absolute;
    top:100%;
    left: 0;
    background: var(--bg_pfBg2);
    border:1px dashed var(--br_pfBorder2);
    visibility: hidden;
    opacity: 0;
    z-index:1;
    box-sizing:border-box;
    cursor:pointer;
}
.upload-input{
	width: 100%;
    height: 100%;
	outline: none;
    opacity: 0;
    z-index:1;
    cursor:pointer;
}
.upload-img{
    width: 120px;
    height: 120px;
    outline: none;
    float:left;
    padding:20px;
    box-sizing:border-box;
    cursor:pointer;
	border:1px dashed var(--br_pfBorder2);
}
#appLogoPreview, #pluginLogoPreview{
	width:120px;
	height:120px;
}
#signalIconPreview ~ .upload-wrap {
   	width:80px;
    height:80px;
}
#signalIconPreview ~ .upload-wrap > .upload-style{
	line-height: 14px;
    top: -14px;
}
#signalIconPreview ~ .upload-wrap > .upload-style:before{
	transform: scale(1.5);
	margin-bottom: 15px;
}
#appLogoPreview ~ .upload-wrap .upload-style{
	font-size: var(--pf-medium-small-font-size);
}
#pluginLogoPreview ~ .upload-wrap .upload-input{
	position:absolute;
	left:0;
	top:0;
	z-index:3;
}
#pluginLogoPreview ~ .upload-wrap .upload-style{
	font-size: var(--pf-medium-small-font-size);
	z-index:1;
}
.upload-img:hover + .upload-wrap,.upload-wrap:hover,
.upload-div:hover > .upload-wrap{
	visibility:visible;
    opacity: 1;
    top:0;
}
.upload-div .errorLogo{
	width:100%;
	margin-top:6px;
} 
.loadingmessage span,
.loadingmessage img {
	color: var(--pf_greenColor);
	float: left;
	font-size: var(--pf-base-font-size);
	line-height: 20px;
	margin-right: 5px;
}

.loadingmessage>img {
	width: 20px;
}
.inputBoxText {
	border: 1px solid var(--br_pfBorder1);
	border-radius: 2px;
	padding: 7px 10px;
	width: 300px;
	box-sizing: border-box;
	font-size: var(--pf-base-font-size);
	color:var(--pf_baseColor);
}
.platform .leftNav i {
	width: 16px;
	height: 18px;
	display: block;
	font-style: normal;
	margin-right: 10px;
	margin-top: 1px;
}
.backicon,
.c-support,
.ap-url,
.cus-url,
.s-email-id,
.re-source,
.homeicon,
.iconInviteUser,
.iconConnectors,
.iconUser,
.note-signal-Icon,
.extension-detail {
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) no-repeat -21px -177px;
}

.extension-detail {
	background-position: -1px -1769px;
}

.selection .extension-detail {
	background-position: -22px -1769px;
}

.backicon {
	background-position: 3px -956px;
	margin-left: 7px;
	margin-top: 0;
	width: 22px;
}
/* .note-signal-Icon {
	background-position: -103px -2172px;
	margin-left: 7px;
	margin-top: 0;
	width: 32px;
	height: 30px;
	padding: 0 8px;
} */

.homeicon {
	background-position: 8px 2px;
	margin-left: 7px;
	margin-top: 0;
	width: 25px;
}

.ap-url,
.cus-url,
.s-email-id,
.re-source {
	width: 21px;
	height: 21px;
	float: left;
	margin-left: 14px;
	margin-top: 14px;
}

.iconInviteUser {
	background-position: -1px -1804px;
}

.ap-url {
	background-position: -52px -1251px;
}

.cus-url {
	background-position: -6px -1252px;
}

.s-email-id {
	background-position: -54px -1206px;
	height: 22px;
}

.re-source {
	background-position: -5px -1207px;
}

.c-support {
	background-position: -6px -1166px;
	float: left;
	height: 17px;
	margin-top: 5px;
	width: 17px;
}

.sclfun {
	height: 200px;
	overflow: auto;
	padding: 20px 0px;
	box-sizing: border-box;
}

.platform .iconUser {
	background-position: 0 -17px;
}

.platform .iconConnectors {
	background-position: 0 -2006px;
	height: 19px !important;
	margin-top: 0 !important;
}

.platform .selection .iconConnectors {
	background-position: -21px -2006px;
	height: 19px;
	margin-top: 0;
}

.platform .leftNav a {
	display: block;
	padding: 9px 10px;
	margin: 0;
	color: var(--pf_placeholderColor);
	font-weight: 400;
	font-size: var(--pf-base-font-size);
	border-top: solid 1px var(--br_pfBase);
	border-bottom: solid 1px var(--br_pfBase);
	text-decoration:none;
}

.platform .leftNav a.selection {
	background: var(--bg_pfParagraph);
	color: var(--pf_whiteColor);
	border-bottom: 1px solid var(--br_pfBorder5);
	border-top: 1px solid var(--br_pfBase);
}
#leftbar2 .invites {
	background: var(--bg_pfLabel);
	font-size: 33px;
	font-weight: 100;
	height: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	z-index: 10;
	display: none;
	border-left: 1px solid var(--br_pfBase);
}

.selection .invites {
	background: var(--bg_pfParagraph) !important;
}

.selection .invites:hover {
	background: var(--bg_pfParagraph) !important;
}

#leftbar2 .invites:hover {
	background: var(--bg_pfParagraph);
}
.plusIcon {
	background-image: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png");
	background-position: 0 -322px;
	background-repeat: no-repeat;
	margin: 0 !important;
	position: absolute;
	right: 7px;
	text-indent: -9999px;
	top: 11px;
}

/*********Left Sidebar ToolTip Over Effects***************/

.tt-wrapper a {
	position: relative;
	text-decoration:none;
}

.tt-wrapper a i {
	width: 100px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	left: 50%;
	margin-left: -64px;
	font-weight: 400;
	font-size: var(--pf-base-font-size);
	color: var(--pf_placeholderColor);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	background: var(--bg_pfParagraph);
	text-indent: 0px;
	border-radius: 3px;
	position: absolute;
	pointer-events: none;
	bottom: 70px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-style: normal;
}

.tt-wrapper a.b-support i {
	margin-left: -42px;
}

.tt-wrapper a.b-crm i {
	margin-left: -74px;
}

.tt-wrapper a i:before,
.tt-wrapper a i:after {
	content: '';
	position: absolute;
	bottom: -9px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid var(--br_pfTrans);
	border-right: 10px solid var(--br_pfTrans);
	border-top: 10px solid var(--br_pfBase);
}

.tt-wrapper a.b-crm i:before {
	margin-left: 2px;
}

.tt-wrapper a.b-crm i:after {
	bottom: -9px;
	margin-left: 2px;
	border-top: 10px solid var(--br_pfBase);
}

.tt-wrapper a.b-support i:before {
	margin-left: -28px;
}

.tt-wrapper a.b-support i:after {
	bottom: -9px;
	margin-left: -28px;
	border-top: 10px solid var(--br_pfBase);
}

.tt-wrapper a:hover i {
	opacity: 1;
	bottom: 55px;
}

.tt-wrapper li {
	width: 99%;
	float: left;
	border-right: solid 1px var(--br_pfBase);
	text-align: center;
}


/*              -------Edit Login Tool tip--------                   */

.appLogo a i,
.customAppName h1 i {
	background: var(--bg_pfLabel);
	bottom: 70px;
	color: var(--pf_whiteColor);
	font-size: var(--pf-medium-small-font-size);
	font-weight: 400;
	height: 40px;
	left: 160px;
	line-height: 20px;
	opacity: 0;
	padding: 10px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	text-indent: 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	top: 28px;
	width: 150px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-style: normal;
	text-decoration:none;
}

.appLogo a i:before,
.appLogo a i:after,
.customAppName h1 i:before,
.customAppName h1 i:after {
	border-bottom: 10px solid var(--br_pfTrans);
	border-right: 10px solid var(--br_pfBorder5);
	border-top: 10px solid var(--br_pfTrans);
	bottom: 18px;
	content: "";
	height: 0;
	left: -1px;
	margin-left: -9px;
	position: absolute;
	width: 0;
}

.customAppName h1 i {
	height: 20px;
	margin-left: 15px;
	right: 0;
	top: 8px;
	width: 135px;
}

.customAppName h1:hover i {
	opacity: 1;
	right: 0px;
	margin-left: 10px;
}

.appLogo a:hover i {
	opacity: 1;
	left: 148px;
}

.customAppName h1 i:before,
.customAppName h1 i:after {
	bottom: 10px;
	left: 0px;
}


/* Search Box Style */

input.newsearchbox {
	background: var(--bg_pfLabel);
	color: var(--pf_whiteColor);
}


img.searchall {
	background: url(/crmplatform/Platform/images/search-before.png) no-repeat;
}

.newsearchimg {
	cursor: pointer;
	float: left;
	height: 15px;
	margin-left: 6px;
	margin-top: 5px;
	width: 20px;
}

.newsearchbox {
	background-color: var(--bg_pfTrans);
	border: 0 none !important;
	border-radius: 12px;
	box-shadow: none !important;
	color: var(--pf_headingColor);
	float: left;
	font-size: var(--pf-medium-small-font-size);
	height: 21px;
	line-height: 21px;
	outline: medium none;
	width: 160px;
}
.leftNavSub i {
	width: 18px;
	height: 16px;
	display: block;
	font-style: normal;
	margin-right: 5px;
}

#connectorLeftLink li.active {
	background: var(--bg_pfParagraph);
	color: var(--pf_whiteColor);
	font-weight: 400;
}

#connectorLeftLink li li.active {
	border-bottom: 1px solid var(--br_pfBorder5);
	border-top: 1px solid var(--br_pfBase);
}
#functions li.hover, #connectorsAPI li.hover{
	background: var(--bg_pfBg1);
    border-left: 2px solid var(--br_pfTrans);
    border-bottom: 1px solid var(--br_pfTrans);
    transition: all .3s ease-out;
}
#connectorsAPI li.active,
#functions li.active{
	background: var(--bg_pfBg1);
    border-left: 2px solid var(--br_pfLink);
    border-bottom: 1px solid var(--br_pfBorder2);
    transition: all .3s ease-out;
}

#connectorLeftLink li:hover,
#connectorLeftLink li a:hover {
	background: var(--bg_pfParagraph);
}

#templates a,
#automate a,
#settings a {
	padding-left: 27px;
	text-decoration:none;
}

#appPage>span {
	display: block;
	height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 186px;
}

.i-signal,
.i-function {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat scroll -2px -1970px;
	background-color: var(--bg_pfTrans);
	float: left;
	height: 20px;
	margin-right: 10px;
	margin-top: -3px;
	width: 15px;
}

.i-signal {
	background-position: -59px -2274px;
}

.selection .i-signal {
	background-position: -89px -2274px;
}

.i-function {
	background-position: -58px -2236px;
	width: 16px;
}

.selection .i-function {
	background-position: -88px -2236px;
}


/*platformLeft Bottom*/

.platformLeftBottom {
	background: var(--bg_pfParagraph);
	border-top: 1px solid var(--br_pfBorder5);
	bottom: 20px;
	left: 0;
	position: absolute;
}

.platformLeftBottom a.b-crm {
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) no-repeat;
	display: inline-block;
	text-indent: -999em;
	background-position: 11px -780px;
	margin: 10px 0 3px;
	padding: 17px 55px;
	text-decoration:none;
}

.platformLeftBottom a.b-support {
	display: inline-block;
	padding: 10px 0;
	float: left;
	color: var(--pf_placeholderColor);
	line-height: 28px;
	width: 100%;
	text-align: left;
	text-decoration:none;
}
.errormsg {
	width:100%;
	font-size: var(--pf-small-font-size);
	color: var(--pf_negativeColor);
}

.platformLeftBottom a.b-support:hover {
	color: var(--pf_whiteColor);
}

.platformLeftBottom a.b-support span {
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) no-repeat;
	background-position: -14px -844px;
	width: 50px;
	height: 31px;
}


/*************** platform Right UI ***************/

.cellborderN tr:hover td {
	cursor: pointer;
}


/**Back arrow*/


/*.slimBack{ background:url(/crmplatform/Platform/images/icon_back_arrow.png) no-repeat 0 3px; width:17px; height:16px; display:block; text-indent:25px;}*/


/*need to add zc.css (crm)*/

.wAuto {
	width: auto !important;
}
.redTxt {
	color: var(--pf_negativeColor);
}

.preWrap {
	white-space: pre-wrap;
}
.noWrap {
	white-space: nowrap;
}

.blackBg {
	background: var(--bg_pfBase);
}

.whiteText {
	color: var(--pf_whiteColor);
}

.grey_txt {
	color: var(--pf_placeholderColor)
}


/******************
	Z Support Version
*********************/

.platformHead span.versionTitle {
	color: var(--pf_labelColor);
	font-size: var(--pf-large-font-size);
}

.moduleHead h3 {
	font-size: var(--pf-large-font-size);
	box-shadow: 0 5px 20px #F5F5F5;
	font-weight: normal;
	margin-bottom: 40px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.popupWidget,
.popupWidget1,
.popupWidget2, .popupWidget4 {
    position: absolute;
    top: 0px;
    left: 30%;
    z-index: 50;
    background: var(--bg_pfWhite);
    display:none;
    border-radius:0px !important;
}
.lmaWarning{
	 position: absolute;
    top: 0;
    left: 50%;
    z-index: 50;
    background: var(--bg_pfWhite);
    transform:translateX(-50%);
}
.popupWidget h3,
.lmaWarning h3,
.popupWidget1 h3,
.popupWidget2 h3,
.newPopUp h3 {
	font-size: var(--pf-large-font-size);
	font-family: var(--pf-font-semibold);
  	color:var(--pf_headingColor);
  	font-weight:400;
	background: var(--bg_pfBg2);
	padding:14px 20px 12px;
	border-bottom: 1px solid var(--br_pfBorder2);
  	box-sizing: border-box;
	margin: 0;
}

#cloneLayoutPopup {
	width: 510px;
	display: block;
	height: 235px;
	left: 50%;
	margin-left: -255px;
}

.dynamic-variabe-replace {
	width: 590px;
	margin-left: -295px;
	left: 50% !important;
	padding: 0px !important;
	position: fixed;
	overflow: scroll;
	top: 0px !important;
	max-height: 100%;
}

#manageModuleForm label {
	color: var(--pf_baseColor) !important;
	font-size: var(--pf-base-large-font-size);
	font-weight: normal;
}

#manageModuleForm option {
	font-size: var(--pf-base-font-size);
	padding: 4px 12px;
}

#manageModuleForm .showCancel {
	padding: 20px 32px 10px;
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	margin-top: 25px;
}


/* .showCancelbdr
{
	 width:460px !important;
} */

form#manageModuleForm {
	padding: 10px 55px;
}

.zohoSupportVersion .newtable {
	border-collapse: collapse;
	border-left: 1px dotted var(--br_pfBorder3);
	border-right: 1px dotted var(--br_pfBorder3);
	border-spacing: 0;
	margin-bottom: 10px;
	margin-top: 5px;
}
.zohoSupportVersion .newtable td {
	padding: 0px;
}

.zohoSupportVersion .newtable td td {
	border-bottom: 1px solid var(--br_pfBorder2) !important;
	border-left: 1px solid var(--br_pfBorder2) !important;
	empty-cells: show;
	color: var(--pf_baseColor);
	padding: 10px !important;
	text-align: left;
	vertical-align: top;
}

.lookupDivTd {
	border-bottom: 1px solid var(--br_pfBorder2) !important;
	height: 27px;
	white-space: nowrap;
}

.zohoSupportVersion .newtable td.tdAction {
	background: none repeat scroll 0 0 var(--bg_pfBg2);
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
}


/**********************Apps Page Tooltip********************/

.signInLInk,
.signOutLink {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	box-shadow: 0 0 8px #DAD9D9;
	float: left;
	left: -140px;
	min-height: 40px;
	padding-bottom: 15px;
	position: absolute;
	top: 32px;
	width: 350px;
	z-index: 50;
}

.signOutLink {
	left: -22px;
}

.getLinkBtnSignOut,
.getLinkBtnSignIn {
	cursor: pointer;
	float: right;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0;
}
.linkGetUrl {
	background: var(--bg_pfWhite);
}

.linkGetUrl:after,
.linkGetUrl:before {
	bottom: 100%;
	left: 50%;
	border: solid var(--br_pfTrans);
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.linkGetUrl:after {
	border-color: var(--br_pfTrans);
	border-bottom-color: var(--br_pfwhite);
	border-width: 10px;
	margin-left: -10px;
}

.linkGetUrl:before {
	border-color: var(--br_pfTrans);
	border-bottom-color: var(--br_pfBorder3);
	border-width: 11px;
	margin-left: -11px;
}

.linkGetUrl>a {
	border: medium none;
	color: var(--pf_linkColor);
	display: block;
	margin-top: 24px;
	min-width: 200px;
	padding: 0 15px;
	text-align: center;
	width: auto;
	word-break: break-word;
	text-decoration:none;
}

.linkGetUrl>input[type="text"]:focus {
	border: 0px !important;
	box-shadow: none;
	outline: none;
}

.copyLink {
	margin-top: 15px;
	text-align: center;
}


/******************************************************
					Apps Detail Page
**********************************************************/

#customizeData,
.appsDetails {
	float: left;
	margin-bottom: 40px;
}

.appsReview {
	box-shadow: 0 0 2px #dddddd;
}

.appsReview img {
	float: left;
}

.nme-app {
	font-size: var(--pf-large-font-size);
	font-family: var(--pf-font-semibold);
	margin-top: 3px;
}
.appsDesc .nme-app span {color: var(--pf_headingColor);}
.appsDesc .nme-app span.zpfBlackTooltip {color: var(--pf_tooltipBlackColor);}
#detailPage {
	display: table;
}

.appsDesc {
	border-bottom: 1px solid var(--br_pfBorder2);
	height: 120px;
	padding: 0 0 0 15px;
	width: 85%;
}

.appsIcons {
	background: var(--bg_pfLink);
	border-radius: 55px;
	float: left;
	height: 50px;
	margin-right: 10px;
	width: 50px;
}

.applicationUrl,
.customDomainUrl {
	float: left;
	width: 50%;
	position: relative;
}

.rattingStar {
	background: url("/crmplatform/Platform/images/stareOrange_6684fb4cf5bc441c740ee8b2c5eca2d6_.png") repeat-x scroll 0 -27px;
	background-color: var(--bg_pfTrans);
	height: 20px;
	margin: auto;
	text-indent: -99999px;
	width: 100px;
}


/*.orangeStar-1, .orangeStar-2, .orangeStar-3, .orangeStar-4, .orangeStar-5 {
	background: url("/crmplatform/Platform/images/stareOrange_6684fb4cf5bc441c740ee8b2c5eca2d6_.png") repeat-x scroll 0 0;
	background-color: var(--bg_pfTrans);
	height:20px
}
.orangeStar-1{
	width:20px;
}
.orangeStar-2{
	width:40px;
}
.orangeStar-3{
	width:60px;
}
.orangeStar-4 {
	width:80px;
}
.orangeStar-5{
	width:100px;
}*/

.reviews {
	text-align: center;
	color: var(--pf_paragraphColor);
}
.detailsVersion {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	box-shadow: 0 0 1px #ededed;
	box-sizing: border-box;
	margin: 33px 0 0 30px;
	padding: 20px;
	min-height: 500px;
}

.appsDesc h3 {
	font-weight: 300;
}

.appStatus {
	margin: 20px 0;
}

.appStatus ul {
	padding: 10px 0;
}

.appStatus ul li {
	/*width: 255px;*/
	margin-left: 10px;
	margin-right: 45px;
}

span.desLabel,
.releasedOn {
	color: var(--pf_paragraphColor) !important;
	display: block;
	float: left;
	font-size: var(--pf-base-font-size);
	font-weight: 400;
	margin-right: 10px;
}

span.desLabel {
	width: 100px;
}

.domainUrl {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	padding: 25px 20px;
}

.applicationUrl p,
.customDomainUrl p {
	font-size: var(--pf-base-font-size);
	line-height: 25px;
}

.appStatus ul li:first-child>span {
	float: left;
}
.appsDesc span {
	color: var(--pf_labelColor);
	display: inline-block;
}
.appsDesc span.pfLinkColor {
 	color: var(--pf_linkColor);
}
.appsDesc span.icon-hover-effects{
	display: inline-flex;
}
.liveApps,
.inactiveApps {
	background: none repeat scroll 0 0 var(--bg_pfGreen);
	border-radius: 12px;
	height: 10px;
	margin: 4px 5px 0 10px !important;
	width: 10px;
}

.VersionHead h3 {
	font-size: var(--pf-medium-large-font-size);
	color: var(--pf_baseColor);
	font-weight: normal;
}

.releasedOn {
	color: var(--pf_placeholderColor) !important;
	font-size: var(--pf-base-font-size) !important;
	width: 100%;
}

.tabmodel1.tabNev li:last-child a {
	margin-right: 0;
}

.orclr {
	color: var(--pf_warningColor) !important;
}

.clr54 {
	color: var(--pf_paragraphColor);
}

.tabsbox {
	/* 	overflow: auto; */
	padding-top: 25px;
}

.tabsboxoverflow {
	overflow: visible;
}

.borderTop {
	border-top: 1px solid var(--br_pfBorder2);
	margin-left: -3px !important;
}
.fullHWBG {
	background: var(--bg_pfBg2);
	height: 100%;
	margin: 0;
	width: 100%;
}

h4.contentHeader {
	border-bottom: 1px solid var(--br_pfBorder3);
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	font-weight: 400;
	margin: 0;
}

#tab2 td .lookupDivTd {
	background: var(--bg_pfWhite);
}

#tab2 tr {
	border-left: 1px solid var(--br_pfBorder2);
	border-right: 1px solid var(--br_pfBorder2);
}
.tabsbox li {
	color: var(--pf_labelColor);
	font-size: var(--pf-base-font-size);
}

.keyFeature,
.whatsNewVersion,
.resources {
	margin: 10px 0 20px !important;
}

.keyFeature>li,
.whatsNewVersion>li,
.resources>li {
	list-style: decimal outside none;
	margin-left: 20px !important;
}

.resources span {
	display: block;
	float: left;
	width: 150px;
}

.resoucrcesLbl {
	color: var(--pf_paragraphColor);
	width: auto !important;
}

.screenShots>li {
	float: left;
	width: 50%;
}

.screenShots p {
	margin-bottom: 5px;
	margin-top: 10px;
}
.detailsVersions {
	margin-top: 70px;
}
.profilePhoto.fL {
	text-align: center;
	width: 10%;
}

h3.cutomerName {
	font-size: var(--pf-base-large-font-size);
}

h3.cutomerName span {
	color: var(--pf_placeholderColor);
	font-size: var(--pf-extra-small-font-size);
}

.reviewComment .rattingStar {
	float: left;
}

.customerReview {
	height: auto;
}

div p.po-hlp {
	clear: both;
	float: left;
	margin-top: 5px;
	width: 440px;
}

.separator-span {
	color: var(--pf_placeholderColor) !important;
	margin: 0 12px;
}

.add-domain {
	position: absolute;
	border: solid 1px var(--br_pfBorder2);
	padding: 15px;
	background: var(--bg_pfWhite);
	top: 48px;
	z-index: 22;
	margin-left: 1px;
	box-shadow: 0 9px 16px #ddd;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 6px solid var(--br_pfTrans);
	border-right: 6px solid var(--br_pfTrans);
	border-top: 6px solid var(--br_pfBase);
	float: right;
	margin-top: 11px;
	margin-left: 3px;
}


/**** New Changes App detail page *****/
.refreshContent {
	margin-left: 140px;
    margin-top: 5px;
	display:none;
    font-size: var(--pf-small-font-size);
    position: absolute;
    top: 11px;
    left: 8px;
    color: var(--pf_linkColor) !important;
    cursor: pointer;
    background: var(--bg_pfWhite);
    width: 340px;
    padding-left: 5px;
}
.appDetailtbl td {
	vertical-align: top;
}
.appDetailtbl tr td {
	padding-bottom: 25px;
	padding-right: 100px;
	width: 50%;
}

table.appDetailtbl {
	background: var(--bg_pfWhite);
	margin-top: 40px;
	border: 1px solid var(--br_pfBorder3);
	padding: 20px;
}

.appDetailtbl p.generalSetCont {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
}

.appsDetails {
	margin: 0 !important;
	padding-bottom: 40px;
}

.editIconAction {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat;
	background-position: -49px -1460px;
	width: 20px;
	height: 19px;
	display: block;
}

.edit-icon {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat;
	background-position: -8px -1460px;
	width: 20px;
	height: 19px;
	display: block;
	text-indent: -999px;
}

.del-icon-small {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat;
	background-position: -101px -1620px;
	width: 20px;
	height: 20px;
	display: block;
	text-indent: -999px;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
	text-decoration:none;
}

/* .edit-icon-small {
	background: url("/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg") no-repeat;
	background-position: -49px -211px;
	border: 0px;
} */

.rename-icon-small {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat;
	background-position: -56px -298px;
	width: 20px;
	height: 19px;
	display: block;
	text-indent: -999px;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
}

.edit-icon-micro {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat;
	background-position: -92px -598px;
	width: 20px;
	height: 19px;
	display: block;
	text-indent: -999px;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
}

.verRejected {
	color: var(--pf_warningColor);
}

.verDepricated {
	color: var(--pf_placeholderColor);
}

.verApproved {
	color: var(--pf_greenColor);
}

.UnderReview {
	color: var(--pf_linkColor);
}

.submit_application {
	background-color: var(--bg_pfBg2);
	box-sizing: border-box;
	padding: 15px 10px;
}

.mark_application {
	color: var(--pf_labelColor);
	width: 400px;
}


/******************************************************
					Apps List Page
**********************************************************/
/* .puplishApp:nth-child(4n) {
	margin-right: 0;
} */

.grayBg {
	background: var(--bg_pfBg2);
	height: 45px;
}

.clrf2 {
	background: var(--bg_pfBg2);
}

.appsLeftAction>a {
	display: block;
	text-align: center;
	text-decoration:none;
}

.puplishRightWidget,
.upgradeRightbtn {
	padding-top: 15px;
	text-align: center;
	width: 100%;
}

.appWidgetAction h3 {
	font-size: unset;
	text-align: center;
}

.pluginBtn {
	display: table;
	margin: 14px auto auto;
}

.publishConfirmBtn>.formLoaderGif {
	top: -2px;
}

.dividhr.fL {
	border-right: 1px solid var(--br_pfBorder2);
	height: 58%;
	margin-top: 12px;
}

.editMode {
	background: url("/crmplatform/Platform/images/transBg_619fbb16abe1eb6b7e49fdbed0ed10bb_.png") repeat scroll 0 0;
	background-color: var(--bg_pfTrans);
	box-shadow: 0 0 3px #d9d9d9;
	height: 210px;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	cursor: pointer;
}
.editMode .primaryBtn{
	background-image: url("/crmplatform/Platform/images/whiteedit_0961b2b12a28e2b319f23c0bbc37b618_.png");
	background-position: 4px 3px;
	background-repeat: no-repeat;
	left: 95px;
	padding-left: 35px;
	position: absolute;
	top: 95px;
}

.sandboxview.secondaryBtn,
.publishview.primaryBtn {
	font-size: var(--pf-base-font-size);
	margin: 13px 19px 0;
	text-align: center;
	/* width: 60px; */
}
.appWidgetAction .loadingmessage {
	bottom: 2px;
	margin-left: 15px;
	right: 4px;
	text-align: right;
}

.appWidgetAction .loadingmessage>img {
	margin-left: 18px;
	width: 15px;
}

.map-lead .loadingmessage {
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}

.appWidgetAction .loadingmessage span,
.appWidgetAction .loadingmessage img {
	color: var(--pf_greenColor);
	float: left;
	font-size: var(--pf-extra-small-font-size);
	margin-right: 5px;
	margin-top: 4px;
}

p.versionType {
	margin-top:8px;
	display:flex;
	justify-content: center;
    align-items: center;
}

.appWidgetList {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 40px;
}
.editAction a {
	border: 1px solid var(--br_pfTrans);
	border-radius: 50px;
	display: block;
	float: left;
	height: 38px;
	width: 38px;
	text-decoration:none;
}

.editAction a.overEffect {
	border: 1px solid var(--br_pfBorder2);
}

.editAction a.appsEdit,
.editAction a.appsGrid {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat;
	background-position: -49px -1460px;
}

.editAction a.appsGrid {
	background-position: -28px 11px;
}

.upgradeStatus span {
	color: var(--pf_paragraphColor);
	float: left;
	font-size: var(--pf-base-font-size);
	line-height: 20px;
}

.inactiveApps {
	background: none repeat scroll 0 0 var(--bg_pfBg5);
	display: inline-table;
	margin-top: 4px;
}

.upgradeStatus span.desLabel {
	color: var(--pf_labelColor);
	font-size: var(--pf-base-font-size);
}

.appWidgetAction>span {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
}

.publishedUrl {
	font-size: var(--pf-base-font-size);
}

.modifiedOn {
	color: var(--pf_placeholderColor) !important;
}

.upgradeRightbtn {
	position: absolute;
	right: 1px;
	top: 0;
	opacity: 0;
}

.upgradeRightbtn:hover {
	box-shadow: 0 0 5px #EFEFEF inset;
	opacity: 1;
}

.appsLeftAction h3 {
	text-align: center;
}

.upgradeStatus .liveApps,
.upgradeStatus .inactiveApps {
	margin-top: 6px !important;
}

.editAction a:hover {
	box-shadow: 0 0 2px #DFDFDF inset;
}

.upgradeStatus li {
	margin-bottom: 2px !important;
}

.positionDesc {
	padding-top: 10px;
}


/* Loading Message*/

#publishdetail .loadingmessage {
	left: 108px;
	position: absolute;
	top: 6px;
	width: 175px;
}

.appWidgetList #publishdetail .loadingmessage {
	top: 5px;
}

#publishdetail .loadingmessage>img {
	margin: 0 5px 0 0;
	width: 20px;
}
#appPublishPopUp {
	left: 0;
	position: fixed;
	top: 0;
}

.owl-prev,
.owl-next {
	display: none !important;
}

.okbtn {
	border-top: 1px solid var(--br_pfBorder2);
	padding-top: 20px;
	text-align: center;
}
.pupUpMsg>img {
	float: left;
	margin-right: 30px;
}

.pupUpMsg {
	display: table;
	padding: 25px 35px 40px;
	width: 450px;
	margin: auto;
}

.messageCont p {
	color: var(--pf_labelColor);
	font-size: var(--pf-base-font-size);
	line-height: 24px;
	font-weight: 300;
}

.app-detail-pub>p {
	line-height: 25px;
}

/* h2.mmoduleTtl .popupCloseIcon {
	margin-right: 0;
	top: 0;
} */

#stageProbMap {
	top: 0px !important;
}

#stageProbTabelScroll {
	height: 400px;
	margin-top: -16px;
	overflow: auto;
}

#createLayoutRulePopup .form-control {
	border: 1px solid var(--br_pfBorder1);
	float: left;
	padding: 7px 10px;
	box-sizing:border-box;
	width: 300px;
	font-size: var(--pf-base-font-size);
	color:var(--pf_baseColor);
	border-radius: 2px;
	box-sizing: border-box;
}
.profile-form {
	display: table;
}

.address {
	width: 60%;
}

.address .form-control {
	margin-right: 10px;
	margin-top: 20px;
	width: 237px;
}

.payPalHead {
	border-bottom: 1px solid var(--br_pfBorder3);
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	margin-bottom: 20px;
	padding-bottom: 3px;
}

.form-control.w500px {
	float: left;
	width: 500px;
}

.saveBtn {
	border: medium none;
	margin-left: 242px;
	margin-top: 25px;
}

.saveProfile {
	border-top: 1px solid var(--br_pfBorder2);
}

table.selectModule td {
	width: 125px;
	font-size: var(--pf-base-font-size);
}

.inputTxtBox.secondaryBtn{
	border-left: 0 none;
	border-radius: 0;
}

textarea.resizeNone {
	color: var(--pf_baseColor);
}


/********************Select Option*************/

.newSelect,
.pSelect,
.nosearchSelect {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.tooltip{
	position: relative;
  	display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: var(--bg_pfBase);
  color: var(--pf_placeholderColor);
  text-align: center;
  padding: 5px;
  border-radius: 2px;
  position: absolute;
  z-index: 1;
  font-size: var(--pf-extra-small-font-size);
  }


.tooltip:hover .tooltiptext {
  visibility: visible;
}


.tooltip{
	position: relative;
  	display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: var(--bg_pfBase);
  color: var(--pf_placeholderColor);
  text-align: center;
  padding: 5px;
  border-radius: 2px;
  position: absolute;
  z-index: 1;
  font-size: var(--pf-extra-small-font-size);
  }

.formBuildIcons{	
	background-image : url(/crmplatform/images/sprite_moduleBuilder_d9fcb8bae95740732a34bcdde21bd119_.svg)
}
.infoPopOrng{
	cursor: pointer;
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: -277px -328px;
    position: relative;
    margin-left: 3px;
    vertical-align: middle;
    margin-top: -1px;
}


.nosearchSelect .chosen-search {
	display: none;
}

.newSelect:after {
	content:'';
    -webkit-mask-position: -66px -5px;
    mask-position: -66px -5px;
    width: 11px;
    height: 7px;
    background-color: var(--zcicn-grey);
	right: 15px;
	top: 13px;
	position: absolute;
}

/* ------------------------------Edit Login Page */

.customizePage {
	float: left;
	margin: 0 !important;
	width: 100%;
	box-sizing: border-box;
}

#editLoaginPage {
	margin: auto;
	padding-top: 40px;
	width: 40%;
	position: relative;
	margin-bottom: 40px;
	/* padding-bottom: 40px; */
	z-index: 10;
}

#editLoaginPage .customAppName,
#editLoaginPage .appLogo {
	text-align: center;
}

#editLoaginPage .form-control {
	border: 1px solid var(--br_pfBorder2);
	float: left;
	font-size: var(--pf-base-font-size);
	padding: 8px 5px;
	width: 96%;
}

#editLoaginPage .loginFrom {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	/* box-shadow: 0 0 3px #E8E8E8;*/
	display: table;
	margin: 15px auto auto;
	padding: 35px;
	position: relative;
}

#editLoaginPage .text-control {
	border: 1px solid var(--br_pfBorder2);
	box-sizing: border-box;
	float: left;
	padding: 7px;
	width: 300px;
}

.vcrmEllipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
}

h4.hidesignin {
	background: var(--bg_pfWhite);
	box-sizing: border-box;
	color: var(--pf_paragraphColor);
	font-size: var(--pf-medium-large-font-size);
	font-weight: 300;
	height: 35px;
	left: 0;
	line-height: 25px;
	position: absolute;
	text-indent: 55px;
	width: 100%;
}

#editLoaginPage .accountLbl {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-large-font-size);
}

.help-icon {
	background: url("/crmplatform/Platform/images/help-icon.png") no-repeat scroll 0 0;
	background-color: var(--bg_pfTrans);
	padding: 8px 8px 8px 40px;
}

.customAppName h1 {
	color: var(--pf_baseColor);
	font-size: 30px;
	font-weight: 200;
	margin: 5px 0 0;
	position: relative;
	display: inline;
}

.edit-preview-icon {
	position: absolute;
	right: -250px;
	top: 20px;
	z-index: 11;
}

.edit-preview-icon .preview,
.edit-preview-icon .customEdit,
.edit-preview-icon .undoPreview {
	background: url("/crmplatform/Platform/images/edit-preview-icon.png") no-repeat scroll 0 0;
	background-color: var(--bg_pfTrans);
	display: block;
	float: left;
	height: 45px;
	text-indent: -99999px;
	width: 45px;
}

.edit-btn .customEdit {
	background: url("/crmplatform/Platform/images/edit-preview-icon.png") no-repeat scroll 0 0;
	background-color: var(--bg_pfTrans);
}

.edit-preview-icon .undoPreview {
	background-position: -150px 0;
}

.edit-preview-icon .customEdit,
.edit-btn .customEdit {
	background-position: -50px 0;
	margin-right: 10px;
}

.edit-preview-icon .iIcon,
.edit-btn .iIcon .editIconAction,
.edit-btn12 .iIcon .editIconAction {
	background-position: -10px -1460px;
}

.appLogo img {
	padding: 6px;
}

.customAppName #editAppName {
	background: none;
	color: var(--pf_paragraphColor);
	font-size: 34px;
	font-weight: 200;
	margin: 5px 0 0;
	padding: 0px;
	text-align: center;
	border: 1px dashed var(--br_pfBorder3);
}

.auth-gen {
	background: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	margin: 30px auto;
	padding: 20px;
}

.auth-gen .form-control {
	width: 240px;
}


/*****************Preview Page Style*******************/

.customPreview,
.edit-preview-icon,
.main-div {
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}
.customPreview {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.changeImage {
	background: none repeat scroll 0 0 var(--bg_pfLabel);
	bottom: 8px;
	color: var(--pf_whiteColor);
	font-size: var(--pf-base-font-size);
	height: 0;
	left: 7px;
	opacity: 0;
	padding: 2px 0;
	position: absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 89.4%;
}

.appLogo>a:hover .changeImage {
	height: 20px;
	opacity: 0.8;
}

.appLogo>a,
.customizeePage #editLoaginPagee {
	display: block;
	height: 134px;
	margin: auto;
	position: relative;
	width: 134px;
	z-index: 40;
	text-decoration:none;
}

.customizeePage #editLoaginPagee {
	z-index: 20;
}

.editLoaginPage .customAppName h1 {
	z-index: 40;
}

.editLoaginPage .customAppName {
	margin-top: 20px;
	text-align: center;
}


/************File Upload Button*************/

.uploadFile {
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.uploadFileWOHIDE {
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}


/*********** ****** Customized List Page****** **************/

.clistPageEdit .customEdit {
	margin-left: 5px;
	background: url("/crmplatform/Platform/images/edit-preview-icon.png") no-repeat scroll 0 0;
	background-position: -53px -2px;
	background-color: var(--bg_pfTrans);
	opacity: 0.6;
}

.customizeListPage {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	display: table;
	margin: 30px 0 0 30px;
	width: 920px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}
.signUpPageIcon span {
	background-color: var(--bg_pfLabel);
}

.signInPageIcon span {
	background-color: var(--bg_pfWarn);
}

.landingPageIcon span,
.signUpPageIcon span,
.signInPageIcon span {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") var(--bg_pfGreen);
	background-position: 19px -1487px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	border-radius: 50%;
	display: block;
	height: 80px;
	width: 80px;
}

.customizeListPage li:hover {
	background: var(--bg_pfWhite);
}

.clistPageText>h4 {
	color: var(--pf_headingColor);
    font-size: var(--pf-medium-font-size);
    font-family: var(--pf-font-semibold);
	font-weight: normal;
	margin: 15px 0 5px;
}

.clistPageText p,
.pTxt {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
	font-weight: normal;
	line-height: 22px;
}

.clistPageText {
	margin-left: 20px;
	overflow: auto;
	width: 700px;
}

.customizeListPage li {
	border-bottom: 1px solid var(--br_pfBorder2);
	float: left;
	width: 100%;
	padding: 0px;
}

.placeHolderLabel {
	color: var(--pf_labelColor);
	float: left;
	font-size: var(--pf-extra-small-font-size);
	margin-top: 0;
	position: absolute;
	top: -17px;
	width: 100%;
}

.customizeListPage a {
	display: block;
	float: left;
	padding: 15px 20px;
	width: 100%;
	box-sizing:border-box;
	text-decoration:none;
}

.hiddenDiv {
	background: var(--bg_pfBg2) !important;
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}

.bgOpacity {
	opacity: 0;
	background: none;
	z-index: 10;
}
.listPageMenu {
	background: none repeat scroll 0 0 var(--bg_pfBg2);
	border: 1px solid var(--br_pfBorder2);
	display: table;
	left: 30px;
	padding: 10px;
	position: absolute;
	top: 47px;
	width: auto;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	box-shadow: 1px 1px 3px #ebebeb;
}

.listPageMenu,
.comonDropdown {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 0 -20px 0;
	-moz-transform-origin: 0 -20px 0;
	-ms-transform-origin: 0 -20px 0;
	-o-transform-origin: 0 -20px 0;
	transform-origin: 0 -20px 0;
}

.listPageMenu.active,
.comonDropdown.active {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s cubic-bezier(0.3, 1.6, 0.7, 1);
	-moz-transition: all 0.3s cubic-bezier(0.3, 1.6, 0.7, 1);
	-o-transition: all 0.3s cubic-bezier(0.3, 1.6, 0.7, 1);
	transition: all 0.3s cubic-bezier(0.3, 1.6, 0.7, 1);
	opacity: 1;
}

.listPageMenu a {
	display: block;
	padding: 4px 20px 4px 10px;
	line-height: 20px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
	text-decoration:none;
}

.listPageMenu a:hover {
	background: var(--bg_pfLink);
	color: var(--pf_whiteColor);
}

.listPageMenu a.active {
	background: var(--bg_pfLink);
	color: var(--pf_whiteColor);
}

/* *********************************** Started Landing Page       *******************************/

.transform {
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.clear {
	clear: both;
}

.container {
	display: table;
	width: 990px;
}

.dividerBtm {
	border-bottom: 1px solid var(--br_pfwhite);
	border-top: 1px solid var(--br_pfBorder2);
	width: 100%;
}

.uCase {
	text-transform: uppercase;
}

.borderBtm {
	border-bottom: 1px solid var(--br_pfBorder2);
}

.benefits {
	background: var(--bg_pfWhite);
}


/******************Header Section***********************/

header {
	height: 73px;
}

#headerSection {
	min-width: 990px;
	transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
}

.naviBar li {
	float: left;
	list-style: none outside none;
	margin: 0 20px;
}

.naviBar a {
	color: var(--pf_paragraphColor);
	text-decoration: none;
	text-transform: uppercase;
}

.signin,
.signUp,
.tryforfree {
	border: 1px solid var(--br_pfBorder2);
	color: var(--pf_baseColor);
	display: table;
	margin-left: 20px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.signUp,
.tryforfree {
	background: var(--bg_pfNegative);
	color: var(--pf_whiteColor);
	border: 1px solid var(--br_pfNegative);
}

.loginAcc {
	width: 250px;
}

.logo img {
	margin-top: 15px;
}

nav.naviBar {
	margin-top: 35px;
}

.signin,
.signUp {
	margin-top: 23px;
	padding: 8px 20px;
	cursor: pointer;
}

.signin {
	background: none;
}

.signUp {
	border: none;
}


/******************Banner Section***********************/

section.topBanner,
section.keyFeatures {
	background: var(--bg_pfBg2);
}

.bannerImage>img,
.keyFeaturesList li>img {
	box-shadow: 0 0 3px #D6D6D6;
}
.bannerDesc h2,
.keyFeaturesList h2 {
	color: var(--pf_baseColor);
	font-size: 34px;
	font-weight: 200;
}

.bannerDesc p {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	font-weight: 200;
	line-height: 24px;
	margin-top: 15px;
}

.bannerDesc {
	display: table;
	margin-left: 45px;
	margin-top: 80px;
	width: 335px;
}

.tryforfree {
	font-size: var(--pf-base-large-font-size);
	font-weight: 200;
	line-height: 14px;
	margin: 30px 0 0;
	padding-top: 10px;
}
/******************Key Features Section***********************/

.keyFeaturesList li {
	float: left;
	list-style: none outside none;
	margin-bottom: 50px !important;
	margin-right: 45px !important;
	margin-top: 50px !important;
	width: 296px;
}

.keyFeaturesList li:nth-of-type(3n) {
	float: right;
	margin-right: 0 !important;
}

.keyFeaturesList li h3 {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	font-weight: normal;
	margin-bottom: 20px !important;
	margin-top: 30px;
}

.keyFeaturesList li>p {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
	line-height: 20px;
	margin: 0;
}

.keyFeatures {
	padding-top: 75px;
}

.tryNowBtn {
	text-align: center;
	padding: 50px 0;
	border-top: 1px solid var(--br_pfBorder2);
	width: 100%;
}

.tryNowBtn .tryforfree {
	margin: auto;
}

footer.footerSection {
	background: var(--bg_pfBase);
	padding: 40px 0 50px;
	text-align: center;
	color: var(--pf_labelColor);
	clear: both;
}

.footerNavLinks {
	display: table;
	margin: 15px auto auto;
	width: 290px;
}

.footerNavLinks li {
	float: left;
	list-style: none outside none;
}

.footerNavLinks li:last-child a {
	border: medium none;
}

.footerNavLinks a {
	border-right: 1px solid var(--br_pfBase);
	color: var(--pf_labelColor);
	padding: 2px 6px;
	text-decoration: none;
}

.socilaMedia>li {
	float: left !important;
	list-style: none outside none;
	margin: 5px !important;
}

.socilaMedia {
	margin: 15px auto auto;
	width: 100px;
}


/*  editor style  */

.main-div {
	display: table;
	height: 0;
	margin: 0 auto;
	position: relative;
	top: 0;
	z-index: 20;
}

.edit-niv {
	background: linear-gradient(to bottom, var(--bg_pfBg2) 0%, var(--bg_pfBg3) 100%);
	overflow: auto;
	width: 938px;
	position: absolute;
	top: 0;
}

.edit-niv li {
	border-left: 1px solid var(--br_pfBorder2);
	border-right: 1px solid var(--br_pfBorder2);
	float: left;
	height: 39px;
}

.edi-lin a {
	color: var(--pf_baseColor);
	text-decoration: none;
	font-size: var(--pf-base-font-size);
	padding: 10px 20px;
	float: left;
}

.edi-lin a.sel {
	background: var(--bg_pfWhite);
	border-top: solid 2px var(--br_pfWarn);
	padding-top: 10px;
}

#editBg,
#adduserPopup {
	background: var(--bg_pfWhite);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 45;
	opacity: 0.6;
}

.main,
.mainben {
	position: fixed;
	z-index: 40;
	background: var(--bg_pfWhite);
	margin: 0 auto;
	width: 610px;
	top: 50px;
	left: 44%;
	margin-left: -305px;
}

.main {
	margin: 0 auto;
	z-index: 50;
}

.main-new,
.mainbenefit-new {
	position: fixed;
	z-index: 50;
	background: var(--bg_pfWhite);
	margin: 0 auto;
	width: 610px;
	top: 50px;
	left: 50%;
	margin-left: -305px;
}

.ml110 {
	margin-left: 110px;
}

.ml200 {
	margin-left: 200px;
}

.mL75 {
	margin-left: 75px;
}

.edit-pop-h {
	background: var(--bg_pfBg2);
	color: var(--pf_whiteColor);
	overflow: auto;
	padding: 10px 20px;
	padding-right: 4px;
}

.edit-pop-h h5 {
	font-size: var(--pf-base-large-font-size);
	font-weight: 400;
	color: var(--pf_baseColor);
	margin: 0px;
}

.pop-tbl {
	margin-left: 30px;
	margin-bottom: 30px;
}

.pop-tbl td {
	padding-top: 20px;
	vertical-align: top;
}

.pop-bod {
	background: var(--bg_pfWhite);
	border: solid 1px var(--br_pfBorder2);
	border-top: none;
	box-shadow: 0 4px 4px #e0e0e0;
}

#pricingPopUP {
	border: solid 1px var(--br_pfBorder2);
	box-shadow: 0 4px 4px #e0e0e0;
}

.planDecide ol li {
	list-style-type: decimal !important;
}

.planDecide ul li {
	list-style-type: disc !important;
}

.bdr-top {
	border-top: solid 1px var(--br_pfBorder2);
}

.bdr-RtNone {
	border-right: 0px !important;
}

.bdr-LtNone {
	border-left: 0px !important;
}

.div-bdr {
	height: 0px;
	border-top: solid 1px var(--br_pfwhite);
	border-bottom: solid 1px var(--br_pfBorder2);
}

.pop-img {
	box-shadow: 0px 0px 2px #ddd;
}

.lbl {
	margin-top: 2px;
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
}

.save {
	background: var(--bg_pfWhite);
	border: solid 1px var(--br_pfBorder2);
	border-radius: 2px;
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
	padding: 5px 12px;
	cursor: pointer;
}

.save:hover {
	box-shadow: 1px 1px 1px #EBEBEB;
}

.add-img {
	background: var(--bg_pfWarn);
	border-radius: 2px;
	color: var(--pf_whiteColor);
	float: left;
	font-size: var(--pf-base-font-size);
	margin-top: 5px;
	padding: 5px 12px;
	text-decoration: none;
	position: relative;
}

.add-img>input {
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.edi-are {
	padding: 20px;
	border: solid 1px var(--br_pfBorder2);
	border-top: none;
	overflow: auto;
	box-shadow: 0 -40px 4px #ddd;
	margin-top: 40px;
	min-height: 230px;
	background: var(--bg_pfWhite);
}

.edi-are-li li {
	float: left;
}

.edit-textbox,
.edit-textarea {
	border: solid 1px var(--br_pfBorder2);
	background: var(--bg_pfWhite);
	width: 280px;
	height: 32px;
	padding-left: 10px;
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
}

.pop-bod .edit-textbox,
.pop-bod .edit-textarea {
	width: 270px;
}

.edit-textarea {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
	line-height: 22px;
	padding-top: 10px;
}

.feat-list,
.ben-list {
	background: var(--bg_pfBg3);
	border-left: 2px solid var(--br_pfWarn);
	color: var(--pf_paragraphColor);
	float: left;
	margin-left: 10px;
	margin-top: 15px;
	padding: 5px 10px;
	text-decoration: none;
	width: 267px;
	font-size: var(--pf-base-font-size);
}

#Pricing-table .ben-list {
	width: 187px;
	cursor: pointer;
}

#Pricing-table .ben-list:hover {
	box-shadow: 0 0 2px #dbdbdb inset;
}

.feat-list span,
.ben-list span {
	float: right;
	margin-top: 2px;
}

.feat-list i,
.ben-list i {
	display: block;
	float: left;
	font-style: normal;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 150px;
}

.edi-areL {
	display: none;
}

.add-fet,
.add-ben {
	background: var(--bg_pfWarn);
	border-radius: 2px;
	color: var(--pf_whiteColor);
	text-decoration: none;
	padding: 7px 10px;
	cursor: pointer;
}

a.d-log {
	cursor: pointer;
	float: left;
	position: relative;
}

a.d-log:hover .changeImage {
	height: 20px;
	opacity: 0.8;
}

.fot-ed {
	padding-left: 180px;
}

.fot-ed td {
	padding-top: 20px;
}


/*   start Loading css */

#circleG {
	width: 37.333333333333336px;
}

.circleG {
	background-color: var(--bg_pfWhite);
	float: left;
	height: 6px;
	margin-left: 4px;
	width: 6px;
	-moz-animation-name: bounce_circleG;
	-moz-animation-duration: 1.35s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: linear;
	-moz-border-radius: 5px;
	-webkit-animation-name: bounce_circleG;
	-webkit-animation-duration: 1.35s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: linear;
	-webkit-border-radius: 5px;
	-ms-animation-name: bounce_circleG;
	-ms-animation-duration: 1.35s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: linear;
	-ms-border-radius: 5px;
	-o-animation-name: bounce_circleG;
	-o-animation-duration: 1.35s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: linear;
	-o-border-radius: 5px;
	animation-name: bounce_circleG;
	animation-duration: 1.35s;
	animation-iteration-count: infinite;
	animation-direction: linear;
	border-radius: 5px;
}

#circleG_1 {
	-moz-animation-delay: 0.27s;
	-webkit-animation-delay: 0.27s;
	-ms-animation-delay: 0.27s;
	-o-animation-delay: 0.27s;
	animation-delay: 0.27s;
}

#circleG_2 {
	-moz-animation-delay: 0.63s;
	-webkit-animation-delay: 0.63s;
	-ms-animation-delay: 0.63s;
	-o-animation-delay: 0.63s;
	animation-delay: 0.63s;
}

#circleG_3 {
	-moz-animation-delay: 0.8099999999999999s;
	-webkit-animation-delay: 0.8099999999999999s;
	-ms-animation-delay: 0.8099999999999999s;
	-o-animation-delay: 0.8099999999999999s;
	animation-delay: 0.8099999999999999s;
}

@-moz-keyframes bounce_circleG {
	50% {
		background-color: var(--bg_pfLabel);
	}
}

@-webkit-keyframes bounce_circleG {
	50% {
		background-color: var(--bg_pfLabel);
	}
}

@-ms-keyframes bounce_circleG {
	50% {
		background-color: var(--bg_pfLabel);
	}
}

@-o-keyframes bounce_circleG {
	50% {
		background-color: var(--bg_pfLabel);
	}
}

@keyframes bounce_circleG {
	50% {
		background-color: var(--bg_pfLabel);
	}
}

.landing-edit {
	display: none;
	width: 100%;
	top: 0px;
	position: fixed;
	float: left;
	z-index: 40;
}

.edit-btn a {
	float: right;
	height: 47px;
	position: fixed;
	right: 35px;
	text-decoration: none;
	text-indent: -9999px;
	top: 55px;
	width: 46px;
	z-index: 45;
}

.appScreen {
	margin-right: 6px;
}

.checkappScreen {
	margin-bottom: 6px;
	margin-top: 15px;
	position: absolute;
	right: 0;
	top: -10px;
}

#footer table .edit-textbox {
	margin-left: 35px;
}

#footer>table {
	margin: auto;
}

#top-band {
	width: 100%;
}

#top-band ul {
	display: table;
	margin: auto;
	width: 325px;
}

#key-features {
	position: relative;
	width: 100%;
}


/*   end loading css*/


/* *********************************** End Landing Page       *******************************/

.appLogo .lbl {
	float: left;
	font-weight: 200;
	position: relative;
	top: 56px;
}

.editLoaginPage .appLogo {
	display: table;
	margin-left: 30px;
}

.signincontainer {
	background: none repeat scroll 0 0 red;
}

.backShadow {
	background: var(--bg_pfWhite);
	height: 280px;
	opacity: 0.9;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20;
	box-shadow: 0 0 8px #cdcdcd;
}

.customizeePage.editLoaginPage>table {
	margin: auto;
}

.editLoaginPage .editAppName.edit-textbox {
	margin-left: 35px;
}


/*************************** Theme page styles start here **********************************/

.tabbglft {
	clear: both;
	float: left;
	width: 400px;
}

.hr-lin {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat;
	background-position: -92px -68px;
	height: 400px;
	float: left;
	width: 10px;
}

.tabbgrgt {
	float: right;
	width: 579px;
}

label.lbl {
	color: var(--pf_headingColor);
	float: left;
	margin-right: 20px;
	width: 150px;
	font-size: var(--pf-base-font-size);
	text-align: right;
}

.tabpre {
	background: var(--bg_pfBg5);
	border: 1px dashed var(--br_pfBorder2);
	overflow: auto;
	padding: 40px;
	width: 535px;
	margin-top: 20px !important;
}

.pre-tab {
	background-repeat: repeat-x;
	background-position: 0px -79px;
	background-color: var(--bg_pfBase);
	height: 37px;
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1);
}

.tb_tabGroupIcon {
	background-position: -128px -210px !important;
	height: 11px;
	margin-left: 10px;
	width: 14px;
}

.cP {
	cursor: pointer;
}

.tabbglft li {
	float: left;
	margin-bottom: 10px;
	margin-top: 12px;
}

.tabpre li {
	float: left;
}

.dived {
	/*border: 1px solid var(--br_pfBorder2);*/
	clear: both;
	margin: 25px auto 45px;
	overflow: auto;
	/*   background: var(--bg_pfWhite);*/
}

.tabbglft>h1,
.tabbgrgt>h1 {
	/*background: none repeat scroll 0 0 var(--bg_pfBg2);
    border-bottom: 1px solid var(--br_pfBorder2);*/
	color: var(--pf_baseColor);
	font-size: var(--pf-medium-large-font-size);
	font-weight: 400;
	padding: 0 15px 5px;
}

.bgbox {
	background: var(--bg_pfBg5);
	border: 1px solid var(--br_pfBorder2);
	float: left;
	height: 30px;
	width: 30px;
	border-radius: 25px;
	margin-bottom: 7px;
	cursor: pointer;
	margin-left: 15px;
}

.bgul li {
	float: left;
	width: 50px;
}

.bgul div {
	clear: both;
}

.lay-out li {
	float: left;
	margin-right: 20px;
}

.dived h2 {
	color: var(--pf_warningColor);
	font-size: var(--pf-medium-large-font-size);
	font-weight: 300;
	margin-bottom: 10px;
}

.top-ty li {
	width: 100px;
	float: left;
}

.tabpre a {
	float: left;
	margin-top: 1px;
	padding: 10px;
	text-decoration: none;
}

.dived label.labelclr {
	color: var(--pf_headingColor);
	font-weight: 600;
}


/* modern radio button style  start here */

.radio input[type="radio"] {
	display: none;
}

.th-default {
	background: var(--bg_pfBg5);
	border: solid 1px var(--br_pfBorder2);
}

.th-gray {
	background: var(--bg_pfBg2);
	border: solid 1px var(--br_pfBorder2);
}

.th-white {
	background: var(--bg_pfWhite);
	border: solid 1px var(--br_pfBorder2);
}

.radio input[type=radio]:checked+label {
	/*  content: "\2611";*/
	width: 30px;
	height: 30px;
	/*box-shadow: 1px 1px 0 #f1f1f1;*/
	box-shadow: 0 1px 2px #e4e4e4;
}

.radio input#default[type=radio]:checked+label {
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) var(--bg_pfBg5) no-repeat;
	background-position: -45px -442px;
}

.radio input#gray[type=radio]:checked+label {
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) var(--bg_pfBg2) no-repeat !important;
	background-position: -45px -442px !important;
}

.radio input#white[type=radio]:checked+label {
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) var(--bg_pfWhite) no-repeat !important;
	background-position: -45px -442px !important;
}

.radio {
	float: right;
	margin-top: 10px;
	/*padding-right:142px;*/
}


/* modern radio button style  end here */


/*************************** Theme page styles end here **********************************/


/******************Pricing Page*****************************/

.f-edt {
	display: none;
	float: right;
	margin-left: 978px;
	margin-top: -1px;
	position: absolute;
}

.normal a:hover img.f-edt {
	display: block;
}

.normal a {
	text-decoration: none;
}

.add-fet,
.add-fetb {
	background: var(--bg_pfWarn);
	border-radius: 2px;
	color: var(--pf_whiteColor);
	text-decoration: none;
	padding: 7px 10px;
	cursor: pointer;
}

.add-fetb {
	background: var(--bg_pfLink);
}

.add-fetb:hover {
	background: var(--bg_pfLink);
}

.add-link {
	clear: both;
	float: right;
	margin-top: 15px;
}

.wh-band {
	position: fixed;
	height: 81px;
	background: var(--bg_pfWhite);
	opacity: 0.8;
	width: 100%;
	box-shadow: 1px 1px 4px #ddd;
	margin-top: 41px;
}

.pdesc p.drag-dr {
	margin-top: 60px;
	padding-top: 10px;
	background: var(--bg_pfBg2);
	border: none;
	cursor: move;
}

.op-band {
	background: var(--bg_pfWhite);
	box-shadow: 1px 1px 4px #ddd;
	height: 410px;
	opacity: 0.8;
	position: fixed;
	width: 100%;
}

.pp,
.pc {
	margin: 20px auto 50px;
	overflow: hidden;
	width: 980px;
	padding: 50px 100px;
	box-shadow: 0 0 3px #ddd;
}

.phead {
	overflow: auto;
}

.phead p {
	float: left;
	font-size: var(--pf-base-font-size);
	line-height: 40px;
	border-bottom: 1px solid var(--br_pfBorder3)
}

.phead p span {
	background: none repeat scroll 0 0 var(--bg_pfBg2);
	color: var(--pf_linkColor);
	font-weight: 400;
	float: left;
	margin-left: 5px;
	text-align: center;
	text-transform: uppercase;
	width: 155px;
}

.phead p span.tit {
	background: none repeat scroll 0 0 var(--bg_pfTrans);
	color: var(--pf_paragraphColor);
	float: left;
	font-size: var(--pf-medium-font-size);
	margin-left: 0;
	text-align: left;
	text-shadow: 0 0 0 #FFFFFF;
	width: 340px;
}

.phead p span.bordertop {
	box-shadow: 0 0 0 #E9E9E9 inset, 0 -1px 0 #E9E9E9 inset, 0 4px 0 #E0E0E0 inset;
}

.ppr {
	padding-left: 340px
}

.phead p.ppr span {
	background: none repeat scroll 0 0 var(--bg_pfBg2);
	text-transform: none;
	color: var(--pf_baseColor);
	font-weight: 300;
}

.phead p.ppr span.tit {
	background: none repeat scroll 0 0 var(--bg_pfTrans);
	font-family: var(--pf-font-regular);
	font-size: var(--pf-base-font-size);
	text-transform: none;
	color: var(--pf_baseColor);
}

.phead p span.true {
	background-color: var(--bg_pfBg2)
}
.over-f-auto {
	overflow: auto;
}

.lite-bdr {
	border: none;
	border-top: solid 1px var(--br_pfBorder2);
}

.pTB20 {
	padding-top: 20px;
	padding-bottom: 20px
}

.pdesc p {
	border-bottom: 1px solid var(--br_pfBorder3);
	float: left;
	font-size: var(--pf-base-font-size);
	margin-bottom: 1px;
	padding: 0;
	width: 100%;
}

.pdesc p.high {
	border-top: 1px solid var(--br_pfBorder3);
}

.pdesc p.high span.tit {
	background: none repeat scroll 0 0 var(--bg_pfTrans);
	color: var(--pf_linkColor);
	font-size: var(--pf-base-font-size);
	font-weight: 400;
	text-transform: uppercase;
}

.pdesc p.high span {
	background: var(--bg_pfBg2)
}

.pdesc p.desch {
	font-size: var(--pf-base-font-size);
	font-weight: bold;
	padding: 10px 0;
	border-bottom: 1px solid var(--br_pfBorder2);
	border-top: 1px solid var(--br_pfBorder2);
}

.pdesc p span {
	background: var(--bg_pfBg1);
	float: left;
	margin-left: 5px;
	padding: 10px 0;
	text-align: center;
	width: 155px;
}

.pdesc p span.tit {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	margin-left: 0;
	padding-left: 0;
	text-align: left;
	width: 340px;
}

.pdesc p.normal span.tit {
	width: 330px;
	padding-left: 10px;
	color: var(--pf_baseColor);
}

.pc .pdesc p span.tooltip {
	background: url("/crmplatform/Platform/images/info.png") right center no-repeat;
	cursor: help;
	position: relative;
}

.pdesc p span.tooltip:hover {
	background-image: url("/crmplatform/Platform/images/infoh.png");
}

.pdesc p span.tooltip span.classic {
	position: absolute;
	margin-left: -999em;
	color: var(--pf_baseColor);
	background-color: var(--bg_pfWhite);
	font-size: var(--pf-base-font-size);
	line-height: 1.3;
	text-align: left;
	padding: 30px;
	font-weight: normal;
}

.pdesc p span.tooltip:hover span.classic {
	position: absolute;
	left: 350px;
	margin-top: -40px;
	z-index: 9999;
	width: 250px;
	margin-left: 0;
	-moz-box-shadow: 0px 2px 7px #d1d1d1;
	-webkit-box-shadow: 0px 2px 7px #d1d1d1;
	box-shadow: 0px 2px 7px #d1d1d1;
}

.pdesc p span.tooltip span.classic-shim {
	position: absolute;
	left: -20px;
	margin-top: -2px;
	display: block;
	width: 15px;
	height: 50px;
	background: url("/crmplatform/Platform/images/bg-tooltip.png") top left no-repeat;
}

.pdesc p span.yes,
.pdesc p span.no,
.ptbl span.yes {
	background-image: url("images/tick-icon_144dd7ae0505ba92baedb6f5d7086a04_.png");
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -999em;
}

.pdesc p span.no {
	background-image: url("/pimg/n-icon.png");
}


/*.panel {
	position: fixed;
	top: 250px;
	right: 0;
	display: none;
	background: var(--bg_pfBg2);
	border: 1px solid var(--br_pfBorder2);
	width: 190px;
	height: auto;
	padding: 20px 135px 20px 20px;
	filter: alpha(opacity = 85);
	opacity: .85;
}*/


/* template editor style starts here */

.note-editable ul,
.note-editable ol {
	padding: inherit;
	margin-left: 40px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.note-editable ul li {
	list-style: inherit;
	list-style-type: disc;
	border: inherit;
	padding: initial;
}

.note-editable ol li {
	list-style: inherit;
	border: inherit;
	padding: initial;
}

.note-editor p {
	margin: 10px 0;
}

.ruleCriteriaDiv {
	min-height: 250px;
	border: 1px solid var(--br_pfBorder2);
}


/* * Email Template Hot fix**/

.note-editor .note-form-group {
	margin-bottom: 15px;
	display: table;
	width: 100%;
}

.note-editor .note-form-group .note-input,
.note-editor .form-group .note-image-url {
	width: 100% !important;
}

.leadHelpText span {
	position: absolute;
	display: none;
	background: var(--bg_pfBase);
	padding: 10px;
	color: var(--pf_whiteColor);
	left: 50%;
	width: 440px;
	margin-left: -220px;
	text-align: center;
	z-index: 10;
	top: 28px;
}

.leadHelpText:hover span {
	display: block;
	top: 28px;
}

.leadHelpText span:after {
	bottom: 100%;
	right: 14px;
	border: solid var(--br_pfTrans);
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: var(--br_pfTrans);
	border-bottom-color: var(--br_pfBase);
	border-width: 7px;
	margin-left: -7px;
	left: 231px;
}


/* template editor style ends here */

p.signup a,
.pdesc p span.pcsignup a {
	background: none repeat scroll 0 0 var(--bg_pfLink);
	bottom: 40px;
	color: var(--pf_whiteColor);
	display: block;
	font-size: var(--pf-base-font-size);
	font-weight: 600;
	line-height: 22px;
	margin: 0 auto;
	padding: 10px 0;
	text-transform: uppercase;
	width: 125px;
	text-decoration: none;
}

p.signup,
.pdesc p span.pcsignup {
	border-top: 1px solid var(--br_pfBorder3);
	padding: 20px 0px;
	text-align: center;
}


/* SFA sub features */

.sub-features-wrap {
	overflow: auto;
}

.sub-features {
	border: 1px solid var(--br_pfBorder2);
	float: left;
	margin: 10px;
	padding: 15px 0;
	text-align: center;
	width: 22%;
}

.sub-features:hover {
	border: 1px solid var(--br_pfBorder5);
	background: var(--bg_pfBg3);
}

.sub-features a {
	border: none;
	text-decoration:none;
}
.sub-features h3 {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
}

.case-apex {
	background: url(/crmplatform/Platform/images/apex.jpg) no-repeat;
}

.signup-part {
	background: var(--bg_pfBg1);
	border-top-color: var(--br_pfLink);
}

.pricing-part {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0;
	text-align: center;
	padding-top: 30px;
}

.pricing-heading {
	color: var(--pf_baseColor);
	font-size: 50px;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 40px;
}

.pricing-heading p {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-large-font-size);
	font-weight: 300;
	line-height: 28px;
	margin: 0 auto;
	max-width: 800px;
	padding: 20px 0 30px;
}

.pricing-heading em {
	border-bottom: 1px solid var(--br_pfBorder5);
	display: block;
	margin: 20px auto 0;
	width: 70px;
}

.signin-part {
	border-top-color: var(--br_pfGreen);
}

@-webkit-keyframes opacity {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes opacity {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.savingdott {
	color: var(--pf_paragraphColor);
	position: absolute;
	right: 19px;
	top: 11px;
}

.savingdott span {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: opacity;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
}

.savingdott span:nth-child(2) {
	-webkit-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
}

.savingdott span:nth-child(3) {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
}

#Pricing-table>p {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
	margin-bottom: 5px;
}

#Pricing-table .edit-textbox {
	font-size: var(--pf-base-font-size);
}
.cls-po>img {
	margin-top: 7px;
}


/***************
**** Email Template page Design
****************/

.emailTemplatePage {
	border: 1px solid var(--br_pfBorder2);
	width: 860px;
	background: var(--bg_pfWhite);
}

#emailTemplateSPAN .error-list {
	top: 50px;
}

.emailTemplatePage .customTemplate>div {
	height: 45px;
	line-height: 45px;
}

.emailTemplatePage .customTemplate span {
	background: var(--bg_pfBg2);
	border-right: 1px solid var(--br_pfBorder2);
	color: var(--pf_labelColor);
	float: left;
	height: 100%;
	line-height: 45px;
	text-align: center;
	width: 7%;
}

input.emailSubj {
	border: medium none;
	height: 100%;
	padding: 0 10px;
	width: 93%;
}
.note-editor .note-toolbar {
	background-color: var(--bg_pfBg2) !important;
	border-bottom: 1px solid var(--br_pfBorder2) !important;
	border-top: 1px solid var(--br_pfBorder2) !important;
	margin: 0px;
}

.note-editor {
	background: var(--bg_pfWhite);
	border: none !important;
}


/* Left navigation animation */

.platform .main-menu-sub a {
	padding-left: 27px;
}
.list-view-tbl th {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
	font-weight: 400;
	background: var(--bg_pfBg2);
	padding: 12px;
	border-bottom: solid 1px var(--br_pfBorder2);
	text-align: left;
}

.list-view-tbl td {
	color: var(--pf_greenColor);
	font-size: var(--pf-base-font-size);
	font-weight: 400;
	padding: 12px;
	border-bottom: solid 1px var(--br_pfBorder2);
	text-align: left;
}

.list-view-tbl tr:hover {
	background: var(--bg_pfBg1);
}

.u-actions {
	display: none;
}

.list-view-tbl tr:hover .u-actions {
	display: block;
}

.filter {
	float: right;
	width: auto;
	margin-top: 18px;
}
.filter>li>label {
	left: 15px;
	position: absolute;
	top: 7px;
}

.comonDropdown {
	background: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	border-radius: 3px;
	box-shadow: 0 1px 6px #ddd;
	top: 60px;
	position: absolute;
	width: 140px;
	padding: 15px 10px;
	margin-left: -19px;
	-webkit-transform-origin: 80px -30px 0px;
	-moz-transform-origin: 80px -30px 0px;
	-ms-transform-origin: 80px -30px 0px;
	-o-transform-origin: 80px -30px 0px;
	transform-origin: 80px -30px 0px;
}
.arrow-up {
	width: 0;
	height: 0;
	border-left: 8px solid var(--br_pfTrans);
	border-right: 8px solid var(--br_pfTrans);
	border-bottom: 8px solid var(--br_pfBorder2);
	left: 52px;
	margin-top: -23px;
	position: absolute;
	margin-left: 17px;
}

.filter div.comonDropdown li {
	background: var(--bg_pfWhite);
	border: none;
	padding: 0;
	margin: 0;
	float: left;
	margin-bottom: 13px;
	width: 140px;
}

.comonDropdown input {
	margin-right: 5px;
}

.filter li a {
	background: var(--bg_pfBg2);
	border: 1px solid var(--br_pfBorder2);
	border-radius: 2px;
	color: var(--pf_baseColor);
	float: left;
	margin-left: 10px;
	padding: 5px 10px 5px 12px;
	text-decoration:none;
}

.dwn-arrow {
	margin-top: 0px;
	margin-left: 6px;
}
.main-menu-sub {
	display: none;
}

.alignrightside {
	text-align: right !important;
}

.pL12 {
	padding-left: 12px;
}


/* end List view styles */


/*  Pricing Page or Payment Info Page */

.amount-box {
	margin-top: 10px;
	padding-bottom: 40px;
}

.total-amo {
	background: var(--bg_pfGreen);
	padding: 20px;
	padding-bottom: 40px;
}

.total-amo h5 {
	font-size: 36px;
	color: var(--pf_whiteColor);
	font-weight: 300;
	text-align: center;
	margin: 0px;
}

.total-amo h5 span {
	font-weight: 600;
}

.payment-tbl {
	border: solid 1px var(--br_pfBorder2);
	padding: 20px;
	background: var(--bg_pfWhite);
}

.pyment-inr-tbl {
	border: solid 1px var(--br_pfBorder2);
	padding: 10px 20px;
	background: var(--bg_pfBg2);
	margin-top: -40px;
}

.lst-amount {
	font-size: var(--pf-medium-large-font-size);
	font-weight: 300px;
	color: var(--pf_baseColor);
}

.pay-table {
	margin: 20px 0;
	background: var(--bg_pfWhite);
	border-top: solid 1px var(--br_pfBorder2);
	border-bottom: solid 1px var(--br_pfBorder2);
}

.tableTdPading {
	border: 0px !important;
}

.tabshadow {
	box-shadow: 0px 2px 5px rgba(50, 50, 50, .15);
	transition: all 0.3s ease-in-out;
}
.Topshadow {
	box-shadow: 0px -3px 8px -5px rgba(0, 0, 0, .7);
	transition: all 0.3s ease-in-out;
}
.pay-table td, .tableTdPading td {
	padding: 10px 8px;
	box-sizing:border-box;
	font-size: var(--pf-base-font-size);
}

.app-name {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	margin-left: 10px;
}

.rgt-bdr {
	border-right: solid 1px var(--br_pfBorder2);
}

.amount-cal {
	margin: 10px;
	margin-right: 20px;
}

.amount-cal td {
	padding: 0;
}

.selct-month {
	border-radius: 2px;
	border: solid 1px var(--br_pfBorder2);
	padding: 6px 12px;
	padding-right: 27px;
	color: var(--pf_baseColor);
	position: relative;
	background: var(--bg_pfBg2);
}

.hdr-list {
	font-size: var(--pf-base-large-font-size);
}

.arow-icon {
	margin-left: 7px;
	margin-top: 6px;
	position: absolute;
}

.text-month {
	color: var(--pf_baseColor);
	float: left;
	font-size: var(--pf-base-font-size);
	margin-top: 4px;
}

.dived-month {
	clear: both;
	overflow: auto;
}

.amount-cal p {
	font-size: var(--pf-base-font-size);
}

#editAppDetailForm td {
	padding: 7px 0;
}
#ButtonsForm #actionPlaceDiv td {
	padding: 10px 0;
}


/* Users list view */

.u-actions li {
	float: left;
	margin-left: 20px;
}


.invite-user-form {
	padding-left: 0 !important;
	text-align: left !important;
	vertical-align: top !important;
}


.i-accepted {
	color: var(--pf_greenColor);
}

.i-pending {
	color: var(--pf_warningColor);
}


/* End Users List View */
.tag-lin,
#Description {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	text-align: center;
}

#Description {
	padding: 0px;
}

#Title {
	font-size: 38px;
	color: var(--pf_baseColor);
	font-weight: 300;
	text-align: center;
	cursor: pointer;
	width: auto;
	height: 50px;
	padding: 0px;
	max-width: 800px !important;
}

#TitleText {
	color: var(--pf_headingColor);
    font-size: 26px;
    font-family: var(--pf-font-bold);
	line-height: 40px;
	text-align: center;
	margin-top: 40px;
}

.h1Title,
.liveEditContent {
	text-align: center;
}

span#TitleText,
span#DescriptionText {
	background-repeat: no-repeat;
	background-position: right center;
	position: relative;
}

.closeIco {
	background-image: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png");
	background-position: -134px -473px;
	display: block;
	height: 20px;
	text-indent: -9999px;
	width: 20px;
}

span#DescriptionText {
	padding: 5px 32px 5px 10px;
}
.planname {
	color: var(--pf_headingColor);
	font-size: var(--pf-base-large-font-size);
	font-family: var(--pf-font-semibold);
	overflow: auto;
	margin: 0 auto;
	height: 45px;
	margin-top: 10px;
}

.curency-symble {
	color: var(--pf_baseColor);
	font-size: var(--pf-medium-large-font-size);
	margin-top: 5px;
}

.amo {
	color: var(--pf_baseColor);
	font-size: 50px;
	font-weight: 400;
	line-height: 80px;
}

.amount-area {
	clear: both;
	margin-bottom: 20px;
	overflow: auto;
}

.restic {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
	text-align: left;
}

#pricingPopUP .smal-textbox {
	padding-right: 10px;
	padding-left: 5px;
	text-align: right;
	width: 25px;
}

.dis {
	border: 1px solid var(--br_pfBorder2);
	background: var(--bg_pfBg3);
}

.currency-symbol {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
	margin-right: 5px;
}

.faq-part h3 {
	text-align: center;
}

.faq-part li {
	border-bottom: 1px dashed var(--br_pfBorder2);
	float: left;
	margin: 10px 2.5% 0;
	min-height: 200px;
	padding: 25px 0;
	text-align: left;
	width: 45%;
}

.faq-part li h3 {
	font-size: var(--pf-large-font-size);
	font-weight: 300;
	line-height: 30px;
	padding-bottom: 10px;
	text-align: left;
	color: var(--pf_linkColor);
}

.faq-part li p {
	color: var(--pf_headingColor);
	font-size: var(--pf-base-font-size);
	font-weight: 400;
	line-height: 24px;
	margin: 0;
	padding-bottom: 10px;
}

.tp-band {
	overflow: auto;
	border-bottom: solid 1px var(--br_pfBorder2);
	padding-bottom: 7px;
}

.add-feature-group {
	border-top: 1px solid var(--br_pfBorder2);
	clear: both;
	float: left;
	margin-top: 40px;
	overflow: auto;
	padding: 20px 0;
	text-align: center;
	width: 980px;
}


/* End Pricing Page Styles*/


/* DatePicker Style overide*/

.ui-datepicker {
	padding: 0.2em 0.2em 0;
}

.ui-widget-content {
	background: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
}

.ui-datepicker th {
	border: 0 none;
	color: var(--pf_warningColor);
	font-weight: normal;
	padding: 0.7em 0.3em;
	text-align: center;
}
/* .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
	background: none;
	border: 1px solid var(--br_pfwhite);
	color: var(--pf_headingColor);
} */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: none repeat scroll 0 0 var(--bg_pfWarn);
	color: var(--pf_whiteColor) !important;
}


/****** Fix for new section******/

ul.sectioncontainerholder.ui-droppable.ui-sortable.ui-state-highlight {
	background: none;
}


/****** End Fix for new section******/

.ui-state-disabled {
	cursor: default !important;
}

.ui-datepicker .ui-datepicker-title {
	font-weight: bold;
	line-height: 1.8em;
	margin: 5px 2.3em 0;
	text-align: center;
}

.ui-datepicker table {
	border-collapse: collapse;
	font-size: 0.9em;
	margin: 0 0 0.4em;
	width: 100%;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	background-image: none;
	opacity: 0.6;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	height: 1.8em;
	position: absolute;
	top: 2px;
	width: 1.8em;
}
.ui-widget-header a {
	color: var(--pf_baseColor) !important;
	text-decoration:none;
}
.detailsUpgrade .ui-widget-header a {
	font-size: var(--pf-base-large-font-size) !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    font-size: var(--pf-medium-small-font-size);
    left: 50%;
    margin-left: -12px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240_ebe6b6902a408fbf9cac6379a1477525_.png");
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

/* .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border-bottom: 2px solid var(--br_pfLink);
	font-weight: normal;
} */
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: 0.2em;
	text-align: center;
	text-decoration: none;
}

.ui-datepicker td {
	border: 0 none;
	padding: 2px;
}

.comonDropdown.active.dateShow {
	width: auto;
}

.dropDownAnimate>input {
	background: none;
	border: medium none;
	width: 80px;
}

.ui-datepicker-prev.ui-corner-all,
.ui-datepicker-next.ui-corner-all {
	background: none repeat scroll 0 0 var(--bg_pfTrans);
	border: medium none;
	margin: 0;
}

.goBtn>input {
	background: none repeat scroll 0 0 var(--bg_pfWarn);
	border: 1px solid var(--br_pfWarn);
	border-radius: 3px;
	color: var(--pf_whiteColor);
	float: right;
	margin-top: 10px;
	padding: 2px 10px;
}

.goBtn {
	border-top: 1px solid var(--br_pfBorder2);
	clear: both;
	float: left;
	margin-top: 15px;
	width: 100%;
}

div.ui-datepicker-header a.ui-datepicker-prev,
div.ui-datepicker-header a.ui-datepicker-next {
	display: block;
}

.ui-datepicker-month {
	margin-right: 10px;
}

.comonDropdown.active>div.moreList {
	float: left;
	width: 310px;
}

.comonDropdown.active>div.moreList ul {
	margin: 10px 0 0;
	width: 100%;
}

.comonDropdown.morelistdd {
	width: auto;
}

.moreList>div {
	float: left;
	width: 50%;
}


/* Pricing Comparison Page Start */

.new-group,
.new-feaure-Pricing {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 15px 12px;
	box-shadow: 1px 0px 4px #ddd;
	margin-left: -22px;
	float: left;
	margin-bottom: 20px;
	padding-top: 30px;
}

.bg-gray {
	background: var(--bg_pfBg2);
	width: 156px;
	margin-left: 5px;
	height: 30px;
	margin-top: 21px;
}
.new-group p,
.new-feaure-Pricing p {
	border: none;
	color: var(--pf_baseColor);
	float: left;
	width: 70%;
}

.group-nme,
.feature-nme {
	width: 325px;
	text-align: left;
}

.group-nme input,
.feature-nme input {
	height: 30px;
	padding-left: 10px;
	border: solid 1px var(--br_pfBorder2);
	font-size: var(--pf-base-font-size);
}

.group-nme input {
	width: 250px;
}

.feature-nme input {
	width: 200px;
}
.newgreenBtn {
	background: var(--bg_pfGreen);
	color: var(--pf_whiteColor);
	font-size: var(--pf-base-font-size);
	padding: 5px 10px;
	box-shadow: 0 0 2px #369231 inset;
	cursor: pointer;
	line-height: 1.3;
	margin-top:2px;
	display:inline-block;
	border-radius:2px;
}

.newWhiteBtn {
	color: var(--pf_baseColor);
	background: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	box-shadow: none;
	margin: 0px;
	line-height: 1.3;
	border-radius: 2px;
	cursor: pointer;
	font-size: var(--pf-medium-small-font-size);
	margin-left: 10px;
	padding: 4px 6px;
}

/* .newWhiteBtn:hover {
	border: 1px solid var(--br_pfBase);
} */

.width210 {
	width: 210px;
}

.pricing-text input {
	height: 30px;
	padding-left: 10px;
	border: solid 1px var(--br_pfBorder2);
	font-size: var(--pf-base-font-size);
	width: 138px;
}

.new-feaure-Pricing li.pricing-text,
.new-feaure-Pricing li.pricing-img {
	text-align: left;
	width: 158px;
}

.feature-tick,
.feature-wrong,
.feature-hypen,
.s-feature-tick,
.s-feature-wrong,
.s-feature-hypen,
.delete-feat-pri {
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) no-repeat;
}

.feature-tick,
.feature-wrong,
.feature-hypen {
	width: 20px;
	height: 20px;
	margin-left: 65px;
	float: left;
}

.s-feature-tick,
.s-feature-wrong,
.s-feature-hypen {
	border: 1px solid var(--br_pfBorder2);
	cursor: pointer;
	float: left;
	padding: 6px 10px;
	width: 128px;
}

.s-feature-tick {
	background-position: 52px -403px;
}

.s-feature-wrong {
	background-position: 52px -543px;
}

.s-feature-hypen {
	background-position: 52px -569px;
}

.feature-tick {
	background-position: -11px -408px;
}

.feature-wrong {
	background-position: -11px -546px;
}

.feature-hypen {
	background-position: -11px -573px;
}

.img-select {
	background: var(--bg_pfWhite);
	box-shadow: 0 0 3px #ddd;
	clear: both;
	height: 100px;
	position: absolute;
	width: 148px;
	margin-top: 50px;
	display: none;
	margin-left: 1px;
}

.img-select li {
	float: left;
	width: 150px;
	margin-top: 3px;
}

.img-select a {
	float: left;
	text-decoration: none;
	width: 150px;
	padding: 4px 0;
}

.img-select a:hover {
	background: var(--bg_pfBg2);
}

.delete-feat-pri {
	background-position: -6px -513px;
	float: right;
	height: 20px;
	margin-top: -24px;
	position: relative;
	width: 20px;
	cursor: pointer;
}

.new-group {
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 30px;
}

/* Subscription and Payment Screen styles */

.purchase-details {
	clear: both;
	margin-top: 30px;
	width: 745px;
	box-shadow: 1px 1px 3px #ddd;
	padding: 20px;
	margin-left: 30px;
}

.payment-details {
	border-top: solid 1px var(--br_pfBorder5);
}

.pay-select {
	min-width: 130px;
}

.payment-details p {
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
}

.plus-sign {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-large-font-size);
}

.payment-date {
	color: var(--pf_whiteColor);
	font-size: var(--pf-base-font-size);
	text-align: center;
}

.payment-details td {
	padding: 12px 0;
	border-bottom: solid 1px var(--br_pfBorder2);
}

.card-information {
	padding-top: 20px;
}

.card-information td {
	border: none !important;
}

.card-information input {
	border: 1px solid var(--br_pfBorder2);
	height: 20px;
	width: 200px;
}

.purchase-details h4 {
	font-size: var(--pf-base-font-size);
	margin-bottom: 10px;
	font-weight: 400;
	float: left;
}

.paid-amount span {
	color: var(--pf_negativeColor);
	font-size: var(--pf-base-large-font-size);
	font-weight: 600;
}

p.paid-amount {
	color: var(--pf_labelColor);
	font-size: var(--pf-base-font-size);
}

.continue {
	background-color: var(--bg_pfNegative);
	background-image: -moz-linear-gradient(center top, #df4d3b, var(--bg_pfNegative));
	border: 1px solid var(--br_pfTrans);
	border-radius: 2px;
	color: var(--pf_whiteColor);
	cursor: pointer;
	outline: medium none;
	padding: 6px 22px;
	text-align: center;
	float: left;
	margin-top: 20px;
}

.bdr-none {
	border: none !important;
}

.bg-none {
	background: none !important;
}

.continue span,
.butFade span {
	font-size: var(--pf-base-large-font-size);
}

.payment-details th {
	padding: 21px 0;
	text-align: left;
	border-bottom: 1px solid var(--br_pfBorder2);
}

.payment-details th p {
	font-weight: 400;
}

.cancel-link {
	color: var(--pf_linkColor);
	float: left;
	margin-left: 10px;
	margin-top: 32px;
	text-decoration: underline !important;
}

.fgtxt {
	color: var(--pf_labelColor) !important;
	font-size: var(--pf-extra-small-font-size) !important;
}

.butFade {
	background: linear-gradient(to bottom, #eeeeee 0%, var(--bg_pfBg5) 100%) repeat scroll 0 0 var(--bg_pfTrans);
	border: 1px solid var(--br_pfTrans);
	border-radius: 2px;
	color: var(--pf_placeholderColor);
	cursor: default !important;
	font-size: var(--pf-base-font-size);
	font-weight: 600;
	line-height: 30px;
	outline: 0 none;
	padding: 4px 30px;
	text-align: center;
	float: left;
	margin-top: 10px;
}

.w50px {
	width: 50px
}

.card-information select {
	width: 200px;
}


/* leads tracking */

.pL30 {
	padding-left: 30px !important;
}

.pL35 {
	padding-left: 35px !important;
}

.map-lead {
	overflow: auto;
	background: var(--bg_pfBg2);
	padding: 20px 15px;
}

.map-lead p {
	font-size: var(--pf-base-font-size);
}

.btn-map-edit {
	background: var(--bg_pfBg2);
	border: solid 1px var(--br_pfBorder2);
	color: var(--pf_baseColor);
	padding: 5px 15px;
	border-radius: 2px;
	font-size: var(--pf-base-font-size);
	line-height: 1.3;
}

.edit-desc-leads {
	float: left;
	margin-top: 50px;
	position: absolute;
}

.btn-map-edit:hover {
	box-shadow: 1px 0 1px #E8E8E8;
}

.mapping-info {
	color: var(--pf_baseColor);
	font-size: var(--pf-large-font-size);
	font-weight: 300;
	margin: 10px 0;
}
.bdrE9 {
	border: 1px solid var(--br_pfBorder2);
}

.brkWord {
	word-wrap: break-word;
}

/* .bdr-none .primaryBtn{
	margin: 10px 0 0;
	float: left;
} */
.srwb .label, .rwb .label{
	background-color: var(--bg_pfWhite);
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
	line-height: 22px;
	padding: 6px;
	text-align: right;
}

.select,
select,
select.textField,
.whiteComboBox a {
	border:1px solid var(--br_pfBorder1);
	height: auto;
	padding: 6px 10px;
	font-size: var(--pf-base-font-size);
	outline:none;
	box-sizing:border-box;
	color: var(--pf_baseColor);
	text-decoration:none;
	border-radius:2px;
}

.newtable.selectfw .newSelect {
	min-width: 70%;
}

.newSelect:before {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	content: "";
	display: block;
	height: 30px;
	position: absolute;
	right: 1px;
	top: 1px;
	width: 19px;
	pointer-events: none;
	padding: 0 0 2px;
	border-radius:5px;
}

.newSelect select {
	width: 300px;
	height: 34px;
	overflow: hidden;
	padding: 2px 15px;
	margin: 0;
	background: var(--bg_pfWhite);
	color:var(--pf_baseColor);
	border: 1px solid var(--br_pfBorder2);
	outline: none;
	display: inline-block;
	appearance: none;
	cursor: pointer;
	border-radius: 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: var(--pf-base-font-size);
}

.newSelect {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-radius:3px;
}

.newSelect select>option {
	padding: 0 5px;
}

.mappedLeads {
	background-color: var(--bg_pfBg2);
}

.lead-map {
	clear: both;
	float: left;
	margin-top: 10px;
}

.divd-line {
	clear: both;
	float: left;
	margin-top: 20px;
	width: 100%;
}


/* end leads tracking */

#comonHeader {
	color: var(--pf_labelColor);
	font-size: var(--pf-medium-large-font-size);
	font-weight: 300;
	left: 48px;
	margin-top: 35px;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 0;
}

.mp-lead {
	background: var(--bg_pfBg2);
	padding: 10px 15px;
}

.mp-lead p {
	line-height: 22px;
	font-size: var(--pf-base-font-size);
}


/* Signup Success Page styles start here.. */

.success-signup {
	width: 980px;
	margin: 120px auto 0;
	text-align: center;
}

.msg-box {
	border-radius: 2px;
	box-shadow: 0 2px 3px #E8E8E8;
	margin: 30px auto 0;
	overflow: auto;
	width: 700px;
	background: var(--bg_pfWhite);
}

.msg-box li {
	float: left;
	padding: 45px 0;
	height: 100px;
}

.icon-su {
	width: 10%;
	background: var(--bg_pfGreen);
}

.msg-box li.suc-msg {
	width: 80%;
	padding-left: 30px;
}

.ap-name {
	color: var(--pf_paragraphColor);
	font-size: 38px;
	font-weight: 400;
	margin-top: 15px;
	text-align: center;
}

.suc-msg {
	text-align: left;
}

.suc-msg h6 {
	color: var(--pf_baseColor);
	font-size: 32px;
	font-weight: 300;
	margin-top: 10px;
}

.suc-msg p {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
	line-height: 22px;
	margin-top: 25px;
}

.icon-su img {
	margin-top: 33px;
}


/* Signup Success Page styles end here.. */


/*************Customization page*********************/

.customizationBox {
	background: var(--bg_pfBg2);
	border: 1px solid var(--br_pfBorder3);
	margin: auto;
	padding: 20px;
	text-align: center;
	width: 395px;
	border-radius: 3px;
}

.customizationBox>p {
	font-size: var(--pf-base-font-size);
	margin: 20px 0;
	color: var(--pf_paragraphColor);
}

.customizationBox h4 {
	color: var(--pf_baseColor);
	font-size: var(--pf-medium-large-font-size);
	font-weight: 400;
}


/*#customizeShow p {
    float: left;
}*/


/********************** General Settings Page ************************************/


/* toggle button style */

.bx-sd {
	box-shadow: 0px 0px 4px #ddd;
}

.app-singup-set li {
	width: 38%;
	float: left;
}

.app-url, .disableBg {
	background: var(--bg_pfBg2) !important;
}

.app-url > span {
	max-width:100%;
	float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.togglebox {
	display: inline-block;
	border: 1px solid var(--br_pfBorder2);
	width: 93px;
	height: 30px;
	position: relative;
	color: var(--pf_whiteColor);
	font-weight: bold;
	overflow: hidden;
	box-shadow: 0 1px 0 #e6e6e6;
	padding: 2px;
}

.togglebox label {
	width: 200%;
	height: 100%;
	line-height: 33px;
	border-radius: 0.4em;
	position: absolute;
	top: 0;
	left: -60px;
	z-index: 1;
	font-size: var(--pf-extra-small-font-size);
	cursor: pointer;
	-webkit-transition: 0.12s;
	-moz-transition: 0.12s;
	transition: 0.12s;
	font-weight: 400;
}

.togglebox span {
	position: absolute;
	right: -100px;
}

.togglebox label::before {
	content: 'Active';
	width: 64px;
	float: left;
	margin-left: -75px;
	padding-left: 71px;
	text-align: center;
	color: var(--pf_whiteColor);
	background: var(--bg_pfGreen);
	height: 100%/*text-shadow: 0 -1px 0px #093B5C;
	box-shadow: 0 4px 5px -2px rgba(0,0,0,0.3) inset;*/
}

.togglebox label.app-permission::before {
	content: 'Public';
}

.togglebox label.app-permission::after {
	content: 'Private';
}

.togglebox label b {
	display: block;
	height: 95%;
	width: 35px;
	float: left;
	position: relative;
	z-index: 1;
	background: var(--bg_pfBg2);
	box-shadow: 0 4px 0 -2px #F1F1F1 inset, 0 2em 2em -2em #AAA inset, 0 0 2px rgba(0, 0, 0, .5);
	border: 1px solid var(--br_pfBorder5);
}

.togglebox label:hover b {
	background: var(--bg_pfBg5);
}

.togglebox label::after {
	content: 'Inactive ';
	width: 62px;
	float: left;
	margin-right: -16px;
	padding-right: 13px;
	text-align: center;
	background: var(--bg_pfWhite);
	height: 100%;
	color: var(--pf_baseColor);
}

.togglebox input:checked~label {
	left: 0px;
}
#editAppDetailForm .inputBoxStl {
	margin: 0;
	color: var(--pf_headingColor);
}
.generalSetAct,
p.generalSetHeader {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
	font-weight: 400;
}
h5.generalSetHeader{
	color: var(--pf_labelColor);
	font-size: var(--pf-base-font-size);
	font-weight: 400;
	letter-spacing:.3px;
	line-height:2.2;
	vertical-align:top;
}
p.generalSetCont {
	color: var(--pf_labelColor);
	font-size: var(--pf-base-font-size);
	font-weight: normal;
	line-height:1.3;
	margin-top: 5px;
	clear: both;
}

.inputBoxStl {
	border: 1px solid var(--br_pfBorder2);
	padding: 7px;
	width: 480px;
	margin: 5px 0 6px;
}

.inputgreenBtn {
	background: none repeat scroll 0 0 var(--bg_pfGreen);
	border: 1px solid var(--br_pfGreen);
	color: var(--pf_whiteColor);
	margin: 8px 0 20px;
	padding: 3px 10px;
	line-height: 1.3;
}

.greenBtn {
	background-color: var(--bg_pfGreen);
	border: 1px solid var(--br_pfGreen);
	color: var(--pf_whiteColor);
	cursor: pointer;
	font-family: inherit;
	font-size: var(--pf-base-font-size);
	font-weight: bold;
	margin-top: 10px;
	outline: medium none;
	padding: 7px 0;
	text-align: center;
	width: 55%;
	line-height: 1.3;
}

.lefttd {
	margin-left: 70px;
}

p.generalSetLabel {
	color: var(--pf_headingColor);
	font-size: var(--pf-base-font-size);
	clear: both;
	font-weight: 600;
	float: left;
	width: 100%;
}

.helpIconStng>img {
	left: 5px;
	position: absolute;
	top: 2px;
}

.helpIconStng {
	position: relative;
	display: table;
}
.logoIcons li {
	float: left;
	width: 20%;
	margin-right: 50px;
}

.general-form .logoIcons span.error {
	position: relative;
	float: none;
}
#logoIconsUpdate .general-form{
	padding:25px;
	border-radius:8px;
	border:1px solid var(--br_pfBorder3);
	margin-top:30px;
	box-sizing:border-box;
}
.borderdash {
	border: 1px dashed var(--br_pfBorder2);
}

.tooTipStng,
.logoEditIcon {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tooTipStng,
.uploadTip {
	background: var(--bg_pfBase);
	color: var(--pf_whiteColor);
	display: block;
	font-size: var(--pf-medium-small-font-size);
	font-style: normal;
	font-weight: normal;
	right: -96px;
	line-height: 20px;
	padding: 15px;
	position: absolute;
	top: 40px;
	width: 210px;
	z-index: 99999;
	opacity: 0;
	pointer-events: none;
	border-radius: 3px;
}
.tooTip_download {
    top: -3px;
    right: -420px;
    transition: all 0.4s ease-out;
}

.detailsVersion a.helpIconStng .tooTipStng {
	left: -108px;
}

.uploadTip {
	top: -24px !important;
	left: 25px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tooTipStng:before {
	border-left: 8px solid var(--br_pfTrans);
	border-bottom: 8px solid var(--br_pfBase);
	border-right: 8px solid var(--br_pfTrans);
	bottom: 18px;
	content: "";
	height: 0;
	left: 120px;
	margin-left: -9px;
	position: absolute;
	top: -7px;
	width: 0;
}

.uploadTip:before {
	border-top: 8px solid var(--br_pfTrans);
	border-right: 8px solid var(--br_pfBase);
	border-bottom: 8px solid var(--br_pfTrans);
	bottom: 18px;
	content: "";
	height: 0;
	left: 2px;
	margin-left: -9px;
	position: absolute;
	top: 10px;
	width: 0;
}


.wp100{
	width:100% !important;
}
.helpIconStng:hover .uploadTip {
	top: 34px;
	opacity: 1;
}

.helpIconStng:hover .tooTipStng {
	top: 34px;
	opacity: 1;
}

.css-style-download:hover .tooTip_download {
    opacity: 1;
    right: -355px;
    transition:all 0.4s ease-out;
}

.removeWidget:hover {
    opacity: 1;
    right: -355px;
    transition:all 0.4s ease-out;
}

.logoEditIcon {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat var(--bg_pfWhite);
	background-position: -10px -1460px;
	display: block;
	height: 25px;
	margin: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 2px;
	top: 12px;
	width: 25px;
	z-index: 40;
}

.d-log:hover .logoEditIcon {
	opacity: 0.8;
}

.gform-label {
	float: left;
	line-height:1.5;
	padding-right: 25px;
	text-align: right;
	width: 240px;
	color:var(--pf_labelColor);
	letter-spacing:.3px;
}
#connectorApiForm .gform-label{float:initial;}
.proWidget {
	background: var(--bg_pfBg2);
	border: 1px solid var(--br_pfBorder2);
	padding: 10px 5px;
	width: 288px;
	display: table;
}

.gform-field.proWidth {
	width: 318px;
}

.bBtm {
	border-bottom: 1px solid var(--br_pfBorder2);
}

.fbtxt {
	color: var(--pf_paragraphColor);
}
.dline {
	border-top: 1px solid var(--br_pfBorder2);
	margin: 15px 0;
}


/* Application Success message styles*/

.app-detail-pub {
	padding: 10px 20px 5px;
	text-align: center;
	border-radius: 2px;
}

.pub-app-slide {
	text-align: center;
	margin-top: 30px;
	height: 120px;
}

.pub-app-slide h3 {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-large-font-size);
}

.pub-app-slide p {
	font-size: var(--pf-base-font-size);
	font-weight: 400;
	margin: 9px auto 0;
	width: 450px;
}

.pub-ap-nav {
	margin-left: 185px;
	margin-top: 10px;
}
.pub-ap-nav li {
	border-radius: 8px;
	float: left;
	height: 13px;
	width: 13px;
	background: var(--bg_pfBg5);
	margin-left: 5px;
}

.pub-ap-nav li.act {
	background: var(--bg_pfBg5);
}

.app-detail-pub img {
	margin-bottom: 10px;
}

.acc-link {
	color: var(--pf_linkColor);
	text-decoration:none;
}

#conAction:after,
#conAction:before {
	left: 28px !important;
}

.u-img {
	width: 98px;
	height: 98px;
	border-radius: 50%;
	border: 1px solid var(--br_pfBorder2);
}

ul.prtlWdgtList li:hover {
	background: var(--bg_pfBg2);
}

a.defaultStr i {
	opacity: 0;
	right: -15px;
	top: 12px;
	font-style: normal;
}
a.defaultStr:hover i {
	opacity: 1;
	transition: all 0.1s ease-in-out 0s;
}

li.active:after {
	width: 20px;
	height: 20px;
	position: absolute;
	content: "";
	background-image: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png");
	right: 20px;
	background-position: -101px 0;
	top: 10px;
}

li.listactive {
	background: var(--bg_pfBg2);
}

.dif-desc {
	border-top: solid 1px var(--br_pfBorder2);
	background: var(--bg_pfWhite);
	border-bottom: solid 1px var(--br_pfBorder2);
	padding: 15px 10px;
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
	margin-left: 30px;
	margin-top: 30px;
	width: 980px;
	line-height: 22px;
}

.dif-tbl {
	width: 1000px;
	margin-top: 30px !important;
	border: solid 1px var(--br_pfBorder2) !important;
}

.dif-tbl th {
	font-size: var(--pf-base-large-font-size);
	color: var(--pf_paragraphColor);
}

.dif-tbl td {
	padding: 9px 5px 9px 15px !important;
	border-left: solid 1px var(--br_pfBorder2);
}

.bgf7 {
	background: var(--bg_pfBg2);
}

.textblue {
	color: var(--pf_linkColor);
	font-weight: 400;
	font-size: var(--pf-base-font-size);
}

.btm-line {
	border-bottom: 1px solid var(--br_pfBorder2);
	margin-left: 30px;
	margin-top: 20px;
	overflow: auto;
	padding-bottom: 15px;
	width: 1000px;
}

.posAbs,
.posabs {
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 2;
}
#context-helplink {
	line-height: 200%;
	margin-right: 10px;
	padding: 4px 2px 3px 23px;
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat scroll -21px -898px;
	background-color: var(--bg_pfTrans);
	color: var(--pf_baseColor);
}

.grayBoxNew {
	padding: 15px;
}

.grayBoxNew .newtable,
.grayBoxNew .newtable td {
	border: medium none;
}

.deleteUsers,
.delUser {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: var(--pf_baseColor);
	background-color: var(--bg_pfBg2);
	background-image: linear-gradient(center top, #f5f5f5, var(--bg_pfBg2));
	font-size: var(--pf-medium-small-font-size);
	height: 30px;
	line-height: 28px;
	margin-right: 3px;
	padding: 0 15px;
	cursor: pointer;
}

.content {
	font-size: var(--pf-base-font-size);
	line-height: 23px;	
}

.noborder {
	border: medium none !important;
}

.mandatory {
	color: var(--pf_negativeColor) !important;
	font-size: var(--pf-medium-small-font-size);
	font-family: var(--pf-font-regular);
}

.showCancel {
	width: 62%;
	margin-top:5px;
}

.lightgray {
	color:var(--pf_lightgrayColor) !important;
}

.aligncenter {
	text-align: center !important;
}

table.constructUrLInk {
    border: 1px solid var(--br_pfBorder2);
    padding: 12px 20px 22px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 2px;
    background: var(--bg_pfBg2);
}

.saveandcancelBtn {
	margin: auto;
	width: 190px;
}
/* applications limit exceeded  message styles start here */
.em-box {
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: var(--bg_pfTrans);
	width: 420px;
	padding: 10px;
	text-align: center;
	margin: 80px auto;
	box-sizing: border-box;
	padding-bottom: 30px;
}

.em-box h3 {
	font-family: var(--pf-font-semibold);
    color: var(--pf_headingColor);
    font-size: var(--pf-large-font-size);
	font-weight: 300;
	margin: 10px 0;
	text-align: center;
}

.em-box p {
	font-size: var(--pf-base-font-size);
    min-width: 200px;
    max-width: 370px;
    color: var(--pf_baseColor);
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
    display: inline-block;
}

.enew-app {
	background-image: url(/crmplatform/Platform/images/createapp_c8340802f6c139d65aa28975b320cd19_.svg);
    background-position: -48px -50px;
    background-repeat: no-repeat;
    height: 70px;
    text-align: center;
    width: 80px;
    margin: 0px auto;
}
.mesg {
	background: var(--bg_pfWhite);
	box-shadow: 0 0 40px rgba(87, 87, 87, 0.24);
	height: 170px;
	position: absolute;
	width: 430px;
	z-index: 222;
	margin-left: -215px;
	left: 50%;
	padding:40px 30px 10px;
	border-top:2px solid var(--br_pfLink);
	top: 0px;
	text-align:center;
}
.limiticon-bg{
    width: 68px;
    height: 68px;
    /* background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -342px -333px; */
    background-color: var(--bg_pfWhite);
    border-radius: 999px;
    text-align: center;
    display:inline-block;
}
.limiticon{
    width: 36px;
    height: 36px;
    background:url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -262px -509px;
	background-color: var(--bg_pfNegative);
    text-align: center;
    margin-left: 16px;
    margin-top: 16px;
    transform: rotate(180deg);
    border-radius: 999px;
    animation-name: rotate;
  	animation-duration:2s;
  	animation-timing-function:linear;
}
@keyframes rotate {
  0% {transform:rotate(0deg);}
  50% {  transform:rotate(180deg);}
  75% {  transform:rotate(160deg);}
  100% {  transform:rotate(180deg);}
}
/* i.right-green-icon {
	background-image: url("/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg");
	width: 40px;
	height: 40px;
	display: block;
	margin: auto;
	background-position:-96px -2093px;
} */

.h1 {
	font-size: var(--pf-large-font-size) !important;
	font-weight: 200 !important;
}

#createRule .f11 {
	font-size: var(--pf-extra-small-font-size);
}

.crite-bg {
	background-color: var(--bg_pfBg1);
	padding: 15px;
	font-size: var(--pf-base-font-size);
}

.cri-row td {
	border: 0px !important;
}
.strmandatory {
	color: var(--pf_negativeColor) !important;
	font-size: var(--pf-medium-small-font-size);
}


/**** Template Design ****/

.bB0 {
	border-bottom: 0px !important;
}

.tabl_a {
	color: var(--pf_linkColor) !important;
	outline: none medium;
	text-decoration: none !important;
	line-height: 1.4;
}

.customTemplate input#subject {
	border: medium none;
	padding-left: 10px;
	width: 93%;
}

#myForm td,
#CreateInventry td,
#newRuleStep1 td,
.padd6 td,
#newAlertform td,
#newTaskFormId td,
#createfield td,
#webHookForm td,
#connectorApiForm td,
#connectorActionForm td,
#webtabid td,
#inviteUserFrom td,
#customView td,
#profileDetails td,
#newConvertForm td {
	padding: 10px;
}

#relatedListForm td,
#custFun table td {
	padding: 6px;
}
#myForm .form-control,
#CreateInventry .form-control,
#newTaskFormId .form-control,
#inviteUserFrom .form-control,
#createfield .form-control,
#customFninfo .form-control,
#webHookForm .form-control,
#newRuleId .form-control,
#newAlertform .form-control,
#businessHourForm .form-control,
#frontCurrencyForm .form-control,
#createCustomOrgFields .form-control {
    width: 300px;
    float: left;
    padding: 7px 10px;
    box-sizing: border-box;
    line-height: 1.3;
    font-size: var(--pf-base-font-size);
    color:var(--pf_baseColor);
    border: 1px solid var(--br_pfBorder1);
    border-radius: 6px;
}
.note-modal-form .form-control {
	float: none !important;
	width: 100% !important;
}
.general-form {
	clear: both;
	padding: 15px 0 5px 30px;
	display: table;
	width: 1000px;
}
#ScriptForm .general-form {
	width: 500px !important;
}
.textA-bg {
	background: var(--bg_pfBg2);
	padding: 8px 12px;
	float: left;
	margin-left: -10px;
}
.generalSetLabel span {
	font-size: var(--pf-base-font-size);
	color: var(--pf_paragraphColor);
	font-weight: 400;
	float: left;
}

.valignTop {
	vertical-align: top;
}

.secContent {
	border: 1px solid var(--br_pfBorder2);
	border-top: 0;
	background-color: var(--bg_pfWhite);
}

.mh200 {
	min-height: 200px;
}

.mh100 {
	min-height: 100px;
}

.PortalDetailContainer {
	padding: 15px;
}

.mh60 {
	height: 60px;
}
.selectedAction {
	background-color: var(--bg_pfBg2);
}
.bdrDash {
	border: 1px dashed var(--br_pfBorder2);
}

.selActionTitle h3 {
	font-size: var(--pf-medium-large-font-size);
	color: var(--pf_labelColor);
}
.lH20 {
	line-height: 30px !important;
}
div.sp-replacer {
	background: var(--bg_pfWhite);
	border: solid 1px var(--br_pfBorder2);
}

div.sp-preview {
	border: solid 1px var(--br_pfBorder2);
	height: 18px;
	width: 40px;
}

.sp-dd {
	color: var(--pf_paragraphColor);
}
.pluseIcon {
	background-attachment: scroll;
	background-clip: border-box;
	background-image: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png");
	background-origin: padding-box;
	background-position: -60px -204px;
	background-repeat: no-repeat;
	background-color: var(--bg_pfTrans);
	border: medium none;
	text-indent: -9999px;
	width: 17px;
	cursor: pointer;
}

.pluseBIco,
.folderBIco {
	background-attachment: scroll;
	background-clip: border-box;
	background-image: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png");
	background-origin: padding-box;
	background-repeat: no-repeat;
	background-color: var(--bg_pfTrans);
	border: 1px solid var(--br_pfBorder2);
	text-indent: -9999px;
	width: 36px;
	cursor: pointer;
	float: left;
	height: 26px;
}

.pluseBIco {
	background-position: -38px -1997px;
}

.folderBIco {
	background-position: -84px -1997px;
}

.pluseBIco:hover,
.folderBIco:hover {
	background-color: var(--bg_pfBg2);
}

.bgclrwgt {
	background: var(--bg_pfWhite);
	/* border: 0 none !important; */
}
#criteria-table-body,
table#criteria-table-body td {
	border: none;
    float: left;
}

#newRuleStep4 .newtable td {
	border: 0 none;
}

#newRuleStep4 .newtable {
	border: 1px solid var(--br_pfBorder2);
}

.dateDays {
	border: 1px solid var(--br_pfBorder1);
    padding:8px;
    box-sizing: border-box;
    font-size: var(--pf-base-font-size);
    color: var( --pf_baseColor);
    border-radius: 2px;
}

.bus-tim {
	clear: both;
}
.newForm {
	background: var(--bg_pfWhite);
	margin: 10px 0;
	padding: 20px;
}

.yes,.ad-yes {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: var(--bg_pfGreen);
	background-image: none;
	background-origin: padding-box;
	background-repeat: repeat;
	background-size: auto auto;
	border-radius: 50px;
	height: 10px;
	vertical-align: middle;
	width: 10px;
}
.filter li,.new-group li,.new-feaure-Pricing li,.logoIcons p,.gform-field,.ad-yes {float: left;}
.ad-no, .ad-inactive {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: var(--bg_pfBg5);
	background-image: none;
	background-origin: padding-box;
	background-repeat: repeat;
	background-size: auto auto;
	border-radius: 50px;
	height: 10px;
	vertical-align: middle;
	width: 10px;
	float: left;
}

img.yes,img.ad-yes {
	width: 16px;
	height: 16px;
	background: var(--bg_pfTrans);
}

/* App publish success message popup slider style start here */

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


/* display none until init */

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* mouse grab icon */

.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}


/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}


/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px;
	filter: Alpha(Opacity=50);
	/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: var(--bg_pfBg5);
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	opacity: 1;
}


/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: var(--pf_whiteColor);
	padding: 2px 10px;
	font-size: var(--pf-medium-small-font-size);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.owl-pagination {
	margin-top: 20px;
}

#owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;
}


/* App publish success message popup slider style end here */

.input_fields_wrap>li {
	padding-top: 10px;
}
.input_parame_wrap>li {
	line-height: 35px;
	margin-bottom: 10px;
}

.form-control.walign {
	margin-right: 50px;
	width: 180px !important;
}

img.arImg {
	margin-left: 22px;
	margin-right: -3px;
}
/* .backbtn {
	background: url("/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg") no-repeat scroll -47px -178px;
	background-color: var(--bg_pfTrans);
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 22px;
	border: 0px;
	text-decoration:none;
} */

/* .backbtn {
	background-position: -50px -5px;
	display: block;
	opacity: .6;
} */

/* .backbtn:hover {opacity: 1;} */

/* #customView .deleteIcon {
	background: url("/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg") no-repeat scroll -48px -180px;
	background-color: var(--bg_pfTrans);
} */

.mod-lis-ed {
	margin-right: 7px;
}

.dec-mod {
	color: var(--pf_baseColor);
	margin-bottom: 20px;
	margin-top: 1px;
}

.subselect {
	margin-left: 245px;
	width: auto;
}

.parameterName {
	display: block;
	float: left;
	font-size: var(--pf-base-font-size);
	width: 268px;
}

.parameterValue {
	font-size: var(--pf-base-font-size);
}

.newinputText {
	width: 300px;
    float: left;
    padding: 7px 10px;
    box-sizing: border-box;
    line-height: 1.3;
    font-size: var(--pf-base-font-size);
    color:var(--pf_baseColor);
	box-shadow: none !important;
    border: 1px solid var(--br_pfBorder1);
    border-radius: 2px;
}

.newApCriteriaTable .newSelect select {
	width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.curv5px {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.bdr1px {
	border: 1px solid var(--br_pfBorder2);
}

#entityParamDIV,
#custParamRow {
	background: var(--bg_pfWhite);
	padding: 10px;
}
.addParameters {
	background-image: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png");
	background-position: -57px -173px;
	height: 21px;
	width: 21px;
}

#custParamRow .addParameters {
	background-image: none;
}

.bb2 {
	border-bottom: 1px solid var(--br_pfBorder3);
}

.tA2 {
	height: 140px;
	overflow: auto;
}

.w340 {
	width: 340px;
}
.gBG {
	background: var(--bg_pfBg2);
}

.bordewrLeftArrow:before {
	border-bottom: 10px solid var(--br_pfTrans);
	border-right: 11px solid var(--br_pfBorder3);
	border-top: 10px solid var(--br_pfTrans);
	content: "";
	height: 0;
	left: -10px;
	position: absolute;
	top: 8px;
	width: 0;
}
.CustomParameters .zpfFillArrow:after,
.CustomParameters .zpfFillActiveArrow:after {
	left: 2px;
	top: 0px;
}
#description {
	padding: 8px 10px;
	height: 70px;
}

.immHdr {
	height: 22px;
	padding: 5px;
	border-bottom: 1px solid var(--br_pfBorder2);
	padding-top: 20px;
	/*border-top: 1px solid #7D7D7D;*/
}

.daystxt {
	float: none;
	margin-left: 2px;
	margin-right: 5px;
	width: 40px !important;
}

.borderBoxBlock {
	width: 70%;
	padding: 0px;
	display: inline-block;
	line-height: 1.5;
	font-size: var(--pf-base-font-size);
}

.whiteBg {
	background: var(--bg_pfWhite);
}

.tabsbox #customView .newtable td {
	background: none;
}

.c-support i,
i.actionIcon {
	background: none repeat scroll 0 0 var(--bg_pfParagraph);
	border-radius: 3px;
	color: var(--pf_placeholderColor);
	font-size: var(--pf-base-font-size);
	font-style: normal;
	font-weight: 400;
	height: auto;
	left: -38px;
	line-height: 20px;
	opacity: 0;
	padding: 5px 10px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	text-indent: 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	top: 25px;
	transition: all 0.3s ease-in-out 0s;
	width: 85px;
	z-index: 223;
}

.rename-icon-small i {
	background: none repeat scroll 0 0 var(--bg_pfBase);
	border-radius: 2px;
	color: var(--pf_whiteColor);
	font-style: normal;
	font-weight: 400;
	height: auto;
	left: -25px;
	line-height: 10px;
	opacity: 0;
	padding: 5px 0px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	text-indent: 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	top: 20px;
	transition: all 0.3s ease-in-out 0s;
	width: 65px;
	z-index: 223;
	font-size: var(--pf-medium-small-font-size);
}

.onchangeTooltip i {
	width: 203px;
	padding: 10px;
	text-align: left;
	line-height: 18px;
}

.c-support i:after,
i.actionIcon:after {
	border-bottom: 10px solid var(--br_pfBase);
	border-left: 10px solid var(--br_pfTrans);
	border-right: 10px solid var(--br_pfTrans);
	content: "";
	height: 9px;
	left: 45px;
	margin-left: -9px;
	position: absolute;
	top: -15px;
	width: 0;
	box-sizing: initial !important;
}

.rename-icon-small i:after{
	border-bottom: 10px solid var(--br_pfBase);
	border-left: 10px solid var(--br_pfTrans);
	border-right: 10px solid var(--br_pfTrans);
	content: "";
	height: 8px;
	left: 22px;
	margin-left: -9px;
	position: absolute;
	top: -13px;
	width: 0;
	box-sizing: initial !important;
}

i.actionIcon {
	top: 38px;
	width: 55px;
	left: -12px;
}
i.actionIcon:after {
	left: 38px;
}
.pRelative,.app-title,#publishdetail,#leftbar2 a.leftNavDropdown,.c-support,.rename-icon-small{position: relative;}
.showEdit:hover .editMode,.c-support:hover i,
.edit-btn>a.editIcon:hover i.vIcon,
.edit-btn>a.iIcon:hover i.eIcon,
.rename-icon-small:hover i{
	opacity: 1;
}

.connected div>i,
#addingPicLists i.moveIcon {
	background-image: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png");
	background-position: 0 -1126px;
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	left: 20px;
	width: 25px;
}

#addingPicLists i.moveIcon {
	background-position: -6px -1129px;
	cursor: move;
	width: 14px;
}

.removedList:hover input[type="checkbox"] {
	opacity: 0 !important;
	display: none;
}

.removedList div {
	background: var(--bg_pfBg3) !important;
	border: 1px solid var(--br_pfBorder2) !important;
}

.removedList div:hover {
	border: 1px solid var(--br_pfBorder2) !important;
	box-shadow: none !important;
}
.soonBox {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-large-font-size);
	height: auto;
	left: 40%;
	line-height: 28px;
	margin: auto;
	padding: 50px 20px;
	position: fixed;
	text-align: center;
	top: 35%;
	width: 500px;
	z-index: 100;
}

.comingSoon,
.comingSoonModule {
	background: none repeat scroll 0 0 var(--bg_pfBg5);
	bottom: 0;
	left: 220px;
	opacity: 0.6;
	position: absolute;
	right: 0;
	top: 140px;
	z-index: 99;
}

.comingSoonModule {
	top: 108px;
}

.moduleSoon {
	top: 46px !important;
}

.inactiveCheckBox {
	opacity: 0.4;
}

.registerform .disabled {
	font-size: var(--pf-base-font-size);
	width: 242px;
	box-sizing: border-box;
}

.loadingmessage p {
	clear: both;
	color: var(--pf_paragraphColor);
	float: left;
	font-size: var(--pf-medium-small-font-size);
}

.con-pas-meg {
	background: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	padding: 30px;
	width: 798px;
	margin: 32px;
	min-height: 200px;
	margin-top: 20px;
	font-size: var(--pf-base-font-size);
	line-height: 20px;
}

.gr-con-btn {
	color: var(--pf_whiteColor);
	text-decoration: none;
	background: var(--bg_pfGreen);
	padding: 8px 16px;
	float: left;
	margin-bottom: 10px;
	font-size: var(--pf-base-font-size);
	margin-top: 18px;
	line-height: 1.3;
	border-radius: 2px;
}


/*              Test Design           */

.testwidth {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	margin-left: 30px;
	padding: 25px 20px;
	width: 958px;
}


/* Custom function Page */

#showCustomFunction {
	background: var(--bg_pfWhite);
	width: 990px;
	padding:0px;
	box-sizing:border-box;
	height: 480px;
	z-index:0;
	overflow:auto;
	border-right:0px;
}

#newCustomFunctionForm #showCustomFunction {
	width: 920px;
}
.newbluebtn {
	background: var(--bg_pfLink);
	color: var(--pf_whiteColor);
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	padding: 0 15px;
	font-size: var(--pf-medium-small-font-size);
	line-height: 1.3;
	height: 32px;
	margin-right: 3px;
}
.newbluebtn:hover {
	border: 1px solid var(--br_pfLink);
	color: var(--pf_whiteColor);
	background: linear-gradient(top, var(--bg_pfLink) 0, var(--bg_pfLink) 100%);
	box-shadow: 0 0 2px #525252 inset;
}
.editFunction {
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) no-repeat;
	display: inline-block;
	text-indent: -999em;
	background-position: -43px -1301px;
	width: 35px;
	height: 23px;
}
#editSubMenu {
	width: 120px;
	text-align: left;
	position: absolute;
	padding: 5px;
	background-color: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder5);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	border-top: 0px;
	margin-left: 2px;
}

#editSubMenu li a {
	color: var(--pf_linkColor);
	line-height: 18px;
	font-size: var(--pf-medium-small-font-size);
	margin: 0;
	display: block;
	padding: 4px 5px 4px 9px;
	text-decoration:none;
}

#editSubMenu li a:hover {
	background: var(--bg_pfLink);
	color: var(--pf_whiteColor);
}

#custFun {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	position: relative;
}

.excuteScript {
	background: var(--bg_pfBase);
	border-radius: 3px;
	bottom: 20px;
	color: var(--pf_placeholderColor);
	padding: 5px 10px;
	position: absolute;
	right: 18px;
	opacity: 0;
}

.excuteScript:hover {
	box-shadow: 0 0 3px #fff inset;
}

#showCustomFunction:hover .excuteScript {
	opacity: 1;
}

.createCustomFun,
.createName {
	background: var(--bg_pfWhite);
	border-radius: 4px;
	box-shadow: 0 0 4px #000;
	height: 250px;
	margin: auto;
	position: relative;
	top: 25%;
	width: 500px;
}

#createFunName .form-control {
	float: none;
	margin-bottom: 25px;
	margin-top: 65px;
}

.createCustomFun>div {
	padding: 30px;
	text-align: center;
}

.createCustomFun>div h1 {
	font-weight: normal;
}

.fname {
	color: var(--pf_paragraphColor);
}

.pFun {
	left: 184px;
	position: absolute;
	top: 2px;
	z-index: 40;
}

#delugeLeftPane {
	min-width:auto;
	background: var(--bg_pfBg2);
	border-right: 1px solid var(--br_pfBorder2);
	margin-top: 0 !important;
	padding: 0 10px 15px;
	overflow-y: auto;
}
#delugeEditorArea #delugeLeftPane:last-child{
	float:none !important;
}
.AutoNumber {
	background-position: 0 0;
	width: 20px;
	height: 16px;
}

.BooleanCustomField {
	background-position: 0 -66px;
	width: 21px;
	height: 16px;
}

.LongInt {
	background-position: 0 -132px;
	width: 20px;
	height: 20px;
}

.Multiselect {
	background-position: 0 -202px;
	width: 24px;
	height: 20px;
}

.TextAreaSmall {
	background-position: 0 -272px;
	width: 16px;
	height: 16px;
}

.URLSmall {
	background-position: 0 -338px;
	width: 16px;
	height: 16px;
}

.currency {
	background-position: 0 -404px;
	width: 20px;
	height: 20px;
}

.date {
	background-position: 0 -474px;
	width: 20px;
	height: 20px;
}

.datetime {
	background-position: 0 -544px;
	width: 16px;
	height: 16px;
}

.decimal {
	background-position: 0 -610px;
	width: 20px;
	height: 20px;
}

.email_fld {
	background-position: 0 -680px;
	width: 20px;
	height: 20px;
}

.formula-field {
	background-position: 0 -750px;
	width: 20px;
	height: 20px;
}

.lookup {
	background-position: 0 -820px;
	width: 17px;
	height: 17px;
}

.number {
	background-position: 0 -887px;
	width: 20px;
	height: 20px;
}

.percent {
	background-position: 0 -957px;
	width: 20px;
	height: 20px;
}

.phone_fld {
	background-position: 0 -1027px;
	width: 20px;
	height: 20px;
}

.picklist {
	background-position: 0 -1097px;
	width: 20px;
	height: 20px;
}

.text {
	background-position: 0 -1167px;
	width: 20px;
	height: 20px;
}

.newFieldIcons {
	background-image: url("/crmplatform/Platform/images/newFieldIcon_9abfe6b17ba951a40a25da3f38b372e8_.png");
	float: left;
}

a .newFieldLbl {
	float: left;
	line-height: 20px;
	margin-left: 4px;
	color: var(--pf_paragraphColor);
}

#fieldsBanner li>a {
	border: 1px solid var(--br_pfBorder3);
	float: left;
	margin: 5px;
	padding: 5px 10px;
	text-decoration:none;
}

#fieldsBanner li>a:hover,
#fieldsBanner li>a.active {
	border: 1px solid var(--br_pfBorder2) !important;
}

#fieldsBanner li>a.active {
	background: var(--bg_pfBg2);
}

#fieldsBanner {
	border: 1px solid var(--br_pfBorder2);
	display: table;
	width: 340px;
}

#fieldsForm,
#fieldsBanner {
	position: relative;
}
#fieldsForm li {
	float: left;
	width: 100%;
}
#fieldsForm .error .error-list li{
	word-break:break-word;
}
#fieldsBanner .rightPanel {
	width: 60%;
}

#fieldsBanner .leftPanel {
	width: 40%;
}

#fieldsBanner>ul {
	float: left;
}

.rightPanel a {
	width: 160px;
}

.leftPanel a,
.width-100 {
	width: 100px;
}

#fieldsBanner h4,
#fieldsForm h4 {
	font-size: var(--pf-base-large-font-size);
	font-weight: 200;
	position: absolute;
	top: -30px;
}
div#fieldsForm .form-control {
	width: 200px;
}

#currencyTipDiv {
	border: 1px solid var(--br_pfBorder2);
	height: 258px;
	right: 40px;
	position: fixed;
	top: 244px;
	width: 380px;
}

#picklistTipDiv {
	right: 85px;
	position: fixed;
	top: 240px;
	width: 335px;
}

#currencyTipDiv td {
	text-align: center;
	font-size: var(--pf-extra-small-font-size);
	line-height: 24px;
}

.TipTitlecu {
	font-size: var(--pf-base-font-size) !important;
	font-weight: bold;
	line-height: 28px !important;
}

.lb {
	border-left: 1px solid var(--br_pfBorder2);
}

.bld {
	font-weight: bold;
}

.bb {
	border-bottom: 1px solid var(--br_pfBorder2);
}

.timeNote {
	background-color: var(--bg_pfBg3);
	border: 1px solid #F9EFC7;
	padding: 15px 30px 20px 40px;
	line-height: 25px;
	color: var(--pf_baseColor);
}

#noteDiv,
.noteDiv {
	background-color: var(--bg_pfBg2);
	border: 1px solid var(--br_pfBorder3);
	padding: 15px 20px 20px;
}

.noteDiv {
	width: 75%;
	background-color:var(--bg_pfBg1);
	border: 0px;
	border-left: 3px solid var(--br_pfLink);
	padding: 18px 20px !important;
	color: var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
	margin: 15px auto 0;
	line-height: 1.5;
	border-radius:3px;
	box-sizing:border-box;
}

.not-yet-pub {
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) no-repeat;
	background-position: -44px -1155px;
	height: 40px;
	width: 40px;
	margin-left: 420px;
	float: left;
}

span#previewText {
	line-height: 48px;
}


/***************
**** Connector Template page Design
****************/

.connectorTemplatePage {
	border: 1px solid var(--br_pfBorder2);
	width: 500px;
}

.connectorform-control {
	padding: 7px 10px;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid var(--br_pfBorder2);
    font-size: var(--pf-base-font-size);
    color: var(--pf_baseColor);
    resize: vertical;
    max-height: 120px;
    min-height: 40px;
    line-height: 1.3;
    overflow: hidden;
    overflow-y: scroll;
    transition: all 0.3s ease-in;
}
/***************
**** Plugin Details Page
****************/

.ycolor th {
	background-color: var(--bg_pfBg3) !important;
}

.newtable th.tbltopHead {
	font-size: var(--pf-base-large-font-size);
	font-weight: 400;
	color: var(--pf_baseColor);
	background: var(--bg_pfTrans);
}

.newtable th.tblbottomHead {
	font-size: var(--pf-base-font-size);
	color: var(--pf_headingColor);
}


/* .newtable th:last-child
{
	border-right:1px solid var(--br_pfBorder2);
}*/
/*.newtable th:first-child
{
	border-left:1px solid var(--br_pfBorder2);
} */
.screenShots,.editAction,.newtable tbody, .fbtable tbody, .newtable thead{
	width: 100%;
    display: table;
}
.newtable th:first-child, .fbtable th:first-child {
	border-radius:10px 0 0;	
}
.newtable th:last-child, .fbtable th:last-child {
	padding-right: 10px;
	border-radius:0 10px 0 0;
}
.fbtable tr:last-child td:first-child, .newtable tr:last-child td:first-child {
	border-radius:0 0 0 10px;
}
.fbtable tr:last-child td:last-child, .newtable tr:last-child td:last-child {
	border-radius:0 0 10px;
}
.pluginModule .newtable td {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
}

.pluginModule .newtable {
	margin: 0;
}
/* .downLinkArrow>i {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat scroll -55px -1111px;
	background-color: var(--bg_pfTrans);
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 20px;
} */

.moduleList.newtable td {
	border-bottom: 0 none;
}

.moduleList.newtable td:first-child {
	color: var(--pf_baseColor);
}

.pluginModule .newtable td .criteria {
	border: 1px dotted orange !important;
	padding: 8px;
}
.addCriteria,.removeCriteria {
	border: 1px solid var(--br_pfGreen);
    height: 22px;
    width: 22px;
    background-color: var(--bg_pfWhite);
    cursor: pointer;
    margin: 5px 5px 0;
    border-radius: 999px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.removeCriteria{border: 1px solid var(--br_pfNegative);}
input.addCriteria,input.removeCriteria {
	cursor: pointer;
	margin: 5px 5px 0;
	float: left;
	-webkit-mask-image: var(--pf_cssSprite);
    mask-image: var(--pf_cssSprite);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	border: 0;
}
input.addCriteria {
	width: 11px;
    height: 11px;
    -webkit-mask-position: -277px -313px;
    mask-position: -277px -313px;
	background-color: var(--zcicn-green);
}
input.removeCriteria {
	width: 12px;
    height: 3px;
	-webkit-mask-position: -214px -52px;
    mask-position: -214px -52px;
	background-color:var(--zcicn-red);
}
.pricing-img,.togglebox input,#functions li.active:after,#comingSoon,.cri-row:nth-child(2) .removeCriteria {display:none;}
#criteria-table-body .chosen-container {
	margin: 0px;
}

.moduleList.newtable td.instantActionTbl {
	padding: 0 10px 10px;
}

.moduleList.newtable td.instantActionTbl table td,
.moduleList.newtable td.instantActionTbl table th {
	border-right: 1px solid var(--br_pfBorder2);
}

.instantActionTbl th {
	background: var(--bg_pfBg2);
	font-size: var(--pf-base-font-size);
	color: var(--pf_headingColor);
}

.moduleList.newtable td.instantActionTbl table td:last-child,
.moduleList.newtable td.instantActionTbl table th:last-child {
	border-right: 0 none;
}

#moduleListWdgt .moduleLink {
	color: var(--pf_linkColor);
	outline: none medium;
	font-size: var(--pf-base-font-size);
}

#moduleListWdgt .moduleLink:hover {
	text-decoration: underline !important;
}

.instantActionTbl>table {
	border: 1px solid var(--br_pfBorder2);
}

.actAlerts,
.actTasks,
.actField,
.actWebhooks,
.actCustfun,
.actFllowups {
	background-image: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png");
	height: 22px;
	width: 25px;
}

.actAlerts {
	background-position: -6px -1382px;
}

.actTasks {
	background-position: -50px -1382px;
}

.actField {
	background-position: -52px -1419px;
}

.actWebhooks {
	background-position: -52px -1343px;
}

.actCustfun {
	background-position: -8px -1420px;
}

.actFllowups {
	background-position: -7px -1344px;
}

.lnH25 {
	line-height: 25px !important;
}

.delUser {
	background: none;
	display: block;
	height: auto;
	margin-right: 40px;
	margin-top: 20px;
	padding-bottom: 2px;
	padding-top: 4px;
}

.delUser:hover {
	background-color: var(--bg_pfBg2);
}

.userDtl {
	color: var(--pf_labelColor);
	font-size: var(--pf-medium-small-font-size);
}

.hOver1 {
	display: none;
}

.usersList:hover .hOver1 {
	display: block;
}

#adduserPopup {
	display: none;
}
.inviteUserWidget, .editUserWidget {
	background-color: var(--bg_pfWhite);
	left: 50%;
	min-height: 100px;
	position: fixed;
	visibility: hidden;
	width: 550px;
	z-index: 50;
	top: 45px;
	transform:translateX(-50%);
}
.icon-chevron-up {
	border-bottom: 5px solid var(--br_pfBase);
	border-left: 5px solid var(--br_pfTrans);
	border-right: 5px solid var(--br_pfTrans);
	height: 1px;
	position: relative;
	top: -19px;
	width: 10px;
}

.icon-chevron-down {
	border-left: 5px solid var(--br_pfTrans);
	border-right: 5px solid var(--br_pfTrans);
	border-top: 5px solid var(--br_pfBase);
	bottom: -5px;
	height: 0;
	position: relative;
	width: 0;
}

.bootstrap-timepicker-widget table td a {
	border: 1px solid var(--br_pfTrans);
	color: var(--pf_baseColor);
	display: inline-block;
	height: 22px;
	margin: 0;
	outline: 0 none;
	width: 22px;
	text-decoration:none;
}

.bootstrap-timepicker-widget table td a i {
	margin-top: 2px;
}

.bootstrap-timepicker-widget.dropdown-menu.open td {
	padding: 0 !important;
}

.bootstrap-timepicker-hour,
.bootstrap-timepicker-minute,
.bootstrap-timepicker-meridian {
	border: 1px solid #999;
}

#criteria-table-body .bootstrap-timepicker-widget table tbody td {
	border: none;
}

#criteria-table-body .dropdown-menu {
	left: 100px !important;
}

#criteria-table-body #ui-datepicker-div {
	position: absolute !important;
	top: -248px !important;
	left: 0px !important;
	border: 1px solid var(--br_pfBorder2);
}
#custom-view-criteria #criteria-table-body #ui-datepicker-div{
	top:40px !important;
}

#criteria-table-body .datePicker,
#criteria-table-body .timePicker {
	box-shadow: none;
}
#criteria-table-body .timePicker{
	border-radius:0 3px 3px 0;
}

#leftShowHide {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat scroll -16px -1637px;
	background-color: var(--bg_pfTrans);
	display: none;
	height: 99px;
	left: 35px;
	position: fixed;
	right: 0;
	top: 270px;
	width: 25px;
	z-index: 46;
	text-indent: -9999px;
}

.choseModule {
	width: 252px;
    padding: 0px;
    height:100%;
    box-sizing: border-box;
	z-index:2;
    top: 45px;
	position: absolute;
	right:0px;
	border: 1px solid var(--br_pfBorder2);
	transition:all .2s ease-out;
}
.choseModule>a {
	/* background-image: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png); */
    background-position: 119px -2169px;
    height: 43px;
    position: absolute;
    text-indent: -9999px;
    top: 42%;
    width: 18px;
    left: -20px;
    border-radius: 3px 0 0 3px;
    border: 1px solid var(--br_pfBorder2);
    cursor:pointer;
    background-color: var(--bg_pfWhite);
    text-decoration:none;
	display: flex;
	align-items: center;
	justify-content: center;
}
#installScriptFnInfo #dreEditorFooter{
	z-index:3;
}
.Apinavigation.zpfLeftarrowIcon::before {transform: rotate(180deg);}
.pag-hdr {
	color: var(--pf_baseColor);
	font-size: 36px;
	font-weight: 300;
	line-height: 50px;
	text-align: center;
	margin-top: 40px;
}

.pag-sub-hdr {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	font-weight: 400;
	line-height: 30px;
	margin-top: 10px;
	text-align: center;
}

.pln-tbl {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	float: left;
	padding: 20px 40px 50px;
	margin-left: 20px;
	border: solid 1px var(--br_pfBorder3);
	text-align: center;
	margin-top: 40px;
	width: 180px;
	box-shadow: 0 1px 2px #f4f4f4;
}

.act-btn {
	color: var(--pf_whiteColor);
	font-size: var(--pf-base-font-size);
	background: var(--bg_pfParagraph);
	text-transform: uppercase;
	padding: 4px 14px;
	border-radius: 2px;
	text-decoration: none;
	line-height: 1.3;
}

.amo-detal {
	color: var(--pf_greenColor);
	font-size: 32px;
	font-weight: 400;
	margin: 0px;
}

.usr-count {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
}

.pln-tbl h4 {
	color: var(--pf_baseColor);
	font-size: var(--pf-large-font-size);
	font-weight: 300;
	margin: 10px 0 30px;
	text-align: center;
	text-transform: uppercase;
	width: auto !important;
}

.amo-detal sup {
	font-size: var(--pf-medium-large-font-size);
}

.set-fee-scrn {
	width: 315px;
	position: relative;
	z-index: 2;
}

.set-fee-scrn li,
#tabs li {
	float: left;
}

.field-area {
	height: 750px;
	width: 294px;
	background: var(--bg_pfWhite);
	overflow: auto;
	border-right: 1px solid var(--br_pfBorder2);
}

.page-area {
	width: 69%;
}

.filed-set {
	background: var(--bg_pfWhite);
	/* padding: 12px; */
}

.e-titl {
	background: var(--bg_pfBg5);
	color: var(--pf_baseColor);
	font-size: var(--pf-medium-large-font-size);
	font-weight: 400;
	padding: 10px;
}

.set-group {
	background: none repeat scroll 0 0 #eee;
	border-bottom: 1px solid var(--br_pfBorder2);
	color: var(--pf_headingColor);
	font-size: var(--pf-base-font-size);
	font-weight: 400;
	padding: 10px;
	position: relative;
	padding-left: 22px;
	cursor: pointer;
}

.set-group-link {
	color: var(--pf_headingColor);
	font-size: var(--pf-base-font-size);
	text-decoration: none;
}

.s-lbl {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
	margin: 3px 0;
	padding-left: 10px;
}

.s-fild input,
.s-fild textarea {
	border: 1px solid var(--br_pfBorder2);
	height: 28px;
	margin: 2px 10px;
	padding-left: 10px;
	width: 260px;
}

.s-fild textarea {
	height: 50px;
	margin: 2px 10px;
	width: 255px;
}

.s-lbl p {
	margin: 2px 10px;
	color: var(--pf_paragraphColor);
}

.s-fild {
	margin-bottom: 10px;
	padding-left: 10px;
}

.w65 {
	width: 65px !important;
}

.pln-n {
	color: var(--pf_baseColor);
	font-size: var(--pf-medium-large-font-size);
	font-weight: 400;
	margin: 15px 0 10px 10px;
}

.lin-or {
	border-top: 1px solid var(--br_pfWarn);
	margin-right: 10px;
	padding-top: 10px;
}

.fit-titl {
	width: 274px;
	border-bottom: solid 1px var(--br_pfBorder2);
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	right: .5em;
	top: 60%;
	margin-top: -8px;
}

.ui-icon-triangle-1-e {
	border-bottom: 5px solid var(--br_pfTrans);
	border-left: 5px solid var(--br_pfBorder5);
	border-top: 5px solid var(--br_pfTrans);
	height: 0;
	margin-right: 8px;
	width: 0;
}

.ui-icon {
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-icon-triangle-1-s {
	width: 0px;
	height: 0;
	border-left: 5px solid var(--br_pfTrans);
	border-right: 5px solid var(--br_pfTrans);
	border-top: 5px solid var(--br_pfBorder5);
	margin-right: 8px;
}

.whiteBg1 {
	position: absolute;
	left: 220px;
	width: 315px;
	background: var(--bg_pfWhite);
	height: 100%;
	z-index: 1;
	border-right: 1px solid var(--br_pfBorder2);
}

.set-fee-scrn .ui-widget-content,
.detailsUpgrade .ui-widget-content {
	border: none;
}

.set-fee-scrn .ui-state-default,
.detailsUpgrade .ui-state-default {
	border-right: none;
	border-top: 1px solid var(--br_pfwhite) !important;
	border-left: none;
}

.set-fee-scrn .ui-widget-header {
	border-bottom: 1px solid var(--br_pfBorder2);
	color: var(--pf_headingColor);
	height: 36px;
	margin-top: -10px;
	line-height: 35px;
	position: absolute;
	left: 0;
}

.detailsUpgrade .ui-widget-header {
	border-bottom: 1px solid var(--br_pfBorder2);
	color: var(--pf_headingColor) !important;
	height: 35px;
	line-height: 33px;
}

.filed-set .ui-state-active,
.filed-set .ui-widget-content .ui-state-active,
.filed-set .ui-widget-header .ui-state-active {
	border: 1px solid var(--br_pfBorder5);
	background: var(--bg_pfWhite);
	font-weight: normal;
	color: var(--pf_headingColor) !important;
}

.filed-set li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
	border: medium none;
	padding: 0 10px;
	border-bottom: 2px solid var(--br_pfWarn) !important;
	height: 33px;
}

.filed-set li.ui-state-default.ui-corner-top {
	margin-left: 20px;
	padding: 0 10px;
}
.detailsUpgrade .ui-state-default.ui-corner-top {
    margin-right: 42px;
    padding: 0px 0px 0px 2px;
	position: relative;
}

.detailsUpgrade div#tabs-1,
.detailsUpgrade #tabs-2 {
	top: 0;
}


/********************Divider*************/

.addition {
	background-image: url("/crmplatform/Platform/images/vcrm-icons_7e895fed63a2b4bd998f1b1328a8d3ee_.png");
	background-position: -120px -45px;
	display: block;
	height: 40px;
	margin-right: 35px;
	text-indent: -9999px;
	width: 26px;
}

.subTotl {
	width: 100px;
}

.labelOne {
	color: var(--pf_headingColor);
	font-size: var(--pf-base-font-size);
	font-weight: 400;
}

.txtaR.pR {
	padding-right: 50px;
}
/*--------------------Setup Fee --------------------------*/

.setupFee {
	margin: 20px auto auto;
	padding: 20px;
	position: relative;
	width: 585px;
	background: var(--bg_pfBg3);
	border: 1px solid var(--br_pfBorder4);
	clear: both;
}

.ribbon {
	width: 92px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: -6px;
	right: -6px;
}

.ribbon-band {
	position: relative;
	background: var(--bg_pfWarn);
	color: var(--pf_whiteColor);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	margin-top: 28px;
	padding: 3px 0px;
	font-size: var(--pf-base-font-size);
	top: -6px;
	text-align: center;
	left: 1px;
}

.ribbon-band:after {
	content: "";
	border-right: 6px solid var(--br_pfTrans);
	border-top: 6px solid var(--br_pfWarn);
	position: absolute;
	bottom: -6px;
	right: 0;
}

.ribbon-band:before {
	left: 0;
}
.setupFee h3 {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	font-weight: 600;
	text-transform: uppercase;
	line-height: 30px;
	text-align: center;
}
.setupFee p {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	line-height: 25px;
	margin-top: 5px;
	text-align: center;
}

.oneTimePay {
	color: var(--pf_greenColor);
	font-size: var(--pf-large-font-size);
	margin: 0 12px;
	position: relative;
	padding-left: 2px;
}

.oneTimePay sup {
	position: absolute;
	left: -10px;
	font-size: var(--pf-medium-large-font-size);
	font-weight: 200;
	line-height: 30px;
}

#tabs .ui-widget-header a {
	color: var(--pf_warningColor);
	font-size: var(--pf-base-font-size);
}

div#tabs-1,
#tabs-2 {
	position: relative;
	top: 50px;
	margin-bottom: 50px;
}

.bus-tim span {
	margin-top: 2px;
	text-align: right;
}

.SocialArrow {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") repeat-x scroll -204px -1046px;
	background-color: var(--bg_pfTrans);
	height: 23px;
	left: 40px;
	position: absolute;
	top: -11px;
	width: 23px;
}

.cur-sample {
	position: absolute;
}

.hme-cure {
	color: var(--pf_placeholderColor) !important;
}

.country-cod {
	font-weight: 600;
	color: var(--pf_headingColor);
}

.cur-format {
	background-color: var(--bg_pfBg2);
	border: 1px solid var(--br_pfBorder2);
	display: inline-block;
	padding: 2px 10px;
}

.lbl-for {
	margin-left: 100px;
}

.newPopupTemp, .massUpdateDiv, #lookupdiv {
	background: none repeat scroll 0 0 white;
	border: 1px solid var(--br_pfBorder2);
	box-shadow: 0 3px 17px rgba(0, 0, 0, 0.3);
	position: absolute;
}

.gry-cir {
	border: 1px solid var(--br_pfBorder2);
	border-radius: 6px;
	height: 7px;
	width: 7px;
}
/*    ---------------------- jQuery Form Validation   --------------------------------*/

#newConnectedAppForm div.error-list,
#samlSettings div.error-list {
	position: unset;
	clear: both;
}

#inviteUserFrom .error-list {
	position:absolute;
	left:0px;
	bottom:-22px;
}

#picklist .error-list {
	bottom: -42px;
}

#ScheduleForm .field.error .error-list ul {
    margin: 0;
}

.constructUrLInk td {
	padding: 2px !important;
}

form#userInviteFormCosole .error-list li {
	font-size: var(--pf-base-font-size);
}

#ButtonsForm tr.padding-top20 td:first-child {
	padding-top: 20px !important;
}


/************************Invite User page*********************/

.inviteuserTemp {
	width: 627px;
	border: 1px solid var(--br_pfBorder2);
}

#inviteUserFrom .gform-label {
	width: 100px;
	float: none;
}

.multipleInput-container {
	border: 1px solid var(--br_pfBorder1);
	padding: 0 5px 5px;
	padding-bottom: 0;
	cursor: text;
	font-size: var(--pf-base-font-size);
	width: 300px;
	border-radius:2px;
	box-sizing:border-box;
	min-height:34px;
}
#inviteUserFrom .multipleInput-container{
	width:520px;
	padding-bottom:4px;
}
.multipleInput-container input {
	font-size: var(--pf-base-font-size);
	clear: both;
	width: auto;
	height: 24px;
	border: 0;
}
.multipleInput-container #currTextBox {
	min-width: 220px;
    max-width: 100%;
    padding-right: 8px;
    box-sizing: border-box;
    overflow: hidden !important;
    white-space: nowrap;
}
.multipleInput-container ul {
	list-style-type: none;
	padding-top:5px;
}

li.multipleInput-email {
	float: left;
	border:1px solid var(--br_pfBorder2);
	font-size: var(--pf-base-font-size);
	color:var(--pf_labelColor);
	padding: 3px 6px;
	background: var(--bg_pfBg2);
	position: relative;
	border-radius:2px;
	margin-right:6px;
	margin-bottom:6px;
}
.multipleInput-email.faildEmail {
	background: var(--bg_pfNegative);
    color: var(--pf_whiteColor);
    border: 1px solid var(--br_pfNegative);
    line-height: 1;
}

li.multipleInput-email span {
	max-width: 285px;
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height:1;
}
.multipleInput-close{
	width: 0px;
    height: 100%;
	background:url("/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg") no-repeat -46px -52px #e1e1e1;
    outline: 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0px;
    border-radius: 0 2px 2px 0;
    transition: width .4s linear;
}
.multipleInput-email:hover .multipleInput-close {
  width:20px;
}
.inUser {
	width: 575px;
	margin: auto;
}

.usersInviteList {
	background: var(--bg_pfBg3);
	line-height: 20px;
	padding: 16px;
	width: 406px;
	border-top: 1px solid var(--br_pfBorder2);
	border-bottom: 1px solid var(--br_pfBorder2);
}

.inUser h3 {
	color: var(--pf_warningColor);
}

.daysLbl {
	color: var(--pf_baseColor);
	line-height: 29px;
	margin-left: -5px;
}

.equalsign {
	margin: 0;
	text-align: center;
	width: 20px;
}

.w250 {
	width: 250px !important;
}


/* .error-list { */


/*	width: 500px; */


/*} */

.inviteSuccess,
.invitefail {
	background: var(--bg_pfGreen);
	border-radius: 3px;
	color: var(--pf_whiteColor);
	padding: 0 5px;
}
.usersInviteList td {
	text-align: left;
	padding-left: 20px;
	line-height: 20px;
}


/********************************* Leads Tracking *******************************************/

#pluginLandingWidget {
	width: 470px;
	margin: auto;
}

#pluginLandingWidget p {
	color: var(--pf_baseColor);
}

.fullWidget {
	border: 1px solid var(--br_pfBorder2);
	box-shadow: 2px 2px 3px #f7f7f7;
}

.pluginPanel {
	background: none repeat scroll 0 0 var(--bg_pfBg2);
	border-bottom: 1px solid var(--br_pfBorder2);
	padding: 50px 30px;
	box-sizing: border-box;
}

.filterCont {
	max-width: 280px;
}

.filterIco {
	width: 75px;
}

.filterIco>i {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat scroll -55px -1647px;
	background-color: var(--bg_pfTrans);
	display: block;
	height: 65px;
	text-indent: -9999px;
	width: 60px;
}

.mappingOpt {
	background: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	box-sizing: padding-box;
	margin: 30px 30px 0;
	min-height: 200px;
	min-width: 550px;
	padding: 29px;
}

.pluginInstall {
	background: var(--bg_pfBg3);
}

.chooseCont h4 {
	color: var(--pf_warningColor);
	font-weight: normal;
}

.chooseCont>p {
	color: var(--pf_baseColor);
}

.mappingOpt li {
	display: table;
}

.chooseCont {
	line-height: 22px;
	width: 90%;
}

.pointerEvnt {
	opacity: 0.5;
	pointer-events: none;
}


#executionScript tr.trout:hover {
	background-color: var(--bg_pfWhite);
}

#pickListTable tr.trout:hover {
	background-color: var(--bg_pfWhite);
}

tr.trout:hover .edit-icon-small,
tr.trout:hover .deleteIcon,
#pickListTable tr.trout:hover .BtnMinus,
tr.trout:hover .rename-icon-small,
tr.trout:hover .settingIcon {
	opacity: 1;
}

.trout .edit-icon-small,
.trout .deleteIcon,
.trout .rename-icon-small,
.trout .settingIcon{
	opacity: 0;
}

.connecttable tr.trout:hover {
	background: var(--bg_pfWhite);
}

.connecttable td {
	line-height: 1.3;
	padding: 8px 10px !important;
}

#addMoreCurrencies {
	min-width: 500px;
	max-width: 750px;
}

.minPopWidth {
	min-width: 500px;
	max-width: 750px;
}

div#addMoreCurrencies h3 {
	margin: 0;
}

.currFomatge {
	background-color: var(--bg_pfBg2);
	padding: 7px 10px;
	display: inline-block;
	border-radius:2px;
}

#exchangeRates .form-control {
	border-radius: 0;
	box-shadow: none;
}
#layoutRules .newPopup {		
        position: absolute;		
 		margin: 0px auto;		
		background-color: var(--bg_pfWhite);		
	    box-shadow: 0px 0px 5px #333;		
        padding: 25px;		
		padding-bottom: 20px;		
}
.newPopup .p15 {
	padding: 15px !important;
}

.newPopup:before,
.newPopup:after {
	bottom: 100%;
	left: 54px;
	border: solid var(--br_pfTrans);
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.newPopup:before {
	border-color: var(--br_pfTrans);
	border-bottom-color: var(--br_pfBorder2);
	border-width: 12px;
	margin-left: -12px;
}

.newPopup:after {
	border-color: var(--br_pfTrans);
	border-bottom-color: var(--br_pfwhite);
	border-width: 11px;
	margin-left: -11px;
}

.alrt-text {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	font-weight: 300;
}

.platformLeft .bg-co-module {
	width: 220px;
}

.note-po {
	background: var(--bg_pfBg3);
	padding: 20px;
	margin: 20px 0;
	box-shadow: 0px 0px 2px #ddd;
}

.note-po li {
	font-size: var(--pf-base-font-size);
	color: var(--pf_headingColor);
	margin-top: 7px;
}

.note-po li p {
	font-size: var(--pf-base-font-size) !important;
}

.view-mail {
	padding: 12px;
	border: 1px solid var(--br_pfBorder3);
	line-height: 1.6;
	font-size: var(--pf-base-font-size);
	margin: 20px auto;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
	box-sizing:border-box;
}

.note-po span {
	border-radius: 5px;
	float: left;
	height: 8px;
	margin-right: 7px;
	margin-top: 5px;
	width: 8px;
	background: var(--bg_pfWarn);
}
.formLoaderGif {
	background: url("/crmplatform/Platform/images/ajax-loader1_a51c5608d01acf32df728f299767f82b_.gif") no-repeat scroll 0 4px/25px auto;
	background-color: var(--bg_pfTrans);
	border: medium none;
	padding: 6px 10px;
	width: 25px;
	position: absolute;
	left: -40px;
	top: -8px;
	height:30px;
}

.fieldsLoader .formLoaderGif {
	top: 0px;
}

.BtnPlus {
	border: none;
	color: var(--pf_linkColor);
	cursor: pointer;
	padding-left: 25px;
	position: relative;
}

#pickListTable .BtnMinus,
.BtnPlus .addStageIco {
	background-color: var(--bg_pfBg5);
	background-image: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png");
	background-position: -55px -241px;
	background-repeat: no-repeat;
	border: medium none;
	border-radius: 2px;
	cursor: pointer;
	height: 25px;
	margin-top: 6px;
	opacity: 0;
	width: 25px;
}

#pickListTable .newSelect,
#pickListTable .newSelect select {
	width: 150px;
}

#pickListTable tr:last-child td {
	border: 0 none;
}

.BtnPlus .addStageIco {
	background-color: var(--bg_pfWhite);
	background-position: -53px -203px;
	left: 0;
	opacity: 1;
	position: absolute;
	top: -5px;
}

.hideCont {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	height: 100%;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 40;
}

.notPublished {
	z-index: 45;
}

#showBusinessHourList .gry-cir {
	height: 10px;
	width: 10px;
}

#showfielddata .gry-cir {
	height: 8px;
	width: 8px;
}

#addingPicLists {
	background-color: var(--bg_pfBg2);
	border: 1px solid var(--br_pfBorder2);
	border-radius: 3px;
	padding: 4px 8px;
	width: 316px;
}

.picklistInput {
	border: 1px solid var(--br_pfBorder2);
	height: 22px;
	padding: 1px 3px;
	width: 260px;
}

#addingPicLists .pckList {
	background: none repeat scroll 0 0 var(--bg_pfBg2);
	border: 1px solid var(--br_pfBorder2);
	margin: 4px 0;
	padding: 5px;
	width: 305px;
	box-sizing:content-box;
}

.editIcon {
	background-image: url("/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg");
	background-position: -102px -347px;
	background-repeat: no-repeat;
	height: 18px;
	padding: 5px;
	position: relative;
	text-indent: -9999px;
	top: 3px;
	width: 18px;
	opacity: .5;
	background-color: var(--bg_pfTrans);
	right: 30px;
	border: 1px solid var(--br_pfBorder2)
}


/* .detailsUpgrade .editIco {
	background-image: url("/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg");
	background-position: -43px -367px;
	background-repeat: no-repeat;
	height: 24px;
	padding: 5px;
	position: relative;
	text-indent: -9999px;
	top: 3px;
	width: 34px;
	opacity: .6;
	border-radius: 2px;
	background-color: var(--bg_pfWhite);
} */

optgroup {
  font-size: var(--pf-base-font-size);
  color:var(--pf_headingColor);
  font-weight:400;
}
#LeadsModuleFields {
	margin-left: 4px;
	margin-right: 5px;
	height:280px;
}

.editIcon:hover {
	border: 1px solid var(--br_pfBorder2);
	opacity: 1;
}

/* .appsDesc .editIco:hover {opacity: 1;} */

#LeadsModuleFields option {
	font-style: normal;
}

.constructor_table {
    border: 1px solid var(--br_pfBorder1);
    background-color: var(--bg_pfBg2);
    border-radius: 2px;
}
.formulaParentnote {
	background-color: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder4);
	color: var(--pf_headingColor);
}

.formulaParentnote td {
	padding: 0;
}

#constructFormulaDiv h5 {
	color: var(--pf_baseColor);
	display: block;
	font-size: var(--pf-base-font-size);
	font-weight: normal;
	text-align: left;
}
.differentMail {
	color: var(--pf_warningColor);
}
.importNoteDiv {
	background: url("/crmplatform/Platform/images/alertmsg_41a3b0a8e1a135655e116bd0b308535c_.gif") no-repeat scroll 10px 5px #fefee9;
	border: 1px solid var(--br_pfNote);
	left: 500px;
	margin: auto;
	padding: 10px 10px 10px 60px;
	position: absolute;
	top: 96px;
	width: 600px;
	z-index: 99;
}
#showBusinessHourList .alignright {
	line-height:1.4;
}

/* .review_help {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat scroll -51px -423px;
	background-color: var(--bg_pfTrans);
} */

#currFrmtDiv_front td {
	padding: 5px;
}

#slt_cf_lookup {
	width: 200px;
}

#customFieldForm_fldReturnType {
	width: 200px;
}

#customfield .newSelect:after {
	top: 2px;
}

#groupOption {
	width: 290px;
}

#groupSrcTypeSPAN select {
	margin-left: -10px;
}

.description {
	padding: 10px 7px 7px 0 !important;
}

#webhook_description {
	padding: 0px !important;
}

#currFrmtDiv_frontform td{
	padding: 5px;
}

#popupdiv {
	background-color: var(--bg_pfWhite);
	overflow:auto;
	overflow-y:hidden;
}

.installActionslidbar #popupTable, .variableActionslidbar {
	padding:0px 0px 5px !important;
}

#popupTable {
	padding:0px 5px !important;
}

#FinalPricing {
	background-color: var(--bg_pfBg3);
}

.paidAnnualy_help {
	background-image: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png");
	background-position: -95px -901px;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 20px;
	width: 20px;
}

.referFldLbl {
	background: none;
	width: 95px;
	height:20px;
	padding:5px;
	box-sizing:border-box;
	border:1px solid var(--br_pfTrans);
	color: var(--pf_headingColor);
	font-size: var(--pf-small-font-size);
	float:left;
}

.referFldLbl:focus {
	padding: 5px;
} 
#referFld{
	padding-bottom:15px;
}
tr.removeCusFld td {
	padding: 0 5px !important;
}
tr.removeCusFld td:nth-child(2)
{
	padding-top:10px !important;
}
.buttonWidget {
	background: var(--bg_pfBg2);
	height: 40px;
	left: 0px;
	position: relative;
	top: 0px;
	width: auto;
	z-index: 3;
	box-sizing: content-box !important;
	border: 1px solid var(--br_pfBorder2);
	border-bottom: 1px solid var(--br_pfBorder2);
	border-top: 0px;
}

.zpfInfoError {
	padding: 10px 15px;
	box-sizing: border-box;
	max-height: 90px;
	background: var(--pf_infoBackground);
	color: var(--pf_baseColor);
	border:1px solid var(--pf_infoErrorBorder);
	display: none;
	position: relative;
	overflow-y:scroll;
}
.zpfInfoNote{
    background: var(--pf_infoNotesBackground);
    border: 1px solid var(--pf_infoNotesBorder);
    color: var(--pf_infoNotesColor);
    border-radius: 6px;
    padding: 10px 15px;
}
.linClumWidget input {
	border: 1px solid var(--br_pfBorder2);
	padding: 4px;
	width: 40px;
}

.linClumWidget .secondaryBtn{
	height: 25px;
	padding: 2px 10px;
	width: 35px;
	font-size: var(--pf-medium-small-font-size) !important;
}

.btmWidget {
	width: 100%;
}

table.btmWidget td {
	padding: 0 !important;
}

.teston.teston1 {
	border-right: 1px solid var(--br_pfBorder2);
	top: -11px;
	z-index: 10;
	height: 87px;
}

.teston {
	min-width: 191px;
	max-width:213px;
	height: 46px;
	border: 1px solid var(--br_pfBorder2);
	background: var(--bg_pfBg2);
	position: relative;
	top: -3px;
	border-top: 0;
	box-sizing: content-box !important;
	z-index:-2;
}

#basePrice .customAddonPrice {
	background: none repeat scroll 0 0 var(--bg_pfBg2);
	margin-right: 4px;
	opacity: 0.7;
	pointer-events: none;
	text-align: center;
	width: 30px;
	margin-left: 5px;
}

#diff0,
#diff1 {
	margin-left: 5px;
	margin-right: 4px;
	text-align: center;
	width: 30px;
}

#amount {
	width: 30px;
	margin-left: 0px;
}

.customTtl {
	color: var(--pf_linkColor);
	font-size: var(--pf-base-large-font-size);
	font-weight: normal;
	margin-bottom: 5px;
	margin-top:0px;
}

#dateTimeDiv select {
	width: auto;
}

#fieldupdateonly select {
	width: auto;
}

.borRight {
	border-right: 1px solid var(--br_pfBorder2);
}

.linClumWidget input[type="text"] {
	font-size: var(--pf-medium-small-font-size);
	height: 13px;
	width: 25px;
	box-sizing: initial;
}

.linClumWidget p,
.lineColumn p {
	margin: 0px;
}
.bg-co-module1 {
	background:var(--bg_pfFreeze);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 46;
}
.map-lead #delPopupBox {
	position: fixed;
}

div#custPopup,
.popupWidget2 {
	left: 2%;
	top: 0;
	z-index: 48;
	padding: 15px 20px;
	right: 2%;
}

#custPopup>input.formLoaderGif,
.popupWidget2>input.formLoaderGif {
	left: 45%;
	top: 45%;
}

.partner_value {
	width: 45px !important;
	height: 25px;
}

#finalPricingDetails .divider {
	width: 110%;
	margin-left: 120px;
}

.finalPrice {
	line-height: 4;
	padding-left: 15px;
	vertical-align: top;
}

#parentChildDependents table {
	border-spacing: 10px 20px;
}

#dependencyMapping table {
	border-spacing: 5px 0px;
}

#dependencyMapping table select {
	border: medium none;
	height: 200px;
	width: 215px;
}

#planForm .ui-tabs-panel.ui-widget-content.ui-corner-bottom {
	top: 60px !important;
}

#appDetailBox .ui-tabs-panel.ui-widget-content.ui-corner-bottom {
	top: 0px !important;
}
#executionScript table {
	border-spacing: 10px 15px;
}

#executionScript {
	max-height: 280px;
	min-height: 90px;
	overflow: scroll;
}

#csfnMapVal .popupWidget,
#csfnMapVal .popupWidget1 {
	width: 65%;
	left: 20%;
}

.bre8 {
	border: 1px solid var(--br_pfBorder2);
}

.bdrRT {
	border-right: 1px solid var(--br_pfBorder2);
}

.dependencyDiv td table th {
	text-shadow: none;
	background-color: var(--bg_pfBg2);
}

#connectorRecord textarea {
	width: 390px !important;
}

.EditDelIcon a,
.apiButtons,
.PublishLaunchBtn {
	opacity: 0;
}

.connectorApiList:hover .EditDelIcon>a,
.connectorApiList:hover .apiButtons,
.connectorApiList:hover .PublishLaunchBtn {
	opacity: 1;
}
.boxSize {
	box-sizing: border-box;
}

#executeAgain #errorContent {
	max-height: 250px;
	overflow: auto;
}

#ui-datepicker-div table td {
	padding: 0px 5px;
}

#csfnMapVal .popupWidget1 {
	width: 45%;
}

.addconnectpopup {
    display: block;
    top: 0;
    width: 510px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.existingAsd .notAssociated {
	background-color: var(--bg_pfBg3);
}

.existingAsd td .checkbox_view {
	opacity: 0;
	left: -9999px;
}

.existingAsd td input {
	position: absolute;
	opacity: 0;
	left: -9999px;
}

.existingAsd .removeRow,
.existingAsd .undoRemove {
	display: block;
}

.removeRow {
	position: absolute;
	left: -9999px;
}

.existingAsd .removeRow {
	position: relative;
	left: 0;
}

.timeBATtl {
	border-bottom: 1px solid var(--br_pfBorder2);
	height: 41px;
	line-height: 35px !important;
	margin-top: 10px !important;
}

i.timeActionIcon {
	background-attachment: scroll;
	background-clip: border-box;
	background-image: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png");
	background-origin: padding-box;
	background-repeat: no-repeat;
	background-color: var(--bg_pfTrans);
	width: 55px;
	cursor: pointer;
	float: left;
	height: 36px;
	background-position: -55px -2064px;
	display: none;
}

.timeActionIcon {
	left: -70px;
	position: absolute;
	top: 0;
}

form#timeBasedActionCompleteForm {
	margin-left: 65px;
}

.overflowHide {
	overflow: hidden !important;
}

form#timeBasedActionCompleteForm .h1 {
	display: none;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
	border: none;
}

#createfield .ui-corner-all {
	margin-bottom: 10px;
}

#createfield .ui-datepicker-prev,
#createfield .ui-datepicker-next {
	width: 16px;
	height: 18px;
	margin-top: 24px;
	margin-left: 23px;
	background-color: var(--bg_pfWhite);
	opacity: .6;
	display: flex;
	align-items: center;
	justify-content: center;
}

#createfield .ui-datepicker-next {
	margin-left: 0px;
	margin-right: 23px;
}

/* #createfield .ui-datepicker-prev:hover,
#createfield .ui-datepicker-next:hover {
	opacity: 1;
} */

#criteria-table-body #ui-datepicker-div table td {
	padding: 5px;
	border: none;
	float:none;
}

#remindAtDiv textarea[readonly="true"] {
	background-color: var(--bg_pfBg2);
}

.associateTbl {
	margin: 0;
	padding: 0;
}

div#ui-datepicker-div {
	border: 1px solid var(--br_pfBorder2);
	padding: 15px;
	box-sizing: border-box;
	display: inline-table;
}

.overLayDelete {
	background: url("/crmplatform/Platform/images/transBg_619fbb16abe1eb6b7e49fdbed0ed10bb_.png");
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	display: none;
}

.undoTimeDel {
	position: relative;
	z-index: 55;
}

i.deletIcoTimeAction {
	background-attachment: scroll;
	background-clip: border-box;
	background-image: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png");
	background-origin: padding-box;
	background-repeat: no-repeat;
	background-color: var(--bg_pfTrans);
	text-indent: -9999px;
	width: 50px;
	cursor: pointer;
	float: left;
	height: 70px;
	background-position: -27px -2130px;
	position: absolute;
	top: 43%;
	left: 43%;
}

.associateTbl h2 {
	display: none;
}

.associateTbl .posrel {
	display: none;
}

.model-drop {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
	overflow: auto;
	overflow-y: scroll;
	bottom: 0;
	background:var(--bg_pfFreeze);
}


/* .newForm > div {
    overflow-y: auto;
    max-height: 600px;
} */

.reqArea,
.updateReq,
.bdrCont {
	border: 1px solid var(--br_pfBorder2);
	padding: 10px;
	width: 550px;
	border-radius: 6px;
}
#parent_table td {
	padding: 10px;
}

.postGet {
	padding: 8px 12px;
	background-color: var(--bg_pfLabel);
	height: 20px;
	line-height: 22px;
	color: var(--pf_whiteColor);
	border-radius: 6px 0 0 6px;
}

.urlGP {
	width: 430px !important;
	padding: 10px;
	border: 1px solid var(--br_pfBorder2);
	border-radius: 6px;
}

.reqAreaEdit {
	background: var(--bg_pfBg2);
	padding: 2px 5px;
	width: 60px;
	float: right;
	position: relative;
	top: -9px;
	right: -9px;
	opacity: 0;
}

.reqAreaEdit span {
	margin-left: 8px;
	color: var(--pf_baseColor);
}

.reqArea:hover a.reqAreaEdit {
	opacity: 1;
}

td.apiResponse {
	background-color: var(--bg_pfBg2);
	width: 120px;
	text-align: center;
}

.apiResponse div {
	padding-top: 25px;
}

#api_resp {
	resize: none;
	border: none;
	width: 100%;
	box-sizing: border-box;
}

#listRules1 {
	width: 100%;
	display: block;
	text-align: center;
}

#moduleSingularName {
	position: relative;
	top: 10px;
}

.priceL {
	margin: auto !important;
	box-sizing: border-box;
	display: table;
	position: relative;
}

.pricing-tbl {
	width: 100%;
	display: table;
	margin: 20px auto;
	margin-left: 0;
	padding: 10px 20px 10px 0;

}

#potentialFields {
	border: 1px solid var(--br_pfBorder2);
	padding: 10px;
	background-color: var(--bg_pfBg3) !important;
	width: 572px;
	box-sizing: border-box;
}
.sp-container {
	display: none;
}

.selectedCustomizeRLBtn i::after,
.selectedCustomRLBtn i::after {
	border-left: 10px solid var(--br_pfTrans);
	border-right: 10px solid var(--br_pfTrans);
	border-top: 10px solid var(--br_pfBorder3);
	content: "";
	display: table;
	height: 8px;
	margin: 0 auto;
	width: 0;
}

.displayTable {
	display: table;
}
.selectedCustomizeRLBtn .whiteBtn, .selectedCustomRLBtn .whiteBtn, .manageRelatedList .whiteBtn{
	border:1px solid var(--br_pfBorder2);
}
.selectedCustomizeRLBtn #inputFieldsTab, .selectedCustomRLBtn #moduleFieldsTab{
	border-left:0px;
	border-top:0px;
}

/******************** Portal Page*****************************/

.portalTtl {
	color: var(--pf_warningColor) !important;
	font-size: var(--pf-medium-large-font-size) !important;
}

.portalWidget {
	border: 1px solid var(--br_pfBorder2);
}

li.portalUser {
	padding: 15px 18px;
	background-color: var(--bg_pfBg2);
	line-height: 25px;
	border: 1px solid var(--br_pfBorder2);
}

.portalUser h4 {
	font-size: var(--pf-base-large-font-size);
	color: var(--pf_baseColor);
}

.portalStr {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat scroll -12px -2074px;
	background-color: var(--bg_pfTrans);
	height: 18px;
	width: 17px;
	display: inline-block;
}

.portalStr.activeDefault {
	background-position: -12px -2050px;
}

.portalStr i {
	background: var(--bg_pfParagraph);
	border-radius: 2px;
	color: var(--pf_placeholderColor);
	font-size: var(--pf-base-font-size);
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	opacity: 0;
	padding: 3px 10px;
	position: absolute;
	right: -55px;
	text-align: center;
	text-indent: 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	top: 25px;
	transition: all 0.3s ease-in-out 0s;
	width: 90px;
	pointer-events: none;
}

.portalStr i:after {
	border-bottom: 10px solid var(--br_pfBase);
	border-left: 10px solid var(--br_pfTrans);
	border-right: 10px solidvar(--br_pfTrans);
	content: "";
	height: 8px;
	left: 45px;
	margin-left: -9px;
	position: absolute;
	top: -15px;
	width: 0;
	box-sizing: initial !important;
}

.portalStr:hover i {
	opacity: 1;
}

#connectorCredentialsPopUp {
	display: block;
	width: 714px;
	position: absolute;
	left: 50%;
	margin-left: -510px;
	top: 0;
}

.addCompBg {
	background: var(--bg_pfBg2);
	border: 1px solid var(--br_pfBorder2);
	padding: 10px;
	width: 300px;
	box-sizing: border-box;
}

.addCompBg label {
	display: block;
	font-size: var(--pf-base-font-size);
	color: var(--pf_paragraphColor);
}

.plugin-puplishBtn {
	top: 0;
	position: absolute;
	right: 0;
}

.bdr-btm-non td {
	border-bottom: none;
}

.bdr-btm-non.bdr-btm>td {
	border-bottom: 1px solid var(--br_pfBorder2) !important;
}

.inner-tbl {
	border: solid 1px var(--br_pfBorder2);
	margin-left: 15px;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}

.inner-tbl:before {
	width: 0;
	height: 0;
	border-left: 8px solid var(--br_pfTrans);
	border-right: 8px solid var(--br_pfTrans);
	border-top: 8px solid var(--br_pfBorder2);
	position: absolute;
	content: '';
	top: 0px;
	left: 22px;
	float: left;
	z-index: 10;
}

.plugin-puplish {
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
	overflow: auto;
	left: 50%;
	z-index: 444;
	transform:translateX(-50%);
	border-radius:4px;
	box-shadow:0 5px 15px rgba(0,0,0,.5)!important;
}
#addNewEmailPopup .plugin-puplish, #emailVerifyPopup .plugin-puplish {
	border-top: 2px solid var(--br_pfLink);
    min-width: 400px !important;
    max-width:500px;
    display: block;
    padding:0px !important;
}
.link-box {
	background: var(--bg_pfBg3);
    border: 1px solid var(--br_pfBorder2);
    color: var(--pf_linkColor);
    font-size: var(--pf-base-font-size);
    line-height: 22px;
    margin-top: 15px;
    padding: 4px 10px;
}

div#updatedInstallUrl input:focus,
input#currTextBox:focus {
	border:1px solid var(--br_pfTrans);
}
.detailsUpgrade input .secondaryBtn:focus{
	border:1px solid var(--br_pfBorder5);
}
.detailsUpgrade input .primaryBtn:focus{
	border:1px solid var(--br_pfLink);
}
#customView tr.trout a {
	display: none;
}

#customView tr.trout:hover a {
	display: block !important;
}

#customView tr.trout .deleteIcon {
	height: 18px;
}

.pckList .deleteIcon {
	background: url("/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg") no-repeat -44px -178px;
}

.default-view {
	background:var(--bg_pfoutlineBlue);
	border:1px solid var(--br_pfLink);
	color:var(--pf_linkColor);
	border-radius: 4px;
	padding:3px 6px;
	font-size: var(--pf-extra-small-font-size);
	margin-left:3px;
	letter-spacing:.3px;
}

#plugin-component.plugin-puplish{
	min-width:580px;
	max-width: 800px;
	padding: 0px;
	top: 0px;
}

#plugin-published.plugin-puplish, #plugin-submit.plugin-puplish, #creator-app.plugin-puplish{
	width:600px;
}

#plugin-component .bdr-left {
	border-left: 1px solid var(--br_pfBorder2);
}

#plugin-component .pop-h2 {
	color: var(--pf_baseColor);
	font-size: var(--pf-medium-large-font-size);
	font-weight: normal;
	line-height: 0;
	margin-bottom: 5px;
	text-align: left;
}

#plugin-component .pop-hdr {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 15px;
}

/* #plugin-component a i.popupCloseIcon {
	right: 14px;
	top: 13px;
} */

.plugin-align {
	width: 100%;
    border-bottom: solid 1px var(--br_pfBorder3);
    overflow: auto;
    clear: both;
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height:1.3;
}

.file-upload-box {
	border: 1px dashed var(--br_pfBorder2);
	background-color: var(--bg_pfBg2);
	width: 150px;
	height: 80px;
	margin: auto;
	text-indent: -9999px;
	z-index: 10;
}

.file-upload-box i {
	background: url("/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg") no-repeat -88px -206px;
	width: 55px;
	height: 51px;
	display: block;
	margin: auto;
	top: 15px;
	position: absolute;
	left: 50%;
	margin-left: -28px;
}

input#dScript {
	position: absolute;
	width: 150px;
	height: 80px;
	left: 175px;
	opacity: 0;
	z-index: 12;
}

#ScriptForm #install {
	opacity: 0.5;
	pointer-events: none;
}


/************ Custom View Setting Criteria Override Css ****************/

#CustomViewForm #criteria-table-body {
	width: 900px;
}

#custom-view-criteria table td {
	padding: 2px !important;
}

#custom-view-criteria .newApCriteriaTable .newSelect select {
	width: 110px;
}

#custom-view-criteria #criteriaPatternVal {
	width: 260px !important;
}

#custom-view-criteria #criteria-table-body .cri-row td:nth-child(2) .chosen-container,
#remindAtDiv #criteria-table-body .cri-row td:nth-child(2) .chosen-container {
	/* width: 85px !important; */
	min-width: 85px;
}

#custom-view-criteria #criteria-table-body .chosen-container {
	width: 100% !important;
}

#custom-view-criteria .criPatter {
	max-width: 580px;
	margin:0 auto;
}

#custom-view-criteria .saveCriteria {
	width: 430px;
}

#criteria-table-body .datePicker {
	padding: 6px 5px;
	border-radius:3px 0 0 3px;
}

#CustomViewForm .chosen-container-multi .chosen-choices {
	padding: 3px;
}

.small-btn-blue,
.small-btn-gry {
	color: var(--pf_linkColor);
	font-size: var(--pf-base-font-size);
	border: none;
	background: none;
	cursor: pointer;
	line-height: 1.3;
}

.small-btn-gry {
	color: var(--pf_paragraphColor);
}

.publishAndExecute {
	opacity: 0;
}

#showConnectorapi .newtable .trout:hover .publishAndExecute {
	opacity: 1;
}

#connectorApiRecords td {
	vertical-align: middle;
}

.con-det-tbl td {
	padding: 10px;
}

i.listCir {
	width: 8px;
	height: 8px;
	display: block;
	float: left;
	margin: 6px;
	border: 2px solid var(--br_pfLink);
	border-radius: 50%;
	margin-left: 0;
}

#csfnMapVal #mapExecute {
	width: 650px !important;
	margin: 0 0 0 -325px;
	left: 50%;
}

.warningicon {
	background: url("/crmplatform/Platform/images/vcrm-icons_7e895fed63a2b4bd998f1b1328a8d3ee_.png") no-repeat scroll -30px -146px;
	background-color: var(--bg_pfTrans);
	float: left;
	height: 90px;
	margin-right: 10px;
	margin-top: -23px !important;
	width: 60px;
}
.top-bnd .c-support {
	height:20px;
	cursor: pointer;
}

.cbBtnIndi {
	background-color:var(--bg_pfoutlineBlue);
	border:1px solid var(--br_pfLink);
	padding: 3px 6px;
	font-size: var(--pf-extra-small-font-size);
	color:var(--pf_linkColor);
	min-width: 30px;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	letter-spacing:.3px;
}

.colorbox {
	width: 30px;
	height: 15px;
	float: left;
}

.selectedSkin {
	border: 3px solid var(--br_pfwhite);
	box-shadow: 0px 0px 3px #888;
	position: relative;
	margin-top: -3px;
	border-radius: 3px;
}

.menu {
	color: var(--pf_whiteColor);
}

.menuOff {
	color: var(--pf_headingColor);
}

.sel {
	background: rgba(255,255,255,0.2);
	color: rgba(255, 255, 255, 1);
}

.clrBoxCenter {
	margin: auto;
	position: relative;
	width: 640px;
}

.connectedAppList:hover .EditDelIcon>a,
.connectedAppList:hover .apiButtons,
.connectedAppList:hover {
	opacity: 1;
}

.connectedAppList {
	border-bottom: 1px solid var(--br_pfBorder2);
	height: 115px;
	padding-left: 0;
}

li.connectedAppList:hover {
	background: var(--bg_pfBg2);
}

.customAppsLink {
	background: url("/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png") no-repeat scroll -90px -1070px;
	background-color: var(--bg_pfTrans);
	color: var(--pf_negativeColor);
	display: block;
	float: left;
	height: 25px;
	text-indent: -9999px !important;
	width: 30px;
}

.ds-note {
	background: var(--bg_pfBg3);
	color: var(--pf_baseColor);
	float: left;
	line-height: 1.3;
	padding: 7px 13px 0;
	text-align: left;
}

.ds-fileupload {
	width: 550px;
	left: 50%;
	margin: 0px auto 0px -275px;
}

.webtabprofileFont {
	font-size: var(--pf-large-font-size);
}
.sharePluginCont {
	padding: 20px 30px;
}

.sharepluginWidgt {
	display: block;
	width: 690px;
	height: auto;
	box-sizing: border-box;
}

.blue-btn {
	color: var(--pf_whiteColor);
	background: var(--bg_pfLink);
	padding: 6px;
	width: 138px;
	font-size: var(--pf-medium-font-size);
	text-align: center;
	font-weight: normal;
	line-height: 1.3;
}

.bdr-ccc {
	border: 1px solid var(--br_pfBorder1);
}

.toAddress {
	background: var(--bg_pfBg2);
	display: block;
	float: left;
	height: 35px;
	width: 55px;
	line-height: 28px;
	text-align: center;
	top: 0px;
	position: relative;
	left: 0px;
	margin-right: 5px;
	border-right: 1px solid var(--br_pfBorder2);
}

#sharePluginForm #addressBar {
	display: table;
}

#sharePluginForm .toAddress {
	display: table-cell;
	height: 88%;
	vertical-align:middle;
	bottom: 0;
	border-bottom: 1px solid var(--br_pfBorder2);
	float: none;
}

#addressBar .multipleInput-container,
.subjectWdgt {
	width: 100%;
	border: 0px;
	border-bottom: 1px solid var(--br_pfBorder2);
	height: 36px;
	box-sizing: border-box;
}

#sharePluginForm #addressBar .multipleInput-container {
	width: 92%;
	height: auto;
	display: table-cell;
}

.subjectWdgt span.toAddress {
	width: 55px;
	text-align: center;
	margin-right: 0px;
	line-height: 33px;
	border-right: 1px solid var(--br_pfBorder2);
}

.subjectWdgt input#subject {
	width: 560px;
	height: 35px;
	border: none;
	margin-left: 8px;
}

.controlTxt {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 250px;
}

.oauthPopUp {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	border: 1px solid #999;
	left: 50%;
	position: relative;
	top: 0px;
	width: 780px;
	z-index: 50;
	border-top: 2px solid var(--br_pfWarn);
	margin-left: -390px;
}

.samlPopup {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	border: 1px solid #999;
	left: 35%;
	position: relative;
	top: 110px;
	padding: 0px 0px 50px;
	width: auto !important;
	max-width: 580px;
	min-width: 400px;
	z-index: 50;
	border-top: 2px solid var(--br_pfWarn);
}

form#samlSettings table td,
form#oauthSettings table td {
	padding: 10px;
}
.comTab table td{
	padding:10px;
    text-overflow:ellipsis;
    overflow: hidden;
}

.conapp-config table td {
	overflow: inherit !important;
}

form#samlSettings select,
form#samlSettings input,
form#samlSettings form,
form#samlSettings textarea {
	margin: 0px;
}

input.oauthScope {
	margin-bottom: 10px;
}

.conectTtl {
	font-weight: normal;
	font-size: var(--pf-base-large-font-size);
	border-bottom: 1px solid var(--br_pfBorder2);
	padding: 13px 30px;
	line-height: 20px;
	padding-bottom: 7px;
	box-sizing: border-box;
}

.detailBG {
	background: var(--bg_pfBg2);
}

#platform-dashboard {
	margin: 20px auto;
	overflow: auto;
	width: 1006px;
	padding-bottom: 50px;
}

#platform-dashboard li {
	background: var(--bg_pfWhite);
	box-sizing: border-box;
	float: left;
	margin-left: 23px;
	margin-top: 25px;
	padding: 20px 20px 15px;
	width: 310px;
	border: solid 1px var(--br_pfBorder2);
	height: 170px;
}

#platform-dashboard li:hover {
	border: 1px solid var(--br_pfBorder2);
	box-shadow: 1px 1px 3px #ddd;
}

#platform-dashboard a {
	text-decoration: none;
}

#platform-dashboard h3 {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	font-weight: 400;
}

#platform-dashboard h3 a {
	color: var(--pf_baseColor);
}

#platform-dashboard p {
	color: var(--pf_paragraphColor);
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 60px;
}

#samlSettingDiv h4 {
	border-bottom: 1px solid var(--br_pfBorder2);
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	margin-bottom: 16px;
	margin-left: 30px;
	margin-top: 25px;
	padding-bottom: 5px;
	text-align: left;
	width: 90%;
}

/* #platform-dashboard a.thinhelpicon {
	float: right;
	margin-top: 6px;
	padding-bottom: 2px;
	text-decoration:none;
}

.thinhelpicon {
	background-image: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg);
	background-position: -51px -401px;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	text-decoration:none;
} */

.plugin-dolr {
	float: left;
	margin-right: 4px;
	font-size: var(--pf-base-font-size);
	margin-top: 6px;
	color: var(--pf_baseColor);
}

.onOffSwt {
	cursor: pointer;
	vertical-align: top;
	width: 35px;
	height: 20px;
	display: inline-block;
	border-radius: 20px;
	position: relative;
	background: var(--bg_pfBg5);
}

.onOffcb {
	display: none;
}

.onOffBtn,
.onOffSwt {
	transition: 200ms ease;
}

.onOffBtn {
	width: 16px;
	height: 16px;
	background: var(--bg_pfWhite);
	display: inline-block;
	border-radius: 20px;
	position: absolute;
	left: 2px;
	top: 2px;
	right: auto;
}

input[type="checkbox"].onOffcb:checked+.onOffSwt {
	background: var(--bg_pfGreen);
}

input[type="checkbox"].onOffcb:checked+.onOffSwt .onOffBtn {
	left: 17px;
}

#pagesortable .ui-state-highlight {
	background: var(--bg_pfBg2);
	border: dashed 1px var(--br_pfBorder2);
}

#saveHomeView.inActive {
	opacity: 0.5;
	pointer-events: none;
}

#pagesortable tbody.ui-sortable tr {
	cursor: move;
}

#pagesortable tbody.ui-sortable-disabled tr {
	cursor: auto;
}

table#pagesortable {
	width: 100%;
	table-layout: fixed;
}

#pagesortable .ui-sortable-helper {
	background-color: var(--bg_pfBg3);
	border: 1px solid var(--br_pfNote);
}

span#moduleOnSpan {
	margin-left: 10px;
	margin-right: 8px;
}

.division-hdr label {
	line-height: 30px;
	margin-left: 10px;
}

.ful-right {
	float: left;
	width: 100%;
	padding-left: 0px;
}

.ful-left {
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed !important;
	bottom: 0;
	width: 260px;
	top: 108px ! important;
	border-right: 1px solid var(--br_pfBorder2);
	float: left;
	left:0px;
	background: var(--bg_pfWhite);
}

.division-hdr {
	background: var(--bg_pfBg2);
	padding: 13px 10px;
	overflow: auto;
	border-bottom: 1px solid var(--br_pfBorder2);
	height: 33px;
}

.connector-apis {
	float: left;
	width: 100%;
}

.api-url {
	color: var(--pf_paragraphColor);
	margin-top: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.meth-bg {
	border-radius: 2px;
	padding: 2px 5px;
	font-size: var(--pf-extra-small-font-size);
	color: var(--pf_whiteColor);
	font-weight: 400;
	margin-left: 10px;
	display: inline-block;
}

.methOrange {
	background: var(--bg_pfWarn);
}

.methBlue {
	background: var(--bg_pfGreen);
}

.methGreen {
	background: var(--bg_pfGreen);
}

.api-lit li {
	padding: 15px 10px 15px 20px;
	border-left:2px solid var(--br_pfTrans);
	border-bottom: solid 1px var(--br_pfBorder2);
	cursor: pointer;
	background: var(--bg_pfWhite);
}

.api-nam {
	color: var(--pf_baseColor);
	font-weight: 600;
}

.conector-act {
	border: solid 1px var(--br_pfBorder2);
	padding: 4px;
	border-radius: 2px;
}

.leftNavHead label {
	color: var(--pf_placeholderColor);
	font-size: var(--pf-medium-large-font-size);
	font-weight: 400;
}

.ShwoCreeateTemplate .error-list {
	width: 100%;
}

.ShwoCreeateTemplate .field.error {
	position: relative;
	width: 100%;
}

ul#conAction {
	padding: 10px 0px;
	background: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	border-radius: 6px;
	box-shadow: 0 2px 8px var(--pf_menuBodyShadow);
	position: absolute;
	min-width: 130px;
	top: 40px;
	display: none;
}

ul#conAction li a {
	display: block;
	padding: 5px 10px;
	box-sizing: border-box;
    color: var(--pf_baseColor);
}
/* span.conectorDot {
	font-size: var(--pf-large-font-size);
	display: block;
	margin-top: -6px;
	background-image: url("/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg");
	width: 16px;
	height: 22px;
	background-position: -104px -259px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#conDot:hover span.conectorDot {
	background-position: -104px -279px;
} */

div#connectorRecords div#connectorHead .widthAuto.fL {
	text-align: left;
	color: var(--pf_baseColor) !important;
	margin-left: -35px;
	line-height: 15px;
}

div#connectorRecords div#connectorHead {
	border-bottom: 0;
	width: 840px;
	margin: auto;
	position: inherit;
	height: 45px;
	color: var(--pf_headingColor);
}

div#connectorRecords .createNewPlugin {
	width: 800px;
	box-shadow: 0 2px 8px var(--pf_menuBodyShadow);
    border:1px solid var(--pf_menuBodyBorder);
	border-radius: 6px;
	padding: 20px;
}

#connectorRecords .puplishApp {
	margin-right: 20px !important;
}


/*Hot fix for Connector New Design*/


/*         Module Events Tab      */

.eventQuickViewTab,
.eventViewTab {
	width: 100%;
	height: 100px;
	border: 1px solid
}

.eventsTab a {
	border-bottom: 1px solid var(--br_pfBorder3);
	padding: 10px;
	font-size: var(--pf-base-font-size);
}

a.avtiveEventTab {
	color: var(--pf_headingColor);
}

.menuActiveBar {
	transition: .25s all ease-In-Out;
	border-bottom: 1px solid var(--br_pfLink);
	position: absolute;
	width: 46px;
	height: 0;
	left: 0;
	top: 29px;
}

#eventQuickViewTab .ui-layout-left ul,
#eventQuickViewTab .ui-layout-right ul {
	min-height: inherit;
	height: inherit;
	width: 270px;
	border: 1px solid var(--br_pfBorder2);
}

#eventQuickViewTab .fieldcontainer,
#eventQuickViewTab .selectfieldcontainer,
#eventQuickViewTab .placeholder {
	cursor: move;
	margin-bottom: 3px;
	width: 100%;
	border: none;
	padding: 9px 13px;
	box-sizing: border-box;
}

#eventQuickViewTab .fieldcontainer:hover {
	background: var(--bg_pfBg2);
	border: none;
}

#eventViewTab .fieldcontainer {
	background: var(--bg_pfBg2);
	border: 1px solid var(--br_pfBorder2);
	padding: 9px 13px;
}

#eventViewTab .fieldcontainer .fieldlabelcontainer,
#eventQuickViewTab .fieldcontainer .fieldlabelcontainer {
	padding: 0;
	font-size: var(--pf-base-font-size);
}

#eventViewTab .placeholder {
	height: 40px;
	width: 411px;
}


/*   End    Module Events Tab      */

#launchConnectorApi .formLoader {
	display: block;
}

.leftPTxt {
	text-align: left;
	/*     width: 300px; */
	font-size: var(--pf-base-font-size);
	color: var(--pf_labelColor);
	clear: both;
}

.grybg,
#newWidgetForm input[type="text"]:disabled,
#samlSettings input[type="text"]:disabled,
#webtabid input[type="text"]:disabled,
#newConnectedAppForm input[type="text"]:disabled {
	background: var(--bg_pfBg2);
}

.disabledRow {
	pointer-events: none;
	opacity: 0.3;
	background: var(--bg_pfBg2);
}

.diablediv {
	pointer-events: none;
	opacity: 0.5;
	background: var(--bg_pfBg2);
}

a.moduleML {
	display: inline-block;
	background: url(/crmplatform/Platform/images/sprite_mBuilder_f584949d49336249b36e8e9abf23e7cd_.svg) no-repeat scroll;
	background-color: var(--bg_pfTrans);
	background-position: -7px -314px;
	width: 22px;
	height: 24px;
	padding: 2px;
	text-indent: -9999px;
	margin-left: 20px;
	position: absolute;
	top: -3px;
}

.moduleMore {
	position: absolute;
	background: var(--bg_pfWhite);
	top: -9px;
	left: 50px;
	z-index: 50;
	box-shadow: 2px 3px 5px -2px #e5e5e5;
	padding: 7px 0px !important;
	min-width: 125px;
	border: 1px solid var(--br_pfBorder2);
	box-sizing: border-box;
}

.moduleMore li {
	font-size: var(--pf-base-font-size);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 5px 10px;
	background-color: var(--bg_pfWhite);
	font-family: var(--pf-font-regular)!important;
	white-space: nowrap;
	word-wrap: normal;
	color: var(--pf_baseColor);
	cursor: pointer;
}

.moduleMore li:hover {
	background: var(--bg_pfBg2);
	color: var(--pf_headingColor) !important;
}

.moduleMore:after,
.moduleMore:before {
	bottom: 100%;
	left: -8px;
	border: solid var(--br_pfTrans);
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	top: 11px;
}

.moduleMore:after {
	border-color: var(--br_pfTrans);
	border-right-color: var(--br_pfwhite);
	border-width: 8px;
	margin-left: -7px;
}

.moduleMore:before {
	border-color: var(--br_pfTrans);
	border-right-color: var(--br_pfBorder2);
	border-width: 8px;
	margin-left: -8px;
}

#formRuleListTab .tableTitleHeaderRow .layoutRuleNameLink {
    width: calc(100% - 30px);
}
/*****************Embedded Widget page**********************/

.permissionWdgt {
	width: 500px;
	border: 1px solid var(--br_pfBorder2);
	padding: 0 10px;
	box-sizing: border-box;
	background: var(--bg_pfBg3);
}

.itemWidget {
	min-width:140px;
	position: relative;
	box-sizing: border-box;
	padding-bottom: 10px;
}
.itemWidget p {
	/* border-top: 1px solid var(--br_pfBorder2); */
	color: var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
}

.itemWidget:nth-child(1) p {
	border: 0;
}

.embeddedAppPermission[type="checkbox"] {
	display: none;
}
.toggleWidget {
	position: absolute;
	top: 0;
	right: 0px;
	margin: auto;
	width: 35px;
	height: 20px;
}
.toggleWidget label,
.toggleWidget i {
	box-sizing: border-box;
	display: block;
	background: var(--bg_pfBg5);
} 

.toggleWidget label {
	width: 35px;
	height: 20px;
	border-radius: 32px;
	cursor: pointer;
}

.toggleWidget i {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 15px;
	height: 15px;
	border-radius: 12px;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25), 0 3px 3px 0 rgba(0, 0, 0, 0.15);
	background: var(--bg_pfWhite);
	transition: all 0.3s cubic-bezier(0.275, -0.450, 0.725, 1.450);
}

.itemWidget input[type="checkbox"]:active+.toggleWidget i {
	width: 15px;
}

.itemWidget input[type="checkbox"]:active+.toggleWidget label,
input[type="checkbox"]:checked+.toggleWidget label {
	border: 10px solid var(--br_pfLink);
}

.itemWidget input[type="checkbox"]:checked+.toggleWidget i {
	left: 18px;
}

.itemWidget input[type="checkbox"]:checked:active+.toggleWidget label {
	border: 10px solid var(--br_pfBorder2);
}

.itemWidget input[type="checkbox"]:checked:active+.toggleWidget i {
	left: 14px;
}
.bdr-lft-non {
	border-left: none !important;
}

.comTab {
	display: none;
}

.connected-det td {
	padding: 12px 0;
	vertical-align: top;
}

.popoverride {
	width: 740px !important;
	/* margin-left: -370px !important; */
	box-shadow: none !important;
}

.widgetBaseUrl,
.widgetCompleteUrl {
	border: 1px solid var(--br_pfBorder1);
	border-radius: 6px;
	float: left;
	padding: 7px 10px;
	padding-right: 0px !important;
	width: 320px;
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
	box-sizing: border-box;
	word-break: break-word;
	min-height: 35px;
}
.left100px {
	left: 100px;
}

.left50px {
	left: 50px;
}
.clientExp {
	display: block;
	min-height: 35px;
	width: 170px;
	text-align: center;
	top: -15px;
	left: 45px;
	padding-top: 25px;
}

.clientExp:after,
.clientExp:before {
	top: 26px;
}

.clientDtls {
	position: absolute;
	top: -19px;
	background: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	box-shadow: 0px 3px 7px #d4d4d4;
	z-index: 50;
	width: 250px;
	min-height: 74px;
	padding: 10px 25px;
	box-sizing: border-box;
	border-radius: 4px;
	left: 40px;
	min-width: 310px;
}

.clientDtls td {
	padding-top: 14px;
	padding-bottom: 14px;
}

.clientDtls table tr:last-child td {
	border: 0px;
}

.clientDtls:after,
.clientDtls:before {
	top: 27px;
	left: -15px;
	border: solid var(--br_pfTrans);
	content: " ";
	height: 0px;
	width: 0px;
	position: absolute;
	pointer-events: none;
}

td.clientLbl {
	width: 85px;
}

.clientDtls:after {
	border-color: var(--br_pfTrans);
	border-right-color: var(--br_pfwhite);
	border-width: 12px;
	margin-left: -7px;
}

.clientDtls:before {
	border-color: var(--br_pfTrans);
	border-right-color: var(--br_pfBorder2);
	border-width: 12px;
	margin-left: -8px;
}

.left230px {
	left: 230px;
}

/* .orangeUserIcon,
.grayUserIcon,
.redUserIcon,
.greenUserIcon {
	width: 25px;
	height: 25px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.grayUserIcon {
	background-position:-226px -404px;
}

.redUserIcon {
	background-position: -227px -353px;
}

.greenUserIcon {
	background-position:-227px -382px;
} */

/* .prevIcon,
.nextIcon {
	width: 25px;
	height: 25px;
	text-align: center;
	margin: 0px auto;
	background-image: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg);
	background-position: -62px -125px;
	background-repeat: no-repeat;
	cursor: pointer !important;
	float: left;
	border: 1px solid var(--br_pfBorder2);
	box-shadow: 1px 1px 3px rgba(204, 204, 204, 0.26);
	margin-left: 10px;
}

.prevIcon {
	background-position: -39px -125px;
	box-shadow: 1px 1px 3px rgba(204, 204, 204, 0.26);
} */

.widgetCompleteUrl {
	border-right: 1px solid var(--br_pfBorder1);
	padding-right: 7px !important;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

.connectedAppLabels {
	text-align: right;
	padding-right: 30px !important;
}

.connectedAppLabels * {
	color: var(--pf_negativeColor) !important;
}

#modDelPopup {
	min-width: 450px;
	width: 700px;
	margin-left: -350px;
	left: 50%;
	top: -46px;
	margin-top: 0;
	padding: 25px;
	border: 1px solid #999;
	background: var(--bg_pfWhite);
	position: absolute;
	z-index: 50;
	box-sizing: border-box;
}

.alertIcon {
	width: 24px;
	height: 26px;
	background: url(/crmplatform/Platform/images/sprite_mBuilder_f584949d49336249b36e8e9abf23e7cd_.svg) no-repeat scroll;
	background-color: var(--bg_pfTrans);
	background-position: -163px -146px;
}

#modDelPopup .listLiDot {
	width: 6px;
	height: 17px;
	background: url(/crmplatform/Platform/images/sprite_mBuilder_f584949d49336249b36e8e9abf23e7cd_.svg) no-repeat scroll;
	background-color: var(--bg_pfTrans);
	float: left;
	padding-right: 17px;
	background-position: -272px -96px;
}

#modDelPopup li {
	line-height: 22px;
	color: var(--pf_paragraphColor);
}

#modDelPopup p {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-font-size);
	margin-top: 4px;
}

div#detailedmsg {
	width: 470px;
	min-height: 200px;
	margin-left: -235px;
	left: 50%;
}

ul#ErrorList ul li {
	line-height: 25px;
}

#stage_probability_map_table .trout:hover .plusCri,
#contact_role_table .trout:hover .plusCri {
	opacity: 1;
}

#stage_probability_map_table .plusCri,
#contactRole_tbody .plusCri {
	opacity: 0;
}

/* .connected-det .editIco {
	background-color: var(--bg_pfBg2);
	border: solid 1px var(--br_pfBorder2);
	top: 0px;
	margin-left: 7px;
	padding: 6px 10px;
	width: 26px;
} */

.bgf8 {
	background-color: var(--bg_pfBg2);
}

.hlp-fet {
	padding: 1px 10px;
	background-position: -95px -1418px;
}

.hlp-fet-upload {
	margin-top: 62px;
}

/*VCRM Upgrade Settings loading animation*/

div#upgradeCompatabilityWarning {
	width: 500px;
	margin-left: -250px;
	left: 50%;
	top: 40px;
}

/*VCRM Upgrade Settings loading animation*/

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

.fa-spin-s {
	animation: 2s linear 0s normal none infinite running fa-spin-s;
}

@keyframes fa-spin {
	100% {
		transform: rotate(359deg);
	}
	0% {
		transform: rotate(0deg);
	}
}

@keyframes fa-spin-s {
	100% {
		transform: rotate(-359deg);
	}
	0% {
		transform: rotate(0deg);
	}
}

.frameDetails {
	background:var(--bg_pfBg1);
	padding: 15px 16px;
	box-sizing:border-box;
	border-left:3px solid var(--br_pfLink);
	width: 615px;
	border-radius:3px;
}

div#delFldPopup {
	width: 400px;
	margin-left: -200px;
	left: 50%;
}

.bodr-top {
	border-top: solid 1px var(--br_pfBorder2);
}

.tdhrbg td {
	background: var(--bg_pfBg5);
	padding: 6px;
}

.mapmod label {
	padding: 3px;
}

.mapmodtbl {
	border-spacing: 3px;
	padding: 4px 3px;
}

.mapmodtbl select {
	width: 100%;
	height: 190px;
}

.mapmodtbl option {
	padding: 4px 0;
}

a.inActLink {
	color: var(--pf_labelColor);
	cursor: default;
}

.pnLink {
	margin-right: 10px;
	right: 0;
	float: right;
	margin-top: 10px;
	margin-bottom: 5px;
}

.pnLink a {
	font-size: var(--pf-base-font-size);
}

a.backToModule,
a.backtoIcon {
	background-image: url(/crmplatform/Platform/images/sprite_mBuilder_f584949d49336249b36e8e9abf23e7cd_.svg);
	float: left;
	width: 30px;
	height: 25px;
	display: block;
	background-position: -205px -210px;
}

.backToModule span {
	display: none;
}

.backToModule:hover span {
	display: block;
	position: fixed;
	background: var(--bg_pfBase);
	font-size: var(--pf-base-font-size);
	color: var(--pf_whiteColor);
	padding: 6px 12px;
	z-index: 999;
	border-radius: 2px;
	cursor: pointer;
}

a#leftSlideBar {
	background: var(--bg_pfParagraph);
	color: var(--pf_whiteColor);
	padding: 6px 7px;
	position: absolute;
	left: 0;
	top: 13px;
	line-height: 25px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	z-index: 11;
}

a#leftSlideBar.activeCls {
	left: 220px;
}

.funHeadLeft {
	position: absolute;
	top:5px;
	height: 62px;
	width: 260px;
	border-right: 1px solid var(--br_pfBorder2);
	border-bottom: 1px solid var(--br_pfBorder2);
	left:0px;
	background: var(--bg_pfWhite);
}
.ExtenFun .funHeadLeft{
	top:0px !important;
}

/* .ful-right-functionList {
	width: 81%;
	box-sizing: border-box;
} */

div#functioncreateBox {
	width: 420px;
	margin: auto;
}
.activeFucList{
	width:100%;
}
/* .activeFucList .ful-right-functionList {
	padding-left: 260px;
	margin-top: -60px;
} */

div#FunctionList .ful-left {
	z-index: 10;
}

.ful-right-functionList #customFninfo>a.popup-close-icon {
	display: none;
}

.platformRight.activeFucList {
	transition: padding-left .3s ease-in-out;
}

.activeFucList .navSCRL {
	width: 220px;
}

.activeFucList .activeSlide {
	display: none !important;
}

p.functionName {
	border: 1px solid var(--br_pfBorder2);
	border-bottom: 0px;
	padding: 10px;
	margin-top: 15px;
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
}

a.functionLink {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 8px;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
}
.invoke-copy-icon{
	width: 24px;
    height: 24px;
    margin-top:10px;
    float:left;
    margin-left:15px;
    cursor:pointer;
}
.invoke-copy-icon .zcicncss-copy {
    -webkit-mask-position: -302px -210px;
    mask-position: -302px -210px;
}

#FunctionList .funcLink {
	position: fixed;
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	left: 480px;
	padding: 15px 13px 15px 15px;
	width: auto !important;
	max-width: 520px;
	min-width: 400px;
	margin-top: -90px;
	z-index: 10;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,.15);
	border-radius: 4px;
}

#FunctionList .buttonWidget {
	z-index: 3;
}

#FunctionList .funcLink:after,
#FunctionList .funcLink:before {
	bottom: 49%;
	left: -7px;
	border: solid var(--br_pfTrans);
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#FunctionList .funcLink:after {
	border-color: var(--br_pfTrans);
	border-right-color: var(--br_pfwhite);
	border-width: 7px;
	margin-left: -7px;
}

#FunctionList .funcLink:before {
	border-color: var(--br_pfTrans);
	border-right-color: var(--br_pfBorder2);
	border-width: 7px;
	margin-left: -8px;
}
.invokeUrl {
    width:485px;
    padding:6px 5px;
    box-sizing: border-box;
    font-size: var(--pf-base-font-size);
    border: 1px solid var(--br_pfBorder2);
    color: var(--pf_paragraphColor);
    float: left;
    background: var(--bg_pfBg2);
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.invokeLink {
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
	font-family: var(--pf-font-semibold);
}
span.singleText {
	width: 16px;
	height: 16px;
	display: block;
	padding: 2px;
	border-radius: 50%;
	margin-left: -4px;
	border: 1px solid var(--br_pfBorder2);
	text-align: center;
	line-height: 17px;
	font-size: var(--pf-medium-small-font-size);
}

span#extNameInLeftSideBar.active {
	letter-spacing: 14px;
	background: var(--bg_pfBase);
	width: 20px;
	height: 20px;
	display: block;
	padding: 2px;
	text-indent: 6px;
	border-radius: 50%;
	margin-left: -5px;
	white-space: nowrap;
}

div#defPopup {
	left: 50%;
	transform:translateX(-50%);
	background: var(--bg_pfWhite);
}

tr.tableTitleHeaderRowForTax th {
	color: var(--pf_labelColor);
	border-bottom: 3px double var(--br_pfBorder2);
	padding: 10px;
	text-align: left;
	font-size: var(--pf-base-font-size);
}

label.clientLbl {
	background: var(--bg_pfBase);
	color: var(--pf_whiteColor);
	padding: 5px 10px;
	box-sizing:border-box;
	position: absolute;
	min-width:80px;
	left:50%;
	top: 20px;
	z-index: -1;
	border-radius: 3px;
	opacity: 0;
	white-space:nowrap;
}

label.clientLbl:before {
	content: "";
	width: 0;
    height: 0;
    border: 5px solid;
    border-color: var(--br_pfTrans) var(--br_pfTrans) #232f34;
    left: 50%;
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
}

.orangeUserIcon:hover .clientLbl,
.grayUserIcon:hover .clientLbl,
.redUserIcon:hover .clientLbl,
.greenUserIcon:hover .clientLbl {
	opacity: 1;
	top: 33px;
	z-index: 1;
}

/*Fixed for connector popup post issue by Ayyappan*/

.mainBox {
	border: 1px solid var(--br_pfBorder2);
	background: var(--bg_pfWhite);
}

#connectedAppName {
	border-bottom: 1px solid var(--br_pfBorder2);
}
.connect_app_edit_poup{width: calc(100% - 170px);}
.connect_app_edit_header{width: calc(100% - 40px);}
.oauth {
	position: absolute;
	top: 5px;
	right: 15px;
}

.uploadBox {
	border: 1px dashed var(--br_pfBorder5);
}

.replaceLink {
	width: 300px;
	height: 40px;
	text-align: center;
	border-top: 1px solid var(--br_pfBorder2);
	background: var(--bg_pfWhite);
	line-height: 40px;
}

.uploadArea {
	width: 300px;
	height: 160px;
	background: var(--bg_pfBg2);
}

.fileUploadDiv {
	width: 300px;
	height: 140px;
	background: var(--bg_pfBg2);
	border: 1px dashed var(--br_pfBorder5);
	text-align: center;
	float:left;
	position:relative;
	border-radius: 5px;
}

#appPackage {
	width: 300px;
	height: 140px;
	opacity: 0;
	top: 0px;
	left: 0px;
	position: absolute;
}



.uploadIcon {
	position: absolute;
	-webkit-mask-image: var(--pf_cssSprite);
    mask-image: var(--pf_cssSprite);
	-webkit-mask-position: -197px -310px;
    mask-position: -197px -310px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--zcicn-grey);
    display: inline-block;
	width: 18px;
	height: 17px;
	top: 45px;
	left: 130px;
	transform: scale(2);
    cursor: pointer;
}

.withFile {
	background-position: -3px -2347px;
}

.appText {
	line-height: 180px;
}
.uploadArea .uploadIcon {
	top: 45px;
}

.uploadArea .appText {
	line-height: 220px;
}

.connectedAppIcon {
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) no-repeat scroll -15px -2406px;
	height: 100px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 105px;
}

.breakAll {
	word-break: break-all !important;
}
.break-word {
	word-break:break-word;
	overflow-wrap:break-word;
}

.exclamation-icon {
	background-position: -88px -1867px;
	width: 26px;
	height: 26px;
	top: 0px;
}


/******************Full  page layout **************/

.fullpage-body {
	width: 100%;
}

.fullpage-head {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	border-bottom: 1px solid var(--br_pfBorder2);
	height: 62px;
	position: fixed;
	top: 45px;
	width: 100%;
	z-index: 40;
}

#connectorBasePage tr.trout {
	cursor: pointer;
}



/*Fixed for connector popup post issue by Ayyappan*/

div#apiInfoDiv {
	width: 700px;
	left: 50%;
	margin-left: -350px;
}

.mandateDateTimeVal {
	margin-top: 7px;
	padding-right: 15px;
}

.conctrOverLink {
	position: absolute;
	width: 100%;
	height: 100%;
	display: inline-block;
	background: var(--bg_pfTrans);
}

.mlWarningIco {
	background-position: -163px -134px !important;
	width: 25px !important;
	height: 40px !important;
}

span.toggleSaving,
span.toggleSaved {
	position: absolute;
	top: 3px;
	font-size: var(--pf-base-font-size);
	color: var(--pf_greenColor);
	display: none;
	right: -73px;
}

span.toggleSaved {
	right: -66px;
}

i.savingIco,
i.savedIco {
	position: absolute;
	width: 13px;
	height: 13px;
	left: -17px;
	background-image: url(/crmplatform/Platform/images/loading-set_65980f7f3a535c10ad3c8b263b2f5183_.png);
	background-repeat: no-repeat;
	top: 3px;
}

i.savedIco {
	background-image: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png);
	background-repeat: no-repeat;
	background-position: -106px -1px;
	width: 22px;
	height: 20px;
}

i.savingIco {
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}


/*	Layout Assignment Start */

.profilLayout {
	padding: 8px;
	background: var(--bg_F8FAFF);
	float: left;
	margin-bottom: 3px;
	margin-top: 3px;
	border-radius: 5px;
	cursor: default;
	position: relative;
	padding-right: 20px;
}

.profilLayout input[type="radio"] {
	margin-right: 10px;
}

div#tempAddDisplay:before {
	position: absolute;
	content: "";
	border-top: 8px solid var(--br_pfTrans);
	border-bottom: 8px solid var(--br_pfTrans);
	border-right: 8px solid var(--br_pfBorder2);
	left: -9px;
	top: 15px;
}

div#tempAddDisplay:after {
	position: absolute;
	content: "";
	border-bottom: 8px solid var(--br_pfTrans);
	border-top: 8px solid var(--br_pfTrans);
	border-right: 8px solid var(--br_pfwhite);
	left: -8px;
	top: 15px;
}

div#tempAddDisplay {
	min-width: 240px;
	background: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	position: fixed;
	-webkit-box-shadow: 0 3px 17px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 17px rgba(0, 0, 0, .3);
	padding: 20px;
}

.profilLayout a:before {
	width: 10px;
	height: 1px;
	display: block;
	background: var(--bg_pfBase);
	margin: 15px 0 0 4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: -9px;
	right: 1px;
	text-indent: -99999px;
	content: "";
}

.profilLayout a:after {
	content: '';
	width: 10px;
	height: 1px;
	background: var(--bg_pfBase);
	position: absolute;
	top: 6px;
	left: 2px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(45deg);
}

.profilLayout a {
	width: 13px;
	height: 15px;
	top: -5px;
	right: -4px;
	position: absolute;
	text-indent: -99999px;
	display: none;
}

.profilLayout:hover a {
	display: block;
}

div#AddLayoutDiv {
	font-size: var(--pf-base-large-font-size);
	margin-bottom: 20px;
	border-bottom: 1px solid var(--br_pfBorder2);
	padding-bottom: 10px;
}

div.addLayoutDivBtn {
	margin-top: 20px;
	border-top: 1px solid var(--br_pfBorder2);
	padding-top: 10px;
	text-align: center;
}

.addLayLabel input[type="checkbox"] {
	margin-right: 10px;
}

.addLayLabel {
	margin: 10px;
}

.layoutCloseIcon {
	position: absolute;
	float: right;
	color: var(--pf_headingColor);
	top: 0px;
	right: 0px;
	display: none;
}

div.contMiddle {
	margin-bottom: 20px;
	padding: 15px 0;
	border-top: 1px solid var(--br_pfBorder2);
	border-bottom: 1px solid var(--br_pfBorder2);
}

div.contMiddle input[type="checkbox"] {
	margin-right: 10px;
}


/*	Layout Assignment End */


/*Track VCRM  leads Start*/

div#chooseCtmr {
	border: 1px solid var(--br_pfBorder2);
	float: left;
	min-width: 250px;
	position: absolute;
	background: var(--bg_pfWhite);
	top: 18px;
}

.chooseCustomer {
	display: table;
	padding: 8px;
	padding-right: 15px;
	cursor: pointer;
	width: 100%;
	box-sizing: border-box;
}

ul#chooseCtmrList li {
	border-top: 1px solid var(--br_pfBorder2);
}

.chooseCustomer label {
	vertical-align: middle;
	padding-left: 10px;
	font-size: var(--pf-base-large-font-size);
	line-height: 25px;
}

.chooseCustomer img {
	float: left;
}

div#chooseCtmr i {
	width: 8px;
	height: 8px;
	border: solid var(--br_pfBorder5);
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	margin: 14px 18px 0 6px;
	display: block;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}

div#pageNav {
	float: right;
	margin-top: 30px;
	border: 1px solid var(--br_pfBorder2);
	border-left: 0px;
}

#pageNav td a {
	display: block;
	padding: 8px 15px;
	background: var(--bg_pfBg3);
	border-left: 1px solid var(--br_pfBorder2);
	color: var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
}

#pageNav .activePage {
	background: var(--bg_pfNegative);
	color: var(--pf_whiteColor);
}

table.newVerTable th {
	background: var(--bg_pfBg2);
	padding: 14px;
	text-align: left;
	border-bottom: 1px solid var(--br_pfBorder2);
	border-top: 3px double var(--br_pfBorder2);
	font-size: var(--pf-base-font-size);
	color: var(--pf_headingColor);
}

p.customer-name {
	font-size: var(--pf-base-font-size);
	font-weight: bold;
	margin-bottom: 5px;
}

p.customer-email {
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
}

p.customer-status {
	position: relative;
	padding-left: 14px;
}

.orange-status {
	color: var(--pf_warningColor);
}

.green-status {
	color: var(--pf_greenColor);
}

.red-status {
	color: var(--pf_whiteColor);
}

.toolTipAct {
	padding: 10px;
	position: absolute;
	border: 1px solid var(--br_pfBorder2);
	background: var(--bg_pfWhite);
	min-width: 160px;
	left: -127px;
	display: none;
	z-index: 1;
	box-shadow: 0 1px 3px #dedede;
}

.toolTipAct:after,
.toolTipAct:before {
	bottom: 100%;
	right: 43px;
	border: solid var(--br_pfTrans);
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.toolTipAct:after {
	border-color: var(--br_pfTrans);
	border-bottom-color: var(--br_pfwhite);
	border-width: 7px;
	margin-left: -7px;
}

.toolTipAct:before {
	border-color: var(--br_pfTrans);
	border-bottom-color: var(--br_pfBorder2);
	border-width: 8px;
	margin-left: -8px;
}

.toolTipAct li a {
	color: var(--pf_baseColor);
	line-height: 30px;
	display: block;
	padding: 0 5px;
}

.toolTipAct li a:hover {
	background: var(--bg_pfBg5);
}

p.customer-status:after {
	content: "";
	width: 9px;
	height: 9px;
	position: absolute;
	left: 0;
	top: 5px;
	border-radius: 50%;
}

.orange-status:after {
	background: var(--bg_pfWarn);
}

.green-status:after {
	background: var(--bg_pfGreen);
}

.red-status:after {
	background: var(--bg_pfWhite);
}

.upgBtn {
	color: var(--pf_warningColor);
	padding: 5px 10px;
	border: 1px solid var(--br_pfWarn);
	border-radius: 2px;
	margin-left: 12px;
	line-height: 1.3;
}

.currBtn {
	background: var(--bg_pfGreen);
	padding: 4px 10px;
	color: var(--pf_whiteColor);
	font-size: var(--pf-medium-small-font-size);
	border-radius: 12px;
	display: inline-block;
	height: 15px;
	margin-left: 12px;
	letter-spacing: 1px;
	line-height: 1.3;
}

table.newVerTable td {
	padding: 14px;
	border-bottom: 1px solid var(--br_pfBorder2);
}

.customer-action span {
	display: block;
	height: 7px;
	width: 10px;
	font-size: var(--pf-large-font-size);
	line-height: 0px;
	color: var(--pf_linkColor);
}

p.customer-version {
	font-size: var(--pf-base-font-size);
	font-weight: bold;
}

.customer-action.pR {
	width: 20px;
}

.showUserList {
	position: relative;
	width: 100%;
	height: 42px;
}

.plTopBand {
	height: 80px;
	box-shadow: 0 1px 8px #dedede;
	transition: unset;
}


/*Track VCRM  leads End*/


/*Telephony widgets start*/

.non-editable {
	word-break: break-all;
}

.big-div {
	border: solid 1px var(--br_pfBorder1);
	overflow: auto;
	background: var(--bg_pfBg2);
	padding: 3px 10px;
	max-width: 500px !important;
	min-width: 200px;
	border-radius: 6px;
}

.editable {
	border: 1px solid var(--br_pfBorder1);
	background: var(--bg_pfWhite);
}

.resourcePathEditor {
	padding: 2px 10px;
	line-height: 1.5;
	padding-left: 0;
	word-break: break-all;
	display: inline-block;
	height: 28px;
	border-radius: 6px;
}

.editable[placeholder]:empty:before {
	content: attr(placeholder);
	color: var(--pf_placeholderColor);
}

.editable[placeholder]:empty:focus:before {
	content: "Resource path here";
}

.path-cls {
	display: unset;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 2;
	word-wrap: break-word;
}


/*Telephony widgets end*/

.bdre5e5e5 {
	border: 1px solid var(--br_pfBorder2);
	box-sizing: border-box;
}

.bgf7f7f7 {
	background-color: var(--bg_pfBg2);
}

.validateFldDel {
	padding: 0;
	margin: 0 0 5px 30px !important;
	list-style-type: disc;
	font-size: var(--pf-base-font-size);
}


/*************Automate Workflow************/

.AlertLabel {
	color: var(--pf_paragraphColor);
	font-size: var(--pf-base-large-font-size);
	padding: 16px 0px 6px;
}

.AlertValue {
	color: var(--pf_headingColor);
	font-size: var(--pf-base-large-font-size);
	vertical-align: top;
	padding: 18px 0px 6px;
	text-transform: capitalize;
	font-weight: 600;
}

.alert-ter-value {
	font-weight: normal;
	margin-left: 10px;
	list-style-type: inherit;
}

.auto-work-edit-delet-position {
	position: absolute;
	right: 5%;
	top: 17%;
}

#TabGroupForm .trout:hover {
	background-color: var(--bg_pfWhite);
}

#customFunctionArea {
	padding: 0px 35px;
}

.customActionTxt {
	height: 35px;
	border-bottom: 1px solid var(--br_pfBorder2);
}

#popupWidgetForm table tr:first-child td:first-child {
	width: 20%;
}

#defaultActionParam {
	border: 1px solid var(--br_pfBorder2);
	background: var(--bg_pfBg2);
	padding: 7px 10px;
	border-radius: 6px;
}

.activeFucList .backicon {
	margin-right: 10px;
}

.activeFucList .sub-head,
.activeFucList a.managepaymentbg {
	display: none;
}

.BackArrowicon {
	width: 24px;
	height: 20px;
	display: inline-block;
	margin-top: 22px;
	float: left;
	font-size: var(--pf-base-font-size);
	color: var(--pf_whiteColor);
	background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -49px -9px;
	margin-right: 10px;
	border-right: 1px solid var(--br_pfBorder2);
	padding-right: 10px;
	cursor: pointer;
	opacity: .6;
}

.BackArrowicon:hover {
	opacity: 1;
}

.csnfPopupScrollDown {
	overflow: auto;
	max-height: 400px;
}
.addWidthSelect .chosen-container {
	width: 200px !important;
}

#custom-view-criteria #criteria-table-body .chosen-container.chosen-container-multi,
#newRuleStep3 #criteria-table-body .chosen-container.chosen-container-multi {
	width: 300px !important;
}

.newSelect .chosen-container {
	min-width: 100px;
	text-align: left;
}

.chosen-container.chosen-disabled .chosen-single {
	background-color: var(--bg_pfBg2) !important;
	cursor: default;
	pointer-events: none;
}

#CMprofileDiv div#selectedProfile_chosen {
	margin: 10px 0 0 0px;
}

#banner2 .pSelect .chosen-container-single .chosen-single {
	border: 1px solid var(--br_pfBorder2);
	padding: 0;
	background: var(--bg_pfTrans);
	padding-left: 11px;
	height: 25px;
	margin-top: 3px;
}

#banner2 .pSelect .chosen-container-single .chosen-single div {
	top: -3px;
}

#newLayoutPerm div#selLayoutPerm_chosen,
#CMprofileDiv div#selectedProfile_chosen {
	border: 1px solid var(--br_pfBorder2);
}

.mmoduleTtl .tabmodel1 a {
	margin-top: 3px;
}
.activeLink span.accArrow {
	transform: rotate(270deg);
}

#newWidgetForm td.f14.btxt1.alignright {
	width: 25%;
}

.rightAlignTextW td.alignright {
	width: 20%;
	text-align: right !important;
}

#newWidgetForm .custActionImg {
	height: 290px;
	margin-top: 5px;
	padding-top: 40px;
	padding-left: 21px;
	padding-right: 40px;
	box-shadow: 2px 2px 6px #dedddd;
	border: dashed 1px var(--br_pfWarn);
}

#newWidgetForm .custActionImg2 {
	padding-top: 20px;
	height: 315px;
}

#newWidgetForm .custActionImg2 h5.instActText,
#newWidgetForm .custActionImg2 h5.custDelugText {
	top: 65px;
}

#newWidgetForm h5.instActText {
	top: 10px;
	font-size: var(--pf-medium-large-font-size);
}

#newWidgetForm h5.custPageText,
#newWidgetForm h5.custDelugText {
	right: 237px;
	font-size: var(--pf-medium-font-size);
	top: 10px;
}

#newWidgetForm h5.custDelugText {
	right: 215px;
}

#newWidgetForm p.custPageCont1 {
	top: 110px;
	left: 247px;
	width: 270px;
	font-size: var(--pf-base-font-size);
}

#newWidgetForm p.custPageCont2,
#newWidgetForm p.custPageCont4 {
	bottom: 14px;
	right: 15px;
	width: 320px;
	font-size: var(--pf-base-font-size);
}

#newWidgetForm p.custPageCont4 {
	bottom: 25px;
}

#newWidgetForm p.custPageCont3 {
	bottom: 45px;
}

.widgets_phara {
	width: 80%;
	float: left;
	font-size: var(--pf-base-font-size);
	color: var(--pf_paragraphColor);
	line-height: 1.3;
	margin-top: 6px;
}

.setwEditAct {width: 15%;}

.Widgets_help {
	color: var(--pf_baseColor);
	padding-left: 22px;
	background-position: -52px -401px;
	position: absolute;
	right: 8px;
	top: 7px;
}

.package_help {
	background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -52px -401px;
	height: 20px;
	width: 20px;
	float: left;
	margin-top: 22px;
	margin-left: 8px;
}

.WidgetsIcon,.chatWidgetsIcon,
.WidgetsIcongetStaringWgt {
	background-image: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg);
	background-position: -170px -282px;
	background-repeat: no-repeat;
	height: 16px;
	padding: 3px;
	position: relative;
	text-indent: -9999px;
	top: 4px;
	width: 18px;
	opacity: .3;
	background-color: var(--bg_pfTrans);
	right: 30px;
	border: 1px solid var(--br_pfBorder5);
	cursor: pointer;
	pointer-events: auto;
}

.WidgetsIcongetStaringWgt {
	margin-top: 2px;
}

.WidgetsIcon:after {
	content: "";
	width: 2px;
	height: 20px;
	background: var(--bg_pfBg5);
	display: inline-block;
	margin-left: 42px;
	position: absolute;
	top: 0px;
	right: -18px;
}

.cus_action_left_view {
	width: 730px;
	float: left;
	padding: 20px 0px;
	box-sizing: border-box;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: -24px;
}

.cus_action_left_view::-webkit-scrollbar {
	display: none;
}

.cus_action_left_view::-moz-scrollbar {
	display: none;
}
.newFunctionAction {
	width: 100%;
	border-top: 1px solid var(--br_pfBorder2);
}

.action_div_1,
.action_div_2,
.action_div_3,
.action_div_fullpage {
	width: 380px;
	padding: 0px;
	box-sizing: border-box;
	float: right;
	right: -30px;
	position: relative;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: var(--bg_pfBg3);
	margin-top: -23px;
	height: 100%;
}

.animateTest {
	right: 0;
	opacity: 1;
}

.action_div_fullpage {
	right: 0 !important;
	opacity: 1;
}

.cus_RT_hdr {
	width: 390px;
	padding: 20px;
	box-sizing: border-box;
	border-bottom: 1px solid var(--br_pfWarn);
	background: var(--bg_pfWhite);
	font-size: var(--pf-base-large-font-size);
	color: var(--pf_baseColor);
	margin-bottom: 0px !important;
	position: relative;
	z-index: 1;
	box-shadow: 3px -7px 5px 6px #efefef;
	border-left: 1px solid var(--br_pfBorder2);
}

.custom_help_1 {
	width: 380px;
	padding: 20px;
	box-sizing: border-box;
	background: var(--bg_pfBg3);
	position: absolute;
	top: 60px;
	right: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 0;
	margin-bottom: 40px;
	box-shadow: 3px -2px 5px 6px #efefef;
	border-left: 1px solid var(--br_pfBorder2);
}

.cus_subhdr {
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
	display: inline-block;
	margin-top: 20px;
}

.custom_runText_style {
	width: 190px;
	float: left;
	font-size: var(--pf-small-font-size) !important;
	color: var(--pf_paragraphColor) !important;
	margin-left: 20px;
	position: absolute;
	right: -20px;
	top: 38px;
	line-height: 1.3 !important;
}

.custom_text {
	width: 300px;
	font-size: var(--pf-small-font-size) !important;
	color: var(--pf_paragraphColor) !important;
	line-height: 1.3;
	margin-top: 18px;
}
.packagelist_bg {
	width: 100%;
	padding: 20px 20px 30px;
	border-radius: 2px;
	box-sizing: border-box;
	box-shadow: 0px 0px 17px 1px #ececec;
	display: table;
	margin-bottom: 10px;
}

.package_enable_list,
.package_active_list {
	font-size: var(--pf-base-font-size);
	color: var(--pf_paragraphColor);
	float: left;
}

.package_active_list {
	margin-top: 20px;
}

.package_bold_view {
	font-family: var(--pf-font-semibold);
	text-transform: capitalize;
}

.package_enable_list::before,
.package_active_list::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 999px;
	border: 1px solid var(--br_pfWarn);
	float: left;
	margin-top: 3px;
	margin-right: 7px;
}

.package_active_list::before {
	border: 1px solid var(--br_pfGreen) !important;
}

.package_list_phara {
	width: 100%;
	float: left;
	margin-top: 5px;
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
	line-height: 1.3;
}

.checkbox_view {
	Position: relateive;
	z-index: 1;
}

.zip_download {
	width: 300px;
	position: absolute;
	left:0px;
	top:0px;
	background: var(--bg_pfBg2);
	border: 1px dashed var(--br_pfBorder5);
	height: 160px;
	text-align: center;
	transition: opacity .5s ease-out;
	opacity: 0;
	border-bottom:0px;
}

.zipdownload_icon {
	width: 42px;
	height: 42px;
	background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -251px -19px;
	display: block;
	text-align: center;
	margin: 0px auto;
	margin-top: 40px;
}

.zipdownload_text {
	font-size: var(--pf-base-large-font-size);
	color: var(--pf_baseColor);
	text-align: center;
	display: inline-block;
	margin-top: 20px;
	background: var(--bg_pfTrans);
	border: 0px;
	outline: none;
}

.fileUploadDiv .appText{
	line-height:220px;
}
.fileUploadDiv .zip_download {
	left:-1px;
	top:-1px;
	height:140px;
}
#hostDetails:hover .zip_download{
	opacity: 1;
}

.sbIframe {
	width: calc(100vw - 222px);
    height: calc(100vh - 138px);
    position: fixed;
    top: 139px;
    left: 220px;
    z-index:2;
    border: 0px;
}
.dbIframe, .setupCusFrame {
	width: calc(100vw - 222px);
   	height: calc(100vh - 46px);
   	top: 48px;
    position: fixed;
    left: 220px;
    z-index:2;
    border: 0px;
}
.setupCusFrame{
	width: calc(100% - 40px);
	left: 40px;
}
.functionSbFrame{
	height: calc(100% - 147px);
}
.sbIframeDiv{
	margin-top: 15px !important;
	margin-left: -15px;
}
#Crm_Console_Iframe .sbIframe{
	top: 138px;
}

.formBldPopLabel {
	font-size: var(--pf-base-font-size);
	color: var(--pf_labelColor);
	margin-top: 10px;
	float: left;
}
#moduleLabelPropDiv .formBldPopLabel{
	float:none;
}
.showpop {
	width: 100%;
}
.selectedCustomRLBtn .whiteBtn{
	border-right:0px;
}
#custPopup.popupWidget{
	border-top:0px !important;
}

#WidgetList .newtable th:last-child{
	border-right:0px !important;
}
#fullRightAPI #custPopup #customFninfo{
	margin-left: 252px;
    margin-top: -60px;
}
/* #customDefInfo {
	margin-left:20px;
} */
#fullRightAPI div#defPopup{
	width:620px;
}
.bg-co-module1 #customDefInfo{
	margin-left:0px;
}
#customFninfo .form-control{
	padding:4px 5px !important;
	font-size: var(--pf-base-font-size);
	line-height:1;
	height:30px !important;
}

.smallBtn{
	padding:3px 12px !important;
	font-size: var(--pf-base-font-size) !important;
}
#inputFieldsTab{
	padding:4px 14px;
	border-right:1px solid var(--br_pfBorder2);
}
#moduleFieldsTab{
	padding:4px 14px;
}
#inputFieldsTab .textnowrap{
	min-width:85px;
	max-width:100px;
}
#inputFieldsTab.whiteBtn, #moduleFieldsTab.whiteBtn{
	line-height:1.3;	
}
#moduleFieldsTab .textnowrap{
	min-width:85px;
	max-width:100px;
}
.productiontooltip{
 	min-width: 100px;
    padding: 6px;
    top: 35px;
}
.invoke-copy-icon:hover .productiontooltip{
	top:28px;
	visibility:visible;
	opacity:1;
	transition:all 0.3s ease-in-out;
}
.muld-FieldName, .muld-Apiname{
    font-size: var(--pf-small-font-size);
    text-transform: uppercase;
    color: var(--pf_labelColor);
    float:left;
}
.muld-Apinamebg {
	width:100%;
	padding:10px 0px 5px 15px;
	float:left;
	box-sizing:border-box;
}
#moduleRefName {
	width:120px;
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
	float:left;
	margin-left:10px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.muld-Apiname{
	width:100px;
	margin-top:3px;
}
.executescript-field{
	width: 200px;
	word-break: break-word;
}
/* new style page overwrite */

/* ANIMATION */
/* TOOLTIP-ANIMATION */
@keyframes scaleX {
  0% {
    transform: translateX(-50%) scale(0);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}
@keyframes slide-bottom-Y5 {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, 0px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -10px);
  }
}
@keyframes slide-bottom-Y20 {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: translate(-30%, 15px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: translate(-30%, 10px);
  }
}
/* SLIDE-ANIMATION */

@keyframes slide-left {
  0% {
  	visibility:hidden;
  	opacity:0;
	transform: translateX(1000px);
  }
  100% {
  	visibility:visible;
  	opacity:1;
	transform: translateX(0px);
  }
}
@keyframes slide-right {
  0% {
    opacity: 0;
    visibility: hidden;
    z-index:-1;
    transform: translateX(0px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    z-index:99;
    transform: translateX(-22px);
  }
}
@keyframes slide-top {
  0% {
  	visibility:hidden;
    transform:translateX(-50%) translateY(-70%);
  }
  100% {
  	visibility:visible;
    transform:translateX(-50%) translateY(0);
  }
}
@keyframes slide-top10 {
  0% {
  	visibility:hidden;
    transform: translate(-50%, -70%);
  }
  100% {
  	visibility:visible;
    transform: translate(-50%, 10px);
  }
}
@keyframes appenable-slide-top {
  0% {
      transform: translateY(120px);
  }
  100% {
      transform: translateY(-56px);
  }
}

@keyframes slide-down {
  0% {
      transform: translateY(-40%);
  }
  100% {
      transform: translateY(0);
  }
}

*{
	margin:0px;
	padding:0px;
}
html {
	font-size: 62.5%;
	overflow: hidden;
}
body {
	overflow-y: hidden;
	margin: 0 auto;
	padding: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	font-size: var(--pf-base-font-size);
	line-height: normal !important;
	font-family: var(--pf-font-regular) !important;
}
.platform textarea{
	font-family: var(--pf-font-regular);
}
.appsDesc ul, .appsDesc li{
	margin: 0;
	padding: 0;
	outline:none;
	text-decoration:none;
}
input::placeholder,
textarea::placeholder {
  font-size: var(--pf-base-font-size);
  color: var(--pf_placeholderColor) !important;
  letter-spacing: 0.5px;
}
input[type=radio], input[type=checkbox] {
/* 	margin-top:0px !important; */
}
input.input-addtitle::placeholder {
  font-size: var(--pf-base-large-font-size);
  font-family: var(--pf-font-bold);
  color: var(--pf_paragraphColor) !important;
  letter-spacing: 0.5px;
}

/* Box-align */
.xscroll {
	overflow:hidden;
	overflow-x:scroll;
}

.yscroll {
	overflow:hidden;
	overflow-y:scroll;
}

.radiu-3{
	border-radius:3px;
}

.H40{
	height:40px !important;
}
.H35{
	height:35px;
}

/*  width & Height */
.wH20{
	width:20px;
	height:20px;
}
.wH25{
	width:25px;
	height:25px;
}
.wH80{
	width:80px;
	height:80px;
}

/* Display-align */
.align-top{
   align-items: flex-start !important;
}
.flex-column {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: stretch;
}
.flex-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  align-items: stretch;
}
.Xleft {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
.Xcenter {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
.Xright {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
}
.Xspace-between {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.XYcenter {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.Ytop {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.Ycenter {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}
.Ybottom {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-end;
}
.flex-dir-reverse{
	flex-direction:row-reverse;
}
.flexNowrap{
	flex-flow:row nowrap;
}
.flexWrap{
	flex-flow:row wrap;
}
/* Position-style */
.position-Xcenter{
	position:absolute;
	left:50%;
	top:0px;
	transform:translateX(-50%);
}
.position-Ycenter{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
.position-XYcenter{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
.position-center{
	display:grid;
	place-items:center;
}
/* Header style */
.head-xl-light,.head-large-light,.head-large-semibold,.head-lead-semibold {
	font-size: var(--pf-medium-large-font-size);
	font-family: var(--pf-font-semibold);
	color:var(--pf_headingColor);
}
.reviews span,.head-lead-semibold {font-size: var(--pf-medium-font-size);}
.head-small-semibold,.head-xl-small-semibold,.head-lead-light {
	font-size: var(--pf-base-font-size);
	font-family: var(--pf-font-semibold);
	color:var(--pf_headingColor);
}
.posrel h2,#webtabid h2,.cell h2{
  margin: 0;
  font-size: var(--pf-large-font-size);
  font-family: var(--pf-font-semibold);
  color:var(--pf_headingColor);
}
.head-large{
  font-size: var(--pf-medium-large-font-size);
  color:var(--pf_headingColor);
}
.head-lead{
  font-size: var(--pf-base-large-font-size);
  color:var(--pf_headingColor);
}


/* Content-style */

.content-xl-large {
  width: 100%;
  font-size: var(--pf-medium-large-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-large {
  width: 100%;
  font-size: var(--pf-base-large-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-lead {
  width: 100%;
  font-size: var(--pf-base-font-size) !important;
  color: var(--pf_baseColor);
  line-height: 1.3 !important;
}
.content-xl-lead {
  width: 100%;
  font-size: var(--pf-base-font-size);
  color: var(--pf_baseColor);
  line-height: 1.3;
}
.content-small{
  width: 100%;
  font-size: var(--pf-small-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-xl-small{
  width: 100%;
  font-size: var(--pf-medium-small-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-xl-large-w80 {
  width: 80%;
  font-size: var(--pf-medium-large-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-large-w80 {
  width: 80%;
  font-size: var(--pf-base-large-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-lead-w80 {
  width: 80%;
  font-size: var(--pf-base-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-xl-lead-w80 {
  width: 80%;
  font-size: var(--pf-base-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-small-w80 {
  width: 80%;
  font-size: var(--pf-small-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-xl-small-w80{
  width: 80%;
  font-size: var(--pf-medium-small-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-xl-large-w50 {
  width: 50%;
  font-size: var(--pf-medium-large-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-large-w50 {
  width: 50%;
  font-size: var(--pf-base-large-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-lead-w50 {
  width: 50%;
  font-size: var(--pf-base-font-size);
  color: var(--pf_baseColor);
  line-height: 1.3;
}
.content-xl-lead-w50 {
  width: 50%;
  font-size: var(--pf-base-font-size);
  color: var(--pf_baseColor);
  line-height: 1.3;
}
.content-small-w50 {
  width: 50%;
  font-size: var(--pf-small-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-xl-small-w50{
  width: 50%;
  font-size: var(--pf-medium-small-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-xl-large-w0 {
  font-size: var(--pf-medium-large-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-large-w0 {
  font-size: var(--pf-base-large-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-lead-w0 {
  font-size: var(--pf-base-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-xl-lead-w0 {
  font-size: var(--pf-base-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-small-w0{
  font-size: var(--pf-small-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-xl-small-w0{
  font-size: var(--pf-medium-small-font-size);
  color: var(--pf_baseColor);
  line-height: 1.5;
}
.content-empty{
	font-size: var(--pf-base-font-size);
	color:var(--pf_notfoundColor);
}

/* LineHeight */

.lineH18 {
	line-height: 18px;
}
.lineH20 {
	line-height: 20px;
}
.lineH22 {
	line-height: 22px;
}

.lineH25 {
	line-height: 25px;
}
.lineH35{
	line-height:35px;
}
.lineH40 {
	line-height: 40px;
}
.tabsbox p{
	color:var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
}
.versions span, .tabsbox p.pfLabelColor{color: var(--pf_labelColor);}
.posrel>p {
	color:var(--pf_baseColor);
	font-size: var(--pf-base-large-font-size);
	letter-spacing: 0.2px;
	line-height: 1.4;
}
/* ICON STYLE */
.closeIcon {
    background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat scroll -46px -72px;
	background-color: var(--bg_pfTrans);
    color: var(--pf_baseColor);
    font-size: var(--pf-base-large-font-size);
    height: 22px;
    position: absolute;
    right: 14px;
    text-indent: -9999px;
    top: 13px;
    width: 22px;
    cursor: pointer;
}
/* INPUT ACTION STYLE */
.checkbox-wrap, .radio-wrap{
	min-width:24px;
	min-height:18px;
	float:left;
	z-index:1;
	position:relative;
}
.checkbox-input, .radio-input {
	width:16px;
	height:16px;
	opacity: 0;
	margin-top:0px !important;
	cursor:pointer;
}
/* .checkbox-style{
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 0px;
  background-image:url("/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg");
  background-repeat: no-repeat;
  background-position:-165px -480px;
} */

.radio-style{
    width: 14px;
    height: 14px;
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 1px;
    border:1px solid var(--br_pfBorder1);
    border-radius: 999px;
}
@keyframes button-action-animation {
  0% {
    clip-path: circle(0% at 50% 50%);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 999px;
    background: var(--bg_pfTrans);
  }
  100% {
    clip-path: circle(100% at 50% 50%);
    transform: translate(-50%, -50%) scale(1);
    border-radius: 999px;
    background: var(--bg_pfLink);
  }
}
.radio-style:before {
  content: "";
  width: 8px;
  height: 8px;
  clip-path: circle(0% at 50% 50%);
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(123, 193, 246, 0.6);
  border-radius: 999px;
}
input[type="radio"]:checked + .radio-style {
	border-color:var(--br_pfLink);
	transition:border-color .5s ease-in-out;
}
input[type="radio"]:checked + .radio-style:before {
	animation: button-action-animation 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.radio-checked {
	animation: button-action-animation 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* .checkbox-input:checked + .checkbox-style {
	background-position:-165px -453px !important;
}
.checkbox-checked{
	background-position:-165px -453px !important;
} */
.action-label{
	font-size: var(--pf-base-font-size);
	color:var(--pf_baseColor);
	vertical-align:top;
	cursor:pointer;
}
.checkbox-style{
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 1px;
  background: var(--bg_pfTrans);
  border: 1px solid var(--br_pfBorder5);
  border-radius: 2px;
  cursor: pointer;
  box-sizing:border-box;
  transition: all 250ms cubic-bezier(.4,.0,.23,1);
}
@keyframes checkbox-check{
  0%{
    width: 0;
    height: 0;
    border-color: var(--br_pfwhite);
    transform: translate3d(0,0,0) rotate(45deg);
  }
  33%{
    width: 3px;
    height: 0;
    transform: translate3d(0,0,0) rotate(45deg);
  }
  100%{    
    width: 3px;
    height: 8px;    
    border-color: var(--br_pfwhite);
    transform: translate3d(0,-8px,0) rotate(45deg);
  }
}
.checkbox-input:checked + .checkbox-style{
	border: 8px solid var(--br_pfLink);
}
.checkbox-checked {
	border: 8px solid var(--br_pfLink);
}
.checkbox-input:checked + .checkbox-style:before, .checkbox-checked:before{
  	content: "";
  	position: absolute;
    top:-2px;
    left:-5px;
    border-right: 2px solid var(--br_pfTrans);
    border-bottom: 2px solid var(--br_pfTrans);
 	transform: rotate(45deg);
 	transform-origin: 0% 100%;
 	box-sizing:initial !important;
  	animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
}
/* Toggle-style */
.toggle-wrap{
    width:48px;
    height: 24px;
    position: relative;
    float: left;
    z-index: 1;
}
.toggle-input{
    width: 42px;
    height: 16px;
    opacity: 0;
	margin-top:0 !important;
    vertical-align: top;
    text-indent: -9999px;
    cursor: pointer;
}
.toggle-style{
    width: 42px;
    height: 16px;
    border-radius: 999px;
    position:absolute;
    left:0;
    top:0;
    z-index: -1;
    background: var(--bg_pfBg5);
    transition: all .3s ease-in-out;
}
.toggle-style::after{
    content: 'OFF';
    width: 22px;
    height: 22px;
    border-radius: 999px;
    color: var(--pf_baseColor);
    font-size: var(--pf-extra-small-font-size);
    text-align: center;
    line-height: 3.4;
    font-weight: 600;
    background: var(--bg_pfWhite);
    box-shadow:0px 1px 8px rgba(0,0,0,.22);
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -2;
    transition: all .3s ease-in-out;
}
.toggle-input[type="checkbox"]:checked + .toggle-style{
    background:rgba(9,100,197, .5);
}
.toggle-input[type="checkbox"]:checked + .toggle-style::after{
    content:'ON';
    color: var(--pf_whiteColor);
    left: 21px;
    background: var(--bg_pfLink);
    box-shadow:0px 0px 8px rgba(37, 6, 131, 0.71);
}
/* DROPDOWN-STYLE */
.drop-down{
	min-width:200px;
	background:var(--bg_pfWhite);
    padding:20px 15px 15px 20px;
    box-sizing: border-box;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.18);
    position: absolute;
    border: 1px solid var(--br_pfBorder2);
    border-radius: 3px;
    z-index:50;
}
/* SELECTBOX-STYLE */

/* MULTI-SELECTBOX-STYLE */
.multiple-selectbox{
	max-width:550px;
    padding:10px 0px 7px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    border:1px solid var(--br_pfBorder1);
    border-radius: 6px;
}
.multi-select-list {
    min-width: 48px;
    margin-right: 10px;
    margin-bottom: 4px;
    background:var(--bg_pfBg2);
    border:1px solid var(--br_pfBorder2);
    padding:5px 8px;
    box-sizing: border-box;
    font-size: var(--pf-base-font-size);
    color:var(--pf_labelColor);
    position: relative;
    border-radius:2px;
    vertical-align: top;
    overflow:auto;
    float:left;
}
.multi-select-list-close{
    width: 0px;
    height: 100%;
    background: var(--bg_pfBg3);
    outline: 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right:0px;
    border-radius:0 2px 2px 0;
    transition:width .4s linear;
}
.multi-select-list:hover .multi-select-list-close {
  width:20px;
}
/* Table-style */
/* Table */
.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);
}
.table-hd {
  padding: 10px 8px 10px 10px;
  box-sizing: border-box;
  vertical-align: top;
  background: var(--bg_pfTrans);
  text-align: left;
  border-bottom: 4px double var(--br_pfBorder2);
  border-top: 1px solid var(--br_pfBorder2);
}

.table-fill-hd-child {
  width: 100%;
  font-size: var(--pf-base-large-font-size);
  color: var(--pf_paragraphColor);
}

.table-hd-child {
  width: 100%;
  font-size: var(--pf-base-large-font-size);
  color: var(--pf_labelColor);
  text-transform: uppercase;
}

/* table list */
/* .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);
} 

.table-list {
  padding: 10px 8px 10px 10px;
  box-sizing: border-box;
  vertical-align: top;
  background: var(--bg_pfTrans);
  text-align: left;
  border-bottom: 1px solid var(--br_pfBorder3);
} */

.table-list-fill-child {
  width: 100%;
  font-size: var(--pf-base-large-font-size);
  color: var(--pf_headingColor);
}

.table-list-child {
  width: 100%;
  font-size: var(--pf-base-large-font-size);
  color: var(--pf_baseColor);
}

tr:hover .table-list {
  background-color: var(--bg_pfBg2);
  transition: all 0.3s ease-in-out;
}
/* Popup-style */
.wrap-popup {
  position: absolute;
  left: 50%;
  top: 45px;
  background: var(--bg_pfWhite);
  max-height: calc(100vh - 60px);
  z-index:50;
  visibility:hidden;
  animation: slide-top 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.popup-header {
  width: 100%;
  padding:12px 20px 10px;
  box-sizing: border-box;
  background: var(--bg_pfBg2);
  border-bottom: 1px solid var(--br_pfBorder2);
  z-index: 2;
}
/* .popup-close{
	width: 20px;
    height: 20px;
    background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat scroll -46px -72px;
	background-color: var(--bg_pfTrans);
    cursor: pointer;
    transform: scale(.85);
} */
.popup-container {
  width: 100%;
  padding:25px;
  box-sizing: border-box;
  background: var(--bg_pfWhite);
  max-height: calc(100vh - 120px);
  overflow-y: scroll;
  overflow-x: hidden;
}

.popup-footer {
  width: 100%;
  padding:20px 25px;
  box-sizing: border-box;
  background: var(--bg_pfWhite);
  border-top: 1px solid var(--br_pfBorder2);
}

/* Dialogbox-style */
.dialogbox {
	min-width:620px;
	max-width:750px;
	background:var(--bg_pfWhite);
    padding:30px 15px 15px 30px;
    box-sizing: border-box;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.18);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid var(--br_pfBorder2);
    border-radius: 3px;
    z-index:50;
}
/* Form-style */
.form-lable {
	width:100%;
	padding:8px;
	box-sizing:border-box;
	border:1px solid var(--br_pfTrans);
	font-size: var(--pf-base-font-size);
	color: var(--pf_paragraphColor);
    line-height: 1	
}
.form-input {
	width:300px;
	padding: 8px 10px;
	box-sizing:border-box;
	border-radius: 6px;
	border:1px solid var(--br_pfBorder1);
	font-size: var(--pf-base-font-size);
	color:var(--pf_baseColor);
    line-height: 1;
    transition: all 0.3s ease-in;
}

.form-date {
	width:300px;
	padding:0px 10px;
	box-sizing:border-box;
	border-radius: 6px;
	border:1px solid var(--br_pfBorder1);
	font-size:15px;
	color:var(--form-value-fclr);
    line-height: 1;
    transition: all 0.3s ease-in;
}

.form-control {
	width: 300px;
    float: left;
    padding: 7px 10px;
    box-sizing: border-box;
    line-height: 1.3;
	min-height: 35px;
    font-size: var(--pf-base-font-size);
    color:var(--pf_baseColor);
	box-shadow: none !important;
    border: 1px solid var(--br_pfBorder1);
    border-radius: 6px;
    transition: all 0.3s ease-in;
}
.dim {
    vertical-align: middle;
    line-height: 15px;
    font-size: var(--pf-base-font-size);
}
textarea.textField,
.form-textarea {
	width:100%;
	padding: 6px 8px;
	box-sizing:border-box;
	border-radius: 6px;
	border:1px solid var(--br_pfBorder1);
	font-size: var(--pf-base-font-size);
	color:var(--pf_baseColor);
	resize: vertical;
    max-height: 120px;
    min-height: 35px;
    line-height: 1.2;
    overflow: hidden;
    overflow-y:scroll;
    transition: all 0.3s ease-in;
}
.field.domainName{
	display: flex;
}
.field.domainName.error{
	display: initial;
}
.field.error,.configForm.error {
	position: relative;
	display: flex;
	flex-flow: column;
}
#launcherSettings .field.error{display:initial;}
.error-list {
	max-width:100%;
}
.error-list li {
	max-width:100%;
	color: var(--pf_negativeColor);
	font-size: var(--pf-small-font-size);
	margin:5px 0 3px;
	float:left;
}

.required {color: var(--pf_labelColor) !important;}
/* .clr_manditary {color: var(--pf_negativeColor) !important;} */
.alignright {
    text-align: right !important;
    vertical-align:top;
    line-height: 35px;
    padding-right: 13px;
    font-size: var(--pf-base-font-size);
    letter-spacing:.2px;
    color:var(--pf_labelColor);
}
.selectLbl{
	font-size: var(--pf-base-font-size);
	color:var(--pf_baseColor);
	margin-right:13px;
	line-height: 35px;
	margin-bottom:0px;
}
.profileLable {
    color:var(--pf_labelColor);
    float: left;
    line-height: 35px;
    text-align: right;
    width: 240px;
    font-size: var(--pf-base-font-size);
}
#newPlugInDetail .profileLable, #appdetail .profileLable{
	float: initial;
}
.btxt1 {
	color:var(--pf_labelColor);
}
.note-label{
	font-size: var(--pf-small-font-size) !important;
    color: var(--pf_baseColor) !important;
    margin-top: 5px;
    line-height:1.4;
    width: 100%;
    letter-spacing: .2px;
}
.newValue {
	color:var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
	padding: 10px;
	box-sizing:border-box;
	text-align: left;
}
.newLabel {
	color:var(--pf_labelColor);
	padding: 10px 20px;
	box-sizing:border-box;
	text-align: right;
	font-size: var(--pf-base-font-size);
	letter-spacing: .3px;
}
.disabledcls {
	opacity: 0.4;
	pointer-events: none;
	cursor: not-allowed;
}
/* Save button loading */
@-webkit-keyframes rotation {
   from {
         transform: rotate(0deg);
   }
   to {
        transform: rotate(359deg);
   }
}
.formLoader {
	position: relative;
	display: inline-block;
}
.saveLoading{
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border:2px solid;
    border-color: var(--br_pfBorder4) var(--br_pfBorder4) var(--br_pfwhite) var(--br_pfBorder4);
    animation: rotation .5s infinite linear;
    position: absolute;
    left: 10px;
    top: 7px;
    z-index:1;
    background: var(--bg_pfTrans);
	box-sizing: border-box;
}
#planForm .saveLoading{
	box-sizing: border-box !important;
}
.formLoader .loadSpacing{
	padding-left:34px !important;
	transition:all .2s ease-in-out;
}
@keyframes loading-text {
  0%, 20% {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  40% {
    color: var(--pf_baseColor);
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  60% {
    text-shadow: 0.25em 0 0 #555, 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  80%, 100% {
    text-shadow: 0.25em 0 0 #555, 0.5em 0 0 #555;
  }
}
.loading-text {
  min-width:50px;
  color: var(--pf_baseColor);
  font-size: var(--pf-base-large-font-size);
  box-sizing: border-box;
}
.loading-text:after {
  content: " .";
  font-size: var(--pf-medium-large-font-size);
  animation: loading-text 1s steps(5, end) infinite;
}

/*  TOOLTIP-STYLE*/
.tooltip-scale, .tooltip-slide{
  min-width: 40px;
  padding:5px 8px 6px;
  color: var(--pf_whiteColor) !important;
  background: var(--bg_pfBase);
  text-align: center;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  opacity: 0;
  z-index: -999;
  font-size: var(--pf-base-font-size);
  position: absolute;
  top: 0px;
  left: 50%;
}
.tooltip-slide {
  transform: translateX(-50%);
}

/* TABLE STYLE PRODUCT */
.newtable, .fbtable {
    border: 1px solid var(--tableBorder);
    border-collapse: collapse !important;
    border-spacing: 0;
    margin-bottom: 8px;
    margin-top: 5px;
    background: var(--bg_pfWhite);
	border-radius: 10px;
    display: inline-block;
}
.fbtable th, .newtable th {
	padding:10px 8px 10px 10px;
	box-sizing:border-box;
	text-align: left;
	font-size: var(--pf-base-font-size);
	color:var(--pf_headingColor);
	font-weight: normal;
	font-family: var(--pf-font-semibold);
	/* background-color: var(--bg_pfBg2); */
	border-bottom: 2px solid var(--tableHeadBorder);
}
.fbtable th a,
.newtable th a {
	font-size: var(--pf-medium-small-font-size);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.fbtable td, .newtable td{
	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);
}
.fbtable td.pfNotFoundColor, .newtable td.pfNotFoundColor{color:var(--pf_notfoundColor);}
.newtable tr:last-child td, .fbtable tr:last-child td{
	border-bottom:0px;
}
.break-cls td {
	word-break: break-all;
	line-height: 1.3;
}
/* TABLE-FORM */
.createNewApp td, .createNewPlugin td, #customizeShow td, #LinksForm td, #ButtonsForm td, #planForm td, .createNewConnectedApp td, .connectedAppConfig td, .newWidget td, .newmaptbl td, #LayoutRulesBasicDetails td {
    padding: 10px 8px;
    font-size: var(--pf-base-font-size);
    box-sizing:border-box;
}
.clientCredentialDiv .newWidget tr td:first-child {
	width: 80px;
}
.input_fields_wrap>li:first-child,.newWidget td.pT0{padding-top: 0;}
.newWidget td.pR0{padding-right: 0;}
.newWidget td.pB0{padding-bottom: 0;}
#ButtonsForm td,.newWidget td.pL0{padding-left: 0;}
.newWidget td.pB40 {padding-bottom: 40px;}
.table-tdp td {
    padding: 10px 8px;
    box-sizing: border-box;
    font-size: var(--pf-base-font-size);
}
.table-p0 tr td{
	padding:0px;
}
.form-bdr {
	border:0;
	border-bottom: 1px solid var(--br_pfBorder2);
	margin-top:20px;
}

/* LEFT BANNER STYLE */

#editPageLeft{
	padding-bottom:40px;
}
/* APP DETAILS */
#pluginComponentList .table-fill-hd{
	border-bottom:0px;
}
.publishtablelist{
	width:100%;
	max-height:calc(100vh - 415px);
	overflow:hidden;
	overflow-y:scroll;
	box-sizing:border-box;
	margin-top: -3px;
}
.publishtablelist .table-list-fill {
	word-break:break-all;
}
.publishtablelist .table-list-fill-child{
	line-height:1.3;
	white-space: nowrap;
}
.publishtablelist .zpfTable tr:last-child .table-list-fill{
	border-bottom: 0px !important;
}
/* EXTENSION DETAILS */
.publishLink{
	display: flex;
	align-items: center;
}
.createNewApp #domainName.form-control,
.publishLink .pSelect .chosen-container-single .chosen-single {border-radius: 6px 0 0 6px;}
.ExtlinkURL{
	width: 100%;
    padding:4px 8px;
    box-sizing:border-box;
	border: 1px solid var(--br_pfLink);
    background: var(--bg_pfoutlineBlue);
    font-size: var(--pf-base-font-size);
    color: var(--pf_linkColor);
	border-radius: 2px;
}

.PluginExtlinkURL{
	width:calc(100% - 260px);
    padding: 7px 30px 7px 10px;
    box-sizing: border-box;
    border: 1px solid var(--br_pfBorder5);
    background: var(--bg_pfWhite);
    font-size: var(--pf-base-font-size);
    color: var(--pf_linkColor);
    border-radius: 0 6px 6px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    border-left: 0px;
    line-height: 17px;
    margin-left: -1px;
}
/* MODULES */
.webtabAvaliprofile {
	background: var(--bg_pfBg2);
	padding: 12px 28px;
	margin: 0 0 20px;
	border: 1px solid var(--br_pfBorder1);
}
#previewArea{
	max-width:500px;
	min-height:38px;
	padding:6px 10px;
	box-sizing:border-box;
	font-size: var(--pf-base-large-font-size);
	color: var(--pf_headingColor);
	border-radius:2px;
	background:var(--bg_pfBg2);
	border:1px solid var(--br_pfBorder2);
	word-break: break-all;
}
/* COMPONENTS*/
#ResourcePath {
	position: absolute;
	max-width: 100%;
    left: 0;
    line-height: 1.3;
    margin-top: 5px;
    margin-bottom: 8px;
}
#ResourcePath ul li{
	font-size: var(--pf-small-font-size);
	color:var(--pf_negativeColor);
}
#customBtn ul li {
	padding:10px 15px;
	box-sizing:border-box;
}

#customBtn ul li:hover {
	background-color: var(--bg_pfBg2);
}
#insertBtns{
	padding:3px 0px 4px 8px;
    box-sizing: border-box;
    float: left;
}
.cdropDown {
    top:45px;
    padding:15px 0px 10px;
    left:0;
    display:none;
}
.saveCriteria[style*='display: block']{
	display:flex;
}
#fieldsForm ul li.closefld[style*='display: list-item']{
	display:flex !important;
}
/* COMPANY SETTINGS*/
/* DASHBOARD*/
/* HOME PAGE VIEW*/
/* PERMISSION*/
/* AUTOMATE*/
	/*  workflow */
.criPatter {
	width: 850px;
	padding: 10px;
	background-color: var(--bg_pfBg2);
	border: 1px solid var(--br_pfBorder2);
	display: table;
	margin:0 20px 20px;
	box-shadow: 0 0px 3px #eee inset;
}
.saveCriteria {
	width: 700px;
	float: left;
}
.editCriteria a {
	line-height: 34px;
}
.newApCriteriaTable td {
	padding: 5px 6px 12px;
}
.setpropertyW{
	width:200px;
	margin-right:5px;
	margin-left:5px;
}
.setpropertyW .chosen-drop {
  	width: auto !important;
  	min-width: 100%;
}
.setconditionalW{
	width:150px;
	margin-right:5px;
}
.setconditionalW .chosen-drop {
	width: auto !important;
  	min-width: 100%;
}
#remindAtDiv .setpropertyW{
	width:160px !important;
	margin:0px;
}
#remindAtDiv .setconditionalW{
	width:155px !important;
	margin:0px;
}
.criteriaBx {
	height: 34px;
	width: 300px;
	border: 1px solid var(--br_pfBorder1);
	padding: 0px 10px;
	box-sizing: border-box;
}
.descRuls {
	line-height: 30px;
	margin-bottom: 20px;
	margin-top: 0;
	padding-left: 12px;
	font-size: var(--pf-base-font-size);
	color:var(--pf_labelColor);
}
div.emptyAssociate {
	padding:10px;
	box-sizing:border-box;
	background-color: var(--bg_pfBg2);
	text-align: center;
	font-size: var(--pf-base-font-size);
	color:var(--pf_labelColor);
}
.from_select_list option{
	font-size: var(--pf-base-font-size);
    padding: 6px 12px;
    box-sizing: border-box;
    color: var(--pf_baseColor);
    transition: all 0.3s ease-in-out;
}
.from_select_list option:hover {
	background: var(--bg_pfBg2);
    color: var(--pf_baseColor);
}
.constructor_table select option{
	font-size: var(--pf-base-font-size);
    padding: 6px 12px;
    box-sizing: border-box;
    color: var(--pf_labelColor);
    transition: all 0.3s ease-in-out;
}
.constructor_table select option:hover{
	background: var(--bg_pfBg2);
    color: var(--pf_baseColor);
}
.immHdrTxt {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
	font-weight: normal;
	height: 22px;
	width: 165px;
	line-height: 25px
}
.actionsHdr span.immHdrTxt {
	color:var(--pf_negativeColor) !important;
}
.newFormContBlk h3 {
	margin:0px;
}
.PortalDetailContainer .descRuls,
.hbrd {
	border-bottom: 1px solid var(--br_pfBorder3);
	padding-bottom: 6px;
}
.trHover{
	border: 1px solid var(--br_pfBorder2);
}
.newFormContBlk.trHover td {
	padding: 10px;
	border-bottom: 1px solid var(--br_pfBorder2);
}
.newFormContBlk.trHover tr:last-child td{
	border-bottom:1px solid var(--br_pfTrans);
}
.trHover tr:hover {
	background: var(--bg_pfBg2);
	transition:background-color .4s linear;
}
.newFormContBlk .selectedAction td,
.newFormContBlk .selectedAction:hover td {
	background-color: var(--bg_pfBg2);
	transition:background-color .4s linear;
}
#fieldupdateonly .nosearchSelect .chosen-single{
	border-radius:0 2px 2px 0;
}
.curvWhitBx {
	background:var(--br_pfBorder1);
	border-radius: 2px 0 0 2px;
	color: var(--pf_whiteColor);
	font-size: var(--pf-base-font-size);
	padding: 9px;
	float: left;
}
#fieldupdateonly {
	width: 100%;
	padding:20px 0px 0px 40px;
	box-sizing:border-box;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  	margin:0px;
} 
.WidgetDimensionInput{
	min-width:80px;
	max-width:100px;
}
/* TEMPLATES*/
/* TELEPHONEY*/
/* STARTUP ACTIONS*/
/* ZOHO APPS*/
/* OTHER APPS */
/* CONNECTORS*/
.connectorApiList {
    width: 100%;
    float: left;
    background:var(--bg_pfWhite);
    padding-bottom: 18px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--br_pfBorder2);
}
.connectorApiList:hover {
	background-color:var(--bg_pfBg2);
	transition:all .3s ease-in-out;
}
/* CONNECTED APPS*/
/* .conapp-config {
 	width:100%;
	float:left;
	padding:0px 15px 30px;
	box-sizing:border-box;
	max-height:350px;
	min-height:150px;
	overflow-y:scroll;
	overflow-x:hidden;
} */
.conapp-config{
	max-height:calc(100vh - 260px);
}
.conapp-config-Btn{
    width: 100%;
    float: left;
    padding: 20px 25px;
    box-sizing: border-box;
    border-top: 1px solid var(--br_pfBorder2);
}
.sb-men {
    width: 100%;
    padding: 20px 25px;
    box-sizing:border-box;
	display: flex;
    position:relative;
    z-index:9999;
}
.lyteSecondaryTab {
	max-width: 500px;
	padding: 2px 3px;
    border: 1px solid var(--tabBorder);
    display: flex;
    box-sizing: border-box;
    border-radius: 50px;
    overflow: hidden;
}
.lyteTabTitle {
    padding: 6px 20px;
    position: relative;
    border-radius: 20px;
    font-family: var(--pf-font-regular);
    color: var(--tabColor);
    border: 1px solid var(--br_pfTrans);
    z-index: 2;
    background: 0 0;
    margin: 0;
	cursor: pointer;
}
.lyteTabTitle:hover {background: var(--tabHoverBackground);}
.lyteTabActive {
	-webkit-text-stroke: 0.6px var(--tabActiveColor);
	color: var(--tabActiveColor);
	background: var(--tabActiveBackground);
	border-color: var(--tabActiveBorder2);
}
/* BRANDING*/

/* logo */
.list-harizantal-logo{
	width:100%;
	padding:20px 18px 20px 0px;
	box-sizing:border-box;
	border-bottom:1px solid var(--br_pfBorder3);
	background: var(--bg_pfWhite);
	border-radius:2px;
}
.brand-logo {
	width:150px;
	height:130px;
	float:left;
	border: 1px solid var(--br_pfBorder2);
    padding: 5px;
    box-sizing: border-box;
    border-radius:4px;
    text-align:center;
    position:relative;
}
.brand-attach { 
    width: 100%;
    padding: 2px;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0px;
    height: 50px;
    background: var(--bg_pfBg2);
    border-radius: 0 0 4px 4px;
}
.attachmentbox {
    opacity: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
}
/* .brand-logo-attachBtn {
    position: absolute;
    width: 100%;
    height: 40px;
    line-height:4;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    font-size: var(--pf-small-font-size);
    color: var(--pf_baseColor);
    cursor:pointer;
}
.brand-logo-attachBtn:before{
    content: '';
    width: 25px;
    height: 25px;
    background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -274px -122px;
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
} */
/* Custome Domain */



/* Contact Info */	
.generalSetCont{
	color: var(--pf_labelColor);
	font-size: var(--pf-base-font-size);
	font-weight: normal;
	line-height:1.3;
	clear: both;
}


/* PRICING */
.pri-tbl-li {
	float: left;
	border: 1px solid var(--br_pfBorder2);
	background: var(--bg_pfWhite);
	padding: 30px 25px 40px;
	text-align: center;
	margin-left: 20px;
	min-width: 188px;
	min-height:268px;
}
.pri-tbl-li.zpfPricingPlanEle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.pricing-hdr {
	overflow: auto;
}

.pri-tbl-li .editPriceIco {
	position: absolute;
	top: 10px;
	right: 10px;
}
/* ADD DEVELOPER */

.descUsers>h3 span {
	background: var(--bg_pfBg5) none repeat scroll 0 0;
	border-radius: 1px;
	color: var(--pf_placeholderColor);
	font-size: var(--pf-extra-small-font-size);
	padding: 2px 10px;
}
.adduserWidget {
    background-color: var(--bg_pfWhite);
    left: 50%;
    min-height: 100px;
    position: fixed;
    visibility: hidden;
    width: 550px;
    z-index: 50;
    top: 45px;
    transform:translateX(-50%);
}
.userThumb img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    border:1px solid var(--br_pfBorder2);
}
.userTopBand {
    background: var(--bg_pfBg2);
    border-bottom: 1px solid var(--br_pfBorder2);
    padding: 15px 20px;
}
.userTopBand>p {
	color: var(--pf_baseColor);
	font-size: var(--pf-base-font-size);
	margin-top: 5px;
}
.userTopBand>h4 {
    color: var(--pf_headingColor) !important;
    font-size: var(--pf-medium-large-font-size);
    font-weight: lighter;
    padding-left: 10px;
    position: relative;
}
/* Publish PUBLISH */
/* UPGRADE */
.wrap-upgrade{
	max-width:100%;
	height:100%;
	padding:30px;
	box-sizing:border-box;
	background:var(--bg_pfBg1);
	overflow:hidden;
}
.userCtnt {
    padding: 20px 0;
    box-sizing: border-box;
    font-size: var(--pf-base-large-font-size);
    color:var(--pf_baseColor);
    margin-top: 48px;
    border-bottom: 1px solid var(--br_pfBorder2);
}

.upgrade-dashboardhead {
    position: absolute;
    top: 35px;
    left: 63px;
    z-index: 1;
}
.upgrade-continer {
	width:100%;
    height: 100%;
    background: var(--bg_pfTrans);
    overflow:hidden;
}
.upgrade-recordlist-container {
	width:100%;
	height:calc(100% - 120px);
}
.upgrade-recordlist-inner{
	width:100%;
	max-height:calc(100% - 80px);
	overflow:scroll;
}
.upgradeTable{
	width: 100%;
	border: 1px solid var(--tabBorder);
	border-radius: 10px;
	display: inline-block;
	overflow: hidden;
}
.upgradeDiv{
	width:100%;
	height:100%;
	background: var(--bg_pfWhite);
    padding: 30px;
    box-sizing: border-box;
    border-radius: 4px;
}
.upgrade-userDiv {
	position: absolute;
    right: 0px;
    top: 60%;
    transform: translateY(-40%);
    min-width: 300px;
}
.upgrade-userslist:before {
    content: '';
    width: 7px;
    height: 46px;
    border-radius: 5px;
    margin-right: 10px;
    float: left;
}
.trail-users:before{
	background: var(--bg_pfLink);
}
.inactive-users:before{
	background: var(--bg_pfBg2);
}
.paid-users:before{
	background: var(--bg_pfLink);
}
.upgradeDatepicker{
    width: 215px;
    max-width: 480px;
    padding: 8px 0px 8px 15px;
    box-sizing: border-box;
    background:url(/crmplatform/Platform/images/downarrow_ef8426748df16e6cb19a46cfc2ac9c45_.svg) no-repeat var(--bg_pfWhite) 185px center;  
    font-size: var(--pf-base-font-size);
    z-index: 1;
    cursor:pointer;
	border-radius: 6px;
    border:1px solid var(--br_pfBorder2);
}
input.upgradeDatepicker[type=text]:focus{
	border:0px !important;
	outline:none;
}
.upgrade-refresh {
	font-size: var(--pf-base-font-size);
	color:var(--pf_linkColor);
	text-decoration:none;
}
.upgrade-refresh:before{
	content:'';
	width: 15px;
    height: 15px;
	-webkit-mask-position: -154px -160px;
    mask-position: -154px -160px;
	background-color: var(--zcicn-blue);
	margin-right: 8px;
}

/* upgrade-table-style-overwrite */
/* .wrap-upgrade .table-fill-hd {
	background:var(--bg_pfBg2);
}
.wrap-upgrade .table-fill-hd-child {
	color:var(--pf_headingColor);
} */
.wrap-upgrade .table-fill-list {
	background:var(--bg_pfBg2);
	border-color:var(--br_pfBorder2);
}
.wrap-upgrade .table-list-fill-child {
	font-size: var(--pf-base-font-size) !important;
	color:var(--pf_baseColor);
}
#UpgradeUsersDetailsInTxn .table-list-fill{
	border-bottom:1px solid var(--br_pfBorder2);
}
.upgrde-elipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}
.wrap-upgrade .chosen-single{
	border-radius:3px;
	border:1px solid var(--br_pfBorder2) !important;
}
.wrap-upgrade .chosen-single span{
	font-size: var(--pf-base-font-size);
	color:var(--pf_headingColor);
}
.upgrade-wrap-filter{
    width: 100%;
    background: var(--bg_pfBg1);
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid var(--br_pfBorder2);
    border-radius: 2px;
}
.upgradeAdd, .upgradeRemove {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	background: var(--bg_pfGreen);
}
.ad-inactive,.invitefail,.upgradeRemove{
	background: var(--bg_pfNegative);
}
.upgrade-textarea{
    border: 1px solid var(--br_pfBorder2);
    padding:8px 10px;
    box-sizing: border-box;
    border-radius: 3px;
    background: var(--bg_pfWhite);
    min-height: 65px;
    max-height: 180px;
    overflow-y: scroll;
    font-size: var(--pf-base-font-size);
    color:var(--pf_headingColor);
    line-height:1.3;
}
/* .wrap-upgrade.popupCloseIcon{
	transform:scale(.8) !important;
} */
.upgrade-searchDiv {
	max-width: 480px;
    min-width: 320px;
    border-radius: 999px;
    padding: 0;
    position: relative;
}
.upgrade-searchInput {
    width: 100%;
    font-size: var(--pf-base-font-size);
    color: var(--pf_headingColor);
    border-radius: 999px;
    border: 1px solid var(--br_pfBorder2);
    padding: 6px 15px 9px 34px;
    box-sizing: border-box;
}
.upgrade-searchDiv:after {
	content:'';
	width: 18px;
    height: 19px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) scale(.9);
	-webkit-mask-position: -229px -159px;
    mask-position: -229px -159px;
	background-color: var(--zcicn-grey);
}
.search-loading {
	width: 15px;
    height: 15px;
    border-radius: 999px;
    border:1px solid;
    border-color: var(--br_pfLink) var(--br_pfLink) var(--br_pfwhite) var(--br_pfLink);
    /* border-color: var(--br_pfBorder4) var(--br_pfBorder4) var(--br_pfwhite) var(--br_pfBorder4); */
    animation: rotation .5s infinite linear;
    position: absolute;
    right: 12px;
    top: 8px;
    z-index: 1;
    background: var(--bg_pfTrans);
}
.upgrade-filter, .upgrade-download, .upgrade-reset{
	font-size: var(--pf-base-font-size);
	padding: 9px 16px 8px;
    border: 1px solid var(--br_pfBorder2);
    border-radius: 999px;
    background: var(--bg_pfTrans);
    box-sizing:border-box;
    color:var(--pf_paragraphColor);
    text-decoration:none;
    transition: all .3s ease-out;
}
.upgrade-download:before{
	content: '';
	width: 20px;
    height: 18px;
    background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -268px -316px;
    opacity:.9;
    transform:scale(.7);
}
.upgrade-filter:before{
	content:'';
	width: 17px;
    height: 15px;
	-webkit-mask-position: -114px -454px;
    mask-position: -114px -454px;
	margin-right: 8px;
	background-color: var(--zcicn-grey);
}
.upgrade-filter-select-bg{
	width:100%;
	padding-bottom: 10px;
	border-bottom:1px solid var(--br_pfBorder2);
	background:var(--bg_pfWhite);
	display: none;
	margin-top: 5px;
	margin-bottom:10px;
	margin-left: 5px;
}
.select-filter-bg{
	background:var(--bg_pfBg1);
}
#manageUsers .chosen-single span{
	font-size: var(--pf-base-font-size);
	color:var(--pf_paragraphColor);
	margin-right:15px;
}
/* #manageUsers .chosen-single{
	border:0px !important;
} */
/* #manageUsers .chosen-single div{
	position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
    transform: translateY(-50%);
}
#manageUsers .chosen-container-single .chosen-single div b{
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: var(--br_pfBase) var(--br_pfTrans) var(--br_pfTrans) var(--br_pfTrans);
    position: absolute;
    top: 46%;
	display: block;
	transform:rotate(0deg);
	margin:0;
} */
/* .upgrade-paid, .upgrade-inactive, .upgrade-unconfirmed {
	width:18px;
	height:18px;
	margin-right:8px;
	position:relative;
}
.upgrade-paid {
	background:url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -267px -429px;
}
.upgrade-inactive {
	background:url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat  -268px -453px;
}
.upgrade-unconfirmed{
	background:url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat    -268px -476px;
} */
.widgetStatus:hover .tooltip-slide {
	opacity:1;
	z-index:1;
	top:25px;
	animation: slide-bottom-Y5 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.widgetStatus:hover .tooltip-slide {top: 48px;}
.deleteIcon:hover .tooltip-slide,  
.publishTooltipEle:hover .tooltip-slide{
	opacity:1;
	z-index:1;
	top: 25px;
	animation: slide-bottom-Y20 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
#appDetailBox .publishTooltipEle:hover .tooltip-slide {
	opacity:1;
	z-index:1;
	top:25px;
	animation: slide-top10 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.upgrade-action-Btn {
	padding: 5px 15px;
    border-radius: 999px;
    color: var(--pf_whiteColor);
    font-size: var(--pf-small-font-size);
    text-transform: uppercase;
    letter-spacing: .8px;
    border:0px;
}
.upgrade-history{
	background:var(--bg_pfLink);
}
.reseller-purchase{		
       background:var(--bg_pfGreen);	
}
.upgrade-access{
	background:var(--bg_pfGreen);
}

#showUpgradeButton .upgrade-action-Btn{
		margin-right:20px;
}
#showUpgradeButton .upgrade-action-Btn:last-child {
	margin-right:0px;
}
.dotted-icon:before{
	content: '';
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: var(--bg_pfBg5);
    margin-right:12px;
}
/* .upgrade-error:before {
	content: '';
    width: 25px;
    height: 22px;
    background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -263px -78px;
    transform: scale(0.6);
    margin-right: 8px;
    text-decoration:none;
} */
.upgrade-inprocees{
	background:var(--bg_pforangeLightBg);
	color:var(--orangeLightColor);
}
.upgrade-complite {
	background:var(--bg_pfgreenLightBg);
	color:var(--greenLightColor);
}
.upgrade-error-btn{
	background:var(--bg_pfredLightBg);
	color:var(--redLightColor);
}
.upgrade-error-btn,.upgrade-complite,.upgrade-inprocees {
	padding: 4px 12px;
	border: 0;
	border-radius: 13px;
	cursor: default;
	font-size: var(--pf-small-font-size);
    font-family: var(--pf-font-semibold);
    line-height: 1;
    overflow: hidden;
    position: relative;
    z-index: 0;
    white-space: nowrap;
}
.upgrade-error{
	font-size: var(--pf-base-font-size);
}
.upgrade-error-detail-container{
	width:100%;
	padding:20px;
	box-sizing:border-box;
	background: var(--bg_pfBg1);
	border: 1px solid var(--br_pfNegative);
	border-radius: 2px;
	height:calc(100% - 80px);
	overflow:hidden;
	overflow-y:scroll;
}
.upgrade-error-detail-fclr{
	color:var(--pf_negativeColor);
}
.upgrade-highlight{
	padding:5px 10px 5px 0px;
	box-sizing:border-box;
	/* border:1px solid  var(--br_pfLink); */
	border-radius:3px;
	font-size: var(--pf-base-font-size);
	color:var(--pf_linkColor);
}
.upgrade-textarea-highlight{
	padding:8px 10px;
	box-sizing:border-box;
	border:1px solid  var(--br_pfLink);
	border-radius:3px;
	min-height:60px;
	font-size: var(--pf-base-font-size);
	color:var(--pf_linkColor);	
	word-break: break-all;
    line-height: 1.3;
    text-decoration:none;
}
.upgrade-action{
	padding: 6px 12px;
    box-sizing: border-box;
    right: 0px;
    top: 0px;
    border-radius: 4px 0 0 4px;
    background: var(--bg_pfBg5);
    position:absolute;
    display:inline-flex;
   	opacity:0;
   	z-index:-9;
   	overflow:hidden;
}
.activeLeft{
	max-width:605px;
	opacity:1;
	z-index:1;
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.layoutRuleRightWidget {
    max-width: 900px;
    height:calc(100vh - 50px);
    padding: 30px;
    box-sizing: border-box;
    background: var(--bg_pfWhite);
    position: absolute;
    top: 0px;
    right:-840px;
    z-index: 50;
    visibility:hidden;
    opacity:0;
    overflow:hidden;
    overflow-y:scroll;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.18);
}
.slide-animationDiv {
	animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	opacity:1;
	visibility:visible;
	right:0;
}
.selAllInactive {
	background: var(--bg_pfBg5);
	pointer-events:none;
}
/* Modal style */
.ext-lyteModal {
    min-width: 400px;
    background: var(--bg_pfWhite);
    box-shadow: 0px 4px 18px rgba(49, 57, 73, 0.6);
    position: absolute;
    z-index: 10001;
    opacity:1;
    box-sizing: border-box;
    border-radius: 0 0 15px 15px;
    border: 1px solid var(--br_pfTrans);
}
.ext-lyte-modal-content {
    border-radius: 0 0 15px 15px;
    max-height: 400px;
    overflow: auto;
    padding: 5px 30px 12px;
    box-sizing: border-box;
    font-size: var(--pf-base-font-size);
    color: var(--pf_baseColor);
}
.ext-lyte-modal-footer {
    border-top: 0;
    border-radius: 0 0 15px 15px;
    text-align: right;
    position: relative;
    z-index: 10;
    padding: 20px 30px 30px;
}
.crmInfoSection {
    background:var(--bg_pfBg1);
    border: 1px solid var(--br_pfBorder1);
    color: var(--pf_baseColor);
    border-radius: 6px;
    padding: 10px 15px;
    box-sizing:border-box;
	line-height: 1.3;
}
/* Delete field validation */
.fieldDeletion .ext-lyteModal{
	top:0px;
	left:50%;
	transform:translateX(-50%);
}
.fieldDeletion .ext-lyte-modal-content {
	padding-top: 15px;
}
.fieldDeletion .crmInfoSection ul li {
	position: relative;
    padding-left: 15px;
    margin: 10px 0;
    font-size: var(--pf-small-font-size);
    color: var(--pf_linkColor);
}
.fieldDeletion .crmInfoSection ul li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    display: inline-block;
    top: 6px;
    left: 0;
    margin-right: 7px;
    background: var(--bg_pfBase);
}
/* icon effects */
.addDeveloperBtn {
	position: absolute;
	right: 0;
	top: -12px;
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
    .addDeveloperBtn {
        right: 300px !important;
    }
}
/* Components */
.from_select_list{
	width:180px;
	min-height:180px;
	border:1px solid var(--br_pfBorder1);
	margin-top:8px;
}
.from_select_list-option{
	font-size: var(--pf-base-font-size);
	padding:6px 12px;
	box-sizing:border-box;
	color: var(--pf_paragraphColor);
}
.from_select_list-option:hover {
    background: var(--bg_pfBg2);
    color: var(--pf_headingColor);
    transition: all 0.3s ease-in-out;
}

/* DEVELOPER PORTAL PAGE */

.portalpage .table-fill-hd {
	padding:12px 10px;
}
.portalpage .table-list-fill, #platformUserInfo .table-list-fill{
   padding:15px;
}
.portalpage tr:last-child .table-list-fill, #platformUserInfo tr:last-child .table-list-fill{
   border:0px;
}
.portalnamespce {
  padding: 7px 10px;
  box-sizing: border-box;
  border: 1px solid var(--br_pfBorder1);
  border-radius: 2px;
  font-size: var(--pf-base-font-size);
  color: var(--pf_headingColor);
}
.portal-textarea {
  width:100%;
  padding:8px;
  box-sizing:border-box;
  border-radius:2px;
  font-size: var(--pf-base-font-size);
  color: var(--pf_headingColor);
  min-height:80px;
  max-height:180px;
  overflow-y:scroll;
  border:1px solid var(--br_pfBorder1);
}
.portalpage-createapp .table-list-fill, #plugindetail .table-list-fill{
  border-bottom:0px;
}
.addicon, .removeicon{
	width: 15px;
    height: 21px;
    background: url(/images/vcrm/componentdiff_18374507fd4fcbf74f5d1ab981742fc3_.svg) no-repeat var(--bg_pfWhite) -14px -106px;
    cursor: pointer;
    float: left;
    margin-left: -8px;
    margin-right: 3px;
}
.removeicon {
	background-position:-14px -137px !important;
}
.max-calc-W {
	max-width:1000px;
	width:calc(100vw - 220px);
}
#newWidgetForm input#recordWidgetName{
	width: 500px !important;
}
@media screen and (max-width: 1200px) and (min-width: 620px){
  .platformInner{
    overflow-x:scroll !important;
  }
}
@media screen and (max-width: 1800px) and (min-width: 620px){
  .zdminconsoleDiv .platformInner{
    overflow-x:scroll !important;
  }
}
input.upgradeDatepicker::-webkit-input-placeholder { /* Edge */
	color:var(--pf_paragraphColor)!important;
	font-weight:600;
}

input.upgradeDatepicker:-ms-input-placeholder { /* Internet Explorer */
  color:var(--pf_paragraphColor)!important;
  font-weight:600;
 }

input.upgradeDatepicker::placeholder {
  color:var(--pf_paragraphColor)!important;
  font-weight:600;
 }
.disabledBtn{
	visibility: hidden;
	opacity: 0;
}
.userActions:hover {
    border: 1px solid  var(--br_pfLink);
    border-radius: 20px;
	cursor:pointer;
}
/* Discription Width  */
.addMoreWidth{
	min-width: 230px;
	white-space: initial;
    word-break: break-word;
}
/* Discription Width  */
.addMoreWidthMail{
	min-width: 250px;
	white-space: initial;
    word-break: break-word;
}
/* Making user account col as unmovable  */


/*  Drop Down Change */
.dropDownDiv {
  display: inline-block;
  position: relative;
}
.dropdown-content {
	display: inline-flex;
    position: absolute;
    width: 200px;
    padding: 5px 0;
    box-sizing: border-box;
    background: var(--bg_pfWhite);
    border-radius: 6px;
    border: 1px solid var(--br_pfBorder5);
    flex-flow: column nowrap;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 50%);
    visibility: hidden;
    opacity: 0;
    z-index:2;
    left: 105%;
    top: 24px;
    transform: translateX(-50%);
}
.manegeUserdorpdownlist{
    background: var(--bg_pfWhite);
    text-transform: capitalize;
    padding: 7px 20px;
    box-sizing: border-box;
    white-space: nowrap;
    font-size: var(--pf-base-font-size);
    color: var(--pf_baseColor);
}
.dropDownDiv.disabledBtn{
	visibility: hidden;
    opacity: 0;
}
.dropDownDiv:hover .dropdown-content,
.dropdown-content:hover{
	visibility: visible;
    opacity: 1;
}
.dropdown-content a {
  display: block;
  padding: 5px;
  text-decoration: none;
}
.dropdownlist{
	width:140px;
	color: var(--pf_headingColor);
}
.options{
	padding-bottom: 5px;
}
.formBuildIconsSvg {
	background: url(<%= ResourceClientUtil.getResourceURI("form_builder_spritesvg.svg", ResourceClientUtil.ResourceTypes.IMAGES,ResourceClientUtil.Resources.DEFAULT)%>) no-repeat scroll;
	background-color: var(--bg_pfTrans);
}

.manegeUserdorpdownlist:hover {
    background-color: var(--bg_pfBg5);
}
.userRelActions {
	border:1px solid var(--br_pfTrans);
	position:relative;
	padding-right:25px;
}
.userRelActions:before {
    content: '';
    border: 5px solid;
    border-color:  var(--br_pfwhite) var(--br_pfTrans) var(--br_pfTrans) var(--br_pfTrans);
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 11px;
}
.userRelActions:hover{
	border: 1px solid  var(--br_pfLink);
    border-radius: 20px;
	cursor:pointer;
}
.blurBtn{
  opacity: 0.6 ;
  cursor: not-allowed;
}
#USERSEXPORTPOP1 .container {
	background: url(/crmplatform/images/screen.png) no-repeat;
	width: 1250px;
	margin: 0 auto;
}
#USERSEXPORTPOP1 .slidercontainer {
	height: 11px;
	width: 110px;
	border: 1px solid var(--br_pfBorder2);
}
#USERSEXPORTPOP1 .slidercolor {
	background: url(/crmplatform/images/loader_icon_cbb5c8d936e6a6f3c9fc607fb6dfc78e_.gif) no-repeat;
	width: 26px;
	height: 9px;
	float: left;
	margin-top: 1px;
}
#USERSEXPORTPOP1 .chatPopTitle {
	background: var(--bg_pfBg2);
}
#USERSEXPORTPOP1 .chatContainer {
	background: var(--bg_pfWhite);
	padding: 18px 25px;
	display: inline-block;
	border-bottom: 1px solid var(--br_pfBorder2);
}
#USERSEXPORTPOP1 .chatContainer:last-child{
	border-bottom: 1px solid var(--br_pfBorder2) !important;
}
.popup{
	position: absolute;
    top: 0;
    left: 30%;
    z-index: 50;
    background: var(--bg_pfWhite);
    border-radius:0px !important;
}
.popupWid
{ 
	width : 40%;
}
.close-icon {
	background-image: url(/crmplatform/images/svgicons_cbcc8bcd308ff803d69fceef99e4dbc0_.svg);
	background-repeat: no-repeat;
	background-position: -274px -2196px;
	width: 11px;
	height: 11px;
	display: inline-block;
	position: absolute;
	top: 15px;
	left: 450px;
}
.close-icon-left { 
	left: 350px;
}
.statusNotify {
	position: fixed;
	right: 5px;
	bottom: 5px;
	background: var(--bg_pfWhite);
	z-index: 312;
	box-shadow: 0 1px 16px rgba(0, 0, 0, 0.3);
	transition: 0.3s all ease;
	display: none;
}
.eN{ pointer-events:none; }
.cNA{ cursor: not-allowed; }
.txtInd0{text-indent: 0;}
.topLeft{
	height: auto;
	left:0px !important;
}
.spaceLeft{
	left:12px;
}
.canvasLabel{
	padding:5px 0px 10px 10px;
}
.externalFieldProps{
	background: var(--bg_pfWhite);
	padding:5px;
	 border-radius:3px;
}
.externalFieldPropsUl{
	width:375px; 
	background:var(--bg_pfBg1);
	max-width:100%;
}
.dn{
	display:none;
}
.popup-footer-export {
  width: 100%;
  padding:10px 10px 10px 20px;
  box-sizing: border-box;
  background: var(--bg_pfWhite);
  border-top: 1px solid var(--br_pfBorder2);
}
.popup-container-export {
  width: 100%;
  padding: 25px 25px 25px 20px;
  box-sizing: border-box;
  background: var(--bg_pfWhite);
  max-height: calc(100vh - 120px);
  overflow-y: scroll;
  overflow-x: hidden;
}

/* applist page Activity deprication */
.applistHeader {
	max-width: calc(100% - 60px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
  }
  .applistWarningIcon {
	width: 18px;
	height: 18px;
	z-index:2;
  }
  .attentionModal {
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	border-radius: 15px;
  }
  /* crm ui modal */
  .bannerModal,
  .popUpPublish.bannerModal {
	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: 15px;
	border: 1px solid var(--br_pfTrans);
	left: 50%;
	top:5%;
  }
  .bannerModal.attentionModal{
	  top:20px;
  }
  .banner-modal-header {
	background: 0 0;
	position: relative;
	z-index: 1;
	font-size: var(--pf-large-font-size);
	color: var(--pf_headingColor);
	font-family: var(--pf-font-bold);
	padding: 25px 30px;
	overflow-wrap: break-word;
	display: block;
	text-align: left;

  }
  .bannerModal.attentionModal .banner-modal-header{
	  padding: 20px 30px 0px;
  }
  .banner-modal-content {
	border-radius: 0 0 15px 15px;
	max-height: calc(100vh - 150px);
	overflow: auto;
	padding: 20px 30px 12px;
	box-sizing: border-box;
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
  }
  .banner-modal-footer {
	border-top: 0;
	border-radius: 0 0 15px 15px;
	text-align: right;
	position: relative;
	z-index: 10;
	padding: 20px 30px 17px;
  }
  
  /* crmWarningBanner crmui update */
  .crmWarningBanner.bannerModal {
	  background-color: var(--bg_pfTrans);
	  max-width: 1100px;
	  width: 1040px;
	  transform: translateX(-50%);
	  top: 7px;
	  box-shadow: none;
  }
  .crmWarningBanner .banner-modal-content {
	  border: 1px solid var(--br_pfWarn);
	  background-color: var(--bg_pfWhite);
	  border-radius: 6px;
	  color: var(--pf_baseColor);
	  max-height: initial;
	  overflow: initial;
	  padding: 10px 40px 10px 60px;
	  white-space: nowrap;
  }
  .crmWarningBanner .banner-modal-content:before {
	  content: "";
	  position: absolute;
	  left: 1px;
	  top: -10px;
	  width: 40px;
	  height: 38px;
	  background-color: var(--bg_pfWarn);
	  border-radius: 5px 0 0 5px;
  }
  .crmWarningBanner .banner-modal-content:after {
	  content: "";
	  left: 3px;
	  top: -10px;
	  position: absolute;
	  width: 36px;
	  height: 36px;
	  background: url(/crmplatform/images/allCommon-Icons_03c1e2b874d755f4023fef85227e4984_.png) -54px -136px;
	  transform: scale(0.5);
  }
  .crmLinkColorHover {
	  padding-bottom: 2px;
	  border-bottom: 1px solid var(--br_pfTrans);
	  box-sizing:border-box;
  }
  .crmLinkColorHover:hover{
	  border-bottom: 1px solid var(--br_pfLink);
  }
  .bulletPoint:before {
	  content: '';
	  width: 6px;
	  height: 6px;
	  border-radius: 50%;
	  background: var(--bg_pfBase);
	  position: absolute;
	  left: -13px;
	  top: 6px;
  }

/* app detail page */
  .configHdr {
	font-size: var(--pf-large-font-size);
	color: var(--pf_headingColor);
	font-family: var(--pf-font-bold);
}
.configContent {
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
	margin-top: 8px;
	line-height: 1.3;
}
#logoIconsUpdate, .detailsVersion {
	margin-bottom: 15px;
	display: inline-block;
	background: var(--bg_pfWhite);
	border-radius: 6px;
	box-sizing: border-box;
	border: 1px solid var(--br_pfBorder3);
	box-shadow: 0 3px 4px 0 #00000008;
}
#logoIconsUpdate {
	margin-right: 30px;
	margin-left: 30px;
	padding: 25px;
}
.pSelect.configFormInput, #accessPlanDiv.configFormInput{
	border:0;
	padding:0;
}
#accessPlanDiv.configFormInput .chosen-choices{padding: 3px 10px 2px;}
#ConnectedAppSBURL { max-width:calc(100% - 120px);}
#ConnectedAppSBURL.widgetCompleteUrl{min-width: 390px;}

.pSelect .chosen-container .chosen-results li.active-result.icon1,
.pSelect .chosen-container .chosen-results li.active-result.icon2, 
.pSelect .chosen-container .chosen-results li.active-result.icon3 {padding-left: 30px;}
 .icon:before {
	content:'';
	width: 18px !important;
	height: 18px !important;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left:13px;
}
.configInfoText{   
	width: calc(100% - 26px);
	display: inline-block;
}
.configInfoIcon {
	width: 18px !important;
	height: 18px !important;
	background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -163px -505px;
	display: inline-block;
	opacity: .8;
}
#widgetIconSelect .chosen-search{ display : none;}
.fileUploadDiv>.error-list {display: none;}
.upload-style-helper {
	content: '';
	background-size: auto;
	margin: -15px -18px;
	display: block;
	width: 69px;
	transform: scale(.6);
	height: 50px;
}
.configUploadIcon[type="file"] {
	text-indent: -999px;
	width: 40px;
	height: 32px;
	cursor: pointer;
	position: absolute;
	left: 338px;
	top: 50%;
	transform: translateY(-50%);
}
#freezeBackGround{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000 !important;
	background-color: var(--bg_pfBase);
	opacity: 0.4;
	width: 100%;
}
.popUpPublish {z-index: 1001 !important;}
.rightarrow {
	position: absolute;
	width: 0;
	height: 0;
	left: -216px;
	top: 85px;
	border-style: solid;
	border-color: transparent var(--br_pfwhite) transparent transparent;
	border-width: 8px;
	z-index: 1001;
}
.p_modalHeader {
	padding: 20px;
	font-size: 20px;
	font-family:var(--pf-font-regular);
	border-bottom: 1px solid var(--br_pfBorder3);
	text-align: left;
	margin-bottom:10px;
}
.p_modalContent,.p_modalFooter {padding: 20px 40px;}
.moreIcon {
	position: relative;
	height: 32px;
}
.detailsVersion.popupSlideDown{
	padding:0;
	margin:0;
}
.iconRaiseARequest:before {	background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -57px;}
.iconHelpers:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -82px;}
.iconAssistance:before{background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -110px;}
.iconRaiseVoiceRecording:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -137px;}
.iconEmail:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -166px;}
.iconPhone:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -192px;}
.iconTextChat:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -220px;}
.iconVideoChat:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -248px;}
.iconSMS:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -274px;}
.iconBot:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -253px;}
.iconHelpDesk:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -326px;}
.iconCommunity:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -355px;}
.iconKnowledgeBase:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -382px;}
.iconSocialMedia:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -408px;}
.iconHumanInPersonSupport:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -434px;}
.iconHumanVirtualSupport:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -462px;}
.iconRemoteAccess:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -489px;}
.iconTools:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -516px;}
.iconSocialMediaMessage:before {background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -406px -542px;}
.infoIconToltip {
	background-position : -162px -503px !important;
	height : 18px  !important;
	width : 18px  !important;
	transform : scale(0.75) !important;
	float : right !important;
}
.noteModalContainer {	
	background-color: var(--noteBgColor);
	border: 1px solid var(--br_pfBorder3);
	border-radius: 6px;
	color: var(--pf_paragraphColor);
	line-height: 1.5;
	padding: 4px 10px;
}
.URLView {
    width: 355px;
    border-radius: 5px;
    padding: 8px;
    position: relative;
    padding-right: 35px;
    border: 1px solid var(--br_pfTrans);
    overflow-wrap: break-word;
}
.blueTickIcon {
    mask-image: url(/crm/CRMClient/images/svg_cssicons_7bc31af05f48318b52318fe126006edf_.svg);
    background-color: var(--bg_pfLink);
    width: 20px;
    height: 21px;
    mask-position: -376px -183px;
    border:none;
	cursor: pointer;
}
.HelpCloseIcon {
    background-image: url(/crmplatform/images/svgicons_cbcc8bcd308ff803d69fceef99e4dbc0_.svg);
    width: 22px;
    height: 22px;
    top: 0;
    background-position: -532px -52px;
    cursor: pointer;
}
.tooltipContainer{
	visibility : hidden;
    text-align: left !important;
    max-width: 500px;
    word-break: break-word;
    line-height: 18px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2) !important;
    font-family: var(--pf-font-regular);
    font-size: var(--pf-small-font-size);
    padding: 6px 10px;
    position: absolute;
    background: var(--bg_pfBase);
    color: var(--pf_whiteColor);
    border-radius: 6px;
    z-index: 99999;
    white-space: pre-wrap;
}
.tooltipContainer:before { 
    content: "";
    border-bottom: 5px solid var(--br_pfBase);
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top:-10px;
}
.requiredField {border-left: 3px solid var(--br_pfNegative);}
.requiredField:focus {border-left : 3px solid var(--br_pfNegative) !important;}
.createnewEntry .chosen-results{
    background: var(--bg_pfWhite);
    	padding: 0px !important;
    margin: 0px !important;
}
#selectAppDiv.createnewEntry .chosen-results{
	padding: 0px !important;
    margin: 0px !important;
}
.createnewEntry .chosen-container .chosen-results li.active-result,.createnewEntry .chosen-container .chosen-results li.highlighted {
	color: var(--pf_linkColorlink) !important;
    background-color: var(--bg_pfWhite) !important;
    border-top: 1px solid var(--form-bdr);
    padding: 10px;
    font-size: var(--pf-base-font-size) !important;
}
#removeWidgetTooltip {
	top: 25px;
    width: 149px;
    right: -116px;
    pointer-events:none;
}
.helpRemoveIcon { 
	position: absolute;
    left: 535px;
    top: calc(50% - 11px);
}
.helpRemoveIcon:before {
	content:"";
	mask-image: url(/crmplatform/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg);
    mask-position: -48px -178px;
    height: 18px;
    width: 18px;
    position: absolute;
    top: -1px;
    cursor:pointer;
    background-color: var(--bg_pfBase);
}
.helpRemoveIcon:hover:before {
	background-color: var(--bg_pfNegative);
}
#SelectIcon {
	margin-right: 30px;
}
#accessPlanError {
	font-size: var(--pf-small-font-size);
	color: var(--form-error-fclr);
}
#widgetIcon_chosen .chosen-single span {
		padding-left: 20px;
}
#widgetResourceError,#planListError {
	padding-left: 140px;
	margin-top: -18px !important;
	padding-bottom: 10px;
}
	
#widgetIcon_chosen .active-result {
	padding-left:50px;
	position:relative;
	color: var(--pf_placeholderColor);
}
#widgetIcon_chosen .chosen-single {
	color:transparent;
}
#widgetIcon_chosen .chosen-single .icon:before {
	top: 60%;
	left:12px;
}
#widgetIcon_chosen .active-result:before {
	transform: scale(1.2);
	margin-left: 10px;
	margin-top: -6px;
}

.brandInfoIcon:before {
	content:"";
	width: 18px;
	height: 18px;
	position: absolute;
	mask-image: url(/crm/CRMClient/images/svg_cssicons_7bc31af05f48318b52318fe126006edf_.svg);
	mask-position: -25px -736px !important;
	background-color: var(--bg_pfLabel);
	transform: scale(1.2);
	right: -23px;
	top: calc(75% - 18px);
}
.urlInfoContainer {
	width : 375px;
	background: var(--bg_pfParagraph);
	border-radius : 5px;
	color : var(--pf_whiteColor);
	font-family: var(--pf-font-regular);
	display : block;
	font-size : 13px;
}
.urlInfoContainer > div {
	display:flex;
}
.urlInfoContainer .urlEnv {
	width : 80px;
	text-align:right;
	padding-right : 5px;
	font-family: var(--pf-font-bold);
}
.urlInfoContainer #ConnectdAppSandURL ,.urlInfoContainer #ConnectdAppProdURL  {
	width : 270px;
	overflow-wrap: break-word;
}
.urlInfoContainer .openSandbox {
	width: 20px;
    height: 19px;
    position: relative;
    top: 4px;
    right: -1px;
    background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -272px -120px;
    cursor: pointer;
    display: inline-block;
    transform: scale(.75);
    margin-top: -5px;
}
.noContent {
	margin: auto;
    justify-content: center;
    font-family: var(--pf-font-bold);
    width:50%;
}
/* crm ui menubox */
 #appDisaleDiv {
	overflow: hidden;
	background: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2);
	padding:5px 0;
	min-width: 130px;
	box-sizing: border-box;
	width: auto;
	position: absolute;
	outline: 0;
	font-family: var(--pf-font-regular);
	box-shadow: 0 2px 8px rgba(0,0,0,.15);
	border-radius: 6px;
	display:none;
	top: 33px;
	right: 0px;
}
.form-control.form-controlTextBox, #urlDisplayDiv .crmInfoSection{width: 390px;}
#customizeShow .configFormLable {width: 140px;}
#customizeShow .configForm {
	min-width: 390px;
	width: calc(100% - 141px);
}
.appBasicDetail .configFormLable{
	width: 260px;
	position: relative;
}
.appBasicDetail .pSelect.configFormInput .chosen-container {
	width: 390px !important;
}
.appInfoSubHeader {
	text-align: left;
	padding:10px 0px;
	margin-bottom: 10px;
	font-size: var(--pf-base-font-size);
}
.appInfoContainer{
	max-height: calc(100vh - 260px);
	overflow-y: auto;
}
#editAppDetailForm .configForm{width: auto;}
.configForm .error-list{
	position: absolute;
    bottom: -18px;
}
.popUpPublish.alertPopup {
	top: -50px;
    border-radius: 0 0 15px 15px;
    padding: 20px 25px 25px;
}
.configUploadIconEle:before {
	content:'';
	width: 32px;
	height: 100%;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right:0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -225px -556px var(--bg_pfBg3);
    border-radius: 0 4px 4px 0;
}
.branEditicon{
    height: 24px;
    padding: 5px;
    position: relative;
    text-indent: -9999px;
    top: 3px;
    width: 34px;
    opacity: .6;
    border-radius: 2px;
	background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -48px -367px transparent;
}
.urlView .branEditicon {opacity: 0;}
.branEditicon, .urlView:hover .branEditicon {
	opacity: 1;
	transition: all .3s ease-in-out;
}
#planFromList_chosen.chosen-container{width: 390px !important;}
#planListContiner .chosen-container {margin:0px !important;}
#planListContiner .chosen-container-active .chosen-choices {
	border: 1px solid var(--br_pfLink) !important;
}
#planListContiner .chosen-container .chosen-results li.highlighted {
   background-color: var(--bg_pfLink) !important;
   color: var(--pf_whiteColor);
}
#planListContiner .chosen-choices {
  border: 1px solid var(--br_pfBorder1) !important;
  border-radius: 5px;
}
#planListContiner #planFromList_chosen > ul {
	border-left : 3px solid var(--br_pfNegative) !important;
}
#planListContiner .zpfInfoicon .zpfTooltip.zpfWhiteTooltip {
	left: 0;
    transform: translateX(0px);
}
#viewPlace {
	border: 1px solid var(--br_pfBorder2);
	position: absolute;
	z-index: 9;
	display: none;
}
#logoAndApperanceForm #viewPlace {
	left: 248px;
	top: -135px !important;
}
#editAppDetailForm .saveLoading{
	left: calc(100% - 105px);
	top: 27px;
}
#helpCenterForm .saveLoading{
	top: 27px;
	left: 484px;
}
#submitRequest .saveLoading {
	left: 110px;
} 
.pStatic {
	position : static;
}
#helpAccessPopUpBox #viewPlace{
	z-index:99;
	left:270px;
}
#dimensionError,#dimensionError1 {
    position: absolute;
    bottom: -16px;
    left: 140px;
}
.crmNotesSection {
    background-color: var(--bg_pfNote);
    border: 1px solid var(--br_pfNote);
    color: var(--pf_baseColor);
    border-radius: 6px;
    padding: 8px 15px;
    font-size: var(--pf-base-font-size);
}
.linkclrHover{
	padding-bottom: 2px;
	border-bottom: 1px solid transparent;
}
.linkclrHover:hover{
	border-bottom-color: var(--br_pfLink);
	transition: border-color .3s linear;
}
.appActivePopup {
	top: -50px !important;
	z-index:1001 !important;
}
.helpaccessSubHeader{
	color: black;
    padding-right: 15px;
    margin: 0px;
    width: 160px !important;
}
#customizeShow #AppList .chosen-single {
	border-radius : 3px solid #f26965 !important;
}
.urlpreview {
	word-break: break-all;	
}
.dataHubIframe {
    top: 48px;
    height: calc(100% - 50px);
}
/* Rule diff */
#componentListTab.newtable, .ruleConditionCriteria.newtable, .ruleConditionInstant.newtable, .ruleConditionSchedule.newtable{
	border: 1px solid #d7e2ed;
	border-radius: 10px;
	display: inline-block;
}
#componentListTab.newtable tbody, .ruleConditionCriteria.newtable tbody, .ruleConditionInstant.newtable tbody, .ruleConditionSchedule.newtable tbody{
	width: 100%;
	display: table;
}
#componentListTab.newtable tbody tr:first-child th:first-child, .ruleConditionCriteria.newtable tbody tr:first-child th:first-child,.ruleConditionInstant.newtable tbody tr:first-child th:first-child,.ruleConditionSchedule.newtable tbody tr:first-child th:first-child{
	border-radius: 10px 0 0;
}
#componentListTab.newtable tbody tr:first-child th:last-child, .ruleConditionCriteria.newtable tbody tr:first-child th:last-child,.ruleConditionInstant.newtable tbody tr:first-child th:last-child,.ruleConditionSchedule.newtable tbody tr:first-child th:last-child{
	border-radius: 0 10px 0 0;
}
#componentListTab.newtable tbody tr:last-child td:first-child, .ruleConditionCriteria.newtable tbody tr:last-child td:first-child,.ruleConditionInstant.newtable tbody tr:last-child td:first-child,.ruleConditionSchedule.newtable tbody tr:last-child td:first-child{
	border-radius: 0 0 0 10px;
}
#componentListTab.newtable tbody tr:last-child td:last-child, .ruleConditionCriteria.newtable tbody tr:last-child td:last-child,.ruleConditionInstant.newtable tbody tr:last-child td:last-child,.ruleConditionSchedule.newtable tbody tr:last-child td:last-child{
	border-radius: 0 0 10px;
}
.wrapFreeze {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 4;
    display: none;
    background: rgba(0, 0, 0, 0.4);
}

.clientCredentialDiv {
    background: #fff;
    left: 50%;
    /* padding: 20px 25px 25px; */
    box-sizing: border-box;
    position: absolute;
    top: 45px;
    width: auto;
    max-width: 600px;
    min-width: 400px;
    z-index: 50;
    transform: translateX(-50%);
    border-radius: 3px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .35);
}