body{margin:0;height:100vh}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;width:100%;height:100%}#app,*{margin:0;padding:0}*{box-sizing:border-box;--primaryColor:#0057e7;--primaryTextColor:#fff;--dashBackgroundColor:#c3ccd3;--subjectBackgroundColor:#f6f8fa;--primaryBorderColor:#47646f;--secondaryBorderColor:#b1bbc3;--majorTextColor:#2c3e50;--lessMajorTextColor:#708090;--minorTextColor:#788592;--tableLightColor:var(--subjectBackgroundColor);--tableMediumColor:#eaedf1;--tableDarkColor:#dedee3;--highlightColor:#fff;--footerBackgroundColor:#979dac;--navBackgroundColor:#f0f3f6}body,html{height:100%;margin:0}button{border:none;font-family:inherit;background:none;outline:none}button,h1,h2,h3,h4,h5,h6{font-size:inherit}a{text-decoration:none;color:inherit}.container{position:relative;flex:1 0 auto;display:flex;flex-direction:column}.entireView{width:100%;height:100%}.singleRowFlex{display:flex;align-items:center}.icon{width:28px;padding:5px}.downloadLink{margin:10px 0}.link{text-decoration:none;color:#2f55a4;color:var(--primaryColor);position:relative;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.link:after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:2px;transform:scaleY(0);background-color:#2f55a4;background-color:var(--primaryColor);transition:transform .3s}.link:active:after,.link:focus:after,.link:hover:after{transform:scaleY(1)}.subjectHeader{display:flex;padding:5px 10px;justify-content:center}.subjectTitle{font-size:2rem;font-weight:700;border-bottom:4px solid}.subjectContent{flex:1 0 auto;display:flex;flex-direction:column;background-color:snow;background-color:var(--subjectBackgroundColor)}.subjectboard{background-color:var(--subjectBackgroundColor)}.dashboard,.subjectboard{min-height:100%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;display:flex;flex-direction:column}.dashboard{background-color:#d3d3d3;background-color:var(--dashBackgroundColor)}.dashFlexContent{display:flex;justify-content:center}.sectionList>.section{border-top:1px solid grey;border-top-color:var(--primaryBorderColor)}.sectionList>.section:first-child{border-top:none}.section{width:100%}.sectionTitle{font-size:1.2rem;font-weight:700;padding:10px}.sectionContent{font-size:1rem;padding:0 15px 20px;margin-top:10px}.card{border-radius:5px;background-color:snow;background-color:var(--subjectBackgroundColor);pointer-events:all;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:360px;margin:20px}.cardTitle{font-size:1.2rem;font-weight:700;padding:10px;border-bottom:1px solid grey;border-bottom-color:var(--primaryBorderColor);display:flex;justify-content:space-between;align-items:center}.cardContent{font-size:1rem;padding:0 20px 10px;margin-top:10px}.transitionHeight{transition:height .4s ease-in-out,max-height .4s ease-in-out}.category{margin-bottom:15px}.categoryTitle{font-weight:700;font-style:italic;border-bottom:1px solid #d3d3d3;border-bottom-color:var(--secondaryBorderColor);padding:5px 0}.dataItem{padding:3px 0}.dataEmphasis{font-weight:700}.note{display:flex;flex-direction:column;align-items:flex-end;color:grey;color:var(--minorTextColor);font-size:.8rem;margin-top:10px;text-align:right}.chart{min-width:380px;height:400px}.histogram{max-width:1088px}.centerChart{display:flex;justify-content:center}@media (max-width:660px){.chart{width:unset;min-width:320px;min-height:300px}.chartContent{display:flex;justify-content:center}}.info2Cols{display:grid;width:100%;text-align:left;grid-template-columns:1fr 1fr;-moz-column-gap:24px;column-gap:24px}.info2ColsFullRow{grid-column:1/3}@media (max-width:780px){.info2Cols{grid-template-columns:1fr}}.titleWithExpand{display:flex;justify-content:space-between;padding-right:24px}.dynamicTable{text-align:center;width:100%;justify-self:center;border-collapse:collapse}.dynamicTable>thead>tr{border-bottom:1px solid #d3d3d3;border-bottom-color:var(--secondaryBorderColor)}.dynamicTable>tbody>tr>td,.dynamicTable>thead>tr>th{padding:10px}.dynamicTable>tbody>tr:nth-child(2n){background-color:#f2f2f2;background-color:var(--tableMediumColor);--highlightBackground:snow;--highlightBackground:var(--tableLightColor)}.dynamicTable>tbody>tr:nth-child(odd){background-color:snow;background-color:var(--tableLightColor);--highlightBackground:#f2f2f2;--highlightBackground:var(--tableMediumColor)}.dynamic3ColExpand,.dynamic4ColExpand,.dynamic5ColExpand{display:grid}.dynamic3ColExpand>td,.dynamic3ColExpand>th,.dynamic4ColExpand>td,.dynamic4ColExpand>th,.dynamic5ColExpand>td,.dynamic5ColExpand>th{display:block;padding:10px}.dynamic3ColExpand{grid-template-columns:repeat(3,1fr) 4%}.dynamic4ColExpand{grid-template-columns:repeat(4,1fr) 4%}.dynamic5ColExpand{grid-template-columns:repeat(5,1fr) 4%}.expandableTableRow{display:block;width:100%;overflow:hidden;transition:max-height .3s ease-in-out}.expandableTableContent{padding:5px 0 10px;margin:0 1rem 10px}.expandableTableContent:first-child{border-top:1px dashed #d3d3d3;border-top-color:var(--secondaryBorderColor)}.expandableTableContent:last-child{border-bottom:1px dashed #d3d3d3;border-bottom-color:var(--secondaryBorderColor)}@media (max-width:560px){.dynamicTable{border:none}.dynamicTable>thead{border:none;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.dynamicTable>tbody>tr{display:grid;margin-bottom:10px;border:1px solid #d3d3d3;border-color:var(--secondaryBorderColor)}.dynamic3ColExpand,.dynamic4ColExpand,.dynamic5ColExpand{display:grid;grid-template-columns:1fr}.dynamic3ColExpand>td,.dynamic4ColExpand>td,.dynamic5ColExpand>td{border-bottom:1px dotted #d3d3d3}.dynamic3ColExpand>button,.dynamic4ColExpand>button,.dynamic5ColExpand>button{display:flex;justify-self:center;align-items:center}.dynamic3ColExpand>button:before,.dynamic4ColExpand>button:before,.dynamic5ColExpand>button:before{content:attr(data-label);color:#2c3e50;color:var(--majorTextColor);padding:5px 10px}.responsiveTD td{display:grid;border-bottom:1px dotted #d3d3d3;border-bottom-color:var(--secondaryBorderColor);grid-template-columns:40% 1fr;-moz-column-gap:10px;column-gap:10px;font-weight:700;text-align:start}.responsiveTD td:last-child{border-bottom:none}.responsiveTD td:before{content:attr(data-label);float:left;font-weight:400;text-align:left}}@media (max-width:400px){.responsiveTD td{-moz-column-gap:0;column-gap:0}}@media (max-width:360px){.expandableTableContent p{display:flex;flex-direction:column;align-items:flex-start}.responsiveTD td{grid-template-columns:1fr}}.clampedTable{max-height:500px;overflow:auto}.staticTable{border-collapse:collapse;text-align:center;width:100%;justify-self:center}.staticTable thead tr{border-bottom:1px solid #d3d3d3;border-bottom-color:var(--secondaryBorderColor)}.staticTable td,.staticTable th{padding:10px 18px}.staticTable tr:nth-child(2n){background-color:#f2f2f2;background-color:var(--tableMediumColor)}@media (max-width:630px){.staticTable thead{border:none;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.staticTable tr{display:grid;margin-bottom:10px;border:1px solid #d3d3d3}.staticTable tr:nth-child(2n){background-color:#dedee3;background-color:var(--tableDarkColor)}.staticTable td{border-bottom:1px dotted #d3d3d3;border-bottom-color:var(--secondaryBorderColor);display:grid;grid-template-columns:40% 1fr;-moz-column-gap:10px;column-gap:10px;font-weight:700;text-align:start}.staticTable td:last-child{border-bottom:none}.staticTable td:before{content:attr(data-label);float:left;font-weight:400;text-align:left}}@media (max-width:445px){.staticTable td{grid-template-columns:1fr}}.modifyPermitInfo{display:grid;grid-template:repeat(4,1fr)/1fr 1fr;text-align:left}@media (max-width:765px){.modifyPermitInfo{grid-template-columns:1fr}}.wellPlansInfo{display:grid;grid-template-columns:repeat(5,1fr)}.wellPlansInfo p{display:flex;flex-direction:column}@media (max-width:730px){.wellPlansInfo{grid-template-columns:1fr 1fr;justify-items:start}.wellPlansInfo p{flex-direction:row}}@media (max-width:500px){.wellPlansInfo{grid-template-columns:1fr}}.vesselIdentify{display:flex;flex-direction:column;text-align:left}.vesselList{text-align:center;width:100%;justify-self:center}.vesselList>div{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid #d3d3d3;border-bottom-color:var(--secondaryBorderColor);margin-bottom:2rem}.vesselList>div:last-child{border-bottom:none;margin-bottom:0}.vesselPic{max-height:135px;max-width:200px;padding:5px}.vesselInfo{display:grid;grid-template-columns:30% 1fr 20%;padding:10px 0}.vesselInfo .link{justify-self:center;align-self:center}.vesselMainInfo{align-items:center}.vesselDetails,.vesselMainInfo{display:flex;flex-direction:column}.vesselDetails{text-align:start;min-width:143px}.vesselDetails p{padding:5px 0}@media (max-width:930px){.vesselInfo{grid-template-columns:1fr;row-gap:1rem}.vesselDetails p{padding:2px 0}.vesselList>div{grid-template-columns:1fr}}.histogramList{width:100%;justify-self:center}.histogramList>div{display:flex;flex-direction:column;border-bottom:1px solid #d3d3d3;border-bottom-color:var(--secondaryBorderColor);padding:10px}.histogramList>div:last-child{border-bottom:none;margin-bottom:0}.histogramMainInfo{padding:10px 0;text-align:center}.screenAction{position:absolute;top:0;left:0;opacity:0;background-color:#fff;background-color:var(--highlightColor);transition:opacity .3s ease;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.screenAction:hover{opacity:.9}.logCard{border:1px solid #d3d3d3;border-color:var(--secondaryBorderColor);border-radius:10px;display:flex;justify-content:space-between;padding:10px;margin:10px 5px;position:relative;overflow:hidden}.cardPlacement{display:grid;grid-template-columns:repeat(2,1fr)}.centerImage{display:flex;justify-content:center;align-items:center}@media (max-width:1140px){.logCard p{display:flex;flex-direction:column}}@media (max-width:772px){.logCard{flex-direction:column}}@media (max-width:550px){.cardPlacement{grid-template-columns:1fr}}.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.inputfile+label{font-size:1.25em;font-weight:700;color:#fff;background-color:#000;display:inline-block}.inputfile+label:hover,.inputfile:focus+label{background-color:red;cursor:pointer}.filename{height:44px;width:80%;background:#f1f1f1}.filename,.fileselector{padding:10px;font-size:17px;border:1px solid grey;float:left}.fileselector{width:20%;background:#2196f3;color:#fff;border-left:none;cursor:pointer}.uploadMsg{width:80%}.submitButton,.uploadMsg{padding:10px;font-size:17px;height:44px;float:left;display:inline}.submitButton{width:20%;background:#2196f3}.submitButton:hover{cursor:pointer}.loading{z-index:1;height:100%;width:100%;top:0;left:0;position:absolute;opacity:.5;background:grey}.contentDash{right:45vw}.contentDash,.upload{overflow:scroll;margin:auto;width:40vw;position:fixed}.upload{left:5vw}.contentDash::-webkit-scrollbar{display:none}.arcgisItem{display:flex;flex-direction:column;position:relative;align-items:center;align-self:center;width:100%;flex:1 0 auto}.arcgisItem>.card{max-width:1140px;width:80%}.arcgisItem .dashFlexContent{width:80%}.arcgisItem .dashFlexContent .chart{width:400px}.contentButton{display:flex;position:absolute;top:10px;right:10px}.contentButton a{padding:5px 10px;display:flex;align-items:flex-end}.navBtn{align-self:center;background-color:#2f55a4;position:absolute;bottom:10px;right:10px;color:#fff;background-color:var(--primaryColor);color:var(--primaryTextColor);text-decoration:none;padding:10px 12px;border-radius:5px;transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,.2);transition:all .3s ease}.navBtn:active,.navBtn:focus,.navBtn:hover{transform:scale(1.1);box-shadow:0 4px 10px 0 rgba(0,0,0,.5)}.backBtn{align-self:center;background-color:#2f55a4;position:absolute;top:10px;right:10px;color:#fff;background-color:var(--primaryColor);color:var(--primaryTextColor);text-decoration:none;padding:10px 12px;border-radius:5px;transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,.2);transition:all .3s ease}.backBtn:active,.backBtn:focus,.backBtn:hover{transform:scale(1.1);box-shadow:0 4px 10px 0 rgba(0,0,0,.5)}.contentCard{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:5px;padding:10px;background-color:snow;pointer-events:all;overflow:hidden;margin-top:10px;margin-bottom:10px;position:relative}.contentTitle{font-weight:700;font-size:large;margin-bottom:10px}.button{text-align:center;display:inline-block;margin:0 10px;cursor:pointer}.blue{background-color:var(--primary);color:snow}.grey{background-color:grey;color:snow}.red{background-color:#d62d20;color:snow}.green{background-color:#0ee831;color:snow}.keyInput{padding:8px;width:75%}.input,.keyInput{display:inline-block;border:none;background-color:snow;border:1px solid #ccc}.input{width:100%}.blockingMenu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,41.2%,.6)}.blockingCard{position:fixed;vertical-align:center;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}.blockingTitle{display:inline-block;margin-right:10px}.rightButtons{display:grid;justify-content:end}