html {
    height: 100%;
}

body {
    min-height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    background: #f7f7f7;
    font-family: 'Open Sans', 'arial', 'sans-serif';
    color: #011627;
}

.lddfw_back_to_login_link svg,
#lddfw_back_to_forgot_password_link svg {
    width: 12px;
    top: -1px;
}

#lddfw_driver_delivered_note_wrap,
#lddfw_driver_note_wrap {
    margin-bottom: 10px;
}

.lddfw_date_range {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 12px;
}

#lddfw_orders_table .lddfw_box {
    min-height: 122px;
}

.lddfw_box .lddfw_counter {
    border: 1px solid #f1f0f0;
    background: #f7f7f7;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    color: #011627;
    font-size: 12px;
    line-height: 29px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.lddfw_order_view {
    padding: 2px 8px;
    margin-left: 45px;
}

.lddfw_multi_checkbox {
    cursor: pointer;
    position: relative;
}

.lddfw_multi_checkbox.lddfw_active {
    background-color: #007bff21;
}

.lddfw_multi_checkbox .lddfw_order_checkbox {
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.lddfw_multi_checkbox .custom-control-label {
    cursor: pointer;
}

.lddfw_multi_checkbox .custom-control-label::before,
.lddfw_multi_checkbox .custom-control-label::after {
    width: 20px;
    height: 20px;
}

.lddfw_handle_column {
    position: absolute;
    top: 0px;
    right: 13px;
    top: 0px;
    margin-top: 0px;
    z-index: 0;
    height: 100%;
}

#lddfw_header .lddfw_sidenav a.active,
#lddfw_header .lddfw_sidenav a:active {
    background-color: #cce5ff;
}

.lddfw_box.lddfw_active {
    background-color: #cce5ff;
}

#lddfw_next_delivery .btn {
    margin-top: 10px;
}

#lddfw_next_delivery {
    margin-bottom: 15px;
}

.lddfw_handle_column .lddfw_sort-up {
    clear: both;
    display: block;
    margin-bottom: 15px;
}

.lddfw_handle_column .lddfw_fas {
    font-size: 20px;
}

#lddfw_order {
    margin-top: 15px;
}

.lddfw_box .lddfw_order_number {
    display: block;
    font-size: 12px;
    padding-left: 45px;
}

.lddfw_box .lddfw_order_address,
.lddfw_box .lddfw_order_custom {
    display: block;
    padding-left: 45px;
}

.lddfw_box .lddfw_order_distance {
    display: block;
    padding-left: 45px;
}

.lddfw_box .lddfw_line {
    display: block;
    padding-left: 45px;
}

.lddfw_order_total_tbl i {
    font-weight: normal;
}

a {
    text-decoration: none !important;
}

a,
.lddfw_table {
    color: #011627;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
}

.lddfw_table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #f5f5f5;
    margin-top: 0px;
    padding-top: 0px;
}

.lddfw_table td,
.lddfw_table th {
    border-top: 0px;
    border-bottom: 1px solid #f5f5f5;
}

.lddfw_title {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
}

#lddfw_calldispatch i {
    font-size: 17px;
    margin-bottom: 4px;
}

#lddfw_calldispatch {
    position: fixed;
    bottom: 96px;
    border: 1px solid #f2f9ff;
    z-index: 1;
    width: 100px;
    background-color: #d0e6fd;
    border-radius: 65px;
    height: 60px;
    width: 60px;
    color: #131313;
    font-size: 12px;
    right: 10px;
    text-align: center;
    line-height: 11px;
}

#lddfw_plain_route_row {
    line-height: 28px;
}

.lddfw_box p {
    margin: 0px;
}

.lddfw_box {
    border: 1px solid #dee2e6;
    width: 100%;
    border-radius: 4px;
    text-align: left;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    color: #4c4c4c;
}

.lddfw_box.lddfw_min {
    min-height: 155px;
    margin-bottom: 15px;
}

.lddfw_box .lddfw_title {
    border-bottom: 1px solid whitesmoke;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
    margin: 0px;
    color: #011627;
    margin-bottom: 10px;
}

.lddfw_dashboard .lddfw_box a:hover {
    color: #000;
}

.lddfw_dashboard .lddfw_box .lddfw_number {
    font-size: 50px;
    display: block;
}

#lddfw_plainroute {
    font-size: 28px;
}

#lddfw_driver_note_wrap {
    margin-top: 15px;
}

#lddfw_home .lddfw_cover {
    padding: 0px;
    height: 50%;
    background-color: #fed14c;
    text-align: center;
    min-height: auto;
    position: relative;
}

body::after {
    content: "";
    display: block;
}

.lddfw_cover {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #ffffff;
    color: #011627;
    margin-bottom: 15px;
}

.lddfw_helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#lddfw_home {
    text-align: center;
    background-color: #fed14c;
    color: #011627;
    position: fixed;
    width: 100%;
    height: 100%;
}

.lddfw_cover img {
    max-height: 100%;
    max-width: 100%;
}

#lddfw_home .lddfw_cover img {
    height: auto;
    width: auto;
}

#lddfw_page h1 {
    color: #011627;
    font-size: 26px;
}

#lddfw_home h1 {
    color: #011627;
    font-size: 30px;
    font-weight: bold;
}

label.error {
    margin-top: -15px;
    color: #ce0404;
}

#lddfw_application_thankyou .lddfw_back_to_login_link {
    margin-top: 50px;
}

#lddfw_application_link {
    margin-top: 28px;
    display: inline-block;
    font-size: 14px;
}

#lddfw_view_assigned_orders_button,
#lddfw_view_out_of_delivery_orders_button {
    margin-top: 15px;
}

#lddfw_page {
    padding-bottom: 127px;
}

.lddfw_page .lddfw_signup_button {
    margin-top: 20px;
    margin-bottom: 20px;
}

#lddfw_forgot_password_link,
.lddfw_back_to_login_link {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

#lddfw_delivered_screen_btn {
    margin-bottom: 10px;
}

a#view_assigned_orders_button {
    margin-bottom: 15px;
}

#lddfw_orders_table .pagination {
    margin: 0px;
    margin-bottom: 7px;
}

#lddfw_delivered_btn,
.lddfw_date_range,
.lddfw_page form input,
.lddfw_page form textarea,
.lddfw_submit_btn,
.lddfw_loading_btn,
#lddfw_resend_button,
.lddfw_delivery_form .lddfw_btn,
.lddfw_plain_route_wrap {
    margin-bottom: 15px;
}

.spinner-border-sm {
    top: -5px;
    position: relative;
}

#lddfw_login,
#lddfw_forgot_password {
    text-align: left;
}

.alert {
    text-align: left;
    margin-bottom: 15px;
}

.alert ul {
    list-style: none;
    margin: 0px;
}

#lddfw_logout {
    font-size: 32px;
    color: #011627;
}

#lddfw_thankyou {
    text-align: center;
    padding-top: 100px;
}

.lddfw_delivery_form .lddfw_lightbox_wrap {
    top: 0;
    margin-top: 10px;
    position: absolute;
    width: 100%;
}

.lddfw_delivery_form #lddfw_driver_comment_label {
    margin-top: 40px;
}

#lddfw_thankyou .lddfw_btn {
    margin-top: 20px;
}

#lddfw_thankyou .fa-check-circle {
    font-size: 75px;
    margin-bottom: 20px;
    width: 100px;
    color: #51b951;
}

#lddfw_application_thankyou .fa-check-circle {
    color: #51b951;
}

#lddfw_thankyou .lddfw_lightbox_wrap {
    top: 50%;
    margin-top: -150px;
    position: absolute;
    width: 100%;
}

.lddfw_lightbox_wrap .btn {
    margin-bottom: 10px;
}

.lddfw_lightbox {
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    padding-top: 70px;
}

.lddfw_footer_buttons {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    padding: 10px 0px;
    border-top: 1px solid #dee2e6;
    box-shadow: 0px 0 10px rgba(216, 216, 216, 0.6);
    z-index: 99;
}

.lddfw_lightbox_close {
    font-size: 58px;
    right: 10px;
    position: fixed;
    top: -11px;
    color: #011627;
    text-decoration: none;
}

.lddfw_logout-col {
    margin-top: 10px;
}

#lddfw_header {
    height: 70px;
    border-bottom: 1px solid #dee2e6;
    padding-top: 9px;
    background-color: #fff;
    margin-bottom: 0px;
    color: #011627;
    padding-top: 19px;
    line-height: 32px;
}

#lddfw_header .lddfw_col-8.lddfw_text-center,
#lddfw_hide_map .lddfw_col-8.lddfw_text-center {
    font-size: 20px;
}

#lddfw_orders_table .lddfw_fa-sort {
    font-size: 22px;
}

#lddfw_sort_orders a {
    font-size: 20px;
    border: 1px solid #dee2e6;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 4px;
}

#lddfw_sort_orders a:focus {
    background: #295d8d;
    color: #fff;
}

#lddfw_order #order_number {
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
    margin-top: 10px;
}

#lddfw_navigation_buttons {
    margin-bottom: 10px;
}

#lddfw_order p,
#lddfw_out_for_delivery_button_loading,
#lddfw_claim_orders_button_loading {
    margin: 0px;
}

#view_out_of_delivery_orders_button {
    margin-bottom: 15px;
}

.lddfw_map_buttons {
    margin-top: 15px;
}

#lddfw_order #lddfw_customer {
    line-height: 19px;
}

#lddfw_menu {
    position: relative;
}

#lddfw_availability {
    font-size: 28px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

#lddfw_availability .fa-toggle-off {
    color: #dc3545;
}

#lddfw_availability .fa-toggle-on {
    color: #28a745;
}

#lddfw_header a {
    color: #011627;
}

#lddfw_header .lddfw_dropdown-item {
    color: #011627;
}

.lddfw_cover i {
    font-size: 100px;
    padding-top: 30px;
    padding-bottom: 30px;
}

svg {
    width: 20px;
    vertical-align: middle;
    position: relative;
}

#lddfw_mySidenav svg,
.lddfw_navigation svg {
    top: -2px;
}

.lddfw_box .lddfw_text {
    font-size: 21px;
}

.lddfw_cover svg {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100px;
}

.lddfw_premium-feature .lddfw_content-title {
    font-weight: bold;
    margin-bottom: 15px;
}

.lddfw_subtitle {
    margin-bottom: 15px;
}

.lddfw_premium-feature {
    text-align: left;
}

.lddfw_premium-feature .lddfw_title {
    margin-bottom: 50px;
    text-align: center;
}

.lddfw_premium-feature svg {
    top: -3px;
}

.lddfw_premium-feature.lddfw_inline {
    display: inline-block;
}

.lddfw_items img {
    float: left;
    margin-right: 10px;
    max-width: 50px;
    max-height: 50px;
}

.lddfw_back_link svg,
#lddfw_menu .fa-bars,
#lddfw_availability svg,
#lddfw_hide_map_btn .fa-arrow-left {
    width: 30px;
}

#lddfw_claim_orders_button svg,
#lddfw_out_for_delivery_button svg {
    top: -1px;
}

#lddfw_order svg {
    top: -2px;
    width: 16px;
}

#lddfw_plainroute_btn svg {
    top: -3px;
}

#lddfw_plainroute_btn .fa-lock {
    width: 16px;
}

.availability-text {
    line-height: 42px;
}

.lddfw_table td.lddfw_space_col {
    width: 70%;
    border: none;
}

.lddfw_total_col {
    width: 100px;
    text-align: center;
}

#lddfw_content {
    padding-top: 15px;
}

.lddfw_home #lddfw_content {
    background-color: transparent;
}

#lddfw_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
}

#lddfw_user_avatar {
    border-radius: 100px;
    width: 100px;
    height: 100px;
    border: 1px solid silver;
}

.lddfw_avatar-col {
    text-align: right;
    margin-top: 10px;
}

#lddfw_menu .lddfw_availability {
    position: absolute;
    font-size: 8px;
    right: 20px;
    top: 16px;
    background: #fff;
    border-radius: 28px;
    padding: 2px;
    width: 11px;
}

.lddfw_sidenav h3 {
    font-size: 20px;
    margin: 5px;
    margin-top: 0px;
}

.lddfw_sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    padding-top: 16px;
    color: #011627;
    text-align: left;
}

#lddfw_directions-panel-listing {
    padding-top: 0;
    height: 40%;
    overflow-y: auto;
    font-size: 14px;
    bottom: 0px;
}

#lddfw_directions-panel-listing .fa-map-marker {
    font-size: 26px;
    color: #eb4335;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 50%;
    margin-left: -9px;
    z-index: 0;
}

#lddfw_directions-panel-listing .lddfw_text-center {
    position: relative;
}

#lddfw_directions-panel-listing .lddfw_point {
    position: absolute;
    margin-left: -14px;
    margin-top: 0px;
    color: #fff;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -4px;
}

#lddfw_directions-panel-listing .lddfw_address {
    background: #f3f9ff;
    padding-top: 5px;
    padding-bottom: 5px;
}

#lddfw_directions-panel-listing .lddfw_drive {
    margin-bottom: 5px;
    margin-top: 5px;
}

.lddfw_order_products_tbl td,
.lddfw_order_products_tbl .table th {
    border-top: 1px solid whitesmoke;
}

tr:first-child td,
tr:first-child th {
    border: none;
}

a.lddfw_closebtn {
    font-size: 58px !important;
    right: 1px !important;
    top: 10px !important;
}

#lddfw_hide_map {
    height: 70px;
    padding-top: 9px;
    background-color: #fff;
    margin-bottom: 0px;
    color: #011627;
    padding-top: 19px;
    line-height: 32px;
    margin-top: -70px;
}

.lddfw_dropdown-divider {
    border-top: 1px solid #dee2e6;
}

.lddfw_sidenav .dropdown-header {
    color: #011627;
    text-align: center;
}

.lddfw_sidenav .lddfw_dropdown-item:focus,
.lddfw_sidenav .lddfw_dropdown-item:hover {
    background-color: rgba(0, 0, 0, #075);
}

#lddfw_header .lddfw_sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #011627;
    display: block;
    transition: 0.3s;
}

.lddfw_sidenav a:hover {
    color: #f1f1f1;
}

.lddfw_sidenav .lddfw_closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#lddfw_main {
    transition: margin-left .5s;
    padding: 16px;
}

.lddfw_map-main-outer {
    height: 577px;
    border: solid 1px #ccc;
    padding: 5px;
    width: 100% !important;
    margin-top: 0 !important;
}

#lddfw_directions-panel td {
    padding: 5px 0px;
}

#lddfw_directions-panel tr {
    border-bottom: 1px solid silver;
}

#lddfw_directions-panel tr:last-child {
    border-bottom: none;
}

.lddfw_list-section {
    height: 190px;
    border: 1px solid silver;
    padding: 10px;
    overflow: auto;
    margin-top: 10px;
    direction: rtl;
    text-align: right;
}

.lddfw_box.lddfw_no_orders {
    text-align: center;
    padding-top: 63px;
    padding-bottom: 63px;
}

.lddfw_confirmation h2 {
    text-align: center;
    margin-top: 25%;
    margin-bottom: 100px;
}

#lddfw_total_route b {
    display: inline-block;
}

#lddfw_total_route {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
}

#lddfw_map123 {
    height: 60%;
}

#lddfw_right-panel {
    font-family: 'Roboto', 'sans-serif';
    line-height: 30px;
    padding-left: 10px;
}

#lddfw_right-panel select,
#lddfw_right-panel input {
    font-size: 15px;
}

#lddfw_right-panel select {
    width: 100%;
}

#lddfw_right-panel i {
    font-size: 12px;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#lddfw_map {
    height: 100%;
    width: 100%;
}

#lddfw_right-panel {
    margin: 20px;
    border-width: 2px;
    width: 20%;
    height: 400px;
    float: left;
    text-align: left;
    padding-top: 0;
}

#lddfw_directions-panel {
    margin-top: 10px;
    background-color: #FFEE77;
    padding: 10px;
    overflow: scroll;
    height: 174px;
}

.lddfw_delivery_form .custom-control {
    border: 1px solid #f1f0f0;
    margin-bottom: 10px;
    padding: 0px;
    border-radius: 4px;
    cursor: pointer;
}

.lddfw_delivery_form .custom-control-label {
    cursor: pointer;
    padding: 10px;
    width: 100%;
    padding-left: 40px;
}

.lddfw_delivery_form .custom-radio .custom-control-label::before {
    left: 12px;
    top: 14px;
}

.lddfw_delivery_form h1 {
    font-size: 22px;
}

.table.lddfw_order_total_tbl tr:last-child td {
    border-top: 1px solid #dee2e6;
}

@media screen and (max-height: 450px) {
    .lddfw_sidenav {
        padding-top: 15px;
    }
    .lddfw_sidenav a {
        font-size: 18px;
    }
}