* {font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    box-sizing:border-box;}

html {min-height:100%}
body {margin:0;padding:0;overflow-y:scroll;}

.full {width:100%;}

nav.global {background:#FFFFFF;margin:0;padding:10px 0;border-bottom:1px solid rgb(245,245,245);}
nav.global ul {list-style:none;display:flex;justify-content:flex-end;flex-wrap:nowrap;align-items: flex-start;gap:10px;
                width:clamp(330px,95%,1000px);margin-inline:auto;}
nav.global li.logo  {margin-right:auto;}


header.input            {background:rgb(250,250,250);margin:0;padding:10px 0;}
header.input nav        {width:clamp(330px, 95%, 1000px);margin:0;padding:10px 0;margin-inline:auto;}
header.input nav a      {text-decoration:none;color:#387ADF;font-weight:bold;}

header.input nav a::before {content:'\276E';}
header.input nav a:hover::before {content:'\276E';color:#FBA834;}
header.input h1         {width:clamp(330px, 95%, 1000px);margin:0;padding:10px 0;margin-inline:auto;text-align:left;font-size:2em;}

section.input           {width:clamp(330px, 95%, 1000px);margin:0;padding:10px 0;margin-inline:auto;text-align:left;}
section.input h2        {font-size:1.5em;}
section.input h3        {font-size:1.0em;}
section.input p         {font-size:0.9em;margin:0;padding:5px 0;}

section.input span.blue {color:#50C4ED;}

section.input input[type=date]      {width:clamp(330px, 50%, 450px);border:2px solid rgb(220,220,220);border-radius:5px;margin:0;padding:5px 10px;}
section.input select.small {width:clamp(100px, 20%, 150px);border: 2px solid rgb(220,220,220);border-radius:5px;margin:0;padding:5px 10px;margin-right:10px;}
section.input select.large {width:clamp(330px, 95%, 850px);border: 2px solid rgb(220,220,220);border-radius:5px;margin:0;padding:5px 10px;margin-right:10px;}
section.input textarea.large {width:clamp(330px, 95%, 850px);border: 2px solid rgb(220,220,220);border-radius:5px;margin:0;padding:5px 10px;margin-right:10px;
                              resize:none;}
section.input input[type=checkbox]  {vertical-align:middle}

section.input .submit           {width:clamp(300px, 100%, 1000px);text-align:left;margin:0;padding:50px 0;}


header.dash-sub         {width:clamp(330px, 95%, 1000px);margin:10px 0;padding:10px;margin-inline:auto;border-radius:15px;background:#387ADF;color:#FFFFFF;}

section.dashboard-group {width:clamp(330px, 95%, 1000px);margin:10px 0;padding:0;margin-inline:auto;}
section.dashboard-group h1 {margin:0;padding:8px;margin-inline:auto;text-align:left;font-size:1.5em;font-weight:normal;}

section.dashboard-group .circle {color:#387ADF;background:#FFFFFF;border:1px solid #FFFFFF;border-radius:5px;padding:2px 8px;font-weight:bold;}
section.dashboard-group table td:first-child {width:30%;margin:5px 0;gap:10px;}
section.dashboard-group table tr {margin:10px 0;padding:0;gap:10px;}
section.dashboard-group table {border-spacing:10px;}

section.dashboard-group .blue           {background:#387ADF;color:#FFFFFF;}
section.dashboard-group .block-medium   {width:clamp(330px, 33%, 500px);border:1px solid rgb(245,245,245);border-radius:5px;}

section.activities-list     {width:clamp(330px, 95%, 1000px);margin:10px 0;padding:0;margin-inline:auto;}

section.activities-list .activity-block {width:100%;border:1px solid rgb(220,220,220);border-radius:10px;min-height:50px;margin-bottom:10px;}
section.activities-list .activity-block h1 {margin:0;padding:5px 10px;border-bottom:1px solid rgb(220,220,220);font-size:1em;font-weight:bold;}
section.activities-list .activity-block h1 span {float:right;padding-right:10px;font-size:0.85em;font-weight:lighter;}
section.activities-list .activity-block p {margin:0;padding:5px 10px;}
section.activities-list .activity-block p span {background:rgb(200,200,200);color:#000000;border-radius:5px;padding:5px 10px;font-size:0.85em;}
section.activities-list .activity-block p:last-child {margin-bottom:10px;}

main.login {width:100vh;height:100vh;display:flex;justify-content:center;align-items:center;align-content:center;}
main.login section.login-box {border:1px solid rgb(200,200,200);margin:0;padding:10px 20px;border-radius:10px;box-shadow:-5px -5px 50px rgb(225,225,225);
                              width:clamp(300px, 40%, 500px);text-align:center;}
main.login section.login-box h1 {text-align:center;font-weight:normal;}
main.login section.login-box p {text-align:center;font-weight:normal;}

main.login section.login-box input[type=email] {width:100%;padding:5px 10px;border-radius:5px;margin:10px 0;border:1px solid rgb(225,225,225);}
main.login section.login-box button[type=submit] {width:clamp(300px, 40%, 500px);background:#387ADF;border:1px solid #387ADF;color:#ffffff;
                                                  padding:10px 10px;border-radius:5px;}

main.login section.login-box .hp        {display:none;}