/* Základní styl pro pracovní prostor */
#contentArea {
    position: relative;
    background-color: #f4f4f4;
    padding: 20px;
    min-height: 400px;
    border: 1px solid #ddd;
    overflow: auto;
}

/* Styl pro komponenty, které se přetahují */
.draggable {
    margin: 10px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    cursor: move;
    position: relative;
    display: inline-block;
}

/* Přizpůsobení pro sloupce */
.col-md-1, .col-md-12 {
    width: 100%;
}

.col-md-4 {
    width: 32%;
}

.col-md-2 {
    width: 16.6%;
}

/* Styly pro komponenty ve sloupcích */
.card, .form, .button, .alert, .navbar, .listgroup, .table, .accordion, .carousel, .modal, .badge, .collapse, .popover, .tooltip, .progress {
    max-width: 100%;
}

/* Změna velikosti komponenty na základě sloupce */
.col-info {
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}