.table-map {
    width: 60%;
}

.table-map input{
    font-size: 16px;
    padding: 7px;
    border: 1px solid rgba(145, 146, 146, 0.849);
    border-radius: 5px;
}

.table-map input.key {
    background: #f0f0f0;
}

.modification-button.btn-add {
    font-size: 16px;
    color: #00000030;
    margin: auto 0 auto 0;
}

.modification-button.btn-add:hover {
    color:#58ac43;
}

.modification-button.btn-hashmap {
    font-size: 16px;
    color: #00000030;
    margin: auto 0 auto 0;
}

.modification-button.btn-hashmap:hover {
    color: #ca1111;
}

.table-default {
    width: 80%;
    border-collapse: collapse;
    border-spacing: 0;
}

.table-default tr {
    background: #f0f0f02d;
}

.table-default tr.bottom-border {
    border-bottom: 1px solid black;
}

.table-default th {
    background: #ffffff;
}

.table-default tr.even {
    background: #f0f0f0;
}

.table-doc td, .table-doc th{
    border-spacing: 0px;
    padding: 0px 10px;
}

.table-doc td {
    background-color: rgba(155, 165, 160, 0.342);
}

.table-doc th {
    background-color: #3bc4f1;
    text-align: left;
    color: white;
}

.table-default td{
    text-align: center;
}

#header-table tr td {
    border: 1px black solid;
    padding: 1.5%;
    
}

#header-table{
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}

.history-header-name{
    min-width: 10vw;
}

#historyTable, td{
    padding: 1%;
    overflow-x: scroll;
}