/* ==========================================================================
   config_base.css - the parts of the old stylesheets still used by the div pages
   (system_configuration.php, quotelist.php). Built from, in this order:
   configquoteall.css, configquotedesktop.css, selectlistdesktop.css, configquotemobile.css, msgbox.css
   Load this before config_layout.css. The old files stay for live until it gets the div pages.
   ========================================================================== */

/* ---- from configquoteall.css ------------------------------------------------ */
.cursor1 {
	cursor: pointer;
}
#page1,
#tablequote1 {
	margin-left: auto;
	margin-right: auto;
}
.body {
	font-family: Arial;
	color: Black;
	font-size: 14px;
	background-color: #FFFFFF;
	align: center;
}
.reloadpanel1 {
	display:none;
	position:absolute;
	width:100vw;
	height:1000px;
	z-index:110;
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF;
	top: 14px;
	color: #304ddb;
	font-family: "Roboto", sans-serif;
	font-size: 26px;
	height: 40px;
	font-weight: 500;
	text-align: center;
}
.editfields1 {
	color: #304ddb;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 14px;
}
#sectionheadoptional,
#sectionheadarray {
	color: black;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	height: 40px;
	font-weight: 500;
}
.helpfont1 {
	font-size: 14px;
	color: #304ddb;
	font-weight: bold;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	height: 40px;
	font-weight: 500;
}
.helpfont2 {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 400;
}
.helpfont3 {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
}
.closehelp {
	letter-spacing: 1px;
	text-align: right;
	font-size: 12px;
	font-colour: black;
	font-weight: 500;
}
.font12b {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 400;
}
.textred1 {
	font-size: 12px;
	color: #4040ff;
}
.textdisc1 {
	font-family: "Roboto", sans-serif;
	font-size: 11px;
	font-weight: 400;
	text-align: justify;
}
.textquote {
	width: 40px;
	height: 28px;
	padding: 2px 4px;
	font-size: 14px;
	align: center;
	line-height: 1.42857143;
	color: #404040;
	background-color: #f0f2ff;
	background-image: none;
	border: 2px solid #4040ff;
	border-radius: 0px;
}
.textquote2 {
	width: 60px;
	height: 28px;
	padding: 2px 4px;
	font-size: 14px;
	align: center;
	line-height: 1.42857143;
	color: #404040;
	background-color: #f0f2ff;
	background-image: none;
	border: 2px solid #4040ff;
	border-radius: 0px;
}

/* ---- from configquotedesktop.css -------------------------------------------- */
@media only screen and (min-width: 600px) {
	#sectionheadcontext {
		color: #304ddb;
		font-family: "Roboto", sans-serif;
		font-size: 26px;
		height: 40px;
		font-weight: 500;
	}
	#sectionheadpanels,
	#sectionheadsystems,
	#sectionheadinverters,
	#OptimiserAcc {
		color: #304ddb;
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 26px;
		height: 60px;
	}
	.reloadpanel1 {
		display:none;
		position:absolute;
		width:1000px;
		height:1000px;
		z-index:110;
		background-color: #FFFFFF;
		layer-background-color: #FFFFFF;
	}
	.helppanel {
		border: 2px solid #304ddb;
		border-radius: 10px;
		display: none;
		position:relative;
		z-index:101;
		width: 300px;
		left: 830px;
		top: 57px;
		background-color: #FFFFFF;
	}
	.helppanel1 {
		border: 2px solid #304ddb;
		border-radius: 10px;
		display: none;
		position:absolute;
		z-index:101;
		width: 300px;
		left: 0px;
		top: 0px;
		background-color: #FFFFFF;
		padding: 6px;
	}
	.closehelp2 {
		letter-spacing: 1px;
		text-align: center;
		font-size: 12px;
		font-colour: black;
		font-weight: 500;
	}
	#sectionheadsquote1,
	#sectionheadsquote3,
	#sectionheadsquote4 {
		color: #304ddb;
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 30px;
		height: 60px;
	}
	#sectionheadsquote2 {
		color: #304ddb;
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 30px;
		height: 50px;
	}
	.under1 {
		text-decoration: underline;
		padding-right: 0px;
		cursor: pointer;
		border: 0px;
	}
	.Label2 {
		font-family: "Roboto", sans-serif;
		font-size: 14px;
		font-weight: 500;
	}
	.dropdown50 {
		border: 0px none;
		border-radius: 10px;
		background-color: #f0f2ff;
		height: 30px;
		width: 455px;
		padding-left: 10px;
		font-family: "Roboto", sans-serif;
		font-size: 16px;
		font-weight: 400;
	}
	.RoofPics1 {
		position:relative;
		width: 475px;
		vertical-align: top;
		text-align: left;
	}
	.scroll-frame {
		width: 940px;
		maxHeight: 500px;
		overflow: auto;
	}
	.inner-content {
		width: 930px;
	}
	.gotodisplay1 {
		border: 0px;
		display: none;
		position:absolute;
		z-index:101;
		width: 0px;
		height: 0px;
		text-align: center;
	}
	.Page3layer1 {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height:100%;
		left: 0px;
		top: 0px;
		position: absolute;
		z-index:101;
	}
	.closegoback2 {
		font-family: "Roboto", sans-serif;
		font-size: 18px;
		font-weight: 500;
		border: 0px none;
		border-radius: 10px;
		background-color: e0e0e0;
		height: 30px;
		text-align: center;
		width: 160px;
		cursor: pointer;
		padding-top: 8px;
	}
	.pagelayer1 {
		display: flex;
		border: 2px solid #304ddb;
		background-color: #FFFFFF;
		align-items: center;
		position:absolute;
		height: 775px;
		z-index:200;
		top: 65px;
		padding: 20px;
		width: 450px;
	}
	.disclayer1 {
		display: flex;
		background-color: #172464;
		align-items: center;
		text-align: center;
		z-index:200;
		top: 0px;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 10px;
		padding-bottom: 30px;
		width: 325px;
		font-family: "Roboto", sans-serif;
		font-weight: 340;
		font-size: 20px;
		color: #FFFFFF;
		line-height: 32px;
		height: 110px;
	}
	.dischead {
		font-family: "Roboto", sans-serif;
		font-weight: 400;
		font-size: 24px;
		color: #32f675;
	}
	.discamount {
		font-family: "Roboto", sans-serif;
		font-weight: 600;
		font-size: 20px;
	}
	.tclink {
		font-family: "Roboto", sans-serif;
		font-weight: 300;
		font-size: 20px;
		text-align: center;
		color: white;
	}
	.copyto1 {
		font-family: "Roboto", sans-serif;
		font-weight: 300;
		font-size: 12px;
		color: white;
		text-decoration: underline;
		cursor: pointer;
	}
	.discinput {
		font-family: "Roboto", sans-serif;
		font-weight: 600;
		font-size: 20px;
		background-color: #FFFFFF;
		align-items: center;
		text-align: center;
		color: black;
		width: 130px;
	}
	.page3boxes {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width:425px;
	}
	.textBlkLg0 {
		font-family: "Roboto", sans-serif;
		font-size: 24px;
		font-weight: 600;
		text-align: center;
	}
	.textBlkLg2 {
		font-family: "Roboto", sans-serif;
		font-size: 24px;
		font-weight: 400;
		text-align: left;
		width:300px;
		padding-left: 75px;
	}
	.confP3 {
		font-family: "Roboto", sans-serif;
		font-size: 18px;
		font-weight: 500;
		border: 0px none;
		border-radius: 10px;
		background-color: #32f675;
		height: 30px;
		text-align: center;
		width: 320px;
		cursor: pointer;
		padding-top: 8px;
		color: 142553;
	}
	.totaltexts1 {
		color: #304ddb;
		font-family: "Roboto", sans-serif;
		font-weight: 400;
		font-size: 14px;
		height: 15px;
	}
	.showallbatt {
		text-decoration: underline;
		font-family: "Roboto", sans-serif;
		font-size: 14px;
		font-weight: 400;
		cursor: pointer;
		text-align: right;
		width: 100%;
	}
	.tdarray {
		margin: auto;
		padding: 1px;
		border: 0px none;
		align: left;
		vertical-align: text-top;
		border-bottom: 1px white;
		border-right: 1px white;
	}
	.tdarraysf {
		margin: auto;
		padding: 1px;
		border: 0px none;
		align: left;
		vertical-align: text-top;
		border-bottom: 1px white;
		border-bottom: 1px white;
		border-right: 1px white;
		padding-bottom: 30px;
	}
	.tdarraysfh {
		margin: auto;
		padding: 0px;
		align: left;
		vertical-align: text-top;
		border-bottom: 1px white;
		padding-bottom: 30px;
		border-bottom: 1px white;
		border-right: 1px white;
		padding-right: 10px solid #304ddb;
	}
	.tdarraysfv {
		margin: auto;
		padding: 0px;
		border-collapse: collapse;
		border: 0px none;
		border-bottom: 1px white;
		border-right: 1px white;
		align: left;
		vertical-align: text-top;
		padding-bottom: 40px;
	}
	.tdarrayv {
		margin: auto;
		padding: 0px;
		align: left;
		border-bottom: 10px solid #304ddb;
		border-right: 1px solid white;
		vertical-align: text-top;
		padding-bottom: 1px;
	}
	.tdarrayh {
		margin: auto;
		padding: 0px;
		border-bottom: 1px white;
		border-right: 10px solid #304ddb;
		align: left;
		vertical-align: text-top;
		padding-right: 1px;
	}
	.tdarrayhv {
		margin: auto;
		padding: 0px;
		align: left;
		vertical-align: text-top;
		border-bottom: 10px solid #304ddb;
		border-right: 10px solid #304ddb;
		padding-bottom: 0px;
		padding-right: 1px;
	}
}

/* ---- from selectlistdesktop.css --------------------------------------------- */
@media only screen and (min-width: 600px) {
	body {
		font-family: Arial, sans-serif;
	}
	.custom-option {
		display: flex;
		align-items: center;
		padding: 5px;
		cursor: pointer;
	}
	.custom-option:hover {
	}
	.custom-option img {
		width: 100px;
		height: 100px;
		margin-right: 10px;
		border: 2px solid #ccc;
	}
	.custom-option .title {
		font-size: 18px;
		font-weight: bold;
		color: #4040ff;
	}
	.custom-option .panelprice1 {
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 24px;
		color: #666;
		padding-top: 5px;
	}
	.custom-option .panelpw1 {
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 18px;
		color: #666;
		padding-top: 7px;
	}
	.custom-option .paneldetails1 {
		font-size: 11px;
		color: #666;
		font-weight: bold;
		padding-top: 4px;
		padding-bottom: 3px;
	}
	.custom-option .panelstock1 {
		margin-top: 5px;
		margin-bottom: 3px;
		border: 0px;
		text-align: right;
		border: 2px solid #ccc;
		width: 200px;
		padding: 5px;
	}
	.custom-option .panelstock1a {
		font-family: "Roboto", sans-serif;
		font-weight: 600;
		font-size: 12px;
		color: #808080;
		padding-bottom: 35px;
		text-align: right;
		padding-top: 0px;
		padding-right: 5px;
	}
	.custom-option .panelstock1b {
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 15px;
		color: #009a71;
		text-align: right;
		padding-right: 5px;
		padding-bottom: 3px;
	}
	.custom-option .panelstock1c {
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 15px;
		color: #666;
		padding-bottom: 0px;
		text-align: right;
		padding-right: 5px;
	}
	#paneldisplayrow {
		display: none;
		position: relative;
	}
}

/* ---- from configquotemobile.css --------------------------------------------- */
@media screen and (max-width: 600px) {
	.gotodisplay1 {
		border: 0px;
		display: none;
		position:absolute;
		z-index:101;
		width: 0px;
		height: 0px;
		left: 0px;
		top: 0px;
	}
	#sectionheadcontext {
		color: #304ddb;
		font-family: "Roboto", sans-serif;
		font-size: 26px;
		height: 32px;
		font-weight: 500;
	}
	#sectionheadpanels,
	#sectionheadsystems,
	#sectionheadinverters,
	#OptimiserAcc {
		color: #304ddb;
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 26px;
		height: 32px;
	}
	#sectionheadcontext {
		color: #304ddb;
		font-family: "Roboto", sans-serif;
		font-size: 26px;
		height: 40px;
		font-weight: 500;
	}
	#sectionheadpanels,
	#sectionheadsystems,
	#sectionheadinverters {
		color: #304ddb;
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 26px;
		height: 40px;
	}
	#sectionheadoptional,
	#sectionheadarray {
		color: black;
		font-family: "Roboto", sans-serif;
		font-size: 14px;
		height: 20px;
		font-weight: 500;
	}
	#sectionheadsquote1,
	#sectionheadsquote3,
	#sectionheadsquote4 {
		color: #304ddb;
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 20px;
		height: 15px;
	}
	#sectionheadsquote2 {
		color: #304ddb;
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 20px;
		height: 30px;
	}
	.under1 {
		text-align: center;
		decoration: underline;
		padding-right: 4px;
		cursor: pointer;
	}
	.Label2 {
		font-family: "Roboto", sans-serif;
		font-size: 14px;
		font-weight: 500;
		font-style: medium;
		text-align: center;
		width: 90vw;
	}
	.dropdown50 {
		border: 0px none;
		border-radius: 10px;
		background-color: #f0f2ff;
		height: 30px;
		width: 90vw;
		padding-left: 10px;
		font-family: "Roboto", sans-serif;
		font-size: 16px;
		font-weight: 400;
		font-style: medium;
		text-align: center;
	}
	.RoofPics1 {
		width: 90vw;
		position:relative;
		height: 50px;
		vertical-align: middle;
	}
	.reloadpanel1 {
		display:none;
		position:absolute;
		width:100%;
		height:1000px;
		z-index:110;
		background-color: #FFFFFF;
		layer-background-color: #FFFFFF;
	}
	.custom-option .title {
		font-size: 16px;
		font-weight: bold;
		color: #4040ff;
	}
	.custom-option .panelprice1 {
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 20px;
		color: #666;
		padding-top: 5px;
	}
	.custom-option .panelpw1 {
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 18px;
		color: #666;
		padding-top: 7px;
	}
	.custom-option .paneldetails1 {
		font-size: 11px;
		color: #666;
		font-weight: bold;
		padding-top: 4px;
		padding-bottom: 3px;
	}
	.custom-option .panelstock1 {
		margin-top: 5px;
		margin-bottom: 3px;
		border: 0px;
		align: right;
		border: 2px solid #ccc;
	}
	.custom-option .panelstock1a {
		font-family: "Roboto", sans-serif;
		font-weight: 600;
		font-size: 12px;
		color: #808080;
		text-align: center;
		padding-top: 0px;
		padding-right: 5px;
		padding-bottom: 10px;
	}
	.custom-option .panelstock1b {
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 15px;
		color: #009a71;
		text-align: center;
		padding-right: 5px;
		padding-bottom: 3px;
	}
	.custom-option .panelstock1c {
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 15px;
		color: #666;
		padding-bottom: 0px;
		text-align: center;
		padding-right: 5px;
	}
	.scroll-frame {
		maxHeight: 500px;
	}
	.inner-content {
	}
	.closegoback2 {
		font-family: "Roboto", sans-serif;
		font-size: 18px;
		font-weight: 500;
		border: 0px none;
		border-radius: 10px;
		background-color: e0e0e0;
		height: 30px;
		text-align: center;
		width: 90vw;
		cursor: pointer;
		padding-top: 8px;
	}
	.pagelayer1 {
		display: flex;
		background-color: #FFFFFF;
		align-items: center;
		position:absolute;
		min-height:700px;
		z-index:200;
		top: 20px;
		width: 90vw;
	}
	.disclayer1 {
		display: flex;
		background-color: #172464;
		align-items: center;
		text-align: center;
		z-index:200;
		top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		width: 90vw;
		font-family: "Roboto", sans-serif;
		font-weight: 340;
		font-size: 16px;
		color: #FFFFFF;
		line-height: 32px;
		height: 110px;
	}
	.dischead {
		font-family: "Roboto", sans-serif;
		font-weight: 400;
		font-size: 18px;
		color: #32f675;
	}
	.discamount {
		font-family: "Roboto", sans-serif;
		font-weight: 450;
		font-size: 16px;
	}
	.tclink {
		font-family: "Roboto", sans-serif;
		font-weight: 300;
		font-size: 16px;
		text-align: center;
		color: white;
	}
	.copyto1 {
		font-family: "Roboto", sans-serif;
		font-weight: 300;
		font-size: 12px;
		color: white;
		text-decoration: underline;
		cursor: pointer;
	}
	.discinput {
		font-family: "Roboto", sans-serif;
		font-weight: 450;
		font-size: 16px;
		background-color: #FFFFFF;
		align-items: center;
		text-align: center;
		color: black;
		width: 175px;
		height: 40px;
	}
	.page3boxes {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width:90vw;
	}
	.textBlkLg0 {
		font-family: "Roboto", sans-serif;
		font-size: 24px;
		font-weight: 600;
		text-align: center;
	}
	.textBlkLg2 {
		font-family: "Roboto", sans-serif;
		font-size: 24px;
		font-weight: 400;
		text-align: left;
		width:90vw;
		padding-left: 10px;
	}
	.confP3 {
		font-family: "Roboto", sans-serif;
		font-size: 18px;
		font-weight: 500;
		border: 0px none;
		border-radius: 10px;
		background-color: #32f675;
		height: 30px;
		text-align: center;
		width: 90vw;
		cursor: pointer;
		padding-top: 8px;
		color: 142553;
	}
	.totaltexts1 {
		color: #304ddb;
		font-family: "Roboto", sans-serif;
		font-weight: 400;
		font-size: 12px;
		height: 28px;
	}
	.helppanel {
		border: 2px solid #304ddb;
		border-radius: 10px;
		display: none;
		position:absolute;
		z-index:201;
		width: 90vw;
		left: 0px;
		top:0px;
		background-color: #FFFFFF;
	}
	.helppanel1 {
		border: 2px solid #304ddb;
		border-radius: 10px;
		display: none;
		position:absolute;
		z-index:101;
		width: 90vw;
		left: 0px;
		top: 0px;
		background-color: #FFFFFF;
		padding: 6px;
	}
	.closehelp2 {
		letter-spacing: 1px;
		text-align: center;
		width:90vw;
		font-size: 12px;
		font-colour: black;
		font-weight: 500;
	}
	.showallbatt {
		text-decoration: underline;
		font-family: "Roboto", sans-serif;
		font-size: 14px;
		font-weight: 400;
		cursor: pointer;
	}
	.tdarray {
		margin: auto;
		padding: 1px;
		border: 0px none;
		align: left;
		vertical-align: text-align: center;
		top;
		border-bottom: 1px white;
		border-right: 1px white;
	}
	.tdarraysf {
		margin: auto;
		padding: 1px;
		border: 0px none;
		align: left;
		vertical-align: text-align: center;
		top;
		border-bottom: 1px white;
		border-bottom: 1px white;
		border-right: 1px white;
		padding-bottom: 30px;
	}
	.tdarraysfh {
		margin: auto;
		padding: 0px;
		align: left;
		vertical-align: text-align: center;
		top;
		border-bottom: 1px white;
		padding-bottom: 30px;
		border-bottom: 1px white;
		border-right: 1px white;
		padding-right: 10px solid #304ddb;
	}
	.tdarraysfv {
		margin: auto;
		padding: 0px;
		border-collapse: collapse;
		border: 0px none;
		border-bottom: 1px white;
		border-right: 1px white;
		align: left;
		vertical-align: text-align: center;
		top;
		padding-bottom: 40px;
	}
	.tdarrayv {
		margin: auto;
		padding: 0px;
		align: left;
		border-bottom: 10px solid #304ddb;
		border-right: 1px solid white;
		vertical-align: text-align: center;
		top;
		padding-bottom: 1px;
	}
	.tdarrayh {
		margin: auto;
		padding: 0px;
		border-bottom: 1px white;
		border-right: 10px solid #304ddb;
		align: left;
		vertical-align: text-align: center;
		top;
		padding-right: 1px;
	}
	.tdarrayhv {
		margin: auto;
		padding: 0px;
		align: left;
		vertical-align: text-align: center;
		top;
		border-bottom: 10px solid #304ddb;
		border-right: 10px solid #304ddb;
		padding-bottom: 0px;
		padding-right: 1px;
	}
}

/* ---- from msgbox.css -------------------------------------------------------- */
#customAlertOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(209, 236, 241, 0.5);
	justify-content: center;
	align-items: center;
	z-index: 99999;
}
#customQuoteBox,
#Intro1 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	min-width: 300px;
	max-width: 500px;
	background: #fff;
	border: 2px solid #304ddb;
	border-radius: 8px;
	padding: 20px;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-family: Arial, sans-serif;
}
#customQuoteMessage,
#Introfont1 {
	font-size: 14pt;
	font-color: #304ddb;
	color: #304ddb;
	font-family: Arial, sans-serif;
	font-weight: 700;
}
#customAlertBox {
	min-width: 300px;
	max-width: 500px;
	background: #fff;
	border: 2px solid #304ddb;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-family: Arial, sans-serif;
}
#customResetOverlay,
#customQuoteOverlay,
#customConfirmOverlay2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(209, 236, 241, 0.5);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}
#customResetBox,
#customConfirmBox2 {
	background: #fff;
	padding: 20px 25px;
	border: 2px solid #304ddb;
	border-radius: 10px;
	min-width: 300px;
	max-width: 500px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.25);
	text-align: center;
	font-family: Arial, sans-serif;
}
#customResetMessage,
#customConfirmMessage2 {
	margin-bottom: 20px;
	font-size: 16px;
}
#customAlertButton,
#introButton {
	width: 100px;
}
#introButton,
#customAlertButton,
#customResetOk2,
#customResetCancel2,
#customConfirmOk2,
#customConfirmCancel2 {
	padding: 8px 18px;
	margin: 0 8px;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	font-size: 14px;
}
#introButton,
#customAlertButton,
#customResetOk2,
#customConfirmOk2 {
	background: #304ddb;
	color: white;
}
#customResetCancel2,
#customConfirmCancel2 {
	background: #ccc;
	color: #000;
}