#input {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    width: 3px;
    border: white;
}

.root {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;

}

.list-row {
    border-bottom: solid 1px black;
}

#header_status {
    position: relative;
}

.scan-sign {
    display: none;
}

.scan-sign .scan-sign-1 {
    width: 24px;
    top: 10px;
}

.scan-sign .scan-sign-2 {
    height: 24px;
    left: 10px;
}

.scan-sign span {
    display: block;
    position: absolute;
    background-color: white;
    width: 4px;
    height: 4px;
}

.scan-logo,
.scan-sign {
    position: absolute;
    height: 26px;
    width: 24px;
    top: 4px;
    left: 3px;
    overflow: hidden;
}

.scan-logo span {
    border-left: solid 2px white;
    top: 0px;
    margin-left: 2px;
    width: 1px;
    height: 26px;
    float: left;
    display: block;
    overflow: hidden;
}

.scan-logo-3,
.scan-logo-4 {
    height: 20px !important;
}

.scan-logo-2,
.scan-logo-5 {
    border-left: solid 4px white !important;

}

.btn .fa-regular,
.btn .fa-solid {
    margin-right: 4px;
}

#settings-tab-pane .input-group .input-group-text {
    width: 140px;
}

.nav {
    --bs-nav-link-color: #198754 !important;
}

.form-check-input:checked {
    background-color: #198754 !important;
    border-color: #198754 !important;
}
.p-2 {
    padding-bottom: 0 !important;
}
#settings-tab-pane .input-group  {
    margin-bottom: 4px !important;
}

#version {
    float: right;
    display: block;
    font-size: 16px;
    margin-top: 12px;
}

#loading {
    width: 100%; 
    height: 100%; 
    background-color: black; 
    position: absolute; 
    z-index: 10000; 
    opacity: 0.5;
    align-content: center;
    text-align: center;
}

.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    animation: rotate 1s linear infinite
}
.loader::before {
content: "";
box-sizing: border-box;
position: absolute;
inset: 0px;
border-radius: 50%;
border: 5px solid #198754;
animation: prixClipFix 2s linear infinite ;
}

@keyframes rotate {
100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix {
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}

.selftest-pane .list-row-auto b {
    font-size: 14pt;
    color: #198754;
    padding-left: 5px;
}