#top select.brand_select, #top select.shop_name_select {
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #fff !important; 
}

#top input.submit_selection {
    padding: 12px 30px 14px;
    border-radius: 8px;
    font-size: 13px;
}

.comparison_table {
	width: 100%;
}

.comparison_table td {
    padding: 3px 12px !important;
}

.comparison_table thead {
  cursor: pointer;
}

.comparison_table thead tr th span { 
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

/* color of ordered column */
.comparison_table thead tr th.headerSortUp, .comparison_table thead tr th.headerSortDown {
  background: #acc8dd;
}

.comparison_table thead tr th.headerSortUp span {
  background-image: url('up-arrow.png');
}

.comparison_table thead tr th.headerSortDown span {
  background-image: url('down-arrow.png');
}

/* START - Code for compare loading */

.compare_loading {
    display: none;
}

.compare_loading {
    text-align: center;
    position: relative !important;
}

.compare_loader {
    display: inline-block !important;
    position: initial !important;
    margin: 0 !important;
    width: 6em !important;
    height: 6em !important;
    border-left: .8em solid #000 !important;
}

/* END - Code for compare loading */

.table_menu, .number_of_products_section {
	display: inline-block;
	width: 100%;
}

.table_menu {
	padding-top: 30px;
	margin-top: -50px;
}

.table_menu form {
	float: left;
	padding: 5px 10px;
	background-color: #e1e1e1;
	border-radius: 8px;
}

.table_menu .compare_area {
	float: right;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #aaaaaa;
	border-radius: 8px;
} 

.select_missing {
	display: block;
	color: #cd1818;
	margin-top: 5px;
}

.not_logged_in_message {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 50px;
	color: red;
}

.tooltip-comparison {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px;
	margin: 12px 0;
}

/* Tooltip text */
.tooltip-comparison .tooltiptext-comparison {
    visibility: hidden;
    min-width: 310px;
    min-height: 34px;
    background-color: #fff;
    color: #000000;
    text-align: left;
    border-radius: 6px;
    border: 1px solid #dadada;
    padding: 5px;
    padding-top: 3px;
    text-transform: none;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 80%;
    font-size: 12px;
    font-weight: 400;
    background-color: #f8f8f8;
    line-height: 150%;  
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-comparison:hover .tooltiptext-comparison {
    visibility: visible;
}

.tooltip-edit {
    display: inline-block !important;
}

.tooltip-edit .tooltiptext-edit {
    top: -22px;
    left: -220%;
    width: 90px;
    height: 20px;
}

.tooltip-edit .tooltiptext-edit::after {
    display: none;
}