body,td,th {
   scrollbar-base-color: #5D5D5D;
   scrollbar-arrow-color: #E1E1E1;
   font-family: "Verdana";
   font-size: 10px;
   color: #000000;
}
.container {
  max-width: 38em;
  padding: 1em 3em 2em 3em;
  margin: 0em auto;
  background-color: #fff;
  border-radius: 4.2px;
  box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.2);
} 

.in,.textarea {
  border: 1px solid black;
  background-color: #ffffff;
  color: #000000;
  font-family: Arial;
  font-size: 12px;
}
.button {
    border: 1px solid black;
    border-radius: 5px;
    background-color: white;
    color: black;
    padding: 10px 15px;
    font-size: 12px;
    cursor: pointer;
}
.button2 {
    border: 1px solid black;
    background-color: white;
    color: black;
    font-family: Arial;
    font-size: 12px;
    cursor: pointer;
}
.default {
    border-color: #e7e7e7;
    color: black;
}

.default:hover {
    background: #e7e7e7;
} 

.select {
   background-color: #ffffff;
   border-bottom: black 1px solid;
   border-left: black 1px solid;
   border-right: black 1px solid;
   border-top: black 1px solid;
   color: #000000;
   font-family: "Arial";
   font-size: 12px;
}
.checkbox {
   background-color: #F7F7F7;
   border-bottom: black 0px solid;
   border-left: black 0px solid;
   border-right: black 0px solid;
   border-top: black 0px solid;
   color: black;
   font-family: "Arial";
   font-size: 12px;
}
.radio {
   border-bottom: black 0px solid;
   border-left: black 0px solid;
   border-right: black 0px solid;
   border-top: black 0px solid;
   color: black;
   font-family: "Arial";
   font-size: 10px;
}

A:link, A:visited, A:active {
   color: #000000;
   text-decoration: none;
   font-weight: bold;
}

A:hover {
   color: #000000;
   text-decoration: none;
}
.smalltxt {
        font-family: "arial";
        font-size: 10px;
}
.minitxt {
   font-family: "Arial";
   font-size: 9px;
}
.basetxt {
   font-family: "Verdana";
   font-size: 10px;
}
.valid {
        background-color: #DFF0D8;
        color: #468847;
}
.expired {
        background-color: #FDD8DF;
        color: #884647;
}
.revoked {
        background-color: #FDD8DF;
        color: #884647;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}