.required {
    color: red;
}
.offcanvas-size-30 {
    width: 30% !important;
}
.offcanvas-size-50 {
    width: 50% !important;
}
.offcanvas-size-85 {
    width: 85% !important;
}

.table-view-1 {
    width: 1%;
}
.table-view-5 {
    width: 5%;
}

.table-view-10 {
    width: 10%;
}
.table-view-15 {
    width: 15%;
}
.table-view-20 {
    width: 20%;
}
.table-view-30 {
    width: 30%;
}

.table-view-40 {
    width: 40%;
}
.table-view-50 {
    width: 50%;
}

.table-responsive {
    min-height: 400px !important;
}
.dt-search,
.dt-length {
    display: none !important;
}
.bx-info-circle {
    color: #18191a !important;
}
.bx {

    display: inline !important;
  
}
.progress-container {
        background: #f8f9fa;
        padding: 1rem 0;
        border-bottom: 1px solid #dee2e6;
    }
            .step-indicator {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            max-width: 800px;
            margin: 0 auto;
            padding: 0 1rem;
        }

        .step {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            flex: 1;
        }

        .step-number {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: white;
            border: 2px solid #dee2e6;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            font-size: 0.9rem;
            z-index: 2;
        }

        .step.active .step-number {
            background: #000000;
            color: white;
            border-color: #000000;
        }

        .step.completed .step-number {
            background: #000000;
            color: white;
            border-color: #000000;
        }

        .step-label {
            margin-top: 0.5rem;
            font-size: 0.75rem;
            text-align: center;
            max-width: 150px;
        }

        .step-line {
            position: absolute;
            top: 20px;
            left: 50%;
            right: -50%;
            height: 2px;
            background: #dee2e6;
            z-index: 1;
        }

        .step:last-child .step-line {
            display: none;
        }

        .step.completed .step-line {
            background: #000000;
        }