@charset "UTF-8";body{position:fixed;height:100%}ul{list-style:none;margin:0;padding:0}.wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#eee}.wrapper>.a4{margin:auto;padding:40px;height:297mm;width:793.7px;background:#fff}.aside{position:fixed;background:green;height:100%}.aside a{display:flex;padding:20px;color:#fff}.btn{display:flex;background:none;border:transparent}.btn.close{padding:8px;position:absolute;height:40px;width:40px;right:10px;top:10px;border-radius:5px;border:1px solid #eee}.icon{display:flex}.icon.close{height:24px;width:24px}:root{--primary: #fff;--secondary: #000;--light: #f3f5f7}.scaleIn{-webkit-animation:scaleIn .5s cubic-bezier(.25,.46,.45,.94) both;animation:scaleIn .5s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.2s}@-webkit-keyframes scaleIn{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scaleIn{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}*{margin:0;box-sizing:border-box}.portal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--light);overflow-y:scroll}.portal>.header{height:60px;margin-bottom:20px;background:var(--primary)}.portal>.header.hide{display:none}.portal>.quoteWrapper{margin:auto;padding:40px;height:297mm;width:793.7px;background:var(--primary)}.portal>.quoteWrapper input{border:transparent;flex-grow:1;overflow:hidden;text-overflow:ellipsis;background:transparent}.portal>.quoteWrapper input:hover{border:green}.portal>.quoteWrapper>.content>.header{display:flex}.portal>.quoteWrapper>.content>.header>.detailsWrapper{margin-left:auto;min-width:40%}.portal>.quoteWrapper>.content>.header>.detailsWrapper>.detailsList{padding:10px 20px;border-radius:20px;border:1px solid #002060}.portal>.quoteWrapper>.content>.header>.detailsWrapper>.detailsList .listItem{display:flex;padding:5px 0}.portal>.quoteWrapper>.content>.header>.detailsWrapper>.detailsList .listItem:last-child{padding-bottom:0}.portal>.quoteWrapper>.content>.header>.detailsWrapper>.detailsList .listItem .title{text-align:right;padding-right:10px;min-width:100px}.reference{display:flex;align-items:center;padding:5px 10px;font-weight:700;border-radius:20px;border:1px solid #888}.portal>.quoteWrapper input.reference{font-size:16px;flex-grow:1;margin-left:10px}.portal>.quoteWrapper>.content>.table{margin-top:20px;display:flex;flex-grow:1;flex-direction:column}.portal>.quoteWrapper>.content>.table thead{display:flex;align-items:center;font-size:13px;height:40px;border-radius:20px;background-color:#002060}.portal>.quoteWrapper>.content>.table thead tr{width:100%;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--primary);font-weight:300}.portal>.quoteWrapper>.content>.table tr th{text-align:left;border-right:1px solid var(--primary)}.portal>.quoteWrapper>.content>.table tr .item{padding-left:5px;text-align:center;width:50px;max-width:50px}.portal>.quoteWrapper>.content>.table tr .description,.portal>.quoteWrapper>.content>.table tr .specification,.portal>.quoteWrapper>.content>.table tr .unit{padding-left:10px}.portal>.quoteWrapper>.content>.table tr th:last-child{border-right:none}.portal>.quoteWrapper>.content>.table tr .description,.portal>.quoteWrapper>.content>.table tr .specification{max-width:180px;min-width:180px}.portal>.quoteWrapper>.content>.table tr .unit,.portal>.quoteWrapper>.content>.table tr .quantity{padding-left:5px;width:40px;text-align:center;max-width:40px}.portal>.quoteWrapper>.content>.table .cost{width:100px;text-align:right}.portal>.quoteWrapper>.content>.table tr .total,.costDetails .total .amount{padding-right:5px;min-width:100px;max-width:100px;text-align:right}.portal>.quoteWrapper>.content>.table .item>input,.portal>.quoteWrapper>.content>.table .unit>input{width:50px;text-align:center}.portal>.quoteWrapper>.content>.table .quantity>input{max-width:40px;text-align:center}.quoteWrapper>.content>.table .cost>input,.quoteWrapper>.content>.table .total>input{width:100px;text-align:right}.portal>.quoteWrapper>.content>.table tbody tr{display:inline-table;padding:2px 0;font-size:13px;width:100%;color:var(--secondary)}.portal>.quoteWrapper>.content>.table tbody tr:nth-of-type(2n){background-color:var(--light)}.portal>.quoteWrapper>.content>.table tbody tr td{display:inline-block}.portal>.quoteWrapper .content .profile{font-size:12px}.portal>.quoteWrapper .content .profile img{width:250px;margin-bottom:10px}.payment{margin-top:auto;margin-bottom:20px}.payment>.title{font-size:16px;text-transform:uppercase;font-weight:700;color:#002060}.costDetails{margin-top:30px;margin-left:auto}.costDetails .title{display:flex;margin-right:50px}.costDetails .subTotal input,.costDetails .tax input,.costDetails .total input{max-width:120px;text-align:right;padding-right:20px}.costDetails .subTotal input,.costDetails .tax input,.costDetails .total input:before{content:"$";display:flex}.costDetails .total input{font-size:20px;font-weight:700}.costDetails .amount{border-bottom:2px solid #002060}.templateLibrary .templateList{display:flex}.templateLibrary .templateList .listItem{display:flex;flex-direction:column;align-items:center;flex-basis:20%}.templateLibrary .templateList .listItem .template .blank{display:flex;height:300px;width:200px;border-radius:20px;background-color:#fff;border:1px dashed grey}.templateLibrary .templateList .listItem .template i{display:flex;height:300px;width:200px;border-radius:20px;background-color:gray}.portal table tr .departure,.portal table tr .destination{text-align:center!important;width:120px}.portal table tr .cargo,.portal table tr .distance{width:100px;text-align:center!important}.header{display:flex}.header>.detailsWrapper{margin-left:auto;min-width:40%}.header>.detailsWrapper>.detailsList{padding:10px 20px;border-radius:20px;border:1px solid #002060}.header>.detailsWrapper>.detailsList .listItem{display:flex;padding:5px 0}.header>.detailsWrapper>.detailsList .listItem:last-child{padding-bottom:0}.header>.detailsWrapper>.detailsList .listItem .title{text-align:right;padding-right:10px;min-width:100px}.header input{border-color:transparent}.header input:hover{border-color:green}