/* статусы заказов */
.status-create {
    padding: 0.125rem 0.5rem;
    background-color: #ad9c91;
    color: white;
    border-color: #646464;
}

.status-payment-required {
    padding: 0.125rem 0.2rem;
    background-color: #bd2e1b;
    color: white;
    border-color: #646464;
}

.status-paid {
    padding: 0.125rem 0.5rem;
    background-color: #0f7697;
    color: white;
    border-color: #646464;
}

.status-processing {
    padding: 0.125rem 0.5rem;
    background-color: #3ca1f3;
    color: white;
    border-color: #646464;
}

.status-shipped {
    padding: 0.125rem 0.5rem;
    background-color: #7114b1;
    color: white;
    border-color: #646464;
}

.status-delivered {
    padding: 0.125rem 0.5rem;
    background-color: #137e0f;
    color: white;
    border-color: #646464;
}

.status-canceled {
    padding: 0.125rem 0.2rem;
    background-color: #434040;
    color: white;
    border-color: #646464;
}

.status-default {
    padding: 0.125rem 0.5rem;
    background-color: #e9b10a;
    color: #4f3f30;
    border-color: #ddd2c3;
}


/* типы доставки */
.type-delivery {
    background-color: #7e22a9;
    color: white;
}

.type-pickup {
    background-color: #007b87;
    color: white;
}

.type-recipient-confirmation {
    background-color: #971200;
    color: white;
}

.type-default {
    background-color: #657180;
    color: white;
}


/* заголовки для alert */
/*.alert {
    position: relative;
    padding-top: 2rem;*/ /* Увеличиваем верхний отступ для заголовка */
/*}*/

.alert-title {
    position: absolute;
    top: -0.75rem;
    left: 1rem; /* Соответствует внутренним отступам alert */
    background-color: white;
    padding: 0 0.5rem;
    font-size: 80%;
    font-weight: bold;
    color: #6c757d;
}


/* обязательное поле */
.required:after {
    color: red;
    content: " *";
}