/* Comparison table CSS */
/* Needs JS for mobile */

#comparisonTable {
    font-family: 'Open Sans';

}

#ajo-compare {
	padding: 0;
}

#comparisonTable .glyphicon, .ct-ok {
	font-size: 1.4em;
	/* color: #000000ab; */
	color: #9cd77b;
}	

.ct-extra {
	color: #ffac41 !important;
}

.ct-extra::after {
    content: "\002B";
    font-size: 50%;
}


img.comparison-checked {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}


.ct-heading {
    text-align: center;
	letter-spacing: 0.01em;
    border-bottom: 2px solid #dfeeff;
	display: block;
	text-shadow: 1px 1px 2px #fff;
	font-weight: 500;
	line-height: 1.1;
	color: #457bbd;
	font-size: 1.4em;
	padding-left: 0.2em;
	padding-right: 0.2em;
    padding-bottom: 0.2em;	
	margin-top: 0;
	margin-bottom: 0;
	/* ORANKI */		
	/* color: #fff!important; */
	/* text-shadow: 1px 1px #00000024; */
	/* border:0; */
	
	
}

th .ct-heading {
	padding-top: 0.8em;
}




ul.selector {
  display:flex;
  top:0px;
  z-index:10;
  padding:0px 0px 14px;
  position: sticky;
}
ul.selector li {
  list-style:none;
  flex:1;
  transition: 0.3s;
}
ul.selector li:last-child {
  border-right:1px solid #DDD;
}
ul.selector li {
	width: 100%;
    border: 1px solid #00000017;
    border-right: 0;
    border-top: 1px solid #0000000f;
    padding: 10px;
  /* background:#FFF; */
  font-size:14px;
  font-weight:bold;
  height:60px;
	cursor: pointer;
  /* color:#999 */
  
}
ul.selector li.active {
background:#eef6ff;
    border-bottom: 1px solid #eef6ff;	
	border-top-left-radius: 1em;
  /* color:#000; */
}

ul.selector li:not(.active) {
    /* border-bottom: 0;	 */
}


table { border-collapse:collapse; table-layout:auto; width:100%; }

thead th { position: sticky; top: 0; z-index:10; }

th { 
	/* background:#F5F5F5;  */
	display:none; 
}
td, th {
}

td {
    padding: 10px;
}

th { 
	padding: 0.2em;
}

td,th {
	text-align:left;
	empty-cells:show;   
	height:53px;
}

td+td, th+th {
  text-align:center;
  display:none;
}
td.default {
  display:table-cell;
}

.ct-bus, .ct-taxi, .ct-freight {
    background-color: #fbfdff;	
	vertical-align: bottom;		
	/* ORANKI */	
	/* background-color: #ffac3c!important; */	
}

.ct-data {
    background-color: #fbfdff;	
}


table tr td:nth-child(1) {
	box-shadow: 0px 3px 6px rgb(0 0 0 / 3%);
}

 table tr td:nth-child(2),  table tr td:nth-child(3),  table tr td:nth-child(4) {
	box-shadow: 0px 3px 6px rgb(0 0 0 / 9%); 
 }


.ct-bus, .ct-taxi, .ct-freight {
    /* text-align: left !important; */
    padding-top: 0;
    border-radius: 0.2em;
}

	

.sep {
		/* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12); */
    background: #e2edfb;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.1em;
	padding-left: 1em;
}

.sep.last a {
	    float:right;
		text-decoration: none;
}

.sep.last .glyphicon {
	    color:#d75e0d !important;
}

.txt-l { font-size:28px; font-weight:bold; }
.txt-top { position:relative; top:-9px; left:-2px; }
.tick { font-size:18px; color:#2CA01C; }
/* .hide-cell {
  border:0;
  background:none;
} */

.hide-cell {
    border: 0;
    background-color: #eef6ff;
    padding-left: 1.8em;
    font-size: 0.95em;
    border-top-left-radius: 1em;
}

.ct-legend .glyphicon {
	top: 3px;
}

.ct-legend, .ct-legend-mobile {
	font-weight: normal;
	font-style: italic;
	color: #626262;
}
.ct-legend-mobile {
	padding-right: 1em;
	padding-top: 2em;
	padding-bottom: 0.5em;
}

@media (max-width: 479px) {
	td ul {
			padding-left:1em;
	}
	
}

@media (max-width: 767px) {
	.ct-clear-borders {
		box-shadow: none!important;
		background-color: transparent;
	}	
	
	ul.selector li:not(.active) .ct-heading {
		color: #457bbda6!important;
		border-bottom: 0!important;
	}

	.ct-price, .ct-price a   {
		/* background-color: #ffac3c!important; */
		background-color: #ff8f44!important;
		color: #fff!important;
		text-shadow: 1px 1px #00000024;
		text-decoration: none;
	}

}


@media (min-width: 768px) {
	
 table { table-layout:fixed; }	 
	
	ul.selector {
		display:none;
	}
	

	
	td,th {
		display:table-cell !important;
	}
	td,th {
		width: 330px;
	
	}
	td+td, th+th {
		width: auto;
	}

	td { 
		padding-left: 2em;
		
	}

	.ct-price, 	.ct-price a {
		color: #e69660; /* #ff8f44; */
		text-shadow: 1px 1px #fff;
		text-decoration: none;
	}
	
	.ct-price a:hover {
		color: #ec7627;
		text-decoration: none;
		text-shadow: none;	
		transition: 0.2s;
	}

	.ct-bus, table tr td:nth-child(2) {
		background-color: #f8fbff;
	}

	.ct-taxi, table tr td:nth-child(3) {
		background-color: #fbfdff;
	}

	.ct-freight, table tr td:nth-child(4) {
		background-color: #fafcff;
	}

	.ajo-ui
	{
		position:relative;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
				box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	}

	.ajo-ui:before, .ajo-ui:after
	{
	  content:"";
		position:absolute;
		z-index:-1;
		-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);
		-moz-box-shadow:0 0 20px rgba(0,0,0,0.3);
		box-shadow:0 0 20px rgba(0,0,0,0.3);
		top:10px;
		bottom:10px;
		left:0;
		right:0;
		-moz-border-radius:100px / 10px;
		border-radius:100px / 10px;
	}
	.ajo-ui:after
	{
	  right:10px;
		left:auto;
		-webkit-transform:skew(8deg) rotate(3deg);
		   -moz-transform:skew(8deg) rotate(3deg);
			-ms-transform:skew(8deg) rotate(3deg);
			 -o-transform:skew(8deg) rotate(3deg);
				transform:skew(8deg) rotate(3deg);
	}  


}

@media (min-width: 1028px) {
	
	.ct-heading {
		font-size: 24px;

	}

	th { 
		padding: 10px 10px 10px 2em;
	}


}