body {
  background-color: #999977;
}

mark {
  background-color: #ffe; 
}

#plegma-input {
    background-image: url('searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}

#plegma-index {
    border-collapse: collapse; /* Collapse borders */
    width: 100%; /* Full-width */
    border: 1px solid #ddd; /* Add a grey border */
    font-size: 18px; /* Increase font-size */
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}

#plegma-index th, #myTable td {
    text-align: left; /* Left-align text */
    padding: 12px; /* Add padding */
}

#plegma-index tr {
    /* Add a bottom border to all table rows */
    border-bottom: 1px solid #000;
}

#plegma-index tr.header, #myTable tr:hover {
    /* Add a grey background color to the table header and on hover */
    background-color: #f1f1f1;
}

#plegma-index tr:nth-child(even) {
    background-color: #EEFFFF;
}

.smallimage {
    position: relative;
    display: inline;
}

.smallimage-content {
    display: none;
    background-color: gray;
    color: darkblue;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    padding: 1px 1px;
    
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 16px;
   
    position: absolute;
    z-index: 1;
    top: 20px;
    left: -100%;   
}

.smallimage:hover .smallimage-content {
    display: inline;
}

img.smallicon {
  box-shadow: 0px 0px 0px 0px black;
  height:20;
}


img.logo {
  box-shadow: 0px 0px 0px 0px black;
  width:40;
  
}


img.popupicon {
  box-shadow: 0px 0px 0px 0px black;
  height:300;
}

div.menubars {
    width: 30px;
    height: 4px;
    background-color: #ffffee;
    margin: 3px 0;
}