.display-none
{ display:none;
}
#center_dropdowns
{
  margin-bottom:1em;
}

.help_button
{
  margin:0px;
  padding:2px 5px;
  font-size:90%;
  font-weight: 800;
  border: 2px black solid;
}

#lastPage {
  margin: 0px 0em;
  background-color: lightgrey;
  border-radius: 2em;
  border: 2px solid black;
}
#lastPage .cell_X {
  padding:0px 1em;
  width:auto;
  border: 0px;
}


#lastPage .cell_A
{
  border-radius: 2em 0px 0px 2em;
  background-color: aliceblue;
  padding:0px 1em;
  display: block;
  width:100%;
}
#lastPage .cell_B
{
  background-color: aliceblue;
  padding:0px 1em;
  display:none;
  width:100%;
}
#lastPage .cell_C
{
  border-radius: 0px 2em 2em 0px;
  background-color: aliceblue;
  padding:0px 1em;
  display:none;
  width:100%;
}
#lastPage h1
{
  font-size:14pt;
}
#lastPage h2
{
  font-size:11pt;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#lastPage h3
{
  font-size:11pt;
  padding-top: 0px;
  margin-top: 0px;
}
#lastPage p
{
  font-size:9pt;
  margin-top: 0px;
  padding-top: 0px;
}


.top_buttons {
font-size:85%;
width:calc(19% - 1em);
letter-spacing: -0.4px;
padding:0.1em 5px 0.2em 5px;
}

#form98_1
{ color: rgba(255,255,255,0);
}

[data-tooltip]::before {
  position : absolute;
  content : attr(data-tooltip);
  opacity : 0;
}
[data-tooltip]:hover::before {
  opacity : 1;
}
#dialogDiceRollInput {
  display:none;
  position:absolute;
  top: 0px;
  left: 0px;
  border:2px solid #333;
  border-radius: 1em;
  z-index: 55;
  width:80vw;
  margin:1em 10vw;
  background-color: #eee;
  padding: 1em;
}
#dialogDiceRollInput h4{
  margin:0px 0px 0.5em;
  font-size: 200%;
  text-transform: uppercase;
}
#dialogDiceRollInput div
{
  margin-top:1em;
}
#dialogDiceRollInput input[type=button]
{
  font-size:120%;
  min-width:5em;
  border-radius: 0.3em;
  background-color: white;
}
#dialogDiceRollInput input[type=button]:hover
{ background-color: grey; 
  color:white;
}
#dialogDiceRollInput div span
{ xx--min-width:4.5em;
}

#dialogDiceRollInput span
{ display:inline-block;
  position:relative;
}
#dialogDiceRollInput input[type=number]
{
  font-size:3.2vw;
  text-align: center;
  border-radius: 0.3em;
  padding-left: 0.4em;
}
#dialogDiceRollInput span[data-role="csRoll4d6"]
{
  display:inline-block;
  position:absolute;
  z-index: 90;
  padding-top:0.1em;
  padding-left:0.3em;
  cursor:default;
  color:silver;
  font-size: 120%;
}
.icon-element
{
  z-index: 5;
  color:silver;
  cursor: default;
  font-size: 150%;
  margin-top: -0.1em;
}
.icon-element:hover, #dialogDiceRollInput span[data-role="csRoll4d6"]:hover
{ color:red;
  text-shadow: -1px -1px 0 #333, 1px -1px 0 #333,
               -1px 1px 0 #333, 1px 1px 0 #333;
}
#dialogDiceRollInput span[data-role="diceResults"]
{
  position:absolute;
  display: none;
  border:1px solid grey;
  border-radius: 0.3em;
  min-height:1em;
  background-color: aliceblue;
  margin:-0.5em 1em 0px 1em;
  padding:0.1em;
  text-align: center;
  z-index:10;
  width:calc( 100% - 2.45em );
  min-width: 4em;
}


.top_buttons, .hide-loading
{
  visibility:hidden;
}
#loading
{ position: absolute;
  z-index: 99;
  text-align: center;
  width:100%;
  font-size: 300%;
  color:darkred;
}
#center_dropdowns {
  z-index: 29;
}

.burgerMenu, .new-menu
{
  position:fixed;
  border: 1px solid darkgray;
  width:auto;
  background-color: white;
  border-radius: 0.2em;
  padding:0.2em;
  left:0.2em;
}
.burgerMenu
{
  margin: 2.2em 0px 0px 0.05em;
  font-size: 160%;
  padding:-0.1em 0.5em 0px 0.5em;
  cursor: default;
  z-index:10;
}
.burgerMenu:hover
{
  color:white;
  background-color: lightgray;
}
.burgerMenu span, .closeHelp
{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  cursor:pointer;
}
.burgerMenu span
{
  font-size:60%;
  top:-0.35em;
  position: relative;
  border-bottom: solid 2px silver;
  margin: 0px 0.2em;
}
.closeHelp
{
  float:right;
  border-bottom: solid 2px silver;
  margin: 0px 2em;
  font-weight: 900;
  z-index:99;
}

.new-menu
{
  margin: 3.2em 0px 0px 0.05em;
  z-index: 16;
  text-align:left;
  padding:0.3em;
  display:none;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.new-menu span
{
  float:right;
  border: 1px solid silver;
  padding:0px 0.2em 0px 0.3em;
  text-align: center;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-weight: 700;
  cursor: default;
  border-radius: 0.2em;
}
.new-menu span:hover
{
  background-color: silver;
  color:white;
}

.new-menu div.menu-item
{
  min-width: 8em;
  cursor:default;
  padding-left: 0.2em;
}
.new-menu div.menu-item:hover
{
  background-color: silver;
  color:white;
}
.new-menu div.menu-item div.submenu
{
  display: none;
  background-color: white;
  margin-left:1em;
  margin-top:-1em;
  position:absolute;
  left:3.5em;
  z-index:10;
  width:auto;
  min-width: 15em;
  height:auto;
  padding:0.5em 1em 0.5em 1em;
  border: 1px solid silver;
  border-radius: 0.5em;
  font-size: 12pt;
  color: black;
}
div.menu-item#menuCreate div.submenu
{ width:calc(100vw - 10em);
}
.new-menu div.menu-item:hover div.submenu
{
  display:inline-block;
}
div.submenu button:first-of-type {
  margin-top:0.6em;
}
div.submenu button {
  display:block;
  margin:0px;
  padding:0.2em 0px;
  width:calc(100% - 0em) !important;
  border: 1px solid black;
  font-weight: 600;
}
div.submenu h2
{
  display:none;
}
div.submenu li
{ border:none !important;
}
.new-menu div.menu-item:hover li
{
  color:black !important;
}
div.menu-item#menuCharacter div.submenu
{
  max-width:calc(100vw - 15em);
  width:30em;
  padding-top: 1em;
}
div.menu-item#menuCharacter div.submenu button,
div.menu-item div.submenu button
{
  font-size:80%;
  padding:0.2em 0.5em;
  margin-bottom: 0.6em;
}
input[type=file]
{ display: none;
}
li.subrace_dropdown_option_checker div
{
  font-size:70%;
  margin-left: 2em;
}
div[data-role="wizcopyright"]
{
  text-align:center;
}
span.copyversion, span.copyversion a
{
  text-decoration: none;
  color:#333;
  display:inline;
}
span.copyversion a:hover
{
  text-decoration: underline silver;
  color:darkred;
}