/**
 * Allow the page to be a bit wider than our base template, for the pool config
 */

.content {
    max-width: 90em;
}

/**
 * Styles for the control area
 */

.control_area {
    border: 2px solid black;
    background: paleturquoise;
    position: -webkit-sticky;
    position: sticky;
    top: 1em;
}

.modlink, .modgen, .modreset {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
}

.biggest_cell {
    width: 100%;
}

/**
 * Tweaks to our error-reporting classes
 */

.bad {
    color: red;
    margin-top: 1em;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.bad ul {
    margin-block-end: 0px;
}

.bad ul > li {
    padding-bottom: 0px;
}

/**
 * Altering Mayhem Level-specific config
 */

.leveltable tr td {
    vertical-align: top;
}

.mayhem_config td {
    padding-left: 3em;
    vertical-align: top;
}

.scaling_table tr td {
    padding-left: 0;
    vertical-align: center;
}

.mayhem_pool_select {
    padding-top: .2em;
    padding-bottom: .2em;
}

.mayhem_header_1 h2 {
    border-bottom: .3em solid #2ef120;
}

.mayhem_header_2 h2 {
    border-bottom: .3em solid #8deb12;
}

.mayhem_header_3 h2 {
    border-bottom: .3em solid #c4e80a;
}

.mayhem_header_4 h2 {
    border-bottom: .3em solid #e4db06;
}

.mayhem_header_5 h2 {
    border-bottom: .3em solid #eaaa06;
}

.mayhem_header_6 h2 {
    border-bottom: .3em solid #f36305;
}

.mayhem_header_7 h2 {
    border-bottom: .3em solid #fd0f04;
}

.mayhem_header_8 h2 {
    border-bottom: .3em solid #f90860;
}

.mayhem_header_9 h2 {
    border-bottom: .3em solid #f311ce;
}

.mayhem_header_10 h2 {
    border-bottom: .3em solid #d911d7;
}

.mayhem_header_11 h2 {
    border-bottom: .3em solid #2c042b;
}

.pool_config_header {
    border-bottom: .3em solid black;
}

/**
 * Modifier Pool Config
 */

.leveltable {
    padding-top: 0px;
}

.modtable_container {
    overflow-x: auto;
}

.modtable tr td {
    padding-right: 3em;
}

.modheader {
    text-align: center;
    font-weight: bold;
}

.modlist {
    font-size: smaller;
}

.mod_easy {
    color: green;
    font-style: normal;
}

.mod_medium {
    color: darkgoldenrod;
    font-style: normal;
}

.mod_hard {
    color: red;
    font-style: normal;
}

.mod_veryhard {
    color: purple;
    font-style: normal;
}

.mod_mayhem11 {
    color: black;
    font-style: normal;
}

.mod_none {
    color: black;
    font-style: italic;
}