:root{--color:#505e14;--background:#eef9eb;--midcolor:#bed363}body,html{width:100%;height:100%;margin:0;padding:0}body{background-color:var(--background);font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--color);display:grid;align-items:stretch;grid-template-columns:100%;grid-template-rows:min-content auto min-content;padding:10 10px}body *{color:var(--color);background-color:transparent}a{white-space:nowrap;text-decoration:none}input{padding:3px 10px;margin:2px 0px;border-radius:5px;box-sizing:border-box;border:none;border-bottom:2px solid rgb(22,107,93)}input:invalid{border-bottom:2px solid red}input:focus{outline:none !important;border-top:1px solid rgb(22,107,93)}textarea{border:none;border-left:2px solid rgb(22,107,93);border-right:2px solid rgb(22,107,93);border-radius:5px;resize:none;padding:5px;margin-top:5px}textarea:focus{outline:none !important;box-shadow:0 0 5px rgb(22,107,93)}header{position:sticky;top:0;z-index:999;border:lightgray 1px solid;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:var(--background);display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;box-sizing:border-box;margin:10px;margin-top:0;padding-right:10px;white-space:nowrap}header .logo{width:max-content;font-weight:bold;font-size:xx-large;cursor:pointer;white-space:nowrap;display:flex;flex-flow:row;align-items:center;margin:5px 20px}header .logo span{margin-left:10px}header .logo img{height:2rem;margin-right:10px}header span{font-weight:bold;color:var(--color);background-color:var(--midcolor);margin:5px;padding:5px 20px;cursor:pointer;border-radius:10px}header span:hover{background-color:var(--color);color:var(--midcolor)}main{display:grid;width:100%;grid-template-rows:min-content 1fr}.mainContainer{display:flex;justify-content:center;align-content:center;align-items:center}.userMessages{width:100%;display:flex;flex-flow:column}.userMessage{min-height:63px;margin:2px 15px;padding:5px 15px;padding-left:80px;display:flex;flex-flow:row;flex:1 2 auto;background-position:10px 5px;background-repeat:no-repeat;background-size:50px auto;border:1px solid;border-radius:5px;box-sizing:border-box}.userMessage div{width:100%;display:flex;flex-flow:column}.userMessage span,.userMessage span:hover{margin-left:10px;font-weight:bold;background-color:inherit;cursor:pointer}.userMessage h3{margin:3px 0;font-style:italic;color:inherit}.userMessage div{color:inherit}.userMessage.information{color:green;background-image:url('/img/information.svg');background-color:#a4f5ba}.userMessage.error{color:red;background-color:#ffbfc0;background-image:url('/img/Error.svg')}.userMessage.warning{color:#c99802;background-color:#ffe4bf;background-image:url('/img/warning.svg')}.module{margin:auto;display:flex;flex-direction:column;border:1px solid lightgray;padding:10px;margin:10px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);background:white;border-radius:10px}.moduleTitle{font-weight:bold;font-size:large;background-color:var(--midcolor);text-align:center;padding:5px 10px;margin-bottom:10px;border-top-right-radius:5px;border-top-left-radius:5px}.moduleHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:bold;text-align:center;margin-bottom:10px;border-bottom:1px solid gray}button{display:inline-block;align-self:center;justify-self:center;font-weight:bold;color:var(--color);background-color:var(--midcolor);margin:5px 20px;padding:5px 20px;cursor:pointer;border-radius:10px;text-align:center;border:1px solid var(--color);width:max-content}.button:hover{background-color:var(--color);color:var(--midcolor)}.hidden{display:none !important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#6a11cb,#2575fc);border-radius:8px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#2575fc,#6a11cb)}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px;margin:4px}::-webkit-scrollbar-corner{background:#f1f1f1}html{scrollbar-width:thin;scrollbar-color:#6a11cb #f1f1f1}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center}.modalContent{display:flex;flex-direction:column;background-color:#fefefe;width:max-content}.closeBtn{font-size:1.8em;margin-left:20px;font-weight:bold;cursor:pointer}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}input[type="number"]{appearance:textfield;text-align:right;width:80px}input,textarea,select{font-size:inherit;font-family:inherit}textarea{overflow-x:hidden;padding:5px}