*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{border-radius:20px}.App{height:auto}.App,.Login{background-color:#dfdfdf;min-height:100vh}.Login{width:100%}.Login,.LoginForm{display:flex;align-items:center}.LoginForm{min-width:25vw;margin:0 auto;padding:3.5rem 4rem;min-height:55vh;background-color:#fff;flex-direction:column;border-radius:3rem;box-shadow:3px 3px 30px #aaa}.LoginForm h2{font-family:Roboto,sans-serif;color:#4441a2;font-size:2rem}.LoginForm input{width:80%;margin-bottom:2rem;padding:.5rem;border:none;border-bottom:1px solid #a0b667}.LoginForm button{width:60%;padding:.8rem;background-color:#fff;border:1px solid #4441a2;border-radius:1.3rem;margin:1rem 0}.loginForm button:focus,.LoginForm button:hover{background-color:#4441a2;color:#fff;cursor:pointer}.modal{position:fixed}#chpwdmodal{width:40%;height:auto}.modal-main{width:60%;height:auto;border-radius:2rem;font-family:Roboto,sans-serif}.modal-main h1{margin-bottom:2rem}.modal-main h2{padding-bottom:1rem;color:#4441a2}.modal-main p{padding-bottom:2rem}.modal-main button{width:60%;padding:.8rem;background-color:#fff;border-radius:1.3rem;margin:1rem 0 0}.confirmbutton{border:1px solid #4441a2}.confirmbutton:focus,.confirmbutton:hover{background-color:#4441a2;color:#fff;cursor:pointer}.cancelbutton{border:1px solid #a0b667;margin-bottom:1rem}.cancelbutton:focus,.cancelbutton:hover{background-color:#a0b667;color:#fff;cursor:pointer}.form-group input{min-width:60%;margin-left:1rem;border:none;border-bottom:1px solid #a0b667}.form-group{display:flex;flex-direction:row;padding-bottom:1rem;width:60%}.form-group h2{margin-bottom:4rem}.form-group label{flex:none;display:block;width:140px}.changePwdModalForm{width:100%;display:flex;flex-direction:column;align-items:center}.cpwdinputerror{color:red;font-size:.7rem;margin-bottom:.5rem}.cpwdinputerror p{padding:0}.react-grid-item{background-color:#fff;border-radius:1rem;padding:1rem;box-shadow:3px 3px 10px #aaa}.gridcontainer{padding-top:9vh}.layout{background-color:#dfdfdf;min-height:100vh}body{color:#333;font-family:Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:18px}article,aside,audio,body,canvas,command,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,group,h1,h2,h3,h4,h5,h6,header,hgroup,html,img,legend,li,mark,menu,meter,nav,object,ol,output,p,progress,section,summary,table,td,time,tr,ul,video{border:0;margin:0;padding:0}ol,ul{list-style:none outside none}a{text-decoration:none;color:#08c;cursor:pointer}.fl{float:left}.fl,.fr{width:49%}.fr{float:right;text-align:right}.container{margin:20px}#table-container{margin-top:10px}.tablesorter{background-color:#fff;margin:10px 0 15px;text-align:left;border-spacing:0;border:1px solid #ddd;border-width:1px 0 0 1px;font:.75rem Arial,Sans-serif;border-collapse:initial}.tablesorter td,.tablesorter th{border:1px solid #ddd;border-width:0 1px 1px 0;overflow:hidden;white-space:nowrap}.tablesorter th,.tablesorter thead td{font:12px/18px Arial,Sans-serif;color:#555;background-color:#f5f5f5;padding:1px;text-shadow:0 1px 0 hsla(0,0%,100%,.7);font-weight:700;overflow:hidden;white-space:normal}.tablesorter tbody td,.tablesorter tfoot td,.tablesorter tfoot th{padding:0 4px;vertical-align:top}.tablesorter .header,.tablesorter .header-extra,.tablesorter .tablesorter-header{padding:4px;white-space:normal;cursor:pointer;border-bottom:2px solid #ccc;border-top:2px solid transparent;background:#f5f5f5 url(data:image/gif;base64,R0lGODlhBwAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAHAAkAAAINnGUpq8sOk4Ru0IZmKgA7) no-repeat right 5px center}.tablesorter .header-extra{padding:2px 4px;border-bottom:1px solid #ddd;background-image:none}.tablesorter th.headerSortAsc,.tablesorter th.tablesorter-headerSortAsc{color:#333;background:#f5f5f5 url(data:image/gif;base64,R0lGODlhBwAJAKIAAAAAAP///wADM7u7u////wAAAAAAAAAAACH5BAEAAAQALAAAAAAHAAkAAAMRSCra8u5BSZsdOA+it8oW1yQAOw==) no-repeat right 5px center}.tablesorter th.headerSortDesc,.tablesorter th.tablesorter-headerSortDesc{color:#333;background:#f5f5f5 url(data:image/gif;base64,R0lGODlhBwAJAKIAAAAAAP///wADM7u7u////wAAAAAAAAAAACH5BAEAAAQALAAAAAAHAAkAAAMRSDra8+5BSZsVOAuit8oW1yQAOw==) no-repeat right 5px center}.tablesorter td{color:#333}.tablesorter tbody>tr:hover>td{color:#000;background:#ddeaf9}#tools{margin:5px 0;padding:5px;background:#f5f5f5;border:1px solid #ddd;color:#000;font-size:13px}select{margin-right:10px}code{background-color:#eee}h2{margin-bottom:10px}.tablesorter thead td .sales-filter{margin-right:10px}.modal{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:50}.modal-main{position:fixed;background:#fff;width:30%;height:70vh;overflow-y:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:3rem;box-shadow:3px 3px 30px #000;border-radius:3rem}.display-block{display:block}.display-none{display:none}.positionModalForm .form-group input{flex:4 1;flex-basis:70%;margin-left:1rem}.positionModalForm textarea{margin-top:.5rem;width:100%;height:15vh}.positionModalForm .form-group{padding-bottom:1rem}.positionModalForm h2{margin-bottom:.5rem}.positionModalForm .form-group label{flex:1 1;flex-basis:20%}.positionModalForm{display:flex;flex-direction:column;align-items:center}.positionModalForm .form-group{width:100%;display:flex;flex-wrap:wrap;flex-direction:row}.positionModalForm ul{max-height:30vh;overflow-y:auto}.positionModalForm .presearchresults{flex:1 1;flex-basis:15%}.positionModalForm .QSsearchresults-container{flex:4 1;flex-basis:40%}.searchresults{position:relative;top:0;font-family:Roboto,sans-serif;font-size:.9rem}.presearchresults{height:2px}.searchresults{flex:4 1;flex-basis:70%}.searchresults li:hover{background-color:#ddeaf9;cursor:pointer}.crudbuttons{display:flex}.react-confirm-alert-overlay{background-color:rgba(0,0,0,.5)}.react-confirm-alert-body{text-align:center;box-shadow:3px 3px 30px #000;height:200px}.react-confirm-alert-body>h1{padding-bottom:1.3rem;color:#4441a2}.react-confirm-alert-button-group{justify-content:center}.react-confirm-alert-button-group>button{background-color:initial;color:#4441a2;padding:.3rem 1.5rem;border:2px solid #4441a2;align-self:center;border-radius:3rem;font-family:Roboto,sans-serif;font-size:1rem}.react-confirm-alert-button-group>button:hover{cursor:pointer;background-color:rgba(68,65,162,.75);color:#fff}.sales-filter input{width:100%}td[id^=materialCost],td[id^=oFreight],td[id^=priceBeforeInterest],td[id^=tradingMargin],td[id^=tradingProfit]{text-align:right}.saleslist{overflow:auto;height:100%}.saleslisttitle{font-family:Roboto,sans-serif;color:#4441a2}.refreshicon{height:25px;cursor:pointer}.salestitleline{display:flex;position:-webkit-sticky;position:sticky;top:0;background-color:#fff}.clearfilterbutton{border-radius:1.5rem;border:1px solid #4441a2;margin-right:1rem;width:200px;color:#4441a2;background-color:#fff}.clearfilterbutton:hover{cursor:pointer;color:#fff;background-color:#4441a2}.salesQS{height:100%;overflow:auto;font-family:Roboto,sans-serif;font-size:.9rem}.salesQS,.salesQS-form{display:flex;flex-wrap:wrap;width:100%}.salesQS-form section{padding:1rem}.salesQS-form fieldset{border:1px groove #000;padding:.5rem;margin-bottom:1rem}.salesQS-form legend{font-weight:900;color:#4441a2;font-size:1rem}.salesQS-form input{border:none;border-bottom:1px solid #000;line-height:1.3rem;padding-left:5px}.salesQS-form .form-group{width:100%;padding-bottom:.3rem;display:flex;flex-wrap:wrap;padding-left:.5rem;padding-right:.5rem}.salesQS-form .form-group label{min-width:120px;flex-basis:32%}.salesQS-form .form-group input{flex-basis:42%;min-width:42%}#salesQS-1 .form-group input{flex-basis:60%;min-width:60%}#salesQS-1 .form-group label{min-width:70px;flex-basis:25%}#salesQS-1,#salesQS-2{flex-basis:25%;min-height:100%}#salesQS-3{flex-basis:50%;min-height:100%}#salesQS-3-fieldset{display:flex;width:100%;flex-wrap:wrap;height:86%}#salesQS-3-col1,#salesQS-3-col2{flex:1 1;flex-basis:50%}.salesQS-form button{width:32%;margin-right:.5rem;padding:.3rem 1.5rem;border:2px solid #4441a2;background-color:initial;border-radius:3rem;margin-top:.5rem}.salesQS-form button:hover{background-color:#4441a2;color:#fff}.QSfig{padding-right:5px}.QSfig,.QSfig2{text-align:right}.QSfig2{padding-right:15px}#shipmenttyperadio input{min-width:0;margin-left:0;flex-basis:5%}#shipmenttyperadio label{flex-basis:15%}.USWGPSelect,.WGPSelect{margin-left:1rem;flex:1 1;flex-basis:20%;-webkit-appearance:none;appearance:none;width:100px}.USWGPSelect,.USWGPSelect option,.WGPSelect,.WGPSelect option{overflow:hidden;white-space:nowrap;background-color:#fff}.saletype-group{display:flex;flex-direction:row}.saletype-group label{flex:1 1}.salesQS-form .soldcheckbox{margin:.5rem 1rem .5rem .5rem}.salesQS-form .soldcheckbox label{margin-left:.5rem}#QSbuttons{display:flex;justify-content:flex-end;align-items:center}.salesQStitleline{justify-content:space-between;width:100%}.salesQSnavbuttons,.salesQStitleline{display:flex;flex-direction:row}.salesQSnavbuttons button{border-radius:1rem;margin:0 1rem;width:60px;border:none}.salesQSnavbuttons button:hover{cursor:pointer;background-color:#4441a2;color:#fff}#exchangerate label{display:flex;flex:1 1 20%}#exchangerate input{display:flex;flex:1 1 30%}#exchangerate button{display:flex;flex:1 1 40%;margin-top:1rem;margin-right:0;margin-left:0;background-color:#4441a2;color:#fff;border:none}#exchangerate button:hover{cursor:pointer;background-color:#7b78db}.QSindexbox{display:flex;flex-direction:column;margin-bottom:.5rem}.QSIDerror{color:red;margin-left:90px}.editmode{background-color:#f6f6f6!important}.lockicon,.unlockicon{height:20px;margin-left:5px}.custom-ui{background-color:#fff;padding:3rem;border-radius:1rem;min-width:550px;min-height:200px;text-align:center}.custom-ui h1{color:#4441a2;margin-bottom:2rem}.confirmmsg{max-width:450px;margin-bottom:2rem}.custom-ui button{padding:.3rem 1.5rem;border:2px solid #4441a2;background-color:#fff;border-radius:3rem;margin:0 1rem}.custom-ui button:hover{cursor:pointer;background-color:rgba(68,65,162,.75);color:#fff}.custom-ui ul{margin-bottom:1.5rem}.editsline{display:flex;flex-direction:row;width:100%;justify-content:space-between}.editsheader{font-weight:700}.edititem{min-width:130px;text-align:left}.editfig{text-align:right;min-width:130px}.saleboxes{display:flex;flex-direction:row}.bottompopupcalculator{position:absolute;width:380px;background-color:#e6e6e6;padding:2rem;border-radius:.5rem;border:1px solid #000;z-index:1}.bottompopupcalculator .form-group label{min-width:150px}.bottompopupcalculator:before{content:"";width:0;height:0;position:absolute;border-color:transparent transparent #e6e6e6 #e6e6e6;border-style:solid;border-width:10px 10px 15px;left:120px;top:-12px}.bottompopupcalculatorlg{position:absolute;display:flex;width:680px;background-color:#e6e6e6;padding:2rem;border-radius:.5rem;border:1px solid #000;z-index:1}.bottompopupcalculatorlg-1{display:flex;flex-basis:60%;flex-direction:column}.bottompopupcalculatorlg .form-group label{min-width:150px}.bottompopupcalculator ul{margin-left:1rem;margin-top:.5rem}.saveQSbutton:hover{cursor:pointer}#QSbuttons span{padding-right:2rem;color:green}.storagefields .form-group label{min-width:142px}.storagefields .form-group input{flex-basis:36%;min-width:36%;margin-left:4px}.storagefields .form-group select{flex-basis:48%!important;min-width:33%}.form-group{justify-content:space-between}.salesQS-form button:focus{background-color:#4441a2;color:#fff}.QSsearchresults-container{position:relative;display:flex}.QSsearchresults{background-color:#fff;position:absolute;top:-20px;font-family:Roboto,sans-serif;font-size:.9rem;width:330px;border:1px solid grey;max-height:20rem;overflow-y:auto;z-index:2}.QSsearchresults li{padding-left:10px}.QSsearchresults-hide{display:none}.flexbreak{flex-basis:100%;height:0}.presearchresults{flex:1 1;flex-basis:22%}.QSsearchresults{flex:4 1;flex-basis:70%}.QSsearchresults li:hover{background-color:#ddeaf9;cursor:pointer}.QSmodal{height:110%}.QSmodal .modal-main{width:90%;height:80%}.QSmodal h2{padding-top:.5rem}.QSModalForm{display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:1rem;width:100%}.QSModalForm fieldset{border:1px groove #000;padding:.5rem;margin-bottom:1rem}.QSModalForm section{padding:1rem}.QSModalForm .form-group{width:100%;display:flex;flex-direction:row;padding-bottom:1rem;flex-wrap:wrap}.QSModalForm input{flex:1 1;flex-basis:40%;margin-right:1rem;min-width:0;font-family:Roboto,sans-serif;font-size:1rem}.QSModalForm label{flex:1 1;flex-basis:15%;width:100%}.QSModalForm legend{font-weight:900;color:#4441a2;font-size:1rem}.QSModalForm p{padding:0}.QSModalForm .shipmentType label{padding-right:1rem}.QSModalForm .shipmentType{margin-bottom:.6rem}.QSModalForm .searchresults{position:absolute;flex:4 1;top:-20px;left:-15px;width:300px;background-color:#fff;border:1px solid #000;max-height:30vh;overflow-y:auto;padding-left:.3rem;padding-right:0}.QSModalForm .searchresults li{width:100%}.QSModalForm .presearchresults{flex:1 1;flex-basis:20%}.QSModalForm .QSsearchresults-container{position:relative;display:flex}#editQS-1,#editQS-2{flex:1 1;flex-basis:12%;min-height:100%}#editQS-3{flex-basis:60%;flex:4 1;min-height:100%;display:flex;flex-direction:column}#editQS-3 fieldset{display:flex;width:100%}.QSedit-buttons{display:flex;flex-direction:row}.QSedit-buttons button{margin:0 .2rem}#editQS-3-col1{flex:1 1;flex-basis:50%}#editQS-3-col1 fieldset{display:flex;flex-direction:column}#editQS-3-col2{flex:1 1;flex-basis:50%}#editQS-3-col2 fieldset{display:flex;flex-direction:column}.WGPSelect2{width:140px;margin-left:1rem}.WGPSelect2,.WGPSelect2 option{overflow:hidden;white-space:nowrap}.QSeditmodaltitle{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}.QSeditmodaltitle button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.2rem .5rem;margin:.5rem .9rem 0}td[id^=FOB],td[id^=quantity]{text-align:right}.editbutton{cursor:pointer;background-color:initial;color:#a0b667;padding:.1rem .5rem;border:1px solid #4441a2;align-self:center;border-radius:1rem;margin-left:.5rem;margin-top:2px}.editbutton:hover{color:#fff;background-color:#4441a2}table thead tr:first-child th{position:-webkit-sticky;position:sticky;top:18px;z-index:10}.tablesorter thead td{position:-webkit-sticky;position:sticky;top:41px;z-index:11}.tablesorter .header{border-bottom:none;background-color:#a0b667;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;font-weight:400}.tablesorter .lastheader{background:#f5f5f5}.filter-WGP input{width:70px}.filter-abbreviation input{width:110px}.filter-packaging input{width:70px}.filter-End input,.filter-FOB input,.filter-quantity input,.filter-Start input,.filter-year input{width:90px}.uspositionreport{overflow:auto;height:100%}#uspositionreporttable{margin-top:.5rem;border-collapse:collapse;font-family:Roboto,sans-serif}#uspositionreporttable td{padding-right:3.5rem;font-size:.8rem;padding-top:.1rem;padding-left:.1rem;font-family:Roboto,sans-serif}#uspositionreporttable th{padding-right:3rem;font-size:.9rem;border:none;background-color:#fff;font-family:Roboto,sans-serif;font-weight:400;padding-top:.2rem;padding-bottom:.3rem;top:0}#uspositionreporttable tr:hover{background-color:#ddeaf9;cursor:pointer}#uspositionreporttable .totals{border-top:1px solid #000;height:2rem;vertical-align:top}.usprodgroup{background-color:#4441a2;color:#fff}.mktpriceupdate{position:relative;display:flex;flex-direction:row;align-items:center}.mktpriceupdatemenu{position:absolute;top:20px;background-color:#fff;border-radius:.5rem;padding:1rem;border:1px solid #4441a2;z-index:10}.mktpriceupdatemenu button{border-radius:1rem;padding:.25rem 2rem;background-color:#a0b667;color:#fff;margin-top:.5rem;border:none}.mktpriceupdatemenu button:hover{cursor:pointer;background-color:#b3c585}#navigation{width:100%;position:fixed;z-index:20;display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #4441a2;align-items:center;box-shadow:0 8px 8px 0 rgba(160,182,103,.2);height:6vh;padding:.3rem 3rem;background-color:#a0b667}#navigation,#navigation .logoutButton{font-family:Roboto,sans-serif;color:#fff}#navigation .logoutButton{background-color:initial;padding:.3rem 1.5rem;border:none;background-color:#4441a2;align-self:center;border-radius:3rem;font-size:1rem}#navigation .logoutButton:hover{cursor:pointer;background-color:rgba(68,65,162,.75);color:#fff}h2{margin:0}.welcomemsg{display:flex;align-items:baseline;color:#fff}.welcomemsg .cls-1{fill:#fff;stroke:#fff;stroke-miterlimit:0;stroke-width:0}.Logoheader{width:2rem;height:1.3rem;margin:0 .5rem;color:#fff}.userwelcome{display:flex;font-size:1rem}.positionreport{overflow:auto;height:100%}.positionreporttitle{font-family:Roboto,sans-serif;color:#4441a2;background-color:#fff;z-index:90}#positionreporttable{margin-top:.5rem;border-collapse:collapse;font-family:Roboto,sans-serif}#positionreporttable td{padding-right:3.5rem;font-size:.8rem;padding-top:.1rem;padding-left:.1rem;font-family:Roboto,sans-serif}#positionreporttable th{padding-right:3rem;font-size:.9rem;border:none;background-color:#fff;font-family:Roboto,sans-serif;font-weight:400;padding-top:.2rem;padding-bottom:.3rem;top:0}.fig{text-align:right}#positionreporttable tr:hover{background-color:#ddeaf9;cursor:pointer}#positionreporttable .totals{border-top:1px solid #000;height:2rem;vertical-align:top}.prodgroup{background-color:#a0b667;color:#fff}.positionreporttitleline{display:flex;position:-webkit-sticky;position:sticky;top:0}.postooltipsource{position:relative}.postooltip{position:absolute;z-index:50;background-color:#fff;border:1px solid #4441a2;padding:1rem;border-radius:.5rem;width:900px;top:19px;left:80%}.posmatchitem{display:flex;flex-direction:row}.posmatchitem h4,.posmatchitem p{flex-basis:20%}.react-tabs__tab-panel--selected{overflow:auto;height:90%}.react-tabs{height:100%}h3{position:-webkit-sticky;position:sticky;top:0;z-index:11;display:inline-block;background-color:#fff;width:100%}.positionslist{overflow:auto;height:100%}.positionslisttitle{font-family:Roboto,sans-serif;color:#4441a2}.positionstitleline{display:flex;width:100%;position:-webkit-sticky;position:sticky;top:0}.positionadd{overflow:auto;height:100%}.positionaddtitle{font-family:Roboto,sans-serif;color:#4441a2}#positionaddform{display:flex;flex-direction:column;margin-top:.5rem}#positionaddform .form-group{padding-bottom:0;width:100%;display:flex;flex-wrap:wrap}#positionaddform label{font-family:Roboto,sans-serif;font-size:.9rem;flex:1 1;flex-basis:20%;margin-top:.7rem}#positionaddform input{padding:.3rem;border:1px solid #a0b667}#positionaddform input,#positionaddform textarea{margin-top:.6rem;margin-left:0;flex:4 1;flex-basis:80%;font-family:Roboto,sans-serif}#positionaddform textarea{height:20vh;resize:none;overflow-y:auto;font-size:.95rem}#positionaddform button{margin-top:1.5rem;padding:.3rem 1.5rem;border:2px solid #4441a2;background-color:initial;border-radius:3rem}#positionaddform button:hover{background-color:#4441a2;color:#fff;cursor:pointer}.posadderror{color:red;font-size:.85rem;margin-left:20%}#positionaddform .presearchresults{flex:1 1;flex-basis:10%}#positionaddform .QSsearchresults-container{flex:4 1;flex-basis:40%}.AddProdModal{height:110%}.AddProdModal .modal-main{width:80%;height:70%}.AddProdModal .addproduct-form{display:flex;flex-direction:row;height:90%}.addprod-1{flex:1 1;border-right:1px dashed grey;min-height:100%}.addprod-1 p{padding-bottom:0}.addprod-2{flex:1 1;border-right:1px dashed grey}.addprod-3{flex:1 1}.addnewprodline{display:flex}.AddProdModal h3{color:#a0b667;font-size:1.5rem;margin-bottom:1rem}.AddProdModal .searchresults li:hover{background-color:#ccccca}.addproduct-form .form-group{width:100%;flex-wrap:wrap}.addproduct-form label{flex:1 1;flex-basis:20%}.addproduct-form input{flex:1 1;flex-basis:45%;margin-right:1rem}.addproduct-form .presearchresults{flex:1 1;flex-basis:20%}.addproduct-form .QSsearchresults-container{flex:1 1;flex-basis:45%;max-height:20vh;overflow-y:auto;background-color:#e9e9e7;margin-right:1rem;padding-right:0}.addproduct-form ul{padding-right:0}.Register{width:100%;background-color:#dfdfdf;min-height:100vh}.Register,.RegisterForm{display:flex;align-items:center}.RegisterForm{min-width:30vw;margin:0 auto;padding:3.5rem 4rem;min-height:55vh;background-color:#fff;flex-direction:column;border-radius:3em;box-shadow:3px 3px 30px #aaa}.Logo{width:225px;height:123px;margin:2.5rem 0}.RegisterForm h2{font-family:Roboto,sans-serif;color:#4441a2;font-size:2rem}.RegisterForm input{width:80%;margin-top:1rem;padding:.5rem;border:none;border-bottom:1px solid #a0b667}.RegisterForm button{width:60%;padding:.8rem;background-color:#fff;border:1px solid #4441a2;border-radius:1.3rem;margin:1rem 0}.RegisterForm button:hover{background-color:#4441a2;color:#fff;cursor:pointer}.errormessage{color:red}.errormessage,.successmessage{font-family:Arial,Helvetica,sans-serif;font-size:.8rem}.successmessage{color:#a0b667}.inputerror{color:red;margin-top:0;padding-top:0;font-size:.7rem;overflow-wrap:break-word;max-width:17vw}#navbarcontainer{width:100%;background-color:#4441a2;position:fixed;display:flex;z-index:21;top:6vh;border-bottom:1px solid #4441a2}#navbar{width:60%;justify-content:space-between;display:flex}#navbar li{list-style-type:none;font-family:Roboto,sans-serif;font-size:.9rem;flex:1 1;text-align:center}#navbar a{width:100%;text-decoration:none;display:block;padding:.3rem 0;color:#fff}#navbar a:hover{cursor:pointer;background:#7b78db;color:#fff}.navbaractive{background-color:#dfdfdf;background-color:#a0b667;background-color:#7b78db;color:#fff}.keyfigures-list{display:flex;width:100%;flex-direction:row;text-align:center;font-family:Roboto,sans-serif;overflow-y:auto}.keyfigures-list h4{color:#4441a2}.keyfigure-profit,.keyfigure-profitpct,.keyfigure-profitpmt,.keyfigure-revenue,.keyfigure-volume{display:flex;flex-direction:column;flex-basis:20%;padding:2rem 0 1rem}.kfig{margin-bottom:1rem;color:#a0b667}.keyfigures-buttons{display:flex;flex-direction:row;justify-content:space-between;margin:0 3rem}.keyfigures-buttons button{margin:0 1rem;padding:.2rem 1rem;border-radius:1rem;border:1px solid #4441a2;background-color:#fff}.mgmtchart h3{position:fixed;left:0;padding-left:1rem;padding-top:.7rem;z-index:-10;border-top-left-radius:1rem;border-top-right-radius:1rem}.mgmtcontainer{display:flex;flex-direction:row;width:100%}.mgmtgridcontainer{display:flex;flex-basis:90%;display:inline-block;width:100%;position:relative;left:230px}.mgmtnav{position:fixed;display:flex;flex-direction:column;flex-basis:19%;width:230px;background-color:#414049;color:#fff;padding:8rem 2rem;height:100vh}.mgmtnav a{font-size:.9rem;color:#fff}.sunburst{padding-top:6rem;display:flex;width:1000px}#Sunburst{-webkit-transform:scale(.7);transform:scale(.7)}#Sunburst,#Sunburst-svg{display:flex}#profitability{overflow:hidden;padding-bottom:5rem}#profitability h3{padding-bottom:.5rem}.periodfilter{font-size:.9rem;padding-bottom:.5rem;padding-top:.5rem;display:flex;flex-direction:row;width:100%;align-items:baseline}.periodfilterbuttons{display:flex;flex-direction:row;width:600px;justify-content:space-between}.customdateinputs{display:flex;flex-direction:row;flex-basis:40%;align-items:stretch;font-size:.8rem;margin:0 0 0 1rem}.customdateinputs label{margin:0 .3rem 0 1rem}.customdateinputs button{border-radius:1rem;border:none;padding:.3rem 1rem;margin-left:1rem;color:#fff;background-color:#4441a2}.customdateinputs button:hover{cursor:pointer;background-color:#6562b8}.periodfilterbutton{border-radius:1rem;border:none;padding:.3rem 1rem}.periodfilterbutton:hover{cursor:pointer;background-color:#a9a7da;color:#fff}.active,.active:hover{background-color:#4441a2;color:#fff}.prsummarystats{display:flex;flex-direction:row;padding:1.3rem;justify-content:space-between}.prstatgroup{display:flex;flex-direction:column;flex-basis:15%}.prstatgroup h4{font-size:1rem}.prstatgroup p{font-size:2rem;margin-bottom:.5rem}.prgroupby{display:flex;flex-direction:row;font-size:.9rem;width:770px;justify-content:space-between;padding:.5rem 0}.profitabilityreport{height:75%;overflow:auto;font-family:Roboto,sans-serif;font-size:.9rem}.profitabilityreport p{font-size:.8rem}.profitabilityreportline{display:flex;flex-direction:row;width:100%;z-index:-30;position:relative}.profitabilityreportcolumn{display:flex;flex-basis:20%}.prfig{text-align:right;width:100px;display:inline-block;padding-right:3rem}.prtotal{font-weight:700;margin-top:1rem}.prheader{top:0;font-weight:700;z-index:2}.prheader,.prmonth{position:-webkit-sticky;position:sticky;border-bottom:1px solid #4441a2;margin-bottom:.5rem;background-color:#fff}.prmonth{padding-bottom:.3rem;padding-top:.3rem;top:19px;font-size:.9rem;width:100%;z-index:-1}.profitabilityreportline:nth-child(2n){background-color:#f5f5f5}.profitabilityreportline:hover{background-color:#ddeaf9}.prfiltermenu{position:absolute;background-color:#fff;z-index:2000;min-height:180px;min-width:200px;max-height:180px;top:20px;border:1px solid #000;overflow-y:scroll;display:flex;flex-direction:column;padding:.5rem 0 .5rem .5rem}.prcheckgroup{display:flex;flex-direction:row;align-items:center}.prcheckgroup label{margin-left:.5rem;font-weight:400}.ellipsis:hover,.prcheckgroup label:hover{cursor:pointer}.prcheckgroup:hover{background-color:#dee2e7;cursor:pointer}.prselect{border-bottom:1px dashed #bebebe}.prselect:hover{background-color:#dee2e7;cursor:pointer}.prdisplay-none{display:none!important}.profreporttitle{width:100%;display:flex;flex-direction:row;justify-content:space-between}.profreporttitle button{background-color:#4441a2;color:#fff;padding:.25rem 2rem;width:150px;border-radius:1rem;border:none}.profreporttitle button:hover{cursor:pointer;background-color:#605db8}.adminpage{padding-top:6.5rem;display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:.9rem}.adminnav{display:flex;flex-direction:column;flex-basis:10%;padding:0}.adminnav button{width:100%;margin:0;padding:1rem;border:1px dashed grey}.displayblock{display:block}.displaynone{display:none}.adminresults{display:flex;flex-basis:55%;background-color:#fff;padding:1rem;flex-direction:row;flex-wrap:wrap;justify-content:space-between;flex-flow:row wrap;justify-content:flex-start;height:90vh}.adminedit{display:flex;flex-basis:33%;padding:2rem 2rem 2rem 4rem;flex-direction:column}.editCustomer{margin-bottom:1rem}.editCustomer fieldset,.editProdCatName fieldset,.editProdGroup fieldset,.editProdName fieldset,.editTrader fieldset{border:1px groove #000;padding-left:2rem;padding-top:1rem;padding-bottom:1rem;border-radius:1rem}.editCustomer fieldset legend,.editProdCatName fieldset legend,.editProdGroup fieldset legend,.editProdName fieldset legend,.editTrader fieldset legend{font-weight:700;font-size:1rem}.customerlistresults,.traderlistresults{display:flex;flex-direction:row;flex-wrap:wrap;height:85vh;overflow-x:hidden}.customercard,.tradercard{display:flex;flex-direction:column;flex-basis:30%;min-width:293px;background-color:#ededed;height:150px;margin:1rem;padding:1rem;border-radius:1rem;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;overflow-x:hidden}.customercard:active:hover,.tradercard:active:hover{background-color:#cfcfcf}.tradercard h4{border-bottom:1px dashed #000}.customercard{font-size:.85rem;height:170px}&:nth-child(6n-1){margin-left:2%;margin-right:2%}.customercard:hover,.tradercard:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05);background-color:#e2e2e2}.traderemail{padding:1rem 0}.traderemail,.traderrole{font-size:.8rem}.editcustomer-form-group,.editprodcatname-form-group,.editprodgroup-form-group,.editprodname-form-group,.edittrader-form-group{display:flex;flex-direction:row;padding:.5rem}.edittrader-form-group label{display:flex;flex-basis:20%;padding:.5rem 0}.editcustomer-form-group label,.editprodcatname-form-group label,.editprodgroup-form-group label,.editprodname-form-group label{display:flex;flex-basis:25%;padding:.5rem 0}.edittrader-form-group input,.edittrader-form-group select{display:flex;flex-basis:75%;border:none;padding:.5rem 1rem;border-radius:.6rem}.editcustomer-form-group input,.editcustomer-form-group textarea,.editprodcatname-form-group input,.editprodgroup-form-group input,.editprodname-form-group input,.prodnamesearch{display:flex;flex-basis:70%;border:none;padding:.5rem 1rem;border-radius:.6rem;font-family:Roboto,sans-serif;font-size:.9rem}.prodnamesearchv{display:flex;flex-direction:column;flex-basis:70%}.editcustomer-form-group textarea{height:100px}.edittrader-form-group .activeradio{flex-basis:20%;margin:.5rem 0}.editCustomer button,.editProdCatName button,.editProdGroup button,.editProdName button,.editTrader button{margin-top:1.5rem;width:95%;padding:.5rem 1rem;border-radius:1rem;background-color:#4441a2;border:none;color:#fff}.editCustomer button:hover,.editProdCatName button:hover,.editProdGroup button:hover,.editProdName button:hover,.editTrader button:hover{background-color:#7b78db;cursor:pointer}.customercountry{margin-bottom:.3rem;font-size:.8rem}.customercard ul{margin-top:.5rem}.customercard ul li{display:flex;flex-direction:row;margin-bottom:.3rem}.addresslabel{flex-basis:24%;font-size:.8rem}.addressfield,.addresslabel{display:flex;line-height:.9rem}.addressfield{flex-basis:76%;font-size:.6rem}.customercardtopline{display:flex;flex-direction:row;border-bottom:1px dashed #000;justify-content:space-between}.adminsearchbar{padding:.3rem 1rem;margin-bottom:.5rem;margin-left:1rem;border-radius:1rem;width:30%}.prodgroupcards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:0 2rem;flex-basis:65%;border-right:1px dashed grey}.prodgroupcard{display:flex;flex-direction:column;flex-basis:25%}.prodgroupcard:hover{cursor:pointer}.productlink:hover{text-decoration:underline;cursor:pointer}.productlink:hover:active{font-weight:700}.selectedprodgroup{flex-basis:50%;padding-left:2rem}.selectedproddetails,.selectedprodgroup,.selectedprods{display:flex;flex-direction:column}.selectedproddetails{flex-basis:40%;padding-left:2rem}.prodaddcard{flex-basis:30%}.prodnameadmin:hover{text-decoration:underline;cursor:pointer}.prodnameadmin:active:hover{font-weight:700}.analysiscontainer{display:flex;flex-direction:row;width:100%}.analysisnav{position:fixed;display:flex;flex-direction:column;flex-basis:19%;width:230px;background-color:#414049;color:#fff;padding:8rem 2rem;height:100vh}.analysisnav a{font-size:.9rem;color:#fff}.analysisgridcontainer{display:flex;flex-basis:90%;display:inline-block;width:100%;position:relative;left:230px}.lysaleslist{overflow:auto;height:90%;font-family:Roboto,sans-serif;font-size:.9rem;padding-bottom:5rem}.lystitlesection{display:flex;flex-direction:row;justify-content:space-between}.lystitle{margin-bottom:1rem}.lysalesline{display:flex;flex-direction:row;width:100%}.lysalescolumn{display:flex;flex-basis:20%}.lysfig{text-align:right;width:100px;display:inline-block;padding-right:3rem}.lysalesheader{position:-webkit-sticky;position:sticky;top:0;font-weight:700;border-bottom:1px solid #4441a2;margin-bottom:.5rem;background-color:#fff}.lysalesmonth{margin-bottom:.5rem;padding-bottom:.5rem;padding-top:.5rem;top:19px}.lysalesdata li:nth-child(2n){background-color:#f5f5f5}.lysalesdata li:nth-child(2n):hover,.lysalesline:hover{background-color:#ddeaf9}.AVBTable{margin-top:1.5rem;margin-left:1rem;width:95%;overflow-x:scroll}.AVBTableHeaders{display:flex;flex-direction:row;width:100%;margin:0 auto;font-family:Roboto,sans-serif;font-size:.8rem;font-weight:800;border-bottom:1px solid grey}.AVBTableHeaders li{display:flex;flex-basis:10%}.AVBTableRow{display:flex;flex-direction:row;width:100%;margin:0 auto;font-family:Roboto,sans-serif;font-size:.8rem}.AVBTableRow li,.AVBTableTotals li{display:flex;flex-basis:10%}.AVBTableHeaders .AVBTableFig,.AVBTableRow .AVBTableFig,.AVBTableTotals .AVBTableFig{justify-content:flex-end}.AVBTableHeaders .AVBFirstCol,.AVBTableRow .AVBFirstCol,.AVBTableTotals .AVBFirstCol{min-width:90px}.AVBCharts{display:flex;flex-direction:row}.AVBChart{display:flex;width:49%}.AVBGroupEnd{margin-right:5rem}.AVBTitleArea{width:100%;justify-content:space-between}.AVBTitleArea,.groupbuttons{display:flex;flex-direction:row}.groupbuttons{align-items:center}.groupbuttons button{border-radius:1rem;padding:.3rem 1.3rem;margin:0 .3rem;background-color:#fff;border:2px solid #d3d2e1}.groupbuttons button:hover{cursor:pointer;background-color:#d3d2e1;color:#4441a2}.groupbuttons .activegroupbutton,.groupbuttons button:active{background-color:#4441a2;color:#fff}.groupbuttons .AVBReset{background-color:#d8374a;color:#fff;border:none}.groupbuttons .AVBReset:hover{background-color:#e26372;color:#fff}.groupbuttons .AVBReset:active{background-color:#d8374a;color:#fff}.groupbuttons .AVBBackbutton{background-color:#a0b667;border:none;color:#fff;margin-right:2rem}.groupbuttons .AVBBackbutton:hover{background-color:#cdd9ae;border:none;color:#fff}.groupbuttons .AVBBackbutton:active{background-color:#a0b667;border:none;color:#fff}.AVBTableTotals{display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:.8rem;font-weight:600}.AVBTableTotals .AVBFirstCol{min-width:90px}.logcontainer{display:flex;flex-direction:row;width:100%}.lognav{position:fixed;display:flex;flex-direction:column;flex-basis:19%;width:230px;background-color:#414049;color:#fff;padding:8rem 2rem;height:100vh}.lognav a{font-size:.9rem;color:#fff}.loggridcontainer{display:flex;display:inline-block;width:85%;position:relative;left:230px}.scores{color:#fff;margin-top:5rem;font-family:Roboto,sans-serif;font-size:.9rem}.score{display:flex;flex-direction:row;justify-content:space-between}.myoper{margin-bottom:2rem}.matchreporttitle{width:100%;display:flex;flex-direction:row;justify-content:space-between}.matchreporttitle h3{position:fixed;top:20px;width:80%}.matchreport{margin-top:2rem;overflow:scroll;height:90%}.matchsearch{margin-bottom:1rem;margin-top:1rem;margin-left:1rem;padding:.2rem 1rem;border-radius:.2rem;border:1px solid silver}.matchaccordion_button{color:#444;cursor:pointer;padding:5px 20px;width:100%;text-align:left;border:none;display:flex;font-family:Roboto,sans-serif;font-size:.8rem}.matchaccordion_button:hover{background-color:#e3edfa}.matchaccordion:nth-child(2n){background-color:#f4f4f4}.matchaccordion_button:before{display:inline-block;content:"";height:5px;width:5px;margin-right:12px;margin-top:5px;border-bottom:2px solid;border-right:2px solid;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.matchaccordion_button[aria-expanded=true]:before,.matchaccordion_button[aria-selected=true]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.matchaccordion_button ul{display:flex;width:100%}.matchaccordion_button ul li{flex-basis:15%;margin-right:2rem}.matchaccordion_button .prodli{flex-basis:25%}.matchpossales{display:flex;width:50%;flex-direction:column;font-family:Roboto,sans-serif;font-size:.8rem;margin-left:3rem;margin-right:3rem}.matchpossales li{display:flex;flex-direction:row;min-width:100%}.matchpossales li p{flex-basis:30%}.matchpossalesheader{border-bottom:1px solid #000}.matchpossales .matchfig{text-align:right}.inprogresslist{margin-top:2rem;overflow:scroll;height:90%;width:100%;font-family:Roboto,sans-serif;font-size:.8rem}.inprogresslist li{display:flex;flex-direction:row;width:100%}.inprogresslist li:nth-child(odd){background-color:#efeded}.inprogresslist li p{flex-basis:5%;margin:.4rem 0}.inprog-center{text-align:center}.inprogresslist li p input,.inprogresslist li p select{width:90%;font-family:Roboto,sans-serif;font-size:.8rem}.inprogresslist li .inprogress-lrg-p{flex-basis:10%;margin:.4rem 0}.inprogresslist li .inprogress-med-p{flex-basis:6%}.inprogresslist li button{padding:.25rem 1rem;margin:.2rem 0 .2rem 2rem;border-radius:.75rem;border:none;color:#fff;background-color:#4441a2}.inprogresslist li button:hover{cursor:pointer}.inprogresslist .inprogsavebtn{background-color:#a0b667}.inprogresslist .inprogcancelbtn{background-color:#922c2e}.inprogresslist li select{margin:.2rem 0}.inprogresslist-header{font-weight:600;border-bottom:1px solid grey}.inprogresslist h4{margin-top:1rem;margin-bottom:1rem;font-size:1rem}.operations,.trafficbuttons{margin-top:1rem;margin-left:3rem}.trafficbuttons button{margin-left:1rem;padding:.4rem 2rem;border-radius:1rem;border:none;background-color:#9594c7;color:#fff}.trafficbuttons button:hover{cursor:pointer;background-color:#4441a2}.trafficbuttons .activetrfbtn{background-color:#4441a2}.opheader{display:flex;flex-direction:column;position:fixed;min-width:100%;z-index:20;height:115px}.operations,.opheader{background-color:#dfdfdf}.operations{margin-top:8rem;position:relative}.opsearchbar{margin-left:3rem;margin-top:1.5rem;padding-bottom:1rem}.opsearchbar input{padding:.4rem 2rem;border-radius:.75rem;border:none;width:300px}.operationdetail{min-height:70vh;background-color:#fff;min-width:80vw;position:absolute;left:120%;border-top-left-radius:1rem;border-bottom-left-radius:1rem;top:125px;border:solid #4441a2}.trafficbuttons .traderOpButton{background-color:#d0ad6d}.trafficbuttons .traderOpButton:hover,.trafficbuttons .traderOpButtonActive,.trafficbuttons .traderOpButtonActive:hover{background-color:#fe9217}.operation{background-color:#fff;min-height:9.5rem;margin-bottom:1rem;width:82vw;border-radius:1rem;display:flex;flex-direction:row;font-family:Roboto,sans-serif;position:relative}.operation:hover{background-color:#eee}.opleftlabel:hover{cursor:pointer}.opeditbutton{position:absolute;right:0;margin:.5rem}.opeditbutton:hover{color:#17b417}.editbuttons{position:absolute;right:0;top:-20px;margin:.7rem;display:flex;flex-direction:row-reverse}.opsavebutton{padding:.3rem 1rem;color:#fff;border-radius:.8rem;border:none;background-color:#4441a2;margin-left:.5rem}.opsavebutton:hover{background-color:#7976c3;cursor:pointer}.opcancelbutton{background-color:#b32828}.opcancelbutton:hover{background-color:#d45858;cursor:pointer}.optrader,.optraffic{position:absolute;right:0;bottom:0;margin:.5rem 1rem;font-family:Roboto,sans-serif;font-size:.8rem;color:#9f9e9e}.optraffic{bottom:20px}.opleftlabel{min-height:100%;border-top-left-radius:1rem;border-bottom-left-radius:1rem;background-color:#4441a2;padding:1.5rem 2rem;width:15vw;min-width:250px;color:#fff}.opleftlabel h2{text-transform:uppercase;font-size:1rem}.opleftlabel h3{background-color:#4441a2;font-size:.8rem;font-weight:400;z-index:0}.opleftlabel p{margin-top:1.5rem;text-transform:uppercase;font-size:.8rem}.opnumberlabel{background-color:#000;color:#fff;min-width:9.5rem;max-width:9.5rem;padding:1rem 0;border-top:2px solid #fff;-webkit-transform:rotate(270deg) translate(-22%,-39%);transform:rotate(270deg) translate(-22%,-39%);height:85px}.opnumberlabel p{padding:0;font-size:.8rem;align-items:center}.opnumberlabel p,.optimeline{display:flex;justify-content:center}.optimeline{flex-direction:row;margin-top:2rem;font-size:.7rem;width:300px}.tlsegment{display:flex;flex-direction:column;line-height:.8rem;border-top:1px solid #000;padding-top:.5rem;position:relative}.tlsegment:before{content:"";min-height:9px;min-width:9px;background-color:#000;border-radius:50%;text-align:right;position:absolute;top:-5px}.tlnow:before{min-height:12px;min-width:12px;top:-7px;background-color:#48be48}.opprogress,.tlfsegment{display:flex;flex-direction:column}.oporigindestination{margin-top:1.5rem;width:300px;font-family:Roboto,sans-serif;text-transform:uppercase;font-size:.8rem}.oporigindestination ul{display:flex;width:100%;justify-content:space-between}.opchecklistsnapshot{margin-top:1.5rem;margin-left:4rem;display:flex;flex-direction:row;overflow-x:scroll}.opchecklist{margin-right:1.2rem;border-right:1px dashed #000;padding-right:1.2rem}.opchecklist,.opchecklist .bookinginfo{font-family:Roboto,sans-serif;font-size:.8rem}.opchecklist .bookinginfo{padding:.1rem .7rem;border-radius:.3rem;border:1px solid #9b9b9b;width:152px}.opchecklist .setbookinginfo{margin-left:1.3rem}.checklistitem{display:flex;flex-direction:row;align-items:center}.checklistitem p{margin-left:.5rem}.opgreencheck{color:#0fb10f}.opsearchbar{display:flex;flex-direction:row}.opsearchclearbtn{padding:.6rem 2rem;border:none;margin-left:1rem;border-radius:1rem;background-color:grey;color:#fff;background-color:#4441a2}.opsearchclearbtn:hover{cursor:pointer;background-color:#7775c5}.bookinginputs{display:flex;flex-direction:column}.opincoterms{width:50px;padding:.1rem .7rem;font-family:Roboto,sans-serif;font-size:.8rem;border-radius:.3rem;border:1px solid #9b9b9b;margin-left:.5rem}.incoitem{width:125px}.incoitem,.opETDETAitem{justify-content:space-between}.opETDETAitem{width:125px;width:90px;margin-left:1.2rem}.opETDETAitem1,.opETDETAitem p{margin-left:0}.opETDETA{margin-top:0}.bookingdateinfo{width:110px;padding:.1rem .7rem;font-family:Roboto,sans-serif;font-size:.8rem;border-radius:.3rem;border:1px solid #9b9b9b;margin-left:.5rem}.opcontract{min-width:120px}.opleftlabelbottom{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.shipmentTypeIcon{width:40px}.iconopwithmsg-wrapper{background-color:#df5252;padding:.3rem;border-radius:2rem;position:absolute;top:-15px}.insuranceinfo{margin-bottom:1rem}@media screen and (max-width:1440px){.oporigindestination,.optimeline{width:200px}.loggridcontainer{left:155px}.lognav{flex-basis:auto;width:auto}}.opnotes{max-height:65%;font-family:Roboto,sans-serif;font-size:.9rem;display:flex;flex-direction:column;overflow-y:scroll}.opnoteinputs{display:flex;flex-direction:row;justify-content:space-between;background-color:#fff;padding-top:1rem}.opnoteinput{border-radius:.5rem;padding:.5rem 1rem;width:82%;height:80px;font-family:Roboto,sans-serif;font-size:.9rem}.opnotepost{padding:.4rem 1rem;background-color:#4441a2;border-radius:.5rem;border:none;color:#fff}.opnotepost:hover{background-color:#7d7bc8;cursor:pointer}.opnotegroup{display:flex;flex-direction:column;flex-basis:70%;width:70%;align-self:flex-end}.otherusermsg{align-self:flex-start}.otherusermsg .opnote{background-color:#e3e2eb;color:#4441a2;border:1px solid #4441a2}.opnote{width:100%;background-color:#4441a2;color:#fff;padding:.5rem 1rem;border-radius:.5rem}.opnotemetadata{display:flex;flex-direction:row;justify-content:space-between;margin:0 .5rem .5rem;font-size:.8rem}.operationNotes{border:1px solid #4441a2;border-radius:.7rem;height:50vh;flex-direction:column;flex-basis:38%;min-width:38%}.operationDetail,.operationNotes{padding:1rem;display:flex;justify-content:space-between}.operationDetail{min-height:600px;height:55vh;margin:1rem;width:75%;flex-direction:row}.opDetailHeader{width:100%;margin:2rem}.opDetailQSID{margin-bottom:1.5rem}.opDetailMIItem,.opDetailQSID{display:flex;flex-direction:row}.opDetailMIItem{width:300px}.opDetailDemandside,.opDetailSupplyside{display:flex;flex-basis:27%;min-width:27%;flex-direction:column}.opDetailItem{display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;align-items:center;width:90%;justify-content:space-between;margin-bottom:.5rem}.opDetailItem input{padding:.2rem 1rem;margin-left:1rem;border-radius:.5rem;border:1px solid #b7b7b7;width:200px}.opDItext{text-align:left;width:200px;padding-left:.5rem}@media screen and (max-width:1440px){.operationDetail{min-height:400px}}.chatcontainer{margin:3rem}.chatbody,.chatmain{display:flex;flex-direction:column}.chatbody{min-height:400px;width:400px;background-color:#fff}.chatfooter{width:400px;display:flex;flex-direction:row;justify-content:space-between;margin-top:1rem}.chatfooter input{width:60%;padding:.4rem 1rem}.budgetcontainer{display:flex;flex-direction:row;width:100%;max-height:100vh;overflow-y:clip}.budgetnav{position:fixed;display:flex;flex-direction:column;flex-basis:10%;width:130px;background-color:#414049;color:#fff;padding:8rem 2rem;height:100vh}.budgetgridcontainer{display:flex;flex-basis:100%;display:inline-block;position:relative;left:130px;background-color:#fff;min-height:100vh;margin-top:2rem;padding-left:2rem;height:auto}.addprodgroup{position:relative;margin-right:1rem}.addprodbutton,.cancelprodbutton{margin:.2rem 0;padding:.25rem 1rem;border-radius:.75rem;border:none;color:#fff;background-color:#4441a2;position:relative}.cancelprodbutton{background-color:#fff;border:1px solid #4441a2;color:#4441a2}.addprodbutton:hover{cursor:pointer;background-color:#635fc1}.cancelprodbutton:hover{cursor:pointer;background-color:#dfdfe9}.addprodpane{position:absolute;top:25px;height:300px;width:230px;border:1px solid #4441a2;border-radius:.75rem;background-color:#fff;z-index:10;padding:1rem;justify-content:space-between}.addprodpane,.addprodpane ul{display:flex;flex-direction:column}.addprodpane ul{font-family:Roboto,sans-serif;font-size:.8rem;overflow-y:scroll;margin:.5rem 0;min-height:75%}.addprodcanceladd{display:flex;justify-content:space-between}.addprodcanceladd button{display:flex;flex-basis:45%}.addprodrow{display:flex;flex-direction:row}.addprodrow:hover,.addprodrow input:hover,.addprodrow label:hover{cursor:pointer;background-color:#f0f0f0}.addprodrow input{margin-right:.5rem}.budgetfilterbuttons{padding-top:.5rem}.budgetfilterbutton{padding:.5rem 1rem;border-radius:1rem;border:1px solid #4441a2;color:#4441a2;background-color:#fff;width:150px;margin:.2rem .5rem .2rem 0}.budgetfilterbutton:hover{cursor:pointer;background-color:#9694cf;color:#fff}.budgetfilterbutton:active,.budgetfilterbuttonactive{background-color:#4441a2;color:#fff;border:none}.pgroupfbtns{display:flex;align-items:center;padding-bottom:.5rem;border-bottom:1px dashed grey}.pgroupfbtns p{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:.8rem}.pnamefbtns{display:flex;align-items:center;padding:.5rem 0;border-bottom:1px dashed grey}.pnamefbtns p{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:.8rem}.pnamebutton{padding:.5rem 1rem;border-radius:1rem;border:1px solid #a0b667;color:#4441a2;background-color:#fff;width:150px;margin:.2rem .5rem .2rem 0}.pnamebutton:hover{cursor:pointer;background-color:#bfd686;color:#fff}.pnamebutton:active{border:none}.pnamebutton:active,.pnamebuttonactive{background-color:#a0b667;color:#fff}.bdgtpnametable{margin-top:1rem;margin-right:2rem;font-family:Roboto,sans-serif;font-size:.8rem}.bdgtpnametable table{border-collapse:collapse}.bdgtpnametable td{border:1px solid grey;margin:0}.bdgtpnametable td input{margin:0;border:none;text-align:right;padding-right:.5rem}.bdgtpnametable .countrycol{padding-left:.75rem;padding-right:.75rem;min-width:115px}.bdgtpnametabletitle{display:flex;position:relative}.bdgtpnametabletitle h3{width:auto;margin-right:1rem}.budgettables{display:flex;flex-direction:column}.bdgtdatacol{text-align:right;padding-right:.5rem}.bdgtpnametable .bdgtdatacol input{width:60px;text-align:right;padding-right:0}.bdgtpnametable .bdgtregioncol{padding-left:.75rem;background-color:#dbdbdb}.bdgtpnametable thead td{background-color:#000;color:#fff}.budgettablesandresponse{display:flex;flex-direction:column}.bdgtresponsemsg{color:green;font-family:Roboto,sans-serif;font-size:.8rem;margin-top:.5rem;display:flex;width:500px}.bdgtcountrytotals{font-weight:600;text-align:right;padding-right:.5rem;min-width:70px}.bdgtpnametable .bdgtregioncolttl{padding-left:.75rem;background-color:#dbdbdb;text-align:right;font-weight:600;padding-right:.5rem}.bdgttotal{padding-left:.75rem}.bdgttotal,.bdgttotalqty{background-color:#000;color:#fff}.bdgttotalqty{text-align:right;padding-right:.5rem}.bdgtctyrowadd{margin-right:.25rem}.bdgtctyrowadd:hover{cursor:pointer}.bdgtpnametable h3{z-index:0}.bdgtregionrow{position:relative}.bdgtselectcty{left:150px;top:0}.bdgtselectallcty,.bdgtselectcty{position:absolute;min-width:230px;height:300px;z-index:10;border:1px solid #4441a2;border-radius:.75rem;background-color:#fff;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.bdgtselectallcty{top:18px}.showbdgtpane{display:inline-block}.hidebdgtpane{display:none}.bdgtselectctycty{margin:.5rem 0;max-height:200px;overflow-y:scroll}.addctyrow{display:flex;flex-direction:row}.addctyrow:hover,.addctyrow input:hover,.addctyrow label:hover{cursor:pointer;background-color:#f0f0f0}.addctyrow label{margin-left:.25rem}.bdgtctydelete{margin-left:.5rem;opacity:.3}.bdgtctydeletebtn{border:none;padding:.05rem .5rem;margin-bottom:.25rem;border-radius:.5rem;margin-left:.25rem;background-color:#4441a2;color:#fff;font-size:.7rem}.bdgtleftbottompanel,.budgetprepdata{height:54vh;display:flex;justify-content:space-between}.bdgtleftbottompanel{overflow-y:scroll}.budgetbyprod{width:580px;border-left:1px dashed #4441a2;padding:1rem 1rem 1rem 2rem;display:flex;flex-direction:column}.budgetbyprod li{display:flex;font-size:.85rem}.lyearfigures{margin-top:1rem}.lyearfigures h3{font-family:Roboto,sans-serif;font-size:.936rem;position:relative}.lyearfigures table{border-collapse:collapse}.lyearfigures table td{border:1px solid grey}.lyearhead{color:#fff;background-color:#a0b667}.lyearregrow,.lyearregrowdata{background-color:#dbdbdb}.lyearregrowdata{text-align:right;font-size:.8rem;width:60px;padding-right:.5rem;font-weight:800}.lyearcountrycol{padding-left:.75rem;font-family:Roboto,sans-serif;font-size:.8rem;width:110px}.lyeardatah{padding-right:.25rem}.lyeardata,.lyeardatah{text-align:right;font-size:.8rem}.lyeardata{width:60px;padding-right:.5rem}.lyearcountrycolttl{padding-left:.75rem;font-family:Roboto,sans-serif;width:110px}.lyearcountrycolttl,.lyeardatattl{font-size:.8rem;background-color:#000;color:#fff}.lyeardatattl{text-align:right;width:60px;padding-right:.5rem}.lyeartable{margin-bottom:1rem}.bdgttotals{border-bottom:1px solid grey}.bdgttotalsul{display:flex;justify-content:space-between;width:70%;margin-bottom:1rem;font-family:Helvetica Neue,sans-serif}.bdgttyearfig{font-size:2rem;margin-bottom:.5rem}.bdgttyearname{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.bdgtlyearfigs{font-size:.85rem;display:flex;justify-content:space-between;width:180px}.bdgttitle{margin-right:1rem}.bdgttitles{display:flex;align-items:center;padding-bottom:1rem;margin-bottom:1rem;border-bottom:2px solid grey}.bdgtpnametable .bdgtcolseparation{width:15px;border:none;background-color:#fff}.bdgtctyeconomics{width:60px;text-align:right;padding-right:.5rem}.bdgtpnametable .bdgtctyeconomics input{width:60px;text-align:right;padding-right:0}.pgroupfbtns .bdgtbtntitle{font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.pnamefbtns .bdgtbtntitle{font-family:Roboto,sans-serif;font-size:.9rem;font-weight:600}.budgetbyprod h4{margin-bottom:.5rem}.bdgtsummarybuttons,.bdgtsummarybuttons1,.bdgtsummarybuttons2{display:flex;border-bottom:1px dashed grey;width:550px;align-items:center}.bdgtsummarybuttons{margin-top:1rem;border:none}.bdgtsummarybuttons1 p,.bdgtsummarybuttons2 p,.bdgtsummarybuttons p{margin-right:.5rem;font-size:.8rem;font-weight:600}.bdgtsummarybuttons1 button,.bdgtsummarybuttons2 button,.bdgtsummarybuttons button{width:98px;padding:.25rem 0;background-color:#fff;border:none;font-size:.8rem;font-family:Helvetica Neue,sans-serif}.bdgtsummarybuttons1 button,.bdgtsummarybuttons button{border-left:1px solid #4441a2;border-right:1px solid #4441a2}.bdgtsummarybuttons button{padding:.25rem .5rem;width:100px}.bdgtsummarybuttons2 button{border-left:1px solid #a0b667;border-right:1px solid #a0b667}.bdgtsummarybuttons1 .bdgtlvl1active{background-color:#4441a2;color:#fff}.bdgtsummarybuttons2 .bdgtlvl2active{background-color:#a0b667;color:#fff}.bdgtsummarybuttons .bdgtlvl3active{background-color:#000;color:#fff}.bdgtsummarybuttons1 button:hover{cursor:pointer;background-color:#bebde5}.bdgtsummarybuttons2 button:hover{cursor:pointer;background-color:#cbd7ab}.bdgtsummarybuttons button:hover{cursor:pointer;background-color:#dcdcdc;color:#000}.bdgtsummarybuttons1 button:active{background-color:#4441a2;color:#fff}.bdgtsummarybuttons2 button:active{background-color:#a0b667;color:#fff}.bdgtsummarybuttons button:active{background-color:#000;color:#fff}.bdgtsummarytable{margin-top:1rem;width:550px}.bdgtsummarydata{height:50vh;overflow-y:scroll;margin-right:0}.stblrow{display:flex;width:100%;font-family:Helvetica Neue,sans-serif;font-size:.9rem}.stblrow p{display:flex;width:88px}.stblrow .stblcollarge{display:flex;width:76px}.bsummaccordion_button{color:#444;cursor:pointer;padding:2px 0;text-align:left;border:none;display:flex;font-family:Roboto,sans-serif;font-size:.9rem}.bsummaccordion_button:before{display:inline-block;content:"";height:5px;width:5px;left:-5px;margin-right:12px;margin-top:5px;border-bottom:2px solid;border-right:2px solid;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.bsummaccordion_button[aria-expanded=true]:before,.bsummaccordion_button[aria-selected=true]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bsummaccordion_button:hover{background-color:#f5f5f5}.bdgtacc{border:none}.stblheader{margin-bottom:.5rem;border-bottom:1px solid grey}.stblfig{text-align:right;justify-content:right}.bdgtaccpanel{padding:.5rem 0;border-top:1px dashed grey;border-bottom:1px dashed grey;margin-left:15px}.stblfooter{margin-bottom:.5rem;border-top:1px solid grey}.bdgtexport:hover{cursor:pointer}.stblfooter .stblcollarge,.stblheader .stblcollarge{width:96px}.stbltotal{font-weight:600}.budgetselectfilebutton{border:none;padding:.25rem 1rem;margin-left:25rem;background-color:#000;color:#fff;margin-right:1rem;font-size:.8rem}.budgetselectfilebutton:hover{cursor:pointer;background-color:#6b6b6b}.bdgtloadfileinput{min-width:400px}.bdgtloadbtn{border:none;border-radius:.75rem;padding:.25rem 1rem;margin-left:1rem;background-color:#a1a1a1;color:#fff;z-index:5}.bdgtloadbtn:hover{cursor:pointer;background-color:#616161}input[type=file]{display:none}.showloadbutton{display:inline}.hideloadbutton{display:none}.loadmsg{display:inline;margin-left:1rem;color:#188b18}.contextMenu{position:absolute;width:270px;background-color:#fff;border-radius:5px;box-sizing:border-box;z-index:10;border:1px solid #000}.contextMenu ul{box-sizing:border-box;padding:10px;margin:0;list-style:none}.contextMenu ul li{background-color:#fff}.bdgtpnametable .contextMenu ul li textarea{width:100%;height:60px;border:1px solid;text-align:left}.contextMenu ul li button{margin:.5rem;padding:.25rem 1rem;border-radius:.75rem;border:none;background-color:#4441a2;color:#fff}.contextMenu ul li button:hover{cursor:pointer;background-color:#7977be}.contextMenu ul li button:active{background-color:#4441a2}.cellwithcomment{background-color:#f1e4dd}.contextMenu .bdgtcomment{color:#000;text-align:left;font-size:.8rem;margin-bottom:.75rem}.singlecomment{display:flex;flex-direction:row;width:100%;vertical-align:bottom;justify-content:space-between}.commenticon{color:red}.commenticon:hover{cursor:pointer;color:#9f1414}.bdgtprodtotals{width:69px;text-align:right;padding-right:7px}.bdgtctyttl,.bdgtprodtotals{background-color:#a0b667}
/*# sourceMappingURL=main.6cd92b90.chunk.css.map */