/*@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,271;1,264;1,387&display=swap');*/

body    {
    font-family: 'Josefin Sans', 'Ariel'; font-size:100%;
    background-color:#d7eecd; 
    margin:0px; padding:0px;}
    .Slocalhost {background-color:#f1c1b0;}
#body-wrapper   {
    position:fixed; overflow:auto;
    width:100%; height:100%; min-height:300px; 
    bottom:0px; top:0%; left:0px; 
    margin:0px; padding:0px;  }


#header-wrapper  {
    position:fixed; overflow:visible;
    width:auto; height:3.6em;
    top:0px; left:0px; right:0; 
    text-align:center;
    background-color:#d7eecd;
    }
#logo-container {
    position:relative; overflow:visible;  text-align:center; 
    height:100%; width:100%
    padding-top:1.3em; margin:0%; margin-left:0%;
    border-bottom:2px solid #45523d; border-radius:0em; 
    background-color:#bdd4b0; 
    }
#title-bowl     {
    position:relative; display:block;
    top:15%;  bottom:0px; 
    height:140%; width:auto;
    margin-left:auto; margin-right:auto;   }

.encent {position:relative;display:inline-flex; width:100%; text-align:center;}
.encentMargin {flex:1;}
.encentContent{display:inline-block; position:relative; flex:10; max-width:60em;}
#header-wrapper .encent{position:absolute; left:0; top:0;}
#header-wrapper .encentContent{flex:2; max-width:30em;}
#menuBtn{display:inline-block; border-radius:.5em;
        margin-top:1em; width:2em;}
#menuBtn:hover{background-color:#a8c399; cursor:pointer;}
#menuBtn.fixered {width:5em; background-color:white; border:2px solid black; box-shadow:.4em .4em .4em rgb(75,90,67,60%);}


.bottom-fill{
    position:absolute; background-color:#2b312a;
    width: 100%; bottom:0; height:4%;
    border-top:2px solid black;
    border-radius:.8em .8em 0 0;
}
#scroll-wrapper{
    position:absolute; overflow:auto;
    width:auto; height:auto;
    left:0px; right:0; top:3em; bottom:0;
}
#content-wrapper    {
    position:relative; overflow:auto;
    width:100%; height:auto; min-height:93%;
    left:0px; right:0; top:3em; bottom:0; }

.pseudo-footer  {
    position:relative; 
    width:100%; height:13em; min-height:5em;}

#footer-wrapper {
    position:absolute; display:flex; flex-wrap: wrap;
    box-sizing:border-box; width:100%; height:auto;
    bottom:0px; left:0; right:0;
    margin:0%; padding:.5em;  
    background-color:#2b312a; border-radius:.75em .75em 0em 0em; 
    color:white; font-family:Ariel,"Trebuchet MS", verdana,Tehoma;  }

#footer-wrapper.fixered {position:fixed;}


.footerBipen{ display:flex; flex:1;}
    .dark-space    {position:relative; flex:1; border-radius:.5em; background-color:#1f241e; color:white; padding:.25em; margin:.2em; text-align:center; min-width:8em; }
    
    .dark-space .btn{cursor:pointer; background-color:#333c2e; border-radius:.4em; padding:.3em; color:#9fac98; margin-bottom:.4vh;}
    .dark-space .btn:hover	{background-color:#44503e; }
        .dark-space .btn.s{ font-size:.8em; font-weight:bold; color:#d9ded7;}
            .dark-space .seg {position:relative; display:inline-block;}
            .dark-space .days {font-weight:bold; color:#bbcbb3;}
            .dark-space .times {font-size:.9em; color:#819279;}


.login-form-wrapper	{position:relative; top:100px; width:auto; height:auto; left:0px; right:0px; background-color:#bdd4b0; font-weight:bold; font-size:10px; color:rgba(0,0,50,.8); border:1px solid rgba(0,0,50,.8); padding:20px; border-radius:15px;}
.login-title		{position:relative; display:block; padding-bottom:1.3em; font-size:13px; font-weight:bold;}
.businusUser		{font-size:1.8em; color:#57866f; }
.loginErrors{color:red; font-size:1.4em;}
.showPasswordHereA {position:relative; display:inline-block; width:1px; font-size:1.5em; height:1em; }
#showPasswordHere {position:absolute; width:10em; height:1em; text-align:left; padding-left:1em;}
#delayingAttempt {display:inline-block; text-decoration:underline;}

.notLoggedIn {width:100%; text-align:center; padding-top:20%; font-size:2em;}