header #headerbar{display:flex;align-items:stretch;justify-content:flex-start;height:5vh;align-items:center;background-color:#14c283;transition:transform 2s;}header #headerbar #userInfo{margin:auto 1vw auto auto;}header #headerbar #userInfo #headerBarUserName{color:#fff;}header #headerbar #userInfo #profilePictureIcon{background-color:#fff;height:2.5em;width:2.5em;border-radius:200px;}body{background-color:#fff;}body h2{margin-bottom:2vh;}body .container{max-width:none;margin:0;padding:1em;}body .container main{display:flex;align-items:stretch;height:70vh;}body .container main>div{display:none;width:100%;}body .container main button{display:inline-block;border:none;border:0;text-align:center;box-shadow:0 5px 10px 0 #888;padding:1em;}body .container main button:focus{outline:thin solid;}body .container main button.button-gray{background-color:#d3d3d3;float:left;}body .container main button.button-green{background-color:#60ca7f;float:right;}body .container main button.button-red{background-color:#fd91a7;}body .container main button:hover{border-radius:5px;}body .container main button:active{box-shadow:0 1px 5px 0 #888;transform:translateY(4px);}body .container main div.inputfields{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;}body .container main div.inputfields button{padding:initial;height:2em;width:10em;float:initial;margin-bottom:1em;}body .container main div.inputfields>div p{margin-bottom:0;max-width:20em;}body .container main div.inputfields>div>div{margin-right:1em;display:inline-block;}body .container main div.inputfields input{border:none;width:100%;max-width:20em;height:2em;margin-right:1em;margin-bottom:1em;}body .container main div.inputfields input:focus{outline:thin solid;}body.listpage #listpage,body.occupationspage #occupationspage,body.workerspage #workerspage,body.settingspage #settingspage,body.listpreviewpage #listpreviewpage,body.listviewpage #listviewpage{display:block;background-color:#f0f0f0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:90vh;min-width:100%;padding:1em;}body.listpage #listpage>button,body.occupationspage #occupationspage>button,body.workerspage #workerspage>button,body.settingspage #settingspage>button,body.listpreviewpage #listpreviewpage>button,body.listviewpage #listviewpage>button{display:block;}body.listpage #listpage>button#close-button-topright,body.occupationspage #occupationspage>button#close-button-topright,body.workerspage #workerspage>button#close-button-topright,body.settingspage #settingspage>button#close-button-topright,body.listpreviewpage #listpreviewpage>button#close-button-topright,body.listviewpage #listviewpage>button#close-button-topright{position:relative;float:right;font-weight:600;font-size:xx-large;padding:0;line-height:0;margin:.5em 0 2em 0;outline:#fff;}body.occupationspage #occupationspage>div:first-of-type,body.workerspage #workerspage>div:first-of-type{padding-right:6em;}body.listpage .container #listpage{background-color:#fff;}body.listpage .container #listpage>p{margin-bottom:0;margin-top:1em;font-weight:bold;font-size:medium;}body.listpage .container #listpage button{float:initial;}body.listpage .container #listpage button:before{content:'+';display:inline-block;font-weight:bold;}body.listpage .container #listpage button #newTableBtnTxt{display:inline-block;margin:0;}body.listpage .container #listpage button.previous-list-member{float:initial;text-align:left;box-shadow:none;padding:.3em .5em .3em .5em;display:block;text-decoration:underline;color:#00f;outline:#fff;}body.listpage .container #listpage button.previous-list-member:hover{background-color:#d3d3d3;}body.listpage .container #listpage button.previous-list-member:before{content:none;}body.listpage .container #listpage #previousLists{background-color:#f0f0f0;height:70vh;}body.listpage .container #listpage #previousLists a{display:block;}body.occupationspage .container #occupationspage div#occupationslist .flex-table{grid-template-columns:15fr 4fr 1fr;}body.workerspage .container #workerspage div#workerslist .flex-table{grid-template-columns:8fr 4fr 4fr 1fr;}body.settingspage .container #settingspage #settingspageContentWrapper{display:grid;grid-template-columns:1fr 1fr;height:25vh;justify-content:center;align-content:center;}body.settingspage .container #settingspage #settingspageContentWrapper>div{margin:auto;display:grid;gap:4px;align-items:center;justify-items:center;}body.settingspage .container #settingspage #settingspageContentWrapper input,body.settingspage .container #settingspage #settingspageContentWrapper button{margin-bottom:.5em;width:100%;height:2em;padding:initial;}body.listpreviewpage .container #listpreviewpage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:100% auto;}body.listpreviewpage .container #listpreviewpage>div{display:grid;gap:4px;align-items:center;justify-items:center;}body.listpreviewpage .container #listpreviewpage>div button{width:100%;}body.listpreviewpage .container #listpreviewpage #listpreviewcontainer{background-color:#e1e1e1;height:100%;width:100%;overflow:scroll;}body.listpreviewpage .container #listpreviewpage #listpreviewcontainer table{background-color:#f5f5f5;}body.listpreviewpage .container #listpreviewpage #listpreviewcontainer table td{border:1px outset #d3d3d3;}body.listpreviewpage .container #listpreviewpage #listpreviewbuttonscontainer{margin:auto;}body.listviewpage .container #listviewpage{display:block;}body.listviewpage .container #listviewpage>div{display:grid;gap:4px;align-items:center;justify-items:center;}body.listviewpage .container #listviewpage #listviewcontainer{background-color:#e1e1e1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;overflow:scroll;}body.listviewpage .container #listviewpage #listviewcontainer table{background-color:#f5f5f5;}body.listviewpage .container #listviewpage #listviewcontainer table td{border:1px outset #d3d3d3;}.table-container{margin-bottom:2vh;background-color:#fff;}.table-container .flex-table{display:grid;grid-template-rows:100% auto;border-left:solid 1px #d9d9d9;transition:.5s;}.table-container .flex-table:hover{background:#fff;transition:500ms;}.table-container .flex-table:first-of-type .flex-row{background:#14c283;color:#fff;border-color:#d3d3d3;font-weight:bold;}.table-container .flex-table .flex-row{display:block;width:100%;text-align:center;align-content:center;padding:.5em .5em;border-bottom:solid 1px #d9d9d9;padding:.5em;}.table-container .flex-table .flex-row:last-of-type button{width:2em;height:2em;}.table-container .flex-table .flex-row:first-of-type{text-align:left;}.table-container .flex-table .flex-row button,.table-container .flex-table .flex-row input,.table-container .flex-table .flex-row select{margin-bottom:.5em;text-align:center;width:100%;height:2em;padding:initial;}.dropdown{width:100%;}.dropdown .dropbtn:hover,.dropdown .dropbtn:focus{background-color:#60ca7f;}.dropdown .dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;overflow:auto;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;}.dropdown .dropdown-content p{color:#000;text-decoration:none;display:block;margin:0;padding:.5em;}.dropdown .dropdown-content p:hover{background-color:#ddd;}.dropdown .dropdown-content.show{display:block;}