.gwt-DialogBox .Caption {
   background: #FFFFFF;
   height: 40px;
   cursor: default;
}


.mpBackGround
{
	background: #F0F0F0;
}

.marketPlaceHomeBottom
{
	 background: #FFC956;
}

.mpHomeWelcomeText
{
	color: #4B004B;
	text-align: center;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 10px;
}


.mpHomeMarketPlaceText
{
	color: #FF9F4D;
	font-family: Cooper Hewitt;
	font-size: 68px;
	font-style: normal;
	font-weight: 711;
	line-height: normal;
}


.mpHomeByPromaschText
{
	color: #5B5B5D;
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.mpHomeUnlockText
{
	color: #4B004B;
	text-align: center;
	font-family: Cooper Hewitt;
	font-size: 88px;
	font-style: normal;
	font-weight: 711;
	line-height: normal;
	letter-spacing: 0.88px;
	 position: relative;
	top: 50px;
}

.mpVendorIcon {
	background-image: url(images/mpVendorIcon.svg);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	text-decoration: none;
	background-size: 50px 50px;
}


.mpCatalogueIcon {
	background-image: url(images/mpCatalogueIcon.svg);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	text-decoration: none;
	background-size: 50px 50px;
}

.mpRupeeIcon {
	background-image: url(images/mpRupeeIcon.svg);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	text-decoration: none;
	background-size: 50px 50px;
}


.mpBox
{
	padding-top: 39px;
	padding-bottom: 43px;
	border-radius: 15px;
	border: 2px solid #FF9F4D;
	background: #FFF;
	width: 370px;
	height: 142px;
	
}



.mpHomeDiscover
{
	color: #858585;
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.mpHomeVendors
{
	color: #000;
	font-family: Roboto;
	font-size: 36px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}

.mpHomeOver1000
{
	color: #FF9F4D;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.mpHomeComingSoon
{
	color: #FF5E49;
	text-align: center;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.mpHomeNextButton {
	background-image: url(images/mpHomeNextArrow.svg);
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
	text-decoration: none;
	background-size: 40px 40px;
	
	background-position: center;
	border-radius: 5px;	
	cursor: pointer;		
}

.mpDateFlexTable{
	position: relative;
	top: -4px;
	background-color: #f0f0f0;
}


.mpContainerPosition{
	position: relative;
	top: -96px;	
}

.mpMenu{
	position: relative;
	top: -96px;
	left: 0px;
	background-color: #FFF;	
	float: left;
}


.mpClose{
	position: relative;
	top: -52px;
	left: 0px;
	background-color: #FFF;	
	float: right;
}

.mpTileMiddleTableBorder
{
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	padding-top: 4px;
	padding-bottom: 4px;
}
.mpVendorTile
{
	width: 100%;
	height: 213px;
	border-radius: 4px;
	border-bottom: 1px solid #FFC34F;
	background: #FFF;
	margin-bottom: 15px;
	padding-left: 8px;
	padding-right: 8px;
}

.mpVendorName
{
	color: #000;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}

.mpVendorCompanyName
{
	color: #396;
	font-family: Roboto;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right: 18px;
}

.mpVendorType
{
	color: #393434;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	border-radius: 2px;
	background: #ECECEC;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 4px;
}

.mpBackGround
{
	background-color: #f0f0f0;
	background: #f0f0f0;	
}

.mpThisVendorText
{
	color: #000;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.mpMaterialCount
{
	color: #FFA800;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: lowercase;	
}

.mpMaterialCountSmall
{
	color: #FFA800;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: lowercase;	
}

.mpMaterialText
{
	color: #000;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;	
}


.mpMaterialTextSmall
{
	color: #000;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;	
}

.mpBrandText
{
	color: #5A5A5A;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: lowercase;
}


.mpViewAllText
{
	color: #484848;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration-line: underline;
	text-transform: capitalize;
}

.mpCategoryBox
{
	border-radius: 3px;
	border: 1px solid #EBF6FF;
	background: #FFF;
	flex-shrink: 0;
	padding: 2px 2px 2px 2px;
}

.mpCategoryOuter
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.mpCategoryName
{
	color: #000;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.mpFolderName
{
	color: #646464;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.mpBrandNameNoBottomPadding
{
	color: #144CDC;
	font-family: Roboto;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;	
	padding-left: 3px;
}

.mpBrandName
{
	color: #144CDC;
	font-family: Roboto;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding-bottom: 2px;
	padding-left: 3px;
}

.mpAppName
{
	font-family: Roboto;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding-bottom: 2px;
	padding-left: 3px;
}

.mpCatalogueCount
{
	color: #3389DD;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/*padding-left: 4px;*/
}

.mpMoreBrandsBox
{
	border-radius: 2px;
	border: 1px solid #D9D9D9;
	background: #FFF;
	width: 90px;
	height: 17px;
	flex-shrink: 0;
	cursor: pointer;
}

.mpMoreBrandsText
{
	color: #000;
	font-family: Roboto;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.mpLocation{
	background-image: url(images/mpLocation.svg);
	background-repeat: no-repeat;
	height: 12px;
	width: 8.5px;
	text-decoration: none;
	background-size: 8.5px 12px;	
}

.mpReg{
	background-image: url(images/mpReg.svg);
	background-repeat: no-repeat;
	height: 17px;
	width: 18px;
	text-decoration: none;
	background-size: 18px 17px;	
}

.mpContact{
	background-image: url(images/mpContact.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	text-decoration: none;
	background-size: 14px 14px;	
}

.mpPhone{
	background-image: url(images/mpPhone.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	text-decoration: none;
	background-size: 14px 14px;	
}

.mpEmail{
	background-image: url(images/mpEmail.svg);
	background-repeat: no-repeat;
	height: 16px;
	width: 18px;
	text-decoration: none;
	background-size: 16px 18px;	
}

.mpTurnover{
	background-image: url(images/mpTurnover.png);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	text-decoration: none;
	background-size: 14px 14px;	
}

.mpBottomFont
{
	color: #000;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	height: 12px;
	line-height: 12px;
	vertical-align: bottom;
}

.mpVendorCountTotal
{
	color: #8E8E8E;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.mpVendorCountDisplay
{
	color: #252525;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.mpCatalogueBrandheader
{
	color: #565656;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.mpCatalogueApplications
{
	border-radius: 2px;
	background: #FFD992;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-right: 10px;
	color: #1D1D1D;
	font-family: Roboto;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 13.75px */
	
}

.mpMenuUnselected
{
	color: #4D4D4D;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	cursor: pointer;
	padding-left: 8px;
}

.mpMenuUnselected:hover
{
	background: #FFF8EB;
	color: #000;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	border-bottom: 1px solid #FAA301;
	cursor: pointer;
}

.mpMenuSelected
{
	background: #FFF8EB;
	color: #000;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	border-bottom: 1px solid #FAA301;
	padding-left: 8px;
}

.mpMenuMarketPlaceText
{
	color: #FAA300;
	font-family: CooperHewitt-Medium;
	font-size: 20px;
	font-style: normal;
	font-weight: 711;
	line-height: normal;
}

.mpPopupHeaderBackground
{
	background: #252323;
	width:100%;
	height:26px;
	padding-left: 4px;
	vertical-align: middle;
	line-height: 26px;
	padding-top: 5px;
}

.mpPopupHeader
{
	
	color: #FFF;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.mppopupContainer
{
	border-bottom: 1px solid #D9D9D9;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100%;
}

.mpApplicationsMore
{
	border-radius: 2px;
	background: #000;
	height:12px;
	padding-left: 4px;
	padding-right: 4px;	
	color: #FFF;
	font-family: Roboto;
	font-size: 9px;
	font-style: normal;
	font-weight: 400;
	cursor: pointer;	
}

.vendorActionButton{
	display: flex;
	width: 108px;
	height: 32px;
	padding-left:4px;
	border-radius: 3px;
	background: #EBEBEB;
	margin-right: 6px;
}

.vendorActionButtonAddToVendor{
	display: flex;
	width: 132px;
	height: 32px;
	padding-left:4px;
	border-radius: 3px;
	background: #EBEBEB;
}

.vendorActionButtonChat{
	display: flex;
	width: 132px;
	height: 32px;
	padding-left:4px;
	border-radius: 3px;
	background: #EBEBEB;
	margin-right: 6px;
}

.vendorActionButtonRating{
	display: flex;
	width: 94px;
	height: 32px;
	padding-left:4px;
	padding-top: 2px;
	border-radius: 3px;
	background: #EBEBEB;
	margin-right: 6px;
}

.vendorActionNoRating
{
	color: #0B0B0B;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.vendorActionButtonTopText
{
	color: #8F8F8F;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-top: 5px;
}

.vendorActionButtonComingSoon
{
	color: #FC8368;
	font-family: Roboto;
	font-size: 7px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 2.24px;
}

.waIcon
{
	background-image: url(images/Whatsapp.svg);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	text-decoration: none;
	background-size: 20px 20px;
}

.ph_starIcon
{
	background-image: url(images/ph_star.svg);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	text-decoration: none;
	background-size: 16px 16px;
}

.Prices_coming_soon
{
	background-image: url(images/Prices_coming_soon.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 80px;
	text-decoration: none;
	background-size: 80%;
}
.Promasch_verified
{
	background-image: url(images/Promasch_verified.svg);
	background-repeat: no-repeat;
	height: 20px;
	width: 120px;
	text-decoration: none;
	background-size: 100%;
}

.byPromasch
{
	background-image: url(images/by_promasch.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 90px;
	text-decoration: none;
	background-size: 100%;	
}

.minimizeButton
{
	width: 110px;
	height: 34px;
	border-radius: 4px;
	border: 1px solid #4B004B;
	background: #FFFCFF;
	margin-right: 12px;
	cursor: pointer;
}

.miniMizeButtonText
{
	color: #000;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
	padding-left: 5px;
}

.marketplacePin
{
	background-image: url(images/Marketplace_Pin.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	background-size: 100%;		
}

.mpPinMainScreen
{
	background-image: url(images/mpPinMainScreen.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	background-size: 75%;	
	background-position: center;
	background-color:  #FFC04A;
}

.mpPinMainScreenCell
{
	border-radius: 4px;
	background-color: #2D281C;
	cursor: pointer;
	border-right: 1px solid white;
}