#loading {
    background: no-repeat center url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20style%3D%22margin%3A%20auto%3B%20background%3A%20none%3B%20display%3A%20block%3B%20shape-rendering%3A%20auto%3B%22%20width%3D%2280px%22%20height%3D%2280px%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22xMidYMid%22%3E%0A%3Cg%20transform%3D%22translate%2850%2050%29%22%3E%0A%3Cg%20transform%3D%22rotate%2835.9773%29%22%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20values%3D%220%3B36%22%20keyTimes%3D%220%3B1%22%20dur%3D%220.2s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%3Cpath%20d%3D%22M29.491524206117255%20-5.5%20L37.491524206117255%20-5.5%20L37.491524206117255%205.5%20L29.491524206117255%205.5%20A30%2030%200%200%201%2027.091963160377592%2012.885089526919998%20L27.091963160377592%2012.885089526919998%20L33.564099115377175%2017.587371545259785%20L27.098461340159968%2026.486558483384208%20L20.62632538516039%2021.78427646504442%20A30%2030%200%200%201%2014.344193009333706%2026.34851280264186%20L14.344193009333706%2026.34851280264186%20L16.816328964333287%2033.956964933003086%20L6.354707285086599%2037.35615187112751%20L3.88257133008702%2029.747699740766283%20A30%2030%200%200%201%20-3.882571330087016%2029.747699740766283%20L-3.882571330087016%2029.747699740766283%20L-6.3547072850865955%2037.35615187112751%20L-16.816328964333287%2033.956964933003086%20L-14.34419300933371%2026.34851280264186%20A30%2030%200%200%201%20-20.62632538516038%2021.784276465044428%20L-20.62632538516038%2021.784276465044428%20L-27.09846134015996%2026.486558483384215%20L-33.56409911537717%2017.58737154525978%20L-27.091963160377592%2012.885089526919996%20A30%2030%200%200%201%20-29.491524206117255%205.500000000000009%20L-29.491524206117255%205.500000000000009%20L-37.491524206117255%205.50000000000001%20L-37.491524206117255%20-5.500000000000001%20L-29.491524206117255%20-5.500000000000002%20A30%2030%200%200%201%20-27.091963160377595%20-12.88508952691999%20L-27.091963160377595%20-12.88508952691999%20L-33.564099115377175%20-17.587371545259774%20L-27.098461340159965%20-26.486558483384204%20L-20.626325385160385%20-21.78427646504442%20A30%2030%200%200%201%20-14.344193009333717%20-26.348512802641856%20L-14.344193009333717%20-26.348512802641856%20L-16.816328964333298%20-33.956964933003086%20L-6.354707285086597%20-37.35615187112751%20L-3.8825713300870164%20-29.747699740766283%20A30%2030%200%200%201%203.8825713300870057%20-29.747699740766286%20L3.8825713300870057%20-29.747699740766286%20L6.354707285086583%20-37.356151871127516%20L16.816328964333284%20-33.956964933003086%20L14.344193009333706%20-26.34851280264186%20A30%2030%200%200%201%2020.626325385160378%20-21.784276465044428%20L20.626325385160378%20-21.784276465044428%20L27.098461340159957%20-26.486558483384215%20L33.56409911537717%20-17.587371545259785%20L27.091963160377592%20-12.885089526919998%20A30%2030%200%200%201%2029.491524206117255%20-5.500000000000013%20M0%20-15A15%2015%200%201%200%200%2015%20A15%2015%200%201%200%200%20-15%22%20fill%3D%22%23ff5800%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    height: 80px;
    width: 80px;
    position: absolute;
    right: 10px;
    top: 10px;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

select::-ms-expand {
    display: none;
}
body {
    font-family: system-ui, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 20px;
}
fieldset div {
    margin: 1em 0;
}
thead {
    background: #f3f3f3;
}
table {
    border-spacing: 0;
}
table tr {
    margin: 0;
}
table tbody tr:hover {
    background: #444;
    color: #fafafa;
}
table td {
    margin: 0;
    padding: 0.4em 1em;
}
tbody .status_new {
    background: #88ff88;
}
tbody .status_old {
    color: #aaa;
}
input, select {
    border: 1px solid #333;
    background: #fafafa;
    padding: 0.3em;
    font-size: 1em;
    margin: 0;
}

#upload_file_id {
    color: #555;
    margin: 3px;
}

.tab-bar {
    float: left;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    margin-bottom: 1em;
    background: #e3e3e3;
    border-bottom: 1px solid black;
}
.tab {
    float :left;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    padding: 0.6em 1.2em;
    border-right: 1px solid black;
    text-decoration: none;
    color: black;
}

#env-select-tab {
    padding: 0;
}
#env-select-tab select {
    padding: 0.6em 1.2em;
    border: 0;
    font-size: 1em;
}

.tab-right {
    float: right;
    border-right: none;
    border-left: 1px solid black;
}

.tab:hover {
    background: #fff;
}

#secret-status {
    color: black;
    cursor: pointer;
}

.page {
    display: none;
    padding: 1em;
}