.App{position:relative;text-align:center;background-color:#fff;margin-left:auto;margin-right:auto;width:100vw;height:100vh;overflow:hidden}.MenuButton{left:10px}.MenuButton,.RefreshButton{position:absolute;top:10px;background-color:transparent;height:40px}.RefreshButton{right:10px}.Menu{position:absolute;top:0;left:0;height:100vh;width:350px;background-color:#fff;transition:left .1s linear;z-index:2}.Menu.Hidden{visibility:hidden;left:-350px;transition:visibility 0s .1s,left .1s linear}.Menu h1{margin:0;padding-top:20px;background-color:#415b85;color:#fff;width:calc(100% - 20px);height:160px;font-size:50px}.Menu h1,.Menu h2{text-align:left;padding-left:20px}.Menu h2{color:grey}.CompanyListHolder{border-top:1px solid grey}.Darken{position:absolute;top:0;left:0;height:100vh;width:100vw;background-color:#000;opacity:.3;transition:opacity .1s linear;z-index:1}.Darken.Hidden{visibility:hidden;opacity:0;transition:visibility 0s .1s,opacity .1s linear}.LogoutButton{bottom:0;height:40px;border:none;font-weight:700}.LogoutButton,.Menu .Links{position:absolute;left:0;width:100%}.Menu .Links{bottom:40px}.Menu a{display:inline-block;text-decoration:none;color:#000;width:100%;text-align:center;font-weight:700;background-color:#d3d3d3;padding-top:10px;padding-bottom:10px}.NavBar{position:absolute;width:100vw;height:60px;background-color:#1d2d45;text-align:left;vertical-align:bottom}.NavBar h1{color:#fff;width:100%;text-align:center;margin:10px 0 0}.AppPage{height:calc(100vh - 40px);top:40px}.AppPage,.MipPage{position:absolute;width:100vw}.MipPage{top:60px;height:calc(100vh - 60px)}.App>.loader,.MipPage>.loader{--radius:50px;--thickness:10px;position:absolute;left:calc(50% - 25px);top:calc(50% - 25px)}.loader,.loader:after{--radius:20px;--thickness:5px;--back-color:rgba(0,0,0,0.1);--fore-color:rgba(0,0,0,0.3);border-radius:50%;width:var(--radius);height:var(--radius)}.loader{position:absolute;right:10px;top:15px;border:var(--thickness) solid var(--back-color);border-left:var(--thickness) solid var(--fore-color);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s linear infinite;animation:load8 1.1s linear infinite}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.LoginPage{position:absolute;top:0;left:0;z-index:1000;width:100vw;height:100vh;background-color:grey}.LoginPage table{margin-bottom:20px;width:100%;padding:10px}.LoginPage .CenterWindow{position:absolute;top:calc(40vh - 145px);left:calc(50vw - 200px);background-color:#fff;width:400px;height:275px}.LoginPage span{font-weight:700}.LoginPage td{text-align:left;padding-left:5px}.LoginPage button,.LoginPage input[type=submit]{padding:5px;margin:5px;width:90px;font-size:14pt;background-color:#d3d3d3;border:none}.LoginPage button:hover,.LoginPage input[type=submit]:hover{background-color:#add8e6}.CenterWindow button{font-size:10pt;width:50%;margin:0}.CenterWindow button.Selected{background-color:#fff}.LoginPage .LoginError{display:block;margin-top:-20px;margin-bottom:15px;font-weight:400;color:red}.CenterWindow .LoadingContainer{display:inline-block;width:auto;position:relative;background-color:#d3d3d3;width:66px;height:41px}.CenterWindow .LoadingContainer .loader{position:absolute;right:calc(50% - 18px);top:5px}@media only screen and (max-width:800px){.LoginPage .CenterWindow{top:0;left:0;width:100%;height:100%}.CenterWindow button{font-size:14pt}.LoginPage h1{margin-top:40%}.LoginPage input{font-size:14pt}}.Selector{width:100%;height:40px;border-top:1px solid grey;border-bottom:1px solid grey;background-color:#fff}.Selector button{font-size:11pt;border:none;border-right:1px solid grey;background-color:#fff;height:100%;vertical-align:top}.Selector button.Selected{background-color:#d3d3d3}.Selector button:first-child{border-left:1px solid grey}.Selector.Contained{padding:0}.Selector.Contained>button:first-child{border-left:none}.Selector.Contained>button:last-child{border-right:none}.SelectorButtons button{font-size:11pt;margin:3px;padding:6px;border:1px solid grey;background-color:#fff;height:100%;vertical-align:top}.SelectorButtons button.Selected{background-color:#d3d3d3}.ChartContainer{width:100%;height:100%}.ChartContainer canvas{bottom:0;right:0;margin:auto}.ChartContainer canvas,.ChartLoader{position:absolute;top:0;left:0;width:100%;height:100%}.ChartLoader .loader,.ChartLoader .loader:after{width:40px;height:40px;position:absolute;right:calc(50% - 40px);top:calc(50% - 40px);border:10px solid rgba(0,0,0,.1);border-left-color:rgba(0,0,0,.3)}.Section{vertical-align:top;display:inline-block;width:350px;overflow-y:scroll;overflow-x:hidden;border-right:1px solid grey}.Section,.SectionHolder{height:100%;text-align:left}.SectionHolder>.Selector{visibility:hidden;height:40px;position:absolute;left:0;bottom:0}@media only screen and (max-width:500px){.Section{display:none;width:100%;height:calc(100% - 40px)}.Section.Selected{display:inline-block}.SectionHolder>.Selector{visibility:visible}}.TransactionItem{position:relative;height:80px}.TransactionItem:nth-child(odd){background-color:#d3d3d3}.TransactionItem span{position:absolute}.Type{font-weight:700;top:5px;left:5px}.Desc{left:5px;top:25px}.Date{bottom:5px;left:5px}.Num1{right:5px;top:5px}.Num2{right:5px;top:25px}.Num3{right:5px;top:45px}.SummaryPage .Header{text-align:center}.SummaryPage .Header h1{margin-bottom:10px}.SummaryPage .Header h2{margin:6px}.SummaryPage .Header h3{margin-top:0;color:grey}.SummarySection .Details{padding:10px}.AdminSection button{font-size:12.5px;margin:4px;width:calc(25% - 8px)}.FormHolder{padding:10px;border-bottom:1px solid grey}.OwnerRow{position:relative;width:100%;height:40px}.OwnerRow:nth-child(odd){background-color:#d3d3d3}.OwnerRow span{position:absolute;line-height:40px}.OwnerRow .Name{left:40px}.OwnerRow .Shares{right:5px}.SummarySection .ChartContainer{position:relative;width:100%;height:25vh;padding-bottom:15px}.AdminSection .ChartContainer{position:relative;width:100%;height:250px;padding-top:20px;padding-bottom:20px}.Color{position:absolute;left:10px;top:10px;width:20px;height:20px}.Form{align-self:center;overflow:visible;margin:5px}.Form,.FormField{display:flex;flex-direction:column}.FormField{justify-content:flex-start}.FieldRow{display:flex;flex-direction:column;justify-content:space-between}.RowLabel{margin-right:10px}.RowInput,.RowLabel{align-self:flex-start}.FieldError{color:red;text-align:left}.FormError{color:red}.SubmitButton{margin-top:5px;width:60px;align-self:flex-start}textarea{font-family:inherit;font-size:inherit}.Column,.ConsolePage{text-align:left}.Column{vertical-align:top;display:inline-block;height:100%;width:350px;overflow-y:scroll;overflow-x:hidden;border-right:1px solid grey}.CardHolder{position:relative}.CardHolder>div{border-bottom:1px solid grey;padding:5px}.CardHolder>.Selector>button{font-size:10px;padding:0}.CardHolder>div h2{font-size:18px}.ConsolePage>.Selector{visibility:hidden;height:40px;position:absolute;left:0;bottom:0}.SelectorButtons button{font-size:12.5px;margin:4px;width:calc(25% - 8px)}@media only screen and (max-width:500px){.Column{display:none;width:100%;height:calc(100% - 40px)}.Column.Selected{display:inline-block}.ConsolePage .Selector{visibility:visible}}.CompanyList{height:100%}.CompanyItem{position:relative;height:50px;border-bottom:1px solid grey;text-align:left}.CompanyList div span{position:absolute;font-weight:700;top:10px;left:10px}.CompanyList div.Selected{background-color:#d3d3d3}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}