div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
        }

        /* Style the buttons inside the tab */
        div.tab button {
            background-color: inherit;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 14px 16px;
            transition: 0.3s;
            font-size: 17px;
        }

        /* Change background color of buttons on hover */
        div.tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        div.tab button.active {
            background-color: #ccc;
        }

        /* Style the tab content */
        .tabcontent {
            display: none;
            padding: 6px 12px;
            border: 1px solid #ccc;
            border-top: none;
        }
        
        canvas {
            border: 1px solid black;
        }
        button_ {
            clear: both;
            display: block;
        }
        #content {
            background: rgba(100, 255, 255, 0.5);
            padding: 50px 10px;
        }


table, th, td {
    border: 1px solid black;
    text-align: center;
}

.tablePop {
    font-size: 14px;
    border-collapse: collapse;
    width: 100%;
    border: px solid white;
}

.tablePop th, td {
    text-align: center;
    padding: 8px;
    border: 1px solid #FFFFFF;
}

.tablePop tr:nth-child(even) {background-color: #ffffff;}