﻿.large-table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.datatable-wrap{
    border: 0px !important;
}
.table-responsive {
    border: 1px solid #e5e9f2;
    padding:10px;
}
.mt-2{
    margin-top:20px !important;
}
.nk-kanban { overflow: auto; padding-bottom: 1rem; }

.kanban-container { position: relative; box-sizing: border-box; width: auto; display: flex; margin-left: -14px; margin-right: -14px; overflow: auto; }

.kanban-container * { box-sizing: border-box; }

.kanban-board { padding: 14px; position: relative; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); flex-shrink: 0; }

.kanban-board.disabled-board { opacity: 0.3; }

.kanban-board.is-moving.gu-mirror { transform: rotate(3deg); }

.kanban-board.is-moving.gu-mirror .kanban-drag { overflow: hidden; padding-right: 50px; }

.kanban-board-header { background: #fff; border: 1px solid #e5e9f2; border-top: 3px solid #dbdfea; border-radius: 4px; padding: .5rem 1.25rem; margin-bottom: 1rem; }

.kanban-primary { border-top-color: #6576ff; }

.kanban-success { border-top-color: #1ee0ac; }

.kanban-info { border-top-color: #09c2de; }

.kanban-warning { border-top-color: #f4bd0e; }

.kanban-danger { border-top-color: #e85347; }

.kanban-title-content { display: block; align-items: center; }

.kanban-title-content .title { font-size: 0.9375rem; margin-bottom: 0; margin-right: 0.75rem; color: #526484; }

.kanban-title-board { display: flex; align-items: center; justify-content: space-between; }

.kanban-board header .kanban-title-button { float: right; }

.kanban-board .kanban-drag { min-height: 100px; margin-bottom: 1rem; }

.kanban-board .kanban-drag:empty { border-radius: 4px; border: 1px dashed #e5e9f2; }

.kanban-board:after { clear: both; display: block; content: ""; }

.kanban-item { border-radius: 4px; border: 1px solid #e5e9f2; padding: 1rem 1.25rem; margin-bottom: 0.75rem; background: #fff; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }

.kanban-item-title { display: flex; align-items: center; justify-content: space-between; }

.kanban-item-title + .kanban-item-text { margin-top: .5rem; }

.kanban-item-title .title { font-size: 0.9375rem; margin-bottom: 0; margin-right: 0.75rem; }

.kanban-item-tags { display: flex; padding-top: 0.5rem; margin: -.125rem; }

.kanban-item-tags li { padding: .125rem; }

.kanban-item-meta { display: flex; align-items: flex-end; justify-content: space-between; padding-top: 0.5rem; }

.kanban-item-meta-list { display: flex; align-items: center; flex-wrap: wrap; margin: 0 -.25rem; }

.kanban-item-meta-list:last-child { flex-wrap: nowrap; }

.kanban-item-meta-list:first-child { padding-right: 1rem; }

.kanban-item-meta-list li { font-size: 0.8125rem; padding: 0 .25rem; color: #8094ae; }

.kanban-item-meta-list li span { white-space: nowrap; }

.kanban-item-meta-list li .icon + span { margin-left: 0.25rem; }

.kanban-item:hover { cursor: move; }

.kanban-item:last-child { margin: 0; }

.kanban-item.is-moving.gu-mirror { transform: rotate(3deg); height: auto !important; }
/* Wizard Styles */
.wizard-steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 10px;
}

    .wizard-steps::before {
        content: '';
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        height: 2px;
        background: #e5e9f2;
        z-index: 1;
    }

.wizard-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s ease;
    flex: 1;
    min-width: 80px;
}

.wizard-step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e5e9f2;
    color: #8a8a8a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
    transition: all 0.3s ease;
}

.wizard-step-title {
    font-size: 12px;
    color: #8a8a8a;
    text-align: center;
    font-weight: 500;
    transition: all 0.3s ease;
    line-height: 1.2;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .wizard-steps {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

        .wizard-steps::before {
            display: none;
        }

    .wizard-step {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 10px;
        border: 1px solid #e5e9f2;
        border-radius: 8px;
        background: #fff;
        min-width: auto;
    }

    .wizard-step-number {
        width: 30px;
        height: 30px;
        font-size: 14px;
        margin-right: 15px;
        margin-bottom: 0;
    }

    .wizard-step-title {
        font-size: 14px;
        text-align: left;
        flex: 1;
    }

    .wizard-step.active {
        border-color: #6576ff;
        background: #f8f9ff;
    }

    .wizard-step.completed {
        border-color: #28a745;
        background: #f8fff9;
    }
}

@media (max-width: 576px) {
    .wizard-step-title {
        font-size: 12px;
    }

    .wizard-step-number {
        width: 25px;
        height: 25px;
        font-size: 12px;
        margin-right: 10px;
    }
}

.wizard-step.active .wizard-step-number {
    background: #6576ff;
    color: white;
}

.wizard-step.active .wizard-step-title {
    color: #6576ff;
    font-weight: 600;
}

.wizard-step.completed .wizard-step-number {
    background: #28a745;
    color: white;
}

.wizard-step.completed .wizard-step-title {
    color: #28a745;
}

.wizard-buttons {
    border-top: 1px solid #e5e9f2;
    padding-top: 20px;
    margin-top: 20px;
}

    .wizard-buttons .btn {
        min-width: 120px;
    }