.tn-travel-searchbar {
    position:relative;
    height:36px;
    margin-top:3px;
    margin-bottom:3px;
    width:380px;
}

.tn-travel-searchbar > form,
.tn-travel-searchbar input,
.tn-travel-searchbar input:focus,
.tn-travel-searchbar input:hover,
.tn-travel-searchbar input:active,
.tn-travel-searchbar span {
    height:36px;
    width:100%;
    border: 0;
    outline: 0;
}
.tn-travel-searchbar .show-idle {
    display: inline-block;
}
.tn-travel-searchbar .show-busy {
    display: none;
}
.tn-travel-searchbar.busy .show-idle {
    display: none;
}
.tn-travel-searchbar.busy .show-busy {
    display: inline-block;
}

.tn-travel-searchbar button {
    position:absolute;
    background-color: transparent !important;
    right: 0;
    padding: 0;
    height: 36px;
    width: 36px;
}

.tn-travel-searchbar button:hover {
    background-color:transparent;
    color: #FF9D4B;
}


.tn-searchbar-popup {
    position: absolute;
    background-color:white;
    width:380px;
    border: 1px solid #e2e2e2;
}

.tn-searchbar-row {
    padding-left: 20px;
    padding-right: 20px;
    padding-top:4px;
    padding-bottom:6px;
    cursor: pointer;
    border-top:1px solid #e2e2e2;
    color: black;
    font-size:13px;
    line-height: 1.5;
}

.tn-searchbar-row:hover {
    background-color: #ffd4c4;
}
.noresult:hover {
    background-color: white;
}


.tn-searchbar-row:first-child {
    border-top:0px;
}

.tn-searchbar-row > .headline {
    line-height: 1.2;
    color: #23282d;
    font-size: 14px;
    font-weight: 700;
}

.tn-searchbar-row > .subline {
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
}
.tn-searchbar-row .highlight {
    color: #910a0a;
}

.show-all {
    width: 100%;
    display: block;
    background-color: #ea7819;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 15px;
}
.show-all:hover {
    color: inherit;
}

@keyframes spinner {
    to {transform: rotate(360deg);}
}

.spinner {
    animation: spinner .6s linear infinite;
}