tr:nth-of-type(odd) {
    background-color: #eee;
}

tr th[scope="col"] {
    background-color: #505050;
    color: #fff;
}

tr th[scope="row"] {
  // background-color: #b3ffb3;
  background-color: lightgray;
}

tr th {
    font-size: 16px;
}

tr td {
    font-size: 16px;
}

body {
    font-weight: 50;
    font-size: 18px;
    font-family: Helvetica, Arial, sans-serif;
}


table {
  font-family: Helvetica, Arial, sans-serif;
  border-collapse: collapse;
  align: center;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  border-color: black;
}

table.center {
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
}

table p {
    line-height: 10px;
    color: #33adff;
}


/* page styles */
.ax-hidden {
    visibility: hidden;
    position: absolute;
}

.center {
  margin-left: auto;
  margin-right: auto;
}


@-webkit-keyframes bounce {
      0% { margin-top:  0px; }
     50% { margin-top: -8px; }
    100% { margin-top:  0px; }
}

@keyframes bounce {
      0% { margin-top:  0px; }
     50% { margin-top: -8px; }
    100% { margin-top:  0px; }
}




@media (min-width: 480px) {
    .root-btns {
        flex-direction: column;
    }

    .root-btn {
        flex: 1;
        margin: 1.0px;
   }
}

@media (min-width: 375px) {
    .root-btns {
        flex-direction: column;
    }

    .root-btn {
        flex: 1;
        margin: 1.0px;
   }
}

.rootHeaderTr {
    font-family: Helvetica;
    font-size: 16px;
}

.rootTable {
    color: black;
    font-size: 17px;
    margin-left: 135px;
}


.rootTr {
    color: black;
    font-weight: 400;
}


/* -------- side strip -------- */

.sideStrip {
    position: absolute;
    height: 115%;
    width: 15%;
    background: #ffffcf;
    transition: 2s all ease-in-out;

    -webkit-transition: 2s all ease-in-out;
}