#menu {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

table {
    width: 100%;
    margin-top: 20px;
}

table td {
    height: 40px;
}

#database-creation {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: 50px 0px;
}


#database-creation input:first-child {
    width: 400px;
    margin: 5px;
}

#database-creation input:last-child {
    border: 1px solid #000000;
    background-color: #303030;
    color: #ffffff;
}

.copylink {
    cursor:pointer;
}

#dboversigt {
    font-size: 12px;
}

.suiteoversigt {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 15px;
}

.suiteoversigt .suite {
    width: 20%;
    text-align: center;
    box-shadow: inset 0 0 1px #000000;
}

.suiteoversigt table {
    font-size: 12px;
    display: none;
}

.suiteoversigt h3 {
    font-size: 16px;
    line-height: 16px;
    margin-top: 10px;
}

.suiteoversigt .active {
   width: 100%;
}

.suiteoversigt .active table {
   display:block;
}

.suiteoversigt td {
    height: auto;
    color: #ffffff;
}

.full {
    color: #ffffff;
    background-color: #d36a6a;
}

.free {
    color: #ffffff;
    background-color: #34b734;
}

#search-wrapper {
    padding:20px;
    text-align:center;
}