:root{--primary-color: #5a89bb;--action-color: #e0eaf3;font-family:Verdana,Verdana,Geneva,Tahoma,sans-serif;color-scheme:light;color:#353535;background-color:#fff;text-align:center}.App{color:#353535;background-color:#fff;text-align:center;font-family:Verdana,Verdana,Geneva,Tahoma,sans-serif}button,input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;border:1px solid #353535}body{display:block;margin:0;background-color:#fff}input{height:2em;width:100%;border:1px solid #353535;border-radius:5px}input:disabled{border:1px solid #0000006b}.weak{font-weight:lighter;margin:0}th,td{padding-left:1rem;padding-right:1rem}h1{font-size:1.5em}h2{margin:1em 0;font-size:1.1em}h3{margin:.75em 0;font-size:.9em}h4{margin:.75em 0;font-size:.75em}h5{font-size:.75em;display:block;margin-block-start:1.33em;margin-block-end:1.33em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700}hr{margin:0}header h1,header h2,header h3,header h4,header h5{margin:1% 4%;display:flex;align-items:start}label{font-size:.75em;margin-bottom:5px}#Header{margin:0 0 2%;position:sticky;top:0;background-color:#fff}#buffer{height:60px;background-color:#fff}#title_div{display:flex;flex-direction:column;margin:0 0 2% 1%}#title_div h4{margin:0 8px 0 0}.TCS_title{display:flex;align-items:start;text-align:left;font-size:.75em}.sticky_header{width:100%}.sticky_header div{display:flex;flex-direction:column;align-items:flex-start}.sticky_header div h1,.sticky_header div h2{margin:0 0 2% 4%}#title_dash{display:none}#collapseToggle{width:15%;height:10px;padding-bottom:2px;font-size:x-small;background-color:#e0eaf3;border:1px solid gray;border-bottom:0;border-radius:5px 5px 0 0;display:flex;justify-content:center;align-items:center;position:relative;left:42.5%;bottom:0;z-index:10;transition:all 2s ease-in-out}#collapseToggle img{width:25%;padding-top:2px}#AccountTab{display:flex;padding:.5em 4%;justify-content:space-between;border-top:1px solid #353535;border-bottom:1px solid #353535;box-shadow:0 3px 4px #00000020}#sticky_MDPU{display:flex;width:60%;flex-direction:row;align-items:center;justify-content:flex-start;gap:5%}#sticky_MDPU .weak{margin-right:3%}#sticky_MDPU h4{margin:0}#sticky_MDPU div{flex-direction:column;justify-content:flex-start;gap:1%}#sticky_creds{display:flex;flex-direction:row;width:100%;align-items:center}#UserWidget{display:flex;justify-content:flex-end;align-items:center;height:20px;flex-direction:row;margin-right:.5em}#UserWidget p{margin-bottom:1.2em;font-size:.85em}#UserIcon{height:20px;width:20px;margin-right:5px}#Logout button{height:2.5em;width:auto}#widgetHeader{display:block;text-align:center;margin:10% 20% 0;border-top:solid 1px black;border-left:solid 1px black;border-right:solid 1px black;border-radius:5px 5px 0 0;background-color:#5a89bb;color:#fff}#widgetHeader h4{margin:0}.prompt{display:block;padding:8px 0}#Delivery_Login_Div{margin:0 20% 5%;border:solid 1px black;border-radius:0 0 5px 5px;background-color:#e0eaf3}#Delivery_Login_Div button{margin:1em 5%;width:30%;height:2.5em}#loginForm{margin:16px 0 0}#loginForm div{display:flex;flex-direction:column;padding:0 25% 1em}#loginForm label{display:flex;align-items:flex-start}.input_wrapper{position:relative}.fail_flag{width:auto!important;display:none!important;overflow:visible;position:absolute;top:110%;left:auto;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:10px 4px;white-space:nowrap;z-index:10;box-shadow:0 4px 6px #0000001a}.fail_flag:before{content:"";position:absolute;top:-18px;left:20%;transform:translate(-50%);border-width:10px;border-style:solid;border-color:transparent transparent #f8d7da transparent;z-index:11}.fail_flag.visible{display:flex!important}.fail_flag p{margin:0;font-size:small}#ff_login_un,#ff_login_pw{padding:10px 4px!important;top:90%;left:auto}#new_user{color:#5a89bb;text-decoration:underline}#new_user:hover{color:#2866a8}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:#000000b3;transition:opacity .5s;visibility:hidden;opacity:0}.overlay:target{visibility:visible;opacity:1}#popupWindow{visibility:hidden;opacity:0;pointer-events:none;transition:all .75s ease-in-out}.popup{margin:50% auto;padding:5px 20px;background:#fff;border-radius:5px;width:50%;position:relative;transition:all 1s ease-in-out}.popup .close,.popup .close_add,.popup .edit_add{position:absolute;top:20px;right:30px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.popup .content{max-height:30%;overflow:auto}.popup h1{display:flex;flex-direction:row-reverse;margin:0;margin-block-start:0;margin-block-end:.25em;margin-inline-start:0;margin-inline-end:15px}.popup p{margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.popup label{font-size:smaller}#popupPrompt{display:flex;justify-content:center}.popupContent{display:flex;flex-direction:column;align-items:center}.popupContent div{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:1em}.popupContent input,.popupContent label{width:80%;text-align:start}#popupInner{text-align:center;margin-top:.5em}#popupInner button{height:2.5em;width:60%}.popup_button{min-height:2.5em!important;height:2.5em!important;width:60%!important;margin:0 5%!important}#footer{display:flex;flex-direction:row-reverse;width:100%;position:fixed;bottom:0;background-color:#fff;z-index:-1}#footer_text{font-size:.65em;margin-block:4%;margin-inline:4%}#login_div{display:flex;flex-direction:column;align-items:center;padding:0 0 1em}#login_div button{max-width:300px;margin:1em 5%;min-height:3em;width:70%}.invalid_input{border:solid 1.5px red;border-radius:3px;background-color:#fdd}#main_title{text-align:left;flex-direction:column;align-items:flex-start}.header_logo{max-height:50px;max-width:200px;object-fit:contain;width:auto}@media only screen and (max-width: 400px){#sticky_MDPU{text-wrap:wrap}#sticky_MDPU h4{font-size:.675em}#sticky_creds{width:auto}#UserWidget p{font-size:.75em}#Logout button{height:auto}.popup{width:75%}}@media only screen and (min-width: 630px){#Header{margin:0 0 1%}#buffer{height:20px}#title_div{justify-content:start;margin:0 0 1% 1}#collapseToggle{width:8%;left:46%}#collapseToggle img{width:25%}#sticky_MDPU{flex-direction:row;align-items:center;justify-content:flex-start;gap:5%}#sticky_MDPU div{flex-direction:column;align-items:flex-start}#sticky_MDPU h4{font-size:.85em}#sticky_creds{width:30%;gap:5%}#UserWidget{height:30px;margin-right:1em}#UserWidget p{font-size:1em}#UserIcon{height:25px;width:25px;margin-right:5px}#widgetHeader{margin:4% 20% 0}#loginForm div{padding:0 30% 1em}.fail_flag p{font-size:smaller}#title_dash{display:flex}#footer_text{margin-block:1%;margin-inline:20%}#main_title{text-align:left;flex-direction:column;align-items:flex-start}}@media only screen and (min-width: 1200px){label{font-size:.8em}#collapseToggle{width:6%;left:47%}#collapseToggle img{width:25%}#widgetHeader{margin:6% 20% 0}.popup{width:25%}.sticky_header div{flex-direction:row;align-items:center}.sticky_header div h1,.sticky_header div h2{margin:0 0 1% 4%}}
