@import "https://webolement.com/css/normalize.css";
@import "https://webolement.com/css/animate.min.css";

@import "https://webolement.com/css/layout.css";
@import "https://webolement.com/css/webolement.css";

:root {
    transition: 0.3s;

    --primary-light: #7257ff53;
    --primary-base: #7257ff;
    --primary-dark: #5336e2;

    --primary-text-color: #ffffff;


    --primary-light: #fec344;
    --primary-base: #ffbe2e;
    --primary-dark: #d3991e;

    --primary-text-color: #261f3f;

    --top-bar-color: #2a2a2a;
    --top-bar-text-color: #fff;
    --side-bar-color: #2e2e2e;
}

body {
    font-size: 1rem;
}

.page-height {
    height: calc(100vh - 159px);
    overflow: auto;
}


#scanner_holder {
    background: black;
    width: 100vw;
    height: 100vh;
    position: absolute !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 3;
    top: 0;
    left: 0;
}

#scanner {
    width: 100%;
    height: auto;
}

#scanner_button {
    position: absolute;
    bottom: 3em;
}