body {
    background-color: #F2F6FA;
}

.app-container {
    max-width: 1600px;
}

.main-text-color {
    color: #516FEB;
}

.second-text-color {
    color: #173470;
}

.dark-text-titles {
    color: #414F63;
}

.draggable {
    width: 120px;
    height: 50px;
    background-color: #3498db;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    border-radius: 8px;
    font-weight: bold;
}

/*.drop-area {
    width: 400px;
    height: 200px;
    margin-top: 30px;
    border: 2px dashed #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-direction: column;
    padding: 20px;
    text-align: center;
}*/

.hidden {
    display: none;
}

.row-handle {
    cursor: move;
}

.item-card {
    cursor: move;
}

.sortable-ghost {
    opacity: 0.4;
}

.sortable-chosen {
    background-color: #f3f4f6;
}

.sortable-drag {
    opacity: 0.8;
    transform: scale(1.05);
    z-index: 1000;
}

.drop-placeholder {
    border: 2px dashed #3b82f6;
    background-color: rgba(59, 130, 246, 0.1);
}


.tabulator {
    border: none !important;
}

.tabulator-header {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #E5E7EB !important;
    background-color: white !important;
}

.tabulator-header .tabulator-col {
    border: none !important;
    background-color: white !important;
    margin-bottom: 20px;
}

.tabulator-row {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #E5E7EB !important;
    padding: 10px 0px;
}

.tabulator-row .tabulator-cell {
    border: none !important;
}

.tabulator-row.tabulator-row-even {
    background-color: white !important;
}

.tabulator-row.tabulator-row-odd {
    background-color: white !important;
}

.tabulator-footer {
    display: none !important;
}