/****************** start width options*/

.col_empty{ }
.col_cont_heads_x{}
.col_subhead2_x{}
.col_subhead3{ }

/******************  end width options*/

/******************  start color options*/

/******************  end color options*/

/******************  start others options*/

/* better buttons */
button{ cursor: pointer;}
button:hover{opacity: 0.6;}

#FormTableContainer{
    font-family: Arial, Helvetica;
    width: 100%;
    display:flex-block;
	Line-height: 105%;
}

.col_input{
    background-color:#f5fbff;
    padding:5px; 
    font-size: 100%;
}
/******************  end others options*/
/******************  big screen size*/
@media screen and (min-width: 1490px) {
 .col_subhead3 {
	width: 14vw;
  }
}
@media screen and (min-width: 1690px) {
 .col_subhead3 {
	width: 20vw;
  }
}
@media screen and (min-width: 1900px) {
 .col_subhead3 {
	width: 28vw;
  }
}
.w3-show{display:block!important}
.w3-hide{display:none!important}
.arrow_up:before{
	content: " \25B2";
}
.arrow_down:before{
	content: " \25BC";
}
td{
	outline: 2px solid #454f54;
}
td.col_end, td.col_head{
	outline: unset;
}
.clone td{
	outline: unset;
}
.col_subhead1, .col_subhead2{
	vertical-align: initial;
	
}
.clone .col_subhead1,.clone .col_subhead2{
	vertical-align: inherit;
	
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 300px;
    background-color: #454f54;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 10px 0 10px;
    position: absolute;
    z-index: 1;
    left: 110%;
    height: 100px;
    top: -50px;
	font-size: 12px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

button.tooltip:hover {
	background-color: rgba(17,51,51,0.6)!important;
    opacity: 1;
}
/******************************************
****************compare styles
******************************************/

#Compare_div{
	min-width:1450px;
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 102%;
}
/*
#FormTableSummarylegend{
	width:9.99%;
}
#FormTableSummary1{
	width:30%;
}
#FormTableSummary2{
	width:30%;
}
#FormTableSummary3{
	width:30%;
}*/
.compare-table, .compare-table td{ 
	outline:0px
}
.compare-table:nth-child(odd) {
	border-bottom: 1px solid;
}
.compare-title td 
{
	text-align:left!important;
	padding-left: 3%!important;
}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}
.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}
.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}
.w3-centered tr th,.w3-centered tr td{text-align:center}
/*.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}*/
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:center;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-centered tr th,.w3-centered tr td{text-align:center}

/*
#compare_nav1{
	margin-left: calc(19% - 90px)!important
}
#compare_nav2{
	margin-left: calc(27% - 105px)!important;
}
#compare_nav3{
	margin-left: calc(27% - 105px)!important;
}
*/