.lists {
     filter: drop-shadow(0 0 0.15rem #000);
     text-align: left;
     margin-left: 2%;
     margin-right: 2%;
     padding: 1px;
     background-image: linear-gradient(#AD0404,#f80643);
     color: #fff;
     border-radius: 5px;
     border-color: #AD0404;
     border-style: solid;
     border-width: 1px;
     font-size: 16px;
}
.modlists {
     filter: drop-shadow(0 0 0.15rem #000);
     text-align: left;
     margin-left: 2%;
     margin-right: 2%;
     padding: 1px;
     background-image: linear-gradient(#222,#000);
     color: #fff;
     border-radius: 5px;
     border-color: #000;
     border-style: solid;
     border-width: 1px;
}
.modbut {
     width:5em;
     display: inline-block;
     filter: drop-shadow(0 0 0.15rem #000);
     text-align: center;
     border-radius: 5px;
     padding: 1px;
     color: #fff;
     border-color: #000;
     border-style: solid;
     border-width: 1px;
}
.modrm {
     width:5em;
     display: inline-block;
     filter: drop-shadow(0 0 0.15rem #000);
     text-align: center;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     padding: 1px;
     color: #fff;
     border-color: #000;
     border-style: solid;
     border-width: 1px;
}
/* chat colors */
 .glow-white {
     box-shadow: inset 0px 0px 20px 20px rgba(255, 255, 255, .4);
     min-height: 53px;
     color: #111;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #fff;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .glow-purple {
     box-shadow: inset 0px 0px 20px 20px rgba(255, 0, 239, .4);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .glow-yellow {
     box-shadow: inset 0px 0px 20px 20px rgba(250, 255, 0, .4);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .glow-orange {
     box-shadow: inset 0px 0px 20px 20px rgba(255, 143, 0, .4);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .glow-gray {
     box-shadow: inset 0px 0px 20px 20px rgba(175, 175, 175, .4);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .glow-lightblue {
     box-shadow: inset 0px 0px 20px 20px rgba(39, 245, 241, .4);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .glow-blue {
     box-shadow: inset 0px 0px 20px 20px rgba(0, 0, 255, .4);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .glow-red {
     box-shadow: inset 0px 0px 20px 20px rgba(255, 0, 0, .4);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .glow-black {
     box-shadow: inset 0px 0px 20px 20px rgba(0, 0, 0, .4);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .glow-green {
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
     box-shadow: inset 0px 0px 20px 20px rgba(51, 170, 51, .4);
}
/*end glow*/
/*frost*/
 .frost-white {
     background: rgba(255, 255, 255, .5);
     backdrop-filter: blur(3px);
     -webkit-backdrop-filter: blur(3px);
     min-height: 53px;
     color: #000;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #777;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .frost-purple {
     background: rgba(255, 0, 239, .5);
     backdrop-filter: blur(3px);
     -webkit-backdrop-filter: blur(3px);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .frost-yellow {
     background: rgba(250, 255, 0, .5);
     backdrop-filter: blur(3px);
     -webkit-backdrop-filter: blur(3px);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .frost-orange {
     background: rgba(255, 143, 0, .5);
     backdrop-filter: blur(3px);
     -webkit-backdrop-filter: blur(3px);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .frost-gray {
     background: rgba(175, 175, 175, .5);
     backdrop-filter: blur(3px);
     -webkit-backdrop-filter: blur(3px);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .frost-lightblue {
     background: rgba(39, 245, 241, .5);
     backdrop-filter: blur(3px);
     -webkit-backdrop-filter: blur(3px);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .frost-blue {
     background: rgba(0, 0, 255, .5);
     backdrop-filter: blur(3px);
     -webkit-backdrop-filter: blur(3px);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .frost-red {
     background: rgba(255, 0, 0, .5);
     backdrop-filter: blur(3px);
     -webkit-backdrop-filter: blur(3px);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .frost-black {
     background: rgba(0, 0, 0, .5);
     backdrop-filter: blur(3px);
     -webkit-backdrop-filter: blur(3px);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .frost-green {
     background: rgba(51, 170, 51, .5);
     backdrop-filter: blur(3px);
     -webkit-backdrop-filter: blur(3px);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
/*end frost*/
/*clear*/
 .clear-white {
     background: rgba(255, 255, 255, .7);
     min-height: 53px;
     color: #000;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #777;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .clear-purple {
     background: rgba(255, 0, 239, .7);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .clear-yellow {
     background: rgba(250, 255, 0, .7);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .clear-orange {
     background: rgba(255, 143, 0, .7);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .clear-gray {
     background: rgba(175, 175, 175, .7);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .clear-lightblue {
     background: rgba(39, 245, 241, .7);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .clear-blue {
     background: rgba(0, 0, 255, .7);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .clear-red {
     background: rgba(255, 0, 0, .7);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .clear-black {
     background: rgba(0, 0, 0, .7);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .clear-green {
     background: rgba(51, 170, 51, .7);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
/*end clear*/
/*gradient*/

 .ethchat {
     background-image: linear-gradient(#f80643,#ad0404);
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
/* end gradient */
  .white {
     background-color: white;
     min-height: 53px;
     color: #111;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #999;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
  .Transparent {
     background-color: Transparent;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Gray {
     background-color: Gray;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Black {
     background-color: Black;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .DimGray {
     background-color: DimGray;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .LightSlateGray {
     background-color: LightSlateGray;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .SlateGray {
     background-color: SlateGray;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .DarkGray {
     background-color: DarkGray;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .DarkSlateGray {
     background-color: DarkSlateGray;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Maroon {
     background-color: Maroon;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Sienna {
     background-color: Sienna;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .FireBrick {
     background-color: FireBrick;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .IndianRed {
     background-color: IndianRed;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .DarkRed {
     background-color: DarkRed;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Crimson {
     background-color: Crimson;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Chocolate {
     background-color: Chocolate;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Coral {
     background-color: Coral;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Peru {
     background-color: Peru;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .DarkGoldenrod {
     background-color: DarkGoldenrod;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Goldenrod {
     background-color: Goldenrod;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .RosyBrown {
     background-color: RosyBrown;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Tan {
     background-color: Tan;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Beige {
     background-color: Beige;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Bisque {
     background-color: Bisque;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .BlanchedAlmond {
     background-color: BlanchedAlmond;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .BurlyWood {
     background-color: BurlyWood;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .SaddleBrown {
     background-color: SaddleBrown;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .AntiqueWhite {
     background-color: AntiqueWhite;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Brown {
     background-color: Brown;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Blue {
     background-color: Blue;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .CornflowerBlue {
     background-color: CornflowerBlue;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .SteelBlue {
     background-color: SteelBlue;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .CadetBlue {
     background-color: CadetBlue;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .RoyalBlue {
     background-color: RoyalBlue;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .MidnightBlue {
     background-color: MidnightBlue;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Navy {
     background-color: Navy;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .MediumBlue {
     background-color: MediumBlue;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .AliceBlue {
     background-color: AliceBlue;
     min-height: 53px;
     color: #000;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #777;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .DarkSlateBlue {
     background-color: DarkSlateBlue;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .SlateBlue {
     background-color: SlateBlue;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .DodgerBlue {
     background-color: DodgerBlue;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Indigo {
     background-color: Indigo;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .SkyBlue {
     background-color: SkyBlue;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .BlueViolet {
     background-color: BlueViolet;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .RebeccaPurple {
     background-color: RebeccaPurple;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Thistle {
     background-color: Thistle;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .DarkViolet {
     background-color: DarkViolet;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .DarkMagenta {
     background-color: DarkMagenta;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .OrangeRed {
     background-color: OrangeRed;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Tomato {
     background-color: Tomato;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .DarkOrange {
     background-color: DarkOrange;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Olive {
     background-color: Olive;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .OliveDrab {
     background-color: OliveDrab;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .DarkOliveGreen {
     background-color: DarkOliveGreen;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .DarkGreen {
     background-color: DarkGreen;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Chartreuse {
     background-color: Chartreuse;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .LightSeaGreen {
     background-color: LightSeaGreen;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .Aqua {
     background-color: Aqua;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
 .AquaMarine {
     background-color: AquaMarine;
     min-height: 53px;
     color: #fff;
     font-size: 1.3em;
     text-shadow: 1px 1px 2px #000;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     margin-left: 2%;
     margin-right: 2%;
     padding: 0px;
}
/*end chat colors*/
.upload-headers {
     background-color: #222222;
     color: #fff;
     font-size: 1.7em;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     margin-right: 8%;
     margin-left: 8%;
     filter: drop-shadow(0 0 0.15rem #AD0404);
     border-right: 1px;
     border-left: 1px;
     border-top: 1px;
     border-color: #AD0404;
     border-width: 1px;
     border-bottom: 0px;
     border-style: ridge;
}
.notice {
  -webkit-border-radius: 5;
  font-family: Lato-Regular;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #FFFFFF;
  border: #AD0404 inset 1px;
  font-size: 16px;
  font-weight: medium;
  margin-right: 5%;
  position: relative;
  margin-left: 5%;
  text-align: center;
  display: block;
  text-shadow: 1px 1px 2px #222;
  background-image: linear-gradient( #f80643,#AD0404);
  animation: glow 1s infinite alternate;
  padding: 7px;
}

@keyframes glow {
  from {
    box-shadow: 0 0 3px -3px #AD0404;
  }
  to {
    box-shadow: 0 0 3px 3px #AD0404;
  }
}
.load {
  border: 2px solid #AD0404;
  border-top: 2px solid #222222;
  border-radius: 50%;
  float: right;
  float: bottom;
  margin-right: 12px;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.load-pic {
  border: 2px solid #AD0404;
  position: absolute;
  border-top: 2px solid #222222;
  border-radius: 50%;
  margin-bottom: 5px;
  right: 7px;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.moderator-footer {
  margin: auto;
  background: rgba(0, 0, 0, .5);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  font-weight: 200;
  font-size: .7em;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding-top: 2px;
  padding-bottom: -2px;
  margin-bottom: -7px;
  border-top: 1px;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  z-index: 3;
}
img {
  max-height: 90vh;
}
.moderator {
  color: #ffffff;
  background: #000000;
  padding-top: 3px;
  padding-right: 3px;
  padding-left: 3px;
  font-size: .8em;
  display: inline-block;
  margin: auto;
  border-radius: 10px;
}
 .image-glow {
     box-shadow: inset 0px 0px 20px 20px rgba(255, 255, 255, .4);
     border-radius: 5px;
     border-bottom-right-radius: 5px;
     padding: 2px;
}
.profile-content {
  width: 100%;
  height: 100%;
}
button { background: #222;}
    .close {
        background: #222;
        color: #FFFFFF;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -10px;
        width: 24px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
    }

    .close:hover { background: #222; }
.brm {
    display: block;
    margin-bottom: 2.8em;
}
p {
    margin-bottom: -30px;
    margin-top: 2px;
}
.mail-button {
     color: #fff;
     font-size: 1.2em;
     padding-right: 2px;
     padding-left: 2px;
     box-sizing: border-box;
     margin-right: auto;
     margin-left: auto;
     filter: drop-shadow(0 0 0.15rem #AD0404);
     border-width: 2px;
     border-top: 1px;
     border-style: solid;
     border-radius: 5px;
     border-color: #AD0404;
}
.popout-display {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 20px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}
.back-button {
  background-color: #000;
  color: #fff;
  text-shadow: 0px 1px 0px #AD0404;
  box-sizing: border-box;
  display: inline-block;
  width: fit-content;
  border-color: #AD0404;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  padding: 2px;
}
.popout-content {
  background-color: #000;
  margin: auto;
  color: #fff;
  padding: 0px;
  width: 98%;
  height: 90%;
  border-radius: 5px;
  border-width: 1px;
  border-style: inset;
  border-color: #AD0404;
}
.wd {
     filter: drop-shadow(0 0 0.15rem #AD0404);
     color: #AD0404;
     display: inline;
}
.profile-button {
     color: #fff;
     font-size: 1.7em;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     padding: 7px,7px,7px,7px;
     box-sizing: border-box;
     margin-right: auto;
     margin-left: auto;
     cursor: pointer;
     filter: drop-shadow(0 0 0.15rem #AD0404);
     border-right: 1px;
     border-left: 1px;
     border-top: 1px;
     border-color: #AD0404;
     border-width: 1px;
     border-bottom: 0px;
     border-style: ridge;
}
.profile-button-sm {
     margin-top: 41px;
     color: #fff;
     font-size: 1.2em;
     padding-right: 2px;
     padding-left: 2px;
     box-sizing: border-box;
     margin-right: auto;
     margin-left: auto;
     filter: drop-shadow(0 0 0.15rem #AD0404);
     border-width: 2px;
     border-top: 1px;
     border-style: solid;
     border-radius: 5px;
     border-color: #AD0404;
     background-color: 222;
}
.profile-section {
     display: none;
     position: relative;
     background-color: #222;
     box-shadow: inset 0 0 140px #AD0404;
     border-color: #AD0404;
     border-style: outset;
     border-width: 2px;
     border-radius: 5px;
     padding-top: 7px;
     padding-bottom: 7px;
     padding-left: 7px;
     padding-right: 7px;
     z-index: 1;
     top:20;
     left:20;
     width:100%;
     box-sizing: border-box;
}
.new-mail {
  -webkit-app-region: no-drag;
  display: static;
  margin-left: 57px;
  margin-bottom: 0px;
  margin-top: 11px;
  margin-right: 0px;
  text-align: center;
  padding: 0px;
  height: 40px;
  z-index: -2;
}
.no-mail {
  -webkit-app-region: no-drag;
  display: static;
  margin-left: 57px;
  margin-bottom: 0px;
  margin-top: 11px;
  margin-right: 0px;
  text-align: center;
  padding: 0px;
  height: 40px;
  z-index: -2;
}
.bw {
     overflow-wrap: break-word;
}
pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word;
 font-family: Lato-Regular;
}
.open-button {
     background-color: #777;
     color: white;
     border: none;
     height: 40px;
     cursor: pointer;
     opacity: 0.8;
     position: fixed;
     font-family: lato-regular;
     top: 0;
     margin: auto;
     z-index: 9;
     right: 0;
     width: 100px;
}
.stat-popup {
     display: none;
     position: fixed;
     background-color: #222;
     z-index: 10;
     top:0;
     left:0;
     width:100%;
     height:100%;
}
 .stat-container {
     max-width: 100%;
     height: 100%;
     padding: 15px;
     background-color: 222;
}
 .stat-container .btn {
     background-color: #AD0404;
     color: white;
     padding: 10px 14px;
     border: none;
     cursor: pointer;
     width: 100%;
     margin-bottom:10px;
     opacity: 0.8;
}
 .stat-container .cancel {
     background-color:  #AD0404;
     border-radius: 5px;
}
 .stat-container .btn:hover, .open-button:hover {
     opacity: 1;
}
 ::-webkit-scrollbar {
     width: 4px;
     height: 4px;
}
 ::-webkit-scrollbar-button {
     width: 0px;
     height: 0px;
}
 ::-webkit-scrollbar-thumb {
     background: #222;
     border: 0px solid transparent;
     border-radius: 0px;
}
 ::-webkit-scrollbar-thumb:hover {
     background: #222;
}
 ::-webkit-scrollbar-track:hover {
     background: transparent;
}
 ::-webkit-scrollbar-thumb:active {
     background: transparent;
}
 ::-webkit-scrollbar-track:active {
     background: transparent;
}
 ::-webkit-scrollbar-track {
     background: transparent;
     border: 0px none transparent;
     border-radius: 0px;
}
 ::-webkit-scrollbar-corner {
     background: transparent;
}
 .form-popup {
     position: fixed;
     background-color: #222;
     z-index: 10;
     top:0;
     left:0;
     width:100%;
     height:100%;
}
 .form-container {
     max-width: 100%;
     height: 100%;
     padding: 15px;
     background-color: 222;
}
 .form-container .btn {
     background-color: #AD0404;
     color: white;
     padding: 10px 14px;
     border: none;
     cursor: pointer;
     width: 100%;
     margin-bottom:10px;
     opacity: 0.8;
}
 .form-container .cancel {
     background-color:  #AD0404;
     border-radius: 5px;
}
 .form-container .btn:hover, .open-button:hover {
     opacity: 1;
}
 ::-webkit-scrollbar {
     width: 4px;
     height: 4px;
}
 ::-webkit-scrollbar-button {
     width: 0px;
     height: 0px;
}
 ::-webkit-scrollbar-thumb {
     background: #222;
     border: 0px solid transparent;
     border-radius: 0px;
}
 ::-webkit-scrollbar-thumb:hover {
     background: #222;
}
 ::-webkit-scrollbar-track:hover {
     background: transparent;
}
 ::-webkit-scrollbar-thumb:active {
     background: transparent;
}
 ::-webkit-scrollbar-track:active {
     background: transparent;
}
 ::-webkit-scrollbar-track {
     background: transparent;
     border: 0px none transparent;
     border-radius: 0px;
}
 ::-webkit-scrollbar-corner {
     background: transparent;
}
 hr.rounded {
     border-top: 2px solid #AD0404;
     border-radius: 5px;
}
 h6 {
     padding: 0px;
     margin: 0px;
     margin-right: 2%;
     margin-left: 2%;
     font-size: 12px;
     font-weight: medium;
     color: #f8f8ff;
     text-shadow: 1px 1px 2px #333;
     font-family: lato-regular;
}
 .profilelist {
     text-shadow: 1px 1px 2px #000;
     color: #fff;
     background-color: #171a21;
     border: 1px solid #333333;
     border-radius: 5px;
     z-index: 3;
     margin:auto;
     box-sizing: border-box;
     box-shadow: inset 0 0 250px #AD0404;
 }
 .sidenav {
     height: 100%;
     width: 0;
     position: fixed;
     z-index: 7;
     top: 0;
     left: 0;
     transition: 0.5s;
     padding-top: 60px;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
     background-color: #171a21;
     box-shadow: inset 0 0 140px #AD0404;
     overflow: auto;
}
 .sidenav a {
     padding: 8px 8px 8px 32px;
     text-decoration: none;
     font-size: 25px;
     color: #818181;
     display: block;
     transition: 0.3s;
}
 .sidenav a:hover {
     color: #f1f1f1;
}
 .sidenav .closebtn {
     position: absolute;
     top: 0;
     right: 25px;
     font-size: 36px;
     margin-left: 50px;
     z-index:2;
}
 #main {
     transition: margin-left .5s;
     padding: 16px;
}
 #status {
     transition: margin-right .5s;
     padding: 16px;
}
 @media screen and (max-height: 700px) {

     .sidenav {
        padding-top: 15px;
    }
     .sidenav a {
        font-size: 18px;
    }
}
 @media screen and (max-width: 200px) {
.open-button {
     background-color: #777;
     font-family: lato-regular;
     color: white;
     border: none;
     height: 32px;
     cursor: pointer;
     opacity: 0.8;
     position: fixed;
     top: 0;
     margin: auto;
     z-index: 9;
     right: 0;
     width: 80px;
}
.mail-button {
     color: #fff;
     left: 50%;
     font-size: 0.7em;
     padding-right: 2px;
     padding-left: 2px;
     box-sizing: border-box;
     margin-right: auto;
     margin-left: auto;
     filter: drop-shadow(0 0 0.15rem #AD0404);
     border-width: 2px;
     border-top: 1px;
     border-style: solid;
     border-radius: 5px;
     border-color: #AD0404;
}
iframe {
	border: none;
}
.new-mail {
  -webkit-app-region: no-drag;
  display: static;
  margin-left: 70px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  text-align: center;
  padding: 0px;
  height: 40px;
  z-index: -2;
}
.no-mail {
  -webkit-app-region: no-drag;
  display: static;
  margin-left: 70px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  text-align: center;
  padding: 0px;
  height: 40px;
  z-index: -2;
}
 .dataTables_filter input[type=submit],
 button[type=submit],
 input[type=button],
 input[type="password"]{
     -webkit-border-radius: 5;
     font-family: Lato-Regular;
     -moz-border-radius: 5;
     border-radius: 5px;
     color: #FFFFFF;
     border: #FFFFFF solid 1px;
     font-size: 16px;
     font-weight: medium;
     background: #AD0404;
     background-image: linear-gradient( #f80643,#AD0404);
/*      padding: 2px 2px 2px 2px; */
     Border: 0;
     text-decoration: none;
     text-align: center;
     width: 7em;
     height: 26px;
     margin: auto;
}
.dataTables_filter textarea , input[type=text] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 5px;
     height: 10px;
     width: 7em;
     border-radius: 5px;
     font-size: 32px;
     text-align: center;
     color: #fff;
     border-color: #f80643;
     background-image: linear-gradient( #f80643,#AD0404);
}
  #auto {
     display: block;
     overflow: hidden;
     resize: none;

  }
 .profile {
/*      text-shadow: 1px 1px 2px #333; */
     color: #fff;
     background-color: #171a21;
     border: 1px solid #2a475e;
     border-radius: 5px;
     z-index: 3;
     margin: 0;
     box-sizing: border-box;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 7;
  top: 0;
  left: 0;
  background-color: #111;
  transition: 0.5s;
  padding-top: 3px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  box-shadow: inset 0 0 140px #AD0404;
}

.sidenav a {
  padding: 4px 4px 4px 20px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  -webkit-app-region: no-drag;
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 36px;
  z-index: 2;
}

#main {
  transition: margin-left 0.5s;
  padding: 5px;
}
#status {
  transition: margin-right 0.5s;
  padding: 5px;
}

@media screen and (max-height: 700px) {
  .sidenav {
    padding-top: 5px;
  }
  .sidenav a {
    font-size: 18px;
  }
}
.profile {
/*   text-shadow: 1px 1px 2px #fff; */
  color: #fff;
  background-color: #171a21;
  border: 1px solid #2a475e;
  border-radius: 5px;
  z-index: 3;
  margin: 0;
  box-sizing: border-box;
}
.login {
  position: fixed;
  background-color: #222;
  z-index: 1;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header {
  -webkit-app-region: drag;
  background-image: linear-gradient(#f80643, #ad0404);
/*  box-shadow: 0px 4px 8px 0 rgba(22, 238, 253, 0.7);*/
  position: fixed;
  width: 100%;
  z-index: 3;
  max-height: 33px;
  border: 1px solid #000;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #f80643;
}
.header li a {
  display: block;
  padding: 8px 8px;
  text-decoration: none;
  text-shadow: 1px 1px 2px #222;
}
.header li a:hover,
.header .menu-btn:hover {
  background-color: #ad0404;
  text-shadow: 1px 1px 2px #222;
}
.header .logo {
  -webkit-app-region: no-drag;
  display: inline-block;
  left: 6px;
  top: 1px;
  float: left;
  height: 26px;
  position: absolute;
  z-index: 5;
}
.header .menu {
  -webkit-app-region: no-drag;
  clear: both;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}
.header .menu-icon {
  -webkit-app-region: no-drag;
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 2px 2px;
  position: relative;
  user-select: none;
}
.header .menu-icon .navicon {
  -webkit-app-region: no-drag;
  background: #000;
  display: block;
  height: 2px;
  position: relative;
  transition: background 0.2s ease-out;
  width: 18px;
}
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #000;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
}
.header .menu-icon .navicon:before {
  top: 5px;
}
.header .menu-icon .navicon:after {
  top: -5px;
}
.header .menu-btn {
  display: none;
}
.header .menu-btn:checked ~ .menu {
  max-height: 480px;
}
.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}
.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}
.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
@media (min-width: 8000px) {
  .header li {
    float: left;
  }
  .header li a {
    padding: 8px 8px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
}
.menu-items-1 {
  width: 50%;
  float: left;
  margin-bottom: 100px;
}
.menu-itmes-2 {
  width: 50%;
  float: left;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}
}
@media screen and (max-width: 319px) {
.open-button {
     background-color: #777;
     font-family: lato-regular;
     color: white;
     border: none;
     height: 40px;
     cursor: pointer;
     opacity: 0.8;
     position: fixed;
     top: 0;
     margin: auto;
     z-index: 9;
     right: 0;
     width: 90px;
}
.mail-button {
     color: #fff;
     left: 50%;
     font-size: 0.7em;
     padding-right: 2px;
     padding-left: 2px;
     box-sizing: border-box;
     margin: 0;
     text-align: center;
     filter: drop-shadow(0 0 0.15rem #AD0404);
     border-width: 2px;
     border-top: 1px;
     border-style: solid;
     border-radius: 5px;
     border-color: #AD0404;
}
.new-mail {
  -webkit-app-region: no-drag;
  display: static;
  margin-left: 61px;
  margin-bottom: 0px;
  margin-top: 10px;
  margin-right: 0px;
  text-align: center;
  padding: 0px;
  height: 40px;
  z-index: -2;
}
.no-mail {
  -webkit-app-region: no-drag;
  display: static;
  margin-left: 61px;
  margin-bottom: 0px;
  margin-top: 10px;
  margin-right: 0px;
  text-align: center;
  padding: 0px;
  height: 40px;
  z-index: -2;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 7;
  top: 0;
  left: 0;
  background-color: #111;
  transition: 0.5s;
  padding-top: 3px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  box-shadow: inset 0 0 140px #AD0404;
}

.sidenav a {
  padding: 4px 4px 4px 20px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  -webkit-app-region: no-drag;
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  z-index: 2;
}

#main {
  transition: margin-left 0.5s;
  padding: 5px;
}
#status {
  transition: margin-right 0.5s;
  padding: 5px;
}

@media screen and (max-height: 700px) {
  .sidenav {
    padding-top: 5px;
  }
  .sidenav a {
    font-size: 14px;
  }
}
.profile {
/*   text-shadow: 1px 1px 2px #fff; */
  color: #fff;
  background-color: #171a21;
  border: 1px solid #2a475e;
  border-radius: 5px;
  z-index: 3;
  margin: 0;
  box-sizing: border-box;
}
body {
  font-family: lato-regular;
  zoom: 65%;
}
.login {
  position: fixed;
  background-color: #222;
  z-index: 1;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header {
  -webkit-app-region: drag;
  background-image: linear-gradient(#f80643, #ad0404);
/*  box-shadow: 0px 4px 8px 0 rgba(22, 238, 253, 0.7);*/
  position: fixed;
  width: 100%;
  z-index: 3;
  height: 32px;
  border: 1px solid #000;
  box-sizing: border-box;
}
.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #f80643;
}
.header li a {
  display: block;
  padding: 8px 8px;
  text-decoration: none;
  text-shadow: 1px 1px 2px #222;
}
.header li a:hover,
.header .menu-btn:hover {
  background-color: #ad0404;
  text-shadow: 1px 1px 2px #222;
}
.header .logo {
  -webkit-app-region: no-drag;
  display: inline-block;
  left: 6px;
  top: 1px;
  float: left;
  position: absolute;
  z-index: 5;
}
.header .menu {
  -webkit-app-region: no-drag;
  clear: both;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}
.header .menu-icon {
  -webkit-app-region: no-drag;
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 5px 5px;
  position: relative;
  user-select: none;
}
.header .menu-icon .navicon {
  -webkit-app-region: no-drag;
  background: #000;
  display: block;
  height: 2px;
  position: relative;
  transition: background 0.2s ease-out;
  width: 18px;
}
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #000;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
}
.header .menu-icon .navicon:before {
  top: 5px;
}
.header .menu-icon .navicon:after {
  top: -5px;
}
.header .menu-btn {
  display: none;
}
.header .menu-btn:checked ~ .menu {
  max-height: 480px;
}
.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}
.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}
.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
@media (min-width: 8000px) {
  .header li {
    float: left;
  }
  .header li a {
    padding: 16px 8px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
}
.menu-items-1 {
  width: 50%;
  float: left;
  margin-bottom: 100px;
}
.menu-itmes-2 {
  width: 50%;
  float: left;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}
}
@media screen and (min-width: 320px) {
body { zoom: 100%;      font-family: lato-regular;}
}
@media screen and (min-width: 350px) {
body { zoom: 100%;      font-family: lato-regular;}
}
@media screen and (min-width: 470px) {
body { zoom: 100%;      font-family: lato-regular;}
}
@media screen and (min-width: 758px) {
body { zoom: 110%      font-family: lato-regular;}
}
@media screen and (min-width: 1200px) {
body { zoom: 120%;      font-family: lato-regular;}
}
@media screen and (min-width: 1400px) {
body { zoom: 130%;      font-family: lato-regular;}
}
@media screen and (min-width: 1600px) {
body { zoom: 140%; }
}
@media screen and (min-width: 1900px) {
img {
  max-height: 80vh;
}
body { zoom: 150%;      font-family: lato-regular;}
}
@media screen and (min-width: 2500px) {
img {
  max-height: 80vh;
}
body { zoom: 190%;      font-family: lato-regular;}
}
@media screen and (min-width: 2600px) {
img {
  max-height: 80vh;
}
body { zoom: 300%;      font-family: lato-regular;}
}
@media screen and (min-width: 4300px) {
img {
  max-height: 80vh;
}
body { zoom: 700%;      font-family: lato-regular;}
}
 select {
     padding: 5px;
     margin-bottom: 10px;
     color: #fff;
     background-color: #000;
}
 h2 {
     line-height: 1.5;
     font-size: 16px;
     margin-right: 1%;
     margin-left: 1%;
     text-size-adjust: none;
     font-weight: normal:
     color: #fff;
     background-color: #171a21;
     text-align: center;
     text-shadow: 0px 1px 0px #333;
     padding-right: 5px;
     padding-left: 5px;
     padding-top: 1px;
     font-family: Lato-Regular;
     padding-bottom: 1px;
     word-wrap: break-word;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     border: 1px solid #333;
}
 .sf {
     color: #fff;
     font-size: 14px;
     font-family: lato-regular;
/*      text-shadow: 1px 1px 2px #222; */
     text-align: center;
}
 h5 {
     font-size: 18px;
     color: #fff;
     font-weight: medium;
     text-align: center;
     border-top-right-radius: 5px;
     text-size-adjust: none;
     text-shadow: 1px 1px 2px #000;
     border-top-left-radius: 5px;
     font-family: lato-regular;
}
 h3 {
     padding-bottom: 20px;
     text-size-adjust: none;
     padding-top: 20px;
     font-size: 18px;
     color: #000;
     font-weight: medium;
     border-color: #ffffff;
     border: 2px;
     border-style: outset;
     text-align: center;
     border-top-right-radius: 5px;
     text-shadow: 1px 1px 2px #000;
     border-top-left-radius: 5px;
     font-family: lato-regular;
}
 h1 {
     -webkit-border-radius: 5;
     font-family: Lato-Regular;
     -moz-border-radius: 5;
     border-radius: 5px;
     text-size-adjust: none;
     color: #FFFFFF;
     border: #000 solid 1px;
     font-size: 16px;
     background-image: linear-gradient( #f80643,#AD0404);
     padding: 4px 4px 4px 4px;
     Border: 0;
     text-decoration: none;
     text-align: center;
     width: 140px;
     font-weight: medium;
}
 h7 {
     -webkit-border-radius: 5;
     font-family: Lato-Regular;
     -moz-border-radius: 5;
     border-radius: 5px;
     text-size-adjust: none;
     color: #FFFFFF;
     border: #000 solid 1px;
     font-size: 16px;
     background-image: linear-gradient( #f80643,#AD0404);
     padding: 4px 4px 4px 4px;
     Border: 0;
     text-decoration: none;
     text-align: center;
     font-weight: medium;
     width: 100%;
}
 .msg {
     font-size: 16px;
     color: #fff;
     text-shadow: 1px 1px 2px #000;
     word-wrap: break-word;
     box-sizing: border-box;
}
 .profile {
/*      text-shadow: 1px 1px 2px #333; */
     color: #fff;
     background-color: #171a21;
     border: 1px solid #333;
     border-radius: 5px;
     z-index: 3;
     margin: 0;
     box-sizing: border-box;
}
 @font-face {
     font-family: Lato-Regular;
     src: url('Lato-Regular.woff2'), url('Lato-Regular.woff2');
}
 textarea , input[type=text] {
     text-align: center;
     margin: auto;
     height: 38px;
     -webkit-border-radius: 5;
     font-family: Lato-Regular;
     -moz-border-radius: 5;
     border-radius: 5px;
     text-shadow: 1px 1px 2px #000;
     border-top-left-radius: 5px;
     background-color: #fff;
     border-radius: 5px;
     font-family: Lato-Regular;
}
  #auto {
     display: block;
     overflow: hidden;
     resize: none;
  }
 input[type=submit],button[type=submit], input[type=button],input[type="password"]{
     -webkit-border-radius: 5;
     font-family: Lato-Regular;
     -moz-border-radius: 5;
     border-radius: 5px;
     color: #FFFFFF;
     border: #FFFFFF solid 1px;
     font-size: 16px;
     background: #AD0404;
     background-image: linear-gradient( #f80643,#AD0404);
/*      padding: 2px 2px 4px 2px; */
     Border: 0;
     text-decoration: none;
     text-align: center;
     width: 140px;
     height: 25px;
     margin: auto;
}
 textarea , input[type=text] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     border-radius: 5px;
     font-size: 18px;
     text-align: left;
     color: #fff;
     border-color: #f80643;
     background-image: linear-gradient( #f80643,#AD0404);
}
/* unvisited link */
 a:link {
     color: #FFFFFF;
     text-decoration: none;
}
/* visited link */
 a:visited {
     color: #FFFFFF;
     text-decoration: none;
}
/* mouse over link */
 a:hover {
     color: #FFFFFF;
     text-decoration: none;
}
/* selected link */
 a:active {
     color: #FFFFFF;
     text-decoration: none;
}
 a.nounderline:link {
     text-decoration: none;
}
 .header {
     -webkit-app-region: drag;
     background-image: linear-gradient( #f80643,#AD0404);
/*     box-shadow: 0px 4px 8px 0 rgba(22,238,253,0.7);*/
     position: fixed;
     width: 100%;
     z-index: 3;
     height: 41px;
     border: 1px solid #000;
     box-sizing: border-box;
}
 .header ul {
     margin: 0;
     padding: 0;
     list-style: none;
     overflow: hidden;
     background-color: #f80643;
}
 .header li a {
     display: block;
     padding: 12px 12px;
     text-decoration: none;
     text-shadow: 1px 1px 2px #222;
}
 .header li a:hover, .header .menu-btn:hover {
     background-color: #AD0404;
     text-shadow: 1px 1px 2px #222;
}
 .header .logo {
     display: inline-block;
     left: 3px;
     top: 3px;
     float: left;
     position: absolute;
     z-index: 5;
     max-height: 34px;
}
 .header .menu {
     clear: both;
     max-height: 0;
     transition: max-height .2s ease-out;
     border-bottom-right-radius: 5px;
     border-bottom-left-radius: 5px;
     border-top-right-radius: 5px;
     border-top-left-radius: 5px;
     box-shadow: inset 0 0 200px #AD0404;
     border-color: #000;
     border-width: 1px;
}
 .header .menu-icon {
     cursor: pointer;
     display: inline-block;
     float: right;
     padding: 20px 20px;
     position: relative;
     user-select: none;
}
 .header .menu-icon .navicon {
     background: #000;
     display: block;
     height: 2px;
     position: relative;
     transition: background .2s ease-out;
     width: 18px;
}
 .header .menu-icon .navicon:before, .header .menu-icon .navicon:after {
     background: #000;
     content: '';
     display: block;
     height: 100%;
     position: absolute;
     transition: all .2s ease-out;
     width: 100%;
}
 .header .menu-icon .navicon:before {
     top: 5px;
}
 .header .menu-icon .navicon:after {
     top: -5px;
}
 .header .menu-btn {
     display: none;
}
 .header .menu-btn:checked ~ .menu {
     max-height: 480px;
}
 .header .menu-btn:checked ~ .menu-icon .navicon {
     background: transparent;
}
 .header .menu-btn:checked ~ .menu-icon .navicon:before {
     transform: rotate(-45deg);
}
 .header .menu-btn:checked ~ .menu-icon .navicon:after {
     transform: rotate(45deg);
}
 .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
     top: 0;
}
 @media (min-width: 8000px) {
     .header li {
         float: left;
    }
     .header li a {
         padding: 16px 8px;
    }
     .header .menu {
         clear: none;
         float: right;
         max-height: none;
    }
     .header .menu-icon {
         display: none;
    }
}
 .menu-items-1 {
     width: 50%;
     float: left;
     margin-bottom: 100px;
}
 .menu-itmes-2 {
     width: 50%;
     float: left;
}
 .center {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 30%;
}
/*The following are used for displaying posted images,audio,files,videos and general design of individual posts.*/
 .blend2{
     background-image: linear-gradient( #000,#960021);
     border-bottom-right-radius: 5px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     border-top-right-radius: 5px;
     color: #ddd;
     font-size: 1.2em;
     width: 87%;
}
 .blend {
     background-color: #960021;
     color: #ddd;
     font-size: 1.2em;
     border-bottom-right-radius: 5px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     border-top-right-radius: 5px;
}
 .blend3 {
     background-color: #171a21;
     box-shadow: inset 0 0 140px #333;
     color: #ddd;
     font-size: 1em;
     border-bottom-right-radius: 5px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     border-top-right-radius: 5px;
     padding-left: 5px;
     padding-top: 5px;
     padding-bottom: 5px;
     border-width: 1px;
     border-color: #AD0404;
     border-style: inset;
}
 .blend4 {
     background-color: #171a21;
     color: #ddd;
     font-size: 1em;
     border-bottom-right-radius: 5px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     border-top-right-radius: 5px;
     padding-left: 5px;
     padding-top: 5px;
     padding-bottom: 5px;
     border-width: 1px;
     border-color: #000;
     width: 87%;
     margin: auto;
     border-width: 1px;
     border-color: #AD0404;
     border-style: inset;
}
 .posts {
     background-color: transparent;
     word-wrap: break-word;
}
/*Decoration of display name and nickname*/
 .tag {
     filter: drop-shadow(0 0 0.15rem #000);
     text-align: left;
     margin-left: 2%;
     margin-right: 2%;
     padding: 1px;
     background-image: linear-gradient(#AD0404,#f80643);
     color: #fff;
     border-top-right-radius: 5px;
     border-top-left-radius: 5px;
}
 .html{-webkit-backface-visibility: hidden;}
 .icons {
     position: static;
     margin-left: 0px;
}
 .tlr {
     margin-right: 5px;
     margin-left: 0px;
     border-bottom-left-radius: 5px;
 }
 .time {
     position: relative;
     padding-top: 15px;
     text-align: left;
     margin-left: 2%;
     filter: drop-shadow(0 0 0.10rem #AD0404);
}
 .stattime {
     position: relative;
     font-size: 11px;
     filter: drop-shadow(0 0 0.10rem #AD0404);
}
.submit-icons {
    display: inline-block;
    line-height: 1;
    padding: 0;
    margin-top: 2px;
}
.profile-about {
    display: inline-block;
     background: rgba(0, 0, 0, .5);
     backdrop-filter: blur(3px);
     -webkit-backdrop-filter: blur(3px);
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.ethtoast {
    box-sizing: border-box;
    position: fixed;
    margin: 0px;
    margin-right: 5%;
    margin-left: 5%;
    bottom: 40px;
    background-color: #fff;
    right: 5%;
    left: 5%;
    color: #000;
    text-align: center;
    border-radius: 50px;
    padding: 10px 10px 10px 10px;
    z-index: 9999;
}
.ethtoast-dark {
    box-sizing: border-box;
    position: fixed;
    margin: 0px;
    margin-right: 5%;
    margin-left: 5%;
    bottom: 40px;
    background-color: #333;
    right: 5%;
    left: 5%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
    z-index: 9999;
}
.htmllink {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}
.em {
    color: #fff;

}