.flex-wrapper {
    display: flex;
    justify-content: space-between;
}

.flex-wrapper .flex-daily-wages {
    display: flex;
    flex-direction: column;
    width: 60%;
}

.flex-wrapper .flex-mileage {
    display: flex;
    flex-direction: column;
    width: 39%;
}

#dailyWageItems {
    margin-top: 20px;
}

#dailyWageItems input,
#dailyWageItems span:not(.custom-checkbox-checkmark) {
    border-bottom: none;
}

#mileageTable td,
#dailyWageItems td {
    padding: 0px 8px;
}

#mileageTable input,
#mileageTable span:not(.custom-checkbox-checkmark) {
    border-bottom: none;
}

.mileage-rows td p,
.daily-wage-rows td p {
    margin: 0;
    padding: 4px 6px;
}

.validation-error-border {
    border-bottom: 1px red solid !important;
}

@media only screen and (max-device-width: $min-screen-sm) {
    .flex-wrapper {
        flex-direction: column;
        overflow: auto;
    }

    .flex-wrapper .flex-daily-wages {
        width: 99%;
    }

    .flex-wrapper .flex-mileage {
        width: 99%;
    }
}

@media only screen and (min-device-width: $min-screen-md) {
    .custom-col-label {
        width: 140px !important;
    }

    .custom-col-input {
        width: calc(100% - 140px) !important;
    }
}