@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);#app{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#3d3d3d;margin:0;padding:0}h2{font-size:28px!important;font-weight:600!important}p{font-size:18px!important;font-weight:400!important}button:disabled{background-color:#f0cece}.logo--login{width:150px}.error{font-size:16px;font-weight:400;display:flex;justify-self:left;margin-left:10px}.login--container{width:700px;display:flex;margin-top:30px;flex-direction:column;font-size:24px;font-weight:500;border:1px solid #e3e3e3;padding:50px 100px;border-radius:7px}.login--input{border:none;border:1px solid #f1f1f1;outline:none;border-radius:7px}.login--input,.login--input:focus{height:65px;font-size:18px;padding:15px;background-color:#f1f1f1;margin:5px}.login--input:focus{border:1px solid #424242;border-radius:7px}.login--button{border:none;outline:none;height:60px;border-radius:7px;font-size:18px;font-weight:500;margin:20px 5px;display:flex;justify-content:center;background-color:#a21a1a;color:#fff;align-items:center;transition:.2s}.login--button:active{transform:scale(.97)}.login--page{width:100vw;padding-top:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading--overlay{position:absolute;top:210px;right:700px}.explanation{font-size:18px;font-weight:400;margin-left:20px}.refresh{position:absolute;right:30px;font-size:16px;padding:10px 20px;background-color:#d3d6db;border-radius:10px;font-weight:500;color:#000;margin-left:20px;cursor:pointer;transition:.2s}.refresh:active{transform:scale(.97)}.button-action{background-color:#9c3030!important;padding:10px;margin:2px;height:44px;font-size:16px;font-weight:500;border-radius:5px;color:#fff;border:0 solid;width:200px}.button-action:disabled{background-color:rgba(156,48,48,.23921568627450981)!important;color:#fff}.input--shipping{border:2px solid #cfcfcf;outline:none;border-radius:5px;height:44px;padding:10px;font-size:16px;margin-right:10px;transition:2s;width:220px}.tabs{width:100%}.orders{display:flex;padding-top:50px;flex-direction:column;align-items:flex-start;width:98%;padding:40px 20px 20px 20px}.title{font-size:28px;font-weight:500;position:relative;margin-bottom:10px;background-color:#eee;width:100%;display:flex;justify-content:left;align-items:center;padding:30px 20px;border-radius:10px}.title--border{border:1px solid #eee;width:100%;height:1px;margin-top:40px;margin-bottom:40px}.order--row{flex-direction:row;align-items:center;display:flex;box-shadow:0 2px 30px 0 rgba(0,0,0,.06);background-color:#fff;flex-direction:column;justify-content:left;align-items:flex-start;padding:20px;text-align:left;border-radius:7px;margin:14px 0;width:100%}.order--enter{display:flex;flex-direction:row;align-items:center}.order--item{width:100%}.order--title{font-weight:500;margin-bottom:10px}.order--item--1{font-size:20px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.order--details--row{display:flex;flex-direction:row;width:100%;justify-content:left;flex-wrap:wrap;min-height:300px;margin-top:13px;padding:20px;background-color:#f7f7f7;border-radius:5px}.order--item--2{font-size:18px;font-weight:400;justify-content:left;align-items:flex-start;width:260px;min-height:210px;margin-right:10px}.order--item--2,.Order--number--date{display:flex;flex-direction:column}.order--date{font-size:18px;font-weight:400;margin-top:5px}.icon{width:18px;margin-left:5px}.logout{align-items:center;padding:10px 50px;font-weight:500;font-size:16px;height:50px;position:absolute;bottom:15px;left:20px;box-shadow:0 0 2px 0 rgba(0,0,0,.11);border-radius:50px;background-color:#fff}.logout,.pages--nav{display:flex;justify-content:center}.pages--nav{padding:20px;margin-top:150px;background-color:#f9fbfc;border-radius:10px;width:85%;min-height:250px;flex-direction:column;align-items:flex-start;position:relative}.orders--page{width:100vw;display:flex;flex-direction:row}.orders--container{width:-webkit-fill-available;width:-moz-available;width:stretch;padding:0 20px}a{color:#333!important}.router-link,a{text-decoration:none!important}.router-link-active{color:#1b3877!important;font-weight:400;width:100%;display:flex;justify-content:left;background-color:#f5f5f5;border-radius:7px;padding:0}.account-icon{width:30px;margin-right:10px}.account--info{background-color:#f9fbfc;margin-top:100px;display:flex;justify-content:left;align-items:center;font-size:17px;font-weight:500;padding:10px 15px;width:85%;border-radius:10px}.logo{width:120px;position:absolute;left:100px;top:20px}.logout--side--nav{display:flex;align-items:center;justify-content:center;padding:10px 50px;font-weight:500;font-size:16px;position:absolute;bottom:15px;left:30px;border-radius:10px;background-color:#f9fbfc}.logout--side--nav :hover{cursor:pointer}.side--nav--container{height:100vh;width:420px;display:flex;flex-direction:column;align-items:center;position:sticky;top:0;background-color:#eef2f5}.pages--nav--2{padding:20px;margin-top:150px;background-color:#f9fbfc;border-radius:10px;width:85%;height:150px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.sidebar--nav--item{font-size:17px;cursor:pointer;margin:10px;font-weight:500}.sidebar--nav--item:active,.sidebar--nav--item:hover{color:#000}.sidebar--component{position:relative}.checkbox{width:20px;height:20px;margin-right:8px;padding:20px}.help{width:40px;cursor:pointer;margin-right:5px;border-radius:100px;padding:8px}.help:hover{background-color:#ebebeb}.explanation--search{font-weight:500;font-size:18px}.order--search{height:45px;width:500px;font-size:16px;padding:10px;border-radius:5px;border:2px solid #d1d1d1;margin-left:20px;outline:none}.order--search:focus{border:2px solid #a8a8a8}.shipping--cost--input{height:45px;border-radius:5px;margin-right:5px;outline:none;border:1 solid #e6e6e6}