:root {
	--main_textcolor1 : #707070;
	--main_textcolor_grey : #767676;
	--main_text_grey_off : #dfdfdf;
	--grey_color1: #F7F7F7;
	--grey_color2_light: #F7F7F7;
	--opts_border: 1px solid #cccccc;
	--main_color1 : #0272ba;
	--main_color_usersel : #E3EBE8;
	
	
} 
html,body{
	background-color:var(--grey_color1);
	margin:0px;
	padding:0px;
}
form{
	margin:0px;
	padding:0px;
}
body *{
	color:var(--main_textcolor1);
	
}
body{
	margin:30px 0px;
}
h1.mainTitle{
	font-weight:bold;
	font-size:30px;
	line-height:34px;
	margin:32px 0px;
	color:var(--main_color1);
}
h1.mainTitle br{
	display:none;
}
.remark{
	font-size:12px;
	text-align:left;
}
.remark p{
	margin-bottom:10px;
}
div.formPanel{
	width:1200px;
	max-width:calc( 100% - 40px );
	margin:auto;
	background-color:#ffffff;
	padding: 20px 40px;
}
div.flowChart{
	display: grid;
    grid-template-columns: repeat(6, 1fr);
    width: fit-content;
	max-width: calc( 100% - 80px );
	color:var(--main_textcolor_grey);
}
div.flowChart.item4{
	grid-template-columns: repeat(4, 1fr);
}
div.flowChart.item5{
	grid-template-columns: repeat(5, 1fr);
}
div.flowChart .disabled{
	display:none; 
}
div.flowChart > div > div{
	display: grid;
    align-items: center;
    width: 100%;
    text-align: center;
    margin: 10px auto;
    padding: 0px 25px;
    position: relative;
}
div.flowChart .flowRow-Ball > div:before
, div.flowChart .flowRow-Ball > div:after{
	background-color: var(--grey_color1);
    content: '';
    height: 12px;
    width: 50%;
    position: absolute;
    z-index: 0;
}
div.flowChart .flowRow-Ball > div:before{
    left: 0px;
}
div.flowChart .flowRow-Ball > div:after{
    right: 0px;
}
div.flowChart .flowRow-Ball > div.on:before
,div.flowChart .flowRow-Ball > div.on:after
,div.flowChart .flowRow-Ball > div.active:before{
	background-color: var(--main_color1);
}

	
div.flowChart .flowRow-Ball > div.active .ball:after{
	font-size:22px;
}
.grid-row-wrapper {
  display: contents;
}

div.flowChart .ball{
	width: 60px;
    height: 60px;
    border-radius: 50%;
    color:var(--main_text_grey_off);
    background-color: var(--grey_color1);
    margin: auto;
    z-index: 1;
	    background-size: 50%;
	background-position:center center;
	background-repeat:no-repeat;
}
div.flowChart .flowRow-Ball div[data-sName="CONFIRMATION"] .ball{
	background-image:url('/images/step_tick_off.svg');
}
div.flowChart .flowRow-Ball div[data-sName="CONFIRMATION"].on .ball
, div.flowChart .flowRow-Ball div[data-sName="CONFIRMATION"].active .ball{	
	background-image:url('/images/step_tick_on.svg'); 
}
div.flowChart .flowRow-Ball > div.on .ball
,div.flowChart .flowRow-Ball > div.active .ball{
	background-color:var(--main_color1);
	color:#ffffff;
}
div.flowChart .flowRow-Title > div.on
,div.flowChart .flowRow-Title > div.active{
	font-weight:bold;
	color:var(--main_color1);
	
}
/*
div.flowChart .flowRow-Ball > div.active .ball{
	width:60px;
	height:60px;
	    background-color: #f7f7f7;
    color: var(--main_color1);
    border: 5px solid var(--main_color1);
}
*/
div.flowChart .ball:after { 
	content: attr(data-flowno);
    display: inline-grid;
    align-items: center;
    height: 100%;
    width: 100%;
    margin: auto;
    font-weight: bold;
    font-size: 18px;
}
div.flowChart .flowRow-Ball
,div.flowChart .flowRow-Title {
  display: contents;
}
.formPanel .stepPage{
	min-height:400px;
	background-color: var(--grey_color2_light);
	margin-top: 20px;
	padding-bottom:80px;
}
.formPanel .regFooter{
	background-color:var(--main_color1);
	height:50px;
	position:relative;
}
.formPanel .regBackBtn
,.formPanel  .regNextBtn
,.formPanel  .regSubmitBtn{
	position:absolute;
	bottom:10px;
	width:80px;
	height:80px;
	border-radius:50%;
	background-color: var(--grey_color1);
	color:var(--main_text_grey_off);
	border:var(--opts_border);
	font-weight:bold;
	font-size:18px;
	line-height:80px;
	
}
.formPanel  .regSubmitBtn{
	position:static;
}
.formPanel .regBackBtn{
	left:100px;
}
.formPanel .regNextBtn{
	right:100px;
}
.formPanel .regBackBtn:after{
	content:var(--textbtn_prev); 
}
.formPanel .regNextBtn:after{
	content:var(--textbtn_next); 
}
.formPanel .regNextBtn.isSubmit:after{
	content:var(--textbtn_submit); 
}
.formPanel .regBackBtn.on
,.formPanel  .regNextBtn.on
,.formPanel  .regSubmitBtn.on{
	cursor:pointer;
	background-color: var(--main_color1);
}
.formPanel  .regSubmitBtn.on:hover{
	background-color: var(--main_color_usersel);
	color: var(--main_color1);
	border:0px;
}


		.loading{
			background-image:url('/images/loading_square.gif');
			background-repeat:no-repeat;
			width:300px;
			height:300px;
			background-position:center center; 
			position:relative;
		}
		#section-LOADING:before{
			position: absolute;
			content: 'Processing. Please Wait.';
			/* padding-top: 170px; */
			color: var(--main_color1);
			font-weight: bold;
			left: 0px;
			top: auto;
			bottom: 100px;
			right: 0px;
			display: block;
			margin: auto;
		}
.boxes{
		display:grid;
	}
	.stepContent{
		width: 800px;
		max-width:calc( 100% - 20px );
		padding: 40px 0px;
		margin: auto;
	}
	.stepContent.enlarge{
		width:1000px;
	} 
	.stepContent .quest{
		margin-bottom:40px;
		text-align:left;
		font-size:0.8em;
	}
	.stepContent .qtitle{
		color:var(--main_color1);
		font-size:1.2em;
		line-height:28px;
		margin-bottom:10px;
	}
	.stepContent .qtitle b{
		color:inherit;
	}
	.stepContent .qdesc{
		margin-bottom:10px;
		font-size:14px;
		line-height:18px;
	}
	.stepContent .boxes{
		display:grid;
		grid-gap:30px; 

	}
	.stepContent .boxes.items-2{
		grid-template-columns: calc( 50% - 15px )  calc( 50% - 15px );
	}
	.stepContent .boxes.items-3{
		grid-template-columns: calc( 33% - 20px )  calc( 33% - 20px )  calc( 33% - 20px );
	}
	.stepContent .boxes > div{
		border: 1px solid #cccccc;
		background-color: #ffffff;
		padding: 0px;
		text-align: center;
		position:relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	/*
	.stepContent .boxes.checkbox-grid > div{
		border:0px;
	}
	*/
	.stepContent .boxes.checkbox-grid{
		/*background-color: #cccccc;
		grid-gap: 1px !important;
		*/
		grid-gap: 2px !important;
		grid-template-columns: calc( 50% - 1px ) calc( 50% - 1px );
	}
	.stepContent .boxes.checkbox-grid.items-1{
		grid-template-columns: 100%;
	}
	.stepContent .boxes.checkbox-grid.items-3{
		grid-template-columns: calc( 33% - 1px ) calc( 33% - 1px ) calc( 34% );
	}
	.stepContent .boxes.checkbox-grid.items-4{
		grid-template-columns: calc( 25% - 1px ) calc( 25% - 1px ) calc( 25% - 1px ) calc( 25% - 1px ) ;
	}
	.stepContent .boxes label{
		border:0px; 
		padding: 10px;
		cursor:pointer;
		z-index:2;
	}
	.stepContent .boxes > div > div{
		margin:auto;
	}
	.stepContent .boxes > div:hover
	, .stepContent .rowselect .qitem:hover
	{
		border: 1px solid var(--main_color1);
	}
	.stepContent .boxes:not(.onoffbox) div.on
	, .stepContent .rowselect .qitem.on
	{ 
		border: 2px solid var(--main_color1);
		background-color: var(--main_color_usersel );
	}
	.stepContent .boxes div.on .distext
	, .stepContent .rowselect .qitem.on .distext{
		color:#000000;
	}
	.stepContent .boxes div.on:after{
		content :'';
		width:25px;
		height:25px;
		position:absolute;
		top:10px;
		right:10px;
		background-image:url('/images/step_tick_on.svg'); 
		background-color:var(--main_color1);
		border-radius:50%;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:50%;
		z-index:1;
	}
	.LHS .boxes div.on:after{
		display:none;
	}
	.stepContent .boxes.checkbox-grid div.on:after
	,.stepContent .boxes.checkbox-item div.on:after{
		border-radius:0px;
	}
	.qitem.full > div:before{
					content : 'FULL';
					color:#d38181;
					font-size:14px;
					display:block;
					margin-bottom:5px;
				}
	.boxes B{
		color:var(--main_color1);
		font-size:20px;
		font-weight:bold;
		display:block;
	}
	.rowselect{
		display:grid;
		grid-template-columns: 100%;
		grid-gap:10px;
		
	}
				.rowselect .qitem{
					border: var(--opts_border);
					background-color:#ffffff;
					padding:0px;
					cursor:pointer;
					display:grid;
					grid-template-columns: 100%;
					grid-gap:10px;
				}
				.rowselect .qitem label{
					padding:10px 15px;
					    display: block;
						cursor:pointer;
				}
				/*
				.rowselect .qitem .opttitle:before{
					content: '';
					width: 25px;
					height: 25px;
					background-color: #f6f6f6;
					display: inline-block;
					border-radius: 50%;
					background-image: url(/images/step_tick_on.svg);
					background-size: 15px;
					background-position: center;
					background-repeat: no-repeat;
					vertical-align: middle;
					margin-right: 10px;
				}
				.rowselect .qitem.on .opttitle:before{
					background-color: var(--main_color1);
				}
				*/
				.optvals{
					cursor: default;
					font-size:14px;
				}
				.rowselect .qitem:not(.on) .optvals{
					display:none;
				}
				.rowselect .qitem.on .optvals{
					display:block;
					    display: grid !important;
						    grid-template-columns: calc( 50% - 1px ) calc( 50% - 1px );
							grid-gap: 2px;
				}
				
				.qitem .chkradINPUT,.qitem  .chkcboxINPUT, .product_level2{
					    visibility: hidden;
						position: absolute;
						left: -1px;
						width: 1px;
						height: 1px;
						top: -1px;
				}
				
				.optvals input[type=text]{
					border:0px;
					width:100%;
					font-size:14px;
					line-height:22px;
					height:22px;
					margin-left:5px;
					padding:0px 5px;
				}
				.optvals .valq-item{
					background-color: #FFFAEB;
				}
				
				.optvals .txt{
					    display: flex;
						white-space: nowrap;
				}
				.optvals .rad ul{
					padding:0px;
					margin:5px 0px 0px 0px;
					list-style-type:none;
				}
				.optvals .rad ul li{
					display:inline-block;
					margin-right:15px;
				}
				.valq-item ul{
					display:none;
					list-style-type: none;
					margin:10px 5px 10px 20px;
				}
				.valq-item li:hover label,.valq-item li input:checked ~ .distext{
				/*	background-color: #f6e33b;*/
					padding-right: 10px;
				}
				.valq-item li input:checked ~ .checkmark {
				  background-color: #002B4E;
				}
				input.product_level3,input.product_level4{
					position: absolute;
						top: -1px;
						left: -1px;
						visibility: hidden;
						width: 1px;
						height: 1px;
				}
				input.product_level3 ~ span:before
				,input.product_level4 ~ span:before{
					content: '';
					width: 20px;
					height: 20px;
					display: block;
					position: absolute;
					 border:1px solid #666666;
					background-color:#ffffff;
					left: 4px;
					top: 4px;
					border-radius: 5px;
				} 
				input.product_level3 ~ span
				,input.product_level4 ~ span{
					width: 100%;
					display: block;
					padding: 4px 4px 4px 30px;
					
				}
				input.product_level3:checked ~ span 
				, input.product_level4:checked ~ span 
				{
				  background-color: var(--main_color1);
				 color: #ffffff !important;
				}
				input.product_level3:checked ~ span:before
				,input.product_level4:checked ~ span:before{
				  background-color: unset;
				  border-radius: 5px;
					background-image: url(/images/step_tick_on.svg);
					background-size: 13px;
					background-position: center;
					background-repeat: no-repeat;
					border: unset;
				}
				
				.valq-item label{
					/*
					display: grid;
					grid-template-columns: 25px calc(100% - 25px );
					align-items: start;
					cursor:pointer;
					    padding: 4px;
						*/
						    position: relative;
				}
				.valq-item > label input{
					height:20px;
				}
				.stepContent .boxes .qitem.disabled{
					cursor:not-allowed;
				}
					.stepContent .boxes .qitem.disabled *{
						color:#f7f7f7;
					}
					section{
						display:none;
					}
					
	.profileForm{
		display:grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap:10px;
	}
	.profileForm .spanCol{
		grid-column: 1 /  span 4;
	}
	.profileForm .spanCol2{
		grid-column: span 2;
	}
	.profileForm .qtitle{
		margin-bottom:2px;
	}
	.profileForm input,.profileForm select
	,#section-PROGRAMME input[type=text]
	,#section-PROGRAMME select{
		width:100%;
		border: var(--opts_border);
		font-size:16px;
		line-height:36px;
		height:36px;
		padding:0px 5px;
		
	}
	
	#section-PROGRAMME select option{
		 font-style:normal;
	}
	#section-PROGRAMME input::-webkit-input-placeholder
	,#section-PROGRAMME select.unselect{
		color: var(--main_color1);
		font-size:16px;
		font-style:italic;
	}
	#section-PROGRAMME select option:nth-child(1) {
		 color: var(--main_color1);
		 font-style:italic;
	}
	.qitems_LEFT label > div{
		margin: 0px 30px 0px 15px;
		text-align: left;
	}
	/*
	.profileForm .qitem-contact input{
		width:55%;
	}
	.profileForm .qitem-contact input:first-child,.profileForm .qitem-contact input:last-child{
		width:20%;
	}
	*/
	.profileForm input.ct-cty,.profileForm input.ct-area{
		width:calc( 30% - 8px );
	}
	.profileForm input.ct-main{
		width:40%;
	}
	
	select{
		margin-right: 30px;
		background-image: url('/images/select_arrow.svg');
		background-repeat: no-repeat;
		background-position-x: 100%;
		background-position-y: 5px;
	}
	
	.profile-add{
		grid-column: 1 /  span 2;
	}
	.profileForm .qitem.required:not(.emptitle) .qtitle:after{
		content: '*';
		color: #ff0000;
		margin: 0px 5px;
		/* height: 100%; */
		font-size: 12px;
		vertical-align: top;
		/* line-height: 40px; */
		display: inline-block;
	}
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color:#cccccc;
		font-size:14px;
	}
	#section-SUMMARY .sum-list{
		text-align: center;
		display: grid;
		grid-template-columns: 100%;
		grid-gap: 20px;
	}
	#section-SUMMARY > div{
		display: grid;
		grid-template-columns: 100%;
		grid-gap: 20px;
		width: 80%;
		padding-top: 20px;
	}
	#section-SUMMARY .sum-list > div{
		border-bottom:1px solid #cccccc;
		text-align:left;
		padding-bottom:10px;
		overflow: hidden;
	}
	#section-SUMMARY .sum-list div.qtitle{
		font-size:16px;
		font-weight:bold;
		color:var(--main_color1);
	}
	#section-SUMMARY .sum-list div.disTEXT{
		font-size:18px;
		overflow-wrap: break-word;
	}
	#section-SUMMARY .sum-list div.disTEXT br{
		display:inline-block;
	}
	#section-SUMMARY .sum-list div.disTEXT b:after{
		content : ' -';
		
	}
	#section-SUMMARY .sum-list div.disTEXT b{
		margin-right:5px;
		font-weight:normal;
	}
	.summary-part{
		padding: 20px;
		background-color: #ffffff;
		font-size: 16px;
		margin-bottom: 50px;
	}
	.summary-part .tipsbutton{
		display:none;
	}
	#section-SUMMARY h1{
		font-size:22px;
		text-align:left;
		margin-bottom:10px;
		color:var(--main_color1);
	}
	#section-SUMMARY .section-profile .sum-list{
		grid-template-columns: repeat(3, 1fr);
	} 
	.idlist-container{
		    display: grid;
		grid-template-columns: 100%;
		grid-gap: 20px;
	}
	.idlist-container > div{
		display: grid;
		grid-template-columns: calc( 50% - 10px ) calc( 50% - 10px );
		grid-gap: 20px;
	}
	.idlist{
		    font-size:14px;

	}
	.idlist > div{
		margin-bottom:10px;
	}
	.idlist > div > span:first-child{
		  white-space: nowrap;
		  font-style: italic;
    text-decoration: underline;
	}
	.idlist > div > span:first-child:after{
		content : '';
		margin-right:15px;
	}
	.final-info{
		font-size: 16px;
		display: block;
		width: 800px;
		max-width: calc( 100% - 40px );
		margin: auto;
		text-align: left;
		padding-top: 60px;
	}
	.price{
		display: block;
		margin-top: 10px;
		font-size: 0.9em;
		font-weight:bold;
	}
	#section-SUMMARY  input[type="checkbox"]{
		  width: 22px; /*Desired width*/
		  height: 22px; /*Desired height*/
		  vertical-align: top;
		  margin-right:5px;
	}
	#section-SUMMARY .quest{
		text-align: left;
		font-size: 0.9em;
	}
	#section-SUMMARY label{
		display:flex;
	}
	.dialog{
		font-size: 14px;
		height: calc( 100% - 50px ) !important;
		width:400px;
		overflow-y: scroll !important;
	}
	
	
	.txtOTHER{
		margin-top: 10px;
		height: 36px;
		FONT-SIZE: 1em;
		COLOR: #000000;
		background-color: inherit;
		border: 1px solid #666666;
		padding: 0px 10px;
	 
		display:none;
	}
	.txtOTHER::-webkit-input-placeholder{
		color:#666666;
	}
	.qitem.on .txtOTHER{
		display:block;
	}
	.sum-items, .sum-list > div{
		margin-bottom:30px;
		text-align:left;
	}
	.sum-items .multi{
		display:none;
	}
	.sum-items ul{
		margin-left:5px;
		list-style-type:none;
	}
	.summary-part h1{
		text-align: left;
		margin-bottom: 10px;
		line-height: 2em;
		    font-size: 1.2em;
		padding-left: 10px;
		background-color: var(--main_color_usersel);
		position: relative;
	}
	.summary-part h1 input{
		position: absolute;
		right: 10px;
		margin: auto;
		top: 5px;
		bottom: 5px;
		display: block;
		width: 80px;
		background-color: var(--main_color1);
		color: #ffffff;
		border: 0px;
		letter-spacing: 2px;
		cursor: pointer;
	}
	.summary-part h1 input:hover{
		background-color: var(--main_textcolor1);
	}
	.summary-part .disTEXT{
		padding-left:5px;
	}
	.sum-list .qtitle{
		padding-left: 5px;
		margin-bottom: 0px;
		font-weight: bold;
		
	}
	.sum-items ul li{
		    display: grid;
		grid-template-columns: 20px auto;
	}
	.sum-items ul li:before {
		content: '';
		background-image: url(/images/step_tick_on.svg);
		background-color: var(--main_color1);
		background-size: 70%;
		background-repeat: no-repeat;
		background-position: center;
		width: 16px;
		height: 16px;
		display: inline-block;
		margin-top: 4px;
		vertical-align: top;
		margin-right: 5px;
	}
	.subans{
		padding-right: 15px;
		padding-left: 15px;
		border: 1px solid var(--main_color1);
		margin-left: 20px;
		padding-bottom:15px;
		margin-top:5px;
		grid-column: span 2;
	}
	.subans h2{
		text-align: left; 
		font-size: 1em !important;
		color: var(--main_color1);
		border-bottom: 1px solid var(--main_color1);
		margin-bottom: 10px;
	}
	.subans .qtitle{
		min-width: 160px;
		display: inline-block;
		text-align: right;
		margin-right: 5px;
	}
	.summary-part.section-business .sum-list{
		display: grid;
		grid-template-columns: calc( 50% - 5px) calc( 50% - 5px);
		grid-gap: 10px;
	}
	#section-RESULT {
		padding:20px;
	}
	#section-RESULT p{
		font-size:14px;
		margin-bottom:15px;
	}
@media only screen and (max-width:1024px) {
	body{
		font-size: 18px;
	} 
	
	div.flowChart{
		max-width:unset;
	}
	div.flowChart .ball{
		width:50px;
		height:50px; 
	}
	div.flowChart > div > div{
		padding:0px 10px;
	}
	
	div.formPanel{
		      padding: 20px 20px;
	}
	h1.mainTitle {
		font-size: 26px;
		line-height: 30px;
	}
	.stepContent .quest,.stepContent .qtitle {
		 font-size:1em;
	}
}
@media only screen and (max-width:800px) {
	body{
		font-size: 16px;
	} 
	h1.mainTitle {
    font-size: 26px;
    line-height: 30px;
    margin: 15px 0px;
}
	div.flowChart{
		width:100%;
	}
	.flowRow-Title div:not(.active){
		display:none;    
	}
	.flowRow-Title div.active{
		grid-column: 1 / span 6;
		font-size: 1.2em;
	}
	.flowRow-Title div.active br{
		display:none;
	}
	 .profile-bg{
		grid-column: 1 / span 3; 
	}
	.rowselect .qitem{
		    grid-template-columns: 100%;
	}
	#section-SUMMARY .sum-list{
		grid-gap: 10px;
	}
	
	#section-SUMMARY .sum-list div.disTEXT, #section-SUMMARY .sum-list div.qtitle{
		font-size:1em;
		
	}
}
@media only screen and (max-width:600px) {
	.formPanel .stepPage{
		padding-bottom:40px;
	}
	.profile-add, .profile-cty{
			grid-column: 1 / span 3; 
	}
	.profileForm{
		grid-gap: 10px;
		grid-template-columns: 100%;
	}
	.profileForm .qitem{
		grid-column: unset !important;
	}
	.emptitle .qtitle{
		display:none;
	}
	
	#section-SUMMARY > div{
		width: calc(100% - 20px );
		    grid-template-columns: 100%;
	}
	.idlist-container > div{
		  grid-template-columns: 100%;
	}
	#section-SUMMARY .section-profile .sum-list{
		    grid-template-columns: repeat(2, 1fr);
	}
	#section-SUMMARY .sum-list > div{
		grid-column: 1 / span 2;
	}
	#section-SUMMARY .section-profile .sum-list > div:nth-child(2),#section-SUMMARY .section-profile  .sum-list > div:nth-child(3){
		grid-column: unset;
	}
}
@media only screen and (max-width:480px) {
	body{
		margin-top:0px;
	}
	h1.mainTitle br{
		display:block;
	}
	.stepContent{
		max-width: calc( 100% - 30px );
		padding: 20px 0px;
	}
	.stepContent .boxes.checkbox-grid.items-3{
		grid-template-columns: calc( 50% - 1px ) calc( 50% - 1px );
	}
	.stepContent .boxes.items-3 {
		grid-template-columns: calc( 50% - 5px ) calc( 50% - 5px );
	}
	.stepContent .boxes.items-2{
		grid-template-columns: calc( 50% - 5px ) calc( 50% - 5px );
	}
	.stepContent .boxes{
		grid-gap:10px;
	}
	div.flowChart .ball{
			width:50px;
			height:50px;
	}
	div.flowChart > div > div{
		padding: 0px;
		margin: 0px 0px 5px 0px;
	}
	.formPanel .regBackBtn{
		left:10px;
	}
	.formPanel .regNextBtn{
		right:10px;
	}
	.divEVENTQuest .boxes{
		grid-template-columns:100% !important;
	}
	.divEVENTQuest .boxes > div{
		padding:0px;
	}
	.formPanel .stepPage{
		margin-top:5px;
	}
	div.formPanel {
		padding: 10px;
		 max-width: calc( 100% - 20px );
	}
	div.flowChart .flowRow-Ball > div:before, div.flowChart .flowRow-Ball > div:after{
		height:8px;
	}
	#section-SUMMARY h1{
			text-align: center;
		background-color: var(--main_color1);
		color: #ffffff;
		font-size: 1.2em;
	}
	
	.summary-part{
		padding:0px;
	}
	#section-SUMMARY .sum-list{
		padding: 10px;
	}
	.ui-dialog{
		min-width: calc( 100% - 20px );
		left: 10px !important;
		top: 10px !important;
	}
	.summary-part h1{
		text-align:left;
	}
	.summary-part .disTEXT{
			padding-left:5px;
	}
	.sum-items, .sum-list > div{
		margin-bottom:15px;
	}
	.subans{
		margin-left:0px;
	}
	.subans h2{
		text-align:center;
	}
	.subans .qtitle{
		    display: block;
		text-align: left;
		margin: 0px;
		padding: 0px;
	}
	.summary-part.section-business .sum-list{
		grid-template-columns: 100%;
	}
	.sum-list.profileForm{
		grid-template-columns: calc( 50% - 2px ) calc( 50% - 2px );
		grid-gap: 4px;
	}
	.sum-list.profileForm > div:not(.sum_namerow){
		grid-column: 1 / span 2;
	} 
}