/* Style the tab */
        div.tab {
          overflow: hidden;
          border: 1px solid #ccc;
          background-color: #f1f1f1;
          width:100%;
          font-size: 15px;
        }

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

        /* 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: 15px 17px;
          border: 1px solid #ccc;
          border-top: none;
          width:100%;
          font-size: 12px;
        }

        /* Style the close button */
        .topright {
          float: right;
          cursor: pointer;
          font-size: 16px;
        }