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}#futuresTable{height:calc(100% - 32px);background-color:#fefefe;margin-right:8px}.futuresTableRow div{display:flex;align-items:center;padding-left:2px;padding-right:2px}.futuresHeader{font-weight:700;height:24px;font-size:22px;padding-right:8px;display:flex;flex-direction:row;align-items:center}#filterFutures{width:100px;height:80%;border:2px solid #CCCCCC;border-radius:2px}.futuresTableRow{height:24px;width:100%;display:flex}.futuresTableBody .futuresTableRow{border-top:1px solid #CCCCCC}.futuresSymbol{height:24px;width:25%;justify-content:center}.futuresExpiry{height:24px;width:25%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:center}.futuresPrice{height:24px;width:25%;justify-content:right}.futuresVolume{height:24px;width:25%;border-left:1px solid #CCCCCC;justify-content:right}#pricesTable{height:calc(100% - 32px);background-color:#fefefe}.priceTableRow div{display:flex;align-items:center;padding-left:2px;padding-right:2px}.pricesHeader{font-weight:700;height:24px;font-size:22px;display:flex;flex-direction:row;align-items:center}#filterPrices{width:100px;height:80%;border:2px solid #CCCCCC;border-radius:2px}.priceTableRow{height:24px;width:100%;display:flex}.priceTableBody .priceTableRow{border-top:1px solid #CCCCCC}.priceAlias{height:24px;width:14%;justify-content:center;border-right:1px solid #CCCCCC}.priceCusip{height:24px;width:14%;justify-content:center}.priceMidPrice{height:24px;width:12%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:right}.priceMidYield{height:24px;width:12%;justify-content:right}.priceBidPrice{height:24px;width:12%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:right}.priceBidYield{height:24px;width:12%;justify-content:right}.priceAskPrice{height:24px;width:12%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:right}.priceAskYield{height:24px;width:12%;justify-content:right}#basisTable{height:calc(100% - 24px);background-color:#fefefe}.basisTableRow div{display:flex;align-items:center;padding-left:2px;padding-right:2px}.basisHeader{font-weight:700;height:24px;font-size:22px;display:flex;flex-direction:row;align-items:center}#filterBasis{width:100px;height:80%;border:2px solid #CCCCCC;border-radius:2px}.basisTableRow{height:24px;width:100%;display:flex}.basisTableBody .basisTableRow{border-top:1px solid #CCCCCC}.basisAlias{height:24px;width:15%;justify-content:center}.basisCode{height:24px;width:10%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:center}.basisDeliveryDate{height:24px;width:10%;justify-content:center}.basisMaturityDate{height:24px;width:10%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:center}.basisCoupon{height:24px;width:10%;justify-content:right}.basisConversionFactor{height:24px;width:10%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:right}.basisFuturesPrice{height:24px;width:10%;justify-content:right}.basisFVPrice{height:24px;width:10%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:right}.basisSpread{height:24px;width:10%;justify-content:right}.basisAcceptance{height:24px;width:5%;border-left:1px solid #CCCCCC;justify-content:center}.basisAcceptance .checkbox{height:14px}.checkboxContainer{display:flex;flex-direction:row;align-items:center}.checkboxContainer:hover{cursor:pointer}.checkboxContainer .checkbox{margin-left:4px;margin-right:4px;width:10px;height:10px;border:2px solid #7C96B3;border-radius:2px;background-color:#fff}.checkboxContainer .checkbox.checked{border:2px solid #003E7E;background-color:#003e7e}.checkboxContainer .check{color:#fff;font-size:12px;font-weight:700;margin-left:-1px;margin-top:-1px}.checkboxContainer label{font-size:11px;color:#465e75}.darkTheme .checkboxContainer .checkbox{border:2px solid #7C96B3;background-color:#232d3b}.darkTheme .checkboxContainer .checkbox.checked{border:2px solid #5A80D5;background-color:#5a80d5}.darkTheme .checkboxContainer .check{color:#242f3d}.darkTheme .checkboxContainer label{color:#7c96b3}#tradesTable{height:calc(100% - 32px);background-color:#fefefe;margin-left:8px;margin-right:8px;margin-bottom:8px}.tradeTableRow div{display:flex;align-items:center;padding-left:2px;padding-right:2px}.tradesHeader{display:flex;font-weight:700;height:24px;font-size:22px;padding-left:8px;padding-right:8px}.tradesHeaderSpacer{flex-grow:1;height:100%}.tableColumnH{font-weight:700;position:sticky;top:0;background-color:#fefefe;border-bottom:1px solid #CCCCCC}.tradeTableRow{height:24px;width:100%;display:flex}.tradeTableBody{height:calc(100% - 24px)}.tradeTableBody .tradeTableRow{border-top:1px solid #CCCCCC}.tradeId{height:24px;width:9%}.tradeAlias{height:24px;width:10%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:center}.tradeQty{height:24px;width:4%;justify-content:right}.tradeDir{height:24px;width:3%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:center}.tradePrice{height:24px;width:7%;justify-content:right}.tradeSpr{height:24px;width:7%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:right}.tradeBTC{height:24px;width:4%;justify-content:center}.tradeBPrice{height:24px;width:7%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:right}.tradeBSTP{height:24px;width:9%;justify-content:center}.tradeSTC{height:24px;width:4%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:center}.tradeSPrice{height:24px;width:7%;justify-content:right}.tradeSSTP{height:24px;width:9%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:center}.tradeTime{height:24px;width:9%;justify-content:center}.tradeOF{height:24px;width:4%;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;justify-content:center}.tradeState{height:24px;width:7%;justify-content:center}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}.topWindow{display:flex;margin:0;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;background-color:#f0f2f5}.topWindowNormal{height:calc((100% - 40px)*.3333)}.topWindowExpand{height:calc(100% - 40px)}.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}.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-badmin{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)}.marketSortLabel{display:flex;width:50px;margin-right:8px}.marketSortLabelText{padding-top:4px;color:#1c344d;flex-grow:1;text-align:right}.marketSortLabelIcon{font-size:16px;color:#4787c1;line-height:23px;height:20px;width:20px;margin-left:5px}.marketSortDropdown{width:90px;margin-left:-20px;margin-top:2px;padding-top:2px;padding-bottom:2px;background-color:#fefefe;border:2px solid #7990A8;color:#7990a8;position:absolute;overflow:hidden;display:none}.marketSortDropdown .option{padding-top:5px;padding-left:25px;padding-bottom:5px;width:90px}.marketSortDropdown .option.selected{background-image:url(../assets/check.png)!important;background-color:#fefefe}.marketSortDropdown .option:hover{background-image:url(../assets/check_hovered.png);background-color:#f0f2f5}.eventFilterDropdown{width:75px;margin-left:-5px;margin-top:2px;padding-top:2px;padding-bottom:2px;background-color:#fefefe;border:2px solid #7990A8;color:#7990a8;position:absolute;overflow:hidden;display:none}.eventFilterDropdown .option{padding-top:5px;padding-left:5px;padding-bottom:5px;width:90px;text-align:left}.eventFilterDropdown .option.selected{background-color:#f0f2f5}.eventFilterDropdown:hover .option.selected{background-color:#fefefe}.eventFilterDropdown:hover .option:hover{background-color:#f0f2f5}.eventFilterLabel{display:flex;width:80px;margin-right:5px}.eventFilterLabelText{flex-grow:1;padding-top:5px;color:#1c344d}.eventFilterLabelIcon{font-size:16px!important;color:#4787c1;line-height:23px!important;height:20px;width:20px;margin-left:5px;margin-right:8px}.settingLabel{display:flex;margin-top:10px;margin-left:3px;width:110px;border-bottom:2px solid #B3B3B3}.settingLabelText{display:flex;align-items:center;font-size:14px;width:85px;font-weight:700}.settingDropdown{width:110px;margin-left:3px;padding-top:5px;padding-bottom:5px;background-color:#fefefe;border:2px solid #7990A8;color:#7990a8;position:absolute;overflow-y:hidden;display:none}.settingDropdown .option{padding-top:5px;padding-left:10px;padding-bottom:5px;font-weight:700;font-size:12px;color:#465e75}.settingDropdown .option.selected{background-color:#f5f7fa}.settingDropdown:hover .option.selected{background-color:#fefefe}.settingDropdown:hover .option:hover{background-color:#f5f7fa}.headerMenuLabel{display:flex;flex-direction:row}.headerMenuDropdown{width:150px;margin-left:-120px;margin-top:5px;padding-top:5px;padding-bottom:5px;background-color:#fefefe;border:2px solid #7990A8;color:#7990a8;position:absolute;overflow-y:hidden;display:none;z-index:1}.badmin.headerMenuDropdown{margin-left:-128px}.headerMenuDropdown .option{padding-top:5px;padding-left:10px;padding-bottom:5px;font-size:12px;color:#465e75;display:flex;align-items:center}.headerMenuDropdown .option .material-icons{color:#7c96b3;margin:0 4px;font-size:15px;width:20px}.headerMenuDropdown:hover .option:hover{background-color:#f5f7fa}.darkTheme .marketSortDropdown{background-color:#232d3b;border:2px solid #5C5C5C;color:#7b95b2}.darkTheme .marketSortDropdown .option.selected,.darkTheme .marketSortDropdown .option:hover{background-color:#232d3b;color:#7b95b2}.darkTheme .marketSortLabelText,.darkTheme .marketSortLabelIcon,.darkTheme .eventFilterLabelText{color:#7b95b2}.darkTheme .eventFilterDropdown{background-color:#232d3b;border:2px solid #5C5C5C;color:#7b95b2}.darkTheme .eventFilterDropdown .option.selected{background-color:#2c3846;color:#7b95b2}.darkTheme .eventFilterDropdown:hover .option.selected{background-color:#232d3b}.darkTheme .eventFilterDropdown:hover .option:hover{background-color:#2c3846;color:#7b95b2}.darkTheme .settingDropdown{background-color:#232d3b}.darkTheme .settingDropdown .option{color:#7b95b2}.darkTheme .settingDropdown .option.selected{background-color:#2c3846}.darkTheme .settingDropdown:hover .option.selected{background-color:#232d3b}.darkTheme .settingDropdown:hover .option:hover{background-color:#2c3846}.darkTheme .settingLabel{border-bottom:2px solid #7B95B2}.darkTheme .headerMenuDropdown{background-color:#232d3b;border:2px solid #5C5C5C;color:#7b95b2}.darkTheme .headerMenuDropdown .option{color:#7b95b2}.darkTheme .headerMenuDropdown .option .material-icons{color:#7c96b3}.darkTheme .headerMenuDropdown:hover .option:hover{background-color:#2c3846}