@charset "UTF-8";body{background:var(--light)}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}.dFlex{display:flex}.flexCol{display:flex;flex-direction:column}.mlAuto{margin-left:auto}.mxAuto{margin-left:auto;margin-right:auto}.mt2{margin-top:20px}.mt4{margin-top:40px}.main{padding:0 40px;margin-left:200px}.container{min-width:100%}.aside{position:fixed;left:0;top:0;bottom:0;background:#333;width:200px;height:100%}.aside .link{display:flex;padding:10px;color:#fff}.aside .link.active{background:var(--sky)}.btn{display:flex;align-items:center;background:none;border:transparent;cursor:pointer}.btn.close{padding:8px;position:absolute;height:40px;width:40px;right:10px;top:10px;border-radius:5px;border:1px solid #eee}.btn.default{padding:5px 20px;color:#fff;font-weight:700;background:var(--sky);border-radius:8px}.icon{display:flex}.icon.close{height:24px;width:24px}:root{--primary: #fff;--secondary: #000;--light: #f3f5f7;--sky: #00afef}.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}}.inputGroup .input{min-width:800px;border-radius:10px;padding:10px;border:1px solid #dedede}.header{height:60px}*{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}