*{margin:0;padding:0;box-sizing:border-box;font-family:"Montserrat",sans-serif;font-size:18px;list-style:none;text-decoration:none}a{color:#000}body{width:100vw;height:100vh;display:flex;flex-direction:column}@media screen and (max-width: 1300px){body{flex-direction:row}}.container{width:100%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}.container h1{font-size:1.2rem;margin:10px;text-transform:capitalize}.title{width:100%;height:5rem;display:flex;justify-content:center;align-items:center}.nav{height:5rem;padding:8px;background-color:#f7f7f7;border-radius:5px;display:flex;align-items:center}.nav .nav__left{flex:1;display:flex;justify-content:center}.nav .nav__left .logo{font-size:1.2rem;text-align:center}.nav .nav__center{display:flex;justify-content:center;flex:2}.nav .nav__center .nav__links{width:100%;display:flex;justify-content:center}.nav .nav__center .nav__links li{display:block;width:140px;margin:0 8px;padding:6px;text-align:center;outline:1px solid #292b2c;border-radius:5px;white-space:nowrap;background-color:#fff;font-weight:bold}.nav .nav__center .nav__links li a{display:block;height:100%;font-size:.9rem}.nav .nav__center .nav__links li:hover{background-color:#f7f7f7}.nav .nav__right{flex:1;display:flex;justify-content:center}@media screen and (max-width: 1300px){.nav{flex-direction:column;height:100%;width:10rem;justify-content:center}.nav .nav__left{align-items:flex-start}.nav .nav__left .logo{margin-top:10px}.nav .nav__center .nav__links{flex-direction:column}.nav .nav__center .nav__links li{margin:5px 0}.nav .nav__right{align-items:center}}.login{height:100%;width:100%;display:grid;place-items:center}.login h1{text-transform:uppercase;text-align:center;font-size:1.5rem}.login .login__container{min-height:35%;padding:10px;display:flex;flex-direction:column;justify-content:space-around;border:1px solid #000;border-radius:5px;background-color:#f7f7f7}.login .login__container .login__form{flex:1;display:flex;flex-direction:column;justify-content:space-around}form .form-input{display:block;width:100%;margin:.5rem 0 .5rem 0;padding:5px}form .form-input:focus{outline:1px solid #0275d8}form button{text-align:center}button,input[type=button],input[type=submit],input[type=radio]{width:auto;cursor:pointer;text-align:left}.btn{height:2.5em;padding-right:1.5em;padding-left:1.5em;display:inline-block;vertical-align:middle;white-space:nowrap;font-family:inherit;font-weight:bold;cursor:pointer;border:none;overflow:visible;text-align:center;border-radius:5px;user-select:none;color:#fff;opacity:.9}.btn,.btn:link,.btn:visited{color:#fff}.btn:hover,.btn:active,.btn:focus{opacity:1}.btn,.btn:hover,.btn:active,.btn:focus,.btn:visited{text-decoration:none}.btn:active,.btn:focus{outline:none}.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:.5}.btn--fullW{width:100%}.btn--primary{background-color:#0275d8}.btn--secondary{background-color:#292b2c}.btn--warn{background-color:#dc3545}.btn--success{background-color:#28a745}.btn--sm{height:2em;font-size:.9rem;padding-left:8px;padding-right:8px}table{min-width:500px;max-width:1400px;margin:0 10px;table-layout:fixed;padding:10px;border:1px solid #000;border-radius:5px;text-align:center;z-index:100}table th,table td{padding:6px;text-align:left;width:170px}table tbody>tr:nth-child(odd){background-color:#f7f7f7}table thead,table tbody{display:block}table tbody{height:500px;overflow-y:scroll;overflow-x:hidden}table .table__action{text-align:center}.alert{margin-bottom:.5rem;margin-top:.5rem;padding:1rem;background-color:#cceccc}.alert.alert-danger{background-color:#fac7c7}