/*--------------------------------------------------------------------------------------------------------*/
/* FLIGHT SEARCH PANEL - REFINE SEARCH */
/*--------------------------------------------------------------------------------------------------------*/
/* Control display of a Tooltip box shown when hovering over a Passenger type selection drop-down */
.pax-age-tooltip {
    position: relative;
}

.pax-age-tooltip .tooltiptext {
    visibility: hidden;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px 6px;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    padding: 10px 15px 2px 15px;
    position: absolute;
    z-index: 2;
    bottom: 120%;
    /* margin-left: 10px; */
    opacity: 0.6;
    transition: opacity 0.3s;
}

.pax-age-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 70%;
    margin-left: 5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* make tooltip visible when hovered over */
.pax-age-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


/* control the left position and width of each respective tooltip box */
.pax-age-infants .tooltiptext {
    left: -30%;
    width: 132%;
    z-index: 5;
}

.pax-age-youths .tooltiptext {
    left: -30%;
    width: 132%;
    z-index: 5;
}

.pax-age-children .tooltiptext {
    left: 1%;
    width: 120%;
    z-index: 5;
}