body{background-color:#fefefe;font-family:Roboto,sans-serif;height:100%}.loginWindow{height:468px;width:360px;border:2px solid #7990A8;background:#fff;text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:start;align-items:center;align-content:center;position:absolute;top:50%;left:50%;margin-top:-234px;margin-left:-180px}.logo{padding:20px 71px 0 70px;display:flex;justify-content:center;width:217px;height:88px}.loginDropDown{margin:0 48px 30px;width:152px;height:24px;color:#465e75;font-size:13px;letter-spacing:0;line-height:15px}.inputFieldArea{margin:0 48px;height:82px;width:264px;display:inline-block}.usernamePWLabel{margin-top:16px;height:14px;width:72.7px;color:#7a8a99;font-size:12px;letter-spacing:0;line-height:14px;alignment:left;vertical-align:middle}.usernamePWInput{padding-left:1px;height:20px;width:90%;color:#465e75;font-size:18px;font-weight:700;letter-spacing:0;line-height:20px;alignment:left;vertical-align:middle;outline:0;border-width:0 0 2px;border-color:#cfd8e6}.usernamePWInput:focus{outline:0;border-width:0 0 2px;border-color:#003e7e}.loginLabel{font-size:13px;color:#7a8a99;alignment:left}.loginInput{outline:0;border-width:0 0 2px;border-color:#cfd8e6}.loginInput:focus{outline:0;border-width:0 0 2px;border-color:#003e7e}.loginWindow a{text-decoration:none}.btnArea{margin:10px 48px 6px;height:40px;width:264px;background-color:#003e7e;color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #00000024,0 4px 5px #0000001f,0 1px 10px #0003}.btnArea.trader{background-color:#00385c}.btnArea.broker{background-color:#055633}.btnArea.admin{background-color:#5c0027}.btnArea.basis{background-color:#1b2935}.btnLogin{padding:12px 48px;height:100%;width:100%;color:#fff;font-size:14px;font-weight:700;letter-spacing:.27px;line-height:16px;text-align:center;background-color:#003e7e}.loginButton{background-color:#003e7e;color:#fff;alignment:center;width:168px;height:36px;font-family:Roboto,sans-serif;font-size:14px;border-radius:50%}.loginError{color:red;font-family:Roboto,sans-serif;font-size:14px}.loginClose{width:20px;height:20px;alignment:right}.info{margin:24px 50px 24px 49px;display:flex}.version{display:flex;justify-content:left;height:15px;width:159px;color:#465e75;font-size:13px;letter-spacing:0;line-height:15px}.phoneIcon{height:12px;width:12px}.phone{margin-left:8px;height:15px;width:81px;color:#465e75;font-size:13px;letter-spacing:0;line-height:15px}.clickableIcon{cursor:pointer!important}#selectMessage{margin:8px}#root{width:100%;height:100%;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html{height:100%}body{background-color:#fefefe;font-family:Roboto,sans-serif;height:100%;width:100%;overflow-y:hidden;overflow-x:auto;margin:0}body::-webkit-scrollbar{height:4px;background:#fff}body::-webkit-scrollbar-track{-webkit-border-radius:2px;border-radius:2px}body::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background:#b1c4d7}#client{height:100%}.wrapper{display:contents}[hidden]{display:none!important}.scrollH{overflow-x:auto}.scrollH::-webkit-scrollbar{height:4px;background:#fff}.scrollH::-webkit-scrollbar-track{-webkit-border-radius:2px;border-radius:2px}.scrollH::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background:#b1c4d7}.scrollV{overflow-y:auto}.scrollV::-webkit-scrollbar{width:4px;background:#fff}.scrollV::-webkit-scrollbar-track{-webkit-border-radius:2px;border-radius:2px}.scrollV::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background:#b1c4d7}.mainWindow{width:calc(100% - 24px);display:flex;margin:10px;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;background-color:#eff1f4;height:calc(100% - 24px);border:2px solid #7990A8}.mainView{width:100%;height:calc(100% - 24px);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.windowHeader{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:center;width:calc(100% - 16px);height:24px;padding:8px;border-bottom:2px solid #7990A8}.headerSpacer{flex-grow:1;height:100%}.topMain{display:flex;width:calc(100% - 16px);height:calc(100% - 24px);overflow-x:hidden;margin:0 8px;background-color:#fff}.logout_button{border:none;outline:none;background:none;cursor:pointer;padding:0;margin:0}.shorcan-dashboard{margin-right:10px;padding:0;height:20px;color:#1c344d;font-size:15px;font-weight:700;letter-spacing:0;line-height:22px}.username-env{color:#1c344d;font-size:14px;letter-spacing:0;margin-top:2px;margin-right:10px}.popup{border-color:#000;border-style:groove;border-width:2px;padding:0;background-color:#fff;font-size:70%;position:absolute;top:200px}.accordionIcon{flex-grow:0;font-size:20px;line-height:1.25;height:16px;width:16px;color:#7990a8}.sortingBy{background-image:linear-gradient(to bottom,#0000,#00000003 10%,#7990a8)}.sortingByReverse{background-image:linear-gradient(to top,#0000,#00000003 10%,#7990a8)}#noConnection{background-color:#fff;width:500px;height:500px;position:absolute;top:calc(50% - 250px);left:calc(50% - 250px);border:2px solid #7990A8;display:flex;justify-content:center;align-content:center;flex-direction:column;text-align:center;font-family:Roboto,sans-serif;font-size:20px}#noConnection div{margin:10px}#noConnection button{margin-top:40px;padding:12px 48px;height:40px;width:calc(100% - 96px);color:#fff;font-size:14px;font-weight:700;letter-spacing:.27px;line-height:16px;text-align:center;background-color:#003e7e}#noConnection .material-icons{vertical-align:middle;margin-right:10px}#noConnection #manualRedirect button{background:none;border:none;padding:0;color:#069;text-decoration:underline;cursor:pointer;width:unset;font-size:20px}.logo{margin-left:auto;margin-right:auto;margin-bottom:25px;width:217px;height:88px}.loader{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:20px;height:20px;margin:40px auto auto!important;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clickableIcon:hover{cursor:pointer}.topMain{display:flex;flex-direction:row;width:calc(100% - 16px);height:100%;overflow-x:hidden;margin:0 8px;background-color:#eff1f4}.topLeft{width:35%;height:100%}.topRight{width:65%;height:100%}.midWindow{height:calc((100% - 40px)*.3333);width:calc(100% - 16px);margin-left:8px;margin-right:8px;margin-bottom:8px}.bottomWindow{height:calc((100% - 40px)*.3333)}.nav{margin:4px;padding:4px;border:2px solid black;border-radius:5px;background-color:#fff}.nav:hover{background-color:#eff1f4;cursor:pointer}.nav.active{background-color:#eff1f4}#content-participants{width:100%;height:100%;flex-grow:1;display:flex;flex-direction:column;overflow:scroll;align-items:center;justify-content:space-evenly}.section-wrap{width:100%;height:100%;display:flex;justify-content:space-around}.participant-view{background-color:#fff;box-shadow:0 4px 20px #0003;padding:10px;width:10%;height:100%;margin-top:12px;display:flex;flex-direction:column;align-items:center}.participant-view hr{width:100%}.participant-name{font-size:1.25rem}.participant-list{width:100%;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;background-color:#efefef}.participant-list-row{margin:.1em;background-color:#fff;height:auto;width:calc(100% - 4px);display:flex;flex-direction:column;align-items:center}.participant-list-row.background-fade{animation:backgroundFadeAway ease 5s;animation-fill-mode:forwards;opacity:1}@keyframes backgroundFadeAway{0%{background-color:#ff0}99%{background-color:#fff;height:auto}to{background-color:#fff;height:1.1em}}.row-cell-username{width:100%;display:block;justify-content:center;align-items:center}.row-cell-event{display:flex;justify-content:center;align-items:center}.other-participant{visibility:hidden;position:absolute;z-index:1;background-color:#f6f5f5;color:#232323}.row-cell-username:hover .other-participant{visibility:visible}.logged-out{filter:brightness(50%);animation:logoutFadeAway ease 5s;animation-fill-mode:forwards}@keyframes logoutFadeAway{0%{opacity:1;height:30px;margin:2px 2px 0}10%{opacity:1;height:30px;margin:2px 2px 0}99%{opacity:.01;height:30px;margin:2px 2px 0}to{opacity:0;height:0;margin:0}}.faded{animation:fadeAway ease 5s;animation-fill-mode:forwards}@keyframes fadeAway{0%{opacity:1;height:100%}10%{opacity:1;height:100%}99%{opacity:.01;height:100%}to{opacity:0;height:0}}.other-view hr,.broker-view hr{width:100%}.all-connected{color:#90ee90;font-size:.5em}.some-connected{color:#00f;font-size:.5em}.none-connected{color:#cd5c5c;font-size:.5em}.connection-list{visibility:hidden;background-color:transparent;width:auto;display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;position:absolute;z-index:1}.connection{border:1px solid black;border-radius:5px;display:flex;justify-content:center;align-items:center;padding:2px;margin:1px;color:#000;font-size:.8em}.connection.off{background-color:#cd5c5c}.connection.on{background-color:#90ee90}.connection-status:hover .connection-list{visibility:visible}#content-audits{width:100%;height:100%;display:flex;flex-direction:column}.audit-filter-row{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.audit-table{flex-grow:1;width:100%;display:flex;flex-direction:column;height:calc(100% - 40px)}.audit-table-body{flex-grow:1;width:100%;overflow-y:scroll}.audit-table-row{margin:2px 2px 0;height:30px;width:calc(100% - 4px);display:flex;flex-direction:row;align-items:center}.audit-table-row.head{font-weight:700}.audit-table-cell{height:100%;width:15%;display:flex;justify-content:center;align-items:center}.audit-table-content{height:100%;flex-grow:1;display:flex;justify-content:left;align-items:center}#content-users{width:100%;height:100%;display:flex;flex-direction:column}.user-filter-row{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:start;padding-left:8px}.user-table{flex-grow:1;width:100%;display:flex;flex-direction:column;height:calc(100% - 40px)}.user-table-body{flex-grow:1;width:100%;overflow-y:scroll}.user-table-row{margin:2px 2px 0;height:30px;width:calc(100% - 4px);display:flex;flex-direction:row;align-items:center}.user-table-row.head{font-weight:700}.user-table-cell{height:100%;width:20%;display:flex;justify-content:center;align-items:center}.user-table-content{height:100%;flex-grow:1;display:flex;justify-content:left;align-items:center}#content-prices{width:100%;height:100%;display:flex;flex-direction:column}.candeal-filter-row{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.filter-group{display:flex;flex-direction:row;align-items:center}.filter-group input{margin-left:2px;margin-right:2px}.candeal-table{flex-grow:1;width:100%;display:flex;flex-direction:column;height:calc(100% - 40px)}.candeal-table-body{flex-grow:1;width:100%;overflow-y:scroll}.candeal-table-row{margin:2px 2px 0;height:30px;width:calc(100% - 4px);display:flex;flex-direction:row;align-items:center}.candeal-table-row.head{font-weight:700}.candeal-table-cell{height:100%;width:25%;display:flex;justify-content:center;align-items:center}