/* $Id:$ */
@charset "UTF-8";
/*commen style start*/
/*stylelint-disable property-disallowed-list*/
/*stylelint-disable declaration-property-value-disallowed-list*/
/*stylelint-disable declaration-property-value-allowed-list*/
.table-tdp tr td {
	padding: 10px;
}

table {
    border-spacing: 0;
    border-collapse: initial !important;
}

*:focus {
	outline: 0;
}

li, ul {
    list-style-type: none;
}
li{
    list-style: none outside none;
}
textarea:focus,
select:focus,
input[type=text]:focus,
form:focus {
	outline: 0;
	border: 1px solid var(--br_pfLink);
	box-shadow: none;
}
a:focus{
	outline:none !important;
}
.positon-center {
	margin: 10px auto;
	text-align: center;
}

/****************Positions************************/
.oH{
	overflow:hidden !important;
}
.inActiveSec {
	opacity: 0.3 !important;
	pointer-events: none;
}
.gBg4 {
	background: var(--bg_pfBg5);
}
#newWidgetForm #ConnectedAppSBURL {
	width: 600px !important;
}

#customactionpop #newWidgetForm {
	width: 700px !important;
}

.cell {
	border-bottom: 1px solid var(--br_pfBorder2);
	padding: 15px 0px;
}

.fh2 {
	border-bottom: 1px solid var(--br_pfBorder2);
	color: var(--pf_baseColor);
	font-size: var(--pf-medium-large-font-size);
	line-height: 20px;
	padding-bottom: 12px;
}

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

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

.dividerDash {
	width: 100%;
	border-bottom: 1px dashed var(--br_pfBorder2);
}

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

.clrhdr {
	color: var(--pf_headingColor) !important;
}

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

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

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

.wb {
	margin-bottom: 2px;
}

.br {
	border: 1px solid var(--br_pfNegative);
}

.brf2 {
	border-top: 1px solid var(--br_pfBorder3) !important;
}

/*************Color Buttons***************/

.greanBtn{
	background: none repeat scroll 0 0 var(--bg_pfGreen);
	border: medium none;
	box-shadow: 0 0 2px #39710A inset;
	cursor: pointer;
	border-radius: 2px;
	color: var(--pf_whiteColor) !important;
	font-size: var(--pf-base-font-size);
	padding: 7px 15px;
	line-height: 1;
}
.RemoveUnsed {
	font-size: var(--pf-medium-large-font-size);
	color: var(--pf_baseColor);
	font-weight: 500;
	padding: 10px 0;
}
.newgraybtn,.email-edit {
	font-size: var(--pf-base-font-size);
    font-family: var(--pf-font-semibold);
	cursor: pointer;
	border-radius: 6px;
	padding: 8px 15px;
	line-height: 1;
    box-shadow: inset 0 -1px 0 var(--defaultShadow);
    background: var(--defaultBackground);
    color: var(--defaultColor);
    border: 1px solid var(--defaultBorder);
}
.email-edit {
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) no-repeat;
	background-position: -42px -1615px;
	margin-right: 10px;
	padding-bottom: 5px;
}

.orangeBtn {
	background-color: var(--bg_pfWhite);
	border: 1px solid var(--br_pfWarn);
	border-radius: 2px;
	font-size: var(--pf-base-font-size);
	padding: 5px 15px;
	cursor: pointer;
	color: var(--pf_paragraphColor);
	line-height: 1.5;
}

.orangeBtn:hover {
	border-bottom: 1px solid var(--br_pfWarn);
	color: var(--pf_headingColor);
}

.whiteBtn {
	background: none repeat scroll 0 0 var(--bg_pfWhite);
	border-bottom: 1px solid var(--br_pfBorder2);
	font-size: var(--pf-base-font-size);
	padding: 5px 15px;
	cursor: pointer;
	color: var(--pf_paragraphColor);
	position: relative;
	line-height: 1.5;
}
.newgraybtn:hover {
	border: solid 1px var(--br_pfBorder5);
	border-bottom: solid 1px var(--br_pfBorder5);
}

.whiteBtn.bgf5:after,
.whiteBtn.bgf5:before {
	border-left: 6px solid var(--br_pfTrans);
	border-right: 6px solid var(--br_pfTrans);
	border-top: 6px solid var(--br_pfBorder3);
	bottom: -6px;
	content: '';
	left: 50%;
	margin-left: -6px;
	position: absolute;
}
/* Styling for second triangle (border) */

.whiteBtn.bgf5:before {
	border-left: 7px solid var(--br_pfTrans);
	border-right: 7px solid var(--br_pfTrans);
	border-top: 7px solid var(--br_pfBorder2);
	bottom: -8px;
	margin-left: -7px;
}
/************** Input PlaceHolder Effects************************/

.no-style {
	border: 0px !important;
	text-decoration: none !important;
}

.line-hr {
	width: 100%;
	height: 1px;
	background: var(--bg_pfBg5);
	text-decoration: none;
	border: 0;
}

/*common style end*/
/*Clean css file start*/

/*loading Design-1 page style start*/

#fullpageloader {
	position: absolute;
	width: 100%;
	height: 2px;
	overflow-x: hidden;
	display:none;
}

.line {
	position: absolute;
	background: var(--bg_pfLink);
	width: 150%;
	height: 2px;
}

.subline {
	position: absolute;
	background: var(--bg_pfLink);
	height: 2px;
}

.inc {
	animation: increase 2s infinite;
}

.dec {
	animation: decrease 2s 0.5s infinite;
}

@keyframes increase {
	from {
		left: -5%;
		width: 5%;
	}
	to {
		left: 130%;
		width: 100%;
	}
}
@keyframes decrease {
	from {
		left: -80%;
		width: 80%;
	}
	to {
		left: 110%;
		width: 10%;
	}
}
 
/*loading page style End*/

/*loading-Design-2 page style start*/

.loadcontainer{
	width:calc(100% - 221px);
	display: none !important;
    position: fixed;
    top:136px;
    left: 220px;
    z-index:999;
    text-align: left;
    background: var(--bg_pfWhite);
    border-left:1px solid var(--br_pfBorder2);
    height:100%;
}
.loaderbg{
	height:100%;
    text-transform: uppercase;
    letter-spacing: 10px;
    display: inline-block;
    position: absolute;
   	top: 40%;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    margin: 0 0 0 0px;
}
.loadingText{
    display: block;
    font-size: var(--pf-medium-large-font-size);
    letter-spacing: 0;
    margin: 0 auto;
    background: url(/crmplatform/Platform/images/pageloader_70950556adc51d2f0c69256094c9251b_.png);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: loadanimation 5s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    font-weight: 500;
    color: var(--pf_headingColor);
    position: relative;
    font-family: var(--pf-font-semibold);
}
@-webkit-keyframes loadanimation{
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position:-100% 0%;
  }
}

/*loading-Design-2 page style start*/


/*Alert Popup style*/
#popupBox, #delPopupBox, #alertPopup, .showBgPop, #appPublishPopUp, #CancelReviewPopup, #inviteUserResultPopup, #deleteFieldWarning, #delConnectedAppPopupBox {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999;
    background: var(--bg_pfFreeze);
}
#delPopupBox, #alertPopup, .showBgPop, #CancelReviewPopup, #inviteUserResultPopup,  #deleteFieldWarning, #delConnectedAppPopupBox {
    left: 0;
    top: 0;
}
.popUpPublish, #delPopupBox .popUpPublish, #CancelReviewPopup .popUpPublish {
    background: var(--bg_pfWhite);
    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);
}
.popUpPublish {
	min-height: 80px;
    max-width: 65%;
    display: table;
}
#delPopupBox .popUpPublish, 
#CancelReviewPopup .popUpPublish {
    min-height: 80px;
    max-width: 65%;
    display: table;
}
#delPopupBox .popUpPublish {
    box-shadow: 0 2px 15px 0 var(--pf_alertPopupBoxshadow);
}
#inviteUserResultPopup .popUpPublish {
	padding: 20px 24px;
}
/* #alertPopup .popUpPublish .popupCloseIcon, #newFieldUpdatesForm .popupCloseIcon{
	background:url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat scroll -47px -73px;
    background-color: var(--bg_pfTrans);
} */
.mesg p{
    color: var(--pf_baseColor);
    font-size: var(--pf-base-font-size);
    font-weight: 400;
    margin-top: 15px;
    text-align: center;
    line-height: 1.3;
}
 .newPopUp {
	position: absolute;
	z-index: 55;
	top: 0;
	margin: 0px auto;
	background-color: var(--bg_pfWhite);
    box-shadow: 0 3px 17px rgba(0, 0, 0, .3);
	padding: 0;
	left: 50%;
	width: 800px;
	padding-bottom: 20px;
	display: none;
	transform:translateX(-50%);
} 

/* a i.popupCloseIcon {
	background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat scroll -46px -72px;
    background-color: var(--bg_pfTrans);
    float: right;
    height: 22px;
    position: absolute;
    right: 15px;
    top: 13px;
    width: 22px;
    transform:scale(.8);
}
#inviteUserResultPopup a i.popupCloseIcon {
	right: 19px;
}
#newFieldUpdatesForm, #newWebHooksForm, #newAlertsForm, #newTasksForm{
	top:44px;
}
#customFninfo i.popupCloseIcon, #newAlertsForm i.popupCloseIcon, #newTasksForm i.popupCloseIcon, #newWebHooksForm i.popupCloseIcon{
	background:url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat scroll -46px -72px;
    background-color: var(--bg_pfTrans);
} */
.newPopup{
    background: var(--bg_pfWhite);
    position: absolute;
    box-shadow: 0px 2px 8px 0px var(--pf_hovercardBoxshadow);
    border: 1px solid var(--br_pfBorder2);
    border-radius: 6px;
    z-index: 30;
}
.newPopup-position {
	left:65%;
	top:15px;
	transform:translateY(15px);
	width:340px;
}
.functionLinkPopup {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 50;
    background: var(--bg_pfWhite);
    transform:translateX(-50%);
    display:none;
}
.fnpage-bg-co-module {
	background:var(--bg_pfFreeze);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 46;
}
#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: 8px;
	margin-left: -9px;
}

.newPopup:after {
	border-color: var(--br_pfTrans);
	border-bottom-color: var(--br_pfwhite);
	border-width: 7px;
	margin-left: -8px;
}

/* #ScriptInstall i.popupCloseIcon{
	background:url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat scroll -47px -73px;
    background-color: var(--bg_pfTrans);
} */
/*Alert Popup style*/


/*PlatformTopBand style start*/

.platform {
    background: var(--bg_pfWhite);
}
/* .platformtopBand{
    background: var(--bg_pfBg2);
    height: 48px;
    box-sizing: content-box;
    position: static;
} */
.platformtopBand {
	background: var(--bg_pfBg2);
    position: static;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:8px 16px 7px;
    box-sizing:border-box;
    border-bottom: 1px solid var(--br_pfBorder2);
}
/* .platformtopBand *{font-family: var(--crm-font-regular);} */
.constyle {
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.successMsg, .errorMsg, .successRepublish {
    background: var(--pf_successMsgBackground);
    border: 1px solid var(--pf_successMsgBorderColor);
    color: var(--pf_successMsgColor);
    display: block;
    font-size: var(--pf-base-font-size);
    left: 50%;
    width: auto;
    padding: 13px 20px 13px 45px;
    position: fixed;
    top: 22px;
    z-index: 9999;
    transform: translateX(-50%);
    border-radius: 6px;
    box-sizing:border-box;
    box-shadow: var(--pf_msgBoxShadow);
    line-height:1.3;
}
.errorMsg {
	padding: 13px 40px 13px 45px;
    color: var(--pf_errorMsgColor);
    background: var(--pf_errorMsgBackground);
    border: 1px solid var(--pf_errorMsgBorderColor);
}
/* #dashOpenMenu { // Zcrm icon update
    width: 19px;
    height: 19px;
    background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -364px -245px;
    cursor: pointer;
    position:relative;
} */
#conAction a {
    width: 100%;
    padding: 5px;
    display: block;
    text-decoration: none;
    color: var(--pf_headingColor);
    -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;
    cursor: pointer;
}
#conAction a:hover {
    background: var(--bg_pfBg2);
    color: var(--pf_baseColor);
    width: 100%;
    display: block;
    border: 0px !important;
}
/* .platformLogo {
    display: table;
    float: left;
    margin:12px 16px;
} */
.platformLogo a{
	display:flex;
	align-items:center;
	text-decoration:none;
} 
.platformLogoImage {
	height:24px;
}
.platformLogoName {
    font-size: var(--pf-medium-large-font-size);
    font-family: var(--pf-font-semibold);
    color: var(--pf_headingColor);
    margin-left: 5px;
}
.profile{   
	width: 32px;
    height: 32px;
    border-radius: 999px;
    float: left;
    border:1px solid var(--br_pfBorder5);
    box-sizing:border-box;
}
.top-bnd {
	display:flex;
	align-items:center;
	margin:0;
}
/* ul.top-bnd {
    margin-bottom: 0px !important;
    height:48px;
} 
.top-bnd {
	float: right;
	display: flex;
    align-items: center;
}
.top-bnd li {
    float: left;
    margin-top: 9px 16px;
    margin-right: 16px
}
.top-bnd li:last-child{
    margin:0px;
}*/
.t-lin {
    border-left: 1px solid var(--br_pfwhite);
    border-right: 1px solid var(--br_pfBorder2);
    float: left;
    height: 22px;
    margin: 4px 12px 4px 0px;
    width: 0;
}
.c-User, .c-Help {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    border:1px solid var(--br_pfBorder5);
    background-color: var(--bg_pfTrans);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer !important;
    box-sizing:border-box;
}

.c-Help {
    background-image: none;
    background-repeat: no-repeat;
    background-position: -47px -444px;
}
.HelpText {
    line-height: 1.8;
    font-size: var(--pf-base-large-font-size);
    color: var(--pf_baseColor);
}

/* .c-User, .c-Help {
    position: relative;
    cursor: pointer;
    box-sizing:border-box;
} */
.productiontooltip{
    width: 125px;
    padding: 5px 10px 7px;
    font-size: var(--pf-medium-small-font-size) !important;
    color: var(--pf_whiteColor) !important;
    background: var(--bg_pfBase);
    text-align: center;
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
    z-index: 555;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.exportTooltipEle, .exportDisableTooltipEle, .exportLimitExceedTooltipEle, .noExportTooltipEle{
	width: auto;
	min-width: 125px;
    max-width: 300px;
    padding: 5px 10px 7px;
    font-size: var(--pf-medium-small-font-size) !important;
    color: var(--pf_whiteColor) !important;
    background: var(--bg_pfBase);
    text-align: center;
    position: absolute;
    top: 45px;
	right:-99px;
    border-radius: 2px;
    z-index: 555;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}	
.productiontooltip:before, .app-title span.tooltip-slide:before, .plugin-puplishBtn span.tooltip-slide:before, .searchEmailToolTip:before, .exportTooltipEle:before, .exportDisableTooltipEle:before, .exportLimitExceedTooltipEle:before, .noExportTooltipEle:before{
    content: "";
    border-bottom: 5px solid var(--br_pfBase);
    border-top: 5px solid var(--br_pfTrans);
    border-left: 5px solid var(--br_pfTrans);
    border-right: 5px solid var(--br_pfTrans);
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
/* .logoutButton {
    float: right;
    padding: 7px;
    margin:8px 24px 8px 8px;
} */
a.prtName {
    font-size: var(--pf-base-font-size);
    font-family: var(--pf-font-semibold);
    color: var(--pf_baseColor);
    line-height: 30px;
    position: relative;
    padding-right: 20px;
    text-decoration:none !important;
}
.log-out-pop{
    background: var(--bg_pfWhite);
    position: absolute;
    z-index: 222;
    margin-top: 36px;
    border: 1px solid var(--br_pfBorder2);
    border-radius: 6px;
    box-shadow: 0 2px 8px var(--pf_menuBodyShadow);
    top: 11px;
    right: 15px;
    width: 370px;
    box-sizing: border-box;
    overflow-x: hidden;
}
.log-out-pop {
    overflow-x: inherit;
    display: none;
    height:250px;
}
.prtlWdget {
    min-width: 250px;
    max-width: 370px;
	right:0px;
    top: 33px;
    overflow-x:inherit;
}
/* h3.prtlWdgHead {
    border-bottom: 1px solid var(--br_pfLink);
    font-size: var(--pf-base-large-font-size);
    padding-bottom: 10px;
    margin-bottom: 15px;
    cursor: default;
} */
ul.prtlWdgtList {
    width: 100%;
    padding-bottom: 22px;
    max-height: 300px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow-y:scroll;
}
ul.prtlWdgtList li {
    width: 100%;
    line-height: 35px;
    color: var(--pf_headingColor);
    font-size: var(--pf-base-large-font-size);
    padding: 0 20px;
    box-sizing: border-box;
    cursor: pointer;
}
ul.prtlWdgtList li label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    max-width: 250px;
    cursor: pointer;
}
a.defaultStr, span.blueStr {
    background-image: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg);
    background-position: -234px -458px;
    padding: 0px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: block;
    float: right;
    margin-top: 10px;
    margin-left: 5px;
    position: relative;
}
span.blueStr {
    background-image: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg);
    background-position:-234px -437px;
}
.log-out-pop::after, .log-out-pop::before, .prtlWdget::after, .prtlWdget::before, #conAction::after, #conAction::before {
    bottom: 100%;
    left: 94%;
    border: solid var(--br_pfTrans);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.log-out-pop::before, #conAction::before, .prtlWdget::before {
    border-color: var(--br_pfTrans);
    border-bottom-color: var(--br_pfBorder2);
    border-width: 10px;
    margin-left: -12px;
}
.log-out-pop::after, #conAction::after, .prtlWdget::after {
    border-color: var(--br_pfTrans);
    border-bottom-color: var(--br_pfwhite);
    border-width: 9px;
    margin-left: -11px;
}
/* .helpLinks {
    background: var(--bg_pfWhite);
   	border: 1px solid var(--br_pfBorder2);
    border-radius: 6px;
    box-shadow: 0 2px 8px var(--pf_menuBodyShadow);
    padding: 10px 0px;
    position: absolute;
    right: 71px;
    top: 46px;
    width: 125px;
    z-index: 50;
    overflow:inherit;
}
.helpLinks::after, .helpLinks::before {
    bottom: 100%;
    right: 14px;
    border: solid var(--br_pfTrans);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.helpLinks::before {
    border-color: var(--br_pfTrans);
    border-bottom-color: var(--br_pfBorder2);
    border-width: 8px;
    margin-left: -8px;
}
.helpLinks::after {
    border-color: var(--br_pfTrans);
    border-bottom-color: var(--br_pfwhite);
    border-width: 7px;
    margin-left: -7px;
}
.helpLinks li {
    width: 95%;
}
.helpLinks ul li a {
    display: block;
    color: var(--pf_baseColor);
    padding: 5px 10px;
    box-sizing:border-box;
    text-decoration:none;
}
.helpLinks ul li a:hover {
	color: var(--pf_linkColor);
}*/
.disabledclss:hover~.exportDisableTooltipEle, 
.exportUnselect:hover~.exportTooltipEle,
.disabledclass:hover~.exportLimitExceedTooltipEle,
.disableExport:hover~.noExportTooltipEle {
	visibility: visible;
	opacity: 1;
	transition: all .15s linear 0.3s;
	top: 33px;
}

.c-User:hover, .c-Help:hover {border-color: var(--br_pfLink);}
.c-Help:hover .HelpText {color: var(--pf_linkColor);}
.c-User.active,.c-Help.active{display: flex !important;}

.topBanShowHide {
    background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) no-repeat scroll -9px -1581px;
    background-color: var(--bg_pfTrans);
    color: var(--pf_headingColor);
    left: 45%;
    margin: auto;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    top: 37px;
    width: 100px;
    z-index: 60;
    cursor: pointer;
    display: none;
}
.platformHead, .choseModule, .topBanShowHide {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/*PlatformTopBand style End*/
/*PlatformLeft banner style*/
.platformLeft {
    background: var(--pf_leftMenuBackground);
    width: 220px;
    position: relative;
    height: 100%;
    top: 0;
    box-sizing: content-box !important;
    z-index: 40;
    bottom: 0;
    transition: width .3s ease-in-out;
    overflow: hidden;
}
.leftNav, .platformLeft {
    padding-top: 20px;
}
#leftNavEdit {
    width: 220px;
}
.i-settings, .i-canvas, .i-templates, .i-automate, .i-customize, .i-module, .i-property, .i-developer, .i-company, .i-app-det, .i-permission, .i-telephony, .i-post-install, .i-connector, .i-iconApps, .i-pricing, .i-pulish, .i-dashboard, .home-page-view, .i-zohoapp, .iconLeadsTracking, .i-backicon, .i-Extensions, .i-startup, .i-startupaction, .i-view, .adminConsoleIcon,.i-experience {
    /* background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat; */
    width: 17px;
    height: 17px;
    float: left;
    margin-right: 8px;
}
/* .i-bluebackicon {
	background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat;
    margin-top: 1px;
    width: 15px;
    height: 18px;
    float: left;
    margin-right: 2px;
    background-position: -278px -259px;
    cursor: pointer;
} */
.navSCRL {
    position: absolute;
    top: 60px;
    bottom: 70px;
    width: 220px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing:border-box;
}
.platformLeft ul, .platformLeft li {
    margin: 0;
    padding: 0px;
}
.platformLeft .adminConsole li {
    padding: 0 8px;
    box-sizing: border-box;
}
.adminConsole .adminConsoleIcon {
    background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -20px -327px;
}
#leftbar2 ul li {
    position: relative;
    padding: 0 8px;
    box-sizing: border-box;
}
.leftNavSub a {
    display: flex;
    align-items: center;
    padding: 8px 10px 7px;
    color: var(--pf_leftMenuColor);
    font-size: var(--pf-base-font-size);
    position: relative;
    text-decoration:none !important;
    margin-bottom: 5px;
    border-radius: 6px;
    white-space: nowrap;
}
.leftNavSub.adminConsole a {
    width: 100%;
    box-sizing: border-box;
}
.adminConsole span.adminConsoleLabel{
    width: calc(100% - 23px);
    white-space: normal;
}
#leftbar2 ul li a, #leftbar2 ul li a.activeLink, #leftbar2 .invites, .editband {
    transition: all 0.3s ease-in-out;
}
.sub-head {
    font-size: var(--pf-base-font-size);
    color: var(--pf_labelColor);
    display: inline-block;
    padding: 6px 10px;
    padding-bottom: 10px;
}
/* .selection .i-module {
    background-position: -313px -327px;
} */
.i-customize {
    -webkit-mask-position: -231px -259px;
    mask-position: -231px -259px;
}
/* .selection .i-customize{
    background-position: -313px -30px;
} */
.i-automate{
    -webkit-mask-position: -364px -534px;
    mask-position: -364px -534px;
}
.activeLink .i-automate, .selection .i-automate{
    background-position: -313px -457px;
}
span.i-automate {
    margin-right: 8px !important;
}
.i-startupaction{
    -webkit-mask-position: -167px -675px;
    mask-position: -167px -675px;
}
.i-company {
    -webkit-mask-position: -76px -698px;
    mask-position: -76px -698px;
}
/* .selection .i-company {
    background-position: -313px -53px;
} */
.i-dashboard {
    -webkit-mask-position: -252px -658px;
    mask-position: -252px -658px;
}
/* .selection .i-dashboard {
    background-position: -313px -129px;
} */
.home-page-view {
    -webkit-mask-position: -203px -285px;
    mask-position: -203px -285px;
}
/* .selection .home-page-view {
    background-position: -313px -102px;
} */
.i-permission {
    -webkit-mask-position: -351px -236px;
    mask-position: -351px -236px;
}
/* .selection .i-permission {
    background-position: -313px -156px;
} */
.i-templates {
    -webkit-mask-position: -127px -237px;
    mask-position: -127px -237px;
}
.activeLink .i-templates {
    background-position: -313px -181px;
}
.i-telephony {
    -webkit-mask-position: -204px -235px;
    mask-position: -204px -235px;
}
.i-webform{
    -webkit-mask-position: -273px -698px;
    mask-position: -273px -698px;
}
/* .selection .i-telephony {
    background-position: -313px -209px;
} */
.i-zohoapp {
    -webkit-mask-position: -110px -93px;
    mask-position: -110px -93px;
}
.i-module,.i-otherapps{
    -webkit-mask-position: -33px -70px;
    mask-position: -33px -70px;
}
/* .selection .i-zohoapp {
    background-position: -313px -276px;
} */
.i-connector {
    -webkit-mask-position: -157px -383px;
    mask-position: -157px -383px;
}
/* .selection .i-connector {
    background-position: -313px -235px;
} */
.i-iconApps {
    -webkit-mask-position: -60px -71px;
    mask-position: -60px -71px;
}
/* .selection .i-iconApps {
    background-position: -313px -353px;
} */
.i-settings {
    -webkit-mask-position: -113px -613px;
    mask-position: -113px -613px;
}
/* .selection .i-settings {
    background-position: -313px -428px;
} */
span.accArrow {
    position: absolute;
    right: 10px;
    top: 12px;
    /* width: 0;
    height: 0;
    border-style: solid;
    border-color: var(--br_pfTrans) var(--br_pfTrans) var(--br_pfTrans) var(--br_pfBorder2);
    border-width: 5px 5px 5px 6px; */
    transition: all 0.2s ease;
}
.i-pricing {
    -webkit-mask-position: -370px -698px;
    mask-position: -370px -698px;
}
/* .selection .i-pricing {
    background-position: -313px -301px;
} */
.i-pulish {
    -webkit-mask-position: -138px -613px;
    mask-position: -138px -613px;
}
.i-view{
	-webkit-mask-position: -377px -238px;
    mask-position: -377px -238px;
}
.i-experience {
    background-position: -53px -532px;
}
/*
.selection .i-pulish {
    background-position: -313px -402px;
} */
.i-developer {
    -webkit-mask-position: -138px -478px;
    mask-position: -138px -478px;
    width: 18px;
    height: 20px;
}
/* .selection .i-developer {
    background-position: -313px -255px;
} */
.iconLeadsTracking {
    -webkit-mask-position: -77px -754px;
    mask-position: -77px -754px;
}
/* .selection .iconLeadsTracking {
    background-position: -313px -78px;
} */
.i-post-install {
	-webkit-mask-position: -345px -657px;
    mask-position: -345px -657px;
}
/* .selection .i-post-install {
	background-position: -315px -376px;
} */
.i-Extensions {
	width: 20px;
	height: 20px;
	margin-top: -3px;
	background-position: -88px -59px;
}
.activeLink {
	background: var(--pf_leftMenuBackgroundActive);
	color: var(--pf_whiteColor) !important;
}
.appWidgetAction h3 a, .appsLeftAction h3 a {
    color: var(--pf_baseColor);
    font-size: var(--pf-medium-large-font-size);
    font-weight: 300;
    text-shadow: 1px 2px 0 #ffffff;
}
.appsLeftAction img {
    border-radius: 1%;
    height: 80px;
    margin-top: 5px;
    width: 80px;
}
.appsLeftAction img#appLogoPreview{
	width:80px;
	height:80px;
}
.showEdit img {
    box-shadow: 0 0 1px #ddd;
}

/*PlatformLeft banner style*/
.leftMenucolor{color: var(--pf_leftMenuColor);}
.leftNavSub a.selection {
    background: var(--pf_leftMenuBackgroundActive);
    color: var(--pf_leftMenuColorActive) !important;
    font-weight: 400;
}
.platform .leftNav a:hover,.leftNavSub a:hover,#showHideNav:hover {
    color: var(--pf_leftMenuColorHover) !important;
    background: var(--pf_leftMenuBackgroundHover);
}
#showHideNav:hover .leftMenucolor{color: var(--pf_leftMenuColorHover)}

.leftNavSub a.selection .zcicn-cssIcons.op6,.leftNavSub a:hover .zcicn-cssIcons.op6,#showHideNav:hover .zcicn-cssIcons.op6,.leftNavSub a.activeLink .zcicn-cssIcons.op6{opacity: 1;}

.leftNavSub a, .platform .leftNav a, .excuteScript, #fieldsBanner li>a {
	transition: all 0.3s ease-in-out;
}
/* .selection:hover {
	background: var(--bg_pfParagraph) !important;
} */
.platformRight{
    padding-left: 220px;
    box-sizing: content-box !important;
    position: fixed;
    left:0px;
    top:48px;
}
.platformInner {
    width: 100%;
    overflow: auto;
    padding-top: 60px;
    padding-bottom: 140px;
    box-sizing: border-box;
    overflow-x:hidden;
}
.platformHead {
    background: none repeat scroll 0 0 var(--bg_pfWhite);
    border-bottom: 1px solid var(--br_pfBorder2);
    height: 63px;
    position: fixed;
    top: 48px; 
    width: 100%;
    z-index: 40;
}
.platformHead h2 {
    border-bottom: 0px solid var(--br_pfBorder2) !important;
    font-size: var(--pf-large-font-size) !important;
    font-family: var(--pf-font-semibold);
    line-height:1.3;
    margin: 0;
    color: var(--pf_headingColor) !important;
}
.tabmodel1 {
    background: none repeat scroll 0 0 var(--bg_pfTrans) !important;
    border: medium none !important;
    float: left;
    list-style: none outside none;
    margin: 0 0 0px -3px !important;
    padding: 0 5px;
}
.tabmodel1.tabNev {
    padding: 0;
}
.tabmodel1 li {
    background-image: none !important;
    display: block;
    float: left;
    list-style: none outside none;
}
/* .tabmodel1 a {
    background-color: var(--bg_pfTrans);
    border: 0px;
    border-bottom: 2px solid var(--br_pfTrans);
    border-radius: 0 !important;
    color: var(--pf_baseColor);
    display: block;
    font-size: var(--pf-base-large-font-size);
    padding: 5px 0px 6px !important;
    white-space: nowrap;
    float:left;
    margin: 0 40px 1px 5px;
    text-decoration:none !important;
}
.tabmodel1 a.selectedtab {
    -webkit-text-stroke: 0.6px var(--pf_headingColor);
    border-bottom-color: var(--br_pfLink);
    color: var(--pf_headingColor);
    margin-bottom: 0px;
} */
.tabmodel1 a{
    background-color: var(--bg_pfTrans) !important;
    border:0px;
    border-radius: 0 !important;
    color: var(--tabColor);
    display: block;
    font-size: var(--pf-base-large-font-size);
    padding: 11px 5px 10px !important;
    white-space: nowrap;
	margin:0 35px 0 0;
    position: relative;
}
.tabmodel1 a:hover {color: var(--tabColor);}
.tabmodel1 a::before, 
.detailsUpgrade .ui-state-default.ui-corner-top::before {
    background: var(--bg_pfTrans);
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 3px;
    display: inline-block;
    width: 100%;
    border-radius: 100px 100px 0 0;
}
.tabmodel1 a:hover::before,
.detailsUpgrade .ui-state-default.ui-corner-top:hover:before {
    background: var(--tabHoverBorder);
}
.tabmodel1.tabNev li:last-child a {
    margin-right: 0;
}
.tabmodel1 a.selectedtab, 
.detailsUpgrade .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active, 
.detailsUpgrade .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active .ui-tabs-anchor{
    -webkit-text-stroke: 0.6px var(--tabActiveColor);
    color: var(--tabActiveColor);
}
.tabmodel1 a.selectedtab::before, 
.detailsUpgrade .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active::before{
    background: var(--br_pfLink);
}
.ba_line {
    width: 1px;
    height: 16px;
    background: var(--bg_pfBase);
    margin-left: 0px;
    opacity: 1 !important;
    float: left;
    margin-top: 23px;
}
.appsListPage {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}
.appShowList {
    top: 0px;
    position: absolute;
    right: 49%;
    display:flex;
    flex-flow: row wrap;
    transform: translateX(50%);
    transition: all 0.5s ease-in-out;
    opacity: 0;
    margin-bottom: 40px;
}
.appshow_animation {
    right: 50% !important;
    opacity: 1;
}

.non-sso-tag-container {
	position: absolute;
    top: 5px;
    right: 6px;
}
.non-sso-tag {
    background: #cce8ff;
    color: #42a2eb;
    padding: 3px 8px;
    border-radius: 8px;
}
.upgradeApp{
	height: 258px;
}
.showEdit {
    text-align: center;
}
.showEdit h3 {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: var(--pf-medium-font-size);
}
.showEdit p {
    width: 100%;
    min-height:28px;
    padding: 0 8px;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: var(--pf-base-font-size);
}
.versions p {
    color: var(--pf_labelColor);
}
a.fullClick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 215px;
    background: none;
    text-decoration:none;
    cursor:pointer;
}
.versions{
    margin-top:8px;
}
.createNewApp {
    background: var(--bg_pfWhite) none repeat scroll 0 0;
    box-shadow: 0 2px 8px var(--pf_menuBodyShadow);
    border:1px solid var(--pf_menuBodyBorder);
    left: 42%;
    margin: 0 auto 0 -375px;
    position: relative;
    width: 1000px;
    border-radius: 6px;
}
.selectModule {
    background: var(--bg_pfBg2);
    padding: 15px;
    border: 1px solid var(--br_pfBorder1);
    border-radius:2px;
}
.zi-1 {
    z-index: 1 !important;
}
.domainNameSettings {
    float: left;
    min-width: 50px;
    font-size: var(--pf-base-font-size);
    padding: 6px 15px;
    box-sizing: border-box;
    background:var(--bg_pfBg2);
    border: 1px solid var(--br_pfBorder1);
    border-radius: 0 6px 6px 0;
    color: var(--pf_baseColor);
    cursor: default;
    min-height: 35px;
    line-height:1.3;
    border-left: none;
}
.pSelect .chosen-container-single:first-of-type {
	display: block;
}
/*Pselectbox style*/
.pSelect select{
	outline:none;
	text-decoration:none;
	border:0px;
}
.pSelect .chosen-container {
	position: relative;
	vertical-align: middle;
	font-size: var(--pf-small-font-size);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
	margin: 0;
	display: none;
}

.pSelect .chosen-container * {
	box-sizing: border-box;
}

.pSelect .chosen-container .chosen-drop {
    position: absolute;
    top: 110%;
    z-index: 10;
    width: 100%;
    display: none;
    border-radius: 6px;
    background: var(--pf_dropdownBackground);
    border: 1px solid var(--pf_dropdownBorder);
    box-shadow: 0 -2px 8px 0 var(--pf_dropdownBodyShadow);
}

.pSelect .chosen-container-single .chosen-drop {
	background-clip: padding-box;
}

.pSelect .chosen-container-single .chosen-search input[type="text"] {
    width: 100%;
    padding: 6px 8px;
    box-sizing: border-box;
    border: 1px solid var(--br_pfBorder1);
    border-radius: 6px;
    background:var(--bg_pfWhite);
    margin-top: 12px;
    font-size: var(--pf-base-font-size);
    color:var(--pf_baseColor);
}
.pSelect .chosen-container-single .chosen-search input[type="text"]:focus{
	border-color:var(--br_pfLink);
}

.pSelect .chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    white-space: nowrap;
    width: calc(100% - 18px);
    margin-left: 9px;
}
.pSelect .chosen-container .chosen-results {
	max-height: 240px;
	padding:10px 0px;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}
.pSelect .chosen-container .chosen-results li {
	width:100%;
	padding: 8px 15px 8px 25px;
	box-sizing:border-box;
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pSelect .chosen-container .chosen-results li.group-result {
	display: block;
    font-size: var(--pf-base-large-font-size);
    color: var(--pf_labelColor);
}
.pSelect .chosen-container-single .chosen-single {
	position: relative;
	display: flex;
    align-items: center;
	overflow: hidden;
	height: auto;
	border: 1px solid var(--br_pfBorder1);
	background-color: var(--bg_pfWhite);
	color: var(--pf_baseColor);
	text-decoration: none;
	white-space: nowrap;
	line-height:1;
	font-size: var(--pf-base-font-size);
	padding: 9px 12px 8px;
	box-sizing:border-box;
	border-radius: 6px;
}
.addDeveloperMulti_chosen #usersFromList_chosen.chosen-container {
	width: 200px;
    margin: 0 0 15px;
    max-width: 200px;
    border: 0px;
    outline: none;
    box-shadow: none;
}
.addDeveloperMulti_chosen #usersFromList_chosen.chosen-container .chosen-choices {
	border: 1px solid var(--br_pfBorder2);
	padding: 2px 3px 3px 8px;
	border-radius: 6px;
}
.addDeveloperMulti_chosen .chosen-container-active .chosen-choices {
	padding: 0px;
}
.pSelect .chosen-container-single .chosen-single:hover {
	border-color: var(--br_pfdropdownHover) !important;
}
.pSelect .chosen-container-single .chosen-single:focus{
    border-color: var(--br_pfLink) !important;
    box-shadow: 0 0 6px #8dc4ff !important;
}

.pSelect .chosen-container-single .chosen-single div {
	position: absolute;
    top: 7px;
	right: 8px;
	display: block;
	width: 12px;
}
.chosen-with-drop {
	background-image:none !important;
}
.chosen-container-active.chosen-with-drop .chosen-single{
	background-image:none !important;
}
.pSelect .chosen-container-single .chosen-single div b {
    -webkit-mask-position: -47px -4px;
    mask-position: -47px -4px;
    width: 11px;
    height: 6px;
    background-color: var(--zcicn-grey);
    transform: rotate(180deg);
}

.pSelect .chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
    font-family: var(--pf-font-semibold);
}
#criteria-table-body .chosen-single span{
	margin-right: 16px;
}
.pSelect .chosen-container.chosen-with-drop .chosen-drop {
	display: block;
}

.pSelect .chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer;
	padding-left: 25px;
    position: relative;
}

.pSelect .chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline;
}

.pSelect .chosen-container .chosen-results li.highlighted {
	background: var(--bg_pfBg2);
    color: var(--pf_headingColor);
    transition: all 0.3s ease-in-out;
}
/*Pselectbox style*/
.userLogWidgt {
    padding: 18px 25px;
    display: table;
}
.log-out-pop li {
    float: left;
    width: 100%;
    text-align: center;
}
.u-name {
    color: var(--pf_baseColor);
    font-size: var(--pf-medium-font-size);
    margin-top: 10px;
    text-transform: capitalize;
}
.u-email {
    color: var(--pf_baseColor);
    font-size: var(--pf-base-font-size);
    font-weight: 300;
}
a.logout-cls {
    position: relative;
    color: var(--pf_negativeColor);
    padding-left: 15px;
    text-decoration:none;
}
.logout-cls:after {
    color: var(--pf_negativeColor);
    padding-left: 10px;
    border-left: 1px solid #000;
    position: absolute;
    left: -1px;
    width: 10px;
    height: 10px;
    content: "";
    top: 3px;
}
.bdr-ed {
    border-bottom: 1px solid var(--br_pfBorder2);
}
.usersList {
    border-bottom: 1px solid var(--br_pfBorder2);
    padding: 12px 0;
}
.bg-co, .bg-co-module, .bg-co-actmodule, .bg-co-moduleact {
    background:var(--bg_pfFreeze);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 46;
}
.serverConfigDetails{
	width: 100%;
	float:left;
}

.slideFrame{
	left : 0px !important;
	width: 100% !important;
}
.sbIframe.slideFrame{top: 138px;}
.sbIframe.slideFrame.templatesFrame{
	top: 48px;
	height: 97.75vh;
}
.slideFrameHead{
	margin-left: -220px !important;
}
.templatesFrame{
	top: 48px;
	height: 97.75vh;
}
.webformFrame {
	top: 138px;
}
.singleAppText{
	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);
    text-transform: capitalize;
}
.popUpPublish-Div { margin:0;}
#helpCenterForm.popUpPublish-Div {width: 100% !important;}
a.detailsLinks:hover:after {
	content: "";
	width: 15px;
	height: 15px;
	right: -18px;
	background: var(--bg_pfBg1);
	position: absolute;
	border-radius: 50%;
	top: 3px;
}
a.detailsLinks:hover:before {
	content: "";
	position: absolute;
	width: 5px;
	background: var(--bg_pfLink);
	right: -13px;
	z-index: 1;
	top: 8px;
	border-radius: 50%;
	height: 5px;
}
.publishpopText{
	width:500px;
	font-size: var(--pf-base-large-font-size);
	color: var(--pf_baseColor);
	margin:0 auto;
	padding:15px 0px;
	text-align:center;
	line-height:1.3;
}
.popRunText{
	width:100%;
	font-size: var(--pf-base-large-font-size);
	color: var(--pf_baseColor);
	margin:0 auto;
	padding:0px 0px 18px;
	text-align:center;
	line-height:1.3;
}
#crmforInd td{
	vertical-align:inherit;
}
#crmforInd td .newWhiteBtn{
	float:left;
	margin-top:5px;
	cursor:inherit;
}
#crmforInd td .newWhiteBtn:hover{
	border:1px solid var(--br_pfBorder2) !important;
}
.zohoappIcon{
	width: 52px;
    height: 50px;
    float: left;
    margin-right: 32px;
    margin-top: 8px;
}
.zohoapp-projects{
	background:url(/crmplatform/Platform/images/setupAppsLogoPF_ec8e215fa2394dbbb68e5bb6b11df2a3_.svg) no-repeat -11px -116px;
}
.zohoapp-survey{
	background:url(/crmplatform/Platform/images/setupAppsLogoPF_ec8e215fa2394dbbb68e5bb6b11df2a3_.svg) no-repeat -190px -207px;
}
.zohoapp-inventory{
	background:url(/crmplatform/Platform/images/setupAppsLogoPF_ec8e215fa2394dbbb68e5bb6b11df2a3_.svg) no-repeat -255px -335px;
}
.zohoapp-forms{
	background:url(/crmplatform/Platform/images/setupAppsLogoPF_ec8e215fa2394dbbb68e5bb6b11df2a3_.svg) no-repeat -9px -207px;
}
.zohoapp-books{
	background:url(/crmplatform/Platform/images/setupAppsLogoPF_ec8e215fa2394dbbb68e5bb6b11df2a3_.svg) no-repeat -13px -335px;
}
.zohoapp-subscriptions{
	background:url(/crmplatform/Platform/images/setupAppsLogoPF_ec8e215fa2394dbbb68e5bb6b11df2a3_.svg) no-repeat -136px -334px;
}
.zohoapp-customeapp{
	background:url(/crmplatform/Platform/images/zohoapp_f61da116ff387244bd0c0ddf064bffc0_.png) no-repeat -123px -366px;
}
.zohoapp-desk{
	background:url(/crmplatform/Platform/images/zohoapp_f61da116ff387244bd0c0ddf064bffc0_.png) no-repeat -115px -110px;
}
.zohoapp-motivator{
	background:url(/crmplatform/Platform/images/zohoapp_f61da116ff387244bd0c0ddf064bffc0_.png) no-repeat -120px -280px;
}
.zohoapp-salesiq{
	background:url(/crmplatform/Platform/images/zohoapp_f61da116ff387244bd0c0ddf064bffc0_.png) no-repeat -118px -42px;
}
.zohoapp-campaigns{
	background:url(/crmplatform/Platform/images/zohoapp_f61da116ff387244bd0c0ddf064bffc0_.png) no-repeat -119px -202px;
}
.zohoapp-finance{
	background:url(/crmplatform/Platform/images/setupAppsLogoPF_ec8e215fa2394dbbb68e5bb6b11df2a3_.svg) no-repeat -24px -282px;
}
.zohoapp-cliq{
	background:url(/crmplatform/Platform/images/zohoapp_f61da116ff387244bd0c0ddf064bffc0_.png) no-repeat -118px -442px;
}
.zohoapp-expense{
	background:url(/crmplatform/Platform/images/setupAppsLogoPF_ec8e215fa2394dbbb68e5bb6b11df2a3_.svg) no-repeat  -193px -334px;
}
.zohoapp-reports{
	background:url(/crmplatform/Platform/images/setupAppsLogoPF_ec8e215fa2394dbbb68e5bb6b11df2a3_.svg) no-repeat -226px -6px;
}
.zohoapp-crm{
	background:url(/crmplatform/Platform/images/zohoapp_f61da116ff387244bd0c0ddf064bffc0_.png) no-repeat -124px -594px;
}
.zohoapp-invoice{
	background:url(/crmplatform/Platform/images/zohoapp_f61da116ff387244bd0c0ddf064bffc0_.png) no-repeat -123px -678px;
}
.zohoapp-wdrive{
	background:url(/crmplatform/Platform/images/zohoapp_f61da116ff387244bd0c0ddf064bffc0_.png) no-repeat -125px -760px;
}
.zohoapp-sign{
	background:url(/crmplatform/Platform/images/setupAppsLogoPF_ec8e215fa2394dbbb68e5bb6b11df2a3_.svg) no-repeat -131px -208px;
}

.office-365icon{
	background:url(/crmplatform/Platform/images/zohoapp_f61da116ff387244bd0c0ddf064bffc0_.png) no-repeat -20px -761px;
}

.google-icon{
	background:url(/crmplatform/Platform/images/google_bdfd3307adb1ac714c38c5658fec4c32_.png) no-repeat ;
	background-size: cover;
}

.microsoft-icon{
	background:url(/crmplatform/Platform/images/microsoft_01d3f16b2bdab39a69d2e0f2019dd696_.png) no-repeat ;
	background-size: cover;
}

.appCalcWidth{	
	width:calc(100% - 84px);
	float:left;
}
.css-style-download {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    /* background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat scroll -264px -310px; */
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left:8px;
    margin-top: 56px;
}
#requestDevAccessConfirmation{
	width:580px;
	top:44px;
}
.newcreateAppbox{
	width:100%;
	float:left;
	padding:0px;
	border-bottom:1px solid var(--br_pfBorder2);
	background-color: var(--bg_pfBg2);
}
.createAppSpcif {
    width: 100%;
   	min-height:320px;
    padding-top: 50px;
    margin: 0px auto;
    background: var(--bg_pfWhite);
    display: inline-block;
}
.Spicfhdr {
	font-size: var(--pf-medium-large-font-size);
	color: var(--pf_headingColor);
	text-align:center;
}
.SpicfListbg{
    width: 315px;
    margin: 15px auto 0px;
    padding: 0px;
    display:inline-block;
}
.SpicfText {
	box-sizing: border-box;
	font-size: var(--pf-base-font-size);
	color: var(--pf_baseColor);
	border-bottom:1px solid var(--br_pfTrans);
	text-decoration:none;
}
.SpicfText:hover{
	text-decoration: underline !important;
	transition:all .3s ease-out;
}
/*Products hdr style start*/

.con-sub-hdr{
	font-size: var(--pf-medium-large-font-size);
    font-family: var(--pf-font-semibold);
	color: var(--pf_headingColor) !important;
	text-transform:capitalize;
	float:left;
}
.con-main-hdr{
	font-size: var(--pf-medium-large-font-size) !important;
    font-family: var(--pf-font-semibold);
	color:var(--pf_headingColor) !important;
	text-transform:capitalize;
	float:left;
}
.pricingSetplanhdr{
	font-size: var(--pf-base-large-font-size);
	color: var(--pf_labelColor);
	text-transform:capitalize;
	float:left;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--br_pfBorder3);
}
.tab-main-hdr{
    font-size: var(--pf-large-font-size) !important;
    font-family: var(--pf-font-semibold);
    color: var(--pf_headingColor);
    float:left;
   	line-height:1.3;
}
.tab-sub-hdr{
	font-size: var(--pf-large-font-size) !important;
    color: var(--pf_headingColor) !important;
}
/*Products hdr style end*/

#appNameInLeftSideBar, #extNameInLeftSideBar{
	font-size: var(--pf-base-font-size);
	width: 185px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;	
}
.smallBtn{
	padding: 6px 12px 7px !important;
	font-size: var(--pf-base-font-size) !important;
}
#moduleSpan .chosen-container-single .chosen-single{
	height:30px !important;
}
#moduleSpan .chosen-container-single .chosen-single span{
	vertical-align:top;
	margin-top:-4px;
}
/*manage custom filter style start*/
.signupdetailBG{
    width: 100%;
    float: left;
    padding:10px 14px;
    box-sizing: border-box;
    background:var(--bg_pfBg1);
    border-top:1px solid var(--br_pfBorder1);
    border-bottom:1px solid var(--br_pfBorder1);
    margin-top:30px;
}
.signupdetail{
    width: 100%;
    float: left;
    padding:0px;
}
.signupdetailBG .primaryBtn{
	padding:4px 16px 5px;
	margin-top:2px;
}
/* .filtericon{
    width: 18px;
    height: 18px;
    background: url(./img/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -359px -361px;
    float: left;
    margin-right:10px;
    margin-top:10px;
} */
.searchaction{
    width: 140px;
    height: 35px;
    float: left;
}
.signupSection{
    width: 750px;
    height: 35px;
    float: left;
    /* transition:all .3s ease-out; */
}
.searemailBG{
    width: 100%;
    padding:0px;
    background: var(--bg_pfWhite);
    border:1px solid var(--br_pfBorder1);
    border-radius: 999px;
    float: left;
    margin-top:2px;
}
.searchemailinput{
    width: 90px;
    float: left;
    padding: 6px 0px 6px 10px;
    box-sizing: border-box;
    font-size: var(--pf-base-font-size);
    color: var(--pf_baseColor);
    border-radius: 999px 0px 0px 999px;
    border:1px solid var(--br_pfTrans);
    outline:none;
}
.signupBG{
    float: left;
    margin-left: 22px;
}
.signfilterlabel{
    font-size: var(--pf-base-font-size);
    color: var(--pf_linkColor);
    float: left;
    margin-right:6px;
    margin-top:8px;
}
/* .searchemailIcon, .searchemailcloseIcon{
    width: 18px;
    height: 18px;
    background:url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -360px -326px;
    float: right;
    margin-top:5px;
    margin-right: 8px;
}
.searchemailcloseIcon{
	display:none;
	float:left;
	background-position:-47px -29px;
	opacity:.7;
} */
.searemailBG input[type=text]:focus{
	border:1px solid var(--br_pfTrans) !important;
}
.signupdetail .pSelect .chosen-single{
	height:30px !important;
	padding:2px 10px !important;
	border-color:var(--br_pfBorder1);
	border-radius:2px !important;
	margin-top:2px;
	
}
.signupdetail .signupWidth .pSelect .chosen-single{
	width:160px;
}
.signupdetail .pSelect .chosen-container-single .chosen-single span{
	margin-right:15px !important;
}
.searchemailinput:focus{
	border:0px;
	outline:none;
}
.manageDatepicker{
    width: 184px;
    border: 1px solid var(--br_pfBorder1);
    margin-top: 2px;
    border-radius: 2px;
    padding: 6px 10px;
    box-sizing: border-box;
    float: left;
    font-size: var(--pf-base-font-size);
    color: var(--pf_headingColor);
}
/* daterangepicker package style change */
/* .daterangepicker .drp-buttons .cancelBtn{
	background-color: var(--bg_pfWhite);
    border: 1px solid var(--br_pfBorder5);
    font-size: var(--pf-base-font-size);
    padding: 9px 15px;
    cursor: pointer;
    color: var(--pf_baseColor);
    border-radius: 2px;
    line-height: 1.3;
	font-weight:normal !important;
} */
/* .daterangepicker .drp-buttons .btn-primary{
	background-color: var(--bg_pfLink);
    border: 1px solid var(--br_pfLink);
    cursor: pointer;
    border-radius: 2px;
    color: var(--pf_whiteColor) !important;
    font-size: var(--pf-base-font-size);
    padding: 7px 17px 6px;
    line-height: 1.3;
    font-weight:normal !important;
} */
.signupdetail .formLoader .formLoaderGif{
	top:-3px;
	left:70px !important;
}
.signupdetail .loadingposition .formLoaderGif{
	top:-4px;
	left:-3px !important;
}

/* daterangepicker package style change */


/*manage custom filter style end*/
/*new custom function builder */
.crmCFDreHeader{
	display: inline-block;
    white-space: nowrap;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-right: 10px;
}
.smalledit{
	font-size: var(--pf-base-font-size);
	font-weight: normal;
	color: var(--pf_linkColor);
	text-decoration:none;
}
/* Settings Icon*/
.settingIcon, .settingIconH {
	width: 18px; 
	height: 18px;
}
.settingIcon {
	background-position: -294px -211px !important;
	margin-left: 5px;
	opacity: 0.5;
}
.settingIconH {
	background-position: -294px -211px;
	margin-left: 5px;
	opacity: 1;
}
/* for DDM menu style */
.ddM {
	text-align: left;
	position: absolute;
	padding: 5px 0px;
	background-color: var(--bg_pfWhite);
	border: 1px solid var(--br_pfBorder2) !Important;
	border-top: 0 solid var(--br_pfBorder2) !Important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	z-index: 10000;
}
.ddM td:hover, .ddM td:hover a {
	background-color: var(--bg_pfBg2) !important;
	color: var(--pf_whiteColor) !important;
}
.ddM tr {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.ddM td:hover a, .ddM td:hover span:not(.tagEnrichedAvailable) {
	color: var(--pf_baseColor) !important;
	text-decoration: none;
}
.ddM td {
	background-image: none;
	background-color: var(--bg_pfWhite);
	cursor: pointer;
	font-size: var(--pf-base-font-size);
	margin: 0 !important;
	padding: 0px;
	text-align: left;
	white-space: nowrap;
	border-bottom : 0;
}
.ddM a {
	color: var(--pf_baseColor) !important;
	line-height: 1.286rem !important;
    font-size: var(--pf-base-font-size) !important;
	margin: 0px;
	display: block;
	padding: 0.357rem 1.429rem;
	background-color: var(--bg_pfWhite);
}
td:hover .ddM a {
	color: var(--pf_baseColor) !important;
}
td:hover .ddM td:hover a {
	color: var(--pf_headingColor) !important;
}
.ddM a:hover {
	background-color: var(--bg_pfBase);
	color: var(--pf_whiteColor) !important;
}
.infoDiv {
    padding: 8px 15px;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    flex-flow: row nowrap;
    background: var(--noteBgColor);
    border: 1px solid var(--br_pfNote);
    margin-bottom : 20px;
    text-align: left;
    line-height: 18px;
    color: var(--pfNotesColor);
}

.infoicon {
    width: 42px;
    height: 40px;
    margin-right: 15px;
    background: url("/crmplatform/Platform/images/info-icon_0226fe843c1fc87c60811093d1614cc4_.svg") no-repeat;
}

.infocontentwrap {
    width: calc(100% - 36px);
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-self: center;
}

.infoHearder {
    font-size: var(--pf-medium-large-font-size);
    color: var(--pf_warningColor);
    font-family: var(--pf-font-semibold);
    white-space: nowrap;
    margin: 0px 0px 8px !important;
}

.infocontent {
    font-size: var(--pf-base-font-size);
    color: var(--pf_paragraphColor);
    line-height:1.4;
    margin: 0px;
}

.icon-close {
    width: 11px;
    height: 11px;
    background: url("/crmplatform/Platform/images/close_95ff34d77de8e2385197dd405e649e72_.svg") no-repeat;
    right: 12px;
    top: 12px;
    outline: none;
    border: 0px;
    cursor: pointer;
}
 /* Icon hover effects style */
.icon-hover-effects:hover:before {
	opacity: 1;
    visibility:visible;
    z-index: 3;
}
  .downloadTip {
	opacity: 1;
	width: 380px;
	background: var(--bg_pfWhite);
	top: 65px;
	right: -25%;
	left: 88%;
	transition: none 0s ease 0s;
	visibility: hidden;
}
.tempBannerFrame{
	top: 102px; 
}
.tempBannerFrameWH{
	top: 136px; 
}
.i-canvasHover{
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) no-repeat;
    margin-top: 33vh;
    width: 23px;
    height: 55px;
    background-position: -56px -64px;
    position: absolute;
    z-index:42;
    left: 0px;
    border-bottom-right-radius :6px;
    border-top-right-radius :6px;
}
 .i-showhideDetailpanelIcon{
	background: url(/crmplatform/images/svgicons_cbcc8bcd308ff803d69fceef99e4dbc0_.svg) no-repeat;
    margin-top: 9px;
    width: 18px;
    height: 23px;
    background-position: -133px -270px;
    position: absolute;
    z-index:42;
    left: 13px;
}
.selection .i-canvas {
    background-position:  -404px -28px;	
}
.searchEmailToolTip{
    padding: 5px 10px 7px;
    font-size: var(--pf-medium-small-font-size) !important;
    color: var(--pf_whiteColor) !important;
    background: var(--bg_pfBase);
    text-align: center;
    position: absolute;
    border-radius: 2px;
    z-index: 555;
    box-sizing: border-box;
	min-width: 125px;
    width: auto;
    max-width: 250px;
	right:-99px;
	visibility: visible;
	opacity: 1;
	transition: all .15s linear 0.3s;
	top: 33px;
	left: 22px;
}
.disabledclss{
	opacity:.6;
	cursor:pointer;
}
.disabledclss .export{
	pointer-events: none;
}
.disabledclass{
	opacity:.6;
	cursor:pointer;
}
.disabledclass .export{
	pointer-events: none;
}
.disableExport{
	opacity:.6;
	cursor:pointer;
}
.disableExport .export{
	pointer-events: none;
}
.exportTooltipEle{
	right:-15px;
}
.exportLimitExceedTooltipEle{
	left:350px;
}
.noExportTooltipEle{
	right:-45px;
}
.exportBtn{
	width :175px;
}
.exportSelect:hover .upgrade-download:hover, .exportUnselect:hover .upgrade-download:hover, .upgrade-reset:hover
{
	 background-color: var(--bg_pfBg1);
}
.hInSandBox {
	display: none !important;
}
.searchEmailToolTip:before{
	left:6% !important;
}
.i-canvas {
    width: 20px;
    mask-image: initial !important;
    background: url(/crmplatform/Platform/images/leftbannericon_64045e27eecc4db9e3c894e419fc1cac_.svg) no-repeat -404px -10px !important;
}
.i-canvas.op6 {opacity: 1;}
.i-canvas.zcicn_white_mask {background-color: var(--bg_pfTrans)!important;}
.linkExpired{
    font-family: var(--pf-font-bold);
    font-size: 48px;
    margin-bottom: 0;
    margin-top: 20px;
    padding-bottom: 23px;
    padding-left: 10px;
}
.expiredIcon {
	background: url(/crmplatform/Platform/images/product-icons_f774ab143a866a1fa61d01589658b480_.png) no-repeat;
	background-position: -30px -1150px;
    width: 50px;
    height: 50px;
    margin-left: 150px;
}
.exportPopup{
	display:none;
	right: 5px; 
	bottom: 0px;
}
.exportHeader{
	background-color: var(--bg_pfBase);
	margin-bottom:15px;
}
.exportColor{
	color: var(--pf_whiteColor);
}
.exportCloseIcon{
	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: 420px;
}
.exportCusor{
	cursor: pointer;
}
.exportVisible{
    margin-bottom: 196px;
}
.disabledclss:hover~.exportTooltipEle,
.disabledclss:hover~.noExportTooltipEle{
	visibility:hidden;
}
.export-note {
  width: 100%;
  font-size: var(--pf-base-font-size) !important;
  color: var(--pf_labelColor) !important;
  line-height: 1.5 !important;
}