table.body, table.body tr, table.body td {
    table-layout:fixed; /* to make masonry working on small screens */ 
    border-collapse:collapse;
}
  
table.body td {
    color:white;
    border:1px solid #C0C0C0;
    min-width:32px;
    max-width:32px;
    width:32px;
    min-height:32px;
    max-height:32px;
    height:32px;
    padding:0;
    cursor:pointer;
}

.lines-tab-pane {
    width: 100%;
    max-width: 321px;
    min-height: 367px;
    height: auto;
}

@media (max-width: 575.98px) {
    .lines-tab-pane {
        min-height: 0;
    }
}

#c90 { border-color:black silver silver black; } 
#c99 { border-color:black black silver silver; } 
#c09 { border-color:silver black black silver; } 
#c00 { border-color:silver silver black black; } 

#c91,#c92,#c93,#c94,#c95,#c96,#c97,#c98 { border-color:black silver silver silver; } 
#c01,#c02,#c03,#c04,#c05,#c06,#c07,#c08 { border-color:silver silver black silver; } 
#c10,#c20,#c30,#c40,#c50,#c60,#c70,#c80 { border-color:silver silver silver black; } 
#c19,#c29,#c39,#c49,#c59,#c69,#c79,#c89 { border-color:silver black silver silver; } 

#c11,#c41,#c71 { border-color:silver silver silver silver; } 
#c12,#c42,#c72 { border-color:silver silver silver silver; } 
#c13,#c43,#c73 { border-color:silver silver silver silver; } 
#c14,#c44,#c74 { border-color:silver silver silver silver; } 
#c15,#c45,#c75 { border-color:silver silver silver silver; } 
#c16,#c46,#c76 { border-color:silver silver silver silver; } 
#c17,#c47,#c77 { border-color:silver silver silver silver; } 
#c18,#c48,#c78 { border-color:silver silver silver silver; } 

#c21,#c51,#c81 { border-color:silver silver silver silver; } 
#c22,#c52,#c82 { border-color:silver silver silver silver; } 
#c23,#c53,#c83 { border-color:silver silver silver silver; } 
#c24,#c54,#c84 { border-color:silver silver silver silver; } 
#c25,#c55,#c85 { border-color:silver silver silver silver; } 
#c26,#c56,#c86 { border-color:silver silver silver silver; } 
#c27,#c57,#c87 { border-color:silver silver silver silver; } 
#c28,#c58,#c88 { border-color:silver silver silver silver; } 

/*.ball, .path {*/  
.path {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 50%;
    width:100%;
    height:100%;
    border: 1px solid silver;
    opacity: 1;
}
    
.ball {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin: auto;   
}
        
    
/* Flash class and keyframe animation */
.selected {
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
    0% { opacity: 1; } 
    50% { opacity: .5; } 
    100% { opacity: 1; }
}
@keyframes flash {
    0% { opacity: 1; } 
    50% { opacity: .5; } 
    100% { opacity: 1; }
}