/* Containers */
.wizard-container {
    margin-bottom: 200px;
    margin-top: 175px;
}

.tooltip-text {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    width: 300px;
    color: white;
    font-size: 12px;
    background-color: #536972;
    border-radius: 10px;
    padding: 10px 15px 10px 15px;
}

.hover-text:hover .tooltip-text {
    visibility: visible;
}

.tooltiptop {
    top: -40px;
    left: -50%;
}

.hover-text {
    position: relative;
    display: inline-block;
    font-family: Arial;
    text-align: center;
}

.currency-wrap {
    position: relative !important;
}

span.currency-code {
    position: absolute !important;
    left: 8px;
    top: 10px;
}

.sticky-top {
    top: 175px;
}

.personTable tfoot {
    display: none;
}

.td-actions {
    width: 40px;
    vertical-align: middle;
}

.td-policy-holder {
    text-align: center;
    vertical-align: middle;
    width: 100px
}

.mobile-drawer-button {
    width: 95vw !important;
    text-align: center;
    font-size: 28px;
    border: none !important;
    margin-top: 0 !important;
    background-color: #fff !important;
}

.mobile-overlay-drawer {
    display: none;
}

.offcanvas {
    width: 100vw !important;
}
@media (max-width:768px) {
    .mobile-overlay-bottom {
        position: fixed;
        bottom: 0;
        overflow: scroll;
        height: 12%;
        display: none;
    }

    .mobile-overlay-drawer {
        position: fixed;
        bottom: 0;
        overflow: scroll;
        height: 75px;
        display: block;
    }

    .mobile-hidden {
        display: none !important;
    }

    td, th {
        display: block;
    }

    td[data-th]:before {
        content: attr(data-th);
    }

    thead th {
        display:none;
    }

    .td-actions {
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }

    .td-policy-holder {
        text-align: center;
        vertical-align: middle;
        width: 100%
    }
}

/* Responsiveness for Smaller Screens in Policy Flow */
@media (min-width: 1200px) {
    .trip-summary-col {
        width: 83.33333333%;
    }

    .trip-summary-col-sm {
        width: 16.66666667%;
    }

    .trip-summary-includes {
        float: right;
    }
}

@media (max-width: 1199px) {
    .trip-summary-col {
        width: 100%;
    }

    .trip-summary-col-sm {
        width: 100%;
    }

    .trip-summary-includes {
        float: unset;
        text-align: center;
    }
}