#drag-container {
  width: 100%;
  height: 400px;
  border: 1px solid #ccc;
  position: relative;
}

#draggable {
  width: 100px;
  height: 100px;
  background-color: #f00;
  position: absolute;
  cursor: move;
}

#dropzone {
  width: 200px;
  height: 200px;
  background-color: #0f0;
  position: absolute;
  right: 10px;
  top: 10px;
}
/* ****************************************************** */
table.generaltable {
    width: 100%;
    border-collapse: collapse;
}

table.generaltable th, table.generaltable td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

table.generaltable th {
    background-color: #f4f4f4;
}

select {
    padding: 5px;
}
/* ****************************************************** */
/* Stile per i link di navigazione */
#sidebar ul {
    padding: 0;
}

#sidebar li {
    padding: 0px 0;
}

#sidebar a {
    text-decoration: none;
    color: #0073e6;
    font-weight: bold;
    display: block;
}

#sidebar a:hover {
    background-color: #d0e7ff;
    border-radius: 4px;
    padding: 0px;
}

/* Stile per il contenuto */
#content {
    border-left: 1px solid #ccc;
    padding: 20px;
}

#content h3 {
    color: #333;
}
/* ************************************************** */
.mastrino {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    max-width: 600px;
    background-color: #f9f9f9;
}

.mastrino-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.mastrino-body {
    display: flex;
    justify-content: space-between;
}

.mastrino input[type="text"],
.mastrino select,
.mastrino input[type="number"] {
    padding: 10px;
    width: 45%;
}
/* ************************************************************************** */
.drag-container {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.generaltable {
    width: 45%;
    border-collapse: collapse;
}

.generaltable th, .generaltable td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
}

.dropzone {
    height: 50px;
    background-color: #f9f9f9;
    border: 2px dashed #ccc;
}

.dropzone.dragover {
    background-color: #e2e2e2;
}

.draggable {
    cursor: move;
}


.mtc-nowrap,
.mtc-nowrap label {
    white-space: nowrap;
}
