body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-repeat:no-repeat;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;height:100vh;width:100%}section{display:flex;justify-content:center;width:100%}.container{margin-top:32px;max-width:800px;padding-bottom:32px;position:relative;width:90%}.container:before{background:linear-gradient(-45deg,#0000 16px,#fff 0),linear-gradient(45deg,#0000 16px,#fff 0);background-size:22px 32px;bottom:0;content:"";height:32px;left:0;position:absolute;width:100%}table{background-color:#fff;border-spacing:0;font-size:14px;width:100%}thead th{background-color:#f9fafc;color:#7a7a7a;text-align:left}tbody td,thead th{border:0;border-bottom:1px solid #e7e7e7;padding:14px}tbody td:first-child{border-left:4px solid #0000;transition:all .3s ease}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background-color:#f7f9fc}tbody tr:hover td:first-child{border-left-color:#0f6fde}td.status{text-align:center}td.status span{border-radius:3px;font-size:12px;padding:4px 8px}td.status span.approved{background-color:#00c455;color:#fff}td.status span.decline{background-color:#f13426;color:#fff}td.status span.pending{background-color:#ebf0f5;color:#132d4a}#toggleView:checked~table thead{display:none}#toggleView:checked~table tbody{display:flex;flex-wrap:wrap;padding:4px}#toggleView:checked~table tbody td,#toggleView:checked~table tbody tr{border:0;display:block}#toggleView:checked~table tbody td{font-weight:700;padding:4px}#toggleView:checked~table tbody td:before{content:attr(data-name);display:inline-block;font-weight:400;text-transform:capitalize;width:100px}#toggleView:checked~table tbody td.status{position:absolute;right:4px;top:4px}#toggleView:checked~table tbody tr{border:1px solid #e7e7e7;margin:4px;padding:8px;position:relative;width:100%}@media (min-device-width:768px) and (max-device-width:1024px),only screen and (max-width:760px){table thead{display:none}table tbody{display:flex;flex-wrap:wrap;padding:4px}table tbody td,table tbody tr{border:0;display:block}table tbody td{font-weight:700;padding:4px}table tbody td:before{content:attr(data-name);display:inline-block;font-weight:400;text-transform:capitalize;width:100px}table tbody td.status{position:absolute;right:4px;top:4px}table tbody tr{border:1px solid #e7e7e7;margin:4px;padding:8px;position:relative;width:100%}}thead button{border:0;border-radius:none;font-family:inherit;font-size:inherit;font-weight:700;margin-bottom:1px;padding:.5em}thead button.ascending:after{content:"👇";display:inline-block;margin-left:1em}thead button.descending:after{content:"☝️";display:inline-block;margin-left:1em}#wrapper{display:table;width:100%}#right-column{height:200px;margin-left:auto;margin-right:0;width:30%}#page{height:500px;width:30%}#left-colum{height:500px;width:25%}#left-column,#page,#right-column{display:table-cell}.selectWrapper{background:"#fffaf7";border:1px solid #ccc;border-radius:36px;display:inline-block;font-size:12;height:40px;overflow:hidden;padding-left:10px}.selectBox{border:0;height:40px;outline:none;width:100%}.script{cursor:pointer;display:block;font-size:20px;margin-bottom:15px;padding-left:45px;position:relative}.script input[type=checkbox]{visibility:hidden}.geekmark{background-color:brown;height:25px;left:0;position:absolute;top:5;width:25px}.script:hover input~.geekmark{background-color:#ff0}.script input:active~.geekmark{background-color:red}.script input:checked~.geekmark{background-color:green;border:1 solid #000}.geekmark:after{content:"";display:none;position:absolute}.script input:checked~.geekmark:after{display:block}.script .geekmark:after{background-color:#fff;border:1px solid #fff;bottom:9px;height:5px;left:5px;width:16px}.inputRounded .MuiOutlinedInput-root{border-radius:36px}
/*# sourceMappingURL=main.b1fd0c11.css.map*/