/*** common ***/

.order_progress_meter_box {

    width: 100%;

    max-width: 550px;

    margin: 10px auto;

}



.order_progress_meter_box h2 {

    font-size: 20px !important;

    line-height: 26px !important;

    font-weight: normal !important;

    font-family: "Josefin Sans", sans-serif !important;

    color: #2f2f2f;

    text-align: center;

    text-transform: uppercase;

}



.order_progress_meter_box h3 {

    font-size: 20px !important;

    line-height: 26px !important;

    font-weight: normal !important;

    font-family: "Josefin Sans", sans-serif !important;

    color: #5f5f5f;

    text-align: center;

}



.order_progress_meter_box p {

    font-size: 1rem;

    font-weight: 400;

    text-align: center;

}



.order_progress_meter_box p.tracking {

    font-size: 16px;

    line-height: 20px;

    color: #2f2f2f;

    text-align: center;

    padding: 5px;

}



.order_progress_meter_box p.tracking a {

    color: #e1251b;

    font-weight: bold;

    text-decoration: underline;

}



.order_progress_meter_box table {

    font-size: 1rem;

    margin: 0 20px;

}



.order_progress_meter_box table td {

    vertical-align: top;

    padding: 5px;

}



.order_progress_meter_box #progress_meter_progress_bar {

    display: inline-block;

    margin: 25px 20px;

}



/*** admin ***/

#order_progress_meta_box .order-progress-form {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));

    grid-column-gap: 5px;

}



#order_progress_meta_box .order-progress-form label {

    white-space: nowrap;

}



/*** front ***/

#order_progress_find_box {

    padding: 30px;

    max-width: 470px;

    margin: 0 auto;

}



#order_progress_find_box input {

    display: block;

    margin: 10px 0;

    padding: 5px 8px;

    width: 100%;

    box-sizing: border-box;

}



#order_progress_find_box button {

    display: block;

    width: 100%;

    box-sizing: border-box;

}



#order_progress_loader {

    position: fixed;

    left: 50%;

    top: 50%;

    width: 80px;

    height: 80px;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.order_progress_find_result {

    margin-top: 40px;

    margin-bottom: 40px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.order_progress_find_result p.error {

    font-weight: bold;

}



.order_progress_find_result h2 {

    font-size: 22px;

    line-height: 26px;

    font-weight: normal;

    text-align: center;

    margin-bottom: 12px;

}



.order_progress_find_result .order_progress_meter_box {

    max-width: 600px;

}



.order_progress_find_result button {

    margin-top: 30px;

    font-size: 1rem !important;

    padding: 0.25em 1em !important;

}