/*	Icon Colors */
/* CSS Mask Mixins for Background Image Starts */
/* CSS Mask Mixins for Background Image Starts */
/*
	Crux - common Color Code Variables
	-- will be used commonly acros crux Variables
	-- Can be overridden By Any Product 
*/
/* For Search Input Clear Bg */
/* Crux - common Color Code Variables Ends */
/******** CRUX Smart Filter Theme Variables Starts*********/
/******** CRUX Smart Filter Theme Variables Ends*********/
/******** CRUX text area theme Variables Starts*********/
/******** CRUX text area theme Variables Starts*********/
/******** CRUX Div Table Variables Starts *********/
/******** CRUX Div Table Variables Ends *********/
/******** CRUX LIST VIEW Theme Variables Starts*********/
/******** CRUX LIST VIEW Theme Variables ENDS*********/
/******** CRUX Combo Box View Variables Starts ********/
/******** CRUX Combo Box View Variables Ends ********/
/********* crux tag comp variables starts *********/
/********* crux tag comp variables starts *********/
/********* crux lookup view popup comp variables starts *********/
/********* crux lookup view popup variables starts *********/
:root {
  --pxFontRegular: Zoho_Puvi_Regular, sans-serif;
  --pxFontMedium: Zoho_Puvi_Medium, sans-serif;
  --pxFontSemiBold: Zoho_Puvi_SemiBold, sans-serif;
  --pxFontBold: Zoho_Puvi_Bold, sans-serif;
  --pxFontSizeXSmall: 1.1rem;
  --pxFontSizeSmall: 1.3rem;
  --pxFontSizeRegular: 1.4rem;
  --pxFontSizeXRegular: 1.5rem;
  --pxFontSizeMedium: 1.8rem;
  --pxFontSizeLarge: 2rem;
  --crux-primary-font: var(--pxFontRegular);
}
:root {
  --pxUtilCSSSprite: url(../../images/svg-icons.svg);
  --pxUIIcons: url(../../images/pixel-ui-icons.svg);
  --lyteSprite: url(../../images/sprite_lyte.svg);
  --cruxSprite: url(../images/crux-sprite-icons.svg);
  --cruxLoggedInUser: url(../../images/ico_loggedinuser.svg);
  --cruxSearchLoader: url(../../images/crux-search-loader.svg);
  --cruxNoPhotoImage: url(../../images/nophoto.png);
  --lyteCPbgGradient: url(../../images/lyteCPbgGradient.png);
  --lyteCP_op_slider_bg: url(../../images/lyteCP_op_slider_bg.png);
  --pxColorApp: #338cf0;
  --pxColorWhite: #fff;
  --pxColorPrimary: #313949;
  --pxColorLabel: #616E88;
  --pxColorHeading: #202123;
  --pxColorParagraph: #434D5F;
  --pxColorNegative: #F14949;
  --pxColorPositive: #12AA67;
  --pxColorLink: #338cf0;
  --pxColorNotFound: #8b9ab9;
  --pxColorPlaceholder: #A2A9B7;
  --pxIconBlack: #313949;
  --pxIconWhite: #fff;
}
/*** info section variables ***/
:root {
  --pxNotesBackgroundColor: #FFFFEA;
  --pxNotesBorderColor: #E5DEC5;
  --pxNotesTextColor: #56564D;
  --pxInfoBackgroundColor: #F4F7FF;
  --pxInfoBorderColor: #D2E3EF;
  --pxInfoTextColor: #313949;
  --pxWarningBackgroundColor: #FFF6EE;
  --pxWarningBorderColor: #E9C072;
  --pxWarningTextColor: #313949;
  --pxErrorBackgroundColor: #FFF7FA;
  --pxErrorBorderColor: #FAA9A2;
  --pxErrorTextColor: #313949;
  --pxSuccessBackgroundColor: #F5FAF5;
  --pxSuccessBorderColor: #A9D3AB;
  --pxSuccessTextColor: #313949;
}
html {
  font-size: 62.5%;
}
body {
  font-family: var(--pxFontRegular);
  font-variant-ligatures: no-contextual;
  margin: 0px;
  padding: 0px;
  text-rendering: optimizeLegibility;
  font-size: var(--pxFontSizeRegular);
}
/*---------------------*/
/****Margin****/
/*---------------------*/
.px-m0 {
  margin: 0px;
}
.px-m1 {
  margin: 1px;
}
.px-m2 {
  margin: 2px;
}
.px-m3 {
  margin: 3px;
}
.px-m4 {
  margin: 4px;
}
.px-m5 {
  margin: 5px;
}
.px-m6 {
  margin: 6px;
}
.px-m7 {
  margin: 7px;
}
.px-m8 {
  margin: 8px;
}
.px-m9 {
  margin: 9px;
}
.px-m10 {
  margin: 10px;
}
.px-m15 {
  margin: 15px;
}
.px-m20 {
  margin: 20px;
}
.px-m25 {
  margin: 25px;
}
.px-m30 {
  margin: 30px;
}
.px-m35 {
  margin: 35px;
}
.px-m40 {
  margin: 40px;
}
.px-m45 {
  margin: 45px;
}
.px-m50 {
  margin: 50px;
}
.px-mAuto {
  margin: auto;
}
/*---------------------*/
/****margin-left****/
/*---------------------*/
.px-mL0 {
  margin-left: 0px;
}
.px-mL1 {
  margin-left: 1px;
}
.px-mL2 {
  margin-left: 2px;
}
.px-mL3 {
  margin-left: 3px;
}
.px-mL4 {
  margin-left: 4px;
}
.px-mL5 {
  margin-left: 5px;
}
.px-mL6 {
  margin-left: 6px;
}
.px-mL7 {
  margin-left: 7px;
}
.px-mL8 {
  margin-left: 8px;
}
.px-mL9 {
  margin-left: 9px;
}
.px-mL10 {
  margin-left: 10px;
}
.px-mL15 {
  margin-left: 15px;
}
.px-mL20 {
  margin-left: 20px;
}
.px-mL25 {
  margin-left: 25px;
}
.px-mL30 {
  margin-left: 30px;
}
.px-mL35 {
  margin-left: 35px;
}
.px-mL40 {
  margin-left: 40px;
}
.px-mL45 {
  margin-left: 45px;
}
.px-mL50 {
  margin-left: 50px;
}
.px-mlAuto {
  margin-left: auto;
}
/*---------------------*/
/****margin-right****/
/*---------------------*/
.px-mR0 {
  margin-right: 0px;
}
.px-mR1 {
  margin-right: 1px;
}
.px-mR2 {
  margin-right: 2px;
}
.px-mR3 {
  margin-right: 3px;
}
.px-mR4 {
  margin-right: 4px;
}
.px-mR5 {
  margin-right: 5px;
}
.px-mR6 {
  margin-right: 6px;
}
.px-mR7 {
  margin-right: 7px;
}
.px-mR8 {
  margin-right: 8px;
}
.px-mR9 {
  margin-right: 9px;
}
.px-mR10 {
  margin-right: 10px;
}
.px-mR15 {
  margin-right: 15px;
}
.px-mR20 {
  margin-right: 20px;
}
.px-mR25 {
  margin-right: 25px;
}
.px-mR30 {
  margin-right: 30px;
}
.px-mR35 {
  margin-right: 35px;
}
.px-mR40 {
  margin-right: 40px;
}
.px-mR45 {
  margin-right: 45px;
}
.px-mR50 {
  margin-right: 50px;
}
/*---------------------*/
/****margin-bottom****/
/*---------------------*/
.px-mB0 {
  margin-bottom: 0px;
}
.px-mB1 {
  margin-bottom: 1px;
}
.px-mB2 {
  margin-bottom: 2px;
}
.px-mB3 {
  margin-bottom: 3px;
}
.px-mB4 {
  margin-bottom: 4px;
}
.px-mB5 {
  margin-bottom: 5px;
}
.px-mB6 {
  margin-bottom: 6px;
}
.px-mB7 {
  margin-bottom: 7px;
}
.px-mB8 {
  margin-bottom: 8px;
}
.px-mB9 {
  margin-bottom: 9px;
}
.px-mB10 {
  margin-bottom: 10px;
}
.px-mB15 {
  margin-bottom: 15px;
}
.px-mB20 {
  margin-bottom: 20px;
}
.px-mB25 {
  margin-bottom: 25px;
}
.px-mB30 {
  margin-bottom: 30px;
}
.px-mB35 {
  margin-bottom: 35px;
}
.px-mB40 {
  margin-bottom: 40px;
}
.px-mB45 {
  margin-bottom: 45px;
}
.px-mB50 {
  margin-bottom: 50px;
}
/*---------------------*/
/****margin-top****/
/*---------------------*/
.px-mT0 {
  margin-top: 0px;
}
.px-mT1 {
  margin-top: 1px;
}
.px-mT2 {
  margin-top: 2px;
}
.px-mT3 {
  margin-top: 3px;
}
.px-mT4 {
  margin-top: 4px;
}
.px-mT5 {
  margin-top: 5px;
}
.px-mT6 {
  margin-top: 6px;
}
.px-mT7 {
  margin-top: 7px;
}
.px-mT8 {
  margin-top: 8px;
}
.px-mT9 {
  margin-top: 9px;
}
.px-mT10 {
  margin-top: 10px;
}
.px-mT15 {
  margin-top: 15px;
}
.px-mT20 {
  margin-top: 20px;
}
.px-mT25 {
  margin-top: 25px;
}
.px-mT30 {
  margin-top: 30px;
}
.px-mT35 {
  margin-top: 35px;
}
.px-mT40 {
  margin-top: 40px;
}
.px-mT45 {
  margin-top: 45px;
}
.px-mT50 {
  margin-top: 50px;
}
/*---------------------*/
/****Margin X Axis****/
/*---------------------*/
.px-mx0 {
  margin-left: 0px;
  margin-right: 0px;
}
.px-mx1 {
  margin-left: 1px;
  margin-right: 1px;
}
.px-mx2 {
  margin-left: 2px;
  margin-right: 2px;
}
.px-mx3 {
  margin-left: 3px;
  margin-right: 3px;
}
.px-mx4 {
  margin-left: 4px;
  margin-right: 4px;
}
.px-mx5 {
  margin-left: 5px;
  margin-right: 5px;
}
.px-mx6 {
  margin-left: 6px;
  margin-right: 6px;
}
.px-mx7 {
  margin-left: 7px;
  margin-right: 7px;
}
.px-mx8 {
  margin-left: 8px;
  margin-right: 8px;
}
.px-mx9 {
  margin-left: 9px;
  margin-right: 9px;
}
.px-mx10 {
  margin-left: 10px;
  margin-right: 10px;
}
.px-mx15 {
  margin-left: 15px;
  margin-right: 15px;
}
.px-mx20 {
  margin-left: 20px;
  margin-right: 20px;
}
.px-mx25 {
  margin-left: 25px;
  margin-right: 25px;
}
.px-mx30 {
  margin-left: 30px;
  margin-right: 30px;
}
.px-mx35 {
  margin-left: 35px;
  margin-right: 35px;
}
.px-mx40 {
  margin-left: 40px;
  margin-right: 40px;
}
.px-mx45 {
  margin-left: 45px;
  margin-right: 45px;
}
.px-mx50 {
  margin-left: 50px;
  margin-right: 50px;
}
/*---------------------*/
/****Margin Y Axis****/
/*---------------------*/
.px-my0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.px-my1 {
  margin-top: 1px;
  margin-bottom: 1px;
}
.px-my2 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.px-my3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.px-my4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.px-my5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.px-my6 {
  margin-top: 6px;
  margin-bottom: 6px;
}
.px-my7 {
  margin-top: 7px;
  margin-bottom: 7px;
}
.px-my8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.px-my9 {
  margin-top: 9px;
  margin-bottom: 9px;
}
.px-my10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.px-my15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.px-my20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.px-my25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.px-my30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.px-my35 {
  margin-top: 35px;
  margin-bottom: 35px;
}
.px-my40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.px-my45 {
  margin-top: 45px;
  margin-bottom: 45px;
}
.px-my50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
/*---------------------*/
/****Padding****/
/*---------------------*/
.px-p0 {
  padding: 0px;
}
.px-p1 {
  padding: 1px;
}
.px-p2 {
  padding: 2px;
}
.px-p3 {
  padding: 3px;
}
.px-p4 {
  padding: 4px;
}
.px-p5 {
  padding: 5px;
}
.px-p6 {
  padding: 6px;
}
.px-p7 {
  padding: 7px;
}
.px-p8 {
  padding: 8px;
}
.px-p9 {
  padding: 9px;
}
.px-p10 {
  padding: 10px;
}
.px-p15 {
  padding: 15px;
}
.px-p20 {
  padding: 20px;
}
.px-p25 {
  padding: 25px;
}
.px-p30 {
  padding: 30px;
}
.px-p35 {
  padding: 35px;
}
.px-p40 {
  padding: 40px;
}
.px-p45 {
  padding: 45px;
}
.px-p50 {
  padding: 50px;
}
.px-pAuto {
  padding: auto;
}
/*---------------------*/
/****Padding X Axis****/
/*---------------------*/
.px-px0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-px1 {
  padding-left: 1px;
  padding-right: 1px;
}
.px-px2 {
  padding-left: 2px;
  padding-right: 2px;
}
.px-px3 {
  padding-left: 3px;
  padding-right: 3px;
}
.px-px4 {
  padding-left: 4px;
  padding-right: 4px;
}
.px-px5 {
  padding-left: 5px;
  padding-right: 5px;
}
.px-px6 {
  padding-left: 6px;
  padding-right: 6px;
}
.px-px7 {
  padding-left: 7px;
  padding-right: 7px;
}
.px-px8 {
  padding-left: 8px;
  padding-right: 8px;
}
.px-px9 {
  padding-left: 9px;
  padding-right: 9px;
}
.px-px10 {
  padding-left: 10px;
  padding-right: 10px;
}
.px-px15 {
  padding-left: 15px;
  padding-right: 15px;
}
.px-px20 {
  padding-left: 20px;
  padding-right: 20px;
}
.px-px25 {
  padding-left: 25px;
  padding-right: 25px;
}
.px-px30 {
  padding-left: 30px;
  padding-right: 30px;
}
.px-px35 {
  padding-left: 35px;
  padding-right: 35px;
}
.px-px40 {
  padding-left: 40px;
  padding-right: 40px;
}
.px-px45 {
  padding-left: 45px;
  padding-right: 45px;
}
.px-px50 {
  padding-left: 50px;
  padding-right: 50px;
}
/*---------------------*/
/****Padding Y Axis****/
/*---------------------*/
.px-py0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.px-py1 {
  padding-top: 1px;
  padding-bottom: 1px;
}
.px-py2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.px-py3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.px-py4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.px-py5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.px-py6 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.px-py7 {
  padding-top: 7px;
  padding-bottom: 7px;
}
.px-py8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.px-py9 {
  padding-top: 9px;
  padding-bottom: 9px;
}
.px-py10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.px-py15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.px-py20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.px-py25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.px-py30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.px-py35 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.px-py40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.px-py45 {
  padding-top: 45px;
  padding-bottom: 45px;
}
.px-py50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
/*---------------------*/
/****padding-left****/
/*---------------------*/
.px-pL0 {
  padding-left: 0px;
}
.px-pL1 {
  padding-left: 1px;
}
.px-pL2 {
  padding-left: 2px;
}
.px-pL3 {
  padding-left: 3px;
}
.px-pL4 {
  padding-left: 4px;
}
.px-pL5 {
  padding-left: 5px;
}
.px-pL6 {
  padding-left: 6px;
}
.px-pL7 {
  padding-left: 7px;
}
.px-pL8 {
  padding-left: 8px;
}
.px-pL9 {
  padding-left: 9px;
}
.px-pL10 {
  padding-left: 10px;
}
.px-pL15 {
  padding-left: 15px;
}
.px-pL20 {
  padding-left: 20px;
}
.px-pL25 {
  padding-left: 25px;
}
.px-pL30 {
  padding-left: 30px;
}
.px-pL35 {
  padding-left: 35px;
}
.px-pL40 {
  padding-left: 40px;
}
.px-pL45 {
  padding-left: 45px;
}
.px-pL50 {
  padding-left: 50px;
}
/*---------------------*/
/****padding-right****/
/*---------------------*/
.px-pR0 {
  padding-right: 0px;
}
.px-pR1 {
  padding-right: 1px;
}
.px-pR2 {
  padding-right: 2px;
}
.px-pR3 {
  padding-right: 3px;
}
.px-pR4 {
  padding-right: 4px;
}
.px-pR5 {
  padding-right: 5px;
}
.px-pR6 {
  padding-right: 6px;
}
.px-pR7 {
  padding-right: 7px;
}
.px-pR8 {
  padding-right: 8px;
}
.px-pR9 {
  padding-right: 9px;
}
.px-pR10 {
  padding-right: 10px;
}
.px-pR15 {
  padding-right: 15px;
}
.px-pR20 {
  padding-right: 20px;
}
.px-pR25 {
  padding-right: 25px;
}
.px-pR30 {
  padding-right: 30px;
}
.px-pR35 {
  padding-right: 35px;
}
.px-pR40 {
  padding-right: 40px;
}
.px-pR45 {
  padding-right: 45px;
}
.px-pR50 {
  padding-right: 50px;
}
/*---------------------*/
/****padding-bottom****/
/*---------------------*/
.px-pB0 {
  padding-bottom: 0px;
}
.px-pB1 {
  padding-bottom: 1px;
}
.px-pB2 {
  padding-bottom: 2px;
}
.px-pB3 {
  padding-bottom: 3px;
}
.px-pB4 {
  padding-bottom: 4px;
}
.px-pB5 {
  padding-bottom: 5px;
}
.px-pB6 {
  padding-bottom: 6px;
}
.px-pB7 {
  padding-bottom: 7px;
}
.px-pB8 {
  padding-bottom: 8px;
}
.px-pB9 {
  padding-bottom: 9px;
}
.px-pB10 {
  padding-bottom: 10px;
}
.px-pB15 {
  padding-bottom: 15px;
}
.px-pB20 {
  padding-bottom: 20px;
}
.px-pB25 {
  padding-bottom: 25px;
}
.px-pB30 {
  padding-bottom: 30px;
}
.px-pB35 {
  padding-bottom: 35px;
}
.px-pB40 {
  padding-bottom: 40px;
}
.px-pB45 {
  padding-bottom: 45px;
}
.px-pB50 {
  padding-bottom: 50px;
}
/*---------------------*/
/****padding-top****/
/*---------------------*/
.px-pT0 {
  padding-top: 0px;
}
.px-pT1 {
  padding-top: 1px;
}
.px-pT2 {
  padding-top: 2px;
}
.px-pT3 {
  padding-top: 3px;
}
.px-pT4 {
  padding-top: 4px;
}
.px-pT5 {
  padding-top: 5px;
}
.px-pT6 {
  padding-top: 6px;
}
.px-pT7 {
  padding-top: 7px;
}
.px-pT8 {
  padding-top: 8px;
}
.px-pT9 {
  padding-top: 9px;
}
.px-pT10 {
  padding-top: 10px;
}
.px-pT15 {
  padding-top: 15px;
}
.px-pT20 {
  padding-top: 20px;
}
.px-pT25 {
  padding-top: 25px;
}
.px-pT30 {
  padding-top: 30px;
}
.px-pT35 {
  padding-top: 35px;
}
.px-pT40 {
  padding-top: 40px;
}
.px-pT45 {
  padding-top: 45px;
}
.px-pT50 {
  padding-top: 50px;
}
/*---------------------*/
/****opacity****/
/*---------------------*/
.px-op0 {
  opacity: 0;
}
.px-op1 {
  opacity: 0.1;
}
.px-op2 {
  opacity: 0.2;
}
.px-op3 {
  opacity: 0.3;
}
.px-op4 {
  opacity: 0.4;
}
.px-op5 {
  opacity: 0.5;
}
.px-op6 {
  opacity: 0.6;
}
.px-op7 {
  opacity: 0.7;
}
.px-op8 {
  opacity: 0.8;
}
.px-op9 {
  opacity: 0.9;
}
.px-op10 {
  opacity: 1;
}
/*---------------------*/
/****font-size****/
/*---------------------*/
.px-fsXSmall {
  font-size: var(--pxFontSizeXSmall);
}
.px-fsSmall {
  font-size: var(--pxFontSizeSmall);
}
.px-fsRegular {
  font-size: var(--pxFontSizeRegular);
}
.px-fsXRegular {
  font-size: var(--pxFontSizeXRegular);
}
.px-fsMedium {
  font-size: var(--pxFontSizeMedium);
}
.px-fsLarge {
  font-size: var(--pxFontSizeLarge);
}
/*---------------------*/
/****Line Height****/
/*---------------------*/
.px-lh16 {
  line-height: 16px;
}
.px-lh18 {
  line-height: 18px;
}
.px-lh20 {
  line-height: 20px;
}
/*---------------------*/
/****font-family****/
/*---------------------*/
.px-ffRegular {
  font-family: var(--pxFontRegular);
}
.px-ffMedium {
  font-family: var(--pxFontMedium);
}
.px-ffBold {
  font-family: var(--pxFontBold);
  font-weight: 600;
}
.px-ffSemiBold {
  font-family: var(--pxFontSemiBold);
  font-weight: 600;
}
/*---------------------*/
/****font-weight****/
/*---------------------*/
.px-fwNormal {
  font-weight: normal;
}
/*---------------------*/
/****vertical-align****/
/*---------------------*/
.px-vaTop {
  vertical-align: top;
}
.px-vaBottom {
  vertical-align: bottom;
}
.px-vaMiddle {
  vertical-align: middle;
}
.px-vaTextBottom {
  vertical-align: text-bottom;
}
.px-vaBaseline {
  vertical-align: baseline;
}
.px-vaSuper {
  vertical-align: super;
}
/*---------------------*/
/****white-space****/
/*---------------------*/
.px-wsNormal {
  white-space: normal;
}
.px-wsNowrap {
  white-space: nowrap;
}
.px-wsPre {
  white-space: pre;
}
.px-wsPreWrap {
  white-space: pre-wrap;
}
.px-wsPreLine {
  white-space: pre-line;
}
.px-wwBreakWord {
  word-wrap: break-word;
}
.px-wsPreText {
  white-space: pre-wrap;
}
/*---------------------*/
/****word-break****/
/*---------------------*/
.px-wbNormal {
  word-break: normal;
}
.px-wbBreakAll {
  word-break: break-all;
}
.px-wbKeepAll {
  word-break: keep-all;
}
.px-wbBreakWord {
  word-break: break-word;
}
/*---------------------*/
/****word-wrap****/
/*---------------------*/
.px-wwNormal {
  word-wrap: normal;
}
/*---------------------*/
/****text-overflow****/
/*---------------------*/
.px-toClip {
  text-overflow: clip;
}
.px-toEllipsis {
  text-overflow: ellipsis;
}
.px-toString {
  text-overflow: string;
}
/*---------------------*/
/****text-transform****/
/*---------------------*/
.px-ttNone {
  text-transform: none;
}
.px-ttCapitalize {
  text-transform: capitalize;
}
.px-ttUppercase {
  text-transform: uppercase;
}
.px-ttLowercase {
  text-transform: lowercase;
}
/*---------------------*/
/****cursor****/
/*---------------------*/
.px-cNone {
  cursor: none;
}
.px-cAuto {
  cursor: auto;
}
.px-cDefault {
  cursor: default;
}
.px-cHelp {
  cursor: help;
}
.px-cPointer {
  cursor: pointer;
}
.px-cMove {
  cursor: move;
}
.px-cText {
  cursor: text;
}
.px-cCopy {
  cursor: copy;
}
/*---------------------*/
/****pointer-events****/
/*---------------------*/
.px-peNone {
  pointer-events: none;
}
.px-peAuto {
  pointer-events: auto;
}
/*---------------------*/
/****text-align****/
/*---------------------*/
.px-taLeft {
  text-align: left;
}
.px-taRight {
  text-align: right;
}
.px-taCenter {
  text-align: center;
}
.px-taJustify {
  text-align: justify;
}
.px-usNone {
  user-select: none;
}
/*---------------------*/
/****flexAlignment*****/
/*---------------------*/
.px-dFlex {
  display: flex;
}
.px-fOne {
  flex: 1;
}
.px-fdColumn {
  flex-direction: column;
}
.px-fdRow {
  flex-direction: row;
}
.px-aiCenter {
  align-items: center;
}
.px-aiFlexEnd {
  align-items: flex-end;
}
.px-aiFlexStart {
  align-items: flex-start;
}
.px-jcSpaceAround {
  justify-content: space-around;
}
.px-jcSpaceBetween {
  justify-content: space-between;
}
.px-jcSpaceEvenly {
  justify-content: space-evenly;
}
.px-jcFlextStart,
.px-jcFlexStart {
  justify-content: flex-start;
}
.px-jcCenter {
  justify-content: center;
}
.px-jcFlextEnd,
.px-jcFlexEnd {
  justify-content: flex-end;
}
.px-asCenter {
  align-self: center;
}
.px-asFlexStart {
  align-self: flex-start;
}
.px-asFlexEnd {
  align-self: flex-end;
}
.px-flexNone {
  flex: none;
}
.px-fwWrap {
  flex-wrap: wrap;
}
.px-fs_0 {
  flex-shrink: 0;
}
/*---------------------*/
/****float****/
/*---------------------*/
.px-fLeft {
  float: left;
}
.px-fRight {
  float: right;
}
.px-fNone {
  float: none;
}
/*---------------------*/
/****clear****/
/*---------------------*/
.px-cLeft {
  clear: left;
}
.px-cRight {
  clear: right;
}
.px-cBoth {
  clear: both;
}
/*---------------------*/
/****display****/
/*---------------------*/
.px-dBlock {
  display: block;
}
.px-dInline {
  display: inline;
}
.px-dInlineBlock {
  display: inline-block;
}
.px-dTable {
  display: table;
}
.px-dTableRow {
  display: table-row;
}
.px-dTableCell {
  display: table-cell;
}
.px-dNone {
  display: none;
}
.px-tlFixed {
  table-layout: fixed;
}
/*---------------------*/
/****visibility****/
/*---------------------*/
.px-vVisible {
  visibility: visible;
}
.px-vHidden {
  visibility: hidden;
}
/*---------------------*/
/****position****/
/*---------------------*/
.px-pStatic {
  position: static;
}
.px-pRelative {
  position: relative;
}
.px-pAbsolute {
  position: absolute;
}
.px-pFixed {
  position: fixed;
}
.px-pSticky {
  position: sticky;
}
/*---------------------*/
/****no-border****/
/*---------------------*/
.px-bNone {
  border: none;
}
.px-blNone {
  border-left: none;
}
.px-btNone {
  border-top: none;
}
.px-bbNone {
  border-bottom: none;
}
.px-brNone {
  border-right: none;
}
/*---------------------*/
/****Box-sizing****/
/*---------------------*/
.px-bsBorderBox {
  box-sizing: border-box;
}
.px-bsContentBox {
  box-sizing: content-box;
}
.px-bsNone {
  box-shadow: none;
}
/*---------------------*/
/****overflow****/
/*---------------------*/
.px-oVisible {
  overflow: visible;
}
.px-oHidden {
  overflow: hidden;
}
.px-oScroll {
  overflow: scroll;
}
.px-oInherit {
  overflow: inherit;
}
.px-oAuto {
  overflow: auto;
}
/*---------------------*/
/****Text Decoration****/
/*---------------------*/
.px-tdUnderline {
  text-decoration: underline;
}
.px-cWhite {
  color: var(--pxColorWhite);
}
.px-cPrimary {
  color: var(--pxColorPrimary);
}
.px-cParagraph {
  color: var(--pxColorParagraph);
}
.px-cLabel {
  color: var(--pxColorLabel);
}
.px-cHeading {
  color: var(--pxColorHeading);
}
.px-cNegative {
  color: var(--pxColorNegative);
}
.px-cPostive,
.px-cPositive {
  color: var(--pxColorPositive);
}
.px-cLink {
  color: var(--pxColorLink);
}
.px-cNotFound {
  color: var(--pxColorNotFound);
}
.px-cPlaceholder {
  color: var(--pxColorPlaceholder);
}
/*---------------------*/
/****Info Section****/
/*---------------------*/
.pxInfoSection {
  background-color: var(--pxInfoBackgroundColor);
  border: 1px solid var(--pxInfoBorderColor);
  color: var(--pxInfoTextColor);
  border-radius: 6px;
  padding: 10px 15px;
}
.pxNotesSection {
  background-color: var(--pxNotesBackgroundColor);
  border: 1px solid var(--pxNotesBorderColor);
  color: var(--pxNotesTextColor);
  border-radius: 6px;
  padding: 10px 15px;
}
.pxWarningSection {
  background-color: var(--pxWarningBackgroundColor);
  border: 1px solid var(--pxWarningBorderColor);
  color: var(--pxWarningTextColor);
  border-radius: 6px;
  padding: 10px 15px;
}
.pxErrorSection {
  background-color: var(--pxErrorBackgroundColor);
  border: 1px solid var(--pxErrorBorderColor);
  color: var(--pxErrorTextColor);
  border-radius: 6px;
  padding: 10px 15px;
}
.pxSuccessSection {
  background-color: var(--pxSuccessBackgroundColor);
  border: 1px solid var(--pxSuccessBorderColor);
  color: var(--pxSuccessTextColor);
  border-radius: 6px;
  padding: 10px 15px;
}
.pxNotesSection ul {
  list-style: none;
}
.pxNotesSection ul li {
  position: relative;
  padding: 0 0 0 13px;
  margin: 12px 0;
}
.pxNotesSection ul li:before {
  background-color: var(--baseColor);
}
.pxNotesSection ul li:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 10px;
  display: inline-block;
  top: 6px;
  left: 0;
  margin-right: 7px;
}
.pxElementHighlight {
  animation: pxElementHighlight 5s linear forwards 1;
}
@keyframes pxElementHighlight {
  0% {
    background-color: #fffced;
  }
  100% {
    background-color: #ffffff;
  }
}
/* $Id$ */
/*stylelint-disable selector-max-type*/
:root {
  --zcicn-color-main: var(--zcicn-black);
  --zcicn-color-tertiary: var(--zcicn-black);
  --zcicn-color-ffffff: var(--zcicn-white);
  --zcicn-color-83d7ff: var(--zcicn-blueSec);
  --zcicn-color-FBD0FF: var(--zcicn-pinkSec);
  --zcicn-color-4c7d1f: var(--zcicn-green);
  --zcicn-color-2558a0: var(--zcicn-marineblue);
  --zcicn-color-7fe5c1: var(--zcicn-greenSec);
  --zcicn-color-ffb978: var(--zcicn-sandalSec);
  --zcicn-color-ff9696: var(--zcicn-redSec);
  --zcicn-color-57b67a: var(--zcicn-green);
  --zcicn-color-E3204F: var(--zcicn-darkred);
  --zcicn-color-636f86: var(--zcicn-grey);
  --zcicn-color-333948: var(--zcicn-black);
  --zcicn-color-226DB4: var(--zcicn-marineblue);
  --zcicn-color-c7d2e2: var(--zcicn-greySec);
  --zcicn-color-5170F9: var(--zcicn-blue);
  --zcicn-color-e9eef4: var(--zcicn-whiteSec);
  --zcicn-color-FCD8E1: var(--zcicn-redSec);
  --zcicn-color-D8DFFF: var(--zcicn-blueSec);
  --zcicn-transparent: transparent;
  /* ====== New UI Colors ====== */
  --zcicn-color-F19C2F: var(--zcicn-sandal);
  /* ====== New UI Colors ====== */
  --zcicn-color-baseStroke: var(--zcicn-color-main);
}
/* Added Colors */
.zcicn_black {
  fill: var(--zcicn-black);
}
.zcicn_white {
  fill: var(--zcicn-white);
}
.zcicn_grey {
  fill: var(--zcicn-grey);
}
.zcicn_sandal {
  fill: var(--zcicn-sandal);
}
.zcicn_red {
  fill: var(--zcicn-red);
}
.zcicn_blue {
  fill: var(--zcicn-blue);
}
.zcicn_green {
  fill: var(--zcicn-green);
}
.zcicn_purple {
  fill: var(--zcicn-purple);
}
.zcicn_violet {
  fill: var(--zcicn-violet);
}
.zcicn_cyan {
  fill: var(--zcicn-cyan);
}
.zcicn_lightGreen {
  fill: var(--zcicn-lightgreen);
}
.zcicn_yellow {
  fill: var(--zcicn-yellow);
}
.zcicn_brown {
  fill: var(--zcicn-brown);
}
.zcicn_darkRed {
  fill: var(--zcicn-darkred);
}
.zcicn_oceanBlue {
  fill: var(--zcicn-marineblue);
}
crmutil-icon {
  display: inline-flex;
  vertical-align: top;
}
.zcicn-iconStroke-Base {
  --zcicn-color-baseStroke: var(--zcicn-color-main);
}
.crmMenuRight crmutil-icon,
.wmsstatusbar crmutil-icon {
  display: inline-block;
}
#gameentrancecolour crmutil-icon {
  display: inline;
}
.zcicn-iconStroke-iconWhite {
  --zcicn-color-baseStroke: var(--zcicn-white);
}
.zcicn-iconStroke-c4c9f2 {
  --zcicn-color-baseStroke: var(--zcicn-greySec);
}
.zcicn-iconStroke-d7b2fa {
  --zcicn-color-baseStroke: var(--zcicn-violetSec);
}
.zcicn-iconStroke-83d7ff {
  --zcicn-color-baseStroke: var(--zcicn-color-83d7ff);
}
.zcicn-iconStroke-7fe5c1 {
  --zcicn-color-baseStroke: var(--zcicn-color-7fe5c1);
}
.zcicn-iconStroke-f56d6d {
  --zcicn-color-baseStroke: var(--zcicn-red);
}
.zcicn-iconStroke-57b67a {
  --zcicn-color-baseStroke: var(--zcicn-color-57b67a);
}
.zcicn-iconStroke-4a8de9 {
  --zcicn-color-baseStroke: var(--zcicn-blue);
}
.zcicn-iconStroke-black {
  --zcicn-color-baseStroke: var(--zcicn-black);
}
.zcicn-iconStroke-white {
  --zcicn-color-baseStroke: var(--zcicn-white);
}
.zcicn-iconStroke-grey {
  --zcicn-color-baseStroke: var(--zcicn-grey);
}
.zcicn-iconStroke-sandal {
  --zcicn-color-baseStroke: var(--zcicn-sandal);
}
.zcicn-iconStroke-red {
  --zcicn-color-baseStroke: var(--zcicn-red);
}
.zcicn-iconStroke-blue {
  --zcicn-color-baseStroke: var(--zcicn-blue);
}
.zcicn-iconStroke-green {
  --zcicn-color-baseStroke: var(--zcicn-green);
}
.zcicn-iconStroke-purple {
  --zcicn-color-baseStroke: var(--zcicn-purple);
}
.zcicn-iconStroke-violet {
  --zcicn-color-baseStroke: var(--zcicn-violet);
}
.zcicn-iconStroke-cyan {
  --zcicn-color-baseStroke: var(--zcicn-cyan);
}
.zcicn-iconStroke-lightgreen {
  --zcicn-color-baseStroke: var(--zcicn-lightgreen);
}
.zcicn-iconStroke-yellow {
  --zcicn-color-baseStroke: var(--zcicn-yellow);
}
.zcicn-iconStroke-brown {
  --zcicn-color-baseStroke: var(--zcicn-brown);
}
.zcicn-iconStroke-darkred {
  --zcicn-color-baseStroke: var(--zcicn-darkred);
}
.zcicn-iconStroke-oceanBlue {
  --zcicn-color-baseStroke: var(--zcicn-marineblue);
}
.crmcssBaseIcon {
  filter: invert(18%) sepia(11%) saturate(1114%) hue-rotate(202deg) brightness(98%) contrast(87%);
}
.iconWhite {
  fill: var(--zcicn-white);
}
.crmBaseIcon {
  fill: var(--zcicn-black);
}
.zcicn_c4c9f2 {
  fill: var(--zcicn-greySec);
}
.zcicn_83d7ff {
  fill: var(--zcicn-color-83d7ff);
}
.zcicn_4a8de9 {
  fill: var(--zcicn-blue);
}
.zcicn_616E88 {
  fill: var(--zcicn-grey);
}
.zcicn_7c8bae {
  fill: var(--zcicn-grey);
}
.zcicn_7b70c2 {
  fill: var(--zcicn-violet);
}
.zcicn_4c7d1f {
  fill: var(--zcicn-color-4c7d1f);
}
.zcicn_2558a0 {
  fill: var(--zcicn-color-2558a0);
}
.zcicn_7fe5c1 {
  fill: var(--zcicn-color-7fe5c1);
}
.zcicn_ffb978 {
  fill: var(--zcicn-color-ffb978);
}
.zcicn_ff9696 {
  fill: var(--zcicn-color-ff9696);
}
.zcicn_636f86 {
  fill: var(--zcicn-color-636f86);
}
.zcicn_embedSvg {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.zcicn-iconFillRed {
  fill: var(--icon-fill-color-red);
}
.zcicn-iconFillYellow {
  fill: var(--icon-fill-color-yellow);
}
.zcicn-iconFillGreen {
  fill: var(--icon-fill-color-green);
}
.zcicn-iconFillBlue {
  fill: var(--icon-fill-color-blue);
}
.zcicn-color-red-mixed {
  --zcicn-color-sec: var(--zcicn-red);
}
.zcicn-color-yellow-mixed {
  --zcicn-color-sec: var(--zcicn-yellow);
}
.zcicn-color-green-mixed {
  --zcicn-color-sec: var(--zcicn-green);
}
.zcicn-color-blue-mixed {
  --zcicn-color-sec: var(--zcicn-blue);
}
.zcicn-color-pink-mixed {
  --zcicn-color-sec: var(--zcicn-color-FBD0FF);
}
.zcicn-call-incoming.zcicn-color-mixed {
  --zcicn-color-sec: var(--zcicn-blue);
}
.zcicn-call-outgoing.zcicn-color-mixed {
  --zcicn-color-sec: var(--zcicn-green);
}
.zcicn-call-missed.zcicn-color-mixed,
.zcicn-call-cancelled.zcicn-color-mixed,
.zcicn-call-overdue.zcicn-color-mixed {
  --zcicn-color-sec: var(--zcicn-red);
}
.zcicn-call-scheduled.zcicn-color-mixed {
  --zcicn-color-sec: var(--zcicn-sandal);
}
.zcicn-f56d6d {
  fill: var(--zcicn-red);
}
.zcicn-E78D16 {
  fill: var(--zcicn-sandal);
}
.zcicn-green-bg-filled {
  --zcicn-color-white: var(--zcicn-green-bg);
  --zcicn-secondary: var(--zcicn-green);
}
.zcicn-yellow-bg-filled {
  --zcicn-color-white: var(--zcicn-sandalSec);
  --zcicn-secondary: var(--zcicn-sandal);
}
.zcicn-red-bg-filled {
  --zcicn-color-white: var(--zcicn-redSec);
  --zcicn-secondary: var(--zcicn-darkred);
}
.zcicn-blue-bg-filled {
  --zcicn-color-white: var(--zcicn-blueSec);
  --zcicn-secondary: var(--zcicn-blue);
}
/* newly added for nextgen  */
.zcicn-nextgen-Marketplace,
.zcicn-nextgen-Modules,
.zcicn-nextgen-Report,
.zcicn-nextgen-Dashboard,
.zcicn-nextgen-Setup,
.zcicn-nextgen-requester {
  --zcicn-color-sec: var(--zcicn-color-cfd5e6);
  --zcicn-color-main: var(--zcicn-color-afbad6);
}
.zcicn-nextgen-Dashboard {
  --zcicn-color-tertiary: var(--zcicn-color-37405E);
}
/* -------- */
.zcicn-search,
.zcicn-notify {
  width: 18px;
  height: 19px;
  fill: var(--zcicn-white);
}
.zcicn-color-plain {
  --zcicn-color-main: #313949;
  --zcicn-color-sec: #313949;
}
.zcicn-color-plain-fff {
  --zcicn-color-main: #fff;
  --zcicn-color-sec: #fff;
}
.zcicn-zoho-workdrive-blue,
.zcicn-zoho-docs {
  --zcicn-color-main: var(--zcicn-marineblue);
}
.zcicn-zoho-docs {
  --zcicn-color-white: var(--zcicn-color-F19C2F);
}
.crmBaseStrokeIcon {
  stroke: #313949;
}
.blueIcon {
  fill: var(--zcicn-blue);
}
.zcicn-mail-sent-solid.iconWhite {
  --zcicn-color-sec: var(--zcicn-white);
}
.zcicn-mail-sent-solid.crmBaseIcon {
  --zcicn-color-sec: var(--zcicn-black);
}
.zcicn-leads,
.zcicn-potentials,
.zcicn-contacts,
.zcicn-announcement,
.zcicn-products,
.zcicn-quotes,
.zcicn-salesorders,
.zcicn-purchaseorders,
.zcicn-invoices,
.zcicn-vendors,
.zcicn-pricebooks,
.zcicn-solutions,
.zcicn-campaigns,
.zcicn-custom,
.zcicn-cases,
.zcicn-widgets {
  --zcicn-primary: var(--zcicn-transparent);
}
.zcicn-custom {
  --zcicn-secondary: var(--zcicn-transparent);
}
.zcicn-bulb-reg-colored {
  --zcicn-primary: var(--zcicn-sandalSec);
  width: 13px;
  height: 17px;
}
.zcicn-bulb-reg {
  --zcicn-primary: var(--zcicn-transparent);
}
.zcicn-chat-curved {
  --zcicn-color-white: var(--zcicn-redSec);
}
.zcicn_embedSvg svg {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.zcicn-search-topband {
  display: inline-block;
}
.zcicn-search-topband,
.zcicn-handbag,
.zcicn-pause,
.zcicn-predictor {
  width: 18px;
  height: 19px;
}
.zcicn-notify-topband,
.zcicn-settings-topband,
.zcicn-createModule-topband,
.zcicn-mail-topband {
  display: inline-block;
}
.zcicn-notify-topband,
.zcicn-settings-topband,
.zcicn-createModule-topband,
.zcicn-mail-topband,
.zcicn-fullscreen,
.zcicn-star-line,
.zcicn-star-yellow-colored,
.zcicn-emails,
.zcicn-reaction,
.zcicn19 {
  width: 19px;
  height: 19px;
}
.zcicn-settings-topband {
  width: 18px;
}
.zcicn-celendar-topband {
  display: inline-block;
}
.zcicn-message-missed,
.zcicn-mail-info,
.zcicn-alarm,
.zcicn-myOrg,
.zcicn-twowayfoldersync {
  width: 19px;
  height: 17px;
}
.zcicn-more-hr {
  width: 17px;
  height: 4px;
}
.zcicn-more-vr {
  width: 4px;
  height: 17px;
}
.rItemIconAct .zcicn-timer-recent,
.timericonAct .zcicn-alarm,
#di-notification-icon.blinkEl .zcicn-zia-logo,
.stNotestActive .zcicn-stickynotes,
.ldchatPop_active .zcicn-monitor-avator-plain {
  fill: #f56d6d;
}
.zcicn-help,
.zcicn-record-approval,
.zcicn-info-rounded,
.zcicn-notallowed,
.zcicn-download,
.zcicn-user-search,
.zcicn-warning-rounded,
.zcicn-pathfinder,
.zcicn-filter-closed,
.zcicn-takeAtour-colored,
.zcicn-whatsapp,
.zcicn-listview,
.zcicn-kanbanview,
.zcicn-nouser,
.zcicn-documents,
.zcicn-new-report,
.zcicn-blueprint,
.zcicn-skype,
.zcicn-personaldata-colored,
.zcicn-datasource-colored,
.zcicn-emailinsightsenable,
.zcicn-emailinsightsdisable,
.zcicn-activitysuggestion,
.zcicn-individualemailtracking,
.zcicn-adjustedvalue,
.zcicn17 {
  width: 17px;
  height: 17px;
}
.color555 {
  fill: var(--zcicn-grey);
}
.ldchatPop_active .wldchat-pop-icon {
  fill: #F26522;
}
.zcicn-remainder {
  width: 21px;
  height: 20px;
}
.zcicn-tick-filled-rounded,
.zcicn-close-rounded,
.zcicn-nextgen-Dashboard {
  width: 21px;
  height: 21px;
}
.zcicn-tick-filled-rounded,
.zcicn-tick-filled-md {
  --zcicn-color-white: var(--zcicn-white);
}
.zcicn-transparent-icon {
  --zcicn-color-white: var(--zcicn-transparent);
}
.zcicn-cloud-upload,
.zcicn-cloud-download,
.zcicn-showrelatedlist {
  width: 21px;
  height: 14px;
}
.zcicn-zia-L {
  width: 32px;
  height: 25px;
}
.wms_notebook_icon:before {
  margin-top: 1px;
}
.zcicn-gamification {
  width: 23px;
  height: 16px;
}
.zcicn-invoices,
.zcicn-checkbox,
.zcicn-attachment,
.zcicn-thumbs-up,
.zcicn-thumbs-down,
.zcicn-trophy,
.zcicn-settings-reg,
.zcicn-lock-locked-line,
.zcicn-forecasts,
.zcicn-widgets,
.zcicn-setreadonlyfields,
.zcicn-linechart,
.zcicn-funnelchart,
.zcicn-addcomment,
.zcicn-reordersessions,
.zcicn15 {
  width: 15px;
  height: 15px;
}
.recentItemsListIcon .zcicn-invoices {
  margin-top: 2px;
}
.zcicn-new-dashboard,
.zcicn-ticket-comments,
.zcicn-ticket-escalation,
.zcicn-more-bgrounded,
.zcicn-more-brrounded,
.zcicn-noimage,
.zcicn-nextgen-Dashboard,
.zcicn-nextgen-Report,
.zcicn-nextgen-Search,
.zcicn-anomalyfinder,
.zcicn18 {
  width: 18px;
  height: 18px;
}
.recentItemsListIcon .zcicn-cases {
  margin-top: 1px;
}
.zcicn-multi-star,
.zcicn-potentials,
.zcicn-contacts,
.zcicn-purchaseorders,
.zcicn-appointments,
.zcicn-solutions,
.zcicn-call-missed,
.zcicn-call-overdue,
.zcicn-call-cancelled,
.zcicn-map-view,
.zcicn-actualdeals,
.zcicn-dashboards,
.zcicn-automationsetup {
  width: 18px;
  height: 17px;
}
.zcicn-enterprise {
  width: 15px;
  height: 13px;
}
.zcicn-copy-clip,
.zcicn-eye-closed,
.zcicn-docs,
.zcicn-plus-square,
.zcicn-minus-square,
.zcicn-myjobs,
.zcicn-searchRegular,
.zcicn-voiceofcustomer,
.zcicn-approvals,
.zcicn-chart-list,
.zcicn-reviewProcess,
.zcicn-chart-column,
.zcicn-usersettings,
.zcicn-anomalyalert,
.zcicn-trenddeals,
.zcicn-clone,
.zcicn-alertnotificationzia,
.zcicn-newproducts,
.zcicn-menushow,
.zcicn-menuhide,
.zcicn-instagram {
  width: 17px;
  height: 16px;
}
.zcicn-accounts,
.zcicn-products,
.zcicn-quotes,
.zcicn-cases,
.zcicn-messageboard,
.zcicn-mail-clicked,
.zcicn-mail-bounce,
.zcicn-campaign-clicked,
.zcicn-mail-unsubscribed,
.zcicn-company-colored,
.zcicn-tileview-canvas,
.zcicn-tableview-canvas,
.zcicn-googleadwords,
.zcicn-earlyaccess,
.zcicn-bundles,
.zcicn-pageview,
.zcicn-zohoanalytics,
.zcicn-button {
  width: 17px;
  height: 15px;
}
.zcicn-demo,
.zcicn-mail-topband,
.zcicn-leads,
.zcicn-salesorders,
.zcicn-mail-sent,
.zcicn-mail-received {
  width: 19px;
  height: 16px;
}
.zcicn-events,
.zcicn-tasks,
.zcicn-mail-opened,
.zcicn-activities,
.zcicn-campaigns,
.zcicn-survey-responce,
.zcicn-ticket-overdue,
.zcicn-myRequeste,
.zcicn-chart-pie,
.zcicn-chart-donut,
.zcicn-pageprofile,
.zcicn-sheetview,
.zcicn-splitview,
.zcicn-textwrap,
.zcicn-textwrapoff,
.zcicn-contributingfactors,
.zcicn-upcomingoppurtunities,
.zcicn-addnotesmd,
.zcicn-changedealstage,
.zcicn-createrecord,
.zcicn-customerrecord,
.zcicn-bestpricezia {
  width: 16px;
  height: 17px;
}
.zcicn-stickynotes,
.zcicn-location,
.zcicn-thumbtack,
.zcicn-thumbuntack,
.zcicn-announcement,
.zcicn-manageitems,
.zcicn-approvalProcess,
.zcicn-builderstart,
.zcicn-files,
.zcicn-enrichdata,
.zcicn-query,
.zcicn-cpqguidedsellingrule,
.zcicn-backgroundpatterns,
.zcicn-swap,
.zcicn-micse,
.zcicn-newappointments,
.zcicn-share,
.zcicn-newevents,
.zcicn-buildworkflow,
.zcicn-createmodulezia,
.zcicn-quantitytorecommendzia,
.zcicn-insightszia,
.zcicn-newcalculator,
.zcicn-newfiles,
.zcicn-newdocuments,
.zcicn-neworchestration,
.zcicn-newmicsenterprises {
  width: 15px;
  height: 16px;
}
.zcicn-help-square,
.zcicn-field-update,
.zcicn-dealdeviation,
.zcicn-ziahelp,
.zcicn-themes,
.zcicn-createmeeting,
.zcicn-generatesummary,
.zcicn-pipelineoptimization,
.zcicn-individualrecord,
.zcicn-newhome {
  width: 15px;
  height: 17px;
}
.zcicn-repeat {
  width: 15px;
  height: 19px;
}
.zcicn-ticket-new {
  width: 16px;
  height: 18px;
}
.zcicn-noFolder {
  width: 16px;
  height: 19px;
}
.zcicn-deal-won,
.zcicn-deal-lost,
.zcicn-deal-summary,
.zcicn-onlinemeeting,
.zcicn-webtab,
.zcicn-zohobooks,
.zcicn-zohoinvoice,
.zcicn-folderadd,
.zcicn-folderclose,
.zcicn-foldermove,
.zcicn-builderlefttoright,
.zcicn-brightnesshigh,
.zcicn-automatedemailtracking,
.zcicn-micsenterprise,
.zcicn-crown,
.zcicn-userprompt,
.zcicn-viewall,
.zcicn-generatereportzia,
.zcicn-newproducts,
.zcicn-newcontact,
.zcicn-newapprovals {
  width: 16px;
  height: 15px;
}
.zcicn-campaign-added,
.zcicn-gridview,
.zcicn-showsubforms,
.zcicn-showsections {
  width: 20px;
  height: 15px;
}
.zcicn-changeowner,
.zcicn-call-incoming,
.zcicn-call-outgoing,
.zcicn-call-scheduled,
.zcicn-email-footer,
.zcicn-dashboardview,
.zcicn-nextgen-Marketplace,
.zcicn-dataadministrations,
.zcicn-developerhub {
  width: 17px;
  height: 18px;
}
.zcicn-ticket-rating,
.zcicn-targetcontributor {
  width: 17px;
  height: 19px;
}
.zcicn-shield-protected {
  width: 17px;
  height: 20px;
}
.zcicn-waiting {
  width: 17px;
  height: 12px;
}
.zcicn-minus {
  width: 10px;
  height: 2px;
}
.zcicn-allusers {
  width: 31px;
  height: 17px;
}
.zcicn-showfields {
  width: 16px;
  height: 9px;
}
.zcicn-showpicklistvalues {
  width: 18px;
  height: 11px;
}
.zcicn-recommendfieldvalue {
  width: 22px;
  height: 22px;
}
.zcicn-setmandatoryfields,
.zcicn-taskstest,
.zcicn-eventstest {
  width: 13px;
  height: 14px;
}
.zcicn-setfieldvalue {
  width: 19px;
  height: 10px;
}
.zcicn-mobile {
  width: 10px;
  height: 14px;
}
.zcicn-datahub {
  width: 13px;
  height: 17px;
}
.zcicn-notespin {
  width: 7px;
  height: 9px;
}
.zcicn-navigationdown {
  width: 12px;
  height: 7px;
}
.zcicn-callintelligence {
  width: 30px;
  height: 29px;
  --zcicn-color-white: var(--zcicn-green);
  --zcicn-color-sec: var(--zcicn-green-bg);
}
.zcicn-callfilled {
  width: 11px;
  height: 11px;
}
.zcicn-thumbtackfilled {
  width: 11px;
  height: 12px;
}
.zcicn-hyphen {
  width: 11px;
  height: 2px;
}
.zcicn-ziawarning {
  width: 25px;
  height: 25px;
}
.zcicn-ziarecommendations {
  width: 25px;
  height: 23px;
}
.zcicn-ziarecommendations-colored {
  --zcicn-color-white: var(--zcicn-purpleSec);
  --zcicn-primary: var(--zcicn-purple);
}
.zcicn-inprogess {
  width: 18px;
  height: 13px;
}
.zcicn-recommendfieldvaluefilled {
  width: 13px;
  height: 15px;
}
.zcicn-modulefeeds {
  width: 8px;
  height: 7px;
}
/*========= Embed icon related changes =========*/
.zcicn-message,
.zcicn-messages,
.zcicn-zoomplus,
.zcicn-zoomminus,
.zcicn-numberofprediction,
.zcicn-relatedlist,
.zcicn-callssm,
.zcicn-newfeeds {
  width: 15px;
  height: 14px;
}
.zcicn-mail,
.zcicn-column-arrange,
.zcicn-mail-envolope {
  width: 15px;
  height: 13px;
}
.zcicn-zia-logo,
.zcicn-users-group,
.zcicn-group-plain {
  width: 18px;
  height: 14px;
}
.zcicn-market-down,
.zcicn-market-up {
  width: 18px;
  height: 12px;
}
.zcicn-monitor-avatar {
  width: 17px;
  height: 13px;
  --zcicn-color-white: var(--zcicn-lightgreenSec);
}
.zcicn-timer-recent,
.zcicn-refer,
.zcicn-refer-p2p,
.zcicn-zoho-workdrive,
.zcicn-reorder,
.zcicn-mail-edit,
.zcicn-mail-scheduled,
.zcicn-viewPathway,
.zcicn-dataprocessingbasis-colored,
.zcicn-showbuttonsandlinks {
  width: 18px;
  height: 16px;
}
.zcicn-listview-custom {
  width: 18px;
  height: 15px;
}
.zcicn-support,
.zcicn-support-avatar,
.zcicn-location-green-filled,
.zcicn-notes,
.zcicn-attachment-text,
.zcicn-attachment-document,
.zcicn-attachment-pdf,
.zcicn-attachment-zip,
.zcicn-attachment-sheet,
.zcicn-attachment-chart,
.zcicn-attachment-noformat,
.zcicn-home,
.zcicn-thumbs-up-solid,
.zcicn-thumbs-down-solid,
.zcicn-delete-line,
.zcicn-fileupload,
.zcicn-newusers,
.zcicn-competitornameszia,
.zcicn-newsalesorder,
.zcicn-generateresponse,
.zcicn-newnotes,
.zcicn-newtasks {
  width: 14px;
  height: 16px;
}
.zcicn-notes-added,
.zcicn-responce-new,
.zcicn-nomobile {
  width: 14px;
  height: 17px;
}
.zcicn-seedifference {
  width: 14px;
  height: 18px;
}
.zcicn-new-module,
.zcicn-monitor-avator-plain,
.zcicn-visits,
.zcicn-fieldupdate-blue-filled,
.zcicn-column-reset,
.zcicn-mail-log,
.zcicn-social-twiter,
.zcicn-arrow-back,
.zcicn-projects,
.zcicn-zoho-workdrive-blue,
.zcicn-zoho-docs,
.zcicn-massemailtracking,
.zcicn-timeclock,
.zcicn-predictedachivement,
.zcicn-newmessages {
  width: 17px;
  height: 14px;
}
.zcicn-drag {
  width: 6px;
  height: 11px;
}
.zcicn-asterisk {
  width: 6px;
  height: 5px;
}
.zcicn-arrow-left-line,
.zcicn-arrow-right-line {
  width: 6px;
  height: 10px;
}
.zcicn-arrow-right-line,
.zcicn-arrow-right-line-md,
.zcicn-arrow-up-lined {
  transform: rotate(180deg);
}
.zcicn-arrow-left-line-md,
.zcicn-arrow-right-line-md,
.zcicn-usd {
  width: 9px;
  height: 14px;
}
.zcicn_57b67a {
  fill: var(--zcicn-color-57b67a);
}
.zcicn-arrow-down-solid {
  width: 10px;
  height: 7px;
}
.zcicn-delete-md {
  width: 10px;
  height: 13px;
}
.zcicn-phone-green-filled,
.zcicn-attachment-image,
.zcicn-google-drive,
.zcicn-feeds,
.zcicn-zohoexpense,
.zcicn-columnlist,
.zcicn-subforms,
.zcicn-timelineview,
.zcicn-tableview-colored,
.zcicn-knowledgebasezia,
.zcicn-transfer,
.zcicn-newvendors,
.zcicn-newcases,
.zcicn-newvisits {
  width: 16px;
  height: 14px;
}
.zcicn-attachment-video {
  width: 16px;
  height: 13px;
  --zcicn-color-white: var(--zcicn-purpleSec);
}
.zcicn-outboundconnections,
.zcicn-listviewcomponents,
.zcicn-newprojects {
  width: 16px;
  height: 13px;
}
.zcicn-eye-open,
.zcicn-salesinbox,
.zcicn-rootmen,
.zcicn-newsalesinboxu {
  width: 16px;
  height: 12px;
}
.zcicn-tasksm-solid,
.zcicn-eventssm-solid {
  width: 11px;
  height: 13px;
}
.zcicn-gapanalyzer {
  width: 22px;
  height: 21px;
}
.zcicn-achievedmoney,
.zcicn-lookupsearch {
  width: 17px;
  height: 11px;
}
/*===== Social network ===== */
.zcicn-social-facebook {
  width: 9px;
  height: 16px;
}
.zcicn-slide {
  width: 9px;
  height: 17px;
}
.zcicn-events.h_overdue,
.zcicn-tasks.h_overdue,
.zcicn-calls.h_overdue {
  fill: #FA7977;
  background: transparent;
}
.zcicn-events.h_latertask,
.zcicn-tasks.h_latertask,
.zcicn-calls.h_latertask {
  fill: #10B19D;
  background: transparent;
}
.zcicn-events.h_todaytask,
.zcicn-tasks.h_todaytask,
.zcicn-calls.h_todaytask {
  fill: #F19C2F;
  background: transparent;
}
/*===== Social network End ===== */
.zcicn-plus-rounded,
.zcicn-minus-rounded,
.zcicn-presciptor {
  width: 23px;
  height: 23px;
}
.zcicn-column-add {
  width: 23px;
  height: 19px;
}
.zcicn-bolt {
  width: 10px;
  height: 17px;
}
.zcicn-move,
.zcicn-rewind {
  width: 12px;
  height: 11px;
}
.zcicn-lock-locked,
.zcicn-column-arrange-vertical,
.zcicn-AnimatedSize {
  width: 12px;
  height: 14px;
}
.zcicn-arrow-sort,
.zcicn-droplet {
  width: 8px;
  height: 11px;
}
.zcicn-arrow-down-lined,
.zcicn-arrow-up-lined {
  width: 10px;
  height: 16px;
}
.zcicn-chart-bar-reg,
.zcicn-rotate-90 {
  transform: rotate(90deg);
}
.zcicn-thumbs-down,
.zcicn-market-up,
.zcicn-thumbs-down-solid {
  transform: rotateX(180deg);
}
/*.zcicn-listview {
	width: 15px;
	height: 12px;
}*/
.zcicn-details {
  width: 15px;
  height: 10px;
}
.zcicn-prediction,
.zcicn-organize {
  width: 14px;
  height: 10px;
}
.zcicn-tick-filled-md {
  width: 13px;
  height: 12px;
}
.zcicn-phone,
.zcicn-attachment-audio,
.zcicn-mic-solid,
.zcicn-leadnurturing {
  width: 12px;
  height: 16px;
}
.zcicn-tick,
.zcicn-setfieldvaluefilled {
  width: 13px;
  height: 9px;
}
.zcicn-summary-intent {
  width: 18px;
  height: 21px;
}
.zcicn-summary-swot {
  width: 20px;
  height: 19px;
}
.zcicn-chart-bar,
.zcicn-table-view,
.zcicn-mail-tracking {
  width: 20px;
  height: 18px;
}
.zcicn-marketplace,
.zcicn-nextgen-Report,
.zcicn-verifyfields,
.zcicn-reply,
.zcicn-overthennow,
.zcicn-downthenover,
.zcicn-ziatopbarmd {
  width: 20px;
  height: 17px;
}
.zcicn-message-refresh,
.zcicn-myProfile {
  width: 20px;
  height: 20px;
}
.zcicn-summary-channel,
.zcicn-summary-segment,
.zcicn-summary-keyword,
.zcicn-nextgen-Modules {
  width: 20px;
  height: 21px;
}
.zcicn-bulb {
  width: 27px;
  height: 30px;
}
.zcicn-pending-colored {
  width: 27px;
  height: 27px;
  --zcicn-primary: var(--zcicn-black);
  --zcicn-secondary: var(--zcicn-sandalSec);
}
.zcicn-frustration {
  width: 26px;
  height: 21px;
}
.zcicn-desk {
  width: 14px;
  height: 19px;
}
.zcicn-first-time {
  width: 26px;
  height: 22px;
}
.zcicn-bundle {
  width: 23px;
  height: 24px;
}
.zcicn-repeat-md {
  width: 20px;
  height: 24px;
}
.zcicn-relationship {
  width: 21px;
  height: 22px;
}
.zcicn-sequence {
  width: 25px;
  height: 23px;
}
.zcicn-nextgen-Setup,
.zcicn-customsettings {
  width: 21px;
  height: 19px;
}
.zcicn-mailtopbarmd {
  width: 21px;
  height: 18px;
}
.zcicn-more-hr-md,
.zcicn-more-hr-reg {
  width: 14px;
  height: 4px;
}
.zcicn-more-bgrounded,
.zcicn-more-brrounded {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.zcicn-more-bgrounded {
  background: var(--zcicn-whiteSec);
  border: 1px solid var(--zcicn-whiteSec);
  box-sizing: border-box;
}
.zcicn-more-brrounded {
  border: 1px solid var(--zcicn-color-c7d2e2);
  background-color: var(--zcicn-white);
}
.zcicn-more-bgrounded svg,
.zcicn-more-brrounded svg {
  margin-top: 1px;
}
.wmsstatusbar .zcicn-timer-recent,
.wmsstatusbar .zcicn-stickynotes,
.crm-wms-icon .zcicn-monitor-avator-plain {
  margin-top: 6px !important;
}
.wmsstatusbar .zcicn-zia-logo {
  margin-top: 7px !important;
}
.zcicn-warning-lg {
  width: 46px;
  height: 43px;
}
.zcicn-horizontalsort {
  width: 9px;
  height: 6px;
}
.zcicn-zohocrm,
.zcicn-zohoanalyticslogo {
  width: 19px;
  height: 13px;
}
.zcicn-similaritywidget {
  width: 16px;
  height: 11px;
}
.zcicn-ziabulb {
  width: 12px;
  height: 17px;
}
.zcicn-waitinghourglass {
  width: 11px;
  height: 15px;
}
.zcicn-waitinghourglassfilled {
  width: 9px;
  height: 12px;
}
.zcicn-mic,
.zcicn-target,
.zcicn-actionszia {
  width: 13px;
  height: 16px;
}
.zcicn-timer-colored {
  --zcicn-color-white: var(--zcicn-cyanSec);
}
.zcicn-crmextendupdateforusers {
  width: 23px;
  height: 20px;
}
.zcicn-openAI {
  width: 33px;
  height: 33px;
}
/* ======== New UI Icons ======== */
.zcicn-leaf {
  width: 22px;
  height: 25px;
}
.zcicn-uploadImage {
  width: 22px;
  height: 22px;
}
.zcicn-upload-image {
  width: 25px;
  height: 26px;
}
.zcicn-leaf-colored {
  --zcicn-color-main: var(--zcicn-yellow);
  --zcicn-color-sec: var(--zcicn-orangeyellow-bg);
}
.zcicn-celendar-topband,
.zcicn-folder,
.zcicn-nextgen-requester {
  width: 19px;
  height: 18px;
}
.zcicn-star-line {
  --zcicn-color-sec: var(--zcicn-white);
  --zcicn-color-main: var(--zcicn-grey);
}
.zcicn-star-line:hover {
  --zcicn-color-main: var(--zcicn-black);
}
.zcicn-star-white {
  --zcicn-color-main: var(--zcicn-white);
}
.zcicn-star-white:hover {
  --zcicn-color-main: var(--zcicn-greySec);
}
.zcicn-star-yellow-colored {
  --zcicn-color-main: var(--zcicn-sandal);
  --zcicn-color-sec: var(--zcicn-sandalSec);
}
.zcicn-logout-colored {
  --zcicn-color-main: var(--zcicn-darkred);
  --zcicn-color-sec: var(--zcicn-negativered-bg);
}
.zcicn-nxtGenGift-colored {
  --zcicn-color-main: var(--zcicn-black);
  --zcicn-color-sec: var(--zcicn-redSec);
  --zcicn-color-tertiary: var(--zcicn-blueSec);
  width: 30px;
  height: 28px;
}
.zcicn-nxtGenRefer-colored {
  --zcicn-color-main: var(--zcicn-black);
  --zcicn-color-sec: var(--zcicn-greenSec);
  --zcicn-color-tertiary: var(--zcicn-yellowSec);
  width: 36px;
  height: 31px;
}
.zcicn-next-gengroup {
  width: 37px;
  height: 26px;
}
.zcicn-next-gengroup-colored {
  --zcicn-color-white: var(--zcicn-greenishcyan-bg);
  --zcicn-secondary: var(--zcicn-cyan);
}
.zcicn-sparkle-colored {
  width: 18px;
  height: 19px;
  --zcicn-primary: var(--zcicn-sandal);
  --zcicn-secondary: var(--zcicn-redSec);
  --zcicn-tertiary: var(--zcicn-cyan);
}
.zcicn-notifiytopbarmd,
.zcicn-settingstopbarmd {
  width: 18px;
  height: 20px;
}
/* ======== New UI Icons ======== */
.zcicn-link-blue-filled {
  --zcicn-color-white: var(--zcicn-blueSec);
  --zcicn-color-main: var(--zcicn-black);
}
.zcicn-chat-conversation-colored {
  --zcicn-color-white: var(--zcicn-cyanSec);
}
.zcicn-mail-tracking-colored {
  --zcicn-color-white: var(--zcicn-purpleSec);
}
.zcicn-message-colored {
  --zcicn-color-white: var(--zcicn-lightgreenSec);
}
.zcicn-announcement-colored {
  --zcicn-primary: var(--zcicn-purpleSec);
}
.zcicn-survey-responce-colored,
.zcicn-attachment-zip-colored,
.zcicn-fax-yellow-filled {
  --zcicn-color-white: var(--zcicn-sandalSec);
}
.zcicn-social-facebook-colored,
.zcicn-social-twiter-colored {
  --zcicn-color-white: var(--zcicn-color-83d7ff);
}
.zcicn-backstage-colored,
.zcicn-mail-envolope-colored {
  --zcicn-color-white: var(--zcicn-blueSec);
}
.zcicn-bulb-colored {
  --zcicn-color-white: var(--zcicn-sandalSec);
}
.zcicn-onlinemeeting-online {
  --zcicn-color-white: var(--zcicn-cyanSec);
}
.zcicn-message-missed-colored {
  --zcicn-color-white: var(--zcicn-redSec);
}
.zcicn-takeAtour-colored {
  --zcicn-color-white: var(--zcicn-redSec);
  --zcicn-color-sec: var(--zcicn-greenSec);
}
.zcicn-chart-pie-grey-multi,
.zcicn-chart-donut-grey-multi {
  --zcicn-chart-primary: var(--zcicn-grey);
  --zcicn-chart-secondary: var(--zcicn-cadetgreySec);
  --zcicn-chart-tertiary: var(--zcicn-black);
}
.zcicn-chart-grey-multi,
.zcicn-chart-column-grey-multi {
  --zcicn-chart-primary: var(--zcicn-black);
  --zcicn-chart-secondary: var(--zcicn-grey);
  --zcicn-chart-tertiary: var(--zcicn-cadetgreySec);
}
.zcicn-chart-pie-colored,
.zcicn-chart-donut-colored,
.zcicn-treemapchart-colored {
  --zcicn-chart-primary: var(--zcicn-green);
  --zcicn-chart-secondary: var(--zcicn-blue);
  --zcicn-chart-tertiary: var(--zcicn-red);
}
.zcicn-chart-bar-reg-colored,
.zcicn-chart-column-colored {
  --zcicn-chart-primary: var(--zcicn-red);
  --zcicn-chart-secondary: var(--zcicn-green);
  --zcicn-chart-tertiary: var(--zcicn-blue);
}
.zcicn-chart-list {
  --zcicn-primary: var(--zcicn-black);
  --zcicn-secondary: var(--zcicn-grey);
  --zcicn-tertiary: var(--zcicn-cadetgreySec);
}
.zcicn-chart-list-colored {
  --zcicn-primary: var(--zcicn-red);
  --zcicn-secondary: var(--zcicn-green);
  --zcicn-tertiary: var(--zcicn-blue);
}
.zcicn-support-avatar {
  --zcicn-primary: var(--zcicn-cyanSec);
}
.zcicn-earlyaccess {
  --zcicn-primary: var(--zcicn-green);
  --zcicn-secondary: var(--zcicn-sandal);
}
.zcicn-beta {
  --zcicn-primary: var(--zcicn-blueSec);
  --zcicn-secondary: var(--zcicn-black);
  width: 13px;
  height: 18px;
}
.zcicn-writingassistant-lg {
  width: 26px;
  height: 26px;
}
.zcicn-automation {
  width: 10px;
  height: 15px;
}
.zcicn-writingassistant-lg-colored {
  --zcicn-color-white: var(--zcicn-blueSec);
  --zcicn-primary: var(--zcicn-blue);
}
.zcicn-expand-sm {
  --zcicn-color-white: var(--zcicn-transparent);
}
.zcicn-expand-blue-filled-colored {
  --zcicn-color-white: var(--zcicn-blueSec);
  fill: var(--zcicn-color-5170F9);
}
.zcicn-leads-colored {
  --zcicn-color-white: var(--zcicn-sandalSec);
}
.zcicn-contacts-colored {
  --zcicn-color-white: var(--zcicn-cyanSec);
}
.zcicn-potentials-colored {
  --zcicn-color-white: var(--zcicn-redSec);
}
.zcicn-call-blue-filled {
  --zcicn-color-white: var(--zcicn-blueSec);
}
.zcicn-task-red-filled {
  --zcicn-color-white: var(--zcicn-redSec);
}
.zcicn-company-colored,
.zcicn-accounts-colored {
  --zcicn-color-white: var(--zcicn-violetSec);
}
.zcicn-products-colored {
  --zcicn-color-white: var(--zcicn-yellow);
}
.zcicn-quotes-colored {
  --zcicn-color-white: var(--zcicn-purpleSec);
}
.zcicn-salesorders-colored {
  --zcicn-color-white: var(--zcicn-blueSec);
}
.zcicn-purchaseorders-colored {
  --zcicn-color-white: var(--zcicn-cyanSec);
}
.zcicn-invoices-colored {
  --zcicn-color-white: var(--zcicn-blueSec);
}
.zcicn-vendors-colored {
  --zcicn-color-white: var(--zcicn-lightgreenSec);
}
.zcicn-pricebooks-colored {
  --zcicn-color-white: var(--zcicn-sandalSec);
}
.zcicn-solutions-colored {
  --zcicn-color-white: var(--zcicn-blueSec);
}
.zcicn-custom-colored {
  --zcicn-primary: var(--zcicn-blueSec);
  --zcicn-secondary: var(--zcicn-redSec);
}
.zcicn-campaigns-colored {
  --zcicn-color-white: var(--zcicn-violetSec);
}
.zcicn-cases-colored {
  --zcicn-color-white: var(--zcicn-purpleSec);
}
.zcicn-events-colored {
  --zcicn-color-white: var(--zcicn-purpleSec);
}
.zcicn-reviewProcess {
  --zcicn-color-white: var(--zcicn-blueSec);
}
.zcicn-approvalProcess {
  --zcicn-color-white: var(--zcicn-greenSec);
}
.zcicn-blueprint {
  --zcicn-color-white: var(--zcicn-greenSec);
  --zcicn-secondary: var(--zcicn-blueSec);
}
.zcicn-noimage {
  --zcicn-primary: var(--zcicn-whiteSec);
  --zcicn-secondary: var(--zcicn-cadetgreySec);
}
.zcicn-nouser {
  --zcicn-primary: var(--zcicn-whiteSec);
  --zcicn-secondary: var(--zcicn-cadetgreySec);
}
.zcicn-users-group-colored {
  --zcicn-color-white: var(--zcicn-sandalSec);
}
.zcicn-attachment-text {
  --zcicn-color-white: var(--zcicn-violetSec);
}
.zcicn-attachment-document {
  --zcicn-color-white: var(--zcicn-blueSec);
}
.zcicn-attachment-document-plain {
  --zcicn-color-white: var(--zcicn-transparent);
}
.zcicn-attachment-pdf {
  --zcicn-color-white: var(--zcicn-redSec);
  --zcicn-color-sec: var(--zcicn-sandalSec);
}
.zcicn-attachment-pdf-plain {
  --zcicn-color-white: var(--zcicn-transparent);
  --zcicn-color-sec: var(--zcicn-transparent);
}
.zcicn-attachment-audio {
  --zcicn-color-white: var(--zcicn-cyanSec);
}
.zcicn-attachment-sheet {
  --zcicn-color-white: var(--zcicn-greenSec);
}
.zcicn-attachment-image {
  --zcicn-color-white: var(--zcicn-yellowSec);
}
.zcicn-attachment-chart {
  --zcicn-color-white: var(--zcicn-lightgreenSec);
}
.zcicn-attachment-noformat {
  --zcicn-color-white: var(--zcicn-greySec);
}
.zcicn-phone-green-filled {
  --zcicn-color-white: var(--zcicn-lightgreenSec);
}
.zcicn-phone-plain {
  --zcicn-color-white: var(--zcicn-transparent);
}
.zcicn-filter-closed {
  --zcicn-color-white: var(--zcicn-red);
}
.zcicn-location-green-filled {
  --zcicn-color-white: var(--zcicn-cyanSec);
}
.zcicn-refer {
  --zcicn-color-white: var(--zcicn-violetSec);
}
.zcicn-gift {
  --zcicn-color-white: var(--zcicn-redSec);
}
.zcicn-fieldupdate-blue-filled {
  --zcicn-color-white: var(--zcicn-violetSec);
}
.zcicn-voiceofcustomer {
  --zcicn-color-white: var(--zcicn-marineblue);
  --zcicn-color-sec: var(--zcicn-sandal);
  --zcicn-color-tertiary: var(--zcicn-green);
}
.zcicn-voiceofcustomer-blue {
  --zcicn-color-white: var(--zcicn-blue);
  --zcicn-color-sec: var(--zcicn-blue);
  --zcicn-color-tertiary: var(--zcicn-blue);
}
.zcicn-trophy,
.zcicn-files-colored {
  --zcicn-color-white: var(--zcicn-yellowSec);
}
.zcicn-csvFileUpload {
  --zcicn-color-white: var(--zcicn-blue);
  width: 48px;
  height: 56px;
}
.zcicn-datasubjectrequest-colored {
  --zcicn-color-white: var(--zcicn-purpleSec);
}
.zcicn-personaldata-colored {
  --zcicn-color-white: var(--zcicn-greenSec);
}
.zcicn-datasource-colored {
  --zcicn-color-white: var(--zcicn-violetSec);
}
.zcicn-dataprocessingbasis-colored {
  --zcicn-color-white: var(--zcicn-sandalSec);
}
.zcicn-widgets-colored {
  --zcicn-color-white: var(--zcicn-sandalSec);
}
.zcicn-showrelatedlist {
  --zcicn-color-white: var(--zcicn-greySec);
}
.zcicn-accessenabled {
  width: 19px;
  height: 21px;
}
.zcicn-timezone {
  width: 19px;
  height: 22px;
}
.zcicn-accessenabled-colored {
  --zcicn-color-white: var(--zcicn-greenSec);
}
.zcicn-twowayfoldersync-colored {
  --zcicn-color-white: var(--zcicn-blueSec);
}
.zcicn-mobile-colored {
  --zcicn-color-white: var(--zcicn-violetSec);
}
.zcicn-overthennow,
.zcicn-downthenover {
  --zcicn-color-white: var(--zcicn-greySec);
}
.zcicn-areachart-colored {
  --zcicn-color-white: var(--zcicn-blue);
  --zcicn-color-sec: var(--zcicn-green);
}
.zcicn-linechart-colored {
  --zcicn-primary: var(--zcicn-blue);
  --zcicn-secondary: var(--zcicn-green);
  --zcicn-tertiary: var(--zcicn-red);
}
.zcicn-funnelchart-colored {
  --zcicn-primary: var(--zcicn-red);
  --zcicn-secondary: var(--zcicn-green);
  --zcicn-tertiary: var(--zcicn-blue);
}
.zcicn-new-report-colored {
  --zcicn-color-white: var(--zcicn-blueSec);
}
.zcicn-dashboards-colored {
  --zcicn-color-white: var(--zcicn-purpleSec);
}
.zcicn-automatedemailtracking-colored {
  --zcicn-color-white: var(--zcicn-greenSec);
}
.zcicn-massemailtracking-colored {
  --zcicn-color-white: var(--zcicn-sandalSec);
}
.zcicn-individualemailtracking-colored {
  --zcicn-color-white: var(--zcicn-purpleSec);
}
.zcicn-micsenterprise-colored {
  --zcicn-color-white: var(--zcicn-redSec);
}
.zcicn-filterapplied {
  --zcicn-color-white: var(--zcicn-violet);
}
.zcicn-competitornameszia-colored {
  --zcicn-color-white: var(--zcicn-cyanSec);
}
.zcicn-alertnotificationzia-colored {
  --zcicn-color-white: var(--zcicn-sandalSec);
}
.zcicn-newapps-colored {
  --zcicn-color-white: var(--zcicn-blueSec);
  --zcicn-secondary: var(--zcicn-redSec);
}
.zcicn-reportinghierarchy-colored {
  --zcicn-color-white: var(--zcicn-sandalSec);
}
.zcicn-localeinformation-colored {
  --zcicn-color-white: var(--zcicn-purpleSec);
}
.zcicn-roles-colored {
  --zcicn-color-white: var(--zcicn-lightgreenSec);
}
.zcicn-tailormadesolutions-colored {
  --zcicn-color-white: var(--zcicn-red);
  --zcicn-secondary: var(--zcicn-negativered-bg);
  width: 29px;
  height: 33px;
}
.zcicn-buildcustomfunctions-colored {
  --zcicn-color-white: var(--zcicn-cyan);
  --zcicn-secondary: var(--zcicn-greenishcyan-bg);
  width: 30px;
  height: 31px;
}
.zcicn-developinteractivewidgets-colored {
  --zcicn-color-white: var(--zcicn-violet);
  --zcicn-secondary: var(--zcicn-purple-bg);
  width: 32px;
  height: 31px;
}
.zcicn-optimizethemlpipeline-colored {
  --zcicn-color-white: var(--zcicn-red);
  --zcicn-secondary: var(--zcicn-negativered-bg);
  width: 32px;
  height: 32px;
}
.zcicn-newappointments-colored {
  --zcicn-color-white: var(--zcicn-sandalSec);
}
/*=========== Default Icon Size CSS Start ===========*/
.zcicn-services,
.zcicn-custom,
.zcicn-vendors,
.zcicn-chart-bar-reg,
.zcicn-filter,
.zcicn-gift,
.zcicn-pricebooks,
.zcicn-calls,
.zcicn-commandCenter,
.zcicn-campaigns,
.zcicn-multiplecalls,
.zcicn-teammodule,
.zcicn-areachart,
.zcicn-filterapplied {
  width: 16px;
  height: 16px;
}
.zcicn-arrow-down-lined.zcicn12,
.zcicn-arrow-up-lined.zcicn12,
.zcicn-doublenavigationdown {
  width: 12px;
  height: 12px;
}
.zcicn-timer-solid,
.zcicn-info-solid,
.zcicn-users-single-solid-md,
.zcicn-expand-sm,
.zcicn-messagefilled,
.zcicn-showpicklistvaluesfilled,
.zcicn-appointmentssm-solid,
.zcicn-repeatsm-solid {
  width: 13px;
  height: 13px;
}
.zcicn13,
.zcicn-call-blue-filled,
.zcicn-fax-yellow-filled,
.zcicn-link-blue-filled,
.zcicn-link,
.zcicn-fax,
.zcicn-writingassistance,
.zcicn-copylink {
  width: 14px;
  height: 14px;
}
.zcicn-usergroup-solid,
.zcicn-undo,
.zcicn-folderopen {
  width: 14px;
  height: 12px;
}
.zcicn-foldernormal,
.zcicn-linechat {
  width: 14px;
  height: 13px;
}
.zcicn14 {
  width: 15px;
  height: 16px;
}
.zcicn32 {
  width: 32px;
  height: 32px;
}
.zcicn24 {
  width: 24px;
  height: 24px;
}
.zcicn-salesrecommendationzia-colored {
  width: 24px;
  height: 25px;
  --zcicn-color-white: var(--zcicn-violetSec);
  --zcicn-primary: var(--zcicn-violet);
}
.zcicn16,
.zcicn_large {
  width: 16px;
  height: 16px;
}
.zcicn12,
.zcicn_medium {
  width: 12px;
  height: 12px;
}
.zcicn9 {
  width: 9px;
  height: 9px;
}
.zcicn8,
.zcicn_small {
  width: 8px;
  height: 8px;
}
.zcicn-editHover:hover {
  fill: var(--zcicn-blue);
  transition: ease-in-out 0.3s;
}
.zcicn-deleteHover:hover {
  fill: var(--zcicn-red);
  transition: ease-in-out 0.3s;
}
.zcicn-stroke {
  fill: none !important;
  stroke-width: 1.5;
  stroke-miterlimit: 10;
}
/*=========== Default Icon Size CSS End ===========*/
/*===== Remove Help icon in Setup dummy CSS =====*/
.removeBGSetupHelpIcon:before {
  display: none !important;
}
.removeBGUrlNone {
  background: none !important;
  height: auto;
  width: auto;
}
/* zia icons */
.zcicn-ziascore {
  width: 30px;
  height: 24px;
}
.zcicn-customersatisfaction {
  width: 30px;
  height: 31px;
}
.zcicn-politeness {
  width: 30px;
  height: 29px;
}
.zcicn-nextbestexperience {
  width: 29px;
  height: 26px;
}
.zcicn-besttime {
  width: 37px;
  height: 33px;
}
.zcicn-differenttime {
  width: 36px;
  height: 32px;
}
.zcicn-overallscore {
  width: 17px;
  height: 19px;
}
.zcicn-customerunderstanding {
  width: 21px;
  height: 21px;
}
.zcicn-callpoliteness {
  width: 20px;
  height: 20px;
}
.zcicn-outgoingcalls,
.zcicn-calendartopbarmd {
  width: 19px;
  height: 20px;
}
.zcicn-incomingcalls {
  width: 19px;
  height: 20px;
}
.zcicn-callsdone {
  width: 20px;
  height: 20px;
}
.zcicn-callstranscribed {
  width: 19px;
  height: 20px;
}
.zcicn-ziaGallery {
  width: 31px;
  height: 24px;
}
.zcicn-groupoutline {
  width: 18px;
  height: 14px;
}
.zcicn-imageValidation {
  width: 19px;
  height: 15px;
  --zcicn-color-white: var(--zcicn-yellowSec);
}
.zcicn-motivator {
  --zcicn-color-white: var(--zcicn-red);
}
.zcicn-macrosuggestion {
  width: 24px;
  height: 28px;
}
.zcicn-workflowsuggestion {
  width: 23px;
  height: 24px;
}
.zcicn-topdownforecastType,
.zcicn-bottomupforecastType,
.zcicn-forecastType {
  width: 35px;
  height: 36px;
}
.zcicn-forecastType {
  --zcicn-primary: var(--zcicn-cadetgreySec);
  --zcicn-secondary: var(--zcicn-cadetgreySec);
  --zcicn-tertiary: var(--zcicn-cadetgreySec);
}
.zcicn-topdownforecastType {
  --zcicn-primary: var(--zcicn-red);
  --zcicn-secondary: var(--zcicn-green);
  --zcicn-tertiary: var(--zcicn-yellow);
}
.zcicn-bottomupforecastType {
  --zcicn-primary: var(--zcicn-green);
  --zcicn-secondary: var(--zcicn-red);
  --zcicn-tertiary: var(--zcicn-yellow);
}
.zcicn16.zcicn-plus-rounded,
.zcicn16.zcicn-minus-rounded {
  height: 17px;
}
.zcicn20 {
  width: 20px;
  height: 20px;
}
/* newly changed modules icons */
.zcicn-newleads-colored,
.zcicn-newservices-colored,
.zcicn-newpricebooks-colored,
.zcicn-newsalesinbox-colored {
  --zcicn-color-white: var(--zcicn-sandalSec);
}
.zcicn-newcontact-colored,
.zcicn-newworkqueue-colored {
  --zcicn-color-white: var(--zcicn-greenSec);
}
.zcicn-newinvoice-colored,
.zcicn-newcalls-colored,
.zcicn-newsalesorder-colored,
.zcicn-newsolutions-colored,
.zcicn-newreports-colored,
.zcicn-newprojects-colored {
  --zcicn-color-white: var(--zcicn-blueSec);
}
.zcicn-newusers-colored,
.zcicn-newpurchaseorders-colored {
  --zcicn-color-white: var(--zcicn-cyanSec);
}
.zcicn-newterritory-colored,
.zcicn-newaccounts-colored,
.zcicn-newannouncements-colored,
.zcicn-newforecast-colored {
  --zcicn-color-white: var(--zcicn-violetSec);
}
.zcicn-newsocial-colored,
.zcicn-newvendors-colored,
.zcicn-newfiles-colored,
.zcicn-newnotes-colored,
.zcicn-newmessages-colored {
  --zcicn-color-white: var(--zcicn-lightgreenSec);
}
.zcicn-newquotes-colored,
.zcicn-newevents-colored,
.zcicn-newcustommodule-colored,
.zcicn-newcases-colored,
.zcicn-newfeeds-colored {
  --zcicn-color-white: var(--zcicn-purpleSec);
}
.zcicn-newproducts-colored,
.zcicn-newdocuments-colored,
.zcicn-neworchestration-colored,
.zcicn-newvisits-colored {
  --zcicn-color-white: var(--zcicn-yellowSec);
}
.zcicn-newpotentials-colored,
.zcicn-newcalculator-colored,
.zcicn-newapprovals-colored,
.zcicn-newtasks-colored,
.zcicn-newmicsenterprises-colored {
  --zcicn-color-white: var(--zcicn-redSec);
}
.zcicn-newtranslate-colored {
  --zcicn-color-white: var(--zcicn-cyanSec);
  --zcicn-color-sec: var(--zcicn-lightgreenSec);
}
.zcicn-newhome-colored {
  --zcicn-color-white: var(--zcicn-pinkSec);
}
.zcicn-newactivities-colored {
  --zcicn-color-white: var(--zcicn-brownSec);
}
/* newly changed modules icons */
.zcicn-tableview-colored {
  --zcicn-color-white: var(--zcicn-green);
}
.zcicn-severity-low-colored {
  --zcicn-severity-primary: var(--zcicn-grey);
  --zcicn-severity-secondary: var(--zcicn-greySec);
  --zcicn-severity-tertiary: var(--zcicn-greySec);
}
.zcicn-severity-medium-colored {
  --zcicn-severity-primary: var(--zcicn-sandal);
  --zcicn-severity-secondary: var(--zcicn-sandal);
  --zcicn-severity-tertiary: var(--zcicn-greySec);
}
.zcicn-severity-high-colored {
  --zcicn-severity-primary: var(--zcicn-red);
  --zcicn-severity-secondary: var(--zcicn-red);
  --zcicn-severity-tertiary: var(--zcicn-red);
}
:root {
  --lyte-input-border-color: #C0C6CC;
  --lyte-input-hover-border-color: #787D83;
  --lyte-input-focus-border-color: #4796ED;
  --lyte-input-error-border-color: #FF5D5A;
  --lyte-input-disabled-border-color: #DBE0E5;
  --lyte-input-bg: #fff;
  --lyte-input-text-color: #313949;
  --lyte-input-placeholder-text-color: var(--pxColorPlaceholder);
  --lyte-input-disabled-bg: #F4F5F6;
  --lyte-input-shadow: none;
  --lyte-input-focus-shadow: #4796ED;
  --lyte-input-hover-shadow: none;
  --lyte-input-right-icon-bg: #F0F4FF;
  --lyte-input-manatory-border-color: #FF5D5A;
  --lyte-input-close-icon-bg: #d9e1e9;
  --lyte-input-error-bg: #FFF7FA;
}
.pxFormSubHeader {
  font-size: var(--pxFontSizeXRegular);
  color: var(--pxColorHeading);
  font-family: var(--pxFontMedium);
  margin-bottom: 25px;
}
.cruxFormComponentRow {
  display: block;
  position: relative;
  font-family: var(--pxFontRegular);
  margin-bottom: 25px;
}
.cruxFormComponentRow:last-child {
  margin-bottom: 0px;
}
.cruxFormComponentRow > .cxElementLabel,
.cruxFormComponentRow > .lyteLabel {
  display: inline-block;
  position: relative;
  color: var(--pxColorLabel);
  font-size: var(--pxFontSizeRegular);
  font-family: var(--pxFontRegular);
  box-sizing: border-box;
  line-height: 18px;
}
.cruxFormComponentRow > .cxElementValue,
.cruxFormComponentRow > .lyteField {
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--pxColorPrimary);
  font-size: var(--pxFontSizeRegular);
  font-family: var(--pxFontRegular);
  position: relative;
}
.cruxFormComponentRow:not(.pxVerticalField) > .cxElementLabel,
.cruxFormComponentRow:not(.pxVerticalField) > .lyteLabel {
  padding: 10px 18px 0px 0;
  text-align: right;
  word-wrap: break-word;
  vertical-align: top;
  max-width: 200px;
  background-color: #fff;
}
.cruxFormComponentRow:not(.pxVerticalField) > .cxElementValue,
.cruxFormComponentRow:not(.pxVerticalField) > .lyteField {
  display: inline-block;
  vertical-align: middle;
  max-width: 390px;
  min-width: 390px;
}
.cruxFormComponentRow.pxVerticalField > .cxElementLabel,
.cruxFormComponentRow.pxVerticalField > .lyteLabel {
  width: 100% !important;
  margin-bottom: 8px;
}
.cruxFormComponentRow.pxVerticalField > .cxElementValue,
.cruxFormComponentRow.pxVerticalField > .lyteField {
  width: 100% !important;
}
.cruxFormComponentRow.pxVerticalField > .cxElementValue,
.cruxFormComponentRow.pxVerticalField > .lyteField {
  max-width: 390px;
}
.cruxFormComponentRow.pxFormView > .cxElementLabel {
  vertical-align: middle;
  padding-top: 0px;
}
.cruxFormComponentRow:not(.pxVerticalField) > .cxElementLabel.pxFormLabelNoPadding {
  padding-top: 0px;
}
.pxFormField {
  border: 1px solid var(--lyte-input-border-color);
  border-radius: 6px;
  transition: 0.3s all ease;
}
.pxFormField:hover {
  border: 1px solid var(--lyte-input-focus-border-color);
  box-shadow: var(--lyte-input-hover-shadow);
}
.pxFormField.pxFormFieldFocus {
  border: 1px solid var(--lyte-input-focus-border-color);
  box-shadow: 0px 0px 6px var(--lyte-input-focus-shadow);
}
.pxFormField.pxMandatoryField {
  border-left: 3px solid var(--lyte-input-manatory-border-color);
}
crux-combo-box-view.pxFormField {
  padding: 5px;
  display: inline-block;
}
crux-combo-box-view.pxFormField ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.cruxFormComponentRow > .cxElementValue > lyte-dropdown,
.cruxFormComponentRow > .cxElementValue > crux-dropdown {
  width: 100%;
}
.pxGroupFields {
  display: flex;
  position: relative;
}
.pxGroupFields .pxGroupElement {
  vertical-align: middle;
  margin-left: -1px;
  position: relative;
  z-index: 1;
}
.pxGroupFields .pxGroupElement:hover {
  z-index: 2;
}
.pxGroupFields .cxFakeDropButton,
.pxGroupFields lyte-drop-button,
.pxGroupFields .lyteField,
.pxGroupFields .lyteInputBox .lyteField,
.pxGroupFields lyte-drop-button.lyteDropButtonDown,
.pxGroupFields lyte-drop-button.lyteDropButtonUp {
  border-radius: 0px;
}
.pxGroupElement:first-child .cxFakeDropButton,
.pxGroupElement:first-child lyte-drop-button,
.pxGroupElement:first-child .lyteField {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pxGroupElement:last-child .cxFakeDropButton,
.pxGroupElement:last-child lyte-drop-button,
.pxGroupElement:last-child .lyteField {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pxGroupElement crux-dropdown:not(:first-child),
.pxGroupElement lyte-dropdown:not(:first-child),
.pxGroupElement lyte-input:not(:first-child) {
  margin-left: -1px;
}
.dummyLyteLabelSpan {
  display: inline-block;
  position: relative;
  padding: 10px 20px 0px 0;
  text-align: right;
  word-wrap: break-word;
  font-size: var(--pxFontSizeRegular);
  vertical-align: top;
  font-family: var(--pxFontRegular);
  max-width: 200px;
  box-sizing: border-box;
}
:root {
  --lyte-button-default-bg: transparent linear-gradient(180deg, #FCFDFF 0%, #EAEEF5 100%);
  --lyte-button-default-border-color: #C0C8E2;
  --lyte-button-default-text-color: #313949;
  --lyte-button-default-box-shadow-color: #CDD1E5;
  --lyte-button-default-hover-border-color: #D0D4DF;
  --lyte-button-default-hover-bg: transparent linear-gradient(180deg, #FCFDFF 0%, #DEE5F1 100%);
  --lyte-button-default-active-shadow-color: none;
  --lyte-button-default-active-bg: #ECF0F7;
  --lyte-button-default-disabled-border-color: #D0D4DF;
  --lyte-button-default-disabled-box-shadow-color: #D0D4DF;
  --lyte-button-default-disabled-bg: #F6F7FB;
  --lyte-button-default-disabled-text-color: #8B8F96;
  --lyte-button-primary-bg: transparent linear-gradient(0deg, #0279FF 0%, #00A3F3 100%);
  --lyte-button-primary-text-color: #fff;
  --lyte-button-primary-box-shadow-color: #0061CA;
  --lyte-button-primary-hover-bg: transparent linear-gradient(0deg, #006BE4 0%, #02ACFF 100%);
  --lyte-button-primary-active-box-shadow-color: none;
  --lyte-button-primary-active-bg: #2385EF;
  --lyte-button-primary-disabled-bg: #91CBFF;
  --lyte-button-primary-disabled-box-shadow-color: inset 0px -2px 0px #6AAFEB;
  --lyte-button-failure-bg: transparent linear-gradient(180deg, #FF4657 0%, #E23041 100%);
  --lyte-button-failure-text-color: #fff;
  --lyte-button-failure-box-shadow-color: #9E0E1A;
  --lyte-button-failure-hover-bg: transparent linear-gradient(180deg, #FC5060 0%, #D30B1E 100%);
  --lyte-button-failure-active-bg: #D30B1E;
  --lyte-button-failure-active-box-shadow-color: none;
  --lyte-button-failure-disabled-bg: #FFB1B8;
  --lyte-button-failure-disabled-box-shadow-color: inset 0px -2px 0px #F49EA5;
  --lyte-button-success-bg: transparent linear-gradient(180deg, #11B670 0%, #0F935B 100%);
  --lyte-button-success-box-shadow-color: #007544;
  --lyte-button-success-hover-bg: transparent linear-gradient(180deg, #19CC80 0%, #13C177 0%, #0F9A5F 100%);
  --lyte-button-success-active-bg: #0F935B;
  --lyte-button-success-active-box-shadow-color: none;
  --lyte-button-success-disabled-bg: #67CCA1;
  --lyte-button-success-disabled-box-shadow-color: #3db280;
  --lyte-button-outline-primary-text-color: #338CF0;
  --lyte-button-outline-primary-border-color: #338CF0;
  --lyte-button-outline-primary-bg: #EDF6FF;
  --lyte-button-outline-primary-hover-border-color: #338CF0;
  --lyte-button-outline-primary-hover-bg: #E2F0FF;
  --lyte-button-outline-primary-active-border-color: #338CF0;
  --lyte-button-outline-primary-active-bg: #E2F0FF;
  --lyte-button-outline-primary-disabled-bg: #EDF6FF;
  --lyte-button-outline-primary-disabled-border-color: #338CF0;
  --lyte-button-outline-primary-disabled-text-color: #338CF0;
  --lyte-button-outline-success-text-color: #19B171;
  --lyte-button-outline-success-border-color: #19B171;
  --lyte-button-outline-success-bg: #E9FBF4;
  --lyte-button-outline-success-hover-border-color: #19B171;
  --lyte-button-outline-success-hover-bg: #DCF7EB;
  --lyte-button-outline-success-active-border-color: #19B171;
  --lyte-button-outline-success-active-bg: #DCF7EB;
  --lyte-button-outline-success-disabled-bg: #DCF7EB;
  --lyte-button-outline-success-disabled-border-color: #19B171;
  --lyte-button-outline-failure-border-color: #FF4D5B;
  --lyte-button-outline-failure-bg: #FFF2F3;
  --lyte-button-outline-failure-hover-border-color: #FF4D5B;
  --lyte-button-outline-failure-hover-bg: #FFE8EA;
  --lyte-button-outline-failure-active-border-color: #FF4D5B;
  --lyte-button-outline-failure-active-bg: #FFE8EA;
  --lyte-button-outline-failure-disabled-bg: #FFE8EA;
  --lyte-button-outline-failure-disabled-border-color: #FF4D5B;
  --lyte-button-outline-failure-text-color: #FF4D5B;
  --lyte-button-ghost-primary-text-color: #338CF0;
  --lyte-button-ghost-primary-bg: #fff;
  --lyte-button-ghost-primary-border-color: #fff;
  --lyte-button-ghost-primary-hover-bg: #E0EFFF;
  --lyte-button-ghost-primary-hover-border-color: #E0EFFF;
  --lyte-button-ghost-primary-active-bg: #E0EFFF;
  --lyte-button-ghost-primary-active-border-color: #E0EFFF;
  --lyte-button-ghost-primary-disabled-bg: #fff;
  --lyte-button-ghost-primary-disabled-border-color: #fff;
  --lyte-button-ghost-failure-text-color: #F14949;
  --lyte-button-ghost-failure-hover-bg: #FFE8EA;
  --lyte-button-ghost-failure-hover-border-color: #FFE8EA;
  --lyte-button-ghost-failure-active-bg: #FFE8EA;
  --lyte-button-ghost-failure-active-border-color: #FFE8EA;
  --lyte-button-ghost-failure-disabled-bg: #fff;
  --lyte-button-ghost-failure-disabled-border-color: #fff;
  --lyte-button-ghost-failure-bg: #fff;
  --lyte-button-ghost-failure-border-color: #fff;
  --lyte-button-clubbed-primary-border-color: #a3d6ff;
}
/* Default theme imported */
/* Loading theme in configuration */
/* Themes of components */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/* BUTTON STYLES BEGINS   */
lyte-button {
  display: inline-block;
}
lyte-button button {
  border: 1px solid transparent;
  position: relative;
  text-align: center;
  border-radius: 6px;
  font-size: var(--pxFontSizeRegular);
  padding: 8px 20px;
  font-family: var(--pxFontMedium);
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  border-width: 1px;
  border-style: solid;
}
lyte-button button:disabled {
  cursor: not-allowed;
  pointer-events: auto;
  top: 0px !important;
  opacity: 1;
  pointer-events: none;
}
/*Specific type*/
.lyteDefaultBtn {
  padding: 7px 20px;
  box-shadow: inset 0px -2px 0px 0px var(--lyte-button-default-box-shadow-color);
  background: var(--lyte-button-default-bg);
  color: var(--lyte-button-default-text-color);
  border: 1px solid var(--lyte-button-default-border-color);
}
.lyteDefaultBtn:hover {
  background: var(--lyte-button-default-hover-bg);
  border: 1px solid var(--lyte-button-default-hover-border-color);
}
.lytePrimaryBtn {
  box-shadow: inset 0px -2px 0px var(--lyte-button-primary-box-shadow-color);
  min-width: 31px;
  width: auto;
  text-decoration: none;
  text-align: center;
  appearance: none;
  background: var(--lyte-button-primary-bg);
  color: var(--lyte-button-primary-text-color);
  border: 0px;
}
.lytePrimaryBtn:hover {
  box-shadow: inset 0px -2px 0px var(--lyte-button-primary-box-shadow-color);
  background: var(--lyte-button-primary-hover-bg);
  color: var(--lyte-button-primary-text-color);
  border: 0px;
}
.lyte-button.lyteSecondary {
  background: #555;
  color: #fff;
  border: 1px solid #555;
}
.lyte-button.lyteSecondary:hover {
  background: #474747;
  color: #fff;
  border: 1px solid #444;
}
.lyteSuccess {
  box-shadow: inset 0px -2px 0px var(--lyte-button-success-box-shadow-color);
  background: var(--lyte-button-success-bg);
  color: #fff;
  border: 0px;
}
.lyteSuccess:hover {
  background: var(--lyte-button-success-hover-bg);
  border: 0px;
}
.lyteDefaultBtn.lyteSuccess {
  background: #fff;
  color: #19bc7d;
  border: 1px solid #19bc7d;
}
.lyteDefaultBtn.lyteSuccess:hover {
  background: #19bc7d;
  color: #fff;
  border: 1px solid #19bc7d;
}
.lyteFailure {
  box-shadow: inset 0px -2px 0px var(--lyte-button-failure-box-shadow-color);
  background: var(--lyte-button-failure-bg);
  color: var(--lyte-button-failure-text-color);
  border: 0px;
}
.lyteFailure:hover {
  background: var(--lyte-button-failure-hover-bg);
  border: 0px;
}
.lyteDefaultBtn.lyteFailure {
  box-shadow: inset 0px -2px 0px var(--lyte-button-failure-box-shadow-color);
  padding: 8px 20px;
  background: var(--lyte-button-failure-bg);
  color: var(--lyte-button-failure-text-color);
  border: 0px;
}
.lyteDefaultBtn.lyteFailure:hover {
  background: var(--lyte-button-failure-hover-bg);
  color: #fff;
  border: 0px;
}
.lyteWarningBtn {
  background: #FF9318;
  color: #fff;
  border: 1px solid #FF9318;
}
.lyteWarningBtn:hover {
  background: #FF8800;
  border: 1px solid #FF8800;
}
.lyteDefaultBtn.lyteWarningBtn {
  background: #fff;
  color: #FF9318;
  border: 1px solid #FF9318;
}
.lyteDefaultBtn.lyteWarningBtn:hover {
  background: #FF9318;
  color: #fff;
  border: 1px solid #FF9318;
}
.lyteLg {
  padding: 10px 20px !important;
  font-size: var(--pxFontSizeRegular);
}
.lyteSm {
  border-radius: 4px;
  padding: 6px 15px !important;
  font-size: var(--pxFontSizeSmall);
}
.lyteExsm {
  border-radius: 4px;
  font-family: var(--pxFontBold);
  font-weight: 600;
  padding: 3px 10px !important;
  font-size: var(--pxFontSizeXSmall);
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/button.less file
 */
/* BUTTON STYLES ENDS   */
.lytePrimaryBtn:active {
  border: 0;
  box-shadow: var(--lyte-button-primary-active-box-shadow-color);
  background: var(--lyte-button-primary-active-bg);
  top: 1px;
  position: relative;
}
.lytePrimaryBtn[disabled] {
  background: var(--lyte-button-primary-disabled-bg);
  box-shadow: var(--lyte-button-primary-disabled-box-shadow-color);
  border: 0;
  opacity: 1;
  top: 0;
  color: var(--lyte-button-primary-text-color);
}
.lyteDefaultBtn:active {
  top: 1px;
  box-shadow: var(--lyte-button-default-active-box-shadow-color);
  position: relative;
  background: var(--lyte-button-default-active-bg);
}
.lyteDefaultBtn:disabled {
  border: 1px solid var(--lyte-button-default-disabled-border-color);
  box-shadow: inset 0px -1px 0px var(--lyte-button-default-disabled-box-shadow-color);
  background: var(--lyte-button-default-disabled-bg);
  color: var(--lyte-button-default-disabled-text-color);
  opacity: 1;
  top: 0;
}
.lyteFailure:active {
  background: var(--lyte-button-failure-active-bg);
  border: 0px;
  box-shadow: var(--lyte-button-failure-active-box-shadow-color);
  top: 1px;
  position: relative;
}
.lyteFailure:disabled {
  border: 0px;
  opacity: 1;
  background: var(--lyte-button-failure-disabled-bg);
  box-shadow: var(--lyte-button-failure-disabled-box-shadow-color);
  top: 0px;
}
.lyteSuccess:active {
  background: var(--lyte-button-success-active-bg);
  border: 0px;
  box-shadow: var(--lyte-button-success-active-box-shadow-color);
  top: 1px;
  position: relative;
}
.lyteSuccess:disabled {
  border: 0px;
  opacity: 1;
  background: var(--lyte-button-success-disabled-bg);
  box-shadow: inset 0px -2px 0px var(--lyte-button-success-disabled-box-shadow-color);
  top: 0px;
}
/******Outline Button******/
.pxOutlinePrimary,
.pxOutlineSuccess,
.pxOutlineFailure {
  box-shadow: none;
  padding: 7px 20px;
}
.pxOutlinePrimary:hover,
.pxOutlinePrimary:active,
.pxOutlineSuccess:hover,
.pxOutlineSuccess:active,
.pxOutlineFailure:hover,
.pxOutlineFailure:active {
  top: 0px;
}
.pxOutlinePrimary[disabled],
.pxOutlineSuccess[disabled],
.pxOutlineFailure[disabled] {
  opacity: 0.6;
  box-shadow: none;
}
.pxOutlinePrimary {
  color: var(--lyte-button-outline-primary-text-color);
  border: 1px solid var(--lyte-button-outline-primary-border-color);
  background: var(--lyte-button-outline-primary-bg);
}
.pxOutlinePrimary:hover {
  border: 1px solid var(--lyte-button-outline-primary-hover-border-color);
  background: var(--lyte-button-outline-primary-hover-bg);
  color: var(--lyte-button-outline-primary-text-color);
  box-shadow: none;
}
.pxOutlinePrimary:active {
  border: 1px solid var(--lyte-button-outline-primary-active-border-color);
  background: var(--lyte-button-outline-primary-active-bg);
}
.pxOutlinePrimary[disabled] {
  background: var(--lyte-button-outline-primary-disabled-bg);
  border: 1px solid var(--lyte-button-outline-primary-disabled-border-color);
  color: var(--lyte-button-outline-primary-disabled-border-color);
}
.pxOutlineSuccess {
  color: var(--lyte-button-outline-success-text-color);
  border: 1px solid var(--lyte-button-outline-success-border-color);
  background: var(--lyte-button-outline-success-bg);
}
.pxOutlineSuccess:hover {
  border: 1px solid var(--lyte-button-outline-success-hover-border-color);
  background: var(--lyte-button-outline-success-hover-bg);
}
.pxOutlineSuccess:active {
  border: 1px solid var(--lyte-button-outline-success-active-border-color);
  background: var(--lyte-button-outline-success-active-bg);
}
.pxOutlineSuccess[disabled] {
  background: var(--lyte-button-outline-success-disabled-bg);
  border: 1px solid var(--lyte-button-outline-success-disabled-border-color);
  color: var(--lyte-button-outline-success-text-color);
}
.pxOutlineFailure {
  color: var(--lyte-button-outline-failure-text-color);
  border: 1px solid var(--lyte-button-outline-failure-border-color);
  background: var(--lyte-button-outline-failure-bg);
}
.pxOutlineFailure:hover {
  border: 1px solid var(--lyte-button-outline-failure-hover-border-color);
  background: var(--lyte-button-outline-failure-hover-bg);
}
.pxOutlineFailure:active {
  border: 1px solid var(--lyte-button-outline-failure-active-border-color);
  background: var(--lyte-button-outline-failure-active-bg);
  top: 0px;
}
.pxOutlineFailure[disabled] {
  background: var(--lyte-button-outline-failure-disabled-bg);
  border: 1px solid var(--lyte-button-outline-failure-disabled-border-color);
  color: var(--lyte-button-outline-failure-text-color);
}
/***Ghost button***/
/***Ghost Button***/
.pxGhostPrimary {
  color: var(--lyte-button-ghost-primary-text-color);
  background: var(--lyte-button-ghost-primary-bg);
  border: 1px solid var(--lyte-button-ghost-primary-border-color);
  box-shadow: none;
  top: 0px;
}
.pxGhostPrimary:hover {
  color: var(--lyte-button-ghost-primary-text-color);
  background: var(--lyte-button-ghost-primary-hover-bg);
  border: 1px solid var(--lyte-button-ghost-primary-hover-border-color);
  box-shadow: none;
}
.pxGhostPrimary:active {
  color: var(--lyte-button-ghost-primary-text-color);
  background: var(--lyte-button-ghost-primary-active-bg);
  border: 1px solid var(--lyte-button-ghost-primary-active-bg);
  box-shadow: none;
  top: 0px;
}
.pxGhostPrimary[disabled] {
  background: var(--lyte-button-ghost-primary-disabled-bg);
  border: 1px solid var(--lyte-button-ghost-primary-disabled-border-color);
  color: var(--lyte-button-ghost-primary-text-color);
  box-shadow: none;
}
.pxGhostFailure {
  color: var(--lyte-button-ghost-failure-text-color);
  background: var(--lyte-button-ghost-failure-bg);
  border: 1px solid var(--lyte-button-ghost-failure-border-color);
  box-shadow: none;
  top: 0px;
}
.pxGhostFailure:hover {
  color: var(--lyte-button-ghost-failure-text-color);
  background: var(--lyte-button-ghost-failure-hover-bg);
  border: 1px solid var(--lyte-button-ghost-failure-hover-border-color);
  box-shadow: none;
}
.pxGhostFailure:active {
  color: var(--lyte-button-ghost-failure-text-color);
  background: var(--lyte-button-ghost-failure-active-bg);
  border: 1px solid var(--lyte-button-ghost-failure-active-border-color);
  box-shadow: none;
  top: 0px;
}
.pxGhostFailure[disabled] {
  background: var(--lyte-button-ghost-failure-disabled-bg);
  border: 1px solid var(--lyte-button-ghost-failure-disabled-border-color);
  color: var(--lyte-button-ghost-failure-text-color);
  box-shadow: none;
}
.pxGhostPrimary[disabled],
.pxGhostFailure[disabled] {
  opacity: 0.6;
  box-shadow: none;
}
/***Dropdown button***/
.pxDropdownButton button {
  padding-right: 30px;
}
.pxDropdownButton button.lyteSm {
  padding-right: 30px !important;
}
.pxDropdownButton button:after {
  content: "";
  -webkit-mask-image: var(--pxUIIcons);
  -webkit-mask-position: -1px -2px;
  mask-image: var(--pxUIIcons);
  mask-position: -1px -2px;
  background-color: var(--pxIconBlack);
  width: 10px;
  height: 5px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 13px;
  opacity: 0.6;
}
lyte-button[lt-prop-appearance=primary].pxDropdownButton button:after {
  opacity: 1;
  background-color: var(--pxIconWhite);
}
lyte-button.pxDropdownButton button.pxOutlinePrimary:after {
  opacity: 1;
  background: var(--lyte-button-outline-primary-hover-border-color);
}
lyte-button.pxDropdownButton button.lyteSm:after {
  top: 11px;
}
/***More button***/
button.pxMoreButton {
  padding: 15px 20px;
}
.pxMoreButton:after {
  content: "";
  mask-image: var(--pxUIIcons);
  -webkit-mask-image: var(--pxUIIcons);
  mask-position: -281px -12px;
  -webkit-mask-position: -281px -12px;
  background-color: var(--pxIconBlack);
  width: 16px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/***Clubbed button***/
.pxClubbedButton {
  display: inline-flex;
}
.pxClubbedButton .lyteDefaultBtn:active,
.pxClubbedButton .lytePrimaryBtn:active {
  top: 0px;
}
.pxClubbedButton lyte-button button {
  min-height: 32px;
  position: relative;
  height: 100%;
}
.pxClubbedButton lyte-button[lt-prop-appearance="primary"]:first-child button {
  border-right: 1px solid var(--lyte-button-clubbed-primary-border-color);
}
.pxClubbedButton lyte-button[lt-prop-appearance="primary"]:last-child,
.pxClubbedButton lyte-button[lt-prop-appearance="primary"]:first-child button.pxOutlinePrimary,
.pxClubbedButton lyte-button[lt-prop-appearance="default"]:first-child button {
  border-right: none;
}
.pxClubbedButton lyte-button:first-child button {
  border-radius: 6px 0 0 6px;
}
.pxClubbedButton lyte-button:last-child button {
  border-radius: 0 6px 6px 0;
  padding: 8px 15px;
}
.pxClubbedButton lyte-button[lt-prop-appearance="default"]:last-child button {
  padding: 7px 15px;
}
.pxClubbedButton lyte-button:last-child button:after {
  content: "";
  -webkit-mask-image: var(--pxUIIcons);
  -webkit-mask-position: -1px -2px;
  mask-image: var(--pxUIIcons);
  mask-position: -1px -2px;
  background-color: var(--pxIconBlack);
  width: 10px;
  height: 5px;
  display: inline-block;
  opacity: 0.6;
  vertical-align: middle;
}
.pxClubbedButton lyte-button[lt-prop-appearance="primary"]:last-child button:after {
  opacity: 1;
  background-color: var(--pxIconWhite);
}
.pxClubbedButton lyte-button[lt-prop-class="pxOutlinePrimary"]:last-child button:after {
  opacity: 1;
  background-color: var(--lyte-button-outline-primary-border-color);
}
.lyteSm:active {
  padding: 6px 15px !important;
}
.lyteSm.lyteDefaultBtn {
  padding: 5px 15px !important;
}
.lyteSm.pxOutlinePrimary,
.lyteSm.pxOutlineSuccess,
.lyteSm.pxOutlineFailure,
.lyteSm.pxGhostPrimary,
.lyteSm.pxGhostFailure {
  padding: 5px 15px !important;
}
:root {
  --lyte-calendar-popup-border-color: #CACACA;
  --lyte-calendar-popup-boxshadow-color: 0px 2px 8px rgba(0, 0, 0, 0.3);
  --lyte-calendar-selected-date-hover-bg: #E7F2FF;
  --lyte-calendar-footer-text-color: var(--pxColorApp);
  --lyte-calendar-footer-bg: #F2F7FB;
  --lyte-calendar-footer-hover-bg: #E5F2FF;
  --lyte-calendar-footer-border-color: #e9f0f8;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/*  Input related CSS BEGINS    */
lyte-input {
  position: relative;
  display: inline-flex;
  font-family: var(--pxFontRegular);
}
lyte-input .lyteLabel {
  flex-grow: 0 !important;
  font-family: var(--pxFontRegular);
  font-size: var(--pxFontSizeRegular);
  padding-right: 30px;
  color: var(--pxColorLabel);
  flex-grow: 1;
}
lyte-input .lyteField {
  flex-grow: 1;
}
lyte-input input,
lyte-input textarea {
  font-variant-ligatures: no-contextual;
  font-family: var(--pxFontRegular);
  font-size: var(--pxFontSizeRegular);
  color: var(--lyte-input-text-color);
  outline: none;
  box-sizing: border-box;
}
.lyteInputBox .lyteField {
  transition: border 0.3s ease-out, box-shadow 0.3s ease-out;
  position: relative;
  background: var(--lyte-input-bg);
  box-sizing: border-box;
  border: 1px solid var(--lyte-input-border-color);
  border-radius: 6px;
}
.lyteInputBox input,
lyte-input textarea {
  font-variant-ligatures: no-contextual;
  box-sizing: border-box;
  outline: none;
  background: transparent;
  border: 0;
  border-radius: 6px;
  padding: 8px 12px;
  width: 100%;
  display: block;
  box-shadow: none;
}
lyte-input input:disabled {
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--lyte-input-disabled-bg);
  cursor: not-allowed;
  color: var(--lyte-input-text-color);
}
lyte-input .ltIconShow.lyteField,
lyte-input[lt-prop-type="search"] .lyteField {
  position: relative;
}
lyte-input[lt-prop-type="textarea"] .lyteField {
  position: relative;
  overflow: hidden;
}
lyte-input textarea {
  height: 32px;
  padding: 8px 12px;
  min-height: 32px;
  resize: both;
}
lyte-input[lt-prop-type="textarea"] .lyteField::after {
  clip-path: unset !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  content: '';
  width: 17px;
  height: 17px;
  background: #fff;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 5;
  border-radius: 0px 0px 6px;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
lyte-input.lyteTextareaNoResize .lyteField::after {
  content: none;
}
.lyteTextareaNoResize textarea {
  resize: none;
}
.lyteInputBox .lyteField:hover {
  box-shadow: var(--lyte-input-hover-shadow);
  border: 1px solid var(--lyte-input-hover-border-color);
}
.lyteInputBox.lyteInputFocus .lyteField {
  box-shadow: 0px 0px 6px var(--lyte-input-focus-shadow);
  border: 1px solid var(--lyte-input-focus-border-color);
}
.lyteInputBox input:hover,
lyte-input textarea:hover {
  border: 0;
}
.lyteInputBox input:focus,
lyte-input textarea:focus {
  border: 0;
}
.lyteTextareaResize {
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  -webkit-mask-position: -267px -4px;
  mask-position: -267px -4px;
  background-color: var(--pxIconBlack);
  width: 13px;
  height: 13px;
  right: 3px;
  bottom: 3px;
  display: inline-block;
  position: absolute;
  cursor: se-resize;
  opacity: 1;
  z-index: 10;
}
.lyteTextareaResizeHorizontal {
  cursor: ew-resize;
}
.lyteTextareaResizeVertical {
  cursor: ns-resize;
}
.lyteInputBox.lyteInputDisabled .lyteField:hover {
  box-shadow: none;
  border: 1px solid var(--lyte-input-disabled-border-color);
}
lyte-input input::placeholder {
  font-size: var(--pxFontSizeRegular);
  font-family: var(--pxFontRegular);
  color: var(--lyte-input-placeholder-text-color);
}
lyte-input input:-ms-input-placeholder {
  font-size: var(--pxFontSizeRegular);
  font-family: var(--pxFontRegular);
  color: var(--lyte-input-placeholder-text-color);
}
lyte-input input::-ms-input-placeholder {
  font-size: var(--pxFontSizeRegular);
  font-family: var(--pxFontRegular);
  color: var(--lyte-input-placeholder-text-color);
}
lyte-input input::-ms-clear {
  display: none;
}
lyte-input textarea::placeholder {
  font-size: var(--pxFontSizeRegular);
  font-family: var(--pxFontRegular);
  color: var(--lyte-input-placeholder-text-color);
}
lyte-input textarea:-ms-input-placeholder {
  font-size: var(--pxFontSizeRegular);
  font-family: var(--pxFontRegular);
  color: var(--lyte-input-placeholder-text-color);
}
lyte-input textarea::-ms-input-placeholder {
  font-size: var(--pxFontSizeRegular);
  font-family: var(--pxFontRegular);
  color: var(--lyte-input-placeholder-text-color);
}
.lyteInputBox.horizontal {
  align-items: center;
}
.lyteInput.horizontal {
  align-items: flex-end;
}
lyte-input.horizontal .lyteLabel {
  min-width: none;
  width: auto;
  box-sizing: border-box;
}
lyte-input.horizontal .lyteField {
  min-width: none;
  width: auto;
}
lyte-input input[type='number']::-webkit-outer-spin-button,
lyte-input input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
lyte-input input[type='number'] {
  -moz-appearance: textfield;
}
.lyteInput .lyteField {
  border-bottom: 1px solid var(--lyte-input-border-color);
}
.lyteInput input {
  border-radius: 6px;
  background: var(--lyte-input-bg);
  border: 0;
  padding: 7px 10px;
  box-shadow: none;
  width: 100%;
}
.lyteInput.horizontal .lyteLabel {
  border-bottom: 1px solid #d6d6d6;
  padding: 9px 6px 6px 0;
}
.lyteInput .lyteField:hover {
  border-bottom: 1px solid var(--lyte-input-hover-border-color);
}
.lyteInput.lyteInputDisabled .lyteField:hover {
  border-bottom: 1px solid #d6d6d6;
}
.lyteInput.lyteInputFocus .lyteField {
  border-bottom: 1px solid var(--lyte-input-focus-border-color);
}
lyte-input.vertical {
  flex-direction: column;
  text-align: left;
}
lyte-input.vertical .lyteLabel {
  padding-right: 20px;
  margin-bottom: 0px;
}
.lyteInput.vertical .lyteLabel {
  padding: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.lyteInput.vertical textarea,
.lyteInput.vertical input {
  padding-left: 0;
}
.lyteInput.vertical[lt-prop-type="search"] input,
lyte-input[lt-prop-type="search"] input {
  padding-left: 30px;
}
lyte-input[lt-prop-type="search"] .searchIcon {
  position: absolute;
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  -webkit-mask-position: -75px -1px;
  mask-position: -75px -1px;
  background-color: var(--pxIconBlack);
  width: 15px;
  height: 15px;
  left: 10px;
  top: calc(50% - 8px);
  opacity: 1;
  margin: 0;
  pointer-events: none;
}
lyte-input[lt-prop-close-icon="true"] input {
  padding-right: 30px;
}
lyte-input .inputCloseIcon {
  background: var(--lyte-input-close-icon-bg);
  border-radius: 100%;
  width: 19px;
  height: 19px;
  position: absolute;
  cursor: pointer;
  padding: 0px;
  z-index: 10;
  opacity: 1;
  top: calc(50% - 10px);
  right: 7px;
}
lyte-input .inputCloseIcon:hover {
  opacity: 1;
}
lyte-input .inputCloseIcon::before {
  opacity: 1;
  position: absolute;
  left: 5px;
  top: 5px;
  content: '';
  display: block;
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  -webkit-mask-position: -59px -4px;
  mask-position: -59px -4px;
  background-color: var(--pxIconBlack);
  width: 11px;
  height: 11px;
  transform: scale(1);
}
lyte-input.lyteInputDisabled .inputCloseIcon {
  pointer-events: none;
}
.lyteInputCalendar {
  position: absolute;
  z-index: 10002;
  top: -999px;
}
lyte-input[lt-prop-type="datetime"] .lyteField {
  display: flex;
}
lyte-input[lt-prop-type="datetime"] .lyteField input {
  width: 50%;
}
.lyteInputBox[lt-prop-type="datetime"] input:first-child {
  border-radius: 6px 0 0 6px;
  border-right: 1px solid var(--lyte-input-border-color);
}
.lyteInputDateTimePlaceholder {
  display: flex;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  font-size: 14px;
  color: #a6a6a6;
  align-items: center;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 9px 10px;
  background: #fff;
}
.lyteInputFocus .lyteInputDateTimePlaceholder {
  opacity: 0;
}
.lyteInputWithPasswordToggleButton.lyteInputBox input,
.lyteInputWithPasswordToggleButton.lyteInput input {
  padding-right: 25px;
}
.lyteInputWithPasswordToggleButton.lyteInputBox[lt-prop-close-icon="true"] input,
.lyteInputWithPasswordToggleButton.lyteInput[lt-prop-close-icon="true"] input {
  padding-right: 50px;
}
.lyteInputWithPasswordToggleButton .inputCloseIcon {
  right: 26px;
}
.lyteInputPasswordToggleIcon {
  padding: 5px;
  position: absolute;
  right: 0;
  top: calc(50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.lyteInputPasswordToggleIcon::after {
  content: '';
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  background-color: #313949;
  width: 16px;
  opacity: 0.7;
  display: block;
}
.lyteInputPasswordToggleIcon:hover::after {
  opacity: 1;
}
.lyteInputShowPasswordIcon::after {
  height: 12px;
  -webkit-mask-position: -212px -63px;
  mask-position: -212px -63px;
}
.lyteInputHidePasswordIcon::after {
  height: 16px;
  -webkit-mask-position: -238px -61px;
  mask-position: -238px -61px;
}
.lyteInputCalendarIcon {
  -webkit-mask-image: url(../images/sprite_lyte.svg);
  mask-image: url(../images/sprite_lyte.svg);
  -webkit-mask-position: -224px -81px;
  mask-position: -224px -81px;
  background-color: #676869;
  width: 16px;
  height: 17px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.lyteInputWithCalendarIcon[lt-prop-type="datetime"] input:first-child,
.lyteInputWithCalendarIcon[lt-prop-type="date"] input {
  padding-right: 30px;
}
.lyteInputCalendarIcon:hover {
  background-color: #333;
}
.calendarOpen .lyteInputCalendarIcon,
.lyteInputCalendarIcon:focus {
  outline: 0;
  background-color: #5ba1e5;
}
.lyteInput .lyteInputCalendarIcon {
  right: 0;
}
.lyteInputBox .lyteInputCalendarIcon {
  right: 10px;
}
lyte-input[lt-prop-type="datetime"] .lyteInputCalendarIcon {
  right: unset;
  left: calc(50% - 10px);
  transform: translate(-100%, -50%);
}
.lyteInputTimeDropdown,
.lyteInputDateTimeDropdown {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
}
.lyteInputDateTimeDropdown {
  left: 50%;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/input .less file
 */
/*  Input related CSS ENDS    */
.lyteInputBox.calendarOpen .lyteField {
  border: 1px solid var(--lyte-input-focus-border-color);
  box-shadow: 0px 0px 6px var(--lyte-input-focus-shadow);
}
lyte-input.lyteInputDisabled .lyteField,
lyte-input.lyteInputReadonly .lyteField {
  border: 1px solid var(--lyte-input-disabled-border-color);
}
lyte-input textarea:disabled {
  background: var(--lyte-input-disabled-bg);
  resize: none;
}
.lyteInputFocus .lyteField input::placeholder,
.lyteInputFocus .lyteField textarea::placeholder {
  color: var(--lyte-input-placeholder-text-color);
}
/* None: min width is not required so mentioned as none for form structure*/
.lyteInputCalendarDown.lyteInputCalendar {
  transform: translateY(-2px);
}
.lyteInputCalendarUp.lyteInputCalendar {
  transform: translateY(2px);
}
.lyteInputCalendarDown .lyteCalendarPopup {
  box-shadow: var(--lyte-calendar-popup-boxshadow-color);
}
.lyteInputCalendarUp .lyteCalendarPopup {
  box-shadow: var(--lyte-calendar-popup-boxshadow-color);
}
.pxLargeBoxInput input {
  padding: 6px 10px;
  font-size: var(--pxFontSizeLarge);
  font-family: var(--pxFontMedium);
}
lyte-input.pxLargeBoxInput input::placeholder {
  font-size: var(--pxFontSizeLarge);
  font-family: var(--pxFontMedium);
}
.pxHeaderInput .lyteField {
  border: 1px solid transparent;
}
.pxSmallInput .lyteField {
  border-radius: 5px;
}
.pxSmallInput input {
  padding: 5px 10px;
  border-radius: 5px;
  font-size: var(--pxFontSizeSmall);
}
lyte-input[lt-prop-type="search"].pxSmallInput .searchIcon {
  transform: scale(0.9);
}
crux-number-component lyte-input .lyteLabel,
crux-twitter-component lyte-input .lyteLabel {
  padding-left: 10px;
  padding-right: 10px;
  font-size: var(--pxFontSizeRegular);
  white-space: nowrap;
  align-items: center;
  background: transparent;
  border-radius: 5px 0px 0px 5px;
  display: flex;
}
lyte-input[lt-prop-type="time"].lyteInputBox input {
  padding-right: 15px;
}
lyte-input[lt-prop-type="time"].lyteInputBox > div.lyteField:after {
  mask-image: var(--pxUIIcons);
  -webkit-mask-image: var(--pxUIIcons);
  mask-position: -1px -2px;
  -webkit-mask-position: -1px -2px;
  background-color: var(--pxIconBlack);
  width: 10px;
  height: 5px;
  transform-origin: center;
  top: 13px;
  right: 10px;
  opacity: 0.6;
  content: "";
  position: absolute;
  pointer-events: none;
}
lyte-input[lt-prop-type="time"].lyteInputBox.pxSmallInput > div.lyteField:after {
  top: 9px;
  right: 6px;
}
lyte-input[lt-prop-type="time"].lyteInputBox.lyteInputDropdownOpen > div.lyteField:after {
  transform: scale(1.3) rotate(180deg);
}
/***Disbaled Field***/
lyte-input.lyteInputReadonly input,
lyte-input.lyteInputReadonly textarea {
  background: var(--lyte-input-disabled-bg);
  padding-right: 28px;
  color: var(--lyte-input-text-color);
}
lyte-input.lyteInputReadonly .lyteField::after,
lyte-number.lyteInputBox.lyteInputReadonly > div.lyteField:after,
lyte-input[lt-prop-type="number"].lyteInputBox.lyteInputReadonly > div.lyteField:after,
lyte-input[lt-prop-type="time"].lyteInputBox.lyteInputReadonly > div.lyteField:after,
lyte-input[lt-prop-type="date"].lyteInputBox.lyteInputReadonly > div.lyteField:after {
  content: "";
  mask-image: var(--pxUIIcons);
  -webkit-mask-image: var(--pxUIIcons);
  mask-position: -97px -1px;
  -webkit-mask-position: -97px -1px;
  background-color: var(--pxIconBlack);
  width: 14px;
  height: 15px;
  z-index: 6;
  position: absolute;
  top: 8px;
  right: 8px;
  transform: scale(1);
  cursor: not-allowed;
  border-radius: 0;
}
.pxSmallInput.lyteInputReadonly .lyteField::after,
.pxSmallInput .lyteInputReadonly .lyteField::after,
lyte-number.lyteInputBox.pxSmallInput.lyteNumberReadonly > div.lyteField:after,
lyte-input[lt-prop-type="number"].lyteInputBox.pxSmallInput.lyteInputReadonly > div.lyteField:after,
lyte-input[lt-prop-type="time"].lyteInputBox.pxSmallInput.lyteInputReadonly > div.lyteField:after,
lyte-input[lt-prop-type="date"].lyteInputBox.pxSmallInput.lyteInputReadonly > div.lyteField:after {
  top: 4px;
  right: 4px;
  transform: scale(0.8);
}
lyte-input.cxCriteriaAndOrLyteInput.lyteInputReadonly .lyteField::after,
lyte-input.noLockIcon .lyteField::after {
  display: none;
}
lyte-input.noLockIcon .lyteField input {
  padding-right: 10px;
}
/***Mandatory Field***/
.lyteInputBox.mandatoryField .lyteField:before,
.cxFakeDropButton.mandatoryField:before,
.cxBoxDropdown.mandatoryField lyte-drop-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  border-radius: 4px 0px 0px 4px;
  height: 100%;
  width: 3px;
  border-left: 3px solid var(--lyte-input-manatory-border-color);
  background: none !important;
}
/***Error Field***/
.lyteInputError .lyteField,
.lyteInputError.lyteInputFocus .lyteField,
.lyteInputError:hover .lyteField {
  border: 1px solid var(--lyte-input-error-border-color);
  box-shadow: none;
}
.lyteInputBox.mandatoryField[lt-prop-type="textarea"] .lyteField {
  border-left: 1px solid var(--lyte-input-manatory-border-color);
}
/***Date time****/
lyte-input[lt-prop-type="datetime"] .lyteField {
  display: inline-flex;
}
lyte-input[lt-prop-type="textarea"]:not(.cxBoxInput) .lyteField textarea {
  transition: 0.3s all ease;
}
lyte-input[lt-prop-type="textarea"]:not(.cxBoxInput, .appliedHeight) .lyteField textarea {
  height: 71px;
}
.pxNoInitialInputStyle .lyteField {
  border: 1px solid transparent;
  background-color: transparent;
}
.pxNoInitialInputStyle.pxInputWhite:hover input,
.pxNoInitialInputStyle.pxInputWhite.lyteInputFocus input,
.pxNoInitialInputStyle.pxInputWhite:hover textarea,
.pxNoInitialInputStyle.pxInputWhite.lyteInputFocus textarea {
  background-color: #fff;
}
.pxNoInitialInputStyle .lyteTextareaResizeVertical,
lyte-input[lt-prop-type="textarea"].pxNoInitialInputStyle .lyteField::after {
  visibility: hidden;
}
.pxNoInitialInputStyle:hover .lyteTextareaResizeVertical,
lyte-input[lt-prop-type="textarea"].pxNoInitialInputStyle:hover .lyteField::after {
  visibility: visible;
}
.closeIconButton {
  position: relative;
  background: var(--lyte-input-close-icon-bg);
  width: 17px;
  height: 17px;
  border-radius: 50%;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  z-index: 10;
  opacity: 1;
}
.closeIconButton:after {
  content: "";
  display: inline-block;
  -webkit-mask-image: var(--pxUIIcons);
  -webkit-mask-position: -59px -4px;
  mask-image: var(--pxUIIcons);
  mask-position: -59px -4px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 5px;
  left: 5px;
}
crux-text-component.pxHorizontalInput,
crux-date-component.pxHorizontalInput {
  display: flex;
}
crux-text-component.pxHorizontalInput .cxElementLabel,
crux-date-component.pxHorizontalInput .cxElementLabel {
  color: var(--pxColorLabel);
  align-items: center;
  display: flex;
  margin-right: 20px;
}
lyte-input[lt-prop-type="textarea"].lyteInputDisabled::after,
lyte-input[lt-prop-type="textarea"].lyteInputReadonly::after {
  background: var(--lyte-input-disabled-bg);
}
:root {
  --lyte-menu-border-color: #CACACA;
  --lyte-menu-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
  --lyte-menu-item-hover-bg: #E7F2FF;
  --lyte-popover-border-color: #CACACA;
  --lyte-popover-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
  --lyte-hovercard-callout-shadow: #e0e0e0;
}
:root {
  --lyte-dropbox-footer-bg: #F2F7FB;
  --lyte-dropbox-footer-text-color: var(--pxColorApp);
  --lyte-dropbox-footer-hover-bg: #E5F2FF;
  --lyte-dropbox-footer-border-color: #e9f0f8;
  --lyte-dropdown-multiple-disabled-li-bg: transparent;
  --lyte-dropdown-multiple-li-bg: #E7F2FF;
  --lyte-dropdown-multiple-li-border-color: #e9f0f8;
  --lyte-dropdown-btn-multiple-li-close-hover-bg: var(--pxColorApp);
  --lyte-dropdown-multiple-disabled-li-border-disabled: #C8CDD1;
  --lyte-dropdown-btn-border-color: #C0C6CC;
  --lyte-dropdown-btn-hover-border-color: #787D83;
  --lyte-dropdown-btn-focus-border-color: #4796ED;
  --lyte-dropdown-btn-error-border-color: #FF5D5A;
  --lyte-dropdown-btn-disabled-border-color: #DBE0E5;
  --lyte-dropdown-bg: #fff;
  --lyte-dropdown-text-color: #313949;
  --lyte-dropdown-btn-placeholder-text-color: var(--pxColorPlaceholder);
  --lyte-dropdown-btn-disabled-bg: #F4F5F6;
  --lyte-dropdown-btn-shadow: none;
  --lyte-dropdown-btn-focus-shadow: #4796ED;
  --lyte-dropdown-btn-hover-shadow: none;
  --lyte-table-header-filter-dropdown-bg: #F0F4FF;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/*  Dropdown related style BEGINS   */
lyte-dropdown,
lyte-drop-box {
  font-family: var(--pxFontRegular);
  font-size: var(--pxFontSizeRegular);
  color: var(--pxColorPrimary);
  display: inline-block;
  max-width: 380px;
}
lyte-dropdown {
  outline: none;
  max-width: 100%;
}
lyte-drop-button {
  transition: border 0.3s ease-out, box-shadow 0.3s ease-out;
  border: 1px solid var(--lyte-dropdown-btn-border-color);
  border-radius: 6px;
  cursor: pointer;
  text-align: left;
  position: relative;
  display: inline-block;
  padding: 8px 25px 8px 10px;
  width: 100%;
  box-sizing: border-box;
  color: var(--pxColorPrimary);
  background: var(--lyte-dropdown-bg);
}
lyte-dropdown lyte-drop-button:hover {
  box-shadow: var(--lyte-dropdown-btn-shadow);
  border: 1px solid var(--lyte-dropdown-btn-hover-border-color);
}
lyte-drop-button.lyteDropButtonUp {
  border: 1px solid var(--lyte-dropdown-btn-focus-border-color);
  border-radius: 6px;
  box-shadow: 0px 0px 6px var(--lyte-dropdown-btn-focus-shadow);
}
lyte-drop-button.lyteDropButtonDown {
  border: 1px solid var(--lyte-dropdown-btn-focus-border-color);
  border-radius: 6px;
  box-shadow: 0px 0px 6px var(--lyte-dropdown-btn-focus-shadow);
}
.lyteMultiSearchDropButtonFocused:hover,
.lyteMultiSearchDropButtonFocused,
lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button,
lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button:hover {
  border: 1px solid var(--lyte-dropdown-btn-focus-border-color);
  box-shadow: 0px 0px 6px var(--lyte-dropdown-btn-focus-shadow);
}
lyte-drop-button.lyteDropButtonUp:hover,
lyte-drop-button.lyteDropButtonDown:hover {
  transition: border 0.3s ease-out, box-shadow 0.3s ease-out;
  border: 1px solid var(--lyte-dropdown-btn-border-color);
}
lyte-dropdown.calloutDrop lyte-drop-button {
  box-shadow: none;
  border-radius: 2px;
}
.lyteDropPlaceholderNormal,
.lyteDropdownLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.lyteDummyEventContainer {
  outline: none;
}
lyte-drop-item {
  min-width: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  display: block;
  text-align: left;
  color: var(--pxColorPrimary);
  padding: 8px 10px 8px 25px;
  font-size: var(--pxFontSizeRegular);
  max-width: 100%;
  -ms-word-wrap: break-word;
  overflow-wrap: break-word;
}
lyte-drop-item.lyteDropdownActive,
lyte-drop-item.lyteSearchHidden {
  display: none;
}
.lyteDropdownSelection {
  color: var(--pxColorPrimary);
  background: var(--lyte-menu-item-hover-bg);
}
lyte-drop-item[selected="true"]::before {
  content: '';
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  -webkit-mask-position: -17px 0;
  mask-position: -17px 0;
  background-color: var(--pxIconBlack);
  width: 12px;
  height: 9px;
  position: absolute;
  left: 8px;
  top: 12px;
}
lyte-dropdown lyte-icon.dropdown {
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  -webkit-mask-position: -1px -2px;
  mask-position: -1px -2px;
  background-color: var(--pxIconBlack);
  width: 10px;
  height: 5px;
  top: calc(50% - 3px);
  display: inline-block;
  opacity: 0.6;
  position: absolute;
  right: 10px;
}
/*  Multi select releated CSS--BEGINS   */
lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button,
lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button {
  max-height: 120px;
  overflow: auto;
  display: block;
  padding-right: 25px;
  min-height: 25px;
  white-space: normal;
}
lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button::after,
lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button::after {
  content: '';
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  -webkit-mask-position: -1px -2px;
  mask-position: -1px -2px;
  background-color: var(--pxIconBlack);
  width: 10px;
  height: 5px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 13px;
  opacity: 0.6;
}
lyte-dropdown lyte-drop-button.ltDropdownIconNodePresent::after {
  content: none;
}
.lyteMultipleSelect li {
  min-width: 40px;
  vertical-align: top;
  max-width: 98% !important;
  background: var(--lyte-dropdown-multiple-li-bg);
  color: var(--pxColorPrimary);
  border: 1px solid var(--lyte-dropdown-multiple-li-border-color);
  margin: 0 2px 3px 0px;
  border-radius: 20px;
  font-size: var(--pxFontSizeRegular);
  padding: 3px 10px 3px;
  display: inline-block;
  position: relative;
  cursor: default;
  max-width: 100%;
  box-sizing: border-box;
}
.lyteMultipleSelect .lyteDropdownVisible {
  display: block;
  max-width: 100%;
  -ms-word-wrap: break-word;
  overflow-wrap: break-word;
}
lyte-dropdown[lt-prop-remove-multiple="true"] .lyteMultipleSelect li {
  cursor: pointer;
}
lyte-dropdown[lt-prop-type="multisearch"] .lyteMultipleSelect li.lyteMultiselectInput {
  background: var(--lyte-dropdown-multiple-disabled-li-bg);
  border: 0;
  padding: 0;
  margin: 4px 0 5px;
  width: 150px;
}
lyte-dropdown[lt-prop-type="multisearch"] .lyteMultipleSelect .lyteMultiselectInput:only-of-type {
  width: 100%;
}
.lyteDropPlaceholderMultiple {
  padding-left: 0;
  font-size: var(--pxFontSizeRegular);
  color: var(--lyte-dropdown-btn-placeholder-text-color);
  vertical-align: top;
}
.lyteMultipleSelect .lyteCloseIcon {
  visibility: hidden;
  transform: scale(0);
  transition: 0.2s all ease;
  position: absolute;
  cursor: pointer;
  top: calc(50% - 8px);
  bottom: 0;
  right: 3px;
  height: 16px;
  width: 16px;
  border-radius: 100%;
}
.lyteMultipleSelect li:hover .lyteCloseIcon {
  visibility: visible;
  transform: scale(1);
  background: var(--lyte-dropdown-btn-multiple-li-close-hover-bg);
}
.lyteMultipleSelect .lyteCloseIcon::before {
  transform: scale(0);
  transition: 0.2s all 0.1s ease;
  content: '';
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  -webkit-mask-position: -59px -4px;
  mask-position: -59px -4px;
  background-color: var(--pxIconWhite);
  width: 9px;
  height: 9px;
  top: calc(50% - 5px);
  right: calc(50% - 5px);
  opacity: 1;
  display: inline-block;
  position: absolute;
  cursor: pointer;
}
.lyteMultipleSelect .lyteCloseIcon:hover::before {
  visibility: visible;
  transform: scale(1);
  opacity: 1;
}
.lyteDropdownNoResult {
  padding: 10px 15px;
  text-align: center;
  font-size: var(--pxFontSizeRegular);
  color: var(--pxColorNotFound);
}
lyte-drop-button input {
  font-family: var(--pxFontRegular);
  width: 100%;
  border: none;
  background: transparent;
  font-size: var(--pxFontSizeRegular);
  color: var(--pxColorPrimary);
  padding: 0;
  box-sizing: border-box;
}
lyte-drop-button input:focus {
  outline: none;
}
.lyte-dropdown-filtered {
  display: none !important;
}
.lyteMultiSelectDropdown lyte-drop-item {
  padding: 8px 15px;
}
/*  Multi select releated CSS--ENDS   */
/*lyte-list-box dropbox related css--BEGINS     */
lyte-drop-box {
  padding: 0;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid var(--lyte-menu-border-color);
  box-shadow: var(--lyte-menu-shadow);
  z-index: 10020;
  position: absolute;
  border-radius: 6px;
  display: block;
  width: auto;
  transform: translate(-1000px, -1000px);
}
lyte-drop-box[lyte-hidden] {
  visibility: hidden;
}
lyte-drop-box.lyteDropdownCurve {
  border-radius: 6px;
}
lyte-drop-box.lyteDropdownDown {
  transform: translateY(-1px);
}
lyte-drop-box.lyteDropdownUp {
  border-radius: 6px;
  box-shadow: var(--lyte-menu-shadow);
  transform: translateY(1px);
}
lyte-drop-box.lyteDropdownRight,
lyte-drop-box.lyteDropdownLeft {
  transform: none;
}
lyte-drop-box.lyteDropBodyCallout {
  border-radius: 6px;
  box-shadow: var(--lyte-menu-shadow);
}
lyte-drop-box:not(.lyteDropBodyCallout) .lyteArrow {
  background: #ededed;
  width: 328px;
  height: 0;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
}
.lyteDropdownUp:not(.lyteDropBodyCallout) .lyteArrow {
  top: unset;
  bottom: -1px;
}
.lyteDropdownUp.lyteDropdownCurve {
  border-radius: 6px;
}
lyte-drop-box lyte-input.lyteInput .lyteSearch {
  padding-left: 35px;
}
lyte-drop-box.lyteDropdownUp lyte-input.lyteInput .lyteSearch {
  border-radius: 2px 2px 0 0;
}
lyte-drop-box.lyteDropdownHidden {
  display: none;
  transform: translate(-1000px, -1000px);
}
lyte-drop-footer,
lyte-drop-header {
  display: block;
}
lyte-drop-footer {
  border-top: 1px solid var(--lyte-dropbox-footer-border-color);
  text-align: center;
}
lyte-drop-body {
  padding: 8px;
  display: block;
  max-height: 210px;
  overflow-y: auto;
  position: relative;
}
lyte-drop-header lyte-search .searchIcon {
  top: 10px;
  left: 10px;
}
lyte-drop-box .lyteDropdownFooter {
  border-top: 1px solid #ddd;
}
lyte-drop-box .lyteDropdownFooter .lyteDropdownAction {
  padding: 7px 10px;
  font-size: 14px;
}
lyte-drop-label {
  font-weight: 600;
  color: var(--pxColorHeading);
  display: block;
  height: auto;
  padding: 4px 15px 6px !important;
  text-align: left;
  font-size: var(--pxFontSizeSmall);
  font-family: var(--pxFontMedium);
  overflow-wrap: break-word;
}
lyte-drop-label:first-child {
  padding-top: 3px;
}
/*lyte-list-box dropbox related css--ENDS     */
.lyteDropdownFiltered {
  display: none!important;
}
#lytedropdownfreezelayer {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.1;
  position: fixed;
  overflow: hidden;
  display: none;
}
.lyteDropdownZIndex {
  z-index: calc(1060 - 5);
}
/*Dropdown element disabled option -- BEGINS*/
.lyteDropdown-disabled lyte-drop-button {
  border: 1px solid var(--lyte-input-disabled-border-color);
  background: var(--lyte-dropdown-btn-disabled-bg);
  color: var(--pxColorPrimary);
  cursor: not-allowed;
}
.lyteDropdownDisabled lyte-drop-button:hover {
  border: 1px solid #d6d6d6;
}
.lyteDropdownDisabled .lyteDummyEventContainer:focus lyte-drop-button:hover,
.lyteDropdownDisabled .lyteDummyEventContainer:focus lyte-drop-button {
  box-shadow: none;
  border: 1px solid #d6d6d6;
}
.lyteDropdownDisabled .lyteMultipleSelect li {
  background: #e7f2ff;
  border: 1px solid #d9e8f9;
  cursor: not-allowed;
}
.lyteDropdownDisabled .lyteCloseIcon {
  pointer-events: none;
}
.lyteDropdownDisabled .lyteMultipleSelect li:hover .lyteCloseIcon {
  background: transparent;
}
lyte-dropdown .lyteDropdown-disabled lyte-icon.dropdown {
  opacity: 0.3;
}
/*Dropdown element disabled option -- ENDS*/
/*  Dropdown item disabled CSS -- BEGINS    */
lyte-drop-item.lyteDropdown-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
/*  Dropdown item disabled CSS -- ENDS    */
.lyteDropPlaceholderNormal {
  margin-right: 0px;
  color: var(--lyte-dropdown-btn-placeholder-text-color);
}
.lyteMultipleSelect li.lyteDropMark {
  background: #fafbfc;
  border: 1px solid #ddd;
}
.lyteMultipleSelect li.lyteDropMark:hover .lyteCloseIcon {
  background: #daebf7;
}
/*  Callout hook related CSS -- BEGINS    */
/*Dropdown with arrow */
lyte-drop-box .lyteArrowIcon {
  width: 0;
  height: 0;
  border-bottom: 8px solid #fff;
  position: absolute;
}
lyte-drop-box .lyteArrowTop::after,
lyte-drop-box .lyteArrowTop::before,
lyte-drop-box .lyteArrowBottom::after,
lyte-drop-box .lyteArrowBottom::before,
lyte-drop-box .lyteArrowRight::after,
lyte-drop-box .lyteArrowRight::before,
lyte-drop-box .lyteArrowLeft::after,
lyte-drop-box .lyteArrowLeft::before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 8px solid transparent;
}
/*Arrow Top*/
lyte-drop-box .lyteArrowTop {
  top: 0;
}
lyte-drop-box .lyteArrowTop::after,
lyte-drop-box .lyteArrowTop::before {
  bottom: 0;
  left: 0;
}
lyte-drop-box .lyteArrowTop::after {
  border-bottom-color: #fff;
  margin-left: -8px;
}
lyte-drop-box .lyteArrowTop::before {
  border-bottom-color: #d6d6d6;
  border-width: 10px;
  margin-left: -10px;
}
/*Arrow bottom*/
lyte-drop-box .lyteArrowBottom {
  bottom: -8px;
  top: unset;
}
lyte-drop-box .lyteArrowBottom::after,
lyte-drop-box .lyteArrowBottom::before {
  top: 0;
  left: 0;
}
lyte-drop-box .lyteArrowBottom::after {
  border-top-color: #fff;
  margin-left: -8px;
}
lyte-drop-box .lyteArrowBottom::before {
  border-top-color: #d6d6d6;
  border-width: 10px;
  margin-left: -10px;
}
/*Arrow Right*/
lyte-drop-box .lyteArrowRight {
  right: 0;
}
lyte-drop-box .lyteArrowRight::after,
lyte-drop-box .lyteArrowRight::before {
  left: 0;
  top: 0;
}
lyte-drop-box .lyteArrowRight::after {
  border-left-color: #fff;
  margin-top: -8px;
}
lyte-drop-box .lyteArrowRight::before {
  border-left-color: #d6d6d6;
  border-width: 10px;
  margin-top: -10px;
}
/*Arrow Left*/
lyte-drop-box .lyteArrowLeft {
  left: 0;
}
lyte-drop-box .lyteArrowLeft::after,
lyte-drop-box .lyteArrowLeft::before {
  right: 0;
  top: 0;
}
lyte-drop-box .lyteArrowLeft::after {
  border-right-color: #fff;
  margin-top: -8px;
}
lyte-drop-box .lyteArrowLeft::before {
  border-right-color: #d6d6d6;
  border-width: 10px;
  margin-top: -10px;
}
/*  Callout hook related CSS -- ENDS    */
lyte-drop-box.lyteAnimate {
  transition: top 0.4s ease;
}
lyte-drop-box.lyteDropBoxAnimate {
  transition-property: top, height;
  overflow: hidden;
}
lyte-drop-box.lyteAnimate lyte-drop-body {
  transition: height 0.4s ease;
  overflow: hidden;
}
.lyteBodyWrapper {
  overflow: hidden;
}
.lyteDropdownFFScroll {
  overflow-y: scroll;
}
.lyteDropdownFFZeroScroll {
  overflow-y: hidden;
}
.lyteDropdownHideGroup {
  display: none;
}
.lyteDropdownWithDeselectIcon lyte-drop-button {
  padding-right: 70px;
}
.lyteDropdownDeselectIcon {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.lyteDropdownDeselectIcon:hover {
  background: #eee;
}
.lyteDropdownDeselectIcon::after {
  content: '';
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  -webkit-mask-position: -54px -2px;
  mask-position: -54px -2px;
  background-color: #000;
  width: 8px;
  height: 8px;
  display: inline-block;
}
.lyteDropdownFieldLabel {
  margin-bottom: 10px;
  color: #555;
}
.lyteDropdownHorizontal {
  display: inline-flex;
  align-items: center;
}
.lyteDropdownHorizontal .lyteDropdownFieldLabel {
  margin-bottom: 0;
  margin-right: 10px;
}
@media only screen and (max-device-width: 650px) {
  lyte-drop-body {
    max-height: 70px;
  }
}
/* import theme overrides - styles */
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/dropdown.less file
 */
/*  Dropdown related style ENDS   */
.lyteDropdownDisabled {
  cursor: not-allowed;
  user-select: none;
}
.lyteMultipleSelect .lyteDropdownVisible {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
lyte-drop-item[selected="true"] {
  font-family: var(--pxFontMedium);
  font-weight: 600;
  color: var(--pxColorPrimary);
}
lyte-drop-button.lyteDropButtonDown:hover,
lyte-drop-button.lyteDropButtonUp:hover {
  border: 1px solid var(--lyte-dropdown-btn-focus-border-color);
  box-shadow: 0px 0px 6px var(--lyte-dropdown-btn-focus-shadow);
}
lyte-drop-button.lyteDropButtonDown .dropdown,
lyte-drop-button.lyteDropButtonUp .dropdown,
lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button.lyteDropButtonUp::after,
lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button.lyteDropButtonDown::after,
lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button.lyteDropButtonUp::after,
lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button.lyteDropButtonDown::after {
  transform: rotate(180deg);
}
lyte-drop-button.lyteDropdown-disabled {
  background: var(--lyte-dropdown-btn-disabled-bg);
  color: var(--lyte-dropdown-text-color);
  border: 1px solid var(--lyte-input-disabled-border-color);
}
/* stylelint-disable-next-line selector-max-type*/
lyte-drop-footer .pxDropdownFooterList {
  padding: 9px 15px 11px;
  background: var(--lyte-dropbox-footer-bg);
  color: var(--lyte-dropbox-footer-text-color);
  cursor: pointer;
}
/* stylelint-disable-next-line selector-max-type*/
lyte-drop-footer .pxDropdownFooterList:hover {
  background: var(--lyte-dropbox-footer-hover-bg);
}
lyte-drop-footer .pxDropdownFooterList:last-child {
  border-radius: 0px 0px 6px 6px;
}
/***Opt Group***/
lyte-drop-label.optGroupHead {
  padding: 10px 10px 6px !important;
  color: var(--pxColorHeading);
}
/*****MultiSelect*****/
lyte-dropdown[lt-prop-type="multisearch"] .lyteMultipleSelect .lyteMultiselectInput:only-of-type {
  margin: 0px;
  padding: 0;
}
.lyteMultipleSelect li:hover .lyteCloseIcon::before {
  transform: scale(0.9);
}
.noresultstyle.aligncenter {
  text-align: center !important;
}
.noresultstyle {
  padding: 10px 15px;
  font-size: var(--pxFontSizeRegular);
  color: var(--pxColorNotFound);
  text-align: center;
}
/* stylelint-disable-next-line selector-max-type*/
lyte-drop-box lyte-input[lt-prop-type="search"],
lyte-drop-box.userDropbox .wrapperdiv {
  box-sizing: border-box;
  position: relative;
  margin: 8px 8px 0px 8px;
  width: auto !important;
  display: flex;
}
/* stylelint-disable-next-line selector-max-type*/
lyte-drop-box lyte-input[lt-prop-type="search"] .lyteField,
lyte-drop-box.userDropbox lyte-input .lyteField {
  border: 1px solid var(--lyte-dropdown-btn-border-color);
  transition: border 0.3s ease-out, box-shadow 0.3s ease-out;
  border-radius: 6px;
}
/* stylelint-disable-next-line selector-max-type*/
lyte-drop-box lyte-input[lt-prop-type="search"] .lyteField:hover,
lyte-drop-box.userDropbox lyte-input .lyteField:hover {
  border: 1px solid var(--lyte-input-hover-border-color);
}
/* stylelint-disable-next-line selector-max-type*/
lyte-drop-box lyte-input[lt-prop-type="search"].lyteInputFocus .lyteField,
lyte-drop-box.userDropbox lyte-input.lyteInputFocus .lyteField {
  border: 1px solid var(--lyte-input-focus-border-color);
  box-shadow: none;
}
lyte-dropdown[lt-prop-type="multiple"].lyteDropNoOptSelected lyte-drop-button,
lyte-dropdown[lt-prop-type="multisearch"].lyteDropNoOptSelected lyte-drop-button {
  padding-bottom: 8px;
  padding-top: 8px;
}
lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button,
lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button {
  padding-bottom: 1px;
  padding-top: 4px;
}
.pxNoInitialDropdownStyle lyte-drop-button,
.pxNoInitialDropdownStyle .cxFakeDropButton {
  border: 1px solid transparent;
}
.pxNoInitialDropdownStyle .dropdown,
.pxNoInitialDropdownStyle .cxFakeDropButton .dropdown {
  display: none;
}
.pxNoInitialDropdownStyle.pxWithDropdownArrow .dropdown,
.pxNoInitialDropdownStyle.pxWithDropdownArrow .cxFakeDropButton .dropdown {
  display: block;
}
.pxNoInitialDropdownStyle:hover .dropdown,
.pxNoInitialDropdownStyle .lyteDropButtonDown .dropdown,
.pxNoInitialDropdownStyle .lyteDropButtonUp .dropdown,
.pxNoInitialDropdownStyle .lyteDummyEventContainer:focus lyte-drop-button .dropdown {
  display: inline-block;
}
.cxFakeDropButton:hover,
.pxNoInitialDropdownStyle .cxFakeDropButton:hover {
  border: 1px solid var(--lyte-input-hover-border-color);
}
.pxNoInitialDropdownStyle lyte-drop-button.lyteDropButtonDown,
.pxNoInitialDropdownStyle lyte-drop-button.lyteDropButtonUp {
  border: 1px solid var(--lyte-input-hover-border-color);
  box-shadow: 0px 0px 6px var(--lyte-input-focus-shadow);
}
.pxSmallDropdown lyte-dropdown[lt-prop-type="multiple"].lyteDropNoOptSelected lyte-drop-button,
.pxSmallDropdown lyte-dropdown[lt-prop-type="multisearch"].lyteDropNoOptSelected lyte-drop-button {
  padding-bottom: 5px;
  padding-top: 5px;
}
.pxSmallDropdown lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button,
.pxSmallDropdown lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button {
  padding-bottom: 0px;
  padding-top: 3px;
}
crux-dropdown.pxTableHeaderDropdown {
  display: inline-block;
}
.pxTableHeaderDropdown lyte-drop-button,
.pxTableHeaderDropdown .cxFakeDropButton {
  padding: 2px 25px 0px 0px;
  border: 0px !important;
  box-shadow: none  !important;
  color: var(--pxColorHeading);
}
.pxTableHeaderDropdown lyte-drop-button .lyteMarginRight,
.pxTableHeaderDropdown .cxFakeDropPlaceholderNormal,
.pxTableHeaderDropdown .lyteDropPlaceholderNormal {
  font-size: var(--pxFontSizeRegular);
  color: var(--pxColorHeading);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: var(--pxFontMedium);
}
.pxTableHeaderDropdown lyte-drop-button .dropdown,
.pxTableHeaderDropdown .cxFakeDropButton lyte-icon.dropdown {
  top: calc(50% - 2px);
}
.pxNoTickDropbox lyte-drop-item[selected=true]::before {
  display: none;
}
.pxNoTickDropbox lyte-drop-item {
  padding: 8px 12px;
}
.pxSmallDropdownBox.pxNoTickDropbox lyte-drop-item {
  padding: 6px 12px;
}
.pxNoBorderShadowDropdown lyte-drop-button {
  border: none;
  box-shadow: none;
  padding: 0 30px 0 10px;
}
.pxNoDropdownStyle lyte-drop-button {
  border: 0px !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.lyteMultipleSelect {
  padding: 0;
  margin: 0;
}
/* stylelint-disable-next-line selector-max-type*/
lyte-dropdown input:focus::placeholder {
  color: var(--lyte-input-placeholder-text-color);
}
lyte-dropdown[lt-prop-type=multisearch] lyte-drop-button {
  cursor: text;
}
lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button.lyteDropdown-disabled,
lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button.lyteDropdown-disabled {
  background: var(--lyte-dropdown-btn-disabled-bg);
  color: var(--lyte-dropdown-text-color);
  border: 1px solid var(--lyte-input-disabled-border-color);
}
lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button.lyteDropdown-disabled li,
lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button.lyteDropdown-disabled li,
lyte-dropdown[lt-prop-type="multiple"] .lyteDropdown-disabled lyte-drop-button li,
lyte-dropdown[lt-prop-type="multisearch"] .lyteDropdown-disabled lyte-drop-button li {
  border: 1px solid var(--lyte-dropdown-multiple-disabled-li-border-disabled);
  background: var(--lyte-dropdown-multiple-disabled-li-bg);
}
.lyteDropdown-disabled {
  cursor: not-allowed;
}
lyte-dropdown.pxMandatoryField .lyteDummyEventContainer,
crux-dropdown.pxMandatoryField lyte-dropdown .lyteDummyEventContainer {
  position: relative;
}
lyte-dropdown.pxMandatoryField .lyteDummyEventContainer::before,
crux-dropdown.pxMandatoryField lyte-dropdown .lyteDummyEventContainer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  border-radius: 4px 0px 0px 4px;
  height: 100%;
  width: 3px;
  border-left: 3px solid var(--lyte-input-manatory-border-color);
  background: transparent !important;
  z-index: 2;
}
lyte-dropdown.lyteDropdownError lyte-drop-button {
  border: 1px solid var(--lyte-dropdown-btn-error-border-color);
  box-shadow: none;
}
.lyteDropdownDisabled .lyteMultipleSelect li:hover .lyteCloseIcon {
  visibility: hidden !important;
}
.pxSmallDropdown lyte-drop-button,
.pxSmallDropdown .cxFakeDropButton {
  border-radius: 4px;
  padding: 5px 25px 5px 10px;
  font-size: var(--pxFontSizeSmall);
}
.pxExtraSmallDropdown lyte-drop-button,
.pxExtraSmallDropdown .cxFakeDropButton {
  border-radius: 4px;
  padding: 2px 18px 2px 8px;
  font-size: var(--pxFontSizeXSmall);
}
.pxSmallDropdown.cxNoUserSelected.cxBoxDropdown[lt-prop-type="multiple"] lyte-drop-button {
  padding: 3px 20px 4px 5px;
}
.pxSmallDropdown .lyteDropPlaceholderMultiple,
.pxSmallDropdown .cxFakeDropdownLabel {
  font-size: var(--pxFontSizeSmall);
}
.pxSmallDropdown lyte-drop-button::after,
.pxExtraSmallDropdown lyte-drop-button::after,
.pxExtraSmallDropdown .cxFakeDropButton .dropdown {
  top: 10px;
}
lyte-drop-box.pxSmallDropdownBox.userDropbox lyte-input.userSearchBox input,
lyte-drop-box.pxExtraSmallDropdownBox.userDropbox lyte-input.userSearchBox input {
  padding: 3px 10px 4px 30px;
}
/* stylelint-disable-next-line selector-max-type*/
crux-user-dropdown lyte-dropdown.cxNoUserSelected.pxSmallDropdown.cxBoxDropdown[lt-prop-type="multiple"] lyte-drop-button {
  padding: 3px 20px 4px 5px;
}
/* stylelint-disable-next-line selector-max-type*/
crux-user-dropdown lyte-dropdown.pxSmallDropdown.cxBoxDropdown[lt-prop-type="multiple"] lyte-drop-button {
  padding: 3px 20px 0px 5px;
}
.pxSmallDropdownBox.userDropbox .multiSelectDd lyte-drop-item {
  padding: 2px 15px;
}
.pxSmallDropdown .lyteMultipleSelect li {
  font-size: var(--pxFontSizeSmall);
  padding: 1px 8px;
  margin: 0 0px 3px;
}
.pxSmallDropdown .lyteMultipleSelect .lyteCloseIcon {
  width: 14px;
  height: 14px;
  top: calc(50% - 7px);
  right: 2px;
}
.pxSmallDropdown lyte-drop-button.lyteDropButtonDown:hover,
.pxSmallDropdown lyte-drop-button.lyteDropButtonUp:hover,
.pxSmallDropdown .lyteDummyEventContainer:focus lyte-drop-button,
.pxSmallDropdown .lyteDummyEventContainer:focus lyte-drop-button:hover,
.pxExtraSmallDropdown lyte-drop-button.lyteDropButtonDown:hover,
.pxExtraSmallDropdown lyte-drop-button.lyteDropButtonUp:hover,
.pxExtraSmallDropdown .lyteDummyEventContainer:focus lyte-drop-button,
.pxExtraSmallDropdown .lyteDummyEventContainer:focus lyte-drop-button:hover {
  box-shadow: 0px 0px 6px var(--lyte-dropdown-btn-focus-shadow) !important;
}
.pxSmallDropdown .dropdown {
  right: 10px;
}
.pxExtraSmallDropdown .dropdown {
  right: 5px;
}
.pxSmallDropdownBox lyte-drop-body,
.pxExtraSmallDropdownBox lyte-drop-item {
  padding: 5px;
}
.pxSmallDropdownBox lyte-drop-item,
.pxExtraSmallDropdownBox lyte-drop-item {
  font-size: var(--pxFontSizeSmall);
  padding: 6px 10px 6px 25px;
}
.pxSmallDropdownBox lyte-drop-item[selected="true"]::before,
.pxExtraSmallDropdownBox lyte-drop-item[selected="true"]::before {
  left: 8px;
  top: 9px;
}
lyte-drop-box.pxSmallDropdownBox lyte-input[lt-prop-type="search"],
lyte-drop-box.pxSmallDropdownBox.userDropbox .wrapperdiv {
  margin: 10px 10px 5px;
}
.pxSmallDropdownBox .cruxUserImgWrap.allUsers,
.pxSmallDropdownBox .cruxUserImgWrap,
.pxSmallDropdownBox .cruxUserImg {
  width: 28px;
  height: 28px;
  box-sizing: border-box;
}
.pxSmallDropdownBox .userDropbox .userPrimaryDetail {
  font-size: var(--pxFontSizeSmall);
}
lyte-dropdown.pxDropdownButton lyte-drop-button {
  color: var(--lyte-button-outline-primary-text-color);
  border: 1px solid var(--lyte-button-outline-primary-border-color);
  background: var(--lyte-button-outline-primary-bg);
}
lyte-dropdown.pxDropdownButton lyte-drop-button:hover {
  border: 1px solid var(--lyte-button-outline-primary-hover-border-color);
  background: var(--lyte-button-outline-primary-hover-bg);
}
lyte-dropdown.pxDropdownButton .dropdown {
  opacity: 1;
  background-color: var(--pxColorApp);
}
.pxClubbedDropdown {
  position: relative;
  display: flex;
}
.pxClubbedDropdown crux-dropdown {
  display: flex;
  flex: 1;
}
.pxClubbedDropdown lyte-dropdown {
  width: 100%;
}
.pxClubbedDropdown crux-dropdown .cxFakeDummyEventContainer {
  width: 100%;
}
.pxClubbedDropdown crux-dropdown lyte-drop-button,
.pxClubbedDropdown crux-dropdown .cxFakeDropButton {
  border-radius: 0;
  position: relative;
  z-index: 1;
}
.pxClubbedDropdown crux-dropdown:not(:first-child) {
  margin-left: -1px;
}
.pxClubbedDropdown crux-dropdown lyte-drop-button:hover,
.pxClubbedDropdown crux-dropdown .cxFakeDropButton:hover {
  z-index: 2;
}
.pxClubbedDropdown crux-dropdown lyte-drop-button.lyteDropButtonDown,
.pxClubbedDropdown crux-dropdown lyte-drop-button.lyteDropButtonUp,
.pxClubbedDropdown crux-dropdown .lyteDummyEventContainer:focus lyte-drop-button {
  z-index: 3;
}
.pxClubbedDropdown crux-dropdown:first-child lyte-drop-button,
.pxClubbedDropdown crux-dropdown:first-child .cxFakeDropButton {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pxClubbedDropdown crux-dropdown:last-child lyte-drop-button,
.pxClubbedDropdown crux-dropdown:last-child .cxFakeDropButton {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Menu CSS BEGINS  */
lyte-menu-box {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--lyte-menu-border-color);
  min-width: 130px;
  box-sizing: border-box;
  z-index: 10020;
  vertical-align: middle;
  width: auto;
  position: absolute;
  top: -9999px;
  left: -9999px;
  outline: none;
  font-family: var(--pxFontRegular);
  box-shadow: var(--lyte-menu-shadow);
  border-radius: 6px;
}
lyte-menu-body {
  overflow: auto;
  display: block;
  outline: none;
  background: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px;
}
lyte-menu-item {
  color: var(--pxColorPrimary);
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  display: flex;
  white-space: nowrap;
  text-align: left;
  font-size: var(--pxFontSizeRegular);
  padding: 8px 10px;
  z-index: 1;
  color: #111;
}
.lyteMenuSelection {
  background: var(--lyte-menu-item-hover-bg);
}
lyte-menu-label {
  font-size: var(--pxFontSizeRegular);
  color: var(--pxColorPrimary);
  margin-right: 0px;
  white-space: normal;
  word-break: break-word;
}
lyte-menu-header {
  display: block;
  height: auto;
  color: var(--pxColorHeading);
  font-family: var(--pxFontMedium);
  font-size: var(--pxFontSizeRegular);
  text-align: left;
  cursor: default;
  padding: 3px 10px 4px 5px;
}
lyte-menu-description {
  font-size: 14px;
  margin-left: auto;
  opacity: 0.5;
  color: #111;
}
lyte-menu-group {
  border-bottom: 1px solid #e5e5e5;
  display: block;
  padding: 5px 0;
}
lyte-menu-group:first-of-type {
  border-top: 0;
  padding-top: 0;
}
lyte-menu-group:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
lyte-menu-group:last-of-type + lyte-menu-item {
  border-top: 1px solid #e5e5e5;
}
lyte-menu {
  display: none;
}
.lytemenufreezelayer {
  opacity: 0;
  background: #fff;
  position: fixed;
  z-index: calc(1060 - 5);
}
.lytemenufreezelayer.top {
  top: 0;
  width: 100%;
}
.lytemenufreezelayer.bottom {
  bottom: 0;
  width: 100%;
}
.lytemenufreezelayer.left {
  left: 0;
}
.lytemenufreezelayer.right {
  right: 0;
  width: 100%;
}
.lytemenufreezelayer.nogroup {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.lyteMenuWrapperDiv {
  overflow: auto;
}
lyte-menu-box .lyteArrow {
  display: none;
  width: 11px;
  height: 11px;
  position: absolute;
  background: #fff;
  transform: rotate(45deg);
}
lyte-menu-box .lyteArrow::after,
lyte-menu-box .lyteArrow::before {
  content: none;
}
lyte-menu-box .lyteArrow.lyteArrowTop {
  box-shadow: -1px -1px 0 0 #d6d6d6;
  top: -4px;
}
lyte-menu-box .lyteArrow.lyteArrowBottom {
  box-shadow: 1px 1px 0 0 #d6d6d6;
  bottom: -4px;
}
lyte-menu-box .lyteArrow.lyteArrowLeft {
  box-shadow: -1px 1px 0 0 #d6d6d6;
  left: -4px;
}
lyte-menu-box .lyteArrow.lyteArrowRight {
  box-shadow: 1px -1px 0 0 #d6d6d6;
  right: -4px;
  left: unset;
}
.lyteMenuHidden {
  display: none !important;
}
lyte-menu-box.lyteAnimate {
  transition: top 0.4s ease;
}
lyte-menu-box.lyteAnimate lyte-menu-body {
  transition: height 0.4s ease;
  overflow: hidden;
}
.lyteHoverMenu lyte-menu-body::before {
  content: '';
  position: absolute;
}
.lyteHoverMenu.topPlace lyte-menu-body::before,
.lyteHoverMenu.bottomPlace lyte-menu-body::before {
  height: 10px;
  left: 0;
  right: 0;
}
.lyteHoverMenu.leftPlace lyte-menu-body::before,
.lyteHoverMenu.rightPlace lyte-menu-body::before {
  width: 10px;
  top: 0;
  bottom: 0;
}
.lyteHoverMenu.bottomPlace lyte-menu-body::before {
  top: -10px;
}
.lyteHoverMenu.topPlace lyte-menu-body::before {
  bottom: -10px;
}
.lyteHoverMenu.leftPlace lyte-menu-body::before {
  right: -10px;
}
.lyteHoverMenu.rightPlace lyte-menu-body::before {
  left: -10px;
}
.lyteBodyWrapper {
  overflow: hidden;
}
.lyteMenuItemDisabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.lyteMenuAccordionContainer {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.lyteMenuAccordionItem {
  transition: height 0.5s linear;
  overflow: hidden;
}
.lyteMenuAccordionItem lyte-menu-item {
  padding-left: 25px;
}
.lyteMenuAccordionClosed .lyteMenuAccordionItem {
  height: 0;
}
.lyteMenuAccordionContainer.lyteMenuSelection {
  background: transparent;
}
.lyteMenuAccordionContainer > lyte-menu-label {
  padding: 5px 15px;
  margin-right: 0;
  position: relative;
}
.lyteMenuAccordionContainer.lyteMenuSelection > lyte-menu-label {
  background: #ebebeb;
}
.lyteMenuAccordionContainer > lyte-menu-label::after {
  content: '';
  display: inline-block;
  background-image: var(--lyteSprite);
  background-position: -1px -2px;
  width: 8px;
  height: 4px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(360deg);
  transition: transform 0.3s ease;
}
.lyteMenuAccordionOpened.lyteMenuAccordionContainer > lyte-menu-label::after {
  transform: translate(0%, -50%) rotate(180deg);
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/menu.less file
 */
/* Menu CSS ENDS  */
lyte-menu-body lyte-input.lyteInputFocus .lyteField {
  box-shadow: none;
}
:root {
  --lyte-tab-primary-border-color: #E2E7EE;
  --lyte-tab-primary-bg: #fff;
  --lyte-tab-primary-head-bg: #fff;
  --lyte-tab-primary-item-bg: transparent;
  --lyte-tab-primary-item-hover-bg: #E2E7EE;
  --lyte-tab-primary-item-active-bg: #338CF0;
  --lyte-tab-primary-title-bg: transparent;
  --lyte-tab-secondary-border-color: #E2E7EE;
  --lyte-tab-secondary-bg: #fff;
  --lyte-tab-secondary-item-active-border-color: #87c8f3;
  --lyte-tab-secondary-item-active-bg: #eff7ff;
  --lyte-tab-primary-white-border-color: #E2E7EE;
  --lyte-tab-primary-white-active-border-color: #E4E4F1;
  --lyte-tab-primary-white-bg: #fff;
  --lyte-tab-primary-white-item-active-shadow: 0px -3px 5px -1px rgba(200, 200, 246, 0.8);
  --lyte-tab-primary-white-hover-bg: #D8DDED;
  --lyte-tab-primary-vertical-active-bg: #DDE9F6;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-TABS CSS BEGINS */
lyte-tabs {
  display: block;
  background: #fff;
  position: relative;
  width: 100%;
  font-family: var(--pxFontRegular);
}
lyte-tab-head {
  display: flex;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
lyte-tab-title {
  display: inline-block;
  font-size: var(--pxFontSizeRegular);
  color: #555;
  padding: 10px;
  margin: 0;
  cursor: pointer;
  box-sizing: border-box;
  background: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
lyte-tab-title span {
  display: inline-block;
  vertical-align: middle;
}
lyte-tab-title:hover {
  color: #111;
}
lyte-tab-title.lyteTabActive,
lyte-tab-title.lyteTabActive:hover {
  font-family: var(--pxFontRegular);
  font-weight: 700 !important;
  color: #2c7bd0;
  font-weight: normal;
}
lyte-tab-body {
  display: block;
  border: 1px solid #ddd;
  padding: 0;
  font-size: var(--pxFontSizeRegular);
  text-align: left;
  overflow: auto;
  box-sizing: border-box;
}
lyte-tab-content {
  box-sizing: border-box;
  color: var(--pxColorPrimary);
}
.lyteTabShow {
  display: block;
  flex-grow: 1;
}
.lyteTabHide {
  display: none;
}
/*  Tab top starts */
.lyteTabDefaultTop lyte-tab-body {
  border-top: 0;
}
.lyteTabDefaultTop lyte-tab-head {
  border-bottom-color: #e5e5e5;
}
.lyteTabDefaultTop lyte-tab-title {
  margin-bottom: -1px;
  border-bottom: 1px solid #e5e5e5;
}
.lyteTabDefaultTop lyte-tab-title.lyteTabActive {
  border-bottom: 1px solid #2c7bd0;
}
.lyteTabDefaultTop lyte-tab-title:hover {
  border-bottom-color: #666;
}
.lyteTabDefaultTop lyte-tab-title.lyteTabActive:hover {
  border-bottom-color: #2c7bd0;
}
/*  Tab top ends */
/*  Tab bottom starts */
.lyteTabDefaultBottom lyte-yield {
  display: flex;
  flex-direction: column;
}
.lyteTabDefaultBottom lyte-tab-head {
  order: 2;
  border-top-color: #e5e5e5;
}
.lyteTabDefaultBottom lyte-tab-body {
  order: 1;
  border-bottom: 0;
}
.lyteTabDefaultBottom lyte-tab-title {
  border-top: 1px solid #e5e5e5;
  margin-top: -1px;
}
.lyteTabDefaultBottom lyte-tab-title.lyteTabActive {
  border-top: 1px solid #2c7bd0;
}
.lyteTabDefaultBottom lyte-tab-title:hover {
  border-top-color: #666;
}
.lyteTabDefaultBottom lyte-tab-title.lyteTabActive:hover {
  border-top-color: #2c7bd0;
}
/*  Tab bottom ends */
/*  Tab left and right starts */
.lyteTabDefaultLeft lyte-yield {
  display: flex;
}
.lyteTabDefaultLeft lyte-tab-head,
.lyteTabDefaultRight lyte-tab-head {
  flex-direction: column;
  flex-grow: 1;
  padding: 10px 0;
  width: 200px;
  text-align: left;
  overflow: auto;
}
.lyteTabDefaultLeft lyte-tab-head {
  border-right: 0;
}
.lyteTabDefaultLeft lyte-tab-body,
.lyteTabDefaultRight lyte-tab-body {
  flex-grow: 10;
  width: calc(100% - 200px);
  padding-top: 18px;
}
.lyteTabDefaultLeft lyte-tab-title.lyteTabActive,
.lyteTabDefaultLeft lyte-tab-title.lyteTabActive:hover,
.lyteTabDefaultRight lyte-tab-title.lyteTabActive,
.lyteTabDefaultRight lyte-tab-title.lyteTabActive:hover {
  border-left: 1px solid #2c7bd0;
  background: #f5f5f5;
  position: relative;
  z-index: 10;
}
.lyteTabDefaultRight lyte-yield {
  display: flex;
  flex-direction: row-reverse;
}
.lyteTabDefaultRight lyte-tab-head {
  border-left: 0;
}
.lyteTabDefaultLeft lyte-tab-title,
.lyteTabDefaultRight lyte-tab-title {
  margin: 0;
  padding: 10px 15px;
  overflow: visible;
}
.lyteTabDefaultLeft lyte-tab-title:hover,
.lyteTabDefaultRight lyte-tab-title:hover {
  background: #fafafa;
}
/*  Tab left and right ends */
.lyteTabCloseIcon {
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  -webkit-mask-position: -59px -4px;
  mask-position: -59px -4px;
  background-color: var(--pxIconBlack);
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.lyteTabAlignStart {
  justify-content: flex-start;
}
.lyteTabAlignCenter {
  justify-content: center;
}
.lyteTabAlignEnd {
  justify-content: flex-end;
}
.lyteTabOverflowV lyte-tab-title {
  overflow: visible;
}
.lyteTabForceHide {
  display: none;
}
#moreMenu {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  padding: 10px;
}
#moreMenu.lyteMenuSelected,
#moreMenu:hover {
  opacity: 1;
}
#moreMenu span {
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  -webkit-mask-position: -294px -165px;
  mask-position: -294px -165px;
  background-color: #777;
  width: 17px;
  height: 5px;
}
.lyteTabRightCollapse {
  flex-flow: row-reverse;
  justify-content: flex-start;
}
.lyteTabVH lyte-tab-title,
.lyteTabVH .lyteMenuSelected {
  visibility: hidden;
}
lyte-tab-title.lyteTabDisable {
  pointer-events: none;
  cursor: default;
  opacity: 0.7;
}
/*  Lyte Nested Tabs CSS Begins */
.lyteNestedTab .lyteTabDefaultTop > lyte-yield {
  display: block;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head {
  flex-direction: row;
  padding: 0;
  width: auto;
  border: 1px solid #ddd;
  overflow: visible;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title {
  margin: 0 10px;
  padding: 10px 5px;
  overflow: hidden;
  margin-bottom: -1px;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title:hover {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #666;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border: 0;
  border-bottom: 1px solid #2c7bd0;
  background: #fff;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-body {
  width: auto;
  padding: 15px;
  border: 1px solid #ddd;
  border-top: 0;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield {
  flex-direction: column;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head {
  flex-direction: row;
  padding: 0;
  width: auto;
  border: 1px solid #ddd;
  overflow: visible;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head lyte-tab-title {
  margin: 0 10px;
  padding: 10px 5px;
  overflow: hidden;
  margin-top: -1px;
  border: 0;
  border-top: 1px solid #e5e5e5;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head lyte-tab-title:hover {
  background: #fff;
  border: 0;
  border-top: 1px solid #666;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border: 0;
  border-top: 1px solid #2c7bd0;
  background: #fff;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-body {
  width: auto;
  padding: 15px;
  border: 1px solid #ddd;
  border-bottom: 0;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield {
  flex-direction: row;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-head {
  order: 0;
  border: 1px solid #ddd;
  border-right: 0;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-head lyte-tab-title {
  border: 0;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border-bottom: 0;
  border-left: 1px solid #2c7bd0;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-body {
  border: 1px solid #ddd;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield {
  flex-direction: row-reverse;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-head {
  border: 1px solid #ddd;
  border-left: 0;
  order: 0;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-head lyte-tab-title {
  border: 0;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border: 0;
  border-left: 1px solid #2c7bd0;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-body {
  border: 1px solid #ddd;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* LYTE-TABS CSS ENDS   */
.pxPrimaryTab > lyte-yield > lyte-tab-head {
  border: none;
  border-bottom: 1px solid var(--lyte-tab-primary-border-color);
  background-color: var(--lyte-tab-primary-head-bg);
  position: relative;
}
.pxPrimaryTab lyte-tab-title {
  overflow: visible;
  padding: 13px 5px;
  margin: 0px 8px;
  position: relative;
  font-family: var(--pxFontRegular);
  color: var(--pxColorPrimary);
  border-bottom: none;
  background-color: var(--lyte-tab-primary-title-bg);
}
.pxPrimaryTab lyte-tab-title.lyteTabActive,
.pxPrimaryTab lyte-tab-title:hover {
  font-weight: normal !important;
  border: 0;
  color: var(--pxColorHeading);
}
.pxPrimaryTab > lyte-yield > lyte-tab-head > lyte-tab-title:not(.lyteTabActive):hover:before {
  content: '';
  position: absolute;
  left: 0px;
  bottom: -1px;
  height: 3px;
  display: inline-block;
  width: 100%;
  border-radius: 100px 100px 0px 0px;
  background: var(--lyte-tab-primary-item-hover-bg) !important;
  transition: 0.3s all ease;
  z-index: 2;
}
.pxPrimaryTab lyte-tab-title.lyteTabActive {
  font-family: var(--pxFontRegular);
  -webkit-text-stroke: 0.6px var(--pxColorHeading);
}
.pxPrimaryTab .lyteOuterActiveTab {
  position: absolute;
  left: 0px;
  bottom: -1px;
  height: 3px;
  display: inline-block;
  width: 100%;
  border-radius: 100px 100px 0px 0px;
  background: var(--lyte-tab-primary-item-active-bg) !important;
  transition: 0.3s all ease;
  z-index: 2;
}
.pxPrimaryTab lyte-tab-body {
  border: 0;
}
.pxTabLinkto.pxPrimaryTab lyte-tab-title {
  padding: 0;
}
.pxPrimaryTab lyte-tab-title a {
  color: var(--pxColorPrimary);
  padding: 13px 5px;
  display: inline-block;
}
.pxPrimaryTab lyte-tab-title.lyteTabActive a {
  color: var(--pxColorHeading);
}
.pxSecondaryTab > lyte-yield > lyte-tab-head {
  border: 1px solid var(--lyte-tab-secondary-border-color);
  border-radius: 50px;
  display: inline-flex;
  position: relative;
  padding: 2px 3px;
}
.pxSecondaryTab lyte-tab-title {
  overflow: visible;
  padding: 6px 20px;
  position: relative;
  border-radius: 20px;
  font-family: var(--pxFontRegular);
  color: var(--pxColorPrimary);
  border: 1px solid transparent;
  z-index: 2;
  background: transparent;
  margin: 0px;
}
.pxSecondaryTab lyte-tab-title:hover {
  border: 1px solid transparent;
}
.pxSecondaryTab > lyte-yield > lyte-tab-head > lyte-tab-title:not(.lyteTabActive):hover {
  background: var(--lyte-tab-secondary-item-active-bg);
}
.pxSecondaryTab lyte-tab-title.lyteTabActive {
  font-family: var(--pxFontRegular);
  -webkit-text-stroke: 0.6px var(--pxColorHeading);
  font-weight: normal !important;
  color: var(--pxColorHeading);
  border: 1px solid transparent !important;
}
.pxSecondaryTab .lyteInnerActiveTab {
  border: 1px var(--lyte-tab-secondary-item-active-border-color) solid !important;
  background: var(--lyte-tab-secondary-item-active-bg);
  border-radius: 50px;
  position: absolute;
  top: 3px;
  bottom: 3px;
  z-index: 1;
  transition: 0.3s all ease;
}
.pxSecondaryTab lyte-tab-body {
  border: 0;
}
.pxTabLinkto.pxSecondaryTab lyte-tab-title {
  padding: 0;
}
.pxSecondaryTab lyte-tab-title a {
  padding: 6px 20px;
  display: inline-block;
  color: var(--pxColorPrimary);
}
.pxSecondaryTab lyte-tab-title.lyteTabActive a {
  color: var(--pxColorHeading);
}
:root {
  --lyte-checkbox-bg: #fff;
  --lyte-checkbox-checked-border-color: #338CF0;
  --lyte-checkbox-checked-bg: #338CF0;
  --lyte-checkbox-inactive-bg: #BFC5D3;
  --lyte-checkbox-active-bg: #72C98A;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/*  Checkbox related CSS BEGINS   */
lyte-checkbox {
  color: var(--pxColorPrimary);
  font-family: var(--pxFontRegular);
  font-size: var(--pxFontSizeRegular);
  display: inline-block;
  position: relative;
}
lyte-checkbox label {
  display: inline-block;
  cursor: pointer;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
lyte-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.lyteCheckBoxDefault::before {
  opacity: 1;
  border: 2px solid var(--lyte-input-border-color);
  background: var(--lyte-input-bg);
  box-sizing: border-box;
  transition: all 0.1s ease;
  vertical-align: top !important;
  top: 2px;
  position: relative;
  content: '';
  background-image: none;
  background-position: -335px -4px;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  border-radius: 3px;
}
lyte-checkbox input[type="checkbox"]:active + .lyteCheckBoxDefault::before,
.lyteCheckBoxDefault:hover::before {
  border-color: var(--lyte-input-hover-border-color);
  background-position: -359px -4px;
}
lyte-checkbox input[type="checkbox"]:focus + .lyteCheckBoxDefault::before {
  background-position: -359px -4px;
  box-shadow: none;
}
lyte-checkbox input[type="checkbox"]:disabled + .lyteCheckBoxDefault:hover::before {
  background-position: -335px -4px;
}
lyte-checkbox input[type="checkbox"]:checked:disabled + .lyteCheckBoxDefault:hover::before,
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault::before {
  background-position: -384px -4px;
}
.lyteCheckDisabled label {
  cursor: not-allowed;
}
.lyteCheckBoxPrimary::before {
  content: '';
  background-image: var(--lyteSprite);
  background-position: -35px -162px;
  width: 14px;
  height: 14px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxPrimary::before {
  background-position: -8px -162px;
  width: 17px;
  margin-right: 0;
}
lyte-checkbox input[type="checkbox"]:focus + .lyteCheckBoxPrimary::before {
  box-shadow: 0 0 3px 1px #b0b0b0;
}
.lyteCheckBoxPrimary span,
.lyteCheckBoxDefault span {
  display: inline-block;
  vertical-align: middle;
  -ms-user-select: auto;
  -moz-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto;
}
lyte-checkbox:hover span {
  color: var(--pxColorHeading);
}
lyte-checkbox[lt-prop-disabled="true"]:hover span {
  color: #333;
}
.lyteCheckSwitch {
  transition: 0.2s all ease;
  vertical-align: middle;
  width: 30px;
  height: 18px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  background: var(--lyte-checkbox-inactive-bg);
}
.lyteCheckSwitch .on-btn {
  transform: translateX(0px);
  transition: none !important;
  width: 14px;
  height: 14px;
  background: #fff;
  display: inline-block;
  border-radius: 20px;
  position: absolute;
  left: 2px;
  top: calc(50% - 7px);
  right: auto;
  transition: left 200ms ease;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckSwitch {
  background: var(--lyte-checkbox-active-bg);
}
input[type="checkbox"].on-off-sw:focus + .lyteCheckSwitch {
  box-shadow: none;
}
input[type="checkbox"].on-off-sw:checked:focus + .lyteCheckSwitch {
  box-shadow: none;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckSwitch .on-btn {
  right: 2px;
  left: auto;
}
.lyteCheckSwitch + span {
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}
.lyteCheckSliderLabel {
  box-sizing: border-box;
  position: relative;
}
.lyteCheckSlider {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 1.4rem;
}
.lyteCheckSlider::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 1.4rem;
  height: 1.4rem;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  border-radius: 50%;
  left: 0;
  transition: left 200ms ease;
}
input[type="checkbox"]:checked + .lyteCheckSlider::before {
  left: 2.25rem;
}
.lyteCheckSlider::after {
  content: '';
  cursor: pointer;
  display: inline-block;
  position: absolute;
  z-index: 0;
  width: 3.5rem;
  height: 0.2rem;
  background: #b5b1b1;
  top: 0.6rem;
  left: 0;
}
input[type="checkbox"]:checked + .lyteCheckSlider::after {
  background: #000;
}
.lyteCheckSliderText {
  padding-left: 4.25rem;
  vertical-align: middle;
}
.lyteCheckDisabled .lyteCheckSlider::after,
.lyteCheckDisabled .lyteCheckSwitch,
.lyteCheckDisabled .lyteCheckBoxDefault::before,
.lyteCheckDisabled .lyteCheckBoxPrimary::before {
  opacity: 0.5;
}
.lyteCheckDisabled .lyteCheckSlider::before {
  background: #f5f5f5;
}
.lyteCkBoxLabelBiggerCase .lyteCheckbox,
.lyteCkBoxLabelBiggerCase {
  max-width: 100%;
}
.lyteCkBoxLabelBiggerCase .lyteCheckBoxDefault,
.lyteCkBoxLabelBiggerCase .lyteCheckBoxPrimary {
  display: flex;
  max-width: 100%;
}
.lyteCkBoxLabelBiggerCase .lyteCheckBoxDefault::before,
.lyteCkBoxLabelBiggerCase .lyteCheckBoxPrimary::before {
  flex-shrink: 0;
  margin-top: 2px;
}
.lyteCkBoxLabelBiggerCase .lyteCheckBoxDefault span,
.lyteCkBoxLabelBiggerCase .lyteCheckBoxPrimary span {
  overflow: auto;
  overflow-wrap: break-word;
  white-space: normal;
  margin-left: 5px;
}
.lyteCheckboxLabelEllipsis .lyteCheckbox,
.lyteCheckboxLabelEllipsis {
  max-width: 100%;
}
.lyteCheckboxLabelEllipsis .lyteCheckBoxDefault,
.lyteCheckboxLabelEllipsis .lyteCheckBoxPrimary {
  display: flex;
  align-items: center;
}
.lyteCheckboxLabelEllipsis .lyteCheckBoxDefault::before,
.lyteCheckboxLabelEllipsis .lyteCheckBoxPrimary::before {
  flex-shrink: 0;
}
.lyteCheckboxLabelEllipsis .lyteCheckBoxPrimary::before {
  margin-right: 5px;
}
lyte-checkbox.lyteCheckboxLabelEllipsis input[type="checkbox"]:checked + .lyteCheckBoxPrimary::before {
  margin-right: 2px;
}
.lyteCheckboxLabelEllipsis .lyteCheckBoxDefault span,
.lyteCheckboxLabelEllipsis .lyteCheckBoxPrimary span {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lyteCheckSwitch.lyteCheckboxSwitchWithStateLabel {
  min-width: 28px;
  min-height: 16px;
  width: auto;
  height: auto;
  display: inline-grid;
  grid-auto-flow: row;
  padding: 2px;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckSwitch.lyteCheckboxSwitchWithStateLabel .on-btn {
  left: calc(100% - 14px);
}
.lyteCheckboxStateLabel {
  font-size: 13px;
  padding-left: 17px;
  padding-right: 2px;
  grid-row: 1;
  grid-column: 1;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckboxSwitchWithStateLabel .lyteCheckboxStateLabel {
  padding-right: 17px;
  padding-left: 2px;
  color: #fff;
}
.on-off-sw + .lyteCheckSwitch .lyteCheckboxOnStateLabel,
.on-off-sw:checked + .lyteCheckSwitch .lyteCheckboxOffStateLabel {
  visibility: hidden;
  opacity: 0;
}
.on-off-sw:checked + .lyteCheckSwitch .lyteCheckboxOnStateLabel {
  visibility: visible;
  opacity: 1;
}
/* import theme overrides - styles */
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/checkbox.less file
 */
/*  Checkbox related CSS ENDS   */
.lyteCheckBoxPrimary span,
.lyteCheckBoxDefault span {
  vertical-align: middle;
}
.lyteCheckBoxDefault {
  position: relative;
  display: inline-block;
}
.pxPartialCheckbox input + span::before {
  opacity: 1;
  border: 2px solid var(--lyte-input-border-color);
  background: var(--lyte-input-bg);
  box-sizing: border-box;
  transition: all 0.1s ease;
  vertical-align: top !important;
  top: 2px;
  position: relative;
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
}
lyte-checkbox.pxPartialCheckbox input[type="checkbox"]:checked + .lyteCheckBoxDefault::before {
  border: 2px var(--lyte-input-border-color) solid !important;
  background: var(--lyte-input-bg) !important;
}
lyte-checkbox input[type="checkbox"] + .lyteCheckBoxDefault::after {
  content: "";
  -webkit-mask-image: var(--pxUIIcons);
  -webkit-mask-position: -323px -4px;
  mask-image: var(--pxUIIcons);
  mask-position: -323px -4px;
  background-color: var(--pxIconWhite);
  width: 0px;
  height: 8px;
  position: absolute;
  left: 1.5px;
  top: 5.5px;
  transition: 0.2s width ease;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault::before {
  opacity: 1;
  background-color: var(--lyte-checkbox-checked-bg);
  border-color: var(--lyte-checkbox-checked-border-color);
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault::after {
  width: 12px;
}
.lyteCheckDisabled .lyteCheckBoxDefault::before,
lyte-checkbox.lyteCheckDisabled input[type=checkbox]:active + .lyteCheckBoxDefault::before {
  opacity: 1;
  background-color: var(--lyte-input-disabled-bg);
  border-color: var(--lyte-input-disabled-border-color);
}
lyte-checkbox input[type=checkbox]:focus + span:before {
  border-color: var(--lyte-checkbox-checked-border-color) !important;
}
lyte-checkbox input[type="checkbox"]:checked:disabled + .lyteCheckBoxDefault:hover::before,
lyte-checkbox input[type="checkbox"]:checked:disabled + .lyteCheckBoxDefault::before {
  background-color: var(--lyte-checkbox-checked-bg);
  border-color: var(--lyte-checkbox-checked-border-color);
  opacity: 0.5;
}
.lyteCheckDisabled .lyteCheckBoxDefault span {
  opacity: 0.8;
}
.pxPartialCheckbox input + span::after {
  width: 7px !important;
  height: 2px !important;
  background: var(--lyte-input-border-color) !important;
  left: 4px !important;
  top: 8px !important;
  border-radius: 3px;
  transition: none !important;
  -webkit-mask-image: none !important;
}
lyte-checkbox.lyteCboxUnchecked .on-btn {
  animation: switchButtonOff 0.3s linear 0s 1 forwards;
}
lyte-checkbox.lyteCboxChecked .on-btn {
  animation: switchButtonOn 0.3s linear 0s 1 forwards;
}
@keyframes switchButtonOn {
  0% {
    left: 2px;
    right: auto;
    width: 14px;
  }
  /* stylelint-disable-line declaration-block-single-line-max-declarations*/
  70% {
    left: 2px;
    right: auto;
    width: 26px;
  }
  /* stylelint-disable-line declaration-block-single-line-max-declarations*/
  99% {
    left: 14px;
  }
  100% {
    left: auto;
    right: 2px;
    width: 14px;
  }
  /* stylelint-disable-line declaration-block-single-line-max-declarations*/
}
@keyframes switchButtonOff {
  0% {
    right: 2px;
    left: auto;
    width: 14px;
  }
  /* stylelint-disable-line declaration-block-single-line-max-declarations*/
  70% {
    right: 2px;
    left: auto;
    width: 26px;
  }
  /* stylelint-disable-line declaration-block-single-line-max-declarations*/
  99% {
    right: 14px;
  }
  100% {
    right: auto;
    left: 2px;
    width: 14px;
  }
  /* stylelint-disable-line declaration-block-single-line-max-declarations*/
}
.lyteCheckDisabled .lyteCheckSwitch {
  opacity: 0.5;
}
/*Remove once mixin support added in lyte*/
.lyteCkBoxLabelBiggerCase .lyteCheckBoxDefault::before,
.lyteCkBoxLabelBiggerCase .lyteCheckBoxPrimary::before {
  margin-top: 0 !important;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Radiobutton CSS BEGINS */
lyte-radiobutton {
  margin-right: 15px;
  color: var(--lyte-input-text-color);
  font-family: var(--pxFontRegular);
  font-size: var(--pxFontSizeRegular);
  display: inline-block;
  position: relative;
}
lyte-radiobutton label {
  cursor: pointer;
}
lyte-radiobutton.lyteRadioDisabled label {
  cursor: not-allowed;
}
lyte-radiobutton input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.lyteRadioLayer {
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  border: 2px solid var(--lyte-input-border-color);
  border-radius: 100%;
  display: inline-block;
  margin-right: 0px;
  vertical-align: middle;
  background: #fff;
  position: relative;
}
.lyteRadioLayer .lyteRadioCheck {
  transition: transform 0.3s ease !important;
  transition-delay: 0.2s;
  transform: scale(0) !important;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  position: absolute;
  top: 2px;
  left: 2px;
  background: var(--pxIconWhite);
  transform: scale(0);
  transition: transform 0.2s ease;
}
.lyteRadioDisabled input[type="radio"]:checked + .lyteRadioLayer,
lyte-radiobutton label:hover .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:active + .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:checked + .lyteRadioLayer {
  border: 1px solid #555;
}
lyte-radiobutton input[type="radio"]:focus + .lyteRadioLayer {
  box-shadow: 0 0 4px 0 #555;
}
lyte-radiobutton input[type="radio"]:checked + .lyteRadioLayer .lyteRadioCheck {
  transform: scale(1);
}
.lyteRadioLabel {
  display: inline-block;
  vertical-align: middle;
}
lyte-radiobutton input[type="radio"]:focus ~ .lyteRadioLabel,
lyte-radiobutton label:hover .lyteRadioLabel {
  color: #111;
}
lyte-radiobutton .lytePrimary .lyteRadioLayer .lyteRadioCheck {
  background: var(--pxIconWhite);
}
lyte-radiobutton label.lytePrimary:hover .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:active + .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:checked + .lyteRadioLayer {
  border: 1px solid #5ba1e5;
}
lyte-radiobutton .lytePrimary input[type="radio"]:focus + .lyteRadioLayer {
  box-shadow: 0 0 4px 0 #5ba1e5;
}
lyte-radiobutton .lyteSecondary .lyteRadioLayer .lyteRadioCheck {
  background: #72C98A;
}
lyte-radiobutton label.lyteSecondary:hover .lyteRadioLayer,
lyte-radiobutton .lyteSecondary input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton .lyteSecondary input[type="radio"]:active + .lyteRadioLayer,
lyte-radiobutton .lyteSecondary input[type="radio"]:checked + .lyteRadioLayer {
  border: 1px solid #72C98A;
}
lyte-radiobutton .lyteSecondary input[type="radio"]:focus + .lyteRadioLayer {
  box-shadow: 0 0 4px 0 #72C98A;
}
.lyteRadioSwitch {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 28px;
  height: 16px;
  border-radius: 20px;
  background: #d3d3d3;
}
.lyteRadioSwitch .on-btn {
  display: inline-block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  left: 2px;
  top: calc(50% - 6px);
  right: auto;
  transition: left 200ms ease;
}
lyte-radiobutton .on-off-sw:focus + .lyteRadioSwitch {
  box-shadow: 0 0 3px 1px #d3d3d3;
}
.on-off-sw:checked + .lyteRadioSwitch {
  background: #5ba1e5;
}
lyte-radiobutton .on-off-sw:checked:focus + .lyteRadioSwitch {
  box-shadow: 0 0 3px 1px #5ba1e5;
}
lyte-radiobutton .on-off-sw:checked + .lyteRadioSwitch .on-btn {
  left: 14px;
}
.lyteRadioSliderLabel {
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.lyteRadioSlider {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 1.4rem;
}
.lyteRadioSlider::before {
  content: '';
  position: absolute;
  display: inline-block;
  z-index: 1;
  width: 1.4rem;
  height: 1.4rem;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  border-radius: 50%;
  left: 0;
  transition: left 200ms ease;
}
input[type="radio"]:checked + .lyteRadioSlider::before {
  left: 2.25rem;
}
.lyteRadioSlider::after {
  content: '';
  position: absolute;
  display: inline-block;
  z-index: 0;
  width: 3.5rem;
  height: 0.2rem;
  top: 0.6rem;
  left: 0;
  background: #b5b1b1;
}
input[type="radio"]:checked + .lyteRadioSlider::after {
  background: #000;
}
.lyteRadioSliderText {
  padding-left: 4.25rem;
  vertical-align: middle;
}
.lyteRadioDisabled .lyteRadioSlider::after,
.lyteRadioDisabled .lyteRadioSwitch,
.lyteRadioDisabled .lyteRadioLayer {
  opacity: 0.5;
}
.lyteRadioDisabled .lyteRadioSlider::before {
  opacity: 0.8;
  background: #f5f5f5;
}
.lyteRadioDisabled input[type="radio"]:active + .lyteRadioLayer,
.lyteRadioDisabled .lytePrimary input[type="radio"]:active + .lyteRadioLayer,
.lyteRadioDisabled .lyteSecondary input[type="radio"]:active + .lyteRadioLayer,
.lyteRadioDisabled label.lyteSecondary:hover .lyteRadioLayer,
.lyteRadioDisabled label.lytePrimary:hover .lyteRadioLayer,
.lyteRadioDisabled label:hover .lyteRadioLayer {
  border: 1px solid #aaa;
}
.lyteRadioDisabled label:hover .lyteRadioLabel {
  color: #333;
}
/*	CSS for handling bigger labels in Radio button BEGINS	*/
lyte-radiobutton.lyteRadioLabelBiggerCase {
  max-width: 100%;
}
lyte-radiobutton.lyteRadioLabelBiggerCase label {
  display: flex;
}
lyte-radiobutton.lyteRadioLabelBiggerCase .lyteRadioLayer {
  flex-shrink: 0;
}
lyte-radiobutton.lyteRadioLabelBiggerCase .lyteRadioLabel {
  overflow: auto;
  overflow-wrap: break-word;
  white-space: normal;
}
/*	CSS for handling bigger labels in Radio button ENDS	*/
.lyteRadioCheckbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #aaa;
  width: 14px;
  height: 14px;
  border-radius: 2px;
}
input[type="radio"]:checked + .lyteRadioCheckbox {
  border: 1px solid #5ba1e5;
  background-color: #5ba1e5;
}
input[type="radio"]:hover + .lyteRadioCheckbox {
  border: 1px solid #5ba1e5;
}
lyte-radiobutton input[type="radio"]:checked + .lyteRadioCheckbox::after {
  -webkit-mask-image: var(--lyteSprite);
  -webkit-mask-position: -33px -15px;
  mask-image: var(--lyteSprite);
  mask-position: -33px -15px;
  display: block;
  content: "";
  background-color: #fcfdff;
  width: 9px;
  height: 7px;
}
/* import theme overrides - styles s*/
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/radiobutton.less file
 */
/* Radiobutton CSS ENDS */
lyte-radiobutton input[type="radio"] {
  top: 4px;
  left: 1px;
}
lyte-radiobutton input[type="radio"]:checked + .lyteRadioLayer .lyteRadioCheck {
  transform: scale(1) !important;
}
lyte-radiobutton label:hover .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:active + .lyteRadioLayer,
lyte-radiobutton label.lytePrimary:hover .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:active + .lyteRadioLayer {
  opacity: 1;
  background: var(--lyte-checkbox-bg);
  border: 2px solid var(--lyte-input-hover-border-color);
}
lyte-radiobutton input[type="radio"]:active + .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:active + .lyteRadioLayer {
  box-shadow: none;
}
.lyteRadioDisabled .lyteRadioLayer,
.lyteRadioDisabled label:hover .lyteRadioLayer,
.lyteRadioDisabled input[type="radio"]:focus + .lyteRadioLayer,
.lyteRadioDisabled input[type="radio"]:active + .lyteRadioLayer,
.lyteRadioDisabled label.lytePrimary:hover .lyteRadioLayer,
.lyteRadioDisabled .lytePrimary input[type="radio"]:focus + .lyteRadioLayer,
.lyteRadioDisabled .lytePrimary input[type="radio"]:active + .lyteRadioLayer {
  border: 2px solid var(--lyte-input-disabled-border-color);
  background: var(--lyte-input-disabled-bg);
  opacity: 1;
}
.lyteRadioLabel {
  margin-left: 3px;
}
.lyteRadioDisabled .lyteRadioLabel {
  opacity: 0.5;
}
.lyteRadioDisabled input[type="radio"]:checked + .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:checked + .lyteRadioLayer,
.lyteRadioDisabled .lytePrimary input[type="radio"]:checked + .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:checked + .lyteRadioLayer {
  border: 2px solid var(--lyte-checkbox-checked-border-color);
  opacity: 1;
}
lyte-radiobutton input[type="radio"] + .lyteRadioLayer:before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  position: absolute;
  left: -1px;
  top: -1px;
  transform: scale(0);
  transition: 0.3s all ease;
  border-radius: 100%;
  background: var(--lyte-checkbox-checked-bg);
}
lyte-radiobutton input[type="radio"]:checked + .lyteRadioLayer:before {
  transform: scale(1);
}
.lyteRadioDisabled input[type="radio"]:checked + .lyteRadioLayer,
.lyteRadioDisabled .lytePrimary input[type="radio"]:checked + .lyteRadioLayer {
  opacity: 0.5;
}
:root {
  --lyte-modal-header-bg: transparent;
  --lyte-modal-footer-bg: transparent;
  --lyte-modal-header-text-color: var(--pxColorHeading);
  --lyte-modal-footer-border-color: none;
  --lyte-modal-header-border-color: none;
  --lyte-modal-right-header-bg: none;
  --lyte-modal-right-header-border-color: none;
  --lyte-modal-right-footer-bg: none;
  --lyte-modal-right-footer-border-color: none;
  --lyte-modal-close-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  --lyte-modal-shadow: 0px 4px 18px rgba(49, 57, 73, 0.6);
  --lyte-modal-header-shadow: inset 0px 6px 10px rgba(49, 57, 73, 0.12);
  --lyte-modal-footer-shadow: inset 0px -6px 10px rgba(49, 57, 73, 0.12);
  --lyte-modal-header-footer-shadow: inset 0px 0px 16px rgba(49, 57, 73, 0.24);
  --lyte-modal-freeze-bg: #313949;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* modal Styles BEGINS */
.lyteModal {
  min-width: 400px;
  background: #fff;
  box-shadow: var(--lyte-modal-shadow);
  position: absolute;
  z-index: 10001;
  opacity: 0;
  box-sizing: border-box;
  font-family: var(--pxFontRegular);
  border-radius: 0 0 15px 15px;
  border: 1px solid transparent;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.bodyWrapper {
  overflow: hidden;
}
.modalWrapper {
  bottom: 0px;
  top: 0;
  bottom: 28px;
  left: 0;
  right: 0;
  z-index: 300;
  position: fixed;
  overflow: auto;
}
.modalWrapper.noFreeze {
  pointer-events: none;
}
.modalWrapper.noFreeze .lyteModal {
  pointer-events: auto;
}
lyte-modal-header {
  background: var(--lyte-modal-header-bg);
  border-bottom: var(--lyte-modal-header-border-color);
  font-weight: 600;
  position: relative;
  z-index: 1;
  font-size: var(--pxFontSizeLarge);
  color: var(--lyte-modal-header-text-color);
  font-family: var(--pxFontSemiBold);
  padding: 25px 30px 20px;
  overflow-wrap: break-word;
}
lyte-modal-content {
  border-radius: 0 0 15px 15px;
  max-height: 80%;
  overflow: auto;
  padding: 5px 30px;
  box-sizing: border-box;
  font-size: var(--pxFontSizeRegular);
  color: var(--pxColorPrimary);
}
lyte-modal-footer {
  background: var(--lyte-modal-footer-bg);
  border-top: var(--lyte-modal-footer-border-color);
  border-radius: 0 0 15px 15px;
  text-align: right;
  position: relative;
  z-index: 10;
  padding: 20px 30px 30px 30px;
}
lyte-modal-header,
lyte-modal-content,
lyte-modal-footer {
  display: block;
  box-sizing: border-box;
}
.modalWrapper.scrollable {
  overflow: hidden;
}
.modalWrapper.scrollable lyte-modal-content {
  overflow: auto;
}
.lyteModalHidden lyte-modal-freeze {
  pointer-events: none;
  opacity: 0;
}
lyte-modal-freeze {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background: var(--lyte-modal-freeze-bg);
  display: block;
  opacity: 0.5;
  transition: opacity ease 0.15s;
  transform: translate3d(0, 0, 0);
}
.lyteModalClose {
  transform: scale(1) !important;
  -webkit-mask-image: var(--pxUtilCSSSprite);
  mask-image: var(--pxUtilCSSSprite);
  -webkit-mask-position: -331px -188px;
  mask-position: -331px -188px;
  background-color: var(--pxIconBlack);
  width: 10px;
  height: 10px;
  opacity: 1;
  cursor: pointer;
  position: absolute;
  top: 31px;
  right: 25px;
  display: inline-block;
  transform: scale(1.3);
  z-index: 5;
  outline: none;
}
.lyteModalClose:hover {
  opacity: 1;
}
lyte-modal-footer.left {
  text-align: left;
}
lyte-modal-footer.center {
  text-align: center;
}
lyte-modal-footer.right {
  text-align: right;
}
lyte-modal-footer lyte-button {
  margin-right: 8px;
  margin-left: 0px;
}
lyte-modal-footer lyte-button:first-child {
  margin-left: 0;
}
.lyteModalFromLeft,
.lyteModalFromRight,
.lyteModalFromTop,
.lyteModalFromBottom,
.lyteModalFadeIn {
  opacity: 1;
}
.lyteModalHeaderDraggable {
  cursor: move;
  touch-action: none;
}
.lyteModal.lyteZoom {
  transform-origin: center;
}
.lyteModal.lyteModalFromRight {
  left: 100%;
}
.lyteModalYieldWithPadding {
  display: flex;
  flex-direction: column;
  max-height: inherit;
  height: inherit;
  padding: var(--lyte-modal-yield-padding);
  box-sizing: border-box;
}
.lyteModalDisplayNone {
  display: none;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/modal.less file
 */
/* modal Styles ENDS */
lyte-modal-footer.box-sh {
  box-shadow: var(--lyte-modal-footer-shadow);
}
lyte-modal-header.box-sh {
  box-shadow: var(--lyte-modal-header-shadow);
}
lyte-modal-footer lyte-button:first-child {
  margin-right: 8px;
}
lyte-modal-footer lyte-button:last-child {
  margin-right: 0px;
}
.pxOverlayTable lyte-modal-content {
  padding: 15px 0px;
}
.pxOverlayTable table.pxTable,
.pxOverlayTable lyte-table,
.pxOverlayTable .pxTableLoader {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.pxOverlayTable .pxOverlayTableContent {
  padding-left: 30px;
  padding-right: 30px;
}
.pxModalCenter .lyteModal {
  border-radius: 15px;
}
.pxModalHeaderFooterBg lyte-modal-header {
  padding: 16px 25px;
  background: var(--lyte-modal-right-header-bg);
  border-bottom: 1px solid var(--lyte-modal-right-header-bg);
}
.pxModalHeaderFooterBg .lyteModalClose {
  top: 21px;
}
.pxModalHeaderFooterBg lyte-modal-footer {
  padding: 12px 25px;
  background: var(--lyte-modal-right-footer-bg);
  border-top: 1px solid var(--lyte-modal-right-footer-border-color);
}
.pxModalHeaderFooterBg lyte-modal-content {
  padding: 15px 25px;
}
.lyteModalFromRight .lyteModalClose,
.lyteModalFromLeft .lyteModalClose {
  left: -45px;
  top: 10px;
  position: absolute;
  border-radius: 16px;
  background: #fff !important;
  -webkit-mask-image: none !important;
  box-shadow: var(--lyte-modal-close-shadow);
  width: 32px;
  height: 32px;
}
.lyteModalFromRight .lyteModalClose:after,
.lyteModalFromLeft .lyteModalClose:after {
  content: "";
  -webkit-mask-image: var(--pxUtilCSSSprite);
  -webkit-mask-position: -331px -187px;
  background-color: var(--pxIconBlack);
  width: 10px;
  height: 11px;
  opacity: 1;
  cursor: pointer;
  position: absolute;
  top: 10px;
  left: 11px;
  display: inline-block;
  z-index: 5;
  outline: 0;
}
.lyteModal.lyteModalFromLeft,
.lyteModal.lyteModalFromRight {
  border-radius: 0;
  border: none;
}
.lyteModalFromLeft .lyteModalClose {
  right: -45px;
  top: 10px;
  left: initial;
}
.pxShadowHeader {
  box-shadow: var(--lyte-modal-header-shadow);
}
.pxShadowFooter {
  box-shadow: var(--lyte-modal-footer-shadow);
}
.pxShadowHeader.pxShadowFooter {
  box-shadow: var(--lyte-modal-header-footer-shadow);
}
.pxBindScrollShadow:before,
.pxBindScrollShadow:after {
  content: "";
  display: inline-block;
  position: sticky;
  width: 100%;
  height: 15px;
  pointer-events: none;
  z-index: 5;
}
.pxBindScrollShadow:before {
  top: 0;
}
.pxBindScrollShadow:after {
  bottom: 0;
}
.pxShadowHeader_pseudo:before {
  box-shadow: var(--lyte-modal-header-shadow);
}
.pxShadowFooter_pseudo:after {
  box-shadow: var(--lyte-modal-footer-shadow);
}
:root {
  --lyte-step-item-border-color: #F2F6FA;
  --lyte-step-item-bg: #F2F6FA;
  --lyte-step-item-before-bg: #BACDD9;
  --lyte-step-item-active-border-color: #F7A973;
  --lyte-step-item-active-bg: #FFFAF2;
  --lyte-step-item-home-active-bg: #f48a3f;
  --lyte-step-item-completed-border-color: #89d69c;
  --lyte-step-item-completed-home-active-bg: #38b551;
  --lyte-step-item-before-text-color: #fff;
  --lyte-step-item-completed-bg: #f1fff4;
  --lyte-step-progress-item-active-border-color: #3DB457;
  --lyte-step-progress-Item-active-bg: var(--lyte-step-progress-Item-active-bg);
  --lyte-step-progress-head-bg: var(--lyte-step-progress-head-bg);
  --lyte-step-progress-head-active-border-color: var(--lyte-step-progress-head-active-border-color);
  --lyte-step-progress-active-bg: var(--lyte-step-progress-active-bg);
  --lyte-step-progress-item-bg: var(--lyte-step-progress-item-bg);
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Step CSS BEGINS   */
lyte-step {
  display: inline-block;
  font-family: var(--pxFontRegular);
  font-size: 14px;
}
lyte-step * {
  box-sizing: content-box;
}
/*  Slash and Arrow related CSS BEGINS  */
.lyteStepArrow lyte-step-item,
.lyteStepSlash lyte-step-item {
  display: inline-block;
  color: #333;
  margin-right: 10px;
}
.lyteStepArrow lyte-step-item:hover,
.lyteStepSlash lyte-step-item:hover {
  color: #111;
}
.lyteStepArrow lyte-step-item:last-of-type,
.lyteStepSlash lyte-step-item:last-of-type {
  margin-right: 0;
}
.lyteStepArrow lyte-step-body,
.lyteStepSlash lyte-step-body {
  cursor: pointer;
}
.lyteStepArrow .lyteActive,
.lyteStepSlash .lyteActive {
  color: #2C7BD0;
}
.lyteStepArrow .lyteActive:last-of-type,
.lyteStepArrow .lyteCompleted,
.lyteStepSlash .lyteActive:last-of-type,
.lyteStepSlash .lyteCompleted {
  color: #72c880;
}
.lyteStepSlash lyte-step-body::after {
  content: '/';
  margin-left: 10px;
}
.lyteStepArrow lyte-step-body::after {
  content: '>';
  margin-left: 10px;
}
.lyteStepArrow lyte-step-item:last-of-type lyte-step-body::after,
.lyteStepSlash lyte-step-item:last-of-type lyte-step-body::after {
  content: none;
}
/*  Slash and Arrow related CSS ENDS  */
/*   Bullet Step related CSS BEGINS    */
.lyteStepBullet {
  display: flex;
  justify-content: center;
}
.lyteStepBullet lyte-step-item {
  width: 150px;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  align-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 0;
}
.lyteStepBullet lyte-step-head {
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-indent: -10px;
  color: transparent;
  cursor: pointer;
}
.lyteStepBullet lyte-step-head::before {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background: #3ac998;
  transform: scale(1);
  transition: transform 0.3s ease;
  position: relative;
  z-index: 10;
}
.lyteStepBullet lyte-step-head:hover::before {
  transform: scale(1.2);
}
.lyteStepBullet .lyteActive lyte-step-head {
  border-color: #3ac998;
  background: #fff;
}
.lyteStepBullet .lyteActive:last-of-type lyte-step-head,
.lyteStepBullet .lyteCompleted lyte-step-head {
  border-color: #3ac998;
  background: #3ac998;
}
.lyteStepBullet lyte-step-item.lyteActive:last-of-type lyte-step-head::before,
.lyteStepBullet .lyteCompleted lyte-step-head::before {
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  -webkit-mask-position: -1px -28px;
  mask-position: -1px -28px;
  background-color: #fff;
  width: 15px;
  height: 12px;
  transform: scale(1);
}
.lyteStepBullet .lyteActive lyte-step-head::before {
  transform: scale(1);
}
.lyteStepBullet lyte-step-head::after {
  content: '';
  position: absolute;
  height: 2px;
  background: #d4e9e2;
  width: 140px;
  vertical-align: middle;
  left: 15px;
  z-index: -1;
}
.lyteStepBullet .lyteCompleted lyte-step-head::after {
  background: #3ac998;
}
.lyteStepBullet lyte-step-item:last-of-type {
  width: 100px;
}
.lyteStepBullet lyte-step-item:last-of-type lyte-step-head::after {
  content: none;
}
.lyteStepBullet lyte-step-body {
  font-family: var(--pxFontRegular);
  color: #949d9a;
  font-size: 14px;
  display: block;
  position: relative;
  text-align: center;
  padding: 10px 0;
  transform: translateX(calc(-50% + 13px));
  cursor: pointer;
}
.lyteStepBullet .lyteCompleted lyte-step-body,
.lyteStepBullet .lyteActive lyte-step-body {
  color: #3ac998;
}
/*   Bullet Step related CSS ENDS    */
/*   Flat Step related CSS BEGINS   */
.lyteStepFlat {
  display: flex;
  counter-reset: stepSetNumber;
}
.lyteStepFlat lyte-step-item {
  background: #fff;
  border: 1px solid #c3c3c3;
  border-left: none;
  border-right: none;
  padding: 0 30px;
  position: relative;
  cursor: pointer;
  color: #333;
}
.lyteStepFlat lyte-step-item:first-child {
  padding-left: 15px;
  border-left: 1px solid #c3c3c3;
}
.lyteStepFlat lyte-step-item:last-of-type {
  border-right: 1px solid #c3c3c3;
}
.lyteStepFlat lyte-step-item::before,
.lyteStepFlat lyte-step-item::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
}
.lyteStepFlat lyte-step-item::before {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 18px solid #fff;
  right: -18px;
  top: 0;
  z-index: 10;
}
.lyteStepFlat lyte-step-item::after {
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 19px solid #c3c3c3;
  right: -19px;
  top: -1px;
  z-index: 9;
}
.lyteStepFlat lyte-step-item:last-of-type::before,
.lyteStepFlat lyte-step-item:last-of-type::after {
  content: none;
}
.lyteStepFlat lyte-step-item.lyteActive,
.lyteStepFlat lyte-step-item.lyteCompleted {
  background: #1d414e;
  border-top-color: #1d414e;
  border-bottom-color: #1d414e;
  color: #fff;
}
.lyteStepFlat lyte-step-item.lyteActive:first-child,
.lyteStepFlat lyte-step-item.lyteCompleted:first-child {
  border-left-color: #1d414e;
}
.lyteStepFlat lyte-step-item.lyteActive:last-of-type,
.lyteStepFlat lyte-step-item.lyteCompleted:last-of-type {
  border-right-color: #1d414e;
}
.lyteStepFlat lyte-step-item.lyteActive::after,
.lyteStepFlat lyte-step-item.lyteActive::before,
.lyteStepFlat lyte-step-item.lyteCompleted::before {
  border-left-color: #1d414e;
}
.lyteStepFlat lyte-step-item.lyteCompleted::after {
  border-left-color: #fff;
}
.lyteStepFlat lyte-step-body {
  display: inline-block;
  padding: 6px 15px 6px 30px;
  position: relative;
  white-space: nowrap;
}
.lyteStepFlat lyte-step-body::before {
  counter-increment: stepSetNumber;
  content: counter(stepSetNumber);
  color: #666;
  position: absolute;
  width: 22px;
  height: 22px;
  border: 1px solid #c3c3c3;
  left: 0;
  top: calc(50% - 12px);
  text-align: center;
  border-radius: 50%;
}
.lyteStepFlat lyte-step-item.lyteActive lyte-step-body::before,
.lyteStepFlat lyte-step-item.lyteCompleted lyte-step-body::before {
  color: #fff;
  border: 1px solid #fff;
}
.lyteStepFlat lyte-step-item:hover {
  background: #f5f5f5;
}
.lyteStepFlat lyte-step-item:hover::before {
  border-left-color: #f5f5f5;
}
.lyteStepFlat lyte-step-item.lyteActive:hover,
.lyteStepFlat lyte-step-item.lyteCompleted:hover {
  background: #1d414e;
}
.lyteStepFlat lyte-step-item.lyteActive:hover::before,
.lyteStepFlat lyte-step-item.lyteCompleted:hover::before {
  border-left-color: #1d414e;
}
/*   Flat Step related CSS ENDS   */
/*  Advanced Step related CSS BEGINS    */
.lyteStepAdvanced lyte-step-structure {
  transition: opacity 0.3s linear;
  display: flex;
  white-space: normal;
}
.lyteStepAdvanced .lyteStepFade {
  opacity: 0;
}
.lyteStepAdvanced lyte-step-item {
  background: #dce9f8;
  border: 1px solid transparent;
  border-left: none;
  border-right: none;
  padding: 5px 30px;
  position: relative;
  cursor: pointer;
  color: #333;
}
.lyteStepAdvanced lyte-step-backward + lyte-step-item {
  border-left: 1px solid #fff;
}
.lyteStepAdvanced lyte-step-body {
  white-space: nowrap;
}
.lyteStepAdvanced lyte-step-item:hover {
  background: #b9d5f5;
}
.lyteStepAdvanced lyte-step-item.lyteCompleted {
  background: #adccf0;
}
.lyteStepAdvanced lyte-step-item.lyteActive {
  background: #3891f8;
  color: #fff;
}
.lyteStepAdvanced lyte-step-forward::after,
.lyteStepAdvanced lyte-step-item::after,
.lyteStepAdvanced lyte-step-backward + lyte-step-item::before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  background: inherit;
  top: 6px;
}
.lyteStepAdvanced lyte-step-forward::after,
.lyteStepAdvanced lyte-step-item::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) skew(15deg, 15deg);
  right: -10px;
  z-index: 9;
}
.lyteStepAdvanced lyte-step-backward + lyte-step-item::before {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(-45deg) skew(-15deg, -15deg);
  left: -10px;
}
.lyteStepAdvanced lyte-step-backward + lyte-step-item.lyteWarning::before {
  border-top: 1px dashed #3891F8;
  border-left: 1px dashed #3891F8;
}
.lyteStepAdvanced .lyteStepLast::after,
.lyteStepAdvanced lyte-step-backward.lyteStepHidden + lyte-step-item::before {
  content: none;
}
.lyteStepAdvanced lyte-step-item.lyteWarning {
  border-top: 1px dashed #3891F8;
  border-bottom: 1px dashed #3891F8;
}
.lyteStepAdvanced lyte-step-backward + lyte-step-item.lyteWarning {
  border-left: 1px dashed #3891F8;
}
.lyteStepAdvanced lyte-step-item.lyteWarning::after {
  border-top: 1px dashed #3891F8;
  border-right: 1px dashed #3891F8;
  width: 18px;
  height: 18px;
  top: 6px;
}
.lyteStepAdvanced lyte-step-backward,
.lyteStepAdvanced lyte-step-forward {
  background: #dce9f8;
  border-top: 1px solid #dce9f8;
  border-bottom: 1px solid #dce9f8;
  padding: 5px 30px;
  position: relative;
  cursor: pointer;
  color: #333;
}
.lyteStepAdvanced lyte-step-backward:hover,
.lyteStepAdvanced lyte-step-forward:hover {
  background: #b9d5f5;
}
.lyteStepAdvanced lyte-step-backward::before {
  content: '';
  width: 23px;
  height: 23px;
  position: absolute;
  background: inherit;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
  left: -13px;
  top: 3px;
  z-index: 9;
}
.lyteStepAdvanced lyte-step-forward.lyteStepHidden,
.lyteStepAdvanced lyte-step-backward.lyteStepHidden {
  display: none;
}
/*  Advanced Step related CSS ENDS    */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/step.less file
 */
/* Step CSS ENDS   */
.pxStep lyte-step-structure {
  line-height: normal;
}
.pxStep lyte-step-item {
  float: none;
  display: inline-flex;
  font-size: var(--pxFontSizeRegular);
  position: relative;
  padding: 7px 15px 7px 45px;
  color: var(--pxColorPrimary) !important;
  background-color: var(--lyte-step-item-bg) !important;
  border: 1px var(--lyte-step-item-border-color) solid !important;
  border-radius: 2px 3px 3px 2px !important;
  margin-right: 5px !important;
  transition: 0.3s all ease;
  counter-increment: list;
}
.pxStep lyte-step-item:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 24px;
  background-color: var(--lyte-step-item-before-bg);
  width: 9px;
  height: 9px;
  border-radius: 20px;
  font-size: var(--pxFontSizeXSmall);
  color: var(--lyte-step-item-before-text-color);
}
.pxStep lyte-step-item.lyteCompleted:before,
.pxStep lyte-step-item.lyteActive:before {
  content: "";
  width: 17px;
  height: 17px;
  background: var(--lyte-step-item-home-active-bg);
  left: 20px;
  top: 7px;
  text-align: center;
  box-sizing: border-box;
  line-height: 17px;
}
.pxStep lyte-step-item.lyteActive:before {
  content: counter(list);
}
.pxStep lyte-step-item.lyteActive lyte-step-body,
.pxStep lyte-step-item:hover {
  color: var(--pxColorPrimary) !important;
}
.pxStep lyte-step-item.lyteCompleted,
.pxStep lyte-step-item.lyteActive {
  font-family: var(--pxFontRegular) !important;
  color: var(--pxColorPrimary) !important;
  background: var(--lyte-step-item-active-bg) !important;
  border: 1px var(--lyte-step-item-active-border-color) solid !important;
  border-right-color: transparent !important;
  border-radius: 1px 2px 2px 1px !important;
}
.pxStep lyte-step-item.lyteCompleted lyte-step-body,
.pxStep lyte-step-item.lyteActive lyte-step-body {
  -webkit-text-stroke: 0.6px var(--pxColorPrimary);
}
.pxStep lyte-step-item lyte-step-body:before,
.pxStep lyte-step-item.lyteCompleted lyte-step-body:before,
.pxStep lyte-step-item.lyteActive lyte-step-body:before {
  content: "";
  width: 21px;
  height: 21px;
  border: 1px var(--lyte-step-item-active-border-color) solid !important;
  background-color: var(--lyte-step-item-before-text-color) !important;
  position: absolute;
  top: 4px;
  left: -11px;
  display: inline-block;
  transform: rotate(45deg);
  border-left: none !important;
  border-bottom: none !important;
  border-radius: 0px 3px 0px 0px;
  z-index: 2;
  transition: 0.3s all ease;
}
.pxStep lyte-step-item lyte-step-body:after,
.pxStep lyte-step-item.lyteCompleted lyte-step-body:after,
.pxStep lyte-step-item.lyteActive lyte-step-body:after {
  content: "";
  width: 21px;
  height: 21px;
  background-color: var(--lyte-step-item-active-bg) !important;
  border: 1px var(--lyte-step-item-active-border-color) solid !important;
  position: absolute;
  top: 4px;
  right: -11.5px;
  display: inline-block;
  transform: rotate(45deg);
  border-left: none !important;
  border-bottom: none !important;
  border-radius: 0px 3px 0px 0px;
  z-index: 3;
  transition: 0.3s all ease;
}
.pxStep lyte-step-item lyte-step-body:after {
  background-color: var(--lyte-step-item-bg) !important;
  border-color: var(--lyte-step-item-border-color) !important;
  content: "" !important;
}
.pxStep lyte-step-item lyte-step-body:before {
  background-color: var(--lyte-step-item-before-text-color) !important;
  border-color: var(--lyte-step-item-border-color) !important;
}
.pxStep lyte-step-item.lyteCompleted,
.pxStep lyte-step-item.lyteCompleted lyte-step-body:after {
  background-color: var(--lyte-step-item-completed-bg) !important;
  border-color: var(--lyte-step-item-completed-border-color) !important;
}
.pxStep lyte-step-item.lyteCompleted lyte-step-body:before {
  background-color: var(--lyte-step-item-before-text-color) !important;
  border-color: var(--lyte-step-item-completed-border-color) !important;
  border-left-color: var(--lyte-step-item-completed-bg) !important;
}
.pxStep lyte-step-item.lyteCompleted:before {
  background: var(--lyte-step-item-completed-home-active-bg);
}
.pxStep lyte-step-item.lyteCompleted:after {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  top: 11px !important;
  -webkit-mask-image: var(--pxUIIcons);
  -webkit-mask-position: -17px 0;
  mask-image: var(--pxUIIcons);
  mask-position: -17px 0;
  background-color: var(--pxIconWhite);
  width: 13px;
  height: 10px;
  z-index: 4;
  transform: scale(0.8);
  opacity: 1 !important;
  right: auto !important;
}
.pxStep lyte-step-item.lyteActive:last-child {
  border-right: 1px var(--lyte-step-item-active-border-color) solid !important;
  border-radius: 1px 6px 6px 1px !important;
}
.pxStep lyte-step-item:first-child lyte-step-body:before,
.pxStep lyte-step-item:last-child lyte-step-body:after {
  display: none;
}
.pxStep lyte-step-item:first-child {
  border-radius: 6px 2px 2px 6px !important;
  padding-left: 35px;
}
.pxStep lyte-step-item:first-child:before {
  left: 10px;
}
.pxStep lyte-step-item:first-child:after {
  left: 12px !important;
}
.pxStep.pxStepWithHome lyte-step-item.lyteActive:first-child:before,
.pxStep.pxStepWithHome lyte-step-item.lyteCompleted:first-child:before {
  left: 12px;
  mask-image: var(--pxUtilCSSSprite);
  mask-position: -387px -71px;
  -webkit-mask-image: var(--pxUtilCSSSprite);
  -webkit-mask-position: -387px -71px;
  background-color: var(--pxIconWhite);
  width: 13px;
  height: 13px;
  top: 9px;
  border-radius: 0px;
  content: "";
}
.pxStep.pxStepWithHome lyte-step-item.lyteActive:first-child:before {
  background-color: var(--lyte-step-item-home-active-bg);
}
.pxStep.pxStepWithHome lyte-step-item.lyteCompleted:first-child:before {
  background-color: var(--lyte-step-item-completed-home-active-bg);
}
.pxStep.pxStepWithHome lyte-step-item.lyteCompleted:first-child:after {
  display: none !important;
}
.pxProgressStep .lyteStepBullet .lyteCompleted lyte-step-head {
  border-color: var(--lyte-step-progress-item-active-border-color);
  background: var(--lyte-step-progress-Item-active-bg);
}
.pxProgressStep .lyteStepBullet .lyteActive lyte-step-head {
  border-color: var(--lyte-step-progress-head-active-border-color);
  background: #fff;
}
.pxProgressStep .lyteStepBullet lyte-step-item.lyteActive lyte-step-head::before {
  background: var(--lyte-step-progress-active-bg);
  width: 10px;
  height: 10px;
  mask: none;
}
.pxProgressStep .lyteStepBullet lyte-step-head::before {
  background: var(--lyte-step-progress-head-bg);
}
.pxProgressStep .lyteStepBullet lyte-step-head {
  border: 2px solid var(--lyte-step-progress-head-bg);
}
.pxProgressStep .lyteStepBullet .lyteActive lyte-step-body {
  font-family: var(--pxFontSemiBold);
}
.pxProgressStep .lyteStepBullet .lyteCompleted lyte-step-head::after,
.pxProgressStep .lyteStepBullet lyte-step-body {
  color: var(--pxColorPrimary);
}
.pxProgressStep .lyteStepBullet lyte-step-head::after {
  background: var(--lyte-step-progress-head-bg);
  width: 130px;
  left: 20px;
}
.pxProgressStep .lyteStepBullet .lyteCompleted lyte-step-head::before {
  background: var(--pxIconWhite);
  -webkit-mask-image: var(--pxUtilCSSSprite);
  mask-image: var(--pxUtilCSSSprite);
  -webkit-mask-position: -327px -411px;
  mask-position: -327px -411px;
  width: 13px;
  height: 10px;
  mask-repeat: no-repeat;
  border-radius: 0;
}
.pxProgressStep .lyteStepBullet lyte-step-item.pxStepItemFailure.lyteActive lyte-step-head::before {
  -webkit-mask-image: var(--pxUtilCSSSprite);
  -webkit-mask-position: -172px -555px;
  mask-image: var(--pxUtilCSSSprite);
  background: var(--pxIconWhite);
  mask-position: -172px -555px;
  width: 10px;
  height: 12px;
}
.pxProgressStep .lyteStepBullet .lyteActive.pxStepItemFailure lyte-step-head {
  border-color: var(--lyte-step-progress-item-bg);
  background: var(--lyte-step-progress-item-bg);
}
.pxProgressStep .lyteStepBullet lyte-step-item.pxStepItemSuccess.lyteActive lyte-step-head::before {
  -webkit-mask-image: var(--pxUtilCSSSprite);
  mask-image: var(--pxUtilCSSSprite);
  -webkit-mask-position: -327px -411px;
  background: var(--pxIconWhite);
  mask-position: -327px -411px;
  width: 13px;
  height: 10px;
}
.pxProgressStep .lyteStepBullet .lyteActive.pxStepItemSuccess lyte-step-head {
  border-color: var(--lyte-step-progress-item-active-border-color);
  background: var(--lyte-step-progress-Item-active-bg);
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/*  Calendar related CSS BEGINS     */
lyte-calendar {
  display: inline-block;
}
.lyteCalendarPopup {
  border-radius: 6px;
  background: #fff;
  z-index: 1060;
  box-shadow: var(--lyte-calendar-popup-boxshadow-color);
  font-family: var(--pxFontRegular);
  font-size: 14px;
  display: inline-block;
  border: 1px solid var(--lyte-calendar-popup-border-color);
}
.lyteCalendarNavigator {
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.lyteCalMonthDD {
  max-width: 150px;
  width: auto;
}
.lyteCalYearDD {
  width: auto;
}
.lyteCalendarPopup lyte-dropdown lyte-drop-button {
  font-family: var(--pxFontSemiBold);
  box-sizing: border-box;
  color: var(--pxColorPrimary);
  padding: 3px 25px 3px 1px;
  border: 0;
}
.lyteCalMonthDD lyte-drop-button {
  font-size: var(--pxFontSizeRegular);
}
.lyteCalYearDD lyte-drop-button {
  font-size: var(--pxFontSizeRegular);
}
.lyteCalendarPopup lyte-dropdown lyte-icon.dropdown {
  transform: scale(1.1);
  top: calc(50% - 2px);
}
.lyteCalendarPopup lyte-dropdown lyte-drop-button.lyteDropButtonDown,
.lyteCalendarPopup lyte-dropdown lyte-drop-button.lyteDropButtonUp,
.lyteCalendarPopup lyte-dropdown lyte-drop-button:hover {
  box-shadow: none;
  color: var(--pxColorPrimary);
  padding: 3px 25px 3px 1px;
  border: 0;
}
.lyteCalendarDropdown lyte-drop-item {
  min-width: 40px;
}
.lyteCalNav {
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  order: 2;
  border: 1px solid #999;
  border-radius: 50%;
}
.lyteCalNav:hover {
  border: 1px solid #333;
}
.lyteCaldLft::before,
.lyteCaldRgt::before {
  transform: rotate(180deg);
  content: '';
  position: absolute;
  top: calc(50% - 4.5px);
  left: calc(50% - 2.5px);
  width: 6px;
  height: 10px;
  -webkit-mask-image: var(--pxUtilCSSSprite);
  mask-image: var(--pxUtilCSSSprite);
  -webkit-mask-position: -63px -676px;
  mask-position: -63px -676px;
  background-color: #000;
  opacity: 1;
}
.lyteCalyearNavLft::before,
.lyteCalyearNavRgt::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 11px;
  height: 10px;
  -webkit-mask-image: var(--pxUtilCSSSprite);
  mask-image: var(--pxUtilCSSSprite);
  -webkit-mask-position: -81px -676px;
  mask-position: -81px -676px;
  background-color: #000;
  opacity: 1;
}
.lyteCaldRgt {
  margin-left: 10px;
}
.lyteCalyearNavRgt {
  margin-left: 5px;
}
.lyteCalyearNavLft {
  margin-right: 5px;
}
.lyteCalyearNavLft::before {
  transform: rotate(180deg);
}
.lyteCaldLft::before {
  left: calc(50% - 3.5px);
  transform: rotate(0deg) !important;
  top: calc(50% - 5.5px);
  transform: rotate(180deg);
}
.lyteCalNav:hover::before {
  opacity: 1;
}
.lyteCalsCalMon {
  flex-grow: 3;
  text-align: left;
  order: 1;
  cursor: default;
  color: #111;
}
.lyteCalsCalMonth {
  font-size: var(--pxFontSizeRegular);
}
.lyteCalsCalYear {
  font-size: var(--pxFontSizeRegular);
}
.lyteCalTableContainer {
  border-spacing: 6px 4px;
  box-sizing: border-box;
  display: table;
  padding: 0 8px 8px;
  width: 100%;
}
.lyteCalTableRow,
.lyteCalTableRowHeader {
  display: table-row;
}
.lyteCalTableCellHeader {
  color: var(--pxColorLabel);
  cursor: default;
  display: table-cell;
  font-size: 13px;
  text-transform: capitalize;
  text-align: center;
  padding-bottom: 6px;
}
.lyteCalTableCell {
  box-sizing: border-box;
  border: 1px solid transparent;
  color: var(--pxColorPrimary);
  cursor: pointer;
  font-size: var(--pxFontSizeSmall);
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  text-align: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  border-radius: 50%;
}
.lyteCalGray {
  opacity: 0.4;
}
.lyteCalGray:hover,
.lyteCalGray.lyteCalSel {
  opacity: 1;
}
.lyteCalToday {
  background: #fff;
  color: var(--pxColorApp);
  border: 1px solid var(--pxColorApp);
}
.lyteCalTableCell:hover,
.lyteCalToday:hover {
  background: var(--lyte-calendar-selected-date-hover-bg);
}
.lyteCalDisabled.lyteCalSel,
.lyteCalHoliday.lyteCalSel,
.lyteCalWeekend.lyteCalSel,
.lyteCalSel,
.lyteCalSel:hover {
  background: var(--pxColorApp);
  color: var(--lyte-calendar-selected-date-hover-bg);
  border: 1px solid var(--pxColorApp);
}
.lyteCalBtns .lyteCalCurrentDate {
  color: var(--lyte-calendar-footer-text-color);
  background: var(--lyte-calendar-footer-bg);
  border-radius: 0px 0px 6px 6px;
  padding: 9px 15px 11px;
  border-top: 1px solid var(--lyte-calendar-footer-border-color);
  text-align: center;
}
.lyteCalCurrentDate a {
  color: var(--pxColorLink);
  cursor: pointer;
}
.lyteCalEmpty {
  display: table-cell;
}
.lyteCalendarHidden {
  display: none;
}
.lyteCalendarPopup .lyteDummyEventContainer:focus lyte-drop-button,
.lyteCalendarPopup .lyteDummyEventContainer:focus lyte-drop-button:hover,
.lyteCalendarPopup lyte-drop-button.lyteDropButtonUp,
.lyteCalendarPopup lyte-drop-button.lyteDropButtonDown {
  border: 0;
  box-shadow: none;
}
.lyteCalTableRowGroup {
  display: table-row-group;
}
.lyteCalDisabled {
  background: transparent;
  pointer-events: none;
  opacity: 0.5;
}
.lyteCalendarDisabledDate {
  background: transparent;
  opacity: 0.5;
  cursor: default;
}
.lyteCalendarDisabledDate:hover {
  background: transparent;
}
/*  Drilldown calendar CSS BEGINS   */
.lyteDrillCalYearView,
.lyteDrillCalMonthView {
  border-spacing: 20px 40px;
}
.lyteDrillCalYearView .lyteCalTableCell,
.lyteDrillCalMonthView .lyteCalTableCell {
  height: auto;
  width: 40px;
  padding: 0 5px;
  border-radius: 3px;
}
.lyteDrillCalCurrentYear,
.lyteDrillCalCurrentMonth {
  color: #5ba1e5;
  border: 1px solid #5ba1e5;
}
.lyteDrillCalHeaderButton {
  background: transparent;
  padding: 2px 10px;
  color: #777;
  border: 1px solid #bbb;
  border-radius: 3px;
  font-size: 16px;
  cursor: pointer;
}
.lyteDrillCalHeaderButton:hover {
  background: #eee;
}
.lyteDrillCalYearListHeader:hover,
.lyteDrillCalYearListHeader {
  border-color: transparent;
  background: transparent;
  cursor: default;
}
.lyteDrillCalHeaderButton .lyteCalsCalMonth {
  font-size: 16px;
}
.lyteCalDisableNav {
  pointer-events: none;
  opacity: 0.5;
}
/*  Drilldown calendar CSS ENDS   */
.lyteVisuallyHidden {
  position: absolute;
  top: auto;
  overflow: hidden;
  width: 0;
  height: 0;
  white-space: nowrap;
}
/*	Calendar weekly selection CSS Begins */
.lyteCalWeekSelType .lyteCalTableCell {
  position: relative;
  border-radius: 0;
}
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalTableCell {
  background: #e6f3fd;
  color: #111;
}
.lyteCalWeekSelType .lyteCalToday.lyteCalWeekSel,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalToday {
  border-color: transparent;
  border-radius: 0;
  color: #111;
}
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekSel,
.lyteCalWeekSel {
  background: #e6f3fd;
}
.lyteWeekNumContainer .lyteCalWeekSel:nth-child(2),
.lyteWeekNumContainer .lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalTableCell:nth-child(2),
.lyteCalWeekSelType .lyteCalToday.lyteCalWeekSel:first-child,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalToday:first-child,
.lyteCalWeekSelType .lyteCalTableCell:first-child {
  border-radius: 50% 0 0 50%;
}
.lyteCalWeekSelType .lyteCalToday.lyteCalWeekSel:last-child,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalToday:last-child,
.lyteCalWeekSelType .lyteCalTableCell:last-child {
  border-radius: 0 50% 50% 0;
}
.lyteCalWeekSelType .lyteCalToday,
.lyteCalWeekSelType .lyteCalToday:first-child,
.lyteCalWeekSelType .lyteCalToday:last-child {
  border-radius: 50%;
}
.lyteWeekNumContainer .lyteCalWeekSel:nth-child(2),
.lyteCalWeekSelType .lyteCalWeekSel:first-child,
.lyteCalWeekSelType .lyteCalWeekSel:last-child {
  color: #fff;
  z-index: 0;
}
.lyteWeekNumContainer .lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekSel:nth-child(2),
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekSel:first-child,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekSel:last-child {
  color: #fff;
}
.lyteCalWeekSel:last-child::before,
.lyteCalWeekSel:first-child::before,
.lyteWeekNumContainer .lyteCalWeekSel:nth-child(2)::before {
  content: '';
  background: #5ba1e5;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
}
.lyteWeekNumContainer .lyteCalWeekSel:nth-child(2)::before,
.lyteCalWeekSel:first-child::before {
  left: 0;
  top: 0;
}
.lyteCalWeekSel:last-child::before {
  right: 0;
  top: 0;
}
.lyteCalWeekSelType .lyteCalTableRow .lyteCalTableCell::after {
  content: '';
  position: absolute;
  left: calc(100% + 1px);
  width: 8px;
  top: -1px;
  height: 32px;
}
.lyteCalWeekSel::after,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalTableCell::after {
  background: #e6f3fd;
}
.lyteCalWeekSelType .lyteCalTableRow .lyteCalTableCell:last-child::after {
  content: none;
}
/*	Calendar weekly selection CSS Ends */
/*	Calendar Monthly selection, Yearly Selection CSS Begins */
.lyteCalYearSelType,
.lyteCalMonthSelType {
  border-spacing: 16px 40px;
}
.lyteCalYearSelType .lyteCalTableCell,
.lyteCalMonthSelType .lyteCalTableCell {
  height: auto;
  width: 40px;
  padding: 0 5px;
  border-radius: 3px;
}
.lyteCalYearSel:hover,
.lyteCalYearSel,
.lyteCalMonthSel:hover,
.lyteCalMonthSel {
  background: #5ba1e5;
  color: #fff;
}
.lyteCalWeekendHeader,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalHoliday,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekend,
.lyteCalHoliday,
.lyteCalWeekend {
  color: var(--pxColorPrimary);
}
.lyteWeekNumContainer .lyteCalTableContainer {
  padding-left: 0;
  position: relative;
}
.lyteCalTableRowGroup .lyteWeekNumberGrid {
  color: #7B7C7D;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  text-align: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding-right: 10px;
}
.lyteWeekNumContainer .lyteCalTableContainer::before {
  content: "";
  position: absolute;
  border-radius: 0px 5px 0px 0px;
  border: 1px solid #DCDBDC;
  border-left: none;
  background: #F5F7F9;
  width: 42px;
  left: 0;
  display: inline-block;
  height: calc(100% - 6px);
  z-index: 0;
}
.lyteWeekNumberGrid {
  position: relative;
  z-index: 1;
}
.lyteCalTableCellHeader.lyteWeekNumberGrid {
  padding-right: 10px;
}
.lyteWeekNumberGrid.lyteCalCurWeekNum {
  color: #4497DD;
}
.lyteWeekNumContainer .lyteCalTableContainer.lyteCalYearSelType::before,
.lyteWeekNumContainer .lyteCalTableContainer.lyteCalMonthSelType::before {
  content: none;
}
.lyteCalHeaderCenterAlign .lyteCalNav {
  order: 1;
}
.lyteCalHeaderCenterAlign .lyteCalsCalMon {
  text-align: center;
}
/*	Calendar Monthly selection, Yearly Selection CSS Ends */
/* import theme overrides - styles */
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/calendar.less file
 */
/*  Calendar related CSS ENDS     */
.lyteCalendarPopup .lyteCalTableRow:nth-child(7) {
  display: none;
}
.lyteCalBtns {
  position: relative;
  z-index: 1;
}
.popCal .lyteCalBtns {
  padding: 9px 15px 11px;
  background-color: var(--lyte-calendar-footer-bg);
  border-top: 1px solid var(--lyte-calendar-footer-border-color);
  border-radius: 0px 0px 6px 6px;
}
.popCal #calBtns {
  border: 0;
  width: auto;
}
.popCal .lyteCalBtns:after {
  display: block;
  content: '';
  clear: both;
}
.popCal .lyteCalCurrentDate {
  float: left;
  padding: 0px;
  border: 0;
}
:root {
  --lyte-navigator-bg: #E9EEF4;
  --lyte-navigator-arrowFill-border-color: #c0c6cc;
  --lyte-navigator-arrowFill-hover-bg: #fff;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Navigator CSS BEGINS  */
lyte-navigator {
  font-weight: 600;
  font-family: var(--pxFontSemiBold);
  font-size: var(--pxFontSizeSmall);
  cursor: default;
}
.lyteNavigator {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}
/*  Single Arrow related common code BEGINS   */
.lyteNavigator .lyteIconSingleFront::before,
.lyteNavigator .lyteIconSingleBack::before,
.lyteSingleFront lyte-nav-arrow,
.lyteSingleBack lyte-nav-arrow {
  background-color: var(--pxIconBlack);
  position: absolute;
  left: 10px;
  top: 8px;
  width: 8px;
  height: 14px;
  display: inline-block;
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  opacity: 0.9;
  transform: scale(1);
  cursor: pointer;
}
.lyteNavigator .lyteIconSingleBack::before,
.lyteSingleBack lyte-nav-arrow {
  background-color: var(--pxIconBlack);
  transform: scale(1) rotate(-180deg) !important;
  z-index: 2;
  -webkit-mask-position: -307px -4px;
  mask-position: -307px -4px;
  background-color: #000;
}
.lyteNavigator .lyteIconSingleBack:not(.lyteDisabled):hover::before,
.lyteSingleBack:not(.lyteDisabled):hover lyte-nav-arrow {
  background-color: var(--pxIconBlack);
  opacity: 1;
}
.lyteNavigator .lyteIconSingleFront::before,
.lyteSingleFront lyte-nav-arrow {
  z-index: 2;
  -webkit-mask-position: -307px -4px;
  mask-position: -307px -4px;
  background-color: #000;
}
.lyteNavigator .lyteIconSingleFront:not(.lyteDisabled):hover::before,
.lyteSingleFront:not(.lyteDisabled):hover lyte-nav-arrow {
  background-color: var(--pxIconBlack);
  opacity: 1;
}
/*  Single Arrow related common code ENDS   */
/*  Double Arrow related common code BEGINS   */
.lyteDoubleFront lyte-nav-arrow,
.lyteDoubleBack lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleBack::before,
.lyteNavigator .lyteIconDoubleFront::before {
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  width: 12px;
  height: 13px;
  opacity: 0.7;
  display: inline-block;
  cursor: pointer;
}
.lyteDoubleBack lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleBack::before {
  -webkit-mask-position: -30px -135px;
  mask-position: -30px -135px;
  background-color: #000;
}
.lyteDoubleFront lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleFront::before {
  -webkit-mask-position: -12px -135px;
  mask-position: -12px -135px;
  background-color: #000;
}
.lyteDoubleBack:not(.lyteDisabled):hover lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleBack:not(.lyteDisabled):hover::before {
  background-color: #4190F2;
}
.lyteDoubleFront:not(.lyteDisabled):hover lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleFront:not(.lyteDisabled):hover::before {
  background-color: #4190F2;
}
/*  Double Arrow related common code ENDS   */
/*  Default type navigator code BEGINS  */
.lyteNavigatorMidPoint {
  margin: 0 10px;
  color: var(--pxColorPrimary);
  cursor: default;
}
.lyteNavigatorText {
  margin: 0 10px;
  color: var(--pxColorNotFound);
}
.lyteNavigator .lyteIconSingleBack,
.lyteNavigator .lyteIconSingleFront,
.lyteNavigator .lyteIconDoubleBack,
.lyteNavigator .lyteIconDoubleFront {
  cursor: pointer;
  position: relative;
  width: 29px;
  height: 29px;
  display: inline-flex;
  align-items: center;
}
.lyteNavigator .lyteIconDoubleBack::before,
.lyteNavigator .lyteIconDoubleFront::before,
.lyteNavigator .lyteIconSingleFront::before,
.lyteNavigator .lyteIconSingleBack::before {
  content: '';
  display: block;
  margin: auto;
}
.lyteNavigator .lyteIconSingleFront.lyteDisabled,
.lyteNavigator .lyteIconDoubleFront.lyteDisabled,
.lyteNavigator .lyteIconSingleBack.lyteDisabled,
.lyteNavigator .lyteIconDoubleBack.lyteDisabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
/*  Default type navigator code ENDS  */
/*  Border type and Simple type common code BEGINS  */
.lytepagination:not(.textNavLink) .lyteNavArrow lyte-nav-arrow,
.lytepagination:not(.textNavLink) .lyteNavArrowBorder lyte-nav-arrow {
  color: transparent;
  font-size: 14px;
  line-height: 18px;
}
.lytepagination:not(.textNavLink) .lyteNavArrowBorder.lyteSingleBack lyte-nav-arrow {
  line-height: 19px;
}
.lytepage,
.lyteNavArrowBorder,
.lyteNavArrow {
  display: inline-block;
  vertical-align: middle;
}
.lytepagination .lyteborder,
.lytepagination .lytesimple {
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  color: #333;
}
.lytepagination .lyteborder.dots3,
.lytepagination .lytesimple.dots3 {
  border: 0;
  padding: 0;
  margin: 0;
  color: #333;
  vertical-align: top;
  pointer-events: none;
}
.lytepagination .lyteDisabled.lyteNavArrow,
.lytepagination .lyteDisabled.lyteNavArrowBorder {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.lyteSingleFront.lyteDisabled lyte-nav-arrow,
.lyteSingleBack.lyteDisabled lyte-nav-arrow {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}
/*  Border type and Simple type common code ENDS  */
/*  Border type navigator  BEGINS  */
.lytepagination .lyteborder {
  height: 22px;
  padding: 2.5px;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  margin: 0px 5px;
  min-width: 22px;
  line-height: 22px;
  display: inline-block;
}
.lytepagination .lyteborder:hover {
  border-color: #aaa;
  color: #111;
}
.lyteborder.lyteNavArrowBorder {
  width: 22px;
  line-height: 27px;
}
.lyteborder.lyteNavArrowBorder:hover {
  border-color: #5ba1e5;
}
.lytepagination .lyteborder.lyteActiveAdd,
.lytepagination .lyteborder.lyteActiveAdd:hover {
  border-color: #5ba1e5;
  color: #5ba1e5;
  cursor: default;
}
.lyteDisabled.lyteNavArrowBorder,
.lyteDisabled.lyteNavArrowBorder:hover {
  border-color: #c4c4c4;
}
/*  Border type navigator ENDS  */
/*  Simple type navigator BEGINS    */
.lyteNavArrow,
.lytepagination .lytesimple {
  border: 0;
  width: 25px;
  height: 25px;
  padding: 2.5px;
  line-height: 25px;
  border-radius: 50%;
  margin: 2.5px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.lyteNavArrow lyte-nav-arrow {
  margin-top: 5px;
}
.lyteNavArrow.lyteDoubleFront lyte-nav-arrow,
.lyteNavArrow.lyteDoubleBack lyte-nav-arrow {
  margin-top: 6px;
}
.lytepagination .lytesimple:hover {
  background: #e6f3fd;
}
.lytepagination .lytesimple.lyteActiveAdd,
.lytepagination .lytesimple.lyteActiveAdd:hover {
  background: #5ba1e5;
  color: #fff;
}
.lytepagination .lytesimple.dots3 {
  vertical-align: middle;
  line-height: 15px;
}
/*  Simple type navigator ENDS    */
/*  Navigator with Text value styles BEGINS  */
.lytepagination.textNavLink .lyteNavArrow,
.lytepagination.textNavLink .lyteborder.lyteNavArrowBorder {
  width: auto;
  height: auto;
  border: 0;
  line-height: 20px;
  color: #333;
}
.lytepagination.textNavLink .lyteNavArrow:hover,
.lytepagination.textNavLink .lyteborder.lyteNavArrowBorder:hover {
  color: #111;
}
.lytepagination.textNavLink lyte-nav-arrow {
  width: auto;
  height: auto;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  transform: scale(1);
  opacity: 1;
}
.lytepagination.textNavLink .lyteNavArrow:not(.lyteDisabled):hover lyte-nav-arrow,
.lytepagination.textNavLink .lyteNavArrowBorder:not(.lyteDisabled):hover lyte-nav-arrow {
  background-color: transparent;
}
.lytepagination.textNavLink .lyteNavArrow lyte-nav-arrow {
  margin-top: 0;
}
/*  Navigator with Text value styles ENDS  */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/navigator.less file
 */
/* Navigator CSS ENDS  */
.navigatorNumber {
  margin-right: 10px;
}
.lyteNavigator .lyteIconSingleBack:after,
.lyteNavigator .lyteIconSingleFront:after,
.lyteNavigator .lyteSingleFront:after,
.lyteSingleFront.lyteIconSingleFront:after {
  content: '';
  background: var(--lyte-navigator-bg) !important;
  transform: scale(0);
  transition-property: transform,opacity;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  z-index: 1;
  border-radius: 50%;
  left: 0;
  box-sizing: border-box;
}
.lyteNavigator .lyteIconSingleFront:after,
.lyteNavigator .lyteSingleFront:after,
.lyteSingleFront.lyteIconSingleFront:after {
  left: -1px;
}
.lyteNavigator .lyteIconSingleBack:hover:after,
.lyteNavigator .lyteIconSingleFront:hover:after,
.lyteNavigator .lyteSingleBack:hover:after,
.lyteNavigator .lyteSingleFront:hover:after,
.lyteSingleFront.lyteIconSingleFront:hover:after {
  transform: scale(1);
}
.lyteNavigator .lyteSingleBack,
.lyteNavigator.lyteSingleBack {
  margin-right: 5px;
}
.lyteNavigator .lyteSingleFront,
.lyteNavigator.lyteSingleFront {
  margin-left: 5px;
}
.lyteDoubleFront,
.lyteDoubleBack {
  display: none;
}
.navigatorContainer {
  display: flex;
}
.pxNavigatorWithBg .lyteIconSingleBack:after,
.pxNavigatorWithBg .lyteIconSingleFront:after,
.pxNavigatorWithBg .lyteSingleBack:after,
.pxNavigatorWithBg .lyteSingleFront:after {
  background: var(--lyte-navigator-arrowFill-hover-bg) !important;
  border: 1px solid var(--lyte-navigator-arrowFill-border-color);
}
:root {
  --lyte-table-border-color: #d7e2ed;
  --lyte-table-th-bg: #fff;
  --lyte-table-th-text-color: var(--pxColorHeading);
  --lyte-table-th-border-color: #d7e2ed;
  --lyte-table-td-border-color: #edf0f4;
  --lyte-table-td-text-color: var(--pxColorHeading);
  --lyte-table-resizer-bg: var(--pxColorLink);
  --lyte-table-head-border-color: #d7e2ed;
  --lyte-table-tr-bg: #fff;
  --lyte-table-td-hover-bg: #f7f9fb;
  --lyte-table-td-selected-bg: #ECF3FF;
  --lyte-table-td-no-hover-bg: #fff;
  --lyte-table-icon-bg: transparent;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/*  Lyte Table CSS BEGINS   */
lyte-table {
  display: block;
  height: inherit;
  font-family: var(--pxFontRegular);
}
lyte-table-structure {
  border-collapse: separate;
  border-spacing: 0;
  display: table;
  position: relative;
  background: #fff;
  box-sizing: border-box;
}
lyte-tr {
  display: table-row;
}
lyte-tr.lyteTableDummyRow {
  position: relative;
}
lyte-col {
  display: table-column;
}
lyte-colgroup {
  display: table-column-group;
}
lyte-thead {
  display: table-header-group;
}
lyte-th {
  border-bottom: 2px solid var(--lyte-table-th-border-color);
  white-space: normal;
  cursor: default;
  background: var(--lyte-table-th-bg);
  text-align: left;
  color: var(--lyte-table-th-text-color);
  font-family: var(--pxFontMedium);
  font-size: var(--pxFontSizeRegular);
  outline: none;
  padding: 9px 10px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  min-width: 50px;
  box-sizing: border-box;
  white-space: nowrap;
  text-transform: capitalize;
}
lyte-th.tableRowFixed {
  z-index: 6;
}
.lyteTableFixed {
  z-index: 8;
  box-shadow: 3px 0 3px -1px rgba(0, 0, 0, 0.1);
}
lyte-th.tableRowFixed.lyteTableFixed {
  z-index: 10;
}
lyte-th:last-of-type lyte-tablehead-resize {
  cursor: default;
  position: absolute;
  right: 0;
  height: 0px;
  width: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
lyte-tbody {
  display: table-row-group;
}
lyte-td {
  display: table-cell;
  border-bottom: 1px solid var(--lyte-table-td-border-color);
  vertical-align: middle;
  background: inherit;
  min-width: 50px;
  box-sizing: border-box;
  padding: 10px;
  font-size: var(--pxFontSizeRegular);
  white-space: nowrap;
  color: var(--lyte-table-td-text-color);
  position: relative;
}
lyte-tfoot {
  display: table-footer-group;
}
lyte-table > .lyteTableScroll {
  overflow: auto;
  max-width: 100%;
  max-height: 100%;
  outline: none;
}
lyte-table.border .lyteTableScroll {
  border-bottom: none;
  border-right: none;
}
lyte-table > .lyteTableScroll > lyte-yield {
  display: block;
  width: 100%;
}
lyte-table.border lyte-tbody lyte-tr:last-of-type lyte-td {
  border-bottom: 0;
}
lyte-table.border lyte-thead lyte-tr lyte-td:last-of-type,
lyte-table.border lyte-tbody lyte-tr lyte-td:last-of-type {
  border-right: 0;
}
lyte-table.border lyte-th {
  background: var(--lyte-table-th-border-bg);
  border-right: 1px solid var(--lyte-table-head-border-color);
  border-bottom: 2px var(--lyte-table-head-border-color) solid !important;
  border: none;
  border-bottom: none;
  border-right: none;
}
lyte-table.border lyte-th:last-of-type {
  border-right: 0;
}
lyte-table.border lyte-td {
  border-left: 0;
  border-right: 1px solid var(--lyte-table-head-border-color);
  border: none;
  border-right: 0;
  border-top: 0;
}
.lyteDualResize lyte-th:last-of-type lyte-tablehead-resize,
lyte-tablehead-resize {
  cursor: ew-resize;
  height: 100%;
  width: 21px;
  top: 0;
  z-index: 9;
  right: -12px;
  position: absolute;
}
.lyteTableFixed lyte-tablehead-resize {
  display: none;
}
.lyteTableEnableResize .lyteTableFixed:hover {
  z-index: 9;
}
.lyteTableEnableResize .lyteTableFixed lyte-tablehead-resize {
  display: block;
}
.lyteDualResize lyte-th:last-of-type lyte-tablehead-resize {
  pointer-events: auto;
  right: 0;
}
lyte-tablehead-resize::after {
  background: var(--lyte-table-th-border-color) !important;
  top: 6px;
  content: '';
  position: absolute;
  width: 1px;
  height: 67%;
  right: 10px;
  background: transparent;
}
.lyteDualResize lyte-th:last-of-type lyte-tablehead-resize::after {
  right: 0;
}
lyte-th[resize="enable"]:not(.lyteTableFixed):hover {
  z-index: 7;
}
lyte-th[resize="enable"]:not(.lyteTableFixed).lyteTableResizeSelect {
  z-index: 8;
}
lyte-th[resize="enable"]:hover lyte-tablehead-resize::after {
  width: 2px;
  background: var(--lyte-table-resizer-bg);
  opacity: 1;
}
lyte-th[resize="enable"] lyte-tablehead-resize:hover::after,
lyte-th[resize="enable"].resizeSelect lyte-tablehead-resize::after {
  width: 2px;
  background: var(--lyte-table-th-border-color);
  opacity: 1;
}
lyte-table.resizing lyte-th[resize="enable"]:not(.resizeSelect):hover lyte-tablehead-resize::after {
  background: transparent;
}
lyte-table-resize {
  width: 15px;
  height: 15px;
  bottom: 0;
  cursor: se-resize;
  z-index: 10;
  right: 0;
  position: absolute;
}
lyte-table-resize:hover {
  border-bottom: 2px solid #5ba1e5;
  border-right: 2px solid #5ba1e5;
}
lyte-table-horizontal-resize {
  width: 15px;
  height: 100%;
  bottom: 0;
  cursor: col-resize;
  z-index: 9;
  right: 0;
  position: absolute;
}
lyte-table-horizontal-resize:hover {
  border-right: 2px solid #5ba1e5;
}
lyte-table-vertical-resize {
  width: 100%;
  height: 15px;
  bottom: 0;
  cursor: row-resize;
  z-index: 9;
  right: 0;
  position: absolute;
}
lyte-table-vertical-resize:hover {
  border-bottom: 2px solid #5ba1e5;
}
.lyteTableSortHelper {
  font-family: var(--pxFontRegular);
  font-size: 14px;
  position: absolute;
  z-index: 10;
  background: #fff;
  border: 1px solid #5ba1e5;
  padding: 12px 15px;
  box-sizing: border-box;
  cursor: move;
  color: #333;
}
.sortableTable lyte-th {
  cursor: move;
}
lyte-table.lyteStickyTable {
  --lyte-table-intersection: 0px;
}
.lyteStickyTable .lyteFixedColumn {
  position: sticky;
}
.lyteIntersectionDiv {
  position: absolute;
  width: 1px;
  height: 10px;
  top: var(--lyte-table-intersection);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.lyteStickyTable lyte-th {
  top: 0;
  position: sticky;
  z-index: 6;
}
.lyteStickyTable lyte-th.lyteTableFixed {
  z-index: 8;
}
.lyteTableRightFixed.lyteTableFixed {
  box-shadow: -3px 0 7px -2px rgba(0, 0, 0, 0.2);
}
.lyteStickyTableColumnMoving {
  z-index: 10;
}
lyte-th.lyteStickyTableColumnMoving {
  z-index: 15;
}
.lyteStickyTableColumnSortAnimate {
  transform: translateX(0px);
  transition: transform 0.2s linear;
}
lyte-table.lyteTableInfiniteScrollBorderReset lyte-td {
  border: 0;
  padding: 0;
}
.lyteTableInfiniteScrollBorderReset lyte-cell-wrapper {
  display: block;
  padding: 10px;
  border-bottom: 1px solid var(--lyte-table-td-border-color);
  height: 100%;
  box-sizing: border-box;
}
.border.lyteTableInfiniteScrollBorderReset lyte-cell-wrapper {
  border-left: 0;
  border-right: 1px solid var(--lyte-table-head-border-color);
  border: none;
  border-right: 0;
  border-top: 0;
}
/*	Lyte Table - infinite scroll - Sortable case related CSS BEGINS */
.lyteTableWithSortableRow lyte-tr {
  cursor: move;
}
.lyteTableInfiniteScrollBorderReset .lyteTableRowSorting lyte-cell-wrapper,
.lyteTableInfiniteScrollBorderReset .lyteTableRowSorting + lyte-tr lyte-cell-wrapper,
lyte-table .lyteTableRowSorting lyte-td,
lyte-table .lyteTableRowSorting + lyte-tr lyte-td {
  border-top: 1px solid #e2e2e2;
  padding-top: 14px;
}
.lyteTableInfiniteScrollBorderReset .lyteTableRowSorting lyte-td,
.lyteTableInfiniteScrollBorderReset .lyteTableRowSorting + lyte-tr lyte-td {
  border-top: 0;
  padding-top: 0;
}
lyte-table.border .lyteTableWithSortableRow .lyteTableRowSorting lyte-td:last-of-type {
  border-right: 1px solid #e2e2e2;
}
lyte-tr.lyteTableRowSorting {
  position: relative;
  z-index: 10;
}
.lyteTableWithSortableRow .lyteTableSortablePlaceholder lyte-td {
  background: #f6fad2;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #e2e2e2;
}
.lyteTableWithSortableRow .lyteTableSortablePlaceholder lyte-td:first-of-type {
  border-left: 1px solid #e2e2e2;
}
.lyteTableSortablePlaceholder {
  position: absolute;
  background: #f6fad2;
  border: 1px solid #edf2c3;
  box-sizing: border-box;
  z-index: 5;
}
.lyteTableSortablePlaceholderHidden {
  display: none;
}
/*	Lyte Table - infinite scroll - Sortable case related CSS ENDS */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/table.less file
 */
/*  Lyte Table CSS ENDS   */
lyte-table {
  border: 1px solid var(--lyte-table-border-color);
  border-radius: 10px;
  box-sizing: border-box;
}
lyte-table .lyteTableScroll {
  border-radius: 10px;
}
lyte-th[resize="enable"] lyte-tablehead-resize:hover::after,
lyte-th.lyteTableResizeSelect[resize="enable"] lyte-tablehead-resize::after {
  background-color: var(--lyte-table-resizer-bg) !important;
  opacity: 1;
  height: 100%;
  top: 0px;
}
lyte-td,
lyte-th {
  white-space: normal;
}
lyte-tr {
  background: var(--lyte-table-tr-bg);
}
lyte-table lyte-tr:hover {
  background: var(--lyte-table-td-hover-bg);
}
lyte-table lyte-tr lyte-th:first-of-type,
lyte-table lyte-tr lyte-td:first-of-type {
  padding-left: 20px;
}
lyte-table lyte-tr lyte-th:last-of-type,
lyte-table lyte-tr lyte-td:last-of-type {
  padding-right: 20px;
}
lyte-table lyte-tr:last-of-type lyte-td {
  border-bottom: none;
}
.pxNoBorderTable {
  border: 0;
  border-radius: 0;
  overflow: inherit;
}
.pxNoBorderTable .lyteTableScroll {
  border-radius: 0;
}
.pxNoHoverTable lyte-tr:hover {
  background: var(--lyte-table-td-no-hover-bg) !important;
}
.pxOuterTable {
  border: 1px solid var(--lyte-table-border-color);
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
}
.pxOuterTable lyte-table {
  border: none;
  border-radius: 10px 10px 0 0;
}
.pxOuterTable lyte-table .lyteTableScroll {
  border-radius: 10px 10px 0 0;
}
.pxOuterTable .noresultstyle,
lyte-table .pxNoResultStyle {
  text-align: center !important;
  padding: 20px 15px;
  font-size: var(--pxFontSizeRegular);
  color: var(--pxColorNotFound);
}
.pxFixedHeaderTable {
  display: flex;
  flex-direction: column;
}
.pxFixedHeaderTable lyte-table {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.pxNoOuterBorder {
  border: 0;
}
.pxTableWithHeaderBg lyte-th,
.pxTableWithHeaderBg th {
  background: var(--lyte-table-th-border-bg);
}
/****DIV TABLE****/
.pxTableTopBorder {
  border-top: 1px solid var(--lyte-table-border-color);
}
.pxFormTable lyte-td {
  padding: 5px 10px !important;
}
.pxTableBottomBorder {
  border-bottom: 1px solid var(--lyte-table-border-color);
}
.pxEvenColumnBgTable lyte-tr lyte-td:nth-child(even),
.pxEvenColumnBgTable lyte-tr lyte-th:nth-child(even) {
  background: var(--lyte-table-td-hover-bg);
}
.pxRowColumnBgTable lyte-tr lyte-td:nth-child(even),
.pxRowColumnBgTable lyte-tr lyte-th:nth-child(even) {
  background: var(--lyte-table-td-hover-bg);
}
.cxTableCompNoResults {
  color: var(--pxColorNotFound);
  padding: 30px;
  text-align: center;
  background-color: #fff;
}
.pxTableRowSelected {
  background-color: var(--lyte-table-td-selected-bg);
}
.pxTableRowUserImage td,
.pxTableRowUserImage lyte-td {
  padding: 7px 10px;
}
.pxTableRowUserImage .pxUserImage,
.pxTableRowUserImage .cxUserLookupUserImg {
  width: 26px;
  height: 26px;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.lyteHovercardPopover.popoverWrapper {
  z-index: 1080;
}
.lyteHovercardPopover .lytePopover {
  background: #fff;
  color: var(--pxColorParagraph);
  border-radius: 5px;
  border: 1px solid transparent;
}
.lyteHovercardPopover .lytePopoverArrowIcon {
  background: #fff;
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowTop {
  box-shadow: -1px -1px 0 0 var(--lyte-hovercard-callout-shadow);
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowBottom {
  box-shadow: 1px 1px 0 0 var(--lyte-hovercard-callout-shadow);
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowRight {
  box-shadow: 1px -1px 0 0 #222;
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowLeft {
  box-shadow: -1px 1px 0 0 #222;
}
lyte-hovercard-content {
  padding: 15px;
  display: block;
  max-width: 500px;
  overflow-wrap: break-word;
}
.lyteHovercardPopover.lytePopTopToOrig .lytePopover::before,
.lyteHovercardPopover.lytePopBottomToOrig .lytePopover::before {
  content: '';
  width: 100%;
  height: 10px;
  background: transparent;
  position: absolute;
}
.lyteHovercardPopover.lytePopBottomToOrig .lytePopover::before {
  top: -10px;
}
.lyteHovercardPopover.lytePopTopToOrig .lytePopover::before {
  bottom: -10px;
}
.lyteHovercardPopover.lytePopLeftToOrig .lytePopover::before,
.lyteHovercardPopover.lytePopRightToOrig .lytePopover::before {
  content: '';
  height: 100%;
  width: 10px;
  background: transparent;
  position: absolute;
}
.lyteHovercardPopover.lytePopRightToOrig .lytePopover::before {
  left: -10px;
}
.lyteHovercardPopover.lytePopLeftToOrig .lytePopover::before {
  right: -10px;
}
.lyteTextHovercardList {
  padding: 10px;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/*  Popover related CSS BEGINS  */
.bodyWrapper {
  overflow: hidden;
}
.popoverWrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  position: fixed;
}
.popoverWrapper.noFreeze {
  pointer-events: none;
}
.lytePopover {
  background: #fff;
  border: 1px solid var(--lyte-popover-border-color);
  box-shadow: var(--lyte-popover-shadow);
  position: absolute;
  z-index: calc(1040 + 10);
  opacity: 0;
  border-radius: 6px;
  transition: opacity ease 0.4s;
  box-sizing: border-box;
  font-family: var(--pxFontRegular);
  top: -9999px;
  left: -9999px;
}
.popoverWrapper.noFreeze .lytePopover {
  pointer-events: auto;
}
.lytePopover.lyteZoom {
  transition: transform 0.4s ease, opacity 0.4s ease;
  transform: scale(0);
}
.popoverWrapper.scrollable {
  overflow: hidden;
}
.popoverWrapper.scrollable .lytePopoverContent {
  overflow: auto;
}
.popoverWrapper.scrollable .lytePopover {
  max-height: 100%;
}
lyte-popover-header {
  padding: 15px 30px;
  font-family: var(--pxFontRegular);
  font-size: 16px;
  color: #222;
}
lyte-popover-header,
lyte-popover-content,
lyte-popover-footer {
  display: block;
  box-sizing: border-box;
}
lyte-popover-content {
  padding: 15px 30px;
}
lyte-popover-footer {
  padding: 15px 30px;
}
lyte-popover-freeze {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  height: auto;
  background: #000;
  display: block;
  opacity: 0.4;
  transition: opacity ease 0.15s;
  transform: translate3d(0, 0, 0);
}
.lytePopoverClose {
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  -webkit-mask-position: -52px 0px;
  mask-position: -52px 0px;
  background-color: #000;
  width: 13px;
  height: 13px;
  opacity: 0.5;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 14px;
  display: block;
  transform: scale(1.3);
  z-index: 5;
}
.lytePopoverClose:hover {
  opacity: 1;
}
lyte-popover-footer.left {
  text-align: left;
}
lyte-popover-footer.center {
  text-align: center;
}
lyte-popover-footer.right {
  text-align: right;
}
lyte-popover-footer lyte-button {
  margin-left: 7px;
}
lyte-popover-footer lyte-button:first-child {
  margin-left: 0;
}
.lytePopoverArrowIcon {
  width: 11px;
  height: 11px;
  position: absolute;
  background: #fff;
  transform: rotate(45deg);
  display: block;
}
.lytePopoverArrowIcon.lytePopoverArrowTop {
  box-shadow: -1px -1px 0 0 #e0e0e0;
  top: -5px;
}
.lytePopoverArrowIcon.lytePopoverArrowBottom {
  box-shadow: 1px 1px 0 0 #e0e0e0;
  bottom: -5px;
}
.lytePopoverArrowIcon.lytePopoverArrowRight {
  box-shadow: 1px -1px 0 0 #e0e0e0;
  right: -5px;
}
.lytePopoverArrowIcon.lytePopoverArrowLeft {
  box-shadow: -1px 1px 0 0 #e0e0e0;
  left: -5px;
}
.lytePopoverHeaderDraggable {
  cursor: move;
  touch-action: none;
}
.lyteStopBodyScrolling {
  overflow: hidden;
}
.lytePopoverVisible {
  opacity: 1;
}
.lytePopoverDispNone {
  display: none;
}
.lytePopoverVisibilityHidden {
  visibility: hidden;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/*  Popover related CSS ENDS  */
.pxPopoverModal lyte-popover-header {
  font-size: var(--pxFontSizeLarge);
  padding: 25px 30px 10px !important;
}
.pxPopoverModal lyte-popover-content {
  padding: 15px 30px !important;
}
.pxPopoverModal lyte-popover-footer {
  padding: 20px 30px 25px !important;
}
.pxPopoverModal lyte-popover-freeze {
  background: var(--pxOverlayFreezeBackgroundColor);
  opacity: 0.5;
}
:root {
  --lyte-tooltip-bg: #313949;
  --lyte-tooltip-text-color: #fff;
  --lyte-tooltip-top-shadow-color: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  --lyte-tooltip-alternate-bg: #fff;
  --lyte-tooltip-alternate-text-color: var(--pxColorPrimary);
  --lyte-tooltip-alternate-shadow-color: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  --lyte-tooltip-alternate-border-color: #D2D9E0;
  --lyte-tooltip-bottom-shadow-color: 0px -1px 8px 0px rgba(0, 0, 0, 0.2);
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
.lyteTooltip {
  text-align: left !important;
  max-width: 500px;
  word-break: break-word;
  box-shadow: var(--lyte-tooltip-top-shadow-color);
  font-family: var(--pxFontRegular);
  font-size: var(--pxFontSizeSmall);
  padding: 6px 10px;
  position: absolute;
  background: var(--lyte-tooltip-bg);
  color: var(--lyte-tooltip-text-color);
  text-align: center;
  border-radius: 6px;
  z-index: 99999;
  white-space: pre-wrap;
  left: -9999px;
  top: -9999px;
}
.lyteTooltip.lyteTooltipHidden {
  display: none !important;
}
.lyteTooltip.lyteTooltipCallout .lyteTooltipInnerSpan,
.lyteTooltip.lyteTooltipCallout::before {
  display: none;
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: inherit;
  transform: rotate(45deg);
  z-index: -1;
}
.lyteTooltip.lyteTooltipCallout .lyteTooltipInnerSpan {
  transform: translateX(-5px) rotate(45deg);
}
.lyteTooltip.lyteRight .lyteTooltipInnerSpan,
.lyteTooltip.lyteRight::before {
  left: -5px;
  top: calc(50% - 5px);
}
.lyteTooltip.lyteLeft .lyteTooltipInnerSpan,
.lyteTooltip.lyteLeft::before {
  right: -5px;
  top: calc(50% - 5px);
}
.lyteTooltip.lyteBottom .lyteTooltipInnerSpan,
.lyteTooltip.lyteBottom::before {
  left: calc(50% - 5px);
  top: -5px;
}
.lyteTooltip.lyteTop .lyteTooltipInnerSpan,
.lyteTooltip.lyteTop::before {
  left: calc(50% - 5px);
  bottom: -5px;
}
.lyteTooltip.lyteTopright .lyteTooltipInnerSpan,
.lyteTooltip.lyteTopright::before {
  left: 20%;
  bottom: -5px;
}
.lyteTooltip.lyteTopleft .lyteTooltipInnerSpan,
.lyteTooltip.lyteTopleft::before {
  bottom: -5px;
  left: 80%;
}
.lyteTooltip.lyteBottomright .lyteTooltipInnerSpan,
.lyteTooltip.lyteBottomright::before {
  top: -5px;
  left: 20%;
}
.lyteTooltip.lyteBottomleft .lyteTooltipInnerSpan,
.lyteTooltip.lyteBottomleft::before {
  top: -5px;
  left: 80%;
}
.lyteTooltip.lyteInnerToolAdded::before {
  content: none;
}
.lyteTooltip.whiteBg {
  background: #fff;
  border: 1px solid #c1c1c1;
  color: #111;
}
.lyteTooltip.whiteBg::before {
  background: #fff;
}
.lyteTooltip.whiteBg.lyteRight::before {
  box-shadow: -1px 1px 0 0 #c1c1c1;
  left: -4px;
  top: calc(50% - 4px);
}
.lyteTooltip.whiteBg.lyteLeft::before {
  box-shadow: 1px -1px 0 0 #c1c1c1;
  right: -4px;
  top: calc(50% - 4px);
}
.lyteTooltip.whiteBg.lyteBottom::before {
  box-shadow: -1px -1px 0 0 #c1c1c1;
  left: calc(50% - 4px);
  top: -4px;
}
.lyteTooltip.whiteBg.lyteTop::before {
  box-shadow: 1px 1px 0 0 #c1c1c1;
  left: calc(50% - 4px);
  bottom: -4px;
}
.lyteTooltip.whiteBg.lyteTopright::before {
  box-shadow: 1px 1px 0 0 #c1c1c1;
  left: 20%;
  bottom: -4px;
}
.lyteTooltip.whiteBg.lyteTopleft::before {
  box-shadow: 1px 1px 0 0 #c1c1c1;
  bottom: -4px;
  left: 80%;
}
.lyteTooltip.whiteBg.lyteBottomright::before {
  box-shadow: -1px -1px 0 0 #c1c1c1;
  top: -4px;
  left: 20%;
}
.lyteTooltip.whiteBg.lyteBottomleft::before {
  box-shadow: -1px -1px 0 0 #c1c1c1;
  top: -4px;
  left: 80%;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/tooltip.less file
 */
.pxTooltipWhite.lyteTooltip {
  border: 1px solid #FFF;
  background: var(--lyte-tooltip-alternate-bg);
  color: var(--lyte-tooltip-alternate-text-color);
  box-shadow: var(--lyte-tooltip-alternate-shadow-color) !important;
  border: 1px solid var(--lyte-tooltip-alternate-border-color);
  text-align: left;
}
.lyteTooltip.lyteBottom {
  animation: showTooltipBottom 0.3s ease 1;
  box-shadow: var(--lyte-tooltip-top-shadow-color);
}
@keyframes showTooltipBottom {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.lyteTooltip.lyteTop {
  animation: showTooltipTop 0.3s ease 1;
  box-shadow: var(--lyte-tooltip-bottom-shadow-color);
}
@keyframes showTooltipTop {
  0% {
    transform: translateY(5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
:root {
  --lyte-fileupload-list-border-color: #D7E2ED;
  --lyte-fileupload-list-bg: #F8FAFF;
  --lyte-fileupload-progressbar-bg: #D7E2ED;
  --lyte-fileupload-progressbar-status-bg: var(--pxColorLink);
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-file-message,
lyte-fileupload,
lyte-file-select-area {
  font-family: var(--pxFontRegular);
  display: block;
}
.lyteFileUpdMsgWrap {
  font-size: 13px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  background: #fff;
  text-align: center;
  color: #666;
}
.lyteFileUpdBoxType .lyteFileUpdMsgWrap {
  border-radius: 10px;
  padding: 30px;
  border: 1px dashed #b8bdbe;
}
.lyteFileUpdBoxType .lyteFileUpdMsgWrap:hover {
  border: 1px dashed #969b9c;
}
.fileDragEnter.lyteFileUpdInputType .lyteFileUpdMsgWrap,
.fileDragEnter.lyteFileUpdBoxType .lyteFileUpdMsgWrap {
  border: 1px dashed #6eb0cb;
  background: #fafcff;
}
.lyteFileUpdMsg {
  position: relative;
  line-height: 21px;
}
.fileDragEnter .lyteFileUpdMsg {
  opacity: 0.7;
}
.lyteFileUpdBoxType .lyteFileUpdMsg {
  padding-left: 40px;
}
.lyteFileUpdBoxType .lyteFileUpdMsg::before {
  content: '';
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  -webkit-mask-position: -155px -203px;
  mask-position: -155px -203px;
  background-color: #c7c7c7;
  width: 30px;
  height: 21px;
  display: inline-block;
  position: absolute;
  left: 0;
}
.lyteFileUpdThumb {
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #aaa;
}
.lyteFileUpdList {
  display: flex;
  flex-direction: column;
}
.multiFileupload .lyteFileUpdListFile {
  margin-bottom: 5px;
}
.multiFileupload .lyteFileUpdListFile:first-of-type {
  margin-top: 15px;
}
.lyteFileUpdListFile {
  position: relative;
  display: flex;
  padding: 10px 15px;
  background: #f7f7f7;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  align-items: center;
}
.lyteFileUpdListFile.lyteFileError {
  background: #ffeeee;
  border: 1px solid #f8dcdc;
}
.lyteFileUpdTypePreview {
  margin-right: 10px;
}
.lyteFileUpdTypeIcon::after {
  content: '';
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  -webkit-mask-position: -117px -198px;
  mask-position: -117px -198px;
  background-color: #999;
  display: block;
  width: 21px;
  height: 26px;
}
.lyteFileUpdTypeIcon.pdf::after {
  -webkit-mask-position: -8px -198px;
  mask-position: -8px -198px;
}
.lyteFileUpdTypeIcon.video::after {
  -webkit-mask-position: -35px -198px;
  mask-position: -35px -198px;
}
.lyteFileUpdTypeIcon.image::after {
  -webkit-mask-position: -63px -198px;
  mask-position: -63px -198px;
}
.lyteFileUpdTypeIcon.zip::after {
  -webkit-mask-position: -90px -198px;
  mask-position: -90px -198px;
}
.lyteFileUpdFileName {
  color: #333;
  font-size: 14px;
  margin-right: 10px;
  max-width: calc(100% - 300px);
  white-space: nowrap;
}
.lyteFileUpdListFile.lyteFileSuccess .lyteFileUpdFileName {
  max-width: calc(100% - 150px);
}
.lyteFileUpdFileSize {
  font-size: 12px;
  color: #666;
  margin-right: auto;
  white-space: nowrap;
}
.lyteFileUpdFileStatus {
  display: flex;
  margin-right: 10px;
}
.lyteFileUpdProgressBar {
  height: 5px;
  width: 140px;
  background: #dfecfb;
  flex-grow: 1;
  border-radius: 5px;
}
.lyteFileUpdProgressFill {
  height: 5px;
  background: #4ea2f7;
  width: 0;
  border-radius: 5px;
  transition: width 0.1s linear;
}
lyte-file-retry {
  display: inline-flex;
  margin-right: 10px;
}
.lyteFileUpdFailMsg {
  font-size: 12px;
  color: var(--pxColorNegative);
  margin-right: 10px;
  cursor: default;
}
.lyteFileUpdRetryMsg {
  font-size: 12px;
  color: #555;
  text-decoration: underline;
  cursor: pointer;
}
.lyteFileUpdRetryMsg:hover {
  color: #333;
}
lyte-file-close {
  cursor: pointer;
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  -webkit-mask-position: -347px -157px;
  mask-position: -347px -157px;
  background-color: #000;
  width: 17px;
  height: 17px;
  opacity: 0.4;
  display: inline-flex;
  flex-shrink: 0;
}
.lyteFileUpdListFile.lyteFileSuccess lyte-file-close {
  visibility: hidden;
}
.lyteFileUpdListFile.lyteFileSuccess:hover lyte-file-close {
  visibility: visible;
}
lyte-file-close:hover {
  opacity: 0.7;
}
.lyteFileUpdBoxType #lyteFileUpdSelectedFile {
  background: #ddd;
  border: 1px solid #ccc;
}
.lyteFileUpdInputType .lyteFileUpdMsgWrap {
  padding: 7px 10px;
  border-radius: 3px;
  border: 1px dashed #c7c7c7;
  background: #fff;
  text-align: left;
}
.lyteFileUpdInputType .lyteFileUpdMsgWrap:hover {
  border: 1px dashed #969b9c;
}
.lyteFileUpdInputType .lyteFileUpdListFile {
  padding: 7px 10px;
  border: 1px dashed #c7c7c7;
  border-radius: 3px;
  background: #fff;
}
.lyteFileUpdInputType .lyteFileUpdListFile.lyteFileError {
  background: #ffeeee;
  border: 1px dashed #f8dcdc;
}
.lyteFileUpdInputType .lyteFileUpdFileName {
  line-height: 21px;
  font-size: 13px;
  max-width: calc(100% - 250px);
}
.lyteFileUpdInputType .lyteFileUpdListFile.lyteFileSuccess .lyteFileUpdFileName {
  max-width: calc(100% - 90px);
}
.lyteFileUpdInputType lyte-file-close {
  -webkit-mask-position: -324px -162px;
  mask-position: -324px -162px;
  width: 10px;
  height: 10px;
}
.lyteFileUpdBtnType .lyteFileUpdMsgWrap {
  width: 30px;
  height: 30px;
  background: #4ea2f7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lyteFileUpdBtnType .lyteFileUpdMsgWrap::after {
  content: '';
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  -webkit-mask-position: -197px -205px;
  mask-position: -197px -205px;
  background-color: #fff;
  width: 15px;
  height: 19px;
  display: block;
}
.lyteFileUpdListFile.lyteFileError .lyteFileUpdFileStatus,
.lyteFileUpdListFile.lyteFileSuccess .lyteFileUpdFileStatus,
.lyteFileUpdBtnType .lyteFileUpdMsg,
.fileuploadInput,
.lyteFileUpdInputType .lyteFileUpdTypePreview,
.lyteFileUpdBoxType .lyteFileUpdMsgWrap.lyteHide,
lyte-fileupload .lyteHide {
  display: none;
}
.lyteFileUpdDisabled {
  pointer-events: none;
  opacity: 0.6;
}
.lyteFileDragWrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 15;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
.pxFileuploadBig {
  max-width: 490px;
}
.pxFileupload .lyteFileUpdBoxType .lyteFileUpdMsgWrap {
  border: 1px dashed var(--lyte-input-border-color);
  border-radius: 10px;
}
.pxFileupload .lyteFileUpdMsgWrapHeading {
  font-family: var(--pxFontMedium);
}
.pxFileupload .lyteFileUpdBoxType .lyteFileUpdMsgWrap:hover {
  border: 1px dashed var(--lyte-input-hover-border-color);
}
.pxFileuploadBig .lyteFileUpdMsgWrap {
  color: var(--pxColorPrimary);
}
.pxFileupload .lyteFileUpdBoxType .lyteFileUpdMsg {
  padding-left: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: normal;
}
.pxFileupload .lyteFileUpdBoxType .lyteFileUpdMsg::before {
  background-image: var(--pxUIIcons);
  background-repeat: no-repeat;
  background-position: -136px -60px;
  width: 61px;
  height: 43px;
  position: static;
  margin-top: 20px;
  background-color: transparent;
  -webkit-mask-image: none;
}
.pxFileupload svg {
  transform: scale(2);
}
.pxFileupload .lyteFileUpdListFile {
  border: 1px solid var(--lyte-fileupload-list-border-color);
  border-radius: 6px;
  background: var(--lyte-fileupload-list-bg);
  padding: 4px 10px;
}
.pxFileupload .lyteFileUpdFileName {
  font-size: var(--pxFontSizeSmall);
  color: var(--pxColorPrimary);
  max-width: calc(100% - 200px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.pxFileupload .lyteFileUpdFileSize {
  font-size: var(--pxFontSizeSmall);
  color: var(--pxColorLabel);
}
.pxFileupload lyte-file-close {
  -webkit-mask-image: var(--pxUtilCSSSprite);
  mask-image: var(--pxUtilCSSSprite);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: var(--pxColorNegative) !important;
  -webkit-mask-position: -350px -182px;
  mask-position: -350px -182px;
  opacity: 1;
  width: 23px;
  height: 23px;
  transform: scale(0.8);
}
.pxFileupload lyte-file-close:hover {
  opacity: 1;
}
.pxFileupload .lyteFileUpdTypeIcon::after {
  background-image: var(--pxUIIcons);
  background-position: -148px -33px;
  -webkit-mask-image: none;
  background-color: transparent;
  width: 16px;
  height: 17px;
}
.pxFileupload .lyteFileUpdTypeIcon.pdf::after {
  background-position: -197px -33px;
  width: 14px;
  height: 17px;
}
.pxFileupload .lyteFileUpdTypeIcon.video::after {
  background-position: -124px -35px;
  width: 16px;
  height: 14px;
}
.pxFileupload .lyteFileUpdTypeIcon.image::after {
  background-position: -285px -34px;
  width: 16px;
  height: 15px;
}
.pxFileupload .lyteFileUpdTypeIcon.zip::after {
  background-position: -238px -33px;
  width: 14px;
  height: 17px;
}
.pxFileupload .lyteProgressBar.lyteCircle circle:first-child {
  stroke: var(--lyte-fileupload-progressbar-bg);
}
.pxFileupload .lyteProgressBar.lyteCircle circle {
  fill: var(--lyte-fileupload-progressbar-status-bg);
}
.pxFileupload .lyteFileUpdRetryMsg .zcicncss-reload {
  position: relative;
  top: 1px;
}
.pxFileupload.pxFileuploadSmall {
  max-width: 140px;
}
.pxFileuploadSmall .lyteFileUpdBoxType .lyteFileUpdMsgWrap {
  padding: 20px 25px;
  color: var(--pxColorPrimary);
}
.pxFileuploadSmall .lyteFileUpdBoxType .lyteFileUpdMsg::before {
  margin-bottom: 0px;
  margin-top: 15px;
}
:root {
  --lyte-multislider-bg: #39C995;
  --lyte-multislider-handler-bg: #8B9BB8;
  --lyte-multislider-handler-border-color: #8B9BB8;
  --lyte-slider-fill-bg: #338CF0;
  --lyte-slider-bg: #E5EAF2;
  --lyte-slider-handler-border-color: #8B9BB8;
  --lyte-slider-handler-shadow-color: 0px 3px 12px 0px rgba(49, 57, 73, 0.15);
  --lyte-slider-gradient-bg: linear-gradient(to right, #12AA67, #efca09, #ff5d5a);
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Slider CSS BEGINS  */
lyte-slider {
  display: inline-block;
}
lyte-slider * {
  box-sizing: content-box;
}
lyte-slider .lyteSlide {
  height: 100%;
}
.lyteRangeSlider,
.lyteSliderFill {
  display: block;
  border-radius: 10px;
  cursor: pointer;
}
.lyteRangeSlider {
  height: 8px;
  background: #dee2ed;
  position: relative;
  outline: none;
}
.lyteSliderFill {
  background: #5ba1e5;
  position: absolute;
  top: 0;
  /*  Altering this may cause alignment issue */
}
.lyteSlide,
.lyteSliderHandler {
  outline: none;
}
.lyteSliderHandler {
  z-index: 5;
}
.lyteSliderHandler.lyteMultiSliderSelected {
  z-index: 10;
}
.lyteSliderDisabled {
  pointer-events: none;
  opacity: 0.5;
}
.lyteSquare.lyteSliderHandler,
.lyteCircle.lyteSliderHandler {
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #4495e4;
  cursor: pointer;
  position: absolute;
  top: -4px;
  left: 10px;
}
.lyteSquare.lyteSliderHandler {
  border-radius: 0;
}
.lyteRangeSlider .lyteScaleLine .lyteScalLable {
  font-family: var(--pxFontRegular);
  font-size: 12px;
  color: #111;
  padding-top: 10px;
  display: inline-block;
}
/*  Horizontal slider related CSS Starts  */
.lyteRangeSlider.lyteHorizontal .lyteScaleOption {
  position: absolute;
  top: 15px;
  left: 0;
  /*  Altering this may cause alignment issue */
  width: 100%;
  height: 10px;
}
.lyteRangeSlider .lyteScaleLine {
  width: 18px;
  height: 8px;
  text-align: center;
  display: inline-block;
  position: absolute;
  margin-left: -9px;
  left: 20px;
}
.lyteScaleLine span:first-child {
  height: 100%;
  width: 2px;
  background: #c0c0c0;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 8px;
}
.lyteRangeSlider.lyteHorizontal .lyteSliderFill {
  height: 100%;
}
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler {
  border: 2px solid #4495e4;
  width: 10px;
  height: 9px;
  border-bottom-width: 1px;
  top: -4px;
  background: #fff;
  cursor: pointer;
  position: absolute;
  left: 13px;
}
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler::after,
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler::before {
  content: "";
  border-style: solid;
  border-color: transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  left: 0;
}
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler::before {
  border-top-color: #4495e4;
  border-width: 7px;
  margin-left: -2px;
  top: 10px;
}
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler::after {
  border-top-color: #fff;
  border-width: 5px;
  margin-left: 0;
  top: 9px;
}
/*  Horizontal slider related CSS Ends  */
/*  Vertical slider related CSS  Begins  */
.lyteRangeSlider.lyteVertical {
  width: 8px;
  height: 100%;
}
.lyteVertical .lyteSliderFill {
  width: 8px;
}
.lyteVertical .lyteCircle.lyteSliderHandler {
  top: 10px;
  left: -4px;
}
.lyteVertical .lyteSquare.lyteSliderHandler {
  left: -4px;
}
.lyteVertical.lyteRangeSlider .lyteScaleLine .lyteScalLable {
  position: absolute;
  padding-top: 0;
  top: -10px;
  left: 10px;
}
.lyteVertical.lyteRangeSlider .lyteArrow .lyteScaleLine .lyteScalLable {
  top: -10px;
  left: 10px;
}
.lyteVertical .lyteArrow.lyteSliderHandler,
.lyteVertical .lyteArrowLeft.lyteSliderHandler {
  top: 13px;
  width: 9px;
  height: 10px;
  border: 2px solid #4495e4;
  background: #fff;
  cursor: pointer;
  position: absolute;
}
.lyteVertical .lyteArrow.lyteSliderHandler {
  border-right-width: 1px;
  left: -4px;
}
.lyteVertical .lyteArrowLeft.lyteSliderHandler {
  border-left-width: 1px;
  left: 0;
}
.lyteVertical .lyteArrow.lyteSliderHandler::after,
.lyteVertical .lyteArrow.lyteSliderHandler::before,
.lyteVertical .lyteArrowLeft.lyteSliderHandler::after,
.lyteVertical .lyteArrowLeft.lyteSliderHandler::before {
  content: "";
  border-style: solid;
  border-color: transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.lyteVertical .lyteArrow.lyteSliderHandler::before,
.lyteVertical .lyteArrowLeft.lyteSliderHandler::before {
  border-color: transparent;
  border-width: 7px;
  margin-top: -2px;
}
.lyteVertical .lyteArrow.lyteSliderHandler::before {
  border-left-color: #4495e4;
  left: 10px;
}
.lyteVertical .lyteArrowLeft.lyteSliderHandler::before {
  border-right-color: #4495e4;
  right: 10px;
}
.lyteVertical .lyteArrow.lyteSliderHandler::after,
.lyteVertical .lyteArrowLeft.lyteSliderHandler::after {
  border-color: transparent;
  border-width: 5px;
  margin-top: 0;
}
.lyteVertical .lyteArrow.lyteSliderHandler::after {
  left: 9px;
  border-left-color: #fff;
}
.lyteVertical .lyteArrowLeft.lyteSliderHandler::after {
  right: 9px;
  border-right-color: #fff;
}
.lyteVertical.lyteRangeSlider .lyteScaleOption {
  position: absolute;
  top: 0;
  /*  Altering this may cause alignment issue */
  left: 15px;
  width: 10px;
  height: 100%;
}
.lyteVertical.lyteRangeSlider .lyteScaleLine {
  width: 6px;
  height: 18px;
  position: absolute;
  margin-top: 0;
  margin-left: -6px;
  top: 20px;
  left: 6px;
}
.lyteVertical.lyteRangeSlider .lyteArrow .lyteScaleLine {
  left: 8px;
}
.lyteVertical .lyteScaleLine span:first-child {
  height: 2px;
  width: 6px;
  left: 0;
  top: -1px;
}
.lyteVertical.lyteRangeSlider .lyteArrowLeft .lyteScaleLine .lyteScalLable {
  top: -8px;
  left: unset;
  right: 10px;
}
.lyteVertical.lyteRangeSlider .lyteArrowLeft.lyteScaleOption {
  left: -15px;
}
/*  Vertical slider related CSS  Ends  */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/slider.less file
 */
/* Slider CSS ENDS  */
.pxSlider .lyteRangeSlider {
  background: var(--lyte-slider-bg);
}
.pxSlider .lyteSliderFill {
  background: var(--lyte-slider-fill-bg);
}
.pxSlider .lyteRangeSlider .lyteSliderHandler::after,
.pxSlider .lyteRangeSlider .lyteSliderHandler::before {
  display: none;
}
.pxSlider .lyteRangeSlider .lyteSliderHandler {
  border-radius: 10px;
  border: 2px solid var(--lyte-slider-handler-border-color) !important;
  box-shadow: var(--lyte-slider-handler-shadow-color);
  border-bottom-width: 2px;
  box-sizing: border-box;
  width: 19px !important;
  height: 19px !important;
  top: -6px !important;
}
:root {
  --lyte-alert-popup-bg: #313949;
  --lyte-alert-success-icon-color: #12AA67;
  --lyte-alert-warning-icon-color: #EDA114;
  --lyte-alert-info-icon-color: #338CF0;
  --lyte-alert-error-icon-color: #FF5D5A;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
.lyte-svg {
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
}
lyte-alert {
  display: none;
}
.alertWrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10021;
}
.alertPopup {
  box-sizing: border-box;
  padding: 25px 30px 30px;
  background: #fff;
  border: 1px solid #f7f7f7;
  border-radius: 0 0 15px 15px;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.35);
  display: inline-block;
  text-align: left;
  min-width: 500px;
  max-width: 800px;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  position: relative;
  z-index: 10001;
}
.alertPopup.lyteAlertSlideDown {
  top: -100%;
  transition-property: top;
}
.alertPopup.lyteAlertZoomIn {
  transition-property: opacity, transform;
  opacity: 0;
  transform: scale(0);
}
.alertPopup.lyteAlertZoomIn.alertOpened {
  opacity: 1;
  transform: scale(1);
}
lyte-alert-header,
.alertHeader,
.alertPrimaryMsg {
  font-weight: 600;
  font-family: var(--pxFontSemiBold) !important;
  font-size: var(--pxFontSizeLarge) !important;
  color: var(--pxColorHeading);
  margin-bottom: 8px;
  font-weight: normal;
  display: block;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.alertPrimaryMsg {
  margin-bottom: 10px;
  font-size: var(--pxFontSizeRegular);
}
lyte-alert-content,
.alertSecondaryMsg {
  display: block;
  font-family: var(--pxFontRegular);
  font-size: var(--pxFontSizeRegular);
  color: var(--pxColorPrimary);
}
lyte-alert-footer,
.alertFooter {
  text-align: right !important;
  text-align: right;
  padding-top: 25px;
  display: block;
}
.alertFooter lyte-button {
  margin-right: 8px;
  margin-left: 0px;
}
.alertFooter lyte-button:first-of-type {
  margin-left: 0;
}
lyte-alert-footer.left,
.alertFooter.left {
  text-align: left;
}
lyte-alert-footer.center,
.alertFooter.center,
.alertPopup.lyteAlertCenterContent {
  text-align: center;
}
.alertPopup .alertContent {
  display: flex;
  align-items: center;
}
.lyteAlertCenterContent .alertContent {
  justify-content: center;
}
.alertFreezeLayer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000 !important;
  background: var(--lyte-alert-popup-bg) !important;
  opacity: 0.5;
}
.lyteStatusIcon {
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  width: 28px;
  height: 28px;
  margin-right: 10px;
  display: block;
}
.successAlertIcon {
  -webkit-mask-position: -91px -154px;
  mask-position: -91px -154px;
  background-color: #73c881;
}
.errorAlertIcon {
  -webkit-mask-position: -131px -154px;
  mask-position: -131px -154px;
  background-color: #df5342;
}
.warningAlertIcon {
  -webkit-mask-position: -210px -154px;
  mask-position: -210px -154px;
  background-color: #ffa800;
}
.infoAlertIcon {
  -webkit-mask-position: -170px -154px;
  mask-position: -170px -154px;
  background-color: #4da4f9;
}
.confirmAlertIcon {
  -webkit-mask-position: -250px -154px;
  mask-position: -250px -154px;
  background-color: #4da4f9;
}
.alertClose {
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  -webkit-mask-position: -59px -4px;
  mask-position: -59px -4px;
  background: var(--pxIconBlack) !important;
  -webkit-mask-position: -52px 0px;
  mask-position: -52px 0px;
  background-color: #000;
  width: 13px;
  height: 13px;
  opacity: 1;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-block;
  transform: scale(1);
}
.alertClose:hover {
  opacity: 1;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/alert.less file
 */
.alertFooter lyte-button:last-child {
  margin-right: 0px;
}
.alertPopup .alertContent {
  align-items: flex-start;
}
.alertWrapper.cxAlertWrapper {
  z-index: 350;
}
.cxAlertWrapper.pxCenterAlert .alertContent,
.cxAlertWrapper.pxCenterAlert .alertFooter {
  display: block;
  text-align: center;
}
.pxAlertStatusIcon lyte-alert-content {
  position: relative;
  margin-left: 35px;
}
.alertWrapper.cxAlertWrapper .lyteStatusIcon {
  -webkit-mask-image: var(--pxUtilCSSSprite);
  mask-image: var(--pxUtilCSSSprite);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  display: inline-block;
  margin-top: 0;
  width: 24px;
  height: 24px;
}
.alertWrapper.cxAlertWrapper .successAlertIcon.lyteStatusIcon {
  -webkit-mask-position: -4px -396px;
  mask-position: -4px -396px;
  background: var(--lyte-alert-success-icon-color);
}
.alertWrapper.cxAlertWrapper .warningAlertIcon.lyteStatusIcon {
  -webkit-mask-position: -66px -398px;
  mask-position: -66px -398px;
  background: var(--lyte-alert-warning-icon-color);
}
.alertWrapper.cxAlertWrapper .infoAlertIcon.lyteStatusIcon {
  -webkit-mask-position: -35px -396px;
  mask-position: -35px -396px;
  background: var(--lyte-alert-info-icon-color);
}
.alertWrapper.cxAlertWrapper .errorAlertIcon.lyteStatusIcon {
  -webkit-mask-position: -66px -398px;
  mask-position: -66px -398px;
  background: var(--lyte-alert-error-icon-color);
}
.cxAlertWrapper lyte-alert-footer .alertFooter {
  padding-top: 0;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Autocomplete styles BEGINS */
lyte-autocomplete {
  position: relative;
  display: inline-block;
}
lyte-autocomplete lyte-dropdown {
  /*  Since this mixin is provided, This mixin can not be removed immediately */
  display: block;
}
lyte-autocomplete lyte-dropdown lyte-drop-button {
  border: 0 !important;
  padding: 0;
}
lyte-autocomplete lyte-input {
  display: block;
}
lyte-autocomplete lyte-input.lyteInputBox .lyteInputBoxSearch input {
  padding-left: 30px;
}
lyte-autocomplete lyte-input.lyteInputBox input {
  padding-right: 25px;
  font-size: var(--pxFontSizeRegular);
}
lyte-autocomplete.searchPresent lyte-input.lyteInputBox input {
  padding-right: 10px;
}
lyte-autocomplete .lyteDropButtonDown lyte-input.lyteInputBox .lyteField,
lyte-autocomplete .lyteDropButtonDown lyte-input.lyteInputBox input {
  border-radius: 6px;
}
lyte-autocomplete .lyteDropButtonUp lyte-input.lyteInputBox .lyteField,
lyte-autocomplete .lyteDropButtonUp lyte-input.lyteInputBox input {
  border-radius: 6px;
}
lyte-autocomplete lyte-dropdown lyte-drop-button.lyteDropButtonUp,
lyte-autocomplete lyte-dropdown lyte-drop-button.lyteDropButtonDown,
lyte-autocomplete lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button,
lyte-autocomplete lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button:hover,
lyte-autocomplete lyte-dropdown lyte-drop-button:hover,
lyte-autocomplete lyte-dropdown lyte-drop-button.lyteDropButtonDown:hover,
lyte-autocomplete lyte-dropdown lyte-drop-button.lyteDropButtonUp:hover {
  border: 0 !important;
  box-shadow: none;
}
lyte-autocomplete lyte-dropdown .lyteDummyEventContainer:focus .lyteField,
lyte-autocomplete .lyteDropButtonDown lyte-input.lyteInputBox .lyteField,
lyte-autocomplete .lyteDropButtonUp lyte-input.lyteInputBox .lyteField {
  border: 1px solid #7fceef;
}
.lyteAutoCompCloseIcon {
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  -webkit-mask-position: -54px -2px;
  mask-position: -54px -2px;
  background-color: #000;
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: top;
}
.lyteAutoCompCloseIconWrapper {
  background: var(--lyte-input-close-icon-bg);
  width: 18px;
  border-radius: 50%;
  right: 10px;
  top: calc(50% - 8px);
  padding: 0px;
  height: 18px;
  position: absolute;
  cursor: pointer;
  z-index: 10;
  opacity: 1;
}
lyte-autocomplete.searchPresent .lyteAutoCompCloseIconWrapper {
  right: 10px;
}
.lyteAutoCompCloseIconWrapper:hover {
  opacity: 1;
}
lyte-autocomplete lyte-input[lt-prop-type="search"] .searchIcon {
  left: 10px !important;
  left: auto;
  right: auto;
  top: calc(50% - 7.5px);
  z-index: 10;
  cursor: default;
  opacity: 1;
}
.iconSeparator {
  display: none !important;
  height: 24px;
  border-right: 1px solid #ddd;
  right: 35px;
  top: calc(50% - 12px);
  display: inline-block;
  position: absolute;
  z-index: 10;
}
lyte-autocomplete-description {
  opacity: 1;
  font-size: var(--pxFontSizeSmall);
  align-self: center;
  white-space: nowrap;
}
.lyteautocompleteError {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  color: #8a8a8a;
  padding: 5px 15px 15px;
}
lyte-drop-item .lyteAutoComplete {
  color: var(--pxColorPrimary);
  font-family: var(--pxFontRegular);
  max-width: 100%;
  overflow-wrap: break-word;
}
.lyteautocompleteDropdown {
  border: 1px solid #dadada;
  border-top: 1px solid #dadada;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
}
.lyteautocompleteDropdown.lyteDropdownDown {
  transform: translateY(0px);
}
.lyteautocompleteDropdown.lyteDropdownUp {
  transform: translateY(-5px);
}
.lyteautocompleteDropdown lyte-drop-item {
  padding-left: 10px;
  display: flex;
}
.lyteautocompleteDropdown lyte-drop-item[selected='true']::before {
  content: none;
}
.lyteautocompleteHighlight {
  color: #000;
  background: #fff5b0;
}
.lyteautocompleteDropdown lyte-drop-item.lyteSearchHidden {
  display: none;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/autocomplete.less file
 */
/* Autocomplete styles ENDS */
.closeIcon.lyteAutoCompCloseIcon {
  mask-image: var(--pxUIIcons);
  -webkit-mask-image: var(--pxUIIcons);
  -webkit-mask-position: -59px -4px;
  mask-position: -59px -4px;
  background-color: var(--pxIconBlack);
  width: 10px;
  height: 11px;
  position: absolute;
  top: 4px;
  left: 5px;
  transform: scale(0.9);
}
lyte-autocomplete.mandatoryField lyte-dropdown .lyteDummyEventContainer,
lyte-autocomplete.pxMandatoryField lyte-dropdown .lyteDummyEventContainer {
  position: relative;
}
lyte-autocomplete.mandatoryField lyte-dropdown .lyteDummyEventContainer::before,
lyte-autocomplete.pxMandatoryField lyte-dropdown .lyteDummyEventContainer::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  border-radius: 4px 0px 0px 4px;
  height: 100%;
  width: 3px;
  border-left: 3px solid var(--lyte-input-manatory-border-color);
  background: transparent !important;
  z-index: 1;
}
:root {
  --lyte-messagebox-icon-color: #fff;
  --lyte-messagebox-shadow-color: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  --lyte-messagebox-success-text-color: #132C14;
  --lyte-messagebox-success-bg: #F5FAF5;
  --lyte-messagebox-success-border-color: #A9D3AB;
  --lyte-messagebox-success-icon-color: #39AE0D;
  --lyte-messagebox-error-text-color: #431410;
  --lyte-messagebox-error-bg: #FFF7FA;
  --lyte-messagebox-error-border-color: #FAA9A2;
  --lyte-messagebox-error-icon-color: #ED4646;
  --lyte-messagebox-warning-text-color: #463208;
  --lyte-messagebox-warning-bg: #FFF6EE;
  --lyte-messagebox-warning-border-color: #E9C072;
  --lyte-messagebox-warning-icon-color: #ED7F1E;
  --lyte-messagebox-info-text-color: #323D3E;
  --lyte-messagebox-info-bg: #F4FEFF;
  --lyte-messagebox-info-border-color: #BBD7D9;
  --lyte-messagebox-info-icon-color: #4AC1CE;
  --lyte-messagebox-close-bg: #767676;
  --lyte-messagebox-close-hover-bg: #545454;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-MESSAGEBOX BEGINS   */
.lyteMessageBoxContent {
  font-family: var(--pxFontMedium);
  font-size: var(--pxFontSizeRegular);
  color: inherit;
}
.lyteMessageBox {
  box-shadow: var(--lyte-messagebox-shadow-color);
  max-width: 900px;
  word-break: break-word;
  transform: translateY(-10px);
  padding: 0px 40px 0px 0px;
  z-index: 11000;
  background: #fff;
  border-radius: 6px;
  color: var(--pxColorPrimary);
  font-size: var(--pxFontSizeRegular);
  transition: 0.3s all ease;
  display: block;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  border: 1px solid transparent;
  position: absolute;
  min-width: initial;
}
.lyteMessageBox.successMessageIcon {
  color: var(--lyte-messagebox-success-text-color);
  background: var(--lyte-messagebox-success-bg);
  border-color: var(--lyte-messagebox-success-border-color);
}
.lyteMessageBox.errorMessageIcon {
  color: var(--lyte-messagebox-error-text-color);
  background: var(--lyte-messagebox-error-bg);
  border-color: var(--lyte-messagebox-error-border-color);
}
.lyteMessageBox.warningMessageIcon {
  color: var(--lyte-messagebox-warning-text-color);
  background: var(--lyte-messagebox-warning-bg);
  border-color: var(--lyte-messagebox-warning-border-color);
}
.lyteMessageBox.infoMessageIcon {
  color: var(--lyte-messagebox-info-text-color);
  background: var(--lyte-messagebox-info-bg);
  border-color: var(--lyte-messagebox-info-border-color);
}
.lyteMessageBox .lyteMessageBoxSymbol {
  height: 22px !important;
  top: 10px;
  left: 14px;
  border-radius: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  width: 22px;
}
.lyteMessageBox.successMessageIcon .lyteMessageBoxSymbol {
  background: var(--lyte-messagebox-success-icon-color);
}
.lyteMessageBox.errorMessageIcon .lyteMessageBoxSymbol {
  background: var(--lyte-messagebox-error-icon-color);
}
.lyteMessageBox.warningMessageIcon .lyteMessageBoxSymbol {
  background: var(--lyte-messagebox-warning-icon-color);
}
.lyteMessageBox.infoMessageIcon .lyteMessageBoxSymbol {
  background: var(--lyte-messagebox-info-icon-color);
}
.lyteMessageBox .lyteMessageBoxSymbol::before {
  content: "";
  -webkit-mask-image: none;
  mask-image: none;
  position: absolute;
  display: inline-block;
  width: 22px;
  height: 20px;
  top: calc(50% - 10px);
  left: auto;
}
.lyteMessageBox.successMessageIcon .lyteMessageBoxSymbol::before {
  -webkit-mask-position: -287px -58px;
  mask-position: -287px -58px;
  background-color: #fff;
}
.lyteMessageBox.errorMessageIcon .lyteMessageBoxSymbol::before {
  -webkit-mask-position: -317px -60px;
  mask-position: -317px -60px;
  background-color: #fff;
  width: 24px;
  left: calc(50% - 12px);
}
.lyteMessageBox.warningMessageIcon .lyteMessageBoxSymbol::before {
  -webkit-mask-position: -347px -58px;
  mask-position: -347px -58px;
  background-color: #fff;
}
.lyteMessageBox.infoMessageIcon .lyteMessageBoxSymbol::before {
  -webkit-mask-position: -377px -58px;
  mask-position: -377px -58px;
  background-color: #fff;
}
.lyteMessageBox .lyteMessageBoxContent {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  padding: 13px 0px 13px 45px;
}
.lyteMessageBox .lyteMessageBoxClose {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-position: -54px -2px;
  mask-position: -54px -2px;
  background-color: transparent;
  top: 12px;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  right: 10px;
}
.lyteMessageBoxFadeIn {
  animation-name: lyteMsgBoxFadeIn;
}
@keyframes lyteMsgBoxFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.lyteMessageBoxFadeOut {
  animation-name: lyteMsgBoxFadeOut;
}
@keyframes lyteMsgBoxFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* LYTE-MESSAGEBOX ENDS   */
.lyteMessageBoxClose:after,
.lyteMessageBoxClose:before {
  content: "";
  position: absolute;
  height: 12px;
  width: 2px !important;
  left: 8px !important;
  top: 3px;
  border-radius: 2px;
  background: var(--lyte-messagebox-close-bg);
}
.lyteMessageBoxClose:hover:after,
.lyteMessageBoxClose:hover:before {
  background: var(--lyte-messagebox-close-hover-bg);
}
.lyteMessageBoxClose:before {
  transform: rotate(45deg);
}
.lyteMessageBoxClose:after {
  transform: rotate(-45deg);
}
.lyteMessageBoxSymbol:after,
.lyteMessageBoxSymbol:before {
  content: "";
  position: absolute;
  background: var(--lyte-messagebox-icon-color);
}
.successMessageIcon .lyteMessageBoxSymbol:after {
  height: 6px;
  width: 2px;
  transform: rotate(-45deg);
  left: 7px;
  top: 10px;
  border-radius: 2px 2px 0px;
}
.successMessageIcon .lyteMessageBoxSymbol:before {
  height: 2px;
  left: 8px;
  top: 10px;
  width: 10px;
  transform: rotate(-45deg);
  border-radius: 0px 2px 2px;
}
.errorMessageIcon .lyteMessageBoxSymbol:after,
.errorMessageIcon .lyteMessageBoxSymbol:before {
  height: 12px;
  width: 2px !important;
  left: 10px !important;
  top: 5px;
  border-radius: 2px;
}
.errorMessageIcon .lyteMessageBoxSymbol:before {
  transform: rotate(45deg);
}
.errorMessageIcon .lyteMessageBoxSymbol:after {
  transform: rotate(-45deg);
}
.warningMessageIcon .lyteMessageBoxSymbol:before {
  height: 10px;
  width: 2px !important;
  left: 10px !important;
  top: 4px;
  border-radius: 2px;
}
.warningMessageIcon .lyteMessageBoxSymbol:after {
  height: 2px;
  width: 2px;
  left: 10px;
  top: 16px;
  border-radius: 2px;
}
.infoMessageIcon .lyteMessageBoxSymbol:after {
  height: 9px;
  width: 2px !important;
  left: 10px !important;
  top: 8px;
  border-radius: 2px;
}
.infoMessageIcon .lyteMessageBoxSymbol:before {
  height: 2px;
  width: 2px;
  left: 10px;
  top: 4px;
  border-radius: 2px;
}
.lyteMessageBox.lyteMessageBoxFadeIn {
  animation-name: pxMessageboxSlideDown !important;
  animation-duration: 0.3s !important;
}
@keyframes pxMessageboxSlideDown {
  0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(-10px);
  }
}
.lyteMessageBox.lyteMessageBoxFadeOut {
  animation-name: pxMessageboxFadeOut !important;
  animation-duration: 0.3s !important;
}
@keyframes pxMessageboxFadeOut {
  0% {
    opacity: 1;
    transform: translateY(-10px);
  }
  100% {
    opacity: 0;
  }
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-dual-listbox {
  display: block;
  height: 600px;
}
.lyteDualListBoxWithMaxHeight {
  max-height: inherit;
  height: unset;
}
.lyteListboxToolbar {
  width: 32px;
  display: flex;
  flex-direction: column;
}
.lyteLBToolbarItems {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 10px auto;
  border: 1px solid #d6d6d6;
  border-radius: 50%;
  cursor: pointer;
}
.lyteLBToolbarItems:hover {
  border: 1px solid #aaa;
}
.lyteLBTBMoveLeft::after,
.lyteLBTBMoveRight::after {
  content: '';
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.lyteLBTBMoveLeft::after {
  border-right: 8px solid #555;
  transform: rotate(0deg) translateX(-1px);
}
.lyteLBTBMoveRight::after {
  border-left: 8px solid #555;
  transform: rotate(0deg) translateX(1px);
}
.lyteLBTBMoveUp::after,
.lyteLBTBMoveDown::after {
  content: '';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.lyteLBTBMoveUp::after {
  border-bottom: 8px solid #555;
  transform: translateY(-1px);
}
.lyteLBTBMoveDown::after {
  border-top: 8px solid #555;
  transform: translateY(1px);
}
.lyteLBTBDeleteMarked::after {
  content: '';
  -webkit-mask-image: var(--lyteSprite);
  mask-image: var(--lyteSprite);
  -webkit-mask-position: -187px -38px;
  mask-position: -187px -38px;
  background-color: #000;
  width: 11px;
  height: 13px;
}
.lyteLBTBDeleteMarked:hover::after {
  -webkit-mask-position: -209px -38px;
  mask-position: -209px -38px;
  background-color: #e34a4a;
}
.lyteListboxWrapper {
  display: flex;
  height: inherit;
  max-height: inherit;
}
.lyteListboxLeftPanel,
.lyteListboxRightPanel {
  width: 280px;
  border: 1px solid var(--lyte-input-border-color);
  border-radius: 6px;
  overflow: auto;
  background: #fff;
}
.lyteListboxLeftPanel {
  display: flex;
  flex-direction: column;
  margin-right: 15px;
}
.lyteListboxRightPanel {
  padding: 8px;
  box-sizing: border-box;
  margin-left: 15px;
}
.lyteListboxleftElementWrap {
  overflow: auto;
  flex-grow: 1;
}
.ltListboxNoToolbor .lyteListboxLeftPanel {
  margin-right: 50px;
}
.lyteListBoxLeftParentElement,
.lyteListBoxRightParentElement {
  display: flex;
  align-items: center;
  position: relative;
}
.lyteListBoxSearch {
  display: flex;
}
.lyteListBoxLeftWrap,
.lyteListBoxRightWrap {
  cursor: pointer;
}
.sortable-element.lyteListBoxLeftWrap .lyteLBLeftActive,
.sortable-element.lyteListBoxRightWrap .lyteLBRightActive {
  cursor: move;
}
.lyteListBoxRequiredParent {
  cursor: default;
}
lyte-lb-add,
lyte-lb-remove {
  width: 12px;
  height: 12px;
  display: inline-block;
  visibility: hidden;
  position: relative;
  z-index: 5;
  margin-left: auto;
  cursor: pointer;
}
lyte-lb-remove::before,
lyte-lb-add::before,
lyte-lb-add::after {
  content: '';
  position: absolute;
  border-radius: 2px;
  background: var(--pxIconBlack);
}
lyte-lb-remove::before,
lyte-lb-add::before {
  width: 12px;
  height: 2px;
  top: calc(50% - 1px);
}
lyte-lb-add::after {
  height: 12px;
  width: 2px;
  left: calc(50% - 1px);
}
.lyteListBoxLeftElement,
.lyteListBoxRightElement {
  border-radius: 3px;
  padding: 8px 15px;
  font-size: var(--pxFontSizeRegular);
  display: flex;
  align-items: center;
  color: var(--pxColorPrimary);
  outline: 0;
}
.lyteListBoxLeftElement:hover,
.lyteListBoxRightElement:hover {
  background: var(--lyte-menu-item-hover-bg);
}
.lyteListboxYield {
  max-width: 100%;
  overflow: auto;
  flex: 1;
  margin-right: 10px;
}
.lyteListBoxRequiredItem:hover,
.lyteLBDisabledElement .lyteListBoxLeftElement:hover,
.lyteLBoxDisabledParent .lyteListBoxLeftParentElement:hover {
  background: none;
}
.lyteLBLeftActive:hover,
.lyteLBRightActive:hover,
.lyteLBLeftActive,
.lyteLBRightActive {
  background: var(--lyte-menu-item-hover-bg);
  color: #111;
}
.lyteListBoxLeftElement:hover lyte-lb-add,
.lyteListBoxRightElement:hover lyte-lb-remove {
  visibility: visible;
}
.lyteLBoxDisabledParent .lyteListBoxLeftElement:hover lyte-lb-add,
.lyteLBDisabledElement .lyteListBoxLeftElement:hover lyte-lb-add {
  visibility: hidden;
}
.lyteLBLeftChildWrap,
.lyteLBRightChildWrap {
  transition: height 0.3s ease;
  overflow: hidden;
}
.lyteLBLeftChildWrap .lyteListBoxLeftElement,
.lyteLBRightChildWrap .lyteListBoxRightElement {
  padding-left: 40px;
}
.lyteListboxParentElementClose lyte-lb-collapse {
  transform: rotate(-90deg);
}
lyte-lb-collapse {
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  position: absolute;
  left: 10px;
}
lyte-lb-collapse::before {
  content: '';
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #555;
}
.lyteListboxBadge {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  transform: translateX(50%) translateY(-50%);
}
.lyteListboxBadge .lyteBadge {
  padding: 0;
  transform: translate(50%, -50%);
  right: 0;
  top: 0;
}
.lyteListboxBadge .lyteBadgeContent {
  padding: 3px 6px;
  border-radius: 10px;
  background: #f00;
  color: #fff;
  font-size: 13px;
  display: inline-block;
}
.lyteLBDisabledElement,
.lyteLBoxDisabledParent .lyteListBoxLeftParentElement {
  opacity: 0.5;
  cursor: default;
}
.lyteLBoxDisabledParent .lyteListBoxLeftParentElement,
.lyteLBDisabledElement .lyteListBoxLeftWrap {
  cursor: default;
}
.lyteLBDisabledElement .lyteLBoxDisabledParent .lyteListBoxLeftParentElement {
  opacity: 1;
}
.lyteDLBDisabledToolbar {
  opacity: 0.1;
  cursor: not-allowed;
}
.lyteLBLeftPanelDropZone {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: #f6fad2;
}
.lyteLBLeftPanelDropZoneB {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  border: 1px dashed #57a5c6;
}
.lyteListBoxNoResultsFound {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--pxColorNotFound);
}
.lyteListBoxLeftWrap.sortable-element .lyteListBoxElementBg,
.lyteListBoxRightWrap.sortable-element .lyteListBoxElementBg {
  animation: lytelistboxBgAnim 1s ease;
}
.lyteLBDraggedElem {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.lyteLBPlaceHolder {
  background: #f6fad2;
}
@keyframes lytelistboxBgAnim {
  from {
    background: #FFF3AD;
    color: #333;
  }
  to {
    background: #fff;
  }
}
.lyteListBoxSearch {
  margin: 8px 8px 0px;
}
.lyteListboxleftElementWrap {
  padding: 8px;
  box-sizing: border-box;
}
.lyteListBoxLeftWrap,
.lyteListBoxRightWrap {
  margin-bottom: 3px;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-PROGRESSBAR BEGINS  */
.lyteProgressBar {
  position: relative;
}
.lyteProgressBar.lyteHorizontal {
  height: 14px;
  width: calc(100% - 200px);
  background: #e5e5e5;
  border-radius: 8px;
}
.lyteProgressBar .lyteProgressStatus {
  display: block;
  height: 100%;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  background: #51a2ee;
  color: #fff;
  transition: width 0.25s;
}
.lyteProgressBar .lyteProgressStatus .progressMovingObj,
.lyteProgressBar .lyteProgressStatusStack .progressMovingObj {
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  background-image: linear-gradient(-45deg, rgba(221, 221, 221, 0.29) 25%, transparent 25%, transparent 50%, rgba(221, 221, 221, 0.29) 50%, rgba(221, 221, 221, 0.29) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
  animation: move 1s linear infinite;
  border-radius: 20px;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 20px 20px;
  }
}
.lyteProgressBar .lyteProgressPercentage {
  font-family: var(--pxFontRegular);
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 0px;
  z-index: 10;
}
.lyteProgressBar.lyteProgressCompleted .lyteProgressStatus {
  background: #3fbd5f;
}
/*  Radial progress bar related CSS -- BEGINS   */
.lyteProgressBar.lyteCircle {
  width: 100px;
  height: 100px;
}
.lyteProgressBar .lyteCircleType {
  position: relative;
  display: inline-block;
}
.lyteCircleType svg {
  font-family: var(--pxFontRegular);
  font-size: 17px;
  fill: #333;
}
.lyteProgressBar.lyteCircle .svgValueEle {
  transform: rotate(-90deg);
}
.lyteProgressBar.lyteCircle circle:first-child {
  stroke: #DCE0E3;
}
.lyteProgressBar.lyteCircle circle {
  transition: stroke-dashoffset 0.25s linear;
}
/*  Radial progress bar related CSS -- ENDS   */
/*  Indeterminate horizontal progress bar related CSS -- BEGINS   */
.lyteIndeterminate {
  overflow: hidden;
}
.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%;
  }
}
/*  Indeterminate horizontal progress bar related CSS -- ENDS   */
/*  stacked progress bar related CSS -- BEGINS   */
.lyteStacked,
.lyteProgressStatusStack {
  display: flex;
  overflow: hidden;
}
.lyteStacked .lyteProgressStatusStack {
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: #007bff;
  transition: width 2s linear;
}
.lyteProgressBarWithLineSeparator.lyteStacked {
  overflow: visible;
}
.lyteProgressBarWithLineSeparator .lyteProgressStatusStack:first-child {
  border-radius: 8px 0 0 8px;
}
.lyteProgressBarWithLineSeparator .lyteProgressStatusStack:last-child {
  border-radius: 0 8px 8px 0;
}
.lyteProgressBarWithLineSeparator .lyteProgressStatusStack:only-child {
  border-radius: 8px;
}
.lyteProgressBarLineSeparator {
  width: 1px;
  height: 100%;
  padding: 5px 0;
  background: #000;
  transform: translate(0, -5px);
}
/*  stacked progress bar related CSS -- ENDS   */
/*  vertical progress bar related CSS -- BEGINS   */
.lyteProgressBar.lyteVertical {
  background-color: #e5e5e5;
  background-position: 50% 50%;
  border-radius: 8px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
.lyteProgressBar .lyteProgressStatusVertical {
  border-radius: 8px;
  background: #51a2ee;
  width: 100%;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: height 0.25s;
  left: 0;
  height: 0;
}
.lyteProgressStatusVertical.up {
  bottom: 0;
}
.lyteProgressStatusVertical.down {
  top: 0;
}
.lyteProgressStatusVertical .lyteProgressPercentage {
  top: 50%;
  transform: translate(-50%, -50%);
}
/*  vertical progress bar related CSS -- ENDS   */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* LYTE-PROGRESSBAR END*/
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Search CSS BEGINS */
.lyteSearchHidden {
  display: none !important;
}
lyte-search[lt-prop-close-icon="true"] input {
  padding-right: 30px;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/search.less file
 */
/* Search CSS ENDS */
:root {
  --lyte-accordion-border-color: #EDF0F4;
  --lyte-accordion-hover-border-color: #EDF0F4;
  --lyte-accordion-active-border-color: #EDF0F4;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
lyte-accordion {
  display: block;
  position: relative;
}
lyte-accordion-item {
  margin: 0;
  border-bottom: 1px solid var(--lyte-accordion-border-color);
  display: block;
  background: #fff;
}
lyte-accordion-item:hover {
  border-bottom-color: var(--lyte-accordion-hover-border-color);
}
.lyteAccordionNested lyte-accordion:last-child lyte-accordion-item:last-child {
  border-bottom: 0;
}
.lyteAccordionNested .lyteAccordionActive lyte-accordion-header,
lyte-accordion-header {
  padding: 15px 15px 10px;
  font-family: var(--pxFontRegular);
  color: var(--pxColorPrimary);
  font-size: 16px;
  text-align: left;
  outline: 0;
  position: relative;
  display: block;
  cursor: pointer;
}
.lyteAccordionNested .lyteAccordionActive lyte-accordion-header:hover,
lyte-accordion-header:hover {
  color: var(--pxColorPrimary);
}
.lyteAccordionActive {
  border-bottom-color: var(--lyte-accordion-active-border-color);
}
.lyteAccordionNested .lyteAccordionActive > lyte-accordion-header:hover,
.lyteAccordionNested .lyteAccordionActive > lyte-accordion-header,
.lyteAccordionActive lyte-accordion-header {
  color: var(--pxColorPrimary);
}
lyte-accordion-body {
  width: auto;
  padding: 0 0 0 15px;
  color: var(--pxColorPrimary);
  font-family: var(--pxFontRegular);
  font-size: var(--pxFontSizeRegular);
  text-align: left;
  display: block;
  overflow: hidden;
  transition: height ease-out 0.3s, padding ease-out 0.3s;
}
.lyteAccordionNested lyte-accordion-body {
  width: 100%;
  box-sizing: border-box;
}
.lyteAccordionNested .lyteAccordionActive lyte-accordion-body {
  padding-bottom: 0;
}
.lyteAccordionNested .lyteAccordionActive > lyte-accordion-body,
.lyteAccordionActive lyte-accordion-body {
  padding-top: 15px;
  padding-bottom: 15px;
}
.lyteAccordionNested .lyteAccordionActive lyte-icon.lyteAccordionArrow,
lyte-icon.lyteAccordionArrow {
  margin-top: 5px;
  right: 20px;
  transform: rotate(180deg);
  -webkit-mask-image: var(--pxUtilCSSSprite);
  mask-image: var(--pxUtilCSSSprite);
  -webkit-mask-position: -47px -4px;
  mask-position: -47px -4px;
  background-color: var(--pxIconBlack);
  width: 11px;
  height: 7px;
  position: absolute;
  left: auto;
  margin-top: 8px;
  display: inline-block;
}
.lyteAccordionNested .lyteAccordionActive > lyte-accordion-header lyte-icon.lyteAccordionArrow,
.lyteAccordionActive lyte-icon.lyteAccordionArrow {
  right: 17px;
  transform: rotate(0deg);
  -webkit-mask-position: -47px -4px;
  mask-position: -47px -4px;
  background-color: var(--pxIconBlack);
  width: 11px;
  height: 7px;
}
.lyteAccordionBodyHide {
  display: none;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/accordion.less file
 */
/*
.cxCriteriaBoxStyleAgeInDaysDropButtonMixin() {
    @border-right: 0;
    @border-radius: @cxCriteriaBoxBorderRadius 0 0 @cxCriteriaBoxBorderRadius;
}
.cxCriteriaBoxStyleAgeInDaysLyteFieldMixin() {
    @border-radius: 0 @cxCriteriaBoxBorderRadius @cxCriteriaBoxBorderRadius 0;
}
*/
.cxCriteriaEditorWrapper {
  font-family: var(--pxFontRegular);
  display: block;
}
.cxCriteriaPrefixOrigDropdown lyte-search {
  width: 100%;
}
.ageInDaysComp {
  vertical-align: baseline;
}
.ageInDaysVal {
  vertical-align: baseline;
}
.cx_fieldsDropdown lyte-search {
  width: 100%;
}
.cx_compDropdown lyte-search {
  width: 100%;
}
.cxCriteriaTable {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.cxCriteriaAutoWidth .cxCriteriaTable {
  width: auto;
}
.cxViewMode.cxCriteriaTable {
  width: auto;
  table-layout: auto;
  border-spacing: 0 10px;
}
.cxCriteriaBoxStyle .cxDateTimeWrapper,
.cxCriteriaBoxStyle lyte-number,
.cxCriteriaAddRemove {
  display: flex;
}
.cxCriteriaBoxStyle .cxCriteriaAddRemove {
  margin-top: 7px;
}
.criteria_new_pat_edtr {
  display: flex;
  width: 100%;
}
.cxCriteriaPtrnLabel {
  color: #666;
  font-size: 15px;
}
.cxCriteriaBoxStyle .cxCriteriaPtrnLabel {
  color: #303a48;
}
.cxCriteriaBoxStyle .cxCriteriaPtrnContViewMode .cxCriteriaPtrnLabel {
  margin-top: 0;
}
.cxCriteriaPatternText {
  white-space: nowrap;
  margin-top: 0;
  font-size: var(--pxFontSizeRegular);
}
.criteria_new_pat_edtr .criteriaTd {
  display: inline-flex;
}
.cxCriteriaPtrnContEditMode {
  padding-top: 30px;
  padding-bottom: 5px;
}
.cxCriteriaBoxStyle .criteria_new_pat_edtr .criteriaTd {
  padding-top: 0;
  width: auto;
}
.criteria_new_pat_edtr .criteriaTd:first-of-type {
  /* Adjusted as per latest Guidelines */
  margin-left: 38px;
  width: 150px;
}
.cxCriteriaBoxStyle .criteria_new_pat_edtr .criteriaTd:first-of-type {
  width: auto;
  padding-right: 20px;
  align-items: center;
}
.cxCriteriaPtrnContEditMode .cxCriteriaEditorPatternInput,
.cxCriteriaPtrnContEditMode .cxCriteriaEditorPatternValue {
  flex-grow: 1;
  padding-right: 0;
  margin-right: 87px;
}
.cxCriteriaFlatStyle .cxCriteriaEditorPatternValue,
.cxCriteriaFlatStyle .cxCriteriaEditorPatternInput {
  border-bottom: 1px solid #e5e5e5;
}
.cxCriteriaPatternValue {
  color: #333;
  white-space: normal;
}
.cxCriteriaBoxStyle .cxCriteriaPatternValue {
  padding: 8px 10px;
  border: 1px solid transparent;
}
.cxCriteriaCancelLink,
.cxCriteriaSaveLink,
.cxCriteriaEditLink {
  font-size: var(--pxFontSizeRegular);
  cursor: pointer;
  margin-left: 10px;
  white-space: nowrap;
  color: var(--pxColorApp);
  margin-top: 9px;
}
.cxCriteriaEditLink:hover {
  text-decoration: underline;
}
.cxCriteriaBoxStyle .cxCriteriaEditLink {
  margin-left: 0;
}
.cxCriteriaBoxStyle .cxCriteriaFlatLink {
  display: none;
}
.cxCriteriaBoxStyle .cxCriteriaCancelLink,
.cxCriteriaBoxStyle .cxCriteriaSaveLink {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 1px solid var(--pxIconBlack);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 7px;
}
.cxCriteriaBoxStyle .cxCriteriaSaveLink {
  background: var(--pxColorApp);
  border: 1px solid var(--pxColorApp);
  margin-left: 10px;
}
.cxCriteriaBoxStyle .cxCriteriaSaveLink::before {
  content: '';
  background-image: var(--cruxSprite);
  background-position: -316px -116px;
  width: 11px;
  height: 8px;
}
.cxCriteriaBoxStyle .cxCriteriaCancelLink::before {
  -webkit-mask-image: var(--cruxSprite);
  -webkit-mask-position: -337px -115px;
  background-color: var(--pxIconBlack);
  content: '';
  background-image: var(--cruxSprite);
  background-position: -337px -115px;
  width: 9px;
  height: 10px;
}
.cxCriteriaCancelLink {
  color: #999;
}
.cxCriteriaFlatStyle .editmodeLabel {
  border-bottom: 1px solid #e5e5e5;
}
.criteria_new_pat_edtr.viewmode .editPatternInput {
  border-bottom: 0;
  margin-right: 0;
}
.criteria_new_pat_edtr.viewmode .criteriaTd {
  padding: 0 0 5px;
  width: auto;
}
.criteria_new_pat_edtr.viewmode .criteriaTd:first-of-type {
  margin-left: 0;
}
.cxCriteriaFlatStyle .editPatternInput .criteriaPatternText .lyteField:hover,
.cxCriteriaFlatStyle .editPatternInput .criteriaPatternText .lyteField {
  border-bottom: 0;
  padding: 0;
}
.cxCriteriaFlatStyle #lyteInputCriteria {
  padding: 0;
  height: 40px;
}
.patternButtons {
  display: inline-flex;
  align-items: flex-end;
}
.cxCriteriaBoxStyle .patternButtons {
  min-width: 60px;
  width: 60px;
  align-items: flex-start;
}
.cxCriteriaEditorWrapper .colorSpan {
  color: #303a48;
  word-break: break-word;
  white-space: normal;
  overflow-wrap: break-word;
}
.cxCriteriaViewComparatorLabel {
  color: #34b8a9;
  display: inline-block;
}
.cxCriteriaBulletSep {
  margin-right: 5px;
  margin-left: 5px;
}
.cxCriteriaViewIndexSpan {
  color: #889bb7;
}
.cxCriteriaEditorWrapper lyte-input {
  width: 100%;
}
.cxCriteriaEditorWrapper .lyteDropdown-disabled,
.cxCriteriaEditorWrapper .lyteField input:disabled {
  opacity: 0.6;
}
.cxCriteriaEditorWrapper lyte-input[lt-prop-type="number"] input {
  -moz-appearance: textfield;
}
.cxCriteriaEditorWrapper lyte-input[lt-prop-type="number"] input::-webkit-outer-spin-button,
.cxCriteriaEditorWrapper lyte-input[lt-prop-type="number"] input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cxCriteriaNumWrap,
.cxCriteriaValueCol,
.cxCriteriaDropdown {
  position: relative;
}
/*.cxCriteriaValueCol - added to remove inline style and Contain text if Maximum text is present */
.cxElementDiv .cxCriteriaValueCol {
  flex: 1;
  max-width: 100%;
  width: 100%;
}
.cxCriteriaDropdownDisabled,
.cx_prefixDropdownLabel.lyteDropdown-disabled,
.cx_fieldDropdownLabel.lyteDropdown-disabled,
.cx_compDropdownLabel.lyteDropdown-disabled {
  cursor: not-allowed;
}
.cxCriteriaBoxStyle .cxCriteriaNumWrap {
  margin-top: 2px;
}
.cxCriteriaEditorWrapper .lyteDropdownLabel {
  margin-right: 5px;
  max-width: calc(100% - 20px);
}
.cxCriteriaFlatStyle .lyteDropdownLabel {
  display: inline-block;
  vertical-align: middle;
}
.cxCriteriaEditorWrapper .andOrConditionView {
  width: 35px;
  font-size: 12px;
  text-align: left;
}
.criteriaViewRow {
  margin-bottom: 5px;
}
.cxCriteriaViewIndexSpan {
  white-space: nowrap;
}
.cxCriteriaTable .criteriaTd .cxCriteriaViewIndexSpan {
  padding-right: 10px;
}
.criteriaViewRow.criteriaRow:first-of-type .criteriaTd {
  padding-top: 0;
}
.criteriaViewRow .criteriaTd {
  width: auto;
  padding: 0;
  vertical-align: top;
}
.cxCriteriaViewCurrencyValue {
  white-space: pre-wrap;
}
crux-criteria-editor-view-header .criteriaTd,
.cxCriteriaViewDataColumn {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}
.criteriaTd.criteriaNumber {
  width: 30px;
}
.criteriaTd.criteriaNumber::before {
  content: "";
  display: inline-block;
  width: 1px;
  background: #dadada;
  position: absolute;
  left: 15px;
  top: 65px;
  bottom: -40px;
}
.cxCriteriaFlatStyle .criteriaTd.criteriaNumber::before {
  top: 0;
  bottom: 30px;
}
.criteriaRow:first-of-type .criteriaTd.criteriaNumber::before {
  top: 30px;
}
.cxCriteriaFlatStyle .criteriaRow:first-of-type .criteriaTd.criteriaNumber::before,
.cxCriteriaBoxStyle .criteriaRow:last-of-type .criteriaTd.criteriaNumber::before {
  display: none;
}
/* crux-criteria-editor-header CSS Begins */
.criteriaRow {
  display: table-row;
}
.criteriaTd {
  display: table-cell;
  padding: 35px 10px 0 0;
  position: relative;
  vertical-align: bottom;
  font-size: var(--pxFontSizeRegular);
  width: 150px;
}
.criteriaTd .cxHelpIcon {
  margin-left: 10px;
}
.criteriaRow:first-of-type .criteriaTd {
  padding-top: 15px;
}
.criteriaRow .cxElementDiv {
  width: auto;
}
.criteriaRow .cxAddRemoveTd {
  width: 50px;
  vertical-align: middle;
}
.cxCriteriaBoxStyle .criteriaTd,
.cxCriteriaBoxStyle .criteriaTd:nth-child(5) {
  vertical-align: top;
}
.criteriaRow lyte-dropdown {
  width: 150px;
}
.cxLookupMultiModuleWrap .cxMultiModuleCriteriaDropdown lyte-dropdown {
  width: auto;
}
.cxCriteriaElementComponent {
  display: block;
}
template.cxCriteriaElementComponent {
  display: none;
}
.criteriaRow crux-layout-component lyte-dropdown,
.criteriaRow crux-role-component lyte-dropdown,
.criteriaRow crux-tag-component lyte-dropdown,
.criteriaRow crux-picklist-component lyte-dropdown,
.criteriaRow crux-boolean-component lyte-dropdown,
.criteriaRow crux-user-dropdown lyte-dropdown,
.criteriaRow crux-lookup-component lyte-dropdown {
  width: auto;
  display: block;
}
.criteriaRow crux-lookup-component crux-dropdown {
  flex-grow: 1;
}
.ageInDaysComp {
  width: 24%;
  min-width: 50px;
  max-width: 70px;
}
.criteriaRow .ageInDaysComp lyte-dropdown {
  width: 100%;
  display: block;
}
.cxCriteriaEditorWrapper .ageInDaysComp .lyteDropdownLabel {
  font-size: var(--pxFontSizeRegular);
  line-height: 13px;
}
.criteriaRow .ageInDaysComp lyte-icon.dropdown {
  position: static;
}
.ageInDaysVal {
  width: auto;
  flex-grow: 1;
}
.criteriaRow .cxDateTimeWrapper {
  display: flex;
}
.criteriaRow crux-date-time-component#betweenComponent1,
.criteriaRow crux-date-time-component#betweenComponent2 {
  min-width: 200px;
}
.criteriaRow crux-date-time-component .datewidth {
  width: 50%;
  min-width: 90px;
}
.criteriaRow crux-date-time-component .cxTimeSection {
  width: 50%;
  min-width: 70px;
}
.cxCriteriaFlatStyle crux-user-dropdown lyte-drop-button {
  border: 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid #ddd !important;
}
.criteriaRow lyte-icon.dropdown {
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  background: var(--pxIconBlack) !important;
  -webkit-mask-position: -1px -2px;
  mask-position: -1px -2px;
  background-image: var(--cruxSprite);
  background-position: 0 0;
  width: 10px;
  height: 5px;
  vertical-align: middle;
  display: inline-block;
  opacity: 0.6;
  flex-shrink: 0;
}
.criteriaRow lyte-dropdown lyte-search {
  flex-grow: 1;
}
.cxCriteriaFlatStyle lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button,
.cxCriteriaFlatStyle lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button:hover,
.cxCriteriaFlatStyle lyte-dropdown lyte-drop-button {
  color: #111;
  padding: 8px 3px;
  border: 0;
  border-bottom: 1px solid #ddd;
  background: #fff;
  box-shadow: none;
  border-radius: 0;
  display: block;
}
.cxCriteriaFlatStyle lyte-dropdown[lt-prop-type="multisearch"] .lyteDummyEventContainer:focus lyte-drop-button:hover,
.cxCriteriaFlatStyle lyte-dropdown[lt-prop-type="multisearch"] .lyteDummyEventContainer:focus lyte-drop-button,
.cxCriteriaFlatStyle lyte-dropdown[lt-prop-type="multiple"] .lyteDummyEventContainer:focus lyte-drop-button,
.cxCriteriaFlatStyle lyte-dropdown[lt-prop-type="multiple"] .lyteDummyEventContainer:focus lyte-drop-button:hover,
.cxCriteriaFlatStyle lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button,
.cxCriteriaFlatStyle lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button {
  color: #111;
  padding: 0 3px;
  border: 0;
  box-shadow: none;
  background: transparent;
}
.criteriaRow .lyteInput .lyteField {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #ddd;
  width: auto;
}
.criteriaRow .lyteInput .lyteField:hover,
.criteriaRow lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button:hover {
  border-bottom: 1px solid #a5a5a5;
}
.criteriaRow .lyteInputFocus .lyteField:hover,
.criteriaRow .lyteInputFocus .lyteField {
  border-bottom: 1px solid #4ab4fe;
}
.cxCriteriaBoxStyle .lyteInput .lyteField:hover,
.cxCriteriaBoxStyle .lyteInput .lyteField {
  border: 0;
}
.criteriaRow .lyteInput .lyteLabel,
.cxCriteriaValueCol .lyteInput .lyteField input {
  padding: 5px 3px;
  font-size: var(--pxFontSizeRegular);
  line-height: 27px;
  box-sizing: border-box;
  background: transparent;
  border-radius: 0;
}
.cxCriteriaBoxStyle .cxCriteriaValueCol .lyteInput .lyteField input {
  line-height: normal;
  padding: 0;
}
.cxCriteriaValueCol lyte-drop-button {
  max-height: 120px;
  overflow: auto;
}
.cxCriteriaNoneConditionInput {
  display: flex;
  /*align-items: center;*/
}
.cxCriteriaDynamicFedInput.cxBoxInput {
  /*width: calc(100% - 40px);*/
  padding: 8px 10px;
  box-sizing: border-box;
  display: block;
  width: 100%;
}
.cxCriteriaDynamicFedInput.disabledText {
  cursor: default;
  background: #eee;
  height: 100%;
  min-height: 32px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.criteriaRow lyte-input.disabledText .lyteField input {
  background: #eee;
  color: #333;
  opacity: 1;
  padding: 5px 3px;
}
.cxCriteriaAndOr {
  top: 8px;
  transform: translate(-5px, -33px);
  z-index: 2;
  position: absolute;
  background: #fff;
  width: 40px;
}
.cxCriteriaAndOr .cxCriteriaAndOrLyteInput .lyteField:hover,
.cxCriteriaAndOr .cxCriteriaAndOrLyteInput .lyteField {
  border-bottom: transparent;
  font-size: 12px;
  cursor: pointer;
}
.cxSpecified .cxCriteriaAndOr .cxCriteriaAndOrLyteInput .lyteField:hover,
.cxSpecified .cxCriteriaAndOr .cxCriteriaAndOrLyteInput .lyteField {
  cursor: default;
}
.cxCriteriaAndOr .cxCriteriaAndOrLyteInput .cxCriteriaAndOrInput {
  background: #fff;
  color: var(--pxColorApp);
  font-size: 12px;
  padding: 0;
  text-align: center;
  pointer-events: none;
  line-height: normal;
}
.cxCriteriaEditorWrapper lyte-dropdown[lt-prop-type="multisearch"] .lyteMultipleSelect li.lyteMultiselectInput {
  background: transparent;
  max-width: 100%;
}
.cxCriteriaPatternNum {
  width: 30px;
  height: 30px;
  pointer-events: none;
  cursor: default;
  background: --pxCriteriaNumberBackgroundColor;
  border: 1px solid var(--lyte-input-border-color);
  box-sizing: border-box;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  color: var(--pxColorPrimary);
  padding-top: 0px;
  z-index: 1;
  position: relative;
  font-size: var(--pxFontSizeRegular);
}
.criteriaDropbox lyte-input.vertical .lyteField {
  border-bottom: 1px solid #ddd;
}
.criteriaDropbox lyte-input.vertical.lyteInputFocus .lyteField {
  border-bottom: 1px solid #4ab4fe;
}
.criteriaDropbox lyte-input[lt-prop-type="search"]:not(.lyteInputBox) input {
  padding-left: 25px;
}
.criteriaDropbox lyte-input span.searchIcon {
  left: 5px;
}
lyte-drop-item.prevent {
  pointer-events: none;
}
.criteriaRow .cxCriteriaAddIcon,
.criteriaRow .cxCriteriaRemoveIcon {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.cxCriteriaFlatStyle .cxCriteriaAddIcon,
.cxCriteriaFlatStyle .cxCriteriaRemoveIcon {
  width: 15px;
  height: 18px;
  padding: 8px;
  background: none;
}
.criteriaRow .cxCriteriaAddIcon::before,
.criteriaRow .cxCriteriaRemoveIcon::before {
  content: '';
  position: absolute;
  background: var(--cruxSprite);
}
.cxCriteriaFlatStyle .cxCriteriaAddIcon::before,
.cxCriteriaFlatStyle .cxCriteriaRemoveIcon::before {
  width: 15px;
  height: 18px;
}
.criteriaRow .cxCriteriaAddIcon::before {
  background-position: -172px -52px;
}
.criteriaRow .cxCriteriaRemoveIcon::before {
  background-position: -151px -51px;
}
.cxCriteriaBoxStyle .cxCriteriaAddIcon,
.cxCriteriaBoxStyle .cxCriteriaRemoveIcon {
  width: 19px;
  height: 19px;
}
.cxCriteriaBoxStyle .cxCriteriaRemoveIcon {
  margin-right: 10px;
}
.cxCriteriaBoxStyle .cxCriteriaAddIcon::before,
.cxCriteriaBoxStyle .cxCriteriaRemoveIcon::before {
  width: 19px;
  height: 19px;
}
.cxCriteriaBoxStyle .cxCriteriaAddIcon::before {
  background-position: -333px -86px;
}
.cxCriteriaBoxStyle .cxCriteriaRemoveIcon::before {
  background-position: -309px -86px;
}
/* crux-criteria-editor-header CSS Ends */
.cx_fieldDropdownLabel,
.cx_compDropdownLabel,
.cx_prefixDropdownLabel {
  padding: 8px 3px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.cx_prefixDropdownLabel.lyteDropdown-disabled,
.cx_fieldDropdownLabel.lyteDropdown-disabled,
.cx_compDropdownLabel.lyteDropdown-disabled {
  cursor: not-allowed;
}
.cx_fieldDropdownLabel:hover,
.cx_compDropdownLabel:hover {
  border-bottom: 1px solid #a5a5a5;
}
.criteriaRow lyte-dropdown lyte-drop-button.cx_empty_dropbtn {
  padding: 0;
  background: transparent;
  border-color: transparent;
  position: absolute;
  height: 100%;
  z-index: -1;
}
.cx_fieldsDropdown,
.cx_compDropdown,
.cxCriteriaPrefixOrigDropdown {
  z-index: -1;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
}
.criteriaRow crux-number-component .lyteInput .lyteField input {
  padding-left: 0;
}
/*  Criteria box model related CSS BEGINS   */
.cxCriteriaBoxStyle .cx_fieldDropdownLabel,
.cxCriteriaBoxStyle .cx_compDropdownLabel,
.cxCriteriaBoxStyle .cx_prefixDropdownLabel {
  border: 1px solid var(--lyte-dropdown-btn-border-color);
  border-radius: 5px;
  padding: 8px 10px;
  box-sizing: border-box;
  font-size: var(--pxFontSizeRegular);
  display: flex;
  align-items: center;
  background: #fff;
}
.cxCriteriaBoxStyle .cx_fieldDropdownLabel:hover,
.cxCriteriaBoxStyle .cx_compDropdownLabel:hover,
.cxCriteriaBoxStyle .cx_prefixDropdownLabel:hover {
  border: 1px solid var(--lyte-dropdown-btn-hover-border-color);
  box-shadow: var(--lyte-dropdown-btn-hover-shadow);
}
.cxCriteriaBoxStyle .cxCriteriaDropdownOpen .cx_fieldDropdownLabel,
.cxCriteriaBoxStyle .cxCriteriaDropdownOpen .cx_compDropdownLabel,
.cxCriteriaBoxStyle .cxCriteriaDropdownOpen .cx_prefixDropdownLabel,
.cxCriteriaBoxStyle .cx_prefixDropdownLabel:focus,
.cxCriteriaBoxStyle .cx_compDropdownLabel:focus,
.cxCriteriaBoxStyle .cx_fieldDropdownLabel:focus {
  border: 1px solid var(--lyte-dropdown-btn-focus-border-color);
  box-shadow: 0px 0px 6px var(--lyte-dropdown-btn-focus-shadow);
  outline: 0;
}
.cxCriteriaBoxStyle .cxCriteriaDropdown .cxCriteriaErrorCell {
  border: 1px solid #FF5D5A;
  box-shadow: 0 0 6px #fff;
}
.cxCriteriaBoxStyle .cx_fieldDropdownLabel lyte-icon.dropdown,
.cxCriteriaBoxStyle .cx_compDropdownLabel lyte-icon.dropdown,
.cxCriteriaBoxStyle .cx_prefixDropdownLabel lyte-icon.dropdown {
  margin-left: auto;
}
.cxCriteriaBoxStyle lyte-input.disabledText .lyteField input {
  padding: 8px 10px 8px 10px;
  border: 0;
  box-shadow: none;
}
.cxCriteriaBoxStyle .ageInDaysComp lyte-icon.dropdown {
  position: absolute;
}
.cxCriteriaBoxStyle .ageInDaysComp .lyteDropdownLabel {
  line-height: normal;
  max-width: 100%;
}
/*
.cxCriteriaBoxStyle .ageInDaysComp lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button.lyteDropButtonUp,
.cxCriteriaBoxStyle .ageInDaysComp lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button.lyteDropButtonDown,
.cxCriteriaBoxStyle .ageInDaysComp lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button:hover,
.cxCriteriaBoxStyle .ageInDaysComp lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button {
    .cxCriteriaBoxStyleAgeInDaysDropButtonMixin();
    @{property-border-right}: @border-right;
    border-radius: @border-radius;
}
.cxCriteriaBoxStyle .ageInDaysVal .cxBoxInput.lyteInputBox .lyteField {
    .cxCriteriaBoxStyleAgeInDaysLyteFieldMixin();
    border-radius: @border-radius;
}
*/
.cxCriteriaBoxStyle .cxCriteriaAgeInDays .ageInDaysComp {
  width: auto;
  min-width: 60px;
  margin-right: 8px;
  max-width: 130px;
  flex-shrink: 0;
}
.cxCriteriaBetweenCase {
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -8px -8px 0;
}
.cxCriteriaBoxStyle .cxCriteriaBetween1,
.cxCriteriaBoxStyle .cxCriteriaBetween2 {
  flex-grow: 1;
  margin: 0 8px 8px 0;
  width: calc(50% - 8px);
}
/*
.criteriaRow .cxCriteriaDynamicElement 
*/
.cxCriteriaFlatStyle .criteriaRow lyte-input[lt-prop-type="datetime"] input:first-child {
  border-right: 0;
}
.cxCriteriaFlatStyle .cxCriteriaAgeInDays {
  align-items: flex-end;
}
/*  Criteria box model related CSS ENDS   */
.cxCriteriaInfoIcon {
  background: var(--cruxSprite);
  background-position: -222px -99px;
  min-width: 15px;
  width: 15px;
  height: 15px;
  display: inline-block;
  cursor: pointer;
  margin-left: 10px;
  opacity: 0.3;
}
.cxCriteriaBoxStyle .cxCriteriaInfoIcon {
  margin-left: 8px;
  margin-top: 0;
}
.cxCriteriaInlineError {
  color: var(--formBorderError);
  font-size: var(--crm-extra-small-font-size);
  position: absolute;
}
.cxCritPtnNum {
  padding: 5px;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: grab;
}
.cxCritPtnNum:hover {
  background: #eee;
}
.cxCritPtnNum.sortable-element-selected {
  background: #4B72E5;
  color: #fff;
}
.cxGroupPattern {
  border: 1px solid transparent;
}
.cxCritSortBottomElem {
  border: 1px dashed #4B72E5;
  background-color: #F5F8FF;
}
.criteriaHide,
.criteria_new_pat_edtr .lyteSortablePlaceholder {
  display: none;
}
.cxCritPtnNum.cxCursorGrab {
  cursor: grabbing;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 18px;
}
.criteriaCondition {
  color: #2C7BD0;
  margin: 0 3px;
}
.cxPatternBrakets {
  color: #999;
  margin: 0 3px;
}
.cxCriteriaValueColDropInputWrap {
  min-width: 0;
  margin-right: 10px;
}
.cxCriteriaValueColDropInputWrap:hover {
  min-width: 0;
}
.cxCriteriaValueColDisabled.cxCriteriaValueColDropInputWrap:hover,
.cx_prefixDropdownLabel.lyteDropdown-disabled:focus,
.cx_fieldDropdownLabel.lyteDropdown-disabled,
.cx_compDropdownLabel.lyteDropdown-disabled {
  border: 1px var(--lyte-input-border-color) solid !important;
  box-shadow: none !important;
}
/*
.cxCriteriaBoxStyle .cxCriteriaDropdownOpen .cx_fieldDropdownLabel, 
.cxCriteriaBoxStyle .cxCriteriaDropdownOpen .cx_compDropdownLabel, 
.cxCriteriaBoxStyle .cxCriteriaDropdownOpen .cx_prefixDropdownLabel, 
.cxCriteriaBoxStyle .cx_prefixDropdownLabel:focus, 
.cxCriteriaBoxStyle .cx_compDropdownLabel:focus, 
.cxCriteriaBoxStyle .cx_fieldDropdownLabel:focus
*/
.cxCriteriaValueColTypeDropdown {
  width: auto;
  flex-basis: 25%;
  font-size: var(--pxFontSizeRegular);
  min-width: 95px;
  margin-right: 10px;
}
.cxCriteriaValueColTypeDropdown lyte-drop-button {
  display: block;
  padding: 8px 25px 8px 10px;
}
.cxCriteriaValueColTypeDropdown .lyteDropdown-disabled {
  opacity: 1;
  border: 0 !important;
  border-radius: 4px 0 0 4px;
}
.cxCriteriaValueColTypeDropdown.lyteDropdownDisabled lyte-drop-button {
  background: #eee;
}
.cxCriteriaValueColTypeDropdown .lyteDropdownLabel {
  max-width: 100%;
  margin-right: 0;
}
.cxCriteriaValueColDropField {
  max-width: calc(100% - 40px);
  overflow: hidden;
  width: 100%;
  flex: 1;
  position: relative;
}
.cxCriteriaValueColText {
  vertical-align: bottom;
}
.cxCriteriaValueColModuleLabel,
.cxCriteriaValueColFieldLabel {
  min-width: 25px;
  /*  min-width is required for this element. Otherwise textellipsis will not be shown in UI. */
}
.cxCriteriaViewModuleBadge,
.cxCriteriaValueColModuleLabel {
  color: #8b9ab9;
  margin-left: 5px;
}
.cxCriteriaValueColDropField .lyteDropdownLabel {
  display: flex;
  border-radius: 3px;
}
.cxCriteriaViewModuleBadgeWrap {
  display: inline-flex;
  color: #303a48;
  flex-wrap: wrap;
}
.cxCriteriaViewModuleBadgeWrap .cxCriteriaViewBadgeLabel {
  max-width: 370px;
}
.cxCriteriaViewBadgeLabelText {
  vertical-align: top;
  word-break: break-word;
  white-space: normal;
  overflow-wrap: break-word;
}
.cxCriteriaValueColDropInputWrap .cxCriteriaValueSection {
  flex-grow: 1;
}
.cxCriteriaInitialLoaderWrap {
  padding: 90px 0;
  text-align: center;
}
.cxCriteriaScrollLoaderIcon {
  width: 24px;
  height: 24px;
  background-image: var(--cruxSearchLoader);
  background-size: 100%;
  display: inline-block;
}
.cxCriteriaValueColDropInputWrap lyte-dropdown.cxBoxDropdown lyte-drop-button {
  display: block;
}
.cxCriteriaColumnLabel {
  color: #111;
}
.cxCriteriaValueCol crux-user-dropdown .cxBoxDropdown[lt-prop-type=multiple] lyte-drop-button {
  overflow-y: auto !important;
}
.cxCriteriaTextareaClamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.criteriaDropbox .cxCriteriaItemDisabled.lyteDropdownSelection,
.criteriaDropbox lyte-drop-item.cxCriteriaItemDisabled {
  opacity: 0.4;
  background: none;
  color: #333;
  cursor: default;
}
/* Save Cancel in Edit COnditon - Text Only Option Starts */
.cxCriteriaBoxStyle .cxPatternOnlyText .patternButtons {
  width: auto !important;
}
.cxCriteriaBoxStyle .cxPatternOnlyText .cxCriteriaFlatLink {
  display: block;
}
.cxCriteriaBoxStyle .cxPatternOnlyText .cxCriteriaCancelLink,
.cxCriteriaBoxStyle .cxPatternOnlyText .cxCriteriaSaveLink {
  width: auto;
  background: none;
  border: none;
  width: initial;
  height: initial;
}
.cxCriteriaBoxStyle .cxPatternOnlyText .cxCriteriaCancelLink::before,
.cxCriteriaBoxStyle .cxPatternOnlyText .cxCriteriaSaveLink::before {
  display: none;
}
/* Save Cancel in Edit COnditon - Text Only Option Ends */
/* CRUX Criteria Editor  pattern - Error Styling starts */
.cxCriteriaErrorPattern .cxTextarea .lyteField,
.cxCriteriaErrorPattern .cxTextarea.lyteInputFocus .lyteField {
  box-shadow: none;
  border: 1px solid #FF5D5A;
}
.cxCriteriaPatternError {
  color: #FF5D5A;
  min-width: inherit;
  display: inline-block;
  width: 100%;
  z-index: 2;
  position: absolute;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  top: 100%;
}
/* Criteria Betwen cse for datetime Starts */
.cxCriteriaColBtwDTCase,
.cxCriteriaColBtwDTCase.cxCriteriaValueColDropInputWrap {
  border: none;
  outline: none;
}
/* #betweenComponent2 
#betweenComponent1
*/
/* Criteria Betwen cse for datetime Ends */
/* CRUX Criteria Editor  pattern - Error Styling Ends*/
/****************************************************************/
/**
        ERROR Message Related Styling Starts 
*/
/****************************************************************/
.criteriaTd .cxCriteriaFieldError,
.criteriaTd .cxCriteriaConditionError,
.criteriaTd .cruxErrMsg.cruxErrorMsgDesc {
  /* Absolute position for all td - absolute */
  white-space: nowrap;
  position: absolute;
}
.cxElementDiv .cruxErrMsg.cruxErrorMsgDesc {
  /*Relative position for last row criteria message alone*/
  white-space: normal;
  position: relative;
}
/**        ERROR Message Related Styling Ends  */
.cxCriteriaDynamicConfig {
  margin-left: 10px;
  cursor: pointer;
}
:root {
  --pxCriteriaNumberBackgroundColor: #F6F6F6;
}
.cxCriteriaInfoIcon {
  width: 16px;
  height: 17px;
  background: none;
  mask-position: -83px -159px;
  -webkit-mask-image: var(--pxUtilCSSSprite);
  mask-image: var(--pxUtilCSSSprite);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #313949;
  display: inline-block;
  opacity: 1;
}
.criteriaRow .cxCriteriaDropdownOpen lyte-icon.dropdown {
  transform: rotate(180deg);
}
.cxTagSelectedList {
  max-height: 100px;
  margin-bottom: 5px;
}
.cxTagSearchLoader {
  background-image: var(--cruxSearchLoader);
  height: 32px;
  width: 32px;
  background-size: 100%;
  display: inline-block;
}
.cxTagDropButtonInitialLoaderWrap {
  flex-grow: 1;
}
.cxTagDropboxInitialLoaderWrap {
  padding: 80px 0;
  text-align: center;
}
.cxTagSearch {
  width: 100%;
}
.cxTagSearch input {
  border-radius: 0;
  padding: 0;
}
lyte-drop-item#newTagId::before {
  content: none;
}
crux-tag lyte-dropdown.cxBoxDropdown[lt-prop-type="multisearch"] .lyteMultipleSelect li.lyteMultiselectInput {
  margin: 0;
}
/*Reduces left - padding in create field input dropdown*/
crux-tag lyte-text,
.cxTagDropBox lyte-text {
  vertical-align: bottom;
}
.cxTagDropBox {
  z-index: 10005 !important;
  min-width: 360px !important;
  max-width: 360px !important;
}
.cxTagDropboxTooltip {
  z-index: 10007 !important;
}
.cxTagDropBox .cxTagDropItem {
  padding: 6px 20px 6px 10px !important;
}
.cxTagDropBox .cxTagDropItem .cxTagDropItemChild {
  display: inline-block;
  padding: 3px 3px 3px 10px;
  border-radius: 3px 0px 0px 3px;
  /* color: #fff; */
  font-size: 1.3rem;
  /*line-height: @line-height;*/
  position: relative;
  z-index: 1;
}
/* .cxTagDropBox .cxTagDropItemChild.cxTagCol0 {
	color: #444;
	background: #fff;
	padding: 1px 3px 3px 10px;
	border: 1px solid #c9c9c9;
	border-right: 0;
} */
.cxTagDropBox .cxTagDropItem .cxTagDropItemChild::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  background: inherit;
  transform: rotate(45deg) skew(6deg, 6deg);
  top: 4px;
  left: calc(100% - 7px);
  z-index: -1;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.cxTagDropBox .cxTagDropItem .cxTagDropItemChild::before {
  content: "";
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px 0px 0px 3px !important;
  border-right: 0;
}
/* .cxTagDropBox .cxTagDropItem .cxTagDropItemChild.cxTagCol0::after {
	width: 13px;
	height: 13px;
	transform: rotate(45deg) skew(5deg, 5deg);
	top: 3px;
} */
.cxAddedTags {
  padding: 3px 13px 3px 10px !important;
  border-radius: 3px 0px 0px 3px !important;
  border: 0 !important;
  /* color: #fff !important; */
  margin: 0 15px 3px 0 !important;
  position: relative;
  font-size: 1.3rem;
  /*line-height: @line-height;*/
  z-index: 2;
}
.nLvTagsMoreOptionhandle .lytePopover .tagPopoverLab ul .cxAddedTags {
  padding: 3px 4px 4px 10px !important;
}
.parentscope__Tag .cruxTagList {
  line-height: inherit;
}
.cxTagBgSpan {
  padding: 3px 5px 3px 10px !important;
  border-radius: 3px 0px 0px 3px !important;
  border: 0 !important;
  /* color: #fff !important; */
  margin-right: 12px !important;
  font-size: 1.3rem;
  /*line-height: @line-height;*/
  display: inline-block;
  position: relative;
  z-index: 2;
}
/* .cxAddedTags.cxTagCol0 {
	padding: 1px 13px 3px 10px !important;
	background: #fff;
	color: #444 !important;
	border: 1px solid #c9c9c9 !important;
	border-right: 0 !important;
}
.cxTagBgSpan.cxTagCol0 {
	padding: 1px 5px 3px 10px !important;
	background: #fff;
	color: #444 !important;
	border: 1px solid #c9c9c9 !important;
	border-right: 0 !important;
} */
.cxAddedTags::after,
.cxTagBgSpan::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: inherit;
  transform: rotate(45deg) skew(-2deg, -2deg);
  top: 3px;
  left: calc(100% - 8px);
  z-index: -1;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.cxAddedTags::before,
.cxTagBgSpan::before {
  content: "";
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 3px 0px 0px 3px !important;
  border-right: 0;
}
/* .cxTagCol0::after {
	width: 13px;
	height: 13px;
	transform: rotate(45deg) skew(5deg, 5deg);
	top: 3px;
	border-top: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
} */
.cxTagBgSpan:hover {
  filter: brightness(0.95);
}
/* crux-tag lyte-dropdown.cxFlatDropdown .lyteMultipleSelect .cxTagCol0,
crux-tag lyte-dropdown.cxBoxDropdown .lyteMultipleSelect .cxTagCol0 {
	background: #fff;
} 
.cxTagCol1 {
	background: #F17574 !important;
}
.cxTagCol2 {
	background: #F48435 !important;
}
.cxTagCol3 {
	background: #E7A826 !important;
}
.cxTagCol4 {
	background: #A8C026 !important;
}
.cxTagCol5 {
	background: #63C57E !important;
}
.cxTagCol6 {
	background: #1DB9B4 !important;
}
.cxTagCol7 {
	background: #57B1FD !important;
}
.cxTagCol8 {
	background: #879BFC !important;
}
.cxTagCol9 {
	background: #D297EE !important;
}
.cxTagCol10 {
	background: #FD87BD !important;
}
.cxTagCol11 {
	background: #969696 !important;
}
.cxTagCol12 {
	background: #658BA8 !important;
}
.cxTagCol13 {
	background: #B88562 !important;
}*/
.cxTagDropBox .cxTagDropItem[selected="true"]::before {
  display: none;
}
.cxAddedTags .lyteCloseIcon {
  left: calc(100% - 12px) !important;
  z-index: 3;
  width: 10px;
  top: 2px;
  border-radius: 0;
  height: 18px;
  transition: none;
  background: transparent;
  transform: scale(1);
  visibility: visible;
}
lyte-dropdown.cxBoxDropdown .lyteMultiselect .cxAddedTags .lyteCloseIcon::before {
  background-color: var(--pxIconBlack);
  width: 9px;
  height: 9px;
  z-index: 1;
  background-image: none;
  background-position: -71px -118px;
  left: calc(50% - 2px);
  top: calc(50% - 5px);
  transform: scale(0.9);
  transition: none;
}
lyte-dropdown.cxBoxDropdown .lyteMultiselect .cxAddedTags.cxTagDarkBg .lyteCloseIcon::before {
  background-color: var(--pxIconWhite);
  background-position: -57px -118px;
}
/* lyte-dropdown.cxBoxDropdown .lyteMultiselect .cxAddedTags .lyteCloseIcon::before {
	background-image: url(/crm/CRMClient/images/crm-svgicons.svg) !important;
	background-position: -255px -68px  !important;
	left: calc(50% - 6px) !important;
	top: calc(50% - 3px);
	transform: scale(0.9);
} */
.cxAddedTags .lyteCloseIcon:hover {
  background: rgba(0, 0, 0, 0.2);
  transform: scale(1) !important;
}
.cxAddedTags.cxTagDarkBg .lyteCloseIcon:hover {
  background-position: -28px -122px !important;
}
/* .cxAddedTags .lyteCloseIcon:hover {
	background: none !important;
} 
.cxAddedTags .lyteCloseIcon:hover::before {
	visibility: visible;
}*/
crux-tag lyte-dropdown.cxBoxDropdown .lyteMultipleSelect .cxTagHighlight {
  background: #ccc;
}
.moreTagOption {
  color: #5C6166;
  font-size: var(--pxFontSizeRegular);
}
.moreTagOption .disable {
  opacity: 1 !important;
}
.moreTagOption .moreCount {
  text-decoration: underline;
}
.moreTagOption .moreCount:hover {
  text-decoration: underline;
  color: #222;
}
lyte-dropdown.cxBoxDropdown.cxTagTagsPresent[lt-prop-type="multisearch"] lyte-drop-button {
  padding: 5px 5px 2px;
  padding: 5px 10px 2px;
}
lyte-dropdown.cxBoxDropdown.cxTagTagsPresent[lt-prop-type="multisearch"] .lyteMultipleSelect li.lyteMultiselectInput {
  margin-bottom: 3px;
}
.cxTagHighlight {
  background: #ccc !important;
}
.cxTagHighlight::after,
.cxTagHighlight.cxTagCol0::before {
  border-color: transparent transparent transparent #ccc !important;
}
.cxExistingTag {
  animation: cxTagBgAnim 2s;
}
@keyframes cxTagBgAnim {
  0% {
    background: #fffffa;
  }
  50% {
    background: #ffff64;
  }
  100% {
    background: #fffffa;
  }
}
.cxSelectedTagListWrap {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}
.cxNewPopupCloseIcon {
  cursor: pointer;
  display: inline-block;
  opacity: 0.8;
}
.cxTagDropItemChild {
  max-width: 90%;
}
.cxTagDropItemChild lyte-text {
  z-index: 1;
}
.cxPropNewTagOptionMsg {
  font-family: var(--pxFontRegular);
  color: #5a5a5a;
  margin-left: 10px;
  margin-right: 5px;
}
.cxNewTagLabel {
  font-family: var(--pxFontMedium);
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  min-width: 30px;
}
.listview_taglists li.tagElementList.cxAddedTags {
  margin: 0 5px 2px 0;
  padding: 2px 5px 4px 10px !important;
  line-height: 16px;
  vertical-align: middle;
  /*max-width: calc(100% - 30px);*/
}
.listview_taglists .tagElementList.cxAddedTags span {
  white-space: nowrap;
  width: calc(100% + 7px);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tagElementList {
  font-size: var(--pxFontSizeSmall);
}
.cxTagContent {
  font-family: var(--pxFontRegular);
  font-size: var(--pxFontSizeXSmall);
  color: #5a5a5a;
}
.cruxTagTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.tagPopoverLab .cxAddedTags {
  white-space: nowrap;
}
.cxTagMoreCountUnderline {
  position: relative;
  display: inline !important;
}
.cruxTagTitle::after {
  display: block;
  content: "";
}
.cxTagMoreCountUnderline::after {
  content: '';
  width: 100%;
  height: 1px;
  display: inline-block;
  position: absolute;
  background: #d7e2ec;
  left: 0px;
  bottom: -1px;
}
.cxTagMoreCountUnderline::before {
  content: '';
  width: 0px;
  height: 1px;
  display: inline-block;
  position: absolute;
  background: #313949;
  left: 0px;
  bottom: -1px;
  z-index: 1;
  transition: 0.1s;
}
.cxTagMoreCountUnderline:hover::before {
  width: 100%;
}
.cxAddedTags .lyteCloseIcon:after {
  position: absolute;
  left: 10px;
  top: 0px;
  content: "";
  border: 9px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.2);
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  display: inline-block;
}
li.cxAddedTags:hover .lyteCloseIcon {
  background: rgba(0, 0, 0, 0.2) !important;
}
.cxAddedTags.cxTagDarkBg:hover .lyteCloseIcon {
  background: rgba(255, 255, 255, 0.5) !important;
}
.cxAddedTags.cxTagDarkBg .lyteCloseIcon:after {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}
.cxAddedTags .lyteCloseIcon:after {
  visibility: hidden;
}
.cxAddedTags:hover .lyteCloseIcon:after {
  visibility: visible;
}
.cxSelectedTagListWrap {
  align-items: center;
}
crux-user-dropdown {
  font-size: 15px;
  max-width: 100%;
}
crux-user-dropdown lyte-dropdown {
  max-width: 100%;
  display: block;
}
.cxUserDropbox .userSearchBox {
  flex: 1;
}
.cxUserDropbox .userSearchBox::after {
  content: "" !important;
  left: 9px;
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  -webkit-mask-position: -75px -1px;
  mask-position: -75px -1px;
  background-color: var(--pxIconBlack);
  z-index: 4;
  content: '';
  background-image: none;
  background-position: -180px -4px;
  width: 15px;
  height: 15px;
  position: absolute;
  right: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 1;
}
.cxUserDropbox .cxUserDropboxSearchLoadingIcon {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 25px;
  height: 25px;
  background-image: var(--cruxSearchLoader);
  background-size: 100%;
}
.cxUserDropbox .userSecondaryDetail {
  font-size: var(--pxFontSizeSmall);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--pxColorLabel);
  display: flex;
  justify-content: space-between;
}
.cxUserDdSecondaryMsg {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cxUserDdSuggestUserPercentage {
  font-family: var(--pxFontSemiBold);
  color: #222;
  font-size: 13px;
  white-space: nowrap;
  margin-left: 20px;
}
.cxUserDropbox lyte-drop-item {
  padding: 5px 25px;
  display: flex;
  align-items: flex-start;
}
.crux_dropbox_filter lyte-drop-item {
  padding: 8px 25px;
  color: var(--pxColorPrimary);
}
.cxUserDropbox .clearField + .userSearchBox::after,
.crux_dropbox_filter lyte-drop-item[selected=true]::before {
  content: none;
}
.cxUserDropbox .lyteDropdownSelection {
  background: var(--lyte-menu-item-hover-bg);
}
.cxUserDropbox .result-selected::before {
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  -webkit-mask-position: -17px 0;
  mask-position: -17px 0;
  background-color: var(--pxIconBlack);
  content: "";
  width: 12px;
  height: 9px;
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -6px;
  -webkit-mask-image: var(--cruxSprite);
  mask-image: var(--cruxSprite);
  -webkit-mask-position: -15px -13px;
  mask-position: -15px -13px;
  background-color: #333;
}
.crux_dropbox_filter {
  margin-left: -1px;
}
.crux_dropbox_filter lyte-drop-body {
  padding: 3px 0;
  max-height: 160px;
  overflow-x: hidden;
}
.cxUserDropbox lyte-drop-body {
  padding: 5px 8px 5px 8px;
  max-height: 235px;
}
.cxUserDropboxInitialLoaderWrap {
  text-align: center;
}
.cxUserDropboxItemsLoader {
  width: 32px;
  height: 32px;
  background-image: var(--cruxSearchLoader);
  background-size: 100%;
  display: inline-block;
}
.displayFlex {
  display: flex;
}
lyte-drop-box.cxUserDropbox .userSearchBox,
.user-lookup-right {
  flex: 1;
}
.cxUserDropdownInnerFilter {
  max-width: 200px;
}
lyte-dropdown.cxUserDropdownInnerFilter lyte-drop-button {
  border-bottom: 1px solid var(--lyte-dropdown-btn-border-color);
  z-index: 2;
  padding: 6px 25px 6px 10px;
  border-top: 1px solid var(--lyte-dropdown-btn-border-color);
  border-left: 1px solid var(--lyte-dropdown-btn-border-color);
  box-shadow: none !important;
  border-right: 1px solid var(--lyte-dropdown-btn-border-color);
  border-radius: 6px 0 0 6px;
  display: block;
}
/*FOr rtl -ltr padding alignment */
lyte-dropdown.cxUserDropdownInnerFilter lyte-drop-button {
  padding-left: 10px !important;
  padding-right: 25px !important;
}
lyte-drop-box.cxUserDropbox lyte-input.userSearchBox input {
  border-radius: 0 6px 6px 0;
  background: transparent;
  padding: 6px 30px;
}
.cxUserDropbox .multiSelectDd lyte-drop-item {
  padding: 5px 15px;
}
.cxUserDropbox .clearField {
  background-image: none !important;
  background-color: var(--lyte-input-close-icon-bg) !important;
  border-radius: 20px;
  background-image: var(--cruxSprite);
  background-position: -54px -2px;
  width: 17px;
  height: 17px;
  transform: scale(1);
  z-index: 10002;
  content: '';
  position: absolute;
  right: 6px;
  top: 6px;
  cursor: pointer;
  opacity: 1;
}
.cxUserDropbox .noUsersDiv {
  font-size: var(--pxFontSizeRegular);
  display: block;
  padding: 15px;
  color: var(--pxColorNotFound);
  text-align: center;
  text-transform: capitalize;
}
.cxUserDropbox .lyteDropdownNoResult {
  display: none !important;
}
.cxUserDropboxScrollLoaderIcon {
  width: 24px;
  height: 24px;
  background-image: var(--cruxSearchLoader);
  background-size: 100%;
  display: inline-block;
}
.cruxUserImgWrap.allUsers,
.cruxUserImgWrap {
  border: 1px solid #d2d7e2;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  box-shadow: none;
  flex-shrink: 0;
  border: none;
}
.cruxSelUserImgWrap {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  margin-right: 5px;
  margin-top: 2px;
}
.cruxUserImgWrap {
  align-self: center;
}
.cruxUserImg {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.cruxSelUserImg {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.loggedInUser .cruxUserImg {
  width: 22px;
  height: 15px;
  opacity: 0.4;
  border-radius: 0;
  box-shadow: none;
  background-image: var(--cruxLoggedInUser);
  background-size: 100%;
}
.cxUserDropboxNoUserPhoto .cruxSelUserImg,
.cxUserDropboxNoUserPhoto .cruxUserImg {
  background-image: var(--cruxNoPhotoImage);
  background-size: 100%;
  box-shadow: none;
  display: inline-block;
}
.cxUserDropbox lyte-drop-item.lyteDropdownActive,
.crux_userdrop_multi_placeholder ~ .lyteMultipleSelect {
  display: none;
}
.loggedInUser,
.cruxUserImgWrap.allUsers {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f6;
}
.cruxUserImgWrap .allUsersImg {
  background: var(--cruxSprite);
  width: 18px;
  height: 10px;
  display: inline-block;
  background-position: -193px -57px;
  opacity: 0.4;
}
.cruxDropAlluser {
  display: flex;
  align-self: center;
}
.userDetail {
  margin-left: 10px;
  word-break: break-all;
  max-width: calc(100% - 42px);
  flex-grow: 1;
}
.cxUserDropdownLoadingWithZia {
  height: 90px;
}
crux-user-dropdown lyte-dropdown.cxBoxDropdown[lt-prop-type="multiple"] lyte-drop-button {
  padding-top: 4px;
  padding-bottom: 1px;
  white-space: nowrap;
  /*overflow: @overflow;*/
  text-overflow: ellipsis;
}
crux-user-dropdown .cxBoxDropdown[lt-prop-type="multiple"] .lyteDropdown-disabled lyte-drop-button::after,
crux-dropdown .cxDropdownDisabled .cxFakeDropButton:after {
  opacity: 0.3;
}
.cxNoUserSelected.cxBoxDropdown[lt-prop-type="multiple"] lyte-drop-button {
  padding-top: 8px;
  padding-bottom: 8px;
}
.cxCriteriaTable .cxElementDiv .cxCriteriaValueCol {
  max-width: 100%;
}
.lyteDropdown-disabled lyte-drop-button {
  border-radius: 6px;
}
.cxUserDropFilterWrapperCont {
  display: flex;
  width: 100%;
}
.cxUserDropdownInnerFilter + span + lyte-input .lyteField {
  border-radius: 0 6px 6px 0;
  margin-left: -1px;
  z-index: 1;
}
.cxUserDropdownInnerFilter + span + lyte-input .lyteField:hover,
.cxUserDropdownInnerFilter + span + lyte-input.lyteInputFocus .lyteField {
  z-index: 3;
}
lyte-drop-box.crux_dropbox_filter lyte-drop-item.result-selected::before {
  content: '';
  -webkit-mask-image: var(--pxUIIcons);
  mask-image: var(--pxUIIcons);
  -webkit-mask-position: -17px 0;
  mask-position: -17px 0;
  background-color: var(--pxIconBlack);
  width: 12px;
  height: 9px;
  position: absolute;
  left: 8px;
  top: 12px;
  margin-top: 0px;
}
lyte-dropdown.cxUserDropdownInnerFilter lyte-drop-button:hover {
  border: 1px solid var(--lyte-dropdown-btn-hover-border-color);
}
.userDropbox .clearField:after {
  opacity: 1;
  position: absolute;
  left: 4.5px;
  top: 4px;
  content: '';
  display: block;
  -webkit-mask-image: var(--pxUIIcons);
  -webkit-mask-position: -59px -4px;
  background-color: var(--pxIconBlack);
  width: 9px;
  height: 9px;
  transform: scale(0.9);
}
body {
  --pxUtilCSSSprite: url("../images/pixel/svg-icons.svg");
  --pxUIIcons: url("../images/pixel/pixel-ui-icons.svg");
  --lyteSprite: url("../images/pixel/sprite_lyte.svg");
  --cruxSprite: url("../images/pixel/crux-sprite-icons.svg");
  --wfIcon: url("/images/workflow/workflow-icons.svg");
  --cruxSearchLoader: url("/images/crux-components/crux-search-loader.svg");
  --loyaltyDetailSprite: url("../images/new/loyalty-detail.svg");
}
:root {
  --zcicn-mask-313949: #313949;
  --zcicn-mask-ffffff: #ffffff;
  --zcicn-mask-c4c9f2: #c4c9f2;
  --zcicn-mask-d7b2fa: #d7b2fa;
  --zcicn-mask-83d7ff: #83d7ff;
  --zcicn-mask-7fe5c1: #7fe5c1;
  --zcicn-mask-E78D16: #E78D16;
  --zcicn-mask-ffb978: #ffb978;
  --zcicn-mask-ff9696: #ff9696;
  --zcicn-mask-57b67a: #57b67a;
  --zcicn-mask-4a8de9: #4a8de9;
  --zcicn-mask-f56d6d: #f56d6d;
  --zcicn-mask-616E88: #616E88;
  --zcicn-mask-7c8bae: #7c8bae;
  --zcicn-mask-7b70c2: #7b70c2;
  --zcicn-mask-4c7d1f: #4c7d1f;
  --zcicn-mask-d76b3f: #d76b3f;
  --zcicn-mask-d2a449: #d2a449;
  --zcicn-mask-2558a0: #2558a0;
  --zcicn-black: #313949;
  --zcicn-white: #ffffff;
  --zcicn-grey: #616E88;
  --zcicn-blue: #338CF0;
  --zcicn-green: #12AA67;
  --zcicn-sandal: #EDA114;
  --zcicn-red: #FF5D5A;
  --zcicn-purple: #C35BF4;
  --zcicn-violet: #8C71FB;
  --zcicn-cyan: #24CBB7;
  --zcicn-lightgreen: #AECC48;
  --zcicn-yellow: #E8D216;
  --zcicn-brown: #B38B59;
  --zcicn-darkred: #E3204F;
  --zcicn-marineblue: #226DB4;
  --zcicn-whiteSec: #F4F7FB;
  --zcicn-greySec: #CCD2DB;
  --zcicn-blueSec: #AAD7FF;
  --zcicn-greenSec: #ACF0D2;
  --zcicn-sandalSec: #FFD592;
  --zcicn-redSec: #FFB2B7;
  --zcicn-purpleSec: #F5C6FA;
  --zcicn-violetSec: #D2C7FF;
  --zcicn-cyanSec: #A5EAE0;
  --zcicn-lightgreenSec: #D9F291;
  --zcicn-yellowSec: #FDEC91;
  --zcicn-brownSec: #E0C6A6;
  --zcicn-pinkSec: #FFB2E1;
  --zcicn-cadetgreySec: #979FAF;
  --zcicn-white-bg: #F9FBFD;
  --zcicn-grey-bg: #EFF0F6;
  --zcicn-linkblue-bg: #EDF6FF;
  --zcicn-green-bg: #E5FAF1;
  --zcicn-orange-bg: #FFF2DF;
  --zcicn-negativered-bg: #FFE8E9;
  --zcicn-purple-bg: #FBEBFC;
  --zcicn-bluepurple-bg: #F2EFFF;
  --zcicn-greenishcyan-bg: #E6FAF6;
  --zcicn-greenishyellow-bg: #F4FAE6;
  --zcicn-orangeyellow-bg: #FFF9DB;
  --zcicn-darksand-bg: #F6F2EC;
  --zcicn-pink-bg: #FFF0F9;
  --zcicn-red-bg: #EF4C4C;
  --br_zcicn_whitecolor: #E3E9F0;
}
html,
body {
  height: 100%;
}
body {
  height: 100%;
  color: var(--pxColorPrimary);
}
#outlet {
  height: 100vh;
}
.h100vh {
  height: 100vh;
}
.px-h100per {
  height: 100%;
}
.px-w100Per {
  width: 100%;
}
.d-none {
  display: none !important;
}
.listViewPage,
.detailViewPage {
  background-color: #ecf0f9;
}
.detailViewPage {
  padding: 20px;
  box-sizing: border-box;
}
.cruxFormComponentCol {
  flex: 1;
}
lyte-input.cruxFormComponentRow.vertical .lyteLabel {
  padding-bottom: 0px !important;
}
retail-input-component .cruxFormComponentRow:last-child {
  margin-bottom: 25px;
}
.cruxFormComponentRow,
retail-input-component lyte-input,
.cruxFormComponentRow retail-input-component {
  width: 100%;
  max-width: 390px;
}
.cruxFormComponentRow lyte-tag lyte-dropdown {
  width: 100%;
}
.cruxFormComponentRow.pxTwoColumn .lyteField {
  width: 100% !important;
}
.flex-direction-column {
  flex-direction: column;
}
.align-item-center {
  align-items: center;
}
.flex {
  display: flex;
}
.justify-content-space-between {
  justify-content: space-between;
}
.pdr-10 {
  padding-right: 10px;
}
.pdl-10 {
  padding-left: 10px;
}
.pt-20 {
  padding-top: 20px;
}
.px-lh18 {
  line-height: 18px;
}
.lyteErrorMsg,
.pxErrorMsg {
  position: absolute;
  z-index: 2;
  color: var(--pxColorNegative);
  font-size: var(--pxFontSizeXSmall);
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  left: 0;
  bottom: -17px;
}
.dvFormViewRow {
  margin-bottom: 15px;
  display: flex;
}
.cruxFormComponentCol .dvFormViewRow {
  margin-bottom: 20px;
}
.dvFormViewCol {
  display: flex;
  flex: 1;
  width: 50%;
}
.dvFormViewLabel {
  color: var(--pxColorLabel);
  width: 200px;
  margin-right: 20px;
}
.detailViewRow {
  margin-bottom: 25px;
}
.detailViewRowLabel {
  font-family: var(--pxFontSemiBold);
}
.detailViewRowField {
  margin-top: 10px;
}
.pxFormSubHeader.noMargin {
  margin-bottom: 0;
}
lyte-dropdown.lyteDropdownError lyte-drop-button {
  border: 1px solid var(--lyte-dropdown-btn-error-border-color);
  box-shadow: none;
  padding: 8px 10px!important;
}
.flex-direction-column {
  flex-direction: column;
}
.align-item-center {
  align-items: center;
}
.flex {
  display: flex;
}
.justify-content-space-between {
  justify-content: space-between;
}
.pdr-10 {
  padding-right: 10px;
}
.pdl-10 {
  padding-left: 10px;
}
.pt-20 {
  padding-top: 20px;
}
.space-between {
  justify-content: space-between;
}
.zcicn_appColor {
  fill: var(--pxColorApp);
}
lyte-button {
  margin-right: 8px;
}
.pxClubbedButton lyte-button {
  margin-right: 0px;
}
svg-icon {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  vertical-align: top;
}
svg-icon span {
  display: inline-flex;
  vertical-align: top;
}
.svgIconDefaultBorder {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid #D5D8E9;
}
.svgIconDefaultBorder:hover {
  background: #EFF0F6;
}
.svgIconBorder {
  width: 28px;
  height: 28px;
  border: 1px solid transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.svgIconBorder:hover {
  border: 1px solid #D5D8E9;
}
.svgIconBg,
.svgIconDefaultBg {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: #fff;
}
.svgIconBg:hover,
.svgIconDefaultBg {
  background: #EFF0F6;
}
.iconShowOnHover {
  visibility: hidden;
}
.px-mB0.pxFormSubHeader {
  margin-bottom: 0;
}
a {
  color: var(--pxColorLink);
  outline: 0;
  text-decoration: none;
}
.modalWrapper {
  bottom: 0px;
}
.setBackgndProdInfo {
  padding: 20px;
}
.detailViewSection {
  background-color: #FFFFFF;
  border-radius: 10px;
  box-sizing: border-box;
  margin-top: 20px;
  position: relative;
}
.detailViewSectionHeader {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  align-items: center;
}
.detailViewSectionContent {
  padding: 0 20px 20px;
}
.detailViewSection .pxFormSubHeader {
  margin-bottom: 0;
}
.detailViewSection placeholder-loader-table .divTable {
  border: 0;
  border-radius: 0;
}
.detailViewSection placeholder-loader-table .divTable {
  border-bottom: 1px solid var(--lyte-table-border-color);
}
.detailViewSection lyte-th {
  white-space: nowrap;
  color: var(--pxColorLabel);
  font-family: var(--pxFontRegular);
}
.detailViewSection .noresultstyle {
  padding: 20px 15px 0px 15px;
}
.detailviewLeftInfo {
  margin-bottom: 15px !important;
}
.detailViewSection.detailViewSectionTable {
  margin-top: 0px;
}