/* Responsive */
.responsive-hidden {
    display: block;
}

@media (max-width: 768px) {
    .responsive-hidden {
        display: none!important;
    }
}
/* End Responsive */

/* Timeline */

.timeline {
    display: flex;
    width: 25%;
}

.timeline .step {
    text-align: center;
    flex: 1;
    position: relative;
}

.timeline .step:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: lightgray;
    z-index: -1;
}

.timeline .step-icon {
    width: 20px;
    height: 20px;
    background-color: lightgray;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8em;
}

.timeline .step-icon.draft {
    background-color: #f0ad4e;
    color: white;
}

.timeline .step-icon.submitted {
    background-color: #00446e;
    color: white;
}

.timeline .step-icon.processing {
    background-color: #f8d7da;
    color: #721c24;
}

.timeline .step-icon.approved {
    background-color: #2f9c00;
    color: white;
}

.timeline .step-icon.rejected {
    background-color: #ad0000;
    color: white;
}

.timeline .step-icon.inputs {
    background-color: #fff3cd;
    color: #856404;
}

.timeline .step-icon.approval {
    background-color: #cce5ff;
    color: #004085;
}

.timeline .step-icon.filings {
    background-color: #d1ecf1;
    color: #0c5460;
}

.timeline .step-icon.closed {
    background-color: #d4edda;
    color: #155724;
}

.timeline-dev {
    display: flex;
    justify-content: right;
}

/* End Timeline */

/* Colors */

.text-processing-color {
    color: #721c24!important;
}

.text-approved-color {
    color: #2f9c00!important;
}

.text-rejected-color {
    color: #ad0000!important;
}

.text-draft-color {
    color: #f0ad4e!important;
}

.text-submitted-color{
    color: #00446e!important;
}

.text-pending_approval-color {
    color: #00446e!important;
}

.text-paid-color {
    color: #2f9c00!important;
}

.text-uploaded-color {
    color: #2f9c00!important;
}

.background-approved-color {
    background-color: #2f9c00!important;
}

.background-paid-color {
    background-color: #2f9c00!important;
}

.background-updated-color {
    background-color: #2f9c00!important;
}

.background-processing-color {
    background-color: #f8d7da!important;
}

.background-draft-color {
    background-color: #f0ad4e!important;
}

.background-rejected-color {
    background-color: #ad0000!important;
}

.background-submitted-color{
    background-color: #00446e!important;
}

.background-pending_approval-color {
    background-color: #00446e!important;
}

.text-inputs-color {
    color: #856404!important;
}

.text-approval-color {
    color: #004085!important;
}

.text-filings-color {
    color: #0c5460!important;
}

.text-closed-color {
    color: #155724!important;
}

.background-inputs-color {
    background-color: #fff3cd!important;
}

.background-approval-color {
    background-color: #cce5ff!important;
}

.background-filings-color {
    background-color: #d1ecf1!important;
}

.background-closed-color {
    background-color: #d4edda!important;
}

.holiday_highlight {
    background-color: #fdd!important;
    opacity: 0.6;
}

.holiday_highlight_text {
    position: relative;
    text-align: left;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
    line-height: normal;
}
/* End Colors */

/* Div Modifications */

.display-none-class {
    display: none!important;
}

/* End Div Modifications */

/* ID Styles */
#topAlert {
    text-align: center;
    display: none;
    position: fixed;
    top: 60px;
    left: 25%;
    width: 50%;
    z-index: 1050;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

#topAlert.show {
    opacity: 1;
}

#loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    top: 45%;
    position: fixed;
    left: 50%;
    z-index: 9999;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Enc ID Styles */