html {
  min-height: calc(100% + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

body {
	background-color: #433828 !important;
    padding-bottom: 70px !important;
}

table {
    font-size: 12px; 
    color: #FFFFFF !important;
}

#characterModal table {
    font-size: 14px !important;
}

#characterModal .modal-body{
    padding: 0px !important;
}

#characterModal .modal-header, #characterModal .modal-footer{
    border: none;
}

.card-bg{
    background-color: #352d21 !important;
}

.custom-nav{
    width:250px !important;
    margin-bottom:10px !important;
}

#exampleModal {
  background-color: black;
}

.modal-content {
    background-color: #433828 !important;
    color: #FFFFFF !important;
}

.colDkBlue
{
    COLOR: #0000B0
}
.colDkGreen, .nav-link, .nav-item
{
    COLOR: #00B000 !important;
}
.colDkCyan
{
    COLOR: #00b0b0
}
.colDkRed
{
    COLOR: #C00000
}
.colDkMagenta
{
    COLOR: #B000CC
}
.colDkOrange
{
    COLOR: #F67604
}
.colDkWhite
{
    COLOR: #B0B0B0
}
.colLtGreen
{
    COLOR: #00FF00 !important;
}
.colLtRed
{
    COLOR: #FF0000
}
.colLtCyan
{
    COLOR: #00FFFF
}
.colLtRed
{
    COLOR: #FF0000
}
.colLtOrange
{
    COLOR: #FD6339
}
.colLtYellow
{
    COLOR: #FFFF00
}
.colLtWhite
{
    COLOR: #FFFFFF
}
.colLtPink
{
    COLOR: #ff9dcb
}
.colLtBrown
{
    COLOR: #8E4D21
}
.colDkBlack
{
    COLOR: #000000
}
.colLtBlack
{
    COLOR: #999999
}
.colDkPink
{
    COLOR: #F71384
}
.colDkOrange
{
    COLOR: #ff8c00
}
.colLtBlue 
{
    COLOR: #0000FF
}
.colLtMagenta
{
     COLOR: #FF00FF
}
.colDkYellow
{
    COLOR: #B0B000
}
.colLtBlue 
{
    COLOR: #0000FF
}
.colLtMagenta
{
     COLOR: #FF00FF
}
.colDkYellow
{
    COLOR: #B0B000
}

.trhead
{
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #990000
}
.trlight
{
    BACKGROUND-COLOR: #330000
}
.trdark
{
    BACKGROUND-COLOR: #000000
}

.steelblue
{
    COLOR: steelblue
}

.plum
{
    COLOR: plum
}
.palegreen
{
    COLOR: palegreen
}

.yellowgreen
{
    COLOR: yellowgreen
}

.indianred
{
    COLOR: indianred
}

.darkslateblue
{
    COLOR: darkslateblue
}
.Dodgerblue
{
    COLOR: Dodgerblue
}
.Crimson
{
    COLOR: Crimson
}
.newred   { color: #880000; }
.newblue   { color: #2860A0; }
.newgreen   { color: #288060; }
.khaki   { color: #F0E68C; }
.newbrown   { color: #D2B48C; }
.newpurple   { color: #7048A0; }
.newyellow   { color: #FFD700; }
.newgrey   { color: #2F4F4F; }
.darkkhaki   { color: #BDB76B; }
.newwhite   { color: #FFDEAD; }
.cadetblue      { color: #4C7D7E; }
.thistle        { color: #806D7E; }
.steelblue      { color: #2B547E; }
.orchid         { color: #6A287E; }
.darkorchid     { color: #57017E; }
.viridiangreen  { color: #3EA99F; }
.seagreen       { color: #306754; }
.darkgoldenrod  { color: #AF7817; }
.softsienna     { color: #F87431; }
.sienna         { color: #8A4117; }
.lavenderblush  { color: #817679; }
.goldenrod      { color: #EDDA74; }
.dimgray        { color: #463E41; }
.skyblue        { color: #94B5E7; }
.insectgreen    { color: #0B8A0F; }
.grapefruit     { color: #8F0F0F; }