#app {
    width: 100%;
    height: calc(98% - 20px);
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.config-content {
    width: 100%;
    height: 90%;
    padding-top: 10px;
}

.config-content label {
    font-weight: bolder;
}

.config-content input {
    font-weight: bolder;
}

.my-btn-group {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.my-btn-group button:not(:first-child) {
    margin-left: 10px;
}

.my-btn-group a:not(:first-child) {
    margin-left: 10px;
}

.my-table-container {
    padding: 5px 10px;
    border-radius: 10px;
    margin-top: 20px;
    width: 100%;
}

.my-table-container th {
    vertical-align: middle !important;
    text-align: center !important;
}

.my-table-container td {
    vertical-align: middle !important;
    text-align: center !important;
}

.row-panel {
    background-color: #fff;
    margin-bottom: 10px;
}

.form-panel {
    padding: 10px;
}

.form-panel input {
    height: 26px;
    border-radius: 5px;
    margin-left: 3px;
}

.col-over-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.copy {
    cursor: pointer
}