/*!

    Responsiveness

*/
@media (max-width: 1920px) {
    .workflow-sequencing-parent {
        height: 325px;
    }
}

@media (max-width: 1750px) {
    .workflow-sequencing-parent {
        height: 275px;
    }
}

@media (max-width: 1580px) {
    #dialog {
        width: 70%;
    }
    #dialog-content #settings-point-categories, #dialog-content #settings-informational-points, #dialog-content #settings-tags {
        height: 27em;
    }
    #moduleSettings #settings-point-categories, #moduleSettings #settings-informational-points, #moduleSettings #settings-tags {
        height: 28em;
    }
    #dialog-content #moduleSettings .point-block, #dialog-content #moduleSettings .tags-block {
        height: calc(100% - 4em);
    }
}

@media (max-width: 1280px) {
    #dialog-header {
        padding: 0.75em 0em;
    }
    .workflow-mode-icon {
        height: 3em;
        width: 3em;
    }
    #dialog-content {
        padding: 1em;
        position: relative;
        height: calc(100% - 7.5em);
        width: auto;
        overflow: hidden;
    }
    #dialog.course-workflow .workflow-mode-card h3 {
        font-size: 1em;
    }
    .course-workflow #dialog-content {
        padding: 0.5em 1em;
        height: calc(100% - 4.75em);
    }
    .course-workflow #workflow p{
        margin-top: 0;
    }
    .course-workflow #workflow .ui.form .field {
        margin: unset;
    }
    .workflow-sequencing-parent {
        height: 350px;
    }
    .course-workflow #dialog-content #workflow {
        height: calc(100% - 4em);
    }
    #dialog-content #settings-point-categories, #dialog-content #settings-informational-points, #dialog-content #settings-tags {
        height: 22em;
    }
    #moduleSettings #settings-point-categories, #moduleSettings #settings-informational-points, #moduleSettings #settings-tags {
        height: 28em;
    }
    #dialog-content #moduleSettings .point-block, #dialog-content #moduleSettings .tags-block {
        height: calc(100% - 9em);
    }
    .ui-dialog #dialog-content #moduleSettings .point-block, .ui-dialog #dialog-content #moduleSettings .tags-block {
        height: calc(100% - 4em);
    }
    #module-scoring-component #workflow{
        height: calc(100% - 7em);
    }
    .ui-dialog #module-scoring-component #workflow{
        height: 100%;
    }
}
@media (max-width: 1000px) {
    #dialog #dialog-content {
        overflow: auto;
    }
}