h3 {
    color: #000000 !important;
    font-family: "Inter" !important;
    font-size: 25px !important;
    display: block !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    width: 100% !important;
    margin-top: 0px;
    margin-bottom: 0px;
}

h4 {
    color: #490b7f !important;
    font-family: "Inter" !important;
    font-size: 20px !important;
    display: flex !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    width: 100% !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: 100% !important;
    align-items: end !important;
}

.control-label {
    color: #374151;
    font-size: 12px;
    font-weight: 500;
    font-family: "Inter" !important;
}

.validation-message {
    font-family: "Inter" !important;
    color: #dc2626;
    font-size: .835em;
    padding-top: 3px;
    padding-left: 2px;
}

.active-color {
    color: #007d00 !important;
    position: relative !important;
}

.active-color-background {
    background-color: #ccffcc !important;
    border-radius: 8px;
    text-align: center;
}

.inactive-color {
    color: #c40000 !important;
    position: relative !important;
}

.inactive-color-background {
    background-color: #ffd7cc !important;
    border-radius: 8px;
    text-align: center;
}

.published-color {
    color: #490b7f !important;
    position: relative !important;
}

.published-color-background {
    background-color: #c1a4c9 !important;
    border-radius: 8px;
    width: 85px;
    text-align: center;
}

.pending-color {
    color: #5c5c75 !important;
    position: relative !important;
}

.pending-color-background {
    background-color: #f0f0f5 !important;
    border-radius: 8px;
    width: 65px;
    text-align: center;
}

.processing-color {
    color: #005cbf !important;
    position: relative !important;
}

.processing-color-background {
    background-color: #cce5ff !important;
    border-radius: 8px;
    width: 85px;
    text-align: center;
}

.completed-color {
    color: #007d00 !important;
    position: relative !important;
}

.completed-color-background {
    background-color: #ccffcc !important;
    border-radius: 8px;
    width: 85px;
    text-align: center;
}

.completed-with-error-color {
    color: #c40000 !important;
    position: relative !important;
}

.completed-with-error-color-background {
    background-color: #ffd7cc !important;
    border-radius: 8px;
    width: 160px;
    text-align: center;
}

.code {
    background-color: #f5f5f7;
    border-radius: 6px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px;
    font-size: 0.9rem;
    white-space: pre-wrap;
}