section#TB_trafikinfo{
	font-family: 'Raleway', sans-serif;
	width: 50%;
	min-width: 630px;
	margin: 0 auto;
	height: 100%;
	margin-top: 50px;
}

input.searchBox{
	width: 90%;
	height: 40px;
	float: left;
	outline: none;
	margin-bottom: 50px;
	padding-left: 10px;
}

input:focus{
	background-color: #FFFFFF !important;	
}

button.searchButton{
	display: inline-block;
	float: right;
	width: calc(10% - 14px);
	height: 46px;
	background-color: #80A4ED;
	border: 0;
	cursor: pointer;
	color: #FFFFFF;
}

table.trafik{
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #FFFFFF;
    border: 1px solid #A3A3A3;
    width: 100%;
}

table.trafik td{
    padding: 10px;
    text-align: center;
}

table.trafik tr:nth-child(even) {background-color: #EDEDED;}
table.trafik tr:nth-child(odd) {background-color: #FFFFFF;}

th.trafik{
	width: 20%;
	text-align: center !important;
	color: #FFFFFF;
	background-color: #80A4ED;
	font-size: 18px;
	padding: 15px;
}

.operatorLogo{
	margin-top: 5px;
    max-width:150px;
    max-height:50px;
}

.result_header{
	width: calc(100% - 10px);
	height: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	visibility: hidden;
	border: 5px solid #80A4ED;
}

.result_header_row{
	flex: 1;
	text-align: center;
}

.errorMsg{
	width: 100%;
	height: 100%;
	margin-top: -200px;
	text-align: center;
	visibility: hidden;
}

#flertraffar{
	visibility: hidden;
}

#flertraffar:hover{
	cursor: pointer;
}


/*############## AUTOCOMPLETE DROPDOWN  ################*/

.ui-autocomplete{
	font-family: 'Raleway', sans-serif !important;
	width: 589px;
}

.ui-menu .ui-menu-item {
	overflow: hidden;
	margin-left: -40px;
	width: 100%;
	background-color: #EDEDED;
}

.ui-autocomplete li{
	padding: 0px;
	width: 100%;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	visibility: visible;
	color:	#000000;
	padding: 10px;
	width: 100%;
	display: block;
}


.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	background-color: #80A4ED;
	color: #FFFFFF;
	cursor: pointer;
}

.ui-helper-hidden-accessible{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	position: absolute;
	width: 1px;
}
