/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    margin-left: -20em;
    padding: 10px;
    border: 1px solid #888;
    width: 190%;
    height: 200%;
    }

    /* The Close Button */
    .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    }

    .close:hover,
    .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    }

    
    /* Style the tab */
    .tab {
      overflow: hidden;
      background-color: #f1f1f1;
    }
    
    /* Style the buttons inside the tab */
    .tab button {
      background-color: #f1f1f1;
      cursor: pointer;
      border: none;
      outline: none;
      padding: 14px 16px;
      transition: 0.1s;
      font-size: 17px;
    }
    
    /* Change background color of buttons on hover */
    .tab button:hover {
      background-color: #ddd;
    }

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

    .tab button.inactive {
       background-color: #f1f1f1;
    }

    /* Style the tab content */
    .tabcontent {
       background-color: #f5f5f5;
    }