/*The application reads this css, then when you
publish the application it creates another css in the
asset folder on the website.  So don't make changes to this CSS unless you copy them from the assets/css file.*/  



.ui-combobox
{
	appearance: none;
	webkit-appearance: none;
	moz-appearance: none;
	ms-appearance: none;
	webkit-user-select: none;
	color: #FFFFFF;
	text-align: center;
	background-color: #000000;
	border-radius: 6px;
	border: .5px solid #666666;
	/*font-size: 24px; Try the below or can use this size*/
	font-size: 1.2vw;
}	


.ui-combobox option
{
	appearance: none;
	webkit-appearance: none;
	moz-appearance: none;
	ms-appearance: none;
	webkit-user-select: none;	
	color: #000000;	
	background-color: #D4D4D4;
	/*font-size: 20px;*/
	font-size: 1.2vw;
}


.ui-textinput
{
	appearance: none;
	webkit-appearance: none;
	moz-appearance: none;
	ms-appearance: none;
	webkit-user-select: none;	
	color: #FFFFFF;	
	text-align: left;
	text-indent: 7px;
	background-color: #000000;	
	border-radius: 6px;
	border: .5px solid #666666;
	/*font-size: 24px;*/
	font-size: 1.2vw;
}
 
#xusername,
#xpassword,
#pp_budget,
#apt_budget,
#muc_budget,
#mmc_budget,
#mhocf_budget,
#pp_house1,
#apt_house1,
#muc_house1,
#mmc_house1,
#mhocf_house1,
#pp_house2,
#apt_house2,
#muc_house2,
#mmc_house2,
#mhocf_house2,
#pp_house3,
#apt_house3,
#muc_house3,
#mmc_house3,
#mhocf_house3,
#pp_house4,
#apt_house4,
#muc_house4,
#mmc_house4,
#mhocf_house4,
#pp_house5,
#apt_house5,
#muc_house5,
#mmc_house5,
#mhocf_house5
{
	text-indent: 0px;
	text-align: center;
}


#inputcriteria1,
#subcr1_1,
#subcr1_2,
#subcr1_3,
#subcr1_4,
#subcr1_5,
#c1a1,
#c1a2,
#c1a3,
#c1a4,
#c1a5,
#c1b1,
#c1b2,
#c1b3,
#c1b4,
#c1b5,
#c1c1,
#c1c2,
#c1c3,
#c1c4,
#c1c5,
#c1d1,
#c1d2,
#c1d3,
#c1d4,
#c1d5,
#c1e1,
#c1e2,
#c1e3,
#c1e4,
#c1e5
{
	background-color: #999999;	
}