.margin_20 {
    margin-top: 20px;
}

.delievery_boy_table {
    margin-top: 40px 20px;
}

.delievery_boy_table tr td {
    text-align: center;
    padding: 12px 15px;
}

.delievery_boy_table table tbody tr th {
    margin-top: 20px;
}


.delievery_boy_table td a {
    text-decoration: none;
}



#delievery_boy_table_wrapper {
    margin: 50px 20px 20px 20px;
}

#delievery_boy_table_length label select {
    width: 60px;
}


/* Frontend */


#user_data_form {
    gap: 10px;
    padding: 0;
    width: 40%;
    margin: auto
}

#user_data_form label {
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
}

#user_data_form .text-field {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

#user_data_form .submit-btn {
	width:100%;
    background-color: #EE1D00;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
	font-weight:bold;
    cursor: pointer;
    /* margin-left: 20px; */
}


.my-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.my-table th,
.my-table td {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
}

.my-table th {
    background-color: #eee;
    font-weight: bold;
}

.my-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.my-btn {
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}

.my-primary-btn {
    background-color: #4CAF50;
    color: white;
    border: none;
}

.my-secondary-btn {
    background-color: #ccc;
    color: black;
    border: none;
}

.alert-danger {
    width: 60%;
    background-color: #ee4f43;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.my-buttons a {
    text-decoration: none;
}