.route_edit_point_menu_header {
        font-size: small;
        font-weight: normal;
        background-color: #a2a2a2;
        padding: 12px 0 10px 10px;
        color: ghostwhite;

        text-shadow: 1px 1px 1px black;
        text-align: left;
    }

    .blank_space {
        cursor: pointer;
        line-height: 30px;
        width: calc(100% / 7);
        float: left;
    }

    .day {
        cursor: pointer;
        font-size: 12px;
        line-height: 30px;
        color: #696969;
        width: calc(100% / 7);
        float: left;
    }

    .darkgrey {
        background-color: whitesmoke;
    }

    .lightgrey {
        background-color: lightgrey;
    }

    .highlighted_day {
        background-color: #4885c5;
        color: white;
        font-weight: bold;
    }

    .start_date {
        background-color: #2a70b9;
        color: white;
        font-weight: bold;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .end_date {
        background-color: #2a70b9;
        color: white;
        font-weight: bold;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .calandar_unselectable {
        cursor: pointer;
        font-size: 12px;
        line-height: 30px;
        width: calc(100% / 7);
        float: left;
        background-color: lightgrey;
        color: darkgrey;
    }

    .calendar_header_first {
        border-left: 1px solid lightgrey;
    }
    .calendar_header {
        background-color: #2a70b9;
        color: white;
        font-weight: bold;
        font-size: 7pt;
        line-height: 30px;
        text-align: center;
    }

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

    .route_edit_point_fixed {
        background-color: maroon;
    }

    .route_edit_point_locked {
        background-color: goldenrod;
    }

    .route_edit_point_confirmed {
        background-color: darkgreen;
    }

    .waypoint_settings_header {
        position: relative;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        align-items: center;
        line-height: 44px;
        margin-bottom: -1px;
        border: 1px solid rgba(0, 0, 0, .125);
        font-size: 9pt;
    }

    .waypoint_settings_menu_selected {
        background-color: darkslategray;
        color: white;
    }

    @media (min-width: 992px) {
        /* LG */
        #route_waypoint_edit_header_name {
            margin-left: 0;
            line-height:25px;
            font-size: 11pt;
        }

        #route_waypoint_edit_header_type {
            margin-left: 0;
            line-height:12px;
            font-size: 7pt;
        }
    }

    @media (max-width: 992px) {
        /* SM */
        #route_waypoint_edit_header_name {
            margin-left: 0;
            line-height:15px;
            font-size: 8pt;
        }

        #route_waypoint_edit_header_type {
            margin-left: 0;
            line-height: 15px;
            font-size: 5pt;
        }
    }