:root{
    --primary-color: #8224e3;
    --danger-color: #f8d7da;
    --success-color: #D4EDDA;
    --info-color: #D1ECF1;
    --red-color: #dc3545;
}

.ups_mabeldental_label_form .form-single {
    display: flex;
    flex-direction: column;
}
.ups_mabeldental_label_form .form-c + .form-c {
    margin-top: 1em;
}
.ups_mabeldental_label_form .form-three {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1em;
}
.ups_mabeldental_label_form .form-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}
.ups_mabeldental_label_form .form-three .form-single{
    width: 100%;
}
.ups_mabeldental_label_form button[type=submit]{
    background-color: var(--primary-color);
    color: #fff;
    font-size: 1.1em;
    border: 1px solid transparent;
}
.ups_mabeldental_label_form button[type=submit]:focus{
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}
.ups_mabeldental_label_form button[type=submit]:hover{
    background-color: #fff;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    cursor: pointer;
}

.ups_mabeldental_label_form .notice {
    margin-top: 1em;
    padding: .75em 1.2em !important;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.ups_mabeldental_label_form .notice-error {
    background-color: var(--danger-color);
    color: #721c24;
    border-color: var(--danger-color);
}

.ups_mabeldental_label_form .notice-success {
    background-color: var(--success-color);
    color: #155724;
    border-color: var(--success-color);
}
.ups_mabeldental_label_form .notice-info {
    background-color: var(--info-color);
    color: #0c5460;
    border-color: var(--info-color);
}
.ups_mabeldental_submit[disabled] {
    opacity: .5;
    pointer-events: none;
}
.package-widget.notice {
    display: none;
}
.click-btn {
    cursor: pointer;
    background-color: var(--primary-color);
    color: #fff;
    padding: .3em .5em;
    border-radius: 5px;
    border: 1px solid transparent;
    margin-left: .5em;
}
.click-btn:hover {
    background-color: #fff;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.form-single .notice {
    margin-top: 0;
}
.jquery-modal.blocker {
    z-index: 9999999;
}
#shippingLabel {
    margin-top: 20px;
    transform: scale(.5) rotate(90deg);
}
.text-center {
    text-align: center;
}
label span.required {
    margin-left: 5px;
}

span.required {
    color: var(--red-color);
}