.HapiSolutionItem {
	min-height:1px;
	/*background-color: #7F7F7F;*/
}

.social{
	/*border:1px solid black;*/
	float:left;
	border-radius:8px;
	color:#C6C6C6;
	display: block;
	margin-left:4px;
}
.socialImg{
	float:left;
	min-height:24px;
	min-width:24px;	
	/*margin-right:5px;*/
}
.socialTxt{
	display:flex;
    display: -webkit-flex; /* Safari */
	min-height:24px;	
	float:left;
	margin-left:8px;
}

.totalPrice{
	height:26px;
	width : 80%;
	min-width: 120px;
	background-color:#293359;
	color:#fff;
	justify-content: flex-end;
    -webkit-justify-content: flex-end; /* Safari 6.1+ */		
	border-radius:8px 8px 0px 0px;
	float:right;
	padding-right:16px;
	margin-right:8px;	
}

.totalPricePrint{
	border-left:1px solid black;
	border-top:1px solid black;
	border-right:1px solid black;
}

.solutionList {
	border:4px solid #e6e6e6;
	border-radius:8px 8px 8px 8px;
	/*background-color: #E0E0E0;*/
	/*display: table;*/
	/*width: calc(100% - 10px);*/
}
.solutionList.full{
	border:4px solid #00A5CF;
}

.solutionItem{
	display: flex;
	display: -webkit-flex; /* Safari */	
	width: 100%;
	clear: both;
	/*overflow: auto;*/
	overflow: hidden;

}
.solutionItemAnalysis{
	padding-top:.25em;
	padding-bottom:.25em;
}
.solutionItem>.p_col{
	/*display:block;*/
	/*display: table-cell;*/
	/*border-top:1px solid green;*/
	/*border-bottom:1px solid green;*/
	min-height : 24px;
	/*height:100%;*/
}
.duration11{
	color : #000 !important;
}

.dataLine { float:left; margin-right:10px;}
.outLine { width:100%;}
.outLine>.duration1{
	color : #FFF;
	font-size:90%;
}

.solutionItem>.duration1{
	/*background-color: #00A5CF;*/
	color : #FFF;
	/*
	padding-left:0px!important;
	padding-right:0px!important;	
	*/
	font-size:90%;	
}
.smallLine {
	line-height:1.2rem;
	font-size:75% !important;
}

@media screen and (min-width: 1200px) {
/*	.solutionItem>.duration{
		background-color: #00A5CF;
		color : #FFF;
		padding-bottom:8px;
		width:10.33333333%!important;
		padding-left:0px!important;
		padding-right:0px!important;		
	}
*/
}

.duration{
	/* margin-top:0.7em;*/
	/* margin-bottom:0.7em;*/
	text-align: center;
	width:100%;
	/*	height:100%;*/
}

.duration1{
	padding: 0.4em 0px!important;
}
.duration1.middle {
  /*border-bottom:1px solid #C6C6C6;*/
}


.duration.first{ 
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.duration.last{ 
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.duration.onlyone {
	background-color: #00A5CF;
	border-top-left-radius:3.2px;
	border-top-right-radius:3.2px;
	border-bottom-left-radius:3.2px;
	border-bottom-right-radius:3.2px;
	height:100%;
}	



@media screen and (max-width: 768px) {
/*	.duration{
		background-color: #00A5CF;
		color : #FFF;
	}
	.duration.first{ 
	border-top-left-radius:3.2px;
	border-top-right-radius:3.2px;
	}
	.duration.last{ 
		border-bottom-left-radius:3.2px;
		border-bottom-right-radius:3.2px;
	}
*/
	
}



.prgname {
	padding-top:2px;
	padding-left:8px; 
	padding-right:4px;
	/*border-left:1px solid #A0DAF7;*/
	text-align: left;
}
.prgname.middle {
	position: relative;
	z-index : 1;
}	
.prgname.middle:before {
  content : "";
  position: absolute;
  left    : 8px;
  bottom  : 0;
  height  : 2px;
  width   : calc(100% - 12px);
}

@media screen and (min-width: 768px) {
	.prgname.middle:before {
		/*border-bottom:1px solid #C6C6C6;*/
		}
}


.prgcomment{
	padding:4px 4px 4px 8px;
	/*padding-right:5px;*/
	/*border-left:1px solid #A0DAF7;*/
}
.prgcomment.middle {
	position: relative;
	z-index : 1;
}
.prgcomment.middle:before {
  content : "";
  position: absolute;
  left    : 8px;
  bottom  : 0;
  height  : 2px;
  width   : calc(100% - 12px);
  /*border-bottom:1px solid #C6C6C6;*/
}


@media screen and (max-width: 767px) {
	.prgcomment{		
		border-left:none;
	}
	.prgname {
		border-left:none;
	}
	/*.cost.middle:before*/
	.prgcomment.middle:before,
	.prgname.middle:before {
		border-bottom:0px !important;
	}	
}


.imgLogo{
	margin:auto;	
}

img.imgLogo_img{
	/*width:80%;*/
	max-height:25px;
}


.cost{ 
	padding-right:8px;
}
.cost.middle {
	position: relative;
	z-index : 1;
}
.cost.middle:before {
  content : "";
  position: absolute;
  left    : 8px;
  bottom  : 0;
  height  : 2px;
  width   : calc(100% - 12px);
  /*border-bottom:1px solid #C6C6C6;*/
}

.fs14_12{font-size:11.2px;}


.btn-s6 {
	display:flex;
	display: -webkit-flex; /* Safari */
	-webkit-justify-content: center; /* Safari 6.1+ */	
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */	
	width: 200px!important;
	height: 25.6px;
	background-color: #E51A4B;
	color:#FFFFFF;	
	border-radius:0px 0px 8px 8px;
	vertical-align: middle;
	margin-right: 8px;
	float:right!important;
}

/*
@media screen and (min-width: 1200px) and (max-width: 1240px) {
	.btn-s6 {width:130%!important; margin-left:-32px!important;}
	.fs14_12{font-size:9.6px;}
}
*/

@media screen and (max-width: 767px) {
	.fs14_12{font-size:10px;}
	.social_marg{margin-left:-7.2px;}
	.social_marg2{margin-left:-4px;}
	.btn-s6 {
		/*width: 180px !important;*/
	}
	
}

@media screen and (max-width: 460px) {
	.btn-marg{
			margin-left:0px!important;
	}
	.btn-s6 {
		/*width: 120px;*/
		width: 100%!important;
		height: 25.6px;
		border-radius:8px 8px 8px 8px;
		margin-right: 0px;
	}
}


.btn-s6:hover{
	background: -webkit-radial-gradient(bottom left,#595959,#E51A4B,#e6005c);
	background: radial-gradient(at bottom left,#595959,#E51A4B,#e6005c); 
	cursor : pointer;
}

.btn-s6.disabledControl, .btn-s6.disabledControl:hover {
	background: darkgrey;
	pointer-events: none;
    opacity: 0.4;
	cursor : default;
}

.fwb {
	font-weight: bold;
}

#HapiAll {
	display:flex;
}

#HapiCriteriaAll {
	/*border: 1px solid black;*/
	/*border-right:1px solid #A0DAF7;*/
	height:100%;
	padding-left:0.5em;
	padding-right:0.5em;
	align-items:stretch;
}

#HapiResultsAll {
	border-left:1px solid #A0DAF7;
	padding-left:0.5em;
	padding-right:0.5em!important;
}
#HapiResults{
	padding-right:0.5em!important;	
}

.srvItemRes {
	/*border:1px solid blue;*/
	display:block;
	text-align:center;
	/*width:50%;*/
	min-width:32px;
	margin: 0 auto;
}


.srvItemMid{
	/*margin: 0 auto;*/
	display:block;
	/*width: 15%;*/
	min-width: 4px;
	min-height: 80px;
	background-size: 45%;
	/*background-color:green;*/
	/*padding-top : 10%;*/
	/*text-align:center;*/
	/*font-size:32px;*/	
	background-image:url(../images/plus.png);
	background-repeat: no-repeat;
	background-position: center;
}


@media screen and (min-width: 768px) and (max-width: 1200px) {
	.srvItemMid{margin-top:10%;}
}


.p2slider{
	padding-right:4px;
}

.lineDelimiter1{
	width:100%; 
	clear:both;
	border-top:1px solid #00A5CF;
	margin-top:1em;
	margin-bottom:1em;
}

.lineDelimiter{
	width:100%; 
	clear:both;
	border-top:1px solid #C6C6C6;
	margin-top:8px;
	margin-bottom:8px;
}


#ddsrv_Static {
	background-image:url(../images/srv_static.png);
	/*background-size : 80%;*/
	background-position: center;
}
#ddsrv_Static.checked {	background-image:url(../images/srv_static_checked.png); }
#ddsrv_Static.checked.hover { background-image:url(../images/srv_static_hover.png); }
#ddsrv_Static.hover { background-image:url(../images/srv_static_hover.png); }

#ddsrv_Mobile {
	background-image:url(../images/srv_mobile.png);
	/*background-size : 80%;*/
	background-position: center;
}
#ddsrv_Mobile.checked {	background-image:url(../images/srv_mobile_checked.png);}
#ddsrv_Mobile.checked.hover {	background-image:url(../images/srv_mobile_hover.png);}
#ddsrv_Mobile.hover {	background-image:url(../images/srv_mobile_hover.png);}

#ddsrv_Internet{
	background-image:url(../images/srv_web.png);
	/*background-size : 80%;*/
	background-position: center;
}
#ddsrv_Internet.checked{ background-image:url(../images/srv_web_checked.png);}
#ddsrv_Internet.checked.hover{ background-image:url(../images/srv_web_hover.png);}
#ddsrv_Internet.hover{ background-image:url(../images/srv_web_hover.png);}

#ddsrv_TV {
	background-image:url(../images/srv_tv.png);
	/*background-size : 80%;*/
	background-position: center;
}
#ddsrv_TV.checked{ background-image:url(../images/srv_tv_checked.png);}
#ddsrv_TV.checked.hover{ background-image:url(../images/srv_tv_hover.png);}
#ddsrv_TV.hover{ background-image:url(../images/srv_tv_hover.png);}


.btn-titleImg{
	width:90%;
	margin-left:auto;
	margin-right : auto;	
	height:24px;
	background-color:#C6C6C6;
	border-radius:4px 4px 0px 0px;
	text-align:center;
	vertical-align: middle;
	margin-bottom:8px!important;
}
.btn-titleImg.selected {
	background-color:#00A5CF;
	border-radius:4px 4px 0px 0px;
	color:white;
}

.btn-titleImg:active {
	background-color:#00A5CF;
	border-radius:4px 4px 0px 0px;
}
.btn-titleImg:hover{
	background-color:#00A5CF;
	cursor : pointer;	
}

.sr3_detail{
	background-size : contain;
	background-position: center;
	background-repeat: no-repeat;
	height:24px;
}

@media screen and (max-width: 768px) {
	.sr3_detail{
		background-size : auto;
		background-repeat: no-repeat;
		/*width: 100%;*/
		height:48px;
	}
}


#titleB_srv_Mobile{ 
	background-image:url(../images/sr3_mobile.png);
}
#titleB_srv_Static{ 
	background-image:url(../images/sr3_static.png);
}
#titleB_srv_Internet{ 
	background-image:url(../images/sr3_web.png);
}
#titleB_srv_TV{ 
	background-image:url(../images/sr3_tv.png);
}

#detImgOpen { 
	background-image: url(../images/btn2_open.png);
}
#detImgClose { 
	background-image: url(../images/btn2_close.png);
}



.btn-s7 {
	display:flex;
	display: -webkit-flex; /* Safari */
	-webkit-justify-content: center; /* Safari 6.1+ */
	border-radius:0px 0px 8px 8px;
	justify-content: flex-start; /* align horizontal */
	align-items: center; /* align vertical */
	height:24px;
	/*width:190px;*/
}
.btn-s7:hover{
	
	cursor : pointer;
}
.detclose{
	display:none;
}
.dettext { 
	padding-left:1em;
	padding-right:1em;
	color: red;
}
.detImg {
	width:48px;
	height:100%;
	background-size : contain;
	background-position: top;
	background-repeat: no-repeat;	
}
.AnalysisList{
	/*height:200px;*/
	/*background-color:#00A0A0;*/
	display:none;
	width: 100%;
	clear: both;
	overflow: auto;
}
.AnalysisList.open{
	display:block;
}

.AnalysisHeader{
}
.AnalysisTitle{
	background-color:#00A5CF;
	color: #FFF;
	min-height:24px;
	text-align:center;	
}
.AnalysisInfo{
	text-align:center;	
	padding: 0.5em 1.5em;
}
.prmTitle {
	text-align:center;	
	font-size:11.2px;
	color:#00A5CF;
	line-height:1.5em;
}
.prmVal{
	text-align:center;	
	font-size:9px;
	line-height:1.5em;
}


.ProposalComment{
	text-align:center;
	position: relative;
	z-index : 1;
	padding : 0.5em 0.4em;
}
.ProposalComment:before {
  content : "";
  position: absolute;
  left    : 10px;
  bottom  : 0;
  height  : 2px;
  width   : calc(100% - 15px);
  border-bottom:1px solid #C6C6C6;
}
.ProgramList{
	padding: 0.5em 0.4em;
	 overflow: hidden;
}
.ProgramAnalysis{
	padding: 0em 0.4em;
}
.btL{border-left: 1px dashed #C6C6C6;}
.btR{border-right: 1px dashed #C6C6C6;}
.btT{border-top: 1px dashed #C6C6C6;}

.prgnameP {
	padding-left:8px; 
	padding-right:4px;
	text-align:center;
	font-size: 11.2px;
}

.prgnameP.hasText {
	background-color: #C6C6C6;
	border-radius:0.5em 0.5em 0.5em 0.5em;	
}
.indText {
    height: 2em;
    width: 2em;
    z-index: 100;
    position: absolute;
    /*background-color: red;*/
    top: -1em;
    left: 22%;	
	border-radius:1em;	
}

.indMessageMob{
	
	text-align:center;
	position:absolute;
	border:2px solid #e51a4b;
	left:25.7%;
	margin-top:-104.8px;
	background-color:white;
	padding:4.8px;
	border-radius:8px;
}

.indMessageMobFix{
	
	text-align:center;
	position:absolute;
	border:2px solid #e51a4b;
	left:25.7%;
	margin-top:-85.6px;
	background-color:white;
	padding:4.8px;
	border-radius:8px;
}

.indMessageNet{
	text-align:center;
	position:absolute;
	border:2px solid #e51a4b;
	left:25.7%;
	margin-top:-65.6px;
	background-color:white;
	padding:4.8px;
	border-radius:8px;
}

.indMessageStatic{
	text-align:center;
	position:absolute;
	border:2px solid #e51a4b;
	left:25.7%;
	margin-top:-65.6px;
	background-color:white;
	padding:4.8px;
	border-radius:8px;
}

@media screen and (max-width: 1200px) {
	.indMessageMob{display:none;}
	.indMessageStatic{display:none;}
	.indMessageNet{display:none;}
}


.pw0{ }
.pw1{ font-weight: bold; margin1-right:0.5em; }
.pi1{ /*font-style: italic; margin-right:0.5em;*/}
.vAl1{ }


/*.pad_name1{padding-left:95px!important;}*/
.btn-marg{margin-left:-8px!important;}

@media screen and (max-width: 767px) {
	.srvItemMid {display:none;}	
	.slider_fix2 {padding-right:0px!important;}
	/*.pad_name{padding-left:0px!important; padding-right:44px!important;}	*/
	.btn-marg{margin-left:0px!important;}
}

@media screen and (max-width: 991px) {	
	#HapiCriteriaAll{border-right:none;}	
	#HapiResultsAll{border-left:none;}
	#HapiAll{ display:block; }
}

.warn_img{
	position:absolute; 
	left:23.7%; 
	margin-top:-16px;
}
img.warn_img{
	width:25px;
	height:25px;	
}

.padd_arrow{ padding-top:4px;}

.fsbtn-s6{font-size:11.2px;}

@media screen and (min-width: 768px) and (max-width: 960px) {	
	.fsbtn-s6{font-size:8px;}	
}

.infpadd {
	padding-left:0px !important;
	padding-right:0px !important;
	padding-top:5px;
}


table.solution_table {	
	margin-bottom:10px;	
	word-break:break-word !important;
}
table.solution_table td{ 
	border-top:0px; 	
}

tr.thead1 {	border-top : 3px solid #C6C6C6;
	line-height:5px;
}

tr.tfoot1 {	line-height:5px;}

.pe1{text-align:center}

tr.tfoot2 {	border-top : 2px solid #C6C6C6;
	border-bottom : 3px solid #C6C6C6;
}
.pf1 { 	text-align:right; 
	padding-right:20px !important;
}
.pf2 {	text-align:center; }

.pe3, .pe4, .pe5 {
	text-align:center !important;
	border-left:3px solid #C6C6C6;
	
}


.ph1 {width:40%; word-break:break-word !important; }
.ph2 {width:10%; word-break:break-word !important; }
.ph3 {width:30%; word-break:break-word !important; line-height:1.5em;}
.ph4 {width:20%; word-break:break-word !important; }


.serviceCritInner2 {
	padding-left:10px !important; 
}

.padd12{
	padding-left:12px;
	padding-right:12px;
}
.btnSlider {
	/* float : right !important;*/
}
.infClass{
	text-align:left;
}


.cmargin-bottom{
	margin-bottom:10px;
}


.serviceBrief{
	font-size:11px;
	display:inline-flex;
	width:100%;
}

.serviceBrief-Label{
	min-width:80px;
	float:left;
	display:inline;
}
.serviceBrief-Values{
	float:left;
	display:inline;
}

.serviceBrief-Val{
	font-weight:800;
}

.serviceBrief-Delim{
	margin-right:3px;
	margin-left:3px;
	color: #00A5CF;
}


.couponGiftResult {
	background: #F15A22;
	color: white;
	text-align: center;
	border-radius: 8px 8px 0px 0px;
	line-height: 26px;
}

.couponGiftResult:hover{
	cursor : pointer;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
	.couponGiftResult {
		line-height1: 26px;
		min-width: 120px;
	}
}