@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;600;700;900&display=swap);html{min-height:100%;scroll-behavior:smooth}body{background-color:#282c34;direction:rtl;padding-bottom:200px}*{font-family:Rubik,sans-serif!important}h2{font-size:18px;font-weight:700;margin:0;padding:12px 0}button{background-color:#d2009e;border:none;border-radius:6px;color:#fff;margin-right:8px;padding:8px 12px}button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}button:disabled{cursor:not-allowed;opacity:.6}input,select{border:1px solid #000;border-radius:5px;margin-top:3px;padding:8px 12px}h1{color:#61dafb;font-size:2.5em;text-align:center}.frame{background-color:#ffffffc9;border-radius:6px;box-sizing:border-box;margin:auto;max-width:900px;min-height:300px;padding:8px 16px;width:85%}.smallFrame{background-color:#b4efff;border-radius:8px;box-shadow:0 0 3px #989898;margin:16px auto;padding:12px;width:250px}h2{font-size:1.5em;text-align:center}label{display:block;margin-bottom:8px}input,textarea{border:1px solid #000;border-radius:5px;box-sizing:border-box;margin-top:3px;padding:8px 12px}button,input,textarea{display:block;width:100%}button{background-color:#282c34;cursor:pointer;font-size:1.2em;font-weight:700;margin:24px 0 8px}div.fieldError{background-color:#ffdcdc;border-radius:4px;margin:-8px 0 6px;padding:6px}input.fieldError,textarea.fieldError{border-color:red;outline-color:red}.loader{font-size:4em;margin:0}.user{box-sizing:border-box;color:#fff;margin:-16px auto 10px;max-width:900px;padding:0 8px;width:85%}.grid{border-radius:8px;box-shadow:0 0 6px #979797;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.grid div{align-items:center;background-color:#fff;border-bottom:1px solid #282c34;display:flex;justify-content:center;padding:12px;text-align:center}.grid div:nth-last-child(-n+5){border-bottom:none}.grid div:nth-child(10n+1),.grid div:nth-child(10n+2),.grid div:nth-child(10n+3),.grid div:nth-child(10n+4),.grid div:nth-child(10n+5){background-color:#dcdcdc}.grid div:nth-child(-n+5){background-color:#61dafb;font-weight:700}.remove,.save{cursor:pointer;margin:0;transition:.3s}.remove:hover,.save:hover{scale:1.5}.remove{background:none}button.logout{background-color:gray;cursor:pointer;display:inline;font-size:12px;margin:0 3px;padding:4px 8px;transition:.3s;width:auto}button.logout:hover{background-color:red}button.logout:active{scale:1.2}.signup{cursor:pointer;text-align:center}.signup:hover{text-decoration:underline}.noData{color:gray;font-size:3em;font-weight:400;margin:.2em}.modal-frame{background-color:#00000098;bottom:0;left:0;position:fixed;right:0;top:0}.modal{-webkit-animation:slide-bottom .555s cubic-bezier(.25,.46,.45,.94) both;animation:slide-bottom .555s cubic-bezier(.25,.46,.45,.94) both;background-color:#fff;border-radius:5px;box-shadow:0 0 6px #000;margin:auto;max-width:400px;min-height:300px;position:relative;width:80%}.modal h2{color:#282c34}.modal .close{background:none;color:#373737;cursor:pointer;font-size:22px;margin:3px;padding:8px 16px;position:absolute;right:0;top:0;transition:.3s;width:auto}.modal .close:hover{background-color:#af0000;border-radius:50%;color:#fff;rotate:1turn}.modal form{padding:24px}@-webkit-keyframes slide-bottom{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{-webkit-transform:translateY(100px);transform:translateY(100px)}}@keyframes slide-bottom{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{-webkit-transform:translateY(100px);transform:translateY(100px)}}table{border-collapse:collapse;margin-top:16px;width:100%}tr{background-color:#fff}thead tr{background-color:#282c34;color:#61dafb}tr:nth-child(2n){background-color:#d9d9d9}td,th{padding:6px;text-align:center}td button{background:none;border-radius:50%;color:#000;color:initial;cursor:pointer;display:inline;margin:0;padding:5px 8px;transition:.3s;width:auto}td button:hover{background-color:#3c3c3c;box-shadow:0 0 4px #d6d6d6;color:#fff}td button.green:hover{background-color:#3dbf23}td button.red:hover{background-color:#bf2323}td button:active{scale:1.3}tr td:last-child{white-space:nowrap}.returnLink a{color:#61dafb;cursor:pointer;text-decoration:none}button.returnLink{background:#282c34;font-size:1em;margin:10px 0 0;width:auto}button.returnLink svg{position:relative;right:-2px;top:3px}.returnLink:hover a{text-decoration:underline}.btnFrame{display:flex;justify-content:space-between}.loader-frame{align-items:center;background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.spinner{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#6a6a6a;height:40px;width:40px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#snackbar{background-color:#333;border-radius:2px;bottom:30px;color:#fff;font-size:17px;left:50%;margin-left:-125px;min-width:250px;padding:16px;position:fixed;text-align:center;z-index:1}#snackbar.show{-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s;visibility:visible}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}
/*# sourceMappingURL=main.16a3fd76.css.map*/