#map_canvas {
    width: 700px;
    height: 400px;
    margin: 30px 0;
}

.quotation_wrapper {
    margin-bottom: 20px;
}

.distance_message {
    font-size: 14px;
    font-weight: 700;
    color: #0B60A9;
}

div.quotation_wrapper div#page_1 button.check_quote_button, div.quotation_wrapper div#page_2 button.send_quote_button {
    display: block;
    padding: 10px;
    text-align: center;
    width: 100%;
    background: #0B60A9;
    color: white;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 30px;
    border: none;
    cursor: pointer;
}

.tb_checkbox_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.tb_checkbox {
    width: 80px;
    height: 40px;
    background: white;
    margin: 5px 0;
    position: relative;
    border-radius: 50px;
    border: 1px solid #ccc;
    box-shadow: none;
}

.tb_checkbox:hover {
    box-shadow: 0 0 4px #0B60A934 inset;
}

.tb_checkbox label {
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 3px;
    z-index: 1;
    background: rgb(145, 150, 155);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.tb_checkbox_title {
    width: 200px;
}

.tb_checkbox input[type=checkbox] {
    visibility: hidden;
}

.tb_checkbox input[type=checkbox]:checked+label {
    left: 45px;
    background: #0B60A9;
}

#page_2, #page_3 {
    display: none;
}

#page_3 {
    margin: 50px auto;
    text-align: center;
}