﻿.ac_results {padding: 0;border: 1px solid black;background-color: white;overflow: hidden;z-index: 9999;width: 500px !important;position: absolute;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;box-shadow: 0 0 1px 1px #CCC;background-color: #fff;}
.ac_results li {margin: 0;cursor: default;display: block;font: menu;font-size: 14px; overflow: hidden;}
.ac_odd {float: left;width: 100%;background: #FFF url("../../Content/images/autocompleteicon/loc1.png") no-repeat scroll 3% 49%;color: #063553;font: 15px/25px DinMedium;padding: 10px 20px 10px 31px;margin-top: 5px;}
.ac_even {float: left;width: 100%;padding: 6px 6px 6px 40px;font: 15px DinMedium;color: #0A6473;background: #FFF url("../../Content/images/autocompleteicon/plane1.png") no-repeat scroll 5% 40%;}
.ac_over {background-color: #FFEC9D;}
.topcontrol {background: #fef102 !important;}
.img-fullwidth img {width: 100%; height: auto;}

/*Start New Autocomplete*/


.ac_results{padding:0;border:1px solid #000;background-color:#fff;overflow:hidden;z-index:9999;width:400px!important; max-height:270px; overflow:auto;}
.ac_results ul{width:100%;list-style:none;padding:0;margin:0;box-shadow:0 0 1px 1px #CCC;background-color:#fff}
.ac_results li{margin:0;cursor:default;display:block;font:menu;font-size:14px;overflow:hidden}
.ac_odd{float:left;width:100%;background:url(../images/autocompleteicon/loc1.png) 3% 49% no-repeat #FFF;color:#063553;font:15px/25px DinMedium;padding:10px 20px 10px 31px;margin-top:5px}
.ac_odd u{text-decoration:none;}
.ac_even{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF}
.ac_even1{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF}
.ac_evenFH{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF}
.ac_evenFH1{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF}
.ac_over{background-color:#FFEC9D}
.ac_even:hover{background-color:#FFEC9D}


.ac_results.new {border-radius:5px; top:100%;}
.ac_results.new .ac_even{float:left;width:100%;padding:7px 6px 7px 40px; font: 400 14px/20px Roboto,Arial,sans-serif; letter-spacing: .2px; color: #5f6368;font-size: 13px; background:url(../images/autocompleteicon/plane2.png) 3.5% 40% no-repeat #FFF; border-bottom: 1px solid #eee;}
.ac_results.new .ac_even:hover{background:url(../images/autocompleteicon/plane2a.png) 3.5% 40% no-repeat #f1f2f7; animation:plane-animation 4s infinite linear;}
.ac_results.new .ac_even u{text-decoration:none;}
.ac_results.new .ac_even .airport-name{display:block; line-height:15px;}
.ac_results.new .ac_even .city-name{display:block; line-height:15px; font-size:10px;}

.ac_results.new .ac_odd{float:left;width:100%;padding:7px 6px 7px 40px; font: 400 14px/20px Roboto,Arial,sans-serif; letter-spacing: .2px; color: #5f6368;font-size: 13px; background:url(../images/autocompleteicon/plane2.png) 3.5% 40% no-repeat #FFF; border-bottom: 1px solid #eee;}
.ac_results.new .ac_odd:hover{background:url(../images/autocompleteicon/plane2a.png) 3.5% 40% no-repeat #f1f2f7; animation:plane-animation 4s infinite linear;}
.ac_results.new .ac_odd u{text-decoration:none;}
.ac_results.new .ac_odd .airport-name{display:block; line-height:15px;}
.ac_results.new .ac_odd .city-name{display:block; line-height:15px; font-size:10px;}


.ac_results.ac_results_hotel.new .ac_even{background:url(../images/autocompleteicon/hotel-icon.png) 2.8% 40% no-repeat #FFF;}
.ac_results.ac_results_hotel.new .ac_even:hover{background:url(../images/autocompleteicon/hotel-icon.png) 2.8% 40% no-repeat #FFF; animation:hotel-animation 4s infinite linear;}
/*.ac_results.ac_results_transfer.new .ac_even{background:url(../images/autocompleteicon/transfer-icon.png) 2.8% 40% no-repeat #FFF;}*/
/*.ac_results.ac_results_transfer.new .ac_even:hover{background:url(../images/autocompleteicon/transfer-icon.png) 2.8% 40% no-repeat #FFF; animation:transfer-animation 4s infinite linear;}*/

.ac_results.new .ac_results_transfer.ac_even {background:url(../images/autocompleteicon/transfer-icon.png) 2.8% 40% no-repeat #FFF;}
.ac_results.new .ac_results_transfer.ac_even:hover {background:url(../images/autocompleteicon/transfer-icon.png) 2.8% 40% no-repeat #FFF; animation:transfer-animation 4s infinite linear;}


.ac_results.ac_results_other.new .ac_even{background:url(../images/autocompleteicon/ohter-icon.png) 2.8% 40% no-repeat #FFF;}
.ac_results.ac_results_other.new .ac_even:hover{background:url(../images/autocompleteicon/ohter-icon.png) 2.8% 40% no-repeat #FFF; animation:other-animation 4s infinite linear;}

.ac_results.ac_results_hotel.new .ac_odd{background:url(../images/autocompleteicon/hotel-icon.png) 2.8% 40% no-repeat #FFF;}
.ac_results.ac_results_hotel.new .ac_odd:hover{background:url(../images/autocompleteicon/hotel-icon.png) 2.8% 40% no-repeat #FFF; animation:hotel-animation 4s infinite linear;}
.ac_results.ac_results_transfer.new .ac_odd{background:url(../images/autocompleteicon/transfer-icon.png) 2.8% 40% no-repeat #FFF;}
.ac_results.ac_results_transfer.new .ac_odd:hover{background:url(../images/autocompleteicon/transfer-icon.png) 2.8% 40% no-repeat #FFF; animation:transfer-animation 4s infinite linear;}
.ac_results.ac_results_other.new .ac_odd{background:url(../images/autocompleteicon/ohter-icon.png) 2.8% 40% no-repeat #FFF;}
.ac_results.ac_results_other.new .ac_odd:hover{background:url(../images/autocompleteicon/ohter-icon.png) 2.8% 40% no-repeat #FFF; animation:other-animation 4s infinite linear;}

@keyframes plane-animation {
   0% {background:url(../images/autocompleteicon/plane2a.png) 1.5% 40% no-repeat #f1f2f7;}
  25% {background:url(../images/autocompleteicon/plane2a.png) 4% 40% no-repeat #f1f2f7;}
  50% {background:url(../images/autocompleteicon/plane2a.png) 1.5% 40% no-repeat #f1f2f7;}
  99% {background:url(../images/autocompleteicon/plane2a.png) 4% 40% no-repeat #f1f2f7;}
  100% {background:url(../images/autocompleteicon/plane2a.png) 1.5% 40% no-repeat #f1f2f7;}
}

@keyframes hotel-animation {
   0% {background:url(../images/autocompleteicon/hotel-icon.png) 1.5% 40% no-repeat #f1f2f7;}
  25% {background:url(../images/autocompleteicon/hotel-icon.png) 4% 40% no-repeat #f1f2f7;}
  50% {background:url(../images/autocompleteicon/hotel-icon.png) 1.5% 40% no-repeat #f1f2f7;}
  99% {background:url(../images/autocompleteicon/hotel-icon.png) 4% 40% no-repeat #f1f2f7;}
  100% {background:url(../images/autocompleteicon/hotel-icon.png) 1.5% 40% no-repeat #f1f2f7;}
}

@keyframes transfer-animation {
   0% {background:url(../images/autocompleteicon/transfer-icon.png) 1.5% 40% no-repeat #f1f2f7;}
  25% {background:url(../images/autocompleteicon/transfer-icon.png) 4% 40% no-repeat #f1f2f7;}
  50% {background:url(../images/autocompleteicon/transfer-icon.png) 1.5% 40% no-repeat #f1f2f7;}
  99% {background:url(../images/autocompleteicon/transfer-icon.png) 4% 40% no-repeat #f1f2f7;}
  100% {background:url(../images/autocompleteicon/transfer-icon.png) 1.5% 40% no-repeat #f1f2f7;}
}

@keyframes other-animation {
   0% {background:url(../images/autocompleteicon/ohter-icon.png) 1.5% 40% no-repeat #f1f2f7;}
  25% {background:url(../images/autocompleteicon/ohter-icon.png) 4% 40% no-repeat #f1f2f7;}
  50% {background:url(../images/autocompleteicon/ohter-icon.png) 1.5% 40% no-repeat #f1f2f7;}
  99% {background:url(../images/autocompleteicon/ohter-icon.png) 4% 40% no-repeat #f1f2f7;}
  100% {background:url(../images/autocompleteicon/ohter-icon.png) 1.5% 40% no-repeat #f1f2f7;}
}


::-webkit-scrollbar-track {background-color: #eee !important;-webkit-border-radius: 0px;border-radius: 0px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 0px;background: #5b5873 !important;}
.ac_results.new::-webkit-scrollbar {width:3px;}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.ac_results{width:85% !important; width: calc(100% - 54px) !important;}
.ac_even,
.ac_odd,
.ac_even1{float:left;width:100%;padding:6px 6px 6px 40px !important;}
}



/*End New Autocomplete*/




/*-- AUTOCOMPLE CSS --*/
.ul-dropdown_results{padding:0;border:1px solid #000;background-color:#fff;overflow:hidden;z-index:9999;width:500px!important; height:270px; overflow:auto;}
.ul-dropdown_results ul{width:100%;list-style:none;padding:0;margin:0;box-shadow:0 0 1px 1px #CCC;background-color:#fff}
.ul-dropdown_results li{margin:0;cursor:default;display:block;font:menu;font-size:14px;overflow:hidden}
.dropdown-li-odd{float:left;width:100%;background:url(../images/autocompleteicon/loc1.png) 3% 49% no-repeat #FFF;color:#063553;font:15px/25px DinMedium;padding:10px 20px 10px 31px;margin-top:5px}
.dropdown-li-even{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF}
.dropdown-li-even1{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF}
.dropdown-li-evenFH{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF}
.dropdown-li-evenFH1{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF}
.dropdown-li-over{background-color:#FFEC9D}
.dropdown-li-even:hover{background-color:#FFEC9D}

.ul-dropdown_results.new{border-radius:0 0 5px 5px;}
.ul-dropdown_results.new .dropdown-li-even,
.ul-dropdown_results.new .ac_even{float:left;width:100%;padding:7px 6px 7px 30px; font: 400 14px/20px Roboto,Arial,sans-serif; letter-spacing: .2px; color: #5f6368;font-size: 13px; background:url(../../Content/images/autocompleteicon/loc3.png) 2% 40% no-repeat #333333;}
.ul-dropdown_results.new li:hover{background:url(../../Content/images/autocompleteicon/loc3.png) 2% 40% no-repeat #2c2c2c; animation:plane-animation 4s infinite linear;}
.ul-dropdown_results.new .dropdown-li-even u{text-decoration:none;}
.ul-dropdown_results.new .dropdown-li-even .airport-name{display:block; line-height:15px; color:#dadada;}
.ul-dropdown_results.new .dropdown-li-even .city-name{display:block; line-height:15px; color: #717375;}

/*--webkit-scrollbar {width: 6px;}--*/
::-webkit-scrollbar-track {background-color: #1e1e1e;-webkit-border-radius: 0px;border-radius: 0px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 0px;background: #626262 !important;}
.ul-dropdown_results.new::-webkit-scrollbar {width:3px;}
/*--webkit-scrollbar--*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
.ul-dropdown_results{width:100% !important;}
.dropdown-li-even,
.dropdown-li-even1{float:left;width:100%;padding:6px 6px 6px 40px !important;}
}


@media only screen and (min-width: 600px) and (max-width: 767px) {
.ac_results.leftAutocomplete {right:27px; left: initial !important; width: calc(100% - 54px) !important;}
}

@media only screen and (min-width: 320px) and (max-width: 599px) {
.ac_results.leftAutocomplete {left:27px !important; width: calc(100% - 54px) !important;}
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
.ac_results.leftAutocomplete {right: 50% !important; left: initial !important; margin-right:-360px;}
}



/*-- AUTOCOMPLE CSS --*/
