td, th{
    text-align: left;
    vertical-align: left;
}
#action-toggle{
    text-align: center;
    vertical-align: middle;
}

/* filter forms fields - Gennamn 1 - Genförändring 1 - ( Gennamn , Genförändring )in drag and drop */
.custom-input{
    width: 500px;
    border: 1px solid #ccc;
    padding-left:10px;
    font-size: 16px;
}
.custom-input:focus {
    border-color: #ccc;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);   
}


/*  Select2 field "Diagnosis" */
.select2-container {
    width: 500px !important; /* Ensure the Select2 dropdown fits its container */
}
.select2-selection {
    border: 1px solid #ccc !important;
    padding-top: 10px !important;
    padding-bottom: 30px !important;
}
.select2-selection:focus  {
    border-color: #ccc !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;    
}

/*Query Name - Diagnosis */
/* Make label and field appear on separate lines */
.form-field label {
    display: block; /* Each label takes a full line */
    margin-bottom: 10px; /* Add some space below the label */
}