@font-face {
    font-family: "PoppinsMedium";
    src: url("../fonts/Poppins-Medium.woff2");
    font-display: swap;
}

:root {
    --trebe-dark-blue: rgb(3, 31, 70);
    --background-color: rgb(255, 255, 255);
    --textbox-color: rgb(255, 255, 255);
    --font-color: var(--trebe-dark-blue);
    --font-size: 32px;
}

* {
    box-sizing: border-box !important;
    font-family: "PoppinsMedium" !important;
    color: var(--trebe-dark-blue) !important;
}

body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    background-color: var(--background-color) !important;
}

.btn {
    border-color: var(--font-color) !important;
    color: var(--font-color) !important;
}

.config {
    border-color: var(--trebe-dark-blue) !important;
    color: var(--trebe-dark-blue) !important;
}

.small {
    font-size: small !important;
}

.simple-container {
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    border: solid 1px var(--font-color) !important;
    border-radius: 0.375rem !important;
    background-color: var(--textbox-color) !important;
    flex: 1 !important;
}

.label {
    position: sticky !important;
    background-color: var(--textbox-color) !important;
    color: var(--font-color) !important;
    z-index: 999 !important;
    padding: 7px !important;
    padding-left: 14px !important;
}

.text-scroller {
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
    max-height: 100% !important;
    font-size: var(--font-size) !important;
    color: var(--font-color) !important;
    background-color: var(--textbox-color) !important;
    padding: 25px !important;
    padding-top: 35px !important;
    text-align: center !important;
    overflow-y: auto !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

span,
.text-scroller div {
    color: var(--font-color) !important;
}

.text-scroller::-webkit-scrollbar {
    display: none !important;
}

select:focus,
input:focus {
    box-shadow: none !important;
}

#load-config,
#save-config {
    background-color: var(--trebe-dark-blue) !important;
    color: white !important;
}

#disposition::first-letter {
    text-transform: capitalize !important;
}