/** Shopify CDN: Minification failed

Line 123:20 Comments in CSS use "/* ... */" instead of "//"
Line 127:0 Expected ")" to go with "("

**/
#PageTitle {
    text-align: center; /* Left-align text */
    font-size: 36px; /* Increase font-size */
}

.filterItem {
  display: inline;
  white-space: nowrap;
}

.filterGroup {
  display: inline-block;
  justify-content: center;
}

#RowCount {
}

#SpringTable {
    width: 100%; /* Full-width */
    border: 1px solid #ddd; /* Add a grey border */
    font-size: 16px; /* Increase font-size */
}

#SpringTable tr:nth-child(even) {
    background-color: #EFF8FB;
}

#SpringTable th {
    background-color: #f1f1f1;
    border-bottom-color: #f1f1f1;
}

#SpringTable td:after {
    border-bottom-color: #f1f1f1;
}


#SpringTable th, #SpringTable td {
    text-align: left; /* Left-align text */
    padding: 6px; /* Add padding */
}

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

#SpringTable tr:hover td {background:#ddd}

.popup a, a:visited {
   position: relative !important;
   display: block !important;
   padding: 0;
   margin: 0;
   text-decoration: none;
   font-size: 1em;
   font-weight: bold;
   margin-right: auto;
   margin-left: auto;
}

.popup a span  {
    display: none !important;
    text-align: center !important;
}

.popup a:hover span  {
   display: block !important;
   position: fixed !important;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   margin: 10px;
   padding: 10px; /*size of the frame*/
   background: #0e68c0; /*colour of the frame*/
   font-weight: normal;
   text-align: left;
   z-index: 0;
}

@media only screen and (max-width: 480px) {
    body, html {
        font-size: 22px; /* Increase font-size */
    }
  
    #SpringTable {
        padding: 10;
        font-size: 22px; /* Increase font-size */
    }    

    #PageTitle {
    font-size: 24px; /* Increase font-size */
    }
  
    #SpringTable td {
        overflow-x: auto;
        display: block;
     }

    #SpringTable th {
        display: none;
    }

    #SpringTable td:first-child {
      padding-top: .5em;
    }

    #SpringTable td:last-child {
      padding-bottom: .5em;
    }

    #SpringTable td:before {
        display: inline-block;
        content: attr(data-th)"";
        font-weight: bold;
        width: 5em; // magic number :( adjust according to your own content
    }

}