*::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background: linear-gradient(90deg, #333333, #000000, #000000, #333333);
}

*::-webkit-scrollbar
{
    width: 1.25rem;
    height: 1rem;
    background-color: transparent;
}

*::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    z-index: 999;
    background-image: linear-gradient(90deg, #003333, #009999, #00FFFF, #00FFFF, #009999, #003333);
}

*::-webkit-scrollbar-thumb:hover
{
    background-image: linear-gradient(90deg, #003300, #009900, #00FF00, #00FF00, #009900, #003300);
    box-shadow: 0 0 25px 0px rgba(0,255,0,1), 0 0 50px 0px rgba(60,90,255,1);
    z-index: 999;
}

body {
    background: #000000 url('_bg_MMM.png') bottom left repeat-x;
    background-attachment: fixed;
    background: linear-gradient(#000000 30%, #000a12 60%, #003320 80%, #014d21 90%, #006611 94%, #009900 98%, #00cc00 100%);
    color: #fff;
    font-size: 12pt;
    font-family: Arial;
}
.container {
    width: 100%;
    margin: auto;
}
a {
    color: #fc0;
    text-decoration: none;
    padding: .25em;
}
a:hover,
a:active {
    color: #fff;
    text-decoration: none;
}
h1 {
    padding-top: 1em;
    text-align: center;
    color: #e0e0e0;
    margin-bottom: .25em;
}
h1 span {
    font-weight: normal;
    font-size: 75%;
    color: #999;
}
h1 a:hover {
    background: none !important;
}
h2 {
    font-size: 110%;
    text-align: center;
    color: #999;
    font-weight: normal;
}
h2 strong {
    color: #e0e0e0;
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    YOU KNOW YOU LIKE MY SEXY ASS TABLE STRIPING HIGHLIGHTS
    DON'T EVEN ACT LIKE YOU'RE NOT HERE TRYING TO STEAL IT
    FOR YOUR OWN WEBSITE! LOOK I'M EVEN POINTING IT ALL OUT
    MAKING IT EASY FOR YOU! REMEMBER WHO'S YOUR DADDY :P
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

table {
    margin: auto;
    background: #060606;
}
table tbody {
    margin: auto;
    max-width: 100%;
}
table td, 
table th {
  position: relative;
  outline: 0;
  text-align: center;
  padding: .25 .5em;
}
table td {
    text-align: right;
    font-size: 8pt;
    color: #0c0;
}
table td.highlight {
    background: #039 !important;
    color: #fff !important;
    box-shadow: 0 0 35px rgba(0,80,255,.75);
}
table td:hover,
table tr:hover td:hover {
    background: #92d !important;
    color: #fff !important;
    cursor: pointer;
    box-shadow: 0 0 35px rgba(255,0,128,1);
}
table th {
    background: #667;
    font-size: 9pt;
    color: #fff;
    padding: .5em;
}

#Matrix_EWMCI-BASE table th {
    background: #667;
}

#Matrix_EWMCI-BASE table th {
    background: #766;
}

#Matrix_BASE-EWMCI table th {
    background: #676;
}

table th.title
{
    color: #fc0;
}

table th img {
    display: inline;
    height: 24px;
    vertical-align: middle;
}
table tr:nth-child(even) {
  background-color: #262626;
}
table tr:nth-child(even) td:nth-child(even) {
  background-color: #262636;
  color: #0fc;
}
table tr:nth-child(odd) td:nth-child(even) {
  background-color: #060616;
  color: #0fc;
}
table tr:hover td
{
    background: #c00 !important;
    color: #fff;
    box-shadow: 0 0 35px rgba(255,0,0,.75);
    cursor: pointer;
}
table tr:hover td a
{
    color: #fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#Tab_EWMCI-EWMCI    { background: #667; } 
#Tab_EWMCI-BASE     { background: #766; }
#Tab_BASE-EWMCI     { background: #676; }
#Matrix_EWMCI-EWMCI { display: block; }
#Matrix_EWMCI-BASE  { display: none; }
#Matrix_BASE-EWMCI  { display: none; }

.matrix .scrollable { overflow-x: auto; }

.switch_tabs {
    text-align: center;
    margin: 2em 0 0 0;
}

.switch_tabs button {
    border: none; 
    padding: .5em 1.25em; 
    color: #fff; 
    font-weight: bold; 
    border-radius: 8px 8px 0 0;
    margin: 0;
    outline: none;
}

.switch_tabs button:hover,
.switch_tabs button:active {
    background: #094 !important;
    box-shadow: 0 0 50px rgba(0,255,0,.5);
    outline: none;
}


 

p.note {
    color: #ff9;
    font-size: 12pt;
    max-width: 940px;
    margin: 1em auto;
}

#Converter { display: none }

#Converter div {
    color: #fff;
}


#Converter .desktop {
    margin: auto;
}

#Converter .desktop .frame {
    width: 800px;
    padding: .5em 2em 1em 2em;
    margin: 2em auto 0 auto; 
    background: #92d;
    border-radius: 10px;
}

#Converter .desktop h3 {
    color: #fff;
    font-weight: bolder;
    text-align: center;
}


#Converter .desktop .field
{
    background: #fff;
    border-radius: 5px;
    padding: .25em;
}

#Converter .desktop .field img {
    vertical-align: top;
}

#Converter .desktop .field input {
    width: 225px;
    height: 50px;
    padding: 5px;
    background: #fff;
    border: none;
    outline: none;
    color: #000;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}

#Converter .mobile {
    margin: .35em;
}

#Converter .mobile .frame {
    padding: 1em;
    margin: 2em auto 0 auto; 
    background: #92d;
    border-radius: 10px;
}

#Converter .mobile h3 {
    color: #fff;
    font-weight: bold;
    font-size: 14pt;
    padding: .5em 0 .25em 0;
    text-align: center;

}

#Converter .mobile .field
{
    background: #fff;
    border-radius: 5px;
    padding: .25em;
}

#Converter .mobile .field img {
    vertical-align: top;
    margin: 0;
    max-height: 35px;
}

#Converter .mobile .field input {
    width: 100%;
    height: 35px;
    padding: 5px;
    margin: 0;
    background: #fff;
    color: #000;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}


#Converter p
{
    text-align: center;
    font-size: 14pt;
    color: #fff;
    margin-top: .5em;
    margin-bottom: 0;
}

#ConverterTeaser {
    text-align: center;
    font-size: 14pt;
    margin-top: .5em;
}

#Footer {
    margin-top: 2em;
}