section.ts-data{--inputWidth: 200px;--taWidth: 300px;--labelFlex: row;--actionFlex: row;--buttonMargin: 20px 0;--buttonWidth: 170px;--buttonPadding: 10px 20px;width:clamp(340px, 100%, 1600px);margin:30px auto}section.ts-data h3.large{margin:20px auto;text-align:center;font-size:20px}@media (max-width: 1024px){section.ts-data{--inputWidth: 100%;--taWidth: var(--inputWidth);--labelFlex: column;--actionFlex: column;--buttonMargin: 0;--buttonWidth: clamp(340px, 100%, 500px);--buttonPadding: 20px 20px}}section.ts-data header{padding:10px 20px}section.ts-data header h2{margin-bottom:20px}section.ts-data header h3:last-of-type{line-height:1.5;margin-bottom:20px}section.ts-data main{padding:20px}section.ts-data main ul.header{display:flex;justify-content:space-between;align-items:center;padding:0;list-style-type:none;width:clamp(320px, 80%, 1200px);margin:20px auto}section.ts-data main ul.header li a{border:solid 1px black;padding:10px 20px;color:black}section.ts-data main table#ct-table{width:clamp(400px, 80%, 1200px);margin:auto;border:solid 1px grey;border-collapse:collapse}section.ts-data main table#ct-table thead{background:black}section.ts-data main table#ct-table thead th{color:white;padding:12px;font-size:16px;font-weight:normal}section.ts-data main table#ct-table thead th:nth-child(4){width:500px}section.ts-data main table#ct-table tbody tr:nth-child(even){background:lightgrey}section.ts-data main table#ct-table tbody tr td{padding:10px;text-align:center;border-style:none solid solid none;border-width:1px;border-color:grey}section.ts-data main table#ct-table tbody tr td:nth-of-type(4){text-align:left}section.ts-data main table#ct-table a{color:black;text-decoration:underline}section.ts-data main table#ct-table a:hover{text-decoration:none}section.ts-data main ul#timesheet-list{display:flex;flex-direction:column;padding:0px}section.ts-data main ul#timesheet-list li{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:flex-start;width:100%}section.ts-data main ul#timesheet-list li label{display:flex;flex-direction:column;gap:10px;align-items:flex-start;width:clamp(320px, 90%, 500px);justify-content:flex-start}section.ts-data main ul#timesheet-list li label span{font-weight:700}section.ts-data main ul#timesheet-list li label input{width:var(--inputWidth);height:50px;width:100%}section.ts-data main ul#timesheet-list li label textarea{width:var(--taWidth);height:100px;resize:none;width:100%}section.ts-data main ul#timesheet-list li:not(:first-of-type){padding-top:20px}section.ts-data main ul#timesheet-list li:not(:last-of-type){border-bottom:1px solid #000;padding-bottom:20px}section.ts-data main ul#timesheet-list li button{cursor:pointer;position:relative;background:none;border:none}section.ts-data main ul#timesheet-list li button:hover:after{content:attr(data-note);position:absolute;color:black;left:50%;transform:translateX(-50%);background:white;width:200%;top:calc(100% + 10px);z-index:10;border:solid 1px rgba(0,0,0,0.5);padding:5px;box-shadow:0px 0px 5px rgba(0,0,0,0.2);animation:popover 0.3s linear;border-radius:5px;text-transform:none}section.ts-data main ul#timesheet-list li button img{width:26px;height:26px}section.ts-data main ul#timesheet-list li button:after{min-width:150px}section.ts-data main nav.actions{display:flex;flex-direction:var(--actionFlex, row);align-items:center;justify-content:center;gap:20px;padding:var(--actionPadding, 20px)}section.ts-data main nav.actions button{margin:var(--buttonMargin) !important}section.ts-data main nav.actions button.portal{width:var(--buttonWidth);position:relative;border:solid 1px black;background:black;padding:var(--buttonPadding);margin:20px 0;display:block;transition:all 0.3s;color:white;text-align:center;display:flex;justify-content:center;text-transform:uppercase;gap:10px}section.ts-data main nav.actions button.portal:not(:disabled){cursor:pointer}section.ts-data main nav.actions button.portal:not(:disabled):hover{background:black;color:white}section.ts-data main nav.actions button.portal:disabled{cursor:not-allowed}section.ts-data main nav.actions button.portal:not(:disabled):hover:after{content:attr(data-note);position:absolute;color:black;left:50%;transform:translateX(-50%);background:white;width:200%;top:calc(100% + 10px);z-index:10;border:solid 1px rgba(0,0,0,0.5);padding:5px;box-shadow:0px 0px 5px rgba(0,0,0,0.2);animation:popover 0.3s linear;border-radius:5px;text-transform:none}section.ts-data footer{background:white;padding:10px 20px}section.ts-data footer p{width:clamp(320px, 50%, 500px);margin:auto;text-align:center}section.ts-data footer *{color:black}section#portal-login-register nav{margin:50px auto}section#portal-login-register nav ul{list-style-type:none;display:flex;gap:20px;justify-content:center}section#portal-login-register nav ul li a.active{font-weight:bold;text-decoration:underline}section#portal-login-register main{display:grid;grid-template-areas:"layout";grid-template-columns:100%;width:clamp(340px, 100%, 700px);margin:auto;border-radius:10px;padding:20px}section#portal-login-register main form h3{text-align:center;font-size:28px}section#portal-login-register main form ul{list-style-type:none;padding:0px;margin-top:30px}section#portal-login-register main form ul li{display:flex;align-items:center;padding:5px 0;width:100%}section#portal-login-register main form ul li label{flex:0 0 40%}section#portal-login-register main form ul li input{border:solid 1px grey;height:40px;width:100%;outline:none;padding-left:15px}section#portal-login-register main form ul li input#user_pass{border-right:none}section#portal-login-register main form ul li input[type=checkbox]{display:none}section#portal-login-register main form ul li input[type=checkbox]+label{margin:30px 0;display:flex;gap:10px}section#portal-login-register main form ul li input[type=checkbox]+label:before{content:'';width:20px;height:20px;aspect-ratio:1;border:solid 1px black;display:block}section#portal-login-register main form ul li input[type=checkbox]:checked+label:before{background-color:black}section#portal-login-register main form ul li button:not(.login){width:40px;height:40px;background:none;border-style:solid solid solid none;border-width:1px;border-color:grey;cursor:pointer}section#portal-login-register main form ul li button:not(.login) i{pointer-events:none}section#portal-login-register main form ul li button.login{border:solid 1px black;background:black;padding:var(--buttonPadding);margin:20px 0;display:block;transition:all 0.3s;color:white;text-align:center;margin:auto}section#portal-login-register main form ul li button.login:not(:disabled){cursor:pointer}section#portal-login-register main form ul li button.login:not(:disabled):hover{background:black;color:white}section#portal-login-register main form ul li button.login:disabled{cursor:not-allowed}section#portal-login-register main form>p.regnote{text-align:center;font-size:14px}section#portal-login-register main form>p.regnote a{font-weight:bold}section#portal-login-register aside{background:black;text-align:center;border-radius:10px;margin-bottom:10px;padding:10px}section#portal-login-register aside p{color:white;text-align:center;margin-bottom:0;font-weight:700}ul.notify{position:fixed;display:flex;text-decoration:none;padding:0px;flex-direction:column;gap:20px;transition:all 0.3s}@media (min-width: 1025px){ul.notify{bottom:30px;right:30px}}@media (max-width: 1024px){ul.notify{top:60px;left:50%;margin:auto;transform:translateX(-50%)}}ul.notify li{background:black;padding:20px 20px;border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,0.5);color:white;font-family:"Montserrat", sans-serif;font-size:20px;transition:all 0.3s}ul.notify li:not(.closing){animation:rollin 0.3s}ul.notify li.closing{animation:rollout 0.3s}dialog{--buttonPadding: 10px 10px;--gtColumns: repeat(2, 1fr)}@media (max-width: 1024px){dialog{--buttonPadding: 20px 20px;--gtColumns: 100%}}dialog#sub-confirm{border:solid 1px black}dialog#sub-confirm form h3{text-align:center;margin:0 auto 20px 0}dialog#sub-confirm form p{text-align:center}dialog#sub-confirm form div{display:grid;grid-template-columns:var(--gtColumns);gap:20px}dialog#sub-confirm form div button{background:none;border:solid 1px black;padding:var(--buttonPadding);border-radius:5px;transition:all 0.3s;cursor:pointer}dialog#sub-confirm form div button:last-of-type{background:black;color:white}dialog#sub-confirm form div button:last-of-type:hover{background:rgba(0,0,0,0.3);color:black}dialog#sub-confirm form div button:first-of-type:hover{background:rgba(0,0,0,0.3);color:white}dialog#sub-confirm::backdrop{background:rgba(0,0,0,0.3);backdrop-filter:blur(10px)}@keyframes popover{0%{transform:translate(-50%, 50%);opacity:0}100%{transform:translateY(-50%, 0);opacity:1}}@keyframes rollin{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes rollout{0%{transform:translateY(0);opacity:1}100%{transform:translateY(100%);opacity:0}}
/*# sourceMappingURL=portal.css.map */