/*Comparison css dated 22July2021*/
.compareWrap{font-family: 'Frutiger LT 55 Roman', helvetica, arial, meiryo, san-serif;}

.comparisontable{display: flex;flex-direction: column;border: 1px solid rgb(230, 230, 230);}
.comparisontable img{max-width: 100%; width: auto; height: auto;}
.comparisontable ul.row{list-style: none; display: flex; margin: 0; padding: 0; flex: 1; width: 100%;  flex-wrap: wrap; font-size:12px;}
.comparisontable ul.row li{background: #fff;flex: 1;padding: 10px;border-bottom: 1px solid rgb(204, 204, 204);border-left: 1px solid rgb(204, 204, 204);}
.comparisontable ul.row li.legend{background: #179fda; color: #fff;font-weight: bold;border: none;width:140px;border-bottom: 1px solid #6f6f6f;text-align:center;display: flex;align-items: center;justify-content: center;}
.comparisontable ul.row li:last-of-type{}

/* very first row */
.comparisontable ul.row:first-of-type li{text-align: center;}
/*.comparisontable ul.row:first-of-type li:first-of-type{text-align:left;}*/

/* very last row */
.comparisontable ul.row:last-of-type li{text-align: center; border-bottom: none; /*box-shadow: 0 6px 6px rgba(0,0,0,0.23);*/}
.comparisontable a.calltoaction{color: #fff;background: rgb(23, 159, 218);display: inline-block;padding:4px 7px;text-decoration: none;margin:.1em 2px;}
.comparisontable a.calltoaction:hover{background: #d11212;}

/* first and last cell within legend column */
.comparisontable ul.row:first-of-type li.legend.legend,
.comparisontable ul.row:last-of-type li.legend{/*background: transparent;  box-shadow: none;*/}

.Row-Compare.FxdComp{position:fixed; width:100%; background-color:#fff; top:0px; left:0px; box-shadow:1px 2px 1px #ccc;}
.Row-Compare.FxdComp ul{}
.Row-Compare.FxdComp ul img{height:50px;}
.comparisontable ul.row li h4{font-size:16px; margin-top: 0px; margin-bottom:10px;}

.comparisontable ul.row li .item-list ul, .comparisontable ul.row li .salient-feature{list-style:none; margin:0px; padding:0px;}
.comparisontable ul.row li .item-list li, .comparisontable ul.row li .salient-feature li{border:none; background: url(../images/bullet_why.png) no-repeat 5px 5px; padding:2px 2px 2px 18px;}
.comparisontable ul.row li .item-list li a, .comparisontable ul.row li .salient-feature li a{color:#222; text-decoration:underline;}

.comparisontable ul .no{font-size:2em; font-weight:normal; display: flex; justify-content: center; opacity:.6;}
.comparisontable ul .tick{font-size:1.5em; font-weight: bold; color:green; display: flex; justify-content: center;}
.comparisontable ul .option{display: flex; justify-content: center;}

.comparisontable .top-row-item.fxd{position: fixed; width:97.7%; top: 0; z-index:1;}
/*.comparisontable .top-row-item.fxd li{border-left:none;}*/

.main-row-item{padding:6px 10px;margin: 0px 0px;font-size: 14.6px;font-weight: bold;background-color: rgb(239, 239, 239);border-bottom: 1px solid rgb(204, 204, 204);text-align:center;}

.abbribation-code{font-size: 12px;padding: 10px;border-top: 1px solid rgb(204, 204, 204);}
.Measurement{padding: 10px; font-size:.8em;}
.Measurement h3{margin-top: 0px; margin-bottom: 0px;}

/*.comparisontable{padding-top:11.5vw;}
.comparisontable ul.top-row-item, .comparisontable ul.top-row-item.fxd{position: fixed; width:97.7%; top:0; z-index:1;}*/
.fancybox-skin {
   background: #414141  !important;
}
@media screen and (max-width:650px){
  .comparisontable ul.row{flex-direction: column;}
  .comparisontable img{width: auto; height: auto;}
  .comparisontable ul.row li{margin-right: 0; flex: auto; width: auto;}
  
  /* first and last cell within legend column */
  .comparisontable ul.row:first-of-type li.legend.legend,
  .comparisontable ul.row:last-of-type li.legend{display: none;}
  .comparisontable ul.row li.legend{width: auto;}

/*.comparisontable ul.row li:last-of-type{display:none;}*/
.comparisontable ul.row {flex-direction: row;}
.comparisontable ul.row li.legend{width:100%;}
.comparisontable ul.row li{width:20%;}
.compare_box a{opacity:1;}

.comparisontable ul.row li h4{font-size:13px;}

.comparisontable ul.row li{padding-left:5px; padding-right:5px;}
.comparisontable .top-row-item.fxd{width:95%;}

/*.comparisontable{padding-top:18vw;}
.comparisontable ul.top-row-item li, .comparisontable ul.top-row-item.fxd li{border-bottom:none;}
.comparisontable ul.top-row-item, .comparisontable ul.top-row-item.fxd{width:94%;}*/

}

@media screen and (max-width:480px){
	.comparisontable .top-row-item.fxd{width:94%;}
}

/*Comparison css end*/