.select-city{position:absolute;z-index:15;top:calc(100% + .5rem);border:1px solid var(--bs-border-color);box-shadow:var(--bs-box-shadow-lg);border-radius:var(--primary-radius)}.select-city .box-title{display:flex;align-items:center;padding:1rem}.select-city .box-title .search-city{position:relative;flex-grow:1;padding:0 1rem}.select-city .box-title .search-city .loader{position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.select-city .list-point>li{cursor:pointer;position:relative;overflow:hidden}.select-city .list-point>li.disabled{pointer-events:none}.select-city .list-point>li.disabled .city-item{opacity:.4}.select-city .list-point>li .city-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;transition:background .2s ease}.select-city .list-point>li:hover,.select-city .list-point>li:hover .text-muted{color:var(--bs-link-hover-color)!important}.select-city .list-point>li:hover .city-item{background:var(--bg-soft)}.select-city.vertical{width:517px;left:-117px;background:var(--bs-body-bg);transition:left .2s ease,opacity .2s ease}.select-city.vertical #cityTab{display:flex;border-top:1px solid var(--bs-border-color)}.select-city.vertical #cityTab .nav{box-shadow:inset -10px 0 5px -5px rgba(0,0,0,.05);padding:1rem 0 1rem 1rem;width:168px;border:0}.select-city.vertical #cityTab .nav .nav-link{padding:1rem;color:inherit;background:var(--body-bg);border-radius:0;border-right:0;border-color:var(--bs-border-color);box-shadow:inset -10px 0 5px -5px rgba(0,0,0,.05);transition:margin .3s ease,border-radius .3s ease,padding .3s ease,width .3s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:calc(168px - 1rem);position:relative}.select-city.vertical #cityTab .nav .nav-link:first-child{border-top-left-radius:1rem}.select-city.vertical #cityTab .nav .nav-link:last-child{border-bottom-left-radius:1rem}.select-city.vertical #cityTab .nav .nav-link:hover{margin-left:-.5rem;border-radius:.5rem 0 0 .5rem;width:calc(168px - .5rem)}.select-city.vertical #cityTab .nav .nav-link.active{z-index:1;margin-left:-1.5rem;width:calc(100% + 1.5rem);border:0;border-left:3px solid var(--bs-primary);border-radius:.75rem 0 0 .75rem;background:var(--bs-body-bg);font-weight:600;box-shadow:-10px 0 5px -5px rgba(0,0,0,.05),0 -10px 5px -5px rgba(0,0,0,.05),0 10px 5px -5px rgba(0,0,0,.05)}.select-city.vertical #cityTab .tab-content{flex:1;height:486px;overflow:hidden;border-bottom-right-radius:var(--primary-radius)}.select-city.vertical #cityTab .tab-content .tab-pane{height:100%;overflow-y:auto;padding:1rem .5rem 1rem 1rem}.select-city.vertical .list-point{list-style-type:none;margin-bottom:0;padding:0}.select-city.vertical .list-point>li .city-item{flex-direction:row-reverse;justify-content:space-between}.select-city.vertical .arpt-code{font-size:12px;font-weight:500;background-color:var(--bs-secondary-bg-subtle);border-radius:4px;padding:2px 6px;min-width:40px;text-align:center}.select-city.horizontal{width:100%;background:var(--body-bg)}.select-city.horizontal #cityTab .nav{padding-left:1rem}.select-city.horizontal #cityTab .nav .nav-link{color:var(--bs-body-color)}.select-city.horizontal #cityTab .nav .nav-link.active{color:var(--bs-link-hover-color);font-weight:500}.select-city.horizontal #cityTab .tab-content{padding:1.25rem;background:var(--bs-body-bg);border-radius:0 0 var(--primary-radius) var(--primary-radius)}.select-city.horizontal .list-point{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem 1rem;list-style:none;padding:0;margin:0}.select-city.horizontal .list-point>li .city-item{border-radius:.75rem}.select-city.horizontal .arpt-code{flex-shrink:0;font-size:12px;font-weight:500;border-radius:50rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--bs-primary);color:#fff}#cityList{overflow:hidden;background:var(--bs-body-bg);border-top:1px solid var(--bs-border-color);border-radius:0 0 var(--primary-radius) var(--primary-radius)}#cityList .city-list{padding:.5rem;overflow-y:auto;overflow-x:hidden;max-height:468px}#cityList .airport-item{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:.5rem 1rem}#cityList .airport-item:last-child{border-bottom:0}#cityList .airport-item:hover,#cityList .airport-item:hover .text-muted{color:var(--bs-link-hover-color)!important}#cityList .airport-item:hover .fw-medium b{color:var(--bs-link-hover-color)!important}#cityList .airport-item b{font-weight:600;animation:highlight .5s ease-out forwards}.select-city.vertical #cityList .airport-item{flex-direction:row-reverse;justify-content:space-between}#clearSearch{height:calc(100% - .1rem);position:absolute;top:0;right:.75rem;padding:0 1rem;background:none;border:0}#clearSearch>i{color:var(--bs-danger);font-size:18px;line-height:18px;cursor:pointer;vertical-align:middle}#clearSearch:hover>i{color:#ff4500}[data-bs-theme=dark] .select-city{border:1px solid var(--bs-border-color)}[data-bs-theme=dark] .select-city.vertical #cityTab .nav{box-shadow:inset -1px 0 1px -1px #fff}[data-bs-theme=dark] .select-city.vertical #cityTab .nav .nav-link{border-right:1px solid var(--bs-border-color)}[data-bs-theme=dark] .select-city.vertical #cityTab .nav .nav-link.active{border:1px solid var(--bs-border-color);border-right:0}.highlight{display:inline-block;animation:highlight .4s ease-out forwards;border-radius:4px}@media(max-width:1200px){.select-city.horizontal #cityTab .nav{flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 1rem .5rem 1rem;border-bottom:0}.select-city.horizontal #cityTab .nav .nav-link{border-radius:50rem;margin-bottom:0}.select-city.horizontal #cityTab .nav .nav-link:hover{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-link-hover-color)}.select-city.horizontal #cityTab .nav .nav-link.active{border:1px solid var(--bs-border-color)}.select-city.horizontal .list-point{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.select-city.horizontal .list-point{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.select-city{width:100%!important;height:100%!important;position:fixed;top:0!important;left:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1}.select-city .box-title{display:block}.select-city .box-title h5{text-align:center}.select-city .box-title .search-city{margin-top:.75rem;padding:0}.select-city .box-title .btn-close{padding:1rem;position:absolute;top:.125rem;left:.25rem}.select-city #cityTab .tab-content{border-top:1px solid var(--bs-border-color)}.select-city.horizontal{transform:translateY(100%);transition:transform .3s ease}.select-city.horizontal.show{transform:translateY(0)}.select-city.horizontal #cityTab .nav::-webkit-scrollbar{display:none}.select-city.horizontal #cityTab .tab-content{height:calc(100vh - 141px)!important;padding:.5rem .5rem 4rem .5rem;border-radius:0;overflow-y:auto;overflow-x:hidden}.select-city.horizontal .list-point{display:block}.select-city.vertical{transform:translateX(-100%);transition:transform .3s ease}.select-city.vertical.show{transform:translateX(0)}.select-city.vertical #cityTab .nav{display:block;width:130px}.select-city.vertical #cityTab .nav .nav-link{width:calc(130px - 1rem);padding-left:.75rem;padding-right:0;font-size:12px}.select-city.vertical #cityTab .nav .nav-link.active{margin-left:-.75rem!important;width:calc(100% + .75rem)!important;border-left:2px solid var(--bs-primary)}.select-city.vertical #cityTab .nav .nav-link:hover{width:calc(130px - .5rem)}.select-city.vertical #cityTab .tab-content{height:calc(100vh - 98px);border-bottom-right-radius:0;border-top:0}.select-city.vertical #cityTab .tab-content .tab-pane{padding-left:.5rem;padding-bottom:3rem}#cityList{height:calc(100vh - 98px);border-radius:0}#cityList .city-list{padding:.5rem 0 2rem 0;max-height:unset;height:100%}}@keyframes highlight{0%{transform:scale(.1);opacity:0}80%{background:#ffd800;color:#000;transform:scale(1.3);opacity:.8}100%{background:transparent;transform:scale(1);font-weight:bold;color:var(--bs-body-color);opacity:1}}