body {
    font-family: 'Roboto', sans-serif;
}

header {
    border-top: 10px solid #00FA30;
    background: #414042;
    padding: 1.5em;
}

.btn-primary {
    color: #000;
    background: #00FA30;
    border: none;
}

.btn-primary:hover,.btn-primary:active,.btn-primary:focus {
    background: #00e031;
}

.btn-primary:focus,.btn-primary:active, .btn-primary:active:focus {
    border-color: #00e031;
    box-shadow: 0 0 0 0.25rem rgb(49 253 84 / 50%);
}

form .rows .row .addRow {
    display: none;
}

form .rows .row:first-child:last-child .addRow, form .row:last-child .addRow {
    display: inline-block;
}

form .rows .row:only-of-type .removeRow {
    display: none;
}

header h1 {
    color: #fff;
    text-align: right;
}

header .info {
    color: #fff;
    font-size: .9rem;
    border-left: 1px solid #232323;
    padding-left: .7em;
}

header .info .line {
    font-size: .75rem;
}

header .title {
    color: #00FA30
}

.result .result-table {
    display: none;
}


.copyCode[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

.copyCode[data-title]:after {
    content: attr(data-title);
    background-color: #333;
    color: #fff;
    font-size: 14px;
    position: absolute;
    padding: 3px 20px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
    border-radius: 6px;
}
.copyCode[data-title] {
    position: relative;
}

.table-dark {
    --bs-table-bg: #414042;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #414042;
}
.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #00FA30;
    border-color: #00FA30 transparent #00FA30 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loading {
    display: none;
    margin: 0 auto;
    text-align: center;
}