/*Carry On Size Chart styles*/
table.carryonsize  {
	border-collapse: collapse;
}

.carryonsize th {
	background-color: #eee;
}

.carryonsize tr:hover {
	background-color: #d7d7d7;
}

.carryonsize th[data-sort] {
	cursor: pointer;
}

.filterout {
	display: none !important;
}
.carryonsize i.fa-check{
	color:green;
}
.carryonsize i.fa-exclamation-triangle{
	color:orange;
}
.carryonsize .centered{
	text-align: center;
}
.carryonsize .metric{
	display:none;
}
.carryonsize.metric td.imperial, .carryonsize.metric th.imperial{
	display:none;
}
.carryonsize.metric td.metric, .carryonsize.metric th.metric{
	display:table-cell;
}
select.regions{
	font-size: 21px;
	padding: 4px;
}
.carryoncontrolrow{
	margin: 0 0 30px;
	clear: both;
	overflow: hidden
}
ul.regions {
	list-style-type: none;
	padding: 0;
	overflow: hidden;
	float: left;
}
.metricbutton, .imperialbutton{
	padding: 2px 10px;
	margin: 0px 5px 0 0;
	background:white;
	border-radius:5px;
	border:1px solid purple;
	float:left;
	border-radius: 4px;
	text-transform: none;
	color:black;
}
#searchblock{
	float:left;
	margin:3px;
}
#searchblock > label {
    float: left;
    padding: 0 15px;
}
ul.regions li  {
	padding: 0px 5px;
	/*! margin: 10px 5px 0 0; */
	cursor: pointer;
	list-style: none outside none;
	border-radius:5px;
	border:1px solid purple;
	/*! float:left; */
	border-radius: 4px;
}

ul.regions li.highlight, ul.regions li:hover, .metricbutton.highlight, .imperialbutton.highlight {
	color: white;
	border-color: purple;
	/*! box-shadow:0 0 6px 0 purple inset; */
	background-color: purple;
}

@media (max-width: 890px)
{
  .carryonsize th, .carryonsize td{
	padding: 0.25em 0.25em;
	font-size:12px;
  }
}