.filter-option { float:left; width:200px; font-family: "Open Sans", sans-serif; font-size:14px; }

.filter-option-right { float:right; width:200px; }

.result { font-size:24px; margin-bottom:20px; }

.ai-pagination-container {
    text-align: center;
    margin: 20px 0;
    font-family: "Open Sans", sans-serif;
}

.ai-pagination-link {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px;
    border: 1px solid #ddd;
    text-decoration: none!important;
    color: #333;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.ai-pagination-link:hover {
    background-color: #eee;
}

.ai-pagination-link.active {
    background-color: #000;
    color: white;
    border-color: #000;
    font-weight: bold;
}

.filter-button { background:#000; color:#fff!important; font-family: "Open Sans", sans-serif; padding:10px 30px; display:inline-block; float:left; margin-top:23px; transition:0.6s; border:none; text-decoration:none; height:36px; cursor:pointer; border-radius: 4px;}

.filter-button:hover { opacity:0.6; }

table, tr, th, td { -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; 
}

.filter-container { float:right; }

.select-filter { width:100%; height:36px; padding:5px; background:#fff; border:1px solid #ccc; margin-top:5px }

.option-link-container {
margin-top:20px;
border: 1px solid #ccc;
border-radius:10px;
font-family: "Raleway", sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: 600;
overflow: hidden;
position:relative;
float:left;
}

.option-link-container-xterm {
margin-top:23.8px;
margin-right:20px;
border: 1px solid #ccc;
border-radius:10px;
font-family: "Raleway", sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: 600;
overflow: hidden;
position:relative;
float:left;
}

.option-link {
	background: #fff;
    float: left;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.3s;
	text-decoration:none;
	color:#000;
}
.option-link:hover { background:#eee; }

.option-link-active {
    background-color: #0396e6;
	color:#fff;
    float: left;
    padding: 10px 16px;
    transition: 0.3s
}

.option-link-xterm {
	background: #fff;
    float: left;
    cursor: pointer;
    padding: 8.5px 16px;
    transition: 0.3s;
	text-decoration:none;
	color:#000;
}
.option-link-xterm:hover { background:#eee; }

.option-link-xterm-active {
    background-color: #0396e6;
	color:#fff;
    float: left;
    padding: 8.5px 16px;
    transition: 0.3s
}

td a { opacity:0.8; transition:0.3s; color:#000 }
td a:hover { text-decoration:none; opacity:1 }

#ai-list {
    display: block;
    position: relative;
    top: -46px;      /* Adjust this value */
    visibility: hidden;
}

@media only screen and (max-width: 768px) {

.filter-option { margin-bottom:10px; width:100%; }
.filter-button, .country-button { float:none; margin-top:0; }
.filter-container { float:none; margin-top:20px; }
	.option-link-container-xterm { margin-top:10px; margin-bottom:10px; }

}