.license_generation_table {
    border-collapse: collapse;
}

.license_generation_table td, .license_generation_table th {
    padding-right: 8px;
    text-align: left; /* Make text left-justified */
    vertical-align: bottom;
}

.logo-container {
    padding-top: 10px;
    padding-left: 10px;
    width: 250px;
    max-width: 250px;
    height: auto;
}

.container {
    max-width:1450px;
}

#feature_select_table {
    border-collapse: collapse; /* This ensures that table borders are combined into a single border */
    /*width: 100%; !* Assuming you want the table to span the full width of its container *!*/
    width: 550px; /* Assuming you want the table to span the full width of its container */
    border: 1px solid black; /* Add a border around the table */
}

#feature_select_table td, #feature_select_table th {
    border: 1px solid black; /* Add a border around each cell */
    text-align: left; /* Make text left-justified */
    vertical-align: top; /* Make text start at the top, not centered vertically */
    padding: 8px; /* Add some padding around the content for better appearance */
}

#license_view_table {
    border-collapse: collapse; /* This ensures that table borders are combined into a single border */
    width: 1400px; /* Assuming you want the table to span the full width of its container */
    border: 1px solid black; /* Add a border around the table */
    table-layout: fixed;
}

#license_view_table td, #license_view_table th {
    border: 1px solid black; /* Add a border around each cell */
    text-align: left; /* Make text left-justified */
    vertical-align: top; /* Make text start at the top, not centered vertically */
    padding: 8px; /* Add some padding around the content for better appearance */
}

.logo-table {
    border-collapse: collapse;
    width: 100%;
}

.logo-table-left {
    width: 33%;
    text-align: left;   /* Left aligns the content of the left cell */
}

.logo-table-center {
    width: 33%;
    text-align: center;  /* Centers the content of the middle cell */
}

.logo-table-right {
    width: 33%;
    text-align: right;   /* Right aligns the content of the right cell */
}


.colPk { width: 35px; }
.colUsername { width: 250px; }
.colLicensee { width: 300px; }
.colFilename { width: 550px; }
.colSkydelSerialNumber { width: 95px; }
.colMaxVersion { width: 70px; }
.colInstances { width: 65px; }
.colDateTime { width: 190px; }

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #555; /* Dark border */
  background-color: #242424; /* Darker background */
}

.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  color: #e0e0e0; /* Light text color for contrast against the dark background */
}

.tab button:hover {
  background-color: #3a3a3a; /* Slightly lighter background on hover */
}

.tab button.active {
  background-color: #444; /* Even darker background for active tab */
}

.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #555; /* Dark border */
  border-top: none;
  background-color: #181818; /* Dark background for the content area */
}

.license-text-input {
    width: 150px
}

.license-type-phrase-input {
    width: 575px
}

.license-errors {
    color: #a6192e
}