@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --bg: url('apps/bg.jpg');
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.bg-blue {
    background-color: blue;
}
.bg-blur {
    backdrop-filter: blur(3px);
}

.limited {
    display:none;
}

.top-bar {
    box-shadow: 1px 3px 10px rgba(0,0,0,0.3);
    background-color: blue;
    border-radius: 0 0 50px 0;
    z-index:50;
}
.brand {
    color:white;
    text-shadow: 1px 3px 3px rgba(0,0,0,0.3);
}

.side-bar {
    top: 100px;
    left: 10px;
    background-color: navajowhite;
    height: 75vh;
    overflow:auto;
    width: 100px;
    border-radius: 8px;
    box-shadow: 1px 3px 10px rgba(0,0,0,0.3);
    z-index:50;
}

.bottom-bar {
    z-index: 50;
    color: #ccc;
}

.fullpage {
   height: 100vh;
   background-color: aliceblue; 
}

.mainpage,
.mainpage-nozoom {
    position: fixed;
    top: 100px;
    left: 125px;
    height: 75vh;
    width: 88%;
    background-color: aliceblue;
    border-radius: 8px;
    transition: .5s;
    box-shadow: 1px 3px 10px rgba(0,0,0,0.3);
    z-index: 100;
}
.mainpage.zoom {
    position: absolute;
    left: 0;
    top: 2px;
    width: 100%;
    height: 120vh;
    padding: 30px!important;
    transition: .5s;
}

.mainpage.no-sidemenu {
    left: 5%;
    width: 90%;
}

.mainpage.zoom.no-sidemenu {
    left: 0;
    width: 100%;
}


.table th, .table td {
    padding: 5px;
}

input.big-input {
    width: 100%;
    font-size: 40px;
    padding: 10px;
    background: none;
    border: none;
    border-bottom: 1px solid white;
    outline: none;
}

/* MOBILE APPS ======================================================================== */
@media (max-width: 500px){
    body {
        overflow:auto !important;
    }
    .top-bar, .side-bar, .bottom-bar {
        display: none;
    }    
}