@import url(https://fonts.googleapis.com/css2?family=ABeeZee&display=swap);@import url(https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400;700&display=swap);*{box-sizing:border-box}body,html{min-height:100%}.App{min-height:100vh}ul{padding:0}body{background-image:linear-gradient(140deg,#ff6b53,#ffd9d3);font-family:Roboto,sans-serif;margin:0;overflow:hidden}.login-form,body{align-items:center;display:flex;justify-content:center}.login-form{background:#27282d;border-radius:1vh;box-shadow:0 4px 30px -5px rgba(0,0,0,.65);color:#fff;flex-direction:column;height:280px;margin:auto;min-width:260px;width:90vw}.login__input-container{display:flex;justify-content:space-between;margin-bottom:10%;position:relative;width:80%}.login__input-field{background:transparent;border:none;border-bottom:1px solid #626571;box-sizing:border-box;color:#ccced3;font-size:1.2rem;outline:none;padding:12px 6px 12px 36px;width:100%}input:focus{border-bottom:1px solid transparent;border-image:linear-gradient(140deg,#ff6b53,#ffd9d3);border-image-slice:1}.login-icon{color:#626571;left:6px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:color .3s}input:focus+.login-icon{color:#ccced3}::-webkit-input-placeholder{color:#ccced3;opacity:.4}::placeholder{color:#ccced3;opacity:.4}@media only screen and (min-width:480px){.login-form{height:346px;max-height:346px;max-width:450px;width:450px}}@media only screen and (min-width:720px){.login__btn-container{width:66.66%}}@media only screen and (min-width:2048px){.login-form{height:423px;max-height:423px;max-width:550px;width:550px}}@media only screen and (min-width:3840px){.login-form{height:576px;max-height:576px;max-width:750px;width:750px}}.user-registration-form{align-items:center;background:#27282d;border-radius:1vh;box-shadow:0 4px 30px -5px rgba(0,0,0,.65);color:#fff;display:flex;flex-direction:column;height:320px;justify-content:center;margin:auto;min-width:260px;width:90vw}.register__input-container{display:flex;justify-content:space-between;margin-bottom:10%;position:relative;width:80%}.register__input-field{background:transparent;border:none;border-bottom:1px solid #626571;box-sizing:border-box;color:#ccced3;font-size:1.2rem;outline:none;padding:12px 6px 12px 36px;width:100%}.key-information{color:#ccced3;display:block;font-size:.7rem;margin-top:-20px}@media only screen and (orientation:landscape) and (max-width:1024px){.user-registration-form{height:300px;margin-top:10px}.register__input-container{margin-bottom:7%}}@media only screen and (min-width:480px){.user-registration-form{height:410px;max-height:410px;max-width:440px;width:440px}}@media only screen and (min-width:480px) and (orientation:landscape) and (max-width:1024px){.user-registration-form{height:300px;margin-top:10px}.register__input-container{margin-bottom:7%}}@media only screen and (min-width:720px){.user-registration-form{height:510px;max-height:510px;max-width:500px;width:500px}}@media only screen and (min-width:720px) and (orientation:landscape) and (max-width:1024px){.user-registration-form{height:310px;margin-top:10px}.register__input-container{margin-bottom:7%}}@media only screen and (min-width:1200px){.user-registration-form{height:420px;max-height:420px;max-width:500px;width:500px}}@media only screen and (min-width:2048px){.user-registration-form{height:480px;max-height:480px;max-width:550px;width:550px}}@media only screen and (min-width:3840px){.user-registration-form{height:600px;max-height:600px;max-width:750px;width:750px}}button{border:none;border-radius:1.8rem;box-shadow:0 4px 15px -5px rgba(0,0,0,.65);cursor:pointer;display:inline-block;font-size:1rem;margin:10px;padding:.6rem 1.6rem;transition:all .3s}.regular-button{background-color:#3a3b43;color:#fff}button:hover{background:#43454e;box-shadow:0 5px 20px -3px rgba(0,0,0,.65)}@media only screen and (min-width:480px){button{margin:10px 20px}}.login-title{margin-top:12vh}.login-title,.register-title{font-family:Baloo Da\ 2,Roboto,sans-serif;line-height:.6rem;margin-bottom:40px;position:relative;text-align:center}.register-title{margin-top:8vh}.datatable-title{font-family:Baloo Da\ 2,Roboto,sans-serif;line-height:.6rem;margin-bottom:10px;margin-top:2vh;position:relative;text-align:center}.title-main{font-weight:700}.title-secondary{font-size:1.2rem;font-weight:400}.title-decoration{font-family:ABeeZee,Roboto,sans-serif;font-size:2.2rem}@media only screen and (orientation:landscape) and (max-width:1024px){.login-title,.register-title{display:none}}.nav{background-color:#27282d;box-sizing:border-box;color:#fff;height:75px;justify-content:space-between;list-style:none;text-decoration:none;width:100vw}.logo-container,.nav{display:flex;margin:0}.logo-container{align-items:center;width:auto}.site-title{color:#fff;font-family:Baloo Da\ 2,Roboto,sans-serif;font-size:2rem;font-weight:700;line-height:75px;margin:0;padding-left:10px;text-decoration:none}.nav-list{background:#4b4c56;float:right;height:0;list-style:none;margin:0;position:fixed;text-align:center;top:75px;width:100%;z-index:999}.nav-list,.nav-list li{padding:0;transition:all .5s}.nav-list li{display:none;line-height:30px;margin:50px 0}.nav-list li a{color:#fff;font-family:Baloo Da\ 2,Roboto,sans-serif;font-size:20px;padding:0;text-decoration:none;text-transform:uppercase}.nav-list li a.active,.nav-list li a:hover{color:#ff6b53;transition:.5s}.hamburger-button{cursor:pointer;display:block;float:right;font-size:2rem;line-height:75px;margin-right:40px}#checkbox{display:none}.nav-list.show{height:100vh}#checkbox:checked~.nav-list li{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:fade;animation-name:fade;display:block}@-webkit-keyframes fade{0%{opacity:0}70%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}70%{opacity:0}to{opacity:1}}@media only screen and (min-width:960px){.hamburger-button{display:none}.nav,.nav-list{height:60px}.nav-list{background:none;float:right;margin-right:25px;position:relative;text-align:right;top:0;transition:none}.nav-list li{display:inline-block;line-height:60px;margin:0 20px;opacity:1;transition:none}.nav-list li a:hover,.nav-list li.active{color:#ff6b53;transition:.5s}}.info-tooltip{display:inline-block;position:relative}.info-tooltip__text{background-color:#333;border-radius:5px;color:#fff;font-size:1rem;height:auto;line-height:1.5;line-height:1rem;max-width:310px;opacity:0;padding:10px;position:absolute;right:2vw;transition:opacity .3s ease-in-out;width:80vw;z-index:999}.info-tooltip:hover .info-tooltip__text{opacity:1}.info-tooltip__icon{color:#626571;left:6px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:color .3s}.hide{display:none}.valid{color:#7dffb3}.invalid,.valid{margin-left:.25rem}.invalid{color:#e34965}.validation__icon{left:-1.5rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (min-width:1200px){.info-tooltip__text{-webkit-transform:translateX(130%);transform:translateX(130%)}}@media only screen and (min-width:1920px){.info-tooltip__text{-webkit-transform:translateX(132%);transform:translateX(132%)}}@media only screen and (min-width:2048px){.info-tooltip__text{-webkit-transform:translateX(135%);transform:translateX(135%)}}@media only screen and (min-width:3840px){.info-tooltip__text{-webkit-transform:translateX(153%);transform:translateX(153%)}}.table{background-color:#27282d;border-radius:1vh;color:#fff;height:48vh;margin:auto;max-height:48vh;overflow:auto;width:90vw}.table ul{margin:1rem}.table-record{list-style-type:none}.attributes-container,.name-attribute{display:none}.name{align-items:center;display:flex;font-size:1.1rem;justify-content:space-between;margin-bottom:.7rem;width:auto}.name-value{max-width:92%}.values-container{display:none;margin-bottom:10px;max-width:92%;overflow:auto}.name.active+.values-container{display:block}.table__body ul{margin:0}.record-separator{background-color:#626571;height:1px}.crud-buttons{display:flex;justify-content:center;padding-left:10%}@media only screen and (max-height:720px) and (max-width:720px){.table{height:45vh;margin-top:-30px;max-height:45vh}}@media only screen and (min-width:960px){.table{display:flex;flex-direction:column;font-size:1rem;left:15vw;margin:0;max-width:30vw;overflow:auto;position:fixed;top:40vh;width:30vw}.name{font-size:1.2rem}.crud-buttons{display:flex;justify-content:center;padding-left:10%}}@media only screen and (min-width:1200px){.table{font-size:1.1rem;max-width:450px}.name{font-size:1.3rem}}@media only screen and (min-width:1920px){.table{font-size:1.3rem;max-width:550px}.name{font-size:1.5rem}}.dataform-container{align-items:center;background:#27282d;border-radius:1vh;box-shadow:0 4px 30px -5px rgba(0,0,0,.65);color:#fff;display:flex;flex-direction:column;height:auto;justify-content:center;justify-content:start;left:50%;margin:auto;max-width:80vw;min-height:280px;min-width:260px;position:fixed;right:auto;top:35vh;-webkit-transform:translate(-50%);transform:translate(-50%);width:auto;z-index:997}.dataform-container form{margin-top:1rem;width:100%}.dataform__input-container{display:flex;margin:15px 20px;max-width:90vw;min-width:270px;overflow:auto;width:auto}.dataform__input-container label{margin-right:20px;overflow:auto}.dataform__input{overflow:auto;position:absolute;right:20px;width:45%}.dataform__buttons-container{bottom:1rem;display:flex;justify-content:space-between;margin:0 0 1rem;position:absolute;width:100%}.dataform__buttons-container .regular-button{margin:0 20px}.button-create{bottom:40px;color:#27282d;font-size:4rem;position:fixed;right:20px}@media only screen and (max-width:280px){.dataform__input-container{display:flex;margin:15px 0;max-width:90vw;min-width:270px;width:auto}.dataform__input{overflow:auto;position:absolute;right:20px;width:40%}.dataform__input-container label{font-size:.9rem;margin-left:15px}.crud-buttons{padding-left:5vw;width:100%}.crud-buttons .regular-button{margin:10px 5px}}@media only screen and (min-width:960px){.dataform-container{display:flex;height:48vh;left:auto;margin:0;max-height:48vh;max-width:30vw;position:fixed;right:15vw;top:40vh;-webkit-transform:translate(0);transform:translate(0);width:30vw}.dataform__buttons-container .regular-button{margin:0 24px}}@media only screen and (min-width:1200px){.dataform__buttons-container .regular-button{margin:0 30px}.dataform-container{max-width:450px}}@media only screen and (min-width:1920px){.dataform-container{font-size:1.5rem;max-width:550px}.dataform__input{height:27px}.dataform__buttons-container .regular-button{margin:0 40px}}.delete-confirmation-container{align-items:center;background:#27282d;background-color:#565964;border-radius:1vh;box-shadow:0 4px 30px -5px rgba(0,0,0,.65);color:#fff;display:flex;flex-direction:column;justify-content:center;left:6vw;margin:auto;max-width:88vw;min-height:130px;position:fixed;top:40vh;width:88vw;z-index:998}.delete-confirmation-text{font-size:1rem;font:#ffffff;margin:10px}.confirmation-buttons-cointainer{display:flex;justify-content:center}.confirmation-buttons-cointainer .regular-button{margin:10px 20px}@media only screen and (min-width:960px){.delete-confirmation-container{left:30vw;max-width:40vw}}@media only screen and (min-width:1200px){.delete-confirmation-container{left:35vw;max-width:30vw}}@media only screen and (min-width:1920px){.delete-confirmation-container{left:37vw;max-width:26vw}.delete-confirmation-container .regular-button,.delete-confirmation-text{font-size:1.4rem}}@media only screen and (min-width:3840px){.delete-confirmation-container{left:43vw;max-width:14vw}}
/*# sourceMappingURL=main.00b70a02.css.map*/