body[data-layout="horizontal"] .page-content{
    margin-top: 20px;
}


@keyframes fadeOutTop {
    from {opacity: 1; position: absolute; top: 100px;}
    to {opacity: 0; position: absolute; top: 200px;}
}

.fade-out-top{
    animation-name: fadeOutTop;
    animation-duration: 0.5s;
}

@keyframes fadeInTop{
    from {opacity: 0; position: absolute; top: 0;}
    to {opacity: 1; position: absolute; top: 100px;}
}

.fade-in-top{
    animation-name: fadeInTop;
    animation-duration: 0.5s;
}

.navbar-header{
    max-width: 100% !important;
}

.no-opacity{
    opacity: 0;
}

.image-thumbnail-same-size{
    height: 60px;
    width: 80px;
}

.small-box{
    width: 25px;
    height: 25px;
    border-radius: 0.15em;
}

.clickable{
    cursor: pointer;
}

.w-5{
    width: 5% !important;
}

.vh-100{
    height: 100vw;
}

.icon-img{
    height: 40px;
    width: 40px;
    border-radius: 25px;
    object-fit: cover;
}

.live-search{
    background-color: white;
    z-index: 2;
    width: 50%;
    position: relative;
    bottom: 16px;
    list-style: none;
    border: 1px solid lightgray;
    border-top: none;
    padding: 10px;
}

.live-search li{
    height: 25px;
    line-height: 25px;
    background-color: #eff2f7;
}

.live-search li:hover{
    cursor: pointer;
    background-color: #d2dae8;
}

.flight-detail .flight-detail-table div{
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

.flight-detail div span{
    flex-basis: 50%;
}