.stripe-1 {
        color: darkslategrey;
        background: repeating-linear-gradient(
                127deg,
                whitesmoke,
                whitesmoke 10px,
                ghostwhite 10px,
                ghostwhite 20px
        );
    }

    .bottom_route_waypoint {
        text-align: center;
        font-size: 9pt;
    }
    /*Entirely optional – just wanted to remove the scrollbar on WebKit browsers as I find them ugly*/
    /*.Left::-webkit-scrollbar,
    .Middle::-webkit-scrollbar,
    .Right::-webkit-scrollbar {
        display: none;
    }*/

    .route_waypoint_content_block {
        /*display: none;*/
    }

    .route_bottom_body {
        float:left;
        padding: 0;
        width: calc(var(--app-width) - 80px);
    }

    #route_day_settings_panel {
        display: flex;
    }

    .route_menu {
        border-right: 1px solid lightgrey;
    }

    .route_menu_selected {
        background-color: #333333;
    }

    .route_tooltips {
        cursor: pointer;
    }

    .dropdown-menu.dropdown-menu-wide {
        min-width: 100%;
    }

    .route_settings_details {
        position: relative;
        display: flex;
        -webkit-flex-flow: row wrap;
        -webkit-box-align: center;
        align-items: center;
        line-height: 25px;
        padding: 2px 0;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .125);
        font-size: 8pt;
    }

    /*.adventure-waypoint-state {
        font-size: 8pt;
        font-weight: 700;
        color: ghostwhite;
        text-shadow: 1px 1px 1px black;
        padding: 0;
    }*/

    .route_waypoint_unlocked .route_waypoint_handle {
        background-color: #2a70b9;
    }

    .route_waypoint_locked .route_waypoint_handle {
        background-color: goldenrod;
    }

    .route_waypoint_confirmed .route_waypoint_handle {
        background-color: darkgreen;
        color: white;
    }

    .route_waypoint_handle {
        background-color: #2a70b9;
    }

    .date_set_locked .route_waypoint_handle {
        background-color: maroon;
    }

    .bottom_waypoint_item_unlocked .route_waypoint_item {
        background-color: #2a70b9;
        color: white;
        font-weight: bold;
        text-shadow: 1px 1px 1px black;
    }

    .bottom_waypoint_item_locked .route_waypoint_item {
        background-color: goldenrod;
        color: white;
        font-weight: bold;
        text-shadow: 1px 1px 1px black;
    }

    .bottom_waypoint_item_confirmed .route_waypoint_item {
        background-color: darkgreen;
        color: white;
        font-weight: bold;
        text-shadow: 1px 1px 1px black;
    }

    /*.adventureBottom {
        display: flex;
        align-items: center;
        position: relative;
        z-index: 10;
        height: 58px;
    }*/

    .ui-state-default { border:none; background:none; }
    #route_sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
    #route_sortable li { width:100%; }

    /*This is our main wrapping element, it's made var(--app-height) high to ensure it is always the correct size and then moved into place and padded with negative margin and padding*/

    @media (max-width: 768px) {
        .adventureWaypointsContainer {
            height: calc(var(--app-height) - 40px);
        }
    }

    /*================================================================================================================================*/
    /*================================================================================================================================*/
    /*================================================================================================================================*/
    /*================================================================================================================================*/

    .route_waypoint {
        line-height:normal;
        background-color: transparent;
        color: rgb(105, 105, 105);
        border: none;
    }

    .route_waypoint .route_waypoint_block {
        border: 1px solid lightgray;
        box-shadow: 0 2px 4px rgba(0,0,0,.2);
        padding: 10px;
        cursor: pointer;
        background-color: white;
        border-radius: 8px;
    }

    .route_waypoint_name {
        font-weight: bold;
    }

    #route_sortable_placeholder {
        height: 95px;
        line-height: 95px;
    }

    .route_bottom_owner_outer {
        background-color: #2a70b9;
    }

    .route_party_menu {
        padding: 0;
    }

    .route_party_menu_selected {
        background-color: #333333;
        color: white;
    }

    #adventurePartyDropdownMenuButton {
        height: 39px;
    }

    @media (max-width: 992px) {
        #adventurePartyDropdownMenuButton {
            height: 29px;
        }
    }

    .route_avoid_caution {
        background-color:#ffeb9c;
        border:1px solid darkorange;
        color:darkorange;
        line-height: 40px;
    }

    .route_avoid_dangerous {
        background-color:#ffcccc;
        border:1px solid #dd7777;
        color:#A30000;
        line-height: 40px;
    }

    .route_avoid_avoid {
        background-color:#ffcccc;
        border:1px solid #dd7777;
        color:#A30000;
        line-height: 40px;
    }

    .route_waypoint_popup .leaflet-popup-content-wrapper {
        border-radius: 0;
    }

    .route_waypoint_popup .leaflet-popup-content {
        margin: 0;
        width: 250px;
    }

    .aonline-map-back-button {
        display: none;
    }

    .aonline-map-zoom-button {
        display: none;
    }

    @media (max-width: 576px) {
        /* XS */

        .content_zoom_map {
            display: none;
        }

        .aonline-map-back-button.aonline-map-back {
            display: block!important;
        }

        #route_waypoint_edit_profile {
            width: 70px;
            height: 70px;
            max-width: 70px;
            max-height: 70px;
        }

        .aonline-map-zoom-button.aonline-map-zoom {
            display: block;
        }
    }

    @media (min-width: 576px) {
        /* SM */

        #route_waypoint_edit_profile {
            width: 70px;
            height: 70px;
            max-width: 70px;
            max-height: 70px;
        }
    }

    @media (min-width: 768px) {
        /* MD */

        #route_waypoint_edit_profile {
            width: 70px;
            height: 70px;
            max-width: 70px;
            max-height: 70px;
        }
    }

    @media (min-width: 992px) {
        /* LG */

        #route_waypoint_edit_profile {
            width: 100px;
            height: 100px;
            max-width: 100px;
            max-height: 100px;
        }
    }

    @media (min-width: 1200px) {
        /* XL */

        #route_waypoint_edit_profile {
            width: 100px;
            height: 100px;
            max-width: 100px;
            max-height: 100px;
        }
    }

    @media (min-width: 1400px) {
        /* XXL */

        #route_waypoint_edit_profile {
            width: 100px;
            height: 100px;
            max-width: 100px;
            max-height: 100px;
        }
    }

    #route_sortable.route_list_hide_details .route_waypoint_content_block {
        display: none;
    }

    #route_sortable.route_list_hide_notes .route_waypoint_content_notes_block {
        display: none;
    }

    .arrow-icon {
        width: 14px;
        height: 14px;
    }

    .arrow-icon > div {
        margin-left: -1px;
        margin-top: -3px;
        transform-origin: center center;
        font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    }

    /* ============================================================================================================================= */
    /* ============================================================================================================================= */
    /* ============================================================================================================================= */

    /* General tooltip styling */
    .leaflet-tooltip-html-table {
        background-color: white;
        border: 1px solid #999;
        padding: 5px;
        border-radius: 4px;
    }

    /* Table styling */
    .my-tooltip-table {
        border-collapse: collapse;
        width: 100%;
        font-size: 8pt;
    }

    /* Row styling */
    .my-tooltip-table .tooltip-row {
        height: 26px; /* Set row height */
        background-color: #f8f8f8; /* Alternate row background */
    }

    /* Row styling */
    .my-tooltip-table .tooltip-header {
        font-weight: bold;
    }

    .my-tooltip-table .tooltip-content {
        text-align: right;
    }

    /* Optional zebra striping */
    .my-tooltip-table .tooltip-row:nth-child(even) {
        background-color: #e0e0e0;
    }

    /* Padding inside cells */
    .my-tooltip-table td {
        padding: 4px 8px;
        vertical-align: middle;
    }