/* Style the tab */
 .tab {
   overflow: hidden;
   border: 1px solid #ccc;
   background-color: #56c25a;
 }

 /* Style the buttons that are used to open the tab content */
 .tab button {
   background-color: inherit;
   float: left;
   border: none;
   outline: none;
   cursor: pointer;
   padding: 14px 16px;
   transition: 0.3s;
 }

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

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

  /* Style the buttons that are used to open the tab content */
  .tab input {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
  }

 /* Change background color of buttons on hover */
 .tab input:hover {
   background-color: #449c46;
 }

 /* Create an active/current tablink class */
 .tab input.active {
   background-color: #39833b;
 }

 /* Style the tab content */
 .tabcontent {
   display: none;
   padding: 6px 12px;
   border: 1px solid #ccc;
   border-top: none;
 }