/* srd-popup: class für Elemente, die Click-Handler erhalten */
.srd-popup {
    cursor:pointer;
}


/* srd-51-de-popup: ID des Dialog-Containers */
#srd-51-de-popup {
    background-color:white;
    max-height:80%;
    overflow:auto;
}
#srd-51-de-popup.srd-51-de-jquery-standalone { 
    position:fixed; 
    max-width:80ch;
    left:0;
    right:0;
    z-index: 9001; 
    margin:0 auto;
    top: 50%;
    transform: translate(0, -50%);
}

/* srd-51-de-backdrop: shadowy backdrop for srd-51-de-popup */
.srd-51-de-backdrop {
    position:relative;
}

.srd-51-de-backdrop::after {
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index:0;
    background-color:black;
    opacity: 0.7;
}


#srd-51-de-popup .modal-content {
    border:none;
    border-radius:0 !important;
}
#srd-51-de-popup .modal-body {
    padding: 0;
}



/* srd-51-de: geladener Inhalt des Dialogs */
.srd-51-de * {
    all:revert;
}

.srd-51-de {
    margin-left:auto;
    margin-right:auto;
    max-width:80ch;
    font-family: Gudea, sans-serif;
}

#srd-51-de-popup .srd-51-de {
    margin-left:0;
    margin-right:0;
    width:unset;
}

.srd-51-de h5 {
    border-bottom: 2px solid black;
    font-size:1em;
}


/* copyright-notice: Fußzeile unter dem Dialog */

.srd-51-de .copyright-notice {
    background-color:#ee3333;
    color:white;
    padding:0.5em;
    text-align: right;
}
.srd-51-de .copyright-notice a {
    text-decoration: none;
    color:inherit;
}

.srd-51-de .copyright-notice hr {
    display: none;
}

/* Monster, Magicitems, Spells */ 

.srd-51-de .monster, 
.srd-51-de .magicitem, 
.srd-51-de .spell{
    padding-left:1em;
    padding-right:1em;
    padding-bottom:1em;
}

.srd-51-de .monster .trait-name, 
.srd-51-de .magicitem .trait-name, 
.srd-51-de .spell .trait-name {
    font-style: italic;
    font-weight: bold;
}
.srd-51-de .monster .feature-name, 
.srd-51-de .magicitem .feature-name, 
.srd-51-de .spell .feature-name {
    font-weight: bold;
}
.srd-51-de .monster .nameref, 
.srd-51-de .magicitem .nameref, 
.srd-51-de .spell .nameref{
    font-style: italic;
}
.srd-51-de .monster table:not(.noborder) table,
.srd-51-de .magicitem table:not(.noborder) table,
.srd-51-de .spell table:not(.noborder) table {
    border-spacing:0;
    margin-bottom:2em;
}
.srd-51-de .monster table:not(.noborder) td, 
.srd-51-de .monster table:not(.noborder) th,
.srd-51-de .magicitem table:not(.noborder) td, 
.srd-51-de .magicitem table:not(.noborder) th,
.srd-51-de .spell table:not(.noborder) td, 
.srd-51-de .spell table:not(.noborder) th {
    border-left:1px solid silver;
    border-bottom:1px solid silver;
    margin:0;
    padding:4px;
}
.srd-51-de .monster table:not(.noborder) tr:first-child th,
.srd-51-de .magicitem table:not(.noborder) tr:first-child th,
.srd-51-de .spell table:not(.noborder) tr:first-child th {
    border-top:1px solid silver;
}
.srd-51-de.monster table:not(.noborder) td:last-child, 
.srd-51-de.monster table:not(.noborder) th:last-child,
.srd-51-de.magicitem table:not(.noborder) td:last-child, 
.srd-51-de.magicitem table:not(.noborder) th:last-child,
.srd-51-de.spell table:not(.noborder) td:last-child, 
.srd-51-de.spell table:not(.noborder) th:last-child {
    border-right:1px solid silver;
}
.srd-51-de .monster table:not(.noborder) th,
.srd-51-de .magicitem table:not(.noborder) th,
.srd-51-de .spell table:not(.noborder) th {
    background-color:#eee;
}

/* Monster */

.srd-51-de .monster {
    all:revert;
    border:unset;
    border: 4px solid #ee3333;
    padding:1em;
    line-height:1.5em;
}
.srd-51-de .monster div {
    display:inline;
}
.srd-51-de .monster hr {
    border:none;
}
.srd-51-de .monster h5 {
    border-bottom: none;
    font-size:1em;
    color:#ee3333;
    margin-bottom:0;
    margin-top:0;
}
.srd-51-de .monster .type {
    font-style:italic;
}
.srd-51-de .monster .alignment {
    font-style:italic;
}
.srd-51-de .monster .alignment::after, 
.srd-51-de .monster .stat_value::after, 
.srd-51-de .monster .attributes::after, 
.srd-51-de .monster .trait_value::after, 
.srd-51-de .monster .action_value::after, 
.srd-51-de .monster .legendary_action_value::after, 
.srd-51-de .monster .prepared_spell_list::after, 
.srd-51-de .monster .innate_spell_list::after {
    content: "\a";
    white-space: pre;
}
.srd-51-de .monster .trait_name::after, 
.srd-51-de .monster .action_name::after, 
.srd-51-de .monster .legendary_action_name::after, 
.srd-51-de .monster .prepared_spell_level::after, 
.srd-51-de .monster .innate_spell_frequency::after {
    content: ":";
}
.srd-51-de .monster .prepared_spell_level, 
.srd-51-de .monster .innate_spell_frequency {
    padding-left:1.75em;
}

.srd-51-de .monster .stat_name {
    font-weight:bold;
}

.srd-51-de .monster .trait_name, 
.srd-51-de .monster .prepared_spell_level, 
.srd-51-de .monster .innate_spell_frequency {
    font-weight:bold;
    font-style:italic;
}

.srd-51-de .monster .action_name {
    font-weight:bold;
    font-style:italic;
}

.srd-51-de .monster .attributes {
    display:flex;
    flex-wrap: wrap;
    margin-top: 1em;
    margin-bottom: 1em;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.srd-51-de .monster .attributes .a {
    flex:1;
    min-width:15%;
    font-weight:bold;
    text-align:center;
}
.srd-51-de .monster .attributes .v {
    flex:1;
    min-width:15%;
    text-align:center;
}