/* AUTOCOMPLETE */
ul.ui-autocomplete::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #4188c7;}
ul.ui-autocomplete::after {content: ''; position: absolute; top: 2px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #FFF;}
ul.ui-autocomplete {border: none !important;width: 274px;margin-left: 10px;padding: 9px 0px 0px 0px !important;float: left; z-index: 1060 !important;}
ul.ui-autocomplete li {background: #4188c7;display: block;font-size: 1em;min-height: 21px;margin:0px;}
ul.ui-autocomplete li.ui-menu-item {float: none;width: 325px;padding: 4px 0px 2px 0px;border-left: 1px solid #4188c7;border-right: 1px solid #4188c7;background: #FFF;}
ul.ui-autocomplete li.ui-menu-item:last-child {background: none;background-color: #FFF;padding-bottom: 3px;border-bottom: 1px solid #4188c7;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
ul.ui-autocomplete li.ui-menu-item a.ui-state-focus{text-decoration: underline;}
ul.ui-autocomplete li.ui-menu-item a {width: calc(100% - 55px);margin-left: 10px !important;font-family: 'Open Sans', sans-serif;}
ul.ui-autocomplete li.ui-menu-item a > label{color: #6D6D6D;}
ul.ui-autocomplete li.ui-menu-item div {width: 96%;height: 1px;border-bottom: 1px solid #4188c7;margin-left: 5px;}
ul.ui-autocomplete li.ui-menu-item:last-child div {border: none !important;}
ul.ui-autocomplete li:first-child {margin-top: 0px;padding-top: 4px;border-top: 1px solid #4188c7;border-top-right-radius: 5px;border-top-left-radius: 5px;}
ul.ui-autocomplete li a {color:#000;cursor: pointer;min-height: 21px;margin: 0px !important;-moz-border-radius: 0px !important;-webkit-border-radius: 0px !important;border: none !important;text-align: left;}
ul.ui-autocomplete li a:hover{color:#333;text-decoration: underline;}
ul.ui-autocomplete li:not(.ui-autocomplete-category):after{content: ' ';float: left;clear: both;width: calc(100% - 22px);height: 1px;border-bottom: 1px solid #4188c7;margin-left: 10px;}
ul.ui-autocomplete li:last-child:after {content: initial;}
ul.ui-autocomplete li span {color: #333;font-size: 10px;font-style: italic;}
ul.ui-autocomplete li.ui-autocomplete-category {
    width: 325px;
    margin-top: 0;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 21px;
    height:20px;
    color:#FFF;
    border-left: 1px solid #4188c7;
    border-right: 1px solid #4188c7; }
ul.ui-autocomplete li.ui-autocomplete-category > label{ text-transform: capitalize; }

/* AUTOCOMPLETE - SCROLL */
ul.ui-autocomplete:not(.not-scroll) {width: 342px !important; max-height: 400px; overflow-y: auto; overflow-x: hidden; scrollbar-color: #4188c7 #F5F5F5; scrollbar-width: auto;}
ul.ui-autocomplete:not(.not-scroll)::-webkit-scrollbar { width: 13px; background-color: #F5F5F5; }
ul.ui-autocomplete:not(.not-scroll)::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); border-radius: 4px; background-color: #F5F5F5; }
ul.ui-autocomplete:not(.not-scroll)::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); border-radius: 4px; background-color: #4188c7; }

/* AUTOCOMPLETE - HOTELS / ACTIVITY  */
ul.ui-autocomplete li.ui-menu-item[class*="s"] a,  ul.ui-autocomplete li.ui-menu-item[class*="s"] a.ui-state-hover{
    color:#333;
    padding: 0 10px 4px 30px !important;
}
/* City */
ul.ui-autocomplete li.ui-menu-item.s3 a,  ul.ui-autocomplete li.ui-menu-item.s3 a.ui-state-hover {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 2px center;
} 
/* Hotel */
ul.ui-autocomplete li.ui-menu-item.s5 a,  ul.ui-autocomplete li.ui-menu-item.s5 a.ui-state-hover {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 2px center;
} 
/* Tag */
ul.ui-autocomplete li.ui-menu-item.s7 a,  ul.ui-autocomplete li.ui-menu-item.s7 a.ui-state-hover {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 2px center;
} 
/* Place */
ul.ui-autocomplete li.ui-menu-item.s16 a,  ul.ui-autocomplete li.ui-menu-item.s16 a.ui-state-hover {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 2px center;
} 
/* Plane */
ul.ui-autocomplete li.ui-menu-item.s10 a,  ul.ui-autocomplete li.ui-menu-item.s10 a.ui-state-hover,
ul.ui-autocomplete li.ui-menu-item.s17 a,  ul.ui-autocomplete li.ui-menu-item.s17 a.ui-state-hover {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-plane.svg) no-repeat 2px center;
}
/* Ship */
ul.ui-autocomplete li.ui-menu-item.s18 a,  ul.ui-autocomplete li.ui-menu-item.s18 a.ui-state-hover {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-ship.svg) no-repeat 2px center;
}
/* Train */
ul.ui-autocomplete li.ui-menu-item.s19 a,  ul.ui-autocomplete li.ui-menu-item.s19 a.ui-state-hover {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-train.svg) no-repeat 2px center;
}
/* Bus */
ul.ui-autocomplete li.ui-menu-item.s20 a,  ul.ui-autocomplete li.ui-menu-item.s20 a.ui-state-hover {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 2px center;
}
/* District */
ul.ui-autocomplete li.ui-menu-item.s21 a,  ul.ui-autocomplete li.ui-menu-item.s21 a.ui-state-hover {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 2px center;
} 
/* Activity */
ul.ui-autocomplete li.ui-menu-item.s22 a,  ul.ui-autocomplete li.ui-menu-item.s22 a.ui-state-hover,
 ul.ui-autocomplete li.ui-menu-item.s23 a,  ul.ui-autocomplete li.ui-menu-item.s23 a.ui-state-hover, 
 ul.ui-autocomplete li.ui-menu-item.s25 a,  ul.ui-autocomplete li.ui-menu-item.s25 a.ui-state-hover,
 ul.ui-autocomplete li.ui-menu-item.s26 a,  ul.ui-autocomplete li.ui-menu-item.s26 a.ui-state-hover,
 ul.ui-autocomplete li.ui-menu-item.s27 a,  ul.ui-autocomplete li.ui-menu-item.s27 a.ui-state-hover {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 2px center;
} 
/* Point Interes */
ul.ui-autocomplete li.ui-menu-item.s28 a,  ul.ui-autocomplete li.ui-menu-item.s28 a.ui-state-hover {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 2px center;
}
/* Google Places */
ul.ui-autocomplete li.ui-menu-item.s29 a,  ul.ui-autocomplete li.ui-menu-item.s29 a.ui-state-hover {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 2px center;
}

/* AUTOCOMPLETE - SEARCHER */
input.ui-autocomplete-input {background-color: #FFF !important;}
input.ui-autocomplete-input[class*="s"] {
    padding: 1px 0 1px 30px !important;
    width:calc(100% - 34px) !important;
}
/* City */
input.ui-autocomplete-input.s3 {background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 6px center;}
/* Hotel */
input.ui-autocomplete-input.s5 {background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 6px center;}
/* Tag */
input.ui-autocomplete-input.s7 {background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 6px center;}
/* Place */
input.ui-autocomplete-input.s16 {background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 6px center;}
/* Plane */
input.ui-autocomplete-input.s10,
input.ui-autocomplete-input.s17 {background: url(../../../img/JB/autocomplete/transfer-icon/ico-plane.svg) no-repeat 6px center;}
/* Ship */
input.ui-autocomplete-input.s18 {background: url(../../../img/JB/autocomplete/transfer-icon/ico-ship.svg) no-repeat 6px center;}
/* Train */
input.ui-autocomplete-input.s19 {background: url(../../../img/JB/autocomplete/transfer-icon/ico-train.svg) no-repeat 6px center;}
/* Bus */
input.ui-autocomplete-input.s20 {background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 6px center;}
/* District */
input.ui-autocomplete-input.s21 {background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 6px center;}
/* Activity */
input.ui-autocomplete-input.s22, input.ui-autocomplete-input.s23,
 input.ui-autocomplete-input.s25, input.ui-autocomplete-input.s26, input.ui-autocomplete-input.s27, input.ui-autocomplete-input.s28, input.ui-autocomplete-input.s29 {
    background: url(../../../img/JB/autocomplete/transfer-icon/ico-place.svg) no-repeat 6px center;
}