#cards-assignment-name {
    font-size: 1.1rem;
}


#main-container-body, table {
    min-width: 800px!important;
    /* add 1000px if screen size bigger */
}



th#actions {
    color: hsl(220, 100%, 50%)!important;
    font-size: 1.1rem!important;
}


.swal2-shown {
    overflow: auto !important;
  }


.lead {
    font-size: 1.1rem !important;
}

#edit-kbd-tips {
    position: relative;
    top: -5rem;
}

#edit-kbd-tips td {
    padding: 0!important;
    border-spacing: 0!important;
    padding-right: 0.2rem!important;
}

#edit-kbd-tips-blank {
    opacity: 0;
}

#marking-elements-table.grading-form-editing td.element-info textarea {
    resize: both;
    white-space: pre-wrap;
}

#feedback-items-table.feedback-set-editing td.item-text textarea {
    resize: both;
    white-space: pre-wrap;
}

#assignment-header-info button {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

#allocated-markers-table table, #markers-table table {
    table-layout: auto!important;
    min-width: 75%!important;
    max-width: 75%!important;
}

/* all/most these below need changing/removing etc */

#marking-elements-table td.element-name  {
    max-width: 30ch;
}

#marking-elements-table td.element-group  {
    max-width: 20ch;

}
#marking-elements-table td.element-max-marks {
    max-width: 30ch;
}

#marking-elements-table td.element-info  {
    max-width: 80ch;
}

#marking-elements-table.grading-form-editing td.element-info  {
    max-width: 100ch;
}


#marking-elements-table td.element-feedback  {
    max-width: 20ch;
}

#marking-elements-table td.element-feedback-items  {
    max-width: 30ch;
    min-width: 20rch;
}

#feedback-items-table td.item-mark {
    /* min-width: 5rem;
    max-width: 5rem; */
    width: 5rem;
}

#feedback-items-table table {
    min-width: fit-content!important;

}

.td-max-width-50ch {
    max-width: 50ch;
}

.td-max-width-100ch {
    max-width: 100ch;
}

#main-footer {
    margin-top: 10rem;
}


#infobox-container {
    max-width: 50rem;
    min-width: 50rem;
}


.max-width-15rem {
    display: flex!important;
    max-width: 15rem!important;
    /* min-width: 15rem!important; */
}