.select-city{width:calc(100% - 2.4rem);position:absolute;z-index:10;transition:left .2s ease,opacity .2s ease;left:-100px}.select-city .box-title{display:flex;align-items:center;padding:1rem 1rem .75rem 1rem}.region-container{display:flex;border-top:1px solid var(--bs-border-color)}.region-container .nav{box-shadow:inset -10px 0 5px -5px rgba(0,0,0,.05);padding:1rem 0 1rem 1rem;width:168px}.region-container .nav .nav-link{padding:1rem;color:inherit;background:var(--body-bg);border-top:1px solid var(--bs-border-color);border-bottom:1px solid 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);margin-top:-1px}.region-container .nav .nav-link:first-child{border-top:0;border-top-left-radius:1rem}.region-container .nav .nav-link:last-child{border-bottom:0;border-bottom-left-radius:1rem}.region-container .nav .nav-link:hover{margin-left:-.5rem;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;border:1px solid var(--bs-border-color);border-right:0;width:calc(168px - .5rem)}.region-container .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);background:var(--bs-body-bg);border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;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)}.region-container .nav .nav-link.active+.nav-link{border-top:0}.region-container .tab-content{flex:1;max-height:500px;overflow-x:hidden;padding:.75rem 0 .75rem 1rem;background:var(--bs-body-bg)}.list-point{list-style-type:none;margin-bottom:0;padding:0}.list-point>li{cursor:pointer}.list-point>li:hover,.list-point>li:hover .text-muted{color:var(--bs-link-hover-color)!important}.list-point>li.disabled{color:#ff4500;pointer-events:none}.list-point>li .city-item{display:flex;align-items:center;justify-content:space-between;padding:.25rem .75rem .25rem 0}.list-point>li:last-child .city-item{border-bottom:0}.select-city .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}#cityList{overflow-y:auto;overflow-x:hidden;max-height:468px;border-top:1px solid var(--bs-border-color)}#cityList .airport-item{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem 1rem;border-bottom:1px solid var(--bs-border-color)}#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}#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] .region-container .nav{box-shadow:inset -1px 0 1px -1px #fff}[data-bs-theme=dark] .region-container .nav .nav-link{border-right:1px solid var(--bs-border-color)}[data-bs-theme=dark] .region-container .nav .nav-link.active{border:1px solid var(--bs-border-color);border-right:0}@media(max-width:767px){.select-city{width:100%;height:100%;position:fixed;top:0!important;left:0!important;border-radius:0!important;box-shadow:none!important;transform:translateX(-100%);transition:all .3s ease;opacity:1}.select-city.show{transform:translateX(0)}.select-city .box-title{padding:0 0 0 1rem}.select-city .box-title .btn-close{padding:1rem}.region-container{height:100%}.region-container .nav{width:130px;overflow:hidden}.region-container .nav .nav-link{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1rem 0 1rem .75rem;width:100%;transition:margin .3s ease,border-radius .3s ease,padding .3s ease,width .3s ease}.region-container .nav .nav-link.active{padding-left:.75rem;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;margin-left:-.75rem!important;width:calc(100% + .75rem);border-left:2px solid var(--bs-primary)}.region-container .nav .nav-link:hover{margin-left:-.75rem;width:calc(100% + .75rem)}.region-container .tab-content{max-height:unset;height:calc(100% - 93px);padding-bottom:50px;padding:.75rem;padding-right:.5rem}#cityList{max-height:calc(100% - 93px);padding-bottom:50px}.list-point{height:100%}.list-point>li .city-item{padding:.5rem 0}}